krl-alfred 1.77.23 → 1.77.24
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/Banner/Banner.js +1 -10
- package/dist/components/BannerCard/BannerCard.styled.js +1 -1
- package/dist/components/ProductCard/ProductCard.js +0 -6
- package/dist/components/ProductCard/ProductCard.styled.js +3 -5
- package/dist/index.js +2 -6
- package/dist/style/style.min.css +1 -1
- package/dist/style/style.min.css.map +1 -1
- package/package.json +2 -4
- package/dist/components/Banner/layouts/layout1/index.js +0 -40
- package/dist/components/Banner/layouts/layout1/layout1.styled.js +0 -16
- package/dist/components/Banner/layouts/layout2/index.js +0 -20
- package/dist/components/Banner/layouts/layout2/layout2.styled.js +0 -14
- package/dist/components/Banner/layouts/layout4/index.js +0 -24
- package/dist/components/Banner/layouts/layout4/layout4.styled.js +0 -14
- package/dist/components/Carousel/Carousel.js +0 -45
- package/dist/components/Carousel/Carousel.styled.js +0 -14
- package/dist/components/Carousel/index.js +0 -8
- package/dist/components/Carousel/props.js +0 -2
- package/dist/components/Carousel/stories/Carousel.stories.js +0 -34
- package/dist/components/ProductCard/layouts/Horizontal.js +0 -25
- package/dist/components/ProductCard/layouts/Standart.js +0 -30
|
@@ -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)(
|
|
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
|
|
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;
|
|
@@ -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.
|
|
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.
|
|
51
|
-
|
|
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.
|
|
7
|
-
exports.ProductCardCheckbox = exports.PaymentCart = exports.Tabs =
|
|
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"));
|
package/dist/style/style.min.css
CHANGED
|
@@ -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"
|
|
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.
|
|
3
|
+
"version": "1.77.24",
|
|
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.
|
|
45
|
+
"styled-components": "^6.1.13",
|
|
48
46
|
"typescript": "^4.9.5"
|
|
49
47
|
},
|
|
50
48
|
"scripts": {
|
|
@@ -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,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;
|