UNPKG

18.8 kBCSSView Raw
1/**
2 * Swiper 8.1.6
3 * Most modern mobile touch slider and framework with hardware accelerated transitions
4 * https://swiperjs.com
5 *
6 * Copyright 2014-2022 Vladimir Kharlampidi
7 *
8 * Released under the MIT License
9 *
10 * Released on: May 25, 2022
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}
165.swiper-virtual .swiper-slide {
166 -webkit-backface-visibility: hidden;
167 transform: translateZ(0);
168}
169.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
170 content: '';
171 position: absolute;
172 left: 0;
173 top: 0;
174 pointer-events: none;
175}
176.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
177 height: 1px;
178 width: var(--swiper-virtual-size);
179}
180.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
181 width: 1px;
182 height: var(--swiper-virtual-size);
183}
184:root {
185 --swiper-navigation-size: 44px;
186 /*
187 --swiper-navigation-color: var(--swiper-theme-color);
188 */
189}
190.swiper-button-prev,
191.swiper-button-next {
192 position: absolute;
193 top: 50%;
194 width: calc(var(--swiper-navigation-size) / 44 * 27);
195 height: var(--swiper-navigation-size);
196 margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
197 z-index: 10;
198 cursor: pointer;
199 display: flex;
200 align-items: center;
201 justify-content: center;
202 color: var(--swiper-navigation-color, var(--swiper-theme-color));
203}
204.swiper-button-prev.swiper-button-disabled,
205.swiper-button-next.swiper-button-disabled {
206 opacity: 0.35;
207 cursor: auto;
208 pointer-events: none;
209}
210.swiper-button-prev.swiper-button-hidden,
211.swiper-button-next.swiper-button-hidden {
212 opacity: 0;
213 cursor: auto;
214 pointer-events: none;
215}
216.swiper-button-prev:after,
217.swiper-button-next:after {
218 font-family: swiper-icons;
219 font-size: var(--swiper-navigation-size);
220 text-transform: none !important;
221 letter-spacing: 0;
222 font-variant: initial;
223 line-height: 1;
224}
225.swiper-button-prev,
226.swiper-rtl .swiper-button-next {
227 left: 10px;
228 right: auto;
229}
230.swiper-button-prev:after,
231.swiper-rtl .swiper-button-next:after {
232 content: 'prev';
233}
234.swiper-button-next,
235.swiper-rtl .swiper-button-prev {
236 right: 10px;
237 left: auto;
238}
239.swiper-button-next:after,
240.swiper-rtl .swiper-button-prev:after {
241 content: 'next';
242}
243.swiper-button-lock {
244 display: none;
245}
246:root {
247 /*
248 --swiper-pagination-color: var(--swiper-theme-color);
249 --swiper-pagination-bullet-size: 8px;
250 --swiper-pagination-bullet-width: 8px;
251 --swiper-pagination-bullet-height: 8px;
252 --swiper-pagination-bullet-inactive-color: #000;
253 --swiper-pagination-bullet-inactive-opacity: 0.2;
254 --swiper-pagination-bullet-opacity: 1;
255 --swiper-pagination-bullet-horizontal-gap: 4px;
256 --swiper-pagination-bullet-vertical-gap: 6px;
257 */
258}
259.swiper-pagination {
260 position: absolute;
261 text-align: center;
262 transition: 300ms opacity;
263 transform: translate3d(0, 0, 0);
264 z-index: 10;
265}
266.swiper-pagination.swiper-pagination-hidden {
267 opacity: 0;
268}
269/* Common Styles */
270.swiper-pagination-fraction,
271.swiper-pagination-custom,
272.swiper-horizontal > .swiper-pagination-bullets,
273.swiper-pagination-bullets.swiper-pagination-horizontal {
274 bottom: 10px;
275 left: 0;
276 width: 100%;
277}
278/* Bullets */
279.swiper-pagination-bullets-dynamic {
280 overflow: hidden;
281 font-size: 0;
282}
283.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
284 transform: scale(0.33);
285 position: relative;
286}
287.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
288 transform: scale(1);
289}
290.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
291 transform: scale(1);
292}
293.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
294 transform: scale(0.66);
295}
296.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
297 transform: scale(0.33);
298}
299.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
300 transform: scale(0.66);
301}
302.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
303 transform: scale(0.33);
304}
305.swiper-pagination-bullet {
306 width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
307 height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
308 display: inline-block;
309 border-radius: 50%;
310 background: var(--swiper-pagination-bullet-inactive-color, #000);
311 opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
312}
313button.swiper-pagination-bullet {
314 border: none;
315 margin: 0;
316 padding: 0;
317 box-shadow: none;
318 -webkit-appearance: none;
319 appearance: none;
320}
321.swiper-pagination-clickable .swiper-pagination-bullet {
322 cursor: pointer;
323}
324.swiper-pagination-bullet:only-child {
325 display: none !important;
326}
327.swiper-pagination-bullet-active {
328 opacity: var(--swiper-pagination-bullet-opacity, 1);
329 background: var(--swiper-pagination-color, var(--swiper-theme-color));
330}
331.swiper-vertical > .swiper-pagination-bullets,
332.swiper-pagination-vertical.swiper-pagination-bullets {
333 right: 10px;
334 top: 50%;
335 transform: translate3d(0px, -50%, 0);
336}
337.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet,
338.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
339 margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
340 display: block;
341}
342.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
343.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
344 top: 50%;
345 transform: translateY(-50%);
346 width: 8px;
347}
348.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
349.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
350 display: inline-block;
351 transition: 200ms transform, 200ms top;
352}
353.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
354.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
355 margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
356}
357.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
358.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
359 left: 50%;
360 transform: translateX(-50%);
361 white-space: nowrap;
362}
363.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
364.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
365 transition: 200ms transform, 200ms left;
366}
367.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
368 transition: 200ms transform, 200ms right;
369}
370/* Progress */
371.swiper-pagination-progressbar {
372 background: rgba(0, 0, 0, 0.25);
373 position: absolute;
374}
375.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
376 background: var(--swiper-pagination-color, var(--swiper-theme-color));
377 position: absolute;
378 left: 0;
379 top: 0;
380 width: 100%;
381 height: 100%;
382 transform: scale(0);
383 transform-origin: left top;
384}
385.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
386 transform-origin: right top;
387}
388.swiper-horizontal > .swiper-pagination-progressbar,
389.swiper-pagination-progressbar.swiper-pagination-horizontal,
390.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
391.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
392 width: 100%;
393 height: 4px;
394 left: 0;
395 top: 0;
396}
397.swiper-vertical > .swiper-pagination-progressbar,
398.swiper-pagination-progressbar.swiper-pagination-vertical,
399.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
400.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
401 width: 4px;
402 height: 100%;
403 left: 0;
404 top: 0;
405}
406.swiper-pagination-lock {
407 display: none;
408}
409/* Scrollbar */
410.swiper-scrollbar {
411 border-radius: 10px;
412 position: relative;
413 -ms-touch-action: none;
414 background: rgba(0, 0, 0, 0.1);
415}
416.swiper-horizontal > .swiper-scrollbar {
417 position: absolute;
418 left: 1%;
419 bottom: 3px;
420 z-index: 50;
421 height: 5px;
422 width: 98%;
423}
424.swiper-vertical > .swiper-scrollbar {
425 position: absolute;
426 right: 3px;
427 top: 1%;
428 z-index: 50;
429 width: 5px;
430 height: 98%;
431}
432.swiper-scrollbar-drag {
433 height: 100%;
434 width: 100%;
435 position: relative;
436 background: rgba(0, 0, 0, 0.5);
437 border-radius: 10px;
438 left: 0;
439 top: 0;
440}
441.swiper-scrollbar-cursor-drag {
442 cursor: move;
443}
444.swiper-scrollbar-lock {
445 display: none;
446}
447.swiper-zoom-container {
448 width: 100%;
449 height: 100%;
450 display: flex;
451 justify-content: center;
452 align-items: center;
453 text-align: center;
454}
455.swiper-zoom-container > img,
456.swiper-zoom-container > svg,
457.swiper-zoom-container > canvas {
458 max-width: 100%;
459 max-height: 100%;
460 object-fit: contain;
461}
462.swiper-slide-zoomed {
463 cursor: move;
464}
465/* Preloader */
466:root {
467 /*
468 --swiper-preloader-color: var(--swiper-theme-color);
469 */
470}
471.swiper-lazy-preloader {
472 width: 42px;
473 height: 42px;
474 position: absolute;
475 left: 50%;
476 top: 50%;
477 margin-left: -21px;
478 margin-top: -21px;
479 z-index: 10;
480 transform-origin: 50%;
481 box-sizing: border-box;
482 border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
483 border-radius: 50%;
484 border-top-color: transparent;
485}
486.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
487.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
488 animation: swiper-preloader-spin 1s infinite linear;
489}
490.swiper-lazy-preloader-white {
491 --swiper-preloader-color: #fff;
492}
493.swiper-lazy-preloader-black {
494 --swiper-preloader-color: #000;
495}
496@keyframes swiper-preloader-spin {
497 0% {
498 transform: rotate(0deg);
499 }
500 100% {
501 transform: rotate(360deg);
502 }
503}
504/* a11y */
505.swiper .swiper-notification {
506 position: absolute;
507 left: 0;
508 top: 0;
509 pointer-events: none;
510 opacity: 0;
511 z-index: -1000;
512}
513.swiper-free-mode > .swiper-wrapper {
514 transition-timing-function: ease-out;
515 margin: 0 auto;
516}
517.swiper-grid > .swiper-wrapper {
518 flex-wrap: wrap;
519}
520.swiper-grid-column > .swiper-wrapper {
521 flex-wrap: wrap;
522 flex-direction: column;
523}
524.swiper-fade.swiper-free-mode .swiper-slide {
525 transition-timing-function: ease-out;
526}
527.swiper-fade .swiper-slide {
528 pointer-events: none;
529 transition-property: opacity;
530}
531.swiper-fade .swiper-slide .swiper-slide {
532 pointer-events: none;
533}
534.swiper-fade .swiper-slide-active,
535.swiper-fade .swiper-slide-active .swiper-slide-active {
536 pointer-events: auto;
537}
538.swiper-cube {
539 overflow: visible;
540}
541.swiper-cube .swiper-slide {
542 pointer-events: none;
543 -webkit-backface-visibility: hidden;
544 backface-visibility: hidden;
545 z-index: 1;
546 visibility: hidden;
547 transform-origin: 0 0;
548 width: 100%;
549 height: 100%;
550}
551.swiper-cube .swiper-slide .swiper-slide {
552 pointer-events: none;
553}
554.swiper-cube.swiper-rtl .swiper-slide {
555 transform-origin: 100% 0;
556}
557.swiper-cube .swiper-slide-active,
558.swiper-cube .swiper-slide-active .swiper-slide-active {
559 pointer-events: auto;
560}
561.swiper-cube .swiper-slide-active,
562.swiper-cube .swiper-slide-next,
563.swiper-cube .swiper-slide-prev,
564.swiper-cube .swiper-slide-next + .swiper-slide {
565 pointer-events: auto;
566 visibility: visible;
567}
568.swiper-cube .swiper-slide-shadow-top,
569.swiper-cube .swiper-slide-shadow-bottom,
570.swiper-cube .swiper-slide-shadow-left,
571.swiper-cube .swiper-slide-shadow-right {
572 z-index: 0;
573 -webkit-backface-visibility: hidden;
574 backface-visibility: hidden;
575}
576.swiper-cube .swiper-cube-shadow {
577 position: absolute;
578 left: 0;
579 bottom: 0px;
580 width: 100%;
581 height: 100%;
582 opacity: 0.6;
583 z-index: 0;
584}
585.swiper-cube .swiper-cube-shadow:before {
586 content: '';
587 background: #000;
588 position: absolute;
589 left: 0;
590 top: 0;
591 bottom: 0;
592 right: 0;
593 filter: blur(50px);
594}
595.swiper-flip {
596 overflow: visible;
597}
598.swiper-flip .swiper-slide {
599 pointer-events: none;
600 -webkit-backface-visibility: hidden;
601 backface-visibility: hidden;
602 z-index: 1;
603}
604.swiper-flip .swiper-slide .swiper-slide {
605 pointer-events: none;
606}
607.swiper-flip .swiper-slide-active,
608.swiper-flip .swiper-slide-active .swiper-slide-active {
609 pointer-events: auto;
610}
611.swiper-flip .swiper-slide-shadow-top,
612.swiper-flip .swiper-slide-shadow-bottom,
613.swiper-flip .swiper-slide-shadow-left,
614.swiper-flip .swiper-slide-shadow-right {
615 z-index: 0;
616 -webkit-backface-visibility: hidden;
617 backface-visibility: hidden;
618}
619.swiper-creative .swiper-slide {
620 -webkit-backface-visibility: hidden;
621 backface-visibility: hidden;
622 overflow: hidden;
623 transition-property: transform, opacity, height;
624}
625.swiper-cards {
626 overflow: visible;
627}
628.swiper-cards .swiper-slide {
629 transform-origin: center bottom;
630 -webkit-backface-visibility: hidden;
631 backface-visibility: hidden;
632 overflow: hidden;
633}