@nok-integration/storefront-react 0.19.52 → 0.20.5

package/dist/styles.css

@@ -18,6 +18,7 @@
   --type-heading-sm-line: 1.38;
   --type-paragraph-size: 16px;
   --type-paragraph-line: 1.55;
+  --type-trimmed-leading: 1.2857;
   --type-trimmed-md-size: 16px;
   --type-trimmed-md-line: 11px;
   --type-trimmed-sm-size: 14px;
@@ -132,7 +133,7 @@
   background: var(--color-surface-max);
   color: var(--color-text-strong);
 }
-._button_1u2uh_1 {
+._button_17pvl_1 {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -150,48 +151,48 @@
   transition: background-color 120ms ease, opacity 120ms ease;
   -webkit-tap-highlight-color: transparent;
 }
-._fullWidth_1u2uh_25 {
+._fullWidth_17pvl_25 {
   width: 100%;
 }
-._primary_1u2uh_29 {
+._primary_17pvl_29 {
   background: var(--color-surface-max);
   color: var(--color-text-strong);
 }
-._secondary_1u2uh_34 {
+._secondary_17pvl_34 {
   background: transparent;
   color: var(--color-text-default);
   border-color: var(--color-border-default);
 }
-._ghost_1u2uh_40 {
+._ghost_17pvl_40 {
   background: transparent;
   color: var(--color-text-default);
   border-color: transparent;
 }
-._button_1u2uh_1:disabled {
+._button_17pvl_1:disabled {
   cursor: not-allowed;
 }
-._primary_1u2uh_29:disabled {
+._primary_17pvl_29:disabled {
   background: var(--color-surface-bold);
   color: var(--color-text-disabled);
 }
-._secondary_1u2uh_34:disabled,
-._ghost_1u2uh_40:disabled {
+._secondary_17pvl_34:disabled,
+._ghost_17pvl_40:disabled {
   opacity: 0.5;
 }
-._button_1u2uh_1:focus-visible {
+._button_17pvl_1:focus-visible {
   outline: 2px solid var(--color-surface-max);
   outline-offset: 2px;
 }
-._spinner_1u2uh_83 {
+._spinner_17pvl_83 {
   width: 20px;
   height: 20px;
   margin: 2px;
   border-radius: var(--radius-full);
   border: 2px solid currentColor;
   border-top-color: transparent;
-  animation: _spin_1u2uh_83 700ms linear infinite;
+  animation: _spin_17pvl_83 700ms linear infinite;
 }
-@keyframes _spin_1u2uh_83 {
+@keyframes _spin_17pvl_83 {
   to {
     transform: rotate(360deg);
   }
@@ -216,7 +217,7 @@
     background-position: 0 50%;
   }
 }
-._surface_1xwok_10 {
+._surface_stwld_10 {
   font-family: var(--font-family-base);
   font-weight: var(--font-weight-regular);
   font-size: var(--type-paragraph-size);
@@ -226,44 +227,44 @@
   -webkit-font-smoothing: antialiased;
   text-rendering: optimizeLegibility;
 }
-._surface_1xwok_10 *,
-._surface_1xwok_10 *::before,
-._surface_1xwok_10 *::after {
+._surface_stwld_10 *,
+._surface_stwld_10 *::before,
+._surface_stwld_10 *::after {
   box-sizing: border-box;
 }
-._fill_1xwok_35 {
+._fill_stwld_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_1xwok_10) :where(h1, h2, h3) {
+:where(._surface_stwld_10) :where(h1, h2, h3) {
   margin: 0;
   font-weight: var(--font-weight-bold);
 }
-:where(._surface_1xwok_10) :where(h1) {
+:where(._surface_stwld_10) :where(h1) {
   font-size: var(--type-heading-lg-size);
   line-height: var(--type-heading-lg-line);
 }
-:where(._surface_1xwok_10) :where(h2) {
+:where(._surface_stwld_10) :where(h2) {
   font-size: var(--type-heading-md-size);
   line-height: var(--type-heading-md-line);
 }
-._surface_1xwok_10 a:not([class]) {
+._surface_stwld_10 a:not([class]) {
   color: inherit;
 }
-._surface_1xwok_10 img {
+._surface_stwld_10 img {
   max-width: 100%;
   height: auto;
 }
-._surface_1xwok_10 :focus-visible {
+._surface_stwld_10 :focus-visible {
   outline: 2px solid var(--color-surface-max);
   outline-offset: 2px;
   border-radius: var(--radius-4);
 }
 @media (prefers-reduced-motion: reduce) {
-  ._surface_1xwok_10 *,
-  ._surface_1xwok_10 *::before,
-  ._surface_1xwok_10 *::after {
+  ._surface_stwld_10 *,
+  ._surface_stwld_10 *::before,
+  ._surface_stwld_10 *::after {
     animation-duration: 0.001ms !important;
     animation-iteration-count: 1 !important;
     transition-duration: 0.001ms !important;
@@ -355,7 +356,7 @@
   color: var(--color-text-subtle);
   max-width: 34ch;
 }
-._viewport_1tc1q_14 {
+._viewport_oz4st_14 {
   position: fixed;
   top: var(--toast-top, var(--space-12));
   left: 0;
@@ -368,7 +369,7 @@
   pointer-events: none;
   z-index: 1000;
 }
-._anchor_1tc1q_41 {
+._anchor_oz4st_41 {
   box-sizing: border-box;
   display: flex;
   flex-direction: column;
@@ -376,17 +377,17 @@
   width: 100%;
   max-width: 420px;
 }
-._caret_1tc1q_59 {
+._caret_oz4st_59 {
   display: block;
   width: 24px;
   height: 10px;
   margin-left: auto;
   margin-right: max(0px, calc(var(--toast-caret-right, 60px) - 12px));
 }
-._caret_1tc1q_59 svg {
+._caret_oz4st_59 svg {
   display: block;
 }
-._toast_1tc1q_82 {
+._toast_oz4st_82 {
   box-sizing: border-box;
   display: flex;
   align-items: center;
@@ -402,16 +403,16 @@
   box-shadow: 0 6px 24px rgba(8, 14, 18, 0.24);
   pointer-events: auto;
 }
-._text_1tc1q_111 {
+._text_oz4st_111 {
   display: flex;
   flex-direction: column;
   gap: var(--space-6);
   min-width: 0;
 }
-._message_1tc1q_120 {
+._message_oz4st_120 {
   min-width: 0;
 }
-._action_1tc1q_133 {
+._action_oz4st_133 {
   position: relative;
   flex-shrink: 0;
   padding: 0;
@@ -422,29 +423,29 @@
   text-decoration: underline;
   cursor: pointer;
 }
-._action_1tc1q_133::after {
+._action_oz4st_133::after {
   content: "";
   position: absolute;
   inset: -13px -12px;
 }
-._action_1tc1q_133:focus-visible {
+._action_oz4st_133:focus-visible {
   outline: 2px solid currentColor;
   outline-offset: 2px;
   border-radius: var(--radius-4);
 }
-._neutral_1tc1q_158 {
+._neutral_oz4st_158 {
   background: var(--color-surface-max);
   color: var(--color-text-strong);
 }
-._success_1tc1q_163 {
+._success_oz4st_163 {
   background: var(--color-state-text-success);
   color: var(--color-text-strong);
 }
-._critical_1tc1q_168 {
+._critical_oz4st_168 {
   background: var(--color-state-surface-critical-default);
   color: var(--color-text-strong);
 }
-._rich_1tc1q_183 {
+._rich_oz4st_183 {
   justify-content: flex-start;
   gap: var(--space-12);
   padding: var(--space-12) var(--space-16) var(--space-12) var(--space-12);
@@ -452,12 +453,12 @@
   color: #f9fafa;
   box-shadow: 0 6px 18px rgba(0, 0, 0, 0.25);
 }
-._rich_1tc1q_183 ._message_1tc1q_120 {
+._rich_oz4st_183 ._message_oz4st_120 {
   font-size: var(--type-trimmed-sm-size);
   font-weight: var(--font-weight-bold);
   line-height: normal;
 }
-._rich_1tc1q_183 ._description_1tc1q_198 {
+._rich_oz4st_183 ._description_oz4st_198 {
   font-size: var(--type-trimmed-xs-size);
   font-weight: var(--font-weight-regular);
   line-height: normal;
@@ -467,11 +468,11 @@
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-._rich_1tc1q_183 ._action_1tc1q_133 {
+._rich_oz4st_183 ._action_oz4st_133 {
   margin-left: auto;
   text-decoration: none;
 }
-._thumb_1tc1q_216 {
+._thumb_oz4st_216 {
   position: relative;
   flex-shrink: 0;
   width: 40px;
@@ -480,7 +481,7 @@
   overflow: hidden;
   background: rgba(255, 255, 255, 0.08);
 }
-._thumbImage_1tc1q_227 {
+._thumbImage_oz4st_227 {
   object-fit: cover;
   object-position: top;
 }
@@ -687,7 +688,7 @@
 ._row_1hsxt_16._discount_1hsxt_69 dd {
   color: var(--color-state-text-success);
 }
-._lines_15b52_19 {
+._lines_1lx0d_19 {
   list-style: none;
   margin: 0;
   padding: 0;
@@ -695,12 +696,12 @@
   flex-direction: column;
   gap: var(--space-16);
 }
-._line_15b52_19 {
+._line_1lx0d_19 {
   display: flex;
   align-items: center;
   gap: var(--space-12);
 }
-._thumb_15b52_34 {
+._thumb_1lx0d_34 {
   position: relative;
   flex-shrink: 0;
   width: 48px;
@@ -709,15 +710,15 @@
   overflow: hidden;
   background: var(--color-surface-soft);
 }
-._image_15b52_44 {
+._image_1lx0d_44 {
   object-fit: cover;
   object-position: top;
 }
-._placeholder_15b52_51 {
+._placeholder_1lx0d_51 {
   width: 100%;
   height: 100%;
 }
-._lineBody_15b52_56 {
+._lineBody_1lx0d_56 {
   display: flex;
   align-items: flex-start;
   justify-content: space-between;
@@ -725,14 +726,14 @@
   flex: 1 1 0;
   min-width: 0;
 }
-._lineText_15b52_65 {
+._lineText_1lx0d_65 {
   display: flex;
   flex-direction: column;
   gap: var(--space-12);
   flex: 1 1 0;
   min-width: 0;
 }
-._lineTitle_15b52_75 {
+._lineTitle_1lx0d_75 {
   margin: -6px 0;
   padding: 6px 0;
   font-size: var(--type-trimmed-sm-size);
@@ -742,7 +743,7 @@
   overflow: hidden;
   text-overflow: ellipsis;
 }
-._lineMeta_15b52_107 {
+._lineMeta_1lx0d_106 {
   display: flex;
   align-items: center;
   flex-wrap: wrap;
@@ -752,10 +753,10 @@
   line-height: 11px;
   color: var(--color-text-subtle);
 }
-._detail_15b52_104 {
+._detail_1lx0d_103 {
   white-space: nowrap;
 }
-._linePrice_15b52_128 {
+._linePrice_1lx0d_127 {
   display: flex;
   flex-direction: column;
   align-items: flex-end;
@@ -764,12 +765,12 @@
   white-space: nowrap;
   font-variant-numeric: tabular-nums;
 }
-._paid_15b52_140 {
+._paid_1lx0d_139 {
   font-size: var(--type-trimmed-md-size);
   line-height: 11px;
   font-weight: var(--font-weight-bold);
 }
-._was_15b52_153 {
+._was_1lx0d_152 {
   display: flex;
   align-items: center;
   justify-content: flex-end;
@@ -779,14 +780,14 @@
   color: var(--color-text-disabled);
   text-decoration: line-through;
 }
-._card_15b52_176 {
+._card_1lx0d_175 {
   display: flex;
   flex-direction: column;
   box-shadow: inset 0 0 0 1px var(--color-border-default);
   border-radius: var(--radius-18);
   overflow: hidden;
 }
-._cardTitle_15b52_184 {
+._cardTitle_1lx0d_183 {
   display: flex;
   align-items: center;
   margin: 0;
@@ -797,19 +798,19 @@
   line-height: 1.38;
   font-weight: var(--font-weight-bold);
 }
-._cardBody_15b52_196 {
+._cardBody_1lx0d_195 {
   margin: 0;
   padding: var(--space-16);
   font-size: var(--type-trimmed-sm-size);
   line-height: 1.5;
 }
-._summaryCard_15b52_168 {
+._summaryCard_1lx0d_167 {
   background: var(--color-surface-soft);
 }
-._summaryCard_15b52_168 > :last-child {
+._summaryCard_1lx0d_167 > :last-child {
   padding: 0 var(--space-16);
 }
-._itemsHeader_15b52_14 {
+._itemsHeader_1lx0d_14 {
   display: flex;
   align-items: center;
   gap: var(--space-12);
@@ -817,7 +818,7 @@
   padding: 0 var(--space-16);
   border-bottom: 1px solid var(--color-border-default);
 }
-._itemsTitle_15b52_225 {
+._itemsTitle_1lx0d_238 {
   flex: 1 0 0;
   min-width: 0;
   margin: 0;
@@ -825,7 +826,7 @@
   line-height: 1.38;
   font-weight: var(--font-weight-bold);
 }
-._itemsCount_15b52_236 {
+._itemsCount_1lx0d_249 {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -840,7 +841,7 @@
   letter-spacing: 0.12px;
   font-variant-numeric: tabular-nums;
 }
-._cardLines_15b52_255 {
+._cardLines_1lx0d_268 {
   gap: var(--space-12);
   padding: var(--space-12) var(--space-16);
 }
@@ -1092,38 +1093,38 @@
   text-decoration: line-through;
   font-variant-numeric: tabular-nums;
 }
-._page_v0hbj_7 {
+._page_15fz5_7 {
   display: flex;
   flex-direction: column;
   gap: var(--space-24);
   padding: var(--space-20) var(--space-16);
   background: var(--color-surface-default);
 }
-._titles_v0hbj_15 {
+._titles_15fz5_15 {
   display: flex;
   flex-direction: column;
   gap: var(--space-8);
 }
-._title_v0hbj_15 {
+._title_15fz5_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_v0hbj_30 {
+._subtitle_15fz5_35 {
+  margin: 0;
   font-size: var(--type-trimmed-sm-size);
-  line-height: 10px;
-  padding: 5px 0;
-  margin: -5px 0;
+  line-height: var(--type-trimmed-leading);
+  margin-block: calc((var(--type-trimmed-sm-line) - var(--type-trimmed-leading) * 1em) / 2);
   color: var(--color-text-subtle);
 }
-._list_v0hbj_38 {
+._list_15fz5_43 {
   display: flex;
   flex-direction: column;
   gap: var(--space-12);
 }
-._card_v0hbj_48 {
+._card_15fz5_53 {
   display: flex;
   align-items: flex-start;
   gap: var(--space-12);
@@ -1131,7 +1132,7 @@
   border-radius: var(--radius-18);
   background: var(--color-surface-soft);
 }
-._checkSlot_v0hbj_61 {
+._checkSlot_15fz5_66 {
   display: inline-flex;
   align-items: flex-start;
   flex-shrink: 0;
@@ -1141,12 +1142,12 @@
   color: var(--color-surface-max);
   cursor: pointer;
 }
-._checkSlot_v0hbj_61:focus-visible {
+._checkSlot_15fz5_66:focus-visible {
   outline: none;
   box-shadow: var(--focus-ring);
   border-radius: var(--radius-4);
 }
-._check_v0hbj_61 {
+._check_15fz5_66 {
   position: relative;
   display: inline-flex;
   align-items: center;
@@ -1154,7 +1155,7 @@
   width: 24px;
   height: 24px;
 }
-._check_v0hbj_61::before {
+._check_15fz5_66::before {
   content: "";
   position: absolute;
   width: 20px;
@@ -1162,20 +1163,20 @@
   border: 1px solid var(--color-border-default);
   border-radius: var(--radius-full);
 }
-._checkSlot_v0hbj_61[aria-checked=true] ._check_v0hbj_61::before {
+._checkSlot_15fz5_66[aria-checked=true] ._check_15fz5_66::before {
   border-color: transparent;
 }
-._check_v0hbj_61 svg {
+._check_15fz5_66 svg {
   position: relative;
 }
-._row_v0hbj_105 {
+._row_15fz5_110 {
   display: flex;
   flex-direction: column;
   gap: var(--space-12);
   flex: 1 1 0;
   min-width: 0;
 }
-._reason_v0hbj_112 {
+._reason_15fz5_135 {
   display: inline-flex;
   align-items: center;
   justify-content: space-between;
@@ -1194,10 +1195,10 @@
   text-align: left;
   cursor: pointer;
 }
-._reasonSet_v0hbj_132 {
+._reasonSet_15fz5_155 {
   color: var(--color-text-default);
 }
-._reason_v0hbj_112:focus-visible {
+._reason_15fz5_135:focus-visible {
   outline: none;
   box-shadow: var(--focus-ring);
 }
@@ -1327,32 +1328,32 @@
   letter-spacing: 0.12px;
   color: var(--color-text-default);
 }
-._page_1l21t_8 {
+._page_g4vus_8 {
   display: flex;
   flex-direction: column;
   gap: var(--space-24);
   padding: var(--space-20) var(--space-16) var(--space-24);
 }
-._titles_1l21t_15 {
+._titles_g4vus_15 {
   display: flex;
   flex-direction: column;
   gap: var(--space-8);
 }
-._title_1l21t_15 {
+._title_g4vus_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_1l21t_30 {
+._subtitle_g4vus_35 {
+  margin: 0;
   font-size: var(--type-trimmed-sm-size);
-  line-height: 10px;
-  padding: 5px 0;
-  margin: -5px 0;
+  line-height: var(--type-trimmed-leading);
+  margin-block: calc((var(--type-trimmed-sm-line) - var(--type-trimmed-leading) * 1em) / 2);
   color: var(--color-text-subtle);
 }
-._items_1l21t_38 {
+._items_g4vus_43 {
   list-style: none;
   margin: 0;
   padding: 0;
@@ -1360,12 +1361,12 @@
   flex-direction: column;
   gap: var(--space-16);
 }
-._item_1l21t_38 {
+._item_g4vus_43 {
   display: flex;
   align-items: center;
   gap: var(--space-12);
 }
-._thumb_1l21t_53 {
+._thumb_g4vus_58 {
   position: relative;
   flex-shrink: 0;
   width: 48px;
@@ -1374,22 +1375,22 @@
   overflow: hidden;
   background: var(--color-surface-subtle);
 }
-._img_1l21t_63 {
+._img_g4vus_68 {
   object-fit: cover;
   object-position: top;
 }
-._placeholder_1l21t_70 {
+._placeholder_g4vus_75 {
   width: 100%;
   height: 100%;
 }
-._meta_1l21t_75 {
+._meta_g4vus_80 {
   display: flex;
   flex-direction: column;
   gap: var(--space-12);
   flex: 1 1 0;
   min-width: 0;
 }
-._name_1l21t_83 {
+._name_g4vus_88 {
   font-size: var(--type-trimmed-sm-size);
   line-height: 10px;
   padding: 5px 0;
@@ -1400,20 +1401,20 @@
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-._attrs_1l21t_103 {
+._attrs_g4vus_108 {
   margin: 0;
   display: flex;
   align-items: center;
   gap: var(--space-8);
   color: var(--color-text-subtle);
 }
-._attrs_1l21t_103 > span {
+._attrs_g4vus_108 > span {
   font-size: var(--type-trimmed-sm-size);
   line-height: 10px;
   padding: 5px 0;
   margin: -5px 0;
 }
-._price_1l21t_118 {
+._price_g4vus_123 {
   display: flex;
   flex-direction: column;
   align-items: flex-end;
@@ -1421,38 +1422,38 @@
   flex-shrink: 0;
   text-align: right;
 }
-._paid_1l21t_127 {
+._paid_g4vus_132 {
   font-size: var(--type-trimmed-md-size);
   line-height: 11px;
   font-weight: var(--font-weight-bold);
   color: var(--color-text-default);
   font-variant-numeric: tabular-nums;
 }
-._was_1l21t_135 {
+._was_g4vus_140 {
   font-size: var(--type-trimmed-sm-size);
   line-height: 10px;
   color: var(--color-text-disabled);
   text-decoration: line-through;
   font-variant-numeric: tabular-nums;
 }
-._page_1qh0r_8 {
+._page_1iwin_8 {
   display: flex;
   flex-direction: column;
   gap: var(--space-32);
   padding: var(--space-20) var(--space-16) var(--space-24);
 }
-._widget_1qh0r_18 {
+._widget_1iwin_18 {
   display: flex;
   flex-direction: column;
   gap: var(--space-32);
 }
-._titleRow_1qh0r_26 {
+._titleRow_1iwin_26 {
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: var(--space-12);
 }
-._headline_1qh0r_42 {
+._headline_1iwin_42 {
   margin: -9px 0;
   padding: 9px 0;
   min-width: 0;
@@ -1463,7 +1464,7 @@
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-._track_1qh0r_74 {
+._track_1iwin_74 {
   display: inline-flex;
   align-items: center;
   gap: var(--space-6);
@@ -1474,43 +1475,43 @@
   color: var(--color-text-default);
   text-decoration: none;
 }
-._track_1qh0r_74:focus-visible {
+._track_1iwin_74:focus-visible {
   outline: none;
   box-shadow: var(--focus-ring);
   border-radius: var(--radius-4);
 }
-._rule_1qh0r_99 {
+._rule_1iwin_99 {
   height: 1px;
   margin: 0 0 -1px;
   border: 0;
   background: var(--color-border-default);
 }
-._help_1qh0r_109 {
+._help_1iwin_109 {
   display: flex;
   flex-direction: column;
   gap: var(--space-6);
 }
-._helpTitle_1qh0r_115 {
+._helpTitle_1iwin_115 {
   margin: 0;
   font-size: var(--type-heading-md-size);
   line-height: 1.32;
   font-weight: var(--font-weight-bold);
 }
-._helpRows_1qh0r_122 {
+._helpRows_1iwin_122 {
   display: flex;
   flex-direction: column;
 }
-._helpRowEnd_1qh0r_131 {
+._helpRowEnd_1iwin_131 {
   display: flex;
   align-items: center;
   gap: var(--space-8);
   min-width: 0;
 }
-._helpStatus_1qh0r_139 {
+._helpStatus_1iwin_139 {
   color: var(--color-text-subtle);
   white-space: nowrap;
 }
-._helpRow_1qh0r_122 {
+._helpRow_1iwin_122 {
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -1528,14 +1529,14 @@
   text-align: left;
   cursor: pointer;
 }
-._helpRow_1qh0r_122 + ._helpRow_1qh0r_122 {
+._helpRow_1iwin_122 + ._helpRow_1iwin_122 {
   border-top: 1px solid var(--color-border-subtle);
 }
-._helpRow_1qh0r_122:focus-visible {
+._helpRow_1iwin_122:focus-visible {
   outline: none;
   box-shadow: var(--focus-ring);
 }
-._cancel_1qh0r_197 {
+._cancel_1iwin_197 {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -1552,27 +1553,27 @@
   font-weight: var(--font-weight-bold);
   cursor: pointer;
 }
-._cancel_1qh0r_197:focus-visible {
+._cancel_1iwin_197:focus-visible {
   outline: none;
   box-shadow: var(--focus-ring);
 }
-._cancelledHead_1qh0r_221 {
+._cancelledHead_1iwin_221 {
   display: flex;
   flex-direction: column;
   gap: var(--space-8);
 }
-._cancelledTitle_1qh0r_227 {
+._cancelledTitle_1iwin_227 {
   margin: 0;
   font-size: var(--type-heading-md-size);
   line-height: 1.32;
   font-weight: var(--font-weight-bold);
   color: var(--color-text-default);
 }
-._cancelledMeta_1qh0r_236 {
+._cancelledMeta_1iwin_241 {
+  margin: 0;
   font-size: var(--type-trimmed-sm-size);
-  line-height: 10px;
-  padding: 5px 0;
-  margin: -5px 0;
+  line-height: var(--type-trimmed-leading);
+  margin-block: calc((var(--type-trimmed-sm-line) - var(--type-trimmed-leading) * 1em) / 2);
   color: var(--color-text-subtle);
 }
 ._page_vqbqs_6 {
@@ -2259,25 +2260,25 @@
   color: var(--color-text-default);
   font-variant-numeric: tabular-nums;
 }
-._line_1ritd_6 {
+._line_1dx14_6 {
   display: flex;
   flex-direction: column;
   gap: var(--space-6);
 }
-._row_1ritd_12 {
+._row_1dx14_12 {
   display: flex;
   gap: var(--space-16);
   align-items: center;
 }
-._pending_1ritd_18 {
+._pending_1dx14_18 {
   opacity: 0.6;
 }
-._labels_1ritd_24 {
+._labels_1dx14_24 {
   display: flex;
   align-items: center;
   gap: var(--space-4);
 }
-._lowStock_1ritd_39 {
+._lowStock_1dx14_39 {
   display: inline-flex;
   align-items: center;
   padding: 7px 0;
@@ -2286,7 +2287,7 @@
   line-height: 10px;
   color: var(--color-state-text-warning);
 }
-._media_1ritd_49 {
+._media_1dx14_49 {
   position: relative;
   flex-shrink: 0;
   width: 100px;
@@ -2295,21 +2296,21 @@
   overflow: hidden;
   background: var(--color-surface-soft);
 }
-._image_1ritd_59 {
+._image_1dx14_59 {
   object-fit: cover;
   object-position: top;
 }
-._placeholder_1ritd_75 {
+._placeholder_1dx14_75 {
   width: 100%;
   height: 100%;
 }
-._saleBadge_1ritd_88 {
+._saleBadge_1dx14_88 {
   position: absolute;
   display: flex;
   left: var(--space-6);
   bottom: var(--space-6);
 }
-._oos_1ritd_103 {
+._oos_1dx14_103 {
   position: absolute;
   inset: 0;
   display: flex;
@@ -2321,26 +2322,26 @@
   font-size: var(--type-trimmed-sm-size);
   font-weight: var(--font-weight-bold);
 }
-._info_1ritd_116 {
+._info_1dx14_116 {
   display: flex;
   flex-direction: column;
   gap: var(--space-16);
   flex: 1 1 0;
   min-width: 0;
 }
-._head_1ritd_124 {
+._head_1dx14_124 {
   display: flex;
   align-items: flex-start;
   justify-content: space-between;
   gap: var(--space-8);
 }
-._meta_1ritd_131 {
+._meta_1dx14_131 {
   display: flex;
   flex-direction: column;
   gap: var(--space-12);
   min-width: 0;
 }
-._title_1ritd_146 {
+._title_1dx14_146 {
   font-size: var(--type-trimmed-md-size);
   font-weight: var(--font-weight-bold);
   line-height: 11px;
@@ -2350,13 +2351,13 @@
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-._details_1ritd_164 {
+._details_1dx14_164 {
   display: flex;
   flex-wrap: wrap;
   gap: var(--space-6);
   min-width: 0;
 }
-._detail_1ritd_164 {
+._detail_1dx14_164 {
   font-size: var(--type-trimmed-sm-size);
   font-weight: var(--font-weight-regular);
   line-height: 10px;
@@ -2365,14 +2366,14 @@
   color: var(--color-text-subtle);
   white-space: nowrap;
 }
-._price_1ritd_183 {
+._price_1dx14_183 {
   display: flex;
   flex-direction: column;
   align-items: flex-end;
   gap: var(--space-6);
   flex-shrink: 0;
 }
-._amount_1ritd_191 {
+._amount_1dx14_191 {
   font-size: var(--type-trimmed-md-size);
   font-weight: var(--font-weight-bold);
   line-height: 11px;
@@ -2380,7 +2381,7 @@
   margin: -7px 0;
   white-space: nowrap;
 }
-._was_1ritd_200 {
+._was_1dx14_200 {
   font-size: var(--type-trimmed-sm-size);
   font-weight: var(--font-weight-regular);
   line-height: 10px;
@@ -2418,7 +2419,7 @@
   height: 1px;
   background: var(--color-border-default);
 }
-._bar_v20rr_1 {
+._bar_23dkv_1 {
   position: sticky;
   bottom: 0;
   left: 0;
@@ -2430,53 +2431,53 @@
   background: var(--color-surface-default);
   z-index: 50;
 }
-._floating_v20rr_31 {
+._floating_23dkv_52 {
   border-radius: var(--radius-12) var(--radius-12) 0 0;
   filter: drop-shadow(0 -4px 12px rgba(206, 206, 206, 0.48));
 }
-._divider_v20rr_37 {
+._divider_23dkv_58 {
   border-top: 1px solid var(--color-border-default);
 }
-._info_v20rr_41 {
+._info_23dkv_62 {
   display: flex;
   align-items: center;
   justify-content: space-between;
   font-weight: var(--font-weight-bold);
 }
-._actions_v20rr_49 {
+._actions_23dkv_70 {
   display: flex;
   gap: var(--space-8);
 }
-._actions_v20rr_49 > * {
+._actions_23dkv_70 > * {
   flex: 1 1 0;
 }
-._surface_15488_15 {
+._surface_1bdb0_15 {
   display: flex;
   flex-direction: column;
 }
-._screen_15488_20 {
+._screen_1bdb0_20 {
   display: flex;
   flex-direction: column;
   flex: 1 1 auto;
 }
-._body_15488_12 {
+._body_1bdb0_12 {
   display: flex;
   flex-direction: column;
   gap: var(--space-20);
   padding: var(--space-20) var(--space-16) 0;
   flex: 1 1 auto;
 }
-._items_15488_34 {
+._items_1bdb0_34 {
   display: flex;
   flex-direction: column;
   gap: var(--space-20);
 }
-._sectionHeader_15488_40 {
+._sectionHeader_1bdb0_40 {
   display: flex;
   align-items: center;
   gap: var(--space-12);
 }
-._sectionTitle_15488_46 {
+._sectionTitle_1bdb0_46 {
   margin: 0;
   font-size: var(--type-heading-md-size);
   line-height: 1.38;
@@ -2484,7 +2485,7 @@
   flex: 1 0 0;
   min-width: 0;
 }
-._count_15488_55 {
+._count_1bdb0_67 {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -2499,7 +2500,7 @@
   font-variant-numeric: tabular-nums;
   flex-shrink: 0;
 }
-._lines_15488_79 {
+._lines_1bdb0_91 {
   list-style: none;
   margin: 0;
   padding: 0;
@@ -2507,10 +2508,10 @@
   flex-direction: column;
   gap: var(--space-20);
 }
-._gallery_1wmgz_1 {
+._gallery_1vbj7_1 {
   position: relative;
 }
-._track_1wmgz_5 {
+._track_1vbj7_5 {
   display: flex;
   overflow-x: auto;
   scroll-snap-type: x mandatory;
@@ -2519,24 +2520,24 @@
   background: var(--color-surface-soft);
   scrollbar-width: none;
 }
-._track_1wmgz_5::-webkit-scrollbar {
+._track_1vbj7_5::-webkit-scrollbar {
   display: none;
 }
-._slide_1wmgz_20 {
+._slide_1vbj7_20 {
   position: relative;
   flex: 0 0 100%;
   scroll-snap-align: center;
   aspect-ratio: 375 / 475;
 }
-._image_1wmgz_27 {
+._image_1vbj7_27 {
   object-fit: cover;
 }
-._placeholder_1wmgz_31 {
+._placeholder_1vbj7_31 {
   width: 100%;
   aspect-ratio: 375 / 475;
   background: var(--color-surface-soft);
 }
-._dots_1wmgz_49 {
+._dots_1vbj7_49 {
   position: absolute;
   right: 0;
   bottom: 16px;
@@ -2545,7 +2546,7 @@
   justify-content: center;
   gap: var(--space-6);
 }
-._dot_1wmgz_49 {
+._dot_1vbj7_49 {
   width: 8px;
   height: 8px;
   padding: 0;
@@ -2556,12 +2557,12 @@
   cursor: pointer;
   position: relative;
 }
-._dot_1wmgz_49::after {
+._dot_1vbj7_49::after {
   content: "";
   position: absolute;
   inset: -18px -3px;
 }
-._dotActive_1wmgz_100 {
+._dotActive_1vbj7_100 {
   background: #ffffff;
 }
 ._scrim_r4azu_8 {
@@ -3401,13 +3402,13 @@
 ._dotActive_qsxtq_85 {
   background: #f9fafa;
 }
-._section_82ve5_1 {
+._section_1nrsi_1 {
   display: flex;
   flex-direction: column;
   gap: var(--space-12);
   padding: var(--space-24) var(--space-16);
 }
-._row_82ve5_9 {
+._row_1nrsi_9 {
   display: flex;
   flex-direction: column;
   gap: var(--space-8);
@@ -3415,18 +3416,18 @@
   border-radius: var(--radius-8);
   background: var(--color-surface-soft);
 }
-._title_82ve5_21 {
+._title_1nrsi_20 {
   margin: 0;
   font-size: var(--type-heading-sm-size);
   line-height: var(--type-heading-sm-line);
   font-weight: var(--font-weight-bold);
   color: var(--color-text-default);
 }
-._body_82ve5_48 {
+._body_1nrsi_43 {
   margin: 0;
   font-size: var(--type-trimmed-sm-size);
-  line-height: var(--type-caption-sm-line);
-  margin-block: calc((var(--type-trimmed-sm-line) - var(--type-caption-sm-line) * 1em) / 2);
+  line-height: var(--type-trimmed-leading);
+  margin-block: calc((var(--type-trimmed-sm-line) - var(--type-trimmed-leading) * 1em) / 2);
   color: var(--color-text-subtle);
 }
 ._section_snuuj_1 {
@@ -3464,30 +3465,30 @@
   flex-shrink: 0;
   color: var(--color-text-default);
 }
-._pcp_yu17f_6 {
+._pcp_1kft8_6 {
   display: flex;
   flex-direction: column;
 }
-._blocks_yu17f_25 {
+._blocks_1kft8_24 {
   position: relative;
   display: flex;
   flex-direction: column;
 }
-._featured_yu17f_38,
-._gridBlock_yu17f_39 {
+._featured_1kft8_36,
+._gridBlock_1kft8_37 {
   display: flex;
   flex-direction: column;
   gap: var(--space-12);
   padding: var(--space-24) 0;
 }
-._blockTitle_yu17f_46 {
+._blockTitle_1kft8_44 {
   padding: 0 var(--space-16);
   font-size: var(--type-heading-md-size);
   line-height: 1.38;
   font-weight: var(--font-weight-bold);
   color: var(--color-text-default);
 }
-._grid_yu17f_39 {
+._grid_1kft8_37 {
   list-style: none;
   margin: 0;
   padding: 0 var(--space-16);
@@ -3496,19 +3497,16 @@
   column-gap: var(--space-12);
   row-gap: var(--space-12);
 }
-._showcase_15pba_14 {
+._showcase_9ibf6_14 {
   --chrome-bleed: 0px;
   background: #080e12;
-  display: flow-root;
-  overflow: clip;
-  overflow-clip-margin: var(--chrome-bleed, 0px);
 }
 @supports (-webkit-touch-callout: none) {
-  ._showcase_15pba_14 {
+  ._showcase_9ibf6_14 {
     --chrome-bleed: calc(3 * (100lvh - 100svh));
   }
 }
-._panel_15pba_57 {
+._panel_9ibf6_40 {
   position: relative;
   height: 100lvh;
   height: calc(100lvh + var(--chrome-bleed, 0px));
@@ -3518,14 +3516,11 @@
   overflow: hidden;
   background: #080e12;
 }
-._panel_15pba_57:last-child {
-  margin-bottom: calc(100dvh - 100lvh - var(--chrome-bleed, 0px));
-}
-._image_15pba_122 {
+._image_9ibf6_93 {
   object-fit: cover;
   object-position: 50% var(--slide-focal-y, 50%);
 }
-._hero_15pba_162::after {
+._hero_9ibf6_133::after {
   content: "";
   position: absolute;
   inset: 0;
@@ -3540,7 +3535,7 @@
       rgba(8, 14, 18, 0) calc(520px + var(--chrome-bleed, 0px)));
   pointer-events: none;
 }
-._hero_15pba_162 ._heroContent_15pba_254 {
+._hero_9ibf6_133 ._heroContent_9ibf6_224 {
   position: absolute;
   bottom: 32px;
   bottom: calc(32px + var(--chrome-bleed, 0px) + 100lvh - 100svh);
@@ -3552,7 +3547,7 @@
   gap: 24px;
   align-items: stretch;
 }
-._heroText_15pba_278 {
+._heroText_9ibf6_248 {
   display: flex;
   flex-direction: column;
   gap: 8px;
@@ -3560,11 +3555,11 @@
   padding: 0 24px;
   text-align: center;
 }
-._heroText_15pba_278 ._logo_15pba_287 {
+._heroText_9ibf6_248 ._logo_9ibf6_257 {
   width: 48px;
   height: 48px;
 }
-._heroTitle_15pba_307 {
+._heroTitle_9ibf6_277 {
   width: 100%;
   margin: 0;
   font-family:
@@ -3579,33 +3574,33 @@
   letter-spacing: -1.12px;
   color: #f9fafa;
 }
-._heroSub_15pba_331 {
+._heroSub_9ibf6_301 {
   margin: 0;
   font-size: 16px;
   line-height: 1.55;
   color: #f9fafa;
   max-width: 327px;
 }
-._swipe_15pba_350 {
+._swipe_9ibf6_320 {
   display: flex;
   flex-direction: column;
   align-items: center;
   gap: 6px;
   padding: 8px 0;
 }
-._swipeLabel_15pba_357 {
+._swipeLabel_9ibf6_327 {
   margin: 0;
   font-size: 14px;
   line-height: 1;
   color: rgba(255, 255, 255, 0.54);
 }
-._chevron_15pba_363 {
+._chevron_9ibf6_333 {
   width: 24px;
   height: 24px;
   color: rgba(255, 255, 255, 0.54);
-  animation: _bob_15pba_1 1.8s ease-in-out infinite;
+  animation: _bob_9ibf6_1 1.8s ease-in-out infinite;
 }
-@keyframes _bob_15pba_1 {
+@keyframes _bob_9ibf6_1 {
   0%, 100% {
     transform: translateY(0);
   }
@@ -3613,7 +3608,7 @@
     transform: translateY(4px);
   }
 }
-._overlay_15pba_11 {
+._overlay_9ibf6_11 {
   position: absolute;
   inset: 0;
   z-index: 1;
@@ -3630,25 +3625,25 @@
   padding: 0 24px 24px;
   padding-bottom: calc(24px + var(--chrome-bleed, 0px) + 100lvh - 100svh);
 }
-._copy_15pba_398 {
+._copy_9ibf6_368 {
   display: flex;
   flex-direction: column;
   gap: 8px;
 }
-._title_15pba_403 {
+._title_9ibf6_373 {
   margin: 0;
   font-size: 32px;
   line-height: 1.2;
   font-weight: 700;
   color: #f9fafa;
 }
-._subtitle_15pba_410 {
+._subtitle_9ibf6_380 {
   margin: 0;
   font-size: 16px;
   line-height: 1.55;
   color: #f9fafa;
 }
-._cta_15pba_416 {
+._cta_9ibf6_386 {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -3662,21 +3657,24 @@
   font-weight: 700;
   text-decoration: none;
 }
-._cta_15pba_416::after {
+._cta_9ibf6_386::after {
   content: "";
   position: absolute;
   inset: 0;
 }
-._cta_15pba_416:active {
+._cta_9ibf6_386:active {
   background: rgba(249, 250, 250, 0.12);
 }
-._cta_15pba_416:focus-visible {
+._cta_9ibf6_386:focus-visible {
   outline: none;
   box-shadow: var(--focus-ring);
 }
-._mosaic_15pba_460 {
+._mosaic_9ibf6_430 {
   background: #080e12;
 }
+._showcase_9ibf6_14[data-viewport=fixed] {
+  --chrome-bleed: 0px;
+}
 ._header_r9jjq_14 {
   position: sticky;
   top: 0;