pds-dev-kit-web-test 2.5.715 → 2.5.717
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/ContentsCarouselCore.js +15 -15
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/StyledSwiper/StyledSwiper.d.ts +2 -3
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/StyledSwiper/StyledSwiper.js +2 -3
- package/package.json +1 -1
@@ -57,21 +57,21 @@ var ContentsCarouselCore = (0, react_1.forwardRef)(function (_a, ref) {
|
|
57
57
|
return childrenArray;
|
58
58
|
}, [children, slidesPerView, styles.slidesPerGroup]);
|
59
59
|
var finalSlidesPerView = props.effect === 'cards' ? 1 : slidesPerView;
|
60
|
-
return ((0, jsx_runtime_1.jsx)(StyledSwiper_1.default, __assign({ id: "
|
61
|
-
|
62
|
-
|
63
|
-
|
64
|
-
|
65
|
-
|
66
|
-
|
67
|
-
|
68
|
-
|
69
|
-
|
70
|
-
|
71
|
-
|
72
|
-
|
73
|
-
|
74
|
-
|
60
|
+
return ((0, jsx_runtime_1.jsx)(StyledSwiper_1.default, __assign({ id: "styled-swiper-wrapper" }, { children: (0, jsx_runtime_1.jsx)(react_2.Swiper, __assign({ ref: ref, style: {
|
61
|
+
width: '100%',
|
62
|
+
height: '100%'
|
63
|
+
}, modules: [
|
64
|
+
swiper_1.Pagination,
|
65
|
+
swiper_1.Navigation,
|
66
|
+
swiper_1.Scrollbar,
|
67
|
+
swiper_1.FreeMode,
|
68
|
+
swiper_1.Autoplay,
|
69
|
+
swiper_1.EffectCube,
|
70
|
+
swiper_1.EffectFade,
|
71
|
+
swiper_1.EffectCards,
|
72
|
+
swiper_1.EffectCoverflow,
|
73
|
+
swiper_1.EffectFlip
|
74
|
+
], slidesPerView: 1, scrollbar: styles.scrollbar, slidesPerGroup: styles.slidesPerGroup, spaceBetween: styles.spaceBetween, freeMode: styles.freeMode, autoplay: styles.useAutoplay ? styles.autoplay : false, loop: styles.loop }, props, { effect: "cards" }, { children: slidesWithEmpty.map(function (slide, index) { return ((0, jsx_runtime_1.jsx)(react_2.SwiperSlide, { children: slide || (0, jsx_runtime_1.jsx)("div", { className: "swiper-slide-empty" }) }, index)); }) })) })));
|
75
75
|
});
|
76
76
|
ContentsCarouselCore.displayName = 'ContentsCarouselCore';
|
77
77
|
exports.default = ContentsCarouselCore;
|
package/dist/src/sub/DynamicLayout/sections/CustomSection/components/StyledSwiper/StyledSwiper.d.ts
CHANGED
@@ -1,3 +1,2 @@
|
|
1
|
-
|
2
|
-
|
3
|
-
export default StyledSwiper;
|
1
|
+
declare const StyledSwiperWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
2
|
+
export default StyledSwiperWrapper;
|
package/dist/src/sub/DynamicLayout/sections/CustomSection/components/StyledSwiper/StyledSwiper.js
CHANGED
@@ -7,8 +7,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
7
7
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
8
8
|
};
|
9
9
|
Object.defineProperty(exports, "__esModule", { value: true });
|
10
|
-
var react_1 = require("swiper/react");
|
11
10
|
var styled_components_1 = __importDefault(require("styled-components"));
|
12
|
-
var StyledSwiper = (0, styled_components_1.default)(react_1.Swiper)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n /**\n * Swiper 9.4.1\n * Most modern mobile touch slider and framework with hardware accelerated transitions\n * https://swiperjs.com\n *\n * Copyright 2014-2023 Vladimir Kharlampidi\n *\n * Released under the MIT License\n *\n * Released on: June 13, 2023\n */\n\n && {\n /* FONT_START */\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 /* FONT_END */\n :root {\n --swiper-theme-color: #007aff;\n /*\n --swiper-preloader-color: var(--swiper-theme-color);\n --swiper-wrapper-transition-timing-function: initial;\n */\n }\n .swiper,\n swiper-container {\n display: block;\n list-style: none;\n margin-left: auto;\n margin-right: auto;\n overflow: hidden;\n padding: 0;\n /* Fix of Webkit flickering */\n position: relative;\n z-index: 1;\n }\n .swiper-vertical > .swiper-wrapper {\n flex-direction: column;\n }\n .swiper-wrapper {\n box-sizing: content-box;\n display: flex;\n height: 100%;\n position: relative;\n transition-property: transform;\n transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);\n width: 100%;\n z-index: 1;\n }\n .swiper-android .swiper-slide,\n .swiper-wrapper {\n transform: translate3d(0px, 0, 0);\n }\n .swiper-horizontal {\n touch-action: pan-y;\n }\n .swiper-vertical {\n touch-action: pan-x;\n }\n .swiper-slide,\n swiper-slide {\n display: block;\n flex-shrink: 0;\n height: 100%;\n position: relative;\n transition-property: transform;\n width: 100%;\n }\n .swiper-slide-invisible-blank {\n visibility: hidden;\n }\n /* Auto Height */\n .swiper-autoheight,\n .swiper-autoheight .swiper-slide {\n height: auto;\n }\n .swiper-autoheight .swiper-wrapper {\n align-items: flex-start;\n transition-property: transform, height;\n }\n .swiper-backface-hidden .swiper-slide {\n -webkit-backface-visibility: hidden;\n backface-visibility: hidden;\n transform: translateZ(0);\n }\n /* 3D Effects */\n .swiper-3d.swiper-css-mode .swiper-wrapper {\n perspective: 1200px;\n }\n .swiper-3d .swiper-wrapper {\n transform-style: preserve-3d;\n }\n .swiper-3d {\n perspective: 1200px;\n }\n .swiper-3d .swiper-slide,\n .swiper-3d .swiper-slide-shadow,\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-slide-shadow-bottom,\n .swiper-3d .swiper-cube-shadow {\n transform-style: preserve-3d;\n }\n .swiper-3d .swiper-slide-shadow,\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-slide-shadow-bottom {\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 .swiper-3d .swiper-slide-shadow {\n background: rgba(0, 0, 0, 0.15);\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 .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 .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 .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 /* CSS Mode */\n .swiper-css-mode > .swiper-wrapper {\n -ms-overflow-style: none;\n overflow: auto;\n /* For Firefox */\n scrollbar-width: none;\n /* For Internet Explorer and Edge */\n }\n .swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {\n display: none;\n }\n .swiper-css-mode > .swiper-wrapper > .swiper-slide {\n scroll-snap-align: start start;\n }\n .swiper-horizontal.swiper-css-mode > .swiper-wrapper {\n scroll-snap-type: x mandatory;\n }\n .swiper-vertical.swiper-css-mode > .swiper-wrapper {\n scroll-snap-type: y mandatory;\n }\n .swiper-css-mode.swiper-free-mode > .swiper-wrapper {\n scroll-snap-type: none;\n }\n .swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {\n scroll-snap-align: none;\n }\n .swiper-centered > .swiper-wrapper::before {\n content: '';\n flex-shrink: 0;\n order: 9999;\n }\n .swiper-centered > .swiper-wrapper > .swiper-slide {\n scroll-snap-align: center center;\n scroll-snap-stop: always;\n }\n .swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {\n margin-inline-start: var(--swiper-centered-offset-before);\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 .swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {\n margin-block-start: var(--swiper-centered-offset-before);\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 .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 .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,\n swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader,\n .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {\n animation: swiper-preloader-spin 1s infinite linear;\n }\n .swiper-lazy-preloader-white {\n --swiper-preloader-color: #fff;\n }\n .swiper-lazy-preloader-black {\n --swiper-preloader-color: #000;\n }\n @keyframes swiper-preloader-spin {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n }\n .swiper-virtual .swiper-slide {\n -webkit-backface-visibility: hidden;\n transform: translateZ(0);\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 .swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {\n height: 1px;\n width: var(--swiper-virtual-size);\n }\n .swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {\n height: var(--swiper-virtual-size);\n width: 1px;\n }\n :root {\n --swiper-navigation-size: 44px;\n /*\n --swiper-navigation-top-offset: 50%;\n --swiper-navigation-sides-offset: 10px;\n --swiper-navigation-color: var(--swiper-theme-color);\n */\n }\n .swiper-button-prev,\n .swiper-button-next {\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: var(--swiper-navigation-top-offset, 50%);\n width: calc(var(--swiper-navigation-size) / 44 * 27);\n z-index: 10;\n }\n .swiper-button-prev.swiper-button-disabled,\n .swiper-button-next.swiper-button-disabled {\n cursor: auto;\n opacity: 0.35;\n pointer-events: none;\n }\n .swiper-button-prev.swiper-button-hidden,\n .swiper-button-next.swiper-button-hidden {\n cursor: auto;\n opacity: 0;\n pointer-events: none;\n }\n .swiper-navigation-disabled .swiper-button-prev,\n .swiper-navigation-disabled .swiper-button-next {\n display: none !important;\n }\n .swiper-button-prev:after,\n .swiper-button-next: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 .swiper-button-prev,\n .swiper-rtl .swiper-button-next {\n left: var(--swiper-navigation-sides-offset, 10px);\n right: auto;\n }\n .swiper-button-prev:after,\n .swiper-rtl .swiper-button-next:after {\n content: 'prev';\n }\n .swiper-button-next,\n .swiper-rtl .swiper-button-prev {\n left: auto;\n right: var(--swiper-navigation-sides-offset, 10px);\n }\n .swiper-button-next:after,\n .swiper-rtl .swiper-button-prev:after {\n content: 'next';\n }\n .swiper-button-lock {\n display: none;\n }\n :root {\n /*\n --swiper-pagination-color: var(--swiper-theme-color);\n --swiper-pagination-left: auto;\n --swiper-pagination-right: 8px;\n --swiper-pagination-bottom: 8px;\n --swiper-pagination-top: auto;\n --swiper-pagination-fraction-color: inherit;\n --swiper-pagination-progressbar-bg-color: rgba(0,0,0,0.25);\n --swiper-pagination-progressbar-size: 4px;\n --swiper-pagination-bullet-size: 8px;\n --swiper-pagination-bullet-width: 8px;\n --swiper-pagination-bullet-height: 8px;\n --swiper-pagination-bullet-border-radius: 50%;\n --swiper-pagination-bullet-inactive-color: #000;\n --swiper-pagination-bullet-inactive-opacity: 0.2;\n --swiper-pagination-bullet-opacity: 1;\n --swiper-pagination-bullet-horizontal-gap: 4px;\n --swiper-pagination-bullet-vertical-gap: 6px;\n */\n }\n .swiper-pagination {\n position: absolute;\n text-align: center;\n transform: translate3d(0, 0, 0);\n transition: 300ms opacity;\n z-index: 10;\n }\n .swiper-pagination.swiper-pagination-hidden {\n opacity: 0;\n }\n .swiper-pagination-disabled > .swiper-pagination,\n .swiper-pagination.swiper-pagination-disabled {\n display: none !important;\n }\n /* Common Styles */\n .swiper-pagination-fraction,\n .swiper-pagination-custom,\n .swiper-horizontal > .swiper-pagination-bullets,\n .swiper-pagination-bullets.swiper-pagination-horizontal {\n bottom: var(--swiper-pagination-bottom, 8px);\n left: 0;\n top: var(--swiper-pagination-top, auto);\n width: 100%;\n }\n /* Bullets */\n .swiper-pagination-bullets-dynamic {\n font-size: 0;\n overflow: hidden;\n }\n .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {\n position: relative;\n transform: scale(0.33);\n }\n .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {\n transform: scale(1);\n }\n .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {\n transform: scale(1);\n }\n .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {\n transform: scale(0.66);\n }\n .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {\n transform: scale(0.33);\n }\n .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {\n transform: scale(0.66);\n }\n .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {\n transform: scale(0.33);\n }\n .swiper-pagination-bullet {\n background: var(--swiper-pagination-bullet-inactive-color, #000);\n border-radius: var(--swiper-pagination-bullet-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 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 .swiper-pagination-clickable .swiper-pagination-bullet {\n cursor: pointer;\n }\n .swiper-pagination-bullet:only-child {\n display: none !important;\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 .swiper-vertical > .swiper-pagination-bullets,\n .swiper-pagination-vertical.swiper-pagination-bullets {\n left: var(--swiper-pagination-left, auto);\n right: var(--swiper-pagination-right, 8px);\n top: 50%;\n transform: translate3d(0px, -50%, 0);\n }\n .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet,\n .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {\n display: block;\n margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;\n }\n .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,\n .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {\n top: 50%;\n transform: translateY(-50%);\n width: 8px;\n }\n .swiper-vertical\n > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic\n .swiper-pagination-bullet,\n .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic\n .swiper-pagination-bullet {\n display: inline-block;\n transition: 200ms transform, 200ms top;\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 .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 .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: 200ms transform, 200ms left;\n }\n .swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet,\n :host(.swiper-horizontal.swiper-rtl)\n .swiper-pagination-bullets-dynamic\n .swiper-pagination-bullet {\n transition: 200ms transform, 200ms right;\n }\n /* Fraction */\n .swiper-pagination-fraction {\n color: var(--swiper-pagination-fraction-color, inherit);\n }\n /* Progress */\n .swiper-pagination-progressbar {\n background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));\n position: absolute;\n /*ADD_HOST*/\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 .swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {\n transform-origin: right top;\n }\n .swiper-horizontal > .swiper-pagination-progressbar,\n .swiper-pagination-progressbar.swiper-pagination-horizontal,\n .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,\n .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {\n height: var(--swiper-pagination-progressbar-size, 4px);\n left: 0;\n top: 0;\n width: 100%;\n }\n .swiper-vertical > .swiper-pagination-progressbar,\n .swiper-pagination-progressbar.swiper-pagination-vertical,\n .swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,\n .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {\n height: 100%;\n left: 0;\n top: 0;\n width: var(--swiper-pagination-progressbar-size, 4px);\n }\n .swiper-pagination-lock {\n display: none;\n }\n :root {\n /*\n --swiper-scrollbar-border-radius: 10px;\n --swiper-scrollbar-top: auto;\n --swiper-scrollbar-bottom: 4px;\n --swiper-scrollbar-left: auto;\n --swiper-scrollbar-right: 4px;\n --swiper-scrollbar-sides-offset: 1%;\n --swiper-scrollbar-bg-color: rgba(0, 0, 0, 0.1);\n --swiper-scrollbar-drag-bg-color: rgba(0, 0, 0, 0.5);\n --swiper-scrollbar-size: 4px;\n */\n }\n .swiper-scrollbar {\n -ms-touch-action: none;\n background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1));\n border-radius: var(--swiper-scrollbar-border-radius, 10px);\n position: relative;\n }\n .swiper-scrollbar-disabled > .swiper-scrollbar,\n .swiper-scrollbar.swiper-scrollbar-disabled {\n display: none !important;\n }\n .swiper-horizontal > .swiper-scrollbar,\n .swiper-scrollbar.swiper-scrollbar-horizontal {\n bottom: var(--swiper-scrollbar-bottom, 4px);\n height: var(--swiper-scrollbar-size, 4px);\n left: var(--swiper-scrollbar-sides-offset, 1%);\n position: absolute;\n top: var(--swiper-scrollbar-top, auto);\n width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));\n z-index: 50;\n }\n .swiper-vertical > .swiper-scrollbar,\n .swiper-scrollbar.swiper-scrollbar-vertical {\n height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));\n left: var(--swiper-scrollbar-left, auto);\n position: absolute;\n right: var(--swiper-scrollbar-right, 4px);\n top: var(--swiper-scrollbar-sides-offset, 1%);\n width: var(--swiper-scrollbar-size, 4px);\n z-index: 50;\n }\n .swiper-scrollbar-drag {\n background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));\n border-radius: var(--swiper-scrollbar-border-radius, 10px);\n height: 100%;\n left: 0;\n position: relative;\n top: 0;\n width: 100%;\n }\n .swiper-scrollbar-cursor-drag {\n cursor: move;\n }\n .swiper-scrollbar-lock {\n display: none;\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 .swiper-zoom-container > img,\n .swiper-zoom-container > svg,\n .swiper-zoom-container > canvas {\n max-height: 100%;\n max-width: 100%;\n object-fit: contain;\n }\n .swiper-slide-zoomed {\n cursor: move;\n touch-action: none;\n }\n /* a11y */\n .swiper .swiper-notification,\n swiper-container .swiper-notification {\n left: 0;\n opacity: 0;\n pointer-events: none;\n position: absolute;\n top: 0;\n z-index: -1000;\n }\n .swiper-free-mode > .swiper-wrapper {\n margin: 0 auto;\n transition-timing-function: ease-out;\n }\n .swiper-grid > .swiper-wrapper {\n flex-wrap: wrap;\n }\n .swiper-grid-column > .swiper-wrapper {\n flex-direction: column;\n flex-wrap: wrap;\n }\n .swiper-fade.swiper-free-mode .swiper-slide {\n transition-timing-function: ease-out;\n }\n .swiper-fade .swiper-slide {\n pointer-events: none;\n transition-property: opacity;\n }\n .swiper-fade .swiper-slide .swiper-slide {\n pointer-events: none;\n }\n .swiper-fade .swiper-slide-active,\n .swiper-fade .swiper-slide-active .swiper-slide-active {\n pointer-events: auto;\n }\n .swiper-cube {\n overflow: visible;\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 .swiper-cube .swiper-slide .swiper-slide {\n pointer-events: none;\n }\n .swiper-cube.swiper-rtl .swiper-slide {\n transform-origin: 100% 0;\n }\n .swiper-cube .swiper-slide-active,\n .swiper-cube .swiper-slide-active .swiper-slide-active {\n pointer-events: auto;\n }\n .swiper-cube .swiper-slide-active,\n .swiper-cube .swiper-slide-next,\n .swiper-cube .swiper-slide-prev,\n .swiper-cube .swiper-slide-next + .swiper-slide {\n pointer-events: auto;\n visibility: visible;\n }\n .swiper-cube .swiper-slide-shadow-top,\n .swiper-cube .swiper-slide-shadow-bottom,\n .swiper-cube .swiper-slide-shadow-left,\n .swiper-cube .swiper-slide-shadow-right {\n -webkit-backface-visibility: hidden;\n backface-visibility: hidden;\n z-index: 0;\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 .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 .swiper-flip {\n overflow: visible;\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 .swiper-flip .swiper-slide .swiper-slide {\n pointer-events: none;\n }\n .swiper-flip .swiper-slide-active,\n .swiper-flip .swiper-slide-active .swiper-slide-active {\n pointer-events: auto;\n }\n .swiper-flip .swiper-slide-shadow-top,\n .swiper-flip .swiper-slide-shadow-bottom,\n .swiper-flip .swiper-slide-shadow-left,\n .swiper-flip .swiper-slide-shadow-right {\n -webkit-backface-visibility: hidden;\n backface-visibility: hidden;\n z-index: 0;\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 .swiper-cards {\n overflow: visible !important;\n }\n\n .swiper-cards .swiper-slide {\n -webkit-backface-visibility: hidden;\n backface-visibility: hidden;\n overflow: visible;\n transform-origin: center bottom;\n }\n }\n"], ["\n /**\n * Swiper 9.4.1\n * Most modern mobile touch slider and framework with hardware accelerated transitions\n * https://swiperjs.com\n *\n * Copyright 2014-2023 Vladimir Kharlampidi\n *\n * Released under the MIT License\n *\n * Released on: June 13, 2023\n */\n\n && {\n /* FONT_START */\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 /* FONT_END */\n :root {\n --swiper-theme-color: #007aff;\n /*\n --swiper-preloader-color: var(--swiper-theme-color);\n --swiper-wrapper-transition-timing-function: initial;\n */\n }\n .swiper,\n swiper-container {\n display: block;\n list-style: none;\n margin-left: auto;\n margin-right: auto;\n overflow: hidden;\n padding: 0;\n /* Fix of Webkit flickering */\n position: relative;\n z-index: 1;\n }\n .swiper-vertical > .swiper-wrapper {\n flex-direction: column;\n }\n .swiper-wrapper {\n box-sizing: content-box;\n display: flex;\n height: 100%;\n position: relative;\n transition-property: transform;\n transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);\n width: 100%;\n z-index: 1;\n }\n .swiper-android .swiper-slide,\n .swiper-wrapper {\n transform: translate3d(0px, 0, 0);\n }\n .swiper-horizontal {\n touch-action: pan-y;\n }\n .swiper-vertical {\n touch-action: pan-x;\n }\n .swiper-slide,\n swiper-slide {\n display: block;\n flex-shrink: 0;\n height: 100%;\n position: relative;\n transition-property: transform;\n width: 100%;\n }\n .swiper-slide-invisible-blank {\n visibility: hidden;\n }\n /* Auto Height */\n .swiper-autoheight,\n .swiper-autoheight .swiper-slide {\n height: auto;\n }\n .swiper-autoheight .swiper-wrapper {\n align-items: flex-start;\n transition-property: transform, height;\n }\n .swiper-backface-hidden .swiper-slide {\n -webkit-backface-visibility: hidden;\n backface-visibility: hidden;\n transform: translateZ(0);\n }\n /* 3D Effects */\n .swiper-3d.swiper-css-mode .swiper-wrapper {\n perspective: 1200px;\n }\n .swiper-3d .swiper-wrapper {\n transform-style: preserve-3d;\n }\n .swiper-3d {\n perspective: 1200px;\n }\n .swiper-3d .swiper-slide,\n .swiper-3d .swiper-slide-shadow,\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-slide-shadow-bottom,\n .swiper-3d .swiper-cube-shadow {\n transform-style: preserve-3d;\n }\n .swiper-3d .swiper-slide-shadow,\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-slide-shadow-bottom {\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 .swiper-3d .swiper-slide-shadow {\n background: rgba(0, 0, 0, 0.15);\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 .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 .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 .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 /* CSS Mode */\n .swiper-css-mode > .swiper-wrapper {\n -ms-overflow-style: none;\n overflow: auto;\n /* For Firefox */\n scrollbar-width: none;\n /* For Internet Explorer and Edge */\n }\n .swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {\n display: none;\n }\n .swiper-css-mode > .swiper-wrapper > .swiper-slide {\n scroll-snap-align: start start;\n }\n .swiper-horizontal.swiper-css-mode > .swiper-wrapper {\n scroll-snap-type: x mandatory;\n }\n .swiper-vertical.swiper-css-mode > .swiper-wrapper {\n scroll-snap-type: y mandatory;\n }\n .swiper-css-mode.swiper-free-mode > .swiper-wrapper {\n scroll-snap-type: none;\n }\n .swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {\n scroll-snap-align: none;\n }\n .swiper-centered > .swiper-wrapper::before {\n content: '';\n flex-shrink: 0;\n order: 9999;\n }\n .swiper-centered > .swiper-wrapper > .swiper-slide {\n scroll-snap-align: center center;\n scroll-snap-stop: always;\n }\n .swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {\n margin-inline-start: var(--swiper-centered-offset-before);\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 .swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {\n margin-block-start: var(--swiper-centered-offset-before);\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 .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 .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,\n swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader,\n .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {\n animation: swiper-preloader-spin 1s infinite linear;\n }\n .swiper-lazy-preloader-white {\n --swiper-preloader-color: #fff;\n }\n .swiper-lazy-preloader-black {\n --swiper-preloader-color: #000;\n }\n @keyframes swiper-preloader-spin {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n }\n .swiper-virtual .swiper-slide {\n -webkit-backface-visibility: hidden;\n transform: translateZ(0);\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 .swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {\n height: 1px;\n width: var(--swiper-virtual-size);\n }\n .swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {\n height: var(--swiper-virtual-size);\n width: 1px;\n }\n :root {\n --swiper-navigation-size: 44px;\n /*\n --swiper-navigation-top-offset: 50%;\n --swiper-navigation-sides-offset: 10px;\n --swiper-navigation-color: var(--swiper-theme-color);\n */\n }\n .swiper-button-prev,\n .swiper-button-next {\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: var(--swiper-navigation-top-offset, 50%);\n width: calc(var(--swiper-navigation-size) / 44 * 27);\n z-index: 10;\n }\n .swiper-button-prev.swiper-button-disabled,\n .swiper-button-next.swiper-button-disabled {\n cursor: auto;\n opacity: 0.35;\n pointer-events: none;\n }\n .swiper-button-prev.swiper-button-hidden,\n .swiper-button-next.swiper-button-hidden {\n cursor: auto;\n opacity: 0;\n pointer-events: none;\n }\n .swiper-navigation-disabled .swiper-button-prev,\n .swiper-navigation-disabled .swiper-button-next {\n display: none !important;\n }\n .swiper-button-prev:after,\n .swiper-button-next: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 .swiper-button-prev,\n .swiper-rtl .swiper-button-next {\n left: var(--swiper-navigation-sides-offset, 10px);\n right: auto;\n }\n .swiper-button-prev:after,\n .swiper-rtl .swiper-button-next:after {\n content: 'prev';\n }\n .swiper-button-next,\n .swiper-rtl .swiper-button-prev {\n left: auto;\n right: var(--swiper-navigation-sides-offset, 10px);\n }\n .swiper-button-next:after,\n .swiper-rtl .swiper-button-prev:after {\n content: 'next';\n }\n .swiper-button-lock {\n display: none;\n }\n :root {\n /*\n --swiper-pagination-color: var(--swiper-theme-color);\n --swiper-pagination-left: auto;\n --swiper-pagination-right: 8px;\n --swiper-pagination-bottom: 8px;\n --swiper-pagination-top: auto;\n --swiper-pagination-fraction-color: inherit;\n --swiper-pagination-progressbar-bg-color: rgba(0,0,0,0.25);\n --swiper-pagination-progressbar-size: 4px;\n --swiper-pagination-bullet-size: 8px;\n --swiper-pagination-bullet-width: 8px;\n --swiper-pagination-bullet-height: 8px;\n --swiper-pagination-bullet-border-radius: 50%;\n --swiper-pagination-bullet-inactive-color: #000;\n --swiper-pagination-bullet-inactive-opacity: 0.2;\n --swiper-pagination-bullet-opacity: 1;\n --swiper-pagination-bullet-horizontal-gap: 4px;\n --swiper-pagination-bullet-vertical-gap: 6px;\n */\n }\n .swiper-pagination {\n position: absolute;\n text-align: center;\n transform: translate3d(0, 0, 0);\n transition: 300ms opacity;\n z-index: 10;\n }\n .swiper-pagination.swiper-pagination-hidden {\n opacity: 0;\n }\n .swiper-pagination-disabled > .swiper-pagination,\n .swiper-pagination.swiper-pagination-disabled {\n display: none !important;\n }\n /* Common Styles */\n .swiper-pagination-fraction,\n .swiper-pagination-custom,\n .swiper-horizontal > .swiper-pagination-bullets,\n .swiper-pagination-bullets.swiper-pagination-horizontal {\n bottom: var(--swiper-pagination-bottom, 8px);\n left: 0;\n top: var(--swiper-pagination-top, auto);\n width: 100%;\n }\n /* Bullets */\n .swiper-pagination-bullets-dynamic {\n font-size: 0;\n overflow: hidden;\n }\n .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {\n position: relative;\n transform: scale(0.33);\n }\n .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {\n transform: scale(1);\n }\n .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {\n transform: scale(1);\n }\n .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {\n transform: scale(0.66);\n }\n .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {\n transform: scale(0.33);\n }\n .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {\n transform: scale(0.66);\n }\n .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {\n transform: scale(0.33);\n }\n .swiper-pagination-bullet {\n background: var(--swiper-pagination-bullet-inactive-color, #000);\n border-radius: var(--swiper-pagination-bullet-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 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 .swiper-pagination-clickable .swiper-pagination-bullet {\n cursor: pointer;\n }\n .swiper-pagination-bullet:only-child {\n display: none !important;\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 .swiper-vertical > .swiper-pagination-bullets,\n .swiper-pagination-vertical.swiper-pagination-bullets {\n left: var(--swiper-pagination-left, auto);\n right: var(--swiper-pagination-right, 8px);\n top: 50%;\n transform: translate3d(0px, -50%, 0);\n }\n .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet,\n .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {\n display: block;\n margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;\n }\n .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,\n .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {\n top: 50%;\n transform: translateY(-50%);\n width: 8px;\n }\n .swiper-vertical\n > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic\n .swiper-pagination-bullet,\n .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic\n .swiper-pagination-bullet {\n display: inline-block;\n transition: 200ms transform, 200ms top;\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 .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 .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: 200ms transform, 200ms left;\n }\n .swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet,\n :host(.swiper-horizontal.swiper-rtl)\n .swiper-pagination-bullets-dynamic\n .swiper-pagination-bullet {\n transition: 200ms transform, 200ms right;\n }\n /* Fraction */\n .swiper-pagination-fraction {\n color: var(--swiper-pagination-fraction-color, inherit);\n }\n /* Progress */\n .swiper-pagination-progressbar {\n background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));\n position: absolute;\n /*ADD_HOST*/\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 .swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {\n transform-origin: right top;\n }\n .swiper-horizontal > .swiper-pagination-progressbar,\n .swiper-pagination-progressbar.swiper-pagination-horizontal,\n .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,\n .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {\n height: var(--swiper-pagination-progressbar-size, 4px);\n left: 0;\n top: 0;\n width: 100%;\n }\n .swiper-vertical > .swiper-pagination-progressbar,\n .swiper-pagination-progressbar.swiper-pagination-vertical,\n .swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,\n .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {\n height: 100%;\n left: 0;\n top: 0;\n width: var(--swiper-pagination-progressbar-size, 4px);\n }\n .swiper-pagination-lock {\n display: none;\n }\n :root {\n /*\n --swiper-scrollbar-border-radius: 10px;\n --swiper-scrollbar-top: auto;\n --swiper-scrollbar-bottom: 4px;\n --swiper-scrollbar-left: auto;\n --swiper-scrollbar-right: 4px;\n --swiper-scrollbar-sides-offset: 1%;\n --swiper-scrollbar-bg-color: rgba(0, 0, 0, 0.1);\n --swiper-scrollbar-drag-bg-color: rgba(0, 0, 0, 0.5);\n --swiper-scrollbar-size: 4px;\n */\n }\n .swiper-scrollbar {\n -ms-touch-action: none;\n background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1));\n border-radius: var(--swiper-scrollbar-border-radius, 10px);\n position: relative;\n }\n .swiper-scrollbar-disabled > .swiper-scrollbar,\n .swiper-scrollbar.swiper-scrollbar-disabled {\n display: none !important;\n }\n .swiper-horizontal > .swiper-scrollbar,\n .swiper-scrollbar.swiper-scrollbar-horizontal {\n bottom: var(--swiper-scrollbar-bottom, 4px);\n height: var(--swiper-scrollbar-size, 4px);\n left: var(--swiper-scrollbar-sides-offset, 1%);\n position: absolute;\n top: var(--swiper-scrollbar-top, auto);\n width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));\n z-index: 50;\n }\n .swiper-vertical > .swiper-scrollbar,\n .swiper-scrollbar.swiper-scrollbar-vertical {\n height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));\n left: var(--swiper-scrollbar-left, auto);\n position: absolute;\n right: var(--swiper-scrollbar-right, 4px);\n top: var(--swiper-scrollbar-sides-offset, 1%);\n width: var(--swiper-scrollbar-size, 4px);\n z-index: 50;\n }\n .swiper-scrollbar-drag {\n background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));\n border-radius: var(--swiper-scrollbar-border-radius, 10px);\n height: 100%;\n left: 0;\n position: relative;\n top: 0;\n width: 100%;\n }\n .swiper-scrollbar-cursor-drag {\n cursor: move;\n }\n .swiper-scrollbar-lock {\n display: none;\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 .swiper-zoom-container > img,\n .swiper-zoom-container > svg,\n .swiper-zoom-container > canvas {\n max-height: 100%;\n max-width: 100%;\n object-fit: contain;\n }\n .swiper-slide-zoomed {\n cursor: move;\n touch-action: none;\n }\n /* a11y */\n .swiper .swiper-notification,\n swiper-container .swiper-notification {\n left: 0;\n opacity: 0;\n pointer-events: none;\n position: absolute;\n top: 0;\n z-index: -1000;\n }\n .swiper-free-mode > .swiper-wrapper {\n margin: 0 auto;\n transition-timing-function: ease-out;\n }\n .swiper-grid > .swiper-wrapper {\n flex-wrap: wrap;\n }\n .swiper-grid-column > .swiper-wrapper {\n flex-direction: column;\n flex-wrap: wrap;\n }\n .swiper-fade.swiper-free-mode .swiper-slide {\n transition-timing-function: ease-out;\n }\n .swiper-fade .swiper-slide {\n pointer-events: none;\n transition-property: opacity;\n }\n .swiper-fade .swiper-slide .swiper-slide {\n pointer-events: none;\n }\n .swiper-fade .swiper-slide-active,\n .swiper-fade .swiper-slide-active .swiper-slide-active {\n pointer-events: auto;\n }\n .swiper-cube {\n overflow: visible;\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 .swiper-cube .swiper-slide .swiper-slide {\n pointer-events: none;\n }\n .swiper-cube.swiper-rtl .swiper-slide {\n transform-origin: 100% 0;\n }\n .swiper-cube .swiper-slide-active,\n .swiper-cube .swiper-slide-active .swiper-slide-active {\n pointer-events: auto;\n }\n .swiper-cube .swiper-slide-active,\n .swiper-cube .swiper-slide-next,\n .swiper-cube .swiper-slide-prev,\n .swiper-cube .swiper-slide-next + .swiper-slide {\n pointer-events: auto;\n visibility: visible;\n }\n .swiper-cube .swiper-slide-shadow-top,\n .swiper-cube .swiper-slide-shadow-bottom,\n .swiper-cube .swiper-slide-shadow-left,\n .swiper-cube .swiper-slide-shadow-right {\n -webkit-backface-visibility: hidden;\n backface-visibility: hidden;\n z-index: 0;\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 .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 .swiper-flip {\n overflow: visible;\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 .swiper-flip .swiper-slide .swiper-slide {\n pointer-events: none;\n }\n .swiper-flip .swiper-slide-active,\n .swiper-flip .swiper-slide-active .swiper-slide-active {\n pointer-events: auto;\n }\n .swiper-flip .swiper-slide-shadow-top,\n .swiper-flip .swiper-slide-shadow-bottom,\n .swiper-flip .swiper-slide-shadow-left,\n .swiper-flip .swiper-slide-shadow-right {\n -webkit-backface-visibility: hidden;\n backface-visibility: hidden;\n z-index: 0;\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 .swiper-cards {\n overflow: visible !important;\n }\n\n .swiper-cards .swiper-slide {\n -webkit-backface-visibility: hidden;\n backface-visibility: hidden;\n overflow: visible;\n transform-origin: center bottom;\n }\n }\n"])));
|
13
|
-
exports.default =
|
11
|
+
var StyledSwiperWrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n /**\n * Swiper 9.4.1\n * Most modern mobile touch slider and framework with hardware accelerated transitions\n * https://swiperjs.com\n *\n * Copyright 2014-2023 Vladimir Kharlampidi\n *\n * Released under the MIT License\n *\n * Released on: June 13, 2023\n */\n\n && {\n /* FONT_START */\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 /* FONT_END */\n :root {\n --swiper-theme-color: #007aff;\n /*\n --swiper-preloader-color: var(--swiper-theme-color);\n --swiper-wrapper-transition-timing-function: initial;\n */\n }\n .swiper,\n swiper-container {\n display: block;\n list-style: none;\n margin-left: auto;\n margin-right: auto;\n overflow: hidden;\n padding: 0;\n /* Fix of Webkit flickering */\n position: relative;\n z-index: 1;\n }\n .swiper-vertical > .swiper-wrapper {\n flex-direction: column;\n }\n .swiper-wrapper {\n box-sizing: content-box;\n display: flex;\n height: 100%;\n position: relative;\n transition-property: transform;\n transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);\n width: 100%;\n z-index: 1;\n }\n .swiper-android .swiper-slide,\n .swiper-wrapper {\n transform: translate3d(0px, 0, 0);\n }\n .swiper-horizontal {\n touch-action: pan-y;\n }\n .swiper-vertical {\n touch-action: pan-x;\n }\n .swiper-slide,\n swiper-slide {\n display: block;\n flex-shrink: 0;\n height: 100%;\n position: relative;\n transition-property: transform;\n width: 100%;\n }\n .swiper-slide-invisible-blank {\n visibility: hidden;\n }\n /* Auto Height */\n .swiper-autoheight,\n .swiper-autoheight .swiper-slide {\n height: auto;\n }\n .swiper-autoheight .swiper-wrapper {\n align-items: flex-start;\n transition-property: transform, height;\n }\n .swiper-backface-hidden .swiper-slide {\n -webkit-backface-visibility: hidden;\n backface-visibility: hidden;\n transform: translateZ(0);\n }\n /* 3D Effects */\n .swiper-3d.swiper-css-mode .swiper-wrapper {\n perspective: 1200px;\n }\n .swiper-3d .swiper-wrapper {\n transform-style: preserve-3d;\n }\n .swiper-3d {\n perspective: 1200px;\n }\n .swiper-3d .swiper-slide,\n .swiper-3d .swiper-slide-shadow,\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-slide-shadow-bottom,\n .swiper-3d .swiper-cube-shadow {\n transform-style: preserve-3d;\n }\n .swiper-3d .swiper-slide-shadow,\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-slide-shadow-bottom {\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 .swiper-3d .swiper-slide-shadow {\n background: rgba(0, 0, 0, 0.15);\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 .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 .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 .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 /* CSS Mode */\n .swiper-css-mode > .swiper-wrapper {\n -ms-overflow-style: none;\n overflow: auto;\n /* For Firefox */\n scrollbar-width: none;\n /* For Internet Explorer and Edge */\n }\n .swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {\n display: none;\n }\n .swiper-css-mode > .swiper-wrapper > .swiper-slide {\n scroll-snap-align: start start;\n }\n .swiper-horizontal.swiper-css-mode > .swiper-wrapper {\n scroll-snap-type: x mandatory;\n }\n .swiper-vertical.swiper-css-mode > .swiper-wrapper {\n scroll-snap-type: y mandatory;\n }\n .swiper-css-mode.swiper-free-mode > .swiper-wrapper {\n scroll-snap-type: none;\n }\n .swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {\n scroll-snap-align: none;\n }\n .swiper-centered > .swiper-wrapper::before {\n content: '';\n flex-shrink: 0;\n order: 9999;\n }\n .swiper-centered > .swiper-wrapper > .swiper-slide {\n scroll-snap-align: center center;\n scroll-snap-stop: always;\n }\n .swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {\n margin-inline-start: var(--swiper-centered-offset-before);\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 .swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {\n margin-block-start: var(--swiper-centered-offset-before);\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 .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 .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,\n swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader,\n .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {\n animation: swiper-preloader-spin 1s infinite linear;\n }\n .swiper-lazy-preloader-white {\n --swiper-preloader-color: #fff;\n }\n .swiper-lazy-preloader-black {\n --swiper-preloader-color: #000;\n }\n @keyframes swiper-preloader-spin {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n }\n .swiper-virtual .swiper-slide {\n -webkit-backface-visibility: hidden;\n transform: translateZ(0);\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 .swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {\n height: 1px;\n width: var(--swiper-virtual-size);\n }\n .swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {\n height: var(--swiper-virtual-size);\n width: 1px;\n }\n :root {\n --swiper-navigation-size: 44px;\n /*\n --swiper-navigation-top-offset: 50%;\n --swiper-navigation-sides-offset: 10px;\n --swiper-navigation-color: var(--swiper-theme-color);\n */\n }\n .swiper-button-prev,\n .swiper-button-next {\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: var(--swiper-navigation-top-offset, 50%);\n width: calc(var(--swiper-navigation-size) / 44 * 27);\n z-index: 10;\n }\n .swiper-button-prev.swiper-button-disabled,\n .swiper-button-next.swiper-button-disabled {\n cursor: auto;\n opacity: 0.35;\n pointer-events: none;\n }\n .swiper-button-prev.swiper-button-hidden,\n .swiper-button-next.swiper-button-hidden {\n cursor: auto;\n opacity: 0;\n pointer-events: none;\n }\n .swiper-navigation-disabled .swiper-button-prev,\n .swiper-navigation-disabled .swiper-button-next {\n display: none !important;\n }\n .swiper-button-prev:after,\n .swiper-button-next: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 .swiper-button-prev,\n .swiper-rtl .swiper-button-next {\n left: var(--swiper-navigation-sides-offset, 10px);\n right: auto;\n }\n .swiper-button-prev:after,\n .swiper-rtl .swiper-button-next:after {\n content: 'prev';\n }\n .swiper-button-next,\n .swiper-rtl .swiper-button-prev {\n left: auto;\n right: var(--swiper-navigation-sides-offset, 10px);\n }\n .swiper-button-next:after,\n .swiper-rtl .swiper-button-prev:after {\n content: 'next';\n }\n .swiper-button-lock {\n display: none;\n }\n :root {\n /*\n --swiper-pagination-color: var(--swiper-theme-color);\n --swiper-pagination-left: auto;\n --swiper-pagination-right: 8px;\n --swiper-pagination-bottom: 8px;\n --swiper-pagination-top: auto;\n --swiper-pagination-fraction-color: inherit;\n --swiper-pagination-progressbar-bg-color: rgba(0,0,0,0.25);\n --swiper-pagination-progressbar-size: 4px;\n --swiper-pagination-bullet-size: 8px;\n --swiper-pagination-bullet-width: 8px;\n --swiper-pagination-bullet-height: 8px;\n --swiper-pagination-bullet-border-radius: 50%;\n --swiper-pagination-bullet-inactive-color: #000;\n --swiper-pagination-bullet-inactive-opacity: 0.2;\n --swiper-pagination-bullet-opacity: 1;\n --swiper-pagination-bullet-horizontal-gap: 4px;\n --swiper-pagination-bullet-vertical-gap: 6px;\n */\n }\n .swiper-pagination {\n position: absolute;\n text-align: center;\n transform: translate3d(0, 0, 0);\n transition: 300ms opacity;\n z-index: 10;\n }\n .swiper-pagination.swiper-pagination-hidden {\n opacity: 0;\n }\n .swiper-pagination-disabled > .swiper-pagination,\n .swiper-pagination.swiper-pagination-disabled {\n display: none !important;\n }\n /* Common Styles */\n .swiper-pagination-fraction,\n .swiper-pagination-custom,\n .swiper-horizontal > .swiper-pagination-bullets,\n .swiper-pagination-bullets.swiper-pagination-horizontal {\n bottom: var(--swiper-pagination-bottom, 8px);\n left: 0;\n top: var(--swiper-pagination-top, auto);\n width: 100%;\n }\n /* Bullets */\n .swiper-pagination-bullets-dynamic {\n font-size: 0;\n overflow: hidden;\n }\n .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {\n position: relative;\n transform: scale(0.33);\n }\n .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {\n transform: scale(1);\n }\n .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {\n transform: scale(1);\n }\n .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {\n transform: scale(0.66);\n }\n .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {\n transform: scale(0.33);\n }\n .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {\n transform: scale(0.66);\n }\n .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {\n transform: scale(0.33);\n }\n .swiper-pagination-bullet {\n background: var(--swiper-pagination-bullet-inactive-color, #000);\n border-radius: var(--swiper-pagination-bullet-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 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 .swiper-pagination-clickable .swiper-pagination-bullet {\n cursor: pointer;\n }\n .swiper-pagination-bullet:only-child {\n display: none !important;\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 .swiper-vertical > .swiper-pagination-bullets,\n .swiper-pagination-vertical.swiper-pagination-bullets {\n left: var(--swiper-pagination-left, auto);\n right: var(--swiper-pagination-right, 8px);\n top: 50%;\n transform: translate3d(0px, -50%, 0);\n }\n .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet,\n .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {\n display: block;\n margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;\n }\n .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,\n .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {\n top: 50%;\n transform: translateY(-50%);\n width: 8px;\n }\n .swiper-vertical\n > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic\n .swiper-pagination-bullet,\n .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic\n .swiper-pagination-bullet {\n display: inline-block;\n transition: 200ms transform, 200ms top;\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 .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 .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: 200ms transform, 200ms left;\n }\n .swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet,\n :host(.swiper-horizontal.swiper-rtl)\n .swiper-pagination-bullets-dynamic\n .swiper-pagination-bullet {\n transition: 200ms transform, 200ms right;\n }\n /* Fraction */\n .swiper-pagination-fraction {\n color: var(--swiper-pagination-fraction-color, inherit);\n }\n /* Progress */\n .swiper-pagination-progressbar {\n background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));\n position: absolute;\n /*ADD_HOST*/\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 .swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {\n transform-origin: right top;\n }\n .swiper-horizontal > .swiper-pagination-progressbar,\n .swiper-pagination-progressbar.swiper-pagination-horizontal,\n .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,\n .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {\n height: var(--swiper-pagination-progressbar-size, 4px);\n left: 0;\n top: 0;\n width: 100%;\n }\n .swiper-vertical > .swiper-pagination-progressbar,\n .swiper-pagination-progressbar.swiper-pagination-vertical,\n .swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,\n .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {\n height: 100%;\n left: 0;\n top: 0;\n width: var(--swiper-pagination-progressbar-size, 4px);\n }\n .swiper-pagination-lock {\n display: none;\n }\n :root {\n /*\n --swiper-scrollbar-border-radius: 10px;\n --swiper-scrollbar-top: auto;\n --swiper-scrollbar-bottom: 4px;\n --swiper-scrollbar-left: auto;\n --swiper-scrollbar-right: 4px;\n --swiper-scrollbar-sides-offset: 1%;\n --swiper-scrollbar-bg-color: rgba(0, 0, 0, 0.1);\n --swiper-scrollbar-drag-bg-color: rgba(0, 0, 0, 0.5);\n --swiper-scrollbar-size: 4px;\n */\n }\n .swiper-scrollbar {\n -ms-touch-action: none;\n background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1));\n border-radius: var(--swiper-scrollbar-border-radius, 10px);\n position: relative;\n }\n .swiper-scrollbar-disabled > .swiper-scrollbar,\n .swiper-scrollbar.swiper-scrollbar-disabled {\n display: none !important;\n }\n .swiper-horizontal > .swiper-scrollbar,\n .swiper-scrollbar.swiper-scrollbar-horizontal {\n bottom: var(--swiper-scrollbar-bottom, 4px);\n height: var(--swiper-scrollbar-size, 4px);\n left: var(--swiper-scrollbar-sides-offset, 1%);\n position: absolute;\n top: var(--swiper-scrollbar-top, auto);\n width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));\n z-index: 50;\n }\n .swiper-vertical > .swiper-scrollbar,\n .swiper-scrollbar.swiper-scrollbar-vertical {\n height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));\n left: var(--swiper-scrollbar-left, auto);\n position: absolute;\n right: var(--swiper-scrollbar-right, 4px);\n top: var(--swiper-scrollbar-sides-offset, 1%);\n width: var(--swiper-scrollbar-size, 4px);\n z-index: 50;\n }\n .swiper-scrollbar-drag {\n background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));\n border-radius: var(--swiper-scrollbar-border-radius, 10px);\n height: 100%;\n left: 0;\n position: relative;\n top: 0;\n width: 100%;\n }\n .swiper-scrollbar-cursor-drag {\n cursor: move;\n }\n .swiper-scrollbar-lock {\n display: none;\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 .swiper-zoom-container > img,\n .swiper-zoom-container > svg,\n .swiper-zoom-container > canvas {\n max-height: 100%;\n max-width: 100%;\n object-fit: contain;\n }\n .swiper-slide-zoomed {\n cursor: move;\n touch-action: none;\n }\n /* a11y */\n .swiper .swiper-notification,\n swiper-container .swiper-notification {\n left: 0;\n opacity: 0;\n pointer-events: none;\n position: absolute;\n top: 0;\n z-index: -1000;\n }\n .swiper-free-mode > .swiper-wrapper {\n margin: 0 auto;\n transition-timing-function: ease-out;\n }\n .swiper-grid > .swiper-wrapper {\n flex-wrap: wrap;\n }\n .swiper-grid-column > .swiper-wrapper {\n flex-direction: column;\n flex-wrap: wrap;\n }\n .swiper-fade.swiper-free-mode .swiper-slide {\n transition-timing-function: ease-out;\n }\n .swiper-fade .swiper-slide {\n pointer-events: none;\n transition-property: opacity;\n }\n .swiper-fade .swiper-slide .swiper-slide {\n pointer-events: none;\n }\n .swiper-fade .swiper-slide-active,\n .swiper-fade .swiper-slide-active .swiper-slide-active {\n pointer-events: auto;\n }\n .swiper-cube {\n overflow: visible;\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 .swiper-cube .swiper-slide .swiper-slide {\n pointer-events: none;\n }\n .swiper-cube.swiper-rtl .swiper-slide {\n transform-origin: 100% 0;\n }\n .swiper-cube .swiper-slide-active,\n .swiper-cube .swiper-slide-active .swiper-slide-active {\n pointer-events: auto;\n }\n .swiper-cube .swiper-slide-active,\n .swiper-cube .swiper-slide-next,\n .swiper-cube .swiper-slide-prev,\n .swiper-cube .swiper-slide-next + .swiper-slide {\n pointer-events: auto;\n visibility: visible;\n }\n .swiper-cube .swiper-slide-shadow-top,\n .swiper-cube .swiper-slide-shadow-bottom,\n .swiper-cube .swiper-slide-shadow-left,\n .swiper-cube .swiper-slide-shadow-right {\n -webkit-backface-visibility: hidden;\n backface-visibility: hidden;\n z-index: 0;\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 .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 .swiper-flip {\n overflow: visible;\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 .swiper-flip .swiper-slide .swiper-slide {\n pointer-events: none;\n }\n .swiper-flip .swiper-slide-active,\n .swiper-flip .swiper-slide-active .swiper-slide-active {\n pointer-events: auto;\n }\n .swiper-flip .swiper-slide-shadow-top,\n .swiper-flip .swiper-slide-shadow-bottom,\n .swiper-flip .swiper-slide-shadow-left,\n .swiper-flip .swiper-slide-shadow-right {\n -webkit-backface-visibility: hidden;\n backface-visibility: hidden;\n z-index: 0;\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 .swiper-cards {\n overflow: visible !important;\n }\n\n .swiper-cards .swiper-slide {\n -webkit-backface-visibility: hidden;\n backface-visibility: hidden;\n overflow: visible;\n transform-origin: center bottom;\n }\n }\n"], ["\n /**\n * Swiper 9.4.1\n * Most modern mobile touch slider and framework with hardware accelerated transitions\n * https://swiperjs.com\n *\n * Copyright 2014-2023 Vladimir Kharlampidi\n *\n * Released under the MIT License\n *\n * Released on: June 13, 2023\n */\n\n && {\n /* FONT_START */\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 /* FONT_END */\n :root {\n --swiper-theme-color: #007aff;\n /*\n --swiper-preloader-color: var(--swiper-theme-color);\n --swiper-wrapper-transition-timing-function: initial;\n */\n }\n .swiper,\n swiper-container {\n display: block;\n list-style: none;\n margin-left: auto;\n margin-right: auto;\n overflow: hidden;\n padding: 0;\n /* Fix of Webkit flickering */\n position: relative;\n z-index: 1;\n }\n .swiper-vertical > .swiper-wrapper {\n flex-direction: column;\n }\n .swiper-wrapper {\n box-sizing: content-box;\n display: flex;\n height: 100%;\n position: relative;\n transition-property: transform;\n transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);\n width: 100%;\n z-index: 1;\n }\n .swiper-android .swiper-slide,\n .swiper-wrapper {\n transform: translate3d(0px, 0, 0);\n }\n .swiper-horizontal {\n touch-action: pan-y;\n }\n .swiper-vertical {\n touch-action: pan-x;\n }\n .swiper-slide,\n swiper-slide {\n display: block;\n flex-shrink: 0;\n height: 100%;\n position: relative;\n transition-property: transform;\n width: 100%;\n }\n .swiper-slide-invisible-blank {\n visibility: hidden;\n }\n /* Auto Height */\n .swiper-autoheight,\n .swiper-autoheight .swiper-slide {\n height: auto;\n }\n .swiper-autoheight .swiper-wrapper {\n align-items: flex-start;\n transition-property: transform, height;\n }\n .swiper-backface-hidden .swiper-slide {\n -webkit-backface-visibility: hidden;\n backface-visibility: hidden;\n transform: translateZ(0);\n }\n /* 3D Effects */\n .swiper-3d.swiper-css-mode .swiper-wrapper {\n perspective: 1200px;\n }\n .swiper-3d .swiper-wrapper {\n transform-style: preserve-3d;\n }\n .swiper-3d {\n perspective: 1200px;\n }\n .swiper-3d .swiper-slide,\n .swiper-3d .swiper-slide-shadow,\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-slide-shadow-bottom,\n .swiper-3d .swiper-cube-shadow {\n transform-style: preserve-3d;\n }\n .swiper-3d .swiper-slide-shadow,\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-slide-shadow-bottom {\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 .swiper-3d .swiper-slide-shadow {\n background: rgba(0, 0, 0, 0.15);\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 .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 .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 .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 /* CSS Mode */\n .swiper-css-mode > .swiper-wrapper {\n -ms-overflow-style: none;\n overflow: auto;\n /* For Firefox */\n scrollbar-width: none;\n /* For Internet Explorer and Edge */\n }\n .swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {\n display: none;\n }\n .swiper-css-mode > .swiper-wrapper > .swiper-slide {\n scroll-snap-align: start start;\n }\n .swiper-horizontal.swiper-css-mode > .swiper-wrapper {\n scroll-snap-type: x mandatory;\n }\n .swiper-vertical.swiper-css-mode > .swiper-wrapper {\n scroll-snap-type: y mandatory;\n }\n .swiper-css-mode.swiper-free-mode > .swiper-wrapper {\n scroll-snap-type: none;\n }\n .swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {\n scroll-snap-align: none;\n }\n .swiper-centered > .swiper-wrapper::before {\n content: '';\n flex-shrink: 0;\n order: 9999;\n }\n .swiper-centered > .swiper-wrapper > .swiper-slide {\n scroll-snap-align: center center;\n scroll-snap-stop: always;\n }\n .swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {\n margin-inline-start: var(--swiper-centered-offset-before);\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 .swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {\n margin-block-start: var(--swiper-centered-offset-before);\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 .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 .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,\n swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader,\n .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {\n animation: swiper-preloader-spin 1s infinite linear;\n }\n .swiper-lazy-preloader-white {\n --swiper-preloader-color: #fff;\n }\n .swiper-lazy-preloader-black {\n --swiper-preloader-color: #000;\n }\n @keyframes swiper-preloader-spin {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n }\n .swiper-virtual .swiper-slide {\n -webkit-backface-visibility: hidden;\n transform: translateZ(0);\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 .swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {\n height: 1px;\n width: var(--swiper-virtual-size);\n }\n .swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {\n height: var(--swiper-virtual-size);\n width: 1px;\n }\n :root {\n --swiper-navigation-size: 44px;\n /*\n --swiper-navigation-top-offset: 50%;\n --swiper-navigation-sides-offset: 10px;\n --swiper-navigation-color: var(--swiper-theme-color);\n */\n }\n .swiper-button-prev,\n .swiper-button-next {\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: var(--swiper-navigation-top-offset, 50%);\n width: calc(var(--swiper-navigation-size) / 44 * 27);\n z-index: 10;\n }\n .swiper-button-prev.swiper-button-disabled,\n .swiper-button-next.swiper-button-disabled {\n cursor: auto;\n opacity: 0.35;\n pointer-events: none;\n }\n .swiper-button-prev.swiper-button-hidden,\n .swiper-button-next.swiper-button-hidden {\n cursor: auto;\n opacity: 0;\n pointer-events: none;\n }\n .swiper-navigation-disabled .swiper-button-prev,\n .swiper-navigation-disabled .swiper-button-next {\n display: none !important;\n }\n .swiper-button-prev:after,\n .swiper-button-next: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 .swiper-button-prev,\n .swiper-rtl .swiper-button-next {\n left: var(--swiper-navigation-sides-offset, 10px);\n right: auto;\n }\n .swiper-button-prev:after,\n .swiper-rtl .swiper-button-next:after {\n content: 'prev';\n }\n .swiper-button-next,\n .swiper-rtl .swiper-button-prev {\n left: auto;\n right: var(--swiper-navigation-sides-offset, 10px);\n }\n .swiper-button-next:after,\n .swiper-rtl .swiper-button-prev:after {\n content: 'next';\n }\n .swiper-button-lock {\n display: none;\n }\n :root {\n /*\n --swiper-pagination-color: var(--swiper-theme-color);\n --swiper-pagination-left: auto;\n --swiper-pagination-right: 8px;\n --swiper-pagination-bottom: 8px;\n --swiper-pagination-top: auto;\n --swiper-pagination-fraction-color: inherit;\n --swiper-pagination-progressbar-bg-color: rgba(0,0,0,0.25);\n --swiper-pagination-progressbar-size: 4px;\n --swiper-pagination-bullet-size: 8px;\n --swiper-pagination-bullet-width: 8px;\n --swiper-pagination-bullet-height: 8px;\n --swiper-pagination-bullet-border-radius: 50%;\n --swiper-pagination-bullet-inactive-color: #000;\n --swiper-pagination-bullet-inactive-opacity: 0.2;\n --swiper-pagination-bullet-opacity: 1;\n --swiper-pagination-bullet-horizontal-gap: 4px;\n --swiper-pagination-bullet-vertical-gap: 6px;\n */\n }\n .swiper-pagination {\n position: absolute;\n text-align: center;\n transform: translate3d(0, 0, 0);\n transition: 300ms opacity;\n z-index: 10;\n }\n .swiper-pagination.swiper-pagination-hidden {\n opacity: 0;\n }\n .swiper-pagination-disabled > .swiper-pagination,\n .swiper-pagination.swiper-pagination-disabled {\n display: none !important;\n }\n /* Common Styles */\n .swiper-pagination-fraction,\n .swiper-pagination-custom,\n .swiper-horizontal > .swiper-pagination-bullets,\n .swiper-pagination-bullets.swiper-pagination-horizontal {\n bottom: var(--swiper-pagination-bottom, 8px);\n left: 0;\n top: var(--swiper-pagination-top, auto);\n width: 100%;\n }\n /* Bullets */\n .swiper-pagination-bullets-dynamic {\n font-size: 0;\n overflow: hidden;\n }\n .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {\n position: relative;\n transform: scale(0.33);\n }\n .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {\n transform: scale(1);\n }\n .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {\n transform: scale(1);\n }\n .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {\n transform: scale(0.66);\n }\n .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {\n transform: scale(0.33);\n }\n .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {\n transform: scale(0.66);\n }\n .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {\n transform: scale(0.33);\n }\n .swiper-pagination-bullet {\n background: var(--swiper-pagination-bullet-inactive-color, #000);\n border-radius: var(--swiper-pagination-bullet-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 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 .swiper-pagination-clickable .swiper-pagination-bullet {\n cursor: pointer;\n }\n .swiper-pagination-bullet:only-child {\n display: none !important;\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 .swiper-vertical > .swiper-pagination-bullets,\n .swiper-pagination-vertical.swiper-pagination-bullets {\n left: var(--swiper-pagination-left, auto);\n right: var(--swiper-pagination-right, 8px);\n top: 50%;\n transform: translate3d(0px, -50%, 0);\n }\n .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet,\n .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {\n display: block;\n margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;\n }\n .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,\n .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {\n top: 50%;\n transform: translateY(-50%);\n width: 8px;\n }\n .swiper-vertical\n > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic\n .swiper-pagination-bullet,\n .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic\n .swiper-pagination-bullet {\n display: inline-block;\n transition: 200ms transform, 200ms top;\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 .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 .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: 200ms transform, 200ms left;\n }\n .swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet,\n :host(.swiper-horizontal.swiper-rtl)\n .swiper-pagination-bullets-dynamic\n .swiper-pagination-bullet {\n transition: 200ms transform, 200ms right;\n }\n /* Fraction */\n .swiper-pagination-fraction {\n color: var(--swiper-pagination-fraction-color, inherit);\n }\n /* Progress */\n .swiper-pagination-progressbar {\n background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));\n position: absolute;\n /*ADD_HOST*/\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 .swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {\n transform-origin: right top;\n }\n .swiper-horizontal > .swiper-pagination-progressbar,\n .swiper-pagination-progressbar.swiper-pagination-horizontal,\n .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,\n .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {\n height: var(--swiper-pagination-progressbar-size, 4px);\n left: 0;\n top: 0;\n width: 100%;\n }\n .swiper-vertical > .swiper-pagination-progressbar,\n .swiper-pagination-progressbar.swiper-pagination-vertical,\n .swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,\n .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {\n height: 100%;\n left: 0;\n top: 0;\n width: var(--swiper-pagination-progressbar-size, 4px);\n }\n .swiper-pagination-lock {\n display: none;\n }\n :root {\n /*\n --swiper-scrollbar-border-radius: 10px;\n --swiper-scrollbar-top: auto;\n --swiper-scrollbar-bottom: 4px;\n --swiper-scrollbar-left: auto;\n --swiper-scrollbar-right: 4px;\n --swiper-scrollbar-sides-offset: 1%;\n --swiper-scrollbar-bg-color: rgba(0, 0, 0, 0.1);\n --swiper-scrollbar-drag-bg-color: rgba(0, 0, 0, 0.5);\n --swiper-scrollbar-size: 4px;\n */\n }\n .swiper-scrollbar {\n -ms-touch-action: none;\n background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1));\n border-radius: var(--swiper-scrollbar-border-radius, 10px);\n position: relative;\n }\n .swiper-scrollbar-disabled > .swiper-scrollbar,\n .swiper-scrollbar.swiper-scrollbar-disabled {\n display: none !important;\n }\n .swiper-horizontal > .swiper-scrollbar,\n .swiper-scrollbar.swiper-scrollbar-horizontal {\n bottom: var(--swiper-scrollbar-bottom, 4px);\n height: var(--swiper-scrollbar-size, 4px);\n left: var(--swiper-scrollbar-sides-offset, 1%);\n position: absolute;\n top: var(--swiper-scrollbar-top, auto);\n width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));\n z-index: 50;\n }\n .swiper-vertical > .swiper-scrollbar,\n .swiper-scrollbar.swiper-scrollbar-vertical {\n height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));\n left: var(--swiper-scrollbar-left, auto);\n position: absolute;\n right: var(--swiper-scrollbar-right, 4px);\n top: var(--swiper-scrollbar-sides-offset, 1%);\n width: var(--swiper-scrollbar-size, 4px);\n z-index: 50;\n }\n .swiper-scrollbar-drag {\n background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));\n border-radius: var(--swiper-scrollbar-border-radius, 10px);\n height: 100%;\n left: 0;\n position: relative;\n top: 0;\n width: 100%;\n }\n .swiper-scrollbar-cursor-drag {\n cursor: move;\n }\n .swiper-scrollbar-lock {\n display: none;\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 .swiper-zoom-container > img,\n .swiper-zoom-container > svg,\n .swiper-zoom-container > canvas {\n max-height: 100%;\n max-width: 100%;\n object-fit: contain;\n }\n .swiper-slide-zoomed {\n cursor: move;\n touch-action: none;\n }\n /* a11y */\n .swiper .swiper-notification,\n swiper-container .swiper-notification {\n left: 0;\n opacity: 0;\n pointer-events: none;\n position: absolute;\n top: 0;\n z-index: -1000;\n }\n .swiper-free-mode > .swiper-wrapper {\n margin: 0 auto;\n transition-timing-function: ease-out;\n }\n .swiper-grid > .swiper-wrapper {\n flex-wrap: wrap;\n }\n .swiper-grid-column > .swiper-wrapper {\n flex-direction: column;\n flex-wrap: wrap;\n }\n .swiper-fade.swiper-free-mode .swiper-slide {\n transition-timing-function: ease-out;\n }\n .swiper-fade .swiper-slide {\n pointer-events: none;\n transition-property: opacity;\n }\n .swiper-fade .swiper-slide .swiper-slide {\n pointer-events: none;\n }\n .swiper-fade .swiper-slide-active,\n .swiper-fade .swiper-slide-active .swiper-slide-active {\n pointer-events: auto;\n }\n .swiper-cube {\n overflow: visible;\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 .swiper-cube .swiper-slide .swiper-slide {\n pointer-events: none;\n }\n .swiper-cube.swiper-rtl .swiper-slide {\n transform-origin: 100% 0;\n }\n .swiper-cube .swiper-slide-active,\n .swiper-cube .swiper-slide-active .swiper-slide-active {\n pointer-events: auto;\n }\n .swiper-cube .swiper-slide-active,\n .swiper-cube .swiper-slide-next,\n .swiper-cube .swiper-slide-prev,\n .swiper-cube .swiper-slide-next + .swiper-slide {\n pointer-events: auto;\n visibility: visible;\n }\n .swiper-cube .swiper-slide-shadow-top,\n .swiper-cube .swiper-slide-shadow-bottom,\n .swiper-cube .swiper-slide-shadow-left,\n .swiper-cube .swiper-slide-shadow-right {\n -webkit-backface-visibility: hidden;\n backface-visibility: hidden;\n z-index: 0;\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 .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 .swiper-flip {\n overflow: visible;\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 .swiper-flip .swiper-slide .swiper-slide {\n pointer-events: none;\n }\n .swiper-flip .swiper-slide-active,\n .swiper-flip .swiper-slide-active .swiper-slide-active {\n pointer-events: auto;\n }\n .swiper-flip .swiper-slide-shadow-top,\n .swiper-flip .swiper-slide-shadow-bottom,\n .swiper-flip .swiper-slide-shadow-left,\n .swiper-flip .swiper-slide-shadow-right {\n -webkit-backface-visibility: hidden;\n backface-visibility: hidden;\n z-index: 0;\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 .swiper-cards {\n overflow: visible !important;\n }\n\n .swiper-cards .swiper-slide {\n -webkit-backface-visibility: hidden;\n backface-visibility: hidden;\n overflow: visible;\n transform-origin: center bottom;\n }\n }\n"])));
|
12
|
+
exports.default = StyledSwiperWrapper;
|
14
13
|
var templateObject_1;
|