@megafon/ui-core 6.2.1 → 6.4.0

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

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