eSales Media Git repositories
Browse code

Refactor and rewrite as contao bundle

Benjamin Roth authored on04/11/2022 22:32:32
Showing1 changed files
assets/lib/swiper/6.3.3/swiper-bundle.css
History View file @cf51758
1 1 
deleted file mode 100644
... ... 
@@ -1,532 +0,0 @@
1 
-/**
2 
- * Swiper 6.3.3
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: October 9, 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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') format('woff');
16 
-  font-weight: 400;
17 
-  font-style: normal;
18 
-}
19 
-:root {
20 
-  --swiper-theme-color: #007aff;
21 
-}
22 
-.swiper-container {
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-container-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-container-android .swiper-slide,
45 
-.swiper-wrapper {
46 
-  transform: translate3d(0px, 0, 0);
47 
-}
48 
-.swiper-container-multirow > .swiper-wrapper {
49 
-  flex-wrap: wrap;
50 
-}
51 
-.swiper-container-multirow-column > .swiper-wrapper {
52 
-  flex-wrap: wrap;
53 
-  flex-direction: column;
54 
-}
55 
-.swiper-container-free-mode > .swiper-wrapper {
56 
-  transition-timing-function: ease-out;
57 
-  margin: 0 auto;
58 
-}
59 
-.swiper-slide {
60 
-  flex-shrink: 0;
61 
-  width: 100%;
62 
-  height: 100%;
63 
-  position: relative;
64 
-  transition-property: transform;
65 
-}
66 
-.swiper-slide-invisible-blank {
67 
-  visibility: hidden;
68 
-}
69 
-/* Auto Height */
70 
-.swiper-container-autoheight,
71 
-.swiper-container-autoheight .swiper-slide {
72 
-  height: auto;
73 
-}
74 
-.swiper-container-autoheight .swiper-wrapper {
75 
-  align-items: flex-start;
76 
-  transition-property: transform, height;
77 
-}
78 
-/* 3D Effects */
79 
-.swiper-container-3d {
80 
-  perspective: 1200px;
81 
-}
82 
-.swiper-container-3d .swiper-wrapper,
83 
-.swiper-container-3d .swiper-slide,
84 
-.swiper-container-3d .swiper-slide-shadow-left,
85 
-.swiper-container-3d .swiper-slide-shadow-right,
86 
-.swiper-container-3d .swiper-slide-shadow-top,
87 
-.swiper-container-3d .swiper-slide-shadow-bottom,
88 
-.swiper-container-3d .swiper-cube-shadow {
89 
-  transform-style: preserve-3d;
90 
-}
91 
-.swiper-container-3d .swiper-slide-shadow-left,
92 
-.swiper-container-3d .swiper-slide-shadow-right,
93 
-.swiper-container-3d .swiper-slide-shadow-top,
94 
-.swiper-container-3d .swiper-slide-shadow-bottom {
95 
-  position: absolute;
96 
-  left: 0;
97 
-  top: 0;
98 
-  width: 100%;
99 
-  height: 100%;
100 
-  pointer-events: none;
101 
-  z-index: 10;
102 
-}
103 
-.swiper-container-3d .swiper-slide-shadow-left {
104 
-  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
105 
-}
106 
-.swiper-container-3d .swiper-slide-shadow-right {
107 
-  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
108 
-}
109 
-.swiper-container-3d .swiper-slide-shadow-top {
110 
-  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
111 
-}
112 
-.swiper-container-3d .swiper-slide-shadow-bottom {
113 
-  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
114 
-}
115 
-/* CSS Mode */
116 
-.swiper-container-css-mode > .swiper-wrapper {
117 
-  overflow: auto;
118 
-  scrollbar-width: none;
119 
-  /* For Firefox */
120 
-  -ms-overflow-style: none;
121 
-  /* For Internet Explorer and Edge */
122 
-}
123 
-.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
124 
-  display: none;
125 
-}
126 
-.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
127 
-  scroll-snap-align: start start;
128 
-}
129 
-.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
130 
-  scroll-snap-type: x mandatory;
131 
-}
132 
-.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
133 
-  scroll-snap-type: y mandatory;
134 
-}
135 
-:root {
136 
-  --swiper-navigation-size: 44px;
137 
-  /*
138 
-  --swiper-navigation-color: var(--swiper-theme-color);
139 
-  */
140 
-}
141 
-.swiper-button-prev,
142 
-.swiper-button-next {
143 
-  position: absolute;
144 
-  top: 50%;
145 
-  width: calc(var(--swiper-navigation-size) / 44 * 27);
146 
-  height: var(--swiper-navigation-size);
147 
-  margin-top: calc(-1 * var(--swiper-navigation-size) / 2);
148 
-  z-index: 10;
149 
-  cursor: pointer;
150 
-  display: flex;
151 
-  align-items: center;
152 
-  justify-content: center;
153 
-  color: var(--swiper-navigation-color, var(--swiper-theme-color));
154 
-}
155 
-.swiper-button-prev.swiper-button-disabled,
156 
-.swiper-button-next.swiper-button-disabled {
157 
-  opacity: 0.35;
158 
-  cursor: auto;
159 
-  pointer-events: none;
160 
-}
161 
-.swiper-button-prev:after,
162 
-.swiper-button-next:after {
163 
-  font-family: swiper-icons;
164 
-  font-size: var(--swiper-navigation-size);
165 
-  text-transform: none !important;
166 
-  letter-spacing: 0;
167 
-  text-transform: none;
168 
-  font-variant: initial;
169 
-  line-height: 1;
170 
-}
171 
-.swiper-button-prev,
172 
-.swiper-container-rtl .swiper-button-next {
173 
-  left: 10px;
174 
-  right: auto;
175 
-}
176 
-.swiper-button-prev:after,
177 
-.swiper-container-rtl .swiper-button-next:after {
178 
-  content: 'prev';
179 
-}
180 
-.swiper-button-next,
181 
-.swiper-container-rtl .swiper-button-prev {
182 
-  right: 10px;
183 
-  left: auto;
184 
-}
185 
-.swiper-button-next:after,
186 
-.swiper-container-rtl .swiper-button-prev:after {
187 
-  content: 'next';
188 
-}
189 
-.swiper-button-prev.swiper-button-white,
190 
-.swiper-button-next.swiper-button-white {
191 
-  --swiper-navigation-color: #ffffff;
192 
-}
193 
-.swiper-button-prev.swiper-button-black,
194 
-.swiper-button-next.swiper-button-black {
195 
-  --swiper-navigation-color: #000000;
196 
-}
197 
-.swiper-button-lock {
198 
-  display: none;
199 
-}
200 
-:root {
201 
-  /*
202 
-  --swiper-pagination-color: var(--swiper-theme-color);
203 
-  */
204 
-}
205 
-.swiper-pagination {
206 
-  position: absolute;
207 
-  text-align: center;
208 
-  transition: 300ms opacity;
209 
-  transform: translate3d(0, 0, 0);
210 
-  z-index: 10;
211 
-}
212 
-.swiper-pagination.swiper-pagination-hidden {
213 
-  opacity: 0;
214 
-}
215 
-/* Common Styles */
216 
-.swiper-pagination-fraction,
217 
-.swiper-pagination-custom,
218 
-.swiper-container-horizontal > .swiper-pagination-bullets {
219 
-  bottom: 10px;
220 
-  left: 0;
221 
-  width: 100%;
222 
-}
223 
-/* Bullets */
224 
-.swiper-pagination-bullets-dynamic {
225 
-  overflow: hidden;
226 
-  font-size: 0;
227 
-}
228 
-.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
229 
-  transform: scale(0.33);
230 
-  position: relative;
231 
-}
232 
-.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
233 
-  transform: scale(1);
234 
-}
235 
-.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
236 
-  transform: scale(1);
237 
-}
238 
-.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
239 
-  transform: scale(0.66);
240 
-}
241 
-.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
242 
-  transform: scale(0.33);
243 
-}
244 
-.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
245 
-  transform: scale(0.66);
246 
-}
247 
-.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
248 
-  transform: scale(0.33);
249 
-}
250 
-.swiper-pagination-bullet {
251 
-  width: 8px;
252 
-  height: 8px;
253 
-  display: inline-block;
254 
-  border-radius: 100%;
255 
-  background: #000;
256 
-  opacity: 0.2;
257 
-}
258 
-button.swiper-pagination-bullet {
259 
-  border: none;
260 
-  margin: 0;
261 
-  padding: 0;
262 
-  box-shadow: none;
263 
-  -webkit-appearance: none;
264 
-     -moz-appearance: none;
265 
-          appearance: none;
266 
-}
267 
-.swiper-pagination-clickable .swiper-pagination-bullet {
268 
-  cursor: pointer;
269 
-}
270 
-.swiper-pagination-bullet-active {
271 
-  opacity: 1;
272 
-  background: var(--swiper-pagination-color, var(--swiper-theme-color));
273 
-}
274 
-.swiper-container-vertical > .swiper-pagination-bullets {
275 
-  right: 10px;
276 
-  top: 50%;
277 
-  transform: translate3d(0px, -50%, 0);
278 
-}
279 
-.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
280 
-  margin: 6px 0;
281 
-  display: block;
282 
-}
283 
-.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
284 
-  top: 50%;
285 
-  transform: translateY(-50%);
286 
-  width: 8px;
287 
-}
288 
-.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
289 
-  display: inline-block;
290 
-  transition: 200ms transform, 200ms top;
291 
-}
292 
-.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
293 
-  margin: 0 4px;
294 
-}
295 
-.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
296 
-  left: 50%;
297 
-  transform: translateX(-50%);
298 
-  white-space: nowrap;
299 
-}
300 
-.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
301 
-  transition: 200ms transform, 200ms left;
302 
-}
303 
-.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
304 
-  transition: 200ms transform, 200ms right;
305 
-}
306 
-/* Progress */
307 
-.swiper-pagination-progressbar {
308 
-  background: rgba(0, 0, 0, 0.25);
309 
-  position: absolute;
310 
-}
311 
-.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
312 
-  background: var(--swiper-pagination-color, var(--swiper-theme-color));
313 
-  position: absolute;
314 
-  left: 0;
315 
-  top: 0;
316 
-  width: 100%;
317 
-  height: 100%;
318 
-  transform: scale(0);
319 
-  transform-origin: left top;
320 
-}
321 
-.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
322 
-  transform-origin: right top;
323 
-}
324 
-.swiper-container-horizontal > .swiper-pagination-progressbar,
325 
-.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
326 
-  width: 100%;
327 
-  height: 4px;
328 
-  left: 0;
329 
-  top: 0;
330 
-}
331 
-.swiper-container-vertical > .swiper-pagination-progressbar,
332 
-.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
333 
-  width: 4px;
334 
-  height: 100%;
335 
-  left: 0;
336 
-  top: 0;
337 
-}
338 
-.swiper-pagination-white {
339 
-  --swiper-pagination-color: #ffffff;
340 
-}
341 
-.swiper-pagination-black {
342 
-  --swiper-pagination-color: #000000;
343 
-}
344 
-.swiper-pagination-lock {
345 
-  display: none;
346 
-}
347 
-/* Scrollbar */
348 
-.swiper-scrollbar {
349 
-  border-radius: 10px;
350 
-  position: relative;
351 
-  -ms-touch-action: none;
352 
-  background: rgba(0, 0, 0, 0.1);
353 
-}
354 
-.swiper-container-horizontal > .swiper-scrollbar {
355 
-  position: absolute;
356 
-  left: 1%;
357 
-  bottom: 3px;
358 
-  z-index: 50;
359 
-  height: 5px;
360 
-  width: 98%;
361 
-}
362 
-.swiper-container-vertical > .swiper-scrollbar {
363 
-  position: absolute;
364 
-  right: 3px;
365 
-  top: 1%;
366 
-  z-index: 50;
367 
-  width: 5px;
368 
-  height: 98%;
369 
-}
370 
-.swiper-scrollbar-drag {
371 
-  height: 100%;
372 
-  width: 100%;
373 
-  position: relative;
374 
-  background: rgba(0, 0, 0, 0.5);
375 
-  border-radius: 10px;
376 
-  left: 0;
377 
-  top: 0;
378 
-}
379 
-.swiper-scrollbar-cursor-drag {
380 
-  cursor: move;
381 
-}
382 
-.swiper-scrollbar-lock {
383 
-  display: none;
384 
-}
385 
-.swiper-zoom-container {
386 
-  width: 100%;
387 
-  height: 100%;
388 
-  display: flex;
389 
-  justify-content: center;
390 
-  align-items: center;
391 
-  text-align: center;
392 
-}
393 
-.swiper-zoom-container > img,
394 
-.swiper-zoom-container > svg,
395 
-.swiper-zoom-container > canvas {
396 
-  max-width: 100%;
397 
-  max-height: 100%;
398 
-  object-fit: contain;
399 
-}
400 
-.swiper-slide-zoomed {
401 
-  cursor: move;
402 
-}
403 
-/* Preloader */
404 
-:root {
405 
-  /*
406 
-  --swiper-preloader-color: var(--swiper-theme-color);
407 
-  */
408 
-}
409 
-.swiper-lazy-preloader {
410 
-  width: 42px;
411 
-  height: 42px;
412 
-  position: absolute;
413 
-  left: 50%;
414 
-  top: 50%;
415 
-  margin-left: -21px;
416 
-  margin-top: -21px;
417 
-  z-index: 10;
418 
-  transform-origin: 50%;
419 
-  animation: swiper-preloader-spin 1s infinite linear;
420 
-  box-sizing: border-box;
421 
-  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
422 
-  border-radius: 50%;
423 
-  border-top-color: transparent;
424 
-}
425 
-.swiper-lazy-preloader-white {
426 
-  --swiper-preloader-color: #fff;
427 
-}
428 
-.swiper-lazy-preloader-black {
429 
-  --swiper-preloader-color: #000;
430 
-}
431 
-@keyframes swiper-preloader-spin {
432 
-  100% {
433 
-    transform: rotate(360deg);
434 
-  }
435 
-}
436 
-/* a11y */
437 
-.swiper-container .swiper-notification {
438 
-  position: absolute;
439 
-  left: 0;
440 
-  top: 0;
441 
-  pointer-events: none;
442 
-  opacity: 0;
443 
-  z-index: -1000;
444 
-}
445 
-.swiper-container-fade.swiper-container-free-mode .swiper-slide {
446 
-  transition-timing-function: ease-out;
447 
-}
448 
-.swiper-container-fade .swiper-slide {
449 
-  pointer-events: none;
450 
-  transition-property: opacity;
451 
-}
452 
-.swiper-container-fade .swiper-slide .swiper-slide {
453 
-  pointer-events: none;
454 
-}
455 
-.swiper-container-fade .swiper-slide-active,
456 
-.swiper-container-fade .swiper-slide-active .swiper-slide-active {
457 
-  pointer-events: auto;
458 
-}
459 
-.swiper-container-cube {
460 
-  overflow: visible;
461 
-}
462 
-.swiper-container-cube .swiper-slide {
463 
-  pointer-events: none;
464 
-  -webkit-backface-visibility: hidden;
465 
-          backface-visibility: hidden;
466 
-  z-index: 1;
467 
-  visibility: hidden;
468 
-  transform-origin: 0 0;
469 
-  width: 100%;
470 
-  height: 100%;
471 
-}
472 
-.swiper-container-cube .swiper-slide .swiper-slide {
473 
-  pointer-events: none;
474 
-}
475 
-.swiper-container-cube.swiper-container-rtl .swiper-slide {
476 
-  transform-origin: 100% 0;
477 
-}
478 
-.swiper-container-cube .swiper-slide-active,
479 
-.swiper-container-cube .swiper-slide-active .swiper-slide-active {
480 
-  pointer-events: auto;
481 
-}
482 
-.swiper-container-cube .swiper-slide-active,
483 
-.swiper-container-cube .swiper-slide-next,
484 
-.swiper-container-cube .swiper-slide-prev,
485 
-.swiper-container-cube .swiper-slide-next + .swiper-slide {
486 
-  pointer-events: auto;
487 
-  visibility: visible;
488 
-}
489 
-.swiper-container-cube .swiper-slide-shadow-top,
490 
-.swiper-container-cube .swiper-slide-shadow-bottom,
491 
-.swiper-container-cube .swiper-slide-shadow-left,
492 
-.swiper-container-cube .swiper-slide-shadow-right {
493 
-  z-index: 0;
494 
-  -webkit-backface-visibility: hidden;
495 
-          backface-visibility: hidden;
496 
-}
497 
-.swiper-container-cube .swiper-cube-shadow {
498 
-  position: absolute;
499 
-  left: 0;
500 
-  bottom: 0px;
501 
-  width: 100%;
502 
-  height: 100%;
503 
-  background: #000;
504 
-  opacity: 0.6;
505 
-  -webkit-filter: blur(50px);
506 
-  filter: blur(50px);
507 
-  z-index: 0;
508 
-}
509 
-.swiper-container-flip {
510 
-  overflow: visible;
511 
-}
512 
-.swiper-container-flip .swiper-slide {
513 
-  pointer-events: none;
514 
-  -webkit-backface-visibility: hidden;
515 
-          backface-visibility: hidden;
516 
-  z-index: 1;
517 
-}
518 
-.swiper-container-flip .swiper-slide .swiper-slide {
519 
-  pointer-events: none;
520 
-}
521 
-.swiper-container-flip .swiper-slide-active,
522 
-.swiper-container-flip .swiper-slide-active .swiper-slide-active {
523 
-  pointer-events: auto;
524 
-}
525 
-.swiper-container-flip .swiper-slide-shadow-top,
526 
-.swiper-container-flip .swiper-slide-shadow-bottom,
527 
-.swiper-container-flip .swiper-slide-shadow-left,
528 
-.swiper-container-flip .swiper-slide-shadow-right {
529 
-  z-index: 0;
530 
-  -webkit-backface-visibility: hidden;
531 
-          backface-visibility: hidden;
532 
-}
Browse code

