@nok-integration/storefront-react 0.22.0 → 0.22.2

package/dist/standalone/styles.css

@@ -654,12 +654,12 @@
   color: var(--color-text-disabled);
   white-space: nowrap;
 }
-._summary_1hsxt_2 {
+._summary_1k2h8_2 {
   margin: 0;
   display: flex;
   flex-direction: column;
 }
-._row_1hsxt_16 {
+._row_1k2h8_16 {
   box-sizing: border-box;
   display: flex;
   align-items: center;
@@ -671,32 +671,41 @@
   font-weight: var(--font-weight-bold);
   color: var(--color-text-default);
 }
-._row_1hsxt_16 + ._row_1hsxt_16 {
+._row_1k2h8_16 + ._row_1k2h8_16 {
   box-shadow: inset 0 1px 0 var(--color-border-default);
 }
-._row_1hsxt_16 dt,
-._row_1hsxt_16 dd {
+._row_1k2h8_16 dt,
+._row_1k2h8_16 dd {
   margin: 0;
   line-height: var(--type-caption-sm-line);
 }
-._row_1hsxt_16 dd {
+._row_1k2h8_16 dd {
   line-height: var(--type-caption-sm-line);
   white-space: nowrap;
   font-variant-numeric: tabular-nums;
 }
-._free_1hsxt_53 {
+._free_1k2h8_53 {
   color: var(--color-state-text-success);
   font-weight: var(--font-weight-bold);
 }
-._pending_1hsxt_59 {
+._pending_1k2h8_59 {
   font-size: var(--type-trimmed-xs-size);
   color: var(--color-text-subtle);
 }
-._row_1hsxt_16._discount_1hsxt_69 dt,
-._row_1hsxt_16._discount_1hsxt_69 dd {
+._row_1k2h8_16._discount_1k2h8_69 dt,
+._row_1k2h8_16._discount_1k2h8_69 dd {
   color: var(--color-state-text-success);
 }
-._lines_1lx0d_19 {
+@media (min-width: 1200px) {
+  [data-shop-layout=wide] ._row_1k2h8_16 {
+    padding: var(--space-12) var(--space-16);
+    box-shadow: inset 0 1px 0 var(--color-border-default);
+  }
+  [data-shop-layout=wide] ._free_1k2h8_53 {
+    color: var(--color-text-default);
+  }
+}
+._lines_gr6vv_19 {
   list-style: none;
   margin: 0;
   padding: 0;
@@ -704,12 +713,12 @@
   flex-direction: column;
   gap: var(--space-16);
 }
-._line_1lx0d_19 {
+._line_gr6vv_19 {
   display: flex;
   align-items: center;
   gap: var(--space-12);
 }
-._thumb_1lx0d_34 {
+._thumb_gr6vv_34 {
   position: relative;
   flex-shrink: 0;
   width: 48px;
@@ -718,15 +727,15 @@
   overflow: hidden;
   background: var(--color-surface-soft);
 }
-._image_1lx0d_44 {
+._image_gr6vv_44 {
   object-fit: cover;
   object-position: top;
 }
-._placeholder_1lx0d_51 {
+._placeholder_gr6vv_51 {
   width: 100%;
   height: 100%;
 }
-._lineBody_1lx0d_56 {
+._lineBody_gr6vv_56 {
   display: flex;
   align-items: flex-start;
   justify-content: space-between;
@@ -734,14 +743,14 @@
   flex: 1 1 0;
   min-width: 0;
 }
-._lineText_1lx0d_65 {
+._lineText_gr6vv_65 {
   display: flex;
   flex-direction: column;
   gap: var(--space-12);
   flex: 1 1 0;
   min-width: 0;
 }
-._lineTitle_1lx0d_75 {
+._lineTitle_gr6vv_75 {
   margin: -6px 0;
   padding: 6px 0;
   font-size: var(--type-trimmed-sm-size);
@@ -751,7 +760,7 @@
   overflow: hidden;
   text-overflow: ellipsis;
 }
-._lineMeta_1lx0d_106 {
+._lineMeta_gr6vv_106 {
   display: flex;
   align-items: center;
   flex-wrap: wrap;
@@ -761,10 +770,10 @@
   line-height: 11px;
   color: var(--color-text-subtle);
 }
-._detail_1lx0d_103 {
+._detail_gr6vv_103 {
   white-space: nowrap;
 }
-._linePrice_1lx0d_127 {
+._linePrice_gr6vv_127 {
   display: flex;
   flex-direction: column;
   align-items: flex-end;
@@ -773,12 +782,12 @@
   white-space: nowrap;
   font-variant-numeric: tabular-nums;
 }
-._paid_1lx0d_139 {
+._paid_gr6vv_139 {
   font-size: var(--type-trimmed-md-size);
   line-height: 11px;
   font-weight: var(--font-weight-bold);
 }
-._was_1lx0d_152 {
+._was_gr6vv_152 {
   display: flex;
   align-items: center;
   justify-content: flex-end;
@@ -788,14 +797,14 @@
   color: var(--color-text-disabled);
   text-decoration: line-through;
 }
-._card_1lx0d_175 {
+._card_gr6vv_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_1lx0d_183 {
+._cardTitle_gr6vv_183 {
   display: flex;
   align-items: center;
   margin: 0;
@@ -806,19 +815,19 @@
   line-height: 1.38;
   font-weight: var(--font-weight-bold);
 }
-._cardBody_1lx0d_195 {
+._cardBody_gr6vv_195 {
   margin: 0;
   padding: var(--space-16);
   font-size: var(--type-trimmed-sm-size);
   line-height: 1.5;
 }
-._summaryCard_1lx0d_167 {
+._summaryCard_gr6vv_167 {
   background: var(--color-surface-soft);
 }
-._summaryCard_1lx0d_167 > :last-child {
+._summaryCard_gr6vv_167 > :last-child {
   padding: 0 var(--space-16);
 }
-._itemsHeader_1lx0d_14 {
+._itemsHeader_gr6vv_14 {
   display: flex;
   align-items: center;
   gap: var(--space-12);
@@ -826,7 +835,7 @@
   padding: 0 var(--space-16);
   border-bottom: 1px solid var(--color-border-default);
 }
-._itemsTitle_1lx0d_238 {
+._itemsTitle_gr6vv_238 {
   flex: 1 0 0;
   min-width: 0;
   margin: 0;
@@ -834,7 +843,7 @@
   line-height: 1.38;
   font-weight: var(--font-weight-bold);
 }
-._itemsCount_1lx0d_249 {
+._itemsCount_gr6vv_249 {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -849,10 +858,21 @@
   letter-spacing: 0.12px;
   font-variant-numeric: tabular-nums;
 }
-._cardLines_1lx0d_268 {
+._cardLines_gr6vv_268 {
   gap: var(--space-12);
   padding: var(--space-12) var(--space-16);
 }
+@media (min-width: 1200px) {
+  [data-shop-layout=wide] ._summaryCard_gr6vv_167 {
+    background: var(--color-surface-default);
+  }
+  [data-shop-layout=wide] ._summaryCard_gr6vv_167 ._cardTitle_gr6vv_183 {
+    border-bottom: 0;
+  }
+  [data-shop-layout=wide] ._summaryCard_gr6vv_167 > :last-child {
+    padding: 0;
+  }
+}
 ._header_1f3nh_7 {
   display: flex;
   align-items: flex-start;
@@ -1444,24 +1464,211 @@
   text-decoration: line-through;
   font-variant-numeric: tabular-nums;
 }
-._page_1iwin_8 {
+._crumbs_1qwg2_1 {
+  display: flex;
+  align-items: center;
+  height: 21px;
+  gap: var(--space-8);
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  color: var(--color-text-default);
+  white-space: nowrap;
+}
+._home_1qwg2_13 {
+  padding: 0;
+  border: 0;
+  background: none;
+  color: inherit;
+  font: inherit;
+  font-size: 16px;
+  line-height: normal;
+  opacity: 0.6;
+  cursor: pointer;
+}
+._trail_1qwg2_25 {
+  font-size: 16px;
+  line-height: normal;
+  opacity: 0.6;
+}
+._separator_1qwg2_31 {
+  font-size: 14px;
+  line-height: 1.5;
+  opacity: 0.6;
+}
+._current_1qwg2_37 {
+  font-size: 16px;
+  line-height: normal;
+}
+._help_1qwg2_42 {
+  display: flex;
+  align-items: center;
+  gap: var(--space-8);
+  width: 100%;
+  padding: var(--space-8) 0;
+  border: 0;
+  background: none;
+  color: var(--color-text-default);
+  font: inherit;
+  text-align: left;
+  cursor: pointer;
+}
+._helpLabel_1qwg2_56 {
+  font-size: 14px;
+  line-height: 1.5;
+  text-decoration: underline;
+}
+._crumbs_1c5rq_1,
+._help_1c5rq_2,
+._skeleton_1c5rq_3 {
+  display: none;
+}
+@media (min-width: 1200px) {
+  ._crumbs_1c5rq_1 {
+    display: block;
+    grid-area: crumbs;
+    margin-bottom: 29px;
+  }
+  ._help_1c5rq_2 {
+    display: block;
+  }
+  ._skeleton_1c5rq_3 {
+    display: grid;
+    grid-template-columns: 560px 432px;
+    grid-template-areas: "crumbs crumbs" "main aside";
+    column-gap: 96px;
+    align-items: start;
+    justify-content: center;
+    padding: 54px 0 64px;
+    flex: 1 0 auto;
+    background: var(--color-surface-base);
+  }
+  ._skeleton_1c5rq_3 span[aria-hidden=true] {
+    background:
+      linear-gradient(
+        90deg,
+        var(--color-border-default) 25%,
+        var(--color-surface-soft) 37%,
+        var(--color-border-default) 63%);
+    background-size: 400% 100%;
+  }
+  ._skeleton_1c5rq_3 ._skConnector_1c5rq_42 {
+    background: var(--color-surface-soft);
+  }
+  ._skMain_1c5rq_46 {
+    grid-area: main;
+    display: flex;
+    flex-direction: column;
+  }
+  ._skSubtitle_1c5rq_52 {
+    margin-top: 10px;
+  }
+  ._skTimeline_1c5rq_56 {
+    display: flex;
+    flex-direction: column;
+    margin-top: 17px;
+    padding-left: 5px;
+  }
+  ._skStep_1c5rq_63 {
+    display: flex;
+    align-items: flex-start;
+    gap: 12px;
+    height: 24px;
+  }
+  ._skStepText_1c5rq_70 {
+    display: flex;
+    flex-direction: column;
+    gap: 7px;
+    padding-top: 5px;
+  }
+  ._skConnector_1c5rq_42 {
+    width: 1px;
+    margin: 2px 0 2px 11.5px;
+    background: var(--color-surface-soft);
+  }
+  ._skAside_1c5rq_83 {
+    grid-area: aside;
+    display: flex;
+    flex-direction: column;
+    gap: 16px;
+  }
+  ._skLine_1c5rq_90 {
+    display: flex;
+    align-items: flex-start;
+    gap: 12px;
+  }
+  ._skLineText_1c5rq_96 {
+    display: flex;
+    flex-direction: column;
+    gap: 17px;
+    flex: 1 1 0;
+    padding-top: 3px;
+  }
+  ._skMeta_1c5rq_104 {
+    display: flex;
+    align-items: center;
+    gap: 4px;
+    padding-left: 1px;
+  }
+  ._skBadge_1c5rq_111 {
+    margin-left: 27px;
+  }
+  ._skPrice_1c5rq_115 {
+    display: flex;
+    flex-direction: column;
+    align-items: flex-end;
+    gap: 3px;
+    padding-top: 2px;
+  }
+  ._skCard_1c5rq_123 {
+    display: flex;
+    flex-direction: column;
+    box-shadow: inset 0 0 0 1px var(--color-border-default);
+    border-radius: var(--radius-18);
+    padding: 23px 17px 0;
+  }
+  ._skAddress_1c5rq_131 {
+    height: 113px;
+    gap: 41px;
+  }
+  ._skSummary_1c5rq_136 {
+    height: 240px;
+  }
+  ._skSummary_1c5rq_136 {
+    position: relative;
+  }
+  ._skCell_1c5rq_144 {
+    position: absolute;
+    display: block;
+  }
+  ._skHelp_1c5rq_149 {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    padding: 8px 0;
+  }
+  ._skHelp_1c5rq_149 > :last-child {
+    margin-top: 2px;
+  }
+}
+._page_1baop_8 {
   display: flex;
   flex-direction: column;
   gap: var(--space-32);
   padding: var(--space-20) var(--space-16) var(--space-24);
 }
-._widget_1iwin_18 {
+._widget_1baop_18 {
   display: flex;
   flex-direction: column;
   gap: var(--space-32);
 }
-._titleRow_1iwin_26 {
+._titleRow_1baop_26 {
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: var(--space-12);
 }
-._headline_1iwin_42 {
+._headline_1baop_42 {
   margin: -9px 0;
   padding: 9px 0;
   min-width: 0;
@@ -1472,7 +1679,7 @@
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-._track_1iwin_74 {
+._track_1baop_74 {
   display: inline-flex;
   align-items: center;
   gap: var(--space-6);
@@ -1483,43 +1690,43 @@
   color: var(--color-text-default);
   text-decoration: none;
 }
-._track_1iwin_74:focus-visible {
+._track_1baop_74:focus-visible {
   outline: none;
   box-shadow: var(--focus-ring);
   border-radius: var(--radius-4);
 }
-._rule_1iwin_99 {
+._rule_1baop_99 {
   height: 1px;
   margin: 0 0 -1px;
   border: 0;
   background: var(--color-border-default);
 }
-._help_1iwin_109 {
+._help_1baop_109 {
   display: flex;
   flex-direction: column;
   gap: var(--space-6);
 }
-._helpTitle_1iwin_115 {
+._helpTitle_1baop_115 {
   margin: 0;
   font-size: var(--type-heading-md-size);
   line-height: 1.32;
   font-weight: var(--font-weight-bold);
 }
-._helpRows_1iwin_122 {
+._helpRows_1baop_122 {
   display: flex;
   flex-direction: column;
 }
-._helpRowEnd_1iwin_131 {
+._helpRowEnd_1baop_131 {
   display: flex;
   align-items: center;
   gap: var(--space-8);
   min-width: 0;
 }
-._helpStatus_1iwin_139 {
+._helpStatus_1baop_139 {
   color: var(--color-text-subtle);
   white-space: nowrap;
 }
-._helpRow_1iwin_122 {
+._helpRow_1baop_122 {
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -1537,14 +1744,14 @@
   text-align: left;
   cursor: pointer;
 }
-._helpRow_1iwin_122 + ._helpRow_1iwin_122 {
+._helpRow_1baop_122 + ._helpRow_1baop_122 {
   border-top: 1px solid var(--color-border-subtle);
 }
-._helpRow_1iwin_122:focus-visible {
+._helpRow_1baop_122:focus-visible {
   outline: none;
   box-shadow: var(--focus-ring);
 }
-._cancel_1iwin_197 {
+._cancel_1baop_197 {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -1561,53 +1768,92 @@
   font-weight: var(--font-weight-bold);
   cursor: pointer;
 }
-._cancel_1iwin_197:focus-visible {
+._cancel_1baop_197:focus-visible {
   outline: none;
   box-shadow: var(--focus-ring);
 }
-._cancelledHead_1iwin_221 {
+._cancelledHead_1baop_221 {
   display: flex;
   flex-direction: column;
   gap: var(--space-8);
 }
-._cancelledTitle_1iwin_227 {
+._cancelledTitle_1baop_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_1iwin_241 {
+._cancelledMeta_1baop_241 {
   margin: 0;
   font-size: var(--type-trimmed-sm-size);
   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 {
+._aside_1baop_249 {
+  display: contents;
+}
+@media (min-width: 1200px) {
+  ._phoneSkeleton_1baop_254 {
+    display: none;
+  }
+  ._wide_1baop_258 {
+    display: grid;
+    grid-template-columns: 560px 432px;
+    grid-template-areas: "crumbs crumbs" "main aside";
+    column-gap: 96px;
+    row-gap: 0;
+    align-items: start;
+    justify-content: center;
+    padding: 54px 0 64px;
+    background: var(--color-surface-base);
+  }
+  ._wide_1baop_258 > ._widget_1baop_18 {
+    grid-area: main;
+  }
+  ._wide_1baop_258 > ._rule_1baop_99 {
+    display: none;
+  }
+  ._wide_1baop_258 > ._aside_1baop_249 {
+    grid-area: aside;
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-16);
+  }
+}
+@media (min-width: 1200px) {
+  ._wide_1baop_258 {
+    flex: 1 0 auto;
+  }
+  ._wide_1baop_258 > ._widget_1baop_18 li:not(:last-child) [data-state=future] {
+    color: var(--color-text-disabled);
+  }
+}
+._page_11i01_6 {
   display: flex;
   flex-direction: column;
   gap: var(--space-32);
   padding: var(--space-20) var(--space-16) var(--space-24);
 }
-._confirmed_vqbqs_16 {
+._confirmed_11i01_16 {
   display: flex;
   flex-direction: column;
   gap: var(--space-24);
 }
-._title_vqbqs_22 {
+._title_11i01_22 {
   display: flex;
   flex-direction: column;
   gap: var(--space-12);
 }
-._headline_vqbqs_47 {
+._headline_11i01_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_vqbqs_65 {
+._subtitle_11i01_65 {
   margin: -6px 0;
   padding: 6px 0;
   font-size: var(--type-paragraph-size);
@@ -1618,15 +1864,51 @@
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-._rule_vqbqs_77 {
+._rule_11i01_77 {
   height: 1px;
   margin: 0 0 -1px;
   border: 0;
   background: var(--color-border-default);
 }
-._done_vqbqs_94 {
+._done_11i01_94 {
   border-color: var(--color-surface-max);
 }
+._aside_11i01_98 {
+  display: contents;
+}
+@media (min-width: 1200px) {
+  ._phoneSkeleton_11i01_103 {
+    display: none;
+  }
+  ._wide_11i01_107 {
+    display: grid;
+    grid-template-columns: 560px 432px;
+    grid-template-areas: "crumbs crumbs" "main aside";
+    column-gap: 96px;
+    row-gap: 0;
+    align-items: start;
+    justify-content: center;
+    padding: 54px 0 64px;
+    background: var(--color-surface-base);
+  }
+  ._wide_11i01_107 > ._confirmed_11i01_16 {
+    grid-area: main;
+  }
+  ._wide_11i01_107 > ._rule_11i01_77 {
+    display: none;
+  }
+  ._wide_11i01_107 > ._aside_11i01_98 {
+    grid-area: aside;
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-16);
+  }
+}
+@media (min-width: 1200px) {
+  ._wide_11i01_107 {
+    flex: 1 0 auto;
+  }
+}
 ._badge_u46qd_6 {
   display: inline-flex;
   align-items: center;
@@ -2403,7 +2685,7 @@
   text-decoration: line-through;
   white-space: nowrap;
 }
-._box_1cf1a_1 {
+._box_w9fja_1 {
   display: flex;
   flex-direction: column;
   gap: var(--space-12);
@@ -2411,23 +2693,23 @@
   border-radius: var(--radius-8);
   background: var(--color-surface-soft);
 }
-._row_1cf1a_10 {
+._row_w9fja_10 {
   display: flex;
   align-items: center;
   gap: var(--space-12);
 }
-._icon_1cf1a_16 {
+._icon_w9fja_16 {
   display: block;
   flex-shrink: 0;
-  color: var(--color-text-default);
+  color: var(--color-surface-max);
 }
-._label_1cf1a_22 {
+._label_w9fja_22 {
   margin: 0;
   font-size: var(--type-trimmed-sm-size);
   font-weight: var(--font-weight-bold);
   color: var(--color-text-default);
 }
-._divider_1cf1a_29 {
+._divider_w9fja_29 {
   height: 1px;
   background: var(--color-border-default);
 }
@@ -2904,30 +3186,30 @@
     animation: none;
   }
 }
-._root_1q3xe_1 {
+._root_u44hz_1 {
   display: flex;
   flex-direction: column;
   gap: var(--space-12);
 }
-._header_1q3xe_11 {
+._header_u44hz_11 {
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: var(--space-8);
 }
-._title_1q3xe_18 {
+._title_u44hz_18 {
   margin: 0;
   font-size: var(--type-trimmed-md-size);
   line-height: var(--type-trimmed-md-line);
   font-weight: var(--font-weight-bold);
   color: var(--color-text-default);
 }
-._chips_1q3xe_26 {
+._chips_u44hz_26 {
   display: flex;
   flex-wrap: wrap;
   gap: var(--space-8);
 }
-._chip_1q3xe_26 {
+._chip_u44hz_26 {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -2943,30 +3225,32 @@
   font-weight: var(--font-weight-bold);
   cursor: pointer;
 }
-._selected_1q3xe_50 {
+._selected_u44hz_50 {
   border-color: var(--color-surface-max);
   background: var(--color-surface-max);
   color: var(--color-text-strong);
 }
-._disabled_1q3xe_62 {
+._disabled_u44hz_62 {
   cursor: not-allowed;
   border-style: dashed;
   color: var(--color-text-disabled);
 }
-._lowStock_1q3xe_74 {
+._lowStock_u44hz_74 {
   margin: 0;
   font-size: var(--type-trimmed-sm-size);
   line-height: var(--type-trimmed-sm-line);
   font-weight: var(--font-weight-bold);
   color: var(--color-state-text-warning);
 }
-._error_1q3xe_84 {
+._error_u44hz_84 {
   margin: 0;
   font-size: var(--type-trimmed-sm-size);
+  line-height: var(--type-trimmed-sm-line);
+  white-space: nowrap;
   font-weight: var(--font-weight-regular);
   color: var(--color-state-surface-critical-default);
 }
-._sizeGuide_1q3xe_91 {
+._sizeGuide_u44hz_93 {
   position: relative;
   display: inline-flex;
   align-items: center;
@@ -2981,14 +3265,22 @@
   line-height: var(--type-trimmed-sm-line);
   cursor: pointer;
 }
-._info_1q3xe_115 {
+._info_u44hz_117 {
   display: block;
 }
-._sizeGuide_1q3xe_91::after {
+._sizeGuide_u44hz_93::after {
   content: "";
   position: absolute;
   inset: -24px -8px -8px;
 }
+@media (min-width: 1200px) {
+  [data-shop-layout=wide] ._lowStock_u44hz_74 {
+    font-weight: var(--font-weight-regular);
+  }
+  [data-shop-layout=wide] ._disabled_u44hz_62 {
+    background: var(--color-surface-soft);
+  }
+}
 ._root_1h4ny_1 {
   display: flex;
   flex-direction: column;
@@ -3116,39 +3408,45 @@
   text-decoration: line-through;
   background: var(--color-surface-soft);
 }
-._root_9cj0g_2 {
+._root_1gy1f_2 {
   display: flex;
   flex-direction: column;
   gap: var(--space-4);
 }
-._group_9cj0g_8 {
+._group_1gy1f_8 {
   display: flex;
   flex-direction: column;
   gap: var(--space-8);
 }
-._title_9cj0g_14 {
+._title_1gy1f_14 {
   margin: 0;
   font-size: var(--type-trimmed-md-size);
   line-height: var(--type-trimmed-md-line);
   font-weight: var(--font-weight-bold);
   color: var(--color-text-default);
 }
-._body_9cj0g_22 {
+._body_1gy1f_22 {
   color: var(--color-text-subtle);
 }
-._paragraph_9cj0g_26 {
+._paragraph_1gy1f_26 {
   margin: 0;
   font-size: var(--type-paragraph-size);
   line-height: var(--type-paragraph-line);
 }
-._paragraph_9cj0g_26 + ._paragraph_9cj0g_26 {
+._paragraph_1gy1f_26 + ._paragraph_1gy1f_26 {
   margin-top: var(--space-12);
 }
-._clamped_9cj0g_46 {
+._clamped_1gy1f_46 {
   max-height: calc(var(--type-paragraph-size) * var(--type-paragraph-line) * 3);
   overflow: hidden;
 }
-._toggle_9cj0g_51 {
+._clamped_1gy1f_46 > ._paragraph_1gy1f_26:first-child {
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 3;
+  overflow: hidden;
+}
+._toggle_1gy1f_58 {
   position: relative;
   align-self: flex-start;
   padding: 0;
@@ -3161,7 +3459,7 @@
   font-weight: var(--font-weight-bold);
   cursor: pointer;
 }
-._toggle_9cj0g_51::after {
+._toggle_1gy1f_58::after {
   content: "";
   position: absolute;
   inset: -10px -4px;
@@ -3748,55 +4046,6 @@
     min-width: 173px;
   }
 }
-._crumbs_wl5mz_1 {
-  display: flex;
-  align-items: center;
-  height: 21px;
-  gap: var(--space-8);
-  margin: 0;
-  padding: 0;
-  list-style: none;
-  color: var(--color-text-default);
-  white-space: nowrap;
-}
-._home_wl5mz_13 {
-  padding: 0;
-  border: 0;
-  background: none;
-  color: inherit;
-  font: inherit;
-  font-size: 16px;
-  line-height: normal;
-  opacity: 0.6;
-  cursor: pointer;
-}
-._separator_wl5mz_25 {
-  font-size: 14px;
-  line-height: 1.5;
-  opacity: 0.6;
-}
-._current_wl5mz_31 {
-  font-size: 16px;
-  line-height: normal;
-}
-._help_wl5mz_36 {
-  display: flex;
-  align-items: center;
-  gap: var(--space-8);
-  width: 100%;
-  padding: var(--space-8) 0;
-  border: 0;
-  background: none;
-  color: var(--color-text-default);
-  font: inherit;
-  text-align: left;
-  cursor: pointer;
-}
-._helpLabel_wl5mz_50 {
-  font-size: 14px;
-  line-height: 1.5;
-  text-decoration: underline;
-}
 ._showcase_9ibf6_14 {
   --chrome-bleed: 0px;
   background: #080e12;