@telia/teddy 0.0.32 → 0.0.34

package/dist/style.css

@@ -1,326 +1,151 @@
-._teddy-progress-bar_1lq9i_1 {
-  background: var(--teddy-color-transparent-black-100);
-  overflow: hidden;
-  border-radius: 99999px;
-  height: 6px;
-  /* Fix overflow clipping in Safari */
-  /* https://gist.github.com/domske/b66047671c780a238b51c51ffde8d3a0 */
-  transform: translateZ(0);
-}
-._teddy-progress-bar_1lq9i_1 ._teddy-progress-bar__indicator_1lq9i_10 {
-  background-color: var(--teddy-color-purple-800);
-  width: 100%;
-  height: 100%;
-  animation: _slideInFromLeft_1lq9i_1 1s cubic-bezier(0.65, 0, 0.35, 1);
-}
-._teddy-progress-bar--dark_1lq9i_16 {
-  background: var(--teddy-color-transparent-white-100);
-}
-._teddy-progress-bar--dark_1lq9i_16 ._teddy-progress-bar__indicator_1lq9i_10 {
-  background-color: var(--teddy-color-purple-300);
+._teddy-flex_1ncy4_1 {
+  box-sizing: border-box;
 }
-@keyframes _slideInFromLeft_1lq9i_1 {
-  0% {
-    transform: translateX(-100%);
-  }
-}@layer icon {
-  ._teddy-icon_1rwgf_2 {
-    display: inline;
-    align-self: center;
-    fill: currentColor;
-  }
-  ._teddy-icon--font_1rwgf_7 {
-    width: 1em;
-    height: 1em;
-  }
-  ._teddy-icon--xxs_1rwgf_11 {
-    width: var(--teddy-spacing-150);
-    height: var(--teddy-spacing-150);
-  }
-  ._teddy-icon--xs_1rwgf_15 {
-    width: var(--teddy-spacing-200);
-    height: var(--teddy-spacing-200);
-  }
-  ._teddy-icon--sm_1rwgf_19 {
-    width: var(--teddy-spacing-250);
-    height: var(--teddy-spacing-250);
-  }
-  ._teddy-icon--md_1rwgf_23 {
-    width: var(--teddy-spacing-300);
-    height: var(--teddy-spacing-300);
-  }
-  ._teddy-icon--lg_1rwgf_27 {
-    width: var(--teddy-spacing-400);
-    height: var(--teddy-spacing-400);
-  }
-  ._teddy-icon--xl_1rwgf_31 {
-    width: var(--teddy-spacing-600);
-    height: var(--teddy-spacing-600);
-  }
-  ._teddy-icon-with-children_1rwgf_35 {
-    display: inline-flex;
-    align-items: center;
-    font-family: var(--teddy-typography-family-default);
-    gap: var(--teddy-spacing-100);
-  }
-}@layer text {
-  ._teddy-text_15w9u_2 {
-    color: inherit;
-    display: block;
-    margin: 0;
-    hyphens: none;
-  }
-  ._teddy-text--disabled_15w9u_8 {
-    color: var(--teddy-color-text-weak);
-  }
-  ._teddy-text--hyphens_15w9u_11 {
-    hyphens: auto;
-  }
-  ._teddy-text--paragraph-100_15w9u_14 {
-    font-family: var(--teddy-typography-family-default);
-    font-weight: var(--teddy-typography-weight-normal);
-    font-size: var(--teddy-typography-scale-100);
-    line-height: var(--teddy-typography-line-height-loose);
-  }
-  ._teddy-text--paragraph-100-medium_15w9u_20 {
-    font-family: var(--teddy-typography-family-default);
-    font-weight: var(--teddy-typography-weight-normal);
-    font-size: var(--teddy-typography-scale-100);
-    line-height: var(--teddy-typography-line-height-loose);
-    font-weight: var(--teddy-typography-weight-medium);
-  }
-  ._teddy-text--paragraph-100-bold_15w9u_27 {
-    font-family: var(--teddy-typography-family-default);
-    font-weight: var(--teddy-typography-weight-normal);
-    font-size: var(--teddy-typography-scale-100);
-    line-height: var(--teddy-typography-line-height-loose);
-    font-weight: var(--teddy-typography-weight-bold);
-  }
-  ._teddy-text--paragraph-200_15w9u_34 {
-    font-family: var(--teddy-typography-family-default);
-    font-weight: var(--teddy-typography-weight-normal);
-    font-size: var(--teddy-typography-scale-100);
-    line-height: var(--teddy-typography-line-height-looser);
-  }
-  ._teddy-text--preamble-100_15w9u_40 {
-    font-family: var(--teddy-typography-family-default);
-    font-weight: var(--teddy-typography-weight-normal);
-    font-size: var(--teddy-typography-scale-200);
-    line-height: var(--teddy-typography-line-height-loose);
-  }
-  ._teddy-text--preamble-200_15w9u_46 {
-    font-family: var(--teddy-typography-family-default);
-    font-weight: var(--teddy-typography-weight-normal);
-    font-size: clamp(var(--teddy-typography-scale-150), 3vw, var(--teddy-typography-scale-400));
-    line-height: var(--teddy-typography-line-height-loose);
-  }
-  ._teddy-text--additional-100_15w9u_52 {
-    font-family: var(--teddy-typography-family-default);
-    font-weight: var(--teddy-typography-weight-normal);
-    font-size: var(--teddy-typography-scale-75);
-    line-height: var(--teddy-typography-line-height-loose);
-  }
-  ._teddy-text--additional-100-medium_15w9u_58 {
-    font-family: var(--teddy-typography-family-default);
-    font-weight: var(--teddy-typography-weight-normal);
-    font-size: var(--teddy-typography-scale-75);
-    line-height: var(--teddy-typography-line-height-loose);
-    font-weight: var(--teddy-typography-weight-medium);
-  }
-  ._teddy-text--overline-100_15w9u_65 {
-    font-family: var(--teddy-typography-family-default);
-    font-size: var(--teddy-typography-scale-75);
-    letter-spacing: var(--teddy-spacing-10);
-    line-height: var(--teddy-typography-line-height-tight);
-    text-transform: uppercase;
-  }
-  ._teddy-text--overline-200_15w9u_72 {
-    font-family: var(--teddy-typography-family-default);
-    font-size: clamp(var(--teddy-typography-scale-75), 3vw, var(--teddy-typography-scale-100));
-    letter-spacing: var(--teddy-spacing-10);
-    line-height: var(--teddy-typography-line-height-tight);
-    text-transform: uppercase;
-  }
-}@layer heading {
-  ._teddy-heading_r8os0_2 {
-    color: var(--teddy-color-text-default);
-    display: block;
-    hyphens: none;
-    margin: 0;
-    max-width: 60ch;
-  }
-  ._teddy-heading--hyphens_r8os0_9 {
-    hyphens: auto;
-  }
-  ._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-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);
+
+@layer flex {
+  ._teddy-flex_1ncy4_1 {
+    display: flex;
   }
-  ._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);
+}@layer ribbon {
+  ._teddy-ribbon_14u2k_2 {
+    padding: var(--teddy-spacing-150);
+    width: 100%;
   }
-  ._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-ribbon--rounded_14u2k_6 {
+    border-radius: var(--teddy-border-radius-md);
   }
-  ._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-ribbon--backgroundColor-orange-100_14u2k_9 {
+    background-color: var(--teddy-color-orange-100);
   }
-  ._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-ribbon--backgroundColor-green-50_14u2k_12 {
+    background-color: var(--teddy-color-green-50);
   }
-  ._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-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-ribbon_14u2k_2 svg {
+    flex-shrink: 0;
+    margin-right: var(--teddy-spacing-100);
   }
-  ._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-ribbon--iconPlacement-top_14u2k_19 svg {
+    align-self: flex-start;
   }
-  ._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-ribbon--iconPlacement-center_14u2k_22 svg {
+    align-self: center;
   }
-  ._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-expandable-card_12yyw_1 {
+  display: flex;
+  flex-direction: column;
+  gap: var(--teddy-spacing-400);
+}
+._teddy-expandable-card__item_12yyw_6 {
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  border-radius: var(--teddy-border-radius-md);
+  border: var(--teddy-border-width-xs) solid var(--teddy-color-border-weak);
+  box-shadow: var(--teddy-shadow-sm);
+}
+._teddy-expandable-card__trigger_12yyw_14 {
+  border: unset;
+  display: flex;
+  flex-direction: column;
+  padding: var(--teddy-spacing-300);
+  font-family: inherit;
+  background-color: transparent;
+  width: 100%;
+  min-width: 2rem;
+  justify-content: space-between;
+  cursor: pointer;
+  transition-duration: var(--teddy-motion-duration-100);
+  transition-timing-function: var(--teddy-motion-easing-ease-in-out);
+  transition-property: background-color, color;
+  text-align: start;
+}
+._teddy-expandable-card__trigger_12yyw_14:hover {
+  background-color: var(--teddy-color-background-interactive-transparent-hover);
+}
+@media (prefers-reduced-motion: no-preference) {
+  ._teddy-expandable-card__trigger_12yyw_14:active {
+    background-color: var(--teddy-color-background-interactive-transparent-active);
   }
-  ._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-expandable-card__trigger_12yyw_14 ._teddy-expandable-card__indicator_12yyw_38 {
+  flex-shrink: 0;
+  transform: rotate(0);
+  margin-left: var(--teddy-spacing-100);
+  min-width: var(--teddy-spacing-300);
+  min-height: var(--teddy-spacing-300);
+}
+@media (prefers-reduced-motion: no-preference) {
+  ._teddy-expandable-card__trigger_12yyw_14 ._teddy-expandable-card__indicator_12yyw_38 {
+    transition: transform var(--teddy-motion-duration-300) var(--teddy-motion-easing-ease-in-out);
   }
-}._teddy-notabene_waflr_1 {
-  padding: var(--teddy-spacing-300);
+}
+._teddy-expandable-card__trigger_12yyw_14 ._teddy-expandable-card__hidden_12yyw_50 {
+  width: 100%;
+}
+._teddy-expandable-card__trigger_12yyw_14[data-state=open] {
+  padding-bottom: var(--teddy-spacing-0);
+}
+._teddy-expandable-card__trigger_12yyw_14[data-state=open] ._teddy-expandable-card__line_12yyw_56 {
+  margin-bottom: var(--teddy-spacing-0);
+}
+._teddy-expandable-card__trigger_12yyw_14[data-state=open] ._teddy-expandable-card__content_12yyw_59 {
+  padding-top: var(--teddy-spacing-200);
+}
+._teddy-expandable-card__trigger_12yyw_14[data-state=open] ._teddy-expandable-card__indicator_12yyw_38 {
+  transform: rotate(180deg);
+}
+._teddy-expandable-card__trigger_12yyw_14[data-state=open] ._teddy-expandable-card__hidden_12yyw_50 {
+  display: none;
+}
+._teddy-expandable-card__description_12yyw_68 {
   display: flex;
+  justify-content: space-between;
+  flex-grow: 1;
   flex-direction: column;
-  gap: var(--teddy-spacing-150);
-  background-color: var(--teddy-color-background-status-warning);
-  color: var(--teddy-color-text-default);
-}
-._teddy-notabene__icon_waflr_9, ._teddy-notabene__heading_waflr_9 {
-  color: var(--teddy-color-orange-600);
 }
 @media (min-width: 600px) {
-  ._teddy-notabene_waflr_1 {
-    padding: var(--teddy-spacing-400);
+  ._teddy-expandable-card__description_12yyw_68 {
     flex-direction: row;
-    gap: var(--teddy-spacing-300);
   }
-}._teddy-tooltip__content_14d9w_1 {
-  box-sizing: border-box;
-  max-width: calc(17rem * var(--teddy-rescale));
-  border-radius: var(--teddy-border-radius-md);
-  padding: var(--teddy-spacing-150);
-  user-select: none;
-  animation-duration: var(--teddy-motion-duration-400);
-  animation-timing-function: var(--teddy-motion-easing-ease-out);
-  will-change: transform, opacity;
-  background-color: var(--teddy-color-background-tone-on-tone-primary);
-  color: var(--teddy-color-text-tone-on-tone-primary);
 }
-._teddy-tooltip__content_14d9w_1._teddy-tooltip--negative_14d9w_13 {
-  background-color: var(--teddy-color-background-tone-on-tone-secondary);
-  color: var(--teddy-color-text-tone-on-tone-secondary);
+._teddy-expandable-card__price_12yyw_79 {
+  display: flex;
+  align-items: center;
 }
-._teddy-tooltip__arrow_14d9w_17 {
-  fill: var(--teddy-color-background-tone-on-tone-primary);
+._teddy-expandable-card__header_12yyw_83 {
+  display: flex;
+  width: 100%;
 }
-._teddy-tooltip--negative_14d9w_13 ._teddy-tooltip__arrow_14d9w_17 {
-  fill: var(--teddy-color-background-tone-on-tone-secondary);
+._teddy-expandable-card__line_12yyw_56 {
+  border: 0;
+  border-top: var(--teddy-border-width-xs) solid var(--teddy-color-border-weak);
 }
-@media (prefers-reduced-motion: no-preference) {
-  ._teddy-tooltip__content_14d9w_1[data-state=delayed-open][data-side=top] {
-    animation-name: _slideDownAndFade_14d9w_1;
-  }
-  ._teddy-tooltip__content_14d9w_1[data-state=delayed-open][data-side=right] {
-    animation-name: _slideLeftAndFade_14d9w_1;
-  }
-  ._teddy-tooltip__content_14d9w_1[data-state=delayed-open][data-side=bottom] {
-    animation-name: _slideUpAndFade_14d9w_1;
-  }
-  ._teddy-tooltip__content_14d9w_1[data-state=delayed-open][data-side=left] {
-    animation-name: _slideRightAndFade_14d9w_1;
-  }
+._teddy-expandable-card__slot_12yyw_91 {
+  display: flex;
+  gap: var(--teddy-spacing-150);
+  transform: translateY(0%);
+}
+._teddy-expandable-card__slot--center_12yyw_96 {
+  transform: translate(-50%, -10%);
+}
+._teddy-expandable-card__slot--bottom_12yyw_99._teddy-expandable-card__slot--center_12yyw_96 {
+  transform: translate(-50%, 10%);
 }
-
-@keyframes _slideUpAndFade_14d9w_1 {
-  from {
-    opacity: 0;
-    transform: translateY(2px);
-    scale: 0.9;
-  }
-  to {
-    opacity: 1;
-    transform: translateY(0);
-  }
+._teddy-expandable-card__content_12yyw_59 {
+  overflow: hidden;
+  padding: var(--teddy-spacing-300);
 }
-@keyframes _slideRightAndFade_14d9w_1 {
-  from {
-    opacity: 0;
-    scale: 0.9;
-    transform: translateX(-2px);
-  }
-  to {
-    opacity: 1;
-    transform: translateX(0);
-  }
+._teddy-expandable-card__content_12yyw_59[data-state=open] {
+  padding-top: var(--teddy-spacing-200);
 }
-@keyframes _slideDownAndFade_14d9w_1 {
-  from {
-    opacity: 0;
-    scale: 0.9;
-    transform: translateY(-2px);
-  }
-  to {
-    opacity: 1;
-    transform: translateY(0);
-  }
+._teddy-expandable-card__content_12yyw_59 > *:not(:first-child) {
+  margin-top: var(--teddy-spacing-200);
 }
-@keyframes _slideLeftAndFade_14d9w_1 {
-  from {
-    opacity: 0;
-    scale: 0.9;
-    transform: translateX(2px);
-  }
-  to {
-    opacity: 1;
-    transform: translateX(0);
-  }
+._teddy-expandable-card__button--right_12yyw_112 {
+  float: right;
+}
+._teddy-expandable-card__button--left_12yyw_115 {
+  float: left;
 }._teddy-spinner--xxs_ywden_1 {
   height: var(--teddy-spacing-250);
   width: var(--teddy-spacing-250);
@@ -458,260 +283,547 @@
     background-color: var(--teddy-color-background-interactive-primary);
     color: var(--teddy-color-text-interactive-on-primary);
   }
-  ._teddy-button--primary_aswkh_74:hover:not(._teddy-button--disabled_aswkh_78) {
-    background-color: var(--teddy-color-background-interactive-primary-hover);
+  ._teddy-button--primary_aswkh_74:hover:not(._teddy-button--disabled_aswkh_78) {
+    background-color: var(--teddy-color-background-interactive-primary-hover);
+  }
+  ._teddy-button--primary_aswkh_74:active:not(._teddy-button--disabled_aswkh_78) {
+    background-color: var(--teddy-color-background-interactive-primary-active);
+  }
+  ._teddy-button--primary-negative_aswkh_84 {
+    background-color: var(--teddy-color-background-interactive-primary-negative);
+    color: var(--teddy-color-text-interactive-on-primary-negative);
+  }
+  ._teddy-button--primary-negative_aswkh_84:hover:not(._teddy-button--disabled_aswkh_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_aswkh_84:active:not(._teddy-button--disabled_aswkh_78) {
+    background-color: var(--teddy-color-background-interactive-primary-negative-active);
+    border-color: var(--teddy-color-background-interactive-primary-negative-active);
+  }
+  ._teddy-button--secondary_aswkh_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-button--secondary_aswkh_96:hover:not(._teddy-button--disabled_aswkh_78) {
+    background-color: var(--teddy-color-background-interactive-transparent-hover);
+  }
+  ._teddy-button--secondary_aswkh_96:active:not(._teddy-button--disabled_aswkh_78) {
+    background-color: var(--teddy-color-background-interactive-transparent-active);
+  }
+  ._teddy-button--secondary-negative_aswkh_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-button--secondary-negative_aswkh_107:hover:not(._teddy-button--disabled_aswkh_78) {
+    background-color: var(--teddy-color-background-interactive-transparent-negative-hover);
+  }
+  ._teddy-button--secondary-negative_aswkh_107:active:not(._teddy-button--disabled_aswkh_78) {
+    background-color: var(--teddy-color-background-interactive-transparent-negative-active);
+  }
+  ._teddy-button--expressive_aswkh_118 {
+    background-color: var(--teddy-color-background-interactive-expressive);
+    color: var(--teddy-color-text-interactive-on-expressive);
+  }
+  ._teddy-button--expressive_aswkh_118:hover:not(._teddy-button--disabled_aswkh_78) {
+    background-color: var(--teddy-color-background-interactive-expressive-hover);
+  }
+  ._teddy-button--expressive_aswkh_118:active:not(._teddy-button--disabled_aswkh_78) {
+    background-color: var(--teddy-color-background-interactive-expressive-active);
+  }
+  ._teddy-button--expressive-negative_aswkh_128 {
+    background-color: var(--teddy-color-background-interactive-expressive-negative);
+    color: var(--teddy-color-text-interactive-on-expressive-negative);
+  }
+  ._teddy-button--expressive-negative_aswkh_128:hover:not(._teddy-button--disabled_aswkh_78) {
+    background-color: var(--teddy-color-background-interactive-expressive-negative-hover);
+    color: var(--teddy-color-text-interactive-on-expressive-negative-hover);
+  }
+  ._teddy-button--expressive-negative_aswkh_128:active:not(._teddy-button--disabled_aswkh_78) {
+    background-color: var(--teddy-color-background-interactive-expressive-negative-active);
+    color: var(--teddy-color-text-interactive-on-expressive-negative-active);
+  }
+  ._teddy-button--negative_aswkh_140._teddy-button--disabled_aswkh_78 {
+    background-color: var(--teddy-color-background-interactive-disabled-negative);
+    color: var(--teddy-color-text-weak-negative);
+  }
+  ._teddy-button--secondary_aswkh_96._teddy-button--disabled_aswkh_78, ._teddy-button--secondary-negative_aswkh_107._teddy-button--disabled_aswkh_78 {
+    box-shadow: none;
+  }
+  ._teddy-button--destructive_aswkh_147 {
+    background-color: var(--teddy-color-background-interactive-destructive);
+    color: var(--teddy-color-text-interactive-on-destructive);
+  }
+  ._teddy-button--destructive_aswkh_147:hover:not(._teddy-button--disabled_aswkh_78) {
+    background-color: var(--teddy-color-background-interactive-destructive-hover);
+  }
+  ._teddy-button--destructive_aswkh_147:active:not(._teddy-button--disabled_aswkh_78) {
+    background-color: var(--teddy-color-background-interactive-destructive-active);
+  }
+  ._teddy-button--destructive-negative_aswkh_157 {
+    background-color: var(--teddy-color-background-interactive-destructive);
+    color: var(--teddy-color-text-interactive-on-destructive);
+  }
+  ._teddy-button--destructive-negative_aswkh_157:hover:not(._teddy-button--disabled_aswkh_78) {
+    background-color: var(--teddy-color-background-interactive-destructive-hover);
+  }
+  ._teddy-button--destructive-negative_aswkh_157:active:not(._teddy-button--disabled_aswkh_78) {
+    background-color: var(--teddy-color-background-interactive-destructive-active);
+  }
+  ._teddy-button--tertiary-purple_aswkh_167 {
+    background-color: var(--teddy-color-background-interactive-transparent);
+    color: var(--teddy-color-text-interactive-primary);
+  }
+  ._teddy-button--tertiary-purple_aswkh_167._teddy-button--disabled_aswkh_78 {
+    background-color: var(--teddy-color-background-interactive-transparent);
+  }
+  ._teddy-button--tertiary-purple_aswkh_167:hover:not(._teddy-button--disabled_aswkh_78) {
+    background-color: var(--teddy-color-background-interactive-transparent-hover);
+  }
+  ._teddy-button--tertiary-purple_aswkh_167:active:not(._teddy-button--disabled_aswkh_78) {
+    background-color: var(--teddy-color-background-interactive-transparent-active);
+  }
+  ._teddy-button--tertiary-purple-negative_aswkh_180 {
+    background-color: var(--teddy-color-background-interactive-transparent);
+    color: var(--teddy-color-text-interactive-primary-negative);
+  }
+  ._teddy-button--tertiary-purple-negative_aswkh_180._teddy-button--disabled_aswkh_78 {
+    background-color: var(--teddy-color-background-interactive-transparent);
+  }
+  ._teddy-button--tertiary-purple-negative_aswkh_180:hover:not(._teddy-button--disabled_aswkh_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_aswkh_180:active:not(._teddy-button--disabled_aswkh_78) {
+    background-color: var(--teddy-color-background-interactive-transparent-negative-active);
+    color: var(--teddy-color-text-interactive-primary-negative-active);
+  }
+  ._teddy-button--list-item_aswkh_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-button--list-item_aswkh_195._teddy-button--disabled_aswkh_78 {
+    background-color: var(--teddy-color-background-interactive-transparent);
+    color: var(--teddy-color-text-weak);
+  }
+  ._teddy-button--list-item_aswkh_195:hover:not(._teddy-button--disabled_aswkh_78) {
+    background-color: var(--teddy-color-background-secondary);
+  }
+  ._teddy-button--list-item_aswkh_195:active:not(._teddy-button--disabled_aswkh_78) {
+    background-color: var(--teddy-color-background-interactive-transparent-active);
+  }
+  ._teddy-button--text-negative_aswkh_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_aswkh_214:focus-visible::before {
+    border-radius: 0;
+  }
+  ._teddy-button--text-negative_aswkh_214._teddy-button--disabled_aswkh_78 {
+    background-color: var(--teddy-color-background-interactive-transparent);
+  }
+  ._teddy-button--text-negative_aswkh_214:hover:not(._teddy-button--disabled_aswkh_78) {
+    background-color: var(--teddy-color-background-interactive-transparent-negative-hover);
+    color: var(--teddy-color-text-interactive-primary-negative-hover);
+  }
+  ._teddy-button--text-negative_aswkh_214:active:not(._teddy-button--disabled_aswkh_78) {
+    background-color: var(--teddy-color-background-interactive-transparent-negative-active);
+    color: var(--teddy-color-text-interactive-primary-negative-active);
+  }
+  ._teddy-button--text_aswkh_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_aswkh_214:focus-visible::before {
+    border-radius: 0;
+  }
+  ._teddy-button--text_aswkh_214._teddy-button--disabled_aswkh_78 {
+    background-color: var(--teddy-color-background-interactive-transparent);
+    color: var(--teddy-color-text-weak);
+  }
+  ._teddy-button--text_aswkh_214:hover:not(._teddy-button--disabled_aswkh_78) {
+    background-color: var(--teddy-color-background-interactive-transparent-hover);
+  }
+  ._teddy-button--text_aswkh_214:active:not(._teddy-button--disabled_aswkh_78) {
+    background-color: var(--teddy-color-background-interactive-transparent-active);
+  }
+  ._teddy-button--disabled_aswkh_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__loading_aswkh_261 {
+    position: absolute;
+    inset: 0;
+    display: grid;
+    place-items: center;
+    border-radius: inherit;
+    background-color: var(--teddy-color-transparent-white-500);
+    animation: _fadeInAnimation_aswkh_1 ease var(--teddy-motion-duration-500);
+    animation-iteration-count: 1;
+    animation-fill-mode: forwards;
+  }
+  ._teddy-button__loading_aswkh_261 ._teddy-button__spinner_aswkh_272 circle {
+    stroke: var(--teddy-color-transparent-black-700);
+  }
+  ._teddy-button--icon-only_aswkh_56 ._teddy-button__loading_aswkh_261 {
+    background-color: var(--teddy-color-gray-100);
+  }
+}._teddy-color-dot_cywb7_1 {
+  border-radius: var(--teddy-border-radius-full);
+  height: var(--size);
+  width: var(--size);
+  display: block;
+}
+._teddy-color-dot--xs_cywb7_7 {
+  --size: var(--teddy-spacing-150);
+}
+._teddy-color-dot--sm_cywb7_10 {
+  --size: var(--teddy-spacing-300);
+}
+._teddy-color-dot--md_cywb7_13 {
+  --size: var(--teddy-spacing-400);
+}
+._teddy-color-dot--lg_cywb7_16 {
+  --size: var(--teddy-spacing-600);
+}
+._teddy-color-dot--bordered_cywb7_19 {
+  --border-width: var(--teddy-border-width-xs);
+  box-shadow: 0 0 0 var(--border-width) var(--teddy-color-border-medium);
+  height: calc(var(--size) - var(--border-width) * 2);
+  margin: var(--border-width);
+  width: calc(var(--size) - var(--border-width) * 2);
+}._teddy-progress-bar_1lq9i_1 {
+  background: var(--teddy-color-transparent-black-100);
+  overflow: hidden;
+  border-radius: 99999px;
+  height: 6px;
+  /* Fix overflow clipping in Safari */
+  /* https://gist.github.com/domske/b66047671c780a238b51c51ffde8d3a0 */
+  transform: translateZ(0);
+}
+._teddy-progress-bar_1lq9i_1 ._teddy-progress-bar__indicator_1lq9i_10 {
+  background-color: var(--teddy-color-purple-800);
+  width: 100%;
+  height: 100%;
+  animation: _slideInFromLeft_1lq9i_1 1s cubic-bezier(0.65, 0, 0.35, 1);
+}
+._teddy-progress-bar--dark_1lq9i_16 {
+  background: var(--teddy-color-transparent-white-100);
+}
+._teddy-progress-bar--dark_1lq9i_16 ._teddy-progress-bar__indicator_1lq9i_10 {
+  background-color: var(--teddy-color-purple-300);
+}
+@keyframes _slideInFromLeft_1lq9i_1 {
+  0% {
+    transform: translateX(-100%);
+  }
+}._teddy-notabene_1dybk_1 {
+  padding: var(--teddy-spacing-300);
+  display: flex;
+  flex-direction: column;
+  gap: var(--teddy-spacing-150);
+  background-color: var(--teddy-color-background-status-warning);
+  color: var(--teddy-color-text-default);
+}
+._teddy-notabene__icon_1dybk_9, ._teddy-notabene__heading_1dybk_9 {
+  color: var(--teddy-color-orange-600);
+  align-self: flex-start;
+}
+@media (min-width: 600px) {
+  ._teddy-notabene_1dybk_1 {
+    padding: var(--teddy-spacing-400);
+    flex-direction: row;
+    gap: var(--teddy-spacing-300);
   }
-  ._teddy-button--primary_aswkh_74:active:not(._teddy-button--disabled_aswkh_78) {
-    background-color: var(--teddy-color-background-interactive-primary-active);
+}@layer heading {
+  ._teddy-heading_r8os0_2 {
+    color: var(--teddy-color-text-default);
+    display: block;
+    hyphens: none;
+    margin: 0;
+    max-width: 60ch;
   }
-  ._teddy-button--primary-negative_aswkh_84 {
-    background-color: var(--teddy-color-background-interactive-primary-negative);
-    color: var(--teddy-color-text-interactive-on-primary-negative);
+  ._teddy-heading--hyphens_r8os0_9 {
+    hyphens: auto;
   }
-  ._teddy-button--primary-negative_aswkh_84:hover:not(._teddy-button--disabled_aswkh_78) {
-    background-color: var(--teddy-color-background-interactive-primary-negative-hover);
-    border-color: var(--teddy-color-background-interactive-primary-negative-hover);
+  ._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--primary-negative_aswkh_84:active:not(._teddy-button--disabled_aswkh_78) {
-    background-color: var(--teddy-color-background-interactive-primary-negative-active);
-    border-color: var(--teddy-color-background-interactive-primary-negative-active);
+  ._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--secondary_aswkh_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-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--secondary_aswkh_96:hover:not(._teddy-button--disabled_aswkh_78) {
-    background-color: var(--teddy-color-background-interactive-transparent-hover);
+  ._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--secondary_aswkh_96:active:not(._teddy-button--disabled_aswkh_78) {
-    background-color: var(--teddy-color-background-interactive-transparent-active);
+  ._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--secondary-negative_aswkh_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-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--secondary-negative_aswkh_107:hover:not(._teddy-button--disabled_aswkh_78) {
-    background-color: var(--teddy-color-background-interactive-transparent-negative-hover);
+  ._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--secondary-negative_aswkh_107:active:not(._teddy-button--disabled_aswkh_78) {
-    background-color: var(--teddy-color-background-interactive-transparent-negative-active);
+  ._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--expressive_aswkh_118 {
-    background-color: var(--teddy-color-background-interactive-expressive);
-    color: var(--teddy-color-text-interactive-on-expressive);
+  ._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--expressive_aswkh_118:hover:not(._teddy-button--disabled_aswkh_78) {
-    background-color: var(--teddy-color-background-interactive-expressive-hover);
+  ._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--expressive_aswkh_118:active:not(._teddy-button--disabled_aswkh_78) {
-    background-color: var(--teddy-color-background-interactive-expressive-active);
+  ._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-button--expressive-negative_aswkh_128 {
-    background-color: var(--teddy-color-background-interactive-expressive-negative);
-    color: var(--teddy-color-text-interactive-on-expressive-negative);
+  ._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-button--expressive-negative_aswkh_128:hover:not(._teddy-button--disabled_aswkh_78) {
-    background-color: var(--teddy-color-background-interactive-expressive-negative-hover);
-    color: var(--teddy-color-text-interactive-on-expressive-negative-hover);
+}@layer icon {
+  ._teddy-icon_1rwgf_2 {
+    display: inline;
+    align-self: center;
+    fill: currentColor;
   }
-  ._teddy-button--expressive-negative_aswkh_128:active:not(._teddy-button--disabled_aswkh_78) {
-    background-color: var(--teddy-color-background-interactive-expressive-negative-active);
-    color: var(--teddy-color-text-interactive-on-expressive-negative-active);
+  ._teddy-icon--font_1rwgf_7 {
+    width: 1em;
+    height: 1em;
   }
-  ._teddy-button--negative_aswkh_140._teddy-button--disabled_aswkh_78 {
-    background-color: var(--teddy-color-background-interactive-disabled-negative);
-    color: var(--teddy-color-text-weak-negative);
+  ._teddy-icon--xxs_1rwgf_11 {
+    width: var(--teddy-spacing-150);
+    height: var(--teddy-spacing-150);
   }
-  ._teddy-button--secondary_aswkh_96._teddy-button--disabled_aswkh_78, ._teddy-button--secondary-negative_aswkh_107._teddy-button--disabled_aswkh_78 {
-    box-shadow: none;
+  ._teddy-icon--xs_1rwgf_15 {
+    width: var(--teddy-spacing-200);
+    height: var(--teddy-spacing-200);
   }
-  ._teddy-button--destructive_aswkh_147 {
-    background-color: var(--teddy-color-background-interactive-destructive);
-    color: var(--teddy-color-text-interactive-on-destructive);
+  ._teddy-icon--sm_1rwgf_19 {
+    width: var(--teddy-spacing-250);
+    height: var(--teddy-spacing-250);
   }
-  ._teddy-button--destructive_aswkh_147:hover:not(._teddy-button--disabled_aswkh_78) {
-    background-color: var(--teddy-color-background-interactive-destructive-hover);
+  ._teddy-icon--md_1rwgf_23 {
+    width: var(--teddy-spacing-300);
+    height: var(--teddy-spacing-300);
   }
-  ._teddy-button--destructive_aswkh_147:active:not(._teddy-button--disabled_aswkh_78) {
-    background-color: var(--teddy-color-background-interactive-destructive-active);
+  ._teddy-icon--lg_1rwgf_27 {
+    width: var(--teddy-spacing-400);
+    height: var(--teddy-spacing-400);
   }
-  ._teddy-button--destructive-negative_aswkh_157 {
-    background-color: var(--teddy-color-background-interactive-destructive);
-    color: var(--teddy-color-text-interactive-on-destructive);
+  ._teddy-icon--xl_1rwgf_31 {
+    width: var(--teddy-spacing-600);
+    height: var(--teddy-spacing-600);
   }
-  ._teddy-button--destructive-negative_aswkh_157:hover:not(._teddy-button--disabled_aswkh_78) {
-    background-color: var(--teddy-color-background-interactive-destructive-hover);
+  ._teddy-icon-with-children_1rwgf_35 {
+    display: inline-flex;
+    align-items: center;
+    font-family: var(--teddy-typography-family-default);
+    gap: var(--teddy-spacing-100);
   }
-  ._teddy-button--destructive-negative_aswkh_157:active:not(._teddy-button--disabled_aswkh_78) {
-    background-color: var(--teddy-color-background-interactive-destructive-active);
+}._teddy-tooltip__content_14d9w_1 {
+  box-sizing: border-box;
+  max-width: calc(17rem * var(--teddy-rescale));
+  border-radius: var(--teddy-border-radius-md);
+  padding: var(--teddy-spacing-150);
+  user-select: none;
+  animation-duration: var(--teddy-motion-duration-400);
+  animation-timing-function: var(--teddy-motion-easing-ease-out);
+  will-change: transform, opacity;
+  background-color: var(--teddy-color-background-tone-on-tone-primary);
+  color: var(--teddy-color-text-tone-on-tone-primary);
+}
+._teddy-tooltip__content_14d9w_1._teddy-tooltip--negative_14d9w_13 {
+  background-color: var(--teddy-color-background-tone-on-tone-secondary);
+  color: var(--teddy-color-text-tone-on-tone-secondary);
+}
+._teddy-tooltip__arrow_14d9w_17 {
+  fill: var(--teddy-color-background-tone-on-tone-primary);
+}
+._teddy-tooltip--negative_14d9w_13 ._teddy-tooltip__arrow_14d9w_17 {
+  fill: var(--teddy-color-background-tone-on-tone-secondary);
+}
+@media (prefers-reduced-motion: no-preference) {
+  ._teddy-tooltip__content_14d9w_1[data-state=delayed-open][data-side=top] {
+    animation-name: _slideDownAndFade_14d9w_1;
   }
-  ._teddy-button--tertiary-purple_aswkh_167 {
-    background-color: var(--teddy-color-background-interactive-transparent);
-    color: var(--teddy-color-text-interactive-primary);
+  ._teddy-tooltip__content_14d9w_1[data-state=delayed-open][data-side=right] {
+    animation-name: _slideLeftAndFade_14d9w_1;
   }
-  ._teddy-button--tertiary-purple_aswkh_167._teddy-button--disabled_aswkh_78 {
-    background-color: var(--teddy-color-background-interactive-transparent);
+  ._teddy-tooltip__content_14d9w_1[data-state=delayed-open][data-side=bottom] {
+    animation-name: _slideUpAndFade_14d9w_1;
   }
-  ._teddy-button--tertiary-purple_aswkh_167:hover:not(._teddy-button--disabled_aswkh_78) {
-    background-color: var(--teddy-color-background-interactive-transparent-hover);
+  ._teddy-tooltip__content_14d9w_1[data-state=delayed-open][data-side=left] {
+    animation-name: _slideRightAndFade_14d9w_1;
   }
-  ._teddy-button--tertiary-purple_aswkh_167:active:not(._teddy-button--disabled_aswkh_78) {
-    background-color: var(--teddy-color-background-interactive-transparent-active);
+}
+
+@keyframes _slideUpAndFade_14d9w_1 {
+  from {
+    opacity: 0;
+    transform: translateY(2px);
+    scale: 0.9;
   }
-  ._teddy-button--tertiary-purple-negative_aswkh_180 {
-    background-color: var(--teddy-color-background-interactive-transparent);
-    color: var(--teddy-color-text-interactive-primary-negative);
+  to {
+    opacity: 1;
+    transform: translateY(0);
   }
-  ._teddy-button--tertiary-purple-negative_aswkh_180._teddy-button--disabled_aswkh_78 {
-    background-color: var(--teddy-color-background-interactive-transparent);
+}
+@keyframes _slideRightAndFade_14d9w_1 {
+  from {
+    opacity: 0;
+    scale: 0.9;
+    transform: translateX(-2px);
   }
-  ._teddy-button--tertiary-purple-negative_aswkh_180:hover:not(._teddy-button--disabled_aswkh_78) {
-    background-color: var(--teddy-color-background-interactive-transparent-negative-hover);
-    color: var(--teddy-color-text-interactive-primary-negative-hover);
+  to {
+    opacity: 1;
+    transform: translateX(0);
   }
-  ._teddy-button--tertiary-purple-negative_aswkh_180:active:not(._teddy-button--disabled_aswkh_78) {
-    background-color: var(--teddy-color-background-interactive-transparent-negative-active);
-    color: var(--teddy-color-text-interactive-primary-negative-active);
+}
+@keyframes _slideDownAndFade_14d9w_1 {
+  from {
+    opacity: 0;
+    scale: 0.9;
+    transform: translateY(-2px);
   }
-  ._teddy-button--list-item_aswkh_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;
+  to {
+    opacity: 1;
+    transform: translateY(0);
   }
-  ._teddy-button--list-item_aswkh_195._teddy-button--disabled_aswkh_78 {
-    background-color: var(--teddy-color-background-interactive-transparent);
-    color: var(--teddy-color-text-weak);
+}
+@keyframes _slideLeftAndFade_14d9w_1 {
+  from {
+    opacity: 0;
+    scale: 0.9;
+    transform: translateX(2px);
   }
-  ._teddy-button--list-item_aswkh_195:hover:not(._teddy-button--disabled_aswkh_78) {
-    background-color: var(--teddy-color-background-secondary);
+  to {
+    opacity: 1;
+    transform: translateX(0);
   }
-  ._teddy-button--list-item_aswkh_195:active:not(._teddy-button--disabled_aswkh_78) {
-    background-color: var(--teddy-color-background-interactive-transparent-active);
+}@layer list {
+  ._teddy-list_1fpoz_2 {
+    padding: 0;
+    margin: 0;
+    gap: var(--teddy-spacing-300);
+    flex-wrap: wrap;
   }
-  ._teddy-button--text-negative_aswkh_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-list__illustration_1fpoz_8 {
+    flex: 0 0 auto;
+    width: fit-content;
   }
-  ._teddy-button--text-negative_aswkh_214:focus-visible::before {
-    border-radius: 0;
+  ._teddy-list__illustration--icon_1fpoz_12 {
+    padding: var(--teddy-spacing-200);
+    display: grid;
+    place-items: center;
+    border-radius: var(--teddy-border-radius-full);
   }
-  ._teddy-button--text-negative_aswkh_214._teddy-button--disabled_aswkh_78 {
-    background-color: var(--teddy-color-background-interactive-transparent);
+  ._teddy-list__illustration--icon-white_1fpoz_18 {
+    background-color: var(--teddy-color-background-primary);
   }
-  ._teddy-button--text-negative_aswkh_214:hover:not(._teddy-button--disabled_aswkh_78) {
-    background-color: var(--teddy-color-background-interactive-transparent-negative-hover);
-    color: var(--teddy-color-text-interactive-primary-negative-hover);
+  ._teddy-list__illustration--icon-purple_1fpoz_21 {
+    background-color: var(--teddy-color-brand-deep-purple);
+    color: var(--teddy-color-text-default-negative);
   }
-  ._teddy-button--text-negative_aswkh_214:active:not(._teddy-button--disabled_aswkh_78) {
-    background-color: var(--teddy-color-background-interactive-transparent-negative-active);
-    color: var(--teddy-color-text-interactive-primary-negative-active);
+  ._teddy-list__illustration--icon-gray_1fpoz_25 {
+    background-color: var(--teddy-color-background-secondary);
   }
-  ._teddy-button--text_aswkh_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-list__illustration--icon-beige_1fpoz_28 {
+    background-color: var(--teddy-color-brand-beige);
   }
-  ._teddy-button--text_aswkh_214:focus-visible::before {
-    border-radius: 0;
+  ._teddy-list--vertical_1fpoz_31 {
+    flex-direction: column;
   }
-  ._teddy-button--text_aswkh_214._teddy-button--disabled_aswkh_78 {
-    background-color: var(--teddy-color-background-interactive-transparent);
-    color: var(--teddy-color-text-weak);
+  ._teddy-list--vertical_1fpoz_31 ._teddy-list__item_1fpoz_34 {
+    align-items: center;
+    gap: var(--teddy-spacing-150);
   }
-  ._teddy-button--text_aswkh_214:hover:not(._teddy-button--disabled_aswkh_78) {
-    background-color: var(--teddy-color-background-interactive-transparent-hover);
+  ._teddy-list--vertical_1fpoz_31._teddy-list--subcomponent_1fpoz_38 {
+    gap: var(--teddy-spacing-200);
   }
-  ._teddy-button--text_aswkh_214:active:not(._teddy-button--disabled_aswkh_78) {
-    background-color: var(--teddy-color-background-interactive-transparent-active);
+  ._teddy-list--horizontal_1fpoz_41 {
+    flex-direction: column;
   }
-  ._teddy-button--disabled_aswkh_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-list--horizontal_1fpoz_41 ._teddy-list__item_1fpoz_34 {
+    flex-direction: row;
+    gap: var(--teddy-spacing-100);
   }
-  ._teddy-button__loading_aswkh_261 {
-    position: absolute;
-    inset: 0;
-    display: grid;
-    place-items: center;
-    border-radius: inherit;
-    background-color: var(--teddy-color-transparent-white-500);
-    animation: _fadeInAnimation_aswkh_1 ease var(--teddy-motion-duration-500);
-    animation-iteration-count: 1;
-    animation-fill-mode: forwards;
+  @media (min-width: 600px) {
+    ._teddy-list--horizontal_1fpoz_41 {
+      flex-direction: row;
+    }
+    ._teddy-list--horizontal_1fpoz_41 ._teddy-list__item_1fpoz_34 {
+      flex: 1;
+      flex-direction: column;
+    }
   }
-  ._teddy-button__loading_aswkh_261 ._teddy-button__spinner_aswkh_272 circle {
-    stroke: var(--teddy-color-transparent-black-700);
+  ._teddy-list--horizontal_1fpoz_41._teddy-list--subcomponent_1fpoz_38 {
+    flex-direction: row;
+    gap: var(--teddy-spacing-100);
   }
-  ._teddy-button--icon-only_aswkh_56 ._teddy-button__loading_aswkh_261 {
-    background-color: var(--teddy-color-gray-100);
+  ._teddy-list--horizontal_1fpoz_41._teddy-list--subcomponent_1fpoz_38 ._teddy-list__item_1fpoz_34 {
+    flex: 0;
+    flex-direction: column;
   }
-}._teddy-flex_1ncy4_1 {
-  box-sizing: border-box;
-}
-
-@layer flex {
-  ._teddy-flex_1ncy4_1 {
+  ._teddy-list__item_1fpoz_34 {
+    list-style-type: none;
     display: flex;
   }
-}._teddy-list__illustration_7z0zv_1 {
-  flex: 0 0 auto;
-  width: fit-content;
-}
-._teddy-list__illustration--icon_7z0zv_5 {
-  padding: var(--teddy-spacing-200);
-  display: grid;
-  place-items: center;
-  border-radius: var(--teddy-border-radius-full);
-}
-._teddy-list__illustration--icon-white_7z0zv_11 {
-  background-color: var(--teddy-color-background-primary);
-}
-._teddy-list__illustration--icon-purple_7z0zv_14 {
-  background-color: var(--teddy-color-brand-deep-purple);
-  color: var(--teddy-color-text-default-negative);
-}
-._teddy-list__illustration--icon-gray_7z0zv_18 {
-  background-color: var(--teddy-color-background-secondary);
-}
-._teddy-list__illustration--icon-beige_7z0zv_21 {
-  background-color: var(--teddy-color-brand-beige);
-}
-._teddy-list--vertical_7z0zv_24 ._teddy-list__item_7z0zv_24 {
-  align-items: center;
-}
-._teddy-list--horizontal_7z0zv_27 ._teddy-list__item_7z0zv_24 {
-  flex-direction: row;
-}
-@media (min-width: 600px) {
-  ._teddy-list--horizontal_7z0zv_27 ._teddy-list__item_7z0zv_24 {
-    flex: 1;
-    flex-direction: column;
-    margin-bottom: 0;
-  }
-  ._teddy-list--horizontal_7z0zv_27 ._teddy-list__illustration_7z0zv_1 {
-    margin-right: 0;
-    margin-bottom: var(--teddy-spacing-150);
+  ._teddy-list__illustration_1fpoz_8 {
+    align-self: flex-start;
   }
-}
-._teddy-list__item_7z0zv_24 {
-  list-style-type: none;
-  display: flex;
-}
-._teddy-list__illustration_7z0zv_1 {
-  margin-right: var(--teddy-spacing-150);
 }@layer button, scroll-area;
 @layer scroll-area {
   ._teddy-scroll-area_1y01l_3 {
@@ -1007,6 +1119,84 @@
   to {
     transform: translateX(100%);
   }
+}@layer text {
+  ._teddy-text_15w9u_2 {
+    color: inherit;
+    display: block;
+    margin: 0;
+    hyphens: none;
+  }
+  ._teddy-text--disabled_15w9u_8 {
+    color: var(--teddy-color-text-weak);
+  }
+  ._teddy-text--hyphens_15w9u_11 {
+    hyphens: auto;
+  }
+  ._teddy-text--paragraph-100_15w9u_14 {
+    font-family: var(--teddy-typography-family-default);
+    font-weight: var(--teddy-typography-weight-normal);
+    font-size: var(--teddy-typography-scale-100);
+    line-height: var(--teddy-typography-line-height-loose);
+  }
+  ._teddy-text--paragraph-100-medium_15w9u_20 {
+    font-family: var(--teddy-typography-family-default);
+    font-weight: var(--teddy-typography-weight-normal);
+    font-size: var(--teddy-typography-scale-100);
+    line-height: var(--teddy-typography-line-height-loose);
+    font-weight: var(--teddy-typography-weight-medium);
+  }
+  ._teddy-text--paragraph-100-bold_15w9u_27 {
+    font-family: var(--teddy-typography-family-default);
+    font-weight: var(--teddy-typography-weight-normal);
+    font-size: var(--teddy-typography-scale-100);
+    line-height: var(--teddy-typography-line-height-loose);
+    font-weight: var(--teddy-typography-weight-bold);
+  }
+  ._teddy-text--paragraph-200_15w9u_34 {
+    font-family: var(--teddy-typography-family-default);
+    font-weight: var(--teddy-typography-weight-normal);
+    font-size: var(--teddy-typography-scale-100);
+    line-height: var(--teddy-typography-line-height-looser);
+  }
+  ._teddy-text--preamble-100_15w9u_40 {
+    font-family: var(--teddy-typography-family-default);
+    font-weight: var(--teddy-typography-weight-normal);
+    font-size: var(--teddy-typography-scale-200);
+    line-height: var(--teddy-typography-line-height-loose);
+  }
+  ._teddy-text--preamble-200_15w9u_46 {
+    font-family: var(--teddy-typography-family-default);
+    font-weight: var(--teddy-typography-weight-normal);
+    font-size: clamp(var(--teddy-typography-scale-150), 3vw, var(--teddy-typography-scale-400));
+    line-height: var(--teddy-typography-line-height-loose);
+  }
+  ._teddy-text--additional-100_15w9u_52 {
+    font-family: var(--teddy-typography-family-default);
+    font-weight: var(--teddy-typography-weight-normal);
+    font-size: var(--teddy-typography-scale-75);
+    line-height: var(--teddy-typography-line-height-loose);
+  }
+  ._teddy-text--additional-100-medium_15w9u_58 {
+    font-family: var(--teddy-typography-family-default);
+    font-weight: var(--teddy-typography-weight-normal);
+    font-size: var(--teddy-typography-scale-75);
+    line-height: var(--teddy-typography-line-height-loose);
+    font-weight: var(--teddy-typography-weight-medium);
+  }
+  ._teddy-text--overline-100_15w9u_65 {
+    font-family: var(--teddy-typography-family-default);
+    font-size: var(--teddy-typography-scale-75);
+    letter-spacing: var(--teddy-spacing-10);
+    line-height: var(--teddy-typography-line-height-tight);
+    text-transform: uppercase;
+  }
+  ._teddy-text--overline-200_15w9u_72 {
+    font-family: var(--teddy-typography-family-default);
+    font-size: clamp(var(--teddy-typography-scale-75), 3vw, var(--teddy-typography-scale-100));
+    letter-spacing: var(--teddy-spacing-10);
+    line-height: var(--teddy-typography-line-height-tight);
+    text-transform: uppercase;
+  }
 }._teddy-image_oyxp8_1 {
   width: 100%;
   max-width: 100%;
@@ -1014,7 +1204,7 @@
   display: block;
   font-style: italic;
   background-repeat: no-repeat;
-}._teddy-chip__item_1er2j_1 {
+}._teddy-chip__item_69tae_1 {
   font: inherit;
   cursor: pointer;
   outline: inherit;
@@ -1033,20 +1223,20 @@
   position: relative;
   overflow: hidden;
 }
-._teddy-chip__item_1er2j_1:focus {
-  outline: var(--teddy-color-border-interactive-focus) auto var(--teddy-border-width-sm);
+._teddy-chip__item_69tae_1:focus {
+  outline: var(--teddy-border-width-sm) solid var(--teddy-color-border-interactive-focus);
   outline-offset: var(--teddy-spacing-50);
 }
-._teddy-chip__item_1er2j_1:focus:not(:focus-visible) {
+._teddy-chip__item_69tae_1:focus:not(:focus-visible) {
   outline: none;
 }
-._teddy-chip__item_1er2j_1::before, ._teddy-chip__item_1er2j_1::after {
+._teddy-chip__item_69tae_1::before, ._teddy-chip__item_69tae_1::after {
   content: "";
   display: block;
   inset: 0;
   position: absolute;
 }
-._teddy-chip__item--unavailable_1er2j_33::after {
+._teddy-chip__item--unavailable_69tae_33::after {
   opacity: 1;
   left: calc(50% - var(--teddy-border-width-xs) / 2);
   top: -50%;
@@ -1056,56 +1246,57 @@
   transform: rotate(-60deg);
   transform-origin: center;
 }
-._teddy-chip__item--unavailable_1er2j_33[data-state=on]::after {
+._teddy-chip__item--unavailable_69tae_33[data-state=on]::after {
   background: var(--teddy-color-text-interactive-on-primary);
 }
-._teddy-chip__item_1er2j_1::before {
+._teddy-chip__item_69tae_1::before {
   border-radius: inherit;
   opacity: 1;
-  outline: var(--teddy-color-border-interactive-primary) auto var(--teddy-border-width-xs);
-}
-._teddy-chip__item_1er2j_1:hover::before:not(:disabled) {
-  outline-width: var(--teddy-border-width-sm);
   outline-offset: calc(var(--teddy-border-width-xs) * -1);
+  outline: var(--teddy-border-width-xs) solid var(--teddy-color-border-interactive-primary);
+}
+._teddy-chip__item_69tae_1:hover:not(:disabled):before {
+  outline: var(--teddy-border-width-sm) solid var(--teddy-color-border-interactive-primary);
+  outline-offset: calc(var(--teddy-border-width-sm) * -1);
 }
-._teddy-chip__item_1er2j_1[data-state=off]:hover {
+._teddy-chip__item_69tae_1[data-state=off]:hover {
   background-color: var(--teddy-color-background-interactive-transparent-hover);
   color: var(--teddy-color-text-interactive-primary-hover);
 }
-._teddy-chip__item_1er2j_1[data-state=off]:active {
+._teddy-chip__item_69tae_1[data-state=off]:active {
   background-color: var(--teddy-color-background-interactive-transparent-active);
   color: var(--teddy-color-text-interactive-primary-active);
 }
-._teddy-chip__item_1er2j_1[data-state=off]:disabled {
+._teddy-chip__item_69tae_1[data-state=off]:disabled {
   background-color: var(--teddy-color-background-interactive-transparent);
   color: var(--teddy-color-text-weak);
 }
-._teddy-chip__item_1er2j_1[data-state=on] {
+._teddy-chip__item_69tae_1[data-state=on] {
   background-color: var(--teddy-color-background-interactive-primary);
   color: var(--teddy-color-text-interactive-on-primary);
   font-weight: var(--teddy-typography-weight-medium);
 }
-._teddy-chip__item_1er2j_1[data-state=on]:hover {
+._teddy-chip__item_69tae_1[data-state=on]:hover {
   background-color: var(--teddy-color-background-interactive-primary-hover);
 }
-._teddy-chip__item_1er2j_1[data-state=on]:active {
+._teddy-chip__item_69tae_1[data-state=on]:active {
   background-color: var(--teddy-color-background-interactive-primary-active);
 }
-._teddy-chip__item_1er2j_1[data-state=on]:disabled {
+._teddy-chip__item_69tae_1[data-state=on]:disabled {
   background-color: var(--teddy-color-background-interactive-disabled);
   color: var(--teddy-color-text-weak);
 }
-._teddy-chip__item_1er2j_1[data-state=on] ._teddy-chip__indicator_1er2j_82 {
+._teddy-chip__item_69tae_1[data-state=on] ._teddy-chip__indicator_69tae_83 {
   display: unset;
 }
-._teddy-chip__item_1er2j_1:disabled {
+._teddy-chip__item_69tae_1:disabled {
   cursor: not-allowed;
   color: var(--teddy-color-text-weak);
 }
-._teddy-chip__item_1er2j_1:disabled::before {
+._teddy-chip__item_69tae_1:disabled::before {
   outline-color: var(--teddy-color-border-medium);
 }
-._teddy-chip__indicator_1er2j_82 {
+._teddy-chip__indicator_69tae_83 {
   display: none;
 }@layer link {
   ._teddy-link_azi31_2 {
@@ -1480,19 +1671,6 @@
   ._teddy-notification__icon_1ref8_41 {
     color: var(--status-icon-color);
   }
-}._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-radio-group_1flae_1 {
   display: flex;
   flex-direction: column;
@@ -1622,6 +1800,19 @@
 }
 ._teddy-radio-group__indicator_1flae_111[data-disabled]::after {
   background-color: var(--teddy-color-text-weak);
+}._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-visually-hidden_15nus_1 {
   width: 1px;
   height: 1px;