View file File name : swiper-bundle.css Content :/* eslint-disable */ /* If a new version is imported from swiper the selectors should all be namespaced with .jp-carousel-overlay /* to prevent clashes with other plugins that are overrding swiperjs css */ /** * Swiper 6.7.0 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2021 Vladimir Kharlampidi * * Released under the MIT License * * Released on: June 22, 2021 */ @font-face { font-family: 'swiper-icons'; src: url( 'data:application/font-woff;charset=utf-8;base64, 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' ) format( 'woff' ); font-weight: 400; font-style: normal; } :root { --swiper-theme-color: #007aff; } .jp-carousel-overlay .swiper-container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; /* Fix of Webkit flickering */ z-index: 1; } .jp-carousel-overlay .swiper-container-vertical > .swiper-wrapper { flex-direction: column; } .jp-carousel-overlay .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box; } .jp-carousel-overlay .swiper-container-android .swiper-slide, .jp-carousel-overlay .swiper-wrapper { transform: translate3d( 0px, 0, 0 ); } .jp-carousel-overlay .swiper-container-multirow > .swiper-wrapper { flex-wrap: wrap; } .jp-carousel-overlay .swiper-container-multirow-column > .swiper-wrapper { flex-wrap: wrap; flex-direction: column; } .jp-carousel-overlay .swiper-container-free-mode > .swiper-wrapper { transition-timing-function: ease-out; margin: 0 auto; } .jp-carousel-overlay .swiper-container-pointer-events { touch-action: pan-y; } .jp-carousel-overlay .swiper-container-pointer-events.swiper-container-vertical { touch-action: pan-x; } .jp-carousel-overlay .swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform; } .jp-carousel-overlay .swiper-slide-invisible-blank { visibility: hidden; } /* Auto Height */ .jp-carousel-overlay .swiper-container-autoheight, .jp-carousel-overlay .swiper-container-autoheight .swiper-slide { height: auto; } .jp-carousel-overlay .swiper-container-autoheight .swiper-wrapper { align-items: flex-start; transition-property: transform, height; } /* 3D Effects */ .jp-carousel-overlay .swiper-container-3d { perspective: 1200px; } .jp-carousel-overlay .swiper-container-3d .swiper-wrapper, .jp-carousel-overlay .swiper-container-3d .swiper-slide, .jp-carousel-overlay .swiper-container-3d .swiper-slide-shadow-left, .jp-carousel-overlay .swiper-container-3d .swiper-slide-shadow-right, .jp-carousel-overlay .swiper-container-3d .swiper-slide-shadow-top, .jp-carousel-overlay .swiper-container-3d .swiper-slide-shadow-bottom, .jp-carousel-overlay .swiper-container-3d .swiper-cube-shadow { transform-style: preserve-3d; } .jp-carousel-overlay .swiper-container-3d .swiper-slide-shadow-left, .jp-carousel-overlay .swiper-container-3d .swiper-slide-shadow-right, .jp-carousel-overlay .swiper-container-3d .swiper-slide-shadow-top, .jp-carousel-overlay .swiper-container-3d .swiper-slide-shadow-bottom { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; } .jp-carousel-overlay .swiper-container-3d .swiper-slide-shadow-left { background-image: linear-gradient( to left, rgba( 0, 0, 0, 0.5 ), rgba( 0, 0, 0, 0 ) ); } .jp-carousel-overlay .swiper-container-3d .swiper-slide-shadow-right { background-image: linear-gradient( to right, rgba( 0, 0, 0, 0.5 ), rgba( 0, 0, 0, 0 ) ); } .jp-carousel-overlay .swiper-container-3d .swiper-slide-shadow-top { background-image: linear-gradient( to top, rgba( 0, 0, 0, 0.5 ), rgba( 0, 0, 0, 0 ) ); } .jp-carousel-overlay .swiper-container-3d .swiper-slide-shadow-bottom { background-image: linear-gradient( to bottom, rgba( 0, 0, 0, 0.5 ), rgba( 0, 0, 0, 0 ) ); } /* CSS Mode */ .jp-carousel-overlay .swiper-container-css-mode > .swiper-wrapper { overflow: auto; scrollbar-width: none; /* For Firefox */ -ms-overflow-style: none; /* For Internet Explorer and Edge */ } .jp-carousel-overlay .swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar { display: none; } .jp-carousel-overlay .swiper-container-css-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: start start; } .jp-carousel-overlay .swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper { scroll-snap-type: x mandatory; } .jp-carousel-overlay .swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper { scroll-snap-type: y mandatory; } :root { --swiper-navigation-size: 44px; /* --swiper-navigation-color: var(--swiper-theme-color); */ } .jp-carousel-overlay .swiper-button-prev, .jp-carousel-overlay .swiper-button-next { position: absolute; top: 50%; width: calc( var( --swiper-navigation-size ) / 44 * 27 ); height: var( --swiper-navigation-size ); margin-top: calc( 0px - ( var( --swiper-navigation-size ) / 2 ) ); z-index: 10; cursor: pointer; display: flex; align-items: center; justify-content: center; color: var( --swiper-navigation-color, var( --swiper-theme-color ) ); } .jp-carousel-overlay .swiper-button-prev.swiper-button-disabled, .jp-carousel-overlay .swiper-button-next.swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none; } .jp-carousel-overlay .swiper-button-prev:after, .jp-carousel-overlay .swiper-button-next:after { font-family: swiper-icons; font-size: var( --swiper-navigation-size ); text-transform: none !important; letter-spacing: 0; text-transform: none; font-variant: initial; line-height: 1; } .jp-carousel-overlay .swiper-button-prev, .jp-carousel-overlay .swiper-container-rtl .swiper-button-next { left: 10px; right: auto; } .jp-carousel-overlay .swiper-button-prev:after, .jp-carousel-overlay .swiper-container-rtl .swiper-button-next:after { content: 'prev'; } .jp-carousel-overlay .swiper-button-next, .jp-carousel-overlay .swiper-container-rtl .swiper-button-prev { right: 10px; left: auto; } .jp-carousel-overlay .swiper-button-next:after, .jp-carousel-overlay .swiper-container-rtl .swiper-button-prev:after { content: 'next'; } .jp-carousel-overlay .swiper-button-prev.swiper-button-white, .jp-carousel-overlay .swiper-button-next.swiper-button-white { --swiper-navigation-color: #ffffff; } .jp-carousel-overlay .swiper-button-prev.swiper-button-black, .jp-carousel-overlay .swiper-button-next.swiper-button-black { --swiper-navigation-color: #000000; } .jp-carousel-overlay .swiper-button-lock { display: none; } :root { /* --swiper-pagination-color: var(--swiper-theme-color); */ } .jp-carousel-overlay .swiper-pagination { position: absolute; text-align: center; transition: 300ms opacity; transform: translate3d( 0, 0, 0 ); z-index: 10; } .jp-carousel-overlay .swiper-pagination.swiper-pagination-hidden { opacity: 0; } /* Common Styles */ .jp-carousel-overlay .swiper-pagination-fraction, .jp-carousel-overlay .swiper-pagination-custom, .jp-carousel-overlay .swiper-container-horizontal > .swiper-pagination-bullets { bottom: 10px; left: 0; width: 100%; } /* Bullets */ .jp-carousel-overlay .swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0; } .jp-carousel-overlay .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transform: scale( 0.33 ); position: relative; } .jp-carousel-overlay .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { transform: scale( 1 ); } .jp-carousel-overlay .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { transform: scale( 1 ); } .jp-carousel-overlay .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { transform: scale( 0.66 ); } .jp-carousel-overlay .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { transform: scale( 0.33 ); } .jp-carousel-overlay .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { transform: scale( 0.66 ); } .jp-carousel-overlay .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { transform: scale( 0.33 ); } .jp-carousel-overlay .swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 50%; background: #000; opacity: 0.2; } .jp-carousel-overlay button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; box-shadow: none; -webkit-appearance: none; appearance: none; } .jp-carousel-overlay .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; } .jp-carousel-overlay .swiper-pagination-bullet-active { opacity: 1; background: var( --swiper-pagination-color, var( --swiper-theme-color ) ); } .jp-carousel-overlay .swiper-container-vertical > .swiper-pagination-bullets { right: 10px; top: 50%; transform: translate3d( 0px, -50%, 0 ); } .jp-carousel-overlay .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 6px 0; display: block; } .jp-carousel-overlay .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; transform: translateY( -50% ); width: 8px; } .jp-carousel-overlay .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; transition: 200ms transform, 200ms top; } .jp-carousel-overlay .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 4px; } .jp-carousel-overlay .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; transform: translateX( -50% ); white-space: nowrap; } .jp-carousel-overlay .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: 200ms transform, 200ms left; } .jp-carousel-overlay .swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: 200ms transform, 200ms right; } /* Progress */ .jp-carousel-overlay .swiper-pagination-progressbar { background: rgba( 0, 0, 0, 0.25 ); position: absolute; } .jp-carousel-overlay .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: var( --swiper-pagination-color, var( --swiper-theme-color ) ); position: absolute; left: 0; top: 0; width: 100%; height: 100%; transform: scale( 0 ); transform-origin: left top; } .jp-carousel-overlay .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { transform-origin: right top; } .jp-carousel-overlay .swiper-container-horizontal > .swiper-pagination-progressbar, .jp-carousel-overlay .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 100%; height: 4px; left: 0; top: 0; } .jp-carousel-overlay .swiper-container-vertical > .swiper-pagination-progressbar, .jp-carousel-overlay .swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 4px; height: 100%; left: 0; top: 0; } .jp-carousel-overlay .swiper-pagination-white { --swiper-pagination-color: #ffffff; } .jp-carousel-overlay .swiper-pagination-black { --swiper-pagination-color: #000000; } .jp-carousel-overlay .swiper-pagination-lock { display: none; } .jp-carousel-overlay .swiper-zoom-container { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; text-align: center; } .jp-carousel-overlay .swiper-zoom-container > img, .jp-carousel-overlay .swiper-zoom-container > svg, .jp-carousel-overlay .swiper-zoom-container > canvas { max-width: 100%; max-height: 100%; object-fit: contain; } .jp-carousel-overlay .swiper-slide-zoomed { cursor: move; } /* a11y */ .jp-carousel-overlay .swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; }