@telia/teddy 0.7.0 → 0.7.6

package/dist/style.css

@@ -1,850 +1,909 @@
-@charset 'UTF-8';._teddy-label_1hc8e_1 {
-  color: var(--teddy-color-text-default);
-  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);
+@charset 'UTF-8';._teddy-pagination_14dmj_1 {
+  display: flex;
+  gap: var(--teddy-spacing-50);
 }
-._teddy-label--disabled_1hc8e_8 {
-  color: var(--teddy-color-text-weak);
-  cursor: default;
+
+._teddy-pagination-button_14dmj_6 {
+  gap: var(--teddy-spacing-50);
+  padding: var(--teddy-spacing-100);
 }
-._teddy-label--required_1hc8e_12::before {
-  content: "* ";
-}._teddy-helper-text_6xdzb_1 {
-  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);
-  color: var(--teddy-color-text-medium);
-  display: block;
+._teddy-pagination-button--page_14dmj_10 {
+  padding: var(--teddy-spacing-100) var(--teddy-spacing-150);
 }
-._teddy-helper-text--disabled_6xdzb_9 {
-  color: var(--teddy-color-text-weak);
-}@layer icon {
-  ._teddy-icon_1ur3a_2 {
-    display: inline;
-    align-self: center;
-    fill: currentColor;
-    flex-shrink: 0;
+._teddy-pagination-button--ellipsis_14dmj_13 {
+  border: none !important;
+  background: transparent !important;
+  color: var(--teddy-color-text-weak) !important;
+  cursor: default !important;
+  font-weight: var(--teddy-typography-weight-regular);
+}
+._teddy-pagination-button--ellipsis_14dmj_13:hover, ._teddy-pagination-button--ellipsis_14dmj_13:focus, ._teddy-pagination-button--ellipsis_14dmj_13:active {
+  background: transparent !important;
+  border: none !important;
+  color: var(--teddy-color-text-weak) !important;
+}
+
+._teddy-pagination-page-selector_14dmj_26 {
+  display: flex;
+  align-items: center;
+  gap: var(--teddy-spacing-100);
+  margin-left: var(--teddy-spacing-150);
+  margin-right: var(--teddy-spacing-150);
+}
+._teddy-pagination-page-selector__select_14dmj_33 {
+  width: 60px !important;
+}
+._teddy-pagination-page-selector__select_14dmj_33 button {
+  width: 100% !important;
+}
+
+._teddy-pagination-page-numbers_14dmj_40 {
+  display: flex;
+  align-items: center;
+  gap: var(--teddy-spacing-50);
+  margin-left: var(--teddy-spacing-150);
+  margin-right: var(--teddy-spacing-150);
+}
+
+._teddy-pagination-items-per-page_14dmj_48 {
+  display: flex;
+  align-items: center;
+  gap: var(--teddy-spacing-100);
+  margin-left: var(--teddy-spacing-150);
+  margin-right: var(--teddy-spacing-150);
+}
+._teddy-pagination-items-per-page__select_14dmj_55 {
+  width: 70px !important;
+}
+._teddy-pagination-items-per-page__select_14dmj_55 button {
+  width: 100% !important;
+}._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-icon--font_1ur3a_8 {
-    width: 1em;
-    height: 1em;
+  to {
+    transform: rotate(360deg);
   }
-  ._teddy-icon--xxs_1ur3a_12 {
-    width: var(--teddy-spacing-150);
-    height: var(--teddy-spacing-150);
+}
+@keyframes _dash_ywden_1 {
+  0% {
+    stroke-dashoffset: 125;
   }
-  ._teddy-icon--xs_1ur3a_16 {
-    width: var(--teddy-spacing-200);
-    height: var(--teddy-spacing-200);
+  50% {
+    stroke-dashoffset: 62.5;
   }
-  ._teddy-icon--sm_1ur3a_20 {
-    width: var(--teddy-spacing-250);
-    height: var(--teddy-spacing-250);
+  100% {
+    stroke-dashoffset: 125;
   }
-  ._teddy-icon--md_1ur3a_24 {
-    width: var(--teddy-spacing-300);
-    height: var(--teddy-spacing-300);
+}@keyframes _fadeInAnimation_1k5uy_1 {
+  0% {
+    opacity: 0;
   }
-  ._teddy-icon--lg_1ur3a_28 {
-    width: var(--teddy-spacing-400);
-    height: var(--teddy-spacing-400);
+  100% {
+    opacity: 1;
   }
-  ._teddy-icon--xl_1ur3a_32 {
-    width: var(--teddy-spacing-600);
-    height: var(--teddy-spacing-600);
+}
+@keyframes _scaleInAnimation_1k5uy_1 {
+  0% {
+    scale: 0;
   }
-  ._teddy-icon-with-children_1ur3a_36 {
-    display: inline-flex;
+  100% {
+    scale: 100%;
+  }
+}
+@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;
   }
-}@layer text {
-  ._teddy-text_15w9u_2 {
-    color: inherit;
+  ._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;
-    margin: 0;
-    hyphens: none;
+    inset: calc(var(--teddy-spacing-25) * -1);
+    position: absolute;
   }
-  ._teddy-text--disabled_15w9u_8 {
-    color: var(--teddy-color-text-weak);
+  ._teddy-button_1k5uy_18:focus:not(:focus-visible)::before {
+    opacity: 0;
   }
-  ._teddy-text--hyphens_15w9u_11 {
-    hyphens: auto;
+  ._teddy-button_1k5uy_18 svg {
+    display: block;
   }
-  ._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-button--sm_1k5uy_53 {
+    padding: var(--teddy-spacing-150) var(--teddy-spacing-250);
   }
-  ._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-button--sm_1k5uy_53._teddy-button--icon-only_1k5uy_56 {
+    padding: var(--teddy-spacing-150);
   }
-  ._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-button--md_1k5uy_59 {
+    padding: var(--teddy-spacing-200) var(--teddy-spacing-300);
   }
-  ._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-button--md_1k5uy_59._teddy-button--icon-only_1k5uy_56 {
+    padding: var(--teddy-spacing-200);
   }
-  ._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-button--lg_1k5uy_65 {
+    padding: var(--teddy-spacing-250) var(--teddy-spacing-400);
   }
-  ._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-button--lg_1k5uy_65._teddy-button--icon-only_1k5uy_56 {
+    padding: var(--teddy-spacing-250);
   }
-  ._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-button--full-width_1k5uy_71 {
+    width: 100%;
   }
-  ._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-button--primary_1k5uy_74 {
+    background-color: var(--teddy-color-background-interactive-primary);
+    color: var(--teddy-color-text-interactive-on-primary);
   }
-  ._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-button--primary_1k5uy_74:hover:not(._teddy-button--disabled_1k5uy_78) {
+    background-color: var(--teddy-color-background-interactive-primary-hover);
   }
-  ._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-button--primary_1k5uy_74:active:not(._teddy-button--disabled_1k5uy_78) {
+    background-color: var(--teddy-color-background-interactive-primary-active);
   }
-}._teddy-field-error-text_1735t_1 {
-  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);
-  color: var(--teddy-color-text-status-error-strong);
-  display: flex;
-  flex-direction: row;
-  gap: var(--teddy-spacing-50);
-  align-items: center;
-}
-._teddy-field-error-text__indicator_1735t_12 {
-  color: var(--teddy-color-text-status-error-medium);
-  line-height: var(--teddy-typography-line-height-tight);
-}._teddy-select_1i9a7_1 {
-  box-sizing: border-box;
-  display: block;
-  width: 200px;
-}
-._teddy-select_1i9a7_1 label {
-  display: flex;
-  margin-bottom: 5px;
-  padding: 0;
-  font-size: 13px;
-}
-._teddy-select__trigger_1i9a7_12 {
-  display: inline-flex;
-  align-items: center;
-  justify-content: space-between;
-  border-radius: 4px;
-  padding: 1px 10px;
-  font-size: 13px;
-  line-height: 1;
-  height: 35px;
-  width: calc(100% - 25px);
-  gap: 5px;
-  background-color: white;
-  border: 1px solid #757579;
-  color: #353537;
-}
-._teddy-select__trigger_1i9a7_12:hover {
-  border: 2px solid #6d02a3;
-  padding: 0 9px;
-}
-._teddy-select__trigger_1i9a7_12:focus, ._teddy-select__trigger_1i9a7_12 :focus:hover {
-  outline: var(--teddy-border-width-sm) solid var(--teddy-color-border-interactive-focus);
-  outline-offset: calc(var(--teddy-spacing-10) * 2);
-  border-width: var(--teddy-border-width-xs);
-  border-color: var(--teddy-color-border-interactive-subtle-hover);
-  padding: 1px 10px;
-}
-._teddy-select__trigger--error_1i9a7_38 {
-  border: 1px solid #e4175c;
-  padding: 1px 10px;
-}
-._teddy-select__trigger--disabled_1i9a7_42, ._teddy-select__trigger--disabled_1i9a7_42:hover {
-  color: #aaaab0;
-  background-color: #e5e5eb;
-  border: 1px solid #aaaab0;
-  padding: 0 10px;
-}
-._teddy-select__trigger--readonly_1i9a7_48, ._teddy-select__trigger--readonly_1i9a7_48:hover {
-  border: 1px solid #aaaab0;
-  background-color: #f3f3f8;
-  padding: 0 10px;
-}
-._teddy-select__icon_1i9a7_53 {
-  color: #8d8d94;
-}
-._teddy-select__content_1i9a7_56 {
-  overflow: hidden;
-  background-color: white;
-  border-radius: 6px;
-  box-shadow: 0 10px 20px -15px rgba(22, 23, 24, 0.35), 0px 10px 20px -15px rgba(22, 23, 24, 0.2);
-  border: 1px solid black;
-  min-width: var(--radix-select-trigger-width);
-  max-height: var(--radix-select-content-available-height);
-}
-._teddy-select__viewport_1i9a7_65 {
-  padding: 5px;
-  overflow: scroll;
-}
-._teddy-select__item_1i9a7_69 {
-  font-size: 13px;
-  line-height: 1;
-  border-radius: 3px;
-  display: flex;
-  align-items: center;
-  height: 35px;
-  padding: 0 35px 0 25px;
-  position: relative;
-  user-select: none;
-  cursor: pointer;
-}
-._teddy-select__item_1i9a7_69:disabled {
-  color: #e5e5eb;
-  pointer-events: none;
-}
-._teddy-select__item_1i9a7_69:hover {
-  background-color: #e5e5eb;
-  outline: none;
-}
-._teddy-select__item-indicator_1i9a7_89 {
-  position: absolute;
-  left: 0;
-  width: 25px;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-}._teddy-avatar_e3370_1 {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 40px;
-  height: 40px;
-  border-radius: 50%;
-  overflow: hidden;
-  background-color: var(--teddy-color-brand-white);
-  color: var(--teddy-color-text-medium);
-}
-._teddy-avatar--beige_e3370_12 {
-  background-color: var(--teddy-color-brand-light-beige);
-}
-._teddy-avatar--grey_e3370_15 {
-  background-color: var(--teddy-color-gray-50);
-}
-._teddy-avatar--purple-light_e3370_18 {
-  background-color: var(--teddy-color-purple-50);
-}
-._teddy-avatar--white_e3370_21 {
-  background-color: var(--teddy-color-brand-white);
-}
-._teddy-avatar--orange_e3370_24 {
-  background-color: var(--teddy-color-orange-50);
-}
-._teddy-avatar--blue_e3370_27 {
-  background-color: var(--teddy-color-blue-50);
-}
-._teddy-avatar--green_e3370_30 {
-  background-color: var(--teddy-color-green-50);
-}@layer heading, badge, flex, grid, dashboard-card;
-@layer dashboard-card {
-  ._teddy-dashboard-card_5b7hf_3 {
-    outline: none;
-    background: none;
-    border: none;
-    padding: 0;
-    margin: 0;
-    text-align: inherit;
-    font: inherit;
-    color: inherit;
-    text-decoration: none;
-    box-sizing: border-box;
-    padding: var(--teddy-spacing-250);
-    border: var(--teddy-border-width-xs) solid transparent;
-    border-radius: var(--teddy-border-radius-md);
-    width: 100%;
-    cursor: pointer;
+  ._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-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-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-dashboard-card--white_5b7hf_24 {
-    background-color: var(--teddy-color-brand-white);
-    color: var(--teddy-color-text-default);
+  ._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-dashboard-card--white_5b7hf_24._teddy-dashboard-card--disabled_5b7hf_28 {
-    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-dashboard-card--white_5b7hf_24:hover:not(:has(._teddy-dashboard-card--disabled_5b7hf_28)) {
-    background-color: var(--teddy-color-purple-50);
+  ._teddy-button--secondary_1k5uy_96:hover:not(._teddy-button--disabled_1k5uy_78) {
+    background-color: var(--teddy-color-background-interactive-transparent-hover);
   }
-  ._teddy-dashboard-card--white_5b7hf_24:active:not(:has(._teddy-dashboard-card--disabled_5b7hf_28)) {
-    background-color: var(--teddy-color-purple-100);
+  ._teddy-button--secondary_1k5uy_96:active:not(._teddy-button--disabled_1k5uy_78) {
+    background-color: var(--teddy-color-background-interactive-transparent-active);
   }
-  ._teddy-dashboard-card--white_5b7hf_24._teddy-dashboard-card--border_5b7hf_37 {
-    border-color: var(--teddy-color-transparent-black-300);
+  ._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-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-button--secondary-negative_1k5uy_107:hover:not(._teddy-button--disabled_1k5uy_78) {
+    background-color: var(--teddy-color-background-interactive-transparent-negative-hover);
   }
-  ._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-button--secondary-negative_1k5uy_107:active:not(._teddy-button--disabled_1k5uy_78) {
+    background-color: var(--teddy-color-background-interactive-transparent-negative-active);
   }
-  ._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-button--expressive_1k5uy_118 {
+    background-color: var(--teddy-color-background-interactive-expressive);
+    color: var(--teddy-color-text-interactive-on-expressive);
   }
-  ._teddy-dashboard-card--grey_5b7hf_49 {
-    background-color: #f5f5fa;
-    color: var(--teddy-color-text-default);
+  ._teddy-button--expressive_1k5uy_118:hover:not(._teddy-button--disabled_1k5uy_78) {
+    background-color: var(--teddy-color-background-interactive-expressive-hover);
   }
-  ._teddy-dashboard-card--grey_5b7hf_49._teddy-dashboard-card--disabled_5b7hf_28 {
-    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-dashboard-card--grey_5b7hf_49:hover:not(:has(._teddy-dashboard-card--disabled_5b7hf_28)) {
-    background-color: var(--teddy-color-gray-100);
+  ._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-dashboard-card--grey_5b7hf_49:active:not(:has(._teddy-dashboard-card--disabled_5b7hf_28)) {
-    background-color: var(--teddy-color-gray-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-dashboard-card--purple-light_5b7hf_62 {
-    background-color: var(--teddy-color-purple-50);
-    color: var(--teddy-color-text-default);
+  ._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-dashboard-card--purple-light_5b7hf_62._teddy-dashboard-card--disabled_5b7hf_28 {
-    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-dashboard-card--purple-light_5b7hf_62:hover:not(:has(._teddy-dashboard-card--disabled_5b7hf_28)) {
-    background-color: var(--teddy-color-purple-100);
+  ._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-dashboard-card--purple-light_5b7hf_62:active:not(:has(._teddy-dashboard-card--disabled_5b7hf_28)) {
-    background-color: var(--teddy-color-purple-200);
+  ._teddy-button--destructive_1k5uy_147 {
+    background-color: var(--teddy-color-background-interactive-destructive);
+    color: var(--teddy-color-text-interactive-on-destructive);
   }
-  ._teddy-dashboard-card--beige-light_5b7hf_75 {
-    background-color: var(--teddy-color-beige-50);
+  ._teddy-button--destructive_1k5uy_147:hover:not(._teddy-button--disabled_1k5uy_78) {
+    background-color: var(--teddy-color-background-interactive-destructive-hover);
+  }
+  ._teddy-button--destructive_1k5uy_147:active:not(._teddy-button--disabled_1k5uy_78) {
+    background-color: var(--teddy-color-background-interactive-destructive-active);
+  }
+  ._teddy-button--destructive-negative_1k5uy_157 {
+    background-color: var(--teddy-color-background-interactive-destructive);
+    color: var(--teddy-color-text-interactive-on-destructive);
+  }
+  ._teddy-button--destructive-negative_1k5uy_157:hover:not(._teddy-button--disabled_1k5uy_78) {
+    background-color: var(--teddy-color-background-interactive-destructive-hover);
+  }
+  ._teddy-button--destructive-negative_1k5uy_157:active:not(._teddy-button--disabled_1k5uy_78) {
+    background-color: var(--teddy-color-background-interactive-destructive-active);
+  }
+  ._teddy-button--tertiary-purple_1k5uy_167 {
+    background-color: var(--teddy-color-background-interactive-transparent);
+    color: var(--teddy-color-text-interactive-primary);
+  }
+  ._teddy-button--tertiary-purple_1k5uy_167._teddy-button--disabled_1k5uy_78 {
+    background-color: var(--teddy-color-background-interactive-transparent);
+  }
+  ._teddy-button--tertiary-purple_1k5uy_167:hover:not(._teddy-button--disabled_1k5uy_78) {
+    background-color: var(--teddy-color-background-interactive-transparent-hover);
+  }
+  ._teddy-button--tertiary-purple_1k5uy_167:active:not(._teddy-button--disabled_1k5uy_78) {
+    background-color: var(--teddy-color-background-interactive-transparent-active);
+  }
+  ._teddy-button--tertiary-purple-negative_1k5uy_180 {
+    background-color: var(--teddy-color-background-interactive-transparent);
+    color: var(--teddy-color-text-interactive-primary-negative);
+  }
+  ._teddy-button--tertiary-purple-negative_1k5uy_180._teddy-button--disabled_1k5uy_78 {
+    background-color: var(--teddy-color-background-interactive-transparent);
+  }
+  ._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-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-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-dashboard-card--beige-light_5b7hf_75._teddy-dashboard-card--disabled_5b7hf_28 {
-    background-color: var(--teddy-color-background-interactive-disabled);
+  ._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-dashboard-card--beige-light_5b7hf_75:hover:not(:has(._teddy-dashboard-card--disabled_5b7hf_28)) {
-    background-color: var(--teddy-color-beige-100);
+  ._teddy-button--list-item_1k5uy_195:hover:not(._teddy-button--disabled_1k5uy_78) {
+    background-color: var(--teddy-color-background-secondary);
   }
-  ._teddy-dashboard-card--beige-light_5b7hf_75:active:not(:has(._teddy-dashboard-card--disabled_5b7hf_28)) {
-    background-color: var(--teddy-color-beige-200);
+  ._teddy-button--list-item_1k5uy_195:active:not(._teddy-button--disabled_1k5uy_78) {
+    background-color: var(--teddy-color-background-interactive-transparent-active);
   }
-  ._teddy-dashboard-card__layout_5b7hf_88 {
+  ._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-button--text-negative_1k5uy_214:focus-visible::before {
+    border-radius: 0;
+  }
+  ._teddy-button--text-negative_1k5uy_214._teddy-button--disabled_1k5uy_78 {
+    background-color: var(--teddy-color-background-interactive-transparent);
+  }
+  ._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-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-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-button--text_1k5uy_214:focus-visible::before {
+    border-radius: 0;
+  }
+  ._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-button--text_1k5uy_214:hover:not(._teddy-button--disabled_1k5uy_78) {
+    background-color: var(--teddy-color-background-interactive-transparent-hover);
+  }
+  ._teddy-button--text_1k5uy_214:active:not(._teddy-button--disabled_1k5uy_78) {
+    background-color: var(--teddy-color-background-interactive-transparent-active);
+  }
+  ._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-button--dashed-border_1k5uy_261 {
+    border: 1px dashed;
+    box-shadow: none;
+  }
+  ._teddy-button__loading_1k5uy_265 {
+    position: absolute;
+    inset: 0;
     display: grid;
-    gap: 0 var(--teddy-spacing-150);
-    grid-template-columns: auto 1fr auto;
-    grid-template-rows: auto auto 1fr auto;
-    justify-items: start;
-    justify-content: stretch;
-    align-items: center;
-    grid-template-areas: "media heading chevron" "media subtitle chevron" "content content content" "footer footer footer";
+    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-dashboard-card__layout_5b7hf_88 ._teddy-dashboard-card__avatar_5b7hf_98 {
-    grid-area: media;
+  ._teddy-button__loading_1k5uy_265 ._teddy-button__spinner_1k5uy_276 circle {
+    stroke: var(--teddy-color-transparent-black-700);
   }
-  ._teddy-dashboard-card__layout_5b7hf_88 ._teddy-dashboard-card__illustration_5b7hf_101 {
-    grid-area: media;
+  ._teddy-button--icon-only_1k5uy_56 ._teddy-button__loading_1k5uy_265 {
+    background-color: var(--teddy-color-gray-100);
+  }
+}@layer icon {
+  ._teddy-icon_1ur3a_2 {
+    display: inline;
+    align-self: center;
+    fill: currentColor;
+    flex-shrink: 0;
   }
-  ._teddy-dashboard-card__layout_5b7hf_88 ._teddy-dashboard-card__heading_5b7hf_104 {
-    grid-area: heading;
-    align-self: end;
+  ._teddy-icon--font_1ur3a_8 {
+    width: 1em;
+    height: 1em;
   }
-  ._teddy-dashboard-card__layout_5b7hf_88 ._teddy-dashboard-card__subtitle_5b7hf_108 {
-    grid-area: subtitle;
-    align-self: start;
+  ._teddy-icon--xxs_1ur3a_12 {
+    width: var(--teddy-spacing-150);
+    height: var(--teddy-spacing-150);
   }
-  ._teddy-dashboard-card__layout_5b7hf_88 ._teddy-dashboard-card__chevron_5b7hf_112 {
-    grid-area: chevron;
+  ._teddy-icon--xs_1ur3a_16 {
+    width: var(--teddy-spacing-200);
+    height: var(--teddy-spacing-200);
   }
-  ._teddy-dashboard-card__layout_5b7hf_88 ._teddy-dashboard-card__content_5b7hf_20 {
-    grid-area: content;
-    align-self: start;
+  ._teddy-icon--sm_1ur3a_20 {
+    width: var(--teddy-spacing-250);
+    height: var(--teddy-spacing-250);
   }
-  ._teddy-dashboard-card__layout_5b7hf_88 ._teddy-dashboard-card__footer_5b7hf_21 {
-    grid-area: footer;
-    align-self: end;
+  ._teddy-icon--md_1ur3a_24 {
+    width: var(--teddy-spacing-300);
+    height: var(--teddy-spacing-300);
   }
-  ._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-icon--lg_1ur3a_28 {
+    width: var(--teddy-spacing-400);
+    height: var(--teddy-spacing-400);
   }
-  ._teddy-dashboard-card__layout_5b7hf_88:not(:has(._teddy-dashboard-card__subtitle_5b7hf_108)) ._teddy-dashboard-card__heading_5b7hf_104 {
-    align-self: center;
+  ._teddy-icon--xl_1ur3a_32 {
+    width: var(--teddy-spacing-600);
+    height: var(--teddy-spacing-600);
   }
-  ._teddy-dashboard-card__illustration_5b7hf_101 {
-    display: flex;
+  ._teddy-icon-with-children_1ur3a_36 {
+    display: inline-flex;
     align-items: center;
-    justify-content: center;
-    width: 40px;
-  }
-  ._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_5b7hf_28 {
-    pointer-events: none;
-    cursor: not-allowed;
+    font-family: var(--teddy-typography-family-default);
+    gap: var(--teddy-spacing-100);
   }
-}@layer heading {
-  ._teddy-heading_r8os0_2 {
-    color: var(--teddy-color-text-default);
+}@layer text {
+  ._teddy-text_15w9u_2 {
+    color: inherit;
     display: block;
-    hyphens: none;
     margin: 0;
-    max-width: 60ch;
+    hyphens: none;
   }
-  ._teddy-heading--hyphens_r8os0_9 {
+  ._teddy-text--disabled_15w9u_8 {
+    color: var(--teddy-color-text-weak);
+  }
+  ._teddy-text--hyphens_15w9u_11 {
     hyphens: auto;
   }
-  ._teddy-heading--subsection-100_r8os0_12 {
+  ._teddy-text--paragraph-100_15w9u_14 {
     font-family: var(--teddy-typography-family-default);
-    font-weight: var(--teddy-typography-weight-medium);
+    font-weight: var(--teddy-typography-weight-normal);
     font-size: var(--teddy-typography-scale-100);
-    line-height: var(--teddy-typography-line-height-default);
+    line-height: var(--teddy-typography-line-height-loose);
   }
-  ._teddy-heading--title-100_r8os0_18 {
+  ._teddy-text--paragraph-100-medium_15w9u_20 {
     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);
+    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-heading--title-200_r8os0_24 {
+  ._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);
-    font-size: clamp(var(--teddy-typography-scale-200), 3cqw, var(--teddy-typography-scale-400));
-    line-height: var(--teddy-typography-line-height-default);
   }
-  ._teddy-heading--title-300_r8os0_30 {
+  ._teddy-text--paragraph-200_15w9u_34 {
     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);
+    font-weight: var(--teddy-typography-weight-normal);
+    font-size: var(--teddy-typography-scale-100);
+    line-height: var(--teddy-typography-line-height-looser);
   }
-  ._teddy-heading--title-400_r8os0_36 {
+  ._teddy-text--preamble-100_15w9u_40 {
     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);
+    font-weight: var(--teddy-typography-weight-normal);
+    font-size: var(--teddy-typography-scale-200);
+    line-height: var(--teddy-typography-line-height-loose);
   }
-  ._teddy-heading--title-500_r8os0_42 {
+  ._teddy-text--preamble-200_15w9u_46 {
     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);
+    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-heading--title-600_r8os0_48 {
+  ._teddy-text--additional-100_15w9u_52 {
     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);
+    font-weight: var(--teddy-typography-weight-normal);
+    font-size: var(--teddy-typography-scale-75);
+    line-height: var(--teddy-typography-line-height-loose);
   }
-  ._teddy-heading--title-700_r8os0_54 {
+  ._teddy-text--additional-100-medium_15w9u_58 {
     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-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-heading--display-50_r8os0_66 {
-    font-family: var(--teddy-typography-family-display);
+    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);
-    font-size: clamp(var(--teddy-typography-scale-650), 3cqw, var(--teddy-typography-scale-850));
-    line-height: var(--teddy-typography-line-height-tight);
   }
-  ._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));
+  ._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-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));
+  ._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);
+}._teddy-label_1hc8e_1 {
+  color: var(--teddy-color-text-default);
+  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-label--disabled_1hc8e_8 {
+  color: var(--teddy-color-text-weak);
+  cursor: default;
+}
+._teddy-label--required_1hc8e_12::before {
+  content: "* ";
+}._teddy-helper-text_6xdzb_1 {
+  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);
+  color: var(--teddy-color-text-medium);
+  display: block;
+}
+._teddy-helper-text--disabled_6xdzb_9 {
+  color: var(--teddy-color-text-weak);
+}._teddy-field-error-text_1735t_1 {
+  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);
+  color: var(--teddy-color-text-status-error-strong);
+  display: flex;
+  flex-direction: row;
+  gap: var(--teddy-spacing-50);
+  align-items: center;
+}
+._teddy-field-error-text__indicator_1735t_12 {
+  color: var(--teddy-color-text-status-error-medium);
+  line-height: var(--teddy-typography-line-height-tight);
+}._teddy-select_1i9a7_1 {
+  box-sizing: border-box;
+  display: block;
+  width: 200px;
+}
+._teddy-select_1i9a7_1 label {
+  display: flex;
+  margin-bottom: 5px;
+  padding: 0;
+  font-size: 13px;
+}
+._teddy-select__trigger_1i9a7_12 {
+  display: inline-flex;
+  align-items: center;
+  justify-content: space-between;
+  border-radius: 4px;
+  padding: 1px 10px;
+  font-size: 13px;
+  line-height: 1;
+  height: 35px;
+  width: calc(100% - 25px);
+  gap: 5px;
+  background-color: white;
+  border: 1px solid #757579;
+  color: #353537;
+}
+._teddy-select__trigger_1i9a7_12:hover {
+  border: 2px solid #6d02a3;
+  padding: 0 9px;
+}
+._teddy-select__trigger_1i9a7_12:focus, ._teddy-select__trigger_1i9a7_12 :focus:hover {
+  outline: var(--teddy-border-width-sm) solid var(--teddy-color-border-interactive-focus);
+  outline-offset: calc(var(--teddy-spacing-10) * 2);
+  border-width: var(--teddy-border-width-xs);
+  border-color: var(--teddy-color-border-interactive-subtle-hover);
+  padding: 1px 10px;
+}
+._teddy-select__trigger--error_1i9a7_38 {
+  border: 1px solid #e4175c;
+  padding: 1px 10px;
+}
+._teddy-select__trigger--disabled_1i9a7_42, ._teddy-select__trigger--disabled_1i9a7_42:hover {
+  color: #aaaab0;
+  background-color: #e5e5eb;
+  border: 1px solid #aaaab0;
+  padding: 0 10px;
+}
+._teddy-select__trigger--readonly_1i9a7_48, ._teddy-select__trigger--readonly_1i9a7_48:hover {
+  border: 1px solid #aaaab0;
+  background-color: #f3f3f8;
+  padding: 0 10px;
+}
+._teddy-select__icon_1i9a7_53 {
+  color: #8d8d94;
+}
+._teddy-select__content_1i9a7_56 {
+  overflow: hidden;
+  background-color: white;
+  border-radius: 6px;
+  box-shadow: 0 10px 20px -15px rgba(22, 23, 24, 0.35), 0px 10px 20px -15px rgba(22, 23, 24, 0.2);
+  border: 1px solid black;
+  min-width: var(--radix-select-trigger-width);
+  max-height: var(--radix-select-content-available-height);
 }
-._teddy-spinner--xs_ywden_5 {
-  height: var(--teddy-spacing-300);
-  width: var(--teddy-spacing-300);
+._teddy-select__viewport_1i9a7_65 {
+  padding: 5px;
+  overflow: scroll;
 }
-._teddy-spinner--sm_ywden_9 {
-  height: var(--teddy-spacing-400);
-  width: var(--teddy-spacing-400);
+._teddy-select__item_1i9a7_69 {
+  font-size: 13px;
+  line-height: 1;
+  border-radius: 3px;
+  display: flex;
+  align-items: center;
+  height: 35px;
+  padding: 0 35px 0 25px;
+  position: relative;
+  user-select: none;
+  cursor: pointer;
 }
-._teddy-spinner--md_ywden_13 {
-  height: var(--teddy-spacing-600);
-  width: var(--teddy-spacing-600);
-  stroke-width: 3.5;
+._teddy-select__item_1i9a7_69:disabled {
+  color: #e5e5eb;
+  pointer-events: none;
 }
-._teddy-spinner--lg_ywden_18 {
-  height: var(--teddy-spacing-800);
-  width: var(--teddy-spacing-800);
-  stroke-width: 3;
+._teddy-select__item_1i9a7_69:hover {
+  background-color: #e5e5eb;
+  outline: none;
 }
-._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-select__item-indicator_1i9a7_89 {
+  position: absolute;
+  left: 0;
+  width: 25px;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+}._teddy-avatar_e3370_1 {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 40px;
+  height: 40px;
+  border-radius: 50%;
+  overflow: hidden;
+  background-color: var(--teddy-color-brand-white);
+  color: var(--teddy-color-text-medium);
 }
-._teddy-spinner__circle--disabled_ywden_33 {
-  --stroke-color: var(--teddy-color-border-weak);
+._teddy-avatar--beige_e3370_12 {
+  background-color: var(--teddy-color-brand-light-beige);
 }
-._teddy-spinner__circle--negative_ywden_36 {
-  --stroke-color: var(--teddy-color-border-interactive-primary-negative);
+._teddy-avatar--grey_e3370_15 {
+  background-color: var(--teddy-color-gray-50);
 }
-._teddy-spinner__circle--negative-disabled_ywden_39 {
-  --stroke-color: var(--teddy-color-border-weak-negative);
+._teddy-avatar--purple-light_e3370_18 {
+  background-color: var(--teddy-color-purple-50);
 }
-
-@keyframes _rotate_ywden_1 {
-  from {
-    transform: rotate(0deg);
-  }
-  to {
-    transform: rotate(360deg);
-  }
+._teddy-avatar--white_e3370_21 {
+  background-color: var(--teddy-color-brand-white);
 }
-@keyframes _dash_ywden_1 {
-  0% {
-    stroke-dashoffset: 125;
-  }
-  50% {
-    stroke-dashoffset: 62.5;
-  }
-  100% {
-    stroke-dashoffset: 125;
-  }
-}@keyframes _fadeInAnimation_1k5uy_1 {
-  0% {
-    opacity: 0;
-  }
-  100% {
-    opacity: 1;
-  }
+._teddy-avatar--orange_e3370_24 {
+  background-color: var(--teddy-color-orange-50);
 }
-@keyframes _scaleInAnimation_1k5uy_1 {
-  0% {
-    scale: 0;
-  }
-  100% {
-    scale: 100%;
-  }
+._teddy-avatar--blue_e3370_27 {
+  background-color: var(--teddy-color-blue-50);
 }
-@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;
+._teddy-avatar--green_e3370_30 {
+  background-color: var(--teddy-color-green-50);
+}@layer heading, badge, flex, grid, dashboard-card;
+@layer dashboard-card {
+  ._teddy-dashboard-card_5b7hf_3 {
+    outline: none;
+    background: none;
+    border: none;
+    padding: 0;
+    margin: 0;
+    text-align: inherit;
+    font: inherit;
+    color: inherit;
     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-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-button_1k5uy_18:focus:not(:focus-visible)::before {
-    opacity: 0;
-  }
-  ._teddy-button_1k5uy_18 svg {
-    display: block;
-  }
-  ._teddy-button--sm_1k5uy_53 {
-    padding: var(--teddy-spacing-150) var(--teddy-spacing-250);
-  }
-  ._teddy-button--sm_1k5uy_53._teddy-button--icon-only_1k5uy_56 {
-    padding: var(--teddy-spacing-150);
-  }
-  ._teddy-button--md_1k5uy_59 {
-    padding: var(--teddy-spacing-200) var(--teddy-spacing-300);
-  }
-  ._teddy-button--md_1k5uy_59._teddy-button--icon-only_1k5uy_56 {
-    padding: var(--teddy-spacing-200);
-  }
-  ._teddy-button--lg_1k5uy_65 {
-    padding: var(--teddy-spacing-250) var(--teddy-spacing-400);
-  }
-  ._teddy-button--lg_1k5uy_65._teddy-button--icon-only_1k5uy_56 {
+    box-sizing: border-box;
     padding: var(--teddy-spacing-250);
-  }
-  ._teddy-button--full-width_1k5uy_71 {
+    border: var(--teddy-border-width-xs) solid transparent;
+    border-radius: var(--teddy-border-radius-md);
     width: 100%;
+    cursor: pointer;
   }
-  ._teddy-button--primary_1k5uy_74 {
-    background-color: var(--teddy-color-background-interactive-primary);
-    color: var(--teddy-color-text-interactive-on-primary);
-  }
-  ._teddy-button--primary_1k5uy_74:hover:not(._teddy-button--disabled_1k5uy_78) {
-    background-color: var(--teddy-color-background-interactive-primary-hover);
-  }
-  ._teddy-button--primary_1k5uy_74:active:not(._teddy-button--disabled_1k5uy_78) {
-    background-color: var(--teddy-color-background-interactive-primary-active);
-  }
-  ._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-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-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-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-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-button--secondary_1k5uy_96:hover:not(._teddy-button--disabled_1k5uy_78) {
-    background-color: var(--teddy-color-background-interactive-transparent-hover);
+  ._teddy-dashboard-card--white_5b7hf_24 {
+    background-color: var(--teddy-color-brand-white);
+    color: var(--teddy-color-text-default);
   }
-  ._teddy-button--secondary_1k5uy_96:active:not(._teddy-button--disabled_1k5uy_78) {
-    background-color: var(--teddy-color-background-interactive-transparent-active);
+  ._teddy-dashboard-card--white_5b7hf_24._teddy-dashboard-card--disabled_5b7hf_28 {
+    background-color: var(--teddy-color-background-interactive-disabled);
   }
-  ._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-dashboard-card--white_5b7hf_24:hover:not(:has(._teddy-dashboard-card--disabled_5b7hf_28)) {
+    background-color: var(--teddy-color-purple-50);
   }
-  ._teddy-button--secondary-negative_1k5uy_107:hover:not(._teddy-button--disabled_1k5uy_78) {
-    background-color: var(--teddy-color-background-interactive-transparent-negative-hover);
+  ._teddy-dashboard-card--white_5b7hf_24:active:not(:has(._teddy-dashboard-card--disabled_5b7hf_28)) {
+    background-color: var(--teddy-color-purple-100);
   }
-  ._teddy-button--secondary-negative_1k5uy_107:active:not(._teddy-button--disabled_1k5uy_78) {
-    background-color: var(--teddy-color-background-interactive-transparent-negative-active);
+  ._teddy-dashboard-card--white_5b7hf_24._teddy-dashboard-card--border_5b7hf_37 {
+    border-color: var(--teddy-color-transparent-black-300);
   }
-  ._teddy-button--expressive_1k5uy_118 {
-    background-color: var(--teddy-color-background-interactive-expressive);
-    color: var(--teddy-color-text-interactive-on-expressive);
+  ._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-button--expressive_1k5uy_118:hover:not(._teddy-button--disabled_1k5uy_78) {
-    background-color: var(--teddy-color-background-interactive-expressive-hover);
+  ._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-button--expressive_1k5uy_118:active:not(._teddy-button--disabled_1k5uy_78) {
-    background-color: var(--teddy-color-background-interactive-expressive-active);
+  ._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-button--expressive-negative_1k5uy_128 {
-    background-color: var(--teddy-color-background-interactive-expressive-negative);
-    color: var(--teddy-color-text-interactive-on-expressive-negative);
+  ._teddy-dashboard-card--grey_5b7hf_49 {
+    background-color: #f5f5fa;
+    color: var(--teddy-color-text-default);
   }
-  ._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-dashboard-card--grey_5b7hf_49._teddy-dashboard-card--disabled_5b7hf_28 {
+    background-color: var(--teddy-color-background-interactive-disabled);
   }
-  ._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-dashboard-card--grey_5b7hf_49:hover:not(:has(._teddy-dashboard-card--disabled_5b7hf_28)) {
+    background-color: var(--teddy-color-gray-100);
   }
-  ._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-dashboard-card--grey_5b7hf_49:active:not(:has(._teddy-dashboard-card--disabled_5b7hf_28)) {
+    background-color: var(--teddy-color-gray-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-dashboard-card--purple-light_5b7hf_62 {
+    background-color: var(--teddy-color-purple-50);
+    color: var(--teddy-color-text-default);
   }
-  ._teddy-button--destructive_1k5uy_147 {
-    background-color: var(--teddy-color-background-interactive-destructive);
-    color: var(--teddy-color-text-interactive-on-destructive);
+  ._teddy-dashboard-card--purple-light_5b7hf_62._teddy-dashboard-card--disabled_5b7hf_28 {
+    background-color: var(--teddy-color-background-interactive-disabled);
   }
-  ._teddy-button--destructive_1k5uy_147:hover:not(._teddy-button--disabled_1k5uy_78) {
-    background-color: var(--teddy-color-background-interactive-destructive-hover);
+  ._teddy-dashboard-card--purple-light_5b7hf_62:hover:not(:has(._teddy-dashboard-card--disabled_5b7hf_28)) {
+    background-color: var(--teddy-color-purple-100);
   }
-  ._teddy-button--destructive_1k5uy_147:active:not(._teddy-button--disabled_1k5uy_78) {
-    background-color: var(--teddy-color-background-interactive-destructive-active);
+  ._teddy-dashboard-card--purple-light_5b7hf_62:active:not(:has(._teddy-dashboard-card--disabled_5b7hf_28)) {
+    background-color: var(--teddy-color-purple-200);
   }
-  ._teddy-button--destructive-negative_1k5uy_157 {
-    background-color: var(--teddy-color-background-interactive-destructive);
-    color: var(--teddy-color-text-interactive-on-destructive);
+  ._teddy-dashboard-card--beige-light_5b7hf_75 {
+    background-color: var(--teddy-color-beige-50);
+    color: var(--teddy-color-text-default);
   }
-  ._teddy-button--destructive-negative_1k5uy_157:hover:not(._teddy-button--disabled_1k5uy_78) {
-    background-color: var(--teddy-color-background-interactive-destructive-hover);
+  ._teddy-dashboard-card--beige-light_5b7hf_75._teddy-dashboard-card--disabled_5b7hf_28 {
+    background-color: var(--teddy-color-background-interactive-disabled);
   }
-  ._teddy-button--destructive-negative_1k5uy_157:active:not(._teddy-button--disabled_1k5uy_78) {
-    background-color: var(--teddy-color-background-interactive-destructive-active);
+  ._teddy-dashboard-card--beige-light_5b7hf_75:hover:not(:has(._teddy-dashboard-card--disabled_5b7hf_28)) {
+    background-color: var(--teddy-color-beige-100);
   }
-  ._teddy-button--tertiary-purple_1k5uy_167 {
-    background-color: var(--teddy-color-background-interactive-transparent);
-    color: var(--teddy-color-text-interactive-primary);
+  ._teddy-dashboard-card--beige-light_5b7hf_75:active:not(:has(._teddy-dashboard-card--disabled_5b7hf_28)) {
+    background-color: var(--teddy-color-beige-200);
   }
-  ._teddy-button--tertiary-purple_1k5uy_167._teddy-button--disabled_1k5uy_78 {
-    background-color: var(--teddy-color-background-interactive-transparent);
+  ._teddy-dashboard-card__layout_5b7hf_88 {
+    display: grid;
+    gap: 0 var(--teddy-spacing-150);
+    grid-template-columns: auto 1fr auto;
+    grid-template-rows: auto auto 1fr auto;
+    justify-items: start;
+    justify-content: stretch;
+    align-items: center;
+    grid-template-areas: "media heading chevron" "media subtitle chevron" "content content content" "footer footer footer";
   }
-  ._teddy-button--tertiary-purple_1k5uy_167:hover:not(._teddy-button--disabled_1k5uy_78) {
-    background-color: var(--teddy-color-background-interactive-transparent-hover);
+  ._teddy-dashboard-card__layout_5b7hf_88 ._teddy-dashboard-card__avatar_5b7hf_98 {
+    grid-area: media;
   }
-  ._teddy-button--tertiary-purple_1k5uy_167:active:not(._teddy-button--disabled_1k5uy_78) {
-    background-color: var(--teddy-color-background-interactive-transparent-active);
+  ._teddy-dashboard-card__layout_5b7hf_88 ._teddy-dashboard-card__illustration_5b7hf_101 {
+    grid-area: media;
   }
-  ._teddy-button--tertiary-purple-negative_1k5uy_180 {
-    background-color: var(--teddy-color-background-interactive-transparent);
-    color: var(--teddy-color-text-interactive-primary-negative);
+  ._teddy-dashboard-card__layout_5b7hf_88 ._teddy-dashboard-card__heading_5b7hf_104 {
+    grid-area: heading;
+    align-self: end;
   }
-  ._teddy-button--tertiary-purple-negative_1k5uy_180._teddy-button--disabled_1k5uy_78 {
-    background-color: var(--teddy-color-background-interactive-transparent);
+  ._teddy-dashboard-card__layout_5b7hf_88 ._teddy-dashboard-card__subtitle_5b7hf_108 {
+    grid-area: subtitle;
+    align-self: start;
   }
-  ._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-dashboard-card__layout_5b7hf_88 ._teddy-dashboard-card__chevron_5b7hf_112 {
+    grid-area: chevron;
   }
-  ._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-dashboard-card__layout_5b7hf_88 ._teddy-dashboard-card__content_5b7hf_20 {
+    grid-area: content;
+    align-self: start;
   }
-  ._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-dashboard-card__layout_5b7hf_88 ._teddy-dashboard-card__footer_5b7hf_21 {
+    grid-area: footer;
+    align-self: end;
   }
-  ._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-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-button--list-item_1k5uy_195:hover:not(._teddy-button--disabled_1k5uy_78) {
-    background-color: var(--teddy-color-background-secondary);
+  ._teddy-dashboard-card__layout_5b7hf_88:not(:has(._teddy-dashboard-card__subtitle_5b7hf_108)) ._teddy-dashboard-card__heading_5b7hf_104 {
+    align-self: center;
   }
-  ._teddy-button--list-item_1k5uy_195:active:not(._teddy-button--disabled_1k5uy_78) {
-    background-color: var(--teddy-color-background-interactive-transparent-active);
+  ._teddy-dashboard-card__illustration_5b7hf_101 {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 40px;
   }
-  ._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-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-button--text-negative_1k5uy_214:focus-visible::before {
-    border-radius: 0;
+  ._teddy-dashboard-card--disabled_5b7hf_28 {
+    pointer-events: none;
+    cursor: not-allowed;
   }
-  ._teddy-button--text-negative_1k5uy_214._teddy-button--disabled_1k5uy_78 {
-    background-color: var(--teddy-color-background-interactive-transparent);
+}@layer heading {
+  ._teddy-heading_r8os0_2 {
+    color: var(--teddy-color-text-default);
+    display: block;
+    hyphens: none;
+    margin: 0;
+    max-width: 60ch;
   }
-  ._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-heading--hyphens_r8os0_9 {
+    hyphens: auto;
   }
-  ._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-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-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-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-button--text_1k5uy_214:focus-visible::before {
-    border-radius: 0;
+  ._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-button--text_1k5uy_214._teddy-button--disabled_1k5uy_78 {
-    background-color: var(--teddy-color-background-interactive-transparent);
-    color: var(--teddy-color-text-weak);
+  ._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-button--text_1k5uy_214:hover:not(._teddy-button--disabled_1k5uy_78) {
-    background-color: var(--teddy-color-background-interactive-transparent-hover);
+  ._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-button--text_1k5uy_214:active:not(._teddy-button--disabled_1k5uy_78) {
-    background-color: var(--teddy-color-background-interactive-transparent-active);
+  ._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-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-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-button--dashed-border_1k5uy_261 {
-    border: 1px dashed;
-    box-shadow: none;
+  ._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-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-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-button__loading_1k5uy_265 ._teddy-button__spinner_1k5uy_276 circle {
-    stroke: var(--teddy-color-transparent-black-700);
+  ._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-button--icon-only_1k5uy_56 ._teddy-button__loading_1k5uy_265 {
-    background-color: var(--teddy-color-gray-100);
+  ._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-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-scroll-area_1r6mf_1 {
   position: relative;
@@ -1115,36 +1174,36 @@
   }
 }@layer heading, flex, grid, button, card;
 @layer card {
-  ._teddy-card_1p563_3:focus-visible {
+  ._teddy-card_1hzu6_3:focus-visible {
     outline: var(--teddy-border-width-sm) solid var(--teddy-color-blue-600);
     outline-offset: 2px;
   }
-  ._teddy-card_1p563_3 {
+  ._teddy-card_1hzu6_3 {
     border-radius: var(--teddy-border-radius-md);
     padding: var(--teddy-spacing-250);
     position: relative;
   }
   @media (prefers-reduced-motion: no-preference) {
-    ._teddy-card_1p563_3 {
+    ._teddy-card_1hzu6_3 {
       transition: background-color var(--teddy-motion-duration-100) ease;
     }
   }
-  ._teddy-card__slot_1p563_17 {
+  ._teddy-card__slot_1hzu6_17 {
     transform: translateY(-50%);
   }
-  ._teddy-card__slot--bottom_1p563_20 {
+  ._teddy-card__slot--bottom_1hzu6_20 {
     transform: translateY(50%);
   }
-  ._teddy-card__slot--center_1p563_23 {
+  ._teddy-card__slot--center_1hzu6_23 {
     transform: translate(-50%, -50%);
   }
-  ._teddy-card__slot--bottom_1p563_20._teddy-card__slot--center_1p563_23 {
+  ._teddy-card__slot--bottom_1hzu6_20._teddy-card__slot--center_1hzu6_23 {
     transform: translate(-50%, 50%);
   }
-  ._teddy-card__slot--no-translate_1p563_29 {
+  ._teddy-card__slot--no-translate_1hzu6_29 {
     transform: initial;
   }
-  ._teddy-card_1p563_3::before {
+  ._teddy-card_1hzu6_3::before {
     content: "";
     display: block;
     position: absolute;
@@ -1155,95 +1214,95 @@
     box-shadow: var(--teddy-shadow-sm);
   }
   @media (prefers-reduced-motion: no-preference) {
-    ._teddy-card_1p563_3::before {
+    ._teddy-card_1hzu6_3::before {
       transition: var(--teddy-motion-duration-300) ease;
       transition-property: opacity, box-shadow;
     }
   }
-  ._teddy-card--shadow_1p563_48::before {
+  ._teddy-card--shadow_1hzu6_48::before {
     opacity: 1;
   }
-  ._teddy-card_1p563_3:has(._teddy-card__action_1p563_51:not(._teddy-card__action--disabled_1p563_51)) {
+  ._teddy-card_1hzu6_3:has(._teddy-card__action_1hzu6_51:not(._teddy-card__action--disabled_1hzu6_51)) {
     cursor: pointer;
   }
-  ._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 {
+  ._teddy-card_1hzu6_3:has(._teddy-card__action_1hzu6_51:not(._teddy-card__action--disabled_1hzu6_51)):hover:has(._teddy-card__action_1hzu6_51:not(._teddy-card__action--disabled_1hzu6_51))::before {
     opacity: 1;
     box-shadow: var(--teddy-shadow-md);
   }
-  ._teddy-card--border_1p563_58 {
+  ._teddy-card--border_1hzu6_58 {
     border: var(--teddy-border-width-xs) solid transparent;
   }
-  ._teddy-card--layout_1p563_61 ._teddy-card__illustration_1p563_61 {
+  ._teddy-card--layout_1hzu6_61 ._teddy-card__illustration_1hzu6_61 {
     grid-area: illustration;
   }
-  ._teddy-card--layout_1p563_61 ._teddy-card__carousel_1p563_64 {
+  ._teddy-card--layout_1hzu6_61 ._teddy-card__carousel_1hzu6_64 {
     grid-area: carousel;
   }
-  ._teddy-card--layout_1p563_61 ._teddy-card__content_1p563_67 {
+  ._teddy-card--layout_1hzu6_61 ._teddy-card__content_1hzu6_67 {
     grid-area: content;
   }
-  ._teddy-card--layout_1p563_61 ._teddy-card__heading_1p563_70 {
+  ._teddy-card--layout_1hzu6_61 ._teddy-card__heading_1hzu6_70 {
     grid-area: heading;
   }
-  ._teddy-card--layout_1p563_61 ._teddy-card__action-wrapper_1p563_73 {
+  ._teddy-card--layout_1hzu6_61 ._teddy-card__action-wrapper_1hzu6_73 {
     grid-area: action;
   }
-  ._teddy-card--layout_1p563_61 ._teddy-card__footer_1p563_76 {
+  ._teddy-card--layout_1hzu6_61 ._teddy-card__footer_1hzu6_76 {
     grid-area: footer;
   }
-  ._teddy-card--layout_1p563_61 ._teddy-card__overline_1p563_79 {
+  ._teddy-card--layout_1hzu6_61 ._teddy-card__overline_1hzu6_79 {
     grid-area: overline;
   }
-  ._teddy-card--layout_1p563_61 ._teddy-card__description_1p563_82 {
+  ._teddy-card--layout_1hzu6_61 ._teddy-card__description_1hzu6_82 {
     grid-area: description;
   }
-  ._teddy-card--layout_1p563_61 ._teddy-card__color-dots_1p563_85 {
+  ._teddy-card--layout_1hzu6_61 ._teddy-card__color-dots_1hzu6_85 {
     grid-area: colors;
   }
-  ._teddy-card--layout_1p563_61 ._teddy-card__availability_1p563_88 {
+  ._teddy-card--layout_1hzu6_61 ._teddy-card__availability_1hzu6_88 {
     grid-area: availability;
   }
-  ._teddy-card--layout_1p563_61 ._teddy-card__price_1p563_91 {
+  ._teddy-card--layout_1hzu6_61 ._teddy-card__price_1hzu6_91 {
     grid-area: price;
   }
-  ._teddy-card--default_1p563_94 {
+  ._teddy-card--default_1hzu6_94 {
     display: flex;
     flex-direction: column;
     gap: var(--teddy-spacing-200);
   }
-  ._teddy-card--navigation-vertical_1p563_99 {
+  ._teddy-card--navigation-vertical_1hzu6_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_1p563_99 ._teddy-card__illustration_1p563_61 {
+  ._teddy-card--navigation-vertical_1hzu6_99 ._teddy-card__illustration_1hzu6_61 {
     margin-bottom: var(--teddy-spacing-200);
   }
-  ._teddy-card--navigation-vertical_1p563_99 ._teddy-card__content_1p563_67 {
+  ._teddy-card--navigation-vertical_1hzu6_99 ._teddy-card__content_1hzu6_67 {
     margin-bottom: var(--teddy-spacing-200);
   }
-  ._teddy-card--navigation-vertical_1p563_99 ._teddy-card__heading_1p563_70 {
+  ._teddy-card--navigation-vertical_1hzu6_99 ._teddy-card__heading_1hzu6_70 {
     margin-bottom: var(--teddy-spacing-100);
   }
-  ._teddy-card--navigation-vertical_1p563_99 ._teddy-card__action-wrapper_1p563_73 {
+  ._teddy-card--navigation-vertical_1hzu6_99 ._teddy-card__action-wrapper_1hzu6_73 {
     margin-top: auto;
     justify-self: end;
   }
-  ._teddy-card--navigation-horizontal-small_1p563_119 {
+  ._teddy-card--navigation-horizontal-small_1hzu6_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_1p563_119 ._teddy-card__heading_1p563_70 {
+  ._teddy-card--navigation-horizontal-small_1hzu6_119 ._teddy-card__heading_1hzu6_70 {
     margin-bottom: var(--teddy-spacing-100);
   }
-  ._teddy-card--navigation-horizontal-small_1p563_119 ._teddy-card__action-wrapper_1p563_73 {
+  ._teddy-card--navigation-horizontal-small_1hzu6_119 ._teddy-card__action-wrapper_1hzu6_73 {
     margin-top: auto;
   }
-  ._teddy-card--navigation-horizontal-small-centered_1p563_131 {
+  ._teddy-card--navigation-horizontal-small-centered_1hzu6_131 {
     width: 100%;
     max-width: 26rem;
     grid-template-columns: auto 1fr auto;
@@ -1252,176 +1311,187 @@
     align-items: center;
     column-gap: var(--teddy-spacing-200);
   }
-  ._teddy-card--navigation-horizontal-small-centered_1p563_131 ._teddy-card__content_1p563_67 {
+  ._teddy-card--navigation-horizontal-small-centered_1hzu6_131 ._teddy-card__content_1hzu6_67 {
     margin-top: var(--teddy-spacing-200);
   }
-  ._teddy-card--navigation-horizontal-small-centered_1p563_131 ._teddy-card__action-wrapper_1p563_73 {
+  ._teddy-card--navigation-horizontal-small-centered_1hzu6_131 ._teddy-card__action-wrapper_1hzu6_73 {
     margin: 0;
   }
-  ._teddy-card--navigation-horizontal-small-centered_1p563_131 ._teddy-card__illustration_1p563_61 {
+  ._teddy-card--navigation-horizontal-small-centered_1hzu6_131 ._teddy-card__illustration_1hzu6_61 {
     max-height: 80px;
     max-width: 100px;
   }
-  ._teddy-card--navigation-horizontal-small-centered_1p563_131 ._teddy-card__illustration_1p563_61 img {
+  ._teddy-card--navigation-horizontal-small-centered_1hzu6_131 ._teddy-card__illustration_1hzu6_61 img {
     object-fit: contain;
   }
-  ._teddy-card--navigation-horizontal-large_1p563_153 {
+  ._teddy-card--navigation-horizontal-large_1hzu6_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_1p563_153 ._teddy-card__heading_1p563_70 {
+  ._teddy-card--navigation-horizontal-large_1hzu6_153 ._teddy-card__heading_1hzu6_70 {
     margin-bottom: var(--teddy-spacing-100);
   }
-  ._teddy-card--navigation-horizontal-large_1p563_153 ._teddy-card__action-wrapper_1p563_73 {
+  ._teddy-card--navigation-horizontal-large_1hzu6_153 ._teddy-card__action-wrapper_1hzu6_73 {
     margin-top: auto;
   }
-  ._teddy-card--rich-card_1p563_165 {
+  ._teddy-card--rich-card_1hzu6_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_1p563_165 ._teddy-card__illustration_1p563_61 {
+  ._teddy-card--rich-card_1hzu6_165 ._teddy-card__illustration_1hzu6_61 {
     margin-bottom: var(--teddy-spacing-200);
   }
-  ._teddy-card--rich-card_1p563_165 ._teddy-card__content_1p563_67 {
+  ._teddy-card--rich-card_1hzu6_165 ._teddy-card__content_1hzu6_67 {
     margin-bottom: var(--teddy-spacing-200);
   }
-  ._teddy-card--rich-card_1p563_165 ._teddy-card__heading_1p563_70 {
+  ._teddy-card--rich-card_1hzu6_165 ._teddy-card__heading_1hzu6_70 {
     margin-bottom: var(--teddy-spacing-100);
   }
-  ._teddy-card--rich-card_1p563_165 ._teddy-card__action-wrapper_1p563_73 {
+  ._teddy-card--rich-card_1hzu6_165 ._teddy-card__action-wrapper_1hzu6_73 {
     margin-top: auto;
   }
+  @media (min-width: 801px) {
+    ._teddy-card--rich-card-large_1hzu6_184 {
+      grid-template-columns: min(45%, 650px) 1fr;
+    }
+  }
   @media (max-width: 800px) {
-    ._teddy-card--rich-card-large_1p563_184 {
+    ._teddy-card--rich-card-large_1hzu6_184 {
       align-items: baseline;
       grid-template-rows: auto auto 1fr auto;
       grid-template-areas: "illustration" "heading" "content" "action";
     }
   }
-  ._teddy-card--rich-card-large_1p563_184 ._teddy-card__illustration_1p563_61 img {
+  ._teddy-card--rich-card-large_1hzu6_184 ._teddy-card__illustration_1hzu6_61 img {
     object-fit: cover;
   }
   @media (min-width: 801px) {
-    ._teddy-card--rich-card-large_1p563_184 ._teddy-card__illustration_1p563_61 {
+    ._teddy-card--rich-card-large_1hzu6_184 ._teddy-card__illustration_1hzu6_61 {
       grid-column-start: 1;
       margin-right: var(--teddy-spacing-600);
     }
   }
-  ._teddy-card--rich-card-large_1p563_184 ._teddy-card__content_1p563_67 {
+  ._teddy-card--rich-card-large_1hzu6_184 ._teddy-card__content_1hzu6_67 {
     margin-top: 2rem;
   }
   @media (min-width: 801px) {
-    ._teddy-card--rich-card-large_1p563_184 ._teddy-card__content_1p563_67 {
+    ._teddy-card--rich-card-large_1hzu6_184 ._teddy-card__content_1hzu6_67 {
       grid-column-start: 2;
       margin-top: 0;
       align-content: center;
     }
   }
-  ._teddy-card--rich-card-large_1p563_184 ._teddy-card__action_1p563_51 {
+  ._teddy-card--rich-card-large_1hzu6_184 ._teddy-card__action_1hzu6_51 {
     margin-top: var(--teddy-spacing-200);
   }
-  ._teddy-card--rich-card-large_1p563_184 ._teddy-card__heading_1p563_70 {
+  ._teddy-card--rich-card-large_1hzu6_184 ._teddy-card__heading_1hzu6_70 {
     margin-top: var(--teddy-spacing-100);
     margin-bottom: var(--teddy-spacing-100);
   }
-  ._teddy-card__line_1p563_216 {
+  @media (min-width: 801px) {
+    ._teddy-card--rich-card-large_1hzu6_184 ._teddy-card__illustration_1hzu6_61,
+    ._teddy-card--rich-card-large_1hzu6_184 ._teddy-card__content_1hzu6_67 {
+      grid-area: auto;
+    }
+  }
+  ._teddy-card__line_1hzu6_227 {
     border: 0;
     border-top: var(--teddy-border-width-xs) solid var(--teddy-color-border-weak);
   }
-  ._teddy-card--purple-light_1p563_220 {
+  ._teddy-card--purple-light_1hzu6_231 {
     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_1p563_220:hover:has(._teddy-card__action_1p563_51:not(._teddy-card__action--disabled_1p563_51)) {
+  ._teddy-card--purple-light_1hzu6_231:hover:has(._teddy-card__action_1hzu6_51:not(._teddy-card__action--disabled_1hzu6_51)) {
     background-color: var(--teddy-color-background-interactive-primary-negative-hover);
   }
-  ._teddy-card--purple-light_1p563_220:active:has(._teddy-card__action_1p563_51:not(._teddy-card__action--disabled_1p563_51)) {
+  ._teddy-card--purple-light_1hzu6_231:active:has(._teddy-card__action_1hzu6_51:not(._teddy-card__action--disabled_1hzu6_51)) {
     background-color: var(--teddy-color-background-interactive-primary-negative-active);
   }
-  ._teddy-card--purple-light_1p563_220:has(._teddy-card__action--disabled_1p563_51) {
+  ._teddy-card--purple-light_1hzu6_231:has(._teddy-card__action--disabled_1hzu6_51) {
     background-color: var(--teddy-color-background-interactive-disabled);
   }
-  ._teddy-card--purple-dark_1p563_234 {
+  ._teddy-card--purple-dark_1hzu6_245 {
     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_1p563_234:hover:has(._teddy-card__action_1p563_51:not(._teddy-card__action--disabled_1p563_51)) {
+  ._teddy-card--purple-dark_1hzu6_245:hover:has(._teddy-card__action_1hzu6_51:not(._teddy-card__action--disabled_1hzu6_51)) {
     background-color: var(--teddy-color-background-interactive-transparent-negative-hover);
   }
-  ._teddy-card--purple-dark_1p563_234:active:has(._teddy-card__action_1p563_51:not(._teddy-card__action--disabled_1p563_51)) {
+  ._teddy-card--purple-dark_1hzu6_245:active:has(._teddy-card__action_1hzu6_51:not(._teddy-card__action--disabled_1hzu6_51)) {
     background-color: var(--teddy-color-background-interactive-transparent-negative-active);
   }
-  ._teddy-card--purple-dark_1p563_234:has(._teddy-card__action--disabled_1p563_51) {
+  ._teddy-card--purple-dark_1hzu6_245:has(._teddy-card__action--disabled_1hzu6_51) {
     color: var(--teddy-color-text-default);
     background-color: var(--teddy-color-background-interactive-disabled);
   }
-  ._teddy-card--purple-dark_1p563_234:has(._teddy-card__action--disabled_1p563_51) ._teddy-card__action_1p563_51 {
+  ._teddy-card--purple-dark_1hzu6_245:has(._teddy-card__action--disabled_1hzu6_51) ._teddy-card__action_1hzu6_51 {
     color: var(--teddy-color-text-weak);
     background-color: var(--teddy-color-background-interactive-disabled);
   }
-  ._teddy-card--white_1p563_253 {
+  ._teddy-card--white_1hzu6_264 {
     background-color: var(--teddy-color-brand-white);
     color: var(--teddy-color-text-default);
     border-color: var(--teddy-color-border-weak);
   }
-  ._teddy-card--white_1p563_253:hover:has(._teddy-card__action_1p563_51:not(._teddy-card__action--disabled_1p563_51)) {
+  ._teddy-card--white_1hzu6_264:hover:has(._teddy-card__action_1hzu6_51:not(._teddy-card__action--disabled_1hzu6_51)) {
     background-color: var(--teddy-color-background-interactive-transparent-hover);
   }
-  ._teddy-card--white_1p563_253:active:has(._teddy-card__action_1p563_51:not(._teddy-card__action--disabled_1p563_51)) {
+  ._teddy-card--white_1hzu6_264:active:has(._teddy-card__action_1hzu6_51:not(._teddy-card__action--disabled_1hzu6_51)) {
     background-color: var(--teddy-color-background-interactive-transparent-active);
   }
-  ._teddy-card--white_1p563_253:has(._teddy-card__action--disabled_1p563_51) {
+  ._teddy-card--white_1hzu6_264:has(._teddy-card__action--disabled_1hzu6_51) {
     background-color: var(--teddy-color-background-interactive-disabled);
   }
-  ._teddy-card--gray_1p563_267 {
+  ._teddy-card--gray_1hzu6_278 {
     background-color: var(--teddy-color-background-secondary);
     color: var(--teddy-color-text-default);
     border-color: var(--teddy-color-border-interactive-subtle);
   }
-  ._teddy-card--gray_1p563_267:hover:has(._teddy-card__action_1p563_51:not(._teddy-card__action--disabled_1p563_51)) {
+  ._teddy-card--gray_1hzu6_278:hover:has(._teddy-card__action_1hzu6_51:not(._teddy-card__action--disabled_1hzu6_51)) {
     background-color: var(--teddy-color-gray-100);
   }
-  ._teddy-card--gray_1p563_267:active:has(._teddy-card__action_1p563_51:not(._teddy-card__action--disabled_1p563_51)) {
+  ._teddy-card--gray_1hzu6_278:active:has(._teddy-card__action_1hzu6_51:not(._teddy-card__action--disabled_1hzu6_51)) {
     background-color: var(--teddy-color-gray-200);
   }
-  ._teddy-card--gray_1p563_267:has(._teddy-card__action--disabled_1p563_51) {
+  ._teddy-card--gray_1hzu6_278:has(._teddy-card__action--disabled_1hzu6_51) {
     background-color: var(--teddy-color-background-interactive-disabled);
   }
-  ._teddy-card--beige_1p563_281 {
+  ._teddy-card--beige_1hzu6_292 {
     background-color: var(--teddy-color-beige-100);
     color: var(--teddy-color-text-default);
     border-color: var(--teddy-color-beige-300);
   }
-  ._teddy-card--beige_1p563_281:hover:has(._teddy-card__action_1p563_51:not(._teddy-card__action--disabled_1p563_51)) {
+  ._teddy-card--beige_1hzu6_292:hover:has(._teddy-card__action_1hzu6_51:not(._teddy-card__action--disabled_1hzu6_51)) {
     background-color: var(--teddy-color-beige-200);
   }
-  ._teddy-card--beige_1p563_281:active:has(._teddy-card__action_1p563_51:not(._teddy-card__action--disabled_1p563_51)) {
+  ._teddy-card--beige_1hzu6_292:active:has(._teddy-card__action_1hzu6_51:not(._teddy-card__action--disabled_1hzu6_51)) {
     background-color: var(--teddy-color-beige-300);
   }
-  ._teddy-card--beige_1p563_281:has(._teddy-card__action--disabled_1p563_51) {
+  ._teddy-card--beige_1hzu6_292:has(._teddy-card__action--disabled_1hzu6_51) {
     background-color: var(--teddy-color-background-interactive-disabled);
   }
-  ._teddy-card--beige-light_1p563_295 {
+  ._teddy-card--beige-light_1hzu6_306 {
     background-color: var(--teddy-color-beige-50);
     color: var(--teddy-color-text-default);
     border-color: var(--teddy-color-beige-200);
   }
-  ._teddy-card--beige-light_1p563_295:hover:has(._teddy-card__action_1p563_51:not(._teddy-card__action--disabled_1p563_51)) {
+  ._teddy-card--beige-light_1hzu6_306:hover:has(._teddy-card__action_1hzu6_51:not(._teddy-card__action--disabled_1hzu6_51)) {
     background-color: var(--teddy-color-beige-100);
   }
-  ._teddy-card--beige-light_1p563_295:active:has(._teddy-card__action_1p563_51:not(._teddy-card__action--disabled_1p563_51)) {
+  ._teddy-card--beige-light_1hzu6_306:active:has(._teddy-card__action_1hzu6_51:not(._teddy-card__action--disabled_1hzu6_51)) {
     background-color: var(--teddy-color-beige-100);
   }
-  ._teddy-card--beige-light_1p563_295:has(._teddy-card__action--disabled_1p563_51) {
+  ._teddy-card--beige-light_1hzu6_306:has(._teddy-card__action--disabled_1hzu6_51) {
     background-color: var(--teddy-color-background-interactive-disabled);
   }
-  ._teddy-card--product_1p563_309 {
+  ._teddy-card--product_1hzu6_320 {
     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";
@@ -1431,134 +1501,134 @@
     padding-bottom: var(--teddy-spacing-100);
     width: 100%;
   }
-  ._teddy-card--product_1p563_309:hover:has(._teddy-card__action_1p563_51:not(._teddy-card__action--disabled_1p563_51)) {
+  ._teddy-card--product_1hzu6_320:hover:has(._teddy-card__action_1hzu6_51:not(._teddy-card__action--disabled_1hzu6_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_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 {
+  ._teddy-card--product_1hzu6_320:hover:has(._teddy-card__action_1hzu6_51:not(._teddy-card__action--disabled_1hzu6_51)) ._teddy-card__carousel_1hzu6_64 .slick-slider .slick-arrow {
     display: block !important;
   }
-  ._teddy-card--product_1p563_309:active:has(._teddy-card__action_1p563_51:not(._teddy-card__action--disabled_1p563_51)) {
+  ._teddy-card--product_1hzu6_320:active:has(._teddy-card__action_1hzu6_51:not(._teddy-card__action--disabled_1hzu6_51)) {
     -webkit-tap-highlight-color: transparent;
   }
-  ._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)) {
+  ._teddy-card--product_1hzu6_320:active:has(._teddy-card__action_1hzu6_51:not(._teddy-card__action--disabled_1hzu6_51)):not(:has(._teddy-card__carousel_1hzu6_64:active)) {
     background-color: var(--teddy-color-background-interactive-transparent-active);
   }
-  ._teddy-card--product_1p563_309:has(._teddy-card__action--disabled_1p563_51) {
+  ._teddy-card--product_1hzu6_320:has(._teddy-card__action--disabled_1hzu6_51) {
     background-color: var(--teddy-color-background-interactive-disabled);
   }
-  ._teddy-card--product_1p563_309 ._teddy-card__action-wrapper_1p563_73 {
+  ._teddy-card--product_1hzu6_320 ._teddy-card__action-wrapper_1hzu6_73 {
     margin-bottom: var(--teddy-spacing-200);
   }
-  ._teddy-card--product_1p563_309 ._teddy-card__illustration_1p563_61 {
+  ._teddy-card--product_1hzu6_320 ._teddy-card__illustration_1hzu6_61 {
     height: 180px;
     display: grid;
     place-items: center;
     place-self: center;
     margin-bottom: var(--teddy-spacing-400);
   }
-  ._teddy-card--product_1p563_309 ._teddy-card__illustration_1p563_61 img {
+  ._teddy-card--product_1hzu6_320 ._teddy-card__illustration_1hzu6_61 img {
     max-width: 200px;
     max-height: 180px;
     object-fit: contain;
   }
-  ._teddy-card--product_1p563_309 ._teddy-card__carousel_1p563_64 .slick-slider .slick-arrow {
+  ._teddy-card--product_1hzu6_320 ._teddy-card__carousel_1hzu6_64 .slick-slider .slick-arrow {
     display: none !important;
   }
-  ._teddy-card--product_1p563_309 ._teddy-card__carousel_1p563_64 .slick-dots li {
+  ._teddy-card--product_1hzu6_320 ._teddy-card__carousel_1hzu6_64 .slick-dots li {
     min-width: 12px;
     width: initial !important;
     margin: 0 0.25rem !important;
   }
-  ._teddy-card--product_1p563_309 ._teddy-card__carousel_1p563_64 .slick-dots .slick-active {
+  ._teddy-card--product_1hzu6_320 ._teddy-card__carousel_1hzu6_64 .slick-dots .slick-active {
     min-width: 24px;
     width: initial !important;
   }
-  ._teddy-card--product_1p563_309 ._teddy-card__overline_1p563_79 {
+  ._teddy-card--product_1hzu6_320 ._teddy-card__overline_1hzu6_79 {
     margin-bottom: var(--teddy-spacing-50);
   }
-  ._teddy-card--product_1p563_309 ._teddy-card__heading_1p563_70 {
+  ._teddy-card--product_1hzu6_320 ._teddy-card__heading_1hzu6_70 {
     margin-bottom: var(--teddy-spacing-200);
   }
-  ._teddy-card--product_1p563_309 ._teddy-card__description_1p563_82 {
+  ._teddy-card--product_1hzu6_320 ._teddy-card__description_1hzu6_82 {
     margin-bottom: var(--teddy-spacing-200);
   }
-  ._teddy-card--product_1p563_309 ._teddy-card__content_1p563_67 {
+  ._teddy-card--product_1hzu6_320 ._teddy-card__content_1hzu6_67 {
     margin-bottom: var(--teddy-spacing-200);
   }
-  ._teddy-card--product_1p563_309 ._teddy-card__action_1p563_51 {
+  ._teddy-card--product_1hzu6_320 ._teddy-card__action_1hzu6_51 {
     margin-top: auto;
     margin-left: auto;
     justify-self: end;
   }
-  ._teddy-card--product_1p563_309 ._teddy-card__price_1p563_91 {
+  ._teddy-card--product_1hzu6_320 ._teddy-card__price_1hzu6_91 {
     display: flex;
   }
-  ._teddy-card--product_1p563_309 ._teddy-card__price--big_1p563_383 {
+  ._teddy-card--product_1hzu6_320 ._teddy-card__price--big_1hzu6_394 {
     font-size: var(--teddy-typography-scale-200);
   }
-  ._teddy-card_1p563_3:has(._teddy-card__image--as-background_1p563_386) {
+  ._teddy-card_1hzu6_3:has(._teddy-card__image--as-background_1hzu6_397) {
     background-color: transparent;
   }
-  ._teddy-card__heading_1p563_70 {
+  ._teddy-card__heading_1hzu6_70 {
     color: inherit;
   }
-  ._teddy-card--background-image_1p563_392 {
+  ._teddy-card--background-image_1hzu6_403 {
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center;
   }
-  ._teddy-card__illustration--rounded_1p563_397 {
+  ._teddy-card__illustration--rounded_1hzu6_408 {
     border-radius: inherit;
     overflow: hidden;
   }
-  ._teddy-card__inset_1p563_401 {
+  ._teddy-card__inset_1hzu6_412 {
     overflow: hidden;
   }
-  ._teddy-card__inset--top_1p563_404 {
+  ._teddy-card__inset--top_1hzu6_415 {
     margin-top: calc(var(--teddy-spacing-250) * -1);
   }
-  ._teddy-card__inset--top_1p563_404._teddy-card__inset--left_1p563_407 {
+  ._teddy-card__inset--top_1hzu6_415._teddy-card__inset--left_1hzu6_418 {
     border-top-left-radius: inherit;
   }
-  ._teddy-card__inset--top_1p563_404._teddy-card__inset--right_1p563_410 {
+  ._teddy-card__inset--top_1hzu6_415._teddy-card__inset--right_1hzu6_421 {
     border-top-right-radius: inherit;
   }
-  ._teddy-card__inset--bottom_1p563_413 {
+  ._teddy-card__inset--bottom_1hzu6_424 {
     margin-bottom: calc(var(--teddy-spacing-250) * -1);
   }
-  ._teddy-card__inset--bottom_1p563_413._teddy-card__inset--left_1p563_407 {
+  ._teddy-card__inset--bottom_1hzu6_424._teddy-card__inset--left_1hzu6_418 {
     border-bottom-left-radius: inherit;
   }
-  ._teddy-card__inset--bottom_1p563_413._teddy-card__inset--right_1p563_410 {
+  ._teddy-card__inset--bottom_1hzu6_424._teddy-card__inset--right_1hzu6_421 {
     border-bottom-right-radius: inherit;
   }
-  ._teddy-card__inset--left_1p563_407 {
+  ._teddy-card__inset--left_1hzu6_418 {
     margin-left: calc(var(--teddy-spacing-250) * -1);
   }
-  ._teddy-card__inset--right_1p563_410 {
+  ._teddy-card__inset--right_1hzu6_421 {
     margin-right: calc(var(--teddy-spacing-250) * -1);
   }
-  ._teddy-card__availability--badge_1p563_428 {
+  ._teddy-card__availability--badge_1hzu6_439 {
     margin-right: var(--teddy-spacing-150);
   }
-  ._teddy-card__availability--success_1p563_431 {
+  ._teddy-card__availability--success_1hzu6_442 {
     color: var(--teddy-color-text-status-success-strong);
   }
-  ._teddy-card__availability--warning_1p563_434 {
+  ._teddy-card__availability--warning_1hzu6_445 {
     color: var(--teddy-color-text-status-warning-strong);
   }
-  ._teddy-card__availability--error_1p563_437 {
+  ._teddy-card__availability--error_1hzu6_448 {
     color: var(--teddy-color-text-status-error-strong);
   }
-  ._teddy-card__availability--special_1p563_440 {
+  ._teddy-card__availability--special_1hzu6_451 {
     color: var(--teddy-color-text-status-special);
   }
-  ._teddy-card__availability--neutral_1p563_443 {
+  ._teddy-card__availability--neutral_1hzu6_454 {
     color: var(--teddy-color-text-status-neutral);
   }
-  ._teddy-card__availability--information_1p563_446 {
+  ._teddy-card__availability--information_1hzu6_457 {
     color: var(--teddy-color-text-status-info-strong);
   }
 }._teddy-flex_1ncy4_1 {