krl-alfred 1.82.0 → 1.82.2

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

@@ -9,5 +9,6 @@ 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: 0.5rem;\n    border: 1px solid var(--dark-opacity-10);\n    background: white;\n    padding: 1rem;\n    cursor: pointer;\n    display: block;\n    position: relative;\n    box-sizing: border-box;\n    &:before{\n        content: \"\";\n        position: absolute;\n        inset: -1px;\n        border: 2px solid var(--primary);\n        opacity: ", ";\n        user-select: none;\n        pointer-events: none;\n        border-radius: inherit;\n    }\n    ", "\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            display: block;\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: 0.5rem;\n    border: 1px solid var(--dark-opacity-10);\n    background: white;\n    padding: 1rem;\n    cursor: pointer;\n    display: block;\n    position: relative;\n    box-sizing: border-box;\n    &:before{\n        content: \"\";\n        position: absolute;\n        inset: -1px;\n        border: 2px solid var(--primary);\n        opacity: ", ";\n        user-select: none;\n        pointer-events: none;\n        border-radius: inherit;\n    }\n    ", "\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            display: block;\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 ? '1' : '0'; }, function (props) { return !props.checked && "\n        &:hover{\n            &:before{\n                border: 1px solid var(--primary-hover);\n                opacity: 1;\n            }   \n        }\n    "; }, function (props) { return props.$minHeight ? props.$minHeight : '68px'; });
+var devices_1 = require("../../constants/devices");
+exports.AddressCardStyled = styled_components_1.default.label(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    border-radius: 0.5rem;\n    border: 1px solid var(--dark-opacity-10);\n    background: white;\n    padding: 1rem;\n    cursor: pointer;\n    display: block;\n    position: relative;\n    box-sizing: border-box;\n\n    &:before {\n        content: \"\";\n        position: absolute;\n        inset: -1px;\n        border: 2px solid var(--primary);\n        opacity: ", ";\n        user-select: none;\n        pointer-events: none;\n        border-radius: inherit;\n    }\n\n    ", "\n    .head {\n        margin-bottom: 1.5rem;\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        cursor: inherit;\n\n        .editBtn {\n            font: var(--body-bold-14-17);\n            margin-left: 1rem;\n            display: block;\n\n            * {\n                display: block;\n            }\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: 0.5rem;\n    border: 1px solid var(--dark-opacity-10);\n    background: white;\n    padding: 1rem;\n    cursor: pointer;\n    display: block;\n    position: relative;\n    box-sizing: border-box;\n\n    &:before {\n        content: \"\";\n        position: absolute;\n        inset: -1px;\n        border: 2px solid var(--primary);\n        opacity: ", ";\n        user-select: none;\n        pointer-events: none;\n        border-radius: inherit;\n    }\n\n    ", "\n    .head {\n        margin-bottom: 1.5rem;\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        cursor: inherit;\n\n        .editBtn {\n            font: var(--body-bold-14-17);\n            margin-left: 1rem;\n            display: block;\n\n            * {\n                display: block;\n            }\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 ? '1' : '0'; }, function (props) { return !props.checked && "\n          @media only screen and ".concat(devices_1.devices.mdUp, " {\n            &:hover {\n                &:before{\n                    border: 1px solid var(--primary-hover);\n                    opacity: 1;\n                }   \n            }\n          }\n          &:active {\n              &:before{\n                  border: 1px solid var(--primary-hover);\n                  opacity: 1;\n              }   \n          }\n    "); }, function (props) { return props.$minHeight ? props.$minHeight : '68px'; });
 var templateObject_1;

package/dist/components/BlogCard/BlogCard.styled.js

@@ -10,5 +10,5 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.BlogCardStyled = void 0;
 var styled_components_1 = __importDefault(require("styled-components"));
 var devices_1 = require("../../constants/devices");
-exports.BlogCardStyled = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    box-shadow: 0 6px 30px 0 var(--box-shadow-color);\n    border-radius: 0.5rem;\n    padding: 1.5rem;\n\n    .author {\n        display: flex;\n        align-items: center;\n        justify-content: flex-start;\n        margin-bottom: 1rem;\n\n        .img {\n            width: 40px;\n            height: 40px;\n            overflow: hidden;\n            border-radius: 50%;\n            position: relative;\n\n            * {\n                display: block !important;\n                height: 100% !important;\n                width: 100% !important;\n                object-fit: cover !important;\n            }\n        }\n\n        .title {\n            color: var(--dark-opacity-50);\n            font: var(--caption-semi-bold-12-15);\n            margin-left: 0.5rem;\n        }\n    }\n\n    .content {\n        ", "\n        .contentImg {\n            border-radius: 0.5rem;\n            position: relative;\n            overflow: hidden;\n            padding-bottom: ", ";\n            margin-bottom: ", ";\n\n            > * {\n                display: block !important;\n                width: 100% !important;\n                height: 100% !important;\n                position: absolute !important;\n                left: 50% !important;\n                top: 50% !important;\n                transform: translate(-50%, -50%) !important;\n\n                img {\n                    object-fit: cover;\n                }\n            }\n        }\n\n        .contentBottom {\n            ", "\n            .tagWrapper {\n                margin-bottom: ", ";\n                display: flex;\n                align-items: center;\n                justify-content: space-between;\n\n                .tags {\n                    font: var(--caption-semi-bold-12-15);\n                    display: -webkit-box;\n                    -webkit-line-clamp: 1;\n                    -webkit-box-orient: vertical;\n                    overflow: hidden;\n                    padding-right: 2rem;\n                }\n\n                .date {\n                    font: var(--caption-medium-11-13);\n                    color: var(--grey-50);\n                }\n            }\n\n            .contentTitle {\n                font: ", ";\n                margin-bottom: ", ";\n                display: -webkit-box;\n                -webkit-line-clamp: ", ";\n                -webkit-box-orient: vertical;\n                overflow: hidden;\n                min-height: ", ";\n            }\n\n            .contentDesc {\n                display: block;\n                font: ", ";\n                margin: 0;\n                display: -webkit-box;\n                -webkit-line-clamp: ", ";\n                -webkit-box-orient: vertical;\n                overflow: hidden;\n                ", "\n                margin-bottom: ", ";\n            }\n        }\n    }\n\n    ", "\n"], ["\n    box-shadow: 0 6px 30px 0 var(--box-shadow-color);\n    border-radius: 0.5rem;\n    padding: 1.5rem;\n\n    .author {\n        display: flex;\n        align-items: center;\n        justify-content: flex-start;\n        margin-bottom: 1rem;\n\n        .img {\n            width: 40px;\n            height: 40px;\n            overflow: hidden;\n            border-radius: 50%;\n            position: relative;\n\n            * {\n                display: block !important;\n                height: 100% !important;\n                width: 100% !important;\n                object-fit: cover !important;\n            }\n        }\n\n        .title {\n            color: var(--dark-opacity-50);\n            font: var(--caption-semi-bold-12-15);\n            margin-left: 0.5rem;\n        }\n    }\n\n    .content {\n        ", "\n        .contentImg {\n            border-radius: 0.5rem;\n            position: relative;\n            overflow: hidden;\n            padding-bottom: ", ";\n            margin-bottom: ", ";\n\n            > * {\n                display: block !important;\n                width: 100% !important;\n                height: 100% !important;\n                position: absolute !important;\n                left: 50% !important;\n                top: 50% !important;\n                transform: translate(-50%, -50%) !important;\n\n                img {\n                    object-fit: cover;\n                }\n            }\n        }\n\n        .contentBottom {\n            ", "\n            .tagWrapper {\n                margin-bottom: ", ";\n                display: flex;\n                align-items: center;\n                justify-content: space-between;\n\n                .tags {\n                    font: var(--caption-semi-bold-12-15);\n                    display: -webkit-box;\n                    -webkit-line-clamp: 1;\n                    -webkit-box-orient: vertical;\n                    overflow: hidden;\n                    padding-right: 2rem;\n                }\n\n                .date {\n                    font: var(--caption-medium-11-13);\n                    color: var(--grey-50);\n                }\n            }\n\n            .contentTitle {\n                font: ", ";\n                margin-bottom: ", ";\n                display: -webkit-box;\n                -webkit-line-clamp: ", ";\n                -webkit-box-orient: vertical;\n                overflow: hidden;\n                min-height: ", ";\n            }\n\n            .contentDesc {\n                display: block;\n                font: ", ";\n                margin: 0;\n                display: -webkit-box;\n                -webkit-line-clamp: ", ";\n                -webkit-box-orient: vertical;\n                overflow: hidden;\n                ", "\n                margin-bottom: ", ";\n            }\n        }\n    }\n\n    ", "\n"])), function (props) { return props.$direction === "horizontal" ? "\n           display: grid;\n           align-items: center;\n           justify-content: space-between;\n           grid-template-columns: 104px 1fr;\n           column-gap: 1.5rem;\n        " : ""; }, function (props) { return props.$direction === "horizontal" ? "100%" : props.$size === "lg" ? "71.9%" : "58.2%"; }, function (props) { return props.$direction === "horizontal" ? "0" : "1.5rem"; }, function (props) { return props.$direction === "horizontal" ? "\n                display: flex;\n                flex-direction: column-reverse;\n             " : ""; }, function (props) { return props.$direction === "horizontal" ? "0" : props.$size === "lg" ? "1.5rem" : "1rem"; }, function (props) { return props.$size === "lg" ? "var(--headline-bold-18-22)" : "var(--title-bold-16-19)"; }, function (props) { return props.$size === "lg" ? "1.5rem" : "1rem"; }, function (props) { return props.$direction === "horizontal" ? "3" : props.$size === "lg" ? "2" : "3"; }, function (props) { return props.$size === "lg" ? "44px" : "initial"; }, function (props) { return props.$size === "lg" ? "var(--title-regular-16-19)" : "var(--body-regular-14-17)"; }, function (props) { return props.$size === "lg" ? "5" : "3"; }, function (props) { return props.$direction === "horizontal" ? "\n                   display: none;\n                " : ""; }, function (props) { return props.$size === "lg" ? "7px" : "0"; }, function (props) { return props.$size === "lg" ? "\n    @media only screen and ".concat(devices_1.devices.lg, " {\n        .content{\n            display:block;\n            .contentImg{\n                padding-bottom: 58.2%;\n                margin-bottom: 1.5rem;\n            }\n            .contentBottom{\n                 display:block;\n                .tagWrapper{\n                    margin-bottom: 1rem;\n                }\n                .contentTitle {\n                    font: var(--title-bold-16-19);\n                    margin-bottom: 1rem;\n                    display: -webkit-box;\n                    -webkit-line-clamp: 3;\n                    -webkit-box-orient: vertical;\n                    overflow: hidden;\n                    min-height: initial;\n                }\n    \n                .contentDesc {\n                    display: block;\n                    font: var(--body-regular-14-17);\n                    margin: 0;\n                    display: -webkit-box;\n                    -webkit-line-clamp: 3;\n                    -webkit-box-orient: vertical;\n                    overflow: hidden;\n                    margin-bottom: 0;\n                }\n            }\n        }\n    }\n    ") : ""; });
+exports.BlogCardStyled = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    box-shadow: 0 6px 30px 0 var(--box-shadow-color);\n    border-radius: 0.5rem;\n    padding: 1.5rem;\n\n    .author {\n        display: flex;\n        align-items: center;\n        justify-content: flex-start;\n        margin-bottom: 1rem;\n\n        .img {\n            width: 40px;\n            height: 40px;\n            overflow: hidden;\n            border-radius: 50%;\n            position: relative;\n\n            * {\n                display: block !important;\n                height: 100% !important;\n                width: 100% !important;\n                object-fit: cover !important;\n            }\n        }\n\n        .title {\n            color: var(--dark-opacity-50);\n            font: var(--caption-semi-bold-12-15);\n            margin-left: 0.5rem;\n        }\n    }\n\n    .content {\n        ", "\n        .contentImg {\n            border-radius: 0.5rem;\n            position: relative;\n            overflow: hidden;\n            padding-bottom: ", ";\n            margin-bottom: ", ";\n\n            > * {\n                display: block !important;\n                width: 100% !important;\n                height: 100% !important;\n                position: absolute !important;\n                left: 50% !important;\n                top: 50% !important;\n                transform: translate(-50%, -50%) !important;\n\n                img {\n                    object-fit: cover;\n                }\n            }\n        }\n\n        .contentBottom {\n            ", "\n            .tagWrapper {\n                margin-bottom: ", ";\n                display: flex;\n                align-items: center;\n                justify-content: space-between;\n\n                .tags {\n                    font: var(--caption-semi-bold-12-15);\n                    display: -webkit-box;\n                    -webkit-line-clamp: 1;\n                    -webkit-box-orient: vertical;\n                    overflow: hidden;\n                    padding-right: 2rem;\n                }\n\n                .date {\n                    font: var(--caption-medium-11-13);\n                    color: var(--grey-50);\n                }\n            }\n\n            .contentTitle {\n                font: ", ";\n                margin-bottom: ", ";\n                display: -webkit-box;\n                -webkit-line-clamp: ", ";\n                -webkit-box-orient: vertical;\n                overflow: hidden;\n                min-height: ", ";\n            }\n\n            .contentDesc {\n                display: block;\n                font: ", ";\n                margin: 0;\n                display: -webkit-box;\n                -webkit-line-clamp: ", ";\n                -webkit-box-orient: vertical;\n                overflow: hidden;\n                ", "\n                margin-bottom: ", ";\n            }\n        }\n    }\n\n    ", "\n"], ["\n    box-shadow: 0 6px 30px 0 var(--box-shadow-color);\n    border-radius: 0.5rem;\n    padding: 1.5rem;\n\n    .author {\n        display: flex;\n        align-items: center;\n        justify-content: flex-start;\n        margin-bottom: 1rem;\n\n        .img {\n            width: 40px;\n            height: 40px;\n            overflow: hidden;\n            border-radius: 50%;\n            position: relative;\n\n            * {\n                display: block !important;\n                height: 100% !important;\n                width: 100% !important;\n                object-fit: cover !important;\n            }\n        }\n\n        .title {\n            color: var(--dark-opacity-50);\n            font: var(--caption-semi-bold-12-15);\n            margin-left: 0.5rem;\n        }\n    }\n\n    .content {\n        ", "\n        .contentImg {\n            border-radius: 0.5rem;\n            position: relative;\n            overflow: hidden;\n            padding-bottom: ", ";\n            margin-bottom: ", ";\n\n            > * {\n                display: block !important;\n                width: 100% !important;\n                height: 100% !important;\n                position: absolute !important;\n                left: 50% !important;\n                top: 50% !important;\n                transform: translate(-50%, -50%) !important;\n\n                img {\n                    object-fit: cover;\n                }\n            }\n        }\n\n        .contentBottom {\n            ", "\n            .tagWrapper {\n                margin-bottom: ", ";\n                display: flex;\n                align-items: center;\n                justify-content: space-between;\n\n                .tags {\n                    font: var(--caption-semi-bold-12-15);\n                    display: -webkit-box;\n                    -webkit-line-clamp: 1;\n                    -webkit-box-orient: vertical;\n                    overflow: hidden;\n                    padding-right: 2rem;\n                }\n\n                .date {\n                    font: var(--caption-medium-11-13);\n                    color: var(--grey-50);\n                }\n            }\n\n            .contentTitle {\n                font: ", ";\n                margin-bottom: ", ";\n                display: -webkit-box;\n                -webkit-line-clamp: ", ";\n                -webkit-box-orient: vertical;\n                overflow: hidden;\n                min-height: ", ";\n            }\n\n            .contentDesc {\n                display: block;\n                font: ", ";\n                margin: 0;\n                display: -webkit-box;\n                -webkit-line-clamp: ", ";\n                -webkit-box-orient: vertical;\n                overflow: hidden;\n                ", "\n                margin-bottom: ", ";\n            }\n        }\n    }\n\n    ", "\n"])), function (props) { return props.$direction === "horizontal" ? "\n           display: grid;\n           align-items: center;\n           justify-content: space-between;\n           grid-template-columns: 104px 1fr;\n           column-gap: 1.5rem;\n        " : ""; }, function (props) { return props.$direction === "horizontal" ? "100%" : props.$size === "lg" ? "71.9%" : "58.2%"; }, function (props) { return props.$direction === "horizontal" ? "0" : "1.5rem"; }, function (props) { return props.$direction === "horizontal" ? "\n                display: flex;\n                flex-direction: column-reverse;\n             " : ""; }, function (props) { return props.$direction === "horizontal" ? "0" : props.$size === "lg" ? "1.5rem" : "1rem"; }, function (props) { return props.$size === "lg" ? "var(--headline-bold-18-22)" : "var(--title-bold-16-19)"; }, function (props) { return props.$size === "lg" ? "1.5rem" : "1rem"; }, function (props) { return props.$direction === "horizontal" ? "3" : props.$size === "lg" ? "2" : "3"; }, function (props) { return props.$size === "lg" ? "22px" : "57px"; }, function (props) { return props.$size === "lg" ? "var(--title-regular-16-19)" : "var(--body-regular-14-17)"; }, function (props) { return props.$size === "lg" ? "5" : "3"; }, function (props) { return props.$direction === "horizontal" ? "\n                   display: none;\n                " : ""; }, function (props) { return props.$size === "lg" ? "12px" : "0"; }, function (props) { return props.$size === "lg" ? "\n    @media only screen and ".concat(devices_1.devices.lg, " {\n        .content{\n            display:block;\n            .contentImg{\n                padding-bottom: 58.2%;\n                margin-bottom: 1.5rem;\n            }\n            .contentBottom{\n                 display:block;\n                .tagWrapper{\n                    margin-bottom: 1rem;\n                }\n                .contentTitle {\n                    font: var(--title-bold-16-19);\n                    margin-bottom: 1rem;\n                    display: -webkit-box;\n                    -webkit-line-clamp: 3;\n                    -webkit-box-orient: vertical;\n                    overflow: hidden;\n                    min-height: initial;\n                }\n    \n                .contentDesc {\n                    display: block;\n                    font: var(--body-regular-14-17);\n                    margin: 0;\n                    display: -webkit-box;\n                    -webkit-line-clamp: 3;\n                    -webkit-box-orient: vertical;\n                    overflow: hidden;\n                    margin-bottom: 0;\n                }\n            }\n        }\n    }\n    ") : ""; });
 var templateObject_1;

package/dist/components/Icon/iconList/ArrowShare.js

@@ -36,5 +36,5 @@ var __importStar = (this && this.__importStar) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var React = __importStar(require("react"));
-var SvgArrowShare = function (props) { return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { children: (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M20 12L13 6V10.033C9.219 10.033 5 11.5 5 18C6.969 14.812 10 14 13 14V18L20 12Z", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }) }))); };
+var SvgArrowShare = function (props) { return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { children: (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M20 12L13 6V10.033C9.219 10.033 5 11.5 5 18C6.969 14.812 10 14 13 14V18L20 12Z", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }) }))); };
 exports.default = SvgArrowShare;

package/dist/components/Icon/iconList/Clab1.js

@@ -0,0 +1,40 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var React = __importStar(require("react"));
+var SvgClab1 = function (props) { return ((0, jsx_runtime_1.jsxs)("svg", __assign({ width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { children: [(0, jsx_runtime_1.jsxs)("mask", __assign({ id: "path-1-outside-1_32920_470744", maskUnits: "userSpaceOnUse", x: 1.59766, y: -0.171875, width: 21, height: 23, fill: "black" }, { children: [(0, jsx_runtime_1.jsx)("rect", { fill: "white", x: 1.59766, y: -0.171875, width: 21, height: 23 }), (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12.6296 0.828125L11.9996 3.28212L11.3696 0.828125H12.6296ZM10.0836 3.95312L8.56055 1.84113L9.74455 1.45112L10.0836 3.95312ZM15.4106 1.84013L13.8886 3.95212L14.2256 1.45112L15.4106 1.84013ZM5.47655 18.9201C6.33655 19.7801 7.22655 20.1661 8.09655 20.2501C7.95526 20.1324 7.81945 20.0083 7.68955 19.8781C5.30155 17.4891 4.82955 14.9271 6.29055 12.2551L7.20255 10.6521L7.99255 8.98012C8.25255 8.42012 8.18655 8.00012 7.78955 7.69212C7.71259 7.63361 7.62434 7.59167 7.53037 7.56895C7.4364 7.54624 7.33874 7.54323 7.24355 7.56012C6.96055 7.60612 6.69755 7.79113 6.51555 8.06013L4.15255 12.2171C3.17655 13.8411 3.01155 16.4551 5.47655 18.9201ZM16.4756 18.4811L20.6296 14.3281C20.7435 14.2121 20.8207 14.0651 20.8516 13.9054C20.8825 13.7458 20.8657 13.5806 20.8033 13.4304C20.7409 13.2803 20.6357 13.1518 20.5007 13.061C20.3658 12.9703 20.2072 12.9213 20.0446 12.9201C19.8252 12.9203 19.6149 13.0073 19.4596 13.1621L17.3016 15.3191C17.2325 15.3845 17.1407 15.4204 17.0456 15.4191C16.9505 15.4178 16.8597 15.3795 16.7924 15.3123C16.7252 15.245 16.6868 15.1542 16.6855 15.0591C16.6843 14.964 16.7201 14.8722 16.7856 14.8031L18.9426 12.6451L20.3916 11.1961C20.5467 11.0414 20.634 10.8313 20.6343 10.6122C20.6346 10.393 20.5478 10.1828 20.3931 10.0276C20.2383 9.87247 20.0282 9.78515 19.8091 9.78487C19.59 9.78459 19.3797 9.87137 19.2246 10.0261L15.7866 13.4661C15.7528 13.5002 15.7126 13.5273 15.6683 13.5458C15.624 13.5643 15.5765 13.5738 15.5286 13.5738C15.4806 13.5738 15.4331 13.5643 15.3888 13.5458C15.3445 13.5273 15.3043 13.5002 15.2706 13.4661C15.2366 13.4323 15.2096 13.3921 15.1912 13.3478C15.1728 13.3035 15.1633 13.2561 15.1633 13.2081C15.1633 13.1602 15.1728 13.1127 15.1912 13.0684C15.2096 13.0242 15.2366 12.9839 15.2706 12.9501L18.7066 9.51312L19.6766 8.54313C19.8308 8.38831 19.9174 8.17867 19.9174 7.96012C19.9174 7.74158 19.8308 7.53194 19.6766 7.37712C19.5199 7.2259 19.3108 7.14138 19.0931 7.14138C18.8754 7.14138 18.6662 7.2259 18.5096 7.37712L17.5396 8.34513L14.1026 11.7811C14.069 11.8158 14.0288 11.8433 13.9844 11.8621C13.94 11.8809 13.8923 11.8906 13.844 11.8906C13.7958 11.8906 13.7481 11.8809 13.7037 11.8621C13.6593 11.8433 13.6191 11.8158 13.5856 11.7811C13.5174 11.7126 13.4792 11.6198 13.4792 11.5231C13.4792 11.4264 13.5174 11.3337 13.5856 11.2651L17.0226 7.83012C17.0993 7.75355 17.1602 7.66251 17.2016 7.56227C17.2429 7.46202 17.264 7.35457 17.2636 7.24612C17.2643 7.1376 17.2436 7.03 17.2025 6.92955C17.1614 6.82911 17.1008 6.73782 17.0241 6.66099C16.9475 6.58416 16.8563 6.5233 16.756 6.48196C16.6556 6.44061 16.5481 6.41959 16.4396 6.42013C16.2206 6.42013 16.0096 6.50713 15.8556 6.66213L10.0686 12.4491C10.0072 12.5081 9.92723 12.5439 9.84237 12.5503C9.75751 12.5567 9.67307 12.5333 9.60358 12.4842C9.53409 12.435 9.4839 12.3632 9.46163 12.2811C9.43935 12.199 9.4464 12.1116 9.48155 12.0341L10.5986 9.67112C10.8586 9.11112 10.7926 8.69112 10.3946 8.38212C10.3176 8.32361 10.2293 8.28167 10.1354 8.25895C10.0414 8.23624 9.94374 8.23323 9.84855 8.25012C9.56555 8.29612 9.30355 8.48213 9.12155 8.75113L6.92855 12.6111C5.62655 14.9911 6.04555 17.2011 8.20555 19.3611C9.36155 20.5171 10.8076 20.9881 12.3956 20.7281C13.8136 20.4921 15.2616 19.6951 16.4746 18.4821M13.2496 5.97113L11.1296 8.09112C11.5396 8.59312 11.5946 9.26112 11.2576 9.98112L11.0376 10.4461L14.5606 6.92312C14.622 6.81005 14.6553 6.68381 14.6576 6.55512C14.6576 6.33512 14.5716 6.12713 14.4166 5.97113C14.2591 5.82151 14.0502 5.73808 13.8331 5.73808C13.6159 5.73808 13.407 5.82151 13.2496 5.97113ZM5.89455 7.67613C6.20455 7.21513 6.64055 6.91813 7.12455 6.83913C7.31854 6.80673 7.51711 6.81442 7.70802 6.86171C7.89893 6.90901 8.07812 6.99491 8.23455 7.11412C8.54655 7.35412 8.73955 7.65712 8.82455 7.99512C9.07342 7.75324 9.38894 7.5913 9.73055 7.53013C10.0084 7.48628 10.293 7.52307 10.5506 7.63613L12.7326 5.45412C13.0249 5.16345 13.4203 5.00029 13.8326 5.00029C14.2448 5.00029 14.6402 5.16345 14.9325 5.45412C15.1244 5.64854 15.261 5.89048 15.3286 6.15513C15.4728 6.00903 15.6445 5.89286 15.8338 5.81326C16.023 5.73367 16.2262 5.69222 16.4315 5.69129C16.6368 5.69036 16.8403 5.72997 17.0303 5.80785C17.2202 5.88573 17.393 6.00035 17.5386 6.14512C17.7455 6.35185 17.8897 6.6129 17.9546 6.89812C18.5786 6.27412 19.6036 6.27412 20.1916 6.86112C20.483 7.15304 20.6466 7.54866 20.6466 7.96112C20.6466 8.37359 20.483 8.76921 20.1916 9.06112C20.4306 9.16112 20.6926 9.29912 20.9066 9.51412C21.1972 9.80643 21.3604 10.2019 21.3604 10.6141C21.3604 11.0264 21.1972 11.4218 20.9066 11.7141L20.3906 12.2291C20.6611 12.2914 20.9101 12.4249 21.1117 12.6158C21.3133 12.8068 21.4601 13.0481 21.5369 13.3149C21.6137 13.5817 21.6178 13.8642 21.5486 14.1331C21.4794 14.402 21.3396 14.6475 21.1436 14.8441L16.9896 19.0001C15.6696 20.3191 14.0806 21.1891 12.5146 21.4491C12.1932 21.5025 11.8696 21.5291 11.5436 21.5291C10.6936 21.5291 9.89055 21.3311 9.15055 20.9501C8.91955 20.9831 8.69055 21.0041 8.46455 21.0041C7.19855 21.0041 6.00755 20.4841 4.95955 19.4371C2.19655 16.6741 2.40755 13.7031 3.52055 11.8511L5.89455 7.67613Z" })] })), (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12.6296 0.828125L11.9996 3.28212L11.3696 0.828125H12.6296ZM10.0836 3.95312L8.56055 1.84113L9.74455 1.45112L10.0836 3.95312ZM15.4106 1.84013L13.8886 3.95212L14.2256 1.45112L15.4106 1.84013ZM5.47655 18.9201C6.33655 19.7801 7.22655 20.1661 8.09655 20.2501C7.95526 20.1324 7.81945 20.0083 7.68955 19.8781C5.30155 17.4891 4.82955 14.9271 6.29055 12.2551L7.20255 10.6521L7.99255 8.98012C8.25255 8.42012 8.18655 8.00012 7.78955 7.69212C7.71259 7.63361 7.62434 7.59167 7.53037 7.56895C7.4364 7.54624 7.33874 7.54323 7.24355 7.56012C6.96055 7.60612 6.69755 7.79113 6.51555 8.06013L4.15255 12.2171C3.17655 13.8411 3.01155 16.4551 5.47655 18.9201ZM16.4756 18.4811L20.6296 14.3281C20.7435 14.2121 20.8207 14.0651 20.8516 13.9054C20.8825 13.7458 20.8657 13.5806 20.8033 13.4304C20.7409 13.2803 20.6357 13.1518 20.5007 13.061C20.3658 12.9703 20.2072 12.9213 20.0446 12.9201C19.8252 12.9203 19.6149 13.0073 19.4596 13.1621L17.3016 15.3191C17.2325 15.3845 17.1407 15.4204 17.0456 15.4191C16.9505 15.4178 16.8597 15.3795 16.7924 15.3123C16.7252 15.245 16.6868 15.1542 16.6855 15.0591C16.6843 14.964 16.7201 14.8722 16.7856 14.8031L18.9426 12.6451L20.3916 11.1961C20.5467 11.0414 20.634 10.8313 20.6343 10.6122C20.6346 10.393 20.5478 10.1828 20.3931 10.0276C20.2383 9.87247 20.0282 9.78515 19.8091 9.78487C19.59 9.78459 19.3797 9.87137 19.2246 10.0261L15.7866 13.4661C15.7528 13.5002 15.7126 13.5273 15.6683 13.5458C15.624 13.5643 15.5765 13.5738 15.5286 13.5738C15.4806 13.5738 15.4331 13.5643 15.3888 13.5458C15.3445 13.5273 15.3043 13.5002 15.2706 13.4661C15.2366 13.4323 15.2096 13.3921 15.1912 13.3478C15.1728 13.3035 15.1633 13.2561 15.1633 13.2081C15.1633 13.1602 15.1728 13.1127 15.1912 13.0684C15.2096 13.0242 15.2366 12.9839 15.2706 12.9501L18.7066 9.51312L19.6766 8.54313C19.8308 8.38831 19.9174 8.17867 19.9174 7.96012C19.9174 7.74158 19.8308 7.53194 19.6766 7.37712C19.5199 7.2259 19.3108 7.14138 19.0931 7.14138C18.8754 7.14138 18.6662 7.2259 18.5096 7.37712L17.5396 8.34513L14.1026 11.7811C14.069 11.8158 14.0288 11.8433 13.9844 11.8621C13.94 11.8809 13.8923 11.8906 13.844 11.8906C13.7958 11.8906 13.7481 11.8809 13.7037 11.8621C13.6593 11.8433 13.6191 11.8158 13.5856 11.7811C13.5174 11.7126 13.4792 11.6198 13.4792 11.5231C13.4792 11.4264 13.5174 11.3337 13.5856 11.2651L17.0226 7.83012C17.0993 7.75355 17.1602 7.66251 17.2016 7.56227C17.2429 7.46202 17.264 7.35457 17.2636 7.24612C17.2643 7.1376 17.2436 7.03 17.2025 6.92955C17.1614 6.82911 17.1008 6.73782 17.0241 6.66099C16.9475 6.58416 16.8563 6.5233 16.756 6.48196C16.6556 6.44061 16.5481 6.41959 16.4396 6.42013C16.2206 6.42013 16.0096 6.50713 15.8556 6.66213L10.0686 12.4491C10.0072 12.5081 9.92723 12.5439 9.84237 12.5503C9.75751 12.5567 9.67307 12.5333 9.60358 12.4842C9.53409 12.435 9.4839 12.3632 9.46163 12.2811C9.43935 12.199 9.4464 12.1116 9.48155 12.0341L10.5986 9.67112C10.8586 9.11112 10.7926 8.69112 10.3946 8.38212C10.3176 8.32361 10.2293 8.28167 10.1354 8.25895C10.0414 8.23624 9.94374 8.23323 9.84855 8.25012C9.56555 8.29612 9.30355 8.48213 9.12155 8.75113L6.92855 12.6111C5.62655 14.9911 6.04555 17.2011 8.20555 19.3611C9.36155 20.5171 10.8076 20.9881 12.3956 20.7281C13.8136 20.4921 15.2616 19.6951 16.4746 18.4821M13.2496 5.97113L11.1296 8.09112C11.5396 8.59312 11.5946 9.26112 11.2576 9.98112L11.0376 10.4461L14.5606 6.92312C14.622 6.81005 14.6553 6.68381 14.6576 6.55512C14.6576 6.33512 14.5716 6.12713 14.4166 5.97113C14.2591 5.82151 14.0502 5.73808 13.8331 5.73808C13.6159 5.73808 13.407 5.82151 13.2496 5.97113ZM5.89455 7.67613C6.20455 7.21513 6.64055 6.91813 7.12455 6.83913C7.31854 6.80673 7.51711 6.81442 7.70802 6.86171C7.89893 6.90901 8.07812 6.99491 8.23455 7.11412C8.54655 7.35412 8.73955 7.65712 8.82455 7.99512C9.07342 7.75324 9.38894 7.5913 9.73055 7.53013C10.0084 7.48628 10.293 7.52307 10.5506 7.63613L12.7326 5.45412C13.0249 5.16345 13.4203 5.00029 13.8326 5.00029C14.2448 5.00029 14.6402 5.16345 14.9325 5.45412C15.1244 5.64854 15.261 5.89048 15.3286 6.15513C15.4728 6.00903 15.6445 5.89286 15.8338 5.81326C16.023 5.73367 16.2262 5.69222 16.4315 5.69129C16.6368 5.69036 16.8403 5.72997 17.0303 5.80785C17.2202 5.88573 17.393 6.00035 17.5386 6.14512C17.7455 6.35185 17.8897 6.6129 17.9546 6.89812C18.5786 6.27412 19.6036 6.27412 20.1916 6.86112C20.483 7.15304 20.6466 7.54866 20.6466 7.96112C20.6466 8.37359 20.483 8.76921 20.1916 9.06112C20.4306 9.16112 20.6926 9.29912 20.9066 9.51412C21.1972 9.80643 21.3604 10.2019 21.3604 10.6141C21.3604 11.0264 21.1972 11.4218 20.9066 11.7141L20.3906 12.2291C20.6611 12.2914 20.9101 12.4249 21.1117 12.6158C21.3133 12.8068 21.4601 13.0481 21.5369 13.3149C21.6137 13.5817 21.6178 13.8642 21.5486 14.1331C21.4794 14.402 21.3396 14.6475 21.1436 14.8441L16.9896 19.0001C15.6696 20.3191 14.0806 21.1891 12.5146 21.4491C12.1932 21.5025 11.8696 21.5291 11.5436 21.5291C10.6936 21.5291 9.89055 21.3311 9.15055 20.9501C8.91955 20.9831 8.69055 21.0041 8.46455 21.0041C7.19855 21.0041 6.00755 20.4841 4.95955 19.4371C2.19655 16.6741 2.40755 13.7031 3.52055 11.8511L5.89455 7.67613Z", fill: "currentColor" }), (0, jsx_runtime_1.jsx)("path", { d: "M12.6296 0.828125V0.478125H13.0808L12.9686 0.915156L12.6296 0.828125ZM11.9996 3.28212L12.3386 3.36916H11.6605L11.9996 3.28212ZM11.3696 0.828125L11.0305 0.915156L10.9183 0.478125H11.3696V0.828125ZM10.0836 3.95312L10.4304 3.90613L9.79966 4.15784L10.0836 3.95312ZM8.56055 1.84113L8.27666 2.04584L7.99714 1.65821L8.45105 1.50869L8.56055 1.84113ZM9.74455 1.45112L9.63505 1.11869L10.0349 0.987L10.0914 1.40413L9.74455 1.45112ZM15.4106 1.84013L15.5197 1.50758L15.9741 1.65675L15.6945 2.04475L15.4106 1.84013ZM13.8886 3.95212L14.1725 4.15675L13.5417 3.90539L13.8886 3.95212ZM14.2256 1.45112L13.8787 1.40439L13.9349 0.987331L14.3347 1.11858L14.2256 1.45112ZM8.09655 20.2501L8.32056 19.9812L9.19257 20.7076L8.06291 20.5985L8.09655 20.2501ZM7.68955 19.8781L7.93709 19.6307L7.9373 19.6309L7.68955 19.8781ZM6.29055 12.2551L5.98342 12.0872L5.98634 12.082L6.29055 12.2551ZM7.20255 10.6521L7.519 10.8016L7.51333 10.8137L7.50676 10.8252L7.20255 10.6521ZM7.99255 8.98012L8.31001 9.12752L8.30901 9.12965L7.99255 8.98012ZM7.78955 7.69212L8.0014 7.4135L8.00409 7.41559L7.78955 7.69212ZM7.24355 7.56012L7.30472 7.90478L7.2997 7.90559L7.24355 7.56012ZM6.51555 8.06013L6.21128 7.88716L6.21802 7.8753L6.22567 7.864L6.51555 8.06013ZM4.15255 12.2171L4.45692 12.3901L4.45254 12.3974L4.15255 12.2171ZM20.6296 14.3281L20.8793 14.5733L20.877 14.5756L20.6296 14.3281ZM20.0446 12.9201L20.0442 12.5701L20.047 12.5701L20.0446 12.9201ZM19.4596 13.1621L19.2121 12.9146L19.2125 12.9142L19.4596 13.1621ZM17.3016 15.3191L17.5491 15.5668L17.5423 15.5732L17.3016 15.3191ZM16.7856 14.8031L16.5314 14.5623L16.538 14.5557L16.7856 14.8031ZM18.9426 12.6451L18.695 12.3977L18.6951 12.3976L18.9426 12.6451ZM20.3916 11.1961L20.1441 10.9486L20.1444 10.9483L20.3916 11.1961ZM19.2246 10.0261L18.977 9.77871L18.9774 9.77832L19.2246 10.0261ZM15.7866 13.4661L15.5378 13.2199L15.539 13.2187L15.7866 13.4661ZM15.2706 13.4661L15.5175 13.218L15.5193 13.2199L15.2706 13.4661ZM15.1633 13.2081H14.8133H15.1633ZM15.2706 12.9501L15.5181 13.1976L15.5174 13.1982L15.2706 12.9501ZM18.7066 9.51312L18.459 9.26567L18.4591 9.26564L18.7066 9.51312ZM19.6766 8.54313L19.9245 8.79016L19.924 8.79061L19.6766 8.54313ZM19.6766 7.37712L19.9197 7.1253L19.9245 7.13009L19.6766 7.37712ZM19.0931 7.14138V7.49138V7.14138ZM18.5096 7.37712L18.2623 7.12935L18.2664 7.12535L18.5096 7.37712ZM17.5396 8.34513L17.2921 8.0976L17.2923 8.09738L17.5396 8.34513ZM14.1026 11.7811L13.8512 11.5375L13.8551 11.5336L14.1026 11.7811ZM13.5856 11.7811L13.8338 11.5344L13.8369 11.5375L13.5856 11.7811ZM13.5856 11.2651L13.3373 11.0184L13.3381 11.0176L13.5856 11.2651ZM17.0226 7.83012L16.7751 7.58257L16.7754 7.58228L17.0226 7.83012ZM17.2636 7.24612L16.9135 7.24755L16.9136 7.24356L17.2636 7.24612ZM16.4396 6.42013L16.4413 6.77013H16.4396V6.42013ZM15.8556 6.66213L16.1038 6.90881L16.103 6.90961L15.8556 6.66213ZM10.0686 12.4491L10.3161 12.6967L10.3111 12.7014L10.0686 12.4491ZM9.48155 12.0341L9.16276 11.8895L9.16512 11.8845L9.48155 12.0341ZM10.5986 9.67112L10.916 9.81852L10.915 9.8207L10.5986 9.67112ZM10.3946 8.38212L10.6064 8.1035L10.6092 8.10566L10.3946 8.38212ZM9.84855 8.25012L9.90972 8.59478L9.9047 8.59559L9.84855 8.25012ZM9.12155 8.75113L8.81723 8.57823L8.824 8.56633L8.83167 8.555L9.12155 8.75113ZM6.92855 12.6111L6.62146 12.4431L6.62424 12.4382L6.92855 12.6111ZM12.3956 20.7281L12.453 21.0734L12.4521 21.0735L12.3956 20.7281ZM13.2496 5.97113L13.002 5.72356L13.0084 5.71743L13.2496 5.97113ZM11.1296 8.09112L10.8585 8.31252L10.6583 8.06741L10.8821 7.84364L11.1296 8.09112ZM11.2576 9.98112L11.5745 10.1295L11.5739 10.1308L11.2576 9.98112ZM11.0376 10.4461L11.285 10.6936L10.7212 10.2964L11.0376 10.4461ZM14.5606 6.92312L14.8681 7.09027L14.8439 7.13479L14.808 7.17061L14.5606 6.92312ZM14.6576 6.55512L15.0076 6.55512L15.0075 6.56127L14.6576 6.55512ZM14.4166 5.97113L14.6578 5.71732L14.6648 5.72443L14.4166 5.97113ZM5.89455 7.67613L5.5903 7.50312L5.59679 7.49171L5.60411 7.48082L5.89455 7.67613ZM7.12455 6.83913L7.1822 7.18435L7.18093 7.18455L7.12455 6.83913ZM8.23455 7.11412L8.4467 6.83574L8.44795 6.83671L8.23455 7.11412ZM8.82455 7.99512L9.06849 8.24611L8.63317 8.66921L8.48512 8.08048L8.82455 7.99512ZM9.73055 7.53013L9.66884 7.18553L9.67599 7.1844L9.73055 7.53013ZM10.5506 7.63613L10.798 7.88361L10.6289 8.05275L10.4099 7.95661L10.5506 7.63613ZM12.7326 5.45412L12.4851 5.20664L12.4858 5.20595L12.7326 5.45412ZM13.8326 5.00029V4.65029V5.00029ZM14.9325 5.45412L15.1794 5.20594L15.1817 5.2083L14.9325 5.45412ZM15.3286 6.15513L15.5776 6.40106L15.1425 6.84167L14.9894 6.24163L15.3286 6.15513ZM17.5386 6.14512L17.7853 5.89695L17.7859 5.89751L17.5386 6.14512ZM17.9546 6.89812L18.202 7.14561L17.7538 7.59387L17.6133 6.97571L17.9546 6.89812ZM20.1916 6.86112L20.4388 6.61343L20.4393 6.61385L20.1916 6.86112ZM20.6466 7.96112L20.2966 7.96112L20.6466 7.96112ZM20.1916 9.06112L20.0565 9.384L19.5756 9.18279L19.9438 8.81385L20.1916 9.06112ZM20.9066 9.51412L21.1546 9.26722L21.1547 9.26733L20.9066 9.51412ZM21.3604 10.6141H21.7104H21.3604ZM20.9066 11.7141L21.1547 11.9609L21.1538 11.9619L20.9066 11.7141ZM20.3906 12.2291L20.3121 12.5702L19.6955 12.4283L20.1433 11.9814L20.3906 12.2291ZM21.1436 14.8441L21.3914 15.0912L21.3911 15.0916L21.1436 14.8441ZM16.9896 19.0001L17.2371 19.2476L17.2369 19.2477L16.9896 19.0001ZM12.5146 21.4491L12.5719 21.7944L12.5719 21.7944L12.5146 21.4491ZM9.15055 20.9501L9.10105 20.6036L9.21154 20.5879L9.31077 20.6389L9.15055 20.9501ZM4.95955 19.4371L4.71218 19.6847L4.71206 19.6846L4.95955 19.4371ZM3.52055 11.8511L3.82489 12.0242L3.82054 12.0314L3.52055 11.8511ZM12.6296 0.828125L12.9686 0.915156L12.3386 3.36916L11.9996 3.28212L11.6605 3.19509L12.2905 0.741094L12.6296 0.828125ZM11.9996 3.28212L11.6605 3.36916L11.0305 0.915156L11.3696 0.828125L11.7086 0.741094L12.3386 3.19509L11.9996 3.28212ZM11.3696 0.828125V0.478125H12.6296V0.828125V1.17812H11.3696V0.828125ZM10.0836 3.95312L9.79966 4.15784L8.27666 2.04584L8.56055 1.84113L8.84444 1.63641L10.3674 3.74841L10.0836 3.95312ZM8.56055 1.84113L8.45105 1.50869L9.63505 1.11869L9.74455 1.45112L9.85405 1.78356L8.67005 2.17356L8.56055 1.84113ZM9.74455 1.45112L10.0914 1.40413L10.4304 3.90613L10.0836 3.95312L9.73672 4.00012L9.39772 1.49812L9.74455 1.45112ZM15.4106 1.84013L15.6945 2.04475L14.1725 4.15675L13.8886 3.95212L13.6046 3.7475L15.1266 1.6355L15.4106 1.84013ZM13.8886 3.95212L13.5417 3.90539L13.8787 1.40439L14.2256 1.45112L14.5724 1.49786L14.2354 3.99886L13.8886 3.95212ZM14.2256 1.45112L14.3347 1.11858L15.5197 1.50758L15.4106 1.84013L15.3014 2.17267L14.1164 1.78367L14.2256 1.45112ZM5.47655 18.9201L5.72404 18.6726C6.53158 19.4802 7.34774 19.8262 8.13019 19.9017L8.09655 20.2501L8.06291 20.5985C7.10536 20.5061 6.14152 20.0801 5.22906 19.1676L5.47655 18.9201ZM8.09655 20.2501L7.87254 20.519C7.723 20.3945 7.57927 20.2631 7.4418 20.1253L7.68955 19.8781L7.9373 19.6309C8.05962 19.7535 8.18751 19.8704 8.32056 19.9812L8.09655 20.2501ZM7.68955 19.8781L7.44201 20.1256C6.21286 18.8959 5.45249 17.5972 5.20244 16.236C4.95163 14.8707 5.22134 13.481 5.98346 12.0872L6.29055 12.2551L6.59764 12.423C5.89876 13.7012 5.67397 14.9285 5.89092 16.1095C6.10861 17.2945 6.77824 18.4714 7.93709 19.6307L7.68955 19.8781ZM6.29055 12.2551L5.98634 12.082L6.89834 10.479L7.20255 10.6521L7.50676 10.8252L6.59476 12.4282L6.29055 12.2551ZM7.20255 10.6521L6.8861 10.5026L7.6761 8.8306L7.99255 8.98012L8.30901 9.12965L7.519 10.8016L7.20255 10.6521ZM7.99255 8.98012L7.6751 8.83274C7.78815 8.58924 7.81072 8.41692 7.79169 8.29608C7.77428 8.18552 7.71601 8.07805 7.57501 7.96866L7.78955 7.69212L8.00409 7.41559C8.2601 7.6142 8.43333 7.87073 8.48316 8.18717C8.53138 8.49333 8.45695 8.811 8.31 9.12751L7.99255 8.98012ZM7.78955 7.69212L7.57772 7.97074C7.53924 7.94148 7.49511 7.92051 7.44813 7.90915L7.53037 7.56895L7.61262 7.22876C7.75357 7.26283 7.88595 7.32574 8.00139 7.41351L7.78955 7.69212ZM7.53037 7.56895L7.44813 7.90915C7.40114 7.89779 7.35231 7.89629 7.30472 7.90474L7.24355 7.56012L7.18239 7.21551C7.32517 7.19017 7.47166 7.19468 7.61262 7.22876L7.53037 7.56895ZM7.24355 7.56012L7.2997 7.90559C7.12928 7.93329 6.94418 8.05119 6.80544 8.25626L6.51555 8.06013L6.22567 7.864C6.45093 7.53106 6.79182 7.27896 7.1874 7.21466L7.24355 7.56012ZM6.51555 8.06013L6.81983 8.23309L4.45683 12.3901L4.15255 12.2171L3.84827 12.0442L6.21128 7.88716L6.51555 8.06013ZM4.15255 12.2171L4.45254 12.3974C3.55982 13.8828 3.37198 16.3206 5.72404 18.6726L5.47655 18.9201L5.22906 19.1676C2.65112 16.5897 2.79328 13.7994 3.85256 12.0368L4.15255 12.2171ZM16.4756 18.4811L16.2281 18.2336L20.3821 14.0806L20.6296 14.3281L20.877 14.5756L16.723 18.7286L16.4756 18.4811ZM20.6296 14.3281L20.3798 14.0829C20.4455 14.016 20.4901 13.9311 20.5079 13.8389L20.8516 13.9054L21.1952 13.9719C21.1512 14.1991 21.0414 14.4082 20.8793 14.5733L20.6296 14.3281ZM20.8516 13.9054L20.5079 13.8389C20.5258 13.7468 20.5161 13.6514 20.4801 13.5647L20.8033 13.4304L21.1265 13.2961C21.2153 13.5098 21.2391 13.7448 21.1952 13.9719L20.8516 13.9054ZM20.8033 13.4304L20.4801 13.5647C20.4441 13.478 20.3833 13.4039 20.3054 13.3515L20.5007 13.061L20.6961 12.7706C20.888 12.8997 21.0377 13.0825 21.1265 13.2961L20.8033 13.4304ZM20.5007 13.061L20.3054 13.3515C20.2275 13.2991 20.1359 13.2708 20.0421 13.2701L20.0446 12.9201L20.047 12.5701C20.2784 12.5718 20.5041 12.6415 20.6961 12.7706L20.5007 13.061ZM20.0446 12.9201L20.0449 13.2701C19.9181 13.2702 19.7964 13.3206 19.7066 13.4101L19.4596 13.1621L19.2125 12.9142C19.4334 12.6941 19.7324 12.5704 20.0442 12.5701L20.0446 12.9201ZM19.4596 13.1621L19.707 13.4097L17.549 15.5667L17.3016 15.3191L17.0541 15.0716L19.2121 12.9146L19.4596 13.1621ZM17.3016 15.3191L17.5423 15.5732C17.407 15.7013 17.2271 15.7716 17.0409 15.7691L17.0456 15.4191L17.0503 15.0692C17.0542 15.0692 17.058 15.0677 17.0608 15.065L17.3016 15.3191ZM17.0456 15.4191L17.0409 15.7691C16.8546 15.7666 16.6767 15.6915 16.5449 15.5597L16.7924 15.3123L17.0399 15.0648C17.0427 15.0675 17.0464 15.0691 17.0503 15.0692L17.0456 15.4191ZM16.7924 15.3123L16.5449 15.5597C16.4132 15.428 16.3381 15.2501 16.3356 15.0638L16.6855 15.0591L17.0355 15.0544C17.0356 15.0583 17.0371 15.062 17.0399 15.0648L16.7924 15.3123ZM16.6855 15.0591L16.3356 15.0638C16.3331 14.8775 16.4034 14.6976 16.5315 14.5624L16.7856 14.8031L17.0396 15.0438C17.0369 15.0467 17.0355 15.0505 17.0355 15.0544L16.6855 15.0591ZM16.7856 14.8031L16.538 14.5557L18.695 12.3977L18.9426 12.6451L19.1901 12.8926L17.0331 15.0506L16.7856 14.8031ZM18.9426 12.6451L18.6951 12.3976L20.1441 10.9486L20.3916 11.1961L20.639 11.4436L19.19 12.8926L18.9426 12.6451ZM20.3916 11.1961L20.1444 10.9483C20.2338 10.8591 20.2841 10.738 20.2843 10.6117L20.6343 10.6122L20.9843 10.6126C20.9839 10.9246 20.8596 11.2236 20.6387 11.4439L20.3916 11.1961ZM20.6343 10.6122L20.2843 10.6117C20.2845 10.4854 20.2344 10.3642 20.1452 10.2748L20.3931 10.0276L20.6409 9.78046C20.8612 10.0013 20.9847 10.3007 20.9843 10.6126L20.6343 10.6122ZM20.3931 10.0276L20.1452 10.2748C20.056 10.1854 19.935 10.135 19.8087 10.1349L19.8091 9.78487L19.8096 9.43487C20.1215 9.43527 20.4205 9.55958 20.6409 9.78046L20.3931 10.0276ZM19.8091 9.78487L19.8087 10.1349C19.6824 10.1347 19.5611 10.1847 19.4717 10.2739L19.2246 10.0261L18.9774 9.77832C19.1983 9.55801 19.4976 9.43447 19.8096 9.43487L19.8091 9.78487ZM19.2246 10.0261L19.4721 10.2735L16.0341 13.7135L15.7866 13.4661L15.539 13.2187L18.977 9.77871L19.2246 10.0261ZM15.7866 13.4661L16.0353 13.7123C15.969 13.7793 15.8901 13.8325 15.8031 13.8688L15.6683 13.5458L15.5336 13.2228C15.5351 13.2221 15.5366 13.2211 15.5378 13.2199L15.7866 13.4661ZM15.6683 13.5458L15.8031 13.8688C15.7161 13.9051 15.6228 13.9238 15.5286 13.9238V13.5738V13.2238C15.5303 13.2238 15.532 13.2234 15.5336 13.2228L15.6683 13.5458ZM15.5286 13.5738V13.9238C15.4343 13.9238 15.341 13.9051 15.254 13.8688L15.3888 13.5458L15.5235 13.2228C15.5251 13.2234 15.5268 13.2238 15.5286 13.2238V13.5738ZM15.3888 13.5458L15.254 13.8688C15.167 13.8325 15.0881 13.7793 15.0218 13.7123L15.2706 13.4661L15.5193 13.2199C15.5205 13.2211 15.522 13.2221 15.5235 13.2228L15.3888 13.5458ZM15.2706 13.4661L15.0237 13.7142C14.957 13.6479 14.9041 13.569 14.868 13.4821L15.1912 13.3478L15.5144 13.2135C15.5151 13.2152 15.5161 13.2167 15.5174 13.218L15.2706 13.4661ZM15.1912 13.3478L14.868 13.4821C14.8319 13.3953 14.8133 13.3022 14.8133 13.2081L15.1633 13.2081L15.5133 13.2081C15.5133 13.21 15.5137 13.2118 15.5144 13.2135L15.1912 13.3478ZM15.1633 13.2081H14.8133C14.8133 13.1141 14.8319 13.021 14.868 12.9341L15.1912 13.0684L15.5144 13.2028C15.5137 13.2045 15.5133 13.2063 15.5133 13.2081H15.1633ZM15.1912 13.0684L14.868 12.9341C14.9041 12.8473 14.957 12.7684 15.0237 12.702L15.2706 12.9501L15.5174 13.1982C15.5161 13.1995 15.5151 13.201 15.5144 13.2028L15.1912 13.0684ZM15.2706 12.9501L15.023 12.7027L18.459 9.26567L18.7066 9.51312L18.9541 9.76058L15.5181 13.1976L15.2706 12.9501ZM18.7066 9.51312L18.4591 9.26564L19.4291 8.29564L19.6766 8.54313L19.924 8.79061L18.954 9.76061L18.7066 9.51312ZM19.6766 8.54313L19.4286 8.29609C19.5175 8.20687 19.5674 8.08607 19.5674 7.96012H19.9174H20.2674C20.2674 8.27127 20.1441 8.56974 19.9245 8.79016L19.6766 8.54313ZM19.9174 7.96012H19.5674C19.5674 7.83418 19.5175 7.71338 19.4286 7.62416L19.6766 7.37712L19.9245 7.13009C20.1441 7.35051 20.2674 7.64898 20.2674 7.96012H19.9174ZM19.6766 7.37712L19.4334 7.6289C19.3421 7.54069 19.22 7.49138 19.0931 7.49138V7.14138V6.79138C19.4015 6.79138 19.6978 6.91112 19.9197 7.12535L19.6766 7.37712ZM19.0931 7.14138V7.49138C18.9661 7.49138 18.844 7.54069 18.7527 7.6289L18.5096 7.37712L18.2664 7.12535C18.4883 6.91112 18.7846 6.79138 19.0931 6.79138V7.14138ZM18.5096 7.37712L18.7568 7.62487L17.7868 8.59287L17.5396 8.34513L17.2923 8.09738L18.2623 7.12938L18.5096 7.37712ZM17.5396 8.34513L17.787 8.59265L14.35 12.0286L14.1026 11.7811L13.8551 11.5336L17.2921 8.0976L17.5396 8.34513ZM14.1026 11.7811L14.3539 12.0247C14.2877 12.093 14.2084 12.1473 14.1209 12.1844L13.9844 11.8621L13.8479 11.5398C13.8492 11.5393 13.8503 11.5385 13.8512 11.5375L14.1026 11.7811ZM13.9844 11.8621L14.1209 12.1844C14.0333 12.2215 13.9392 12.2406 13.844 12.2406V11.8906V11.5406C13.8454 11.5406 13.8467 11.5403 13.8479 11.5398L13.9844 11.8621ZM13.844 11.8906V12.2406C13.7489 12.2406 13.6548 12.2215 13.5672 12.1844L13.7037 11.8621L13.8402 11.5398C13.8414 11.5403 13.8427 11.5406 13.844 11.5406V11.8906ZM13.7037 11.8621L13.5672 12.1844C13.4797 12.1473 13.4004 12.093 13.3342 12.0247L13.5856 11.7811L13.8369 11.5375C13.8378 11.5385 13.8389 11.5393 13.8402 11.5398L13.7037 11.8621ZM13.5856 11.7811L13.3373 12.0278C13.204 11.8937 13.1292 11.7123 13.1292 11.5231H13.4792H13.8292C13.8292 11.5274 13.8308 11.5314 13.8338 11.5344L13.5856 11.7811ZM13.4792 11.5231H13.1292C13.1292 11.334 13.204 11.1525 13.3373 11.0184L13.5856 11.2651L13.8338 11.5118C13.8308 11.5148 13.8292 11.5189 13.8292 11.5231H13.4792ZM13.5856 11.2651L13.3381 11.0176L16.7751 7.58257L17.0226 7.83012L17.27 8.07768L13.833 11.5127L13.5856 11.2651ZM17.0226 7.83012L16.7754 7.58228C16.8194 7.53839 16.8543 7.48621 16.878 7.42875L17.2016 7.56227L17.5251 7.69578C17.4661 7.83881 17.3793 7.96871 17.2697 8.07797L17.0226 7.83012ZM17.2016 7.56227L16.878 7.42875C16.9017 7.3713 16.9138 7.30971 16.9136 7.24755L17.2636 7.24612L17.6135 7.2447C17.6142 7.39943 17.5841 7.55275 17.5251 7.69578L17.2016 7.56227ZM17.2636 7.24612L16.9136 7.24356C16.914 7.18136 16.9021 7.11968 16.8786 7.06211L17.2025 6.92955L17.5264 6.797C17.5851 6.94031 17.6147 7.09384 17.6135 7.24869L17.2636 7.24612ZM17.2025 6.92955L16.8786 7.06211C16.855 7.00454 16.8202 6.95222 16.7763 6.90818L17.0241 6.66099L17.2719 6.4138C17.3813 6.52343 17.4678 6.65368 17.5264 6.797L17.2025 6.92955ZM17.0241 6.66099L16.7763 6.90818C16.7324 6.86414 16.6801 6.82926 16.6226 6.80556L16.756 6.48196L16.8893 6.15835C17.0325 6.21735 17.1625 6.30417 17.2719 6.4138L17.0241 6.66099ZM16.756 6.48196L16.6226 6.80556C16.5651 6.78186 16.5035 6.76982 16.4413 6.77012L16.4396 6.42013L16.4378 6.07013C16.5927 6.06937 16.7461 6.09936 16.8893 6.15835L16.756 6.48196ZM16.4396 6.42013V6.77013C16.3128 6.77013 16.1914 6.82063 16.1038 6.90881L15.8556 6.66213L15.6073 6.41544C15.8277 6.19362 16.1283 6.07013 16.4396 6.07013V6.42013ZM15.8556 6.66213L16.103 6.90961L10.316 12.6966L10.0686 12.4491L9.82106 12.2016L15.6081 6.41464L15.8556 6.66213ZM10.0686 12.4491L10.3111 12.7014C10.1911 12.8168 10.0347 12.8868 9.86867 12.8993L9.84237 12.5503L9.81607 12.2013C9.81978 12.201 9.82328 12.1994 9.82596 12.1968L10.0686 12.4491ZM9.84237 12.5503L9.86867 12.8993C9.70265 12.9118 9.53747 12.8661 9.40153 12.7699L9.60358 12.4842L9.80563 12.1984C9.80867 12.2005 9.81236 12.2015 9.81607 12.2013L9.84237 12.5503ZM9.60358 12.4842L9.40153 12.7699C9.2656 12.6738 9.16739 12.5334 9.12382 12.3727L9.46163 12.2811L9.79943 12.1895C9.8004 12.1931 9.80259 12.1962 9.80563 12.1984L9.60358 12.4842ZM9.46163 12.2811L9.12382 12.3727C9.08025 12.212 9.09404 12.0412 9.1628 11.8896L9.48155 12.0341L9.8003 12.1787C9.79876 12.1821 9.79845 12.1859 9.79943 12.1895L9.46163 12.2811ZM9.48155 12.0341L9.16512 11.8845L10.2821 9.52155L10.5986 9.67112L10.915 9.8207L9.79798 12.1837L9.48155 12.0341ZM10.5986 9.67112L10.2811 9.52374C10.3941 9.28025 10.4167 9.10799 10.3976 8.98712C10.3801 8.87648 10.3216 8.76862 10.1799 8.65859L10.3946 8.38212L10.6092 8.10566C10.8655 8.30463 11.039 8.56127 11.089 8.87788C11.1374 9.18425 11.063 9.502 10.916 9.81851L10.5986 9.67112ZM10.3946 8.38212L10.1827 8.66074C10.1442 8.63148 10.1001 8.61051 10.0531 8.59915L10.1354 8.25895L10.2176 7.91875C10.3586 7.95283 10.4909 8.01574 10.6064 8.10351L10.3946 8.38212ZM10.1354 8.25895L10.0531 8.59915C10.0061 8.58779 9.95731 8.58629 9.90972 8.59474L9.84855 8.25012L9.78739 7.90551C9.93017 7.88017 10.0767 7.88468 10.2176 7.91875L10.1354 8.25895ZM9.84855 8.25012L9.9047 8.59559C9.73534 8.62312 9.55089 8.74114 9.41144 8.94726L9.12155 8.75113L8.83167 8.555C9.05621 8.22311 9.39576 7.96913 9.7924 7.90466L9.84855 8.25012ZM9.12155 8.75113L9.42587 8.92402L7.23287 12.784L6.92855 12.6111L6.62424 12.4382L8.81723 8.57823L9.12155 8.75113ZM6.92855 12.6111L7.23561 12.7791C6.6155 13.9126 6.4186 14.9781 6.61269 16.0035C6.80776 17.0341 7.40577 18.0664 8.45304 19.1136L8.20555 19.3611L7.95806 19.6086C6.84533 18.4959 6.15384 17.3432 5.92491 16.1337C5.69501 14.9191 5.9396 13.6896 6.6215 12.4431L6.92855 12.6111ZM8.20555 19.3611L8.45304 19.1136C9.53073 20.1913 10.8641 20.6242 12.339 20.3827L12.3956 20.7281L12.4521 21.0735C10.751 21.352 9.19237 20.8429 7.95806 19.6086L8.20555 19.3611ZM12.3956 20.7281L12.3381 20.3829C13.6711 20.161 15.0555 19.4062 16.2271 18.2346L16.4746 18.4821L16.722 18.7296C15.4676 19.984 13.956 20.8232 12.453 21.0734L12.3956 20.7281ZM13.2496 5.97113L13.497 6.21861L11.377 8.33861L11.1296 8.09112L10.8821 7.84364L13.0021 5.72364L13.2496 5.97113ZM11.1296 8.09112L11.4006 7.86973C11.9131 8.49724 11.9559 9.31475 11.5745 10.1295L11.2576 9.98112L10.9406 9.83275C11.2332 9.2075 11.166 8.68901 10.8585 8.31252L11.1296 8.09112ZM11.2576 9.98112L11.5739 10.1308L11.3539 10.5958L11.0376 10.4461L10.7212 10.2964L10.9412 9.83144L11.2576 9.98112ZM11.0376 10.4461L10.7901 10.1986L14.3131 6.67564L14.5606 6.92312L14.808 7.17061L11.285 10.6936L11.0376 10.4461ZM14.5606 6.92312L14.253 6.75598C14.2876 6.69237 14.3063 6.62136 14.3076 6.54898L14.6576 6.55512L15.0075 6.56127C15.0042 6.74626 14.9564 6.92772 14.8681 7.09027L14.5606 6.92312ZM14.6576 6.55512H14.3076C14.3076 6.4278 14.2583 6.30841 14.1683 6.21782L14.4166 5.97113L14.6648 5.72443C14.8848 5.94584 15.0076 6.24245 15.0076 6.55512H14.6576ZM14.4166 5.97113L14.1754 6.22482C14.0831 6.13703 13.9605 6.08808 13.8331 6.08808V5.73808V5.38808C14.14 5.38808 14.4352 5.50598 14.6577 5.71743L14.4166 5.97113ZM13.8331 5.73808V6.08808C13.7056 6.08808 13.583 6.13703 13.4907 6.22482L13.2496 5.97113L13.0084 5.71743C13.2309 5.50598 13.5261 5.38808 13.8331 5.38808V5.73808ZM5.89455 7.67613L5.60411 7.48082C5.96005 6.9515 6.47548 6.59044 7.06817 6.4937L7.12455 6.83913L7.18093 7.18455C6.80562 7.24581 6.44905 7.47875 6.18499 7.87143L5.89455 7.67613ZM7.12455 6.83913L7.0669 6.49391C7.30804 6.45364 7.55488 6.46319 7.79219 6.52199L7.70802 6.86171L7.62385 7.20144C7.47935 7.16564 7.32904 7.15982 7.1822 7.18434L7.12455 6.83913ZM7.70802 6.86171L7.79219 6.52199C8.02949 6.58078 8.25224 6.68756 8.44669 6.83575L8.23455 7.11412L8.02241 7.3925C7.904 7.30227 7.76836 7.23724 7.62385 7.20144L7.70802 6.86171ZM8.23455 7.11412L8.44795 6.83671C8.82097 7.12365 9.05935 7.49369 9.16398 7.90976L8.82455 7.99512L8.48512 8.08048C8.41975 7.82055 8.27213 7.5846 8.02115 7.39154L8.23455 7.11412ZM8.82455 7.99512L8.58061 7.74414C8.87954 7.4536 9.25852 7.25909 9.66885 7.18561L9.73055 7.53013L9.79225 7.87464C9.51935 7.92352 9.2673 8.05288 9.06849 8.24611L8.82455 7.99512ZM9.73055 7.53013L9.67599 7.1844C10.02 7.13012 10.3723 7.17566 10.6912 7.31564L10.5506 7.63613L10.4099 7.95661C10.2136 7.87047 9.9968 7.84244 9.78511 7.87585L9.73055 7.53013ZM10.5506 7.63613L10.3031 7.38864L12.4851 5.20664L12.7326 5.45412L12.98 5.70161L10.798 7.88361L10.5506 7.63613ZM12.7326 5.45412L12.4858 5.20595C12.8436 4.85006 13.3278 4.65029 13.8326 4.65029V5.00029V5.35029C13.5128 5.35029 13.2061 5.47684 12.9793 5.7023L12.7326 5.45412ZM13.8326 5.00029V4.65029C14.3373 4.65029 14.8215 4.85006 15.1793 5.20595L14.9325 5.45412L14.6858 5.7023C14.459 5.47684 14.1523 5.35029 13.8326 5.35029V5.00029ZM14.9325 5.45412L15.1817 5.2083C15.4171 5.44691 15.5848 5.74383 15.6677 6.06862L15.3286 6.15513L14.9894 6.24163C14.9372 6.03713 14.8316 5.85018 14.6834 5.69995L14.9325 5.45412ZM15.3286 6.15513L15.0795 5.90919C15.2562 5.73033 15.4664 5.58809 15.6981 5.49063L15.8338 5.81326L15.9695 6.13589C15.8227 6.19763 15.6895 6.28774 15.5776 6.40106L15.3286 6.15513ZM15.8338 5.81326L15.6981 5.49063C15.9298 5.39318 16.1785 5.34243 16.4299 5.34129L16.4315 5.69129L16.4331 6.04128C16.2738 6.04201 16.1163 6.07416 15.9695 6.13589L15.8338 5.81326ZM16.4315 5.69129L16.4299 5.34129C16.6813 5.34015 16.9304 5.38865 17.163 5.48401L17.0303 5.80785L16.8975 6.13169C16.7501 6.07129 16.5923 6.04056 16.4331 6.04128L16.4315 5.69129ZM17.0303 5.80785L17.163 5.48401C17.3956 5.57936 17.6071 5.71969 17.7853 5.89695L17.5386 6.14512L17.2918 6.3933C17.1788 6.281 17.0448 6.1921 16.8975 6.13169L17.0303 5.80785ZM17.5386 6.14512L17.7859 5.89751C18.0396 6.15091 18.2164 6.47091 18.2958 6.82054L17.9546 6.89812L17.6133 6.97571C17.5631 6.75489 17.4514 6.55278 17.2912 6.39274L17.5386 6.14512ZM17.9546 6.89812L17.7071 6.65064C18.4625 5.89516 19.709 5.88488 20.4388 6.61343L20.1916 6.86112L19.9443 7.10882C19.4981 6.66337 18.6946 6.65309 18.202 7.14561L17.9546 6.89812ZM20.1916 6.86112L20.4393 6.61385C20.7962 6.97139 20.9966 7.45594 20.9966 7.96112L20.6466 7.96112L20.2966 7.96112C20.2966 7.64138 20.1697 7.33469 19.9438 7.1084L20.1916 6.86112ZM20.6466 7.96112H20.9966C20.9966 8.46631 20.7962 8.95086 20.4393 9.3084L20.1916 9.06112L19.9438 8.81385C20.1697 8.58756 20.2966 8.28087 20.2966 7.96112H20.6466ZM20.1916 9.06112L20.3266 8.73825C20.5843 8.84606 20.8941 9.00553 21.1546 9.26722L20.9066 9.51412L20.6585 9.76103C20.491 9.59272 20.2768 9.47619 20.0565 9.384L20.1916 9.06112ZM20.9066 9.51412L21.1547 9.26733C21.5106 9.62521 21.7104 10.1094 21.7104 10.6141H21.3604H21.0104C21.0104 10.2944 20.8838 9.98764 20.6584 9.76092L20.9066 9.51412ZM21.3604 10.6141H21.7104C21.7104 11.1188 21.5106 11.603 21.1547 11.9609L20.9066 11.7141L20.6584 11.4673C20.8838 11.2406 21.0104 10.9339 21.0104 10.6141H21.3604ZM20.9066 11.7141L21.1538 11.9619L20.6378 12.4769L20.3906 12.2291L20.1433 11.9814L20.6593 11.4664L20.9066 11.7141ZM20.3906 12.2291L20.469 11.888C20.8005 11.9643 21.1055 12.1278 21.3524 12.3617L21.1117 12.6158L20.871 12.8699C20.7148 12.7219 20.5218 12.6185 20.3121 12.5702L20.3906 12.2291ZM21.1117 12.6158L21.3524 12.3617C21.5993 12.5956 21.7791 12.8913 21.8732 13.2181L21.5369 13.3149L21.2006 13.4118C21.141 13.205 21.0272 13.0179 20.871 12.8699L21.1117 12.6158ZM21.5369 13.3149L21.8732 13.2181C21.9673 13.5449 21.9723 13.891 21.8876 14.2203L21.5486 14.1331L21.2096 14.0459C21.2632 13.8375 21.2601 13.6186 21.2006 13.4118L21.5369 13.3149ZM21.5486 14.1331L21.8876 14.2203C21.8028 14.5497 21.6315 14.8504 21.3914 15.0912L21.1436 14.8441L20.8957 14.597C21.0476 14.4446 21.156 14.2543 21.2096 14.0459L21.5486 14.1331ZM21.1436 14.8441L21.3911 15.0916L17.2371 19.2476L16.9896 19.0001L16.742 18.7527L20.896 14.5967L21.1436 14.8441ZM16.9896 19.0001L17.2369 19.2477C15.8747 20.6089 14.2219 21.5204 12.5719 21.7944L12.5146 21.4491L12.4572 21.1039C13.9392 20.8578 15.4644 20.0293 16.7422 18.7525L16.9896 19.0001ZM12.5146 21.4491L12.5719 21.7944C12.2316 21.8509 11.8887 21.8791 11.5436 21.8791V21.5291V21.1791C11.8504 21.1791 12.1549 21.154 12.4572 21.1038L12.5146 21.4491ZM11.5436 21.5291V21.8791C10.6375 21.8791 9.77957 21.6677 8.99034 21.2613L9.15055 20.9501L9.31077 20.6389C10.0015 20.9946 10.7496 21.1791 11.5436 21.1791V21.5291ZM9.15055 20.9501L9.20005 21.2966C8.95805 21.3312 8.71179 21.3541 8.46455 21.3541V21.0041V20.6541C8.66931 20.6541 8.88105 20.6351 9.10105 20.6036L9.15055 20.9501ZM8.46455 21.0041V21.3541C7.09319 21.3541 5.81632 20.7878 4.71218 19.6847L4.95955 19.4371L5.20692 19.1895C6.19877 20.1804 7.30392 20.6541 8.46455 20.6541V21.0041ZM4.95955 19.4371L4.71206 19.6846C1.83279 16.8053 2.02672 13.6573 3.22056 11.6708L3.52055 11.8511L3.82054 12.0314C2.78838 13.7489 2.56031 16.5429 5.20704 19.1896L4.95955 19.4371ZM3.52055 11.8511L3.2163 11.6781L5.5903 7.50312L5.89455 7.67613L6.1988 7.84913L3.8248 12.0241L3.52055 11.8511Z", fill: "currentColor", mask: "url(#path-1-outside-1_32920_470744)" })] }))); };
+exports.default = SvgClab1;

package/dist/components/Icon/iconList/ClabFilled.js

@@ -0,0 +1,40 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var React = __importStar(require("react"));
+var SvgClabFilled = function (props) { return ((0, jsx_runtime_1.jsxs)("svg", __assign({ width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { children: [(0, jsx_runtime_1.jsx)("path", { d: "M7.28125 6.83398L7.1875 6.8457V6.84668C6.88663 6.89599 6.60322 7.07138 6.38184 7.34473L6.29004 7.46777L3.78906 11.8662V11.8682C2.75533 13.5852 2.54415 16.3189 4.97656 18.9316L5.2207 19.1836C6.01227 19.976 6.87555 20.4423 7.79688 20.6006C7.76237 20.5703 7.72629 20.5417 7.69238 20.5107L7.46875 20.2959C6.15129 18.9789 5.3597 17.6089 5.10254 16.1943C4.86147 14.8678 5.091 13.5069 5.78906 12.1201L5.93555 11.8418V11.8408L8.28711 7.70312L8.29004 7.69922L8.31543 7.66797C8.31748 7.66568 8.3195 7.66314 8.32129 7.66113C8.27202 7.43695 8.15243 7.23513 7.98145 7.08398L7.90234 7.02051L7.90137 7.01953C7.80102 6.94268 7.68532 6.88727 7.5625 6.85742C7.47036 6.83509 7.37542 6.82705 7.28125 6.83398ZM14.1992 4.91309C13.9225 4.91316 13.6567 5.02044 13.457 5.21191V5.21094L11.4297 7.24023C11.8724 7.68453 12.0797 8.24296 12.0059 8.86816L15.1943 5.68164C15.1519 5.50615 15.0658 5.34412 14.9424 5.21191C14.7426 5.02024 14.4761 4.91309 14.1992 4.91309Z", fill: "currentColor", stroke: "currentColor", strokeWidth: 0.1 }), (0, jsx_runtime_1.jsx)("path", { d: "M16.9648 5.7168C16.8379 5.71685 16.7119 5.7424 16.5947 5.79102C16.4776 5.83963 16.3709 5.91123 16.2812 6.00098L10.1494 12.1348L10.1309 12.1533L10.1201 12.1768C10.0924 12.2356 10.0452 12.2837 9.9873 12.3135C9.92952 12.343 9.86365 12.3525 9.7998 12.3408L9.72363 12.3154C9.69975 12.3037 9.6773 12.2884 9.65723 12.2705C9.61696 12.2346 9.58738 12.1882 9.57129 12.1367C9.55525 12.0852 9.55271 12.03 9.56543 11.9775C9.57821 11.9251 9.60567 11.8773 9.64355 11.8389L9.66113 11.8203L9.67188 11.7979L10.8564 9.29492V9.29395C11.0653 8.84626 11.0604 8.50716 10.9619 8.25586C10.8657 8.0103 10.689 7.875 10.6133 7.81641V7.81543L10.542 7.7666C10.4684 7.72149 10.388 7.68808 10.3037 7.66797C10.1927 7.64152 10.077 7.63853 9.96484 7.65918H9.96387C9.6751 7.70731 9.40966 7.87953 9.21484 8.11914L9.13574 8.22559L9.12988 8.23535L6.80664 12.3262L6.80566 12.3281L6.68066 12.5674C6.08142 13.7569 5.88177 14.9168 6.09766 16.0566C6.31317 17.1945 6.93924 18.2966 7.96289 19.377L8.17383 19.5928C9.79114 21.211 11.3121 21.7051 12.7979 21.4102C14.0838 21.1549 15.3167 20.3125 16.542 19.1689L17.0664 18.6611L21.4697 14.2588V14.2578C21.627 14.0994 21.7251 13.8917 21.7471 13.6709L21.752 13.5752C21.7535 13.3838 21.6973 13.1959 21.5918 13.0361C21.486 12.8761 21.3344 12.7513 21.1572 12.6777C20.98 12.6043 20.7847 12.5848 20.5967 12.623C20.4089 12.6612 20.237 12.7551 20.1025 12.8916L17.8154 15.1797L17.7705 15.2168C17.7224 15.2489 17.6652 15.2656 17.6064 15.2656L17.5488 15.2607C17.4919 15.2494 17.4391 15.2213 17.3975 15.1797C17.3421 15.1243 17.3116 15.049 17.3115 14.9707L17.3164 14.9131C17.3239 14.8751 17.3389 14.8389 17.3604 14.8066L17.3975 14.7617L19.6846 12.4736L21.2197 10.9395V10.9385C21.3555 10.804 21.4489 10.6327 21.4863 10.4453C21.5239 10.2574 21.5038 10.0625 21.4297 9.88574L21.377 9.7793C21.318 9.67635 21.2409 9.58416 21.1484 9.50879C21.0252 9.40842 20.8786 9.34029 20.7227 9.30957C20.5668 9.27893 20.4059 9.28689 20.2539 9.33301C20.1397 9.36769 20.0331 9.42314 19.9395 9.49609L19.8506 9.57422L16.2109 13.2148L16.209 13.2158L16.1406 13.2676C16.1152 13.2815 16.0873 13.2921 16.0586 13.2979C16.0016 13.3093 15.9422 13.3029 15.8887 13.2803L15.8867 13.2793L15.8232 13.2441C15.8039 13.2299 15.7859 13.213 15.7705 13.1943C15.7396 13.1568 15.7184 13.1121 15.709 13.0645C15.6996 13.0168 15.7025 12.9674 15.7168 12.9209C15.7312 12.8743 15.7572 12.832 15.792 12.7979L15.793 12.7969L19.4355 9.15332L20.4629 8.12598V8.125C20.5526 8.0359 20.6242 7.93019 20.6729 7.81348C20.7217 7.6963 20.7462 7.5703 20.7461 7.44336V7.44238L20.7344 7.30078C20.7124 7.1608 20.66 7.02658 20.5801 6.9082C20.4736 6.75055 20.3233 6.62743 20.1475 6.55469C19.9715 6.48191 19.7777 6.4626 19.5908 6.49902C19.4508 6.52634 19.3194 6.58454 19.2051 6.66797L19.0967 6.75977L19.0957 6.76074L18.0654 7.79004L14.4248 11.4287L14.4219 11.4316L14.377 11.4697C14.3608 11.4811 14.3434 11.491 14.3252 11.499C14.2891 11.5149 14.2503 11.5238 14.2109 11.5244C14.1714 11.525 14.1314 11.5178 14.0947 11.5029C14.0582 11.4881 14.025 11.4654 13.9971 11.4375C13.9692 11.4096 13.9475 11.3763 13.9326 11.3398C13.9177 11.3033 13.9097 11.2641 13.9102 11.2246C13.9107 11.1851 13.9197 11.1456 13.9355 11.1094C13.9514 11.0733 13.9743 11.0408 14.0029 11.0137L14.0059 11.0107L17.6484 7.36621C17.7381 7.27645 17.8099 7.16996 17.8584 7.05273C17.9068 6.93571 17.9316 6.81021 17.9316 6.68359C17.9316 6.5567 17.906 6.43069 17.8574 6.31348C17.8088 6.19636 17.7381 6.08965 17.6484 6C17.5587 5.9103 17.4512 5.83953 17.334 5.79102C17.2169 5.7426 17.0916 5.71677 16.9648 5.7168Z", fill: "currentColor", stroke: "currentColor", strokeWidth: 0.3 }), (0, jsx_runtime_1.jsx)("path", { d: "M10.1387 1.48047L8.95508 1.87012L8.75977 1.93457L8.87988 2.10059L10.4033 4.21289L10.6729 4.10449L10.334 1.60254L10.3096 1.42383L10.1387 1.48047ZM14.5176 1.60254L14.1807 4.10352L14.4512 4.21191L15.9736 2.09961L16.0928 1.93359L15.8984 1.86914L14.7129 1.48047L14.542 1.42383L14.5176 1.60254ZM11.6172 0.849609L11.665 1.03711L12.2949 3.49121H12.5859L13.2158 1.03711L13.2637 0.849609H11.6172Z", fill: "currentColor", stroke: "currentColor", strokeWidth: 0.3 })] }))); };
+exports.default = SvgClabFilled;

package/dist/components/Icon/iconList/index.js

@@ -29,7 +29,7 @@ exports.Calling = exports.CallSilent = exports.CallMissed = exports.Call = expor
 exports.Home = exports.Hide = exports.HeartLg = exports.Heart = exports.Graph = exports.Gift = exports.Game = exports.Folder = exports.Flash = exports.FilterUp = exports.FilterSmall = exports.FilterDown = exports.Filter2 = exports.Filter = exports.Facebook = exports.EditSquare = exports.Edit = exports.Dublearrrowrightbig = exports.Download = exports.Document = exports.DislikeLg = exports.Dislike = exports.Discovery = exports.Discount = exports.DeleteSmall = exports.Delete = exports.DarkBadge = exports.Danger = exports.Copy = exports.Completed = exports.Closebig = exports.CloseSquare = exports.CloseSmall = exports.CloseMedium = exports.ClickOnclick = exports.CihazTeslimAlindi = exports.CheckboxElementUncheck = exports.CheckboxElementInvalid = exports.CheckboxElementDisabled = exports.CheckboxElementChecked = exports.CheckMark = exports.Chat = exports.Chart = exports.Category = exports.Cargo2 = exports.Cargo = exports.CarbonNautral = exports.CampaignColorful = exports.Campaign = exports.Camera = void 0;
 exports.PlusCircle = exports.PlusBig = exports.Play = exports.Password = exports.PaperUpload = exports.PaperPlus = exports.PaperNegative = exports.PaperFail = exports.PaperDownload = exports.Paper = exports.OrderProgressIcons = exports.Operation = exports.NotificationSmallwith24 = exports.NotificationSmallwith16 = exports.NotificationBigwith24 = exports.NotificationBigwith16 = exports.Notification = exports.NegativeSmall = exports.NegativeBig = exports.MoreSquare = exports.MoreCircle = exports.Money = exports.Minus = exports.Message = exports.MasterCard = exports.Logout = exports.Login = exports.Lock = exports.Location = exports.Loadingsmall = exports.LoadingDefault = exports.Loading = exports.LinkedIn = exports.LinkSm = exports.Link = exports.Likesmall = exports.LikeV1 = exports.Like = exports.Laptop = exports.Language2 = exports.KeyboardClose = exports.Keyboard = exports.Instagramwithfooter = exports.InstagramNegative = exports.Instagram = exports.InfoSquareSmall = exports.InfoSquare = exports.InfoCircle = exports.Image = exports.House = void 0;
 exports.VolumeUp = exports.VolumeOff = exports.VolumeDown = exports.Voice2 = exports.Voice = exports.Visa = exports.Video = exports.Valentine = exports.User3 = exports.User2 = exports.Upload = exports.Unlock = exports.Twitterwithfooter = exports.Twitterhk = exports.TwitterFilled = exports.Twitter = exports.Trash = exports.TimeSquare = exports.TimeCircle = exports.Ticket = exports.TicketStar = exports.TickSquare = exports.Tick = exports.Tamamlarsin = exports.SwitchPassive = exports.Swap = exports.Starfull = exports.Star = exports.SignLanguage = exports.ShufflePlay = exports.Show = exports.ShieldFail = exports.ShieldDone = exports.SettingCircle = exports.Setting = exports.Send = exports.Security = exports.Searchsmall = exports.Search = exports.Scan = exports.Sandwatch = exports.Rectangle = exports.RadioButtonElementUnchecked = exports.RadioButtonElementInvalid = exports.RadioButtonElementDisabled = exports.RadioButtonElementChecked = exports.Profile = exports.PriceTag = exports.PlusSquare = exports.PlusSmall = void 0;
-exports.iconList = exports.Youtubewithfooter = exports.Youtubehk = exports.Wphk = exports.UserPlus = exports.Tiktok = exports.TextLoading = exports.RotateRight = exports.NewYear = exports.More = exports.Live = exports.List = exports.Linkedinwithfooter = exports.Linkedinhk = exports.Konfeti2 = exports.Konfeti = exports.Instagramhk = exports.Grid = exports.Facebookwithfooter = exports.Facebookhk = exports.Dublearrowleftbig = exports.Dislikesmall = exports.ClabHands = exports.CircleFilled = exports.Youtube = exports.Wpfooter = exports.Wp = exports.Work = exports.Whatsapp = exports.WaveArrowUp = exports.WaveArrowDown = exports.Watch = exports.Wallet2 = exports.Wallet = void 0;
+exports.iconList = exports.Youtubewithfooter = exports.Youtubehk = exports.Wphk = exports.UserPlus = exports.Tiktok = exports.TextLoading = exports.RotateRight = exports.NewYear = exports.More = exports.Live = exports.List = exports.Linkedinwithfooter = exports.Linkedinhk = exports.Konfeti2 = exports.Konfeti = exports.Instagramhk = exports.Grid = exports.Facebookwithfooter = exports.Facebookhk = exports.Dublearrowleftbig = exports.Dislikesmall = exports.ClabHands = exports.ClabFilled = exports.Clab1 = exports.CircleFilled = exports.Youtube = exports.Wpfooter = exports.Wp = exports.Work = exports.Whatsapp = exports.WaveArrowUp = exports.WaveArrowDown = exports.Watch = exports.Wallet2 = exports.Wallet = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var Activity_1 = __importDefault(require("./Activity"));
 Object.defineProperty(exports, "Activity", { enumerable: true, get: function () { return Activity_1.default; } });
@@ -453,6 +453,10 @@ var Youtube_1 = __importDefault(require("./Youtube"));
 Object.defineProperty(exports, "Youtube", { enumerable: true, get: function () { return Youtube_1.default; } });
 var CircleFilled_1 = __importDefault(require("./CircleFilled"));
 Object.defineProperty(exports, "CircleFilled", { enumerable: true, get: function () { return CircleFilled_1.default; } });
+var Clab1_1 = __importDefault(require("./Clab1"));
+Object.defineProperty(exports, "Clab1", { enumerable: true, get: function () { return Clab1_1.default; } });
+var ClabFilled_1 = __importDefault(require("./ClabFilled"));
+Object.defineProperty(exports, "ClabFilled", { enumerable: true, get: function () { return ClabFilled_1.default; } });
 var ClabHands_1 = __importDefault(require("./ClabHands"));
 Object.defineProperty(exports, "ClabHands", { enumerable: true, get: function () { return ClabHands_1.default; } });
 var Dislikesmall_1 = __importDefault(require("./Dislikesmall"));
@@ -1342,6 +1346,14 @@ exports.iconList = {
         var props = __rest(_a, []);
         return (0, jsx_runtime_1.jsx)(CircleFilled_1.default, __assign({}, props));
     },
+    Clab1: function (_a) {
+        var props = __rest(_a, []);
+        return (0, jsx_runtime_1.jsx)(Clab1_1.default, __assign({}, props));
+    },
+    ClabFilled: function (_a) {
+        var props = __rest(_a, []);
+        return (0, jsx_runtime_1.jsx)(ClabFilled_1.default, __assign({}, props));
+    },
     ClabHands: function (_a) {
         var props = __rest(_a, []);
         return (0, jsx_runtime_1.jsx)(ClabHands_1.default, __assign({}, props));

package/dist/components/ProductCardHorizontalSm/ProductCardHorizontalSm.styled.js

@@ -9,5 +9,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ProductCardHorizontalSmStyled = void 0;
 var styled_components_1 = __importDefault(require("styled-components"));
-exports.ProductCardHorizontalSmStyled = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    color: var(--dark);\n    padding: 0 0.5rem;\n    transition: all .2s ease;\n    border-radius: 0.5rem;\n    border: 1px solid var(--grey-10);\n\n    a {\n        text-decoration: none;\n        color: inherit;\n        &:hover{\n            .text {\n                .title {\n                    color: var(--primary-hover);\n                }\n            }\n        }\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: 0.5rem;\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                transition: all .2s ease;\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                small {\n                    font: var(--body-bold-14-17);\n                }\n            }\n        }\n    }\n"], ["\n    color: var(--dark);\n    padding: 0 0.5rem;\n    transition: all .2s ease;\n    border-radius: 0.5rem;\n    border: 1px solid var(--grey-10);\n\n    a {\n        text-decoration: none;\n        color: inherit;\n        &:hover{\n            .text {\n                .title {\n                    color: var(--primary-hover);\n                }\n            }\n        }\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: 0.5rem;\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                transition: all .2s ease;\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                small {\n                    font: var(--body-bold-14-17);\n                }\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"; });
+var devices_1 = require("../../constants/devices");
+exports.ProductCardHorizontalSmStyled = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    color: var(--dark);\n    padding: 0 0.5rem;\n    transition: all .2s ease;\n    border-radius: 0.5rem;\n    border: 1px solid var(--grey-10);\n\n    a {\n        text-decoration: none;\n        color: inherit;\n        @media only screen and ", " {\n            &:hover{\n                .text {\n                    .title {\n                        color: var(--primary-hover);\n                    }\n                }\n            }\n        }\n        &:active {\n            .text {\n                .title {\n                    color: var(--primary-hover);\n                }\n            }\n        }\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: 0.5rem;\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                transition: all .2s ease;\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                small {\n                    font: var(--body-bold-14-17);\n                }\n            }\n        }\n    }\n"], ["\n    color: var(--dark);\n    padding: 0 0.5rem;\n    transition: all .2s ease;\n    border-radius: 0.5rem;\n    border: 1px solid var(--grey-10);\n\n    a {\n        text-decoration: none;\n        color: inherit;\n        @media only screen and ", " {\n            &:hover{\n                .text {\n                    .title {\n                        color: var(--primary-hover);\n                    }\n                }\n            }\n        }\n        &:active {\n            .text {\n                .title {\n                    color: var(--primary-hover);\n                }\n            }\n        }\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: 0.5rem;\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                transition: all .2s ease;\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                small {\n                    font: var(--body-bold-14-17);\n                }\n            }\n        }\n    }\n"])), devices_1.devices.mdUp, 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"; });
 var templateObject_1;

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

@@ -13,7 +13,7 @@ var styled_components_1 = __importDefault(require("styled-components"));
 var Icon_1 = __importDefault(require("../Icon/Icon"));
 var svgToBase64_1 = __importDefault(require("./../../utils/svgToBase64"));
 var devices_1 = require("../../constants/devices");
-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\n        &.justify-between {\n            justify-content: space-between;\n        }\n\n        label {\n            margin: 0;\n            color: var(--dark-opacity-50);\n            display: block;\n        }\n    }\n\n    [data-simplebar] {\n        max-height: ", " !important;\n        height: auto !important;\n        padding: 0 !important;\n\n        .simplebar-track.simplebar-vertical {\n            width: 9px !important;\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\n        .customSelect {\n            &:is(.lightBg) {\n                .customSelect__control {\n                    background-color: white;\n                }\n            }\n\n            .customSelect__control {\n                background-color: var(--dark-opacity-3);\n                border: 0;\n                padding: ", ";\n                cursor: pointer;\n\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: 0.5rem;\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                    min-height: ", ";\n\n                    &:is(.customSelect__value-container--is-multi) {\n                        display: block;\n                        padding: 1rem 0;\n                    }\n\n                    .customSelect__multi-value {\n                        border: 1px solid var(--grey-10);\n                        border-radius: 0.25rem;\n                        background-color: var(--dark-opacity-3);\n                        margin: 0;\n                        justify-content: space-between;\n                        display: grid;\n                        grid-template-columns: 1fr auto;\n                        position: relative;\n                        z-index: 5;\n                        + .customSelect__multi-value {\n                            margin-top: 0.5rem;\n                        }\n\n                        .customSelect__multi-value__label {\n                            font: var(--body-semi-bold-13-16);\n                        }\n\n                        .customSelect__multi-value__remove {\n                            background-color: transparent !important;\n                            color: var(--dark) !important;\n                        }\n                    }\n\n                    .customSelect__placeholder {\n                        font: var(--body-semi-bold-14-17);\n                        color: ", ";\n                        margin: 0;\n                        line-height: 1.5rem;\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                        position: absolute;\n                        bottom: 0;\n                        top: 0;\n                        margin-top: 0;\n                        width: 100% !important;\n                        display: block !important;\n                        &:after {\n                            display: none;\n                        }\n\n                        input {\n                            font: var(--body-semi-bold-14-17) !important;\n                            width: 100% !important;\n                            display: block !important;\n                            height: 100% !important;\n                        }\n                    }\n                }\n                .customSelect__value-container--has-value{\n                    .customSelect__input-container {\n                        margin-top: ", " !important;\n                        position: static !important;\n                    }\n                }\n                .customSelect__indicators{\n                    height: 56px;\n                }\n                .customSelect__indicator {\n                    padding: 0;\n                    margin: 0 0 0 0.5rem;\n                    width: 1.5rem;\n                    height: 1.5rem;\n                    transition: all .2s ease;\n\n                    &:is(.customSelect__dropdown-indicator) {\n                        ", ";\n                    }\n\n                    &:is(.customSelect__clear-indicator) {\n                        width: 1.5rem;\n                        height: 1.5rem;\n                        display: block !important;\n                        background-image: url('", "');\n                        background-repeat: no-repeat;\n                        background-position: center center;\n                        svg {\n                            display: none;\n                        }\n\n                        ~ .customSelect__dropdown-indicator {\n                            display: none;\n                        }\n                    }\n\n                    div {\n                        display: block;\n                    }\n                }\n\n                .customSelect__indicator-separator {\n                    display: none;\n                }\n                .customSelect__loading-indicator{\n                    width: 1.5rem;\n                    span{\n                        display: none;\n                    }\n                    ~ *{\n                        display: none !important;\n                        ~ *{\n                            display: none !important;\n                        }\n                    }\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\n                    &.customSelect__value-container--has-value {\n                        background-image: ", ";\n                    }\n                }\n            }\n            .customSelect__control--is-focused {\n                border-color: var(--primary);\n                box-shadow: none;\n                &:is(.customSelect__control--menu-is-open){\n                    .customSelect__input-container {\n                        margin-top: 0 !important;\n                    }\n                    .customSelect__value-container--has-value{\n                        .customSelect__input-container {\n                            margin-top: ", ";\n                            position: static;\n\n                            input {\n\n                            }\n                        }\n                    }\n                }\n            }\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 0.5rem 0.5rem;\n                box-shadow: none;\n                border: 1px solid var(--dark-opacity-10);\n                overflow: hidden;\n                position: ", ";\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                            @media only screen and ", " {\n                                background-color: transparent !important;\n                            }\n                        }\n\n                        &:active {\n                            background-color: var(--dark-opacity-3);\n\n                            @media only screen and ", " {\n                                background-color: transparent !important;\n                            }\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\n                            strong {\n                                color: var(--dark-opacity-50);\n                            }\n                        }\n\n                        > div {\n                            display: flex;\n                            align-items: center;\n                            justify-content: space-between;\n                            width: 100%;\n\n                            .left {\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                            .right {\n                                display: flex;\n                                align-items: end;\n                                justify-content: flex-end;\n\n                                strong {\n                                    display: block;\n                                    font: var(--title-extra-bold-16-19);\n                                    line-height: 17px;\n\n                                    small {\n                                        font: var(--body-extra-bold-14-17);\n                                    }\n                                }\n\n                                span {\n                                    display: block;\n                                    font: var(--body-regular-13-16);\n                                    margin-left: 0.2rem;\n                                }\n                            }\n                        }\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\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\n                box-shadow: none;\n\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__clear-indicator {\n                    display: none !important;\n                }\n\n\n                .customSelect__single-value {\n                    color: var(--dark) !important;\n                }\n            }\n        }\n    }\n\n    .placement-top {\n        .customSelect__menu {\n            border-radius: 0.5rem 0.5rem 0 0 !important;\n            top: auto !important;\n            bottom: 100% !important;\n        }\n\n        .customSelect__control--menu-is-open {\n            &:before {\n                border-radius: 0 0 0.5rem 0.5rem !important;\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\n        &.justify-between {\n            justify-content: space-between;\n        }\n\n        label {\n            margin: 0;\n            color: var(--dark-opacity-50);\n            display: block;\n        }\n    }\n\n    [data-simplebar] {\n        max-height: ", " !important;\n        height: auto !important;\n        padding: 0 !important;\n\n        .simplebar-track.simplebar-vertical {\n            width: 9px !important;\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\n        .customSelect {\n            &:is(.lightBg) {\n                .customSelect__control {\n                    background-color: white;\n                }\n            }\n\n            .customSelect__control {\n                background-color: var(--dark-opacity-3);\n                border: 0;\n                padding: ", ";\n                cursor: pointer;\n\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: 0.5rem;\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                    min-height: ", ";\n\n                    &:is(.customSelect__value-container--is-multi) {\n                        display: block;\n                        padding: 1rem 0;\n                    }\n\n                    .customSelect__multi-value {\n                        border: 1px solid var(--grey-10);\n                        border-radius: 0.25rem;\n                        background-color: var(--dark-opacity-3);\n                        margin: 0;\n                        justify-content: space-between;\n                        display: grid;\n                        grid-template-columns: 1fr auto;\n                        position: relative;\n                        z-index: 5;\n                        + .customSelect__multi-value {\n                            margin-top: 0.5rem;\n                        }\n\n                        .customSelect__multi-value__label {\n                            font: var(--body-semi-bold-13-16);\n                        }\n\n                        .customSelect__multi-value__remove {\n                            background-color: transparent !important;\n                            color: var(--dark) !important;\n                        }\n                    }\n\n                    .customSelect__placeholder {\n                        font: var(--body-semi-bold-14-17);\n                        color: ", ";\n                        margin: 0;\n                        line-height: 1.5rem;\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                        position: absolute;\n                        bottom: 0;\n                        top: 0;\n                        margin-top: 0;\n                        width: 100% !important;\n                        display: block !important;\n                        &:after {\n                            display: none;\n                        }\n\n                        input {\n                            font: var(--body-semi-bold-14-17) !important;\n                            width: 100% !important;\n                            display: block !important;\n                            height: 100% !important;\n                        }\n                    }\n                }\n                .customSelect__value-container--has-value{\n                    .customSelect__input-container {\n                        margin-top: ", " !important;\n                        position: static !important;\n                    }\n                }\n                .customSelect__indicators{\n                    height: 56px;\n                }\n                .customSelect__indicator {\n                    padding: 0;\n                    margin: 0 0 0 0.5rem;\n                    width: 1.5rem;\n                    height: 1.5rem;\n                    transition: all .2s ease;\n\n                    &:is(.customSelect__dropdown-indicator) {\n                        ", ";\n                    }\n\n                    &:is(.customSelect__clear-indicator) {\n                        width: 1.5rem;\n                        height: 1.5rem;\n                        display: block !important;\n                        background-image: url('", "');\n                        background-repeat: no-repeat;\n                        background-position: center center;\n                        svg {\n                            display: none;\n                        }\n\n                        ~ .customSelect__dropdown-indicator {\n                            display: none;\n                        }\n                    }\n\n                    div {\n                        display: block;\n                    }\n                }\n\n                .customSelect__indicator-separator {\n                    display: none;\n                }\n                .customSelect__loading-indicator{\n                    width: 1.5rem;\n                    span{\n                        display: none;\n                    }\n                    ~ *{\n                        display: none !important;\n                        ~ *{\n                            display: none !important;\n                        }\n                    }\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\n                    &.customSelect__value-container--has-value {\n                        background-image: ", ";\n                    }\n                }\n            }\n            .customSelect__control--is-focused {\n                border-color: var(--primary);\n                box-shadow: none;\n                &:is(.customSelect__control--menu-is-open){\n                    .customSelect__input-container {\n                        margin-top: 0 !important;\n                    }\n                    .customSelect__value-container--has-value{\n                        .customSelect__input-container {\n                            margin-top: ", ";\n                            position: static;\n\n                            input {\n\n                            }\n                        }\n                    }\n                }\n            }\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 0.5rem 0.5rem;\n                box-shadow: none;\n                border: 1px solid var(--dark-opacity-10);\n                overflow: hidden;\n                position: ", ";\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                            @media only screen and ", " {\n                                background-color: transparent !important;\n                            }\n                        }\n\n                        &:active {\n                            background-color: var(--dark-opacity-3);\n\n                            @media only screen and ", " {\n                                background-color: transparent !important;\n                            }\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\n                            strong {\n                                color: var(--dark-opacity-50);\n                            }\n                        }\n\n                        > div {\n                            display: flex;\n                            align-items: center;\n                            justify-content: space-between;\n                            width: 100%;\n\n                            .left {\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                            .right {\n                                display: flex;\n                                align-items: end;\n                                justify-content: flex-end;\n\n                                strong {\n                                    display: block;\n                                    font: var(--title-extra-bold-16-19);\n                                    line-height: 17px;\n\n                                    small {\n                                        font: var(--body-extra-bold-14-17);\n                                    }\n                                }\n\n                                span {\n                                    display: block;\n                                    font: var(--body-regular-13-16);\n                                    margin-left: 0.2rem;\n                                }\n                            }\n                        }\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\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\n                box-shadow: none;\n\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__clear-indicator {\n                    display: none !important;\n                }\n\n\n                .customSelect__single-value {\n                    color: var(--dark) !important;\n                }\n            }\n        }\n    }\n\n    .placement-top {\n        .customSelect__menu {\n            border-radius: 0.5rem 0.5rem 0 0 !important;\n            top: auto !important;\n            bottom: 100% !important;\n        }\n\n        .customSelect__control--menu-is-open {\n            &:before {\n                border-radius: 0 0 0.5rem 0.5rem !important;\n            }\n        }\n    }\n"])), function (props) { return props.$width || '370px'; }, function (props) { return props.$maxOptionListHeight && props.$maxOptionListHeight; }, function (props) { return props.$hasShowDropdownIcon ? "0 1rem 0 1.5rem" : "0 1.5rem"; }, function (props) { return props.$hasError ? "2px" : "1px"; }, function (props) { return props.$hasError ? "var(--red)" : "var(--dark-opacity-10)"; }, function (props) { return props.$isMulti ? "\n                    &:is(.customSelect__control--menu-is-open){\n                        background-color: white !important;\n                    }\n                " : ""; }, function (props) {
+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\n        &.justify-between {\n            justify-content: space-between;\n        }\n\n        label {\n            margin: 0;\n            color: var(--dark-opacity-50);\n            display: block;\n        }\n    }\n\n    [data-simplebar] {\n        max-height: ", " !important;\n        height: auto !important;\n        padding: 0 !important;\n\n        .simplebar-track.simplebar-vertical {\n            width: 9px !important;\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\n        .customSelect {\n            &:is(.lightBg) {\n                .customSelect__control {\n                    background-color: white;\n                }\n            }\n\n            .customSelect__control {\n                background-color: var(--dark-opacity-3);\n                border: 0;\n                padding: ", ";\n                cursor: pointer;\n\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: 0.5rem;\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                    min-height: ", ";\n\n                    &:is(.customSelect__value-container--is-multi) {\n                        display: block;\n                        padding: 1rem 0;\n                    }\n\n                    .customSelect__multi-value {\n                        border: 1px solid var(--grey-10);\n                        border-radius: 0.25rem;\n                        background-color: var(--dark-opacity-3);\n                        margin: 0;\n                        justify-content: space-between;\n                        display: grid;\n                        grid-template-columns: 1fr auto;\n                        position: relative;\n                        z-index: 5;\n                        + .customSelect__multi-value {\n                            margin-top: 0.5rem;\n                        }\n\n                        .customSelect__multi-value__label {\n                            font: var(--body-semi-bold-13-16);\n                        }\n\n                        .customSelect__multi-value__remove {\n                            background-color: transparent !important;\n                            color: var(--dark) !important;\n                        }\n                    }\n\n                    .customSelect__placeholder {\n                        font: var(--body-semi-bold-14-17);\n                        color: ", ";\n                        margin: 0;\n                        line-height: 1.5rem;\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                        position: absolute;\n                        bottom: 0;\n                        top: 0;\n                        margin-top: 0;\n                        width: 100% !important;\n                        display: block !important;\n                        &:after {\n                            display: none;\n                        }\n\n                        input {\n                            font: var(--body-semi-bold-14-17) !important;\n                            width: 100% !important;\n                            display: block !important;\n                            height: 100% !important;\n                        }\n                    }\n                }\n                .customSelect__value-container--has-value{\n                    .customSelect__input-container {\n                        margin-top: ", " !important;\n                        position: static !important;\n                    }\n                }\n                .customSelect__indicators{\n                    height: 56px;\n                }\n                .customSelect__indicator {\n                    padding: 0;\n                    margin: 0 0 0 0.5rem;\n                    width: 1.5rem;\n                    height: 1.5rem;\n                    transition: all .2s ease;\n\n                    &:is(.customSelect__dropdown-indicator) {\n                        ", ";\n                    }\n\n                    &:is(.customSelect__clear-indicator) {\n                        width: 1.5rem;\n                        height: 1.5rem;\n                        display: block !important;\n                        background-image: url('", "');\n                        background-repeat: no-repeat;\n                        background-position: center center;\n                        svg {\n                            display: none;\n                        }\n\n                        ~ .customSelect__dropdown-indicator {\n                            display: none;\n                        }\n                    }\n\n                    div {\n                        display: block;\n                    }\n                }\n\n                .customSelect__indicator-separator {\n                    display: none;\n                }\n                .customSelect__loading-indicator{\n                    width: 1.5rem;\n                    span{\n                        display: none;\n                    }\n                    ~ *{\n                        display: none !important;\n                        ~ *{\n                            display: none !important;\n                        }\n                    }\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\n                    &.customSelect__value-container--has-value {\n                        background-image: ", ";\n                    }\n                }\n            }\n            .customSelect__control--is-focused {\n                border-color: var(--primary);\n                box-shadow: none;\n                &:is(.customSelect__control--menu-is-open){\n                    .customSelect__input-container {\n                        margin-top: 0 !important;\n                    }\n                    .customSelect__value-container--has-value{\n                        .customSelect__input-container {\n                            margin-top: ", ";\n                            position: static;\n\n                            input {\n\n                            }\n                        }\n                    }\n                }\n            }\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 0.5rem 0.5rem;\n                box-shadow: none;\n                border: 1px solid var(--dark-opacity-10);\n                overflow: hidden;\n                position: ", ";\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-selected) {\n                            background-color: var(--dark-opacity-3) !important;\n\n                            @media only screen and ", " {\n                                //background-color: transparent !important;\n                            }\n                        }\n\n                        &:is(.customSelect__option--is-focused) {\n                            background-color: transparent;\n                        }\n\n                        &:active {\n                            background-color: var(--dark-opacity-3);\n\n                            @media only screen and ", " {\n                                background-color: transparent !important;\n                            }\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\n                            strong {\n                                color: var(--dark-opacity-50);\n                            }\n                        }\n\n                        > div {\n                            display: flex;\n                            align-items: center;\n                            justify-content: space-between;\n                            width: 100%;\n\n                            .left {\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                            .right {\n                                display: flex;\n                                align-items: end;\n                                justify-content: flex-end;\n\n                                strong {\n                                    display: block;\n                                    font: var(--title-extra-bold-16-19);\n                                    line-height: 17px;\n\n                                    small {\n                                        font: var(--body-extra-bold-14-17);\n                                    }\n                                }\n\n                                span {\n                                    display: block;\n                                    font: var(--body-regular-13-16);\n                                    margin-left: 0.2rem;\n                                }\n                            }\n                        }\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\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\n                box-shadow: none;\n\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__clear-indicator {\n                    display: none !important;\n                }\n\n\n                .customSelect__single-value {\n                    color: var(--dark) !important;\n                }\n            }\n        }\n    }\n\n    .placement-top {\n        .customSelect__menu {\n            border-radius: 0.5rem 0.5rem 0 0 !important;\n            top: auto !important;\n            bottom: 100% !important;\n        }\n\n        .customSelect__control--menu-is-open {\n            &:before {\n                border-radius: 0 0 0.5rem 0.5rem !important;\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\n        &.justify-between {\n            justify-content: space-between;\n        }\n\n        label {\n            margin: 0;\n            color: var(--dark-opacity-50);\n            display: block;\n        }\n    }\n\n    [data-simplebar] {\n        max-height: ", " !important;\n        height: auto !important;\n        padding: 0 !important;\n\n        .simplebar-track.simplebar-vertical {\n            width: 9px !important;\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\n        .customSelect {\n            &:is(.lightBg) {\n                .customSelect__control {\n                    background-color: white;\n                }\n            }\n\n            .customSelect__control {\n                background-color: var(--dark-opacity-3);\n                border: 0;\n                padding: ", ";\n                cursor: pointer;\n\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: 0.5rem;\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                    min-height: ", ";\n\n                    &:is(.customSelect__value-container--is-multi) {\n                        display: block;\n                        padding: 1rem 0;\n                    }\n\n                    .customSelect__multi-value {\n                        border: 1px solid var(--grey-10);\n                        border-radius: 0.25rem;\n                        background-color: var(--dark-opacity-3);\n                        margin: 0;\n                        justify-content: space-between;\n                        display: grid;\n                        grid-template-columns: 1fr auto;\n                        position: relative;\n                        z-index: 5;\n                        + .customSelect__multi-value {\n                            margin-top: 0.5rem;\n                        }\n\n                        .customSelect__multi-value__label {\n                            font: var(--body-semi-bold-13-16);\n                        }\n\n                        .customSelect__multi-value__remove {\n                            background-color: transparent !important;\n                            color: var(--dark) !important;\n                        }\n                    }\n\n                    .customSelect__placeholder {\n                        font: var(--body-semi-bold-14-17);\n                        color: ", ";\n                        margin: 0;\n                        line-height: 1.5rem;\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                        position: absolute;\n                        bottom: 0;\n                        top: 0;\n                        margin-top: 0;\n                        width: 100% !important;\n                        display: block !important;\n                        &:after {\n                            display: none;\n                        }\n\n                        input {\n                            font: var(--body-semi-bold-14-17) !important;\n                            width: 100% !important;\n                            display: block !important;\n                            height: 100% !important;\n                        }\n                    }\n                }\n                .customSelect__value-container--has-value{\n                    .customSelect__input-container {\n                        margin-top: ", " !important;\n                        position: static !important;\n                    }\n                }\n                .customSelect__indicators{\n                    height: 56px;\n                }\n                .customSelect__indicator {\n                    padding: 0;\n                    margin: 0 0 0 0.5rem;\n                    width: 1.5rem;\n                    height: 1.5rem;\n                    transition: all .2s ease;\n\n                    &:is(.customSelect__dropdown-indicator) {\n                        ", ";\n                    }\n\n                    &:is(.customSelect__clear-indicator) {\n                        width: 1.5rem;\n                        height: 1.5rem;\n                        display: block !important;\n                        background-image: url('", "');\n                        background-repeat: no-repeat;\n                        background-position: center center;\n                        svg {\n                            display: none;\n                        }\n\n                        ~ .customSelect__dropdown-indicator {\n                            display: none;\n                        }\n                    }\n\n                    div {\n                        display: block;\n                    }\n                }\n\n                .customSelect__indicator-separator {\n                    display: none;\n                }\n                .customSelect__loading-indicator{\n                    width: 1.5rem;\n                    span{\n                        display: none;\n                    }\n                    ~ *{\n                        display: none !important;\n                        ~ *{\n                            display: none !important;\n                        }\n                    }\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\n                    &.customSelect__value-container--has-value {\n                        background-image: ", ";\n                    }\n                }\n            }\n            .customSelect__control--is-focused {\n                border-color: var(--primary);\n                box-shadow: none;\n                &:is(.customSelect__control--menu-is-open){\n                    .customSelect__input-container {\n                        margin-top: 0 !important;\n                    }\n                    .customSelect__value-container--has-value{\n                        .customSelect__input-container {\n                            margin-top: ", ";\n                            position: static;\n\n                            input {\n\n                            }\n                        }\n                    }\n                }\n            }\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 0.5rem 0.5rem;\n                box-shadow: none;\n                border: 1px solid var(--dark-opacity-10);\n                overflow: hidden;\n                position: ", ";\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-selected) {\n                            background-color: var(--dark-opacity-3) !important;\n\n                            @media only screen and ", " {\n                                //background-color: transparent !important;\n                            }\n                        }\n\n                        &:is(.customSelect__option--is-focused) {\n                            background-color: transparent;\n                        }\n\n                        &:active {\n                            background-color: var(--dark-opacity-3);\n\n                            @media only screen and ", " {\n                                background-color: transparent !important;\n                            }\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\n                            strong {\n                                color: var(--dark-opacity-50);\n                            }\n                        }\n\n                        > div {\n                            display: flex;\n                            align-items: center;\n                            justify-content: space-between;\n                            width: 100%;\n\n                            .left {\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                            .right {\n                                display: flex;\n                                align-items: end;\n                                justify-content: flex-end;\n\n                                strong {\n                                    display: block;\n                                    font: var(--title-extra-bold-16-19);\n                                    line-height: 17px;\n\n                                    small {\n                                        font: var(--body-extra-bold-14-17);\n                                    }\n                                }\n\n                                span {\n                                    display: block;\n                                    font: var(--body-regular-13-16);\n                                    margin-left: 0.2rem;\n                                }\n                            }\n                        }\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\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\n                box-shadow: none;\n\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__clear-indicator {\n                    display: none !important;\n                }\n\n\n                .customSelect__single-value {\n                    color: var(--dark) !important;\n                }\n            }\n        }\n    }\n\n    .placement-top {\n        .customSelect__menu {\n            border-radius: 0.5rem 0.5rem 0 0 !important;\n            top: auto !important;\n            bottom: 100% !important;\n        }\n\n        .customSelect__control--menu-is-open {\n            &:before {\n                border-radius: 0 0 0.5rem 0.5rem !important;\n            }\n        }\n    }\n"])), function (props) { return props.$width || '370px'; }, function (props) { return props.$maxOptionListHeight && props.$maxOptionListHeight; }, function (props) { return props.$hasShowDropdownIcon ? "0 1rem 0 1.5rem" : "0 1.5rem"; }, function (props) { return props.$hasError ? "2px" : "1px"; }, function (props) { return props.$hasError ? "var(--red)" : "var(--dark-opacity-10)"; }, function (props) { return props.$isMulti ? "\n                    &:is(.customSelect__control--menu-is-open){\n                        background-color: white !important;\n                    }\n                " : ""; }, function (props) {
     switch (props.$size) {
         case 'medium':
             return "56px";

package/dist/components/TextLink/TextLink.styled.js

@@ -9,7 +9,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.AlertStyled = exports.Inner = exports.IconStyled = exports.TextLinkStyled = void 0;
 var styled_components_1 = __importDefault(require("styled-components"));
-exports.TextLinkStyled = styled_components_1.default.a(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: relative;\n  color: ", ";\n  font-size: inherit;\n  font-family: inherit;\n  font-weight: inherit;\n  display: inline-block;\n  text-decoration: none;\n  cursor: pointer;\n  vertical-align: middle;\n  padding: ", ";\n  &:hover , :focus , :active {\n    color: ", ";\n  }\n"], ["\n  position: relative;\n  color: ", ";\n  font-size: inherit;\n  font-family: inherit;\n  font-weight: inherit;\n  display: inline-block;\n  text-decoration: none;\n  cursor: pointer;\n  vertical-align: middle;\n  padding: ", ";\n  &:hover , :focus , :active {\n    color: ", ";\n  }\n"])), function (props) { return props.$variant === "primary" ? "var(--primary)" : "var(--grey-50)"; }, function (props) {
+var devices_1 = require("../../constants/devices");
+exports.TextLinkStyled = styled_components_1.default.a(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    position: relative;\n    color: ", ";\n    font-size: inherit;\n    font-family: inherit;\n    font-weight: inherit;\n    display: inline-block;\n    text-decoration: none;\n    cursor: pointer;\n    vertical-align: middle;\n    padding: ", ";\n\n    &:hover, :focus, :active {\n        color: ", ";\n    }\n\n    @media only screen and ", " {\n        &:hover {\n            color: ", " !important;\n        }\n\n        &:focus, &:active {\n            color: ", " !important;\n        }\n    }\n"], ["\n    position: relative;\n    color: ", ";\n    font-size: inherit;\n    font-family: inherit;\n    font-weight: inherit;\n    display: inline-block;\n    text-decoration: none;\n    cursor: pointer;\n    vertical-align: middle;\n    padding: ", ";\n\n    &:hover, :focus, :active {\n        color: ", ";\n    }\n\n    @media only screen and ", " {\n        &:hover {\n            color: ", " !important;\n        }\n\n        &:focus, &:active {\n            color: ", " !important;\n        }\n    }\n"])), function (props) { return props.$variant === "primary" ? "var(--primary)" : "var(--grey-50)"; }, function (props) {
     switch (props.$size) {
         case 'small':
             return "0";
@@ -18,8 +19,8 @@ exports.TextLinkStyled = styled_components_1.default.a(templateObject_1 || (temp
         default:
             return "0";
     }
-}, function (props) { return props.$variant === "primary" ? "var(--primary-hover)" : "var(--grey-50)"; });
+}, function (props) { return props.$variant === "primary" ? "var(--primary-hover)" : "var(--grey-50)"; }, devices_1.devices.lg, function (props) { return props.$variant === "primary" ? "var(--primary)" : "var(--grey-50)"; }, function (props) { return props.$variant === "primary" ? "var(--primary-hover)" : "var(--grey-50)"; });
 exports.IconStyled = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    ", ";\n"], ["\n    ", ";\n"])), function (props) { return props.$iconDirection === 'right' ? "margin-left: 0.5rem;" : 'margin-right: 0.5rem;'; });
-exports.Inner = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  flex-direction:", ";\n"], ["\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  flex-direction:", ";\n"])), function (props) { return props.$iconDirection === 'right' ? "row-reverse" : 'row'; });
-exports.AlertStyled = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  position: absolute;\n  right: 0px;\n  top: calc(100% + 6px);\n  height: 28px;\n  border-radius: 0.5rem;\n  background-color: white;\n  box-shadow: 0 6px 30px 0 var(--box-shadow-color);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 0 1rem;\n  user-select: none;\n  pointer-events: none;\n  transition: opacity .4s ease;\n  font:var(--caption-medium-10-12);\n  color: var(--dark);\n"], ["\n  position: absolute;\n  right: 0px;\n  top: calc(100% + 6px);\n  height: 28px;\n  border-radius: 0.5rem;\n  background-color: white;\n  box-shadow: 0 6px 30px 0 var(--box-shadow-color);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 0 1rem;\n  user-select: none;\n  pointer-events: none;\n  transition: opacity .4s ease;\n  font:var(--caption-medium-10-12);\n  color: var(--dark);\n"])));
+exports.Inner = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n    display: flex;\n    align-items: center;\n    justify-content: flex-start;\n    flex-direction: ", ";\n"], ["\n    display: flex;\n    align-items: center;\n    justify-content: flex-start;\n    flex-direction: ", ";\n"])), function (props) { return props.$iconDirection === 'right' ? "row-reverse" : 'row'; });
+exports.AlertStyled = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n    position: absolute;\n    right: 0px;\n    top: calc(100% + 6px);\n    height: 28px;\n    border-radius: 0.5rem;\n    background-color: white;\n    box-shadow: 0 6px 30px 0 var(--box-shadow-color);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 0 1rem;\n    user-select: none;\n    pointer-events: none;\n    transition: opacity .4s ease;\n    font: var(--caption-medium-10-12);\n    color: var(--dark);\n"], ["\n    position: absolute;\n    right: 0px;\n    top: calc(100% + 6px);\n    height: 28px;\n    border-radius: 0.5rem;\n    background-color: white;\n    box-shadow: 0 6px 30px 0 var(--box-shadow-color);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 0 1rem;\n    user-select: none;\n    pointer-events: none;\n    transition: opacity .4s ease;\n    font: var(--caption-medium-10-12);\n    color: var(--dark);\n"])));
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "krl-alfred",
-  "version": "1.82.0",
+  "version": "1.82.2",
   "files": [
     "dist"
   ],