krl-alfred 1.60.0 → 1.61.1

package/dist/components/Banner/Banner.js

@@ -0,0 +1,43 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var props_1 = require("./props");
+var layout1_1 = __importDefault(require("./layouts/layout1"));
+var layout2_1 = __importDefault(require("./layouts/layout2"));
+var layout3_1 = __importDefault(require("./layouts/layout3"));
+var layout4_1 = __importDefault(require("./layouts/layout4"));
+var Banner = function (props) {
+    var layout = props.layout;
+    switch (layout) {
+        case 'layout1':
+            return (0, jsx_runtime_1.jsx)(layout1_1.default, __assign({}, props));
+        case 'layout2':
+            return (0, jsx_runtime_1.jsx)(layout2_1.default, __assign({}, props));
+        case 'layout3':
+            return (0, jsx_runtime_1.jsx)(layout3_1.default, __assign({}, props));
+        case 'layout4':
+            return (0, jsx_runtime_1.jsx)(layout4_1.default, __assign({}, props));
+        default:
+            return (0, jsx_runtime_1.jsx)(layout1_1.default, __assign({}, props));
+    }
+};
+Banner.defaultProps = {
+    showThumbnails: true,
+    allowTouchMove: true,
+    layout: props_1.layouts[0],
+};
+exports.default = Banner;

package/dist/components/Banner/Banner.styled.js

@@ -0,0 +1,14 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BannerStyled = void 0;
+var styled_components_1 = __importDefault(require("styled-components"));
+var devices_1 = require("../../constants/devices");
+exports.BannerStyled = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  max-width: 1050px;\n  margin: 0 auto;\n\n  .swiper-wrapper {\n    align-items: center;\n  }\n\n  .inner {\n    border-radius: 0.5rem;\n    box-shadow: 0 6px 30px 0 #EAE9F0;\n    position: relative;\n    overflow: hidden; \n  }\n\n  .item {\n    padding: 0 5rem;\n    display: grid;\n    grid-template-columns: 1fr auto;\n    align-items: center;\n    height: 420px;\n    @media only screen and ", " {\n      padding: 0;\n      display: block;\n      height: auto;\n    }\n\n    .text {\n      @media only screen and ", " {\n        display: none;\n      }\n\n      .title {\n        margin-bottom: 1.5rem;\n        display: block;\n      }\n\n      .description {\n        margin-top: 0;\n        margin-bottom: 1.5rem;\n        display: block;\n      }\n    }\n\n    .textMobile {\n      display: none;\n      background-color: var(--primary-shades-dark);\n      padding: 1rem;\n      color: white;\n      align-items: center;\n      justify-content: space-between;\n\n      svg {\n        path {\n          stroke: white;\n        }\n      }\n\n      b {\n        display: block;\n      }\n\n      @media only screen and ", " {\n        display: flex;\n      }\n    }\n\n    .img {\n      text-align: end;\n\n      img {\n        max-height: 100%;\n        max-width: 100%;\n        @media only screen and ", " {\n          height: auto;\n        }\n      }\n\n      @media only screen and ", " {\n        padding: 2.5rem 2.5rem 1rem;\n        text-align: center;\n      }\n    }\n  }\n\n  .thumbnailSlider {\n    margin-top: 3rem;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    @media only screen and ", " {\n      display: none;\n    }\n\n    .thumbnailInner {\n      justify-content: center;\n      display: flex;\n      align-items: center;\n      margin: 0 2.5rem;\n\n      .thumbnailItem {\n        border: 1px solid var(--dark-opacity-10);\n        height: 50px;\n        border-radius: 0.5rem;\n        position: relative;\n        overflow: hidden;\n        margin: 0 4px;\n        box-shadow: 0 6px 30px 0 var(--dark-opacity-5);\n        width: 70px;\n        padding: 8px;\n        box-sizing: border-box;\n        cursor: pointer;\n        transition: all .1s ease;\n\n        &:is(.active) {\n          border-color: var(--primary);\n        }\n\n        > * {\n          display: block;\n          width: 100%;\n          height: 100%;\n          object-fit: contain;\n          object-position: center center;\n        }\n      }\n    }\n\n    .swiperNavigation {\n      box-sizing: border-box;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      border-radius: 8px;\n      font-family: var(--font-family-sans-serif);\n      cursor: pointer;\n      transition: all .2s;\n      width: 48px;\n      height: 48px;\n      box-shadow: 0 0 16px 0 white;\n      border: 0;\n      background-color: white;\n\n      svg {\n        path {\n          stroke: var(--primary);\n        }\n      }\n\n      &:hover {\n        box-shadow: 0 0 16px 0 var(--dark-opacity-10);\n      }\n    }\n  }\n"], ["\n  max-width: 1050px;\n  margin: 0 auto;\n\n  .swiper-wrapper {\n    align-items: center;\n  }\n\n  .inner {\n    border-radius: 0.5rem;\n    box-shadow: 0 6px 30px 0 #EAE9F0;\n    position: relative;\n    overflow: hidden; \n  }\n\n  .item {\n    padding: 0 5rem;\n    display: grid;\n    grid-template-columns: 1fr auto;\n    align-items: center;\n    height: 420px;\n    @media only screen and ", " {\n      padding: 0;\n      display: block;\n      height: auto;\n    }\n\n    .text {\n      @media only screen and ", " {\n        display: none;\n      }\n\n      .title {\n        margin-bottom: 1.5rem;\n        display: block;\n      }\n\n      .description {\n        margin-top: 0;\n        margin-bottom: 1.5rem;\n        display: block;\n      }\n    }\n\n    .textMobile {\n      display: none;\n      background-color: var(--primary-shades-dark);\n      padding: 1rem;\n      color: white;\n      align-items: center;\n      justify-content: space-between;\n\n      svg {\n        path {\n          stroke: white;\n        }\n      }\n\n      b {\n        display: block;\n      }\n\n      @media only screen and ", " {\n        display: flex;\n      }\n    }\n\n    .img {\n      text-align: end;\n\n      img {\n        max-height: 100%;\n        max-width: 100%;\n        @media only screen and ", " {\n          height: auto;\n        }\n      }\n\n      @media only screen and ", " {\n        padding: 2.5rem 2.5rem 1rem;\n        text-align: center;\n      }\n    }\n  }\n\n  .thumbnailSlider {\n    margin-top: 3rem;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    @media only screen and ", " {\n      display: none;\n    }\n\n    .thumbnailInner {\n      justify-content: center;\n      display: flex;\n      align-items: center;\n      margin: 0 2.5rem;\n\n      .thumbnailItem {\n        border: 1px solid var(--dark-opacity-10);\n        height: 50px;\n        border-radius: 0.5rem;\n        position: relative;\n        overflow: hidden;\n        margin: 0 4px;\n        box-shadow: 0 6px 30px 0 var(--dark-opacity-5);\n        width: 70px;\n        padding: 8px;\n        box-sizing: border-box;\n        cursor: pointer;\n        transition: all .1s ease;\n\n        &:is(.active) {\n          border-color: var(--primary);\n        }\n\n        > * {\n          display: block;\n          width: 100%;\n          height: 100%;\n          object-fit: contain;\n          object-position: center center;\n        }\n      }\n    }\n\n    .swiperNavigation {\n      box-sizing: border-box;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      border-radius: 8px;\n      font-family: var(--font-family-sans-serif);\n      cursor: pointer;\n      transition: all .2s;\n      width: 48px;\n      height: 48px;\n      box-shadow: 0 0 16px 0 white;\n      border: 0;\n      background-color: white;\n\n      svg {\n        path {\n          stroke: var(--primary);\n        }\n      }\n\n      &:hover {\n        box-shadow: 0 0 16px 0 var(--dark-opacity-10);\n      }\n    }\n  }\n"])), devices_1.devices.lg, devices_1.devices.lg, devices_1.devices.lg, devices_1.devices.lg, devices_1.devices.lg, devices_1.devices.lg);
+var templateObject_1;

package/dist/components/Banner/index.js

@@ -0,0 +1,8 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+var Banner_1 = require("./Banner");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(Banner_1).default; } });

package/dist/components/Banner/layouts/layout1/index.js

