krl-alfred 1.76.21 → 1.76.23

package/dist/components/AddressCard/AddressCard.js

@@ -19,7 +19,10 @@ var AddressCard_styled_1 = require("./AddressCard.styled");
 var RadioButton_1 = __importDefault(require("../RadioButton"));
 var TextLink_1 = __importDefault(require("../TextLink"));
 var AddressCard = function (props) {
-    return ((0, jsx_runtime_1.jsxs)(AddressCard_styled_1.AddressCardStyled, __assign({ htmlFor: props.id, checked: props.checked }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: "head" }, { children: [(0, jsx_runtime_1.jsx)(RadioButton_1.default, { id: props.id, onChange: props.onChange, checked: props.checked, isWrapText: false, layout: "basic", size: "small", label: props.title }), (0, jsx_runtime_1.jsx)("div", __assign({ className: "editBtn" }, { children: (0, jsx_runtime_1.jsx)(TextLink_1.default, __assign({ onClick: props.handleUpdate }, { children: "D\u00FCzenle" })) }))] })), (0, jsx_runtime_1.jsx)("div", __assign({ className: "description" }, { children: props.description }))] })));
+    return ((0, jsx_runtime_1.jsxs)(AddressCard_styled_1.AddressCardStyled, __assign({ htmlFor: props.id, checked: props.checked, "$minHeight": props.minHeight }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: "head" }, { children: [(0, jsx_runtime_1.jsx)(RadioButton_1.default, { id: props.id, onChange: props.onChange, checked: props.checked, isWrapText: false, layout: "basic", size: "small", label: props.title, name: props.name, value: props.value, disabled: props.disabled }), (props === null || props === void 0 ? void 0 : props.isShowEditBtn) && ((0, jsx_runtime_1.jsx)("div", __assign({ className: "editBtn" }, { children: (0, jsx_runtime_1.jsx)(TextLink_1.default, __assign({ onClick: props.handleUpdate }, { children: "D\u00FCzenle" })) })))] })), (0, jsx_runtime_1.jsx)("div", __assign({ className: "description" }, { children: props.description }))] })));
+};
+AddressCard.defaultProps = {
+    isShowEditBtn: true,
+    minHeight: "68px",
 };
-AddressCard.defaultProps = {};
 exports.default = AddressCard;

package/dist/components/AddressCard/AddressCard.styled.js

@@ -9,5 +9,5 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.AddressCardStyled = void 0;
 var styled_components_1 = __importDefault(require("styled-components"));
