@maplat/ui 0.11.5 → 0.11.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/less/swiper4.css DELETED
@@ -1,715 +0,0 @@
1
- /**
2
- * Swiper 4.5.1
3
- * Most modern mobile touch slider and framework with hardware accelerated transitions
4
- * http://www.idangero.us/swiper/
5
- *
6
- * Copyright 2014-2019 Vladimir Kharlampidi
7
- *
8
- * Released under the MIT License
9
- *
10
- * Released on: September 13, 2019
11
- */
12
- .swiper-container {
13
- margin-left: auto;
14
- margin-right: auto;
15
- position: relative;
16
- overflow: hidden;
17
- list-style: none;
18
- padding: 0;
19
- /* Fix of Webkit flickering */
20
- z-index: 1;
21
- }
22
-
23
- .swiper-container-no-flexbox .swiper-slide {
24
- float: left;
25
- }
26
-
27
- .swiper-container-vertical>.swiper-wrapper {
28
- -webkit-box-orient: vertical;
29
- -webkit-box-direction: normal;
30
- -webkit-flex-direction: column;
31
- -ms-flex-direction: column;
32
- flex-direction: column;
33
- }
34
-
35
- .swiper-wrapper {
36
- position: relative;
37
- width: 100%;
38
- height: 100%;
39
- z-index: 1;
40
- display: -webkit-box;
41
- display: -webkit-flex;
42
- display: -ms-flexbox;
43
- display: flex;
44
- -webkit-transition-property: -webkit-transform;
45
- transition-property: -webkit-transform;
46
- -o-transition-property: transform;
47
- transition-property: transform;
48
- transition-property: transform, -webkit-transform;
49
- -webkit-box-sizing: content-box;
50
- box-sizing: content-box;
51
- }
52
-
53
- .swiper-container-android .swiper-slide,
54
- .swiper-wrapper {
55
- -webkit-transform: translate3d(0px, 0, 0);
56
- transform: translate3d(0px, 0, 0);
57
- }
58
-
59
- .swiper-container-multirow>.swiper-wrapper {
60
- -webkit-flex-wrap: wrap;
61
- -ms-flex-wrap: wrap;
62
- flex-wrap: wrap;
63
- }
64
-
65
- .swiper-container-free-mode>.swiper-wrapper {
66
- -webkit-transition-timing-function: ease-out;
67
- -o-transition-timing-function: ease-out;
68
- transition-timing-function: ease-out;
69
- margin: 0 auto;
70
- }
71
-
72
- .swiper-slide {
73
- -webkit-flex-shrink: 0;
74
- -ms-flex-negative: 0;
75
- flex-shrink: 0;
76
- width: 100%;
77
- height: 100%;
78
- position: relative;
79
- -webkit-transition-property: -webkit-transform;
80
- transition-property: -webkit-transform;
81
- -o-transition-property: transform;
82
- transition-property: transform;
83
- transition-property: transform, -webkit-transform;
84
- }
85
-
86
- .swiper-slide-invisible-blank {
87
- visibility: hidden;
88
- }
89
-
90
- /* Auto Height */
91
- .swiper-container-autoheight,
92
- .swiper-container-autoheight .swiper-slide {
93
- height: auto;
94
- }
95
-
96
- .swiper-container-autoheight .swiper-wrapper {
97
- -webkit-box-align: start;
98
- -webkit-align-items: flex-start;
99
- -ms-flex-align: start;
100
- align-items: flex-start;
101
- -webkit-transition-property: height, -webkit-transform;
102
- transition-property: height, -webkit-transform;
103
- -o-transition-property: transform, height;
104
- transition-property: transform, height;
105
- transition-property: transform, height, -webkit-transform;
106
- }
107
-
108
- /* 3D Effects */
109
- .swiper-container-3d {
110
- -webkit-perspective: 1200px;
111
- perspective: 1200px;
112
- }
113
-
114
- .swiper-container-3d .swiper-wrapper,
115
- .swiper-container-3d .swiper-slide,
116
- .swiper-container-3d .swiper-slide-shadow-left,
117
- .swiper-container-3d .swiper-slide-shadow-right,
118
- .swiper-container-3d .swiper-slide-shadow-top,
119
- .swiper-container-3d .swiper-slide-shadow-bottom,
120
- .swiper-container-3d .swiper-cube-shadow {
121
- -webkit-transform-style: preserve-3d;
122
- transform-style: preserve-3d;
123
- }
124
-
125
- .swiper-container-3d .swiper-slide-shadow-left,
126
- .swiper-container-3d .swiper-slide-shadow-right,
127
- .swiper-container-3d .swiper-slide-shadow-top,
128
- .swiper-container-3d .swiper-slide-shadow-bottom {
129
- position: absolute;
130
- left: 0;
131
- top: 0;
132
- width: 100%;
133
- height: 100%;
134
- pointer-events: none;
135
- z-index: 10;
136
- }
137
-
138
- .swiper-container-3d .swiper-slide-shadow-left {
139
- background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
140
- background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
141
- background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
142
- background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
143
- }
144
-
145
- .swiper-container-3d .swiper-slide-shadow-right {
146
- background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
147
- background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
148
- background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
149
- background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
150
- }
151
-
152
- .swiper-container-3d .swiper-slide-shadow-top {
153
- background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
154
- background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
155
- background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
156
- background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
157
- }
158
-
159
- .swiper-container-3d .swiper-slide-shadow-bottom {
160
- background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
161
- background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
162
- background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
163
- background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
164
- }
165
-
166
- /* IE10 Windows Phone 8 Fixes */
167
- .swiper-container-wp8-horizontal,
168
- .swiper-container-wp8-horizontal>.swiper-wrapper {
169
- -ms-touch-action: pan-y;
170
- touch-action: pan-y;
171
- }
172
-
173
- .swiper-container-wp8-vertical,
174
- .swiper-container-wp8-vertical>.swiper-wrapper {
175
- -ms-touch-action: pan-x;
176
- touch-action: pan-x;
177
- }
178
-
179
- .swiper-button-prev,
180
- .swiper-button-next {
181
- position: absolute;
182
- top: 50%;
183
- width: 27px;
184
- height: 44px;
185
- margin-top: -22px;
186
- z-index: 10;
187
- cursor: pointer;
188
- background-size: 27px 44px;
189
- background-position: center;
190
- background-repeat: no-repeat;
191
- }
192
-
193
- .swiper-button-prev.swiper-button-disabled,
194
- .swiper-button-next.swiper-button-disabled {
195
- opacity: 0.35;
196
- cursor: auto;
197
- pointer-events: none;
198
- }
199
-
200
- .swiper-button-prev,
201
- .swiper-container-rtl .swiper-button-next {
202
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
203
- left: 10px;
204
- right: auto;
205
- }
206
-
207
- .swiper-button-next,
208
- .swiper-container-rtl .swiper-button-prev {
209
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
210
- right: 10px;
211
- left: auto;
212
- }
213
-
214
- .swiper-button-prev.swiper-button-white,
215
- .swiper-container-rtl .swiper-button-next.swiper-button-white {
216
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
217
- }
218
-
219
- .swiper-button-next.swiper-button-white,
220
- .swiper-container-rtl .swiper-button-prev.swiper-button-white {
221
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
222
- }
223
-
224
- .swiper-button-prev.swiper-button-black,
225
- .swiper-container-rtl .swiper-button-next.swiper-button-black {
226
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
227
- }
228
-
229
- .swiper-button-next.swiper-button-black,
230
- .swiper-container-rtl .swiper-button-prev.swiper-button-black {
231
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
232
- }
233
-
234
- .swiper-button-lock {
235
- display: none;
236
- }
237
-
238
- .swiper-pagination {
239
- position: absolute;
240
- text-align: center;
241
- -webkit-transition: 300ms opacity;
242
- -o-transition: 300ms opacity;
243
- transition: 300ms opacity;
244
- -webkit-transform: translate3d(0, 0, 0);
245
- transform: translate3d(0, 0, 0);
246
- z-index: 10;
247
- }
248
-
249
- .swiper-pagination.swiper-pagination-hidden {
250
- opacity: 0;
251
- }
252
-
253
- /* Common Styles */
254
- .swiper-pagination-fraction,
255
- .swiper-pagination-custom,
256
- .swiper-container-horizontal>.swiper-pagination-bullets {
257
- bottom: 10px;
258
- left: 0;
259
- width: 100%;
260
- }
261
-
262
- /* Bullets */
263
- .swiper-pagination-bullets-dynamic {
264
- overflow: hidden;
265
- font-size: 0;
266
- }
267
-
268
- .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
269
- -webkit-transform: scale(0.33);
270
- -ms-transform: scale(0.33);
271
- transform: scale(0.33);
272
- position: relative;
273
- }
274
-
275
- .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
276
- -webkit-transform: scale(1);
277
- -ms-transform: scale(1);
278
- transform: scale(1);
279
- }
280
-
281
- .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
282
- -webkit-transform: scale(1);
283
- -ms-transform: scale(1);
284
- transform: scale(1);
285
- }
286
-
287
- .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
288
- -webkit-transform: scale(0.66);
289
- -ms-transform: scale(0.66);
290
- transform: scale(0.66);
291
- }
292
-
293
- .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
294
- -webkit-transform: scale(0.33);
295
- -ms-transform: scale(0.33);
296
- transform: scale(0.33);
297
- }
298
-
299
- .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
300
- -webkit-transform: scale(0.66);
301
- -ms-transform: scale(0.66);
302
- transform: scale(0.66);
303
- }
304
-
305
- .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
306
- -webkit-transform: scale(0.33);
307
- -ms-transform: scale(0.33);
308
- transform: scale(0.33);
309
- }
310
-
311
- .swiper-pagination-bullet {
312
- width: 8px;
313
- height: 8px;
314
- display: inline-block;
315
- border-radius: 100%;
316
- background: #000;
317
- opacity: 0.2;
318
- }
319
-
320
- button.swiper-pagination-bullet {
321
- border: none;
322
- margin: 0;
323
- padding: 0;
324
- -webkit-box-shadow: none;
325
- box-shadow: none;
326
- -webkit-appearance: none;
327
- -moz-appearance: none;
328
- appearance: none;
329
- }
330
-
331
- .swiper-pagination-clickable .swiper-pagination-bullet {
332
- cursor: pointer;
333
- }
334
-
335
- .swiper-pagination-bullet-active {
336
- opacity: 1;
337
- background: #007aff;
338
- }
339
-
340
- .swiper-container-vertical>.swiper-pagination-bullets {
341
- right: 10px;
342
- top: 50%;
343
- -webkit-transform: translate3d(0px, -50%, 0);
344
- transform: translate3d(0px, -50%, 0);
345
- }
346
-
347
- .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
348
- margin: 6px 0;
349
- display: block;
350
- }
351
-
352
- .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
353
- top: 50%;
354
- -webkit-transform: translateY(-50%);
355
- -ms-transform: translateY(-50%);
356
- transform: translateY(-50%);
357
- width: 8px;
358
- }
359
-
360
- .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
361
- display: inline-block;
362
- -webkit-transition: 200ms top, 200ms -webkit-transform;
363
- transition: 200ms top, 200ms -webkit-transform;
364
- -o-transition: 200ms transform, 200ms top;
365
- transition: 200ms transform, 200ms top;
366
- transition: 200ms transform, 200ms top, 200ms -webkit-transform;
367
- }
368
-
369
- .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
370
- margin: 0 4px;
371
- }
372
-
373
- .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
374
- left: 50%;
375
- -webkit-transform: translateX(-50%);
376
- -ms-transform: translateX(-50%);
377
- transform: translateX(-50%);
378
- white-space: nowrap;
379
- }
380
-
381
- .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
382
- -webkit-transition: 200ms left, 200ms -webkit-transform;
383
- transition: 200ms left, 200ms -webkit-transform;
384
- -o-transition: 200ms transform, 200ms left;
385
- transition: 200ms transform, 200ms left;
386
- transition: 200ms transform, 200ms left, 200ms -webkit-transform;
387
- }
388
-
389
- .swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
390
- -webkit-transition: 200ms right, 200ms -webkit-transform;
391
- transition: 200ms right, 200ms -webkit-transform;
392
- -o-transition: 200ms transform, 200ms right;
393
- transition: 200ms transform, 200ms right;
394
- transition: 200ms transform, 200ms right, 200ms -webkit-transform;
395
- }
396
-
397
- /* Progress */
398
- .swiper-pagination-progressbar {
399
- background: rgba(0, 0, 0, 0.25);
400
- position: absolute;
401
- }
402
-
403
- .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
404
- background: #007aff;
405
- position: absolute;
406
- left: 0;
407
- top: 0;
408
- width: 100%;
409
- height: 100%;
410
- -webkit-transform: scale(0);
411
- -ms-transform: scale(0);
412
- transform: scale(0);
413
- -webkit-transform-origin: left top;
414
- -ms-transform-origin: left top;
415
- transform-origin: left top;
416
- }
417
-
418
- .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
419
- -webkit-transform-origin: right top;
420
- -ms-transform-origin: right top;
421
- transform-origin: right top;
422
- }
423
-
424
- .swiper-container-horizontal>.swiper-pagination-progressbar,
425
- .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
426
- width: 100%;
427
- height: 4px;
428
- left: 0;
429
- top: 0;
430
- }
431
-
432
- .swiper-container-vertical>.swiper-pagination-progressbar,
433
- .swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
434
- width: 4px;
435
- height: 100%;
436
- left: 0;
437
- top: 0;
438
- }
439
-
440
- .swiper-pagination-white .swiper-pagination-bullet-active {
441
- background: #ffffff;
442
- }
443
-
444
- .swiper-pagination-progressbar.swiper-pagination-white {
445
- background: rgba(255, 255, 255, 0.25);
446
- }
447
-
448
- .swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
449
- background: #ffffff;
450
- }
451
-
452
- .swiper-pagination-black .swiper-pagination-bullet-active {
453
- background: #000000;
454
- }
455
-
456
- .swiper-pagination-progressbar.swiper-pagination-black {
457
- background: rgba(0, 0, 0, 0.25);
458
- }
459
-
460
- .swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
461
- background: #000000;
462
- }
463
-
464
- .swiper-pagination-lock {
465
- display: none;
466
- }
467
-
468
- /* Scrollbar */
469
- .swiper-scrollbar {
470
- border-radius: 10px;
471
- position: relative;
472
- -ms-touch-action: none;
473
- background: rgba(0, 0, 0, 0.1);
474
- }
475
-
476
- .swiper-container-horizontal>.swiper-scrollbar {
477
- position: absolute;
478
- left: 1%;
479
- bottom: 3px;
480
- z-index: 50;
481
- height: 5px;
482
- width: 98%;
483
- }
484
-
485
- .swiper-container-vertical>.swiper-scrollbar {
486
- position: absolute;
487
- right: 3px;
488
- top: 1%;
489
- z-index: 50;
490
- width: 5px;
491
- height: 98%;
492
- }
493
-
494
- .swiper-scrollbar-drag {
495
- height: 100%;
496
- width: 100%;
497
- position: relative;
498
- background: rgba(0, 0, 0, 0.5);
499
- border-radius: 10px;
500
- left: 0;
501
- top: 0;
502
- }
503
-
504
- .swiper-scrollbar-cursor-drag {
505
- cursor: move;
506
- }
507
-
508
- .swiper-scrollbar-lock {
509
- display: none;
510
- }
511
-
512
- .swiper-zoom-container {
513
- width: 100%;
514
- height: 100%;
515
- display: -webkit-box;
516
- display: -webkit-flex;
517
- display: -ms-flexbox;
518
- display: flex;
519
- -webkit-box-pack: center;
520
- -webkit-justify-content: center;
521
- -ms-flex-pack: center;
522
- justify-content: center;
523
- -webkit-box-align: center;
524
- -webkit-align-items: center;
525
- -ms-flex-align: center;
526
- align-items: center;
527
- text-align: center;
528
- }
529
-
530
- .swiper-zoom-container>img,
531
- .swiper-zoom-container>svg,
532
- .swiper-zoom-container>canvas {
533
- max-width: 100%;
534
- max-height: 100%;
535
- -o-object-fit: contain;
536
- object-fit: contain;
537
- }
538
-
539
- .swiper-slide-zoomed {
540
- cursor: move;
541
- }
542
-
543
- /* Preloader */
544
- .swiper-lazy-preloader {
545
- width: 42px;
546
- height: 42px;
547
- position: absolute;
548
- left: 50%;
549
- top: 50%;
550
- margin-left: -21px;
551
- margin-top: -21px;
552
- z-index: 10;
553
- -webkit-transform-origin: 50%;
554
- -ms-transform-origin: 50%;
555
- transform-origin: 50%;
556
- -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
557
- animation: swiper-preloader-spin 1s steps(12, end) infinite;
558
- }
559
-
560
- .swiper-lazy-preloader:after {
561
- display: block;
562
- content: '';
563
- width: 100%;
564
- height: 100%;
565
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
566
- background-position: 50%;
567
- background-size: 100%;
568
- background-repeat: no-repeat;
569
- }
570
-
571
- .swiper-lazy-preloader-white:after {
572
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
573
- }
574
-
575
- @-webkit-keyframes swiper-preloader-spin {
576
- 100% {
577
- -webkit-transform: rotate(360deg);
578
- transform: rotate(360deg);
579
- }
580
- }
581
-
582
- @keyframes swiper-preloader-spin {
583
- 100% {
584
- -webkit-transform: rotate(360deg);
585
- transform: rotate(360deg);
586
- }
587
- }
588
-
589
- /* a11y */
590
- .swiper-container .swiper-notification {
591
- position: absolute;
592
- left: 0;
593
- top: 0;
594
- pointer-events: none;
595
- opacity: 0;
596
- z-index: -1000;
597
- }
598
-
599
- .swiper-container-fade.swiper-container-free-mode .swiper-slide {
600
- -webkit-transition-timing-function: ease-out;
601
- -o-transition-timing-function: ease-out;
602
- transition-timing-function: ease-out;
603
- }
604
-
605
- .swiper-container-fade .swiper-slide {
606
- pointer-events: none;
607
- -webkit-transition-property: opacity;
608
- -o-transition-property: opacity;
609
- transition-property: opacity;
610
- }
611
-
612
- .swiper-container-fade .swiper-slide .swiper-slide {
613
- pointer-events: none;
614
- }
615
-
616
- .swiper-container-fade .swiper-slide-active,
617
- .swiper-container-fade .swiper-slide-active .swiper-slide-active {
618
- pointer-events: auto;
619
- }
620
-
621
- .swiper-container-cube {
622
- overflow: visible;
623
- }
624
-
625
- .swiper-container-cube .swiper-slide {
626
- pointer-events: none;
627
- -webkit-backface-visibility: hidden;
628
- backface-visibility: hidden;
629
- z-index: 1;
630
- visibility: hidden;
631
- -webkit-transform-origin: 0 0;
632
- -ms-transform-origin: 0 0;
633
- transform-origin: 0 0;
634
- width: 100%;
635
- height: 100%;
636
- }
637
-
638
- .swiper-container-cube .swiper-slide .swiper-slide {
639
- pointer-events: none;
640
- }
641
-
642
- .swiper-container-cube.swiper-container-rtl .swiper-slide {
643
- -webkit-transform-origin: 100% 0;
644
- -ms-transform-origin: 100% 0;
645
- transform-origin: 100% 0;
646
- }
647
-
648
- .swiper-container-cube .swiper-slide-active,
649
- .swiper-container-cube .swiper-slide-active .swiper-slide-active {
650
- pointer-events: auto;
651
- }
652
-
653
- .swiper-container-cube .swiper-slide-active,
654
- .swiper-container-cube .swiper-slide-next,
655
- .swiper-container-cube .swiper-slide-prev,
656
- .swiper-container-cube .swiper-slide-next+.swiper-slide {
657
- pointer-events: auto;
658
- visibility: visible;
659
- }
660
-
661
- .swiper-container-cube .swiper-slide-shadow-top,
662
- .swiper-container-cube .swiper-slide-shadow-bottom,
663
- .swiper-container-cube .swiper-slide-shadow-left,
664
- .swiper-container-cube .swiper-slide-shadow-right {
665
- z-index: 0;
666
- -webkit-backface-visibility: hidden;
667
- backface-visibility: hidden;
668
- }
669
-
670
- .swiper-container-cube .swiper-cube-shadow {
671
- position: absolute;
672
- left: 0;
673
- bottom: 0px;
674
- width: 100%;
675
- height: 100%;
676
- background: #000;
677
- opacity: 0.6;
678
- -webkit-filter: blur(50px);
679
- filter: blur(50px);
680
- z-index: 0;
681
- }
682
-
683
- .swiper-container-flip {
684
- overflow: visible;
685
- }
686
-
687
- .swiper-container-flip .swiper-slide {
688
- pointer-events: none;
689
- -webkit-backface-visibility: hidden;
690
- backface-visibility: hidden;
691
- z-index: 1;
692
- }
693
-
694
- .swiper-container-flip .swiper-slide .swiper-slide {
695
- pointer-events: none;
696
- }
697
-
698
- .swiper-container-flip .swiper-slide-active,
699
- .swiper-container-flip .swiper-slide-active .swiper-slide-active {
700
- pointer-events: auto;
701
- }
702
-
703
- .swiper-container-flip .swiper-slide-shadow-top,
704
- .swiper-container-flip .swiper-slide-shadow-bottom,
705
- .swiper-container-flip .swiper-slide-shadow-left,
706
- .swiper-container-flip .swiper-slide-shadow-right {
707
- z-index: 0;
708
- -webkit-backface-visibility: hidden;
709
- backface-visibility: hidden;
710
- }
711
-
712
- .swiper-container-coverflow .swiper-wrapper {
713
- /* Windows 8 IE 10 fix */
714
- -ms-perspective: 1200px;
715
- }