pds-dev-kit-web-test 2.4.14 → 2.4.15

package/dist/src/sub/DynamicLayout/components/mobile/common/Carousel.js

@@ -0,0 +1,85 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = __importStar(require("react"));
+var swiper_1 = require("swiper");
+var react_2 = require("swiper/react");
+var styled_components_1 = __importDefault(require("styled-components"));
+function Carousel(_a) {
+    var children = _a.children, spaceBetween = _a.spaceBetween, slidesPerView = _a.slidesPerView, _b = _a.mode, mode = _b === void 0 ? 'normal' : _b, _c = _a.autoplayDelay, autoplayDelay = _c === void 0 ? 3000 : _c, _d = _a.paginationSpacing, paginationSpacing = _d === void 0 ? [48, 24] : _d;
+    var paginationRef = (0, react_1.useRef)(null);
+    var paginationOptions = {
+        bulletClass: 'custom-swiper-pagination-bullet',
+        bulletActiveClass: 'custom-swiper-pagination-bullet-active',
+        horizontalClass: 'custom-swiper-pagination-horizontal'
+    };
+    return ((0, jsx_runtime_1.jsx)(S_Carousel, { children: (0, jsx_runtime_1.jsx)(S_SwiperStyleWrapper, __assign({ paginationSpacing: paginationSpacing }, { children: (0, jsx_runtime_1.jsxs)(react_2.Swiper, __assign({ modules: [swiper_1.Pagination, swiper_1.Autoplay], spaceBetween: spaceBetween, slidesPerView: slidesPerView, slidesPerGroup: slidesPerView, allowTouchMove: true, pagination: paginationOptions, loop: mode === 'loop' || mode === 'autoplay', autoplay: mode === 'autoplay'
+                    ? { delay: autoplayDelay * 1000, disableOnInteraction: false }
+                    : undefined, onSwiper: function (swiper) {
+                    paginationRef.current = swiper;
+                } }, { children: [react_1.default.Children.map(children, function (child) {
+                        return (0, jsx_runtime_1.jsx)(react_2.SwiperSlide, { children: child });
+                    }), paginationOptions && ((0, jsx_runtime_1.jsx)("div", { style: {
+                            height: "calc(".concat(paginationSpacing[0], "px + 8px + ").concat(paginationSpacing[1], "px)")
+                        } }))] })) })) }));
+}
+var S_Carousel = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  height: 100%;\n  width: 100%;\n"], ["\n  height: 100%;\n  width: 100%;\n"])));
+/** NOTE: Swiper가 제공하는 css 파일을 webpack 이슈로 import하지 못해서 임시로 만든 css wrapper입니다.
+ * 차후 Webpack 5로 마이그레이션 되는 경우 swiper 홈페이지에서 추천하는 사용법으로 수정이 필요합니다.
+ */
+var S_SwiperStyleWrapper = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  .custom-swiper-pagination-horizontal {\n    bottom: ", "px !important;\n    display: flex;\n    justify-content: center;\n\n    & .custom-swiper-pagination-bullet {\n      background: ", ";\n      border: 1px solid ", ";\n      border-radius: 50%;\n      display: block;\n      height: 8px;\n      margin: 0 4px;\n      width: 8px;\n    }\n    & .custom-swiper-pagination-bullet-active {\n      background: ", ";\n    }\n  }\n\n  @font-face {\n    font-family: swiper-icons;\n    src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');\n    font-weight: 400;\n    font-style: normal;\n  }\n\n  :root {\n    --swiper-theme-color: #007aff;\n  }\n\n  .swiper {\n    list-style: none;\n    margin-left: auto;\n    margin-right: auto;\n    overflow: hidden;\n    padding: 0;\n    position: relative;\n    z-index: 1;\n  }\n\n  .swiper-vertical > .swiper-wrapper {\n    flex-direction: column;\n  }\n\n  .swiper-wrapper {\n    box-sizing: content-box;\n    display: flex;\n    height: 100%;\n    position: relative;\n    transition-property: transform;\n    width: 100%;\n    z-index: 1;\n  }\n\n  .swiper-android .swiper-slide,\n  .swiper-wrapper {\n    transform: translate3d(0px, 0, 0);\n  }\n\n  .swiper-pointer-events {\n    touch-action: pan-y;\n  }\n\n  .swiper-pointer-events.swiper-vertical {\n    touch-action: pan-x;\n  }\n\n  .swiper-slide {\n    flex-shrink: 0;\n    height: 100%;\n    position: relative;\n    transition-property: transform;\n    width: 100%;\n  }\n\n  .swiper-slide-invisible-blank {\n    visibility: hidden;\n  }\n\n  .swiper-autoheight,\n  .swiper-autoheight .swiper-slide {\n    height: auto;\n  }\n\n  .swiper-autoheight .swiper-wrapper {\n    align-items: flex-start;\n    transition-property: transform, height;\n  }\n\n  .swiper-backface-hidden .swiper-slide {\n    -webkit-backface-visibility: hidden;\n    backface-visibility: hidden;\n    transform: translateZ(0);\n  }\n\n  .swiper-3d,\n  .swiper-3d.swiper-css-mode .swiper-wrapper {\n    perspective: 1200px;\n  }\n\n  .swiper-3d .swiper-cube-shadow,\n  .swiper-3d .swiper-slide,\n  .swiper-3d .swiper-slide-shadow,\n  .swiper-3d .swiper-slide-shadow-bottom,\n  .swiper-3d .swiper-slide-shadow-left,\n  .swiper-3d .swiper-slide-shadow-right,\n  .swiper-3d .swiper-slide-shadow-top,\n  .swiper-3d .swiper-wrapper {\n    transform-style: preserve-3d;\n  }\n\n  .swiper-3d .swiper-slide-shadow,\n  .swiper-3d .swiper-slide-shadow-bottom,\n  .swiper-3d .swiper-slide-shadow-left,\n  .swiper-3d .swiper-slide-shadow-right,\n  .swiper-3d .swiper-slide-shadow-top {\n    height: 100%;\n    left: 0;\n    pointer-events: none;\n    position: absolute;\n    top: 0;\n    width: 100%;\n    z-index: 10;\n  }\n\n  .swiper-3d .swiper-slide-shadow {\n    background: rgba(0, 0, 0, 0.15);\n  }\n\n  .swiper-3d .swiper-slide-shadow-left {\n    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));\n  }\n\n  .swiper-3d .swiper-slide-shadow-right {\n    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));\n  }\n\n  .swiper-3d .swiper-slide-shadow-top {\n    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));\n  }\n\n  .swiper-3d .swiper-slide-shadow-bottom {\n    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));\n  }\n\n  .swiper-css-mode > .swiper-wrapper {\n    -ms-overflow-style: none;\n    overflow: auto;\n    scrollbar-width: none;\n  }\n\n  .swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {\n    display: none;\n  }\n\n  .swiper-css-mode > .swiper-wrapper > .swiper-slide {\n    scroll-snap-align: start start;\n  }\n\n  .swiper-horizontal.swiper-css-mode > .swiper-wrapper {\n    scroll-snap-type: x mandatory;\n  }\n\n  .swiper-vertical.swiper-css-mode > .swiper-wrapper {\n    scroll-snap-type: y mandatory;\n  }\n\n  .swiper-centered > .swiper-wrapper::before {\n    content: '';\n    flex-shrink: 0;\n    order: 9999;\n  }\n\n  .swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {\n    margin-inline-start: var(--swiper-centered-offset-before);\n  }\n\n  .swiper-centered.swiper-horizontal > .swiper-wrapper::before {\n    height: 100%;\n    min-height: 1px;\n    width: var(--swiper-centered-offset-after);\n  }\n\n  .swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {\n    margin-block-start: var(--swiper-centered-offset-before);\n  }\n\n  .swiper-centered.swiper-vertical > .swiper-wrapper::before {\n    height: var(--swiper-centered-offset-after);\n    min-width: 1px;\n    width: 100%;\n  }\n\n  .swiper-centered > .swiper-wrapper > .swiper-slide {\n    scroll-snap-align: center center;\n  }\n\n  .swiper-virtual .swiper-slide {\n    -webkit-backface-visibility: hidden;\n    transform: translateZ(0);\n  }\n\n  .swiper-virtual.swiper-css-mode .swiper-wrapper::after {\n    content: '';\n    left: 0;\n    pointer-events: none;\n    position: absolute;\n    top: 0;\n  }\n\n  .swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {\n    height: 1px;\n    width: var(--swiper-virtual-size);\n  }\n\n  .swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {\n    height: var(--swiper-virtual-size);\n    width: 1px;\n  }\n\n  :root {\n    --swiper-navigation-size: 44px;\n  }\n\n  .swiper-button-next,\n  .swiper-button-prev {\n    align-items: center;\n    color: var(--swiper-navigation-color, var(--swiper-theme-color));\n    cursor: pointer;\n    display: flex;\n    height: var(--swiper-navigation-size);\n    justify-content: center;\n    margin-top: calc(0px - (var(--swiper-navigation-size) / 2));\n    position: absolute;\n    top: 50%;\n    width: calc(var(--swiper-navigation-size) / 44 * 27);\n    z-index: 10;\n  }\n\n  .swiper-button-next.swiper-button-disabled,\n  .swiper-button-prev.swiper-button-disabled {\n    cursor: auto;\n    opacity: 0.35;\n    pointer-events: none;\n  }\n\n  .swiper-button-next.swiper-button-hidden,\n  .swiper-button-prev.swiper-button-hidden {\n    cursor: auto;\n    opacity: 0;\n    pointer-events: none;\n  }\n\n  .swiper-navigation-disabled .swiper-button-next,\n  .swiper-navigation-disabled .swiper-button-prev {\n    display: none !important;\n  }\n\n  .swiper-button-next:after,\n  .swiper-button-prev:after {\n    font-family: swiper-icons;\n    font-size: var(--swiper-navigation-size);\n    font-variant: initial;\n    letter-spacing: 0;\n    line-height: 1;\n    text-transform: none !important;\n  }\n\n  .swiper-button-prev,\n  .swiper-rtl .swiper-button-next {\n    left: 10px;\n    right: auto;\n  }\n\n  .swiper-button-prev:after,\n  .swiper-rtl .swiper-button-next:after {\n    content: 'prev';\n  }\n\n  .swiper-button-next,\n  .swiper-rtl .swiper-button-prev {\n    left: auto;\n    right: 10px;\n  }\n\n  .swiper-button-next:after,\n  .swiper-rtl .swiper-button-prev:after {\n    content: 'next';\n  }\n\n  .swiper-button-lock {\n    display: none;\n  }\n\n  .swiper-pagination {\n    position: absolute;\n    text-align: center;\n    transform: translate3d(0, 0, 0);\n    transition: 0.3s opacity;\n    z-index: 10;\n  }\n\n  .swiper-pagination.swiper-pagination-hidden {\n    opacity: 0;\n  }\n\n  .swiper-pagination-disabled > .swiper-pagination,\n  .swiper-pagination.swiper-pagination-disabled {\n    display: none !important;\n  }\n\n  .swiper-horizontal > .swiper-pagination-bullets,\n  .swiper-pagination-bullets.swiper-pagination-horizontal,\n  .swiper-pagination-custom,\n  .swiper-pagination-fraction {\n    bottom: 10px;\n    left: 0;\n    width: 100%;\n  }\n\n  .swiper-pagination-bullets-dynamic {\n    font-size: 0;\n    overflow: hidden;\n  }\n\n  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {\n    position: relative;\n    transform: scale(0.33);\n  }\n\n  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {\n    transform: scale(1);\n  }\n\n  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {\n    transform: scale(1);\n  }\n\n  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {\n    transform: scale(0.66);\n  }\n\n  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {\n    transform: scale(0.33);\n  }\n\n  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {\n    transform: scale(0.66);\n  }\n\n  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {\n    transform: scale(0.33);\n  }\n\n  .swiper-pagination-bullet {\n    background: var(--swiper-pagination-bullet-inactive-color, #000);\n    border-radius: 50%;\n    display: inline-block;\n    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));\n    opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);\n    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));\n  }\n\n  button.swiper-pagination-bullet {\n    -webkit-appearance: none;\n    appearance: none;\n    border: none;\n    box-shadow: none;\n    margin: 0;\n    padding: 0;\n  }\n\n  .swiper-pagination-clickable .swiper-pagination-bullet {\n    cursor: pointer;\n  }\n\n  .swiper-pagination-bullet:only-child {\n    display: none !important;\n  }\n\n  .swiper-pagination-bullet-active {\n    background: var(--swiper-pagination-color, var(--swiper-theme-color));\n    opacity: var(--swiper-pagination-bullet-opacity, 1);\n  }\n\n  .swiper-pagination-vertical.swiper-pagination-bullets,\n  .swiper-vertical > .swiper-pagination-bullets {\n    right: 10px;\n    top: 50%;\n    transform: translate3d(0px, -50%, 0);\n  }\n\n  .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,\n  .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {\n    display: block;\n    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;\n  }\n\n  .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,\n  .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {\n    top: 50%;\n    transform: translateY(-50%);\n    width: 8px;\n  }\n\n  .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic\n    .swiper-pagination-bullet,\n  .swiper-vertical\n    > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic\n    .swiper-pagination-bullet {\n    display: inline-block;\n    transition: 0.2s transform, 0.2s top;\n  }\n\n  .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,\n  .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {\n    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);\n  }\n\n  .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,\n  .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {\n    left: 50%;\n    transform: translateX(-50%);\n    white-space: nowrap;\n  }\n\n  .swiper-horizontal\n    > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic\n    .swiper-pagination-bullet,\n  .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic\n    .swiper-pagination-bullet {\n    transition: 0.2s transform, 0.2s left;\n  }\n\n  .swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {\n    transition: 0.2s transform, 0.2s right;\n  }\n\n  .swiper-pagination-progressbar {\n    background: rgba(0, 0, 0, 0.25);\n    position: absolute;\n  }\n\n  .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {\n    background: var(--swiper-pagination-color, var(--swiper-theme-color));\n    height: 100%;\n    left: 0;\n    position: absolute;\n    top: 0;\n    transform: scale(0);\n    transform-origin: left top;\n    width: 100%;\n  }\n\n  .swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {\n    transform-origin: right top;\n  }\n\n  .swiper-horizontal > .swiper-pagination-progressbar,\n  .swiper-pagination-progressbar.swiper-pagination-horizontal,\n  .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,\n  .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {\n    height: 4px;\n    left: 0;\n    top: 0;\n    width: 100%;\n  }\n\n  .swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,\n  .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,\n  .swiper-pagination-progressbar.swiper-pagination-vertical,\n  .swiper-vertical > .swiper-pagination-progressbar {\n    height: 100%;\n    left: 0;\n    top: 0;\n    width: 4px;\n  }\n\n  .swiper-pagination-lock {\n    display: none;\n  }\n\n  .swiper-scrollbar {\n    -ms-touch-action: none;\n    background: rgba(0, 0, 0, 0.1);\n    border-radius: 10px;\n    position: relative;\n  }\n\n  .swiper-scrollbar-disabled > .swiper-scrollbar,\n  .swiper-scrollbar.swiper-scrollbar-disabled {\n    display: none !important;\n  }\n\n  .swiper-horizontal > .swiper-scrollbar,\n  .swiper-scrollbar.swiper-scrollbar-horizontal {\n    bottom: 3px;\n    height: 5px;\n    left: 1%;\n    position: absolute;\n    width: 98%;\n    z-index: 50;\n  }\n\n  .swiper-scrollbar.swiper-scrollbar-vertical,\n  .swiper-vertical > .swiper-scrollbar {\n    height: 98%;\n    position: absolute;\n    right: 3px;\n    top: 1%;\n    width: 5px;\n    z-index: 50;\n  }\n\n  .swiper-scrollbar-drag {\n    background: rgba(0, 0, 0, 0.5);\n    border-radius: 10px;\n    height: 100%;\n    left: 0;\n    position: relative;\n    top: 0;\n    width: 100%;\n  }\n\n  .swiper-scrollbar-cursor-drag {\n    cursor: move;\n  }\n\n  .swiper-scrollbar-lock {\n    display: none;\n  }\n\n  .swiper-zoom-container {\n    align-items: center;\n    display: flex;\n    height: 100%;\n    justify-content: center;\n    text-align: center;\n    width: 100%;\n  }\n\n  .swiper-zoom-container > canvas,\n  .swiper-zoom-container > img,\n  .swiper-zoom-container > svg {\n    max-height: 100%;\n    max-width: 100%;\n    object-fit: contain;\n  }\n\n  .swiper-slide-zoomed {\n    cursor: move;\n  }\n\n  .swiper-lazy-preloader {\n    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));\n    border-radius: 50%;\n    border-top-color: transparent;\n    box-sizing: border-box;\n    height: 42px;\n    left: 50%;\n    margin-left: -21px;\n    margin-top: -21px;\n    position: absolute;\n    top: 50%;\n    transform-origin: 50%;\n    width: 42px;\n    z-index: 10;\n  }\n\n  .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,\n  .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {\n    animation: swiper-preloader-spin 1s infinite linear;\n  }\n\n  .swiper-lazy-preloader-white {\n    --swiper-preloader-color: #fff;\n  }\n\n  .swiper-lazy-preloader-black {\n    --swiper-preloader-color: #000;\n  }\n\n  @keyframes swiper-preloader-spin {\n    0% {\n      transform: rotate(0deg);\n    }\n\n    100% {\n      transform: rotate(360deg);\n    }\n  }\n\n  .swiper .swiper-notification {\n    left: 0;\n    opacity: 0;\n    pointer-events: none;\n    position: absolute;\n    top: 0;\n    z-index: -1000;\n  }\n\n  .swiper-free-mode > .swiper-wrapper {\n    margin: 0 auto;\n    transition-timing-function: ease-out;\n  }\n\n  .swiper-grid > .swiper-wrapper {\n    flex-wrap: wrap;\n  }\n\n  .swiper-grid-column > .swiper-wrapper {\n    flex-direction: column;\n    flex-wrap: wrap;\n  }\n\n  .swiper-fade.swiper-free-mode .swiper-slide {\n    transition-timing-function: ease-out;\n  }\n\n  .swiper-fade .swiper-slide {\n    pointer-events: none;\n    transition-property: opacity;\n  }\n\n  .swiper-fade .swiper-slide .swiper-slide {\n    pointer-events: none;\n  }\n\n  .swiper-fade .swiper-slide-active,\n  .swiper-fade .swiper-slide-active .swiper-slide-active {\n    pointer-events: auto;\n  }\n\n  .swiper-cube {\n    overflow: visible;\n  }\n\n  .swiper-cube .swiper-slide {\n    -webkit-backface-visibility: hidden;\n    backface-visibility: hidden;\n    height: 100%;\n    pointer-events: none;\n    transform-origin: 0 0;\n    visibility: hidden;\n    width: 100%;\n    z-index: 1;\n  }\n\n  .swiper-cube .swiper-slide .swiper-slide {\n    pointer-events: none;\n  }\n\n  .swiper-cube.swiper-rtl .swiper-slide {\n    transform-origin: 100% 0;\n  }\n\n  .swiper-cube .swiper-slide-active,\n  .swiper-cube .swiper-slide-active .swiper-slide-active {\n    pointer-events: auto;\n  }\n\n  .swiper-cube .swiper-slide-active,\n  .swiper-cube .swiper-slide-next,\n  .swiper-cube .swiper-slide-next + .swiper-slide,\n  .swiper-cube .swiper-slide-prev {\n    pointer-events: auto;\n    visibility: visible;\n  }\n\n  .swiper-cube .swiper-slide-shadow-bottom,\n  .swiper-cube .swiper-slide-shadow-left,\n  .swiper-cube .swiper-slide-shadow-right,\n  .swiper-cube .swiper-slide-shadow-top {\n    -webkit-backface-visibility: hidden;\n    backface-visibility: hidden;\n    z-index: 0;\n  }\n\n  .swiper-cube .swiper-cube-shadow {\n    bottom: 0px;\n    height: 100%;\n    left: 0;\n    opacity: 0.6;\n    position: absolute;\n    width: 100%;\n    z-index: 0;\n  }\n\n  .swiper-cube .swiper-cube-shadow:before {\n    background: #000;\n    bottom: 0;\n    content: '';\n    filter: blur(50px);\n    left: 0;\n    position: absolute;\n    right: 0;\n    top: 0;\n  }\n\n  .swiper-flip {\n    overflow: visible;\n  }\n\n  .swiper-flip .swiper-slide {\n    -webkit-backface-visibility: hidden;\n    backface-visibility: hidden;\n    pointer-events: none;\n    z-index: 1;\n  }\n\n  .swiper-flip .swiper-slide .swiper-slide {\n    pointer-events: none;\n  }\n\n  .swiper-flip .swiper-slide-active,\n  .swiper-flip .swiper-slide-active .swiper-slide-active {\n    pointer-events: auto;\n  }\n\n  .swiper-flip .swiper-slide-shadow-bottom,\n  .swiper-flip .swiper-slide-shadow-left,\n  .swiper-flip .swiper-slide-shadow-right,\n  .swiper-flip .swiper-slide-shadow-top {\n    -webkit-backface-visibility: hidden;\n    backface-visibility: hidden;\n    z-index: 0;\n  }\n\n  .swiper-creative .swiper-slide {\n    -webkit-backface-visibility: hidden;\n    backface-visibility: hidden;\n    overflow: hidden;\n    transition-property: transform, opacity, height;\n  }\n\n  .swiper-cards {\n    overflow: visible;\n  }\n\n  .swiper-cards .swiper-slide {\n    -webkit-backface-visibility: hidden;\n    backface-visibility: hidden;\n    overflow: hidden;\n    transform-origin: center bottom;\n  }\n"], ["\n  .custom-swiper-pagination-horizontal {\n    bottom: ", "px !important;\n    display: flex;\n    justify-content: center;\n\n    & .custom-swiper-pagination-bullet {\n      background: ", ";\n      border: 1px solid ", ";\n      border-radius: 50%;\n      display: block;\n      height: 8px;\n      margin: 0 4px;\n      width: 8px;\n    }\n    & .custom-swiper-pagination-bullet-active {\n      background: ", ";\n    }\n  }\n\n  @font-face {\n    font-family: swiper-icons;\n    src: url('data:application/font-woff;charset=utf-8;base64, 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');\n    font-weight: 400;\n    font-style: normal;\n  }\n\n  :root {\n    --swiper-theme-color: #007aff;\n  }\n\n  .swiper {\n    list-style: none;\n    margin-left: auto;\n    margin-right: auto;\n    overflow: hidden;\n    padding: 0;\n    position: relative;\n    z-index: 1;\n  }\n\n  .swiper-vertical > .swiper-wrapper {\n    flex-direction: column;\n  }\n\n  .swiper-wrapper {\n    box-sizing: content-box;\n    display: flex;\n    height: 100%;\n    position: relative;\n    transition-property: transform;\n    width: 100%;\n    z-index: 1;\n  }\n\n  .swiper-android .swiper-slide,\n  .swiper-wrapper {\n    transform: translate3d(0px, 0, 0);\n  }\n\n  .swiper-pointer-events {\n    touch-action: pan-y;\n  }\n\n  .swiper-pointer-events.swiper-vertical {\n    touch-action: pan-x;\n  }\n\n  .swiper-slide {\n    flex-shrink: 0;\n    height: 100%;\n    position: relative;\n    transition-property: transform;\n    width: 100%;\n  }\n\n  .swiper-slide-invisible-blank {\n    visibility: hidden;\n  }\n\n  .swiper-autoheight,\n  .swiper-autoheight .swiper-slide {\n    height: auto;\n  }\n\n  .swiper-autoheight .swiper-wrapper {\n    align-items: flex-start;\n    transition-property: transform, height;\n  }\n\n  .swiper-backface-hidden .swiper-slide {\n    -webkit-backface-visibility: hidden;\n    backface-visibility: hidden;\n    transform: translateZ(0);\n  }\n\n  .swiper-3d,\n  .swiper-3d.swiper-css-mode .swiper-wrapper {\n    perspective: 1200px;\n  }\n\n  .swiper-3d .swiper-cube-shadow,\n  .swiper-3d .swiper-slide,\n  .swiper-3d .swiper-slide-shadow,\n  .swiper-3d .swiper-slide-shadow-bottom,\n  .swiper-3d .swiper-slide-shadow-left,\n  .swiper-3d .swiper-slide-shadow-right,\n  .swiper-3d .swiper-slide-shadow-top,\n  .swiper-3d .swiper-wrapper {\n    transform-style: preserve-3d;\n  }\n\n  .swiper-3d .swiper-slide-shadow,\n  .swiper-3d .swiper-slide-shadow-bottom,\n  .swiper-3d .swiper-slide-shadow-left,\n  .swiper-3d .swiper-slide-shadow-right,\n  .swiper-3d .swiper-slide-shadow-top {\n    height: 100%;\n    left: 0;\n    pointer-events: none;\n    position: absolute;\n    top: 0;\n    width: 100%;\n    z-index: 10;\n  }\n\n  .swiper-3d .swiper-slide-shadow {\n    background: rgba(0, 0, 0, 0.15);\n  }\n\n  .swiper-3d .swiper-slide-shadow-left {\n    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));\n  }\n\n  .swiper-3d .swiper-slide-shadow-right {\n    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));\n  }\n\n  .swiper-3d .swiper-slide-shadow-top {\n    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));\n  }\n\n  .swiper-3d .swiper-slide-shadow-bottom {\n    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));\n  }\n\n  .swiper-css-mode > .swiper-wrapper {\n    -ms-overflow-style: none;\n    overflow: auto;\n    scrollbar-width: none;\n  }\n\n  .swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {\n    display: none;\n  }\n\n  .swiper-css-mode > .swiper-wrapper > .swiper-slide {\n    scroll-snap-align: start start;\n  }\n\n  .swiper-horizontal.swiper-css-mode > .swiper-wrapper {\n    scroll-snap-type: x mandatory;\n  }\n\n  .swiper-vertical.swiper-css-mode > .swiper-wrapper {\n    scroll-snap-type: y mandatory;\n  }\n\n  .swiper-centered > .swiper-wrapper::before {\n    content: '';\n    flex-shrink: 0;\n    order: 9999;\n  }\n\n  .swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {\n    margin-inline-start: var(--swiper-centered-offset-before);\n  }\n\n  .swiper-centered.swiper-horizontal > .swiper-wrapper::before {\n    height: 100%;\n    min-height: 1px;\n    width: var(--swiper-centered-offset-after);\n  }\n\n  .swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {\n    margin-block-start: var(--swiper-centered-offset-before);\n  }\n\n  .swiper-centered.swiper-vertical > .swiper-wrapper::before {\n    height: var(--swiper-centered-offset-after);\n    min-width: 1px;\n    width: 100%;\n  }\n\n  .swiper-centered > .swiper-wrapper > .swiper-slide {\n    scroll-snap-align: center center;\n  }\n\n  .swiper-virtual .swiper-slide {\n    -webkit-backface-visibility: hidden;\n    transform: translateZ(0);\n  }\n\n  .swiper-virtual.swiper-css-mode .swiper-wrapper::after {\n    content: '';\n    left: 0;\n    pointer-events: none;\n    position: absolute;\n    top: 0;\n  }\n\n  .swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {\n    height: 1px;\n    width: var(--swiper-virtual-size);\n  }\n\n  .swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {\n    height: var(--swiper-virtual-size);\n    width: 1px;\n  }\n\n  :root {\n    --swiper-navigation-size: 44px;\n  }\n\n  .swiper-button-next,\n  .swiper-button-prev {\n    align-items: center;\n    color: var(--swiper-navigation-color, var(--swiper-theme-color));\n    cursor: pointer;\n    display: flex;\n    height: var(--swiper-navigation-size);\n    justify-content: center;\n    margin-top: calc(0px - (var(--swiper-navigation-size) / 2));\n    position: absolute;\n    top: 50%;\n    width: calc(var(--swiper-navigation-size) / 44 * 27);\n    z-index: 10;\n  }\n\n  .swiper-button-next.swiper-button-disabled,\n  .swiper-button-prev.swiper-button-disabled {\n    cursor: auto;\n    opacity: 0.35;\n    pointer-events: none;\n  }\n\n  .swiper-button-next.swiper-button-hidden,\n  .swiper-button-prev.swiper-button-hidden {\n    cursor: auto;\n    opacity: 0;\n    pointer-events: none;\n  }\n\n  .swiper-navigation-disabled .swiper-button-next,\n  .swiper-navigation-disabled .swiper-button-prev {\n    display: none !important;\n  }\n\n  .swiper-button-next:after,\n  .swiper-button-prev:after {\n    font-family: swiper-icons;\n    font-size: var(--swiper-navigation-size);\n    font-variant: initial;\n    letter-spacing: 0;\n    line-height: 1;\n    text-transform: none !important;\n  }\n\n  .swiper-button-prev,\n  .swiper-rtl .swiper-button-next {\n    left: 10px;\n    right: auto;\n  }\n\n  .swiper-button-prev:after,\n  .swiper-rtl .swiper-button-next:after {\n    content: 'prev';\n  }\n\n  .swiper-button-next,\n  .swiper-rtl .swiper-button-prev {\n    left: auto;\n    right: 10px;\n  }\n\n  .swiper-button-next:after,\n  .swiper-rtl .swiper-button-prev:after {\n    content: 'next';\n  }\n\n  .swiper-button-lock {\n    display: none;\n  }\n\n  .swiper-pagination {\n    position: absolute;\n    text-align: center;\n    transform: translate3d(0, 0, 0);\n    transition: 0.3s opacity;\n    z-index: 10;\n  }\n\n  .swiper-pagination.swiper-pagination-hidden {\n    opacity: 0;\n  }\n\n  .swiper-pagination-disabled > .swiper-pagination,\n  .swiper-pagination.swiper-pagination-disabled {\n    display: none !important;\n  }\n\n  .swiper-horizontal > .swiper-pagination-bullets,\n  .swiper-pagination-bullets.swiper-pagination-horizontal,\n  .swiper-pagination-custom,\n  .swiper-pagination-fraction {\n    bottom: 10px;\n    left: 0;\n    width: 100%;\n  }\n\n  .swiper-pagination-bullets-dynamic {\n    font-size: 0;\n    overflow: hidden;\n  }\n\n  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {\n    position: relative;\n    transform: scale(0.33);\n  }\n\n  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {\n    transform: scale(1);\n  }\n\n  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {\n    transform: scale(1);\n  }\n\n  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {\n    transform: scale(0.66);\n  }\n\n  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {\n    transform: scale(0.33);\n  }\n\n  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {\n    transform: scale(0.66);\n  }\n\n  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {\n    transform: scale(0.33);\n  }\n\n  .swiper-pagination-bullet {\n    background: var(--swiper-pagination-bullet-inactive-color, #000);\n    border-radius: 50%;\n    display: inline-block;\n    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));\n    opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);\n    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));\n  }\n\n  button.swiper-pagination-bullet {\n    -webkit-appearance: none;\n    appearance: none;\n    border: none;\n    box-shadow: none;\n    margin: 0;\n    padding: 0;\n  }\n\n  .swiper-pagination-clickable .swiper-pagination-bullet {\n    cursor: pointer;\n  }\n\n  .swiper-pagination-bullet:only-child {\n    display: none !important;\n  }\n\n  .swiper-pagination-bullet-active {\n    background: var(--swiper-pagination-color, var(--swiper-theme-color));\n    opacity: var(--swiper-pagination-bullet-opacity, 1);\n  }\n\n  .swiper-pagination-vertical.swiper-pagination-bullets,\n  .swiper-vertical > .swiper-pagination-bullets {\n    right: 10px;\n    top: 50%;\n    transform: translate3d(0px, -50%, 0);\n  }\n\n  .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,\n  .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {\n    display: block;\n    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;\n  }\n\n  .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,\n  .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {\n    top: 50%;\n    transform: translateY(-50%);\n    width: 8px;\n  }\n\n  .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic\n    .swiper-pagination-bullet,\n  .swiper-vertical\n    > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic\n    .swiper-pagination-bullet {\n    display: inline-block;\n    transition: 0.2s transform, 0.2s top;\n  }\n\n  .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,\n  .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {\n    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);\n  }\n\n  .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,\n  .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {\n    left: 50%;\n    transform: translateX(-50%);\n    white-space: nowrap;\n  }\n\n  .swiper-horizontal\n    > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic\n    .swiper-pagination-bullet,\n  .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic\n    .swiper-pagination-bullet {\n    transition: 0.2s transform, 0.2s left;\n  }\n\n  .swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {\n    transition: 0.2s transform, 0.2s right;\n  }\n\n  .swiper-pagination-progressbar {\n    background: rgba(0, 0, 0, 0.25);\n    position: absolute;\n  }\n\n  .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {\n    background: var(--swiper-pagination-color, var(--swiper-theme-color));\n    height: 100%;\n    left: 0;\n    position: absolute;\n    top: 0;\n    transform: scale(0);\n    transform-origin: left top;\n    width: 100%;\n  }\n\n  .swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {\n    transform-origin: right top;\n  }\n\n  .swiper-horizontal > .swiper-pagination-progressbar,\n  .swiper-pagination-progressbar.swiper-pagination-horizontal,\n  .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,\n  .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {\n    height: 4px;\n    left: 0;\n    top: 0;\n    width: 100%;\n  }\n\n  .swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,\n  .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,\n  .swiper-pagination-progressbar.swiper-pagination-vertical,\n  .swiper-vertical > .swiper-pagination-progressbar {\n    height: 100%;\n    left: 0;\n    top: 0;\n    width: 4px;\n  }\n\n  .swiper-pagination-lock {\n    display: none;\n  }\n\n  .swiper-scrollbar {\n    -ms-touch-action: none;\n    background: rgba(0, 0, 0, 0.1);\n    border-radius: 10px;\n    position: relative;\n  }\n\n  .swiper-scrollbar-disabled > .swiper-scrollbar,\n  .swiper-scrollbar.swiper-scrollbar-disabled {\n    display: none !important;\n  }\n\n  .swiper-horizontal > .swiper-scrollbar,\n  .swiper-scrollbar.swiper-scrollbar-horizontal {\n    bottom: 3px;\n    height: 5px;\n    left: 1%;\n    position: absolute;\n    width: 98%;\n    z-index: 50;\n  }\n\n  .swiper-scrollbar.swiper-scrollbar-vertical,\n  .swiper-vertical > .swiper-scrollbar {\n    height: 98%;\n    position: absolute;\n    right: 3px;\n    top: 1%;\n    width: 5px;\n    z-index: 50;\n  }\n\n  .swiper-scrollbar-drag {\n    background: rgba(0, 0, 0, 0.5);\n    border-radius: 10px;\n    height: 100%;\n    left: 0;\n    position: relative;\n    top: 0;\n    width: 100%;\n  }\n\n  .swiper-scrollbar-cursor-drag {\n    cursor: move;\n  }\n\n  .swiper-scrollbar-lock {\n    display: none;\n  }\n\n  .swiper-zoom-container {\n    align-items: center;\n    display: flex;\n    height: 100%;\n    justify-content: center;\n    text-align: center;\n    width: 100%;\n  }\n\n  .swiper-zoom-container > canvas,\n  .swiper-zoom-container > img,\n  .swiper-zoom-container > svg {\n    max-height: 100%;\n    max-width: 100%;\n    object-fit: contain;\n  }\n\n  .swiper-slide-zoomed {\n    cursor: move;\n  }\n\n  .swiper-lazy-preloader {\n    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));\n    border-radius: 50%;\n    border-top-color: transparent;\n    box-sizing: border-box;\n    height: 42px;\n    left: 50%;\n    margin-left: -21px;\n    margin-top: -21px;\n    position: absolute;\n    top: 50%;\n    transform-origin: 50%;\n    width: 42px;\n    z-index: 10;\n  }\n\n  .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,\n  .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {\n    animation: swiper-preloader-spin 1s infinite linear;\n  }\n\n  .swiper-lazy-preloader-white {\n    --swiper-preloader-color: #fff;\n  }\n\n  .swiper-lazy-preloader-black {\n    --swiper-preloader-color: #000;\n  }\n\n  @keyframes swiper-preloader-spin {\n    0% {\n      transform: rotate(0deg);\n    }\n\n    100% {\n      transform: rotate(360deg);\n    }\n  }\n\n  .swiper .swiper-notification {\n    left: 0;\n    opacity: 0;\n    pointer-events: none;\n    position: absolute;\n    top: 0;\n    z-index: -1000;\n  }\n\n  .swiper-free-mode > .swiper-wrapper {\n    margin: 0 auto;\n    transition-timing-function: ease-out;\n  }\n\n  .swiper-grid > .swiper-wrapper {\n    flex-wrap: wrap;\n  }\n\n  .swiper-grid-column > .swiper-wrapper {\n    flex-direction: column;\n    flex-wrap: wrap;\n  }\n\n  .swiper-fade.swiper-free-mode .swiper-slide {\n    transition-timing-function: ease-out;\n  }\n\n  .swiper-fade .swiper-slide {\n    pointer-events: none;\n    transition-property: opacity;\n  }\n\n  .swiper-fade .swiper-slide .swiper-slide {\n    pointer-events: none;\n  }\n\n  .swiper-fade .swiper-slide-active,\n  .swiper-fade .swiper-slide-active .swiper-slide-active {\n    pointer-events: auto;\n  }\n\n  .swiper-cube {\n    overflow: visible;\n  }\n\n  .swiper-cube .swiper-slide {\n    -webkit-backface-visibility: hidden;\n    backface-visibility: hidden;\n    height: 100%;\n    pointer-events: none;\n    transform-origin: 0 0;\n    visibility: hidden;\n    width: 100%;\n    z-index: 1;\n  }\n\n  .swiper-cube .swiper-slide .swiper-slide {\n    pointer-events: none;\n  }\n\n  .swiper-cube.swiper-rtl .swiper-slide {\n    transform-origin: 100% 0;\n  }\n\n  .swiper-cube .swiper-slide-active,\n  .swiper-cube .swiper-slide-active .swiper-slide-active {\n    pointer-events: auto;\n  }\n\n  .swiper-cube .swiper-slide-active,\n  .swiper-cube .swiper-slide-next,\n  .swiper-cube .swiper-slide-next + .swiper-slide,\n  .swiper-cube .swiper-slide-prev {\n    pointer-events: auto;\n    visibility: visible;\n  }\n\n  .swiper-cube .swiper-slide-shadow-bottom,\n  .swiper-cube .swiper-slide-shadow-left,\n  .swiper-cube .swiper-slide-shadow-right,\n  .swiper-cube .swiper-slide-shadow-top {\n    -webkit-backface-visibility: hidden;\n    backface-visibility: hidden;\n    z-index: 0;\n  }\n\n  .swiper-cube .swiper-cube-shadow {\n    bottom: 0px;\n    height: 100%;\n    left: 0;\n    opacity: 0.6;\n    position: absolute;\n    width: 100%;\n    z-index: 0;\n  }\n\n  .swiper-cube .swiper-cube-shadow:before {\n    background: #000;\n    bottom: 0;\n    content: '';\n    filter: blur(50px);\n    left: 0;\n    position: absolute;\n    right: 0;\n    top: 0;\n  }\n\n  .swiper-flip {\n    overflow: visible;\n  }\n\n  .swiper-flip .swiper-slide {\n    -webkit-backface-visibility: hidden;\n    backface-visibility: hidden;\n    pointer-events: none;\n    z-index: 1;\n  }\n\n  .swiper-flip .swiper-slide .swiper-slide {\n    pointer-events: none;\n  }\n\n  .swiper-flip .swiper-slide-active,\n  .swiper-flip .swiper-slide-active .swiper-slide-active {\n    pointer-events: auto;\n  }\n\n  .swiper-flip .swiper-slide-shadow-bottom,\n  .swiper-flip .swiper-slide-shadow-left,\n  .swiper-flip .swiper-slide-shadow-right,\n  .swiper-flip .swiper-slide-shadow-top {\n    -webkit-backface-visibility: hidden;\n    backface-visibility: hidden;\n    z-index: 0;\n  }\n\n  .swiper-creative .swiper-slide {\n    -webkit-backface-visibility: hidden;\n    backface-visibility: hidden;\n    overflow: hidden;\n    transition-property: transform, opacity, height;\n  }\n\n  .swiper-cards {\n    overflow: visible;\n  }\n\n  .swiper-cards .swiper-slide {\n    -webkit-backface-visibility: hidden;\n    backface-visibility: hidden;\n    overflow: hidden;\n    transform-origin: center bottom;\n  }\n"])), function (_a) {
+    var paginationSpacing = _a.paginationSpacing;
+    return paginationSpacing[1];
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.ui_cpnt_pagination_dot_02;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.ui_cpnt_pagination_dot_border;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.ui_cpnt_pagination_dot_01;
+});
+exports.default = Carousel;
+var templateObject_1, templateObject_2;

