@telia/teddy 0.0.17 → 0.0.19

package/dist/style.css

@@ -1,79 +1,220 @@
-._teddy-text_2zpdm_1 {
-  color: inherit;
-  display: block;
-  margin: 0;
-  hyphens: none;
+@layer flex {
+  ._teddy-flex_19teo_2 {
+    box-sizing: border-box;
+    display: flex;
+    justify-content: flex-start;
+  }
+}._teddy-chip__item_1er2j_1 {
+  font: inherit;
+  cursor: pointer;
+  outline: inherit;
+  border-radius: var(--teddy-border-radius-md);
+  border: none;
+  background: var(--teddy-color-background-interactive-transparent);
+  padding: 0.625rem var(--teddy-spacing-200);
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  color: var(--teddy-color-text-interactive-primary);
+  font-weight: var(--teddy-typography-weight-normal);
+  text-align: center;
+  line-height: var(--teddy-typography-line-height-loose);
+  box-sizing: border-box;
+  position: relative;
+  overflow: hidden;
 }
-._teddy-text--disabled_2zpdm_7 {
-  color: var(--teddy-color-text-weak);
+._teddy-chip__item_1er2j_1:focus {
+  outline: var(--teddy-color-border-interactive-focus) auto var(--teddy-border-width-sm);
+  outline-offset: var(--teddy-spacing-50);
 }
-._teddy-text--hyphens_2zpdm_10 {
-  hyphens: auto;
+._teddy-chip__item_1er2j_1:focus:not(:focus-visible) {
+  outline: none;
 }
-._teddy-text--paragraph-100_2zpdm_13 {
-  font-family: var(--teddy-typography-family-default);
-  font-weight: var(--teddy-typography-weight-normal);
-  font-size: var(--teddy-typography-scale-100);
-  line-height: var(--teddy-typography-line-height-loose);
+._teddy-chip__item_1er2j_1::before, ._teddy-chip__item_1er2j_1::after {
+  content: "";
+  display: block;
+  inset: 0;
+  position: absolute;
 }
-._teddy-text--paragraph-100-medium_2zpdm_19 {
-  font-family: var(--teddy-typography-family-default);
-  font-weight: var(--teddy-typography-weight-normal);
-  font-size: var(--teddy-typography-scale-100);
-  line-height: var(--teddy-typography-line-height-loose);
-  font-weight: var(--teddy-typography-weight-medium);
+._teddy-chip__item--unavailable_1er2j_33::after {
+  opacity: 1;
+  left: calc(50% - var(--teddy-border-width-xs) / 2);
+  top: -50%;
+  background: var(--teddy-color-text-interactive-primary);
+  width: var(--teddy-border-width-xs);
+  height: 200%;
+  transform: rotate(-60deg);
+  transform-origin: center;
 }
-._teddy-text--paragraph-100-bold_2zpdm_26 {
-  font-family: var(--teddy-typography-family-default);
-  font-weight: var(--teddy-typography-weight-normal);
-  font-size: var(--teddy-typography-scale-100);
-  line-height: var(--teddy-typography-line-height-loose);
-  font-weight: var(--teddy-typography-weight-bold);
+._teddy-chip__item--unavailable_1er2j_33[data-state=on]::after {
+  background: var(--teddy-color-text-interactive-on-primary);
 }
-._teddy-text--paragraph-200_2zpdm_33 {
-  font-family: var(--teddy-typography-family-default);
-  font-weight: var(--teddy-typography-weight-normal);
-  font-size: var(--teddy-typography-scale-100);
-  line-height: var(--teddy-typography-line-height-looser);
+._teddy-chip__item_1er2j_1::before {
+  border-radius: inherit;
+  opacity: 1;
+  outline: var(--teddy-color-border-interactive-primary) auto var(--teddy-border-width-xs);
 }
-._teddy-text--preamble-100_2zpdm_39 {
-  font-family: var(--teddy-typography-family-default);
-  font-weight: var(--teddy-typography-weight-normal);
-  font-size: var(--teddy-typography-scale-200);
-  line-height: var(--teddy-typography-line-height-loose);
+._teddy-chip__item_1er2j_1:hover::before:not(:disabled) {
+  outline-width: var(--teddy-border-width-sm);
+  outline-offset: calc(var(--teddy-border-width-xs) * -1);
 }
-._teddy-text--preamble-200_2zpdm_45 {
-  font-family: var(--teddy-typography-family-default);
-  font-weight: var(--teddy-typography-weight-normal);
-  font-size: clamp(var(--teddy-typography-scale-150), 3vw, var(--teddy-typography-scale-400));
-  line-height: var(--teddy-typography-line-height-loose);
+._teddy-chip__item_1er2j_1[data-state=off]:hover {
+  background-color: var(--teddy-color-background-interactive-transparent-hover);
+  color: var(--teddy-color-text-interactive-primary-hover);
 }
-._teddy-text--additional-100_2zpdm_51 {
-  font-family: var(--teddy-typography-family-default);
-  font-weight: var(--teddy-typography-weight-normal);
-  font-size: var(--teddy-typography-scale-75);
-  line-height: var(--teddy-typography-line-height-loose);
+._teddy-chip__item_1er2j_1[data-state=off]:active {
+  background-color: var(--teddy-color-background-interactive-transparent-active);
+  color: var(--teddy-color-text-interactive-primary-active);
 }
-._teddy-text--additional-100-medium_2zpdm_57 {
-  font-family: var(--teddy-typography-family-default);
-  font-weight: var(--teddy-typography-weight-normal);
-  font-size: var(--teddy-typography-scale-75);
-  line-height: var(--teddy-typography-line-height-loose);
+._teddy-chip__item_1er2j_1[data-state=off]:disabled {
+  background-color: var(--teddy-color-background-interactive-transparent);
+  color: var(--teddy-color-text-weak);
+}
+._teddy-chip__item_1er2j_1[data-state=on] {
+  background-color: var(--teddy-color-background-interactive-primary);
+  color: var(--teddy-color-text-interactive-on-primary);
   font-weight: var(--teddy-typography-weight-medium);
 }
-._teddy-text--overline-100_2zpdm_64 {
-  font-family: var(--teddy-typography-family-default);
-  font-size: var(--teddy-typography-scale-75);
-  letter-spacing: var(--teddy-spacing-10);
-  line-height: var(--teddy-typography-line-height-tight);
-  text-transform: uppercase;
+._teddy-chip__item_1er2j_1[data-state=on]:hover {
+  background-color: var(--teddy-color-background-interactive-primary-hover);
 }
-._teddy-text--overline-200_2zpdm_71 {
-  font-family: var(--teddy-typography-family-default);
-  font-size: clamp(var(--teddy-typography-scale-75), 3vw, var(--teddy-typography-scale-100));
-  letter-spacing: var(--teddy-spacing-10);
-  line-height: var(--teddy-typography-line-height-tight);
-  text-transform: uppercase;
+._teddy-chip__item_1er2j_1[data-state=on]:active {
+  background-color: var(--teddy-color-background-interactive-primary-active);
+}
+._teddy-chip__item_1er2j_1[data-state=on]:disabled {
+  background-color: var(--teddy-color-background-interactive-disabled);
+  color: var(--teddy-color-text-weak);
+}
+._teddy-chip__item_1er2j_1[data-state=on] ._teddy-chip__indicator_1er2j_82 {
+  display: unset;
+}
+._teddy-chip__item_1er2j_1:disabled {
+  cursor: not-allowed;
+  color: var(--teddy-color-text-weak);
+}
+._teddy-chip__item_1er2j_1:disabled::before {
+  outline-color: var(--teddy-color-border-medium);
+}
+._teddy-chip__indicator_1er2j_82 {
+  display: none;
+}@layer icon {
+  ._teddy-icon_1rwgf_2 {
+    display: inline;
+    align-self: center;
+    fill: currentColor;
+  }
+  ._teddy-icon--font_1rwgf_7 {
+    width: 1em;
+    height: 1em;
+  }
+  ._teddy-icon--xxs_1rwgf_11 {
+    width: var(--teddy-spacing-150);
+    height: var(--teddy-spacing-150);
+  }
+  ._teddy-icon--xs_1rwgf_15 {
+    width: var(--teddy-spacing-200);
+    height: var(--teddy-spacing-200);
+  }
+  ._teddy-icon--sm_1rwgf_19 {
+    width: var(--teddy-spacing-250);
+    height: var(--teddy-spacing-250);
+  }
+  ._teddy-icon--md_1rwgf_23 {
+    width: var(--teddy-spacing-300);
+    height: var(--teddy-spacing-300);
+  }
+  ._teddy-icon--lg_1rwgf_27 {
+    width: var(--teddy-spacing-400);
+    height: var(--teddy-spacing-400);
+  }
+  ._teddy-icon--xl_1rwgf_31 {
+    width: var(--teddy-spacing-600);
+    height: var(--teddy-spacing-600);
+  }
+  ._teddy-icon-with-children_1rwgf_35 {
+    display: inline-flex;
+    align-items: center;
+    font-family: var(--teddy-typography-family-default);
+    gap: var(--teddy-spacing-100);
+  }
+}@layer text {
+  ._teddy-text_15w9u_2 {
+    color: inherit;
+    display: block;
+    margin: 0;
+    hyphens: none;
+  }
+  ._teddy-text--disabled_15w9u_8 {
+    color: var(--teddy-color-text-weak);
+  }
+  ._teddy-text--hyphens_15w9u_11 {
+    hyphens: auto;
+  }
+  ._teddy-text--paragraph-100_15w9u_14 {
+    font-family: var(--teddy-typography-family-default);
+    font-weight: var(--teddy-typography-weight-normal);
+    font-size: var(--teddy-typography-scale-100);
+    line-height: var(--teddy-typography-line-height-loose);
+  }
+  ._teddy-text--paragraph-100-medium_15w9u_20 {
+    font-family: var(--teddy-typography-family-default);
+    font-weight: var(--teddy-typography-weight-normal);
+    font-size: var(--teddy-typography-scale-100);
+    line-height: var(--teddy-typography-line-height-loose);
+    font-weight: var(--teddy-typography-weight-medium);
+  }
+  ._teddy-text--paragraph-100-bold_15w9u_27 {
+    font-family: var(--teddy-typography-family-default);
+    font-weight: var(--teddy-typography-weight-normal);
+    font-size: var(--teddy-typography-scale-100);
+    line-height: var(--teddy-typography-line-height-loose);
+    font-weight: var(--teddy-typography-weight-bold);
+  }
+  ._teddy-text--paragraph-200_15w9u_34 {
+    font-family: var(--teddy-typography-family-default);
+    font-weight: var(--teddy-typography-weight-normal);
+    font-size: var(--teddy-typography-scale-100);
+    line-height: var(--teddy-typography-line-height-looser);
+  }
+  ._teddy-text--preamble-100_15w9u_40 {
+    font-family: var(--teddy-typography-family-default);
+    font-weight: var(--teddy-typography-weight-normal);
+    font-size: var(--teddy-typography-scale-200);
+    line-height: var(--teddy-typography-line-height-loose);
+  }
+  ._teddy-text--preamble-200_15w9u_46 {
+    font-family: var(--teddy-typography-family-default);
+    font-weight: var(--teddy-typography-weight-normal);
+    font-size: clamp(var(--teddy-typography-scale-150), 3vw, var(--teddy-typography-scale-400));
+    line-height: var(--teddy-typography-line-height-loose);
+  }
+  ._teddy-text--additional-100_15w9u_52 {
+    font-family: var(--teddy-typography-family-default);
+    font-weight: var(--teddy-typography-weight-normal);
+    font-size: var(--teddy-typography-scale-75);
+    line-height: var(--teddy-typography-line-height-loose);
+  }
+  ._teddy-text--additional-100-medium_15w9u_58 {
+    font-family: var(--teddy-typography-family-default);
+    font-weight: var(--teddy-typography-weight-normal);
+    font-size: var(--teddy-typography-scale-75);
+    line-height: var(--teddy-typography-line-height-loose);
+    font-weight: var(--teddy-typography-weight-medium);
+  }
+  ._teddy-text--overline-100_15w9u_65 {
+    font-family: var(--teddy-typography-family-default);
+    font-size: var(--teddy-typography-scale-75);
+    letter-spacing: var(--teddy-spacing-10);
+    line-height: var(--teddy-typography-line-height-tight);
+    text-transform: uppercase;
+  }
+  ._teddy-text--overline-200_15w9u_72 {
+    font-family: var(--teddy-typography-family-default);
+    font-size: clamp(var(--teddy-typography-scale-75), 3vw, var(--teddy-typography-scale-100));
+    letter-spacing: var(--teddy-spacing-10);
+    line-height: var(--teddy-typography-line-height-tight);
+    text-transform: uppercase;
+  }
 }._teddy-spinner--xxs_ywden_1 {
   height: var(--teddy-spacing-250);
   width: var(--teddy-spacing-250);
@@ -392,46 +533,6 @@
   ._teddy-button--icon-only_1biph_56 ._teddy-button__loading_1biph_242 {
     background-color: var(--teddy-color-gray-100);
   }
-}@layer icon {
-  ._teddy-icon_1rwgf_2 {
-    display: inline;
-    align-self: center;
-    fill: currentColor;
-  }
-  ._teddy-icon--font_1rwgf_7 {
-    width: 1em;
-    height: 1em;
-  }
-  ._teddy-icon--xxs_1rwgf_11 {
-    width: var(--teddy-spacing-150);
-    height: var(--teddy-spacing-150);
-  }
-  ._teddy-icon--xs_1rwgf_15 {
-    width: var(--teddy-spacing-200);
-    height: var(--teddy-spacing-200);
-  }
-  ._teddy-icon--sm_1rwgf_19 {
-    width: var(--teddy-spacing-250);
-    height: var(--teddy-spacing-250);
-  }
-  ._teddy-icon--md_1rwgf_23 {
-    width: var(--teddy-spacing-300);
-    height: var(--teddy-spacing-300);
-  }
-  ._teddy-icon--lg_1rwgf_27 {
-    width: var(--teddy-spacing-400);
-    height: var(--teddy-spacing-400);
-  }
-  ._teddy-icon--xl_1rwgf_31 {
-    width: var(--teddy-spacing-600);
-    height: var(--teddy-spacing-600);
-  }
-  ._teddy-icon-with-children_1rwgf_35 {
-    display: inline-flex;
-    align-items: center;
-    font-family: var(--teddy-typography-family-default);
-    gap: var(--teddy-spacing-100);
-  }
 }@layer heading {
   ._teddy-heading_r8os0_2 {
     color: var(--teddy-color-text-default);
@@ -515,12 +616,6 @@
     font-size: clamp(var(--teddy-typography-scale-800), 3cqw, var(--teddy-typography-scale-1000));
     line-height: var(--teddy-typography-line-height-tight);
   }
-}@layer flex {
-  ._teddy-flex_19teo_2 {
-    box-sizing: border-box;
-    display: flex;
-    justify-content: flex-start;
-  }
 }._teddy-link_1jza5_1 {
   align-items: center;
   cursor: pointer;
@@ -597,90 +692,39 @@
 }
 ._teddy-link--silent_1jza5_62:is(._teddy-link--disable-visited_1jza5_25):visited {
   color: inherit;
-}._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--subsection_],
-._teddy-text-spacing_dwbo8_1 [class*=_teddy-heading--subsection-100_] {
-  margin-bottom: var(--teddy-spacing-50);
-}
-._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--overline-100_],
-._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--additional-100_],
-._teddy-text-spacing_dwbo8_1 [class*=_teddy-heading--title-100_],
-._teddy-text-spacing_dwbo8_1 [class*=_teddy-heading--title-200_],
-._teddy-text-spacing_dwbo8_1 [class*=_teddy-heading--title-300_] {
-  margin-bottom: var(--teddy-spacing-100);
-}
-._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--overline-200_] {
-  margin-bottom: var(--teddy-spacing-150);
-}
-._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--paragraph-100_],
-._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--paragraph-200_] {
-  margin-bottom: var(--teddy-spacing-200);
-}
-._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--paragraph-100_] + [class*=_teddy-heading--title-100_],
-._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--paragraph-200_] + [class*=_teddy-heading--title-100_] {
-  margin-top: var(--teddy-spacing-300);
-}
-._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--paragraph-100_] + [class*=_teddy-heading--title-200_],
-._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--paragraph-200_] + [class*=_teddy-heading--title-200_] {
-  margin-top: var(--teddy-spacing-400);
-}
-._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--paragraph-100_] + [class*=_teddy-heading--title-300_],
-._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--paragraph-100_] + [class*=_teddy-heading--title-400_],
-._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--paragraph-100_] + [class*=_teddy-heading--title-500_],
-._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--paragraph-100_] + [class*=_teddy-heading--title-600_],
-._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--paragraph-100_] + [class*=_teddy-heading--title-700_],
-._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--paragraph-200_] + [class*=_teddy-heading--title-300_],
-._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--paragraph-200_] + [class*=_teddy-heading--title-400_],
-._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--paragraph-200_] + [class*=_teddy-heading--title-500_],
-._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--paragraph-200_] + [class*=_teddy-heading--title-600_],
-._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--paragraph-200_] + [class*=_teddy-heading--title-700_] {
-  margin-top: var(--teddy-spacing-600);
-}
-._teddy-text-spacing_dwbo8_1 [class*=_teddy-heading--title-400_],
-._teddy-text-spacing_dwbo8_1 [class*=_teddy-heading--title-500_] {
-  margin-bottom: var(--teddy-spacing-250);
-}
-._teddy-text-spacing_dwbo8_1 [class*=_teddy-heading--title-600_],
-._teddy-text-spacing_dwbo8_1 [class*=_teddy-heading--title-700_],
-._teddy-text-spacing_dwbo8_1 [class*=_teddy-heading--display-25_],
-._teddy-text-spacing_dwbo8_1 [class*=_teddy-heading--display-50_],
-._teddy-text-spacing_dwbo8_1 [class*=_teddy-heading--display-100_],
-._teddy-text-spacing_dwbo8_1 [class*=_teddy-heading--display-200_] {
-  margin-bottom: var(--teddy-spacing-300);
-}
-._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--preamble-100_] {
-  margin-bottom: var(--teddy-spacing-400);
-}
-._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--preamble-200_] {
-  margin-bottom: var(--teddy-spacing-600);
-}
-._teddy-text-spacing_dwbo8_1 * > :last-child,
-._teddy-text-spacing_dwbo8_1 > :last-child {
-  margin-bottom: 0;
+}@layer grid {
+  ._teddy-grid_1dv1t_2 {
+    box-sizing: border-box;
+    display: grid;
+    align-items: stretch;
+    justify-content: start;
+    grid-template-rows: none;
+  }
 }@layer heading, button, card;
 @layer card {
-  ._teddy-card_1h4hf_3 {
+  ._teddy-card_1occu_3 {
     border-radius: var(--teddy-border-radius-md);
     padding: var(--teddy-spacing-250);
     position: relative;
   }
   @media (prefers-reduced-motion: no-preference) {
-    ._teddy-card_1h4hf_3 {
+    ._teddy-card_1occu_3 {
       transition: background-color var(--teddy-motion-duration-300) ease;
     }
   }
-  ._teddy-card__slot_1h4hf_13 {
+  ._teddy-card__slot_1occu_13 {
     transform: translateY(-50%);
   }
-  ._teddy-card__slot--bottom_1h4hf_16 {
+  ._teddy-card__slot--bottom_1occu_16 {
     transform: translateY(50%);
   }
-  ._teddy-card__slot--center_1h4hf_19 {
+  ._teddy-card__slot--center_1occu_19 {
     transform: translate(-50%, -50%);
   }
-  ._teddy-card__slot--bottom_1h4hf_16._teddy-card__slot--center_1h4hf_19 {
+  ._teddy-card__slot--bottom_1occu_16._teddy-card__slot--center_1occu_19 {
     transform: translate(-50%, 50%);
   }
-  ._teddy-card_1h4hf_3::before {
+  ._teddy-card_1occu_3::before {
     content: "";
     display: block;
     position: absolute;
@@ -691,110 +735,116 @@
     box-shadow: var(--teddy-shadow-md);
   }
   @media (prefers-reduced-motion: no-preference) {
-    ._teddy-card_1h4hf_3::before {
-      transition: opacity var(--teddy-motion-duration-300) ease;
+    ._teddy-card_1occu_3::before {
+      transition: var(--teddy-motion-duration-300) ease;
+      transition-property: opacity, box-shadow;
     }
   }
-  ._teddy-card_1h4hf_3:has(._teddy-card__action_1h4hf_40:not(._teddy-card__action--disabled_1h4hf_40)) {
+  ._teddy-card--shadow_1occu_41::before {
+    opacity: 1;
+    box-shadow: var(--teddy-shadow-sm-2);
+  }
+  ._teddy-card_1occu_3:has(._teddy-card__action_1occu_45:not(._teddy-card__action--disabled_1occu_45)) {
     cursor: pointer;
   }
-  ._teddy-card_1h4hf_3:has(._teddy-card__action_1h4hf_40:not(._teddy-card__action--disabled_1h4hf_40)):hover:not(:has(button:hover), :has(a:hover))::before, ._teddy-card_1h4hf_3:has(._teddy-card__action_1h4hf_40:not(._teddy-card__action--disabled_1h4hf_40)):has(._teddy-card__action_1h4hf_40:not(._teddy-card__action--disabled_1h4hf_40))::before {
+  ._teddy-card_1occu_3:has(._teddy-card__action_1occu_45:not(._teddy-card__action--disabled_1occu_45)):hover:not(:has(button:hover), :has(a:hover)):has(._teddy-card__action_1occu_45:not(._teddy-card__action--disabled_1occu_45))::before {
     opacity: 1;
+    box-shadow: var(--teddy-shadow-md);
   }
-  ._teddy-card--border_1h4hf_46 {
+  ._teddy-card--border_1occu_52 {
     border: var(--teddy-border-width-xs) solid transparent;
   }
-  ._teddy-card__line_1h4hf_49 {
+  ._teddy-card__line_1occu_55 {
     border: 0;
     border-top: var(--teddy-border-width-xs) solid var(--teddy-color-border-weak);
   }
-  ._teddy-card--purple-light_1h4hf_53 {
+  ._teddy-card--purple-light_1occu_59 {
     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_1h4hf_53:hover:has(._teddy-card__action_1h4hf_40:not(._teddy-card__action--disabled_1h4hf_40)) {
+  ._teddy-card--purple-light_1occu_59:hover:has(._teddy-card__action_1occu_45:not(._teddy-card__action--disabled_1occu_45)) {
     background-color: var(--teddy-color-background-interactive-primary-negative-hover);
   }
-  ._teddy-card--purple-light_1h4hf_53:active:has(._teddy-card__action_1h4hf_40:not(._teddy-card__action--disabled_1h4hf_40)) {
+  ._teddy-card--purple-light_1occu_59:active:has(._teddy-card__action_1occu_45:not(._teddy-card__action--disabled_1occu_45)) {
     background-color: var(--teddy-color-background-interactive-primary-negative-active);
   }
-  ._teddy-card--purple-light_1h4hf_53:has(._teddy-card__action--disabled_1h4hf_40) {
+  ._teddy-card--purple-light_1occu_59:has(._teddy-card__action--disabled_1occu_45) {
     background-color: var(--teddy-color-background-interactive-disabled);
   }
-  ._teddy-card--purple-dark_1h4hf_67 {
+  ._teddy-card--purple-dark_1occu_73 {
     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_1h4hf_67:hover:has(._teddy-card__action_1h4hf_40:not(._teddy-card__action--disabled_1h4hf_40)) {
+  ._teddy-card--purple-dark_1occu_73:hover:has(._teddy-card__action_1occu_45:not(._teddy-card__action--disabled_1occu_45)) {
     background-color: var(--teddy-color-background-interactive-transparent-negative-hover);
   }
-  ._teddy-card--purple-dark_1h4hf_67:active:has(._teddy-card__action_1h4hf_40:not(._teddy-card__action--disabled_1h4hf_40)) {
+  ._teddy-card--purple-dark_1occu_73:active:has(._teddy-card__action_1occu_45:not(._teddy-card__action--disabled_1occu_45)) {
     background-color: var(--teddy-color-background-interactive-transparent-negative-active);
   }
-  ._teddy-card--purple-dark_1h4hf_67:has(._teddy-card__action--disabled_1h4hf_40) {
+  ._teddy-card--purple-dark_1occu_73:has(._teddy-card__action--disabled_1occu_45) {
     color: var(--teddy-color-text-default);
     background-color: var(--teddy-color-background-interactive-disabled);
   }
-  ._teddy-card--purple-dark_1h4hf_67:has(._teddy-card__action--disabled_1h4hf_40) ._teddy-card__action_1h4hf_40 {
+  ._teddy-card--purple-dark_1occu_73:has(._teddy-card__action--disabled_1occu_45) ._teddy-card__action_1occu_45 {
     color: var(--teddy-color-text-weak);
     background-color: var(--teddy-color-background-interactive-disabled);
   }
-  ._teddy-card--white_1h4hf_86 {
+  ._teddy-card--white_1occu_92 {
     background-color: var(--teddy-color-brand-white);
     color: var(--teddy-color-text-default);
     border-color: var(--teddy-color-border-interactive-subtle);
   }
-  ._teddy-card--white_1h4hf_86:hover:has(._teddy-card__action_1h4hf_40:not(._teddy-card__action--disabled_1h4hf_40)) {
+  ._teddy-card--white_1occu_92:hover:has(._teddy-card__action_1occu_45:not(._teddy-card__action--disabled_1occu_45)) {
     background-color: var(--teddy-color-background-interactive-transparent-hover);
   }
-  ._teddy-card--white_1h4hf_86:active:has(._teddy-card__action_1h4hf_40:not(._teddy-card__action--disabled_1h4hf_40)) {
+  ._teddy-card--white_1occu_92:active:has(._teddy-card__action_1occu_45:not(._teddy-card__action--disabled_1occu_45)) {
     background-color: var(--teddy-color-background-interactive-transparent-active);
   }
-  ._teddy-card--white_1h4hf_86:has(._teddy-card__action--disabled_1h4hf_40) {
+  ._teddy-card--white_1occu_92:has(._teddy-card__action--disabled_1occu_45) {
     background-color: var(--teddy-color-background-interactive-disabled);
   }
-  ._teddy-card--gray_1h4hf_100 {
+  ._teddy-card--gray_1occu_106 {
     background-color: var(--teddy-color-background-secondary);
     color: var(--teddy-color-text-default);
     border-color: var(--teddy-color-border-interactive-subtle);
   }
-  ._teddy-card--gray_1h4hf_100:hover:has(._teddy-card__action_1h4hf_40:not(._teddy-card__action--disabled_1h4hf_40)) {
+  ._teddy-card--gray_1occu_106:hover:has(._teddy-card__action_1occu_45:not(._teddy-card__action--disabled_1occu_45)) {
     background-color: var(--teddy-color-gray-100);
   }
-  ._teddy-card--gray_1h4hf_100:active:has(._teddy-card__action_1h4hf_40:not(._teddy-card__action--disabled_1h4hf_40)) {
+  ._teddy-card--gray_1occu_106:active:has(._teddy-card__action_1occu_45:not(._teddy-card__action--disabled_1occu_45)) {
     background-color: var(--teddy-color-gray-200);
   }
-  ._teddy-card--gray_1h4hf_100:has(._teddy-card__action--disabled_1h4hf_40) {
+  ._teddy-card--gray_1occu_106:has(._teddy-card__action--disabled_1occu_45) {
     background-color: var(--teddy-color-background-interactive-disabled);
   }
-  ._teddy-card--beige_1h4hf_114 {
+  ._teddy-card--beige_1occu_120 {
     background-color: var(--teddy-color-beige-100);
     color: var(--teddy-color-text-default);
     border-color: var(--teddy-color-beige-300);
   }
-  ._teddy-card--beige_1h4hf_114:hover:has(._teddy-card__action_1h4hf_40:not(._teddy-card__action--disabled_1h4hf_40)) {
+  ._teddy-card--beige_1occu_120:hover:has(._teddy-card__action_1occu_45:not(._teddy-card__action--disabled_1occu_45)) {
     background-color: var(--teddy-color-beige-200);
   }
-  ._teddy-card--beige_1h4hf_114:active:has(._teddy-card__action_1h4hf_40:not(._teddy-card__action--disabled_1h4hf_40)) {
+  ._teddy-card--beige_1occu_120:active:has(._teddy-card__action_1occu_45:not(._teddy-card__action--disabled_1occu_45)) {
     background-color: var(--teddy-color-beige-300);
   }
-  ._teddy-card--beige_1h4hf_114:has(._teddy-card__action--disabled_1h4hf_40) {
+  ._teddy-card--beige_1occu_120:has(._teddy-card__action--disabled_1occu_45) {
     background-color: var(--teddy-color-background-interactive-disabled);
   }
-  ._teddy-card_1h4hf_3:has(._teddy-card__image--as-background_1h4hf_128) {
+  ._teddy-card_1occu_3:has(._teddy-card__image--as-background_1occu_134) {
     background-color: transparent;
   }
-  ._teddy-card__heading_1h4hf_131 {
+  ._teddy-card__heading_1occu_137 {
     color: inherit;
   }
-  ._teddy-card--background-image_1h4hf_134 {
+  ._teddy-card--background-image_1occu_140 {
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center;
   }
-  ._teddy-card__image_1h4hf_128 {
+  ._teddy-card__image_1occu_134 {
     height: auto;
     vertical-align: middle;
     font-style: italic;
@@ -802,23 +852,26 @@
     background-size: cover;
     shape-margin: 0.75rem;
     border-radius: inherit;
+    overflow: hidden;
     padding-bottom: var(--teddy-spacing-200);
+    width: 100%;
+  }
+  ._teddy-card__inset_1occu_157 {
+    border-radius: inherit;
+    overflow: hidden;
   }
-  ._teddy-card__image--inset-top_1h4hf_149 {
+  ._teddy-card__inset--top_1occu_161 {
     margin-top: calc(var(--teddy-spacing-250) * -1);
   }
-  ._teddy-card__image--inset-bottom_1h4hf_152 {
+  ._teddy-card__inset--bottom_1occu_164 {
     margin-bottom: calc(var(--teddy-spacing-250) * -1);
   }
-  ._teddy-card__image--inset-left_1h4hf_155 {
+  ._teddy-card__inset--left_1occu_167 {
     margin-left: calc(var(--teddy-spacing-250) * -1);
   }
-  ._teddy-card__image--inset-right_1h4hf_158 {
+  ._teddy-card__inset--right_1occu_170 {
     margin-right: calc(var(--teddy-spacing-250) * -1);
   }
-  ._teddy-card__image--inset-left_1h4hf_155 ._teddy-card__image--inset-right_1h4hf_158 {
-    width: calc(100% + var(--teddy-spacing-250) * 2);
-  }
 }@layer heading, button, card, notification;
 @layer notification {
   ._teddy-notification_q80ka_3 {
@@ -1006,14 +1059,6 @@
 }
 ._teddy-radio-group__indicator_1flae_111[data-disabled]::after {
   background-color: var(--teddy-color-text-weak);
-}@layer grid {
-  ._teddy-grid_1dv1t_2 {
-    box-sizing: border-box;
-    display: grid;
-    align-items: stretch;
-    justify-content: start;
-    grid-template-rows: none;
-  }
 }._teddy-visually-hidden_15nus_1 {
   width: 1px;
   height: 1px;
@@ -1954,6 +1999,65 @@
 }
 ._teddy-text-field__error-list_1i091_23 > * + * {
   margin-top: var(--teddy-spacing-50);
+}._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--subsection_],
+._teddy-text-spacing_dwbo8_1 [class*=_teddy-heading--subsection-100_] {
+  margin-bottom: var(--teddy-spacing-50);
+}
+._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--overline-100_],
+._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--additional-100_],
+._teddy-text-spacing_dwbo8_1 [class*=_teddy-heading--title-100_],
+._teddy-text-spacing_dwbo8_1 [class*=_teddy-heading--title-200_],
+._teddy-text-spacing_dwbo8_1 [class*=_teddy-heading--title-300_] {
+  margin-bottom: var(--teddy-spacing-100);
+}
+._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--overline-200_] {
+  margin-bottom: var(--teddy-spacing-150);
+}
+._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--paragraph-100_],
+._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--paragraph-200_] {
+  margin-bottom: var(--teddy-spacing-200);
+}
+._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--paragraph-100_] + [class*=_teddy-heading--title-100_],
+._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--paragraph-200_] + [class*=_teddy-heading--title-100_] {
+  margin-top: var(--teddy-spacing-300);
+}
+._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--paragraph-100_] + [class*=_teddy-heading--title-200_],
+._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--paragraph-200_] + [class*=_teddy-heading--title-200_] {
+  margin-top: var(--teddy-spacing-400);
+}
+._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--paragraph-100_] + [class*=_teddy-heading--title-300_],
+._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--paragraph-100_] + [class*=_teddy-heading--title-400_],
+._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--paragraph-100_] + [class*=_teddy-heading--title-500_],
+._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--paragraph-100_] + [class*=_teddy-heading--title-600_],
+._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--paragraph-100_] + [class*=_teddy-heading--title-700_],
+._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--paragraph-200_] + [class*=_teddy-heading--title-300_],
+._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--paragraph-200_] + [class*=_teddy-heading--title-400_],
+._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--paragraph-200_] + [class*=_teddy-heading--title-500_],
+._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--paragraph-200_] + [class*=_teddy-heading--title-600_],
+._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--paragraph-200_] + [class*=_teddy-heading--title-700_] {
+  margin-top: var(--teddy-spacing-600);
+}
+._teddy-text-spacing_dwbo8_1 [class*=_teddy-heading--title-400_],
+._teddy-text-spacing_dwbo8_1 [class*=_teddy-heading--title-500_] {
+  margin-bottom: var(--teddy-spacing-250);
+}
+._teddy-text-spacing_dwbo8_1 [class*=_teddy-heading--title-600_],
+._teddy-text-spacing_dwbo8_1 [class*=_teddy-heading--title-700_],
+._teddy-text-spacing_dwbo8_1 [class*=_teddy-heading--display-25_],
+._teddy-text-spacing_dwbo8_1 [class*=_teddy-heading--display-50_],
+._teddy-text-spacing_dwbo8_1 [class*=_teddy-heading--display-100_],
+._teddy-text-spacing_dwbo8_1 [class*=_teddy-heading--display-200_] {
+  margin-bottom: var(--teddy-spacing-300);
+}
+._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--preamble-100_] {
+  margin-bottom: var(--teddy-spacing-400);
+}
+._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--preamble-200_] {
+  margin-bottom: var(--teddy-spacing-600);
+}
+._teddy-text-spacing_dwbo8_1 * > :last-child,
+._teddy-text-spacing_dwbo8_1 > :last-child {
+  margin-bottom: 0;
 }@keyframes _teddy-fade-in_vfo5b_1 {
   from {
     opacity: 0;
@@ -2367,6 +2471,8 @@
     calc(0.75rem * var(--teddy-scale)) calc(0rem * var(--teddy-scale)) rgba(0, 0, 0, 0.1);
   --teddy-shadow-lg: calc(0rem * var(--teddy-scale)) calc(0.75rem * var(--teddy-scale))
     calc(1.5rem * var(--teddy-scale)) calc(0rem * var(--teddy-scale)) rgba(0, 0, 0, 0.1);
+  --teddy-shadow-sm-2: calc(0rem * var(--teddy-scale)) calc(0.0625rem * var(--teddy-scale))
+    calc(0.25rem * var(--teddy-scale)) calc(0rem * var(--teddy-scale)) rgba(0, 0, 0, 0.2);
 }
 :root {
   --teddy-spacing-1600: calc(8rem * var(--teddy-scale));
@@ -3063,6 +3169,29 @@
     right: var(--teddy-right-xl);
   }
 }
+.teddy-color {
+  color: var(--teddy-color);
+}
+@media (min-width: 0px) {
+  .sm\:teddy-color {
+    color: var(--teddy-color-sm);
+  }
+}
+@media (min-width: 600px) {
+  .md\:teddy-color {
+    color: var(--teddy-color-md);
+  }
+}
+@media (min-width: 1024px) {
+  .lg\:teddy-color {
+    color: var(--teddy-color-lg);
+  }
+}
+@media (min-width: 1440px) {
+  .xl\:teddy-color {
+    color: var(--teddy-color-xl);
+  }
+}
 .teddy-gtr {
   grid-template-rows: var(--teddy-gtr);
 }