pds-dev-kit-web-test 2.5.613 → 2.5.616

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.
Files changed (2) hide show
  1. package/dist/src/sub/DynamicLayout/components/mobile/common/Carousel.js +1 -1
  2. package/package.json +2 -2
package/dist/src/sub/DynamicLayout/components/mobile/common/Carousel.js CHANGED
@@ -68,7 +68,7 @@ var S_Carousel = styled_components_1.default.div(templateObject_1 || (templateOb
68
68
  /** NOTE: Swiper가 제공하는 css 파일을 webpack 이슈로 import하지 못해서 임시로 만든 css wrapper입니다.
69
69
  * 차후 Webpack 5로 마이그레이션 되는 경우 swiper 홈페이지에서 추천하는 사용법으로 수정이 필요합니다.
70
70
  */
71
- 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, 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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"], ["\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) {
71
+ 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, 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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 /* NOTE: \uB192\uC774\uB9DE\uCDA4\uC744 \uC704\uD55C \uD14C\uC2A4\uD2B8 */\n overflow-y: scroll;\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 /* NOTE: \uB192\uC774\uB9DE\uCDA4\uC744 \uC704\uD55C \uD14C\uC2A4\uD2B8 */\n overflow-y: scroll;\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) {
72
72
  var paginationSpacing = _a.paginationSpacing;
73
73
  return paginationSpacing[1];
74
74
  }, function (_a) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "pds-dev-kit-web-test",
3
- "version": "2.5.613",
3
+ "version": "2.5.616",
4
4
  "license": "MIT",
5
5
  "private": false,
6
6
  "main": "dist/index.js",
@@ -23,7 +23,7 @@
23
23
  "lottie-react": "^2.3.1",
24
24
  "nuka-carousel": "^4.8.4",
25
25
  "publ-echo": "^0.0.119",
26
- "publ-echo-test": "^0.0.326",
26
+ "publ-echo-test": "^0.0.327",
27
27
  "react-hook-form": "^7.28.1",
28
28
  "react-i18next": "^11.12.0",
29
29
  "react-router-dom": "^5.2.0",