prismic-slicemachine-to-hydrogen-jrhcn 0.1.610-alpha.0 → 0.1.610-alpha.2
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/dist/cjs/index.js +3 -3
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/styles.css +280 -280
- package/dist/esm/index.js +3 -3
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/styles.css +280 -280
- package/package.json +1 -1
package/dist/esm/styles.css
CHANGED
|
@@ -15093,6 +15093,106 @@ input#yoga:checked + label:before {
|
|
|
15093
15093
|
}
|
|
15094
15094
|
}
|
|
15095
15095
|
/* Slide styles end */
|
|
15096
|
+
:root {
|
|
15097
|
+
--swiper-navigation-size: 44px;
|
|
15098
|
+
/*
|
|
15099
|
+
--swiper-navigation-top-offset: 50%;
|
|
15100
|
+
--swiper-navigation-sides-offset: 10px;
|
|
15101
|
+
--swiper-navigation-color: var(--swiper-theme-color);
|
|
15102
|
+
*/
|
|
15103
|
+
}
|
|
15104
|
+
|
|
15105
|
+
.swiper-button-prev,
|
|
15106
|
+
.swiper-button-next {
|
|
15107
|
+
position: absolute;
|
|
15108
|
+
top: var(--swiper-navigation-top-offset, 50%);
|
|
15109
|
+
width: calc(var(--swiper-navigation-size) / 44 * 27);
|
|
15110
|
+
height: var(--swiper-navigation-size);
|
|
15111
|
+
margin-top: calc(0px - var(--swiper-navigation-size) / 2);
|
|
15112
|
+
z-index: 10;
|
|
15113
|
+
cursor: pointer;
|
|
15114
|
+
display: flex;
|
|
15115
|
+
align-items: center;
|
|
15116
|
+
justify-content: center;
|
|
15117
|
+
color: var(--swiper-navigation-color, var(--swiper-theme-color));
|
|
15118
|
+
}
|
|
15119
|
+
|
|
15120
|
+
.swiper-button-prev.swiper-button-disabled,
|
|
15121
|
+
.swiper-button-next.swiper-button-disabled {
|
|
15122
|
+
opacity: 0.35;
|
|
15123
|
+
cursor: auto;
|
|
15124
|
+
pointer-events: none;
|
|
15125
|
+
}
|
|
15126
|
+
|
|
15127
|
+
.swiper-button-prev.swiper-button-hidden,
|
|
15128
|
+
.swiper-button-next.swiper-button-hidden {
|
|
15129
|
+
opacity: 0;
|
|
15130
|
+
cursor: auto;
|
|
15131
|
+
pointer-events: none;
|
|
15132
|
+
}
|
|
15133
|
+
|
|
15134
|
+
.swiper-navigation-disabled .swiper-button-prev,
|
|
15135
|
+
.swiper-navigation-disabled .swiper-button-next {
|
|
15136
|
+
display: none !important;
|
|
15137
|
+
}
|
|
15138
|
+
|
|
15139
|
+
.swiper-button-prev svg,
|
|
15140
|
+
.swiper-button-next svg {
|
|
15141
|
+
width: 100%;
|
|
15142
|
+
height: 100%;
|
|
15143
|
+
object-fit: contain;
|
|
15144
|
+
transform-origin: center;
|
|
15145
|
+
}
|
|
15146
|
+
|
|
15147
|
+
.swiper-rtl .swiper-button-prev svg,
|
|
15148
|
+
.swiper-rtl .swiper-button-next svg {
|
|
15149
|
+
transform: rotate(180deg);
|
|
15150
|
+
}
|
|
15151
|
+
|
|
15152
|
+
.swiper-button-prev,
|
|
15153
|
+
.swiper-rtl .swiper-button-next {
|
|
15154
|
+
left: var(--swiper-navigation-sides-offset, 10px);
|
|
15155
|
+
right: auto;
|
|
15156
|
+
}
|
|
15157
|
+
|
|
15158
|
+
.swiper-button-next,
|
|
15159
|
+
.swiper-rtl .swiper-button-prev {
|
|
15160
|
+
right: var(--swiper-navigation-sides-offset, 10px);
|
|
15161
|
+
left: auto;
|
|
15162
|
+
}
|
|
15163
|
+
|
|
15164
|
+
.swiper-button-lock {
|
|
15165
|
+
display: none;
|
|
15166
|
+
}
|
|
15167
|
+
|
|
15168
|
+
/* Navigation font start */
|
|
15169
|
+
.swiper-button-prev:after,
|
|
15170
|
+
.swiper-button-next:after {
|
|
15171
|
+
font-family: swiper-icons;
|
|
15172
|
+
font-size: var(--swiper-navigation-size);
|
|
15173
|
+
text-transform: none !important;
|
|
15174
|
+
letter-spacing: 0;
|
|
15175
|
+
font-variant: initial;
|
|
15176
|
+
line-height: 1;
|
|
15177
|
+
}
|
|
15178
|
+
|
|
15179
|
+
.swiper-button-prev:after,
|
|
15180
|
+
.swiper-rtl .swiper-button-next:after {
|
|
15181
|
+
content: "prev";
|
|
15182
|
+
}
|
|
15183
|
+
|
|
15184
|
+
.swiper-button-next,
|
|
15185
|
+
.swiper-rtl .swiper-button-prev {
|
|
15186
|
+
right: var(--swiper-navigation-sides-offset, 10px);
|
|
15187
|
+
left: auto;
|
|
15188
|
+
}
|
|
15189
|
+
|
|
15190
|
+
.swiper-button-next:after,
|
|
15191
|
+
.swiper-rtl .swiper-button-prev:after {
|
|
15192
|
+
content: "next";
|
|
15193
|
+
}
|
|
15194
|
+
|
|
15195
|
+
/* Navigation font end */
|
|
15096
15196
|
:root {
|
|
15097
15197
|
/*
|
|
15098
15198
|
--swiper-scrollbar-border-radius: 10px;
|
|
@@ -15160,105 +15260,219 @@ input#yoga:checked + label:before {
|
|
|
15160
15260
|
}
|
|
15161
15261
|
|
|
15162
15262
|
:root {
|
|
15163
|
-
--swiper-navigation-size: 44px;
|
|
15164
15263
|
/*
|
|
15165
|
-
--swiper-
|
|
15166
|
-
--swiper-
|
|
15167
|
-
--swiper-
|
|
15264
|
+
--swiper-pagination-color: var(--swiper-theme-color);
|
|
15265
|
+
--swiper-pagination-left: auto;
|
|
15266
|
+
--swiper-pagination-right: 8px;
|
|
15267
|
+
--swiper-pagination-bottom: 8px;
|
|
15268
|
+
--swiper-pagination-top: auto;
|
|
15269
|
+
--swiper-pagination-fraction-color: inherit;
|
|
15270
|
+
--swiper-pagination-progressbar-bg-color: rgba(0,0,0,0.25);
|
|
15271
|
+
--swiper-pagination-progressbar-size: 4px;
|
|
15272
|
+
--swiper-pagination-bullet-size: 8px;
|
|
15273
|
+
--swiper-pagination-bullet-width: 8px;
|
|
15274
|
+
--swiper-pagination-bullet-height: 8px;
|
|
15275
|
+
--swiper-pagination-bullet-border-radius: 50%;
|
|
15276
|
+
--swiper-pagination-bullet-inactive-color: #000;
|
|
15277
|
+
--swiper-pagination-bullet-inactive-opacity: 0.2;
|
|
15278
|
+
--swiper-pagination-bullet-opacity: 1;
|
|
15279
|
+
--swiper-pagination-bullet-horizontal-gap: 4px;
|
|
15280
|
+
--swiper-pagination-bullet-vertical-gap: 6px;
|
|
15168
15281
|
*/
|
|
15169
15282
|
}
|
|
15170
15283
|
|
|
15171
|
-
.swiper-
|
|
15172
|
-
.swiper-button-next {
|
|
15284
|
+
.swiper-pagination {
|
|
15173
15285
|
position: absolute;
|
|
15174
|
-
|
|
15175
|
-
|
|
15176
|
-
|
|
15177
|
-
margin-top: calc(0px - var(--swiper-navigation-size) / 2);
|
|
15286
|
+
text-align: center;
|
|
15287
|
+
transition: 300ms opacity;
|
|
15288
|
+
transform: translate3d(0, 0, 0);
|
|
15178
15289
|
z-index: 10;
|
|
15179
|
-
cursor: pointer;
|
|
15180
|
-
display: flex;
|
|
15181
|
-
align-items: center;
|
|
15182
|
-
justify-content: center;
|
|
15183
|
-
color: var(--swiper-navigation-color, var(--swiper-theme-color));
|
|
15184
|
-
}
|
|
15185
|
-
|
|
15186
|
-
.swiper-button-prev.swiper-button-disabled,
|
|
15187
|
-
.swiper-button-next.swiper-button-disabled {
|
|
15188
|
-
opacity: 0.35;
|
|
15189
|
-
cursor: auto;
|
|
15190
|
-
pointer-events: none;
|
|
15191
15290
|
}
|
|
15192
15291
|
|
|
15193
|
-
.swiper-
|
|
15194
|
-
.swiper-button-next.swiper-button-hidden {
|
|
15292
|
+
.swiper-pagination.swiper-pagination-hidden {
|
|
15195
15293
|
opacity: 0;
|
|
15196
|
-
cursor: auto;
|
|
15197
|
-
pointer-events: none;
|
|
15198
15294
|
}
|
|
15199
15295
|
|
|
15200
|
-
.swiper-
|
|
15201
|
-
.swiper-
|
|
15296
|
+
.swiper-pagination-disabled > .swiper-pagination,
|
|
15297
|
+
.swiper-pagination.swiper-pagination-disabled {
|
|
15202
15298
|
display: none !important;
|
|
15203
15299
|
}
|
|
15204
15300
|
|
|
15205
|
-
|
|
15206
|
-
.swiper-
|
|
15301
|
+
/* Common Styles */
|
|
15302
|
+
.swiper-pagination-fraction,
|
|
15303
|
+
.swiper-pagination-custom,
|
|
15304
|
+
.swiper-horizontal > .swiper-pagination-bullets,
|
|
15305
|
+
.swiper-pagination-bullets.swiper-pagination-horizontal {
|
|
15306
|
+
bottom: var(--swiper-pagination-bottom, 8px);
|
|
15307
|
+
top: var(--swiper-pagination-top, auto);
|
|
15308
|
+
left: 0;
|
|
15207
15309
|
width: 100%;
|
|
15208
|
-
height: 100%;
|
|
15209
|
-
object-fit: contain;
|
|
15210
|
-
transform-origin: center;
|
|
15211
15310
|
}
|
|
15212
15311
|
|
|
15213
|
-
|
|
15214
|
-
.swiper-
|
|
15215
|
-
|
|
15312
|
+
/* Bullets */
|
|
15313
|
+
.swiper-pagination-bullets-dynamic {
|
|
15314
|
+
overflow: hidden;
|
|
15315
|
+
font-size: 0;
|
|
15216
15316
|
}
|
|
15217
15317
|
|
|
15218
|
-
.swiper-
|
|
15219
|
-
|
|
15220
|
-
|
|
15221
|
-
right: auto;
|
|
15318
|
+
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
|
|
15319
|
+
transform: scale(0.33);
|
|
15320
|
+
position: relative;
|
|
15222
15321
|
}
|
|
15223
15322
|
|
|
15224
|
-
.swiper-
|
|
15225
|
-
|
|
15226
|
-
right: var(--swiper-navigation-sides-offset, 10px);
|
|
15227
|
-
left: auto;
|
|
15323
|
+
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
|
|
15324
|
+
transform: scale(1);
|
|
15228
15325
|
}
|
|
15229
15326
|
|
|
15230
|
-
.swiper-
|
|
15231
|
-
|
|
15327
|
+
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
|
|
15328
|
+
transform: scale(1);
|
|
15329
|
+
}
|
|
15330
|
+
|
|
15331
|
+
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
|
|
15332
|
+
transform: scale(0.66);
|
|
15333
|
+
}
|
|
15334
|
+
|
|
15335
|
+
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
|
|
15336
|
+
transform: scale(0.33);
|
|
15337
|
+
}
|
|
15338
|
+
|
|
15339
|
+
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
|
|
15340
|
+
transform: scale(0.66);
|
|
15341
|
+
}
|
|
15342
|
+
|
|
15343
|
+
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
|
|
15344
|
+
transform: scale(0.33);
|
|
15345
|
+
}
|
|
15346
|
+
|
|
15347
|
+
.swiper-pagination-bullet {
|
|
15348
|
+
width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
|
|
15349
|
+
height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
|
|
15350
|
+
display: inline-block;
|
|
15351
|
+
border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
|
|
15352
|
+
background: var(--swiper-pagination-bullet-inactive-color, #000);
|
|
15353
|
+
opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
|
|
15354
|
+
}
|
|
15355
|
+
|
|
15356
|
+
button.swiper-pagination-bullet {
|
|
15357
|
+
border: none;
|
|
15358
|
+
margin: 0;
|
|
15359
|
+
padding: 0;
|
|
15360
|
+
box-shadow: none;
|
|
15361
|
+
-webkit-appearance: none;
|
|
15362
|
+
appearance: none;
|
|
15363
|
+
}
|
|
15364
|
+
|
|
15365
|
+
.swiper-pagination-clickable .swiper-pagination-bullet {
|
|
15366
|
+
cursor: pointer;
|
|
15367
|
+
}
|
|
15368
|
+
|
|
15369
|
+
.swiper-pagination-bullet:only-child {
|
|
15370
|
+
display: none !important;
|
|
15371
|
+
}
|
|
15372
|
+
|
|
15373
|
+
.swiper-pagination-bullet-active {
|
|
15374
|
+
opacity: var(--swiper-pagination-bullet-opacity, 1);
|
|
15375
|
+
background: var(--swiper-pagination-color, var(--swiper-theme-color));
|
|
15376
|
+
}
|
|
15377
|
+
|
|
15378
|
+
.swiper-vertical > .swiper-pagination-bullets,
|
|
15379
|
+
.swiper-pagination-vertical.swiper-pagination-bullets {
|
|
15380
|
+
right: var(--swiper-pagination-right, 8px);
|
|
15381
|
+
left: var(--swiper-pagination-left, auto);
|
|
15382
|
+
top: 50%;
|
|
15383
|
+
transform: translate3d(0px, -50%, 0);
|
|
15384
|
+
}
|
|
15385
|
+
|
|
15386
|
+
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet,
|
|
15387
|
+
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
|
|
15388
|
+
margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
|
|
15389
|
+
display: block;
|
|
15390
|
+
}
|
|
15391
|
+
|
|
15392
|
+
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
|
|
15393
|
+
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
|
|
15394
|
+
top: 50%;
|
|
15395
|
+
transform: translateY(-50%);
|
|
15396
|
+
width: 8px;
|
|
15397
|
+
}
|
|
15398
|
+
|
|
15399
|
+
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
|
|
15400
|
+
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
|
|
15401
|
+
display: inline-block;
|
|
15402
|
+
transition: 200ms transform, 200ms top;
|
|
15403
|
+
}
|
|
15404
|
+
|
|
15405
|
+
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
|
|
15406
|
+
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
|
|
15407
|
+
margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
|
|
15408
|
+
}
|
|
15409
|
+
|
|
15410
|
+
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
|
|
15411
|
+
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
|
|
15412
|
+
left: 50%;
|
|
15413
|
+
transform: translateX(-50%);
|
|
15414
|
+
white-space: nowrap;
|
|
15415
|
+
}
|
|
15416
|
+
|
|
15417
|
+
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
|
|
15418
|
+
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
|
|
15419
|
+
transition: 200ms transform, 200ms left;
|
|
15420
|
+
}
|
|
15421
|
+
|
|
15422
|
+
.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
|
|
15423
|
+
transition: 200ms transform, 200ms right;
|
|
15424
|
+
}
|
|
15425
|
+
|
|
15426
|
+
/* Fraction */
|
|
15427
|
+
.swiper-pagination-fraction {
|
|
15428
|
+
color: var(--swiper-pagination-fraction-color, inherit);
|
|
15429
|
+
}
|
|
15430
|
+
|
|
15431
|
+
/* Progress */
|
|
15432
|
+
.swiper-pagination-progressbar {
|
|
15433
|
+
background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
|
|
15434
|
+
position: absolute;
|
|
15435
|
+
}
|
|
15436
|
+
|
|
15437
|
+
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
|
|
15438
|
+
background: var(--swiper-pagination-color, var(--swiper-theme-color));
|
|
15439
|
+
position: absolute;
|
|
15440
|
+
left: 0;
|
|
15441
|
+
top: 0;
|
|
15442
|
+
width: 100%;
|
|
15443
|
+
height: 100%;
|
|
15444
|
+
transform: scale(0);
|
|
15445
|
+
transform-origin: left top;
|
|
15232
15446
|
}
|
|
15233
15447
|
|
|
15234
|
-
|
|
15235
|
-
|
|
15236
|
-
.swiper-button-next:after {
|
|
15237
|
-
font-family: swiper-icons;
|
|
15238
|
-
font-size: var(--swiper-navigation-size);
|
|
15239
|
-
text-transform: none !important;
|
|
15240
|
-
letter-spacing: 0;
|
|
15241
|
-
font-variant: initial;
|
|
15242
|
-
line-height: 1;
|
|
15448
|
+
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
|
|
15449
|
+
transform-origin: right top;
|
|
15243
15450
|
}
|
|
15244
15451
|
|
|
15245
|
-
.swiper-
|
|
15246
|
-
.swiper-
|
|
15247
|
-
|
|
15452
|
+
.swiper-horizontal > .swiper-pagination-progressbar,
|
|
15453
|
+
.swiper-pagination-progressbar.swiper-pagination-horizontal,
|
|
15454
|
+
.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
|
|
15455
|
+
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
|
|
15456
|
+
width: 100%;
|
|
15457
|
+
height: var(--swiper-pagination-progressbar-size, 4px);
|
|
15458
|
+
left: 0;
|
|
15459
|
+
top: 0;
|
|
15248
15460
|
}
|
|
15249
15461
|
|
|
15250
|
-
.swiper-
|
|
15251
|
-
.swiper-
|
|
15252
|
-
|
|
15253
|
-
|
|
15462
|
+
.swiper-vertical > .swiper-pagination-progressbar,
|
|
15463
|
+
.swiper-pagination-progressbar.swiper-pagination-vertical,
|
|
15464
|
+
.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
|
|
15465
|
+
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
|
|
15466
|
+
width: var(--swiper-pagination-progressbar-size, 4px);
|
|
15467
|
+
height: 100%;
|
|
15468
|
+
left: 0;
|
|
15469
|
+
top: 0;
|
|
15254
15470
|
}
|
|
15255
15471
|
|
|
15256
|
-
.swiper-
|
|
15257
|
-
|
|
15258
|
-
content: "next";
|
|
15472
|
+
.swiper-pagination-lock {
|
|
15473
|
+
display: none;
|
|
15259
15474
|
}
|
|
15260
15475
|
|
|
15261
|
-
/* Navigation font end */
|
|
15262
15476
|
.react-tel-input {
|
|
15263
15477
|
font-family: "Roboto", sans-serif;
|
|
15264
15478
|
font-size: 15px;
|
|
@@ -16417,218 +16631,4 @@ input#yoga:checked + label:before {
|
|
|
16417
16631
|
background: #fff;
|
|
16418
16632
|
padding: 0 2px;
|
|
16419
16633
|
white-space: nowrap;
|
|
16420
|
-
}
|
|
16421
|
-
|
|
16422
|
-
:root {
|
|
16423
|
-
/*
|
|
16424
|
-
--swiper-pagination-color: var(--swiper-theme-color);
|
|
16425
|
-
--swiper-pagination-left: auto;
|
|
16426
|
-
--swiper-pagination-right: 8px;
|
|
16427
|
-
--swiper-pagination-bottom: 8px;
|
|
16428
|
-
--swiper-pagination-top: auto;
|
|
16429
|
-
--swiper-pagination-fraction-color: inherit;
|
|
16430
|
-
--swiper-pagination-progressbar-bg-color: rgba(0,0,0,0.25);
|
|
16431
|
-
--swiper-pagination-progressbar-size: 4px;
|
|
16432
|
-
--swiper-pagination-bullet-size: 8px;
|
|
16433
|
-
--swiper-pagination-bullet-width: 8px;
|
|
16434
|
-
--swiper-pagination-bullet-height: 8px;
|
|
16435
|
-
--swiper-pagination-bullet-border-radius: 50%;
|
|
16436
|
-
--swiper-pagination-bullet-inactive-color: #000;
|
|
16437
|
-
--swiper-pagination-bullet-inactive-opacity: 0.2;
|
|
16438
|
-
--swiper-pagination-bullet-opacity: 1;
|
|
16439
|
-
--swiper-pagination-bullet-horizontal-gap: 4px;
|
|
16440
|
-
--swiper-pagination-bullet-vertical-gap: 6px;
|
|
16441
|
-
*/
|
|
16442
|
-
}
|
|
16443
|
-
|
|
16444
|
-
.swiper-pagination {
|
|
16445
|
-
position: absolute;
|
|
16446
|
-
text-align: center;
|
|
16447
|
-
transition: 300ms opacity;
|
|
16448
|
-
transform: translate3d(0, 0, 0);
|
|
16449
|
-
z-index: 10;
|
|
16450
|
-
}
|
|
16451
|
-
|
|
16452
|
-
.swiper-pagination.swiper-pagination-hidden {
|
|
16453
|
-
opacity: 0;
|
|
16454
|
-
}
|
|
16455
|
-
|
|
16456
|
-
.swiper-pagination-disabled > .swiper-pagination,
|
|
16457
|
-
.swiper-pagination.swiper-pagination-disabled {
|
|
16458
|
-
display: none !important;
|
|
16459
|
-
}
|
|
16460
|
-
|
|
16461
|
-
/* Common Styles */
|
|
16462
|
-
.swiper-pagination-fraction,
|
|
16463
|
-
.swiper-pagination-custom,
|
|
16464
|
-
.swiper-horizontal > .swiper-pagination-bullets,
|
|
16465
|
-
.swiper-pagination-bullets.swiper-pagination-horizontal {
|
|
16466
|
-
bottom: var(--swiper-pagination-bottom, 8px);
|
|
16467
|
-
top: var(--swiper-pagination-top, auto);
|
|
16468
|
-
left: 0;
|
|
16469
|
-
width: 100%;
|
|
16470
|
-
}
|
|
16471
|
-
|
|
16472
|
-
/* Bullets */
|
|
16473
|
-
.swiper-pagination-bullets-dynamic {
|
|
16474
|
-
overflow: hidden;
|
|
16475
|
-
font-size: 0;
|
|
16476
|
-
}
|
|
16477
|
-
|
|
16478
|
-
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
|
|
16479
|
-
transform: scale(0.33);
|
|
16480
|
-
position: relative;
|
|
16481
|
-
}
|
|
16482
|
-
|
|
16483
|
-
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
|
|
16484
|
-
transform: scale(1);
|
|
16485
|
-
}
|
|
16486
|
-
|
|
16487
|
-
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
|
|
16488
|
-
transform: scale(1);
|
|
16489
|
-
}
|
|
16490
|
-
|
|
16491
|
-
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
|
|
16492
|
-
transform: scale(0.66);
|
|
16493
|
-
}
|
|
16494
|
-
|
|
16495
|
-
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
|
|
16496
|
-
transform: scale(0.33);
|
|
16497
|
-
}
|
|
16498
|
-
|
|
16499
|
-
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
|
|
16500
|
-
transform: scale(0.66);
|
|
16501
|
-
}
|
|
16502
|
-
|
|
16503
|
-
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
|
|
16504
|
-
transform: scale(0.33);
|
|
16505
|
-
}
|
|
16506
|
-
|
|
16507
|
-
.swiper-pagination-bullet {
|
|
16508
|
-
width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
|
|
16509
|
-
height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
|
|
16510
|
-
display: inline-block;
|
|
16511
|
-
border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
|
|
16512
|
-
background: var(--swiper-pagination-bullet-inactive-color, #000);
|
|
16513
|
-
opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
|
|
16514
|
-
}
|
|
16515
|
-
|
|
16516
|
-
button.swiper-pagination-bullet {
|
|
16517
|
-
border: none;
|
|
16518
|
-
margin: 0;
|
|
16519
|
-
padding: 0;
|
|
16520
|
-
box-shadow: none;
|
|
16521
|
-
-webkit-appearance: none;
|
|
16522
|
-
appearance: none;
|
|
16523
|
-
}
|
|
16524
|
-
|
|
16525
|
-
.swiper-pagination-clickable .swiper-pagination-bullet {
|
|
16526
|
-
cursor: pointer;
|
|
16527
|
-
}
|
|
16528
|
-
|
|
16529
|
-
.swiper-pagination-bullet:only-child {
|
|
16530
|
-
display: none !important;
|
|
16531
|
-
}
|
|
16532
|
-
|
|
16533
|
-
.swiper-pagination-bullet-active {
|
|
16534
|
-
opacity: var(--swiper-pagination-bullet-opacity, 1);
|
|
16535
|
-
background: var(--swiper-pagination-color, var(--swiper-theme-color));
|
|
16536
|
-
}
|
|
16537
|
-
|
|
16538
|
-
.swiper-vertical > .swiper-pagination-bullets,
|
|
16539
|
-
.swiper-pagination-vertical.swiper-pagination-bullets {
|
|
16540
|
-
right: var(--swiper-pagination-right, 8px);
|
|
16541
|
-
left: var(--swiper-pagination-left, auto);
|
|
16542
|
-
top: 50%;
|
|
16543
|
-
transform: translate3d(0px, -50%, 0);
|
|
16544
|
-
}
|
|
16545
|
-
|
|
16546
|
-
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet,
|
|
16547
|
-
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
|
|
16548
|
-
margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
|
|
16549
|
-
display: block;
|
|
16550
|
-
}
|
|
16551
|
-
|
|
16552
|
-
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
|
|
16553
|
-
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
|
|
16554
|
-
top: 50%;
|
|
16555
|
-
transform: translateY(-50%);
|
|
16556
|
-
width: 8px;
|
|
16557
|
-
}
|
|
16558
|
-
|
|
16559
|
-
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
|
|
16560
|
-
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
|
|
16561
|
-
display: inline-block;
|
|
16562
|
-
transition: 200ms transform, 200ms top;
|
|
16563
|
-
}
|
|
16564
|
-
|
|
16565
|
-
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
|
|
16566
|
-
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
|
|
16567
|
-
margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
|
|
16568
|
-
}
|
|
16569
|
-
|
|
16570
|
-
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
|
|
16571
|
-
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
|
|
16572
|
-
left: 50%;
|
|
16573
|
-
transform: translateX(-50%);
|
|
16574
|
-
white-space: nowrap;
|
|
16575
|
-
}
|
|
16576
|
-
|
|
16577
|
-
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
|
|
16578
|
-
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
|
|
16579
|
-
transition: 200ms transform, 200ms left;
|
|
16580
|
-
}
|
|
16581
|
-
|
|
16582
|
-
.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
|
|
16583
|
-
transition: 200ms transform, 200ms right;
|
|
16584
|
-
}
|
|
16585
|
-
|
|
16586
|
-
/* Fraction */
|
|
16587
|
-
.swiper-pagination-fraction {
|
|
16588
|
-
color: var(--swiper-pagination-fraction-color, inherit);
|
|
16589
|
-
}
|
|
16590
|
-
|
|
16591
|
-
/* Progress */
|
|
16592
|
-
.swiper-pagination-progressbar {
|
|
16593
|
-
background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
|
|
16594
|
-
position: absolute;
|
|
16595
|
-
}
|
|
16596
|
-
|
|
16597
|
-
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
|
|
16598
|
-
background: var(--swiper-pagination-color, var(--swiper-theme-color));
|
|
16599
|
-
position: absolute;
|
|
16600
|
-
left: 0;
|
|
16601
|
-
top: 0;
|
|
16602
|
-
width: 100%;
|
|
16603
|
-
height: 100%;
|
|
16604
|
-
transform: scale(0);
|
|
16605
|
-
transform-origin: left top;
|
|
16606
|
-
}
|
|
16607
|
-
|
|
16608
|
-
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
|
|
16609
|
-
transform-origin: right top;
|
|
16610
|
-
}
|
|
16611
|
-
|
|
16612
|
-
.swiper-horizontal > .swiper-pagination-progressbar,
|
|
16613
|
-
.swiper-pagination-progressbar.swiper-pagination-horizontal,
|
|
16614
|
-
.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
|
|
16615
|
-
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
|
|
16616
|
-
width: 100%;
|
|
16617
|
-
height: var(--swiper-pagination-progressbar-size, 4px);
|
|
16618
|
-
left: 0;
|
|
16619
|
-
top: 0;
|
|
16620
|
-
}
|
|
16621
|
-
|
|
16622
|
-
.swiper-vertical > .swiper-pagination-progressbar,
|
|
16623
|
-
.swiper-pagination-progressbar.swiper-pagination-vertical,
|
|
16624
|
-
.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
|
|
16625
|
-
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
|
|
16626
|
-
width: var(--swiper-pagination-progressbar-size, 4px);
|
|
16627
|
-
height: 100%;
|
|
16628
|
-
left: 0;
|
|
16629
|
-
top: 0;
|
|
16630
|
-
}
|
|
16631
|
-
|
|
16632
|
-
.swiper-pagination-lock {
|
|
16633
|
-
display: none;
|
|
16634
16634
|
}
|