@telia/teddy 0.0.21 → 0.0.23

package/dist/style.css

@@ -1,228 +1,4 @@
-._teddy-image_oyxp8_1 {
-  width: 100%;
-  max-width: 100%;
-  height: 100%;
-  display: block;
-  font-style: italic;
-  background-repeat: no-repeat;
-}@layer flex {
-  ._teddy-flex_19teo_2 {
-    box-sizing: border-box;
-    display: flex;
-    justify-content: flex-start;
-  }
-}._teddy-chip__item_1er2j_1 {
-  font: inherit;
-  cursor: pointer;
-  outline: inherit;
-  border-radius: var(--teddy-border-radius-md);
-  border: none;
-  background: var(--teddy-color-background-interactive-transparent);
-  padding: 0.625rem var(--teddy-spacing-200);
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  color: var(--teddy-color-text-interactive-primary);
-  font-weight: var(--teddy-typography-weight-normal);
-  text-align: center;
-  line-height: var(--teddy-typography-line-height-loose);
-  box-sizing: border-box;
-  position: relative;
-  overflow: hidden;
-}
-._teddy-chip__item_1er2j_1:focus {
-  outline: var(--teddy-color-border-interactive-focus) auto var(--teddy-border-width-sm);
-  outline-offset: var(--teddy-spacing-50);
-}
-._teddy-chip__item_1er2j_1:focus:not(:focus-visible) {
-  outline: none;
-}
-._teddy-chip__item_1er2j_1::before, ._teddy-chip__item_1er2j_1::after {
-  content: "";
-  display: block;
-  inset: 0;
-  position: absolute;
-}
-._teddy-chip__item--unavailable_1er2j_33::after {
-  opacity: 1;
-  left: calc(50% - var(--teddy-border-width-xs) / 2);
-  top: -50%;
-  background: var(--teddy-color-text-interactive-primary);
-  width: var(--teddy-border-width-xs);
-  height: 200%;
-  transform: rotate(-60deg);
-  transform-origin: center;
-}
-._teddy-chip__item--unavailable_1er2j_33[data-state=on]::after {
-  background: var(--teddy-color-text-interactive-on-primary);
-}
-._teddy-chip__item_1er2j_1::before {
-  border-radius: inherit;
-  opacity: 1;
-  outline: var(--teddy-color-border-interactive-primary) auto var(--teddy-border-width-xs);
-}
-._teddy-chip__item_1er2j_1:hover::before:not(:disabled) {
-  outline-width: var(--teddy-border-width-sm);
-  outline-offset: calc(var(--teddy-border-width-xs) * -1);
-}
-._teddy-chip__item_1er2j_1[data-state=off]:hover {
-  background-color: var(--teddy-color-background-interactive-transparent-hover);
-  color: var(--teddy-color-text-interactive-primary-hover);
-}
-._teddy-chip__item_1er2j_1[data-state=off]:active {
-  background-color: var(--teddy-color-background-interactive-transparent-active);
-  color: var(--teddy-color-text-interactive-primary-active);
-}
-._teddy-chip__item_1er2j_1[data-state=off]:disabled {
-  background-color: var(--teddy-color-background-interactive-transparent);
-  color: var(--teddy-color-text-weak);
-}
-._teddy-chip__item_1er2j_1[data-state=on] {
-  background-color: var(--teddy-color-background-interactive-primary);
-  color: var(--teddy-color-text-interactive-on-primary);
-  font-weight: var(--teddy-typography-weight-medium);
-}
-._teddy-chip__item_1er2j_1[data-state=on]:hover {
-  background-color: var(--teddy-color-background-interactive-primary-hover);
-}
-._teddy-chip__item_1er2j_1[data-state=on]:active {
-  background-color: var(--teddy-color-background-interactive-primary-active);
-}
-._teddy-chip__item_1er2j_1[data-state=on]:disabled {
-  background-color: var(--teddy-color-background-interactive-disabled);
-  color: var(--teddy-color-text-weak);
-}
-._teddy-chip__item_1er2j_1[data-state=on] ._teddy-chip__indicator_1er2j_82 {
-  display: unset;
-}
-._teddy-chip__item_1er2j_1:disabled {
-  cursor: not-allowed;
-  color: var(--teddy-color-text-weak);
-}
-._teddy-chip__item_1er2j_1:disabled::before {
-  outline-color: var(--teddy-color-border-medium);
-}
-._teddy-chip__indicator_1er2j_82 {
-  display: none;
-}@layer icon {
-  ._teddy-icon_1rwgf_2 {
-    display: inline;
-    align-self: center;
-    fill: currentColor;
-  }
-  ._teddy-icon--font_1rwgf_7 {
-    width: 1em;
-    height: 1em;
-  }
-  ._teddy-icon--xxs_1rwgf_11 {
-    width: var(--teddy-spacing-150);
-    height: var(--teddy-spacing-150);
-  }
-  ._teddy-icon--xs_1rwgf_15 {
-    width: var(--teddy-spacing-200);
-    height: var(--teddy-spacing-200);
-  }
-  ._teddy-icon--sm_1rwgf_19 {
-    width: var(--teddy-spacing-250);
-    height: var(--teddy-spacing-250);
-  }
-  ._teddy-icon--md_1rwgf_23 {
-    width: var(--teddy-spacing-300);
-    height: var(--teddy-spacing-300);
-  }
-  ._teddy-icon--lg_1rwgf_27 {
-    width: var(--teddy-spacing-400);
-    height: var(--teddy-spacing-400);
-  }
-  ._teddy-icon--xl_1rwgf_31 {
-    width: var(--teddy-spacing-600);
-    height: var(--teddy-spacing-600);
-  }
-  ._teddy-icon-with-children_1rwgf_35 {
-    display: inline-flex;
-    align-items: center;
-    font-family: var(--teddy-typography-family-default);
-    gap: var(--teddy-spacing-100);
-  }
-}@layer text {
-  ._teddy-text_15w9u_2 {
-    color: inherit;
-    display: block;
-    margin: 0;
-    hyphens: none;
-  }
-  ._teddy-text--disabled_15w9u_8 {
-    color: var(--teddy-color-text-weak);
-  }
-  ._teddy-text--hyphens_15w9u_11 {
-    hyphens: auto;
-  }
-  ._teddy-text--paragraph-100_15w9u_14 {
-    font-family: var(--teddy-typography-family-default);
-    font-weight: var(--teddy-typography-weight-normal);
-    font-size: var(--teddy-typography-scale-100);
-    line-height: var(--teddy-typography-line-height-loose);
-  }
-  ._teddy-text--paragraph-100-medium_15w9u_20 {
-    font-family: var(--teddy-typography-family-default);
-    font-weight: var(--teddy-typography-weight-normal);
-    font-size: var(--teddy-typography-scale-100);
-    line-height: var(--teddy-typography-line-height-loose);
-    font-weight: var(--teddy-typography-weight-medium);
-  }
-  ._teddy-text--paragraph-100-bold_15w9u_27 {
-    font-family: var(--teddy-typography-family-default);
-    font-weight: var(--teddy-typography-weight-normal);
-    font-size: var(--teddy-typography-scale-100);
-    line-height: var(--teddy-typography-line-height-loose);
-    font-weight: var(--teddy-typography-weight-bold);
-  }
-  ._teddy-text--paragraph-200_15w9u_34 {
-    font-family: var(--teddy-typography-family-default);
-    font-weight: var(--teddy-typography-weight-normal);
-    font-size: var(--teddy-typography-scale-100);
-    line-height: var(--teddy-typography-line-height-looser);
-  }
-  ._teddy-text--preamble-100_15w9u_40 {
-    font-family: var(--teddy-typography-family-default);
-    font-weight: var(--teddy-typography-weight-normal);
-    font-size: var(--teddy-typography-scale-200);
-    line-height: var(--teddy-typography-line-height-loose);
-  }
-  ._teddy-text--preamble-200_15w9u_46 {
-    font-family: var(--teddy-typography-family-default);
-    font-weight: var(--teddy-typography-weight-normal);
-    font-size: clamp(var(--teddy-typography-scale-150), 3vw, var(--teddy-typography-scale-400));
-    line-height: var(--teddy-typography-line-height-loose);
-  }
-  ._teddy-text--additional-100_15w9u_52 {
-    font-family: var(--teddy-typography-family-default);
-    font-weight: var(--teddy-typography-weight-normal);
-    font-size: var(--teddy-typography-scale-75);
-    line-height: var(--teddy-typography-line-height-loose);
-  }
-  ._teddy-text--additional-100-medium_15w9u_58 {
-    font-family: var(--teddy-typography-family-default);
-    font-weight: var(--teddy-typography-weight-normal);
-    font-size: var(--teddy-typography-scale-75);
-    line-height: var(--teddy-typography-line-height-loose);
-    font-weight: var(--teddy-typography-weight-medium);
-  }
-  ._teddy-text--overline-100_15w9u_65 {
-    font-family: var(--teddy-typography-family-default);
-    font-size: var(--teddy-typography-scale-75);
-    letter-spacing: var(--teddy-spacing-10);
-    line-height: var(--teddy-typography-line-height-tight);
-    text-transform: uppercase;
-  }
-  ._teddy-text--overline-200_15w9u_72 {
-    font-family: var(--teddy-typography-family-default);
-    font-size: clamp(var(--teddy-typography-scale-75), 3vw, var(--teddy-typography-scale-100));
-    letter-spacing: var(--teddy-spacing-10);
-    line-height: var(--teddy-typography-line-height-tight);
-    text-transform: uppercase;
-  }
-}._teddy-spinner--xxs_ywden_1 {
+._teddy-spinner--xxs_ywden_1 {
   height: var(--teddy-spacing-250);
   width: var(--teddy-spacing-250);
 }
@@ -540,28 +316,418 @@
   ._teddy-button--icon-only_1biph_56 ._teddy-button__loading_1biph_242 {
     background-color: var(--teddy-color-gray-100);
   }
-}@layer heading {
-  ._teddy-heading_r8os0_2 {
-    color: var(--teddy-color-text-default);
-    display: block;
-    hyphens: none;
-    margin: 0;
-    max-width: 60ch;
+}@layer icon {
+  ._teddy-icon_1rwgf_2 {
+    display: inline;
+    align-self: center;
+    fill: currentColor;
   }
-  ._teddy-heading--hyphens_r8os0_9 {
-    hyphens: auto;
+  ._teddy-icon--font_1rwgf_7 {
+    width: 1em;
+    height: 1em;
   }
-  ._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-icon--xxs_1rwgf_11 {
+    width: var(--teddy-spacing-150);
+    height: var(--teddy-spacing-150);
   }
-  ._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-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 button, scroll-area;
+@layer scroll-area {
+  ._teddy-scroll-area_1swny_3 {
+    position: relative;
+    overflow: hidden;
+  }
+  ._teddy-scroll-area__viewport_1swny_7 {
+    height: 100%;
+    width: 100%;
+    border-radius: inherit;
+  }
+  ._teddy-scroll-area__scrollbar_1swny_12 {
+    display: flex;
+    /* ensures no selection */
+    user-select: none;
+    /* disable browser handling of all panning and zooming gestures on touch devices */
+    touch-action: none;
+    padding: 1px;
+    background: var(--teddy-color-border-weak);
+    transition: background-color var(--teddy-motion-duration-200) ease-out;
+    border-radius: var(--teddy-border-radius-full);
+  }
+  ._teddy-scroll-area__scrollbar_1swny_12[data-orientation=vertical] {
+    width: var(--teddy-border-width-lg);
+  }
+  ._teddy-scroll-area__scrollbar_1swny_12[data-orientation=horizontal] {
+    flex-direction: column;
+    height: var(--teddy-border-width-lg);
+  }
+  ._teddy-scroll-area__scrollbar_1swny_12:hover {
+    background-color: var(--teddy-color-transparent-black-200);
+  }
+  ._teddy-scroll-area__scrollbar--hidden_1swny_33 {
+    width: 1px;
+    height: 1px;
+    padding: 0;
+    margin: -1px;
+    overflow: hidden;
+    clip: rect(0, 0, 0, 0);
+    white-space: nowrap;
+    border: 0;
+  }
+  ._teddy-scroll-area__scrollbar--hidden_1swny_33:not(caption) {
+    position: absolute;
+  }
+  ._teddy-scroll-area__thumb_1swny_46 {
+    flex: 1;
+    background: var(--teddy-color-border-strong);
+    border-radius: var(--teddy-border-radius-full);
+    position: relative;
+  }
+  ._teddy-scroll-area__thumb_1swny_46::before {
+    content: "";
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    width: 100%;
+    height: 100%;
+    min-width: 44px;
+    min-height: 44px;
+  }
+  ._teddy-scroll-area__corner_1swny_63 {
+    background: var(--teddy-color-border-medium);
+  }
+  ._teddy-scroll-area__button_1swny_66 {
+    position: absolute;
+    transition: opacity var(--teddy-motion-duration-300), transform var(--teddy-motion-duration-300);
+  }
+  ._teddy-scroll-area__button_1swny_66[data-direction=left] {
+    left: 0;
+    top: 50%;
+    transform: translate(0, -50%);
+  }
+  ._teddy-scroll-area__button_1swny_66[data-direction=right] {
+    right: 0;
+    top: 50%;
+    transform: translate(0, -50%);
+  }
+  ._teddy-scroll-area__button_1swny_66[data-direction=up] {
+    top: 0;
+    left: 50%;
+    transform: translate(-50%, 0);
+  }
+  ._teddy-scroll-area__button_1swny_66[data-direction=down] {
+    bottom: 0;
+    left: 50%;
+    transform: translate(-50%, 0);
+  }
+  ._teddy-scroll-area__button--hidden_1swny_90 {
+    opacity: 0;
+  }
+  ._teddy-scroll-area__button--hidden_1swny_90[data-direction=left] {
+    transform: translate(-100%, -50%);
+  }
+  ._teddy-scroll-area__button--hidden_1swny_90[data-direction=right] {
+    transform: translate(100%, -50%);
+  }
+  ._teddy-scroll-area__button--hidden_1swny_90[data-direction=up] {
+    transform: translate(-50%, -100%);
+  }
+  ._teddy-scroll-area__button--hidden_1swny_90[data-direction=down] {
+    transform: translate(-50%, 100%);
+  }
+}@layer button, scroll-area, tabs;
+@layer tabs {
+  ._teddy-tabs__list_1sgsx_3 {
+    display: flex;
+    max-width: fit-content;
+    background-color: var(--teddy-color-background-secondary);
+    border-radius: var(--teddy-border-radius-full);
+    padding: var(--teddy-spacing-50);
+  }
+  ._teddy-tabs--full-width_1sgsx_10 ._teddy-tabs__list_1sgsx_3 {
+    max-width: initial;
+  }
+  ._teddy-tabs__trigger_1sgsx_13 {
+    flex: 1 0 auto;
+    min-width: 3rem;
+    color: var(--teddy-color-text-interactive-primary);
+    background-color: var(--teddy-color-background-interactive-transparent);
+    padding: calc(var(--teddy-spacing-100) + var(--teddy-spacing-25)) var(--teddy-spacing-200);
+    line-height: var(--teddy-typography-line-height-100);
+    white-space: nowrap;
+    cursor: auto;
+  }
+  ._teddy-tabs__trigger_1sgsx_13[data-state=active] {
+    color: var(--teddy-color-text-interactive-on-primary);
+    background-color: var(--teddy-color-background-interactive-primary);
+    cursor: default;
+  }
+  ._teddy-tabs__indicator_1sgsx_28 {
+    background-color: var(--teddy-color-background-interactive-primary);
+    position: fixed;
+    height: var(--teddy-border-width-md);
+    transform: translateY(-50%);
+  }
+  ._teddy-tabs__scroll-button_1sgsx_34 {
+    background-color: var(--teddy-color-background-secondary);
+    color: var(--teddy-color-text-default);
+    z-index: 1;
+  }
+  ._teddy-tabs__scroll-button_1sgsx_34:hover {
+    background-color: var(--teddy-color-background-interactive-transparent-hover);
+  }
+  ._teddy-tabs__scroll-button_1sgsx_34:active {
+    background-color: var(--teddy-color-background-interactive-transparent-active);
+  }
+  ._teddy-tabs__scroll-button_1sgsx_34::before {
+    z-index: 1;
+  }
+  ._teddy-tabs__scroll-button_1sgsx_34::after {
+    content: "";
+    top: 0;
+    left: 100%;
+    bottom: 0;
+    position: absolute;
+    width: 1rem;
+    background: linear-gradient(90deg, var(--teddy-color-background-secondary) 0%, var(--teddy-color-functional-transparent) 100%);
+  }
+  ._teddy-tabs__scroll-button_1sgsx_34[data-direction=right]::after {
+    left: auto;
+    right: 100%;
+    transform: rotate(180deg);
+  }
+}@keyframes _teddy-fade-in_1sy9d_1 {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+@keyframes _teddy-fade-out_1sy9d_1 {
+  from {
+    opacity: 1;
+  }
+  to {
+    opacity: 0;
+  }
+}
+._teddy-drawer__overlay_1sy9d_17 {
+  position: fixed;
+  inset: 0;
+  display: grid;
+  place-items: center;
+}
+._teddy-drawer__overlay_1sy9d_17::before {
+  position: fixed;
+  content: "";
+  inset: 0;
+  background-color: var(--teddy-color-overlay-default);
+}
+._teddy-drawer__overlay--container_1sy9d_29 {
+  position: absolute;
+}
+._teddy-drawer__overlay--container_1sy9d_29::before {
+  position: absolute;
+}
+._teddy-drawer__overlay--container_1sy9d_29 ._teddy-drawer__content_1sy9d_35 {
+  position: absolute;
+}
+._teddy-drawer__content_1sy9d_35 {
+  background-color: var(--teddy-color-background-primary);
+  box-shadow: var(--teddy-shadow-lg);
+  position: fixed;
+  overflow: hidden;
+  inset: 0 0 0 auto;
+  max-width: 500px;
+  padding: var(--teddy-spacing-300);
+  display: flex;
+  flex-direction: column;
+  gap: var(--teddy-spacing-200);
+}
+._teddy-drawer__close--floating_1sy9d_50 {
+  position: absolute;
+  top: var(--teddy-spacing-250);
+  right: var(--teddy-spacing-250);
+}
+@media (prefers-reduced-motion: no-preference) {
+  @keyframes _drawer-overlay-no-op_1sy9d_1 {
+    from {
+      opacity: 1;
+    }
+    to {
+      opacity: 1;
+    }
+  }
+  @keyframes _drawer-content-show_1sy9d_1 {
+    from {
+      opacity: 0;
+      transform: translateX(24rem);
+    }
+    to {
+      opacity: 1;
+      transform: translateX(0px);
+    }
+  }
+  @keyframes _drawer-content-hide_1sy9d_1 {
+    from {
+      opacity: 1;
+      transform: translateX(0px);
+    }
+    to {
+      opacity: 0;
+      transform: translateX(24rem);
+    }
+  }
+  ._teddy-drawer__overlay_1sy9d_17 {
+    /* Keep the overlay mounted until the children have animated */
+  }
+  ._teddy-drawer__overlay_1sy9d_17:where([data-state=closed]) {
+    animation: _drawer-overlay-no-op_1sy9d_1 400ms cubic-bezier(0.16, 1, 0.3, 1);
+  }
+  ._teddy-drawer__overlay_1sy9d_17:where([data-state=open])::before {
+    animation: _teddy-fade-in_1sy9d_1 500ms cubic-bezier(0.16, 1, 0.3, 1);
+  }
+  ._teddy-drawer__overlay_1sy9d_17:where([data-state=closed])::before {
+    animation: _teddy-fade-out_1sy9d_1 400ms cubic-bezier(0.16, 1, 0.3, 1);
+  }
+  ._teddy-drawer__content_1sy9d_35:where([data-state=open]) {
+    animation: _drawer-content-show_1sy9d_1 450ms cubic-bezier(0.16, 1, 0.3, 1);
+  }
+  ._teddy-drawer__content_1sy9d_35:where([data-state=closed]) {
+    animation: _drawer-content-hide_1sy9d_1 350ms cubic-bezier(0.16, 1, 0.3, 1);
+  }
+}@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 flex {
+  ._teddy-flex_19teo_2 {
+    box-sizing: border-box;
+    display: flex;
+    justify-content: flex-start;
+  }
+}@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);
   }
   ._teddy-heading--title-200_r8os0_24 {
     font-family: var(--teddy-typography-family-default);
@@ -623,6 +789,106 @@
     font-size: clamp(var(--teddy-typography-scale-800), 3cqw, var(--teddy-typography-scale-1000));
     line-height: var(--teddy-typography-line-height-tight);
   }
+}._teddy-image_oyxp8_1 {
+  width: 100%;
+  max-width: 100%;
+  height: 100%;
+  display: block;
+  font-style: italic;
+  background-repeat: no-repeat;
+}._teddy-chip__item_1er2j_1 {
+  font: inherit;
+  cursor: pointer;
+  outline: inherit;
+  border-radius: var(--teddy-border-radius-md);
+  border: none;
+  background: var(--teddy-color-background-interactive-transparent);
+  padding: 0.625rem var(--teddy-spacing-200);
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  color: var(--teddy-color-text-interactive-primary);
+  font-weight: var(--teddy-typography-weight-normal);
+  text-align: center;
+  line-height: var(--teddy-typography-line-height-loose);
+  box-sizing: border-box;
+  position: relative;
+  overflow: hidden;
+}
+._teddy-chip__item_1er2j_1:focus {
+  outline: var(--teddy-color-border-interactive-focus) auto var(--teddy-border-width-sm);
+  outline-offset: var(--teddy-spacing-50);
+}
+._teddy-chip__item_1er2j_1:focus:not(:focus-visible) {
+  outline: none;
+}
+._teddy-chip__item_1er2j_1::before, ._teddy-chip__item_1er2j_1::after {
+  content: "";
+  display: block;
+  inset: 0;
+  position: absolute;
+}
+._teddy-chip__item--unavailable_1er2j_33::after {
+  opacity: 1;
+  left: calc(50% - var(--teddy-border-width-xs) / 2);
+  top: -50%;
+  background: var(--teddy-color-text-interactive-primary);
+  width: var(--teddy-border-width-xs);
+  height: 200%;
+  transform: rotate(-60deg);
+  transform-origin: center;
+}
+._teddy-chip__item--unavailable_1er2j_33[data-state=on]::after {
+  background: var(--teddy-color-text-interactive-on-primary);
+}
+._teddy-chip__item_1er2j_1::before {
+  border-radius: inherit;
+  opacity: 1;
+  outline: var(--teddy-color-border-interactive-primary) auto var(--teddy-border-width-xs);
+}
+._teddy-chip__item_1er2j_1:hover::before:not(:disabled) {
+  outline-width: var(--teddy-border-width-sm);
+  outline-offset: calc(var(--teddy-border-width-xs) * -1);
+}
+._teddy-chip__item_1er2j_1[data-state=off]:hover {
+  background-color: var(--teddy-color-background-interactive-transparent-hover);
+  color: var(--teddy-color-text-interactive-primary-hover);
+}
+._teddy-chip__item_1er2j_1[data-state=off]:active {
+  background-color: var(--teddy-color-background-interactive-transparent-active);
+  color: var(--teddy-color-text-interactive-primary-active);
+}
+._teddy-chip__item_1er2j_1[data-state=off]:disabled {
+  background-color: var(--teddy-color-background-interactive-transparent);
+  color: var(--teddy-color-text-weak);
+}
+._teddy-chip__item_1er2j_1[data-state=on] {
+  background-color: var(--teddy-color-background-interactive-primary);
+  color: var(--teddy-color-text-interactive-on-primary);
+  font-weight: var(--teddy-typography-weight-medium);
+}
+._teddy-chip__item_1er2j_1[data-state=on]:hover {
+  background-color: var(--teddy-color-background-interactive-primary-hover);
+}
+._teddy-chip__item_1er2j_1[data-state=on]:active {
+  background-color: var(--teddy-color-background-interactive-primary-active);
+}
+._teddy-chip__item_1er2j_1[data-state=on]:disabled {
+  background-color: var(--teddy-color-background-interactive-disabled);
+  color: var(--teddy-color-text-weak);
+}
+._teddy-chip__item_1er2j_1[data-state=on] ._teddy-chip__indicator_1er2j_82 {
+  display: unset;
+}
+._teddy-chip__item_1er2j_1:disabled {
+  cursor: not-allowed;
+  color: var(--teddy-color-text-weak);
+}
+._teddy-chip__item_1er2j_1:disabled::before {
+  outline-color: var(--teddy-color-border-medium);
+}
+._teddy-chip__indicator_1er2j_82 {
+  display: none;
 }._teddy-link_1jza5_1 {
   align-items: center;
   cursor: pointer;