@total_onion/onion-library 2.0.149 → 2.0.151

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.
Files changed (86) hide show
  1. package/components/block-post-type-filter-grid-v3/post-type-filter-grid-v3/post-link-widget.vue +4 -1
  2. package/components/block-raw-html-v3/raw-html-v3.js +7 -0
  3. package/components/block-raw-html-v3/raw-html-v3.scss +2 -0
  4. package/createDynamicBlockScss-v3.js +0 -1
  5. package/package.json +1 -1
  6. package/public/assetList.mjs +1 -1
  7. package/public/block-post-type-filter-grid-v3/post-type-filter-grid-v3.js +11 -11
  8. package/public/dynamicBlockScss-v3.scss +1 -0
  9. package/public/jsAssets.mjs +1 -1
  10. package/public/block-video-content-v3/video-content-v3.js +0 -11
  11. package/public/components/block-accent-image-v3/accent-image-v3.css +0 -0
  12. package/public/components/block-accent-image-v3/accent-image-v3.js +0 -7
  13. package/public/components/block-accordion-v3/accordion-v3.css +0 -474
  14. package/public/components/block-accordion-v3/accordion-v3.js +0 -117
  15. package/public/components/block-back-to-top-button-v3/back-to-top-button-v3.css +0 -62
  16. package/public/components/block-back-to-top-button-v3/back-to-top-button-v3.js +0 -12
  17. package/public/components/block-betterreviews-display-v3/betterreviews-display-v3.css +0 -96
  18. package/public/components/block-betterreviews-display-v3/betterreviews-display-v3.js +0 -7
  19. package/public/components/block-block-interactions-v3/block-interactions-v3.css +0 -34
  20. package/public/components/block-block-interactions-v3/block-interactions-v3.js +0 -44
  21. package/public/components/block-carousel-multi-layout-v3/carousel-multi-layout-v3.css +0 -928
  22. package/public/components/block-carousel-multi-layout-v3/carousel-multi-layout-v3.js +0 -169
  23. package/public/components/block-cocktail-recipe-v3/cocktail-recipe-v3.css +0 -317
  24. package/public/components/block-cocktail-recipe-v3/cocktail-recipe-v3.js +0 -93
  25. package/public/components/block-cover-link-v3/cover-link-v3.css +0 -0
  26. package/public/components/block-cover-link-v3/cover-link-v3.js +0 -7
  27. package/public/components/block-divider-v3/divider-v3.css +0 -74
  28. package/public/components/block-divider-v3/divider-v3.js +0 -7
  29. package/public/components/block-featured-image-gallery-v3/featured-image-gallery-v3.css +0 -102
  30. package/public/components/block-featured-image-gallery-v3/featured-image-gallery-v3.js +0 -44
  31. package/public/components/block-form-selection-v3/form-selection-v3.css +0 -32
  32. package/public/components/block-form-selection-v3/form-selection-v3.js +0 -61
  33. package/public/components/block-gradient-layer-v3/gradient-layer-v3.css +0 -52
  34. package/public/components/block-gradient-layer-v3/gradient-layer-v3.js +0 -7
  35. package/public/components/block-group-container-v3/group-container-v3.css +0 -323
  36. package/public/components/block-group-container-v3/group-container-v3.js +0 -7
  37. package/public/components/block-lottie-content-v3/lottie-content-v3.css +0 -0
  38. package/public/components/block-lottie-content-v3/lottie-content-v3.js +0 -25
  39. package/public/components/block-market-selector-v3/market-selector-v3.css +0 -139
  40. package/public/components/block-market-selector-v3/market-selector-v3.js +0 -7
  41. package/public/components/block-modal-form-v3/modal-form-v3.css +0 -0
  42. package/public/components/block-modal-form-v3/modal-form-v3.js +0 -44
  43. package/public/components/block-modal-form-v3/modal-form-v3.scss.css +0 -0
  44. package/public/components/block-nav-menu-container-v3/nav-menu-container-v3.css +0 -3
  45. package/public/components/block-nav-menu-container-v3/nav-menu-container-v3.js +0 -7
  46. package/public/components/block-post-info-v3/post-info-v3.css +0 -1310
  47. package/public/components/block-post-info-v3/post-info-v3.js +0 -7
  48. package/public/components/block-post-info-v3/post-info-v3.scss.css +0 -1310
  49. package/public/components/block-post-type-filter-grid-v3/post-type-filter-grid-v3.css +0 -859
  50. package/public/components/block-post-type-filter-grid-v3/post-type-filter-grid-v3.js +0 -13
  51. package/public/components/block-product-info-v3/product-info-v3.css +0 -993
  52. package/public/components/block-product-info-v3/product-info-v3.js +0 -7
  53. package/public/components/block-product-info-v3/product-info-v3.scss.css +0 -993
  54. package/public/components/block-responsive-table-v3/responsive-table-v3.css +0 -48
  55. package/public/components/block-responsive-table-v3/responsive-table-v3.js +0 -7
  56. package/public/components/block-scrolling-banner-v3/scrolling-banner-v3.css +0 -85
  57. package/public/components/block-scrolling-banner-v3/scrolling-banner-v3.js +0 -106
  58. package/public/components/block-section-separator-v3/section-separator-v3.css +0 -43
  59. package/public/components/block-section-separator-v3/section-separator-v3.js +0 -7
  60. package/public/components/block-single-column-container-v3/single-column-container-v3.css +0 -14
  61. package/public/components/block-single-column-container-v3/single-column-container-v3.js +0 -7
  62. package/public/components/block-single-responsive-image-v3/single-responsive-image-v3.css +0 -60
  63. package/public/components/block-single-responsive-image-v3/single-responsive-image-v3.js +0 -7
  64. package/public/components/block-site-copyright-notice-v3/site-copyright-notice-v3.css +0 -0
  65. package/public/components/block-site-copyright-notice-v3/site-copyright-notice-v3.js +0 -7
  66. package/public/components/block-site-logo-container-v3/site-logo-container-v3.css +0 -18
  67. package/public/components/block-site-logo-container-v3/site-logo-container-v3.js +0 -7
  68. package/public/components/block-site-title-and-tagline-v3/site-title-and-tagline-v3.css +0 -14
  69. package/public/components/block-site-title-and-tagline-v3/site-title-and-tagline-v3.js +0 -7
  70. package/public/components/block-smash-balloon-social-media-v3/smash-balloon-social-media-v3.css +0 -25
  71. package/public/components/block-smash-balloon-social-media-v3/smash-balloon-social-media-v3.js +0 -8
  72. package/public/components/block-social-networks-v3/social-networks-v3.css +0 -74
  73. package/public/components/block-social-networks-v3/social-networks-v3.js +0 -7
  74. package/public/components/block-spacer-v3/spacer-v3.css +0 -16
  75. package/public/components/block-spacer-v3/spacer-v3.js +0 -2
  76. package/public/components/block-spacer-v3/spacer-v3.scss.css +0 -16
  77. package/public/components/block-spotify-embed-v3/spotify-embed-v3.css +0 -7
  78. package/public/components/block-spotify-embed-v3/spotify-embed-v3.js +0 -7
  79. package/public/components/block-standard-content-v3/standard-content-v3.css +0 -529
  80. package/public/components/block-standard-content-v3/standard-content-v3.js +0 -7
  81. package/public/components/block-sticky-buy-cta-v3/sticky-buy-cta-v3.css +0 -0
  82. package/public/components/block-sticky-buy-cta-v3/sticky-buy-cta-v3.js +0 -7
  83. package/public/components/block-sub-group-container-v3/sub-group-container-v3.css +0 -308
  84. package/public/components/block-sub-group-container-v3/sub-group-container-v3.js +0 -2
  85. package/public/components/block-video-content-v3/video-content-v3.css +0 -105
  86. package/public/components/block-video-content-v3/video-content-v3.js +0 -11