swiper.js version 6.3.3

Benjamin Roth authored on13/10/2020 19:31:56
Showing1 changed files
assets/lib/swiper/6.3.3/swiper-bundle.css
History View file @6796b82
1 1 
new file mode 100644
... ... 
@@ -0,0 +1,532 @@
1 
+/**
2 
+ * Swiper 6.3.3
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: October 9, 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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') format('woff');
16 
+  font-weight: 400;
17 
+  font-style: normal;
18 
+}
19 
+:root {
20 
+  --swiper-theme-color: #007aff;
21 
+}
22 
+.swiper-container {
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-container-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-container-android .swiper-slide,
45 
+.swiper-wrapper {
46 
+  transform: translate3d(0px, 0, 0);
47 
+}
48 
+.swiper-container-multirow > .swiper-wrapper {
49 
+  flex-wrap: wrap;
50 
+}
51 
+.swiper-container-multirow-column > .swiper-wrapper {
52 
+  flex-wrap: wrap;
53 
+  flex-direction: column;
54 
+}
55 
+.swiper-container-free-mode > .swiper-wrapper {
56 
+  transition-timing-function: ease-out;
57 
+  margin: 0 auto;
58 
+}
59 
+.swiper-slide {
60 
+  flex-shrink: 0;
61 
+  width: 100%;
62 
+  height: 100%;
63 
+  position: relative;
64 
+  transition-property: transform;
65 
+}
66 
+.swiper-slide-invisible-blank {
67 
+  visibility: hidden;
68 
+}
69 
+/* Auto Height */
70 
+.swiper-container-autoheight,
71 
+.swiper-container-autoheight .swiper-slide {
72 
+  height: auto;
73 
+}
74 
+.swiper-container-autoheight .swiper-wrapper {
75 
+  align-items: flex-start;
76 
+  transition-property: transform, height;
77 
+}
78 
+/* 3D Effects */
79 
+.swiper-container-3d {
80 
+  perspective: 1200px;
81 
+}
82 
+.swiper-container-3d .swiper-wrapper,
83 
+.swiper-container-3d .swiper-slide,
84 
+.swiper-container-3d .swiper-slide-shadow-left,
85 
+.swiper-container-3d .swiper-slide-shadow-right,
86 
+.swiper-container-3d .swiper-slide-shadow-top,
87 
+.swiper-container-3d .swiper-slide-shadow-bottom,
88 
+.swiper-container-3d .swiper-cube-shadow {
89 
+  transform-style: preserve-3d;
90 
+}
91 
+.swiper-container-3d .swiper-slide-shadow-left,
92 
+.swiper-container-3d .swiper-slide-shadow-right,
93 
+.swiper-container-3d .swiper-slide-shadow-top,
94 
+.swiper-container-3d .swiper-slide-shadow-bottom {
95 
+  position: absolute;
96 
+  left: 0;
97 
+  top: 0;
98 
+  width: 100%;
99 
+  height: 100%;
100 
+  pointer-events: none;
101 
+  z-index: 10;
102 
+}
103 
+.swiper-container-3d .swiper-slide-shadow-left {
104 
+  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
105 
+}
106 
+.swiper-container-3d .swiper-slide-shadow-right {
107 
+  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
108 
+}
109 
+.swiper-container-3d .swiper-slide-shadow-top {
110 
+  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
111 
+}
112 
+.swiper-container-3d .swiper-slide-shadow-bottom {
113 
+  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
114 
+}
115 
+/* CSS Mode */
116 
+.swiper-container-css-mode > .swiper-wrapper {
117 
+  overflow: auto;
118 
+  scrollbar-width: none;
119 
+  /* For Firefox */
120 
+  -ms-overflow-style: none;
121 
+  /* For Internet Explorer and Edge */
122 
+}
123 
+.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
124 
+  display: none;
125 
+}
126 
+.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
127 
+  scroll-snap-align: start start;
128 
+}
129 
+.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
130 
+  scroll-snap-type: x mandatory;
131 
+}
132 
+.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
133 
+  scroll-snap-type: y mandatory;
134 
+}
135 
+:root {
136 
+  --swiper-navigation-size: 44px;
137 
+  /*
138 
+  --swiper-navigation-color: var(--swiper-theme-color);
139 
+  */
140 
+}
141 
+.swiper-button-prev,
142 
+.swiper-button-next {
143 
+  position: absolute;
144 
+  top: 50%;
145 
+  width: calc(var(--swiper-navigation-size) / 44 * 27);
146 
+  height: var(--swiper-navigation-size);
147 
+  margin-top: calc(-1 * var(--swiper-navigation-size) / 2);
148 
+  z-index: 10;
149 
+  cursor: pointer;
150 
+  display: flex;
151 
+  align-items: center;
152 
+  justify-content: center;
153 
+  color: var(--swiper-navigation-color, var(--swiper-theme-color));
154 
+}
155 
+.swiper-button-prev.swiper-button-disabled,
156 
+.swiper-button-next.swiper-button-disabled {
157 
+  opacity: 0.35;
158 
+  cursor: auto;
159 
+  pointer-events: none;
160 
+}
161 
+.swiper-button-prev:after,
162 
+.swiper-button-next:after {
163 
+  font-family: swiper-icons;
164 
+  font-size: var(--swiper-navigation-size);
165 
+  text-transform: none !important;
166 
+  letter-spacing: 0;
167 
+  text-transform: none;
168 
+  font-variant: initial;
169 
+  line-height: 1;
170 
+}
171 
+.swiper-button-prev,
172 
+.swiper-container-rtl .swiper-button-next {
173 
+  left: 10px;
174 
+  right: auto;
175 
+}
176 
+.swiper-button-prev:after,
177 
+.swiper-container-rtl .swiper-button-next:after {
178 
+  content: 'prev';
179 
+}
180 
+.swiper-button-next,
181 
+.swiper-container-rtl .swiper-button-prev {
182 
+  right: 10px;
183 
+  left: auto;
184 
+}
185 
+.swiper-button-next:after,
186 
+.swiper-container-rtl .swiper-button-prev:after {
187 
+  content: 'next';
188 
+}
189 
+.swiper-button-prev.swiper-button-white,
190 
+.swiper-button-next.swiper-button-white {
191 
+  --swiper-navigation-color: #ffffff;
192 
+}
193 
+.swiper-button-prev.swiper-button-black,
194 
+.swiper-button-next.swiper-button-black {
195 
+  --swiper-navigation-color: #000000;
196 
+}
197 
+.swiper-button-lock {
198 
+  display: none;
199 
+}
200 
+:root {
201 
+  /*
202 
+  --swiper-pagination-color: var(--swiper-theme-color);
203 
+  */
204 
+}
205 
+.swiper-pagination {
206 
+  position: absolute;
207 
+  text-align: center;
208 
+  transition: 300ms opacity;
209 
+  transform: translate3d(0, 0, 0);
210 
+  z-index: 10;
211 
+}
212 
+.swiper-pagination.swiper-pagination-hidden {
213 
+  opacity: 0;
214 
+}
215 
+/* Common Styles */
216 
+.swiper-pagination-fraction,
217 
+.swiper-pagination-custom,
218 
+.swiper-container-horizontal > .swiper-pagination-bullets {
219 
+  bottom: 10px;
220 
+  left: 0;
221 
+  width: 100%;
222 
+}
223 
+/* Bullets */
224 
+.swiper-pagination-bullets-dynamic {
225 
+  overflow: hidden;
226 
+  font-size: 0;
227 
+}
228 
+.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
229 
+  transform: scale(0.33);
230 
+  position: relative;
231 
+}
232 
+.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
233 
+  transform: scale(1);
234 
+}
235 
+.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
236 
+  transform: scale(1);
237 
+}
238 
+.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
239 
+  transform: scale(0.66);
240 
+}
241 
+.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
242 
+  transform: scale(0.33);
243 
+}
244 
+.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
245 
+  transform: scale(0.66);
246 
+}
247 
+.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
248 
+  transform: scale(0.33);
249 
+}
250 
+.swiper-pagination-bullet {
251 
+  width: 8px;
252 
+  height: 8px;
253 
+  display: inline-block;
254 
+  border-radius: 100%;
255 
+  background: #000;
256 
+  opacity: 0.2;
257 
+}
258 
+button.swiper-pagination-bullet {
259 
+  border: none;
260 
+  margin: 0;
261 
+  padding: 0;
262 
+  box-shadow: none;
263 
+  -webkit-appearance: none;
264 
+     -moz-appearance: none;
265 
+          appearance: none;
266 
+}
267 
+.swiper-pagination-clickable .swiper-pagination-bullet {
268 
+  cursor: pointer;
269 
+}
270 
+.swiper-pagination-bullet-active {
271 
+  opacity: 1;
272 
+  background: var(--swiper-pagination-color, var(--swiper-theme-color));
273 
+}
274 
+.swiper-container-vertical > .swiper-pagination-bullets {
275 
+  right: 10px;
276 
+  top: 50%;
277 
+  transform: translate3d(0px, -50%, 0);
278 
+}
279 
+.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
280 
+  margin: 6px 0;
281 
+  display: block;
282 
+}
283 
+.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
284 
+  top: 50%;
285 
+  transform: translateY(-50%);
286 
+  width: 8px;
287 
+}
288 
+.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
289 
+  display: inline-block;
290 
+  transition: 200ms transform, 200ms top;
291 
+}
292 
+.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
293 
+  margin: 0 4px;
294 
+}
295 
+.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
296 
+  left: 50%;
297 
+  transform: translateX(-50%);
298 
+  white-space: nowrap;
299 
+}
300 
+.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
301 
+  transition: 200ms transform, 200ms left;
302 
+}
303 
+.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
304 
+  transition: 200ms transform, 200ms right;
305 
+}
306 
+/* Progress */
307 
+.swiper-pagination-progressbar {
308 
+  background: rgba(0, 0, 0, 0.25);
309 
+  position: absolute;
310 
+}
311 
+.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
312 
+  background: var(--swiper-pagination-color, var(--swiper-theme-color));
313 
+  position: absolute;
314 
+  left: 0;
315 
+  top: 0;
316 
+  width: 100%;
317 
+  height: 100%;
318 
+  transform: scale(0);
319 
+  transform-origin: left top;
320 
+}
321 
+.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
322 
+  transform-origin: right top;
323 
+}
324 
+.swiper-container-horizontal > .swiper-pagination-progressbar,
325 
+.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
326 
+  width: 100%;
327 
+  height: 4px;
328 
+  left: 0;
329 
+  top: 0;
330 
+}
331 
+.swiper-container-vertical > .swiper-pagination-progressbar,
332 
+.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
333 
+  width: 4px;
334 
+  height: 100%;
335 
+  left: 0;
336 
+  top: 0;
337 
+}
338 
+.swiper-pagination-white {
339 
+  --swiper-pagination-color: #ffffff;
340 
+}
341 
+.swiper-pagination-black {
342 
+  --swiper-pagination-color: #000000;
343 
+}
344 
+.swiper-pagination-lock {
345 
+  display: none;
346 
+}
347 
+/* Scrollbar */
348 
+.swiper-scrollbar {
349 
+  border-radius: 10px;
350 
+  position: relative;
351 
+  -ms-touch-action: none;
352 
+  background: rgba(0, 0, 0, 0.1);
353 
+}
354 
+.swiper-container-horizontal > .swiper-scrollbar {
355 
+  position: absolute;
356 
+  left: 1%;
357 
+  bottom: 3px;
358 
+  z-index: 50;
359 
+  height: 5px;
360 
+  width: 98%;
361 
+}
362 
+.swiper-container-vertical > .swiper-scrollbar {
363 
+  position: absolute;
364 
+  right: 3px;
365 
+  top: 1%;
366 
+  z-index: 50;
367 
+  width: 5px;
368 
+  height: 98%;
369 
+}
370 
+.swiper-scrollbar-drag {
371 
+  height: 100%;
372 
+  width: 100%;
373 
+  position: relative;
374 
+  background: rgba(0, 0, 0, 0.5);
375 
+  border-radius: 10px;
376 
+  left: 0;
377 
+  top: 0;
378 
+}
379 
+.swiper-scrollbar-cursor-drag {
380 
+  cursor: move;
381 
+}
382 
+.swiper-scrollbar-lock {
383 
+  display: none;
384 
+}
385 
+.swiper-zoom-container {
386 
+  width: 100%;
387 
+  height: 100%;
388 
+  display: flex;
389 
+  justify-content: center;
390 
+  align-items: center;
391 
+  text-align: center;
392 
+}
393 
+.swiper-zoom-container > img,
394 
+.swiper-zoom-container > svg,
395 
+.swiper-zoom-container > canvas {
396 
+  max-width: 100%;
397 
+  max-height: 100%;
398 
+  object-fit: contain;
399 
+}
400 
+.swiper-slide-zoomed {
401 
+  cursor: move;
402 
+}
403 
+/* Preloader */
404 
+:root {
405 
+  /*
406 
+  --swiper-preloader-color: var(--swiper-theme-color);
407 
+  */
408 
+}
409 
+.swiper-lazy-preloader {
410 
+  width: 42px;
411 
+  height: 42px;
412 
+  position: absolute;
413 
+  left: 50%;
414 
+  top: 50%;
415 
+  margin-left: -21px;
416 
+  margin-top: -21px;
417 
+  z-index: 10;
418 
+  transform-origin: 50%;
419 
+  animation: swiper-preloader-spin 1s infinite linear;
420 
+  box-sizing: border-box;
421 
+  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
422 
+  border-radius: 50%;
423 
+  border-top-color: transparent;
424 
+}
425 
+.swiper-lazy-preloader-white {
426 
+  --swiper-preloader-color: #fff;
427 
+}
428 
+.swiper-lazy-preloader-black {
429 
+  --swiper-preloader-color: #000;
430 
+}
431 
+@keyframes swiper-preloader-spin {
432 
+  100% {
433 
+    transform: rotate(360deg);
434 
+  }
435 
+}
436 
+/* a11y */
437 
+.swiper-container .swiper-notification {
438 
+  position: absolute;
439 
+  left: 0;
440 
+  top: 0;
441 
+  pointer-events: none;
442 
+  opacity: 0;
443 
+  z-index: -1000;
444 
+}
445 
+.swiper-container-fade.swiper-container-free-mode .swiper-slide {
446 
+  transition-timing-function: ease-out;
447 
+}
448 
+.swiper-container-fade .swiper-slide {
449 
+  pointer-events: none;
450 
+  transition-property: opacity;
451 
+}
452 
+.swiper-container-fade .swiper-slide .swiper-slide {
453 
+  pointer-events: none;
454 
+}
455 
+.swiper-container-fade .swiper-slide-active,
456 
+.swiper-container-fade .swiper-slide-active .swiper-slide-active {
457 
+  pointer-events: auto;
458 
+}
459 
+.swiper-container-cube {
460 
+  overflow: visible;
461 
+}
462 
+.swiper-container-cube .swiper-slide {
463 
+  pointer-events: none;
464 
+  -webkit-backface-visibility: hidden;
465 
+          backface-visibility: hidden;
466 
+  z-index: 1;
467 
+  visibility: hidden;
468 
+  transform-origin: 0 0;
469 
+  width: 100%;
470 
+  height: 100%;
471 
+}
472 
+.swiper-container-cube .swiper-slide .swiper-slide {
473 
+  pointer-events: none;
474 
+}
475 
+.swiper-container-cube.swiper-container-rtl .swiper-slide {
476 
+  transform-origin: 100% 0;
477 
+}
478 
+.swiper-container-cube .swiper-slide-active,
479 
+.swiper-container-cube .swiper-slide-active .swiper-slide-active {
480 
+  pointer-events: auto;
481 
+}
482 
+.swiper-container-cube .swiper-slide-active,
483 
+.swiper-container-cube .swiper-slide-next,
484 
+.swiper-container-cube .swiper-slide-prev,
485 
+.swiper-container-cube .swiper-slide-next + .swiper-slide {
486 
+  pointer-events: auto;
487 
+  visibility: visible;
488 
+}
489 
+.swiper-container-cube .swiper-slide-shadow-top,
490 
+.swiper-container-cube .swiper-slide-shadow-bottom,
491 
+.swiper-container-cube .swiper-slide-shadow-left,
492 
+.swiper-container-cube .swiper-slide-shadow-right {
493 
+  z-index: 0;
494 
+  -webkit-backface-visibility: hidden;
495 
+          backface-visibility: hidden;
496 
+}
497 
+.swiper-container-cube .swiper-cube-shadow {
498 
+  position: absolute;
499 
+  left: 0;
500 
+  bottom: 0px;
501 
+  width: 100%;
502 
+  height: 100%;
503 
+  background: #000;
504 
+  opacity: 0.6;
505 
+  -webkit-filter: blur(50px);
506 
+  filter: blur(50px);
507 
+  z-index: 0;
508 
+}
509 
+.swiper-container-flip {
510 
+  overflow: visible;
511 
+}
512 
+.swiper-container-flip .swiper-slide {
513 
+  pointer-events: none;
514 
+  -webkit-backface-visibility: hidden;
515 
+          backface-visibility: hidden;
516 
+  z-index: 1;
517 
+}
518 
+.swiper-container-flip .swiper-slide .swiper-slide {
519 
+  pointer-events: none;
520 
+}
521 
+.swiper-container-flip .swiper-slide-active,
522 
+.swiper-container-flip .swiper-slide-active .swiper-slide-active {
523 
+  pointer-events: auto;
524 
+}
525 
+.swiper-container-flip .swiper-slide-shadow-top,
526 
+.swiper-container-flip .swiper-slide-shadow-bottom,
527 
+.swiper-container-flip .swiper-slide-shadow-left,
528 
+.swiper-container-flip .swiper-slide-shadow-right {
529 
+  z-index: 0;
530 
+  -webkit-backface-visibility: hidden;
531 
+          backface-visibility: hidden;
532 
+}