UNPKG

19.3 kBCSSView Raw
1/**
2 * Swiper 8.4.7
3 * Most modern mobile touch slider and framework with hardware accelerated transitions
4 * https://swiperjs.com
5 *
6 * Copyright 2014-2023 Vladimir Kharlampidi
7 *
8 * Released under the MIT License
9 *
10 * Released on: January 30, 2023
11 */
12
13@font-face {
14 font-family: 'swiper-icons';
15 src: url('data:application/font-woff;charset=utf-8;base64, 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');
16 font-weight: 400;
17 font-style: normal;
18}
19:root {
20 --swiper-theme-color: #007aff;
21}
22.swiper {
23 margin-left: auto;
24 margin-right: auto;
25 position: relative;
26 overflow: hidden;
27 list-style: none;
28 padding: 0;
29 /* Fix of Webkit flickering */
30 z-index: 1;
31}
32.swiper-vertical > .swiper-wrapper {
33 flex-direction: column;
34}
35.swiper-wrapper {
36 position: relative;
37 width: 100%;
38 height: 100%;
39 z-index: 1;
40 display: flex;
41 transition-property: transform;
42 box-sizing: content-box;
43}
44.swiper-android .swiper-slide,
45.swiper-wrapper {
46 transform: translate3d(0px, 0, 0);
47}
48.swiper-pointer-events {
49 touch-action: pan-y;
50}
51.swiper-pointer-events.swiper-vertical {
52 touch-action: pan-x;
53}
54.swiper-slide {
55 flex-shrink: 0;
56 width: 100%;
57 height: 100%;
58 position: relative;
59 transition-property: transform;
60}
61.swiper-slide-invisible-blank {
62 visibility: hidden;
63}
64/* Auto Height */
65.swiper-autoheight,
66.swiper-autoheight .swiper-slide {
67 height: auto;
68}
69.swiper-autoheight .swiper-wrapper {
70 align-items: flex-start;
71 transition-property: transform, height;
72}
73.swiper-backface-hidden .swiper-slide {
74 transform: translateZ(0);
75 -webkit-backface-visibility: hidden;
76 backface-visibility: hidden;
77}
78/* 3D Effects */
79.swiper-3d,
80.swiper-3d.swiper-css-mode .swiper-wrapper {
81 perspective: 1200px;
82}
83.swiper-3d .swiper-wrapper,
84.swiper-3d .swiper-slide,
85.swiper-3d .swiper-slide-shadow,
86.swiper-3d .swiper-slide-shadow-left,
87.swiper-3d .swiper-slide-shadow-right,
88.swiper-3d .swiper-slide-shadow-top,
89.swiper-3d .swiper-slide-shadow-bottom,
90.swiper-3d .swiper-cube-shadow {
91 transform-style: preserve-3d;
92}
93.swiper-3d .swiper-slide-shadow,
94.swiper-3d .swiper-slide-shadow-left,
95.swiper-3d .swiper-slide-shadow-right,
96.swiper-3d .swiper-slide-shadow-top,
97.swiper-3d .swiper-slide-shadow-bottom {
98 position: absolute;
99 left: 0;
100 top: 0;
101 width: 100%;
102 height: 100%;
103 pointer-events: none;
104 z-index: 10;
105}
106.swiper-3d .swiper-slide-shadow {
107 background: rgba(0, 0, 0, 0.15);
108}
109.swiper-3d .swiper-slide-shadow-left {
110 background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
111}
112.swiper-3d .swiper-slide-shadow-right {
113 background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
114}
115.swiper-3d .swiper-slide-shadow-top {
116 background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
117}
118.swiper-3d .swiper-slide-shadow-bottom {
119 background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
120}
121/* CSS Mode */
122.swiper-css-mode > .swiper-wrapper {
123 overflow: auto;
124 scrollbar-width: none;
125 /* For Firefox */
126 -ms-overflow-style: none;
127 /* For Internet Explorer and Edge */
128}
129.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
130 display: none;
131}
132.swiper-css-mode > .swiper-wrapper > .swiper-slide {
133 scroll-snap-align: start start;
134}
135.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
136 scroll-snap-type: x mandatory;
137}
138.swiper-vertical.swiper-css-mode > .swiper-wrapper {
139 scroll-snap-type: y mandatory;
140}
141.swiper-centered > .swiper-wrapper::before {
142 content: '';
143 flex-shrink: 0;
144 order: 9999;
145}
146.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
147 margin-inline-start: var(--swiper-centered-offset-before);
148}
149.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
150 height: 100%;
151 min-height: 1px;
152 width: var(--swiper-centered-offset-after);
153}
154.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
155 margin-block-start: var(--swiper-centered-offset-before);
156}
157.swiper-centered.swiper-vertical > .swiper-wrapper::before {
158 width: 100%;
159 min-width: 1px;
160 height: var(--swiper-centered-offset-after);
161}
162.swiper-centered > .swiper-wrapper > .swiper-slide {
163 scroll-snap-align: center center;
164 scroll-snap-stop: always;
165}
166.swiper-virtual .swiper-slide {
167 -webkit-backface-visibility: hidden;
168 transform: translateZ(0);
169}
170.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
171 content: '';
172 position: absolute;
173 left: 0;
174 top: 0;
175 pointer-events: none;
176}
177.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
178 height: 1px;
179 width: var(--swiper-virtual-size);
180}
181.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
182 width: 1px;
183 height: var(--swiper-virtual-size);
184}
185:root {
186 --swiper-navigation-size: 44px;
187 /*
188 --swiper-navigation-color: var(--swiper-theme-color);
189 */
190}
191.swiper-button-prev,
192.swiper-button-next {
193 position: absolute;
194 top: 50%;
195 width: calc(var(--swiper-navigation-size) / 44 * 27);
196 height: var(--swiper-navigation-size);
197 margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
198 z-index: 10;
199 cursor: pointer;
200 display: flex;
201 align-items: center;
202 justify-content: center;
203 color: var(--swiper-navigation-color, var(--swiper-theme-color));
204}
205.swiper-button-prev.swiper-button-disabled,
206.swiper-button-next.swiper-button-disabled {
207 opacity: 0.35;
208 cursor: auto;
209 pointer-events: none;
210}
211.swiper-button-prev.swiper-button-hidden,
212.swiper-button-next.swiper-button-hidden {
213 opacity: 0;
214 cursor: auto;
215 pointer-events: none;
216}
217.swiper-navigation-disabled .swiper-button-prev,
218.swiper-navigation-disabled .swiper-button-next {
219 display: none !important;
220}
221.swiper-button-prev:after,
222.swiper-button-next:after {
223 font-family: swiper-icons;
224 font-size: var(--swiper-navigation-size);
225 text-transform: none !important;
226 letter-spacing: 0;
227 font-variant: initial;
228 line-height: 1;
229}
230.swiper-button-prev,
231.swiper-rtl .swiper-button-next {
232 left: 10px;
233 right: auto;
234}
235.swiper-button-prev:after,
236.swiper-rtl .swiper-button-next:after {
237 content: 'prev';
238}
239.swiper-button-next,
240.swiper-rtl .swiper-button-prev {
241 right: 10px;
242 left: auto;
243}
244.swiper-button-next:after,
245.swiper-rtl .swiper-button-prev:after {
246 content: 'next';
247}
248.swiper-button-lock {
249 display: none;
250}
251:root {
252 /*
253 --swiper-pagination-color: var(--swiper-theme-color);
254 --swiper-pagination-bullet-size: 8px;
255 --swiper-pagination-bullet-width: 8px;
256 --swiper-pagination-bullet-height: 8px;
257 --swiper-pagination-bullet-inactive-color: #000;
258 --swiper-pagination-bullet-inactive-opacity: 0.2;
259 --swiper-pagination-bullet-opacity: 1;
260 --swiper-pagination-bullet-horizontal-gap: 4px;
261 --swiper-pagination-bullet-vertical-gap: 6px;
262 */
263}
264.swiper-pagination {
265 position: absolute;
266 text-align: center;
267 transition: 300ms opacity;
268 transform: translate3d(0, 0, 0);
269 z-index: 10;
270}
271.swiper-pagination.swiper-pagination-hidden {
272 opacity: 0;
273}
274.swiper-pagination-disabled > .swiper-pagination,
275.swiper-pagination.swiper-pagination-disabled {
276 display: none !important;
277}
278/* Common Styles */
279.swiper-pagination-fraction,
280.swiper-pagination-custom,
281.swiper-horizontal > .swiper-pagination-bullets,
282.swiper-pagination-bullets.swiper-pagination-horizontal {
283 bottom: 10px;
284 left: 0;
285 width: 100%;
286}
287/* Bullets */
288.swiper-pagination-bullets-dynamic {
289 overflow: hidden;
290 font-size: 0;
291}
292.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
293 transform: scale(0.33);
294 position: relative;
295}
296.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
297 transform: scale(1);
298}
299.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
300 transform: scale(1);
301}
302.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
303 transform: scale(0.66);
304}
305.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
306 transform: scale(0.33);
307}
308.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
309 transform: scale(0.66);
310}
311.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
312 transform: scale(0.33);
313}
314.swiper-pagination-bullet {
315 width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
316 height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
317 display: inline-block;
318 border-radius: 50%;
319 background: var(--swiper-pagination-bullet-inactive-color, #000);
320 opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
321}
322button.swiper-pagination-bullet {
323 border: none;
324 margin: 0;
325 padding: 0;
326 box-shadow: none;
327 -webkit-appearance: none;
328 appearance: none;
329}
330.swiper-pagination-clickable .swiper-pagination-bullet {
331 cursor: pointer;
332}
333.swiper-pagination-bullet:only-child {
334 display: none !important;
335}
336.swiper-pagination-bullet-active {
337 opacity: var(--swiper-pagination-bullet-opacity, 1);
338 background: var(--swiper-pagination-color, var(--swiper-theme-color));
339}
340.swiper-vertical > .swiper-pagination-bullets,
341.swiper-pagination-vertical.swiper-pagination-bullets {
342 right: 10px;
343 top: 50%;
344 transform: translate3d(0px, -50%, 0);
345}
346.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet,
347.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
348 margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
349 display: block;
350}
351.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
352.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
353 top: 50%;
354 transform: translateY(-50%);
355 width: 8px;
356}
357.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
358.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
359 display: inline-block;
360 transition: 200ms transform, 200ms top;
361}
362.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
363.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
364 margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
365}
366.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
367.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
368 left: 50%;
369 transform: translateX(-50%);
370 white-space: nowrap;
371}
372.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
373.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
374 transition: 200ms transform, 200ms left;
375}
376.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
377 transition: 200ms transform, 200ms right;
378}
379/* Progress */
380.swiper-pagination-progressbar {
381 background: rgba(0, 0, 0, 0.25);
382 position: absolute;
383}
384.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
385 background: var(--swiper-pagination-color, var(--swiper-theme-color));
386 position: absolute;
387 left: 0;
388 top: 0;
389 width: 100%;
390 height: 100%;
391 transform: scale(0);
392 transform-origin: left top;
393}
394.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
395 transform-origin: right top;
396}
397.swiper-horizontal > .swiper-pagination-progressbar,
398.swiper-pagination-progressbar.swiper-pagination-horizontal,
399.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
400.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
401 width: 100%;
402 height: 4px;
403 left: 0;
404 top: 0;
405}
406.swiper-vertical > .swiper-pagination-progressbar,
407.swiper-pagination-progressbar.swiper-pagination-vertical,
408.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
409.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
410 width: 4px;
411 height: 100%;
412 left: 0;
413 top: 0;
414}
415.swiper-pagination-lock {
416 display: none;
417}
418/* Scrollbar */
419.swiper-scrollbar {
420 border-radius: 10px;
421 position: relative;
422 -ms-touch-action: none;
423 background: rgba(0, 0, 0, 0.1);
424}
425.swiper-scrollbar-disabled > .swiper-scrollbar,
426.swiper-scrollbar.swiper-scrollbar-disabled {
427 display: none !important;
428}
429.swiper-horizontal > .swiper-scrollbar,
430.swiper-scrollbar.swiper-scrollbar-horizontal {
431 position: absolute;
432 left: 1%;
433 bottom: 3px;
434 z-index: 50;
435 height: 5px;
436 width: 98%;
437}
438.swiper-vertical > .swiper-scrollbar,
439.swiper-scrollbar.swiper-scrollbar-vertical {
440 position: absolute;
441 right: 3px;
442 top: 1%;
443 z-index: 50;
444 width: 5px;
445 height: 98%;
446}
447.swiper-scrollbar-drag {
448 height: 100%;
449 width: 100%;
450 position: relative;
451 background: rgba(0, 0, 0, 0.5);
452 border-radius: 10px;
453 left: 0;
454 top: 0;
455}
456.swiper-scrollbar-cursor-drag {
457 cursor: move;
458}
459.swiper-scrollbar-lock {
460 display: none;
461}
462.swiper-zoom-container {
463 width: 100%;
464 height: 100%;
465 display: flex;
466 justify-content: center;
467 align-items: center;
468 text-align: center;
469}
470.swiper-zoom-container > img,
471.swiper-zoom-container > svg,
472.swiper-zoom-container > canvas {
473 max-width: 100%;
474 max-height: 100%;
475 object-fit: contain;
476}
477.swiper-slide-zoomed {
478 cursor: move;
479}
480/* Preloader */
481:root {
482 /*
483 --swiper-preloader-color: var(--swiper-theme-color);
484 */
485}
486.swiper-lazy-preloader {
487 width: 42px;
488 height: 42px;
489 position: absolute;
490 left: 50%;
491 top: 50%;
492 margin-left: -21px;
493 margin-top: -21px;
494 z-index: 10;
495 transform-origin: 50%;
496 box-sizing: border-box;
497 border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
498 border-radius: 50%;
499 border-top-color: transparent;
500}
501.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
502.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
503 animation: swiper-preloader-spin 1s infinite linear;
504}
505.swiper-lazy-preloader-white {
506 --swiper-preloader-color: #fff;
507}
508.swiper-lazy-preloader-black {
509 --swiper-preloader-color: #000;
510}
511@keyframes swiper-preloader-spin {
512 0% {
513 transform: rotate(0deg);
514 }
515 100% {
516 transform: rotate(360deg);
517 }
518}
519/* a11y */
520.swiper .swiper-notification {
521 position: absolute;
522 left: 0;
523 top: 0;
524 pointer-events: none;
525 opacity: 0;
526 z-index: -1000;
527}
528.swiper-free-mode > .swiper-wrapper {
529 transition-timing-function: ease-out;
530 margin: 0 auto;
531}
532.swiper-grid > .swiper-wrapper {
533 flex-wrap: wrap;
534}
535.swiper-grid-column > .swiper-wrapper {
536 flex-wrap: wrap;
537 flex-direction: column;
538}
539.swiper-fade.swiper-free-mode .swiper-slide {
540 transition-timing-function: ease-out;
541}
542.swiper-fade .swiper-slide {
543 pointer-events: none;
544 transition-property: opacity;
545}
546.swiper-fade .swiper-slide .swiper-slide {
547 pointer-events: none;
548}
549.swiper-fade .swiper-slide-active,
550.swiper-fade .swiper-slide-active .swiper-slide-active {
551 pointer-events: auto;
552}
553.swiper-cube {
554 overflow: visible;
555}
556.swiper-cube .swiper-slide {
557 pointer-events: none;
558 -webkit-backface-visibility: hidden;
559 backface-visibility: hidden;
560 z-index: 1;
561 visibility: hidden;
562 transform-origin: 0 0;
563 width: 100%;
564 height: 100%;
565}
566.swiper-cube .swiper-slide .swiper-slide {
567 pointer-events: none;
568}
569.swiper-cube.swiper-rtl .swiper-slide {
570 transform-origin: 100% 0;
571}
572.swiper-cube .swiper-slide-active,
573.swiper-cube .swiper-slide-active .swiper-slide-active {
574 pointer-events: auto;
575}
576.swiper-cube .swiper-slide-active,
577.swiper-cube .swiper-slide-next,
578.swiper-cube .swiper-slide-prev,
579.swiper-cube .swiper-slide-next + .swiper-slide {
580 pointer-events: auto;
581 visibility: visible;
582}
583.swiper-cube .swiper-slide-shadow-top,
584.swiper-cube .swiper-slide-shadow-bottom,
585.swiper-cube .swiper-slide-shadow-left,
586.swiper-cube .swiper-slide-shadow-right {
587 z-index: 0;
588 -webkit-backface-visibility: hidden;
589 backface-visibility: hidden;
590}
591.swiper-cube .swiper-cube-shadow {
592 position: absolute;
593 left: 0;
594 bottom: 0px;
595 width: 100%;
596 height: 100%;
597 opacity: 0.6;
598 z-index: 0;
599}
600.swiper-cube .swiper-cube-shadow:before {
601 content: '';
602 background: #000;
603 position: absolute;
604 left: 0;
605 top: 0;
606 bottom: 0;
607 right: 0;
608 filter: blur(50px);
609}
610.swiper-flip {
611 overflow: visible;
612}
613.swiper-flip .swiper-slide {
614 pointer-events: none;
615 -webkit-backface-visibility: hidden;
616 backface-visibility: hidden;
617 z-index: 1;
618}
619.swiper-flip .swiper-slide .swiper-slide {
620 pointer-events: none;
621}
622.swiper-flip .swiper-slide-active,
623.swiper-flip .swiper-slide-active .swiper-slide-active {
624 pointer-events: auto;
625}
626.swiper-flip .swiper-slide-shadow-top,
627.swiper-flip .swiper-slide-shadow-bottom,
628.swiper-flip .swiper-slide-shadow-left,
629.swiper-flip .swiper-slide-shadow-right {
630 z-index: 0;
631 -webkit-backface-visibility: hidden;
632 backface-visibility: hidden;
633}
634.swiper-creative .swiper-slide {
635 -webkit-backface-visibility: hidden;
636 backface-visibility: hidden;
637 overflow: hidden;
638 transition-property: transform, opacity, height;
639}
640.swiper-cards {
641 overflow: visible;
642}
643.swiper-cards .swiper-slide {
644 transform-origin: center bottom;
645 -webkit-backface-visibility: hidden;
646 backface-visibility: hidden;
647 overflow: hidden;
648}