@telia/teddy 0.0.24 → 0.0.26

package/dist/style.css

@@ -58,7 +58,7 @@
   100% {
     stroke-dashoffset: 125;
   }
-}@keyframes _fadeInAnimation_1biph_1 {
+}@keyframes _fadeInAnimation_124k8_1 {
   0% {
     opacity: 0;
   }
@@ -66,7 +66,7 @@
     opacity: 1;
   }
 }
-@keyframes _scaleInAnimation_1biph_1 {
+@keyframes _scaleInAnimation_124k8_1 {
   0% {
     scale: 0;
   }
@@ -75,7 +75,7 @@
   }
 }
 @layer button {
-  ._teddy-button_1biph_18 {
+  ._teddy-button_124k8_18 {
     align-items: center;
     border-radius: var(--teddy-border-radius-full);
     border-width: 0;
@@ -86,7 +86,7 @@
     font-weight: var(--teddy-typography-weight-medium);
     gap: var(--teddy-spacing-100);
     justify-content: center;
-    line-height: var(--teddy-spacing-300);
+    line-height: var(--teddy-spacing-200);
     outline: 0;
     position: relative;
     text-decoration: none;
@@ -95,8 +95,8 @@
     transition-property: background-color, color;
     width: auto;
   }
-  ._teddy-button_1biph_18:focus::before {
-    border-radius: var(--teddy-border-radius-full);
+  ._teddy-button_124k8_18:focus::before {
+    border-radius: inherit;
     box-shadow: 0 0 0 var(--teddy-border-width-sm) var(--teddy-color-border-interactive-focus);
     content: "";
     opacity: 1;
@@ -104,216 +104,216 @@
     inset: calc(var(--teddy-spacing-25) * -1);
     position: absolute;
   }
-  ._teddy-button_1biph_18:focus:not(:focus-visible)::before {
+  ._teddy-button_124k8_18:focus:not(:focus-visible)::before {
     opacity: 0;
   }
-  ._teddy-button_1biph_18 svg {
+  ._teddy-button_124k8_18 svg {
     display: block;
   }
-  ._teddy-button--sm_1biph_53 {
-    padding: var(--teddy-spacing-100) var(--teddy-spacing-250);
-  }
-  ._teddy-button--sm_1biph_53._teddy-button--icon-only_1biph_56 {
-    padding: var(--teddy-spacing-100);
+  ._teddy-button--sm_124k8_53 {
+    padding: var(--teddy-spacing-150) var(--teddy-spacing-250);
   }
-  ._teddy-button--md_1biph_59 {
-    padding: var(--teddy-spacing-150) var(--teddy-spacing-300);
-  }
-  ._teddy-button--md_1biph_59._teddy-button--icon-only_1biph_56 {
+  ._teddy-button--sm_124k8_53._teddy-button--icon-only_124k8_56 {
     padding: var(--teddy-spacing-150);
   }
-  ._teddy-button--lg_1biph_65 {
-    padding: var(--teddy-spacing-200) var(--teddy-spacing-400);
+  ._teddy-button--md_124k8_59 {
+    padding: var(--teddy-spacing-200) var(--teddy-spacing-300);
   }
-  ._teddy-button--lg_1biph_65._teddy-button--icon-only_1biph_56 {
+  ._teddy-button--md_124k8_59._teddy-button--icon-only_124k8_56 {
     padding: var(--teddy-spacing-200);
   }
-  ._teddy-button--full-width_1biph_71 {
+  ._teddy-button--lg_124k8_65 {
+    padding: var(--teddy-spacing-250) var(--teddy-spacing-400);
+  }
+  ._teddy-button--lg_124k8_65._teddy-button--icon-only_124k8_56 {
+    padding: var(--teddy-spacing-250);
+  }
+  ._teddy-button--full-width_124k8_71 {
     width: 100%;
   }
-  ._teddy-button--primary_1biph_74 {
+  ._teddy-button--primary_124k8_74 {
     background-color: var(--teddy-color-background-interactive-primary);
     color: var(--teddy-color-text-interactive-on-primary);
   }
-  ._teddy-button--primary_1biph_74:hover:not(._teddy-button--disabled_1biph_78) {
+  ._teddy-button--primary_124k8_74:hover:not(._teddy-button--disabled_124k8_78) {
     background-color: var(--teddy-color-background-interactive-primary-hover);
   }
-  ._teddy-button--primary_1biph_74:active:not(._teddy-button--disabled_1biph_78) {
+  ._teddy-button--primary_124k8_74:active:not(._teddy-button--disabled_124k8_78) {
     background-color: var(--teddy-color-background-interactive-primary-active);
   }
-  ._teddy-button--primary-negative_1biph_84 {
+  ._teddy-button--primary-negative_124k8_84 {
     background-color: var(--teddy-color-background-interactive-primary-negative);
     color: var(--teddy-color-text-interactive-on-primary-negative);
   }
-  ._teddy-button--primary-negative_1biph_84:hover:not(._teddy-button--disabled_1biph_78) {
+  ._teddy-button--primary-negative_124k8_84:hover:not(._teddy-button--disabled_124k8_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_1biph_84:active:not(._teddy-button--disabled_1biph_78) {
+  ._teddy-button--primary-negative_124k8_84:active:not(._teddy-button--disabled_124k8_78) {
     background-color: var(--teddy-color-background-interactive-primary-negative-active);
     border-color: var(--teddy-color-background-interactive-primary-negative-active);
   }
-  ._teddy-button--secondary_1biph_96 {
+  ._teddy-button--secondary_124k8_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_1biph_96:hover:not(._teddy-button--disabled_1biph_78) {
+  ._teddy-button--secondary_124k8_96:hover:not(._teddy-button--disabled_124k8_78) {
     background-color: var(--teddy-color-background-interactive-transparent-hover);
   }
-  ._teddy-button--secondary_1biph_96:active:not(._teddy-button--disabled_1biph_78) {
+  ._teddy-button--secondary_124k8_96:active:not(._teddy-button--disabled_124k8_78) {
     background-color: var(--teddy-color-background-interactive-transparent-active);
   }
-  ._teddy-button--secondary-negative_1biph_107 {
+  ._teddy-button--secondary-negative_124k8_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_1biph_107:hover:not(._teddy-button--disabled_1biph_78) {
+  ._teddy-button--secondary-negative_124k8_107:hover:not(._teddy-button--disabled_124k8_78) {
     background-color: var(--teddy-color-background-interactive-transparent-negative-hover);
   }
-  ._teddy-button--secondary-negative_1biph_107:active:not(._teddy-button--disabled_1biph_78) {
+  ._teddy-button--secondary-negative_124k8_107:active:not(._teddy-button--disabled_124k8_78) {
     background-color: var(--teddy-color-background-interactive-transparent-negative-active);
   }
-  ._teddy-button--expressive_1biph_118 {
+  ._teddy-button--expressive_124k8_118 {
     background-color: var(--teddy-color-background-interactive-expressive);
     color: var(--teddy-color-text-interactive-on-expressive);
   }
-  ._teddy-button--expressive_1biph_118:hover:not(._teddy-button--disabled_1biph_78) {
+  ._teddy-button--expressive_124k8_118:hover:not(._teddy-button--disabled_124k8_78) {
     background-color: var(--teddy-color-background-interactive-expressive-hover);
   }
-  ._teddy-button--expressive_1biph_118:active:not(._teddy-button--disabled_1biph_78) {
+  ._teddy-button--expressive_124k8_118:active:not(._teddy-button--disabled_124k8_78) {
     background-color: var(--teddy-color-background-interactive-expressive-active);
   }
-  ._teddy-button--expressive-negative_1biph_128 {
+  ._teddy-button--expressive-negative_124k8_128 {
     background-color: var(--teddy-color-background-interactive-expressive-negative);
     color: var(--teddy-color-text-interactive-on-expressive-negative);
   }
-  ._teddy-button--expressive-negative_1biph_128:hover:not(._teddy-button--disabled_1biph_78) {
+  ._teddy-button--expressive-negative_124k8_128:hover:not(._teddy-button--disabled_124k8_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_1biph_128:active:not(._teddy-button--disabled_1biph_78) {
+  ._teddy-button--expressive-negative_124k8_128:active:not(._teddy-button--disabled_124k8_78) {
     background-color: var(--teddy-color-background-interactive-expressive-negative-active);
     color: var(--teddy-color-text-interactive-on-expressive-negative-active);
   }
-  ._teddy-button--negative_1biph_140._teddy-button--disabled_1biph_78 {
+  ._teddy-button--negative_124k8_140._teddy-button--disabled_124k8_78 {
     background-color: var(--teddy-color-background-interactive-disabled-negative);
     color: var(--teddy-color-text-weak-negative);
   }
-  ._teddy-button--secondary_1biph_96._teddy-button--disabled_1biph_78, ._teddy-button--secondary-negative_1biph_107._teddy-button--disabled_1biph_78 {
+  ._teddy-button--secondary_124k8_96._teddy-button--disabled_124k8_78, ._teddy-button--secondary-negative_124k8_107._teddy-button--disabled_124k8_78 {
     box-shadow: none;
   }
-  ._teddy-button--destructive_1biph_147 {
+  ._teddy-button--destructive_124k8_147 {
     background-color: var(--teddy-color-background-interactive-destructive);
     color: var(--teddy-color-text-interactive-on-destructive);
   }
-  ._teddy-button--destructive_1biph_147:hover:not(._teddy-button--disabled_1biph_78) {
+  ._teddy-button--destructive_124k8_147:hover:not(._teddy-button--disabled_124k8_78) {
     background-color: var(--teddy-color-background-interactive-destructive-hover);
   }
-  ._teddy-button--destructive_1biph_147:active:not(._teddy-button--disabled_1biph_78) {
+  ._teddy-button--destructive_124k8_147:active:not(._teddy-button--disabled_124k8_78) {
     background-color: var(--teddy-color-background-interactive-destructive-active);
   }
-  ._teddy-button--destructive-negative_1biph_157 {
+  ._teddy-button--destructive-negative_124k8_157 {
     background-color: var(--teddy-color-background-interactive-destructive);
     color: var(--teddy-color-text-interactive-on-destructive);
   }
-  ._teddy-button--destructive-negative_1biph_157:hover:not(._teddy-button--disabled_1biph_78) {
+  ._teddy-button--destructive-negative_124k8_157:hover:not(._teddy-button--disabled_124k8_78) {
     background-color: var(--teddy-color-background-interactive-destructive-hover);
   }
-  ._teddy-button--destructive-negative_1biph_157:active:not(._teddy-button--disabled_1biph_78) {
+  ._teddy-button--destructive-negative_124k8_157:active:not(._teddy-button--disabled_124k8_78) {
     background-color: var(--teddy-color-background-interactive-destructive-active);
   }
-  ._teddy-button--tertiary-purple_1biph_167 {
+  ._teddy-button--tertiary-purple_124k8_167 {
     background-color: var(--teddy-color-background-interactive-transparent);
     color: var(--teddy-color-text-interactive-primary);
   }
-  ._teddy-button--tertiary-purple_1biph_167._teddy-button--disabled_1biph_78 {
+  ._teddy-button--tertiary-purple_124k8_167._teddy-button--disabled_124k8_78 {
     background-color: var(--teddy-color-background-interactive-transparent);
   }
-  ._teddy-button--tertiary-purple_1biph_167:hover:not(._teddy-button--disabled_1biph_78) {
+  ._teddy-button--tertiary-purple_124k8_167:hover:not(._teddy-button--disabled_124k8_78) {
     background-color: var(--teddy-color-background-interactive-transparent-hover);
   }
-  ._teddy-button--tertiary-purple_1biph_167:active:not(._teddy-button--disabled_1biph_78) {
+  ._teddy-button--tertiary-purple_124k8_167:active:not(._teddy-button--disabled_124k8_78) {
     background-color: var(--teddy-color-background-interactive-transparent-active);
   }
-  ._teddy-button--tertiary-purple-negative_1biph_180 {
+  ._teddy-button--tertiary-purple-negative_124k8_180 {
     background-color: var(--teddy-color-background-interactive-transparent);
     color: var(--teddy-color-text-interactive-primary-negative);
   }
-  ._teddy-button--tertiary-purple-negative_1biph_180._teddy-button--disabled_1biph_78 {
+  ._teddy-button--tertiary-purple-negative_124k8_180._teddy-button--disabled_124k8_78 {
     background-color: var(--teddy-color-background-interactive-transparent);
   }
-  ._teddy-button--tertiary-purple-negative_1biph_180:hover:not(._teddy-button--disabled_1biph_78) {
+  ._teddy-button--tertiary-purple-negative_124k8_180:hover:not(._teddy-button--disabled_124k8_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_1biph_180:active:not(._teddy-button--disabled_1biph_78) {
+  ._teddy-button--tertiary-purple-negative_124k8_180:active:not(._teddy-button--disabled_124k8_78) {
     background-color: var(--teddy-color-background-interactive-transparent-negative-active);
     color: var(--teddy-color-text-interactive-primary-negative-active);
   }
-  ._teddy-button--text-negative_1biph_195 {
+  ._teddy-button--text-negative_124k8_195 {
     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_1biph_195:focus-visible::before {
+  ._teddy-button--text-negative_124k8_195:focus-visible::before {
     border-radius: 0;
   }
-  ._teddy-button--text-negative_1biph_195._teddy-button--disabled_1biph_78 {
+  ._teddy-button--text-negative_124k8_195._teddy-button--disabled_124k8_78 {
     background-color: var(--teddy-color-background-interactive-transparent);
   }
-  ._teddy-button--text-negative_1biph_195:hover:not(._teddy-button--disabled_1biph_78) {
+  ._teddy-button--text-negative_124k8_195:hover:not(._teddy-button--disabled_124k8_78) {
     background-color: var(--teddy-color-background-interactive-transparent-negative-hover);
     color: var(--teddy-color-text-interactive-primary-negative-hover);
   }
-  ._teddy-button--text-negative_1biph_195:active:not(._teddy-button--disabled_1biph_78) {
+  ._teddy-button--text-negative_124k8_195:active:not(._teddy-button--disabled_124k8_78) {
     background-color: var(--teddy-color-background-interactive-transparent-negative-active);
     color: var(--teddy-color-text-interactive-primary-negative-active);
   }
-  ._teddy-button--text_1biph_195 {
+  ._teddy-button--text_124k8_195 {
     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_1biph_195:focus-visible::before {
+  ._teddy-button--text_124k8_195:focus-visible::before {
     border-radius: 0;
   }
-  ._teddy-button--text_1biph_195._teddy-button--disabled_1biph_78 {
+  ._teddy-button--text_124k8_195._teddy-button--disabled_124k8_78 {
     background-color: var(--teddy-color-background-interactive-transparent);
     color: var(--teddy-color-text-weak);
   }
-  ._teddy-button--text_1biph_195:hover:not(._teddy-button--disabled_1biph_78) {
+  ._teddy-button--text_124k8_195:hover:not(._teddy-button--disabled_124k8_78) {
     background-color: var(--teddy-color-background-interactive-transparent-hover);
   }
-  ._teddy-button--text_1biph_195:active:not(._teddy-button--disabled_1biph_78) {
+  ._teddy-button--text_124k8_195:active:not(._teddy-button--disabled_124k8_78) {
     background-color: var(--teddy-color-background-interactive-transparent-active);
   }
-  ._teddy-button--disabled_1biph_78 {
+  ._teddy-button--disabled_124k8_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_1biph_242 {
+  ._teddy-button__loading_124k8_242 {
     position: absolute;
     inset: 0;
     display: grid;
     place-items: center;
     border-radius: inherit;
     background-color: var(--teddy-color-transparent-white-500);
-    animation: _fadeInAnimation_1biph_1 ease var(--teddy-motion-duration-500);
+    animation: _fadeInAnimation_124k8_1 ease var(--teddy-motion-duration-500);
     animation-iteration-count: 1;
     animation-fill-mode: forwards;
   }
-  ._teddy-button__loading_1biph_242 ._teddy-button__spinner_1biph_253 circle {
+  ._teddy-button__loading_124k8_242 ._teddy-button__spinner_124k8_253 circle {
     stroke: var(--teddy-color-transparent-black-700);
   }
-  ._teddy-button--icon-only_1biph_56 ._teddy-button__loading_1biph_242 {
+  ._teddy-button--icon-only_124k8_56 ._teddy-button__loading_124k8_242 {
     background-color: var(--teddy-color-gray-100);
   }
 }@layer icon {
@@ -358,16 +358,16 @@
   }
 }@layer button, scroll-area;
 @layer scroll-area {
-  ._teddy-scroll-area_1swny_3 {
+  ._teddy-scroll-area_1o8ft_3 {
     position: relative;
     overflow: hidden;
   }
-  ._teddy-scroll-area__viewport_1swny_7 {
+  ._teddy-scroll-area__viewport_1o8ft_7 {
     height: 100%;
     width: 100%;
     border-radius: inherit;
   }
-  ._teddy-scroll-area__scrollbar_1swny_12 {
+  ._teddy-scroll-area__scrollbar_1o8ft_12 {
     display: flex;
     /* ensures no selection */
     user-select: none;
@@ -378,17 +378,17 @@
     transition: background-color var(--teddy-motion-duration-200) ease-out;
     border-radius: var(--teddy-border-radius-full);
   }
-  ._teddy-scroll-area__scrollbar_1swny_12[data-orientation=vertical] {
+  ._teddy-scroll-area__scrollbar_1o8ft_12[data-orientation=vertical] {
     width: var(--teddy-border-width-lg);
   }
-  ._teddy-scroll-area__scrollbar_1swny_12[data-orientation=horizontal] {
+  ._teddy-scroll-area__scrollbar_1o8ft_12[data-orientation=horizontal] {
     flex-direction: column;
     height: var(--teddy-border-width-lg);
   }
-  ._teddy-scroll-area__scrollbar_1swny_12:hover {
+  ._teddy-scroll-area__scrollbar_1o8ft_12:hover {
     background-color: var(--teddy-color-transparent-black-200);
   }
-  ._teddy-scroll-area__scrollbar--hidden_1swny_33 {
+  ._teddy-scroll-area__scrollbar--hidden_1o8ft_33 {
     width: 1px;
     height: 1px;
     padding: 0;
@@ -398,16 +398,16 @@
     white-space: nowrap;
     border: 0;
   }
-  ._teddy-scroll-area__scrollbar--hidden_1swny_33:not(caption) {
+  ._teddy-scroll-area__scrollbar--hidden_1o8ft_33:not(caption) {
     position: absolute;
   }
-  ._teddy-scroll-area__thumb_1swny_46 {
+  ._teddy-scroll-area__thumb_1o8ft_46 {
     flex: 1;
     background: var(--teddy-color-border-strong);
     border-radius: var(--teddy-border-radius-full);
     position: relative;
   }
-  ._teddy-scroll-area__thumb_1swny_46::before {
+  ._teddy-scroll-area__thumb_1o8ft_46::before {
     content: "";
     position: absolute;
     top: 50%;
@@ -418,61 +418,85 @@
     min-width: 44px;
     min-height: 44px;
   }
-  ._teddy-scroll-area__corner_1swny_63 {
+  ._teddy-scroll-area__corner_1o8ft_63 {
     background: var(--teddy-color-border-medium);
   }
-  ._teddy-scroll-area__button_1swny_66 {
+  ._teddy-scroll-area__button_1o8ft_66 {
     position: absolute;
-    transition: opacity var(--teddy-motion-duration-300), transform var(--teddy-motion-duration-300);
   }
-  ._teddy-scroll-area__button_1swny_66[data-direction=left] {
+  @media (prefers-reduced-motion: no-preference) {
+    ._teddy-scroll-area__button_1o8ft_66 {
+      transition: opacity var(--teddy-motion-duration-300), transform var(--teddy-motion-duration-300);
+    }
+  }
+  ._teddy-scroll-area__button_1o8ft_66[data-direction=left] {
     left: 0;
     top: 50%;
     transform: translate(0, -50%);
   }
-  ._teddy-scroll-area__button_1swny_66[data-direction=right] {
+  ._teddy-scroll-area__button_1o8ft_66[data-direction=right] {
     right: 0;
     top: 50%;
     transform: translate(0, -50%);
   }
-  ._teddy-scroll-area__button_1swny_66[data-direction=up] {
+  ._teddy-scroll-area__button_1o8ft_66[data-direction=up] {
     top: 0;
     left: 50%;
     transform: translate(-50%, 0);
   }
-  ._teddy-scroll-area__button_1swny_66[data-direction=down] {
+  ._teddy-scroll-area__button_1o8ft_66[data-direction=down] {
     bottom: 0;
     left: 50%;
     transform: translate(-50%, 0);
   }
-  ._teddy-scroll-area__button--hidden_1swny_90 {
+  ._teddy-scroll-area__button--hidden_1o8ft_94 {
     opacity: 0;
   }
-  ._teddy-scroll-area__button--hidden_1swny_90[data-direction=left] {
+  ._teddy-scroll-area__button--hidden_1o8ft_94[data-direction=left] {
     transform: translate(-100%, -50%);
   }
-  ._teddy-scroll-area__button--hidden_1swny_90[data-direction=right] {
+  ._teddy-scroll-area__button--hidden_1o8ft_94[data-direction=right] {
     transform: translate(100%, -50%);
   }
-  ._teddy-scroll-area__button--hidden_1swny_90[data-direction=up] {
+  ._teddy-scroll-area__button--hidden_1o8ft_94[data-direction=up] {
     transform: translate(-50%, -100%);
   }
-  ._teddy-scroll-area__button--hidden_1swny_90[data-direction=down] {
+  ._teddy-scroll-area__button--hidden_1o8ft_94[data-direction=down] {
     transform: translate(-50%, 100%);
   }
 }@layer button, scroll-area, tabs;
 @layer tabs {
-  ._teddy-tabs__list_1sgsx_3 {
+  ._teddy-tabs__list_1finq_3 {
     display: flex;
     max-width: fit-content;
     background-color: var(--teddy-color-background-secondary);
     border-radius: var(--teddy-border-radius-full);
     padding: var(--teddy-spacing-50);
+    position: relative;
+  }
+  ._teddy-tabs__list_1finq_3::before {
+    content: "";
+    position: absolute;
+    inset: var(--teddy-spacing-50);
+    inset: 0;
+    margin: var(--teddy-spacing-50) 0;
+    scale: var(--_width, 0.125) 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;
+  }
+  @media (prefers-reduced-motion: no-preference) {
+    ._teddy-tabs__list_1finq_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_1sgsx_10 ._teddy-tabs__list_1sgsx_3 {
+  ._teddy-tabs--full-width_1finq_30 ._teddy-tabs__list_1finq_3 {
     max-width: initial;
   }
-  ._teddy-tabs__trigger_1sgsx_13 {
+  ._teddy-tabs__trigger_1finq_33 {
     flex: 1 0 auto;
     min-width: 3rem;
     color: var(--teddy-color-text-interactive-primary);
@@ -481,33 +505,27 @@
     line-height: var(--teddy-typography-line-height-100);
     white-space: nowrap;
     cursor: auto;
+    transition: color calc(var(--_duration, 0)) var(--teddy-motion-easing-ease-in-out);
   }
-  ._teddy-tabs__trigger_1sgsx_13[data-state=active] {
+  ._teddy-tabs__trigger_1finq_33[data-state=active] {
     color: var(--teddy-color-text-interactive-on-primary);
-    background-color: var(--teddy-color-background-interactive-primary);
     cursor: default;
   }
-  ._teddy-tabs__indicator_1sgsx_28 {
-    background-color: var(--teddy-color-background-interactive-primary);
-    position: fixed;
-    height: var(--teddy-border-width-md);
-    transform: translateY(-50%);
-  }
-  ._teddy-tabs__scroll-button_1sgsx_34 {
+  ._teddy-tabs__scroll-button_1finq_48 {
     background-color: var(--teddy-color-background-secondary);
     color: var(--teddy-color-text-default);
     z-index: 1;
   }
-  ._teddy-tabs__scroll-button_1sgsx_34:hover {
+  ._teddy-tabs__scroll-button_1finq_48:hover {
     background-color: var(--teddy-color-background-interactive-transparent-hover);
   }
-  ._teddy-tabs__scroll-button_1sgsx_34:active {
+  ._teddy-tabs__scroll-button_1finq_48:active {
     background-color: var(--teddy-color-background-interactive-transparent-active);
   }
-  ._teddy-tabs__scroll-button_1sgsx_34::before {
+  ._teddy-tabs__scroll-button_1finq_48::before {
     z-index: 1;
   }
-  ._teddy-tabs__scroll-button_1sgsx_34::after {
+  ._teddy-tabs__scroll-button_1finq_48::after {
     content: "";
     top: 0;
     left: 100%;
@@ -516,12 +534,12 @@
     width: 1rem;
     background: linear-gradient(90deg, var(--teddy-color-background-secondary) 0%, var(--teddy-color-functional-transparent) 100%);
   }
-  ._teddy-tabs__scroll-button_1sgsx_34[data-direction=right]::after {
+  ._teddy-tabs__scroll-button_1finq_48[data-direction=right]::after {
     left: auto;
     right: 100%;
     transform: rotate(180deg);
   }
-}@keyframes _teddy-fade-in_1sy9d_1 {
+}@keyframes _teddy-fade-in_jzq1o_1 {
   from {
     opacity: 0;
   }
@@ -529,7 +547,7 @@
     opacity: 1;
   }
 }
-@keyframes _teddy-fade-out_1sy9d_1 {
+@keyframes _teddy-fade-out_jzq1o_1 {
   from {
     opacity: 1;
   }
@@ -537,90 +555,88 @@
     opacity: 0;
   }
 }
-._teddy-drawer__overlay_1sy9d_17 {
+@keyframes _teddy-overlay-no-op_jzq1o_1 {
+  from {
+    opacity: 1;
+  }
+  to {
+    opacity: 1;
+  }
+}
+._teddy-drawer__overlay_jzq1o_25 {
   position: fixed;
   inset: 0;
-  display: grid;
-  place-items: center;
 }
-._teddy-drawer__overlay_1sy9d_17::before {
+@media (prefers-reduced-motion: no-preference) {
+  ._teddy-drawer__overlay_jzq1o_25 {
+    /* Keep the overlay mounted until the children have animated */
+  }
+  ._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);
+  }
+  ._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_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_jzq1o_25::before {
   position: fixed;
   content: "";
   inset: 0;
   background-color: var(--teddy-color-overlay-default);
 }
-._teddy-drawer__overlay--container_1sy9d_29 {
+._teddy-drawer__overlay--container_jzq1o_49 {
   position: absolute;
 }
-._teddy-drawer__overlay--container_1sy9d_29::before {
+._teddy-drawer__overlay--container_jzq1o_49::before {
   position: absolute;
 }
-._teddy-drawer__overlay--container_1sy9d_29 ._teddy-drawer__content_1sy9d_35 {
+._teddy-drawer__overlay--container_jzq1o_49 ._teddy-drawer__content_jzq1o_55 {
   position: absolute;
 }
-._teddy-drawer__content_1sy9d_35 {
+._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);
 }
-._teddy-drawer__close--floating_1sy9d_50 {
-  position: absolute;
-  top: var(--teddy-spacing-250);
-  right: var(--teddy-spacing-250);
-}
 @media (prefers-reduced-motion: no-preference) {
-  @keyframes _drawer-overlay-no-op_1sy9d_1 {
-    from {
-      opacity: 1;
-    }
-    to {
-      opacity: 1;
-    }
-  }
-  @keyframes _drawer-content-show_1sy9d_1 {
-    from {
-      opacity: 0;
-      transform: translateX(24rem);
-    }
-    to {
-      opacity: 1;
-      transform: translateX(0px);
-    }
+  ._teddy-drawer__content_jzq1o_55:where([data-state=open]) {
+    animation: _drawer-content-show_jzq1o_1 450ms cubic-bezier(0.16, 1, 0.3, 1);
   }
-  @keyframes _drawer-content-hide_1sy9d_1 {
-    from {
-      opacity: 1;
-      transform: translateX(0px);
-    }
-    to {
-      opacity: 0;
-      transform: translateX(24rem);
-    }
+  ._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_1sy9d_17 {
-    /* Keep the overlay mounted until the children have animated */
-  }
-  ._teddy-drawer__overlay_1sy9d_17:where([data-state=closed]) {
-    animation: _drawer-overlay-no-op_1sy9d_1 400ms cubic-bezier(0.16, 1, 0.3, 1);
-  }
-  ._teddy-drawer__overlay_1sy9d_17:where([data-state=open])::before {
-    animation: _teddy-fade-in_1sy9d_1 500ms cubic-bezier(0.16, 1, 0.3, 1);
+}
+._teddy-drawer__close--floating_jzq1o_80 {
+  position: absolute;
+  top: var(--teddy-spacing-200);
+  right: var(--teddy-spacing-200);
+}
+@keyframes _drawer-content-show_jzq1o_1 {
+  from {
+    transform: translateX(100%);
   }
-  ._teddy-drawer__overlay_1sy9d_17:where([data-state=closed])::before {
-    animation: _teddy-fade-out_1sy9d_1 400ms cubic-bezier(0.16, 1, 0.3, 1);
+  to {
+    transform: translateX(0px);
   }
-  ._teddy-drawer__content_1sy9d_35:where([data-state=open]) {
-    animation: _drawer-content-show_1sy9d_1 450ms cubic-bezier(0.16, 1, 0.3, 1);
+}
+@keyframes _drawer-content-hide_jzq1o_1 {
+  from {
+    transform: translateX(0px);
   }
-  ._teddy-drawer__content_1sy9d_35:where([data-state=closed]) {
-    animation: _drawer-content-hide_1sy9d_1 350ms cubic-bezier(0.16, 1, 0.3, 1);
+  to {
+    transform: translateX(100%);
   }
 }@layer text {
   ._teddy-text_15w9u_2 {
@@ -889,82 +905,84 @@
 }
 ._teddy-chip__indicator_1er2j_82 {
   display: none;
-}._teddy-link_zi6ey_1 {
-  align-items: center;
-  cursor: pointer;
-  display: inline-flex;
-  gap: var(--teddy-spacing-50);
-  text-decoration: underline;
-}
-._teddy-link_zi6ey_1:focus, ._teddy-link_zi6ey_1:active {
-  outline: solid var(--teddy-border-width-sm) var(--teddy-color-border-interactive-focus);
-  outline-offset: var(--teddy-spacing-25);
-}
-._teddy-link_zi6ey_1:focus:not(:focus-visible) {
-  outline: 0;
-}
-._teddy-link--text_zi6ey_15, ._teddy-link--standalone_zi6ey_15, ._teddy-link--navigation_zi6ey_15 {
-  color: var(--teddy-color-text-interactive-primary);
-}
-._teddy-link--text_zi6ey_15:hover, ._teddy-link--standalone_zi6ey_15:hover, ._teddy-link--navigation_zi6ey_15:hover {
-  color: var(--teddy-color-text-interactive-primary-active);
-  background-color: var(--teddy-color-background-interactive-transparent-hover);
-}
-._teddy-link--text_zi6ey_15:active, ._teddy-link--standalone_zi6ey_15:active, ._teddy-link--navigation_zi6ey_15:active {
-  background-color: var(--teddy-color-background-interactive-transparent-active);
-}
-._teddy-link--text_zi6ey_15:visited:not(._teddy-link--disable-visited_zi6ey_25), ._teddy-link--standalone_zi6ey_15:visited:not(._teddy-link--disable-visited_zi6ey_25), ._teddy-link--navigation_zi6ey_15:visited:not(._teddy-link--disable-visited_zi6ey_25) {
-  color: var(--teddy-color-text-interactive-primary-active);
-}
-._teddy-link--text-negative_zi6ey_28, ._teddy-link--standalone-negative_zi6ey_28, ._teddy-link--navigation-negative_zi6ey_28 {
-  color: var(--teddy-color-text-interactive-primary-negative);
-}
-._teddy-link--text-negative_zi6ey_28:hover, ._teddy-link--standalone-negative_zi6ey_28:hover, ._teddy-link--navigation-negative_zi6ey_28:hover {
-  background-color: var(--teddy-color-background-interactive-transparent-negative-hover);
-  color: var(--teddy-color-text-interactive-primary-negative);
-}
-._teddy-link--text-negative_zi6ey_28:active, ._teddy-link--standalone-negative_zi6ey_28:active, ._teddy-link--navigation-negative_zi6ey_28:active {
-  background-color: var(--teddy-color-background-interactive-transparent-negative-active);
-  color: var(--teddy-color-text-interactive-primary-negative-active);
-}
-._teddy-link--text-negative_zi6ey_28:visited:not(._teddy-link--disable-visited_zi6ey_25), ._teddy-link--standalone-negative_zi6ey_28:visited:not(._teddy-link--disable-visited_zi6ey_25), ._teddy-link--navigation-negative_zi6ey_28:visited:not(._teddy-link--disable-visited_zi6ey_25) {
-  color: var(--teddy-color-text-interactive-primary-negative-active);
-}
-._teddy-link--standalone_zi6ey_15, ._teddy-link--standalone-negative_zi6ey_28 {
-  padding: var(--teddy-spacing-150) 0;
-}
-._teddy-link--navigation_zi6ey_15, ._teddy-link--navigation-negative_zi6ey_28 {
-  align-items: center;
-  background-color: var(--teddy-color-functional-transparent);
-  display: flex;
-  font-weight: var(--teddy-typography-weight-medium);
-  text-decoration: none;
-}
-._teddy-link--navigation_zi6ey_15:active, ._teddy-link--navigation_zi6ey_15:hover, ._teddy-link--navigation-negative_zi6ey_28:active, ._teddy-link--navigation-negative_zi6ey_28:hover {
-  background-color: var(--teddy-color-functional-transparent);
-  text-decoration: underline;
-}
-._teddy-link--ensure-target-area_zi6ey_56 {
-  display: flex;
-  align-items: center;
-  min-height: var(--teddy-spacing-600);
-  min-width: var(--teddy-spacing-600);
-}
-._teddy-link--silent_zi6ey_62 {
-  background-color: inherit;
-  color: inherit;
-  height: 100%;
-  text-decoration: none;
-}
-._teddy-link--silent_zi6ey_62:hover, ._teddy-link--silent_zi6ey_62:focus, ._teddy-link--silent_zi6ey_62:active {
-  background-color: inherit;
-  color: inherit;
-}
-._teddy-link--silent_zi6ey_62 a:focus {
-  outline: 0;
-}
-._teddy-link--silent_zi6ey_62:is(._teddy-link--disable-visited_zi6ey_25):visited {
-  color: inherit;
+}@layer link {
+  ._teddy-link_azi31_2 {
+    align-items: center;
+    cursor: pointer;
+    display: inline-flex;
+    gap: var(--teddy-spacing-50);
+    text-decoration: underline;
+  }
+  ._teddy-link_azi31_2:focus, ._teddy-link_azi31_2:active {
+    outline: solid var(--teddy-border-width-sm) var(--teddy-color-border-interactive-focus);
+    outline-offset: var(--teddy-spacing-25);
+  }
+  ._teddy-link_azi31_2:focus:not(:focus-visible) {
+    outline: 0;
+  }
+  ._teddy-link--text_azi31_16, ._teddy-link--standalone_azi31_16, ._teddy-link--navigation_azi31_16 {
+    color: var(--teddy-color-text-interactive-primary);
+  }
+  ._teddy-link--text_azi31_16:hover, ._teddy-link--standalone_azi31_16:hover, ._teddy-link--navigation_azi31_16:hover {
+    color: var(--teddy-color-text-interactive-primary-active);
+    background-color: var(--teddy-color-background-interactive-transparent-hover);
+  }
+  ._teddy-link--text_azi31_16:active, ._teddy-link--standalone_azi31_16:active, ._teddy-link--navigation_azi31_16:active {
+    background-color: var(--teddy-color-background-interactive-transparent-active);
+  }
+  ._teddy-link--text_azi31_16:visited:not(._teddy-link--disable-visited_azi31_26), ._teddy-link--standalone_azi31_16:visited:not(._teddy-link--disable-visited_azi31_26), ._teddy-link--navigation_azi31_16:visited:not(._teddy-link--disable-visited_azi31_26) {
+    color: var(--teddy-color-text-interactive-primary-active);
+  }
+  ._teddy-link--text-negative_azi31_29, ._teddy-link--standalone-negative_azi31_29, ._teddy-link--navigation-negative_azi31_29 {
+    color: var(--teddy-color-text-interactive-primary-negative);
+  }
+  ._teddy-link--text-negative_azi31_29:hover, ._teddy-link--standalone-negative_azi31_29:hover, ._teddy-link--navigation-negative_azi31_29:hover {
+    background-color: var(--teddy-color-background-interactive-transparent-negative-hover);
+    color: var(--teddy-color-text-interactive-primary-negative);
+  }
+  ._teddy-link--text-negative_azi31_29:active, ._teddy-link--standalone-negative_azi31_29:active, ._teddy-link--navigation-negative_azi31_29:active {
+    background-color: var(--teddy-color-background-interactive-transparent-negative-active);
+    color: var(--teddy-color-text-interactive-primary-negative-active);
+  }
+  ._teddy-link--text-negative_azi31_29:visited:not(._teddy-link--disable-visited_azi31_26), ._teddy-link--standalone-negative_azi31_29:visited:not(._teddy-link--disable-visited_azi31_26), ._teddy-link--navigation-negative_azi31_29:visited:not(._teddy-link--disable-visited_azi31_26) {
+    color: var(--teddy-color-text-interactive-primary-negative-active);
+  }
+  ._teddy-link--standalone_azi31_16, ._teddy-link--standalone-negative_azi31_29 {
+    padding: var(--teddy-spacing-150) 0;
+  }
+  ._teddy-link--navigation_azi31_16, ._teddy-link--navigation-negative_azi31_29 {
+    align-items: center;
+    background-color: var(--teddy-color-functional-transparent);
+    display: flex;
+    font-weight: var(--teddy-typography-weight-medium);
+    text-decoration: none;
+  }
+  ._teddy-link--navigation_azi31_16:active, ._teddy-link--navigation_azi31_16:hover, ._teddy-link--navigation-negative_azi31_29:active, ._teddy-link--navigation-negative_azi31_29:hover {
+    background-color: var(--teddy-color-functional-transparent);
+    text-decoration: underline;
+  }
+  ._teddy-link--ensure-target-area_azi31_57 {
+    display: flex;
+    align-items: center;
+    min-height: var(--teddy-spacing-600);
+    min-width: var(--teddy-spacing-600);
+  }
+  ._teddy-link--silent_azi31_63 {
+    background-color: inherit;
+    color: inherit;
+    height: 100%;
+    text-decoration: none;
+  }
+  ._teddy-link--silent_azi31_63:hover, ._teddy-link--silent_azi31_63:focus, ._teddy-link--silent_azi31_63:active {
+    background-color: inherit;
+    color: inherit;
+  }
+  ._teddy-link--silent_azi31_63 a:focus {
+    outline: 0;
+  }
+  ._teddy-link--silent_azi31_63:is(._teddy-link--disable-visited_azi31_26):visited {
+    color: inherit;
+  }
 }@layer grid {
   ._teddy-grid_1dv1t_2 {
     box-sizing: border-box;
@@ -1219,47 +1237,45 @@
   }
 }@layer heading, button, card, notification;
 @layer notification {
-  ._teddy-notification_q80ka_3 {
+  ._teddy-notification_1ref8_3 {
     --status-border: var(--teddy-color-border-status-success);
     --status-color: var(--teddy-color-text-status-success-strong);
     --status-icon-color: var(--teddy-color-text-status-success-medium);
-    padding: var(--teddy-spacing-200) var(--teddy-spacing-200) var(--teddy-spacing-200) var(--teddy-spacing-250);
+    padding: var(--teddy-spacing-200) var(--teddy-spacing-200) var(--teddy-spacing-200) var(--teddy-spacing-150);
     gap: var(--teddy-spacing-100);
-  }
-  ._teddy-notification_q80ka_3::after {
     border-width: var(--teddy-border-width-sm) var(--teddy-border-width-sm) var(--teddy-border-width-sm) var(--teddy-border-width-lg);
     border-color: var(--status-border);
   }
-  ._teddy-notification__dismiss_q80ka_14 {
+  ._teddy-notification__dismiss_1ref8_12 {
     position: absolute;
-    inset: var(--teddy-spacing-100) var(--teddy-spacing-100) auto auto;
+    inset: var(--teddy-spacing-50) var(--teddy-spacing-50) auto auto;
   }
-  ._teddy-notification--success_q80ka_18 {
+  ._teddy-notification--success_1ref8_16 {
     --status-border: var(--teddy-color-border-status-success);
     --status-color: var(--teddy-color-text-status-success-strong);
     --status-icon-color: var(--teddy-color-text-status-success-medium);
   }
-  ._teddy-notification--warning_q80ka_23 {
+  ._teddy-notification--warning_1ref8_21 {
     --status-border: var(--teddy-color-border-status-warning);
     --status-color: var(--teddy-color-text-status-warning-strong);
     --status-icon-color: var(--teddy-color-text-status-warning-medium);
   }
-  ._teddy-notification--error_q80ka_28 {
+  ._teddy-notification--error_1ref8_26 {
     --status-border: var(--teddy-color-border-status-error);
     --status-color: var(--teddy-color-text-status-error-strong);
     --status-icon-color: var(--teddy-color-text-status-error-medium);
   }
-  ._teddy-notification--information_q80ka_33 {
+  ._teddy-notification--information_1ref8_31 {
     --status-border: var(--teddy-color-border-status-info);
     --status-color: var(--teddy-color-text-status-info-strong);
     --status-icon-color: var(--teddy-color-text-status-info-medium);
   }
-  ._teddy-notification__heading_q80ka_38 {
+  ._teddy-notification__heading_1ref8_36 {
     color: var(--status-color);
     display: flex;
     align-items: center;
   }
-  ._teddy-notification__icon_q80ka_43 {
+  ._teddy-notification__icon_1ref8_41 {
     color: var(--status-icon-color);
   }
 }._teddy-label_1hc8e_1 {
@@ -1429,7 +1445,7 @@
 }
 ._teddy-visually-hidden--focusable_15nus_15:not(:focus):not(:focus-within):not(caption) {
   position: absolute;
-}._teddy-navigation-menu_139wf_1 {
+}._teddy-navigation-menu_959s3_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));
@@ -1439,16 +1455,16 @@
   width: auto;
 }
 @media (min-width: 600px) {
-  ._teddy-navigation-menu_139wf_1 {
+  ._teddy-navigation-menu_959s3_1 {
     --inline-padding: calc(var(--teddy-spacing-300) - var(--item-gap));
   }
 }
 @media (min-width: 1440px) {
-  ._teddy-navigation-menu_139wf_1 {
+  ._teddy-navigation-menu_959s3_1 {
     --inline-padding: calc(var(--teddy-spacing-400) - var(--item-gap));
   }
 }
-._teddy-navigation-menu_139wf_1::after {
+._teddy-navigation-menu_959s3_1::after {
   content: "";
   position: absolute;
   inset: 0;
@@ -1457,14 +1473,14 @@
   opacity: 0;
 }
 @media (prefers-reduced-motion: no-preference) {
-  ._teddy-navigation-menu_139wf_1::after {
+  ._teddy-navigation-menu_959s3_1::after {
     transition: opacity var(--teddy-motion-duration-300) ease;
   }
 }
-._teddy-navigation-menu_139wf_1:has(._teddy-navigation-menu__viewport_139wf_33[data-state=open])::after {
+._teddy-navigation-menu_959s3_1:has(._teddy-navigation-menu__viewport_959s3_33[data-state=open])::after {
   opacity: 1;
 }
-._teddy-navigation-menu__list_139wf_36 {
+._teddy-navigation-menu__list_959s3_36 {
   all: unset;
   list-style-type: none;
   display: flex;
@@ -1473,17 +1489,17 @@
   padding-inline: var(--inline-padding);
   border-bottom: var(--teddy-border-width-sm) solid var(--teddy-color-border-weak);
 }
-._teddy-navigation-menu__list_139wf_36::before {
+._teddy-navigation-menu__list_959s3_36::before {
   content: "";
   display: block;
   width: var(--width-for-centering-element);
 }
-._teddy-navigation-menu__list_139wf_36::after {
+._teddy-navigation-menu__list_959s3_36::after {
   content: "";
   display: block;
   width: var(--width-for-centering-element);
 }
-._teddy-navigation-menu__top-menu-list_139wf_55 {
+._teddy-navigation-menu__top-menu-list_959s3_55 {
   all: unset;
   position: relative;
   list-style-type: none;
@@ -1493,18 +1509,17 @@
   align-items: center;
   padding-inline: var(--inline-padding);
 }
-._teddy-navigation-menu__top-menu-list_139wf_55::before {
+._teddy-navigation-menu__top-menu-list_959s3_55::before {
   content: "";
   display: block;
   width: var(--width-for-centering-element);
 }
-._teddy-navigation-menu__top-menu-list_139wf_55::after {
+._teddy-navigation-menu__top-menu-list_959s3_55::after {
   content: "";
   display: block;
   width: var(--width-for-centering-element);
 }
-._teddy-navigation-menu__top-menu-trigger_139wf_75 {
-  all: unset;
+._teddy-navigation-menu__top-menu-trigger_959s3_75 {
   all: unset;
   position: relative;
   cursor: pointer;
@@ -1521,12 +1536,12 @@
   line-height: var(--teddy-typography-line-height-loose);
   padding: var(--teddy-spacing-250) var(--teddy-spacing-100);
 }
-._teddy-navigation-menu__top-menu-trigger--small_139wf_93 {
+._teddy-navigation-menu__top-menu-trigger--small_959s3_92 {
   padding: var(--teddy-spacing-150) var(--teddy-spacing-100);
   font-size: var(--teddy-typography-scale-75);
   line-height: var(--teddy-typography-line-height-loose);
 }
-._teddy-navigation-menu__top-menu-trigger--button_139wf_98 {
+._teddy-navigation-menu__top-menu-trigger--button_959s3_97 {
   padding: var(--teddy-spacing-100);
   min-height: var(--teddy-spacing-600);
   border-radius: var(--teddy-border-radius-md);
@@ -1537,7 +1552,7 @@
   gap: var(--teddy-spacing-100);
   row-gap: var(--teddy-spacing-50);
 }
-._teddy-navigation-menu__top-menu-trigger_139wf_75::after {
+._teddy-navigation-menu__top-menu-trigger_959s3_75::after {
   content: "";
   display: block;
   position: absolute;
@@ -1548,10 +1563,10 @@
   pointer-events: none;
   border-bottom: var(--teddy-border-width-sm) solid var(--teddy-color-purple-500);
 }
-._teddy-navigation-menu__top-menu-trigger--button_139wf_98::after {
+._teddy-navigation-menu__top-menu-trigger--button_959s3_97::after {
   border: var(--teddy-border-width-sm) solid var(--teddy-color-purple-500);
 }
-._teddy-navigation-menu__top-menu-trigger_139wf_75:not(._teddy-navigation-menu__top-menu-trigger--button_139wf_98)::before {
+._teddy-navigation-menu__top-menu-trigger_959s3_75:not(._teddy-navigation-menu__top-menu-trigger--button_959s3_97)::before {
   content: attr(data-text);
   content: attr(data-text)/"";
   height: 0;
@@ -1562,81 +1577,87 @@
   font-weight: var(--teddy-typography-weight-bold);
 }
 @media speech {
-  ._teddy-navigation-menu__top-menu-trigger_139wf_75:not(._teddy-navigation-menu__top-menu-trigger--button_139wf_98)::before {
+  ._teddy-navigation-menu__top-menu-trigger_959s3_75:not(._teddy-navigation-menu__top-menu-trigger--button_959s3_97)::before {
     display: none;
   }
 }
-._teddy-navigation-menu__top-menu-trigger_139wf_75:hover {
+._teddy-navigation-menu__top-menu-trigger_959s3_75:hover {
   background-color: var(--teddy-color-background-interactive-transparent-hover);
 }
-._teddy-navigation-menu__top-menu-trigger_139wf_75:hover::after {
+._teddy-navigation-menu__top-menu-trigger_959s3_75:hover::after {
   opacity: 1;
 }
-._teddy-navigation-menu__top-menu-trigger_139wf_75:active {
+._teddy-navigation-menu__top-menu-trigger_959s3_75:active {
   background-color: var(--teddy-color-background-interactive-transparent-active);
 }
-._teddy-navigation-menu__top-menu-trigger_139wf_75:active::after {
+._teddy-navigation-menu__top-menu-trigger_959s3_75:active::after {
   opacity: 1;
 }
-._teddy-navigation-menu__top-menu-trigger_139wf_75[data-state=open] {
+._teddy-navigation-menu__top-menu-trigger_959s3_75[data-state=open] {
   font-weight: var(--teddy-typography-weight-bold);
 }
-._teddy-navigation-menu__top-menu-trigger_139wf_75:has([data-active]), ._teddy-navigation-menu__top-menu-trigger_139wf_75[data-active] {
+._teddy-navigation-menu__top-menu-trigger_959s3_75:has([data-active]), ._teddy-navigation-menu__top-menu-trigger_959s3_75[data-active] {
   font-weight: var(--teddy-typography-weight-bold);
 }
-._teddy-navigation-menu__top-menu-trigger_139wf_75:has([data-active])::after, ._teddy-navigation-menu__top-menu-trigger_139wf_75[data-active]::after {
+._teddy-navigation-menu__top-menu-trigger_959s3_75:has([data-active])::after, ._teddy-navigation-menu__top-menu-trigger_959s3_75[data-active]::after {
   border-color: var(--teddy-color-text-interactive-primary);
   opacity: 1;
 }
-._teddy-navigation-menu__top-menu-trigger_139wf_75:focus-visible {
+._teddy-navigation-menu__top-menu-trigger_959s3_75:focus-visible {
   outline: solid var(--teddy-border-width-sm) var(--teddy-color-border-interactive-focus);
 }
-._teddy-navigation-menu__content_139wf_163 {
+._teddy-navigation-menu__top-menu-trigger_959s3_75[data-state=open] {
+  font-weight: var(--teddy-typography-weight-bold);
+}
+._teddy-navigation-menu__top-menu-trigger_959s3_75[data-state=open]::after {
+  border-color: var(--teddy-color-text-interactive-primary);
+  opacity: 1;
+}
+._teddy-navigation-menu__content_959s3_169 {
   all: unset;
   list-style-type: none;
   display: flex;
   gap: var(--teddy-spacing-100);
-  padding: var(--teddy-border-width-sm) 0;
+  padding: 0;
   position: absolute;
   left: 0;
   right: 0;
-  display: flex;
   max-width: calc(var(--teddy-breakpoint-xl) - (var(--teddy-spacing-600) + var(--item-gap)) * 2);
   margin-inline: auto;
   padding-inline: calc(var(--inline-padding) + var(--teddy-spacing-200));
   overflow: clip;
 }
-._teddy-navigation-menu__content_139wf_163 > ul {
+._teddy-navigation-menu__content_959s3_169 > ul {
   list-style: none;
   display: flex;
   margin: 0;
   padding: 0;
 }
 @media (prefers-reduced-motion: no-preference) {
-  ._teddy-navigation-menu__content_139wf_163 {
+  ._teddy-navigation-menu__content_959s3_169 {
     animation-duration: var(--teddy-motion-duration-300);
     animation-timing-function: ease;
   }
-  ._teddy-navigation-menu__content_139wf_163[data-motion=from-start] {
-    animation-name: _enterFromLeft_139wf_1;
+  ._teddy-navigation-menu__content_959s3_169[data-motion=from-start] {
+    animation-name: _enterFromLeft_959s3_1;
   }
-  ._teddy-navigation-menu__content_139wf_163[data-motion=from-end] {
-    animation-name: _enterFromRight_139wf_1;
+  ._teddy-navigation-menu__content_959s3_169[data-motion=from-end] {
+    animation-name: _enterFromRight_959s3_1;
   }
-  ._teddy-navigation-menu__content_139wf_163[data-motion=to-start] {
-    animation-name: _exitToLeft_139wf_1;
+  ._teddy-navigation-menu__content_959s3_169[data-motion=to-start] {
+    animation-name: _exitToLeft_959s3_1;
   }
-  ._teddy-navigation-menu__content_139wf_163[data-motion=to-end] {
-    animation-name: _exitToRight_139wf_1;
+  ._teddy-navigation-menu__content_959s3_169[data-motion=to-end] {
+    animation-name: _exitToRight_959s3_1;
   }
 }
-._teddy-navigation-menu__content_139wf_163::before {
+._teddy-navigation-menu__content_959s3_169::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_139wf_208 {
+._teddy-navigation-menu__trigger_959s3_213 {
   position: relative;
   all: unset;
   position: relative;
@@ -1654,12 +1675,12 @@
   line-height: var(--teddy-typography-line-height-loose);
   padding: var(--teddy-spacing-250) var(--teddy-spacing-100);
 }
-._teddy-navigation-menu__trigger--small_139wf_226 {
+._teddy-navigation-menu__trigger--small_959s3_231 {
   padding: var(--teddy-spacing-150) var(--teddy-spacing-100);
   font-size: var(--teddy-typography-scale-75);
   line-height: var(--teddy-typography-line-height-loose);
 }
-._teddy-navigation-menu__trigger--button_139wf_231 {
+._teddy-navigation-menu__trigger--button_959s3_236 {
   padding: var(--teddy-spacing-100);
   min-height: var(--teddy-spacing-600);
   border-radius: var(--teddy-border-radius-md);
@@ -1670,7 +1691,7 @@
   gap: var(--teddy-spacing-100);
   row-gap: var(--teddy-spacing-50);
 }
-._teddy-navigation-menu__trigger_139wf_208::after {
+._teddy-navigation-menu__trigger_959s3_213::after {
   content: "";
   display: block;
   position: absolute;
@@ -1681,10 +1702,10 @@
   pointer-events: none;
   border-bottom: var(--teddy-border-width-sm) solid var(--teddy-color-purple-500);
 }
-._teddy-navigation-menu__trigger--button_139wf_231::after {
+._teddy-navigation-menu__trigger--button_959s3_236::after {
   border: var(--teddy-border-width-sm) solid var(--teddy-color-purple-500);
 }
-._teddy-navigation-menu__trigger_139wf_208:not(._teddy-navigation-menu__trigger--button_139wf_231)::before {
+._teddy-navigation-menu__trigger_959s3_213:not(._teddy-navigation-menu__trigger--button_959s3_236)::before {
   content: attr(data-text);
   content: attr(data-text)/"";
   height: 0;
@@ -1695,36 +1716,36 @@
   font-weight: var(--teddy-typography-weight-bold);
 }
 @media speech {
-  ._teddy-navigation-menu__trigger_139wf_208:not(._teddy-navigation-menu__trigger--button_139wf_231)::before {
+  ._teddy-navigation-menu__trigger_959s3_213:not(._teddy-navigation-menu__trigger--button_959s3_236)::before {
     display: none;
   }
 }
-._teddy-navigation-menu__trigger_139wf_208:hover {
+._teddy-navigation-menu__trigger_959s3_213:hover {
   background-color: var(--teddy-color-background-interactive-transparent-hover);
 }
-._teddy-navigation-menu__trigger_139wf_208:hover::after {
+._teddy-navigation-menu__trigger_959s3_213:hover::after {
   opacity: 1;
 }
-._teddy-navigation-menu__trigger_139wf_208:active {
+._teddy-navigation-menu__trigger_959s3_213:active {
   background-color: var(--teddy-color-background-interactive-transparent-active);
 }
-._teddy-navigation-menu__trigger_139wf_208:active::after {
+._teddy-navigation-menu__trigger_959s3_213:active::after {
   opacity: 1;
 }
-._teddy-navigation-menu__trigger_139wf_208[data-state=open] {
+._teddy-navigation-menu__trigger_959s3_213[data-state=open] {
   font-weight: var(--teddy-typography-weight-bold);
 }
-._teddy-navigation-menu__trigger_139wf_208:has([data-active]), ._teddy-navigation-menu__trigger_139wf_208[data-active] {
+._teddy-navigation-menu__trigger_959s3_213:has([data-active]), ._teddy-navigation-menu__trigger_959s3_213[data-active] {
   font-weight: var(--teddy-typography-weight-bold);
 }
-._teddy-navigation-menu__trigger_139wf_208:has([data-active])::after, ._teddy-navigation-menu__trigger_139wf_208[data-active]::after {
+._teddy-navigation-menu__trigger_959s3_213:has([data-active])::after, ._teddy-navigation-menu__trigger_959s3_213[data-active]::after {
   border-color: var(--teddy-color-text-interactive-primary);
   opacity: 1;
 }
-._teddy-navigation-menu__trigger_139wf_208:focus-visible {
+._teddy-navigation-menu__trigger_959s3_213:focus-visible {
   outline: solid var(--teddy-border-width-sm) var(--teddy-color-border-interactive-focus);
 }
-._teddy-navigation-menu__link_139wf_296 {
+._teddy-navigation-menu__link_959s3_301 {
   all: unset;
   position: relative;
   cursor: pointer;
@@ -1742,12 +1763,12 @@
   padding: var(--teddy-spacing-250) var(--teddy-spacing-100);
   text-decoration: none;
 }
-._teddy-navigation-menu__link--small_139wf_314 {
+._teddy-navigation-menu__link--small_959s3_319 {
   padding: var(--teddy-spacing-150) var(--teddy-spacing-100);
   font-size: var(--teddy-typography-scale-75);
   line-height: var(--teddy-typography-line-height-loose);
 }
-._teddy-navigation-menu__link--button_139wf_319 {
+._teddy-navigation-menu__link--button_959s3_324 {
   padding: var(--teddy-spacing-100);
   min-height: var(--teddy-spacing-600);
   border-radius: var(--teddy-border-radius-md);
@@ -1758,7 +1779,7 @@
   gap: var(--teddy-spacing-100);
   row-gap: var(--teddy-spacing-50);
 }
-._teddy-navigation-menu__link_139wf_296::after {
+._teddy-navigation-menu__link_959s3_301::after {
   content: "";
   display: block;
   position: absolute;
@@ -1769,10 +1790,10 @@
   pointer-events: none;
   border-bottom: var(--teddy-border-width-sm) solid var(--teddy-color-purple-500);
 }
-._teddy-navigation-menu__link--button_139wf_319::after {
+._teddy-navigation-menu__link--button_959s3_324::after {
   border: var(--teddy-border-width-sm) solid var(--teddy-color-purple-500);
 }
-._teddy-navigation-menu__link_139wf_296:not(._teddy-navigation-menu__link--button_139wf_319)::before {
+._teddy-navigation-menu__link_959s3_301:not(._teddy-navigation-menu__link--button_959s3_324)::before {
   content: attr(data-text);
   content: attr(data-text)/"";
   height: 0;
@@ -1783,36 +1804,36 @@
   font-weight: var(--teddy-typography-weight-bold);
 }
 @media speech {
-  ._teddy-navigation-menu__link_139wf_296:not(._teddy-navigation-menu__link--button_139wf_319)::before {
+  ._teddy-navigation-menu__link_959s3_301:not(._teddy-navigation-menu__link--button_959s3_324)::before {
     display: none;
   }
 }
-._teddy-navigation-menu__link_139wf_296:hover {
+._teddy-navigation-menu__link_959s3_301:hover {
   background-color: var(--teddy-color-background-interactive-transparent-hover);
 }
-._teddy-navigation-menu__link_139wf_296:hover::after {
+._teddy-navigation-menu__link_959s3_301:hover::after {
   opacity: 1;
 }
-._teddy-navigation-menu__link_139wf_296:active {
+._teddy-navigation-menu__link_959s3_301:active {
   background-color: var(--teddy-color-background-interactive-transparent-active);
 }
-._teddy-navigation-menu__link_139wf_296:active::after {
+._teddy-navigation-menu__link_959s3_301:active::after {
   opacity: 1;
 }
-._teddy-navigation-menu__link_139wf_296[data-state=open] {
+._teddy-navigation-menu__link_959s3_301[data-state=open] {
   font-weight: var(--teddy-typography-weight-bold);
 }
-._teddy-navigation-menu__link_139wf_296:has([data-active]), ._teddy-navigation-menu__link_139wf_296[data-active] {
+._teddy-navigation-menu__link_959s3_301:has([data-active]), ._teddy-navigation-menu__link_959s3_301[data-active] {
   font-weight: var(--teddy-typography-weight-bold);
 }
-._teddy-navigation-menu__link_139wf_296:has([data-active])::after, ._teddy-navigation-menu__link_139wf_296[data-active]::after {
+._teddy-navigation-menu__link_959s3_301:has([data-active])::after, ._teddy-navigation-menu__link_959s3_301[data-active]::after {
   border-color: var(--teddy-color-text-interactive-primary);
   opacity: 1;
 }
-._teddy-navigation-menu__link_139wf_296:focus-visible {
+._teddy-navigation-menu__link_959s3_301:focus-visible {
   outline: solid var(--teddy-border-width-sm) var(--teddy-color-border-interactive-focus);
 }
-._teddy-navigation-menu__viewport_139wf_33 {
+._teddy-navigation-menu__viewport_959s3_33 {
   position: relative;
   background-color: var(--teddy-color-background-primary);
   height: var(--radix-navigation-menu-viewport-height);
@@ -1820,17 +1841,17 @@
   overflow: clip;
 }
 @media (prefers-reduced-motion: no-preference) {
-  ._teddy-navigation-menu__viewport_139wf_33 {
+  ._teddy-navigation-menu__viewport_959s3_33 {
     transition: width, height, var(--teddy-motion-duration-300) ease;
   }
-  ._teddy-navigation-menu__viewport_139wf_33[data-state=open] {
-    animation: _scaleIn_139wf_1 var(--teddy-motion-duration-300) ease;
+  ._teddy-navigation-menu__viewport_959s3_33[data-state=open] {
+    animation: _scaleIn_959s3_1 var(--teddy-motion-duration-300) ease;
   }
-  ._teddy-navigation-menu__viewport_139wf_33[data-state=closed] {
-    animation: _scaleOut_139wf_1 var(--teddy-motion-duration-300) ease;
+  ._teddy-navigation-menu__viewport_959s3_33[data-state=closed] {
+    animation: _scaleOut_959s3_1 var(--teddy-motion-duration-300) ease;
   }
 }
-@keyframes _scaleIn_139wf_1 {
+@keyframes _scaleIn_959s3_1 {
   from {
     opacity: 0;
     transform: scale(0.9);
@@ -1842,7 +1863,7 @@
     height: var(--radix-navigation-menu-viewport-height);
   }
 }
-@keyframes _scaleOut_139wf_1 {
+@keyframes _scaleOut_959s3_1 {
   from {
     opacity: 1;
     transform: scale(1);
@@ -1853,7 +1874,7 @@
     height: 0;
   }
 }
-@keyframes _enterFromRight_139wf_1 {
+@keyframes _enterFromRight_959s3_1 {
   from {
     opacity: 0;
     transform: translateX(200px);
@@ -1863,7 +1884,7 @@
     transform: translateX(0);
   }
 }
-@keyframes _enterFromLeft_139wf_1 {
+@keyframes _enterFromLeft_959s3_1 {
   from {
     opacity: 0;
     transform: translateX(-200px);
@@ -1873,7 +1894,7 @@
     transform: translateX(0);
   }
 }
-@keyframes _exitToRight_139wf_1 {
+@keyframes _exitToRight_959s3_1 {
   from {
     opacity: 1;
     transform: translateX(0);
@@ -1883,7 +1904,7 @@
     transform: translateX(200px);
   }
 }
-@keyframes _exitToLeft_139wf_1 {
+@keyframes _exitToLeft_959s3_1 {
   from {
     opacity: 1;
     transform: translateX(0);
@@ -2012,75 +2033,81 @@
     opacity: 1;
     scale: 1;
   }
-}@layer heading, accordion;
+}@layer heading, link, accordion;
 @layer accordion {
-  ._teddy-accordion--indented_fs2mc_3 ._teddy-accordion__trigger_fs2mc_3,
-  ._teddy-accordion--indented_fs2mc_3 ._teddy-accordion__content_fs2mc_4 {
+  ._teddy-accordion--indented_1oe24_3 ._teddy-accordion__header_1oe24_3 > *:first-child {
+    padding-left: 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--indented_1oe24_3 ._teddy-accordion__content_1oe24_11 {
     padding-inline: var(--teddy-spacing-200);
   }
   @media (min-width: 600px) {
-    ._teddy-accordion--indented_fs2mc_3 ._teddy-accordion__trigger_fs2mc_3,
-    ._teddy-accordion--indented_fs2mc_3 ._teddy-accordion__content_fs2mc_4 {
+    ._teddy-accordion--indented_1oe24_3 ._teddy-accordion__content_1oe24_11 {
       padding-inline: var(--teddy-spacing-300);
     }
   }
-  ._teddy-accordion--negative_fs2mc_13 ._teddy-accordion__header_fs2mc_13 {
+  ._teddy-accordion--negative_1oe24_19 ._teddy-accordion__header_1oe24_3 {
     color: var(--teddy-color-text-interactive-primary-negative);
   }
-  ._teddy-accordion--negative_fs2mc_13 ._teddy-accordion__content_fs2mc_4,
-  ._teddy-accordion--negative_fs2mc_13 ._teddy-accordion__title_fs2mc_17 {
+  ._teddy-accordion--negative_1oe24_19 ._teddy-accordion__content_1oe24_11,
+  ._teddy-accordion--negative_1oe24_19 ._teddy-accordion__title_1oe24_23 {
     color: var(--teddy-color-text-default-negative);
   }
-  ._teddy-accordion--negative_fs2mc_13 ._teddy-accordion__trigger_fs2mc_3:hover {
+  ._teddy-accordion--negative_1oe24_19 ._teddy-accordion__trigger_1oe24_26:hover {
     background-color: var(--teddy-color-background-interactive-transparent-negative-hover);
   }
   @media (prefers-reduced-motion: no-preference) {
-    ._teddy-accordion--negative_fs2mc_13 ._teddy-accordion__trigger_fs2mc_3:active {
+    ._teddy-accordion--negative_1oe24_19 ._teddy-accordion__trigger_1oe24_26:active {
       background-color: var(--teddy-color-background-interactive-transparent-negative-active);
     }
   }
-  ._teddy-accordion--negative_fs2mc_13 ._teddy-accordion__item_fs2mc_28 {
+  ._teddy-accordion--negative_1oe24_19 ._teddy-accordion__item_1oe24_34 {
     border-color: var(--teddy-color-border-medium-negative);
   }
-  ._teddy-accordion--negative_fs2mc_13 ._teddy-accordion__item_fs2mc_28:last-child {
+  ._teddy-accordion--negative_1oe24_19 ._teddy-accordion__item_1oe24_34:last-child {
     border-color: var(--teddy-color-border-medium-negative);
   }
-  ._teddy-accordion_fs2mc_3:disabled {
+  ._teddy-accordion_1oe24_3:disabled {
     background-color: var(--teddy-color-background-interactive-transparent);
   }
-  ._teddy-accordion__title_fs2mc_17 {
+  ._teddy-accordion__title_1oe24_23 {
     margin-bottom: var(--teddy-spacing-300);
   }
   @media (min-width: 600px) {
-    ._teddy-accordion__title_fs2mc_17 {
+    ._teddy-accordion__title_1oe24_23 {
       margin-bottom: var(--teddy-spacing-400);
     }
   }
-  ._teddy-accordion__item_fs2mc_28 {
+  ._teddy-accordion__item_1oe24_34 {
     border-top: var(--teddy-border-width-xs) solid var(--teddy-color-border-weak);
   }
-  ._teddy-accordion__item_fs2mc_28:first-child {
+  ._teddy-accordion__item_1oe24_34:first-child {
     margin-top: 0;
   }
-  ._teddy-accordion__item_fs2mc_28:last-child {
+  ._teddy-accordion__item_1oe24_34:last-child {
     border-bottom: var(--teddy-border-width-xs) solid var(--teddy-color-border-weak);
   }
-  ._teddy-accordion__header_fs2mc_13 {
+  ._teddy-accordion__header_1oe24_3 {
     background-color: var(--teddy-color-background-interactive-transparent);
-    display: flex;
+    display: grid;
+    grid-template-columns: minmax(0, 1fr) auto;
+    align-items: stretch;
     max-width: initial;
-    gap: var(--teddy-spacing-100);
     color: var(--teddy-color-text-interactive-primary);
     font-weight: var(--teddy-typography-weight-bold);
   }
-  ._teddy-accordion__trigger_fs2mc_3 {
+  ._teddy-accordion__trigger_1oe24_26 {
     all: unset;
     font-family: inherit;
     background-color: transparent;
-    padding: var(--teddy-spacing-200) var(--teddy-spacing-300) var(--teddy-spacing-200) 0;
-    flex: 1;
     display: flex;
     gap: var(--teddy-spacing-100);
+    min-width: 2rem;
     align-items: center;
     justify-content: space-between;
     cursor: pointer;
@@ -2088,68 +2115,69 @@
     transition-timing-function: var(--teddy-motion-easing-ease-in-out);
     transition-property: background-color, color;
   }
-  ._teddy-accordion__trigger_fs2mc_3:hover {
+  ._teddy-accordion__trigger_1oe24_26:hover {
     background-color: var(--teddy-color-background-interactive-transparent-hover);
   }
   @media (prefers-reduced-motion: no-preference) {
-    ._teddy-accordion__trigger_fs2mc_3:active {
+    ._teddy-accordion__trigger_1oe24_26:active {
       background-color: var(--teddy-color-background-interactive-transparent-active);
     }
   }
-  ._teddy-accordion__trigger_fs2mc_3:focus-within {
+  ._teddy-accordion__trigger_1oe24_26: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_fs2mc_3:focus-within:not(:focus-visible) {
+  ._teddy-accordion__trigger_1oe24_26:focus-within:not(:focus-visible) {
     outline: 0;
   }
-  ._teddy-accordion__trigger_fs2mc_3:disabled {
+  ._teddy-accordion__trigger_1oe24_26:disabled {
     cursor: not-allowed;
     background-color: var(--teddy-color-background-interactive-disabled);
   }
+  ._teddy-accordion__trigger_1oe24_26 ._teddy-accordion__indicator_1oe24_103 {
+    flex-shrink: 0;
+    transform: rotate(0);
+    margin: var(--teddy-spacing-200);
+  }
   @media (min-width: 600px) {
-    ._teddy-accordion__trigger_fs2mc_3 {
-      padding-block: var(--teddy-spacing-300);
+    ._teddy-accordion__trigger_1oe24_26 ._teddy-accordion__indicator_1oe24_103 {
+      margin: var(--teddy-spacing-300);
     }
   }
   @media (min-width: 1024px) {
-    ._teddy-accordion__trigger_fs2mc_3 {
-      padding-block: var(--teddy-spacing-400);
+    ._teddy-accordion__trigger_1oe24_26 ._teddy-accordion__indicator_1oe24_103 {
+      margin-block: var(--teddy-spacing-400);
     }
   }
-  ._teddy-accordion__trigger_fs2mc_3 ._teddy-accordion__indicator_fs2mc_107 {
-    flex-shrink: 0;
-    transform: rotate(0);
-  }
   @media (prefers-reduced-motion: no-preference) {
-    ._teddy-accordion__trigger_fs2mc_3 ._teddy-accordion__indicator_fs2mc_107 {
+    ._teddy-accordion__trigger_1oe24_26 ._teddy-accordion__indicator_1oe24_103 {
       transition: transform var(--teddy-motion-duration-300) var(--teddy-motion-easing-ease-in-out);
     }
   }
-  ._teddy-accordion__trigger_fs2mc_3[data-state=open] ._teddy-accordion__indicator_fs2mc_107 {
+  ._teddy-accordion__trigger_1oe24_26[data-state=open] ._teddy-accordion__indicator_1oe24_103 {
     transform: rotate(180deg);
   }
-  ._teddy-accordion__content_fs2mc_4 {
+  ._teddy-accordion__content_1oe24_11 {
     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_fs2mc_4[data-state=open] {
-      animation: _slideDown_fs2mc_1 var(--teddy-motion-duration-300) var(--teddy-motion-easing-ease-in-out);
+    ._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_fs2mc_4[data-state=closed] {
-      animation: _slideUp_fs2mc_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_fs2mc_4::after {
+  ._teddy-accordion__content_1oe24_11::after {
     content: "";
     display: block;
     height: var(--teddy-spacing-400);
     width: 100%;
   }
-  @keyframes _slideDown_fs2mc_1 {
+  @keyframes _slideDown_1oe24_1 {
     from {
       height: 0;
     }
@@ -2157,7 +2185,7 @@
       height: var(--radix-accordion-content-height);
     }
   }
-  @keyframes _slideUp_fs2mc_1 {
+  @keyframes _slideUp_1oe24_1 {
     from {
       height: var(--radix-accordion-content-height);
     }
@@ -2228,7 +2256,7 @@
 }
 ._teddy-helper-text--disabled_6xdzb_9 {
   color: var(--teddy-color-text-weak);
-}@keyframes _fadeInAnimation_1o9uu_1 {
+}@keyframes _fadeInAnimation_5urff_1 {
   0% {
     opacity: 0;
   }
@@ -2236,7 +2264,7 @@
     opacity: 1;
   }
 }
-@keyframes _scaleInAnimation_1o9uu_1 {
+@keyframes _scaleInAnimation_5urff_1 {
   0% {
     scale: 0;
   }
@@ -2244,79 +2272,93 @@
     scale: 100%;
   }
 }
-._teddy-input_1o9uu_17 {
-  position: relative;
-  cursor: text;
-  display: flex;
-  padding: calc(var(--teddy-spacing-100) + var(--teddy-spacing-25)) var(--teddy-spacing-150);
-  gap: var(--teddy-spacing-50);
-}
-._teddy-input__frame_1o9uu_24 {
-  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;
-}
-._teddy-input__input_1o9uu_31 {
-  border-radius: var(--teddy-border-radius-sm);
-  border: none;
-  box-sizing: border-box;
-  font-family: var(--teddy-typography-family-default);
-  font-size: var(--teddy-typography-scale-100);
-  line-height: 150%;
-  outline: none;
-  background: transparent;
-  width: 100%;
-  flex: 1 1 100%;
-}
-._teddy-input__input_1o9uu_31:hover ~ ._teddy-input__frame_1o9uu_24 {
-  border-width: var(--teddy-border-width-sm);
-  border-color: var(--teddy-color-border-interactive-subtle-hover);
-}
-._teddy-input__input_1o9uu_31:active:not(:disabled):not(:read-only) ~ ._teddy-input__frame_1o9uu_24, ._teddy-input__input_1o9uu_31:focus:not(:disabled):not(:read-only) ~ ._teddy-input__frame_1o9uu_24 {
-  outline: var(--teddy-border-width-sm) solid var(--teddy-color-border-interactive-focus);
-  outline-offset: calc(var(--teddy-spacing-10) * 2);
-  border-width: var(--teddy-border-width-xs);
-  border-color: var(--teddy-color-border-interactive-subtle-hover);
-}
-._teddy-input__input_1o9uu_31:disabled {
-  color: var(--teddy-color-text-weak);
-}
-._teddy-input__input_1o9uu_31:disabled ~ ._teddy-input__frame_1o9uu_24 {
-  border-width: var(--teddy-border-width-xs);
-  border-color: var(--teddy-color-border-medium);
-}
-._teddy-input__input_1o9uu_31:read-only:not(:disabled) {
-  color: var(--teddy-color-text-default);
-}
-._teddy-input__input_1o9uu_31:read-only:not(:disabled) ~ ._teddy-input__frame_1o9uu_24 {
-  border-width: var(--teddy-border-width-xs);
-}
-._teddy-input__input_1o9uu_31:read-only:not(:disabled):not(._teddy-input__input--valid_1o9uu_66):not(._teddy-input__input--invalid_1o9uu_66) ~ ._teddy-input__frame_1o9uu_24 {
-  border-color: var(--teddy-color-border-medium);
-}
-._teddy-input__input--valid_1o9uu_66 ~ ._teddy-input__frame_1o9uu_24 {
-  border-color: var(--teddy-color-border-status-success);
-}
-._teddy-input__input--valid_1o9uu_66 ~ ._teddy-input__indicator_1o9uu_72 {
-  color: var(--teddy-color-border-status-success);
-}
-._teddy-input__input--error_1o9uu_75:not(:hover) ~ ._teddy-input__frame_1o9uu_24 {
-  border-color: var(--teddy-color-border-status-error);
-}
-._teddy-input_1o9uu_17 > *:not(._teddy-input__input_1o9uu_31) {
-  flex: 0 0 auto;
-}
-._teddy-input__indicator_1o9uu_72 {
-  animation: _fadeInAnimation_1o9uu_1 ease var(--teddy-motion-duration-300), _scaleInAnimation_1o9uu_1 ease var(--teddy-motion-duration-300);
-}
-._teddy-input_1o9uu_17:has(input:disabled) {
-  background-color: var(--teddy-color-background-interactive-disabled);
-}
-._teddy-input_1o9uu_17:has(input:read-only) {
-  background-color: var(--teddy-color-background-interactive-read-only);
-}@keyframes _fadeInAnimation_1i091_1 {
+@layer input {
+  ._teddy-input_5urff_18 {
+    position: relative;
+    cursor: text;
+    display: flex;
+    align-items: center;
+    padding: 0 var(--teddy-spacing-150);
+    gap: var(--teddy-spacing-50);
+    color: var(--teddy-color-text-weak);
+  }
+  ._teddy-input__frame_5urff_27 {
+    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);
+  }
+  ._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);
+  }
+  ._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-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-input__input_5urff_38:disabled {
+    color: var(--teddy-color-text-weak);
+  }
+  ._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-input__input_5urff_38:read-only:not(:disabled) {
+    color: var(--teddy-color-text-default);
+  }
+  ._teddy-input__input_5urff_38:read-only:not(:disabled) ~ ._teddy-input__frame_5urff_27 {
+    border-width: var(--teddy-border-width-xs);
+  }
+  ._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-input__input--valid_5urff_79 ~ ._teddy-input__frame_5urff_27 {
+    border-color: var(--teddy-color-border-status-success);
+  }
+  ._teddy-input__input--valid_5urff_79 ~ ._teddy-input__indicator_5urff_85 {
+    color: var(--teddy-color-border-status-success);
+  }
+  ._teddy-input__input--error_5urff_88:not(:hover) ~ ._teddy-input__frame_5urff_27 {
+    border-color: var(--teddy-color-border-status-error);
+  }
+  ._teddy-input_5urff_18 > *:not(._teddy-input__input_5urff_38) {
+    flex: 0 0 auto;
+  }
+  ._teddy-input__indicator_5urff_85 {
+    animation: _fadeInAnimation_5urff_1 ease var(--teddy-motion-duration-300), _scaleInAnimation_5urff_1 ease var(--teddy-motion-duration-300);
+  }
+  ._teddy-input_5urff_18:has(input: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;
   }
@@ -2324,7 +2366,7 @@
     opacity: 1;
   }
 }
-@keyframes _scaleInAnimation_1i091_1 {
+@keyframes _scaleInAnimation_shhej_1 {
   0% {
     scale: 0;
   }
@@ -2332,17 +2374,40 @@
     scale: 100%;
   }
 }
-._teddy-text-field_1i091_17 {
+._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_1i091_17 > * + * {
+._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__error-list_1i091_23 {
+._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_1i091_23 > * + * {
+._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_] {
@@ -2403,7 +2468,7 @@
 ._teddy-text-spacing_dwbo8_1 * > :last-child,
 ._teddy-text-spacing_dwbo8_1 > :last-child {
   margin-bottom: 0;
-}@keyframes _teddy-fade-in_vfo5b_1 {
+}@keyframes _teddy-fade-in_3n21u_1 {
   from {
     opacity: 0;
   }
@@ -2411,7 +2476,7 @@
     opacity: 1;
   }
 }
-@keyframes _teddy-fade-out_vfo5b_1 {
+@keyframes _teddy-fade-out_3n21u_1 {
   from {
     opacity: 1;
   }
@@ -2419,19 +2484,27 @@
     opacity: 0;
   }
 }
-._teddy-modal__overlay_vfo5b_17 {
+@keyframes _teddy-overlay-no-op_3n21u_1 {
+  from {
+    opacity: 1;
+  }
+  to {
+    opacity: 1;
+  }
+}
+._teddy-modal__overlay_3n21u_25 {
   position: fixed;
   inset: 0;
   display: grid;
   place-items: center;
 }
-._teddy-modal__overlay_vfo5b_17::before {
+._teddy-modal__overlay_3n21u_25::before {
   position: fixed;
   content: "";
   inset: 0;
   background-color: var(--teddy-color-overlay-default);
 }
-._teddy-modal__content_vfo5b_29 {
+._teddy-modal__content_3n21u_37 {
   background-color: var(--teddy-color-background-primary);
   box-shadow: var(--teddy-shadow-lg);
   position: relative;
@@ -2440,7 +2513,7 @@
   width: 100%;
 }
 @media (min-width: 600px) {
-  ._teddy-modal__content_vfo5b_29 {
+  ._teddy-modal__content_3n21u_37 {
     max-width: 720px;
     max-height: 80%;
     min-height: 360px;
@@ -2449,11 +2522,11 @@
     border-radius: var(--teddy-border-radius-lg);
   }
 }
-._teddy-modal__scroll_vfo5b_47 {
+._teddy-modal__scroll_3n21u_55 {
   overflow: auto;
   padding-inline: var(--teddy-spacing-300);
 }
-._teddy-modal__image_vfo5b_51 {
+._teddy-modal__image_3n21u_59 {
   max-width: calc(100% + var(--teddy-spacing-300) * 2);
   height: auto;
   vertical-align: middle;
@@ -2463,31 +2536,31 @@
   shape-margin: 0.75rem;
   margin-inline: calc(var(--teddy-spacing-300) * -1);
 }
-._teddy-modal__close--floating_vfo5b_61 {
+._teddy-modal__close--floating_3n21u_69 {
   position: absolute;
   top: var(--teddy-spacing-100);
   right: var(--teddy-spacing-100);
 }
-._teddy-modal__group_vfo5b_66 {
+._teddy-modal__group_3n21u_74 {
   width: 100%;
   margin-bottom: var(--teddy-spacing-200);
 }
-._teddy-modal__group--title_vfo5b_70 {
+._teddy-modal__group--title_3n21u_78 {
   position: sticky;
   inset: 0 0 auto 0;
   background-color: var(--teddy-color-background-primary);
   padding-top: var(--teddy-spacing-200);
 }
-._teddy-modal__group--title_vfo5b_70._teddy-modal__group--scroll_vfo5b_76 {
+._teddy-modal__group--title_3n21u_78._teddy-modal__group--scroll_3n21u_84 {
   padding-block: var(--teddy-spacing-200);
 }
-._teddy-modal__group--title_vfo5b_70._teddy-modal__group--scroll_vfo5b_76::before {
+._teddy-modal__group--title_3n21u_78._teddy-modal__group--scroll_3n21u_84::before {
   content: "";
   position: absolute;
   inset: 0 calc(var(--teddy-spacing-300) * -1) 0 calc(var(--teddy-spacing-300) * -1);
   border-bottom: var(--teddy-border-width-xs) solid var(--teddy-color-border-weak);
 }
-._teddy-modal__group--action_vfo5b_85 {
+._teddy-modal__group--action_3n21u_93 {
   height: 100%;
   position: sticky;
   inset: auto 0 0 0;
@@ -2495,7 +2568,7 @@
   padding-block: var(--teddy-spacing-200) var(--teddy-spacing-300);
   background-color: var(--teddy-color-background-primary);
 }
-._teddy-modal__group--action_vfo5b_85._teddy-modal__group--scroll_vfo5b_76::before {
+._teddy-modal__group--action_3n21u_93._teddy-modal__group--scroll_3n21u_84::before {
   content: "";
   position: absolute;
   inset: 0 calc(var(--teddy-spacing-300) * -1) 0 calc(var(--teddy-spacing-300) * -1);
@@ -2503,7 +2576,7 @@
   box-shadow: 0 0 20px 15px var(--teddy-color-background-primary);
 }
 @media (prefers-reduced-motion: no-preference) {
-  @keyframes _modal-overlay-no-op_vfo5b_1 {
+  @keyframes _modal-overlay-no-op_3n21u_1 {
     from {
       opacity: 1;
     }
@@ -2511,7 +2584,7 @@
       opacity: 1;
     }
   }
-  @keyframes _modal-content-show_vfo5b_1 {
+  @keyframes _modal-content-show_3n21u_1 {
     from {
       opacity: 0;
       transform: translateY(5px) scale(0.97);
@@ -2521,7 +2594,7 @@
       transform: translateY(0px) scale(1);
     }
   }
-  @keyframes _modal-content-hide_vfo5b_1 {
+  @keyframes _modal-content-hide_3n21u_1 {
     from {
       opacity: 1;
       transform: translateY(0px) scale(1);
@@ -2531,23 +2604,23 @@
       transform: translateY(5px) scale(0.99);
     }
   }
-  ._teddy-modal__overlay_vfo5b_17 {
+  ._teddy-modal__overlay_3n21u_25 {
     /* Keep the overlay mounted until the children have animated */
   }
-  ._teddy-modal__overlay_vfo5b_17:where([data-state=closed]) {
-    animation: _modal-overlay-no-op_vfo5b_1 250ms cubic-bezier(0.16, 1, 0.3, 1);
+  ._teddy-modal__overlay_3n21u_25:where([data-state=closed]) {
+    animation: _modal-overlay-no-op_3n21u_1 250ms cubic-bezier(0.16, 1, 0.3, 1);
   }
-  ._teddy-modal__overlay_vfo5b_17:where([data-state=open])::before {
-    animation: _teddy-fade-in_vfo5b_1 400ms cubic-bezier(0.16, 1, 0.3, 1);
+  ._teddy-modal__overlay_3n21u_25:where([data-state=open])::before {
+    animation: _teddy-fade-in_3n21u_1 400ms cubic-bezier(0.16, 1, 0.3, 1);
   }
-  ._teddy-modal__overlay_vfo5b_17:where([data-state=closed])::before {
-    animation: _teddy-fade-out_vfo5b_1 250ms cubic-bezier(0.16, 1, 0.3, 1);
+  ._teddy-modal__overlay_3n21u_25:where([data-state=closed])::before {
+    animation: _teddy-fade-out_3n21u_1 250ms cubic-bezier(0.16, 1, 0.3, 1);
   }
-  ._teddy-modal__content_vfo5b_29:where([data-state=open]) {
-    animation: _modal-content-show_vfo5b_1 200ms cubic-bezier(0.16, 1, 0.3, 1);
+  ._teddy-modal__content_3n21u_37:where([data-state=open]) {
+    animation: _modal-content-show_3n21u_1 200ms cubic-bezier(0.16, 1, 0.3, 1);
   }
-  ._teddy-modal__content_vfo5b_29:where([data-state=closed]) {
-    animation: _modal-content-hide_vfo5b_1 150ms cubic-bezier(0.16, 1, 0.3, 1);
+  ._teddy-modal__content_3n21u_37:where([data-state=closed]) {
+    animation: _modal-content-hide_3n21u_1 150ms cubic-bezier(0.16, 1, 0.3, 1);
   }
 }:root {
   --teddy-border-radius-xs: 2px;
@@ -3898,6 +3971,14 @@
     opacity: 0;
   }
 }
+@keyframes teddy-overlay-no-op {
+  from {
+    opacity: 1;
+  }
+  to {
+    opacity: 1;
+  }
+}
 :root {
   --teddy-scale: var(--teddy-rescale, 1);
 }