@@ -1,928 +0,0 @@
1
- :root {
2
- --swiper-theme-color:#007aff;
3
- }
4
- :host {
5
- display: block;
6
- margin-left: auto;
7
- margin-right: auto;
8
- position: relative;
9
- z-index: 1;
10
- }
11
- .swiper {
12
- display: block;
13
- list-style: none;
14
- margin-left: auto;
15
- margin-right: auto;
16
- overflow: hidden;
17
- padding: 0;
18
- position: relative;
19
- z-index: 1;
20
- }
21
- .swiper-vertical > .swiper-wrapper {
22
- flex-direction: column;
23
- }
24
- .swiper-wrapper {
25
- box-sizing: content-box;
26
- box-sizing: initial;
27
- display: flex;
28
- height: 100%;
29
- position: relative;
30
- transition-property: transform;
31
- transition-timing-function: ease;
32
- transition-timing-function: initial;
33
- transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
34
- width: 100%;
35
- z-index: 1;
36
- }
37
- .swiper-android .swiper-slide,
38
- .swiper-ios .swiper-slide,
39
- .swiper-wrapper {
40
- transform: translateZ(0);
41
- }
42
- .swiper-horizontal {
43
- touch-action: pan-y;
44
- }
45
- .swiper-vertical {
46
- touch-action: pan-x;
47
- }
48
- .swiper-slide {
49
- display: block;
50
- flex-shrink: 0;
51
- height: 100%;
52
- position: relative;
53
- transition-property: transform;
54
- width: 100%;
55
- }
56
- .swiper-slide-invisible-blank {
57
- visibility: hidden;
58
- }
59
- .swiper-autoheight,
60
- .swiper-autoheight .swiper-slide {
61
- height: auto;
62
- }
63
- .swiper-autoheight .swiper-wrapper {
64
- align-items: flex-start;
65
- transition-property: transform, height;
66
- }
67
- .swiper-backface-hidden .swiper-slide {
68
- backface-visibility: hidden;
69
- transform: translateZ(0);
70
- }
71
- .swiper-3d.swiper-css-mode .swiper-wrapper {
72
- perspective: 1200px;
73
- }
74
- .swiper-3d .swiper-wrapper {
75
- transform-style: preserve-3d;
76
- }
77
- .swiper-3d {
78
- perspective: 1200px;
79
- }
80
- .swiper-3d .swiper-cube-shadow,
81
- .swiper-3d .swiper-slide {
82
- transform-style: preserve-3d;
83
- }
84
- .swiper-css-mode > .swiper-wrapper {
85
- overflow: auto;
86
- scrollbar-width: none;
87
- -ms-overflow-style: none;
88
- }
89
- .swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
90
- display: none;
91
- }
92
- .swiper-css-mode > .swiper-wrapper > .swiper-slide {
93
- scroll-snap-align: start start;
94
- }
95
- .swiper-css-mode.swiper-horizontal > .swiper-wrapper {
96
- scroll-snap-type: x mandatory;
97
- }
98
- .swiper-css-mode.swiper-vertical > .swiper-wrapper {
99
- scroll-snap-type: y mandatory;
100
- }
101
- .swiper-css-mode.swiper-free-mode > .swiper-wrapper {
102
- scroll-snap-type: none;
103
- }
104
- .swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
105
- scroll-snap-align: none;
106
- }
107
- .swiper-css-mode.swiper-centered > .swiper-wrapper:before {
108
- content: "";
109
- flex-shrink: 0;
110
- order: 9999;
111
- }
112
- .swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
113
- scroll-snap-align: center center;
114
- scroll-snap-stop: always;
115
- }
116
- .swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
117
- margin-left: var(--swiper-centered-offset-before);
118
- }
119
- .swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper:before {
120
- height: 100%;
121
- min-height: 1px;
122
- width: var(--swiper-centered-offset-after);
123
- }
124
- .swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
125
- margin-top: var(--swiper-centered-offset-before);
126
- }
127
- .swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper:before {
128
- height: var(--swiper-centered-offset-after);
129
- min-width: 1px;
130
- width: 100%;
131
- }
132
- .swiper-3d .swiper-slide-shadow,
133
- .swiper-3d .swiper-slide-shadow-bottom,
134
- .swiper-3d .swiper-slide-shadow-left,
135
- .swiper-3d .swiper-slide-shadow-right,
136
- .swiper-3d .swiper-slide-shadow-top {
137
- height: 100%;
138
- left: 0;
139
- pointer-events: none;
140
- position: absolute;
141
- top: 0;
142
- width: 100%;
143
- z-index: 10;
144
- }
145
- .swiper-3d .swiper-slide-shadow {
146
- background: rgba(0, 0, 0, 0.1490196078);
147
- }
148
- .swiper-3d .swiper-slide-shadow-left {
149
- background-image:
150
- linear-gradient(
151
- 270deg,
152
- rgba(0, 0, 0, 0.5019607843),
153
- rgba(0, 0, 0, 0));
154
- }
155
- .swiper-3d .swiper-slide-shadow-right {
156
- background-image:
157
- linear-gradient(
158
- 90deg,
159
- rgba(0, 0, 0, 0.5019607843),
160
- rgba(0, 0, 0, 0));
161
- }
162
- .swiper-3d .swiper-slide-shadow-top {
163
- background-image:
164
- linear-gradient(
165
- 0deg,
166
- rgba(0, 0, 0, 0.5019607843),
167
- rgba(0, 0, 0, 0));
168
- }
169
- .swiper-3d .swiper-slide-shadow-bottom {
170
- background-image:
171
- linear-gradient(
172
- 180deg,
173
- rgba(0, 0, 0, 0.5019607843),
174
- rgba(0, 0, 0, 0));
175
- }
176
- .swiper-lazy-preloader {
177
- border: 4px solid #007aff;
178
- border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
179
- border-radius: 50%;
180
- border-top: 4px solid rgba(0, 0, 0, 0);
181
- box-sizing: border-box;
182
- height: 42px;
183
- left: 50%;
184
- margin-left: -21px;
185
- margin-top: -21px;
186
- position: absolute;
187
- top: 50%;
188
- transform-origin: 50%;
189
- width: 42px;
190
- z-index: 10;
191
- }
192
- .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
193
- .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
194
- animation: swiper-preloader-spin 1s linear infinite;
195
- }
196
- .swiper-lazy-preloader-white {
197
- --swiper-preloader-color:#fff;
198
- }
199
- .swiper-lazy-preloader-black {
200
- --swiper-preloader-color:#000;
201
- }
202
- @keyframes swiper-preloader-spin {
203
- 0% {
204
- transform: rotate(0deg);
205
- }
206
- to {
207
- transform: rotate(1turn);
208
- }
209
- }
210
- .swiper-virtual .swiper-slide {
211
- -webkit-backface-visibility: hidden;
212
- transform: translateZ(0);
213
- }
214
- .swiper-virtual.swiper-css-mode .swiper-wrapper:after {
215
- content: "";
216
- left: 0;
217
- pointer-events: none;
218
- position: absolute;
219
- top: 0;
220
- }
221
- .swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper:after {
222
- height: 1px;
223
- width: var(--swiper-virtual-size);
224
- }
225
- .swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper:after {
226
- height: var(--swiper-virtual-size);
227
- width: 1px;
228
- }
229
- :root {
230
- --swiper-navigation-size:44px;
231
- }
232
- .swiper-button-next,
233
- .swiper-button-prev {
234
- align-items: center;
235
- color: #007aff;
236
- color: var(--swiper-navigation-color, var(--swiper-theme-color));
237
- cursor: pointer;
238
- display: flex;
239
- height: 44px;
240
- height: var(--swiper-navigation-size);
241
- justify-content: center;
242
- position: absolute;
243
- width: 44px;
244
- width: var(--swiper-navigation-size);
245
- z-index: 10;
246
- }
247
- .swiper-button-disabled.swiper-button-next,
248
- .swiper-button-disabled.swiper-button-prev {
249
- cursor: auto;
250
- opacity: 0.35;
251
- pointer-events: none;
252
- }
253
- .swiper-button-hidden.swiper-button-next,
254
- .swiper-button-hidden.swiper-button-prev {
255
- cursor: auto;
256
- opacity: 0;
257
- pointer-events: none;
258
- }
259
- .swiper-navigation-disabled .swiper-button-next,
260
- .swiper-navigation-disabled .swiper-button-prev {
261
- display: none !important;
262
- }
263
- .swiper-button-next svg,
264
- .swiper-button-prev svg {
265
- height: 100%;
266
- -o-object-fit: contain;
267
- object-fit: contain;
268
- transform-origin: center;
269
- width: 100%;
270
- fill: currentColor;
271
- pointer-events: none;
272
- }
273
- .swiper-button-lock {
274
- display: none;
275
- }
276
- .swiper-button-next,
277
- .swiper-button-prev {
278
- margin-top: calc(0px - 44px / 2);
279
- margin-top: calc(0px - var(--swiper-navigation-size) / 2);
280
- top: 50%;
281
- top: var(--swiper-navigation-top-offset, 50%);
282
- }
283
- .swiper-button-prev {
284
- left: 4px;
285
- left: var(--swiper-navigation-sides-offset, 4px);
286
- right: auto;
287
- }
288
- .swiper-button-prev .swiper-navigation-icon {
289
- transform: rotate(180deg);
290
- }
291
- .swiper-button-next {
292
- left: auto;
293
- right: 4px;
294
- right: var(--swiper-navigation-sides-offset, 4px);
295
- }
296
- .swiper-horizontal .swiper-button-next,
297
- .swiper-horizontal .swiper-button-prev,
298
- .swiper-horizontal ~ .swiper-button-next,
299
- .swiper-horizontal ~ .swiper-button-prev {
300
- margin-left: 0;
301
- margin-top: calc(0px - 44px / 2);
302
- margin-top: calc(0px - var(--swiper-navigation-size) / 2);
303
- top: 50%;
304
- top: var(--swiper-navigation-top-offset, 50%);
305
- }
306
- .swiper-horizontal.swiper-rtl .swiper-button-next,
307
- .swiper-horizontal.swiper-rtl ~ .swiper-button-next,
308
- .swiper-horizontal ~ .swiper-button-prev,
309
- .swiper-horizontal .swiper-button-prev {
310
- left: 4px;
311
- left: var(--swiper-navigation-sides-offset, 4px);
312
- right: auto;
313
- }
314
- .swiper-horizontal.swiper-rtl .swiper-button-prev,
315
- .swiper-horizontal.swiper-rtl ~ .swiper-button-prev,
316
- .swiper-horizontal ~ .swiper-button-next,
317
- .swiper-horizontal .swiper-button-next {
318
- left: auto;
319
- right: 4px;
320
- right: var(--swiper-navigation-sides-offset, 4px);
321
- }
322
- .swiper-horizontal.swiper-rtl .swiper-button-next .swiper-navigation-icon,
323
- .swiper-horizontal.swiper-rtl ~ .swiper-button-next .swiper-navigation-icon,
324
- .swiper-horizontal ~ .swiper-button-prev:not(.does-not-exist) .swiper-navigation-icon,
325
- .swiper-horizontal .swiper-button-prev:not(.does-not-exist) .swiper-navigation-icon {
326
- transform: rotate(180deg);
327
- }
328
- .swiper-horizontal.swiper-rtl .swiper-button-prev .swiper-navigation-icon,
329
- .swiper-horizontal.swiper-rtl ~ .swiper-button-prev .swiper-navigation-icon {
330
- transform: rotate(0deg);
331
- }
332
- .swiper-vertical .swiper-button-next,
333
- .swiper-vertical .swiper-button-prev,
334
- .swiper-vertical ~ .swiper-button-next,
335
- .swiper-vertical ~ .swiper-button-prev {
336
- left: 50%;
337
- left: var(--swiper-navigation-top-offset, 50%);
338
- margin-left: calc(0px - 44px / 2);
339
- margin-left: calc(0px - var(--swiper-navigation-size) / 2);
340
- margin-top: 0;
341
- right: auto;
342
- }
343
- .swiper-vertical .swiper-button-prev,
344
- .swiper-vertical ~ .swiper-button-prev {
345
- bottom: auto;
346
- top: 4px;
347
- top: var(--swiper-navigation-sides-offset, 4px);
348
- }
349
- .swiper-vertical .swiper-button-prev .swiper-navigation-icon,
350
- .swiper-vertical ~ .swiper-button-prev .swiper-navigation-icon {
351
- transform: rotate(-90deg);
352
- }
353
- .swiper-vertical .swiper-button-next,
354
- .swiper-vertical ~ .swiper-button-next {
355
- bottom: 4px;
356
- bottom: var(--swiper-navigation-sides-offset, 4px);
357
- top: auto;
358
- }
359
- .swiper-vertical .swiper-button-next .swiper-navigation-icon,
360
- .swiper-vertical ~ .swiper-button-next .swiper-navigation-icon {
361
- transform: rotate(90deg);
362
- }
363
- .swiper-pagination {
364
- position: absolute;
365
- text-align: center;
366
- transform: translateZ(0);
367
- transition: opacity 0.3s;
368
- z-index: 10;
369
- }
370
- .swiper-pagination.swiper-pagination-hidden {
371
- opacity: 0;
372
- }
373
- .swiper-pagination.swiper-pagination-disabled,
374
- .swiper-pagination-disabled > .swiper-pagination {
375
- display: none !important;
376
- }
377
- .swiper-horizontal > .swiper-pagination-bullets,
378
- .swiper-pagination-bullets.swiper-pagination-horizontal,
379
- .swiper-pagination-custom,
380
- .swiper-pagination-fraction {
381
- bottom: 8px;
382
- bottom: var(--swiper-pagination-bottom, 8px);
383
- left: 0;
384
- top: auto;
385
- top: var(--swiper-pagination-top, auto);
386
- width: 100%;
387
- }
388
- .swiper-pagination-bullets-dynamic {
389
- font-size: 0;
390
- overflow: hidden;
391
- }
392
- .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
393
- position: relative;
394
- transform: scale(0.33);
395
- }
396
- .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
397
- .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
398
- transform: scale(1);
399
- }
400
- .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
401
- transform: scale(0.66);
402
- }
403
- .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
404
- transform: scale(0.33);
405
- }
406
- .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
407
- transform: scale(0.66);
408
- }
409
- .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
410
- transform: scale(0.33);
411
- }
412
- .swiper-pagination-bullet {
413
- background: #000;
414
- background: var(--swiper-pagination-bullet-inactive-color, #000);
415
- border-radius: 50%;
416
- border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
417
- display: inline-block;
418
- height: 8px;
419
- height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
420
- opacity: 0.2;
421
- opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
422
- width: 8px;
423
- width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
424
- }
425
- button.swiper-pagination-bullet {
426
- -webkit-appearance: none;
427
- -moz-appearance: none;
428
- appearance: none;
429
- border: none;
430
- box-shadow: none;
431
- margin: 0;
432
- padding: 0;
433
- }
434
- .swiper-pagination-clickable .swiper-pagination-bullet {
435
- cursor: pointer;
436
- }
437
- .swiper-pagination-bullet:only-child {
438
- display: none !important;
439
- }
440
- .swiper-pagination-bullet-active {
441
- background: #007aff;
442
- background: var(--swiper-pagination-color, var(--swiper-theme-color));
443
- opacity: 1;
444
- opacity: var(--swiper-pagination-bullet-opacity, 1);
445
- }
446
- .swiper-pagination-vertical.swiper-pagination-bullets,
447
- .swiper-vertical > .swiper-pagination-bullets {
448
- left: auto;
449
- left: var(--swiper-pagination-left, auto);
450
- right: 8px;
451
- right: var(--swiper-pagination-right, 8px);
452
- top: 50%;
453
- transform: translate3d(0, -50%, 0);
454
- }
455
- .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
456
- .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
457
- display: block;
458
- margin: 6px 0;
459
- margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
460
- }
461
- .swiper-pagination-bullets-dynamic.swiper-pagination-vertical.swiper-pagination-bullets,
462
- .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
463
- top: 50%;
464
- transform: translateY(-50%);
465
- width: 8px;
466
- }
467
- .swiper-pagination-bullets-dynamic.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
468
- .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
469
- display: inline-block;
470
- transition: transform 0.2s, top 0.2s;
471
- }
472
- .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
473
- .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
474
- margin: 0 4px;
475
- margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
476
- }
477
- .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
478
- .swiper-pagination-bullets-dynamic.swiper-pagination-horizontal.swiper-pagination-bullets {
479
- left: 50%;
480
- transform: translateX(-50%);
481
- white-space: nowrap;
482
- }
483
- .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
484
- .swiper-pagination-bullets-dynamic.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
485
- transition: transform 0.2s, left 0.2s;
486
- }
487
- .swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
488
- transition: transform 0.2s, right 0.2s;
489
- }
490
- .swiper-pagination-fraction {
491
- color: inherit;
492
- color: var(--swiper-pagination-fraction-color, inherit);
493
- }
494
- .swiper-pagination-progressbar {
495
- background: rgba(0, 0, 0, 0.2509803922);
496
- background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.2509803922));
497
- position: absolute;
498
- }
499
- .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
500
- background: #007aff;
501
- background: var(--swiper-pagination-color, var(--swiper-theme-color));
502
- height: 100%;
503
- left: 0;
504
- position: absolute;
505
- top: 0;
506
- transform: scale(0);
507
- transform-origin: left top;
508
- width: 100%;
509
- }
510
- .swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
511
- transform-origin: right top;
512
- }
513
- .swiper-pagination-progressbar.swiper-pagination-horizontal,
514
- .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
515
- .swiper-horizontal > .swiper-pagination-progressbar,
516
- .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
517
- height: 4px;
518
- height: var(--swiper-pagination-progressbar-size, 4px);
519
- left: 0;
520
- top: 0;
521
- width: 100%;
522
- }
523
- .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
524
- .swiper-pagination-progressbar.swiper-pagination-vertical,
525
- .swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
526
- .swiper-vertical > .swiper-pagination-progressbar {
527
- height: 100%;
528
- left: 0;
529
- top: 0;
530
- width: 4px;
531
- width: var(--swiper-pagination-progressbar-size, 4px);
532
- }
533
- .swiper-pagination-lock {
534
- display: none;
535
- }
536
- .swiper-scrollbar {
537
- background: rgba(0, 0, 0, 0.1019607843);
538
- background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1019607843));
539
- border-radius: 10px;
540
- border-radius: var(--swiper-scrollbar-border-radius, 10px);
541
- position: relative;
542
- touch-action: none;
543
- }
544
- .swiper-scrollbar.swiper-scrollbar-disabled,
545
- .swiper-scrollbar-disabled > .swiper-scrollbar {
546
- display: none !important;
547
- }
548
- .swiper-scrollbar.swiper-scrollbar-horizontal,
549
- .swiper-horizontal > .swiper-scrollbar {
550
- bottom: 4px;
551
- bottom: var(--swiper-scrollbar-bottom, 4px);
552
- height: 4px;
553
- height: var(--swiper-scrollbar-size, 4px);
554
- left: 1%;
555
- left: var(--swiper-scrollbar-sides-offset, 1%);
556
- position: absolute;
557
- top: auto;
558
- top: var(--swiper-scrollbar-top, auto);
559
- width: calc(100% - 1% * 2);
560
- width: calc(100% - var(--swiper-scrollbar-sides-offset, 1%) * 2);
561
- z-index: 50;
562
- }
563
- .swiper-scrollbar.swiper-scrollbar-vertical,
564
- .swiper-vertical > .swiper-scrollbar {
565
- height: calc(100% - 1% * 2);
566
- height: calc(100% - var(--swiper-scrollbar-sides-offset, 1%) * 2);
567
- left: auto;
568
- left: var(--swiper-scrollbar-left, auto);
569
- position: absolute;
570
- right: 4px;
571
- right: var(--swiper-scrollbar-right, 4px);
572
- top: 1%;
573
- top: var(--swiper-scrollbar-sides-offset, 1%);
574
- width: 4px;
575
- width: var(--swiper-scrollbar-size, 4px);
576
- z-index: 50;
577
- }
578
- .swiper-scrollbar-drag {
579
- background: rgba(0, 0, 0, 0.5019607843);
580
- background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5019607843));
581
- border-radius: 10px;
582
- border-radius: var(--swiper-scrollbar-border-radius, 10px);
583
- height: 100%;
584
- left: 0;
585
- position: relative;
586
- top: 0;
587
- width: 100%;
588
- }
589
- .swiper-scrollbar-cursor-drag {
590
- cursor: move;
591
- }
592
- .swiper-scrollbar-lock {
593
- display: none;
594
- }
595
- .swiper-zoom-container {
596
- align-items: center;
597
- display: flex;
598
- height: 100%;
599
- justify-content: center;
600
- text-align: center;
601
- width: 100%;
602
- }
603
- .swiper-zoom-container > canvas,
604
- .swiper-zoom-container > img,
605
- .swiper-zoom-container > svg {
606
- max-height: 100%;
607
- max-width: 100%;
608
- -o-object-fit: contain;
609
- object-fit: contain;
610
- }
611
- .swiper-slide-zoomed {
612
- cursor: move;
613
- touch-action: none;
614
- }
615
- .swiper .swiper-notification {
616
- left: 0;
617
- opacity: 0;
618
- pointer-events: none;
619
- position: absolute;
620
- top: 0;
621
- z-index: -1000;
622
- }
623
- .swiper-free-mode > .swiper-wrapper {
624
- margin: 0 auto;
625
- transition-timing-function: ease-out;
626
- }
627
- .swiper-grid > .swiper-wrapper {
628
- flex-wrap: wrap;
629
- }
630
- .swiper-grid-column > .swiper-wrapper {
631
- flex-direction: column;
632
- flex-wrap: wrap;
633
- }
634
- .swiper-fade.swiper-free-mode .swiper-slide {
635
- transition-timing-function: ease-out;
636
- }
637
- .swiper-fade .swiper-slide {
638
- pointer-events: none;
639
- transition-property: opacity;
640
- }
641
- .swiper-fade .swiper-slide .swiper-slide {
642
- pointer-events: none;
643
- }
644
- .swiper-fade .swiper-slide-active {
645
- pointer-events: auto;
646
- }
647
- .swiper-fade .swiper-slide-active .swiper-slide-active {
648
- pointer-events: auto;
649
- }
650
- .swiper.swiper-cube {
651
- overflow: visible;
652
- }
653
- .swiper-cube .swiper-slide {
654
- backface-visibility: hidden;
655
- height: 100%;
656
- pointer-events: none;
657
- transform-origin: 0 0;
658
- visibility: hidden;
659
- width: 100%;
660
- z-index: 1;
661
- }
662
- .swiper-cube .swiper-slide .swiper-slide {
663
- pointer-events: none;
664
- }
665
- .swiper-cube.swiper-rtl .swiper-slide {
666
- transform-origin: 100% 0;
667
- }
668
- .swiper-cube .swiper-slide-active,
669
- .swiper-cube .swiper-slide-active .swiper-slide-active {
670
- pointer-events: auto;
671
- }
672
- .swiper-cube .swiper-slide-active,
673
- .swiper-cube .swiper-slide-next,
674
- .swiper-cube .swiper-slide-prev {
675
- pointer-events: auto;
676
- visibility: visible;
677
- }
678
- .swiper-cube .swiper-cube-shadow {
679
- bottom: 0;
680
- height: 100%;
681
- left: 0;
682
- opacity: 0.6;
683
- position: absolute;
684
- width: 100%;
685
- z-index: 0;
686
- }
687
- .swiper-cube .swiper-cube-shadow:before {
688
- background: #000;
689
- bottom: 0;
690
- content: "";
691
- filter: blur(50px);
692
- left: 0;
693
- position: absolute;
694
- right: 0;
695
- top: 0;
696
- }
697
- .swiper-cube .swiper-slide-next + .swiper-slide {
698
- pointer-events: auto;
699
- visibility: visible;
700
- }
701
- .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,
702
- .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,
703
- .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,
704
- .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top {
705
- backface-visibility: hidden;
706
- z-index: 0;
707
- }
708
- .swiper.swiper-flip {
709
- overflow: visible;
710
- }
711
- .swiper-flip .swiper-slide {
712
- backface-visibility: hidden;
713
- pointer-events: none;
714
- z-index: 1;
715
- }
716
- .swiper-flip .swiper-slide .swiper-slide {
717
- pointer-events: none;
718
- }
719
- .swiper-flip .swiper-slide-active,
720
- .swiper-flip .swiper-slide-active .swiper-slide-active {
721
- pointer-events: auto;
722
- }
723
- .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,
724
- .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,
725
- .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,
726
- .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top {
727
- backface-visibility: hidden;
728
- z-index: 0;
729
- }
730
- .swiper-creative .swiper-slide {
731
- backface-visibility: hidden;
732
- overflow: hidden;
733
- transition-property:
734
- transform,
735
- opacity,
736
- height;
737
- }
738
- .swiper.swiper-cards {
739
- overflow: visible;
740
- }
741
- .swiper-cards .swiper-slide {
742
- backface-visibility: hidden;
743
- overflow: hidden;
744
- transform-origin: center bottom;
745
- }
746
- .carousel-multi-layout-v3 {
747
- display: grid;
748
- grid-template: "main"/1fr;
749
- overflow-x: hidden;
750
- overflow-x: var(--block-overflow, hidden);
751
- width: 100%;
752
- position: relative;
753
- background-color: var(--carousel-bg-colour);
754
- }
755
- .carousel-multi-layout-v3__inner-container {
756
- width: 100%;
757
- height: 100%;
758
- position: relative;
759
- display: grid;
760
- grid-area: main;
761
- grid-template: "main"/1fr;
762
- }
763
- .carousel-multi-layout-v3__swiper-carousel-container {
764
- width: 100%;
765
- height: 100%;
766
- grid-area: main;
767
- top: 0;
768
- right: 0;
769
- bottom: 0;
770
- left: 0;
771
- }
772
- .carousel-multi-layout-v3__swiper-carousel-container .swiper-wrapper {
773
- height: 100%;
774
- }
775
- .carousel-multi-layout-v3 .swiper-button-disabled {
776
- pointer-events: none;
777
- opacity: 0;
778
- }
779
- .carousel-multi-layout-v3 .swiper-button-prev {
780
- left: var(--left-arrow-horizontally-mobile);
781
- }
782
- @media screen and (min-width: 768px) {
783
- .carousel-multi-layout-v3 .swiper-button-prev {
784
- left: var(--left-arrow-horizontally-portrait);
785
- }
786
- }
787
- @media screen and (min-width: 1024px) {
788
- .carousel-multi-layout-v3 .swiper-button-prev {
789
- left: var(--left-arrow-horizontally-desktop);
790
- }
791
- }
792
- .carousel-multi-layout-v3 .swiper-button-next {
793
- right: var(--right-arrow-horizontally-mobile);
794
- }
795
- @media screen and (min-width: 768px) {
796
- .carousel-multi-layout-v3 .swiper-button-next {
797
- right: var(--right-arrow-horizontally-portrait);
798
- }
799
- }
800
- @media screen and (min-width: 1024px) {
801
- .carousel-multi-layout-v3 .swiper-button-next {
802
- right: var(--right-arrow-horizontally-desktop);
803
- }
804
- }
805
- .carousel-multi-layout-v3 .swiper-button-next,
806
- .carousel-multi-layout-v3 .swiper-button-prev {
807
- top: var(--arrows-position-vertically-mobile);
808
- }
809
- @media screen and (min-width: 768px) {
810
- .carousel-multi-layout-v3 .swiper-button-next,
811
- .carousel-multi-layout-v3 .swiper-button-prev {
812
- top: var(--arrows-position-vertically-portrait);
813
- }
814
- }
815
- @media screen and (min-width: 1024px) {
816
- .carousel-multi-layout-v3 .swiper-button-next,
817
- .carousel-multi-layout-v3 .swiper-button-prev {
818
- top: var(--arrows-position-vertically-desktop);
819
- }
820
- }
821
- .carousel-multi-layout-v3 .swiper-button-next::after,
822
- .carousel-multi-layout-v3 .swiper-button-prev::after {
823
- --swiper-navigation-size: calc(var(--arrows-size-mobile) / var(--design-reference) * var(--screen-width));
824
- }
825
- @media screen and (min-width: 768px) {
826
- .carousel-multi-layout-v3 .swiper-button-next::after,
827
- .carousel-multi-layout-v3 .swiper-button-prev::after {
828
- --swiper-navigation-size: calc(var(--arrows-size-portrait) / var(--design-reference) * var(--screen-width));
829
- }
830
- }
831
- @media screen and (min-width: 1024px) {
832
- .carousel-multi-layout-v3 .swiper-button-next::after,
833
- .carousel-multi-layout-v3 .swiper-button-prev::after {
834
- --swiper-navigation-size: calc(var(--arrows-size-desktop) / var(--design-reference) * var(--screen-width));
835
- }
836
- }
837
- .carousel-multi-layout-v3 .swiper-button-next::after,
838
- .carousel-multi-layout-v3 .swiper-button-prev::after {
839
- text-rendering: auto;
840
- color: var(--swiper-arrow-colour);
841
- }
842
- .carousel-multi-layout-v3 .custom_arrow {
843
- height: auto;
844
- width: calc(var(--custom-arrows-size-mobile) / var(--design-reference) * var(--screen-width));
845
- }
846
- @media screen and (min-width: 768px) {
847
- .carousel-multi-layout-v3 .custom_arrow {
848
- width: calc(var(--custom-arrows-size-portrait) / var(--design-reference) * var(--screen-width));
849
- }
850
- }
851
- @media screen and (min-width: 1024px) {
852
- .carousel-multi-layout-v3 .custom_arrow {
853
- width: calc(var(--custom-arrows-size-desktop) / var(--design-reference) * var(--screen-width));
854
- }
855
- }
856
- .carousel-multi-layout-v3 .swiper-pagination-bullets.swiper-pagination-horizontal {
857
- bottom: auto;
858
- bottom: initial;
859
- left: auto;
860
- left: initial;
861
- width: auto;
862
- width: initial;
863
- }
864
- .carousel-multi-layout-v3 .swiper-pagination {
865
- position: relative;
866
- position: var(--element-position, relative);
867
- z-index: var(--element-z-index);
868
- align-self: var(--mobile-vertical-placement);
869
- justify-self: var(--mobile-horizontal-placement);
870
- place-self: var(--mobile-vertical-placement) var(--mobile-horizontal-placement);
871
- translate: 0 0;
872
- translate: var(--element-horizontal-offset-mobile, 0) var(--element-vertical-offset-mobile, 0);
873
- rotate: 0deg;
874
- rotate: var(--element-rotation-mobile, 0deg);
875
- }
876
- @media screen and (min-width: 1024px) {
877
- .carousel-multi-layout-v3 .swiper-pagination {
878
- align-self: var(--desktop-vertical-placement);
879
- justify-self: var(--desktop-horizontal-placement);
880
- place-self: var(--desktop-vertical-placement) var(--desktop-horizontal-placement);
881
- translate: 0 0;
882
- translate: var(--element-horizontal-offset-desktop, 0) var(--element-vertical-offset-desktop, 0);
883
- rotate: 0deg;
884
- rotate: var(--element-rotation-desktop, 0deg);
885
- }
886
- }
887
- .carousel-multi-layout-v3 .swiper-pagination-bullet {
888
- background-color: transparent;
889
- }
890
- .carousel-multi-layout-v3 .swiper-pagination-bullet-active {
891
- background-color: var(--swiper-pagination-colour);
892
- }
893
- .carousel-multi-layout-v3 .swiper-pagination-fraction {
894
- color: var(--swiper-pagination-colour);
895
- }
896
- .carousel-multi-layout-v3 .swiper-slide {
897
- opacity: var(--next-and-prev-slide-opacity-mobile);
898
- }
899
- @media screen and (min-width: 768px) {
900
- .carousel-multi-layout-v3 .swiper-slide {
901
- opacity: var(--next-and-prev-slide-opacity-portrait);
902
- }
903
- }
904
- @media screen and (min-width: 1024px) {
905
- .carousel-multi-layout-v3 .swiper-slide {
906
- opacity: var(--next-and-prev-slide-opacity-desktop);
907
- }
908
- }
909
- .carousel-multi-layout-v3 .swiper-slide-active {
910
- opacity: 1;
911
- opacity: initial;
912
- }
913
- .carousel-multi-layout-v3 .swiper-button-next,
914
- .carousel-multi-layout-v3 .swiper-button-prev {
915
- display: var(--display-arrows-mobile);
916
- }
917
- @media screen and (min-width: 768px) {
918
- .carousel-multi-layout-v3 .swiper-button-next,
919
- .carousel-multi-layout-v3 .swiper-button-prev {
920
- display: var(--display-arrows-portrait);
921
- }
922
- }
923
- @media screen and (min-width: 1024px) {
924
- .carousel-multi-layout-v3 .swiper-button-next,
925
- .carousel-multi-layout-v3 .swiper-button-prev {
926
- display: var(--display-arrows-desktop);
927
- }
928
- }