@@ -0,0 +1,47 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var Banner_styled_1 = require("../../Banner.styled");
+var Button_1 = __importDefault(require("../../../Button"));
+var Icon_1 = __importDefault(require("../../../Icon/Icon"));
+var classnames_1 = __importDefault(require("classnames"));
+var react_slick_1 = __importDefault(require("react-slick"));
+var Index = function (props) {
+    var data = props.data;
+    var _a = (0, react_1.useState)(0), activeSlide = _a[0], setActiveSlide = _a[1];
+    var sliderRef = (0, react_1.useRef)(null);
+    var settings = {
+        dots: false,
+        infinite: false,
+        speed: 500,
+        slidesToShow: 1,
+        slidesToScroll: 1,
+        afterChange: function (index) { return setActiveSlide(index); }
+    };
+    var next = function () { return sliderRef.slickNext(); };
+    var previous = function () { return sliderRef.slickPrev(); };
+    return ((0, jsx_runtime_1.jsxs)(Banner_styled_1.BannerStyled, { children: [(0, jsx_runtime_1.jsx)("div", { className: "inner", children: (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(react_slick_1.default, __assign({}, settings, { ref: function (slider) {
+                            sliderRef = slider;
+                        }, children: data === null || data === void 0 ? void 0 : data.map(function (item, key) {
+                            return ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsxs)("div", { className: "item", children: [(0, jsx_runtime_1.jsxs)("div", { className: "text", children: [(item === null || item === void 0 ? void 0 : item.title) && (0, jsx_runtime_1.jsx)("strong", { className: "title headline-extra-bold-32-39", children: item === null || item === void 0 ? void 0 : item.title }), (item === null || item === void 0 ? void 0 : item.description) && (0, jsx_runtime_1.jsx)("p", { className: "description title-regular-16-19", children: item === null || item === void 0 ? void 0 : item.description }), (item === null || item === void 0 ? void 0 : item.buttonText) && (0, jsx_runtime_1.jsx)(Button_1.default, { size: "big", variant: "primary", onClick: item === null || item === void 0 ? void 0 : item.onClick, children: item === null || item === void 0 ? void 0 : item.buttonText })] }), (0, jsx_runtime_1.jsx)("div", { className: "img", children: item === null || item === void 0 ? void 0 : item.img }), (0, jsx_runtime_1.jsxs)("div", { className: "textMobile title-medium-16-19", onClick: item === null || item === void 0 ? void 0 : item.onClick, children: [(0, jsx_runtime_1.jsx)("div", { className: "titleSm", dangerouslySetInnerHTML: { __html: item === null || item === void 0 ? void 0 : item.shortDesc } }), (0, jsx_runtime_1.jsx)(Icon_1.default, { name: "ArrowRightBig" })] })] }) }, key));
+                        }) })) }) }), props.showThumbnails && ((0, jsx_runtime_1.jsxs)("div", { className: "thumbnailSlider", children: [(0, jsx_runtime_1.jsx)("button", { className: "swiperNavigation swiperPrev", onClick: previous, children: (0, jsx_runtime_1.jsx)(Icon_1.default, { width: "24px", height: "24px", name: "ArrowLeft" }) }), (0, jsx_runtime_1.jsx)("div", { className: "thumbnailInner", children: data.map(function (item, key) {
+                            var _a;
+                            return ((0, jsx_runtime_1.jsx)("div", { onClick: function () { return sliderRef.slickGoTo(key); }, className: (0, classnames_1.default)("thumbnailItem", (_a = {}, _a["active"] = key === activeSlide, _a)), children: item === null || item === void 0 ? void 0 : item.thumbnail }, key));
+                        }) }), (0, jsx_runtime_1.jsx)("button", { className: "swiperNavigation swiperNext", onClick: next, children: (0, jsx_runtime_1.jsx)(Icon_1.default, { width: "24px", height: "24px", name: "ArrowRight" }) })] }))] }));
+};
+exports.default = Index;

package/dist/components/Banner/layouts/layout1/layout1.styled.js

