:root {
    /* Basic Colors */
    --brandGreen: #00B956;
    --brandPurple: #731982;
    --base: #FFFFFF;
    --content: #333333;
    --spbSky0: #F6F6F6;
    --spbSky1: #EDEDED;
    --spbSky2: #D8D8D8;
    --spbSky3: #999999;

    /* Secondary Colors */
    --warmRedC: #EB5A40;
    --137C: #FFA717;
    --311C: #5BD9E5;
    --reflexBlue: #444189;

    /* System Colors */
    --fury: #F62434;
    --systemBlue: #34AAF2;
    --background: #FFFFFF;
    --buttonHoverGreen: #10E272;
    --buttonHoverGreenSoft: #B6FFDA;
    --buttonHoverPurple: #A500BF;
    --buttonHoverPurpleSoft: #FFD9FF;
    --buttonHoverGrey: #D6D6D6;
    --buttonDown: #404D46;
    --overlay: #000000CC;

    /* Gradients */
    --gradientBasic: linear-gradient(90deg, #01873F 0%, #00B956 74%, #14CD6A 100%);
    --gradientVIP: linear-gradient(90deg, #5B1168 0%, #731982 74%, #821E93 100%);
    --gradientExclusive: linear-gradient(90deg, #2A2674 0%, #444189 74%, #504D93 100%);

    /* Static */
    --stcWhite: #FFFFFF;
    --stcBlack: #333333;

    /* Static Opacity */
    --stcWhite5: #FFFFFF0D;
    --stcWhite10: #FFFFFF1A;
    --stcWhite20: #FFFFFF33;
    --stcWhite50: #FFFFFF80;
    --stcBlack5: #3333330D;
    --stcBlack10: #3333331A;
    --stcBlack20: #33333333;
    --stcBlack50: #33333380;

    /* Soft (new) */
    --brandGreen80: #0CDC78;
    --brandGreen20: #DDFFEC;
    --brandPurple80: #AA67C1;
    --brandPurple20: #FFEEFF;
    --warmRedC80: #FF765D;
    --warmRedC20: #FFCFC7;
    --137C80: #FFB945;
    --137C20: #FFEDD1;
    --311C80: #62E3FF;
    --311C20: #E1FAFF;
    --reflexBlue80: #554FC9;
    --reflexBlue20: #EBEAFF;
    --fury80: #F8505D;
    --fury20: #FFC5C9;
}

.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 {
  width: 20px;
  height: 20px;
}
.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_medium {
  min-width: 52px;
  height: 52px;
}
.mfui-button_size-all_medium .mfui-button__icon,
.mfui-button_size-all_medium .mfui-button__icon-arrow {
  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 {
  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: 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 {
    width: 20px;
    height: 20px;
  }
  .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_medium {
    min-width: 52px;
    height: 52px;
  }
  .mfui-button_size-wide_medium .mfui-button__icon,
  .mfui-button_size-wide_medium .mfui-button__icon-arrow {
    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 {
    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: 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 {
    width: 20px;
    height: 20px;
  }
  .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_medium {
    min-width: 52px;
    height: 52px;
  }
  .mfui-button_size-desktop_medium .mfui-button__icon,
  .mfui-button_size-desktop_medium .mfui-button__icon-arrow {
    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 {
    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: 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 {
    width: 20px;
    height: 20px;
  }
  .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_medium {
    min-width: 52px;
    height: 52px;
  }
  .mfui-button_size-tablet_medium .mfui-button__icon,
  .mfui-button_size-tablet_medium .mfui-button__icon-arrow {
    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 {
    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 {
    width: 20px;
    height: 20px;
  }
  .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_medium {
    min-width: 52px;
    height: 52px;
  }
  .mfui-button_size-mobile_medium .mfui-button__icon,
  .mfui-button_size-mobile_medium .mfui-button__icon-arrow {
    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 {
    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 {
  width: 32px;
  height: 32px;
  margin-right: 4px;
}
.mfui-button_content-type_icon-text.mfui-button_size-all_small .mfui-button__icon,
.mfui-button_content-type_icon-text.mfui-button_size-all_extra-small .mfui-button__icon {
  display: none;
}
.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_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%;
}
.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);
}

.mfui-preloader {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.mfui-preloader_size-all_small .mfui-preloader__item {
  width: 6px;
  height: 6px;
}
.mfui-preloader_size-all_small .mfui-preloader__item:not(:last-child) {
  margin-right: 3px;
}
.mfui-preloader_size-all_medium .mfui-preloader__item {
  width: 12px;
  height: 12px;
}
.mfui-preloader_size-all_medium .mfui-preloader__item:not(:last-child) {
  margin-right: 6px;
}
@media screen and (min-width: 1280px) {
  .mfui-preloader_size-wide_small .mfui-preloader__item {
    width: 6px;
    height: 6px;
  }
  .mfui-preloader_size-wide_small .mfui-preloader__item:not(:last-child) {
    margin-right: 3px;
  }
  .mfui-preloader_size-wide_medium .mfui-preloader__item {
    width: 12px;
    height: 12px;
  }
  .mfui-preloader_size-wide_medium .mfui-preloader__item:not(:last-child) {
    margin-right: 6px;
  }
}
@media screen and (min-width: 1024px) {
  .mfui-preloader_size-desktop_small .mfui-preloader__item {
    width: 6px;
    height: 6px;
  }
  .mfui-preloader_size-desktop_small .mfui-preloader__item:not(:last-child) {
    margin-right: 3px;
  }
  .mfui-preloader_size-desktop_medium .mfui-preloader__item {
    width: 12px;
    height: 12px;
  }
  .mfui-preloader_size-desktop_medium .mfui-preloader__item:not(:last-child) {
    margin-right: 6px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .mfui-preloader_size-tablet_small .mfui-preloader__item {
    width: 6px;
    height: 6px;
  }
  .mfui-preloader_size-tablet_small .mfui-preloader__item:not(:last-child) {
    margin-right: 3px;
  }
  .mfui-preloader_size-tablet_medium .mfui-preloader__item {
    width: 12px;
    height: 12px;
  }
  .mfui-preloader_size-tablet_medium .mfui-preloader__item:not(:last-child) {
    margin-right: 6px;
  }
}
@media screen and (max-width: 767px) {
  .mfui-preloader_size-mobile_small .mfui-preloader__item {
    width: 6px;
    height: 6px;
  }
  .mfui-preloader_size-mobile_small .mfui-preloader__item:not(:last-child) {
    margin-right: 3px;
  }
  .mfui-preloader_size-mobile_medium .mfui-preloader__item {
    width: 12px;
    height: 12px;
  }
  .mfui-preloader_size-mobile_medium .mfui-preloader__item:not(:last-child) {
    margin-right: 6px;
  }
}
.mfui-preloader__item {
  position: relative;
}
.mfui-preloader__item:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50px;
  will-change: transform;
}
.mfui-preloader_color_default .mfui-preloader__item:before {
  -webkit-animation: scaling 1s linear infinite;
          animation: scaling 1s linear infinite;
}
.mfui-preloader_color_default .mfui-preloader__item_first:before {
  background-color: var(--brandGreen);
}
.mfui-preloader_color_default .mfui-preloader__item_second:before {
  background-color: var(--brandGreen);
  -webkit-animation-delay: 0.166s;
          animation-delay: 0.166s;
}
.mfui-preloader_color_default .mfui-preloader__item_third:before {
  background-color: var(--brandPurple);
  -webkit-animation-delay: 0.33s;
          animation-delay: 0.33s;
}
.mfui-preloader_color_black .mfui-preloader__item:before {
  background-color: var(--stcBlack);
  opacity: 0.35;
  -webkit-animation: opacityScaling 1s linear infinite;
          animation: opacityScaling 1s linear infinite;
}
.mfui-preloader_color_black .mfui-preloader__item_second:before {
  -webkit-animation-delay: 0.166s;
          animation-delay: 0.166s;
}
.mfui-preloader_color_black .mfui-preloader__item_third:before {
  -webkit-animation-delay: 0.33s;
          animation-delay: 0.33s;
}
.mfui-preloader_color_white .mfui-preloader__item:before {
  background-color: var(--stcWhite);
  -webkit-animation: scaling 1s linear infinite;
          animation: scaling 1s linear infinite;
}
.mfui-preloader_color_white .mfui-preloader__item_second:before {
  -webkit-animation-delay: 0.166s;
          animation-delay: 0.166s;
}
.mfui-preloader_color_white .mfui-preloader__item_third:before {
  -webkit-animation-delay: 0.33s;
          animation-delay: 0.33s;
}
@-webkit-keyframes scaling {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  33% {
    -webkit-transform: scale(1.4);
            transform: scale(1.4);
  }
  66% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes scaling {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  33% {
    -webkit-transform: scale(1.4);
            transform: scale(1.4);
  }
  66% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes opacityScaling {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0.35;
  }
  33% {
    -webkit-transform: scale(1.4);
            transform: scale(1.4);
    opacity: 0.65;
  }
  66% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0.35;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0.35;
  }
}
@keyframes opacityScaling {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0.35;
  }
  33% {
    -webkit-transform: scale(1.4);
            transform: scale(1.4);
    opacity: 0.65;
  }
  66% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0.35;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0.35;
  }
}