@telia/teddy 0.0.61 → 0.0.62

package/dist/style.css

@@ -1297,6 +1297,31 @@
   ._teddy-link--silent_azi31_63:is(._teddy-link--disable-visited_azi31_26):visited {
     color: inherit;
   }
+}._teddy-visually-hidden_15nus_1 {
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border: 0;
+}
+._teddy-visually-hidden_15nus_1:not(caption) {
+  position: absolute;
+}
+._teddy-visually-hidden--focusable_15nus_15:not(:focus):not(:focus-within) {
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border: 0;
+}
+._teddy-visually-hidden--focusable_15nus_15:not(:focus):not(:focus-within):not(caption) {
+  position: absolute;
 }._teddy-radio-card-group_pfspq_1 {
   display: flex;
   flex-direction: column;
@@ -2752,744 +2777,329 @@
 }
 ._teddy-label--required_1hc8e_12::before {
   content: "* ";
-}._teddy-visually-hidden_15nus_1 {
-  width: 1px;
-  height: 1px;
-  padding: 0;
-  margin: -1px;
-  overflow: hidden;
-  clip: rect(0, 0, 0, 0);
-  white-space: nowrap;
-  border: 0;
-}
-._teddy-visually-hidden_15nus_1:not(caption) {
-  position: absolute;
-}
-._teddy-visually-hidden--focusable_15nus_15:not(:focus):not(:focus-within) {
-  width: 1px;
-  height: 1px;
-  padding: 0;
-  margin: -1px;
-  overflow: hidden;
-  clip: rect(0, 0, 0, 0);
-  white-space: nowrap;
-  border: 0;
-}
-._teddy-visually-hidden--focusable_15nus_15:not(:focus):not(:focus-within):not(caption) {
-  position: absolute;
-}._teddy-navigation-menu_1bmzc_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);
+}@layer icon, toggle;
+._teddy-toggle__input_m5h3g_2::before {
+  box-sizing: border-box;
 }
