@telia/teddy 0.4.19 → 0.5.0

package/dist/style.css

@@ -1,945 +1,1178 @@
-@charset 'UTF-8';._teddy-flip-card_onxd6_1 {
-  position: relative;
-  perspective: 1000px;
-  transform-style: preserve-3d;
-  z-index: 0;
-}
-@media (prefers-reduced-motion: no-preference) {
-  ._teddy-flip-card_onxd6_1 {
-    transition: transform var(--teddy-motion-duration-500) var(--teddy-motion-easing-ease-in-out);
-  }
-}
-._teddy-flip-card--flipped_onxd6_12 {
-  transform: rotateY(180deg);
-}
-._teddy-flip-card__front_onxd6_15 {
-  backface-visibility: hidden;
-  z-index: 2;
+@charset 'UTF-8';._teddy-spinner--xxs_ywden_1 {
+  height: var(--teddy-spacing-250);
+  width: var(--teddy-spacing-250);
 }
-._teddy-flip-card__back_onxd6_19 {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  backface-visibility: hidden;
-  transform: rotateY(180deg);
-  display: grid;
-  justify-content: normal;
-  align-content: stretch;
-  padding: 0;
+._teddy-spinner--xs_ywden_5 {
+  height: var(--teddy-spacing-300);
+  width: var(--teddy-spacing-300);
 }
-._teddy-flip-card__back-inner_onxd6_32 {
-  padding: 0;
-  margin: 0;
-  width: 100%;
-  height: 100%;
-  justify-content: stretch;
-  position: initial;
+._teddy-spinner--sm_ywden_9 {
+  height: var(--teddy-spacing-400);
+  width: var(--teddy-spacing-400);
 }
-._teddy-flip-card__scroll-area-view-port_onxd6_40 {
-  padding: var(--teddy-spacing-250) var(--teddy-spacing-250) 0 var(--teddy-spacing-250);
-  margin-bottom: var(--teddy-spacing-250);
+._teddy-spinner--md_ywden_13 {
+  height: var(--teddy-spacing-600);
+  width: var(--teddy-spacing-600);
+  stroke-width: 3.5;
 }
-._teddy-flip-card__footer_onxd6_44 {
-  position: absolute;
-  inset: auto 0 0 0;
-  padding: var(--teddy-spacing-50);
-  border-top: var(--teddy-border-width-xs) solid var(--teddy-color-border-weak);
-  border-radius: 0 0 var(--teddy-border-radius-md) var(--teddy-border-radius-md);
+._teddy-spinner--lg_ywden_18 {
+  height: var(--teddy-spacing-800);
+  width: var(--teddy-spacing-800);
+  stroke-width: 3;
 }
-._teddy-flip-card__footer--purple-light_onxd6_51 {
-  background-color: var(--teddy-color-background-interactive-primary-negative);
+._teddy-spinner__circle_ywden_23 {
+  --stroke-color: var(--teddy-color-border-interactive-primary);
+  stroke-dasharray: 150;
+  animation: _dash_ywden_1 2s ease-in-out infinite, _rotate_ywden_1 1s linear infinite;
+  transform-origin: center;
+  stroke-width: 4;
+  stroke-linecap: round;
+  fill: transparent;
+  stroke: var(--stroke-color);
 }
-._teddy-flip-card__footer--purple-dark_onxd6_54 {
-  background-color: var(--teddy-color-brand-deep-purple);
+._teddy-spinner__circle--disabled_ywden_33 {
+  --stroke-color: var(--teddy-color-border-weak);
 }
-._teddy-flip-card__footer--beige_onxd6_57 {
-  background-color: var(--teddy-color-background-interactive-primary);
+._teddy-spinner__circle--negative_ywden_36 {
+  --stroke-color: var(--teddy-color-border-interactive-primary-negative);
 }
-._teddy-flip-card__footer--beige-light_onxd6_60 {
-  background-color: var(--teddy-color-background-interactive-primary-negative);
+._teddy-spinner__circle--negative-disabled_ywden_39 {
+  --stroke-color: var(--teddy-color-border-weak-negative);
 }
-._teddy-flip-card__footer--gray_onxd6_63 {
-  background-color: var(--teddy-color-background-secondary);
+
+@keyframes _rotate_ywden_1 {
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(360deg);
+  }
 }
-._teddy-flip-card__footer--white_onxd6_66 {
-  background-color: var(--teddy-color-brand-white);
-}@layer grid {
-  ._teddy-grid_1dv1t_2 {
-    box-sizing: border-box;
-    display: grid;
-    align-items: stretch;
-    justify-content: start;
-    grid-template-rows: none;
+@keyframes _dash_ywden_1 {
+  0% {
+    stroke-dashoffset: 125;
   }
-}@layer heading, flex, grid, button, card;
-@layer card {
-  ._teddy-card_6pylp_3 {
-    border-radius: var(--teddy-border-radius-md);
-    padding: var(--teddy-spacing-250);
-    position: relative;
+  50% {
+    stroke-dashoffset: 62.5;
   }
-  @media (prefers-reduced-motion: no-preference) {
-    ._teddy-card_6pylp_3 {
-      transition: background-color var(--teddy-motion-duration-100) ease;
-    }
+  100% {
+    stroke-dashoffset: 125;
   }
-  ._teddy-card__slot_6pylp_13 {
-    transform: translateY(-50%);
+}@keyframes _fadeInAnimation_1k5uy_1 {
+  0% {
+    opacity: 0;
   }
-  ._teddy-card__slot--bottom_6pylp_16 {
-    transform: translateY(50%);
+  100% {
+    opacity: 1;
   }
-  ._teddy-card__slot--center_6pylp_19 {
-    transform: translate(-50%, -50%);
+}
+@keyframes _scaleInAnimation_1k5uy_1 {
+  0% {
+    scale: 0;
   }
-  ._teddy-card__slot--bottom_6pylp_16._teddy-card__slot--center_6pylp_19 {
-    transform: translate(-50%, 50%);
+  100% {
+    scale: 100%;
   }
-  ._teddy-card__slot--no-translate_6pylp_25 {
-    transform: initial;
+}
+@layer button {
+  ._teddy-button_1k5uy_18 {
+    align-items: center;
+    border-radius: var(--teddy-border-radius-full);
+    border-width: 0;
+    cursor: pointer;
+    display: inline-flex;
+    font-size: var(--teddy-typography-scale-100);
+    font-family: var(--teddy-typography-family-default);
+    font-weight: var(--teddy-typography-weight-medium);
+    gap: var(--teddy-spacing-100);
+    justify-content: center;
+    line-height: var(--teddy-spacing-200);
+    outline: 0;
+    position: relative;
+    text-decoration: none;
+    transition-duration: var(--teddy-motion-duration-100);
+    transition-timing-function: var(--teddy-motion-easing-ease-in-out);
+    transition-property: background-color, color;
+    width: auto;
   }
-  ._teddy-card_6pylp_3::before {
+  ._teddy-button_1k5uy_18:focus::before {
+    border-radius: inherit;
+    box-shadow: 0 0 0 var(--teddy-border-width-sm) var(--teddy-color-border-interactive-focus);
     content: "";
+    opacity: 1;
     display: block;
+    inset: calc(var(--teddy-spacing-25) * -1);
     position: absolute;
-    inset: 0;
-    pointer-events: none;
-    border-radius: inherit;
+  }
+  ._teddy-button_1k5uy_18:focus:not(:focus-visible)::before {
     opacity: 0;
-    box-shadow: var(--teddy-shadow-sm);
   }
-  @media (prefers-reduced-motion: no-preference) {
-    ._teddy-card_6pylp_3::before {
-      transition: var(--teddy-motion-duration-300) ease;
-      transition-property: opacity, box-shadow;
-    }
+  ._teddy-button_1k5uy_18 svg {
+    display: block;
   }
-  ._teddy-card--shadow_6pylp_44::before {
-    opacity: 1;
+  ._teddy-button--sm_1k5uy_53 {
+    padding: var(--teddy-spacing-150) var(--teddy-spacing-250);
   }
-  ._teddy-card_6pylp_3:has(._teddy-card__action_6pylp_47:not(._teddy-card__action--disabled_6pylp_47)) {
-    cursor: pointer;
+  ._teddy-button--sm_1k5uy_53._teddy-button--icon-only_1k5uy_56 {
+    padding: var(--teddy-spacing-150);
   }
-  ._teddy-card_6pylp_3:has(._teddy-card__action_6pylp_47:not(._teddy-card__action--disabled_6pylp_47)):hover:has(._teddy-card__action_6pylp_47:not(._teddy-card__action--disabled_6pylp_47))::before {
-    opacity: 1;
-    box-shadow: var(--teddy-shadow-md);
+  ._teddy-button--md_1k5uy_59 {
+    padding: var(--teddy-spacing-200) var(--teddy-spacing-300);
   }
-  ._teddy-card--border_6pylp_54 {
-    border: var(--teddy-border-width-xs) solid transparent;
+  ._teddy-button--md_1k5uy_59._teddy-button--icon-only_1k5uy_56 {
+    padding: var(--teddy-spacing-200);
   }
-  ._teddy-card--layout_6pylp_57 ._teddy-card__illustration_6pylp_57 {
-    grid-area: illustration;
+  ._teddy-button--lg_1k5uy_65 {
+    padding: var(--teddy-spacing-250) var(--teddy-spacing-400);
   }
-  ._teddy-card--layout_6pylp_57 ._teddy-card__carousel_6pylp_60 {
-    grid-area: carousel;
+  ._teddy-button--lg_1k5uy_65._teddy-button--icon-only_1k5uy_56 {
+    padding: var(--teddy-spacing-250);
   }
-  ._teddy-card--layout_6pylp_57 ._teddy-card__content_6pylp_63 {
-    grid-area: content;
+  ._teddy-button--full-width_1k5uy_71 {
+    width: 100%;
   }
-  ._teddy-card--layout_6pylp_57 ._teddy-card__heading_6pylp_66 {
-    grid-area: heading;
+  ._teddy-button--primary_1k5uy_74 {
+    background-color: var(--teddy-color-background-interactive-primary);
+    color: var(--teddy-color-text-interactive-on-primary);
   }
-  ._teddy-card--layout_6pylp_57 ._teddy-card__action-wrapper_6pylp_69 {
-    grid-area: action;
+  ._teddy-button--primary_1k5uy_74:hover:not(._teddy-button--disabled_1k5uy_78) {
+    background-color: var(--teddy-color-background-interactive-primary-hover);
   }
-  ._teddy-card--layout_6pylp_57 ._teddy-card__footer_6pylp_72 {
-    grid-area: footer;
+  ._teddy-button--primary_1k5uy_74:active:not(._teddy-button--disabled_1k5uy_78) {
+    background-color: var(--teddy-color-background-interactive-primary-active);
   }
-  ._teddy-card--layout_6pylp_57 ._teddy-card__overline_6pylp_75 {
-    grid-area: overline;
+  ._teddy-button--primary-negative_1k5uy_84 {
+    background-color: var(--teddy-color-background-interactive-primary-negative);
+    color: var(--teddy-color-text-interactive-on-primary-negative);
   }
-  ._teddy-card--layout_6pylp_57 ._teddy-card__description_6pylp_78 {
-    grid-area: description;
+  ._teddy-button--primary-negative_1k5uy_84:hover:not(._teddy-button--disabled_1k5uy_78) {
+    background-color: var(--teddy-color-background-interactive-primary-negative-hover);
+    border-color: var(--teddy-color-background-interactive-primary-negative-hover);
   }
-  ._teddy-card--layout_6pylp_57 ._teddy-card__color-dots_6pylp_81 {
-    grid-area: colors;
+  ._teddy-button--primary-negative_1k5uy_84:active:not(._teddy-button--disabled_1k5uy_78) {
+    background-color: var(--teddy-color-background-interactive-primary-negative-active);
+    border-color: var(--teddy-color-background-interactive-primary-negative-active);
   }
-  ._teddy-card--layout_6pylp_57 ._teddy-card__availability_6pylp_84 {
-    grid-area: availability;
+  ._teddy-button--secondary_1k5uy_96 {
+    background-color: var(--teddy-color-background-interactive-transparent);
+    box-shadow: inset 0 0 0 var(--teddy-border-width-xs) var(--teddy-color-border-interactive-primary);
+    color: var(--teddy-color-text-interactive-primary);
   }
-  ._teddy-card--layout_6pylp_57 ._teddy-card__price_6pylp_87 {
-    grid-area: price;
+  ._teddy-button--secondary_1k5uy_96:hover:not(._teddy-button--disabled_1k5uy_78) {
+    background-color: var(--teddy-color-background-interactive-transparent-hover);
   }
-  ._teddy-card--default_6pylp_90 {
-    display: flex;
-    flex-direction: column;
-    gap: var(--teddy-spacing-200);
+  ._teddy-button--secondary_1k5uy_96:active:not(._teddy-button--disabled_1k5uy_78) {
+    background-color: var(--teddy-color-background-interactive-transparent-active);
   }
-  ._teddy-card--navigation-vertical_6pylp_95 {
-    grid-template-rows: auto auto 1fr auto;
-    justify-items: start;
-    justify-content: stretch;
-    align-items: baseline;
-    grid-template-areas: "illustration" "heading" "content" "action";
-  }
-  ._teddy-card--navigation-vertical_6pylp_95 ._teddy-card__illustration_6pylp_57 {
-    margin-bottom: var(--teddy-spacing-200);
-  }
-  ._teddy-card--navigation-vertical_6pylp_95 ._teddy-card__content_6pylp_63 {
-    margin-bottom: var(--teddy-spacing-200);
+  ._teddy-button--secondary-negative_1k5uy_107 {
+    background-color: var(--teddy-color-background-interactive-transparent);
+    box-shadow: inset 0 0 0 var(--teddy-border-width-xs) var(--teddy-color-border-interactive-primary-negative);
+    color: var(--teddy-color-text-interactive-primary-negative);
   }
-  ._teddy-card--navigation-vertical_6pylp_95 ._teddy-card__heading_6pylp_66 {
-    margin-bottom: var(--teddy-spacing-100);
+  ._teddy-button--secondary-negative_1k5uy_107:hover:not(._teddy-button--disabled_1k5uy_78) {
+    background-color: var(--teddy-color-background-interactive-transparent-negative-hover);
   }
-  ._teddy-card--navigation-vertical_6pylp_95 ._teddy-card__action-wrapper_6pylp_69 {
-    margin-top: auto;
-    justify-self: end;
+  ._teddy-button--secondary-negative_1k5uy_107:active:not(._teddy-button--disabled_1k5uy_78) {
+    background-color: var(--teddy-color-background-interactive-transparent-negative-active);
   }
-  ._teddy-card--navigation-horizontal-small_6pylp_115 {
-    grid-template-columns: auto 1fr auto;
-    grid-template-rows: auto 1fr;
-    grid-template-areas: "illustration heading action" "illustration content action";
-    column-gap: var(--teddy-spacing-200);
+  ._teddy-button--expressive_1k5uy_118 {
+    background-color: var(--teddy-color-background-interactive-expressive);
+    color: var(--teddy-color-text-interactive-on-expressive);
   }
-  ._teddy-card--navigation-horizontal-small_6pylp_115 ._teddy-card__heading_6pylp_66 {
-    margin-bottom: var(--teddy-spacing-100);
+  ._teddy-button--expressive_1k5uy_118:hover:not(._teddy-button--disabled_1k5uy_78) {
+    background-color: var(--teddy-color-background-interactive-expressive-hover);
   }
-  ._teddy-card--navigation-horizontal-small_6pylp_115 ._teddy-card__action-wrapper_6pylp_69 {
-    margin-top: auto;
+  ._teddy-button--expressive_1k5uy_118:active:not(._teddy-button--disabled_1k5uy_78) {
+    background-color: var(--teddy-color-background-interactive-expressive-active);
   }
-  ._teddy-card--navigation-horizontal-small-centered_6pylp_127 {
-    width: 100%;
-    max-width: 26rem;
-    grid-template-columns: auto 1fr auto;
-    grid-template-rows: 1fr auto;
-    grid-template-areas: "illustration heading action" "illustration content action";
-    align-items: center;
-    column-gap: var(--teddy-spacing-200);
+  ._teddy-button--expressive-negative_1k5uy_128 {
+    background-color: var(--teddy-color-background-interactive-expressive-negative);
+    color: var(--teddy-color-text-interactive-on-expressive-negative);
   }
-  ._teddy-card--navigation-horizontal-small-centered_6pylp_127 ._teddy-card__content_6pylp_63 {
-    margin-top: var(--teddy-spacing-200);
+  ._teddy-button--expressive-negative_1k5uy_128:hover:not(._teddy-button--disabled_1k5uy_78) {
+    background-color: var(--teddy-color-background-interactive-expressive-negative-hover);
+    color: var(--teddy-color-text-interactive-on-expressive-negative-hover);
   }
-  ._teddy-card--navigation-horizontal-small-centered_6pylp_127 ._teddy-card__action-wrapper_6pylp_69 {
-    margin: 0;
+  ._teddy-button--expressive-negative_1k5uy_128:active:not(._teddy-button--disabled_1k5uy_78) {
+    background-color: var(--teddy-color-background-interactive-expressive-negative-active);
+    color: var(--teddy-color-text-interactive-on-expressive-negative-active);
   }
-  ._teddy-card--navigation-horizontal-small-centered_6pylp_127 ._teddy-card__illustration_6pylp_57 {
-    max-height: 80px;
-    max-width: 100px;
+  ._teddy-button--negative_1k5uy_140._teddy-button--disabled_1k5uy_78 {
+    background-color: var(--teddy-color-background-interactive-disabled-negative);
+    color: var(--teddy-color-text-weak-negative);
   }
-  ._teddy-card--navigation-horizontal-small-centered_6pylp_127 ._teddy-card__illustration_6pylp_57 img {
-    object-fit: contain;
+  ._teddy-button--secondary_1k5uy_96._teddy-button--disabled_1k5uy_78, ._teddy-button--secondary-negative_1k5uy_107._teddy-button--disabled_1k5uy_78 {
+    box-shadow: none;
   }
-  ._teddy-card--navigation-horizontal-large_6pylp_149 {
-    grid-template-columns: 1fr auto;
-    grid-template-rows: auto auto 1fr;
-    grid-template-areas: "illustration action" "heading action" "content action";
-    column-gap: var(--teddy-spacing-200);
+  ._teddy-button--destructive_1k5uy_147 {
+    background-color: var(--teddy-color-background-interactive-destructive);
+    color: var(--teddy-color-text-interactive-on-destructive);
   }
-  ._teddy-card--navigation-horizontal-large_6pylp_149 ._teddy-card__heading_6pylp_66 {
-    margin-bottom: var(--teddy-spacing-100);
+  ._teddy-button--destructive_1k5uy_147:hover:not(._teddy-button--disabled_1k5uy_78) {
+    background-color: var(--teddy-color-background-interactive-destructive-hover);
   }
-  ._teddy-card--navigation-horizontal-large_6pylp_149 ._teddy-card__action-wrapper_6pylp_69 {
-    margin-top: auto;
+  ._teddy-button--destructive_1k5uy_147:active:not(._teddy-button--disabled_1k5uy_78) {
+    background-color: var(--teddy-color-background-interactive-destructive-active);
   }
-  ._teddy-card--rich-card_6pylp_161 {
-    justify-items: start;
-    align-items: baseline;
-    grid-template-rows: auto auto 1fr auto;
-    grid-template-areas: "illustration" "heading" "content" "action";
+  ._teddy-button--destructive-negative_1k5uy_157 {
+    background-color: var(--teddy-color-background-interactive-destructive);
+    color: var(--teddy-color-text-interactive-on-destructive);
   }
-  ._teddy-card--rich-card_6pylp_161 ._teddy-card__illustration_6pylp_57 {
-    margin-bottom: var(--teddy-spacing-200);
+  ._teddy-button--destructive-negative_1k5uy_157:hover:not(._teddy-button--disabled_1k5uy_78) {
+    background-color: var(--teddy-color-background-interactive-destructive-hover);
   }
-  ._teddy-card--rich-card_6pylp_161 ._teddy-card__content_6pylp_63 {
-    margin-bottom: var(--teddy-spacing-200);
+  ._teddy-button--destructive-negative_1k5uy_157:active:not(._teddy-button--disabled_1k5uy_78) {
+    background-color: var(--teddy-color-background-interactive-destructive-active);
   }
-  ._teddy-card--rich-card_6pylp_161 ._teddy-card__heading_6pylp_66 {
-    margin-bottom: var(--teddy-spacing-100);
+  ._teddy-button--tertiary-purple_1k5uy_167 {
+    background-color: var(--teddy-color-background-interactive-transparent);
+    color: var(--teddy-color-text-interactive-primary);
   }
-  ._teddy-card--rich-card_6pylp_161 ._teddy-card__action-wrapper_6pylp_69 {
-    margin-top: auto;
+  ._teddy-button--tertiary-purple_1k5uy_167._teddy-button--disabled_1k5uy_78 {
+    background-color: var(--teddy-color-background-interactive-transparent);
   }
-  @media (max-width: 800px) {
-    ._teddy-card--rich-card-large_6pylp_180 {
-      align-items: baseline;
-      grid-template-rows: auto auto 1fr auto;
-      grid-template-areas: "illustration" "heading" "content" "action";
-    }
+  ._teddy-button--tertiary-purple_1k5uy_167:hover:not(._teddy-button--disabled_1k5uy_78) {
+    background-color: var(--teddy-color-background-interactive-transparent-hover);
   }
-  ._teddy-card--rich-card-large_6pylp_180 ._teddy-card__illustration_6pylp_57 img {
-    object-fit: cover;
+  ._teddy-button--tertiary-purple_1k5uy_167:active:not(._teddy-button--disabled_1k5uy_78) {
+    background-color: var(--teddy-color-background-interactive-transparent-active);
   }
-  @media (min-width: 801px) {
-    ._teddy-card--rich-card-large_6pylp_180 ._teddy-card__illustration_6pylp_57 {
-      grid-column-start: 1;
-      margin-right: var(--teddy-spacing-600);
-    }
+  ._teddy-button--tertiary-purple-negative_1k5uy_180 {
+    background-color: var(--teddy-color-background-interactive-transparent);
+    color: var(--teddy-color-text-interactive-primary-negative);
   }
-  ._teddy-card--rich-card-large_6pylp_180 ._teddy-card__content_6pylp_63 {
-    margin-top: 2rem;
+  ._teddy-button--tertiary-purple-negative_1k5uy_180._teddy-button--disabled_1k5uy_78 {
+    background-color: var(--teddy-color-background-interactive-transparent);
   }
-  @media (min-width: 801px) {
-    ._teddy-card--rich-card-large_6pylp_180 ._teddy-card__content_6pylp_63 {
-      grid-column-start: 2;
-      margin-top: 0;
-      align-content: center;
-    }
+  ._teddy-button--tertiary-purple-negative_1k5uy_180:hover:not(._teddy-button--disabled_1k5uy_78) {
+    background-color: var(--teddy-color-background-interactive-transparent-negative-hover);
+    color: var(--teddy-color-text-interactive-primary-negative-hover);
   }
-  ._teddy-card--rich-card-large_6pylp_180 ._teddy-card__action_6pylp_47 {
-    margin-top: var(--teddy-spacing-200);
+  ._teddy-button--tertiary-purple-negative_1k5uy_180:active:not(._teddy-button--disabled_1k5uy_78) {
+    background-color: var(--teddy-color-background-interactive-transparent-negative-active);
+    color: var(--teddy-color-text-interactive-primary-negative-active);
   }
-  ._teddy-card--rich-card-large_6pylp_180 ._teddy-card__heading_6pylp_66 {
-    margin-top: var(--teddy-spacing-100);
-    margin-bottom: var(--teddy-spacing-100);
+  ._teddy-button--list-item_1k5uy_195 {
+    border-radius: var(--teddy-border-radius-md);
+    padding: var(--teddy-spacing-250) var(--teddy-spacing-150);
+    background-color: var(--teddy-color-background-interactive-transparent);
+    color: var(--teddy-color-text-default);
+    font-weight: 400;
+    line-height: var(--teddy-typography-line-height-tight);
+    justify-content: flex-start;
   }
-  ._teddy-card__line_6pylp_212 {
-    border: 0;
-    border-top: var(--teddy-border-width-xs) solid var(--teddy-color-border-weak);
+  ._teddy-button--list-item_1k5uy_195._teddy-button--disabled_1k5uy_78 {
+    background-color: var(--teddy-color-background-interactive-transparent);
+    color: var(--teddy-color-text-weak);
   }
-  ._teddy-card--purple-light_6pylp_216 {
-    background-color: var(--teddy-color-background-interactive-primary-negative);
-    color: var(--teddy-color-text-default);
-    border-color: var(--teddy-color-background-interactive-primary-negative);
+  ._teddy-button--list-item_1k5uy_195:hover:not(._teddy-button--disabled_1k5uy_78) {
+    background-color: var(--teddy-color-background-secondary);
   }
-  ._teddy-card--purple-light_6pylp_216:hover:has(._teddy-card__action_6pylp_47:not(._teddy-card__action--disabled_6pylp_47)) {
-    background-color: var(--teddy-color-background-interactive-primary-negative-hover);
+  ._teddy-button--list-item_1k5uy_195:active:not(._teddy-button--disabled_1k5uy_78) {
+    background-color: var(--teddy-color-background-interactive-transparent-active);
   }
-  ._teddy-card--purple-light_6pylp_216:active:has(._teddy-card__action_6pylp_47:not(._teddy-card__action--disabled_6pylp_47)) {
-    background-color: var(--teddy-color-background-interactive-primary-negative-active);
+  ._teddy-button--text-negative_1k5uy_214 {
+    border-radius: 0;
+    padding-left: 0;
+    padding-right: 0;
+    background-color: var(--teddy-color-background-interactive-transparent);
+    color: var(--teddy-color-text-interactive-primary-negative);
   }
-  ._teddy-card--purple-light_6pylp_216:has(._teddy-card__action--disabled_6pylp_47) {
-    background-color: var(--teddy-color-background-interactive-disabled);
+  ._teddy-button--text-negative_1k5uy_214:focus-visible::before {
+    border-radius: 0;
   }
-  ._teddy-card--purple-dark_6pylp_230 {
-    background-color: var(--teddy-color-brand-deep-purple);
-    color: var(--teddy-color-text-default-negative);
-    border-color: var(--teddy-color-brand-deep-purple);
+  ._teddy-button--text-negative_1k5uy_214._teddy-button--disabled_1k5uy_78 {
+    background-color: var(--teddy-color-background-interactive-transparent);
   }
-  ._teddy-card--purple-dark_6pylp_230:hover:has(._teddy-card__action_6pylp_47:not(._teddy-card__action--disabled_6pylp_47)) {
+  ._teddy-button--text-negative_1k5uy_214:hover:not(._teddy-button--disabled_1k5uy_78) {
     background-color: var(--teddy-color-background-interactive-transparent-negative-hover);
+    color: var(--teddy-color-text-interactive-primary-negative-hover);
   }
-  ._teddy-card--purple-dark_6pylp_230:active:has(._teddy-card__action_6pylp_47:not(._teddy-card__action--disabled_6pylp_47)) {
+  ._teddy-button--text-negative_1k5uy_214:active:not(._teddy-button--disabled_1k5uy_78) {
     background-color: var(--teddy-color-background-interactive-transparent-negative-active);
+    color: var(--teddy-color-text-interactive-primary-negative-active);
   }
-  ._teddy-card--purple-dark_6pylp_230:has(._teddy-card__action--disabled_6pylp_47) {
-    color: var(--teddy-color-text-default);
-    background-color: var(--teddy-color-background-interactive-disabled);
+  ._teddy-button--text_1k5uy_214 {
+    border-radius: 0;
+    padding-left: 0;
+    padding-right: 0;
+    background-color: var(--teddy-color-background-interactive-transparent);
+    color: var(--teddy-color-text-interactive-primary);
   }
-  ._teddy-card--purple-dark_6pylp_230:has(._teddy-card__action--disabled_6pylp_47) ._teddy-card__action_6pylp_47 {
-    color: var(--teddy-color-text-weak);
-    background-color: var(--teddy-color-background-interactive-disabled);
+  ._teddy-button--text_1k5uy_214:focus-visible::before {
+    border-radius: 0;
   }
-  ._teddy-card--white_6pylp_249 {
-    background-color: var(--teddy-color-brand-white);
-    color: var(--teddy-color-text-default);
-    border-color: var(--teddy-color-border-weak);
+  ._teddy-button--text_1k5uy_214._teddy-button--disabled_1k5uy_78 {
+    background-color: var(--teddy-color-background-interactive-transparent);
+    color: var(--teddy-color-text-weak);
   }
-  ._teddy-card--white_6pylp_249:hover:has(._teddy-card__action_6pylp_47:not(._teddy-card__action--disabled_6pylp_47)) {
+  ._teddy-button--text_1k5uy_214:hover:not(._teddy-button--disabled_1k5uy_78) {
     background-color: var(--teddy-color-background-interactive-transparent-hover);
   }
-  ._teddy-card--white_6pylp_249:active:has(._teddy-card__action_6pylp_47:not(._teddy-card__action--disabled_6pylp_47)) {
+  ._teddy-button--text_1k5uy_214:active:not(._teddy-button--disabled_1k5uy_78) {
     background-color: var(--teddy-color-background-interactive-transparent-active);
   }
-  ._teddy-card--white_6pylp_249:has(._teddy-card__action--disabled_6pylp_47) {
+  ._teddy-button--disabled_1k5uy_78 {
     background-color: var(--teddy-color-background-interactive-disabled);
+    color: var(--teddy-color-text-weak);
+    cursor: not-allowed;
+    transition-duration: var(--teddy-motion-duration-400);
   }
-  ._teddy-card--gray_6pylp_263 {
-    background-color: var(--teddy-color-background-secondary);
-    color: var(--teddy-color-text-default);
-    border-color: var(--teddy-color-border-interactive-subtle);
+  ._teddy-button--dashed-border_1k5uy_261 {
+    border: 1px dashed;
+    box-shadow: none;
   }
-  ._teddy-card--gray_6pylp_263:hover:has(._teddy-card__action_6pylp_47:not(._teddy-card__action--disabled_6pylp_47)) {
-    background-color: var(--teddy-color-gray-100);
+  ._teddy-button__loading_1k5uy_265 {
+    position: absolute;
+    inset: 0;
+    display: grid;
+    place-items: center;
+    border-radius: inherit;
+    background-color: var(--teddy-color-transparent-white-500);
+    animation: _fadeInAnimation_1k5uy_1 ease var(--teddy-motion-duration-500);
+    animation-iteration-count: 1;
+    animation-fill-mode: forwards;
   }
-  ._teddy-card--gray_6pylp_263:active:has(._teddy-card__action_6pylp_47:not(._teddy-card__action--disabled_6pylp_47)) {
-    background-color: var(--teddy-color-gray-200);
+  ._teddy-button__loading_1k5uy_265 ._teddy-button__spinner_1k5uy_276 circle {
+    stroke: var(--teddy-color-transparent-black-700);
   }
-  ._teddy-card--gray_6pylp_263:has(._teddy-card__action--disabled_6pylp_47) {
-    background-color: var(--teddy-color-background-interactive-disabled);
+  ._teddy-button--icon-only_1k5uy_56 ._teddy-button__loading_1k5uy_265 {
+    background-color: var(--teddy-color-gray-100);
   }
-  ._teddy-card--beige_6pylp_277 {
-    background-color: var(--teddy-color-beige-100);
-    color: var(--teddy-color-text-default);
-    border-color: var(--teddy-color-beige-300);
+}@layer icon {
+  ._teddy-icon_1ur3a_2 {
+    display: inline;
+    align-self: center;
+    fill: currentColor;
+    flex-shrink: 0;
   }
-  ._teddy-card--beige_6pylp_277:hover:has(._teddy-card__action_6pylp_47:not(._teddy-card__action--disabled_6pylp_47)) {
-    background-color: var(--teddy-color-beige-200);
+  ._teddy-icon--font_1ur3a_8 {
+    width: 1em;
+    height: 1em;
   }
-  ._teddy-card--beige_6pylp_277:active:has(._teddy-card__action_6pylp_47:not(._teddy-card__action--disabled_6pylp_47)) {
-    background-color: var(--teddy-color-beige-300);
+  ._teddy-icon--xxs_1ur3a_12 {
+    width: var(--teddy-spacing-150);
+    height: var(--teddy-spacing-150);
   }
-  ._teddy-card--beige_6pylp_277:has(._teddy-card__action--disabled_6pylp_47) {
-    background-color: var(--teddy-color-background-interactive-disabled);
+  ._teddy-icon--xs_1ur3a_16 {
+    width: var(--teddy-spacing-200);
+    height: var(--teddy-spacing-200);
   }
-  ._teddy-card--beige-light_6pylp_291 {
-    background-color: var(--teddy-color-beige-50);
-    color: var(--teddy-color-text-default);
-    border-color: var(--teddy-color-beige-200);
+  ._teddy-icon--sm_1ur3a_20 {
+    width: var(--teddy-spacing-250);
+    height: var(--teddy-spacing-250);
   }
-  ._teddy-card--beige-light_6pylp_291:hover:has(._teddy-card__action_6pylp_47:not(._teddy-card__action--disabled_6pylp_47)) {
-    background-color: var(--teddy-color-beige-100);
+  ._teddy-icon--md_1ur3a_24 {
+    width: var(--teddy-spacing-300);
+    height: var(--teddy-spacing-300);
   }
-  ._teddy-card--beige-light_6pylp_291:active:has(._teddy-card__action_6pylp_47:not(._teddy-card__action--disabled_6pylp_47)) {
-    background-color: var(--teddy-color-beige-100);
+  ._teddy-icon--lg_1ur3a_28 {
+    width: var(--teddy-spacing-400);
+    height: var(--teddy-spacing-400);
   }
-  ._teddy-card--beige-light_6pylp_291:has(._teddy-card__action--disabled_6pylp_47) {
-    background-color: var(--teddy-color-background-interactive-disabled);
+  ._teddy-icon--xl_1ur3a_32 {
+    width: var(--teddy-spacing-600);
+    height: var(--teddy-spacing-600);
   }
-  ._teddy-card--product_6pylp_305 {
-    grid-template-columns: minmax(0, 100%);
-    grid-template-rows: auto auto auto auto auto auto auto 1fr auto auto;
-    grid-template-areas: "illustration" "carousel" "overline" "heading" "colors" "description" "content" "price" "action" "availability";
+  ._teddy-icon-with-children_1ur3a_36 {
+    display: inline-flex;
+    align-items: center;
+    font-family: var(--teddy-typography-family-default);
+    gap: var(--teddy-spacing-100);
+  }
+}._teddy-scroll-area_1r6mf_1 {
+  position: relative;
+  overflow: hidden;
+}
+._teddy-scroll-area__viewport_1r6mf_5 {
+  height: 100%;
+  width: 100%;
+  border-radius: inherit;
+  display: grid;
+}
+._teddy-scroll-area__scrollbar_1r6mf_11 {
+  display: flex;
+  /* ensures no selection */
+  user-select: none;
+  /* disable browser handling of all panning and zooming gestures on touch devices */
+  touch-action: none;
+  padding: 1px;
+  background: var(--teddy-color-border-weak);
+  transition: background-color var(--teddy-motion-duration-200) ease-out;
+  border-radius: var(--teddy-border-radius-full);
+}
+._teddy-scroll-area__scrollbar_1r6mf_11[data-orientation=vertical] {
+  width: var(--teddy-border-width-lg);
+}
+._teddy-scroll-area__scrollbar_1r6mf_11[data-orientation=horizontal] {
+  flex-direction: column;
+  height: var(--teddy-border-width-lg);
+}
+._teddy-scroll-area__scrollbar_1r6mf_11:hover {
+  background-color: var(--teddy-color-transparent-black-200);
+}
+._teddy-scroll-area__scrollbar--hidden_1r6mf_32 {
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border: 0;
+}
+._teddy-scroll-area__scrollbar--hidden_1r6mf_32:not(caption) {
+  position: absolute;
+}
+._teddy-scroll-area__thumb_1r6mf_45 {
+  flex: 1;
+  background: var(--teddy-color-border-strong);
+  border-radius: var(--teddy-border-radius-full);
+  position: relative;
+}
+._teddy-scroll-area__thumb_1r6mf_45::before {
+  content: "";
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  width: 100%;
+  height: 100%;
+  min-width: 44px;
+  min-height: 44px;
+}
+._teddy-scroll-area__corner_1r6mf_62 {
+  background: var(--teddy-color-border-medium);
+}
+._teddy-scroll-area__button_1r6mf_65 {
+  position: absolute;
+}
+@media (prefers-reduced-motion: no-preference) {
+  ._teddy-scroll-area__button_1r6mf_65 {
+    transition: opacity var(--teddy-motion-duration-300), transform var(--teddy-motion-duration-300);
+  }
+}
+._teddy-scroll-area__button_1r6mf_65[data-direction=left] {
+  left: 0;
+  top: 50%;
+  transform: translate(0, -50%);
+}
+._teddy-scroll-area__button_1r6mf_65[data-direction=right] {
+  right: 0;
+  top: 50%;
+  transform: translate(0, -50%);
+}
+._teddy-scroll-area__button_1r6mf_65[data-direction=up] {
+  top: 0;
+  left: 50%;
+  transform: translate(-50%, 0);
+}
+._teddy-scroll-area__button_1r6mf_65[data-direction=down] {
+  bottom: 0;
+  left: 50%;
+  transform: translate(-50%, 0);
+}
+._teddy-scroll-area__button--hidden_1r6mf_93 {
+  opacity: 0;
+}
+._teddy-scroll-area__button--hidden_1r6mf_93[data-direction=left] {
+  transform: translate(-100%, -50%);
+}
+._teddy-scroll-area__button--hidden_1r6mf_93[data-direction=right] {
+  transform: translate(100%, -50%);
+}
+._teddy-scroll-area__button--hidden_1r6mf_93[data-direction=up] {
+  transform: translate(-50%, -100%);
+}
+._teddy-scroll-area__button--hidden_1r6mf_93[data-direction=down] {
+  transform: translate(-50%, 100%);
+}._teddy-table_uodq1_1 {
+  width: 100%;
+  font-size: var(--teddy-typography-scale-100);
+  border-collapse: collapse;
+  background-color: var(--teddy-color-background-primary);
+}
+._teddy-table-wrapper_uodq1_7 {
+  position: relative;
+  width: 100%;
+  overflow: auto;
+  border: var(--teddy-border-width-xs) solid var(--teddy-color-border-medium);
+  border-radius: var(--teddy-border-radius-md);
+  z-index: 0;
+}
+._teddy-table__header_uodq1_15 {
+  position: sticky;
+  top: 0;
+  z-index: 1;
+  background-color: inherit;
+  border-bottom: var(--teddy-border-width-xs) solid var(--teddy-color-border-medium);
+}
+._teddy-table__body_uodq1_22 tr:last-child {
+  border-bottom: none;
+}
+._teddy-table__footer_uodq1_25 {
+  border-top: var(--teddy-border-width-xs) solid var(--teddy-color-border-medium);
+}
+._teddy-table__row_uodq1_28 {
+  border-bottom: var(--teddy-border-width-xs) solid var(--teddy-color-border-medium);
+  transition: background-color 0.2s;
+}
+._teddy-table__row_uodq1_28:hover {
+  background-color: var(--teddy-color-background-interactive-inactive);
+}
+._teddy-table__row_uodq1_28:last-child {
+  border-bottom: none;
+}
+._teddy-table__head_uodq1_15 {
+  padding: var(--teddy-spacing-250) var(--teddy-spacing-300);
+  text-align: left;
+  vertical-align: middle;
+  color: var(--teddy-color-text-default);
+  display: table-cell;
+  font-size: var(--teddy-typography-scale-100);
+}
+._teddy-table__head--numeric_uodq1_46 {
+  text-align: right;
+}
+._teddy-table__head--sticky_uodq1_49 {
+  position: sticky;
+  background-color: var(--teddy-color-background-primary);
+}
+._teddy-table__head--sticky-left_uodq1_53 {
+  left: 0;
+}
+._teddy-table__head--sticky-right_uodq1_56 {
+  right: 0;
+}
+._teddy-table__head--sticky-top_uodq1_59 {
+  top: 0;
+}
+._teddy-table__head--sticky-bottom_uodq1_62 {
+  bottom: 0;
+}
+._teddy-table__cell_uodq1_65 {
+  padding: var(--teddy-spacing-250) var(--teddy-spacing-300);
+  vertical-align: middle;
+}
+._teddy-table__cell--numeric_uodq1_69 {
+  text-align: right;
+}
+._teddy-table__cell--sticky_uodq1_72 {
+  position: sticky;
+  background-color: var(--teddy-color-background-primary);
+}
+._teddy-table__cell--sticky-left_uodq1_76 {
+  left: 0;
+}
+._teddy-table__cell--sticky-right_uodq1_79 {
+  right: 0;
+}
+._teddy-table__cell--sticky-top_uodq1_82 {
+  top: 0;
+}
+._teddy-table__cell--sticky-bottom_uodq1_85 {
+  bottom: 0;
+}@layer heading {
+  ._teddy-heading_r8os0_2 {
     color: var(--teddy-color-text-default);
-    border-color: var(--teddy-color-border-interactive-subtle);
-    padding-top: var(--teddy-spacing-400);
-    padding-bottom: var(--teddy-spacing-100);
-    width: 100%;
+    display: block;
+    hyphens: none;
+    margin: 0;
+    max-width: 60ch;
   }
-  ._teddy-card--product_6pylp_305:hover:has(._teddy-card__action_6pylp_47:not(._teddy-card__action--disabled_6pylp_47)) {
-    background-color: var(--teddy-color-brand-white);
-    outline: var(--teddy-border-width-sm) solid var(--teddy-color-border-interactive-primary);
-    outline-offset: calc(var(--teddy-border-width-sm) * -1);
+  ._teddy-heading--hyphens_r8os0_9 {
+    hyphens: auto;
   }
-  ._teddy-card--product_6pylp_305:hover:has(._teddy-card__action_6pylp_47:not(._teddy-card__action--disabled_6pylp_47)) ._teddy-card__carousel_6pylp_60 .slick-slider .slick-arrow {
-    display: block !important;
+  ._teddy-heading--subsection-100_r8os0_12 {
+    font-family: var(--teddy-typography-family-default);
+    font-weight: var(--teddy-typography-weight-medium);
+    font-size: var(--teddy-typography-scale-100);
+    line-height: var(--teddy-typography-line-height-default);
   }
-  ._teddy-card--product_6pylp_305:active:has(._teddy-card__action_6pylp_47:not(._teddy-card__action--disabled_6pylp_47)) {
-    -webkit-tap-highlight-color: transparent;
+  ._teddy-heading--title-100_r8os0_18 {
+    font-family: var(--teddy-typography-family-default);
+    font-weight: var(--teddy-typography-weight-bold);
+    font-size: clamp(var(--teddy-typography-scale-100), 3cqw, var(--teddy-typography-scale-200));
+    line-height: var(--teddy-typography-line-height-default);
   }
-  ._teddy-card--product_6pylp_305:active:has(._teddy-card__action_6pylp_47:not(._teddy-card__action--disabled_6pylp_47)):not(:has(._teddy-card__carousel_6pylp_60:active)) {
-    background-color: var(--teddy-color-background-interactive-transparent-active);
+  ._teddy-heading--title-200_r8os0_24 {
+    font-family: var(--teddy-typography-family-default);
+    font-weight: var(--teddy-typography-weight-bold);
+    font-size: clamp(var(--teddy-typography-scale-200), 3cqw, var(--teddy-typography-scale-400));
+    line-height: var(--teddy-typography-line-height-default);
   }
-  ._teddy-card--product_6pylp_305:has(._teddy-card__action--disabled_6pylp_47) {
-    background-color: var(--teddy-color-background-interactive-disabled);
+  ._teddy-heading--title-300_r8os0_30 {
+    font-family: var(--teddy-typography-family-default);
+    font-weight: var(--teddy-typography-weight-bold);
+    font-size: clamp(var(--teddy-typography-scale-400), 3cqw, var(--teddy-typography-scale-600));
+    line-height: var(--teddy-typography-line-height-default);
   }
-  ._teddy-card--product_6pylp_305 ._teddy-card__action-wrapper_6pylp_69 {
-    margin-bottom: var(--teddy-spacing-200);
+  ._teddy-heading--title-400_r8os0_36 {
+    font-family: var(--teddy-typography-family-default);
+    font-weight: var(--teddy-typography-weight-bold);
+    font-size: clamp(var(--teddy-typography-scale-500), 3cqw, var(--teddy-typography-scale-700));
+    line-height: var(--teddy-typography-line-height-default);
   }
-  ._teddy-card--product_6pylp_305 ._teddy-card__illustration_6pylp_57 {
-    height: 180px;
-    display: grid;
-    place-items: center;
-    place-self: center;
-    margin-bottom: var(--teddy-spacing-400);
+  ._teddy-heading--title-500_r8os0_42 {
+    font-family: var(--teddy-typography-family-default);
+    font-weight: var(--teddy-typography-weight-bold);
+    font-size: clamp(var(--teddy-typography-scale-500), 3cqw, var(--teddy-typography-scale-800));
+    line-height: var(--teddy-typography-line-height-tight);
   }
-  ._teddy-card--product_6pylp_305 ._teddy-card__illustration_6pylp_57 img {
-    max-width: 200px;
-    max-height: 180px;
-    object-fit: contain;
+  ._teddy-heading--title-600_r8os0_48 {
+    font-family: var(--teddy-typography-family-default);
+    font-weight: var(--teddy-typography-weight-bold);
+    font-size: clamp(var(--teddy-typography-scale-650), 3cqw, var(--teddy-typography-scale-850));
+    line-height: var(--teddy-typography-line-height-tight);
   }
-  ._teddy-card--product_6pylp_305 ._teddy-card__carousel_6pylp_60 .slick-slider .slick-arrow {
-    display: none !important;
+  ._teddy-heading--title-700_r8os0_54 {
+    font-family: var(--teddy-typography-family-default);
+    font-weight: var(--teddy-typography-weight-bold);
+    font-size: clamp(var(--teddy-typography-scale-700), 3cqw, var(--teddy-typography-scale-900));
+    line-height: var(--teddy-typography-line-height-tight);
   }
-  ._teddy-card--product_6pylp_305 ._teddy-card__carousel_6pylp_60 .slick-dots li {
-    min-width: 12px;
-    width: initial !important;
-    margin: 0 0.25rem !important;
+  ._teddy-heading--display-25_r8os0_60 {
+    font-family: var(--teddy-typography-family-display);
+    font-weight: var(--teddy-typography-weight-medium);
+    font-size: clamp(var(--teddy-typography-scale-600), 3cqw, var(--teddy-typography-scale-800));
+    line-height: var(--teddy-typography-line-height-tight);
   }
-  ._teddy-card--product_6pylp_305 ._teddy-card__carousel_6pylp_60 .slick-dots .slick-active {
-    min-width: 24px;
-    width: initial !important;
+  ._teddy-heading--display-50_r8os0_66 {
+    font-family: var(--teddy-typography-family-display);
+    font-weight: var(--teddy-typography-weight-medium);
+    font-size: clamp(var(--teddy-typography-scale-650), 3cqw, var(--teddy-typography-scale-850));
+    line-height: var(--teddy-typography-line-height-tight);
   }
-  ._teddy-card--product_6pylp_305 ._teddy-card__overline_6pylp_75 {
-    margin-bottom: var(--teddy-spacing-50);
+  ._teddy-heading--display-100_r8os0_72 {
+    font-family: var(--teddy-typography-family-display);
+    font-weight: var(--teddy-typography-weight-medium);
+    font-size: clamp(var(--teddy-typography-scale-700), 3cqw, var(--teddy-typography-scale-900));
+    line-height: var(--teddy-typography-line-height-tight);
   }
-  ._teddy-card--product_6pylp_305 ._teddy-card__heading_6pylp_66 {
-    margin-bottom: var(--teddy-spacing-200);
+  ._teddy-heading--display-200_r8os0_78 {
+    font-family: var(--teddy-typography-family-display);
+    font-weight: var(--teddy-typography-weight-medium);
+    font-size: clamp(var(--teddy-typography-scale-800), 3cqw, var(--teddy-typography-scale-1000));
+    line-height: var(--teddy-typography-line-height-tight);
   }
-  ._teddy-card--product_6pylp_305 ._teddy-card__description_6pylp_78 {
-    margin-bottom: var(--teddy-spacing-200);
+}._teddy-flip-card_onxd6_1 {
+  position: relative;
+  perspective: 1000px;
+  transform-style: preserve-3d;
+  z-index: 0;
+}
+@media (prefers-reduced-motion: no-preference) {
+  ._teddy-flip-card_onxd6_1 {
+    transition: transform var(--teddy-motion-duration-500) var(--teddy-motion-easing-ease-in-out);
   }
-  ._teddy-card--product_6pylp_305 ._teddy-card__content_6pylp_63 {
-    margin-bottom: var(--teddy-spacing-200);
+}
+._teddy-flip-card--flipped_onxd6_12 {
+  transform: rotateY(180deg);
+}
+._teddy-flip-card__front_onxd6_15 {
+  backface-visibility: hidden;
+  z-index: 2;
+}
+._teddy-flip-card__back_onxd6_19 {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  backface-visibility: hidden;
+  transform: rotateY(180deg);
+  display: grid;
+  justify-content: normal;
+  align-content: stretch;
+  padding: 0;
+}
+._teddy-flip-card__back-inner_onxd6_32 {
+  padding: 0;
+  margin: 0;
+  width: 100%;
+  height: 100%;
+  justify-content: stretch;
+  position: initial;
+}
+._teddy-flip-card__scroll-area-view-port_onxd6_40 {
+  padding: var(--teddy-spacing-250) var(--teddy-spacing-250) 0 var(--teddy-spacing-250);
+  margin-bottom: var(--teddy-spacing-250);
+}
+._teddy-flip-card__footer_onxd6_44 {
+  position: absolute;
+  inset: auto 0 0 0;
+  padding: var(--teddy-spacing-50);
+  border-top: var(--teddy-border-width-xs) solid var(--teddy-color-border-weak);
+  border-radius: 0 0 var(--teddy-border-radius-md) var(--teddy-border-radius-md);
+}
+._teddy-flip-card__footer--purple-light_onxd6_51 {
+  background-color: var(--teddy-color-background-interactive-primary-negative);
+}
+._teddy-flip-card__footer--purple-dark_onxd6_54 {
+  background-color: var(--teddy-color-brand-deep-purple);
+}
+._teddy-flip-card__footer--beige_onxd6_57 {
+  background-color: var(--teddy-color-background-interactive-primary);
+}
+._teddy-flip-card__footer--beige-light_onxd6_60 {
+  background-color: var(--teddy-color-background-interactive-primary-negative);
+}
+._teddy-flip-card__footer--gray_onxd6_63 {
+  background-color: var(--teddy-color-background-secondary);
+}
+._teddy-flip-card__footer--white_onxd6_66 {
+  background-color: var(--teddy-color-brand-white);
+}@layer grid {
+  ._teddy-grid_1dv1t_2 {
+    box-sizing: border-box;
+    display: grid;
+    align-items: stretch;
+    justify-content: start;
+    grid-template-rows: none;
   }
-  ._teddy-card--product_6pylp_305 ._teddy-card__action_6pylp_47 {
-    margin-top: auto;
-    margin-left: auto;
-    justify-self: end;
+}@layer heading, flex, grid, button, card;
+@layer card {
+  ._teddy-card_6pylp_3 {
+    border-radius: var(--teddy-border-radius-md);
+    padding: var(--teddy-spacing-250);
+    position: relative;
   }
-  ._teddy-card--product_6pylp_305 ._teddy-card__price_6pylp_87 {
-    display: flex;
+  @media (prefers-reduced-motion: no-preference) {
+    ._teddy-card_6pylp_3 {
+      transition: background-color var(--teddy-motion-duration-100) ease;
+    }
   }
-  ._teddy-card--product_6pylp_305 ._teddy-card__price--big_6pylp_379 {
-    font-size: var(--teddy-typography-scale-200);
+  ._teddy-card__slot_6pylp_13 {
+    transform: translateY(-50%);
   }
-  ._teddy-card_6pylp_3:has(._teddy-card__image--as-background_6pylp_382) {
-    background-color: transparent;
+  ._teddy-card__slot--bottom_6pylp_16 {
+    transform: translateY(50%);
   }
-  ._teddy-card__heading_6pylp_66 {
-    color: inherit;
+  ._teddy-card__slot--center_6pylp_19 {
+    transform: translate(-50%, -50%);
   }
-  ._teddy-card--background-image_6pylp_388 {
-    background-repeat: no-repeat;
-    background-size: cover;
-    background-position: center;
+  ._teddy-card__slot--bottom_6pylp_16._teddy-card__slot--center_6pylp_19 {
+    transform: translate(-50%, 50%);
   }
-  ._teddy-card__illustration--rounded_6pylp_393 {
-    border-radius: inherit;
-    overflow: hidden;
+  ._teddy-card__slot--no-translate_6pylp_25 {
+    transform: initial;
   }
-  ._teddy-card__inset_6pylp_397 {
-    overflow: hidden;
+  ._teddy-card_6pylp_3::before {
+    content: "";
+    display: block;
+    position: absolute;
+    inset: 0;
+    pointer-events: none;
+    border-radius: inherit;
+    opacity: 0;
+    box-shadow: var(--teddy-shadow-sm);
   }
-  ._teddy-card__inset--top_6pylp_400 {
-    margin-top: calc(var(--teddy-spacing-250) * -1);
+  @media (prefers-reduced-motion: no-preference) {
+    ._teddy-card_6pylp_3::before {
+      transition: var(--teddy-motion-duration-300) ease;
+      transition-property: opacity, box-shadow;
+    }
   }
-  ._teddy-card__inset--top_6pylp_400._teddy-card__inset--left_6pylp_403 {
-    border-top-left-radius: inherit;
+  ._teddy-card--shadow_6pylp_44::before {
+    opacity: 1;
   }
-  ._teddy-card__inset--top_6pylp_400._teddy-card__inset--right_6pylp_406 {
-    border-top-right-radius: inherit;
+  ._teddy-card_6pylp_3:has(._teddy-card__action_6pylp_47:not(._teddy-card__action--disabled_6pylp_47)) {
+    cursor: pointer;
   }
-  ._teddy-card__inset--bottom_6pylp_409 {
-    margin-bottom: calc(var(--teddy-spacing-250) * -1);
+  ._teddy-card_6pylp_3:has(._teddy-card__action_6pylp_47:not(._teddy-card__action--disabled_6pylp_47)):hover:has(._teddy-card__action_6pylp_47:not(._teddy-card__action--disabled_6pylp_47))::before {
+    opacity: 1;
+    box-shadow: var(--teddy-shadow-md);
   }
-  ._teddy-card__inset--bottom_6pylp_409._teddy-card__inset--left_6pylp_403 {
-    border-bottom-left-radius: inherit;
+  ._teddy-card--border_6pylp_54 {
+    border: var(--teddy-border-width-xs) solid transparent;
   }
-  ._teddy-card__inset--bottom_6pylp_409._teddy-card__inset--right_6pylp_406 {
-    border-bottom-right-radius: inherit;
+  ._teddy-card--layout_6pylp_57 ._teddy-card__illustration_6pylp_57 {
+    grid-area: illustration;
   }
-  ._teddy-card__inset--left_6pylp_403 {
-    margin-left: calc(var(--teddy-spacing-250) * -1);
+  ._teddy-card--layout_6pylp_57 ._teddy-card__carousel_6pylp_60 {
+    grid-area: carousel;
   }
-  ._teddy-card__inset--right_6pylp_406 {
-    margin-right: calc(var(--teddy-spacing-250) * -1);
+  ._teddy-card--layout_6pylp_57 ._teddy-card__content_6pylp_63 {
+    grid-area: content;
   }
-  ._teddy-card__availability--badge_6pylp_424 {
-    margin-right: var(--teddy-spacing-150);
+  ._teddy-card--layout_6pylp_57 ._teddy-card__heading_6pylp_66 {
+    grid-area: heading;
   }
-  ._teddy-card__availability--success_6pylp_427 {
-    color: var(--teddy-color-text-status-success-strong);
+  ._teddy-card--layout_6pylp_57 ._teddy-card__action-wrapper_6pylp_69 {
+    grid-area: action;
   }
-  ._teddy-card__availability--warning_6pylp_430 {
-    color: var(--teddy-color-text-status-warning-strong);
+  ._teddy-card--layout_6pylp_57 ._teddy-card__footer_6pylp_72 {
+    grid-area: footer;
   }
-  ._teddy-card__availability--error_6pylp_433 {
-    color: var(--teddy-color-text-status-error-strong);
+  ._teddy-card--layout_6pylp_57 ._teddy-card__overline_6pylp_75 {
+    grid-area: overline;
   }
-  ._teddy-card__availability--special_6pylp_436 {
-    color: var(--teddy-color-text-status-special);
+  ._teddy-card--layout_6pylp_57 ._teddy-card__description_6pylp_78 {
+    grid-area: description;
   }
-  ._teddy-card__availability--neutral_6pylp_439 {
-    color: var(--teddy-color-text-status-neutral);
+  ._teddy-card--layout_6pylp_57 ._teddy-card__color-dots_6pylp_81 {
+    grid-area: colors;
   }
-  ._teddy-card__availability--information_6pylp_442 {
-    color: var(--teddy-color-text-status-info-strong);
+  ._teddy-card--layout_6pylp_57 ._teddy-card__availability_6pylp_84 {
+    grid-area: availability;
   }
-}@layer heading {
-  ._teddy-heading_r8os0_2 {
-    color: var(--teddy-color-text-default);
-    display: block;
-    hyphens: none;
-    margin: 0;
-    max-width: 60ch;
+  ._teddy-card--layout_6pylp_57 ._teddy-card__price_6pylp_87 {
+    grid-area: price;
   }
-  ._teddy-heading--hyphens_r8os0_9 {
-    hyphens: auto;
+  ._teddy-card--default_6pylp_90 {
+    display: flex;
+    flex-direction: column;
+    gap: var(--teddy-spacing-200);
   }
-  ._teddy-heading--subsection-100_r8os0_12 {
-    font-family: var(--teddy-typography-family-default);
-    font-weight: var(--teddy-typography-weight-medium);
-    font-size: var(--teddy-typography-scale-100);
-    line-height: var(--teddy-typography-line-height-default);
+  ._teddy-card--navigation-vertical_6pylp_95 {
+    grid-template-rows: auto auto 1fr auto;
+    justify-items: start;
+    justify-content: stretch;
+    align-items: baseline;
+    grid-template-areas: "illustration" "heading" "content" "action";
   }
-  ._teddy-heading--title-100_r8os0_18 {
-    font-family: var(--teddy-typography-family-default);
-    font-weight: var(--teddy-typography-weight-bold);
-    font-size: clamp(var(--teddy-typography-scale-100), 3cqw, var(--teddy-typography-scale-200));
-    line-height: var(--teddy-typography-line-height-default);
+  ._teddy-card--navigation-vertical_6pylp_95 ._teddy-card__illustration_6pylp_57 {
+    margin-bottom: var(--teddy-spacing-200);
   }
-  ._teddy-heading--title-200_r8os0_24 {
-    font-family: var(--teddy-typography-family-default);
-    font-weight: var(--teddy-typography-weight-bold);
-    font-size: clamp(var(--teddy-typography-scale-200), 3cqw, var(--teddy-typography-scale-400));
-    line-height: var(--teddy-typography-line-height-default);
+  ._teddy-card--navigation-vertical_6pylp_95 ._teddy-card__content_6pylp_63 {
+    margin-bottom: var(--teddy-spacing-200);
   }
-  ._teddy-heading--title-300_r8os0_30 {
-    font-family: var(--teddy-typography-family-default);
-    font-weight: var(--teddy-typography-weight-bold);
-    font-size: clamp(var(--teddy-typography-scale-400), 3cqw, var(--teddy-typography-scale-600));
-    line-height: var(--teddy-typography-line-height-default);
+  ._teddy-card--navigation-vertical_6pylp_95 ._teddy-card__heading_6pylp_66 {
+    margin-bottom: var(--teddy-spacing-100);
   }
-  ._teddy-heading--title-400_r8os0_36 {
-    font-family: var(--teddy-typography-family-default);
-    font-weight: var(--teddy-typography-weight-bold);
-    font-size: clamp(var(--teddy-typography-scale-500), 3cqw, var(--teddy-typography-scale-700));
-    line-height: var(--teddy-typography-line-height-default);
+  ._teddy-card--navigation-vertical_6pylp_95 ._teddy-card__action-wrapper_6pylp_69 {
+    margin-top: auto;
+    justify-self: end;
   }
-  ._teddy-heading--title-500_r8os0_42 {
-    font-family: var(--teddy-typography-family-default);
-    font-weight: var(--teddy-typography-weight-bold);
-    font-size: clamp(var(--teddy-typography-scale-500), 3cqw, var(--teddy-typography-scale-800));
-    line-height: var(--teddy-typography-line-height-tight);
+  ._teddy-card--navigation-horizontal-small_6pylp_115 {
+    grid-template-columns: auto 1fr auto;
+    grid-template-rows: auto 1fr;
+    grid-template-areas: "illustration heading action" "illustration content action";
+    column-gap: var(--teddy-spacing-200);
   }
-  ._teddy-heading--title-600_r8os0_48 {
-    font-family: var(--teddy-typography-family-default);
-    font-weight: var(--teddy-typography-weight-bold);
-    font-size: clamp(var(--teddy-typography-scale-650), 3cqw, var(--teddy-typography-scale-850));
-    line-height: var(--teddy-typography-line-height-tight);
+  ._teddy-card--navigation-horizontal-small_6pylp_115 ._teddy-card__heading_6pylp_66 {
+    margin-bottom: var(--teddy-spacing-100);
   }
-  ._teddy-heading--title-700_r8os0_54 {
-    font-family: var(--teddy-typography-family-default);
-    font-weight: var(--teddy-typography-weight-bold);
-    font-size: clamp(var(--teddy-typography-scale-700), 3cqw, var(--teddy-typography-scale-900));
-    line-height: var(--teddy-typography-line-height-tight);
+  ._teddy-card--navigation-horizontal-small_6pylp_115 ._teddy-card__action-wrapper_6pylp_69 {
+    margin-top: auto;
   }
-  ._teddy-heading--display-25_r8os0_60 {
-    font-family: var(--teddy-typography-family-display);
-    font-weight: var(--teddy-typography-weight-medium);
-    font-size: clamp(var(--teddy-typography-scale-600), 3cqw, var(--teddy-typography-scale-800));
-    line-height: var(--teddy-typography-line-height-tight);
+  ._teddy-card--navigation-horizontal-small-centered_6pylp_127 {
+    width: 100%;
+    max-width: 26rem;
+    grid-template-columns: auto 1fr auto;
+    grid-template-rows: 1fr auto;
+    grid-template-areas: "illustration heading action" "illustration content action";
+    align-items: center;
+    column-gap: var(--teddy-spacing-200);
   }
-  ._teddy-heading--display-50_r8os0_66 {
-    font-family: var(--teddy-typography-family-display);
-    font-weight: var(--teddy-typography-weight-medium);
-    font-size: clamp(var(--teddy-typography-scale-650), 3cqw, var(--teddy-typography-scale-850));
-    line-height: var(--teddy-typography-line-height-tight);
+  ._teddy-card--navigation-horizontal-small-centered_6pylp_127 ._teddy-card__content_6pylp_63 {
+    margin-top: var(--teddy-spacing-200);
   }
-  ._teddy-heading--display-100_r8os0_72 {
-    font-family: var(--teddy-typography-family-display);
-    font-weight: var(--teddy-typography-weight-medium);
-    font-size: clamp(var(--teddy-typography-scale-700), 3cqw, var(--teddy-typography-scale-900));
-    line-height: var(--teddy-typography-line-height-tight);
+  ._teddy-card--navigation-horizontal-small-centered_6pylp_127 ._teddy-card__action-wrapper_6pylp_69 {
+    margin: 0;
   }
-  ._teddy-heading--display-200_r8os0_78 {
-    font-family: var(--teddy-typography-family-display);
-    font-weight: var(--teddy-typography-weight-medium);
-    font-size: clamp(var(--teddy-typography-scale-800), 3cqw, var(--teddy-typography-scale-1000));
-    line-height: var(--teddy-typography-line-height-tight);
+  ._teddy-card--navigation-horizontal-small-centered_6pylp_127 ._teddy-card__illustration_6pylp_57 {
+    max-height: 80px;
+    max-width: 100px;
   }
-}._teddy-spinner--xxs_ywden_1 {
-  height: var(--teddy-spacing-250);
-  width: var(--teddy-spacing-250);
-}
-._teddy-spinner--xs_ywden_5 {
-  height: var(--teddy-spacing-300);
-  width: var(--teddy-spacing-300);
-}
-._teddy-spinner--sm_ywden_9 {
-  height: var(--teddy-spacing-400);
-  width: var(--teddy-spacing-400);
-}
-._teddy-spinner--md_ywden_13 {
-  height: var(--teddy-spacing-600);
-  width: var(--teddy-spacing-600);
-  stroke-width: 3.5;
-}
-._teddy-spinner--lg_ywden_18 {
-  height: var(--teddy-spacing-800);
-  width: var(--teddy-spacing-800);
-  stroke-width: 3;
-}
-._teddy-spinner__circle_ywden_23 {
-  --stroke-color: var(--teddy-color-border-interactive-primary);
-  stroke-dasharray: 150;
-  animation: _dash_ywden_1 2s ease-in-out infinite, _rotate_ywden_1 1s linear infinite;
-  transform-origin: center;
-  stroke-width: 4;
-  stroke-linecap: round;
-  fill: transparent;
-  stroke: var(--stroke-color);
-}
-._teddy-spinner__circle--disabled_ywden_33 {
-  --stroke-color: var(--teddy-color-border-weak);
-}
-._teddy-spinner__circle--negative_ywden_36 {
-  --stroke-color: var(--teddy-color-border-interactive-primary-negative);
-}
-._teddy-spinner__circle--negative-disabled_ywden_39 {
-  --stroke-color: var(--teddy-color-border-weak-negative);
-}
-
-@keyframes _rotate_ywden_1 {
-  from {
-    transform: rotate(0deg);
+  ._teddy-card--navigation-horizontal-small-centered_6pylp_127 ._teddy-card__illustration_6pylp_57 img {
+    object-fit: contain;
   }
-  to {
-    transform: rotate(360deg);
+  ._teddy-card--navigation-horizontal-large_6pylp_149 {
+    grid-template-columns: 1fr auto;
+    grid-template-rows: auto auto 1fr;
+    grid-template-areas: "illustration action" "heading action" "content action";
+    column-gap: var(--teddy-spacing-200);
   }
-}
-@keyframes _dash_ywden_1 {
-  0% {
-    stroke-dashoffset: 125;
+  ._teddy-card--navigation-horizontal-large_6pylp_149 ._teddy-card__heading_6pylp_66 {
+    margin-bottom: var(--teddy-spacing-100);
   }
-  50% {
-    stroke-dashoffset: 62.5;
+  ._teddy-card--navigation-horizontal-large_6pylp_149 ._teddy-card__action-wrapper_6pylp_69 {
+    margin-top: auto;
   }
-  100% {
-    stroke-dashoffset: 125;
+  ._teddy-card--rich-card_6pylp_161 {
+    justify-items: start;
+    align-items: baseline;
+    grid-template-rows: auto auto 1fr auto;
+    grid-template-areas: "illustration" "heading" "content" "action";
   }
-}@keyframes _fadeInAnimation_1k5uy_1 {
-  0% {
-    opacity: 0;
+  ._teddy-card--rich-card_6pylp_161 ._teddy-card__illustration_6pylp_57 {
+    margin-bottom: var(--teddy-spacing-200);
   }
-  100% {
-    opacity: 1;
+  ._teddy-card--rich-card_6pylp_161 ._teddy-card__content_6pylp_63 {
+    margin-bottom: var(--teddy-spacing-200);
   }
-}
-@keyframes _scaleInAnimation_1k5uy_1 {
-  0% {
-    scale: 0;
+  ._teddy-card--rich-card_6pylp_161 ._teddy-card__heading_6pylp_66 {
+    margin-bottom: var(--teddy-spacing-100);
   }
-  100% {
-    scale: 100%;
+  ._teddy-card--rich-card_6pylp_161 ._teddy-card__action-wrapper_6pylp_69 {
+    margin-top: auto;
   }
-}
-@layer button {
-  ._teddy-button_1k5uy_18 {
-    align-items: center;
-    border-radius: var(--teddy-border-radius-full);
-    border-width: 0;
-    cursor: pointer;
-    display: inline-flex;
-    font-size: var(--teddy-typography-scale-100);
-    font-family: var(--teddy-typography-family-default);
-    font-weight: var(--teddy-typography-weight-medium);
-    gap: var(--teddy-spacing-100);
-    justify-content: center;
-    line-height: var(--teddy-spacing-200);
-    outline: 0;
-    position: relative;
-    text-decoration: none;
-    transition-duration: var(--teddy-motion-duration-100);
-    transition-timing-function: var(--teddy-motion-easing-ease-in-out);
-    transition-property: background-color, color;
-    width: auto;
+  @media (max-width: 800px) {
+    ._teddy-card--rich-card-large_6pylp_180 {
+      align-items: baseline;
+      grid-template-rows: auto auto 1fr auto;
+      grid-template-areas: "illustration" "heading" "content" "action";
+    }
   }
-  ._teddy-button_1k5uy_18:focus::before {
-    border-radius: inherit;
-    box-shadow: 0 0 0 var(--teddy-border-width-sm) var(--teddy-color-border-interactive-focus);
-    content: "";
-    opacity: 1;
-    display: block;
-    inset: calc(var(--teddy-spacing-25) * -1);
-    position: absolute;
+  ._teddy-card--rich-card-large_6pylp_180 ._teddy-card__illustration_6pylp_57 img {
+    object-fit: cover;
   }
-  ._teddy-button_1k5uy_18:focus:not(:focus-visible)::before {
-    opacity: 0;
+  @media (min-width: 801px) {
+    ._teddy-card--rich-card-large_6pylp_180 ._teddy-card__illustration_6pylp_57 {
+      grid-column-start: 1;
+      margin-right: var(--teddy-spacing-600);
+    }
   }
-  ._teddy-button_1k5uy_18 svg {
-    display: block;
+  ._teddy-card--rich-card-large_6pylp_180 ._teddy-card__content_6pylp_63 {
+    margin-top: 2rem;
   }
-  ._teddy-button--sm_1k5uy_53 {
-    padding: var(--teddy-spacing-150) var(--teddy-spacing-250);
+  @media (min-width: 801px) {
+    ._teddy-card--rich-card-large_6pylp_180 ._teddy-card__content_6pylp_63 {
+      grid-column-start: 2;
+      margin-top: 0;
+      align-content: center;
+    }
   }
-  ._teddy-button--sm_1k5uy_53._teddy-button--icon-only_1k5uy_56 {
-    padding: var(--teddy-spacing-150);
+  ._teddy-card--rich-card-large_6pylp_180 ._teddy-card__action_6pylp_47 {
+    margin-top: var(--teddy-spacing-200);
   }
-  ._teddy-button--md_1k5uy_59 {
-    padding: var(--teddy-spacing-200) var(--teddy-spacing-300);
+  ._teddy-card--rich-card-large_6pylp_180 ._teddy-card__heading_6pylp_66 {
+    margin-top: var(--teddy-spacing-100);
+    margin-bottom: var(--teddy-spacing-100);
   }
-  ._teddy-button--md_1k5uy_59._teddy-button--icon-only_1k5uy_56 {
-    padding: var(--teddy-spacing-200);
+  ._teddy-card__line_6pylp_212 {
+    border: 0;
+    border-top: var(--teddy-border-width-xs) solid var(--teddy-color-border-weak);
   }
-  ._teddy-button--lg_1k5uy_65 {
-    padding: var(--teddy-spacing-250) var(--teddy-spacing-400);
+  ._teddy-card--purple-light_6pylp_216 {
+    background-color: var(--teddy-color-background-interactive-primary-negative);
+    color: var(--teddy-color-text-default);
+    border-color: var(--teddy-color-background-interactive-primary-negative);
   }
-  ._teddy-button--lg_1k5uy_65._teddy-button--icon-only_1k5uy_56 {
-    padding: var(--teddy-spacing-250);
+  ._teddy-card--purple-light_6pylp_216:hover:has(._teddy-card__action_6pylp_47:not(._teddy-card__action--disabled_6pylp_47)) {
+    background-color: var(--teddy-color-background-interactive-primary-negative-hover);
   }
-  ._teddy-button--full-width_1k5uy_71 {
-    width: 100%;
+  ._teddy-card--purple-light_6pylp_216:active:has(._teddy-card__action_6pylp_47:not(._teddy-card__action--disabled_6pylp_47)) {
+    background-color: var(--teddy-color-background-interactive-primary-negative-active);
   }
-  ._teddy-button--primary_1k5uy_74 {
-    background-color: var(--teddy-color-background-interactive-primary);
-    color: var(--teddy-color-text-interactive-on-primary);
+  ._teddy-card--purple-light_6pylp_216:has(._teddy-card__action--disabled_6pylp_47) {
+    background-color: var(--teddy-color-background-interactive-disabled);
   }
-  ._teddy-button--primary_1k5uy_74:hover:not(._teddy-button--disabled_1k5uy_78) {
-    background-color: var(--teddy-color-background-interactive-primary-hover);
+  ._teddy-card--purple-dark_6pylp_230 {
+    background-color: var(--teddy-color-brand-deep-purple);
+    color: var(--teddy-color-text-default-negative);
+    border-color: var(--teddy-color-brand-deep-purple);
   }
-  ._teddy-button--primary_1k5uy_74:active:not(._teddy-button--disabled_1k5uy_78) {
-    background-color: var(--teddy-color-background-interactive-primary-active);
+  ._teddy-card--purple-dark_6pylp_230:hover:has(._teddy-card__action_6pylp_47:not(._teddy-card__action--disabled_6pylp_47)) {
+    background-color: var(--teddy-color-background-interactive-transparent-negative-hover);
   }
-  ._teddy-button--primary-negative_1k5uy_84 {
-    background-color: var(--teddy-color-background-interactive-primary-negative);
-    color: var(--teddy-color-text-interactive-on-primary-negative);
+  ._teddy-card--purple-dark_6pylp_230:active:has(._teddy-card__action_6pylp_47:not(._teddy-card__action--disabled_6pylp_47)) {
+    background-color: var(--teddy-color-background-interactive-transparent-negative-active);
   }
-  ._teddy-button--primary-negative_1k5uy_84:hover:not(._teddy-button--disabled_1k5uy_78) {
-    background-color: var(--teddy-color-background-interactive-primary-negative-hover);
-    border-color: var(--teddy-color-background-interactive-primary-negative-hover);
+  ._teddy-card--purple-dark_6pylp_230:has(._teddy-card__action--disabled_6pylp_47) {
+    color: var(--teddy-color-text-default);
+    background-color: var(--teddy-color-background-interactive-disabled);
   }
-  ._teddy-button--primary-negative_1k5uy_84:active:not(._teddy-button--disabled_1k5uy_78) {
-    background-color: var(--teddy-color-background-interactive-primary-negative-active);
-    border-color: var(--teddy-color-background-interactive-primary-negative-active);
+  ._teddy-card--purple-dark_6pylp_230:has(._teddy-card__action--disabled_6pylp_47) ._teddy-card__action_6pylp_47 {
+    color: var(--teddy-color-text-weak);
+    background-color: var(--teddy-color-background-interactive-disabled);
   }
-  ._teddy-button--secondary_1k5uy_96 {
-    background-color: var(--teddy-color-background-interactive-transparent);
-    box-shadow: inset 0 0 0 var(--teddy-border-width-xs) var(--teddy-color-border-interactive-primary);
-    color: var(--teddy-color-text-interactive-primary);
+  ._teddy-card--white_6pylp_249 {
+    background-color: var(--teddy-color-brand-white);
+    color: var(--teddy-color-text-default);
+    border-color: var(--teddy-color-border-weak);
   }
-  ._teddy-button--secondary_1k5uy_96:hover:not(._teddy-button--disabled_1k5uy_78) {
+  ._teddy-card--white_6pylp_249:hover:has(._teddy-card__action_6pylp_47:not(._teddy-card__action--disabled_6pylp_47)) {
     background-color: var(--teddy-color-background-interactive-transparent-hover);
   }
-  ._teddy-button--secondary_1k5uy_96:active:not(._teddy-button--disabled_1k5uy_78) {
+  ._teddy-card--white_6pylp_249:active:has(._teddy-card__action_6pylp_47:not(._teddy-card__action--disabled_6pylp_47)) {
     background-color: var(--teddy-color-background-interactive-transparent-active);
   }
-  ._teddy-button--secondary-negative_1k5uy_107 {
-    background-color: var(--teddy-color-background-interactive-transparent);
-    box-shadow: inset 0 0 0 var(--teddy-border-width-xs) var(--teddy-color-border-interactive-primary-negative);
-    color: var(--teddy-color-text-interactive-primary-negative);
+  ._teddy-card--white_6pylp_249:has(._teddy-card__action--disabled_6pylp_47) {
+    background-color: var(--teddy-color-background-interactive-disabled);
   }
-  ._teddy-button--secondary-negative_1k5uy_107:hover:not(._teddy-button--disabled_1k5uy_78) {
-    background-color: var(--teddy-color-background-interactive-transparent-negative-hover);
+  ._teddy-card--gray_6pylp_263 {
+    background-color: var(--teddy-color-background-secondary);
+    color: var(--teddy-color-text-default);
+    border-color: var(--teddy-color-border-interactive-subtle);
   }
-  ._teddy-button--secondary-negative_1k5uy_107:active:not(._teddy-button--disabled_1k5uy_78) {
-    background-color: var(--teddy-color-background-interactive-transparent-negative-active);
+  ._teddy-card--gray_6pylp_263:hover:has(._teddy-card__action_6pylp_47:not(._teddy-card__action--disabled_6pylp_47)) {
+    background-color: var(--teddy-color-gray-100);
   }
-  ._teddy-button--expressive_1k5uy_118 {
-    background-color: var(--teddy-color-background-interactive-expressive);
-    color: var(--teddy-color-text-interactive-on-expressive);
+  ._teddy-card--gray_6pylp_263:active:has(._teddy-card__action_6pylp_47:not(._teddy-card__action--disabled_6pylp_47)) {
+    background-color: var(--teddy-color-gray-200);
   }
-  ._teddy-button--expressive_1k5uy_118:hover:not(._teddy-button--disabled_1k5uy_78) {
-    background-color: var(--teddy-color-background-interactive-expressive-hover);
+  ._teddy-card--gray_6pylp_263:has(._teddy-card__action--disabled_6pylp_47) {
+    background-color: var(--teddy-color-background-interactive-disabled);
   }
-  ._teddy-button--expressive_1k5uy_118:active:not(._teddy-button--disabled_1k5uy_78) {
-    background-color: var(--teddy-color-background-interactive-expressive-active);
+  ._teddy-card--beige_6pylp_277 {
+    background-color: var(--teddy-color-beige-100);
+    color: var(--teddy-color-text-default);
+    border-color: var(--teddy-color-beige-300);
   }
-  ._teddy-button--expressive-negative_1k5uy_128 {
-    background-color: var(--teddy-color-background-interactive-expressive-negative);
-    color: var(--teddy-color-text-interactive-on-expressive-negative);
+  ._teddy-card--beige_6pylp_277:hover:has(._teddy-card__action_6pylp_47:not(._teddy-card__action--disabled_6pylp_47)) {
+    background-color: var(--teddy-color-beige-200);
   }
-  ._teddy-button--expressive-negative_1k5uy_128:hover:not(._teddy-button--disabled_1k5uy_78) {
-    background-color: var(--teddy-color-background-interactive-expressive-negative-hover);
-    color: var(--teddy-color-text-interactive-on-expressive-negative-hover);
+  ._teddy-card--beige_6pylp_277:active:has(._teddy-card__action_6pylp_47:not(._teddy-card__action--disabled_6pylp_47)) {
+    background-color: var(--teddy-color-beige-300);
   }
-  ._teddy-button--expressive-negative_1k5uy_128:active:not(._teddy-button--disabled_1k5uy_78) {
-    background-color: var(--teddy-color-background-interactive-expressive-negative-active);
-    color: var(--teddy-color-text-interactive-on-expressive-negative-active);
+  ._teddy-card--beige_6pylp_277:has(._teddy-card__action--disabled_6pylp_47) {
+    background-color: var(--teddy-color-background-interactive-disabled);
   }
-  ._teddy-button--negative_1k5uy_140._teddy-button--disabled_1k5uy_78 {
-    background-color: var(--teddy-color-background-interactive-disabled-negative);
-    color: var(--teddy-color-text-weak-negative);
+  ._teddy-card--beige-light_6pylp_291 {
+    background-color: var(--teddy-color-beige-50);
+    color: var(--teddy-color-text-default);
+    border-color: var(--teddy-color-beige-200);
   }
-  ._teddy-button--secondary_1k5uy_96._teddy-button--disabled_1k5uy_78, ._teddy-button--secondary-negative_1k5uy_107._teddy-button--disabled_1k5uy_78 {
-    box-shadow: none;
+  ._teddy-card--beige-light_6pylp_291:hover:has(._teddy-card__action_6pylp_47:not(._teddy-card__action--disabled_6pylp_47)) {
+    background-color: var(--teddy-color-beige-100);
   }
-  ._teddy-button--destructive_1k5uy_147 {
-    background-color: var(--teddy-color-background-interactive-destructive);
-    color: var(--teddy-color-text-interactive-on-destructive);
+  ._teddy-card--beige-light_6pylp_291:active:has(._teddy-card__action_6pylp_47:not(._teddy-card__action--disabled_6pylp_47)) {
+    background-color: var(--teddy-color-beige-100);
   }
-  ._teddy-button--destructive_1k5uy_147:hover:not(._teddy-button--disabled_1k5uy_78) {
-    background-color: var(--teddy-color-background-interactive-destructive-hover);
+  ._teddy-card--beige-light_6pylp_291:has(._teddy-card__action--disabled_6pylp_47) {
+    background-color: var(--teddy-color-background-interactive-disabled);
   }
-  ._teddy-button--destructive_1k5uy_147:active:not(._teddy-button--disabled_1k5uy_78) {
-    background-color: var(--teddy-color-background-interactive-destructive-active);
+  ._teddy-card--product_6pylp_305 {
+    grid-template-columns: minmax(0, 100%);
+    grid-template-rows: auto auto auto auto auto auto auto 1fr auto auto;
+    grid-template-areas: "illustration" "carousel" "overline" "heading" "colors" "description" "content" "price" "action" "availability";
+    color: var(--teddy-color-text-default);
+    border-color: var(--teddy-color-border-interactive-subtle);
+    padding-top: var(--teddy-spacing-400);
+    padding-bottom: var(--teddy-spacing-100);
+    width: 100%;
   }
-  ._teddy-button--destructive-negative_1k5uy_157 {
-    background-color: var(--teddy-color-background-interactive-destructive);
-    color: var(--teddy-color-text-interactive-on-destructive);
+  ._teddy-card--product_6pylp_305:hover:has(._teddy-card__action_6pylp_47:not(._teddy-card__action--disabled_6pylp_47)) {
+    background-color: var(--teddy-color-brand-white);
+    outline: var(--teddy-border-width-sm) solid var(--teddy-color-border-interactive-primary);
+    outline-offset: calc(var(--teddy-border-width-sm) * -1);
   }
-  ._teddy-button--destructive-negative_1k5uy_157:hover:not(._teddy-button--disabled_1k5uy_78) {
-    background-color: var(--teddy-color-background-interactive-destructive-hover);
+  ._teddy-card--product_6pylp_305:hover:has(._teddy-card__action_6pylp_47:not(._teddy-card__action--disabled_6pylp_47)) ._teddy-card__carousel_6pylp_60 .slick-slider .slick-arrow {
+    display: block !important;
   }
-  ._teddy-button--destructive-negative_1k5uy_157:active:not(._teddy-button--disabled_1k5uy_78) {
-    background-color: var(--teddy-color-background-interactive-destructive-active);
+  ._teddy-card--product_6pylp_305:active:has(._teddy-card__action_6pylp_47:not(._teddy-card__action--disabled_6pylp_47)) {
+    -webkit-tap-highlight-color: transparent;
   }
-  ._teddy-button--tertiary-purple_1k5uy_167 {
-    background-color: var(--teddy-color-background-interactive-transparent);
-    color: var(--teddy-color-text-interactive-primary);
+  ._teddy-card--product_6pylp_305:active:has(._teddy-card__action_6pylp_47:not(._teddy-card__action--disabled_6pylp_47)):not(:has(._teddy-card__carousel_6pylp_60:active)) {
+    background-color: var(--teddy-color-background-interactive-transparent-active);
   }
-  ._teddy-button--tertiary-purple_1k5uy_167._teddy-button--disabled_1k5uy_78 {
-    background-color: var(--teddy-color-background-interactive-transparent);
+  ._teddy-card--product_6pylp_305:has(._teddy-card__action--disabled_6pylp_47) {
+    background-color: var(--teddy-color-background-interactive-disabled);
   }
-  ._teddy-button--tertiary-purple_1k5uy_167:hover:not(._teddy-button--disabled_1k5uy_78) {
-    background-color: var(--teddy-color-background-interactive-transparent-hover);
+  ._teddy-card--product_6pylp_305 ._teddy-card__action-wrapper_6pylp_69 {
+    margin-bottom: var(--teddy-spacing-200);
   }
-  ._teddy-button--tertiary-purple_1k5uy_167:active:not(._teddy-button--disabled_1k5uy_78) {
-    background-color: var(--teddy-color-background-interactive-transparent-active);
+  ._teddy-card--product_6pylp_305 ._teddy-card__illustration_6pylp_57 {
+    height: 180px;
+    display: grid;
+    place-items: center;
+    place-self: center;
+    margin-bottom: var(--teddy-spacing-400);
   }
-  ._teddy-button--tertiary-purple-negative_1k5uy_180 {
-    background-color: var(--teddy-color-background-interactive-transparent);
-    color: var(--teddy-color-text-interactive-primary-negative);
+  ._teddy-card--product_6pylp_305 ._teddy-card__illustration_6pylp_57 img {
+    max-width: 200px;
+    max-height: 180px;
+    object-fit: contain;
   }
-  ._teddy-button--tertiary-purple-negative_1k5uy_180._teddy-button--disabled_1k5uy_78 {
-    background-color: var(--teddy-color-background-interactive-transparent);
+  ._teddy-card--product_6pylp_305 ._teddy-card__carousel_6pylp_60 .slick-slider .slick-arrow {
+    display: none !important;
   }
-  ._teddy-button--tertiary-purple-negative_1k5uy_180:hover:not(._teddy-button--disabled_1k5uy_78) {
-    background-color: var(--teddy-color-background-interactive-transparent-negative-hover);
-    color: var(--teddy-color-text-interactive-primary-negative-hover);
+  ._teddy-card--product_6pylp_305 ._teddy-card__carousel_6pylp_60 .slick-dots li {
+    min-width: 12px;
+    width: initial !important;
+    margin: 0 0.25rem !important;
   }
-  ._teddy-button--tertiary-purple-negative_1k5uy_180:active:not(._teddy-button--disabled_1k5uy_78) {
-    background-color: var(--teddy-color-background-interactive-transparent-negative-active);
-    color: var(--teddy-color-text-interactive-primary-negative-active);
+  ._teddy-card--product_6pylp_305 ._teddy-card__carousel_6pylp_60 .slick-dots .slick-active {
+    min-width: 24px;
+    width: initial !important;
   }
-  ._teddy-button--list-item_1k5uy_195 {
-    border-radius: var(--teddy-border-radius-md);
-    padding: var(--teddy-spacing-250) var(--teddy-spacing-150);
-    background-color: var(--teddy-color-background-interactive-transparent);
-    color: var(--teddy-color-text-default);
-    font-weight: 400;
-    line-height: var(--teddy-typography-line-height-tight);
-    justify-content: flex-start;
+  ._teddy-card--product_6pylp_305 ._teddy-card__overline_6pylp_75 {
+    margin-bottom: var(--teddy-spacing-50);
+  }
+  ._teddy-card--product_6pylp_305 ._teddy-card__heading_6pylp_66 {
+    margin-bottom: var(--teddy-spacing-200);
+  }
+  ._teddy-card--product_6pylp_305 ._teddy-card__description_6pylp_78 {
+    margin-bottom: var(--teddy-spacing-200);
+  }
+  ._teddy-card--product_6pylp_305 ._teddy-card__content_6pylp_63 {
+    margin-bottom: var(--teddy-spacing-200);
+  }
+  ._teddy-card--product_6pylp_305 ._teddy-card__action_6pylp_47 {
+    margin-top: auto;
+    margin-left: auto;
+    justify-self: end;
+  }
+  ._teddy-card--product_6pylp_305 ._teddy-card__price_6pylp_87 {
+    display: flex;
   }
-  ._teddy-button--list-item_1k5uy_195._teddy-button--disabled_1k5uy_78 {
-    background-color: var(--teddy-color-background-interactive-transparent);
-    color: var(--teddy-color-text-weak);
+  ._teddy-card--product_6pylp_305 ._teddy-card__price--big_6pylp_379 {
+    font-size: var(--teddy-typography-scale-200);
   }
-  ._teddy-button--list-item_1k5uy_195:hover:not(._teddy-button--disabled_1k5uy_78) {
-    background-color: var(--teddy-color-background-secondary);
+  ._teddy-card_6pylp_3:has(._teddy-card__image--as-background_6pylp_382) {
+    background-color: transparent;
   }
-  ._teddy-button--list-item_1k5uy_195:active:not(._teddy-button--disabled_1k5uy_78) {
-    background-color: var(--teddy-color-background-interactive-transparent-active);
+  ._teddy-card__heading_6pylp_66 {
+    color: inherit;
   }
-  ._teddy-button--text-negative_1k5uy_214 {
-    border-radius: 0;
-    padding-left: 0;
-    padding-right: 0;
-    background-color: var(--teddy-color-background-interactive-transparent);
-    color: var(--teddy-color-text-interactive-primary-negative);
+  ._teddy-card--background-image_6pylp_388 {
+    background-repeat: no-repeat;
+    background-size: cover;
+    background-position: center;
   }
-  ._teddy-button--text-negative_1k5uy_214:focus-visible::before {
-    border-radius: 0;
+  ._teddy-card__illustration--rounded_6pylp_393 {
+    border-radius: inherit;
+    overflow: hidden;
   }
-  ._teddy-button--text-negative_1k5uy_214._teddy-button--disabled_1k5uy_78 {
-    background-color: var(--teddy-color-background-interactive-transparent);
+  ._teddy-card__inset_6pylp_397 {
+    overflow: hidden;
   }
-  ._teddy-button--text-negative_1k5uy_214:hover:not(._teddy-button--disabled_1k5uy_78) {
-    background-color: var(--teddy-color-background-interactive-transparent-negative-hover);
-    color: var(--teddy-color-text-interactive-primary-negative-hover);
+  ._teddy-card__inset--top_6pylp_400 {
+    margin-top: calc(var(--teddy-spacing-250) * -1);
   }
-  ._teddy-button--text-negative_1k5uy_214:active:not(._teddy-button--disabled_1k5uy_78) {
-    background-color: var(--teddy-color-background-interactive-transparent-negative-active);
-    color: var(--teddy-color-text-interactive-primary-negative-active);
+  ._teddy-card__inset--top_6pylp_400._teddy-card__inset--left_6pylp_403 {
+    border-top-left-radius: inherit;
   }
-  ._teddy-button--text_1k5uy_214 {
-    border-radius: 0;
-    padding-left: 0;
-    padding-right: 0;
-    background-color: var(--teddy-color-background-interactive-transparent);
-    color: var(--teddy-color-text-interactive-primary);
+  ._teddy-card__inset--top_6pylp_400._teddy-card__inset--right_6pylp_406 {
+    border-top-right-radius: inherit;
   }
-  ._teddy-button--text_1k5uy_214:focus-visible::before {
-    border-radius: 0;
+  ._teddy-card__inset--bottom_6pylp_409 {
+    margin-bottom: calc(var(--teddy-spacing-250) * -1);
   }
-  ._teddy-button--text_1k5uy_214._teddy-button--disabled_1k5uy_78 {
-    background-color: var(--teddy-color-background-interactive-transparent);
-    color: var(--teddy-color-text-weak);
+  ._teddy-card__inset--bottom_6pylp_409._teddy-card__inset--left_6pylp_403 {
+    border-bottom-left-radius: inherit;
   }
-  ._teddy-button--text_1k5uy_214:hover:not(._teddy-button--disabled_1k5uy_78) {
-    background-color: var(--teddy-color-background-interactive-transparent-hover);
+  ._teddy-card__inset--bottom_6pylp_409._teddy-card__inset--right_6pylp_406 {
+    border-bottom-right-radius: inherit;
   }
-  ._teddy-button--text_1k5uy_214:active:not(._teddy-button--disabled_1k5uy_78) {
-    background-color: var(--teddy-color-background-interactive-transparent-active);
+  ._teddy-card__inset--left_6pylp_403 {
+    margin-left: calc(var(--teddy-spacing-250) * -1);
   }
-  ._teddy-button--disabled_1k5uy_78 {
-    background-color: var(--teddy-color-background-interactive-disabled);
-    color: var(--teddy-color-text-weak);
-    cursor: not-allowed;
-    transition-duration: var(--teddy-motion-duration-400);
+  ._teddy-card__inset--right_6pylp_406 {
+    margin-right: calc(var(--teddy-spacing-250) * -1);
   }
-  ._teddy-button--dashed-border_1k5uy_261 {
-    border: 1px dashed;
-    box-shadow: none;
+  ._teddy-card__availability--badge_6pylp_424 {
+    margin-right: var(--teddy-spacing-150);
   }
-  ._teddy-button__loading_1k5uy_265 {
-    position: absolute;
-    inset: 0;
-    display: grid;
-    place-items: center;
-    border-radius: inherit;
-    background-color: var(--teddy-color-transparent-white-500);
-    animation: _fadeInAnimation_1k5uy_1 ease var(--teddy-motion-duration-500);
-    animation-iteration-count: 1;
-    animation-fill-mode: forwards;
+  ._teddy-card__availability--success_6pylp_427 {
+    color: var(--teddy-color-text-status-success-strong);
   }
-  ._teddy-button__loading_1k5uy_265 ._teddy-button__spinner_1k5uy_276 circle {
-    stroke: var(--teddy-color-transparent-black-700);
+  ._teddy-card__availability--warning_6pylp_430 {
+    color: var(--teddy-color-text-status-warning-strong);
   }
-  ._teddy-button--icon-only_1k5uy_56 ._teddy-button__loading_1k5uy_265 {
-    background-color: var(--teddy-color-gray-100);
+  ._teddy-card__availability--error_6pylp_433 {
+    color: var(--teddy-color-text-status-error-strong);
+  }
+  ._teddy-card__availability--special_6pylp_436 {
+    color: var(--teddy-color-text-status-special);
+  }
+  ._teddy-card__availability--neutral_6pylp_439 {
+    color: var(--teddy-color-text-status-neutral);
+  }
+  ._teddy-card__availability--information_6pylp_442 {
+    color: var(--teddy-color-text-status-info-strong);
   }
 }._teddy-flex_1ncy4_1 {
   box-sizing: border-box;
@@ -1105,47 +1338,6 @@
   ._teddy-link--silent_1vpvx_63:is(._teddy-link--disable-visited_1vpvx_27):visited {
     color: inherit;
   }
-}@layer icon {
-  ._teddy-icon_1ur3a_2 {
-    display: inline;
-    align-self: center;
-    fill: currentColor;
-    flex-shrink: 0;
-  }
-  ._teddy-icon--font_1ur3a_8 {
-    width: 1em;
-    height: 1em;
-  }
-  ._teddy-icon--xxs_1ur3a_12 {
-    width: var(--teddy-spacing-150);
-    height: var(--teddy-spacing-150);
-  }
-  ._teddy-icon--xs_1ur3a_16 {
-    width: var(--teddy-spacing-200);
-    height: var(--teddy-spacing-200);
-  }
-  ._teddy-icon--sm_1ur3a_20 {
-    width: var(--teddy-spacing-250);
-    height: var(--teddy-spacing-250);
-  }
-  ._teddy-icon--md_1ur3a_24 {
-    width: var(--teddy-spacing-300);
-    height: var(--teddy-spacing-300);
-  }
-  ._teddy-icon--lg_1ur3a_28 {
-    width: var(--teddy-spacing-400);
-    height: var(--teddy-spacing-400);
-  }
-  ._teddy-icon--xl_1ur3a_32 {
-    width: var(--teddy-spacing-600);
-    height: var(--teddy-spacing-600);
-  }
-  ._teddy-icon-with-children_1ur3a_36 {
-    display: inline-flex;
-    align-items: center;
-    font-family: var(--teddy-typography-family-default);
-    gap: var(--teddy-spacing-100);
-  }
 }._teddy-badge_wlyo5_1 {
   font-family: var(--teddy-typography-family-default);
   font-weight: var(--teddy-typography-weight-medium);
@@ -1926,112 +2118,6 @@
   ._teddy-carousel--sm_8pf7z_99 .slick-prev {
     left: 0rem;
   }
-}._teddy-scroll-area_1r6mf_1 {
-  position: relative;
-  overflow: hidden;
-}
-._teddy-scroll-area__viewport_1r6mf_5 {
-  height: 100%;
-  width: 100%;
-  border-radius: inherit;
-  display: grid;
-}
-._teddy-scroll-area__scrollbar_1r6mf_11 {
-  display: flex;
-  /* ensures no selection */
-  user-select: none;
-  /* disable browser handling of all panning and zooming gestures on touch devices */
-  touch-action: none;
-  padding: 1px;
-  background: var(--teddy-color-border-weak);
-  transition: background-color var(--teddy-motion-duration-200) ease-out;
-  border-radius: var(--teddy-border-radius-full);
-}
-._teddy-scroll-area__scrollbar_1r6mf_11[data-orientation=vertical] {
-  width: var(--teddy-border-width-lg);
-}
-._teddy-scroll-area__scrollbar_1r6mf_11[data-orientation=horizontal] {
-  flex-direction: column;
-  height: var(--teddy-border-width-lg);
-}
-._teddy-scroll-area__scrollbar_1r6mf_11:hover {
-  background-color: var(--teddy-color-transparent-black-200);
-}
-._teddy-scroll-area__scrollbar--hidden_1r6mf_32 {
-  width: 1px;
-  height: 1px;
-  padding: 0;
-  margin: -1px;
-  overflow: hidden;
-  clip: rect(0, 0, 0, 0);
-  white-space: nowrap;
-  border: 0;
-}
-._teddy-scroll-area__scrollbar--hidden_1r6mf_32:not(caption) {
-  position: absolute;
-}
-._teddy-scroll-area__thumb_1r6mf_45 {
-  flex: 1;
-  background: var(--teddy-color-border-strong);
-  border-radius: var(--teddy-border-radius-full);
-  position: relative;
-}
-._teddy-scroll-area__thumb_1r6mf_45::before {
-  content: "";
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-  width: 100%;
-  height: 100%;
-  min-width: 44px;
-  min-height: 44px;
-}
-._teddy-scroll-area__corner_1r6mf_62 {
-  background: var(--teddy-color-border-medium);
-}
-._teddy-scroll-area__button_1r6mf_65 {
-  position: absolute;
-}
-@media (prefers-reduced-motion: no-preference) {
-  ._teddy-scroll-area__button_1r6mf_65 {
-    transition: opacity var(--teddy-motion-duration-300), transform var(--teddy-motion-duration-300);
-  }
-}
-._teddy-scroll-area__button_1r6mf_65[data-direction=left] {
-  left: 0;
-  top: 50%;
-  transform: translate(0, -50%);
-}
-._teddy-scroll-area__button_1r6mf_65[data-direction=right] {
-  right: 0;
-  top: 50%;
-  transform: translate(0, -50%);
-}
-._teddy-scroll-area__button_1r6mf_65[data-direction=up] {
-  top: 0;
-  left: 50%;
-  transform: translate(-50%, 0);
-}
-._teddy-scroll-area__button_1r6mf_65[data-direction=down] {
-  bottom: 0;
-  left: 50%;
-  transform: translate(-50%, 0);
-}
-._teddy-scroll-area__button--hidden_1r6mf_93 {
-  opacity: 0;
-}
-._teddy-scroll-area__button--hidden_1r6mf_93[data-direction=left] {
-  transform: translate(-100%, -50%);
-}
-._teddy-scroll-area__button--hidden_1r6mf_93[data-direction=right] {
-  transform: translate(100%, -50%);
-}
-._teddy-scroll-area__button--hidden_1r6mf_93[data-direction=up] {
-  transform: translate(-50%, -100%);
-}
-._teddy-scroll-area__button--hidden_1r6mf_93[data-direction=down] {
-  transform: translate(-50%, 100%);
 }._teddy-channel-button_1hacf_1 {
   --channel-button-fade-color: var(--teddy-color-background-primary);
 }
@@ -3258,27 +3344,30 @@
 ._teddy-radio-card-group__card-group-label--required_upgkn_177::before {
   content: "* ";
 }@layer ribbon {
-  ._teddy-ribbon_14u2k_2 {
+  ._teddy-ribbon_4vjnf_2 {
     padding: var(--teddy-spacing-150);
     width: 100%;
   }
-  ._teddy-ribbon--rounded_14u2k_6 {
+  ._teddy-ribbon--rounded_4vjnf_6 {
     border-radius: var(--teddy-border-radius-md);
   }
-  ._teddy-ribbon--backgroundColor-orange-100_14u2k_9 {
+  ._teddy-ribbon--backgroundColor-orange-50_4vjnf_9 {
+    background-color: var(--teddy-color-orange-50);
+  }
+  ._teddy-ribbon--backgroundColor-orange-100_4vjnf_12 {
     background-color: var(--teddy-color-orange-100);
   }
-  ._teddy-ribbon--backgroundColor-green-50_14u2k_12 {
+  ._teddy-ribbon--backgroundColor-green-50_4vjnf_15 {
     background-color: var(--teddy-color-green-50);
   }
-  ._teddy-ribbon_14u2k_2 svg {
+  ._teddy-ribbon_4vjnf_2 svg {
     flex-shrink: 0;
     margin-right: var(--teddy-spacing-100);
   }
-  ._teddy-ribbon--iconPlacement-top_14u2k_19 svg {
+  ._teddy-ribbon--iconPlacement-top_4vjnf_22 svg {
     align-self: flex-start;
   }
-  ._teddy-ribbon--iconPlacement-center_14u2k_22 svg {
+  ._teddy-ribbon--iconPlacement-center_4vjnf_25 svg {
     align-self: center;
   }
 }._teddy-expandable-card_o9m1o_1 {