@megafon/ui-core 9.5.1 → 9.6.0

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

@@ -107,21 +107,21 @@ var Banner = function Banner(_ref) {
     isEnd = _React$useState8[0],
     setEnd = _React$useState8[1];
   var _React$useState9 = React.useState(canAutoPlay),
-    _React$useState10 = _slicedToArray(_React$useState9, 2),
-    isAutoPlaying = _React$useState10[0],
-    setAutoPlaying = _React$useState10[1];
-  var _React$useState11 = React.useState(0),
+    _React$useState0 = _slicedToArray(_React$useState9, 2),
+    isAutoPlaying = _React$useState0[0],
+    setAutoPlaying = _React$useState0[1];
+  var _React$useState1 = React.useState(0),
+    _React$useState10 = _slicedToArray(_React$useState1, 2),
+    activeIndex = _React$useState10[0],
+    setActiveIndex = _React$useState10[1];
+  var _React$useState11 = React.useState(autoPlayDelay),
     _React$useState12 = _slicedToArray(_React$useState11, 2),
-    activeIndex = _React$useState12[0],
-    setActiveIndex = _React$useState12[1];
-  var _React$useState13 = React.useState(autoPlayDelay),
+    delay = _React$useState12[0],
+    setDelay = _React$useState12[1];
+  var _React$useState13 = React.useState(false),
     _React$useState14 = _slicedToArray(_React$useState13, 2),
-    delay = _React$useState14[0],
-    setDelay = _React$useState14[1];
-  var _React$useState15 = React.useState(false),
-    _React$useState16 = _slicedToArray(_React$useState15, 2),
-    isIncreasedDelay = _React$useState16[0],
-    setIsIncreasedDelay = _React$useState16[1];
+    isIncreasedDelay = _React$useState14[0],
+    setIsIncreasedDelay = _React$useState14[1];
   var showDotTimer = loop ? isAutoPlaying : isAutoPlaying && !isEnd;
   var dotTimerDelay = delay / 1000;
   var arrowSize = arrowTheme === ArrowTheme.WHITE ? ArrowSize.LARGE : ArrowSize.MIDDLE;

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

@@ -1 +1 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-9-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:1px solid transparent;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 31px;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:focus-visible{-webkit-animation:focus-outline-shrink .3s linear forwards;animation:focus-outline-shrink .3s linear forwards;outline-offset:2px}@-webkit-keyframes focus-outline-shrink{0%{outline:0 solid var(--137C)}to{outline:4px solid var(--137C)}}@keyframes focus-outline-shrink{0%{outline:0 solid var(--137C)}to{outline:4px solid var(--137C)}}.mfui-9-button:focus{outline:none}.mfui-9-button svg{display:block;-webkit-transition:fill .3s;transition:fill .3s}.mfui-9-button_size-all_extra-small{border-radius:8px;font-size:12px;height:24px;line-height:14px;min-width:24px;padding:0 15px}.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{border-radius:12px;height:40px;min-width:40px;padding:0 23px}.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{border-radius:16px;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{border-radius:16px;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-button_has-arrow{padding:0 7px}.mfui-9-button_size-all_extra-small.mfui-9-button_has-arrow .mfui-9-button__content{padding-left:12px}.mfui-9-button_size-all_large.mfui-9-button_has-arrow,.mfui-9-button_size-all_medium.mfui-9-button_has-arrow{padding:0 23px}.mfui-9-button_size-all_large.mfui-9-button_has-arrow .mfui-9-button__content,.mfui-9-button_size-all_medium.mfui-9-button_has-arrow .mfui-9-button__content,.mfui-9-button_size-all_small.mfui-9-button_has-arrow .mfui-9-button__content{padding-left:16px}.mfui-9-button_size-all_large.mfui-9-button_has-subtext{height:60px}.mfui-9-button_has-subtext .mfui-9-button__inner{height:100%}.mfui-9-button_type_text{border:none;padding:0}@media screen and (min-width:1024px){.mfui-9-button_size-desktop_extra-small{border-radius:8px;font-size:12px;height:24px;line-height:14px;min-width:24px;padding:0 15px}.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{border-radius:12px;height:40px;min-width:40px;padding:0 23px}.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{border-radius:16px;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{border-radius:16px;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-button_has-arrow{padding:0 7px}.mfui-9-button_size-desktop_extra-small.mfui-9-button_has-arrow .mfui-9-button__content{padding-left:12px}.mfui-9-button_size-desktop_large.mfui-9-button_has-arrow,.mfui-9-button_size-desktop_medium.mfui-9-button_has-arrow{padding:0 23px}.mfui-9-button_size-desktop_large.mfui-9-button_has-arrow .mfui-9-button__content,.mfui-9-button_size-desktop_medium.mfui-9-button_has-arrow .mfui-9-button__content,.mfui-9-button_size-desktop_small.mfui-9-button_has-arrow .mfui-9-button__content{padding-left:16px}.mfui-9-button_size-desktop_large.mfui-9-button_has-subtext{height:60px}.mfui-9-button_has-subtext .mfui-9-button__inner{height:100%}.mfui-9-button_type_text{border:none;padding:0}}@media screen and (min-width:1280px){.mfui-9-button_size-wide_extra-small{border-radius:8px;font-size:12px;height:24px;line-height:14px;min-width:24px;padding:0 15px}.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{border-radius:12px;height:40px;min-width:40px;padding:0 23px}.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{border-radius:16px;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{border-radius:16px;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-button_has-arrow{padding:0 7px}.mfui-9-button_size-wide_extra-small.mfui-9-button_has-arrow .mfui-9-button__content{padding-left:12px}.mfui-9-button_size-wide_large.mfui-9-button_has-arrow,.mfui-9-button_size-wide_medium.mfui-9-button_has-arrow{padding:0 23px}.mfui-9-button_size-wide_large.mfui-9-button_has-arrow .mfui-9-button__content,.mfui-9-button_size-wide_medium.mfui-9-button_has-arrow .mfui-9-button__content,.mfui-9-button_size-wide_small.mfui-9-button_has-arrow .mfui-9-button__content{padding-left:16px}.mfui-9-button_size-wide_large.mfui-9-button_has-subtext{height:60px}.mfui-9-button_has-subtext .mfui-9-button__inner{height:100%}.mfui-9-button_type_text{border:none;padding:0}}@media screen and (min-width:768px) and (max-width:1023px){.mfui-9-button_size-tablet_extra-small{border-radius:8px;font-size:12px;height:24px;line-height:14px;min-width:24px;padding:0 15px}.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{border-radius:12px;height:40px;min-width:40px;padding:0 23px}.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{border-radius:16px;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{border-radius:16px;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-button_has-arrow{padding:0 7px}.mfui-9-button_size-tablet_extra-small.mfui-9-button_has-arrow .mfui-9-button__content{padding-left:12px}.mfui-9-button_size-tablet_large.mfui-9-button_has-arrow,.mfui-9-button_size-tablet_medium.mfui-9-button_has-arrow{padding:0 23px}.mfui-9-button_size-tablet_large.mfui-9-button_has-arrow .mfui-9-button__content,.mfui-9-button_size-tablet_medium.mfui-9-button_has-arrow .mfui-9-button__content,.mfui-9-button_size-tablet_small.mfui-9-button_has-arrow .mfui-9-button__content{padding-left:16px}.mfui-9-button_size-tablet_large.mfui-9-button_has-subtext{height:60px}.mfui-9-button_has-subtext .mfui-9-button__inner{height:100%}.mfui-9-button_type_text{border:none;padding:0}}@media screen and (max-width:767px){.mfui-9-button_size-mobile_extra-small{border-radius:8px;font-size:12px;height:24px;line-height:14px;min-width:24px;padding:0 15px}.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{border-radius:12px;height:40px;min-width:40px;padding:0 23px}.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{border-radius:16px;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{border-radius:16px;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-button_has-arrow{padding:0 7px}.mfui-9-button_size-mobile_extra-small.mfui-9-button_has-arrow .mfui-9-button__content{padding-left:12px}.mfui-9-button_size-mobile_large.mfui-9-button_has-arrow,.mfui-9-button_size-mobile_medium.mfui-9-button_has-arrow{padding:0 23px}.mfui-9-button_size-mobile_large.mfui-9-button_has-arrow .mfui-9-button__content,.mfui-9-button_size-mobile_medium.mfui-9-button_has-arrow .mfui-9-button__content,.mfui-9-button_size-mobile_small.mfui-9-button_has-arrow .mfui-9-button__content{padding-left:16px}.mfui-9-button_size-mobile_large.mfui-9-button_has-subtext{height:60px}.mfui-9-button_has-subtext .mfui-9-button__inner{height:100%}.mfui-9-button_type_text{border:none;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,.mfui-9-button_loading{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:100%;justify-content:center;vertical-align:top;width:100%}.mfui-9-button__text{margin-bottom:2px}.mfui-9-button__subtext{font-size:12px;line-height:14px}.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_ellipsis .mfui-9-button__subtext,.mfui-9-button__content_ellipsis .mfui-9-button__text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.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__text-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%}.mfui-9-button__text-content .mfui-9-button__text{margin-bottom:0}.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_primary.mfui-9-button_theme_gray{background-color:var(--spbSky0);color:var(--content)}.mfui-9-button_type_primary.mfui-9-button_theme_gray svg{fill:var(--content)}.mfui-9-button_no-touch.mfui-9-button_type_primary.mfui-9-button_theme_gray:not(.mfui-9-button_loading):hover{background-color:var(--spbSky1)}.mfui-9-button_no-touch.mfui-9-button_type_primary.mfui-9-button_theme_gray:not(.mfui-9-button_loading):hover svg{fill:var(--content)}.mfui-9-button_no-touch.mfui-9-button_type_primary.mfui-9-button_theme_gray:not(.mfui-9-button_loading):active{background-color:var(--spbSky2)}.mfui-9-button_no-touch.mfui-9-button_type_primary.mfui-9-button_theme_gray:not(.mfui-9-button_loading):active svg{fill:var(--content)}.mfui-9-button_type_primary.mfui-9-button_theme_base{background-color:var(--base);color:var(--content)}.mfui-9-button_type_primary.mfui-9-button_theme_base svg{fill:var(--content)}.mfui-9-button_no-touch.mfui-9-button_type_primary.mfui-9-button_theme_base:not(.mfui-9-button_loading):hover{background-color:var(--spbSky1)}.mfui-9-button_no-touch.mfui-9-button_type_primary.mfui-9-button_theme_base:not(.mfui-9-button_loading):hover svg{fill:var(--content)}.mfui-9-button_no-touch.mfui-9-button_type_primary.mfui-9-button_theme_base: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_base: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)}
+h1,h2,h3,h4,h5{margin:0}.mfui-9-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:1px solid transparent;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 31px;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:focus-visible{-webkit-animation:focus-outline-shrink .3s linear forwards;animation:focus-outline-shrink .3s linear forwards;outline-offset:2px}@-webkit-keyframes focus-outline-shrink{0%{outline:0 solid var(--137C)}to{outline:4px solid var(--137C)}}@keyframes focus-outline-shrink{0%{outline:0 solid var(--137C)}to{outline:4px solid var(--137C)}}.mfui-9-button:focus{outline:none}.mfui-9-button svg{display:block;-webkit-transition:fill .3s;transition:fill .3s}.mfui-9-button_size-all_extra-small{border-radius:8px;font-size:12px;height:24px;line-height:14px;min-width:24px;padding:0 15px}.mfui-9-button_size-all_extra-small .mfui-9-button__icon,.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{padding-left:7px;padding-right:11px}.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{height:16px;margin-left:0;width:16px}.mfui-9-button_size-all_small{border-radius:12px;height:40px;min-width:40px;padding:0 23px}.mfui-9-button_size-all_small .mfui-9-button__icon,.mfui-9-button_size-all_small.mfui-9-button_content-type_icon-text .mfui-9-button__icon{height:20px;width:20px}.mfui-9-button_size-all_small .mfui-9-button__icon-arrow{height:24px;width:24px}.mfui-9-button_size-all_medium{border-radius:16px;height:52px;min-width:52px}.mfui-9-button_size-all_medium .mfui-9-button__icon,.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_medium .mfui-9-button__icon-arrow{height:24px;width:24px}.mfui-9-button_size-all_large{border-radius:16px;height:60px;min-width:60px}.mfui-9-button_size-all_large .mfui-9-button__icon,.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_large .mfui-9-button__icon-arrow{height:24px;width:24px}.mfui-9-button_size-all_extra-small.mfui-9-button_has-arrow{padding:0 7px}.mfui-9-button_size-all_extra-small.mfui-9-button_has-arrow .mfui-9-button__content{padding-left:8px}.mfui-9-button_size-all_large.mfui-9-button_has-arrow,.mfui-9-button_size-all_medium.mfui-9-button_has-arrow{padding:0 23px}.mfui-9-button_size-all_large.mfui-9-button_has-arrow .mfui-9-button__content,.mfui-9-button_size-all_medium.mfui-9-button_has-arrow .mfui-9-button__content,.mfui-9-button_size-all_small.mfui-9-button_has-arrow .mfui-9-button__content{padding-left:16px}.mfui-9-button_size-all_large.mfui-9-button_has-subtext{height:60px}.mfui-9-button_has-subtext .mfui-9-button__inner{height:100%}.mfui-9-button_type_text{border:none;padding:0}@media screen and (min-width:1024px){.mfui-9-button_size-desktop_extra-small{border-radius:8px;font-size:12px;height:24px;line-height:14px;min-width:24px;padding:0 15px}.mfui-9-button_size-desktop_extra-small .mfui-9-button__icon,.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{padding-left:7px;padding-right:11px}.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{height:16px;margin-left:0;width:16px}.mfui-9-button_size-desktop_small{border-radius:12px;height:40px;min-width:40px;padding:0 23px}.mfui-9-button_size-desktop_small .mfui-9-button__icon,.mfui-9-button_size-desktop_small.mfui-9-button_content-type_icon-text .mfui-9-button__icon{height:20px;width:20px}.mfui-9-button_size-desktop_small .mfui-9-button__icon-arrow{height:24px;width:24px}.mfui-9-button_size-desktop_medium{border-radius:16px;height:52px;min-width:52px}.mfui-9-button_size-desktop_medium .mfui-9-button__icon,.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_medium .mfui-9-button__icon-arrow{height:24px;width:24px}.mfui-9-button_size-desktop_large{border-radius:16px;height:60px;min-width:60px}.mfui-9-button_size-desktop_large .mfui-9-button__icon,.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_large .mfui-9-button__icon-arrow{height:24px;width:24px}.mfui-9-button_size-desktop_extra-small.mfui-9-button_has-arrow{padding:0 7px}.mfui-9-button_size-desktop_extra-small.mfui-9-button_has-arrow .mfui-9-button__content{padding-left:8px}.mfui-9-button_size-desktop_large.mfui-9-button_has-arrow,.mfui-9-button_size-desktop_medium.mfui-9-button_has-arrow{padding:0 23px}.mfui-9-button_size-desktop_large.mfui-9-button_has-arrow .mfui-9-button__content,.mfui-9-button_size-desktop_medium.mfui-9-button_has-arrow .mfui-9-button__content,.mfui-9-button_size-desktop_small.mfui-9-button_has-arrow .mfui-9-button__content{padding-left:16px}.mfui-9-button_size-desktop_large.mfui-9-button_has-subtext{height:60px}.mfui-9-button_has-subtext .mfui-9-button__inner{height:100%}.mfui-9-button_type_text{border:none;padding:0}}@media screen and (min-width:1280px){.mfui-9-button_size-wide_extra-small{border-radius:8px;font-size:12px;height:24px;line-height:14px;min-width:24px;padding:0 15px}.mfui-9-button_size-wide_extra-small .mfui-9-button__icon,.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{padding-left:7px;padding-right:11px}.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{height:16px;margin-left:0;width:16px}.mfui-9-button_size-wide_small{border-radius:12px;height:40px;min-width:40px;padding:0 23px}.mfui-9-button_size-wide_small .mfui-9-button__icon,.mfui-9-button_size-wide_small.mfui-9-button_content-type_icon-text .mfui-9-button__icon{height:20px;width:20px}.mfui-9-button_size-wide_small .mfui-9-button__icon-arrow{height:24px;width:24px}.mfui-9-button_size-wide_medium{border-radius:16px;height:52px;min-width:52px}.mfui-9-button_size-wide_medium .mfui-9-button__icon,.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_medium .mfui-9-button__icon-arrow{height:24px;width:24px}.mfui-9-button_size-wide_large{border-radius:16px;height:60px;min-width:60px}.mfui-9-button_size-wide_large .mfui-9-button__icon,.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_large .mfui-9-button__icon-arrow{height:24px;width:24px}.mfui-9-button_size-wide_extra-small.mfui-9-button_has-arrow{padding:0 7px}.mfui-9-button_size-wide_extra-small.mfui-9-button_has-arrow .mfui-9-button__content{padding-left:8px}.mfui-9-button_size-wide_large.mfui-9-button_has-arrow,.mfui-9-button_size-wide_medium.mfui-9-button_has-arrow{padding:0 23px}.mfui-9-button_size-wide_large.mfui-9-button_has-arrow .mfui-9-button__content,.mfui-9-button_size-wide_medium.mfui-9-button_has-arrow .mfui-9-button__content,.mfui-9-button_size-wide_small.mfui-9-button_has-arrow .mfui-9-button__content{padding-left:16px}.mfui-9-button_size-wide_large.mfui-9-button_has-subtext{height:60px}.mfui-9-button_has-subtext .mfui-9-button__inner{height:100%}.mfui-9-button_type_text{border:none;padding:0}}@media screen and (min-width:768px) and (max-width:1023px){.mfui-9-button_size-tablet_extra-small{border-radius:8px;font-size:12px;height:24px;line-height:14px;min-width:24px;padding:0 15px}.mfui-9-button_size-tablet_extra-small .mfui-9-button__icon,.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{padding-left:7px;padding-right:11px}.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{height:16px;margin-left:0;width:16px}.mfui-9-button_size-tablet_small{border-radius:12px;height:40px;min-width:40px;padding:0 23px}.mfui-9-button_size-tablet_small .mfui-9-button__icon,.mfui-9-button_size-tablet_small.mfui-9-button_content-type_icon-text .mfui-9-button__icon{height:20px;width:20px}.mfui-9-button_size-tablet_small .mfui-9-button__icon-arrow{height:24px;width:24px}.mfui-9-button_size-tablet_medium{border-radius:16px;height:52px;min-width:52px}.mfui-9-button_size-tablet_medium .mfui-9-button__icon,.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_medium .mfui-9-button__icon-arrow{height:24px;width:24px}.mfui-9-button_size-tablet_large{border-radius:16px;height:60px;min-width:60px}.mfui-9-button_size-tablet_large .mfui-9-button__icon,.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_large .mfui-9-button__icon-arrow{height:24px;width:24px}.mfui-9-button_size-tablet_extra-small.mfui-9-button_has-arrow{padding:0 7px}.mfui-9-button_size-tablet_extra-small.mfui-9-button_has-arrow .mfui-9-button__content{padding-left:8px}.mfui-9-button_size-tablet_large.mfui-9-button_has-arrow,.mfui-9-button_size-tablet_medium.mfui-9-button_has-arrow{padding:0 23px}.mfui-9-button_size-tablet_large.mfui-9-button_has-arrow .mfui-9-button__content,.mfui-9-button_size-tablet_medium.mfui-9-button_has-arrow .mfui-9-button__content,.mfui-9-button_size-tablet_small.mfui-9-button_has-arrow .mfui-9-button__content{padding-left:16px}.mfui-9-button_size-tablet_large.mfui-9-button_has-subtext{height:60px}.mfui-9-button_has-subtext .mfui-9-button__inner{height:100%}.mfui-9-button_type_text{border:none;padding:0}}@media screen and (max-width:767px){.mfui-9-button_size-mobile_extra-small{border-radius:8px;font-size:12px;height:24px;line-height:14px;min-width:24px;padding:0 15px}.mfui-9-button_size-mobile_extra-small .mfui-9-button__icon,.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{padding-left:7px;padding-right:11px}.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{height:16px;margin-left:0;width:16px}.mfui-9-button_size-mobile_small{border-radius:12px;height:40px;min-width:40px;padding:0 23px}.mfui-9-button_size-mobile_small .mfui-9-button__icon,.mfui-9-button_size-mobile_small.mfui-9-button_content-type_icon-text .mfui-9-button__icon{height:20px;width:20px}.mfui-9-button_size-mobile_small .mfui-9-button__icon-arrow{height:24px;width:24px}.mfui-9-button_size-mobile_medium{border-radius:16px;height:52px;min-width:52px}.mfui-9-button_size-mobile_medium .mfui-9-button__icon,.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_medium .mfui-9-button__icon-arrow{height:24px;width:24px}.mfui-9-button_size-mobile_large{border-radius:16px;height:60px;min-width:60px}.mfui-9-button_size-mobile_large .mfui-9-button__icon,.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_large .mfui-9-button__icon-arrow{height:24px;width:24px}.mfui-9-button_size-mobile_extra-small.mfui-9-button_has-arrow{padding:0 7px}.mfui-9-button_size-mobile_extra-small.mfui-9-button_has-arrow .mfui-9-button__content{padding-left:8px}.mfui-9-button_size-mobile_large.mfui-9-button_has-arrow,.mfui-9-button_size-mobile_medium.mfui-9-button_has-arrow{padding:0 23px}.mfui-9-button_size-mobile_large.mfui-9-button_has-arrow .mfui-9-button__content,.mfui-9-button_size-mobile_medium.mfui-9-button_has-arrow .mfui-9-button__content,.mfui-9-button_size-mobile_small.mfui-9-button_has-arrow .mfui-9-button__content{padding-left:16px}.mfui-9-button_size-mobile_large.mfui-9-button_has-subtext{height:60px}.mfui-9-button_has-subtext .mfui-9-button__inner{height:100%}.mfui-9-button_type_text{border:none;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,.mfui-9-button_loading{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:100%;justify-content:center;vertical-align:top;width:100%}.mfui-9-button__text{margin-bottom:2px}.mfui-9-button__subtext{font-size:12px;line-height:14px}.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_ellipsis .mfui-9-button__subtext,.mfui-9-button__content_ellipsis .mfui-9-button__text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.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__text-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%}.mfui-9-button__text-content .mfui-9-button__text{margin-bottom:0}.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_primary.mfui-9-button_theme_gray{background-color:var(--spbSky0);color:var(--content)}.mfui-9-button_type_primary.mfui-9-button_theme_gray svg{fill:var(--content)}.mfui-9-button_no-touch.mfui-9-button_type_primary.mfui-9-button_theme_gray:not(.mfui-9-button_loading):hover{background-color:var(--spbSky1)}.mfui-9-button_no-touch.mfui-9-button_type_primary.mfui-9-button_theme_gray:not(.mfui-9-button_loading):hover svg{fill:var(--content)}.mfui-9-button_no-touch.mfui-9-button_type_primary.mfui-9-button_theme_gray:not(.mfui-9-button_loading):active{background-color:var(--spbSky2)}.mfui-9-button_no-touch.mfui-9-button_type_primary.mfui-9-button_theme_gray:not(.mfui-9-button_loading):active svg{fill:var(--content)}.mfui-9-button_type_primary.mfui-9-button_theme_base{background-color:var(--base);color:var(--content)}.mfui-9-button_type_primary.mfui-9-button_theme_base svg{fill:var(--content)}.mfui-9-button_no-touch.mfui-9-button_type_primary.mfui-9-button_theme_base:not(.mfui-9-button_loading):hover{background-color:var(--spbSky1)}.mfui-9-button_no-touch.mfui-9-button_type_primary.mfui-9-button_theme_base:not(.mfui-9-button_loading):hover svg{fill:var(--content)}.mfui-9-button_no-touch.mfui-9-button_type_primary.mfui-9-button_theme_base: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_base: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/Buttons/Button/Button.js

@@ -21,9 +21,9 @@ import Preloader, { PreloaderColors } from "../../Preloader/Preloader";
 import "./Button.css";
 var Arrow = function Arrow(props) {
   return /*#__PURE__*/React.createElement("svg", _extends({
-    viewBox: "0 0 40 40"
+    viewBox: "0 0 32 32"
   }, props), /*#__PURE__*/React.createElement("path", {
-    d: "M19.996 10.594a1.972 1.972 0 012.79-.032l7.633 7.465a2.759 2.759 0 010 3.946l-7.634 7.465a1.972 1.972 0 11-2.756-2.822l4.732-4.628H10.223a1.973 1.973 0 010-3.947H24.79l-4.761-4.657a1.974 1.974 0 01-.033-2.79z"
+    d: "M16.326 9.118a1.25 1.25 0 011.768-.004l5.618 5.592a1.825 1.825 0 010 2.588l-5.618 5.592a1.25 1.25 0 01-1.764-1.772l3.871-3.853H9a1.25 1.25 0 010-2.5h11.223l-3.893-3.875a1.25 1.25 0 01-.004-1.768z"
   }));
 };
 export var ButtonTypes = {

package/dist/es/components/Chips/Chips/Chips.js

@@ -67,9 +67,9 @@ var Chips = function Chips(_ref) {
     hiddenItems = _React$useState8[0],
     setHiddenItems = _React$useState8[1];
   var _React$useState9 = React.useState(isScrollable && !visibleItemsCount),
-    _React$useState10 = _slicedToArray(_React$useState9, 2),
-    isScrollableMode = _React$useState10[0],
-    setIsScrollableMode = _React$useState10[1];
+    _React$useState0 = _slicedToArray(_React$useState9, 2),
+    isScrollableMode = _React$useState0[0],
+    setIsScrollableMode = _React$useState0[1];
   var selectedId = isControlled ? value : innerSelectedId;
   var handleClick = React.useCallback(function (e, id) {
     e.persist();

package/dist/es/components/Modal/Modal.js

@@ -80,13 +80,13 @@ var Modal = function Modal(_ref) {
     containerWrapTransform = _React$useState8[0],
     setContainerWrapTransform = _React$useState8[1];
   var _React$useState9 = React.useState(undefined),
-    _React$useState10 = _slicedToArray(_React$useState9, 2),
-    containerWrapHeight = _React$useState10[0],
-    setContainerWrapHeight = _React$useState10[1];
-  var _React$useState11 = React.useState(''),
-    _React$useState12 = _slicedToArray(_React$useState11, 2),
-    containerWrapOverflow = _React$useState12[0],
-    setContainerWrapOverflow = _React$useState12[1];
+    _React$useState0 = _slicedToArray(_React$useState9, 2),
+    containerWrapHeight = _React$useState0[0],
+    setContainerWrapHeight = _React$useState0[1];
+  var _React$useState1 = React.useState(''),
+    _React$useState10 = _slicedToArray(_React$useState1, 2),
+    containerWrapOverflow = _React$useState10[0],
+    setContainerWrapOverflow = _React$useState10[1];
   var overlayRef = React.useRef(null);
   var headerRef = React.useRef(null);
   var footerRef = React.useRef(null);

package/dist/es/components/Row/Row.js

@@ -5,7 +5,14 @@ import useResolution from "../../hooks/useResolution";
 import Header from "../Header/Header";
 import Preloader from "../Preloader/Preloader";
 import "./Row.css";
-var ArrowRight = function ArrowRight(props) {
+var ArrowRight16 = function ArrowRight16(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    viewBox: "0 0 20 20"
+  }, props), /*#__PURE__*/React.createElement("path", {
+    d: "M10.084 5.282a1 1 0 011.414.022l3.61 3.726c.522.54.523 1.4 0 1.94l-3.61 3.726a1 1 0 01-1.436-1.392l2.225-2.297H5.5a1 1 0 010-2h6.8l-2.239-2.31a1 1 0 01.023-1.415z"
+  }));
+};
+var ArrowRight24 = function ArrowRight24(props) {
   return /*#__PURE__*/React.createElement("svg", _extends({
     viewBox: "0 0 32 32"
   }, props), /*#__PURE__*/React.createElement("path", {
@@ -46,6 +53,7 @@ var Row = function Row(_ref) {
   var isGraySimpleIcon = !isIconColored && (backgroundView === 'stroke' || backgroundView === 'shadow' || backgroundView === 'white');
   var _useResolution = useResolution(),
     isMobile = _useResolution.isMobile;
+  var ArrowRight = isMobile ? ArrowRight16 : ArrowRight24;
   var getTitleStyle = function getTitleStyle() {
     if (isMobile || isSmallSize) {
       return {

package/dist/es/components/Search/Search.css

@@ -1 +1 @@
-h1,h2,h3,h4,h5{margin:0}@-webkit-keyframes listAppear{0%{opacity:0;-webkit-transform:translateY(-25px);transform:translateY(-25px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes listAppear{0%{opacity:0;-webkit-transform:translateY(-25px);transform:translateY(-25px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.mfui-9-search{-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--content);font-family:inherit;font-size:15px;line-height:24px;min-height:40px;position:relative;z-index:auto}.mfui-9-search__require-mark{color:var(--fury);font-size:20px;line-height:0;margin-left:1px}.mfui-9-search__control{border:1px solid;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;outline:none;position:relative;-webkit-transition:border-color .3s;transition:border-color .3s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%;z-index:1}.mfui-9-search__field_labeled::-webkit-input-placeholder{color:var(--spbSky3);opacity:0;-webkit-transition:opacity .2s;transition:opacity .2s}.mfui-9-search__field_labeled::-moz-placeholder{color:var(--spbSky3);opacity:0;-moz-transition:opacity .2s;transition:opacity .2s}.mfui-9-search__field_labeled:-ms-input-placeholder{color:var(--spbSky3);opacity:0;-ms-transition:opacity .2s;transition:opacity .2s}.mfui-9-search__field_labeled::-ms-input-placeholder{color:var(--spbSky3);opacity:0;-ms-transition:opacity .2s;transition:opacity .2s}.mfui-9-search__field_labeled::placeholder{color:var(--spbSky3);opacity:0;-webkit-transition:opacity .2s;transition:opacity .2s}.mfui-9-search__field:focus::-webkit-input-placeholder{opacity:1}.mfui-9-search__field:focus::-moz-placeholder{opacity:1}.mfui-9-search__field:focus:-ms-input-placeholder{opacity:1}.mfui-9-search__field:focus::-ms-input-placeholder{opacity:1}.mfui-9-search__field:focus::placeholder{opacity:1}.mfui-9-search__field{display:block;position:relative;z-index:1;-webkit-box-flex:1;-ms-flex-positive:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:none;border-radius:0;-webkit-box-shadow:none;box-shadow:none;-webkit-box-sizing:border-box;box-sizing:border-box;caret-color:var(--brandGreen);color:var(--content);cursor:text;flex-grow:1;font-family:inherit;font-size:100%;height:100%;line-height:24px;opacity:1;outline:none;overflow:auto;padding:0;resize:none;width:100%}@media screen and (max-width:767px){.mfui-9-search__field{width:90%}}.mfui-9-search__label{color:var(--spbSky3);display:block;font-family:inherit;font-size:15px;line-height:24px;overflow:auto;pointer-events:none;position:absolute;-webkit-transition:scale .5s,top .01s,-webkit-transform .5s;transition:scale .5s,top .01s,-webkit-transform .5s;transition:transform .5s,scale .5s,top .01s;transition:transform .5s,scale .5s,top .01s,-webkit-transform .5s;z-index:1}.mfui-9-search__list{background-color:var(--base);border-radius:12px;-webkit-box-shadow:0 4px 12px rgba(0,0,0,.08);box-shadow:0 4px 12px rgba(0,0,0,.08);display:none;left:-1px;position:absolute;right:-1px;top:calc(100% + 1px);z-index:0}.mfui-9-search__clear,.mfui-9-search__submit-button{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;background-color:transparent;border:none;cursor:pointer;height:100%;justify-content:center;padding:0;text-align:center}.mfui-9-search__submit-button:focus-visible{outline:none}.mfui-9-search__submit-button:focus-visible .mfui-9-search__submit-icon{-webkit-animation:focus-outline-shrink .3s linear forwards;animation:focus-outline-shrink .3s linear forwards;border-radius:12px;outline-offset:2px}@-webkit-keyframes focus-outline-shrink{0%{outline:0 solid var(--137C)}to{outline:4px solid var(--137C)}}.mfui-9-search__clear:focus-visible{outline:none}.mfui-9-search__clear:focus-visible .mfui-9-search__clear-icon{-webkit-animation:focus-outline-shrink .3s linear forwards;animation:focus-outline-shrink .3s linear forwards;border-radius:12px;outline-offset:2px}.mfui-9-search__list-inner{-webkit-box-sizing:border-box;box-sizing:border-box;max-height:368px;overflow-y:auto;padding:16px;scrollbar-width:none}.mfui-9-search__list-inner::-webkit-scrollbar{display:none}.mfui-9-search__list-item{background-color:var(--base);border-radius:16px;cursor:pointer;font-family:inherit;padding-bottom:12px;padding-top:12px}.mfui-9-search__list-item_paddings_large{padding-left:32px;padding-right:32px}.mfui-9-search__list-item_paddings_small{padding-left:12px;padding-right:12px}.mfui-9-search__popular-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--base);border-radius:16px;cursor:pointer;min-height:48px;padding-left:12px;padding-right:16px;text-decoration:none}.mfui-9-search__popular-item:focus-visible{-webkit-animation:focus-outline-shrink .3s linear forwards;animation:focus-outline-shrink .3s linear forwards;outline-offset:2px}@keyframes focus-outline-shrink{0%{outline:0 solid var(--137C)}to{outline:4px solid var(--137C)}}.mfui-9-search__popular-item:focus{outline:none}.mfui-9-search__popular-icon{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;height:32px;justify-content:center;margin-right:16px;width:32px}.mfui-9-search__list-item_active,.mfui-9-search__popular-item_active{background-color:var(--spbSky0)}.mfui-9-search__item-title,.mfui-9-search__popular-item-title{position:relative;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;overflow:hidden;white-space:nowrap}.mfui-9-search__item-title:after,.mfui-9-search__popular-item-title:after{background:var(--base);bottom:0;content:"";-webkit-mask-image:-webkit-gradient(linear,left top,right top,from(hsla(0,0%,100%,0)),to(var(--base)));-webkit-mask-image:linear-gradient(to right,hsla(0,0%,100%,0) 0,var(--base) 100%);mask-image:-webkit-gradient(linear,left top,right top,from(hsla(0,0%,100%,0)),to(var(--spbSky0)));mask-image:linear-gradient(to right,hsla(0,0%,100%,0) 0,var(--spbSky0) 100%);position:absolute;right:0;top:0;width:40px}.mfui-9-search__list-item_active .mfui-9-search__item-title:after,.mfui-9-search__popular-item_active .mfui-9-search__popular-item-title:after{background:var(--spbSky0);-webkit-mask-image:-webkit-gradient(linear,left top,right top,from(hsla(0,0%,100%,0)),to(var(--spbSky0)));-webkit-mask-image:linear-gradient(to right,hsla(0,0%,100%,0) 0,var(--spbSky0) 100%);mask-image:-webkit-gradient(linear,left top,right top,from(hsla(0,0%,100%,0)),to(var(--spbSky0)));mask-image:linear-gradient(to right,hsla(0,0%,100%,0) 0,var(--spbSky0) 100%)}.mfui-9-search__notice{color:var(--spbSky3);font-size:12px;line-height:16px;margin-top:4px}.mfui-9-search__notice_error{color:var(--fury)}.mfui-9-search__notice_success{color:var(--brandGreen)}.mfui-9-search__icons{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%}.mfui-9-search__list_not-found{cursor:default}.mfui-9-search__not-found-text{background-color:var(--base);color:var(--spbSky3);font-family:inherit;padding:12px 32px}.mfui-9-search__not-found-text_show-popular{border-bottom:1px solid var(--spbSky2);padding:0 0 16px}.mfui-9-search__popular-title{padding-bottom:8px;padding-top:16px}.mfui-9-search_open{z-index:12}.mfui-9-search_open .mfui-9-search__list{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-name:listAppear;animation-name:listAppear;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;display:block}.mfui-9-search_type_textfield .mfui-9-search__control{background-color:var(--base);border-color:var(--spbSky2);border-radius:16px;height:60px;padding:0 16px}.mfui-9-search_type_textfield .mfui-9-search__control:hover,.mfui-9-search_type_textfield .mfui-9-search__control_focused{border-color:var(--content)}.mfui-9-search_type_textfield .mfui-9-search__label{top:17px}.mfui-9-search_type_textfield .mfui-9-search__field:focus+.mfui-9-search__label,.mfui-9-search_type_textfield .mfui-9-search__field_filled+.mfui-9-search__label{-webkit-transform:scale(.8) translate(-12.5%,-75%);transform:scale(.8) translate(-12.5%,-75%);-webkit-transition:scale .2s,top .01s,-webkit-transform .2s;transition:scale .2s,top .01s,-webkit-transform .2s;transition:transform .2s,scale .2s,top .01s;transition:transform .2s,scale .2s,top .01s,-webkit-transform .2s}.mfui-9-search_type_textfield .mfui-9-search__field_labeled{padding-bottom:9px;padding-top:25px}.mfui-9-search_type_textfield .mfui-9-search__submit-icon{height:32px;width:32px;fill:var(--content)}.mfui-9-search_textarea .mfui-9-search__control{height:auto;min-height:60px}.mfui-9-search_textarea .mfui-9-search__field{-webkit-box-sizing:content-box;box-sizing:content-box;max-height:204px;padding-bottom:9px;padding-top:17px;scrollbar-color:var(--spbSky2) transparent;scrollbar-width:thin}.mfui-9-search_textarea .mfui-9-search__field_labeled{padding-bottom:9px;padding-top:25px}.mfui-9-search_textarea .mfui-9-search__icons{height:58px;margin-left:8px}.mfui-9-search_textarea .mfui-9-search__field_resized{-webkit-transition:height .1s;transition:height .1s;will-change:height}.mfui-9-search__textarea-wrapper{position:relative;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;overflow:hidden;width:100%}.mfui-9-search_type_textfield.mfui-9-search_disabled .mfui-9-search__control{background-color:var(--spbSky0);border-color:var(--spbSky2)}.mfui-9-search_type_textfield.mfui-9-search_disabled .mfui-9-search__submit-icon{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;fill:var(--spbSky2)}.mfui-9-search_type_compact .mfui-9-search__control{background-color:var(--spbSky0);border-color:var(--spbSky0);border-radius:12px;height:40px;padding:0 12px;-webkit-transition:background-color,border-color .3s;transition:background-color,border-color .3s}.mfui-9-search_type_compact .mfui-9-search__control:hover{background-color:var(--spbSky1)}.mfui-9-search_type_compact .mfui-9-search__field{height:100%;padding:8px 0 8px 12px}.mfui-9-search_type_compact .mfui-9-search__label{left:44px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.mfui-9-search_type_compact .mfui-9-search__field:focus+.mfui-9-search__label,.mfui-9-search_type_compact .mfui-9-search__field_filled+.mfui-9-search__label{opacity:0}.mfui-9-search_type_compact .mfui-9-search__submit-icon{height:20px;width:20px;fill:var(--content)}.mfui-9-search_type_compact .mfui-9-search__clear{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;background-color:transparent;border:none;cursor:pointer;height:24px;justify-content:center;margin-left:12px;padding:0;width:24px}.mfui-9-search_type_compact .mfui-9-search__clear-icon{height:24px;width:24px;fill:var(--spbSky3)}.mfui-9-search_type_compact .mfui-9-search__clear-icon:hover{fill:var(--content)}.mfui-9-search_type_compact .mfui-9-search__clear-icon:active{fill:var(--buttonDown)}.mfui-9-search_type_compact.mfui-9-search_open .mfui-9-search__control{background-color:var(--spbSky1)}.mfui-9-search_type_compact.mfui-9-search_disabled .mfui-9-search__field{color:var(--spbSky3)}.mfui-9-search_compact-theme_white .mfui-9-search__control{background-color:var(--base);border-color:var(--base)}.mfui-9-search_compact-theme_white .mfui-9-search__control:hover{background-color:var(--base)}.mfui-9-search_compact-theme_white.mfui-9-search_disabled .mfui-9-search__control{background-color:var(--spbSky0);border-color:var(--spbSky2)}.mfui-9-search_compact-theme_white.mfui-9-search_open .mfui-9-search__control{background-color:var(--base)}.mfui-9-search_disabled .mfui-9-search__control{cursor:default;pointer-events:none}.mfui-9-search_disabled .mfui-9-search__submit-icon{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;fill:var(--spbSky2)}.mfui-9-search_error .mfui-9-search__control{border-color:var(--fury)}.mfui-9-search_success .mfui-9-search__control{border-color:var(--brandGreen)}.mfui-9-search__resizer{bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;right:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-sizing:content-box;box-sizing:content-box;cursor:ns-resize;height:12px;justify-content:center;padding:4px;width:12px}.mfui-9-search__resizer svg{-webkit-transition:stroke .3s;transition:stroke .3s;stroke:var(--spbSky2)}.mfui-9-search__resizer:active svg,.mfui-9-search__resizer:hover svg{stroke:var(--spbSky3)}
+h1,h2,h3,h4,h5{margin:0}@-webkit-keyframes listAppear{0%{opacity:0;-webkit-transform:translateY(-25px);transform:translateY(-25px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes listAppear{0%{opacity:0;-webkit-transform:translateY(-25px);transform:translateY(-25px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.mfui-9-search{-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--content);font-family:inherit;font-size:15px;line-height:24px;min-height:40px;position:relative;z-index:auto}.mfui-9-search__require-mark{color:var(--fury);font-size:20px;line-height:0;margin-left:1px}.mfui-9-search__control{border:1px solid;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;outline:none;position:relative;-webkit-transition:border-color .3s;transition:border-color .3s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%;z-index:1}.mfui-9-search__field_labeled::-webkit-input-placeholder{color:var(--spbSky3);opacity:0;-webkit-transition:opacity .2s;transition:opacity .2s}.mfui-9-search__field_labeled::-moz-placeholder{color:var(--spbSky3);opacity:0;-moz-transition:opacity .2s;transition:opacity .2s}.mfui-9-search__field_labeled:-ms-input-placeholder{color:var(--spbSky3);opacity:0;-ms-transition:opacity .2s;transition:opacity .2s}.mfui-9-search__field_labeled::-ms-input-placeholder{color:var(--spbSky3);opacity:0;-ms-transition:opacity .2s;transition:opacity .2s}.mfui-9-search__field_labeled::placeholder{color:var(--spbSky3);opacity:0;-webkit-transition:opacity .2s;transition:opacity .2s}.mfui-9-search__field:focus::-webkit-input-placeholder{opacity:1}.mfui-9-search__field:focus::-moz-placeholder{opacity:1}.mfui-9-search__field:focus:-ms-input-placeholder{opacity:1}.mfui-9-search__field:focus::-ms-input-placeholder{opacity:1}.mfui-9-search__field:focus::placeholder{opacity:1}.mfui-9-search__field{display:block;position:relative;z-index:1;-webkit-box-flex:1;-ms-flex-positive:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:none;border-radius:0;-webkit-box-shadow:none;box-shadow:none;-webkit-box-sizing:border-box;box-sizing:border-box;caret-color:var(--brandGreen);color:var(--content);cursor:text;flex-grow:1;font-family:inherit;font-size:100%;height:100%;line-height:24px;opacity:1;outline:none;overflow:auto;padding:0;resize:none;width:100%}@media screen and (max-width:767px){.mfui-9-search__field{width:90%}}.mfui-9-search__label{color:var(--spbSky3);display:block;font-family:inherit;font-size:15px;line-height:24px;overflow:auto;pointer-events:none;position:absolute;-webkit-transition:scale .5s,top .01s,-webkit-transform .5s;transition:scale .5s,top .01s,-webkit-transform .5s;transition:transform .5s,scale .5s,top .01s;transition:transform .5s,scale .5s,top .01s,-webkit-transform .5s;z-index:1}.mfui-9-search__list{background-color:var(--base);border-radius:12px;-webkit-box-shadow:0 4px 12px rgba(0,0,0,.08);box-shadow:0 4px 12px rgba(0,0,0,.08);display:none;left:-1px;position:absolute;right:-1px;top:calc(100% + 1px);z-index:0}.mfui-9-search__clear,.mfui-9-search__submit-button{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;background-color:transparent;border:none;cursor:pointer;height:100%;justify-content:center;padding:0;text-align:center}.mfui-9-search__submit-button:focus-visible{outline:none}.mfui-9-search__submit-button:focus-visible .mfui-9-search__submit-icon{-webkit-animation:focus-outline-shrink .3s linear forwards;animation:focus-outline-shrink .3s linear forwards;border-radius:12px;outline-offset:2px}@-webkit-keyframes focus-outline-shrink{0%{outline:0 solid var(--137C)}to{outline:4px solid var(--137C)}}.mfui-9-search__clear:focus-visible{outline:none}.mfui-9-search__clear:focus-visible .mfui-9-search__clear-icon{-webkit-animation:focus-outline-shrink .3s linear forwards;animation:focus-outline-shrink .3s linear forwards;border-radius:12px;outline-offset:2px}.mfui-9-search__list-inner{-webkit-box-sizing:border-box;box-sizing:border-box;max-height:368px;overflow-y:auto;padding:16px;scrollbar-width:none}.mfui-9-search__list-inner::-webkit-scrollbar{display:none}.mfui-9-search__list-item{background-color:var(--base);border-radius:16px;cursor:pointer;font-family:inherit;padding-bottom:12px;padding-top:12px}.mfui-9-search__list-item_paddings_large{padding-left:32px;padding-right:32px}.mfui-9-search__list-item_paddings_small{padding-left:12px;padding-right:12px}.mfui-9-search__popular-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--base);border-radius:16px;cursor:pointer;min-height:48px;padding-left:12px;padding-right:16px;text-decoration:none}.mfui-9-search__popular-item:focus-visible{-webkit-animation:focus-outline-shrink .3s linear forwards;animation:focus-outline-shrink .3s linear forwards;outline-offset:2px}@keyframes focus-outline-shrink{0%{outline:0 solid var(--137C)}to{outline:4px solid var(--137C)}}.mfui-9-search__popular-item:focus{outline:none}.mfui-9-search__popular-icon{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;height:32px;justify-content:center;margin-right:16px;width:32px}.mfui-9-search__list-item_active,.mfui-9-search__popular-item_active{background-color:var(--spbSky0)}.mfui-9-search__item-title,.mfui-9-search__popular-item-title{position:relative;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;overflow:hidden;white-space:nowrap}.mfui-9-search__item-title:after,.mfui-9-search__popular-item-title:after{background:var(--base);bottom:0;content:"";-webkit-mask-image:-webkit-gradient(linear,left top,right top,from(hsla(0,0%,100%,0)),to(var(--base)));-webkit-mask-image:linear-gradient(to right,hsla(0,0%,100%,0) 0,var(--base) 100%);mask-image:-webkit-gradient(linear,left top,right top,from(hsla(0,0%,100%,0)),to(var(--spbSky0)));mask-image:linear-gradient(to right,hsla(0,0%,100%,0) 0,var(--spbSky0) 100%);position:absolute;right:0;top:0;width:40px}.mfui-9-search__list-item_active .mfui-9-search__item-title:after,.mfui-9-search__popular-item_active .mfui-9-search__popular-item-title:after{background:var(--spbSky0);-webkit-mask-image:-webkit-gradient(linear,left top,right top,from(hsla(0,0%,100%,0)),to(var(--spbSky0)));-webkit-mask-image:linear-gradient(to right,hsla(0,0%,100%,0) 0,var(--spbSky0) 100%);mask-image:-webkit-gradient(linear,left top,right top,from(hsla(0,0%,100%,0)),to(var(--spbSky0)));mask-image:linear-gradient(to right,hsla(0,0%,100%,0) 0,var(--spbSky0) 100%)}.mfui-9-search__notice{color:var(--spbSky3);font-size:12px;line-height:16px;margin-top:4px}.mfui-9-search__notice_error{color:var(--fury)}.mfui-9-search__notice_success{color:var(--brandGreen)}.mfui-9-search__icons{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%}.mfui-9-search__list_not-found{cursor:default}.mfui-9-search__not-found-text{background-color:var(--base);color:var(--spbSky3);font-family:inherit;padding:12px 32px}.mfui-9-search__not-found-text_show-popular{border-bottom:1px solid var(--spbSky2);padding:0 0 16px}.mfui-9-search__popular-title{padding-bottom:8px;padding-top:16px}.mfui-9-search_open{z-index:12}.mfui-9-search_open .mfui-9-search__list{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-name:listAppear;animation-name:listAppear;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;display:block}.mfui-9-search_type_textfield .mfui-9-search__control{background-color:var(--base);border-color:var(--spbSky2);border-radius:16px;height:60px;padding:0 16px}.mfui-9-search_type_textfield .mfui-9-search__control:hover,.mfui-9-search_type_textfield .mfui-9-search__control_focused{border-color:var(--content)}.mfui-9-search_type_textfield .mfui-9-search__label{top:17px}.mfui-9-search_type_textfield .mfui-9-search__field:focus+.mfui-9-search__label,.mfui-9-search_type_textfield .mfui-9-search__field_filled+.mfui-9-search__label{-webkit-transform:scale(.8) translate(-12.5%,-75%);transform:scale(.8) translate(-12.5%,-75%);-webkit-transition:scale .2s,top .01s,-webkit-transform .2s;transition:scale .2s,top .01s,-webkit-transform .2s;transition:transform .2s,scale .2s,top .01s;transition:transform .2s,scale .2s,top .01s,-webkit-transform .2s}.mfui-9-search_type_textfield .mfui-9-search__field_labeled{padding-bottom:9px;padding-top:25px}.mfui-9-search_type_textfield .mfui-9-search__submit-icon{height:32px;width:32px;fill:var(--content)}.mfui-9-search_textarea .mfui-9-search__control{height:auto;min-height:60px}.mfui-9-search_textarea .mfui-9-search__field{-webkit-box-sizing:content-box;box-sizing:content-box;max-height:204px;padding-bottom:9px;padding-top:17px;scrollbar-color:var(--spbSky2) transparent;scrollbar-width:thin}.mfui-9-search_textarea .mfui-9-search__field_labeled{padding-bottom:9px;padding-top:25px}.mfui-9-search_textarea .mfui-9-search__icons{height:58px;margin-left:8px}.mfui-9-search_textarea .mfui-9-search__field_resized{-webkit-transition:height .1s;transition:height .1s;will-change:height}.mfui-9-search__textarea-wrapper{position:relative;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;overflow:hidden;width:100%}.mfui-9-search_type_textfield.mfui-9-search_disabled .mfui-9-search__control{background-color:var(--spbSky0);border-color:var(--spbSky2)}.mfui-9-search_type_textfield.mfui-9-search_disabled .mfui-9-search__submit-icon{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;fill:var(--spbSky2)}.mfui-9-search_type_compact .mfui-9-search__control{background-color:var(--spbSky0);border-color:var(--spbSky0);border-radius:12px;height:40px;padding:0 12px;-webkit-transition:background-color,border-color .3s;transition:background-color,border-color .3s}.mfui-9-search_type_compact .mfui-9-search__control:hover{background-color:var(--spbSky1)}.mfui-9-search_type_compact .mfui-9-search__field{height:100%;padding:8px 0 8px 12px}.mfui-9-search_type_compact .mfui-9-search__label{left:44px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.mfui-9-search_type_compact .mfui-9-search__field:focus+.mfui-9-search__label,.mfui-9-search_type_compact .mfui-9-search__field_filled+.mfui-9-search__label{opacity:0}.mfui-9-search_type_compact .mfui-9-search__field+.mfui-9-search__label{font-size:15px;font-weight:500;line-height:24px}.mfui-9-search_type_compact .mfui-9-search__field::-webkit-input-placeholder{font-size:15px;font-weight:500;line-height:24px}.mfui-9-search_type_compact .mfui-9-search__field::-moz-placeholder{font-size:15px;font-weight:500;line-height:24px}.mfui-9-search_type_compact .mfui-9-search__field:-ms-input-placeholder{font-size:15px;font-weight:500;line-height:24px}.mfui-9-search_type_compact .mfui-9-search__field::-ms-input-placeholder{font-size:15px;font-weight:500;line-height:24px}.mfui-9-search_type_compact .mfui-9-search__field::placeholder{font-size:15px;font-weight:500;line-height:24px}.mfui-9-search_type_compact .mfui-9-search__submit-icon{height:20px;width:20px;fill:var(--content)}.mfui-9-search_type_compact .mfui-9-search__clear{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;background-color:transparent;border:none;cursor:pointer;height:24px;justify-content:center;margin-left:12px;padding:0;width:24px}.mfui-9-search_type_compact .mfui-9-search__clear-icon{height:24px;width:24px;fill:var(--spbSky3)}.mfui-9-search_type_compact .mfui-9-search__clear-icon:hover{fill:var(--content)}.mfui-9-search_type_compact .mfui-9-search__clear-icon:active{fill:var(--buttonDown)}.mfui-9-search_type_compact.mfui-9-search_open .mfui-9-search__control{background-color:var(--spbSky1)}.mfui-9-search_type_compact.mfui-9-search_disabled .mfui-9-search__field{color:var(--spbSky3)}.mfui-9-search_compact-theme_white .mfui-9-search__control{background-color:var(--base);border-color:var(--base)}.mfui-9-search_compact-theme_white .mfui-9-search__control:hover{background-color:var(--base)}.mfui-9-search_compact-theme_white.mfui-9-search_disabled .mfui-9-search__control{background-color:var(--spbSky0);border-color:var(--spbSky2)}.mfui-9-search_compact-theme_white.mfui-9-search_open .mfui-9-search__control{background-color:var(--base)}.mfui-9-search_disabled .mfui-9-search__control{cursor:default;pointer-events:none}.mfui-9-search_disabled .mfui-9-search__submit-icon{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;fill:var(--spbSky2)}.mfui-9-search_error .mfui-9-search__control{border-color:var(--fury)}.mfui-9-search_success .mfui-9-search__control{border-color:var(--brandGreen)}.mfui-9-search__resizer{bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;right:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-sizing:content-box;box-sizing:content-box;cursor:ns-resize;height:12px;justify-content:center;padding:4px;width:12px}.mfui-9-search__resizer svg{-webkit-transition:stroke .3s;transition:stroke .3s;stroke:var(--spbSky2)}.mfui-9-search__resizer:active svg,.mfui-9-search__resizer:hover svg{stroke:var(--spbSky3)}

package/dist/es/components/Search/Search.js

@@ -124,21 +124,21 @@ var Search = function Search(_ref) {
     popularActiveIndex = _React$useState8[0],
     setPopularActiveIndex = _React$useState8[1];
   var _React$useState9 = React.useState(TEXTAREA_ROW_HEIGHT),
-    _React$useState10 = _slicedToArray(_React$useState9, 2),
-    textareaHeight = _React$useState10[0],
-    setTextareaHeight = _React$useState10[1];
+    _React$useState0 = _slicedToArray(_React$useState9, 2),
+    textareaHeight = _React$useState0[0],
+    setTextareaHeight = _React$useState0[1];
+  var _React$useState1 = React.useState(false),
+    _React$useState10 = _slicedToArray(_React$useState1, 2),
+    isTextareaResizing = _React$useState10[0],
+    setIsTextareaResizing = _React$useState10[1];
   var _React$useState11 = React.useState(false),
     _React$useState12 = _slicedToArray(_React$useState11, 2),
-    isTextareaResizing = _React$useState12[0],
-    setIsTextareaResizing = _React$useState12[1];
+    isTextareaResized = _React$useState12[0],
+    setIsTextareaResized = _React$useState12[1];
   var _React$useState13 = React.useState(false),
     _React$useState14 = _slicedToArray(_React$useState13, 2),
-    isTextareaResized = _React$useState14[0],
-    setIsTextareaResized = _React$useState14[1];
-  var _React$useState15 = React.useState(false),
-    _React$useState16 = _slicedToArray(_React$useState15, 2),
-    isOpenDropdown = _React$useState16[0],
-    setIsOpenDropdown = _React$useState16[1];
+    isOpenDropdown = _React$useState14[0],
+    setIsOpenDropdown = _React$useState14[1];
   var debouncedOnChange = React.useRef(debounce(function (inputValue) {
     return onChange && onChange(inputValue);
   }, changeDelay));

package/dist/es/components/Sliders/Slider/Slider.css

@@ -1 +1 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-9-slider{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.mfui-9-slider__head{display:grid;font-size:15px;font-weight:500;grid-template-columns:auto 55%;line-height:24px;margin-bottom:8px}.mfui-9-slider__range-input{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--spbSky0);background-image:-webkit-gradient(linear,left top,left bottom,from(var(--brandGreen)),to(var(--brandGreen)));background-image:linear-gradient(var(--brandGreen),var(--brandGreen));background-repeat:no-repeat;border-radius:100px;cursor:pointer;height:12px;margin:6px 0;outline:none;width:100%}.mfui-9-slider__range-input:focus{outline:none}.mfui-9-slider__range-input:focus-visible::-webkit-slider-thumb{outline:4px solid var(--137C);outline-offset:2px}.mfui-9-slider__range-input:focus-visible::-moz-range-thumb{outline:4px solid var(--137C);outline-offset:2px}.mfui-9-slider__range-input:focus-visible::-ms-thumb{outline:4px solid var(--137C);outline-offset:2px}.mfui-9-slider__range-input::-webkit-slider-thumb{-webkit-appearance:none;background-color:var(--stcWhite);border:none;border-radius:50%;-webkit-box-shadow:0 2px 6px rgba(0,0,0,.16);box-shadow:0 2px 6px rgba(0,0,0,.16);height:24px;width:24px}.mfui-9-slider__range-input::-moz-range-thumb{-webkit-appearance:none;background-color:var(--stcWhite);border:none;border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.16);height:24px;width:24px}.mfui-9-slider__range-input::-ms-thumb{-webkit-appearance:none;background-color:var(--stcWhite);border:none;border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.16);height:24px;width:24px}.mfui-9-slider__range-input::-webkit-slider-runnable-track{-webkit-appearance:none;background:transparent;border:none;-webkit-box-shadow:none;box-shadow:none}.mfui-9-slider__range-input::-moz-range-track{-webkit-appearance:none;background:transparent;border:none;box-shadow:none}.mfui-9-slider__range-input::-ms-track{-webkit-appearance:none;background:transparent;border:none;box-shadow:none}.mfui-9-slider__range-container{position:relative}.mfui-9-slider__scale{bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;left:12px;position:absolute;right:12px;top:0;z-index:2;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;pointer-events:none}.mfui-9-slider__scale-item{background-color:var(--base);border-radius:50%;height:4px;width:4px}.mfui-9-slider__scale-item:first-child{margin-left:-2px}.mfui-9-slider__scale-item:last-child{margin-right:-2px}.mfui-9-slider_disabled .mfui-9-slider__head{color:var(--spbSky3)}.mfui-9-slider_disabled .mfui-9-slider__range-input{background-image:-webkit-gradient(linear,left top,left bottom,from(var(--spbSky1)),to(var(--spbSky1)));background-image:linear-gradient(var(--spbSky1),var(--spbSky1));cursor:default}.mfui-9-slider_disabled .mfui-9-slider__range-input::-webkit-slider-thumb{-webkit-appearance:none;background-color:var(--stcWhite);background-color:var(--spbSky2);border:none;border-radius:50%;-webkit-box-shadow:0 2px 6px rgba(0,0,0,.16);box-shadow:0 2px 6px rgba(0,0,0,.16);-webkit-box-shadow:none;box-shadow:none;height:24px;width:24px}.mfui-9-slider_disabled .mfui-9-slider__range-input::-moz-range-thumb{-webkit-appearance:none;background-color:var(--stcWhite);background-color:var(--spbSky2);border:none;border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.16);box-shadow:none;height:24px;width:24px}.mfui-9-slider_disabled .mfui-9-slider__range-input::-ms-thumb{-webkit-appearance:none;background-color:var(--stcWhite);background-color:var(--spbSky2);border:none;border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.16);box-shadow:none;height:24px;width:24px}
+h1,h2,h3,h4,h5{margin:0}.mfui-9-slider{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.mfui-9-slider__head{display:grid;font-size:15px;font-weight:500;grid-template-columns:auto 55%;line-height:24px;-webkit-box-align:end;-ms-flex-align:end;align-items:end;margin-bottom:8px}.mfui-9-slider__range-input{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--spbSky0);background-image:-webkit-gradient(linear,left top,left bottom,from(var(--brandGreen)),to(var(--brandGreen)));background-image:linear-gradient(var(--brandGreen),var(--brandGreen));background-repeat:no-repeat;border-radius:100px;cursor:pointer;height:12px;margin:6px 0;outline:none;width:100%}.mfui-9-slider__range-input:focus{outline:none}.mfui-9-slider__range-input:focus-visible::-webkit-slider-thumb{outline:4px solid var(--137C);outline-offset:2px}.mfui-9-slider__range-input:focus-visible::-moz-range-thumb{outline:4px solid var(--137C);outline-offset:2px}.mfui-9-slider__range-input:focus-visible::-ms-thumb{outline:4px solid var(--137C);outline-offset:2px}.mfui-9-slider__range-input::-webkit-slider-thumb{-webkit-appearance:none;background-color:var(--stcWhite);border:none;border-radius:50%;-webkit-box-shadow:0 2px 6px rgba(0,0,0,.16);box-shadow:0 2px 6px rgba(0,0,0,.16);height:24px;width:24px}.mfui-9-slider__range-input::-moz-range-thumb{-webkit-appearance:none;background-color:var(--stcWhite);border:none;border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.16);height:24px;width:24px}.mfui-9-slider__range-input::-ms-thumb{-webkit-appearance:none;background-color:var(--stcWhite);border:none;border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.16);height:24px;width:24px}.mfui-9-slider__range-input::-webkit-slider-runnable-track{-webkit-appearance:none;background:transparent;border:none;-webkit-box-shadow:none;box-shadow:none}.mfui-9-slider__range-input::-moz-range-track{-webkit-appearance:none;background:transparent;border:none;box-shadow:none}.mfui-9-slider__range-input::-ms-track{-webkit-appearance:none;background:transparent;border:none;box-shadow:none}.mfui-9-slider__range-container{position:relative}.mfui-9-slider__scale{bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;left:12px;position:absolute;right:12px;top:0;z-index:2;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;pointer-events:none}.mfui-9-slider__scale-item{background-color:var(--base);border-radius:50%;height:4px;width:4px}.mfui-9-slider__scale-item:first-child{margin-left:-2px}.mfui-9-slider__scale-item:last-child{margin-right:-2px}.mfui-9-slider_disabled .mfui-9-slider__head{color:var(--spbSky3)}.mfui-9-slider_disabled .mfui-9-slider__range-input{background-image:-webkit-gradient(linear,left top,left bottom,from(var(--spbSky1)),to(var(--spbSky1)));background-image:linear-gradient(var(--spbSky1),var(--spbSky1));cursor:default}.mfui-9-slider_disabled .mfui-9-slider__range-input::-webkit-slider-thumb{-webkit-appearance:none;background-color:var(--stcWhite);background-color:var(--spbSky2);border:none;border-radius:50%;-webkit-box-shadow:0 2px 6px rgba(0,0,0,.16);box-shadow:0 2px 6px rgba(0,0,0,.16);-webkit-box-shadow:none;box-shadow:none;height:24px;width:24px}.mfui-9-slider_disabled .mfui-9-slider__range-input::-moz-range-thumb{-webkit-appearance:none;background-color:var(--stcWhite);background-color:var(--spbSky2);border:none;border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.16);box-shadow:none;height:24px;width:24px}.mfui-9-slider_disabled .mfui-9-slider__range-input::-ms-thumb{-webkit-appearance:none;background-color:var(--stcWhite);background-color:var(--spbSky2);border:none;border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.16);box-shadow:none;height:24px;width:24px}

package/dist/es/components/Sliders/SliderRatio/SliderRatio.css

@@ -1 +1 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-9-slider-ratio{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.mfui-9-slider-ratio__head{font-size:15px;font-weight:500;line-height:24px;margin-bottom:8px}.mfui-9-slider-ratio_hidden-left-value.mfui-9-slider-ratio_label .mfui-9-slider-ratio__head{display:grid;grid-template-columns:auto 55%;-webkit-box-align:end;-ms-flex-align:end;align-items:end}.mfui-9-slider-ratio__display-values{display:grid;grid-template-columns:45% 45%;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:8px;width:100%}.mfui-9-slider-ratio_hidden-left-value .mfui-9-slider-ratio__display-values{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:end;margin-top:0}.mfui-9-slider-ratio__range-container{position:relative;width:100%}.mfui-9-slider-ratio__range-input{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--brandPurple);background-image:-webkit-gradient(linear,left top,left bottom,from(var(--brandGreen)),to(var(--brandGreen)));background-image:linear-gradient(var(--brandGreen),var(--brandGreen));background-repeat:no-repeat;border-radius:100px;cursor:pointer;display:block;height:12px;margin:6px 0;outline:none;pointer-events:none;position:relative;width:100%;z-index:1}.mfui-9-slider-ratio__range-input:focus{outline:none}.mfui-9-slider-ratio__range-input:focus-visible::-webkit-slider-thumb{outline:4px solid var(--137C);outline-offset:2px}.mfui-9-slider-ratio__range-input:focus-visible::-moz-range-thumb{outline:4px solid var(--137C);outline-offset:2px}.mfui-9-slider-ratio__range-input:focus-visible::-ms-thumb{outline:4px solid var(--137C);outline-offset:2px}.mfui-9-slider-ratio__range-input::-webkit-slider-thumb{-webkit-appearance:none;background-color:var(--stcWhite);background-image:url(img/thumb.png);background-repeat:no-repeat;background-size:100% 100%;border:none;border-radius:50%;-webkit-box-shadow:0 2px 6px rgba(0,0,0,.16);box-shadow:0 2px 6px rgba(0,0,0,.16);height:var(--thumbSize);pointer-events:auto;width:var(--thumbSize)}.mfui-9-slider-ratio__range-input::-moz-range-thumb{-webkit-appearance:none;background-color:var(--stcWhite);background-image:url(img/thumb.png);background-repeat:no-repeat;background-size:100% 100%;border:none;border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.16);height:var(--thumbSize);pointer-events:auto;width:var(--thumbSize)}.mfui-9-slider-ratio__range-input::-ms-thumb{-webkit-appearance:none;background-color:var(--stcWhite);background-image:url(img/thumb.png);background-repeat:no-repeat;background-size:100% 100%;border:none;border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.16);height:var(--thumbSize);pointer-events:auto;width:var(--thumbSize)}.mfui-9-slider-ratio__range-input::-webkit-slider-runnable-track{-webkit-appearance:none;background:transparent;border:none;-webkit-box-shadow:none;box-shadow:none}.mfui-9-slider-ratio__range-input::-moz-range-track{-webkit-appearance:none;background:transparent;border:none;box-shadow:none}.mfui-9-slider-ratio__range-input::-ms-track{-webkit-appearance:none;background:transparent;border:none;box-shadow:none}.mfui-9-slider-ratio__range-track{cursor:pointer;height:100%;position:absolute;top:0;width:100%;z-index:0}.mfui-9-slider-ratio__scale{bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;left:calc(var(--thumbSize)/2);position:absolute;right:calc(var(--thumbSize)/2);top:0;z-index:2;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;pointer-events:none}.mfui-9-slider-ratio__scale-item{background-color:var(--stcWhite);border-radius:50%;height:4px;width:4px}.mfui-9-slider-ratio__scale-item:first-child{margin-left:-2px}.mfui-9-slider-ratio__scale-item:last-child{margin-right:-2px}.mfui-9-slider-ratio__custom-scale{height:18px;margin-top:8px;position:relative}.mfui-9-slider-ratio__custom-scale-item{position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.mfui-9-slider-ratio__custom-scale-item:first-child{-webkit-transform:translateX(0);transform:translateX(0)}.mfui-9-slider-ratio__custom-scale-item:last-child{-webkit-transform:translateX(-100%);transform:translateX(-100%)}.mfui-9-slider-ratio_disabled .mfui-9-slider-ratio__head{color:var(--spbSky3)}.mfui-9-slider-ratio_disabled .mfui-9-slider-ratio__range-input{background-color:var(--spbSky1);background-image:-webkit-gradient(linear,left top,left bottom,from(var(--spbSky0)),to(var(--spbSky0)));background-image:linear-gradient(var(--spbSky0),var(--spbSky0));cursor:default}.mfui-9-slider-ratio_disabled .mfui-9-slider-ratio__range-input::-webkit-slider-thumb{-webkit-appearance:none;background-color:var(--stcWhite);background-color:var(--spbSky2);background-image:url(img/thumb.png);background-image:none;background-repeat:no-repeat;background-size:100% 100%;border:none;border-radius:50%;-webkit-box-shadow:0 2px 6px rgba(0,0,0,.16);box-shadow:0 2px 6px rgba(0,0,0,.16);-webkit-box-shadow:none;box-shadow:none;height:var(--thumbSize);pointer-events:auto;width:var(--thumbSize)}.mfui-9-slider-ratio_disabled .mfui-9-slider-ratio__range-input::-moz-range-thumb{-webkit-appearance:none;background-color:var(--stcWhite);background-color:var(--spbSky2);background-image:url(img/thumb.png);background-image:none;background-repeat:no-repeat;background-size:100% 100%;border:none;border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.16);box-shadow:none;height:var(--thumbSize);pointer-events:auto;width:var(--thumbSize)}.mfui-9-slider-ratio_disabled .mfui-9-slider-ratio__range-input::-ms-thumb{-webkit-appearance:none;background-color:var(--stcWhite);background-color:var(--spbSky2);background-image:url(img/thumb.png);background-image:none;background-repeat:no-repeat;background-size:100% 100%;border:none;border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.16);box-shadow:none;height:var(--thumbSize);pointer-events:auto;width:var(--thumbSize)}.mfui-9-slider-ratio_disabled .mfui-9-slider-ratio__range-track{cursor:default}.mfui-9-slider-ratio_disabled .mfui-9-slider-ratio__scale{display:none}
+h1,h2,h3,h4,h5{margin:0}.mfui-9-slider-ratio{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.mfui-9-slider-ratio__head{font-size:15px;font-weight:500;line-height:24px;margin-bottom:8px}.mfui-9-slider-ratio__display-values{display:grid;grid-template-columns:45% 45%;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:8px;width:100%}.mfui-9-slider-ratio__range-container{position:relative;width:100%}.mfui-9-slider-ratio__range-input{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--brandPurple);background-image:-webkit-gradient(linear,left top,left bottom,from(var(--brandGreen)),to(var(--brandGreen)));background-image:linear-gradient(var(--brandGreen),var(--brandGreen));background-repeat:no-repeat;border-radius:100px;cursor:pointer;display:block;height:12px;margin:6px 0;outline:none;pointer-events:none;position:relative;width:100%;z-index:1}.mfui-9-slider-ratio__range-input:focus{outline:none}.mfui-9-slider-ratio__range-input:focus-visible::-webkit-slider-thumb{outline:4px solid var(--137C);outline-offset:2px}.mfui-9-slider-ratio__range-input:focus-visible::-moz-range-thumb{outline:4px solid var(--137C);outline-offset:2px}.mfui-9-slider-ratio__range-input:focus-visible::-ms-thumb{outline:4px solid var(--137C);outline-offset:2px}.mfui-9-slider-ratio__range-input::-webkit-slider-thumb{-webkit-appearance:none;background-color:var(--stcWhite);background-image:url(img/thumb.png);background-repeat:no-repeat;background-size:100% 100%;border:none;border-radius:50%;-webkit-box-shadow:0 2px 6px rgba(0,0,0,.16);box-shadow:0 2px 6px rgba(0,0,0,.16);height:var(--thumbSize);pointer-events:auto;width:var(--thumbSize)}.mfui-9-slider-ratio__range-input::-moz-range-thumb{-webkit-appearance:none;background-color:var(--stcWhite);background-image:url(img/thumb.png);background-repeat:no-repeat;background-size:100% 100%;border:none;border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.16);height:var(--thumbSize);pointer-events:auto;width:var(--thumbSize)}.mfui-9-slider-ratio__range-input::-ms-thumb{-webkit-appearance:none;background-color:var(--stcWhite);background-image:url(img/thumb.png);background-repeat:no-repeat;background-size:100% 100%;border:none;border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.16);height:var(--thumbSize);pointer-events:auto;width:var(--thumbSize)}.mfui-9-slider-ratio__range-input::-webkit-slider-runnable-track{-webkit-appearance:none;background:transparent;border:none;-webkit-box-shadow:none;box-shadow:none}.mfui-9-slider-ratio__range-input::-moz-range-track{-webkit-appearance:none;background:transparent;border:none;box-shadow:none}.mfui-9-slider-ratio__range-input::-ms-track{-webkit-appearance:none;background:transparent;border:none;box-shadow:none}.mfui-9-slider-ratio__range-track{cursor:pointer;height:100%;position:absolute;top:0;width:100%;z-index:0}.mfui-9-slider-ratio__scale{bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;left:calc(var(--thumbSize)/2);position:absolute;right:calc(var(--thumbSize)/2);top:0;z-index:2;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;pointer-events:none}.mfui-9-slider-ratio__scale-item{background-color:var(--stcWhite);border-radius:50%;height:4px;width:4px}.mfui-9-slider-ratio__scale-item:first-child{margin-left:-2px}.mfui-9-slider-ratio__scale-item:last-child{margin-right:-2px}.mfui-9-slider-ratio__custom-scale{height:18px;margin-top:8px;position:relative}.mfui-9-slider-ratio__custom-scale-item{position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.mfui-9-slider-ratio__custom-scale-item:first-child{-webkit-transform:translateX(0);transform:translateX(0)}.mfui-9-slider-ratio__custom-scale-item:last-child{-webkit-transform:translateX(-100%);transform:translateX(-100%)}.mfui-9-slider-ratio_disabled .mfui-9-slider-ratio__head{color:var(--spbSky3)}.mfui-9-slider-ratio_disabled .mfui-9-slider-ratio__range-input{background-color:var(--spbSky1);background-image:-webkit-gradient(linear,left top,left bottom,from(var(--spbSky0)),to(var(--spbSky0)));background-image:linear-gradient(var(--spbSky0),var(--spbSky0));cursor:default}.mfui-9-slider-ratio_disabled .mfui-9-slider-ratio__range-input::-webkit-slider-thumb{-webkit-appearance:none;background-color:var(--stcWhite);background-color:var(--spbSky2);background-image:url(img/thumb.png);background-image:none;background-repeat:no-repeat;background-size:100% 100%;border:none;border-radius:50%;-webkit-box-shadow:0 2px 6px rgba(0,0,0,.16);box-shadow:0 2px 6px rgba(0,0,0,.16);-webkit-box-shadow:none;box-shadow:none;height:var(--thumbSize);pointer-events:auto;width:var(--thumbSize)}.mfui-9-slider-ratio_disabled .mfui-9-slider-ratio__range-input::-moz-range-thumb{-webkit-appearance:none;background-color:var(--stcWhite);background-color:var(--spbSky2);background-image:url(img/thumb.png);background-image:none;background-repeat:no-repeat;background-size:100% 100%;border:none;border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.16);box-shadow:none;height:var(--thumbSize);pointer-events:auto;width:var(--thumbSize)}.mfui-9-slider-ratio_disabled .mfui-9-slider-ratio__range-input::-ms-thumb{-webkit-appearance:none;background-color:var(--stcWhite);background-color:var(--spbSky2);background-image:url(img/thumb.png);background-image:none;background-repeat:no-repeat;background-size:100% 100%;border:none;border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.16);box-shadow:none;height:var(--thumbSize);pointer-events:auto;width:var(--thumbSize)}.mfui-9-slider-ratio_disabled .mfui-9-slider-ratio__range-track{cursor:default}.mfui-9-slider-ratio_disabled .mfui-9-slider-ratio__scale{display:none}.mfui-9-slider-ratio_hidden-left-value.mfui-9-slider-ratio_label .mfui-9-slider-ratio__head{display:grid;grid-template-columns:auto 55%;-webkit-box-align:end;-ms-flex-align:end;align-items:end}.mfui-9-slider-ratio_hidden-left-value .mfui-9-slider-ratio__display-values{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:end;margin-top:0}.mfui-9-slider-ratio_hidden-left-value .mfui-9-slider-ratio__range-input{background-color:var(--spbSky0)}.mfui-9-slider-ratio_hidden-left-value .mfui-9-slider-ratio__range-input::-webkit-slider-thumb{background-image:none}.mfui-9-slider-ratio_hidden-left-value .mfui-9-slider-ratio__range-input::-moz-range-thumb{background-image:none}.mfui-9-slider-ratio_hidden-left-value .mfui-9-slider-ratio__range-input::-ms-thumb{background-image:none}

package/dist/es/components/Sliders/SliderRatio/SliderRatio.js

@@ -76,6 +76,7 @@ var SliderRatio = function SliderRatio(_ref) {
       });
       setRawRangeValue(null);
       !isControlled && setInnerIndex(newIndex);
+      newIndex !== currentIndex && (onChange === null || onChange === void 0 ? void 0 : onChange(newIndex));
       dispatchRawInputValue({
         type: key,
         value: targetValue
@@ -123,7 +124,6 @@ var SliderRatio = function SliderRatio(_ref) {
   };
   var handleInputBlur = function handleInputBlur(key) {
     return function () {
-      onChange === null || onChange === void 0 ? void 0 : onChange(currentIndex);
       dispatchRawInputValue({
         type: key,
         value: null

package/dist/es/components/Tabs/Tabs.css

@@ -1 +1 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-9-tabs .swiper-wrapper{position:relative;width:100%;z-index:0}.mfui-9-tabs .swiper-wrapper,.mfui-9-tabs__wrapper{display:-webkit-box;display:-ms-flexbox;display:flex}.mfui-9-tabs__wrapper{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.mfui-9-tabs__swiper-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;width:100%}.mfui-9-tabs__swiper-wrapper:after,.mfui-9-tabs__swiper-wrapper:before{background:-webkit-gradient(linear,right top,left top,from(var(--stcBlack5)),color-stop(64%,transparent));background:linear-gradient(270deg,var(--stcBlack5) 0,transparent 64%);border-radius:0 12px 12px 0;bottom:0;content:"";pointer-events:none;position:absolute;top:0;width:64px;z-index:1}.mfui-9-tabs__swiper-wrapper:before{left:0;-webkit-transform:matrix(-1,0,0,1,0,0);transform:matrix(-1,0,0,1,0,0)}.mfui-9-tabs__swiper-wrapper:after{right:0}.mfui-9-tabs__swiper-wrapper_beginning:before,.mfui-9-tabs__swiper-wrapper_end:after{display:none}.mfui-9-tabs__swiper{background-color:var(--spbSky0);border-radius:16px;display:inline-block;font-family:inherit;font-size:15px;font-weight:500;line-height:24px;overflow:hidden;padding:4px;position:relative;width:100%}.mfui-9-tabs__slide{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-box-flex:1;-ms-flex:1;flex:1}.mfui-9-tabs__panel{display:none}.mfui-9-tabs__panel_current{display:block}.mfui-9-tabs__underline{background-color:var(--base);border-radius:12px;bottom:0;left:auto;overflow:hidden;position:absolute;top:0;-webkit-transition-duration:.3s;transition-duration:.3s;z-index:0}.mfui-9-tabs__underline:before{background-color:var(--stcWhite20);content:"";display:block;height:100%;width:100%}.mfui-9-tabs__arrow{background-color:var(--content);border-radius:50%;cursor:pointer;display:block;height:16px;opacity:1;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:background-color,opacity;transition-property:background-color,opacity;width:16px;z-index:2;fill:var(--base)}@media screen and (max-width:1023px){.mfui-9-tabs__arrow{display:none}}.mfui-9-tabs__arrow:hover{background-color:var(--spbSky3)}.mfui-9-tabs__arrow:active{background-color:var(--buttonDown)}.mfui-9-tabs__arrow_prev{left:14px}.mfui-9-tabs__arrow_next{right:14px;-webkit-transform:translateY(-50%) rotate(180deg);transform:translateY(-50%) rotate(180deg)}.mfui-9-tabs__arrow_hide{opacity:0;pointer-events:none}.mfui-9-tabs__tab-inner{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:none;border-radius:0;-webkit-box-sizing:border-box;color:inherit;font-family:inherit;font-size:15px;font-size:inherit;font-weight:500;line-height:24px;line-height:inherit;margin:0;outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;border-radius:12px;box-sizing:border-box;color:var(--content);cursor:pointer;height:36px;justify-content:center;padding:2px 12px;text-align:center;text-decoration:none;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:color,fill,opacity;transition-property:color,fill,opacity;white-space:nowrap;width:100%;fill:var(--content)}.mfui-9-tabs__tab-inner:focus-visible{-webkit-animation:focus-outline-shrink .3s linear forwards;animation:focus-outline-shrink .3s linear forwards;outline-offset:-4px}@-webkit-keyframes focus-outline-shrink{0%{outline:0 solid var(--137C)}to{outline:4px solid var(--137C)}}@keyframes focus-outline-shrink{0%{outline:0 solid var(--137C)}to{outline:4px solid var(--137C)}}.mfui-9-tabs__tab-inner:focus{outline:none}.mfui-9-tabs__tab-inner:disabled{color:inherit;cursor:auto}.mfui-9-tabs__tab-inner:hover{text-decoration:none}.mfui-9-tabs__tab-inner:not(.mfui-9-tabs__tab-inner_current){opacity:.8}@media screen and (min-width:1024px){.mfui-9-tabs__tab-inner:not(.mfui-9-tabs__tab-inner_current):hover{color:var(--content);fill:var(--content)}}.mfui-9-tabs__tab-inner:not(.mfui-9-tabs__tab-inner_current):hover{opacity:1}.mfui-9-tabs__tab-inner:not(.mfui-9-tabs__tab-inner_current):active{color:var(--buttonDown);fill:var(--buttonDown)}.mfui-9-tabs__tab-inner_with-icon{padding-left:8px}.mfui-9-tabs__tab-inner_current{color:var(--content);cursor:auto;fill:var(--content)}.mfui-9-tabs__tab-icon{height:32px;margin-right:4px;width:32px}.mfui-9-tabs__tab-icon svg{height:100%;width:100%}.mfui-9-tabs__tab-counter{color:var(--spbSky3);margin-left:4px}.mfui-9-tabs__tab-bubble{margin-left:4px}.mfui-9-tabs_size_large .mfui-9-tabs__swiper{padding:6px}@media screen and (min-width:768px){.mfui-9-tabs_size_large .mfui-9-tabs__swiper{padding:8px}}.mfui-9-tabs_size_large .mfui-9-tabs__tab-inner{height:48px;padding:8px 24px}@media screen and (min-width:768px){.mfui-9-tabs_size_large .mfui-9-tabs__tab-inner{height:56px;padding:12px 40px}}.mfui-9-tabs_size_large .mfui-9-tabs__tab-inner_with-icon{padding-left:16px}@media screen and (min-width:768px){.mfui-9-tabs_size_large .mfui-9-tabs__tab-inner_with-icon{padding-left:24px}}.mfui-9-tabs_size_large .mfui-9-tabs__tab-icon{margin-right:4px}.mfui-9-tabs_size_large .mfui-9-tabs__tab-bubble,.mfui-9-tabs_size_large .mfui-9-tabs__tab-counter{margin-left:8px}.mfui-9-tabs__wrapper_auto-width .mfui-9-tabs__swiper{max-width:100%;width:auto}.mfui-9-tabs__wrapper_auto-width .mfui-9-tabs__slide{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.mfui-9-tabs__wrapper_auto-width.mfui-9-tabs__wrapper_h-align_center .mfui-9-tabs__swiper-wrapper{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media screen and (min-width:768px) and (max-width:1023px){.mfui-9-tabs_indents .mfui-9-tabs__swiper-wrapper{margin:0 -48px;padding:0 48px}}@media screen and (max-width:767px){.mfui-9-tabs_indents .mfui-9-tabs__swiper-wrapper{margin:0 -16px;padding:0 16px}}.mfui-9-tabs_sticky .mfui-9-tabs__swiper-wrapper{background-color:var(--base);left:0;position:fixed;right:0;top:0;z-index:100}.mfui-9-tabs_tab-color_gray .mfui-9-tabs__swiper{background-color:var(--spbSky1)}.mfui-9-tabs_tab-color_green:not(.mfui-9-tabs_sticky) .mfui-9-tabs__swiper{background-color:var(--stcBlack20)}.mfui-9-tabs_tab-color_green:not(.mfui-9-tabs_sticky) .mfui-9-tabs__tab-inner:not(.mfui-9-tabs_tab-color_green:not(.mfui-9-tabs_sticky) .mfui-9-tabs__tab-inner_current){color:var(--stcWhite);opacity:.8;fill:var(--stcWhite)}.mfui-9-tabs_tab-color_green:not(.mfui-9-tabs_sticky) .mfui-9-tabs__tab-inner:not(.mfui-9-tabs_tab-color_green:not(.mfui-9-tabs_sticky) .mfui-9-tabs__tab-inner_current):hover{color:var(--stcWhite);opacity:1;fill:var(--stcWhite)}.mfui-9-tabs_tab-color_green:not(.mfui-9-tabs_sticky) .mfui-9-tabs__tab-inner_current{color:var(--stcBlack);fill:var(--stcBlack)}.mfui-9-tabs_tab-color_green:not(.mfui-9-tabs_sticky) .mfui-9-tabs__underline{background-color:var(--stcWhite)}.mfui-9-tabs_tab-color_green:not(.mfui-9-tabs_sticky) .mfui-9-tabs__arrow{background-color:var(--stcWhite);fill:var(--stcBlack)}.mfui-9-tabs_tab-color_green:not(.mfui-9-tabs_sticky) .mfui-9-tabs__arrow:hover{background-color:var(--stcWhite50)}.mfui-9-tabs_tab-color_green:not(.mfui-9-tabs_sticky) .mfui-9-tabs__arrow:active{background-color:var(--stcBlack0)}
+h1,h2,h3,h4,h5{margin:0}.mfui-9-tabs .swiper-wrapper{position:relative;width:100%;z-index:0}.mfui-9-tabs .swiper-wrapper,.mfui-9-tabs__wrapper{display:-webkit-box;display:-ms-flexbox;display:flex}.mfui-9-tabs__wrapper{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.mfui-9-tabs__swiper-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;width:100%}.mfui-9-tabs__swiper-wrapper:after,.mfui-9-tabs__swiper-wrapper:before{background:-webkit-gradient(linear,right top,left top,from(var(--stcBlack5)),color-stop(64%,transparent));background:linear-gradient(270deg,var(--stcBlack5) 0,transparent 64%);border-radius:0 12px 12px 0;bottom:0;content:"";pointer-events:none;position:absolute;top:0;width:64px;z-index:1}.mfui-9-tabs__swiper-wrapper:before{left:0;-webkit-transform:matrix(-1,0,0,1,0,0);transform:matrix(-1,0,0,1,0,0)}.mfui-9-tabs__swiper-wrapper:after{right:0}.mfui-9-tabs__swiper-wrapper_beginning:before,.mfui-9-tabs__swiper-wrapper_end:after{display:none}.mfui-9-tabs__swiper{background-color:var(--spbSky0);border-radius:16px;display:inline-block;font-family:inherit;font-size:15px;font-weight:500;line-height:24px;overflow:hidden;padding:4px;position:relative;width:100%}.mfui-9-tabs__slide{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-box-flex:1;-ms-flex:1;flex:1}.mfui-9-tabs__panel{display:none}.mfui-9-tabs__panel_current{display:block}.mfui-9-tabs__underline{background-color:var(--base);border-radius:12px;bottom:0;left:auto;overflow:hidden;position:absolute;top:0;-webkit-transition-duration:.3s;transition-duration:.3s;z-index:0}.mfui-9-tabs__underline:before{background-color:var(--stcWhite20);content:"";display:block;height:100%;width:100%}.mfui-9-tabs__arrow{background-color:var(--content);border-radius:50%;cursor:pointer;display:block;height:16px;opacity:1;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:background-color,opacity;transition-property:background-color,opacity;width:16px;z-index:2;fill:var(--base)}@media screen and (max-width:1023px){.mfui-9-tabs__arrow{display:none}}.mfui-9-tabs__arrow:hover{background-color:var(--spbSky3)}.mfui-9-tabs__arrow:active{background-color:var(--buttonDown)}.mfui-9-tabs__arrow_prev{left:14px}.mfui-9-tabs__arrow_next{right:14px;-webkit-transform:translateY(-50%) rotate(180deg);transform:translateY(-50%) rotate(180deg)}.mfui-9-tabs__arrow_hide{opacity:0;pointer-events:none}.mfui-9-tabs__tab-inner{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:none;border-radius:0;-webkit-box-sizing:border-box;color:inherit;font-family:inherit;font-size:15px;font-size:inherit;font-weight:500;line-height:24px;line-height:inherit;margin:0;outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;border-radius:12px;box-sizing:border-box;color:var(--content);cursor:pointer;height:36px;justify-content:center;padding:2px 12px;text-align:center;text-decoration:none;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:color,fill,opacity;transition-property:color,fill,opacity;white-space:nowrap;width:100%;fill:var(--spbSky3)}.mfui-9-tabs__tab-inner:focus-visible{-webkit-animation:focus-outline-shrink .3s linear forwards;animation:focus-outline-shrink .3s linear forwards;outline-offset:-4px}@-webkit-keyframes focus-outline-shrink{0%{outline:0 solid var(--137C)}to{outline:4px solid var(--137C)}}@keyframes focus-outline-shrink{0%{outline:0 solid var(--137C)}to{outline:4px solid var(--137C)}}.mfui-9-tabs__tab-inner:focus{outline:none}.mfui-9-tabs__tab-inner:disabled{color:inherit;cursor:auto}.mfui-9-tabs__tab-inner:hover{text-decoration:none}.mfui-9-tabs__tab-inner:not(.mfui-9-tabs__tab-inner_current){opacity:.8}@media screen and (min-width:1024px){.mfui-9-tabs__tab-inner:not(.mfui-9-tabs__tab-inner_current):hover{color:var(--content)}}.mfui-9-tabs__tab-inner:not(.mfui-9-tabs__tab-inner_current):hover{opacity:1}.mfui-9-tabs__tab-inner:not(.mfui-9-tabs__tab-inner_current):active{color:var(--buttonDown);fill:var(--buttonDown)}.mfui-9-tabs__tab-inner_with-icon{padding-left:8px}.mfui-9-tabs__tab-inner_current{color:var(--content);cursor:auto}.mfui-9-tabs__tab-icon{height:20px;margin-right:4px;width:20px}.mfui-9-tabs__tab-icon svg{height:100%;width:100%}.mfui-9-tabs__tab-counter{color:var(--spbSky3);margin-left:4px}.mfui-9-tabs__tab-bubble{margin-left:4px}.mfui-9-tabs_size_large .mfui-9-tabs__swiper{padding:6px}@media screen and (min-width:768px){.mfui-9-tabs_size_large .mfui-9-tabs__swiper{padding:8px}}.mfui-9-tabs_size_large .mfui-9-tabs__tab-inner{height:48px;padding:8px 24px}@media screen and (min-width:768px){.mfui-9-tabs_size_large .mfui-9-tabs__tab-inner{height:56px;padding:12px 40px}}.mfui-9-tabs_size_large .mfui-9-tabs__tab-inner_with-icon{padding-left:16px}@media screen and (min-width:768px){.mfui-9-tabs_size_large .mfui-9-tabs__tab-inner_with-icon{padding-left:24px}}.mfui-9-tabs_size_large .mfui-9-tabs__tab-icon{margin-right:4px}@media screen and (min-width:768px){.mfui-9-tabs_size_large .mfui-9-tabs__tab-icon{height:32px;width:32px}}.mfui-9-tabs_size_large .mfui-9-tabs__tab-bubble,.mfui-9-tabs_size_large .mfui-9-tabs__tab-counter{margin-left:8px}.mfui-9-tabs__wrapper_auto-width .mfui-9-tabs__swiper{max-width:100%;width:auto}.mfui-9-tabs__wrapper_auto-width .mfui-9-tabs__slide{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.mfui-9-tabs__wrapper_auto-width.mfui-9-tabs__wrapper_h-align_center .mfui-9-tabs__swiper-wrapper{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media screen and (min-width:768px) and (max-width:1023px){.mfui-9-tabs_indents .mfui-9-tabs__swiper-wrapper{margin:0 -48px;padding:0 48px}}@media screen and (max-width:767px){.mfui-9-tabs_indents .mfui-9-tabs__swiper-wrapper{margin:0 -16px;padding:0 16px}}.mfui-9-tabs_sticky .mfui-9-tabs__swiper-wrapper{background-color:var(--base);left:0;position:fixed;right:0;top:0;z-index:100}.mfui-9-tabs_tab-color_gray .mfui-9-tabs__swiper{background-color:var(--spbSky1)}.mfui-9-tabs_tab-color_green:not(.mfui-9-tabs_sticky) .mfui-9-tabs__swiper{background-color:var(--stcBlack20)}.mfui-9-tabs_tab-color_green:not(.mfui-9-tabs_sticky) .mfui-9-tabs__tab-inner:not(.mfui-9-tabs_tab-color_green:not(.mfui-9-tabs_sticky) .mfui-9-tabs__tab-inner_current){color:var(--stcWhite);opacity:.8;fill:var(--stcWhite)}.mfui-9-tabs_tab-color_green:not(.mfui-9-tabs_sticky) .mfui-9-tabs__tab-inner:not(.mfui-9-tabs_tab-color_green:not(.mfui-9-tabs_sticky) .mfui-9-tabs__tab-inner_current):hover{color:var(--stcWhite);opacity:1;fill:var(--stcWhite)}.mfui-9-tabs_tab-color_green:not(.mfui-9-tabs_sticky) .mfui-9-tabs__tab-inner_current{color:var(--stcBlack)}.mfui-9-tabs_tab-color_green:not(.mfui-9-tabs_sticky) .mfui-9-tabs__underline{background-color:var(--stcWhite)}.mfui-9-tabs_tab-color_green:not(.mfui-9-tabs_sticky) .mfui-9-tabs__arrow{background-color:var(--stcWhite);fill:var(--stcBlack)}.mfui-9-tabs_tab-color_green:not(.mfui-9-tabs_sticky) .mfui-9-tabs__arrow:hover{background-color:var(--stcWhite50)}.mfui-9-tabs_tab-color_green:not(.mfui-9-tabs_sticky) .mfui-9-tabs__arrow:active{background-color:var(--stcBlack0)}

package/dist/es/components/Tabs/Tabs.js

@@ -98,36 +98,36 @@ var Tabs = function Tabs(_ref) {
     setInnerIndex = _React$useState8[1];
   var currentIndex = outerIndex === undefined ? innerIndex : outerIndex;
   var _React$useState9 = React.useState(0),
-    _React$useState10 = _slicedToArray(_React$useState9, 2),
-    activeTabWidth = _React$useState10[0],
-    setActiveTabWidth = _React$useState10[1];
+    _React$useState0 = _slicedToArray(_React$useState9, 2),
+    activeTabWidth = _React$useState0[0],
+    setActiveTabWidth = _React$useState0[1];
+  var _React$useState1 = React.useState(0),
+    _React$useState10 = _slicedToArray(_React$useState1, 2),
+    underlineWidth = _React$useState10[0],
+    setUnderlineWidth = _React$useState10[1];
   var _React$useState11 = React.useState(0),
     _React$useState12 = _slicedToArray(_React$useState11, 2),
-    underlineWidth = _React$useState12[0],
-    setUnderlineWidth = _React$useState12[1];
-  var _React$useState13 = React.useState(0),
+    underlineTranslate = _React$useState12[0],
+    setUnderlineTranslate = _React$useState12[1];
+  var _React$useState13 = React.useState('none'),
     _React$useState14 = _slicedToArray(_React$useState13, 2),
-    underlineTranslate = _React$useState14[0],
-    setUnderlineTranslate = _React$useState14[1];
-  var _React$useState15 = React.useState('none'),
+    underlineTransition = _React$useState14[0],
+    setUnderlineTransition = _React$useState14[1];
+  var _React$useState15 = React.useState('auto'),
     _React$useState16 = _slicedToArray(_React$useState15, 2),
-    underlineTransition = _React$useState16[0],
-    setUnderlineTransition = _React$useState16[1];
-  var _React$useState17 = React.useState('auto'),
+    tabListHeight = _React$useState16[0],
+    setTabListHeight = _React$useState16[1];
+  var _React$useState17 = React.useState(false),
     _React$useState18 = _slicedToArray(_React$useState17, 2),
-    tabListHeight = _React$useState18[0],
-    setTabListHeight = _React$useState18[1];
-  var _React$useState19 = React.useState(false),
-    _React$useState20 = _slicedToArray(_React$useState19, 2),
-    isSticky = _React$useState20[0],
-    setSticky = _React$useState20[1];
-  var _React$useState21 = React.useState({
+    isSticky = _React$useState18[0],
+    setSticky = _React$useState18[1];
+  var _React$useState19 = React.useState({
       left: 0,
       right: 0
     }),
-    _React$useState22 = _slicedToArray(_React$useState21, 2),
-    stickyOffset = _React$useState22[0],
-    setStickyOffset = _React$useState22[1];
+    _React$useState20 = _slicedToArray(_React$useState19, 2),
+    stickyOffset = _React$useState20[0],
+    setStickyOffset = _React$useState20[1];
   var setTabRef = React.useCallback(function (i) {
     return function (tab) {
       if (tab) {

package/dist/es/components/TextField/TextField.js

@@ -154,21 +154,21 @@ var TextField = function TextField(_ref) {
     isMaxLimitExceeded = _useState8[0],
     setIsMaxLimitExceeded = _useState8[1];
   var _useState9 = useState(noticeText),
-    _useState10 = _slicedToArray(_useState9, 2),
-    currentNoticeText = _useState10[0],
-    setCurrentNoticeText = _useState10[1];
+    _useState0 = _slicedToArray(_useState9, 2),
+    currentNoticeText = _useState0[0],
+    setCurrentNoticeText = _useState0[1];
+  var _useState1 = useState(false),
+    _useState10 = _slicedToArray(_useState1, 2),
+    isTextareaResizeFocused = _useState10[0],
+    setIsTextareaResizeFocused = _useState10[1];
   var _useState11 = useState(false),
     _useState12 = _slicedToArray(_useState11, 2),
-    isTextareaResizeFocused = _useState12[0],
-    setIsTextareaResizeFocused = _useState12[1];
-  var _useState13 = useState(false),
+    isTextareaResized = _useState12[0],
+    setIsTextareaResized = _useState12[1];
+  var _useState13 = useState(null),
     _useState14 = _slicedToArray(_useState13, 2),
-    isTextareaResized = _useState14[0],
-    setIsTextareaResized = _useState14[1];
-  var _useState15 = useState(null),
-    _useState16 = _slicedToArray(_useState15, 2),
-    clickedElement = _useState16[0],
-    setClickedElement = _useState16[1];
+    clickedElement = _useState14[0],
+    setClickedElement = _useState14[1];
   var fieldNode = useRef();
   var labelRef = useRef(null);
   var resizerRef = useRef(null);

package/dist/lib/components/Accordion/Accordion.js

@@ -11,8 +11,7 @@ var React = _interopRequireWildcard(require("react"));
 var _uiHelpers = require("@megafon/ui-helpers");
 var _Collapse = _interopRequireDefault(require("../_Collapse/Collapse"));
 var _Header = _interopRequireDefault(require("../Header/Header"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 var ArrowDown = function ArrowDown(props) {
   return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({

package/dist/lib/components/Avatar/Avatar.js

@@ -9,8 +9,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 require("core-js/modules/es.array.slice.js");
 var React = _interopRequireWildcard(require("react"));
 var _uiHelpers = require("@megafon/ui-helpers");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 var PlaceholderIcon = function PlaceholderIcon(props) {
   return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({

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

@@ -8,8 +8,7 @@ exports["default"] = exports.CounterBadgeColorTheme = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
 var _uiHelpers = require("@megafon/ui-helpers");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 var DefaultIcon = function DefaultIcon(props) {
   return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({