@megafon/ui-core 7.1.0 → 7.2.0
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/Avatar/i/placeholder.svg +4 -1
- 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/es/components/Selector/i/check.svg +3 -1
- package/dist/es/components/Sliders/SliderRatio/i/thumb.png +0 -0
- package/dist/es/components/Snackbar/Snackbar.css +1 -1
- package/dist/es/components/TextField/i/textarea-resizer.svg +4 -1
- package/dist/lib/components/Avatar/i/placeholder.svg +4 -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/dist/lib/components/Selector/i/check.svg +3 -1
- package/dist/lib/components/Sliders/SliderRatio/i/thumb.png +0 -0
- package/dist/lib/components/Snackbar/Snackbar.css +1 -1
- package/dist/lib/components/TextField/i/textarea-resizer.svg +4 -1
- package/package.json +4 -4
|
@@ -1 +1,4 @@
|
|
|
1
|
-
<svg viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg"
|
|
1
|
+
<svg viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M29.1875 40.75L31.8125 30.9981L31.3925 30.5913C28.272 27.7768 24.2017 26.2481 20 26.3125C15.7967 26.253 11.7267 27.7863 8.6075 30.6044L8.1875 30.9981L10.8125 40.75H29.1875Z" />
|
|
3
|
+
<path d="M12.125 15.8125C12.125 17.37 12.5869 18.8926 13.4522 20.1876C14.3175 21.4827 15.5474 22.492 16.9864 23.0881C18.4253 23.6841 20.0087 23.84 21.5363 23.5362C23.0639 23.2323 24.4671 22.4823 25.5685 21.381C26.6698 20.2796 27.4198 18.8764 27.7237 17.3488C28.0275 15.8212 27.8716 14.2378 27.2756 12.7989C26.6795 11.3599 25.6702 10.13 24.3751 9.26468C23.0801 8.39936 21.5575 7.9375 20 7.9375C17.9114 7.9375 15.9084 8.76719 14.4315 10.244C12.9547 11.7209 12.125 13.7239 12.125 15.8125Z" />
|
|
4
|
+
</svg>
|
|
@@ -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,3 @@
|
|
|
1
|
-
<svg viewBox="0 0 14 12" xmlns="http://www.w3.org/2000/svg"
|
|
1
|
+
<svg viewBox="0 0 14 12" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M4.5228 8.36841L12.386 0L14 1.91387L4.5228 12L0 7.1866L1.61401 5.27272L4.5228 8.36841Z"/>
|
|
3
|
+
</svg>
|
|
Binary file
|
|
@@ -1 +1 @@
|
|
|
1
|
-
h1,h2,h3,h4,h5{margin:0}.mfui-snackbar{-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;width:480px;z-index:1}@-webkit-keyframes snackbar-show{0%{opacity:0;-webkit-transform:scale(90%);transform:scale(90%)}to{opacity:1;-webkit-transform:scale(100%);transform:scale(100%)}}@keyframes snackbar-show{0%{opacity:0;-webkit-transform:scale(90%);transform:scale(90%)}to{opacity:1;-webkit-transform:scale(100%);transform:scale(100%)}}@-webkit-keyframes snackbar-hide{0%{opacity:1;-webkit-transform:scale(100%);transform:scale(100%)}99%{opacity:0;-webkit-transform:scale(90%);transform:scale(90%)}to{display:none}}@keyframes snackbar-hide{0%{opacity:1;-webkit-transform:scale(100%);transform:scale(100%)}99%{opacity:0;-webkit-transform:scale(90%);transform:scale(90%)}to{display:none}}@media screen and (max-width:767px){.mfui-snackbar{width:304px}}.mfui-snackbar_move{-webkit-transition:none;transition:none}.mfui-snackbar .mfui-snackbar__tile{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-animation:snackbar-show .2s linear .2s 1 forwards;animation:snackbar-show .2s linear .2s 1 forwards;background-color:var(--content);justify-content:space-between;min-height:64px;opacity:0;padding:12px 16px 12px 12px}@media screen and (max-width:767px){.mfui-snackbar .mfui-snackbar__tile{min-height:48px}}.mfui-snackbar__tile_closed{-webkit-animation:snackbar-hide .1s linear 1;animation:snackbar-hide .1s linear 1}.mfui-snackbar__tile_type_success .mfui-snackbar__icon-container svg{fill:var(--brandGreen)}.mfui-snackbar__tile_type_attention .mfui-snackbar__icon-container svg{fill:var(--fury80)}.mfui-snackbar__icon-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;height:32px;justify-content:center;margin-right:8px;min-width:32px;width:32px}.mfui-snackbar__icon-container svg{fill:var(--base)}@media screen and (max-width:767px){.mfui-snackbar__icon-container{height:20px;min-width:20px;width:20px}}.mfui-snackbar__icon-container_desktop{display:none}@media screen and (min-width:768px){.mfui-snackbar__icon-container_desktop{display:block}}.mfui-snackbar__icon-container_mobile{display:none}@media screen and (max-width:767px){.mfui-snackbar__icon-container_mobile{display:block}}.mfui-snackbar__text-wrapper{-webkit-box-flex:1;-ms-flex-positive:1;color:var(--base);flex-grow:1}.mfui-snackbar__text{display:none;overflow:hidden}@media screen and (min-width:768px){.mfui-snackbar__text_desktop{display:block;max-height:48px}}@media screen and (max-width:767px){.mfui-snackbar__text_mobile{display:block;max-height:36px}}.mfui-snackbar__text_short{max-width:272px}.mfui-snackbar__text-button{margin-left:12px;min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content}.mfui-snackbar__close-button{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;background-color:transparent;border:none;border-radius:40px;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;height:32px;justify-content:center;margin-left:24px;padding:0;width:32px}@media screen and (max-width:767px){.mfui-snackbar__close-button{display:none}}.mfui-snackbar__close-button:hover{background-color:hsla(0,0%,60%,.2)}.mfui-snackbar__close-button:active{background-color:hsla(0,0%,60%,.4)}.mfui-snackbar__close-button-icon{height:40px;min-width:40px;width:40px;fill:var(--spbSky3)}
|
|
1
|
+
h1,h2,h3,h4,h5{margin:0}.mfui-snackbar{-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;width:480px;z-index:1}@-webkit-keyframes snackbar-show{0%{opacity:0;-webkit-transform:scale(90%);transform:scale(90%)}to{opacity:1;-webkit-transform:scale(100%);transform:scale(100%)}}@keyframes snackbar-show{0%{opacity:0;-webkit-transform:scale(90%);transform:scale(90%)}to{opacity:1;-webkit-transform:scale(100%);transform:scale(100%)}}@-webkit-keyframes snackbar-hide{0%{opacity:1;-webkit-transform:scale(100%);transform:scale(100%)}99%{opacity:0;-webkit-transform:scale(90%);transform:scale(90%)}to{display:none}}@keyframes snackbar-hide{0%{opacity:1;-webkit-transform:scale(100%);transform:scale(100%)}99%{opacity:0;-webkit-transform:scale(90%);transform:scale(90%)}to{display:none}}@media screen and (max-width:767px){.mfui-snackbar{width:304px}}.mfui-snackbar_move{-webkit-transition:none;transition:none}.mfui-snackbar .mfui-snackbar__tile{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-animation:snackbar-show .2s linear .2s 1 forwards;animation:snackbar-show .2s linear .2s 1 forwards;background-color:var(--content);border:2px solid var(--stcWhite10);justify-content:space-between;min-height:64px;opacity:0;padding:12px 16px 12px 12px}@media screen and (max-width:767px){.mfui-snackbar .mfui-snackbar__tile{min-height:48px}}.mfui-snackbar__tile_closed{-webkit-animation:snackbar-hide .1s linear 1;animation:snackbar-hide .1s linear 1}.mfui-snackbar__tile_type_success .mfui-snackbar__icon-container svg{fill:var(--brandGreen)}.mfui-snackbar__tile_type_attention .mfui-snackbar__icon-container svg{fill:var(--fury80)}.mfui-snackbar__icon-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;height:32px;justify-content:center;margin-right:8px;min-width:32px;width:32px}.mfui-snackbar__icon-container svg{fill:var(--base)}@media screen and (max-width:767px){.mfui-snackbar__icon-container{height:20px;min-width:20px;width:20px}}.mfui-snackbar__icon-container_desktop{display:none}@media screen and (min-width:768px){.mfui-snackbar__icon-container_desktop{display:block}}.mfui-snackbar__icon-container_mobile{display:none}@media screen and (max-width:767px){.mfui-snackbar__icon-container_mobile{display:block}}.mfui-snackbar__text-wrapper{-webkit-box-flex:1;-ms-flex-positive:1;color:var(--base);flex-grow:1}.mfui-snackbar__text{display:none;overflow:hidden}@media screen and (min-width:768px){.mfui-snackbar__text_desktop{display:block;max-height:48px}}@media screen and (max-width:767px){.mfui-snackbar__text_mobile{display:block;max-height:36px}}.mfui-snackbar__text_short{max-width:272px}.mfui-snackbar__text-button{margin-left:12px;min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content}.mfui-snackbar__close-button{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;background-color:transparent;border:none;border-radius:40px;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;height:32px;justify-content:center;margin-left:24px;padding:0;width:32px}@media screen and (max-width:767px){.mfui-snackbar__close-button{display:none}}.mfui-snackbar__close-button:hover{background-color:hsla(0,0%,60%,.2)}.mfui-snackbar__close-button:active{background-color:hsla(0,0%,60%,.4)}.mfui-snackbar__close-button-icon{height:40px;min-width:40px;width:40px;fill:var(--spbSky3)}
|
|
@@ -1 +1,4 @@
|
|
|
1
|
-
<svg width="12" height="12" xmlns="http://www.w3.org/2000/svg"
|
|
1
|
+
<svg width="12" height="12" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M1 11L11 1" stroke-opacity="0.2" stroke-width="2" stroke-linecap="round"/>
|
|
3
|
+
<path d="M7 11L11 7" stroke-opacity="0.2" stroke-width="2" stroke-linecap="round"/>
|
|
4
|
+
</svg>
|
|
@@ -1 +1,4 @@
|
|
|
1
|
-
<svg viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg"
|
|
1
|
+
<svg viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M29.1875 40.75L31.8125 30.9981L31.3925 30.5913C28.272 27.7768 24.2017 26.2481 20 26.3125C15.7967 26.253 11.7267 27.7863 8.6075 30.6044L8.1875 30.9981L10.8125 40.75H29.1875Z" />
|
|
3
|
+
<path d="M12.125 15.8125C12.125 17.37 12.5869 18.8926 13.4522 20.1876C14.3175 21.4827 15.5474 22.492 16.9864 23.0881C18.4253 23.6841 20.0087 23.84 21.5363 23.5362C23.0639 23.2323 24.4671 22.4823 25.5685 21.381C26.6698 20.2796 27.4198 18.8764 27.7237 17.3488C28.0275 15.8212 27.8716 14.2378 27.2756 12.7989C26.6795 11.3599 25.6702 10.13 24.3751 9.26468C23.0801 8.39936 21.5575 7.9375 20 7.9375C17.9114 7.9375 15.9084 8.76719 14.4315 10.244C12.9547 11.7209 12.125 13.7239 12.125 15.8125Z" />
|
|
4
|
+
</svg>
|
|
@@ -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]),
|
|
@@ -1 +1,3 @@
|
|
|
1
|
-
<svg viewBox="0 0 14 12" xmlns="http://www.w3.org/2000/svg"
|
|
1
|
+
<svg viewBox="0 0 14 12" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M4.5228 8.36841L12.386 0L14 1.91387L4.5228 12L0 7.1866L1.61401 5.27272L4.5228 8.36841Z"/>
|
|
3
|
+
</svg>
|
|
Binary file
|
|
@@ -1 +1 @@
|
|
|
1
|
-
h1,h2,h3,h4,h5{margin:0}.mfui-snackbar{-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;width:480px;z-index:1}@-webkit-keyframes snackbar-show{0%{opacity:0;-webkit-transform:scale(90%);transform:scale(90%)}to{opacity:1;-webkit-transform:scale(100%);transform:scale(100%)}}@keyframes snackbar-show{0%{opacity:0;-webkit-transform:scale(90%);transform:scale(90%)}to{opacity:1;-webkit-transform:scale(100%);transform:scale(100%)}}@-webkit-keyframes snackbar-hide{0%{opacity:1;-webkit-transform:scale(100%);transform:scale(100%)}99%{opacity:0;-webkit-transform:scale(90%);transform:scale(90%)}to{display:none}}@keyframes snackbar-hide{0%{opacity:1;-webkit-transform:scale(100%);transform:scale(100%)}99%{opacity:0;-webkit-transform:scale(90%);transform:scale(90%)}to{display:none}}@media screen and (max-width:767px){.mfui-snackbar{width:304px}}.mfui-snackbar_move{-webkit-transition:none;transition:none}.mfui-snackbar .mfui-snackbar__tile{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-animation:snackbar-show .2s linear .2s 1 forwards;animation:snackbar-show .2s linear .2s 1 forwards;background-color:var(--content);justify-content:space-between;min-height:64px;opacity:0;padding:12px 16px 12px 12px}@media screen and (max-width:767px){.mfui-snackbar .mfui-snackbar__tile{min-height:48px}}.mfui-snackbar__tile_closed{-webkit-animation:snackbar-hide .1s linear 1;animation:snackbar-hide .1s linear 1}.mfui-snackbar__tile_type_success .mfui-snackbar__icon-container svg{fill:var(--brandGreen)}.mfui-snackbar__tile_type_attention .mfui-snackbar__icon-container svg{fill:var(--fury80)}.mfui-snackbar__icon-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;height:32px;justify-content:center;margin-right:8px;min-width:32px;width:32px}.mfui-snackbar__icon-container svg{fill:var(--base)}@media screen and (max-width:767px){.mfui-snackbar__icon-container{height:20px;min-width:20px;width:20px}}.mfui-snackbar__icon-container_desktop{display:none}@media screen and (min-width:768px){.mfui-snackbar__icon-container_desktop{display:block}}.mfui-snackbar__icon-container_mobile{display:none}@media screen and (max-width:767px){.mfui-snackbar__icon-container_mobile{display:block}}.mfui-snackbar__text-wrapper{-webkit-box-flex:1;-ms-flex-positive:1;color:var(--base);flex-grow:1}.mfui-snackbar__text{display:none;overflow:hidden}@media screen and (min-width:768px){.mfui-snackbar__text_desktop{display:block;max-height:48px}}@media screen and (max-width:767px){.mfui-snackbar__text_mobile{display:block;max-height:36px}}.mfui-snackbar__text_short{max-width:272px}.mfui-snackbar__text-button{margin-left:12px;min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content}.mfui-snackbar__close-button{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;background-color:transparent;border:none;border-radius:40px;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;height:32px;justify-content:center;margin-left:24px;padding:0;width:32px}@media screen and (max-width:767px){.mfui-snackbar__close-button{display:none}}.mfui-snackbar__close-button:hover{background-color:hsla(0,0%,60%,.2)}.mfui-snackbar__close-button:active{background-color:hsla(0,0%,60%,.4)}.mfui-snackbar__close-button-icon{height:40px;min-width:40px;width:40px;fill:var(--spbSky3)}
|
|
1
|
+
h1,h2,h3,h4,h5{margin:0}.mfui-snackbar{-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;width:480px;z-index:1}@-webkit-keyframes snackbar-show{0%{opacity:0;-webkit-transform:scale(90%);transform:scale(90%)}to{opacity:1;-webkit-transform:scale(100%);transform:scale(100%)}}@keyframes snackbar-show{0%{opacity:0;-webkit-transform:scale(90%);transform:scale(90%)}to{opacity:1;-webkit-transform:scale(100%);transform:scale(100%)}}@-webkit-keyframes snackbar-hide{0%{opacity:1;-webkit-transform:scale(100%);transform:scale(100%)}99%{opacity:0;-webkit-transform:scale(90%);transform:scale(90%)}to{display:none}}@keyframes snackbar-hide{0%{opacity:1;-webkit-transform:scale(100%);transform:scale(100%)}99%{opacity:0;-webkit-transform:scale(90%);transform:scale(90%)}to{display:none}}@media screen and (max-width:767px){.mfui-snackbar{width:304px}}.mfui-snackbar_move{-webkit-transition:none;transition:none}.mfui-snackbar .mfui-snackbar__tile{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-animation:snackbar-show .2s linear .2s 1 forwards;animation:snackbar-show .2s linear .2s 1 forwards;background-color:var(--content);border:2px solid var(--stcWhite10);justify-content:space-between;min-height:64px;opacity:0;padding:12px 16px 12px 12px}@media screen and (max-width:767px){.mfui-snackbar .mfui-snackbar__tile{min-height:48px}}.mfui-snackbar__tile_closed{-webkit-animation:snackbar-hide .1s linear 1;animation:snackbar-hide .1s linear 1}.mfui-snackbar__tile_type_success .mfui-snackbar__icon-container svg{fill:var(--brandGreen)}.mfui-snackbar__tile_type_attention .mfui-snackbar__icon-container svg{fill:var(--fury80)}.mfui-snackbar__icon-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;height:32px;justify-content:center;margin-right:8px;min-width:32px;width:32px}.mfui-snackbar__icon-container svg{fill:var(--base)}@media screen and (max-width:767px){.mfui-snackbar__icon-container{height:20px;min-width:20px;width:20px}}.mfui-snackbar__icon-container_desktop{display:none}@media screen and (min-width:768px){.mfui-snackbar__icon-container_desktop{display:block}}.mfui-snackbar__icon-container_mobile{display:none}@media screen and (max-width:767px){.mfui-snackbar__icon-container_mobile{display:block}}.mfui-snackbar__text-wrapper{-webkit-box-flex:1;-ms-flex-positive:1;color:var(--base);flex-grow:1}.mfui-snackbar__text{display:none;overflow:hidden}@media screen and (min-width:768px){.mfui-snackbar__text_desktop{display:block;max-height:48px}}@media screen and (max-width:767px){.mfui-snackbar__text_mobile{display:block;max-height:36px}}.mfui-snackbar__text_short{max-width:272px}.mfui-snackbar__text-button{margin-left:12px;min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content}.mfui-snackbar__close-button{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;background-color:transparent;border:none;border-radius:40px;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;height:32px;justify-content:center;margin-left:24px;padding:0;width:32px}@media screen and (max-width:767px){.mfui-snackbar__close-button{display:none}}.mfui-snackbar__close-button:hover{background-color:hsla(0,0%,60%,.2)}.mfui-snackbar__close-button:active{background-color:hsla(0,0%,60%,.4)}.mfui-snackbar__close-button-icon{height:40px;min-width:40px;width:40px;fill:var(--spbSky3)}
|
|
@@ -1 +1,4 @@
|
|
|
1
|
-
<svg width="12" height="12" xmlns="http://www.w3.org/2000/svg"
|
|
1
|
+
<svg width="12" height="12" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M1 11L11 1" stroke-opacity="0.2" stroke-width="2" stroke-linecap="round"/>
|
|
3
|
+
<path d="M7 11L11 7" stroke-opacity="0.2" stroke-width="2" stroke-linecap="round"/>
|
|
4
|
+
</svg>
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@megafon/ui-core",
|
|
3
|
-
"version": "7.
|
|
3
|
+
"version": "7.2.0",
|
|
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.1.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",
|
|
@@ -89,7 +89,7 @@
|
|
|
89
89
|
"@datepicker-react/hooks": "^2.7.0",
|
|
90
90
|
"@dnd-kit/core": "^6.1.0",
|
|
91
91
|
"@dnd-kit/sortable": "^8.0.0",
|
|
92
|
-
"@megafon/ui-helpers": "^3.1.
|
|
92
|
+
"@megafon/ui-helpers": "^3.1.1",
|
|
93
93
|
"@mona-health/react-input-mask": "^3.0.3",
|
|
94
94
|
"@popperjs/core": "^2.11.8",
|
|
95
95
|
"core-js": "^3.6.4",
|
|
@@ -104,5 +104,5 @@
|
|
|
104
104
|
"simplebar-react": "^3.2.5",
|
|
105
105
|
"swiper": "^11.1.1"
|
|
106
106
|
},
|
|
107
|
-
"gitHead": "
|
|
107
|
+
"gitHead": "d4e3e7fefa29d76432150e5d703cce232fcb2254"
|
|
108
108
|
}
|