krl-alfred 1.77.23 → 1.77.25

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.
@@ -16,23 +16,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
16
16
  Object.defineProperty(exports, "__esModule", { value: true });
17
17
  var jsx_runtime_1 = require("react/jsx-runtime");
18
18
  var props_1 = require("./props");
19
- var layout1_1 = __importDefault(require("./layouts/layout1"));
20
- var layout2_1 = __importDefault(require("./layouts/layout2"));
21
19
  var layout3_1 = __importDefault(require("./layouts/layout3"));
22
- var layout4_1 = __importDefault(require("./layouts/layout4"));
23
20
  var Banner = function (props) {
24
21
  var layout = props.layout;
25
22
  switch (layout) {
26
- case 'layout1':
27
- return (0, jsx_runtime_1.jsx)(layout1_1.default, __assign({}, props));
28
- case 'layout2':
29
- return (0, jsx_runtime_1.jsx)(layout2_1.default, __assign({}, props));
30
23
  case 'layout3':
31
24
  return (0, jsx_runtime_1.jsx)(layout3_1.default, __assign({}, props));
32
- case 'layout4':
33
- return (0, jsx_runtime_1.jsx)(layout4_1.default, __assign({}, props));
34
25
  default:
35
- return (0, jsx_runtime_1.jsx)(layout1_1.default, __assign({}, props));
26
+ return (0, jsx_runtime_1.jsx)(layout3_1.default, __assign({}, props));
36
27
  }
37
28
  };
38
29
  Banner.defaultProps = {
@@ -10,5 +10,5 @@ Object.defineProperty(exports, "__esModule", { value: true });
10
10
  exports.BannerCardStyled = void 0;
11
11
  var styled_components_1 = __importDefault(require("styled-components"));
12
12
  var devices_1 = require("../../constants/devices");
13
- exports.BannerCardStyled = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n\n ", "\n padding: 0 5rem;\n display: grid;\n grid-template-columns: 1fr auto;\n align-items: center;\n height: 420px;\n background-color: ", ";\n border-radius: 0.5rem;\n @media only screen and ", " {\n padding: 0;\n display: block;\n height: auto;\n }\n\n .text {\n @media only screen and ", " {\n display: none;\n }\n max-width: 478px;\n\n .title {\n margin-bottom: 1.5rem;\n display: block;\n color: ", ";\n font:var(--headline-extra-bold-32-39);\n }\n\n .description {\n margin: 0;\n display: block;\n color: ", ";\n font:var(--title-regular-16-19);\n }\n button{\n margin-top: 1.5rem;\n }\n }\n\n .textMobile {\n display: none;\n background-color: var(--primary-shades-dark);\n padding: 0 1rem;\n color: white;\n align-items: center;\n justify-content: space-between;\n border-radius: 0 0 8px 8px;\n height: 70px;\n font:var(--title-medium-16-19);\n svg {\n margin-left: 1rem;\n }\n\n b {\n display: block;\n }\n\n @media only screen and ", " {\n display: flex;\n }\n }\n\n .img {\n text-align: end;\n img {\n display: inline-block !important;\n max-height: 100%;\n max-width: 100%;\n @media only screen and ", " {\n height: auto;\n }\n }\n\n @media only screen and ", " {\n padding: 0;\n text-align: center;\n height: 228px;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: ", ";\n border-radius: 0.5rem;\n * {\n height: 174px !important;\n max-height: 174px !important;\n }\n }\n }\n"], ["\n\n ", "\n padding: 0 5rem;\n display: grid;\n grid-template-columns: 1fr auto;\n align-items: center;\n height: 420px;\n background-color: ", ";\n border-radius: 0.5rem;\n @media only screen and ", " {\n padding: 0;\n display: block;\n height: auto;\n }\n\n .text {\n @media only screen and ", " {\n display: none;\n }\n max-width: 478px;\n\n .title {\n margin-bottom: 1.5rem;\n display: block;\n color: ", ";\n font:var(--headline-extra-bold-32-39);\n }\n\n .description {\n margin: 0;\n display: block;\n color: ", ";\n font:var(--title-regular-16-19);\n }\n button{\n margin-top: 1.5rem;\n }\n }\n\n .textMobile {\n display: none;\n background-color: var(--primary-shades-dark);\n padding: 0 1rem;\n color: white;\n align-items: center;\n justify-content: space-between;\n border-radius: 0 0 8px 8px;\n height: 70px;\n font:var(--title-medium-16-19);\n svg {\n margin-left: 1rem;\n }\n\n b {\n display: block;\n }\n\n @media only screen and ", " {\n display: flex;\n }\n }\n\n .img {\n text-align: end;\n img {\n display: inline-block !important;\n max-height: 100%;\n max-width: 100%;\n @media only screen and ", " {\n height: auto;\n }\n }\n\n @media only screen and ", " {\n padding: 0;\n text-align: center;\n height: 228px;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: ", ";\n border-radius: 0.5rem;\n * {\n height: 174px !important;\n max-height: 174px !important;\n }\n }\n }\n"])), function (props) { return props.$hasShadow ? "box-shadow: 0 6px 30px 0 var(--box-shadow-color);" : null; }, function (props) { return props.$hasDarkTheme ? "var(--dark)" : "#fff"; }, devices_1.devices.lg, devices_1.devices.lg, function (props) { return !props.$hasDarkTheme ? "var(--dark)" : "#fff"; }, function (props) { return !props.$hasDarkTheme ? "var(--dark)" : "#fff"; }, devices_1.devices.lg, devices_1.devices.lg, devices_1.devices.lg, function (props) { return props.$hasDarkTheme ? "var(--dark)" : "#fff"; });
13
+ exports.BannerCardStyled = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n\n ", "\n padding: 0 5rem;\n display: grid;\n grid-template-columns: 1fr auto;\n align-items: center;\n height: 420px;\n background-color: ", ";\n border-radius: 0.5rem;\n @media only screen and ", " {\n padding: 0;\n display: block;\n height: auto;\n }\n\n .text {\n @media only screen and ", " {\n display: none;\n }\n max-width: 478px;\n\n .title {\n margin-bottom: 1.5rem;\n display: block;\n color: ", ";\n font:var(--headline-extra-bold-32-39);\n }\n\n .description {\n margin: 0;\n display: block;\n color: ", ";\n font:var(--title-regular-16-19);\n }\n button{\n margin-top: 1.5rem;\n }\n }\n\n .textMobile {\n display: none;\n background-color: var(--primary-shades-dark);\n padding: 0 1rem;\n color: white;\n align-items: center;\n justify-content: space-between;\n border-radius: 0 0 8px 8px;\n height: 70px;\n font:var(--title-medium-16-19);\n svg {\n margin-left: 1rem;\n }\n\n b {\n display: block;\n }\n\n @media only screen and ", " {\n display: flex;\n }\n }\n\n .img {\n text-align: end;\n *{\n display: block !important;\n }\n img {\n max-height: 100%;\n max-width: 100%;\n @media only screen and ", " {\n height: auto;\n }\n }\n\n @media only screen and ", " {\n padding: 0;\n text-align: center;\n height: 228px;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: ", ";\n border-radius: 0.5rem;\n * {\n height: 174px !important;\n max-height: 174px !important;\n }\n }\n }\n"], ["\n\n ", "\n padding: 0 5rem;\n display: grid;\n grid-template-columns: 1fr auto;\n align-items: center;\n height: 420px;\n background-color: ", ";\n border-radius: 0.5rem;\n @media only screen and ", " {\n padding: 0;\n display: block;\n height: auto;\n }\n\n .text {\n @media only screen and ", " {\n display: none;\n }\n max-width: 478px;\n\n .title {\n margin-bottom: 1.5rem;\n display: block;\n color: ", ";\n font:var(--headline-extra-bold-32-39);\n }\n\n .description {\n margin: 0;\n display: block;\n color: ", ";\n font:var(--title-regular-16-19);\n }\n button{\n margin-top: 1.5rem;\n }\n }\n\n .textMobile {\n display: none;\n background-color: var(--primary-shades-dark);\n padding: 0 1rem;\n color: white;\n align-items: center;\n justify-content: space-between;\n border-radius: 0 0 8px 8px;\n height: 70px;\n font:var(--title-medium-16-19);\n svg {\n margin-left: 1rem;\n }\n\n b {\n display: block;\n }\n\n @media only screen and ", " {\n display: flex;\n }\n }\n\n .img {\n text-align: end;\n *{\n display: block !important;\n }\n img {\n max-height: 100%;\n max-width: 100%;\n @media only screen and ", " {\n height: auto;\n }\n }\n\n @media only screen and ", " {\n padding: 0;\n text-align: center;\n height: 228px;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: ", ";\n border-radius: 0.5rem;\n * {\n height: 174px !important;\n max-height: 174px !important;\n }\n }\n }\n"])), function (props) { return props.$hasShadow ? "box-shadow: 0 6px 30px 0 var(--box-shadow-color);" : null; }, function (props) { return props.$hasDarkTheme ? "var(--dark)" : "#fff"; }, devices_1.devices.lg, devices_1.devices.lg, function (props) { return !props.$hasDarkTheme ? "var(--dark)" : "#fff"; }, function (props) { return !props.$hasDarkTheme ? "var(--dark)" : "#fff"; }, devices_1.devices.lg, devices_1.devices.lg, devices_1.devices.lg, function (props) { return props.$hasDarkTheme ? "var(--dark)" : "#fff"; });
14
14
  var templateObject_1;
@@ -49,7 +49,7 @@ var PaymentCart = function (props) {
49
49
  }
50
50
  setPaymentDropdownList(list);
51
51
  }, [props.isShowChoosePrimary, props.isShowChooseSpare, props.isShowDelete]);
52
- return ((0, jsx_runtime_1.jsxs)(PaymentCart_styled_1.PaymentCartStyled, __assign({ "$checked": props.checked, htmlFor: props.id, "$isShowRadio": props.isShowRadio }, { children: [(0, jsx_runtime_1.jsxs)(PaymentCart_styled_1.LeftFrame, { children: [props.isShowRadio && ((0, jsx_runtime_1.jsx)(PaymentCart_styled_1.RadioButtonWrapper, { children: (0, jsx_runtime_1.jsx)(RadioButton_1.default, { id: props.id, onChange: props.onChange, checked: props.checked, isWrapText: false, layout: "basic", size: "small", name: props.name, value: props.value }) })), (0, jsx_runtime_1.jsx)(PaymentCart_styled_1.ImageWrapper, { children: props.cartIcon }), (0, jsx_runtime_1.jsxs)(PaymentCart_styled_1.Title, { children: [props.titlePrefix && (0, jsx_runtime_1.jsx)("span", { children: props.titlePrefix }), (0, jsx_runtime_1.jsx)("span", { children: props.title })] })] }), (0, jsx_runtime_1.jsxs)(PaymentCart_styled_1.RightFrame, { children: [props.badgeText && ((0, jsx_runtime_1.jsx)(PaymentCart_styled_1.BadgeWrapper, __assign({ "$isHideMobileBadge": props.isHideMobileBadge }, { children: (0, jsx_runtime_1.jsx)(Badges_1.default, { title: props.badgeText, layout: "text", variant: props.badgeVariant }) }))), props.infoText && ((0, jsx_runtime_1.jsx)(PaymentCart_styled_1.TooltipWrapper, { children: (0, jsx_runtime_1.jsx)(Tooltip_1.default, __assign({ iconStrokeWidth: "2px", popupSize: "small", position: "topRight", popupWidth: "147px", iconWidth: "24px", iconHeight: "24px", popupRight: "-8px" }, { children: (0, jsx_runtime_1.jsx)(PaymentCart_styled_1.TooltipDescription, { children: props.infoText }) })) })), props.isShowTextLink && ((0, jsx_runtime_1.jsx)(PaymentCart_styled_1.TextLinkWrapper, { children: (0, jsx_runtime_1.jsx)(TextLink_1.default, __assign({ onClick: props.onClickTextLink }, { children: props.textLinkText })) })), props.isShowDropdown && ((0, jsx_runtime_1.jsx)(PaymentCart_styled_1.DropdownWrapper, { children: (0, jsx_runtime_1.jsx)(Dropdown_1.default, { size: "small", list: paymentDropdownList, isShowTopChevron: true, toggle: function () { return (0, jsx_runtime_1.jsxs)(PaymentCart_styled_1.DropdownToggleButton, { children: [(0, jsx_runtime_1.jsx)(Icon_1.default, { name: "MoreCircle" }), " "] }); }, childrenVariant: "primary", right: "-12px", width: "170px", top: "calc(100% + 10px)" }) }))] })] })));
52
+ return ((0, jsx_runtime_1.jsxs)(PaymentCart_styled_1.PaymentCartStyled, __assign({ "$checked": props.checked, htmlFor: props.id, "$isShowRadio": props.isShowRadio }, { children: [(0, jsx_runtime_1.jsxs)(PaymentCart_styled_1.LeftFrame, { children: [props.isShowRadio && ((0, jsx_runtime_1.jsx)(PaymentCart_styled_1.RadioButtonWrapper, { children: (0, jsx_runtime_1.jsx)(RadioButton_1.default, { id: props.id, onChange: props.onChange, checked: props.checked, isWrapText: false, layout: "basic", size: "small", name: props.name, value: props.value }) })), (0, jsx_runtime_1.jsx)(PaymentCart_styled_1.ImageWrapper, { children: props.cartIcon }), (0, jsx_runtime_1.jsx)(PaymentCart_styled_1.Title, { children: (0, jsx_runtime_1.jsx)("span", { children: props.title }) })] }), (0, jsx_runtime_1.jsxs)(PaymentCart_styled_1.RightFrame, { children: [props.badgeText && ((0, jsx_runtime_1.jsx)(PaymentCart_styled_1.BadgeWrapper, __assign({ "$isHideMobileBadge": props.isHideMobileBadge }, { children: (0, jsx_runtime_1.jsx)(Badges_1.default, { title: props.badgeText, layout: "text", variant: props.badgeVariant }) }))), props.infoText && ((0, jsx_runtime_1.jsx)(PaymentCart_styled_1.TooltipWrapper, { children: (0, jsx_runtime_1.jsx)(Tooltip_1.default, __assign({ iconStrokeWidth: "2px", popupSize: "small", position: "topRight", popupWidth: "147px", iconWidth: "24px", iconHeight: "24px", popupRight: "-8px" }, { children: (0, jsx_runtime_1.jsx)(PaymentCart_styled_1.TooltipDescription, { children: props.infoText }) })) })), props.isShowTextLink && ((0, jsx_runtime_1.jsx)(PaymentCart_styled_1.TextLinkWrapper, { children: (0, jsx_runtime_1.jsx)(TextLink_1.default, __assign({ onClick: props.onClickTextLink }, { children: props.textLinkText })) })), props.isShowDropdown && ((0, jsx_runtime_1.jsx)(PaymentCart_styled_1.DropdownWrapper, { children: (0, jsx_runtime_1.jsx)(Dropdown_1.default, { size: "small", list: paymentDropdownList, isShowTopChevron: true, toggle: function () { return (0, jsx_runtime_1.jsxs)(PaymentCart_styled_1.DropdownToggleButton, { children: [(0, jsx_runtime_1.jsx)(Icon_1.default, { name: "MoreCircle" }), " "] }); }, childrenVariant: "primary", right: "-12px", width: "170px", top: "calc(100% + 10px)" }) }))] })] })));
53
53
  };
