@megafon/ui-core 6.0.0-beta.3 → 6.0.0

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

@@ -1 +1,814 @@
-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)}
+.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);
+}