@dnanpm/ui-components 0.7.0 → 0.8.0

package/dist/components/MainNavigation/MainNavigation.css

@@ -1,5 +1,5 @@
 @layer dds-components {/* Root navigation container */
-._main-navigation_1xpue_2 {
+._main-navigation_1h5w0_2 {
     --_main-navigation-organization-strip-height: calc(30px + (2 * var(--spacing-space-4)));
     --_main-navigation-space-5: calc(var(--spacing-space-20) / 4);
     --_main-navigation-space-6: calc((3 * var(--spacing-space-8)) / 4);
@@ -33,7 +33,7 @@
 }
 
 @media (min-width: 1024px) {
-    ._main-navigation_1xpue_2 {
+    ._main-navigation_1h5w0_2 {
         --_main-navigation-organization-strip-height: calc(32px + (2 * var(--spacing-space-8)));
         --_main-navigation-height: calc(
             var(--_main-navigation-organization-strip-height) +
@@ -42,16 +42,16 @@
     }
 }
 
-._main-navigation--open_1xpue_45 {
+._main-navigation--open_1h5w0_45 {
     top: 0 !important;
 }
 
-._main-navigation--overlay_1xpue_49::before {
+._main-navigation--overlay_1h5w0_49::before {
     z-index: var(--_main-navigation-z-overlay);
 }
 
 /* Organization strip (top bar) */
-._main-navigation__organization-strip_1xpue_54 {
+._main-navigation__organization-strip_1h5w0_54 {
     position: relative;
     z-index: var(--_main-navigation-z-organization-strip);
     display: flex;
@@ -64,7 +64,7 @@
 }
 
 /* Organization links */
-._main-navigation__organization-list_1xpue_67 {
+._main-navigation__organization-list_1h5w0_67 {
     display: flex;
     align-items: center;
     gap: var(--spacing-space-12);
@@ -73,7 +73,7 @@
     list-style: none;
 }
 
-._main-navigation__organization-link_1xpue_76 {
+._main-navigation__organization-link_1h5w0_76 {
     display: inline-flex;
     min-width: 0;
     height: 20px;
@@ -92,7 +92,8 @@
         border-color 0.2s ease-in-out,
         box-shadow 0.2s ease-in-out;
 
-    &:hover {
+    &:hover,
+    &:focus-visible {
         background: var(--color-semantic-surface-secondary-strong);
         color: var(--color-semantic-foreground-inverse);
     }
@@ -103,12 +104,13 @@
     }
 }
 
-._main-navigation__organization-link--current_1xpue_106 {
+._main-navigation__organization-link--current_1h5w0_107 {
     background: var(--color-semantic-surface-base);
     color: var(--color-semantic-foreground-default);
     font: var(--typography-body-sm-medium);
 
     &:hover,
+    &:focus-visible,
     &:active {
         background: var(--color-semantic-surface-base);
         color: var(--color-semantic-foreground-default);
@@ -116,22 +118,22 @@
 }
 
 @container main-navigation (max-width: 320px) {
-    ._main-navigation__organization-link_1xpue_76,
-    ._main-navigation__organization-link--current_1xpue_106 {
+    ._main-navigation__organization-link_1h5w0_76,
+    ._main-navigation__organization-link--current_1h5w0_107 {
         font: var(--typography-body-xs);
     }
 }
 
 @container main-navigation (max-width: 1023px) {
     /* Keep short organization labels (e.g. DNA OYJ) on a single line. */
-    ._main-navigation__organization-link_1xpue_76,
-    ._main-navigation__organization-link--current_1xpue_106 {
+    ._main-navigation__organization-link_1h5w0_76,
+    ._main-navigation__organization-link--current_1h5w0_107 {
         white-space: nowrap;
     }
 }
 
 /* Main navbar */
-._main-navigation__navbar_1xpue_134 {
+._main-navigation__navbar_1h5w0_136 {
     box-sizing: border-box;
     position: relative;
     z-index: var(--_main-navigation-z-navbar);
@@ -146,7 +148,7 @@
 }
 
 /* Logo area */
-._main-navigation__logo_1xpue_149 {
+._main-navigation__logo_1h5w0_151 {
     position: relative;
     width: 60px;
     height: 60px;
@@ -154,17 +156,17 @@
     background: var(--color-semantic-surface-base);
 }
 
-._main-navigation__logo_1xpue_149 img {
+._main-navigation__logo_1h5w0_151 img {
     width: 60px;
     height: 60px;
 }
 
-._main-navigation__logo-mark_1xpue_162 {
+._main-navigation__logo-mark_1h5w0_164 {
     font: var(--typography-label-lg-bold);
 }
 
 /* Primary navigation */
-._main-navigation__primary_1xpue_167 {
+._main-navigation__primary_1h5w0_169 {
     position: absolute;
     top: 100%;
     right: 0;
@@ -185,12 +187,12 @@
         visibility 0s linear 0.2s;
 }
 
-._main-navigation_1xpue_2:not(._main-navigation--menu-open_1xpue_188):not(._main-navigation--menu-closing_1xpue_188)
-    ._main-navigation__primary_1xpue_167 {
+._main-navigation_1h5w0_2:not(._main-navigation--menu-open_1h5w0_190):not(._main-navigation--menu-closing_1h5w0_190)
+    ._main-navigation__primary_1h5w0_169 {
     transition: none;
 }
 
-._main-navigation__primary-list_1xpue_193 {
+._main-navigation__primary-list_1h5w0_195 {
     display: flex;
     align-items: stretch;
     flex-direction: column;
@@ -201,14 +203,14 @@
 }
 
 /* Primary navigation item states */
-._main-navigation__item_1xpue_204 {
+._main-navigation__item_1h5w0_206 {
     min-width: 0;
     margin: 0;
     border-bottom: var(--borderwidth-semantic-xs) solid var(--color-semantic-border-neutral-mid);
 }
 
-._main-navigation__item-link_1xpue_210,
-._main-navigation__item-toggle_1xpue_211 {
+._main-navigation__item-link_1h5w0_212,
+._main-navigation__item-toggle_1h5w0_213 {
     display: flex;
     width: 100%;
     height: auto;
@@ -228,13 +230,14 @@
         border-color 0.2s ease-in-out;
 
     &:hover,
+    &:focus-visible,
     &:active {
         color: var(--color-semantic-interactive-primary-hover);
     }
 }
 
-._main-navigation__item-icon_1xpue_236,
-._main-navigation__top-level-toggle-icon_1xpue_237 {
+._main-navigation__item-icon_1h5w0_239,
+._main-navigation__top-level-toggle-icon_1h5w0_240 {
     width: 24px;
     height: 24px;
     flex: 0 0 24px;
@@ -243,21 +246,21 @@
     transition: transform 0.2s ease-in-out;
 }
 
-._main-navigation__item-toggle--open_1xpue_246 {
-    ._main-navigation__item-icon_1xpue_236,
-    ._main-navigation__top-level-toggle-icon_1xpue_237 {
+._main-navigation__item-toggle--open_1h5w0_249 {
+    ._main-navigation__item-icon_1h5w0_239,
+    ._main-navigation__top-level-toggle-icon_1h5w0_240 {
         transform: rotate(0deg);
     }
 }
 
-._main-navigation__item-label_1xpue_253 {
+._main-navigation__item-label_1h5w0_256 {
     position: relative;
     display: inline-flex;
     align-items: center;
     align-self: stretch;
 }
 
-._main-navigation__item-link--current_1xpue_260 {
+._main-navigation__item-link--current_1h5w0_263 {
     color: var(--color-semantic-interactive-primary-active);
     border-bottom-color: transparent;
 
@@ -265,7 +268,7 @@
         color: var(--color-semantic-interactive-primary-hover);
     }
 
-    ._main-navigation__item-label_1xpue_253::after {
+    ._main-navigation__item-label_1h5w0_256::after {
         content: '';
         position: absolute;
         right: 0;
@@ -277,7 +280,7 @@
 }
 
 /* Utility icon navigation */
-._main-navigation__icon-nav_1xpue_280 {
+._main-navigation__icon-nav_1h5w0_283 {
     display: flex;
     align-items: center;
     gap: var(--_main-navigation-space-10);
@@ -286,7 +289,7 @@
     height: 60px;
 }
 
-._main-navigation__icon-nav-item_1xpue_289 {
+._main-navigation__icon-nav-item_1h5w0_292 {
     position: relative;
     display: inline-flex;
     flex-direction: column;
@@ -301,7 +304,8 @@
     font: var(--typography-label-sm);
     cursor: pointer;
 
-    &:hover {
+    &:hover,
+    &:focus-visible {
         color: var(--color-semantic-interactive-primary-hover);
     }
 
@@ -310,11 +314,11 @@
     }
 }
 
-._main-navigation__icon-nav-label_1xpue_313 {
+._main-navigation__icon-nav-label_1h5w0_317 {
     display: none;
 }
 
-._main-navigation__icon-nav-item--counter_1xpue_317 {
+._main-navigation__icon-nav-item--counter_1h5w0_321 {
     position: absolute;
     top: var(--_main-navigation-space-6);
     right: 0;
@@ -335,22 +339,22 @@
 }
 
 /* Navigation panels and columns */
-._main-navigation__panel_1xpue_338 {
+._main-navigation__panel_1h5w0_342 {
     border-bottom: var(--borderwidth-semantic-xs) solid var(--color-semantic-border-neutral-base);
     background: var(--color-semantic-surface-base);
 }
 
-._main-navigation__panel-content_1xpue_343 {
+._main-navigation__panel-content_1h5w0_347 {
     display: grid;
     grid-template-columns: 1fr;
 }
 
-._main-navigation__panel-main_1xpue_348 {
+._main-navigation__panel-main_1h5w0_352 {
     min-width: 0;
 }
 
-._main-navigation__mobile-panel-content_1xpue_352,
-._main-navigation__mobile-level-2-content_1xpue_353 {
+._main-navigation__mobile-panel-content_1h5w0_356,
+._main-navigation__mobile-level-2-content_1h5w0_357 {
     position: relative;
     isolation: isolate;
     display: flex;
@@ -361,7 +365,7 @@
     background: var(--color-semantic-surface-neutral-soft);
 }
 
-._main-navigation__mobile-back-item_1xpue_364 {
+._main-navigation__mobile-back-item_1h5w0_368 {
     display: inline-flex;
     width: 100%;
     align-items: center;
@@ -374,43 +378,43 @@
     text-align: left;
 }
 
-._main-navigation__mobile-back-icon_1xpue_377 {
+._main-navigation__mobile-back-icon_1h5w0_381 {
     transform: rotate(180deg);
     color: var(--color-semantic-foreground-primary-strong);
     flex: 0 0 24px;
 }
 
-._main-navigation__mobile-back-label_1xpue_383 {
+._main-navigation__mobile-back-label_1h5w0_387 {
     font: var(--typography-body-md-bold);
     color: var(--color-semantic-foreground-primary-strong);
 }
 
-._main-navigation__mobile-feature-links_1xpue_388,
-._main-navigation__mobile-level-2-feature-links_1xpue_389 {
+._main-navigation__mobile-feature-links_1h5w0_392,
+._main-navigation__mobile-level-2-feature-links_1h5w0_393 {
     background: var(--color-semantic-surface-neutral-mid);
     padding-block: var(--spacing-space-8);
 }
 
-._main-navigation__mobile-feature-list_1xpue_394,
-._main-navigation__mobile-level-2-feature-list_1xpue_395 {
+._main-navigation__mobile-feature-list_1h5w0_398,
+._main-navigation__mobile-level-2-feature-list_1h5w0_399 {
     margin: 0;
     padding: 0;
     list-style: none;
     display: grid;
     grid-template-columns: repeat(2, minmax(0, 1fr));
 
-    ._main-navigation__panel-list-item_1xpue_402 {
+    ._main-navigation__panel-list-item_1h5w0_406 {
         padding: var(--spacing-space-8) var(--spacing-space-20);
     }
 }
 
-._main-navigation__mobile-level-2-feature-list_1xpue_395 {
-    ._main-navigation__mobile-level-2-feature-list-item_1xpue_408 {
+._main-navigation__mobile-level-2-feature-list_1h5w0_399 {
+    ._main-navigation__mobile-level-2-feature-list-item_1h5w0_412 {
         padding: var(--spacing-space-8) var(--spacing-space-20);
     }
 }
 
-._main-navigation__mobile-feature-link_1xpue_388 {
+._main-navigation__mobile-feature-link_1h5w0_392 {
     text-decoration: none;
 
     &:hover,
@@ -428,20 +432,20 @@
     }
 }
 
-._main-navigation__mobile-category-list_1xpue_431,
-._main-navigation__mobile-level-2-category-list_1xpue_432 {
+._main-navigation__mobile-category-list_1h5w0_435,
+._main-navigation__mobile-level-2-category-list_1h5w0_436 {
     margin: 0;
     padding: 0;
     list-style: none;
 }
 
-._main-navigation__mobile-category-item_1xpue_438,
-._main-navigation__mobile-level-2-category-item_1xpue_439 {
+._main-navigation__mobile-category-item_1h5w0_442,
+._main-navigation__mobile-level-2-category-item_1h5w0_443 {
     margin: 0;
 }
 
-._main-navigation__mobile-category-button_1xpue_443,
-._main-navigation__mobile-level-2-category-button_1xpue_444 {
+._main-navigation__mobile-category-button_1h5w0_447,
+._main-navigation__mobile-level-2-category-button_1h5w0_448 {
     display: inline-flex;
     width: 100%;
     align-items: center;
@@ -456,13 +460,13 @@
     text-align: left;
 }
 
-._main-navigation__mobile-category-button_1xpue_443 > svg,
-._main-navigation__mobile-level-2-category-button_1xpue_444 > svg {
+._main-navigation__mobile-category-button_1h5w0_447 > svg,
+._main-navigation__mobile-level-2-category-button_1h5w0_448 > svg {
     color: var(--color-semantic-foreground-primary-strong);
 }
 
-._main-navigation__mobile-third-panel_1xpue_464,
-._main-navigation__mobile-level-3-panel_1xpue_465 {
+._main-navigation__mobile-third-panel_1h5w0_468,
+._main-navigation__mobile-level-3-panel_1h5w0_469 {
     position: absolute;
     inset: 0;
     z-index: calc(var(--_main-navigation-z-mobile-panel) + 1);
@@ -477,34 +481,34 @@
     transition: transform 0.2s ease-in-out;
 }
 
-._main-navigation__mobile-third-panel--open_1xpue_480,
-._main-navigation__mobile-level-3-panel--open_1xpue_481 {
+._main-navigation__mobile-third-panel--open_1h5w0_484,
+._main-navigation__mobile-level-3-panel--open_1h5w0_485 {
     transform: translate3d(0, 0, 0);
     visibility: visible;
     pointer-events: auto;
 }
 
-._main-navigation__mobile-third-panel--closing_1xpue_487,
-._main-navigation__mobile-level-3-panel--is-closing_1xpue_488 {
+._main-navigation__mobile-third-panel--closing_1h5w0_491,
+._main-navigation__mobile-level-3-panel--is-closing_1h5w0_492 {
     pointer-events: none;
     transform: translate3d(100%, 0, 0);
     visibility: visible;
 }
 
-._main-navigation__mobile-third-list_1xpue_494,
-._main-navigation__mobile-level-3-list_1xpue_495 {
+._main-navigation__mobile-third-list_1h5w0_498,
+._main-navigation__mobile-level-3-list_1h5w0_499 {
     margin: 0;
     padding: 0;
     list-style: none;
 }
 
-._main-navigation__mobile-third-item_1xpue_501,
-._main-navigation__mobile-level-3-item_1xpue_502 {
+._main-navigation__mobile-third-item_1h5w0_505,
+._main-navigation__mobile-level-3-item_1h5w0_506 {
     margin: 0;
 }
 
-._main-navigation__mobile-third-link_1xpue_506,
-._main-navigation__mobile-level-3-link_1xpue_507 {
+._main-navigation__mobile-third-link_1h5w0_510,
+._main-navigation__mobile-level-3-link_1h5w0_511 {
     display: inline-flex;
     width: 100%;
     align-items: center;
@@ -515,16 +519,16 @@
     text-decoration: none;
 }
 
-._main-navigation__panel-columns_1xpue_518 {
+._main-navigation__panel-columns_1h5w0_522 {
     display: grid;
     grid-template-columns: 1fr;
 }
 
-._main-navigation__panel-columns_1xpue_518 > * {
+._main-navigation__panel-columns_1h5w0_522 > * {
     min-width: 0;
 }
 
-._main-navigation__panel-column_1xpue_518 {
+._main-navigation__panel-column_1h5w0_522 {
     display: flex;
     flex-direction: column;
     gap: var(--spacing-space-8);
@@ -534,26 +538,26 @@
     min-width: 0;
 }
 
-._main-navigation__panel-column--highlighted_1xpue_537 {
+._main-navigation__panel-column--highlighted_1h5w0_541 {
     background: var(--color-semantic-surface-neutral-mid);
 }
 
-._main-navigation__panel-column--mobile-only_1xpue_541 {
+._main-navigation__panel-column--mobile-only_1h5w0_545 {
     display: flex;
 }
 
-._main-navigation__panel-column--desktop-only_1xpue_545 {
+._main-navigation__panel-column--desktop-only_1h5w0_549 {
     display: none;
 }
 
-._main-navigation__panel-heading_1xpue_549 {
+._main-navigation__panel-heading_1h5w0_553 {
     font: var(--typography-heading-xs);
     padding-inline: var(--spacing-space-20);
     margin: 0;
     color: var(--color-semantic-foreground-default);
 }
 
-._main-navigation__panel-list_1xpue_402 {
+._main-navigation__panel-list_1h5w0_406 {
     margin: 0;
     padding: 0;
     list-style: none;
@@ -561,17 +565,17 @@
     gap: var(--spacing-space-8);
 }
 
-._main-navigation__panel-list-item_1xpue_402 {
+._main-navigation__panel-list-item_1h5w0_406 {
     margin: 0;
     display: flex;
 }
 
-._main-navigation__mobile-level-2-feature-list-item_1xpue_408 {
+._main-navigation__mobile-level-2-feature-list-item_1h5w0_412 {
     margin: 0;
     display: flex;
 }
 
-._main-navigation__panel-link_1xpue_574 {
+._main-navigation__panel-link_1h5w0_578 {
     width: 100%;
     display: inline-flex;
     align-items: center;
@@ -581,33 +585,30 @@
     text-decoration: none;
     transition: none;
 
-    &:hover {
+    &:hover,
+    &:focus-visible {
         color: var(--color-semantic-interactive-primary-hover);
         background: var(--color-semantic-surface-neutral-strong);
     }
 }
 
-._main-navigation__panel-link--current_1xpue_590 {
+._main-navigation__panel-link--current_1h5w0_595 {
     color: var(--color-semantic-foreground-link);
     font: var(--typography-body-md-bold);
-
-    &:hover {
-        font: var(--typography-body-md);
-    }
 }
 
 /* Feature links block inside panel */
-._main-navigation__feature-links_1xpue_600 {
+._main-navigation__feature-links_1h5w0_601 {
     padding-block: var(--spacing-space-16);
     padding-inline: 0;
     background: var(--color-semantic-surface-neutral-soft);
 }
 
-._main-navigation__feature-links--empty_1xpue_606 {
+._main-navigation__feature-links--empty_1h5w0_607 {
     display: none;
 }
 
-._main-navigation__feature-list_1xpue_610 {
+._main-navigation__feature-list_1h5w0_611 {
     margin: 0;
     padding: 0;
     list-style: none;
@@ -615,17 +616,17 @@
     grid-template-columns: repeat(2, minmax(0, 1fr));
     gap: var(--spacing-space-8);
 
-    ._main-navigation__panel-list-item_1xpue_402 {
+    ._main-navigation__panel-list-item_1h5w0_406 {
         justify-content: flex-start;
     }
 
-    ._main-navigation__feature-link_1xpue_600 {
+    ._main-navigation__feature-link_1h5w0_601 {
         justify-content: flex-start;
         text-align: left;
     }
 }
 
-._main-navigation__feature-link_1xpue_600 {
+._main-navigation__feature-link_1h5w0_601 {
     display: inline-flex;
     align-items: center;
     justify-content: flex-start;
@@ -635,21 +636,22 @@
     color: var(--color-semantic-foreground-default);
     text-decoration: none;
 
-    &:hover {
+    &:hover,
+    &:focus-visible {
         color: var(--color-semantic-interactive-primary-hover);
     }
 }
 
-._main-navigation__feature-link-icon_1xpue_643 {
+._main-navigation__feature-link-icon_1h5w0_645 {
     flex: 0 0 24px;
     color: var(--color-semantic-foreground-primary-strong);
 }
 
-._main-navigation__feature-link-label_1xpue_648 {
+._main-navigation__feature-link-label_1h5w0_650 {
     min-width: 0;
 }
 
-._main-navigation__sr-only_1xpue_652 {
+._main-navigation__sr-only_1h5w0_654 {
     position: absolute;
     width: 1px;
     height: 1px;
@@ -662,7 +664,7 @@
 }
 
 /* Mobile menu toggle and open states */
-._main-navigation__menu-toggle_1xpue_665 {
+._main-navigation__menu-toggle_1h5w0_667 {
     display: inline-flex;
     flex: 0 0 auto;
     align-items: center;
@@ -675,12 +677,12 @@
     cursor: pointer;
 }
 
-._main-navigation__menu-toggle--open_1xpue_678 {
+._main-navigation__menu-toggle--open_1h5w0_680 {
     color: var(--color-semantic-foreground-primary-strong);
 }
 
-._main-navigation__panel--modal_1xpue_682,
-._main-navigation__panel--mobile_1xpue_683 {
+._main-navigation__panel--modal_1h5w0_684,
+._main-navigation__panel--mobile_1h5w0_685 {
     display: grid;
     grid-template-columns: 1fr;
     border-bottom: none;
@@ -695,32 +697,32 @@
             )
     );
     overflow: hidden;
-    animation: _show-mobile-navigation-section_1xpue_1 0.2s forwards;
+    animation: _show-mobile-navigation-section_1h5w0_1 0.2s forwards;
 }
 
-._main-navigation__panel--modal-closing_1xpue_701,
-._main-navigation__panel--is-closing_1xpue_702 {
+._main-navigation__panel--modal-closing_1h5w0_703,
+._main-navigation__panel--is-closing_1h5w0_704 {
     pointer-events: none;
-    animation: _hide-mobile-navigation-section_1xpue_1 0.2s forwards;
+    animation: _hide-mobile-navigation-section_1h5w0_1 0.2s forwards;
 }
 
-._main-navigation__panel--desktop_1xpue_707 {
+._main-navigation__panel--desktop_1h5w0_709 {
     display: none;
 }
 
-._main-navigation__primary--open_1xpue_711 {
+._main-navigation__primary--open_1h5w0_713 {
     pointer-events: auto;
     transform: translateX(0);
     visibility: visible;
     transition: transform 0.2s ease-in-out;
 }
 
-._main-navigation--menu-closing_1xpue_188 ._main-navigation__primary_1xpue_167 {
+._main-navigation--menu-closing_1h5w0_190 ._main-navigation__primary_1h5w0_169 {
     pointer-events: none;
     visibility: visible;
 }
 
-@keyframes _show-mobile-navigation-section_1xpue_1 {
+@keyframes _show-mobile-navigation-section_1h5w0_1 {
     0% {
         transform: translate3d(100%, 0, 0);
     }
@@ -730,7 +732,7 @@
     }
 }
 
-@keyframes _hide-mobile-navigation-section_1xpue_1 {
+@keyframes _hide-mobile-navigation-section_1h5w0_1 {
     0% {
         transform: translate3d(0, 0, 0);
     }
@@ -740,7 +742,7 @@
     }
 }
 
-@keyframes _show-megamenu_1xpue_1 {
+@keyframes _show-megamenu_1h5w0_1 {
     0% {
         opacity: 0.8;
         transform: translateY(-3px);
@@ -754,16 +756,16 @@
 
 /* Desktop layout overrides */
 @container main-navigation (min-width: 1024px) {
-    ._main-navigation__organization-strip_1xpue_54 {
+    ._main-navigation__organization-strip_1h5w0_54 {
         height: 32px;
         padding: var(--spacing-space-8) var(--spacing-space-16);
     }
 
-    ._main-navigation__menu-toggle_1xpue_665 {
+    ._main-navigation__menu-toggle_1h5w0_667 {
         display: none;
     }
 
-    ._main-navigation__primary_1xpue_167 {
+    ._main-navigation__primary_1h5w0_169 {
         position: static;
         display: block;
         flex: 1 1 auto;
@@ -780,26 +782,26 @@
         transition: none;
     }
 
-    ._main-navigation__navbar_1xpue_134 {
+    ._main-navigation__navbar_1h5w0_136 {
         gap: var(--spacing-space-16);
     }
 
-    ._main-navigation__primary--open_1xpue_711 {
+    ._main-navigation__primary--open_1h5w0_713 {
         z-index: auto;
     }
 
-    ._main-navigation__primary-list_1xpue_193 {
+    ._main-navigation__primary-list_1h5w0_195 {
         align-items: center;
         flex-direction: row;
         gap: var(--spacing-space-16);
     }
 
-    ._main-navigation__item_1xpue_204 {
+    ._main-navigation__item_1h5w0_206 {
         border-bottom: none;
     }
 
-    ._main-navigation__item-link_1xpue_210,
-    ._main-navigation__item-toggle_1xpue_211 {
+    ._main-navigation__item-link_1h5w0_212,
+    ._main-navigation__item-toggle_1h5w0_213 {
         width: auto;
         height: 60px;
         justify-content: flex-start;
@@ -808,8 +810,8 @@
         background: transparent;
     }
 
-    ._main-navigation__item-icon_1xpue_236,
-    ._main-navigation__top-level-toggle-icon_1xpue_237 {
+    ._main-navigation__item-icon_1h5w0_239,
+    ._main-navigation__top-level-toggle-icon_1h5w0_240 {
         width: 12px;
         height: 12px;
         flex: 0 0 12px;
@@ -817,18 +819,18 @@
         transform: rotate(90deg);
     }
 
-    ._main-navigation__item-toggle--open_1xpue_246 {
-        ._main-navigation__item-icon_1xpue_236,
-        ._main-navigation__top-level-toggle-icon_1xpue_237 {
+    ._main-navigation__item-toggle--open_1h5w0_249 {
+        ._main-navigation__item-icon_1h5w0_239,
+        ._main-navigation__top-level-toggle-icon_1h5w0_240 {
             transform: rotate(-90deg);
         }
     }
 
-    ._main-navigation__item-toggle--current_1xpue_827 {
+    ._main-navigation__item-toggle--current_1h5w0_829 {
         color: var(--color-semantic-interactive-primary-active);
         border-bottom-color: transparent;
 
-        ._main-navigation__item-label_1xpue_253::after {
+        ._main-navigation__item-label_1h5w0_256::after {
             content: '';
             position: absolute;
             right: 0;
@@ -839,7 +841,7 @@
         }
     }
 
-    ._main-navigation__panel--desktop_1xpue_707 {
+    ._main-navigation__panel--desktop_1h5w0_709 {
         display: block;
         position: absolute;
         top: 100%;
@@ -848,75 +850,75 @@
         z-index: var(--_main-navigation-z-desktop-panel);
         max-height: calc(100dvh - var(--_main-navigation-height) - var(--spacing-space-40));
         overflow: hidden auto;
-        animation: _show-megamenu_1xpue_1 0.2s forwards;
+        animation: _show-megamenu_1h5w0_1 0.2s forwards;
     }
 
-    ._main-navigation__panel--modal_1xpue_682,
-    ._main-navigation__panel--mobile_1xpue_683 {
+    ._main-navigation__panel--modal_1h5w0_684,
+    ._main-navigation__panel--mobile_1h5w0_685 {
         display: none;
     }
 
-    ._main-navigation__panel-columns_1xpue_518 {
+    ._main-navigation__panel-columns_1h5w0_522 {
         grid-template-columns: repeat(3, minmax(0, 1fr));
     }
 
-    ._main-navigation__icon-nav-label_1xpue_313 {
+    ._main-navigation__icon-nav-label_1h5w0_317 {
         display: inline;
     }
 
-    ._main-navigation__icon-nav-item_1xpue_289 {
+    ._main-navigation__icon-nav-item_1h5w0_292 {
         width: 60px;
         height: 60px;
     }
 
-    ._main-navigation__icon-nav-item--counter_1xpue_317 {
+    ._main-navigation__icon-nav-item--counter_1h5w0_321 {
         right: var(--_main-navigation-space-6);
     }
 
-    ._main-navigation__icon-nav_1xpue_280 {
+    ._main-navigation__icon-nav_1h5w0_283 {
         gap: var(--spacing-space-20);
         padding-inline: var(--spacing-space-16);
     }
 
-    ._main-navigation__panel-column_1xpue_518 {
+    ._main-navigation__panel-column_1h5w0_522 {
         padding: var(--spacing-space-20) 0;
         border-right: var(--borderwidth-semantic-xs) solid var(--color-semantic-border-neutral-base);
         border-bottom: none;
     }
 
-    ._main-navigation__panel-columns_1xpue_518 > ._main-navigation__panel-column_1xpue_518:nth-child(3n) {
+    ._main-navigation__panel-columns_1h5w0_522 > ._main-navigation__panel-column_1h5w0_522:nth-child(3n) {
         border-right: none;
     }
 
-    ._main-navigation__panel-content_1xpue_343 {
+    ._main-navigation__panel-content_1h5w0_347 {
         grid-template-columns: minmax(0, 3fr) minmax(0, 1fr);
     }
 
-    ._main-navigation__panel-column--mobile-only_1xpue_541 {
+    ._main-navigation__panel-column--mobile-only_1h5w0_545 {
         display: none;
     }
 
-    ._main-navigation__panel-column--desktop-only_1xpue_545 {
+    ._main-navigation__panel-column--desktop-only_1h5w0_549 {
         display: flex;
     }
 
-    ._main-navigation__feature-links_1xpue_600 {
+    ._main-navigation__feature-links_1h5w0_601 {
         padding-block: var(--spacing-space-8);
         padding-inline: 0;
         border-radius: 0;
     }
 
-    ._main-navigation__feature-links--empty_1xpue_606 {
+    ._main-navigation__feature-links--empty_1h5w0_607 {
         display: flex;
     }
 
-    ._main-navigation__feature-links_1xpue_600._main-navigation__panel-column--last_1xpue_913 {
+    ._main-navigation__feature-links_1h5w0_601._main-navigation__panel-column--last_1h5w0_915 {
         border-radius: 0;
         border-bottom: none;
         border-top: none;
     }
 
-    ._main-navigation__feature-list_1xpue_610 {
+    ._main-navigation__feature-list_1h5w0_611 {
         grid-template-columns: 1fr;
         gap: var(--spacing-space-16);
         padding: var(--spacing-space-20) var(--spacing-space-20) var(--spacing-space-20)
@@ -925,7 +927,7 @@
 }
 
 @container main-navigation (min-width: 1024px) and (max-width: 1279px) {
-    ._main-navigation__item-label_1xpue_253 {
+    ._main-navigation__item-label_1h5w0_256 {
         font: var(--typography-body-sm-medium);
         white-space: nowrap;
     }
@@ -933,13 +935,13 @@
 
 /* High contrast / forced colors support */
 @media (forced-colors: active) {
-    ._main-navigation__organization-link_1xpue_76,
-    ._main-navigation__item-link_1xpue_210,
-    ._main-navigation__item-toggle_1xpue_211,
-    ._main-navigation__icon-nav-item_1xpue_289,
-    ._main-navigation__panel-link_1xpue_574,
-    ._main-navigation__feature-link_1xpue_600,
-    ._main-navigation__menu-toggle_1xpue_665 {
+    ._main-navigation__organization-link_1h5w0_76,
+    ._main-navigation__item-link_1h5w0_212,
+    ._main-navigation__item-toggle_1h5w0_213,
+    ._main-navigation__icon-nav-item_1h5w0_292,
+    ._main-navigation__panel-link_1h5w0_578,
+    ._main-navigation__feature-link_1h5w0_601,
+    ._main-navigation__menu-toggle_1h5w0_667 {
         border: 1px solid transparent;
     }
 }