54
54
  PaymentCart.defaultProps = {
55
55
  badgeText: "Badge text",
@@ -18,7 +18,7 @@ exports.BadgeWrapper = styled_components_1.default.div(templateObject_5 || (temp
18
18
  exports.TooltipWrapper = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n margin-left: 1rem;\n"], ["\n margin-left: 1rem;\n"])));
19
19
  exports.DropdownWrapper = styled_components_1.default.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n margin-left: 1rem;\n"], ["\n margin-left: 1rem;\n"])));
20
20
  exports.DropdownToggleButton = styled_components_1.default.span(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n box-sizing: border-box;\n position: relative;\n display: flex;\n justify-content: center;\n align-items: center;\n border-radius: 0;\n padding: 0;\n cursor: pointer;\n transition: all .2s;\n outline: none;\n border:0;\n background: none;\n color: var(--primary);\n"], ["\n box-sizing: border-box;\n position: relative;\n display: flex;\n justify-content: center;\n align-items: center;\n border-radius: 0;\n padding: 0;\n cursor: pointer;\n transition: all .2s;\n outline: none;\n border:0;\n background: none;\n color: var(--primary);\n"])));
21
- exports.Title = styled_components_1.default.strong(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n font: var(--body-bold-14-17);\n span{\n display: inline-block;\n vertical-align: middle;\n position: relative;\n line-height: 17px;\n &:is(:first-child){\n &:after{\n content: \"\";\n display: inline-block;\n width: 1.5px;\n height: 17px;\n vertical-align: sub;\n background: var(--dark);\n margin: 0 0.5rem;\n }\n }\n &:is(:last-child){\n \n }\n }\n"], ["\n font: var(--body-bold-14-17);\n span{\n display: inline-block;\n vertical-align: middle;\n position: relative;\n line-height: 17px;\n &:is(:first-child){\n &:after{\n content: \"\";\n display: inline-block;\n width: 1.5px;\n height: 17px;\n vertical-align: sub;\n background: var(--dark);\n margin: 0 0.5rem;\n }\n }\n &:is(:last-child){\n \n }\n }\n"])));
21
+ exports.Title = styled_components_1.default.strong(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n font: var(--body-bold-14-17);\n span{\n display: inline-block;\n vertical-align: middle;\n position: relative;\n line-height: 17px;\n }\n"], ["\n font: var(--body-bold-14-17);\n span{\n display: inline-block;\n vertical-align: middle;\n position: relative;\n line-height: 17px;\n }\n"])));
22
22
  exports.TooltipDescription = styled_components_1.default.div(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n text-align: center;\n font: var(--caption-semi-bold-11-13);\n"], ["\n text-align: center;\n font: var(--caption-semi-bold-11-13);\n"])));
23
23
  exports.TextLinkWrapper = styled_components_1.default.div(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n font: var(--body-bold-14-17);\n margin-left: 1rem;\n"], ["\n font: var(--body-bold-14-17);\n margin-left: 1rem;\n"])));
24
24
  exports.RadioButtonWrapper = styled_components_1.default.div(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n margin-right: 0.5rem;\n"], ["\n margin-right: 0.5rem;\n"])));
@@ -27,8 +27,7 @@ exports.Default = {
27
27
  args: {
28
28
  infoText: "Yeni bir kart eklemeden birincil kart silinemez",
29
29
  badgeText: "Badge text",
30
- titlePrefix: "5967",
31
- title: "13/29",
30
+ title: "**** 5967",
32
31
  cartIcon: (0, jsx_runtime_1.jsx)("img", { src: "http://localhost:3000/masterCard.svg", alt: "test" }),
33
32
  isShowChoosePrimary: true,
34
33
  isShowChooseSpare: true,
@@ -18,17 +18,11 @@ var jsx_runtime_1 = require("react/jsx-runtime");
18
18
  var props_1 = require("./props");
19
19
  var prop_types_1 = __importDefault(require("prop-types"));
20
20
  var Checklist_1 = __importDefault(require("./layouts/Checklist"));
21
- var Standart_1 = __importDefault(require("./layouts/Standart"));
22
- var Horizontal_1 = __importDefault(require("./layouts/Horizontal"));
23
21
  var HorizontalSm_1 = __importDefault(require("./layouts/HorizontalSm"));
24
22
  var ProductCard = function (props) {
25
23
  switch (props.layout) {
26
24
  case 'checklist':
27
25
  return (0, jsx_runtime_1.jsx)(Checklist_1.default, __assign({}, props));
28
- case 'standart':
29
- return (0, jsx_runtime_1.jsx)(Standart_1.default, __assign({}, props));
30
- case 'horizontal':
31
- return (0, jsx_runtime_1.jsx)(Horizontal_1.default, __assign({}, props));
32
26
  case 'horizontalSm':
33
27
  return (0, jsx_runtime_1.jsx)(HorizontalSm_1.default, __assign({}, props));
34
28
  default:
@@ -7,7 +7,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
7
7
  return (mod && mod.__esModule) ? mod : { "default": mod };
8
8
  };
9
9
  Object.defineProperty(exports, "__esModule", { value: true });
10
- exports.HorizontalSmStyled = exports.HorizontalStyled = exports.StandartStyled = exports.ChecklistStyled = void 0;
10
+ exports.HorizontalSmStyled = exports.ChecklistStyled = void 0;
11
11
  var styled_components_1 = __importDefault(require("styled-components"));
12
12
  var devices_1 = require("../../constants/devices");
13
13
  exports.ChecklistStyled = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: block;\n max-width: 634px;\n ", "\n .productCardInner {\n border: 1px solid var(--dark-opacity-10);\n border-radius: 8px;\n padding: ", ";\n background-color: white;\n grid-template-columns: auto auto 1fr;\n display: grid;\n justify-content: flex-start;\n @media only screen and ", " {\n padding: 24px 16px;\n }\n .productCardCheckboxContent{\n height: 64px;\n display: flex;\n align-items: center;\n justify-content: flex-start;\n &:is(.hidden){\n display: none;\n }\n .indicator{ \n margin-right: ", ";\n @media only screen and ", " {\n margin-right: 8px;\n }\n }\n }\n .productCardImg {\n width: 64px;\n height: 64px;\n border: 1px solid var(--dark-opacity-5);\n border-radius: 8px;\n position: relative;\n margin-right: 16px;\n overflow: hidden;\n box-sizing: border-box;\n > * {\n display: block;\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n object-fit: cover;\n object-position: center center;\n }\n }\n .productCardTitle{\n min-height: 64px;\n display: flex;\n align-items: center;\n justify-content: flex-start;\n text-align: start;\n font:", ";\n }\n .productCardContent{ \n margin: 1.5rem auto 0 ", ";\n grid-column-start: 1;\n grid-column-end: 4;\n width: ", ";\n ", ";\n @media only screen and ", " {\n margin: 1rem auto 0 0;\n width: 100%;\n }\n }\n }\n"], ["\n display: block;\n max-width: 634px;\n ", "\n .productCardInner {\n border: 1px solid var(--dark-opacity-10);\n border-radius: 8px;\n padding: ", ";\n background-color: white;\n grid-template-columns: auto auto 1fr;\n display: grid;\n justify-content: flex-start;\n @media only screen and ", " {\n padding: 24px 16px;\n }\n .productCardCheckboxContent{\n height: 64px;\n display: flex;\n align-items: center;\n justify-content: flex-start;\n &:is(.hidden){\n display: none;\n }\n .indicator{ \n margin-right: ", ";\n @media only screen and ", " {\n margin-right: 8px;\n }\n }\n }\n .productCardImg {\n width: 64px;\n height: 64px;\n border: 1px solid var(--dark-opacity-5);\n border-radius: 8px;\n position: relative;\n margin-right: 16px;\n overflow: hidden;\n box-sizing: border-box;\n > * {\n display: block;\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n object-fit: cover;\n object-position: center center;\n }\n }\n .productCardTitle{\n min-height: 64px;\n display: flex;\n align-items: center;\n justify-content: flex-start;\n text-align: start;\n font:", ";\n }\n .productCardContent{ \n margin: 1.5rem auto 0 ", ";\n grid-column-start: 1;\n grid-column-end: 4;\n width: ", ";\n ", ";\n @media only screen and ", " {\n margin: 1rem auto 0 0;\n width: 100%;\n }\n }\n }\n"])), function (props) { return props.disabled ? "\n user-select:none;\n pointer-events:none;\n " : "\n cursor: pointer;\n *{\n cursor: pointer;\n }\n "; }, function (props) {
@@ -47,7 +47,5 @@ exports.ChecklistStyled = styled_components_1.default.div(templateObject_1 || (t
47
47
  return null;
48
48
  }
49
49
  }, devices_1.devices.md);
50
- exports.StandartStyled = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n box-shadow: 0 6px 30px 0 var(--box-shadow-color);\n border-radius: 0.5rem;\n min-width: 240px;\n padding: 1rem;\n transition: all .2s ease;\n position: relative;\n box-sizing: border-box;\n .cartBadge{\n position: absolute;\n left: 8px;\n top: 8px;\n z-index: 2;\n }\n a {\n text-decoration: none;\n color: inherit;\n }\n\n &:hover {\n box-shadow: 0 4px 15px 0 var(--dark-shadow-color);\n }\n\n .img {\n border-radius: 0.5rem;\n border: 1px solid var(--dark-opacity-5);\n background: #FFF;\n position: relative;\n overflow: hidden;\n height: 150px;\n box-sizing: border-box;\n z-index: 1;\n text-align: center;\n > * {\n width: 100%;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translate(-50%,-50%);\n display: flex;\n align-items: center;\n justify-content: center;\n }\n *{ \n height: calc(100% - 0.5rem) !important;\n aspect-ratio: 1 / 1 !important;\n }\n }\n .productCardContent{ \n padding: 1rem 0 0.5rem 0;\n .productCardTitle{\n display: block;\n color: var(--dark);\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n overflow: hidden;\n height: 38px;\n word-break: break-word;\n font: var(--title-bold-16-19);\n }\n .productCardDescription{\n display: block;\n margin-top: 0.5rem;\n color: var(--grey-40);\n margin-bottom: 1.5rem;\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n overflow: hidden;\n height: 34px;\n word-break: break-word;\n font: var(--body-medium-14-17);\n }\n\n .productCardPriceContent {\n display: grid;\n align-items: ", ";\n justify-content: flex-start;\n height: 36px;\n grid-template-columns: ", ";\n\n .discountRate {\n margin-right: 0.5rem;\n width: 48px;\n height: 36px;\n border-radius: 8px;\n background-color: var(--primary-opacity-10);\n color: var(--primary);\n display: flex;\n align-items: center;\n justify-content: center;\n font: var(--body-extra-bold-13-16);\n }\n\n .oldPrice, .newPrice {\n display: flex;\n align-items: end;\n justify-content: flex-start;\n\n .price {\n margin-right: 2px;\n }\n }\n\n .oldPrice {\n color: var(--dark-opacity-25);\n margin-bottom: 2px;\n .price, .period {\n text-decoration: line-through;\n }\n .price{\n font: var(--caption-semi-bold-12-15);\n }\n .period{\n font:var(--caption-regular-12-15);\n }\n }\n\n .newPrice {\n .price{\n font: var(--body-extra-bold-14-17);\n }\n .period{\n font: var(--body-regular-13-16);\n }\n }\n }\n }\n\n ", "\n"], ["\n box-shadow: 0 6px 30px 0 var(--box-shadow-color);\n border-radius: 0.5rem;\n min-width: 240px;\n padding: 1rem;\n transition: all .2s ease;\n position: relative;\n box-sizing: border-box;\n .cartBadge{\n position: absolute;\n left: 8px;\n top: 8px;\n z-index: 2;\n }\n a {\n text-decoration: none;\n color: inherit;\n }\n\n &:hover {\n box-shadow: 0 4px 15px 0 var(--dark-shadow-color);\n }\n\n .img {\n border-radius: 0.5rem;\n border: 1px solid var(--dark-opacity-5);\n background: #FFF;\n position: relative;\n overflow: hidden;\n height: 150px;\n box-sizing: border-box;\n z-index: 1;\n text-align: center;\n > * {\n width: 100%;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translate(-50%,-50%);\n display: flex;\n align-items: center;\n justify-content: center;\n }\n *{ \n height: calc(100% - 0.5rem) !important;\n aspect-ratio: 1 / 1 !important;\n }\n }\n .productCardContent{ \n padding: 1rem 0 0.5rem 0;\n .productCardTitle{\n display: block;\n color: var(--dark);\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n overflow: hidden;\n height: 38px;\n word-break: break-word;\n font: var(--title-bold-16-19);\n }\n .productCardDescription{\n display: block;\n margin-top: 0.5rem;\n color: var(--grey-40);\n margin-bottom: 1.5rem;\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n overflow: hidden;\n height: 34px;\n word-break: break-word;\n font: var(--body-medium-14-17);\n }\n\n .productCardPriceContent {\n display: grid;\n align-items: ", ";\n justify-content: flex-start;\n height: 36px;\n grid-template-columns: ", ";\n\n .discountRate {\n margin-right: 0.5rem;\n width: 48px;\n height: 36px;\n border-radius: 8px;\n background-color: var(--primary-opacity-10);\n color: var(--primary);\n display: flex;\n align-items: center;\n justify-content: center;\n font: var(--body-extra-bold-13-16);\n }\n\n .oldPrice, .newPrice {\n display: flex;\n align-items: end;\n justify-content: flex-start;\n\n .price {\n margin-right: 2px;\n }\n }\n\n .oldPrice {\n color: var(--dark-opacity-25);\n margin-bottom: 2px;\n .price, .period {\n text-decoration: line-through;\n }\n .price{\n font: var(--caption-semi-bold-12-15);\n }\n .period{\n font:var(--caption-regular-12-15);\n }\n }\n\n .newPrice {\n .price{\n font: var(--body-extra-bold-14-17);\n }\n .period{\n font: var(--body-regular-13-16);\n }\n }\n }\n }\n\n ", "\n"])), function (props) { return props.discountRate ? 'center' : 'end'; }, function (props) { return props.discountRate ? 'auto 1fr' : '1fr'; }, function (props) { return props.isResponsive && "\n @media only screen and ".concat(devices_1.devices.sm, " {\n padding: 1.5rem;\n .cartBadge{\n left: 16px;\n top: 16px;\n }\n .img {\n height: 215px;\n }\n .productCardContent{\n padding: 1.5rem 0 0.5rem 0;\n .productCardTitle{\n height: 44px;\n font: var(--headline-bold-18-22);\n }\n .productCardDescription{\n margin-bottom: 1.5rem;\n height: 37px;\n font: var(--title-medium-16-19);\n }\n .productCardPriceContent{\n height: 48px;\n .discountRate{\n width: 65px;\n height: 48px;\n font: var(--title-extra-bold-16-19);\n }\n \n .oldPrice {\n .price{\n font: var(--body-semi-bold-13-16);\n }\n }\n .newPrice {\n .price{\n font: var(--title-extra-bold-16-19);\n }\n .period{\n font: var(--body-regular-14-17);\n }\n }\n }\n }\n }\n "); });
51
- exports.HorizontalStyled = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n color: var(--dark);\n padding: 0.5rem;\n transition: all .2s ease;\n border-radius: 8px;\n\n &:hover {\n background: var(--dark-opacity-3);\n }\n\n a {\n text-decoration: none;\n color: inherit;\n }\n\n .horizontalWrapper {\n text-decoration: none;\n display: grid;\n grid-template-columns: auto 1fr;\n align-items: center;\n\n .img {\n border: 1px solid var(--dark-opacity-5);\n border-radius: 8px;\n position: relative;\n overflow: hidden;\n width: 142px;\n height: 88px;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-right: 1rem;\n background: white;\n @media only screen and ", " {\n margin-right: 0.5rem;\n width: 71px;\n height: 50px;\n box-shadow: 0 6px 30px 0 var(--search-shadow-color);\n border: 0;\n }\n\n > * {\n width: 100%;\n height: 100%;\n object-fit: contain;\n object-position: center center;\n display: block;\n }\n }\n .title{\n display: block;\n display: -webkit-box;\n -webkit-line-clamp: 1;\n -webkit-box-orient: vertical;\n overflow: hidden;\n word-break: break-word;\n font:", ";\n }\n\n .description {\n color: var(--grey-50);\n margin-top: 0.5rem;\n margin-bottom: 0.5rem;\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n overflow: hidden;\n word-break: break-word;\n font:var(--body-medium-14-17);\n }\n\n .priceContent {\n display: flex;\n align-items: end;\n justify-content: flex-start;\n\n .price {\n margin-right: 2px;\n font:", ";\n }\n\n .period {\n font:", ";\n }\n }\n }\n"], ["\n color: var(--dark);\n padding: 0.5rem;\n transition: all .2s ease;\n border-radius: 8px;\n\n &:hover {\n background: var(--dark-opacity-3);\n }\n\n a {\n text-decoration: none;\n color: inherit;\n }\n\n .horizontalWrapper {\n text-decoration: none;\n display: grid;\n grid-template-columns: auto 1fr;\n align-items: center;\n\n .img {\n border: 1px solid var(--dark-opacity-5);\n border-radius: 8px;\n position: relative;\n overflow: hidden;\n width: 142px;\n height: 88px;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-right: 1rem;\n background: white;\n @media only screen and ", " {\n margin-right: 0.5rem;\n width: 71px;\n height: 50px;\n box-shadow: 0 6px 30px 0 var(--search-shadow-color);\n border: 0;\n }\n\n > * {\n width: 100%;\n height: 100%;\n object-fit: contain;\n object-position: center center;\n display: block;\n }\n }\n .title{\n display: block;\n display: -webkit-box;\n -webkit-line-clamp: 1;\n -webkit-box-orient: vertical;\n overflow: hidden;\n word-break: break-word;\n font:", ";\n }\n\n .description {\n color: var(--grey-50);\n margin-top: 0.5rem;\n margin-bottom: 0.5rem;\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n overflow: hidden;\n word-break: break-word;\n font:var(--body-medium-14-17);\n }\n\n .priceContent {\n display: flex;\n align-items: end;\n justify-content: flex-start;\n\n .price {\n margin-right: 2px;\n font:", ";\n }\n\n .period {\n font:", ";\n }\n }\n }\n"])), devices_1.devices.sm, function (props) { return (props.isMobile ? 'var(--caption-semi-bold-12-15)' : 'var(--title-semi-bold-16-19)'); }, function (props) { return (props.isMobile ? 'var(--caption-extra-bold-12-15)' : 'var(--body-extra-bold-14-17)'); }, function (props) { return (props.isMobile ? 'var(--caption-regular-12-15)' : 'var(--body-regular-13-16)'); });
52
- exports.HorizontalSmStyled = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n color: var(--dark);\n padding: 0 0.5rem;\n transition: all .2s ease;\n border-radius: 8px;\n border: 1px solid var(--grey-10);\n\n a {\n text-decoration: none;\n color: inherit;\n }\n\n .horizontalSmWrapper {\n text-decoration: none;\n display: grid;\n grid-template-columns: auto 1fr auto;\n align-items: center;\n height: 66px;\n padding-right: 1rem;\n\n .img {\n border: ", ";\n border-radius: 8px;\n position: relative;\n overflow: hidden;\n width: ", ";\n height: ", ";\n display: flex;\n align-items: center;\n justify-content: center;\n margin-right: 1rem;\n background: white;\n\n > * {\n vertical-align: middle !important;\n }\n }\n\n .text {\n padding-right: ", ";\n .title {\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n overflow: hidden;\n word-break: break-word;\n font:var(--body-semi-bold-14-17);\n }\n }\n\n .priceContent {\n text-align: end;\n\n .period {\n display: block;\n margin-bottom: 4px;\n font:var(--body-regular-14-17);\n }\n\n .price {\n display: block;\n font:var(--title-extra-bold-16-19);\n }\n }\n }\n"], ["\n color: var(--dark);\n padding: 0 0.5rem;\n transition: all .2s ease;\n border-radius: 8px;\n border: 1px solid var(--grey-10);\n\n a {\n text-decoration: none;\n color: inherit;\n }\n\n .horizontalSmWrapper {\n text-decoration: none;\n display: grid;\n grid-template-columns: auto 1fr auto;\n align-items: center;\n height: 66px;\n padding-right: 1rem;\n\n .img {\n border: ", ";\n border-radius: 8px;\n position: relative;\n overflow: hidden;\n width: ", ";\n height: ", ";\n display: flex;\n align-items: center;\n justify-content: center;\n margin-right: 1rem;\n background: white;\n\n > * {\n vertical-align: middle !important;\n }\n }\n\n .text {\n padding-right: ", ";\n .title {\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n overflow: hidden;\n word-break: break-word;\n font:var(--body-semi-bold-14-17);\n }\n }\n\n .priceContent {\n text-align: end;\n\n .period {\n display: block;\n margin-bottom: 4px;\n font:var(--body-regular-14-17);\n }\n\n .price {\n display: block;\n font:var(--title-extra-bold-16-19);\n }\n }\n }\n"])), function (props) { return props.hasImageBorder ? '1px solid var(--dark-opacity-5)' : 'none'; }, function (props) { return props.imageWidth ? props.imageWidth : '71px'; }, function (props) { return props.imageHeight ? props.imageHeight : '50px'; }, function (props) { return props.period ? "2rem" : "0"; });
53
- var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
50
+ exports.HorizontalSmStyled = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n color: var(--dark);\n padding: 0 0.5rem;\n transition: all .2s ease;\n border-radius: 8px;\n border: 1px solid var(--grey-10);\n\n a {\n text-decoration: none;\n color: inherit;\n }\n\n .horizontalSmWrapper {\n text-decoration: none;\n display: grid;\n grid-template-columns: auto 1fr auto;\n align-items: center;\n height: 66px;\n padding-right: 1rem;\n\n .img {\n border: ", ";\n border-radius: 8px;\n position: relative;\n overflow: hidden;\n width: ", ";\n height: ", ";\n display: flex;\n align-items: center;\n justify-content: center;\n margin-right: 1rem;\n background: white;\n\n > * {\n vertical-align: middle !important;\n }\n }\n\n .text {\n padding-right: ", ";\n .title {\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n overflow: hidden;\n word-break: break-word;\n font:var(--body-semi-bold-14-17);\n }\n }\n\n .priceContent {\n text-align: end;\n\n .period {\n display: block;\n margin-bottom: 4px;\n font:var(--body-regular-14-17);\n }\n\n .price {\n display: block;\n font:var(--title-extra-bold-16-19);\n }\n }\n }\n"], ["\n color: var(--dark);\n padding: 0 0.5rem;\n transition: all .2s ease;\n border-radius: 8px;\n border: 1px solid var(--grey-10);\n\n a {\n text-decoration: none;\n color: inherit;\n }\n\n .horizontalSmWrapper {\n text-decoration: none;\n display: grid;\n grid-template-columns: auto 1fr auto;\n align-items: center;\n height: 66px;\n padding-right: 1rem;\n\n .img {\n border: ", ";\n border-radius: 8px;\n position: relative;\n overflow: hidden;\n width: ", ";\n height: ", ";\n display: flex;\n align-items: center;\n justify-content: center;\n margin-right: 1rem;\n background: white;\n\n > * {\n vertical-align: middle !important;\n }\n }\n\n .text {\n padding-right: ", ";\n .title {\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n overflow: hidden;\n word-break: break-word;\n font:var(--body-semi-bold-14-17);\n }\n }\n\n .priceContent {\n text-align: end;\n\n .period {\n display: block;\n margin-bottom: 4px;\n font:var(--body-regular-14-17);\n }\n\n .price {\n display: block;\n font:var(--title-extra-bold-16-19);\n }\n }\n }\n"])), function (props) { return props.hasImageBorder ? '1px solid var(--dark-opacity-5)' : 'none'; }, function (props) { return props.imageWidth ? props.imageWidth : '71px'; }, function (props) { return props.imageHeight ? props.imageHeight : '50px'; }, function (props) { return props.period ? "2rem" : "0"; });
51
+ var templateObject_1, templateObject_2;
package/dist/index.js CHANGED
@@ -3,10 +3,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
3
3
  return (mod && mod.__esModule) ? mod : { "default": mod };
4
4
  };
5
5
  Object.defineProperty(exports, "__esModule", { value: true });
6
- exports.ProductCardVertical = exports.BannerCard = exports.AutocompleteInput = exports.Slider = exports.InstallmentBox = exports.AddressCard = exports.ReviewCard = exports.useTranslation = exports.trLocale = exports.enLocale = exports.initi18n = exports.initReactI18next = exports.CampaignCard = exports.Dropdown = exports.InlineProgress = exports.Loader = exports.ShoppingCartProduct = exports.CouponCode = exports.InfoBox = exports.ContentBox = exports.ListGroup = exports.InsuranceBox = exports.Tooltip = exports.TextLink = exports.SelectBox = exports.Badges = exports.Carousel = exports.SuggestBox = exports.Toast = exports.Banner = exports.Accordion = exports.Divider = exports.SearchBox = exports.ValueProposition = exports.Textarea = exports.ActionButton = exports.RadioButton = exports.Icon = exports.Agreement = exports.Alert = exports.Stepper = exports.ProductCard = exports.OtpInput = exports.Modal = exports.Input = exports.CircleProgress = exports.Checkbox = exports.CategoryMenu = exports.Breadcrumbs = exports.Button = void 0;
7
- exports.ProductCardCheckbox = exports.PaymentCart = exports.Tabs = exports.ProductCardHorizontalSm = exports.ProductCardHorizontal = void 0;
8
- var react_slick_1 = __importDefault(require("react-slick"));
9
- exports.Slider = react_slick_1.default;
6
+ exports.ProductCardHorizontalSm = exports.ProductCardHorizontal = exports.ProductCardVertical = exports.BannerCard = exports.AutocompleteInput = exports.InstallmentBox = exports.AddressCard = exports.ReviewCard = exports.useTranslation = exports.trLocale = exports.enLocale = exports.initi18n = exports.initReactI18next = exports.CampaignCard = exports.Dropdown = exports.InlineProgress = exports.Loader = exports.ShoppingCartProduct = exports.CouponCode = exports.InfoBox = exports.ContentBox = exports.ListGroup = exports.InsuranceBox = exports.Tooltip = exports.TextLink = exports.SelectBox = exports.Badges = exports.SuggestBox = exports.Toast = exports.Banner = exports.Accordion = exports.Divider = exports.SearchBox = exports.ValueProposition = exports.Textarea = exports.ActionButton = exports.RadioButton = exports.Icon = exports.Agreement = exports.Alert = exports.Stepper = exports.ProductCard = exports.OtpInput = exports.Modal = exports.Input = exports.CircleProgress = exports.Checkbox = exports.CategoryMenu = exports.Breadcrumbs = exports.Button = void 0;
7
+ exports.ProductCardCheckbox = exports.PaymentCart = exports.Tabs = void 0;
10
8
  var react_i18next_1 = require("react-i18next");
11
9
  Object.defineProperty(exports, "initReactI18next", { enumerable: true, get: function () { return react_i18next_1.initReactI18next; } });
12
10
  Object.defineProperty(exports, "useTranslation", { enumerable: true, get: function () { return react_i18next_1.useTranslation; } });
@@ -62,8 +60,6 @@ var Toast_1 = __importDefault(require("./components/Toast"));
62
60
  exports.Toast = Toast_1.default;
63
61
  var SuggestBox_1 = __importDefault(require("./components/SuggestBox"));
64
62
  exports.SuggestBox = SuggestBox_1.default;
65
- var Carousel_1 = __importDefault(require("./components/Carousel"));
66
- exports.Carousel = Carousel_1.default;
67
63
  var Badges_1 = __importDefault(require("./components/Badges"));
68
64
  exports.Badges = Badges_1.default;
69
65
  var SelectBox_1 = __importDefault(require("./components/SelectBox"));
@@ -1 +1 @@
1
- @import'simplebar-react/dist/simplebar.min.css';:root{--primary: #9763F6;--primary-press: #462D74;--primary-hover: #7149BB;--primary-shades-dark: #9C6DEF;--primary-shades-soft: #CBB1FB;--primary-opacity-5: #FAF7FF;--primary-opacity-10: #F5EFFE;--primary-opacity-50: #CBB1FB;--primary-opacity-75: #B18AF8;--dark: #0A103D;--dark-opacity-3: #F9F8F9;--dark-opacity-5: #F3F3F5;--dark-opacity-10: #E7E7EC;--dark-opacity-25: #C2C3CE;--dark-opacity-50: #84879E;--dark-opacity-75: #474D6D;--grey-10: #E8E8EB;--grey-20: #D1D2D6;--grey-30: #BABBC2;--grey-40: #A3A5AD;--grey-50: #8C8E99;--green: #0FDF7B;--red: #FF1F1F;--yellow: #FFCE1F;--box-shadow-color: #EAE9F0;--icon-shadow-color: var(--dark-opacity-10);--search-shadow-color: var(--dark-opacity-5);--dark-shadow-color: var(--dark-opacity-25);--breakpoint-xs: 0;--breakpoint-sm: 576px;--breakpoint-md: 768px;--breakpoint-lg: 992px;--breakpoint-xl: 1200px;--breakpoint-xxl: 1400px;--display-black-96-116: 900 96px/116px var(--font-family-sans-serif) ;--display-black-72-87: 900 72px/87px var(--font-family-sans-serif) ;--display-black-64-77: 900 64px/77px var(--font-family-sans-serif) ;--display-black-56-68: 900 56px/68px var(--font-family-sans-serif) ;--display-extra-bold-96-116: 800 96px/116px var(--font-family-sans-serif) ;--display-extra-bold-72-87: 800 72px/87px var(--font-family-sans-serif) ;--display-extra-bold-64-77: 800 64px/77px var(--font-family-sans-serif) ;--display-extra-bold-56-68: 800 56px/68px var(--font-family-sans-serif) ;--display-bold-96-116: 700 96px/116px var(--font-family-sans-serif) ;--display-bold-72-87: 700 72px/87px var(--font-family-sans-serif) ;--display-bold-64-77: 700 64px/77px var(--font-family-sans-serif) ;--display-bold-56-68: 700 56px/68px var(--font-family-sans-serif) ;--display-semi-bold-96-116: 600 96px/116px var(--font-family-sans-serif) ;--display-semi-bold-72-87: 600 72px/87px var(--font-family-sans-serif) ;--display-semi-bold-64-77: 600 64px/77px var(--font-family-sans-serif) ;--display-semi-bold-56-68: 600 56px/68px var(--font-family-sans-serif) ;--display-medium-96-116: 500 96px/116px var(--font-family-sans-serif) ;--display-medium-72-87: 500 72px/87px var(--font-family-sans-serif) ;--display-medium-64-77: 500 64px/77px var(--font-family-sans-serif) ;--display-medium-56-68: 500 56px/68px var(--font-family-sans-serif) ;--display-regular-96-116: 400 96px/116px var(--font-family-sans-serif) ;--display-regular-72-87: 400 72px/87px var(--font-family-sans-serif) ;--display-regular-64-77: 400 64px/77px var(--font-family-sans-serif) ;--display-regular-56-68: 400 56px/68px var(--font-family-sans-serif) ;--display-light-96-116: 300 96px/116px var(--font-family-sans-serif) ;--display-light-72-87: 300 72px/87px var(--font-family-sans-serif) ;--display-light-64-77: 300 64px/77px var(--font-family-sans-serif) ;--display-light-56-68: 300 56px/68px var(--font-family-sans-serif) ;--headline-black-48-58: 900 48px/58px var(--font-family-sans-serif) ;--headline-black-40-48: 900 40px/48px var(--font-family-sans-serif) ;--headline-black-32-39: 900 32px/39px var(--font-family-sans-serif) ;--headline-black-24-29: 900 24px/29px var(--font-family-sans-serif) ;--headline-black-20-24: 900 20px/24px var(--font-family-sans-serif) ;--headline-black-18-22: 900 18px/22px var(--font-family-sans-serif) ;--headline-extra-bold-48-58: 800 48px/58px var(--font-family-sans-serif) ;--headline-extra-bold-40-48: 800 40px/48px var(--font-family-sans-serif) ;--headline-extra-bold-32-39: 800 32px/39px var(--font-family-sans-serif) ;--headline-extra-bold-24-29: 800 24px/29px var(--font-family-sans-serif) ;--headline-extra-bold-20-24: 800 20px/24px var(--font-family-sans-serif) ;--headline-extra-bold-18-22: 800 18px/22px var(--font-family-sans-serif) ;--headline-bold-48-58: 700 48px/58px var(--font-family-sans-serif) ;--headline-bold-40-48: 700 40px/48px var(--font-family-sans-serif) ;--headline-bold-32-39: 700 32px/39px var(--font-family-sans-serif) ;--headline-bold-24-29: 700 24px/29px var(--font-family-sans-serif) ;--headline-bold-20-24: 700 20px/24px var(--font-family-sans-serif) ;--headline-bold-18-22: 700 18px/22px var(--font-family-sans-serif) ;--headline-semi-bold-48-58: 600 48px/58px var(--font-family-sans-serif) ;--headline-semi-bold-40-48: 600 40px/48px var(--font-family-sans-serif) ;--headline-semi-bold-32-39: 600 32px/39px var(--font-family-sans-serif) ;--headline-semi-bold-24-29: 600 24px/29px var(--font-family-sans-serif) ;--headline-semi-bold-20-24: 600 20px/24px var(--font-family-sans-serif) ;--headline-semi-bold-18-22: 600 18px/22px var(--font-family-sans-serif) ;--headline-medium-48-58: 500 48px/58px var(--font-family-sans-serif) ;--headline-medium-40-48: 500 40px/48px var(--font-family-sans-serif) ;--headline-medium-32-39: 500 32px/39px var(--font-family-sans-serif) ;--headline-medium-24-29: 500 24px/29px var(--font-family-sans-serif) ;--headline-medium-20-24: 500 20px/24px var(--font-family-sans-serif) ;--headline-medium-18-22: 500 18px/22px var(--font-family-sans-serif) ;--headline-regular-48-58: 400 48px/58px var(--font-family-sans-serif) ;--headline-regular-40-48: 400 40px/48px var(--font-family-sans-serif) ;--headline-regular-32-39: 400 32px/39px var(--font-family-sans-serif) ;--headline-regular-24-29: 400 24px/29px var(--font-family-sans-serif) ;--headline-regular-20-24: 400 20px/24px var(--font-family-sans-serif) ;--headline-regular-18-22: 400 18px/22px var(--font-family-sans-serif) ;--headline-light-48-58: 300 48px/58px var(--font-family-sans-serif) ;--headline-light-40-48: 300 40px/48px var(--font-family-sans-serif) ;--headline-light-32-39: 300 32px/39px var(--font-family-sans-serif) ;--headline-light-24-29: 300 24px/29px var(--font-family-sans-serif) ;--headline-light-20-24: 300 20px/24px var(--font-family-sans-serif) ;--headline-light-18-22: 300 18px/22px var(--font-family-sans-serif) ;--title-black-16-19: 900 16px/19px var(--font-family-sans-serif) ;--title-extra-bold-16-19: 800 16px/19px var(--font-family-sans-serif) ;--title-bold-16-19: 700 16px/19px var(--font-family-sans-serif) ;--title-semi-bold-16-19: 600 16px/19px var(--font-family-sans-serif) ;--title-medium-16-19: 500 16px/19px var(--font-family-sans-serif) ;--title-regular-16-19: 400 16px/19px var(--font-family-sans-serif) ;--title-light-16-19: 300 16px/19px var(--font-family-sans-serif) ;--body-black-14-17: 900 14px/17px var(--font-family-sans-serif) ;--body-black-13-16: 900 13px/16px var(--font-family-sans-serif) ;--body-extra-bold-14-17: 800 14px/17px var(--font-family-sans-serif) ;--body-extra-bold-13-16: 800 13px/16px var(--font-family-sans-serif) ;--body-bold-14-17: 700 14px/17px var(--font-family-sans-serif) ;--body-bold-13-16: 700 13px/16px var(--font-family-sans-serif) ;--body-semi-bold-14-17: 600 14px/17px var(--font-family-sans-serif) ;--body-semi-bold-13-16: 600 13px/16px var(--font-family-sans-serif) ;--body-medium-14-17: 500 14px/17px var(--font-family-sans-serif) ;--body-medium-13-16: 500 13px/16px var(--font-family-sans-serif) ;--body-regular-14-17: 400 14px/17px var(--font-family-sans-serif) ;--body-regular-13-16: 400 13px/16px var(--font-family-sans-serif) ;--body-light-14-17: 300 14px/17px var(--font-family-sans-serif) ;--body-light-13-16: 300 13px/16px var(--font-family-sans-serif) ;--caption-black-12-15: 900 12px/15px var(--font-family-sans-serif) ;--caption-black-11-13: 900 11px/13px var(--font-family-sans-serif) ;--caption-black-10-12: 900 10px/12px var(--font-family-sans-serif) ;--caption-extra-bold-12-15: 800 12px/15px var(--font-family-sans-serif) ;--caption-extra-bold-11-13: 800 11px/13px var(--font-family-sans-serif) ;--caption-extra-bold-10-12: 800 10px/12px var(--font-family-sans-serif) ;--caption-bold-12-15: 700 12px/15px var(--font-family-sans-serif) ;--caption-bold-11-13: 700 11px/13px var(--font-family-sans-serif) ;--caption-bold-10-12: 700 10px/12px var(--font-family-sans-serif) ;--caption-semi-bold-12-15: 600 12px/15px var(--font-family-sans-serif) ;--caption-semi-bold-11-13: 600 11px/13px var(--font-family-sans-serif) ;--caption-semi-bold-10-12: 600 10px/12px var(--font-family-sans-serif) ;--caption-medium-12-15: 500 12px/15px var(--font-family-sans-serif) ;--caption-medium-11-13: 500 11px/13px var(--font-family-sans-serif) ;--caption-medium-10-12: 500 10px/12px var(--font-family-sans-serif) ;--caption-regular-12-15: 400 12px/15px var(--font-family-sans-serif) ;--caption-regular-11-13: 400 11px/13px var(--font-family-sans-serif) ;--caption-regular-10-12: 400 10px/12px var(--font-family-sans-serif) ;--caption-light-12-15: 300 12px/15px var(--font-family-sans-serif) ;--caption-light-11-13: 300 11px/13px var(--font-family-sans-serif) ;--caption-light-10-12: 300 10px/12px var(--font-family-sans-serif) ;--font-family-sans-serif: "Inter", -apple-system, BlinkMacSystemFont, Arial, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif}.display-black-96-116{font:900 96px/116px var(--font-family-sans-serif)}.display-black-72-87{font:900 72px/87px var(--font-family-sans-serif)}.display-black-64-77{font:900 64px/77px var(--font-family-sans-serif)}.display-black-56-68{font:900 56px/68px var(--font-family-sans-serif)}.display-extra-bold-96-116{font:800 96px/116px var(--font-family-sans-serif)}.display-extra-bold-72-87{font:800 72px/87px var(--font-family-sans-serif)}.display-extra-bold-64-77{font:800 64px/77px var(--font-family-sans-serif)}.display-extra-bold-56-68{font:800 56px/68px var(--font-family-sans-serif)}.display-bold-96-116{font:700 96px/116px var(--font-family-sans-serif)}.display-bold-72-87{font:700 72px/87px var(--font-family-sans-serif)}.display-bold-64-77{font:700 64px/77px var(--font-family-sans-serif)}.display-bold-56-68{font:700 56px/68px var(--font-family-sans-serif)}.display-semi-bold-96-116{font:600 96px/116px var(--font-family-sans-serif)}.display-semi-bold-72-87{font:600 72px/87px var(--font-family-sans-serif)}.display-semi-bold-64-77{font:600 64px/77px var(--font-family-sans-serif)}.display-semi-bold-56-68{font:600 56px/68px var(--font-family-sans-serif)}.display-medium-96-116{font:500 96px/116px var(--font-family-sans-serif)}.display-medium-72-87{font:500 72px/87px var(--font-family-sans-serif)}.display-medium-64-77{font:500 64px/77px var(--font-family-sans-serif)}.display-medium-56-68{font:500 56px/68px var(--font-family-sans-serif)}.display-regular-96-116{font:400 96px/116px var(--font-family-sans-serif)}.display-regular-72-87{font:400 72px/87px var(--font-family-sans-serif)}.display-regular-64-77{font:400 64px/77px var(--font-family-sans-serif)}.display-regular-56-68{font:400 56px/68px var(--font-family-sans-serif)}.display-light-96-116{font:300 96px/116px var(--font-family-sans-serif)}.display-light-72-87{font:300 72px/87px var(--font-family-sans-serif)}.display-light-64-77{font:300 64px/77px var(--font-family-sans-serif)}.display-light-56-68{font:300 56px/68px var(--font-family-sans-serif)}.headline-black-48-58{font:900 48px/58px var(--font-family-sans-serif)}.headline-black-40-48{font:900 40px/48px var(--font-family-sans-serif)}.headline-black-32-39{font:900 32px/39px var(--font-family-sans-serif)}.headline-black-24-29{font:900 24px/29px var(--font-family-sans-serif)}.headline-black-20-24{font:900 20px/24px var(--font-family-sans-serif)}.headline-black-18-22{font:900 18px/22px var(--font-family-sans-serif)}.headline-extra-bold-48-58{font:800 48px/58px var(--font-family-sans-serif)}.headline-extra-bold-40-48{font:800 40px/48px var(--font-family-sans-serif)}.headline-extra-bold-32-39{font:800 32px/39px var(--font-family-sans-serif)}.headline-extra-bold-24-29{font:800 24px/29px var(--font-family-sans-serif)}.headline-extra-bold-20-24{font:800 20px/24px var(--font-family-sans-serif)}.headline-extra-bold-18-22{font:800 18px/22px var(--font-family-sans-serif)}.headline-bold-48-58{font:700 48px/58px var(--font-family-sans-serif)}.headline-bold-40-48{font:700 40px/48px var(--font-family-sans-serif)}.headline-bold-32-39{font:700 32px/39px var(--font-family-sans-serif)}.headline-bold-24-29{font:700 24px/29px var(--font-family-sans-serif)}.headline-bold-20-24{font:700 20px/24px var(--font-family-sans-serif)}.headline-bold-18-22{font:700 18px/22px var(--font-family-sans-serif)}.headline-semi-bold-48-58{font:600 48px/58px var(--font-family-sans-serif)}.headline-semi-bold-40-48{font:600 40px/48px var(--font-family-sans-serif)}.headline-semi-bold-32-39{font:600 32px/39px var(--font-family-sans-serif)}.headline-semi-bold-24-29{font:600 24px/29px var(--font-family-sans-serif)}.headline-semi-bold-20-24{font:600 20px/24px var(--font-family-sans-serif)}.headline-semi-bold-18-22{font:600 18px/22px var(--font-family-sans-serif)}.headline-medium-48-58{font:500 48px/58px var(--font-family-sans-serif)}.headline-medium-40-48{font:500 40px/48px var(--font-family-sans-serif)}.headline-medium-32-39{font:500 32px/39px var(--font-family-sans-serif)}.headline-medium-24-29{font:500 24px/29px var(--font-family-sans-serif)}.headline-medium-20-24{font:500 20px/24px var(--font-family-sans-serif)}.headline-medium-18-22{font:500 18px/22px var(--font-family-sans-serif)}.headline-regular-48-58{font:400 48px/58px var(--font-family-sans-serif)}.headline-regular-40-48{font:400 40px/48px var(--font-family-sans-serif)}.headline-regular-32-39{font:400 32px/39px var(--font-family-sans-serif)}.headline-regular-24-29{font:400 24px/29px var(--font-family-sans-serif)}.headline-regular-20-24{font:400 20px/24px var(--font-family-sans-serif)}.headline-regular-18-22{font:400 18px/22px var(--font-family-sans-serif)}.headline-light-48-58{font:300 48px/58px var(--font-family-sans-serif)}.headline-light-40-48{font:300 40px/48px var(--font-family-sans-serif)}.headline-light-32-39{font:300 32px/39px var(--font-family-sans-serif)}.headline-light-24-29{font:300 24px/29px var(--font-family-sans-serif)}.headline-light-20-24{font:300 20px/24px var(--font-family-sans-serif)}.headline-light-18-22{font:300 18px/22px var(--font-family-sans-serif)}.title-black-16-19{font:900 16px/19px var(--font-family-sans-serif)}.title-extra-bold-16-19{font:800 16px/19px var(--font-family-sans-serif)}.title-bold-16-19{font:700 16px/19px var(--font-family-sans-serif)}.title-semi-bold-16-19{font:600 16px/19px var(--font-family-sans-serif)}.title-medium-16-19{font:500 16px/19px var(--font-family-sans-serif)}.title-regular-16-19{font:400 16px/19px var(--font-family-sans-serif)}.title-light-16-19{font:300 16px/19px var(--font-family-sans-serif)}.body-black-14-17{font:900 14px/17px var(--font-family-sans-serif)}.body-black-13-16{font:900 13px/16px var(--font-family-sans-serif)}.body-extra-bold-14-17{font:800 14px/17px var(--font-family-sans-serif)}.body-extra-bold-13-16{font:800 13px/16px var(--font-family-sans-serif)}.body-bold-14-17{font:700 14px/17px var(--font-family-sans-serif)}.body-bold-13-16{font:700 13px/16px var(--font-family-sans-serif)}.body-semi-bold-14-17{font:600 14px/17px var(--font-family-sans-serif)}.body-semi-bold-13-16{font:600 13px/16px var(--font-family-sans-serif)}.body-medium-14-17{font:500 14px/17px var(--font-family-sans-serif)}.body-medium-13-16{font:500 13px/16px var(--font-family-sans-serif)}.body-regular-14-17{font:400 14px/17px var(--font-family-sans-serif)}.body-regular-13-16{font:400 13px/16px var(--font-family-sans-serif)}.body-light-14-17{font:300 14px/17px var(--font-family-sans-serif)}.body-light-13-16{font:300 13px/16px var(--font-family-sans-serif)}.caption-black-12-15{font:900 12px/15px var(--font-family-sans-serif)}.caption-black-11-13{font:900 11px/13px var(--font-family-sans-serif)}.caption-black-10-12{font:900 10px/12px var(--font-family-sans-serif)}.caption-extra-bold-12-15{font:800 12px/15px var(--font-family-sans-serif)}.caption-extra-bold-11-13{font:800 11px/13px var(--font-family-sans-serif)}.caption-extra-bold-10-12{font:800 10px/12px var(--font-family-sans-serif)}.caption-bold-12-15{font:700 12px/15px var(--font-family-sans-serif)}.caption-bold-11-13{font:700 11px/13px var(--font-family-sans-serif)}.caption-bold-10-12{font:700 10px/12px var(--font-family-sans-serif)}.caption-semi-bold-12-15{font:600 12px/15px var(--font-family-sans-serif)}.caption-semi-bold-11-13{font:600 11px/13px var(--font-family-sans-serif)}.caption-semi-bold-10-12{font:600 10px/12px var(--font-family-sans-serif)}.caption-medium-12-15{font:500 12px/15px var(--font-family-sans-serif)}.caption-medium-11-13{font:500 11px/13px var(--font-family-sans-serif)}.caption-medium-10-12{font:500 10px/12px var(--font-family-sans-serif)}.caption-regular-12-15{font:400 12px/15px var(--font-family-sans-serif)}.caption-regular-11-13{font:400 11px/13px var(--font-family-sans-serif)}.caption-regular-10-12{font:400 10px/12px var(--font-family-sans-serif)}.caption-light-12-15{font:300 12px/15px var(--font-family-sans-serif)}.caption-light-11-13{font:300 11px/13px var(--font-family-sans-serif)}.caption-light-10-12{font:300 10px/12px var(--font-family-sans-serif)}@font-face{font-family:"Inter";font-style:normal;font-weight:100;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7SUc.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:"Inter";font-style:normal;font-weight:100;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7SUc.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:"Inter";font-style:normal;font-weight:100;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7SUc.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:"Inter";font-style:normal;font-weight:100;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7SUc.woff2) format("woff2");unicode-range:U+0370-03FF}@font-face{font-family:"Inter";font-style:normal;font-weight:100;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7SUc.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Inter";font-style:normal;font-weight:100;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7SUc.woff2) format("woff2");unicode-range:U+0100-02AF,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Inter";font-style:normal;font-weight:100;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Inter";font-style:normal;font-weight:200;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7SUc.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:"Inter";font-style:normal;font-weight:200;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7SUc.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:"Inter";font-style:normal;font-weight:200;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7SUc.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:"Inter";font-style:normal;font-weight:200;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7SUc.woff2) format("woff2");unicode-range:U+0370-03FF}@font-face{font-family:"Inter";font-style:normal;font-weight:200;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7SUc.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Inter";font-style:normal;font-weight:200;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7SUc.woff2) format("woff2");unicode-range:U+0100-02AF,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Inter";font-style:normal;font-weight:200;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Inter";font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7SUc.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:"Inter";font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7SUc.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:"Inter";font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7SUc.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:"Inter";font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7SUc.woff2) format("woff2");unicode-range:U+0370-03FF}@font-face{font-family:"Inter";font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7SUc.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Inter";font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7SUc.woff2) format("woff2");unicode-range:U+0100-02AF,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Inter";font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7SUc.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7SUc.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7SUc.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7SUc.woff2) format("woff2");unicode-range:U+0370-03FF}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7SUc.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7SUc.woff2) format("woff2");unicode-range:U+0100-02AF,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7SUc.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7SUc.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7SUc.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7SUc.woff2) format("woff2");unicode-range:U+0370-03FF}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7SUc.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7SUc.woff2) format("woff2");unicode-range:U+0100-02AF,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7SUc.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7SUc.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7SUc.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7SUc.woff2) format("woff2");unicode-range:U+0370-03FF}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7SUc.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7SUc.woff2) format("woff2");unicode-range:U+0100-02AF,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Inter";font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7SUc.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:"Inter";font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7SUc.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:"Inter";font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7SUc.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:"Inter";font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7SUc.woff2) format("woff2");unicode-range:U+0370-03FF}@font-face{font-family:"Inter";font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7SUc.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Inter";font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7SUc.woff2) format("woff2");unicode-range:U+0100-02AF,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Inter";font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Inter";font-style:normal;font-weight:800;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7SUc.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:"Inter";font-style:normal;font-weight:800;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7SUc.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:"Inter";font-style:normal;font-weight:800;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7SUc.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:"Inter";font-style:normal;font-weight:800;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7SUc.woff2) format("woff2");unicode-range:U+0370-03FF}@font-face{font-family:"Inter";font-style:normal;font-weight:800;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7SUc.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Inter";font-style:normal;font-weight:800;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7SUc.woff2) format("woff2");unicode-range:U+0100-02AF,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Inter";font-style:normal;font-weight:800;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Inter";font-style:normal;font-weight:900;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7SUc.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:"Inter";font-style:normal;font-weight:900;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7SUc.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:"Inter";font-style:normal;font-weight:900;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7SUc.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:"Inter";font-style:normal;font-weight:900;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7SUc.woff2) format("woff2");unicode-range:U+0370-03FF}@font-face{font-family:"Inter";font-style:normal;font-weight:900;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7SUc.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Inter";font-style:normal;font-weight:900;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7SUc.woff2) format("woff2");unicode-range:U+0100-02AF,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Inter";font-style:normal;font-weight:900;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:rgba(0,0,0,0)}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:before,.slick-track:after{display:table;content:""}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid rgba(0,0,0,0)}.slick-arrow.slick-hidden{display:none}.slick-prev,.slick-next{font-size:0;line-height:0;position:absolute;top:50%;display:block;width:20px;height:20px;padding:0;-webkit-transform:translate(0, -50%);-ms-transform:translate(0, -50%);transform:translate(0, -50%);cursor:pointer;color:rgba(0,0,0,0);border:none;outline:none;background:rgba(0,0,0,0)}.slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus{color:rgba(0,0,0,0);outline:none;background:rgba(0,0,0,0)}.slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before{opacity:1}.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before{opacity:.25}.slick-prev:before,.slick-next:before{font-family:"slick";font-size:20px;line-height:1;opacity:.75;color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-prev{left:-25px}[dir=rtl] .slick-prev{right:-25px;left:auto}.slick-prev:before{content:"←"}[dir=rtl] .slick-prev:before{content:"→"}.slick-next{right:-25px}[dir=rtl] .slick-next{right:auto;left:-25px}.slick-next:before{content:"→"}[dir=rtl] .slick-next:before{content:"←"}.slick-dotted.slick-slider{margin-bottom:30px}.slick-dots{position:absolute;bottom:-25px;display:block;width:100%;padding:0;margin:0;list-style:none;text-align:center}.slick-dots li{position:relative;display:inline-block;width:20px;height:20px;margin:0 5px;padding:0;cursor:pointer}.slick-dots li button{font-size:0;line-height:0;display:block;width:20px;height:20px;padding:5px;cursor:pointer;color:rgba(0,0,0,0);border:0;outline:none;background:rgba(0,0,0,0)}.slick-dots li button:hover,.slick-dots li button:focus{outline:none}.slick-dots li button:hover:before,.slick-dots li button:focus:before{opacity:1}.slick-dots li button:before{font-family:"slick";font-size:6px;line-height:20px;position:absolute;top:0;left:0;width:20px;height:20px;content:"•";text-align:center;opacity:.25;color:#000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-dots li.slick-active button:before{opacity:.75;color:#000}body{font-family:var(--font-family-sans-serif);color:var(--dark)}[data-simplebar] .simplebar-scrollbar:before{background-color:var(--dark-opacity-10)}[data-simplebar] .simplebar-track.simplebar-vertical{width:11px !important}/*# sourceMappingURL=style.min.css.map */
1
+ @import'simplebar-react/dist/simplebar.min.css';:root{--primary: #9763F6;--primary-press: #462D74;--primary-hover: #7149BB;--primary-shades-dark: #9C6DEF;--primary-shades-soft: #CBB1FB;--primary-opacity-5: #FAF7FF;--primary-opacity-10: #F5EFFE;--primary-opacity-50: #CBB1FB;--primary-opacity-75: #B18AF8;--dark: #0A103D;--dark-opacity-3: #F9F8F9;--dark-opacity-5: #F3F3F5;--dark-opacity-10: #E7E7EC;--dark-opacity-25: #C2C3CE;--dark-opacity-50: #84879E;--dark-opacity-75: #474D6D;--grey-10: #E8E8EB;--grey-20: #D1D2D6;--grey-30: #BABBC2;--grey-40: #A3A5AD;--grey-50: #8C8E99;--green: #0FDF7B;--red: #FF1F1F;--yellow: #FFCE1F;--box-shadow-color: #EAE9F0;--icon-shadow-color: var(--dark-opacity-10);--search-shadow-color: var(--dark-opacity-5);--dark-shadow-color: var(--dark-opacity-25);--breakpoint-xs: 0;--breakpoint-sm: 576px;--breakpoint-md: 768px;--breakpoint-lg: 992px;--breakpoint-xl: 1200px;--breakpoint-xxl: 1400px;--display-black-96-116: 900 96px/116px var(--font-family-sans-serif) ;--display-black-72-87: 900 72px/87px var(--font-family-sans-serif) ;--display-black-64-77: 900 64px/77px var(--font-family-sans-serif) ;--display-black-56-68: 900 56px/68px var(--font-family-sans-serif) ;--display-extra-bold-96-116: 800 96px/116px var(--font-family-sans-serif) ;--display-extra-bold-72-87: 800 72px/87px var(--font-family-sans-serif) ;--display-extra-bold-64-77: 800 64px/77px var(--font-family-sans-serif) ;--display-extra-bold-56-68: 800 56px/68px var(--font-family-sans-serif) ;--display-bold-96-116: 700 96px/116px var(--font-family-sans-serif) ;--display-bold-72-87: 700 72px/87px var(--font-family-sans-serif) ;--display-bold-64-77: 700 64px/77px var(--font-family-sans-serif) ;--display-bold-56-68: 700 56px/68px var(--font-family-sans-serif) ;--display-semi-bold-96-116: 600 96px/116px var(--font-family-sans-serif) ;--display-semi-bold-72-87: 600 72px/87px var(--font-family-sans-serif) ;--display-semi-bold-64-77: 600 64px/77px var(--font-family-sans-serif) ;--display-semi-bold-56-68: 600 56px/68px var(--font-family-sans-serif) ;--display-medium-96-116: 500 96px/116px var(--font-family-sans-serif) ;--display-medium-72-87: 500 72px/87px var(--font-family-sans-serif) ;--display-medium-64-77: 500 64px/77px var(--font-family-sans-serif) ;--display-medium-56-68: 500 56px/68px var(--font-family-sans-serif) ;--display-regular-96-116: 400 96px/116px var(--font-family-sans-serif) ;--display-regular-72-87: 400 72px/87px var(--font-family-sans-serif) ;--display-regular-64-77: 400 64px/77px var(--font-family-sans-serif) ;--display-regular-56-68: 400 56px/68px var(--font-family-sans-serif) ;--display-light-96-116: 300 96px/116px var(--font-family-sans-serif) ;--display-light-72-87: 300 72px/87px var(--font-family-sans-serif) ;--display-light-64-77: 300 64px/77px var(--font-family-sans-serif) ;--display-light-56-68: 300 56px/68px var(--font-family-sans-serif) ;--headline-black-48-58: 900 48px/58px var(--font-family-sans-serif) ;--headline-black-40-48: 900 40px/48px var(--font-family-sans-serif) ;--headline-black-32-39: 900 32px/39px var(--font-family-sans-serif) ;--headline-black-24-29: 900 24px/29px var(--font-family-sans-serif) ;--headline-black-20-24: 900 20px/24px var(--font-family-sans-serif) ;--headline-black-18-22: 900 18px/22px var(--font-family-sans-serif) ;--headline-extra-bold-48-58: 800 48px/58px var(--font-family-sans-serif) ;--headline-extra-bold-40-48: 800 40px/48px var(--font-family-sans-serif) ;--headline-extra-bold-32-39: 800 32px/39px var(--font-family-sans-serif) ;--headline-extra-bold-24-29: 800 24px/29px var(--font-family-sans-serif) ;--headline-extra-bold-20-24: 800 20px/24px var(--font-family-sans-serif) ;--headline-extra-bold-18-22: 800 18px/22px var(--font-family-sans-serif) ;--headline-bold-48-58: 700 48px/58px var(--font-family-sans-serif) ;--headline-bold-40-48: 700 40px/48px var(--font-family-sans-serif) ;--headline-bold-32-39: 700 32px/39px var(--font-family-sans-serif) ;--headline-bold-24-29: 700 24px/29px var(--font-family-sans-serif) ;--headline-bold-20-24: 700 20px/24px var(--font-family-sans-serif) ;--headline-bold-18-22: 700 18px/22px var(--font-family-sans-serif) ;--headline-semi-bold-48-58: 600 48px/58px var(--font-family-sans-serif) ;--headline-semi-bold-40-48: 600 40px/48px var(--font-family-sans-serif) ;--headline-semi-bold-32-39: 600 32px/39px var(--font-family-sans-serif) ;--headline-semi-bold-24-29: 600 24px/29px var(--font-family-sans-serif) ;--headline-semi-bold-20-24: 600 20px/24px var(--font-family-sans-serif) ;--headline-semi-bold-18-22: 600 18px/22px var(--font-family-sans-serif) ;--headline-medium-48-58: 500 48px/58px var(--font-family-sans-serif) ;--headline-medium-40-48: 500 40px/48px var(--font-family-sans-serif) ;--headline-medium-32-39: 500 32px/39px var(--font-family-sans-serif) ;--headline-medium-24-29: 500 24px/29px var(--font-family-sans-serif) ;--headline-medium-20-24: 500 20px/24px var(--font-family-sans-serif) ;--headline-medium-18-22: 500 18px/22px var(--font-family-sans-serif) ;--headline-regular-48-58: 400 48px/58px var(--font-family-sans-serif) ;--headline-regular-40-48: 400 40px/48px var(--font-family-sans-serif) ;--headline-regular-32-39: 400 32px/39px var(--font-family-sans-serif) ;--headline-regular-24-29: 400 24px/29px var(--font-family-sans-serif) ;--headline-regular-20-24: 400 20px/24px var(--font-family-sans-serif) ;--headline-regular-18-22: 400 18px/22px var(--font-family-sans-serif) ;--headline-light-48-58: 300 48px/58px var(--font-family-sans-serif) ;--headline-light-40-48: 300 40px/48px var(--font-family-sans-serif) ;--headline-light-32-39: 300 32px/39px var(--font-family-sans-serif) ;--headline-light-24-29: 300 24px/29px var(--font-family-sans-serif) ;--headline-light-20-24: 300 20px/24px var(--font-family-sans-serif) ;--headline-light-18-22: 300 18px/22px var(--font-family-sans-serif) ;--title-black-16-19: 900 16px/19px var(--font-family-sans-serif) ;--title-extra-bold-16-19: 800 16px/19px var(--font-family-sans-serif) ;--title-bold-16-19: 700 16px/19px var(--font-family-sans-serif) ;--title-semi-bold-16-19: 600 16px/19px var(--font-family-sans-serif) ;--title-medium-16-19: 500 16px/19px var(--font-family-sans-serif) ;--title-regular-16-19: 400 16px/19px var(--font-family-sans-serif) ;--title-light-16-19: 300 16px/19px var(--font-family-sans-serif) ;--body-black-14-17: 900 14px/17px var(--font-family-sans-serif) ;--body-black-13-16: 900 13px/16px var(--font-family-sans-serif) ;--body-extra-bold-14-17: 800 14px/17px var(--font-family-sans-serif) ;--body-extra-bold-13-16: 800 13px/16px var(--font-family-sans-serif) ;--body-bold-14-17: 700 14px/17px var(--font-family-sans-serif) ;--body-bold-13-16: 700 13px/16px var(--font-family-sans-serif) ;--body-semi-bold-14-17: 600 14px/17px var(--font-family-sans-serif) ;--body-semi-bold-13-16: 600 13px/16px var(--font-family-sans-serif) ;--body-medium-14-17: 500 14px/17px var(--font-family-sans-serif) ;--body-medium-13-16: 500 13px/16px var(--font-family-sans-serif) ;--body-regular-14-17: 400 14px/17px var(--font-family-sans-serif) ;--body-regular-13-16: 400 13px/16px var(--font-family-sans-serif) ;--body-light-14-17: 300 14px/17px var(--font-family-sans-serif) ;--body-light-13-16: 300 13px/16px var(--font-family-sans-serif) ;--caption-black-12-15: 900 12px/15px var(--font-family-sans-serif) ;--caption-black-11-13: 900 11px/13px var(--font-family-sans-serif) ;--caption-black-10-12: 900 10px/12px var(--font-family-sans-serif) ;--caption-extra-bold-12-15: 800 12px/15px var(--font-family-sans-serif) ;--caption-extra-bold-11-13: 800 11px/13px var(--font-family-sans-serif) ;--caption-extra-bold-10-12: 800 10px/12px var(--font-family-sans-serif) ;--caption-bold-12-15: 700 12px/15px var(--font-family-sans-serif) ;--caption-bold-11-13: 700 11px/13px var(--font-family-sans-serif) ;--caption-bold-10-12: 700 10px/12px var(--font-family-sans-serif) ;--caption-semi-bold-12-15: 600 12px/15px var(--font-family-sans-serif) ;--caption-semi-bold-11-13: 600 11px/13px var(--font-family-sans-serif) ;--caption-semi-bold-10-12: 600 10px/12px var(--font-family-sans-serif) ;--caption-medium-12-15: 500 12px/15px var(--font-family-sans-serif) ;--caption-medium-11-13: 500 11px/13px var(--font-family-sans-serif) ;--caption-medium-10-12: 500 10px/12px var(--font-family-sans-serif) ;--caption-regular-12-15: 400 12px/15px var(--font-family-sans-serif) ;--caption-regular-11-13: 400 11px/13px var(--font-family-sans-serif) ;--caption-regular-10-12: 400 10px/12px var(--font-family-sans-serif) ;--caption-light-12-15: 300 12px/15px var(--font-family-sans-serif) ;--caption-light-11-13: 300 11px/13px var(--font-family-sans-serif) ;--caption-light-10-12: 300 10px/12px var(--font-family-sans-serif) ;--font-family-sans-serif: "Inter", -apple-system, BlinkMacSystemFont, Arial, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif}.display-black-96-116{font:900 96px/116px var(--font-family-sans-serif)}.display-black-72-87{font:900 72px/87px var(--font-family-sans-serif)}.display-black-64-77{font:900 64px/77px var(--font-family-sans-serif)}.display-black-56-68{font:900 56px/68px var(--font-family-sans-serif)}.display-extra-bold-96-116{font:800 96px/116px var(--font-family-sans-serif)}.display-extra-bold-72-87{font:800 72px/87px var(--font-family-sans-serif)}.display-extra-bold-64-77{font:800 64px/77px var(--font-family-sans-serif)}.display-extra-bold-56-68{font:800 56px/68px var(--font-family-sans-serif)}.display-bold-96-116{font:700 96px/116px var(--font-family-sans-serif)}.display-bold-72-87{font:700 72px/87px var(--font-family-sans-serif)}.display-bold-64-77{font:700 64px/77px var(--font-family-sans-serif)}.display-bold-56-68{font:700 56px/68px var(--font-family-sans-serif)}.display-semi-bold-96-116{font:600 96px/116px var(--font-family-sans-serif)}.display-semi-bold-72-87{font:600 72px/87px var(--font-family-sans-serif)}.display-semi-bold-64-77{font:600 64px/77px var(--font-family-sans-serif)}.display-semi-bold-56-68{font:600 56px/68px var(--font-family-sans-serif)}.display-medium-96-116{font:500 96px/116px var(--font-family-sans-serif)}.display-medium-72-87{font:500 72px/87px var(--font-family-sans-serif)}.display-medium-64-77{font:500 64px/77px var(--font-family-sans-serif)}.display-medium-56-68{font:500 56px/68px var(--font-family-sans-serif)}.display-regular-96-116{font:400 96px/116px var(--font-family-sans-serif)}.display-regular-72-87{font:400 72px/87px var(--font-family-sans-serif)}.display-regular-64-77{font:400 64px/77px var(--font-family-sans-serif)}.display-regular-56-68{font:400 56px/68px var(--font-family-sans-serif)}.display-light-96-116{font:300 96px/116px var(--font-family-sans-serif)}.display-light-72-87{font:300 72px/87px var(--font-family-sans-serif)}.display-light-64-77{font:300 64px/77px var(--font-family-sans-serif)}.display-light-56-68{font:300 56px/68px var(--font-family-sans-serif)}.headline-black-48-58{font:900 48px/58px var(--font-family-sans-serif)}.headline-black-40-48{font:900 40px/48px var(--font-family-sans-serif)}.headline-black-32-39{font:900 32px/39px var(--font-family-sans-serif)}.headline-black-24-29{font:900 24px/29px var(--font-family-sans-serif)}.headline-black-20-24{font:900 20px/24px var(--font-family-sans-serif)}.headline-black-18-22{font:900 18px/22px var(--font-family-sans-serif)}.headline-extra-bold-48-58{font:800 48px/58px var(--font-family-sans-serif)}.headline-extra-bold-40-48{font:800 40px/48px var(--font-family-sans-serif)}.headline-extra-bold-32-39{font:800 32px/39px var(--font-family-sans-serif)}.headline-extra-bold-24-29{font:800 24px/29px var(--font-family-sans-serif)}.headline-extra-bold-20-24{font:800 20px/24px var(--font-family-sans-serif)}.headline-extra-bold-18-22{font:800 18px/22px var(--font-family-sans-serif)}.headline-bold-48-58{font:700 48px/58px var(--font-family-sans-serif)}.headline-bold-40-48{font:700 40px/48px var(--font-family-sans-serif)}.headline-bold-32-39{font:700 32px/39px var(--font-family-sans-serif)}.headline-bold-24-29{font:700 24px/29px var(--font-family-sans-serif)}.headline-bold-20-24{font:700 20px/24px var(--font-family-sans-serif)}.headline-bold-18-22{font:700 18px/22px var(--font-family-sans-serif)}.headline-semi-bold-48-58{font:600 48px/58px var(--font-family-sans-serif)}.headline-semi-bold-40-48{font:600 40px/48px var(--font-family-sans-serif)}.headline-semi-bold-32-39{font:600 32px/39px var(--font-family-sans-serif)}.headline-semi-bold-24-29{font:600 24px/29px var(--font-family-sans-serif)}.headline-semi-bold-20-24{font:600 20px/24px var(--font-family-sans-serif)}.headline-semi-bold-18-22{font:600 18px/22px var(--font-family-sans-serif)}.headline-medium-48-58{font:500 48px/58px var(--font-family-sans-serif)}.headline-medium-40-48{font:500 40px/48px var(--font-family-sans-serif)}.headline-medium-32-39{font:500 32px/39px var(--font-family-sans-serif)}.headline-medium-24-29{font:500 24px/29px var(--font-family-sans-serif)}.headline-medium-20-24{font:500 20px/24px var(--font-family-sans-serif)}.headline-medium-18-22{font:500 18px/22px var(--font-family-sans-serif)}.headline-regular-48-58{font:400 48px/58px var(--font-family-sans-serif)}.headline-regular-40-48{font:400 40px/48px var(--font-family-sans-serif)}.headline-regular-32-39{font:400 32px/39px var(--font-family-sans-serif)}.headline-regular-24-29{font:400 24px/29px var(--font-family-sans-serif)}.headline-regular-20-24{font:400 20px/24px var(--font-family-sans-serif)}.headline-regular-18-22{font:400 18px/22px var(--font-family-sans-serif)}.headline-light-48-58{font:300 48px/58px var(--font-family-sans-serif)}.headline-light-40-48{font:300 40px/48px var(--font-family-sans-serif)}.headline-light-32-39{font:300 32px/39px var(--font-family-sans-serif)}.headline-light-24-29{font:300 24px/29px var(--font-family-sans-serif)}.headline-light-20-24{font:300 20px/24px var(--font-family-sans-serif)}.headline-light-18-22{font:300 18px/22px var(--font-family-sans-serif)}.title-black-16-19{font:900 16px/19px var(--font-family-sans-serif)}.title-extra-bold-16-19{font:800 16px/19px var(--font-family-sans-serif)}.title-bold-16-19{font:700 16px/19px var(--font-family-sans-serif)}.title-semi-bold-16-19{font:600 16px/19px var(--font-family-sans-serif)}.title-medium-16-19{font:500 16px/19px var(--font-family-sans-serif)}.title-regular-16-19{font:400 16px/19px var(--font-family-sans-serif)}.title-light-16-19{font:300 16px/19px var(--font-family-sans-serif)}.body-black-14-17{font:900 14px/17px var(--font-family-sans-serif)}.body-black-13-16{font:900 13px/16px var(--font-family-sans-serif)}.body-extra-bold-14-17{font:800 14px/17px var(--font-family-sans-serif)}.body-extra-bold-13-16{font:800 13px/16px var(--font-family-sans-serif)}.body-bold-14-17{font:700 14px/17px var(--font-family-sans-serif)}.body-bold-13-16{font:700 13px/16px var(--font-family-sans-serif)}.body-semi-bold-14-17{font:600 14px/17px var(--font-family-sans-serif)}.body-semi-bold-13-16{font:600 13px/16px var(--font-family-sans-serif)}.body-medium-14-17{font:500 14px/17px var(--font-family-sans-serif)}.body-medium-13-16{font:500 13px/16px var(--font-family-sans-serif)}.body-regular-14-17{font:400 14px/17px var(--font-family-sans-serif)}.body-regular-13-16{font:400 13px/16px var(--font-family-sans-serif)}.body-light-14-17{font:300 14px/17px var(--font-family-sans-serif)}.body-light-13-16{font:300 13px/16px var(--font-family-sans-serif)}.caption-black-12-15{font:900 12px/15px var(--font-family-sans-serif)}.caption-black-11-13{font:900 11px/13px var(--font-family-sans-serif)}.caption-black-10-12{font:900 10px/12px var(--font-family-sans-serif)}.caption-extra-bold-12-15{font:800 12px/15px var(--font-family-sans-serif)}.caption-extra-bold-11-13{font:800 11px/13px var(--font-family-sans-serif)}.caption-extra-bold-10-12{font:800 10px/12px var(--font-family-sans-serif)}.caption-bold-12-15{font:700 12px/15px var(--font-family-sans-serif)}.caption-bold-11-13{font:700 11px/13px var(--font-family-sans-serif)}.caption-bold-10-12{font:700 10px/12px var(--font-family-sans-serif)}.caption-semi-bold-12-15{font:600 12px/15px var(--font-family-sans-serif)}.caption-semi-bold-11-13{font:600 11px/13px var(--font-family-sans-serif)}.caption-semi-bold-10-12{font:600 10px/12px var(--font-family-sans-serif)}.caption-medium-12-15{font:500 12px/15px var(--font-family-sans-serif)}.caption-medium-11-13{font:500 11px/13px var(--font-family-sans-serif)}.caption-medium-10-12{font:500 10px/12px var(--font-family-sans-serif)}.caption-regular-12-15{font:400 12px/15px var(--font-family-sans-serif)}.caption-regular-11-13{font:400 11px/13px var(--font-family-sans-serif)}.caption-regular-10-12{font:400 10px/12px var(--font-family-sans-serif)}.caption-light-12-15{font:300 12px/15px var(--font-family-sans-serif)}.caption-light-11-13{font:300 11px/13px var(--font-family-sans-serif)}.caption-light-10-12{font:300 10px/12px var(--font-family-sans-serif)}@font-face{font-family:"Inter";font-style:normal;font-weight:100;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7SUc.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:"Inter";font-style:normal;font-weight:100;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7SUc.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:"Inter";font-style:normal;font-weight:100;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7SUc.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:"Inter";font-style:normal;font-weight:100;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7SUc.woff2) format("woff2");unicode-range:U+0370-03FF}@font-face{font-family:"Inter";font-style:normal;font-weight:100;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7SUc.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Inter";font-style:normal;font-weight:100;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7SUc.woff2) format("woff2");unicode-range:U+0100-02AF,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Inter";font-style:normal;font-weight:100;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Inter";font-style:normal;font-weight:200;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7SUc.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:"Inter";font-style:normal;font-weight:200;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7SUc.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:"Inter";font-style:normal;font-weight:200;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7SUc.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:"Inter";font-style:normal;font-weight:200;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7SUc.woff2) format("woff2");unicode-range:U+0370-03FF}@font-face{font-family:"Inter";font-style:normal;font-weight:200;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7SUc.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Inter";font-style:normal;font-weight:200;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7SUc.woff2) format("woff2");unicode-range:U+0100-02AF,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Inter";font-style:normal;font-weight:200;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Inter";font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7SUc.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:"Inter";font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7SUc.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:"Inter";font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7SUc.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:"Inter";font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7SUc.woff2) format("woff2");unicode-range:U+0370-03FF}@font-face{font-family:"Inter";font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7SUc.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Inter";font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7SUc.woff2) format("woff2");unicode-range:U+0100-02AF,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Inter";font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7SUc.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7SUc.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7SUc.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7SUc.woff2) format("woff2");unicode-range:U+0370-03FF}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7SUc.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7SUc.woff2) format("woff2");unicode-range:U+0100-02AF,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7SUc.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7SUc.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7SUc.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7SUc.woff2) format("woff2");unicode-range:U+0370-03FF}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7SUc.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7SUc.woff2) format("woff2");unicode-range:U+0100-02AF,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7SUc.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7SUc.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7SUc.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7SUc.woff2) format("woff2");unicode-range:U+0370-03FF}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7SUc.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7SUc.woff2) format("woff2");unicode-range:U+0100-02AF,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Inter";font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7SUc.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:"Inter";font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7SUc.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:"Inter";font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7SUc.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:"Inter";font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7SUc.woff2) format("woff2");unicode-range:U+0370-03FF}@font-face{font-family:"Inter";font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7SUc.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Inter";font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7SUc.woff2) format("woff2");unicode-range:U+0100-02AF,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Inter";font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Inter";font-style:normal;font-weight:800;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7SUc.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:"Inter";font-style:normal;font-weight:800;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7SUc.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:"Inter";font-style:normal;font-weight:800;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7SUc.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:"Inter";font-style:normal;font-weight:800;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7SUc.woff2) format("woff2");unicode-range:U+0370-03FF}@font-face{font-family:"Inter";font-style:normal;font-weight:800;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7SUc.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Inter";font-style:normal;font-weight:800;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7SUc.woff2) format("woff2");unicode-range:U+0100-02AF,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Inter";font-style:normal;font-weight:800;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Inter";font-style:normal;font-weight:900;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7SUc.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:"Inter";font-style:normal;font-weight:900;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7SUc.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:"Inter";font-style:normal;font-weight:900;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7SUc.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:"Inter";font-style:normal;font-weight:900;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7SUc.woff2) format("woff2");unicode-range:U+0370-03FF}@font-face{font-family:"Inter";font-style:normal;font-weight:900;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7SUc.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Inter";font-style:normal;font-weight:900;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7SUc.woff2) format("woff2");unicode-range:U+0100-02AF,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Inter";font-style:normal;font-weight:900;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}body{font-family:var(--font-family-sans-serif);color:var(--dark)}[data-simplebar] .simplebar-scrollbar:before{background-color:var(--dark-opacity-10)}[data-simplebar] .simplebar-track.simplebar-vertical{width:11px !important}/*# sourceMappingURL=style.min.css.map */
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../src/assets/styles/style.scss","../../src/assets/styles/_root.scss","../../src/assets/styles/_typography.scss","../../src/assets/styles/_font.scss","../../src/assets/styles/slick.scss","../../src/assets/styles/slick-theme.scss"],"names":[],"mappings":"CAMQ,gDCNR,MAEI,6tBAGA,yIAGA,gnPAEF,kKCNA,sBACE,kDADF,qBACE,iDADF,qBACE,iDADF,qBACE,iDADF,2BACE,kDADF,0BACE,iDADF,0BACE,iDADF,0BACE,iDADF,qBACE,kDADF,oBACE,iDADF,oBACE,iDADF,oBACE,iDADF,0BACE,kDADF,yBACE,iDADF,yBACE,iDADF,yBACE,iDADF,uBACE,kDADF,sBACE,iDADF,sBACE,iDADF,sBACE,iDADF,wBACE,kDADF,uBACE,iDADF,uBACE,iDADF,uBACE,iDADF,sBACE,kDADF,qBACE,iDADF,qBACE,iDADF,qBACE,iDADF,sBACE,iDADF,sBACE,iDADF,sBACE,iDADF,sBACE,iDADF,sBACE,iDADF,sBACE,iDADF,2BACE,iDADF,2BACE,iDADF,2BACE,iDADF,2BACE,iDADF,2BACE,iDADF,2BACE,iDADF,qBACE,iDADF,qBACE,iDADF,qBACE,iDADF,qBACE,iDADF,qBACE,iDADF,qBACE,iDADF,0BACE,iDADF,0BACE,iDADF,0BACE,iDADF,0BACE,iDADF,0BACE,iDADF,0BACE,iDADF,uBACE,iDADF,uBACE,iDADF,uBACE,iDADF,uBACE,iDADF,uBACE,iDADF,uBACE,iDADF,wBACE,iDADF,wBACE,iDADF,wBACE,iDADF,wBACE,iDADF,wBACE,iDADF,wBACE,iDADF,sBACE,iDADF,sBACE,iDADF,sBACE,iDADF,sBACE,iDADF,sBACE,iDADF,sBACE,iDADF,mBACE,iDADF,wBACE,iDADF,kBACE,iDADF,uBACE,iDADF,oBACE,iDADF,qBACE,iDADF,mBACE,iDADF,kBACE,iDADF,kBACE,iDADF,uBACE,iDADF,uBACE,iDADF,iBACE,iDADF,iBACE,iDADF,sBACE,iDADF,sBACE,iDADF,mBACE,iDADF,mBACE,iDADF,oBACE,iDADF,oBACE,iDADF,kBACE,iDADF,kBACE,iDADF,qBACE,iDADF,qBACE,iDADF,qBACE,iDADF,0BACE,iDADF,0BACE,iDADF,0BACE,iDADF,oBACE,iDADF,oBACE,iDADF,oBACE,iDADF,yBACE,iDADF,yBACE,iDADF,yBACE,iDADF,sBACE,iDADF,sBACE,iDADF,sBACE,iDADF,uBACE,iDADF,uBACE,iDADF,uBACE,iDADF,qBACE,iDADF,qBACE,iDADF,qBACE,iDCJJ,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,iFAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,gEAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,0BAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,0BAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,yGAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,oGAGF,WACE,oBACA,kBACA,gBACA,kBACA,0GACA,yJAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,iFAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,gEAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,0BAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,0BAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,yGAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,oGAGF,WACE,oBACA,kBACA,gBACA,kBACA,0GACA,yJAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,iFAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,gEAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,0BAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,0BAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,yGAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,oGAGF,WACE,oBACA,kBACA,gBACA,kBACA,0GACA,yJAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,iFAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,gEAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,0BAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,0BAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,yGAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,oGAGF,WACE,oBACA,kBACA,gBACA,kBACA,0GACA,yJAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,iFAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,gEAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,0BAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,0BAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,yGAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,oGAGF,WACE,oBACA,kBACA,gBACA,kBACA,0GACA,yJAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,iFAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,gEAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,0BAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,0BAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,yGAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,oGAGF,WACE,oBACA,kBACA,gBACA,kBACA,0GACA,yJAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,iFAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,gEAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,0BAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,0BAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,yGAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,oGAGF,WACE,oBACA,kBACA,gBACA,kBACA,0GACA,yJAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,iFAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,gEAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,0BAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,0BAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,yGAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,oGAGF,WACE,oBACA,kBACA,gBACA,kBACA,0GACA,yJAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,iFAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,gEAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,0BAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,0BAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,yGAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,oGAGF,WACE,oBACA,kBACA,gBACA,kBACA,0GACA,yJCpjBF,cAEI,kBAEA,cACA,sBAEA,yBACG,sBACC,qBACI,iBAER,2BACA,wBACA,uBACI,mBACJ,0CAGJ,YAEI,kBAEA,cACA,gBAEA,SACA,UAEJ,kBAEI,aAEJ,qBAEI,eACA,YAGJ,qDAGI,uCACG,oCACC,mCACC,kCACG,+BAGZ,aAEI,kBACA,MACA,OAEA,cACA,iBACA,kBAEJ,uCAGI,cAEA,WAEJ,mBAEI,WAEJ,4BAEI,kBAGJ,aAEI,aACA,WAEA,YACA,eAEJ,uBAEI,YAEJ,iBAEI,cAEJ,+BAEI,aAEJ,0BAEI,oBAEJ,gCAEI,cAEJ,4BAEI,kBAEJ,6BAEI,cAEA,YAEA,+BAEJ,0BACI,aCnHJ,wBAGI,YACA,cAEA,kBACA,QAEA,cAEA,WACA,YACA,UACA,qCACA,iCACA,6BAEA,eAEA,oBACA,YACA,aACA,yBAEJ,wEAKI,oBACA,aACA,yBAEJ,oGAKI,UAEJ,oEAGI,YAGJ,sCAGI,oBACA,eACA,cAEA,YACA,WAEA,mCACA,kCAGJ,YAEI,WAEJ,sBAEI,YACA,UAEJ,mBAEI,YAEJ,6BAEI,YAGJ,YAEI,YAEJ,sBAEI,WACA,WAEJ,mBAEI,YAEJ,6BAEI,YAIJ,2BAEI,mBAGJ,YAEI,kBACA,aAEA,cAEA,WACA,UACA,SAEA,gBAEA,kBAEJ,eAEI,kBAEA,qBAEA,WACA,YACA,aACA,UAEA,eAEJ,sBAEI,YACA,cAEA,cAEA,WACA,YACA,YAEA,eAEA,oBACA,SACA,aACA,yBAEJ,wDAGI,aAEJ,sEAGI,UAEJ,6BAEI,oBACA,cACA,iBAEA,kBACA,MACA,OAEA,WACA,YAEA,YACA,kBAEA,YACA,WAEA,mCACA,kCAEJ,0CAEI,YACA,WLnLJ,KACI,0CACA,kBAKI,6CACI,wCAGR,qDACI","file":"style.min.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../src/assets/styles/style.scss","../../src/assets/styles/_root.scss","../../src/assets/styles/_typography.scss","../../src/assets/styles/_font.scss"],"names":[],"mappings":"AAIQ,gDCJR,MAEI,6tBAGA,yIAGA,gnPAEF,kKCNA,sBACE,kDADF,qBACE,iDADF,qBACE,iDADF,qBACE,iDADF,2BACE,kDADF,0BACE,iDADF,0BACE,iDADF,0BACE,iDADF,qBACE,kDADF,oBACE,iDADF,oBACE,iDADF,oBACE,iDADF,0BACE,kDADF,yBACE,iDADF,yBACE,iDADF,yBACE,iDADF,uBACE,kDADF,sBACE,iDADF,sBACE,iDADF,sBACE,iDADF,wBACE,kDADF,uBACE,iDADF,uBACE,iDADF,uBACE,iDADF,sBACE,kDADF,qBACE,iDADF,qBACE,iDADF,qBACE,iDADF,sBACE,iDADF,sBACE,iDADF,sBACE,iDADF,sBACE,iDADF,sBACE,iDADF,sBACE,iDADF,2BACE,iDADF,2BACE,iDADF,2BACE,iDADF,2BACE,iDADF,2BACE,iDADF,2BACE,iDADF,qBACE,iDADF,qBACE,iDADF,qBACE,iDADF,qBACE,iDADF,qBACE,iDADF,qBACE,iDADF,0BACE,iDADF,0BACE,iDADF,0BACE,iDADF,0BACE,iDADF,0BACE,iDADF,0BACE,iDADF,uBACE,iDADF,uBACE,iDADF,uBACE,iDADF,uBACE,iDADF,uBACE,iDADF,uBACE,iDADF,wBACE,iDADF,wBACE,iDADF,wBACE,iDADF,wBACE,iDADF,wBACE,iDADF,wBACE,iDADF,sBACE,iDADF,sBACE,iDADF,sBACE,iDADF,sBACE,iDADF,sBACE,iDADF,sBACE,iDADF,mBACE,iDADF,wBACE,iDADF,kBACE,iDADF,uBACE,iDADF,oBACE,iDADF,qBACE,iDADF,mBACE,iDADF,kBACE,iDADF,kBACE,iDADF,uBACE,iDADF,uBACE,iDADF,iBACE,iDADF,iBACE,iDADF,sBACE,iDADF,sBACE,iDADF,mBACE,iDADF,mBACE,iDADF,oBACE,iDADF,oBACE,iDADF,kBACE,iDADF,kBACE,iDADF,qBACE,iDADF,qBACE,iDADF,qBACE,iDADF,0BACE,iDADF,0BACE,iDADF,0BACE,iDADF,oBACE,iDADF,oBACE,iDADF,oBACE,iDADF,yBACE,iDADF,yBACE,iDADF,yBACE,iDADF,sBACE,iDADF,sBACE,iDADF,sBACE,iDADF,uBACE,iDADF,uBACE,iDADF,uBACE,iDADF,qBACE,iDADF,qBACE,iDADF,qBACE,iDCJJ,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,iFAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,gEAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,0BAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,0BAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,yGAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,oGAGF,WACE,oBACA,kBACA,gBACA,kBACA,0GACA,yJAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,iFAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,gEAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,0BAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,0BAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,yGAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,oGAGF,WACE,oBACA,kBACA,gBACA,kBACA,0GACA,yJAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,iFAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,gEAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,0BAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,0BAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,yGAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,oGAGF,WACE,oBACA,kBACA,gBACA,kBACA,0GACA,yJAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,iFAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,gEAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,0BAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,0BAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,yGAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,oGAGF,WACE,oBACA,kBACA,gBACA,kBACA,0GACA,yJAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,iFAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,gEAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,0BAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,0BAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,yGAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,oGAGF,WACE,oBACA,kBACA,gBACA,kBACA,0GACA,yJAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,iFAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,gEAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,0BAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,0BAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,yGAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,oGAGF,WACE,oBACA,kBACA,gBACA,kBACA,0GACA,yJAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,iFAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,gEAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,0BAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,0BAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,yGAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,oGAGF,WACE,oBACA,kBACA,gBACA,kBACA,0GACA,yJAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,iFAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,gEAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,0BAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,0BAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,yGAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,oGAGF,WACE,oBACA,kBACA,gBACA,kBACA,0GACA,yJAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,iFAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,gEAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,0BAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,0BAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,yGAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,oGAGF,WACE,oBACA,kBACA,gBACA,kBACA,0GACA,yJHhjBF,KACI,0CACA,kBAKI,6CACI,wCAGR,qDACI","file":"style.min.css"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "krl-alfred",
3
- "version": "1.77.23",
3
+ "version": "1.77.25",
4
4
  "files": [
5
5
  "dist"
6
6
  ],
@@ -37,14 +37,12 @@
37
37
  "react-router-dom": "^6.10.0",
38
38
  "react-scripts": "^5.0.1",
39
39
  "react-select": "^5.8.0",
40
- "react-slick": "^0.29.0",
41
40
  "sass": "^1.60.0",
42
41
  "sass-loader": "^13.2.2",
43
42
  "simplebar-react": "^3.2.4",
44
- "slick-carousel": "^1.8.1",
45
43
  "storybook-i18n": "^2.0.13",
46
44
  "style-loader": "^3.3.2",
47
- "styled-components": "^6.1.8",
45
+ "styled-components": "^6.1.13",
48
46
  "typescript": "^4.9.5"
49
47
  },
50
48
  "scripts": {
@@ -97,5 +95,6 @@
97
95
  "semantic-release": "^21.1.2",
98
96
  "storybook": "7.2.1",
99
97
  "storybook-addon-locale": "^0.3.6"
100
- }
98
+ },
99
+ "packageManager": "yarn@1.22.22+sha1.ac34549e6aa8e7ead463a7407e1c7390f61a6610"
101
100
  }
@@ -1,40 +0,0 @@
1
- "use strict";
2
- var __assign = (this && this.__assign) || function () {
3
- __assign = Object.assign || function(t) {
4
- for (var s, i = 1, n = arguments.length; i < n; i++) {
5
- s = arguments[i];
6
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
- t[p] = s[p];
8
- }
9
- return t;
10
- };
11
- return __assign.apply(this, arguments);
12
- };
13
- var __importDefault = (this && this.__importDefault) || function (mod) {
14
- return (mod && mod.__esModule) ? mod : { "default": mod };
15
- };
16
- Object.defineProperty(exports, "__esModule", { value: true });
17
- var jsx_runtime_1 = require("react/jsx-runtime");
18
- var react_1 = require("react");
19
- var layout1_styled_1 = require("./layout1.styled");
20
- var Button_1 = __importDefault(require("../../../Button"));
21
- var Icon_1 = __importDefault(require("../../../Icon/Icon"));
22
- var classnames_1 = __importDefault(require("classnames"));
23
- var react_slick_1 = __importDefault(require("react-slick"));
24
- var Index = function (props) {
25
- var data = props.data;
26
- var _a = (0, react_1.useState)(0), activeSlide = _a[0], setActiveSlide = _a[1];
27
- var sliderRef = (0, react_1.useRef)(null);
28
- var settings = __assign({ dots: false, infinite: false, speed: 500, slidesToShow: 1, slidesToScroll: 1, afterChange: function (index) { return setActiveSlide(index); } }, props.carouselSettings);
29
- var next = function () { return sliderRef.slickNext(); };
30
- var previous = function () { return sliderRef.slickPrev(); };
31
- return ((0, jsx_runtime_1.jsxs)(layout1_styled_1.BannerStyled, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: "inner" }, { children: (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(react_slick_1.default, __assign({}, settings, { ref: function (slider) {
32
- sliderRef = slider;
33
- } }, { children: data === null || data === void 0 ? void 0 : data.map(function (item, key) {
34
- return ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsxs)(layout1_styled_1.BannerItem, __assign({ hasDarkTheme: item === null || item === void 0 ? void 0 : item.hasDarkTheme, className: "item" }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: "text" }, { children: [(item === null || item === void 0 ? void 0 : item.title) && (0, jsx_runtime_1.jsx)("strong", __assign({ className: "title" }, { children: item === null || item === void 0 ? void 0 : item.title })), (item === null || item === void 0 ? void 0 : item.description) && (0, jsx_runtime_1.jsx)("p", __assign({ className: "description" }, { children: item === null || item === void 0 ? void 0 : item.description })), (item === null || item === void 0 ? void 0 : item.buttonText) && (0, jsx_runtime_1.jsx)(Button_1.default, __assign({ size: "big", variant: "primary", onClick: item === null || item === void 0 ? void 0 : item.onClick }, { children: item === null || item === void 0 ? void 0 : item.buttonText }))] })), (0, jsx_runtime_1.jsx)("div", __assign({ className: "img" }, { children: item === null || item === void 0 ? void 0 : item.img })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: "textMobile", onClick: item === null || item === void 0 ? void 0 : item.onClick }, { children: [(0, jsx_runtime_1.jsx)("div", { className: "titleSm", dangerouslySetInnerHTML: { __html: item === null || item === void 0 ? void 0 : item.shortDesc } }), item.hasRightArrow && (0, jsx_runtime_1.jsx)(Icon_1.default, { name: "ArrowRightBig" })] }))] })) }, key));
35
- }) })) }) })), props.showThumbnails && ((0, jsx_runtime_1.jsxs)("div", __assign({ className: "thumbnailSlider" }, { children: [(0, jsx_runtime_1.jsx)("button", __assign({ className: "navigation prev", onClick: previous }, { children: (0, jsx_runtime_1.jsx)(Icon_1.default, { width: "24px", height: "24px", name: "ArrowLeft" }) })), (0, jsx_runtime_1.jsx)("div", __assign({ className: "thumbnailInner" }, { children: data.map(function (item, key) {
36
- var _a;
37
- return ((0, jsx_runtime_1.jsx)(layout1_styled_1.ThumbnailItem, __assign({ hasDarkTheme: item === null || item === void 0 ? void 0 : item.hasDarkTheme, onClick: function () { return sliderRef.slickGoTo(key); }, className: (0, classnames_1.default)("thumbnailItem", (_a = {}, _a["active"] = key === activeSlide, _a)) }, { children: item === null || item === void 0 ? void 0 : item.thumbnail }), key));
38
- }) })), (0, jsx_runtime_1.jsx)("button", __assign({ className: "navigation next", onClick: next }, { children: (0, jsx_runtime_1.jsx)(Icon_1.default, { width: "24px", height: "24px", name: "ArrowRight" }) }))] })))] }));
39
- };
40
- exports.default = Index;
@@ -1,16 +0,0 @@
1
- "use strict";
2
- var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
3
- if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
4
- return cooked;
5
- };
6
- var __importDefault = (this && this.__importDefault) || function (mod) {
7
- return (mod && mod.__esModule) ? mod : { "default": mod };
8
- };
9
- Object.defineProperty(exports, "__esModule", { value: true });
10
- exports.BannerItem = exports.ThumbnailItem = exports.BannerStyled = void 0;
11
- var styled_components_1 = __importDefault(require("styled-components"));
12
- var devices_1 = require("../../../../constants/devices");
13
- exports.BannerStyled = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n max-width: 1050px;\n margin: 0 auto;\n\n .swiper-wrapper {\n align-items: center;\n }\n\n .slick-list {\n border-radius: 0.5rem;\n box-shadow: 0 6px 30px 0 var(--box-shadow-color);\n position: relative;\n overflow: hidden;\n\n @media only screen and ", " {\n background: #f1f1f1;\n }\n }\n .slick-arrow{\n display: none !important;\n }\n\n @media only screen and ", " {\n .slick-active{\n box-shadow: 0 0.375rem 1.875rem 0 var(--box-shadow-color);\n position: relative;\n z-index: 5;\n }\n }\n\n .thumbnailSlider {\n margin-top: 3rem;\n display: flex;\n align-items: center;\n justify-content: center;\n @media only screen and ", " {\n display: none;\n }\n\n .thumbnailInner {\n justify-content: center;\n display: flex;\n align-items: center;\n margin: 0 2.5rem;\n\n .thumbnailItem {\n border: 1px solid var(--dark-opacity-10);\n height: 50px;\n border-radius: 0.5rem;\n position: relative;\n overflow: hidden;\n margin: 0 4px;\n box-shadow: 0 6px 30px 0 var(--search-shadow-color);\n width: 70px;\n padding: 8px;\n box-sizing: border-box;\n cursor: pointer;\n transition: all .1s ease;\n\n &:is(.active) {\n border-color: var(--primary);\n }\n\n > * {\n display: block;\n width: 100%;\n height: 100%;\n object-fit: contain;\n object-position: center center;\n }\n }\n }\n\n .navigation {\n box-sizing: border-box;\n display: flex;\n justify-content: center;\n align-items: center;\n border-radius: 8px;\n cursor: pointer;\n transition: all .2s;\n width: 48px;\n height: 48px;\n box-shadow: 0 0 16px 0 white;\n border: 0;\n background-color: white;\n color: var(--primary);\n\n &:hover {\n box-shadow: 0 0 16px 0 var(--icon-shadow-color);\n }\n }\n }\n"], ["\n max-width: 1050px;\n margin: 0 auto;\n\n .swiper-wrapper {\n align-items: center;\n }\n\n .slick-list {\n border-radius: 0.5rem;\n box-shadow: 0 6px 30px 0 var(--box-shadow-color);\n position: relative;\n overflow: hidden;\n\n @media only screen and ", " {\n background: #f1f1f1;\n }\n }\n .slick-arrow{\n display: none !important;\n }\n\n @media only screen and ", " {\n .slick-active{\n box-shadow: 0 0.375rem 1.875rem 0 var(--box-shadow-color);\n position: relative;\n z-index: 5;\n }\n }\n\n .thumbnailSlider {\n margin-top: 3rem;\n display: flex;\n align-items: center;\n justify-content: center;\n @media only screen and ", " {\n display: none;\n }\n\n .thumbnailInner {\n justify-content: center;\n display: flex;\n align-items: center;\n margin: 0 2.5rem;\n\n .thumbnailItem {\n border: 1px solid var(--dark-opacity-10);\n height: 50px;\n border-radius: 0.5rem;\n position: relative;\n overflow: hidden;\n margin: 0 4px;\n box-shadow: 0 6px 30px 0 var(--search-shadow-color);\n width: 70px;\n padding: 8px;\n box-sizing: border-box;\n cursor: pointer;\n transition: all .1s ease;\n\n &:is(.active) {\n border-color: var(--primary);\n }\n\n > * {\n display: block;\n width: 100%;\n height: 100%;\n object-fit: contain;\n object-position: center center;\n }\n }\n }\n\n .navigation {\n box-sizing: border-box;\n display: flex;\n justify-content: center;\n align-items: center;\n border-radius: 8px;\n cursor: pointer;\n transition: all .2s;\n width: 48px;\n height: 48px;\n box-shadow: 0 0 16px 0 white;\n border: 0;\n background-color: white;\n color: var(--primary);\n\n &:hover {\n box-shadow: 0 0 16px 0 var(--icon-shadow-color);\n }\n }\n }\n"])), devices_1.devices.lg, devices_1.devices.lg, devices_1.devices.lg);
14
- exports.ThumbnailItem = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n border: 1px solid var(--dark-opacity-10);\n height: 50px;\n border-radius: 0.5rem;\n position: relative;\n overflow: hidden;\n margin: 0 4px;\n box-shadow: 0 6px 30px 0 var(--search-shadow-color);\n width: 70px;\n padding: 8px;\n box-sizing: border-box;\n cursor: pointer;\n transition: all .1s ease;\n background-color: ", ";\n\n &:is(.active) {\n border-color: var(--primary);\n }\n\n > * {\n display: block;\n width: 100%;\n height: 100%;\n object-fit: contain;\n object-position: center center;\n }\n"], ["\n border: 1px solid var(--dark-opacity-10);\n height: 50px;\n border-radius: 0.5rem;\n position: relative;\n overflow: hidden;\n margin: 0 4px;\n box-shadow: 0 6px 30px 0 var(--search-shadow-color);\n width: 70px;\n padding: 8px;\n box-sizing: border-box;\n cursor: pointer;\n transition: all .1s ease;\n background-color: ", ";\n\n &:is(.active) {\n border-color: var(--primary);\n }\n\n > * {\n display: block;\n width: 100%;\n height: 100%;\n object-fit: contain;\n object-position: center center;\n }\n"])), function (props) { return props.hasDarkTheme ? "var(--dark)" : "#fff"; });
15
- exports.BannerItem = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n\n padding: 0 5rem;\n display: grid;\n grid-template-columns: 1fr auto;\n align-items: center;\n height: 420px;\n background-color: ", ";\n border-radius: 0.5rem;\n @media only screen and ", " {\n padding: 0;\n display: block;\n height: auto;\n }\n\n .text {\n @media only screen and ", " {\n display: none;\n }\n max-width: 478px;\n\n .title {\n margin-bottom: 1.5rem;\n display: block;\n color: ", ";\n font:var(--headline-extra-bold-32-39);\n }\n\n .description {\n margin: 0;\n display: block;\n color: ", ";\n font:var(--title-regular-16-19);\n }\n button{\n margin-top: 1.5rem;\n }\n }\n\n .textMobile {\n display: none;\n background-color: var(--primary-shades-dark);\n padding: 0 1rem;\n color: white;\n align-items: center;\n justify-content: space-between;\n border-radius: 0 0 8px 8px;\n height: 70px;\n font:var(--title-medium-16-19);\n svg {\n margin-left: 1rem;\n }\n\n b {\n display: block;\n }\n\n @media only screen and ", " {\n display: flex;\n }\n }\n\n .img {\n text-align: end;\n img {\n display: inline-block !important;\n max-height: 100%;\n max-width: 100%;\n @media only screen and ", " {\n height: auto;\n }\n }\n\n @media only screen and ", " {\n padding: 0;\n text-align: center;\n height: 228px;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: ", ";\n border-radius: 0.5rem;\n span {\n height: 174px !important;\n }\n }\n }\n"], ["\n\n padding: 0 5rem;\n display: grid;\n grid-template-columns: 1fr auto;\n align-items: center;\n height: 420px;\n background-color: ", ";\n border-radius: 0.5rem;\n @media only screen and ", " {\n padding: 0;\n display: block;\n height: auto;\n }\n\n .text {\n @media only screen and ", " {\n display: none;\n }\n max-width: 478px;\n\n .title {\n margin-bottom: 1.5rem;\n display: block;\n color: ", ";\n font:var(--headline-extra-bold-32-39);\n }\n\n .description {\n margin: 0;\n display: block;\n color: ", ";\n font:var(--title-regular-16-19);\n }\n button{\n margin-top: 1.5rem;\n }\n }\n\n .textMobile {\n display: none;\n background-color: var(--primary-shades-dark);\n padding: 0 1rem;\n color: white;\n align-items: center;\n justify-content: space-between;\n border-radius: 0 0 8px 8px;\n height: 70px;\n font:var(--title-medium-16-19);\n svg {\n margin-left: 1rem;\n }\n\n b {\n display: block;\n }\n\n @media only screen and ", " {\n display: flex;\n }\n }\n\n .img {\n text-align: end;\n img {\n display: inline-block !important;\n max-height: 100%;\n max-width: 100%;\n @media only screen and ", " {\n height: auto;\n }\n }\n\n @media only screen and ", " {\n padding: 0;\n text-align: center;\n height: 228px;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: ", ";\n border-radius: 0.5rem;\n span {\n height: 174px !important;\n }\n }\n }\n"])), function (props) { return props.hasDarkTheme ? "var(--dark)" : "#fff"; }, devices_1.devices.lg, devices_1.devices.lg, function (props) { return !props.hasDarkTheme ? "var(--dark)" : "#fff"; }, function (props) { return !props.hasDarkTheme ? "var(--dark)" : "#fff"; }, devices_1.devices.lg, devices_1.devices.lg, devices_1.devices.lg, function (props) { return props.hasDarkTheme ? "var(--dark)" : "#fff"; });
16
- var templateObject_1, templateObject_2, templateObject_3;
@@ -1,20 +0,0 @@
1
- "use strict";
2
- var __assign = (this && this.__assign) || function () {
3
- __assign = Object.assign || function(t) {
4
- for (var s, i = 1, n = arguments.length; i < n; i++) {
5
- s = arguments[i];
6
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
- t[p] = s[p];
8
- }
9
- return t;
10
- };
11
- return __assign.apply(this, arguments);
12
- };
13
- Object.defineProperty(exports, "__esModule", { value: true });
14
- var jsx_runtime_1 = require("react/jsx-runtime");
15
- var layout2_styled_1 = require("./layout2.styled");
16
- var Index = function (props) {
17
- var data = props.data;
18
- return ((0, jsx_runtime_1.jsx)(layout2_styled_1.BannerStyled, { children: (0, jsx_runtime_1.jsxs)("div", __assign({ className: "item" }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: "img" }, { children: data === null || data === void 0 ? void 0 : data.img })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: "text" }, { children: [(data === null || data === void 0 ? void 0 : data.title) && (0, jsx_runtime_1.jsx)("strong", __assign({ className: "title" }, { children: data === null || data === void 0 ? void 0 : data.title })), (data === null || data === void 0 ? void 0 : data.description) && (0, jsx_runtime_1.jsx)("p", __assign({ className: "description" }, { children: data === null || data === void 0 ? void 0 : data.description }))] }))] })) }));
19
- };
20
- exports.default = Index;
@@ -1,14 +0,0 @@
1
- "use strict";
2
- var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
3
- if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
4
- return cooked;
5
- };
6
- var __importDefault = (this && this.__importDefault) || function (mod) {
7
- return (mod && mod.__esModule) ? mod : { "default": mod };
8
- };
9
- Object.defineProperty(exports, "__esModule", { value: true });
10
- exports.BannerStyled = void 0;
11
- var styled_components_1 = __importDefault(require("styled-components"));
12
- var devices_1 = require("../../../../constants/devices");
13
- exports.BannerStyled = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n max-width: 1050px;\n margin: 0 auto;\n\n .item {\n background-color: var(--primary-opacity-10);\n border-radius: 0.5rem;\n padding: 0 5rem;\n display: flex;\n align-items: center;\n justify-content: space-between;\n flex-wrap: wrap;\n\n @media only screen and ", " {\n padding: 1.5rem 1rem;\n margin-top: calc(3rem + 55px);\n display: flex;\n justify-content: center;\n }\n\n .text {\n flex: 1 0;\n max-width: 349px;\n @media only screen and ", " {\n max-width: initial;\n }\n\n .title {\n margin-bottom: 1rem;\n display: block;\n font:var(--headline-extra-bold-24-29);\n @media only screen and ", " {\n font:var(--headline-extra-bold-20-24)\n }\n }\n\n .description {\n margin: 0;\n display: block;\n font:var(--body-regular-14-17);\n }\n }\n\n\n .img {\n margin-top: -21px;\n\n > * {\n display: block !important;\n }\n\n @media only screen and ", " {\n width: 100%;\n margin-bottom: 24px;\n margin-top: -55px;\n }\n\n img {\n max-height: 100%;\n max-width: 100%;\n @media only screen and ", " {\n height: auto;\n }\n }\n }\n\n\n"], ["\n max-width: 1050px;\n margin: 0 auto;\n\n .item {\n background-color: var(--primary-opacity-10);\n border-radius: 0.5rem;\n padding: 0 5rem;\n display: flex;\n align-items: center;\n justify-content: space-between;\n flex-wrap: wrap;\n\n @media only screen and ", " {\n padding: 1.5rem 1rem;\n margin-top: calc(3rem + 55px);\n display: flex;\n justify-content: center;\n }\n\n .text {\n flex: 1 0;\n max-width: 349px;\n @media only screen and ", " {\n max-width: initial;\n }\n\n .title {\n margin-bottom: 1rem;\n display: block;\n font:var(--headline-extra-bold-24-29);\n @media only screen and ", " {\n font:var(--headline-extra-bold-20-24)\n }\n }\n\n .description {\n margin: 0;\n display: block;\n font:var(--body-regular-14-17);\n }\n }\n\n\n .img {\n margin-top: -21px;\n\n > * {\n display: block !important;\n }\n\n @media only screen and ", " {\n width: 100%;\n margin-bottom: 24px;\n margin-top: -55px;\n }\n\n img {\n max-height: 100%;\n max-width: 100%;\n @media only screen and ", " {\n height: auto;\n }\n }\n }\n\n\n"])), devices_1.devices.lg, devices_1.devices.lg, devices_1.devices.lg, devices_1.devices.lg, devices_1.devices.lg);
14
- var templateObject_1;
@@ -1,24 +0,0 @@
1
- "use strict";
2
- var __assign = (this && this.__assign) || function () {
3
- __assign = Object.assign || function(t) {
4
- for (var s, i = 1, n = arguments.length; i < n; i++) {
5
- s = arguments[i];
6
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
- t[p] = s[p];
8
- }
9
- return t;
10
- };
11
- return __assign.apply(this, arguments);
12
- };
13
- var __importDefault = (this && this.__importDefault) || function (mod) {
14
- return (mod && mod.__esModule) ? mod : { "default": mod };
15
- };
16
- Object.defineProperty(exports, "__esModule", { value: true });
17
- var jsx_runtime_1 = require("react/jsx-runtime");
18
- var layout4_styled_1 = require("./layout4.styled");
19
- var Button_1 = __importDefault(require("../../../Button"));
20
- var Index = function (props) {
21
- var data = props.data;
22
- return ((0, jsx_runtime_1.jsx)(layout4_styled_1.BannerStyled, { children: (0, jsx_runtime_1.jsxs)("div", __assign({ className: "item" }, { children: [(data === null || data === void 0 ? void 0 : data.img) && (0, jsx_runtime_1.jsx)("div", __assign({ className: "img" }, { children: data === null || data === void 0 ? void 0 : data.img })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: "text" }, { children: [(data === null || data === void 0 ? void 0 : data.title) && (0, jsx_runtime_1.jsx)("strong", __assign({ className: "title" }, { children: data === null || data === void 0 ? void 0 : data.title })), (data === null || data === void 0 ? void 0 : data.description) && (0, jsx_runtime_1.jsx)("p", __assign({ className: "description" }, { children: data === null || data === void 0 ? void 0 : data.description })), (data === null || data === void 0 ? void 0 : data.buttonText) && (0, jsx_runtime_1.jsx)(Button_1.default, __assign({ size: "big", variant: "primary", onClick: data === null || data === void 0 ? void 0 : data.onClick }, { children: data === null || data === void 0 ? void 0 : data.buttonText }))] }))] })) }));
23
- };
24
- exports.default = Index;
@@ -1,14 +0,0 @@
1
- "use strict";
2
- var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
3
- if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
4
- return cooked;
5
- };
6
- var __importDefault = (this && this.__importDefault) || function (mod) {
7
- return (mod && mod.__esModule) ? mod : { "default": mod };
8
- };
9
- Object.defineProperty(exports, "__esModule", { value: true });
10
- exports.BannerStyled = void 0;
11
- var styled_components_1 = __importDefault(require("styled-components"));
12
- var devices_1 = require("../../../../constants/devices");
13
- exports.BannerStyled = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n max-width: 1050px;\n margin: 0 auto;\n\n .item {\n background-color: var(--primary-opacity-5);\n display: block;\n padding: 3rem;\n border-radius: 0.5rem;\n\n @media only screen and ", " {\n padding: 3rem 1.5rem;\n }\n }\n\n .text {\n margin-top: 2rem;\n\n .title {\n margin-bottom: 1rem;\n display: block;\n font:var(--headline-extra-bold-32-39);\n }\n\n .description {\n margin: 0 0 2rem 0;\n display: block;\n color: var(--dark-opacity-75);\n font:var(--title-regular-16-19);\n @media only screen and ", " {\n font:var(--body-regular-14-17);\n }\n }\n }\n \n .img {\n @media only screen and ", " {\n width: 100%;\n }\n\n img {\n max-height: 100%;\n max-width: 100%;\n @media only screen and ", " {\n height: auto;\n }\n }\n }\n\n\n"], ["\n max-width: 1050px;\n margin: 0 auto;\n\n .item {\n background-color: var(--primary-opacity-5);\n display: block;\n padding: 3rem;\n border-radius: 0.5rem;\n\n @media only screen and ", " {\n padding: 3rem 1.5rem;\n }\n }\n\n .text {\n margin-top: 2rem;\n\n .title {\n margin-bottom: 1rem;\n display: block;\n font:var(--headline-extra-bold-32-39);\n }\n\n .description {\n margin: 0 0 2rem 0;\n display: block;\n color: var(--dark-opacity-75);\n font:var(--title-regular-16-19);\n @media only screen and ", " {\n font:var(--body-regular-14-17);\n }\n }\n }\n \n .img {\n @media only screen and ", " {\n width: 100%;\n }\n\n img {\n max-height: 100%;\n max-width: 100%;\n @media only screen and ", " {\n height: auto;\n }\n }\n }\n\n\n"])), devices_1.devices.lg, devices_1.devices.lg, devices_1.devices.lg, devices_1.devices.lg);
14
- var templateObject_1;
@@ -1,45 +0,0 @@
1
- "use strict";
2
- var __assign = (this && this.__assign) || function () {
3
- __assign = Object.assign || function(t) {
4
- for (var s, i = 1, n = arguments.length; i < n; i++) {
5
- s = arguments[i];
6
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
- t[p] = s[p];
8
- }
9
- return t;
10
- };
11
- return __assign.apply(this, arguments);
12
- };
13
- var __importDefault = (this && this.__importDefault) || function (mod) {
14
- return (mod && mod.__esModule) ? mod : { "default": mod };
15
- };
16
- Object.defineProperty(exports, "__esModule", { value: true });
17
- var jsx_runtime_1 = require("react/jsx-runtime");
18
- var react_1 = require("react");
19
- var Carousel_styled_1 = require("./Carousel.styled");
20
- var Icon_1 = __importDefault(require("../Icon/Icon"));
21
- var classnames_1 = __importDefault(require("classnames"));
22
- var react_slick_1 = __importDefault(require("react-slick"));
23
- var Badges_1 = __importDefault(require("../Badges"));
24
- var react_i18next_1 = require("react-i18next");
25
- var Carousel = function (props) {
26
- var t = (0, react_i18next_1.useTranslation)().t;
27
- var data = props.data, hasDiscount = props.hasDiscount, carouselSettings = props.carouselSettings;
28
- var _a = (0, react_1.useState)(0), activeSlide = _a[0], setActiveSlide = _a[1];
29
- var sliderRef = (0, react_1.useRef)(null);
30
- var settings = __assign({ dots: false, infinite: false, speed: 500, slidesToShow: 1, autoplay: true, autoplaySpeed: 2500, slidesToScroll: 1, afterChange: function (index) { return setActiveSlide(index); } }, carouselSettings);
31
- var next = function () { return sliderRef.slickNext(); };
32
- var previous = function () { return sliderRef.slickPrev(); };
33
- return ((0, jsx_runtime_1.jsxs)(Carousel_styled_1.CarouselStyled, { children: [hasDiscount && (0, jsx_runtime_1.jsx)("div", __assign({ className: "carouselBadge" }, { children: (0, jsx_runtime_1.jsx)(Badges_1.default, { size: "medium", title: t("discount") }) })), (0, jsx_runtime_1.jsx)("div", __assign({ className: "inner" }, { children: (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("button", __assign({ className: "navigation prev", onClick: previous }, { children: (0, jsx_runtime_1.jsx)(Icon_1.default, { color: "var(--grey-40)", width: "16px", height: "16px", name: "ArrowSmallLeft" }) })), (0, jsx_runtime_1.jsx)(react_slick_1.default, __assign({}, settings, { ref: function (slider) {
34
- sliderRef = slider;
35
- } }, { children: data === null || data === void 0 ? void 0 : data.map(function (item, key) {
36
- return ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)("div", __assign({ className: "item" }, { children: (0, jsx_runtime_1.jsx)("div", __assign({ className: "img" }, { children: item === null || item === void 0 ? void 0 : item.img })) })) }, key));
37
- }) })), (0, jsx_runtime_1.jsx)("button", __assign({ className: "navigation next", onClick: next }, { children: (0, jsx_runtime_1.jsx)(Icon_1.default, { color: "var(--grey-40)", width: "16px", height: "16px", name: "ArrowSmallRight" }) }))] }) })), props.showThumbnails && ((0, jsx_runtime_1.jsx)("div", __assign({ className: "thumbnailSlider" }, { children: (0, jsx_runtime_1.jsx)("div", __assign({ className: "thumbnailInner" }, { children: data.map(function (item, key) {
38
- var _a;
39
- return ((0, jsx_runtime_1.jsx)("div", __assign({ onClick: function () { return sliderRef.slickGoTo(key); }, className: (0, classnames_1.default)("thumbnailItem", (_a = {}, _a["active"] = key === activeSlide, _a)) }, { children: item === null || item === void 0 ? void 0 : item.thumbnail }), key));
40
- }) })) })))] }));
41
- };
42
- Carousel.defaultProps = {
43
- showThumbnails: true
44
- };
45
- exports.default = Carousel;
@@ -1,14 +0,0 @@
1
- "use strict";
2
- var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
3
- if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
4
- return cooked;
5
- };
6
- var __importDefault = (this && this.__importDefault) || function (mod) {
7
- return (mod && mod.__esModule) ? mod : { "default": mod };
8
- };
9
- Object.defineProperty(exports, "__esModule", { value: true });
10
- exports.CarouselStyled = void 0;
11
- var styled_components_1 = __importDefault(require("styled-components"));
12
- var devices_1 = require("../../constants/devices");
13
- exports.CarouselStyled = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n max-width: 100%;\n margin: 0 auto;\n box-sizing: border-box;\n position: relative;\n .carouselBadge{\n left: -7px;\n top: -7px;\n position: absolute;\n z-index: 5;\n }\n .inner {\n border-radius: 0.5rem;\n position: relative;\n border: 1px solid var(--dark-opacity-10);\n background: #fff;\n box-sizing: border-box;\n }\n\n .item {\n padding: 0 0;\n display: grid;\n grid-template-columns: 1fr auto;\n align-items: center;\n aspect-ratio: 1/1;\n box-sizing: border-box;\n @media only screen and ", " {\n padding: 0;\n display: block;\n height: auto;\n }\n .img {\n text-align: end;\n padding: 1rem;\n > * {\n display: block !important;\n }\n img {\n max-height: 100%;\n max-width: 100%;\n margin: 0 auto;\n @media only screen and ", " {\n height: auto;\n }\n }\n\n @media only screen and ", " {\n padding: 2.5rem 2.5rem 1rem;\n text-align: center;\n }\n }\n }\n\n .thumbnailSlider {\n margin-top: 1.5rem;\n display: flex;\n align-items: center;\n justify-content: center;\n \n .thumbnailInner {\n justify-content: center;\n display: flex;\n align-items: center;\n margin: 0 0;\n gap: 0 1.5rem;\n width: 100%;\n @media only screen and ", " {\n gap: 0 1rem;\n }\n .thumbnailItem {\n border: 1px solid var(--dark-opacity-10);\n border-radius: 0.5rem;\n position: relative;\n overflow: hidden;\n margin: 0 0;\n aspect-ratio: 1/1;\n padding: 8px;\n box-sizing: border-box;\n cursor: pointer;\n transition: all .1s ease;\n width: calc((100% / 4) - 12px); \n\n &:is(.active) {\n border-color: var(--primary);\n }\n\n > * {\n display: block;\n width: 100%;\n height: 100%;\n object-fit: contain;\n object-position: center center;\n }\n }\n }\n }\n\n .navigation {\n box-sizing: border-box;\n display: flex;\n justify-content: center;\n align-items: center;\n border-radius: 8px;\n cursor: pointer;\n transition: all .2s;\n width: 32px;\n height: 32px;\n border: 1px solid var(--dark-opacity-10);\n background-color: #fff;\n position: absolute;\n left: 0;\n top: 50%;\n transform: translateY(-50%) translateX(-50%);\n z-index: 5;\n &:before{\n display: none;\n }\n &:is(.next){\n right: 0;\n left: auto;\n transform: translateY(-50%) translateX(50%);\n }\n &:is(.prev){\n \n }\n @media only screen and ", " {\n display: none;\n }\n }\n .slick-prev, .slick-next{\n display: none !important;\n }\n"], ["\n max-width: 100%;\n margin: 0 auto;\n box-sizing: border-box;\n position: relative;\n .carouselBadge{\n left: -7px;\n top: -7px;\n position: absolute;\n z-index: 5;\n }\n .inner {\n border-radius: 0.5rem;\n position: relative;\n border: 1px solid var(--dark-opacity-10);\n background: #fff;\n box-sizing: border-box;\n }\n\n .item {\n padding: 0 0;\n display: grid;\n grid-template-columns: 1fr auto;\n align-items: center;\n aspect-ratio: 1/1;\n box-sizing: border-box;\n @media only screen and ", " {\n padding: 0;\n display: block;\n height: auto;\n }\n .img {\n text-align: end;\n padding: 1rem;\n > * {\n display: block !important;\n }\n img {\n max-height: 100%;\n max-width: 100%;\n margin: 0 auto;\n @media only screen and ", " {\n height: auto;\n }\n }\n\n @media only screen and ", " {\n padding: 2.5rem 2.5rem 1rem;\n text-align: center;\n }\n }\n }\n\n .thumbnailSlider {\n margin-top: 1.5rem;\n display: flex;\n align-items: center;\n justify-content: center;\n \n .thumbnailInner {\n justify-content: center;\n display: flex;\n align-items: center;\n margin: 0 0;\n gap: 0 1.5rem;\n width: 100%;\n @media only screen and ", " {\n gap: 0 1rem;\n }\n .thumbnailItem {\n border: 1px solid var(--dark-opacity-10);\n border-radius: 0.5rem;\n position: relative;\n overflow: hidden;\n margin: 0 0;\n aspect-ratio: 1/1;\n padding: 8px;\n box-sizing: border-box;\n cursor: pointer;\n transition: all .1s ease;\n width: calc((100% / 4) - 12px); \n\n &:is(.active) {\n border-color: var(--primary);\n }\n\n > * {\n display: block;\n width: 100%;\n height: 100%;\n object-fit: contain;\n object-position: center center;\n }\n }\n }\n }\n\n .navigation {\n box-sizing: border-box;\n display: flex;\n justify-content: center;\n align-items: center;\n border-radius: 8px;\n cursor: pointer;\n transition: all .2s;\n width: 32px;\n height: 32px;\n border: 1px solid var(--dark-opacity-10);\n background-color: #fff;\n position: absolute;\n left: 0;\n top: 50%;\n transform: translateY(-50%) translateX(-50%);\n z-index: 5;\n &:before{\n display: none;\n }\n &:is(.next){\n right: 0;\n left: auto;\n transform: translateY(-50%) translateX(50%);\n }\n &:is(.prev){\n \n }\n @media only screen and ", " {\n display: none;\n }\n }\n .slick-prev, .slick-next{\n display: none !important;\n }\n"])), devices_1.devices.lg, devices_1.devices.lg, devices_1.devices.lg, devices_1.devices.lg, devices_1.devices.lg);
14
- var templateObject_1;
@@ -1,8 +0,0 @@
1
- "use strict";
2
- var __importDefault = (this && this.__importDefault) || function (mod) {
3
- return (mod && mod.__esModule) ? mod : { "default": mod };
4
- };
5
- Object.defineProperty(exports, "__esModule", { value: true });
6
- exports.default = void 0;
7
- var Carousel_1 = require("./Carousel");
8
- Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(Carousel_1).default; } });
@@ -1,2 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
@@ -1,34 +0,0 @@
1
- "use strict";
2
- var __assign = (this && this.__assign) || function () {
3
- __assign = Object.assign || function(t) {
4
- for (var s, i = 1, n = arguments.length; i < n; i++) {
5
- s = arguments[i];
6
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
- t[p] = s[p];
8
- }
9
- return t;
10
- };
11
- return __assign.apply(this, arguments);
12
- };
13
- var __importDefault = (this && this.__importDefault) || function (mod) {
14
- return (mod && mod.__esModule) ? mod : { "default": mod };
15
- };
16
- Object.defineProperty(exports, "__esModule", { value: true });
17
- exports.Default = void 0;
18
- var jsx_runtime_1 = require("react/jsx-runtime");
19
- var Carousel_1 = __importDefault(require("../Carousel"));
20
- var carousel_1 = __importDefault(require("./../../../jsons/carousel"));
21
- exports.default = {
22
- title: 'Components/Carousel',
23
- component: function (props) { return (0, jsx_runtime_1.jsx)("div", __assign({ style: { maxWidth: "456px" } }, { children: (0, jsx_runtime_1.jsx)(Carousel_1.default, __assign({}, props)) })); },
24
- tags: ['autodocs'],
25
- argTypes: {
26
- hasDiscount: { control: 'boolean' },
27
- }
28
- };
29
- exports.Default = {
30
- args: {
31
- data: carousel_1.default,
32
- showThumbnails: true
33
- },
34
- };
@@ -1,25 +0,0 @@
1
- "use strict";
2
- var __assign = (this && this.__assign) || function () {
3
- __assign = Object.assign || function(t) {
4
- for (var s, i = 1, n = arguments.length; i < n; i++) {
5
- s = arguments[i];
6
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
- t[p] = s[p];
8
- }
9
- return t;
10
- };
11
- return __assign.apply(this, arguments);
12
- };
13
- Object.defineProperty(exports, "__esModule", { value: true });
14
- var jsx_runtime_1 = require("react/jsx-runtime");
15
- var ProductCard_styled_1 = require("../ProductCard.styled");
16
- var react_device_detect_1 = require("react-device-detect");
17
- var Horizontal = function (props) {
18
- var image = props.image, title = props.title, description = props.description, price = props.price, period = props.period;
19
- var LinkComponent = function (_a) {
20
- var item = _a.item, children = _a.children;
21
- return item.component ? ((0, jsx_runtime_1.jsx)(item.component, { children: children })) : ((0, jsx_runtime_1.jsx)("a", __assign({ href: item.slug }, { children: children })));
22
- };
23
- return ((0, jsx_runtime_1.jsx)(ProductCard_styled_1.HorizontalStyled, __assign({}, props, { children: (0, jsx_runtime_1.jsx)(LinkComponent, __assign({ item: props }, { children: (0, jsx_runtime_1.jsxs)("div", __assign({ className: "horizontalWrapper" }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: "img" }, { children: image })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: "text" }, { children: [(0, jsx_runtime_1.jsx)("strong", __assign({ className: "title" }, { children: title })), !react_device_detect_1.isMobile && (0, jsx_runtime_1.jsx)("p", __assign({ className: "description" }, { children: description })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: "priceContent" }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: "price" }, { children: price })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: "period" }, { children: ["/ ", period] }))] }))] }))] })) })) })));
24
- };
25
- exports.default = Horizontal;
@@ -1,30 +0,0 @@
1
- "use strict";
2
- var __assign = (this && this.__assign) || function () {
3
- __assign = Object.assign || function(t) {
4
- for (var s, i = 1, n = arguments.length; i < n; i++) {
5
- s = arguments[i];
6
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
- t[p] = s[p];
8
- }
9
- return t;
10
- };
11
- return __assign.apply(this, arguments);
12
- };
13
- var __importDefault = (this && this.__importDefault) || function (mod) {
14
- return (mod && mod.__esModule) ? mod : { "default": mod };
15
- };
16
- Object.defineProperty(exports, "__esModule", { value: true });
17
- var jsx_runtime_1 = require("react/jsx-runtime");
18
- var ProductCard_styled_1 = require("../ProductCard.styled");
19
- var Badges_1 = __importDefault(require("../../Badges"));
20
- var react_i18next_1 = require("react-i18next");
21
- var Standart = function (props) {
22
- var t = (0, react_i18next_1.useTranslation)().t;
23
- var isMobile = props.isMobile, discountRate = props.discountRate, image = props.image, hasDiscount = props.hasDiscount, title = props.title, description = props.description, oldPrice = props.oldPrice, oldPricePeriod = props.oldPricePeriod, price = props.price, period = props.period;
24
- var LinkComponent = function (_a) {
25
- var item = _a.item, children = _a.children;
26
- return item.component ? ((0, jsx_runtime_1.jsx)(item.component, { children: children })) : ((0, jsx_runtime_1.jsx)("a", __assign({ href: item.slug }, { children: children })));
27
- };
28
- return ((0, jsx_runtime_1.jsx)(ProductCard_styled_1.StandartStyled, __assign({}, props, { children: (0, jsx_runtime_1.jsxs)(LinkComponent, __assign({ item: props }, { children: [hasDiscount && (0, jsx_runtime_1.jsx)("div", __assign({ className: "cartBadge" }, { children: (0, jsx_runtime_1.jsx)(Badges_1.default, { size: "medium", left: (isMobile ? '16px' : '8px'), top: (isMobile ? '16px' : '8px'), title: t("discount") }) })), (0, jsx_runtime_1.jsx)("div", __assign({ className: "img" }, { children: image })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: "productCardContent" }, { children: [(0, jsx_runtime_1.jsx)("strong", __assign({ className: "productCardTitle" }, { children: title })), (0, jsx_runtime_1.jsx)("p", __assign({ className: "productCardDescription" }, { children: description })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: "productCardPriceContent" }, { children: [discountRate > 0 && (0, jsx_runtime_1.jsxs)("div", __assign({ className: "discountRate" }, { children: ["%", discountRate] })), (0, jsx_runtime_1.jsxs)("div", { children: [oldPrice && discountRate > 0 && ((0, jsx_runtime_1.jsxs)("div", __assign({ className: "oldPrice" }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: "price" }, { children: oldPrice })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: "period" }, { children: ["/ ", oldPricePeriod] }))] }))), (0, jsx_runtime_1.jsxs)("div", __assign({ className: "newPrice" }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: "price" }, { children: price })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: "period" }, { children: ["/ ", period] }))] }))] })] }))] }))] })) })));
29
- };
30
- exports.default = Standart;