package/dist/src/sub/DynamicLayout/components/mobile/common/index.js

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

package/dist/src/sub/DynamicLayout/components/mobile/index.js

@@ -0,0 +1,22 @@
+"use strict";
+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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Item = exports.Section = void 0;
+__exportStar(require("./common"), exports);
+var Section_1 = require("./Section");
+Object.defineProperty(exports, "Section", { enumerable: true, get: function () { return Section_1.Section; } });
+var Item_1 = require("./Item");
+Object.defineProperty(exports, "Item", { enumerable: true, get: function () { return Item_1.Item; } });

package/dist/src/sub/DynamicLayout/components/pdsOriginal/common/assets/icons/IconType.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/src/sub/DynamicLayout/components/pdsOriginal/common/assets/icons/fill/Bell.js

@@ -0,0 +1,30 @@
+"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 __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var Bell = function (_a) {
+    var color = _a.color, size = _a.size, rest = __rest(_a, ["color", "size"]);
+    return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: size, height: size, viewBox: "0 0 24 24" }, rest, { children: (0, jsx_runtime_1.jsx)("path", { fill: color, fillRule: "evenodd", d: "M14.5567,19.8493 C14.5567,21.2613 13.4117,22.4063 11.9997,22.4063 C10.5877,22.4063 9.4427,21.2613 9.4427,19.8493 L9.4427,19.8493 Z M11.9996,1.9861 C13.0956,1.9861 13.9826,2.8381 14.0596,3.9141 C17.1476,4.8351 18.9776,7.7771 18.9776,10.7231 L18.9776,10.7231 L18.9776,15.7421 C18.9776,15.7601 18.9846,15.7771 18.9976,15.7891 L18.9976,15.7891 L19.9836,16.7671 C20.9176,17.6921 20.2316,19.2361 18.8866,19.2361 L18.8866,19.2361 L5.1126,19.2361 C3.7686,19.2361 3.0826,17.6921 4.0156,16.7671 L4.0156,16.7671 L5.0026,15.7891 C5.0146,15.7771 5.0226,15.7601 5.0226,15.7421 L5.0226,15.7421 L5.0226,10.7231 C5.0226,7.7481 6.7096,4.7811 9.9416,3.8901 C10.0306,2.8251 10.9126,1.9861 11.9996,1.9861 Z" }) })));
+};
+exports.default = Bell;

