krl-alfred 1.72.17 → 1.73.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/Badges/layouts/belt/belt.styled.js +1 -1
- package/dist/components/CampaignCard/CampaignCard.js +25 -0
- package/dist/components/CampaignCard/CampaignCard.styled.js +56 -0
- package/dist/components/CampaignCard/index.js +8 -0
- package/dist/components/CampaignCard/props.js +5 -0
- package/dist/components/CampaignCard/stories/CampaignCard.stories.js +42 -0
- package/dist/components/Carousel/Carousel.js +1 -1
- package/dist/components/Carousel/Carousel.styled.js +1 -1
- package/dist/components/CategoryMenu/CategoryMenu.styled.js +2 -2
- package/dist/components/Dropdown/Dropdown.js +32 -0
- package/dist/components/Dropdown/Dropdown.styled.js +14 -0
- package/dist/components/Dropdown/index.js +8 -0
- package/dist/components/Dropdown/props.js +5 -0
- package/dist/components/Dropdown/stories/Dropdown.stories.js +49 -0
- package/dist/components/Icon/Gift.js +40 -0
- package/dist/components/Icon/Lgbt.js +40 -0
- package/dist/components/Icon/index.js +16 -4
- package/dist/components/InlineProgress/InlineProgress.js +26 -0
- package/dist/components/InlineProgress/InlineProgress.styled.js +13 -0
- package/dist/components/InlineProgress/index.js +8 -0
- package/dist/components/InlineProgress/props.js +2 -0
- package/dist/components/InlineProgress/stories/InlineProgress.stories.js +31 -0
- package/dist/components/ListGroup/ListGroup.js +1 -1
- package/dist/components/ListGroup/ListGroup.styled.js +1 -1
- package/dist/components/ProductCard/ProductCard.styled.js +1 -1
- package/dist/components/ProductCard/layouts/Standart.js +1 -1
- package/dist/index.js +7 -1
- package/dist/jsons/ListGroup.json +5 -0
- package/dist/jsons/categories.json +29 -4
- package/dist/jsons/colors.json +42 -0
- package/dist/style/style.min.css +1 -1
- package/dist/style/style.min.css.map +1 -1
- package/package.json +1 -1
|
@@ -9,5 +9,5 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
9
9
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
10
10
|
exports.BadgesStyled = void 0;
|
|
11
11
|
var styled_components_1 = __importDefault(require("styled-components"));
|
|
12
|
-
exports.BadgesStyled = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n
|
|
12
|
+
exports.BadgesStyled = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n filter: drop-shadow(4px 4px 15px rgba(151,99,246,.5));\n position: relative;\n svg{\n display: block;\n }\n .text{\n position: absolute;\n width: ", ";\n text-align: center;\n height: 16px;\n color: white;\n transform: rotate(-45deg);\n top: ", ";\n left: ", ";\n }\n"], ["\n filter: drop-shadow(4px 4px 15px rgba(151,99,246,.5));\n position: relative;\n svg{\n display: block;\n }\n .text{\n position: absolute;\n width: ", ";\n text-align: center;\n height: 16px;\n color: white;\n transform: rotate(-45deg);\n top: ", ";\n left: ", ";\n }\n"])), function (props) { return props.size === "small" ? "60px" : "90px"; }, function (props) { return props.size === "small" ? "15px" : "27px"; }, function (props) { return props.size === "small" ? "-5px" : "-7px"; });
|
|
13
13
|
var templateObject_1;
|
|
@@ -0,0 +1,25 @@
|
|
|
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 CampaignCard_styled_1 = require("./CampaignCard.styled");
|
|
19
|
+
var Badges_1 = __importDefault(require("../Badges"));
|
|
20
|
+
var InlineProgress_1 = __importDefault(require("../InlineProgress"));
|
|
21
|
+
var CampaignCard = function (props) {
|
|
22
|
+
return ((0, jsx_runtime_1.jsxs)(CampaignCard_styled_1.CampaignCardStyled, __assign({}, props, { children: [props.hasDelivery && (0, jsx_runtime_1.jsx)("div", { className: "cartBadge", children: (0, jsx_runtime_1.jsx)(Badges_1.default, { layout: "belt", title: props === null || props === void 0 ? void 0 : props.deliveryText }) }), (0, jsx_runtime_1.jsx)("div", { className: "img", children: props.image }), (0, jsx_runtime_1.jsx)("strong", { className: "title", children: props === null || props === void 0 ? void 0 : props.title }), (props === null || props === void 0 ? void 0 : props.progressTitle) && (0, jsx_runtime_1.jsx)("strong", { className: "progressTitle", children: props === null || props === void 0 ? void 0 : props.progressTitle }), !(props === null || props === void 0 ? void 0 : props.isProgressComplete) && (props === null || props === void 0 ? void 0 : props.activeStep) > 0 && ((0, jsx_runtime_1.jsx)("div", { className: "progressBar", children: (0, jsx_runtime_1.jsx)(InlineProgress_1.default, { activeStep: props === null || props === void 0 ? void 0 : props.activeStep, totalStep: props === null || props === void 0 ? void 0 : props.totalStep }) }))] })));
|
|
23
|
+
};
|
|
24
|
+
CampaignCard.defaultProps = {};
|
|
25
|
+
exports.default = CampaignCard;
|
|
@@ -0,0 +1,56 @@
|
|
|
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.CampaignCardStyled = void 0;
|
|
11
|
+
var styled_components_1 = __importDefault(require("styled-components"));
|
|
12
|
+
var devices_1 = require("../../constants/devices");
|
|
13
|
+
exports.CampaignCardStyled = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n\n border-radius: 8px;\n box-shadow: 0 6px 30px 0 var(--search-shadow-color);\n padding: ", ";\n cursor: pointer;\n transition: all 0.3s ease;\n position: relative;\n &:hover {\n box-shadow: 0 4px 15px 0 var(--dark-shadow-color);\n }\n .cartBadge {\n position: absolute;\n z-index: 5;\n ", ";\n @media only screen and ", " {\n left: 16px;\n top: 16px;\n }\n }\n\n .img {\n position: relative;\n display: block;\n padding-bottom: ", ";\n overflow: hidden;\n @media only screen and ", " {\n padding-bottom: 60%;\n }\n }\n\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 text-overflow: ellipsis;\n ", " \n @media only screen and ", " {\n margin-top: 1.5rem !important;\n font-weight: 600 !important;\n font-size: 14px !important;\n line-height: 17px !important;\n }\n }\n\n .progressTitle {\n display: block;\n margin-top: 1rem;\n color: var(--primary);\n padding-top: 0.5rem;\n font-weight: 800;\n font-size: 18px;\n line-height: 22px;\n }\n\n .progressBar {\n margin-top: 1rem;\n }\n\n @media only screen and ", " {\n padding: 1.5rem;\n }\n"], ["\n\n border-radius: 8px;\n box-shadow: 0 6px 30px 0 var(--search-shadow-color);\n padding: ", ";\n cursor: pointer;\n transition: all 0.3s ease;\n position: relative;\n &:hover {\n box-shadow: 0 4px 15px 0 var(--dark-shadow-color);\n }\n .cartBadge {\n position: absolute;\n z-index: 5;\n ", ";\n @media only screen and ", " {\n left: 16px;\n top: 16px;\n }\n }\n\n .img {\n position: relative;\n display: block;\n padding-bottom: ", ";\n overflow: hidden;\n @media only screen and ", " {\n padding-bottom: 60%;\n }\n }\n\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 text-overflow: ellipsis;\n ", " \n @media only screen and ", " {\n margin-top: 1.5rem !important;\n font-weight: 600 !important;\n font-size: 14px !important;\n line-height: 17px !important;\n }\n }\n\n .progressTitle {\n display: block;\n margin-top: 1rem;\n color: var(--primary);\n padding-top: 0.5rem;\n font-weight: 800;\n font-size: 18px;\n line-height: 22px;\n }\n\n .progressBar {\n margin-top: 1rem;\n }\n\n @media only screen and ", " {\n padding: 1.5rem;\n }\n"])), function (props) {
|
|
14
|
+
switch (props.size) {
|
|
15
|
+
case 'large':
|
|
16
|
+
return "1.5rem";
|
|
17
|
+
case 'medium':
|
|
18
|
+
return "1.5rem";
|
|
19
|
+
case 'small':
|
|
20
|
+
return "1rem";
|
|
21
|
+
default:
|
|
22
|
+
return "1rem";
|
|
23
|
+
}
|
|
24
|
+
}, function (props) {
|
|
25
|
+
switch (props.size) {
|
|
26
|
+
case 'large':
|
|
27
|
+
return "\n left: 16px;\n top: 16px;\n ";
|
|
28
|
+
case 'medium':
|
|
29
|
+
return "\n left: 16px;\n top: 16px;\n ";
|
|
30
|
+
case 'small':
|
|
31
|
+
return "\n left: 8px;\n top: 8px;\n ";
|
|
32
|
+
default:
|
|
33
|
+
return "\n left: 16px;\n top: 16px;\n ";
|
|
34
|
+
}
|
|
35
|
+
}, devices_1.devices.xl, function (props) {
|
|
36
|
+
switch (props.size) {
|
|
37
|
+
case 'large':
|
|
38
|
+
return "72%";
|
|
39
|
+
case 'medium':
|
|
40
|
+
return "58%";
|
|
41
|
+
default:
|
|
42
|
+
return "58%";
|
|
43
|
+
}
|
|
44
|
+
}, devices_1.devices.xl, function (props) {
|
|
45
|
+
switch (props.size) {
|
|
46
|
+
case 'large':
|
|
47
|
+
return " \n margin-top: 1.5rem;\n font-weight: 600;\n font-size: 18px;\n line-height: 22px;\n ";
|
|
48
|
+
case 'medium':
|
|
49
|
+
return "\n margin-top: 1rem;\n font-weight: 600;\n font-size: 14px;\n line-height: 17px;\n ";
|
|
50
|
+
case 'small':
|
|
51
|
+
return "\n margin-top: 1rem;\n font-weight: 600;\n font-size: 12px;\n line-height: 15px;\n ";
|
|
52
|
+
default:
|
|
53
|
+
return "\n margin-top: 1rem;\n font-weight: 600;\n font-size: 12px;\n line-height: 15px;\n ";
|
|
54
|
+
}
|
|
55
|
+
}, devices_1.devices.xl, devices_1.devices.xl);
|
|
56
|
+
var templateObject_1;
|
|
@@ -0,0 +1,8 @@
|
|
|
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 CampaignCard_1 = require("./CampaignCard");
|
|
8
|
+
Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(CampaignCard_1).default; } });
|
|
@@ -0,0 +1,42 @@
|
|
|
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 CampaignCard_1 = __importDefault(require("../CampaignCard"));
|
|
20
|
+
var props_1 = require("../props");
|
|
21
|
+
exports.default = {
|
|
22
|
+
title: 'Components/CampaignCard',
|
|
23
|
+
component: function (props) { return (0, jsx_runtime_1.jsx)("div", { style: { maxWidth: '375px' }, children: (0, jsx_runtime_1.jsx)(CampaignCard_1.default, __assign({}, props)) }); },
|
|
24
|
+
tags: ['autodocs'],
|
|
25
|
+
argTypes: {
|
|
26
|
+
size: { control: 'select', options: props_1.sizes },
|
|
27
|
+
}
|
|
28
|
+
};
|
|
29
|
+
exports.Default = {
|
|
30
|
+
args: {
|
|
31
|
+
size: "medium",
|
|
32
|
+
deliveryText: "Son 24 saat",
|
|
33
|
+
onClick: function () { return console.log("onClick"); },
|
|
34
|
+
hasDelivery: false,
|
|
35
|
+
isProgressComplete: false,
|
|
36
|
+
activeStep: 2,
|
|
37
|
+
totalStep: 5,
|
|
38
|
+
title: "Toplam 5 arkadaşın paylaştığın linkle üye olsun, 100 TL kazan \uD83C\uDF89",
|
|
39
|
+
progressTitle: "Kazancın %10 indirim",
|
|
40
|
+
image: (0, jsx_runtime_1.jsx)("img", { src: "https://kiralarsin.s3.eu-central-1.amazonaws.com/products/4MOMSMAMAROOANAKUC_1.jpg", alt: "test" })
|
|
41
|
+
},
|
|
42
|
+
};
|
|
@@ -28,7 +28,7 @@ var Carousel = function (props) {
|
|
|
28
28
|
var settings = __assign({ dots: false, infinite: false, speed: 500, slidesToShow: 1, autoplay: true, autoplaySpeed: 2500, slidesToScroll: 1, afterChange: function (index) { return setActiveSlide(index); } }, carouselSettings);
|
|
29
29
|
var next = function () { return sliderRef.slickNext(); };
|
|
30
30
|
var previous = function () { return sliderRef.slickPrev(); };
|
|
31
|
-
return ((0, jsx_runtime_1.jsxs)(Carousel_styled_1.CarouselStyled, { children: [hasDiscount && (0, jsx_runtime_1.jsx)(
|
|
31
|
+
return ((0, jsx_runtime_1.jsxs)(Carousel_styled_1.CarouselStyled, { children: [hasDiscount && (0, jsx_runtime_1.jsx)("div", { className: "carouselBadge", children: (0, jsx_runtime_1.jsx)(Badges_1.default, { size: "medium", title: "\u0130ndirimli" }) }), (0, jsx_runtime_1.jsx)("div", { className: "inner", children: (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("button", { className: "navigation prev", onClick: previous, children: (0, jsx_runtime_1.jsx)(Icon_1.default, { width: "16px", height: "16px", name: "ArrowSmallLeft" }) }), (0, jsx_runtime_1.jsx)(react_slick_1.default, __assign({}, settings, { ref: function (slider) {
|
|
32
32
|
sliderRef = slider;
|
|
33
33
|
}, children: data === null || data === void 0 ? void 0 : data.map(function (item, key) {
|
|
34
34
|
return ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)("div", { className: "item", children: (0, jsx_runtime_1.jsx)("div", { className: "img", children: item === null || item === void 0 ? void 0 : item.img }) }) }, key));
|
|
@@ -10,5 +10,5 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
10
10
|
exports.CarouselStyled = void 0;
|
|
11
11
|
var styled_components_1 = __importDefault(require("styled-components"));
|
|
12
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\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 svg {\n path {\n stroke: var(--grey-40);\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\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 svg {\n path {\n stroke: var(--grey-40);\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);
|
|
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 svg {\n path {\n stroke: var(--grey-40);\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 svg {\n path {\n stroke: var(--grey-40);\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
14
|
var templateObject_1;
|
|
@@ -29,9 +29,9 @@ var __importStar = (this && this.__importStar) || function (mod) {
|
|
|
29
29
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
30
30
|
exports.SubCategoryInnerItemButtonInner = exports.SubCategoryInnerItem = exports.SubCategoryInner = exports.SubCategoryItem = exports.SubMenu = exports.CategoryItemButtonTitle = exports.CategoryItemButtonIcon = exports.CategoryItemButtonInner = exports.CategoryItem = exports.CategoryMenuWrapper = void 0;
|
|
31
31
|
var styled_components_1 = __importStar(require("styled-components"));
|
|
32
|
-
exports.CategoryMenuWrapper = styled_components_1.default.ul(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n width: 100%;\n padding:0;\n margin: 12.5px auto;\n max-width: 1050px;\n a {\n text-decoration:none\n }\n"], ["\n display: flex;\n align-items: center;\n justify-content: space-between;\n width: 100%;\n padding:0;\n margin: 12.5px auto;\n max-width: 1050px;\n a {\n text-decoration:none\n }\n"])));
|
|
32
|
+
exports.CategoryMenuWrapper = styled_components_1.default.ul(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n width: 100%;\n padding:0;\n margin: 12.5px auto;\n max-width: 1050px;\n a {\n text-decoration:none;\n &:not([href]){\n cursor: initial;\n *{\n cursor: initial;\n }\n }\n }\n"], ["\n display: flex;\n align-items: center;\n justify-content: space-between;\n width: 100%;\n padding:0;\n margin: 12.5px auto;\n max-width: 1050px;\n a {\n text-decoration:none;\n &:not([href]){\n cursor: initial;\n *{\n cursor: initial;\n }\n }\n }\n"])));
|
|
33
33
|
var hoverAndActive = (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n color: var(--dark);\n &:before{\n border-color: var(--grey-10);\n box-shadow: 0 6px 30px 0 #EAE9F0;\n }\n"], ["\n color: var(--dark);\n &:before{\n border-color: var(--grey-10);\n box-shadow: 0 6px 30px 0 #EAE9F0;\n }\n"])));
|
|
34
|
-
exports.CategoryItem = styled_components_1.default.li(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n display: block;\n position: relative;\n margin: 0;\n padding-bottom: 8px;\n padding-top: 8px;\n path, circle {\n stroke : var(--dark-opacity-75)\n }\n &:hover{\n path , circle {\n
|
|
34
|
+
exports.CategoryItem = styled_components_1.default.li(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n display: block;\n position: relative;\n margin: 0;\n padding-bottom: 8px;\n padding-top: 8px;\n &:not(:last-child){\n path, circle {\n stroke : var(--dark-opacity-75)\n }\n }\n &:hover{\n &:not(:last-child){\n path , circle {\n stroke : var(--dark);\n }\n }\n > ul{\n opacity: 1;\n visibility: visible;\n transform: translateY(0);\n transition-delay: 0.3s;\n }\n > a {\n > span{\n ", "\n }\n }\n }\n &:last-child{\n ul{\n left: auto;\n right: 0;\n }\n }\n ", "\n"], ["\n display: block;\n position: relative;\n margin: 0;\n padding-bottom: 8px;\n padding-top: 8px;\n &:not(:last-child){\n path, circle {\n stroke : var(--dark-opacity-75)\n }\n }\n &:hover{\n &:not(:last-child){\n path , circle {\n stroke : var(--dark);\n }\n }\n > ul{\n opacity: 1;\n visibility: visible;\n transform: translateY(0);\n transition-delay: 0.3s;\n }\n > a {\n > span{\n ", "\n }\n }\n }\n &:last-child{\n ul{\n left: auto;\n right: 0;\n }\n }\n ", "\n"])), hoverAndActive, function (props) { return props.isActiveCategory ? "\n > a > span{\n ".concat(hoverAndActive, "\n }\n ") : ""; });
|
|
35
35
|
exports.CategoryItemButtonInner = styled_components_1.default.span(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n text-decoration: none;\n padding: 12px 16px;\n color: var(--dark-opacity-75);\n margin: 0;\n transition: all 0.2s ease-in-out;\n text-align: center;\n outline: none;\n display: block;\n position: relative;\n border: 0;\n background: transparent;\n outline: 0;\n width: 100%;\n font-family:inherit;\n cursor:pointer;\n box-sizing: border-box;\n &:before{\n content: \"\";\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n border: 1px solid white;\n color: var(--dark-opacity-75);\n background-color: white;\n border-radius: 8px;\n z-index: -1;\n transition: all 0.2s ease-in-out;\n }\n"], ["\n text-decoration: none;\n padding: 12px 16px;\n color: var(--dark-opacity-75);\n margin: 0;\n transition: all 0.2s ease-in-out;\n text-align: center;\n outline: none;\n display: block;\n position: relative;\n border: 0;\n background: transparent;\n outline: 0;\n width: 100%;\n font-family:inherit;\n cursor:pointer;\n box-sizing: border-box;\n &:before{\n content: \"\";\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n border: 1px solid white;\n color: var(--dark-opacity-75);\n background-color: white;\n border-radius: 8px;\n z-index: -1;\n transition: all 0.2s ease-in-out;\n }\n"])));
|
|
36
36
|
exports.CategoryItemButtonIcon = styled_components_1.default.span(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n height: 24px;\n display:block;\n"], ["\n height: 24px;\n display:block;\n"])));
|
|
37
37
|
exports.CategoryItemButtonTitle = styled_components_1.default.strong(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n margin-top: 8px;\n display:block;\n"], ["\n margin-top: 8px;\n display:block;\n"])));
|
|
@@ -0,0 +1,32 @@
|
|
|
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
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
7
|
+
var react_1 = require("react");
|
|
8
|
+
var Dropdown_styled_1 = require("./Dropdown.styled");
|
|
9
|
+
var Button_1 = __importDefault(require("../Button"));
|
|
10
|
+
var useOnClickOutside_1 = __importDefault(require("../../hooks/useOnClickOutside"));
|
|
11
|
+
var Dropdown = function (props) {
|
|
12
|
+
var _a;
|
|
13
|
+
var _b = (0, react_1.useState)(props.show), showDropdown = _b[0], setShowDropdown = _b[1];
|
|
14
|
+
var dropdownRef = (0, react_1.useRef)();
|
|
15
|
+
(0, useOnClickOutside_1.default)(dropdownRef, function () { return setShowDropdown(false); }, true);
|
|
16
|
+
(0, react_1.useEffect)(function () {
|
|
17
|
+
setShowDropdown(props.show);
|
|
18
|
+
}, [props.show]);
|
|
19
|
+
var ButtonLinkComponent = 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", { href: item.slug, children: children }));
|
|
22
|
+
};
|
|
23
|
+
var ToggleButton = function (_a) {
|
|
24
|
+
var children = _a.children;
|
|
25
|
+
return props.toggle ? ((0, jsx_runtime_1.jsx)(props.toggle, { children: children })) : ((0, jsx_runtime_1.jsx)(Button_1.default, { size: "big", variant: "primary", onClick: function () { return setShowDropdown(!showDropdown); }, children: "Toggle" }));
|
|
26
|
+
};
|
|
27
|
+
return ((0, jsx_runtime_1.jsxs)(Dropdown_styled_1.DropdownStyled, { ref: dropdownRef, show: showDropdown, children: [(0, jsx_runtime_1.jsx)(ToggleButton, {}), (0, jsx_runtime_1.jsx)(Dropdown_styled_1.DropdownMenu, { show: showDropdown, children: (0, jsx_runtime_1.jsx)("ul", { children: (_a = props === null || props === void 0 ? void 0 : props.list) === null || _a === void 0 ? void 0 : _a.map(function (item, key) {
|
|
28
|
+
return ((0, jsx_runtime_1.jsx)("li", { children: (0, jsx_runtime_1.jsx)(ButtonLinkComponent, { item: item, children: item.title }) }, key));
|
|
29
|
+
}) }) })] }));
|
|
30
|
+
};
|
|
31
|
+
Dropdown.defaultProps = {};
|
|
32
|
+
exports.default = Dropdown;
|
|
@@ -0,0 +1,14 @@
|
|
|
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.DropdownMenu = exports.DropdownStyled = void 0;
|
|
11
|
+
var styled_components_1 = __importDefault(require("styled-components"));
|
|
12
|
+
exports.DropdownStyled = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n position: relative;\n"], ["\n position: relative;\n"])));
|
|
13
|
+
exports.DropdownMenu = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n position: absolute;\n border-radius: 8px;\n background-color: white;\n padding: 1rem;\n box-shadow: 0 6px 30px 0 var(--box-shadow-color);\n min-width: 184px;\n right: 0;\n top: calc(100% + 16px);\n opacity: ", ";\n visibility: ", ";\n &:before {\n content: \"\";\n position: absolute;\n transform: rotate(45deg);\n right: 18px;\n transition: all 0.15s ease;\n background-color: white;\n width: 12px;\n height: 12px;\n border-radius: 3px;\n bottom: calc(100% - 6px);\n }\n\n ul{\n padding: 0;\n margin: 0;\n li{\n display: block;\n margin: 0;\n padding: 0;\n a{\n cursor: pointer;\n text-decoration: none;\n padding: 12px;\n display: block;\n color: var(--dark);\n border-radius: 0.5rem;\n font-weight: bold;\n font-size: 13px;\n line-height: 16px;\n position: relative;\n &:hover{\n color: var(--primary);\n background-color: var(--primary-opacity-5);\n }\n &:is(.hasNotification){\n &:after{\n content: \"\";\n position: absolute;\n right: 12px;\n top: 50%;\n transform: translateY(-50%);\n width: 8px;\n height: 8px;\n border-radius: 50%;\n background-color: var(--primary);\n } \n }\n }\n + li{\n margin-top: 0.25rem;\n }\n }\n }\n"], ["\n position: absolute;\n border-radius: 8px;\n background-color: white;\n padding: 1rem;\n box-shadow: 0 6px 30px 0 var(--box-shadow-color);\n min-width: 184px;\n right: 0;\n top: calc(100% + 16px);\n opacity: ", ";\n visibility: ", ";\n &:before {\n content: \"\";\n position: absolute;\n transform: rotate(45deg);\n right: 18px;\n transition: all 0.15s ease;\n background-color: white;\n width: 12px;\n height: 12px;\n border-radius: 3px;\n bottom: calc(100% - 6px);\n }\n\n ul{\n padding: 0;\n margin: 0;\n li{\n display: block;\n margin: 0;\n padding: 0;\n a{\n cursor: pointer;\n text-decoration: none;\n padding: 12px;\n display: block;\n color: var(--dark);\n border-radius: 0.5rem;\n font-weight: bold;\n font-size: 13px;\n line-height: 16px;\n position: relative;\n &:hover{\n color: var(--primary);\n background-color: var(--primary-opacity-5);\n }\n &:is(.hasNotification){\n &:after{\n content: \"\";\n position: absolute;\n right: 12px;\n top: 50%;\n transform: translateY(-50%);\n width: 8px;\n height: 8px;\n border-radius: 50%;\n background-color: var(--primary);\n } \n }\n }\n + li{\n margin-top: 0.25rem;\n }\n }\n }\n"])), function (props) { return props.show ? "1" : "0"; }, function (props) { return props.show ? "visible" : "hidden"; });
|
|
14
|
+
var templateObject_1, templateObject_2;
|
|
@@ -0,0 +1,8 @@
|
|
|
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 Dropdown_1 = require("./Dropdown");
|
|
8
|
+
Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(Dropdown_1).default; } });
|
|
@@ -0,0 +1,49 @@
|
|
|
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 Dropdown_1 = __importDefault(require("../Dropdown"));
|
|
20
|
+
exports.default = {
|
|
21
|
+
title: 'Components/Dropdown',
|
|
22
|
+
component: function (props) { return (0, jsx_runtime_1.jsx)("div", { style: { display: "inline-block", margin: "0px 0px 0px 150px" }, children: (0, jsx_runtime_1.jsx)(Dropdown_1.default, __assign({}, props)) }); },
|
|
23
|
+
tags: ['autodocs'],
|
|
24
|
+
argTypes: {}
|
|
25
|
+
};
|
|
26
|
+
exports.Default = {
|
|
27
|
+
args: {
|
|
28
|
+
list: [
|
|
29
|
+
{
|
|
30
|
+
title: "Siparişlerim",
|
|
31
|
+
slug: "/hesabim/kiraladiklarim",
|
|
32
|
+
},
|
|
33
|
+
{
|
|
34
|
+
title: "Hesabım",
|
|
35
|
+
slug: "/hesabim/adres-bilgilerim",
|
|
36
|
+
},
|
|
37
|
+
{
|
|
38
|
+
title: "Kampanyalarım",
|
|
39
|
+
slug: "/hesabim/kampanyalarim",
|
|
40
|
+
},
|
|
41
|
+
{
|
|
42
|
+
title: "Çıkış Yap",
|
|
43
|
+
onClick: function () { return console.log("logout"); },
|
|
44
|
+
slug: ""
|
|
45
|
+
},
|
|
46
|
+
],
|
|
47
|
+
//toggle : () => <Button size="big" variant="primary">test</Button>
|
|
48
|
+
},
|
|
49
|
+
};
|
|
@@ -0,0 +1,40 @@
|
|
|
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 __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
14
|
+
if (k2 === undefined) k2 = k;
|
|
15
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
16
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
17
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
18
|
+
}
|
|
19
|
+
Object.defineProperty(o, k2, desc);
|
|
20
|
+
}) : (function(o, m, k, k2) {
|
|
21
|
+
if (k2 === undefined) k2 = k;
|
|
22
|
+
o[k2] = m[k];
|
|
23
|
+
}));
|
|
24
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
25
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
26
|
+
}) : function(o, v) {
|
|
27
|
+
o["default"] = v;
|
|
28
|
+
});
|
|
29
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
30
|
+
if (mod && mod.__esModule) return mod;
|
|
31
|
+
var result = {};
|
|
32
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
33
|
+
__setModuleDefault(result, mod);
|
|
34
|
+
return result;
|
|
35
|
+
};
|
|
36
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
37
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
38
|
+
var React = __importStar(require("react"));
|
|
39
|
+
var SvgGift = function (props) { return ((0, jsx_runtime_1.jsxs)("svg", __assign({ width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { children: [(0, jsx_runtime_1.jsxs)("g", { id: "Gift", children: [(0, jsx_runtime_1.jsx)("path", { id: "Shape 2 copy", fillRule: "evenodd", clipRule: "evenodd", d: "M8.34194 10.3175C8.14611 6.53445 6.08277 8.67189 4.01593 7.1225C4.01593 7.1225 4.11923 6.95869 4.38169 6.62696C6.2533 7.94583 8.71084 6.02589 8.94415 10.2815", fill: "url(#paint0_linear_20369_151380)" }), (0, jsx_runtime_1.jsx)("path", { id: "Shape 2 copy Copy 2", fillRule: "evenodd", clipRule: "evenodd", d: "M18.3025 6.11757C14.7472 5.93463 16.3887 8.15625 14.5969 10.017C14.5969 10.017 14.4619 9.90019 14.1974 9.61168C15.7415 7.91836 14.3692 5.33413 18.3707 5.52725", fill: "url(#paint1_linear_20369_151380)" }), (0, jsx_runtime_1.jsx)("path", { id: "Shape 2 copy Copy", fillRule: "evenodd", clipRule: "evenodd", d: "M12.0472 7.98489C14.9341 6.30258 10.7396 4.87386 11.3481 0.0205402C11.3481 0.0205402 11.5389 0.0337125 11.9513 0.107929C11.3106 4.74335 15.9068 6.24477 12.3717 8.50478", fill: "url(#paint2_linear_20369_151380)" }), (0, jsx_runtime_1.jsx)("path", { id: "Oval", d: "M5.8092 9.75047C6.0043 9.50388 5.96683 9.14273 5.7255 8.9438C5.48418 8.74487 5.13039 8.7835 4.93529 9.03009C4.74019 9.27667 4.77766 9.63783 5.01898 9.83675C5.26031 10.0357 5.6141 9.99705 5.8092 9.75047Z", fill: "#7149BB" }), (0, jsx_runtime_1.jsx)("path", { id: "Ellipse 9 copy", d: "M6.84826 5.98484C7.04336 5.73826 7.00589 5.3771 6.76457 5.17817C6.52325 4.97924 6.16946 5.01788 5.97435 5.26446C5.77925 5.51104 5.81672 5.8722 6.05805 6.07113C6.29937 6.27006 6.65316 6.23142 6.84826 5.98484Z", fill: "#CBB1FB" }), (0, jsx_runtime_1.jsx)("path", { id: "Ellipse 9 copy 2", d: "M10.4073 7.84256C10.6012 7.59747 10.5639 7.23849 10.3241 7.04076C10.0842 6.84303 9.73255 6.88143 9.53863 7.12653C9.34471 7.37162 9.38195 7.7306 9.62182 7.92833C9.86168 8.12606 10.2133 8.08766 10.4073 7.84256Z", fill: "url(#paint3_linear_20369_151380)" }), (0, jsx_runtime_1.jsx)("path", { id: "Shape", fillRule: "evenodd", clipRule: "evenodd", d: "M8.89847 2.60478L9.32062 3.55538L10.3388 3.4685C10.3757 3.46466 10.4108 3.48526 10.4261 3.5197C10.4401 3.55558 10.4315 3.59654 10.4044 3.62351L9.6518 4.33897L10.0361 5.30584C10.0501 5.34092 10.0409 5.38121 10.0131 5.40638C9.98536 5.43156 9.94509 5.43614 9.91263 5.41781L9.02423 4.91109L8.24338 5.59434C8.21542 5.6193 8.17491 5.62306 8.14304 5.60366C8.11008 5.58545 8.09297 5.54711 8.10114 5.50974L8.30477 4.48129L7.43846 3.93638C7.406 3.91688 7.38964 3.87818 7.39798 3.84067C7.40644 3.80319 7.43676 3.77497 7.47408 3.76982L8.48839 3.64117L8.73206 2.62197C8.7407 2.58443 8.77174 2.55661 8.80932 2.55273C8.8469 2.54885 8.88272 2.56976 8.89847 2.60478Z", fill: "url(#paint4_linear_20369_151380)" }), (0, jsx_runtime_1.jsx)("path", { id: "Shape 3 copy", fillRule: "evenodd", clipRule: "evenodd", d: "M18.1979 9.17704L18.8599 9.45258C18.8843 9.46198 18.8997 9.48674 18.8975 9.5133C18.8955 9.54024 18.8774 9.56311 18.8521 9.5708L18.161 9.77593L18.0999 10.5093C18.0986 10.5356 18.0808 10.5581 18.0559 10.565C18.0304 10.5737 18.0025 10.5631 17.9889 10.5395L17.5917 9.93298L16.8932 10.1082C16.8678 10.1154 16.8407 10.1051 16.8262 10.0827C16.8121 10.0597 16.8138 10.0302 16.8305 10.009L17.2776 9.42772L16.9045 8.80548C16.8916 8.78238 16.8937 8.75359 16.9098 8.73267C16.9265 8.71175 16.9542 8.70373 16.9791 8.71263L17.6517 8.96125L18.1213 8.39848C18.1381 8.37835 18.1654 8.37116 18.1896 8.38052C18.2153 8.38926 18.2316 8.41504 18.2288 8.44255L18.1979 9.17704Z", fill: "#7149BB" }), (0, jsx_runtime_1.jsx)("path", { id: "Ellipse 9 copy 3", d: "M15.6182 4.98709C15.8121 4.74199 15.7749 4.38302 15.535 4.18529C15.2951 3.98756 14.9435 4.02596 14.7496 4.27106C14.5556 4.51615 14.5929 4.87513 14.8328 5.07286C15.0726 5.27059 15.4243 5.23219 15.6182 4.98709Z", fill: "#CBB1FB" }), (0, jsx_runtime_1.jsx)("path", { id: "Ellipse 9 copy 4", d: "M20.6451 8.73874C20.8402 8.49216 20.8028 8.131 20.5614 7.93207C20.3201 7.73314 19.9663 7.77178 19.7712 8.01836C19.5761 8.26495 19.6136 8.62611 19.8549 8.82503C20.0962 9.02396 20.45 8.98533 20.6451 8.73874Z", fill: "url(#paint5_linear_20369_151380)" }), (0, jsx_runtime_1.jsx)("path", { id: "Vector 79", d: "M12.36 11.3203H5.76076C5.27481 11.3203 4.88086 11.7143 4.88086 12.2002V13.96C4.88086 14.446 5.2748 14.8399 5.76076 14.8399H6.64067M12.36 11.3203H18.9593C19.4453 11.3203 19.8392 11.7143 19.8392 12.2002V13.96C19.8392 14.446 19.4453 14.8399 18.9593 14.8399H18.0794M12.36 11.3203V22.3191M12.36 22.3191H17.1995C17.6855 22.3191 18.0794 21.9252 18.0794 21.4392V14.8399M12.36 22.3191H7.52057C7.03461 22.3191 6.64067 21.9252 6.64067 21.4392V14.8399M18.0794 14.8399H6.64067", stroke: "#9763F6", strokeWidth: 1.75981 })] }), (0, jsx_runtime_1.jsxs)("defs", { children: [(0, jsx_runtime_1.jsxs)("linearGradient", { id: "paint0_linear_20369_151380", x1: 9.81964, y1: 9.17496, x2: 5.23547, y2: 5.54789, gradientUnits: "userSpaceOnUse", children: [(0, jsx_runtime_1.jsx)("stop", { stopColor: "#7730FA" }), (0, jsx_runtime_1.jsx)("stop", { offset: 1, stopColor: "#9961FF" })] }), (0, jsx_runtime_1.jsxs)("linearGradient", { id: "paint1_linear_20369_151380", x1: 17.4884, y1: 4.56488, x2: 13.1864, y2: 8.50898, gradientUnits: "userSpaceOnUse", children: [(0, jsx_runtime_1.jsx)("stop", { stopColor: "#7730FA" }), (0, jsx_runtime_1.jsx)("stop", { offset: 1, stopColor: "#9961FF" })] }), (0, jsx_runtime_1.jsxs)("linearGradient", { id: "paint2_linear_20369_151380", x1: 13.4018, y1: 8.69018, x2: 14.8524, y2: 0.630044, gradientUnits: "userSpaceOnUse", children: [(0, jsx_runtime_1.jsx)("stop", { stopColor: "#7730FA" }), (0, jsx_runtime_1.jsx)("stop", { offset: 1, stopColor: "#9961FF" })] }), (0, jsx_runtime_1.jsxs)("linearGradient", { id: "paint3_linear_20369_151380", x1: 10.7584, y1: 7.39878, x2: 9.87576, y2: 6.70043, gradientUnits: "userSpaceOnUse", children: [(0, jsx_runtime_1.jsx)("stop", { stopColor: "#7730FA" }), (0, jsx_runtime_1.jsx)("stop", { offset: 1, stopColor: "#9961FF" })] }), (0, jsx_runtime_1.jsxs)("linearGradient", { id: "paint4_linear_20369_151380", x1: 11.0863, y1: 4.05191, x2: 8.708, y2: 2.17013, gradientUnits: "userSpaceOnUse", children: [(0, jsx_runtime_1.jsx)("stop", { stopColor: "#7730FA" }), (0, jsx_runtime_1.jsx)("stop", { offset: 1, stopColor: "#9961FF" })] }), (0, jsx_runtime_1.jsxs)("linearGradient", { id: "paint5_linear_20369_151380", x1: 20.9984, y1: 8.29226, x2: 20.1104, y2: 7.58967, gradientUnits: "userSpaceOnUse", children: [(0, jsx_runtime_1.jsx)("stop", { stopColor: "#7730FA" }), (0, jsx_runtime_1.jsx)("stop", { offset: 1, stopColor: "#9961FF" })] })] })] }))); };
|
|
40
|
+
exports.default = SvgGift;
|
|
@@ -0,0 +1,40 @@
|
|
|
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 __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
14
|
+
if (k2 === undefined) k2 = k;
|
|
15
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
16
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
17
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
18
|
+
}
|
|
19
|
+
Object.defineProperty(o, k2, desc);
|
|
20
|
+
}) : (function(o, m, k, k2) {
|
|
21
|
+
if (k2 === undefined) k2 = k;
|
|
22
|
+
o[k2] = m[k];
|
|
23
|
+
}));
|
|
24
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
25
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
26
|
+
}) : function(o, v) {
|
|
27
|
+
o["default"] = v;
|
|
28
|
+
});
|
|
29
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
30
|
+
if (mod && mod.__esModule) return mod;
|
|
31
|
+
var result = {};
|
|
32
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
33
|
+
__setModuleDefault(result, mod);
|
|
34
|
+
return result;
|
|
35
|
+
};
|
|
36
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
37
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
38
|
+
var React = __importStar(require("react"));
|
|
39
|
+
var SvgLgbt = function (props) { return ((0, jsx_runtime_1.jsxs)("svg", __assign({ width: 24, height: 25, viewBox: "0 0 24 25", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { children: [(0, jsx_runtime_1.jsxs)("g", { id: "lgbt", children: [(0, jsx_runtime_1.jsx)("path", { id: "Vector", d: "M9.09271 6.04565C8.90129 5.85478 8.66487 5.71518 8.40525 5.63975C8.14564 5.56431 7.8712 5.55546 7.60727 5.61402C7.34334 5.67258 7.09841 5.79666 6.89508 5.9748C6.69176 6.15295 6.5366 6.37943 6.44391 6.63333L1.09638 21.3387C1.00854 21.5812 0.98016 21.8412 1.01364 22.097C1.04711 22.3527 1.14147 22.5967 1.28878 22.8084C1.43609 23.0201 1.63205 23.1934 1.86023 23.3138C2.0884 23.4341 2.34212 23.498 2.60009 23.5C2.79002 23.4987 2.97827 23.4642 3.15634 23.3981L17.8643 18.0509C18.1184 17.9584 18.345 17.8033 18.5233 17.6001C18.7016 17.3969 18.8258 17.152 18.8845 16.8882C18.9432 16.6243 18.9344 16.3499 18.859 16.0903C18.7837 15.8307 18.6441 15.5942 18.4532 15.4028L9.09271 6.04565ZM8.24408 19.817L4.67838 16.2522L6.01908 12.5642L11.933 18.4767L8.24408 19.817ZM2.64084 21.8541L4.06712 17.9419L6.55801 20.4322L2.64084 21.8541ZM13.6273 17.8615L6.63442 10.8704L7.95882 7.21694L17.2734 16.5293L13.6273 17.8615ZM14.0348 8.01852C14.0501 7.46767 14.1835 6.92653 14.426 6.43167C14.9659 5.35306 15.9847 4.75926 17.2948 4.75926C17.9774 4.75926 18.4155 4.52602 18.6854 4.02491C18.8276 3.74456 18.9092 3.43744 18.9249 3.12352C18.9257 2.90742 19.0123 2.70049 19.1657 2.54825C19.3192 2.39602 19.5268 2.31095 19.7429 2.31176C19.9591 2.31257 20.1661 2.39919 20.3183 2.55257C20.4706 2.70595 20.5557 2.91353 20.5549 3.12963C20.5549 4.43944 19.6869 6.38889 17.2948 6.38889C16.6123 6.38889 16.1742 6.62213 15.9042 7.12324C15.7621 7.40359 15.6805 7.71071 15.6648 8.02463C15.6644 8.13163 15.6429 8.23751 15.6016 8.33621C15.5603 8.43492 15.4999 8.52452 15.4239 8.5999C15.348 8.67528 15.2579 8.73496 15.1589 8.77553C15.0598 8.81611 14.9538 8.83679 14.8467 8.83639C14.7397 8.83599 14.6338 8.81452 14.5351 8.7732C14.4363 8.73188 14.3467 8.67152 14.2713 8.59557C14.1959 8.51963 14.1362 8.42958 14.0956 8.33057C14.055 8.23156 14.0344 8.12552 14.0348 8.01852ZM11.5897 4.75926V2.31481C11.5897 2.09871 11.6756 1.89146 11.8284 1.73865C11.9813 1.58585 12.1886 1.5 12.4047 1.5C12.6209 1.5 12.8282 1.58585 12.981 1.73865C13.1339 1.89146 13.2197 2.09871 13.2197 2.31481V4.75926C13.2197 4.97536 13.1339 5.18261 12.981 5.33542C12.8282 5.48823 12.6209 5.57407 12.4047 5.57407C12.1886 5.57407 11.9813 5.48823 11.8284 5.33542C11.6756 5.18261 11.5897 4.97536 11.5897 4.75926ZM21.9465 13.1457C22.0222 13.2214 22.0822 13.3113 22.1231 13.4102C22.164 13.5091 22.1851 13.6151 22.185 13.7221C22.185 13.8291 22.1638 13.935 22.1228 14.0339C22.0818 14.1327 22.0217 14.2226 21.946 14.2982C21.8703 14.3738 21.7804 14.4338 21.6815 14.4747C21.5826 14.5156 21.4766 14.5367 21.3696 14.5366C21.2625 14.5366 21.1565 14.5154 21.0576 14.4745C20.9588 14.4335 20.8689 14.3734 20.7933 14.2977L19.1633 12.6681C19.0103 12.5152 18.9244 12.3078 18.9244 12.0916C18.9244 11.8754 19.0103 11.668 19.1633 11.5151C19.3162 11.3622 19.5236 11.2763 19.7399 11.2763C19.9562 11.2763 20.1636 11.3622 20.3165 11.5151L21.9465 13.1457ZM22.4427 8.79157L19.9976 9.60639C19.7925 9.67473 19.5687 9.65883 19.3754 9.56218C19.182 9.46553 19.035 9.29605 18.9666 9.09102C18.8983 8.88599 18.9142 8.66221 19.0109 8.46891C19.1075 8.27561 19.2771 8.12862 19.4821 8.06028L21.9272 7.24546C22.1323 7.17712 22.3561 7.19302 22.5494 7.28967C22.7428 7.38633 22.8898 7.55581 22.9582 7.76083C23.0265 7.96586 23.0106 8.18964 22.9139 8.38294C22.8173 8.57624 22.6478 8.72323 22.4427 8.79157Z", fill: "url(#paint0_linear_20727_5412)" }), (0, jsx_runtime_1.jsx)("path", { id: "Ellipse 9 copy 3", d: "M17.6334 10.7654C17.9832 10.7654 18.2668 10.4822 18.2668 10.1327C18.2668 9.78328 17.9832 9.5 17.6334 9.5C17.2836 9.5 17 9.78328 17 10.1327C17 10.4822 17.2836 10.7654 17.6334 10.7654Z", fill: "url(#paint1_linear_20727_5412)" }), (0, jsx_runtime_1.jsx)("path", { id: "Ellipse 9 copy 4", d: "M17.6334 2.76544C17.9832 2.76544 18.2668 2.48216 18.2668 2.13272C18.2668 1.78328 17.9832 1.5 17.6334 1.5C17.2836 1.5 17 1.78328 17 2.13272C17 2.48216 17.2836 2.76544 17.6334 2.76544Z", fill: "url(#paint2_linear_20727_5412)" })] }), (0, jsx_runtime_1.jsxs)("defs", { children: [(0, jsx_runtime_1.jsxs)("linearGradient", { id: "paint0_linear_20727_5412", x1: 12, y1: 1.5, x2: 12, y2: 23.5, gradientUnits: "userSpaceOnUse", children: [(0, jsx_runtime_1.jsx)("stop", { stopColor: "#FF0000" }), (0, jsx_runtime_1.jsx)("stop", { offset: 0.161458, stopColor: "#FF5C40" }), (0, jsx_runtime_1.jsx)("stop", { offset: 0.401042, stopColor: "#F7F751" }), (0, jsx_runtime_1.jsx)("stop", { offset: 0.484375, stopColor: "#71F34A" }), (0, jsx_runtime_1.jsx)("stop", { offset: 0.661458, stopColor: "#0000ED" }), (0, jsx_runtime_1.jsx)("stop", { offset: 0.713542, stopColor: "#420879" }), (0, jsx_runtime_1.jsx)("stop", { offset: 0.916667, stopColor: "#A83BEE" })] }), (0, jsx_runtime_1.jsxs)("linearGradient", { id: "paint1_linear_20727_5412", x1: 17.6334, y1: 9.5, x2: 17.6334, y2: 10.7654, gradientUnits: "userSpaceOnUse", children: [(0, jsx_runtime_1.jsx)("stop", { stopColor: "#FF0000" }), (0, jsx_runtime_1.jsx)("stop", { offset: 0.385417, stopColor: "#CC030D", stopOpacity: 0.791667 }), (0, jsx_runtime_1.jsx)("stop", { offset: 1, stopColor: "#FFED50", stopOpacity: 0.87 })] }), (0, jsx_runtime_1.jsxs)("linearGradient", { id: "paint2_linear_20727_5412", x1: 17.6334, y1: 1.5, x2: 17.6334, y2: 2.76544, gradientUnits: "userSpaceOnUse", children: [(0, jsx_runtime_1.jsx)("stop", { stopColor: "#FF0000" }), (0, jsx_runtime_1.jsx)("stop", { offset: 0.385417, stopColor: "#CC030D", stopOpacity: 0.791667 }), (0, jsx_runtime_1.jsx)("stop", { offset: 1, stopColor: "#FFED50", stopOpacity: 0.87 })] })] })] }))); };
|
|
40
|
+
exports.default = SvgLgbt;
|
|
@@ -26,10 +26,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
26
26
|
};
|
|
27
27
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
28
28
|
exports.BuyBig = exports.Buy = exports.ButtonIcon = exports.BoxLeft = exports.BoxDown = exports.Box = exports.Bookmark = exports.Bag3 = exports.Bag = exports.Bag2 = exports.Baby = exports.AskedQuestions = exports.ArrowUpSquare = exports.ArrowUpCircle = exports.ArrowUpBig = exports.ArrowUpAnimate = exports.ArrowUp = exports.ArrowSmallUp = exports.ArrowSmallRightStroke = exports.ArrowSmallRightBackground = exports.ArrowSmallRight = exports.ArrowSmallLeftStroke = exports.ArrowSmallLeftHover = exports.ArrowSmallLeft = exports.ArrowSmallDown = exports.ArrowShare = exports.ArrowRightSquare = exports.ArrowRightCircle = exports.ArrowRightBig = exports.ArrowRightAnimate = exports.ArrowRight = exports.ArrowPlusCircle = exports.ArrowMediumRight = exports.ArrowMedium = exports.ArrowLeftSquare = exports.ArrowLeftCircle = exports.ArrowLeftBig = exports.ArrowLeftAnimate = exports.ArrowLeft = exports.ArrowGo = exports.ArrowDownSquare = exports.ArrowDownCircle = exports.ArrowDownBig = exports.ArrowDownAnimate = exports.ArrowDown = exports.AgreementArrowUp = exports.AgreementArrowDown = exports.Again = exports.AddUser = exports.Activity = void 0;
|
|
29
|
-
exports.
|
|
30
|
-
exports.
|
|
31
|
-
exports.
|
|
32
|
-
exports.iconList = exports.Visa = exports.TwitterStroke = void 0;
|
|
29
|
+
exports.House = exports.Home = exports.Hide = exports.Heart = exports.Graph = exports.Gift = exports.Game = exports.Folder = exports.FilterUp = exports.FilterDown = exports.Filter2 = exports.Filter = exports.Facebook = exports.ErrorIcon = exports.EditSquare = exports.Edit = exports.Download = exports.Document = exports.Discovery = exports.Discount = exports.Delete = exports.DarkBadge = exports.Danger = exports.Copy = exports.Closemini = exports.CloseSquare = exports.CloseMiniHover = exports.CloseHover = exports.CloseBigHover = exports.CloseBig = exports.Close = exports.CheckboxElementUncheck = exports.CheckboxElementInvalid = exports.CheckboxElementDisabled = exports.CheckboxElementChecked = exports.CheckMark = exports.Chat = exports.Chart = exports.Category = exports.CargoBack = exports.Cargo2 = exports.Cargo = exports.Cargo1 = exports.Campaign = exports.Camera = exports.Calling = exports.CallSilent = exports.CallMissed = exports.Call = exports.Calendar = void 0;
|
|
30
|
+
exports.Rectangle = exports.RadioButtonElementUnchecked = exports.RadioButtonElementInvalid = exports.RadioButtonElementDisabled = exports.RadioButtonElementChecked = exports.Profile = exports.ProfilNamePassive = exports.ProfilName = exports.PriceTag = exports.PoweredByQnbLogo = exports.PlusSmall = exports.PlusBig = exports.Plus = exports.Play = exports.Password = exports.PaperUpload = exports.PaperPlus = exports.PaperNegative = exports.PaperFail = exports.PaperDownload = exports.Paper = exports.OrderProgressIcons = exports.NotificationSimpleSmall = exports.NotificationSimple = exports.Notification = exports.Notification1 = exports.NegativeSmall = exports.NegativeBig = exports.MoreSquare = exports.MoreCircle = exports.Money = exports.Minus = exports.Message = exports.Logout = exports.Login = exports.Lock = exports.Location = exports.Loading = exports.List = exports.LinkedIn = exports.LikeV1 = exports.Like = exports.Laptop = exports.Language2 = exports.KeyboardClose = exports.Keyboard = exports.InstagramNegative = exports.InfoSquare = exports.InfoCircle = exports.Image = void 0;
|
|
31
|
+
exports.More = exports.Mastercard = exports.Live = exports.LinkedinStroke = exports.Lgbt = exports.Grid = exports.FacebookStroke = exports.Confetti = exports.Youtube = exports.Work = exports.WaveArrowUp = exports.WaveArrowDown = exports.Watch = exports.Wallet = exports.VolumeUp = exports.VolumeOff = exports.VolumeDown = exports.Voice2 = exports.Voice = exports.Video = exports.Upload = exports.Unlock = exports.TwoUser = exports.Twitter = exports.Trash = exports.TimeSquare = exports.TimeCircle = exports.TicketStar = exports.Ticket = exports.TickSquare = exports.ThreeUser = exports.Tamamlarsin = exports.SwitchPassive = exports.Swap = exports.Steps = exports.Steps2 = exports.Steps1 = exports.Star = exports.SignLanguage = exports.ShufflePlay = exports.Show = exports.ShieldFail = exports.ShieldDone = exports.Setting = exports.Setting1 = exports.Send = exports.Securitywithtik = exports.Search = exports.Scan = exports.Sandwatch = void 0;
|
|
32
|
+
exports.iconList = exports.Visa = exports.TwitterStroke = exports.Pointinghand = exports.PointFinger = void 0;
|
|
33
33
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
34
34
|
var Activity_1 = __importDefault(require("./Activity"));
|
|
35
35
|
Object.defineProperty(exports, "Activity", { enumerable: true, get: function () { return Activity_1.default; } });
|
|
@@ -219,6 +219,8 @@ var Folder_1 = __importDefault(require("./Folder"));
|
|
|
219
219
|
Object.defineProperty(exports, "Folder", { enumerable: true, get: function () { return Folder_1.default; } });
|
|
220
220
|
var Game_1 = __importDefault(require("./Game"));
|
|
221
221
|
Object.defineProperty(exports, "Game", { enumerable: true, get: function () { return Game_1.default; } });
|
|
222
|
+
var Gift_1 = __importDefault(require("./Gift"));
|
|
223
|
+
Object.defineProperty(exports, "Gift", { enumerable: true, get: function () { return Gift_1.default; } });
|
|
222
224
|
var Graph_1 = __importDefault(require("./Graph"));
|
|
223
225
|
Object.defineProperty(exports, "Graph", { enumerable: true, get: function () { return Graph_1.default; } });
|
|
224
226
|
var Heart_1 = __importDefault(require("./Heart"));
|
|
@@ -419,6 +421,8 @@ var FacebookStroke_1 = __importDefault(require("./FacebookStroke"));
|
|
|
419
421
|
Object.defineProperty(exports, "FacebookStroke", { enumerable: true, get: function () { return FacebookStroke_1.default; } });
|
|
420
422
|
var Grid_1 = __importDefault(require("./Grid"));
|
|
421
423
|
Object.defineProperty(exports, "Grid", { enumerable: true, get: function () { return Grid_1.default; } });
|
|
424
|
+
var Lgbt_1 = __importDefault(require("./Lgbt"));
|
|
425
|
+
Object.defineProperty(exports, "Lgbt", { enumerable: true, get: function () { return Lgbt_1.default; } });
|
|
422
426
|
var LinkedinStroke_1 = __importDefault(require("./LinkedinStroke"));
|
|
423
427
|
Object.defineProperty(exports, "LinkedinStroke", { enumerable: true, get: function () { return LinkedinStroke_1.default; } });
|
|
424
428
|
var Live_1 = __importDefault(require("./Live"));
|
|
@@ -812,6 +816,10 @@ exports.iconList = {
|
|
|
812
816
|
var props = __rest(_a, []);
|
|
813
817
|
return (0, jsx_runtime_1.jsx)(Game_1.default, __assign({}, props));
|
|
814
818
|
},
|
|
819
|
+
Gift: function (_a) {
|
|
820
|
+
var props = __rest(_a, []);
|
|
821
|
+
return (0, jsx_runtime_1.jsx)(Gift_1.default, __assign({}, props));
|
|
822
|
+
},
|
|
815
823
|
Graph: function (_a) {
|
|
816
824
|
var props = __rest(_a, []);
|
|
817
825
|
return (0, jsx_runtime_1.jsx)(Graph_1.default, __assign({}, props));
|
|
@@ -1212,6 +1220,10 @@ exports.iconList = {
|
|
|
1212
1220
|
var props = __rest(_a, []);
|
|
1213
1221
|
return (0, jsx_runtime_1.jsx)(Grid_1.default, __assign({}, props));
|
|
1214
1222
|
},
|
|
1223
|
+
Lgbt: function (_a) {
|
|
1224
|
+
var props = __rest(_a, []);
|
|
1225
|
+
return (0, jsx_runtime_1.jsx)(Lgbt_1.default, __assign({}, props));
|
|
1226
|
+
},
|
|
1215
1227
|
LinkedinStroke: function (_a) {
|
|
1216
1228
|
var props = __rest(_a, []);
|
|
1217
1229
|
return (0, jsx_runtime_1.jsx)(LinkedinStroke_1.default, __assign({}, props));
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
|
|
3
|
+
if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
|
|
4
|
+
if (ar || !(i in from)) {
|
|
5
|
+
if (!ar) ar = Array.prototype.slice.call(from, 0, i);
|
|
6
|
+
ar[i] = from[i];
|
|
7
|
+
}
|
|
8
|
+
}
|
|
9
|
+
return to.concat(ar || Array.prototype.slice.call(from));
|
|
10
|
+
};
|
|
11
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
12
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
13
|
+
};
|
|
14
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
15
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
16
|
+
var InlineProgress_styled_1 = require("./InlineProgress.styled");
|
|
17
|
+
var classnames_1 = __importDefault(require("classnames"));
|
|
18
|
+
var Icon_1 = __importDefault(require("../Icon/Icon"));
|
|
19
|
+
var InlineProgress = function (props) {
|
|
20
|
+
console.log(props.activeStep);
|
|
21
|
+
return ((0, jsx_runtime_1.jsxs)(InlineProgress_styled_1.InlineProgressStyled, { children: [(0, jsx_runtime_1.jsx)("div", { className: "stepWrapper", children: __spreadArray([], Array(props.totalStep), true).map(function (x, i) {
|
|
22
|
+
return (0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)('stepItem', { 'filled': props.activeStep >= (i + 1) }) }, i);
|
|
23
|
+
}) }), (0, jsx_runtime_1.jsxs)("div", { className: "stepCounter", children: [(0, jsx_runtime_1.jsx)("div", { className: "icon", children: (0, jsx_runtime_1.jsx)(Icon_1.default, { name: "Gift", width: "24px", height: "24px" }) }), (0, jsx_runtime_1.jsx)("div", { className: "counter caption-bold-10-12", children: "".concat(props.activeStep, "/").concat(props.totalStep) })] })] }));
|
|
24
|
+
};
|
|
25
|
+
InlineProgress.defaultProps = {};
|
|
26
|
+
exports.default = InlineProgress;
|
|
@@ -0,0 +1,13 @@
|
|
|
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.InlineProgressStyled = void 0;
|
|
11
|
+
var styled_components_1 = __importDefault(require("styled-components"));
|
|
12
|
+
exports.InlineProgressStyled = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n .stepWrapper{\n display: flex;\n flex-wrap: wrap;\n column-gap: 0.5rem;\n flex: 1 0;\n .stepItem{\n height: 12px;\n background-color: var(--primary-opacity-10);\n flex: 1 0;\n border-radius: 2px;\n &:is(.filled){\n background-color: var(--primary);\n }\n }\n }\n .stepCounter{\n margin-left: 1rem;\n flex: 0 0 auto;\n width: auto;\n text-align: center;\n .icon{\n svg{\n display: block;\n }\n }\n .counter{\n margin-top: 0.5rem;\n }\n }\n"], ["\n display: flex;\n align-items: center;\n justify-content: space-between;\n .stepWrapper{\n display: flex;\n flex-wrap: wrap;\n column-gap: 0.5rem;\n flex: 1 0;\n .stepItem{\n height: 12px;\n background-color: var(--primary-opacity-10);\n flex: 1 0;\n border-radius: 2px;\n &:is(.filled){\n background-color: var(--primary);\n }\n }\n }\n .stepCounter{\n margin-left: 1rem;\n flex: 0 0 auto;\n width: auto;\n text-align: center;\n .icon{\n svg{\n display: block;\n }\n }\n .counter{\n margin-top: 0.5rem;\n }\n }\n"])));
|
|
13
|
+
var templateObject_1;
|
|
@@ -0,0 +1,8 @@
|
|
|
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 InlineProgress_1 = require("./InlineProgress");
|
|
8
|
+
Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(InlineProgress_1).default; } });
|
|
@@ -0,0 +1,31 @@
|
|
|
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 InlineProgress_1 = __importDefault(require("../InlineProgress"));
|
|
20
|
+
exports.default = {
|
|
21
|
+
title: 'Components/InlineProgress',
|
|
22
|
+
component: function (props) { return (0, jsx_runtime_1.jsx)("div", { style: { maxWidth: "375px" }, children: (0, jsx_runtime_1.jsx)(InlineProgress_1.default, __assign({}, props)) }); },
|
|
23
|
+
tags: ['autodocs'],
|
|
24
|
+
argTypes: {}
|
|
25
|
+
};
|
|
26
|
+
exports.Default = {
|
|
27
|
+
args: {
|
|
28
|
+
totalStep: 5,
|
|
29
|
+
activeStep: 1,
|
|
30
|
+
},
|
|
31
|
+
};
|
|
@@ -12,7 +12,7 @@ var ListGroup = function (props) {
|
|
|
12
12
|
}, []);
|
|
13
13
|
return ((0, jsx_runtime_1.jsx)(ListGroup_styled_1.ListGroupStyled, { children: data === null || data === void 0 ? void 0 : data.map(function (item, key) {
|
|
14
14
|
var _a;
|
|
15
|
-
return (0, jsx_runtime_1.jsx)(ListGroup_styled_1.ListGroupItem, { children: (0, jsx_runtime_1.jsx)(ListGroup_styled_1.ListGroupItemButton, { isActive: (_a = link === null || link === void 0 ? void 0 : link.split('/')) === null || _a === void 0 ? void 0 : _a.includes(item["slug"]), onClick: item.onClick, className: "title-bold-16-19", children: item.title }) }, key);
|
|
15
|
+
return (0, jsx_runtime_1.jsx)(ListGroup_styled_1.ListGroupItem, { children: (0, jsx_runtime_1.jsx)(ListGroup_styled_1.ListGroupItemButton, { isActive: (_a = link === null || link === void 0 ? void 0 : link.split('/')) === null || _a === void 0 ? void 0 : _a.includes(item["slug"]), onClick: item.onClick, className: "title-bold-16-19", hasNotification: item.hasNotification, children: item.title }) }, key);
|
|
16
16
|
}) }));
|
|
17
17
|
};
|
|
18
18
|
ListGroup.defaultProps = {};
|
|
@@ -11,5 +11,5 @@ exports.ListGroupItemButton = exports.ListGroupItem = exports.ListGroupStyled =
|
|
|
11
11
|
var styled_components_1 = __importDefault(require("styled-components"));
|
|
12
12
|
exports.ListGroupStyled = styled_components_1.default.ul(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: block;\n padding: 0;\n margin: 0;\n"], ["\n display: block;\n padding: 0;\n margin: 0;\n"])));
|
|
13
13
|
exports.ListGroupItem = styled_components_1.default.li(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n padding: 0;\n margin: 0; \n display: block;\n + li {\n margin-top: 1rem;\n }\n"], ["\n padding: 0;\n margin: 0; \n display: block;\n + li {\n margin-top: 1rem;\n }\n"])));
|
|
14
|
-
exports.ListGroupItemButton = styled_components_1.default.button(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n padding: 0 1.5rem;\n margin: 0;\n height: 67px;\n display: flex;\n align-items: center;\n justify-content: flex-start;\n border-radius: 0.5rem;\n background-color: ", ";\n cursor: pointer;\n color: ", ";\n border: 0;\n width: 100%;\n font-family: inherit;\n position: relative;\n outline: none;\n &:before{\n content: \"\";\n position: absolute;\n inset: 0;\n user-select: none;\n pointer-events: none;\n border-radius: inherit;\n border: ", " ;\n }\n"], ["\n padding: 0 1.5rem;\n margin: 0;\n height: 67px;\n display: flex;\n align-items: center;\n justify-content: flex-start;\n border-radius: 0.5rem;\n background-color: ", ";\n cursor: pointer;\n color: ", ";\n border: 0;\n width: 100%;\n font-family: inherit;\n position: relative;\n outline: none;\n &:before{\n content: \"\";\n position: absolute;\n inset: 0;\n user-select: none;\n pointer-events: none;\n border-radius: inherit;\n border: ", " ;\n }\n"])), function (props) { return props.isActive ? "#fff" : "var(--dark-opacity-3)"; }, function (props) { return props.isActive ? "var(--primary)" : "var(--dark)"; }, function (props) { return props.isActive ? "2px solid var(--primary)" : "none"; });
|
|
14
|
+
exports.ListGroupItemButton = styled_components_1.default.button(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n padding: 0 1.5rem;\n margin: 0;\n height: 67px;\n display: flex;\n align-items: center;\n justify-content: flex-start;\n border-radius: 0.5rem;\n background-color: ", ";\n cursor: pointer;\n color: ", ";\n border: 0;\n width: 100%;\n font-family: inherit;\n position: relative;\n outline: none;\n &:before{\n content: \"\";\n position: absolute;\n inset: 0;\n user-select: none;\n pointer-events: none;\n border-radius: inherit;\n border: ", " ;\n }\n ", "\n"], ["\n padding: 0 1.5rem;\n margin: 0;\n height: 67px;\n display: flex;\n align-items: center;\n justify-content: flex-start;\n border-radius: 0.5rem;\n background-color: ", ";\n cursor: pointer;\n color: ", ";\n border: 0;\n width: 100%;\n font-family: inherit;\n position: relative;\n outline: none;\n &:before{\n content: \"\";\n position: absolute;\n inset: 0;\n user-select: none;\n pointer-events: none;\n border-radius: inherit;\n border: ", " ;\n }\n ", "\n"])), function (props) { return props.isActive ? "#fff" : "var(--dark-opacity-3)"; }, function (props) { return props.isActive ? "var(--primary)" : "var(--dark)"; }, function (props) { return props.isActive ? "2px solid var(--primary)" : "none"; }, function (props) { return props.hasNotification && "\n \n &:after{\n content: \"\";\n position: absolute;\n right : 1.5rem;\n top:50%;\n transform:translateY(-50%);\n width:16px;\n height:16px;\n background-color:var(--primary);\n border-radius:50%;\n }\n "; });
|
|
15
15
|
var templateObject_1, templateObject_2, templateObject_3;
|
|
@@ -11,7 +11,7 @@ exports.HorizontalSmStyled = exports.HorizontalStyled = exports.StandartStyled =
|
|
|
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: 24px;\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: 24px;\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 @media only screen and ", " {\n margin-right: 16px;\n }\n\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 }\n .productCardContent{ \n margin: 1.5rem auto 0 0;\n grid-column-start: 1;\n grid-column-end: 4;\n width: 100%;\n\n @media only screen and ", " {\n margin: 1rem auto 0 0;\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: 24px;\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: 24px;\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 @media only screen and ", " {\n margin-right: 16px;\n }\n\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 }\n .productCardContent{ \n margin: 1.5rem auto 0 0;\n grid-column-start: 1;\n grid-column-end: 4;\n width: 100%;\n\n @media only screen and ", " {\n margin: 1rem auto 0 0;\n }\n }\n }\n"])), function (props) { return props.disabled ? "\n user-select:none;\n pointer-events:none;\n " : ""; }, devices_1.devices.sm, devices_1.devices.sm, devices_1.devices.sm, devices_1.devices.lg);
|
|
14
|
-
exports.StandartStyled = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n box-shadow: 0 6px 30px 0 #EAE9F0;\n border-radius: 0.5rem;\n min-width: 240px;\n padding: ", ";\n transition: all .2s ease;\n position: relative;\n box-sizing: border-box;\n\n a {\n text-decoration: none;\n color: inherit;\n }\n\n &:hover {\n box-shadow: 0 6px 30px 0 #B8B8CD;\n }\n\n .img {\n border-radius: 0.5rem;\n border: 1px solid var(--dark-opacity-5);\n background: #FFF;\n position: relative;\n overflow: hidden;\n height: ", ";\n box-sizing: border-box;\n z-index: 1;\n text-align: center;\n\n > * {\n width: 100%;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translate(-50%,-50%);\n display: flex;\n align-items: center;\n justify-content: center;\n }\n }\n .productCardContent{ \n padding: ", ";\n .productCardTitle{\n display: block;\n color: var(--dark);\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n overflow: hidden;\n height: ", ";\n word-break: break-word;\n }\n .productCardDescription{\n display: block;\n margin-top: 0.5rem;\n color: var(--grey-40);\n margin-bottom: ", ";\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n overflow: hidden;\n height: ", ";\n word-break: break-word;\n }\n\n .productCardPriceContent {\n display: grid;\n align-items: ", ";\n justify-content: flex-start;\n height: ", ";\n grid-template-columns: ", ";\n\n .discountRate {\n margin-right: 0.5rem;\n width: ", ";\n height: ", ";\n border-radius: 8px;\n background-color: var(--primary-opacity-10);\n color: var(--primary);\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .oldPrice, .newPrice {\n display: flex;\n align-items: end;\n justify-content: flex-start;\n\n .price {\n margin-right: 2px;\n }\n }\n\n .oldPrice {\n color: var(--dark-opacity-25);\n margin-bottom: 2px;\n\n .price, .period {\n text-decoration: line-through;\n }\n }\n\n .newPrice {\n\n }\n }\n }\n"], ["\n box-shadow: 0 6px 30px 0 #EAE9F0;\n border-radius: 0.5rem;\n min-width: 240px;\n padding: ", ";\n transition: all .2s ease;\n position: relative;\n box-sizing: border-box;\n\n a {\n text-decoration: none;\n color: inherit;\n }\n\n &:hover {\n box-shadow: 0 6px 30px 0 #B8B8CD;\n }\n\n .img {\n border-radius: 0.5rem;\n border: 1px solid var(--dark-opacity-5);\n background: #FFF;\n position: relative;\n overflow: hidden;\n height: ", ";\n box-sizing: border-box;\n z-index: 1;\n text-align: center;\n\n > * {\n width: 100%;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translate(-50%,-50%);\n display: flex;\n align-items: center;\n justify-content: center;\n }\n }\n .productCardContent{ \n padding: ", ";\n .productCardTitle{\n display: block;\n color: var(--dark);\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n overflow: hidden;\n height: ", ";\n word-break: break-word;\n }\n .productCardDescription{\n display: block;\n margin-top: 0.5rem;\n color: var(--grey-40);\n margin-bottom: ", ";\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n overflow: hidden;\n height: ", ";\n word-break: break-word;\n }\n\n .productCardPriceContent {\n display: grid;\n align-items: ", ";\n justify-content: flex-start;\n height: ", ";\n grid-template-columns: ", ";\n\n .discountRate {\n margin-right: 0.5rem;\n width: ", ";\n height: ", ";\n border-radius: 8px;\n background-color: var(--primary-opacity-10);\n color: var(--primary);\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .oldPrice, .newPrice {\n display: flex;\n align-items: end;\n justify-content: flex-start;\n\n .price {\n margin-right: 2px;\n }\n }\n\n .oldPrice {\n color: var(--dark-opacity-25);\n margin-bottom: 2px;\n\n .price, .period {\n text-decoration: line-through;\n }\n }\n\n .newPrice {\n\n }\n }\n }\n"])), function (props) { return props.isMobile ? '1.5rem' : '1rem'; }, function (props) { return props.isMobile ? '215px' : '150px'; }, function (props) { return props.isMobile ? '1.5rem 0 0.5rem 0' : '1rem 0 0.5rem 0'; }, function (props) { return props.isMobile ? '44px' : '38px'; }, function (props) { return props.isMobile ? '1.5rem' : '1.5rem'; }, function (props) { return props.isMobile ? '37px' : '34px'; }, function (props) { return props.discountRate ? 'center' : 'end'; }, function (props) { return props.isMobile ? '48px' : '36px'; }, function (props) { return props.discountRate ? 'auto 1fr' : '1fr'; }, function (props) { return props.isMobile ? '65px' : '48px'; }, function (props) { return props.isMobile ? '48px' : '36px'; });
|
|
14
|
+
exports.StandartStyled = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n box-shadow: 0 6px 30px 0 #EAE9F0;\n border-radius: 0.5rem;\n min-width: 240px;\n padding: ", ";\n transition: all .2s ease;\n position: relative;\n box-sizing: border-box;\n .cartBadge{\n position: absolute;\n left: ", ";\n top: ", ";\n z-index: 2;\n }\n a {\n text-decoration: none;\n color: inherit;\n }\n\n &:hover {\n box-shadow: 0 6px 30px 0 #B8B8CD;\n }\n\n .img {\n border-radius: 0.5rem;\n border: 1px solid var(--dark-opacity-5);\n background: #FFF;\n position: relative;\n overflow: hidden;\n height: ", ";\n box-sizing: border-box;\n z-index: 1;\n text-align: center;\n\n > * {\n width: 100%;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translate(-50%,-50%);\n display: flex;\n align-items: center;\n justify-content: center;\n }\n }\n .productCardContent{ \n padding: ", ";\n .productCardTitle{\n display: block;\n color: var(--dark);\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n overflow: hidden;\n height: ", ";\n word-break: break-word;\n }\n .productCardDescription{\n display: block;\n margin-top: 0.5rem;\n color: var(--grey-40);\n margin-bottom: ", ";\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n overflow: hidden;\n height: ", ";\n word-break: break-word;\n }\n\n .productCardPriceContent {\n display: grid;\n align-items: ", ";\n justify-content: flex-start;\n height: ", ";\n grid-template-columns: ", ";\n\n .discountRate {\n margin-right: 0.5rem;\n width: ", ";\n height: ", ";\n border-radius: 8px;\n background-color: var(--primary-opacity-10);\n color: var(--primary);\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .oldPrice, .newPrice {\n display: flex;\n align-items: end;\n justify-content: flex-start;\n\n .price {\n margin-right: 2px;\n }\n }\n\n .oldPrice {\n color: var(--dark-opacity-25);\n margin-bottom: 2px;\n\n .price, .period {\n text-decoration: line-through;\n }\n }\n\n .newPrice {\n\n }\n }\n }\n"], ["\n box-shadow: 0 6px 30px 0 #EAE9F0;\n border-radius: 0.5rem;\n min-width: 240px;\n padding: ", ";\n transition: all .2s ease;\n position: relative;\n box-sizing: border-box;\n .cartBadge{\n position: absolute;\n left: ", ";\n top: ", ";\n z-index: 2;\n }\n a {\n text-decoration: none;\n color: inherit;\n }\n\n &:hover {\n box-shadow: 0 6px 30px 0 #B8B8CD;\n }\n\n .img {\n border-radius: 0.5rem;\n border: 1px solid var(--dark-opacity-5);\n background: #FFF;\n position: relative;\n overflow: hidden;\n height: ", ";\n box-sizing: border-box;\n z-index: 1;\n text-align: center;\n\n > * {\n width: 100%;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translate(-50%,-50%);\n display: flex;\n align-items: center;\n justify-content: center;\n }\n }\n .productCardContent{ \n padding: ", ";\n .productCardTitle{\n display: block;\n color: var(--dark);\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n overflow: hidden;\n height: ", ";\n word-break: break-word;\n }\n .productCardDescription{\n display: block;\n margin-top: 0.5rem;\n color: var(--grey-40);\n margin-bottom: ", ";\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n overflow: hidden;\n height: ", ";\n word-break: break-word;\n }\n\n .productCardPriceContent {\n display: grid;\n align-items: ", ";\n justify-content: flex-start;\n height: ", ";\n grid-template-columns: ", ";\n\n .discountRate {\n margin-right: 0.5rem;\n width: ", ";\n height: ", ";\n border-radius: 8px;\n background-color: var(--primary-opacity-10);\n color: var(--primary);\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .oldPrice, .newPrice {\n display: flex;\n align-items: end;\n justify-content: flex-start;\n\n .price {\n margin-right: 2px;\n }\n }\n\n .oldPrice {\n color: var(--dark-opacity-25);\n margin-bottom: 2px;\n\n .price, .period {\n text-decoration: line-through;\n }\n }\n\n .newPrice {\n\n }\n }\n }\n"])), function (props) { return props.isMobile ? '1.5rem' : '1rem'; }, function (props) { return props.isMobile ? '16px' : '8px'; }, function (props) { return props.isMobile ? '16px' : '8px'; }, function (props) { return props.isMobile ? '215px' : '150px'; }, function (props) { return props.isMobile ? '1.5rem 0 0.5rem 0' : '1rem 0 0.5rem 0'; }, function (props) { return props.isMobile ? '44px' : '38px'; }, function (props) { return props.isMobile ? '1.5rem' : '1.5rem'; }, function (props) { return props.isMobile ? '37px' : '34px'; }, function (props) { return props.discountRate ? 'center' : 'end'; }, function (props) { return props.isMobile ? '48px' : '36px'; }, function (props) { return props.discountRate ? 'auto 1fr' : '1fr'; }, function (props) { return props.isMobile ? '65px' : '48px'; }, function (props) { return props.isMobile ? '48px' : '36px'; });
|
|
15
15
|
exports.HorizontalStyled = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n color: var(--dark);\n padding: 0.5rem;\n transition: all .2s ease;\n border-radius: 8px;\n\n &:hover {\n background: var(--dark-opacity-3);\n }\n\n a {\n text-decoration: none;\n color: inherit;\n }\n\n .horizontalWrapper {\n text-decoration: none;\n display: grid;\n grid-template-columns: auto 1fr;\n align-items: center;\n\n .img {\n border: 1px solid var(--dark-opacity-5);\n border-radius: 8px;\n position: relative;\n overflow: hidden;\n width: 142px;\n height: 88px;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-right: 1rem;\n background: white;\n @media only screen and ", " {\n margin-right: 0.5rem;\n width: 71px;\n height: 50px;\n box-shadow: 0 6px 30px 0 var(--dark-opacity-5);\n border: 0;\n }\n\n > * {\n width: 100%;\n height: 100%;\n object-fit: contain;\n object-position: center center;\n display: block;\n }\n }\n .title{\n display: block;\n display: -webkit-box;\n -webkit-line-clamp: 1;\n -webkit-box-orient: vertical;\n overflow: hidden;\n word-break: break-word;\n }\n\n .description {\n color: var(--grey-50);\n margin-top: 0.5rem;\n margin-bottom: 0.5rem;\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n overflow: hidden;\n word-break: break-word;\n }\n\n .priceContent {\n display: flex;\n align-items: end;\n justify-content: flex-start;\n\n .price {\n margin-right: 2px;\n }\n\n .period {\n\n }\n }\n }\n"], ["\n color: var(--dark);\n padding: 0.5rem;\n transition: all .2s ease;\n border-radius: 8px;\n\n &:hover {\n background: var(--dark-opacity-3);\n }\n\n a {\n text-decoration: none;\n color: inherit;\n }\n\n .horizontalWrapper {\n text-decoration: none;\n display: grid;\n grid-template-columns: auto 1fr;\n align-items: center;\n\n .img {\n border: 1px solid var(--dark-opacity-5);\n border-radius: 8px;\n position: relative;\n overflow: hidden;\n width: 142px;\n height: 88px;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-right: 1rem;\n background: white;\n @media only screen and ", " {\n margin-right: 0.5rem;\n width: 71px;\n height: 50px;\n box-shadow: 0 6px 30px 0 var(--dark-opacity-5);\n border: 0;\n }\n\n > * {\n width: 100%;\n height: 100%;\n object-fit: contain;\n object-position: center center;\n display: block;\n }\n }\n .title{\n display: block;\n display: -webkit-box;\n -webkit-line-clamp: 1;\n -webkit-box-orient: vertical;\n overflow: hidden;\n word-break: break-word;\n }\n\n .description {\n color: var(--grey-50);\n margin-top: 0.5rem;\n margin-bottom: 0.5rem;\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n overflow: hidden;\n word-break: break-word;\n }\n\n .priceContent {\n display: flex;\n align-items: end;\n justify-content: flex-start;\n\n .price {\n margin-right: 2px;\n }\n\n .period {\n\n }\n }\n }\n"])), devices_1.devices.sm);
|
|
16
16
|
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 }\n }\n\n .priceContent {\n text-align: end;\n\n .period {\n display: block;\n margin-bottom: 4px;\n }\n\n .price {\n display: block;\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 }\n }\n\n .priceContent {\n text-align: end;\n\n .period {\n display: block;\n margin-bottom: 4px;\n }\n\n .price {\n display: block;\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"; });
|
|
17
17
|
var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
|
|
@@ -24,6 +24,6 @@ var Standart = function (props) {
|
|
|
24
24
|
var item = _a.item, children = _a.children;
|
|
25
25
|
return item.component ? ((0, jsx_runtime_1.jsx)(item.component, { children: children })) : ((0, jsx_runtime_1.jsx)("a", { href: item.slug, children: children }));
|
|
26
26
|
};
|
|
27
|
-
return ((0, jsx_runtime_1.jsx)(ProductCard_styled_1.StandartStyled, __assign({}, props, { children: (0, jsx_runtime_1.jsxs)(LinkComponent, { item: props, children: [hasDiscount && (0, jsx_runtime_1.jsx)(Badges_1.default, { size: "medium", left: (isMobile ? '16px' : '8px'), top: (isMobile ? '16px' : '8px'), title: "\u0130ndirimli" }), (0, jsx_runtime_1.jsx)("div", { className: "img", children: image }), (0, jsx_runtime_1.jsxs)("div", { className: "productCardContent", children: [(0, jsx_runtime_1.jsx)("strong", { className: (0, classnames_1.default)('productCardTitle', (isMobile ? 'headline-bold-18-22' : 'title-bold-16-19')), children: title }), (0, jsx_runtime_1.jsx)("p", { className: (0, classnames_1.default)('productCardDescription', (isMobile ? 'title-medium-16-19' : 'body-medium-14-17')), children: description }), (0, jsx_runtime_1.jsxs)("div", { className: "productCardPriceContent", children: [discountRate > 0 && (0, jsx_runtime_1.jsxs)("div", { className: (0, classnames_1.default)('discountRate', (isMobile ? 'title-extra-bold-16-19' : 'body-extra-bold-13-16')), children: ["%", discountRate] }), (0, jsx_runtime_1.jsxs)("div", { children: [oldPrice && discountRate > 0 && ((0, jsx_runtime_1.jsxs)("div", { className: (0, classnames_1.default)('oldPrice'), children: [(0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)('price', (isMobile ? 'body-semi-bold-13-16' : 'caption-semi-bold-12-15')), children: oldPrice }), (0, jsx_runtime_1.jsxs)("div", { className: (0, classnames_1.default)('period', 'caption-regular-12-15'), children: ["/ ", oldPricePeriod] })] })), (0, jsx_runtime_1.jsxs)("div", { className: "newPrice", children: [(0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)('price', (isMobile ? 'title-extra-bold-16-19' : 'body-extra-bold-14-17')), children: price }), (0, jsx_runtime_1.jsxs)("div", { className: (0, classnames_1.default)('period', (isMobile ? 'body-regular-14-17' : 'body-regular-13-16')), children: ["/ ", period] })] })] })] })] })] }) })));
|
|
27
|
+
return ((0, jsx_runtime_1.jsx)(ProductCard_styled_1.StandartStyled, __assign({}, props, { children: (0, jsx_runtime_1.jsxs)(LinkComponent, { item: props, children: [hasDiscount && (0, jsx_runtime_1.jsx)("div", { className: "cartBadge", children: (0, jsx_runtime_1.jsx)(Badges_1.default, { size: "medium", left: (isMobile ? '16px' : '8px'), top: (isMobile ? '16px' : '8px'), title: "\u0130ndirimli" }) }), (0, jsx_runtime_1.jsx)("div", { className: "img", children: image }), (0, jsx_runtime_1.jsxs)("div", { className: "productCardContent", children: [(0, jsx_runtime_1.jsx)("strong", { className: (0, classnames_1.default)('productCardTitle', (isMobile ? 'headline-bold-18-22' : 'title-bold-16-19')), children: title }), (0, jsx_runtime_1.jsx)("p", { className: (0, classnames_1.default)('productCardDescription', (isMobile ? 'title-medium-16-19' : 'body-medium-14-17')), children: description }), (0, jsx_runtime_1.jsxs)("div", { className: "productCardPriceContent", children: [discountRate > 0 && (0, jsx_runtime_1.jsxs)("div", { className: (0, classnames_1.default)('discountRate', (isMobile ? 'title-extra-bold-16-19' : 'body-extra-bold-13-16')), children: ["%", discountRate] }), (0, jsx_runtime_1.jsxs)("div", { children: [oldPrice && discountRate > 0 && ((0, jsx_runtime_1.jsxs)("div", { className: (0, classnames_1.default)('oldPrice'), children: [(0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)('price', (isMobile ? 'body-semi-bold-13-16' : 'caption-semi-bold-12-15')), children: oldPrice }), (0, jsx_runtime_1.jsxs)("div", { className: (0, classnames_1.default)('period', 'caption-regular-12-15'), children: ["/ ", oldPricePeriod] })] })), (0, jsx_runtime_1.jsxs)("div", { className: "newPrice", children: [(0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)('price', (isMobile ? 'title-extra-bold-16-19' : 'body-extra-bold-14-17')), children: price }), (0, jsx_runtime_1.jsxs)("div", { className: (0, classnames_1.default)('period', (isMobile ? 'body-regular-14-17' : 'body-regular-13-16')), children: ["/ ", period] })] })] })] })] })] }) })));
|
|
28
28
|
};
|
|
29
29
|
exports.default = Standart;
|
package/dist/index.js
CHANGED
|
@@ -3,7 +3,7 @@ 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.Loader = exports.ShoppingCartProduct = exports.CouponCode = exports.InfoBox = exports.ContentBox = exports.ListGroup = exports.InsuranceBox = exports.Tooltip = exports.TextLink = exports.SelectBox = exports.Badges = exports.Carousel = exports.SuggestBox = exports.Toast = exports.Banner = exports.Accordion = exports.Divider = exports.SearchBox = exports.ValueProposition = exports.Textarea = exports.ActionButton = exports.RadioButton = exports.Icon = exports.Agreement = exports.Alert = exports.Stepper = exports.ProductCard = exports.OtpInput = exports.Modal = exports.Input = exports.CircleProgress = exports.Checkbox = exports.CategoryMenu = exports.Breadcrumbs = exports.Button = void 0;
|
|
6
|
+
exports.CampaignCard = exports.Dropdown = exports.InlineProgress = exports.Loader = exports.ShoppingCartProduct = exports.CouponCode = exports.InfoBox = exports.ContentBox = exports.ListGroup = exports.InsuranceBox = exports.Tooltip = exports.TextLink = exports.SelectBox = exports.Badges = exports.Carousel = exports.SuggestBox = exports.Toast = exports.Banner = exports.Accordion = exports.Divider = exports.SearchBox = exports.ValueProposition = exports.Textarea = exports.ActionButton = exports.RadioButton = exports.Icon = exports.Agreement = exports.Alert = exports.Stepper = exports.ProductCard = exports.OtpInput = exports.Modal = exports.Input = exports.CircleProgress = exports.Checkbox = exports.CategoryMenu = exports.Breadcrumbs = exports.Button = void 0;
|
|
7
7
|
var Button_1 = __importDefault(require("./components/Button"));
|
|
8
8
|
exports.Button = Button_1.default;
|
|
9
9
|
var Breadcrumbs_1 = __importDefault(require("./components/Breadcrumbs"));
|
|
@@ -74,3 +74,9 @@ var ShoppingCartProduct_1 = __importDefault(require("./components/ShoppingCartPr
|
|
|
74
74
|
exports.ShoppingCartProduct = ShoppingCartProduct_1.default;
|
|
75
75
|
var Loader_1 = __importDefault(require("./components/Loader"));
|
|
76
76
|
exports.Loader = Loader_1.default;
|
|
77
|
+
var InlineProgress_1 = __importDefault(require("./components/InlineProgress"));
|
|
78
|
+
exports.InlineProgress = InlineProgress_1.default;
|
|
79
|
+
var Dropdown_1 = __importDefault(require("./components/Dropdown"));
|
|
80
|
+
exports.Dropdown = Dropdown_1.default;
|
|
81
|
+
var CampaignCard_1 = __importDefault(require("./components/CampaignCard"));
|
|
82
|
+
exports.CampaignCard = CampaignCard_1.default;
|
|
@@ -625,14 +625,39 @@
|
|
|
625
625
|
{
|
|
626
626
|
"id": 40,
|
|
627
627
|
"parentId": 0,
|
|
628
|
-
"name": "
|
|
628
|
+
"name": "Kampanyalar",
|
|
629
629
|
"filterName": null,
|
|
630
630
|
"isShowHeader": true,
|
|
631
|
-
"slug": "https://www.kiralarsin.com/
|
|
631
|
+
"slug": "https://www.kiralarsin.com/kampanyalar",
|
|
632
632
|
"productCount": 0,
|
|
633
633
|
"headerMediaUrl": null,
|
|
634
634
|
"medias": [],
|
|
635
|
-
"icon": "
|
|
636
|
-
"children": [
|
|
635
|
+
"icon": "Lgbt",
|
|
636
|
+
"children": [
|
|
637
|
+
{
|
|
638
|
+
"id": 67,
|
|
639
|
+
"parentId": 38,
|
|
640
|
+
"name": "Süper Teklifler",
|
|
641
|
+
"filterName": null,
|
|
642
|
+
"isShowHeader": true,
|
|
643
|
+
"slug": "https://www.kiralarsin.com/super-teklifler",
|
|
644
|
+
"productCount": 0,
|
|
645
|
+
"headerMediaUrl": null,
|
|
646
|
+
"medias": [],
|
|
647
|
+
"children": []
|
|
648
|
+
},
|
|
649
|
+
{
|
|
650
|
+
"id": 78,
|
|
651
|
+
"parentId": 38,
|
|
652
|
+
"name": "İndirimli Ürünler",
|
|
653
|
+
"filterName": null,
|
|
654
|
+
"isShowHeader": true,
|
|
655
|
+
"slug": "https://www.kiralarsin.com/indirimli-urunler",
|
|
656
|
+
"productCount": 0,
|
|
657
|
+
"headerMediaUrl": null,
|
|
658
|
+
"medias": [],
|
|
659
|
+
"children": []
|
|
660
|
+
}
|
|
661
|
+
]
|
|
637
662
|
}
|
|
638
663
|
]
|
package/dist/jsons/colors.json
CHANGED
|
@@ -270,5 +270,47 @@
|
|
|
270
270
|
]
|
|
271
271
|
}
|
|
272
272
|
]
|
|
273
|
+
},
|
|
274
|
+
{
|
|
275
|
+
"name": "Shadow",
|
|
276
|
+
"children": [
|
|
277
|
+
{
|
|
278
|
+
"name": "Main",
|
|
279
|
+
"variants": [
|
|
280
|
+
{
|
|
281
|
+
"data": {
|
|
282
|
+
"name": "Products Box Shadow",
|
|
283
|
+
"hex": "#EAE9F0",
|
|
284
|
+
"X, Y, BLUR": "0, 6, 30"
|
|
285
|
+
},
|
|
286
|
+
"gradient": []
|
|
287
|
+
},
|
|
288
|
+
{
|
|
289
|
+
"data": {
|
|
290
|
+
"name": "Icon Shadow",
|
|
291
|
+
"hex": "#E7E7EC",
|
|
292
|
+
"X, Y, BLUR": "0, 0, 16"
|
|
293
|
+
},
|
|
294
|
+
"gradient": []
|
|
295
|
+
},
|
|
296
|
+
{
|
|
297
|
+
"data": {
|
|
298
|
+
"name": "Search Shadow",
|
|
299
|
+
"hex": "#F3F3F5",
|
|
300
|
+
"X, Y, BLUR": "0, 6, 30"
|
|
301
|
+
},
|
|
302
|
+
"gradient": []
|
|
303
|
+
},
|
|
304
|
+
{
|
|
305
|
+
"data": {
|
|
306
|
+
"name": "Dark Shadow",
|
|
307
|
+
"hex": "#C2C3CE",
|
|
308
|
+
"X, Y, BLUR": "0, 4, 15"
|
|
309
|
+
},
|
|
310
|
+
"gradient": []
|
|
311
|
+
}
|
|
312
|
+
]
|
|
313
|
+
}
|
|
314
|
+
]
|
|
273
315
|
}
|
|
274
316
|
]
|
package/dist/style/style.min.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
: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;--breakpoint-xs: 0;--breakpoint-sm: 576px;--breakpoint-md: 768px;--breakpoint-lg: 992px;--breakpoint-xl: 1200px;--breakpoint-xxl: 1400px;--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-weight:900;font-size:96px;line-height:116px}.display-black-72-87{font-weight:900;font-size:72px;line-height:87px}.display-black-64-77{font-weight:900;font-size:64px;line-height:77px}.display-black-56-68{font-weight:900;font-size:56px;line-height:68px}.display-extra-bold-96-116{font-weight:800;font-size:96px;line-height:116px}.display-extra-bold-72-87{font-weight:800;font-size:72px;line-height:87px}.display-extra-bold-64-77{font-weight:800;font-size:64px;line-height:77px}.display-extra-bold-56-68{font-weight:800;font-size:56px;line-height:68px}.display-bold-96-116{font-weight:700;font-size:96px;line-height:116px}.display-bold-72-87{font-weight:700;font-size:72px;line-height:87px}.display-bold-64-77{font-weight:700;font-size:64px;line-height:77px}.display-bold-56-68{font-weight:700;font-size:56px;line-height:68px}.display-semi-bold-96-116{font-weight:600;font-size:96px;line-height:116px}.display-semi-bold-72-87{font-weight:600;font-size:72px;line-height:87px}.display-semi-bold-64-77{font-weight:600;font-size:64px;line-height:77px}.display-semi-bold-56-68{font-weight:600;font-size:56px;line-height:68px}.display-medium-96-116{font-weight:500;font-size:96px;line-height:116px}.display-medium-72-87{font-weight:500;font-size:72px;line-height:87px}.display-medium-64-77{font-weight:500;font-size:64px;line-height:77px}.display-medium-56-68{font-weight:500;font-size:56px;line-height:68px}.display-regular-96-116{font-weight:400;font-size:96px;line-height:116px}.display-regular-72-87{font-weight:400;font-size:72px;line-height:87px}.display-regular-64-77{font-weight:400;font-size:64px;line-height:77px}.display-regular-56-68{font-weight:400;font-size:56px;line-height:68px}.display-light-96-116{font-weight:300;font-size:96px;line-height:116px}.display-light-72-87{font-weight:300;font-size:72px;line-height:87px}.display-light-64-77{font-weight:300;font-size:64px;line-height:77px}.display-light-56-68{font-weight:300;font-size:56px;line-height:68px}.headline-black-48-58{font-weight:900;font-size:48px;line-height:58px}.headline-black-40-48{font-weight:900;font-size:40px;line-height:48px}.headline-black-32-39{font-weight:900;font-size:32px;line-height:39px}.headline-black-24-29{font-weight:900;font-size:24px;line-height:29px}.headline-black-20-24{font-weight:900;font-size:20px;line-height:24px}.headline-black-18-22{font-weight:900;font-size:18px;line-height:22px}.headline-extra-bold-48-58{font-weight:800;font-size:48px;line-height:58px}.headline-extra-bold-40-48{font-weight:800;font-size:40px;line-height:48px}.headline-extra-bold-32-39{font-weight:800;font-size:32px;line-height:39px}.headline-extra-bold-24-29{font-weight:800;font-size:24px;line-height:29px}.headline-extra-bold-20-24{font-weight:800;font-size:20px;line-height:24px}.headline-extra-bold-18-22{font-weight:800;font-size:18px;line-height:22px}.headline-bold-48-58{font-weight:700;font-size:48px;line-height:58px}.headline-bold-40-48{font-weight:700;font-size:40px;line-height:48px}.headline-bold-32-39{font-weight:700;font-size:32px;line-height:39px}.headline-bold-24-29{font-weight:700;font-size:24px;line-height:29px}.headline-bold-20-24{font-weight:700;font-size:20px;line-height:24px}.headline-bold-18-22{font-weight:700;font-size:18px;line-height:22px}.headline-semi-bold-48-58{font-weight:600;font-size:48px;line-height:58px}.headline-semi-bold-40-48{font-weight:600;font-size:40px;line-height:48px}.headline-semi-bold-32-39{font-weight:600;font-size:32px;line-height:39px}.headline-semi-bold-24-29{font-weight:600;font-size:24px;line-height:29px}.headline-semi-bold-20-24{font-weight:600;font-size:20px;line-height:24px}.headline-semi-bold-18-22{font-weight:600;font-size:18px;line-height:22px}.headline-medium-48-58{font-weight:500;font-size:48px;line-height:58px}.headline-medium-40-48{font-weight:500;font-size:40px;line-height:48px}.headline-medium-32-39{font-weight:500;font-size:32px;line-height:39px}.headline-medium-24-29{font-weight:500;font-size:24px;line-height:29px}.headline-medium-20-24{font-weight:500;font-size:20px;line-height:24px}.headline-medium-18-22{font-weight:500;font-size:18px;line-height:22px}.headline-regular-48-58{font-weight:400;font-size:48px;line-height:58px}.headline-regular-40-48{font-weight:400;font-size:40px;line-height:48px}.headline-regular-32-39{font-weight:400;font-size:32px;line-height:39px}.headline-regular-24-29{font-weight:400;font-size:24px;line-height:29px}.headline-regular-20-24{font-weight:400;font-size:20px;line-height:24px}.headline-regular-18-22{font-weight:400;font-size:18px;line-height:22px}.headline-light-48-58{font-weight:300;font-size:48px;line-height:58px}.headline-light-40-48{font-weight:300;font-size:40px;line-height:48px}.headline-light-32-39{font-weight:300;font-size:32px;line-height:39px}.headline-light-24-29{font-weight:300;font-size:24px;line-height:29px}.headline-light-20-24{font-weight:300;font-size:20px;line-height:24px}.headline-light-18-22{font-weight:300;font-size:18px;line-height:22px}.title-black-16-19{font-weight:900;font-size:16px;line-height:19px}.title-extra-bold-16-19{font-weight:800;font-size:16px;line-height:19px}.title-bold-16-19{font-weight:700;font-size:16px;line-height:19px}.title-semi-bold-16-19{font-weight:600;font-size:16px;line-height:19px}.title-medium-16-19{font-weight:500;font-size:16px;line-height:19px}.title-regular-16-19{font-weight:400;font-size:16px;line-height:19px}.title-light-16-19{font-weight:300;font-size:16px;line-height:19px}.body-black-14-17{font-weight:900;font-size:14px;line-height:17px}.body-black-13-16{font-weight:900;font-size:13px;line-height:16px}.body-extra-bold-14-17{font-weight:800;font-size:14px;line-height:17px}.body-extra-bold-13-16{font-weight:800;font-size:13px;line-height:16px}.body-bold-14-17{font-weight:700;font-size:14px;line-height:17px}.body-bold-13-16{font-weight:700;font-size:13px;line-height:16px}.body-semi-bold-14-17{font-weight:600;font-size:14px;line-height:17px}.body-semi-bold-13-16{font-weight:600;font-size:13px;line-height:16px}.body-medium-14-17{font-weight:500;font-size:14px;line-height:17px}.body-medium-13-16{font-weight:500;font-size:13px;line-height:16px}.body-regular-14-17{font-weight:400;font-size:14px;line-height:17px}.body-regular-13-16{font-weight:400;font-size:13px;line-height:16px}.body-light-14-17{font-weight:300;font-size:14px;line-height:17px}.body-light-13-16{font-weight:300;font-size:13px;line-height:16px}.caption-black-12-15{font-weight:900;font-size:12px;line-height:15px}.caption-black-11-13{font-weight:900;font-size:11px;line-height:13px}.caption-black-10-12{font-weight:900;font-size:10px;line-height:12px}.caption-extra-bold-12-15{font-weight:800;font-size:12px;line-height:15px}.caption-extra-bold-11-13{font-weight:800;font-size:11px;line-height:13px}.caption-extra-bold-10-12{font-weight:800;font-size:10px;line-height:12px}.caption-bold-12-15{font-weight:700;font-size:12px;line-height:15px}.caption-bold-11-13{font-weight:700;font-size:11px;line-height:13px}.caption-bold-10-12{font-weight:700;font-size:10px;line-height:12px}.caption-semi-bold-12-15{font-weight:600;font-size:12px;line-height:15px}.caption-semi-bold-11-13{font-weight:600;font-size:11px;line-height:13px}.caption-semi-bold-10-12{font-weight:600;font-size:10px;line-height:12px}.caption-medium-12-15{font-weight:500;font-size:12px;line-height:15px}.caption-medium-11-13{font-weight:500;font-size:11px;line-height:13px}.caption-medium-10-12{font-weight:500;font-size:10px;line-height:12px}.caption-regular-12-15{font-weight:400;font-size:12px;line-height:15px}.caption-regular-11-13{font-weight:400;font-size:11px;line-height:13px}.caption-regular-10-12{font-weight:400;font-size:10px;line-height:12px}.caption-light-12-15{font-weight:300;font-size:12px;line-height:15px}.caption-light-11-13{font-weight:300;font-size:11px;line-height:13px}.caption-light-10-12{font-weight:300;font-size:10px;line-height:12px}@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)}/*# sourceMappingURL=style.min.css.map */
|
|
1
|
+
: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: #E7E7EC;--search-shadow-color: #F3F3F5;--dark-shadow-color: #C2C3CE;--breakpoint-xs: 0;--breakpoint-sm: 576px;--breakpoint-md: 768px;--breakpoint-lg: 992px;--breakpoint-xl: 1200px;--breakpoint-xxl: 1400px;--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-weight:900;font-size:96px;line-height:116px}.display-black-72-87{font-weight:900;font-size:72px;line-height:87px}.display-black-64-77{font-weight:900;font-size:64px;line-height:77px}.display-black-56-68{font-weight:900;font-size:56px;line-height:68px}.display-extra-bold-96-116{font-weight:800;font-size:96px;line-height:116px}.display-extra-bold-72-87{font-weight:800;font-size:72px;line-height:87px}.display-extra-bold-64-77{font-weight:800;font-size:64px;line-height:77px}.display-extra-bold-56-68{font-weight:800;font-size:56px;line-height:68px}.display-bold-96-116{font-weight:700;font-size:96px;line-height:116px}.display-bold-72-87{font-weight:700;font-size:72px;line-height:87px}.display-bold-64-77{font-weight:700;font-size:64px;line-height:77px}.display-bold-56-68{font-weight:700;font-size:56px;line-height:68px}.display-semi-bold-96-116{font-weight:600;font-size:96px;line-height:116px}.display-semi-bold-72-87{font-weight:600;font-size:72px;line-height:87px}.display-semi-bold-64-77{font-weight:600;font-size:64px;line-height:77px}.display-semi-bold-56-68{font-weight:600;font-size:56px;line-height:68px}.display-medium-96-116{font-weight:500;font-size:96px;line-height:116px}.display-medium-72-87{font-weight:500;font-size:72px;line-height:87px}.display-medium-64-77{font-weight:500;font-size:64px;line-height:77px}.display-medium-56-68{font-weight:500;font-size:56px;line-height:68px}.display-regular-96-116{font-weight:400;font-size:96px;line-height:116px}.display-regular-72-87{font-weight:400;font-size:72px;line-height:87px}.display-regular-64-77{font-weight:400;font-size:64px;line-height:77px}.display-regular-56-68{font-weight:400;font-size:56px;line-height:68px}.display-light-96-116{font-weight:300;font-size:96px;line-height:116px}.display-light-72-87{font-weight:300;font-size:72px;line-height:87px}.display-light-64-77{font-weight:300;font-size:64px;line-height:77px}.display-light-56-68{font-weight:300;font-size:56px;line-height:68px}.headline-black-48-58{font-weight:900;font-size:48px;line-height:58px}.headline-black-40-48{font-weight:900;font-size:40px;line-height:48px}.headline-black-32-39{font-weight:900;font-size:32px;line-height:39px}.headline-black-24-29{font-weight:900;font-size:24px;line-height:29px}.headline-black-20-24{font-weight:900;font-size:20px;line-height:24px}.headline-black-18-22{font-weight:900;font-size:18px;line-height:22px}.headline-extra-bold-48-58{font-weight:800;font-size:48px;line-height:58px}.headline-extra-bold-40-48{font-weight:800;font-size:40px;line-height:48px}.headline-extra-bold-32-39{font-weight:800;font-size:32px;line-height:39px}.headline-extra-bold-24-29{font-weight:800;font-size:24px;line-height:29px}.headline-extra-bold-20-24{font-weight:800;font-size:20px;line-height:24px}.headline-extra-bold-18-22{font-weight:800;font-size:18px;line-height:22px}.headline-bold-48-58{font-weight:700;font-size:48px;line-height:58px}.headline-bold-40-48{font-weight:700;font-size:40px;line-height:48px}.headline-bold-32-39{font-weight:700;font-size:32px;line-height:39px}.headline-bold-24-29{font-weight:700;font-size:24px;line-height:29px}.headline-bold-20-24{font-weight:700;font-size:20px;line-height:24px}.headline-bold-18-22{font-weight:700;font-size:18px;line-height:22px}.headline-semi-bold-48-58{font-weight:600;font-size:48px;line-height:58px}.headline-semi-bold-40-48{font-weight:600;font-size:40px;line-height:48px}.headline-semi-bold-32-39{font-weight:600;font-size:32px;line-height:39px}.headline-semi-bold-24-29{font-weight:600;font-size:24px;line-height:29px}.headline-semi-bold-20-24{font-weight:600;font-size:20px;line-height:24px}.headline-semi-bold-18-22{font-weight:600;font-size:18px;line-height:22px}.headline-medium-48-58{font-weight:500;font-size:48px;line-height:58px}.headline-medium-40-48{font-weight:500;font-size:40px;line-height:48px}.headline-medium-32-39{font-weight:500;font-size:32px;line-height:39px}.headline-medium-24-29{font-weight:500;font-size:24px;line-height:29px}.headline-medium-20-24{font-weight:500;font-size:20px;line-height:24px}.headline-medium-18-22{font-weight:500;font-size:18px;line-height:22px}.headline-regular-48-58{font-weight:400;font-size:48px;line-height:58px}.headline-regular-40-48{font-weight:400;font-size:40px;line-height:48px}.headline-regular-32-39{font-weight:400;font-size:32px;line-height:39px}.headline-regular-24-29{font-weight:400;font-size:24px;line-height:29px}.headline-regular-20-24{font-weight:400;font-size:20px;line-height:24px}.headline-regular-18-22{font-weight:400;font-size:18px;line-height:22px}.headline-light-48-58{font-weight:300;font-size:48px;line-height:58px}.headline-light-40-48{font-weight:300;font-size:40px;line-height:48px}.headline-light-32-39{font-weight:300;font-size:32px;line-height:39px}.headline-light-24-29{font-weight:300;font-size:24px;line-height:29px}.headline-light-20-24{font-weight:300;font-size:20px;line-height:24px}.headline-light-18-22{font-weight:300;font-size:18px;line-height:22px}.title-black-16-19{font-weight:900;font-size:16px;line-height:19px}.title-extra-bold-16-19{font-weight:800;font-size:16px;line-height:19px}.title-bold-16-19{font-weight:700;font-size:16px;line-height:19px}.title-semi-bold-16-19{font-weight:600;font-size:16px;line-height:19px}.title-medium-16-19{font-weight:500;font-size:16px;line-height:19px}.title-regular-16-19{font-weight:400;font-size:16px;line-height:19px}.title-light-16-19{font-weight:300;font-size:16px;line-height:19px}.body-black-14-17{font-weight:900;font-size:14px;line-height:17px}.body-black-13-16{font-weight:900;font-size:13px;line-height:16px}.body-extra-bold-14-17{font-weight:800;font-size:14px;line-height:17px}.body-extra-bold-13-16{font-weight:800;font-size:13px;line-height:16px}.body-bold-14-17{font-weight:700;font-size:14px;line-height:17px}.body-bold-13-16{font-weight:700;font-size:13px;line-height:16px}.body-semi-bold-14-17{font-weight:600;font-size:14px;line-height:17px}.body-semi-bold-13-16{font-weight:600;font-size:13px;line-height:16px}.body-medium-14-17{font-weight:500;font-size:14px;line-height:17px}.body-medium-13-16{font-weight:500;font-size:13px;line-height:16px}.body-regular-14-17{font-weight:400;font-size:14px;line-height:17px}.body-regular-13-16{font-weight:400;font-size:13px;line-height:16px}.body-light-14-17{font-weight:300;font-size:14px;line-height:17px}.body-light-13-16{font-weight:300;font-size:13px;line-height:16px}.caption-black-12-15{font-weight:900;font-size:12px;line-height:15px}.caption-black-11-13{font-weight:900;font-size:11px;line-height:13px}.caption-black-10-12{font-weight:900;font-size:10px;line-height:12px}.caption-extra-bold-12-15{font-weight:800;font-size:12px;line-height:15px}.caption-extra-bold-11-13{font-weight:800;font-size:11px;line-height:13px}.caption-extra-bold-10-12{font-weight:800;font-size:10px;line-height:12px}.caption-bold-12-15{font-weight:700;font-size:12px;line-height:15px}.caption-bold-11-13{font-weight:700;font-size:11px;line-height:13px}.caption-bold-10-12{font-weight:700;font-size:10px;line-height:12px}.caption-semi-bold-12-15{font-weight:600;font-size:12px;line-height:15px}.caption-semi-bold-11-13{font-weight:600;font-size:11px;line-height:13px}.caption-semi-bold-10-12{font-weight:600;font-size:10px;line-height:12px}.caption-medium-12-15{font-weight:500;font-size:12px;line-height:15px}.caption-medium-11-13{font-weight:500;font-size:11px;line-height:13px}.caption-medium-10-12{font-weight:500;font-size:10px;line-height:12px}.caption-regular-12-15{font-weight:400;font-size:12px;line-height:15px}.caption-regular-11-13{font-weight:400;font-size:11px;line-height:13px}.caption-regular-10-12{font-weight:400;font-size:10px;line-height:12px}.caption-light-12-15{font-weight:300;font-size:12px;line-height:15px}.caption-light-11-13{font-weight:300;font-size:11px;line-height:13px}.caption-light-10-12{font-weight:300;font-size:10px;line-height:12px}@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)}/*# sourceMappingURL=style.min.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../src/assets/styles/_root.scss","../../src/assets/styles/_typography.scss","../../src/assets/styles/_font.scss","../../src/assets/styles/slick.scss","../../src/assets/styles/slick-theme.scss","../../src/assets/styles/style.scss"],"names":[],"mappings":"CAAA,MAEI,
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../src/assets/styles/_root.scss","../../src/assets/styles/_typography.scss","../../src/assets/styles/_font.scss","../../src/assets/styles/slick.scss","../../src/assets/styles/slick-theme.scss","../../src/assets/styles/style.scss"],"names":[],"mappings":"CAAA,MAEI,irBAGA,yIAEF,kKCCA,sBACE,YALW,IAMX,eACA,kBAHF,qBACE,YALW,IAMX,eACA,iBAHF,qBACE,YALW,IAMX,eACA,iBAHF,qBACE,YALW,IAMX,eACA,iBAHF,2BACE,YALW,IAMX,eACA,kBAHF,0BACE,YALW,IAMX,eACA,iBAHF,0BACE,YALW,IAMX,eACA,iBAHF,0BACE,YALW,IAMX,eACA,iBAHF,qBACE,YALW,IAMX,eACA,kBAHF,oBACE,YALW,IAMX,eACA,iBAHF,oBACE,YALW,IAMX,eACA,iBAHF,oBACE,YALW,IAMX,eACA,iBAHF,0BACE,YALW,IAMX,eACA,kBAHF,yBACE,YALW,IAMX,eACA,iBAHF,yBACE,YALW,IAMX,eACA,iBAHF,yBACE,YALW,IAMX,eACA,iBAHF,uBACE,YALW,IAMX,eACA,kBAHF,sBACE,YALW,IAMX,eACA,iBAHF,sBACE,YALW,IAMX,eACA,iBAHF,sBACE,YALW,IAMX,eACA,iBAHF,wBACE,YALW,IAMX,eACA,kBAHF,uBACE,YALW,IAMX,eACA,iBAHF,uBACE,YALW,IAMX,eACA,iBAHF,uBACE,YALW,IAMX,eACA,iBAHF,sBACE,YALW,IAMX,eACA,kBAHF,qBACE,YALW,IAMX,eACA,iBAHF,qBACE,YALW,IAMX,eACA,iBAHF,qBACE,YALW,IAMX,eACA,iBAHF,sBACE,YALW,IAMX,eACA,iBAHF,sBACE,YALW,IAMX,eACA,iBAHF,sBACE,YALW,IAMX,eACA,iBAHF,sBACE,YALW,IAMX,eACA,iBAHF,sBACE,YALW,IAMX,eACA,iBAHF,sBACE,YALW,IAMX,eACA,iBAHF,2BACE,YALW,IAMX,eACA,iBAHF,2BACE,YALW,IAMX,eACA,iBAHF,2BACE,YALW,IAMX,eACA,iBAHF,2BACE,YALW,IAMX,eACA,iBAHF,2BACE,YALW,IAMX,eACA,iBAHF,2BACE,YALW,IAMX,eACA,iBAHF,qBACE,YALW,IAMX,eACA,iBAHF,qBACE,YALW,IAMX,eACA,iBAHF,qBACE,YALW,IAMX,eACA,iBAHF,qBACE,YALW,IAMX,eACA,iBAHF,qBACE,YALW,IAMX,eACA,iBAHF,qBACE,YALW,IAMX,eACA,iBAHF,0BACE,YALW,IAMX,eACA,iBAHF,0BACE,YALW,IAMX,eACA,iBAHF,0BACE,YALW,IAMX,eACA,iBAHF,0BACE,YALW,IAMX,eACA,iBAHF,0BACE,YALW,IAMX,eACA,iBAHF,0BACE,YALW,IAMX,eACA,iBAHF,uBACE,YALW,IAMX,eACA,iBAHF,uBACE,YALW,IAMX,eACA,iBAHF,uBACE,YALW,IAMX,eACA,iBAHF,uBACE,YALW,IAMX,eACA,iBAHF,uBACE,YALW,IAMX,eACA,iBAHF,uBACE,YALW,IAMX,eACA,iBAHF,wBACE,YALW,IAMX,eACA,iBAHF,wBACE,YALW,IAMX,eACA,iBAHF,wBACE,YALW,IAMX,eACA,iBAHF,wBACE,YALW,IAMX,eACA,iBAHF,wBACE,YALW,IAMX,eACA,iBAHF,wBACE,YALW,IAMX,eACA,iBAHF,sBACE,YALW,IAMX,eACA,iBAHF,sBACE,YALW,IAMX,eACA,iBAHF,sBACE,YALW,IAMX,eACA,iBAHF,sBACE,YALW,IAMX,eACA,iBAHF,sBACE,YALW,IAMX,eACA,iBAHF,sBACE,YALW,IAMX,eACA,iBAHF,mBACE,YALW,IAMX,eACA,iBAHF,wBACE,YALW,IAMX,eACA,iBAHF,kBACE,YALW,IAMX,eACA,iBAHF,uBACE,YALW,IAMX,eACA,iBAHF,oBACE,YALW,IAMX,eACA,iBAHF,qBACE,YALW,IAMX,eACA,iBAHF,mBACE,YALW,IAMX,eACA,iBAHF,kBACE,YALW,IAMX,eACA,iBAHF,kBACE,YALW,IAMX,eACA,iBAHF,uBACE,YALW,IAMX,eACA,iBAHF,uBACE,YALW,IAMX,eACA,iBAHF,iBACE,YALW,IAMX,eACA,iBAHF,iBACE,YALW,IAMX,eACA,iBAHF,sBACE,YALW,IAMX,eACA,iBAHF,sBACE,YALW,IAMX,eACA,iBAHF,mBACE,YALW,IAMX,eACA,iBAHF,mBACE,YALW,IAMX,eACA,iBAHF,oBACE,YALW,IAMX,eACA,iBAHF,oBACE,YALW,IAMX,eACA,iBAHF,kBACE,YALW,IAMX,eACA,iBAHF,kBACE,YALW,IAMX,eACA,iBAHF,qBACE,YALW,IAMX,eACA,iBAHF,qBACE,YALW,IAMX,eACA,iBAHF,qBACE,YALW,IAMX,eACA,iBAHF,0BACE,YALW,IAMX,eACA,iBAHF,0BACE,YALW,IAMX,eACA,iBAHF,0BACE,YALW,IAMX,eACA,iBAHF,oBACE,YALW,IAMX,eACA,iBAHF,oBACE,YALW,IAMX,eACA,iBAHF,oBACE,YALW,IAMX,eACA,iBAHF,yBACE,YALW,IAMX,eACA,iBAHF,yBACE,YALW,IAMX,eACA,iBAHF,yBACE,YALW,IAMX,eACA,iBAHF,sBACE,YALW,IAMX,eACA,iBAHF,sBACE,YALW,IAMX,eACA,iBAHF,sBACE,YALW,IAMX,eACA,iBAHF,uBACE,YALW,IAMX,eACA,iBAHF,uBACE,YALW,IAMX,eACA,iBAHF,uBACE,YALW,IAMX,eACA,iBAHF,qBACE,YALW,IAMX,eACA,iBAHF,qBACE,YALW,IAMX,eACA,iBAHF,qBACE,YALW,IAMX,eACA,iBCVJ,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,iFAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,gEAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,0BAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,0BAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,yGAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,oGAGF,WACE,oBACA,kBACA,gBACA,kBACA,0GACA,yJAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,iFAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,gEAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,0BAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,0BAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,yGAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,oGAGF,WACE,oBACA,kBACA,gBACA,kBACA,0GACA,yJAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,iFAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,gEAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,0BAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,0BAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,yGAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,oGAGF,WACE,oBACA,kBACA,gBACA,kBACA,0GACA,yJAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,iFAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,gEAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,0BAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,0BAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,yGAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,oGAGF,WACE,oBACA,kBACA,gBACA,kBACA,0GACA,yJAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,iFAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,gEAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,0BAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,0BAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,yGAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,oGAGF,WACE,oBACA,kBACA,gBACA,kBACA,0GACA,yJAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,iFAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,gEAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,0BAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,0BAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,yGAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,oGAGF,WACE,oBACA,kBACA,gBACA,kBACA,0GACA,yJAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,iFAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,gEAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,0BAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,0BAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,yGAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,oGAGF,WACE,oBACA,kBACA,gBACA,kBACA,0GACA,yJAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,iFAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,gEAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,0BAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,0BAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,yGAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,oGAGF,WACE,oBACA,kBACA,gBACA,kBACA,0GACA,yJAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,iFAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,gEAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,0BAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,0BAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,yGAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,oGAGF,WACE,oBACA,kBACA,gBACA,kBACA,0GACA,yJCpjBF,cAEI,kBAEA,cACA,sBAEA,yBACG,sBACC,qBACI,iBAER,2BACA,wBACA,uBACI,mBACJ,0CAGJ,YAEI,kBAEA,cACA,gBAEA,SACA,UAEJ,kBAEI,aAEJ,qBAEI,eACA,YAGJ,qDAGI,uCACG,oCACC,mCACC,kCACG,+BAGZ,aAEI,kBACA,MACA,OAEA,cACA,iBACA,kBAEJ,uCAGI,cAEA,WAEJ,mBAEI,WAEJ,4BAEI,kBAGJ,aAEI,aACA,WAEA,YACA,eAEJ,uBAEI,YAEJ,iBAEI,cAEJ,+BAEI,aAEJ,0BAEI,oBAEJ,gCAEI,cAEJ,4BAEI,kBAEJ,6BAEI,cAEA,YAEA,+BAEJ,0BACI,aClHJ,wBAGI,YACA,cAEA,kBACA,QAEA,cAEA,WACA,YACA,UACA,qCACA,iCACA,6BAEA,eAEA,oBACA,YACA,aACA,yBAEJ,wEAKI,oBACA,aACA,yBAEJ,oGAKI,UAEJ,oEAGI,YAGJ,sCAGI,oBACA,eACA,cAEA,YACA,WAEA,mCACA,kCAGJ,YAEI,WAEJ,sBAEI,YACA,UAEJ,mBAEI,YAEJ,6BAEI,YAGJ,YAEI,YAEJ,sBAEI,WACA,WAEJ,mBAEI,YAEJ,6BAEI,YAIJ,2BAEI,mBAGJ,YAEI,kBACA,aAEA,cAEA,WACA,UACA,SAEA,gBAEA,kBAEJ,eAEI,kBAEA,qBAEA,WACA,YACA,aACA,UAEA,eAEJ,sBAEI,YACA,cAEA,cAEA,WACA,YACA,YAEA,eAEA,oBACA,SACA,aACA,yBAEJ,wDAGI,aAEJ,sEAGI,UAEJ,6BAEI,oBACA,cACA,iBAEA,kBACA,MACA,OAEA,WACA,YAEA,YACA,kBAEA,YACA,WAEA,mCACA,kCAEJ,0CAEI,YACA,WCrLJ,KACI,0CACA","file":"style.min.css"}
|