@nok-integration/storefront-react 0.19.41 → 0.19.43

package/dist/standalone/styles.css

@@ -216,7 +216,7 @@
     background-position: 0 50%;
   }
 }
-._surface_zq8bq_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_zq8bq_10 *,
-._surface_zq8bq_10 *::before,
-._surface_zq8bq_10 *::after {
+._surface_1xwok_10 *,
+._surface_1xwok_10 *::before,
+._surface_1xwok_10 *::after {
   box-sizing: border-box;
 }
-._fill_zq8bq_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_zq8bq_10) :where(h1, h2, h3) {
+:where(._surface_1xwok_10) :where(h1, h2, h3) {
   margin: 0;
   font-weight: var(--font-weight-bold);
 }
-:where(._surface_zq8bq_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_zq8bq_10) :where(h2) {
+:where(._surface_1xwok_10) :where(h2) {
   font-size: var(--type-heading-md-size);
   line-height: var(--type-heading-md-line);
 }
-._surface_zq8bq_10 a:not([class]) {
+._surface_1xwok_10 a:not([class]) {
   color: inherit;
 }
-._surface_zq8bq_10 img {
+._surface_1xwok_10 img {
   max-width: 100%;
   height: auto;
 }
-._surface_zq8bq_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_zq8bq_10 *,
-  ._surface_zq8bq_10 *::before,
-  ._surface_zq8bq_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_10z1i_19 {
+._lines_15b52_19 {
   list-style: none;
   margin: 0;
   padding: 0;
@@ -695,12 +695,12 @@
   flex-direction: column;
   gap: var(--space-16);
 }
-._line_10z1i_19 {
+._line_15b52_19 {
   display: flex;
   align-items: center;
   gap: var(--space-12);
 }
-._thumb_10z1i_34 {
+._thumb_15b52_34 {
   position: relative;
   flex-shrink: 0;
   width: 48px;
@@ -709,15 +709,15 @@
   overflow: hidden;
   background: var(--color-surface-soft);
 }
-._image_10z1i_44 {
+._image_15b52_44 {
   object-fit: cover;
   object-position: top;
 }
-._placeholder_10z1i_51 {
+._placeholder_15b52_51 {
   width: 100%;
   height: 100%;
 }
-._lineBody_10z1i_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_10z1i_65 {
+._lineText_15b52_65 {
   display: flex;
   flex-direction: column;
   gap: var(--space-12);
   flex: 1 1 0;
   min-width: 0;
 }
-._lineTitle_10z1i_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_10z1i_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_10z1i_104 {
+._detail_15b52_104 {
   white-space: nowrap;
 }
-._linePrice_10z1i_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_10z1i_140 {
+._paid_15b52_140 {
   font-size: var(--type-trimmed-md-size);
   line-height: 11px;
   font-weight: var(--font-weight-bold);
 }
-._was_10z1i_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_10z1i_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_10z1i_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_10z1i_196 {
+._cardBody_15b52_196 {
   margin: 0;
   padding: var(--space-16);
   font-size: var(--type-trimmed-sm-size);
   line-height: 1.5;
 }
-._summaryCard_10z1i_168 {
+._summaryCard_15b52_168 {
   background: var(--color-surface-soft);
 }
-._summaryCard_10z1i_168 > :last-child {
+._summaryCard_15b52_168 > :last-child {
   padding: 0 var(--space-16);
 }
-._itemsHeader_10z1i_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_10z1i_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_10z1i_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_10z1i_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_j1rbn_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_j1rbn_15 {
+._titles_v0hbj_15 {
   display: flex;
   flex-direction: column;
   gap: var(--space-8);
 }
-._title_j1rbn_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_j1rbn_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_j1rbn_38 {
+._list_v0hbj_38 {
   display: flex;
   flex-direction: column;
   gap: var(--space-12);
 }
-._card_j1rbn_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_j1rbn_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_j1rbn_61:focus-visible {
+._checkSlot_v0hbj_61:focus-visible {
   outline: none;
   box-shadow: var(--focus-ring);
   border-radius: var(--radius-4);
 }
-._check_j1rbn_61 {
+._check_v0hbj_61 {
   position: relative;
   display: inline-flex;
   align-items: center;
@@ -1154,7 +1154,7 @@
   width: 24px;
   height: 24px;
 }
-._check_j1rbn_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_j1rbn_61[aria-checked=true] ._check_j1rbn_61::before {
+._checkSlot_v0hbj_61[aria-checked=true] ._check_v0hbj_61::before {
   border-color: transparent;
 }
-._check_j1rbn_61 svg {
+._check_v0hbj_61 svg {
   position: relative;
 }
-._row_j1rbn_105 {
+._row_v0hbj_105 {
   display: flex;
   flex-direction: column;
   gap: var(--space-12);
   flex: 1 1 0;
   min-width: 0;
 }
-._reason_j1rbn_130 {
+._reason_v0hbj_112 {
   display: inline-flex;
   align-items: center;
   justify-content: space-between;
@@ -1194,10 +1194,10 @@
   text-align: left;
   cursor: pointer;
 }
-._reasonSet_j1rbn_150 {
+._reasonSet_v0hbj_132 {
   color: var(--color-text-default);
 }
-._reason_j1rbn_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_2uqhz_6 {
+._page_vqbqs_6 {
   display: flex;
   flex-direction: column;
   gap: var(--space-32);
   padding: var(--space-20) var(--space-16) var(--space-24);
 }
-._confirmed_2uqhz_16 {
+._confirmed_vqbqs_16 {
   display: flex;
   flex-direction: column;
   gap: var(--space-24);
 }
-._title_2uqhz_22 {
+._title_vqbqs_22 {
   display: flex;
   flex-direction: column;
   gap: var(--space-12);
 }
-._headline_2uqhz_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_2uqhz_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_2uqhz_90 {
+._rule_vqbqs_77 {
   height: 1px;
   margin: 0 0 -1px;
   border: 0;
   background: var(--color-border-default);
 }
-._done_2uqhz_107 {
+._done_vqbqs_94 {
   border-color: var(--color-surface-max);
 }
 ._badge_1w0zn_6 {
@@ -2410,7 +2410,7 @@
   height: 1px;
   background: var(--color-border-default);
 }
-._bar_coyti_1 {
+._bar_v20rr_1 {
   position: sticky;
   bottom: 0;
   left: 0;
@@ -2422,53 +2422,53 @@
   background: var(--color-surface-default);
   z-index: 50;
 }
-._floating_coyti_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_coyti_59 {
+._divider_v20rr_37 {
   border-top: 1px solid var(--color-border-default);
 }
-._info_coyti_63 {
+._info_v20rr_41 {
   display: flex;
   align-items: center;
   justify-content: space-between;
   font-weight: var(--font-weight-bold);
 }
-._actions_coyti_71 {
+._actions_v20rr_49 {
   display: flex;
   gap: var(--space-8);
 }
-._actions_coyti_71 > * {
+._actions_v20rr_49 > * {
   flex: 1 1 0;
 }
-._surface_nkc99_15 {
+._surface_j3seb_15 {
   display: flex;
   flex-direction: column;
 }
-._screen_nkc99_20 {
+._screen_j3seb_20 {
   display: flex;
   flex-direction: column;
   flex: 1 1 auto;
 }
-._body_nkc99_12 {
+._body_j3seb_12 {
   display: flex;
   flex-direction: column;
   gap: var(--space-20);
   padding: 0 var(--space-16);
   flex: 1 1 auto;
 }
-._items_nkc99_34 {
+._items_j3seb_34 {
   display: flex;
   flex-direction: column;
   gap: var(--space-20);
 }
-._sectionHeader_nkc99_40 {
+._sectionHeader_j3seb_40 {
   display: flex;
   align-items: center;
   gap: var(--space-12);
 }
-._sectionTitle_nkc99_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_nkc99_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_nkc99_91 {
+._lines_j3seb_79 {
   list-style: none;
   margin: 0;
   padding: 0;
@@ -2499,10 +2499,10 @@
   flex-direction: column;
   gap: var(--space-20);
 }
-._gallery_16d26_1 {
+._gallery_1wmgz_1 {
   position: relative;
 }
-._track_16d26_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_16d26_5::-webkit-scrollbar {
+._track_1wmgz_5::-webkit-scrollbar {
   display: none;
 }
-._slide_16d26_29 {
+._slide_1wmgz_20 {
   position: relative;
   flex: 0 0 100%;
   scroll-snap-align: center;
   aspect-ratio: 375 / 475;
 }
-._image_16d26_36 {
+._image_1wmgz_27 {
   object-fit: cover;
 }
-._placeholder_16d26_40 {
+._placeholder_1wmgz_31 {
   width: 100%;
   aspect-ratio: 375 / 475;
   background: var(--color-surface-soft);
 }
-._dots_16d26_58 {
+._dots_1wmgz_49 {
   position: absolute;
   right: 0;
   bottom: 16px;
@@ -2537,7 +2537,7 @@
   justify-content: center;
   gap: var(--space-6);
 }
-._dot_16d26_58 {
+._dot_1wmgz_49 {
   width: 8px;
   height: 8px;
   padding: 0;
@@ -2548,12 +2548,12 @@
   cursor: pointer;
   position: relative;
 }
-._dot_16d26_58::after {
+._dot_1wmgz_49::after {
   content: "";
   position: absolute;
   inset: -18px -3px;
 }
-._dotActive_16d26_109 {
+._dotActive_1wmgz_100 {
   background: #ffffff;
 }
 ._scrim_r4azu_8 {
@@ -3487,22 +3487,24 @@
   column-gap: var(--space-12);
   row-gap: var(--space-12);
 }
-._showcase_c2hqd_59 {
+._showcase_x4nga_14 {
+  --chrome-bleed: calc(3 * (100lvh - 100svh));
   background: #080e12;
 }
-._panel_c2hqd_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_c2hqd_91 {
+._image_x4nga_48 {
   object-fit: cover;
   object-position: 50% var(--slide-focal-y, 50%);
 }
-._hero_c2hqd_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_c2hqd_131 ._heroContent_c2hqd_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_c2hqd_236 {
+._heroText_x4nga_197 {
   display: flex;
   flex-direction: column;
   gap: 8px;
@@ -3537,11 +3539,11 @@
   padding: 0 24px;
   text-align: center;
 }
-._heroText_c2hqd_236 ._logo_c2hqd_245 {
+._heroText_x4nga_197 ._logo_x4nga_206 {
   width: 48px;
   height: 48px;
 }
-._heroTitle_c2hqd_265 {
+._heroTitle_x4nga_226 {
   width: 100%;
   margin: 0;
   font-family:
@@ -3556,33 +3558,33 @@
   letter-spacing: -1.12px;
   color: #f9fafa;
 }
-._heroSub_c2hqd_289 {
+._heroSub_x4nga_250 {
   margin: 0;
   font-size: 16px;
   line-height: 1.55;
   color: #f9fafa;
   max-width: 327px;
 }
-._swipe_c2hqd_308 {
+._swipe_x4nga_269 {
   display: flex;
   flex-direction: column;
   align-items: center;
   gap: 6px;
   padding: 8px 0;
 }
-._swipeLabel_c2hqd_315 {
+._swipeLabel_x4nga_276 {
   margin: 0;
   font-size: 14px;
   line-height: 1;
   color: rgba(255, 255, 255, 0.54);
 }
-._chevron_c2hqd_321 {
+._chevron_x4nga_282 {
   width: 24px;
   height: 24px;
   color: rgba(255, 255, 255, 0.54);
-  animation: _bob_c2hqd_1 1.8s ease-in-out infinite;
+  animation: _bob_x4nga_1 1.8s ease-in-out infinite;
 }
-@keyframes _bob_c2hqd_1 {
+@keyframes _bob_x4nga_1 {
   0%, 100% {
     transform: translateY(0);
   }
@@ -3590,42 +3592,42 @@
     transform: translateY(4px);
   }
 }
-._overlay_c2hqd_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_c2hqd_356 {
+._copy_x4nga_317 {
   display: flex;
   flex-direction: column;
   gap: 8px;
 }
-._title_c2hqd_361 {
+._title_x4nga_322 {
   margin: 0;
   font-size: 32px;
   line-height: 1.2;
   font-weight: 700;
   color: #f9fafa;
 }
-._subtitle_c2hqd_368 {
+._subtitle_x4nga_329 {
   margin: 0;
   font-size: 16px;
   line-height: 1.55;
   color: #f9fafa;
 }
-._cta_c2hqd_374 {
+._cta_x4nga_335 {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -3639,22 +3641,22 @@
   font-weight: 700;
   text-decoration: none;
 }
-._cta_c2hqd_374::after {
+._cta_x4nga_335::after {
   content: "";
   position: absolute;
   inset: 0;
 }
-._cta_c2hqd_374:active {
+._cta_x4nga_335:active {
   background: rgba(249, 250, 250, 0.12);
 }
-._cta_c2hqd_374:focus-visible {
+._cta_x4nga_335:focus-visible {
   outline: none;
   box-shadow: var(--focus-ring);
 }
-._mosaic_c2hqd_418 {
+._mosaic_x4nga_379 {
   background: #080e12;
 }
-._header_8o3d7_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_8o3d7_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_8o3d7_44._scrolled_8o3d7_79 {
+._floating_r9jjq_39._scrolled_r9jjq_47 {
   background: rgba(8, 14, 18, 0.6);
 }
 @media (prefers-reduced-motion: reduce) {
-  ._floating_8o3d7_44 {
+  ._floating_r9jjq_39 {
     transition: none;
   }
 }
-._title_8o3d7_172 {
+._title_r9jjq_121 {
   flex: 0 0 auto;
   width: 222px;
   min-width: 0;
@@ -3697,21 +3699,21 @@
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-._title_8o3d7_172._leading_8o3d7_199 {
+._title_r9jjq_121._leading_r9jjq_134 {
   flex: 1 1 auto;
   width: auto;
   margin-left: var(--space-16);
 }
-._right_8o3d7_205 {
+._right_r9jjq_140 {
   display: flex;
   align-items: center;
   gap: var(--space-16);
 }
-._spacer_8o3d7_218 {
+._spacer_r9jjq_153 {
   width: 24px;
   height: 24px;
 }
-._iconBtn_8o3d7_223 {
+._iconBtn_r9jjq_158 {
   position: relative;
   display: inline-flex;
   align-items: center;
@@ -3725,19 +3727,19 @@
   cursor: pointer;
   text-decoration: none;
 }
-._iconBtn_8o3d7_223::after {
+._iconBtn_r9jjq_158::after {
   content: "";
   position: absolute;
   inset: -10px;
 }
-._menuBtn_8o3d7_250 {
+._menuBtn_r9jjq_185 {
   width: 32px;
   height: 32px;
 }
-._menuBtn_8o3d7_250::after {
+._menuBtn_r9jjq_185::after {
   inset: -6px;
 }
-._badge_8o3d7_278 {
+._badge_r9jjq_194 {
   position: absolute;
   top: -6px;
   left: 14px;
@@ -3759,15 +3761,15 @@
   font-variant-numeric: tabular-nums;
   pointer-events: none;
 }
-._closeSlot_8o3d7_305 {
+._closeSlot_r9jjq_221 {
   flex: 0 0 auto;
   width: 32px;
   height: 32px;
 }
-._closeSlot_8o3d7_305._iconBtn_8o3d7_223::after {
+._closeSlot_r9jjq_221._iconBtn_r9jjq_158::after {
   inset: -6px;
 }
-._centred_8o3d7_320 {
+._centred_r9jjq_236 {
   flex: 1 1 auto;
   width: auto;
   text-align: center;