@dnanpm/ui-components 0.9.0 → 0.10.0

package/dist/components/MainNavigation/MainNavigation.css

@@ -1,7 +1,7 @@
 @layer dds-base, dds-components;
 @layer dds-components { @layer fallback, components; }
 @layer dds-components.components{/* Root navigation container */
-._main-navigation_1n84f_2 {
+._main-navigation_1zmyt_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);
@@ -11,7 +11,7 @@
     --_main-navigation-height: calc(
         var(--_main-navigation-organization-strip-height) + var(--_main-navigation-navbar-height)
     );
-    --_main-navigation-z-root: 10;
+    --_main-navigation-z-root: var(--zindex-semantic-navigation);
     --_main-navigation-z-overlay: 1;
     --_main-navigation-z-mobile-panel: 2;
     --_main-navigation-z-desktop-panel: 3;
@@ -25,8 +25,8 @@
     z-index: var(--_main-navigation-z-root);
     height: var(--_main-navigation-height);
     width: 100%;
-    min-width: 320px;
-    max-width: 2560px;
+    min-width: var(--layout-semantic-page-min-width);
+    max-width: var(--layout-semantic-page-max-width);
     margin: 0 auto;
     overflow-x: clip;
     container-name: main-navigation;
@@ -34,8 +34,8 @@
     transition: top 0.2s ease-in-out;
 }
 
