@megafon/ui-shared 9.0.0-alpha.15 → 9.0.0-alpha.17
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/BenefitCards/BenefitCard/BenefitCard.css +1 -0
- package/dist/es/components/BenefitCards/BenefitCard/BenefitCard.d.ts +13 -0
- package/dist/es/components/BenefitCards/BenefitCard/BenefitCard.js +59 -0
- package/dist/es/components/BenefitCards/BenefitCards.css +1 -0
- package/dist/es/components/BenefitCards/BenefitCards.d.ts +27 -0
- package/dist/es/components/BenefitCards/BenefitCards.js +35 -0
- package/dist/es/components/BenefitCards/helpers.d.ts +1 -0
- package/dist/es/components/BenefitCards/helpers.js +19 -0
- package/dist/es/components/BenefitCards/types.d.ts +24 -0
- package/dist/es/components/BenefitCards/types.js +1 -0
- package/dist/es/components/BlogBox/components/BlogBoxTile.css +1 -1
- package/dist/es/components/Card/Card.css +1 -1
- package/dist/es/components/Card/Card.js +3 -2
- package/dist/es/components/CardsOnBackground/components/CardOnBackground.css +1 -1
- package/dist/es/components/CardsOnBackground/useUniformHeights.js +3 -2
- package/dist/es/components/Container/Container.css +1 -1
- package/dist/es/components/DarkGradientCards/components/DarkGradientCard.css +1 -1
- package/dist/es/components/DarkGradientCards/components/DarkGradientCard.js +1 -2
- package/dist/es/components/DownloadLinks/DownloadLink.js +3 -1
- package/dist/es/components/InfoCards/components/InfoCard/InfoCard.css +1 -1
- package/dist/es/components/InfoCards/components/InfoCard/InfoCard.js +4 -2
- package/dist/es/components/Instructions/Instructions.css +1 -1
- package/dist/es/components/Instructions/Instructions.js +0 -1
- package/dist/es/components/Partners/components/PartnersItem/PartnersItem.css +1 -1
- package/dist/es/components/Partners/components/PartnersItem/PartnersItem.js +1 -3
- package/dist/es/components/PromoBanner/components/PromoBannerSlide/PromoBannerSlide.d.ts +2 -0
- package/dist/es/components/PromoBanner/components/PromoBannerSlide/PromoBannerSlide.js +2 -0
- package/dist/es/components/PromoCards/components/PromoCard/PromoCard.css +1 -1
- package/dist/es/components/PromoCards/components/PromoCard/PromoCard.js +1 -2
- package/dist/es/components/ServiceCards/components/ServiceCard/ServiceCard.css +1 -1
- package/dist/es/components/ServiceCards/components/ServiceCard/ServiceCard.js +2 -3
- package/dist/es/components/StoreButton/StoreButton.css +1 -1
- package/dist/es/hooks/useIsomorphicLayoutEffect.d.ts +3 -0
- package/dist/es/hooks/useIsomorphicLayoutEffect.js +6 -0
- package/dist/es/index.d.ts +2 -0
- package/dist/es/index.js +2 -0
- package/dist/lib/components/BenefitCards/BenefitCard/BenefitCard.css +1 -0
- package/dist/lib/components/BenefitCards/BenefitCard/BenefitCard.d.ts +13 -0
- package/dist/lib/components/BenefitCards/BenefitCard/BenefitCard.js +68 -0
- package/dist/lib/components/BenefitCards/BenefitCards.css +1 -0
- package/dist/lib/components/BenefitCards/BenefitCards.d.ts +27 -0
- package/dist/lib/components/BenefitCards/BenefitCards.js +44 -0
- package/dist/lib/components/BenefitCards/helpers.d.ts +1 -0
- package/dist/lib/components/BenefitCards/helpers.js +26 -0
- package/dist/lib/components/BenefitCards/types.d.ts +24 -0
- package/dist/lib/components/BenefitCards/types.js +5 -0
- package/dist/lib/components/BlogBox/components/BlogBoxTile.css +1 -1
- package/dist/lib/components/Card/Card.css +1 -1
- package/dist/lib/components/Card/Card.js +3 -2
- package/dist/lib/components/CardsOnBackground/components/CardOnBackground.css +1 -1
- package/dist/lib/components/CardsOnBackground/useUniformHeights.js +3 -2
- package/dist/lib/components/Container/Container.css +1 -1
- package/dist/lib/components/DarkGradientCards/components/DarkGradientCard.css +1 -1
- package/dist/lib/components/DarkGradientCards/components/DarkGradientCard.js +1 -2
- package/dist/lib/components/DownloadLinks/DownloadLink.js +3 -1
- package/dist/lib/components/InfoCards/components/InfoCard/InfoCard.css +1 -1
- package/dist/lib/components/InfoCards/components/InfoCard/InfoCard.js +4 -2
- package/dist/lib/components/Instructions/Instructions.css +1 -1
- package/dist/lib/components/Instructions/Instructions.js +0 -1
- package/dist/lib/components/Partners/components/PartnersItem/PartnersItem.css +1 -1
- package/dist/lib/components/Partners/components/PartnersItem/PartnersItem.js +1 -3
- package/dist/lib/components/PromoBanner/components/PromoBannerSlide/PromoBannerSlide.d.ts +2 -0
- package/dist/lib/components/PromoBanner/components/PromoBannerSlide/PromoBannerSlide.js +2 -0
- package/dist/lib/components/PromoCards/components/PromoCard/PromoCard.css +1 -1
- package/dist/lib/components/PromoCards/components/PromoCard/PromoCard.js +1 -2
- package/dist/lib/components/ServiceCards/components/ServiceCard/ServiceCard.css +1 -1
- package/dist/lib/components/ServiceCards/components/ServiceCard/ServiceCard.js +2 -3
- package/dist/lib/components/StoreButton/StoreButton.css +1 -1
- package/dist/lib/hooks/useIsomorphicLayoutEffect.d.ts +3 -0
- package/dist/lib/hooks/useIsomorphicLayoutEffect.js +13 -0
- package/dist/lib/index.d.ts +2 -0
- package/dist/lib/index.js +14 -0
- package/package.json +4 -4
|
@@ -1 +1 @@
|
|
|
1
|
-
h1,h2,h3,h4,h5{margin:0}.mfui-9-dark-gradient-card{background-position:50%;background-size:cover;border-radius:24px;color:var(--stcWhite);display:-webkit-box;display:-ms-flexbox;display:flex;min-height:420px;padding:24px;position:relative;text-decoration:none;width:298px}.mfui-9-dark-gradient-card:focus-visible{-webkit-animation:focus-outline-shrink .
|
|
1
|
+
h1,h2,h3,h4,h5{margin:0}.mfui-9-dark-gradient-card{background-position:50%;background-size:cover;border-radius:24px;color:var(--stcWhite);display:-webkit-box;display:-ms-flexbox;display:flex;min-height:420px;padding:24px;position:relative;text-decoration:none;width:298px}.mfui-9-dark-gradient-card:focus-visible{-webkit-animation:focus-outline-shrink .3s linear forwards;animation:focus-outline-shrink .3s linear forwards;outline-offset:2px}@-webkit-keyframes focus-outline-shrink{0%{outline:0 solid var(--137C)}to{outline:4px solid var(--137C)}}@keyframes focus-outline-shrink{0%{outline:0 solid var(--137C)}to{outline:4px solid var(--137C)}}.mfui-9-dark-gradient-card:focus{outline:none}@media screen and (max-width:359px){.mfui-9-dark-gradient-card{width:265px}}@media screen and (min-width:768px) and (max-width:1023px){.mfui-9-dark-gradient-card{width:211px}}@media screen and (min-width:1024px){.mfui-9-dark-gradient-card{min-height:520px}}@media screen and (min-width:1024px) and (max-width:1279px){.mfui-9-dark-gradient-card{width:285px}}@media screen and (min-width:1280px) and (max-width:1439px){.mfui-9-dark-gradient-card{width:265px}}@media screen and (min-width:1280px){.mfui-9-dark-gradient-card{padding:32px}}@media screen and (min-width:1440px){.mfui-9-dark-gradient-card{width:345px}}.mfui-9-dark-gradient-card:hover{text-decoration:none}.mfui-9-dark-gradient-card:before{background-image:-webkit-gradient(linear,left top,left bottom,from(transparent),to(#000));background-image:linear-gradient(180deg,transparent,#000);border-radius:inherit;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:0}.mfui-9-dark-gradient-card_active:hover:before{background-image:-webkit-gradient(linear,left top,left bottom,from(transparent),to(rgba(0,0,0,.9)));background-image:linear-gradient(180deg,transparent,rgba(0,0,0,.9))}@media screen and (min-width:768px) and (max-width:1023px){.mfui-9-dark-gradient-card_size_big{width:441px}}@media screen and (min-width:1024px) and (max-width:1279px){.mfui-9-dark-gradient-card_size_big{width:591px}}@media screen and (min-width:1280px) and (max-width:1439px){.mfui-9-dark-gradient-card_size_big{width:550px}}@media screen and (min-width:1440px){.mfui-9-dark-gradient-card_size_big{width:710px}}.mfui-9-dark-gradient-card__inner{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;z-index:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:12px;width:100%}.mfui-9-dark-gradient-card__title{margin-top:auto}.mfui-9-dark-gradient-card_size_small .mfui-9-dark-gradient-card__title{font-size:18px;font-weight:500;letter-spacing:.5px;line-height:24px}@media screen and (min-width:1280px){.mfui-9-dark-gradient-card_size_small .mfui-9-dark-gradient-card__title{font-size:20px;line-height:28px}}.mfui-9-dark-gradient-card_size_big .mfui-9-dark-gradient-card__title{font-size:22px;font-weight:600;letter-spacing:.5px;line-height:28px}@media screen and (min-width:768px) and (max-width:1023px){.mfui-9-dark-gradient-card_size_big .mfui-9-dark-gradient-card__title{font-size:26px;line-height:32px}}@media screen and (min-width:1024px){.mfui-9-dark-gradient-card_size_big .mfui-9-dark-gradient-card__title{font-size:28px;line-height:36px}}@media screen and (min-width:1280px){.mfui-9-dark-gradient-card_size_big .mfui-9-dark-gradient-card__title{font-size:32px;line-height:40px}}.mfui-9-dark-gradient-card__subtitle{font-size:15px;line-height:24px}.mfui-9-dark-gradient-card__more{display:-webkit-box;display:-ms-flexbox;display:flex;font-size:15px;font-weight:500;gap:8px;line-height:24px;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.mfui-9-dark-gradient-card__more-icon{display:block;max-height:24px;min-width:24px;width:24px}.mfui-9-dark-gradient-card__more-icon svg{display:block;height:100%;width:100%;fill:var(--stcWhite)}
|
|
@@ -34,8 +34,7 @@ var DarkGradientCard = function DarkGradientCard(_ref) {
|
|
|
34
34
|
rel: isLink ? currentRel : undefined,
|
|
35
35
|
style: {
|
|
36
36
|
backgroundImage: "url(".concat(imageSrc, ")")
|
|
37
|
-
}
|
|
38
|
-
tabIndex: isLink ? 0 : -1
|
|
37
|
+
}
|
|
39
38
|
}), /*#__PURE__*/React.createElement("div", {
|
|
40
39
|
className: cn('inner')
|
|
41
40
|
}, /*#__PURE__*/React.createElement("div", {
|
|
@@ -9,7 +9,9 @@ var DownloadIcon = function DownloadIcon(props) {
|
|
|
9
9
|
return /*#__PURE__*/React.createElement("svg", _extends({
|
|
10
10
|
viewBox: "0 0 40 40"
|
|
11
11
|
}, props), /*#__PURE__*/React.createElement("path", {
|
|
12
|
-
d: "
|
|
12
|
+
d: "M33 18a2 2 0 012 2c0 1.862-.398 3.701-1.165 5.411a13.988 13.988 0 01-3.286 4.544 15.123 15.123 0 01-4.86 3A15.948 15.948 0 0120 34c-1.948 0-3.882-.354-5.69-1.045a15.124 15.124 0 01-4.859-3 13.987 13.987 0 01-3.286-4.544A13.204 13.204 0 015 20a2 2 0 014 0c0 1.29.275 2.572.814 3.773a9.984 9.984 0 002.35 3.243 11.123 11.123 0 003.575 2.203c1.347.515 2.795.781 4.261.781 1.466 0 2.914-.266 4.26-.781a11.123 11.123 0 003.576-2.203 9.983 9.983 0 002.35-3.243A9.203 9.203 0 0031 20a2 2 0 012-2z"
|
|
13
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
14
|
+
d: "M20 8a2 2 0 012 2v7.172l2.586-2.586a2 2 0 112.828 2.828l-5.293 5.293-.111.107a3 3 0 01-4.131-.107l-5.293-5.293a2 2 0 112.828-2.828L18 17.172V10a2 2 0 012-2z"
|
|
13
15
|
}));
|
|
14
16
|
};
|
|
15
17
|
var cn = cnCreate('mfui-9-download-link');
|
|
@@ -1 +1 @@
|
|
|
1
|
-
h1,h2,h3,h4,h5{margin:0}.mfui-9-info-card{border-radius:24px;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--content);-webkit-column-gap:12px;-moz-column-gap:12px;column-gap:12px;display:-webkit-box;display:-ms-flexbox;display:flex;font-family:inherit;font-size:15px;line-height:24px;-webkit-transition:background-color .3s,-webkit-box-shadow .3s;transition:background-color .3s,-webkit-box-shadow .3s;transition:background-color .3s,box-shadow .3s;transition:background-color .3s,box-shadow .3s,-webkit-box-shadow .3s}.mfui-9-info-card
|
|
1
|
+
h1,h2,h3,h4,h5{margin:0}.mfui-9-info-card{border-radius:24px;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--content);-webkit-column-gap:12px;-moz-column-gap:12px;column-gap:12px;display:-webkit-box;display:-ms-flexbox;display:flex;font-family:inherit;font-size:15px;line-height:24px;text-decoration:none;-webkit-transition:background-color .3s,-webkit-box-shadow .3s;transition:background-color .3s,-webkit-box-shadow .3s;transition:background-color .3s,box-shadow .3s;transition:background-color .3s,box-shadow .3s,-webkit-box-shadow .3s}.mfui-9-info-card:focus-visible{-webkit-animation:focus-outline-shrink .3s linear forwards;animation:focus-outline-shrink .3s linear forwards;outline-offset:2px}@-webkit-keyframes focus-outline-shrink{0%{outline:0 solid var(--137C)}to{outline:4px solid var(--137C)}}@keyframes focus-outline-shrink{0%{outline:0 solid var(--137C)}to{outline:4px solid var(--137C)}}.mfui-9-info-card:focus{outline:none}.mfui-9-info-card:hover{text-decoration:none}.mfui-9-info-card__content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.mfui-9-info-card__title+.mfui-9-info-card__description{margin-top:8px}.mfui-9-info-card__more-info{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-size:12px;line-height:18px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-weight:500;margin-top:auto;padding-top:12px;-webkit-transition:color .3s;transition:color .3s}.mfui-9-info-card_active{cursor:pointer}.mfui-9-info-card_active:hover .mfui-9-info-card__more-info{color:var(--brandGreen)}.mfui-9-info-card__more-info-text{margin-top:-2px}.mfui-9-info-card__more-info-arrow{height:20px;width:20px;fill:currentColor}.mfui-9-info-card_size_small{padding:16px 20px}.mfui-9-info-card_size_small .mfui-9-info-card__image{height:64px;margin-bottom:16px;width:64px}.mfui-9-info-card_size_small .mfui-9-info-card__title{font-size:15px;font-weight:500;line-height:24px}.mfui-9-info-card_size_small .mfui-9-info-card__description{font-size:12px;line-height:18px}.mfui-9-info-card_size_medium{padding:20px 24px}.mfui-9-info-card_size_medium .mfui-9-info-card__image{height:80px;margin-bottom:16px;width:80px}@media screen and (min-width:768px){.mfui-9-info-card_size_medium .mfui-9-info-card__image{margin-bottom:24px}}.mfui-9-info-card_size_medium .mfui-9-info-card__title{font-size:18px;font-weight:500;letter-spacing:.5px;line-height:24px}@media screen and (min-width:1280px){.mfui-9-info-card_size_medium .mfui-9-info-card__title{font-size:20px;line-height:28px}}.mfui-9-info-card_size_big{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:24px}@media screen and (min-width:768px){.mfui-9-info-card_size_big{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:32px}}.mfui-9-info-card_size_big .mfui-9-info-card__image{-ms-flex-item-align:center;align-self:center;-webkit-box-ordinal-group:2;-ms-flex-order:1;height:150px;order:1;width:150px}@media screen and (max-width:767px){.mfui-9-info-card_size_big .mfui-9-info-card__image{-ms-flex-item-align:start;align-self:start;-webkit-box-ordinal-group:1;-ms-flex-order:0;margin-bottom:16px;order:0}}.mfui-9-info-card_size_big .mfui-9-info-card__title{font-size:18px;font-weight:500;letter-spacing:.5px;line-height:24px}@media screen and (min-width:1280px){.mfui-9-info-card_size_big .mfui-9-info-card__title{font-size:20px;line-height:28px}}.mfui-9-info-card_size_big .mfui-9-info-card__more-info{font-size:15px;line-height:24px;padding-top:24px}.mfui-9-info-card_size_big .mfui-9-info-card__more-info-arrow{height:32px;width:32px}.mfui-9-info-card_position_top-left{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.mfui-9-info-card_position_right-side{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.mfui-9-info-card_position_right-side .mfui-9-info-card__image{-ms-flex-item-align:center;align-self:center;-webkit-box-ordinal-group:2;-ms-flex-order:1;margin-bottom:0;order:1}.mfui-9-info-card_position_right-side .mfui-9-info-card__title+.mfui-9-info-card__description{margin-top:6px}.mfui-9-info-card_position_right-side .mfui-9-info-card__more-info{padding-top:8px}@media screen and (min-width:768px){.mfui-9-info-card_size_big.mfui-9-info-card_align-center{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.mfui-9-info-card_size_big.mfui-9-info-card_align-center .mfui-9-info-card__more-info{margin-top:0}}.mfui-9-info-card_position_right-side.mfui-9-info-card_align-center{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.mfui-9-info-card_position_right-side.mfui-9-info-card_align-center .mfui-9-info-card__more-info{margin-top:0}.mfui-9-info-card_background_stroke{border:1px solid var(--spbSky2)}.mfui-9-info-card_background_shadow{background-color:var(--base);-webkit-box-shadow:0 2px 12px rgba(0,0,0,.1);box-shadow:0 2px 12px rgba(0,0,0,.1)}.mfui-9-info-card_background_green{background-color:var(--brandGreen20)}.mfui-9-info-card_background_purple{background-color:var(--brandPurple20)}.mfui-9-info-card_background_white{background-color:var(--base)}.mfui-9-info-card_background_gray{background-color:var(--spbSky0)}.mfui-9-info-card_background_no{padding:0}.mfui-9-info-card_background_stroke.mfui-9-info-card_active:hover{background-color:var(--spbSky0)}.mfui-9-info-card_background_shadow.mfui-9-info-card_active:hover,.mfui-9-info-card_background_white.mfui-9-info-card_active:hover{-webkit-box-shadow:0 8px 28px rgba(0,0,0,.1);box-shadow:0 8px 28px rgba(0,0,0,.1)}.mfui-9-info-card_background_gray.mfui-9-info-card_active:hover{background-color:var(--spbSky1)}.mfui-9-info-card_background_purple.mfui-9-info-card_active:hover{background-color:var(--buttonHoverPurpleSoft)}.mfui-9-info-card_background_green.mfui-9-info-card_active:hover{background-color:var(--buttonHoverGreenSoft)}
|
|
@@ -9,14 +9,14 @@ var ArrowRight16 = function ArrowRight16(props) {
|
|
|
9
9
|
return /*#__PURE__*/React.createElement("svg", _extends({
|
|
10
10
|
viewBox: "0 0 20 20"
|
|
11
11
|
}, props), /*#__PURE__*/React.createElement("path", {
|
|
12
|
-
d: "
|
|
12
|
+
d: "M10.084 5.282a1 1 0 011.414.022l3.61 3.726c.522.54.523 1.4 0 1.94l-3.61 3.726a1 1 0 01-1.436-1.392l2.225-2.297H5.5a1 1 0 010-2h6.8l-2.239-2.31a1 1 0 01.023-1.415z"
|
|
13
13
|
}));
|
|
14
14
|
};
|
|
15
15
|
var ArrowRight24 = function ArrowRight24(props) {
|
|
16
16
|
return /*#__PURE__*/React.createElement("svg", _extends({
|
|
17
17
|
viewBox: "0 0 32 32"
|
|
18
18
|
}, props), /*#__PURE__*/React.createElement("path", {
|
|
19
|
-
d: "
|
|
19
|
+
d: "M16.326 9.118a1.25 1.25 0 011.768-.004l5.618 5.592a1.825 1.825 0 010 2.588l-5.618 5.592a1.25 1.25 0 01-1.764-1.772l3.871-3.853H9a1.25 1.25 0 010-2.5h11.223l-3.893-3.875a1.25 1.25 0 01-.004-1.768z"
|
|
20
20
|
}));
|
|
21
21
|
};
|
|
22
22
|
var cn = cnCreate('mfui-9-info-card');
|
|
@@ -66,6 +66,8 @@ var InfoCard = function InfoCard(_ref) {
|
|
|
66
66
|
active: isActive,
|
|
67
67
|
'align-center': !moreInfo
|
|
68
68
|
}, [className, classes === null || classes === void 0 ? void 0 : classes.root])
|
|
69
|
+
}, !!onClick && {
|
|
70
|
+
tabIndex: 0
|
|
69
71
|
}), /*#__PURE__*/React.createElement("img", {
|
|
70
72
|
className: cn('image'),
|
|
71
73
|
src: imgSrc,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
h1,h2,h3,h4,h5{margin:0}.mfui-9-instructions__title_resolution_mobile{margin-bottom:32px;text-align:center}@media screen and (min-width:768px) and (max-width:1023px){.mfui-9-instructions__title_resolution_mobile{margin-bottom:40px}}@media screen and (min-width:1024px){.mfui-9-instructions__title_resolution_mobile{display:none}}.mfui-9-instructions__title_resolution_desktop{margin-bottom:40px}@media screen and (max-width:1023px){.mfui-9-instructions__title_resolution_desktop{display:none}}.mfui-9-instructions .swiper-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex}@media screen and (min-width:1024px){.mfui-9-instructions__wrapper{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;justify-content:center}.mfui-9-instructions__wrapper_vertical-align_top{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.mfui-9-instructions__wrapper_vertical-align_unset{-webkit-box-align:unset;-ms-flex-align:unset;align-items:unset}}.mfui-9-instructions .mfui-9-instructions__text{margin-top:32px}@media screen and (max-width:1023px){.mfui-9-instructions .mfui-9-instructions__text{margin-top:40px;text-align:center}}.mfui-9-instructions .mfui-9-instructions__button{display:block;margin-top:32px;max-width:-webkit-max-content;max-width:-moz-max-content;max-width:max-content}@media screen and (max-width:1023px){.mfui-9-instructions .mfui-9-instructions__button{margin-left:auto;margin-right:auto}}@media screen and (min-width:768px){.mfui-9-instructions .mfui-9-instructions__button{margin-top:40px}}.mfui-9-instructions__picture{max-height:490px;max-width:530px;overflow:hidden;position:relative}@media screen and (max-width:1023px){.mfui-9-instructions__picture{margin:0 auto}}@media screen and (min-width:1024px){.mfui-9-instructions__picture{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;width:50%}.mfui-9-instructions__picture_align_left{-webkit-box-ordinal-group:1;-ms-flex-order:0;margin-right:40px;order:0}}.mfui-9-instructions_mask_none .mfui-9-instructions__slide{display:-webkit-box;display:-ms-flexbox;display:flex}.mfui-9-instructions__swiper-img{height:100%;width:100%}.mfui-9-instructions__swiper-img_video{-webkit-filter:brightness(108.5%);filter:brightness(108.5%)}.mfui-9-instructions__img-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;height:490px;position:relative}@media screen and (max-width:1023px){.mfui-9-instructions__img-wrapper:before{background:var(--spbSky2);bottom:0;content:"";display:block;height:1px;left:0;margin:0 auto;position:absolute;right:0;width:324px;z-index:2}}.mfui-9-instructions__device-screen{overflow:hidden;pointer-events:none}@media screen and (max-width:1023px){.mfui-9-instructions_mask_android .mfui-9-instructions__img-wrapper,.mfui-9-instructions_mask_black-iphone .mfui-9-instructions__img-wrapper,.mfui-9-instructions_mask_white-iphone .mfui-9-instructions__img-wrapper{height:421px}}.mfui-9-instructions_mask_android .mfui-9-instructions__device-screen,.mfui-9-instructions_mask_black-iphone .mfui-9-instructions__device-screen,.mfui-9-instructions_mask_white-iphone .mfui-9-instructions__device-screen{height:490px;margin:auto;width:100%}.mfui-9-instructions_mask_android .mfui-9-instructions__swiper,.mfui-9-instructions_mask_black-iphone .mfui-9-instructions__swiper,.mfui-9-instructions_mask_white-iphone .mfui-9-instructions__swiper{height:363px;left:0;margin:auto;overflow:hidden;position:absolute;right:0;top:59px;width:204px}.mfui-9-instructions_mask_black-iphone .mfui-9-instructions__device-screen{background:url(img/blackIphone.png) 50% no-repeat;background-size:contain}.mfui-9-instructions_mask_white-iphone .mfui-9-instructions__device-screen{background:url(img/whiteIphone.png) 50% no-repeat;background-size:contain}@media screen and (max-width:1023px){.mfui-9-instructions_mask_android .mfui-9-instructions__img-wrapper{height:424px}}.mfui-9-instructions_mask_android .mfui-9-instructions__device-screen{background:url(img/android.png) 50% no-repeat;background-size:contain}.mfui-9-instructions_mask_android .mfui-9-instructions__swiper{height:370px;width:206px}@media screen and (max-width:1023px){.mfui-9-instructions_mask_new-iphone .mfui-9-instructions__img-wrapper{height:460px}}.mfui-9-instructions_mask_new-iphone .mfui-9-instructions__device-screen{background:url(img/newIphone.png) 50% no-repeat;background-size:contain;height:490px;margin:auto;position:relative;width:100%;z-index:2}.mfui-9-instructions_mask_new-iphone .mfui-9-instructions__swiper{border-radius:20px;height:462px;left:0;margin:auto;overflow:hidden;position:absolute;right:0;top:14px;width:214px;z-index:1}@media screen and (max-width:1023px){.mfui-9-instructions_mask_iphone-12 .mfui-9-instructions__img-wrapper:before{display:none}}.mfui-9-instructions_mask_iphone-12 .mfui-9-instructions__device-screen{background:url(img/iphone12.png) 50% no-repeat;background-size:contain;height:490px;margin:auto;position:relative;width:100%;z-index:2}.mfui-9-instructions_mask_iphone-12 .mfui-9-instructions__swiper{border-radius:20px;height:462px;left:0;margin:auto;overflow:hidden;position:absolute;right:0;top:14px;width:214px;z-index:1}.mfui-9-instructions_mask_iphone-15 .mfui-9-instructions__img-wrapper{height:487px}@media screen and (max-width:1023px){.mfui-9-instructions_mask_iphone-15 .mfui-9-instructions__img-wrapper:before{display:none}}.mfui-9-instructions_mask_iphone-15 .mfui-9-instructions__device-screen{background:url(img/iphone15.png) 50% no-repeat;background-size:contain;height:486px;margin:auto;position:relative;width:100%;z-index:2}.mfui-9-instructions_mask_iphone-15 .mfui-9-instructions__swiper{border-radius:20px;height:468px;left:0;margin:auto;overflow:hidden;position:absolute;right:0;top:10px;width:217px;z-index:1}.mfui-9-instructions_mask_android-cropped .mfui-9-instructions__img-wrapper{height:420px;min-height:420px}@media screen and (min-width:1024px){.mfui-9-instructions_mask_android-cropped .mfui-9-instructions__img-wrapper{height:440px;min-height:440px}}.mfui-9-instructions_mask_android-cropped .mfui-9-instructions__img-wrapper:before{background:var(--spbSky2);bottom:0;content:"";display:block;height:1px;left:0;margin:0 auto;position:absolute;right:0;width:324px;z-index:2}.mfui-9-instructions_mask_android-cropped .mfui-9-instructions__device-screen{background:url(img/android-new.png) 50% no-repeat;background-size:contain;height:510px;margin-top:24px;position:relative;width:100%;z-index:1}@media screen and (min-width:1024px){.mfui-9-instructions_mask_android-cropped .mfui-9-instructions__device-screen{height:574px}}.mfui-9-instructions_mask_android-cropped .mfui-9-instructions__swiper{left:0;margin:auto;overflow:hidden;position:absolute;right:0;top:54px;width:222px}@media screen and (min-width:1024px){.mfui-9-instructions_mask_android-cropped .mfui-9-instructions__swiper{top:58px;width:250px}}.mfui-9-instructions_mask_iphone-cropped .mfui-9-instructions__img-wrapper{height:420px;min-height:420px}.mfui-9-instructions_mask_iphone-cropped .mfui-9-instructions__img-wrapper:before{background:var(--spbSky2);bottom:0;content:"";display:block;height:1px;left:0;margin:0 auto;position:absolute;right:0;width:324px;z-index:2}.mfui-9-instructions_mask_iphone-cropped .mfui-9-instructions__device-screen{background:url(img/iphone-new.png) 50% no-repeat;background-size:contain;height:469px;margin-top:24px;position:relative;width:100%;z-index:1}.mfui-9-instructions_mask_iphone-cropped .mfui-9-instructions__swiper{left:0;margin:auto;overflow:hidden;position:absolute;right:0;top:38px;width:205px}@media screen and (min-width:768px) and (max-width:1023px){.mfui-9-instructions_mask_laptop .mfui-9-instructions__img-wrapper{background:url(img/laptop.png) 50% 0 no-repeat;background-size:100%;height:0;padding-bottom:53.4%}}@media screen and (min-width:480px) and (max-width:767px){.mfui-9-instructions_mask_laptop .mfui-9-instructions__img-wrapper{height:208px}}@media screen and (max-width:479px){.mfui-9-instructions_mask_laptop .mfui-9-instructions__img-wrapper{height:115px}.mfui-9-instructions_mask_laptop .mfui-9-instructions__img-wrapper:before{width:310px}}@media screen and (min-width:480px) and (max-width:767px){.mfui-9-instructions_mask_laptop .mfui-9-instructions__img-wrapper:before{width:460px}}@media screen and (min-width:768px) and (max-width:1023px){.mfui-9-instructions_mask_laptop .mfui-9-instructions__img-wrapper:before{width:590px}}.mfui-9-instructions_mask_laptop .mfui-9-instructions__device-screen{background:url(img/laptop.png) 50% 0 no-repeat;background-size:100%;height:100%;margin:auto;position:relative;width:100%}@media screen and (min-width:768px) and (max-width:1023px){.mfui-9-instructions_mask_laptop .mfui-9-instructions__device-screen{width:530px}}@media screen and (min-width:480px) and (max-width:767px){.mfui-9-instructions_mask_laptop .mfui-9-instructions__device-screen{width:450px}}@media screen and (max-width:479px){.mfui-9-instructions_mask_laptop .mfui-9-instructions__device-screen{width:270px}}@media screen and (min-width:1024px){.mfui-9-instructions_mask_laptop .mfui-9-instructions__device-screen{background:url(img/laptop.png) 50% no-repeat;background-size:contain}}.mfui-9-instructions_mask_laptop .mfui-9-instructions__swiper{left:50%;margin:auto;overflow:hidden;position:absolute;right:0;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:78%}@media screen and (min-width:480px) and (max-width:767px){.mfui-9-instructions_mask_laptop .mfui-9-instructions__swiper{height:190px;max-width:345px}}@media screen and (max-width:479px){.mfui-9-instructions_mask_laptop .mfui-9-instructions__swiper{height:105px;max-width:210px}}@media screen and (min-width:1024px){.mfui-9-instructions_mask_laptop .mfui-9-instructions__swiper{-webkit-transform:translate(-50%,-53%);transform:translate(-50%,-53%)}}@media screen and (max-width:1023px){.mfui-9-instructions_mask_laptop-new .mfui-9-instructions__img-wrapper{background:url(img/laptop-new.png) 50% 0 no-repeat;background-size:100%;height:0;padding-bottom:58.9%}}.mfui-9-instructions_mask_laptop-new .mfui-9-instructions__img-wrapper:before{display:none}.mfui-9-instructions_mask_laptop-new .mfui-9-instructions__device-screen{background:url(img/laptop-new.png) 50% 0 no-repeat;background-size:100%;height:100%;margin:auto;position:relative;width:100%}@media screen and (min-width:768px) and (max-width:1023px){.mfui-9-instructions_mask_laptop-new .mfui-9-instructions__device-screen{width:530px}}@media screen and (min-width:480px) and (max-width:767px){.mfui-9-instructions_mask_laptop-new .mfui-9-instructions__device-screen{width:450px}}@media screen and (max-width:479px){.mfui-9-instructions_mask_laptop-new .mfui-9-instructions__device-screen{width:270px}}@media screen and (min-width:1024px){.mfui-9-instructions_mask_laptop-new .mfui-9-instructions__device-screen{background:url(img/laptop-new.png) 50% no-repeat;background-size:contain}}.mfui-9-instructions_mask_laptop-new .mfui-9-instructions__swiper{left:50%;margin:auto;overflow:hidden;position:absolute;right:0;top:4px;-webkit-transform:translate(-49.5%);transform:translate(-49.5%);width:78%}@media screen and (min-width:480px) and (max-width:767px){.mfui-9-instructions_mask_laptop-new .mfui-9-instructions__swiper{max-width:415px;top:7px}}@media screen and (max-width:479px){.mfui-9-instructions_mask_laptop-new .mfui-9-instructions__swiper{max-width:302px}}@media screen and (min-width:768px) and (max-width:1023px){.mfui-9-instructions_mask_laptop-new .mfui-9-instructions__swiper{top:12px}}@media screen and (min-width:1024px){.mfui-9-instructions_mask_laptop-new .mfui-9-instructions__swiper{top:50%;-webkit-transform:translate(-49.5%,-55%);transform:translate(-49.5%,-55%)}}.mfui-9-instructions__slide{-ms-flex-negative:0;flex-shrink:0;height:100%}@media screen and (max-width:767px){.mfui-9-instructions__articles{margin-top:24px}}@media screen and (min-width:768px) and (max-width:1023px){.mfui-9-instructions__articles{margin-top:32px}}@media screen and (min-width:1024px){.mfui-9-instructions__articles{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;width:50%}.mfui-9-instructions__articles_align_right{margin-right:40px}}.mfui-9-instructions__articles-list{list-style-type:none;margin:0;padding:0}@media screen and (min-width:1024px){.mfui-9-instructions__articles-list_mobile{display:none}}@media screen and (max-width:1023px){.mfui-9-instructions__articles-list_desktop{display:none}}.mfui-9-instructions__articles-item{min-height:40px;opacity:.5;position:relative}@media screen and (min-width:1024px){.mfui-9-instructions__articles-item{margin-bottom:24px}}.mfui-9-instructions__articles-item:hover,.mfui-9-instructions__articles-item_active{opacity:1}.mfui-9-instructions__articles-item:hover .mfui-9-instructions__articles-item-dot,.mfui-9-instructions__articles-item_active .mfui-9-instructions__articles-item-dot{color:var(--stcWhite)}.mfui-9-instructions__articles-item:hover .mfui-9-instructions__articles-item-dot:before,.mfui-9-instructions__articles-item_active .mfui-9-instructions__articles-item-dot:before{background:var(--brandGreen);bottom:0;left:0;right:0;top:0}@media screen and (min-width:1024px){.mfui-9-instructions__articles-item:last-child{margin-bottom:0}}.mfui-9-instructions__articles-item-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:none;border-radius:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;cursor:pointer;font-family:inherit;font-size:inherit;line-height:inherit;margin:0;outline:none;padding:0;text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,0);border-radius:12px;display:-webkit-box;display:-ms-flexbox;display:flex;min-height:40px;position:relative;text-align:start;width:100%}.mfui-9-instructions__articles-item-button:focus-visible{-webkit-animation:focus-outline-shrink .6s ease-out forwards;animation:focus-outline-shrink .6s ease-out forwards;outline-offset:2px;-webkit-transition:none;transition:none}@-webkit-keyframes focus-outline-shrink{0%{outline:6px solid var(--137C)}to{outline:4px solid var(--137C)}}@keyframes focus-outline-shrink{0%{outline:6px solid var(--137C)}to{outline:4px solid var(--137C)}}.mfui-9-instructions__articles-item-button:focus{outline:none}.mfui-9-instructions__articles-item-button:disabled{color:inherit;cursor:auto}.mfui-9-instructions__articles-item-dot{border-radius:12px;-webkit-box-shadow:inset 0 0 0 1px var(--spbSky3);box-shadow:inset 0 0 0 1px var(--spbSky3);cursor:pointer;display:inline-block;font-size:15px;font-weight:500;height:40px;line-height:40px;position:absolute;text-align:center;width:40px}@media screen and (max-width:479px){.mfui-9-instructions__articles-item-dot{min-width:40px}}.mfui-9-instructions__articles-item-dot:before{border-radius:12px;bottom:50%;content:"";left:50%;position:absolute;right:50%;top:50%;-webkit-transition:all .3s ease;transition:all .3s ease}.mfui-9-instructions__articles-item-dot-number{position:relative}.mfui-9-instructions__articles-item-title{cursor:pointer;display:inline-block;font-size:15px;font-weight:400;line-height:24px}@media screen and (min-width:1024px){.mfui-9-instructions__articles-item-title{padding:8px 0 0 56px}}.mfui-9-instructions__articles-dots{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;list-style-type:none;margin:0;padding:0}@media screen and (max-width:767px){.mfui-9-instructions__articles-dots{margin-top:16px}}@media screen and (min-width:768px) and (max-width:1023px){.mfui-9-instructions__articles-dots{margin-top:24px}}@media screen and (min-width:1024px){.mfui-9-instructions__articles-dots{display:none}}.mfui-9-instructions__articles-dots_text-after{margin-bottom:48px}.mfui-9-instructions__articles-dot{background:var(--spbSky2);border-radius:4px;cursor:pointer;display:inline-block;height:8px;margin-right:12px;position:relative;width:8px}.mfui-9-instructions__articles-dot:hover,.mfui-9-instructions__articles-dot_active{background:var(--brandGreen)}.mfui-9-instructions__articles-dot_active{width:20px}.mfui-9-instructions__articles-dot:last-child{margin-right:0}.mfui-9-instructions__articles-title-block{margin:0 auto;text-align:center}@media screen and (max-width:767px){.mfui-9-instructions__articles-title-block{width:55%}}@media screen and (max-width:479px){.mfui-9-instructions__articles-title-block{width:100%}}@media screen and (min-width:768px) and (max-width:1023px){.mfui-9-instructions__articles-title-block{max-width:530px;width:100%}}.mfui-9-instructions__articles-title-block_with-numeration{text-align:left}.mfui-9-instructions__articles-title{font-weight:400;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.mfui-9-instructions__articles-num,.mfui-9-instructions__articles-title{display:-webkit-box;display:-ms-flexbox;display:flex;font-size:15px;line-height:24px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.mfui-9-instructions__articles-num{font-weight:500;-ms-flex-negative:0;flex-shrink:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--brandGreen);border-radius:50%;color:var(--stcWhite);height:40px;margin-right:16px;width:40px}@media screen and (min-width:1024px){.mfui-9-instructions__articles-num{display:none}}.mfui-9-instructions__picture_background_spbSky0{background-color:var(--spbSky0);border-radius:12px}.mfui-9-instructions__picture_background_spbSky0 .mfui-9-instructions__img-wrapper:before{display:none}.mfui-9-instructions__arrow{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:2}@media screen and (max-width:767px){.mfui-9-instructions__arrow{display:none}}.mfui-9-instructions__arrow_prev{left:24px}.mfui-9-instructions__arrow_next{right:24px}.mfui-9-instructions__qr-code{-webkit-box-sizing:border-box;box-sizing:border-box;display:none;padding:12px;position:absolute;right:64px;top:12px;width:126px;z-index:3}@media screen and (min-width:768px){.mfui-9-instructions__qr-code{display:block}}@media screen and (min-width:1024px) and (max-width:1279px){.mfui-9-instructions__qr-code{right:44px}}.mfui-9-instructions__qr-code-image{display:block;height:auto;width:100%}.mfui-9-instructions__qr-code-text{font-size:12px;font-weight:500;line-height:12px;margin-bottom:12px;text-align:center}.mfui-9-instructions_reversed .mfui-9-instructions__title_resolution_mobile{margin-bottom:16px}@media screen and (max-width:1023px){.mfui-9-instructions_reversed .mfui-9-instructions__picture{margin-bottom:0;max-height:100%}.mfui-9-instructions_reversed .mfui-9-instructions__articles{display:none}}@media screen and (max-width:767px){.mfui-9-instructions_reversed .mfui-9-instructions__articles-title-block{margin-bottom:32px}}@media screen and (min-width:768px) and (max-width:1023px){.mfui-9-instructions_reversed .mfui-9-instructions__articles-title-block{margin-bottom:40px}}
|
|
1
|
+
h1,h2,h3,h4,h5{margin:0}.mfui-9-instructions__title_resolution_mobile{margin-bottom:32px;text-align:center}@media screen and (min-width:768px) and (max-width:1023px){.mfui-9-instructions__title_resolution_mobile{margin-bottom:40px}}@media screen and (min-width:1024px){.mfui-9-instructions__title_resolution_mobile{display:none}}.mfui-9-instructions__title_resolution_desktop{margin-bottom:40px}@media screen and (max-width:1023px){.mfui-9-instructions__title_resolution_desktop{display:none}}.mfui-9-instructions .swiper-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex}@media screen and (min-width:1024px){.mfui-9-instructions__wrapper{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;justify-content:center}.mfui-9-instructions__wrapper_vertical-align_top{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.mfui-9-instructions__wrapper_vertical-align_unset{-webkit-box-align:unset;-ms-flex-align:unset;align-items:unset}}.mfui-9-instructions .mfui-9-instructions__text{margin-top:32px}@media screen and (max-width:1023px){.mfui-9-instructions .mfui-9-instructions__text{margin-top:40px;text-align:center}}.mfui-9-instructions .mfui-9-instructions__button{display:block;margin-top:32px;max-width:-webkit-max-content;max-width:-moz-max-content;max-width:max-content}@media screen and (max-width:1023px){.mfui-9-instructions .mfui-9-instructions__button{margin-left:auto;margin-right:auto}}@media screen and (min-width:768px){.mfui-9-instructions .mfui-9-instructions__button{margin-top:40px}}.mfui-9-instructions__picture{max-height:490px;max-width:530px;overflow:hidden;position:relative}@media screen and (max-width:1023px){.mfui-9-instructions__picture{margin:0 auto}}@media screen and (min-width:1024px){.mfui-9-instructions__picture{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;width:50%}.mfui-9-instructions__picture_align_left{-webkit-box-ordinal-group:1;-ms-flex-order:0;margin-right:40px;order:0}}.mfui-9-instructions_mask_none .mfui-9-instructions__slide{display:-webkit-box;display:-ms-flexbox;display:flex}.mfui-9-instructions__swiper-img{height:100%;width:100%}.mfui-9-instructions__swiper-img_video{-webkit-filter:brightness(108.5%);filter:brightness(108.5%)}.mfui-9-instructions__img-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;height:490px;position:relative}@media screen and (max-width:1023px){.mfui-9-instructions__img-wrapper:before{background:var(--spbSky2);bottom:0;content:"";display:block;height:1px;left:0;margin:0 auto;position:absolute;right:0;width:324px;z-index:2}}.mfui-9-instructions__device-screen{overflow:hidden;pointer-events:none}@media screen and (max-width:1023px){.mfui-9-instructions_mask_android .mfui-9-instructions__img-wrapper,.mfui-9-instructions_mask_black-iphone .mfui-9-instructions__img-wrapper,.mfui-9-instructions_mask_white-iphone .mfui-9-instructions__img-wrapper{height:421px}}.mfui-9-instructions_mask_android .mfui-9-instructions__device-screen,.mfui-9-instructions_mask_black-iphone .mfui-9-instructions__device-screen,.mfui-9-instructions_mask_white-iphone .mfui-9-instructions__device-screen{height:490px;margin:auto;width:100%}.mfui-9-instructions_mask_android .mfui-9-instructions__swiper,.mfui-9-instructions_mask_black-iphone .mfui-9-instructions__swiper,.mfui-9-instructions_mask_white-iphone .mfui-9-instructions__swiper{height:363px;left:0;margin:auto;overflow:hidden;position:absolute;right:0;top:59px;width:204px}.mfui-9-instructions_mask_black-iphone .mfui-9-instructions__device-screen{background:url(img/blackIphone.png) 50% no-repeat;background-size:contain}.mfui-9-instructions_mask_white-iphone .mfui-9-instructions__device-screen{background:url(img/whiteIphone.png) 50% no-repeat;background-size:contain}@media screen and (max-width:1023px){.mfui-9-instructions_mask_android .mfui-9-instructions__img-wrapper{height:424px}}.mfui-9-instructions_mask_android .mfui-9-instructions__device-screen{background:url(img/android.png) 50% no-repeat;background-size:contain}.mfui-9-instructions_mask_android .mfui-9-instructions__swiper{height:370px;width:206px}@media screen and (max-width:1023px){.mfui-9-instructions_mask_new-iphone .mfui-9-instructions__img-wrapper{height:460px}}.mfui-9-instructions_mask_new-iphone .mfui-9-instructions__device-screen{background:url(img/newIphone.png) 50% no-repeat;background-size:contain;height:490px;margin:auto;position:relative;width:100%;z-index:2}.mfui-9-instructions_mask_new-iphone .mfui-9-instructions__swiper{border-radius:20px;height:462px;left:0;margin:auto;overflow:hidden;position:absolute;right:0;top:14px;width:214px;z-index:1}@media screen and (max-width:1023px){.mfui-9-instructions_mask_iphone-12 .mfui-9-instructions__img-wrapper:before{display:none}}.mfui-9-instructions_mask_iphone-12 .mfui-9-instructions__device-screen{background:url(img/iphone12.png) 50% no-repeat;background-size:contain;height:490px;margin:auto;position:relative;width:100%;z-index:2}.mfui-9-instructions_mask_iphone-12 .mfui-9-instructions__swiper{border-radius:20px;height:462px;left:0;margin:auto;overflow:hidden;position:absolute;right:0;top:14px;width:214px;z-index:1}.mfui-9-instructions_mask_iphone-15 .mfui-9-instructions__img-wrapper{height:487px}@media screen and (max-width:1023px){.mfui-9-instructions_mask_iphone-15 .mfui-9-instructions__img-wrapper:before{display:none}}.mfui-9-instructions_mask_iphone-15 .mfui-9-instructions__device-screen{background:url(img/iphone15.png) 50% no-repeat;background-size:contain;height:486px;margin:auto;position:relative;width:100%;z-index:2}.mfui-9-instructions_mask_iphone-15 .mfui-9-instructions__swiper{border-radius:20px;height:468px;left:0;margin:auto;overflow:hidden;position:absolute;right:0;top:10px;width:217px;z-index:1}.mfui-9-instructions_mask_android-cropped .mfui-9-instructions__img-wrapper{height:420px;min-height:420px}@media screen and (min-width:1024px){.mfui-9-instructions_mask_android-cropped .mfui-9-instructions__img-wrapper{height:440px;min-height:440px}}.mfui-9-instructions_mask_android-cropped .mfui-9-instructions__img-wrapper:before{background:var(--spbSky2);bottom:0;content:"";display:block;height:1px;left:0;margin:0 auto;position:absolute;right:0;width:324px;z-index:2}.mfui-9-instructions_mask_android-cropped .mfui-9-instructions__device-screen{background:url(img/android-new.png) 50% no-repeat;background-size:contain;height:510px;margin-top:24px;position:relative;width:100%;z-index:1}@media screen and (min-width:1024px){.mfui-9-instructions_mask_android-cropped .mfui-9-instructions__device-screen{height:574px}}.mfui-9-instructions_mask_android-cropped .mfui-9-instructions__swiper{left:0;margin:auto;overflow:hidden;position:absolute;right:0;top:54px;width:222px}@media screen and (min-width:1024px){.mfui-9-instructions_mask_android-cropped .mfui-9-instructions__swiper{top:58px;width:250px}}.mfui-9-instructions_mask_iphone-cropped .mfui-9-instructions__img-wrapper{height:420px;min-height:420px}.mfui-9-instructions_mask_iphone-cropped .mfui-9-instructions__img-wrapper:before{background:var(--spbSky2);bottom:0;content:"";display:block;height:1px;left:0;margin:0 auto;position:absolute;right:0;width:324px;z-index:2}.mfui-9-instructions_mask_iphone-cropped .mfui-9-instructions__device-screen{background:url(img/iphone-new.png) 50% no-repeat;background-size:contain;height:469px;margin-top:24px;position:relative;width:100%;z-index:1}.mfui-9-instructions_mask_iphone-cropped .mfui-9-instructions__swiper{left:0;margin:auto;overflow:hidden;position:absolute;right:0;top:38px;width:205px}@media screen and (min-width:768px) and (max-width:1023px){.mfui-9-instructions_mask_laptop .mfui-9-instructions__img-wrapper{background:url(img/laptop.png) 50% 0 no-repeat;background-size:100%;height:0;padding-bottom:53.4%}}@media screen and (min-width:480px) and (max-width:767px){.mfui-9-instructions_mask_laptop .mfui-9-instructions__img-wrapper{height:208px}}@media screen and (max-width:479px){.mfui-9-instructions_mask_laptop .mfui-9-instructions__img-wrapper{height:115px}.mfui-9-instructions_mask_laptop .mfui-9-instructions__img-wrapper:before{width:310px}}@media screen and (min-width:480px) and (max-width:767px){.mfui-9-instructions_mask_laptop .mfui-9-instructions__img-wrapper:before{width:460px}}@media screen and (min-width:768px) and (max-width:1023px){.mfui-9-instructions_mask_laptop .mfui-9-instructions__img-wrapper:before{width:590px}}.mfui-9-instructions_mask_laptop .mfui-9-instructions__device-screen{background:url(img/laptop.png) 50% 0 no-repeat;background-size:100%;height:100%;margin:auto;position:relative;width:100%}@media screen and (min-width:768px) and (max-width:1023px){.mfui-9-instructions_mask_laptop .mfui-9-instructions__device-screen{width:530px}}@media screen and (min-width:480px) and (max-width:767px){.mfui-9-instructions_mask_laptop .mfui-9-instructions__device-screen{width:450px}}@media screen and (max-width:479px){.mfui-9-instructions_mask_laptop .mfui-9-instructions__device-screen{width:270px}}@media screen and (min-width:1024px){.mfui-9-instructions_mask_laptop .mfui-9-instructions__device-screen{background:url(img/laptop.png) 50% no-repeat;background-size:contain}}.mfui-9-instructions_mask_laptop .mfui-9-instructions__swiper{left:50%;margin:auto;overflow:hidden;position:absolute;right:0;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:78%}@media screen and (min-width:480px) and (max-width:767px){.mfui-9-instructions_mask_laptop .mfui-9-instructions__swiper{height:190px;max-width:345px}}@media screen and (max-width:479px){.mfui-9-instructions_mask_laptop .mfui-9-instructions__swiper{height:105px;max-width:210px}}@media screen and (min-width:1024px){.mfui-9-instructions_mask_laptop .mfui-9-instructions__swiper{-webkit-transform:translate(-50%,-53%);transform:translate(-50%,-53%)}}@media screen and (max-width:1023px){.mfui-9-instructions_mask_laptop-new .mfui-9-instructions__img-wrapper{background:url(img/laptop-new.png) 50% 0 no-repeat;background-size:100%;height:0;padding-bottom:58.9%}}.mfui-9-instructions_mask_laptop-new .mfui-9-instructions__img-wrapper:before{display:none}.mfui-9-instructions_mask_laptop-new .mfui-9-instructions__device-screen{background:url(img/laptop-new.png) 50% 0 no-repeat;background-size:100%;height:100%;margin:auto;position:relative;width:100%}@media screen and (min-width:768px) and (max-width:1023px){.mfui-9-instructions_mask_laptop-new .mfui-9-instructions__device-screen{width:530px}}@media screen and (min-width:480px) and (max-width:767px){.mfui-9-instructions_mask_laptop-new .mfui-9-instructions__device-screen{width:450px}}@media screen and (max-width:479px){.mfui-9-instructions_mask_laptop-new .mfui-9-instructions__device-screen{width:270px}}@media screen and (min-width:1024px){.mfui-9-instructions_mask_laptop-new .mfui-9-instructions__device-screen{background:url(img/laptop-new.png) 50% no-repeat;background-size:contain}}.mfui-9-instructions_mask_laptop-new .mfui-9-instructions__swiper{left:50%;margin:auto;overflow:hidden;position:absolute;right:0;top:4px;-webkit-transform:translate(-49.5%);transform:translate(-49.5%);width:78%}@media screen and (min-width:480px) and (max-width:767px){.mfui-9-instructions_mask_laptop-new .mfui-9-instructions__swiper{max-width:415px;top:7px}}@media screen and (max-width:479px){.mfui-9-instructions_mask_laptop-new .mfui-9-instructions__swiper{max-width:302px}}@media screen and (min-width:768px) and (max-width:1023px){.mfui-9-instructions_mask_laptop-new .mfui-9-instructions__swiper{top:12px}}@media screen and (min-width:1024px){.mfui-9-instructions_mask_laptop-new .mfui-9-instructions__swiper{top:50%;-webkit-transform:translate(-49.5%,-55%);transform:translate(-49.5%,-55%)}}.mfui-9-instructions__slide{-ms-flex-negative:0;flex-shrink:0;height:100%}@media screen and (max-width:767px){.mfui-9-instructions__articles{margin-top:24px}}@media screen and (min-width:768px) and (max-width:1023px){.mfui-9-instructions__articles{margin-top:32px}}@media screen and (min-width:1024px){.mfui-9-instructions__articles{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;width:50%}.mfui-9-instructions__articles_align_right{margin-right:40px}}.mfui-9-instructions__articles-list{list-style-type:none;margin:0;padding:0}@media screen and (min-width:1024px){.mfui-9-instructions__articles-list_mobile{display:none}}@media screen and (max-width:1023px){.mfui-9-instructions__articles-list_desktop{display:none}}.mfui-9-instructions__articles-item{min-height:40px;opacity:.5;position:relative}@media screen and (min-width:1024px){.mfui-9-instructions__articles-item{margin-bottom:24px}}.mfui-9-instructions__articles-item:hover,.mfui-9-instructions__articles-item_active{opacity:1}.mfui-9-instructions__articles-item:hover .mfui-9-instructions__articles-item-dot,.mfui-9-instructions__articles-item_active .mfui-9-instructions__articles-item-dot{color:var(--stcWhite)}.mfui-9-instructions__articles-item:hover .mfui-9-instructions__articles-item-dot:before,.mfui-9-instructions__articles-item_active .mfui-9-instructions__articles-item-dot:before{background:var(--brandGreen);bottom:0;left:0;right:0;top:0}@media screen and (min-width:1024px){.mfui-9-instructions__articles-item:last-child{margin-bottom:0}}.mfui-9-instructions__articles-item-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:none;border-radius:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;cursor:pointer;font-family:inherit;font-size:inherit;line-height:inherit;margin:0;outline:none;padding:0;text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,0);border-radius:12px;display:-webkit-box;display:-ms-flexbox;display:flex;min-height:40px;position:relative;text-align:start;width:100%}.mfui-9-instructions__articles-item-button:focus-visible{-webkit-animation:focus-outline-shrink .3s linear forwards;animation:focus-outline-shrink .3s linear forwards;outline-offset:2px}@-webkit-keyframes focus-outline-shrink{0%{outline:0 solid var(--137C)}to{outline:4px solid var(--137C)}}@keyframes focus-outline-shrink{0%{outline:0 solid var(--137C)}to{outline:4px solid var(--137C)}}.mfui-9-instructions__articles-item-button:focus{outline:none}.mfui-9-instructions__articles-item-button:disabled{color:inherit;cursor:auto}.mfui-9-instructions__articles-item-dot{border-radius:12px;-webkit-box-shadow:inset 0 0 0 1px var(--spbSky3);box-shadow:inset 0 0 0 1px var(--spbSky3);cursor:pointer;display:inline-block;font-size:15px;font-weight:500;height:40px;line-height:40px;position:absolute;text-align:center;width:40px}@media screen and (max-width:479px){.mfui-9-instructions__articles-item-dot{min-width:40px}}.mfui-9-instructions__articles-item-dot:before{border-radius:12px;bottom:50%;content:"";left:50%;position:absolute;right:50%;top:50%;-webkit-transition:all .3s ease;transition:all .3s ease}.mfui-9-instructions__articles-item-dot-number{position:relative}.mfui-9-instructions__articles-item-title{cursor:pointer;display:inline-block;font-size:15px;font-weight:400;line-height:24px}@media screen and (min-width:1024px){.mfui-9-instructions__articles-item-title{padding:8px 0 0 56px}}.mfui-9-instructions__articles-dots{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;list-style-type:none;margin:0;padding:0}@media screen and (max-width:767px){.mfui-9-instructions__articles-dots{margin-top:16px}}@media screen and (min-width:768px) and (max-width:1023px){.mfui-9-instructions__articles-dots{margin-top:24px}}@media screen and (min-width:1024px){.mfui-9-instructions__articles-dots{display:none}}.mfui-9-instructions__articles-dots_text-after{margin-bottom:48px}.mfui-9-instructions__articles-dot{background:var(--spbSky2);border-radius:4px;cursor:pointer;display:inline-block;height:8px;margin-right:12px;position:relative;width:8px}.mfui-9-instructions__articles-dot:hover,.mfui-9-instructions__articles-dot_active{background:var(--brandGreen)}.mfui-9-instructions__articles-dot_active{width:20px}.mfui-9-instructions__articles-dot:last-child{margin-right:0}.mfui-9-instructions__articles-title-block{margin:0 auto;text-align:center}@media screen and (max-width:767px){.mfui-9-instructions__articles-title-block{width:55%}}@media screen and (max-width:479px){.mfui-9-instructions__articles-title-block{width:100%}}@media screen and (min-width:768px) and (max-width:1023px){.mfui-9-instructions__articles-title-block{max-width:530px;width:100%}}.mfui-9-instructions__articles-title-block_with-numeration{text-align:left}.mfui-9-instructions__articles-title{font-weight:400;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.mfui-9-instructions__articles-num,.mfui-9-instructions__articles-title{display:-webkit-box;display:-ms-flexbox;display:flex;font-size:15px;line-height:24px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.mfui-9-instructions__articles-num{font-weight:500;-ms-flex-negative:0;flex-shrink:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--brandGreen);border-radius:50%;color:var(--stcWhite);height:40px;margin-right:16px;width:40px}@media screen and (min-width:1024px){.mfui-9-instructions__articles-num{display:none}}.mfui-9-instructions__picture_background_spbSky0{background-color:var(--spbSky0);border-radius:12px}.mfui-9-instructions__picture_background_spbSky0 .mfui-9-instructions__img-wrapper:before{display:none}.mfui-9-instructions__arrow{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:2}@media screen and (max-width:767px){.mfui-9-instructions__arrow{display:none}}.mfui-9-instructions__arrow_prev{left:24px}.mfui-9-instructions__arrow_next{right:24px}.mfui-9-instructions__qr-code{-webkit-box-sizing:border-box;box-sizing:border-box;display:none;padding:12px;position:absolute;right:64px;top:12px;width:126px;z-index:3}@media screen and (min-width:768px){.mfui-9-instructions__qr-code{display:block}}@media screen and (min-width:1024px) and (max-width:1279px){.mfui-9-instructions__qr-code{right:44px}}.mfui-9-instructions__qr-code-image{display:block;height:auto;width:100%}.mfui-9-instructions__qr-code-text{font-size:12px;font-weight:500;line-height:12px;margin-bottom:12px;text-align:center}.mfui-9-instructions_reversed .mfui-9-instructions__title_resolution_mobile{margin-bottom:16px}@media screen and (max-width:1023px){.mfui-9-instructions_reversed .mfui-9-instructions__picture{margin-bottom:0;max-height:100%}.mfui-9-instructions_reversed .mfui-9-instructions__articles{display:none}}@media screen and (max-width:767px){.mfui-9-instructions_reversed .mfui-9-instructions__articles-title-block{margin-bottom:32px}}@media screen and (min-width:768px) and (max-width:1023px){.mfui-9-instructions_reversed .mfui-9-instructions__articles-title-block{margin-bottom:40px}}
|
|
@@ -249,7 +249,6 @@ var Instructions = function Instructions(_ref) {
|
|
|
249
249
|
}), /*#__PURE__*/React.createElement("button", {
|
|
250
250
|
className: cn('articles-item-button'),
|
|
251
251
|
type: "button",
|
|
252
|
-
tabIndex: 0,
|
|
253
252
|
onClick: handleArticleClick(i)
|
|
254
253
|
}, /*#__PURE__*/React.createElement("div", {
|
|
255
254
|
className: cn('articles-item-dot')
|
|
@@ -1 +1 @@
|
|
|
1
|
-
h1,h2,h3,h4,h5{margin:0}.mfui-9-partners-item{background-color:var(--base);border-radius:24px;display:block}.mfui-9-partners-item:focus-visible{-webkit-animation:focus-outline-shrink .
|
|
1
|
+
h1,h2,h3,h4,h5{margin:0}.mfui-9-partners-item{background-color:var(--base);border-radius:24px;display:block}.mfui-9-partners-item:focus-visible{-webkit-animation:focus-outline-shrink .3s linear forwards;animation:focus-outline-shrink .3s linear forwards;outline-offset:2px}@-webkit-keyframes focus-outline-shrink{0%{outline:0 solid var(--137C)}to{outline:4px solid var(--137C)}}@keyframes focus-outline-shrink{0%{outline:0 solid var(--137C)}to{outline:4px solid var(--137C)}}.mfui-9-partners-item:focus{outline:none}.mfui-9-partners-item:not(:last-child){margin-bottom:20px}@media screen and (max-width:767px){.mfui-9-partners-item:not(:last-child){margin-bottom:16px}}.mfui-9-partners-item_background_shadow{-webkit-box-shadow:0 2px 12px rgba(0,0,0,.1);box-shadow:0 2px 12px rgba(0,0,0,.1)}.mfui-9-partners-item_background_shadow.mfui-9-partners-item_interactive:hover,.mfui-9-partners-item_background_white.mfui-9-partners-item_interactive:hover{background-color:var(--stcWhite10);-webkit-box-shadow:0 8px 28px rgba(0,0,0,.1);box-shadow:0 8px 28px rgba(0,0,0,.1)}.mfui-9-partners-item_background_outline{background-color:transparent;border:1px solid var(--spbSky2)}.mfui-9-partners-item_background_outline.mfui-9-partners-item_interactive:hover{background-color:var(--spbSky0)}.mfui-9-partners-item__background_white{background-color:var(--base)}.mfui-9-partners-item_background_gray{background-color:var(--spbSky0)}.mfui-9-partners-item_background_gray.mfui-9-partners-item_interactive:hover{background-color:var(--spbSky1)}.mfui-9-partners-item__inner{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;-webkit-box-sizing:border-box;box-sizing:border-box;height:132px;justify-content:center;padding:16px 0}@media screen and (min-width:1024px) and (max-width:1279px){.mfui-9-partners-item__inner{height:104px;padding:18px 0}}@media screen and (min-width:768px) and (max-width:1023px){.mfui-9-partners-item__inner{height:77px;padding:8px 0}}@media screen and (max-width:767px){.mfui-9-partners-item__inner{height:68px;padding:4px 0}}.mfui-9-partners-item__img-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;overflow:hidden;width:220px}@media screen and (min-width:1024px) and (max-width:1279px){.mfui-9-partners-item__img-wrapper{width:152px}}@media screen and (min-width:768px) and (max-width:1023px){.mfui-9-partners-item__img-wrapper{width:136px}}@media screen and (max-width:767px){.mfui-9-partners-item__img-wrapper{width:120px}}.mfui-9-partners-item__img{height:100%;width:100%}
|
|
@@ -20,9 +20,7 @@ var PartnersItem = function PartnersItem(_ref) {
|
|
|
20
20
|
background: background,
|
|
21
21
|
interactive: !!href
|
|
22
22
|
}, [className])
|
|
23
|
-
}, dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root, {
|
|
24
|
-
tabIndex: isLink ? 0 : -1
|
|
25
|
-
}), /*#__PURE__*/React.createElement("div", {
|
|
23
|
+
}, dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), /*#__PURE__*/React.createElement("div", {
|
|
26
24
|
className: cn('inner')
|
|
27
25
|
}, /*#__PURE__*/React.createElement("div", {
|
|
28
26
|
className: cn('img-wrapper')
|
|
@@ -68,6 +68,7 @@ var PromoBannerSlide = function PromoBannerSlide(_ref) {
|
|
|
68
68
|
theme: buttonColor,
|
|
69
69
|
href: button.href,
|
|
70
70
|
target: button.target,
|
|
71
|
+
icon: button.icon,
|
|
71
72
|
rel: button.rel,
|
|
72
73
|
classes: {
|
|
73
74
|
root: classes === null || classes === void 0 ? void 0 : classes.button
|
|
@@ -80,6 +81,7 @@ var PromoBannerSlide = function PromoBannerSlide(_ref) {
|
|
|
80
81
|
theme: buttonColor,
|
|
81
82
|
href: extraButton.href,
|
|
82
83
|
target: extraButton.target,
|
|
84
|
+
icon: extraButton.icon,
|
|
83
85
|
rel: extraButton.rel,
|
|
84
86
|
type: "outline",
|
|
85
87
|
classes: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
h1,h2,h3,h4,h5{margin:0}.mfui-9-promo-card{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-webkit-box-orient:vertical;-webkit-box-direction:normal;background-color:var(--base);border-radius:24px;color:var(--content);cursor:pointer;-ms-flex-direction:column;flex-direction:column;min-height:100%;text-decoration:none;-webkit-transition:background-color,.3s,.3s,-webkit-box-shadow;transition:background-color,.3s,.3s,-webkit-box-shadow;transition:background-color,.3s,box-shadow,.3s;transition:background-color,.3s,box-shadow,.3s,-webkit-box-shadow}.mfui-9-promo-card:focus-visible{-webkit-animation:focus-outline-shrink .
|
|
1
|
+
h1,h2,h3,h4,h5{margin:0}.mfui-9-promo-card{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-webkit-box-orient:vertical;-webkit-box-direction:normal;background-color:var(--base);border-radius:24px;color:var(--content);cursor:pointer;-ms-flex-direction:column;flex-direction:column;min-height:100%;text-decoration:none;-webkit-transition:background-color,.3s,.3s,-webkit-box-shadow;transition:background-color,.3s,.3s,-webkit-box-shadow;transition:background-color,.3s,box-shadow,.3s;transition:background-color,.3s,box-shadow,.3s,-webkit-box-shadow}.mfui-9-promo-card:focus-visible{-webkit-animation:focus-outline-shrink .3s linear forwards;animation:focus-outline-shrink .3s linear forwards;outline-offset:2px}@-webkit-keyframes focus-outline-shrink{0%{outline:0 solid var(--137C)}to{outline:4px solid var(--137C)}}@keyframes focus-outline-shrink{0%{outline:0 solid var(--137C)}to{outline:4px solid var(--137C)}}.mfui-9-promo-card:focus{outline:none}.mfui-9-promo-card_background_shadow{-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.mfui-9-promo-card_background_shadow:hover,.mfui-9-promo-card_background_white:hover{-webkit-box-shadow:0 8px 28px 0 rgba(0,0,0,.1);box-shadow:0 8px 28px 0 rgba(0,0,0,.1);text-decoration:none}.mfui-9-promo-card_background_gray{background-color:var(--spbSky0)}.mfui-9-promo-card_background_gray:hover{background-color:var(--spbSky1);text-decoration:none}.mfui-9-promo-card__ad-title{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--stcBlack20);border:none;border-radius:8px;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--stcWhite);cursor:pointer;font-family:inherit;font-size:12px;line-height:18px;margin:0;outline:none;padding:1px 8px 3px;position:absolute;right:16px;text-decoration:none;top:16px;-webkit-tap-highlight-color:rgba(0,0,0,0)}.mfui-9-promo-card__ad-tooltip{max-width:232px}.mfui-9-promo-card__ad-tooltip-content{font-size:12px;line-height:18px}.mfui-9-promo-card__image{border-radius:inherit;vertical-align:top;width:100%}.mfui-9-promo-card__content{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;padding:32px 24px}@media screen and (min-width:1280px){.mfui-9-promo-card__content{padding:32px}}.mfui-9-promo-card__badge{left:24px;position:absolute;top:0;translate:0 -50%}@media screen and (min-width:1280px){.mfui-9-promo-card__badge{left:32px}}.mfui-9-promo-card__logo{background-color:var(--base);border:4px solid var(--base);border-radius:50%;position:absolute;right:44px;top:0;-webkit-transition:border-color,.3s;transition:border-color,.3s;translate:0 -50%}@media screen and (min-width:1280px){.mfui-9-promo-card__logo{right:52px}}.mfui-9-promo-card__logo:after,.mfui-9-promo-card__logo:before{content:"";height:10px;position:absolute;top:50%;translate:0 -100%;width:10px}.mfui-9-promo-card__logo:before{background-image:radial-gradient(circle at 0 0,transparent 9px,var(--base) 10px);left:-12px}.mfui-9-promo-card__logo:after{background-image:radial-gradient(circle at 100% 0,transparent 9px,var(--base) 10px);right:-12px}.mfui-9-promo-card_background_gray .mfui-9-promo-card__logo{background-color:var(--spbSky0);border-color:var(--spbSky0)}.mfui-9-promo-card_background_gray .mfui-9-promo-card__logo:before{background-image:radial-gradient(circle at 0 0,transparent 9px,var(--spbSky0) 10px)}.mfui-9-promo-card_background_gray .mfui-9-promo-card__logo:after{background-image:radial-gradient(circle at 100% 0,transparent 9px,var(--spbSky0) 10px)}.mfui-9-promo-card_background_gray:hover .mfui-9-promo-card__logo{background-color:var(--spbSky1);border-color:var(--spbSky1)}.mfui-9-promo-card_background_gray:hover .mfui-9-promo-card__logo:before{background-image:radial-gradient(circle at 0 0,transparent 9px,var(--spbSky1) 10px)}.mfui-9-promo-card_background_gray:hover .mfui-9-promo-card__logo:after{background-image:radial-gradient(circle at 100% 0,transparent 9px,var(--spbSky1) 10px)}.mfui-9-promo-card__logo-img{border:1px solid var(--spbSky1);border-radius:inherit;height:56px;vertical-align:top;width:56px}@media screen and (min-width:768px){.mfui-9-promo-card__logo-img{height:64px;width:64px}}@media screen and (min-width:1280px){.mfui-9-promo-card__logo-img{height:72px;width:72px}}.mfui-9-promo-card__subtitle{margin-top:8px}.mfui-9-promo-card__list{font-size:15px;font-weight:400;line-height:24px;list-style:none;margin:8px 0 0;padding:0}.mfui-9-promo-card__list-item{margin:0;padding:0 0 0 20px;position:relative}.mfui-9-promo-card__list-item:before{background-color:var(--spbSky2);border-radius:50%;content:"";height:6px;left:1px;position:absolute;top:9px;width:6px}.mfui-9-promo-card__list-item:not(:last-child){margin-bottom:12px}.mfui-9-promo-card__list-item b{font-weight:500}.mfui-9-promo-card__footer{margin-top:auto;padding-top:16px}
|
|
@@ -133,8 +133,7 @@ var PromoCard = function PromoCard(_ref2) {
|
|
|
133
133
|
href: linkHref,
|
|
134
134
|
target: linkTarget,
|
|
135
135
|
rel: setRelAttribute(linkRel, linkTarget),
|
|
136
|
-
onClick: onClick
|
|
137
|
-
tabIndex: 0
|
|
136
|
+
onClick: onClick
|
|
138
137
|
}), !!adMark && renderAdMark(), /*#__PURE__*/React.createElement("img", _extends({
|
|
139
138
|
className: cn('image')
|
|
140
139
|
}, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.image), {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
h1,h2,h3,h4,h5{margin:0}.mfui-9-service-card{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;background-color:var(--base);border-radius:24px;color:var(--content);height:100%;justify-content:space-between;overflow:hidden;padding:24px 24px 22px;-webkit-transition:background-color,-webkit-box-shadow;transition:background-color,-webkit-box-shadow;transition:background-color,box-shadow;transition:background-color,box-shadow,-webkit-box-shadow;-webkit-transition-duration:.3s;transition-duration:.3s;width:100%}.mfui-9-service-card:focus-visible{-webkit-animation:focus-outline-shrink .
|
|
1
|
+
h1,h2,h3,h4,h5{margin:0}.mfui-9-service-card{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;background-color:var(--base);border-radius:24px;color:var(--content);height:100%;justify-content:space-between;overflow:hidden;padding:24px 24px 22px;-webkit-transition:background-color,-webkit-box-shadow;transition:background-color,-webkit-box-shadow;transition:background-color,box-shadow;transition:background-color,box-shadow,-webkit-box-shadow;-webkit-transition-duration:.3s;transition-duration:.3s;width:100%}.mfui-9-service-card:focus-visible{-webkit-animation:focus-outline-shrink .3s linear forwards;animation:focus-outline-shrink .3s linear forwards;outline-offset:2px}@-webkit-keyframes focus-outline-shrink{0%{outline:0 solid var(--137C)}to{outline:4px solid var(--137C)}}@keyframes focus-outline-shrink{0%{outline:0 solid var(--137C)}to{outline:4px solid var(--137C)}}.mfui-9-service-card:focus{outline:none}@media screen and (min-width:768px){.mfui-9-service-card{padding-bottom:32px}}.mfui-9-service-card:hover{text-decoration:none}.mfui-9-service-card__title{font-size:22px;font-weight:600;letter-spacing:.5px;line-height:28px}@media screen and (min-width:768px) and (max-width:1023px){.mfui-9-service-card__title{font-size:26px;line-height:32px}}@media screen and (min-width:1024px){.mfui-9-service-card__title{font-size:28px;line-height:36px}}@media screen and (min-width:1280px){.mfui-9-service-card__title{font-size:32px;line-height:40px}}.mfui-9-service-card__subtitle{font-size:15px;font-weight:400;line-height:24px;margin-top:12px}.mfui-9-service-card__image-wrapper{overflow:hidden}.mfui-9-service-card__image{display:block;height:240px;width:240px}.mfui-9-service-card__circle,.mfui-9-service-card__price{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.mfui-9-service-card__circle{-webkit-box-pack:center;-ms-flex-pack:center;border:1px solid var(--brandGreen);border-radius:50%;height:48px;justify-content:center;width:48px}.mfui-9-service-card:hover .mfui-9-service-card__circle{-webkit-animation:scale-circle 1s ease-out forwards;animation:scale-circle 1s ease-out forwards;-webkit-transform-origin:center;transform-origin:center}.mfui-9-service-card__arrow{height:32px;min-width:32px;width:32px;fill:var(--brandGreen)}.mfui-9-service-card__value{font-size:15px;font-weight:500;line-height:24px;margin-left:8px}.mfui-9-service-card_size_big .mfui-9-service-card__image-wrapper{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;border-radius:24px;justify-content:center;margin:32px auto}@media screen and (min-width:768px){.mfui-9-service-card_size_big .mfui-9-service-card__image{height:auto;max-height:100%;max-width:100%;width:auto}}.mfui-9-service-card_size_small .mfui-9-service-card__title{font-size:18px;font-weight:500;letter-spacing:.5px;line-height:24px}@media screen and (min-width:1280px){.mfui-9-service-card_size_small .mfui-9-service-card__title{font-size:20px;line-height:28px}}.mfui-9-service-card_size_small .mfui-9-service-card__subtitle{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:3}.mfui-9-service-card_size_small .mfui-9-service-card__footer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media screen and (max-width:767px){.mfui-9-service-card_size_small .mfui-9-service-card__footer{margin-top:20px}}.mfui-9-service-card_size_small .mfui-9-service-card__image-wrapper{margin-bottom:-22px;margin-right:-24px}@media screen and (min-width:768px){.mfui-9-service-card_size_small .mfui-9-service-card__image-wrapper{margin-bottom:-32px}}.mfui-9-service-card_size_small .mfui-9-service-card__image{height:110px;width:110px}@media screen and (min-width:768px) and (max-width:1023px){.mfui-9-service-card_size_small .mfui-9-service-card__image{height:125px;width:125px}}@media screen and (min-width:1024px){.mfui-9-service-card_size_small .mfui-9-service-card__image{height:150px;width:150px}}@media screen and (max-width:767px){.mfui-9-service-card_size_small .mfui-9-service-card__circle{height:32px;width:32px}.mfui-9-service-card_size_small .mfui-9-service-card__arrow{height:20px;min-width:20px;width:20px}}.mfui-9-service-card:hover:not(.mfui-9-service-card_background_gray){-webkit-box-shadow:0 8px 28px rgba(0,0,0,.1);box-shadow:0 8px 28px rgba(0,0,0,.1)}.mfui-9-service-card_background_shadow{-webkit-box-shadow:0 2px 12px rgba(0,0,0,.1);box-shadow:0 2px 12px rgba(0,0,0,.1)}.mfui-9-service-card_background_gray{background-color:var(--spbSky0)}.mfui-9-service-card_background_gray:hover{background-color:var(--spbSky1)}@-webkit-keyframes scale-circle{0%{scale:1}50%{scale:.6875}to{scale:1}}@keyframes scale-circle{0%{scale:1}50%{scale:.6875}to{scale:1}}
|
|
@@ -8,7 +8,7 @@ var ArrowRight = function ArrowRight(props) {
|
|
|
8
8
|
return /*#__PURE__*/React.createElement("svg", _extends({
|
|
9
9
|
viewBox: "0 0 32 32"
|
|
10
10
|
}, props), /*#__PURE__*/React.createElement("path", {
|
|
11
|
-
d: "
|
|
11
|
+
d: "M16.326 9.118a1.25 1.25 0 011.768-.004l5.618 5.592a1.825 1.825 0 010 2.588l-5.618 5.592a1.25 1.25 0 01-1.764-1.772l3.871-3.853H9a1.25 1.25 0 010-2.5h11.223l-3.893-3.875a1.25 1.25 0 01-.004-1.768z"
|
|
12
12
|
}));
|
|
13
13
|
};
|
|
14
14
|
var cn = cnCreate('mfui-9-service-card');
|
|
@@ -66,8 +66,7 @@ var ServiceCard = function ServiceCard(_ref) {
|
|
|
66
66
|
href: href,
|
|
67
67
|
target: target,
|
|
68
68
|
rel: currentRel,
|
|
69
|
-
onClick: onClick
|
|
70
|
-
tabIndex: 0
|
|
69
|
+
onClick: onClick
|
|
71
70
|
}), /*#__PURE__*/React.createElement("div", {
|
|
72
71
|
className: cn('header')
|
|
73
72
|
}, /*#__PURE__*/React.createElement("div", _extends({}, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.title), {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
h1,h2,h3,h4,h5{margin:0}.mfui-9-store-button{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:8px;display:inline-block}.mfui-9-store-button:focus-visible{-webkit-animation:focus-outline-shrink .6s ease-out forwards;animation:focus-outline-shrink .6s ease-out forwards;outline-offset:2px;-webkit-transition:none;transition:none}@-webkit-keyframes focus-outline-shrink{0%{outline:6px solid var(--137C)}to{outline:4px solid var(--137C)}}@keyframes focus-outline-shrink{0%{outline:6px solid var(--137C)}to{outline:4px solid var(--137C)}}.mfui-9-store-button:focus{outline:none}.mfui-9-store-button_size-all_small{height:35px;width:119px}.mfui-9-store-button_size-all_medium{height:40px;width:136px}.mfui-9-store-button_size-all_large{height:70px;width:238px}.mfui-9-store-button_size-all_medium.mfui-9-store-button_theme_app-store,.mfui-9-store-button_size-all_small.mfui-9-store-button_theme_app-store{background-image:url(img/app-store.png)}.mfui-9-store-button_size-all_medium.mfui-9-store-button_theme_galaxy-store,.mfui-9-store-button_size-all_small.mfui-9-store-button_theme_galaxy-store{background-image:url(img/galaxy-store.png)}.mfui-9-store-button_size-all_medium.mfui-9-store-button_theme_google-play,.mfui-9-store-button_size-all_small.mfui-9-store-button_theme_google-play{background-image:url(img/google-play.png)}.mfui-9-store-button_size-all_medium.mfui-9-store-button_theme_huawei-store,.mfui-9-store-button_size-all_small.mfui-9-store-button_theme_huawei-store{background-image:url(img/huawei-store.png)}.mfui-9-store-button_size-all_medium.mfui-9-store-button_theme_mi-store,.mfui-9-store-button_size-all_small.mfui-9-store-button_theme_mi-store{background-image:url(img/mi-store.png)}.mfui-9-store-button_size-all_medium.mfui-9-store-button_theme_ru-store,.mfui-9-store-button_size-all_small.mfui-9-store-button_theme_ru-store{background-image:url(img/ru-store.png)}.mfui-9-store-button_size-all_medium.mfui-9-store-button_theme_v-appstore,.mfui-9-store-button_size-all_small.mfui-9-store-button_theme_v-appstore{background-image:url(img/v-appstore.png)}.mfui-9-store-button_size-all_large.mfui-9-store-button_theme_app-store{background-image:url(img/app-store-large.png)}.mfui-9-store-button_size-all_large.mfui-9-store-button_theme_galaxy-store{background-image:url(img/galaxy-store-large.png)}.mfui-9-store-button_size-all_large.mfui-9-store-button_theme_google-play{background-image:url(img/google-play-large.png)}.mfui-9-store-button_size-all_large.mfui-9-store-button_theme_huawei-store{background-image:url(img/huawei-store-large.png)}.mfui-9-store-button_size-all_large.mfui-9-store-button_theme_mi-store{background-image:url(img/mi-store-large.png)}.mfui-9-store-button_size-all_large.mfui-9-store-button_theme_ru-store{background-image:url(img/ru-store-large.png)}.mfui-9-store-button_size-all_large.mfui-9-store-button_theme_v-appstore{background-image:url(img/v-appstore-large.png)}@media screen and (min-width:1024px){.mfui-9-store-button_size-desktop_small{height:35px;width:119px}.mfui-9-store-button_size-desktop_medium{height:40px;width:136px}.mfui-9-store-button_size-desktop_large{height:70px;width:238px}.mfui-9-store-button_size-desktop_medium.mfui-9-store-button_theme_app-store,.mfui-9-store-button_size-desktop_small.mfui-9-store-button_theme_app-store{background-image:url(img/app-store.png)}.mfui-9-store-button_size-desktop_medium.mfui-9-store-button_theme_galaxy-store,.mfui-9-store-button_size-desktop_small.mfui-9-store-button_theme_galaxy-store{background-image:url(img/galaxy-store.png)}.mfui-9-store-button_size-desktop_medium.mfui-9-store-button_theme_google-play,.mfui-9-store-button_size-desktop_small.mfui-9-store-button_theme_google-play{background-image:url(img/google-play.png)}.mfui-9-store-button_size-desktop_medium.mfui-9-store-button_theme_huawei-store,.mfui-9-store-button_size-desktop_small.mfui-9-store-button_theme_huawei-store{background-image:url(img/huawei-store.png)}.mfui-9-store-button_size-desktop_medium.mfui-9-store-button_theme_mi-store,.mfui-9-store-button_size-desktop_small.mfui-9-store-button_theme_mi-store{background-image:url(img/mi-store.png)}.mfui-9-store-button_size-desktop_medium.mfui-9-store-button_theme_ru-store,.mfui-9-store-button_size-desktop_small.mfui-9-store-button_theme_ru-store{background-image:url(img/ru-store.png)}.mfui-9-store-button_size-desktop_medium.mfui-9-store-button_theme_v-appstore,.mfui-9-store-button_size-desktop_small.mfui-9-store-button_theme_v-appstore{background-image:url(img/v-appstore.png)}.mfui-9-store-button_size-desktop_large.mfui-9-store-button_theme_app-store{background-image:url(img/app-store-large.png)}.mfui-9-store-button_size-desktop_large.mfui-9-store-button_theme_galaxy-store{background-image:url(img/galaxy-store-large.png)}.mfui-9-store-button_size-desktop_large.mfui-9-store-button_theme_google-play{background-image:url(img/google-play-large.png)}.mfui-9-store-button_size-desktop_large.mfui-9-store-button_theme_huawei-store{background-image:url(img/huawei-store-large.png)}.mfui-9-store-button_size-desktop_large.mfui-9-store-button_theme_mi-store{background-image:url(img/mi-store-large.png)}.mfui-9-store-button_size-desktop_large.mfui-9-store-button_theme_ru-store{background-image:url(img/ru-store-large.png)}.mfui-9-store-button_size-desktop_large.mfui-9-store-button_theme_v-appstore{background-image:url(img/v-appstore-large.png)}}@media screen and (min-width:1280px){.mfui-9-store-button_size-wide_small{height:35px;width:119px}.mfui-9-store-button_size-wide_medium{height:40px;width:136px}.mfui-9-store-button_size-wide_large{height:70px;width:238px}.mfui-9-store-button_size-wide_medium.mfui-9-store-button_theme_app-store,.mfui-9-store-button_size-wide_small.mfui-9-store-button_theme_app-store{background-image:url(img/app-store.png)}.mfui-9-store-button_size-wide_medium.mfui-9-store-button_theme_galaxy-store,.mfui-9-store-button_size-wide_small.mfui-9-store-button_theme_galaxy-store{background-image:url(img/galaxy-store.png)}.mfui-9-store-button_size-wide_medium.mfui-9-store-button_theme_google-play,.mfui-9-store-button_size-wide_small.mfui-9-store-button_theme_google-play{background-image:url(img/google-play.png)}.mfui-9-store-button_size-wide_medium.mfui-9-store-button_theme_huawei-store,.mfui-9-store-button_size-wide_small.mfui-9-store-button_theme_huawei-store{background-image:url(img/huawei-store.png)}.mfui-9-store-button_size-wide_medium.mfui-9-store-button_theme_mi-store,.mfui-9-store-button_size-wide_small.mfui-9-store-button_theme_mi-store{background-image:url(img/mi-store.png)}.mfui-9-store-button_size-wide_medium.mfui-9-store-button_theme_ru-store,.mfui-9-store-button_size-wide_small.mfui-9-store-button_theme_ru-store{background-image:url(img/ru-store.png)}.mfui-9-store-button_size-wide_medium.mfui-9-store-button_theme_v-appstore,.mfui-9-store-button_size-wide_small.mfui-9-store-button_theme_v-appstore{background-image:url(img/v-appstore.png)}.mfui-9-store-button_size-wide_large.mfui-9-store-button_theme_app-store{background-image:url(img/app-store-large.png)}.mfui-9-store-button_size-wide_large.mfui-9-store-button_theme_galaxy-store{background-image:url(img/galaxy-store-large.png)}.mfui-9-store-button_size-wide_large.mfui-9-store-button_theme_google-play{background-image:url(img/google-play-large.png)}.mfui-9-store-button_size-wide_large.mfui-9-store-button_theme_huawei-store{background-image:url(img/huawei-store-large.png)}.mfui-9-store-button_size-wide_large.mfui-9-store-button_theme_mi-store{background-image:url(img/mi-store-large.png)}.mfui-9-store-button_size-wide_large.mfui-9-store-button_theme_ru-store{background-image:url(img/ru-store-large.png)}.mfui-9-store-button_size-wide_large.mfui-9-store-button_theme_v-appstore{background-image:url(img/v-appstore-large.png)}}@media screen and (min-width:768px) and (max-width:1023px){.mfui-9-store-button_size-tablet_small{height:35px;width:119px}.mfui-9-store-button_size-tablet_medium{height:40px;width:136px}.mfui-9-store-button_size-tablet_large{height:70px;width:238px}.mfui-9-store-button_size-tablet_medium.mfui-9-store-button_theme_app-store,.mfui-9-store-button_size-tablet_small.mfui-9-store-button_theme_app-store{background-image:url(img/app-store.png)}.mfui-9-store-button_size-tablet_medium.mfui-9-store-button_theme_galaxy-store,.mfui-9-store-button_size-tablet_small.mfui-9-store-button_theme_galaxy-store{background-image:url(img/galaxy-store.png)}.mfui-9-store-button_size-tablet_medium.mfui-9-store-button_theme_google-play,.mfui-9-store-button_size-tablet_small.mfui-9-store-button_theme_google-play{background-image:url(img/google-play.png)}.mfui-9-store-button_size-tablet_medium.mfui-9-store-button_theme_huawei-store,.mfui-9-store-button_size-tablet_small.mfui-9-store-button_theme_huawei-store{background-image:url(img/huawei-store.png)}.mfui-9-store-button_size-tablet_medium.mfui-9-store-button_theme_mi-store,.mfui-9-store-button_size-tablet_small.mfui-9-store-button_theme_mi-store{background-image:url(img/mi-store.png)}.mfui-9-store-button_size-tablet_medium.mfui-9-store-button_theme_ru-store,.mfui-9-store-button_size-tablet_small.mfui-9-store-button_theme_ru-store{background-image:url(img/ru-store.png)}.mfui-9-store-button_size-tablet_medium.mfui-9-store-button_theme_v-appstore,.mfui-9-store-button_size-tablet_small.mfui-9-store-button_theme_v-appstore{background-image:url(img/v-appstore.png)}.mfui-9-store-button_size-tablet_large.mfui-9-store-button_theme_app-store{background-image:url(img/app-store-large.png)}.mfui-9-store-button_size-tablet_large.mfui-9-store-button_theme_galaxy-store{background-image:url(img/galaxy-store-large.png)}.mfui-9-store-button_size-tablet_large.mfui-9-store-button_theme_google-play{background-image:url(img/google-play-large.png)}.mfui-9-store-button_size-tablet_large.mfui-9-store-button_theme_huawei-store{background-image:url(img/huawei-store-large.png)}.mfui-9-store-button_size-tablet_large.mfui-9-store-button_theme_mi-store{background-image:url(img/mi-store-large.png)}.mfui-9-store-button_size-tablet_large.mfui-9-store-button_theme_ru-store{background-image:url(img/ru-store-large.png)}.mfui-9-store-button_size-tablet_large.mfui-9-store-button_theme_v-appstore{background-image:url(img/v-appstore-large.png)}}@media screen and (max-width:767px){.mfui-9-store-button_size-mobile_small{height:35px;width:119px}.mfui-9-store-button_size-mobile_medium{height:40px;width:136px}.mfui-9-store-button_size-mobile_large{height:70px;width:238px}.mfui-9-store-button_size-mobile_medium.mfui-9-store-button_theme_app-store,.mfui-9-store-button_size-mobile_small.mfui-9-store-button_theme_app-store{background-image:url(img/app-store.png)}.mfui-9-store-button_size-mobile_medium.mfui-9-store-button_theme_galaxy-store,.mfui-9-store-button_size-mobile_small.mfui-9-store-button_theme_galaxy-store{background-image:url(img/galaxy-store.png)}.mfui-9-store-button_size-mobile_medium.mfui-9-store-button_theme_google-play,.mfui-9-store-button_size-mobile_small.mfui-9-store-button_theme_google-play{background-image:url(img/google-play.png)}.mfui-9-store-button_size-mobile_medium.mfui-9-store-button_theme_huawei-store,.mfui-9-store-button_size-mobile_small.mfui-9-store-button_theme_huawei-store{background-image:url(img/huawei-store.png)}.mfui-9-store-button_size-mobile_medium.mfui-9-store-button_theme_mi-store,.mfui-9-store-button_size-mobile_small.mfui-9-store-button_theme_mi-store{background-image:url(img/mi-store.png)}.mfui-9-store-button_size-mobile_medium.mfui-9-store-button_theme_ru-store,.mfui-9-store-button_size-mobile_small.mfui-9-store-button_theme_ru-store{background-image:url(img/ru-store.png)}.mfui-9-store-button_size-mobile_medium.mfui-9-store-button_theme_v-appstore,.mfui-9-store-button_size-mobile_small.mfui-9-store-button_theme_v-appstore{background-image:url(img/v-appstore.png)}.mfui-9-store-button_size-mobile_large.mfui-9-store-button_theme_app-store{background-image:url(img/app-store-large.png)}.mfui-9-store-button_size-mobile_large.mfui-9-store-button_theme_galaxy-store{background-image:url(img/galaxy-store-large.png)}.mfui-9-store-button_size-mobile_large.mfui-9-store-button_theme_google-play{background-image:url(img/google-play-large.png)}.mfui-9-store-button_size-mobile_large.mfui-9-store-button_theme_huawei-store{background-image:url(img/huawei-store-large.png)}.mfui-9-store-button_size-mobile_large.mfui-9-store-button_theme_mi-store{background-image:url(img/mi-store-large.png)}.mfui-9-store-button_size-mobile_large.mfui-9-store-button_theme_ru-store{background-image:url(img/ru-store-large.png)}.mfui-9-store-button_size-mobile_large.mfui-9-store-button_theme_v-appstore{background-image:url(img/v-appstore-large.png)}}
|
|
1
|
+
h1,h2,h3,h4,h5{margin:0}.mfui-9-store-button{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:8px;display:inline-block}.mfui-9-store-button:focus-visible{-webkit-animation:focus-outline-shrink .3s linear forwards;animation:focus-outline-shrink .3s linear forwards;outline-offset:2px}@-webkit-keyframes focus-outline-shrink{0%{outline:0 solid var(--137C)}to{outline:4px solid var(--137C)}}@keyframes focus-outline-shrink{0%{outline:0 solid var(--137C)}to{outline:4px solid var(--137C)}}.mfui-9-store-button:focus{outline:none}.mfui-9-store-button_size-all_small{height:35px;width:119px}.mfui-9-store-button_size-all_medium{height:40px;width:136px}.mfui-9-store-button_size-all_large{height:70px;width:238px}.mfui-9-store-button_size-all_medium.mfui-9-store-button_theme_app-store,.mfui-9-store-button_size-all_small.mfui-9-store-button_theme_app-store{background-image:url(img/app-store.png)}.mfui-9-store-button_size-all_medium.mfui-9-store-button_theme_galaxy-store,.mfui-9-store-button_size-all_small.mfui-9-store-button_theme_galaxy-store{background-image:url(img/galaxy-store.png)}.mfui-9-store-button_size-all_medium.mfui-9-store-button_theme_google-play,.mfui-9-store-button_size-all_small.mfui-9-store-button_theme_google-play{background-image:url(img/google-play.png)}.mfui-9-store-button_size-all_medium.mfui-9-store-button_theme_huawei-store,.mfui-9-store-button_size-all_small.mfui-9-store-button_theme_huawei-store{background-image:url(img/huawei-store.png)}.mfui-9-store-button_size-all_medium.mfui-9-store-button_theme_mi-store,.mfui-9-store-button_size-all_small.mfui-9-store-button_theme_mi-store{background-image:url(img/mi-store.png)}.mfui-9-store-button_size-all_medium.mfui-9-store-button_theme_ru-store,.mfui-9-store-button_size-all_small.mfui-9-store-button_theme_ru-store{background-image:url(img/ru-store.png)}.mfui-9-store-button_size-all_medium.mfui-9-store-button_theme_v-appstore,.mfui-9-store-button_size-all_small.mfui-9-store-button_theme_v-appstore{background-image:url(img/v-appstore.png)}.mfui-9-store-button_size-all_large.mfui-9-store-button_theme_app-store{background-image:url(img/app-store-large.png)}.mfui-9-store-button_size-all_large.mfui-9-store-button_theme_galaxy-store{background-image:url(img/galaxy-store-large.png)}.mfui-9-store-button_size-all_large.mfui-9-store-button_theme_google-play{background-image:url(img/google-play-large.png)}.mfui-9-store-button_size-all_large.mfui-9-store-button_theme_huawei-store{background-image:url(img/huawei-store-large.png)}.mfui-9-store-button_size-all_large.mfui-9-store-button_theme_mi-store{background-image:url(img/mi-store-large.png)}.mfui-9-store-button_size-all_large.mfui-9-store-button_theme_ru-store{background-image:url(img/ru-store-large.png)}.mfui-9-store-button_size-all_large.mfui-9-store-button_theme_v-appstore{background-image:url(img/v-appstore-large.png)}@media screen and (min-width:1024px){.mfui-9-store-button_size-desktop_small{height:35px;width:119px}.mfui-9-store-button_size-desktop_medium{height:40px;width:136px}.mfui-9-store-button_size-desktop_large{height:70px;width:238px}.mfui-9-store-button_size-desktop_medium.mfui-9-store-button_theme_app-store,.mfui-9-store-button_size-desktop_small.mfui-9-store-button_theme_app-store{background-image:url(img/app-store.png)}.mfui-9-store-button_size-desktop_medium.mfui-9-store-button_theme_galaxy-store,.mfui-9-store-button_size-desktop_small.mfui-9-store-button_theme_galaxy-store{background-image:url(img/galaxy-store.png)}.mfui-9-store-button_size-desktop_medium.mfui-9-store-button_theme_google-play,.mfui-9-store-button_size-desktop_small.mfui-9-store-button_theme_google-play{background-image:url(img/google-play.png)}.mfui-9-store-button_size-desktop_medium.mfui-9-store-button_theme_huawei-store,.mfui-9-store-button_size-desktop_small.mfui-9-store-button_theme_huawei-store{background-image:url(img/huawei-store.png)}.mfui-9-store-button_size-desktop_medium.mfui-9-store-button_theme_mi-store,.mfui-9-store-button_size-desktop_small.mfui-9-store-button_theme_mi-store{background-image:url(img/mi-store.png)}.mfui-9-store-button_size-desktop_medium.mfui-9-store-button_theme_ru-store,.mfui-9-store-button_size-desktop_small.mfui-9-store-button_theme_ru-store{background-image:url(img/ru-store.png)}.mfui-9-store-button_size-desktop_medium.mfui-9-store-button_theme_v-appstore,.mfui-9-store-button_size-desktop_small.mfui-9-store-button_theme_v-appstore{background-image:url(img/v-appstore.png)}.mfui-9-store-button_size-desktop_large.mfui-9-store-button_theme_app-store{background-image:url(img/app-store-large.png)}.mfui-9-store-button_size-desktop_large.mfui-9-store-button_theme_galaxy-store{background-image:url(img/galaxy-store-large.png)}.mfui-9-store-button_size-desktop_large.mfui-9-store-button_theme_google-play{background-image:url(img/google-play-large.png)}.mfui-9-store-button_size-desktop_large.mfui-9-store-button_theme_huawei-store{background-image:url(img/huawei-store-large.png)}.mfui-9-store-button_size-desktop_large.mfui-9-store-button_theme_mi-store{background-image:url(img/mi-store-large.png)}.mfui-9-store-button_size-desktop_large.mfui-9-store-button_theme_ru-store{background-image:url(img/ru-store-large.png)}.mfui-9-store-button_size-desktop_large.mfui-9-store-button_theme_v-appstore{background-image:url(img/v-appstore-large.png)}}@media screen and (min-width:1280px){.mfui-9-store-button_size-wide_small{height:35px;width:119px}.mfui-9-store-button_size-wide_medium{height:40px;width:136px}.mfui-9-store-button_size-wide_large{height:70px;width:238px}.mfui-9-store-button_size-wide_medium.mfui-9-store-button_theme_app-store,.mfui-9-store-button_size-wide_small.mfui-9-store-button_theme_app-store{background-image:url(img/app-store.png)}.mfui-9-store-button_size-wide_medium.mfui-9-store-button_theme_galaxy-store,.mfui-9-store-button_size-wide_small.mfui-9-store-button_theme_galaxy-store{background-image:url(img/galaxy-store.png)}.mfui-9-store-button_size-wide_medium.mfui-9-store-button_theme_google-play,.mfui-9-store-button_size-wide_small.mfui-9-store-button_theme_google-play{background-image:url(img/google-play.png)}.mfui-9-store-button_size-wide_medium.mfui-9-store-button_theme_huawei-store,.mfui-9-store-button_size-wide_small.mfui-9-store-button_theme_huawei-store{background-image:url(img/huawei-store.png)}.mfui-9-store-button_size-wide_medium.mfui-9-store-button_theme_mi-store,.mfui-9-store-button_size-wide_small.mfui-9-store-button_theme_mi-store{background-image:url(img/mi-store.png)}.mfui-9-store-button_size-wide_medium.mfui-9-store-button_theme_ru-store,.mfui-9-store-button_size-wide_small.mfui-9-store-button_theme_ru-store{background-image:url(img/ru-store.png)}.mfui-9-store-button_size-wide_medium.mfui-9-store-button_theme_v-appstore,.mfui-9-store-button_size-wide_small.mfui-9-store-button_theme_v-appstore{background-image:url(img/v-appstore.png)}.mfui-9-store-button_size-wide_large.mfui-9-store-button_theme_app-store{background-image:url(img/app-store-large.png)}.mfui-9-store-button_size-wide_large.mfui-9-store-button_theme_galaxy-store{background-image:url(img/galaxy-store-large.png)}.mfui-9-store-button_size-wide_large.mfui-9-store-button_theme_google-play{background-image:url(img/google-play-large.png)}.mfui-9-store-button_size-wide_large.mfui-9-store-button_theme_huawei-store{background-image:url(img/huawei-store-large.png)}.mfui-9-store-button_size-wide_large.mfui-9-store-button_theme_mi-store{background-image:url(img/mi-store-large.png)}.mfui-9-store-button_size-wide_large.mfui-9-store-button_theme_ru-store{background-image:url(img/ru-store-large.png)}.mfui-9-store-button_size-wide_large.mfui-9-store-button_theme_v-appstore{background-image:url(img/v-appstore-large.png)}}@media screen and (min-width:768px) and (max-width:1023px){.mfui-9-store-button_size-tablet_small{height:35px;width:119px}.mfui-9-store-button_size-tablet_medium{height:40px;width:136px}.mfui-9-store-button_size-tablet_large{height:70px;width:238px}.mfui-9-store-button_size-tablet_medium.mfui-9-store-button_theme_app-store,.mfui-9-store-button_size-tablet_small.mfui-9-store-button_theme_app-store{background-image:url(img/app-store.png)}.mfui-9-store-button_size-tablet_medium.mfui-9-store-button_theme_galaxy-store,.mfui-9-store-button_size-tablet_small.mfui-9-store-button_theme_galaxy-store{background-image:url(img/galaxy-store.png)}.mfui-9-store-button_size-tablet_medium.mfui-9-store-button_theme_google-play,.mfui-9-store-button_size-tablet_small.mfui-9-store-button_theme_google-play{background-image:url(img/google-play.png)}.mfui-9-store-button_size-tablet_medium.mfui-9-store-button_theme_huawei-store,.mfui-9-store-button_size-tablet_small.mfui-9-store-button_theme_huawei-store{background-image:url(img/huawei-store.png)}.mfui-9-store-button_size-tablet_medium.mfui-9-store-button_theme_mi-store,.mfui-9-store-button_size-tablet_small.mfui-9-store-button_theme_mi-store{background-image:url(img/mi-store.png)}.mfui-9-store-button_size-tablet_medium.mfui-9-store-button_theme_ru-store,.mfui-9-store-button_size-tablet_small.mfui-9-store-button_theme_ru-store{background-image:url(img/ru-store.png)}.mfui-9-store-button_size-tablet_medium.mfui-9-store-button_theme_v-appstore,.mfui-9-store-button_size-tablet_small.mfui-9-store-button_theme_v-appstore{background-image:url(img/v-appstore.png)}.mfui-9-store-button_size-tablet_large.mfui-9-store-button_theme_app-store{background-image:url(img/app-store-large.png)}.mfui-9-store-button_size-tablet_large.mfui-9-store-button_theme_galaxy-store{background-image:url(img/galaxy-store-large.png)}.mfui-9-store-button_size-tablet_large.mfui-9-store-button_theme_google-play{background-image:url(img/google-play-large.png)}.mfui-9-store-button_size-tablet_large.mfui-9-store-button_theme_huawei-store{background-image:url(img/huawei-store-large.png)}.mfui-9-store-button_size-tablet_large.mfui-9-store-button_theme_mi-store{background-image:url(img/mi-store-large.png)}.mfui-9-store-button_size-tablet_large.mfui-9-store-button_theme_ru-store{background-image:url(img/ru-store-large.png)}.mfui-9-store-button_size-tablet_large.mfui-9-store-button_theme_v-appstore{background-image:url(img/v-appstore-large.png)}}@media screen and (max-width:767px){.mfui-9-store-button_size-mobile_small{height:35px;width:119px}.mfui-9-store-button_size-mobile_medium{height:40px;width:136px}.mfui-9-store-button_size-mobile_large{height:70px;width:238px}.mfui-9-store-button_size-mobile_medium.mfui-9-store-button_theme_app-store,.mfui-9-store-button_size-mobile_small.mfui-9-store-button_theme_app-store{background-image:url(img/app-store.png)}.mfui-9-store-button_size-mobile_medium.mfui-9-store-button_theme_galaxy-store,.mfui-9-store-button_size-mobile_small.mfui-9-store-button_theme_galaxy-store{background-image:url(img/galaxy-store.png)}.mfui-9-store-button_size-mobile_medium.mfui-9-store-button_theme_google-play,.mfui-9-store-button_size-mobile_small.mfui-9-store-button_theme_google-play{background-image:url(img/google-play.png)}.mfui-9-store-button_size-mobile_medium.mfui-9-store-button_theme_huawei-store,.mfui-9-store-button_size-mobile_small.mfui-9-store-button_theme_huawei-store{background-image:url(img/huawei-store.png)}.mfui-9-store-button_size-mobile_medium.mfui-9-store-button_theme_mi-store,.mfui-9-store-button_size-mobile_small.mfui-9-store-button_theme_mi-store{background-image:url(img/mi-store.png)}.mfui-9-store-button_size-mobile_medium.mfui-9-store-button_theme_ru-store,.mfui-9-store-button_size-mobile_small.mfui-9-store-button_theme_ru-store{background-image:url(img/ru-store.png)}.mfui-9-store-button_size-mobile_medium.mfui-9-store-button_theme_v-appstore,.mfui-9-store-button_size-mobile_small.mfui-9-store-button_theme_v-appstore{background-image:url(img/v-appstore.png)}.mfui-9-store-button_size-mobile_large.mfui-9-store-button_theme_app-store{background-image:url(img/app-store-large.png)}.mfui-9-store-button_size-mobile_large.mfui-9-store-button_theme_galaxy-store{background-image:url(img/galaxy-store-large.png)}.mfui-9-store-button_size-mobile_large.mfui-9-store-button_theme_google-play{background-image:url(img/google-play-large.png)}.mfui-9-store-button_size-mobile_large.mfui-9-store-button_theme_huawei-store{background-image:url(img/huawei-store-large.png)}.mfui-9-store-button_size-mobile_large.mfui-9-store-button_theme_mi-store{background-image:url(img/mi-store-large.png)}.mfui-9-store-button_size-mobile_large.mfui-9-store-button_theme_ru-store{background-image:url(img/ru-store-large.png)}.mfui-9-store-button_size-mobile_large.mfui-9-store-button_theme_v-appstore{background-image:url(img/v-appstore-large.png)}}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
// A safe version of `useLayoutEffect` that works with SSR.
|
|
3
|
+
// On the server, it falls back to `useEffect` to avoid hydration warnings.
|
|
4
|
+
// https://reactjs.org/link/uselayouteffect-ssr
|
|
5
|
+
var useIsomorphicLayoutEffect = typeof window !== 'undefined' ? React.useLayoutEffect : React.useEffect;
|
|
6
|
+
export default useIsomorphicLayoutEffect;
|
package/dist/es/index.d.ts
CHANGED
|
@@ -4,6 +4,8 @@ export { default as AudioProgress } from './components/AudioPlayer/AudioProgress
|
|
|
4
4
|
export { default as AudioRange } from './components/AudioPlayer/AudioRange';
|
|
5
5
|
export { default as AudioVolume } from './components/AudioPlayer/AudioVolume';
|
|
6
6
|
export { default as BannerBox } from './components/BannerBox/BannerBox';
|
|
7
|
+
export { default as BenefitCard } from './components/BenefitCards/BenefitCard/BenefitCard';
|
|
8
|
+
export { default as BenefitCards } from './components/BenefitCards/BenefitCards';
|
|
7
9
|
export { default as BenefitsIcons } from './components/BenefitsIcons/BenefitsIcons';
|
|
8
10
|
export { default as BenefitsIconsTile } from './components/BenefitsIcons/BenefitsIconsTile';
|
|
9
11
|
export { default as BenefitsPictures } from './components/BenefitsPictures/BenefitsPictures';
|
package/dist/es/index.js
CHANGED
|
@@ -4,6 +4,8 @@ export { default as AudioProgress } from "./components/AudioPlayer/AudioProgress
|
|
|
4
4
|
export { default as AudioRange } from "./components/AudioPlayer/AudioRange";
|
|
5
5
|
export { default as AudioVolume } from "./components/AudioPlayer/AudioVolume";
|
|
6
6
|
export { default as BannerBox } from "./components/BannerBox/BannerBox";
|
|
7
|
+
export { default as BenefitCard } from "./components/BenefitCards/BenefitCard/BenefitCard";
|
|
8
|
+
export { default as BenefitCards } from "./components/BenefitCards/BenefitCards";
|
|
7
9
|
export { default as BenefitsIcons } from "./components/BenefitsIcons/BenefitsIcons";
|
|
8
10
|
export { default as BenefitsIconsTile } from "./components/BenefitsIcons/BenefitsIconsTile";
|
|
9
11
|
export { default as BenefitsPictures } from "./components/BenefitsPictures/BenefitsPictures";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
h1,h2,h3,h4,h5{margin:0}.mfui-9-benefit-card{border:none;border-radius:24px;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--content);display:-webkit-box;display:-ms-flexbox;display:flex;font-size:15px;line-height:24px;min-height:100%;overflow:hidden;padding:16px;position:relative;-webkit-transition:.3s;transition:.3s;width:100%}@media screen and (min-width:1280px){.mfui-9-benefit-card{padding:24px}}.mfui-9-benefit-card:after{background:var(--stcWhite5);border-radius:24px;content:"";inset:0;opacity:0;pointer-events:none;position:absolute;-webkit-transition:opacity .3s;transition:opacity .3s}.mfui-9-benefit-card_interactive:hover:after{opacity:1}.mfui-9-benefit-card_background_gray{background-color:var(--spbSky0)}.mfui-9-benefit-card_background_white{background-color:var(--base)}.mfui-9-benefit-card_background_outline{background-color:var(--base);border:1px solid var(--spbSky2)}.mfui-9-benefit-card_background_soft-purple{background-color:var(--brandPurple20);border:none}.mfui-9-benefit-card_background_soft-green{background-color:var(--brandGreen20);border:none}.mfui-9-benefit-card_background_soft-night{background-color:var(--night20);border:none}.mfui-9-benefit-card_background_soft-sky{background-color:var(--sky20);border:none}.mfui-9-benefit-card_background_soft-flamingo{background-color:var(--flamingo20);border:none}.mfui-9-benefit-card_background_soft-berry{background-color:var(--berry20);border:none}.mfui-9-benefit-card_background_gradient-berry1{background:var(--gradientBerry1);border:none}.mfui-9-benefit-card_background_gradient-berry2{background:var(--gradientBerry2);border:none}.mfui-9-benefit-card_background_gradient-purple1{background:var(--gradientPurple1);border:none}.mfui-9-benefit-card_background_gradient-purple2{background:var(--gradientPurple2);border:none}.mfui-9-benefit-card_background_gradient-purple3{background:var(--gradientPurple3);border:none}.mfui-9-benefit-card_background_gray.mfui-9-benefit-card_interactive:hover,.mfui-9-benefit-card_background_outline.mfui-9-benefit-card_interactive:hover,.mfui-9-benefit-card_background_white.mfui-9-benefit-card_interactive:hover{-webkit-box-shadow:0 0 0 1px var(--spbSky3);box-shadow:0 0 0 1px var(--spbSky3)}.mfui-9-benefit-card_background_soft-green.mfui-9-benefit-card_interactive:hover{-webkit-box-shadow:0 0 0 1px var(--brandGreen80);box-shadow:0 0 0 1px var(--brandGreen80)}.mfui-9-benefit-card_background_soft-purple.mfui-9-benefit-card_interactive:hover{-webkit-box-shadow:0 0 0 1px var(--brandPurple80);box-shadow:0 0 0 1px var(--brandPurple80)}.mfui-9-benefit-card_background_soft-night.mfui-9-benefit-card_interactive:hover{-webkit-box-shadow:0 0 0 1px var(--night80);box-shadow:0 0 0 1px var(--night80)}.mfui-9-benefit-card_background_soft-berry.mfui-9-benefit-card_interactive:hover{-webkit-box-shadow:0 0 0 1px var(--berry80);box-shadow:0 0 0 1px var(--berry80)}.mfui-9-benefit-card_background_soft-flamingo.mfui-9-benefit-card_interactive:hover{-webkit-box-shadow:0 0 0 1px var(--flamingo80);box-shadow:0 0 0 1px var(--flamingo80)}.mfui-9-benefit-card_background_soft-sky.mfui-9-benefit-card_interactive:hover{-webkit-box-shadow:0 0 0 1px var(--sky80);box-shadow:0 0 0 1px var(--sky80)}.mfui-9-benefit-card_background_gradient-berry1.mfui-9-benefit-card_interactive:hover,.mfui-9-benefit-card_background_gradient-berry2.mfui-9-benefit-card_interactive:hover,.mfui-9-benefit-card_background_gradient-purple1.mfui-9-benefit-card_interactive:hover,.mfui-9-benefit-card_background_gradient-purple2.mfui-9-benefit-card_interactive:hover,.mfui-9-benefit-card_background_gradient-purple3.mfui-9-benefit-card_interactive:hover{-webkit-box-shadow:0 0 0 1px var(--berry);box-shadow:0 0 0 1px var(--berry)}.mfui-9-benefit-card_background_outline.mfui-9-benefit-card_interactive:hover:after,.mfui-9-benefit-card_background_white.mfui-9-benefit-card_interactive:hover:after{opacity:0}.mfui-9-benefit-card_gradient{color:var(--stcWhite)}.mfui-9-benefit-card__content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:24px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-right:86px}@media screen and (min-width:1024px) and (max-width:1279px){.mfui-9-benefit-card__content{margin-right:64px}}@media screen and (min-width:1280px){.mfui-9-benefit-card__content{margin-right:136px}}.mfui-9-benefit-card__content b{font-weight:500}.mfui-9-benefit-card__image{bottom:0;height:85px;-o-object-fit:contain;object-fit:contain;-o-object-position:right bottom;object-position:right bottom;position:absolute;right:0;width:110px}@media screen and (min-width:1024px) and (max-width:1279px){.mfui-9-benefit-card__image{height:68px;width:88px}}@media screen and (min-width:1280px){.mfui-9-benefit-card__image{height:124px;width:160px}}.mfui-9-benefit-card__pseudo-link{color:var(--systemBlue);text-decoration:none}.mfui-9-benefit-card_gradient .mfui-9-benefit-card__pseudo-link{color:var(--stcWhite);font-weight:500}.mfui-9-benefit-card_interactive:hover .mfui-9-benefit-card__pseudo-link{text-decoration:underline}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { ExtraBackgroundType, IBenefitCardData, MainBackgroundType } from '../types';
|
|
3
|
+
import './BenefitCard.scss';
|
|
4
|
+
export interface IBenefitCard extends IBenefitCardData {
|
|
5
|
+
className?: string;
|
|
6
|
+
background?: MainBackgroundType | ExtraBackgroundType;
|
|
7
|
+
dataAttrs?: {
|
|
8
|
+
root?: Record<string, string>;
|
|
9
|
+
pseudoLink?: Record<string, string>;
|
|
10
|
+
};
|
|
11
|
+
}
|
|
12
|
+
declare const BenefitCard: React.FC<IBenefitCard>;
|
|
13
|
+
export default BenefitCard;
|
|
@@ -0,0 +1,68 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports["default"] = void 0;
|
|
8
|
+
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
9
|
+
require("core-js/modules/es.symbol.js");
|
|
10
|
+
require("core-js/modules/es.symbol.description.js");
|
|
11
|
+
require("core-js/modules/es.array.includes.js");
|
|
12
|
+
require("core-js/modules/es.string.includes.js");
|
|
13
|
+
require("core-js/modules/es.string.link.js");
|
|
14
|
+
var React = _interopRequireWildcard(require("react"));
|
|
15
|
+
var _uiCore = require("@megafon/ui-core");
|
|
16
|
+
var _uiHelpers = require("@megafon/ui-helpers");
|
|
17
|
+
var _setRelAttribute = require("../../../helpers/setRelAttribute");
|
|
18
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
19
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
|
20
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
21
|
+
var typographyConfig = {
|
|
22
|
+
b: {
|
|
23
|
+
component: function component(_ref) {
|
|
24
|
+
var children = _ref.children;
|
|
25
|
+
return /*#__PURE__*/React.createElement("b", null, children);
|
|
26
|
+
}
|
|
27
|
+
}
|
|
28
|
+
};
|
|
29
|
+
var cn = (0, _uiHelpers.cnCreate)('mfui-9-benefit-card');
|
|
30
|
+
var BenefitCard = function BenefitCard(_ref2) {
|
|
31
|
+
var title = _ref2.title,
|
|
32
|
+
description = _ref2.description,
|
|
33
|
+
imageSrc = _ref2.imageSrc,
|
|
34
|
+
link = _ref2.link,
|
|
35
|
+
_ref2$background = _ref2.background,
|
|
36
|
+
background = _ref2$background === void 0 ? 'gray' : _ref2$background,
|
|
37
|
+
dataAttrs = _ref2.dataAttrs,
|
|
38
|
+
className = _ref2.className;
|
|
39
|
+
var isLink = !!link;
|
|
40
|
+
var Element = isLink ? 'a' : 'div';
|
|
41
|
+
var isGradientBackground = !!background && background.includes('gradient');
|
|
42
|
+
return /*#__PURE__*/React.createElement(Element, (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
|
|
43
|
+
href: link === null || link === void 0 ? void 0 : link.href,
|
|
44
|
+
target: link === null || link === void 0 ? void 0 : link.target,
|
|
45
|
+
rel: isLink ? (0, _setRelAttribute.setRelAttribute)(link.rel, link.target) : undefined,
|
|
46
|
+
className: cn({
|
|
47
|
+
background: background,
|
|
48
|
+
interactive: isLink,
|
|
49
|
+
gradient: isGradientBackground
|
|
50
|
+
}, [className]),
|
|
51
|
+
tabIndex: isLink ? 0 : -1
|
|
52
|
+
}), /*#__PURE__*/React.createElement("div", {
|
|
53
|
+
className: cn('content')
|
|
54
|
+
}, /*#__PURE__*/React.createElement(_uiCore.Header, {
|
|
55
|
+
as: "h3",
|
|
56
|
+
color: "inherit"
|
|
57
|
+
}, (0, _uiHelpers.convert)(title, {})), /*#__PURE__*/React.createElement(_uiCore.Paragraph, {
|
|
58
|
+
hasMargin: false,
|
|
59
|
+
color: "inherit"
|
|
60
|
+
}, (0, _uiHelpers.convert)(description, typographyConfig), !!(link === null || link === void 0 ? void 0 : link.pseudoLinkText) && /*#__PURE__*/React.createElement(React.Fragment, null, ' ', /*#__PURE__*/React.createElement("span", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.pseudoLink), {
|
|
61
|
+
className: cn('pseudo-link')
|
|
62
|
+
}), link.pseudoLinkText)))), /*#__PURE__*/React.createElement("img", {
|
|
63
|
+
src: imageSrc,
|
|
64
|
+
alt: title,
|
|
65
|
+
className: cn('image')
|
|
66
|
+
}));
|
|
67
|
+
};
|
|
68
|
+
var _default = exports["default"] = BenefitCard;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
h1,h2,h3,h4,h5{margin:0}.mfui-9-benefit-cards{display:grid;gap:20px;grid-template-columns:repeat(6,1fr)}@media screen and (min-width:768px) and (max-width:1023px){.mfui-9-benefit-cards:has(.mfui-9-benefit-cards__item:nth-child(3)) .mfui-9-benefit-cards__item:nth-child(-n+3){grid-column:span 3}.mfui-9-benefit-cards:has(.mfui-9-benefit-cards__item:nth-child(3)) .mfui-9-benefit-cards__item:first-child{grid-column:span 6}}@media screen and (min-width:1024px){.mfui-9-benefit-cards:has(.mfui-9-benefit-cards__item:nth-child(3)) .mfui-9-benefit-cards__item:nth-child(-n+3){grid-column:span 2}}.mfui-9-benefit-cards:has(.mfui-9-benefit-cards__item:nth-child(3)) .mfui-9-benefit-cards__item{grid-column:span 6}@media screen and (min-width:768px){.mfui-9-benefit-cards:has(.mfui-9-benefit-cards__item:nth-child(4)) .mfui-9-benefit-cards__item:nth-child(-n+4){grid-column:span 3}}.mfui-9-benefit-cards:has(.mfui-9-benefit-cards__item:nth-child(4)) .mfui-9-benefit-cards__item{grid-column:span 6}@media screen and (min-width:768px) and (max-width:1023px){.mfui-9-benefit-cards:has(.mfui-9-benefit-cards__item:nth-child(5)) .mfui-9-benefit-cards__item:first-child{grid-column:span 6}.mfui-9-benefit-cards:has(.mfui-9-benefit-cards__item:nth-child(5)) .mfui-9-benefit-cards__item:nth-child(n+2){grid-column:span 3}}@media screen and (min-width:1024px){.mfui-9-benefit-cards:has(.mfui-9-benefit-cards__item:nth-child(5)) .mfui-9-benefit-cards__item:nth-child(-n+2){grid-column:span 3}.mfui-9-benefit-cards:has(.mfui-9-benefit-cards__item:nth-child(5)) .mfui-9-benefit-cards__item:nth-child(n+3){grid-column:span 2}}.mfui-9-benefit-cards:has(.mfui-9-benefit-cards__item:nth-child(5)) .mfui-9-benefit-cards__item{grid-column:span 6}@media screen and (min-width:768px) and (max-width:1023px){.mfui-9-benefit-cards:has(.mfui-9-benefit-cards__item:nth-child(6)) .mfui-9-benefit-cards__item:nth-child(-n+6){grid-column:span 3}}@media screen and (min-width:1024px){.mfui-9-benefit-cards:has(.mfui-9-benefit-cards__item:nth-child(6)) .mfui-9-benefit-cards__item:nth-child(-n+6){grid-column:span 2}}.mfui-9-benefit-cards:has(.mfui-9-benefit-cards__item:nth-child(6)) .mfui-9-benefit-cards__item{grid-column:span 6}@media screen and (min-width:768px) and (max-width:1023px){.mfui-9-benefit-cards:has(.mfui-9-benefit-cards__item:nth-child(7)) .mfui-9-benefit-cards__item:first-child{grid-column:span 6}.mfui-9-benefit-cards:has(.mfui-9-benefit-cards__item:nth-child(7)) .mfui-9-benefit-cards__item:nth-child(n+2){grid-column:span 3}}@media screen and (min-width:1024px){.mfui-9-benefit-cards:has(.mfui-9-benefit-cards__item:nth-child(7)) .mfui-9-benefit-cards__item:nth-child(-n+2){grid-column:span 3}.mfui-9-benefit-cards:has(.mfui-9-benefit-cards__item:nth-child(7)) .mfui-9-benefit-cards__item:nth-child(n+3){grid-column:span 2}.mfui-9-benefit-cards:has(.mfui-9-benefit-cards__item:nth-child(7)) .mfui-9-benefit-cards__item:nth-child(n+6){grid-column:span 3}}.mfui-9-benefit-cards:has(.mfui-9-benefit-cards__item:nth-child(7)) .mfui-9-benefit-cards__item{grid-column:span 6}@media screen and (min-width:768px) and (max-width:1023px){.mfui-9-benefit-cards:has(.mfui-9-benefit-cards__item:nth-child(8)) .mfui-9-benefit-cards__item:nth-child(-n+8){grid-column:span 3}}@media screen and (min-width:1024px){.mfui-9-benefit-cards:has(.mfui-9-benefit-cards__item:nth-child(8)) .mfui-9-benefit-cards__item:nth-child(-n+2){grid-column:span 3}.mfui-9-benefit-cards:has(.mfui-9-benefit-cards__item:nth-child(8)) .mfui-9-benefit-cards__item:nth-child(n+3){grid-column:span 2}}.mfui-9-benefit-cards:has(.mfui-9-benefit-cards__item:nth-child(8)) .mfui-9-benefit-cards__item{grid-column:span 6}@media screen and (min-width:768px) and (max-width:1023px){.mfui-9-benefit-cards:has(.mfui-9-benefit-cards__item:nth-child(9)) .mfui-9-benefit-cards__item:first-child{grid-column:span 6}.mfui-9-benefit-cards:has(.mfui-9-benefit-cards__item:nth-child(9)) .mfui-9-benefit-cards__item:nth-child(n+2){grid-column:span 3}}@media screen and (min-width:1024px){.mfui-9-benefit-cards:has(.mfui-9-benefit-cards__item:nth-child(9)) .mfui-9-benefit-cards__item:nth-child(-n+9){grid-column:span 2}}.mfui-9-benefit-cards:has(.mfui-9-benefit-cards__item:nth-child(9)) .mfui-9-benefit-cards__item{grid-column:span 6}.mfui-9-benefit-cards__item{grid-column:span 3}@media screen and (max-width:767px){.mfui-9-benefit-cards__item{grid-column:span 6}}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { ExtraBackgroundType, IBenefitCardData, MainBackgroundType } from './types';
|
|
3
|
+
import './BenefitCards.scss';
|
|
4
|
+
export interface IBenefitCards {
|
|
5
|
+
/** Список карточек */
|
|
6
|
+
items: IBenefitCardData[];
|
|
7
|
+
/** Основной фон карточек */
|
|
8
|
+
mainBackground?: MainBackgroundType;
|
|
9
|
+
/** Дополнительный фон карточек */
|
|
10
|
+
extraBackground?: ExtraBackgroundType;
|
|
11
|
+
/** Дополнительный класс для компонента */
|
|
12
|
+
className?: string;
|
|
13
|
+
/** Дополнительные классы для внутренних элементов */
|
|
14
|
+
classes?: {
|
|
15
|
+
root?: string;
|
|
16
|
+
card?: string;
|
|
17
|
+
};
|
|
18
|
+
/** Дополнительные data атрибуты к внутренним элементам */
|
|
19
|
+
dataAttrs?: {
|
|
20
|
+
root?: Record<string, string>;
|
|
21
|
+
card?: Record<string, string>;
|
|
22
|
+
};
|
|
23
|
+
/** Ссылка на корневой элемент */
|
|
24
|
+
rootRef?: React.Ref<HTMLDivElement>;
|
|
25
|
+
}
|
|
26
|
+
declare const BenefitCards: React.FC<IBenefitCards>;
|
|
27
|
+
export default BenefitCards;
|