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