@telia/teddy 0.6.14 → 0.6.16

package/dist/style.css

@@ -282,7 +282,7 @@
   background-color: var(--teddy-color-green-50);
 }@layer heading, badge, flex, grid, dashboard-card;
 @layer dashboard-card {
-  ._teddy-dashboard-card_mczi8_3 {
+  ._teddy-dashboard-card_5b7hf_3 {
     outline: none;
     background: none;
     border: none;
@@ -297,76 +297,77 @@
     border: var(--teddy-border-width-xs) solid transparent;
     border-radius: var(--teddy-border-radius-md);
     width: 100%;
+    cursor: pointer;
   }
-  ._teddy-dashboard-card_mczi8_3 ._teddy-dashboard-card__content_mczi8_19,
-  ._teddy-dashboard-card_mczi8_3 ._teddy-dashboard-card__footer_mczi8_20 {
+  ._teddy-dashboard-card_5b7hf_3 ._teddy-dashboard-card__content_5b7hf_20,
+  ._teddy-dashboard-card_5b7hf_3 ._teddy-dashboard-card__footer_5b7hf_21 {
     margin-top: var(--teddy-spacing-150);
   }
-  ._teddy-dashboard-card--white_mczi8_23 {
+  ._teddy-dashboard-card--white_5b7hf_24 {
     background-color: var(--teddy-color-brand-white);
     color: var(--teddy-color-text-default);
   }
-  ._teddy-dashboard-card--white_mczi8_23._teddy-dashboard-card--disabled_mczi8_27 {
+  ._teddy-dashboard-card--white_5b7hf_24._teddy-dashboard-card--disabled_5b7hf_28 {
     background-color: var(--teddy-color-background-interactive-disabled);
   }
-  ._teddy-dashboard-card--white_mczi8_23:hover:not(:has(._teddy-dashboard-card--disabled_mczi8_27)) {
+  ._teddy-dashboard-card--white_5b7hf_24:hover:not(:has(._teddy-dashboard-card--disabled_5b7hf_28)) {
     background-color: var(--teddy-color-purple-50);
   }
-  ._teddy-dashboard-card--white_mczi8_23:active:not(:has(._teddy-dashboard-card--disabled_mczi8_27)) {
+  ._teddy-dashboard-card--white_5b7hf_24:active:not(:has(._teddy-dashboard-card--disabled_5b7hf_28)) {
     background-color: var(--teddy-color-purple-100);
   }
-  ._teddy-dashboard-card--white_mczi8_23._teddy-dashboard-card--border_mczi8_36 {
+  ._teddy-dashboard-card--white_5b7hf_24._teddy-dashboard-card--border_5b7hf_37 {
     border-color: var(--teddy-color-transparent-black-300);
   }
-  ._teddy-dashboard-card--white_mczi8_23._teddy-dashboard-card--border_mczi8_36._teddy-dashboard-card--disabled_mczi8_27 {
+  ._teddy-dashboard-card--white_5b7hf_24._teddy-dashboard-card--border_5b7hf_37._teddy-dashboard-card--disabled_5b7hf_28 {
     border-color: var(--teddy-color-transparent-black-300);
   }
-  ._teddy-dashboard-card--white_mczi8_23._teddy-dashboard-card--border_mczi8_36:hover:not(:has(._teddy-dashboard-card--disabled_mczi8_27)) {
+  ._teddy-dashboard-card--white_5b7hf_24._teddy-dashboard-card--border_5b7hf_37:hover:not(:has(._teddy-dashboard-card--disabled_5b7hf_28)) {
     border-color: var(--teddy-color-transparent-black-300);
   }
-  ._teddy-dashboard-card--white_mczi8_23._teddy-dashboard-card--border_mczi8_36:active:not(:has(._teddy-dashboard-card--disabled_mczi8_27)) {
+  ._teddy-dashboard-card--white_5b7hf_24._teddy-dashboard-card--border_5b7hf_37:active:not(:has(._teddy-dashboard-card--disabled_5b7hf_28)) {
     border-color: var(--teddy-color-transparent-black-300);
   }
-  ._teddy-dashboard-card--grey_mczi8_48 {
+  ._teddy-dashboard-card--grey_5b7hf_49 {
     background-color: #f5f5fa;
     color: var(--teddy-color-text-default);
   }
-  ._teddy-dashboard-card--grey_mczi8_48._teddy-dashboard-card--disabled_mczi8_27 {
+  ._teddy-dashboard-card--grey_5b7hf_49._teddy-dashboard-card--disabled_5b7hf_28 {
     background-color: var(--teddy-color-background-interactive-disabled);
   }
-  ._teddy-dashboard-card--grey_mczi8_48:hover:not(:has(._teddy-dashboard-card--disabled_mczi8_27)) {
+  ._teddy-dashboard-card--grey_5b7hf_49:hover:not(:has(._teddy-dashboard-card--disabled_5b7hf_28)) {
     background-color: var(--teddy-color-gray-100);
   }
-  ._teddy-dashboard-card--grey_mczi8_48:active:not(:has(._teddy-dashboard-card--disabled_mczi8_27)) {
+  ._teddy-dashboard-card--grey_5b7hf_49:active:not(:has(._teddy-dashboard-card--disabled_5b7hf_28)) {
     background-color: var(--teddy-color-gray-200);
   }
-  ._teddy-dashboard-card--purple-light_mczi8_61 {
+  ._teddy-dashboard-card--purple-light_5b7hf_62 {
     background-color: var(--teddy-color-purple-50);
     color: var(--teddy-color-text-default);
   }
-  ._teddy-dashboard-card--purple-light_mczi8_61._teddy-dashboard-card--disabled_mczi8_27 {
+  ._teddy-dashboard-card--purple-light_5b7hf_62._teddy-dashboard-card--disabled_5b7hf_28 {
     background-color: var(--teddy-color-background-interactive-disabled);
   }
-  ._teddy-dashboard-card--purple-light_mczi8_61:hover:not(:has(._teddy-dashboard-card--disabled_mczi8_27)) {
+  ._teddy-dashboard-card--purple-light_5b7hf_62:hover:not(:has(._teddy-dashboard-card--disabled_5b7hf_28)) {
     background-color: var(--teddy-color-purple-100);
   }
-  ._teddy-dashboard-card--purple-light_mczi8_61:active:not(:has(._teddy-dashboard-card--disabled_mczi8_27)) {
+  ._teddy-dashboard-card--purple-light_5b7hf_62:active:not(:has(._teddy-dashboard-card--disabled_5b7hf_28)) {
     background-color: var(--teddy-color-purple-200);
   }
-  ._teddy-dashboard-card--beige-light_mczi8_74 {
+  ._teddy-dashboard-card--beige-light_5b7hf_75 {
     background-color: var(--teddy-color-beige-50);
     color: var(--teddy-color-text-default);
   }
-  ._teddy-dashboard-card--beige-light_mczi8_74._teddy-dashboard-card--disabled_mczi8_27 {
+  ._teddy-dashboard-card--beige-light_5b7hf_75._teddy-dashboard-card--disabled_5b7hf_28 {
     background-color: var(--teddy-color-background-interactive-disabled);
   }
-  ._teddy-dashboard-card--beige-light_mczi8_74:hover:not(:has(._teddy-dashboard-card--disabled_mczi8_27)) {
+  ._teddy-dashboard-card--beige-light_5b7hf_75:hover:not(:has(._teddy-dashboard-card--disabled_5b7hf_28)) {
     background-color: var(--teddy-color-beige-100);
   }
-  ._teddy-dashboard-card--beige-light_mczi8_74:active:not(:has(._teddy-dashboard-card--disabled_mczi8_27)) {
+  ._teddy-dashboard-card--beige-light_5b7hf_75:active:not(:has(._teddy-dashboard-card--disabled_5b7hf_28)) {
     background-color: var(--teddy-color-beige-200);
   }
-  ._teddy-dashboard-card__layout_mczi8_87 {
+  ._teddy-dashboard-card__layout_5b7hf_88 {
     display: grid;
     gap: 0 var(--teddy-spacing-150);
     grid-template-columns: auto 1fr auto;
@@ -376,49 +377,50 @@
     align-items: center;
     grid-template-areas: "media heading chevron" "media subtitle chevron" "content content content" "footer footer footer";
   }
-  ._teddy-dashboard-card__layout_mczi8_87 ._teddy-dashboard-card__avatar_mczi8_97 {
+  ._teddy-dashboard-card__layout_5b7hf_88 ._teddy-dashboard-card__avatar_5b7hf_98 {
     grid-area: media;
   }
-  ._teddy-dashboard-card__layout_mczi8_87 ._teddy-dashboard-card__illustration_mczi8_100 {
+  ._teddy-dashboard-card__layout_5b7hf_88 ._teddy-dashboard-card__illustration_5b7hf_101 {
     grid-area: media;
   }
-  ._teddy-dashboard-card__layout_mczi8_87 ._teddy-dashboard-card__heading_mczi8_103 {
+  ._teddy-dashboard-card__layout_5b7hf_88 ._teddy-dashboard-card__heading_5b7hf_104 {
     grid-area: heading;
     align-self: end;
   }
-  ._teddy-dashboard-card__layout_mczi8_87 ._teddy-dashboard-card__subtitle_mczi8_107 {
+  ._teddy-dashboard-card__layout_5b7hf_88 ._teddy-dashboard-card__subtitle_5b7hf_108 {
     grid-area: subtitle;
     align-self: start;
   }
-  ._teddy-dashboard-card__layout_mczi8_87 ._teddy-dashboard-card__chevron_mczi8_111 {
+  ._teddy-dashboard-card__layout_5b7hf_88 ._teddy-dashboard-card__chevron_5b7hf_112 {
     grid-area: chevron;
   }
-  ._teddy-dashboard-card__layout_mczi8_87 ._teddy-dashboard-card__content_mczi8_19 {
+  ._teddy-dashboard-card__layout_5b7hf_88 ._teddy-dashboard-card__content_5b7hf_20 {
     grid-area: content;
     align-self: start;
   }
-  ._teddy-dashboard-card__layout_mczi8_87 ._teddy-dashboard-card__footer_mczi8_20 {
+  ._teddy-dashboard-card__layout_5b7hf_88 ._teddy-dashboard-card__footer_5b7hf_21 {
     grid-area: footer;
     align-self: end;
   }
-  ._teddy-dashboard-card__layout_mczi8_87:not(:has(._teddy-dashboard-card__subtitle_mczi8_107)) {
+  ._teddy-dashboard-card__layout_5b7hf_88:not(:has(._teddy-dashboard-card__subtitle_5b7hf_108)) {
     grid-template-areas: "media heading chevron" "media heading chevron" "content content content" "footer footer footer";
   }
-  ._teddy-dashboard-card__layout_mczi8_87:not(:has(._teddy-dashboard-card__subtitle_mczi8_107)) ._teddy-dashboard-card__heading_mczi8_103 {
+  ._teddy-dashboard-card__layout_5b7hf_88:not(:has(._teddy-dashboard-card__subtitle_5b7hf_108)) ._teddy-dashboard-card__heading_5b7hf_104 {
     align-self: center;
   }
-  ._teddy-dashboard-card__illustration_mczi8_100 {
+  ._teddy-dashboard-card__illustration_5b7hf_101 {
     display: flex;
     align-items: center;
     justify-content: center;
     width: 40px;
   }
-  ._teddy-dashboard-card_mczi8_3:focus-visible {
+  ._teddy-dashboard-card_5b7hf_3:focus-visible {
     outline: solid var(--teddy-border-width-sm) var(--teddy-color-border-interactive-focus);
     outline-offset: var(--teddy-spacing-25);
   }
-  ._teddy-dashboard-card--disabled_mczi8_27 {
+  ._teddy-dashboard-card--disabled_5b7hf_28 {
     pointer-events: none;
+    cursor: not-allowed;
   }
 }@layer heading {
   ._teddy-heading_r8os0_2 {
@@ -1113,32 +1115,36 @@
   }
 }@layer heading, flex, grid, button, card;
 @layer card {
-  ._teddy-card_6pylp_3 {
+  ._teddy-card_1p563_3:focus-visible {
+    outline: var(--teddy-border-width-sm) solid var(--teddy-color-blue-600);
+    outline-offset: 2px;
+  }
+  ._teddy-card_1p563_3 {
     border-radius: var(--teddy-border-radius-md);
     padding: var(--teddy-spacing-250);
     position: relative;
   }
   @media (prefers-reduced-motion: no-preference) {
-    ._teddy-card_6pylp_3 {
+    ._teddy-card_1p563_3 {
       transition: background-color var(--teddy-motion-duration-100) ease;
     }
   }
-  ._teddy-card__slot_6pylp_13 {
+  ._teddy-card__slot_1p563_17 {
     transform: translateY(-50%);
   }
-  ._teddy-card__slot--bottom_6pylp_16 {
+  ._teddy-card__slot--bottom_1p563_20 {
     transform: translateY(50%);
   }
-  ._teddy-card__slot--center_6pylp_19 {
+  ._teddy-card__slot--center_1p563_23 {
     transform: translate(-50%, -50%);
   }
-  ._teddy-card__slot--bottom_6pylp_16._teddy-card__slot--center_6pylp_19 {
+  ._teddy-card__slot--bottom_1p563_20._teddy-card__slot--center_1p563_23 {
     transform: translate(-50%, 50%);
   }
-  ._teddy-card__slot--no-translate_6pylp_25 {
+  ._teddy-card__slot--no-translate_1p563_29 {
     transform: initial;
   }
-  ._teddy-card_6pylp_3::before {
+  ._teddy-card_1p563_3::before {
     content: "";
     display: block;
     position: absolute;
@@ -1149,95 +1155,95 @@
     box-shadow: var(--teddy-shadow-sm);
   }
   @media (prefers-reduced-motion: no-preference) {
-    ._teddy-card_6pylp_3::before {
+    ._teddy-card_1p563_3::before {
       transition: var(--teddy-motion-duration-300) ease;
       transition-property: opacity, box-shadow;
     }
   }
-  ._teddy-card--shadow_6pylp_44::before {
+  ._teddy-card--shadow_1p563_48::before {
     opacity: 1;
   }
-  ._teddy-card_6pylp_3:has(._teddy-card__action_6pylp_47:not(._teddy-card__action--disabled_6pylp_47)) {
+  ._teddy-card_1p563_3:has(._teddy-card__action_1p563_51:not(._teddy-card__action--disabled_1p563_51)) {
     cursor: pointer;
   }
-  ._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 {
+  ._teddy-card_1p563_3:has(._teddy-card__action_1p563_51:not(._teddy-card__action--disabled_1p563_51)):hover:has(._teddy-card__action_1p563_51:not(._teddy-card__action--disabled_1p563_51))::before {
     opacity: 1;
     box-shadow: var(--teddy-shadow-md);
   }
-  ._teddy-card--border_6pylp_54 {
+  ._teddy-card--border_1p563_58 {
     border: var(--teddy-border-width-xs) solid transparent;
   }
-  ._teddy-card--layout_6pylp_57 ._teddy-card__illustration_6pylp_57 {
+  ._teddy-card--layout_1p563_61 ._teddy-card__illustration_1p563_61 {
     grid-area: illustration;
   }
-  ._teddy-card--layout_6pylp_57 ._teddy-card__carousel_6pylp_60 {
+  ._teddy-card--layout_1p563_61 ._teddy-card__carousel_1p563_64 {
     grid-area: carousel;
   }
-  ._teddy-card--layout_6pylp_57 ._teddy-card__content_6pylp_63 {
+  ._teddy-card--layout_1p563_61 ._teddy-card__content_1p563_67 {
     grid-area: content;
   }
-  ._teddy-card--layout_6pylp_57 ._teddy-card__heading_6pylp_66 {
+  ._teddy-card--layout_1p563_61 ._teddy-card__heading_1p563_70 {
     grid-area: heading;
   }
-  ._teddy-card--layout_6pylp_57 ._teddy-card__action-wrapper_6pylp_69 {
+  ._teddy-card--layout_1p563_61 ._teddy-card__action-wrapper_1p563_73 {
     grid-area: action;
   }
-  ._teddy-card--layout_6pylp_57 ._teddy-card__footer_6pylp_72 {
+  ._teddy-card--layout_1p563_61 ._teddy-card__footer_1p563_76 {
     grid-area: footer;
   }
-  ._teddy-card--layout_6pylp_57 ._teddy-card__overline_6pylp_75 {
+  ._teddy-card--layout_1p563_61 ._teddy-card__overline_1p563_79 {
     grid-area: overline;
   }
-  ._teddy-card--layout_6pylp_57 ._teddy-card__description_6pylp_78 {
+  ._teddy-card--layout_1p563_61 ._teddy-card__description_1p563_82 {
     grid-area: description;
   }
-  ._teddy-card--layout_6pylp_57 ._teddy-card__color-dots_6pylp_81 {
+  ._teddy-card--layout_1p563_61 ._teddy-card__color-dots_1p563_85 {
     grid-area: colors;
   }
-  ._teddy-card--layout_6pylp_57 ._teddy-card__availability_6pylp_84 {
+  ._teddy-card--layout_1p563_61 ._teddy-card__availability_1p563_88 {
     grid-area: availability;
   }
-  ._teddy-card--layout_6pylp_57 ._teddy-card__price_6pylp_87 {
+  ._teddy-card--layout_1p563_61 ._teddy-card__price_1p563_91 {
     grid-area: price;
   }
-  ._teddy-card--default_6pylp_90 {
+  ._teddy-card--default_1p563_94 {
     display: flex;
     flex-direction: column;
     gap: var(--teddy-spacing-200);
   }
-  ._teddy-card--navigation-vertical_6pylp_95 {
+  ._teddy-card--navigation-vertical_1p563_99 {
     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 {
+  ._teddy-card--navigation-vertical_1p563_99 ._teddy-card__illustration_1p563_61 {
     margin-bottom: var(--teddy-spacing-200);
   }
-  ._teddy-card--navigation-vertical_6pylp_95 ._teddy-card__content_6pylp_63 {
+  ._teddy-card--navigation-vertical_1p563_99 ._teddy-card__content_1p563_67 {
     margin-bottom: var(--teddy-spacing-200);
   }
-  ._teddy-card--navigation-vertical_6pylp_95 ._teddy-card__heading_6pylp_66 {
+  ._teddy-card--navigation-vertical_1p563_99 ._teddy-card__heading_1p563_70 {
     margin-bottom: var(--teddy-spacing-100);
   }
-  ._teddy-card--navigation-vertical_6pylp_95 ._teddy-card__action-wrapper_6pylp_69 {
+  ._teddy-card--navigation-vertical_1p563_99 ._teddy-card__action-wrapper_1p563_73 {
     margin-top: auto;
     justify-self: end;
   }
-  ._teddy-card--navigation-horizontal-small_6pylp_115 {
+  ._teddy-card--navigation-horizontal-small_1p563_119 {
     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-card--navigation-horizontal-small_6pylp_115 ._teddy-card__heading_6pylp_66 {
+  ._teddy-card--navigation-horizontal-small_1p563_119 ._teddy-card__heading_1p563_70 {
     margin-bottom: var(--teddy-spacing-100);
   }
-  ._teddy-card--navigation-horizontal-small_6pylp_115 ._teddy-card__action-wrapper_6pylp_69 {
+  ._teddy-card--navigation-horizontal-small_1p563_119 ._teddy-card__action-wrapper_1p563_73 {
     margin-top: auto;
   }
-  ._teddy-card--navigation-horizontal-small-centered_6pylp_127 {
+  ._teddy-card--navigation-horizontal-small-centered_1p563_131 {
     width: 100%;
     max-width: 26rem;
     grid-template-columns: auto 1fr auto;
@@ -1246,176 +1252,176 @@
     align-items: center;
     column-gap: var(--teddy-spacing-200);
   }
-  ._teddy-card--navigation-horizontal-small-centered_6pylp_127 ._teddy-card__content_6pylp_63 {
+  ._teddy-card--navigation-horizontal-small-centered_1p563_131 ._teddy-card__content_1p563_67 {
     margin-top: var(--teddy-spacing-200);
   }
-  ._teddy-card--navigation-horizontal-small-centered_6pylp_127 ._teddy-card__action-wrapper_6pylp_69 {
+  ._teddy-card--navigation-horizontal-small-centered_1p563_131 ._teddy-card__action-wrapper_1p563_73 {
     margin: 0;
   }
-  ._teddy-card--navigation-horizontal-small-centered_6pylp_127 ._teddy-card__illustration_6pylp_57 {
+  ._teddy-card--navigation-horizontal-small-centered_1p563_131 ._teddy-card__illustration_1p563_61 {
     max-height: 80px;
     max-width: 100px;
   }
-  ._teddy-card--navigation-horizontal-small-centered_6pylp_127 ._teddy-card__illustration_6pylp_57 img {
+  ._teddy-card--navigation-horizontal-small-centered_1p563_131 ._teddy-card__illustration_1p563_61 img {
     object-fit: contain;
   }
-  ._teddy-card--navigation-horizontal-large_6pylp_149 {
+  ._teddy-card--navigation-horizontal-large_1p563_153 {
     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-card--navigation-horizontal-large_6pylp_149 ._teddy-card__heading_6pylp_66 {
+  ._teddy-card--navigation-horizontal-large_1p563_153 ._teddy-card__heading_1p563_70 {
     margin-bottom: var(--teddy-spacing-100);
   }
-  ._teddy-card--navigation-horizontal-large_6pylp_149 ._teddy-card__action-wrapper_6pylp_69 {
+  ._teddy-card--navigation-horizontal-large_1p563_153 ._teddy-card__action-wrapper_1p563_73 {
     margin-top: auto;
   }
-  ._teddy-card--rich-card_6pylp_161 {
+  ._teddy-card--rich-card_1p563_165 {
     justify-items: start;
     align-items: baseline;
     grid-template-rows: auto auto 1fr auto;
     grid-template-areas: "illustration" "heading" "content" "action";
   }
-  ._teddy-card--rich-card_6pylp_161 ._teddy-card__illustration_6pylp_57 {
+  ._teddy-card--rich-card_1p563_165 ._teddy-card__illustration_1p563_61 {
     margin-bottom: var(--teddy-spacing-200);
   }
-  ._teddy-card--rich-card_6pylp_161 ._teddy-card__content_6pylp_63 {
+  ._teddy-card--rich-card_1p563_165 ._teddy-card__content_1p563_67 {
     margin-bottom: var(--teddy-spacing-200);
   }
-  ._teddy-card--rich-card_6pylp_161 ._teddy-card__heading_6pylp_66 {
+  ._teddy-card--rich-card_1p563_165 ._teddy-card__heading_1p563_70 {
     margin-bottom: var(--teddy-spacing-100);
   }
-  ._teddy-card--rich-card_6pylp_161 ._teddy-card__action-wrapper_6pylp_69 {
+  ._teddy-card--rich-card_1p563_165 ._teddy-card__action-wrapper_1p563_73 {
     margin-top: auto;
   }
   @media (max-width: 800px) {
-    ._teddy-card--rich-card-large_6pylp_180 {
+    ._teddy-card--rich-card-large_1p563_184 {
       align-items: baseline;
       grid-template-rows: auto auto 1fr auto;
       grid-template-areas: "illustration" "heading" "content" "action";
     }
   }
-  ._teddy-card--rich-card-large_6pylp_180 ._teddy-card__illustration_6pylp_57 img {
+  ._teddy-card--rich-card-large_1p563_184 ._teddy-card__illustration_1p563_61 img {
     object-fit: cover;
   }
   @media (min-width: 801px) {
-    ._teddy-card--rich-card-large_6pylp_180 ._teddy-card__illustration_6pylp_57 {
+    ._teddy-card--rich-card-large_1p563_184 ._teddy-card__illustration_1p563_61 {
       grid-column-start: 1;
       margin-right: var(--teddy-spacing-600);
     }
   }
-  ._teddy-card--rich-card-large_6pylp_180 ._teddy-card__content_6pylp_63 {
+  ._teddy-card--rich-card-large_1p563_184 ._teddy-card__content_1p563_67 {
     margin-top: 2rem;
   }
   @media (min-width: 801px) {
-    ._teddy-card--rich-card-large_6pylp_180 ._teddy-card__content_6pylp_63 {
+    ._teddy-card--rich-card-large_1p563_184 ._teddy-card__content_1p563_67 {
       grid-column-start: 2;
       margin-top: 0;
       align-content: center;
     }
   }
-  ._teddy-card--rich-card-large_6pylp_180 ._teddy-card__action_6pylp_47 {
+  ._teddy-card--rich-card-large_1p563_184 ._teddy-card__action_1p563_51 {
     margin-top: var(--teddy-spacing-200);
   }
-  ._teddy-card--rich-card-large_6pylp_180 ._teddy-card__heading_6pylp_66 {
+  ._teddy-card--rich-card-large_1p563_184 ._teddy-card__heading_1p563_70 {
     margin-top: var(--teddy-spacing-100);
     margin-bottom: var(--teddy-spacing-100);
   }
-  ._teddy-card__line_6pylp_212 {
+  ._teddy-card__line_1p563_216 {
     border: 0;
     border-top: var(--teddy-border-width-xs) solid var(--teddy-color-border-weak);
   }
-  ._teddy-card--purple-light_6pylp_216 {
+  ._teddy-card--purple-light_1p563_220 {
     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-card--purple-light_6pylp_216:hover:has(._teddy-card__action_6pylp_47:not(._teddy-card__action--disabled_6pylp_47)) {
+  ._teddy-card--purple-light_1p563_220:hover:has(._teddy-card__action_1p563_51:not(._teddy-card__action--disabled_1p563_51)) {
     background-color: var(--teddy-color-background-interactive-primary-negative-hover);
   }
-  ._teddy-card--purple-light_6pylp_216:active:has(._teddy-card__action_6pylp_47:not(._teddy-card__action--disabled_6pylp_47)) {
+  ._teddy-card--purple-light_1p563_220:active:has(._teddy-card__action_1p563_51:not(._teddy-card__action--disabled_1p563_51)) {
     background-color: var(--teddy-color-background-interactive-primary-negative-active);
   }
-  ._teddy-card--purple-light_6pylp_216:has(._teddy-card__action--disabled_6pylp_47) {
+  ._teddy-card--purple-light_1p563_220:has(._teddy-card__action--disabled_1p563_51) {
     background-color: var(--teddy-color-background-interactive-disabled);
   }
-  ._teddy-card--purple-dark_6pylp_230 {
+  ._teddy-card--purple-dark_1p563_234 {
     background-color: var(--teddy-color-brand-deep-purple);
     color: var(--teddy-color-text-default-negative);
     border-color: var(--teddy-color-brand-deep-purple);
   }
-  ._teddy-card--purple-dark_6pylp_230:hover:has(._teddy-card__action_6pylp_47:not(._teddy-card__action--disabled_6pylp_47)) {
+  ._teddy-card--purple-dark_1p563_234:hover:has(._teddy-card__action_1p563_51:not(._teddy-card__action--disabled_1p563_51)) {
     background-color: var(--teddy-color-background-interactive-transparent-negative-hover);
   }
-  ._teddy-card--purple-dark_6pylp_230:active:has(._teddy-card__action_6pylp_47:not(._teddy-card__action--disabled_6pylp_47)) {
+  ._teddy-card--purple-dark_1p563_234:active:has(._teddy-card__action_1p563_51:not(._teddy-card__action--disabled_1p563_51)) {
     background-color: var(--teddy-color-background-interactive-transparent-negative-active);
   }
-  ._teddy-card--purple-dark_6pylp_230:has(._teddy-card__action--disabled_6pylp_47) {
+  ._teddy-card--purple-dark_1p563_234:has(._teddy-card__action--disabled_1p563_51) {
     color: var(--teddy-color-text-default);
     background-color: var(--teddy-color-background-interactive-disabled);
   }
-  ._teddy-card--purple-dark_6pylp_230:has(._teddy-card__action--disabled_6pylp_47) ._teddy-card__action_6pylp_47 {
+  ._teddy-card--purple-dark_1p563_234:has(._teddy-card__action--disabled_1p563_51) ._teddy-card__action_1p563_51 {
     color: var(--teddy-color-text-weak);
     background-color: var(--teddy-color-background-interactive-disabled);
   }
-  ._teddy-card--white_6pylp_249 {
+  ._teddy-card--white_1p563_253 {
     background-color: var(--teddy-color-brand-white);
     color: var(--teddy-color-text-default);
     border-color: var(--teddy-color-border-weak);
   }
-  ._teddy-card--white_6pylp_249:hover:has(._teddy-card__action_6pylp_47:not(._teddy-card__action--disabled_6pylp_47)) {
+  ._teddy-card--white_1p563_253:hover:has(._teddy-card__action_1p563_51:not(._teddy-card__action--disabled_1p563_51)) {
     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-card--white_1p563_253:active:has(._teddy-card__action_1p563_51:not(._teddy-card__action--disabled_1p563_51)) {
     background-color: var(--teddy-color-background-interactive-transparent-active);
   }
-  ._teddy-card--white_6pylp_249:has(._teddy-card__action--disabled_6pylp_47) {
+  ._teddy-card--white_1p563_253:has(._teddy-card__action--disabled_1p563_51) {
     background-color: var(--teddy-color-background-interactive-disabled);
   }
-  ._teddy-card--gray_6pylp_263 {
+  ._teddy-card--gray_1p563_267 {
     background-color: var(--teddy-color-background-secondary);
     color: var(--teddy-color-text-default);
     border-color: var(--teddy-color-border-interactive-subtle);
   }
-  ._teddy-card--gray_6pylp_263:hover:has(._teddy-card__action_6pylp_47:not(._teddy-card__action--disabled_6pylp_47)) {
+  ._teddy-card--gray_1p563_267:hover:has(._teddy-card__action_1p563_51:not(._teddy-card__action--disabled_1p563_51)) {
     background-color: var(--teddy-color-gray-100);
   }
-  ._teddy-card--gray_6pylp_263:active:has(._teddy-card__action_6pylp_47:not(._teddy-card__action--disabled_6pylp_47)) {
+  ._teddy-card--gray_1p563_267:active:has(._teddy-card__action_1p563_51:not(._teddy-card__action--disabled_1p563_51)) {
     background-color: var(--teddy-color-gray-200);
   }
-  ._teddy-card--gray_6pylp_263:has(._teddy-card__action--disabled_6pylp_47) {
+  ._teddy-card--gray_1p563_267:has(._teddy-card__action--disabled_1p563_51) {
     background-color: var(--teddy-color-background-interactive-disabled);
   }
-  ._teddy-card--beige_6pylp_277 {
+  ._teddy-card--beige_1p563_281 {
     background-color: var(--teddy-color-beige-100);
     color: var(--teddy-color-text-default);
     border-color: var(--teddy-color-beige-300);
   }
-  ._teddy-card--beige_6pylp_277:hover:has(._teddy-card__action_6pylp_47:not(._teddy-card__action--disabled_6pylp_47)) {
+  ._teddy-card--beige_1p563_281:hover:has(._teddy-card__action_1p563_51:not(._teddy-card__action--disabled_1p563_51)) {
     background-color: var(--teddy-color-beige-200);
   }
-  ._teddy-card--beige_6pylp_277:active:has(._teddy-card__action_6pylp_47:not(._teddy-card__action--disabled_6pylp_47)) {
+  ._teddy-card--beige_1p563_281:active:has(._teddy-card__action_1p563_51:not(._teddy-card__action--disabled_1p563_51)) {
     background-color: var(--teddy-color-beige-300);
   }
-  ._teddy-card--beige_6pylp_277:has(._teddy-card__action--disabled_6pylp_47) {
+  ._teddy-card--beige_1p563_281:has(._teddy-card__action--disabled_1p563_51) {
     background-color: var(--teddy-color-background-interactive-disabled);
   }
-  ._teddy-card--beige-light_6pylp_291 {
+  ._teddy-card--beige-light_1p563_295 {
     background-color: var(--teddy-color-beige-50);
     color: var(--teddy-color-text-default);
     border-color: var(--teddy-color-beige-200);
   }
-  ._teddy-card--beige-light_6pylp_291:hover:has(._teddy-card__action_6pylp_47:not(._teddy-card__action--disabled_6pylp_47)) {
+  ._teddy-card--beige-light_1p563_295:hover:has(._teddy-card__action_1p563_51:not(._teddy-card__action--disabled_1p563_51)) {
     background-color: var(--teddy-color-beige-100);
   }
-  ._teddy-card--beige-light_6pylp_291:active:has(._teddy-card__action_6pylp_47:not(._teddy-card__action--disabled_6pylp_47)) {
+  ._teddy-card--beige-light_1p563_295:active:has(._teddy-card__action_1p563_51:not(._teddy-card__action--disabled_1p563_51)) {
     background-color: var(--teddy-color-beige-100);
   }
-  ._teddy-card--beige-light_6pylp_291:has(._teddy-card__action--disabled_6pylp_47) {
+  ._teddy-card--beige-light_1p563_295:has(._teddy-card__action--disabled_1p563_51) {
     background-color: var(--teddy-color-background-interactive-disabled);
   }
-  ._teddy-card--product_6pylp_305 {
+  ._teddy-card--product_1p563_309 {
     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";
@@ -1425,134 +1431,134 @@
     padding-bottom: var(--teddy-spacing-100);
     width: 100%;
   }
-  ._teddy-card--product_6pylp_305:hover:has(._teddy-card__action_6pylp_47:not(._teddy-card__action--disabled_6pylp_47)) {
+  ._teddy-card--product_1p563_309:hover:has(._teddy-card__action_1p563_51:not(._teddy-card__action--disabled_1p563_51)) {
     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-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 {
+  ._teddy-card--product_1p563_309:hover:has(._teddy-card__action_1p563_51:not(._teddy-card__action--disabled_1p563_51)) ._teddy-card__carousel_1p563_64 .slick-slider .slick-arrow {
     display: block !important;
   }
-  ._teddy-card--product_6pylp_305:active:has(._teddy-card__action_6pylp_47:not(._teddy-card__action--disabled_6pylp_47)) {
+  ._teddy-card--product_1p563_309:active:has(._teddy-card__action_1p563_51:not(._teddy-card__action--disabled_1p563_51)) {
     -webkit-tap-highlight-color: transparent;
   }
-  ._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)) {
+  ._teddy-card--product_1p563_309:active:has(._teddy-card__action_1p563_51:not(._teddy-card__action--disabled_1p563_51)):not(:has(._teddy-card__carousel_1p563_64:active)) {
     background-color: var(--teddy-color-background-interactive-transparent-active);
   }
-  ._teddy-card--product_6pylp_305:has(._teddy-card__action--disabled_6pylp_47) {
+  ._teddy-card--product_1p563_309:has(._teddy-card__action--disabled_1p563_51) {
     background-color: var(--teddy-color-background-interactive-disabled);
   }
-  ._teddy-card--product_6pylp_305 ._teddy-card__action-wrapper_6pylp_69 {
+  ._teddy-card--product_1p563_309 ._teddy-card__action-wrapper_1p563_73 {
     margin-bottom: var(--teddy-spacing-200);
   }
-  ._teddy-card--product_6pylp_305 ._teddy-card__illustration_6pylp_57 {
+  ._teddy-card--product_1p563_309 ._teddy-card__illustration_1p563_61 {
     height: 180px;
     display: grid;
     place-items: center;
     place-self: center;
     margin-bottom: var(--teddy-spacing-400);
   }
-  ._teddy-card--product_6pylp_305 ._teddy-card__illustration_6pylp_57 img {
+  ._teddy-card--product_1p563_309 ._teddy-card__illustration_1p563_61 img {
     max-width: 200px;
     max-height: 180px;
     object-fit: contain;
   }
-  ._teddy-card--product_6pylp_305 ._teddy-card__carousel_6pylp_60 .slick-slider .slick-arrow {
+  ._teddy-card--product_1p563_309 ._teddy-card__carousel_1p563_64 .slick-slider .slick-arrow {
     display: none !important;
   }
-  ._teddy-card--product_6pylp_305 ._teddy-card__carousel_6pylp_60 .slick-dots li {
+  ._teddy-card--product_1p563_309 ._teddy-card__carousel_1p563_64 .slick-dots li {
     min-width: 12px;
     width: initial !important;
     margin: 0 0.25rem !important;
   }
-  ._teddy-card--product_6pylp_305 ._teddy-card__carousel_6pylp_60 .slick-dots .slick-active {
+  ._teddy-card--product_1p563_309 ._teddy-card__carousel_1p563_64 .slick-dots .slick-active {
     min-width: 24px;
     width: initial !important;
   }
-  ._teddy-card--product_6pylp_305 ._teddy-card__overline_6pylp_75 {
+  ._teddy-card--product_1p563_309 ._teddy-card__overline_1p563_79 {
     margin-bottom: var(--teddy-spacing-50);
   }
-  ._teddy-card--product_6pylp_305 ._teddy-card__heading_6pylp_66 {
+  ._teddy-card--product_1p563_309 ._teddy-card__heading_1p563_70 {
     margin-bottom: var(--teddy-spacing-200);
   }
-  ._teddy-card--product_6pylp_305 ._teddy-card__description_6pylp_78 {
+  ._teddy-card--product_1p563_309 ._teddy-card__description_1p563_82 {
     margin-bottom: var(--teddy-spacing-200);
   }
-  ._teddy-card--product_6pylp_305 ._teddy-card__content_6pylp_63 {
+  ._teddy-card--product_1p563_309 ._teddy-card__content_1p563_67 {
     margin-bottom: var(--teddy-spacing-200);
   }
-  ._teddy-card--product_6pylp_305 ._teddy-card__action_6pylp_47 {
+  ._teddy-card--product_1p563_309 ._teddy-card__action_1p563_51 {
     margin-top: auto;
     margin-left: auto;
     justify-self: end;
   }
-  ._teddy-card--product_6pylp_305 ._teddy-card__price_6pylp_87 {
+  ._teddy-card--product_1p563_309 ._teddy-card__price_1p563_91 {
     display: flex;
   }
-  ._teddy-card--product_6pylp_305 ._teddy-card__price--big_6pylp_379 {
+  ._teddy-card--product_1p563_309 ._teddy-card__price--big_1p563_383 {
     font-size: var(--teddy-typography-scale-200);
   }
-  ._teddy-card_6pylp_3:has(._teddy-card__image--as-background_6pylp_382) {
+  ._teddy-card_1p563_3:has(._teddy-card__image--as-background_1p563_386) {
     background-color: transparent;
   }
-  ._teddy-card__heading_6pylp_66 {
+  ._teddy-card__heading_1p563_70 {
     color: inherit;
   }
-  ._teddy-card--background-image_6pylp_388 {
+  ._teddy-card--background-image_1p563_392 {
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center;
   }
-  ._teddy-card__illustration--rounded_6pylp_393 {
+  ._teddy-card__illustration--rounded_1p563_397 {
     border-radius: inherit;
     overflow: hidden;
   }
-  ._teddy-card__inset_6pylp_397 {
+  ._teddy-card__inset_1p563_401 {
     overflow: hidden;
   }
-  ._teddy-card__inset--top_6pylp_400 {
+  ._teddy-card__inset--top_1p563_404 {
     margin-top: calc(var(--teddy-spacing-250) * -1);
   }
-  ._teddy-card__inset--top_6pylp_400._teddy-card__inset--left_6pylp_403 {
+  ._teddy-card__inset--top_1p563_404._teddy-card__inset--left_1p563_407 {
     border-top-left-radius: inherit;
   }
-  ._teddy-card__inset--top_6pylp_400._teddy-card__inset--right_6pylp_406 {
+  ._teddy-card__inset--top_1p563_404._teddy-card__inset--right_1p563_410 {
     border-top-right-radius: inherit;
   }
-  ._teddy-card__inset--bottom_6pylp_409 {
+  ._teddy-card__inset--bottom_1p563_413 {
     margin-bottom: calc(var(--teddy-spacing-250) * -1);
   }
-  ._teddy-card__inset--bottom_6pylp_409._teddy-card__inset--left_6pylp_403 {
+  ._teddy-card__inset--bottom_1p563_413._teddy-card__inset--left_1p563_407 {
     border-bottom-left-radius: inherit;
   }
-  ._teddy-card__inset--bottom_6pylp_409._teddy-card__inset--right_6pylp_406 {
+  ._teddy-card__inset--bottom_1p563_413._teddy-card__inset--right_1p563_410 {
     border-bottom-right-radius: inherit;
   }
-  ._teddy-card__inset--left_6pylp_403 {
+  ._teddy-card__inset--left_1p563_407 {
     margin-left: calc(var(--teddy-spacing-250) * -1);
   }
-  ._teddy-card__inset--right_6pylp_406 {
+  ._teddy-card__inset--right_1p563_410 {
     margin-right: calc(var(--teddy-spacing-250) * -1);
   }
-  ._teddy-card__availability--badge_6pylp_424 {
+  ._teddy-card__availability--badge_1p563_428 {
     margin-right: var(--teddy-spacing-150);
   }
-  ._teddy-card__availability--success_6pylp_427 {
+  ._teddy-card__availability--success_1p563_431 {
     color: var(--teddy-color-text-status-success-strong);
   }
-  ._teddy-card__availability--warning_6pylp_430 {
+  ._teddy-card__availability--warning_1p563_434 {
     color: var(--teddy-color-text-status-warning-strong);
   }
-  ._teddy-card__availability--error_6pylp_433 {
+  ._teddy-card__availability--error_1p563_437 {
     color: var(--teddy-color-text-status-error-strong);
   }
-  ._teddy-card__availability--special_6pylp_436 {
+  ._teddy-card__availability--special_1p563_440 {
     color: var(--teddy-color-text-status-special);
   }
-  ._teddy-card__availability--neutral_6pylp_439 {
+  ._teddy-card__availability--neutral_1p563_443 {
     color: var(--teddy-color-text-status-neutral);
   }
-  ._teddy-card__availability--information_6pylp_442 {
+  ._teddy-card__availability--information_1p563_446 {
     color: var(--teddy-color-text-status-info-strong);
   }
 }._teddy-flex_1ncy4_1 {