@telia/teddy 0.0.27 → 0.0.28

package/dist/style.css

@@ -1,57 +1,123 @@
-._teddy-flex_1ncy4_1 {
+._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);
 }
-
-@layer flex {
-  ._teddy-flex_1ncy4_1 {
-    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-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-list__illustration--icon-gray_7z0zv_18 {
-  background-color: var(--teddy-color-background-secondary);
+._teddy-tooltip__arrow_14d9w_17 {
+  fill: var(--teddy-color-background-tone-on-tone-primary);
 }
-._teddy-list__illustration--icon-beige_7z0zv_21 {
-  background-color: var(--teddy-color-brand-beige);
+._teddy-tooltip--negative_14d9w_13 ._teddy-tooltip__arrow_14d9w_17 {
+  fill: var(--teddy-color-background-tone-on-tone-secondary);
 }
-._teddy-list--vertical_7z0zv_24 ._teddy-list__item_7z0zv_24 {
-  align-items: center;
+@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-list--horizontal_7z0zv_27 ._teddy-list__item_7z0zv_24 {
-  flex-direction: row;
+
+@keyframes _slideUpAndFade_14d9w_1 {
+  from {
+    opacity: 0;
+    transform: translateY(2px);
+    scale: 0.9;
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
 }
-@media (min-width: 600px) {
-  ._teddy-list--horizontal_7z0zv_27 ._teddy-list__item_7z0zv_24 {
-    flex: 1;
-    flex-direction: column;
-    margin-bottom: 0;
+@keyframes _slideRightAndFade_14d9w_1 {
+  from {
+    opacity: 0;
+    scale: 0.9;
+    transform: translateX(-2px);
   }
-  ._teddy-list--horizontal_7z0zv_27 ._teddy-list__illustration_7z0zv_1 {
-    margin-right: 0;
-    margin-bottom: var(--teddy-spacing-150);
+  to {
+    opacity: 1;
+    transform: translateX(0);
   }
 }
-._teddy-list__item_7z0zv_24 {
-  list-style-type: none;
-  display: flex;
+@keyframes _slideDownAndFade_14d9w_1 {
+  from {
+    opacity: 0;
+    scale: 0.9;
+    transform: translateY(-2px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
 }
-._teddy-list__illustration_7z0zv_1 {
-  margin-right: var(--teddy-spacing-150);
+@keyframes _slideLeftAndFade_14d9w_1 {
+  from {
+    opacity: 0;
+    scale: 0.9;
+    transform: translateX(2px);
+  }
+  to {
+    opacity: 1;
+    transform: translateX(0);
+  }
+}@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);
+  }
 }._teddy-spinner--xxs_ywden_1 {
   height: var(--teddy-spacing-250);
   width: var(--teddy-spacing-250);
@@ -389,46 +455,60 @@
   ._teddy-button--icon-only_aswkh_56 ._teddy-button__loading_aswkh_261 {
     background-color: var(--teddy-color-gray-100);
   }
-}@layer icon {
-  ._teddy-icon_1rwgf_2 {
-    display: inline;
-    align-self: center;
-    fill: currentColor;
-  }
-  ._teddy-icon--font_1rwgf_7 {
-    width: 1em;
-    height: 1em;
-  }
-  ._teddy-icon--xxs_1rwgf_11 {
-    width: var(--teddy-spacing-150);
-    height: var(--teddy-spacing-150);
-  }
-  ._teddy-icon--xs_1rwgf_15 {
-    width: var(--teddy-spacing-200);
-    height: var(--teddy-spacing-200);
-  }
-  ._teddy-icon--sm_1rwgf_19 {
-    width: var(--teddy-spacing-250);
-    height: var(--teddy-spacing-250);
-  }
-  ._teddy-icon--md_1rwgf_23 {
-    width: var(--teddy-spacing-300);
-    height: var(--teddy-spacing-300);
-  }
-  ._teddy-icon--lg_1rwgf_27 {
-    width: var(--teddy-spacing-400);
-    height: var(--teddy-spacing-400);
+}._teddy-flex_1ncy4_1 {
+  box-sizing: border-box;
+}
+
+@layer flex {
+  ._teddy-flex_1ncy4_1 {
+    display: flex;
   }
-  ._teddy-icon--xl_1rwgf_31 {
-    width: var(--teddy-spacing-600);
-    height: var(--teddy-spacing-600);
+}._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-icon-with-children_1rwgf_35 {
-    display: inline-flex;
-    align-items: center;
-    font-family: var(--teddy-typography-family-default);
-    gap: var(--teddy-spacing-100);
+  ._teddy-list--horizontal_7z0zv_27 ._teddy-list__illustration_7z0zv_1 {
+    margin-right: 0;
+    margin-bottom: var(--teddy-spacing-150);
   }
+}
+._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 {
@@ -1525,7 +1605,7 @@
 }
 ._teddy-visually-hidden--focusable_15nus_15:not(:focus):not(:focus-within):not(caption) {
   position: absolute;
-}._teddy-navigation-menu_959s3_1 {
+}._teddy-navigation-menu_h8tnl_1 {
   --item-gap: var(--teddy-spacing-200);
   --width-for-centering-element: calc((100% - var(--teddy-breakpoint-xl) + var(--teddy-spacing-600) * 2) / 2);
   --inline-padding: calc(var(--teddy-spacing-200) - var(--item-gap));
@@ -1533,18 +1613,19 @@
   display: flex;
   flex-direction: column;
   width: auto;
+  background-color: var(--teddy-color-background-primary);
 }
 @media (min-width: 600px) {
-  ._teddy-navigation-menu_959s3_1 {
+  ._teddy-navigation-menu_h8tnl_1 {
     --inline-padding: calc(var(--teddy-spacing-300) - var(--item-gap));
   }
 }
 @media (min-width: 1440px) {
-  ._teddy-navigation-menu_959s3_1 {
+  ._teddy-navigation-menu_h8tnl_1 {
     --inline-padding: calc(var(--teddy-spacing-400) - var(--item-gap));
   }
 }
-._teddy-navigation-menu_959s3_1::after {
+._teddy-navigation-menu_h8tnl_1::after {
   content: "";
   position: absolute;
   inset: 0;
@@ -1553,14 +1634,14 @@
   opacity: 0;
 }
 @media (prefers-reduced-motion: no-preference) {
-  ._teddy-navigation-menu_959s3_1::after {
+  ._teddy-navigation-menu_h8tnl_1::after {
     transition: opacity var(--teddy-motion-duration-300) ease;
   }
 }
-._teddy-navigation-menu_959s3_1:has(._teddy-navigation-menu__viewport_959s3_33[data-state=open])::after {
+._teddy-navigation-menu_h8tnl_1:has(._teddy-navigation-menu__viewport_h8tnl_34[data-state=open])::after {
   opacity: 1;
 }
-._teddy-navigation-menu__list_959s3_36 {
+._teddy-navigation-menu__list_h8tnl_37 {
   all: unset;
   list-style-type: none;
   display: flex;
@@ -1569,17 +1650,17 @@
   padding-inline: var(--inline-padding);
   border-bottom: var(--teddy-border-width-sm) solid var(--teddy-color-border-weak);
 }
-._teddy-navigation-menu__list_959s3_36::before {
+._teddy-navigation-menu__list_h8tnl_37::before {
   content: "";
   display: block;
   width: var(--width-for-centering-element);
 }
-._teddy-navigation-menu__list_959s3_36::after {
+._teddy-navigation-menu__list_h8tnl_37::after {
   content: "";
   display: block;
   width: var(--width-for-centering-element);
 }
-._teddy-navigation-menu__top-menu-list_959s3_55 {
+._teddy-navigation-menu__top-menu-list_h8tnl_56 {
   all: unset;
   position: relative;
   list-style-type: none;
@@ -1589,17 +1670,17 @@
   align-items: center;
   padding-inline: var(--inline-padding);
 }
-._teddy-navigation-menu__top-menu-list_959s3_55::before {
+._teddy-navigation-menu__top-menu-list_h8tnl_56::before {
   content: "";
   display: block;
   width: var(--width-for-centering-element);
 }
-._teddy-navigation-menu__top-menu-list_959s3_55::after {
+._teddy-navigation-menu__top-menu-list_h8tnl_56::after {
   content: "";
   display: block;
   width: var(--width-for-centering-element);
 }
-._teddy-navigation-menu__top-menu-trigger_959s3_75 {
+._teddy-navigation-menu__top-menu-trigger_h8tnl_76 {
   all: unset;
   position: relative;
   cursor: pointer;
@@ -1611,17 +1692,20 @@
   gap: var(--teddy-spacing-50);
   color: var(--teddy-color-text-interactive-primary);
   font-weight: var(--teddy-typography-weight-medium);
+  white-space: nowrap;
   min-width: var(--teddy-spacing-400);
   font-size: var(--teddy-typography-scale-100);
   line-height: var(--teddy-typography-line-height-loose);
   padding: var(--teddy-spacing-250) var(--teddy-spacing-100);
+  text-align: center;
 }
-._teddy-navigation-menu__top-menu-trigger--small_959s3_92 {
+._teddy-navigation-menu__top-menu-trigger--small_h8tnl_95 {
   padding: var(--teddy-spacing-150) var(--teddy-spacing-100);
   font-size: var(--teddy-typography-scale-75);
   line-height: var(--teddy-typography-line-height-loose);
+  outline-offset: -2px;
 }
-._teddy-navigation-menu__top-menu-trigger--button_959s3_97 {
+._teddy-navigation-menu__top-menu-trigger--button_h8tnl_101 {
   padding: var(--teddy-spacing-100);
   min-height: var(--teddy-spacing-600);
   border-radius: var(--teddy-border-radius-md);
@@ -1632,7 +1716,12 @@
   gap: var(--teddy-spacing-100);
   row-gap: var(--teddy-spacing-50);
 }
-._teddy-navigation-menu__top-menu-trigger_959s3_75::after {
+@media (max-width: 600px) {
+  ._teddy-navigation-menu__top-menu-trigger--button_h8tnl_101 {
+    font-size: var(--teddy-typography-scale-75);
+  }
+}
+._teddy-navigation-menu__top-menu-trigger_h8tnl_76::after {
   content: "";
   display: block;
   position: absolute;
@@ -1643,10 +1732,10 @@
   pointer-events: none;
   border-bottom: var(--teddy-border-width-sm) solid var(--teddy-color-purple-500);
 }
-._teddy-navigation-menu__top-menu-trigger--button_959s3_97::after {
+._teddy-navigation-menu__top-menu-trigger--button_h8tnl_101::after {
   border: var(--teddy-border-width-sm) solid var(--teddy-color-purple-500);
 }
-._teddy-navigation-menu__top-menu-trigger_959s3_75:not(._teddy-navigation-menu__top-menu-trigger--button_959s3_97)::before {
+._teddy-navigation-menu__top-menu-trigger_h8tnl_76:not(._teddy-navigation-menu__top-menu-trigger--button_h8tnl_101)::before {
   content: attr(data-text);
   content: attr(data-text)/"";
   height: 0;
@@ -1657,43 +1746,43 @@
   font-weight: var(--teddy-typography-weight-bold);
 }
 @media speech {
-  ._teddy-navigation-menu__top-menu-trigger_959s3_75:not(._teddy-navigation-menu__top-menu-trigger--button_959s3_97)::before {
+  ._teddy-navigation-menu__top-menu-trigger_h8tnl_76:not(._teddy-navigation-menu__top-menu-trigger--button_h8tnl_101)::before {
     display: none;
   }
 }
-._teddy-navigation-menu__top-menu-trigger_959s3_75:hover {
+._teddy-navigation-menu__top-menu-trigger_h8tnl_76:hover {
   background-color: var(--teddy-color-background-interactive-transparent-hover);
 }
-._teddy-navigation-menu__top-menu-trigger_959s3_75:hover::after {
+._teddy-navigation-menu__top-menu-trigger_h8tnl_76:hover::after {
   opacity: 1;
 }
-._teddy-navigation-menu__top-menu-trigger_959s3_75:active {
+._teddy-navigation-menu__top-menu-trigger_h8tnl_76:active {
   background-color: var(--teddy-color-background-interactive-transparent-active);
 }
-._teddy-navigation-menu__top-menu-trigger_959s3_75:active::after {
+._teddy-navigation-menu__top-menu-trigger_h8tnl_76:active::after {
   opacity: 1;
 }
-._teddy-navigation-menu__top-menu-trigger_959s3_75[data-state=open] {
+._teddy-navigation-menu__top-menu-trigger_h8tnl_76[data-state=open] {
   font-weight: var(--teddy-typography-weight-bold);
 }
-._teddy-navigation-menu__top-menu-trigger_959s3_75:has([data-active]), ._teddy-navigation-menu__top-menu-trigger_959s3_75[data-active] {
+._teddy-navigation-menu__top-menu-trigger_h8tnl_76:has([data-active]), ._teddy-navigation-menu__top-menu-trigger_h8tnl_76[data-active] {
   font-weight: var(--teddy-typography-weight-bold);
 }
-._teddy-navigation-menu__top-menu-trigger_959s3_75:has([data-active])::after, ._teddy-navigation-menu__top-menu-trigger_959s3_75[data-active]::after {
+._teddy-navigation-menu__top-menu-trigger_h8tnl_76:has([data-active])::after, ._teddy-navigation-menu__top-menu-trigger_h8tnl_76[data-active]::after {
   border-color: var(--teddy-color-text-interactive-primary);
   opacity: 1;
 }
-._teddy-navigation-menu__top-menu-trigger_959s3_75:focus-visible {
+._teddy-navigation-menu__top-menu-trigger_h8tnl_76:focus-visible {
   outline: solid var(--teddy-border-width-sm) var(--teddy-color-border-interactive-focus);
 }
-._teddy-navigation-menu__top-menu-trigger_959s3_75[data-state=open] {
+._teddy-navigation-menu__top-menu-trigger_h8tnl_76[data-state=open] {
   font-weight: var(--teddy-typography-weight-bold);
 }
-._teddy-navigation-menu__top-menu-trigger_959s3_75[data-state=open]::after {
+._teddy-navigation-menu__top-menu-trigger_h8tnl_76[data-state=open]::after {
   border-color: var(--teddy-color-text-interactive-primary);
   opacity: 1;
 }
-._teddy-navigation-menu__content_959s3_169 {
+._teddy-navigation-menu__content_h8tnl_178 {
   all: unset;
   list-style-type: none;
   display: flex;
@@ -1707,37 +1796,37 @@
   padding-inline: calc(var(--inline-padding) + var(--teddy-spacing-200));
   overflow: clip;
 }
-._teddy-navigation-menu__content_959s3_169 > ul {
+._teddy-navigation-menu__content_h8tnl_178 > ul {
   list-style: none;
   display: flex;
   margin: 0;
   padding: 0;
 }
 @media (prefers-reduced-motion: no-preference) {
-  ._teddy-navigation-menu__content_959s3_169 {
+  ._teddy-navigation-menu__content_h8tnl_178 {
     animation-duration: var(--teddy-motion-duration-300);
     animation-timing-function: ease;
   }
-  ._teddy-navigation-menu__content_959s3_169[data-motion=from-start] {
-    animation-name: _enterFromLeft_959s3_1;
+  ._teddy-navigation-menu__content_h8tnl_178[data-motion=from-start] {
+    animation-name: _enterFromLeft_h8tnl_1;
   }
-  ._teddy-navigation-menu__content_959s3_169[data-motion=from-end] {
-    animation-name: _enterFromRight_959s3_1;
+  ._teddy-navigation-menu__content_h8tnl_178[data-motion=from-end] {
+    animation-name: _enterFromRight_h8tnl_1;
   }
-  ._teddy-navigation-menu__content_959s3_169[data-motion=to-start] {
-    animation-name: _exitToLeft_959s3_1;
+  ._teddy-navigation-menu__content_h8tnl_178[data-motion=to-start] {
+    animation-name: _exitToLeft_h8tnl_1;
   }
-  ._teddy-navigation-menu__content_959s3_169[data-motion=to-end] {
-    animation-name: _exitToRight_959s3_1;
+  ._teddy-navigation-menu__content_h8tnl_178[data-motion=to-end] {
+    animation-name: _exitToRight_h8tnl_1;
   }
 }
-._teddy-navigation-menu__content_959s3_169::before {
+._teddy-navigation-menu__content_h8tnl_178::before {
   content: "";
   position: absolute;
   inset: 0;
   box-shadow: 0 var(--teddy-border-width-lg) var(--teddy-border-width-lg) calc(var(--teddy-border-width-md) * -1) var(--teddy-color-border-weak);
 }
-._teddy-navigation-menu__trigger_959s3_213 {
+._teddy-navigation-menu__trigger_h8tnl_222 {
   position: relative;
   all: unset;
   position: relative;
@@ -1750,17 +1839,20 @@
   gap: var(--teddy-spacing-50);
   color: var(--teddy-color-text-interactive-primary);
   font-weight: var(--teddy-typography-weight-medium);
+  white-space: nowrap;
   min-width: var(--teddy-spacing-400);
   font-size: var(--teddy-typography-scale-100);
   line-height: var(--teddy-typography-line-height-loose);
   padding: var(--teddy-spacing-250) var(--teddy-spacing-100);
+  text-align: center;
 }
-._teddy-navigation-menu__trigger--small_959s3_231 {
+._teddy-navigation-menu__trigger--small_h8tnl_242 {
   padding: var(--teddy-spacing-150) var(--teddy-spacing-100);
   font-size: var(--teddy-typography-scale-75);
   line-height: var(--teddy-typography-line-height-loose);
+  outline-offset: -2px;
 }
-._teddy-navigation-menu__trigger--button_959s3_236 {
+._teddy-navigation-menu__trigger--button_h8tnl_248 {
   padding: var(--teddy-spacing-100);
   min-height: var(--teddy-spacing-600);
   border-radius: var(--teddy-border-radius-md);
@@ -1771,7 +1863,12 @@
   gap: var(--teddy-spacing-100);
   row-gap: var(--teddy-spacing-50);
 }
-._teddy-navigation-menu__trigger_959s3_213::after {
+@media (max-width: 600px) {
+  ._teddy-navigation-menu__trigger--button_h8tnl_248 {
+    font-size: var(--teddy-typography-scale-75);
+  }
+}
+._teddy-navigation-menu__trigger_h8tnl_222::after {
   content: "";
   display: block;
   position: absolute;
@@ -1782,10 +1879,10 @@
   pointer-events: none;
   border-bottom: var(--teddy-border-width-sm) solid var(--teddy-color-purple-500);
 }
-._teddy-navigation-menu__trigger--button_959s3_236::after {
+._teddy-navigation-menu__trigger--button_h8tnl_248::after {
   border: var(--teddy-border-width-sm) solid var(--teddy-color-purple-500);
 }
-._teddy-navigation-menu__trigger_959s3_213:not(._teddy-navigation-menu__trigger--button_959s3_236)::before {
+._teddy-navigation-menu__trigger_h8tnl_222:not(._teddy-navigation-menu__trigger--button_h8tnl_248)::before {
   content: attr(data-text);
   content: attr(data-text)/"";
   height: 0;
@@ -1796,36 +1893,36 @@
   font-weight: var(--teddy-typography-weight-bold);
 }
 @media speech {
-  ._teddy-navigation-menu__trigger_959s3_213:not(._teddy-navigation-menu__trigger--button_959s3_236)::before {
+  ._teddy-navigation-menu__trigger_h8tnl_222:not(._teddy-navigation-menu__trigger--button_h8tnl_248)::before {
     display: none;
   }
 }
-._teddy-navigation-menu__trigger_959s3_213:hover {
+._teddy-navigation-menu__trigger_h8tnl_222:hover {
   background-color: var(--teddy-color-background-interactive-transparent-hover);
 }
-._teddy-navigation-menu__trigger_959s3_213:hover::after {
+._teddy-navigation-menu__trigger_h8tnl_222:hover::after {
   opacity: 1;
 }
-._teddy-navigation-menu__trigger_959s3_213:active {
+._teddy-navigation-menu__trigger_h8tnl_222:active {
   background-color: var(--teddy-color-background-interactive-transparent-active);
 }
-._teddy-navigation-menu__trigger_959s3_213:active::after {
+._teddy-navigation-menu__trigger_h8tnl_222:active::after {
   opacity: 1;
 }
-._teddy-navigation-menu__trigger_959s3_213[data-state=open] {
+._teddy-navigation-menu__trigger_h8tnl_222[data-state=open] {
   font-weight: var(--teddy-typography-weight-bold);
 }
-._teddy-navigation-menu__trigger_959s3_213:has([data-active]), ._teddy-navigation-menu__trigger_959s3_213[data-active] {
+._teddy-navigation-menu__trigger_h8tnl_222:has([data-active]), ._teddy-navigation-menu__trigger_h8tnl_222[data-active] {
   font-weight: var(--teddy-typography-weight-bold);
 }
-._teddy-navigation-menu__trigger_959s3_213:has([data-active])::after, ._teddy-navigation-menu__trigger_959s3_213[data-active]::after {
+._teddy-navigation-menu__trigger_h8tnl_222:has([data-active])::after, ._teddy-navigation-menu__trigger_h8tnl_222[data-active]::after {
   border-color: var(--teddy-color-text-interactive-primary);
   opacity: 1;
 }
-._teddy-navigation-menu__trigger_959s3_213:focus-visible {
+._teddy-navigation-menu__trigger_h8tnl_222:focus-visible {
   outline: solid var(--teddy-border-width-sm) var(--teddy-color-border-interactive-focus);
 }
-._teddy-navigation-menu__link_959s3_301 {
+._teddy-navigation-menu__link_h8tnl_318 {
   all: unset;
   position: relative;
   cursor: pointer;
@@ -1837,18 +1934,21 @@
   gap: var(--teddy-spacing-50);
   color: var(--teddy-color-text-interactive-primary);
   font-weight: var(--teddy-typography-weight-medium);
+  white-space: nowrap;
   min-width: var(--teddy-spacing-400);
   font-size: var(--teddy-typography-scale-100);
   line-height: var(--teddy-typography-line-height-loose);
   padding: var(--teddy-spacing-250) var(--teddy-spacing-100);
+  text-align: center;
   text-decoration: none;
 }
-._teddy-navigation-menu__link--small_959s3_319 {
+._teddy-navigation-menu__link--small_h8tnl_338 {
   padding: var(--teddy-spacing-150) var(--teddy-spacing-100);
   font-size: var(--teddy-typography-scale-75);
   line-height: var(--teddy-typography-line-height-loose);
+  outline-offset: -2px;
 }
-._teddy-navigation-menu__link--button_959s3_324 {
+._teddy-navigation-menu__link--button_h8tnl_344 {
   padding: var(--teddy-spacing-100);
   min-height: var(--teddy-spacing-600);
   border-radius: var(--teddy-border-radius-md);
@@ -1859,7 +1959,12 @@
   gap: var(--teddy-spacing-100);
   row-gap: var(--teddy-spacing-50);
 }
-._teddy-navigation-menu__link_959s3_301::after {
+@media (max-width: 600px) {
+  ._teddy-navigation-menu__link--button_h8tnl_344 {
+    font-size: var(--teddy-typography-scale-75);
+  }
+}
+._teddy-navigation-menu__link_h8tnl_318::after {
   content: "";
   display: block;
   position: absolute;
@@ -1870,10 +1975,10 @@
   pointer-events: none;
   border-bottom: var(--teddy-border-width-sm) solid var(--teddy-color-purple-500);
 }
-._teddy-navigation-menu__link--button_959s3_324::after {
+._teddy-navigation-menu__link--button_h8tnl_344::after {
   border: var(--teddy-border-width-sm) solid var(--teddy-color-purple-500);
 }
-._teddy-navigation-menu__link_959s3_301:not(._teddy-navigation-menu__link--button_959s3_324)::before {
+._teddy-navigation-menu__link_h8tnl_318:not(._teddy-navigation-menu__link--button_h8tnl_344)::before {
   content: attr(data-text);
   content: attr(data-text)/"";
   height: 0;
@@ -1884,36 +1989,36 @@
   font-weight: var(--teddy-typography-weight-bold);
 }
 @media speech {
-  ._teddy-navigation-menu__link_959s3_301:not(._teddy-navigation-menu__link--button_959s3_324)::before {
+  ._teddy-navigation-menu__link_h8tnl_318:not(._teddy-navigation-menu__link--button_h8tnl_344)::before {
     display: none;
   }
 }
-._teddy-navigation-menu__link_959s3_301:hover {
+._teddy-navigation-menu__link_h8tnl_318:hover {
   background-color: var(--teddy-color-background-interactive-transparent-hover);
 }
-._teddy-navigation-menu__link_959s3_301:hover::after {
+._teddy-navigation-menu__link_h8tnl_318:hover::after {
   opacity: 1;
 }
-._teddy-navigation-menu__link_959s3_301:active {
+._teddy-navigation-menu__link_h8tnl_318:active {
   background-color: var(--teddy-color-background-interactive-transparent-active);
 }
-._teddy-navigation-menu__link_959s3_301:active::after {
+._teddy-navigation-menu__link_h8tnl_318:active::after {
   opacity: 1;
 }
-._teddy-navigation-menu__link_959s3_301[data-state=open] {
+._teddy-navigation-menu__link_h8tnl_318[data-state=open] {
   font-weight: var(--teddy-typography-weight-bold);
 }
-._teddy-navigation-menu__link_959s3_301:has([data-active]), ._teddy-navigation-menu__link_959s3_301[data-active] {
+._teddy-navigation-menu__link_h8tnl_318:has([data-active]), ._teddy-navigation-menu__link_h8tnl_318[data-active] {
   font-weight: var(--teddy-typography-weight-bold);
 }
-._teddy-navigation-menu__link_959s3_301:has([data-active])::after, ._teddy-navigation-menu__link_959s3_301[data-active]::after {
+._teddy-navigation-menu__link_h8tnl_318:has([data-active])::after, ._teddy-navigation-menu__link_h8tnl_318[data-active]::after {
   border-color: var(--teddy-color-text-interactive-primary);
   opacity: 1;
 }
-._teddy-navigation-menu__link_959s3_301:focus-visible {
+._teddy-navigation-menu__link_h8tnl_318:focus-visible {
   outline: solid var(--teddy-border-width-sm) var(--teddy-color-border-interactive-focus);
 }
-._teddy-navigation-menu__viewport_959s3_33 {
+._teddy-navigation-menu__viewport_h8tnl_34 {
   position: relative;
   background-color: var(--teddy-color-background-primary);
   height: var(--radix-navigation-menu-viewport-height);
@@ -1921,17 +2026,17 @@
   overflow: clip;
 }
 @media (prefers-reduced-motion: no-preference) {
-  ._teddy-navigation-menu__viewport_959s3_33 {
-    transition: width, height, var(--teddy-motion-duration-300) ease;
+  ._teddy-navigation-menu__viewport_h8tnl_34 {
+    transition: height var(--teddy-motion-duration-controlled, 0) ease;
   }
-  ._teddy-navigation-menu__viewport_959s3_33[data-state=open] {
-    animation: _scaleIn_959s3_1 var(--teddy-motion-duration-300) ease;
+  ._teddy-navigation-menu__viewport_h8tnl_34[data-state=open] {
+    animation: _scaleIn_h8tnl_1 var(--teddy-motion-duration-controlled, 0) ease;
   }
-  ._teddy-navigation-menu__viewport_959s3_33[data-state=closed] {
-    animation: _scaleOut_959s3_1 var(--teddy-motion-duration-300) ease;
+  ._teddy-navigation-menu__viewport_h8tnl_34[data-state=closed] {
+    animation: _scaleOut_h8tnl_1 var(--teddy-motion-duration-300) ease;
   }
 }
-@keyframes _scaleIn_959s3_1 {
+@keyframes _scaleIn_h8tnl_1 {
   from {
     opacity: 0;
     transform: scale(0.9);
@@ -1943,7 +2048,7 @@
     height: var(--radix-navigation-menu-viewport-height);
   }
 }
-@keyframes _scaleOut_959s3_1 {
+@keyframes _scaleOut_h8tnl_1 {
   from {
     opacity: 1;
     transform: scale(1);
@@ -1954,7 +2059,7 @@
     height: 0;
   }
 }
-@keyframes _enterFromRight_959s3_1 {
+@keyframes _enterFromRight_h8tnl_1 {
   from {
     opacity: 0;
     transform: translateX(200px);
@@ -1964,7 +2069,7 @@
     transform: translateX(0);
   }
 }
-@keyframes _enterFromLeft_959s3_1 {
+@keyframes _enterFromLeft_h8tnl_1 {
   from {
     opacity: 0;
     transform: translateX(-200px);
@@ -1974,7 +2079,7 @@
     transform: translateX(0);
   }
 }
-@keyframes _exitToRight_959s3_1 {
+@keyframes _exitToRight_h8tnl_1 {
   from {
     opacity: 1;
     transform: translateX(0);
@@ -1984,7 +2089,7 @@
     transform: translateX(200px);
   }
 }
-@keyframes _exitToLeft_959s3_1 {
+@keyframes _exitToLeft_h8tnl_1 {
   from {
     opacity: 1;
     transform: translateX(0);
@@ -1993,222 +2098,302 @@
     opacity: 0;
     transform: translateX(-200px);
   }
-}@layer icon, toggle;
-._teddy-toggle__input_m5h3g_2::before {
-  box-sizing: border-box;
+}._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--subsection_],
+._teddy-text-spacing_dwbo8_1 [class*=_teddy-heading--subsection-100_] {
+  margin-bottom: var(--teddy-spacing-50);
 }
-
-@layer toggle {
-  ._teddy-toggle_m5h3g_2 {
-    width: fit-content;
-    display: flex;
-    align-items: center;
-    position: relative;
-    gap: var(--teddy-spacing-150);
-  }
-  ._teddy-toggle__input_m5h3g_2 {
-    all: unset;
-    cursor: pointer;
-    display: block;
-    width: calc(var(--teddy-spacing-400) + var(--teddy-spacing-150));
-    height: calc(var(--teddy-spacing-400) + var(--teddy-spacing-150));
-    position: relative;
-    color: var(--teddy-color-text-interactive-on-primary);
-  }
-  ._teddy-toggle__input_m5h3g_2::before {
-    content: "";
-    display: block;
-    position: absolute;
-    inset: 0;
-    height: var(--teddy-spacing-300);
-    margin: auto 0;
-    background-color: var(--teddy-color-text-interactive-on-primary);
-    border: var(--teddy-border-width-xs) solid var(--teddy-color-border-interactive-primary);
-    border-radius: var(--teddy-border-radius-full);
-  }
-  @media (prefers-reduced-motion: no-preference) {
-    ._teddy-toggle__input_m5h3g_2::before {
-      transition: background-color var(--teddy-motion-duration-150) ease, border-color var(--teddy-motion-duration-150) ease;
-    }
+._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--overline-100_],
+._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--additional-100_],
+._teddy-text-spacing_dwbo8_1 [class*=_teddy-heading--title-100_],
+._teddy-text-spacing_dwbo8_1 [class*=_teddy-heading--title-200_],
+._teddy-text-spacing_dwbo8_1 [class*=_teddy-heading--title-300_] {
+  margin-bottom: var(--teddy-spacing-100);
+}
+._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--overline-200_] {
+  margin-bottom: var(--teddy-spacing-150);
+}
+._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--paragraph-100_],
+._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--paragraph-200_] {
+  margin-bottom: var(--teddy-spacing-200);
+}
+._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--paragraph-100_] + [class*=_teddy-heading--title-100_],
+._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--paragraph-200_] + [class*=_teddy-heading--title-100_] {
+  margin-top: var(--teddy-spacing-300);
+}
+._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--paragraph-100_] + [class*=_teddy-heading--title-200_],
+._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--paragraph-200_] + [class*=_teddy-heading--title-200_] {
+  margin-top: var(--teddy-spacing-400);
+}
+._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--paragraph-100_] + [class*=_teddy-heading--title-300_],
+._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--paragraph-100_] + [class*=_teddy-heading--title-400_],
+._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--paragraph-100_] + [class*=_teddy-heading--title-500_],
+._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--paragraph-100_] + [class*=_teddy-heading--title-600_],
+._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--paragraph-100_] + [class*=_teddy-heading--title-700_],
+._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--paragraph-200_] + [class*=_teddy-heading--title-300_],
+._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--paragraph-200_] + [class*=_teddy-heading--title-400_],
+._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--paragraph-200_] + [class*=_teddy-heading--title-500_],
+._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--paragraph-200_] + [class*=_teddy-heading--title-600_],
+._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--paragraph-200_] + [class*=_teddy-heading--title-700_] {
+  margin-top: var(--teddy-spacing-600);
+}
+._teddy-text-spacing_dwbo8_1 [class*=_teddy-heading--title-400_],
+._teddy-text-spacing_dwbo8_1 [class*=_teddy-heading--title-500_] {
+  margin-bottom: var(--teddy-spacing-250);
+}
+._teddy-text-spacing_dwbo8_1 [class*=_teddy-heading--title-600_],
+._teddy-text-spacing_dwbo8_1 [class*=_teddy-heading--title-700_],
+._teddy-text-spacing_dwbo8_1 [class*=_teddy-heading--display-25_],
+._teddy-text-spacing_dwbo8_1 [class*=_teddy-heading--display-50_],
+._teddy-text-spacing_dwbo8_1 [class*=_teddy-heading--display-100_],
+._teddy-text-spacing_dwbo8_1 [class*=_teddy-heading--display-200_] {
+  margin-bottom: var(--teddy-spacing-300);
+}
+._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--preamble-100_] {
+  margin-bottom: var(--teddy-spacing-400);
+}
+._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--preamble-200_] {
+  margin-bottom: var(--teddy-spacing-600);
+}
+._teddy-text-spacing_dwbo8_1 * > :last-child,
+._teddy-text-spacing_dwbo8_1 > :last-child {
+  margin-bottom: 0;
+}@keyframes _fadeInAnimation_shhej_1 {
+  0% {
+    opacity: 0;
   }
-  ._teddy-toggle__input_m5h3g_2[data-state=checked]::before {
-    background-color: var(--teddy-color-background-interactive-primary);
-    border-color: var(--teddy-color-functional-transparent);
+  100% {
+    opacity: 1;
   }
-  ._teddy-toggle__input_m5h3g_2[data-state=checked]:disabled::before {
-    background-color: var(--teddy-color-background-interactive-disabled);
-    border-color: var(--teddy-color-functional-transparent);
+}
+@keyframes _scaleInAnimation_shhej_1 {
+  0% {
+    scale: 0;
   }
-  ._teddy-toggle__input_m5h3g_2[data-state=checked]:hover:not(:disabled)::before {
-    background-color: var(--teddy-color-background-interactive-primary-hover);
-    border-color: var(--teddy-color-functional-transparent);
+  100% {
+    scale: 100%;
   }
-  ._teddy-toggle__input_m5h3g_2[data-state=checked]:active:not(:disabled)::before {
-    background-color: var(--teddy-color-background-interactive-primary-active);
-    border-color: var(--teddy-color-functional-transparent);
+}
+._teddy-text-field_shhej_17 {
+  box-sizing: border-box;
+  display: grid;
+  grid-template-columns: 1fr auto;
+  column-gap: var(--teddy-spacing-50);
+  grid-template-areas: "label label" "input button" "error-list error-list" "helper-text helper-text";
+}
+._teddy-text-field__label_shhej_24 {
+  grid-area: label;
+}
+._teddy-text-field__input-group_shhej_27 {
+  grid-area: input;
+}
+:has(._teddy-text-field__button--attached_shhej_30) ._teddy-text-field__frame_shhej_30 {
+  border-radius: var(--teddy-border-radius-md) 0 0 var(--teddy-border-radius-md);
+}
+._teddy-text-field__button_shhej_30 {
+  grid-area: button;
+}
+._teddy-text-field__button--attached_shhej_30 {
+  border-radius: 0 var(--teddy-border-radius-md) var(--teddy-border-radius-md) 0;
+}
+._teddy-text-field_shhej_17 > * + * {
+  margin-top: var(--teddy-spacing-50);
+}
+._teddy-text-field__helper-text_shhej_42 {
+  grid-area: helper-text;
+}
+._teddy-text-field__error-list_shhej_45 {
+  grid-area: error-list;
+  list-style: none;
+  padding: 0;
+}
+._teddy-text-field__error-list_shhej_45 > * + * {
+  margin-top: var(--teddy-spacing-50);
+}@keyframes _fadeInAnimation_mhz8x_1 {
+  0% {
+    opacity: 0;
   }
-  ._teddy-toggle__input_m5h3g_2:disabled {
-    cursor: default;
+  100% {
+    opacity: 1;
   }
-  ._teddy-toggle__input_m5h3g_2:disabled::before {
-    border-color: var(--teddy-color-border-weak);
+}
+@keyframes _scaleInAnimation_mhz8x_1 {
+  0% {
+    scale: 0;
   }
-  ._teddy-toggle__input_m5h3g_2:hover:not(:disabled)::before {
-    background-color: var(--teddy-color-background-interactive-transparent-hover);
-    border-color: var(--teddy-color-border-interactive-primary);
+  100% {
+    scale: 100%;
   }
-  ._teddy-toggle__input_m5h3g_2:active:not(:disabled)::before {
-    background-color: var(--teddy-color-background-interactive-transparent-active);
+}
+._teddy-input__input_mhz8x_17 {
+  box-sizing: border-box;
+}
+@layer input {
+  ._teddy-input_mhz8x_17 {
+    position: relative;
+    cursor: text;
+    display: flex;
+    align-items: center;
+    padding: 0 var(--teddy-spacing-150);
+    gap: var(--teddy-spacing-50);
+    color: var(--teddy-color-text-weak);
   }
-  ._teddy-toggle_m5h3g_2:focus-within::before {
-    border-radius: var(--teddy-border-radius-xs);
-    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);
+  ._teddy-input__frame_mhz8x_31 {
     position: absolute;
+    inset: 0;
+    border-radius: var(--teddy-border-radius-sm);
+    border: var(--teddy-border-width-xs) solid var(--teddy-color-border-interactive-subtle);
     pointer-events: none;
+    z-index: 1;
   }
-  ._teddy-toggle_m5h3g_2:focus-within:has(._teddy-toggle__input_m5h3g_2:not(:focus-visible))::before {
-    opacity: 0;
+  ._teddy-input__clear-button_mhz8x_39 {
+    margin-right: calc(var(--teddy-spacing-100) * -1);
   }
-  ._teddy-toggle__thumb_m5h3g_81 {
-    position: absolute;
-    display: block;
-    height: calc(var(--teddy-spacing-200) + var(--teddy-spacing-25));
-    width: calc(var(--teddy-spacing-200) + var(--teddy-spacing-25));
-    border-radius: var(--teddy-border-radius-full);
-    background-color: var(--teddy-color-background-interactive-primary);
-    inset: 50% auto auto var(--teddy-spacing-10);
-    transform: translate(var(--teddy-spacing-25), -50%);
+  ._teddy-input__input_mhz8x_17 {
+    border-radius: var(--teddy-border-radius-sm);
+    border: none;
+    margin: calc(var(--teddy-spacing-100) + var(--teddy-spacing-25)) 0;
+    font-family: var(--teddy-typography-family-default);
+    font-size: var(--teddy-typography-scale-100);
+    line-height: 150%;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    font-style: normal;
+    font-weight: var(--teddy-typography-weight-normal);
+    outline: none;
+    background: transparent;
+    width: 100%;
+    flex: 1 1 100%;
+    color: var(--teddy-color-text-default);
   }
-  @media (prefers-reduced-motion: no-preference) {
-    ._teddy-toggle__thumb_m5h3g_81 {
-      transition: transform var(--teddy-motion-duration-150) ease, background-color var(--teddy-motion-duration-150) ease;
-      will-change: transform;
-    }
+  ._teddy-input__input_mhz8x_17:hover ~ ._teddy-input__frame_mhz8x_31 {
+    border-width: var(--teddy-border-width-sm);
+    border-color: var(--teddy-color-border-interactive-subtle-hover);
   }
-  ._teddy-toggle__thumb_m5h3g_81[data-disabled] {
-    background-color: var(--teddy-color-background-interactive-disabled);
+  ._teddy-input__input_mhz8x_17:active:not(:disabled):not(:read-only) ~ ._teddy-input__frame_mhz8x_31, ._teddy-input__input_mhz8x_17:focus:not(:disabled):not(:read-only) ~ ._teddy-input__frame_mhz8x_31 {
+    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);
   }
-  ._teddy-toggle__thumb_m5h3g_81[data-state=checked] {
-    background-color: var(--teddy-color-text-interactive-on-primary);
-    transform: translate(calc(100% + var(--teddy-spacing-50)), -50%);
+  ._teddy-input__input_mhz8x_17:disabled {
+    color: var(--teddy-color-text-weak);
   }
-  ._teddy-toggle__thumb_m5h3g_81[data-state=checked][data-disabled] {
-    background-color: var(--teddy-color-text-interactive-on-primary);
+  ._teddy-input__input_mhz8x_17:disabled ~ ._teddy-input__frame_mhz8x_31 {
+    border-width: var(--teddy-border-width-xs);
+    border-color: var(--teddy-color-border-medium);
   }
-  ._teddy-toggle__indicator_m5h3g_107 {
-    position: absolute;
-    inset: 50% auto auto calc(var(--teddy-spacing-150) + var(--teddy-spacing-10));
-    opacity: 0;
-    scale: 0;
-    transform: translate(-50%, -50%);
-    transform-origin: 0 50%;
+  ._teddy-input__input_mhz8x_17:read-only:not(:disabled) {
+    color: var(--teddy-color-text-default);
   }
-  @media (prefers-reduced-motion: no-preference) {
-    ._teddy-toggle__indicator_m5h3g_107 {
-      transition: opacity var(--teddy-motion-duration-150) ease, scale var(--teddy-motion-duration-150) ease;
-    }
+  ._teddy-input__input_mhz8x_17:read-only:not(:disabled) ~ ._teddy-input__frame_mhz8x_31 {
+    border-width: var(--teddy-border-width-xs);
   }
-  ._teddy-toggle__input_m5h3g_2[data-state=checked] ._teddy-toggle__indicator_m5h3g_107 {
-    opacity: 1;
-    scale: 1;
+  ._teddy-input__input_mhz8x_17:read-only:not(:disabled):not(._teddy-input__input--valid_mhz8x_82):not(._teddy-input__input--invalid_mhz8x_82) ~ ._teddy-input__frame_mhz8x_31 {
+    border-color: var(--teddy-color-border-medium);
+  }
+  ._teddy-input__input--valid_mhz8x_82 ~ ._teddy-input__frame_mhz8x_31 {
+    border-color: var(--teddy-color-border-status-success);
   }
+  ._teddy-input__input--valid_mhz8x_82 ~ ._teddy-input__indicator_mhz8x_88 {
+    color: var(--teddy-color-border-status-success);
+  }
+  ._teddy-input__input--error_mhz8x_91:not(:hover) ~ ._teddy-input__frame_mhz8x_31 {
+    border-color: var(--teddy-color-border-status-error);
+  }
+  ._teddy-input_mhz8x_17 > *:not(._teddy-input__input_mhz8x_17) {
+    flex: 0 0 auto;
+  }
+  ._teddy-input__indicator_mhz8x_88 {
+    animation: _fadeInAnimation_mhz8x_1 ease var(--teddy-motion-duration-300), _scaleInAnimation_mhz8x_1 ease var(--teddy-motion-duration-300);
+  }
+  ._teddy-input_mhz8x_17:has(input:disabled) {
+    background-color: var(--teddy-color-background-interactive-disabled);
+  }
+  ._teddy-input_mhz8x_17:has(input:read-only) {
+    background-color: var(--teddy-color-background-interactive-read-only);
+  }
+}._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);
 }@layer heading, link, accordion;
 @layer accordion {
-  ._teddy-accordion--indented_1u2y1_3 ._teddy-accordion__header_1u2y1_3 > *:first-child {
-    padding-left: var(--teddy-spacing-300);
+  ._teddy-accordion_1arsz_3 {
+    --indented-spacing: var(--teddy-spacing-200);
+  }
+  @media (min-width: 600px) {
+    ._teddy-accordion_1arsz_3 {
+      --indented-spacing: var(--teddy-spacing-300);
+    }
+  }
+  ._teddy-accordion--indented_1arsz_11 ._teddy-accordion__header_1arsz_11 > *:first-child {
+    padding-left: var(--indented-spacing);
   }
-  ._teddy-accordion--indented_1u2y1_3 ._teddy-accordion__content_1u2y1_6 {
-    padding-inline: var(--teddy-spacing-300);
+  ._teddy-accordion--indented_1arsz_11 ._teddy-accordion__content_1arsz_14 {
+    padding-inline: var(--indented-spacing);
   }
-  ._teddy-accordion--negative_1u2y1_9 ._teddy-accordion__header_1u2y1_3 {
+  ._teddy-accordion--negative_1arsz_17 ._teddy-accordion__header_1arsz_11 {
     color: var(--teddy-color-text-interactive-primary-negative);
   }
-  ._teddy-accordion--negative_1u2y1_9 ._teddy-accordion__content_1u2y1_6,
-  ._teddy-accordion--negative_1u2y1_9 ._teddy-accordion__title_1u2y1_13 {
+  ._teddy-accordion--negative_1arsz_17 ._teddy-accordion__content_1arsz_14,
+  ._teddy-accordion--negative_1arsz_17 ._teddy-accordion__title_1arsz_21 {
     color: var(--teddy-color-text-default-negative);
   }
-  ._teddy-accordion--negative_1u2y1_9 ._teddy-accordion__trigger_1u2y1_16:hover {
+  ._teddy-accordion--negative_1arsz_17 ._teddy-accordion__trigger_1arsz_24:hover {
     background-color: var(--teddy-color-background-interactive-transparent-negative-hover);
   }
   @media (prefers-reduced-motion: no-preference) {
-    ._teddy-accordion--negative_1u2y1_9 ._teddy-accordion__trigger_1u2y1_16:active {
+    ._teddy-accordion--negative_1arsz_17 ._teddy-accordion__trigger_1arsz_24:active {
       background-color: var(--teddy-color-background-interactive-transparent-negative-active);
     }
   }
-  ._teddy-accordion--negative_1u2y1_9 ._teddy-accordion__item_1u2y1_24 {
+  ._teddy-accordion--negative_1arsz_17 ._teddy-accordion__item_1arsz_32 {
     border-color: var(--teddy-color-border-medium-negative);
   }
-  ._teddy-accordion--negative_1u2y1_9 ._teddy-accordion__item_1u2y1_24:last-child {
+  ._teddy-accordion--negative_1arsz_17 ._teddy-accordion__item_1arsz_32:last-child {
     border-color: var(--teddy-color-border-medium-negative);
   }
-  ._teddy-accordion--info-area_1u2y1_30 ._teddy-accordion__header_1u2y1_3 {
-    color: var(--teddy-color-text-default);
-  }
-  ._teddy-accordion--info-area_1u2y1_30 ._teddy-accordion__content_1u2y1_6::after {
-    height: var(--teddy-spacing-200);
-  }
-  ._teddy-accordion--info-area_1u2y1_30 ._teddy-accordion__content_1u2y1_6,
-  ._teddy-accordion--info-area_1u2y1_30 ._teddy-accordion__title_1u2y1_13 {
-    color: var(--teddy-color-text-default);
-  }
-  ._teddy-accordion--info-area_1u2y1_30 ._teddy-accordion__item_1u2y1_24 {
-    background-color: var(--teddy-color-background-interactive-inactive);
-    border: none;
-  }
-  ._teddy-accordion--info-area_1u2y1_30 ._teddy-accordion__item_1u2y1_24:last-child {
-    border: none;
-  }
-  ._teddy-accordion--info-area_1u2y1_30 ._teddy-accordion__item_1u2y1_24:not(:last-child) {
-    position: relative;
-  }
-  ._teddy-accordion--info-area_1u2y1_30 ._teddy-accordion__item_1u2y1_24:not(:last-child)::after {
-    content: "";
-    display: block;
-    position: absolute;
-    inset: auto var(--teddy-spacing-300) 0 var(--teddy-spacing-300);
-    height: var(--teddy-border-width-xs);
-    transform: translateY(50%);
-    background-color: var(--teddy-color-border-weak);
-  }
-  ._teddy-accordion--info-area_1u2y1_30 ._teddy-accordion__item_1u2y1_24:first-of-type {
-    border-radius: var(--teddy-border-radius-md) var(--teddy-border-radius-md) 0 0;
-  }
-  ._teddy-accordion--info-area_1u2y1_30 ._teddy-accordion__item_1u2y1_24:last-of-type {
-    border-radius: 0 0 var(--teddy-border-radius-md) var(--teddy-border-radius-md);
-  }
-  ._teddy-accordion--info-area_1u2y1_30 ._teddy-accordion__trigger_1u2y1_16:hover {
-    background-color: var(--teddy-color-background-interactive-inactive);
-  }
-  @media (prefers-reduced-motion: no-preference) {
-    ._teddy-accordion--info-area_1u2y1_30 ._teddy-accordion__trigger_1u2y1_16:active {
-      background-color: var(--teddy-color-background-interactive-disabled);
-    }
-  }
-  ._teddy-accordion_1u2y1_3:disabled {
+  ._teddy-accordion_1arsz_3:disabled {
     background-color: var(--teddy-color-background-interactive-transparent);
   }
-  ._teddy-accordion__title_1u2y1_13 {
+  ._teddy-accordion__title_1arsz_21 {
     margin-bottom: var(--teddy-spacing-300);
   }
   @media (min-width: 600px) {
-    ._teddy-accordion__title_1u2y1_13 {
+    ._teddy-accordion__title_1arsz_21 {
       margin-bottom: var(--teddy-spacing-400);
     }
   }
-  ._teddy-accordion__item_1u2y1_24 {
+  ._teddy-accordion__item_1arsz_32 {
     border-top: var(--teddy-border-width-xs) solid var(--teddy-color-border-weak);
   }
-  ._teddy-accordion__item_1u2y1_24:first-child {
+  ._teddy-accordion__item_1arsz_32:first-child {
     margin-top: 0;
   }
-  ._teddy-accordion__item_1u2y1_24:last-child {
+  ._teddy-accordion__item_1arsz_32:last-child {
     border-bottom: var(--teddy-border-width-xs) solid var(--teddy-color-border-weak);
   }
-  ._teddy-accordion__header_1u2y1_3 {
+  ._teddy-accordion__header_1arsz_11 {
     background-color: var(--teddy-color-background-interactive-transparent);
     display: grid;
     grid-template-columns: minmax(0, 1fr) auto;
@@ -2217,7 +2402,7 @@
     color: var(--teddy-color-text-interactive-primary);
     font-weight: var(--teddy-typography-weight-bold);
   }
-  ._teddy-accordion__trigger_1u2y1_16 {
+  ._teddy-accordion__trigger_1arsz_24 {
     all: unset;
     font-family: inherit;
     background-color: transparent;
@@ -2231,78 +2416,268 @@
     transition-timing-function: var(--teddy-motion-easing-ease-in-out);
     transition-property: background-color, color;
   }
-  ._teddy-accordion__trigger_1u2y1_16:hover {
+  ._teddy-accordion__trigger_1arsz_24:hover {
     background-color: var(--teddy-color-background-interactive-transparent-hover);
   }
   @media (prefers-reduced-motion: no-preference) {
-    ._teddy-accordion__trigger_1u2y1_16:active {
+    ._teddy-accordion__trigger_1arsz_24:active {
       background-color: var(--teddy-color-background-interactive-transparent-active);
     }
   }
-  ._teddy-accordion__trigger_1u2y1_16:focus-within {
+  ._teddy-accordion__trigger_1arsz_24:focus-within {
     outline: solid var(--teddy-border-width-sm) var(--teddy-color-border-interactive-focus);
     outline-offset: var(--teddy-spacing-25);
     z-index: 1;
   }
-  ._teddy-accordion__trigger_1u2y1_16:focus-within:not(:focus-visible) {
+  ._teddy-accordion__trigger_1arsz_24:focus-within:not(:focus-visible) {
     outline: 0;
   }
-  ._teddy-accordion__trigger_1u2y1_16:disabled {
+  ._teddy-accordion__trigger_1arsz_24:disabled {
     cursor: not-allowed;
     background-color: var(--teddy-color-background-interactive-disabled);
   }
-  ._teddy-accordion__trigger_1u2y1_16 ._teddy-accordion__indicator_1u2y1_136 {
+  ._teddy-accordion__trigger_1arsz_24 ._teddy-accordion__indicator_1arsz_101 {
     flex-shrink: 0;
     transform: rotate(0);
-    margin: var(--teddy-spacing-300);
+    margin: var(--indented-spacing);
   }
   @media (min-width: 1024px) {
-    ._teddy-accordion__trigger_1u2y1_16 ._teddy-accordion__indicator_1u2y1_136 {
+    ._teddy-accordion__trigger_1arsz_24 ._teddy-accordion__indicator_1arsz_101 {
       margin-block: var(--teddy-spacing-400);
     }
   }
   @media (prefers-reduced-motion: no-preference) {
-    ._teddy-accordion__trigger_1u2y1_16 ._teddy-accordion__indicator--rotate_1u2y1_147 {
+    ._teddy-accordion__trigger_1arsz_24 ._teddy-accordion__indicator--rotate_1arsz_112 {
       transition: transform var(--teddy-motion-duration-300) var(--teddy-motion-easing-ease-in-out);
     }
   }
-  ._teddy-accordion__trigger_1u2y1_16[data-state=open] ._teddy-accordion__indicator_1u2y1_136 {
+  ._teddy-accordion__trigger_1arsz_24[data-state=open] ._teddy-accordion__indicator_1arsz_101 {
     transform: rotate(180deg);
   }
-  ._teddy-accordion__content_1u2y1_6 {
+  ._teddy-accordion__content_1arsz_14 {
     overflow: hidden;
     color: var(--teddy-color-text-default);
     padding: 0 var(--teddy-spacing-300) 0 0;
   }
   @media (prefers-reduced-motion: no-preference) {
-    ._teddy-accordion__content_1u2y1_6[data-state=open] {
-      animation: _slideDown_1u2y1_1 var(--teddy-motion-duration-300) var(--teddy-motion-easing-ease-in-out);
+    ._teddy-accordion__content_1arsz_14[data-state=open] {
+      animation: _slideDown_1arsz_1 var(--teddy-motion-duration-300) var(--teddy-motion-easing-ease-in-out);
     }
-    ._teddy-accordion__content_1u2y1_6[data-state=closed] {
-      animation: _slideUp_1u2y1_1 var(--teddy-motion-duration-300) var(--teddy-motion-easing-ease-in-out);
+    ._teddy-accordion__content_1arsz_14[data-state=closed] {
+      animation: _slideUp_1arsz_1 var(--teddy-motion-duration-300) var(--teddy-motion-easing-ease-in-out);
     }
   }
-  ._teddy-accordion__content_1u2y1_6::after {
+  ._teddy-accordion__content_1arsz_14::after {
     content: "";
     display: block;
     height: var(--teddy-spacing-400);
     width: 100%;
   }
-  @keyframes _slideDown_1u2y1_1 {
-    from {
-      height: 0;
-    }
-    to {
-      height: var(--radix-accordion-content-height);
+  ._teddy-accordion--info-area_1arsz_138 ._teddy-accordion__header_1arsz_11 {
+    color: var(--teddy-color-text-default);
+    font-size: var(--teddy-typography-scale-100);
+  }
+  ._teddy-accordion--info-area_1arsz_138 ._teddy-accordion__content_1arsz_14::after {
+    height: var(--teddy-spacing-200);
+  }
+  ._teddy-accordion--info-area_1arsz_138 ._teddy-accordion__indicator_1arsz_101 {
+    margin-block: var(--teddy-spacing-200);
+  }
+  ._teddy-accordion--info-area_1arsz_138 ._teddy-accordion__content_1arsz_14,
+  ._teddy-accordion--info-area_1arsz_138 ._teddy-accordion__title_1arsz_21 {
+    color: var(--teddy-color-text-default);
+  }
+  ._teddy-accordion--info-area_1arsz_138 ._teddy-accordion__item_1arsz_32 {
+    background-color: var(--teddy-color-background-interactive-inactive);
+    border: none;
+  }
+  ._teddy-accordion--info-area_1arsz_138 ._teddy-accordion__item_1arsz_32:last-child {
+    border: none;
+  }
+  ._teddy-accordion--info-area_1arsz_138 ._teddy-accordion__item_1arsz_32:not(:last-child) {
+    position: relative;
+  }
+  ._teddy-accordion--info-area_1arsz_138 ._teddy-accordion__item_1arsz_32:not(:last-child)::after {
+    content: "";
+    display: block;
+    position: absolute;
+    inset: auto var(--indented-spacing) 0 var(--indented-spacing);
+    height: var(--teddy-border-width-xs);
+    transform: translateY(50%);
+    background-color: var(--teddy-color-border-weak);
+  }
+  ._teddy-accordion--info-area_1arsz_138 ._teddy-accordion__item_1arsz_32:first-of-type {
+    border-radius: var(--teddy-border-radius-md) var(--teddy-border-radius-md) 0 0;
+  }
+  ._teddy-accordion--info-area_1arsz_138 ._teddy-accordion__item_1arsz_32:last-of-type {
+    border-radius: 0 0 var(--teddy-border-radius-md) var(--teddy-border-radius-md);
+  }
+  ._teddy-accordion--info-area_1arsz_138 ._teddy-accordion__trigger_1arsz_24:hover {
+    background-color: var(--teddy-color-background-interactive-inactive);
+  }
+  @media (prefers-reduced-motion: no-preference) {
+    ._teddy-accordion--info-area_1arsz_138 ._teddy-accordion__trigger_1arsz_24:active {
+      background-color: var(--teddy-color-background-interactive-disabled);
+    }
+  }
+  @keyframes _slideDown_1arsz_1 {
+    from {
+      height: 0;
+    }
+    to {
+      height: var(--radix-accordion-content-height);
+    }
+  }
+  @keyframes _slideUp_1arsz_1 {
+    from {
+      height: var(--radix-accordion-content-height);
+    }
+    to {
+      height: 0;
+    }
+  }
+}._teddy-global-navigation_1b1i5_1 {
+  position: sticky;
+  inset: 0 0 auto 0;
+}
+._teddy-global-navigation__mobile_1b1i5_5 {
+  padding: var(--teddy-spacing-25) var(--teddy-spacing-200);
+  border-bottom: var(--teddy-border-width-sm) solid var(--teddy-color-border-weak);
+}
+._teddy-global-navigation__mobile_1b1i5_5::before {
+  content: "";
+  display: block;
+  width: var(--width-for-centering-element);
+}
+._teddy-global-navigation__mobile_1b1i5_5::after {
+  content: "";
+  display: block;
+  width: var(--width-for-centering-element);
+}
+._teddy-global-navigation__link_1b1i5_19 {
+  text-decoration: none;
+}@layer icon, toggle;
+._teddy-toggle__input_m5h3g_2::before {
+  box-sizing: border-box;
+}
+
+@layer toggle {
+  ._teddy-toggle_m5h3g_2 {
+    width: fit-content;
+    display: flex;
+    align-items: center;
+    position: relative;
+    gap: var(--teddy-spacing-150);
+  }
+  ._teddy-toggle__input_m5h3g_2 {
+    all: unset;
+    cursor: pointer;
+    display: block;
+    width: calc(var(--teddy-spacing-400) + var(--teddy-spacing-150));
+    height: calc(var(--teddy-spacing-400) + var(--teddy-spacing-150));
+    position: relative;
+    color: var(--teddy-color-text-interactive-on-primary);
+  }
+  ._teddy-toggle__input_m5h3g_2::before {
+    content: "";
+    display: block;
+    position: absolute;
+    inset: 0;
+    height: var(--teddy-spacing-300);
+    margin: auto 0;
+    background-color: var(--teddy-color-text-interactive-on-primary);
+    border: var(--teddy-border-width-xs) solid var(--teddy-color-border-interactive-primary);
+    border-radius: var(--teddy-border-radius-full);
+  }
+  @media (prefers-reduced-motion: no-preference) {
+    ._teddy-toggle__input_m5h3g_2::before {
+      transition: background-color var(--teddy-motion-duration-150) ease, border-color var(--teddy-motion-duration-150) ease;
+    }
+  }
+  ._teddy-toggle__input_m5h3g_2[data-state=checked]::before {
+    background-color: var(--teddy-color-background-interactive-primary);
+    border-color: var(--teddy-color-functional-transparent);
+  }
+  ._teddy-toggle__input_m5h3g_2[data-state=checked]:disabled::before {
+    background-color: var(--teddy-color-background-interactive-disabled);
+    border-color: var(--teddy-color-functional-transparent);
+  }
+  ._teddy-toggle__input_m5h3g_2[data-state=checked]:hover:not(:disabled)::before {
+    background-color: var(--teddy-color-background-interactive-primary-hover);
+    border-color: var(--teddy-color-functional-transparent);
+  }
+  ._teddy-toggle__input_m5h3g_2[data-state=checked]:active:not(:disabled)::before {
+    background-color: var(--teddy-color-background-interactive-primary-active);
+    border-color: var(--teddy-color-functional-transparent);
+  }
+  ._teddy-toggle__input_m5h3g_2:disabled {
+    cursor: default;
+  }
+  ._teddy-toggle__input_m5h3g_2:disabled::before {
+    border-color: var(--teddy-color-border-weak);
+  }
+  ._teddy-toggle__input_m5h3g_2:hover:not(:disabled)::before {
+    background-color: var(--teddy-color-background-interactive-transparent-hover);
+    border-color: var(--teddy-color-border-interactive-primary);
+  }
+  ._teddy-toggle__input_m5h3g_2:active:not(:disabled)::before {
+    background-color: var(--teddy-color-background-interactive-transparent-active);
+  }
+  ._teddy-toggle_m5h3g_2:focus-within::before {
+    border-radius: var(--teddy-border-radius-xs);
+    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;
+    pointer-events: none;
+  }
+  ._teddy-toggle_m5h3g_2:focus-within:has(._teddy-toggle__input_m5h3g_2:not(:focus-visible))::before {
+    opacity: 0;
+  }
+  ._teddy-toggle__thumb_m5h3g_81 {
+    position: absolute;
+    display: block;
+    height: calc(var(--teddy-spacing-200) + var(--teddy-spacing-25));
+    width: calc(var(--teddy-spacing-200) + var(--teddy-spacing-25));
+    border-radius: var(--teddy-border-radius-full);
+    background-color: var(--teddy-color-background-interactive-primary);
+    inset: 50% auto auto var(--teddy-spacing-10);
+    transform: translate(var(--teddy-spacing-25), -50%);
+  }
+  @media (prefers-reduced-motion: no-preference) {
+    ._teddy-toggle__thumb_m5h3g_81 {
+      transition: transform var(--teddy-motion-duration-150) ease, background-color var(--teddy-motion-duration-150) ease;
+      will-change: transform;
+    }
+  }
+  ._teddy-toggle__thumb_m5h3g_81[data-disabled] {
+    background-color: var(--teddy-color-background-interactive-disabled);
+  }
+  ._teddy-toggle__thumb_m5h3g_81[data-state=checked] {
+    background-color: var(--teddy-color-text-interactive-on-primary);
+    transform: translate(calc(100% + var(--teddy-spacing-50)), -50%);
+  }
+  ._teddy-toggle__thumb_m5h3g_81[data-state=checked][data-disabled] {
+    background-color: var(--teddy-color-text-interactive-on-primary);
+  }
+  ._teddy-toggle__indicator_m5h3g_107 {
+    position: absolute;
+    inset: 50% auto auto calc(var(--teddy-spacing-150) + var(--teddy-spacing-10));
+    opacity: 0;
+    scale: 0;
+    transform: translate(-50%, -50%);
+    transform-origin: 0 50%;
+  }
+  @media (prefers-reduced-motion: no-preference) {
+    ._teddy-toggle__indicator_m5h3g_107 {
+      transition: opacity var(--teddy-motion-duration-150) ease, scale var(--teddy-motion-duration-150) ease;
     }
   }
-  @keyframes _slideUp_1u2y1_1 {
-    from {
-      height: var(--radix-accordion-content-height);
-    }
-    to {
-      height: 0;
-    }
+  ._teddy-toggle__input_m5h3g_2[data-state=checked] ._teddy-toggle__indicator_m5h3g_107 {
+    opacity: 1;
+    scale: 1;
   }
 }._teddy-badge_1fsdh_1 {
   font-family: var(--teddy-typography-family-default);
@@ -2382,244 +2757,6 @@
 ._teddy-badge--error_1fsdh_72._teddy-badge--alert-badge_1fsdh_19 {
   background-color: var(--teddy-color-text-status-error-strong);
   border-color: var(--teddy-color-background-status-error-strong);
-}._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-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);
-}@keyframes _fadeInAnimation_mhz8x_1 {
-  0% {
-    opacity: 0;
-  }
-  100% {
-    opacity: 1;
-  }
-}
-@keyframes _scaleInAnimation_mhz8x_1 {
-  0% {
-    scale: 0;
-  }
-  100% {
-    scale: 100%;
-  }
-}
-._teddy-input__input_mhz8x_17 {
-  box-sizing: border-box;
-}
-@layer input {
-  ._teddy-input_mhz8x_17 {
-    position: relative;
-    cursor: text;
-    display: flex;
-    align-items: center;
-    padding: 0 var(--teddy-spacing-150);
-    gap: var(--teddy-spacing-50);
-    color: var(--teddy-color-text-weak);
-  }
-  ._teddy-input__frame_mhz8x_31 {
-    position: absolute;
-    inset: 0;
-    border-radius: var(--teddy-border-radius-sm);
-    border: var(--teddy-border-width-xs) solid var(--teddy-color-border-interactive-subtle);
-    pointer-events: none;
-    z-index: 1;
-  }
-  ._teddy-input__clear-button_mhz8x_39 {
-    margin-right: calc(var(--teddy-spacing-100) * -1);
-  }
-  ._teddy-input__input_mhz8x_17 {
-    border-radius: var(--teddy-border-radius-sm);
-    border: none;
-    margin: calc(var(--teddy-spacing-100) + var(--teddy-spacing-25)) 0;
-    font-family: var(--teddy-typography-family-default);
-    font-size: var(--teddy-typography-scale-100);
-    line-height: 150%;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    font-style: normal;
-    font-weight: var(--teddy-typography-weight-normal);
-    outline: none;
-    background: transparent;
-    width: 100%;
-    flex: 1 1 100%;
-    color: var(--teddy-color-text-default);
-  }
-  ._teddy-input__input_mhz8x_17:hover ~ ._teddy-input__frame_mhz8x_31 {
-    border-width: var(--teddy-border-width-sm);
-    border-color: var(--teddy-color-border-interactive-subtle-hover);
-  }
-  ._teddy-input__input_mhz8x_17:active:not(:disabled):not(:read-only) ~ ._teddy-input__frame_mhz8x_31, ._teddy-input__input_mhz8x_17:focus:not(:disabled):not(:read-only) ~ ._teddy-input__frame_mhz8x_31 {
-    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);
-  }
-  ._teddy-input__input_mhz8x_17:disabled {
-    color: var(--teddy-color-text-weak);
-  }
-  ._teddy-input__input_mhz8x_17:disabled ~ ._teddy-input__frame_mhz8x_31 {
-    border-width: var(--teddy-border-width-xs);
-    border-color: var(--teddy-color-border-medium);
-  }
-  ._teddy-input__input_mhz8x_17:read-only:not(:disabled) {
-    color: var(--teddy-color-text-default);
-  }
-  ._teddy-input__input_mhz8x_17:read-only:not(:disabled) ~ ._teddy-input__frame_mhz8x_31 {
-    border-width: var(--teddy-border-width-xs);
-  }
-  ._teddy-input__input_mhz8x_17:read-only:not(:disabled):not(._teddy-input__input--valid_mhz8x_82):not(._teddy-input__input--invalid_mhz8x_82) ~ ._teddy-input__frame_mhz8x_31 {
-    border-color: var(--teddy-color-border-medium);
-  }
-  ._teddy-input__input--valid_mhz8x_82 ~ ._teddy-input__frame_mhz8x_31 {
-    border-color: var(--teddy-color-border-status-success);
-  }
-  ._teddy-input__input--valid_mhz8x_82 ~ ._teddy-input__indicator_mhz8x_88 {
-    color: var(--teddy-color-border-status-success);
-  }
-  ._teddy-input__input--error_mhz8x_91:not(:hover) ~ ._teddy-input__frame_mhz8x_31 {
-    border-color: var(--teddy-color-border-status-error);
-  }
-  ._teddy-input_mhz8x_17 > *:not(._teddy-input__input_mhz8x_17) {
-    flex: 0 0 auto;
-  }
-  ._teddy-input__indicator_mhz8x_88 {
-    animation: _fadeInAnimation_mhz8x_1 ease var(--teddy-motion-duration-300), _scaleInAnimation_mhz8x_1 ease var(--teddy-motion-duration-300);
-  }
-  ._teddy-input_mhz8x_17:has(input:disabled) {
-    background-color: var(--teddy-color-background-interactive-disabled);
-  }
-  ._teddy-input_mhz8x_17:has(input:read-only) {
-    background-color: var(--teddy-color-background-interactive-read-only);
-  }
-}@keyframes _fadeInAnimation_shhej_1 {
-  0% {
-    opacity: 0;
-  }
-  100% {
-    opacity: 1;
-  }
-}
-@keyframes _scaleInAnimation_shhej_1 {
-  0% {
-    scale: 0;
-  }
-  100% {
-    scale: 100%;
-  }
-}
-._teddy-text-field_shhej_17 {
-  box-sizing: border-box;
-  display: grid;
-  grid-template-columns: 1fr auto;
-  column-gap: var(--teddy-spacing-50);
-  grid-template-areas: "label label" "input button" "error-list error-list" "helper-text helper-text";
-}
-._teddy-text-field__label_shhej_24 {
-  grid-area: label;
-}
-._teddy-text-field__input-group_shhej_27 {
-  grid-area: input;
-}
-:has(._teddy-text-field__button--attached_shhej_30) ._teddy-text-field__frame_shhej_30 {
-  border-radius: var(--teddy-border-radius-md) 0 0 var(--teddy-border-radius-md);
-}
-._teddy-text-field__button_shhej_30 {
-  grid-area: button;
-}
-._teddy-text-field__button--attached_shhej_30 {
-  border-radius: 0 var(--teddy-border-radius-md) var(--teddy-border-radius-md) 0;
-}
-._teddy-text-field_shhej_17 > * + * {
-  margin-top: var(--teddy-spacing-50);
-}
-._teddy-text-field__helper-text_shhej_42 {
-  grid-area: helper-text;
-}
-._teddy-text-field__error-list_shhej_45 {
-  grid-area: error-list;
-  list-style: none;
-  padding: 0;
-}
-._teddy-text-field__error-list_shhej_45 > * + * {
-  margin-top: var(--teddy-spacing-50);
-}._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--subsection_],
-._teddy-text-spacing_dwbo8_1 [class*=_teddy-heading--subsection-100_] {
-  margin-bottom: var(--teddy-spacing-50);
-}
-._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--overline-100_],
-._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--additional-100_],
-._teddy-text-spacing_dwbo8_1 [class*=_teddy-heading--title-100_],
-._teddy-text-spacing_dwbo8_1 [class*=_teddy-heading--title-200_],
-._teddy-text-spacing_dwbo8_1 [class*=_teddy-heading--title-300_] {
-  margin-bottom: var(--teddy-spacing-100);
-}
-._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--overline-200_] {
-  margin-bottom: var(--teddy-spacing-150);
-}
-._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--paragraph-100_],
-._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--paragraph-200_] {
-  margin-bottom: var(--teddy-spacing-200);
-}
-._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--paragraph-100_] + [class*=_teddy-heading--title-100_],
-._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--paragraph-200_] + [class*=_teddy-heading--title-100_] {
-  margin-top: var(--teddy-spacing-300);
-}
-._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--paragraph-100_] + [class*=_teddy-heading--title-200_],
-._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--paragraph-200_] + [class*=_teddy-heading--title-200_] {
-  margin-top: var(--teddy-spacing-400);
-}
-._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--paragraph-100_] + [class*=_teddy-heading--title-300_],
-._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--paragraph-100_] + [class*=_teddy-heading--title-400_],
-._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--paragraph-100_] + [class*=_teddy-heading--title-500_],
-._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--paragraph-100_] + [class*=_teddy-heading--title-600_],
-._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--paragraph-100_] + [class*=_teddy-heading--title-700_],
-._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--paragraph-200_] + [class*=_teddy-heading--title-300_],
-._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--paragraph-200_] + [class*=_teddy-heading--title-400_],
-._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--paragraph-200_] + [class*=_teddy-heading--title-500_],
-._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--paragraph-200_] + [class*=_teddy-heading--title-600_],
-._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--paragraph-200_] + [class*=_teddy-heading--title-700_] {
-  margin-top: var(--teddy-spacing-600);
-}
-._teddy-text-spacing_dwbo8_1 [class*=_teddy-heading--title-400_],
-._teddy-text-spacing_dwbo8_1 [class*=_teddy-heading--title-500_] {
-  margin-bottom: var(--teddy-spacing-250);
-}
-._teddy-text-spacing_dwbo8_1 [class*=_teddy-heading--title-600_],
-._teddy-text-spacing_dwbo8_1 [class*=_teddy-heading--title-700_],
-._teddy-text-spacing_dwbo8_1 [class*=_teddy-heading--display-25_],
-._teddy-text-spacing_dwbo8_1 [class*=_teddy-heading--display-50_],
-._teddy-text-spacing_dwbo8_1 [class*=_teddy-heading--display-100_],
-._teddy-text-spacing_dwbo8_1 [class*=_teddy-heading--display-200_] {
-  margin-bottom: var(--teddy-spacing-300);
-}
-._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--preamble-100_] {
-  margin-bottom: var(--teddy-spacing-400);
-}
-._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--preamble-200_] {
-  margin-bottom: var(--teddy-spacing-600);
-}
-._teddy-text-spacing_dwbo8_1 * > :last-child,
-._teddy-text-spacing_dwbo8_1 > :last-child {
-  margin-bottom: 0;
 }@keyframes _teddy-fade-in_3n21u_1 {
   from {
     opacity: 0;