-exports.AddressCardStyled = styled_components_1.default.label(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    border-radius: 8px;\n    border: 1px solid ", ";\n    background: white;\n    padding: 1rem;\n    cursor: pointer;\n    display: block;\n    .head{\n        margin-bottom: 1.5rem;\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        cursor: inherit;\n        .editBtn{\n            font : var(--body-bold-14-17);\n            margin-left: 1rem;\n            * {\n                display: block;\n            }\n        }\n    }\n    .description{\n        -webkit-line-clamp: 4;\n        -webkit-box-orient: vertical;\n        overflow: hidden;\n        word-break: break-word;\n        display: -webkit-inline-box;\n        font : var(--body-regular-14-17);\n        color: var(--dark);\n        height: 68px;\n        cursor: inherit;\n        vertical-align: middle;\n    }\n"], ["\n    border-radius: 8px;\n    border: 1px solid ", ";\n    background: white;\n    padding: 1rem;\n    cursor: pointer;\n    display: block;\n    .head{\n        margin-bottom: 1.5rem;\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        cursor: inherit;\n        .editBtn{\n            font : var(--body-bold-14-17);\n            margin-left: 1rem;\n            * {\n                display: block;\n            }\n        }\n    }\n    .description{\n        -webkit-line-clamp: 4;\n        -webkit-box-orient: vertical;\n        overflow: hidden;\n        word-break: break-word;\n        display: -webkit-inline-box;\n        font : var(--body-regular-14-17);\n        color: var(--dark);\n        height: 68px;\n        cursor: inherit;\n        vertical-align: middle;\n    }\n"])), function (props) { return props.checked ? 'var(--primary)' : 'var(--dark-opacity-10)'; });
+exports.AddressCardStyled = styled_components_1.default.label(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    border-radius: 8px;\n    border: 1px solid ", ";\n    background: white;\n    padding: 1rem;\n    cursor: pointer;\n    display: block;\n    .head{\n        margin-bottom: 1.5rem;\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        cursor: inherit;\n        .editBtn{\n            font : var(--body-bold-14-17);\n            margin-left: 1rem;\n            * {\n                display: block;\n            }\n        }\n    }\n    .description{\n        -webkit-line-clamp: 4;\n        -webkit-box-orient: vertical;\n        overflow: hidden;\n        word-break: break-word;\n        display: -webkit-inline-box;\n        font : var(--body-regular-14-17);\n        color: var(--dark);\n        height: ", ";\n        cursor: inherit;\n        vertical-align: middle;\n    }\n"], ["\n    border-radius: 8px;\n    border: 1px solid ", ";\n    background: white;\n    padding: 1rem;\n    cursor: pointer;\n    display: block;\n    .head{\n        margin-bottom: 1.5rem;\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        cursor: inherit;\n        .editBtn{\n            font : var(--body-bold-14-17);\n            margin-left: 1rem;\n            * {\n                display: block;\n            }\n        }\n    }\n    .description{\n        -webkit-line-clamp: 4;\n        -webkit-box-orient: vertical;\n        overflow: hidden;\n        word-break: break-word;\n        display: -webkit-inline-box;\n        font : var(--body-regular-14-17);\n        color: var(--dark);\n        height: ", ";\n        cursor: inherit;\n        vertical-align: middle;\n    }\n"])), function (props) { return props.checked ? 'var(--primary)' : 'var(--dark-opacity-10)'; }, function (props) { return props.$minHeight ? props.$minHeight : '68px'; });
 var templateObject_1;

package/dist/components/AddressCard/stories/AddressCard.stories.js

@@ -31,5 +31,6 @@ exports.Default = {
         description: "Manchester, Kentucky 394954517 Washington Ave. Manchester, Kentucky 394954517 Washington Ave.4517 Washington Ave. 4517 Washington Ave. 4517 Washington Ave.",
         handleUpdate: function () { return console.log('handleUpdate'); },
         id: "addressCard_1",
+        minHeight: "68px",
     },
 };

package/dist/components/AutocompleteInput/AutocompleteInput.js

@@ -22,6 +22,8 @@ var Icon_1 = __importDefault(require("../Icon/Icon"));
 var TextLink_1 = __importDefault(require("../TextLink"));
 var Loader_1 = __importDefault(require("../Loader"));
 var useOnClickOutside_1 = __importDefault(require("../../hooks/useOnClickOutside"));
+var genericUtils_1 = require("../../utils/genericUtils");
+var simplebar_react_1 = __importDefault(require("simplebar-react"));
 var AutocompleteInput = function (props) {
     var _a;
     var _b, _c;
@@ -29,10 +31,12 @@ var AutocompleteInput = function (props) {
     var _d = (0, react_1.useState)(isShowDropdown), showDropdown = _d[0], setShowDropdown = _d[1];
     var _e = (0, react_1.useState)(false), hasClear = _e[0], setHasClear = _e[1];
     var _f = (0, react_1.useState)(value), inputValue = _f[0], setInputValue = _f[1];
+    var _g = (0, react_1.useState)(0), selectedIndex = _g[0], setSelectedIndex = _g[1];
     var inputRef = (0, react_1.useRef)(null);
     var realInputRef = (0, react_1.useRef)(null);
     var containerRef = (0, react_1.useRef)(null);
     var dropdownRef = (0, react_1.useRef)(null);
+    var simplebarRef = (0, react_1.useRef)(null);
     (0, useOnClickOutside_1.default)(containerRef, function () { return setShowDropdown(false); }, true);
     (0, react_1.useEffect)(function () {
         setShowDropdown(isShowDropdown);
@@ -45,7 +49,7 @@ var AutocompleteInput = function (props) {
     }, [value]);
     (0, react_1.useEffect)(function () {
         var _a, _b, _c, _d;
-        if (((_b = (_a = realInputRef === null || realInputRef === void 0 ? void 0 : realInputRef.current) === null || _a === void 0 ? void 0 : _a.value) === null || _b === void 0 ? void 0 : _b.length) > 0 && ((_d = (_c = inputRef === null || inputRef === void 0 ? void 0 : inputRef.current) === null || _c === void 0 ? void 0 : _c.value) === null || _d === void 0 ? void 0 : _d.length) > 0) {
+        if (((_b = (_a = realInputRef === null || realInputRef === void 0 ? void 0 : realInputRef.current) === null || _a === void 0 ? void 0 : _a.value) === null || _b === void 0 ? void 0 : _b.length) > 0 || ((_d = (_c = inputRef === null || inputRef === void 0 ? void 0 : inputRef.current) === null || _c === void 0 ? void 0 : _c.value) === null || _d === void 0 ? void 0 : _d.length) > 0) {
             setHasClear(true);
         }
         else {
@@ -66,6 +70,20 @@ var AutocompleteInput = function (props) {
             realInputRef.current.dispatchEvent(event_2);
         }
     }, [inputValue]);
+    (0, react_1.useEffect)(function () {
+        /*dropdownRef?.current?.scrollTo({
+            top: (selectedIndex > 0 ? selectedIndex * 51 : 0),
+            left: 0,
+            behavior: 'smooth'
+        })*/
+        var _a;
+        if (simplebarRef.current)
+            (_a = simplebarRef.current.el.querySelector('.simplebar-content-wrapper')) === null || _a === void 0 ? void 0 : _a.scrollTo({
+                top: (selectedIndex > 0 ? selectedIndex * 51 : 0),
+                left: 0,
+                behavior: 'smooth'
+            });
+    }, [selectedIndex]);
     var handleClear = function (e) {
         onClear();
         inputRef.current.value = null;
@@ -77,30 +95,51 @@ var AutocompleteInput = function (props) {
         setShowDropdown(false);
     };
     var handleKeyUp = function (e) {
-        onKeyUp(e);
-        setInputValue(null);
+        e = e || window.event;
+        var charCode = e.keyCode || e.which;
+        if (![38, 40].includes(charCode)) {
+            e.target.value = ("" + (0, genericUtils_1.replaceTRtoEn)(e.target.value)).toUpperCase();
+            setInputValue(null);
+            onKeyUp(e);
+        }
+        else {
+            e.preventDefault();
+        }
     };
     var handleKeyDown = function (e) {
-        var _a;
-        onKeyDown(e);
+        var _a, _b;
         e = e || window.event;
         var charCode = e.keyCode || e.which;
         if (charCode == 13) {
             e.preventDefault();
-            (_a = dropdownRef === null || dropdownRef === void 0 ? void 0 : dropdownRef.current) === null || _a === void 0 ? void 0 : _a.children[0].click();
+            (_a = dropdownRef === null || dropdownRef === void 0 ? void 0 : dropdownRef.current) === null || _a === void 0 ? void 0 : _a.children[selectedIndex].click();
             inputRef.current.blur();
         }
+        if ([38, 40].includes(charCode)) {
+            e.preventDefault();
+            // 38 up , 40 down
+            if (((_b = dropdownRef === null || dropdownRef === void 0 ? void 0 : dropdownRef.current) === null || _b === void 0 ? void 0 : _b.children.length) > 0)
+                setSelectedIndex(function (prev) { var _a, _b; return charCode === 38 ? prev === 0 ? 0 : prev - 1 : prev === ((_a = dropdownRef === null || dropdownRef === void 0 ? void 0 : dropdownRef.current) === null || _a === void 0 ? void 0 : _a.children.length) - 1 ? ((_b = dropdownRef === null || dropdownRef === void 0 ? void 0 : dropdownRef.current) === null || _b === void 0 ? void 0 : _b.children.length) - 1 : prev + 1; });
+        }
+        else {
+            setSelectedIndex(0);
+        }
+        onKeyDown(e);
     };
     var handleBlur = function (e) {
+        var _a, _b;
         onBlur(e);
+        if (dropdownList.length === 1) {
+            handleSelectValue((_a = dropdownList[0]) === null || _a === void 0 ? void 0 : _a.value, (_b = dropdownList[0]) === null || _b === void 0 ? void 0 : _b.label);
+        }
     };
     var handleChange = function (e) {
         if (e === void 0) { e = null; }
         onChange(__assign(__assign({}, e), { target: __assign(__assign({}, e === null || e === void 0 ? void 0 : e.target), { value: inputValue }) }));
     };
-    return ((0, jsx_runtime_1.jsxs)(AutocompleteInput_styled_1.Container, __assign({ width: width, ref: containerRef }, { children: [label && ((0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)("top", (_a = {}, _a["justify-between"] = customLinkText, _a)) }, { children: [(0, jsx_runtime_1.jsx)("p", { children: label }), customLinkText && (0, jsx_runtime_1.jsx)(TextLink_1.default, __assign({}, (customLinkHref && { href: customLinkHref }), { onClick: onCustomLinkClick }, { children: customLinkText }))] }))), (0, jsx_runtime_1.jsxs)("div", __assign({ className: "input" }, { children: [(0, jsx_runtime_1.jsx)(AutocompleteInput_styled_1.InputStyled, { ref: inputRef, placeholder: placeholder, autofocus: autofocus, readonly: readonly, type: "text", disabled: disabled, hasError: hasError, isShowDropdown: showDropdown, onKeyUp: handleKeyUp, onBlur: handleBlur, onFocus: onFocus, onKeyDown: handleKeyDown, autoComplete: autoComplete }), (0, jsx_runtime_1.jsx)("input", { ref: realInputRef, type: "text", name: name, onChange: handleChange, className: "hiddenInput", autoComplete: autoComplete }), hasLoading && (0, jsx_runtime_1.jsx)("div", __assign({ className: "inputIcon" }, { children: (0, jsx_runtime_1.jsx)(Loader_1.default, { variant: "primary", width: "16px", height: "16px" }) })), hasClear && !hasLoading && ((0, jsx_runtime_1.jsx)("div", __assign({ className: "inputIcon", onClick: handleClear }, { children: (0, jsx_runtime_1.jsx)(Icon_1.default, { name: "Close", color: "var(--dark)", strokeWidth: "3px", width: "16px", height: "16px" }) }))), showDropdown && ((0, jsx_runtime_1.jsx)(AutocompleteInput_styled_1.DropdownStyled, __assign({ ref: dropdownRef, dropdownMaxHeight: dropdownMaxHeight }, { children: dropdownList.length > 0 ? (dropdownList.map(function (item, key) {
-                            return (0, jsx_runtime_1.jsx)("li", __assign({ className: (0, classnames_1.default)({ "isFixedBottom": item.isFixedBottom }), onClick: function () { return handleSelectValue(item.value, item.label); } }, { children: item.label }));
-                        })) : (0, jsx_runtime_1.jsx)("li", __assign({ className: "isFixedBottom hasNoResult", onClick: function () { return handleSelectValue(null, null); } }, { children: noResultTemplate() })) })))] })), hasError && ((0, jsx_runtime_1.jsxs)("div", __assign({ className: "error" }, { children: [(0, jsx_runtime_1.jsx)(Icon_1.default, { name: "ErrorIcon" }), (0, jsx_runtime_1.jsx)("p", { children: errorMessage })] })))] })));
+    return ((0, jsx_runtime_1.jsxs)(AutocompleteInput_styled_1.Container, __assign({ width: width, ref: containerRef }, { children: [label && ((0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)("top", (_a = {}, _a["justify-between"] = customLinkText, _a)) }, { children: [(0, jsx_runtime_1.jsx)("p", { children: label }), customLinkText && (0, jsx_runtime_1.jsx)(TextLink_1.default, __assign({}, (customLinkHref && { href: customLinkHref }), { onClick: onCustomLinkClick }, { children: customLinkText }))] }))), (0, jsx_runtime_1.jsxs)("div", __assign({ className: "input" }, { children: [(0, jsx_runtime_1.jsx)(AutocompleteInput_styled_1.InputStyled, { ref: inputRef, placeholder: placeholder, autofocus: autofocus, readonly: readonly, type: "text", disabled: disabled, hasError: hasError, isShowDropdown: showDropdown, onKeyUp: handleKeyUp, onBlur: handleBlur, onFocus: onFocus, onKeyDown: handleKeyDown, autoComplete: autoComplete }), (0, jsx_runtime_1.jsx)("input", { ref: realInputRef, type: "text", name: name, onChange: handleChange, className: "hiddenInput", autoComplete: autoComplete }), hasLoading && (0, jsx_runtime_1.jsx)("div", __assign({ className: "inputIcon" }, { children: (0, jsx_runtime_1.jsx)(Loader_1.default, { variant: "primary", width: "16px", height: "16px" }) })), hasClear && !hasLoading && ((0, jsx_runtime_1.jsx)("div", __assign({ className: "inputIcon", onClick: handleClear }, { children: (0, jsx_runtime_1.jsx)(Icon_1.default, { name: "Close", color: "var(--dark)", strokeWidth: "3px", width: "16px", height: "16px" }) }))), showDropdown && ((0, jsx_runtime_1.jsx)(AutocompleteInput_styled_1.DropdownStyled, __assign({ dropdownMaxHeight: dropdownMaxHeight }, { children: (0, jsx_runtime_1.jsx)(simplebar_react_1.default, __assign({ ref: simplebarRef, autoHide: false }, { children: (0, jsx_runtime_1.jsx)(AutocompleteInput_styled_1.DropdownInnerStyled, __assign({ ref: dropdownRef, dropdownMaxHeight: dropdownMaxHeight }, { children: dropdownList.length > 0 ? (dropdownList.map(function (item, key) {
+                                    return (0, jsx_runtime_1.jsx)("li", __assign({ className: (0, classnames_1.default)({ "isFixedBottom": item.isFixedBottom }, { "isSelected": key === selectedIndex }), onClick: function () { return handleSelectValue(item.value, item.label); } }, { children: item.label }));
+                                })) : (0, jsx_runtime_1.jsx)("li", __assign({ className: "isFixedBottom hasNoResult" }, { children: noResultTemplate() })) })) })) })))] })), hasError && ((0, jsx_runtime_1.jsxs)("div", __assign({ className: "error" }, { children: [(0, jsx_runtime_1.jsx)(Icon_1.default, { name: "ErrorIcon" }), (0, jsx_runtime_1.jsx)("p", { children: errorMessage })] })))] })));
 };
 AutocompleteInput.defaultValues = {
     hasError: false,

package/dist/components/AutocompleteInput/AutocompleteInput.styled.js

@@ -7,9 +7,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.DropdownStyled = exports.InputStyled = exports.Container = void 0;
+exports.DropdownInnerStyled = exports.DropdownStyled = exports.InputStyled = exports.Container = void 0;
 var styled_components_1 = __importDefault(require("styled-components"));
 exports.Container = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  width: ", ";\n\n  .top {\n    display: flex;\n    margin-bottom: 16px;\n    font:var(--caption-bold-12-15);\n    &.justify-between {\n      justify-content: space-between;\n    }\n\n    p {\n      margin: 0;\n      color: var(--dark-opacity-50);\n    }\n\n    /*a {\n      margin: 0;\n      color: var(--primary);\n      text-decoration: none;\n      cursor: pointer;\n      &:hover,:focus,:active{\n        color: var(--primary-hover) !important;\n      }\n    }*/\n  }\n\n  .input {\n    position: relative;\n    .hiddenInput{\n        opacity: 0;\n        user-select: none;\n        pointer-events: none;\n        position: absolute;\n        left: 0;\n        width: 0;\n    }\n    .inputIcon {\n      position: absolute;\n      top: 50%;\n      right: 24px;\n      transform: translateY(-50%);\n      cursor: pointer;\n      div{\n        display: block;\n      }\n    }\n  }\n\n  .error {\n      display: flex;\n      align-items: center;\n      margin-top: 8px;\n      color: var(--red);\n      svg {\n          margin-right: 8px;\n      }\n\n      p {\n          margin: 0;\n          font:var(--caption-semi-bold-11-13);\n      }\n  }\n"], ["\n  display: flex;\n  flex-direction: column;\n  width: ", ";\n\n  .top {\n    display: flex;\n    margin-bottom: 16px;\n    font:var(--caption-bold-12-15);\n    &.justify-between {\n      justify-content: space-between;\n    }\n\n    p {\n      margin: 0;\n      color: var(--dark-opacity-50);\n    }\n\n    /*a {\n      margin: 0;\n      color: var(--primary);\n      text-decoration: none;\n      cursor: pointer;\n      &:hover,:focus,:active{\n        color: var(--primary-hover) !important;\n      }\n    }*/\n  }\n\n  .input {\n    position: relative;\n    .hiddenInput{\n        opacity: 0;\n        user-select: none;\n        pointer-events: none;\n        position: absolute;\n        left: 0;\n        width: 0;\n    }\n    .inputIcon {\n      position: absolute;\n      top: 50%;\n      right: 24px;\n      transform: translateY(-50%);\n      cursor: pointer;\n      div{\n        display: block;\n      }\n    }\n  }\n\n  .error {\n      display: flex;\n      align-items: center;\n      margin-top: 8px;\n      color: var(--red);\n      svg {\n          margin-right: 8px;\n      }\n\n      p {\n          margin: 0;\n          font:var(--caption-semi-bold-11-13);\n      }\n  }\n"])), function (props) { return props.width || '370px'; });
-exports.InputStyled = styled_components_1.default.input(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  box-sizing: border-box;\n  width: 100%;\n  height: 56px;\n  background: ", ";\n  border-radius: ", ";\n  border: ", ";\n  padding: ", ";\n  color: ", ";\n  font : var(--body-semi-bold-14-17);\n  outline: none;\n  user-select: ", ";\n  pointer-events: ", ";\n\n  &::placeholder {\n    color: ", ";\n  }\n\n  &:focus {\n    padding: 18.5px 23px !important;\n    border: 2px solid var(--primary) !important;\n    color: var(--dark) !important;\n    background: white !important;\n    &::placeholder {\n      color: var(--dark-opacity-50);\n    }\n  }\n  &:is([disabled]){\n    color: var(--dark-opacity-25);\n  }\n\n"], ["\n  box-sizing: border-box;\n  width: 100%;\n  height: 56px;\n  background: ", ";\n  border-radius: ", ";\n  border: ", ";\n  padding: ", ";\n  color: ", ";\n  font : var(--body-semi-bold-14-17);\n  outline: none;\n  user-select: ", ";\n  pointer-events: ", ";\n\n  &::placeholder {\n    color: ", ";\n  }\n\n  &:focus {\n    padding: 18.5px 23px !important;\n    border: 2px solid var(--primary) !important;\n    color: var(--dark) !important;\n    background: white !important;\n    &::placeholder {\n      color: var(--dark-opacity-50);\n    }\n  }\n  &:is([disabled]){\n    color: var(--dark-opacity-25);\n  }\n\n"])), function (props) { return props.disabled ? 'var(--dark-opacity-5)' : (props.hasError ? 'white' : 'var(--dark-opacity-3)'); }, function (props) { return props.isShowDropdown ? '8px 8px 0 0' : '8px 8px 8px 8px'; }, function (props) { return props.hasError ? '2px solid var(--red)' : '1px solid var(--dark-opacity-10)'; }, function (props) { return props.hasError ? '18.5px 23px' : '19.5px 24px'; }, function (props) { return props.hasError ? 'var(--red)' : 'var(--dark)'; }, function (props) { return props.readonly ? 'none' : 'initial'; }, function (props) { return props.readonly ? 'none' : 'initial'; }, function (props) { return props.hasError ? 'var(--red)' : 'var(--dark-opacity-50)'; });
-exports.DropdownStyled = styled_components_1.default.ul(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n    border-radius: 0 0 8px 8px;\n    box-shadow: none;\n    border: 1px solid var(--dark-opacity-10);\n    overflow: auto;\n    max-height: ", ";\n    border-top: 0;\n    position: absolute;\n    top: 100%;\n    left: 0;\n    right: 0;\n    z-index: 10;\n    padding: 0;\n    margin: 0;\n    > li {\n        height: 51px;\n        padding: 0 1.5rem;\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        background-color: #fff;\n        position: relative;\n        color: var(--dark);\n        cursor: pointer;\n        box-sizing: border-box;\n        font : var(--title-bold-16-19);\n        &:not(.hasNoResult):hover{\n            background-color: var(--dark-opacity-3);\n        }\n        &.isFixedBottom{\n            color: var(--dark-opacity-50);\n            position: sticky;\n            bottom: 0;\n            left: 0;\n            right: 0;\n            z-index: 4;\n        }\n        &.hasNoResult{\n            cursor: initial;\n            height: auto;\n        }\n    }\n"], ["\n    border-radius: 0 0 8px 8px;\n    box-shadow: none;\n    border: 1px solid var(--dark-opacity-10);\n    overflow: auto;\n    max-height: ", ";\n    border-top: 0;\n    position: absolute;\n    top: 100%;\n    left: 0;\n    right: 0;\n    z-index: 10;\n    padding: 0;\n    margin: 0;\n    > li {\n        height: 51px;\n        padding: 0 1.5rem;\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        background-color: #fff;\n        position: relative;\n        color: var(--dark);\n        cursor: pointer;\n        box-sizing: border-box;\n        font : var(--title-bold-16-19);\n        &:not(.hasNoResult):hover{\n            background-color: var(--dark-opacity-3);\n        }\n        &.isFixedBottom{\n            color: var(--dark-opacity-50);\n            position: sticky;\n            bottom: 0;\n            left: 0;\n            right: 0;\n            z-index: 4;\n        }\n        &.hasNoResult{\n            cursor: initial;\n            height: auto;\n        }\n    }\n"])), function (props) { return props.dropdownMaxHeight && props.dropdownMaxHeight; });
-var templateObject_1, templateObject_2, templateObject_3;
+exports.InputStyled = styled_components_1.default.input(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  box-sizing: border-box;\n  width: 100%;\n  height: 56px;\n  background: ", ";\n  border-radius: ", ";\n  border: ", ";\n  padding: ", ";\n  color: ", ";\n  font : var(--body-semi-bold-14-17);\n  outline: none;\n  user-select: ", ";\n  pointer-events: ", ";\n  text-transform: uppercase;\n  &::placeholder {\n    color: ", ";\n    text-transform: initial;\n  }\n  &:focus {\n    padding: 18.5px 23px;\n    border: 2px solid ", ";\n    color: ", ";\n    background: white;\n  }\n  &:is([disabled]){\n    color: var(--dark-opacity-25);\n  }\n\n"], ["\n  box-sizing: border-box;\n  width: 100%;\n  height: 56px;\n  background: ", ";\n  border-radius: ", ";\n  border: ", ";\n  padding: ", ";\n  color: ", ";\n  font : var(--body-semi-bold-14-17);\n  outline: none;\n  user-select: ", ";\n  pointer-events: ", ";\n  text-transform: uppercase;\n  &::placeholder {\n    color: ", ";\n    text-transform: initial;\n  }\n  &:focus {\n    padding: 18.5px 23px;\n    border: 2px solid ", ";\n    color: ", ";\n    background: white;\n  }\n  &:is([disabled]){\n    color: var(--dark-opacity-25);\n  }\n\n"])), function (props) { return props.disabled ? 'var(--dark-opacity-5)' : (props.hasError ? 'white' : 'var(--dark-opacity-3)'); }, function (props) { return props.isShowDropdown ? '8px 8px 0 0' : '8px 8px 8px 8px'; }, function (props) { return props.hasError ? '2px solid var(--red)' : '1px solid var(--dark-opacity-10)'; }, function (props) { return props.hasError ? '18.5px 23px' : '19.5px 24px'; }, function (props) { return props.hasError ? 'var(--red)' : 'var(--dark)'; }, function (props) { return props.readonly ? 'none' : 'initial'; }, function (props) { return props.readonly ? 'none' : 'initial'; }, function (props) { return props.hasError ? 'var(--red)' : 'var(--dark-opacity-50)'; }, function (props) { return props.hasError ? 'var(--red)' : 'var(--primary)'; }, function (props) { return props.hasError ? 'var(--red)' : 'var(--dark)'; });
+exports.DropdownStyled = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n    border-radius: 0 0 8px 8px;\n    box-shadow: none;\n    border: 1px solid var(--dark-opacity-10);\n    overflow: hidden;\n    max-height: ", ";\n    border-top: 0;\n    position: absolute;\n    top: 100%;\n    left: 0;\n    right: 0;\n    z-index: 10;\n    padding: 0;\n    margin: 0;\n    [data-simplebar] {\n        height: auto !important;\n        max-height: ", " !important;\n        padding: 0 !important;\n    }\n"], ["\n    border-radius: 0 0 8px 8px;\n    box-shadow: none;\n    border: 1px solid var(--dark-opacity-10);\n    overflow: hidden;\n    max-height: ", ";\n    border-top: 0;\n    position: absolute;\n    top: 100%;\n    left: 0;\n    right: 0;\n    z-index: 10;\n    padding: 0;\n    margin: 0;\n    [data-simplebar] {\n        height: auto !important;\n        max-height: ", " !important;\n        padding: 0 !important;\n    }\n"])), function (props) { return props.dropdownMaxHeight && props.dropdownMaxHeight; }, function (props) { return props.dropdownMaxHeight && props.dropdownMaxHeight; });
+exports.DropdownInnerStyled = styled_components_1.default.ul(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n    padding: 0;\n    margin: 0;\n    overflow: hidden;\n    position: relative;\n    > li {\n        height: 51px;\n        padding: 0 1.5rem;\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        background-color: #fff;\n        position: relative;\n        color: var(--dark);\n        cursor: pointer;\n        box-sizing: border-box;\n        font : var(--title-bold-16-19);\n        &:not(.hasNoResult):hover{\n            background-color: var(--dark-opacity-3);\n        }\n        &:is(.isSelected){\n            background-color: var(--dark-opacity-3);\n        }\n        &.isFixedBottom{\n            color: var(--dark-opacity-50);\n            position: sticky;\n            bottom: 0;\n            left: 0;\n            right: 0;\n            z-index: 4;\n        }\n        &.hasNoResult{\n            cursor: initial;\n            height: auto;\n        }\n    }\n"], ["\n    padding: 0;\n    margin: 0;\n    overflow: hidden;\n    position: relative;\n    > li {\n        height: 51px;\n        padding: 0 1.5rem;\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        background-color: #fff;\n        position: relative;\n        color: var(--dark);\n        cursor: pointer;\n        box-sizing: border-box;\n        font : var(--title-bold-16-19);\n        &:not(.hasNoResult):hover{\n            background-color: var(--dark-opacity-3);\n        }\n        &:is(.isSelected){\n            background-color: var(--dark-opacity-3);\n        }\n        &.isFixedBottom{\n            color: var(--dark-opacity-50);\n            position: sticky;\n            bottom: 0;\n            left: 0;\n            right: 0;\n            z-index: 4;\n        }\n        &.hasNoResult{\n            cursor: initial;\n            height: auto;\n        }\n    }\n"])));
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4;

package/dist/components/InfoBox/InfoBox.js

@@ -19,7 +19,7 @@ var react_1 = require("react");
 var InfoBox_styled_1 = require("./InfoBox.styled");
 var Icon_1 = __importDefault(require("../Icon/Icon"));
 var InfoBox = function (props) {
-    var title = props.title, description = props.description, radius = props.radius;
+    var title = props.title, description = props.description, radius = props.radius, size = props.size;
     var descriptionRef = (0, react_1.useRef)(null);
     var inputRef = (0, react_1.useRef)(null);
     var _a = (0, react_1.useState)(false), alert = _a[0], setAlert = _a[1];
@@ -53,7 +53,9 @@ var InfoBox = function (props) {
             }
         });
     }, []);
-    return ((0, jsx_runtime_1.jsxs)(InfoBox_styled_1.InfoBoxStyled, __assign({ radius: radius }, { children: [(0, jsx_runtime_1.jsx)(InfoBox_styled_1.IconWrapper, { children: (0, jsx_runtime_1.jsx)(Icon_1.default, { color: "var(--dark)", strokeWidth: "2px", name: "InfoSquare", width: "24px", height: "24px" }) }), (0, jsx_runtime_1.jsxs)(InfoBox_styled_1.TextWrapper, { children: [title && (0, jsx_runtime_1.jsx)(InfoBox_styled_1.Title, { dangerouslySetInnerHTML: { __html: title } }), description && (0, jsx_runtime_1.jsx)(InfoBox_styled_1.Description, { ref: descriptionRef, dangerouslySetInnerHTML: { __html: description } }), (0, jsx_runtime_1.jsx)(InfoBox_styled_1.AlertStyled, __assign({ visible: alert, alertLeft: alertLeft, alertTop: alertTop }, { children: "Kopyaland\u0131" })), (0, jsx_runtime_1.jsx)(InfoBox_styled_1.Input, { ref: inputRef, id: "infoBoxInput" })] })] })));
+    return ((0, jsx_runtime_1.jsxs)(InfoBox_styled_1.InfoBoxStyled, __assign({ radius: radius }, { children: [(0, jsx_runtime_1.jsx)(InfoBox_styled_1.IconWrapper, { children: (0, jsx_runtime_1.jsx)(Icon_1.default, { color: "var(--dark)", strokeWidth: "2px", name: "InfoSquare", width: "24px", height: "24px" }) }), (0, jsx_runtime_1.jsxs)(InfoBox_styled_1.TextWrapper, { children: [title && (0, jsx_runtime_1.jsx)(InfoBox_styled_1.Title, { dangerouslySetInnerHTML: { __html: title } }), description && (0, jsx_runtime_1.jsx)(InfoBox_styled_1.Description, { "$size": size, ref: descriptionRef, dangerouslySetInnerHTML: { __html: description } }), (0, jsx_runtime_1.jsx)(InfoBox_styled_1.AlertStyled, __assign({ "$visible": alert, "$alertLeft": alertLeft, "$alertTop": alertTop }, { children: "Kopyaland\u0131" })), (0, jsx_runtime_1.jsx)(InfoBox_styled_1.Input, { ref: inputRef, id: "infoBoxInput" })] })] })));
+};
+InfoBox.defaultProps = {
+    size: "small"
 };
-InfoBox.defaultProps = {};
 exports.default = InfoBox;

package/dist/components/InfoBox/InfoBox.styled.js

@@ -14,7 +14,7 @@ exports.InfoBoxStyled = styled_components_1.default.div(templateObject_1 || (tem
 exports.IconWrapper = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: block;\n  margin-right: 1rem;\n  svg{\n    display: block;\n  }\n"], ["\n  display: block;\n  margin-right: 1rem;\n  svg{\n    display: block;\n  }\n"])));
 exports.TextWrapper = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n    position: relative;\n"], ["\n    position: relative;\n"])));
 exports.Title = styled_components_1.default.strong(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  display: block;\n  margin: 0;\n  font:var(--caption-bold-12-15);\n"], ["\n  display: block;\n  margin: 0;\n  font:var(--caption-bold-12-15);\n"])));
-exports.Description = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  display: block;\n  margin: 0;\n  font:var(--caption-medium-12-15);\n  b{\n    font-weight: 700;\n  }\n  .bottom{\n    p{\n      font-weight: 700;\n      color: var(--dark);\n      display: inline-block;\n      margin: 0;\n      position: relative;\n      &:is(.block){\n        display: none;\n        @media only screen and ", " {\n          display: block;\n        }\n      }\n      &:nth-child(3){\n        margin-left: 0.5rem;\n        padding-left: 0.5rem;\n        @media only screen and ", " {\n          margin: 0;\n          padding: 0;\n        }\n        &:before{\n          content: \"\";\n          position: absolute;\n          top: 50%;\n          transform: translateY(-50%);\n          left: 0;\n          height: 9px;\n          width: 1px;\n          background-color: var(--dark);\n          @media only screen and ", " {\n            display: none;\n          }\n        }\n      }\n      span{\n        color: var(--primary);\n        cursor: pointer;\n      }\n    }\n  }\n"], ["\n  display: block;\n  margin: 0;\n  font:var(--caption-medium-12-15);\n  b{\n    font-weight: 700;\n  }\n  .bottom{\n    p{\n      font-weight: 700;\n      color: var(--dark);\n      display: inline-block;\n      margin: 0;\n      position: relative;\n      &:is(.block){\n        display: none;\n        @media only screen and ", " {\n          display: block;\n        }\n      }\n      &:nth-child(3){\n        margin-left: 0.5rem;\n        padding-left: 0.5rem;\n        @media only screen and ", " {\n          margin: 0;\n          padding: 0;\n        }\n        &:before{\n          content: \"\";\n          position: absolute;\n          top: 50%;\n          transform: translateY(-50%);\n          left: 0;\n          height: 9px;\n          width: 1px;\n          background-color: var(--dark);\n          @media only screen and ", " {\n            display: none;\n          }\n        }\n      }\n      span{\n        color: var(--primary);\n        cursor: pointer;\n      }\n    }\n  }\n"])), devices_1.devices.sm, devices_1.devices.sm, devices_1.devices.sm);
-exports.AlertStyled = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  position: absolute;\n  left: ", "px;\n  top: ", "px;\n  height: 28px;\n  border-radius: 8px;\n  background-color: white;\n  box-shadow: 0 6px 30px 0 #EAE9F0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 0 1rem;\n  user-select: none;\n  pointer-events: none;\n  transform: translateX(-100%) translateY(-100%);\n  transition: opacity .4s ease;\n  opacity: ", ";\n  font:var(--caption-medium-10-12);\n"], ["\n  position: absolute;\n  left: ", "px;\n  top: ", "px;\n  height: 28px;\n  border-radius: 8px;\n  background-color: white;\n  box-shadow: 0 6px 30px 0 #EAE9F0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 0 1rem;\n  user-select: none;\n  pointer-events: none;\n  transform: translateX(-100%) translateY(-100%);\n  transition: opacity .4s ease;\n  opacity: ", ";\n  font:var(--caption-medium-10-12);\n"])), function (props) { return props.alertLeft; }, function (props) { return props.alertTop - 5; }, function (props) { return props.visible ? '1' : '0'; });
+exports.Description = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  display: block;\n  margin: 0;\n  font:", ";\n  b{\n    font-weight: 700;\n  }\n  .bottom{\n    p{\n      font-weight: 700;\n      color: var(--dark);\n      display: inline-block;\n      margin: 0;\n      position: relative;\n      &:is(.block){\n        display: none;\n        @media only screen and ", " {\n          display: block;\n        }\n      }\n      &:nth-child(3){\n        margin-left: 0.5rem;\n        padding-left: 0.5rem;\n        @media only screen and ", " {\n          margin: 0;\n          padding: 0;\n        }\n        &:before{\n          content: \"\";\n          position: absolute;\n          top: 50%;\n          transform: translateY(-50%);\n          left: 0;\n          height: 9px;\n          width: 1px;\n          background-color: var(--dark);\n          @media only screen and ", " {\n            display: none;\n          }\n        }\n      }\n      span{\n        color: var(--primary);\n        cursor: pointer;\n      }\n    }\n  }\n"], ["\n  display: block;\n  margin: 0;\n  font:", ";\n  b{\n    font-weight: 700;\n  }\n  .bottom{\n    p{\n      font-weight: 700;\n      color: var(--dark);\n      display: inline-block;\n      margin: 0;\n      position: relative;\n      &:is(.block){\n        display: none;\n        @media only screen and ", " {\n          display: block;\n        }\n      }\n      &:nth-child(3){\n        margin-left: 0.5rem;\n        padding-left: 0.5rem;\n        @media only screen and ", " {\n          margin: 0;\n          padding: 0;\n        }\n        &:before{\n          content: \"\";\n          position: absolute;\n          top: 50%;\n          transform: translateY(-50%);\n          left: 0;\n          height: 9px;\n          width: 1px;\n          background-color: var(--dark);\n          @media only screen and ", " {\n            display: none;\n          }\n        }\n      }\n      span{\n        color: var(--primary);\n        cursor: pointer;\n      }\n    }\n  }\n"])), function (props) { return props.$size === "small" ? "var(--caption-medium-12-15)" : "var(--body-medium-14-17)"; }, devices_1.devices.sm, devices_1.devices.sm, devices_1.devices.sm);
+exports.AlertStyled = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  position: absolute;\n  left: ", "px;\n  top: ", "px;\n  height: 28px;\n  border-radius: 8px;\n  background-color: white;\n  box-shadow: 0 6px 30px 0 #EAE9F0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 0 1rem;\n  user-select: none;\n  pointer-events: none;\n  transform: translateX(-100%) translateY(-100%);\n  transition: opacity .4s ease;\n  opacity: ", ";\n  font:var(--caption-medium-10-12);\n"], ["\n  position: absolute;\n  left: ", "px;\n  top: ", "px;\n  height: 28px;\n  border-radius: 8px;\n  background-color: white;\n  box-shadow: 0 6px 30px 0 #EAE9F0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 0 1rem;\n  user-select: none;\n  pointer-events: none;\n  transform: translateX(-100%) translateY(-100%);\n  transition: opacity .4s ease;\n  opacity: ", ";\n  font:var(--caption-medium-10-12);\n"])), function (props) { return props.$alertLeft; }, function (props) { return props.$alertTop - 5; }, function (props) { return props.$visible ? '1' : '0'; });
 exports.Input = styled_components_1.default.input(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  position: absolute;\n  opacity: 0;\n  user-select: none;\n  pointer-events: none;\n"], ["\n  position: absolute;\n  opacity: 0;\n  user-select: none;\n  pointer-events: none;\n"])));
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;

package/dist/components/InfoBox/props.js

@@ -1,2 +1,4 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.sizes = void 0;
+exports.sizes = ['small', 'medium'];

package/dist/components/InsuranceBox/InsuranceBox.js

@@ -20,18 +20,20 @@ var Checkbox_1 = __importDefault(require("../Checkbox"));
 var Icon_1 = __importDefault(require("../Icon/Icon"));
 var Tooltip_1 = __importDefault(require("../Tooltip"));
 var InsuranceBox = function (props) {
-    var popupWidth = props.popupWidth, disabled = props.disabled, hasBorder = props.hasBorder, hasBgColor = props.hasBgColor, priceText = props.priceText, onChange = props.onChange, width = props.width, checked = props.checked, height = props.height, tooltipTitle = props.tooltipTitle, tooltipDescription = props.tooltipDescription, tooltipPosition = props.tooltipPosition, isTitleWrap = props.isTitleWrap, hasCloseOnOutsideClick = props.hasCloseOnOutsideClick;
-    return ((0, jsx_runtime_1.jsxs)(InsuranceBox_styled_1.InsuranceBoxStyled, __assign({ hasBorder: hasBorder, hasBgColor: hasBgColor, width: width, height: height }, { children: [(0, jsx_runtime_1.jsx)(InsuranceBox_styled_1.CheckboxWrapper, { children: (0, jsx_runtime_1.jsx)(Checkbox_1.default, { disabled: disabled, onChange: onChange, checked: checked, size: "large" }) }), (0, jsx_runtime_1.jsxs)(InsuranceBox_styled_1.InnerWrapper, { children: [(0, jsx_runtime_1.jsx)(InsuranceBox_styled_1.Logo, { children: (0, jsx_runtime_1.jsx)(Icon_1.default, { color: "var(--primary)", name: "Tamamlarsin" }) }), (0, jsx_runtime_1.jsxs)(InsuranceBox_styled_1.DescriptionWrapper, { children: [(0, jsx_runtime_1.jsxs)(InsuranceBox_styled_1.Description, { children: ["Hasar g\u00FCvenceni %100\u2019e ", isTitleWrap && (0, jsx_runtime_1.jsx)("br", {}), "tamamlars\u0131n! ", (0, jsx_runtime_1.jsx)("b", { children: priceText })] }), (0, jsx_runtime_1.jsx)(Tooltip_1.default, __assign({ iconStrokeWidth: "2px", popupSize: "medium", title: tooltipTitle, position: tooltipPosition, hasCloseOnOutsideClick: hasCloseOnOutsideClick, hasClickAction: true, popupWidth: popupWidth, iconWidth: "24px", iconHeight: "24px" }, { children: tooltipDescription || ((0, jsx_runtime_1.jsx)(InsuranceBox_styled_1.TooltipDescription, { children: props.insuranceText })) }))] })] })] })));
+    var hasClickAction = props.hasClickAction, popupSize = props.popupSize, size = props.size, popupRight = props.popupRight, popupWidth = props.popupWidth, disabled = props.disabled, hasBorder = props.hasBorder, hasBgColor = props.hasBgColor, priceText = props.priceText, onChange = props.onChange, width = props.width, checked = props.checked, height = props.height, tooltipTitle = props.tooltipTitle, tooltipDescription = props.tooltipDescription, tooltipPosition = props.tooltipPosition, isTitleWrap = props.isTitleWrap, hasCloseOnOutsideClick = props.hasCloseOnOutsideClick;
+    return ((0, jsx_runtime_1.jsxs)(InsuranceBox_styled_1.InsuranceBoxStyled, __assign({ "$hasBorder": hasBorder, "$hasBgColor": hasBgColor, "$width": width, "$height": height, "$size": size }, { children: [(0, jsx_runtime_1.jsx)(InsuranceBox_styled_1.CheckboxWrapper, __assign({ "$size": size }, { children: (0, jsx_runtime_1.jsx)(Checkbox_1.default, { disabled: disabled, onChange: onChange, checked: checked, size: "large" }) })), (0, jsx_runtime_1.jsxs)(InsuranceBox_styled_1.InnerWrapper, __assign({ "$size": size }, { children: [(0, jsx_runtime_1.jsx)(InsuranceBox_styled_1.Logo, __assign({ "$size": size }, { children: (0, jsx_runtime_1.jsx)(Icon_1.default, { color: "var(--primary)", name: "Tamamlarsin" }) })), (0, jsx_runtime_1.jsxs)(InsuranceBox_styled_1.DescriptionWrapper, __assign({ "$size": size }, { children: [(0, jsx_runtime_1.jsxs)(InsuranceBox_styled_1.Description, __assign({ "$size": size }, { children: ["Hasar g\u00FCvenceni %100\u2019e ", isTitleWrap && (0, jsx_runtime_1.jsx)("br", {}), "tamamlars\u0131n! ", (0, jsx_runtime_1.jsx)("b", { children: priceText })] })), (0, jsx_runtime_1.jsx)(Tooltip_1.default, __assign({ iconStrokeWidth: "2px", popupSize: popupSize, title: tooltipTitle, position: tooltipPosition, hasCloseOnOutsideClick: hasCloseOnOutsideClick, hasClickAction: hasClickAction, popupWidth: popupWidth, popupRight: popupRight, iconWidth: "24px", iconHeight: "24px" }, { children: tooltipDescription || ((0, jsx_runtime_1.jsx)(InsuranceBox_styled_1.TooltipDescription, { children: props.insuranceText })) }))] }))] }))] })));
 };
 InsuranceBox.defaultProps = {
     height: "90px",
     checked: false,
     isTitleWrap: true,
     hasBgColor: true,
+    hasClickAction: true,
     hasBorder: false,
     hasCloseOnOutsideClick: true,
     tooltipPosition: "topCenter",
     popupWidth: "351px",
-    insuranceText: (0, jsx_runtime_1.jsx)("div", {})
+    insuranceText: (0, jsx_runtime_1.jsx)("div", {}),
+    popupSize: "medium",
 };
 exports.default = InsuranceBox;

package/dist/components/InsuranceBox/InsuranceBox.styled.js

@@ -10,11 +10,60 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.TooltipDescription = exports.Description = exports.Logo = exports.DescriptionWrapper = exports.CheckboxWrapper = exports.InnerWrapper = exports.InsuranceBoxStyled = void 0;
 var styled_components_1 = __importDefault(require("styled-components"));
 var devices_1 = require("../../constants/devices");
-exports.InsuranceBoxStyled = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  padding: 0 1.5rem;\n  height: ", ";\n  background: ", ";\n  border: ", ";\n  border-radius: 8px;\n  width: ", ";\n  display: grid;\n  grid-template-columns: auto 1fr;\n  align-items: center;\n  box-sizing: border-box;\n  @media only screen and ", " {\n    padding: 1rem;\n    height: auto;\n    align-items: flex-start;\n  }\n"], ["\n  padding: 0 1.5rem;\n  height: ", ";\n  background: ", ";\n  border: ", ";\n  border-radius: 8px;\n  width: ", ";\n  display: grid;\n  grid-template-columns: auto 1fr;\n  align-items: center;\n  box-sizing: border-box;\n  @media only screen and ", " {\n    padding: 1rem;\n    height: auto;\n    align-items: flex-start;\n  }\n"])), function (props) { return props.height; }, function (props) { return props.hasBgColor ? 'var(--primary-opacity-5)' : '#fff'; }, function (props) { return props.hasBorder ? '1px solid var(--dark-opacity-10)' : 'none'; }, function (props) { return props.width ? props.width : "466px"; }, devices_1.devices.md);
-exports.InnerWrapper = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: grid;\n  grid-template-columns: auto 1fr;\n  align-items: center;\n  @media only screen and ", " {\n    grid-template-columns: 1fr;\n  }\n"], ["\n  display: grid;\n  grid-template-columns: auto 1fr;\n  align-items: center;\n  @media only screen and ", " {\n    grid-template-columns: 1fr;\n  }\n"])), devices_1.devices.md);
-exports.CheckboxWrapper = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n    @media only screen and ", " {\n        width: 40px;\n    }\n"], ["\n    @media only screen and ", " {\n        width: 40px;\n    }\n"])), devices_1.devices.md);
-exports.DescriptionWrapper = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  @media only screen and ", " {\n    margin-top: 18px;\n  }\n"], ["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  @media only screen and ", " {\n    margin-top: 18px;\n  }\n"])), devices_1.devices.md);
-exports.Logo = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  background-color: white;\n  width: 96px;\n  height: 40px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 0.5rem;\n  border: 1px solid var(--dark-opacity-5);\n    box-sizing: border-box;\n  svg{\n    display: block;\n      width: 80px;\n    @media only screen and ", " {\n        width: 116px;\n    }\n  }\n  @media only screen and ", " {\n    background-color: transparent;\n    width: auto;\n    height: auto;\n    border: 0;\n    border-radius: 0;\n    margin-top: 6px;\n    justify-content: flex-start;\n  }\n"], ["\n  background-color: white;\n  width: 96px;\n  height: 40px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 0.5rem;\n  border: 1px solid var(--dark-opacity-5);\n    box-sizing: border-box;\n  svg{\n    display: block;\n      width: 80px;\n    @media only screen and ", " {\n        width: 116px;\n    }\n  }\n  @media only screen and ", " {\n    background-color: transparent;\n    width: auto;\n    height: auto;\n    border: 0;\n    border-radius: 0;\n    margin-top: 6px;\n    justify-content: flex-start;\n  }\n"])), devices_1.devices.md, devices_1.devices.md);
-exports.Description = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  margin-left: 1.5rem;\n  font:var(--caption-semi-bold-12-15);\n  @media only screen and ", " {\n    margin-left: 0;\n  }\n\n  b {\n    font:var(--body-extra-bold-13-16);\n  }\n"], ["\n  margin-left: 1.5rem;\n  font:var(--caption-semi-bold-12-15);\n  @media only screen and ", " {\n    margin-left: 0;\n  }\n\n  b {\n    font:var(--body-extra-bold-13-16);\n  }\n"])), devices_1.devices.md);
-exports.TooltipDescription = styled_components_1.default.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  > h1 {\n    width: 100%;\n  }\n\n  > p {\n    margin-bottom: 8px;\n    > strong{\n      font-style: italic;\n    }\n  }\n  > ul {\n    > li {\n      \n    }\n  }\n"], ["\n  > h1 {\n    width: 100%;\n  }\n\n  > p {\n    margin-bottom: 8px;\n    > strong{\n      font-style: italic;\n    }\n  }\n  > ul {\n    > li {\n      \n    }\n  }\n"])));
+exports.InsuranceBoxStyled = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    padding: 0 1.5rem;\n    height: ", ";\n    background: ", ";\n    border: ", ";\n    border-radius: 8px;\n    width: ", ";\n    display: grid;\n    grid-template-columns: auto 1fr;\n    align-items: center;\n    box-sizing: border-box;\n    ", ";\n    @media only screen and ", " {\n        padding: 1rem;\n        height: auto;\n        align-items: flex-start;\n    }\n"], ["\n    padding: 0 1.5rem;\n    height: ", ";\n    background: ", ";\n    border: ", ";\n    border-radius: 8px;\n    width: ", ";\n    display: grid;\n    grid-template-columns: auto 1fr;\n    align-items: center;\n    box-sizing: border-box;\n    ", ";\n    @media only screen and ", " {\n        padding: 1rem;\n        height: auto;\n        align-items: flex-start;\n    }\n"])), function (props) { return props.$height; }, function (props) { return props.$hasBgColor ? 'var(--primary-opacity-5)' : '#fff'; }, function (props) { return props.$hasBorder ? '1px solid var(--dark-opacity-10)' : 'none'; }, function (props) { return props.$width ? props.$width : "466px"; }, function (props) {
+    switch (props.$size) {
+        case 'small':
+            return "\n            padding: 1rem;\n            height: auto;\n            align-items: flex-start;";
+        default:
+            return null;
+    }
+}, devices_1.devices.md);
+exports.InnerWrapper = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    display: grid;\n    grid-template-columns: auto 1fr;\n    align-items: center;\n    ", ";\n    @media only screen and ", " {\n        grid-template-columns: 1fr;\n    }\n"], ["\n    display: grid;\n    grid-template-columns: auto 1fr;\n    align-items: center;\n    ", ";\n    @media only screen and ", " {\n        grid-template-columns: 1fr;\n    }\n"])), function (props) {
+    switch (props.$size) {
+        case 'small':
+            return "\n                grid-template-columns: 1fr;";
+        default:
+            return null;
+    }
+}, devices_1.devices.md);
+exports.CheckboxWrapper = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n    @media only screen and ", " {\n        width: 40px;\n    }\n    ", ";\n"], ["\n    @media only screen and ", " {\n        width: 40px;\n    }\n    ", ";\n"])), devices_1.devices.md, function (props) {
+    switch (props.$size) {
+        case 'small':
+            return " width: 40px;";
+        default:
+            return null;
+    }
+});
+exports.DescriptionWrapper = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    ", ";\n    @media only screen and ", " {\n        margin-top: 18px;\n    }\n"], ["\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    ", ";\n    @media only screen and ", " {\n        margin-top: 18px;\n    }\n"])), function (props) {
+    switch (props.$size) {
+        case 'small':
+            return "margin-top: 18px;";
+        default:
+            return null;
+    }
+}, devices_1.devices.md);
+exports.Logo = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n    background-color: white;\n    width: 96px;\n    height: 40px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 0.5rem;\n    border: 1px solid var(--dark-opacity-5);\n    box-sizing: border-box;\n\n    svg {\n        display: block;\n        width: 80px;\n        ", ";\n        @media only screen and ", " {\n            width: 116px;\n        }\n    }\n    ", ";\n\n    @media only screen and ", " {\n        background-color: transparent;\n        width: auto;\n        height: auto;\n        border: 0;\n        border-radius: 0;\n        margin-top: 6px;\n        justify-content: flex-start;\n    }\n"], ["\n    background-color: white;\n    width: 96px;\n    height: 40px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 0.5rem;\n    border: 1px solid var(--dark-opacity-5);\n    box-sizing: border-box;\n\n    svg {\n        display: block;\n        width: 80px;\n        ", ";\n        @media only screen and ", " {\n            width: 116px;\n        }\n    }\n    ", ";\n\n    @media only screen and ", " {\n        background-color: transparent;\n        width: auto;\n        height: auto;\n        border: 0;\n        border-radius: 0;\n        margin-top: 6px;\n        justify-content: flex-start;\n    }\n"])), function (props) {
+    switch (props.$size) {
+        case 'small':
+            return "width: 116px;";
+        default:
+            return null;
+    }
+}, devices_1.devices.md, function (props) {
+    switch (props.$size) {
+        case 'small':
+            return "\n                    background-color: transparent;\n                    width: auto;\n                    height: auto;\n                    border: 0;\n                    border-radius: 0;\n                    margin-top: 6px;\n                    justify-content: flex-start;\n                    ";
+        default:
+            return null;
+    }
+}, devices_1.devices.md);
+exports.Description = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n    margin-left: 1.5rem;\n    font: var(--caption-semi-bold-12-15);\n    @media only screen and ", " {\n        margin-left: 0;\n    }\n    ", ";\n\n    b {\n        font: var(--body-extra-bold-13-16);\n    }\n"], ["\n    margin-left: 1.5rem;\n    font: var(--caption-semi-bold-12-15);\n    @media only screen and ", " {\n        margin-left: 0;\n    }\n    ", ";\n\n    b {\n        font: var(--body-extra-bold-13-16);\n    }\n"])), devices_1.devices.md, function (props) {
+    switch (props.$size) {
+        case 'small':
+            return "\n                    margin-left: 0;\n                    ";
+        default:
+            return null;
+    }
+});
+exports.TooltipDescription = styled_components_1.default.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n    > h1 {\n        width: 100%;\n    }\n\n    > p {\n        margin-bottom: 8px;\n\n        > strong {\n            font-style: italic;\n        }\n    }\n\n    > ul {\n        > li {\n\n        }\n    }\n"], ["\n    > h1 {\n        width: 100%;\n    }\n\n    > p {\n        margin-bottom: 8px;\n\n        > strong {\n            font-style: italic;\n        }\n    }\n\n    > ul {\n        > li {\n\n        }\n    }\n"])));
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;