@@ -0,0 +1,14 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BannerStyled = void 0;
+var styled_components_1 = __importDefault(require("styled-components"));
+var devices_1 = require("../../../../constants/devices");
+exports.BannerStyled = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  max-width: 1050px;\n  margin: 0 auto;\n\n  .swiper-wrapper {\n    align-items: center;\n  }\n\n  .inner {\n    border-radius: 0.5rem;\n    box-shadow: 0 6px 30px 0 #EAE9F0;\n    position: relative;\n    overflow: hidden; \n  }\n\n  .item {\n    padding: 0 5rem;\n    display: grid;\n    grid-template-columns: 1fr auto;\n    align-items: center;\n    height: 420px;\n    @media only screen and ", " {\n      padding: 0;\n      display: block;\n      height: auto;\n    }\n\n    .text {\n      @media only screen and ", " {\n        display: none;\n      }\n\n      .title {\n        margin-bottom: 1.5rem;\n        display: block;\n      }\n\n      .description {\n        margin-top: 0;\n        margin-bottom: 1.5rem;\n        display: block;\n      }\n    }\n\n    .textMobile {\n      display: none;\n      background-color: var(--primary-shades-dark);\n      padding: 1rem;\n      color: white;\n      align-items: center;\n      justify-content: space-between;\n\n      svg {\n        path {\n          stroke: white;\n        }\n      }\n\n      b {\n        display: block;\n      }\n\n      @media only screen and ", " {\n        display: flex;\n      }\n    }\n\n    .img {\n      text-align: end;\n\n      img {\n        max-height: 100%;\n        max-width: 100%;\n        @media only screen and ", " {\n          height: auto;\n        }\n      }\n\n      @media only screen and ", " {\n        padding: 2.5rem 2.5rem 1rem;\n        text-align: center;\n      }\n    }\n  }\n\n  .thumbnailSlider {\n    margin-top: 3rem;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    @media only screen and ", " {\n      display: none;\n    }\n\n    .thumbnailInner {\n      justify-content: center;\n      display: flex;\n      align-items: center;\n      margin: 0 2.5rem;\n\n      .thumbnailItem {\n        border: 1px solid var(--dark-opacity-10);\n        height: 50px;\n        border-radius: 0.5rem;\n        position: relative;\n        overflow: hidden;\n        margin: 0 4px;\n        box-shadow: 0 6px 30px 0 var(--dark-opacity-5);\n        width: 70px;\n        padding: 8px;\n        box-sizing: border-box;\n        cursor: pointer;\n        transition: all .1s ease;\n\n        &:is(.active) {\n          border-color: var(--primary);\n        }\n\n        > * {\n          display: block;\n          width: 100%;\n          height: 100%;\n          object-fit: contain;\n          object-position: center center;\n        }\n      }\n    }\n\n    .swiperNavigation {\n      box-sizing: border-box;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      border-radius: 8px;\n      font-family: var(--font-family-sans-serif);\n      cursor: pointer;\n      transition: all .2s;\n      width: 48px;\n      height: 48px;\n      box-shadow: 0 0 16px 0 white;\n      border: 0;\n      background-color: white;\n\n      svg {\n        path {\n          stroke: var(--primary);\n        }\n      }\n\n      &:hover {\n        box-shadow: 0 0 16px 0 var(--dark-opacity-10);\n      }\n    }\n  }\n"], ["\n  max-width: 1050px;\n  margin: 0 auto;\n\n  .swiper-wrapper {\n    align-items: center;\n  }\n\n  .inner {\n    border-radius: 0.5rem;\n    box-shadow: 0 6px 30px 0 #EAE9F0;\n    position: relative;\n    overflow: hidden; \n  }\n\n  .item {\n    padding: 0 5rem;\n    display: grid;\n    grid-template-columns: 1fr auto;\n    align-items: center;\n    height: 420px;\n    @media only screen and ", " {\n      padding: 0;\n      display: block;\n      height: auto;\n    }\n\n    .text {\n      @media only screen and ", " {\n        display: none;\n      }\n\n      .title {\n        margin-bottom: 1.5rem;\n        display: block;\n      }\n\n      .description {\n        margin-top: 0;\n        margin-bottom: 1.5rem;\n        display: block;\n      }\n    }\n\n    .textMobile {\n      display: none;\n      background-color: var(--primary-shades-dark);\n      padding: 1rem;\n      color: white;\n      align-items: center;\n      justify-content: space-between;\n\n      svg {\n        path {\n          stroke: white;\n        }\n      }\n\n      b {\n        display: block;\n      }\n\n      @media only screen and ", " {\n        display: flex;\n      }\n    }\n\n    .img {\n      text-align: end;\n\n      img {\n        max-height: 100%;\n        max-width: 100%;\n        @media only screen and ", " {\n          height: auto;\n        }\n      }\n\n      @media only screen and ", " {\n        padding: 2.5rem 2.5rem 1rem;\n        text-align: center;\n      }\n    }\n  }\n\n  .thumbnailSlider {\n    margin-top: 3rem;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    @media only screen and ", " {\n      display: none;\n    }\n\n    .thumbnailInner {\n      justify-content: center;\n      display: flex;\n      align-items: center;\n      margin: 0 2.5rem;\n\n      .thumbnailItem {\n        border: 1px solid var(--dark-opacity-10);\n        height: 50px;\n        border-radius: 0.5rem;\n        position: relative;\n        overflow: hidden;\n        margin: 0 4px;\n        box-shadow: 0 6px 30px 0 var(--dark-opacity-5);\n        width: 70px;\n        padding: 8px;\n        box-sizing: border-box;\n        cursor: pointer;\n        transition: all .1s ease;\n\n        &:is(.active) {\n          border-color: var(--primary);\n        }\n\n        > * {\n          display: block;\n          width: 100%;\n          height: 100%;\n          object-fit: contain;\n          object-position: center center;\n        }\n      }\n    }\n\n    .swiperNavigation {\n      box-sizing: border-box;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      border-radius: 8px;\n      font-family: var(--font-family-sans-serif);\n      cursor: pointer;\n      transition: all .2s;\n      width: 48px;\n      height: 48px;\n      box-shadow: 0 0 16px 0 white;\n      border: 0;\n      background-color: white;\n\n      svg {\n        path {\n          stroke: var(--primary);\n        }\n      }\n\n      &:hover {\n        box-shadow: 0 0 16px 0 var(--dark-opacity-10);\n      }\n    }\n  }\n"])), devices_1.devices.lg, devices_1.devices.lg, devices_1.devices.lg, devices_1.devices.lg, devices_1.devices.lg, devices_1.devices.lg);
+var templateObject_1;

package/dist/components/Banner/layouts/layout2/index.js

@@ -0,0 +1,13 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var layout2_styled_1 = require("./layout2.styled");
+var classnames_1 = __importDefault(require("classnames"));
+var Index = function (props) {
+    var data = props.data, isMobile = props.isMobile;
+    return ((0, jsx_runtime_1.jsx)(layout2_styled_1.BannerStyled, { children: (0, jsx_runtime_1.jsxs)("div", { className: "item", children: [(0, jsx_runtime_1.jsx)("div", { className: "img", children: data === null || data === void 0 ? void 0 : data.img }), (0, jsx_runtime_1.jsxs)("div", { className: "text", children: [(data === null || data === void 0 ? void 0 : data.title) && (0, jsx_runtime_1.jsx)("strong", { className: (0, classnames_1.default)('title', (isMobile ? 'headline-extra-bold-20-24' : 'headline-extra-bold-24-29')), children: data === null || data === void 0 ? void 0 : data.title }), (data === null || data === void 0 ? void 0 : data.description) && (0, jsx_runtime_1.jsx)("p", { className: "description body-regular-14-17", children: data === null || data === void 0 ? void 0 : data.description })] })] }) }));
+};
+exports.default = Index;

package/dist/components/Banner/layouts/layout2/layout2.styled.js

@@ -0,0 +1,14 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BannerStyled = void 0;
+var styled_components_1 = __importDefault(require("styled-components"));
+var devices_1 = require("../../../../constants/devices");
+exports.BannerStyled = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  max-width: 1050px;\n  margin: 0 auto;\n\n  .item {\n    background-color: var(--primary-opacity-10);\n    box-shadow: 0 6px 30px 0 #EAE9F0;\n    padding: 0 5rem;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    flex-wrap: wrap;\n\n    @media only screen and ", " {\n      padding: 1.5rem 1rem;\n      margin-top: 3rem;\n      display: flex;\n      justify-content: center;\n    }\n\n    .text {\n      flex: 1 0;\n      max-width: 349px;\n      @media only screen and ", " {\n        max-width: initial;\n      }\n\n      .title {\n        margin-bottom: 1rem;\n        display: block;\n      }\n\n      .description {\n        margin: 0;\n        display: block;\n      }\n    }\n\n\n    .img {\n      margin-top: -44px;\n\n      @media only screen and ", " {\n        width: 100%;\n        margin-bottom: 24px;\n      }\n      img {\n        max-height: 100%;\n        max-width: 100%;\n        @media only screen and ", " {\n          height: auto;\n        }\n      }\n    }\n\n\n"], ["\n  max-width: 1050px;\n  margin: 0 auto;\n\n  .item {\n    background-color: var(--primary-opacity-10);\n    box-shadow: 0 6px 30px 0 #EAE9F0;\n    padding: 0 5rem;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    flex-wrap: wrap;\n\n    @media only screen and ", " {\n      padding: 1.5rem 1rem;\n      margin-top: 3rem;\n      display: flex;\n      justify-content: center;\n    }\n\n    .text {\n      flex: 1 0;\n      max-width: 349px;\n      @media only screen and ", " {\n        max-width: initial;\n      }\n\n      .title {\n        margin-bottom: 1rem;\n        display: block;\n      }\n\n      .description {\n        margin: 0;\n        display: block;\n      }\n    }\n\n\n    .img {\n      margin-top: -44px;\n\n      @media only screen and ", " {\n        width: 100%;\n        margin-bottom: 24px;\n      }\n      img {\n        max-height: 100%;\n        max-width: 100%;\n        @media only screen and ", " {\n          height: auto;\n        }\n      }\n    }\n\n\n"])), devices_1.devices.lg, devices_1.devices.lg, devices_1.devices.lg, devices_1.devices.lg);
+var templateObject_1;

package/dist/components/Banner/layouts/layout3/index.js

@@ -0,0 +1,13 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var layout3_styled_1 = require("./layout3.styled");
+var classnames_1 = __importDefault(require("classnames"));
+var Index = function (props) {
+    var data = props.data, isMobile = props.isMobile;
+    return ((0, jsx_runtime_1.jsx)(layout3_styled_1.BannerStyled, { children: (0, jsx_runtime_1.jsxs)("div", { className: "item", children: [(0, jsx_runtime_1.jsx)("div", { className: "img", children: data === null || data === void 0 ? void 0 : data.img }), (0, jsx_runtime_1.jsxs)("div", { className: "text", children: [(data === null || data === void 0 ? void 0 : data.title) && (0, jsx_runtime_1.jsx)("strong", { className: (0, classnames_1.default)('title', (isMobile ? 'headline-extra-bold-20-24' : 'headline-extra-bold-32-39')), children: data === null || data === void 0 ? void 0 : data.title }), (data === null || data === void 0 ? void 0 : data.description) && (0, jsx_runtime_1.jsx)("p", { className: (0, classnames_1.default)('description', (isMobile ? 'body-regular-14-17' : 'title-regular-16-19')), children: data === null || data === void 0 ? void 0 : data.description })] })] }) }));
+};
+exports.default = Index;

package/dist/components/Banner/layouts/layout3/layout3.styled.js

@@ -0,0 +1,14 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BannerStyled = void 0;
+var styled_components_1 = __importDefault(require("styled-components"));
+var devices_1 = require("../../../../constants/devices");
+exports.BannerStyled = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  max-width: 1050px;\n  margin: 0 auto;\n\n  .item {\n    background-color: white;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    flex-wrap: wrap;\n\n    @media only screen and ", " {\n      justify-content: center;\n    }\n\n    .text {\n      flex: 1 0;\n      max-width: 446px;\n      @media only screen and ", " {\n        max-width: initial;\n        margin-top: 1rem;\n      }\n\n      .title {\n        margin-bottom: 2rem;\n        display: block;\n        @media only screen and ", " {\n          margin-bottom: 1rem;\n        }\n      }\n\n      .description {\n        margin: 0;\n        display: block;\n        color: var(--dark-opacity-75);\n      }\n    }\n\n\n    .img {\n      @media only screen and ", " {\n        width: 100%; \n      }\n      img {\n        max-height: 100%;\n        max-width: 100%;\n        @media only screen and ", " {\n          height: auto;\n        }\n      }\n    }\n\n\n"], ["\n  max-width: 1050px;\n  margin: 0 auto;\n\n  .item {\n    background-color: white;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    flex-wrap: wrap;\n\n    @media only screen and ", " {\n      justify-content: center;\n    }\n\n    .text {\n      flex: 1 0;\n      max-width: 446px;\n      @media only screen and ", " {\n        max-width: initial;\n        margin-top: 1rem;\n      }\n\n      .title {\n        margin-bottom: 2rem;\n        display: block;\n        @media only screen and ", " {\n          margin-bottom: 1rem;\n        }\n      }\n\n      .description {\n        margin: 0;\n        display: block;\n        color: var(--dark-opacity-75);\n      }\n    }\n\n\n    .img {\n      @media only screen and ", " {\n        width: 100%; \n      }\n      img {\n        max-height: 100%;\n        max-width: 100%;\n        @media only screen and ", " {\n          height: auto;\n        }\n      }\n    }\n\n\n"])), devices_1.devices.lg, devices_1.devices.lg, devices_1.devices.lg, devices_1.devices.lg, devices_1.devices.lg);
+var templateObject_1;

package/dist/components/Banner/layouts/layout4/index.js

@@ -0,0 +1,14 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var layout4_styled_1 = require("./layout4.styled");
+var classnames_1 = __importDefault(require("classnames"));
+var Button_1 = __importDefault(require("../../../Button"));
+var Index = function (props) {
+    var data = props.data;
+    return ((0, jsx_runtime_1.jsx)(layout4_styled_1.BannerStyled, { children: (0, jsx_runtime_1.jsxs)("div", { className: "item", children: [(data === null || data === void 0 ? void 0 : data.img) && (0, jsx_runtime_1.jsx)("div", { className: "img", children: data === null || data === void 0 ? void 0 : data.img }), (0, jsx_runtime_1.jsxs)("div", { className: "text", children: [(data === null || data === void 0 ? void 0 : data.title) && (0, jsx_runtime_1.jsx)("strong", { className: (0, classnames_1.default)('title', 'headline-extra-bold-32-39'), children: data === null || data === void 0 ? void 0 : data.title }), (data === null || data === void 0 ? void 0 : data.description) && (0, jsx_runtime_1.jsx)("p", { className: (0, classnames_1.default)('description', 'title-regular-16-19'), children: data === null || data === void 0 ? void 0 : data.description }), (data === null || data === void 0 ? void 0 : data.buttonText) && (0, jsx_runtime_1.jsx)(Button_1.default, { size: "big", variant: "primary", onClick: data === null || data === void 0 ? void 0 : data.onClick, children: data === null || data === void 0 ? void 0 : data.buttonText })] })] }) }));
+};
+exports.default = Index;

package/dist/components/Banner/layouts/layout4/layout4.styled.js

@@ -0,0 +1,14 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BannerStyled = void 0;
+var styled_components_1 = __importDefault(require("styled-components"));
+var devices_1 = require("../../../../constants/devices");
+exports.BannerStyled = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  max-width: 1050px;\n  margin: 0 auto;\n\n  .item {\n    background-color: var(--primary-opacity-5);\n    display: block;\n    padding: 3rem;\n    border-radius: 0.5rem;\n\n    @media only screen and ", " {\n      padding: 3rem 1.5rem;\n    }\n  }\n\n  .text {\n    margin-top: 2rem;\n\n    .title {\n      margin-bottom: 1rem;\n      display: block;\n    }\n\n    .description {\n      margin: 0 0 2rem 0;\n      display: block;\n      color: var(--dark-opacity-75);\n    }\n  }\n  \n  .img {\n    @media only screen and ", " {\n      width: 100%;\n    }\n\n    img {\n      max-height: 100%;\n      max-width: 100%;\n      @media only screen and ", " {\n        height: auto;\n      }\n    }\n  }\n\n\n"], ["\n  max-width: 1050px;\n  margin: 0 auto;\n\n  .item {\n    background-color: var(--primary-opacity-5);\n    display: block;\n    padding: 3rem;\n    border-radius: 0.5rem;\n\n    @media only screen and ", " {\n      padding: 3rem 1.5rem;\n    }\n  }\n\n  .text {\n    margin-top: 2rem;\n\n    .title {\n      margin-bottom: 1rem;\n      display: block;\n    }\n\n    .description {\n      margin: 0 0 2rem 0;\n      display: block;\n      color: var(--dark-opacity-75);\n    }\n  }\n  \n  .img {\n    @media only screen and ", " {\n      width: 100%;\n    }\n\n    img {\n      max-height: 100%;\n      max-width: 100%;\n      @media only screen and ", " {\n        height: auto;\n      }\n    }\n  }\n\n\n"])), devices_1.devices.lg, devices_1.devices.lg, devices_1.devices.lg);
+var templateObject_1;

package/dist/components/Banner/props.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.layouts = void 0;
+exports.layouts = ['layout1', 'layout2', 'layout3', 'layout4'];
+var BannerDefault = {
+    layout: exports.layouts[0]
+};

package/dist/components/Banner/stories/Banner.stories.js

@@ -0,0 +1,59 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Layout4 = exports.Layout3 = exports.Layout2 = exports.Default = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var Banner_1 = __importDefault(require("../Banner"));
+var Banners_1 = __importDefault(require("./../../../jsons/Banners"));
+var props_1 = require("../props");
+exports.default = {
+    title: 'Components/Banner',
+    component: Banner_1.default,
+    tags: ['autodocs'],
+    argTypes: {
+        layout: { control: 'select', options: props_1.layouts },
+    }
+};
+exports.Default = {
+    args: {
+        data: Banners_1.default,
+        layout: props_1.layouts[0],
+        showThumbnails: true
+    },
+};
+exports.Layout2 = {
+    args: {
+        data: {
+            img: (0, jsx_runtime_1.jsx)("img", { src: "https://www.kiralarsin.com/extendOrderBanner.svg", height: "308px" }),
+            title: "Kiralama s\u00FCreni uzat veya cihaz\u0131 sat\u0131n al",
+            description: "Cihaz\u0131 daha uzun s\u00FCreli kullanmaya karar verirsen kolayca i\u015Flem yapabilirsin! Kiralaman\u0131n son g\u00FCn\u00FCne kadar dilersen kira s\u00FCreni sipari\u015Flerim panelinden kolayca uzatabilir veya \u2018kiralad\u0131\u011F\u0131m\u0131 sat\u0131n al\u2019 \u00F6zelli\u011Fiyle 2. el de\u011Ferinden sat\u0131n alabilirsin.",
+        },
+        layout: props_1.layouts[1],
+        showThumbnails: true
+    },
+};
+exports.Layout3 = {
+    args: {
+        data: {
+            img: (0, jsx_runtime_1.jsx)("img", { src: "https://www.kiralarsin.com/kiralama-uzat-main.png", height: "422px" }),
+            title: "\u0130ster kira s\u00FCreni uzat, ister sat\u0131n al!",
+            description: "Sipari\u015F s\u00FCrecin tamamland\u0131ktan sonra sipari\u015Flerim sayfandan kira s\u00FCreni kolayca uzatabilir veya denedikten sonra cihaz\u0131 sat\u0131n alabilirsin! \u00DCstelik dilersen kiralad\u0131\u011F\u0131n cihaz\u0131 2. el olarak sat\u0131n alabilir, dilersen de s\u0131f\u0131r cihaz sipari\u015Fi olu\u015Fturabilirsin. \u00D6nce Kiralars\u0131n, denedikten sonra istersen sat\u0131n al\u0131rs\u0131n!",
+        },
+        layout: props_1.layouts[2],
+        showThumbnails: true
+    },
+};
+exports.Layout4 = {
+    args: {
+        data: {
+            img: (0, jsx_runtime_1.jsx)("img", { src: "https://www.kiralarsin.com/qnblogo3.svg", height: "48px" }),
+            title: "QNB Finansbank G\u00FCvencesi",
+            description: "Kiralars\u0131n, QNB Finansbank'\u0131n destekleriyle faaliyete ge\u00E7ti. QNB Finansbank Sanal POS g\u00FCvencesiyle \u00F6demelerinizi g\u00FCvenli bir \u015Fekilde yapabilirsiniz.",
+            buttonText: "Detayl\u0131 Bilgi"
+        },
+        layout: props_1.layouts[3],
+        showThumbnails: true
+    },
+};

package/dist/components/Footer/Footer.js

@@ -11,7 +11,7 @@ var Footer = function (props) {
     var year = new Date().getFullYear();
     return ((0, jsx_runtime_1.jsxs)(Footer_styled_1.FooterStyled, { children: [(0, jsx_runtime_1.jsxs)("div", { className: "footerTop", children: [(0, jsx_runtime_1.jsx)("div", { className: "logo", children: (0, jsx_runtime_1.jsx)(Icon_1.default, { name: "PoweredByQnbLogo", width: "203px", height: "70px" }) }), (0, jsx_runtime_1.jsx)("div", { className: "menus", children: data.map(function (item, key) {
                             return ((0, jsx_runtime_1.jsx)("div", { className: "item", children: (0, jsx_runtime_1.jsx)(item.component, { children: (0, jsx_runtime_1.jsx)("span", { children: item.title }) }) }, key));
-                        }) })] }), (0, jsx_runtime_1.jsxs)("div", { className: "footerBottom", children: [(0, jsx_runtime_1.jsxs)("div", { className: "copyright caption-semi-bold-12-15", children: ["\u00A9 ", year, " kiralars\u0131n.com Her Hakk\u0131 Sakl\u0131d\u0131r.", (0, jsx_runtime_1.jsxs)("div", { className: "cardLogos", children: [(0, jsx_runtime_1.jsx)(Icon_1.default, { name: "Mastercard", width: "18px", height: "11px" }), (0, jsx_runtime_1.jsx)(Icon_1.default, { name: "Visa", width: "26px", height: "9px" })] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "followUs", children: [(0, jsx_runtime_1.jsx)("div", { className: "title body-bold-13-16", children: "Bizi Takip Edin - " }), (0, jsx_runtime_1.jsxs)("div", { className: "socials", children: [(0, jsx_runtime_1.jsx)("a", { target: "_blank", rel: "noopener noreferrer", href: "https://www.facebook.com/kiralarsin", children: (0, jsx_runtime_1.jsx)(Icon_1.default, { name: "FacebookStroke", width: "16px", height: "16px" }) }), (0, jsx_runtime_1.jsx)("a", { target: "_blank", rel: "noopener noreferrer", href: "https://www.instagram.com/kiralarsin/", children: (0, jsx_runtime_1.jsx)(Icon_1.default, { name: "InstagramNegative", width: "16px", height: "16px" }) }), (0, jsx_runtime_1.jsx)("a", { target: "_blank", rel: "noopener noreferrer", href: "https://www.youtube.com/channel/UC8cjInv9rJvZxfDhChCvRMg", children: (0, jsx_runtime_1.jsx)(Icon_1.default, { name: "Youtube", width: "16px", height: "16px" }) }), (0, jsx_runtime_1.jsx)("a", { target: "_blank", rel: "noopener noreferrer", href: "https://twitter.com/Kiralarsin", children: (0, jsx_runtime_1.jsx)(Icon_1.default, { name: "TwitterStroke", width: "16px", height: "16px" }) }), (0, jsx_runtime_1.jsx)("a", { target: "_blank", rel: "noopener noreferrer", href: "https://www.linkedin.com/company/kiralars%C4%B1n/", children: (0, jsx_runtime_1.jsx)(Icon_1.default, { name: "LinkedinStroke", width: "16px", height: "16px" }) })] })] })] })] }));
+                        }) })] }), (0, jsx_runtime_1.jsxs)("div", { className: "footerBottom", children: [(0, jsx_runtime_1.jsxs)("div", { className: "copyright caption-semi-bold-12-15", children: ["\u00A9 ", year, " kiralarsin.com Her Hakk\u0131 Sakl\u0131d\u0131r.", (0, jsx_runtime_1.jsxs)("div", { className: "cardLogos", children: [(0, jsx_runtime_1.jsx)(Icon_1.default, { name: "Mastercard", width: "18px", height: "11px" }), (0, jsx_runtime_1.jsx)(Icon_1.default, { name: "Visa", width: "26px", height: "9px" })] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "followUs", children: [(0, jsx_runtime_1.jsx)("div", { className: "title body-bold-13-16", children: "Bizi Takip Edin - " }), (0, jsx_runtime_1.jsxs)("div", { className: "socials", children: [(0, jsx_runtime_1.jsx)("a", { target: "_blank", rel: "noopener noreferrer", href: "https://www.facebook.com/kiralarsin", children: (0, jsx_runtime_1.jsx)(Icon_1.default, { name: "FacebookStroke", width: "16px", height: "16px" }) }), (0, jsx_runtime_1.jsx)("a", { target: "_blank", rel: "noopener noreferrer", href: "https://www.instagram.com/kiralarsin/", children: (0, jsx_runtime_1.jsx)(Icon_1.default, { name: "InstagramNegative", width: "16px", height: "16px" }) }), (0, jsx_runtime_1.jsx)("a", { target: "_blank", rel: "noopener noreferrer", href: "https://www.youtube.com/channel/UC8cjInv9rJvZxfDhChCvRMg", children: (0, jsx_runtime_1.jsx)(Icon_1.default, { name: "Youtube", width: "16px", height: "16px" }) }), (0, jsx_runtime_1.jsx)("a", { target: "_blank", rel: "noopener noreferrer", href: "https://twitter.com/Kiralarsin", children: (0, jsx_runtime_1.jsx)(Icon_1.default, { name: "TwitterStroke", width: "16px", height: "16px" }) }), (0, jsx_runtime_1.jsx)("a", { target: "_blank", rel: "noopener noreferrer", href: "https://www.linkedin.com/company/kiralars%C4%B1n/", children: (0, jsx_runtime_1.jsx)(Icon_1.default, { name: "LinkedinStroke", width: "16px", height: "16px" }) })] })] })] })] }));
 };
 Footer.defaultProps = {};
 exports.default = Footer;

