@nok-integration/storefront-react 0.19.42 → 0.19.43

package/dist/styles.css

@@ -216,7 +216,7 @@
     background-position: 0 50%;
   }
 }
-._surface_ekrjo_10 {
+._surface_1xwok_10 {
   font-family: var(--font-family-base);
   font-weight: var(--font-weight-regular);
   font-size: var(--type-paragraph-size);
@@ -226,44 +226,44 @@
   -webkit-font-smoothing: antialiased;
   text-rendering: optimizeLegibility;
 }
-._surface_ekrjo_10 *,
-._surface_ekrjo_10 *::before,
-._surface_ekrjo_10 *::after {
+._surface_1xwok_10 *,
+._surface_1xwok_10 *::before,
+._surface_1xwok_10 *::after {
   box-sizing: border-box;
 }
-._fill_ekrjo_35 {
+._fill_1xwok_35 {
   min-height: 100vh;
   min-height: calc(100dvh - var(--surface-top, 0px));
   box-shadow: 0 calc(100lvh - 100dvh) 0 var(--color-surface-default);
 }
-:where(._surface_ekrjo_10) :where(h1, h2, h3) {
+:where(._surface_1xwok_10) :where(h1, h2, h3) {
   margin: 0;
   font-weight: var(--font-weight-bold);
 }
-:where(._surface_ekrjo_10) :where(h1) {
+:where(._surface_1xwok_10) :where(h1) {
   font-size: var(--type-heading-lg-size);
   line-height: var(--type-heading-lg-line);
 }
-:where(._surface_ekrjo_10) :where(h2) {
+:where(._surface_1xwok_10) :where(h2) {
   font-size: var(--type-heading-md-size);
   line-height: var(--type-heading-md-line);
 }
-._surface_ekrjo_10 a:not([class]) {
+._surface_1xwok_10 a:not([class]) {
   color: inherit;
 }
-._surface_ekrjo_10 img {
+._surface_1xwok_10 img {
   max-width: 100%;
   height: auto;
 }
-._surface_ekrjo_10 :focus-visible {
+._surface_1xwok_10 :focus-visible {
   outline: 2px solid var(--color-surface-max);
   outline-offset: 2px;
   border-radius: var(--radius-4);
 }
 @media (prefers-reduced-motion: reduce) {
-  ._surface_ekrjo_10 *,
-  ._surface_ekrjo_10 *::before,
-  ._surface_ekrjo_10 *::after {
+  ._surface_1xwok_10 *,
+  ._surface_1xwok_10 *::before,
+  ._surface_1xwok_10 *::after {
     animation-duration: 0.001ms !important;
     animation-iteration-count: 1 !important;
     transition-duration: 0.001ms !important;
@@ -687,7 +687,7 @@
 ._row_1hsxt_16._discount_1hsxt_69 dd {
   color: var(--color-state-text-success);
 }
-._lines_1nchz_19 {
+._lines_15b52_19 {
   list-style: none;
   margin: 0;
   padding: 0;
@@ -695,12 +695,12 @@
   flex-direction: column;
   gap: var(--space-16);
 }
-._line_1nchz_19 {
+._line_15b52_19 {
   display: flex;
   align-items: center;
   gap: var(--space-12);
 }
-._thumb_1nchz_34 {
+._thumb_15b52_34 {
   position: relative;
   flex-shrink: 0;
   width: 48px;
@@ -709,15 +709,15 @@
   overflow: hidden;
   background: var(--color-surface-soft);
 }
-._image_1nchz_44 {
+._image_15b52_44 {
   object-fit: cover;
   object-position: top;
 }
-._placeholder_1nchz_51 {
+._placeholder_15b52_51 {
   width: 100%;
   height: 100%;
 }
-._lineBody_1nchz_56 {
+._lineBody_15b52_56 {
   display: flex;
   align-items: flex-start;
   justify-content: space-between;
@@ -725,14 +725,14 @@
   flex: 1 1 0;
   min-width: 0;
 }
-._lineText_1nchz_65 {
+._lineText_15b52_65 {
   display: flex;
   flex-direction: column;
   gap: var(--space-12);
   flex: 1 1 0;
   min-width: 0;
 }
-._lineTitle_1nchz_75 {
+._lineTitle_15b52_75 {
   margin: -6px 0;
   padding: 6px 0;
   font-size: var(--type-trimmed-sm-size);
@@ -742,7 +742,7 @@
   overflow: hidden;
   text-overflow: ellipsis;
 }
-._lineMeta_1nchz_107 {
+._lineMeta_15b52_107 {
   display: flex;
   align-items: center;
   flex-wrap: wrap;
@@ -752,10 +752,10 @@
   line-height: 11px;
   color: var(--color-text-subtle);
 }
-._detail_1nchz_104 {
+._detail_15b52_104 {
   white-space: nowrap;
 }
-._linePrice_1nchz_128 {
+._linePrice_15b52_128 {
   display: flex;
   flex-direction: column;
   align-items: flex-end;
@@ -764,12 +764,12 @@
   white-space: nowrap;
   font-variant-numeric: tabular-nums;
 }
-._paid_1nchz_140 {
+._paid_15b52_140 {
   font-size: var(--type-trimmed-md-size);
   line-height: 11px;
   font-weight: var(--font-weight-bold);
 }
-._was_1nchz_153 {
+._was_15b52_153 {
   display: flex;
   align-items: center;
   justify-content: flex-end;
@@ -779,14 +779,14 @@
   color: var(--color-text-disabled);
   text-decoration: line-through;
 }
-._card_1nchz_176 {
+._card_15b52_176 {
   display: flex;
   flex-direction: column;
   box-shadow: inset 0 0 0 1px var(--color-border-default);
   border-radius: var(--radius-18);
   overflow: hidden;
 }
-._cardTitle_1nchz_184 {
+._cardTitle_15b52_184 {
   display: flex;
   align-items: center;
   margin: 0;
@@ -797,19 +797,19 @@
   line-height: 1.38;
   font-weight: var(--font-weight-bold);
 }
-._cardBody_1nchz_196 {
+._cardBody_15b52_196 {
   margin: 0;
   padding: var(--space-16);
   font-size: var(--type-trimmed-sm-size);
   line-height: 1.5;
 }
-._summaryCard_1nchz_168 {
+._summaryCard_15b52_168 {
   background: var(--color-surface-soft);
 }
-._summaryCard_1nchz_168 > :last-child {
+._summaryCard_15b52_168 > :last-child {
   padding: 0 var(--space-16);
 }
-._itemsHeader_1nchz_14 {
+._itemsHeader_15b52_14 {
   display: flex;
   align-items: center;
   gap: var(--space-12);
@@ -817,7 +817,7 @@
   padding: 0 var(--space-16);
   border-bottom: 1px solid var(--color-border-default);
 }
-._itemsTitle_1nchz_239 {
+._itemsTitle_15b52_225 {
   flex: 1 0 0;
   min-width: 0;
   margin: 0;
@@ -825,7 +825,7 @@
   line-height: 1.38;
   font-weight: var(--font-weight-bold);
 }
-._itemsCount_1nchz_250 {
+._itemsCount_15b52_236 {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -840,7 +840,7 @@
   letter-spacing: 0.12px;
   font-variant-numeric: tabular-nums;
 }
-._cardLines_1nchz_269 {
+._cardLines_15b52_255 {
   gap: var(--space-12);
   padding: var(--space-12) var(--space-16);
 }
@@ -1092,38 +1092,38 @@
   text-decoration: line-through;
   font-variant-numeric: tabular-nums;
 }
-._page_1wude_7 {
+._page_v0hbj_7 {
   display: flex;
   flex-direction: column;
   gap: var(--space-24);
   padding: var(--space-20) var(--space-16);
   background: var(--color-surface-default);
 }
-._titles_1wude_15 {
+._titles_v0hbj_15 {
   display: flex;
   flex-direction: column;
   gap: var(--space-8);
 }
-._title_1wude_15 {
+._title_v0hbj_15 {
   margin: 0;
   font-size: var(--type-heading-md-size);
   line-height: 1.32;
   font-weight: var(--font-weight-bold);
   color: var(--color-text-default);
 }
-._subtitle_1wude_30 {
+._subtitle_v0hbj_30 {
   font-size: var(--type-trimmed-sm-size);
   line-height: 10px;
   padding: 5px 0;
   margin: -5px 0;
   color: var(--color-text-subtle);
 }
-._list_1wude_38 {
+._list_v0hbj_38 {
   display: flex;
   flex-direction: column;
   gap: var(--space-12);
 }
-._card_1wude_48 {
+._card_v0hbj_48 {
   display: flex;
   align-items: flex-start;
   gap: var(--space-12);
@@ -1131,7 +1131,7 @@
   border-radius: var(--radius-18);
   background: var(--color-surface-soft);
 }
-._checkSlot_1wude_61 {
+._checkSlot_v0hbj_61 {
   display: inline-flex;
   align-items: flex-start;
   flex-shrink: 0;
@@ -1141,12 +1141,12 @@
   color: var(--color-surface-max);
   cursor: pointer;
 }
-._checkSlot_1wude_61:focus-visible {
+._checkSlot_v0hbj_61:focus-visible {
   outline: none;
   box-shadow: var(--focus-ring);
   border-radius: var(--radius-4);
 }
-._check_1wude_61 {
+._check_v0hbj_61 {
   position: relative;
   display: inline-flex;
   align-items: center;
@@ -1154,7 +1154,7 @@
   width: 24px;
   height: 24px;
 }
-._check_1wude_61::before {
+._check_v0hbj_61::before {
   content: "";
   position: absolute;
   width: 20px;
@@ -1162,20 +1162,20 @@
   border: 1px solid var(--color-border-default);
   border-radius: var(--radius-full);
 }
-._checkSlot_1wude_61[aria-checked=true] ._check_1wude_61::before {
+._checkSlot_v0hbj_61[aria-checked=true] ._check_v0hbj_61::before {
   border-color: transparent;
 }
-._check_1wude_61 svg {
+._check_v0hbj_61 svg {
   position: relative;
 }
-._row_1wude_105 {
+._row_v0hbj_105 {
   display: flex;
   flex-direction: column;
   gap: var(--space-12);
   flex: 1 1 0;
   min-width: 0;
 }
-._reason_1wude_130 {
+._reason_v0hbj_112 {
   display: inline-flex;
   align-items: center;
   justify-content: space-between;
@@ -1194,10 +1194,10 @@
   text-align: left;
   cursor: pointer;
 }
-._reasonSet_1wude_150 {
+._reasonSet_v0hbj_132 {
   color: var(--color-text-default);
 }
-._reason_1wude_130:focus-visible {
+._reason_v0hbj_112:focus-visible {
   outline: none;
   box-shadow: var(--focus-ring);
 }
@@ -1575,30 +1575,30 @@
   margin: -5px 0;
   color: var(--color-text-subtle);
 }
-._page_o6awf_6 {
+._page_vqbqs_6 {
   display: flex;
   flex-direction: column;
   gap: var(--space-32);
   padding: var(--space-20) var(--space-16) var(--space-24);
 }
-._confirmed_o6awf_16 {
+._confirmed_vqbqs_16 {
   display: flex;
   flex-direction: column;
   gap: var(--space-24);
 }
-._title_o6awf_22 {
+._title_vqbqs_22 {
   display: flex;
   flex-direction: column;
   gap: var(--space-12);
 }
-._headline_o6awf_47 {
+._headline_vqbqs_47 {
   margin: 0;
   font-size: var(--type-heading-md-size);
   line-height: 14px;
   font-weight: var(--font-weight-bold);
   color: var(--color-state-text-success);
 }
-._subtitle_o6awf_65 {
+._subtitle_vqbqs_65 {
   margin: -6px 0;
   padding: 6px 0;
   font-size: var(--type-paragraph-size);
@@ -1609,13 +1609,13 @@
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-._rule_o6awf_89 {
+._rule_vqbqs_77 {
   height: 1px;
   margin: 0 0 -1px;
   border: 0;
   background: var(--color-border-default);
 }
-._done_o6awf_106 {
+._done_vqbqs_94 {
   border-color: var(--color-surface-max);
 }
 ._badge_1w0zn_6 {
@@ -2410,7 +2410,7 @@
   height: 1px;
   background: var(--color-border-default);
 }
-._bar_1e0f6_1 {
+._bar_v20rr_1 {
   position: sticky;
   bottom: 0;
   left: 0;
@@ -2422,53 +2422,53 @@
   background: var(--color-surface-default);
   z-index: 50;
 }
-._floating_1e0f6_53 {
+._floating_v20rr_31 {
   border-radius: var(--radius-12) var(--radius-12) 0 0;
   filter: drop-shadow(0 -4px 12px rgba(206, 206, 206, 0.48));
 }
-._divider_1e0f6_59 {
+._divider_v20rr_37 {
   border-top: 1px solid var(--color-border-default);
 }
-._info_1e0f6_63 {
+._info_v20rr_41 {
   display: flex;
   align-items: center;
   justify-content: space-between;
   font-weight: var(--font-weight-bold);
 }
-._actions_1e0f6_71 {
+._actions_v20rr_49 {
   display: flex;
   gap: var(--space-8);
 }
-._actions_1e0f6_71 > * {
+._actions_v20rr_49 > * {
   flex: 1 1 0;
 }
-._surface_3g1wi_15 {
+._surface_j3seb_15 {
   display: flex;
   flex-direction: column;
 }
-._screen_3g1wi_20 {
+._screen_j3seb_20 {
   display: flex;
   flex-direction: column;
   flex: 1 1 auto;
 }
-._body_3g1wi_12 {
+._body_j3seb_12 {
   display: flex;
   flex-direction: column;
   gap: var(--space-20);
   padding: 0 var(--space-16);
   flex: 1 1 auto;
 }
-._items_3g1wi_34 {
+._items_j3seb_34 {
   display: flex;
   flex-direction: column;
   gap: var(--space-20);
 }
-._sectionHeader_3g1wi_40 {
+._sectionHeader_j3seb_40 {
   display: flex;
   align-items: center;
   gap: var(--space-12);
 }
-._sectionTitle_3g1wi_46 {
+._sectionTitle_j3seb_46 {
   margin: 0;
   font-size: var(--type-heading-md-size);
   line-height: 1.38;
@@ -2476,7 +2476,7 @@
   flex: 1 0 0;
   min-width: 0;
 }
-._count_3g1wi_67 {
+._count_j3seb_55 {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -2491,7 +2491,7 @@
   font-variant-numeric: tabular-nums;
   flex-shrink: 0;
 }
-._lines_3g1wi_91 {
+._lines_j3seb_79 {
   list-style: none;
   margin: 0;
   padding: 0;
@@ -2499,10 +2499,10 @@
   flex-direction: column;
   gap: var(--space-20);
 }
-._gallery_o876w_1 {
+._gallery_1wmgz_1 {
   position: relative;
 }
-._track_o876w_5 {
+._track_1wmgz_5 {
   display: flex;
   overflow-x: auto;
   scroll-snap-type: x mandatory;
@@ -2511,24 +2511,24 @@
   background: var(--color-surface-soft);
   scrollbar-width: none;
 }
-._track_o876w_5::-webkit-scrollbar {
+._track_1wmgz_5::-webkit-scrollbar {
   display: none;
 }
-._slide_o876w_29 {
+._slide_1wmgz_20 {
   position: relative;
   flex: 0 0 100%;
   scroll-snap-align: center;
   aspect-ratio: 375 / 475;
 }
-._image_o876w_36 {
+._image_1wmgz_27 {
   object-fit: cover;
 }
-._placeholder_o876w_40 {
+._placeholder_1wmgz_31 {
   width: 100%;
   aspect-ratio: 375 / 475;
   background: var(--color-surface-soft);
 }
-._dots_o876w_58 {
+._dots_1wmgz_49 {
   position: absolute;
   right: 0;
   bottom: 16px;
@@ -2537,7 +2537,7 @@
   justify-content: center;
   gap: var(--space-6);
 }
-._dot_o876w_58 {
+._dot_1wmgz_49 {
   width: 8px;
   height: 8px;
   padding: 0;
@@ -2548,12 +2548,12 @@
   cursor: pointer;
   position: relative;
 }
-._dot_o876w_58::after {
+._dot_1wmgz_49::after {
   content: "";
   position: absolute;
   inset: -18px -3px;
 }
-._dotActive_o876w_109 {
+._dotActive_1wmgz_100 {
   background: #ffffff;
 }
 ._scrim_r4azu_8 {
@@ -3175,7 +3175,7 @@
 ._oos_1hv16_66 {
   color: var(--color-state-surface-critical-default);
 }
-._hero_s25l3_10 {
+._hero_1tiqx_10 {
   --hero-height: clamp(480px, calc(100svh - var(--hero-top, 0px)), 812px);
   position: relative;
   height: var(--hero-height);
@@ -3183,15 +3183,15 @@
   background: var(--color-surface-default);
   margin-bottom: calc(var(--hero-height) * -237 / 812);
 }
-._image_s25l3_42 {
+._image_1tiqx_42 {
   position: absolute;
   inset: 0;
 }
-._image_s25l3_42 img {
+._image_1tiqx_42 img {
   object-fit: cover;
   object-position: top center;
 }
-._scrim_s25l3_70 {
+._scrim_1tiqx_70 {
   position: absolute;
   inset: 0;
   background:
@@ -3201,7 +3201,7 @@
       rgba(0, 0, 0, 0.1) 45%,
       rgba(0, 0, 0, 0) 70%);
 }
-._fade_s25l3_94 {
+._fade_1tiqx_94 {
   position: absolute;
   right: 0;
   bottom: 0;
@@ -3214,7 +3214,7 @@
       rgba(8, 14, 18, 0.65) 55%,
       var(--color-surface-default) 100%);
 }
-._text_s25l3_108 {
+._text_1tiqx_108 {
   position: absolute;
   top: max(var(--space-12), calc(65px - var(--hero-top, 0px)));
   left: 0;
@@ -3226,7 +3226,7 @@
   padding: var(--space-12) var(--space-24) var(--space-24);
   text-align: center;
 }
-._title_s25l3_157 {
+._title_1tiqx_157 {
   width: 327px;
   max-width: 100%;
   margin: 0;
@@ -3236,7 +3236,7 @@
   color: #f9fafa;
   text-wrap: balance;
 }
-._subtitle_s25l3_168 {
+._subtitle_1tiqx_168 {
   width: 224px;
   max-width: 100%;
   margin: 0;
@@ -3245,18 +3245,18 @@
   font-weight: var(--font-weight-regular);
   color: #f9fafa;
 }
-._noImage_s25l3_183 {
+._noImage_1tiqx_183 {
   height: auto;
   min-height: 0;
   max-height: none;
   margin-bottom: 0;
 }
-._noImage_s25l3_183 ._text_s25l3_108 {
+._noImage_1tiqx_183 ._text_1tiqx_108 {
   position: static;
   padding-top: var(--space-24);
 }
-._noImage_s25l3_183 ._title_s25l3_157,
-._noImage_s25l3_183 ._subtitle_s25l3_168 {
+._noImage_1tiqx_183 ._title_1tiqx_157,
+._noImage_1tiqx_183 ._subtitle_1tiqx_168 {
   color: var(--color-text-default);
 }
 ._text_1saw4_6 {
@@ -3487,22 +3487,24 @@
   column-gap: var(--space-12);
   row-gap: var(--space-12);
 }
-._showcase_t7w1s_59 {
+._showcase_x4nga_14 {
+  --chrome-bleed: calc(3 * (100lvh - 100svh));
   background: #080e12;
 }
-._panel_t7w1s_63 {
+._panel_x4nga_19 {
   position: relative;
   height: 100lvh;
+  height: calc(100lvh + var(--chrome-bleed, 0px));
   scroll-snap-align: start;
   scroll-snap-stop: always;
   overflow: hidden;
   background: #080e12;
 }
-._image_t7w1s_91 {
+._image_x4nga_48 {
   object-fit: cover;
   object-position: 50% var(--slide-focal-y, 50%);
 }
-._hero_t7w1s_131::after {
+._hero_x4nga_88::after {
   content: "";
   position: absolute;
   inset: 0;
@@ -3513,14 +3515,14 @@
       rgba(8, 14, 18, 0) 180px),
     linear-gradient(
       to top,
-      rgba(8, 14, 18, 0.6) 330px,
-      rgba(8, 14, 18, 0) 520px);
+      rgba(8, 14, 18, 0.6) calc(330px + var(--chrome-bleed, 0px)),
+      rgba(8, 14, 18, 0) calc(520px + var(--chrome-bleed, 0px)));
   pointer-events: none;
 }
-._hero_t7w1s_131 ._heroContent_t7w1s_212 {
+._hero_x4nga_88 ._heroContent_x4nga_173 {
   position: absolute;
   bottom: 32px;
-  bottom: calc(32px + 100lvh - 100dvh);
+  bottom: calc(32px + var(--chrome-bleed, 0px) + 100lvh - 100dvh);
   left: 0;
   right: 0;
   z-index: 1;
@@ -3529,7 +3531,7 @@
   gap: 24px;
   align-items: stretch;
 }
-._heroText_t7w1s_236 {
+._heroText_x4nga_197 {
   display: flex;
   flex-direction: column;
   gap: 8px;
@@ -3537,11 +3539,11 @@
   padding: 0 24px;
   text-align: center;
 }
-._heroText_t7w1s_236 ._logo_t7w1s_245 {
+._heroText_x4nga_197 ._logo_x4nga_206 {
   width: 48px;
   height: 48px;
 }
-._heroTitle_t7w1s_265 {
+._heroTitle_x4nga_226 {
   width: 100%;
   margin: 0;
   font-family:
@@ -3556,33 +3558,33 @@
   letter-spacing: -1.12px;
   color: #f9fafa;
 }
-._heroSub_t7w1s_289 {
+._heroSub_x4nga_250 {
   margin: 0;
   font-size: 16px;
   line-height: 1.55;
   color: #f9fafa;
   max-width: 327px;
 }
-._swipe_t7w1s_308 {
+._swipe_x4nga_269 {
   display: flex;
   flex-direction: column;
   align-items: center;
   gap: 6px;
   padding: 8px 0;
 }
-._swipeLabel_t7w1s_315 {
+._swipeLabel_x4nga_276 {
   margin: 0;
   font-size: 14px;
   line-height: 1;
   color: rgba(255, 255, 255, 0.54);
 }
-._chevron_t7w1s_321 {
+._chevron_x4nga_282 {
   width: 24px;
   height: 24px;
   color: rgba(255, 255, 255, 0.54);
-  animation: _bob_t7w1s_1 1.8s ease-in-out infinite;
+  animation: _bob_x4nga_1 1.8s ease-in-out infinite;
 }
-@keyframes _bob_t7w1s_1 {
+@keyframes _bob_x4nga_1 {
   0%, 100% {
     transform: translateY(0);
   }
@@ -3590,42 +3592,42 @@
     transform: translateY(4px);
   }
 }
-._overlay_t7w1s_11 {
+._overlay_x4nga_11 {
   position: absolute;
   inset: 0;
   z-index: 1;
   background:
     linear-gradient(
       to top,
-      rgba(8, 14, 18, 0.6) 260px,
-      rgba(8, 14, 18, 0) 460px);
+      rgba(8, 14, 18, 0.6) calc(260px + var(--chrome-bleed, 0px)),
+      rgba(8, 14, 18, 0) calc(460px + var(--chrome-bleed, 0px)));
   display: flex;
   flex-direction: column;
   justify-content: flex-end;
   gap: 16px;
   align-items: flex-start;
   padding: 0 24px 24px;
-  padding-bottom: calc(24px + 100lvh - 100dvh);
+  padding-bottom: calc(24px + var(--chrome-bleed, 0px) + 100lvh - 100dvh);
 }
-._copy_t7w1s_356 {
+._copy_x4nga_317 {
   display: flex;
   flex-direction: column;
   gap: 8px;
 }
-._title_t7w1s_361 {
+._title_x4nga_322 {
   margin: 0;
   font-size: 32px;
   line-height: 1.2;
   font-weight: 700;
   color: #f9fafa;
 }
-._subtitle_t7w1s_368 {
+._subtitle_x4nga_329 {
   margin: 0;
   font-size: 16px;
   line-height: 1.55;
   color: #f9fafa;
 }
-._cta_t7w1s_374 {
+._cta_x4nga_335 {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -3639,22 +3641,22 @@
   font-weight: 700;
   text-decoration: none;
 }
-._cta_t7w1s_374::after {
+._cta_x4nga_335::after {
   content: "";
   position: absolute;
   inset: 0;
 }
-._cta_t7w1s_374:active {
+._cta_x4nga_335:active {
   background: rgba(249, 250, 250, 0.12);
 }
-._cta_t7w1s_374:focus-visible {
+._cta_x4nga_335:focus-visible {
   outline: none;
   box-shadow: var(--focus-ring);
 }
-._mosaic_t7w1s_418 {
+._mosaic_x4nga_379 {
   background: #080e12;
 }
-._header_1a3o7_25 {
+._header_r9jjq_14 {
   position: sticky;
   top: 0;
   z-index: 40;
@@ -3667,7 +3669,7 @@
   color: #0c161c;
   box-shadow: inset 0 -1px 0 #dddedf;
 }
-._floating_1a3o7_44 {
+._floating_r9jjq_39 {
   position: sticky;
   top: 0;
   margin-bottom: calc(-1 * var(--header-height));
@@ -3677,15 +3679,15 @@
   transition: background-color 160ms ease;
   box-shadow: none;
 }
-._floating_1a3o7_44._scrolled_1a3o7_79 {
+._floating_r9jjq_39._scrolled_r9jjq_47 {
   background: rgba(8, 14, 18, 0.6);
 }
 @media (prefers-reduced-motion: reduce) {
-  ._floating_1a3o7_44 {
+  ._floating_r9jjq_39 {
     transition: none;
   }
 }
-._title_1a3o7_172 {
+._title_r9jjq_121 {
   flex: 0 0 auto;
   width: 222px;
   min-width: 0;
@@ -3697,21 +3699,21 @@
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-._title_1a3o7_172._leading_1a3o7_199 {
+._title_r9jjq_121._leading_r9jjq_134 {
   flex: 1 1 auto;
   width: auto;
   margin-left: var(--space-16);
 }
-._right_1a3o7_205 {
+._right_r9jjq_140 {
   display: flex;
   align-items: center;
   gap: var(--space-16);
 }
-._spacer_1a3o7_218 {
+._spacer_r9jjq_153 {
   width: 24px;
   height: 24px;
 }
-._iconBtn_1a3o7_223 {
+._iconBtn_r9jjq_158 {
   position: relative;
   display: inline-flex;
   align-items: center;
@@ -3725,19 +3727,19 @@
   cursor: pointer;
   text-decoration: none;
 }
-._iconBtn_1a3o7_223::after {
+._iconBtn_r9jjq_158::after {
   content: "";
   position: absolute;
   inset: -10px;
 }
-._menuBtn_1a3o7_250 {
+._menuBtn_r9jjq_185 {
   width: 32px;
   height: 32px;
 }
-._menuBtn_1a3o7_250::after {
+._menuBtn_r9jjq_185::after {
   inset: -6px;
 }
-._badge_1a3o7_278 {
+._badge_r9jjq_194 {
   position: absolute;
   top: -6px;
   left: 14px;
@@ -3759,15 +3761,15 @@
   font-variant-numeric: tabular-nums;
   pointer-events: none;
 }
-._closeSlot_1a3o7_305 {
+._closeSlot_r9jjq_221 {
   flex: 0 0 auto;
   width: 32px;
   height: 32px;
 }
-._closeSlot_1a3o7_305._iconBtn_1a3o7_223::after {
+._closeSlot_r9jjq_221._iconBtn_r9jjq_158::after {
   inset: -6px;
 }
-._centred_1a3o7_320 {
+._centred_r9jjq_236 {
   flex: 1 1 auto;
   width: auto;
   text-align: center;