@xuda.io/xuda-widget-plugin-xuda-drive 1.0.64 → 1.0.65

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