package/dist/src/sub/DynamicLayout/components/pdsOriginal/common/assets/icons/fill/Bookmark.js

@@ -0,0 +1,30 @@
+"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 __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var Bookmark = function (_a) {
+    var color = _a.color, size = _a.size, rest = __rest(_a, ["color", "size"]);
+    return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: size, height: size, viewBox: "0 0 24 24" }, rest, { children: (0, jsx_runtime_1.jsx)("path", { fill: color, fillRule: "evenodd", d: "M17.2752,21.2916 L12.9662,18.9136 C12.3652,18.5816 11.6352,18.5816 11.0332,18.9136 L6.7252,21.2916 C5.7252,21.8436 4.5002,21.1206 4.5002,19.9786 L4.5002,6.0196 C4.5002,4.0866 6.0672,2.5196 8.0002,2.5196 L16.0002,2.5196 C17.9332,2.5196 19.5002,4.0866 19.5002,6.0196 L19.5002,19.9786 C19.5002,21.1206 18.2752,21.8436 17.2752,21.2916" }) })));
+};
+exports.default = Bookmark;

package/dist/src/sub/DynamicLayout/components/pdsOriginal/common/assets/icons/fill/Call.js

@@ -0,0 +1,30 @@
+"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 __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var Call = function (_a) {
+    var color = _a.color, size = _a.size, rest = __rest(_a, ["color", "size"]);
+    return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: size, height: size, viewBox: "0 0 24 24" }, rest, { children: (0, jsx_runtime_1.jsx)("path", { fill: color, fillRule: "evenodd", d: "M8.0275,8.4492 L9.0875,7.3892 C9.8055,6.6712 9.8055,5.5072 9.0875,4.7892 L6.7535,2.4552 C6.0355,1.7372 4.8715,1.7372 4.1535,2.4552 L3.3975,3.2112 L3.0995,3.5092 L2.8655,3.7432 C1.9515,4.6572 1.7955,5.9312 2.0045,7.1402 C2.3625,9.2172 3.7245,12.6202 7.5495,16.4452 C11.3735,20.2692 14.6135,21.5532 16.8545,21.9902 C18.0575,22.2252 19.3385,22.0422 20.2515,21.1292 L20.4855,20.8952 L20.7835,20.5972 L21.5395,19.8412 C22.2575,19.1232 22.2575,17.9592 21.5395,17.2412 L19.2055,14.9072 C18.4875,14.1892 17.3235,14.1892 16.6055,14.9072 L15.5455,15.9672 C15.3185,16.1942 14.9565,16.2152 14.7095,16.0112 C13.4785,14.9972 12.2355,13.9052 11.1625,12.8322 C10.0895,11.7592 8.9975,10.5152 7.9835,9.2852 C7.7795,9.0372 7.8005,8.6762 8.0275,8.4492" }) })));
+};
+exports.default = Call;