package/dist/components/ProductCard/ProductCard.styled.js

@@ -11,6 +11,6 @@ exports.HorizontalStyled = exports.StandartStyled = exports.ChecklistStyled = vo
 var styled_components_1 = __importDefault(require("styled-components"));
 var devices_1 = require("../../constants/devices");
 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      .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: 66px;\n      display: flex;\n      align-items: center;\n      justify-content: flex-start;\n      text-align: start;\n    }\n    .ProductCardContent{ \n      margin: 24px auto 0 0;\n      grid-column-start: 1;\n      grid-column-end: 4;\n      width: 100%;\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      .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: 66px;\n      display: flex;\n      align-items: center;\n      justify-content: flex-start;\n      text-align: start;\n    }\n    .ProductCardContent{ \n      margin: 24px auto 0 0;\n      grid-column-start: 1;\n      grid-column-end: 4;\n      width: 100%;\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);
-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  width: 240px;\n  padding: 1rem;\n  transition: all .2s ease;\n  position: relative;\n  box-sizing: border-box;\n  a{\n    text-decoration: none;\n    color: inherit;\n  }\n  &:hover{\n    box-shadow: 0 6px 30px 0 #B8B8CD;\n  }\n  .discount{\n    position: absolute;\n    left: 9px;\n    top: 12px;\n    z-index: 2;\n    filter: drop-shadow(4px 4px 15px rgba(151,99,246,.5));\n    svg{\n      display: block;\n    }\n    .text{\n      position: absolute;\n      width: 90px;\n      text-align: center;\n      height: 16px;\n      color: white;\n      transform: rotate(-45deg);\n      top: 27px;\n      left: -7px;\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    padding-bottom: 148px;\n    box-sizing: border-box;\n    z-index: 1;\n    text-align: center;\n    > * {\n      width: 100%;\n      display: block;\n      position: absolute;\n      left: 50%;\n      top: 50%;\n      transform: translate(-50%,-50%);\n    }\n  }\n  .productCardContent{\n    padding: 1rem ;\n    .productCardTitle{\n      display: block;\n      color: var(--dark);\n      display: -webkit-box;\n      -webkit-line-clamp: 2;\n      -webkit-box-orient: vertical;\n      overflow: hidden;\n      height: 38px;\n      word-break: break-word;\n    }\n    .productCardDescription{\n      display: block;\n      margin-top: 0.5rem;\n      color: var(--grey-40);\n      margin-bottom: 1rem;\n      display: -webkit-box;\n      -webkit-line-clamp: 2;\n      -webkit-box-orient: vertical;\n      overflow: hidden;\n      height: 32px;\n      word-break: break-word;\n    }\n    .productCardPriceContent{\n      display: grid;\n      align-items: end;\n      justify-content: flex-start;\n      height: 36px;\n      grid-template-columns: ", ";\n      .discountRate{\n        margin-right: 0.5rem;\n        width: 48px;\n        height: 36px;\n        border-radius: 8px;\n        background-color: var(--primary-opacity-10);\n        color: var(--primary);\n        display: flex;\n        align-items: center;\n        justify-content: center;\n      }\n      .oldPrice, .newPrice{\n        display: flex;\n        align-items: end;\n        justify-content: flex-start;\n        .price{\n          margin-right: 2px;\n        }\n      }\n      .oldPrice{\n        color: var(--dark-opacity-25);\n        margin-bottom: 2px;\n        .price , .period {\n          text-decoration: line-through;\n        }\n      }\n      .newPrice{\n        \n      }\n    }\n  }\n"], ["\n  box-shadow: 0 6px 30px 0 #EAE9F0;\n  border-radius: 0.5rem;\n  width: 240px;\n  padding: 1rem;\n  transition: all .2s ease;\n  position: relative;\n  box-sizing: border-box;\n  a{\n    text-decoration: none;\n    color: inherit;\n  }\n  &:hover{\n    box-shadow: 0 6px 30px 0 #B8B8CD;\n  }\n  .discount{\n    position: absolute;\n    left: 9px;\n    top: 12px;\n    z-index: 2;\n    filter: drop-shadow(4px 4px 15px rgba(151,99,246,.5));\n    svg{\n      display: block;\n    }\n    .text{\n      position: absolute;\n      width: 90px;\n      text-align: center;\n      height: 16px;\n      color: white;\n      transform: rotate(-45deg);\n      top: 27px;\n      left: -7px;\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    padding-bottom: 148px;\n    box-sizing: border-box;\n    z-index: 1;\n    text-align: center;\n    > * {\n      width: 100%;\n      display: block;\n      position: absolute;\n      left: 50%;\n      top: 50%;\n      transform: translate(-50%,-50%);\n    }\n  }\n  .productCardContent{\n    padding: 1rem ;\n    .productCardTitle{\n      display: block;\n      color: var(--dark);\n      display: -webkit-box;\n      -webkit-line-clamp: 2;\n      -webkit-box-orient: vertical;\n      overflow: hidden;\n      height: 38px;\n      word-break: break-word;\n    }\n    .productCardDescription{\n      display: block;\n      margin-top: 0.5rem;\n      color: var(--grey-40);\n      margin-bottom: 1rem;\n      display: -webkit-box;\n      -webkit-line-clamp: 2;\n      -webkit-box-orient: vertical;\n      overflow: hidden;\n      height: 32px;\n      word-break: break-word;\n    }\n    .productCardPriceContent{\n      display: grid;\n      align-items: end;\n      justify-content: flex-start;\n      height: 36px;\n      grid-template-columns: ", ";\n      .discountRate{\n        margin-right: 0.5rem;\n        width: 48px;\n        height: 36px;\n        border-radius: 8px;\n        background-color: var(--primary-opacity-10);\n        color: var(--primary);\n        display: flex;\n        align-items: center;\n        justify-content: center;\n      }\n      .oldPrice, .newPrice{\n        display: flex;\n        align-items: end;\n        justify-content: flex-start;\n        .price{\n          margin-right: 2px;\n        }\n      }\n      .oldPrice{\n        color: var(--dark-opacity-25);\n        margin-bottom: 2px;\n        .price , .period {\n          text-decoration: line-through;\n        }\n      }\n      .newPrice{\n        \n      }\n    }\n  }\n"])), function (props) { return props.discountRate ? 'auto 1fr' : '1fr'; });
+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: 1rem;\n  transition: all .2s ease;\n  position: relative;\n  box-sizing: border-box;\n  a{\n    text-decoration: none;\n    color: inherit;\n  }\n  &:hover{\n    box-shadow: 0 6px 30px 0 #B8B8CD;\n  }\n  .discount{\n    position: absolute;\n    left: 9px;\n    top: 12px;\n    z-index: 2;\n    filter: drop-shadow(4px 4px 15px rgba(151,99,246,.5));\n    svg{\n      display: block;\n    }\n    .text{\n      position: absolute;\n      width: 90px;\n      text-align: center;\n      height: 16px;\n      color: white;\n      transform: rotate(-45deg);\n      top: 27px;\n      left: -7px;\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    padding-bottom: 71.2%;\n    box-sizing: border-box;\n    z-index: 1;\n    text-align: center;\n    > * {\n      width: 100%;\n      display: block;\n      position: absolute;\n      left: 50%;\n      top: 50%;\n      transform: translate(-50%,-50%);\n    }\n  }\n  .productCardContent{\n    padding: 1rem ;\n    .productCardTitle{\n      display: block;\n      color: var(--dark);\n      display: -webkit-box;\n      -webkit-line-clamp: 2;\n      -webkit-box-orient: vertical;\n      overflow: hidden;\n      height: 38px;\n      word-break: break-word;\n    }\n    .productCardDescription{\n      display: block;\n      margin-top: 0.5rem;\n      color: var(--grey-40);\n      margin-bottom: 1rem;\n      display: -webkit-box;\n      -webkit-line-clamp: 2;\n      -webkit-box-orient: vertical;\n      overflow: hidden;\n      height: 32px;\n      word-break: break-word;\n    }\n    .productCardPriceContent{\n      display: grid;\n      align-items: end;\n      justify-content: flex-start;\n      height: 36px;\n      grid-template-columns: ", ";\n      .discountRate{\n        margin-right: 0.5rem;\n        width: 48px;\n        height: 36px;\n        border-radius: 8px;\n        background-color: var(--primary-opacity-10);\n        color: var(--primary);\n        display: flex;\n        align-items: center;\n        justify-content: center;\n      }\n      .oldPrice, .newPrice{\n        display: flex;\n        align-items: end;\n        justify-content: flex-start;\n        .price{\n          margin-right: 2px;\n        }\n      }\n      .oldPrice{\n        color: var(--dark-opacity-25);\n        margin-bottom: 2px;\n        .price , .period {\n          text-decoration: line-through;\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: 1rem;\n  transition: all .2s ease;\n  position: relative;\n  box-sizing: border-box;\n  a{\n    text-decoration: none;\n    color: inherit;\n  }\n  &:hover{\n    box-shadow: 0 6px 30px 0 #B8B8CD;\n  }\n  .discount{\n    position: absolute;\n    left: 9px;\n    top: 12px;\n    z-index: 2;\n    filter: drop-shadow(4px 4px 15px rgba(151,99,246,.5));\n    svg{\n      display: block;\n    }\n    .text{\n      position: absolute;\n      width: 90px;\n      text-align: center;\n      height: 16px;\n      color: white;\n      transform: rotate(-45deg);\n      top: 27px;\n      left: -7px;\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    padding-bottom: 71.2%;\n    box-sizing: border-box;\n    z-index: 1;\n    text-align: center;\n    > * {\n      width: 100%;\n      display: block;\n      position: absolute;\n      left: 50%;\n      top: 50%;\n      transform: translate(-50%,-50%);\n    }\n  }\n  .productCardContent{\n    padding: 1rem ;\n    .productCardTitle{\n      display: block;\n      color: var(--dark);\n      display: -webkit-box;\n      -webkit-line-clamp: 2;\n      -webkit-box-orient: vertical;\n      overflow: hidden;\n      height: 38px;\n      word-break: break-word;\n    }\n    .productCardDescription{\n      display: block;\n      margin-top: 0.5rem;\n      color: var(--grey-40);\n      margin-bottom: 1rem;\n      display: -webkit-box;\n      -webkit-line-clamp: 2;\n      -webkit-box-orient: vertical;\n      overflow: hidden;\n      height: 32px;\n      word-break: break-word;\n    }\n    .productCardPriceContent{\n      display: grid;\n      align-items: end;\n      justify-content: flex-start;\n      height: 36px;\n      grid-template-columns: ", ";\n      .discountRate{\n        margin-right: 0.5rem;\n        width: 48px;\n        height: 36px;\n        border-radius: 8px;\n        background-color: var(--primary-opacity-10);\n        color: var(--primary);\n        display: flex;\n        align-items: center;\n        justify-content: center;\n      }\n      .oldPrice, .newPrice{\n        display: flex;\n        align-items: end;\n        justify-content: flex-start;\n        .price{\n          margin-right: 2px;\n        }\n      }\n      .oldPrice{\n        color: var(--dark-opacity-25);\n        margin-bottom: 2px;\n        .price , .period {\n          text-decoration: line-through;\n        }\n      }\n      .newPrice{\n        \n      }\n    }\n  }\n"])), function (props) { return props.discountRate ? 'auto 1fr' : '1fr'; });
 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  &:hover{\n    background: var(--dark-opacity-3);\n  }\n  a{\n    text-decoration: none;\n    color: inherit;\n  }\n  .horizontalWrapper{ \n    text-decoration: none;\n    display: grid;\n    grid-template-columns: auto 1fr;\n    align-items: center;\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        width: 100%;\n        height: 100%;\n        object-fit: contain;\n        object-position: center center;\n        display: block;\n      }\n    }\n    .title{\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    .priceContent{\n      display: flex;\n      align-items: end;\n      justify-content: flex-start;\n      .price{\n        margin-right: 2px;\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  &:hover{\n    background: var(--dark-opacity-3);\n  }\n  a{\n    text-decoration: none;\n    color: inherit;\n  }\n  .horizontalWrapper{ \n    text-decoration: none;\n    display: grid;\n    grid-template-columns: auto 1fr;\n    align-items: center;\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        width: 100%;\n        height: 100%;\n        object-fit: contain;\n        object-position: center center;\n        display: block;\n      }\n    }\n    .title{\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    .priceContent{\n      display: flex;\n      align-items: end;\n      justify-content: flex-start;\n      .price{\n        margin-right: 2px;\n      }\n      .period{\n        \n      }\n    }\n  }\n"])), devices_1.devices.sm);
 var templateObject_1, templateObject_2, templateObject_3;

package/dist/components/ProductCard/stories/ProductCard.stories.js

@@ -1,15 +1,26 @@
 "use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Default = void 0;
+exports.Standart = exports.Checklist = exports.Horizontal = exports.Default = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var ProductCard_1 = __importDefault(require("../ProductCard"));
 var props_1 = require("../props");
 exports.default = {
     title: "Components/ProductCard",
-    component: ProductCard_1.default,
+    component: function (props) { return (0, jsx_runtime_1.jsx)("div", { style: { maxWidth: props.layout === "standart" ? '240px' : 'initial' }, children: (0, jsx_runtime_1.jsx)(ProductCard_1.default, __assign({}, props)) }); },
     tags: ['autodocs'],
     argTypes: {
         contentAlignment: { control: 'select', options: props_1.contentAlignments },
@@ -33,8 +44,16 @@ exports.Default = {
         period: "hafta",
         content: "Content",
         contentAlignment: "left",
-        layout: "checklist",
         productCardOnChange: function () { return console.log("test"); },
         image: (0, jsx_runtime_1.jsx)("img", { src: "https://kiralarsin.s3.eu-central-1.amazonaws.com/products/4MOMSMAMAROOANAKUC_1.jpg", alt: "test" })
     },
 };
+exports.Horizontal = {
+    args: __assign(__assign({}, exports.Default.args), { layout: "horizontal" }),
+};
+exports.Checklist = {
+    args: __assign(__assign({}, exports.Default.args), { layout: "checklist" }),
+};
+exports.Standart = {
+    args: __assign(__assign({}, exports.Default.args), { layout: "standart" }),
+};

package/dist/components/ValueProposition/layouts/horizontal/Horizontal.styled.js

@@ -10,7 +10,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ImageWrapper = exports.Description = exports.Title = exports.TextWrapper = exports.HorizontalStyled = void 0;
 var styled_components_1 = __importDefault(require("styled-components"));
 var devices_1 = require("../../../../constants/devices");
-exports.HorizontalStyled = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  padding: 2rem;\n  border-radius: 8px;\n  background: #FFF;\n  box-shadow: 0 6px 30px 0 #EAE9F0;\n  display: grid;\n  grid-template-columns: 1fr;\n  align-items: center;\n  max-width: 672px;\n  color: var(--dark);\n  text-align: start;\n  align-content: center;\n  position: relative;\n  @media only screen and ", " {\n    aspect-ratio: 1/1;\n    padding: 1rem;\n    text-align: center;\n  }\n"], ["\n  padding: 2rem;\n  border-radius: 8px;\n  background: #FFF;\n  box-shadow: 0 6px 30px 0 #EAE9F0;\n  display: grid;\n  grid-template-columns: 1fr;\n  align-items: center;\n  max-width: 672px;\n  color: var(--dark);\n  text-align: start;\n  align-content: center;\n  position: relative;\n  @media only screen and ", " {\n    aspect-ratio: 1/1;\n    padding: 1rem;\n    text-align: center;\n  }\n"])), devices_1.devices.md);
+exports.HorizontalStyled = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  padding: 2rem;\n  border-radius: 8px;\n  background: #FFF;\n  box-shadow: 0 6px 30px 0 #EAE9F0;\n  display: grid;\n  grid-template-columns: 1fr;\n  align-items: center;\n  max-width: 672px;\n  color: var(--dark);\n  text-align: start;\n  align-content: center;\n  position: relative;\n  box-sizing: border-box;\n  @media only screen and ", " {\n    aspect-ratio: 1/1;\n    padding: 1rem;\n    text-align: center;\n  }\n"], ["\n  padding: 2rem;\n  border-radius: 8px;\n  background: #FFF;\n  box-shadow: 0 6px 30px 0 #EAE9F0;\n  display: grid;\n  grid-template-columns: 1fr;\n  align-items: center;\n  max-width: 672px;\n  color: var(--dark);\n  text-align: start;\n  align-content: center;\n  position: relative;\n  box-sizing: border-box;\n  @media only screen and ", " {\n    aspect-ratio: 1/1;\n    padding: 1rem;\n    text-align: center;\n  }\n"])), devices_1.devices.md);
 exports.TextWrapper = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  margin-top: 1rem;\n"], ["\n  margin-top: 1rem;\n"])));
 exports.Title = styled_components_1.default.strong(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  display: block;\n  @media only screen and ", " {\n    min-height: 38px;\n    color: var(--primary);\n  }\n"], ["\n  display: block;\n  @media only screen and ", " {\n    min-height: 38px;\n    color: var(--primary);\n  }\n"])), devices_1.devices.md);
 exports.Description = styled_components_1.default.p(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  margin: 1rem 0 0 0;\n  min-height: 76px;\n  @media only screen and ", " {\n    display: none;\n  }\n"], ["\n  margin: 1rem 0 0 0;\n  min-height: 76px;\n  @media only screen and ", " {\n    display: none;\n  }\n"])), devices_1.devices.md);

package/dist/components/ValueProposition/layouts/square/Square.styled.js

@@ -9,7 +9,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SquareDivider = exports.ImageWrapper = exports.Description = exports.Title = exports.TextWrapper = exports.SquareStyled = void 0;
 var styled_components_1 = __importDefault(require("styled-components"));
-exports.SquareStyled = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  padding: 1.5rem;\n  border-radius: 8px;\n  background: #FFF;\n  box-shadow: 0 6px 30px 0 #EAE9F0;\n  display: grid;\n  grid-template-columns: 1fr;\n  align-items: center;\n  max-width: 250px;\n  color: var(--dark);\n  text-align: center;\n  align-content: center;\n  position: relative; \n"], ["\n  padding: 1.5rem;\n  border-radius: 8px;\n  background: #FFF;\n  box-shadow: 0 6px 30px 0 #EAE9F0;\n  display: grid;\n  grid-template-columns: 1fr;\n  align-items: center;\n  max-width: 250px;\n  color: var(--dark);\n  text-align: center;\n  align-content: center;\n  position: relative; \n"])));
+exports.SquareStyled = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  padding: 1.5rem;\n  border-radius: 8px;\n  background: #FFF;\n  box-shadow: 0 6px 30px 0 #EAE9F0;\n  display: grid;\n  grid-template-columns: 1fr;\n  align-items: center;\n  max-width: 250px;\n  color: var(--dark);\n  text-align: center;\n  align-content: center;\n  position: relative;\n  box-sizing: border-box;\n"], ["\n  padding: 1.5rem;\n  border-radius: 8px;\n  background: #FFF;\n  box-shadow: 0 6px 30px 0 #EAE9F0;\n  display: grid;\n  grid-template-columns: 1fr;\n  align-items: center;\n  max-width: 250px;\n  color: var(--dark);\n  text-align: center;\n  align-content: center;\n  position: relative;\n  box-sizing: border-box;\n"])));
 exports.TextWrapper = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  margin-top: 1.5rem;\n"], ["\n  margin-top: 1.5rem;\n"])));
 exports.Title = styled_components_1.default.strong(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  display: block;\n  min-height: 38px;\n"], ["\n  display: block;\n  min-height: 38px;\n"])));
 exports.Description = styled_components_1.default.p(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  margin: 1rem 0 0 0;\n  min-height: 76px;\n"], ["\n  margin: 1rem 0 0 0;\n  min-height: 76px;\n"])));

package/dist/components/ValueProposition/layouts/vertical/Vertical.styled.js

@@ -10,7 +10,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Number = exports.ImageWrapper = exports.Description = exports.Title = exports.TextWrapper = exports.VerticalStyled = void 0;
 var styled_components_1 = __importDefault(require("styled-components"));
 var devices_1 = require("../../../../constants/devices");
-exports.VerticalStyled = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  padding: 0 4.5rem;\n  border-radius: 8px;\n  background: #FFF;\n  box-shadow: 0 6px 30px 0 #EAE9F0;\n  display: grid;\n  grid-template-columns: auto 1fr;\n  align-items: center;\n  max-width: 672px;\n  color: var(--dark);\n  text-align: start;\n  align-content: center;\n  position: relative;\n  min-height: 333px;\n  @media only screen and ", " {\n    grid-template-columns: 1fr;\n    min-height: initial;\n    padding: 3.5rem 3rem;\n  }\n"], ["\n  padding: 0 4.5rem;\n  border-radius: 8px;\n  background: #FFF;\n  box-shadow: 0 6px 30px 0 #EAE9F0;\n  display: grid;\n  grid-template-columns: auto 1fr;\n  align-items: center;\n  max-width: 672px;\n  color: var(--dark);\n  text-align: start;\n  align-content: center;\n  position: relative;\n  min-height: 333px;\n  @media only screen and ", " {\n    grid-template-columns: 1fr;\n    min-height: initial;\n    padding: 3.5rem 3rem;\n  }\n"])), devices_1.devices.md);
+exports.VerticalStyled = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  padding: 0 4.5rem;\n  border-radius: 8px;\n  background: #FFF;\n  box-shadow: 0 6px 30px 0 #EAE9F0;\n  display: grid;\n  grid-template-columns: auto 1fr;\n  align-items: center;\n  max-width: 672px;\n  color: var(--dark);\n  text-align: start;\n  align-content: center;\n  position: relative;\n  min-height: 333px;\n  box-sizing: border-box;\n  @media only screen and ", " {\n    grid-template-columns: 1fr;\n    min-height: initial;\n    padding: 3.5rem 3rem;\n  }\n"], ["\n  padding: 0 4.5rem;\n  border-radius: 8px;\n  background: #FFF;\n  box-shadow: 0 6px 30px 0 #EAE9F0;\n  display: grid;\n  grid-template-columns: auto 1fr;\n  align-items: center;\n  max-width: 672px;\n  color: var(--dark);\n  text-align: start;\n  align-content: center;\n  position: relative;\n  min-height: 333px;\n  box-sizing: border-box;\n  @media only screen and ", " {\n    grid-template-columns: 1fr;\n    min-height: initial;\n    padding: 3.5rem 3rem;\n  }\n"])), devices_1.devices.md);
 exports.TextWrapper = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  margin-top: 1rem;\n"], ["\n  margin-top: 1rem;\n"])));
 exports.Title = styled_components_1.default.strong(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  display: block;\n"], ["\n  display: block;\n"])));
 exports.Description = styled_components_1.default.p(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  margin: 1rem 0 0 0;\n"], ["\n  margin: 1rem 0 0 0;\n"])));

package/dist/components/ValueProposition/layouts/vertical/index.js

@@ -17,9 +17,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var Vertical_styled_1 = require("../vertical/Vertical.styled");
 var classnames_1 = __importDefault(require("classnames"));
-var react_device_detect_1 = require("react-device-detect");
 var Vertical = function (props) {
-    var image = props.image, title = props.title, description = props.description, numberAlignment = props.numberAlignment, hasNumber = props.hasNumber, number = props.number;
-    return ((0, jsx_runtime_1.jsxs)(Vertical_styled_1.VerticalStyled, __assign({}, props, { children: [hasNumber && (0, jsx_runtime_1.jsx)(Vertical_styled_1.Number, { numberAlignment: numberAlignment, className: (react_device_detect_1.isMobile ? 'headline-black-48-58' : 'display-black-72-87'), children: number }), (0, jsx_runtime_1.jsx)(Vertical_styled_1.ImageWrapper, { children: image }), (0, jsx_runtime_1.jsxs)(Vertical_styled_1.TextWrapper, { children: [(0, jsx_runtime_1.jsx)(Vertical_styled_1.Title, { className: (0, classnames_1.default)((react_device_detect_1.isMobile ? 'title-bold-16-19' : 'headline-bold-20-24')), children: title }), description && (0, jsx_runtime_1.jsx)(Vertical_styled_1.Description, { className: (0, classnames_1.default)((react_device_detect_1.isMobile ? 'body-regular-13-16' : 'title-regular-16-19')), children: description })] })] })));
+    var image = props.image, title = props.title, description = props.description, numberAlignment = props.numberAlignment, hasNumber = props.hasNumber, number = props.number, isMobile = props.isMobile;
+    return ((0, jsx_runtime_1.jsxs)(Vertical_styled_1.VerticalStyled, __assign({}, props, { children: [hasNumber && (0, jsx_runtime_1.jsx)(Vertical_styled_1.Number, { numberAlignment: numberAlignment, className: (isMobile ? 'headline-black-48-58' : 'display-black-72-87'), children: number }), (0, jsx_runtime_1.jsx)(Vertical_styled_1.ImageWrapper, { children: image }), (0, jsx_runtime_1.jsxs)(Vertical_styled_1.TextWrapper, { children: [(0, jsx_runtime_1.jsx)(Vertical_styled_1.Title, { className: (0, classnames_1.default)((isMobile ? 'title-bold-16-19' : 'headline-bold-20-24')), children: title }), description && (0, jsx_runtime_1.jsx)(Vertical_styled_1.Description, { className: (0, classnames_1.default)((isMobile ? 'body-regular-13-16' : 'title-regular-16-19')), children: description })] })] })));
 };
 exports.default = Vertical;

package/dist/components/ValueProposition/stories/ValueProposition.stories.js

@@ -14,7 +14,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Default = void 0;
+exports.Square = exports.Vertical = exports.Horizontal = exports.Default = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var ValueProposition_1 = __importDefault(require("../ValueProposition"));
 var props_1 = require("../props");
@@ -31,7 +31,7 @@ exports.default = {
 };
 exports.Default = {
     args: {
-        image: (0, jsx_runtime_1.jsx)("img", { src: "https://www.kiralarsin.com/logo.svg", width: 164, height: 164 }),
+        image: (0, jsx_runtime_1.jsx)("img", { src: "https://www.kiralarsin.com/icon-value-prop-box.svg", width: 164, height: 164 }),
         title: 'Kurye ile eve teslim',
         description: 'Kargoya gitmene hiç gerek yok! Cihazı istediğin gün adresine teslim ediyoruz ve tekrar adresinden teslim alıyoruz.',
         hasNumber: false,
@@ -42,3 +42,12 @@ exports.Default = {
         hasDivider: false,
     },
 };
+exports.Horizontal = {
+    args: __assign(__assign({}, exports.Default.args), { layout: 'horizontal', image: (0, jsx_runtime_1.jsx)("img", { src: "https://www.kiralarsin.com/icon-value-prop-box.svg", width: 164, height: 164 }) }),
+};
+exports.Vertical = {
+    args: __assign(__assign({}, exports.Default.args), { layout: 'vertical', image: (0, jsx_runtime_1.jsx)("img", { src: "https://www.kiralarsin.com/how-it-works-step-1.svg", width: 88, height: 88 }), hasNumber: true }),
+};
+exports.Square = {
+    args: __assign(__assign({}, exports.Default.args), { image: (0, jsx_runtime_1.jsx)("img", { src: "https://www.kiralarsin.com/how-it-works-step-1.svg", width: 88, height: 88 }), layout: 'square', hasDivider: true, dividerType: "waveArrowUp" }),
+};

package/dist/index.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Footer = 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.Spinner = exports.Button = void 0;
+exports.Banner = exports.Footer = 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.Spinner = exports.Button = void 0;
 var Button_1 = __importDefault(require("./components/Button"));
 exports.Button = Button_1.default;
 var Spinner_1 = __importDefault(require("./components/Spinner"));
@@ -48,3 +48,5 @@ var Accordion_1 = __importDefault(require("./components/Accordion"));
 exports.Accordion = Accordion_1.default;
 var Footer_1 = __importDefault(require("./components/Footer"));
 exports.Footer = Footer_1.default;
+var Banner_1 = __importDefault(require("./components/Banner"));
+exports.Banner = Banner_1.default;

package/dist/style/style.min.css

@@ -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}body{font-family:var(--font-family-sans-serif);color:var(--dark)}/*# sourceMappingURL=style.min.css.map */
+: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 */

package/dist/style/style.min.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../src/assets/styles/_root.scss","../../src/assets/styles/_typography.scss","../../src/assets/styles/_font.scss","../../src/assets/styles/style.scss"],"names":[],"mappings":"AAAA,MAEI,4jBAGA,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,yJChjBF,KACI,0CACA","file":"style.min.css"}
+{"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,4jBAGA,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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "krl-alfred",
-  "version": "1.60.0",
+  "version": "1.61.1",
   "files": [
     "dist"
   ],
@@ -32,8 +32,10 @@
     "react-otp-input": "^3.0.2",
     "react-router-dom": "^6.10.0",
     "react-scripts": "^5.0.1",
+    "react-slick": "^0.29.0",
     "sass": "^1.60.0",
     "sass-loader": "^13.2.2",
+    "slick-carousel": "^1.8.1",
     "style-loader": "^3.3.2",
     "styled-components": "^5.0.1",
     "typescript": "^5.1.6"