@telia/teddy 0.0.26 → 0.0.28

package/dist/style.css

@@ -1,4 +1,124 @@
-._teddy-spinner--xxs_ywden_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);
+}
+._teddy-tooltip__content_14d9w_1._teddy-tooltip--negative_14d9w_13 {
+  background-color: var(--teddy-color-background-tone-on-tone-secondary);
+  color: var(--teddy-color-text-tone-on-tone-secondary);
+}
+._teddy-tooltip__arrow_14d9w_17 {
+  fill: var(--teddy-color-background-tone-on-tone-primary);
+}
+._teddy-tooltip--negative_14d9w_13 ._teddy-tooltip__arrow_14d9w_17 {
+  fill: var(--teddy-color-background-tone-on-tone-secondary);
+}
+@media (prefers-reduced-motion: no-preference) {
+  ._teddy-tooltip__content_14d9w_1[data-state=delayed-open][data-side=top] {
+    animation-name: _slideDownAndFade_14d9w_1;
+  }
+  ._teddy-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;
+  }
+}
+
+@keyframes _slideUpAndFade_14d9w_1 {
+  from {
+    opacity: 0;
+    transform: translateY(2px);
+    scale: 0.9;
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+@keyframes _slideRightAndFade_14d9w_1 {
+  from {
+    opacity: 0;
+    scale: 0.9;
+    transform: translateX(-2px);
+  }
+  to {
+    opacity: 1;
+    transform: translateX(0);
+  }
+}
+@keyframes _slideDownAndFade_14d9w_1 {
+  from {
+    opacity: 0;
+    scale: 0.9;
+    transform: translateY(-2px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+@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);
 }
@@ -58,7 +178,7 @@
   100% {
     stroke-dashoffset: 125;
   }
-}@keyframes _fadeInAnimation_124k8_1 {
+}@keyframes _fadeInAnimation_aswkh_1 {
   0% {
     opacity: 0;
   }
@@ -66,7 +186,7 @@
     opacity: 1;
   }
 }
-@keyframes _scaleInAnimation_124k8_1 {
+@keyframes _scaleInAnimation_aswkh_1 {
   0% {
     scale: 0;
   }
@@ -75,7 +195,7 @@
   }
 }
 @layer button {
-  ._teddy-button_124k8_18 {
+  ._teddy-button_aswkh_18 {
     align-items: center;
     border-radius: var(--teddy-border-radius-full);
     border-width: 0;
@@ -95,7 +215,7 @@
     transition-property: background-color, color;
     width: auto;
   }
-  ._teddy-button_124k8_18:focus::before {
+  ._teddy-button_aswkh_18:focus::before {
     border-radius: inherit;
     box-shadow: 0 0 0 var(--teddy-border-width-sm) var(--teddy-color-border-interactive-focus);
     content: "";
@@ -104,270 +224,304 @@
     inset: calc(var(--teddy-spacing-25) * -1);
     position: absolute;
   }
-  ._teddy-button_124k8_18:focus:not(:focus-visible)::before {
+  ._teddy-button_aswkh_18:focus:not(:focus-visible)::before {
     opacity: 0;
   }
-  ._teddy-button_124k8_18 svg {
+  ._teddy-button_aswkh_18 svg {
     display: block;
   }
-  ._teddy-button--sm_124k8_53 {
+  ._teddy-button--sm_aswkh_53 {
     padding: var(--teddy-spacing-150) var(--teddy-spacing-250);
   }
-  ._teddy-button--sm_124k8_53._teddy-button--icon-only_124k8_56 {
+  ._teddy-button--sm_aswkh_53._teddy-button--icon-only_aswkh_56 {
     padding: var(--teddy-spacing-150);
   }
-  ._teddy-button--md_124k8_59 {
+  ._teddy-button--md_aswkh_59 {
     padding: var(--teddy-spacing-200) var(--teddy-spacing-300);
   }
-  ._teddy-button--md_124k8_59._teddy-button--icon-only_124k8_56 {
+  ._teddy-button--md_aswkh_59._teddy-button--icon-only_aswkh_56 {
     padding: var(--teddy-spacing-200);
   }
-  ._teddy-button--lg_124k8_65 {
+  ._teddy-button--lg_aswkh_65 {
     padding: var(--teddy-spacing-250) var(--teddy-spacing-400);
   }
-  ._teddy-button--lg_124k8_65._teddy-button--icon-only_124k8_56 {
+  ._teddy-button--lg_aswkh_65._teddy-button--icon-only_aswkh_56 {
     padding: var(--teddy-spacing-250);
   }
-  ._teddy-button--full-width_124k8_71 {
+  ._teddy-button--full-width_aswkh_71 {
     width: 100%;
   }
-  ._teddy-button--primary_124k8_74 {
+  ._teddy-button--primary_aswkh_74 {
     background-color: var(--teddy-color-background-interactive-primary);
     color: var(--teddy-color-text-interactive-on-primary);
   }
-  ._teddy-button--primary_124k8_74:hover:not(._teddy-button--disabled_124k8_78) {
+  ._teddy-button--primary_aswkh_74:hover:not(._teddy-button--disabled_aswkh_78) {
     background-color: var(--teddy-color-background-interactive-primary-hover);
   }
-  ._teddy-button--primary_124k8_74:active:not(._teddy-button--disabled_124k8_78) {
+  ._teddy-button--primary_aswkh_74:active:not(._teddy-button--disabled_aswkh_78) {
     background-color: var(--teddy-color-background-interactive-primary-active);
   }
-  ._teddy-button--primary-negative_124k8_84 {
+  ._teddy-button--primary-negative_aswkh_84 {
     background-color: var(--teddy-color-background-interactive-primary-negative);
     color: var(--teddy-color-text-interactive-on-primary-negative);
   }
-  ._teddy-button--primary-negative_124k8_84:hover:not(._teddy-button--disabled_124k8_78) {
+  ._teddy-button--primary-negative_aswkh_84:hover:not(._teddy-button--disabled_aswkh_78) {
     background-color: var(--teddy-color-background-interactive-primary-negative-hover);
     border-color: var(--teddy-color-background-interactive-primary-negative-hover);
   }
-  ._teddy-button--primary-negative_124k8_84:active:not(._teddy-button--disabled_124k8_78) {
+  ._teddy-button--primary-negative_aswkh_84:active:not(._teddy-button--disabled_aswkh_78) {
     background-color: var(--teddy-color-background-interactive-primary-negative-active);
     border-color: var(--teddy-color-background-interactive-primary-negative-active);
   }
-  ._teddy-button--secondary_124k8_96 {
+  ._teddy-button--secondary_aswkh_96 {
     background-color: var(--teddy-color-background-interactive-transparent);
     box-shadow: inset 0 0 0 var(--teddy-border-width-xs) var(--teddy-color-border-interactive-primary);
     color: var(--teddy-color-text-interactive-primary);
   }
-  ._teddy-button--secondary_124k8_96:hover:not(._teddy-button--disabled_124k8_78) {
+  ._teddy-button--secondary_aswkh_96:hover:not(._teddy-button--disabled_aswkh_78) {
     background-color: var(--teddy-color-background-interactive-transparent-hover);
   }
-  ._teddy-button--secondary_124k8_96:active:not(._teddy-button--disabled_124k8_78) {
+  ._teddy-button--secondary_aswkh_96:active:not(._teddy-button--disabled_aswkh_78) {
     background-color: var(--teddy-color-background-interactive-transparent-active);
   }
-  ._teddy-button--secondary-negative_124k8_107 {
+  ._teddy-button--secondary-negative_aswkh_107 {
     background-color: var(--teddy-color-background-interactive-transparent);
     box-shadow: inset 0 0 0 var(--teddy-border-width-xs) var(--teddy-color-border-interactive-primary-negative);
     color: var(--teddy-color-text-interactive-primary-negative);
   }
-  ._teddy-button--secondary-negative_124k8_107:hover:not(._teddy-button--disabled_124k8_78) {
+  ._teddy-button--secondary-negative_aswkh_107:hover:not(._teddy-button--disabled_aswkh_78) {
     background-color: var(--teddy-color-background-interactive-transparent-negative-hover);
   }
-  ._teddy-button--secondary-negative_124k8_107:active:not(._teddy-button--disabled_124k8_78) {
+  ._teddy-button--secondary-negative_aswkh_107:active:not(._teddy-button--disabled_aswkh_78) {
     background-color: var(--teddy-color-background-interactive-transparent-negative-active);
   }
-  ._teddy-button--expressive_124k8_118 {
+  ._teddy-button--expressive_aswkh_118 {
     background-color: var(--teddy-color-background-interactive-expressive);
     color: var(--teddy-color-text-interactive-on-expressive);
   }
-  ._teddy-button--expressive_124k8_118:hover:not(._teddy-button--disabled_124k8_78) {
+  ._teddy-button--expressive_aswkh_118:hover:not(._teddy-button--disabled_aswkh_78) {
     background-color: var(--teddy-color-background-interactive-expressive-hover);
   }
-  ._teddy-button--expressive_124k8_118:active:not(._teddy-button--disabled_124k8_78) {
+  ._teddy-button--expressive_aswkh_118:active:not(._teddy-button--disabled_aswkh_78) {
     background-color: var(--teddy-color-background-interactive-expressive-active);
   }
-  ._teddy-button--expressive-negative_124k8_128 {
+  ._teddy-button--expressive-negative_aswkh_128 {
     background-color: var(--teddy-color-background-interactive-expressive-negative);
     color: var(--teddy-color-text-interactive-on-expressive-negative);
   }
-  ._teddy-button--expressive-negative_124k8_128:hover:not(._teddy-button--disabled_124k8_78) {
+  ._teddy-button--expressive-negative_aswkh_128:hover:not(._teddy-button--disabled_aswkh_78) {
     background-color: var(--teddy-color-background-interactive-expressive-negative-hover);
     color: var(--teddy-color-text-interactive-on-expressive-negative-hover);
   }
-  ._teddy-button--expressive-negative_124k8_128:active:not(._teddy-button--disabled_124k8_78) {
+  ._teddy-button--expressive-negative_aswkh_128:active:not(._teddy-button--disabled_aswkh_78) {
     background-color: var(--teddy-color-background-interactive-expressive-negative-active);
     color: var(--teddy-color-text-interactive-on-expressive-negative-active);
   }
-  ._teddy-button--negative_124k8_140._teddy-button--disabled_124k8_78 {
+  ._teddy-button--negative_aswkh_140._teddy-button--disabled_aswkh_78 {
     background-color: var(--teddy-color-background-interactive-disabled-negative);
     color: var(--teddy-color-text-weak-negative);
   }
-  ._teddy-button--secondary_124k8_96._teddy-button--disabled_124k8_78, ._teddy-button--secondary-negative_124k8_107._teddy-button--disabled_124k8_78 {
+  ._teddy-button--secondary_aswkh_96._teddy-button--disabled_aswkh_78, ._teddy-button--secondary-negative_aswkh_107._teddy-button--disabled_aswkh_78 {
     box-shadow: none;
   }
-  ._teddy-button--destructive_124k8_147 {
+  ._teddy-button--destructive_aswkh_147 {
     background-color: var(--teddy-color-background-interactive-destructive);
     color: var(--teddy-color-text-interactive-on-destructive);
   }
-  ._teddy-button--destructive_124k8_147:hover:not(._teddy-button--disabled_124k8_78) {
+  ._teddy-button--destructive_aswkh_147:hover:not(._teddy-button--disabled_aswkh_78) {
     background-color: var(--teddy-color-background-interactive-destructive-hover);
   }
-  ._teddy-button--destructive_124k8_147:active:not(._teddy-button--disabled_124k8_78) {
+  ._teddy-button--destructive_aswkh_147:active:not(._teddy-button--disabled_aswkh_78) {
     background-color: var(--teddy-color-background-interactive-destructive-active);
   }
-  ._teddy-button--destructive-negative_124k8_157 {
+  ._teddy-button--destructive-negative_aswkh_157 {
     background-color: var(--teddy-color-background-interactive-destructive);
     color: var(--teddy-color-text-interactive-on-destructive);
   }
-  ._teddy-button--destructive-negative_124k8_157:hover:not(._teddy-button--disabled_124k8_78) {
+  ._teddy-button--destructive-negative_aswkh_157:hover:not(._teddy-button--disabled_aswkh_78) {
     background-color: var(--teddy-color-background-interactive-destructive-hover);
   }
-  ._teddy-button--destructive-negative_124k8_157:active:not(._teddy-button--disabled_124k8_78) {
+  ._teddy-button--destructive-negative_aswkh_157:active:not(._teddy-button--disabled_aswkh_78) {
     background-color: var(--teddy-color-background-interactive-destructive-active);
   }
-  ._teddy-button--tertiary-purple_124k8_167 {
+  ._teddy-button--tertiary-purple_aswkh_167 {
     background-color: var(--teddy-color-background-interactive-transparent);
     color: var(--teddy-color-text-interactive-primary);
   }
-  ._teddy-button--tertiary-purple_124k8_167._teddy-button--disabled_124k8_78 {
+  ._teddy-button--tertiary-purple_aswkh_167._teddy-button--disabled_aswkh_78 {
     background-color: var(--teddy-color-background-interactive-transparent);
   }
-  ._teddy-button--tertiary-purple_124k8_167:hover:not(._teddy-button--disabled_124k8_78) {
+  ._teddy-button--tertiary-purple_aswkh_167:hover:not(._teddy-button--disabled_aswkh_78) {
     background-color: var(--teddy-color-background-interactive-transparent-hover);
   }
-  ._teddy-button--tertiary-purple_124k8_167:active:not(._teddy-button--disabled_124k8_78) {
+  ._teddy-button--tertiary-purple_aswkh_167:active:not(._teddy-button--disabled_aswkh_78) {
     background-color: var(--teddy-color-background-interactive-transparent-active);
   }
-  ._teddy-button--tertiary-purple-negative_124k8_180 {
+  ._teddy-button--tertiary-purple-negative_aswkh_180 {
     background-color: var(--teddy-color-background-interactive-transparent);
     color: var(--teddy-color-text-interactive-primary-negative);
   }
-  ._teddy-button--tertiary-purple-negative_124k8_180._teddy-button--disabled_124k8_78 {
+  ._teddy-button--tertiary-purple-negative_aswkh_180._teddy-button--disabled_aswkh_78 {
     background-color: var(--teddy-color-background-interactive-transparent);
   }
-  ._teddy-button--tertiary-purple-negative_124k8_180:hover:not(._teddy-button--disabled_124k8_78) {
+  ._teddy-button--tertiary-purple-negative_aswkh_180:hover:not(._teddy-button--disabled_aswkh_78) {
     background-color: var(--teddy-color-background-interactive-transparent-negative-hover);
     color: var(--teddy-color-text-interactive-primary-negative-hover);
   }
-  ._teddy-button--tertiary-purple-negative_124k8_180:active:not(._teddy-button--disabled_124k8_78) {
+  ._teddy-button--tertiary-purple-negative_aswkh_180:active:not(._teddy-button--disabled_aswkh_78) {
     background-color: var(--teddy-color-background-interactive-transparent-negative-active);
     color: var(--teddy-color-text-interactive-primary-negative-active);
   }
-  ._teddy-button--text-negative_124k8_195 {
+  ._teddy-button--list-item_aswkh_195 {
+    border-radius: var(--teddy-border-radius-md);
+    padding: var(--teddy-spacing-250) var(--teddy-spacing-150);
+    background-color: var(--teddy-color-background-interactive-transparent);
+    color: var(--teddy-color-text-default);
+    font-weight: 400;
+    line-height: var(--teddy-typography-line-height-tight);
+    justify-content: flex-start;
+  }
+  ._teddy-button--list-item_aswkh_195._teddy-button--disabled_aswkh_78 {
+    background-color: var(--teddy-color-background-interactive-transparent);
+    color: var(--teddy-color-text-weak);
+  }
+  ._teddy-button--list-item_aswkh_195:hover:not(._teddy-button--disabled_aswkh_78) {
+    background-color: var(--teddy-color-background-secondary);
+  }
+  ._teddy-button--list-item_aswkh_195:active:not(._teddy-button--disabled_aswkh_78) {
+    background-color: var(--teddy-color-background-interactive-transparent-active);
+  }
+  ._teddy-button--text-negative_aswkh_214 {
     border-radius: 0;
     padding-left: 0;
     padding-right: 0;
     background-color: var(--teddy-color-background-interactive-transparent);
     color: var(--teddy-color-text-interactive-primary-negative);
   }
-  ._teddy-button--text-negative_124k8_195:focus-visible::before {
+  ._teddy-button--text-negative_aswkh_214:focus-visible::before {
     border-radius: 0;
   }
-  ._teddy-button--text-negative_124k8_195._teddy-button--disabled_124k8_78 {
+  ._teddy-button--text-negative_aswkh_214._teddy-button--disabled_aswkh_78 {
     background-color: var(--teddy-color-background-interactive-transparent);
   }
-  ._teddy-button--text-negative_124k8_195:hover:not(._teddy-button--disabled_124k8_78) {
+  ._teddy-button--text-negative_aswkh_214:hover:not(._teddy-button--disabled_aswkh_78) {
     background-color: var(--teddy-color-background-interactive-transparent-negative-hover);
     color: var(--teddy-color-text-interactive-primary-negative-hover);
   }
-  ._teddy-button--text-negative_124k8_195:active:not(._teddy-button--disabled_124k8_78) {
+  ._teddy-button--text-negative_aswkh_214:active:not(._teddy-button--disabled_aswkh_78) {
     background-color: var(--teddy-color-background-interactive-transparent-negative-active);
     color: var(--teddy-color-text-interactive-primary-negative-active);
   }
-  ._teddy-button--text_124k8_195 {
+  ._teddy-button--text_aswkh_214 {
     border-radius: 0;
     padding-left: 0;
     padding-right: 0;
     background-color: var(--teddy-color-background-interactive-transparent);
     color: var(--teddy-color-text-interactive-primary);
   }
-  ._teddy-button--text_124k8_195:focus-visible::before {
+  ._teddy-button--text_aswkh_214:focus-visible::before {
     border-radius: 0;
   }
-  ._teddy-button--text_124k8_195._teddy-button--disabled_124k8_78 {
+  ._teddy-button--text_aswkh_214._teddy-button--disabled_aswkh_78 {
     background-color: var(--teddy-color-background-interactive-transparent);
     color: var(--teddy-color-text-weak);
   }
-  ._teddy-button--text_124k8_195:hover:not(._teddy-button--disabled_124k8_78) {
+  ._teddy-button--text_aswkh_214:hover:not(._teddy-button--disabled_aswkh_78) {
     background-color: var(--teddy-color-background-interactive-transparent-hover);
   }
-  ._teddy-button--text_124k8_195:active:not(._teddy-button--disabled_124k8_78) {
+  ._teddy-button--text_aswkh_214:active:not(._teddy-button--disabled_aswkh_78) {
     background-color: var(--teddy-color-background-interactive-transparent-active);
   }
-  ._teddy-button--disabled_124k8_78 {
+  ._teddy-button--disabled_aswkh_78 {
     background-color: var(--teddy-color-background-interactive-disabled);
     color: var(--teddy-color-text-weak);
     cursor: not-allowed;
     transition-duration: var(--teddy-motion-duration-400);
   }
-  ._teddy-button__loading_124k8_242 {
+  ._teddy-button__loading_aswkh_261 {
     position: absolute;
     inset: 0;
     display: grid;
     place-items: center;
     border-radius: inherit;
     background-color: var(--teddy-color-transparent-white-500);
-    animation: _fadeInAnimation_124k8_1 ease var(--teddy-motion-duration-500);
+    animation: _fadeInAnimation_aswkh_1 ease var(--teddy-motion-duration-500);
     animation-iteration-count: 1;
     animation-fill-mode: forwards;
   }
-  ._teddy-button__loading_124k8_242 ._teddy-button__spinner_124k8_253 circle {
+  ._teddy-button__loading_aswkh_261 ._teddy-button__spinner_aswkh_272 circle {
     stroke: var(--teddy-color-transparent-black-700);
   }
-  ._teddy-button--icon-only_124k8_56 ._teddy-button__loading_124k8_242 {
+  ._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_1o8ft_3 {
+  ._teddy-scroll-area_1y01l_3 {
     position: relative;
     overflow: hidden;
   }
-  ._teddy-scroll-area__viewport_1o8ft_7 {
+  ._teddy-scroll-area__viewport_1y01l_7 {
     height: 100%;
     width: 100%;
     border-radius: inherit;
+    display: grid;
   }
-  ._teddy-scroll-area__scrollbar_1o8ft_12 {
+  ._teddy-scroll-area__scrollbar_1y01l_13 {
     display: flex;
     /* ensures no selection */
     user-select: none;
@@ -378,17 +532,17 @@
     transition: background-color var(--teddy-motion-duration-200) ease-out;
     border-radius: var(--teddy-border-radius-full);
   }
-  ._teddy-scroll-area__scrollbar_1o8ft_12[data-orientation=vertical] {
+  ._teddy-scroll-area__scrollbar_1y01l_13[data-orientation=vertical] {
     width: var(--teddy-border-width-lg);
   }
-  ._teddy-scroll-area__scrollbar_1o8ft_12[data-orientation=horizontal] {
+  ._teddy-scroll-area__scrollbar_1y01l_13[data-orientation=horizontal] {
     flex-direction: column;
     height: var(--teddy-border-width-lg);
   }
-  ._teddy-scroll-area__scrollbar_1o8ft_12:hover {
+  ._teddy-scroll-area__scrollbar_1y01l_13:hover {
     background-color: var(--teddy-color-transparent-black-200);
   }
-  ._teddy-scroll-area__scrollbar--hidden_1o8ft_33 {
+  ._teddy-scroll-area__scrollbar--hidden_1y01l_34 {
     width: 1px;
     height: 1px;
     padding: 0;
@@ -398,16 +552,16 @@
     white-space: nowrap;
     border: 0;
   }
-  ._teddy-scroll-area__scrollbar--hidden_1o8ft_33:not(caption) {
+  ._teddy-scroll-area__scrollbar--hidden_1y01l_34:not(caption) {
     position: absolute;
   }
-  ._teddy-scroll-area__thumb_1o8ft_46 {
+  ._teddy-scroll-area__thumb_1y01l_47 {
     flex: 1;
     background: var(--teddy-color-border-strong);
     border-radius: var(--teddy-border-radius-full);
     position: relative;
   }
-  ._teddy-scroll-area__thumb_1o8ft_46::before {
+  ._teddy-scroll-area__thumb_1y01l_47::before {
     content: "";
     position: absolute;
     top: 50%;
@@ -418,55 +572,55 @@
     min-width: 44px;
     min-height: 44px;
   }
-  ._teddy-scroll-area__corner_1o8ft_63 {
+  ._teddy-scroll-area__corner_1y01l_64 {
     background: var(--teddy-color-border-medium);
   }
-  ._teddy-scroll-area__button_1o8ft_66 {
+  ._teddy-scroll-area__button_1y01l_67 {
     position: absolute;
   }
   @media (prefers-reduced-motion: no-preference) {
-    ._teddy-scroll-area__button_1o8ft_66 {
+    ._teddy-scroll-area__button_1y01l_67 {
       transition: opacity var(--teddy-motion-duration-300), transform var(--teddy-motion-duration-300);
     }
   }
-  ._teddy-scroll-area__button_1o8ft_66[data-direction=left] {
+  ._teddy-scroll-area__button_1y01l_67[data-direction=left] {
     left: 0;
     top: 50%;
     transform: translate(0, -50%);
   }
-  ._teddy-scroll-area__button_1o8ft_66[data-direction=right] {
+  ._teddy-scroll-area__button_1y01l_67[data-direction=right] {
     right: 0;
     top: 50%;
     transform: translate(0, -50%);
   }
-  ._teddy-scroll-area__button_1o8ft_66[data-direction=up] {
+  ._teddy-scroll-area__button_1y01l_67[data-direction=up] {
     top: 0;
     left: 50%;
     transform: translate(-50%, 0);
   }
-  ._teddy-scroll-area__button_1o8ft_66[data-direction=down] {
+  ._teddy-scroll-area__button_1y01l_67[data-direction=down] {
     bottom: 0;
     left: 50%;
     transform: translate(-50%, 0);
   }
-  ._teddy-scroll-area__button--hidden_1o8ft_94 {
+  ._teddy-scroll-area__button--hidden_1y01l_95 {
     opacity: 0;
   }
-  ._teddy-scroll-area__button--hidden_1o8ft_94[data-direction=left] {
+  ._teddy-scroll-area__button--hidden_1y01l_95[data-direction=left] {
     transform: translate(-100%, -50%);
   }
-  ._teddy-scroll-area__button--hidden_1o8ft_94[data-direction=right] {
+  ._teddy-scroll-area__button--hidden_1y01l_95[data-direction=right] {
     transform: translate(100%, -50%);
   }
-  ._teddy-scroll-area__button--hidden_1o8ft_94[data-direction=up] {
+  ._teddy-scroll-area__button--hidden_1y01l_95[data-direction=up] {
     transform: translate(-50%, -100%);
   }
-  ._teddy-scroll-area__button--hidden_1o8ft_94[data-direction=down] {
+  ._teddy-scroll-area__button--hidden_1y01l_95[data-direction=down] {
     transform: translate(-50%, 100%);
   }
 }@layer button, scroll-area, tabs;
 @layer tabs {
-  ._teddy-tabs__list_1finq_3 {
+  ._teddy-tabs__list_1a33o_3 {
     display: flex;
     max-width: fit-content;
     background-color: var(--teddy-color-background-secondary);
@@ -474,29 +628,33 @@
     padding: var(--teddy-spacing-50);
     position: relative;
   }
-  ._teddy-tabs__list_1finq_3::before {
+  ._teddy-tabs__list_1a33o_3::before {
     content: "";
     position: absolute;
     inset: var(--teddy-spacing-50);
     inset: 0;
     margin: var(--teddy-spacing-50) 0;
-    scale: var(--_width, 0.125) 1;
+    scale: var(--_width, 0) 1;
     translate: var(--_left, 0) 0;
     transform-origin: left;
     background: var(--teddy-color-background-interactive-primary);
-    border-radius: calc(4vmin / var(--_width, 0.125))/4vmin;
+    border-radius: calc(99vmin / var(--_width, 0.125))/99vmin;
   }
   @media (prefers-reduced-motion: no-preference) {
-    ._teddy-tabs__list_1finq_3::before {
+    ._teddy-tabs__list_1a33o_3::before {
       transition: border-radius, scale, translate;
       transition-timing-function: var(--teddy-motion-easing-ease-in-out);
       transition-duration: var(--_duration, 0);
     }
   }
-  ._teddy-tabs--full-width_1finq_30 ._teddy-tabs__list_1finq_3 {
+  ._teddy-tabs--full-width_1a33o_30 ._teddy-tabs__list_1a33o_3 {
     max-width: initial;
   }
-  ._teddy-tabs__trigger_1finq_33 {
+  ._teddy-tabs__content_1a33o_33:focus-visible {
+    outline: solid var(--teddy-border-width-sm) var(--teddy-color-border-interactive-focus);
+    outline-offset: var(--teddy-spacing-25);
+  }
+  ._teddy-tabs__trigger_1a33o_37 {
     flex: 1 0 auto;
     min-width: 3rem;
     color: var(--teddy-color-text-interactive-primary);
@@ -504,28 +662,28 @@
     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;
+    cursor: pointer;
     transition: color calc(var(--_duration, 0)) var(--teddy-motion-easing-ease-in-out);
   }
-  ._teddy-tabs__trigger_1finq_33[data-state=active] {
+  ._teddy-tabs__trigger_1a33o_37[data-state=active] {
     color: var(--teddy-color-text-interactive-on-primary);
     cursor: default;
   }
-  ._teddy-tabs__scroll-button_1finq_48 {
+  ._teddy-tabs__scroll-button_1a33o_52 {
     background-color: var(--teddy-color-background-secondary);
     color: var(--teddy-color-text-default);
     z-index: 1;
   }
-  ._teddy-tabs__scroll-button_1finq_48:hover {
+  ._teddy-tabs__scroll-button_1a33o_52:hover {
     background-color: var(--teddy-color-background-interactive-transparent-hover);
   }
-  ._teddy-tabs__scroll-button_1finq_48:active {
+  ._teddy-tabs__scroll-button_1a33o_52:active {
     background-color: var(--teddy-color-background-interactive-transparent-active);
   }
-  ._teddy-tabs__scroll-button_1finq_48::before {
+  ._teddy-tabs__scroll-button_1a33o_52::before {
     z-index: 1;
   }
-  ._teddy-tabs__scroll-button_1finq_48::after {
+  ._teddy-tabs__scroll-button_1a33o_52::after {
     content: "";
     top: 0;
     left: 100%;
@@ -534,12 +692,13 @@
     width: 1rem;
     background: linear-gradient(90deg, var(--teddy-color-background-secondary) 0%, var(--teddy-color-functional-transparent) 100%);
   }
-  ._teddy-tabs__scroll-button_1finq_48[data-direction=right]::after {
+  ._teddy-tabs__scroll-button_1a33o_52[data-direction=right]::after {
     left: auto;
     right: 100%;
     transform: rotate(180deg);
   }
-}@keyframes _teddy-fade-in_jzq1o_1 {
+}@layer reset, flex, button, link, drawer;
+@keyframes _teddy-fade-in_uo1cy_1 {
   from {
     opacity: 0;
   }
@@ -547,7 +706,7 @@
     opacity: 1;
   }
 }
-@keyframes _teddy-fade-out_jzq1o_1 {
+@keyframes _teddy-fade-out_uo1cy_1 {
   from {
     opacity: 1;
   }
@@ -555,7 +714,7 @@
     opacity: 0;
   }
 }
-@keyframes _teddy-overlay-no-op_jzq1o_1 {
+@keyframes _teddy-overlay-no-op_uo1cy_1 {
   from {
     opacity: 1;
   }
@@ -563,67 +722,74 @@
     opacity: 1;
   }
 }
-._teddy-drawer__overlay_jzq1o_25 {
-  position: fixed;
-  inset: 0;
+._teddy-drawer__overlay_uo1cy_26 {
+  box-sizing: border-box;
 }
-@media (prefers-reduced-motion: no-preference) {
-  ._teddy-drawer__overlay_jzq1o_25 {
-    /* Keep the overlay mounted until the children have animated */
+@layer drawer {
+  ._teddy-drawer__overlay_uo1cy_26 {
+    box-sizing: border-box;
+    position: fixed;
+    inset: 0;
   }
-  ._teddy-drawer__overlay_jzq1o_25:where([data-state=closed]) {
-    animation: _teddy-overlay-no-op_jzq1o_1 400ms cubic-bezier(0.16, 1, 0.3, 1);
+  @media (prefers-reduced-motion: no-preference) {
+    ._teddy-drawer__overlay_uo1cy_26 {
+      /* Keep the overlay mounted until the children have animated */
+    }
+    ._teddy-drawer__overlay_uo1cy_26:where([data-state=closed]) {
+      animation: _teddy-overlay-no-op_uo1cy_1 400ms cubic-bezier(0.16, 1, 0.3, 1);
+    }
+    ._teddy-drawer__overlay_uo1cy_26:where([data-state=open])::before {
+      animation: _teddy-fade-in_uo1cy_1 500ms cubic-bezier(0.16, 1, 0.3, 1);
+    }
+    ._teddy-drawer__overlay_uo1cy_26:where([data-state=closed])::before {
+      animation: _teddy-fade-out_uo1cy_1 400ms cubic-bezier(0.16, 1, 0.3, 1);
+    }
   }
-  ._teddy-drawer__overlay_jzq1o_25:where([data-state=open])::before {
-    animation: _teddy-fade-in_jzq1o_1 500ms cubic-bezier(0.16, 1, 0.3, 1);
+  ._teddy-drawer__overlay_uo1cy_26::before {
+    position: fixed;
+    content: "";
+    inset: 0;
+    background-color: var(--teddy-color-overlay-default);
   }
-  ._teddy-drawer__overlay_jzq1o_25:where([data-state=closed])::before {
-    animation: _teddy-fade-out_jzq1o_1 400ms cubic-bezier(0.16, 1, 0.3, 1);
+  ._teddy-drawer__overlay--container_uo1cy_56 {
+    position: absolute;
   }
-}
-._teddy-drawer__overlay_jzq1o_25::before {
-  position: fixed;
-  content: "";
-  inset: 0;
-  background-color: var(--teddy-color-overlay-default);
-}
-._teddy-drawer__overlay--container_jzq1o_49 {
-  position: absolute;
-}
-._teddy-drawer__overlay--container_jzq1o_49::before {
-  position: absolute;
-}
-._teddy-drawer__overlay--container_jzq1o_49 ._teddy-drawer__content_jzq1o_55 {
-  position: absolute;
-}
-._teddy-drawer__content_jzq1o_55 {
-  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;
-  box-sizing: border-box;
-  min-width: min(100%, 400px);
-  padding: var(--teddy-spacing-300);
-  display: flex;
-  flex-direction: column;
-  gap: var(--teddy-spacing-200);
-}
-@media (prefers-reduced-motion: no-preference) {
-  ._teddy-drawer__content_jzq1o_55:where([data-state=open]) {
-    animation: _drawer-content-show_jzq1o_1 450ms cubic-bezier(0.16, 1, 0.3, 1);
+  ._teddy-drawer__overlay--container_uo1cy_56::before {
+    position: absolute;
   }
-  ._teddy-drawer__content_jzq1o_55:where([data-state=closed]) {
-    animation: _drawer-content-hide_jzq1o_1 350ms cubic-bezier(0.16, 1, 0.3, 1);
+  ._teddy-drawer__overlay--container_uo1cy_56 ._teddy-drawer__content_uo1cy_62 {
+    position: absolute;
+  }
+  ._teddy-drawer__content_uo1cy_62 {
+    background-color: var(--teddy-color-background-primary);
+    box-shadow: var(--teddy-shadow-lg);
+    position: fixed;
+    overflow: hidden;
+    inset: 0 0 0 auto;
+    max-width: 25rem;
+    box-sizing: border-box;
+    min-width: min(100%, 400px);
+    padding: var(--teddy-spacing-300);
+    display: flex;
+    flex-direction: column;
+    gap: var(--teddy-spacing-200);
+  }
+  @media (prefers-reduced-motion: no-preference) {
+    ._teddy-drawer__content_uo1cy_62:where([data-state=open]) {
+      animation: _drawer-content-show_uo1cy_1 450ms cubic-bezier(0.16, 1, 0.3, 1);
+    }
+    ._teddy-drawer__content_uo1cy_62:where([data-state=closed]) {
+      animation: _drawer-content-hide_uo1cy_1 350ms cubic-bezier(0.16, 1, 0.3, 1);
+    }
+  }
+  ._teddy-drawer__close--floating_uo1cy_87 {
+    position: absolute;
+    z-index: 2;
+    top: var(--teddy-spacing-200);
+    right: var(--teddy-spacing-200);
   }
 }
-._teddy-drawer__close--floating_jzq1o_80 {
-  position: absolute;
-  top: var(--teddy-spacing-200);
-  right: var(--teddy-spacing-200);
-}
-@keyframes _drawer-content-show_jzq1o_1 {
+@keyframes _drawer-content-show_uo1cy_1 {
   from {
     transform: translateX(100%);
   }
@@ -631,7 +797,7 @@
     transform: translateX(0px);
   }
 }
-@keyframes _drawer-content-hide_jzq1o_1 {
+@keyframes _drawer-content-hide_uo1cy_1 {
   from {
     transform: translateX(0px);
   }
@@ -716,12 +882,6 @@
     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);
@@ -1445,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));
@@ -1453,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;
@@ -1473,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;
@@ -1489,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;
@@ -1509,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;
@@ -1531,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);
@@ -1552,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;
@@ -1563,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;
@@ -1577,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;
@@ -1627,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;
@@ -1670,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);
@@ -1691,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;
@@ -1702,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;
@@ -1716,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;
@@ -1757,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);
@@ -1779,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;
@@ -1790,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;
@@ -1804,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);
@@ -1841,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);
@@ -1863,7 +2048,7 @@
     height: var(--radix-navigation-menu-viewport-height);
   }
 }
-@keyframes _scaleOut_959s3_1 {
+@keyframes _scaleOut_h8tnl_1 {
   from {
     opacity: 1;
     transform: scale(1);
@@ -1874,7 +2059,7 @@
     height: 0;
   }
 }
-@keyframes _enterFromRight_959s3_1 {
+@keyframes _enterFromRight_h8tnl_1 {
   from {
     opacity: 0;
     transform: translateX(200px);
@@ -1884,7 +2069,7 @@
     transform: translateX(0);
   }
 }
-@keyframes _enterFromLeft_959s3_1 {
+@keyframes _enterFromLeft_h8tnl_1 {
   from {
     opacity: 0;
     transform: translateX(-200px);
@@ -1894,7 +2079,7 @@
     transform: translateX(0);
   }
 }
-@keyframes _exitToRight_959s3_1 {
+@keyframes _exitToRight_h8tnl_1 {
   from {
     opacity: 1;
     transform: translateX(0);
@@ -1904,7 +2089,7 @@
     transform: translateX(200px);
   }
 }
-@keyframes _exitToLeft_959s3_1 {
+@keyframes _exitToLeft_h8tnl_1 {
   from {
     opacity: 1;
     transform: translateX(0);
@@ -1913,186 +2098,302 @@
     opacity: 0;
     transform: translateX(-200px);
   }
-}@layer icon, toggle;
-@layer toggle {
-  ._teddy-toggle_1rp8d_3 {
-    width: fit-content;
-    display: flex;
-    align-items: center;
-    position: relative;
-    gap: var(--teddy-spacing-150);
-  }
-  ._teddy-toggle__input_1rp8d_10 {
-    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_1rp8d_10::before {
-    content: "";
-    display: block;
-    position: absolute;
-    inset: 0;
-    height: var(--teddy-spacing-300);
-    margin: auto 0;
-    box-sizing: border-box;
-    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_1rp8d_10::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--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 _fadeInAnimation_shhej_1 {
+  0% {
+    opacity: 0;
   }
-  ._teddy-toggle__input_1rp8d_10[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_1rp8d_10[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_1rp8d_10[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_1rp8d_10[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_1rp8d_10:disabled {
-    cursor: default;
+  100% {
+    opacity: 1;
   }
-  ._teddy-toggle__input_1rp8d_10:disabled::before {
-    border-color: var(--teddy-color-border-weak);
+}
+@keyframes _scaleInAnimation_mhz8x_1 {
+  0% {
+    scale: 0;
   }
-  ._teddy-toggle__input_1rp8d_10: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_1rp8d_10: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_1rp8d_3: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_1rp8d_3:focus-within:has(._teddy-toggle__input_1rp8d_10:not(:focus-visible))::before {
-    opacity: 0;
+  ._teddy-input__clear-button_mhz8x_39 {
+    margin-right: calc(var(--teddy-spacing-100) * -1);
   }
-  ._teddy-toggle__thumb_1rp8d_78 {
-    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_1rp8d_78 {
-      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_1rp8d_78[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_1rp8d_78[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_1rp8d_78[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_1rp8d_104 {
-    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_1rp8d_104 {
-      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_1rp8d_10[data-state=checked] ._teddy-toggle__indicator_1rp8d_104 {
-    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_1oe24_3 ._teddy-accordion__header_1oe24_3 > *:first-child {
-    padding-left: var(--teddy-spacing-200);
+  ._teddy-accordion_1arsz_3 {
+    --indented-spacing: var(--teddy-spacing-200);
   }
   @media (min-width: 600px) {
-    ._teddy-accordion--indented_1oe24_3 ._teddy-accordion__header_1oe24_3 > *:first-child {
-      padding-left: var(--teddy-spacing-300);
+    ._teddy-accordion_1arsz_3 {
+      --indented-spacing: var(--teddy-spacing-300);
     }
   }
-  ._teddy-accordion--indented_1oe24_3 ._teddy-accordion__content_1oe24_11 {
-    padding-inline: var(--teddy-spacing-200);
+  ._teddy-accordion--indented_1arsz_11 ._teddy-accordion__header_1arsz_11 > *:first-child {
+    padding-left: var(--indented-spacing);
   }
-  @media (min-width: 600px) {
-    ._teddy-accordion--indented_1oe24_3 ._teddy-accordion__content_1oe24_11 {
-      padding-inline: var(--teddy-spacing-300);
-    }
+  ._teddy-accordion--indented_1arsz_11 ._teddy-accordion__content_1arsz_14 {
+    padding-inline: var(--indented-spacing);
   }
-  ._teddy-accordion--negative_1oe24_19 ._teddy-accordion__header_1oe24_3 {
+  ._teddy-accordion--negative_1arsz_17 ._teddy-accordion__header_1arsz_11 {
     color: var(--teddy-color-text-interactive-primary-negative);
   }
-  ._teddy-accordion--negative_1oe24_19 ._teddy-accordion__content_1oe24_11,
-  ._teddy-accordion--negative_1oe24_19 ._teddy-accordion__title_1oe24_23 {
+  ._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_1oe24_19 ._teddy-accordion__trigger_1oe24_26: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_1oe24_19 ._teddy-accordion__trigger_1oe24_26: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_1oe24_19 ._teddy-accordion__item_1oe24_34 {
+  ._teddy-accordion--negative_1arsz_17 ._teddy-accordion__item_1arsz_32 {
     border-color: var(--teddy-color-border-medium-negative);
   }
-  ._teddy-accordion--negative_1oe24_19 ._teddy-accordion__item_1oe24_34:last-child {
+  ._teddy-accordion--negative_1arsz_17 ._teddy-accordion__item_1arsz_32:last-child {
     border-color: var(--teddy-color-border-medium-negative);
   }
-  ._teddy-accordion_1oe24_3:disabled {
+  ._teddy-accordion_1arsz_3:disabled {
     background-color: var(--teddy-color-background-interactive-transparent);
   }
-  ._teddy-accordion__title_1oe24_23 {
+  ._teddy-accordion__title_1arsz_21 {
     margin-bottom: var(--teddy-spacing-300);
   }
   @media (min-width: 600px) {
-    ._teddy-accordion__title_1oe24_23 {
+    ._teddy-accordion__title_1arsz_21 {
       margin-bottom: var(--teddy-spacing-400);
     }
   }
-  ._teddy-accordion__item_1oe24_34 {
+  ._teddy-accordion__item_1arsz_32 {
     border-top: var(--teddy-border-width-xs) solid var(--teddy-color-border-weak);
   }
-  ._teddy-accordion__item_1oe24_34:first-child {
+  ._teddy-accordion__item_1arsz_32:first-child {
     margin-top: 0;
   }
-  ._teddy-accordion__item_1oe24_34: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_1oe24_3 {
+  ._teddy-accordion__header_1arsz_11 {
     background-color: var(--teddy-color-background-interactive-transparent);
     display: grid;
     grid-template-columns: minmax(0, 1fr) auto;
@@ -2101,7 +2402,7 @@
     color: var(--teddy-color-text-interactive-primary);
     font-weight: var(--teddy-typography-weight-bold);
   }
-  ._teddy-accordion__trigger_1oe24_26 {
+  ._teddy-accordion__trigger_1arsz_24 {
     all: unset;
     font-family: inherit;
     background-color: transparent;
@@ -2115,69 +2416,111 @@
     transition-timing-function: var(--teddy-motion-easing-ease-in-out);
     transition-property: background-color, color;
   }
-  ._teddy-accordion__trigger_1oe24_26: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_1oe24_26:active {
+    ._teddy-accordion__trigger_1arsz_24:active {
       background-color: var(--teddy-color-background-interactive-transparent-active);
     }
   }
-  ._teddy-accordion__trigger_1oe24_26: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_1oe24_26:focus-within:not(:focus-visible) {
+  ._teddy-accordion__trigger_1arsz_24:focus-within:not(:focus-visible) {
     outline: 0;
   }
-  ._teddy-accordion__trigger_1oe24_26:disabled {
+  ._teddy-accordion__trigger_1arsz_24:disabled {
     cursor: not-allowed;
     background-color: var(--teddy-color-background-interactive-disabled);
   }
-  ._teddy-accordion__trigger_1oe24_26 ._teddy-accordion__indicator_1oe24_103 {
+  ._teddy-accordion__trigger_1arsz_24 ._teddy-accordion__indicator_1arsz_101 {
     flex-shrink: 0;
     transform: rotate(0);
-    margin: var(--teddy-spacing-200);
-  }
-  @media (min-width: 600px) {
-    ._teddy-accordion__trigger_1oe24_26 ._teddy-accordion__indicator_1oe24_103 {
-      margin: var(--teddy-spacing-300);
-    }
+    margin: var(--indented-spacing);
   }
   @media (min-width: 1024px) {
-    ._teddy-accordion__trigger_1oe24_26 ._teddy-accordion__indicator_1oe24_103 {
+    ._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_1oe24_26 ._teddy-accordion__indicator_1oe24_103 {
+    ._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_1oe24_26[data-state=open] ._teddy-accordion__indicator_1oe24_103 {
+  ._teddy-accordion__trigger_1arsz_24[data-state=open] ._teddy-accordion__indicator_1arsz_101 {
     transform: rotate(180deg);
   }
-  ._teddy-accordion__content_1oe24_11 {
+  ._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_1oe24_11[data-state=open] {
-      animation: _slideDown_1oe24_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_1oe24_11[data-state=closed] {
-      animation: _slideUp_1oe24_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_1oe24_11::after {
+  ._teddy-accordion__content_1arsz_14::after {
     content: "";
     display: block;
     height: var(--teddy-spacing-400);
     width: 100%;
   }
-  @keyframes _slideDown_1oe24_1 {
+  ._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;
     }
@@ -2185,7 +2528,7 @@
       height: var(--radix-accordion-content-height);
     }
   }
-  @keyframes _slideUp_1oe24_1 {
+  @keyframes _slideUp_1arsz_1 {
     from {
       height: var(--radix-accordion-content-height);
     }
@@ -2193,281 +2536,227 @@
       height: 0;
     }
   }
-}._teddy-badge_sg6ab_1 {
-  font-family: var(--teddy-typography-family-default);
-  font-weight: var(--teddy-typography-weight-medium);
-  font-size: var(--teddy-typography-scale-75);
-  min-height: var(--teddy-spacing-200);
-  border-radius: var(--teddy-border-radius-xs);
-  line-height: 1;
-  padding: var(--teddy-spacing-50) var(--teddy-spacing-100);
-  display: inline-flex;
-  align-items: center;
-  gap: var(--teddy-spacing-50);
-}
-._teddy-badge--attention_sg6ab_13 {
-  background-color: var(--teddy-color-background-status-attention);
-  color: var(--teddy-color-text-status-attention);
-}
-._teddy-badge--special_sg6ab_17 {
-  background-color: var(--teddy-color-background-status-special);
-  color: var(--teddy-color-text-status-special);
-}
-._teddy-badge--neutral_sg6ab_21 {
-  background-color: var(--teddy-color-background-status-neutral);
-  color: var(--teddy-color-text-status-neutral);
-}
-._teddy-badge--information_sg6ab_25 {
-  background-color: var(--teddy-color-background-status-info-strong);
-  color: var(--teddy-color-text-status-info-strong);
-}
-._teddy-badge--success_sg6ab_29 {
-  background-color: var(--teddy-color-background-status-success-strong);
-  color: var(--teddy-color-text-status-success-strong);
-}
-._teddy-badge--warning_sg6ab_33 {
-  background-color: var(--teddy-color-background-status-warning-strong);
-  color: var(--teddy-color-text-status-warning-strong);
+}._teddy-global-navigation_1b1i5_1 {
+  position: sticky;
+  inset: 0 0 auto 0;
 }
-._teddy-badge--error_sg6ab_37 {
-  background-color: var(--teddy-color-background-status-error-strong);
-  color: var(--teddy-color-text-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-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-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);
+._teddy-global-navigation__mobile_1b1i5_5::before {
+  content: "";
   display: block;
+  width: var(--width-for-centering-element);
 }
-._teddy-helper-text--disabled_6xdzb_9 {
-  color: var(--teddy-color-text-weak);
-}@keyframes _fadeInAnimation_5urff_1 {
-  0% {
-    opacity: 0;
-  }
-  100% {
-    opacity: 1;
-  }
+._teddy-global-navigation__mobile_1b1i5_5::after {
+  content: "";
+  display: block;
+  width: var(--width-for-centering-element);
 }
-@keyframes _scaleInAnimation_5urff_1 {
-  0% {
-    scale: 0;
-  }
-  100% {
-    scale: 100%;
-  }
+._teddy-global-navigation__link_1b1i5_19 {
+  text-decoration: none;
+}@layer icon, toggle;
+._teddy-toggle__input_m5h3g_2::before {
+  box-sizing: border-box;
 }
-@layer input {
-  ._teddy-input_5urff_18 {
-    position: relative;
-    cursor: text;
+
+@layer toggle {
+  ._teddy-toggle_m5h3g_2 {
+    width: fit-content;
     display: flex;
     align-items: center;
-    padding: 0 var(--teddy-spacing-150);
-    gap: var(--teddy-spacing-50);
-    color: var(--teddy-color-text-weak);
+    position: relative;
+    gap: var(--teddy-spacing-150);
   }
-  ._teddy-input__frame_5urff_27 {
+  ._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;
-    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_5urff_35 {
-    margin-right: calc(var(--teddy-spacing-100) * -1);
+    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);
   }
-  ._teddy-input__input_5urff_38 {
-    border-radius: var(--teddy-border-radius-sm);
-    border: none;
-    box-sizing: border-box;
-    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__input_m5h3g_2::before {
+      transition: background-color var(--teddy-motion-duration-150) ease, border-color var(--teddy-motion-duration-150) ease;
+    }
   }
-  ._teddy-input__input_5urff_38:hover ~ ._teddy-input__frame_5urff_27 {
-    border-width: var(--teddy-border-width-sm);
-    border-color: var(--teddy-color-border-interactive-subtle-hover);
+  ._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-input__input_5urff_38:active:not(:disabled):not(:read-only) ~ ._teddy-input__frame_5urff_27, ._teddy-input__input_5urff_38:focus:not(:disabled):not(:read-only) ~ ._teddy-input__frame_5urff_27 {
-    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__input_m5h3g_2[data-state=checked]:disabled::before {
+    background-color: var(--teddy-color-background-interactive-disabled);
+    border-color: var(--teddy-color-functional-transparent);
   }
-  ._teddy-input__input_5urff_38:disabled {
-    color: var(--teddy-color-text-weak);
+  ._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-input__input_5urff_38:disabled ~ ._teddy-input__frame_5urff_27 {
-    border-width: var(--teddy-border-width-xs);
-    border-color: var(--teddy-color-border-medium);
+  ._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-input__input_5urff_38:read-only:not(:disabled) {
-    color: var(--teddy-color-text-default);
+  ._teddy-toggle__input_m5h3g_2:disabled {
+    cursor: default;
   }
-  ._teddy-input__input_5urff_38:read-only:not(:disabled) ~ ._teddy-input__frame_5urff_27 {
-    border-width: var(--teddy-border-width-xs);
+  ._teddy-toggle__input_m5h3g_2:disabled::before {
+    border-color: var(--teddy-color-border-weak);
   }
-  ._teddy-input__input_5urff_38:read-only:not(:disabled):not(._teddy-input__input--valid_5urff_79):not(._teddy-input__input--invalid_5urff_79) ~ ._teddy-input__frame_5urff_27 {
-    border-color: var(--teddy-color-border-medium);
+  ._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-input__input--valid_5urff_79 ~ ._teddy-input__frame_5urff_27 {
-    border-color: var(--teddy-color-border-status-success);
+  ._teddy-toggle__input_m5h3g_2:active:not(:disabled)::before {
+    background-color: var(--teddy-color-background-interactive-transparent-active);
   }
-  ._teddy-input__input--valid_5urff_79 ~ ._teddy-input__indicator_5urff_85 {
-    color: var(--teddy-color-border-status-success);
+  ._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-input__input--error_5urff_88:not(:hover) ~ ._teddy-input__frame_5urff_27 {
-    border-color: var(--teddy-color-border-status-error);
+  ._teddy-toggle_m5h3g_2:focus-within:has(._teddy-toggle__input_m5h3g_2:not(:focus-visible))::before {
+    opacity: 0;
   }
-  ._teddy-input_5urff_18 > *:not(._teddy-input__input_5urff_38) {
-    flex: 0 0 auto;
+  ._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__indicator_5urff_85 {
-    animation: _fadeInAnimation_5urff_1 ease var(--teddy-motion-duration-300), _scaleInAnimation_5urff_1 ease var(--teddy-motion-duration-300);
+  @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_5urff_18:has(input:disabled) {
+  ._teddy-toggle__thumb_m5h3g_81[data-disabled] {
     background-color: var(--teddy-color-background-interactive-disabled);
   }
-  ._teddy-input_5urff_18:has(input:read-only) {
-    background-color: var(--teddy-color-background-interactive-read-only);
-  }
-}@keyframes _fadeInAnimation_shhej_1 {
-  0% {
-    opacity: 0;
+  ._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%);
   }
-  100% {
-    opacity: 1;
+  ._teddy-toggle__thumb_m5h3g_81[data-state=checked][data-disabled] {
+    background-color: var(--teddy-color-text-interactive-on-primary);
   }
-}
-@keyframes _scaleInAnimation_shhej_1 {
-  0% {
+  ._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%;
   }
-  100% {
-    scale: 100%;
+  @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-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);
+  font-weight: var(--teddy-typography-weight-medium);
+  font-size: var(--teddy-typography-scale-75);
+  min-height: var(--teddy-spacing-200);
+  border-radius: var(--teddy-border-radius-xs);
+  line-height: 1;
+  padding: var(--teddy-spacing-50) var(--teddy-spacing-100);
+  display: inline-flex;
+  align-items: center;
+  gap: var(--teddy-spacing-50);
 }
-._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-badge--counter-badge_1fsdh_13 {
+  padding: var(--teddy-spacing-10) var(--teddy-spacing-50);
+  border-radius: var(--teddy-spacing-100);
+  font-size: var(--teddy-typography-scale-50);
+  line-height: var(--teddy-typography-line-height-tight);
 }
-._teddy-text-field__error-list_shhej_45 {
-  grid-area: error-list;
-  list-style: none;
+._teddy-badge--alert-badge_1fsdh_19 {
+  display: block;
   padding: 0;
+  min-height: initial;
+  box-sizing: content-box;
+  border-radius: var(--teddy-border-radius-full);
+  width: var(--teddy-spacing-100);
+  height: var(--teddy-spacing-100);
+  border: var(--teddy-border-width-sm) solid;
 }
-._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-badge--attention_1fsdh_29 {
+  background-color: var(--teddy-color-background-status-attention);
+  color: var(--teddy-color-text-status-attention);
 }
-._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-badge--attention_1fsdh_29._teddy-badge--alert-badge_1fsdh_19 {
+  border-color: var(--teddy-color-background-status-special);
 }
-._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--overline-200_] {
-  margin-bottom: var(--teddy-spacing-150);
+._teddy-badge--special_1fsdh_36 {
+  background-color: var(--teddy-color-background-status-special);
+  color: var(--teddy-color-text-status-special);
 }
-._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-badge--neutral_1fsdh_40 {
+  background-color: var(--teddy-color-background-status-neutral);
+  color: var(--teddy-color-text-status-neutral);
 }
-._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-badge--neutral_1fsdh_40._teddy-badge--alert-badge_1fsdh_19 {
+  background-color: var(--teddy-color-text-status-neutral);
+  border-color: var(--teddy-color-background-status-neutral);
 }
-._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-badge--information_1fsdh_48 {
+  background-color: var(--teddy-color-background-status-info-strong);
+  color: var(--teddy-color-text-status-info-strong);
 }
-._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-badge--information_1fsdh_48._teddy-badge--alert-badge_1fsdh_19 {
+  background-color: var(--teddy-color-text-status-info-strong);
+  border-color: var(--teddy-color-background-status-info-strong);
 }
-._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-badge--success_1fsdh_56 {
+  background-color: var(--teddy-color-background-status-success-strong);
+  color: var(--teddy-color-text-status-success-strong);
 }
-._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-badge--success_1fsdh_56._teddy-badge--alert-badge_1fsdh_19 {
+  background-color: var(--teddy-color-text-status-success-strong);
+  border-color: var(--teddy-color-background-status-success-strong);
 }
-._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--preamble-100_] {
-  margin-bottom: var(--teddy-spacing-400);
+._teddy-badge--warning_1fsdh_64 {
+  background-color: var(--teddy-color-background-status-warning-strong);
+  color: var(--teddy-color-text-status-warning-strong);
 }
-._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--preamble-200_] {
-  margin-bottom: var(--teddy-spacing-600);
+._teddy-badge--warning_1fsdh_64._teddy-badge--alert-badge_1fsdh_19 {
+  background-color: var(--teddy-color-text-status-warning-strong);
+  border-color: var(--teddy-color-background-status-warning-strong);
 }
-._teddy-text-spacing_dwbo8_1 * > :last-child,
-._teddy-text-spacing_dwbo8_1 > :last-child {
-  margin-bottom: 0;
+._teddy-badge--error_1fsdh_72 {
+  background-color: var(--teddy-color-background-status-error-strong);
+  color: var(--teddy-color-text-status-error-strong);
+}
+._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);
 }@keyframes _teddy-fade-in_3n21u_1 {
   from {
     opacity: 0;