package/dist/src/sub/DynamicLayout/components/pdsOriginal/common/assets/icons/fill/CallEnd.js

@@ -0,0 +1,30 @@
+"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 __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var CallEnd = function (_a) {
+    var color = _a.color, size = _a.size, rest = __rest(_a, ["color", "size"]);
+    return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: size, height: size, viewBox: "0 0 24 24" }, rest, { children: (0, jsx_runtime_1.jsx)("path", { fill: color, fillRule: "evenodd", d: "M17.1891,13.2957 L17.1891,14.7587 C17.1891,15.7497 17.9921,16.5537 18.9831,16.5537 L22.2061,16.5537 C23.1961,16.5537 24.0001,15.7497 24.0001,14.7587 L24.0001,13.7147 L24.0001,13.3037 L24.0001,12.9807 C24.0001,11.7197 23.2281,10.7317 22.2501,10.0417 C20.5691,8.8557 17.2791,7.4467 12.0001,7.4467 C6.7201,7.4467 3.5991,8.7967 1.7501,10.0417 C0.7571,10.7107 0.0001,11.7197 0.0001,12.9807 L0.0001,13.3037 L0.0001,13.7147 L0.0001,14.7587 C0.0001,15.7497 0.8031,16.5537 1.7941,16.5537 L5.0171,16.5537 C6.0081,16.5537 6.8111,15.7497 6.8111,14.7587 L6.8111,13.2957 C6.8111,12.9827 7.0461,12.7177 7.3581,12.6877 C8.9071,12.5387 10.5191,12.4337 12.0001,12.4337 C13.4811,12.4337 15.0931,12.5387 16.6421,12.6877 C16.9541,12.7177 17.1891,12.9827 17.1891,13.2957" }) })));
+};
+exports.default = CallEnd;