package/dist/components/InsuranceBox/props.js

@@ -1,2 +1,4 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.sizes = void 0;
+exports.sizes = ['small', 'large'];

package/dist/components/InsuranceBox/stories/InsuranceBox.stories.js

@@ -29,6 +29,7 @@ exports.default = {
         isTitleWrap: { control: 'boolean' },
         disabled: { control: 'boolean' },
         tooltipPosition: { control: 'select', options: props_1.positions },
+        size: { control: 'select', options: props_1.sizes },
     }
 };
 exports.Default = {

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

@@ -10,7 +10,34 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.HorizontalSmStyled = exports.HorizontalStyled = exports.StandartStyled = exports.ChecklistStyled = void 0;
 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      &:is(.hidden){\n        display: none;\n      }\n      .indicator{ \n        margin-right: 24px;\n        @media only screen and ", " {\n          margin-right: 8px;\n        }\n      }\n    }\n    .productCardImg {\n      width: 64px;\n      height: 64px;\n      border: 1px solid var(--dark-opacity-5);\n      border-radius: 8px;\n      position: relative;\n      margin-right: 16px;\n      overflow: hidden;\n      box-sizing: border-box;\n      @media only screen and ", " {\n        margin-right: 16px;\n      }\n\n      > * {\n        display: block;\n        position: absolute;\n        inset: 0;\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        object-position: center center;\n      }\n    }\n    .productCardTitle{\n      min-height: 64px;\n      display: flex;\n      align-items: center;\n      justify-content: flex-start;\n      text-align: start;\n      font:var(--title-semi-bold-16-19);\n    }\n    .productCardContent{ \n      margin: 1.5rem auto 0 ", ";\n      grid-column-start: 1;\n      grid-column-end: 4;\n      width: ", ";\n\n      @media only screen and ", " {\n        margin: 1rem auto 0 0;\n        width: 100%;\n      }\n    }\n  }\n"], ["\n  display: block;\n  max-width: 634px;\n  ", "\n  .productCardInner {\n    border: 1px solid var(--dark-opacity-10);\n    border-radius: 8px;\n    padding: 24px;\n    background-color: white;\n    grid-template-columns: auto auto 1fr;\n    display: grid;\n    justify-content: flex-start;\n    @media only screen and ", " {\n      padding: 24px 16px;\n    }\n    .productCardCheckboxContent{\n      height: 64px;\n      display: flex;\n      align-items: center;\n      justify-content: flex-start;\n      &:is(.hidden){\n        display: none;\n      }\n      .indicator{ \n        margin-right: 24px;\n        @media only screen and ", " {\n          margin-right: 8px;\n        }\n      }\n    }\n    .productCardImg {\n      width: 64px;\n      height: 64px;\n      border: 1px solid var(--dark-opacity-5);\n      border-radius: 8px;\n      position: relative;\n      margin-right: 16px;\n      overflow: hidden;\n      box-sizing: border-box;\n      @media only screen and ", " {\n        margin-right: 16px;\n      }\n\n      > * {\n        display: block;\n        position: absolute;\n        inset: 0;\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        object-position: center center;\n      }\n    }\n    .productCardTitle{\n      min-height: 64px;\n      display: flex;\n      align-items: center;\n      justify-content: flex-start;\n      text-align: start;\n      font:var(--title-semi-bold-16-19);\n    }\n    .productCardContent{ \n      margin: 1.5rem auto 0 ", ";\n      grid-column-start: 1;\n      grid-column-end: 4;\n      width: ", ";\n\n      @media only screen and ", " {\n        margin: 1rem auto 0 0;\n        width: 100%;\n      }\n    }\n  }\n"])), function (props) { return props.disabled ? "\n    user-select:none;\n    pointer-events:none;\n  " : ""; }, devices_1.devices.sm, devices_1.devices.sm, devices_1.devices.sm, function (props) { return props.isContentOffset ? '128px' : '0'; }, function (props) { return props.isContentOffset ? 'calc(100% - 128px)' : '100%'; }, devices_1.devices.md);
