@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/styles.css CHANGED
@@ -216,7 +216,7 @@
216
216
  background-position: 0 50%;
217
217
  }
218
218
  }
219
- ._surface_zq8bq_10 {
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
- ._surface_zq8bq_10 *,
230
- ._surface_zq8bq_10 *::before,
231
- ._surface_zq8bq_10 *::after {
229
+ ._surface_ekrjo_10 *,
230
+ ._surface_ekrjo_10 *::before,
231
+ ._surface_ekrjo_10 *::after {
232
232
  box-sizing: border-box;
233
233
  }
234
- ._fill_zq8bq_35 {
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(._surface_zq8bq_10) :where(h1, h2, h3) {
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(._surface_zq8bq_10) :where(h1) {
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(._surface_zq8bq_10) :where(h2) {
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
- ._surface_zq8bq_10 a:not([class]) {
251
+ ._surface_ekrjo_10 a:not([class]) {
252
252
  color: inherit;
253
253
  }
254
- ._surface_zq8bq_10 img {
254
+ ._surface_ekrjo_10 img {
255
255
  max-width: 100%;
256
256
  height: auto;
257
257
  }
258
- ._surface_zq8bq_10 :focus-visible {
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
- ._surface_zq8bq_10 *,
265
- ._surface_zq8bq_10 *::before,
266
- ._surface_zq8bq_10 *::after {
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
- ._lines_10z1i_19 {
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
- ._line_10z1i_19 {
698
+ ._line_1nchz_19 {
699
699
  display: flex;
700
700
  align-items: center;
701
701
  gap: var(--space-12);
702
702
  }
703
- ._thumb_10z1i_34 {
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
- ._image_10z1i_44 {
712
+ ._image_1nchz_44 {
713
713
  object-fit: cover;
714
714
  object-position: top;
715
715
  }
716
- ._placeholder_10z1i_51 {
716
+ ._placeholder_1nchz_51 {
717
717
  width: 100%;
718
718
  height: 100%;
719
719
  }
720
- ._lineBody_10z1i_56 {
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
- ._lineText_10z1i_65 {
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
- ._lineTitle_10z1i_75 {
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
- ._lineMeta_10z1i_107 {
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
- ._detail_10z1i_104 {
755
+ ._detail_1nchz_104 {
756
756
  white-space: nowrap;
757
757
  }
758
- ._linePrice_10z1i_128 {
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
- ._paid_10z1i_140 {
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
- ._was_10z1i_153 {
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
- ._card_10z1i_176 {
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
- ._cardTitle_10z1i_184 {
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
- ._cardBody_10z1i_196 {
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
- ._summaryCard_10z1i_168 {
806
+ ._summaryCard_1nchz_168 {
807
807
  background: var(--color-surface-soft);
808
808
  }
809
- ._summaryCard_10z1i_168 > :last-child {
809
+ ._summaryCard_1nchz_168 > :last-child {
810
810
  padding: 0 var(--space-16);
811
811
  }
812
- ._itemsHeader_10z1i_14 {
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
- ._itemsTitle_10z1i_239 {
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
- ._itemsCount_10z1i_250 {
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
- ._cardLines_10z1i_269 {
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
- ._page_j1rbn_7 {
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
- ._titles_j1rbn_15 {
1102
+ ._titles_1wude_15 {
1103
1103
  display: flex;
1104
1104
  flex-direction: column;
1105
1105
  gap: var(--space-8);
1106
1106
  }
1107
- ._title_j1rbn_15 {
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
- ._subtitle_j1rbn_30 {
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
- ._list_j1rbn_38 {
1121
+ ._list_1wude_38 {
1122
1122
  display: flex;
1123
1123
  flex-direction: column;
1124
1124
  gap: var(--space-12);
1125
1125
  }
1126
- ._card_j1rbn_48 {
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
- ._checkSlot_j1rbn_61 {
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
- ._checkSlot_j1rbn_61:focus-visible {
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
- ._check_j1rbn_61 {
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
- ._check_j1rbn_61::before {
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
- ._checkSlot_j1rbn_61[aria-checked=true] ._check_j1rbn_61::before {
1165
+ ._checkSlot_1wude_61[aria-checked=true] ._check_1wude_61::before {
1166
1166
  border-color: transparent;
1167
1167
  }
1168
- ._check_j1rbn_61 svg {
1168
+ ._check_1wude_61 svg {
1169
1169
  position: relative;
1170
1170
  }
1171
- ._row_j1rbn_105 {
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
- ._reason_j1rbn_130 {
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
- ._reasonSet_j1rbn_150 {
1197
+ ._reasonSet_1wude_150 {
1198
1198
  color: var(--color-text-default);
1199
1199
  }
1200
- ._reason_j1rbn_130:focus-visible {
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
- ._page_2uqhz_6 {
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
- ._confirmed_2uqhz_16 {
1584
+ ._confirmed_o6awf_16 {
1585
1585
  display: flex;
1586
1586
  flex-direction: column;
1587
1587
  gap: var(--space-24);
1588
1588
  }
1589
- ._title_2uqhz_22 {
1589
+ ._title_o6awf_22 {
1590
1590
  display: flex;
1591
1591
  flex-direction: column;
1592
1592
  gap: var(--space-12);
1593
1593
  }
1594
- ._headline_2uqhz_47 {
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
- ._subtitle_2uqhz_65 {
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
- ._rule_2uqhz_90 {
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
- ._done_2uqhz_107 {
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
- ._bar_coyti_1 {
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
- ._floating_coyti_53 {
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
- ._divider_coyti_59 {
2429
+ ._divider_1e0f6_59 {
2430
2430
  border-top: 1px solid var(--color-border-default);
2431
2431
  }
2432
- ._info_coyti_63 {
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
- ._actions_coyti_71 {
2438
+ ._actions_1e0f6_71 {
2439
2439
  display: flex;
2440
2440
  gap: var(--space-8);
2441
2441
  }
2442
- ._actions_coyti_71 > * {
2442
+ ._actions_1e0f6_71 > * {
2443
2443
  flex: 1 1 0;
2444
2444
  }
2445
- ._surface_nkc99_15 {
2445
+ ._surface_3g1wi_15 {
2446
2446
  display: flex;
2447
2447
  flex-direction: column;
2448
2448
  }
2449
- ._screen_nkc99_20 {
2449
+ ._screen_3g1wi_20 {
2450
2450
  display: flex;
2451
2451
  flex-direction: column;
2452
2452
  flex: 1 1 auto;
2453
2453
  }
2454
- ._body_nkc99_12 {
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
- ._items_nkc99_34 {
2461
+ ._items_3g1wi_34 {
2462
2462
  display: flex;
2463
2463
  flex-direction: column;
2464
2464
  gap: var(--space-20);
2465
2465
  }
2466
- ._sectionHeader_nkc99_40 {
2466
+ ._sectionHeader_3g1wi_40 {
2467
2467
  display: flex;
2468
2468
  align-items: center;
2469
2469
  gap: var(--space-12);
2470
2470
  }
2471
- ._sectionTitle_nkc99_46 {
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
- ._count_nkc99_67 {
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
- ._lines_nkc99_91 {
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
- ._gallery_16d26_1 {
2502
+ ._gallery_o876w_1 {
2503
2503
  position: relative;
2504
2504
  }
2505
- ._track_16d26_5 {
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
- ._track_16d26_5::-webkit-scrollbar {
2514
+ ._track_o876w_5::-webkit-scrollbar {
2515
2515
  display: none;
2516
2516
  }
2517
- ._slide_16d26_29 {
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
- ._image_16d26_36 {
2523
+ ._image_o876w_36 {
2524
2524
  object-fit: cover;
2525
2525
  }
2526
- ._placeholder_16d26_40 {
2526
+ ._placeholder_o876w_40 {
2527
2527
  width: 100%;
2528
2528
  aspect-ratio: 375 / 475;
2529
2529
  background: var(--color-surface-soft);
2530
2530
  }
2531
- ._dots_16d26_58 {
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
- ._dot_16d26_58 {
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
- ._dot_16d26_58::after {
2551
+ ._dot_o876w_58::after {
2552
2552
  content: "";
2553
2553
  position: absolute;
2554
2554
  inset: -18px -3px;
2555
2555
  }
2556
- ._dotActive_16d26_109 {
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
- ._hero_1tiqx_10 {
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
- ._image_1tiqx_42 {
3186
+ ._image_s25l3_42 {
3187
3187
  position: absolute;
3188
3188
  inset: 0;
3189
3189
  }
3190
- ._image_1tiqx_42 img {
3190
+ ._image_s25l3_42 img {
3191
3191
  object-fit: cover;
3192
3192
  object-position: top center;
3193
3193
  }
3194
- ._scrim_1tiqx_70 {
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
- ._fade_1tiqx_94 {
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
- ._text_1tiqx_108 {
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
- ._title_1tiqx_157 {
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
- ._subtitle_1tiqx_168 {
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
- ._noImage_1tiqx_183 {
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
- ._noImage_1tiqx_183 ._text_1tiqx_108 {
3254
+ ._noImage_s25l3_183 ._text_s25l3_108 {
3255
3255
  position: static;
3256
3256
  padding-top: var(--space-24);
3257
3257
  }
3258
- ._noImage_1tiqx_183 ._title_1tiqx_157,
3259
- ._noImage_1tiqx_183 ._subtitle_1tiqx_168 {
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
- ._showcase_c2hqd_59 {
3490
+ ._showcase_t7w1s_59 {
3491
3491
  background: #080e12;
3492
3492
  }
3493
- ._panel_c2hqd_63 {
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
- ._image_c2hqd_91 {
3501
+ ._image_t7w1s_91 {
3502
3502
  object-fit: cover;
3503
3503
  object-position: 50% var(--slide-focal-y, 50%);
3504
3504
  }
3505
- ._hero_c2hqd_131::after {
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
- ._hero_c2hqd_131 ._heroContent_c2hqd_212 {
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
- ._heroText_c2hqd_236 {
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
- ._heroText_c2hqd_236 ._logo_c2hqd_245 {
3540
+ ._heroText_t7w1s_236 ._logo_t7w1s_245 {
3541
3541
  width: 48px;
3542
3542
  height: 48px;
3543
3543
  }
3544
- ._heroTitle_c2hqd_265 {
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
- ._heroSub_c2hqd_289 {
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
- ._swipe_c2hqd_308 {
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
- ._swipeLabel_c2hqd_315 {
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
- ._chevron_c2hqd_321 {
3579
+ ._chevron_t7w1s_321 {
3580
3580
  width: 24px;
3581
3581
  height: 24px;
3582
3582
  color: rgba(255, 255, 255, 0.54);
3583
- animation: _bob_c2hqd_1 1.8s ease-in-out infinite;
3583
+ animation: _bob_t7w1s_1 1.8s ease-in-out infinite;
3584
3584
  }
3585
- @keyframes _bob_c2hqd_1 {
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
- ._overlay_c2hqd_11 {
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
- ._copy_c2hqd_356 {
3610
+ ._copy_t7w1s_356 {
3611
3611
  display: flex;
3612
3612
  flex-direction: column;
3613
3613
  gap: 8px;
3614
3614
  }
3615
- ._title_c2hqd_361 {
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
- ._subtitle_c2hqd_368 {
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
- ._cta_c2hqd_374 {
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
- ._cta_c2hqd_374::after {
3642
+ ._cta_t7w1s_374::after {
3643
3643
  content: "";
3644
3644
  position: absolute;
3645
3645
  inset: 0;
3646
3646
  }
3647
- ._cta_c2hqd_374:active {
3647
+ ._cta_t7w1s_374:active {
3648
3648
  background: rgba(249, 250, 250, 0.12);
3649
3649
  }
3650
- ._cta_c2hqd_374:focus-visible {
3650
+ ._cta_t7w1s_374:focus-visible {
3651
3651
  outline: none;
3652
3652
  box-shadow: var(--focus-ring);
3653
3653
  }
3654
- ._mosaic_c2hqd_418 {
3654
+ ._mosaic_t7w1s_418 {
3655
3655
  background: #080e12;
3656
3656
  }
3657
- ._header_8o3d7_25 {
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
- ._floating_8o3d7_44 {
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
- ._floating_8o3d7_44._scrolled_8o3d7_79 {
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
- ._floating_8o3d7_44 {
3684
+ ._floating_1a3o7_44 {
3685
3685
  transition: none;
3686
3686
  }
3687
3687
  }
3688
- ._title_8o3d7_172 {
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
- ._title_8o3d7_172._leading_8o3d7_199 {
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
- ._right_8o3d7_205 {
3705
+ ._right_1a3o7_205 {
3706
3706
  display: flex;
3707
3707
  align-items: center;
3708
3708
  gap: var(--space-16);
3709
3709
  }
3710
- ._spacer_8o3d7_218 {
3710
+ ._spacer_1a3o7_218 {
3711
3711
  width: 24px;
3712
3712
  height: 24px;
3713
3713
  }
3714
- ._iconBtn_8o3d7_223 {
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
- ._iconBtn_8o3d7_223::after {
3728
+ ._iconBtn_1a3o7_223::after {
3729
3729
  content: "";
3730
3730
  position: absolute;
3731
3731
  inset: -10px;
3732
3732
  }
3733
- ._menuBtn_8o3d7_250 {
3733
+ ._menuBtn_1a3o7_250 {
3734
3734
  width: 32px;
3735
3735
  height: 32px;
3736
3736
  }
3737
- ._menuBtn_8o3d7_250::after {
3737
+ ._menuBtn_1a3o7_250::after {
3738
3738
  inset: -6px;
3739
3739
  }
3740
- ._badge_8o3d7_278 {
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
- ._closeSlot_8o3d7_305 {
3762
+ ._closeSlot_1a3o7_305 {
3763
3763
  flex: 0 0 auto;
3764
3764
  width: 32px;
3765
3765
  height: 32px;
3766
3766
  }
3767
- ._closeSlot_8o3d7_305._iconBtn_8o3d7_223::after {
3767
+ ._closeSlot_1a3o7_305._iconBtn_1a3o7_223::after {
3768
3768
  inset: -6px;
3769
3769
  }
3770
- ._centred_8o3d7_320 {
3770
+ ._centred_1a3o7_320 {
3771
3771
  flex: 1 1 auto;
3772
3772
  width: auto;
3773
3773
  text-align: center;