package/dist/src/sub/DynamicLayout/components/pdsOriginal/common/assets/icons/fill/Camera.js

@@ -0,0 +1,30 @@
+"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 __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var Camera = function (_a) {
+    var color = _a.color, size = _a.size, rest = __rest(_a, ["color", "size"]);
+    return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: size, height: size, viewBox: "0 0 24 24" }, rest, { children: (0, jsx_runtime_1.jsx)("path", { fill: color, fillRule: "evenodd", d: "M12.69855,17.0217 C9.71205,17.4792 7.17555,14.9442 7.63305,11.9562 C7.91805,10.0947 9.43905,8.5737 11.30055,8.2872 C14.28855,7.8297 16.82505,10.3662 16.36755,13.3542 C16.08105,15.2157 14.56005,16.7367 12.69855,17.0217 M15.83355,3.5127 C16.26105,3.5127 16.64655,3.7692 16.81155,4.1622 L16.81155,4.1622 L17.65905,6.1812 L20.07855,6.1812 C21.18405,6.1812 22.07805,7.0782 22.07805,8.1822 L22.07805,8.1822 L22.07805,18.4872 C22.07805,19.5927 21.18405,20.4882 20.07855,20.4882 L20.07855,20.4882 L3.92055,20.4882 C2.81655,20.4882 1.92105,19.5927 1.92105,18.4872 L1.92105,18.4872 L1.92105,8.1822 C1.92105,7.0782 2.81655,6.1812 3.92055,6.1812 L3.92055,6.1812 L6.34155,6.1812 L7.18905,4.1622 C7.35405,3.7692 7.73955,3.5127 8.16705,3.5127 L8.16705,3.5127 Z M19.75,9 L18.5,9 C18.2238576,9 18,9.22385763 18,9.5 L18,9.5 L18,10 C18,10.2761424 18.2238576,10.5 18.5,10.5 L18.5,10.5 L19.75,10.5 C20.0261424,10.5 20.25,10.2761424 20.25,10 L20.25,10 L20.25,9.5 C20.25,9.22385763 20.0261424,9 19.75,9 L19.75,9 Z" }) })));
+};
+exports.default = Camera;

