@telia/teddy 0.1.17 → 0.1.19

package/dist/style.css

@@ -1,4 +1,40 @@
-@charset 'UTF-8';._teddy-skeleton_11jot_1 {
+@charset 'UTF-8';._teddy-meter-bar_34v05_1 {
+  background: var(--teddy-color-transparent-black-100);
+  overflow: hidden;
+  border-radius: var(--teddy-border-radius-full);
+  height: calc(var(--teddy-spacing-50) + var(--teddy-spacing-25));
+  position: relative;
+  /* create a stacking context */
+  z-index: 0;
+  /* Fix overflow clipping in Safari */
+  /* https://gist.github.com/domske/b66047671c780a238b51c51ffde8d3a0 */
+  transform: translateZ(0);
+}
+._teddy-meter-bar__indicator_34v05_13 {
+  background-color: var(--teddy-color-purple-800);
+  width: 100%;
+  height: 100%;
+  position: absolute;
+  inset: 0;
+}
+@media (prefers-reduced-motion: no-preference) {
+  ._teddy-meter-bar__indicator_34v05_13 {
+    animation: _slideInFromLeft_34v05_1 1s cubic-bezier(0.65, 0, 0.35, 1);
+    transition: transform var(--teddy-motion-duration-500) cubic-bezier(0.65, 0, 0.35, 1);
+  }
+}
+._teddy-meter-bar--negative_34v05_26 {
+  background: var(--teddy-color-transparent-white-100);
+}
+._teddy-meter-bar--negative_34v05_26 ._teddy-meter-bar__indicator_34v05_13 {
+  background-color: var(--teddy-color-purple-300);
+}
+
+@keyframes _slideInFromLeft_34v05_1 {
+  0% {
+    transform: translateX(-100%);
+  }
+}._teddy-skeleton_11jot_1 {
   background-image: none;
   background-clip: border-box;
   border: none;
@@ -1918,28 +1954,28 @@
 }
 ._teddy-color-dot--wide_d66ui_26 {
   width: calc(2 * var(--size));
-}._teddy-progress-bar_1lq9i_1 {
+}._teddy-progress-bar_1j6wn_1 {
   background: var(--teddy-color-transparent-black-100);
   overflow: hidden;
-  border-radius: 99999px;
-  height: 6px;
+  border-radius: var(--teddy-border-radius-full);
+  height: calc(var(--teddy-spacing-50) + var(--teddy-spacing-25));
   /* Fix overflow clipping in Safari */
   /* https://gist.github.com/domske/b66047671c780a238b51c51ffde8d3a0 */
   transform: translateZ(0);
 }
-._teddy-progress-bar_1lq9i_1 ._teddy-progress-bar__indicator_1lq9i_10 {
+._teddy-progress-bar_1j6wn_1 ._teddy-progress-bar__indicator_1j6wn_10 {
   background-color: var(--teddy-color-purple-800);
   width: 100%;
   height: 100%;
-  animation: _slideInFromLeft_1lq9i_1 1s cubic-bezier(0.65, 0, 0.35, 1);
+  animation: _slideInFromLeft_1j6wn_1 1s cubic-bezier(0.65, 0, 0.35, 1);
 }
-._teddy-progress-bar--dark_1lq9i_16 {
+._teddy-progress-bar--dark_1j6wn_16 {
   background: var(--teddy-color-transparent-white-100);
 }
-._teddy-progress-bar--dark_1lq9i_16 ._teddy-progress-bar__indicator_1lq9i_10 {
+._teddy-progress-bar--dark_1j6wn_16 ._teddy-progress-bar__indicator_1j6wn_10 {
   background-color: var(--teddy-color-purple-300);
 }
-@keyframes _slideInFromLeft_1lq9i_1 {
+@keyframes _slideInFromLeft_1j6wn_1 {
   0% {
     transform: translateX(-100%);
   }
@@ -4657,7 +4693,7 @@
   ._teddy-modal__content_lkqhu_37:where([data-state=closed]) {
     animation: _modal-content-hide_lkqhu_1 150ms cubic-bezier(0.16, 1, 0.3, 1);
   }
-}._teddy-navigation-menu_11898_1 {
+}._teddy-navigation-menu_gpawj_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));
@@ -4668,16 +4704,16 @@
   background-color: var(--teddy-color-background-primary);
 }
 @media (min-width: 600px) {
-  ._teddy-navigation-menu_11898_1 {
+  ._teddy-navigation-menu_gpawj_1 {
     --inline-padding: calc(var(--teddy-spacing-300) - var(--item-gap));
   }
 }
 @media (min-width: 1440px) {
-  ._teddy-navigation-menu_11898_1 {
+  ._teddy-navigation-menu_gpawj_1 {
     --inline-padding: calc(var(--teddy-spacing-400) - var(--item-gap));
   }
 }
-._teddy-navigation-menu_11898_1::after {
+._teddy-navigation-menu_gpawj_1::after {
   content: "";
   position: absolute;
   inset: 0;
@@ -4686,17 +4722,17 @@
   opacity: 0;
 }
 @media (prefers-reduced-motion: no-preference) {
-  ._teddy-navigation-menu_11898_1::after {
+  ._teddy-navigation-menu_gpawj_1::after {
     transition: opacity var(--teddy-motion-duration-300) ease;
   }
 }
-._teddy-navigation-menu_11898_1:has(._teddy-navigation-menu__viewport_11898_34[data-state=open])::after {
+._teddy-navigation-menu_gpawj_1:has(._teddy-navigation-menu__viewport_gpawj_34[data-state=open])::after {
   opacity: 1;
 }
-._teddy-navigation-menu__separator_11898_37 {
+._teddy-navigation-menu__separator_gpawj_37 {
   border-top: var(--teddy-border-width-sm) solid var(--teddy-color-border-weak);
 }
-._teddy-navigation-menu__list_11898_40 {
+._teddy-navigation-menu__list_gpawj_40 {
   all: unset;
   list-style-type: none;
   display: flex;
@@ -4706,23 +4742,23 @@
   gap: var(--item-gap);
 }
 @media (min-width: 1440px) {
-  ._teddy-navigation-menu__list_11898_40 {
+  ._teddy-navigation-menu__list_gpawj_40 {
     margin: 0 auto;
   }
 }
-._teddy-navigation-menu__list_11898_40::before {
+._teddy-navigation-menu__list_gpawj_40::before {
   display: block;
   width: var(--width-for-centering-element);
 }
-._teddy-navigation-menu__list_11898_40::after {
+._teddy-navigation-menu__list_gpawj_40::after {
   content: "";
   display: block;
   width: var(--width-for-centering-element);
 }
-._teddy-navigation-menu__list_11898_40 li {
+._teddy-navigation-menu__list_gpawj_40 li {
   line-height: 1.2;
 }
-._teddy-navigation-menu__top-menu-list_11898_66 {
+._teddy-navigation-menu__top-menu-list_gpawj_66 {
   all: unset;
   position: relative;
   list-style-type: none;
@@ -4730,20 +4766,20 @@
   display: flex;
   align-items: center;
 }
-._teddy-navigation-menu__top-menu-list_11898_66::before {
+._teddy-navigation-menu__top-menu-list_gpawj_66::before {
   display: block;
   width: var(--width-for-centering-element);
 }
-._teddy-navigation-menu__top-menu-list_11898_66::after {
+._teddy-navigation-menu__top-menu-list_gpawj_66::after {
   content: "";
   display: block;
   width: var(--width-for-centering-element);
 }
-._teddy-navigation-menu__top-menu-list_11898_66 li {
+._teddy-navigation-menu__top-menu-list_gpawj_66 li {
   display: grid;
   line-height: 1.2;
 }
-._teddy-navigation-menu__top-menu-trigger_11898_87 {
+._teddy-navigation-menu__top-menu-trigger_gpawj_87 {
   all: unset;
   position: relative;
   cursor: pointer;
@@ -4762,13 +4798,13 @@
   padding: var(--teddy-spacing-200) var(--teddy-spacing-100);
   text-align: center;
 }
-._teddy-navigation-menu__top-menu-trigger--small_11898_106 {
+._teddy-navigation-menu__top-menu-trigger--small_gpawj_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);
+  font-size: var(--teddy-typography-scale-100);
   line-height: var(--teddy-typography-line-height-loose);
   outline-offset: -2px;
 }
-._teddy-navigation-menu__top-menu-trigger--button_11898_112 {
+._teddy-navigation-menu__top-menu-trigger--button_gpawj_112 {
   padding: var(--teddy-spacing-100);
   min-height: calc(var(--teddy-spacing-400) + var(--teddy-spacing-200));
   box-sizing: border-box;
@@ -4781,11 +4817,11 @@
   row-gap: var(--teddy-spacing-50);
 }
 @media (max-width: 600px) {
-  ._teddy-navigation-menu__top-menu-trigger--button_11898_112 {
+  ._teddy-navigation-menu__top-menu-trigger--button_gpawj_112 {
     font-size: var(--teddy-typography-scale-75);
   }
 }
-._teddy-navigation-menu__top-menu-trigger_11898_87::after {
+._teddy-navigation-menu__top-menu-trigger_gpawj_87::after {
   content: "";
   display: block;
   position: absolute;
@@ -4796,10 +4832,10 @@
   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 {
+._teddy-navigation-menu__top-menu-trigger--button_gpawj_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 {
+._teddy-navigation-menu__top-menu-trigger_gpawj_87:not(._teddy-navigation-menu__top-menu-trigger--button_gpawj_112)::before {
   content: attr(data-text);
   content: attr(data-text)/"";
   height: 0;
@@ -4810,42 +4846,43 @@
   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 {
+  ._teddy-navigation-menu__top-menu-trigger_gpawj_87:not(._teddy-navigation-menu__top-menu-trigger--button_gpawj_112)::before {
     display: none;
   }
 }
-._teddy-navigation-menu__top-menu-trigger_11898_87:hover {
+._teddy-navigation-menu__top-menu-trigger_gpawj_87:hover {
   background-color: var(--teddy-color-background-interactive-transparent-hover);
 }
-._teddy-navigation-menu__top-menu-trigger_11898_87:hover::after {
+._teddy-navigation-menu__top-menu-trigger_gpawj_87:hover::after {
   opacity: 1;
 }
-._teddy-navigation-menu__top-menu-trigger_11898_87:active {
+._teddy-navigation-menu__top-menu-trigger_gpawj_87:active {
   background-color: var(--teddy-color-background-interactive-transparent-active);
 }
-._teddy-navigation-menu__top-menu-trigger_11898_87:active::after {
+._teddy-navigation-menu__top-menu-trigger_gpawj_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] {
+._teddy-navigation-menu__top-menu-trigger_gpawj_87[data-state=open], ._teddy-navigation-menu__top-menu-trigger_gpawj_87:has([data-active]), ._teddy-navigation-menu__top-menu-trigger_gpawj_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 {
+._teddy-navigation-menu__top-menu-trigger_gpawj_87[data-state=open]::after, ._teddy-navigation-menu__top-menu-trigger_gpawj_87:has([data-active])::after, ._teddy-navigation-menu__top-menu-trigger_gpawj_87[data-active]::after {
   border-color: var(--teddy-color-text-interactive-primary);
   opacity: 1;
 }
-._teddy-navigation-menu__top-menu-trigger_11898_87:focus-visible {
+._teddy-navigation-menu__top-menu-trigger_gpawj_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] {
+._teddy-navigation-menu__top-menu-trigger_gpawj_87[data-state=open] {
   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_gpawj_87[data-state=open]::after {
   border-color: var(--teddy-color-text-interactive-primary);
   opacity: 1;
 }
-._teddy-navigation-menu__content_11898_187 {
+._teddy-navigation-menu__content_gpawj_187 {
   all: unset;
   list-style-type: none;
+  justify-content: space-between;
   display: flex;
   gap: var(--teddy-spacing-100);
   padding: 0;
@@ -4856,34 +4893,34 @@
   margin: 0 var(--teddy-spacing-600);
   overflow: clip;
 }
-._teddy-navigation-menu__content_11898_187 > ul {
+._teddy-navigation-menu__content_gpawj_187 > ul {
   list-style: none;
   display: flex;
   margin: 0;
   padding: 0;
 }
-._teddy-navigation-menu__content_11898_187 > ul > li {
+._teddy-navigation-menu__content_gpawj_187 > ul > li {
   display: grid;
   line-height: 1.2;
 }
 @media (min-width: 1440px) {
-  ._teddy-navigation-menu__content_11898_187 {
+  ._teddy-navigation-menu__content_gpawj_187 {
     margin: 0 auto;
   }
 }
 @media (prefers-reduced-motion: no-preference) {
-  ._teddy-navigation-menu__content_11898_187 {
+  ._teddy-navigation-menu__content_gpawj_187 {
     animation-duration: var(--teddy-motion-duration-300);
     animation-timing-function: ease;
   }
 }
-._teddy-navigation-menu__content_11898_187::before {
+._teddy-navigation-menu__content_gpawj_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-navigation-menu__trigger_11898_227 {
+._teddy-navigation-menu__trigger_gpawj_228 {
   position: relative;
   all: unset;
   position: relative;
@@ -4903,13 +4940,13 @@
   padding: var(--teddy-spacing-200) var(--teddy-spacing-100);
   text-align: center;
 }
-._teddy-navigation-menu__trigger--small_11898_247 {
+._teddy-navigation-menu__trigger--small_gpawj_248 {
   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);
+  font-size: var(--teddy-typography-scale-100);
   line-height: var(--teddy-typography-line-height-loose);
   outline-offset: -2px;
 }
-._teddy-navigation-menu__trigger--button_11898_253 {
+._teddy-navigation-menu__trigger--button_gpawj_254 {
   padding: var(--teddy-spacing-100);
   min-height: calc(var(--teddy-spacing-400) + var(--teddy-spacing-200));
   box-sizing: border-box;
@@ -4922,11 +4959,11 @@
   row-gap: var(--teddy-spacing-50);
 }
 @media (max-width: 600px) {
-  ._teddy-navigation-menu__trigger--button_11898_253 {
+  ._teddy-navigation-menu__trigger--button_gpawj_254 {
     font-size: var(--teddy-typography-scale-75);
   }
 }
-._teddy-navigation-menu__trigger_11898_227::after {
+._teddy-navigation-menu__trigger_gpawj_228::after {
   content: "";
   display: block;
   position: absolute;
@@ -4937,10 +4974,10 @@
   pointer-events: none;
   border-bottom: var(--teddy-border-width-sm) solid var(--teddy-color-purple-500);
 }
-._teddy-navigation-menu__trigger--button_11898_253::after {
+._teddy-navigation-menu__trigger--button_gpawj_254::after {
   border: var(--teddy-border-width-sm) solid var(--teddy-color-purple-500);
 }
-._teddy-navigation-menu__trigger_11898_227:not(._teddy-navigation-menu__trigger--button_11898_253)::before {
+._teddy-navigation-menu__trigger_gpawj_228:not(._teddy-navigation-menu__trigger--button_gpawj_254)::before {
   content: attr(data-text);
   content: attr(data-text)/"";
   height: 0;
@@ -4951,33 +4988,33 @@
   font-weight: var(--teddy-typography-weight-bold);
 }
 @media speech {
-  ._teddy-navigation-menu__trigger_11898_227:not(._teddy-navigation-menu__trigger--button_11898_253)::before {
+  ._teddy-navigation-menu__trigger_gpawj_228:not(._teddy-navigation-menu__trigger--button_gpawj_254)::before {
     display: none;
   }
 }
-._teddy-navigation-menu__trigger_11898_227:hover {
+._teddy-navigation-menu__trigger_gpawj_228:hover {
   background-color: var(--teddy-color-background-interactive-transparent-hover);
 }
-._teddy-navigation-menu__trigger_11898_227:hover::after {
+._teddy-navigation-menu__trigger_gpawj_228:hover::after {
   opacity: 1;
 }
-._teddy-navigation-menu__trigger_11898_227:active {
+._teddy-navigation-menu__trigger_gpawj_228:active {
   background-color: var(--teddy-color-background-interactive-transparent-active);
 }
-._teddy-navigation-menu__trigger_11898_227:active::after {
+._teddy-navigation-menu__trigger_gpawj_228: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] {
+._teddy-navigation-menu__trigger_gpawj_228[data-state=open], ._teddy-navigation-menu__trigger_gpawj_228:has([data-active]), ._teddy-navigation-menu__trigger_gpawj_228[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 {
+._teddy-navigation-menu__trigger_gpawj_228[data-state=open]::after, ._teddy-navigation-menu__trigger_gpawj_228:has([data-active])::after, ._teddy-navigation-menu__trigger_gpawj_228[data-active]::after {
   border-color: var(--teddy-color-text-interactive-primary);
   opacity: 1;
 }
-._teddy-navigation-menu__trigger_11898_227:focus-visible {
+._teddy-navigation-menu__trigger_gpawj_228:focus-visible {
   outline: solid var(--teddy-border-width-sm) var(--teddy-color-border-interactive-focus);
 }
-._teddy-navigation-menu__link_11898_321 {
+._teddy-navigation-menu__link_gpawj_322 {
   all: unset;
   position: relative;
   cursor: pointer;
@@ -4997,13 +5034,13 @@
   text-align: center;
   text-decoration: none;
 }
-._teddy-navigation-menu__link--small_11898_341 {
+._teddy-navigation-menu__link--small_gpawj_342 {
   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);
+  font-size: var(--teddy-typography-scale-100);
   line-height: var(--teddy-typography-line-height-loose);
   outline-offset: -2px;
 }
-._teddy-navigation-menu__link--button_11898_347 {
+._teddy-navigation-menu__link--button_gpawj_348 {
   padding: var(--teddy-spacing-100);
   min-height: calc(var(--teddy-spacing-400) + var(--teddy-spacing-200));
   box-sizing: border-box;
@@ -5016,11 +5053,11 @@
   row-gap: var(--teddy-spacing-50);
 }
 @media (max-width: 600px) {
-  ._teddy-navigation-menu__link--button_11898_347 {
+  ._teddy-navigation-menu__link--button_gpawj_348 {
     font-size: var(--teddy-typography-scale-75);
   }
 }
-._teddy-navigation-menu__link_11898_321::after {
+._teddy-navigation-menu__link_gpawj_322::after {
   content: "";
   display: block;
   position: absolute;
@@ -5031,10 +5068,10 @@
   pointer-events: none;
   border-bottom: var(--teddy-border-width-sm) solid var(--teddy-color-purple-500);
 }
-._teddy-navigation-menu__link--button_11898_347::after {
+._teddy-navigation-menu__link--button_gpawj_348::after {
   border: var(--teddy-border-width-sm) solid var(--teddy-color-purple-500);
 }
-._teddy-navigation-menu__link_11898_321:not(._teddy-navigation-menu__link--button_11898_347)::before {
+._teddy-navigation-menu__link_gpawj_322:not(._teddy-navigation-menu__link--button_gpawj_348)::before {
   content: attr(data-text);
   content: attr(data-text)/"";
   height: 0;
@@ -5045,40 +5082,40 @@
   font-weight: var(--teddy-typography-weight-bold);
 }
 @media speech {
-  ._teddy-navigation-menu__link_11898_321:not(._teddy-navigation-menu__link--button_11898_347)::before {
+  ._teddy-navigation-menu__link_gpawj_322:not(._teddy-navigation-menu__link--button_gpawj_348)::before {
     display: none;
   }
 }
-._teddy-navigation-menu__link_11898_321:hover {
+._teddy-navigation-menu__link_gpawj_322:hover {
   background-color: var(--teddy-color-background-interactive-transparent-hover);
 }
-._teddy-navigation-menu__link_11898_321:hover::after {
+._teddy-navigation-menu__link_gpawj_322:hover::after {
   opacity: 1;
 }
-._teddy-navigation-menu__link_11898_321:active {
+._teddy-navigation-menu__link_gpawj_322:active {
   background-color: var(--teddy-color-background-interactive-transparent-active);
 }
-._teddy-navigation-menu__link_11898_321:active::after {
+._teddy-navigation-menu__link_gpawj_322:active::after {
   opacity: 1;
 }
-._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] {
+._teddy-navigation-menu__link_gpawj_322[data-state=open], ._teddy-navigation-menu__link_gpawj_322:has([data-active]), ._teddy-navigation-menu__link_gpawj_322[data-active] {
   font-weight: var(--teddy-typography-weight-bold);
 }
-._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 {
+._teddy-navigation-menu__link_gpawj_322[data-state=open]::after, ._teddy-navigation-menu__link_gpawj_322:has([data-active])::after, ._teddy-navigation-menu__link_gpawj_322[data-active]::after {
   border-color: var(--teddy-color-text-interactive-primary);
   opacity: 1;
 }
-._teddy-navigation-menu__link_11898_321:focus-visible {
+._teddy-navigation-menu__link_gpawj_322:focus-visible {
   outline: solid var(--teddy-border-width-sm) var(--teddy-color-border-interactive-focus);
 }
-._teddy-navigation-menu__viewport_11898_34 {
+._teddy-navigation-menu__viewport_gpawj_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_11898_1 {
+@keyframes _scaleIn_gpawj_1 {
   from {
     opacity: 0;
     transform: scale(0.9);
@@ -5090,7 +5127,7 @@
     height: var(--radix-navigation-menu-viewport-height);
   }
 }
-@keyframes _scaleOut_11898_1 {
+@keyframes _scaleOut_gpawj_1 {
   from {
     opacity: 1;
     transform: scale(1);
@@ -5101,7 +5138,7 @@
     height: 0;
   }
 }
-@keyframes _enterFromRight_11898_1 {
+@keyframes _enterFromRight_gpawj_1 {
   from {
     opacity: 0;
     transform: translateX(200px);
@@ -5111,7 +5148,7 @@
     transform: translateX(0);
   }
 }
-@keyframes _enterFromLeft_11898_1 {
+@keyframes _enterFromLeft_gpawj_1 {
   from {
     opacity: 0;
     transform: translateX(-200px);
@@ -5121,7 +5158,7 @@
     transform: translateX(0);
   }
 }
-@keyframes _exitToRight_11898_1 {
+@keyframes _exitToRight_gpawj_1 {
   from {
     opacity: 1;
     transform: translateX(0);
@@ -5131,7 +5168,7 @@
     transform: translateX(200px);
   }
 }
-@keyframes _exitToLeft_11898_1 {
+@keyframes _exitToLeft_gpawj_1 {
   from {
     opacity: 1;
     transform: translateX(0);
@@ -5140,80 +5177,117 @@
     opacity: 0;
     transform: translateX(-200px);
   }
-}._teddy-global-navigation_2fdb8_1 {
+}._teddy-global-navigation_h438t_1 {
   position: sticky;
   inset: 0 0 auto 0;
   z-index: 39;
 }
-._teddy-global-navigation__mobile-trigger_2fdb8_6 {
+._teddy-global-navigation__mobile-trigger_h438t_6 {
   border-inline: var(--teddy-border-width-xs) solid var(--teddy-color-border-weak);
 }
-._teddy-global-navigation__mobile-header_2fdb8_9[data-state=open] {
+._teddy-global-navigation__mobile-header_h438t_9[data-state=open] {
   border-bottom: var(--teddy-border-width-xs) solid var(--teddy-color-border-weak);
 }
-._teddy-global-navigation__mobile_2fdb8_6 {
+._teddy-global-navigation__mobile_h438t_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 {
+@media screen and (max-width: 335px) {
+  ._teddy-global-navigation__mobile_h438t_6 {
+    padding: var(--teddy-spacing-25) 0;
+  }
+}
+._teddy-global-navigation__mobile_h438t_6::before {
   content: "";
   display: block;
   width: var(--width-for-centering-element);
 }
-._teddy-global-navigation__mobile_2fdb8_6::after {
+._teddy-global-navigation__mobile_h438t_6::after {
   content: "";
   display: block;
   width: var(--width-for-centering-element);
 }
-._teddy-global-navigation__link_2fdb8_26 {
+@media screen and (max-width: 335px) {
+  ._teddy-global-navigation__top-icon-wrapper_h438t_32 {
+    gap: 0;
+  }
+}
+@media screen and (max-width: 335px) {
+  ._teddy-global-navigation__top-menu-icons_h438t_37 {
+    gap: 0;
+  }
+}
+._teddy-global-navigation__link_h438t_41 {
   text-decoration: none;
+  display: flex;
+  justify-content: space-between;
+  padding: var(--teddy-spacing-150);
+  color: var(--teddy-color-text-interactive-primary);
+  cursor: pointer;
+  font-weight: var(--teddy-typography-weight-bold);
+  font-size: var(--teddy-typography-scale-400);
+}
+._teddy-global-navigation__header_h438t_51 {
+  color: var(--teddy-color-text-interactive-primary);
+}
+._teddy-global-navigation__colored-box_h438t_54 {
+  background-color: var(--teddy-color-background-secondary);
+}
+._teddy-global-navigation__colored-box--mobile_h438t_57 {
+  margin: 0 -1.5rem;
+  background-color: var(--teddy-color-background-secondary);
+}
+._teddy-global-navigation__list_h438t_61 {
+  column-count: 2;
+  max-height: 13rem;
+  column-gap: var(--teddy-spacing-300);
 }
-._teddy-global-navigation__viewport_2fdb8_29._teddy-global-navigation__viewport_2fdb8_29 {
+._teddy-global-navigation__viewport_h438t_66._teddy-global-navigation__viewport_h438t_66 {
   height: var(--teddy-viewport-wrapper-height);
 }
-._teddy-global-navigation__item-wrapper_2fdb8_32 {
+._teddy-global-navigation__item-wrapper_h438t_69 {
   position: relative;
   display: flex;
 }
-._teddy-global-navigation__item-count_2fdb8_36 {
+._teddy-global-navigation__item-count_h438t_73 {
   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)));
 }
-._teddy-global-navigation__viewport-wrapper_2fdb8_43 {
+._teddy-global-navigation__viewport-wrapper_h438t_80 {
   overflow: hidden;
   transition: max-height var(--teddy-motion-duration-controlled, 0) ease;
 }
-._teddy-global-navigation__viewport-wrapper_2fdb8_43[data-state=open] {
+._teddy-global-navigation__viewport-wrapper_h438t_80[data-state=open] {
   max-height: var(--teddy-viewport-wrapper-height);
 }
-._teddy-global-navigation__viewport-wrapper_2fdb8_43[data-state=closed] {
-  animation: _close-viewport_2fdb8_1 var(--teddy-motion-duration-controlled, 0) ease;
+._teddy-global-navigation__viewport-wrapper_h438t_80[data-state=closed] {
+  animation: _close-viewport_h438t_1 var(--teddy-motion-duration-controlled, 0) ease;
   max-height: 0;
 }
-._teddy-global-navigation__top-menu-color_2fdb8_54 {
+._teddy-global-navigation__top-menu-color_h438t_91 {
   background-color: var(--teddy-color-background-secondary);
 }
-._teddy-global-navigation__top-menu-wrapper_2fdb8_57 {
+._teddy-global-navigation__top-menu-wrapper_h438t_94 {
   overflow: hidden;
   max-width: 84rem;
   transition: max-height var(--teddy-motion-duration-controlled, 0) ease;
   margin: 0 var(--teddy-spacing-600);
 }
 @media (min-width: 1440px) {
-  ._teddy-global-navigation__top-menu-wrapper_2fdb8_57 {
+  ._teddy-global-navigation__top-menu-wrapper_h438t_94 {
     margin: 0 auto;
   }
 }
-._teddy-global-navigation__top-menu-wrapper_2fdb8_57[data-state=open] {
+._teddy-global-navigation__top-menu-wrapper_h438t_94[data-state=open] {
   max-height: var(--teddy-top-menu-height, 47px);
 }
-._teddy-global-navigation__top-menu-wrapper_2fdb8_57[data-state=closed] {
+._teddy-global-navigation__top-menu-wrapper_h438t_94[data-state=closed] {
   max-height: 0;
 }
-._teddy-global-navigation__accordion-look_2fdb8_74 {
+._teddy-global-navigation__accordion-look_h438t_111 {
   background-color: var(--teddy-color-background-interactive-transparent);
   display: grid;
   grid-template-columns: minmax(0, 1fr) auto;
@@ -5223,13 +5297,13 @@
   font-weight: var(--teddy-typography-weight-bold);
   border-top: var(--teddy-border-width-xs) solid var(--teddy-color-border-weak);
 }
-._teddy-global-navigation__accordion-look_2fdb8_74:first-child {
+._teddy-global-navigation__accordion-look_h438t_111:first-child {
   margin-top: 0;
 }
-._teddy-global-navigation__accordion-look_2fdb8_74:last-child {
+._teddy-global-navigation__accordion-look_h438t_111:last-child {
   border-bottom: var(--teddy-border-width-xs) solid var(--teddy-color-border-weak);
 }
-._teddy-global-navigation__mobile-link--accordion-look_2fdb8_90 {
+._teddy-global-navigation__mobile-link--accordion-look_h438t_127 {
   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);
@@ -5237,16 +5311,16 @@
   line-height: var(--teddy-typography-line-height-default);
 }
 @media (min-width: 600px) {
-  ._teddy-global-navigation__mobile-link--accordion-look_2fdb8_90 {
+  ._teddy-global-navigation__mobile-link--accordion-look_h438t_127 {
     padding: calc(var(--teddy-spacing-250) + var(--teddy-spacing-10)) 0;
   }
 }
 @media (min-width: 1024px) {
-  ._teddy-global-navigation__mobile-link--accordion-look_2fdb8_90 {
+  ._teddy-global-navigation__mobile-link--accordion-look_h438t_127 {
     padding: calc(var(--teddy-spacing-300) + var(--teddy-spacing-10)) 0;
   }
 }
-@keyframes _close-viewport_2fdb8_1 {
+@keyframes _close-viewport_h438t_1 {
   0% {
     max-height: var(--teddy-viewport-wrapper-height);
   }