@nok-integration/storefront-react 0.19.41 → 0.19.42
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/index.d.ts +1 -1
- package/dist/index.mjs +102 -102
- package/dist/standalone/storefront.mjs +102 -102
- package/dist/standalone/styles.css +134 -134
- package/dist/styles.css +134 -134
- package/package.json +9 -28
package/dist/styles.css
CHANGED
|
@@ -216,7 +216,7 @@
|
|
|
216
216
|
background-position: 0 50%;
|
|
217
217
|
}
|
|
218
218
|
}
|
|
219
|
-
.
|
|
219
|
+
._surface_ekrjo_10 {
|
|
220
220
|
font-family: var(--font-family-base);
|
|
221
221
|
font-weight: var(--font-weight-regular);
|
|
222
222
|
font-size: var(--type-paragraph-size);
|
|
@@ -226,44 +226,44 @@
|
|
|
226
226
|
-webkit-font-smoothing: antialiased;
|
|
227
227
|
text-rendering: optimizeLegibility;
|
|
228
228
|
}
|
|
229
|
-
.
|
|
230
|
-
.
|
|
231
|
-
.
|
|
229
|
+
._surface_ekrjo_10 *,
|
|
230
|
+
._surface_ekrjo_10 *::before,
|
|
231
|
+
._surface_ekrjo_10 *::after {
|
|
232
232
|
box-sizing: border-box;
|
|
233
233
|
}
|
|
234
|
-
.
|
|
234
|
+
._fill_ekrjo_35 {
|
|
235
235
|
min-height: 100vh;
|
|
236
236
|
min-height: calc(100dvh - var(--surface-top, 0px));
|
|
237
237
|
box-shadow: 0 calc(100lvh - 100dvh) 0 var(--color-surface-default);
|
|
238
238
|
}
|
|
239
|
-
:where(.
|
|
239
|
+
:where(._surface_ekrjo_10) :where(h1, h2, h3) {
|
|
240
240
|
margin: 0;
|
|
241
241
|
font-weight: var(--font-weight-bold);
|
|
242
242
|
}
|
|
243
|
-
:where(.
|
|
243
|
+
:where(._surface_ekrjo_10) :where(h1) {
|
|
244
244
|
font-size: var(--type-heading-lg-size);
|
|
245
245
|
line-height: var(--type-heading-lg-line);
|
|
246
246
|
}
|
|
247
|
-
:where(.
|
|
247
|
+
:where(._surface_ekrjo_10) :where(h2) {
|
|
248
248
|
font-size: var(--type-heading-md-size);
|
|
249
249
|
line-height: var(--type-heading-md-line);
|
|
250
250
|
}
|
|
251
|
-
.
|
|
251
|
+
._surface_ekrjo_10 a:not([class]) {
|
|
252
252
|
color: inherit;
|
|
253
253
|
}
|
|
254
|
-
.
|
|
254
|
+
._surface_ekrjo_10 img {
|
|
255
255
|
max-width: 100%;
|
|
256
256
|
height: auto;
|
|
257
257
|
}
|
|
258
|
-
.
|
|
258
|
+
._surface_ekrjo_10 :focus-visible {
|
|
259
259
|
outline: 2px solid var(--color-surface-max);
|
|
260
260
|
outline-offset: 2px;
|
|
261
261
|
border-radius: var(--radius-4);
|
|
262
262
|
}
|
|
263
263
|
@media (prefers-reduced-motion: reduce) {
|
|
264
|
-
.
|
|
265
|
-
.
|
|
266
|
-
.
|
|
264
|
+
._surface_ekrjo_10 *,
|
|
265
|
+
._surface_ekrjo_10 *::before,
|
|
266
|
+
._surface_ekrjo_10 *::after {
|
|
267
267
|
animation-duration: 0.001ms !important;
|
|
268
268
|
animation-iteration-count: 1 !important;
|
|
269
269
|
transition-duration: 0.001ms !important;
|
|
@@ -687,7 +687,7 @@
|
|
|
687
687
|
._row_1hsxt_16._discount_1hsxt_69 dd {
|
|
688
688
|
color: var(--color-state-text-success);
|
|
689
689
|
}
|
|
690
|
-
.
|
|
690
|
+
._lines_1nchz_19 {
|
|
691
691
|
list-style: none;
|
|
692
692
|
margin: 0;
|
|
693
693
|
padding: 0;
|
|
@@ -695,12 +695,12 @@
|
|
|
695
695
|
flex-direction: column;
|
|
696
696
|
gap: var(--space-16);
|
|
697
697
|
}
|
|
698
|
-
.
|
|
698
|
+
._line_1nchz_19 {
|
|
699
699
|
display: flex;
|
|
700
700
|
align-items: center;
|
|
701
701
|
gap: var(--space-12);
|
|
702
702
|
}
|
|
703
|
-
.
|
|
703
|
+
._thumb_1nchz_34 {
|
|
704
704
|
position: relative;
|
|
705
705
|
flex-shrink: 0;
|
|
706
706
|
width: 48px;
|
|
@@ -709,15 +709,15 @@
|
|
|
709
709
|
overflow: hidden;
|
|
710
710
|
background: var(--color-surface-soft);
|
|
711
711
|
}
|
|
712
|
-
.
|
|
712
|
+
._image_1nchz_44 {
|
|
713
713
|
object-fit: cover;
|
|
714
714
|
object-position: top;
|
|
715
715
|
}
|
|
716
|
-
.
|
|
716
|
+
._placeholder_1nchz_51 {
|
|
717
717
|
width: 100%;
|
|
718
718
|
height: 100%;
|
|
719
719
|
}
|
|
720
|
-
.
|
|
720
|
+
._lineBody_1nchz_56 {
|
|
721
721
|
display: flex;
|
|
722
722
|
align-items: flex-start;
|
|
723
723
|
justify-content: space-between;
|
|
@@ -725,14 +725,14 @@
|
|
|
725
725
|
flex: 1 1 0;
|
|
726
726
|
min-width: 0;
|
|
727
727
|
}
|
|
728
|
-
.
|
|
728
|
+
._lineText_1nchz_65 {
|
|
729
729
|
display: flex;
|
|
730
730
|
flex-direction: column;
|
|
731
731
|
gap: var(--space-12);
|
|
732
732
|
flex: 1 1 0;
|
|
733
733
|
min-width: 0;
|
|
734
734
|
}
|
|
735
|
-
.
|
|
735
|
+
._lineTitle_1nchz_75 {
|
|
736
736
|
margin: -6px 0;
|
|
737
737
|
padding: 6px 0;
|
|
738
738
|
font-size: var(--type-trimmed-sm-size);
|
|
@@ -742,7 +742,7 @@
|
|
|
742
742
|
overflow: hidden;
|
|
743
743
|
text-overflow: ellipsis;
|
|
744
744
|
}
|
|
745
|
-
.
|
|
745
|
+
._lineMeta_1nchz_107 {
|
|
746
746
|
display: flex;
|
|
747
747
|
align-items: center;
|
|
748
748
|
flex-wrap: wrap;
|
|
@@ -752,10 +752,10 @@
|
|
|
752
752
|
line-height: 11px;
|
|
753
753
|
color: var(--color-text-subtle);
|
|
754
754
|
}
|
|
755
|
-
.
|
|
755
|
+
._detail_1nchz_104 {
|
|
756
756
|
white-space: nowrap;
|
|
757
757
|
}
|
|
758
|
-
.
|
|
758
|
+
._linePrice_1nchz_128 {
|
|
759
759
|
display: flex;
|
|
760
760
|
flex-direction: column;
|
|
761
761
|
align-items: flex-end;
|
|
@@ -764,12 +764,12 @@
|
|
|
764
764
|
white-space: nowrap;
|
|
765
765
|
font-variant-numeric: tabular-nums;
|
|
766
766
|
}
|
|
767
|
-
.
|
|
767
|
+
._paid_1nchz_140 {
|
|
768
768
|
font-size: var(--type-trimmed-md-size);
|
|
769
769
|
line-height: 11px;
|
|
770
770
|
font-weight: var(--font-weight-bold);
|
|
771
771
|
}
|
|
772
|
-
.
|
|
772
|
+
._was_1nchz_153 {
|
|
773
773
|
display: flex;
|
|
774
774
|
align-items: center;
|
|
775
775
|
justify-content: flex-end;
|
|
@@ -779,14 +779,14 @@
|
|
|
779
779
|
color: var(--color-text-disabled);
|
|
780
780
|
text-decoration: line-through;
|
|
781
781
|
}
|
|
782
|
-
.
|
|
782
|
+
._card_1nchz_176 {
|
|
783
783
|
display: flex;
|
|
784
784
|
flex-direction: column;
|
|
785
785
|
box-shadow: inset 0 0 0 1px var(--color-border-default);
|
|
786
786
|
border-radius: var(--radius-18);
|
|
787
787
|
overflow: hidden;
|
|
788
788
|
}
|
|
789
|
-
.
|
|
789
|
+
._cardTitle_1nchz_184 {
|
|
790
790
|
display: flex;
|
|
791
791
|
align-items: center;
|
|
792
792
|
margin: 0;
|
|
@@ -797,19 +797,19 @@
|
|
|
797
797
|
line-height: 1.38;
|
|
798
798
|
font-weight: var(--font-weight-bold);
|
|
799
799
|
}
|
|
800
|
-
.
|
|
800
|
+
._cardBody_1nchz_196 {
|
|
801
801
|
margin: 0;
|
|
802
802
|
padding: var(--space-16);
|
|
803
803
|
font-size: var(--type-trimmed-sm-size);
|
|
804
804
|
line-height: 1.5;
|
|
805
805
|
}
|
|
806
|
-
.
|
|
806
|
+
._summaryCard_1nchz_168 {
|
|
807
807
|
background: var(--color-surface-soft);
|
|
808
808
|
}
|
|
809
|
-
.
|
|
809
|
+
._summaryCard_1nchz_168 > :last-child {
|
|
810
810
|
padding: 0 var(--space-16);
|
|
811
811
|
}
|
|
812
|
-
.
|
|
812
|
+
._itemsHeader_1nchz_14 {
|
|
813
813
|
display: flex;
|
|
814
814
|
align-items: center;
|
|
815
815
|
gap: var(--space-12);
|
|
@@ -817,7 +817,7 @@
|
|
|
817
817
|
padding: 0 var(--space-16);
|
|
818
818
|
border-bottom: 1px solid var(--color-border-default);
|
|
819
819
|
}
|
|
820
|
-
.
|
|
820
|
+
._itemsTitle_1nchz_239 {
|
|
821
821
|
flex: 1 0 0;
|
|
822
822
|
min-width: 0;
|
|
823
823
|
margin: 0;
|
|
@@ -825,7 +825,7 @@
|
|
|
825
825
|
line-height: 1.38;
|
|
826
826
|
font-weight: var(--font-weight-bold);
|
|
827
827
|
}
|
|
828
|
-
.
|
|
828
|
+
._itemsCount_1nchz_250 {
|
|
829
829
|
display: inline-flex;
|
|
830
830
|
align-items: center;
|
|
831
831
|
justify-content: center;
|
|
@@ -840,7 +840,7 @@
|
|
|
840
840
|
letter-spacing: 0.12px;
|
|
841
841
|
font-variant-numeric: tabular-nums;
|
|
842
842
|
}
|
|
843
|
-
.
|
|
843
|
+
._cardLines_1nchz_269 {
|
|
844
844
|
gap: var(--space-12);
|
|
845
845
|
padding: var(--space-12) var(--space-16);
|
|
846
846
|
}
|
|
@@ -1092,38 +1092,38 @@
|
|
|
1092
1092
|
text-decoration: line-through;
|
|
1093
1093
|
font-variant-numeric: tabular-nums;
|
|
1094
1094
|
}
|
|
1095
|
-
.
|
|
1095
|
+
._page_1wude_7 {
|
|
1096
1096
|
display: flex;
|
|
1097
1097
|
flex-direction: column;
|
|
1098
1098
|
gap: var(--space-24);
|
|
1099
1099
|
padding: var(--space-20) var(--space-16);
|
|
1100
1100
|
background: var(--color-surface-default);
|
|
1101
1101
|
}
|
|
1102
|
-
.
|
|
1102
|
+
._titles_1wude_15 {
|
|
1103
1103
|
display: flex;
|
|
1104
1104
|
flex-direction: column;
|
|
1105
1105
|
gap: var(--space-8);
|
|
1106
1106
|
}
|
|
1107
|
-
.
|
|
1107
|
+
._title_1wude_15 {
|
|
1108
1108
|
margin: 0;
|
|
1109
1109
|
font-size: var(--type-heading-md-size);
|
|
1110
1110
|
line-height: 1.32;
|
|
1111
1111
|
font-weight: var(--font-weight-bold);
|
|
1112
1112
|
color: var(--color-text-default);
|
|
1113
1113
|
}
|
|
1114
|
-
.
|
|
1114
|
+
._subtitle_1wude_30 {
|
|
1115
1115
|
font-size: var(--type-trimmed-sm-size);
|
|
1116
1116
|
line-height: 10px;
|
|
1117
1117
|
padding: 5px 0;
|
|
1118
1118
|
margin: -5px 0;
|
|
1119
1119
|
color: var(--color-text-subtle);
|
|
1120
1120
|
}
|
|
1121
|
-
.
|
|
1121
|
+
._list_1wude_38 {
|
|
1122
1122
|
display: flex;
|
|
1123
1123
|
flex-direction: column;
|
|
1124
1124
|
gap: var(--space-12);
|
|
1125
1125
|
}
|
|
1126
|
-
.
|
|
1126
|
+
._card_1wude_48 {
|
|
1127
1127
|
display: flex;
|
|
1128
1128
|
align-items: flex-start;
|
|
1129
1129
|
gap: var(--space-12);
|
|
@@ -1131,7 +1131,7 @@
|
|
|
1131
1131
|
border-radius: var(--radius-18);
|
|
1132
1132
|
background: var(--color-surface-soft);
|
|
1133
1133
|
}
|
|
1134
|
-
.
|
|
1134
|
+
._checkSlot_1wude_61 {
|
|
1135
1135
|
display: inline-flex;
|
|
1136
1136
|
align-items: flex-start;
|
|
1137
1137
|
flex-shrink: 0;
|
|
@@ -1141,12 +1141,12 @@
|
|
|
1141
1141
|
color: var(--color-surface-max);
|
|
1142
1142
|
cursor: pointer;
|
|
1143
1143
|
}
|
|
1144
|
-
.
|
|
1144
|
+
._checkSlot_1wude_61:focus-visible {
|
|
1145
1145
|
outline: none;
|
|
1146
1146
|
box-shadow: var(--focus-ring);
|
|
1147
1147
|
border-radius: var(--radius-4);
|
|
1148
1148
|
}
|
|
1149
|
-
.
|
|
1149
|
+
._check_1wude_61 {
|
|
1150
1150
|
position: relative;
|
|
1151
1151
|
display: inline-flex;
|
|
1152
1152
|
align-items: center;
|
|
@@ -1154,7 +1154,7 @@
|
|
|
1154
1154
|
width: 24px;
|
|
1155
1155
|
height: 24px;
|
|
1156
1156
|
}
|
|
1157
|
-
.
|
|
1157
|
+
._check_1wude_61::before {
|
|
1158
1158
|
content: "";
|
|
1159
1159
|
position: absolute;
|
|
1160
1160
|
width: 20px;
|
|
@@ -1162,20 +1162,20 @@
|
|
|
1162
1162
|
border: 1px solid var(--color-border-default);
|
|
1163
1163
|
border-radius: var(--radius-full);
|
|
1164
1164
|
}
|
|
1165
|
-
.
|
|
1165
|
+
._checkSlot_1wude_61[aria-checked=true] ._check_1wude_61::before {
|
|
1166
1166
|
border-color: transparent;
|
|
1167
1167
|
}
|
|
1168
|
-
.
|
|
1168
|
+
._check_1wude_61 svg {
|
|
1169
1169
|
position: relative;
|
|
1170
1170
|
}
|
|
1171
|
-
.
|
|
1171
|
+
._row_1wude_105 {
|
|
1172
1172
|
display: flex;
|
|
1173
1173
|
flex-direction: column;
|
|
1174
1174
|
gap: var(--space-12);
|
|
1175
1175
|
flex: 1 1 0;
|
|
1176
1176
|
min-width: 0;
|
|
1177
1177
|
}
|
|
1178
|
-
.
|
|
1178
|
+
._reason_1wude_130 {
|
|
1179
1179
|
display: inline-flex;
|
|
1180
1180
|
align-items: center;
|
|
1181
1181
|
justify-content: space-between;
|
|
@@ -1194,10 +1194,10 @@
|
|
|
1194
1194
|
text-align: left;
|
|
1195
1195
|
cursor: pointer;
|
|
1196
1196
|
}
|
|
1197
|
-
.
|
|
1197
|
+
._reasonSet_1wude_150 {
|
|
1198
1198
|
color: var(--color-text-default);
|
|
1199
1199
|
}
|
|
1200
|
-
.
|
|
1200
|
+
._reason_1wude_130:focus-visible {
|
|
1201
1201
|
outline: none;
|
|
1202
1202
|
box-shadow: var(--focus-ring);
|
|
1203
1203
|
}
|
|
@@ -1575,30 +1575,30 @@
|
|
|
1575
1575
|
margin: -5px 0;
|
|
1576
1576
|
color: var(--color-text-subtle);
|
|
1577
1577
|
}
|
|
1578
|
-
.
|
|
1578
|
+
._page_o6awf_6 {
|
|
1579
1579
|
display: flex;
|
|
1580
1580
|
flex-direction: column;
|
|
1581
1581
|
gap: var(--space-32);
|
|
1582
1582
|
padding: var(--space-20) var(--space-16) var(--space-24);
|
|
1583
1583
|
}
|
|
1584
|
-
.
|
|
1584
|
+
._confirmed_o6awf_16 {
|
|
1585
1585
|
display: flex;
|
|
1586
1586
|
flex-direction: column;
|
|
1587
1587
|
gap: var(--space-24);
|
|
1588
1588
|
}
|
|
1589
|
-
.
|
|
1589
|
+
._title_o6awf_22 {
|
|
1590
1590
|
display: flex;
|
|
1591
1591
|
flex-direction: column;
|
|
1592
1592
|
gap: var(--space-12);
|
|
1593
1593
|
}
|
|
1594
|
-
.
|
|
1594
|
+
._headline_o6awf_47 {
|
|
1595
1595
|
margin: 0;
|
|
1596
1596
|
font-size: var(--type-heading-md-size);
|
|
1597
1597
|
line-height: 14px;
|
|
1598
1598
|
font-weight: var(--font-weight-bold);
|
|
1599
1599
|
color: var(--color-state-text-success);
|
|
1600
1600
|
}
|
|
1601
|
-
.
|
|
1601
|
+
._subtitle_o6awf_65 {
|
|
1602
1602
|
margin: -6px 0;
|
|
1603
1603
|
padding: 6px 0;
|
|
1604
1604
|
font-size: var(--type-paragraph-size);
|
|
@@ -1609,13 +1609,13 @@
|
|
|
1609
1609
|
text-overflow: ellipsis;
|
|
1610
1610
|
white-space: nowrap;
|
|
1611
1611
|
}
|
|
1612
|
-
.
|
|
1612
|
+
._rule_o6awf_89 {
|
|
1613
1613
|
height: 1px;
|
|
1614
1614
|
margin: 0 0 -1px;
|
|
1615
1615
|
border: 0;
|
|
1616
1616
|
background: var(--color-border-default);
|
|
1617
1617
|
}
|
|
1618
|
-
.
|
|
1618
|
+
._done_o6awf_106 {
|
|
1619
1619
|
border-color: var(--color-surface-max);
|
|
1620
1620
|
}
|
|
1621
1621
|
._badge_1w0zn_6 {
|
|
@@ -2410,7 +2410,7 @@
|
|
|
2410
2410
|
height: 1px;
|
|
2411
2411
|
background: var(--color-border-default);
|
|
2412
2412
|
}
|
|
2413
|
-
.
|
|
2413
|
+
._bar_1e0f6_1 {
|
|
2414
2414
|
position: sticky;
|
|
2415
2415
|
bottom: 0;
|
|
2416
2416
|
left: 0;
|
|
@@ -2422,53 +2422,53 @@
|
|
|
2422
2422
|
background: var(--color-surface-default);
|
|
2423
2423
|
z-index: 50;
|
|
2424
2424
|
}
|
|
2425
|
-
.
|
|
2425
|
+
._floating_1e0f6_53 {
|
|
2426
2426
|
border-radius: var(--radius-12) var(--radius-12) 0 0;
|
|
2427
2427
|
filter: drop-shadow(0 -4px 12px rgba(206, 206, 206, 0.48));
|
|
2428
2428
|
}
|
|
2429
|
-
.
|
|
2429
|
+
._divider_1e0f6_59 {
|
|
2430
2430
|
border-top: 1px solid var(--color-border-default);
|
|
2431
2431
|
}
|
|
2432
|
-
.
|
|
2432
|
+
._info_1e0f6_63 {
|
|
2433
2433
|
display: flex;
|
|
2434
2434
|
align-items: center;
|
|
2435
2435
|
justify-content: space-between;
|
|
2436
2436
|
font-weight: var(--font-weight-bold);
|
|
2437
2437
|
}
|
|
2438
|
-
.
|
|
2438
|
+
._actions_1e0f6_71 {
|
|
2439
2439
|
display: flex;
|
|
2440
2440
|
gap: var(--space-8);
|
|
2441
2441
|
}
|
|
2442
|
-
.
|
|
2442
|
+
._actions_1e0f6_71 > * {
|
|
2443
2443
|
flex: 1 1 0;
|
|
2444
2444
|
}
|
|
2445
|
-
.
|
|
2445
|
+
._surface_3g1wi_15 {
|
|
2446
2446
|
display: flex;
|
|
2447
2447
|
flex-direction: column;
|
|
2448
2448
|
}
|
|
2449
|
-
.
|
|
2449
|
+
._screen_3g1wi_20 {
|
|
2450
2450
|
display: flex;
|
|
2451
2451
|
flex-direction: column;
|
|
2452
2452
|
flex: 1 1 auto;
|
|
2453
2453
|
}
|
|
2454
|
-
.
|
|
2454
|
+
._body_3g1wi_12 {
|
|
2455
2455
|
display: flex;
|
|
2456
2456
|
flex-direction: column;
|
|
2457
2457
|
gap: var(--space-20);
|
|
2458
2458
|
padding: 0 var(--space-16);
|
|
2459
2459
|
flex: 1 1 auto;
|
|
2460
2460
|
}
|
|
2461
|
-
.
|
|
2461
|
+
._items_3g1wi_34 {
|
|
2462
2462
|
display: flex;
|
|
2463
2463
|
flex-direction: column;
|
|
2464
2464
|
gap: var(--space-20);
|
|
2465
2465
|
}
|
|
2466
|
-
.
|
|
2466
|
+
._sectionHeader_3g1wi_40 {
|
|
2467
2467
|
display: flex;
|
|
2468
2468
|
align-items: center;
|
|
2469
2469
|
gap: var(--space-12);
|
|
2470
2470
|
}
|
|
2471
|
-
.
|
|
2471
|
+
._sectionTitle_3g1wi_46 {
|
|
2472
2472
|
margin: 0;
|
|
2473
2473
|
font-size: var(--type-heading-md-size);
|
|
2474
2474
|
line-height: 1.38;
|
|
@@ -2476,7 +2476,7 @@
|
|
|
2476
2476
|
flex: 1 0 0;
|
|
2477
2477
|
min-width: 0;
|
|
2478
2478
|
}
|
|
2479
|
-
.
|
|
2479
|
+
._count_3g1wi_67 {
|
|
2480
2480
|
display: inline-flex;
|
|
2481
2481
|
align-items: center;
|
|
2482
2482
|
justify-content: center;
|
|
@@ -2491,7 +2491,7 @@
|
|
|
2491
2491
|
font-variant-numeric: tabular-nums;
|
|
2492
2492
|
flex-shrink: 0;
|
|
2493
2493
|
}
|
|
2494
|
-
.
|
|
2494
|
+
._lines_3g1wi_91 {
|
|
2495
2495
|
list-style: none;
|
|
2496
2496
|
margin: 0;
|
|
2497
2497
|
padding: 0;
|
|
@@ -2499,10 +2499,10 @@
|
|
|
2499
2499
|
flex-direction: column;
|
|
2500
2500
|
gap: var(--space-20);
|
|
2501
2501
|
}
|
|
2502
|
-
.
|
|
2502
|
+
._gallery_o876w_1 {
|
|
2503
2503
|
position: relative;
|
|
2504
2504
|
}
|
|
2505
|
-
.
|
|
2505
|
+
._track_o876w_5 {
|
|
2506
2506
|
display: flex;
|
|
2507
2507
|
overflow-x: auto;
|
|
2508
2508
|
scroll-snap-type: x mandatory;
|
|
@@ -2511,24 +2511,24 @@
|
|
|
2511
2511
|
background: var(--color-surface-soft);
|
|
2512
2512
|
scrollbar-width: none;
|
|
2513
2513
|
}
|
|
2514
|
-
.
|
|
2514
|
+
._track_o876w_5::-webkit-scrollbar {
|
|
2515
2515
|
display: none;
|
|
2516
2516
|
}
|
|
2517
|
-
.
|
|
2517
|
+
._slide_o876w_29 {
|
|
2518
2518
|
position: relative;
|
|
2519
2519
|
flex: 0 0 100%;
|
|
2520
2520
|
scroll-snap-align: center;
|
|
2521
2521
|
aspect-ratio: 375 / 475;
|
|
2522
2522
|
}
|
|
2523
|
-
.
|
|
2523
|
+
._image_o876w_36 {
|
|
2524
2524
|
object-fit: cover;
|
|
2525
2525
|
}
|
|
2526
|
-
.
|
|
2526
|
+
._placeholder_o876w_40 {
|
|
2527
2527
|
width: 100%;
|
|
2528
2528
|
aspect-ratio: 375 / 475;
|
|
2529
2529
|
background: var(--color-surface-soft);
|
|
2530
2530
|
}
|
|
2531
|
-
.
|
|
2531
|
+
._dots_o876w_58 {
|
|
2532
2532
|
position: absolute;
|
|
2533
2533
|
right: 0;
|
|
2534
2534
|
bottom: 16px;
|
|
@@ -2537,7 +2537,7 @@
|
|
|
2537
2537
|
justify-content: center;
|
|
2538
2538
|
gap: var(--space-6);
|
|
2539
2539
|
}
|
|
2540
|
-
.
|
|
2540
|
+
._dot_o876w_58 {
|
|
2541
2541
|
width: 8px;
|
|
2542
2542
|
height: 8px;
|
|
2543
2543
|
padding: 0;
|
|
@@ -2548,12 +2548,12 @@
|
|
|
2548
2548
|
cursor: pointer;
|
|
2549
2549
|
position: relative;
|
|
2550
2550
|
}
|
|
2551
|
-
.
|
|
2551
|
+
._dot_o876w_58::after {
|
|
2552
2552
|
content: "";
|
|
2553
2553
|
position: absolute;
|
|
2554
2554
|
inset: -18px -3px;
|
|
2555
2555
|
}
|
|
2556
|
-
.
|
|
2556
|
+
._dotActive_o876w_109 {
|
|
2557
2557
|
background: #ffffff;
|
|
2558
2558
|
}
|
|
2559
2559
|
._scrim_r4azu_8 {
|
|
@@ -3175,7 +3175,7 @@
|
|
|
3175
3175
|
._oos_1hv16_66 {
|
|
3176
3176
|
color: var(--color-state-surface-critical-default);
|
|
3177
3177
|
}
|
|
3178
|
-
.
|
|
3178
|
+
._hero_s25l3_10 {
|
|
3179
3179
|
--hero-height: clamp(480px, calc(100svh - var(--hero-top, 0px)), 812px);
|
|
3180
3180
|
position: relative;
|
|
3181
3181
|
height: var(--hero-height);
|
|
@@ -3183,15 +3183,15 @@
|
|
|
3183
3183
|
background: var(--color-surface-default);
|
|
3184
3184
|
margin-bottom: calc(var(--hero-height) * -237 / 812);
|
|
3185
3185
|
}
|
|
3186
|
-
.
|
|
3186
|
+
._image_s25l3_42 {
|
|
3187
3187
|
position: absolute;
|
|
3188
3188
|
inset: 0;
|
|
3189
3189
|
}
|
|
3190
|
-
.
|
|
3190
|
+
._image_s25l3_42 img {
|
|
3191
3191
|
object-fit: cover;
|
|
3192
3192
|
object-position: top center;
|
|
3193
3193
|
}
|
|
3194
|
-
.
|
|
3194
|
+
._scrim_s25l3_70 {
|
|
3195
3195
|
position: absolute;
|
|
3196
3196
|
inset: 0;
|
|
3197
3197
|
background:
|
|
@@ -3201,7 +3201,7 @@
|
|
|
3201
3201
|
rgba(0, 0, 0, 0.1) 45%,
|
|
3202
3202
|
rgba(0, 0, 0, 0) 70%);
|
|
3203
3203
|
}
|
|
3204
|
-
.
|
|
3204
|
+
._fade_s25l3_94 {
|
|
3205
3205
|
position: absolute;
|
|
3206
3206
|
right: 0;
|
|
3207
3207
|
bottom: 0;
|
|
@@ -3214,7 +3214,7 @@
|
|
|
3214
3214
|
rgba(8, 14, 18, 0.65) 55%,
|
|
3215
3215
|
var(--color-surface-default) 100%);
|
|
3216
3216
|
}
|
|
3217
|
-
.
|
|
3217
|
+
._text_s25l3_108 {
|
|
3218
3218
|
position: absolute;
|
|
3219
3219
|
top: max(var(--space-12), calc(65px - var(--hero-top, 0px)));
|
|
3220
3220
|
left: 0;
|
|
@@ -3226,7 +3226,7 @@
|
|
|
3226
3226
|
padding: var(--space-12) var(--space-24) var(--space-24);
|
|
3227
3227
|
text-align: center;
|
|
3228
3228
|
}
|
|
3229
|
-
.
|
|
3229
|
+
._title_s25l3_157 {
|
|
3230
3230
|
width: 327px;
|
|
3231
3231
|
max-width: 100%;
|
|
3232
3232
|
margin: 0;
|
|
@@ -3236,7 +3236,7 @@
|
|
|
3236
3236
|
color: #f9fafa;
|
|
3237
3237
|
text-wrap: balance;
|
|
3238
3238
|
}
|
|
3239
|
-
.
|
|
3239
|
+
._subtitle_s25l3_168 {
|
|
3240
3240
|
width: 224px;
|
|
3241
3241
|
max-width: 100%;
|
|
3242
3242
|
margin: 0;
|
|
@@ -3245,18 +3245,18 @@
|
|
|
3245
3245
|
font-weight: var(--font-weight-regular);
|
|
3246
3246
|
color: #f9fafa;
|
|
3247
3247
|
}
|
|
3248
|
-
.
|
|
3248
|
+
._noImage_s25l3_183 {
|
|
3249
3249
|
height: auto;
|
|
3250
3250
|
min-height: 0;
|
|
3251
3251
|
max-height: none;
|
|
3252
3252
|
margin-bottom: 0;
|
|
3253
3253
|
}
|
|
3254
|
-
.
|
|
3254
|
+
._noImage_s25l3_183 ._text_s25l3_108 {
|
|
3255
3255
|
position: static;
|
|
3256
3256
|
padding-top: var(--space-24);
|
|
3257
3257
|
}
|
|
3258
|
-
.
|
|
3259
|
-
.
|
|
3258
|
+
._noImage_s25l3_183 ._title_s25l3_157,
|
|
3259
|
+
._noImage_s25l3_183 ._subtitle_s25l3_168 {
|
|
3260
3260
|
color: var(--color-text-default);
|
|
3261
3261
|
}
|
|
3262
3262
|
._text_1saw4_6 {
|
|
@@ -3487,10 +3487,10 @@
|
|
|
3487
3487
|
column-gap: var(--space-12);
|
|
3488
3488
|
row-gap: var(--space-12);
|
|
3489
3489
|
}
|
|
3490
|
-
.
|
|
3490
|
+
._showcase_t7w1s_59 {
|
|
3491
3491
|
background: #080e12;
|
|
3492
3492
|
}
|
|
3493
|
-
.
|
|
3493
|
+
._panel_t7w1s_63 {
|
|
3494
3494
|
position: relative;
|
|
3495
3495
|
height: 100lvh;
|
|
3496
3496
|
scroll-snap-align: start;
|
|
@@ -3498,11 +3498,11 @@
|
|
|
3498
3498
|
overflow: hidden;
|
|
3499
3499
|
background: #080e12;
|
|
3500
3500
|
}
|
|
3501
|
-
.
|
|
3501
|
+
._image_t7w1s_91 {
|
|
3502
3502
|
object-fit: cover;
|
|
3503
3503
|
object-position: 50% var(--slide-focal-y, 50%);
|
|
3504
3504
|
}
|
|
3505
|
-
.
|
|
3505
|
+
._hero_t7w1s_131::after {
|
|
3506
3506
|
content: "";
|
|
3507
3507
|
position: absolute;
|
|
3508
3508
|
inset: 0;
|
|
@@ -3517,7 +3517,7 @@
|
|
|
3517
3517
|
rgba(8, 14, 18, 0) 520px);
|
|
3518
3518
|
pointer-events: none;
|
|
3519
3519
|
}
|
|
3520
|
-
.
|
|
3520
|
+
._hero_t7w1s_131 ._heroContent_t7w1s_212 {
|
|
3521
3521
|
position: absolute;
|
|
3522
3522
|
bottom: 32px;
|
|
3523
3523
|
bottom: calc(32px + 100lvh - 100dvh);
|
|
@@ -3529,7 +3529,7 @@
|
|
|
3529
3529
|
gap: 24px;
|
|
3530
3530
|
align-items: stretch;
|
|
3531
3531
|
}
|
|
3532
|
-
.
|
|
3532
|
+
._heroText_t7w1s_236 {
|
|
3533
3533
|
display: flex;
|
|
3534
3534
|
flex-direction: column;
|
|
3535
3535
|
gap: 8px;
|
|
@@ -3537,11 +3537,11 @@
|
|
|
3537
3537
|
padding: 0 24px;
|
|
3538
3538
|
text-align: center;
|
|
3539
3539
|
}
|
|
3540
|
-
.
|
|
3540
|
+
._heroText_t7w1s_236 ._logo_t7w1s_245 {
|
|
3541
3541
|
width: 48px;
|
|
3542
3542
|
height: 48px;
|
|
3543
3543
|
}
|
|
3544
|
-
.
|
|
3544
|
+
._heroTitle_t7w1s_265 {
|
|
3545
3545
|
width: 100%;
|
|
3546
3546
|
margin: 0;
|
|
3547
3547
|
font-family:
|
|
@@ -3556,33 +3556,33 @@
|
|
|
3556
3556
|
letter-spacing: -1.12px;
|
|
3557
3557
|
color: #f9fafa;
|
|
3558
3558
|
}
|
|
3559
|
-
.
|
|
3559
|
+
._heroSub_t7w1s_289 {
|
|
3560
3560
|
margin: 0;
|
|
3561
3561
|
font-size: 16px;
|
|
3562
3562
|
line-height: 1.55;
|
|
3563
3563
|
color: #f9fafa;
|
|
3564
3564
|
max-width: 327px;
|
|
3565
3565
|
}
|
|
3566
|
-
.
|
|
3566
|
+
._swipe_t7w1s_308 {
|
|
3567
3567
|
display: flex;
|
|
3568
3568
|
flex-direction: column;
|
|
3569
3569
|
align-items: center;
|
|
3570
3570
|
gap: 6px;
|
|
3571
3571
|
padding: 8px 0;
|
|
3572
3572
|
}
|
|
3573
|
-
.
|
|
3573
|
+
._swipeLabel_t7w1s_315 {
|
|
3574
3574
|
margin: 0;
|
|
3575
3575
|
font-size: 14px;
|
|
3576
3576
|
line-height: 1;
|
|
3577
3577
|
color: rgba(255, 255, 255, 0.54);
|
|
3578
3578
|
}
|
|
3579
|
-
.
|
|
3579
|
+
._chevron_t7w1s_321 {
|
|
3580
3580
|
width: 24px;
|
|
3581
3581
|
height: 24px;
|
|
3582
3582
|
color: rgba(255, 255, 255, 0.54);
|
|
3583
|
-
animation:
|
|
3583
|
+
animation: _bob_t7w1s_1 1.8s ease-in-out infinite;
|
|
3584
3584
|
}
|
|
3585
|
-
@keyframes
|
|
3585
|
+
@keyframes _bob_t7w1s_1 {
|
|
3586
3586
|
0%, 100% {
|
|
3587
3587
|
transform: translateY(0);
|
|
3588
3588
|
}
|
|
@@ -3590,7 +3590,7 @@
|
|
|
3590
3590
|
transform: translateY(4px);
|
|
3591
3591
|
}
|
|
3592
3592
|
}
|
|
3593
|
-
.
|
|
3593
|
+
._overlay_t7w1s_11 {
|
|
3594
3594
|
position: absolute;
|
|
3595
3595
|
inset: 0;
|
|
3596
3596
|
z-index: 1;
|
|
@@ -3607,25 +3607,25 @@
|
|
|
3607
3607
|
padding: 0 24px 24px;
|
|
3608
3608
|
padding-bottom: calc(24px + 100lvh - 100dvh);
|
|
3609
3609
|
}
|
|
3610
|
-
.
|
|
3610
|
+
._copy_t7w1s_356 {
|
|
3611
3611
|
display: flex;
|
|
3612
3612
|
flex-direction: column;
|
|
3613
3613
|
gap: 8px;
|
|
3614
3614
|
}
|
|
3615
|
-
.
|
|
3615
|
+
._title_t7w1s_361 {
|
|
3616
3616
|
margin: 0;
|
|
3617
3617
|
font-size: 32px;
|
|
3618
3618
|
line-height: 1.2;
|
|
3619
3619
|
font-weight: 700;
|
|
3620
3620
|
color: #f9fafa;
|
|
3621
3621
|
}
|
|
3622
|
-
.
|
|
3622
|
+
._subtitle_t7w1s_368 {
|
|
3623
3623
|
margin: 0;
|
|
3624
3624
|
font-size: 16px;
|
|
3625
3625
|
line-height: 1.55;
|
|
3626
3626
|
color: #f9fafa;
|
|
3627
3627
|
}
|
|
3628
|
-
.
|
|
3628
|
+
._cta_t7w1s_374 {
|
|
3629
3629
|
display: inline-flex;
|
|
3630
3630
|
align-items: center;
|
|
3631
3631
|
justify-content: center;
|
|
@@ -3639,22 +3639,22 @@
|
|
|
3639
3639
|
font-weight: 700;
|
|
3640
3640
|
text-decoration: none;
|
|
3641
3641
|
}
|
|
3642
|
-
.
|
|
3642
|
+
._cta_t7w1s_374::after {
|
|
3643
3643
|
content: "";
|
|
3644
3644
|
position: absolute;
|
|
3645
3645
|
inset: 0;
|
|
3646
3646
|
}
|
|
3647
|
-
.
|
|
3647
|
+
._cta_t7w1s_374:active {
|
|
3648
3648
|
background: rgba(249, 250, 250, 0.12);
|
|
3649
3649
|
}
|
|
3650
|
-
.
|
|
3650
|
+
._cta_t7w1s_374:focus-visible {
|
|
3651
3651
|
outline: none;
|
|
3652
3652
|
box-shadow: var(--focus-ring);
|
|
3653
3653
|
}
|
|
3654
|
-
.
|
|
3654
|
+
._mosaic_t7w1s_418 {
|
|
3655
3655
|
background: #080e12;
|
|
3656
3656
|
}
|
|
3657
|
-
.
|
|
3657
|
+
._header_1a3o7_25 {
|
|
3658
3658
|
position: sticky;
|
|
3659
3659
|
top: 0;
|
|
3660
3660
|
z-index: 40;
|
|
@@ -3667,7 +3667,7 @@
|
|
|
3667
3667
|
color: #0c161c;
|
|
3668
3668
|
box-shadow: inset 0 -1px 0 #dddedf;
|
|
3669
3669
|
}
|
|
3670
|
-
.
|
|
3670
|
+
._floating_1a3o7_44 {
|
|
3671
3671
|
position: sticky;
|
|
3672
3672
|
top: 0;
|
|
3673
3673
|
margin-bottom: calc(-1 * var(--header-height));
|
|
@@ -3677,15 +3677,15 @@
|
|
|
3677
3677
|
transition: background-color 160ms ease;
|
|
3678
3678
|
box-shadow: none;
|
|
3679
3679
|
}
|
|
3680
|
-
.
|
|
3680
|
+
._floating_1a3o7_44._scrolled_1a3o7_79 {
|
|
3681
3681
|
background: rgba(8, 14, 18, 0.6);
|
|
3682
3682
|
}
|
|
3683
3683
|
@media (prefers-reduced-motion: reduce) {
|
|
3684
|
-
.
|
|
3684
|
+
._floating_1a3o7_44 {
|
|
3685
3685
|
transition: none;
|
|
3686
3686
|
}
|
|
3687
3687
|
}
|
|
3688
|
-
.
|
|
3688
|
+
._title_1a3o7_172 {
|
|
3689
3689
|
flex: 0 0 auto;
|
|
3690
3690
|
width: 222px;
|
|
3691
3691
|
min-width: 0;
|
|
@@ -3697,21 +3697,21 @@
|
|
|
3697
3697
|
text-overflow: ellipsis;
|
|
3698
3698
|
white-space: nowrap;
|
|
3699
3699
|
}
|
|
3700
|
-
.
|
|
3700
|
+
._title_1a3o7_172._leading_1a3o7_199 {
|
|
3701
3701
|
flex: 1 1 auto;
|
|
3702
3702
|
width: auto;
|
|
3703
3703
|
margin-left: var(--space-16);
|
|
3704
3704
|
}
|
|
3705
|
-
.
|
|
3705
|
+
._right_1a3o7_205 {
|
|
3706
3706
|
display: flex;
|
|
3707
3707
|
align-items: center;
|
|
3708
3708
|
gap: var(--space-16);
|
|
3709
3709
|
}
|
|
3710
|
-
.
|
|
3710
|
+
._spacer_1a3o7_218 {
|
|
3711
3711
|
width: 24px;
|
|
3712
3712
|
height: 24px;
|
|
3713
3713
|
}
|
|
3714
|
-
.
|
|
3714
|
+
._iconBtn_1a3o7_223 {
|
|
3715
3715
|
position: relative;
|
|
3716
3716
|
display: inline-flex;
|
|
3717
3717
|
align-items: center;
|
|
@@ -3725,19 +3725,19 @@
|
|
|
3725
3725
|
cursor: pointer;
|
|
3726
3726
|
text-decoration: none;
|
|
3727
3727
|
}
|
|
3728
|
-
.
|
|
3728
|
+
._iconBtn_1a3o7_223::after {
|
|
3729
3729
|
content: "";
|
|
3730
3730
|
position: absolute;
|
|
3731
3731
|
inset: -10px;
|
|
3732
3732
|
}
|
|
3733
|
-
.
|
|
3733
|
+
._menuBtn_1a3o7_250 {
|
|
3734
3734
|
width: 32px;
|
|
3735
3735
|
height: 32px;
|
|
3736
3736
|
}
|
|
3737
|
-
.
|
|
3737
|
+
._menuBtn_1a3o7_250::after {
|
|
3738
3738
|
inset: -6px;
|
|
3739
3739
|
}
|
|
3740
|
-
.
|
|
3740
|
+
._badge_1a3o7_278 {
|
|
3741
3741
|
position: absolute;
|
|
3742
3742
|
top: -6px;
|
|
3743
3743
|
left: 14px;
|
|
@@ -3759,15 +3759,15 @@
|
|
|
3759
3759
|
font-variant-numeric: tabular-nums;
|
|
3760
3760
|
pointer-events: none;
|
|
3761
3761
|
}
|
|
3762
|
-
.
|
|
3762
|
+
._closeSlot_1a3o7_305 {
|
|
3763
3763
|
flex: 0 0 auto;
|
|
3764
3764
|
width: 32px;
|
|
3765
3765
|
height: 32px;
|
|
3766
3766
|
}
|
|
3767
|
-
.
|
|
3767
|
+
._closeSlot_1a3o7_305._iconBtn_1a3o7_223::after {
|
|
3768
3768
|
inset: -6px;
|
|
3769
3769
|
}
|
|
3770
|
-
.
|
|
3770
|
+
._centred_1a3o7_320 {
|
|
3771
3771
|
flex: 1 1 auto;
|
|
3772
3772
|
width: auto;
|
|
3773
3773
|
text-align: center;
|