package/dist/src/sub/DynamicLayout/components/pdsOriginal/common/assets/icons/fill/Chat.js

@@ -0,0 +1,30 @@
+"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 __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var Chat = function (_a) {
+    var color = _a.color, size = _a.size, rest = __rest(_a, ["color", "size"]);
+    return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: size, height: size, viewBox: "0 0 24 24" }, rest, { children: (0, jsx_runtime_1.jsx)("path", { fill: color, fillRule: "evenodd", d: "M16.28515,11.3922 C15.63115,11.3922 15.10065,10.8622 15.10065,10.2082 C15.10065,9.5542 15.63115,9.0237 16.28515,9.0237 C16.93915,9.0237 17.46915,9.5542 17.46915,10.2082 C17.46915,10.8622 16.93915,11.3922 16.28515,11.3922 M12.00015,11.3922 C11.34615,11.3922 10.81615,10.8622 10.81615,10.2082 C10.81615,9.5542 11.34615,9.0237 12.00015,9.0237 C12.65415,9.0237 13.18415,9.5542 13.18415,10.2082 C13.18415,10.8622 12.65415,11.3922 12.00015,11.3922 M7.71515,11.3922 C7.06115,11.3922 6.53065,10.8622 6.53065,10.2082 C6.53065,9.5542 7.06115,9.0237 7.71515,9.0237 C8.36915,9.0237 8.89915,9.5542 8.89915,10.2082 C8.89915,10.8622 8.36915,11.3922 7.71515,11.3922 M18.16615,2.5632 L5.83415,2.5632 C3.90065,2.5632 2.33415,4.1302 2.33415,6.0632 L2.33415,14.2227 C2.33415,16.1557 3.90065,17.7227 5.83415,17.7227 L10.97715,17.7227 L14.23465,20.6837 C15.19865,21.5597 16.74365,20.8762 16.74365,19.5737 L16.74365,17.7227 L18.16615,17.7227 C20.09915,17.7227 21.66615,16.1557 21.66615,14.2227 L21.66615,6.0632 C21.66615,4.1302 20.09915,2.5632 18.16615,2.5632" }) })));
+};
+exports.default = Chat;