+exports.ChecklistStyled = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: block;\n  max-width: 634px;\n  ", "\n  .productCardInner {\n    border: 1px solid var(--dark-opacity-10);\n    border-radius: 8px;\n    padding: ", ";\n    background-color: white;\n    grid-template-columns: auto auto 1fr;\n    display: grid;\n    justify-content: flex-start;\n    @media only screen and ", " {\n      padding: 24px 16px;\n    }\n    .productCardCheckboxContent{\n      height: 64px;\n      display: flex;\n      align-items: center;\n      justify-content: flex-start;\n      &:is(.hidden){\n        display: none;\n      }\n      .indicator{ \n        margin-right: ", ";\n        @media only screen and ", " {\n          margin-right: 8px;\n        }\n      }\n    }\n    .productCardImg {\n      width: 64px;\n      height: 64px;\n      border: 1px solid var(--dark-opacity-5);\n      border-radius: 8px;\n      position: relative;\n      margin-right: 16px;\n      overflow: hidden;\n      box-sizing: border-box;\n      > * {\n        display: block;\n        position: absolute;\n        inset: 0;\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        object-position: center center;\n      }\n    }\n    .productCardTitle{\n      min-height: 64px;\n      display: flex;\n      align-items: center;\n      justify-content: flex-start;\n      text-align: start;\n      font:var(--title-semi-bold-16-19);\n    }\n    .productCardContent{ \n      margin: 1.5rem auto 0 ", ";\n      grid-column-start: 1;\n      grid-column-end: 4;\n      width: ", ";\n      ", ";\n      @media only screen and ", " {\n        margin: 1rem auto 0 0;\n        width: 100%;\n      }\n    }\n  }\n"], ["\n  display: block;\n  max-width: 634px;\n  ", "\n  .productCardInner {\n    border: 1px solid var(--dark-opacity-10);\n    border-radius: 8px;\n    padding: ", ";\n    background-color: white;\n    grid-template-columns: auto auto 1fr;\n    display: grid;\n    justify-content: flex-start;\n    @media only screen and ", " {\n      padding: 24px 16px;\n    }\n    .productCardCheckboxContent{\n      height: 64px;\n      display: flex;\n      align-items: center;\n      justify-content: flex-start;\n      &:is(.hidden){\n        display: none;\n      }\n      .indicator{ \n        margin-right: ", ";\n        @media only screen and ", " {\n          margin-right: 8px;\n        }\n      }\n    }\n    .productCardImg {\n      width: 64px;\n      height: 64px;\n      border: 1px solid var(--dark-opacity-5);\n      border-radius: 8px;\n      position: relative;\n      margin-right: 16px;\n      overflow: hidden;\n      box-sizing: border-box;\n      > * {\n        display: block;\n        position: absolute;\n        inset: 0;\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        object-position: center center;\n      }\n    }\n    .productCardTitle{\n      min-height: 64px;\n      display: flex;\n      align-items: center;\n      justify-content: flex-start;\n      text-align: start;\n      font:var(--title-semi-bold-16-19);\n    }\n    .productCardContent{ \n      margin: 1.5rem auto 0 ", ";\n      grid-column-start: 1;\n      grid-column-end: 4;\n      width: ", ";\n      ", ";\n      @media only screen and ", " {\n        margin: 1rem auto 0 0;\n        width: 100%;\n      }\n    }\n  }\n"])), function (props) { return props.disabled ? "\n    user-select:none;\n    pointer-events:none;\n  " : ""; }, function (props) {
+    switch (props.size) {
+        case 'small':
+            return "24px 16px";
+        case 'large':
+            return "24px";
+        default:
+            return "24px";
+    }
+}, devices_1.devices.sm, function (props) {
+    switch (props.size) {
+        case 'small':
+            return "8px";
+        case 'large':
+            return "24px";
+        default:
+            return "24px";
+    }
+}, devices_1.devices.sm, function (props) { return props.isContentOffset ? '128px' : '0'; }, function (props) { return props.isContentOffset ? 'calc(100% - 128px)' : '100%'; }, function (props) {
+    switch (props.size) {
+        case 'small':
+            return "\n              margin: 1rem auto 0 0 !important;\n              width: 100% !important;\n            ";
+        case 'large':
+            return null;
+        default:
+            return null;
+    }
+}, devices_1.devices.md);
 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  .cartBadge{\n    position: absolute;\n    left: 8px;\n    top: 8px;\n    z-index: 2;\n  }\n  a {\n    text-decoration: none;\n    color: inherit;\n  }\n\n  &:hover {\n    box-shadow: 0 6px 30px 0 #B8B8CD;\n  }\n\n  .img {\n    border-radius: 0.5rem;\n    border: 1px solid var(--dark-opacity-5);\n    background: #FFF;\n    position: relative;\n    overflow: hidden;\n    height: 150px;\n    box-sizing: border-box;\n    z-index: 1;\n    text-align: center;\n    > * {\n      width: 100%;\n      position: absolute;\n      left: 50%;\n      top: 50%;\n      transform: translate(-50%,-50%);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n    *{    \n      height: calc(100% - 0.5rem) !important;\n      aspect-ratio: 1 / 1 !important;\n    }\n  }\n  .productCardContent{ \n    padding: 1rem 0 0.5rem 0;\n    .productCardTitle{\n      display: block;\n      color: var(--dark);\n      display: -webkit-box;\n      -webkit-line-clamp: 2;\n      -webkit-box-orient: vertical;\n      overflow: hidden;\n      height: 38px;\n      word-break: break-word;\n      font: var(--title-bold-16-19);\n    }\n    .productCardDescription{\n      display: block;\n      margin-top: 0.5rem;\n      color: var(--grey-40);\n      margin-bottom: 1.5rem;\n      display: -webkit-box;\n      -webkit-line-clamp: 2;\n      -webkit-box-orient: vertical;\n      overflow: hidden;\n      height: 34px;\n      word-break: break-word;\n      font: var(--body-medium-14-17);\n    }\n\n    .productCardPriceContent {\n      display: grid;\n      align-items: ", ";\n      justify-content: flex-start;\n      height: 36px;\n      grid-template-columns: ", ";\n\n      .discountRate {\n        margin-right: 0.5rem;\n        width: 48px;\n        height: 36px;\n        border-radius: 8px;\n        background-color: var(--primary-opacity-10);\n        color: var(--primary);\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        font: var(--body-extra-bold-13-16);\n      }\n\n      .oldPrice, .newPrice {\n        display: flex;\n        align-items: end;\n        justify-content: flex-start;\n\n        .price {\n          margin-right: 2px;\n        }\n      }\n\n      .oldPrice {\n        color: var(--dark-opacity-25);\n        margin-bottom: 2px;\n        .price, .period {\n          text-decoration: line-through;\n        }\n        .price{\n          font: var(--caption-semi-bold-12-15);\n        }\n        .period{\n          font:var(--caption-regular-12-15);\n        }\n      }\n\n      .newPrice {\n        .price{\n          font: var(--body-extra-bold-14-17);\n        }\n        .period{\n          font: var(--body-regular-13-16);\n        }\n      }\n    }\n  }\n\n  ", "\n"], ["\n  box-shadow: 0 6px 30px 0 #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  .cartBadge{\n    position: absolute;\n    left: 8px;\n    top: 8px;\n    z-index: 2;\n  }\n  a {\n    text-decoration: none;\n    color: inherit;\n  }\n\n  &:hover {\n    box-shadow: 0 6px 30px 0 #B8B8CD;\n  }\n\n  .img {\n    border-radius: 0.5rem;\n    border: 1px solid var(--dark-opacity-5);\n    background: #FFF;\n    position: relative;\n    overflow: hidden;\n    height: 150px;\n    box-sizing: border-box;\n    z-index: 1;\n    text-align: center;\n    > * {\n      width: 100%;\n      position: absolute;\n      left: 50%;\n      top: 50%;\n      transform: translate(-50%,-50%);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n    *{    \n      height: calc(100% - 0.5rem) !important;\n      aspect-ratio: 1 / 1 !important;\n    }\n  }\n  .productCardContent{ \n    padding: 1rem 0 0.5rem 0;\n    .productCardTitle{\n      display: block;\n      color: var(--dark);\n      display: -webkit-box;\n      -webkit-line-clamp: 2;\n      -webkit-box-orient: vertical;\n      overflow: hidden;\n      height: 38px;\n      word-break: break-word;\n      font: var(--title-bold-16-19);\n    }\n    .productCardDescription{\n      display: block;\n      margin-top: 0.5rem;\n      color: var(--grey-40);\n      margin-bottom: 1.5rem;\n      display: -webkit-box;\n      -webkit-line-clamp: 2;\n      -webkit-box-orient: vertical;\n      overflow: hidden;\n      height: 34px;\n      word-break: break-word;\n      font: var(--body-medium-14-17);\n    }\n\n    .productCardPriceContent {\n      display: grid;\n      align-items: ", ";\n      justify-content: flex-start;\n      height: 36px;\n      grid-template-columns: ", ";\n\n      .discountRate {\n        margin-right: 0.5rem;\n        width: 48px;\n        height: 36px;\n        border-radius: 8px;\n        background-color: var(--primary-opacity-10);\n        color: var(--primary);\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        font: var(--body-extra-bold-13-16);\n      }\n\n      .oldPrice, .newPrice {\n        display: flex;\n        align-items: end;\n        justify-content: flex-start;\n\n        .price {\n          margin-right: 2px;\n        }\n      }\n\n      .oldPrice {\n        color: var(--dark-opacity-25);\n        margin-bottom: 2px;\n        .price, .period {\n          text-decoration: line-through;\n        }\n        .price{\n          font: var(--caption-semi-bold-12-15);\n        }\n        .period{\n          font:var(--caption-regular-12-15);\n        }\n      }\n\n      .newPrice {\n        .price{\n          font: var(--body-extra-bold-14-17);\n        }\n        .period{\n          font: var(--body-regular-13-16);\n        }\n      }\n    }\n  }\n\n  ", "\n"])), function (props) { return props.discountRate ? 'center' : 'end'; }, function (props) { return props.discountRate ? 'auto 1fr' : '1fr'; }, function (props) { return props.isResponsive && "\n    @media only screen and ".concat(devices_1.devices.sm, " {\n      padding: 1.5rem;\n        .cartBadge{\n          left: 16px;\n          top: 16px;\n        }\n        .img {\n          height: 215px;\n        }\n        .productCardContent{\n          padding: 1.5rem 0 0.5rem 0;\n          .productCardTitle{\n            height: 44px;\n            font: var(--headline-bold-18-22);\n          }\n          .productCardDescription{\n            margin-bottom: 1.5rem;\n            height: 37px;\n            font: var(--title-medium-16-19);\n          }\n          .productCardPriceContent{\n            height: 48px;\n            .discountRate{\n              width: 65px;\n              height: 48px;\n              font: var(--title-extra-bold-16-19);\n            }\n            \n            .oldPrice {\n              .price{\n                font: var(--body-semi-bold-13-16);\n              }\n            }\n            .newPrice {\n              .price{\n                font: var(--title-extra-bold-16-19);\n              }\n              .period{\n                font: var(--body-regular-14-17);\n              }\n            }\n          }\n        }\n    }\n  "); });
 exports.HorizontalStyled = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  color: var(--dark);\n  padding: 0.5rem;\n  transition: all .2s ease;\n  border-radius: 8px;\n\n  &:hover {\n    background: var(--dark-opacity-3);\n  }\n\n  a {\n    text-decoration: none;\n    color: inherit;\n  }\n\n  .horizontalWrapper {\n    text-decoration: none;\n    display: grid;\n    grid-template-columns: auto 1fr;\n    align-items: center;\n\n    .img {\n      border: 1px solid var(--dark-opacity-5);\n      border-radius: 8px;\n      position: relative;\n      overflow: hidden;\n      width: 142px;\n      height: 88px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      margin-right: 1rem;\n      background: white;\n      @media only screen and ", " {\n        margin-right: 0.5rem;\n        width: 71px;\n        height: 50px;\n        box-shadow: 0 6px 30px 0 var(--dark-opacity-5);\n        border: 0;\n      }\n\n      > * {\n        width: 100%;\n        height: 100%;\n        object-fit: contain;\n        object-position: center center;\n        display: block;\n      }\n    }\n    .title{\n      display: block;\n      display: -webkit-box;\n      -webkit-line-clamp: 1;\n      -webkit-box-orient: vertical;\n      overflow: hidden;\n      word-break: break-word;\n      font:", ";\n    }\n\n    .description {\n      color: var(--grey-50);\n      margin-top: 0.5rem;\n      margin-bottom: 0.5rem;\n      display: -webkit-box;\n      -webkit-line-clamp: 2;\n      -webkit-box-orient: vertical;\n      overflow: hidden;\n      word-break: break-word;\n      font:var(--body-medium-14-17);\n    }\n\n    .priceContent {\n      display: flex;\n      align-items: end;\n      justify-content: flex-start;\n\n      .price {\n        margin-right: 2px;\n        font:", ";\n      }\n\n      .period {\n        font:", ";\n      }\n    }\n  }\n"], ["\n  color: var(--dark);\n  padding: 0.5rem;\n  transition: all .2s ease;\n  border-radius: 8px;\n\n  &:hover {\n    background: var(--dark-opacity-3);\n  }\n\n  a {\n    text-decoration: none;\n    color: inherit;\n  }\n\n  .horizontalWrapper {\n    text-decoration: none;\n    display: grid;\n    grid-template-columns: auto 1fr;\n    align-items: center;\n\n    .img {\n      border: 1px solid var(--dark-opacity-5);\n      border-radius: 8px;\n      position: relative;\n      overflow: hidden;\n      width: 142px;\n      height: 88px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      margin-right: 1rem;\n      background: white;\n      @media only screen and ", " {\n        margin-right: 0.5rem;\n        width: 71px;\n        height: 50px;\n        box-shadow: 0 6px 30px 0 var(--dark-opacity-5);\n        border: 0;\n      }\n\n      > * {\n        width: 100%;\n        height: 100%;\n        object-fit: contain;\n        object-position: center center;\n        display: block;\n      }\n    }\n    .title{\n      display: block;\n      display: -webkit-box;\n      -webkit-line-clamp: 1;\n      -webkit-box-orient: vertical;\n      overflow: hidden;\n      word-break: break-word;\n      font:", ";\n    }\n\n    .description {\n      color: var(--grey-50);\n      margin-top: 0.5rem;\n      margin-bottom: 0.5rem;\n      display: -webkit-box;\n      -webkit-line-clamp: 2;\n      -webkit-box-orient: vertical;\n      overflow: hidden;\n      word-break: break-word;\n      font:var(--body-medium-14-17);\n    }\n\n    .priceContent {\n      display: flex;\n      align-items: end;\n      justify-content: flex-start;\n\n      .price {\n        margin-right: 2px;\n        font:", ";\n      }\n\n      .period {\n        font:", ";\n      }\n    }\n  }\n"])), devices_1.devices.sm, function (props) { return (props.isMobile ? 'var(--caption-semi-bold-12-15)' : 'var(--title-semi-bold-16-19)'); }, function (props) { return (props.isMobile ? 'var(--caption-extra-bold-12-15)' : 'var(--body-extra-bold-14-17)'); }, function (props) { return (props.isMobile ? 'var(--caption-regular-12-15)' : 'var(--body-regular-13-16)'); });
 exports.HorizontalSmStyled = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  color: var(--dark);\n  padding: 0 0.5rem;\n  transition: all .2s ease;\n  border-radius: 8px;\n  border: 1px solid var(--grey-10);\n\n  a {\n    text-decoration: none;\n    color: inherit;\n  }\n\n  .horizontalSmWrapper {\n    text-decoration: none;\n    display: grid;\n    grid-template-columns: auto 1fr auto;\n    align-items: center;\n    height: 66px;\n    padding-right: 1rem;\n\n    .img {\n      border: ", ";\n      border-radius: 8px;\n      position: relative;\n      overflow: hidden;\n      width: ", ";\n      height: ", ";\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      margin-right: 1rem;\n      background: white;\n\n      > * {\n        vertical-align: middle !important;\n      }\n    }\n\n    .text {\n      padding-right: ", ";\n      .title {\n        display: -webkit-box;\n        -webkit-line-clamp: 2;\n        -webkit-box-orient: vertical;\n        overflow: hidden;\n        word-break: break-word;\n        font:var(--body-semi-bold-14-17);\n      }\n    }\n\n    .priceContent {\n      text-align: end;\n\n      .period {\n        display: block;\n        margin-bottom: 4px;\n        font:var(--body-regular-14-17);\n      }\n\n      .price {\n        display: block;\n        font:var(--title-extra-bold-16-19);\n      }\n    }\n  }\n"], ["\n  color: var(--dark);\n  padding: 0 0.5rem;\n  transition: all .2s ease;\n  border-radius: 8px;\n  border: 1px solid var(--grey-10);\n\n  a {\n    text-decoration: none;\n    color: inherit;\n  }\n\n  .horizontalSmWrapper {\n    text-decoration: none;\n    display: grid;\n    grid-template-columns: auto 1fr auto;\n    align-items: center;\n    height: 66px;\n    padding-right: 1rem;\n\n    .img {\n      border: ", ";\n      border-radius: 8px;\n      position: relative;\n      overflow: hidden;\n      width: ", ";\n      height: ", ";\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      margin-right: 1rem;\n      background: white;\n\n      > * {\n        vertical-align: middle !important;\n      }\n    }\n\n    .text {\n      padding-right: ", ";\n      .title {\n        display: -webkit-box;\n        -webkit-line-clamp: 2;\n        -webkit-box-orient: vertical;\n        overflow: hidden;\n        word-break: break-word;\n        font:var(--body-semi-bold-14-17);\n      }\n    }\n\n    .priceContent {\n      text-align: end;\n\n      .period {\n        display: block;\n        margin-bottom: 4px;\n        font:var(--body-regular-14-17);\n      }\n\n      .price {\n        display: block;\n        font:var(--title-extra-bold-16-19);\n      }\n    }\n  }\n"])), function (props) { return props.hasImageBorder ? '1px solid var(--dark-opacity-5)' : 'none'; }, function (props) { return props.imageWidth ? props.imageWidth : '71px'; }, function (props) { return props.imageHeight ? props.imageHeight : '50px'; }, function (props) { return props.period ? "2rem" : "0"; });

package/dist/components/ProductCard/layouts/Checklist.js

@@ -31,7 +31,7 @@ var Checkbox_1 = __importDefault(require("../../Checkbox"));
 var react_device_detect_1 = require("react-device-detect");
 var classnames_1 = __importDefault(require("classnames"));
 var Checklist = function (props) {
-    var hasCheckbox = props.hasCheckbox, checked = props.checked, name = props.name, productCardOnChange = props.productCardOnChange, title = props.title, content = props.content, value = props.value, other = __rest(props, ["hasCheckbox", "checked", "name", "productCardOnChange", "title", "content", "value"]);
-    return (0, jsx_runtime_1.jsx)(ProductCard_styled_1.ChecklistStyled, __assign({}, other, { children: (0, jsx_runtime_1.jsxs)("div", __assign({ className: "productCardInner" }, { children: [(0, jsx_runtime_1.jsx)("label", __assign({ htmlFor: props.checkboxId, className: (0, classnames_1.default)({ "hidden": !hasCheckbox }, "productCardCheckboxContent") }, { children: (0, jsx_runtime_1.jsx)(Checkbox_1.default, { id: props.checkboxId, size: react_device_detect_1.isMobile ? "small" : "medium", label: "", onChange: productCardOnChange, value: value, checked: checked, name: name }) })), props.image && ((0, jsx_runtime_1.jsx)("label", __assign({ htmlFor: props.checkboxId, className: "productCardImg" }, { children: props.image }))), (0, jsx_runtime_1.jsx)("div", __assign({ className: "productCardText" }, { children: (0, jsx_runtime_1.jsx)("label", __assign({ htmlFor: props.checkboxId, className: "productCardTitle" }, { children: props.title })) })), props.content && (0, jsx_runtime_1.jsx)("div", __assign({ className: "productCardContent" }, { children: props.content }))] })) }));
+    var hasCheckbox = props.hasCheckbox, checked = props.checked, name = props.name, productCardOnChange = props.productCardOnChange, title = props.title, content = props.content, value = props.value, size = props.size, other = __rest(props, ["hasCheckbox", "checked", "name", "productCardOnChange", "title", "content", "value", "size"]);
+    return ((0, jsx_runtime_1.jsx)(ProductCard_styled_1.ChecklistStyled, __assign({}, other, { size: size }, { children: (0, jsx_runtime_1.jsxs)("div", __assign({ className: "productCardInner" }, { children: [(0, jsx_runtime_1.jsx)("label", __assign({ htmlFor: props.checkboxId, className: (0, classnames_1.default)({ "hidden": !hasCheckbox }, "productCardCheckboxContent") }, { children: (0, jsx_runtime_1.jsx)(Checkbox_1.default, { id: props.checkboxId, size: size === "small" ? "small" : react_device_detect_1.isMobile ? "small" : "medium", label: "", onChange: productCardOnChange, value: value, checked: checked, name: name }) })), props.image && ((0, jsx_runtime_1.jsx)("label", __assign({ htmlFor: props.checkboxId, className: "productCardImg" }, { children: props.image }))), (0, jsx_runtime_1.jsx)("div", __assign({ className: "productCardText" }, { children: (0, jsx_runtime_1.jsx)("label", __assign({ htmlFor: props.checkboxId, className: "productCardTitle" }, { children: props.title })) })), props.content && (0, jsx_runtime_1.jsx)("div", __assign({ className: "productCardContent" }, { children: props.content }))] })) })));
 };
 exports.default = Checklist;

package/dist/components/ProductCard/props.js

@@ -1,7 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.layouts = void 0;
+exports.sizes = exports.layouts = void 0;
 exports.layouts = ['checklist', 'standart', 'horizontal', 'horizontalSm'];
+exports.sizes = ['small', 'large'];
 var ProductCardDefault = {
     hasCheckbox: true,
     isContentOffset: false,
@@ -9,4 +10,5 @@ var ProductCardDefault = {
     productChecked: false,
     disabled: false,
     isResponsive: false,
+    size: exports.sizes[1]
 };

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

@@ -37,6 +37,7 @@ exports.default = {
         layout: { control: 'select', options: props_1.layouts },
         disabled: { control: 'boolean' },
         hasDiscount: { control: 'boolean' },
+        size: { control: 'select', options: props_1.sizes },
     }
 };
 exports.Default = {
@@ -65,7 +66,7 @@ exports.HorizontalSm = {
     args: __assign(__assign({}, exports.Default.args), { layout: "horizontalSm" }),
 };
 exports.Checklist = {
-    args: __assign(__assign({}, exports.Default.args), { hasCheckbox: true, layout: "checklist" }),
+    args: __assign(__assign({}, exports.Default.args), { hasCheckbox: true, layout: "checklist", size: "large" }),
 };
 exports.Standart = {
     args: __assign(__assign({}, exports.Default.args), { layout: "standart", isResponsive: true }),

package/dist/components/SelectBox/SelectBox.js

@@ -44,16 +44,32 @@ var classnames_1 = __importDefault(require("classnames"));
 var react_select_1 = __importStar(require("react-select"));
 var Icon_1 = __importDefault(require("../Icon/Icon"));
 var async_1 = __importDefault(require("react-select/async"));
+var simplebar_react_1 = __importDefault(require("simplebar-react"));
 var SelectBox = (0, react_1.forwardRef)(function (props, ref) {
     var _a, _b, _c, _d;
     var hasShowDropdownIcon = props.hasShowDropdownIcon, isAsync = props.isAsync, maxOptionListHeight = props.maxOptionListHeight, options = props.options, name = props.name, placeholder = props.placeholder, onChange = props.onChange, isSearchable = props.isSearchable, hasShowSearchIcon = props.hasShowSearchIcon, menuIsOpen = props.menuIsOpen, filterOption = props.filterOption, instanceId = props.instanceId, lightBg = props.lightBg, hasError = props.hasError, errorMessage = props.errorMessage, autoComplete = props.autoComplete;
+    var simplebarRef = (0, react_1.useRef)(null);
     var formatOptionLabel = function (_a) {
         var _b, _c, _d;
-        var innerProps = _a.innerProps, isDisabled = _a.isDisabled, data = _a.data;
-        return ((0, jsx_runtime_1.jsx)("div", __assign({}, innerProps, { className: (0, classnames_1.default)("option", (_b = {}, _b["optionSm"] = !data.labelBottom, _b), (_c = {}, _c["fixedBottom"] = data.isFixedBottom, _c), (_d = {}, _d["secondary"] = data.isSecondary, _d)) }, { children: (0, jsx_runtime_1.jsxs)("div", { children: [data.label && (0, jsx_runtime_1.jsx)("strong", { children: data.label }), data.labelBottom && (0, jsx_runtime_1.jsx)("span", { children: data.labelBottom })] }) })));
+        var innerRef = _a.innerRef, innerProps = _a.innerProps, isDisabled = _a.isDisabled, data = _a.data, label = _a.label, type = _a.type, isFocused = _a.isFocused, isSelected = _a.isSelected, clearValue = _a.clearValue, cx = _a.cx, getStyles = _a.getStyles, getClassNames = _a.getClassNames, getValue = _a.getValue, hasValue = _a.hasValue, isMulti = _a.isMulti, isRtl = _a.isRtl, options = _a.options, selectOption = _a.selectOption, selectProps = _a.selectProps, setValue = _a.setValue, theme = _a.theme;
+        var event = window === null || window === void 0 ? void 0 : window.event;
+        if (isFocused && ["ArrowDown", "ArrowUp"].includes(event === null || event === void 0 ? void 0 : event.key)) {
+            setTimeout(function () {
+                var _a, _b, _c, _d, _e;
+                (_c = (_b = (_a = simplebarRef === null || simplebarRef === void 0 ? void 0 : simplebarRef.current) === null || _a === void 0 ? void 0 : _a.el) === null || _b === void 0 ? void 0 : _b.querySelector('.simplebar-content-wrapper')) === null || _c === void 0 ? void 0 : _c.scrollTo({
+                    top: (_e = (_d = simplebarRef === null || simplebarRef === void 0 ? void 0 : simplebarRef.current) === null || _d === void 0 ? void 0 : _d.el) === null || _e === void 0 ? void 0 : _e.querySelector('.customSelect__option--is-focused').offsetTop,
+                    left: 0,
+                    behavior: 'smooth'
+                });
+            }, 50);
+        }
+        return ((0, jsx_runtime_1.jsx)(react_select_1.components.Option, __assign({ innerRef: innerRef, innerProps: innerProps, label: label, type: type, data: data, isDisabled: isDisabled, isFocused: isFocused, isSelected: isSelected, clearValue: clearValue, cx: cx, getStyles: getStyles, getClassNames: getClassNames, getValue: getValue, hasValue: hasValue, isMulti: isMulti, isRtl: isRtl, options: options, selectOption: selectOption, selectProps: selectProps, setValue: setValue, theme: theme, className: (0, classnames_1.default)("option", (_b = {}, _b["optionSm"] = !data.labelBottom, _b), (_c = {}, _c["fixedBottom"] = data.isFixedBottom, _c), (_d = {}, _d["secondary"] = data.isSecondary, _d)) }, { children: (0, jsx_runtime_1.jsxs)("div", { children: [data.label && (0, jsx_runtime_1.jsx)("strong", { children: data.label }), data.labelBottom && (0, jsx_runtime_1.jsx)("span", { children: data.labelBottom })] }) })));
     };
     var Input = function (props) { return (0, jsx_runtime_1.jsx)(react_select_1.components.Input, __assign({}, props, { autoComplete: autoComplete })); };
     var DropdownIndicator = function (props) { return (0, jsx_runtime_1.jsx)("div", __assign({ className: "customSelect__indicator customSelect__dropdown-indicator" }, { children: (0, jsx_runtime_1.jsx)(Icon_1.default, { color: "var(--dark)", strokeWidth: "3px", name: "ArrowDown", width: "16px", height: "16px" }) })); };
-    return ((0, jsx_runtime_1.jsxs)(SelectBox_styled_1.Container, __assign({ width: props.width, hasError: hasError, maxOptionListHeight: maxOptionListHeight, hasShowDropdownIcon: hasShowDropdownIcon }, { children: [(props === null || props === void 0 ? void 0 : props.label) && ((0, jsx_runtime_1.jsx)("div", __assign({ className: "top" }, { children: (0, jsx_runtime_1.jsx)("p", { children: props === null || props === void 0 ? void 0 : props.label }) }))), (0, jsx_runtime_1.jsx)("div", __assign({ className: "select" }, { children: isAsync ? ((0, jsx_runtime_1.jsx)(async_1.default, __assign({ components: { Option: formatOptionLabel, Input: Input, DropdownIndicator: DropdownIndicator }, options: options, instanceId: instanceId, filterOption: filterOption, isSearchable: isSearchable, name: name, menuIsOpen: menuIsOpen, onChange: onChange, classNamePrefix: "customSelect", className: (0, classnames_1.default)("customSelect", (_a = {}, _a['isSearchable'] = isSearchable && hasShowSearchIcon, _a), (_b = {}, _b['lightBg'] = lightBg, _b)), placeholder: placeholder, noOptionsMessage: function () { return 'Sonuç bulunamadı'; } }, props, { ref: ref }))) : ((0, jsx_runtime_1.jsx)(react_select_1.default, __assign({ components: { Option: formatOptionLabel, Input: Input, DropdownIndicator: DropdownIndicator }, options: options, instanceId: instanceId, filterOption: filterOption, isSearchable: isSearchable, name: name, menuIsOpen: menuIsOpen, onChange: onChange, classNamePrefix: "customSelect", className: (0, classnames_1.default)("customSelect", (_c = {}, _c['isSearchable'] = isSearchable && hasShowSearchIcon, _c), (_d = {}, _d['lightBg'] = lightBg, _d)), placeholder: placeholder, noOptionsMessage: function () { return 'Sonuç bulunamadı'; } }, props, { ref: ref }))) })), hasError && ((0, jsx_runtime_1.jsxs)("div", __assign({ className: "error" }, { children: [(0, jsx_runtime_1.jsx)(Icon_1.default, { name: "ErrorIcon" }), (0, jsx_runtime_1.jsx)("p", { children: errorMessage })] })))] })));
+    var MenuList = function (props) {
+        return ((0, jsx_runtime_1.jsx)(react_select_1.components.MenuList, __assign({}, props, { children: (0, jsx_runtime_1.jsx)(simplebar_react_1.default, __assign({ ref: simplebarRef, autoHide: false }, { children: props.children })) })));
+    };
+    return ((0, jsx_runtime_1.jsxs)(SelectBox_styled_1.Container, __assign({ width: props.width, hasError: hasError, maxOptionListHeight: maxOptionListHeight, hasShowDropdownIcon: hasShowDropdownIcon }, { children: [(props === null || props === void 0 ? void 0 : props.label) && ((0, jsx_runtime_1.jsx)("div", __assign({ className: "top" }, { children: (0, jsx_runtime_1.jsx)("p", { children: props === null || props === void 0 ? void 0 : props.label }) }))), (0, jsx_runtime_1.jsx)("div", __assign({ className: "select" }, { children: isAsync ? ((0, jsx_runtime_1.jsx)(async_1.default, __assign({ components: { Option: formatOptionLabel, Input: Input, DropdownIndicator: DropdownIndicator, MenuList: MenuList }, options: options, instanceId: instanceId, filterOption: filterOption, isSearchable: isSearchable, name: name, menuIsOpen: menuIsOpen, onChange: onChange, classNamePrefix: "customSelect", className: (0, classnames_1.default)("customSelect", (_a = {}, _a['isSearchable'] = isSearchable && hasShowSearchIcon, _a), (_b = {}, _b['lightBg'] = lightBg, _b)), placeholder: placeholder, noOptionsMessage: function () { return 'Sonuç bulunamadı'; }, captureMenuScroll: false }, props, { ref: ref }))) : ((0, jsx_runtime_1.jsx)(react_select_1.default, __assign({ components: { Option: formatOptionLabel, Input: Input, DropdownIndicator: DropdownIndicator, MenuList: MenuList }, options: options, instanceId: instanceId, filterOption: filterOption, isSearchable: isSearchable, name: name, menuIsOpen: menuIsOpen, onChange: onChange, classNamePrefix: "customSelect", className: (0, classnames_1.default)("customSelect", (_c = {}, _c['isSearchable'] = isSearchable && hasShowSearchIcon, _c), (_d = {}, _d['lightBg'] = lightBg, _d)), placeholder: placeholder, noOptionsMessage: function () { return 'Sonuç bulunamadı'; }, captureMenuScroll: false }, props, { ref: ref }))) })), hasError && ((0, jsx_runtime_1.jsxs)("div", __assign({ className: "error" }, { children: [(0, jsx_runtime_1.jsx)(Icon_1.default, { name: "ErrorIcon" }), (0, jsx_runtime_1.jsx)("p", { children: errorMessage })] })))] })));
 });
 exports.default = SelectBox;

package/dist/components/SelectBox/SelectBox.styled.js

@@ -12,5 +12,5 @@ var jsx_runtime_1 = require("react/jsx-runtime");
 var styled_components_1 = __importDefault(require("styled-components"));
 var Icon_1 = __importDefault(require("../Icon/Icon"));
 var svgToBase64_1 = __importDefault(require("./../../utils/svgToBase64"));
-exports.Container = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  width: ", ";\n  \n  .top {\n    display: flex;\n    margin-bottom: 16px;\n    font:var(--caption-bold-12-15);\n    &.justify-between {\n      justify-content: space-between;\n    }\n    p {\n      margin: 0;\n      color: var(--dark-opacity-50);\n    }\n  }\n\n  .error {\n    display: flex;\n    align-items: center;\n    margin-top: 8px;\n    color: var(--red);\n\n    svg {\n      margin-right: 8px;\n    }\n\n    p {\n      margin: 0;\n      font:var(--caption-semi-bold-11-13);\n    }\n  }\n\n  .select {\n    position: relative;\n    .customSelect{\n      &:is(.lightBg){\n        .customSelect__control {\n          background-color: white;\n        }\n      }\n      .customSelect__control {\n        height: 56px;\n        background-color: var(--dark-opacity-3);\n        border: 0;\n        padding: 0 1.5rem;\n        cursor: pointer;\n        &:before{\n          content: \"\";\n          position: absolute;\n          inset:0;\n          user-select: none;\n          pointer-events: none;\n          border-width: ", ";\n          border-style: solid;\n          border-radius: 8px;\n          border-color: ", ";\n        }\n\n        &:hover {\n          &:before{\n            border-color: var(--primary);\n            border-width: 2px;\n          }\n        }\n\n        .customSelect__value-container {\n          padding: 0;\n          .customSelect__placeholder {\n            font: var(--body-semi-bold-14-17);\n            color: ", ";\n            margin: 0;\n          }\n\n          .customSelect__single-value {\n            margin: 0;\n            padding: 0;\n            font: var(--body-semi-bold-14-17);\n            color: ", ";\n          }\n\n          .customSelect__input-container {\n            margin: 0;\n            padding: 0;\n            grid-template-columns: 0;\n            input {\n              font: var(--body-semi-bold-14-17) !important;\n            }\n          }\n        }\n\n        .customSelect__indicator {\n          padding: 0 0;\n          width: 16px;\n          height: 16px;\n          transition: all .2s ease;\n          &:is(.customSelect__dropdown-indicator){\n              ", ";   \n          }\n          &:is(.customSelect__clear-indicator){\n              background-image: url('", "');\n          }\n          div{\n            display: block;\n          }\n        }\n        .customSelect__indicator-separator {\n          display: none;\n        }\n      }\n\n      &:is(.isSearchable) {\n        .customSelect__value-container {\n          background-image: url('data:image/svg+xml;charset=utf-8,%3C%3Fxml%20version%3D%221.0%22%20standalone%3D%22no%22%3F%3E%0D%0A%3Csvg%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2216px%22%20height%3D%2216px%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20name%3D%22Search%22%3E%3Cg%20id%3D%22Search%22%3E%3Ccircle%20id%3D%22Ellipse_739%22%20cx%3D%227.33203%22%20cy%3D%227.33398%22%20r%3D%226%22%20stroke%3D%22%23", "%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3C%2Fcircle%3E%3Cpath%20id%3D%22Line_181%22%20d%3D%22M12%2012L14.6667%2014.6667%22%20stroke%3D%22%23", "%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E');\n          background-repeat: no-repeat;\n          background-position: 0 center;\n          padding: 11px 24px 11px 2rem;\n            &.customSelect__value-container--has-value{\n                background-image: ", ";\n            }\n        }\n      }\n\n      .customSelect__control--is-focused {\n        border-color: var(--primary);\n        box-shadow: none;\n      }\n      .customSelect__menu-notice{\n        text-align: start;\n        padding: 1rem 1.5rem;\n        font: var(--body-medium-14-17);\n        color:var(--dark-opacity-50);\n      }\n\n      .customSelect__menu {\n        margin: 0;\n        border-radius: 0 0 8px 8px;\n        box-shadow: none;\n        border: 1px solid var(--dark-opacity-10);\n        overflow: hidden;\n        .customSelect__menu-list {\n          padding: 0;\n          max-height: ", ";\n          //scroll-margin: 0 10px 30px 0;\n          //scrollbar-color: var(--dark-opacity-10) var(--dark-opacity-10);\n          //scrollbar-width: thin;\n\n          &::-webkit-scrollbar {\n            width: 4px;\n            background-color: #ffffff;\n          }\n\n          &::-webkit-scrollbar-track {\n            border-radius: 10px;\n            background: white;\n          }\n\n          &::-webkit-scrollbar-thumb {\n            border-radius: 10px;\n            background: var(--dark-opacity-10);\n          }\n          \n          .option {\n            height: 70px;\n            padding: 0 1.5rem;\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            background-color: #fff;\n            position: relative;\n            color: var(--dark);\n            cursor: pointer;\n            box-sizing: border-box;\n\n            &:hover {\n              background-color: var(--dark-opacity-3);\n            }\n\n            &:active {\n              background-color: var(--dark-opacity-3);\n            }\n\n            &:is(.optionSm) {\n              height: auto;\n              min-height: 51px;\n              padding: 1rem 1.5rem;\n            }\n\n            &:is(.fixedBottom) {\n              position: sticky;\n              bottom: 0;\n              left: 0;\n              right: 0;\n              z-index: 4;\n              strong{\n                color: var(--dark-opacity-50);\n              }\n            }\n\n            strong {\n              display: block;\n              font:var(--title-bold-16-19);\n            }\n\n            span {\n              display: block;\n              font:var(--body-medium-13-16);\n            }\n          }\n        }\n      }\n\n      &:is(.isSearchable) {\n          .customSelect__control--menu-is-open {\n              .customSelect__value-container {\n                  background-image: url('", "') !important;\n              }\n          }\n      }\n      .customSelect__control--menu-is-open {\n        &:before{\n          border-color: var(--primary);\n          border-width: 2px;\n          border-bottom-left-radius: 0;\n          border-bottom-right-radius: 0;\n        }\n        box-shadow: none;\n        .customSelect__indicator{\n          &:is(.customSelect__dropdown-indicator){\n            transform: rotate(180deg);\n          }\n        }\n\n        .customSelect__value-container {\n          .customSelect__placeholder {\n            color: var(--dark-opacity-50);\n          }\n        }\n\n\n        .customSelect__single-value, .customSelect__clear-indicator  {\n          display: none !important;\n        }\n      }\n    }\n  }\n"], ["\n  display: flex;\n  flex-direction: column;\n  width: ", ";\n  \n  .top {\n    display: flex;\n    margin-bottom: 16px;\n    font:var(--caption-bold-12-15);\n    &.justify-between {\n      justify-content: space-between;\n    }\n    p {\n      margin: 0;\n      color: var(--dark-opacity-50);\n    }\n  }\n\n  .error {\n    display: flex;\n    align-items: center;\n    margin-top: 8px;\n    color: var(--red);\n\n    svg {\n      margin-right: 8px;\n    }\n\n    p {\n      margin: 0;\n      font:var(--caption-semi-bold-11-13);\n    }\n  }\n\n  .select {\n    position: relative;\n    .customSelect{\n      &:is(.lightBg){\n        .customSelect__control {\n          background-color: white;\n        }\n      }\n      .customSelect__control {\n        height: 56px;\n        background-color: var(--dark-opacity-3);\n        border: 0;\n        padding: 0 1.5rem;\n        cursor: pointer;\n        &:before{\n          content: \"\";\n          position: absolute;\n          inset:0;\n          user-select: none;\n          pointer-events: none;\n          border-width: ", ";\n          border-style: solid;\n          border-radius: 8px;\n          border-color: ", ";\n        }\n\n        &:hover {\n          &:before{\n            border-color: var(--primary);\n            border-width: 2px;\n          }\n        }\n\n        .customSelect__value-container {\n          padding: 0;\n          .customSelect__placeholder {\n            font: var(--body-semi-bold-14-17);\n            color: ", ";\n            margin: 0;\n          }\n\n          .customSelect__single-value {\n            margin: 0;\n            padding: 0;\n            font: var(--body-semi-bold-14-17);\n            color: ", ";\n          }\n\n          .customSelect__input-container {\n            margin: 0;\n            padding: 0;\n            grid-template-columns: 0;\n            input {\n              font: var(--body-semi-bold-14-17) !important;\n            }\n          }\n        }\n\n        .customSelect__indicator {\n          padding: 0 0;\n          width: 16px;\n          height: 16px;\n          transition: all .2s ease;\n          &:is(.customSelect__dropdown-indicator){\n              ", ";   \n          }\n          &:is(.customSelect__clear-indicator){\n              background-image: url('", "');\n          }\n          div{\n            display: block;\n          }\n        }\n        .customSelect__indicator-separator {\n          display: none;\n        }\n      }\n\n      &:is(.isSearchable) {\n        .customSelect__value-container {\n          background-image: url('data:image/svg+xml;charset=utf-8,%3C%3Fxml%20version%3D%221.0%22%20standalone%3D%22no%22%3F%3E%0D%0A%3Csvg%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2216px%22%20height%3D%2216px%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20name%3D%22Search%22%3E%3Cg%20id%3D%22Search%22%3E%3Ccircle%20id%3D%22Ellipse_739%22%20cx%3D%227.33203%22%20cy%3D%227.33398%22%20r%3D%226%22%20stroke%3D%22%23", "%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3C%2Fcircle%3E%3Cpath%20id%3D%22Line_181%22%20d%3D%22M12%2012L14.6667%2014.6667%22%20stroke%3D%22%23", "%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E');\n          background-repeat: no-repeat;\n          background-position: 0 center;\n          padding: 11px 24px 11px 2rem;\n            &.customSelect__value-container--has-value{\n                background-image: ", ";\n            }\n        }\n      }\n\n      .customSelect__control--is-focused {\n        border-color: var(--primary);\n        box-shadow: none;\n      }\n      .customSelect__menu-notice{\n        text-align: start;\n        padding: 1rem 1.5rem;\n        font: var(--body-medium-14-17);\n        color:var(--dark-opacity-50);\n      }\n\n      .customSelect__menu {\n        margin: 0;\n        border-radius: 0 0 8px 8px;\n        box-shadow: none;\n        border: 1px solid var(--dark-opacity-10);\n        overflow: hidden;\n        .customSelect__menu-list {\n          padding: 0;\n          max-height: ", ";\n          //scroll-margin: 0 10px 30px 0;\n          //scrollbar-color: var(--dark-opacity-10) var(--dark-opacity-10);\n          //scrollbar-width: thin;\n\n          &::-webkit-scrollbar {\n            width: 4px;\n            background-color: #ffffff;\n          }\n\n          &::-webkit-scrollbar-track {\n            border-radius: 10px;\n            background: white;\n          }\n\n          &::-webkit-scrollbar-thumb {\n            border-radius: 10px;\n            background: var(--dark-opacity-10);\n          }\n          \n          .option {\n            height: 70px;\n            padding: 0 1.5rem;\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            background-color: #fff;\n            position: relative;\n            color: var(--dark);\n            cursor: pointer;\n            box-sizing: border-box;\n\n            &:hover {\n              background-color: var(--dark-opacity-3);\n            }\n\n            &:active {\n              background-color: var(--dark-opacity-3);\n            }\n\n            &:is(.optionSm) {\n              height: auto;\n              min-height: 51px;\n              padding: 1rem 1.5rem;\n            }\n\n            &:is(.fixedBottom) {\n              position: sticky;\n              bottom: 0;\n              left: 0;\n              right: 0;\n              z-index: 4;\n              strong{\n                color: var(--dark-opacity-50);\n              }\n            }\n\n            strong {\n              display: block;\n              font:var(--title-bold-16-19);\n            }\n\n            span {\n              display: block;\n              font:var(--body-medium-13-16);\n            }\n          }\n        }\n      }\n\n      &:is(.isSearchable) {\n          .customSelect__control--menu-is-open {\n              .customSelect__value-container {\n                  background-image: url('", "') !important;\n              }\n          }\n      }\n      .customSelect__control--menu-is-open {\n        &:before{\n          border-color: var(--primary);\n          border-width: 2px;\n          border-bottom-left-radius: 0;\n          border-bottom-right-radius: 0;\n        }\n        box-shadow: none;\n        .customSelect__indicator{\n          &:is(.customSelect__dropdown-indicator){\n            transform: rotate(180deg);\n          }\n        }\n\n        .customSelect__value-container {\n          .customSelect__placeholder {\n            color: var(--dark-opacity-50);\n          }\n        }\n\n\n        .customSelect__single-value, .customSelect__clear-indicator  {\n          display: none !important;\n        }\n      }\n    }\n  }\n"])), function (props) { return props.width || '370px'; }, function (props) { return props.hasError ? "2px" : "1px"; }, function (props) { return props.hasError ? "var(--red)" : "var(--dark-opacity-10)"; }, function (props) { return props.hasError ? "var(--red)" : "var(--dark-opacity-50)"; }, function (props) { return props.hasError ? "var(--red)" : "var(--dark)"; }, function (props) { return props.hasShowDropdownIcon ? "display:inline-block" : "display:none"; }, (0, svgToBase64_1.default)((0, jsx_runtime_1.jsx)(Icon_1.default, { name: "Close", hasWrapper: false, width: "16px", height: "16px" })), function (props) { return props.hasError ? "FF1F1F" : "84879E"; }, function (props) { return props.hasError ? "FF1F1F" : "84879E"; }, function (props) { return !props.hasError && "url('data:image/svg+xml;charset=utf-8,%3C%3Fxml%20version%3D%221.0%22%20standalone%3D%22no%22%3F%3E%0D%0A%3Csvg%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2216px%22%20height%3D%2216px%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20name%3D%22Search%22%3E%3Cg%20id%3D%22Search%22%3E%3Ccircle%20id%3D%22Ellipse_739%22%20cx%3D%227.33203%22%20cy%3D%227.33398%22%20r%3D%226%22%20stroke%3D%22%230A103D%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3C%2Fcircle%3E%3Cpath%20id%3D%22Line_181%22%20d%3D%22M12%2012L14.6667%2014.6667%22%20stroke%3D%22%230A103D%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E')"; }, function (props) { return props.maxOptionListHeight; }, (0, svgToBase64_1.default)((0, jsx_runtime_1.jsx)(Icon_1.default, { name: "Search", hasWrapper: false, width: "16px", height: "16px" })));
+exports.Container = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  width: ", ";\n  \n  .top {\n    display: flex;\n    margin-bottom: 16px;\n    font:var(--caption-bold-12-15);\n    &.justify-between {\n      justify-content: space-between;\n    }\n    p {\n      margin: 0;\n      color: var(--dark-opacity-50);\n    }\n  }\n\n  [data-simplebar] {\n    max-height: ", " !important;\n      height: auto !important;\n      padding: 0 !important;\n  }\n\n  .error {\n    display: flex;\n    align-items: center;\n    margin-top: 8px;\n    color: var(--red);\n\n    svg {\n      margin-right: 8px;\n    }\n\n    p {\n      margin: 0;\n      font:var(--caption-semi-bold-11-13);\n    }\n  }\n\n  .select {\n    position: relative;\n    .customSelect{\n      &:is(.lightBg){\n        .customSelect__control {\n          background-color: white;\n        }\n      }\n      .customSelect__control {\n        height: 56px;\n        background-color: var(--dark-opacity-3);\n        border: 0;\n        padding: 0 1.5rem;\n        cursor: pointer;\n        &:before{\n          content: \"\";\n          position: absolute;\n          inset:0;\n          user-select: none;\n          pointer-events: none;\n          border-width: ", ";\n          border-style: solid;\n          border-radius: 8px;\n          border-color: ", ";\n        }\n\n        &:hover {\n          &:before{\n            border-color: var(--primary);\n            border-width: 2px;\n          }\n        }\n\n        .customSelect__value-container {\n          padding: 0;\n          .customSelect__placeholder {\n            font: var(--body-semi-bold-14-17);\n            color: ", ";\n            margin: 0;\n          }\n\n          .customSelect__single-value {\n            margin: 0;\n            padding: 0;\n            font: var(--body-semi-bold-14-17);\n            color: ", ";\n          }\n\n          .customSelect__input-container {\n            margin: 0;\n            padding: 0;\n            grid-template-columns: 0;\n            input {\n              font: var(--body-semi-bold-14-17) !important;\n            }\n          }\n        }\n\n        .customSelect__indicator {\n          padding: 0;\n          margin: 0 0 0 1rem;\n          width: 16px;\n          height: 16px;\n          transition: all .2s ease;\n          &:is(.customSelect__dropdown-indicator){\n              ", ";   \n          }\n          &:is(.customSelect__clear-indicator){\n              background-image: url('", "');\n          }\n          div{\n            display: block;\n          }\n        }\n        .customSelect__indicator-separator {\n          display: none;\n        }\n      }\n\n      &:is(.isSearchable) {\n        .customSelect__value-container {\n          background-image: url('data:image/svg+xml;charset=utf-8,%3C%3Fxml%20version%3D%221.0%22%20standalone%3D%22no%22%3F%3E%0D%0A%3Csvg%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2216px%22%20height%3D%2216px%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20name%3D%22Search%22%3E%3Cg%20id%3D%22Search%22%3E%3Ccircle%20id%3D%22Ellipse_739%22%20cx%3D%227.33203%22%20cy%3D%227.33398%22%20r%3D%226%22%20stroke%3D%22%23", "%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3C%2Fcircle%3E%3Cpath%20id%3D%22Line_181%22%20d%3D%22M12%2012L14.6667%2014.6667%22%20stroke%3D%22%23", "%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E');\n          background-repeat: no-repeat;\n          background-position: 0 center;\n          padding: 11px 24px 11px 2rem;\n            &.customSelect__value-container--has-value{\n                background-image: ", ";\n            }\n        }\n      }\n\n      .customSelect__control--is-focused {\n        border-color: var(--primary);\n        box-shadow: none;\n      }\n      .customSelect__menu-notice{\n        text-align: start;\n        padding: 1rem 1.5rem;\n        font: var(--body-medium-14-17);\n        color:var(--dark-opacity-50);\n      }\n\n      .customSelect__menu {\n        margin: 0;\n        border-radius: 0 0 8px 8px;\n        box-shadow: none;\n        border: 1px solid var(--dark-opacity-10);\n        overflow: hidden;\n        .customSelect__menu-list {\n          padding: 0;\n          //max-height: ", ";\n          max-height: initial !important;\n          //scroll-margin: 0 10px 30px 0;\n          //scrollbar-color: var(--dark-opacity-10) var(--dark-opacity-10);\n          //scrollbar-width: thin;\n\n          &::-webkit-scrollbar {\n            width: 4px;\n            background-color: #ffffff;\n          }\n\n          &::-webkit-scrollbar-track {\n            border-radius: 10px;\n            background: white;\n          }\n\n          &::-webkit-scrollbar-thumb {\n            border-radius: 10px;\n            background: var(--dark-opacity-10);\n          }\n          \n          .option {\n            height: 70px;\n            padding: 0 1.5rem;\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            background-color: #fff;\n            position: relative;\n            color: var(--dark);\n            cursor: pointer;\n            box-sizing: border-box;\n\n            &:hover,&:is(.customSelect__option--is-focused) {\n              background-color: var(--dark-opacity-3);\n            }\n\n            &:active {\n              background-color: var(--dark-opacity-3);\n            }\n\n            &:is(.optionSm) {\n              height: auto;\n              min-height: 51px;\n              padding: 1rem 1.5rem;\n            }\n\n            &:is(.fixedBottom) {\n              position: sticky;\n              bottom: 0;\n              left: 0;\n              right: 0;\n              z-index: 4;\n              strong{\n                color: var(--dark-opacity-50);\n              }\n            }\n\n            strong {\n              display: block;\n              font:var(--title-bold-16-19);\n            }\n\n            span {\n              display: block;\n              font:var(--body-medium-13-16);\n            }\n          }\n        }\n      }\n\n      &:is(.isSearchable) {\n          .customSelect__control--menu-is-open {\n              .customSelect__value-container {\n                  background-image: url('", "') !important;\n              }\n          }\n      }\n      .customSelect__control--menu-is-open {\n        &:before{\n          border-color: var(--primary);\n          border-width: 2px;\n          border-bottom-left-radius: 0;\n          border-bottom-right-radius: 0;\n        }\n        box-shadow: none;\n        .customSelect__indicator{\n          &:is(.customSelect__dropdown-indicator){\n            transform: rotate(180deg);\n          }\n        }\n\n        .customSelect__value-container {\n          .customSelect__placeholder {\n            color: var(--dark-opacity-50);\n          }\n        }\n\n\n        .customSelect__single-value, .customSelect__clear-indicator  {\n          display: none !important;\n        }\n      }\n    }\n  }\n"], ["\n  display: flex;\n  flex-direction: column;\n  width: ", ";\n  \n  .top {\n    display: flex;\n    margin-bottom: 16px;\n    font:var(--caption-bold-12-15);\n    &.justify-between {\n      justify-content: space-between;\n    }\n    p {\n      margin: 0;\n      color: var(--dark-opacity-50);\n    }\n  }\n\n  [data-simplebar] {\n    max-height: ", " !important;\n      height: auto !important;\n      padding: 0 !important;\n  }\n\n  .error {\n    display: flex;\n    align-items: center;\n    margin-top: 8px;\n    color: var(--red);\n\n    svg {\n      margin-right: 8px;\n    }\n\n    p {\n      margin: 0;\n      font:var(--caption-semi-bold-11-13);\n    }\n  }\n\n  .select {\n    position: relative;\n    .customSelect{\n      &:is(.lightBg){\n        .customSelect__control {\n          background-color: white;\n        }\n      }\n      .customSelect__control {\n        height: 56px;\n        background-color: var(--dark-opacity-3);\n        border: 0;\n        padding: 0 1.5rem;\n        cursor: pointer;\n        &:before{\n          content: \"\";\n          position: absolute;\n          inset:0;\n          user-select: none;\n          pointer-events: none;\n          border-width: ", ";\n          border-style: solid;\n          border-radius: 8px;\n          border-color: ", ";\n        }\n\n        &:hover {\n          &:before{\n            border-color: var(--primary);\n            border-width: 2px;\n          }\n        }\n\n        .customSelect__value-container {\n          padding: 0;\n          .customSelect__placeholder {\n            font: var(--body-semi-bold-14-17);\n            color: ", ";\n            margin: 0;\n          }\n\n          .customSelect__single-value {\n            margin: 0;\n            padding: 0;\n            font: var(--body-semi-bold-14-17);\n            color: ", ";\n          }\n\n          .customSelect__input-container {\n            margin: 0;\n            padding: 0;\n            grid-template-columns: 0;\n            input {\n              font: var(--body-semi-bold-14-17) !important;\n            }\n          }\n        }\n\n        .customSelect__indicator {\n          padding: 0;\n          margin: 0 0 0 1rem;\n          width: 16px;\n          height: 16px;\n          transition: all .2s ease;\n          &:is(.customSelect__dropdown-indicator){\n              ", ";   \n          }\n          &:is(.customSelect__clear-indicator){\n              background-image: url('", "');\n          }\n          div{\n            display: block;\n          }\n        }\n        .customSelect__indicator-separator {\n          display: none;\n        }\n      }\n\n      &:is(.isSearchable) {\n        .customSelect__value-container {\n          background-image: url('data:image/svg+xml;charset=utf-8,%3C%3Fxml%20version%3D%221.0%22%20standalone%3D%22no%22%3F%3E%0D%0A%3Csvg%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2216px%22%20height%3D%2216px%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20name%3D%22Search%22%3E%3Cg%20id%3D%22Search%22%3E%3Ccircle%20id%3D%22Ellipse_739%22%20cx%3D%227.33203%22%20cy%3D%227.33398%22%20r%3D%226%22%20stroke%3D%22%23", "%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3C%2Fcircle%3E%3Cpath%20id%3D%22Line_181%22%20d%3D%22M12%2012L14.6667%2014.6667%22%20stroke%3D%22%23", "%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E');\n          background-repeat: no-repeat;\n          background-position: 0 center;\n          padding: 11px 24px 11px 2rem;\n            &.customSelect__value-container--has-value{\n                background-image: ", ";\n            }\n        }\n      }\n\n      .customSelect__control--is-focused {\n        border-color: var(--primary);\n        box-shadow: none;\n      }\n      .customSelect__menu-notice{\n        text-align: start;\n        padding: 1rem 1.5rem;\n        font: var(--body-medium-14-17);\n        color:var(--dark-opacity-50);\n      }\n\n      .customSelect__menu {\n        margin: 0;\n        border-radius: 0 0 8px 8px;\n        box-shadow: none;\n        border: 1px solid var(--dark-opacity-10);\n        overflow: hidden;\n        .customSelect__menu-list {\n          padding: 0;\n          //max-height: ", ";\n          max-height: initial !important;\n          //scroll-margin: 0 10px 30px 0;\n          //scrollbar-color: var(--dark-opacity-10) var(--dark-opacity-10);\n          //scrollbar-width: thin;\n\n          &::-webkit-scrollbar {\n            width: 4px;\n            background-color: #ffffff;\n          }\n\n          &::-webkit-scrollbar-track {\n            border-radius: 10px;\n            background: white;\n          }\n\n          &::-webkit-scrollbar-thumb {\n            border-radius: 10px;\n            background: var(--dark-opacity-10);\n          }\n          \n          .option {\n            height: 70px;\n            padding: 0 1.5rem;\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            background-color: #fff;\n            position: relative;\n            color: var(--dark);\n            cursor: pointer;\n            box-sizing: border-box;\n\n            &:hover,&:is(.customSelect__option--is-focused) {\n              background-color: var(--dark-opacity-3);\n            }\n\n            &:active {\n              background-color: var(--dark-opacity-3);\n            }\n\n            &:is(.optionSm) {\n              height: auto;\n              min-height: 51px;\n              padding: 1rem 1.5rem;\n            }\n\n            &:is(.fixedBottom) {\n              position: sticky;\n              bottom: 0;\n              left: 0;\n              right: 0;\n              z-index: 4;\n              strong{\n                color: var(--dark-opacity-50);\n              }\n            }\n\n            strong {\n              display: block;\n              font:var(--title-bold-16-19);\n            }\n\n            span {\n              display: block;\n              font:var(--body-medium-13-16);\n            }\n          }\n        }\n      }\n\n      &:is(.isSearchable) {\n          .customSelect__control--menu-is-open {\n              .customSelect__value-container {\n                  background-image: url('", "') !important;\n              }\n          }\n      }\n      .customSelect__control--menu-is-open {\n        &:before{\n          border-color: var(--primary);\n          border-width: 2px;\n          border-bottom-left-radius: 0;\n          border-bottom-right-radius: 0;\n        }\n        box-shadow: none;\n        .customSelect__indicator{\n          &:is(.customSelect__dropdown-indicator){\n            transform: rotate(180deg);\n          }\n        }\n\n        .customSelect__value-container {\n          .customSelect__placeholder {\n            color: var(--dark-opacity-50);\n          }\n        }\n\n\n        .customSelect__single-value, .customSelect__clear-indicator  {\n          display: none !important;\n        }\n      }\n    }\n  }\n"])), function (props) { return props.width || '370px'; }, function (props) { return props.maxOptionListHeight && props.maxOptionListHeight; }, function (props) { return props.hasError ? "2px" : "1px"; }, function (props) { return props.hasError ? "var(--red)" : "var(--dark-opacity-10)"; }, function (props) { return props.hasError ? "var(--red)" : "var(--dark-opacity-50)"; }, function (props) { return props.hasError ? "var(--red)" : "var(--dark)"; }, function (props) { return props.hasShowDropdownIcon ? "display:inline-block" : "display:none"; }, (0, svgToBase64_1.default)((0, jsx_runtime_1.jsx)(Icon_1.default, { name: "Close", hasWrapper: false, width: "16px", height: "16px" })), function (props) { return props.hasError ? "FF1F1F" : "84879E"; }, function (props) { return props.hasError ? "FF1F1F" : "84879E"; }, function (props) { return !props.hasError && "url('data:image/svg+xml;charset=utf-8,%3C%3Fxml%20version%3D%221.0%22%20standalone%3D%22no%22%3F%3E%0D%0A%3Csvg%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2216px%22%20height%3D%2216px%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20name%3D%22Search%22%3E%3Cg%20id%3D%22Search%22%3E%3Ccircle%20id%3D%22Ellipse_739%22%20cx%3D%227.33203%22%20cy%3D%227.33398%22%20r%3D%226%22%20stroke%3D%22%230A103D%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3C%2Fcircle%3E%3Cpath%20id%3D%22Line_181%22%20d%3D%22M12%2012L14.6667%2014.6667%22%20stroke%3D%22%230A103D%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E')"; }, function (props) { return props.maxOptionListHeight; }, (0, svgToBase64_1.default)((0, jsx_runtime_1.jsx)(Icon_1.default, { name: "Search", hasWrapper: false, width: "16px", height: "16px" })));
 var templateObject_1;

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;--box-shadow-color: #EAE9F0;--icon-shadow-color: #E7E7EC;--search-shadow-color: #F3F3F5;--dark-shadow-color: #C2C3CE;--breakpoint-xs: 0;--breakpoint-sm: 576px;--breakpoint-md: 768px;--breakpoint-lg: 992px;--breakpoint-xl: 1200px;--breakpoint-xxl: 1400px;--display-black-96-116: 900 96px/116px var(--font-family-sans-serif) ;--display-black-72-87: 900 72px/87px var(--font-family-sans-serif) ;--display-black-64-77: 900 64px/77px var(--font-family-sans-serif) ;--display-black-56-68: 900 56px/68px var(--font-family-sans-serif) ;--display-extra-bold-96-116: 800 96px/116px var(--font-family-sans-serif) ;--display-extra-bold-72-87: 800 72px/87px var(--font-family-sans-serif) ;--display-extra-bold-64-77: 800 64px/77px var(--font-family-sans-serif) ;--display-extra-bold-56-68: 800 56px/68px var(--font-family-sans-serif) ;--display-bold-96-116: 700 96px/116px var(--font-family-sans-serif) ;--display-bold-72-87: 700 72px/87px var(--font-family-sans-serif) ;--display-bold-64-77: 700 64px/77px var(--font-family-sans-serif) ;--display-bold-56-68: 700 56px/68px var(--font-family-sans-serif) ;--display-semi-bold-96-116: 600 96px/116px var(--font-family-sans-serif) ;--display-semi-bold-72-87: 600 72px/87px var(--font-family-sans-serif) ;--display-semi-bold-64-77: 600 64px/77px var(--font-family-sans-serif) ;--display-semi-bold-56-68: 600 56px/68px var(--font-family-sans-serif) ;--display-medium-96-116: 500 96px/116px var(--font-family-sans-serif) ;--display-medium-72-87: 500 72px/87px var(--font-family-sans-serif) ;--display-medium-64-77: 500 64px/77px var(--font-family-sans-serif) ;--display-medium-56-68: 500 56px/68px var(--font-family-sans-serif) ;--display-regular-96-116: 400 96px/116px var(--font-family-sans-serif) ;--display-regular-72-87: 400 72px/87px var(--font-family-sans-serif) ;--display-regular-64-77: 400 64px/77px var(--font-family-sans-serif) ;--display-regular-56-68: 400 56px/68px var(--font-family-sans-serif) ;--display-light-96-116: 300 96px/116px var(--font-family-sans-serif) ;--display-light-72-87: 300 72px/87px var(--font-family-sans-serif) ;--display-light-64-77: 300 64px/77px var(--font-family-sans-serif) ;--display-light-56-68: 300 56px/68px var(--font-family-sans-serif) ;--headline-black-48-58: 900 48px/58px var(--font-family-sans-serif) ;--headline-black-40-48: 900 40px/48px var(--font-family-sans-serif) ;--headline-black-32-39: 900 32px/39px var(--font-family-sans-serif) ;--headline-black-24-29: 900 24px/29px var(--font-family-sans-serif) ;--headline-black-20-24: 900 20px/24px var(--font-family-sans-serif) ;--headline-black-18-22: 900 18px/22px var(--font-family-sans-serif) ;--headline-extra-bold-48-58: 800 48px/58px var(--font-family-sans-serif) ;--headline-extra-bold-40-48: 800 40px/48px var(--font-family-sans-serif) ;--headline-extra-bold-32-39: 800 32px/39px var(--font-family-sans-serif) ;--headline-extra-bold-24-29: 800 24px/29px var(--font-family-sans-serif) ;--headline-extra-bold-20-24: 800 20px/24px var(--font-family-sans-serif) ;--headline-extra-bold-18-22: 800 18px/22px var(--font-family-sans-serif) ;--headline-bold-48-58: 700 48px/58px var(--font-family-sans-serif) ;--headline-bold-40-48: 700 40px/48px var(--font-family-sans-serif) ;--headline-bold-32-39: 700 32px/39px var(--font-family-sans-serif) ;--headline-bold-24-29: 700 24px/29px var(--font-family-sans-serif) ;--headline-bold-20-24: 700 20px/24px var(--font-family-sans-serif) ;--headline-bold-18-22: 700 18px/22px var(--font-family-sans-serif) ;--headline-semi-bold-48-58: 600 48px/58px var(--font-family-sans-serif) ;--headline-semi-bold-40-48: 600 40px/48px var(--font-family-sans-serif) ;--headline-semi-bold-32-39: 600 32px/39px var(--font-family-sans-serif) ;--headline-semi-bold-24-29: 600 24px/29px var(--font-family-sans-serif) ;--headline-semi-bold-20-24: 600 20px/24px var(--font-family-sans-serif) ;--headline-semi-bold-18-22: 600 18px/22px var(--font-family-sans-serif) ;--headline-medium-48-58: 500 48px/58px var(--font-family-sans-serif) ;--headline-medium-40-48: 500 40px/48px var(--font-family-sans-serif) ;--headline-medium-32-39: 500 32px/39px var(--font-family-sans-serif) ;--headline-medium-24-29: 500 24px/29px var(--font-family-sans-serif) ;--headline-medium-20-24: 500 20px/24px var(--font-family-sans-serif) ;--headline-medium-18-22: 500 18px/22px var(--font-family-sans-serif) ;--headline-regular-48-58: 400 48px/58px var(--font-family-sans-serif) ;--headline-regular-40-48: 400 40px/48px var(--font-family-sans-serif) ;--headline-regular-32-39: 400 32px/39px var(--font-family-sans-serif) ;--headline-regular-24-29: 400 24px/29px var(--font-family-sans-serif) ;--headline-regular-20-24: 400 20px/24px var(--font-family-sans-serif) ;--headline-regular-18-22: 400 18px/22px var(--font-family-sans-serif) ;--headline-light-48-58: 300 48px/58px var(--font-family-sans-serif) ;--headline-light-40-48: 300 40px/48px var(--font-family-sans-serif) ;--headline-light-32-39: 300 32px/39px var(--font-family-sans-serif) ;--headline-light-24-29: 300 24px/29px var(--font-family-sans-serif) ;--headline-light-20-24: 300 20px/24px var(--font-family-sans-serif) ;--headline-light-18-22: 300 18px/22px var(--font-family-sans-serif) ;--title-black-16-19: 900 16px/19px var(--font-family-sans-serif) ;--title-extra-bold-16-19: 800 16px/19px var(--font-family-sans-serif) ;--title-bold-16-19: 700 16px/19px var(--font-family-sans-serif) ;--title-semi-bold-16-19: 600 16px/19px var(--font-family-sans-serif) ;--title-medium-16-19: 500 16px/19px var(--font-family-sans-serif) ;--title-regular-16-19: 400 16px/19px var(--font-family-sans-serif) ;--title-light-16-19: 300 16px/19px var(--font-family-sans-serif) ;--body-black-14-17: 900 14px/17px var(--font-family-sans-serif) ;--body-black-13-16: 900 13px/16px var(--font-family-sans-serif) ;--body-extra-bold-14-17: 800 14px/17px var(--font-family-sans-serif) ;--body-extra-bold-13-16: 800 13px/16px var(--font-family-sans-serif) ;--body-bold-14-17: 700 14px/17px var(--font-family-sans-serif) ;--body-bold-13-16: 700 13px/16px var(--font-family-sans-serif) ;--body-semi-bold-14-17: 600 14px/17px var(--font-family-sans-serif) ;--body-semi-bold-13-16: 600 13px/16px var(--font-family-sans-serif) ;--body-medium-14-17: 500 14px/17px var(--font-family-sans-serif) ;--body-medium-13-16: 500 13px/16px var(--font-family-sans-serif) ;--body-regular-14-17: 400 14px/17px var(--font-family-sans-serif) ;--body-regular-13-16: 400 13px/16px var(--font-family-sans-serif) ;--body-light-14-17: 300 14px/17px var(--font-family-sans-serif) ;--body-light-13-16: 300 13px/16px var(--font-family-sans-serif) ;--caption-black-12-15: 900 12px/15px var(--font-family-sans-serif) ;--caption-black-11-13: 900 11px/13px var(--font-family-sans-serif) ;--caption-black-10-12: 900 10px/12px var(--font-family-sans-serif) ;--caption-extra-bold-12-15: 800 12px/15px var(--font-family-sans-serif) ;--caption-extra-bold-11-13: 800 11px/13px var(--font-family-sans-serif) ;--caption-extra-bold-10-12: 800 10px/12px var(--font-family-sans-serif) ;--caption-bold-12-15: 700 12px/15px var(--font-family-sans-serif) ;--caption-bold-11-13: 700 11px/13px var(--font-family-sans-serif) ;--caption-bold-10-12: 700 10px/12px var(--font-family-sans-serif) ;--caption-semi-bold-12-15: 600 12px/15px var(--font-family-sans-serif) ;--caption-semi-bold-11-13: 600 11px/13px var(--font-family-sans-serif) ;--caption-semi-bold-10-12: 600 10px/12px var(--font-family-sans-serif) ;--caption-medium-12-15: 500 12px/15px var(--font-family-sans-serif) ;--caption-medium-11-13: 500 11px/13px var(--font-family-sans-serif) ;--caption-medium-10-12: 500 10px/12px var(--font-family-sans-serif) ;--caption-regular-12-15: 400 12px/15px var(--font-family-sans-serif) ;--caption-regular-11-13: 400 11px/13px var(--font-family-sans-serif) ;--caption-regular-10-12: 400 10px/12px var(--font-family-sans-serif) ;--caption-light-12-15: 300 12px/15px var(--font-family-sans-serif) ;--caption-light-11-13: 300 11px/13px var(--font-family-sans-serif) ;--caption-light-10-12: 300 10px/12px var(--font-family-sans-serif) ;--font-family-sans-serif: "Inter", -apple-system, BlinkMacSystemFont, Arial, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif}.display-black-96-116{font:900 96px/116px var(--font-family-sans-serif)}.display-black-72-87{font:900 72px/87px var(--font-family-sans-serif)}.display-black-64-77{font:900 64px/77px var(--font-family-sans-serif)}.display-black-56-68{font:900 56px/68px var(--font-family-sans-serif)}.display-extra-bold-96-116{font:800 96px/116px var(--font-family-sans-serif)}.display-extra-bold-72-87{font:800 72px/87px var(--font-family-sans-serif)}.display-extra-bold-64-77{font:800 64px/77px var(--font-family-sans-serif)}.display-extra-bold-56-68{font:800 56px/68px var(--font-family-sans-serif)}.display-bold-96-116{font:700 96px/116px var(--font-family-sans-serif)}.display-bold-72-87{font:700 72px/87px var(--font-family-sans-serif)}.display-bold-64-77{font:700 64px/77px var(--font-family-sans-serif)}.display-bold-56-68{font:700 56px/68px var(--font-family-sans-serif)}.display-semi-bold-96-116{font:600 96px/116px var(--font-family-sans-serif)}.display-semi-bold-72-87{font:600 72px/87px var(--font-family-sans-serif)}.display-semi-bold-64-77{font:600 64px/77px var(--font-family-sans-serif)}.display-semi-bold-56-68{font:600 56px/68px var(--font-family-sans-serif)}.display-medium-96-116{font:500 96px/116px var(--font-family-sans-serif)}.display-medium-72-87{font:500 72px/87px var(--font-family-sans-serif)}.display-medium-64-77{font:500 64px/77px var(--font-family-sans-serif)}.display-medium-56-68{font:500 56px/68px var(--font-family-sans-serif)}.display-regular-96-116{font:400 96px/116px var(--font-family-sans-serif)}.display-regular-72-87{font:400 72px/87px var(--font-family-sans-serif)}.display-regular-64-77{font:400 64px/77px var(--font-family-sans-serif)}.display-regular-56-68{font:400 56px/68px var(--font-family-sans-serif)}.display-light-96-116{font:300 96px/116px var(--font-family-sans-serif)}.display-light-72-87{font:300 72px/87px var(--font-family-sans-serif)}.display-light-64-77{font:300 64px/77px var(--font-family-sans-serif)}.display-light-56-68{font:300 56px/68px var(--font-family-sans-serif)}.headline-black-48-58{font:900 48px/58px var(--font-family-sans-serif)}.headline-black-40-48{font:900 40px/48px var(--font-family-sans-serif)}.headline-black-32-39{font:900 32px/39px var(--font-family-sans-serif)}.headline-black-24-29{font:900 24px/29px var(--font-family-sans-serif)}.headline-black-20-24{font:900 20px/24px var(--font-family-sans-serif)}.headline-black-18-22{font:900 18px/22px var(--font-family-sans-serif)}.headline-extra-bold-48-58{font:800 48px/58px var(--font-family-sans-serif)}.headline-extra-bold-40-48{font:800 40px/48px var(--font-family-sans-serif)}.headline-extra-bold-32-39{font:800 32px/39px var(--font-family-sans-serif)}.headline-extra-bold-24-29{font:800 24px/29px var(--font-family-sans-serif)}.headline-extra-bold-20-24{font:800 20px/24px var(--font-family-sans-serif)}.headline-extra-bold-18-22{font:800 18px/22px var(--font-family-sans-serif)}.headline-bold-48-58{font:700 48px/58px var(--font-family-sans-serif)}.headline-bold-40-48{font:700 40px/48px var(--font-family-sans-serif)}.headline-bold-32-39{font:700 32px/39px var(--font-family-sans-serif)}.headline-bold-24-29{font:700 24px/29px var(--font-family-sans-serif)}.headline-bold-20-24{font:700 20px/24px var(--font-family-sans-serif)}.headline-bold-18-22{font:700 18px/22px var(--font-family-sans-serif)}.headline-semi-bold-48-58{font:600 48px/58px var(--font-family-sans-serif)}.headline-semi-bold-40-48{font:600 40px/48px var(--font-family-sans-serif)}.headline-semi-bold-32-39{font:600 32px/39px var(--font-family-sans-serif)}.headline-semi-bold-24-29{font:600 24px/29px var(--font-family-sans-serif)}.headline-semi-bold-20-24{font:600 20px/24px var(--font-family-sans-serif)}.headline-semi-bold-18-22{font:600 18px/22px var(--font-family-sans-serif)}.headline-medium-48-58{font:500 48px/58px var(--font-family-sans-serif)}.headline-medium-40-48{font:500 40px/48px var(--font-family-sans-serif)}.headline-medium-32-39{font:500 32px/39px var(--font-family-sans-serif)}.headline-medium-24-29{font:500 24px/29px var(--font-family-sans-serif)}.headline-medium-20-24{font:500 20px/24px var(--font-family-sans-serif)}.headline-medium-18-22{font:500 18px/22px var(--font-family-sans-serif)}.headline-regular-48-58{font:400 48px/58px var(--font-family-sans-serif)}.headline-regular-40-48{font:400 40px/48px var(--font-family-sans-serif)}.headline-regular-32-39{font:400 32px/39px var(--font-family-sans-serif)}.headline-regular-24-29{font:400 24px/29px var(--font-family-sans-serif)}.headline-regular-20-24{font:400 20px/24px var(--font-family-sans-serif)}.headline-regular-18-22{font:400 18px/22px var(--font-family-sans-serif)}.headline-light-48-58{font:300 48px/58px var(--font-family-sans-serif)}.headline-light-40-48{font:300 40px/48px var(--font-family-sans-serif)}.headline-light-32-39{font:300 32px/39px var(--font-family-sans-serif)}.headline-light-24-29{font:300 24px/29px var(--font-family-sans-serif)}.headline-light-20-24{font:300 20px/24px var(--font-family-sans-serif)}.headline-light-18-22{font:300 18px/22px var(--font-family-sans-serif)}.title-black-16-19{font:900 16px/19px var(--font-family-sans-serif)}.title-extra-bold-16-19{font:800 16px/19px var(--font-family-sans-serif)}.title-bold-16-19{font:700 16px/19px var(--font-family-sans-serif)}.title-semi-bold-16-19{font:600 16px/19px var(--font-family-sans-serif)}.title-medium-16-19{font:500 16px/19px var(--font-family-sans-serif)}.title-regular-16-19{font:400 16px/19px var(--font-family-sans-serif)}.title-light-16-19{font:300 16px/19px var(--font-family-sans-serif)}.body-black-14-17{font:900 14px/17px var(--font-family-sans-serif)}.body-black-13-16{font:900 13px/16px var(--font-family-sans-serif)}.body-extra-bold-14-17{font:800 14px/17px var(--font-family-sans-serif)}.body-extra-bold-13-16{font:800 13px/16px var(--font-family-sans-serif)}.body-bold-14-17{font:700 14px/17px var(--font-family-sans-serif)}.body-bold-13-16{font:700 13px/16px var(--font-family-sans-serif)}.body-semi-bold-14-17{font:600 14px/17px var(--font-family-sans-serif)}.body-semi-bold-13-16{font:600 13px/16px var(--font-family-sans-serif)}.body-medium-14-17{font:500 14px/17px var(--font-family-sans-serif)}.body-medium-13-16{font:500 13px/16px var(--font-family-sans-serif)}.body-regular-14-17{font:400 14px/17px var(--font-family-sans-serif)}.body-regular-13-16{font:400 13px/16px var(--font-family-sans-serif)}.body-light-14-17{font:300 14px/17px var(--font-family-sans-serif)}.body-light-13-16{font:300 13px/16px var(--font-family-sans-serif)}.caption-black-12-15{font:900 12px/15px var(--font-family-sans-serif)}.caption-black-11-13{font:900 11px/13px var(--font-family-sans-serif)}.caption-black-10-12{font:900 10px/12px var(--font-family-sans-serif)}.caption-extra-bold-12-15{font:800 12px/15px var(--font-family-sans-serif)}.caption-extra-bold-11-13{font:800 11px/13px var(--font-family-sans-serif)}.caption-extra-bold-10-12{font:800 10px/12px var(--font-family-sans-serif)}.caption-bold-12-15{font:700 12px/15px var(--font-family-sans-serif)}.caption-bold-11-13{font:700 11px/13px var(--font-family-sans-serif)}.caption-bold-10-12{font:700 10px/12px var(--font-family-sans-serif)}.caption-semi-bold-12-15{font:600 12px/15px var(--font-family-sans-serif)}.caption-semi-bold-11-13{font:600 11px/13px var(--font-family-sans-serif)}.caption-semi-bold-10-12{font:600 10px/12px var(--font-family-sans-serif)}.caption-medium-12-15{font:500 12px/15px var(--font-family-sans-serif)}.caption-medium-11-13{font:500 11px/13px var(--font-family-sans-serif)}.caption-medium-10-12{font:500 10px/12px var(--font-family-sans-serif)}.caption-regular-12-15{font:400 12px/15px var(--font-family-sans-serif)}.caption-regular-11-13{font:400 11px/13px var(--font-family-sans-serif)}.caption-regular-10-12{font:400 10px/12px var(--font-family-sans-serif)}.caption-light-12-15{font:300 12px/15px var(--font-family-sans-serif)}.caption-light-11-13{font:300 11px/13px var(--font-family-sans-serif)}.caption-light-10-12{font:300 10px/12px var(--font-family-sans-serif)}@font-face{font-family:"Inter";font-style:normal;font-weight:100;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7SUc.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:"Inter";font-style:normal;font-weight:100;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7SUc.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:"Inter";font-style:normal;font-weight:100;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7SUc.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:"Inter";font-style:normal;font-weight:100;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7SUc.woff2) format("woff2");unicode-range:U+0370-03FF}@font-face{font-family:"Inter";font-style:normal;font-weight:100;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7SUc.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Inter";font-style:normal;font-weight:100;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7SUc.woff2) format("woff2");unicode-range:U+0100-02AF,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Inter";font-style:normal;font-weight:100;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Inter";font-style:normal;font-weight:200;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7SUc.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:"Inter";font-style:normal;font-weight:200;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7SUc.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:"Inter";font-style:normal;font-weight:200;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7SUc.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:"Inter";font-style:normal;font-weight:200;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7SUc.woff2) format("woff2");unicode-range:U+0370-03FF}@font-face{font-family:"Inter";font-style:normal;font-weight:200;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7SUc.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Inter";font-style:normal;font-weight:200;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7SUc.woff2) format("woff2");unicode-range:U+0100-02AF,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Inter";font-style:normal;font-weight:200;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Inter";font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7SUc.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:"Inter";font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7SUc.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:"Inter";font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7SUc.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:"Inter";font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7SUc.woff2) format("woff2");unicode-range:U+0370-03FF}@font-face{font-family:"Inter";font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7SUc.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Inter";font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7SUc.woff2) format("woff2");unicode-range:U+0100-02AF,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Inter";font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7SUc.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7SUc.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7SUc.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7SUc.woff2) format("woff2");unicode-range:U+0370-03FF}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7SUc.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7SUc.woff2) format("woff2");unicode-range:U+0100-02AF,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7SUc.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7SUc.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7SUc.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7SUc.woff2) format("woff2");unicode-range:U+0370-03FF}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7SUc.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7SUc.woff2) format("woff2");unicode-range:U+0100-02AF,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7SUc.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7SUc.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7SUc.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7SUc.woff2) format("woff2");unicode-range:U+0370-03FF}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7SUc.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7SUc.woff2) format("woff2");unicode-range:U+0100-02AF,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Inter";font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7SUc.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:"Inter";font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7SUc.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:"Inter";font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7SUc.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:"Inter";font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7SUc.woff2) format("woff2");unicode-range:U+0370-03FF}@font-face{font-family:"Inter";font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7SUc.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Inter";font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7SUc.woff2) format("woff2");unicode-range:U+0100-02AF,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Inter";font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Inter";font-style:normal;font-weight:800;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7SUc.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:"Inter";font-style:normal;font-weight:800;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7SUc.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:"Inter";font-style:normal;font-weight:800;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7SUc.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:"Inter";font-style:normal;font-weight:800;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7SUc.woff2) format("woff2");unicode-range:U+0370-03FF}@font-face{font-family:"Inter";font-style:normal;font-weight:800;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7SUc.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Inter";font-style:normal;font-weight:800;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7SUc.woff2) format("woff2");unicode-range:U+0100-02AF,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Inter";font-style:normal;font-weight:800;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Inter";font-style:normal;font-weight:900;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7SUc.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:"Inter";font-style:normal;font-weight:900;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7SUc.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:"Inter";font-style:normal;font-weight:900;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7SUc.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:"Inter";font-style:normal;font-weight:900;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7SUc.woff2) format("woff2");unicode-range:U+0370-03FF}@font-face{font-family:"Inter";font-style:normal;font-weight:900;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7SUc.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Inter";font-style:normal;font-weight:900;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7SUc.woff2) format("woff2");unicode-range:U+0100-02AF,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Inter";font-style:normal;font-weight:900;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:rgba(0,0,0,0)}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:before,.slick-track:after{display:table;content:""}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid rgba(0,0,0,0)}.slick-arrow.slick-hidden{display:none}.slick-prev,.slick-next{font-size:0;line-height:0;position:absolute;top:50%;display:block;width:20px;height:20px;padding:0;-webkit-transform:translate(0, -50%);-ms-transform:translate(0, -50%);transform:translate(0, -50%);cursor:pointer;color:rgba(0,0,0,0);border:none;outline:none;background:rgba(0,0,0,0)}.slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus{color:rgba(0,0,0,0);outline:none;background:rgba(0,0,0,0)}.slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before{opacity:1}.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before{opacity:.25}.slick-prev:before,.slick-next:before{font-family:"slick";font-size:20px;line-height:1;opacity:.75;color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-prev{left:-25px}[dir=rtl] .slick-prev{right:-25px;left:auto}.slick-prev:before{content:"←"}[dir=rtl] .slick-prev:before{content:"→"}.slick-next{right:-25px}[dir=rtl] .slick-next{right:auto;left:-25px}.slick-next:before{content:"→"}[dir=rtl] .slick-next:before{content:"←"}.slick-dotted.slick-slider{margin-bottom:30px}.slick-dots{position:absolute;bottom:-25px;display:block;width:100%;padding:0;margin:0;list-style:none;text-align:center}.slick-dots li{position:relative;display:inline-block;width:20px;height:20px;margin:0 5px;padding:0;cursor:pointer}.slick-dots li button{font-size:0;line-height:0;display:block;width:20px;height:20px;padding:5px;cursor:pointer;color:rgba(0,0,0,0);border:0;outline:none;background:rgba(0,0,0,0)}.slick-dots li button:hover,.slick-dots li button:focus{outline:none}.slick-dots li button:hover:before,.slick-dots li button:focus:before{opacity:1}.slick-dots li button:before{font-family:"slick";font-size:6px;line-height:20px;position:absolute;top:0;left:0;width:20px;height:20px;content:"•";text-align:center;opacity:.25;color:#000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-dots li.slick-active button:before{opacity:.75;color:#000}body{font-family:var(--font-family-sans-serif);color:var(--dark)}/*# sourceMappingURL=style.min.css.map */
+@import'simplebar-react/dist/simplebar.min.css';:root{--primary: #9763F6;--primary-press: #462D74;--primary-hover: #7149BB;--primary-shades-dark: #9C6DEF;--primary-shades-soft:  #CBB1FB;--primary-opacity-5: #FAF7FF;--primary-opacity-10: #F5EFFE;--primary-opacity-50: #CBB1FB;--primary-opacity-75: #B18AF8;--dark: #0A103D;--dark-opacity-3: #F9F8F9;--dark-opacity-5: #F3F3F5;--dark-opacity-10: #E7E7EC;--dark-opacity-25: #C2C3CE;--dark-opacity-50: #84879E;--dark-opacity-75: #474D6D;--grey-10: #E8E8EB;--grey-20: #D1D2D6;--grey-30: #BABBC2;--grey-40: #A3A5AD;--grey-50: #8C8E99;--green: #0FDF7B;--red: #FF1F1F;--yellow: #FFCE1F;--box-shadow-color: #EAE9F0;--icon-shadow-color: #E7E7EC;--search-shadow-color: #F3F3F5;--dark-shadow-color: #C2C3CE;--breakpoint-xs: 0;--breakpoint-sm: 576px;--breakpoint-md: 768px;--breakpoint-lg: 992px;--breakpoint-xl: 1200px;--breakpoint-xxl: 1400px;--display-black-96-116: 900 96px/116px var(--font-family-sans-serif) ;--display-black-72-87: 900 72px/87px var(--font-family-sans-serif) ;--display-black-64-77: 900 64px/77px var(--font-family-sans-serif) ;--display-black-56-68: 900 56px/68px var(--font-family-sans-serif) ;--display-extra-bold-96-116: 800 96px/116px var(--font-family-sans-serif) ;--display-extra-bold-72-87: 800 72px/87px var(--font-family-sans-serif) ;--display-extra-bold-64-77: 800 64px/77px var(--font-family-sans-serif) ;--display-extra-bold-56-68: 800 56px/68px var(--font-family-sans-serif) ;--display-bold-96-116: 700 96px/116px var(--font-family-sans-serif) ;--display-bold-72-87: 700 72px/87px var(--font-family-sans-serif) ;--display-bold-64-77: 700 64px/77px var(--font-family-sans-serif) ;--display-bold-56-68: 700 56px/68px var(--font-family-sans-serif) ;--display-semi-bold-96-116: 600 96px/116px var(--font-family-sans-serif) ;--display-semi-bold-72-87: 600 72px/87px var(--font-family-sans-serif) ;--display-semi-bold-64-77: 600 64px/77px var(--font-family-sans-serif) ;--display-semi-bold-56-68: 600 56px/68px var(--font-family-sans-serif) ;--display-medium-96-116: 500 96px/116px var(--font-family-sans-serif) ;--display-medium-72-87: 500 72px/87px var(--font-family-sans-serif) ;--display-medium-64-77: 500 64px/77px var(--font-family-sans-serif) ;--display-medium-56-68: 500 56px/68px var(--font-family-sans-serif) ;--display-regular-96-116: 400 96px/116px var(--font-family-sans-serif) ;--display-regular-72-87: 400 72px/87px var(--font-family-sans-serif) ;--display-regular-64-77: 400 64px/77px var(--font-family-sans-serif) ;--display-regular-56-68: 400 56px/68px var(--font-family-sans-serif) ;--display-light-96-116: 300 96px/116px var(--font-family-sans-serif) ;--display-light-72-87: 300 72px/87px var(--font-family-sans-serif) ;--display-light-64-77: 300 64px/77px var(--font-family-sans-serif) ;--display-light-56-68: 300 56px/68px var(--font-family-sans-serif) ;--headline-black-48-58: 900 48px/58px var(--font-family-sans-serif) ;--headline-black-40-48: 900 40px/48px var(--font-family-sans-serif) ;--headline-black-32-39: 900 32px/39px var(--font-family-sans-serif) ;--headline-black-24-29: 900 24px/29px var(--font-family-sans-serif) ;--headline-black-20-24: 900 20px/24px var(--font-family-sans-serif) ;--headline-black-18-22: 900 18px/22px var(--font-family-sans-serif) ;--headline-extra-bold-48-58: 800 48px/58px var(--font-family-sans-serif) ;--headline-extra-bold-40-48: 800 40px/48px var(--font-family-sans-serif) ;--headline-extra-bold-32-39: 800 32px/39px var(--font-family-sans-serif) ;--headline-extra-bold-24-29: 800 24px/29px var(--font-family-sans-serif) ;--headline-extra-bold-20-24: 800 20px/24px var(--font-family-sans-serif) ;--headline-extra-bold-18-22: 800 18px/22px var(--font-family-sans-serif) ;--headline-bold-48-58: 700 48px/58px var(--font-family-sans-serif) ;--headline-bold-40-48: 700 40px/48px var(--font-family-sans-serif) ;--headline-bold-32-39: 700 32px/39px var(--font-family-sans-serif) ;--headline-bold-24-29: 700 24px/29px var(--font-family-sans-serif) ;--headline-bold-20-24: 700 20px/24px var(--font-family-sans-serif) ;--headline-bold-18-22: 700 18px/22px var(--font-family-sans-serif) ;--headline-semi-bold-48-58: 600 48px/58px var(--font-family-sans-serif) ;--headline-semi-bold-40-48: 600 40px/48px var(--font-family-sans-serif) ;--headline-semi-bold-32-39: 600 32px/39px var(--font-family-sans-serif) ;--headline-semi-bold-24-29: 600 24px/29px var(--font-family-sans-serif) ;--headline-semi-bold-20-24: 600 20px/24px var(--font-family-sans-serif) ;--headline-semi-bold-18-22: 600 18px/22px var(--font-family-sans-serif) ;--headline-medium-48-58: 500 48px/58px var(--font-family-sans-serif) ;--headline-medium-40-48: 500 40px/48px var(--font-family-sans-serif) ;--headline-medium-32-39: 500 32px/39px var(--font-family-sans-serif) ;--headline-medium-24-29: 500 24px/29px var(--font-family-sans-serif) ;--headline-medium-20-24: 500 20px/24px var(--font-family-sans-serif) ;--headline-medium-18-22: 500 18px/22px var(--font-family-sans-serif) ;--headline-regular-48-58: 400 48px/58px var(--font-family-sans-serif) ;--headline-regular-40-48: 400 40px/48px var(--font-family-sans-serif) ;--headline-regular-32-39: 400 32px/39px var(--font-family-sans-serif) ;--headline-regular-24-29: 400 24px/29px var(--font-family-sans-serif) ;--headline-regular-20-24: 400 20px/24px var(--font-family-sans-serif) ;--headline-regular-18-22: 400 18px/22px var(--font-family-sans-serif) ;--headline-light-48-58: 300 48px/58px var(--font-family-sans-serif) ;--headline-light-40-48: 300 40px/48px var(--font-family-sans-serif) ;--headline-light-32-39: 300 32px/39px var(--font-family-sans-serif) ;--headline-light-24-29: 300 24px/29px var(--font-family-sans-serif) ;--headline-light-20-24: 300 20px/24px var(--font-family-sans-serif) ;--headline-light-18-22: 300 18px/22px var(--font-family-sans-serif) ;--title-black-16-19: 900 16px/19px var(--font-family-sans-serif) ;--title-extra-bold-16-19: 800 16px/19px var(--font-family-sans-serif) ;--title-bold-16-19: 700 16px/19px var(--font-family-sans-serif) ;--title-semi-bold-16-19: 600 16px/19px var(--font-family-sans-serif) ;--title-medium-16-19: 500 16px/19px var(--font-family-sans-serif) ;--title-regular-16-19: 400 16px/19px var(--font-family-sans-serif) ;--title-light-16-19: 300 16px/19px var(--font-family-sans-serif) ;--body-black-14-17: 900 14px/17px var(--font-family-sans-serif) ;--body-black-13-16: 900 13px/16px var(--font-family-sans-serif) ;--body-extra-bold-14-17: 800 14px/17px var(--font-family-sans-serif) ;--body-extra-bold-13-16: 800 13px/16px var(--font-family-sans-serif) ;--body-bold-14-17: 700 14px/17px var(--font-family-sans-serif) ;--body-bold-13-16: 700 13px/16px var(--font-family-sans-serif) ;--body-semi-bold-14-17: 600 14px/17px var(--font-family-sans-serif) ;--body-semi-bold-13-16: 600 13px/16px var(--font-family-sans-serif) ;--body-medium-14-17: 500 14px/17px var(--font-family-sans-serif) ;--body-medium-13-16: 500 13px/16px var(--font-family-sans-serif) ;--body-regular-14-17: 400 14px/17px var(--font-family-sans-serif) ;--body-regular-13-16: 400 13px/16px var(--font-family-sans-serif) ;--body-light-14-17: 300 14px/17px var(--font-family-sans-serif) ;--body-light-13-16: 300 13px/16px var(--font-family-sans-serif) ;--caption-black-12-15: 900 12px/15px var(--font-family-sans-serif) ;--caption-black-11-13: 900 11px/13px var(--font-family-sans-serif) ;--caption-black-10-12: 900 10px/12px var(--font-family-sans-serif) ;--caption-extra-bold-12-15: 800 12px/15px var(--font-family-sans-serif) ;--caption-extra-bold-11-13: 800 11px/13px var(--font-family-sans-serif) ;--caption-extra-bold-10-12: 800 10px/12px var(--font-family-sans-serif) ;--caption-bold-12-15: 700 12px/15px var(--font-family-sans-serif) ;--caption-bold-11-13: 700 11px/13px var(--font-family-sans-serif) ;--caption-bold-10-12: 700 10px/12px var(--font-family-sans-serif) ;--caption-semi-bold-12-15: 600 12px/15px var(--font-family-sans-serif) ;--caption-semi-bold-11-13: 600 11px/13px var(--font-family-sans-serif) ;--caption-semi-bold-10-12: 600 10px/12px var(--font-family-sans-serif) ;--caption-medium-12-15: 500 12px/15px var(--font-family-sans-serif) ;--caption-medium-11-13: 500 11px/13px var(--font-family-sans-serif) ;--caption-medium-10-12: 500 10px/12px var(--font-family-sans-serif) ;--caption-regular-12-15: 400 12px/15px var(--font-family-sans-serif) ;--caption-regular-11-13: 400 11px/13px var(--font-family-sans-serif) ;--caption-regular-10-12: 400 10px/12px var(--font-family-sans-serif) ;--caption-light-12-15: 300 12px/15px var(--font-family-sans-serif) ;--caption-light-11-13: 300 11px/13px var(--font-family-sans-serif) ;--caption-light-10-12: 300 10px/12px var(--font-family-sans-serif) ;--font-family-sans-serif: "Inter", -apple-system, BlinkMacSystemFont, Arial, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif}.display-black-96-116{font:900 96px/116px var(--font-family-sans-serif)}.display-black-72-87{font:900 72px/87px var(--font-family-sans-serif)}.display-black-64-77{font:900 64px/77px var(--font-family-sans-serif)}.display-black-56-68{font:900 56px/68px var(--font-family-sans-serif)}.display-extra-bold-96-116{font:800 96px/116px var(--font-family-sans-serif)}.display-extra-bold-72-87{font:800 72px/87px var(--font-family-sans-serif)}.display-extra-bold-64-77{font:800 64px/77px var(--font-family-sans-serif)}.display-extra-bold-56-68{font:800 56px/68px var(--font-family-sans-serif)}.display-bold-96-116{font:700 96px/116px var(--font-family-sans-serif)}.display-bold-72-87{font:700 72px/87px var(--font-family-sans-serif)}.display-bold-64-77{font:700 64px/77px var(--font-family-sans-serif)}.display-bold-56-68{font:700 56px/68px var(--font-family-sans-serif)}.display-semi-bold-96-116{font:600 96px/116px var(--font-family-sans-serif)}.display-semi-bold-72-87{font:600 72px/87px var(--font-family-sans-serif)}.display-semi-bold-64-77{font:600 64px/77px var(--font-family-sans-serif)}.display-semi-bold-56-68{font:600 56px/68px var(--font-family-sans-serif)}.display-medium-96-116{font:500 96px/116px var(--font-family-sans-serif)}.display-medium-72-87{font:500 72px/87px var(--font-family-sans-serif)}.display-medium-64-77{font:500 64px/77px var(--font-family-sans-serif)}.display-medium-56-68{font:500 56px/68px var(--font-family-sans-serif)}.display-regular-96-116{font:400 96px/116px var(--font-family-sans-serif)}.display-regular-72-87{font:400 72px/87px var(--font-family-sans-serif)}.display-regular-64-77{font:400 64px/77px var(--font-family-sans-serif)}.display-regular-56-68{font:400 56px/68px var(--font-family-sans-serif)}.display-light-96-116{font:300 96px/116px var(--font-family-sans-serif)}.display-light-72-87{font:300 72px/87px var(--font-family-sans-serif)}.display-light-64-77{font:300 64px/77px var(--font-family-sans-serif)}.display-light-56-68{font:300 56px/68px var(--font-family-sans-serif)}.headline-black-48-58{font:900 48px/58px var(--font-family-sans-serif)}.headline-black-40-48{font:900 40px/48px var(--font-family-sans-serif)}.headline-black-32-39{font:900 32px/39px var(--font-family-sans-serif)}.headline-black-24-29{font:900 24px/29px var(--font-family-sans-serif)}.headline-black-20-24{font:900 20px/24px var(--font-family-sans-serif)}.headline-black-18-22{font:900 18px/22px var(--font-family-sans-serif)}.headline-extra-bold-48-58{font:800 48px/58px var(--font-family-sans-serif)}.headline-extra-bold-40-48{font:800 40px/48px var(--font-family-sans-serif)}.headline-extra-bold-32-39{font:800 32px/39px var(--font-family-sans-serif)}.headline-extra-bold-24-29{font:800 24px/29px var(--font-family-sans-serif)}.headline-extra-bold-20-24{font:800 20px/24px var(--font-family-sans-serif)}.headline-extra-bold-18-22{font:800 18px/22px var(--font-family-sans-serif)}.headline-bold-48-58{font:700 48px/58px var(--font-family-sans-serif)}.headline-bold-40-48{font:700 40px/48px var(--font-family-sans-serif)}.headline-bold-32-39{font:700 32px/39px var(--font-family-sans-serif)}.headline-bold-24-29{font:700 24px/29px var(--font-family-sans-serif)}.headline-bold-20-24{font:700 20px/24px var(--font-family-sans-serif)}.headline-bold-18-22{font:700 18px/22px var(--font-family-sans-serif)}.headline-semi-bold-48-58{font:600 48px/58px var(--font-family-sans-serif)}.headline-semi-bold-40-48{font:600 40px/48px var(--font-family-sans-serif)}.headline-semi-bold-32-39{font:600 32px/39px var(--font-family-sans-serif)}.headline-semi-bold-24-29{font:600 24px/29px var(--font-family-sans-serif)}.headline-semi-bold-20-24{font:600 20px/24px var(--font-family-sans-serif)}.headline-semi-bold-18-22{font:600 18px/22px var(--font-family-sans-serif)}.headline-medium-48-58{font:500 48px/58px var(--font-family-sans-serif)}.headline-medium-40-48{font:500 40px/48px var(--font-family-sans-serif)}.headline-medium-32-39{font:500 32px/39px var(--font-family-sans-serif)}.headline-medium-24-29{font:500 24px/29px var(--font-family-sans-serif)}.headline-medium-20-24{font:500 20px/24px var(--font-family-sans-serif)}.headline-medium-18-22{font:500 18px/22px var(--font-family-sans-serif)}.headline-regular-48-58{font:400 48px/58px var(--font-family-sans-serif)}.headline-regular-40-48{font:400 40px/48px var(--font-family-sans-serif)}.headline-regular-32-39{font:400 32px/39px var(--font-family-sans-serif)}.headline-regular-24-29{font:400 24px/29px var(--font-family-sans-serif)}.headline-regular-20-24{font:400 20px/24px var(--font-family-sans-serif)}.headline-regular-18-22{font:400 18px/22px var(--font-family-sans-serif)}.headline-light-48-58{font:300 48px/58px var(--font-family-sans-serif)}.headline-light-40-48{font:300 40px/48px var(--font-family-sans-serif)}.headline-light-32-39{font:300 32px/39px var(--font-family-sans-serif)}.headline-light-24-29{font:300 24px/29px var(--font-family-sans-serif)}.headline-light-20-24{font:300 20px/24px var(--font-family-sans-serif)}.headline-light-18-22{font:300 18px/22px var(--font-family-sans-serif)}.title-black-16-19{font:900 16px/19px var(--font-family-sans-serif)}.title-extra-bold-16-19{font:800 16px/19px var(--font-family-sans-serif)}.title-bold-16-19{font:700 16px/19px var(--font-family-sans-serif)}.title-semi-bold-16-19{font:600 16px/19px var(--font-family-sans-serif)}.title-medium-16-19{font:500 16px/19px var(--font-family-sans-serif)}.title-regular-16-19{font:400 16px/19px var(--font-family-sans-serif)}.title-light-16-19{font:300 16px/19px var(--font-family-sans-serif)}.body-black-14-17{font:900 14px/17px var(--font-family-sans-serif)}.body-black-13-16{font:900 13px/16px var(--font-family-sans-serif)}.body-extra-bold-14-17{font:800 14px/17px var(--font-family-sans-serif)}.body-extra-bold-13-16{font:800 13px/16px var(--font-family-sans-serif)}.body-bold-14-17{font:700 14px/17px var(--font-family-sans-serif)}.body-bold-13-16{font:700 13px/16px var(--font-family-sans-serif)}.body-semi-bold-14-17{font:600 14px/17px var(--font-family-sans-serif)}.body-semi-bold-13-16{font:600 13px/16px var(--font-family-sans-serif)}.body-medium-14-17{font:500 14px/17px var(--font-family-sans-serif)}.body-medium-13-16{font:500 13px/16px var(--font-family-sans-serif)}.body-regular-14-17{font:400 14px/17px var(--font-family-sans-serif)}.body-regular-13-16{font:400 13px/16px var(--font-family-sans-serif)}.body-light-14-17{font:300 14px/17px var(--font-family-sans-serif)}.body-light-13-16{font:300 13px/16px var(--font-family-sans-serif)}.caption-black-12-15{font:900 12px/15px var(--font-family-sans-serif)}.caption-black-11-13{font:900 11px/13px var(--font-family-sans-serif)}.caption-black-10-12{font:900 10px/12px var(--font-family-sans-serif)}.caption-extra-bold-12-15{font:800 12px/15px var(--font-family-sans-serif)}.caption-extra-bold-11-13{font:800 11px/13px var(--font-family-sans-serif)}.caption-extra-bold-10-12{font:800 10px/12px var(--font-family-sans-serif)}.caption-bold-12-15{font:700 12px/15px var(--font-family-sans-serif)}.caption-bold-11-13{font:700 11px/13px var(--font-family-sans-serif)}.caption-bold-10-12{font:700 10px/12px var(--font-family-sans-serif)}.caption-semi-bold-12-15{font:600 12px/15px var(--font-family-sans-serif)}.caption-semi-bold-11-13{font:600 11px/13px var(--font-family-sans-serif)}.caption-semi-bold-10-12{font:600 10px/12px var(--font-family-sans-serif)}.caption-medium-12-15{font:500 12px/15px var(--font-family-sans-serif)}.caption-medium-11-13{font:500 11px/13px var(--font-family-sans-serif)}.caption-medium-10-12{font:500 10px/12px var(--font-family-sans-serif)}.caption-regular-12-15{font:400 12px/15px var(--font-family-sans-serif)}.caption-regular-11-13{font:400 11px/13px var(--font-family-sans-serif)}.caption-regular-10-12{font:400 10px/12px var(--font-family-sans-serif)}.caption-light-12-15{font:300 12px/15px var(--font-family-sans-serif)}.caption-light-11-13{font:300 11px/13px var(--font-family-sans-serif)}.caption-light-10-12{font:300 10px/12px var(--font-family-sans-serif)}@font-face{font-family:"Inter";font-style:normal;font-weight:100;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7SUc.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:"Inter";font-style:normal;font-weight:100;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7SUc.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:"Inter";font-style:normal;font-weight:100;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7SUc.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:"Inter";font-style:normal;font-weight:100;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7SUc.woff2) format("woff2");unicode-range:U+0370-03FF}@font-face{font-family:"Inter";font-style:normal;font-weight:100;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7SUc.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Inter";font-style:normal;font-weight:100;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7SUc.woff2) format("woff2");unicode-range:U+0100-02AF,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Inter";font-style:normal;font-weight:100;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Inter";font-style:normal;font-weight:200;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7SUc.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:"Inter";font-style:normal;font-weight:200;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7SUc.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:"Inter";font-style:normal;font-weight:200;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7SUc.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:"Inter";font-style:normal;font-weight:200;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7SUc.woff2) format("woff2");unicode-range:U+0370-03FF}@font-face{font-family:"Inter";font-style:normal;font-weight:200;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7SUc.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Inter";font-style:normal;font-weight:200;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7SUc.woff2) format("woff2");unicode-range:U+0100-02AF,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Inter";font-style:normal;font-weight:200;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Inter";font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7SUc.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:"Inter";font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7SUc.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:"Inter";font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7SUc.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:"Inter";font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7SUc.woff2) format("woff2");unicode-range:U+0370-03FF}@font-face{font-family:"Inter";font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7SUc.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Inter";font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7SUc.woff2) format("woff2");unicode-range:U+0100-02AF,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Inter";font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7SUc.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7SUc.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7SUc.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7SUc.woff2) format("woff2");unicode-range:U+0370-03FF}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7SUc.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7SUc.woff2) format("woff2");unicode-range:U+0100-02AF,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7SUc.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7SUc.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7SUc.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7SUc.woff2) format("woff2");unicode-range:U+0370-03FF}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7SUc.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7SUc.woff2) format("woff2");unicode-range:U+0100-02AF,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7SUc.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7SUc.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7SUc.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7SUc.woff2) format("woff2");unicode-range:U+0370-03FF}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7SUc.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7SUc.woff2) format("woff2");unicode-range:U+0100-02AF,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Inter";font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7SUc.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:"Inter";font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7SUc.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:"Inter";font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7SUc.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:"Inter";font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7SUc.woff2) format("woff2");unicode-range:U+0370-03FF}@font-face{font-family:"Inter";font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7SUc.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Inter";font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7SUc.woff2) format("woff2");unicode-range:U+0100-02AF,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Inter";font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Inter";font-style:normal;font-weight:800;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7SUc.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:"Inter";font-style:normal;font-weight:800;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7SUc.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:"Inter";font-style:normal;font-weight:800;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7SUc.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:"Inter";font-style:normal;font-weight:800;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7SUc.woff2) format("woff2");unicode-range:U+0370-03FF}@font-face{font-family:"Inter";font-style:normal;font-weight:800;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7SUc.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Inter";font-style:normal;font-weight:800;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7SUc.woff2) format("woff2");unicode-range:U+0100-02AF,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Inter";font-style:normal;font-weight:800;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Inter";font-style:normal;font-weight:900;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7SUc.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:"Inter";font-style:normal;font-weight:900;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7SUc.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:"Inter";font-style:normal;font-weight:900;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7SUc.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:"Inter";font-style:normal;font-weight:900;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7SUc.woff2) format("woff2");unicode-range:U+0370-03FF}@font-face{font-family:"Inter";font-style:normal;font-weight:900;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7SUc.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Inter";font-style:normal;font-weight:900;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7SUc.woff2) format("woff2");unicode-range:U+0100-02AF,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Inter";font-style:normal;font-weight:900;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:rgba(0,0,0,0)}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:before,.slick-track:after{display:table;content:""}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid rgba(0,0,0,0)}.slick-arrow.slick-hidden{display:none}.slick-prev,.slick-next{font-size:0;line-height:0;position:absolute;top:50%;display:block;width:20px;height:20px;padding:0;-webkit-transform:translate(0, -50%);-ms-transform:translate(0, -50%);transform:translate(0, -50%);cursor:pointer;color:rgba(0,0,0,0);border:none;outline:none;background:rgba(0,0,0,0)}.slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus{color:rgba(0,0,0,0);outline:none;background:rgba(0,0,0,0)}.slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before{opacity:1}.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before{opacity:.25}.slick-prev:before,.slick-next:before{font-family:"slick";font-size:20px;line-height:1;opacity:.75;color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-prev{left:-25px}[dir=rtl] .slick-prev{right:-25px;left:auto}.slick-prev:before{content:"←"}[dir=rtl] .slick-prev:before{content:"→"}.slick-next{right:-25px}[dir=rtl] .slick-next{right:auto;left:-25px}.slick-next:before{content:"→"}[dir=rtl] .slick-next:before{content:"←"}.slick-dotted.slick-slider{margin-bottom:30px}.slick-dots{position:absolute;bottom:-25px;display:block;width:100%;padding:0;margin:0;list-style:none;text-align:center}.slick-dots li{position:relative;display:inline-block;width:20px;height:20px;margin:0 5px;padding:0;cursor:pointer}.slick-dots li button{font-size:0;line-height:0;display:block;width:20px;height:20px;padding:5px;cursor:pointer;color:rgba(0,0,0,0);border:0;outline:none;background:rgba(0,0,0,0)}.slick-dots li button:hover,.slick-dots li button:focus{outline:none}.slick-dots li button:hover:before,.slick-dots li button:focus:before{opacity:1}.slick-dots li button:before{font-family:"slick";font-size:6px;line-height:20px;position:absolute;top:0;left:0;width:20px;height:20px;content:"•";text-align:center;opacity:.25;color:#000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-dots li.slick-active button:before{opacity:.75;color:#000}body{font-family:var(--font-family-sans-serif);color:var(--dark)}[data-simplebar] .simplebar-scrollbar:before{background-color:var(--dark-opacity-10)}[data-simplebar] .simplebar-track.simplebar-vertical{width:11px !important}/*# sourceMappingURL=style.min.css.map */

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/slick.scss","../../src/assets/styles/slick-theme.scss","../../src/assets/styles/style.scss"],"names":[],"mappings":"CAAA,MAEI,irBAGA,yIAGA,gnPAEF,kKCNA,sBACE,kDADF,qBACE,iDADF,qBACE,iDADF,qBACE,iDADF,2BACE,kDADF,0BACE,iDADF,0BACE,iDADF,0BACE,iDADF,qBACE,kDADF,oBACE,iDADF,oBACE,iDADF,oBACE,iDADF,0BACE,kDADF,yBACE,iDADF,yBACE,iDADF,yBACE,iDADF,uBACE,kDADF,sBACE,iDADF,sBACE,iDADF,sBACE,iDADF,wBACE,kDADF,uBACE,iDADF,uBACE,iDADF,uBACE,iDADF,sBACE,kDADF,qBACE,iDADF,qBACE,iDADF,qBACE,iDADF,sBACE,iDADF,sBACE,iDADF,sBACE,iDADF,sBACE,iDADF,sBACE,iDADF,sBACE,iDADF,2BACE,iDADF,2BACE,iDADF,2BACE,iDADF,2BACE,iDADF,2BACE,iDADF,2BACE,iDADF,qBACE,iDADF,qBACE,iDADF,qBACE,iDADF,qBACE,iDADF,qBACE,iDADF,qBACE,iDADF,0BACE,iDADF,0BACE,iDADF,0BACE,iDADF,0BACE,iDADF,0BACE,iDADF,0BACE,iDADF,uBACE,iDADF,uBACE,iDADF,uBACE,iDADF,uBACE,iDADF,uBACE,iDADF,uBACE,iDADF,wBACE,iDADF,wBACE,iDADF,wBACE,iDADF,wBACE,iDADF,wBACE,iDADF,wBACE,iDADF,sBACE,iDADF,sBACE,iDADF,sBACE,iDADF,sBACE,iDADF,sBACE,iDADF,sBACE,iDADF,mBACE,iDADF,wBACE,iDADF,kBACE,iDADF,uBACE,iDADF,oBACE,iDADF,qBACE,iDADF,mBACE,iDADF,kBACE,iDADF,kBACE,iDADF,uBACE,iDADF,uBACE,iDADF,iBACE,iDADF,iBACE,iDADF,sBACE,iDADF,sBACE,iDADF,mBACE,iDADF,mBACE,iDADF,oBACE,iDADF,oBACE,iDADF,kBACE,iDADF,kBACE,iDADF,qBACE,iDADF,qBACE,iDADF,qBACE,iDADF,0BACE,iDADF,0BACE,iDADF,0BACE,iDADF,oBACE,iDADF,oBACE,iDADF,oBACE,iDADF,yBACE,iDADF,yBACE,iDADF,yBACE,iDADF,sBACE,iDADF,sBACE,iDADF,sBACE,iDADF,uBACE,iDADF,uBACE,iDADF,uBACE,iDADF,qBACE,iDADF,qBACE,iDADF,qBACE,iDCJJ,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,iFAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,gEAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,0BAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,0BAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,yGAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,oGAGF,WACE,oBACA,kBACA,gBACA,kBACA,0GACA,yJAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,iFAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,gEAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,0BAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,0BAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,yGAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,oGAGF,WACE,oBACA,kBACA,gBACA,kBACA,0GACA,yJAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,iFAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,gEAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,0BAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,0BAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,yGAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,oGAGF,WACE,oBACA,kBACA,gBACA,kBACA,0GACA,yJAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,iFAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,gEAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,0BAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,0BAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,yGAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,oGAGF,WACE,oBACA,kBACA,gBACA,kBACA,0GACA,yJAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,iFAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,gEAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,0BAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,0BAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,yGAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,oGAGF,WACE,oBACA,kBACA,gBACA,kBACA,0GACA,yJAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,iFAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,gEAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,0BAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,0BAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,yGAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,oGAGF,WACE,oBACA,kBACA,gBACA,kBACA,0GACA,yJAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,iFAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,gEAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,0BAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,0BAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,yGAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,oGAGF,WACE,oBACA,kBACA,gBACA,kBACA,0GACA,yJAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,iFAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,gEAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,0BAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,0BAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,yGAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,oGAGF,WACE,oBACA,kBACA,gBACA,kBACA,0GACA,yJAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,iFAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,gEAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,0BAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,0BAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,yGAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,oGAGF,WACE,oBACA,kBACA,gBACA,kBACA,0GACA,yJCpjBF,cAEI,kBAEA,cACA,sBAEA,yBACG,sBACC,qBACI,iBAER,2BACA,wBACA,uBACI,mBACJ,0CAGJ,YAEI,kBAEA,cACA,gBAEA,SACA,UAEJ,kBAEI,aAEJ,qBAEI,eACA,YAGJ,qDAGI,uCACG,oCACC,mCACC,kCACG,+BAGZ,aAEI,kBACA,MACA,OAEA,cACA,iBACA,kBAEJ,uCAGI,cAEA,WAEJ,mBAEI,WAEJ,4BAEI,kBAGJ,aAEI,aACA,WAEA,YACA,eAEJ,uBAEI,YAEJ,iBAEI,cAEJ,+BAEI,aAEJ,0BAEI,oBAEJ,gCAEI,cAEJ,4BAEI,kBAEJ,6BAEI,cAEA,YAEA,+BAEJ,0BACI,aCnHJ,wBAGI,YACA,cAEA,kBACA,QAEA,cAEA,WACA,YACA,UACA,qCACA,iCACA,6BAEA,eAEA,oBACA,YACA,aACA,yBAEJ,wEAKI,oBACA,aACA,yBAEJ,oGAKI,UAEJ,oEAGI,YAGJ,sCAGI,oBACA,eACA,cAEA,YACA,WAEA,mCACA,kCAGJ,YAEI,WAEJ,sBAEI,YACA,UAEJ,mBAEI,YAEJ,6BAEI,YAGJ,YAEI,YAEJ,sBAEI,WACA,WAEJ,mBAEI,YAEJ,6BAEI,YAIJ,2BAEI,mBAGJ,YAEI,kBACA,aAEA,cAEA,WACA,UACA,SAEA,gBAEA,kBAEJ,eAEI,kBAEA,qBAEA,WACA,YACA,aACA,UAEA,eAEJ,sBAEI,YACA,cAEA,cAEA,WACA,YACA,YAEA,eAEA,oBACA,SACA,aACA,yBAEJ,wDAGI,aAEJ,sEAGI,UAEJ,6BAEI,oBACA,cACA,iBAEA,kBACA,MACA,OAEA,WACA,YAEA,YACA,kBAEA,YACA,WAEA,mCACA,kCAEJ,0CAEI,YACA,WCpLJ,KACI,0CACA","file":"style.min.css"}
+{"version":3,"sourceRoot":"","sources":["../../src/assets/styles/style.scss","../../src/assets/styles/_root.scss","../../src/assets/styles/_typography.scss","../../src/assets/styles/_font.scss","../../src/assets/styles/slick.scss","../../src/assets/styles/slick-theme.scss"],"names":[],"mappings":"CAMQ,gDCNR,MAEI,irBAGA,yIAGA,gnPAEF,kKCNA,sBACE,kDADF,qBACE,iDADF,qBACE,iDADF,qBACE,iDADF,2BACE,kDADF,0BACE,iDADF,0BACE,iDADF,0BACE,iDADF,qBACE,kDADF,oBACE,iDADF,oBACE,iDADF,oBACE,iDADF,0BACE,kDADF,yBACE,iDADF,yBACE,iDADF,yBACE,iDADF,uBACE,kDADF,sBACE,iDADF,sBACE,iDADF,sBACE,iDADF,wBACE,kDADF,uBACE,iDADF,uBACE,iDADF,uBACE,iDADF,sBACE,kDADF,qBACE,iDADF,qBACE,iDADF,qBACE,iDADF,sBACE,iDADF,sBACE,iDADF,sBACE,iDADF,sBACE,iDADF,sBACE,iDADF,sBACE,iDADF,2BACE,iDADF,2BACE,iDADF,2BACE,iDADF,2BACE,iDADF,2BACE,iDADF,2BACE,iDADF,qBACE,iDADF,qBACE,iDADF,qBACE,iDADF,qBACE,iDADF,qBACE,iDADF,qBACE,iDADF,0BACE,iDADF,0BACE,iDADF,0BACE,iDADF,0BACE,iDADF,0BACE,iDADF,0BACE,iDADF,uBACE,iDADF,uBACE,iDADF,uBACE,iDADF,uBACE,iDADF,uBACE,iDADF,uBACE,iDADF,wBACE,iDADF,wBACE,iDADF,wBACE,iDADF,wBACE,iDADF,wBACE,iDADF,wBACE,iDADF,sBACE,iDADF,sBACE,iDADF,sBACE,iDADF,sBACE,iDADF,sBACE,iDADF,sBACE,iDADF,mBACE,iDADF,wBACE,iDADF,kBACE,iDADF,uBACE,iDADF,oBACE,iDADF,qBACE,iDADF,mBACE,iDADF,kBACE,iDADF,kBACE,iDADF,uBACE,iDADF,uBACE,iDADF,iBACE,iDADF,iBACE,iDADF,sBACE,iDADF,sBACE,iDADF,mBACE,iDADF,mBACE,iDADF,oBACE,iDADF,oBACE,iDADF,kBACE,iDADF,kBACE,iDADF,qBACE,iDADF,qBACE,iDADF,qBACE,iDADF,0BACE,iDADF,0BACE,iDADF,0BACE,iDADF,oBACE,iDADF,oBACE,iDADF,oBACE,iDADF,yBACE,iDADF,yBACE,iDADF,yBACE,iDADF,sBACE,iDADF,sBACE,iDADF,sBACE,iDADF,uBACE,iDADF,uBACE,iDADF,uBACE,iDADF,qBACE,iDADF,qBACE,iDADF,qBACE,iDCJJ,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,iFAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,gEAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,0BAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,0BAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,yGAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,oGAGF,WACE,oBACA,kBACA,gBACA,kBACA,0GACA,yJAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,iFAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,gEAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,0BAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,0BAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,yGAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,oGAGF,WACE,oBACA,kBACA,gBACA,kBACA,0GACA,yJAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,iFAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,gEAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,0BAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,0BAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,yGAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,oGAGF,WACE,oBACA,kBACA,gBACA,kBACA,0GACA,yJAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,iFAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,gEAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,0BAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,0BAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,yGAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,oGAGF,WACE,oBACA,kBACA,gBACA,kBACA,0GACA,yJAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,iFAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,gEAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,0BAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,0BAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,yGAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,oGAGF,WACE,oBACA,kBACA,gBACA,kBACA,0GACA,yJAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,iFAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,gEAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,0BAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,0BAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,yGAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,oGAGF,WACE,oBACA,kBACA,gBACA,kBACA,0GACA,yJAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,iFAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,gEAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,0BAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,0BAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,yGAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,oGAGF,WACE,oBACA,kBACA,gBACA,kBACA,0GACA,yJAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,iFAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,gEAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,0BAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,0BAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,yGAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,oGAGF,WACE,oBACA,kBACA,gBACA,kBACA,0GACA,yJAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,iFAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,gEAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,0BAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,0BAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,yGAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,oGAGF,WACE,oBACA,kBACA,gBACA,kBACA,0GACA,yJCpjBF,cAEI,kBAEA,cACA,sBAEA,yBACG,sBACC,qBACI,iBAER,2BACA,wBACA,uBACI,mBACJ,0CAGJ,YAEI,kBAEA,cACA,gBAEA,SACA,UAEJ,kBAEI,aAEJ,qBAEI,eACA,YAGJ,qDAGI,uCACG,oCACC,mCACC,kCACG,+BAGZ,aAEI,kBACA,MACA,OAEA,cACA,iBACA,kBAEJ,uCAGI,cAEA,WAEJ,mBAEI,WAEJ,4BAEI,kBAGJ,aAEI,aACA,WAEA,YACA,eAEJ,uBAEI,YAEJ,iBAEI,cAEJ,+BAEI,aAEJ,0BAEI,oBAEJ,gCAEI,cAEJ,4BAEI,kBAEJ,6BAEI,cAEA,YAEA,+BAEJ,0BACI,aCnHJ,wBAGI,YACA,cAEA,kBACA,QAEA,cAEA,WACA,YACA,UACA,qCACA,iCACA,6BAEA,eAEA,oBACA,YACA,aACA,yBAEJ,wEAKI,oBACA,aACA,yBAEJ,oGAKI,UAEJ,oEAGI,YAGJ,sCAGI,oBACA,eACA,cAEA,YACA,WAEA,mCACA,kCAGJ,YAEI,WAEJ,sBAEI,YACA,UAEJ,mBAEI,YAEJ,6BAEI,YAGJ,YAEI,YAEJ,sBAEI,WACA,WAEJ,mBAEI,YAEJ,6BAEI,YAIJ,2BAEI,mBAGJ,YAEI,kBACA,aAEA,cAEA,WACA,UACA,SAEA,gBAEA,kBAEJ,eAEI,kBAEA,qBAEA,WACA,YACA,aACA,UAEA,eAEJ,sBAEI,YACA,cAEA,cAEA,WACA,YACA,YAEA,eAEA,oBACA,SACA,aACA,yBAEJ,wDAGI,aAEJ,sEAGI,UAEJ,6BAEI,oBACA,cACA,iBAEA,kBACA,MACA,OAEA,WACA,YAEA,YACA,kBAEA,YACA,WAEA,mCACA,kCAEJ,0CAEI,YACA,WLnLJ,KACI,0CACA,kBAKI,6CACI,wCAGR,qDACI","file":"style.min.css"}

package/dist/utils/genericUtils.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.replaceTRtoEn = void 0;
+var replaceTRtoEn = function (text) {
+    return text
+        .replace(/Ğ/gim, 'g')
+        .replace(/Ü/gim, 'u')
+        .replace(/Ş/gim, 's')
+        .replace(/I/gim, 'i')
+        .replace(/İ/gim, 'i')
+        .replace(/Ö/gim, 'o')
+        .replace(/Ç/gim, 'c')
+        .replace(/ğ/gim, 'g')
+        .replace(/ü/gim, 'u')
+        .replace(/ş/gim, 's')
+        .replace(/ı/gim, 'i')
+        .replace(/ö/gim, 'o')
+        .replace(/ç/gim, 'c')
+        .replace(/i̇/gim, 'i');
+};
+exports.replaceTRtoEn = replaceTRtoEn;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "krl-alfred",
-  "version": "1.76.21",
+  "version": "1.76.23",
   "files": [
     "dist"
   ],
@@ -35,9 +35,11 @@
     "react-otp-input": "^3.0.2",
     "react-router-dom": "^6.10.0",
     "react-scripts": "^5.0.1",
+    "react-select": "^5.8.0",
     "react-slick": "^0.29.0",
     "sass": "^1.60.0",
     "sass-loader": "^13.2.2",
+    "simplebar-react": "^3.2.4",
     "slick-carousel": "^1.8.1",
     "storybook-i18n": "^2.0.13",
     "style-loader": "^3.3.2",