@telia/teddy 0.0.47 → 0.0.49

package/dist/style.css

@@ -1020,7 +1020,7 @@
     transform: rotate(180deg);
   }
 }@layer reset, flex, button, link, heading, drawer;
-@keyframes _teddy-fade-in_1aop2_1 {
+@keyframes _teddy-fade-in_jiyrh_1 {
   from {
     opacity: 0;
   }
@@ -1028,7 +1028,7 @@
     opacity: 1;
   }
 }
-@keyframes _teddy-fade-out_1aop2_1 {
+@keyframes _teddy-fade-out_jiyrh_1 {
   from {
     opacity: 1;
   }
@@ -1036,7 +1036,7 @@
     opacity: 0;
   }
 }
-@keyframes _teddy-overlay-no-op_1aop2_1 {
+@keyframes _teddy-overlay-no-op_jiyrh_1 {
   from {
     opacity: 1;
   }
@@ -1044,11 +1044,11 @@
     opacity: 1;
   }
 }
-._teddy-drawer__overlay_1aop2_26 {
+._teddy-drawer__overlay_jiyrh_26 {
   box-sizing: border-box;
 }
 @layer drawer {
-  ._teddy-drawer__overlay_1aop2_26 {
+  ._teddy-drawer__overlay_jiyrh_26 {
     box-sizing: border-box;
     position: fixed;
     inset: 0;
@@ -1057,44 +1057,44 @@
     z-index: 40;
   }
   @media (prefers-reduced-motion: no-preference) {
-    ._teddy-drawer__overlay_1aop2_26 {
+    ._teddy-drawer__overlay_jiyrh_26 {
       /* Keep the overlay mounted until the children have animated */
     }
-    ._teddy-drawer__overlay_1aop2_26:where([data-state=closed]) {
-      animation: _teddy-overlay-no-op_1aop2_1 400ms cubic-bezier(0.16, 1, 0.3, 1);
+    ._teddy-drawer__overlay_jiyrh_26:where([data-state=closed]) {
+      animation: _teddy-overlay-no-op_jiyrh_1 400ms cubic-bezier(0.16, 1, 0.3, 1);
     }
-    ._teddy-drawer__overlay_1aop2_26:where([data-state=open])::before {
-      animation: _teddy-fade-in_1aop2_1 500ms cubic-bezier(0.16, 1, 0.3, 1);
+    ._teddy-drawer__overlay_jiyrh_26:where([data-state=open])::before {
+      animation: _teddy-fade-in_jiyrh_1 500ms cubic-bezier(0.16, 1, 0.3, 1);
     }
-    ._teddy-drawer__overlay_1aop2_26:where([data-state=closed])::before {
-      animation: _teddy-fade-out_1aop2_1 400ms cubic-bezier(0.16, 1, 0.3, 1);
+    ._teddy-drawer__overlay_jiyrh_26:where([data-state=closed])::before {
+      animation: _teddy-fade-out_jiyrh_1 400ms cubic-bezier(0.16, 1, 0.3, 1);
     }
   }
-  ._teddy-drawer__overlay_1aop2_26::before {
+  ._teddy-drawer__overlay_jiyrh_26::before {
     position: fixed;
     content: "";
     inset: 0;
     background-color: var(--teddy-color-overlay-default);
   }
-  ._teddy-drawer__overlay--container_1aop2_59 {
+  ._teddy-drawer__overlay--container_jiyrh_59 {
     position: absolute;
   }
-  ._teddy-drawer__overlay--container_1aop2_59::before {
+  ._teddy-drawer__overlay--container_jiyrh_59::before {
     position: absolute;
   }
-  ._teddy-drawer__overlay--container_1aop2_59 ._teddy-drawer__content_1aop2_65 {
+  ._teddy-drawer__overlay--container_jiyrh_59 ._teddy-drawer__content_jiyrh_65 {
     position: absolute;
     inset: 0;
   }
-  ._teddy-drawer__title_1aop2_69 {
+  ._teddy-drawer__title_jiyrh_69 {
     position: sticky;
     padding: var(--teddy-spacing-300) 0 var(--teddy-spacing-200);
     background-color: var(--teddy-color-background-primary);
     top: calc(-1 * var(--teddy-spacing-300));
-    margin: calc(-1 * var(--teddy-spacing-300)) 0;
+    margin: calc(-1 * var(--teddy-spacing-300)) 0 calc(-1 * var(--teddy-spacing-200));
     z-index: 2;
   }
-  ._teddy-drawer__content_1aop2_65 {
+  ._teddy-drawer__content_jiyrh_65 {
     background-color: var(--teddy-color-background-primary);
     box-shadow: var(--teddy-shadow-lg);
     z-index: 40;
@@ -1110,26 +1110,26 @@
     min-width: min(100%, 400px);
   }
   @media (prefers-reduced-motion: no-preference) {
-    ._teddy-drawer__content_1aop2_65:where([data-state=open]) {
-      animation: _drawer-content-show_1aop2_1 450ms cubic-bezier(0.16, 1, 0.3, 1);
+    ._teddy-drawer__content_jiyrh_65:where([data-state=open]) {
+      animation: _drawer-content-show_jiyrh_1 450ms cubic-bezier(0.16, 1, 0.3, 1);
     }
-    ._teddy-drawer__content_1aop2_65:where([data-state=closed]) {
-      animation: _drawer-content-hide_1aop2_1 350ms cubic-bezier(0.16, 1, 0.3, 1);
+    ._teddy-drawer__content_jiyrh_65:where([data-state=closed]) {
+      animation: _drawer-content-hide_jiyrh_1 350ms cubic-bezier(0.16, 1, 0.3, 1);
     }
   }
-  ._teddy-drawer__content--lg_1aop2_100 {
+  ._teddy-drawer__content--lg_jiyrh_100 {
     min-width: min(100%, 30rem);
     width: 30vw;
     max-width: initial;
   }
-  ._teddy-drawer__close--floating_1aop2_105 {
+  ._teddy-drawer__close--floating_jiyrh_105 {
     position: fixed;
     z-index: 3;
     top: var(--teddy-spacing-200);
     right: var(--teddy-spacing-200);
   }
 }
-@keyframes _drawer-content-show_1aop2_1 {
+@keyframes _drawer-content-show_jiyrh_1 {
   from {
     transform: translateX(100%);
   }
@@ -1137,7 +1137,7 @@
     transform: translateX(0px);
   }
 }
-@keyframes _drawer-content-hide_1aop2_1 {
+@keyframes _drawer-content-hide_jiyrh_1 {
   from {
     transform: translateX(0px);
   }
@@ -2307,7 +2307,7 @@
 }
 ._teddy-visually-hidden--focusable_15nus_15:not(:focus):not(:focus-within):not(caption) {
   position: absolute;
-}._teddy-navigation-menu_15tta_1 {
+}._teddy-navigation-menu_20yfu_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));
@@ -2318,16 +2318,16 @@
   background-color: var(--teddy-color-background-primary);
 }
 @media (min-width: 600px) {
-  ._teddy-navigation-menu_15tta_1 {
+  ._teddy-navigation-menu_20yfu_1 {
     --inline-padding: calc(var(--teddy-spacing-300) - var(--item-gap));
   }
 }
 @media (min-width: 1440px) {
-  ._teddy-navigation-menu_15tta_1 {
+  ._teddy-navigation-menu_20yfu_1 {
     --inline-padding: calc(var(--teddy-spacing-400) - var(--item-gap));
   }
 }
-._teddy-navigation-menu_15tta_1::after {
+._teddy-navigation-menu_20yfu_1::after {
   content: "";
   position: absolute;
   inset: 0;
@@ -2336,14 +2336,14 @@
   opacity: 0;
 }
 @media (prefers-reduced-motion: no-preference) {
-  ._teddy-navigation-menu_15tta_1::after {
+  ._teddy-navigation-menu_20yfu_1::after {
     transition: opacity var(--teddy-motion-duration-300) ease;
   }
 }
-._teddy-navigation-menu_15tta_1:has(._teddy-navigation-menu__viewport_15tta_34[data-state=open])::after {
+._teddy-navigation-menu_20yfu_1:has(._teddy-navigation-menu__viewport_20yfu_34[data-state=open])::after {
   opacity: 1;
 }
-._teddy-navigation-menu__list_15tta_37 {
+._teddy-navigation-menu__list_20yfu_37 {
   all: unset;
   list-style-type: none;
   display: flex;
@@ -2352,20 +2352,20 @@
   padding-inline: var(--inline-padding);
   border-bottom: var(--teddy-border-width-sm) solid var(--teddy-color-border-weak);
 }
-._teddy-navigation-menu__list_15tta_37::before {
+._teddy-navigation-menu__list_20yfu_37::before {
   content: "";
   display: block;
   width: var(--width-for-centering-element);
 }
-._teddy-navigation-menu__list_15tta_37::after {
+._teddy-navigation-menu__list_20yfu_37::after {
   content: "";
   display: block;
   width: var(--width-for-centering-element);
 }
-._teddy-navigation-menu__list_15tta_37 li {
+._teddy-navigation-menu__list_20yfu_37 li {
   line-height: 1.2;
 }
-._teddy-navigation-menu__top-menu-list_15tta_59 {
+._teddy-navigation-menu__top-menu-list_20yfu_59 {
   all: unset;
   position: relative;
   list-style-type: none;
@@ -2375,21 +2375,21 @@
   align-items: center;
   padding-inline: var(--inline-padding);
 }
-._teddy-navigation-menu__top-menu-list_15tta_59::before {
+._teddy-navigation-menu__top-menu-list_20yfu_59::before {
   content: "";
   display: block;
   width: var(--width-for-centering-element);
 }
-._teddy-navigation-menu__top-menu-list_15tta_59::after {
+._teddy-navigation-menu__top-menu-list_20yfu_59::after {
   content: "";
   display: block;
   width: var(--width-for-centering-element);
 }
-._teddy-navigation-menu__top-menu-list_15tta_59 li {
+._teddy-navigation-menu__top-menu-list_20yfu_59 li {
   display: grid;
   line-height: 1.2;
 }
-._teddy-navigation-menu__top-menu-trigger_15tta_83 {
+._teddy-navigation-menu__top-menu-trigger_20yfu_83 {
   all: unset;
   position: relative;
   cursor: pointer;
@@ -2408,13 +2408,13 @@
   padding: var(--teddy-spacing-200) var(--teddy-spacing-100);
   text-align: center;
 }
-._teddy-navigation-menu__top-menu-trigger--small_15tta_102 {
+._teddy-navigation-menu__top-menu-trigger--small_20yfu_102 {
   padding: calc(var(--teddy-spacing-100) + var(--teddy-spacing-25) + var(--teddy-spacing-10)) 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_15tta_108 {
+._teddy-navigation-menu__top-menu-trigger--button_20yfu_108 {
   padding: var(--teddy-spacing-100);
   min-height: calc(var(--teddy-spacing-400) + var(--teddy-spacing-100));
   border-radius: var(--teddy-border-radius-md);
@@ -2426,11 +2426,11 @@
   row-gap: var(--teddy-spacing-50);
 }
 @media (max-width: 600px) {
-  ._teddy-navigation-menu__top-menu-trigger--button_15tta_108 {
+  ._teddy-navigation-menu__top-menu-trigger--button_20yfu_108 {
     font-size: var(--teddy-typography-scale-75);
   }
 }
-._teddy-navigation-menu__top-menu-trigger_15tta_83::after {
+._teddy-navigation-menu__top-menu-trigger_20yfu_83::after {
   content: "";
   display: block;
   position: absolute;
@@ -2441,10 +2441,10 @@
   pointer-events: none;
   border-bottom: var(--teddy-border-width-sm) solid var(--teddy-color-purple-500);
 }
-._teddy-navigation-menu__top-menu-trigger--button_15tta_108::after {
+._teddy-navigation-menu__top-menu-trigger--button_20yfu_108::after {
   border: var(--teddy-border-width-sm) solid var(--teddy-color-purple-500);
 }
-._teddy-navigation-menu__top-menu-trigger_15tta_83:not(._teddy-navigation-menu__top-menu-trigger--button_15tta_108)::before {
+._teddy-navigation-menu__top-menu-trigger_20yfu_83:not(._teddy-navigation-menu__top-menu-trigger--button_20yfu_108)::before {
   content: attr(data-text);
   content: attr(data-text)/"";
   height: 0;
@@ -2455,40 +2455,40 @@
   font-weight: var(--teddy-typography-weight-bold);
 }
 @media speech {
-  ._teddy-navigation-menu__top-menu-trigger_15tta_83:not(._teddy-navigation-menu__top-menu-trigger--button_15tta_108)::before {
+  ._teddy-navigation-menu__top-menu-trigger_20yfu_83:not(._teddy-navigation-menu__top-menu-trigger--button_20yfu_108)::before {
     display: none;
   }
 }
-._teddy-navigation-menu__top-menu-trigger_15tta_83:hover {
+._teddy-navigation-menu__top-menu-trigger_20yfu_83:hover {
   background-color: var(--teddy-color-background-interactive-transparent-hover);
 }
-._teddy-navigation-menu__top-menu-trigger_15tta_83:hover::after {
+._teddy-navigation-menu__top-menu-trigger_20yfu_83:hover::after {
   opacity: 1;
 }
-._teddy-navigation-menu__top-menu-trigger_15tta_83:active {
+._teddy-navigation-menu__top-menu-trigger_20yfu_83:active {
   background-color: var(--teddy-color-background-interactive-transparent-active);
 }
-._teddy-navigation-menu__top-menu-trigger_15tta_83:active::after {
+._teddy-navigation-menu__top-menu-trigger_20yfu_83:active::after {
   opacity: 1;
 }
-._teddy-navigation-menu__top-menu-trigger_15tta_83[data-state=open], ._teddy-navigation-menu__top-menu-trigger_15tta_83:has([data-active]), ._teddy-navigation-menu__top-menu-trigger_15tta_83[data-active] {
+._teddy-navigation-menu__top-menu-trigger_20yfu_83[data-state=open], ._teddy-navigation-menu__top-menu-trigger_20yfu_83:has([data-active]), ._teddy-navigation-menu__top-menu-trigger_20yfu_83[data-active] {
   font-weight: var(--teddy-typography-weight-bold);
 }
-._teddy-navigation-menu__top-menu-trigger_15tta_83[data-state=open]::after, ._teddy-navigation-menu__top-menu-trigger_15tta_83:has([data-active])::after, ._teddy-navigation-menu__top-menu-trigger_15tta_83[data-active]::after {
+._teddy-navigation-menu__top-menu-trigger_20yfu_83[data-state=open]::after, ._teddy-navigation-menu__top-menu-trigger_20yfu_83:has([data-active])::after, ._teddy-navigation-menu__top-menu-trigger_20yfu_83[data-active]::after {
   border-color: var(--teddy-color-text-interactive-primary);
   opacity: 1;
 }
-._teddy-navigation-menu__top-menu-trigger_15tta_83:focus-visible {
+._teddy-navigation-menu__top-menu-trigger_20yfu_83:focus-visible {
   outline: solid var(--teddy-border-width-sm) var(--teddy-color-border-interactive-focus);
 }
-._teddy-navigation-menu__top-menu-trigger_15tta_83[data-state=open] {
+._teddy-navigation-menu__top-menu-trigger_20yfu_83[data-state=open] {
   font-weight: var(--teddy-typography-weight-bold);
 }
-._teddy-navigation-menu__top-menu-trigger_15tta_83[data-state=open]::after {
+._teddy-navigation-menu__top-menu-trigger_20yfu_83[data-state=open]::after {
   border-color: var(--teddy-color-text-interactive-primary);
   opacity: 1;
 }
-._teddy-navigation-menu__content_15tta_182 {
+._teddy-navigation-menu__content_20yfu_182 {
   all: unset;
   list-style-type: none;
   display: flex;
@@ -2502,41 +2502,29 @@
   padding-inline: calc(var(--inline-padding) + var(--teddy-spacing-200));
   overflow: clip;
 }
-._teddy-navigation-menu__content_15tta_182 > ul {
+._teddy-navigation-menu__content_20yfu_182 > ul {
   list-style: none;
   display: flex;
   margin: 0;
   padding: 0;
 }
-._teddy-navigation-menu__content_15tta_182 > ul > li {
+._teddy-navigation-menu__content_20yfu_182 > ul > li {
   display: grid;
   line-height: 1.2;
 }
 @media (prefers-reduced-motion: no-preference) {
-  ._teddy-navigation-menu__content_15tta_182 {
+  ._teddy-navigation-menu__content_20yfu_182 {
     animation-duration: var(--teddy-motion-duration-300);
     animation-timing-function: ease;
   }
-  ._teddy-navigation-menu__content_15tta_182[data-motion=from-start] {
-    animation-name: _enterFromLeft_15tta_1;
-  }
-  ._teddy-navigation-menu__content_15tta_182[data-motion=from-end] {
-    animation-name: _enterFromRight_15tta_1;
-  }
-  ._teddy-navigation-menu__content_15tta_182[data-motion=to-start] {
-    animation-name: _exitToLeft_15tta_1;
-  }
-  ._teddy-navigation-menu__content_15tta_182[data-motion=to-end] {
-    animation-name: _exitToRight_15tta_1;
-  }
 }
-._teddy-navigation-menu__content_15tta_182::before {
+._teddy-navigation-menu__content_20yfu_182::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_15tta_230 {
+._teddy-navigation-menu__trigger_20yfu_218 {
   position: relative;
   all: unset;
   position: relative;
@@ -2556,13 +2544,13 @@
   padding: var(--teddy-spacing-200) var(--teddy-spacing-100);
   text-align: center;
 }
-._teddy-navigation-menu__trigger--small_15tta_250 {
+._teddy-navigation-menu__trigger--small_20yfu_238 {
   padding: calc(var(--teddy-spacing-100) + var(--teddy-spacing-25) + var(--teddy-spacing-10)) 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_15tta_256 {
+._teddy-navigation-menu__trigger--button_20yfu_244 {
   padding: var(--teddy-spacing-100);
   min-height: calc(var(--teddy-spacing-400) + var(--teddy-spacing-100));
   border-radius: var(--teddy-border-radius-md);
@@ -2574,11 +2562,11 @@
   row-gap: var(--teddy-spacing-50);
 }
 @media (max-width: 600px) {
-  ._teddy-navigation-menu__trigger--button_15tta_256 {
+  ._teddy-navigation-menu__trigger--button_20yfu_244 {
     font-size: var(--teddy-typography-scale-75);
   }
 }
-._teddy-navigation-menu__trigger_15tta_230::after {
+._teddy-navigation-menu__trigger_20yfu_218::after {
   content: "";
   display: block;
   position: absolute;
@@ -2589,10 +2577,10 @@
   pointer-events: none;
   border-bottom: var(--teddy-border-width-sm) solid var(--teddy-color-purple-500);
 }
-._teddy-navigation-menu__trigger--button_15tta_256::after {
+._teddy-navigation-menu__trigger--button_20yfu_244::after {
   border: var(--teddy-border-width-sm) solid var(--teddy-color-purple-500);
 }
-._teddy-navigation-menu__trigger_15tta_230:not(._teddy-navigation-menu__trigger--button_15tta_256)::before {
+._teddy-navigation-menu__trigger_20yfu_218:not(._teddy-navigation-menu__trigger--button_20yfu_244)::before {
   content: attr(data-text);
   content: attr(data-text)/"";
   height: 0;
@@ -2603,33 +2591,33 @@
   font-weight: var(--teddy-typography-weight-bold);
 }
 @media speech {
-  ._teddy-navigation-menu__trigger_15tta_230:not(._teddy-navigation-menu__trigger--button_15tta_256)::before {
+  ._teddy-navigation-menu__trigger_20yfu_218:not(._teddy-navigation-menu__trigger--button_20yfu_244)::before {
     display: none;
   }
 }
-._teddy-navigation-menu__trigger_15tta_230:hover {
+._teddy-navigation-menu__trigger_20yfu_218:hover {
   background-color: var(--teddy-color-background-interactive-transparent-hover);
 }
-._teddy-navigation-menu__trigger_15tta_230:hover::after {
+._teddy-navigation-menu__trigger_20yfu_218:hover::after {
   opacity: 1;
 }
-._teddy-navigation-menu__trigger_15tta_230:active {
+._teddy-navigation-menu__trigger_20yfu_218:active {
   background-color: var(--teddy-color-background-interactive-transparent-active);
 }
-._teddy-navigation-menu__trigger_15tta_230:active::after {
+._teddy-navigation-menu__trigger_20yfu_218:active::after {
   opacity: 1;
 }
-._teddy-navigation-menu__trigger_15tta_230[data-state=open], ._teddy-navigation-menu__trigger_15tta_230:has([data-active]), ._teddy-navigation-menu__trigger_15tta_230[data-active] {
+._teddy-navigation-menu__trigger_20yfu_218[data-state=open], ._teddy-navigation-menu__trigger_20yfu_218:has([data-active]), ._teddy-navigation-menu__trigger_20yfu_218[data-active] {
   font-weight: var(--teddy-typography-weight-bold);
 }
-._teddy-navigation-menu__trigger_15tta_230[data-state=open]::after, ._teddy-navigation-menu__trigger_15tta_230:has([data-active])::after, ._teddy-navigation-menu__trigger_15tta_230[data-active]::after {
+._teddy-navigation-menu__trigger_20yfu_218[data-state=open]::after, ._teddy-navigation-menu__trigger_20yfu_218:has([data-active])::after, ._teddy-navigation-menu__trigger_20yfu_218[data-active]::after {
   border-color: var(--teddy-color-text-interactive-primary);
   opacity: 1;
 }
-._teddy-navigation-menu__trigger_15tta_230:focus-visible {
+._teddy-navigation-menu__trigger_20yfu_218:focus-visible {
   outline: solid var(--teddy-border-width-sm) var(--teddy-color-border-interactive-focus);
 }
-._teddy-navigation-menu__link_15tta_323 {
+._teddy-navigation-menu__link_20yfu_311 {
   all: unset;
   position: relative;
   cursor: pointer;
@@ -2649,13 +2637,13 @@
   text-align: center;
   text-decoration: none;
 }
-._teddy-navigation-menu__link--small_15tta_343 {
+._teddy-navigation-menu__link--small_20yfu_331 {
   padding: calc(var(--teddy-spacing-100) + var(--teddy-spacing-25) + var(--teddy-spacing-10)) 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_15tta_349 {
+._teddy-navigation-menu__link--button_20yfu_337 {
   padding: var(--teddy-spacing-100);
   min-height: calc(var(--teddy-spacing-400) + var(--teddy-spacing-100));
   border-radius: var(--teddy-border-radius-md);
@@ -2667,11 +2655,11 @@
   row-gap: var(--teddy-spacing-50);
 }
 @media (max-width: 600px) {
-  ._teddy-navigation-menu__link--button_15tta_349 {
+  ._teddy-navigation-menu__link--button_20yfu_337 {
     font-size: var(--teddy-typography-scale-75);
   }
 }
-._teddy-navigation-menu__link_15tta_323::after {
+._teddy-navigation-menu__link_20yfu_311::after {
   content: "";
   display: block;
   position: absolute;
@@ -2682,10 +2670,10 @@
   pointer-events: none;
   border-bottom: var(--teddy-border-width-sm) solid var(--teddy-color-purple-500);
 }
-._teddy-navigation-menu__link--button_15tta_349::after {
+._teddy-navigation-menu__link--button_20yfu_337::after {
   border: var(--teddy-border-width-sm) solid var(--teddy-color-purple-500);
 }
-._teddy-navigation-menu__link_15tta_323:not(._teddy-navigation-menu__link--button_15tta_349)::before {
+._teddy-navigation-menu__link_20yfu_311:not(._teddy-navigation-menu__link--button_20yfu_337)::before {
   content: attr(data-text);
   content: attr(data-text)/"";
   height: 0;
@@ -2696,51 +2684,40 @@
   font-weight: var(--teddy-typography-weight-bold);
 }
 @media speech {
-  ._teddy-navigation-menu__link_15tta_323:not(._teddy-navigation-menu__link--button_15tta_349)::before {
+  ._teddy-navigation-menu__link_20yfu_311:not(._teddy-navigation-menu__link--button_20yfu_337)::before {
     display: none;
   }
 }
-._teddy-navigation-menu__link_15tta_323:hover {
+._teddy-navigation-menu__link_20yfu_311:hover {
   background-color: var(--teddy-color-background-interactive-transparent-hover);
 }
-._teddy-navigation-menu__link_15tta_323:hover::after {
+._teddy-navigation-menu__link_20yfu_311:hover::after {
   opacity: 1;
 }
-._teddy-navigation-menu__link_15tta_323:active {
+._teddy-navigation-menu__link_20yfu_311:active {
   background-color: var(--teddy-color-background-interactive-transparent-active);
 }
-._teddy-navigation-menu__link_15tta_323:active::after {
+._teddy-navigation-menu__link_20yfu_311:active::after {
   opacity: 1;
 }
-._teddy-navigation-menu__link_15tta_323[data-state=open], ._teddy-navigation-menu__link_15tta_323:has([data-active]), ._teddy-navigation-menu__link_15tta_323[data-active] {
+._teddy-navigation-menu__link_20yfu_311[data-state=open], ._teddy-navigation-menu__link_20yfu_311:has([data-active]), ._teddy-navigation-menu__link_20yfu_311[data-active] {
   font-weight: var(--teddy-typography-weight-bold);
 }
-._teddy-navigation-menu__link_15tta_323[data-state=open]::after, ._teddy-navigation-menu__link_15tta_323:has([data-active])::after, ._teddy-navigation-menu__link_15tta_323[data-active]::after {
+._teddy-navigation-menu__link_20yfu_311[data-state=open]::after, ._teddy-navigation-menu__link_20yfu_311:has([data-active])::after, ._teddy-navigation-menu__link_20yfu_311[data-active]::after {
   border-color: var(--teddy-color-text-interactive-primary);
   opacity: 1;
 }
-._teddy-navigation-menu__link_15tta_323:focus-visible {
+._teddy-navigation-menu__link_20yfu_311:focus-visible {
   outline: solid var(--teddy-border-width-sm) var(--teddy-color-border-interactive-focus);
 }
-._teddy-navigation-menu__viewport_15tta_34 {
+._teddy-navigation-menu__viewport_20yfu_34 {
   position: relative;
   background-color: var(--teddy-color-background-primary);
   height: var(--radix-navigation-menu-viewport-height);
   transform-origin: top left;
   overflow: clip;
 }
-@media (prefers-reduced-motion: no-preference) {
-  ._teddy-navigation-menu__viewport_15tta_34 {
-    transition: height var(--teddy-motion-duration-controlled, 0) ease;
-  }
-  ._teddy-navigation-menu__viewport_15tta_34[data-state=open] {
-    animation: _scaleIn_15tta_1 var(--teddy-motion-duration-controlled, 0) ease;
-  }
-  ._teddy-navigation-menu__viewport_15tta_34[data-state=closed] {
-    animation: _scaleOut_15tta_1 var(--teddy-motion-duration-300) ease;
-  }
-}
-@keyframes _scaleIn_15tta_1 {
+@keyframes _scaleIn_20yfu_1 {
   from {
     opacity: 0;
     transform: scale(0.9);
@@ -2752,7 +2729,7 @@
     height: var(--radix-navigation-menu-viewport-height);
   }
 }
-@keyframes _scaleOut_15tta_1 {
+@keyframes _scaleOut_20yfu_1 {
   from {
     opacity: 1;
     transform: scale(1);
@@ -2763,7 +2740,7 @@
     height: 0;
   }
 }
-@keyframes _enterFromRight_15tta_1 {
+@keyframes _enterFromRight_20yfu_1 {
   from {
     opacity: 0;
     transform: translateX(200px);
@@ -2773,7 +2750,7 @@
     transform: translateX(0);
   }
 }
-@keyframes _enterFromLeft_15tta_1 {
+@keyframes _enterFromLeft_20yfu_1 {
   from {
     opacity: 0;
     transform: translateX(-200px);
@@ -2783,7 +2760,7 @@
     transform: translateX(0);
   }
 }
-@keyframes _exitToRight_15tta_1 {
+@keyframes _exitToRight_20yfu_1 {
   from {
     opacity: 1;
     transform: translateX(0);
@@ -2793,7 +2770,7 @@
     transform: translateX(200px);
   }
 }
-@keyframes _exitToLeft_15tta_1 {
+@keyframes _exitToLeft_20yfu_1 {
   from {
     opacity: 1;
     transform: translateX(0);
@@ -3322,71 +3299,71 @@
       height: 0;
     }
   }
-}._teddy-global-navigation_dagdv_1 {
+}._teddy-global-navigation_i1ole_1 {
   position: sticky;
   inset: 0 0 auto 0;
   z-index: 39;
 }
-._teddy-global-navigation__mobile-trigger_dagdv_6 {
+._teddy-global-navigation__mobile-trigger_i1ole_6 {
   border-inline: var(--teddy-border-width-xs) solid var(--teddy-color-border-weak);
 }
-._teddy-global-navigation__mobile-header_dagdv_9[data-state=open] {
+._teddy-global-navigation__mobile-header_i1ole_9[data-state=open] {
   border-bottom: var(--teddy-border-width-xs) solid var(--teddy-color-border-weak);
 }
-._teddy-global-navigation__mobile_dagdv_6 {
+._teddy-global-navigation__mobile_i1ole_6 {
   padding: var(--teddy-spacing-25) var(--teddy-spacing-200);
   border-bottom: var(--teddy-border-width-sm) solid var(--teddy-color-border-weak);
 }
-._teddy-global-navigation__mobile_dagdv_6::before {
+._teddy-global-navigation__mobile_i1ole_6::before {
   content: "";
   display: block;
   width: var(--width-for-centering-element);
 }
-._teddy-global-navigation__mobile_dagdv_6::after {
+._teddy-global-navigation__mobile_i1ole_6::after {
   content: "";
   display: block;
   width: var(--width-for-centering-element);
 }
-._teddy-global-navigation__link_dagdv_26 {
+._teddy-global-navigation__link_i1ole_26 {
   text-decoration: none;
 }
-._teddy-global-navigation__viewport_dagdv_29 {
+._teddy-global-navigation__viewport_i1ole_29 {
   height: var(--radix-navigation-menu-viewport-height, calc(47px * var(--teddy-scale)));
 }
-._teddy-global-navigation__item-wrapper_dagdv_32 {
+._teddy-global-navigation__item-wrapper_i1ole_32 {
   position: relative;
+  display: flex;
 }
-._teddy-global-navigation__item-count_dagdv_35 {
+._teddy-global-navigation__item-count_i1ole_36 {
   display: flex;
   justify-content: center;
   align-items: center;
   position: absolute;
-  left: 15px;
-  top: -6px;
+  transform: translate(calc(var(--teddy-spacing-150) + var(--teddy-spacing-25)), calc(-1 * var(--teddy-spacing-100) + var(--teddy-spacing-10)));
 }
-._teddy-global-navigation__viewport-wrapper_dagdv_43 {
+._teddy-global-navigation__viewport-wrapper_i1ole_43 {
   overflow: hidden;
   transition: max-height var(--teddy-motion-duration-controlled, 0) ease;
 }
-._teddy-global-navigation__viewport-wrapper_dagdv_43[data-state=open] {
+._teddy-global-navigation__viewport-wrapper_i1ole_43[data-state=open] {
   max-height: var(--teddy-viewport-wrapper-height);
 }
-._teddy-global-navigation__viewport-wrapper_dagdv_43[data-state=closed] {
-  animation: _close-viewport_dagdv_1 var(--teddy-motion-duration-controlled, 0) ease;
+._teddy-global-navigation__viewport-wrapper_i1ole_43[data-state=closed] {
+  animation: _close-viewport_i1ole_1 var(--teddy-motion-duration-controlled, 0) ease;
   max-height: 0;
 }
-._teddy-global-navigation__top-menu-wrapper_dagdv_54 {
+._teddy-global-navigation__top-menu-wrapper_i1ole_54 {
   overflow: hidden;
   transition: max-height var(--teddy-motion-duration-controlled, 0) ease;
 }
-._teddy-global-navigation__top-menu-wrapper_dagdv_54[data-state=open] {
+._teddy-global-navigation__top-menu-wrapper_i1ole_54[data-state=open] {
   max-height: var(--teddy-top-menu-height, 47px);
 }
-._teddy-global-navigation__top-menu-wrapper_dagdv_54[data-state=closed] {
+._teddy-global-navigation__top-menu-wrapper_i1ole_54[data-state=closed] {
   max-height: 0;
 }
 
-@keyframes _close-viewport_dagdv_1 {
+@keyframes _close-viewport_i1ole_1 {
   0% {
     max-height: var(--teddy-viewport-wrapper-height);
   }