package/dist/src/sub/DynamicLayout/components/pdsOriginal/common/assets/icons/fill/ChatCounseling.js

@@ -0,0 +1,30 @@
+"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 __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var ChatCounseling = function (_a) {
+    var color = _a.color, size = _a.size, rest = __rest(_a, ["color", "size"]);
+    return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: size, height: size, viewBox: "0 0 24 24" }, rest, { children: (0, jsx_runtime_1.jsxs)("g", __assign({ fill: "none", fillRule: "evenodd" }, { children: [(0, jsx_runtime_1.jsx)("path", { d: "M18.7361,2.0173 L5.2641,2.0173 C3.3311,2.0173 1.7641,3.5843 1.7641,5.5173 L1.7641,14.5703 C1.7641,16.5033 3.3311,18.0703 5.2641,18.0703 L10.9171,18.0703 L14.3671,21.2063 C14.6831,21.4933 15.0581,21.6223 15.4251,21.6223 C16.2441,21.6223 17.0231,20.9823 17.0231,20.0313 L17.0231,18.0703 L18.7361,18.0703 C20.6691,18.0703 22.2361,16.5033 22.2361,14.5703 L22.2361,5.5173 C22.2361,3.5843 20.6691,2.0173 18.7361,2.0173 L18.7361,2.0173 Z M18.7361,3.5173 C19.8391,3.5173 20.7361,4.4143 20.7361,5.5173 L20.7361,14.5703 C20.7361,15.6733 19.8391,16.5703 18.7361,16.5703 L17.0231,16.5703 L15.5231,16.5703 L15.5231,18.0703 L15.5231,20.0313 C15.5231,20.1203 15.4351,20.1223 15.4251,20.1223 C15.4161,20.1223 15.4041,20.1223 15.3761,20.0963 L11.9261,16.9603 L11.4961,16.5703 L10.9171,16.5703 L5.2641,16.5703 C4.1611,16.5703 3.2641,15.6733 3.2641,14.5703 L3.2641,5.5173 C3.2641,4.4143 4.1611,3.5173 5.2641,3.5173 L18.7361,3.5173 Z", fill: color }), (0, jsx_runtime_1.jsx)("path", { d: "M7.5516,8.199 L16.4436,8.199 M7.5516,11.7916 L12.4966,11.7916", stroke: color, strokeWidth: "1.5", strokeLinecap: "round" })] })) })));
+};
+exports.default = ChatCounseling;

package/dist/src/sub/DynamicLayout/components/pdsOriginal/common/assets/icons/fill/ChatCrm.js

@@ -0,0 +1,30 @@
+"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 __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var ChatCrm = function (_a) {
+    var color = _a.color, size = _a.size, rest = __rest(_a, ["color", "size"]);
+    return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: size, height: size, viewBox: "0 0 24 24" }, rest, { children: (0, jsx_runtime_1.jsxs)("g", __assign({ fill: "none", fillRule: "evenodd" }, { children: [(0, jsx_runtime_1.jsx)("path", { d: "M18.7359,2.0173 L5.2639,2.0173 C3.3309,2.0173 1.7639,3.5843 1.7639,5.5173 L1.7639,14.5703 C1.7639,16.5033 3.3309,18.0703 5.2639,18.0703 L10.9169,18.0703 L14.3669,21.2063 C14.6829,21.4933 15.0579,21.6223 15.4249,21.6223 C16.2439,21.6223 17.0239,20.9823 17.0239,20.0313 L17.0239,18.0703 L18.7359,18.0703 C20.6689,18.0703 22.2359,16.5033 22.2359,14.5703 L22.2359,5.5173 C22.2359,3.5843 20.6689,2.0173 18.7359,2.0173 L18.7359,2.0173 Z M18.7359,3.5173 C19.8389,3.5173 20.7359,4.4143 20.7359,5.5173 L20.7359,14.5703 C20.7359,15.6733 19.8389,16.5703 18.7359,16.5703 L17.0239,16.5703 L15.5239,16.5703 L15.5239,18.0703 L15.5239,20.0313 C15.5239,20.1203 15.4349,20.1223 15.4249,20.1223 C15.4169,20.1223 15.4039,20.1223 15.3759,20.0963 L11.9259,16.9603 L11.4969,16.5703 L10.9169,16.5703 L5.2639,16.5703 C4.1609,16.5703 3.2639,15.6733 3.2639,14.5703 L3.2639,5.5173 C3.2639,4.4143 4.1609,3.5173 5.2639,3.5173 L18.7359,3.5173 Z", fill: color }), (0, jsx_runtime_1.jsx)("path", { d: "M9.9753,8.199 L16.6903,8.199 M7.3099,8.199 L7.4759,8.199 M7.3099,11.7916 L7.4759,11.7916 M9.9753,11.7916 L14.4283,11.7916", stroke: color, strokeWidth: "1.5", strokeLinecap: "round" })] })) })));
+};
+exports.default = ChatCrm;

