@telia/teddy 0.0.48 → 0.0.50

package/dist/style.css

@@ -2307,500 +2307,479 @@
 }
 ._teddy-visually-hidden--focusable_15nus_15:not(:focus):not(:focus-within):not(caption) {
   position: absolute;
-}._teddy-navigation-menu_15tta_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));
-  position: relative;
-  display: flex;
-  flex-direction: column;
-  width: auto;
-  background-color: var(--teddy-color-background-primary);
-}
-@media (min-width: 600px) {
-  ._teddy-navigation-menu_15tta_1 {
-    --inline-padding: calc(var(--teddy-spacing-300) - var(--item-gap));
+}@layer NavigationMenu {
+  ._teddy-navigation-menu_1wcv5_2 {
+    --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));
+    position: relative;
+    display: flex;
+    flex-direction: column;
+    width: auto;
+    background-color: var(--teddy-color-background-primary);
   }
-}
-@media (min-width: 1440px) {
-  ._teddy-navigation-menu_15tta_1 {
-    --inline-padding: calc(var(--teddy-spacing-400) - var(--item-gap));
+  @media (min-width: 600px) {
+    ._teddy-navigation-menu_1wcv5_2 {
+      --inline-padding: calc(var(--teddy-spacing-300) - var(--item-gap));
+    }
   }
-}
-._teddy-navigation-menu_15tta_1::after {
-  content: "";
-  position: absolute;
-  inset: 0;
-  pointer-events: none;
-  box-shadow: var(--teddy-shadow-md);
-  opacity: 0;
-}
-@media (prefers-reduced-motion: no-preference) {
-  ._teddy-navigation-menu_15tta_1::after {
-    transition: opacity var(--teddy-motion-duration-300) ease;
+  @media (min-width: 1440px) {
+    ._teddy-navigation-menu_1wcv5_2 {
+      --inline-padding: calc(var(--teddy-spacing-400) - var(--item-gap));
+    }
   }
-}
-._teddy-navigation-menu_15tta_1:has(._teddy-navigation-menu__viewport_15tta_34[data-state=open])::after {
-  opacity: 1;
-}
-._teddy-navigation-menu__list_15tta_37 {
-  all: unset;
-  list-style-type: none;
-  display: flex;
-  align-items: center;
-  gap: var(--item-gap);
-  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 {
-  content: "";
-  display: block;
-  width: var(--width-for-centering-element);
-}
-._teddy-navigation-menu__list_15tta_37::after {
-  content: "";
-  display: block;
-  width: var(--width-for-centering-element);
-}
-._teddy-navigation-menu__list_15tta_37 li {
-  line-height: 1.2;
-}
-._teddy-navigation-menu__top-menu-list_15tta_59 {
-  all: unset;
-  position: relative;
-  list-style-type: none;
-  gap: var(--item-gap);
-  background-color: var(--teddy-color-background-secondary);
-  display: flex;
-  align-items: center;
-  padding-inline: var(--inline-padding);
-}
-._teddy-navigation-menu__top-menu-list_15tta_59::before {
-  content: "";
-  display: block;
-  width: var(--width-for-centering-element);
-}
-._teddy-navigation-menu__top-menu-list_15tta_59::after {
-  content: "";
-  display: block;
-  width: var(--width-for-centering-element);
-}
-._teddy-navigation-menu__top-menu-list_15tta_59 li {
-  display: grid;
-  line-height: 1.2;
-}
-._teddy-navigation-menu__top-menu-trigger_15tta_83 {
-  all: unset;
-  position: relative;
-  cursor: pointer;
-  text-decoration: none;
-  display: inline-flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  gap: var(--teddy-spacing-50);
-  color: var(--teddy-color-text-interactive-primary);
-  font-weight: var(--teddy-typography-weight-medium);
-  white-space: nowrap;
-  min-width: var(--teddy-spacing-400);
-  font-size: var(--teddy-typography-scale-100);
-  line-height: var(--teddy-typography-line-height-loose);
-  padding: var(--teddy-spacing-200) var(--teddy-spacing-100);
-  text-align: center;
-}
-._teddy-navigation-menu__top-menu-trigger--small_15tta_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 {
-  padding: var(--teddy-spacing-100);
-  min-height: calc(var(--teddy-spacing-400) + var(--teddy-spacing-100));
-  border-radius: var(--teddy-border-radius-md);
-  display: flex;
-  place-items: center;
-  flex-wrap: wrap;
-  flex-direction: row;
-  gap: var(--teddy-spacing-100);
-  row-gap: var(--teddy-spacing-50);
-}
-@media (max-width: 600px) {
-  ._teddy-navigation-menu__top-menu-trigger--button_15tta_108 {
-    font-size: var(--teddy-typography-scale-75);
+  ._teddy-navigation-menu_1wcv5_2::after {
+    content: "";
+    position: absolute;
+    inset: 0;
+    pointer-events: none;
+    box-shadow: var(--teddy-shadow-md);
+    opacity: 0;
   }
-}
-._teddy-navigation-menu__top-menu-trigger_15tta_83::after {
-  content: "";
-  display: block;
-  position: absolute;
-  inset: 0;
-  opacity: 0;
-  border-radius: inherit;
-  background-color: transparent;
-  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 {
-  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 {
-  content: attr(data-text);
-  content: attr(data-text)/"";
-  height: 0;
-  visibility: hidden;
-  overflow: hidden;
-  user-select: none;
-  pointer-events: none;
-  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 {
-    display: none;
+  @media (prefers-reduced-motion: no-preference) {
+    ._teddy-navigation-menu_1wcv5_2::after {
+      transition: opacity var(--teddy-motion-duration-300) ease;
+    }
   }
-}
-._teddy-navigation-menu__top-menu-trigger_15tta_83:hover {
-  background-color: var(--teddy-color-background-interactive-transparent-hover);
-}
-._teddy-navigation-menu__top-menu-trigger_15tta_83:hover::after {
-  opacity: 1;
-}
-._teddy-navigation-menu__top-menu-trigger_15tta_83:active {
-  background-color: var(--teddy-color-background-interactive-transparent-active);
-}
-._teddy-navigation-menu__top-menu-trigger_15tta_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] {
-  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 {
-  border-color: var(--teddy-color-text-interactive-primary);
-  opacity: 1;
-}
-._teddy-navigation-menu__top-menu-trigger_15tta_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] {
-  font-weight: var(--teddy-typography-weight-bold);
-}
-._teddy-navigation-menu__top-menu-trigger_15tta_83[data-state=open]::after {
-  border-color: var(--teddy-color-text-interactive-primary);
-  opacity: 1;
-}
-._teddy-navigation-menu__content_15tta_182 {
-  all: unset;
-  list-style-type: none;
-  display: flex;
-  gap: var(--teddy-spacing-100);
-  padding: 0;
-  position: absolute;
-  left: 0;
-  right: 0;
-  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_15tta_182 > ul {
-  list-style: none;
-  display: flex;
-  margin: 0;
-  padding: 0;
-}
-._teddy-navigation-menu__content_15tta_182 > ul > li {
-  display: grid;
-  line-height: 1.2;
-}
-@media (prefers-reduced-motion: no-preference) {
-  ._teddy-navigation-menu__content_15tta_182 {
-    animation-duration: var(--teddy-motion-duration-300);
-    animation-timing-function: ease;
+  ._teddy-navigation-menu_1wcv5_2:has(._teddy-navigation-menu__viewport_1wcv5_35[data-state=open])::after {
+    opacity: 1;
   }
-  ._teddy-navigation-menu__content_15tta_182[data-motion=from-start] {
-    animation-name: _enterFromLeft_15tta_1;
+  ._teddy-navigation-menu__list_1wcv5_38 {
+    all: unset;
+    list-style-type: none;
+    display: flex;
+    align-items: center;
+    gap: var(--item-gap);
+    padding-inline: var(--inline-padding);
+    border-bottom: var(--teddy-border-width-sm) solid var(--teddy-color-border-weak);
   }
-  ._teddy-navigation-menu__content_15tta_182[data-motion=from-end] {
-    animation-name: _enterFromRight_15tta_1;
+  ._teddy-navigation-menu__list_1wcv5_38::before {
+    content: "";
+    display: block;
+    width: var(--width-for-centering-element);
   }
-  ._teddy-navigation-menu__content_15tta_182[data-motion=to-start] {
-    animation-name: _exitToLeft_15tta_1;
+  ._teddy-navigation-menu__list_1wcv5_38::after {
+    content: "";
+    display: block;
+    width: var(--width-for-centering-element);
   }
-  ._teddy-navigation-menu__content_15tta_182[data-motion=to-end] {
-    animation-name: _exitToRight_15tta_1;
+  ._teddy-navigation-menu__list_1wcv5_38 li {
+    line-height: 1.2;
   }
-}
-._teddy-navigation-menu__content_15tta_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 {
-  position: relative;
-  all: unset;
-  position: relative;
-  cursor: pointer;
-  text-decoration: none;
-  display: inline-flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  gap: var(--teddy-spacing-50);
-  color: var(--teddy-color-text-interactive-primary);
-  font-weight: var(--teddy-typography-weight-medium);
-  white-space: nowrap;
-  min-width: var(--teddy-spacing-400);
-  font-size: var(--teddy-typography-scale-100);
-  line-height: var(--teddy-typography-line-height-loose);
-  padding: var(--teddy-spacing-200) var(--teddy-spacing-100);
-  text-align: center;
-}
-._teddy-navigation-menu__trigger--small_15tta_250 {
-  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 {
-  padding: var(--teddy-spacing-100);
-  min-height: calc(var(--teddy-spacing-400) + var(--teddy-spacing-100));
-  border-radius: var(--teddy-border-radius-md);
-  display: flex;
-  place-items: center;
-  flex-wrap: wrap;
-  flex-direction: row;
-  gap: var(--teddy-spacing-100);
-  row-gap: var(--teddy-spacing-50);
-}
-@media (max-width: 600px) {
-  ._teddy-navigation-menu__trigger--button_15tta_256 {
+  ._teddy-navigation-menu__top-menu-list_1wcv5_60 {
+    all: unset;
+    position: relative;
+    list-style-type: none;
+    gap: var(--item-gap);
+    background-color: var(--teddy-color-background-secondary);
+    display: flex;
+    align-items: center;
+    padding-inline: var(--inline-padding);
+  }
+  ._teddy-navigation-menu__top-menu-list_1wcv5_60::before {
+    content: "";
+    display: block;
+    width: var(--width-for-centering-element);
+  }
+  ._teddy-navigation-menu__top-menu-list_1wcv5_60::after {
+    content: "";
+    display: block;
+    width: var(--width-for-centering-element);
+  }
+  ._teddy-navigation-menu__top-menu-list_1wcv5_60 li {
+    display: grid;
+    line-height: 1.2;
+  }
+  ._teddy-navigation-menu__top-menu-trigger_1wcv5_84 {
+    all: unset;
+    position: relative;
+    cursor: pointer;
+    text-decoration: none;
+    display: inline-flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    gap: var(--teddy-spacing-50);
+    color: var(--teddy-color-text-interactive-primary);
+    font-weight: var(--teddy-typography-weight-medium);
+    white-space: nowrap;
+    min-width: var(--teddy-spacing-400);
+    font-size: var(--teddy-typography-scale-100);
+    line-height: var(--teddy-typography-line-height-loose);
+    padding: var(--teddy-spacing-200) var(--teddy-spacing-100);
+    text-align: center;
+  }
+  ._teddy-navigation-menu__top-menu-trigger--small_1wcv5_103 {
+    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_15tta_230::after {
-  content: "";
-  display: block;
-  position: absolute;
-  inset: 0;
-  opacity: 0;
-  border-radius: inherit;
-  background-color: transparent;
-  pointer-events: none;
-  border-bottom: var(--teddy-border-width-sm) solid var(--teddy-color-purple-500);
-}
-._teddy-navigation-menu__trigger--button_15tta_256::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 {
-  content: attr(data-text);
-  content: attr(data-text)/"";
-  height: 0;
-  visibility: hidden;
-  overflow: hidden;
-  user-select: none;
-  pointer-events: none;
-  font-weight: var(--teddy-typography-weight-bold);
-}
-@media speech {
-  ._teddy-navigation-menu__trigger_15tta_230:not(._teddy-navigation-menu__trigger--button_15tta_256)::before {
-    display: none;
+  ._teddy-navigation-menu__top-menu-trigger--button_1wcv5_109 {
+    padding: var(--teddy-spacing-100);
+    min-height: calc(var(--teddy-spacing-400) + var(--teddy-spacing-100));
+    border-radius: var(--teddy-border-radius-md);
+    display: flex;
+    place-items: center;
+    flex-wrap: wrap;
+    flex-direction: row;
+    gap: var(--teddy-spacing-100);
+    row-gap: var(--teddy-spacing-50);
+  }
+  @media (max-width: 600px) {
+    ._teddy-navigation-menu__top-menu-trigger--button_1wcv5_109 {
+      font-size: var(--teddy-typography-scale-75);
+    }
+  }
+  ._teddy-navigation-menu__top-menu-trigger_1wcv5_84::after {
+    content: "";
+    display: block;
+    position: absolute;
+    inset: 0;
+    opacity: 0;
+    border-radius: inherit;
+    background-color: transparent;
+    pointer-events: none;
+    border-bottom: var(--teddy-border-width-sm) solid var(--teddy-color-purple-500);
+  }
+  ._teddy-navigation-menu__top-menu-trigger--button_1wcv5_109::after {
+    border: var(--teddy-border-width-sm) solid var(--teddy-color-purple-500);
+  }
+  ._teddy-navigation-menu__top-menu-trigger_1wcv5_84:not(._teddy-navigation-menu__top-menu-trigger--button_1wcv5_109)::before {
+    content: attr(data-text);
+    content: attr(data-text)/"";
+    height: 0;
+    visibility: hidden;
+    overflow: hidden;
+    user-select: none;
+    pointer-events: none;
+    font-weight: var(--teddy-typography-weight-bold);
+  }
+  @media speech {
+    ._teddy-navigation-menu__top-menu-trigger_1wcv5_84:not(._teddy-navigation-menu__top-menu-trigger--button_1wcv5_109)::before {
+      display: none;
+    }
+  }
+  ._teddy-navigation-menu__top-menu-trigger_1wcv5_84:hover {
+    background-color: var(--teddy-color-background-interactive-transparent-hover);
+  }
+  ._teddy-navigation-menu__top-menu-trigger_1wcv5_84:hover::after {
+    opacity: 1;
+  }
+  ._teddy-navigation-menu__top-menu-trigger_1wcv5_84:active {
+    background-color: var(--teddy-color-background-interactive-transparent-active);
+  }
+  ._teddy-navigation-menu__top-menu-trigger_1wcv5_84:active::after {
+    opacity: 1;
+  }
+  ._teddy-navigation-menu__top-menu-trigger_1wcv5_84[data-state=open], ._teddy-navigation-menu__top-menu-trigger_1wcv5_84:has([data-active]), ._teddy-navigation-menu__top-menu-trigger_1wcv5_84[data-active] {
+    font-weight: var(--teddy-typography-weight-bold);
+  }
+  ._teddy-navigation-menu__top-menu-trigger_1wcv5_84[data-state=open]::after, ._teddy-navigation-menu__top-menu-trigger_1wcv5_84:has([data-active])::after, ._teddy-navigation-menu__top-menu-trigger_1wcv5_84[data-active]::after {
+    border-color: var(--teddy-color-text-interactive-primary);
+    opacity: 1;
+  }
+  ._teddy-navigation-menu__top-menu-trigger_1wcv5_84:focus-visible {
+    outline: solid var(--teddy-border-width-sm) var(--teddy-color-border-interactive-focus);
+  }
+  ._teddy-navigation-menu__top-menu-trigger_1wcv5_84[data-state=open] {
+    font-weight: var(--teddy-typography-weight-bold);
+  }
+  ._teddy-navigation-menu__top-menu-trigger_1wcv5_84[data-state=open]::after {
+    border-color: var(--teddy-color-text-interactive-primary);
+    opacity: 1;
+  }
+  ._teddy-navigation-menu__content_1wcv5_183 {
+    all: unset;
+    list-style-type: none;
+    display: flex;
+    gap: var(--teddy-spacing-100);
+    padding: 0;
+    position: absolute;
+    left: 0;
+    right: 0;
+    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_1wcv5_183 > ul {
+    list-style: none;
+    display: flex;
+    margin: 0;
+    padding: 0;
+  }
+  ._teddy-navigation-menu__content_1wcv5_183 > ul > li {
+    display: grid;
+    line-height: 1.2;
+  }
+  @media (prefers-reduced-motion: no-preference) {
+    ._teddy-navigation-menu__content_1wcv5_183 {
+      animation-duration: var(--teddy-motion-duration-300);
+      animation-timing-function: ease;
+    }
+  }
+  ._teddy-navigation-menu__content_1wcv5_183::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_1wcv5_219 {
+    position: relative;
+    all: unset;
+    position: relative;
+    cursor: pointer;
+    text-decoration: none;
+    display: inline-flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    gap: var(--teddy-spacing-50);
+    color: var(--teddy-color-text-interactive-primary);
+    font-weight: var(--teddy-typography-weight-medium);
+    white-space: nowrap;
+    min-width: var(--teddy-spacing-400);
+    font-size: var(--teddy-typography-scale-100);
+    line-height: var(--teddy-typography-line-height-loose);
+    padding: var(--teddy-spacing-200) var(--teddy-spacing-100);
+    text-align: center;
   }
-}
-._teddy-navigation-menu__trigger_15tta_230:hover {
-  background-color: var(--teddy-color-background-interactive-transparent-hover);
-}
-._teddy-navigation-menu__trigger_15tta_230:hover::after {
-  opacity: 1;
-}
-._teddy-navigation-menu__trigger_15tta_230:active {
-  background-color: var(--teddy-color-background-interactive-transparent-active);
-}
-._teddy-navigation-menu__trigger_15tta_230: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] {
-  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 {
-  border-color: var(--teddy-color-text-interactive-primary);
-  opacity: 1;
-}
-._teddy-navigation-menu__trigger_15tta_230:focus-visible {
-  outline: solid var(--teddy-border-width-sm) var(--teddy-color-border-interactive-focus);
-}
-._teddy-navigation-menu__link_15tta_323 {
-  all: unset;
-  position: relative;
-  cursor: pointer;
-  text-decoration: none;
-  display: inline-flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  gap: var(--teddy-spacing-50);
-  color: var(--teddy-color-text-interactive-primary);
-  font-weight: var(--teddy-typography-weight-medium);
-  white-space: nowrap;
-  min-width: var(--teddy-spacing-400);
-  font-size: var(--teddy-typography-scale-100);
-  line-height: var(--teddy-typography-line-height-loose);
-  padding: var(--teddy-spacing-200) var(--teddy-spacing-100);
-  text-align: center;
-  text-decoration: none;
-}
-._teddy-navigation-menu__link--small_15tta_343 {
-  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 {
-  padding: var(--teddy-spacing-100);
-  min-height: calc(var(--teddy-spacing-400) + var(--teddy-spacing-100));
-  border-radius: var(--teddy-border-radius-md);
-  display: flex;
-  place-items: center;
-  flex-wrap: wrap;
-  flex-direction: row;
-  gap: var(--teddy-spacing-100);
-  row-gap: var(--teddy-spacing-50);
-}
-@media (max-width: 600px) {
-  ._teddy-navigation-menu__link--button_15tta_349 {
+  ._teddy-navigation-menu__trigger--small_1wcv5_239 {
+    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_15tta_323::after {
-  content: "";
-  display: block;
-  position: absolute;
-  inset: 0;
-  opacity: 0;
-  border-radius: inherit;
-  background-color: transparent;
-  pointer-events: none;
-  border-bottom: var(--teddy-border-width-sm) solid var(--teddy-color-purple-500);
-}
-._teddy-navigation-menu__link--button_15tta_349::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 {
-  content: attr(data-text);
-  content: attr(data-text)/"";
-  height: 0;
-  visibility: hidden;
-  overflow: hidden;
-  user-select: none;
-  pointer-events: none;
-  font-weight: var(--teddy-typography-weight-bold);
-}
-@media speech {
-  ._teddy-navigation-menu__link_15tta_323:not(._teddy-navigation-menu__link--button_15tta_349)::before {
-    display: none;
+  ._teddy-navigation-menu__trigger--button_1wcv5_245 {
+    padding: var(--teddy-spacing-100);
+    min-height: calc(var(--teddy-spacing-400) + var(--teddy-spacing-100));
+    border-radius: var(--teddy-border-radius-md);
+    display: flex;
+    place-items: center;
+    flex-wrap: wrap;
+    flex-direction: row;
+    gap: var(--teddy-spacing-100);
+    row-gap: var(--teddy-spacing-50);
   }
-}
-._teddy-navigation-menu__link_15tta_323:hover {
-  background-color: var(--teddy-color-background-interactive-transparent-hover);
-}
-._teddy-navigation-menu__link_15tta_323:hover::after {
-  opacity: 1;
-}
-._teddy-navigation-menu__link_15tta_323:active {
-  background-color: var(--teddy-color-background-interactive-transparent-active);
-}
-._teddy-navigation-menu__link_15tta_323: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] {
-  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 {
-  border-color: var(--teddy-color-text-interactive-primary);
-  opacity: 1;
-}
-._teddy-navigation-menu__link_15tta_323:focus-visible {
-  outline: solid var(--teddy-border-width-sm) var(--teddy-color-border-interactive-focus);
-}
-._teddy-navigation-menu__viewport_15tta_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;
+  @media (max-width: 600px) {
+    ._teddy-navigation-menu__trigger--button_1wcv5_245 {
+      font-size: var(--teddy-typography-scale-75);
+    }
   }
-  ._teddy-navigation-menu__viewport_15tta_34[data-state=open] {
-    animation: _scaleIn_15tta_1 var(--teddy-motion-duration-controlled, 0) ease;
+  ._teddy-navigation-menu__trigger_1wcv5_219::after {
+    content: "";
+    display: block;
+    position: absolute;
+    inset: 0;
+    opacity: 0;
+    border-radius: inherit;
+    background-color: transparent;
+    pointer-events: none;
+    border-bottom: var(--teddy-border-width-sm) solid var(--teddy-color-purple-500);
   }
-  ._teddy-navigation-menu__viewport_15tta_34[data-state=closed] {
-    animation: _scaleOut_15tta_1 var(--teddy-motion-duration-300) ease;
+  ._teddy-navigation-menu__trigger--button_1wcv5_245::after {
+    border: var(--teddy-border-width-sm) solid var(--teddy-color-purple-500);
   }
-}
-@keyframes _scaleIn_15tta_1 {
-  from {
-    opacity: 0;
-    transform: scale(0.9);
-    height: 1px;
+  ._teddy-navigation-menu__trigger_1wcv5_219:not(._teddy-navigation-menu__trigger--button_1wcv5_245)::before {
+    content: attr(data-text);
+    content: attr(data-text)/"";
+    height: 0;
+    visibility: hidden;
+    overflow: hidden;
+    user-select: none;
+    pointer-events: none;
+    font-weight: var(--teddy-typography-weight-bold);
   }
-  to {
+  @media speech {
+    ._teddy-navigation-menu__trigger_1wcv5_219:not(._teddy-navigation-menu__trigger--button_1wcv5_245)::before {
+      display: none;
+    }
+  }
+  ._teddy-navigation-menu__trigger_1wcv5_219:hover {
+    background-color: var(--teddy-color-background-interactive-transparent-hover);
+  }
+  ._teddy-navigation-menu__trigger_1wcv5_219:hover::after {
     opacity: 1;
-    transform: scale(1);
-    height: var(--radix-navigation-menu-viewport-height);
   }
-}
-@keyframes _scaleOut_15tta_1 {
-  from {
+  ._teddy-navigation-menu__trigger_1wcv5_219:active {
+    background-color: var(--teddy-color-background-interactive-transparent-active);
+  }
+  ._teddy-navigation-menu__trigger_1wcv5_219:active::after {
     opacity: 1;
-    transform: scale(1);
   }
-  to {
+  ._teddy-navigation-menu__trigger_1wcv5_219[data-state=open], ._teddy-navigation-menu__trigger_1wcv5_219:has([data-active]), ._teddy-navigation-menu__trigger_1wcv5_219[data-active] {
+    font-weight: var(--teddy-typography-weight-bold);
+  }
+  ._teddy-navigation-menu__trigger_1wcv5_219[data-state=open]::after, ._teddy-navigation-menu__trigger_1wcv5_219:has([data-active])::after, ._teddy-navigation-menu__trigger_1wcv5_219[data-active]::after {
+    border-color: var(--teddy-color-text-interactive-primary);
+    opacity: 1;
+  }
+  ._teddy-navigation-menu__trigger_1wcv5_219:focus-visible {
+    outline: solid var(--teddy-border-width-sm) var(--teddy-color-border-interactive-focus);
+  }
+  ._teddy-navigation-menu__link_1wcv5_312 {
+    all: unset;
+    position: relative;
+    cursor: pointer;
+    text-decoration: none;
+    display: inline-flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    gap: var(--teddy-spacing-50);
+    color: var(--teddy-color-text-interactive-primary);
+    font-weight: var(--teddy-typography-weight-medium);
+    white-space: nowrap;
+    min-width: var(--teddy-spacing-400);
+    font-size: var(--teddy-typography-scale-100);
+    line-height: var(--teddy-typography-line-height-loose);
+    padding: var(--teddy-spacing-200) var(--teddy-spacing-100);
+    text-align: center;
+    text-decoration: none;
+  }
+  ._teddy-navigation-menu__link--small_1wcv5_332 {
+    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_1wcv5_338 {
+    padding: var(--teddy-spacing-100);
+    min-height: calc(var(--teddy-spacing-400) + var(--teddy-spacing-100));
+    border-radius: var(--teddy-border-radius-md);
+    display: flex;
+    place-items: center;
+    flex-wrap: wrap;
+    flex-direction: row;
+    gap: var(--teddy-spacing-100);
+    row-gap: var(--teddy-spacing-50);
+  }
+  @media (max-width: 600px) {
+    ._teddy-navigation-menu__link--button_1wcv5_338 {
+      font-size: var(--teddy-typography-scale-75);
+    }
+  }
+  ._teddy-navigation-menu__link_1wcv5_312::after {
+    content: "";
+    display: block;
+    position: absolute;
+    inset: 0;
     opacity: 0;
-    transform: scale(0.9);
+    border-radius: inherit;
+    background-color: transparent;
+    pointer-events: none;
+    border-bottom: var(--teddy-border-width-sm) solid var(--teddy-color-purple-500);
+  }
+  ._teddy-navigation-menu__link--button_1wcv5_338::after {
+    border: var(--teddy-border-width-sm) solid var(--teddy-color-purple-500);
+  }
+  ._teddy-navigation-menu__link_1wcv5_312:not(._teddy-navigation-menu__link--button_1wcv5_338)::before {
+    content: attr(data-text);
+    content: attr(data-text)/"";
     height: 0;
+    visibility: hidden;
+    overflow: hidden;
+    user-select: none;
+    pointer-events: none;
+    font-weight: var(--teddy-typography-weight-bold);
   }
-}
-@keyframes _enterFromRight_15tta_1 {
-  from {
-    opacity: 0;
-    transform: translateX(200px);
+  @media speech {
+    ._teddy-navigation-menu__link_1wcv5_312:not(._teddy-navigation-menu__link--button_1wcv5_338)::before {
+      display: none;
+    }
   }
-  to {
+  ._teddy-navigation-menu__link_1wcv5_312:hover {
+    background-color: var(--teddy-color-background-interactive-transparent-hover);
+  }
+  ._teddy-navigation-menu__link_1wcv5_312:hover::after {
     opacity: 1;
-    transform: translateX(0);
   }
-}
-@keyframes _enterFromLeft_15tta_1 {
-  from {
-    opacity: 0;
-    transform: translateX(-200px);
+  ._teddy-navigation-menu__link_1wcv5_312:active {
+    background-color: var(--teddy-color-background-interactive-transparent-active);
   }
-  to {
+  ._teddy-navigation-menu__link_1wcv5_312:active::after {
     opacity: 1;
-    transform: translateX(0);
   }
-}
-@keyframes _exitToRight_15tta_1 {
-  from {
+  ._teddy-navigation-menu__link_1wcv5_312[data-state=open], ._teddy-navigation-menu__link_1wcv5_312:has([data-active]), ._teddy-navigation-menu__link_1wcv5_312[data-active] {
+    font-weight: var(--teddy-typography-weight-bold);
+  }
+  ._teddy-navigation-menu__link_1wcv5_312[data-state=open]::after, ._teddy-navigation-menu__link_1wcv5_312:has([data-active])::after, ._teddy-navigation-menu__link_1wcv5_312[data-active]::after {
+    border-color: var(--teddy-color-text-interactive-primary);
     opacity: 1;
-    transform: translateX(0);
   }
-  to {
-    opacity: 0;
-    transform: translateX(200px);
+  ._teddy-navigation-menu__link_1wcv5_312:focus-visible {
+    outline: solid var(--teddy-border-width-sm) var(--teddy-color-border-interactive-focus);
   }
-}
-@keyframes _exitToLeft_15tta_1 {
-  from {
-    opacity: 1;
-    transform: translateX(0);
+  ._teddy-navigation-menu__viewport_1wcv5_35 {
+    position: relative;
+    background-color: var(--teddy-color-background-primary);
+    height: var(--radix-navigation-menu-viewport-height);
+    transform-origin: top left;
+    overflow: clip;
   }
-  to {
-    opacity: 0;
-    transform: translateX(-200px);
+  @keyframes _scaleIn_1wcv5_1 {
+    from {
+      opacity: 0;
+      transform: scale(0.9);
+      height: 1px;
+    }
+    to {
+      opacity: 1;
+      transform: scale(1);
+      height: var(--radix-navigation-menu-viewport-height);
+    }
+  }
+  @keyframes _scaleOut_1wcv5_1 {
+    from {
+      opacity: 1;
+      transform: scale(1);
+    }
+    to {
+      opacity: 0;
+      transform: scale(0.9);
+      height: 0;
+    }
+  }
+  @keyframes _enterFromRight_1wcv5_1 {
+    from {
+      opacity: 0;
+      transform: translateX(200px);
+    }
+    to {
+      opacity: 1;
+      transform: translateX(0);
+    }
+  }
+  @keyframes _enterFromLeft_1wcv5_1 {
+    from {
+      opacity: 0;
+      transform: translateX(-200px);
+    }
+    to {
+      opacity: 1;
+      transform: translateX(0);
+    }
+  }
+  @keyframes _exitToRight_1wcv5_1 {
+    from {
+      opacity: 1;
+      transform: translateX(0);
+    }
+    to {
+      opacity: 0;
+      transform: translateX(200px);
+    }
+  }
+  @keyframes _exitToLeft_1wcv5_1 {
+    from {
+      opacity: 1;
+      transform: translateX(0);
+    }
+    to {
+      opacity: 0;
+      transform: translateX(-200px);
+    }
   }
 }._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--subsection_],
 ._teddy-text-spacing_dwbo8_1 [class*=_teddy-heading--subsection-100_] {
@@ -3322,71 +3301,103 @@
       height: 0;
     }
   }
-}._teddy-global-navigation_dagdv_1 {
+}._teddy-global-navigation_1yaoy_1 {
   position: sticky;
   inset: 0 0 auto 0;
   z-index: 39;
 }
-._teddy-global-navigation__mobile-trigger_dagdv_6 {
+._teddy-global-navigation__mobile-trigger_1yaoy_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_1yaoy_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_1yaoy_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_1yaoy_6::before {
   content: "";
   display: block;
   width: var(--width-for-centering-element);
 }
-._teddy-global-navigation__mobile_dagdv_6::after {
+._teddy-global-navigation__mobile_1yaoy_6::after {
   content: "";
   display: block;
   width: var(--width-for-centering-element);
 }
-._teddy-global-navigation__link_dagdv_26 {
+._teddy-global-navigation__link_1yaoy_26 {
   text-decoration: none;
 }
-._teddy-global-navigation__viewport_dagdv_29 {
-  height: var(--radix-navigation-menu-viewport-height, calc(47px * var(--teddy-scale)));
+._teddy-global-navigation__viewport_1yaoy_29 {
+  height: var(--teddy-viewport-wrapper-height, );
 }
-._teddy-global-navigation__item-wrapper_dagdv_32 {
+._teddy-global-navigation__item-wrapper_1yaoy_32 {
   position: relative;
+  display: flex;
 }
-._teddy-global-navigation__item-count_dagdv_35 {
+._teddy-global-navigation__item-count_1yaoy_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_1yaoy_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_1yaoy_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_1yaoy_43[data-state=closed] {
+  animation: _close-viewport_1yaoy_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_1yaoy_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_1yaoy_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_1yaoy_54[data-state=closed] {
   max-height: 0;
 }
-
-@keyframes _close-viewport_dagdv_1 {
+._teddy-global-navigation__accordion-look_1yaoy_64 {
+  background-color: var(--teddy-color-background-interactive-transparent);
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) auto;
+  align-items: stretch;
+  max-width: initial;
+  color: var(--teddy-color-text-interactive-primary);
+  font-weight: var(--teddy-typography-weight-bold);
+  border-top: var(--teddy-border-width-xs) solid var(--teddy-color-border-weak);
+}
+._teddy-global-navigation__accordion-look_1yaoy_64:first-child {
+  margin-top: 0;
+}
+._teddy-global-navigation__accordion-look_1yaoy_64:last-child {
+  border-bottom: var(--teddy-border-width-xs) solid var(--teddy-color-border-weak);
+}
+._teddy-global-navigation__mobile-link--accordion-look_1yaoy_80 {
+  padding: calc(var(--teddy-spacing-150) + var(--teddy-spacing-25)) 0;
+  font-family: var(--teddy-typography-family-default);
+  font-weight: var(--teddy-typography-weight-bold);
+  font-size: clamp(var(--teddy-typography-scale-100), 3cqw, var(--teddy-typography-scale-200));
+  line-height: var(--teddy-typography-line-height-default);
+}
+@media (min-width: 600px) {
+  ._teddy-global-navigation__mobile-link--accordion-look_1yaoy_80 {
+    padding: calc(var(--teddy-spacing-250) + var(--teddy-spacing-10)) 0;
+  }
+}
+@media (min-width: 1024px) {
+  ._teddy-global-navigation__mobile-link--accordion-look_1yaoy_80 {
+    padding: calc(var(--teddy-spacing-300) + var(--teddy-spacing-10)) 0;
+  }
+}
+@keyframes _close-viewport_1yaoy_1 {
   0% {
     max-height: var(--teddy-viewport-wrapper-height);
   }