@telia/teddy 0.0.25 → 0.0.26

package/dist/style.css

@@ -539,7 +539,7 @@
     right: 100%;
     transform: rotate(180deg);
   }
-}@keyframes _teddy-fade-in_1sy9d_1 {
+}@keyframes _teddy-fade-in_jzq1o_1 {
   from {
     opacity: 0;
   }
@@ -547,7 +547,7 @@
     opacity: 1;
   }
 }
-@keyframes _teddy-fade-out_1sy9d_1 {
+@keyframes _teddy-fade-out_jzq1o_1 {
   from {
     opacity: 1;
   }
@@ -555,90 +555,88 @@
     opacity: 0;
   }
 }
-._teddy-drawer__overlay_1sy9d_17 {
+@keyframes _teddy-overlay-no-op_jzq1o_1 {
+  from {
+    opacity: 1;
+  }
+  to {
+    opacity: 1;
+  }
+}
+._teddy-drawer__overlay_jzq1o_25 {
   position: fixed;
   inset: 0;
-  display: grid;
-  place-items: center;
 }
-._teddy-drawer__overlay_1sy9d_17::before {
+@media (prefers-reduced-motion: no-preference) {
+  ._teddy-drawer__overlay_jzq1o_25 {
+    /* Keep the overlay mounted until the children have animated */
+  }
+  ._teddy-drawer__overlay_jzq1o_25:where([data-state=closed]) {
+    animation: _teddy-overlay-no-op_jzq1o_1 400ms cubic-bezier(0.16, 1, 0.3, 1);
+  }
+  ._teddy-drawer__overlay_jzq1o_25:where([data-state=open])::before {
+    animation: _teddy-fade-in_jzq1o_1 500ms cubic-bezier(0.16, 1, 0.3, 1);
+  }
+  ._teddy-drawer__overlay_jzq1o_25:where([data-state=closed])::before {
+    animation: _teddy-fade-out_jzq1o_1 400ms cubic-bezier(0.16, 1, 0.3, 1);
+  }
+}
+._teddy-drawer__overlay_jzq1o_25::before {
   position: fixed;
   content: "";
   inset: 0;
   background-color: var(--teddy-color-overlay-default);
 }
-._teddy-drawer__overlay--container_1sy9d_29 {
+._teddy-drawer__overlay--container_jzq1o_49 {
   position: absolute;
 }
-._teddy-drawer__overlay--container_1sy9d_29::before {
+._teddy-drawer__overlay--container_jzq1o_49::before {
   position: absolute;
 }
-._teddy-drawer__overlay--container_1sy9d_29 ._teddy-drawer__content_1sy9d_35 {
+._teddy-drawer__overlay--container_jzq1o_49 ._teddy-drawer__content_jzq1o_55 {
   position: absolute;
 }
-._teddy-drawer__content_1sy9d_35 {
+._teddy-drawer__content_jzq1o_55 {
   background-color: var(--teddy-color-background-primary);
   box-shadow: var(--teddy-shadow-lg);
   position: fixed;
   overflow: hidden;
   inset: 0 0 0 auto;
   max-width: 500px;
+  box-sizing: border-box;
+  min-width: min(100%, 400px);
   padding: var(--teddy-spacing-300);
   display: flex;
   flex-direction: column;
   gap: var(--teddy-spacing-200);
 }
-._teddy-drawer__close--floating_1sy9d_50 {
-  position: absolute;
-  top: var(--teddy-spacing-250);
-  right: var(--teddy-spacing-250);
-}
 @media (prefers-reduced-motion: no-preference) {
-  @keyframes _drawer-overlay-no-op_1sy9d_1 {
-    from {
-      opacity: 1;
-    }
-    to {
-      opacity: 1;
-    }
-  }
-  @keyframes _drawer-content-show_1sy9d_1 {
-    from {
-      opacity: 0;
-      transform: translateX(24rem);
-    }
-    to {
-      opacity: 1;
-      transform: translateX(0px);
-    }
-  }
-  @keyframes _drawer-content-hide_1sy9d_1 {
-    from {
-      opacity: 1;
-      transform: translateX(0px);
-    }
-    to {
-      opacity: 0;
-      transform: translateX(24rem);
-    }
-  }
-  ._teddy-drawer__overlay_1sy9d_17 {
-    /* Keep the overlay mounted until the children have animated */
+  ._teddy-drawer__content_jzq1o_55:where([data-state=open]) {
+    animation: _drawer-content-show_jzq1o_1 450ms cubic-bezier(0.16, 1, 0.3, 1);
   }
-  ._teddy-drawer__overlay_1sy9d_17:where([data-state=closed]) {
-    animation: _drawer-overlay-no-op_1sy9d_1 400ms cubic-bezier(0.16, 1, 0.3, 1);
+  ._teddy-drawer__content_jzq1o_55:where([data-state=closed]) {
+    animation: _drawer-content-hide_jzq1o_1 350ms cubic-bezier(0.16, 1, 0.3, 1);
   }
-  ._teddy-drawer__overlay_1sy9d_17:where([data-state=open])::before {
-    animation: _teddy-fade-in_1sy9d_1 500ms cubic-bezier(0.16, 1, 0.3, 1);
+}
+._teddy-drawer__close--floating_jzq1o_80 {
+  position: absolute;
+  top: var(--teddy-spacing-200);
+  right: var(--teddy-spacing-200);
+}
+@keyframes _drawer-content-show_jzq1o_1 {
+  from {
+    transform: translateX(100%);
   }
-  ._teddy-drawer__overlay_1sy9d_17:where([data-state=closed])::before {
-    animation: _teddy-fade-out_1sy9d_1 400ms cubic-bezier(0.16, 1, 0.3, 1);
+  to {
+    transform: translateX(0px);
   }
-  ._teddy-drawer__content_1sy9d_35:where([data-state=open]) {
-    animation: _drawer-content-show_1sy9d_1 450ms cubic-bezier(0.16, 1, 0.3, 1);
+}
+@keyframes _drawer-content-hide_jzq1o_1 {
+  from {
+    transform: translateX(0px);
   }
-  ._teddy-drawer__content_1sy9d_35:where([data-state=closed]) {
-    animation: _drawer-content-hide_1sy9d_1 350ms cubic-bezier(0.16, 1, 0.3, 1);
+  to {
+    transform: translateX(100%);
   }
 }@layer text {
   ._teddy-text_15w9u_2 {
@@ -1447,7 +1445,7 @@
 }
 ._teddy-visually-hidden--focusable_15nus_15:not(:focus):not(:focus-within):not(caption) {
   position: absolute;
-}._teddy-navigation-menu_139wf_1 {
+}._teddy-navigation-menu_959s3_1 {
   --item-gap: var(--teddy-spacing-200);
   --width-for-centering-element: calc((100% - var(--teddy-breakpoint-xl) + var(--teddy-spacing-600) * 2) / 2);
   --inline-padding: calc(var(--teddy-spacing-200) - var(--item-gap));
@@ -1457,16 +1455,16 @@
   width: auto;
 }
 @media (min-width: 600px) {
-  ._teddy-navigation-menu_139wf_1 {
+  ._teddy-navigation-menu_959s3_1 {
     --inline-padding: calc(var(--teddy-spacing-300) - var(--item-gap));
   }
 }
 @media (min-width: 1440px) {
-  ._teddy-navigation-menu_139wf_1 {
+  ._teddy-navigation-menu_959s3_1 {
     --inline-padding: calc(var(--teddy-spacing-400) - var(--item-gap));
   }
 }
-._teddy-navigation-menu_139wf_1::after {
+._teddy-navigation-menu_959s3_1::after {
   content: "";
   position: absolute;
   inset: 0;
@@ -1475,14 +1473,14 @@
   opacity: 0;
 }
 @media (prefers-reduced-motion: no-preference) {
-  ._teddy-navigation-menu_139wf_1::after {
+  ._teddy-navigation-menu_959s3_1::after {
     transition: opacity var(--teddy-motion-duration-300) ease;
   }
 }
-._teddy-navigation-menu_139wf_1:has(._teddy-navigation-menu__viewport_139wf_33[data-state=open])::after {
+._teddy-navigation-menu_959s3_1:has(._teddy-navigation-menu__viewport_959s3_33[data-state=open])::after {
   opacity: 1;
 }
-._teddy-navigation-menu__list_139wf_36 {
+._teddy-navigation-menu__list_959s3_36 {
   all: unset;
   list-style-type: none;
   display: flex;
@@ -1491,17 +1489,17 @@
   padding-inline: var(--inline-padding);
   border-bottom: var(--teddy-border-width-sm) solid var(--teddy-color-border-weak);
 }
-._teddy-navigation-menu__list_139wf_36::before {
+._teddy-navigation-menu__list_959s3_36::before {
   content: "";
   display: block;
   width: var(--width-for-centering-element);
 }
-._teddy-navigation-menu__list_139wf_36::after {
+._teddy-navigation-menu__list_959s3_36::after {
   content: "";
   display: block;
   width: var(--width-for-centering-element);
 }
-._teddy-navigation-menu__top-menu-list_139wf_55 {
+._teddy-navigation-menu__top-menu-list_959s3_55 {
   all: unset;
   position: relative;
   list-style-type: none;
@@ -1511,18 +1509,17 @@
   align-items: center;
   padding-inline: var(--inline-padding);
 }
-._teddy-navigation-menu__top-menu-list_139wf_55::before {
+._teddy-navigation-menu__top-menu-list_959s3_55::before {
   content: "";
   display: block;
   width: var(--width-for-centering-element);
 }
-._teddy-navigation-menu__top-menu-list_139wf_55::after {
+._teddy-navigation-menu__top-menu-list_959s3_55::after {
   content: "";
   display: block;
   width: var(--width-for-centering-element);
 }
-._teddy-navigation-menu__top-menu-trigger_139wf_75 {
-  all: unset;
+._teddy-navigation-menu__top-menu-trigger_959s3_75 {
   all: unset;
   position: relative;
   cursor: pointer;
@@ -1539,12 +1536,12 @@
   line-height: var(--teddy-typography-line-height-loose);
   padding: var(--teddy-spacing-250) var(--teddy-spacing-100);
 }
-._teddy-navigation-menu__top-menu-trigger--small_139wf_93 {
+._teddy-navigation-menu__top-menu-trigger--small_959s3_92 {
   padding: var(--teddy-spacing-150) var(--teddy-spacing-100);
   font-size: var(--teddy-typography-scale-75);
   line-height: var(--teddy-typography-line-height-loose);
 }
-._teddy-navigation-menu__top-menu-trigger--button_139wf_98 {
+._teddy-navigation-menu__top-menu-trigger--button_959s3_97 {
   padding: var(--teddy-spacing-100);
   min-height: var(--teddy-spacing-600);
   border-radius: var(--teddy-border-radius-md);
@@ -1555,7 +1552,7 @@
   gap: var(--teddy-spacing-100);
   row-gap: var(--teddy-spacing-50);
 }
-._teddy-navigation-menu__top-menu-trigger_139wf_75::after {
+._teddy-navigation-menu__top-menu-trigger_959s3_75::after {
   content: "";
   display: block;
   position: absolute;
@@ -1566,10 +1563,10 @@
   pointer-events: none;
   border-bottom: var(--teddy-border-width-sm) solid var(--teddy-color-purple-500);
 }
-._teddy-navigation-menu__top-menu-trigger--button_139wf_98::after {
+._teddy-navigation-menu__top-menu-trigger--button_959s3_97::after {
   border: var(--teddy-border-width-sm) solid var(--teddy-color-purple-500);
 }
-._teddy-navigation-menu__top-menu-trigger_139wf_75:not(._teddy-navigation-menu__top-menu-trigger--button_139wf_98)::before {
+._teddy-navigation-menu__top-menu-trigger_959s3_75:not(._teddy-navigation-menu__top-menu-trigger--button_959s3_97)::before {
   content: attr(data-text);
   content: attr(data-text)/"";
   height: 0;
@@ -1580,81 +1577,87 @@
   font-weight: var(--teddy-typography-weight-bold);
 }
 @media speech {
-  ._teddy-navigation-menu__top-menu-trigger_139wf_75:not(._teddy-navigation-menu__top-menu-trigger--button_139wf_98)::before {
+  ._teddy-navigation-menu__top-menu-trigger_959s3_75:not(._teddy-navigation-menu__top-menu-trigger--button_959s3_97)::before {
     display: none;
   }
 }
-._teddy-navigation-menu__top-menu-trigger_139wf_75:hover {
+._teddy-navigation-menu__top-menu-trigger_959s3_75:hover {
   background-color: var(--teddy-color-background-interactive-transparent-hover);
 }
-._teddy-navigation-menu__top-menu-trigger_139wf_75:hover::after {
+._teddy-navigation-menu__top-menu-trigger_959s3_75:hover::after {
   opacity: 1;
 }
-._teddy-navigation-menu__top-menu-trigger_139wf_75:active {
+._teddy-navigation-menu__top-menu-trigger_959s3_75:active {
   background-color: var(--teddy-color-background-interactive-transparent-active);
 }
-._teddy-navigation-menu__top-menu-trigger_139wf_75:active::after {
+._teddy-navigation-menu__top-menu-trigger_959s3_75:active::after {
   opacity: 1;
 }
-._teddy-navigation-menu__top-menu-trigger_139wf_75[data-state=open] {
+._teddy-navigation-menu__top-menu-trigger_959s3_75[data-state=open] {
   font-weight: var(--teddy-typography-weight-bold);
 }
-._teddy-navigation-menu__top-menu-trigger_139wf_75:has([data-active]), ._teddy-navigation-menu__top-menu-trigger_139wf_75[data-active] {
+._teddy-navigation-menu__top-menu-trigger_959s3_75:has([data-active]), ._teddy-navigation-menu__top-menu-trigger_959s3_75[data-active] {
   font-weight: var(--teddy-typography-weight-bold);
 }
-._teddy-navigation-menu__top-menu-trigger_139wf_75:has([data-active])::after, ._teddy-navigation-menu__top-menu-trigger_139wf_75[data-active]::after {
+._teddy-navigation-menu__top-menu-trigger_959s3_75:has([data-active])::after, ._teddy-navigation-menu__top-menu-trigger_959s3_75[data-active]::after {
   border-color: var(--teddy-color-text-interactive-primary);
   opacity: 1;
 }
-._teddy-navigation-menu__top-menu-trigger_139wf_75:focus-visible {
+._teddy-navigation-menu__top-menu-trigger_959s3_75:focus-visible {
   outline: solid var(--teddy-border-width-sm) var(--teddy-color-border-interactive-focus);
 }
-._teddy-navigation-menu__content_139wf_163 {
+._teddy-navigation-menu__top-menu-trigger_959s3_75[data-state=open] {
+  font-weight: var(--teddy-typography-weight-bold);
+}
+._teddy-navigation-menu__top-menu-trigger_959s3_75[data-state=open]::after {
+  border-color: var(--teddy-color-text-interactive-primary);
+  opacity: 1;
+}
+._teddy-navigation-menu__content_959s3_169 {
   all: unset;
   list-style-type: none;
   display: flex;
   gap: var(--teddy-spacing-100);
-  padding: var(--teddy-border-width-sm) 0;
+  padding: 0;
   position: absolute;
   left: 0;
   right: 0;
-  display: flex;
   max-width: calc(var(--teddy-breakpoint-xl) - (var(--teddy-spacing-600) + var(--item-gap)) * 2);
   margin-inline: auto;
   padding-inline: calc(var(--inline-padding) + var(--teddy-spacing-200));
   overflow: clip;
 }
-._teddy-navigation-menu__content_139wf_163 > ul {
+._teddy-navigation-menu__content_959s3_169 > ul {
   list-style: none;
   display: flex;
   margin: 0;
   padding: 0;
 }
 @media (prefers-reduced-motion: no-preference) {
-  ._teddy-navigation-menu__content_139wf_163 {
+  ._teddy-navigation-menu__content_959s3_169 {
     animation-duration: var(--teddy-motion-duration-300);
     animation-timing-function: ease;
   }
-  ._teddy-navigation-menu__content_139wf_163[data-motion=from-start] {
-    animation-name: _enterFromLeft_139wf_1;
+  ._teddy-navigation-menu__content_959s3_169[data-motion=from-start] {
+    animation-name: _enterFromLeft_959s3_1;
   }
-  ._teddy-navigation-menu__content_139wf_163[data-motion=from-end] {
-    animation-name: _enterFromRight_139wf_1;
+  ._teddy-navigation-menu__content_959s3_169[data-motion=from-end] {
+    animation-name: _enterFromRight_959s3_1;
   }
-  ._teddy-navigation-menu__content_139wf_163[data-motion=to-start] {
-    animation-name: _exitToLeft_139wf_1;
+  ._teddy-navigation-menu__content_959s3_169[data-motion=to-start] {
+    animation-name: _exitToLeft_959s3_1;
   }
-  ._teddy-navigation-menu__content_139wf_163[data-motion=to-end] {
-    animation-name: _exitToRight_139wf_1;
+  ._teddy-navigation-menu__content_959s3_169[data-motion=to-end] {
+    animation-name: _exitToRight_959s3_1;
   }
 }
-._teddy-navigation-menu__content_139wf_163::before {
+._teddy-navigation-menu__content_959s3_169::before {
   content: "";
   position: absolute;
   inset: 0;
   box-shadow: 0 var(--teddy-border-width-lg) var(--teddy-border-width-lg) calc(var(--teddy-border-width-md) * -1) var(--teddy-color-border-weak);
 }
-._teddy-navigation-menu__trigger_139wf_208 {
+._teddy-navigation-menu__trigger_959s3_213 {
   position: relative;
   all: unset;
   position: relative;
@@ -1672,12 +1675,12 @@
   line-height: var(--teddy-typography-line-height-loose);
   padding: var(--teddy-spacing-250) var(--teddy-spacing-100);
 }
-._teddy-navigation-menu__trigger--small_139wf_226 {
+._teddy-navigation-menu__trigger--small_959s3_231 {
   padding: var(--teddy-spacing-150) var(--teddy-spacing-100);
   font-size: var(--teddy-typography-scale-75);
   line-height: var(--teddy-typography-line-height-loose);
 }
-._teddy-navigation-menu__trigger--button_139wf_231 {
+._teddy-navigation-menu__trigger--button_959s3_236 {
   padding: var(--teddy-spacing-100);
   min-height: var(--teddy-spacing-600);
   border-radius: var(--teddy-border-radius-md);
@@ -1688,7 +1691,7 @@
   gap: var(--teddy-spacing-100);
   row-gap: var(--teddy-spacing-50);
 }
-._teddy-navigation-menu__trigger_139wf_208::after {
+._teddy-navigation-menu__trigger_959s3_213::after {
   content: "";
   display: block;
   position: absolute;
@@ -1699,10 +1702,10 @@
   pointer-events: none;
   border-bottom: var(--teddy-border-width-sm) solid var(--teddy-color-purple-500);
 }
-._teddy-navigation-menu__trigger--button_139wf_231::after {
+._teddy-navigation-menu__trigger--button_959s3_236::after {
   border: var(--teddy-border-width-sm) solid var(--teddy-color-purple-500);
 }
-._teddy-navigation-menu__trigger_139wf_208:not(._teddy-navigation-menu__trigger--button_139wf_231)::before {
+._teddy-navigation-menu__trigger_959s3_213:not(._teddy-navigation-menu__trigger--button_959s3_236)::before {
   content: attr(data-text);
   content: attr(data-text)/"";
   height: 0;
@@ -1713,36 +1716,36 @@
   font-weight: var(--teddy-typography-weight-bold);
 }
 @media speech {
-  ._teddy-navigation-menu__trigger_139wf_208:not(._teddy-navigation-menu__trigger--button_139wf_231)::before {
+  ._teddy-navigation-menu__trigger_959s3_213:not(._teddy-navigation-menu__trigger--button_959s3_236)::before {
     display: none;
   }
 }
-._teddy-navigation-menu__trigger_139wf_208:hover {
+._teddy-navigation-menu__trigger_959s3_213:hover {
   background-color: var(--teddy-color-background-interactive-transparent-hover);
 }
-._teddy-navigation-menu__trigger_139wf_208:hover::after {
+._teddy-navigation-menu__trigger_959s3_213:hover::after {
   opacity: 1;
 }
-._teddy-navigation-menu__trigger_139wf_208:active {
+._teddy-navigation-menu__trigger_959s3_213:active {
   background-color: var(--teddy-color-background-interactive-transparent-active);
 }
-._teddy-navigation-menu__trigger_139wf_208:active::after {
+._teddy-navigation-menu__trigger_959s3_213:active::after {
   opacity: 1;
 }
-._teddy-navigation-menu__trigger_139wf_208[data-state=open] {
+._teddy-navigation-menu__trigger_959s3_213[data-state=open] {
   font-weight: var(--teddy-typography-weight-bold);
 }
-._teddy-navigation-menu__trigger_139wf_208:has([data-active]), ._teddy-navigation-menu__trigger_139wf_208[data-active] {
+._teddy-navigation-menu__trigger_959s3_213:has([data-active]), ._teddy-navigation-menu__trigger_959s3_213[data-active] {
   font-weight: var(--teddy-typography-weight-bold);
 }
-._teddy-navigation-menu__trigger_139wf_208:has([data-active])::after, ._teddy-navigation-menu__trigger_139wf_208[data-active]::after {
+._teddy-navigation-menu__trigger_959s3_213:has([data-active])::after, ._teddy-navigation-menu__trigger_959s3_213[data-active]::after {
   border-color: var(--teddy-color-text-interactive-primary);
   opacity: 1;
 }
-._teddy-navigation-menu__trigger_139wf_208:focus-visible {
+._teddy-navigation-menu__trigger_959s3_213:focus-visible {
   outline: solid var(--teddy-border-width-sm) var(--teddy-color-border-interactive-focus);
 }
-._teddy-navigation-menu__link_139wf_296 {
+._teddy-navigation-menu__link_959s3_301 {
   all: unset;
   position: relative;
   cursor: pointer;
@@ -1760,12 +1763,12 @@
   padding: var(--teddy-spacing-250) var(--teddy-spacing-100);
   text-decoration: none;
 }
-._teddy-navigation-menu__link--small_139wf_314 {
+._teddy-navigation-menu__link--small_959s3_319 {
   padding: var(--teddy-spacing-150) var(--teddy-spacing-100);
   font-size: var(--teddy-typography-scale-75);
   line-height: var(--teddy-typography-line-height-loose);
 }
-._teddy-navigation-menu__link--button_139wf_319 {
+._teddy-navigation-menu__link--button_959s3_324 {
   padding: var(--teddy-spacing-100);
   min-height: var(--teddy-spacing-600);
   border-radius: var(--teddy-border-radius-md);
@@ -1776,7 +1779,7 @@
   gap: var(--teddy-spacing-100);
   row-gap: var(--teddy-spacing-50);
 }
-._teddy-navigation-menu__link_139wf_296::after {
+._teddy-navigation-menu__link_959s3_301::after {
   content: "";
   display: block;
   position: absolute;
@@ -1787,10 +1790,10 @@
   pointer-events: none;
   border-bottom: var(--teddy-border-width-sm) solid var(--teddy-color-purple-500);
 }
-._teddy-navigation-menu__link--button_139wf_319::after {
+._teddy-navigation-menu__link--button_959s3_324::after {
   border: var(--teddy-border-width-sm) solid var(--teddy-color-purple-500);
 }
-._teddy-navigation-menu__link_139wf_296:not(._teddy-navigation-menu__link--button_139wf_319)::before {
+._teddy-navigation-menu__link_959s3_301:not(._teddy-navigation-menu__link--button_959s3_324)::before {
   content: attr(data-text);
   content: attr(data-text)/"";
   height: 0;
@@ -1801,36 +1804,36 @@
   font-weight: var(--teddy-typography-weight-bold);
 }
 @media speech {
-  ._teddy-navigation-menu__link_139wf_296:not(._teddy-navigation-menu__link--button_139wf_319)::before {
+  ._teddy-navigation-menu__link_959s3_301:not(._teddy-navigation-menu__link--button_959s3_324)::before {
     display: none;
   }
 }
-._teddy-navigation-menu__link_139wf_296:hover {
+._teddy-navigation-menu__link_959s3_301:hover {
   background-color: var(--teddy-color-background-interactive-transparent-hover);
 }
-._teddy-navigation-menu__link_139wf_296:hover::after {
+._teddy-navigation-menu__link_959s3_301:hover::after {
   opacity: 1;
 }
-._teddy-navigation-menu__link_139wf_296:active {
+._teddy-navigation-menu__link_959s3_301:active {
   background-color: var(--teddy-color-background-interactive-transparent-active);
 }
-._teddy-navigation-menu__link_139wf_296:active::after {
+._teddy-navigation-menu__link_959s3_301:active::after {
   opacity: 1;
 }
-._teddy-navigation-menu__link_139wf_296[data-state=open] {
+._teddy-navigation-menu__link_959s3_301[data-state=open] {
   font-weight: var(--teddy-typography-weight-bold);
 }
-._teddy-navigation-menu__link_139wf_296:has([data-active]), ._teddy-navigation-menu__link_139wf_296[data-active] {
+._teddy-navigation-menu__link_959s3_301:has([data-active]), ._teddy-navigation-menu__link_959s3_301[data-active] {
   font-weight: var(--teddy-typography-weight-bold);
 }
-._teddy-navigation-menu__link_139wf_296:has([data-active])::after, ._teddy-navigation-menu__link_139wf_296[data-active]::after {
+._teddy-navigation-menu__link_959s3_301:has([data-active])::after, ._teddy-navigation-menu__link_959s3_301[data-active]::after {
   border-color: var(--teddy-color-text-interactive-primary);
   opacity: 1;
 }
-._teddy-navigation-menu__link_139wf_296:focus-visible {
+._teddy-navigation-menu__link_959s3_301:focus-visible {
   outline: solid var(--teddy-border-width-sm) var(--teddy-color-border-interactive-focus);
 }
-._teddy-navigation-menu__viewport_139wf_33 {
+._teddy-navigation-menu__viewport_959s3_33 {
   position: relative;
   background-color: var(--teddy-color-background-primary);
   height: var(--radix-navigation-menu-viewport-height);
@@ -1838,17 +1841,17 @@
   overflow: clip;
 }
 @media (prefers-reduced-motion: no-preference) {
-  ._teddy-navigation-menu__viewport_139wf_33 {
+  ._teddy-navigation-menu__viewport_959s3_33 {
     transition: width, height, var(--teddy-motion-duration-300) ease;
   }
-  ._teddy-navigation-menu__viewport_139wf_33[data-state=open] {
-    animation: _scaleIn_139wf_1 var(--teddy-motion-duration-300) ease;
+  ._teddy-navigation-menu__viewport_959s3_33[data-state=open] {
+    animation: _scaleIn_959s3_1 var(--teddy-motion-duration-300) ease;
   }
-  ._teddy-navigation-menu__viewport_139wf_33[data-state=closed] {
-    animation: _scaleOut_139wf_1 var(--teddy-motion-duration-300) ease;
+  ._teddy-navigation-menu__viewport_959s3_33[data-state=closed] {
+    animation: _scaleOut_959s3_1 var(--teddy-motion-duration-300) ease;
   }
 }
-@keyframes _scaleIn_139wf_1 {
+@keyframes _scaleIn_959s3_1 {
   from {
     opacity: 0;
     transform: scale(0.9);
@@ -1860,7 +1863,7 @@
     height: var(--radix-navigation-menu-viewport-height);
   }
 }
-@keyframes _scaleOut_139wf_1 {
+@keyframes _scaleOut_959s3_1 {
   from {
     opacity: 1;
     transform: scale(1);
@@ -1871,7 +1874,7 @@
     height: 0;
   }
 }
-@keyframes _enterFromRight_139wf_1 {
+@keyframes _enterFromRight_959s3_1 {
   from {
     opacity: 0;
     transform: translateX(200px);
@@ -1881,7 +1884,7 @@
     transform: translateX(0);
   }
 }
-@keyframes _enterFromLeft_139wf_1 {
+@keyframes _enterFromLeft_959s3_1 {
   from {
     opacity: 0;
     transform: translateX(-200px);
@@ -1891,7 +1894,7 @@
     transform: translateX(0);
   }
 }
-@keyframes _exitToRight_139wf_1 {
+@keyframes _exitToRight_959s3_1 {
   from {
     opacity: 1;
     transform: translateX(0);
@@ -1901,7 +1904,7 @@
     transform: translateX(200px);
   }
 }
-@keyframes _exitToLeft_139wf_1 {
+@keyframes _exitToLeft_959s3_1 {
   from {
     opacity: 1;
     transform: translateX(0);
@@ -2032,64 +2035,64 @@
   }
 }@layer heading, link, accordion;
 @layer accordion {
-  ._teddy-accordion--indented_1seck_3 ._teddy-accordion__header_1seck_3 > *:first-child {
+  ._teddy-accordion--indented_1oe24_3 ._teddy-accordion__header_1oe24_3 > *:first-child {
     padding-left: var(--teddy-spacing-200);
   }
   @media (min-width: 600px) {
-    ._teddy-accordion--indented_1seck_3 ._teddy-accordion__header_1seck_3 > *:first-child {
+    ._teddy-accordion--indented_1oe24_3 ._teddy-accordion__header_1oe24_3 > *:first-child {
       padding-left: var(--teddy-spacing-300);
     }
   }
-  ._teddy-accordion--indented_1seck_3 ._teddy-accordion__content_1seck_11 {
+  ._teddy-accordion--indented_1oe24_3 ._teddy-accordion__content_1oe24_11 {
     padding-inline: var(--teddy-spacing-200);
   }
   @media (min-width: 600px) {
-    ._teddy-accordion--indented_1seck_3 ._teddy-accordion__content_1seck_11 {
+    ._teddy-accordion--indented_1oe24_3 ._teddy-accordion__content_1oe24_11 {
       padding-inline: var(--teddy-spacing-300);
     }
   }
-  ._teddy-accordion--negative_1seck_19 ._teddy-accordion__header_1seck_3 {
+  ._teddy-accordion--negative_1oe24_19 ._teddy-accordion__header_1oe24_3 {
     color: var(--teddy-color-text-interactive-primary-negative);
   }
-  ._teddy-accordion--negative_1seck_19 ._teddy-accordion__content_1seck_11,
-  ._teddy-accordion--negative_1seck_19 ._teddy-accordion__title_1seck_23 {
+  ._teddy-accordion--negative_1oe24_19 ._teddy-accordion__content_1oe24_11,
+  ._teddy-accordion--negative_1oe24_19 ._teddy-accordion__title_1oe24_23 {
     color: var(--teddy-color-text-default-negative);
   }
-  ._teddy-accordion--negative_1seck_19 ._teddy-accordion__trigger_1seck_26:hover {
+  ._teddy-accordion--negative_1oe24_19 ._teddy-accordion__trigger_1oe24_26:hover {
     background-color: var(--teddy-color-background-interactive-transparent-negative-hover);
   }
   @media (prefers-reduced-motion: no-preference) {
-    ._teddy-accordion--negative_1seck_19 ._teddy-accordion__trigger_1seck_26:active {
+    ._teddy-accordion--negative_1oe24_19 ._teddy-accordion__trigger_1oe24_26:active {
       background-color: var(--teddy-color-background-interactive-transparent-negative-active);
     }
   }
-  ._teddy-accordion--negative_1seck_19 ._teddy-accordion__item_1seck_34 {
+  ._teddy-accordion--negative_1oe24_19 ._teddy-accordion__item_1oe24_34 {
     border-color: var(--teddy-color-border-medium-negative);
   }
-  ._teddy-accordion--negative_1seck_19 ._teddy-accordion__item_1seck_34:last-child {
+  ._teddy-accordion--negative_1oe24_19 ._teddy-accordion__item_1oe24_34:last-child {
     border-color: var(--teddy-color-border-medium-negative);
   }
-  ._teddy-accordion_1seck_3:disabled {
+  ._teddy-accordion_1oe24_3:disabled {
     background-color: var(--teddy-color-background-interactive-transparent);
   }
-  ._teddy-accordion__title_1seck_23 {
+  ._teddy-accordion__title_1oe24_23 {
     margin-bottom: var(--teddy-spacing-300);
   }
   @media (min-width: 600px) {
-    ._teddy-accordion__title_1seck_23 {
+    ._teddy-accordion__title_1oe24_23 {
       margin-bottom: var(--teddy-spacing-400);
     }
   }
-  ._teddy-accordion__item_1seck_34 {
+  ._teddy-accordion__item_1oe24_34 {
     border-top: var(--teddy-border-width-xs) solid var(--teddy-color-border-weak);
   }
-  ._teddy-accordion__item_1seck_34:first-child {
+  ._teddy-accordion__item_1oe24_34:first-child {
     margin-top: 0;
   }
-  ._teddy-accordion__item_1seck_34:last-child {
+  ._teddy-accordion__item_1oe24_34:last-child {
     border-bottom: var(--teddy-border-width-xs) solid var(--teddy-color-border-weak);
   }
-  ._teddy-accordion__header_1seck_3 {
+  ._teddy-accordion__header_1oe24_3 {
     background-color: var(--teddy-color-background-interactive-transparent);
     display: grid;
     grid-template-columns: minmax(0, 1fr) auto;
@@ -2098,7 +2101,7 @@
     color: var(--teddy-color-text-interactive-primary);
     font-weight: var(--teddy-typography-weight-bold);
   }
-  ._teddy-accordion__trigger_1seck_26 {
+  ._teddy-accordion__trigger_1oe24_26 {
     all: unset;
     font-family: inherit;
     background-color: transparent;
@@ -2112,69 +2115,69 @@
     transition-timing-function: var(--teddy-motion-easing-ease-in-out);
     transition-property: background-color, color;
   }
-  ._teddy-accordion__trigger_1seck_26:hover {
+  ._teddy-accordion__trigger_1oe24_26:hover {
     background-color: var(--teddy-color-background-interactive-transparent-hover);
   }
   @media (prefers-reduced-motion: no-preference) {
-    ._teddy-accordion__trigger_1seck_26:active {
+    ._teddy-accordion__trigger_1oe24_26:active {
       background-color: var(--teddy-color-background-interactive-transparent-active);
     }
   }
-  ._teddy-accordion__trigger_1seck_26:focus-within {
+  ._teddy-accordion__trigger_1oe24_26:focus-within {
     outline: solid var(--teddy-border-width-sm) var(--teddy-color-border-interactive-focus);
     outline-offset: var(--teddy-spacing-25);
     z-index: 1;
   }
-  ._teddy-accordion__trigger_1seck_26:focus-within:not(:focus-visible) {
+  ._teddy-accordion__trigger_1oe24_26:focus-within:not(:focus-visible) {
     outline: 0;
   }
-  ._teddy-accordion__trigger_1seck_26:disabled {
+  ._teddy-accordion__trigger_1oe24_26:disabled {
     cursor: not-allowed;
     background-color: var(--teddy-color-background-interactive-disabled);
   }
-  ._teddy-accordion__trigger_1seck_26 ._teddy-accordion__indicator_1seck_103 {
+  ._teddy-accordion__trigger_1oe24_26 ._teddy-accordion__indicator_1oe24_103 {
     flex-shrink: 0;
     transform: rotate(0);
-    padding: var(--teddy-spacing-200);
+    margin: var(--teddy-spacing-200);
   }
   @media (min-width: 600px) {
-    ._teddy-accordion__trigger_1seck_26 ._teddy-accordion__indicator_1seck_103 {
-      padding: var(--teddy-spacing-300);
+    ._teddy-accordion__trigger_1oe24_26 ._teddy-accordion__indicator_1oe24_103 {
+      margin: var(--teddy-spacing-300);
     }
   }
   @media (min-width: 1024px) {
-    ._teddy-accordion__trigger_1seck_26 ._teddy-accordion__indicator_1seck_103 {
-      padding-block: var(--teddy-spacing-400);
+    ._teddy-accordion__trigger_1oe24_26 ._teddy-accordion__indicator_1oe24_103 {
+      margin-block: var(--teddy-spacing-400);
     }
   }
   @media (prefers-reduced-motion: no-preference) {
-    ._teddy-accordion__trigger_1seck_26 ._teddy-accordion__indicator_1seck_103 {
+    ._teddy-accordion__trigger_1oe24_26 ._teddy-accordion__indicator_1oe24_103 {
       transition: transform var(--teddy-motion-duration-300) var(--teddy-motion-easing-ease-in-out);
     }
   }
-  ._teddy-accordion__trigger_1seck_26[data-state=open] ._teddy-accordion__indicator_1seck_103 {
+  ._teddy-accordion__trigger_1oe24_26[data-state=open] ._teddy-accordion__indicator_1oe24_103 {
     transform: rotate(180deg);
   }
-  ._teddy-accordion__content_1seck_11 {
+  ._teddy-accordion__content_1oe24_11 {
     overflow: hidden;
     color: var(--teddy-color-text-default);
     padding: 0 var(--teddy-spacing-300) 0 0;
   }
   @media (prefers-reduced-motion: no-preference) {
-    ._teddy-accordion__content_1seck_11[data-state=open] {
-      animation: _slideDown_1seck_1 var(--teddy-motion-duration-300) var(--teddy-motion-easing-ease-in-out);
+    ._teddy-accordion__content_1oe24_11[data-state=open] {
+      animation: _slideDown_1oe24_1 var(--teddy-motion-duration-300) var(--teddy-motion-easing-ease-in-out);
     }
-    ._teddy-accordion__content_1seck_11[data-state=closed] {
-      animation: _slideUp_1seck_1 var(--teddy-motion-duration-300) var(--teddy-motion-easing-ease-in-out);
+    ._teddy-accordion__content_1oe24_11[data-state=closed] {
+      animation: _slideUp_1oe24_1 var(--teddy-motion-duration-300) var(--teddy-motion-easing-ease-in-out);
     }
   }
-  ._teddy-accordion__content_1seck_11::after {
+  ._teddy-accordion__content_1oe24_11::after {
     content: "";
     display: block;
     height: var(--teddy-spacing-400);
     width: 100%;
   }
-  @keyframes _slideDown_1seck_1 {
+  @keyframes _slideDown_1oe24_1 {
     from {
       height: 0;
     }
@@ -2182,7 +2185,7 @@
       height: var(--radix-accordion-content-height);
     }
   }
-  @keyframes _slideUp_1seck_1 {
+  @keyframes _slideUp_1oe24_1 {
     from {
       height: var(--radix-accordion-content-height);
     }
@@ -2465,7 +2468,7 @@
 ._teddy-text-spacing_dwbo8_1 * > :last-child,
 ._teddy-text-spacing_dwbo8_1 > :last-child {
   margin-bottom: 0;
-}@keyframes _teddy-fade-in_vfo5b_1 {
+}@keyframes _teddy-fade-in_3n21u_1 {
   from {
     opacity: 0;
   }
@@ -2473,7 +2476,7 @@
     opacity: 1;
   }
 }
-@keyframes _teddy-fade-out_vfo5b_1 {
+@keyframes _teddy-fade-out_3n21u_1 {
   from {
     opacity: 1;
   }
@@ -2481,19 +2484,27 @@
     opacity: 0;
   }
 }
-._teddy-modal__overlay_vfo5b_17 {
+@keyframes _teddy-overlay-no-op_3n21u_1 {
+  from {
+    opacity: 1;
+  }
+  to {
+    opacity: 1;
+  }
+}
+._teddy-modal__overlay_3n21u_25 {
   position: fixed;
   inset: 0;
   display: grid;
   place-items: center;
 }
-._teddy-modal__overlay_vfo5b_17::before {
+._teddy-modal__overlay_3n21u_25::before {
   position: fixed;
   content: "";
   inset: 0;
   background-color: var(--teddy-color-overlay-default);
 }
-._teddy-modal__content_vfo5b_29 {
+._teddy-modal__content_3n21u_37 {
   background-color: var(--teddy-color-background-primary);
   box-shadow: var(--teddy-shadow-lg);
   position: relative;
@@ -2502,7 +2513,7 @@
   width: 100%;
 }
 @media (min-width: 600px) {
-  ._teddy-modal__content_vfo5b_29 {
+  ._teddy-modal__content_3n21u_37 {
     max-width: 720px;
     max-height: 80%;
     min-height: 360px;
@@ -2511,11 +2522,11 @@
     border-radius: var(--teddy-border-radius-lg);
   }
 }
-._teddy-modal__scroll_vfo5b_47 {
+._teddy-modal__scroll_3n21u_55 {
   overflow: auto;
   padding-inline: var(--teddy-spacing-300);
 }
-._teddy-modal__image_vfo5b_51 {
+._teddy-modal__image_3n21u_59 {
   max-width: calc(100% + var(--teddy-spacing-300) * 2);
   height: auto;
   vertical-align: middle;
@@ -2525,31 +2536,31 @@
   shape-margin: 0.75rem;
   margin-inline: calc(var(--teddy-spacing-300) * -1);
 }
-._teddy-modal__close--floating_vfo5b_61 {
+._teddy-modal__close--floating_3n21u_69 {
   position: absolute;
   top: var(--teddy-spacing-100);
   right: var(--teddy-spacing-100);
 }
-._teddy-modal__group_vfo5b_66 {
+._teddy-modal__group_3n21u_74 {
   width: 100%;
   margin-bottom: var(--teddy-spacing-200);
 }
-._teddy-modal__group--title_vfo5b_70 {
+._teddy-modal__group--title_3n21u_78 {
   position: sticky;
   inset: 0 0 auto 0;
   background-color: var(--teddy-color-background-primary);
   padding-top: var(--teddy-spacing-200);
 }
-._teddy-modal__group--title_vfo5b_70._teddy-modal__group--scroll_vfo5b_76 {
+._teddy-modal__group--title_3n21u_78._teddy-modal__group--scroll_3n21u_84 {
   padding-block: var(--teddy-spacing-200);
 }
-._teddy-modal__group--title_vfo5b_70._teddy-modal__group--scroll_vfo5b_76::before {
+._teddy-modal__group--title_3n21u_78._teddy-modal__group--scroll_3n21u_84::before {
   content: "";
   position: absolute;
   inset: 0 calc(var(--teddy-spacing-300) * -1) 0 calc(var(--teddy-spacing-300) * -1);
   border-bottom: var(--teddy-border-width-xs) solid var(--teddy-color-border-weak);
 }
-._teddy-modal__group--action_vfo5b_85 {
+._teddy-modal__group--action_3n21u_93 {
   height: 100%;
   position: sticky;
   inset: auto 0 0 0;
@@ -2557,7 +2568,7 @@
   padding-block: var(--teddy-spacing-200) var(--teddy-spacing-300);
   background-color: var(--teddy-color-background-primary);
 }
-._teddy-modal__group--action_vfo5b_85._teddy-modal__group--scroll_vfo5b_76::before {
+._teddy-modal__group--action_3n21u_93._teddy-modal__group--scroll_3n21u_84::before {
   content: "";
   position: absolute;
   inset: 0 calc(var(--teddy-spacing-300) * -1) 0 calc(var(--teddy-spacing-300) * -1);
@@ -2565,7 +2576,7 @@
   box-shadow: 0 0 20px 15px var(--teddy-color-background-primary);
 }
 @media (prefers-reduced-motion: no-preference) {
-  @keyframes _modal-overlay-no-op_vfo5b_1 {
+  @keyframes _modal-overlay-no-op_3n21u_1 {
     from {
       opacity: 1;
     }
@@ -2573,7 +2584,7 @@
       opacity: 1;
     }
   }
-  @keyframes _modal-content-show_vfo5b_1 {
+  @keyframes _modal-content-show_3n21u_1 {
     from {
       opacity: 0;
       transform: translateY(5px) scale(0.97);
@@ -2583,7 +2594,7 @@
       transform: translateY(0px) scale(1);
     }
   }
-  @keyframes _modal-content-hide_vfo5b_1 {
+  @keyframes _modal-content-hide_3n21u_1 {
     from {
       opacity: 1;
       transform: translateY(0px) scale(1);
@@ -2593,23 +2604,23 @@
       transform: translateY(5px) scale(0.99);
     }
   }
-  ._teddy-modal__overlay_vfo5b_17 {
+  ._teddy-modal__overlay_3n21u_25 {
     /* Keep the overlay mounted until the children have animated */
   }
-  ._teddy-modal__overlay_vfo5b_17:where([data-state=closed]) {
-    animation: _modal-overlay-no-op_vfo5b_1 250ms cubic-bezier(0.16, 1, 0.3, 1);
+  ._teddy-modal__overlay_3n21u_25:where([data-state=closed]) {
+    animation: _modal-overlay-no-op_3n21u_1 250ms cubic-bezier(0.16, 1, 0.3, 1);
   }
-  ._teddy-modal__overlay_vfo5b_17:where([data-state=open])::before {
-    animation: _teddy-fade-in_vfo5b_1 400ms cubic-bezier(0.16, 1, 0.3, 1);
+  ._teddy-modal__overlay_3n21u_25:where([data-state=open])::before {
+    animation: _teddy-fade-in_3n21u_1 400ms cubic-bezier(0.16, 1, 0.3, 1);
   }
-  ._teddy-modal__overlay_vfo5b_17:where([data-state=closed])::before {
-    animation: _teddy-fade-out_vfo5b_1 250ms cubic-bezier(0.16, 1, 0.3, 1);
+  ._teddy-modal__overlay_3n21u_25:where([data-state=closed])::before {
+    animation: _teddy-fade-out_3n21u_1 250ms cubic-bezier(0.16, 1, 0.3, 1);
   }
-  ._teddy-modal__content_vfo5b_29:where([data-state=open]) {
-    animation: _modal-content-show_vfo5b_1 200ms cubic-bezier(0.16, 1, 0.3, 1);
+  ._teddy-modal__content_3n21u_37:where([data-state=open]) {
+    animation: _modal-content-show_3n21u_1 200ms cubic-bezier(0.16, 1, 0.3, 1);
   }
-  ._teddy-modal__content_vfo5b_29:where([data-state=closed]) {
-    animation: _modal-content-hide_vfo5b_1 150ms cubic-bezier(0.16, 1, 0.3, 1);
+  ._teddy-modal__content_3n21u_37:where([data-state=closed]) {
+    animation: _modal-content-hide_3n21u_1 150ms cubic-bezier(0.16, 1, 0.3, 1);
   }
 }:root {
   --teddy-border-radius-xs: 2px;
@@ -3960,6 +3971,14 @@
     opacity: 0;
   }
 }
+@keyframes teddy-overlay-no-op {
+  from {
+    opacity: 1;
+  }
+  to {
+    opacity: 1;
+  }
+}
 :root {
   --teddy-scale: var(--teddy-rescale, 1);
 }