package/dist/src/sub/DynamicLayout/components/pdsOriginal/common/assets/icons/fill/CheckboxIndeterminate.js

@@ -0,0 +1,30 @@
+"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 __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var CheckboxIndeterminate = function (_a) {
+    var color = _a.color, size = _a.size, rest = __rest(_a, ["color", "size"]);
+    return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: size, height: size, viewBox: "0 0 24 24" }, rest, { children: (0, jsx_runtime_1.jsxs)("g", __assign({ fill: "none", fillRule: "evenodd" }, { children: [(0, jsx_runtime_1.jsx)("path", { fill: color, d: "M18.4618,-1.0125234e-13 L5.5388,-1.0125234e-13 C2.4798,-1.0125234e-13 -0.0002,2.479 -0.0002,5.538 L-0.0002,18.461 C-0.0002,21.52 2.4798,24 5.5388,24 L18.4618,24 C21.5208,24 23.9998,21.52 23.9998,18.461 L23.9998,5.538 C23.9998,2.479 21.5208,-1.0125234e-13 18.4618,-1.0125234e-13" }), (0, jsx_runtime_1.jsx)("path", { fill: "#FFF", d: "M17.9998,12.9 L5.9998,12.9 C5.5028,12.9 5.0998,12.497 5.0998,12 C5.0998,11.503 5.5028,11.1 5.9998,11.1 L17.9998,11.1 C18.4968,11.1 18.8998,11.503 18.8998,12 C18.8998,12.497 18.4968,12.9 17.9998,12.9" })] })) })));
+};
+exports.default = CheckboxIndeterminate;

package/dist/src/sub/DynamicLayout/components/pdsOriginal/common/assets/icons/fill/CheckboxOn.js

@@ -0,0 +1,30 @@
+"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 __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var CheckboxOn = function (_a) {
+    var color = _a.color, size = _a.size, rest = __rest(_a, ["color", "size"]);
+    return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: size, height: size, viewBox: "0 0 24 24" }, rest, { children: (0, jsx_runtime_1.jsxs)("g", __assign({ fill: "none", fillRule: "evenodd" }, { children: [(0, jsx_runtime_1.jsx)("path", { fill: color, d: "M18.461,-0.0003 L5.538,-0.0003 C2.479,-0.0003 -1.77635684e-14,2.4797 -1.77635684e-14,5.5387 L-1.77635684e-14,18.4617 C-1.77635684e-14,21.5207 2.479,23.9997 5.538,23.9997 L18.461,23.9997 C21.52,23.9997 24,21.5207 24,18.4617 L24,5.5387 C24,2.4797 21.52,-0.0003 18.461,-0.0003" }), (0, jsx_runtime_1.jsx)("path", { fill: "#FFF", d: "M19.624,7.6977 L11.173,18.7717 C11.009,18.9877 10.756,19.1167 10.485,19.1247 C10.476,19.1257 10.467,19.1257 10.458,19.1257 C10.197,19.1257 9.948,19.0117 9.776,18.8137 L4.409,12.5877 C4.084,12.2117 4.126,11.6427 4.503,11.3187 C4.881,10.9937 5.448,11.0367 5.772,11.4117 L10.416,16.7977 L18.193,6.6057 C18.494,6.2107 19.06,6.1347 19.455,6.4367 C19.85,6.7377 19.926,7.3027 19.624,7.6977" })] })) })));
+};
+exports.default = CheckboxOn;

package/dist/src/sub/DynamicLayout/components/pdsOriginal/common/assets/icons/fill/CloudDownload.js

@@ -0,0 +1,30 @@
+"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 __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var CloudDownload = function (_a) {
+    var color = _a.color, size = _a.size, rest = __rest(_a, ["color", "size"]);
+    return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: size, height: size, viewBox: "0 0 24 24" }, rest, { children: (0, jsx_runtime_1.jsxs)("g", __assign({ fill: "none", fillRule: "evenodd" }, { children: [(0, jsx_runtime_1.jsx)("path", { fill: color, d: "M18.4192,10.6092 C17.8542,7.5742 15.1952,5.2742 11.9962,5.2742 C9.5222,5.2742 7.3712,6.6492 6.2602,8.6752 C3.8462,9.0592 2.0002,11.1442 2.0002,13.6652 C2.0002,16.4602 4.2652,18.7252 7.0602,18.7252 C7.0612,18.7252 7.0612,18.7252 7.0622,18.7252 L7.0622,18.7252 L17.9162,18.7252 L17.9162,18.7252 C20.1712,18.7252 22.0002,16.8972 22.0002,14.6422 C22.0002,12.5592 20.4342,10.8592 18.4192,10.6092" }), (0, jsx_runtime_1.jsx)("path", { fill: "#FFF", d: "M15.0642,13.6132 L12.5222,16.1552 C12.4532,16.2242 12.3712,16.2792 12.2802,16.3172 C12.1902,16.3552 12.0922,16.3752 11.9922,16.3752 C11.8922,16.3752 11.7942,16.3552 11.7032,16.3172 C11.6122,16.2792 11.5302,16.2242 11.4612,16.1552 L8.9362,13.6302 C8.6432,13.3372 8.6432,12.8622 8.9362,12.5692 C9.2292,12.2762 9.7032,12.2762 9.9962,12.5692 L11.2422,13.8152 L11.2422,9.4942 C11.2422,9.0802 11.5782,8.7442 11.9922,8.7442 C12.4062,8.7442 12.7422,9.0802 12.7422,9.4942 L12.7422,13.8142 L14.0032,12.5522 C14.2962,12.2592 14.7712,12.2592 15.0642,12.5522 C15.3572,12.8452 15.3572,13.3202 15.0642,13.6132" })] })) })));
+};
+exports.default = CloudDownload;

package/dist/src/sub/DynamicLayout/components/pdsOriginal/common/assets/icons/fill/Delete.js

@@ -0,0 +1,30 @@
+"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 __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var Delete = function (_a) {
+    var color = _a.color, size = _a.size, rest = __rest(_a, ["color", "size"]);
+    return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: size, height: size, viewBox: "0 0 24 24" }, rest, { children: (0, jsx_runtime_1.jsx)("path", { fill: color, fillRule: "evenodd", d: "M13.0602,11.9997 L15.963601,9.15852165 C16.256601,8.86552165 16.256601,8.39152165 15.963601,8.09852165 C15.670601,7.80552165 15.195601,7.80552165 14.902601,8.09852165 L11.9992,10.9387 L9.08374786,8.09852165 C8.79074786,7.80552165 8.31574786,7.80552165 8.02274786,8.09852165 C7.72974786,8.39152165 7.72974786,8.86552165 8.02274786,9.15852165 L10.9392,11.9997 L8.02274786,14.9474514 C7.72974786,15.2404514 7.72974786,15.7144514 8.02274786,16.0074514 C8.16974786,16.1544514 8.36174786,16.2274514 8.55274786,16.2274514 C8.74474786,16.2274514 8.93674786,16.1544514 9.08374786,16.0074514 L11.9992,13.0607 L14.902601,16.0074514 C15.049601,16.1544514 15.241601,16.2274514 15.432601,16.2274514 C15.624601,16.2274514 15.816601,16.1544514 15.963601,16.0074514 C16.256601,15.7144514 16.256601,15.2404514 15.963601,14.9474514 L13.0602,11.9997 Z M11.9999,2.0626 C6.5119,2.0626 2.0629,6.5116 2.0629,11.9996 C2.0629,17.4876 6.5119,21.9366 11.9999,21.9366 C17.4879,21.9366 21.9369,17.4876 21.9369,11.9996 C21.9369,6.5116 17.4879,2.0626 11.9999,2.0626" }) })));
+};
+exports.default = Delete;