-@media (min-width: 600px) {
-  ._teddy-navigation-menu_1bmzc_1 {
-    --inline-padding: calc(var(--teddy-spacing-300) - var(--item-gap));
+
+@layer toggle {
+  ._teddy-toggle_m5h3g_2 {
+    width: fit-content;
+    display: flex;
+    align-items: center;
+    position: relative;
+    gap: var(--teddy-spacing-150);
   }
-}
-@media (min-width: 1440px) {
-  ._teddy-navigation-menu_1bmzc_1 {
-    --inline-padding: calc(var(--teddy-spacing-400) - var(--item-gap));
+  ._teddy-toggle__input_m5h3g_2 {
+    all: unset;
+    cursor: pointer;
+    display: block;
+    width: calc(var(--teddy-spacing-400) + var(--teddy-spacing-150));
+    height: calc(var(--teddy-spacing-400) + var(--teddy-spacing-150));
+    position: relative;
+    color: var(--teddy-color-text-interactive-on-primary);
   }
-}
-._teddy-navigation-menu_1bmzc_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_1bmzc_1::after {
-    transition: opacity var(--teddy-motion-duration-300) ease;
+  ._teddy-toggle__input_m5h3g_2::before {
+    content: "";
+    display: block;
+    position: absolute;
+    inset: 0;
+    height: var(--teddy-spacing-300);
+    margin: auto 0;
+    background-color: var(--teddy-color-text-interactive-on-primary);
+    border: var(--teddy-border-width-xs) solid var(--teddy-color-border-interactive-primary);
+    border-radius: var(--teddy-border-radius-full);
   }
-}
-._teddy-navigation-menu_1bmzc_1:has(._teddy-navigation-menu__viewport_1bmzc_34[data-state=open])::after {
-  opacity: 1;
-}
-._teddy-navigation-menu__list_1bmzc_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_1bmzc_37::before {
-  content: "";
-  display: block;
-  width: var(--width-for-centering-element);
-}
-._teddy-navigation-menu__list_1bmzc_37::after {
-  content: "";
-  display: block;
-  width: var(--width-for-centering-element);
-}
-._teddy-navigation-menu__list_1bmzc_37 li {
-  line-height: 1.2;
-}
-._teddy-navigation-menu__top-menu-list_1bmzc_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_1bmzc_59::before {
-  content: "";
-  display: block;
-  width: var(--width-for-centering-element);
-}
-._teddy-navigation-menu__top-menu-list_1bmzc_59::after {
-  content: "";
-  display: block;
-  width: var(--width-for-centering-element);
-}
-._teddy-navigation-menu__top-menu-list_1bmzc_59 li {
-  display: grid;
-  line-height: 1.2;
-}
-._teddy-navigation-menu__top-menu-trigger_1bmzc_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_1bmzc_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_1bmzc_108 {
-  padding: var(--teddy-spacing-100);
-  min-height: calc(var(--teddy-spacing-400) + var(--teddy-spacing-200));
-  box-sizing: border-box;
-  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_1bmzc_108 {
-    font-size: var(--teddy-typography-scale-75);
+  @media (prefers-reduced-motion: no-preference) {
+    ._teddy-toggle__input_m5h3g_2::before {
+      transition: background-color var(--teddy-motion-duration-150) ease, border-color var(--teddy-motion-duration-150) ease;
+    }
   }
-}
-._teddy-navigation-menu__top-menu-trigger_1bmzc_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_1bmzc_108::after {
-  border: var(--teddy-border-width-sm) solid var(--teddy-color-purple-500);
-}
-._teddy-navigation-menu__top-menu-trigger_1bmzc_83:not(._teddy-navigation-menu__top-menu-trigger--button_1bmzc_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_1bmzc_83:not(._teddy-navigation-menu__top-menu-trigger--button_1bmzc_108)::before {
-    display: none;
+  ._teddy-toggle__input_m5h3g_2[data-state=checked]::before {
+    background-color: var(--teddy-color-background-interactive-primary);
+    border-color: var(--teddy-color-functional-transparent);
   }
-}
-._teddy-navigation-menu__top-menu-trigger_1bmzc_83:hover {
-  background-color: var(--teddy-color-background-interactive-transparent-hover);
-}
-._teddy-navigation-menu__top-menu-trigger_1bmzc_83:hover::after {
-  opacity: 1;
-}
-._teddy-navigation-menu__top-menu-trigger_1bmzc_83:active {
-  background-color: var(--teddy-color-background-interactive-transparent-active);
-}
-._teddy-navigation-menu__top-menu-trigger_1bmzc_83:active::after {
-  opacity: 1;
-}
-._teddy-navigation-menu__top-menu-trigger_1bmzc_83[data-state=open], ._teddy-navigation-menu__top-menu-trigger_1bmzc_83:has([data-active]), ._teddy-navigation-menu__top-menu-trigger_1bmzc_83[data-active] {
-  font-weight: var(--teddy-typography-weight-bold);
-}
-._teddy-navigation-menu__top-menu-trigger_1bmzc_83[data-state=open]::after, ._teddy-navigation-menu__top-menu-trigger_1bmzc_83:has([data-active])::after, ._teddy-navigation-menu__top-menu-trigger_1bmzc_83[data-active]::after {
-  border-color: var(--teddy-color-text-interactive-primary);
-  opacity: 1;
-}
-._teddy-navigation-menu__top-menu-trigger_1bmzc_83:focus-visible {
-  outline: solid var(--teddy-border-width-sm) var(--teddy-color-border-interactive-focus);
-}
-._teddy-navigation-menu__top-menu-trigger_1bmzc_83[data-state=open] {
-  font-weight: var(--teddy-typography-weight-bold);
-}
-._teddy-navigation-menu__top-menu-trigger_1bmzc_83[data-state=open]::after {
-  border-color: var(--teddy-color-text-interactive-primary);
-  opacity: 1;
-}
-._teddy-navigation-menu__content_1bmzc_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_1bmzc_183 > ul {
-  list-style: none;
-  display: flex;
-  margin: 0;
-  padding: 0;
-}
-._teddy-navigation-menu__content_1bmzc_183 > ul > li {
-  display: grid;
-  line-height: 1.2;
-}
-@media (prefers-reduced-motion: no-preference) {
-  ._teddy-navigation-menu__content_1bmzc_183 {
-    animation-duration: var(--teddy-motion-duration-300);
-    animation-timing-function: ease;
+  ._teddy-toggle__input_m5h3g_2[data-state=checked]:disabled::before {
+    background-color: var(--teddy-color-background-interactive-disabled);
+    border-color: var(--teddy-color-functional-transparent);
   }
-}
-._teddy-navigation-menu__content_1bmzc_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_1bmzc_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--small_1bmzc_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__trigger--button_1bmzc_245 {
-  padding: var(--teddy-spacing-100);
-  min-height: calc(var(--teddy-spacing-400) + var(--teddy-spacing-200));
-  box-sizing: border-box;
-  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_1bmzc_245 {
-    font-size: var(--teddy-typography-scale-75);
+  ._teddy-toggle__input_m5h3g_2[data-state=checked]:hover:not(:disabled)::before {
+    background-color: var(--teddy-color-background-interactive-primary-hover);
+    border-color: var(--teddy-color-functional-transparent);
   }
-}
-._teddy-navigation-menu__trigger_1bmzc_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__trigger--button_1bmzc_245::after {
-  border: var(--teddy-border-width-sm) solid var(--teddy-color-purple-500);
-}
-._teddy-navigation-menu__trigger_1bmzc_219:not(._teddy-navigation-menu__trigger--button_1bmzc_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);
-}
-@media speech {
-  ._teddy-navigation-menu__trigger_1bmzc_219:not(._teddy-navigation-menu__trigger--button_1bmzc_245)::before {
-    display: none;
+  ._teddy-toggle__input_m5h3g_2[data-state=checked]:active:not(:disabled)::before {
+    background-color: var(--teddy-color-background-interactive-primary-active);
+    border-color: var(--teddy-color-functional-transparent);
   }
-}
-._teddy-navigation-menu__trigger_1bmzc_219:hover {
-  background-color: var(--teddy-color-background-interactive-transparent-hover);
-}
-._teddy-navigation-menu__trigger_1bmzc_219:hover::after {
-  opacity: 1;
-}
-._teddy-navigation-menu__trigger_1bmzc_219:active {
-  background-color: var(--teddy-color-background-interactive-transparent-active);
-}
-._teddy-navigation-menu__trigger_1bmzc_219:active::after {
-  opacity: 1;
-}
-._teddy-navigation-menu__trigger_1bmzc_219[data-state=open], ._teddy-navigation-menu__trigger_1bmzc_219:has([data-active]), ._teddy-navigation-menu__trigger_1bmzc_219[data-active] {
-  font-weight: var(--teddy-typography-weight-bold);
-}
-._teddy-navigation-menu__trigger_1bmzc_219[data-state=open]::after, ._teddy-navigation-menu__trigger_1bmzc_219:has([data-active])::after, ._teddy-navigation-menu__trigger_1bmzc_219[data-active]::after {
-  border-color: var(--teddy-color-text-interactive-primary);
-  opacity: 1;
-}
-._teddy-navigation-menu__trigger_1bmzc_219:focus-visible {
-  outline: solid var(--teddy-border-width-sm) var(--teddy-color-border-interactive-focus);
-}
-._teddy-navigation-menu__link_1bmzc_313 {
-  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_1bmzc_333 {
-  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_1bmzc_339 {
-  padding: var(--teddy-spacing-100);
-  min-height: calc(var(--teddy-spacing-400) + var(--teddy-spacing-200));
-  box-sizing: border-box;
-  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_1bmzc_339 {
-    font-size: var(--teddy-typography-scale-75);
+  ._teddy-toggle__input_m5h3g_2:disabled {
+    cursor: default;
   }
-}
-._teddy-navigation-menu__link_1bmzc_313::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_1bmzc_339::after {
-  border: var(--teddy-border-width-sm) solid var(--teddy-color-purple-500);
-}
-._teddy-navigation-menu__link_1bmzc_313:not(._teddy-navigation-menu__link--button_1bmzc_339)::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_1bmzc_313:not(._teddy-navigation-menu__link--button_1bmzc_339)::before {
-    display: none;
+  ._teddy-toggle__input_m5h3g_2:disabled::before {
+    border-color: var(--teddy-color-border-weak);
   }
-}
-._teddy-navigation-menu__link_1bmzc_313:hover {
-  background-color: var(--teddy-color-background-interactive-transparent-hover);
-}
-._teddy-navigation-menu__link_1bmzc_313:hover::after {
-  opacity: 1;
-}
-._teddy-navigation-menu__link_1bmzc_313:active {
-  background-color: var(--teddy-color-background-interactive-transparent-active);
-}
-._teddy-navigation-menu__link_1bmzc_313:active::after {
-  opacity: 1;
-}
-._teddy-navigation-menu__link_1bmzc_313[data-state=open], ._teddy-navigation-menu__link_1bmzc_313:has([data-active]), ._teddy-navigation-menu__link_1bmzc_313[data-active] {
-  font-weight: var(--teddy-typography-weight-bold);
-}
-._teddy-navigation-menu__link_1bmzc_313[data-state=open]::after, ._teddy-navigation-menu__link_1bmzc_313:has([data-active])::after, ._teddy-navigation-menu__link_1bmzc_313[data-active]::after {
-  border-color: var(--teddy-color-text-interactive-primary);
-  opacity: 1;
-}
-._teddy-navigation-menu__link_1bmzc_313:focus-visible {
-  outline: solid var(--teddy-border-width-sm) var(--teddy-color-border-interactive-focus);
-}
-._teddy-navigation-menu__viewport_1bmzc_34 {
-  position: relative;
-  background-color: var(--teddy-color-background-primary);
-  height: var(--radix-navigation-menu-viewport-height);
-  transform-origin: top left;
-  overflow: clip;
-}
-@keyframes _scaleIn_1bmzc_1 {
-  from {
-    opacity: 0;
-    transform: scale(0.9);
-    height: 1px;
+  ._teddy-toggle__input_m5h3g_2:hover:not(:disabled)::before {
+    background-color: var(--teddy-color-background-interactive-transparent-hover);
+    border-color: var(--teddy-color-border-interactive-primary);
   }
-  to {
-    opacity: 1;
-    transform: scale(1);
-    height: var(--radix-navigation-menu-viewport-height);
+  ._teddy-toggle__input_m5h3g_2:active:not(:disabled)::before {
+    background-color: var(--teddy-color-background-interactive-transparent-active);
   }
-}
-@keyframes _scaleOut_1bmzc_1 {
-  from {
+  ._teddy-toggle_m5h3g_2:focus-within::before {
+    border-radius: var(--teddy-border-radius-xs);
+    box-shadow: 0 0 0 var(--teddy-border-width-sm) var(--teddy-color-border-interactive-focus);
+    content: "";
     opacity: 1;
-    transform: scale(1);
+    display: block;
+    inset: calc(var(--teddy-spacing-25) * -1);
+    position: absolute;
+    pointer-events: none;
   }
-  to {
+  ._teddy-toggle_m5h3g_2:focus-within:has(._teddy-toggle__input_m5h3g_2:not(:focus-visible))::before {
     opacity: 0;
-    transform: scale(0.9);
-    height: 0;
   }
-}
-@keyframes _enterFromRight_1bmzc_1 {
-  from {
-    opacity: 0;
-    transform: translateX(200px);
+  ._teddy-toggle__thumb_m5h3g_81 {
+    position: absolute;
+    display: block;
+    height: calc(var(--teddy-spacing-200) + var(--teddy-spacing-25));
+    width: calc(var(--teddy-spacing-200) + var(--teddy-spacing-25));
+    border-radius: var(--teddy-border-radius-full);
+    background-color: var(--teddy-color-background-interactive-primary);
+    inset: 50% auto auto var(--teddy-spacing-10);
+    transform: translate(var(--teddy-spacing-25), -50%);
   }
-  to {
-    opacity: 1;
-    transform: translateX(0);
+  @media (prefers-reduced-motion: no-preference) {
+    ._teddy-toggle__thumb_m5h3g_81 {
+      transition: transform var(--teddy-motion-duration-150) ease, background-color var(--teddy-motion-duration-150) ease;
+      will-change: transform;
+    }
   }
-}
-@keyframes _enterFromLeft_1bmzc_1 {
-  from {
-    opacity: 0;
-    transform: translateX(-200px);
+  ._teddy-toggle__thumb_m5h3g_81[data-disabled] {
+    background-color: var(--teddy-color-background-interactive-disabled);
   }
-  to {
-    opacity: 1;
-    transform: translateX(0);
+  ._teddy-toggle__thumb_m5h3g_81[data-state=checked] {
+    background-color: var(--teddy-color-text-interactive-on-primary);
+    transform: translate(calc(100% + var(--teddy-spacing-50)), -50%);
   }
-}
-@keyframes _exitToRight_1bmzc_1 {
-  from {
-    opacity: 1;
-    transform: translateX(0);
+  ._teddy-toggle__thumb_m5h3g_81[data-state=checked][data-disabled] {
+    background-color: var(--teddy-color-text-interactive-on-primary);
   }
-  to {
+  ._teddy-toggle__indicator_m5h3g_107 {
+    position: absolute;
+    inset: 50% auto auto calc(var(--teddy-spacing-150) + var(--teddy-spacing-10));
     opacity: 0;
-    transform: translateX(200px);
+    scale: 0;
+    transform: translate(-50%, -50%);
+    transform-origin: 0 50%;
   }
-}
-@keyframes _exitToLeft_1bmzc_1 {
-  from {
-    opacity: 1;
-    transform: translateX(0);
+  @media (prefers-reduced-motion: no-preference) {
+    ._teddy-toggle__indicator_m5h3g_107 {
+      transition: opacity var(--teddy-motion-duration-150) ease, scale var(--teddy-motion-duration-150) ease;
+    }
   }
-  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_] {
-  margin-bottom: var(--teddy-spacing-50);
-}
-._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--overline-100_],
-._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--additional-100_],
-._teddy-text-spacing_dwbo8_1 [class*=_teddy-heading--title-100_],
-._teddy-text-spacing_dwbo8_1 [class*=_teddy-heading--title-200_],
-._teddy-text-spacing_dwbo8_1 [class*=_teddy-heading--title-300_] {
-  margin-bottom: var(--teddy-spacing-100);
-}
-._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--overline-200_] {
-  margin-bottom: var(--teddy-spacing-150);
-}
-._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--paragraph-100_],
-._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--paragraph-200_] {
-  margin-bottom: var(--teddy-spacing-200);
-}
-._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--paragraph-100_] + [class*=_teddy-heading--title-100_],
-._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--paragraph-200_] + [class*=_teddy-heading--title-100_] {
-  margin-top: var(--teddy-spacing-300);
-}
-._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--paragraph-100_] + [class*=_teddy-heading--title-200_],
-._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--paragraph-200_] + [class*=_teddy-heading--title-200_] {
-  margin-top: var(--teddy-spacing-400);
-}
-._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--paragraph-100_] + [class*=_teddy-heading--title-300_],
-._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--paragraph-100_] + [class*=_teddy-heading--title-400_],
-._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--paragraph-100_] + [class*=_teddy-heading--title-500_],
-._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--paragraph-100_] + [class*=_teddy-heading--title-600_],
-._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--paragraph-100_] + [class*=_teddy-heading--title-700_],
-._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--paragraph-200_] + [class*=_teddy-heading--title-300_],
-._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--paragraph-200_] + [class*=_teddy-heading--title-400_],
-._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--paragraph-200_] + [class*=_teddy-heading--title-500_],
-._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--paragraph-200_] + [class*=_teddy-heading--title-600_],
-._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--paragraph-200_] + [class*=_teddy-heading--title-700_] {
-  margin-top: var(--teddy-spacing-600);
-}
-._teddy-text-spacing_dwbo8_1 [class*=_teddy-heading--title-400_],
-._teddy-text-spacing_dwbo8_1 [class*=_teddy-heading--title-500_] {
-  margin-bottom: var(--teddy-spacing-250);
-}
-._teddy-text-spacing_dwbo8_1 [class*=_teddy-heading--title-600_],
-._teddy-text-spacing_dwbo8_1 [class*=_teddy-heading--title-700_],
-._teddy-text-spacing_dwbo8_1 [class*=_teddy-heading--display-25_],
-._teddy-text-spacing_dwbo8_1 [class*=_teddy-heading--display-50_],
-._teddy-text-spacing_dwbo8_1 [class*=_teddy-heading--display-100_],
-._teddy-text-spacing_dwbo8_1 [class*=_teddy-heading--display-200_] {
-  margin-bottom: var(--teddy-spacing-300);
-}
-._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--preamble-100_] {
-  margin-bottom: var(--teddy-spacing-400);
-}
-._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--preamble-200_] {
-  margin-bottom: var(--teddy-spacing-600);
-}
-._teddy-text-spacing_dwbo8_1 * > :last-child,
-._teddy-text-spacing_dwbo8_1 > :last-child {
-  margin-bottom: 0;
-}@keyframes _fadeInAnimation_shhej_1 {
-  0% {
-    opacity: 0;
-  }
-  100% {
+  ._teddy-toggle__input_m5h3g_2[data-state=checked] ._teddy-toggle__indicator_m5h3g_107 {
     opacity: 1;
+    scale: 1;
   }
-}
-@keyframes _scaleInAnimation_shhej_1 {
-  0% {
-    scale: 0;
+}@layer heading, link, accordion;
+@layer accordion {
+  ._teddy-accordion_1arsz_3 {
+    --indented-spacing: var(--teddy-spacing-200);
   }
-  100% {
-    scale: 100%;
+  @media (min-width: 600px) {
+    ._teddy-accordion_1arsz_3 {
+      --indented-spacing: var(--teddy-spacing-300);
+    }
   }
-}
-._teddy-text-field_shhej_17 {
-  box-sizing: border-box;
-  display: grid;
-  grid-template-columns: 1fr auto;
-  column-gap: var(--teddy-spacing-50);
-  grid-template-areas: "label label" "input button" "error-list error-list" "helper-text helper-text";
-}
-._teddy-text-field__label_shhej_24 {
-  grid-area: label;
-}
-._teddy-text-field__input-group_shhej_27 {
-  grid-area: input;
-}
-:has(._teddy-text-field__button--attached_shhej_30) ._teddy-text-field__frame_shhej_30 {
-  border-radius: var(--teddy-border-radius-md) 0 0 var(--teddy-border-radius-md);
-}
-._teddy-text-field__button_shhej_30 {
-  grid-area: button;
-}
-._teddy-text-field__button--attached_shhej_30 {
-  border-radius: 0 var(--teddy-border-radius-md) var(--teddy-border-radius-md) 0;
-}
-._teddy-text-field_shhej_17 > * + * {
-  margin-top: var(--teddy-spacing-50);
-}
-._teddy-text-field__helper-text_shhej_42 {
-  grid-area: helper-text;
-}
-._teddy-text-field__error-list_shhej_45 {
-  grid-area: error-list;
-  list-style: none;
-  padding: 0;
-}
-._teddy-text-field__error-list_shhej_45 > * + * {
-  margin-top: var(--teddy-spacing-50);
-}@keyframes _fadeInAnimation_mhz8x_1 {
-  0% {
-    opacity: 0;
+  ._teddy-accordion--indented_1arsz_11 ._teddy-accordion__header_1arsz_11 > *:first-child {
+    padding-left: var(--indented-spacing);
   }
-  100% {
-    opacity: 1;
+  ._teddy-accordion--indented_1arsz_11 ._teddy-accordion__content_1arsz_14 {
+    padding-inline: var(--indented-spacing);
   }
-}
-@keyframes _scaleInAnimation_mhz8x_1 {
-  0% {
-    scale: 0;
+  ._teddy-accordion--negative_1arsz_17 ._teddy-accordion__header_1arsz_11 {
+    color: var(--teddy-color-text-interactive-primary-negative);
   }
-  100% {
-    scale: 100%;
+  ._teddy-accordion--negative_1arsz_17 ._teddy-accordion__content_1arsz_14,
+  ._teddy-accordion--negative_1arsz_17 ._teddy-accordion__title_1arsz_21 {
+    color: var(--teddy-color-text-default-negative);
   }
-}
-._teddy-input__input_mhz8x_17 {
-  box-sizing: border-box;
-}
-@layer input {
-  ._teddy-input_mhz8x_17 {
-    position: relative;
-    cursor: text;
-    display: flex;
-    align-items: center;
-    padding: 0 var(--teddy-spacing-150);
-    gap: var(--teddy-spacing-50);
-    color: var(--teddy-color-text-weak);
+  ._teddy-accordion--negative_1arsz_17 ._teddy-accordion__trigger_1arsz_24:hover {
+    background-color: var(--teddy-color-background-interactive-transparent-negative-hover);
   }
-  ._teddy-input__frame_mhz8x_31 {
-    position: absolute;
-    inset: 0;
-    border-radius: var(--teddy-border-radius-sm);
-    border: var(--teddy-border-width-xs) solid var(--teddy-color-border-interactive-subtle);
-    pointer-events: none;
-    z-index: 1;
+  @media (prefers-reduced-motion: no-preference) {
+    ._teddy-accordion--negative_1arsz_17 ._teddy-accordion__trigger_1arsz_24:active {
+      background-color: var(--teddy-color-background-interactive-transparent-negative-active);
+    }
   }
-  ._teddy-input__clear-button_mhz8x_39 {
-    margin-right: calc(var(--teddy-spacing-100) * -1);
+  ._teddy-accordion--negative_1arsz_17 ._teddy-accordion__item_1arsz_32 {
+    border-color: var(--teddy-color-border-medium-negative);
   }
-  ._teddy-input__input_mhz8x_17 {
-    border-radius: var(--teddy-border-radius-sm);
-    border: none;
-    margin: calc(var(--teddy-spacing-100) + var(--teddy-spacing-25)) 0;
-    font-family: var(--teddy-typography-family-default);
-    font-size: var(--teddy-typography-scale-100);
-    line-height: 150%;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    font-style: normal;
-    font-weight: var(--teddy-typography-weight-normal);
-    outline: none;
-    background: transparent;
-    width: 100%;
-    flex: 1 1 100%;
-    color: var(--teddy-color-text-default);
+  ._teddy-accordion--negative_1arsz_17 ._teddy-accordion__item_1arsz_32:last-child {
+    border-color: var(--teddy-color-border-medium-negative);
   }
-  ._teddy-input__input_mhz8x_17:hover ~ ._teddy-input__frame_mhz8x_31 {
-    border-width: var(--teddy-border-width-sm);
-    border-color: var(--teddy-color-border-interactive-subtle-hover);
+  ._teddy-accordion_1arsz_3:disabled {
+    background-color: var(--teddy-color-background-interactive-transparent);
   }
-  ._teddy-input__input_mhz8x_17:active:not(:disabled):not(:read-only) ~ ._teddy-input__frame_mhz8x_31, ._teddy-input__input_mhz8x_17:focus:not(:disabled):not(:read-only) ~ ._teddy-input__frame_mhz8x_31 {
-    outline: var(--teddy-border-width-sm) solid var(--teddy-color-border-interactive-focus);
-    outline-offset: calc(var(--teddy-spacing-10) * 2);
-    border-width: var(--teddy-border-width-xs);
-    border-color: var(--teddy-color-border-interactive-subtle-hover);
+  ._teddy-accordion__title_1arsz_21 {
+    margin-bottom: var(--teddy-spacing-300);
   }
-  ._teddy-input__input_mhz8x_17:disabled {
-    color: var(--teddy-color-text-weak);
+  @media (min-width: 600px) {
+    ._teddy-accordion__title_1arsz_21 {
+      margin-bottom: var(--teddy-spacing-400);
+    }
   }
-  ._teddy-input__input_mhz8x_17:disabled ~ ._teddy-input__frame_mhz8x_31 {
-    border-width: var(--teddy-border-width-xs);
-    border-color: var(--teddy-color-border-medium);
+  ._teddy-accordion__item_1arsz_32 {
+    border-top: var(--teddy-border-width-xs) solid var(--teddy-color-border-weak);
   }
-  ._teddy-input__input_mhz8x_17:read-only:not(:disabled) {
-    color: var(--teddy-color-text-default);
+  ._teddy-accordion__item_1arsz_32:first-child {
+    margin-top: 0;
   }
-  ._teddy-input__input_mhz8x_17:read-only:not(:disabled) ~ ._teddy-input__frame_mhz8x_31 {
-    border-width: var(--teddy-border-width-xs);
+  ._teddy-accordion__item_1arsz_32:last-child {
+    border-bottom: var(--teddy-border-width-xs) solid var(--teddy-color-border-weak);
   }
-  ._teddy-input__input_mhz8x_17:read-only:not(:disabled):not(._teddy-input__input--valid_mhz8x_82):not(._teddy-input__input--invalid_mhz8x_82) ~ ._teddy-input__frame_mhz8x_31 {
-    border-color: var(--teddy-color-border-medium);
+  ._teddy-accordion__header_1arsz_11 {
+    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);
   }
-  ._teddy-input__input--valid_mhz8x_82 ~ ._teddy-input__frame_mhz8x_31 {
-    border-color: var(--teddy-color-border-status-success);
+  ._teddy-accordion__trigger_1arsz_24 {
+    all: unset;
+    font-family: inherit;
+    background-color: transparent;
+    display: flex;
+    gap: var(--teddy-spacing-100);
+    min-width: 2rem;
+    align-items: center;
+    justify-content: space-between;
+    cursor: pointer;
+    transition-duration: var(--teddy-motion-duration-100);
+    transition-timing-function: var(--teddy-motion-easing-ease-in-out);
+    transition-property: background-color, color;
   }
-  ._teddy-input__input--valid_mhz8x_82 ~ ._teddy-input__indicator_mhz8x_88 {
-    color: var(--teddy-color-border-status-success);
+  ._teddy-accordion__trigger_1arsz_24:hover {
+    background-color: var(--teddy-color-background-interactive-transparent-hover);
   }
-  ._teddy-input__input--error_mhz8x_91:not(:hover) ~ ._teddy-input__frame_mhz8x_31 {
-    border-color: var(--teddy-color-border-status-error);
+  @media (prefers-reduced-motion: no-preference) {
+    ._teddy-accordion__trigger_1arsz_24:active {
+      background-color: var(--teddy-color-background-interactive-transparent-active);
+    }
   }
-  ._teddy-input_mhz8x_17 > *:not(._teddy-input__input_mhz8x_17) {
-    flex: 0 0 auto;
+  ._teddy-accordion__trigger_1arsz_24:focus-within {
+    outline: solid var(--teddy-border-width-sm) var(--teddy-color-border-interactive-focus);
+    outline-offset: var(--teddy-spacing-25);
+    z-index: 1;
   }
-  ._teddy-input__indicator_mhz8x_88 {
-    animation: _fadeInAnimation_mhz8x_1 ease var(--teddy-motion-duration-300), _scaleInAnimation_mhz8x_1 ease var(--teddy-motion-duration-300);
+  ._teddy-accordion__trigger_1arsz_24:focus-within:not(:focus-visible) {
+    outline: 0;
   }
-  ._teddy-input_mhz8x_17:has(input:disabled) {
+  ._teddy-accordion__trigger_1arsz_24:disabled {
+    cursor: not-allowed;
     background-color: var(--teddy-color-background-interactive-disabled);
   }
-  ._teddy-input_mhz8x_17:has(input:read-only) {
-    background-color: var(--teddy-color-background-interactive-read-only);
+  ._teddy-accordion__trigger_1arsz_24 ._teddy-accordion__indicator_1arsz_101 {
+    flex-shrink: 0;
+    transform: rotate(0);
+    margin: var(--indented-spacing);
+  }
+  @media (min-width: 1024px) {
+    ._teddy-accordion__trigger_1arsz_24 ._teddy-accordion__indicator_1arsz_101 {
+      margin-block: var(--teddy-spacing-400);
+    }
+  }
+  @media (prefers-reduced-motion: no-preference) {
+    ._teddy-accordion__trigger_1arsz_24 ._teddy-accordion__indicator--rotate_1arsz_112 {
+      transition: transform var(--teddy-motion-duration-300) var(--teddy-motion-easing-ease-in-out);
+    }
+  }
+  ._teddy-accordion__trigger_1arsz_24[data-state=open] ._teddy-accordion__indicator_1arsz_101 {
+    transform: rotate(180deg);
+  }
+  ._teddy-accordion__content_1arsz_14 {
+    overflow: hidden;
+    color: var(--teddy-color-text-default);
+    padding: 0 var(--teddy-spacing-300) 0 0;
+  }
+  @media (prefers-reduced-motion: no-preference) {
+    ._teddy-accordion__content_1arsz_14[data-state=open] {
+      animation: _slideDown_1arsz_1 var(--teddy-motion-duration-300) var(--teddy-motion-easing-ease-in-out);
+    }
+    ._teddy-accordion__content_1arsz_14[data-state=closed] {
+      animation: _slideUp_1arsz_1 var(--teddy-motion-duration-300) var(--teddy-motion-easing-ease-in-out);
+    }
+  }
+  ._teddy-accordion__content_1arsz_14::after {
+    content: "";
+    display: block;
+    height: var(--teddy-spacing-400);
+    width: 100%;
+  }
+  ._teddy-accordion--info-area_1arsz_138 ._teddy-accordion__header_1arsz_11 {
+    color: var(--teddy-color-text-default);
+    font-size: var(--teddy-typography-scale-100);
+  }
+  ._teddy-accordion--info-area_1arsz_138 ._teddy-accordion__content_1arsz_14::after {
+    height: var(--teddy-spacing-200);
+  }
+  ._teddy-accordion--info-area_1arsz_138 ._teddy-accordion__indicator_1arsz_101 {
+    margin-block: var(--teddy-spacing-200);
+  }
+  ._teddy-accordion--info-area_1arsz_138 ._teddy-accordion__content_1arsz_14,
+  ._teddy-accordion--info-area_1arsz_138 ._teddy-accordion__title_1arsz_21 {
+    color: var(--teddy-color-text-default);
+  }
+  ._teddy-accordion--info-area_1arsz_138 ._teddy-accordion__item_1arsz_32 {
+    background-color: var(--teddy-color-background-interactive-inactive);
+    border: none;
+  }
+  ._teddy-accordion--info-area_1arsz_138 ._teddy-accordion__item_1arsz_32:last-child {
+    border: none;
+  }
+  ._teddy-accordion--info-area_1arsz_138 ._teddy-accordion__item_1arsz_32:not(:last-child) {
+    position: relative;
+  }
+  ._teddy-accordion--info-area_1arsz_138 ._teddy-accordion__item_1arsz_32:not(:last-child)::after {
+    content: "";
+    display: block;
+    position: absolute;
+    inset: auto var(--indented-spacing) 0 var(--indented-spacing);
+    height: var(--teddy-border-width-xs);
+    transform: translateY(50%);
+    background-color: var(--teddy-color-border-weak);
+  }
+  ._teddy-accordion--info-area_1arsz_138 ._teddy-accordion__item_1arsz_32:first-of-type {
+    border-radius: var(--teddy-border-radius-md) var(--teddy-border-radius-md) 0 0;
+  }
+  ._teddy-accordion--info-area_1arsz_138 ._teddy-accordion__item_1arsz_32:last-of-type {
+    border-radius: 0 0 var(--teddy-border-radius-md) var(--teddy-border-radius-md);
+  }
+  ._teddy-accordion--info-area_1arsz_138 ._teddy-accordion__trigger_1arsz_24:hover {
+    background-color: var(--teddy-color-background-interactive-inactive);
+  }
+  @media (prefers-reduced-motion: no-preference) {
+    ._teddy-accordion--info-area_1arsz_138 ._teddy-accordion__trigger_1arsz_24:active {
+      background-color: var(--teddy-color-background-interactive-disabled);
+    }
+  }
+  @keyframes _slideDown_1arsz_1 {
+    from {
+      height: 0;
+    }
+    to {
+      height: var(--radix-accordion-content-height);
+    }
+  }
+  @keyframes _slideUp_1arsz_1 {
+    from {
+      height: var(--radix-accordion-content-height);
+    }
+    to {
+      height: 0;
+    }
   }
-}._teddy-helper-text_6xdzb_1 {
-  font-family: var(--teddy-typography-family-default);
-  font-weight: var(--teddy-typography-weight-normal);
-  font-size: var(--teddy-typography-scale-75);
-  line-height: var(--teddy-typography-line-height-loose);
-  color: var(--teddy-color-text-medium);
-  display: block;
-}
-._teddy-helper-text--disabled_6xdzb_9 {
-  color: var(--teddy-color-text-weak);
-}._teddy-field-error-text_1735t_1 {
-  font-family: var(--teddy-typography-family-default);
-  font-weight: var(--teddy-typography-weight-normal);
-  font-size: var(--teddy-typography-scale-100);
-  line-height: var(--teddy-typography-line-height-loose);
-  color: var(--teddy-color-text-status-error-strong);
-  display: flex;
-  flex-direction: row;
-  gap: var(--teddy-spacing-50);
-  align-items: center;
-}
-._teddy-field-error-text__indicator_1735t_12 {
-  color: var(--teddy-color-text-status-error-medium);
-  line-height: var(--teddy-typography-line-height-tight);
 }._teddy-badge_wlyo5_1 {
   font-family: var(--teddy-typography-family-default);
   font-weight: var(--teddy-typography-weight-medium);
@@ -3572,587 +3182,995 @@
 ._teddy-badge--error_wlyo5_76._teddy-badge--alert-badge_wlyo5_23 {
   background-color: var(--teddy-color-text-status-error-strong);
   border-color: var(--teddy-color-background-status-error-strong);
-}@layer heading, link, accordion;
-@layer accordion {
-  ._teddy-accordion_1arsz_3 {
-    --indented-spacing: var(--teddy-spacing-200);
+}._teddy-field-error-text_1735t_1 {
+  font-family: var(--teddy-typography-family-default);
+  font-weight: var(--teddy-typography-weight-normal);
+  font-size: var(--teddy-typography-scale-100);
+  line-height: var(--teddy-typography-line-height-loose);
+  color: var(--teddy-color-text-status-error-strong);
+  display: flex;
+  flex-direction: row;
+  gap: var(--teddy-spacing-50);
+  align-items: center;
+}
+._teddy-field-error-text__indicator_1735t_12 {
+  color: var(--teddy-color-text-status-error-medium);
+  line-height: var(--teddy-typography-line-height-tight);
+}._teddy-helper-text_6xdzb_1 {
+  font-family: var(--teddy-typography-family-default);
+  font-weight: var(--teddy-typography-weight-normal);
+  font-size: var(--teddy-typography-scale-75);
+  line-height: var(--teddy-typography-line-height-loose);
+  color: var(--teddy-color-text-medium);
+  display: block;
+}
+._teddy-helper-text--disabled_6xdzb_9 {
+  color: var(--teddy-color-text-weak);
+}@keyframes _fadeInAnimation_mhz8x_1 {
+  0% {
+    opacity: 0;
   }
-  @media (min-width: 600px) {
-    ._teddy-accordion_1arsz_3 {
-      --indented-spacing: var(--teddy-spacing-300);
-    }
+  100% {
+    opacity: 1;
   }
-  ._teddy-accordion--indented_1arsz_11 ._teddy-accordion__header_1arsz_11 > *:first-child {
-    padding-left: var(--indented-spacing);
+}
+@keyframes _scaleInAnimation_mhz8x_1 {
+  0% {
+    scale: 0;
   }
-  ._teddy-accordion--indented_1arsz_11 ._teddy-accordion__content_1arsz_14 {
-    padding-inline: var(--indented-spacing);
+  100% {
+    scale: 100%;
   }
-  ._teddy-accordion--negative_1arsz_17 ._teddy-accordion__header_1arsz_11 {
-    color: var(--teddy-color-text-interactive-primary-negative);
+}
+._teddy-input__input_mhz8x_17 {
+  box-sizing: border-box;
+}
+@layer input {
+  ._teddy-input_mhz8x_17 {
+    position: relative;
+    cursor: text;
+    display: flex;
+    align-items: center;
+    padding: 0 var(--teddy-spacing-150);
+    gap: var(--teddy-spacing-50);
+    color: var(--teddy-color-text-weak);
   }
-  ._teddy-accordion--negative_1arsz_17 ._teddy-accordion__content_1arsz_14,
-  ._teddy-accordion--negative_1arsz_17 ._teddy-accordion__title_1arsz_21 {
-    color: var(--teddy-color-text-default-negative);
+  ._teddy-input__frame_mhz8x_31 {
+    position: absolute;
+    inset: 0;
+    border-radius: var(--teddy-border-radius-sm);
+    border: var(--teddy-border-width-xs) solid var(--teddy-color-border-interactive-subtle);
+    pointer-events: none;
+    z-index: 1;
   }
-  ._teddy-accordion--negative_1arsz_17 ._teddy-accordion__trigger_1arsz_24:hover {
-    background-color: var(--teddy-color-background-interactive-transparent-negative-hover);
+  ._teddy-input__clear-button_mhz8x_39 {
+    margin-right: calc(var(--teddy-spacing-100) * -1);
   }
-  @media (prefers-reduced-motion: no-preference) {
-    ._teddy-accordion--negative_1arsz_17 ._teddy-accordion__trigger_1arsz_24:active {
-      background-color: var(--teddy-color-background-interactive-transparent-negative-active);
-    }
+  ._teddy-input__input_mhz8x_17 {
+    border-radius: var(--teddy-border-radius-sm);
+    border: none;
+    margin: calc(var(--teddy-spacing-100) + var(--teddy-spacing-25)) 0;
+    font-family: var(--teddy-typography-family-default);
+    font-size: var(--teddy-typography-scale-100);
+    line-height: 150%;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    font-style: normal;
+    font-weight: var(--teddy-typography-weight-normal);
+    outline: none;
+    background: transparent;
+    width: 100%;
+    flex: 1 1 100%;
+    color: var(--teddy-color-text-default);
   }
-  ._teddy-accordion--negative_1arsz_17 ._teddy-accordion__item_1arsz_32 {
-    border-color: var(--teddy-color-border-medium-negative);
+  ._teddy-input__input_mhz8x_17:hover ~ ._teddy-input__frame_mhz8x_31 {
+    border-width: var(--teddy-border-width-sm);
+    border-color: var(--teddy-color-border-interactive-subtle-hover);
   }
-  ._teddy-accordion--negative_1arsz_17 ._teddy-accordion__item_1arsz_32:last-child {
-    border-color: var(--teddy-color-border-medium-negative);
+  ._teddy-input__input_mhz8x_17:active:not(:disabled):not(:read-only) ~ ._teddy-input__frame_mhz8x_31, ._teddy-input__input_mhz8x_17:focus:not(:disabled):not(:read-only) ~ ._teddy-input__frame_mhz8x_31 {
+    outline: var(--teddy-border-width-sm) solid var(--teddy-color-border-interactive-focus);
+    outline-offset: calc(var(--teddy-spacing-10) * 2);
+    border-width: var(--teddy-border-width-xs);
+    border-color: var(--teddy-color-border-interactive-subtle-hover);
   }
-  ._teddy-accordion_1arsz_3:disabled {
-    background-color: var(--teddy-color-background-interactive-transparent);
+  ._teddy-input__input_mhz8x_17:disabled {
+    color: var(--teddy-color-text-weak);
   }
-  ._teddy-accordion__title_1arsz_21 {
-    margin-bottom: var(--teddy-spacing-300);
+  ._teddy-input__input_mhz8x_17:disabled ~ ._teddy-input__frame_mhz8x_31 {
+    border-width: var(--teddy-border-width-xs);
+    border-color: var(--teddy-color-border-medium);
   }
-  @media (min-width: 600px) {
-    ._teddy-accordion__title_1arsz_21 {
-      margin-bottom: var(--teddy-spacing-400);
-    }
+  ._teddy-input__input_mhz8x_17:read-only:not(:disabled) {
+    color: var(--teddy-color-text-default);
   }
-  ._teddy-accordion__item_1arsz_32 {
-    border-top: var(--teddy-border-width-xs) solid var(--teddy-color-border-weak);
+  ._teddy-input__input_mhz8x_17:read-only:not(:disabled) ~ ._teddy-input__frame_mhz8x_31 {
+    border-width: var(--teddy-border-width-xs);
   }
-  ._teddy-accordion__item_1arsz_32:first-child {
-    margin-top: 0;
+  ._teddy-input__input_mhz8x_17:read-only:not(:disabled):not(._teddy-input__input--valid_mhz8x_82):not(._teddy-input__input--invalid_mhz8x_82) ~ ._teddy-input__frame_mhz8x_31 {
+    border-color: var(--teddy-color-border-medium);
   }
-  ._teddy-accordion__item_1arsz_32:last-child {
-    border-bottom: var(--teddy-border-width-xs) solid var(--teddy-color-border-weak);
+  ._teddy-input__input--valid_mhz8x_82 ~ ._teddy-input__frame_mhz8x_31 {
+    border-color: var(--teddy-color-border-status-success);
   }
-  ._teddy-accordion__header_1arsz_11 {
-    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);
+  ._teddy-input__input--valid_mhz8x_82 ~ ._teddy-input__indicator_mhz8x_88 {
+    color: var(--teddy-color-border-status-success);
   }
-  ._teddy-accordion__trigger_1arsz_24 {
-    all: unset;
-    font-family: inherit;
-    background-color: transparent;
-    display: flex;
-    gap: var(--teddy-spacing-100);
-    min-width: 2rem;
-    align-items: center;
-    justify-content: space-between;
-    cursor: pointer;
-    transition-duration: var(--teddy-motion-duration-100);
-    transition-timing-function: var(--teddy-motion-easing-ease-in-out);
-    transition-property: background-color, color;
+  ._teddy-input__input--error_mhz8x_91:not(:hover) ~ ._teddy-input__frame_mhz8x_31 {
+    border-color: var(--teddy-color-border-status-error);
   }
-  ._teddy-accordion__trigger_1arsz_24:hover {
-    background-color: var(--teddy-color-background-interactive-transparent-hover);
+  ._teddy-input_mhz8x_17 > *:not(._teddy-input__input_mhz8x_17) {
+    flex: 0 0 auto;
   }
-  @media (prefers-reduced-motion: no-preference) {
-    ._teddy-accordion__trigger_1arsz_24:active {
-      background-color: var(--teddy-color-background-interactive-transparent-active);
-    }
+  ._teddy-input__indicator_mhz8x_88 {
+    animation: _fadeInAnimation_mhz8x_1 ease var(--teddy-motion-duration-300), _scaleInAnimation_mhz8x_1 ease var(--teddy-motion-duration-300);
   }
-  ._teddy-accordion__trigger_1arsz_24:focus-within {
-    outline: solid var(--teddy-border-width-sm) var(--teddy-color-border-interactive-focus);
-    outline-offset: var(--teddy-spacing-25);
-    z-index: 1;
+  ._teddy-input_mhz8x_17:has(input:disabled) {
+    background-color: var(--teddy-color-background-interactive-disabled);
   }
-  ._teddy-accordion__trigger_1arsz_24:focus-within:not(:focus-visible) {
-    outline: 0;
+  ._teddy-input_mhz8x_17:has(input:read-only) {
+    background-color: var(--teddy-color-background-interactive-read-only);
   }
-  ._teddy-accordion__trigger_1arsz_24:disabled {
-    cursor: not-allowed;
-    background-color: var(--teddy-color-background-interactive-disabled);
+}@keyframes _fadeInAnimation_shhej_1 {
+  0% {
+    opacity: 0;
   }
-  ._teddy-accordion__trigger_1arsz_24 ._teddy-accordion__indicator_1arsz_101 {
-    flex-shrink: 0;
-    transform: rotate(0);
-    margin: var(--indented-spacing);
+  100% {
+    opacity: 1;
   }
-  @media (min-width: 1024px) {
-    ._teddy-accordion__trigger_1arsz_24 ._teddy-accordion__indicator_1arsz_101 {
-      margin-block: var(--teddy-spacing-400);
-    }
+}
+@keyframes _scaleInAnimation_shhej_1 {
+  0% {
+    scale: 0;
   }
-  @media (prefers-reduced-motion: no-preference) {
-    ._teddy-accordion__trigger_1arsz_24 ._teddy-accordion__indicator--rotate_1arsz_112 {
-      transition: transform var(--teddy-motion-duration-300) var(--teddy-motion-easing-ease-in-out);
-    }
+  100% {
+    scale: 100%;
   }
-  ._teddy-accordion__trigger_1arsz_24[data-state=open] ._teddy-accordion__indicator_1arsz_101 {
-    transform: rotate(180deg);
+}
+._teddy-text-field_shhej_17 {
+  box-sizing: border-box;
+  display: grid;
+  grid-template-columns: 1fr auto;
+  column-gap: var(--teddy-spacing-50);
+  grid-template-areas: "label label" "input button" "error-list error-list" "helper-text helper-text";
+}
+._teddy-text-field__label_shhej_24 {
+  grid-area: label;
+}
+._teddy-text-field__input-group_shhej_27 {
+  grid-area: input;
+}
+:has(._teddy-text-field__button--attached_shhej_30) ._teddy-text-field__frame_shhej_30 {
+  border-radius: var(--teddy-border-radius-md) 0 0 var(--teddy-border-radius-md);
+}
+._teddy-text-field__button_shhej_30 {
+  grid-area: button;
+}
+._teddy-text-field__button--attached_shhej_30 {
+  border-radius: 0 var(--teddy-border-radius-md) var(--teddy-border-radius-md) 0;
+}
+._teddy-text-field_shhej_17 > * + * {
+  margin-top: var(--teddy-spacing-50);
+}
+._teddy-text-field__helper-text_shhej_42 {
+  grid-area: helper-text;
+}
+._teddy-text-field__error-list_shhej_45 {
+  grid-area: error-list;
+  list-style: none;
+  padding: 0;
+}
+._teddy-text-field__error-list_shhej_45 > * + * {
+  margin-top: var(--teddy-spacing-50);
+}._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--subsection_],
+._teddy-text-spacing_dwbo8_1 [class*=_teddy-heading--subsection-100_] {
+  margin-bottom: var(--teddy-spacing-50);
+}
+._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--overline-100_],
+._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--additional-100_],
+._teddy-text-spacing_dwbo8_1 [class*=_teddy-heading--title-100_],
+._teddy-text-spacing_dwbo8_1 [class*=_teddy-heading--title-200_],
+._teddy-text-spacing_dwbo8_1 [class*=_teddy-heading--title-300_] {
+  margin-bottom: var(--teddy-spacing-100);
+}
+._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--overline-200_] {
+  margin-bottom: var(--teddy-spacing-150);
+}
+._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--paragraph-100_],
+._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--paragraph-200_] {
+  margin-bottom: var(--teddy-spacing-200);
+}
+._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--paragraph-100_] + [class*=_teddy-heading--title-100_],
+._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--paragraph-200_] + [class*=_teddy-heading--title-100_] {
+  margin-top: var(--teddy-spacing-300);
+}
+._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--paragraph-100_] + [class*=_teddy-heading--title-200_],
+._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--paragraph-200_] + [class*=_teddy-heading--title-200_] {
+  margin-top: var(--teddy-spacing-400);
+}
+._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--paragraph-100_] + [class*=_teddy-heading--title-300_],
+._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--paragraph-100_] + [class*=_teddy-heading--title-400_],
+._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--paragraph-100_] + [class*=_teddy-heading--title-500_],
+._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--paragraph-100_] + [class*=_teddy-heading--title-600_],
+._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--paragraph-100_] + [class*=_teddy-heading--title-700_],
+._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--paragraph-200_] + [class*=_teddy-heading--title-300_],
+._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--paragraph-200_] + [class*=_teddy-heading--title-400_],
+._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--paragraph-200_] + [class*=_teddy-heading--title-500_],
+._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--paragraph-200_] + [class*=_teddy-heading--title-600_],
+._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--paragraph-200_] + [class*=_teddy-heading--title-700_] {
+  margin-top: var(--teddy-spacing-600);
+}
+._teddy-text-spacing_dwbo8_1 [class*=_teddy-heading--title-400_],
+._teddy-text-spacing_dwbo8_1 [class*=_teddy-heading--title-500_] {
+  margin-bottom: var(--teddy-spacing-250);
+}
+._teddy-text-spacing_dwbo8_1 [class*=_teddy-heading--title-600_],
+._teddy-text-spacing_dwbo8_1 [class*=_teddy-heading--title-700_],
+._teddy-text-spacing_dwbo8_1 [class*=_teddy-heading--display-25_],
+._teddy-text-spacing_dwbo8_1 [class*=_teddy-heading--display-50_],
+._teddy-text-spacing_dwbo8_1 [class*=_teddy-heading--display-100_],
+._teddy-text-spacing_dwbo8_1 [class*=_teddy-heading--display-200_] {
+  margin-bottom: var(--teddy-spacing-300);
+}
+._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--preamble-100_] {
+  margin-bottom: var(--teddy-spacing-400);
+}
+._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--preamble-200_] {
+  margin-bottom: var(--teddy-spacing-600);
+}
+._teddy-text-spacing_dwbo8_1 * > :last-child,
+._teddy-text-spacing_dwbo8_1 > :last-child {
+  margin-bottom: 0;
+}._teddy-container_1jmq1_1 {
+  box-sizing: border-box;
+}@keyframes _teddy-fade-in_3n21u_1 {
+  from {
+    opacity: 0;
   }
-  ._teddy-accordion__content_1arsz_14 {
-    overflow: hidden;
-    color: var(--teddy-color-text-default);
-    padding: 0 var(--teddy-spacing-300) 0 0;
+  to {
+    opacity: 1;
+  }
+}
+@keyframes _teddy-fade-out_3n21u_1 {
+  from {
+    opacity: 1;
+  }
+  to {
+    opacity: 0;
+  }
+}
+@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_3n21u_25::before {
+  position: fixed;
+  content: "";
+  inset: 0;
+  background-color: var(--teddy-color-overlay-default);
+}
+._teddy-modal__content_3n21u_37 {
+  background-color: var(--teddy-color-background-primary);
+  box-shadow: var(--teddy-shadow-lg);
+  position: relative;
+  overflow: hidden;
+  height: 100%;
+  width: 100%;
+}
+@media (min-width: 600px) {
+  ._teddy-modal__content_3n21u_37 {
+    max-width: 720px;
+    max-height: 80%;
+    min-height: 360px;
+    height: auto;
+    width: auto;
+    border-radius: var(--teddy-border-radius-lg);
+  }
+}
+._teddy-modal__scroll_3n21u_55 {
+  overflow: auto;
+  padding-inline: var(--teddy-spacing-300);
+}
+._teddy-modal__image_3n21u_59 {
+  max-width: calc(100% + var(--teddy-spacing-300) * 2);
+  height: auto;
+  vertical-align: middle;
+  font-style: italic;
+  background-repeat: no-repeat;
+  background-size: cover;
+  shape-margin: 0.75rem;
+  margin-inline: calc(var(--teddy-spacing-300) * -1);
+}
+._teddy-modal__close--floating_3n21u_69 {
+  position: absolute;
+  top: var(--teddy-spacing-100);
+  right: var(--teddy-spacing-100);
+}
+._teddy-modal__group_3n21u_74 {
+  width: 100%;
+  margin-bottom: var(--teddy-spacing-200);
+}
+._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_3n21u_78._teddy-modal__group--scroll_3n21u_84 {
+  padding-block: var(--teddy-spacing-200);
+}
+._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_3n21u_93 {
+  height: 100%;
+  position: sticky;
+  inset: auto 0 0 0;
+  margin: var(--teddy-spacing-200) 0 0;
+  padding-block: var(--teddy-spacing-200) var(--teddy-spacing-300);
+  background-color: var(--teddy-color-background-primary);
+}
+._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);
+  border-top: var(--teddy-border-width-xs) solid var(--teddy-color-border-weak);
+  box-shadow: 0 0 20px 15px var(--teddy-color-background-primary);
+}
+@media (prefers-reduced-motion: no-preference) {
+  @keyframes _modal-overlay-no-op_3n21u_1 {
+    from {
+      opacity: 1;
+    }
+    to {
+      opacity: 1;
+    }
   }
-  @media (prefers-reduced-motion: no-preference) {
-    ._teddy-accordion__content_1arsz_14[data-state=open] {
-      animation: _slideDown_1arsz_1 var(--teddy-motion-duration-300) var(--teddy-motion-easing-ease-in-out);
+  @keyframes _modal-content-show_3n21u_1 {
+    from {
+      opacity: 0;
+      transform: translateY(5px) scale(0.97);
     }
-    ._teddy-accordion__content_1arsz_14[data-state=closed] {
-      animation: _slideUp_1arsz_1 var(--teddy-motion-duration-300) var(--teddy-motion-easing-ease-in-out);
+    to {
+      opacity: 1;
+      transform: translateY(0px) scale(1);
     }
   }
-  ._teddy-accordion__content_1arsz_14::after {
-    content: "";
-    display: block;
-    height: var(--teddy-spacing-400);
-    width: 100%;
+  @keyframes _modal-content-hide_3n21u_1 {
+    from {
+      opacity: 1;
+      transform: translateY(0px) scale(1);
+    }
+    to {
+      opacity: 0;
+      transform: translateY(5px) scale(0.99);
+    }
   }
-  ._teddy-accordion--info-area_1arsz_138 ._teddy-accordion__header_1arsz_11 {
-    color: var(--teddy-color-text-default);
-    font-size: var(--teddy-typography-scale-100);
+  ._teddy-modal__overlay_3n21u_25 {
+    /* Keep the overlay mounted until the children have animated */
   }
-  ._teddy-accordion--info-area_1arsz_138 ._teddy-accordion__content_1arsz_14::after {
-    height: var(--teddy-spacing-200);
+  ._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-accordion--info-area_1arsz_138 ._teddy-accordion__indicator_1arsz_101 {
-    margin-block: var(--teddy-spacing-200);
+  ._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-accordion--info-area_1arsz_138 ._teddy-accordion__content_1arsz_14,
-  ._teddy-accordion--info-area_1arsz_138 ._teddy-accordion__title_1arsz_21 {
-    color: var(--teddy-color-text-default);
+  ._teddy-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-accordion--info-area_1arsz_138 ._teddy-accordion__item_1arsz_32 {
-    background-color: var(--teddy-color-background-interactive-inactive);
-    border: none;
+  ._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-accordion--info-area_1arsz_138 ._teddy-accordion__item_1arsz_32:last-child {
-    border: none;
+  ._teddy-modal__content_3n21u_37:where([data-state=closed]) {
+    animation: _modal-content-hide_3n21u_1 150ms cubic-bezier(0.16, 1, 0.3, 1);
   }
-  ._teddy-accordion--info-area_1arsz_138 ._teddy-accordion__item_1arsz_32:not(:last-child) {
-    position: relative;
+}._teddy-navigation-menu_11898_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_11898_1 {
+    --inline-padding: calc(var(--teddy-spacing-300) - var(--item-gap));
   }
-  ._teddy-accordion--info-area_1arsz_138 ._teddy-accordion__item_1arsz_32:not(:last-child)::after {
-    content: "";
-    display: block;
-    position: absolute;
-    inset: auto var(--indented-spacing) 0 var(--indented-spacing);
-    height: var(--teddy-border-width-xs);
-    transform: translateY(50%);
-    background-color: var(--teddy-color-border-weak);
+}
+@media (min-width: 1440px) {
+  ._teddy-navigation-menu_11898_1 {
+    --inline-padding: calc(var(--teddy-spacing-400) - var(--item-gap));
   }
-  ._teddy-accordion--info-area_1arsz_138 ._teddy-accordion__item_1arsz_32:first-of-type {
-    border-radius: var(--teddy-border-radius-md) var(--teddy-border-radius-md) 0 0;
+}
+._teddy-navigation-menu_11898_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_11898_1::after {
+    transition: opacity var(--teddy-motion-duration-300) ease;
   }
-  ._teddy-accordion--info-area_1arsz_138 ._teddy-accordion__item_1arsz_32:last-of-type {
-    border-radius: 0 0 var(--teddy-border-radius-md) var(--teddy-border-radius-md);
+}
+._teddy-navigation-menu_11898_1:has(._teddy-navigation-menu__viewport_11898_34[data-state=open])::after {
+  opacity: 1;
+}
+._teddy-navigation-menu__separator_11898_37 {
+  border-top: var(--teddy-border-width-sm) solid var(--teddy-color-border-weak);
+}
+._teddy-navigation-menu__list_11898_40 {
+  all: unset;
+  list-style-type: none;
+  display: flex;
+  align-items: center;
+  max-width: 84rem;
+  margin: 0 var(--teddy-spacing-600);
+  gap: var(--item-gap);
+}
+@media (min-width: 1440px) {
+  ._teddy-navigation-menu__list_11898_40 {
+    margin: 0 auto;
   }
-  ._teddy-accordion--info-area_1arsz_138 ._teddy-accordion__trigger_1arsz_24:hover {
-    background-color: var(--teddy-color-background-interactive-inactive);
+}
+._teddy-navigation-menu__list_11898_40::before {
+  display: block;
+  width: var(--width-for-centering-element);
+}
+._teddy-navigation-menu__list_11898_40::after {
+  content: "";
+  display: block;
+  width: var(--width-for-centering-element);
+}
+._teddy-navigation-menu__list_11898_40 li {
+  line-height: 1.2;
+}
+._teddy-navigation-menu__top-menu-list_11898_66 {
+  all: unset;
+  position: relative;
+  list-style-type: none;
+  gap: var(--item-gap);
+  display: flex;
+  align-items: center;
+}
+._teddy-navigation-menu__top-menu-list_11898_66::before {
+  display: block;
+  width: var(--width-for-centering-element);
+}
+._teddy-navigation-menu__top-menu-list_11898_66::after {
+  content: "";
+  display: block;
+  width: var(--width-for-centering-element);
+}
+._teddy-navigation-menu__top-menu-list_11898_66 li {
+  display: grid;
+  line-height: 1.2;
+}
+._teddy-navigation-menu__top-menu-trigger_11898_87 {
+  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_11898_106 {
+  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_11898_112 {
+  padding: var(--teddy-spacing-100);
+  min-height: calc(var(--teddy-spacing-400) + var(--teddy-spacing-200));
+  box-sizing: border-box;
+  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_11898_112 {
+    font-size: var(--teddy-typography-scale-75);
   }
-  @media (prefers-reduced-motion: no-preference) {
-    ._teddy-accordion--info-area_1arsz_138 ._teddy-accordion__trigger_1arsz_24:active {
-      background-color: var(--teddy-color-background-interactive-disabled);
-    }
+}
+._teddy-navigation-menu__top-menu-trigger_11898_87::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_11898_112::after {
+  border: var(--teddy-border-width-sm) solid var(--teddy-color-purple-500);
+}
+._teddy-navigation-menu__top-menu-trigger_11898_87:not(._teddy-navigation-menu__top-menu-trigger--button_11898_112)::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_11898_87:not(._teddy-navigation-menu__top-menu-trigger--button_11898_112)::before {
+    display: none;
   }
-  @keyframes _slideDown_1arsz_1 {
-    from {
-      height: 0;
-    }
-    to {
-      height: var(--radix-accordion-content-height);
-    }
+}
+._teddy-navigation-menu__top-menu-trigger_11898_87:hover {
+  background-color: var(--teddy-color-background-interactive-transparent-hover);
+}
+._teddy-navigation-menu__top-menu-trigger_11898_87:hover::after {
+  opacity: 1;
+}
+._teddy-navigation-menu__top-menu-trigger_11898_87:active {
+  background-color: var(--teddy-color-background-interactive-transparent-active);
+}
+._teddy-navigation-menu__top-menu-trigger_11898_87:active::after {
+  opacity: 1;
+}
+._teddy-navigation-menu__top-menu-trigger_11898_87[data-state=open], ._teddy-navigation-menu__top-menu-trigger_11898_87:has([data-active]), ._teddy-navigation-menu__top-menu-trigger_11898_87[data-active] {
+  font-weight: var(--teddy-typography-weight-bold);
+}
+._teddy-navigation-menu__top-menu-trigger_11898_87[data-state=open]::after, ._teddy-navigation-menu__top-menu-trigger_11898_87:has([data-active])::after, ._teddy-navigation-menu__top-menu-trigger_11898_87[data-active]::after {
+  border-color: var(--teddy-color-text-interactive-primary);
+  opacity: 1;
+}
+._teddy-navigation-menu__top-menu-trigger_11898_87:focus-visible {
+  outline: solid var(--teddy-border-width-sm) var(--teddy-color-border-interactive-focus);
+}
+._teddy-navigation-menu__top-menu-trigger_11898_87[data-state=open] {
+  font-weight: var(--teddy-typography-weight-bold);
+}
+._teddy-navigation-menu__top-menu-trigger_11898_87[data-state=open]::after {
+  border-color: var(--teddy-color-text-interactive-primary);
+  opacity: 1;
+}
+._teddy-navigation-menu__content_11898_187 {
+  all: unset;
+  list-style-type: none;
+  display: flex;
+  gap: var(--teddy-spacing-100);
+  padding: 0;
+  position: absolute;
+  left: 0;
+  right: 0;
+  max-width: 84rem;
+  margin: 0 var(--teddy-spacing-600);
+  overflow: clip;
+}
+._teddy-navigation-menu__content_11898_187 > ul {
+  list-style: none;
+  display: flex;
+  margin: 0;
+  padding: 0;
+}
+._teddy-navigation-menu__content_11898_187 > ul > li {
+  display: grid;
+  line-height: 1.2;
+}
+@media (min-width: 1440px) {
+  ._teddy-navigation-menu__content_11898_187 {
+    margin: 0 auto;
   }
-  @keyframes _slideUp_1arsz_1 {
-    from {
-      height: var(--radix-accordion-content-height);
-    }
-    to {
-      height: 0;
-    }
+}
+@media (prefers-reduced-motion: no-preference) {
+  ._teddy-navigation-menu__content_11898_187 {
+    animation-duration: var(--teddy-motion-duration-300);
+    animation-timing-function: ease;
   }
-}._teddy-global-navigation_1m6ra_1 {
-  position: sticky;
-  inset: 0 0 auto 0;
-  z-index: 39;
 }
-._teddy-global-navigation__mobile-trigger_1m6ra_6 {
-  border-inline: var(--teddy-border-width-xs) solid var(--teddy-color-border-weak);
+._teddy-navigation-menu__content_11898_187::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-global-navigation__mobile-header_1m6ra_9[data-state=open] {
-  border-bottom: var(--teddy-border-width-xs) solid var(--teddy-color-border-weak);
+._teddy-navigation-menu__trigger_11898_227 {
+  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-global-navigation__mobile_1m6ra_6 {
-  padding: var(--teddy-spacing-25) var(--teddy-spacing-200);
-  border-bottom: var(--teddy-border-width-sm) solid var(--teddy-color-border-weak);
+._teddy-navigation-menu__trigger--small_11898_247 {
+  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-global-navigation__mobile_1m6ra_6::before {
-  content: "";
-  display: block;
-  width: var(--width-for-centering-element);
+._teddy-navigation-menu__trigger--button_11898_253 {
+  padding: var(--teddy-spacing-100);
+  min-height: calc(var(--teddy-spacing-400) + var(--teddy-spacing-200));
+  box-sizing: border-box;
+  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-global-navigation__mobile_1m6ra_6::after {
+@media (max-width: 600px) {
+  ._teddy-navigation-menu__trigger--button_11898_253 {
+    font-size: var(--teddy-typography-scale-75);
+  }
+}
+._teddy-navigation-menu__trigger_11898_227::after {
   content: "";
   display: block;
-  width: var(--width-for-centering-element);
+  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-global-navigation__link_1m6ra_26 {
-  text-decoration: none;
+._teddy-navigation-menu__trigger--button_11898_253::after {
+  border: var(--teddy-border-width-sm) solid var(--teddy-color-purple-500);
 }
-._teddy-global-navigation__viewport_1m6ra_29._teddy-global-navigation__viewport_1m6ra_29 {
-  height: var(--teddy-viewport-wrapper-height);
+._teddy-navigation-menu__trigger_11898_227:not(._teddy-navigation-menu__trigger--button_11898_253)::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_11898_227:not(._teddy-navigation-menu__trigger--button_11898_253)::before {
+    display: none;
+  }
+}
+._teddy-navigation-menu__trigger_11898_227:hover {
+  background-color: var(--teddy-color-background-interactive-transparent-hover);
+}
+._teddy-navigation-menu__trigger_11898_227:hover::after {
+  opacity: 1;
+}
+._teddy-navigation-menu__trigger_11898_227:active {
+  background-color: var(--teddy-color-background-interactive-transparent-active);
+}
+._teddy-navigation-menu__trigger_11898_227:active::after {
+  opacity: 1;
+}
+._teddy-navigation-menu__trigger_11898_227[data-state=open], ._teddy-navigation-menu__trigger_11898_227:has([data-active]), ._teddy-navigation-menu__trigger_11898_227[data-active] {
+  font-weight: var(--teddy-typography-weight-bold);
+}
+._teddy-navigation-menu__trigger_11898_227[data-state=open]::after, ._teddy-navigation-menu__trigger_11898_227:has([data-active])::after, ._teddy-navigation-menu__trigger_11898_227[data-active]::after {
+  border-color: var(--teddy-color-text-interactive-primary);
+  opacity: 1;
 }
-._teddy-global-navigation__item-wrapper_1m6ra_32 {
+._teddy-navigation-menu__trigger_11898_227:focus-visible {
+  outline: solid var(--teddy-border-width-sm) var(--teddy-color-border-interactive-focus);
+}
+._teddy-navigation-menu__link_11898_321 {
+  all: unset;
   position: relative;
-  display: flex;
+  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_11898_341 {
+  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-global-navigation__item-count_1m6ra_36 {
+._teddy-navigation-menu__link--button_11898_347 {
+  padding: var(--teddy-spacing-100);
+  min-height: calc(var(--teddy-spacing-400) + var(--teddy-spacing-200));
+  box-sizing: border-box;
+  border-radius: var(--teddy-border-radius-md);
   display: flex;
-  justify-content: center;
-  align-items: center;
-  position: absolute;
-  transform: translate(calc(var(--teddy-spacing-150) + var(--teddy-spacing-25)), calc(-1 * var(--teddy-spacing-100) + var(--teddy-spacing-10)));
+  place-items: center;
+  flex-wrap: wrap;
+  flex-direction: row;
+  gap: var(--teddy-spacing-100);
+  row-gap: var(--teddy-spacing-50);
 }
-._teddy-global-navigation__viewport-wrapper_1m6ra_43 {
-  overflow: hidden;
-  transition: max-height var(--teddy-motion-duration-controlled, 0) ease;
+@media (max-width: 600px) {
+  ._teddy-navigation-menu__link--button_11898_347 {
+    font-size: var(--teddy-typography-scale-75);
+  }
 }
-._teddy-global-navigation__viewport-wrapper_1m6ra_43[data-state=open] {
-  max-height: var(--teddy-viewport-wrapper-height);
+._teddy-navigation-menu__link_11898_321::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-global-navigation__viewport-wrapper_1m6ra_43[data-state=closed] {
-  animation: _close-viewport_1m6ra_1 var(--teddy-motion-duration-controlled, 0) ease;
-  max-height: 0;
+._teddy-navigation-menu__link--button_11898_347::after {
+  border: var(--teddy-border-width-sm) solid var(--teddy-color-purple-500);
 }
-._teddy-global-navigation__top-menu-wrapper_1m6ra_54 {
+._teddy-navigation-menu__link_11898_321:not(._teddy-navigation-menu__link--button_11898_347)::before {
+  content: attr(data-text);
+  content: attr(data-text)/"";
+  height: 0;
+  visibility: hidden;
   overflow: hidden;
-  transition: max-height var(--teddy-motion-duration-controlled, 0) ease;
+  user-select: none;
+  pointer-events: none;
+  font-weight: var(--teddy-typography-weight-bold);
 }
-._teddy-global-navigation__top-menu-wrapper_1m6ra_54[data-state=open] {
-  max-height: var(--teddy-top-menu-height, 47px);
+@media speech {
+  ._teddy-navigation-menu__link_11898_321:not(._teddy-navigation-menu__link--button_11898_347)::before {
+    display: none;
+  }
 }
-._teddy-global-navigation__top-menu-wrapper_1m6ra_54[data-state=closed] {
-  max-height: 0;
+._teddy-navigation-menu__link_11898_321:hover {
+  background-color: var(--teddy-color-background-interactive-transparent-hover);
 }
-._teddy-global-navigation__accordion-look_1m6ra_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-navigation-menu__link_11898_321:hover::after {
+  opacity: 1;
 }
-._teddy-global-navigation__accordion-look_1m6ra_64:first-child {
-  margin-top: 0;
+._teddy-navigation-menu__link_11898_321:active {
+  background-color: var(--teddy-color-background-interactive-transparent-active);
 }
-._teddy-global-navigation__accordion-look_1m6ra_64:last-child {
-  border-bottom: var(--teddy-border-width-xs) solid var(--teddy-color-border-weak);
+._teddy-navigation-menu__link_11898_321:active::after {
+  opacity: 1;
 }
-._teddy-global-navigation__mobile-link--accordion-look_1m6ra_80 {
-  padding: calc(var(--teddy-spacing-150) + var(--teddy-spacing-25)) 0;
-  font-family: var(--teddy-typography-family-default);
+._teddy-navigation-menu__link_11898_321[data-state=open], ._teddy-navigation-menu__link_11898_321:has([data-active]), ._teddy-navigation-menu__link_11898_321[data-active] {
   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_1m6ra_80 {
-    padding: calc(var(--teddy-spacing-250) + var(--teddy-spacing-10)) 0;
-  }
+._teddy-navigation-menu__link_11898_321[data-state=open]::after, ._teddy-navigation-menu__link_11898_321:has([data-active])::after, ._teddy-navigation-menu__link_11898_321[data-active]::after {
+  border-color: var(--teddy-color-text-interactive-primary);
+  opacity: 1;
 }
-@media (min-width: 1024px) {
-  ._teddy-global-navigation__mobile-link--accordion-look_1m6ra_80 {
-    padding: calc(var(--teddy-spacing-300) + var(--teddy-spacing-10)) 0;
-  }
+._teddy-navigation-menu__link_11898_321:focus-visible {
+  outline: solid var(--teddy-border-width-sm) var(--teddy-color-border-interactive-focus);
 }
-@keyframes _close-viewport_1m6ra_1 {
-  0% {
-    max-height: var(--teddy-viewport-wrapper-height);
-  }
-  100% {
-    max-height: 0;
-  }
-}@layer icon, toggle;
-._teddy-toggle__input_m5h3g_2::before {
-  box-sizing: border-box;
+._teddy-navigation-menu__viewport_11898_34 {
+  position: relative;
+  background-color: var(--teddy-color-background-primary);
+  height: var(--radix-navigation-menu-viewport-height);
+  transform-origin: top left;
+  overflow: clip;
 }
-
-@layer toggle {
-  ._teddy-toggle_m5h3g_2 {
-    width: fit-content;
-    display: flex;
-    align-items: center;
-    position: relative;
-    gap: var(--teddy-spacing-150);
-  }
-  ._teddy-toggle__input_m5h3g_2 {
-    all: unset;
-    cursor: pointer;
-    display: block;
-    width: calc(var(--teddy-spacing-400) + var(--teddy-spacing-150));
-    height: calc(var(--teddy-spacing-400) + var(--teddy-spacing-150));
-    position: relative;
-    color: var(--teddy-color-text-interactive-on-primary);
-  }
-  ._teddy-toggle__input_m5h3g_2::before {
-    content: "";
-    display: block;
-    position: absolute;
-    inset: 0;
-    height: var(--teddy-spacing-300);
-    margin: auto 0;
-    background-color: var(--teddy-color-text-interactive-on-primary);
-    border: var(--teddy-border-width-xs) solid var(--teddy-color-border-interactive-primary);
-    border-radius: var(--teddy-border-radius-full);
-  }
-  @media (prefers-reduced-motion: no-preference) {
-    ._teddy-toggle__input_m5h3g_2::before {
-      transition: background-color var(--teddy-motion-duration-150) ease, border-color var(--teddy-motion-duration-150) ease;
-    }
-  }
-  ._teddy-toggle__input_m5h3g_2[data-state=checked]::before {
-    background-color: var(--teddy-color-background-interactive-primary);
-    border-color: var(--teddy-color-functional-transparent);
-  }
-  ._teddy-toggle__input_m5h3g_2[data-state=checked]:disabled::before {
-    background-color: var(--teddy-color-background-interactive-disabled);
-    border-color: var(--teddy-color-functional-transparent);
-  }
-  ._teddy-toggle__input_m5h3g_2[data-state=checked]:hover:not(:disabled)::before {
-    background-color: var(--teddy-color-background-interactive-primary-hover);
-    border-color: var(--teddy-color-functional-transparent);
-  }
-  ._teddy-toggle__input_m5h3g_2[data-state=checked]:active:not(:disabled)::before {
-    background-color: var(--teddy-color-background-interactive-primary-active);
-    border-color: var(--teddy-color-functional-transparent);
-  }
-  ._teddy-toggle__input_m5h3g_2:disabled {
-    cursor: default;
-  }
-  ._teddy-toggle__input_m5h3g_2:disabled::before {
-    border-color: var(--teddy-color-border-weak);
-  }
-  ._teddy-toggle__input_m5h3g_2:hover:not(:disabled)::before {
-    background-color: var(--teddy-color-background-interactive-transparent-hover);
-    border-color: var(--teddy-color-border-interactive-primary);
+@keyframes _scaleIn_11898_1 {
+  from {
+    opacity: 0;
+    transform: scale(0.9);
+    height: 1px;
   }
-  ._teddy-toggle__input_m5h3g_2:active:not(:disabled)::before {
-    background-color: var(--teddy-color-background-interactive-transparent-active);
+  to {
+    opacity: 1;
+    transform: scale(1);
+    height: var(--radix-navigation-menu-viewport-height);
   }
-  ._teddy-toggle_m5h3g_2:focus-within::before {
-    border-radius: var(--teddy-border-radius-xs);
-    box-shadow: 0 0 0 var(--teddy-border-width-sm) var(--teddy-color-border-interactive-focus);
-    content: "";
+}
+@keyframes _scaleOut_11898_1 {
+  from {
     opacity: 1;
-    display: block;
-    inset: calc(var(--teddy-spacing-25) * -1);
-    position: absolute;
-    pointer-events: none;
+    transform: scale(1);
   }
-  ._teddy-toggle_m5h3g_2:focus-within:has(._teddy-toggle__input_m5h3g_2:not(:focus-visible))::before {
+  to {
     opacity: 0;
+    transform: scale(0.9);
+    height: 0;
   }
-  ._teddy-toggle__thumb_m5h3g_81 {
-    position: absolute;
-    display: block;
-    height: calc(var(--teddy-spacing-200) + var(--teddy-spacing-25));
-    width: calc(var(--teddy-spacing-200) + var(--teddy-spacing-25));
-    border-radius: var(--teddy-border-radius-full);
-    background-color: var(--teddy-color-background-interactive-primary);
-    inset: 50% auto auto var(--teddy-spacing-10);
-    transform: translate(var(--teddy-spacing-25), -50%);
-  }
-  @media (prefers-reduced-motion: no-preference) {
-    ._teddy-toggle__thumb_m5h3g_81 {
-      transition: transform var(--teddy-motion-duration-150) ease, background-color var(--teddy-motion-duration-150) ease;
-      will-change: transform;
-    }
-  }
-  ._teddy-toggle__thumb_m5h3g_81[data-disabled] {
-    background-color: var(--teddy-color-background-interactive-disabled);
-  }
-  ._teddy-toggle__thumb_m5h3g_81[data-state=checked] {
-    background-color: var(--teddy-color-text-interactive-on-primary);
-    transform: translate(calc(100% + var(--teddy-spacing-50)), -50%);
-  }
-  ._teddy-toggle__thumb_m5h3g_81[data-state=checked][data-disabled] {
-    background-color: var(--teddy-color-text-interactive-on-primary);
-  }
-  ._teddy-toggle__indicator_m5h3g_107 {
-    position: absolute;
-    inset: 50% auto auto calc(var(--teddy-spacing-150) + var(--teddy-spacing-10));
+}
+@keyframes _enterFromRight_11898_1 {
+  from {
     opacity: 0;
-    scale: 0;
-    transform: translate(-50%, -50%);
-    transform-origin: 0 50%;
-  }
-  @media (prefers-reduced-motion: no-preference) {
-    ._teddy-toggle__indicator_m5h3g_107 {
-      transition: opacity var(--teddy-motion-duration-150) ease, scale var(--teddy-motion-duration-150) ease;
-    }
+    transform: translateX(200px);
   }
-  ._teddy-toggle__input_m5h3g_2[data-state=checked] ._teddy-toggle__indicator_m5h3g_107 {
+  to {
     opacity: 1;
-    scale: 1;
+    transform: translateX(0);
   }
-}._teddy-container_1jmq1_1 {
-  box-sizing: border-box;
-}@keyframes _teddy-fade-in_3n21u_1 {
+}
+@keyframes _enterFromLeft_11898_1 {
   from {
     opacity: 0;
+    transform: translateX(-200px);
   }
   to {
     opacity: 1;
+    transform: translateX(0);
   }
 }
-@keyframes _teddy-fade-out_3n21u_1 {
+@keyframes _exitToRight_11898_1 {
   from {
     opacity: 1;
+    transform: translateX(0);
   }
   to {
     opacity: 0;
+    transform: translateX(200px);
   }
 }
-@keyframes _teddy-overlay-no-op_3n21u_1 {
+@keyframes _exitToLeft_11898_1 {
   from {
     opacity: 1;
+    transform: translateX(0);
   }
   to {
-    opacity: 1;
+    opacity: 0;
+    transform: translateX(-200px);
   }
+}._teddy-global-navigation_2fdb8_1 {
+  position: sticky;
+  inset: 0 0 auto 0;
+  z-index: 39;
 }
-._teddy-modal__overlay_3n21u_25 {
-  position: fixed;
-  inset: 0;
-  display: grid;
-  place-items: center;
+._teddy-global-navigation__mobile-trigger_2fdb8_6 {
+  border-inline: var(--teddy-border-width-xs) solid var(--teddy-color-border-weak);
 }
-._teddy-modal__overlay_3n21u_25::before {
-  position: fixed;
+._teddy-global-navigation__mobile-header_2fdb8_9[data-state=open] {
+  border-bottom: var(--teddy-border-width-xs) solid var(--teddy-color-border-weak);
+}
+._teddy-global-navigation__mobile_2fdb8_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_2fdb8_6::before {
   content: "";
-  inset: 0;
-  background-color: var(--teddy-color-overlay-default);
+  display: block;
+  width: var(--width-for-centering-element);
 }
-._teddy-modal__content_3n21u_37 {
-  background-color: var(--teddy-color-background-primary);
-  box-shadow: var(--teddy-shadow-lg);
-  position: relative;
-  overflow: hidden;
-  height: 100%;
-  width: 100%;
+._teddy-global-navigation__mobile_2fdb8_6::after {
+  content: "";
+  display: block;
+  width: var(--width-for-centering-element);
 }
-@media (min-width: 600px) {
-  ._teddy-modal__content_3n21u_37 {
-    max-width: 720px;
-    max-height: 80%;
-    min-height: 360px;
-    height: auto;
-    width: auto;
-    border-radius: var(--teddy-border-radius-lg);
-  }
+._teddy-global-navigation__link_2fdb8_26 {
+  text-decoration: none;
 }
-._teddy-modal__scroll_3n21u_55 {
-  overflow: auto;
-  padding-inline: var(--teddy-spacing-300);
+._teddy-global-navigation__viewport_2fdb8_29._teddy-global-navigation__viewport_2fdb8_29 {
+  height: var(--teddy-viewport-wrapper-height);
 }
-._teddy-modal__image_3n21u_59 {
-  max-width: calc(100% + var(--teddy-spacing-300) * 2);
-  height: auto;
-  vertical-align: middle;
-  font-style: italic;
-  background-repeat: no-repeat;
-  background-size: cover;
-  shape-margin: 0.75rem;
-  margin-inline: calc(var(--teddy-spacing-300) * -1);
+._teddy-global-navigation__item-wrapper_2fdb8_32 {
+  position: relative;
+  display: flex;
 }
-._teddy-modal__close--floating_3n21u_69 {
+._teddy-global-navigation__item-count_2fdb8_36 {
+  display: flex;
+  justify-content: center;
+  align-items: center;
   position: absolute;
-  top: var(--teddy-spacing-100);
-  right: var(--teddy-spacing-100);
+  transform: translate(calc(var(--teddy-spacing-150) + var(--teddy-spacing-25)), calc(-1 * var(--teddy-spacing-100) + var(--teddy-spacing-10)));
 }
-._teddy-modal__group_3n21u_74 {
-  width: 100%;
-  margin-bottom: var(--teddy-spacing-200);
+._teddy-global-navigation__viewport-wrapper_2fdb8_43 {
+  overflow: hidden;
+  transition: max-height var(--teddy-motion-duration-controlled, 0) ease;
 }
-._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-global-navigation__viewport-wrapper_2fdb8_43[data-state=open] {
+  max-height: var(--teddy-viewport-wrapper-height);
 }
-._teddy-modal__group--title_3n21u_78._teddy-modal__group--scroll_3n21u_84 {
-  padding-block: var(--teddy-spacing-200);
+._teddy-global-navigation__viewport-wrapper_2fdb8_43[data-state=closed] {
+  animation: _close-viewport_2fdb8_1 var(--teddy-motion-duration-controlled, 0) ease;
+  max-height: 0;
 }
-._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-global-navigation__top-menu-color_2fdb8_54 {
+  background-color: var(--teddy-color-background-secondary);
 }
-._teddy-modal__group--action_3n21u_93 {
-  height: 100%;
-  position: sticky;
-  inset: auto 0 0 0;
-  margin: var(--teddy-spacing-200) 0 0;
-  padding-block: var(--teddy-spacing-200) var(--teddy-spacing-300);
-  background-color: var(--teddy-color-background-primary);
+._teddy-global-navigation__top-menu-wrapper_2fdb8_57 {
+  overflow: hidden;
+  max-width: 84rem;
+  transition: max-height var(--teddy-motion-duration-controlled, 0) ease;
+  margin: 0 var(--teddy-spacing-600);
 }
-._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);
+@media (min-width: 1440px) {
+  ._teddy-global-navigation__top-menu-wrapper_2fdb8_57 {
+    margin: 0 auto;
+  }
+}
+._teddy-global-navigation__top-menu-wrapper_2fdb8_57[data-state=open] {
+  max-height: var(--teddy-top-menu-height, 47px);
+}
+._teddy-global-navigation__top-menu-wrapper_2fdb8_57[data-state=closed] {
+  max-height: 0;
+}
+._teddy-global-navigation__accordion-look_2fdb8_74 {
+  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);
-  box-shadow: 0 0 20px 15px var(--teddy-color-background-primary);
 }
-@media (prefers-reduced-motion: no-preference) {
-  @keyframes _modal-overlay-no-op_3n21u_1 {
-    from {
-      opacity: 1;
-    }
-    to {
-      opacity: 1;
-    }
-  }
-  @keyframes _modal-content-show_3n21u_1 {
-    from {
-      opacity: 0;
-      transform: translateY(5px) scale(0.97);
-    }
-    to {
-      opacity: 1;
-      transform: translateY(0px) scale(1);
-    }
-  }
-  @keyframes _modal-content-hide_3n21u_1 {
-    from {
-      opacity: 1;
-      transform: translateY(0px) scale(1);
-    }
-    to {
-      opacity: 0;
-      transform: translateY(5px) scale(0.99);
-    }
-  }
-  ._teddy-modal__overlay_3n21u_25 {
-    /* Keep the overlay mounted until the children have animated */
-  }
-  ._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_3n21u_25:where([data-state=open])::before {
-    animation: _teddy-fade-in_3n21u_1 400ms cubic-bezier(0.16, 1, 0.3, 1);
+._teddy-global-navigation__accordion-look_2fdb8_74:first-child {
+  margin-top: 0;
+}
+._teddy-global-navigation__accordion-look_2fdb8_74:last-child {
+  border-bottom: var(--teddy-border-width-xs) solid var(--teddy-color-border-weak);
+}
+._teddy-global-navigation__mobile-link--accordion-look_2fdb8_90 {
+  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_2fdb8_90 {
+    padding: calc(var(--teddy-spacing-250) + var(--teddy-spacing-10)) 0;
   }
-  ._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);
+}
+@media (min-width: 1024px) {
+  ._teddy-global-navigation__mobile-link--accordion-look_2fdb8_90 {
+    padding: calc(var(--teddy-spacing-300) + var(--teddy-spacing-10)) 0;
   }
-  ._teddy-modal__content_3n21u_37:where([data-state=open]) {
-    animation: _modal-content-show_3n21u_1 200ms cubic-bezier(0.16, 1, 0.3, 1);
+}
+@keyframes _close-viewport_2fdb8_1 {
+  0% {
+    max-height: var(--teddy-viewport-wrapper-height);
   }
-  ._teddy-modal__content_3n21u_37:where([data-state=closed]) {
-    animation: _modal-content-hide_3n21u_1 150ms cubic-bezier(0.16, 1, 0.3, 1);
+  100% {
+    max-height: 0;
   }
 }._date-picker_1vj0x_1 {
   display: flex;