@megafon/ui-core 7.1.1 → 7.2.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/es/components/Button/Button.css +1 -1
- package/dist/es/components/ScrollBar/ScrollBar.css +1 -1
- package/dist/es/components/ScrollBar/ScrollBar.d.ts +2 -0
- package/dist/es/components/ScrollBar/ScrollBar.js +3 -1
- package/dist/lib/components/Button/Button.css +1 -1
- package/dist/lib/components/ScrollBar/ScrollBar.css +1 -1
- package/dist/lib/components/ScrollBar/ScrollBar.d.ts +2 -0
- package/dist/lib/components/ScrollBar/ScrollBar.js +3 -1
- package/package.json +3 -3
|
@@ -1 +1 @@
|
|
|
1
|
-
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)}
|
|
1
|
+
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_extra-small .mfui-button__icon-arrow{margin-left:0}.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_extra-small .mfui-button__icon-arrow{margin-left:0}.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_extra-small .mfui-button__icon-arrow{margin-left:0}.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_extra-small .mfui-button__icon-arrow{margin-left:0}.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_extra-small .mfui-button__icon-arrow{margin-left:0}.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)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
h1,h2,h3,h4,h5{margin:0}.mfui-scroll-bar_hide-all .simplebar-vertical{display:none}@media screen and (min-width:1280px){.mfui-scroll-bar_hide-wide .simplebar-vertical{display:none}}@media screen and (min-width:1024px){.mfui-scroll-bar_hide-desktop .simplebar-vertical{display:none}}@media screen and (min-width:768px) and (max-width:1023px){.mfui-scroll-bar_hide-tablet .simplebar-vertical{display:none}}@media screen and (max-width:767px){.mfui-scroll-bar_hide-mobile .simplebar-vertical{display:none}}.mfui-scroll-bar_initial-hide .simplebar-vertical{display:none}.mfui-scroll-bar__init{position:relative}.mfui-scroll-bar__scroll-track{bottom:0;overflow:hidden;position:absolute;right:0}.mfui-scroll-bar .simplebar-horizontal{display:none}.mfui-scroll-bar .simplebar-vertical{-webkit-animation:hide-track .2s linear 3s forwards;animation:hide-track .2s linear 3s forwards;background-color:var(--spbSky1);border-radius:4px;opacity:1;top:0;width:6px}.mfui-scroll-bar__scroll-track-bar{min-height:10px;position:relative;z-index:1}.mfui-scroll-bar__scroll-track-bar:before{background:var(--spbSky2);border-radius:4px;content:"";display:block;height:100%;width:100%}.mfui-scroll-bar__init-scrolling .simplebar-vertical,.mfui-scroll-bar__scroll-track-hover.simplebar-vertical{-webkit-animation:none;animation:none;opacity:1}.mfui-scroll-bar__scroll-content:after,.mfui-scroll-bar__scroll-content:before{-webkit-box-sizing:border-box;box-sizing:border-box;content:" ";display:table}.mfui-scroll-bar__children-wrap{height:100%;padding-right:6px}@-webkit-keyframes hide-track{0%{opacity:1}to{opacity:0}}@keyframes hide-track{0%{opacity:1}to{opacity:0}}
|
|
1
|
+
h1,h2,h3,h4,h5{margin:0}.mfui-scroll-bar_hide-all .simplebar-vertical{display:none}@media screen and (min-width:1280px){.mfui-scroll-bar_hide-wide .simplebar-vertical{display:none}}@media screen and (min-width:1024px){.mfui-scroll-bar_hide-desktop .simplebar-vertical{display:none}}@media screen and (min-width:768px) and (max-width:1023px){.mfui-scroll-bar_hide-tablet .simplebar-vertical{display:none}}@media screen and (max-width:767px){.mfui-scroll-bar_hide-mobile .simplebar-vertical{display:none}}.mfui-scroll-bar_initial-hide .simplebar-vertical{display:none}.mfui-scroll-bar__init{position:relative}.mfui-scroll-bar__scroll-track{bottom:0;overflow:hidden;position:absolute;right:0}.mfui-scroll-bar .simplebar-horizontal{display:none}.mfui-scroll-bar .simplebar-vertical{-webkit-animation:hide-track .2s linear 3s forwards;animation:hide-track .2s linear 3s forwards;background-color:var(--spbSky1);border-radius:4px;opacity:1;top:0;width:6px}.mfui-scroll-bar_show-always .simplebar-vertical{-webkit-animation:none;animation:none}.mfui-scroll-bar__scroll-track-bar{min-height:10px;position:relative;z-index:1}.mfui-scroll-bar__scroll-track-bar:before{background:var(--spbSky2);border-radius:4px;content:"";display:block;height:100%;width:100%}.mfui-scroll-bar__init-scrolling .simplebar-vertical,.mfui-scroll-bar__scroll-track-hover.simplebar-vertical{-webkit-animation:none;animation:none;opacity:1}.mfui-scroll-bar__scroll-content:after,.mfui-scroll-bar__scroll-content:before{-webkit-box-sizing:border-box;box-sizing:border-box;content:" ";display:table}.mfui-scroll-bar__children-wrap{height:100%;padding-right:6px}@-webkit-keyframes hide-track{0%{opacity:1}to{opacity:0}}@keyframes hide-track{0%{opacity:1}to{opacity:0}}
|
|
@@ -26,6 +26,8 @@ export interface IScrollBarProps {
|
|
|
26
26
|
hideTablet?: boolean;
|
|
27
27
|
/** Не отображать на разрешении экрана 0-767 */
|
|
28
28
|
hideMobile?: boolean;
|
|
29
|
+
/** Отображать скролл всегда */
|
|
30
|
+
showAlways?: boolean;
|
|
29
31
|
/** Ref обработчик */
|
|
30
32
|
getScrollBar?: (node: HTMLElement) => void;
|
|
31
33
|
children?: React.ReactNode;
|
|
@@ -15,6 +15,7 @@ var ScrollBar = function ScrollBar(_ref) {
|
|
|
15
15
|
hideDesktop = _ref.hideDesktop,
|
|
16
16
|
hideTablet = _ref.hideTablet,
|
|
17
17
|
hideMobile = _ref.hideMobile,
|
|
18
|
+
showAlways = _ref.showAlways,
|
|
18
19
|
getScrollBar = _ref.getScrollBar,
|
|
19
20
|
children = _ref.children;
|
|
20
21
|
var _React$useState = React.useState(false),
|
|
@@ -63,7 +64,8 @@ var ScrollBar = function ScrollBar(_ref) {
|
|
|
63
64
|
'hide-wide': hideWide,
|
|
64
65
|
'hide-desktop': hideDesktop,
|
|
65
66
|
'hide-tablet': hideTablet,
|
|
66
|
-
'hide-mobile': hideMobile
|
|
67
|
+
'hide-mobile': hideMobile,
|
|
68
|
+
'show-always': showAlways
|
|
67
69
|
}, [classes === null || classes === void 0 ? void 0 : classes.root])
|
|
68
70
|
}, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root)), /*#__PURE__*/React.createElement(SimpleBar, _extends({}, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.init), {
|
|
69
71
|
className: cn('init', [classes === null || classes === void 0 ? void 0 : classes.init]),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
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)}
|
|
1
|
+
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_extra-small .mfui-button__icon-arrow{margin-left:0}.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_extra-small .mfui-button__icon-arrow{margin-left:0}.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_extra-small .mfui-button__icon-arrow{margin-left:0}.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_extra-small .mfui-button__icon-arrow{margin-left:0}.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_extra-small .mfui-button__icon-arrow{margin-left:0}.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)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
h1,h2,h3,h4,h5{margin:0}.mfui-scroll-bar_hide-all .simplebar-vertical{display:none}@media screen and (min-width:1280px){.mfui-scroll-bar_hide-wide .simplebar-vertical{display:none}}@media screen and (min-width:1024px){.mfui-scroll-bar_hide-desktop .simplebar-vertical{display:none}}@media screen and (min-width:768px) and (max-width:1023px){.mfui-scroll-bar_hide-tablet .simplebar-vertical{display:none}}@media screen and (max-width:767px){.mfui-scroll-bar_hide-mobile .simplebar-vertical{display:none}}.mfui-scroll-bar_initial-hide .simplebar-vertical{display:none}.mfui-scroll-bar__init{position:relative}.mfui-scroll-bar__scroll-track{bottom:0;overflow:hidden;position:absolute;right:0}.mfui-scroll-bar .simplebar-horizontal{display:none}.mfui-scroll-bar .simplebar-vertical{-webkit-animation:hide-track .2s linear 3s forwards;animation:hide-track .2s linear 3s forwards;background-color:var(--spbSky1);border-radius:4px;opacity:1;top:0;width:6px}.mfui-scroll-bar__scroll-track-bar{min-height:10px;position:relative;z-index:1}.mfui-scroll-bar__scroll-track-bar:before{background:var(--spbSky2);border-radius:4px;content:"";display:block;height:100%;width:100%}.mfui-scroll-bar__init-scrolling .simplebar-vertical,.mfui-scroll-bar__scroll-track-hover.simplebar-vertical{-webkit-animation:none;animation:none;opacity:1}.mfui-scroll-bar__scroll-content:after,.mfui-scroll-bar__scroll-content:before{-webkit-box-sizing:border-box;box-sizing:border-box;content:" ";display:table}.mfui-scroll-bar__children-wrap{height:100%;padding-right:6px}@-webkit-keyframes hide-track{0%{opacity:1}to{opacity:0}}@keyframes hide-track{0%{opacity:1}to{opacity:0}}
|
|
1
|
+
h1,h2,h3,h4,h5{margin:0}.mfui-scroll-bar_hide-all .simplebar-vertical{display:none}@media screen and (min-width:1280px){.mfui-scroll-bar_hide-wide .simplebar-vertical{display:none}}@media screen and (min-width:1024px){.mfui-scroll-bar_hide-desktop .simplebar-vertical{display:none}}@media screen and (min-width:768px) and (max-width:1023px){.mfui-scroll-bar_hide-tablet .simplebar-vertical{display:none}}@media screen and (max-width:767px){.mfui-scroll-bar_hide-mobile .simplebar-vertical{display:none}}.mfui-scroll-bar_initial-hide .simplebar-vertical{display:none}.mfui-scroll-bar__init{position:relative}.mfui-scroll-bar__scroll-track{bottom:0;overflow:hidden;position:absolute;right:0}.mfui-scroll-bar .simplebar-horizontal{display:none}.mfui-scroll-bar .simplebar-vertical{-webkit-animation:hide-track .2s linear 3s forwards;animation:hide-track .2s linear 3s forwards;background-color:var(--spbSky1);border-radius:4px;opacity:1;top:0;width:6px}.mfui-scroll-bar_show-always .simplebar-vertical{-webkit-animation:none;animation:none}.mfui-scroll-bar__scroll-track-bar{min-height:10px;position:relative;z-index:1}.mfui-scroll-bar__scroll-track-bar:before{background:var(--spbSky2);border-radius:4px;content:"";display:block;height:100%;width:100%}.mfui-scroll-bar__init-scrolling .simplebar-vertical,.mfui-scroll-bar__scroll-track-hover.simplebar-vertical{-webkit-animation:none;animation:none;opacity:1}.mfui-scroll-bar__scroll-content:after,.mfui-scroll-bar__scroll-content:before{-webkit-box-sizing:border-box;box-sizing:border-box;content:" ";display:table}.mfui-scroll-bar__children-wrap{height:100%;padding-right:6px}@-webkit-keyframes hide-track{0%{opacity:1}to{opacity:0}}@keyframes hide-track{0%{opacity:1}to{opacity:0}}
|
|
@@ -26,6 +26,8 @@ export interface IScrollBarProps {
|
|
|
26
26
|
hideTablet?: boolean;
|
|
27
27
|
/** Не отображать на разрешении экрана 0-767 */
|
|
28
28
|
hideMobile?: boolean;
|
|
29
|
+
/** Отображать скролл всегда */
|
|
30
|
+
showAlways?: boolean;
|
|
29
31
|
/** Ref обработчик */
|
|
30
32
|
getScrollBar?: (node: HTMLElement) => void;
|
|
31
33
|
children?: React.ReactNode;
|
|
@@ -23,6 +23,7 @@ var ScrollBar = function ScrollBar(_ref) {
|
|
|
23
23
|
hideDesktop = _ref.hideDesktop,
|
|
24
24
|
hideTablet = _ref.hideTablet,
|
|
25
25
|
hideMobile = _ref.hideMobile,
|
|
26
|
+
showAlways = _ref.showAlways,
|
|
26
27
|
getScrollBar = _ref.getScrollBar,
|
|
27
28
|
children = _ref.children;
|
|
28
29
|
var _React$useState = React.useState(false),
|
|
@@ -71,7 +72,8 @@ var ScrollBar = function ScrollBar(_ref) {
|
|
|
71
72
|
'hide-wide': hideWide,
|
|
72
73
|
'hide-desktop': hideDesktop,
|
|
73
74
|
'hide-tablet': hideTablet,
|
|
74
|
-
'hide-mobile': hideMobile
|
|
75
|
+
'hide-mobile': hideMobile,
|
|
76
|
+
'show-always': showAlways
|
|
75
77
|
}, [classes === null || classes === void 0 ? void 0 : classes.root])
|
|
76
78
|
}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root)), /*#__PURE__*/React.createElement(_simplebarReact["default"], (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.init), {
|
|
77
79
|
className: cn('init', [classes === null || classes === void 0 ? void 0 : classes.init]),
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@megafon/ui-core",
|
|
3
|
-
"version": "7.
|
|
3
|
+
"version": "7.2.1",
|
|
4
4
|
"files": [
|
|
5
5
|
"dist",
|
|
6
6
|
"styles"
|
|
@@ -50,7 +50,7 @@
|
|
|
50
50
|
"@babel/preset-env": "^7.8.6",
|
|
51
51
|
"@babel/preset-react": "^7.8.3",
|
|
52
52
|
"@babel/preset-typescript": "^7.8.3",
|
|
53
|
-
"@megafon/ui-icons": "^3.0
|
|
53
|
+
"@megafon/ui-icons": "^3.2.0",
|
|
54
54
|
"@svgr/core": "^2.4.1",
|
|
55
55
|
"@testing-library/jest-dom": "^6.5.0",
|
|
56
56
|
"@testing-library/react": "^16.0.1",
|
|
@@ -104,5 +104,5 @@
|
|
|
104
104
|
"simplebar-react": "^3.2.5",
|
|
105
105
|
"swiper": "^11.1.1"
|
|
106
106
|
},
|
|
107
|
-
"gitHead": "
|
|
107
|
+
"gitHead": "30ed829a286373798a4328c575e1b23f8b726b41"
|
|
108
108
|
}
|