@total_onion/onion-library 2.0.22 → 2.0.24

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