@megafon/ui-core 6.2.1 → 7.0.0-beta.1

package/dist/lib/components/Button/Button.css

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