-@media (min-width: 1024px) {
-    ._main-navigation_1n84f_2 {
+@media (width >= 1024px) {
+    ._main-navigation_1zmyt_2 {
         --_main-navigation-organization-strip-height: calc(32px + (2 * var(--spacing-space-8)));
         --_main-navigation-height: calc(
             var(--_main-navigation-organization-strip-height) +
@@ -44,16 +44,16 @@
     }
 }
 
-._main-navigation--open_1n84f_45 {
+._main-navigation--open_1zmyt_45 {
     top: 0 !important;
 }
 
-._main-navigation--overlay_1n84f_49::before {
+._main-navigation--overlay_1zmyt_49::before {
     z-index: var(--_main-navigation-z-overlay);
 }
 
 /* Organization strip (top bar) */
-._main-navigation__organization-strip_1n84f_54 {
+._main-navigation__organization-strip_1zmyt_54 {
     position: relative;
     z-index: var(--_main-navigation-z-organization-strip);
     display: flex;
@@ -66,7 +66,7 @@
 }
 
 /* Organization links */
-._main-navigation__organization-list_1n84f_67 {
+._main-navigation__organization-list_1zmyt_67 {
     display: flex;
     align-items: center;
     gap: var(--spacing-space-12);
@@ -75,7 +75,7 @@
     list-style: none;
 }
 
-._main-navigation__organization-link_1n84f_76 {
+._main-navigation__organization-link_1zmyt_76 {
     display: inline-flex;
     min-width: 0;
     height: 20px;
@@ -106,7 +106,7 @@
     }
 }
 
-._main-navigation__organization-link--current_1n84f_107 {
+._main-navigation__organization-link--current_1zmyt_107 {
     background: var(--color-semantic-surface-base);
     color: var(--color-semantic-foreground-default);
     font: var(--typography-body-sm-medium);
@@ -120,22 +120,22 @@
 }
 
 @container main-navigation (max-width: 320px) {
-    ._main-navigation__organization-link_1n84f_76,
-    ._main-navigation__organization-link--current_1n84f_107 {
+    ._main-navigation__organization-link_1zmyt_76,
+    ._main-navigation__organization-link--current_1zmyt_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_1n84f_76,
-    ._main-navigation__organization-link--current_1n84f_107 {
+    ._main-navigation__organization-link_1zmyt_76,
+    ._main-navigation__organization-link--current_1zmyt_107 {
         white-space: nowrap;
     }
 }
 
 /* Main navbar */
-._main-navigation__navbar_1n84f_136 {
+._main-navigation__navbar_1zmyt_136 {
     box-sizing: border-box;
     position: relative;
     z-index: var(--_main-navigation-z-navbar);
@@ -150,7 +150,7 @@
 }
 
 /* Logo area */
-._main-navigation__logo_1n84f_151 {
+._main-navigation__logo_1zmyt_151 {
     position: relative;
     width: 60px;
     height: 60px;
@@ -158,17 +158,17 @@
     background: var(--color-semantic-surface-base);
 }
 
-._main-navigation__logo_1n84f_151 img {
+._main-navigation__logo_1zmyt_151 img {
     width: 60px;
     height: 60px;
 }
 
-._main-navigation__logo-mark_1n84f_164 {
+._main-navigation__logo-mark_1zmyt_164 {
     font: var(--typography-label-lg-bold);
 }
 
 /* Primary navigation */
-._main-navigation__primary_1n84f_169 {
+._main-navigation__primary_1zmyt_169 {
     position: absolute;
     top: 100%;
     right: 0;
@@ -189,12 +189,12 @@
         visibility 0s linear 0.2s;
 }
 
-._main-navigation_1n84f_2:not(._main-navigation--menu-open_1n84f_190):not(._main-navigation--menu-closing_1n84f_190)
-    ._main-navigation__primary_1n84f_169 {
+._main-navigation_1zmyt_2:not(._main-navigation--menu-open_1zmyt_190):not(._main-navigation--menu-closing_1zmyt_190)
+    ._main-navigation__primary_1zmyt_169 {
     transition: none;
 }
 
-._main-navigation__primary-list_1n84f_195 {
+._main-navigation__primary-list_1zmyt_195 {
     display: flex;
     align-items: stretch;
     flex-direction: column;
@@ -205,14 +205,14 @@
 }
 
 /* Primary navigation item states */
-._main-navigation__item_1n84f_206 {
+._main-navigation__item_1zmyt_206 {
     min-width: 0;
     margin: 0;
     border-bottom: var(--borderwidth-semantic-xs) solid var(--color-semantic-border-neutral-mid);
 }
 
-._main-navigation__item-link_1n84f_212,
-._main-navigation__item-toggle_1n84f_213 {
+._main-navigation__item-link_1zmyt_212,
+._main-navigation__item-toggle_1zmyt_213 {
     display: flex;
     width: 100%;
     height: auto;
@@ -238,8 +238,8 @@
     }
 }
 
-._main-navigation__item-icon_1n84f_239,
-._main-navigation__top-level-toggle-icon_1n84f_240 {
+._main-navigation__item-icon_1zmyt_239,
+._main-navigation__top-level-toggle-icon_1zmyt_240 {
     width: 24px;
     height: 24px;
     flex: 0 0 24px;
@@ -248,41 +248,30 @@
     transition: transform 0.2s ease-in-out;
 }
 
-._main-navigation__item-toggle--open_1n84f_249 {
-    ._main-navigation__item-icon_1n84f_239,
-    ._main-navigation__top-level-toggle-icon_1n84f_240 {
+._main-navigation__item-toggle--open_1zmyt_249 {
+    ._main-navigation__item-icon_1zmyt_239,
+    ._main-navigation__top-level-toggle-icon_1zmyt_240 {
         transform: rotate(0deg);
     }
 }
 
-._main-navigation__item-label_1n84f_256 {
+._main-navigation__item-label_1zmyt_256 {
     position: relative;
     display: inline-flex;
     align-items: center;
     align-self: stretch;
 }
 
-._main-navigation__item-link--current_1n84f_263 {
-    color: var(--color-semantic-interactive-primary-active);
-    border-bottom-color: transparent;
-
-    &:active {
-        color: var(--color-semantic-interactive-primary-hover);
-    }
+._main-navigation__item-link--current_1zmyt_263 {
+    color: var(--color-semantic-foreground-link);
+}
 
-    ._main-navigation__item-label_1n84f_256::after {
-        content: '';
-        position: absolute;
-        right: 0;
-        bottom: 0;
-        left: 0;
-        border-bottom: var(--borderwidth-semantic-sm) solid
-            var(--color-semantic-interactive-primary-active);
-    }
+._main-navigation__item-toggle--current_1zmyt_267 {
+    color: var(--color-semantic-foreground-link);
 }
 
 /* Utility icon navigation */
-._main-navigation__icon-nav_1n84f_283 {
+._main-navigation__icon-nav_1zmyt_272 {
     display: flex;
     align-items: center;
     gap: var(--_main-navigation-space-10);
@@ -291,7 +280,7 @@
     height: 60px;
 }
 
-._main-navigation__icon-nav-item_1n84f_292 {
+._main-navigation__icon-nav-item_1zmyt_281 {
     position: relative;
     display: inline-flex;
     flex-direction: column;
@@ -316,15 +305,15 @@
     }
 }
 
-._main-navigation__icon-nav-item--active_1n84f_317 {
+._main-navigation__icon-nav-item--active_1zmyt_306 {
     color: var(--color-semantic-foreground-primary-strong);
 }
 
-._main-navigation__icon-nav-label_1n84f_321 {
+._main-navigation__icon-nav-label_1zmyt_310 {
     display: none;
 }
 
-._main-navigation__icon-nav-item--counter_1n84f_325 {
+._main-navigation__icon-nav-item--counter_1zmyt_314 {
     position: absolute;
     top: var(--_main-navigation-space-6);
     right: 0;
@@ -345,14 +334,14 @@
 }
 
 /* Utility control dropdowns (search, language, login) */
-._main-navigation__utility_1n84f_346 {
+._main-navigation__utility_1zmyt_335 {
     position: relative;
     display: inline-flex;
     align-items: center;
     height: 100%;
 }
 
-._main-navigation__dropdown-caret_1n84f_353 {
+._main-navigation__dropdown-caret_1zmyt_342 {
     position: absolute;
     top: 100%;
     left: 50%;
@@ -367,7 +356,7 @@
     pointer-events: none;
 }
 
-._main-navigation__dropdown_1n84f_353 {
+._main-navigation__dropdown_1zmyt_342 {
     position: absolute;
     top: 100%;
     z-index: var(--_main-navigation-z-desktop-panel);
@@ -375,30 +364,30 @@
     border: var(--borderwidth-semantic-xs) solid var(--color-semantic-border-neutral-base);
     border-radius: 0 0 var(--radius-semantic-md) var(--radius-semantic-md);
     background: var(--color-semantic-surface-base);
-    animation: _show-main-navigation-dropdown_1n84f_1 0.2s forwards;
+    animation: _show-main-navigation-dropdown_1zmyt_1 0.2s forwards;
 }
 
-._main-navigation__dropdown--language_1n84f_379 {
+._main-navigation__dropdown--language_1zmyt_368 {
     left: 50%;
     right: auto;
     max-width: calc(100vw - var(--spacing-space-16));
     transform: translateX(-50%);
 }
 
-._main-navigation__dropdown--login_1n84f_386 {
+._main-navigation__dropdown--login_1zmyt_375 {
     right: 0;
     width: 320px;
     padding: var(--spacing-space-32);
     max-width: calc(100vw - var(--spacing-space-16));
 }
 
-._main-navigation__dropdown--search_1n84f_393 {
+._main-navigation__dropdown--search_1zmyt_382 {
     left: 0;
     right: 0;
     border-top: none;
 }
 
-._main-navigation__language-list_1n84f_399 {
+._main-navigation__language-list_1zmyt_388 {
     margin: 0;
     padding: 0;
     list-style: none;
@@ -406,11 +395,11 @@
     gap: var(--spacing-space-8);
 }
 
-._main-navigation__language-list-item_1n84f_407 {
+._main-navigation__language-list-item_1zmyt_396 {
     margin: 0;
 }
 
-._main-navigation__language-link_1n84f_411 {
+._main-navigation__language-link_1zmyt_400 {
     display: block;
     color: var(--color-semantic-foreground-default);
     font: var(--typography-body-sm-medium);
@@ -422,8 +411,8 @@
     }
 }
 
-@media (max-width: 479px) {
-    ._main-navigation__dropdown--login_1n84f_386 {
+@media (width < 480px) {
+    ._main-navigation__dropdown--login_1zmyt_375 {
         position: fixed;
         top: var(--_main-navigation-height);
         left: 0;
@@ -433,7 +422,7 @@
     }
 }
 
-@keyframes _show-main-navigation-dropdown_1n84f_1 {
+@keyframes _show-main-navigation-dropdown_1zmyt_1 {
     from {
         opacity: 0.8;
     }
@@ -444,22 +433,22 @@
 }
 
 /* Navigation panels and columns */
-._main-navigation__panel_1n84f_445 {
+._main-navigation__panel_1zmyt_434 {
     border-bottom: var(--borderwidth-semantic-xs) solid var(--color-semantic-border-neutral-base);
     background: var(--color-semantic-surface-base);
 }
 
-._main-navigation__panel-content_1n84f_450 {
+._main-navigation__panel-content_1zmyt_439 {
     display: grid;
     grid-template-columns: 1fr;
 }
 
-._main-navigation__panel-main_1n84f_455 {
+._main-navigation__panel-main_1zmyt_444 {
     min-width: 0;
 }
 
-._main-navigation__mobile-panel-content_1n84f_459,
-._main-navigation__mobile-level-2-content_1n84f_460 {
+._main-navigation__mobile-panel-content_1zmyt_448,
+._main-navigation__mobile-level-2-content_1zmyt_449 {
     position: relative;
     isolation: isolate;
     display: flex;
@@ -470,7 +459,7 @@
     background: var(--color-semantic-surface-neutral-soft);
 }
 
-._main-navigation__mobile-back-item_1n84f_471 {
+._main-navigation__mobile-back-item_1zmyt_460 {
     display: inline-flex;
     width: 100%;
     align-items: center;
@@ -483,43 +472,43 @@
     text-align: left;
 }
 
-._main-navigation__mobile-back-icon_1n84f_484 {
+._main-navigation__mobile-back-icon_1zmyt_473 {
     transform: rotate(180deg);
     color: var(--color-semantic-foreground-primary-strong);
     flex: 0 0 24px;
 }
 
-._main-navigation__mobile-back-label_1n84f_490 {
+._main-navigation__mobile-back-label_1zmyt_479 {
     font: var(--typography-body-md-bold);
     color: var(--color-semantic-foreground-primary-strong);
 }
 
-._main-navigation__mobile-feature-links_1n84f_495,
-._main-navigation__mobile-level-2-feature-links_1n84f_496 {
+._main-navigation__mobile-feature-links_1zmyt_484,
+._main-navigation__mobile-level-2-feature-links_1zmyt_485 {
     background: var(--color-semantic-surface-neutral-mid);
     padding-block: var(--spacing-space-8);
 }
 
-._main-navigation__mobile-feature-list_1n84f_501,
-._main-navigation__mobile-level-2-feature-list_1n84f_502 {
+._main-navigation__mobile-feature-list_1zmyt_490,
+._main-navigation__mobile-level-2-feature-list_1zmyt_491 {
     margin: 0;
     padding: 0;
     list-style: none;
     display: grid;
     grid-template-columns: repeat(2, minmax(0, 1fr));
 
-    ._main-navigation__panel-list-item_1n84f_509 {
+    ._main-navigation__panel-list-item_1zmyt_498 {
         padding: var(--spacing-space-8) var(--spacing-space-20);
     }
 }
 
-._main-navigation__mobile-level-2-feature-list_1n84f_502 {
-    ._main-navigation__mobile-level-2-feature-list-item_1n84f_515 {
+._main-navigation__mobile-level-2-feature-list_1zmyt_491 {
+    ._main-navigation__mobile-level-2-feature-list-item_1zmyt_504 {
         padding: var(--spacing-space-8) var(--spacing-space-20);
     }
 }
 
-._main-navigation__mobile-feature-link_1n84f_495 {
+._main-navigation__mobile-feature-link_1zmyt_484 {
     text-decoration: none;
 
     &:hover,
@@ -537,20 +526,20 @@
     }
 }
 
-._main-navigation__mobile-category-list_1n84f_538,
-._main-navigation__mobile-level-2-category-list_1n84f_539 {
+._main-navigation__mobile-category-list_1zmyt_527,
+._main-navigation__mobile-level-2-category-list_1zmyt_528 {
     margin: 0;
     padding: 0;
     list-style: none;
 }
 
-._main-navigation__mobile-category-item_1n84f_545,
-._main-navigation__mobile-level-2-category-item_1n84f_546 {
+._main-navigation__mobile-category-item_1zmyt_534,
+._main-navigation__mobile-level-2-category-item_1zmyt_535 {
     margin: 0;
 }
 
-._main-navigation__mobile-category-button_1n84f_550,
-._main-navigation__mobile-level-2-category-button_1n84f_551 {
+._main-navigation__mobile-category-button_1zmyt_539,
+._main-navigation__mobile-level-2-category-button_1zmyt_540 {
     display: inline-flex;
     width: 100%;
     align-items: center;
@@ -565,13 +554,18 @@
     text-align: left;
 }
 
-._main-navigation__mobile-category-button_1n84f_550 > svg,
-._main-navigation__mobile-level-2-category-button_1n84f_551 > svg {
+._main-navigation__mobile-category-button_1zmyt_539 > svg,
+._main-navigation__mobile-level-2-category-button_1zmyt_540 > svg {
     color: var(--color-semantic-foreground-primary-strong);
 }
 
-._main-navigation__mobile-third-panel_1n84f_571,
-._main-navigation__mobile-level-3-panel_1n84f_572 {
+._main-navigation__mobile-level-2-category-button--current_1zmyt_560 {
+    color: var(--color-semantic-foreground-link);
+    font: var(--typography-body-md-bold);
+}
+
+._main-navigation__mobile-third-panel_1zmyt_565,
+._main-navigation__mobile-level-3-panel_1zmyt_566 {
     position: absolute;
     inset: 0;
     z-index: calc(var(--_main-navigation-z-mobile-panel) + 1);
@@ -586,34 +580,34 @@
     transition: transform 0.2s ease-in-out;
 }
 
-._main-navigation__mobile-third-panel--open_1n84f_587,
-._main-navigation__mobile-level-3-panel--open_1n84f_588 {
+._main-navigation__mobile-third-panel--open_1zmyt_581,
+._main-navigation__mobile-level-3-panel--open_1zmyt_582 {
     transform: translate3d(0, 0, 0);
     visibility: visible;
     pointer-events: auto;
 }
 
-._main-navigation__mobile-third-panel--closing_1n84f_594,
-._main-navigation__mobile-level-3-panel--is-closing_1n84f_595 {
+._main-navigation__mobile-third-panel--closing_1zmyt_588,
+._main-navigation__mobile-level-3-panel--is-closing_1zmyt_589 {
     pointer-events: none;
     transform: translate3d(100%, 0, 0);
     visibility: visible;
 }
 
-._main-navigation__mobile-third-list_1n84f_601,
-._main-navigation__mobile-level-3-list_1n84f_602 {
+._main-navigation__mobile-third-list_1zmyt_595,
+._main-navigation__mobile-level-3-list_1zmyt_596 {
     margin: 0;
     padding: 0;
     list-style: none;
 }
 
-._main-navigation__mobile-third-item_1n84f_608,
-._main-navigation__mobile-level-3-item_1n84f_609 {
+._main-navigation__mobile-third-item_1zmyt_602,
+._main-navigation__mobile-level-3-item_1zmyt_603 {
     margin: 0;
 }
 
-._main-navigation__mobile-third-link_1n84f_613,
-._main-navigation__mobile-level-3-link_1n84f_614 {
+._main-navigation__mobile-third-link_1zmyt_607,
+._main-navigation__mobile-level-3-link_1zmyt_608 {
     display: inline-flex;
     width: 100%;
     align-items: center;
@@ -624,16 +618,21 @@
     text-decoration: none;
 }
 
-._main-navigation__panel-columns_1n84f_625 {
+._main-navigation__mobile-level-3-link--current_1zmyt_619 {
+    color: var(--color-semantic-foreground-link);
+    font: var(--typography-body-md-bold);
+}
+
+._main-navigation__panel-columns_1zmyt_624 {
     display: grid;
     grid-template-columns: 1fr;
 }
 
-._main-navigation__panel-columns_1n84f_625 > * {
+._main-navigation__panel-columns_1zmyt_624 > * {
     min-width: 0;
 }
 
-._main-navigation__panel-column_1n84f_625 {
+._main-navigation__panel-column_1zmyt_624 {
     display: flex;
     flex-direction: column;
     gap: var(--spacing-space-8);
@@ -643,26 +642,26 @@
     min-width: 0;
 }
 
-._main-navigation__panel-column--highlighted_1n84f_644 {
+._main-navigation__panel-column--highlighted_1zmyt_643 {
     background: var(--color-semantic-surface-neutral-mid);
 }
 
-._main-navigation__panel-column--mobile-only_1n84f_648 {
+._main-navigation__panel-column--mobile-only_1zmyt_647 {
     display: flex;
 }
 
-._main-navigation__panel-column--desktop-only_1n84f_652 {
+._main-navigation__panel-column--desktop-only_1zmyt_651 {
     display: none;
 }
 
-._main-navigation__panel-heading_1n84f_656 {
+._main-navigation__panel-heading_1zmyt_655 {
     font: var(--typography-heading-xs);
     padding-inline: var(--spacing-space-20);
     margin: 0;
     color: var(--color-semantic-foreground-default);
 }
 
-._main-navigation__panel-list_1n84f_509 {
+._main-navigation__panel-list_1zmyt_498 {
     margin: 0;
     padding: 0;
     list-style: none;
@@ -670,17 +669,17 @@
     gap: var(--spacing-space-8);
 }
 
-._main-navigation__panel-list-item_1n84f_509 {
+._main-navigation__panel-list-item_1zmyt_498 {
     margin: 0;
     display: flex;
 }
 
-._main-navigation__mobile-level-2-feature-list-item_1n84f_515 {
+._main-navigation__mobile-level-2-feature-list-item_1zmyt_504 {
     margin: 0;
     display: flex;
 }
 
-._main-navigation__panel-link_1n84f_681 {
+._main-navigation__panel-link_1zmyt_680 {
     width: 100%;
     display: inline-flex;
     align-items: center;
@@ -697,23 +696,23 @@
     }
 }
 
-._main-navigation__panel-link--current_1n84f_698 {
+._main-navigation__panel-link--current_1zmyt_697 {
     color: var(--color-semantic-foreground-link);
     font: var(--typography-body-md-bold);
 }
 
 /* Feature links block inside panel */
-._main-navigation__feature-links_1n84f_704 {
+._main-navigation__feature-links_1zmyt_703 {
     padding-block: var(--spacing-space-16);
     padding-inline: 0;
     background: var(--color-semantic-surface-neutral-soft);
 }
 
-._main-navigation__feature-links--empty_1n84f_710 {
+._main-navigation__feature-links--empty_1zmyt_709 {
     display: none;
 }
 
-._main-navigation__feature-list_1n84f_714 {
+._main-navigation__feature-list_1zmyt_713 {
     margin: 0;
     padding: 0;
     list-style: none;
@@ -721,17 +720,17 @@
     grid-template-columns: repeat(2, minmax(0, 1fr));
     gap: var(--spacing-space-8);
 
-    ._main-navigation__panel-list-item_1n84f_509 {
+    ._main-navigation__panel-list-item_1zmyt_498 {
         justify-content: flex-start;
     }
 
-    ._main-navigation__feature-link_1n84f_704 {
+    ._main-navigation__feature-link_1zmyt_703 {
         justify-content: flex-start;
         text-align: left;
     }
 }
 
-._main-navigation__feature-link_1n84f_704 {
+._main-navigation__feature-link_1zmyt_703 {
     display: inline-flex;
     align-items: center;
     justify-content: flex-start;
@@ -747,16 +746,16 @@
     }
 }
 
-._main-navigation__feature-link-icon_1n84f_748 {
+._main-navigation__feature-link-icon_1zmyt_747 {
     flex: 0 0 24px;
     color: var(--color-semantic-foreground-primary-strong);
 }
 
-._main-navigation__feature-link-label_1n84f_753 {
+._main-navigation__feature-link-label_1zmyt_752 {
     min-width: 0;
 }
 
-._main-navigation__sr-only_1n84f_757 {
+._main-navigation__sr-only_1zmyt_756 {
     position: absolute;
     width: 1px;
     height: 1px;
@@ -769,7 +768,7 @@
 }
 
 /* Mobile menu toggle and open states */
-._main-navigation__menu-toggle_1n84f_770 {
+._main-navigation__menu-toggle_1zmyt_769 {
     display: inline-flex;
     flex: 0 0 auto;
     align-items: center;
@@ -782,12 +781,12 @@
     cursor: pointer;
 }
 
-._main-navigation__menu-toggle--open_1n84f_783 {
+._main-navigation__menu-toggle--open_1zmyt_782 {
     color: var(--color-semantic-foreground-primary-strong);
 }
 
-._main-navigation__panel--modal_1n84f_787,
-._main-navigation__panel--mobile_1n84f_788 {
+._main-navigation__panel--modal_1zmyt_786,
+._main-navigation__panel--mobile_1zmyt_787 {
     display: grid;
     grid-template-columns: 1fr;
     border-bottom: none;
@@ -802,32 +801,32 @@
             )
     );
     overflow: hidden;
-    animation: _show-mobile-navigation-section_1n84f_1 0.2s forwards;
+    animation: _show-mobile-navigation-section_1zmyt_1 0.2s forwards;
 }
 
-._main-navigation__panel--modal-closing_1n84f_806,
-._main-navigation__panel--is-closing_1n84f_807 {
+._main-navigation__panel--modal-closing_1zmyt_805,
+._main-navigation__panel--is-closing_1zmyt_806 {
     pointer-events: none;
-    animation: _hide-mobile-navigation-section_1n84f_1 0.2s forwards;
+    animation: _hide-mobile-navigation-section_1zmyt_1 0.2s forwards;
 }
 
-._main-navigation__panel--desktop_1n84f_812 {
+._main-navigation__panel--desktop_1zmyt_811 {
     display: none;
 }
 
-._main-navigation__primary--open_1n84f_816 {
+._main-navigation__primary--open_1zmyt_815 {
     pointer-events: auto;
     transform: translateX(0);
     visibility: visible;
     transition: transform 0.2s ease-in-out;
 }
 
-._main-navigation--menu-closing_1n84f_190 ._main-navigation__primary_1n84f_169 {
+._main-navigation--menu-closing_1zmyt_190 ._main-navigation__primary_1zmyt_169 {
     pointer-events: none;
     visibility: visible;
 }
 
-@keyframes _show-mobile-navigation-section_1n84f_1 {
+@keyframes _show-mobile-navigation-section_1zmyt_1 {
     0% {
         transform: translate3d(100%, 0, 0);
     }
@@ -837,7 +836,7 @@
     }
 }
 
-@keyframes _hide-mobile-navigation-section_1n84f_1 {
+@keyframes _hide-mobile-navigation-section_1zmyt_1 {
     0% {
         transform: translate3d(0, 0, 0);
     }
@@ -847,7 +846,7 @@
     }
 }
 
-@keyframes _show-megamenu_1n84f_1 {
+@keyframes _show-megamenu_1zmyt_1 {
     0% {
         opacity: 0.8;
         transform: translateY(-3px);
@@ -861,16 +860,16 @@
 
 /* Desktop layout overrides */
 @container main-navigation (min-width: 1024px) {
-    ._main-navigation__organization-strip_1n84f_54 {
+    ._main-navigation__organization-strip_1zmyt_54 {
         height: 32px;
         padding: var(--spacing-space-8) var(--spacing-space-16);
     }
 
-    ._main-navigation__menu-toggle_1n84f_770 {
+    ._main-navigation__menu-toggle_1zmyt_769 {
         display: none;
     }
 
-    ._main-navigation__primary_1n84f_169 {
+    ._main-navigation__primary_1zmyt_169 {
         position: static;
         display: block;
         flex: 1 1 auto;
@@ -887,26 +886,26 @@
         transition: none;
     }
 
-    ._main-navigation__navbar_1n84f_136 {
+    ._main-navigation__navbar_1zmyt_136 {
         gap: var(--spacing-space-16);
     }
 
-    ._main-navigation__primary--open_1n84f_816 {
+    ._main-navigation__primary--open_1zmyt_815 {
         z-index: auto;
     }
 
-    ._main-navigation__primary-list_1n84f_195 {
+    ._main-navigation__primary-list_1zmyt_195 {
         align-items: center;
         flex-direction: row;
         gap: var(--spacing-space-16);
     }
 
-    ._main-navigation__item_1n84f_206 {
+    ._main-navigation__item_1zmyt_206 {
         border-bottom: none;
     }
 
-    ._main-navigation__item-link_1n84f_212,
-    ._main-navigation__item-toggle_1n84f_213 {
+    ._main-navigation__item-link_1zmyt_212,
+    ._main-navigation__item-toggle_1zmyt_213 {
         width: auto;
         height: 60px;
         justify-content: flex-start;
@@ -915,8 +914,8 @@
         background: transparent;
     }
 
-    ._main-navigation__item-icon_1n84f_239,
-    ._main-navigation__top-level-toggle-icon_1n84f_240 {
+    ._main-navigation__item-icon_1zmyt_239,
+    ._main-navigation__top-level-toggle-icon_1zmyt_240 {
         width: 12px;
         height: 12px;
         flex: 0 0 12px;
@@ -924,29 +923,50 @@
         transform: rotate(90deg);
     }
 
-    ._main-navigation__item-toggle--open_1n84f_249 {
-        ._main-navigation__item-icon_1n84f_239,
-        ._main-navigation__top-level-toggle-icon_1n84f_240 {
+    ._main-navigation__item-toggle--open_1zmyt_249 {
+        ._main-navigation__item-icon_1zmyt_239,
+        ._main-navigation__top-level-toggle-icon_1zmyt_240 {
             transform: rotate(-90deg);
         }
     }
 
-    ._main-navigation__item-toggle--current_1n84f_932 {
-        color: var(--color-semantic-interactive-primary-active);
+    ._main-navigation__item-toggle--current_1zmyt_267 {
+        color: var(--color-semantic-foreground-link);
         border-bottom-color: transparent;
 
-        ._main-navigation__item-label_1n84f_256::after {
+        ._main-navigation__item-label_1zmyt_256::after {
             content: '';
             position: absolute;
             right: 0;
             bottom: 0;
             left: 0;
             border-bottom: var(--borderwidth-semantic-sm) solid
-                var(--color-semantic-interactive-primary-active);
+                var(--color-semantic-foreground-link);
         }
     }
 
-    ._main-navigation__panel--desktop_1n84f_812 {
+    ._main-navigation__item-link--current_1zmyt_263 {
+        color: var(--color-semantic-foreground-link);
+        border-bottom-color: transparent;
+
+        &:hover,
+        &:focus-visible,
+        &:active {
+            color: var(--color-semantic-foreground-link-hover);
+        }
+
+        ._main-navigation__item-label_1zmyt_256::after {
+            content: '';
+            position: absolute;
+            right: 0;
+            bottom: 0;
+            left: 0;
+            border-bottom: var(--borderwidth-semantic-sm) solid
+                var(--color-semantic-foreground-link);
+        }
+    }
+
+    ._main-navigation__panel--desktop_1zmyt_811 {
         display: block;
         position: absolute;
         top: 100%;
@@ -955,75 +975,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_1n84f_1 0.2s forwards;
+        animation: _show-megamenu_1zmyt_1 0.2s forwards;
     }
 
-    ._main-navigation__panel--modal_1n84f_787,
-    ._main-navigation__panel--mobile_1n84f_788 {
+    ._main-navigation__panel--modal_1zmyt_786,
+    ._main-navigation__panel--mobile_1zmyt_787 {
         display: none;
     }
 
-    ._main-navigation__panel-columns_1n84f_625 {
+    ._main-navigation__panel-columns_1zmyt_624 {
         grid-template-columns: repeat(3, minmax(0, 1fr));
     }
 
-    ._main-navigation__icon-nav-label_1n84f_321 {
+    ._main-navigation__icon-nav-label_1zmyt_310 {
         display: inline;
     }
 
-    ._main-navigation__icon-nav-item_1n84f_292 {
+    ._main-navigation__icon-nav-item_1zmyt_281 {
         width: 60px;
         height: 60px;
     }
 
-    ._main-navigation__icon-nav-item--counter_1n84f_325 {
+    ._main-navigation__icon-nav-item--counter_1zmyt_314 {
         right: var(--_main-navigation-space-6);
     }
 
-    ._main-navigation__icon-nav_1n84f_283 {
+    ._main-navigation__icon-nav_1zmyt_272 {
         gap: var(--spacing-space-20);
         padding-inline: var(--spacing-space-16);
     }
 
-    ._main-navigation__panel-column_1n84f_625 {
+    ._main-navigation__panel-column_1zmyt_624 {
         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_1n84f_625 > ._main-navigation__panel-column_1n84f_625:nth-child(3n) {
+    ._main-navigation__panel-columns_1zmyt_624 > ._main-navigation__panel-column_1zmyt_624:nth-child(3n) {
         border-right: none;
     }
 
-    ._main-navigation__panel-content_1n84f_450 {
+    ._main-navigation__panel-content_1zmyt_439 {
         grid-template-columns: minmax(0, 3fr) minmax(0, 1fr);
     }
 
-    ._main-navigation__panel-column--mobile-only_1n84f_648 {
+    ._main-navigation__panel-column--mobile-only_1zmyt_647 {
         display: none;
     }
 
-    ._main-navigation__panel-column--desktop-only_1n84f_652 {
+    ._main-navigation__panel-column--desktop-only_1zmyt_651 {
         display: flex;
     }
 
-    ._main-navigation__feature-links_1n84f_704 {
+    ._main-navigation__feature-links_1zmyt_703 {
         padding-block: var(--spacing-space-8);
         padding-inline: 0;
         border-radius: 0;
     }
 
-    ._main-navigation__feature-links--empty_1n84f_710 {
+    ._main-navigation__feature-links--empty_1zmyt_709 {
         display: flex;
     }
 
-    ._main-navigation__feature-links_1n84f_704._main-navigation__panel-column--last_1n84f_1018 {
+    ._main-navigation__feature-links_1zmyt_703._main-navigation__panel-column--last_1zmyt_1038 {
         border-radius: 0;
         border-bottom: none;
         border-top: none;
     }
 
-    ._main-navigation__feature-list_1n84f_714 {
+    ._main-navigation__feature-list_1zmyt_713 {
         grid-template-columns: 1fr;
         gap: var(--spacing-space-16);
         padding: var(--spacing-space-20) var(--spacing-space-20) var(--spacing-space-20)
@@ -1032,7 +1052,7 @@
 }
 
 @container main-navigation (min-width: 1024px) and (max-width: 1279px) {
-    ._main-navigation__item-label_1n84f_256 {
+    ._main-navigation__item-label_1zmyt_256 {
         font: var(--typography-body-sm-medium);
         white-space: nowrap;
     }
@@ -1040,13 +1060,16 @@
 
 /* High contrast / forced colors support */
 @media (forced-colors: active) {
-    ._main-navigation__organization-link_1n84f_76,
-    ._main-navigation__item-link_1n84f_212,
-    ._main-navigation__item-toggle_1n84f_213,
-    ._main-navigation__icon-nav-item_1n84f_292,
-    ._main-navigation__panel-link_1n84f_681,
-    ._main-navigation__feature-link_1n84f_704,
-    ._main-navigation__menu-toggle_1n84f_770 {
+    ._main-navigation__organization-link_1zmyt_76,
+    ._main-navigation__item-link_1zmyt_212,
+    ._main-navigation__item-toggle_1zmyt_213,
+    ._main-navigation__icon-nav-item_1zmyt_281,
+    ._main-navigation__panel-link_1zmyt_680,
+    ._main-navigation__feature-link_1zmyt_703,
+    ._main-navigation__menu-toggle_1zmyt_769 {
         border: 1px solid transparent;
     }
-} }
+}
+/**
+ * Do not edit directly, this file was auto-generated.
+ */ }