@fundamental-ngx/btp 0.58.0-rc.5 → 0.58.0-rc.51

package/fesm2022/fundamental-ngx-btp-navigation.mjs

@@ -1,18 +1,17 @@
 import * as i0 from '@angular/core';
-import { signal, inject, DestroyRef, computed, Injectable, EventEmitter, booleanAttribute, HostListener, Output, Input, HostBinding, ChangeDetectionStrategy, ViewEncapsulation, Component, ContentChildren, Injector, Directive, TemplateRef, ElementRef, NgZone, effect, ViewChild, ContentChild, ChangeDetectorRef } from '@angular/core';
+import { signal, inject, DestroyRef, computed, Injectable, EventEmitter, Renderer2, ElementRef, effect, booleanAttribute, HostListener, Output, Input, HostBinding, ChangeDetectionStrategy, ViewEncapsulation, Component, ContentChildren, Injector, Directive, TemplateRef, input, NgZone, ViewChild, ContentChild, ChangeDetectorRef } from '@angular/core';
 import { takeUntilDestroyed, toSignal, toObservable } from '@angular/core/rxjs-interop';
-import { Subject, startWith, observeOn, asyncScheduler, filter, of, take, debounceTime, merge, switchMap, isObservable, map } from 'rxjs';
+import { Subject, startWith, observeOn, asyncScheduler, filter, of, map, take, debounceTime, merge, switchMap, isObservable } from 'rxjs';
 import { FocusKeyManager } from '@angular/cdk/a11y';
-import { DOWN_ARROW, UP_ARROW, LEFT_ARROW, RIGHT_ARROW } from '@angular/cdk/keycodes';
+import { DOWN_ARROW, UP_ARROW, LEFT_ARROW, RIGHT_ARROW, SPACE, ENTER } from '@angular/cdk/keycodes';
 import { NgTemplateOutlet, NgClass } from '@angular/common';
 import { RtlService, KeyUtil, resizeObservable } from '@fundamental-ngx/cdk';
-import { NestedButtonDirective } from '@fundamental-ngx/btp/button';
 import { RtlService as RtlService$1, KeyUtil as KeyUtil$1, applyCssClass } from '@fundamental-ngx/cdk/utils';
-import { ButtonComponent } from '@fundamental-ngx/core/button';
-import { FD_DEFAULT_ICON_FONT_FAMILY, IconComponent } from '@fundamental-ngx/core/icon';
 import { PopoverComponent, PopoverBodyComponent } from '@fundamental-ngx/core/popover';
+import { FD_LANGUAGE, TranslationResolver } from '@fundamental-ngx/i18n';
 import * as i1 from '@angular/router';
 import { RouterLink, RouterLinkActive } from '@angular/router';
+import { FD_DEFAULT_ICON_FONT_FAMILY, IconComponent } from '@fundamental-ngx/core/icon';
 import { PortalModule } from '@angular/cdk/portal';
 import * as i1$1 from '@fundamental-ngx/core/scrollbar';
 import { ScrollbarDirective } from '@fundamental-ngx/core/scrollbar';
@@ -114,6 +113,8 @@ class FdbNavigationListItem {
         this.expanded$ = signal(false, ...(ngDevMode ? [{ debugName: "expanded$" }] : []));
         /** @hidden */
         this.isGroup$ = signal(false, ...(ngDevMode ? [{ debugName: "isGroup$" }] : []));
+        /** @hidden */
+        this.disabled$ = signal(false, ...(ngDevMode ? [{ debugName: "disabled$" }] : []));
         /** Navigation container reference. */
         this.navigation = inject(FdbNavigation);
     }
@@ -125,6 +126,39 @@ class NavigationService {
     constructor() {
         /** Currently active list item. */
         this.currentItem$ = new Subject();
+        /** Currently selected item (for click-based selection mode). */
+        this.selectedItem$ = signal(null, ...(ngDevMode ? [{ debugName: "selectedItem$" }] : []));
+        /** Subject to notify when an overflow item is selected and should be promoted. */
+        this.overflowItemSelected$ = new Subject();
+        /** Subject to notify when selection changes to clear manual selections */
+        this.selectionChanged$ = new Subject();
+    }
+    /**
+     * Set the selected item.
+     * @param item The item to select, or null to clear selection.
+     */
+    setSelectedItem(item) {
+        this.selectedItem$.set(item);
+        // Notify that selection has changed so other items can clear their manual selection
+        this.selectionChanged$.next(item);
+        // Handle smart overflow promotion logic
+        if (item) {
+            // Case 1: Child items promote their parent when the parent is in overflow
+            if (item.parentListItem && item.parentListItem.isOverflow$()) {
+                this.overflowItemSelected$.next(item.parentListItem);
+            }
+            // Case 2: Regular overflow items promote themselves
+            else if (item.isOverflow$()) {
+                this.overflowItemSelected$.next(item);
+            }
+        }
+    }
+    /**
+     * Get the currently selected item.
+     * @returns The currently selected item, or null if none is selected.
+     */
+    getSelectedItem() {
+        return this.selectedItem$();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: NavigationService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: NavigationService }); }
@@ -144,14 +178,27 @@ class NavigationListComponent {
     get _listItems() {
         return this._listItemsArray;
     }
+    /** List Role. */
+    get _role() {
+        return this.computedRole();
+    }
     /** @hidden */
     get _activeItemIndex() {
         return this._keyManager?.activeItemIndex ?? -1;
     }
     /** @hidden */
     constructor() {
-        /** List Role. */
         this.role = 'tree';
+        /**
+         * aria-label for the navigation list.
+         */
+        // eslint-disable-next-line @angular-eslint/no-input-rename
+        this.ariaLabel = null;
+        /**
+         * aria-roledescription for the navigation list.
+         */
+        // eslint-disable-next-line @angular-eslint/no-input-rename
+        this.ariaRoleDescription = null;
         /** Whether the list is for parent items. */
         this.parentItems = false;
         /** Whether the list is for child items. */
@@ -164,6 +211,51 @@ class NavigationListComponent {
         this.focusBefore = new EventEmitter();
         /** Event emitted when user tries to navigate to the item after the list itself. */
         this.focusAfter = new EventEmitter();
+        /** Computed role based on navigation state and input role. */
+        this.computedRole = computed(() => {
+            // Prioritize explicit role input
+            if (this.role && this.role !== 'tree') {
+                return this.role;
+            }
+            // Check if this is in an overflow menu context (More button popover)
+            const navigation = this._navigation;
+            if (navigation?.isSnapped$() && this.moreButtonRef) {
+                // In overflow menu, lists should have role="menu"
+                return 'menu';
+            }
+            // If this is a child items list or parent items list, it should have role="group"
+            if (this.childItems || this.parentItems) {
+                return 'group';
+            }
+            if (navigation?.isSnapped$()) {
+                return 'menubar';
+            }
+            return this.role || 'tree';
+        }, ...(ngDevMode ? [{ debugName: "computedRole" }] : []));
+        /** Computed aria-label for group lists based on parent item's text content. */
+        this.computedAriaLabel = computed(() => {
+            try {
+                // Only provide aria-label for group role lists
+                if (this.computedRole() === 'group' && this._listItem) {
+                    const parentLink = this._listItem.link$();
+                    if (parentLink?.elementRef?.nativeElement) {
+                        // Get text content directly from the navigation link element
+                        // The .fd-navigation__text span contains the projected content, but we can access
+                        // the text content directly from the link element itself
+                        const linkElement = parentLink.elementRef.nativeElement;
+                        const textContent = linkElement.textContent?.trim();
+                        if (textContent) {
+                            return textContent;
+                        }
+                    }
+                }
+                return this.ariaLabel;
+            }
+            catch {
+                // Fallback to default ariaLabel if DOM is not ready or there's any error
+                return this.ariaLabel;
+            }
+        }, ...(ngDevMode ? [{ debugName: "computedAriaLabel" }] : []));
         /** List items. */
         this.listItems$ = signal([], ...(ngDevMode ? [{ debugName: "listItems$" }] : []));
         /** @hidden */
@@ -172,6 +264,13 @@ class NavigationListComponent {
         this._navigationService = inject(NavigationService, {
             optional: true
         });
+        /**
+         * @hidden
+         * Parent navigation component.
+         */
+        this._navigation = inject(FdbNavigation, {
+            optional: true
+        });
         /**
          * @hidden
          * Parent list item.
@@ -185,6 +284,18 @@ class NavigationListComponent {
         });
         /** @hidden */
         this._destroyRef = inject(DestroyRef);
+        /** @hidden */
+        this._renderer = inject(Renderer2);
+        /** @hidden */
+        this._elementRef = inject(ElementRef);
+        /** @hidden */
+        this._ariaLabelEffect = effect(() => {
+            // This effect runs whenever the signals change, but we need to ensure
+            // it doesn't run during the initial change detection cycle
+            setTimeout(() => {
+                this._updateAriaLabel();
+            }, 0);
+        }, ...(ngDevMode ? [{ debugName: "_ariaLabelEffect" }] : []));
         this._listItem?.registerChildList(this);
     }
     /**
@@ -215,9 +326,22 @@ class NavigationListComponent {
         }
         // We need to cancel event bubbling since we may have parent list that will also try to focus it's parent list item.
         event.stopImmediatePropagation();
+        // All navigation lists use the same swapped arrow logic:
+        // RIGHT arrow = expand action, LEFT arrow = collapse/go back action
         const isExpandAction = KeyUtil.isKeyCode(event, this._rtl?.rtl.value ? LEFT_ARROW : RIGHT_ARROW);
         if (!isExpandAction) {
-            this._listItem?.focusLink(true);
+            if (this.moreButtonRef) {
+                if (this._listItem) {
+                    this._listItem.focusLink(true);
+                }
+                else {
+                    this.moreButtonRef.popoverOpen$.set(false);
+                    this.moreButtonRef.focusLink();
+                }
+            }
+            else {
+                this._listItem?.focusLink(true);
+            }
         }
     }
     /** @hidden */
@@ -241,6 +365,25 @@ class NavigationListComponent {
         this._listItem?.unregisterChildList(this);
         this._keyManager?.destroy();
     }
+    /**
+     * Updates aria-label attribute manually to avoid expression changed errors
+     */
+    _updateAriaLabel() {
+        try {
+            const ariaLabel = this.computedAriaLabel();
+            if (ariaLabel !== null && ariaLabel !== undefined) {
+                this._renderer.setAttribute(this._elementRef.nativeElement, 'aria-label', ariaLabel);
+            }
+            else {
+                this._renderer.removeAttribute(this._elementRef.nativeElement, 'aria-label');
+            }
+        }
+        catch {
+            if (this.ariaLabel) {
+                this._renderer.setAttribute(this._elementRef.nativeElement, 'aria-label', this.ariaLabel);
+            }
+        }
+    }
     /** @hidden */
     _setupKeyManager() {
         this._keyManager?.destroy();
@@ -252,22 +395,31 @@ class NavigationListComponent {
             .skipPredicate((item) => item.skipNavigation);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: NavigationListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.4", type: NavigationListComponent, isStandalone: true, selector: "ul[fdb-navigation-list]", inputs: { _listItems: ["listItems", "_listItems"], role: "role", parentItems: ["parentItems", "parentItems", booleanAttribute], childItems: ["childItems", "childItems", booleanAttribute], noGrow: ["noGrow", "noGrow", booleanAttribute], withKeyboardNavigation: ["withKeyboardNavigation", "withKeyboardNavigation", booleanAttribute] }, outputs: { focusBefore: "focusBefore", focusAfter: "focusAfter" }, host: { attributes: { "tabindex": "-1" }, listeners: { "keydown": "_keydownHandler($event)" }, properties: { "attr.role": "this.role", "class.fd-navigation__list--parent-items": "this.parentItems", "class.fd-navigation__list--child-items": "this.childItems", "class.fd-navigation__list--no-grow": "this.noGrow" }, classAttribute: "fd-navigation__list" }, usesOnChanges: true, ngImport: i0, template: "@for (item of listItems$(); track item) {\n    @if (item) {\n        <li [class]=\"item.class$()\">\n            <ng-template [ngTemplateOutlet]=\"item.renderer$()\"></ng-template>\n        </li>\n        <!-- Add separator after home list item. -->\n        @if (item.home) {\n            <li class=\"fd-navigation__list-item fd-navigation__list-item--separator\"></li>\n        }\n    }\n}\n<!-- Keep this for \"More\" button -->\n<ng-content></ng-content>\n", dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.4", type: NavigationListComponent, isStandalone: true, selector: "ul[fdb-navigation-list]", inputs: { _listItems: ["listItems", "_listItems"], role: "role", ariaLabel: "ariaLabel", ariaRoleDescription: "ariaRoleDescription", parentItems: ["parentItems", "parentItems", booleanAttribute], childItems: ["childItems", "childItems", booleanAttribute], noGrow: ["noGrow", "noGrow", booleanAttribute], withKeyboardNavigation: ["withKeyboardNavigation", "withKeyboardNavigation", booleanAttribute], moreButtonRef: "moreButtonRef" }, outputs: { focusBefore: "focusBefore", focusAfter: "focusAfter" }, host: { attributes: { "tabindex": "-1" }, listeners: { "keydown": "_keydownHandler($event)" }, properties: { "attr.role": "this._role", "attr.aria-roledescription": "this.ariaRoleDescription", "class.fd-navigation__list--parent-items": "this.parentItems", "class.fd-navigation__list--child-items": "this.childItems", "class.fd-navigation__list--no-grow": "this.noGrow" }, classAttribute: "fd-navigation__list" }, usesOnChanges: true, ngImport: i0, template: "@for (item of listItems$(); track item) {\n    @if (item) {\n        <li [class]=\"item.class$()\" role=\"none\">\n            <ng-template [ngTemplateOutlet]=\"item.renderer$()\"></ng-template>\n        </li>\n        <!-- Add separator after home list item. -->\n        @if (item.home) {\n            <li class=\"fd-navigation__list-item fd-navigation__list-item--separator\" role=\"separator\"></li>\n        }\n    }\n}\n<!-- Keep this for \"More\" button -->\n<ng-content></ng-content>\n", dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: NavigationListComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ul[fdb-navigation-list]', imports: [NgTemplateOutlet], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         class: 'fd-navigation__list',
                         tabindex: '-1'
-                    }, template: "@for (item of listItems$(); track item) {\n    @if (item) {\n        <li [class]=\"item.class$()\">\n            <ng-template [ngTemplateOutlet]=\"item.renderer$()\"></ng-template>\n        </li>\n        <!-- Add separator after home list item. -->\n        @if (item.home) {\n            <li class=\"fd-navigation__list-item fd-navigation__list-item--separator\"></li>\n        }\n    }\n}\n<!-- Keep this for \"More\" button -->\n<ng-content></ng-content>\n" }]
+                    }, template: "@for (item of listItems$(); track item) {\n    @if (item) {\n        <li [class]=\"item.class$()\" role=\"none\">\n            <ng-template [ngTemplateOutlet]=\"item.renderer$()\"></ng-template>\n        </li>\n        <!-- Add separator after home list item. -->\n        @if (item.home) {\n            <li class=\"fd-navigation__list-item fd-navigation__list-item--separator\" role=\"separator\"></li>\n        }\n    }\n}\n<!-- Keep this for \"More\" button -->\n<ng-content></ng-content>\n" }]
         }], ctorParameters: () => [], propDecorators: { _listItems: [{
                 type: Input,
                 args: ['listItems']
-            }], role: [{
+            }], _role: [{
                 type: HostBinding,
                 args: ['attr.role']
-            }, {
+            }], role: [{
                 type: Input
+            }], ariaLabel: [{
+                type: Input,
+                args: ['ariaLabel']
+            }], ariaRoleDescription: [{
+                type: Input,
+                args: ['ariaRoleDescription']
+            }, {
+                type: HostBinding,
+                args: ['attr.aria-roledescription']
             }], parentItems: [{
                 type: HostBinding,
                 args: ['class.fd-navigation__list--parent-items']
@@ -289,6 +441,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImpor
             }], withKeyboardNavigation: [{
                 type: Input,
                 args: [{ transform: booleanAttribute }]
+            }], moreButtonRef: [{
+                type: Input
             }], focusBefore: [{
                 type: Output
             }], focusAfter: [{
@@ -303,6 +457,14 @@ class NavigationContentEndComponent extends FdbNavigationContentContainer {
         super(...arguments);
         /** Whether the list items are content-projected. Used only with data-driven navigation. */
         this.contentProjected = true;
+        /**
+         * aria-label for the navigation list.
+         */
+        this.ariaLabel = null;
+        /**
+         * aria-roledescription for the navigation list.
+         */
+        this.ariaRoleDescription = null;
         /** @hidden */
         this.listItems$ = signal([], ...(ngDevMode ? [{ debugName: "listItems$" }] : []));
         /** Whether the container is placed on the start position, or the end position of the navigation. */
@@ -318,18 +480,28 @@ class NavigationContentEndComponent extends FdbNavigationContentContainer {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: NavigationContentEndComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.4", type: NavigationContentEndComponent, isStandalone: true, selector: "fdb-navigation-content-end", inputs: { contentProjected: "contentProjected" }, host: { classAttribute: "fd-navigation__container fd-navigation__container--bottom" }, providers: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.4", type: NavigationContentEndComponent, isStandalone: true, selector: "fdb-navigation-content-end", inputs: { contentProjected: "contentProjected", ariaLabel: "ariaLabel", ariaRoleDescription: "ariaRoleDescription" }, host: { classAttribute: "fd-navigation__container fd-navigation__container--bottom" }, providers: [
             {
                 provide: FdbNavigationContentContainer,
                 useExisting: NavigationContentEndComponent
             }
-        ], queries: [{ propertyName: "_listItems", predicate: FdbNavigationListItem }], usesInheritance: true, ngImport: i0, template: `<ul fdb-navigation-list [listItems]="allListItems$()"></ul>`, isInline: true, dependencies: [{ kind: "component", type: NavigationListComponent, selector: "ul[fdb-navigation-list]", inputs: ["listItems", "role", "parentItems", "childItems", "noGrow", "withKeyboardNavigation"], outputs: ["focusBefore", "focusAfter"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+        ], queries: [{ propertyName: "_listItems", predicate: FdbNavigationListItem }], usesInheritance: true, ngImport: i0, template: `<ul
+        fdb-navigation-list
+        [listItems]="allListItems$()"
+        [ariaLabel]="ariaLabel"
+        [ariaRoleDescription]="ariaRoleDescription"
+    ></ul>`, isInline: true, dependencies: [{ kind: "component", type: NavigationListComponent, selector: "ul[fdb-navigation-list]", inputs: ["listItems", "role", "ariaLabel", "ariaRoleDescription", "parentItems", "childItems", "noGrow", "withKeyboardNavigation", "moreButtonRef"], outputs: ["focusBefore", "focusAfter"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: NavigationContentEndComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'fdb-navigation-content-end',
-                    template: `<ul fdb-navigation-list [listItems]="allListItems$()"></ul>`,
+                    template: `<ul
+        fdb-navigation-list
+        [listItems]="allListItems$()"
+        [ariaLabel]="ariaLabel"
+        [ariaRoleDescription]="ariaRoleDescription"
+    ></ul>`,
                     imports: [NavigationListComponent],
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     encapsulation: ViewEncapsulation.None,
@@ -345,6 +517,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImpor
                 }]
         }], propDecorators: { contentProjected: [{
                 type: Input
+            }], ariaLabel: [{
+                type: Input
+            }], ariaRoleDescription: [{
+                type: Input
             }], _listItems: [{
                 type: ContentChildren,
                 args: [FdbNavigationListItem, { descendants: false }]
@@ -402,7 +578,7 @@ class NavigationListItemDirective {
         this.childDirectives().clear();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: NavigationListItemDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.4", type: NavigationListItemDirective, isStandalone: true, selector: "[fdbNavigationListItem]", inputs: { item: "item" }, providers: [
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.4", type: NavigationListItemDirective, isStandalone: true, selector: "[fdbNavigationListItem]", providers: [
             {
                 provide: FdbNavigationListItem,
                 useExisting: NavigationListItemDirective
@@ -422,9 +598,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImpor
                     ],
                     exportAs: 'fdbListItem'
                 }]
-        }], ctorParameters: () => [], propDecorators: { item: [{
-                type: Input
-            }] } });
+        }], ctorParameters: () => [] });
 class NavigationListItemRefDirective {
     constructor() {
         /** Template reference. */
@@ -466,10 +640,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImpor
                 }]
         }] });
 class NavigationLinkComponent extends FdbNavigationItemLink {
-    /** @hidden */
-    get _tabIndex() {
-        return this._listItemComponent?.popoverOpen$() || this._navigation.getActiveItem()?.link$() === this ? 0 : -1;
-    }
     /** Whether the link is inside popover. */
     get inPopover() {
         return !!this.elementRef.nativeElement.parentElement?.classList.contains('fd-navigation__item--title');
@@ -505,38 +675,174 @@ class NavigationLinkComponent extends FdbNavigationItemLink {
         });
         /** @hidden */
         this._navigation = inject(FdbNavigation);
+        /** @hidden */
+        this._renderer = inject(Renderer2);
+        /** @hidden */
+        this._tabIndexEffect = effect(() => {
+            // Track all the signals that affect tabindex computation
+            this._navigation.getActiveItem(); // Track active item changes
+            const isParentPopoverOpen = this._listItemComponent?.popoverOpen$();
+            const isGrandparentPopoverOpen = this._listItemComponent?.parentListItem?.popoverOpen$();
+            const hasOpenPopover = isParentPopoverOpen || isGrandparentPopoverOpen;
+            if (hasOpenPopover) {
+                // For popover cases, update immediately to ensure tabindex is set before focus management
+                this._updateTabIndex();
+            }
+            else {
+                // For other cases, use setTimeout to avoid expression changed errors
+                setTimeout(() => {
+                    this._updateTabIndex();
+                }, 0);
+            }
+        }, ...(ngDevMode ? [{ debugName: "_tabIndexEffect" }] : []));
         this._listItemComponent?.registerLink(this);
         this.isActive$ = toSignal(this._routerLinkActive?.isActiveChange.pipe(startWith(this._routerLinkActive.isActive)) || of(false));
     }
     /** @hidden */
-    _clickHandler() {
+    _clickHandler(event) {
+        // Check if this is a NavigationMoreButtonComponent (More button itself)
+        if (this._listItemComponent &&
+            'type' in this._listItemComponent &&
+            this._listItemComponent.type === 'showMore') {
+            return;
+        }
+        const disabled = this._listItemComponent?.disabled$?.() || false;
+        if (disabled) {
+            event.preventDefault();
+            event.stopPropagation();
+            return;
+        }
         if (this.inPopover || !this._listItemComponent?.isVisible$() || this._listItemComponent?.isOverflow$()) {
             this._navigation.closePopups();
         }
-        // Ignore click if link has URL applied to it.
         if (this.routerLink) {
             return;
         }
-        this._listItemComponent?.toggleExpanded();
+        // Handle selection directly if in click mode
+        if (this._navigation.selectionMode === 'click' && this._listItemComponent) {
+            const canSelect = this._canItemBeSelected();
+            if (canSelect) {
+                this._navigation.service.setSelectedItem(this._listItemComponent);
+            }
+            else {
+                // Handle expansion for items with children
+                this._listItemComponent?.toggleExpanded();
+            }
+        }
+        else {
+            // Handle expansion for items with children
+            this._listItemComponent?.toggleExpanded();
+        }
     }
     /** @hidden */
     _keyDownHandler(event) {
-        if (this.inPopover && KeyUtil.isKeyCode(event, DOWN_ARROW)) {
+        const keyboardEvent = event;
+        const isDisabled = this._listItemComponent?.disabled$?.() || false;
+        if (isDisabled) {
+            return;
+        }
+        // Handle Space and Enter for selection (same as click behavior)
+        if (KeyUtil.isKeyCode(keyboardEvent, [SPACE, ENTER])) {
+            // Check if this is a NavigationMoreButtonComponent (More button itself)
+            if (this._listItemComponent &&
+                'type' in this._listItemComponent &&
+                this._listItemComponent.type === 'showMore') {
+                return;
+            }
+            // Prevent default scrolling behavior for Space
+            keyboardEvent.preventDefault();
+            if (this.inPopover || !this._listItemComponent?.isVisible$() || this._listItemComponent?.isOverflow$()) {
+                this._navigation.closePopups();
+            }
+            // Ignore if link has URL applied to it (let router handle it)
+            if (this.routerLink) {
+                return;
+            }
+            // Handle selection directly if in click mode
+            if (this._navigation.selectionMode === 'click' && this._listItemComponent) {
+                const canSelect = this._canItemBeSelected();
+                if (canSelect) {
+                    this._navigation.service.setSelectedItem(this._listItemComponent);
+                }
+                else {
+                    // Handle expansion for items with children
+                    this._listItemComponent?.toggleExpanded();
+                }
+            }
+            else {
+                // Handle expansion for items with children
+                this._listItemComponent?.toggleExpanded();
+            }
+            return;
+        }
+        if (this.inPopover && KeyUtil.isKeyCode(keyboardEvent, DOWN_ARROW)) {
             this._listItemComponent?.popoverLinkArrowDown();
             return;
         }
-        if (!KeyUtil.isKeyCode(event, [LEFT_ARROW, RIGHT_ARROW])) {
+        if (!KeyUtil.isKeyCode(keyboardEvent, [LEFT_ARROW, RIGHT_ARROW])) {
+            return;
+        }
+        // Skip keyboard expansion for More buttons - they handle their own keyboard events
+        if (this._listItemComponent.type === 'showMore') {
             return;
         }
-        const expansionKey = this._rtl?.rtl.value ? RIGHT_ARROW : LEFT_ARROW;
-        this._listItemComponent?.keyboardExpanded(KeyUtil.isKeyCode(event, expansionKey));
+        const expansionKey = this._rtl?.rtl.value ? LEFT_ARROW : RIGHT_ARROW;
+        this._listItemComponent?.keyboardExpanded(KeyUtil.isKeyCode(keyboardEvent, expansionKey));
     }
     /** @hidden */
     ngOnDestroy() {
         this._listItemComponent?.unregisterLink(this);
     }
+    /** @hidden */
+    _updateTabIndex() {
+        try {
+            // Check if this link should have tabindex=0
+            const isActiveItem = this._navigation.getActiveItem()?.link$() === this;
+            // Check if any ancestor has an open popover
+            const isParentPopoverOpen = this._listItemComponent?.popoverOpen$();
+            const isGrandparentPopoverOpen = this._listItemComponent?.parentListItem?.popoverOpen$();
+            // Check if the navigation is inside any popover body (not just navigation item popovers)
+            const isInsidePopoverBody = this.elementRef.nativeElement.closest('.fd-popover__body');
+            // When a popover is open, all links in the popover hierarchy should be focusable
+            if (isParentPopoverOpen || isGrandparentPopoverOpen || isInsidePopoverBody) {
+                // All links in popover context should be focusable (except disabled ones)
+                const tabIndex = 0;
+                this._renderer.setAttribute(this.elementRef.nativeElement, 'tabindex', tabIndex.toString());
+            }
+            else {
+                // Normal case: active item gets tabindex=0, others get -1
+                const tabIndex = isActiveItem ? 0 : -1;
+                this._renderer.setAttribute(this.elementRef.nativeElement, 'tabindex', tabIndex.toString());
+            }
+        }
+        catch {
+            // Fallback to -1 if there's any issue during evaluation
+            this._renderer.setAttribute(this.elementRef.nativeElement, 'tabindex', '-1');
+        }
+    }
+    /** @hidden */
+    _canItemBeSelected() {
+        if (!this._listItemComponent) {
+            return false;
+        }
+        // Group items (headers) cannot be selected
+        if (this._listItemComponent.isGroup$()) {
+            return false;
+        }
+        // Items with children that don't have a router link cannot be selected
+        // (they should only expand/collapse)
+        if (this._listItemComponent.hasChildren$() && !this.routerLink) {
+            return false;
+        }
+        // Separator and spacer items cannot be selected
+        if (this._listItemComponent.separator || this._listItemComponent.spacer) {
+            return false;
+        }
+        // All other items (leaf items and items with both links and children) can be selected
+        return true;
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: NavigationLinkComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.4", type: NavigationLinkComponent, isStandalone: true, selector: "a[fdb-navigation-link], button[fdb-navigation-link]", inputs: { class: "class", glyph: "glyph", glyphFont: "glyphFont", external: "external", quickCreate: ["quickCreate", "quickCreate", booleanAttribute] }, host: { listeners: { "click": "_clickHandler()", "keydown": "_keyDownHandler($event)" }, properties: { "attr.role": "quickCreate ? \"button\" : \"link\"", "attr.tabindex": "this._tabIndex" }, classAttribute: "fd-navigation__link" }, providers: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.4", type: NavigationLinkComponent, isStandalone: true, selector: "a[fdb-navigation-link], button[fdb-navigation-link]", inputs: { class: "class", glyph: "glyph", glyphFont: "glyphFont", external: "external", quickCreate: ["quickCreate", "quickCreate", booleanAttribute] }, host: { listeners: { "click": "_clickHandler($event)", "keydown": "_keyDownHandler($event)" }, properties: { "attr.role": "quickCreate ? \"button\" : \"link\"" }, classAttribute: "fd-navigation__link" }, providers: [
             {
                 provide: FdbNavigationItemLink,
                 useExisting: NavigationLinkComponent
@@ -565,17 +871,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImpor
             }], quickCreate: [{
                 type: Input,
                 args: [{ transform: booleanAttribute }]
-            }], _tabIndex: [{
-                type: HostBinding,
-                args: ['attr.tabindex']
             }], _clickHandler: [{
                 type: HostListener,
-                args: ['click']
+                args: ['click', ['$event']]
             }], _keyDownHandler: [{
                 type: HostListener,
                 args: ['keydown', ['$event']]
             }] } });
 
+let navListItemUniqueId = 0;
 class NavigationListItemMarkerDirective {
     /** @hidden */
     constructor() {
@@ -645,11 +949,18 @@ class NavigationListItemComponent extends FdbNavigationListItem {
     }
     /** Whether the item should be marked as selected. */
     set selected(selected) {
-        this.selected$.set(selected);
+        this._manuallySelected$.set(selected);
     }
     get selected() {
         return this.selected$();
     }
+    /** Whether the item is disabled. */
+    set disabled(disabled) {
+        this.disabled$.set(disabled);
+    }
+    get disabled() {
+        return this.disabled$();
+    }
     /** Link reference. */
     set link(value) {
         this.link$.set(value);
@@ -664,7 +975,7 @@ class NavigationListItemComponent extends FdbNavigationListItem {
      * Whether the item is navigatable via the keyboard.
      */
     get skipNavigation() {
-        return this.spacer || this.separator;
+        return this.spacer || this.separator || this._isDisabledCached$();
     }
     /** @hidden */
     get parentListItem() {
@@ -673,6 +984,8 @@ class NavigationListItemComponent extends FdbNavigationListItem {
     /** @hidden */
     constructor() {
         super();
+        /** ID for the navigation list item. Default one is assigned if not provided. */
+        this.id = input(`fdb-nav-list-item-${++navListItemUniqueId}`, ...(ngDevMode ? [{ debugName: "id" }] : []));
         /** Type of the list item. Whether its a standard item or a "show more" button container. */
         this.type = 'item';
         /** @hidden */
@@ -702,8 +1015,135 @@ class NavigationListItemComponent extends FdbNavigationListItem {
             }
             return this.parentListItem.isVisible$() && this.parentListItem.expanded$();
         }, ...(ngDevMode ? [{ debugName: "isVisible$" }] : []));
+        /** Whether the item is disabled. Cached to avoid repeated signal calls. */
+        this._isDisabledCached$ = computed(() => this.disabled$(), ...(ngDevMode ? [{ debugName: "_isDisabledCached$" }] : []));
         /** aria-expanded attribute value. */
         this.expandedAttr$ = computed(() => this.navigation.isSnapped$() ? this.popoverOpen$() && !this.isOverflow$() : this.expanded$(), ...(ngDevMode ? [{ debugName: "expandedAttr$" }] : []));
+        /** Role attribute value based on navigation state. */
+        this.roleAttr$ = computed(() => {
+            if (this.navigation.isSnapped$()) {
+                // In popover context (when parent list item exists), child items should be treeitem
+                if (this.parentListItem && this.parentListItem.popoverOpen$()) {
+                    return 'treeitem';
+                }
+                // In overflow menu context (More button popover), items should be menuitem
+                if (this.isOverflow$()) {
+                    return 'menuitem';
+                }
+                return 'menuitemradio';
+            }
+            return 'treeitem';
+        }, ...(ngDevMode ? [{ debugName: "roleAttr$" }] : []));
+        /** aria-checked attribute value for menuitemradio role. */
+        this.ariaCheckedAttr$ = computed(() => {
+            if (this.navigation.isSnapped$() && this.roleAttr$() === 'menuitemradio') {
+                return this.isActiveAttr$();
+            }
+            return undefined;
+        }, ...(ngDevMode ? [{ debugName: "ariaCheckedAttr$" }] : []));
+        /** aria-selected attribute value - kept in both expanded and snapped modes. */
+        this.ariaSelectedAttr$ = computed(() => this.isActiveAttr$(), ...(ngDevMode ? [{ debugName: "ariaSelectedAttr$" }] : []));
+        /** aria-level attribute value - only for treeitem role. */
+        this.ariaLevelAttr$ = computed(() => {
+            if (!this.navigation.isSnapped$()) {
+                return this.level$();
+            }
+            return undefined;
+        }, ...(ngDevMode ? [{ debugName: "ariaLevelAttr$" }] : []));
+        /** aria-owns attribute value for items with children. */
+        this.ariaOwnsAttr$ = computed(() => {
+            if (this.hasChildren$()) {
+                return `${this.id()}-list`;
+            }
+            return undefined;
+        }, ...(ngDevMode ? [{ debugName: "ariaOwnsAttr$" }] : []));
+        /** ID attribute for child lists. */
+        this.childListIdAttr$ = computed(() => {
+            if (this.hasChildren$()) {
+                return `${this.id()}-list`;
+            }
+            return undefined;
+        }, ...(ngDevMode ? [{ debugName: "childListIdAttr$" }] : []));
+        /** aria-label attribute value for snapped mode menuitemradio. */
+        this.ariaLabelAttr$ = computed(() => {
+            if (this.navigation.isSnapped$() && this.roleAttr$() === 'menuitemradio') {
+                const link = this.link$();
+                if (link?.elementRef?.nativeElement) {
+                    const linkElement = link.elementRef.nativeElement;
+                    const textContent = linkElement.textContent?.trim();
+                    if (textContent) {
+                        return textContent;
+                    }
+                }
+            }
+            return undefined;
+        }, ...(ngDevMode ? [{ debugName: "ariaLabelAttr$" }] : []));
+        /** Expander aria-label attribute value. */
+        this.expanderAriaLabelAttr$ = computed(() => this._expanderAriaLabel$(), ...(ngDevMode ? [{ debugName: "expanderAriaLabelAttr$" }] : []));
+        /** aria-haspopup attribute value for snapped mode items with children. */
+        this.ariaHasPopupAttr$ = computed(() => {
+            if (this.navigation.isSnapped$() && this.hasChildren$()) {
+                // In overflow menu, items with submenus should have aria-haspopup="menu"
+                if (this.isOverflow$()) {
+                    return 'menu';
+                }
+                // Regular navigation items should have aria-haspopup="dialog"
+                return 'dialog';
+            }
+            return undefined;
+        }, ...(ngDevMode ? [{ debugName: "ariaHasPopupAttr$" }] : []));
+        /** aria-current attribute value for snapped mode items with children. */
+        this.ariaCurrentAttr$ = computed(() => {
+            if (this.navigation.isSnapped$() && this.hasChildren$()) {
+                return 'page';
+            }
+            return undefined;
+        }, ...(ngDevMode ? [{ debugName: "ariaCurrentAttr$" }] : []));
+        /** Wrapper role attribute for snapped mode popovers. */
+        this.wrapperRoleAttr$ = computed(() => {
+            if (this.navigation.isSnapped$() && this.hasChildren$() && !this.isOverflow$()) {
+                return 'tree';
+            }
+            return undefined;
+        }, ...(ngDevMode ? [{ debugName: "wrapperRoleAttr$" }] : []));
+        /** Wrapper aria-roledescription for snapped mode popovers. */
+        this.wrapperAriaRoleDescriptionAttr$ = computed(() => {
+            if (this.navigation.isSnapped$() && this.hasChildren$() && !this.isOverflow$()) {
+                return this._snappedPopoverRoleDescription$();
+            }
+            return undefined;
+        }, ...(ngDevMode ? [{ debugName: "wrapperAriaRoleDescriptionAttr$" }] : []));
+        /** Title item role for snapped mode - should be treeitem in popovers. */
+        this.titleItemRoleAttr$ = computed(() => {
+            if (this.navigation.isSnapped$() && !this.isOverflow$()) {
+                return 'treeitem';
+            }
+            return this.roleAttr$();
+        }, ...(ngDevMode ? [{ debugName: "titleItemRoleAttr$" }] : []));
+        /** Title item aria-selected for snapped mode - should not be selected if children are selected. */
+        this.titleItemAriaSelectedAttr$ = computed(() => {
+            if (this.navigation.isSnapped$() && !this.isOverflow$()) {
+                // In popover, if any child is selected, the parent should not have aria-selected
+                const hasSelectedChild = this.listItems$().some((item) => item?.isActiveAttr$());
+                if (hasSelectedChild) {
+                    return false;
+                }
+                // Otherwise use the normal selected state
+                return this.ariaSelectedAttr$();
+            }
+            return this.ariaSelectedAttr$();
+        }, ...(ngDevMode ? [{ debugName: "titleItemAriaSelectedAttr$" }] : []));
+        this.titleItemFocusable$ = computed(() => {
+            if (this.navigation.isSnapped$() && !this.isOverflow$()) {
+                // Check if the parent item has the with-expander class (two-click area)
+                const parentItemElement = this.marker?.elementRef?.nativeElement;
+                if (parentItemElement) {
+                    return parentItemElement.classList.contains('fd-navigation__item--with-expander');
+                }
+                return false; // Default to not focusable for one-click areas
+            }
+            return true;
+        }, ...(ngDevMode ? [{ debugName: "titleItemFocusable$" }] : []));
         /** CSS Class signal. */
         this.class$ = computed(() => [
             LIST_ITEM_CLASS,
@@ -714,8 +1154,21 @@ class NavigationListItemComponent extends FdbNavigationListItem {
         ]
             .filter((k) => !!k)
             .join(' '), ...(ngDevMode ? [{ debugName: "class$" }] : []));
-        /** Selected Signal. */
-        this.selected$ = signal(false, ...(ngDevMode ? [{ debugName: "selected$" }] : []));
+        /** Combined selected state - considers both manual selection and service selection. */
+        this.selected$ = computed(() => {
+            // In router mode, only consider manual selection
+            if (this.navigation.selectionMode === 'router') {
+                return this._manuallySelected$();
+            }
+            // In click mode, check both manual selection and service selection
+            // But manual selection should only be considered if no item is selected via service
+            if (this.navigation.selectionMode === 'click') {
+                const serviceSelected = this.navigation.service.selectedItem$() === this;
+                const manuallySelected = this._manuallySelected$() && this.navigation.service.selectedItem$() === null;
+                return serviceSelected || manuallySelected;
+            }
+            return false;
+        }, ...(ngDevMode ? [{ debugName: "selected$" }] : []));
         /** @hidden */
         this.quickCreate$ = signal(false, ...(ngDevMode ? [{ debugName: "quickCreate$" }] : []));
         /**
@@ -723,6 +1176,8 @@ class NavigationListItemComponent extends FdbNavigationListItem {
          * Popover position. Changes based on rtl value.
          */
         this._popoverPlacement$ = computed(() => (this._rtl$() ? 'left-start' : 'right-start'), ...(ngDevMode ? [{ debugName: "_popoverPlacement$" }] : []));
+        /** @hidden */
+        this._moreButtonRef$ = computed(() => this._parentNavigationList?.moreButtonRef || null, ...(ngDevMode ? [{ debugName: "_moreButtonRef$" }] : []));
         /** Optional parent list component. */
         this.parentListItemComponent = inject(FdbNavigationListItemCmp, {
             optional: true,
@@ -730,6 +1185,8 @@ class NavigationListItemComponent extends FdbNavigationListItem {
         });
         /** @hidden */
         this._home$ = signal(false, ...(ngDevMode ? [{ debugName: "_home$" }] : []));
+        /** Manual selection state signal (for router-based selection mode). */
+        this._manuallySelected$ = signal(false, ...(ngDevMode ? [{ debugName: "_manuallySelected$" }] : []));
         /** @hidden */
         this._class$ = signal(null, ...(ngDevMode ? [{ debugName: "_class$" }] : []));
         /** @hidden */
@@ -742,6 +1199,14 @@ class NavigationListItemComponent extends FdbNavigationListItem {
         this._childLists = [];
         /** @hidden */
         this._zone = inject(NgZone);
+        /** @hidden */
+        this._lang$ = inject(FD_LANGUAGE);
+        /** @hidden */
+        this._translationResolver = inject(TranslationResolver);
+        /** Translation signal for snapped popover role description. */
+        this._snappedPopoverRoleDescription$ = toSignal(this._lang$.pipe(map((lang) => this._translationResolver.resolve(lang, 'btpNavigation.snappedPopoverRoleDescription'))), { initialValue: 'Navigation List Tree' });
+        /** Translation signal for expander aria-label. */
+        this._expanderAriaLabel$ = toSignal(this._lang$.pipe(map((lang) => this._translationResolver.resolve(lang, 'btpNavigation.expanderAriaLabel'))), { initialValue: 'expand/collapse sub-items' });
         this._rtlService = inject(RtlService$1, {
             optional: true
         });
@@ -758,6 +1223,11 @@ class NavigationListItemComponent extends FdbNavigationListItem {
             optional: true
         });
         /** @hidden */
+        this._parentNavigationList = inject(NavigationListComponent, {
+            skipSelf: true,
+            optional: true
+        });
+        /** @hidden */
         this._destroyRef = inject(DestroyRef);
         effect(() => {
             if (this.popoverOpen$()) {
@@ -783,6 +1253,15 @@ class NavigationListItemComponent extends FdbNavigationListItem {
         this.navigation.closeAllPopups.pipe(takeUntilDestroyed(this._destroyRef)).subscribe(() => {
             this.popoverOpen$.set(false);
         });
+        // Listen for selection changes to implement single-selection behavior
+        this.navigation.service.selectionChanged$
+            .pipe(takeUntilDestroyed(this._destroyRef))
+            .subscribe((selectedItem) => {
+            // If another item was selected and we're in click mode, clear our manual selection
+            if (this.navigation.selectionMode === 'click' && selectedItem !== this && this._manuallySelected$()) {
+                this._manuallySelected$.set(false);
+            }
+        });
     }
     /** @hidden */
     ngOnDestroy() {
@@ -863,7 +1342,7 @@ class NavigationListItemComponent extends FdbNavigationListItem {
         if (!KeyUtil$1.isKeyCode(event, [LEFT_ARROW, RIGHT_ARROW])) {
             return;
         }
-        const isGoBack = KeyUtil$1.isKeyCode(event, this._rtl$() ? RIGHT_ARROW : LEFT_ARROW);
+        const isGoBack = KeyUtil$1.isKeyCode(event, this._rtl$() ? LEFT_ARROW : RIGHT_ARROW);
         if (!isGoBack) {
             return;
         }
@@ -871,11 +1350,43 @@ class NavigationListItemComponent extends FdbNavigationListItem {
     }
     /** Toggles expanded state of the item. */
     toggleExpanded() {
+        if (this.disabled$()) {
+            return;
+        }
         if (!this.hasChildren$()) {
             return;
         }
         this.expanded$.update((expanded) => !expanded);
     }
+    /** Handles item click for both selection and expansion based on item type and navigation mode. */
+    handleItemClick() {
+        if (this.disabled$()) {
+            return;
+        }
+        // Let the navigation link handle expansion for items with links
+        // Only handle expansion here for items without any links
+        if (this.hasChildren$() && !this.link$()) {
+            this.toggleExpanded();
+            return;
+        }
+        // Handle selection in click mode for selectable items
+        if (this.navigation.selectionMode === 'click' && this.canItemBeSelected()) {
+            this.navigation.service.setSelectedItem(this);
+        }
+    }
+    /** Handles keydown events for navigation item actions. */
+    handleItemKeydown(event) {
+        // For quick create items, execute the click action on Enter/Space
+        if (this.quickCreate$() && KeyUtil$1.isKeyCode(event, [ENTER, SPACE])) {
+            event.preventDefault();
+            event.stopPropagation();
+            // Trigger click on the link element if it exists
+            const linkElement = this.link$()?.elementRef?.nativeElement;
+            if (linkElement) {
+                linkElement.click();
+            }
+        }
+    }
     /** Callback method when user used keyboard arrows to expand/collapse list item. */
     keyboardExpanded(shouldExpand) {
         if (this.isOverflow$()) {
@@ -913,17 +1424,97 @@ class NavigationListItemComponent extends FdbNavigationListItem {
     /** @hidden */
     _onPopoverOpen(isOpen, popover) {
         this.popoverOpen$.set(isOpen);
-        if (!isOpen) {
-            return;
+        if (isOpen) {
+            this._onZoneStable().subscribe(() => {
+                // Force update of tabindex for all child links before focusing
+                this._ensureChildTabindexUpdated();
+                setTimeout(() => {
+                    // Try to use the FocusKeyManager first
+                    if (this._keyManager) {
+                        this._keyManager.setActiveItem(0);
+                        return;
+                    }
+                    // Fallback: Use component data structures to find the first focusable link
+                    const firstFocusableLink = this._links.find((link) => link.inPopover && link.elementRef?.nativeElement);
+                    if (firstFocusableLink) {
+                        firstFocusableLink.elementRef.nativeElement.focus();
+                        return;
+                    }
+                    // Alternative: Use listItems to find first item's link
+                    const firstListItem = this.listItems$().find((item) => item && !item.skipNavigation);
+                    if (firstListItem) {
+                        const link = firstListItem.link$();
+                        if (link?.elementRef?.nativeElement) {
+                            link.elementRef.nativeElement.focus();
+                            return;
+                        }
+                    }
+                    // Last resort: use the popover's built-in focus management
+                    try {
+                        popover.popoverBody._focusFirstTabbableElement(true);
+                    }
+                    catch (error) {
+                        console.error('Error focusing in popover:', error);
+                        const popoverBodyElement = popover.popoverBody?._elementRef?.nativeElement;
+                        if (popoverBodyElement) {
+                            const firstFocusableElement = popoverBodyElement.querySelector('a, button, [tabindex]:not([tabindex="-1"])');
+                            if (firstFocusableElement) {
+                                firstFocusableElement.focus();
+                            }
+                        }
+                    }
+                }, 0);
+            });
+        }
+        else {
+            // When popover closes, return focus to the parent link (for snapped state)
+            if (this.navigation.isSnapped$()) {
+                this._onZoneStable().subscribe(() => {
+                    this.focusLink();
+                });
+            }
         }
-        this._onZoneStable().subscribe(() => {
-            popover.popoverBody._focusFirstTabbableElement(true);
-        });
+    }
+    /**
+     * Determines if this item can be selected based on its type and structure.
+     * @returns true if the item can be selected, false otherwise
+     */
+    canItemBeSelected() {
+        // Group items (headers) cannot be selected
+        if (this.isGroup$()) {
+            return false;
+        }
+        // Quick create items cannot be selected (they execute actions instead)
+        if (this.quickCreate$()) {
+            return false;
+        }
+        // Items with children that don't have a router link cannot be selected
+        // (they should only expand/collapse)
+        if (this.hasChildren$() && !this.link$()?.routerLink) {
+            return false;
+        }
+        // Separator and spacer items cannot be selected
+        if (this.separator || this.spacer) {
+            return false;
+        }
+        // All other items (leaf items and items with both links and children) can be selected
+        return true;
     }
     _focusPopoverLink() {
         this._links.find((link) => link.inPopover)?.elementRef.nativeElement.focus();
     }
     /** @hidden */
+    _ensureChildTabindexUpdated() {
+        // When popover is open, all links should be focusable
+        this._links.forEach((link) => {
+            if (link.elementRef?.nativeElement) {
+                // Simple logic: if any popover is open in the hierarchy, all links are focusable
+                const tabIndex = this.popoverOpen$() ? 0 : -1;
+                link.elementRef.nativeElement.setAttribute('tabindex', tabIndex.toString());
+            }
+        });
+    }
+    /** @hidden */
     _visibleItemKeyboardExpandedHandler(shouldExpand) {
         if (!this.hasChildren$()) {
             if (!shouldExpand) {
@@ -982,7 +1573,7 @@ class NavigationListItemComponent extends FdbNavigationListItem {
         return this._zone.onStable.pipe(startWith(this._zone.isStable), observeOn(asyncScheduler), take(1), takeUntilDestroyed(this._destroyRef));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: NavigationListItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.4", type: NavigationListItemComponent, isStandalone: true, selector: "fdb-navigation-list-item", inputs: { class: "class", home: ["home", "home", booleanAttribute], quickCreate: ["quickCreate", "quickCreate", booleanAttribute], separator: ["separator", "separator", booleanAttribute], spacer: ["spacer", "spacer", booleanAttribute], group: ["group", "group", booleanAttribute], expanded: ["expanded", "expanded", booleanAttribute], selected: ["selected", "selected", booleanAttribute] }, providers: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.4", type: NavigationListItemComponent, isStandalone: true, selector: "fdb-navigation-list-item", inputs: { class: { classPropertyName: "class", publicName: "class", isSignal: false, isRequired: false, transformFunction: null }, home: { classPropertyName: "home", publicName: "home", isSignal: false, isRequired: false, transformFunction: booleanAttribute }, quickCreate: { classPropertyName: "quickCreate", publicName: "quickCreate", isSignal: false, isRequired: false, transformFunction: booleanAttribute }, separator: { classPropertyName: "separator", publicName: "separator", isSignal: false, isRequired: false, transformFunction: booleanAttribute }, spacer: { classPropertyName: "spacer", publicName: "spacer", isSignal: false, isRequired: false, transformFunction: booleanAttribute }, group: { classPropertyName: "group", publicName: "group", isSignal: false, isRequired: false, transformFunction: booleanAttribute }, expanded: { classPropertyName: "expanded", publicName: "expanded", isSignal: false, isRequired: false, transformFunction: booleanAttribute }, selected: { classPropertyName: "selected", publicName: "selected", isSignal: false, isRequired: false, transformFunction: booleanAttribute }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: false, isRequired: false, transformFunction: booleanAttribute }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
             NavigationService,
             {
                 provide: FdbNavigationListItem,
@@ -992,7 +1583,7 @@ class NavigationListItemComponent extends FdbNavigationListItem {
                 provide: FdbNavigationListItemCmp,
                 useExisting: NavigationListItemComponent
             }
-        ], queries: [{ propertyName: "link", first: true, predicate: FdbNavigationItemLink, descendants: true }, { propertyName: "linkRef", first: true, predicate: NavigationLinkRefDirective, descendants: true }, { propertyName: "listItems", predicate: FdbNavigationListItem }], viewQueries: [{ propertyName: "renderer", first: true, predicate: ["renderer"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<!-- General renderer. -->\n<ng-template #renderer>\n    @if (!separator) {\n        <div\n            class=\"fd-navigation__item\"\n            [class.fd-navigation__item--group]=\"isGroup$()\"\n            [class.fd-navigation__item--create]=\"quickCreate$()\"\n            [class.fd-navigation__item--child]=\"normalizedLevel$() > 2\"\n            [class.fd-navigation__item--overflow]=\"isOverflow$()\"\n            [class.fd-navigation__item--with-expander]=\"!!link$()?.routerLink && hasChildren$()\"\n            [attr.aria-level]=\"level$()\"\n            [attr.aria-selected]=\"isActiveAttr$()\"\n            [attr.aria-expanded]=\"expandedAttr$()\"\n            [attr.normalized-level]=\"normalizedLevel$()\"\n            (focusin)=\"_focusInHandler()\"\n            fdbNavigationListItemMarker\n            #itemContainer\n        >\n            @if (!navigation.isSnapped$() || !hasChildren$()) {\n                <ng-template\n                    [ngTemplateOutlet]=\"linkRenderer\"\n                    [ngTemplateOutletContext]=\"{ $implicit: true }\"\n                ></ng-template>\n            } @else {\n                <ng-template\n                    [ngTemplateOutlet]=\"snappedNavigationItemRenderer\"\n                    [ngTemplateOutletContext]=\"{ $implicit: itemContainer }\"\n                ></ng-template>\n            }\n        </div>\n        @if (isOverflow$() && hasChildren$()) {\n            <ng-template [ngTemplateOutlet]=\"overflowItemListRenderer\"></ng-template>\n        }\n        @if (!navigation.isSnapped$()) {\n            <ng-template [ngTemplateOutlet]=\"listRenderer\"></ng-template>\n        }\n    }\n</ng-template>\n<!-- Snapped navigation list item renderer. Implicit context points to the popover trigger element. -->\n<ng-template #snappedNavigationItemRenderer let-itemContainer>\n    <ng-template [ngTemplateOutlet]=\"linkRenderer\" [ngTemplateOutletContext]=\"{ $implicit: false }\"></ng-template>\n    @if (!isOverflow$()) {\n        <fd-popover\n            #popover\n            [noArrow]=\"false\"\n            additionalBodyClass=\"fd-navigation__list-container\"\n            [isOpen]=\"popoverOpen$()\"\n            (isOpenChange)=\"_onPopoverOpen($event, popover)\"\n            [trigger]=\"itemContainer\"\n            [focusAutoCapture]=\"true\"\n            [restoreFocusOnClose]=\"false\"\n            [focusTrapped]=\"true\"\n            [placement]=\"_popoverPlacement$()\"\n        >\n            <fd-popover-body [ngClass]=\"navigation.classList$()\">\n                <ng-template\n                    [ngTemplateOutlet]=\"wrapperRenderer\"\n                    [ngTemplateOutletContext]=\"{ $implicit: true }\"\n                ></ng-template>\n            </fd-popover-body>\n        </fd-popover>\n    }\n</ng-template>\n<!-- Generic link renderer. -->\n<ng-template #linkRenderer let-showToggleButton>\n    <ng-template [ngTemplateOutlet]=\"linkRef?.templateRef || null\"></ng-template>\n    @if (!!link$()?.routerLink && hasChildren$()) {\n        <span\n            class=\"fd-navigation__has-children-indicator\"\n            role=\"button\"\n            aria-label=\"expand/collapse children\"\n            (click)=\"toggleExpanded()\"\n        ></span>\n    }\n</ng-template>\n<!-- Generic list renderer. Used when navigation is not snapped. -->\n<ng-template #listRenderer>\n    @if (isGroup$() && normalizedLevel$() === 1) {\n        <ul fdb-navigation-list [listItems]=\"listItems$()\" parentItems></ul>\n    } @else {\n        <div class=\"fd-navigation__list-container\">\n            <ng-template\n                [ngTemplateOutlet]=\"wrapperRenderer\"\n                [ngTemplateOutletContext]=\"{ $implicit: false }\"\n            ></ng-template>\n        </div>\n    }\n</ng-template>\n<!-- Template used for rendering sublist of items for the list item that is currently in overflow menu. -->\n<ng-template #overflowItemListRenderer>\n    <div class=\"fd-navigation__list-container fd-navigation__list-container--submenu fd-menu__sublist\">\n        <ng-template [ngTemplateOutlet]=\"wrapperRenderer\" [ngTemplateOutletContext]=\"{ $implicit: true }\"></ng-template>\n    </div>\n</ng-template>\n<!-- Generic list renderer. Implicit context defines whether the inner list should handle keyboard navigation by its own. -->\n<ng-template #wrapperRenderer let-keyboardNavigation>\n    <div class=\"fd-navigation__list-wrapper\">\n        @if (navigation.isSnapped$() && !isOverflow$()) {\n            <!-- If opener link itself is active, project aria-selected attribute to link repeater too. -->\n            <div\n                class=\"fd-navigation__item fd-navigation__item--title fd-navigation__item--child\"\n                [attr.aria-selected]=\"link$()?.isActive$() || selected$()\"\n            >\n                <ng-template\n                    [ngTemplateOutlet]=\"linkRenderer\"\n                    [ngTemplateOutletContext]=\"{ $implicit: false }\"\n                ></ng-template>\n            </div>\n        }\n        <ul\n            fdb-navigation-list\n            [listItems]=\"listItems$() || []\"\n            [childItems]=\"normalizedLevel$() > 2\"\n            (keydown)=\"(false)\"\n            (focusBefore)=\"_focusBeforeList()\"\n            [withKeyboardNavigation]=\"keyboardNavigation\"\n        ></ul>\n    </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: NavigationListComponent, selector: "ul[fdb-navigation-list]", inputs: ["listItems", "role", "parentItems", "childItems", "noGrow", "withKeyboardNavigation"], outputs: ["focusBefore", "focusAfter"] }, { kind: "component", type: PopoverComponent, selector: "fd-popover", inputs: ["title", "trigger", "fixedPosition", "id", "mobile", "mobileConfig", "preventSpaceKeyScroll"] }, { kind: "component", type: PopoverBodyComponent, selector: "fd-popover-body", inputs: ["minWidth", "maxWidth", "minHeight", "maxHeight"] }, { kind: "directive", type: NavigationListItemMarkerDirective, selector: "[fdbNavigationListItemMarker]" }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+        ], queries: [{ propertyName: "link", first: true, predicate: FdbNavigationItemLink, descendants: true }, { propertyName: "linkRef", first: true, predicate: NavigationLinkRefDirective, descendants: true }, { propertyName: "listItems", predicate: FdbNavigationListItem }], viewQueries: [{ propertyName: "renderer", first: true, predicate: ["renderer"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<!-- General renderer. -->\n<ng-template #renderer>\n    @if (!separator) {\n        <div\n            class=\"fd-navigation__item\"\n            [class.fd-navigation__item--group]=\"isGroup$()\"\n            [class.fd-navigation__item--create]=\"quickCreate$()\"\n            [class.fd-navigation__item--child]=\"normalizedLevel$() > 2\"\n            [class.fd-navigation__item--overflow]=\"isOverflow$()\"\n            [class.fd-navigation__item--with-expander]=\"!!link$()?.routerLink && hasChildren$()\"\n            [class.fd-navigation__item--disabled]=\"disabled$()\"\n            [attr.id]=\"id()\"\n            [attr.role]=\"roleAttr$()\"\n            [attr.aria-level]=\"ariaLevelAttr$()\"\n            [attr.aria-label]=\"ariaLabelAttr$()\"\n            [attr.aria-selected]=\"ariaSelectedAttr$()\"\n            [attr.aria-checked]=\"ariaCheckedAttr$()\"\n            [attr.aria-expanded]=\"expandedAttr$()\"\n            [attr.aria-disabled]=\"disabled$()\"\n            [attr.aria-owns]=\"ariaOwnsAttr$()\"\n            [attr.aria-haspopup]=\"ariaHasPopupAttr$()\"\n            [attr.aria-current]=\"ariaCurrentAttr$()\"\n            [attr.normalized-level]=\"normalizedLevel$()\"\n            (focusin)=\"_focusInHandler()\"\n            (click)=\"handleItemClick()\"\n            (keydown)=\"handleItemKeydown($event)\"\n            fdbNavigationListItemMarker\n            #itemContainer\n        >\n            @if (!navigation.isSnapped$() || !hasChildren$()) {\n                <ng-template\n                    [ngTemplateOutlet]=\"linkRenderer\"\n                    [ngTemplateOutletContext]=\"{ $implicit: true }\"\n                ></ng-template>\n            } @else {\n                <ng-template\n                    [ngTemplateOutlet]=\"snappedNavigationItemRenderer\"\n                    [ngTemplateOutletContext]=\"{ $implicit: itemContainer }\"\n                ></ng-template>\n            }\n        </div>\n        @if (isOverflow$() && hasChildren$()) {\n            <ng-template [ngTemplateOutlet]=\"overflowItemListRenderer\"></ng-template>\n        }\n        @if (!navigation.isSnapped$()) {\n            <ng-template [ngTemplateOutlet]=\"listRenderer\"></ng-template>\n        }\n    }\n</ng-template>\n<!-- Snapped navigation list item renderer. Implicit context points to the popover trigger element. -->\n<ng-template #snappedNavigationItemRenderer let-itemContainer>\n    <ng-template [ngTemplateOutlet]=\"linkRenderer\" [ngTemplateOutletContext]=\"{ $implicit: false }\"></ng-template>\n    @if (!isOverflow$()) {\n        <fd-popover\n            #popover\n            [noArrow]=\"true\"\n            additionalBodyClass=\"fd-navigation__list-container\"\n            [isOpen]=\"popoverOpen$()\"\n            (isOpenChange)=\"_onPopoverOpen($event, popover)\"\n            [trigger]=\"itemContainer\"\n            [focusAutoCapture]=\"true\"\n            [restoreFocusOnClose]=\"false\"\n            [focusTrapped]=\"true\"\n            [placement]=\"_popoverPlacement$()\"\n        >\n            <fd-popover-body [ngClass]=\"navigation.classList$()\">\n                <ng-template\n                    [ngTemplateOutlet]=\"wrapperRenderer\"\n                    [ngTemplateOutletContext]=\"{ $implicit: true }\"\n                ></ng-template>\n            </fd-popover-body>\n        </fd-popover>\n    }\n</ng-template>\n<!-- Generic link renderer. -->\n<ng-template #linkRenderer let-showToggleButton>\n    <ng-template [ngTemplateOutlet]=\"linkRef?.templateRef || null\"></ng-template>\n    @if (!!link$()?.routerLink && hasChildren$()) {\n        <span\n            class=\"fd-navigation__has-children-indicator\"\n            role=\"button\"\n            [attr.aria-label]=\"expanderAriaLabelAttr$()\"\n            (click)=\"toggleExpanded()\"\n        ></span>\n    }\n</ng-template>\n<!-- Generic list renderer. Used when navigation is not snapped. -->\n<ng-template #listRenderer>\n    @if (isGroup$() && normalizedLevel$() === 1) {\n        <ul\n            fdb-navigation-list\n            [listItems]=\"listItems$()\"\n            parentItems\n            [moreButtonRef]=\"_moreButtonRef$()\"\n            [attr.id]=\"id() + '-list'\"\n        ></ul>\n    } @else if (hasChildren$()) {\n        <div class=\"fd-navigation__list-container\">\n            <ng-template\n                [ngTemplateOutlet]=\"wrapperRenderer\"\n                [ngTemplateOutletContext]=\"{ $implicit: false }\"\n            ></ng-template>\n        </div>\n    }\n</ng-template>\n<!-- Template used for rendering sublist of items for the list item that is currently in overflow menu. -->\n<ng-template #overflowItemListRenderer>\n    <div class=\"fd-navigation__list-container fd-navigation__list-container--submenu fd-menu__sublist\">\n        <ng-template [ngTemplateOutlet]=\"wrapperRenderer\" [ngTemplateOutletContext]=\"{ $implicit: true }\"></ng-template>\n    </div>\n</ng-template>\n<!-- Generic list renderer. Implicit context defines whether the inner list should handle keyboard navigation by its own. -->\n<ng-template #wrapperRenderer let-keyboardNavigation>\n    <div\n        class=\"fd-navigation__list-wrapper\"\n        [attr.role]=\"wrapperRoleAttr$()\"\n        [attr.aria-roledescription]=\"wrapperAriaRoleDescriptionAttr$()\"\n    >\n        @if (navigation.isSnapped$() && !isOverflow$()) {\n            <!-- If opener link itself is active, project aria-checked attribute to link repeater too for snapped mode. -->\n            <div\n                class=\"fd-navigation__item fd-navigation__item--title fd-navigation__item--child\"\n                [attr.role]=\"titleItemRoleAttr$()\"\n                [attr.aria-selected]=\"titleItemAriaSelectedAttr$()\"\n                [attr.tabindex]=\"titleItemFocusable$() ? 0 : -1\"\n            >\n                <ng-template\n                    [ngTemplateOutlet]=\"linkRenderer\"\n                    [ngTemplateOutletContext]=\"{ $implicit: false }\"\n                ></ng-template>\n            </div>\n        }\n        <ul\n            fdb-navigation-list\n            [listItems]=\"listItems$() || []\"\n            [childItems]=\"true\"\n            [role]=\"isOverflow$() ? 'menu' : 'group'\"\n            (keydown)=\"(false)\"\n            (focusBefore)=\"_focusBeforeList()\"\n            [withKeyboardNavigation]=\"keyboardNavigation\"\n            [moreButtonRef]=\"_moreButtonRef$()\"\n            [attr.id]=\"childListIdAttr$()\"\n        ></ul>\n    </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: NavigationListComponent, selector: "ul[fdb-navigation-list]", inputs: ["listItems", "role", "ariaLabel", "ariaRoleDescription", "parentItems", "childItems", "noGrow", "withKeyboardNavigation", "moreButtonRef"], outputs: ["focusBefore", "focusAfter"] }, { kind: "component", type: PopoverComponent, selector: "fd-popover", inputs: ["title", "trigger", "fixedPosition", "id", "mobile", "mobileConfig", "preventSpaceKeyScroll"] }, { kind: "component", type: PopoverBodyComponent, selector: "fd-popover-body", inputs: ["minWidth", "maxWidth", "minHeight", "maxHeight"] }, { kind: "directive", type: NavigationListItemMarkerDirective, selector: "[fdbNavigationListItemMarker]" }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: NavigationListItemComponent, decorators: [{
             type: Component,
@@ -1002,9 +1593,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImpor
                         PopoverComponent,
                         PopoverBodyComponent,
                         NavigationListItemMarkerDirective,
-                        IconComponent,
-                        ButtonComponent,
-                        NestedButtonDirective,
                         NgClass
                     ], providers: [
                         NavigationService,
@@ -1016,7 +1604,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImpor
                             provide: FdbNavigationListItemCmp,
                             useExisting: NavigationListItemComponent
                         }
-                    ], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<!-- General renderer. -->\n<ng-template #renderer>\n    @if (!separator) {\n        <div\n            class=\"fd-navigation__item\"\n            [class.fd-navigation__item--group]=\"isGroup$()\"\n            [class.fd-navigation__item--create]=\"quickCreate$()\"\n            [class.fd-navigation__item--child]=\"normalizedLevel$() > 2\"\n            [class.fd-navigation__item--overflow]=\"isOverflow$()\"\n            [class.fd-navigation__item--with-expander]=\"!!link$()?.routerLink && hasChildren$()\"\n            [attr.aria-level]=\"level$()\"\n            [attr.aria-selected]=\"isActiveAttr$()\"\n            [attr.aria-expanded]=\"expandedAttr$()\"\n            [attr.normalized-level]=\"normalizedLevel$()\"\n            (focusin)=\"_focusInHandler()\"\n            fdbNavigationListItemMarker\n            #itemContainer\n        >\n            @if (!navigation.isSnapped$() || !hasChildren$()) {\n                <ng-template\n                    [ngTemplateOutlet]=\"linkRenderer\"\n                    [ngTemplateOutletContext]=\"{ $implicit: true }\"\n                ></ng-template>\n            } @else {\n                <ng-template\n                    [ngTemplateOutlet]=\"snappedNavigationItemRenderer\"\n                    [ngTemplateOutletContext]=\"{ $implicit: itemContainer }\"\n                ></ng-template>\n            }\n        </div>\n        @if (isOverflow$() && hasChildren$()) {\n            <ng-template [ngTemplateOutlet]=\"overflowItemListRenderer\"></ng-template>\n        }\n        @if (!navigation.isSnapped$()) {\n            <ng-template [ngTemplateOutlet]=\"listRenderer\"></ng-template>\n        }\n    }\n</ng-template>\n<!-- Snapped navigation list item renderer. Implicit context points to the popover trigger element. -->\n<ng-template #snappedNavigationItemRenderer let-itemContainer>\n    <ng-template [ngTemplateOutlet]=\"linkRenderer\" [ngTemplateOutletContext]=\"{ $implicit: false }\"></ng-template>\n    @if (!isOverflow$()) {\n        <fd-popover\n            #popover\n            [noArrow]=\"false\"\n            additionalBodyClass=\"fd-navigation__list-container\"\n            [isOpen]=\"popoverOpen$()\"\n            (isOpenChange)=\"_onPopoverOpen($event, popover)\"\n            [trigger]=\"itemContainer\"\n            [focusAutoCapture]=\"true\"\n            [restoreFocusOnClose]=\"false\"\n            [focusTrapped]=\"true\"\n            [placement]=\"_popoverPlacement$()\"\n        >\n            <fd-popover-body [ngClass]=\"navigation.classList$()\">\n                <ng-template\n                    [ngTemplateOutlet]=\"wrapperRenderer\"\n                    [ngTemplateOutletContext]=\"{ $implicit: true }\"\n                ></ng-template>\n            </fd-popover-body>\n        </fd-popover>\n    }\n</ng-template>\n<!-- Generic link renderer. -->\n<ng-template #linkRenderer let-showToggleButton>\n    <ng-template [ngTemplateOutlet]=\"linkRef?.templateRef || null\"></ng-template>\n    @if (!!link$()?.routerLink && hasChildren$()) {\n        <span\n            class=\"fd-navigation__has-children-indicator\"\n            role=\"button\"\n            aria-label=\"expand/collapse children\"\n            (click)=\"toggleExpanded()\"\n        ></span>\n    }\n</ng-template>\n<!-- Generic list renderer. Used when navigation is not snapped. -->\n<ng-template #listRenderer>\n    @if (isGroup$() && normalizedLevel$() === 1) {\n        <ul fdb-navigation-list [listItems]=\"listItems$()\" parentItems></ul>\n    } @else {\n        <div class=\"fd-navigation__list-container\">\n            <ng-template\n                [ngTemplateOutlet]=\"wrapperRenderer\"\n                [ngTemplateOutletContext]=\"{ $implicit: false }\"\n            ></ng-template>\n        </div>\n    }\n</ng-template>\n<!-- Template used for rendering sublist of items for the list item that is currently in overflow menu. -->\n<ng-template #overflowItemListRenderer>\n    <div class=\"fd-navigation__list-container fd-navigation__list-container--submenu fd-menu__sublist\">\n        <ng-template [ngTemplateOutlet]=\"wrapperRenderer\" [ngTemplateOutletContext]=\"{ $implicit: true }\"></ng-template>\n    </div>\n</ng-template>\n<!-- Generic list renderer. Implicit context defines whether the inner list should handle keyboard navigation by its own. -->\n<ng-template #wrapperRenderer let-keyboardNavigation>\n    <div class=\"fd-navigation__list-wrapper\">\n        @if (navigation.isSnapped$() && !isOverflow$()) {\n            <!-- If opener link itself is active, project aria-selected attribute to link repeater too. -->\n            <div\n                class=\"fd-navigation__item fd-navigation__item--title fd-navigation__item--child\"\n                [attr.aria-selected]=\"link$()?.isActive$() || selected$()\"\n            >\n                <ng-template\n                    [ngTemplateOutlet]=\"linkRenderer\"\n                    [ngTemplateOutletContext]=\"{ $implicit: false }\"\n                ></ng-template>\n            </div>\n        }\n        <ul\n            fdb-navigation-list\n            [listItems]=\"listItems$() || []\"\n            [childItems]=\"normalizedLevel$() > 2\"\n            (keydown)=\"(false)\"\n            (focusBefore)=\"_focusBeforeList()\"\n            [withKeyboardNavigation]=\"keyboardNavigation\"\n        ></ul>\n    </div>\n</ng-template>\n" }]
+                    ], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<!-- General renderer. -->\n<ng-template #renderer>\n    @if (!separator) {\n        <div\n            class=\"fd-navigation__item\"\n            [class.fd-navigation__item--group]=\"isGroup$()\"\n            [class.fd-navigation__item--create]=\"quickCreate$()\"\n            [class.fd-navigation__item--child]=\"normalizedLevel$() > 2\"\n            [class.fd-navigation__item--overflow]=\"isOverflow$()\"\n            [class.fd-navigation__item--with-expander]=\"!!link$()?.routerLink && hasChildren$()\"\n            [class.fd-navigation__item--disabled]=\"disabled$()\"\n            [attr.id]=\"id()\"\n            [attr.role]=\"roleAttr$()\"\n            [attr.aria-level]=\"ariaLevelAttr$()\"\n            [attr.aria-label]=\"ariaLabelAttr$()\"\n            [attr.aria-selected]=\"ariaSelectedAttr$()\"\n            [attr.aria-checked]=\"ariaCheckedAttr$()\"\n            [attr.aria-expanded]=\"expandedAttr$()\"\n            [attr.aria-disabled]=\"disabled$()\"\n            [attr.aria-owns]=\"ariaOwnsAttr$()\"\n            [attr.aria-haspopup]=\"ariaHasPopupAttr$()\"\n            [attr.aria-current]=\"ariaCurrentAttr$()\"\n            [attr.normalized-level]=\"normalizedLevel$()\"\n            (focusin)=\"_focusInHandler()\"\n            (click)=\"handleItemClick()\"\n            (keydown)=\"handleItemKeydown($event)\"\n            fdbNavigationListItemMarker\n            #itemContainer\n        >\n            @if (!navigation.isSnapped$() || !hasChildren$()) {\n                <ng-template\n                    [ngTemplateOutlet]=\"linkRenderer\"\n                    [ngTemplateOutletContext]=\"{ $implicit: true }\"\n                ></ng-template>\n            } @else {\n                <ng-template\n                    [ngTemplateOutlet]=\"snappedNavigationItemRenderer\"\n                    [ngTemplateOutletContext]=\"{ $implicit: itemContainer }\"\n                ></ng-template>\n            }\n        </div>\n        @if (isOverflow$() && hasChildren$()) {\n            <ng-template [ngTemplateOutlet]=\"overflowItemListRenderer\"></ng-template>\n        }\n        @if (!navigation.isSnapped$()) {\n            <ng-template [ngTemplateOutlet]=\"listRenderer\"></ng-template>\n        }\n    }\n</ng-template>\n<!-- Snapped navigation list item renderer. Implicit context points to the popover trigger element. -->\n<ng-template #snappedNavigationItemRenderer let-itemContainer>\n    <ng-template [ngTemplateOutlet]=\"linkRenderer\" [ngTemplateOutletContext]=\"{ $implicit: false }\"></ng-template>\n    @if (!isOverflow$()) {\n        <fd-popover\n            #popover\n            [noArrow]=\"true\"\n            additionalBodyClass=\"fd-navigation__list-container\"\n            [isOpen]=\"popoverOpen$()\"\n            (isOpenChange)=\"_onPopoverOpen($event, popover)\"\n            [trigger]=\"itemContainer\"\n            [focusAutoCapture]=\"true\"\n            [restoreFocusOnClose]=\"false\"\n            [focusTrapped]=\"true\"\n            [placement]=\"_popoverPlacement$()\"\n        >\n            <fd-popover-body [ngClass]=\"navigation.classList$()\">\n                <ng-template\n                    [ngTemplateOutlet]=\"wrapperRenderer\"\n                    [ngTemplateOutletContext]=\"{ $implicit: true }\"\n                ></ng-template>\n            </fd-popover-body>\n        </fd-popover>\n    }\n</ng-template>\n<!-- Generic link renderer. -->\n<ng-template #linkRenderer let-showToggleButton>\n    <ng-template [ngTemplateOutlet]=\"linkRef?.templateRef || null\"></ng-template>\n    @if (!!link$()?.routerLink && hasChildren$()) {\n        <span\n            class=\"fd-navigation__has-children-indicator\"\n            role=\"button\"\n            [attr.aria-label]=\"expanderAriaLabelAttr$()\"\n            (click)=\"toggleExpanded()\"\n        ></span>\n    }\n</ng-template>\n<!-- Generic list renderer. Used when navigation is not snapped. -->\n<ng-template #listRenderer>\n    @if (isGroup$() && normalizedLevel$() === 1) {\n        <ul\n            fdb-navigation-list\n            [listItems]=\"listItems$()\"\n            parentItems\n            [moreButtonRef]=\"_moreButtonRef$()\"\n            [attr.id]=\"id() + '-list'\"\n        ></ul>\n    } @else if (hasChildren$()) {\n        <div class=\"fd-navigation__list-container\">\n            <ng-template\n                [ngTemplateOutlet]=\"wrapperRenderer\"\n                [ngTemplateOutletContext]=\"{ $implicit: false }\"\n            ></ng-template>\n        </div>\n    }\n</ng-template>\n<!-- Template used for rendering sublist of items for the list item that is currently in overflow menu. -->\n<ng-template #overflowItemListRenderer>\n    <div class=\"fd-navigation__list-container fd-navigation__list-container--submenu fd-menu__sublist\">\n        <ng-template [ngTemplateOutlet]=\"wrapperRenderer\" [ngTemplateOutletContext]=\"{ $implicit: true }\"></ng-template>\n    </div>\n</ng-template>\n<!-- Generic list renderer. Implicit context defines whether the inner list should handle keyboard navigation by its own. -->\n<ng-template #wrapperRenderer let-keyboardNavigation>\n    <div\n        class=\"fd-navigation__list-wrapper\"\n        [attr.role]=\"wrapperRoleAttr$()\"\n        [attr.aria-roledescription]=\"wrapperAriaRoleDescriptionAttr$()\"\n    >\n        @if (navigation.isSnapped$() && !isOverflow$()) {\n            <!-- If opener link itself is active, project aria-checked attribute to link repeater too for snapped mode. -->\n            <div\n                class=\"fd-navigation__item fd-navigation__item--title fd-navigation__item--child\"\n                [attr.role]=\"titleItemRoleAttr$()\"\n                [attr.aria-selected]=\"titleItemAriaSelectedAttr$()\"\n                [attr.tabindex]=\"titleItemFocusable$() ? 0 : -1\"\n            >\n                <ng-template\n                    [ngTemplateOutlet]=\"linkRenderer\"\n                    [ngTemplateOutletContext]=\"{ $implicit: false }\"\n                ></ng-template>\n            </div>\n        }\n        <ul\n            fdb-navigation-list\n            [listItems]=\"listItems$() || []\"\n            [childItems]=\"true\"\n            [role]=\"isOverflow$() ? 'menu' : 'group'\"\n            (keydown)=\"(false)\"\n            (focusBefore)=\"_focusBeforeList()\"\n            [withKeyboardNavigation]=\"keyboardNavigation\"\n            [moreButtonRef]=\"_moreButtonRef$()\"\n            [attr.id]=\"childListIdAttr$()\"\n        ></ul>\n    </div>\n</ng-template>\n" }]
         }], ctorParameters: () => [], propDecorators: { class: [{
                 type: Input
             }], home: [{
@@ -1040,6 +1628,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImpor
             }], selected: [{
                 type: Input,
                 args: [{ transform: booleanAttribute }]
+            }], disabled: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
             }], listItems: [{
                 type: ContentChildren,
                 args: [FdbNavigationListItem, { descendants: false }]
@@ -1063,6 +1654,8 @@ class NavigationMoreButtonComponent {
         this.isVisible$ = signal(true, ...(ngDevMode ? [{ debugName: "isVisible$" }] : []));
         /** Whether popover is open. Applicable for snapped navigation state. */
         this.popoverOpen$ = signal(false, ...(ngDevMode ? [{ debugName: "popoverOpen$" }] : []));
+        /** ID for the more button. */
+        this.id = signal('fdb-navigation-more-button', ...(ngDevMode ? [{ debugName: "id" }] : []));
         /** @hidden */
         this.type = 'showMore';
         /** @hidden */
@@ -1079,6 +1672,10 @@ class NavigationMoreButtonComponent {
          * Link reference.
          */
         this.link$ = signal(null, ...(ngDevMode ? [{ debugName: "link$" }] : []));
+        /** More button aria-label attribute value. */
+        this.moreButtonAriaLabelAttr$ = computed(() => this._moreButtonAriaLabel$(), ...(ngDevMode ? [{ debugName: "moreButtonAriaLabelAttr$" }] : []));
+        /** Overflow menu aria-label attribute value. */
+        this.overflowMenuAriaLabelAttr$ = computed(() => this._overflowMenuAriaLabel$() || '', ...(ngDevMode ? [{ debugName: "overflowMenuAriaLabelAttr$" }] : []));
         /**
          * @hidden
          * Popover position. Changes based on rtl value.
@@ -1091,20 +1688,61 @@ class NavigationMoreButtonComponent {
             optional: true
         });
         /** @hidden */
+        this.elementRef = inject(ElementRef);
+        /** @hidden */
         this._rtl$ = computed(() => !!this._rtlService?.rtlSignal(), ...(ngDevMode ? [{ debugName: "_rtl$" }] : []));
-        effect(() => {
-            if (this.popoverOpen$() && !this._popoverClicked) {
-                setTimeout(() => {
-                    this.listItems[0]?.focus();
-                });
-            }
-            this._popoverClicked = false;
-        });
+        /** @hidden */
+        this._lang$ = inject(FD_LANGUAGE);
+        /** @hidden */
+        this._translationResolver = inject(TranslationResolver);
+        /** Translation signal for more button aria-label. */
+        this._moreButtonAriaLabel$ = toSignal(this._lang$.pipe(map((lang) => this._translationResolver.resolve(lang, 'btpNavigation.moreButtonAriaLabel'))), { initialValue: 'Displays additional navigation items that are hidden due to limited screen space' });
+        /** Translation signal for overflow menu aria-label. */
+        this._overflowMenuAriaLabel$ = toSignal(this._lang$.pipe(map((lang) => this._translationResolver.resolve(lang, 'btpNavigation.overflowMenuAriaLabel'))), { initialValue: 'Additional Navigation Items' });
         this._navigation.closeAllPopups.pipe(takeUntilDestroyed(inject(DestroyRef))).subscribe(() => {
             this.popoverOpen$.set(false);
         });
     }
     /** @hidden */
+    _onPopoverOpenChange(isOpen) {
+        this.popoverOpen$.set(isOpen);
+        // When popover opens, focus the first item
+        if (isOpen) {
+            // Use a short timeout to ensure the DOM is updated
+            setTimeout(() => {
+                if (this._navigationList) {
+                    let firstValidIndex = 0;
+                    const items = this._navigationList._listItems || [];
+                    for (let i = 0; i < items.length; i++) {
+                        if (items[i] && items[i]?.link$()?.elementRef?.nativeElement) {
+                            firstValidIndex = i;
+                            break;
+                        }
+                    }
+                    this._navigationList.setActiveItemIndex(firstValidIndex);
+                    return;
+                }
+                // Fallback: Focus the first item using the listItems array
+                if (this.listItems && this.listItems.length > 0) {
+                    const firstItem = this.listItems[0];
+                    const link = firstItem.link$();
+                    if (link?.elementRef?.nativeElement) {
+                        link.elementRef.nativeElement.focus();
+                        return;
+                    }
+                }
+                // Last resort fallback: if direct access fails, try to focus any focusable element in the popover
+                const popoverBodyElement = this._popover?.popoverBody?._elementRef?.nativeElement;
+                if (popoverBodyElement) {
+                    const firstFocusableElement = popoverBodyElement.querySelector('a, button, [tabindex]:not([tabindex="-1"])');
+                    if (firstFocusableElement) {
+                        firstFocusableElement.focus();
+                    }
+                }
+            }, 150);
+        }
+    }
+    /** @hidden */
     togglePopover(withClick = false) {
         this._popoverClicked = withClick;
         this.popoverOpen$.update((value) => !value);
@@ -1134,20 +1772,30 @@ class NavigationMoreButtonComponent {
     /** @hidden */
     toggleExpanded() { }
     /** @hidden */
-    keyboardExpanded() { }
+    keyboardExpanded(shouldExpand) {
+        if (shouldExpand && !this.popoverOpen$()) {
+            this.popoverOpen$.set(true);
+        }
+        else if (!shouldExpand && this.popoverOpen$()) {
+            this.popoverOpen$.set(false);
+        }
+    }
     /** @hidden */
     _keydownPopoverToggle(event) {
         if (!KeyUtil.isKeyCode(event, [LEFT_ARROW, RIGHT_ARROW])) {
             return;
         }
         const isRtl = this._rtl$() || false;
-        const isOpenAction = KeyUtil.isKeyCode(event, isRtl ? LEFT_ARROW : RIGHT_ARROW);
-        // If user clicked on popover opener button, and then tried to use keyboard, simply shift focus to the first item in the popover menu.
-        if (isOpenAction && this.popoverOpen$()) {
-            this.listItems[0]?.focus();
-            return;
+        if (KeyUtil.isKeyCode(event, isRtl ? LEFT_ARROW : RIGHT_ARROW)) {
+            // Open popover only if not already open
+            if (!this.popoverOpen$()) {
+                this.popoverOpen$.set(true);
+            }
         }
-        this.popoverOpen$.set(isOpenAction);
+    }
+    /** @hidden */
+    canItemBeSelected() {
+        return false; // More button cannot be selected
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: NavigationMoreButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.4", type: NavigationMoreButtonComponent, isStandalone: true, selector: "li[fdb-navigation-more-button]", inputs: { listItems: "listItems" }, host: { classAttribute: "fd-navigation__list-item" }, providers: [
@@ -1155,7 +1803,7 @@ class NavigationMoreButtonComponent {
                 provide: FdbNavigationListItem,
                 useExisting: NavigationMoreButtonComponent
             }
-        ], viewQueries: [{ propertyName: "_link", first: true, predicate: FdbNavigationItemLink, descendants: true }], ngImport: i0, template: "<div\n    aria-current=\"page\"\n    role=\"menuitem\"\n    class=\"fd-navigation__item\"\n    [attr.aria-expanded]=\"popoverOpen$()\"\n    aria-level=\"1\"\n    (click)=\"togglePopover(true)\"\n    (keydown)=\"_keydownPopoverToggle($event)\"\n    #trigger\n>\n    <a fdb-navigation-link glyph=\"overflow\">More Items</a>\n    <fd-popover\n        [trigger]=\"trigger\"\n        [triggers]=\"[]\"\n        [isOpen]=\"popoverOpen$()\"\n        (isOpenChange)=\"popoverOpen$.set($event)\"\n        [focusTrapped]=\"true\"\n        [noArrow]=\"false\"\n        additionalBodyClass=\"fd-navigation__list-container fd-navigation__list-container--menu\"\n        [placement]=\"_popoverPlacement$()\"\n    >\n        <fd-popover-body [ngClass]=\"_navigation.classList$()\">\n            <ul\n                fdb-navigation-list\n                withKeyboardNavigation\n                [parentItems]=\"true\"\n                class=\"fd-menu__list\"\n                [listItems]=\"listItems\"\n            ></ul>\n        </fd-popover-body>\n    </fd-popover>\n</div>\n", dependencies: [{ kind: "component", type: NavigationLinkComponent, selector: "a[fdb-navigation-link], button[fdb-navigation-link]", inputs: ["class", "glyph", "glyphFont", "external", "quickCreate"] }, { kind: "component", type: NavigationListComponent, selector: "ul[fdb-navigation-list]", inputs: ["listItems", "role", "parentItems", "childItems", "noGrow", "withKeyboardNavigation"], outputs: ["focusBefore", "focusAfter"] }, { kind: "component", type: PopoverComponent, selector: "fd-popover", inputs: ["title", "trigger", "fixedPosition", "id", "mobile", "mobileConfig", "preventSpaceKeyScroll"] }, { kind: "component", type: PopoverBodyComponent, selector: "fd-popover-body", inputs: ["minWidth", "maxWidth", "minHeight", "maxHeight"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+        ], viewQueries: [{ propertyName: "_link", first: true, predicate: FdbNavigationItemLink, descendants: true }, { propertyName: "_popover", first: true, predicate: PopoverComponent, descendants: true }, { propertyName: "_navigationList", first: true, predicate: NavigationListComponent, descendants: true }], ngImport: i0, template: "<div\n    role=\"menuitem\"\n    class=\"fd-navigation__item\"\n    [attr.aria-expanded]=\"popoverOpen$()\"\n    [attr.aria-haspopup]=\"'menu'\"\n    [attr.aria-label]=\"moreButtonAriaLabelAttr$()\"\n    aria-level=\"1\"\n    (click)=\"togglePopover(true)\"\n    (keydown)=\"_keydownPopoverToggle($event)\"\n    #trigger\n>\n    <a fdb-navigation-link glyph=\"overflow\">More Items</a>\n    <fd-popover\n        [trigger]=\"trigger\"\n        [triggers]=\"[]\"\n        [isOpen]=\"popoverOpen$()\"\n        (isOpenChange)=\"_onPopoverOpenChange($event)\"\n        [focusTrapped]=\"true\"\n        additionalBodyClass=\"fd-navigation__list-container fd-navigation__list-container--menu\"\n        [placement]=\"_popoverPlacement$()\"\n    >\n        <fd-popover-body [ngClass]=\"_navigation.classList$()\" role=\"menu\">\n            <ul\n                fdb-navigation-list\n                withKeyboardNavigation\n                [parentItems]=\"true\"\n                [ariaLabel]=\"overflowMenuAriaLabelAttr$()\"\n                class=\"fd-menu__list\"\n                [listItems]=\"listItems\"\n                [moreButtonRef]=\"this\"\n            ></ul>\n        </fd-popover-body>\n    </fd-popover>\n</div>\n", dependencies: [{ kind: "component", type: NavigationLinkComponent, selector: "a[fdb-navigation-link], button[fdb-navigation-link]", inputs: ["class", "glyph", "glyphFont", "external", "quickCreate"] }, { kind: "component", type: NavigationListComponent, selector: "ul[fdb-navigation-list]", inputs: ["listItems", "role", "ariaLabel", "ariaRoleDescription", "parentItems", "childItems", "noGrow", "withKeyboardNavigation", "moreButtonRef"], outputs: ["focusBefore", "focusAfter"] }, { kind: "component", type: PopoverComponent, selector: "fd-popover", inputs: ["title", "trigger", "fixedPosition", "id", "mobile", "mobileConfig", "preventSpaceKeyScroll"] }, { kind: "component", type: PopoverBodyComponent, selector: "fd-popover-body", inputs: ["minWidth", "maxWidth", "minHeight", "maxHeight"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: NavigationMoreButtonComponent, decorators: [{
             type: Component,
@@ -1166,12 +1814,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImpor
                         }
                     ], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         class: 'fd-navigation__list-item'
-                    }, template: "<div\n    aria-current=\"page\"\n    role=\"menuitem\"\n    class=\"fd-navigation__item\"\n    [attr.aria-expanded]=\"popoverOpen$()\"\n    aria-level=\"1\"\n    (click)=\"togglePopover(true)\"\n    (keydown)=\"_keydownPopoverToggle($event)\"\n    #trigger\n>\n    <a fdb-navigation-link glyph=\"overflow\">More Items</a>\n    <fd-popover\n        [trigger]=\"trigger\"\n        [triggers]=\"[]\"\n        [isOpen]=\"popoverOpen$()\"\n        (isOpenChange)=\"popoverOpen$.set($event)\"\n        [focusTrapped]=\"true\"\n        [noArrow]=\"false\"\n        additionalBodyClass=\"fd-navigation__list-container fd-navigation__list-container--menu\"\n        [placement]=\"_popoverPlacement$()\"\n    >\n        <fd-popover-body [ngClass]=\"_navigation.classList$()\">\n            <ul\n                fdb-navigation-list\n                withKeyboardNavigation\n                [parentItems]=\"true\"\n                class=\"fd-menu__list\"\n                [listItems]=\"listItems\"\n            ></ul>\n        </fd-popover-body>\n    </fd-popover>\n</div>\n" }]
+                    }, template: "<div\n    role=\"menuitem\"\n    class=\"fd-navigation__item\"\n    [attr.aria-expanded]=\"popoverOpen$()\"\n    [attr.aria-haspopup]=\"'menu'\"\n    [attr.aria-label]=\"moreButtonAriaLabelAttr$()\"\n    aria-level=\"1\"\n    (click)=\"togglePopover(true)\"\n    (keydown)=\"_keydownPopoverToggle($event)\"\n    #trigger\n>\n    <a fdb-navigation-link glyph=\"overflow\">More Items</a>\n    <fd-popover\n        [trigger]=\"trigger\"\n        [triggers]=\"[]\"\n        [isOpen]=\"popoverOpen$()\"\n        (isOpenChange)=\"_onPopoverOpenChange($event)\"\n        [focusTrapped]=\"true\"\n        additionalBodyClass=\"fd-navigation__list-container fd-navigation__list-container--menu\"\n        [placement]=\"_popoverPlacement$()\"\n    >\n        <fd-popover-body [ngClass]=\"_navigation.classList$()\" role=\"menu\">\n            <ul\n                fdb-navigation-list\n                withKeyboardNavigation\n                [parentItems]=\"true\"\n                [ariaLabel]=\"overflowMenuAriaLabelAttr$()\"\n                class=\"fd-menu__list\"\n                [listItems]=\"listItems\"\n                [moreButtonRef]=\"this\"\n            ></ul>\n        </fd-popover-body>\n    </fd-popover>\n</div>\n" }]
         }], ctorParameters: () => [], propDecorators: { listItems: [{
                 type: Input
             }], _link: [{
                 type: ViewChild,
                 args: [FdbNavigationItemLink]
+            }], _popover: [{
+                type: ViewChild,
+                args: [PopoverComponent]
+            }], _navigationList: [{
+                type: ViewChild,
+                args: [NavigationListComponent]
             }] } });
 
 const FD_NAVIGATION_OVERFLOW_ITEM_CLASS = 'fd-navigation__container--hidden-overflow';
@@ -1180,6 +1834,14 @@ class NavigationContentStartComponent extends FdbNavigationContentContainer {
         super(...arguments);
         /** Whether the list items are content-projected. Used only with data-driven navigation. */
         this.contentProjected = true;
+        /**
+         * aria-label for the navigation list.
+         */
+        this.ariaLabel = null;
+        /**
+         * aria-roledescription for the navigation list.
+         */
+        this.ariaRoleDescription = null;
         /** Whether the container is placed on the start position, or the end position of the navigation. */
         this.placement = 'start';
         /** Navigation component reference. */
@@ -1226,6 +1888,12 @@ class NavigationContentStartComponent extends FdbNavigationContentContainer {
             .subscribe(() => {
             this._calculateVisibleItems();
         });
+        // Listen for overflow item selections to promote them to visible
+        this.navigation.service.overflowItemSelected$
+            .pipe(takeUntilDestroyed(this._destroyRef))
+            .subscribe((selectedItem) => {
+            this._promoteOverflowItem(selectedItem);
+        });
     }
     /**
      * @hidden
@@ -1268,7 +1936,8 @@ class NavigationContentStartComponent extends FdbNavigationContentContainer {
             }
             // Since we are going from the bottom to the top, we need to add item to the list as the first item of the array.
             hiddenItems.unshift(item);
-            availableSpace = availableSpace + item?.marker?.elementRef.nativeElement.clientHeight;
+            const itemHeight = item?.marker?.elementRef?.nativeElement?.clientHeight || 0;
+            availableSpace = availableSpace + itemHeight;
             item.hidden$.set(true);
         }
         this._elementRef.nativeElement.classList.remove(FD_NAVIGATION_OVERFLOW_ITEM_CLASS);
@@ -1279,13 +1948,76 @@ class NavigationContentStartComponent extends FdbNavigationContentContainer {
         this.navigation.showMoreButton$.set(this._showMoreButton);
         this._calculationInProgress = false;
     }
+    /**
+     * @hidden
+     * Promotes an overflow item to be the last visible item.
+     * Moves the current last visible item to overflow while preserving overflow order.
+     */
+    _promoteOverflowItem(selectedItem) {
+        if (!this.navigation.isSnapped$() || !this._showMoreButton$()) {
+            return;
+        }
+        const currentVisible = [...this.visibleItems$()];
+        const currentHidden = [...this.hiddenItems$()];
+        const allItems = [...this.listItems$()]; // Original order
+        // Find the selected item in hidden items
+        const hiddenIndex = currentHidden.findIndex((item) => item === selectedItem);
+        // If not found by object reference, try text-based matching
+        let fallbackIndex = -1;
+        if (hiddenIndex === -1) {
+            const selectedText = selectedItem.link$()?.elementRef?.nativeElement?.textContent?.trim();
+            fallbackIndex = currentHidden.findIndex((item) => item?.link$()?.elementRef?.nativeElement?.textContent?.trim() === selectedText);
+        }
+        const finalIndex = hiddenIndex !== -1 ? hiddenIndex : fallbackIndex;
+        if (finalIndex === -1) {
+            return; // Item not found in hidden items
+        }
+        // Remove the selected item from hidden items
+        const [itemToPromote] = currentHidden.splice(finalIndex, 1);
+        // Move the last visible item to overflow, but insert it in the correct position
+        // to maintain the original order
+        const lastVisibleItem = currentVisible.pop();
+        if (lastVisibleItem) {
+            lastVisibleItem.hidden$.set(true);
+            // Find the correct position in the original order
+            const lastVisibleIndex = allItems.findIndex((item) => item === lastVisibleItem);
+            // Insert the item in the correct position in hidden items to maintain order
+            let insertPosition = 0;
+            for (let i = 0; i < currentHidden.length; i++) {
+                const hiddenItemIndex = allItems.findIndex((item) => item === currentHidden[i]);
+                if (hiddenItemIndex > lastVisibleIndex) {
+                    break;
+                }
+                insertPosition++;
+            }
+            currentHidden.splice(insertPosition, 0, lastVisibleItem);
+        }
+        // Add the promoted item as the last visible item
+        currentVisible.push(itemToPromote);
+        itemToPromote.hidden$.set(false);
+        // Update the signals
+        this.visibleItems$.set(currentVisible);
+        this.hiddenItems$.set(currentHidden);
+        // Update the "More" button visibility
+        this._showMoreButton$.set(currentHidden.length > 0);
+        this.navigation.showMoreButton$.set(currentHidden.length > 0 ? this._showMoreButton : null);
+        // Trigger change detection to ensure navigation items are properly updated
+        this._cdr.detectChanges();
+        // Focus the More button after promotion to maintain standard accessibility pattern
+        // (focus returns to trigger when popover closes)
+        setTimeout(() => {
+            if (this._showMoreButton) {
+                this._showMoreButton.focus();
+            }
+        }, 50);
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: NavigationContentStartComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.4", type: NavigationContentStartComponent, isStandalone: true, selector: "fdb-navigation-content-start", inputs: { contentProjected: "contentProjected" }, host: { properties: { "style.flex-grow": "1" }, classAttribute: "fd-navigation__container fd-navigation__container--top" }, providers: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.4", type: NavigationContentStartComponent, isStandalone: true, selector: "fdb-navigation-content-start", inputs: { contentProjected: "contentProjected", ariaLabel: "ariaLabel", ariaRoleDescription: "ariaRoleDescription" }, host: { properties: { "style.flex-grow": "1" }, classAttribute: "fd-navigation__container fd-navigation__container--top" }, providers: [
             {
                 provide: FdbNavigationContentContainer,
                 useExisting: NavigationContentStartComponent
             }
-        ], queries: [{ propertyName: "_listItems", predicate: FdbNavigationListItem, descendants: true }], viewQueries: [{ propertyName: "_moreContainer", first: true, predicate: ["moreContainer"], descendants: true, read: ElementRef }, { propertyName: "_showMoreButton", first: true, predicate: NavigationMoreButtonComponent, descendants: true }], usesInheritance: true, hostDirectives: [{ directive: i1$1.ScrollbarDirective }], ngImport: i0, template: "<ul fdb-navigation-list [listItems]=\"visibleItems$()\"></ul>\n@if (_showMoreButton$()) {\n    <ul noGrow fdb-navigation-list role=\"menubar\" #moreContainer>\n        <li fdb-navigation-more-button [listItems]=\"hiddenItems$()\"></li>\n    </ul>\n}\n", dependencies: [{ kind: "ngmodule", type: PortalModule }, { kind: "component", type: NavigationListComponent, selector: "ul[fdb-navigation-list]", inputs: ["listItems", "role", "parentItems", "childItems", "noGrow", "withKeyboardNavigation"], outputs: ["focusBefore", "focusAfter"] }, { kind: "component", type: NavigationMoreButtonComponent, selector: "li[fdb-navigation-more-button]", inputs: ["listItems"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+        ], queries: [{ propertyName: "_listItems", predicate: FdbNavigationListItem, descendants: true }], viewQueries: [{ propertyName: "_moreContainer", first: true, predicate: ["moreContainer"], descendants: true, read: ElementRef }, { propertyName: "_showMoreButton", first: true, predicate: NavigationMoreButtonComponent, descendants: true }], usesInheritance: true, hostDirectives: [{ directive: i1$1.ScrollbarDirective }], ngImport: i0, template: "<ul\n    fdb-navigation-list\n    [listItems]=\"visibleItems$()\"\n    [ariaLabel]=\"ariaLabel\"\n    [ariaRoleDescription]=\"ariaRoleDescription\"\n></ul>\n@if (_showMoreButton$()) {\n    <ul noGrow fdb-navigation-list role=\"menubar\" #moreContainer>\n        <li fdb-navigation-more-button [listItems]=\"hiddenItems$()\"></li>\n    </ul>\n}\n", dependencies: [{ kind: "ngmodule", type: PortalModule }, { kind: "component", type: NavigationListComponent, selector: "ul[fdb-navigation-list]", inputs: ["listItems", "role", "ariaLabel", "ariaRoleDescription", "parentItems", "childItems", "noGrow", "withKeyboardNavigation", "moreButtonRef"], outputs: ["focusBefore", "focusAfter"] }, { kind: "component", type: NavigationMoreButtonComponent, selector: "li[fdb-navigation-more-button]", inputs: ["listItems"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: NavigationContentStartComponent, decorators: [{
             type: Component,
@@ -1297,9 +2029,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImpor
                             provide: FdbNavigationContentContainer,
                             useExisting: NavigationContentStartComponent
                         }
-                    ], hostDirectives: [ScrollbarDirective], template: "<ul fdb-navigation-list [listItems]=\"visibleItems$()\"></ul>\n@if (_showMoreButton$()) {\n    <ul noGrow fdb-navigation-list role=\"menubar\" #moreContainer>\n        <li fdb-navigation-more-button [listItems]=\"hiddenItems$()\"></li>\n    </ul>\n}\n" }]
+                    ], hostDirectives: [ScrollbarDirective], template: "<ul\n    fdb-navigation-list\n    [listItems]=\"visibleItems$()\"\n    [ariaLabel]=\"ariaLabel\"\n    [ariaRoleDescription]=\"ariaRoleDescription\"\n></ul>\n@if (_showMoreButton$()) {\n    <ul noGrow fdb-navigation-list role=\"menubar\" #moreContainer>\n        <li fdb-navigation-more-button [listItems]=\"hiddenItems$()\"></li>\n    </ul>\n}\n" }]
         }], propDecorators: { contentProjected: [{
                 type: Input
+            }], ariaLabel: [{
+                type: Input
+            }], ariaRoleDescription: [{
+                type: Input
             }], _listItems: [{
                 type: ContentChildren,
                 args: [FdbNavigationListItem, { descendants: true }]
@@ -1311,70 +2047,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImpor
                 args: [NavigationMoreButtonComponent, { static: false }]
             }] } });
 
-class FdbNavigationDataSource extends BaseDataSource {
-    /** @hidden */
-    constructor(dataProvider) {
-        super(dataProvider);
-        this.dataProvider = dataProvider;
-        /** @hidden */
-        this.limitless = false;
-    }
-}
-class ArrayNavigationDataSource extends FdbNavigationDataSource {
-    /** @hidden */
-    constructor(data) {
-        super(new DataProvider(data));
-    }
-}
-class ObservableNavigationDataSDataSource extends FdbNavigationDataSource {
-    /** @hidden */
-    constructor(data) {
-        super(new DataProvider(data));
-    }
-}
-class NavigationDataSourceParser {
-    /**
-     * Transforms plain array or observable into DataSource class.
-     * @param source
-     */
-    parse(source) {
-        if (isDataSource(source)) {
-            return source;
-        }
-        if (Array.isArray(source)) {
-            return new ArrayNavigationDataSource(source);
-        }
-        if (isObservable(source)) {
-            return new ObservableNavigationDataSDataSource(source);
-        }
-        return undefined;
-    }
-}
-
-class NavigationListDataSourceDirective extends DataSourceDirective {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: NavigationListDataSourceDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.4", type: NavigationListDataSourceDirective, isStandalone: true, selector: "fdb-navigation[dataSource]", providers: [
-            {
-                provide: FD_DATA_SOURCE_TRANSFORMER,
-                useClass: NavigationDataSourceParser
-            }
-        ], usesInheritance: true, ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: NavigationListDataSourceDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    // eslint-disable-next-line @angular-eslint/directive-selector
-                    selector: 'fdb-navigation[dataSource]',
-                    standalone: true,
-                    providers: [
-                        {
-                            provide: FD_DATA_SOURCE_TRANSFORMER,
-                            useClass: NavigationDataSourceParser
-                        }
-                    ]
-                }]
-        }] });
-
 class NavigationComponent extends FdbNavigation {
     /**
      * Navigation state.
@@ -1392,14 +2064,32 @@ class NavigationComponent extends FdbNavigation {
     /** @hidden */
     constructor() {
         super();
+        /**
+         * aria-label for the navigation.
+         */
+        this.ariaLabel = null;
+        /**
+         * aria-roledescription for the navigation.
+         */
+        this.ariaRoleDescription = null;
         /**
          * Navigation mode.
          */
         this.mode = '';
+        /**
+         * Whether the navigation is rendered as an overlay.
+         */
+        this.isOverlay = false;
         /**
          * Navigation type.
          */
         this.type = 'vertical';
+        /**
+         * Selection mode for navigation items.
+         * - 'router': Selection is handled by router link activation (default)
+         * - 'click': Selection is handled by click events
+         */
+        this.selectionMode = 'router';
         /**
          * State signal.
          */
@@ -1419,29 +2109,14 @@ class NavigationComponent extends FdbNavigation {
         this.classList$ = signal([], ...(ngDevMode ? [{ debugName: "classList$" }] : []));
         /** @hidden */
         this.elementRef = inject(ElementRef);
+        /** Navigation service for managing selection state. */
+        this.service = inject(NavigationService);
         /** @hidden */
         this._navigationItemRenderer = signal(null, ...(ngDevMode ? [{ debugName: "_navigationItemRenderer" }] : []));
         /** Stream notifies to close all popups in child list items. */
         this.closeAllPopups = new Subject();
         /** @hidden */
         this._viewInitiated$ = signal(false, ...(ngDevMode ? [{ debugName: "_viewInitiated$" }] : []));
-        /**
-         * @hidden
-         * Data source directive.
-         */
-        this._dataSourceDirective = inject(NavigationListDataSourceDirective, {
-            optional: true,
-            self: true
-        });
-        this.dataSourceItems = toSignal(!this._dataSourceDirective
-            ? of({ start: [], end: [] })
-            : this._dataSourceDirective.dataChanged$.asObservable().pipe(map((data) => {
-                const groupedItems = data.reduce((acc, item) => {
-                    acc[item.placement].push(item);
-                    return acc;
-                }, { start: [], end: [] });
-                return groupedItems;
-            })));
         // When show more button is shown, reset items list with added "More button".
         effect(() => {
             if (this._viewInitiated$()) {
@@ -1455,7 +2130,8 @@ class NavigationComponent extends FdbNavigation {
             this.class,
             'fd-navigation',
             this.mode === '' ? 'fd-navigation--compact' : '',
-            `fd-navigation--${this.state}`
+            `fd-navigation--${this.state}`,
+            this.isOverlay && this.state === 'expanded' ? 'is-overlay' : ''
         ].filter((k) => !!k));
         return [...this.classList$(), `fd-navigation--${this.type}`];
     }
@@ -1473,7 +2149,6 @@ class NavigationComponent extends FdbNavigation {
     /** @hidden */
     ngOnInit() {
         this.buildComponentCssClass();
-        this._dataSourceDirective?.dataSourceProvider?.match();
     }
     /** @hidden */
     ngOnChanges() {
@@ -1507,6 +2182,69 @@ class NavigationComponent extends FdbNavigation {
     closePopups() {
         this.closeAllPopups.next();
     }
+    /**
+     * Get the currently selected item when in click selection mode.
+     * @returns The currently selected item, or null if none is selected.
+     */
+    getSelectedItem() {
+        return this.service.getSelectedItem();
+    }
+    /**
+     * Set the selected item when in click selection mode.
+     * @param item The item to select, or null to clear selection.
+     */
+    setSelectedItem(item) {
+        this.service.setSelectedItem(item);
+    }
+    /**
+     * Clear the current selection when in click selection mode.
+     */
+    clearSelection() {
+        this.service.setSelectedItem(null);
+    }
+    /**
+     * Get a navigation item by its ID.
+     * @param id The ID of the navigation item to find.
+     * @returns The navigation item with the specified ID, or null if not found.
+     */
+    getNavigationItemById(id) {
+        const items = this._navigationItems.toArray();
+        return this._findItemById(items, id);
+    }
+    /**
+     * Set the selected item by its ID when in click selection mode.
+     * @param id The ID of the navigation item to select.
+     * @returns True if the item was found and selected, false otherwise.
+     */
+    setSelectedItemById(id) {
+        const item = this.getNavigationItemById(id);
+        if (item) {
+            this.setSelectedItem(item);
+            return true;
+        }
+        return false;
+    }
+    /**
+     * Helper method to find an item by ID recursively through the navigation tree.
+     * @param items Array of navigation items to search through.
+     * @param id The ID to search for.
+     * @returns The found item or null.
+     */
+    _findItemById(items, id) {
+        for (const item of items) {
+            if (item.id() === id) {
+                return item;
+            }
+            if (item.listItems$().length > 0) {
+                const childItems = item.listItems$().filter((child) => child !== null);
+                const found = this._findItemById(childItems, id);
+                if (found) {
+                    return found;
+                }
+            }
+        }
+        return null;
+    }
     /**
      * Updates the list of items.
      * Optionally inserts "More" button if overflow menu should be rendered.
@@ -1542,13 +2280,13 @@ class NavigationComponent extends FdbNavigation {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: NavigationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.4", type: NavigationComponent, isStandalone: true, selector: "fdb-navigation", inputs: { class: "class", mode: "mode", state: "state", type: "type" }, host: { attributes: { "role": "navigation" }, listeners: { "keydown": "_keyDownHandler($event)" } }, providers: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "20.1.4", type: NavigationComponent, isStandalone: true, selector: "fdb-navigation", inputs: { class: "class", ariaLabel: "ariaLabel", ariaRoleDescription: "ariaRoleDescription", mode: "mode", isOverlay: ["isOverlay", "isOverlay", booleanAttribute], state: "state", type: "type", selectionMode: "selectionMode" }, host: { attributes: { "role": "navigation" }, listeners: { "keydown": "_keyDownHandler($event)" }, properties: { "attr.aria-label": "this.ariaLabel", "attr.aria-roledescription": "this.ariaRoleDescription" } }, providers: [
             NavigationService,
             {
                 provide: FdbNavigation,
                 useExisting: NavigationComponent
             }
-        ], queries: [{ propertyName: "_navigationItemRef", first: true, predicate: NavigationListItemRefDirective, descendants: true }, { propertyName: "_navigationItems", predicate: FdbNavigationListItem, descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<ng-content></ng-content>\n@if (_navigationItemRenderer()) {\n    @if (dataSourceItems()?.start; as startItems) {\n        <fdb-navigation-content-start [contentProjected]=\"false\">\n            @for (item of startItems; track item) {\n                <ng-container fdbNavigationListItem [item]=\"item\" #listItemDirective=\"fdbListItem\">\n                    <ng-template\n                        [ngTemplateOutlet]=\"itemRenderer\"\n                        [ngTemplateOutletContext]=\"{ $implicit: item, injector: listItemDirective.injector }\"\n                        [ngTemplateOutletInjector]=\"listItemDirective.injector\"\n                    ></ng-template>\n                </ng-container>\n            }\n        </fdb-navigation-content-start>\n    }\n    @if (dataSourceItems()?.end; as endItems) {\n        <fdb-navigation-content-end [contentProjected]=\"false\">\n            @for (item of endItems; track item) {\n                <ng-container fdbNavigationListItem [item]=\"item\" #listItemDirective=\"fdbListItem\">\n                    <ng-template\n                        [ngTemplateOutlet]=\"itemRenderer\"\n                        [ngTemplateOutletContext]=\"{ $implicit: item, injector: listItemDirective.injector }\"\n                        [ngTemplateOutletInjector]=\"listItemDirective.injector\"\n                    ></ng-template>\n                </ng-container>\n            }\n        </fdb-navigation-content-end>\n    }\n}\n\n<ng-template #itemRenderer let-item let-injector=\"injector\">\n    <ng-template\n        [ngTemplateOutlet]=\"_navigationItemRenderer()?.templateRef || null\"\n        [ngTemplateOutletContext]=\"{ $implicit: item }\"\n        [ngTemplateOutletInjector]=\"injector\"\n    ></ng-template>\n    @if (item.children && item.children.length > 0) {\n        @for (child of item.children; track child) {\n            <ng-container fdbNavigationListItem [item]=\"child\" #listItemDirective=\"fdbListItem\">\n                <ng-template\n                    [ngTemplateOutlet]=\"itemRenderer\"\n                    [ngTemplateOutletContext]=\"{ $implicit: child, injector: listItemDirective.injector }\"\n                    [ngTemplateOutletInjector]=\"listItemDirective.injector\"\n                ></ng-template>\n            </ng-container>\n        }\n    }\n</ng-template>\n", styles: ["@charset \"UTF-8\";.fd-navigation{--fdNavigation_Height:100%;--fdNavigation_Padding_X:.5rem;--fdNavigation_Padding_Top:.5rem;--fdNavigation_Item_Spacing:.25rem;--fdNavigation_Padding_Bottom:.5rem;--fdNavigation_Horizontal_Height:3.5rem;--fdNavigation_Expander_Position_Right:.5rem;--fdNavigation_Border_Radius:0;--fdNavigation_Box_Shadow:var(--sapContent_Shadow0);--fdNavigation_Link_Icon_Size:1rem;--fdNavigation_Link_Icon_Color:var(--sapList_TextColor);--fdNavigation_Link_Min_Height:var(--sapElement_LineHeight);--fdNavigation_Link_Font_Family:var(--sapFontBoldFamily);--fdNavigation_Link_Spacing:.5rem;--fdNavigation_Link_Text_Color:inherit;--fdNavigation_Link_Shift_Left:1rem;--fdNavigation_Link_Padding_Left:var(--fdNavigation_Link_Shift_Left);--fdNavigation_Link_Padding_Right:.375rem;--fdNavigation_Link_Font_Size:var(--sapFontSize);--fdNavigation_Link_Selection_Indicator_Size:.5rem;--fdNavigation_Link_Has_Child_Indicator_Display:flex;--fdNavigation_Link_Selection_Indicator_Display:none;--fdNavigation_Link_Back_Indicator_Icon:\"\\e1ee\";--fdNavigation_Link_Has_Child_Indicator_Icon:\"\\e1ed\";--fdNavigation_Link_External_Link_Indicator_Icon:\"\\e04c\";--fdNavigation_Link_Background:var(--sapNavigation_Background);--fdNavigation_Link_Border_Color:var(--fdNavigation_Link_Border_Color_Normal);--fdNavigation_Link_Border_Bottom_Color:var(--fdNavigation_Link_Border_Bottom_Color_Normal);--fdNavigation_Item_Group_Display:flex;--fdNavigation_Item_Title_Display:none;--fdNavigation_Item_Text_Display:inline-block;--fdNavigation_Item_Selected_Background:var(--sapList_SelectionBackgroundColor);--fdNavigation_List_Container_Display:none;--fdNavigation_List_Parent_Items_Display:none;--fdNavigation_Controls_Width:2.25rem;--fdNavigation_Controls_Height:2.25rem;--fdNavigation_Quick_Create_Border_Color:var(--sapButton_BorderColor);border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0}.fd-navigation:after,.fd-navigation:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-navigation__container{position:relative}.fd-navigation__container--top{height:100%;overflow:scroll;padding-inline:var(--fdNavigation_Padding_X);position:relative;-webkit-padding-after:.25rem;padding-block-end:.25rem}.fd-navigation__container--bottom{padding-inline:var(--fdNavigation_Padding_X)}.fd-navigation__container--bottom:before{background:var(--sapToolbar_SeparatorColor);content:\"\";display:inline-block;height:.0625rem;margin-block:.5625rem;width:100%}.fd-navigation__list-container{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:var(--fdNavigation_List_Container_Display);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0}.fd-navigation__list-container:after,.fd-navigation__list-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-navigation__list-wrapper{width:100%}.fd-navigation__list{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:var(--fdNavigation_Item_Spacing);height:100%;list-style-type:none;position:relative}.fd-navigation__list:after,.fd-navigation__list:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-navigation__list--parent-items{display:var(--fdNavigation_List_Parent_Items_Display)}.fd-navigation__list-item{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:var(--fdNavigation_Item_Spacing)}.fd-navigation__list-item:after,.fd-navigation__list-item:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-navigation__list-item--spacer{background:transparent;height:100%;min-height:.25rem}.fd-navigation__list-item--separator{background:transparent;height:.625rem;max-height:.625rem;min-height:.625rem}.fd-navigation__list-item--overflow{position:relative}.fd-navigation__link{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;padding-inline:var(--fdNavigation_Link_Padding_Left) var(--fdNavigation_Link_Padding_Right);-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:var(--fdNavigation_Link_Background);border-radius:var(--fdNavigation_Link_Border_Radius);color:var(--fdNavigation_Link_Text_Color);cursor:pointer;gap:var(--fdNavigation_Link_Spacing);min-height:var(--fdNavigation_Link_Min_Height);overflow:hidden;position:relative;text-align:start;text-decoration:none;-webkit-transition:var(--fdNavigation_Link_Transition);transition:var(--fdNavigation_Link_Transition);width:100%}.fd-navigation__link:after,.fd-navigation__link:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-navigation__link:before{border-bottom:.0625rem solid var(--fdNavigation_Link_Border_Color);border:.0625rem solid var(--fdNavigation_Link_Border_Color);border-bottom-color:var(--fdNavigation_Link_Border_Bottom_Color);content:\"\";height:100%;left:0;position:absolute;top:0;width:100%}[dir=rtl] .fd-navigation__link:before{left:auto;right:0}.fd-navigation__link.is-hover,.fd-navigation__link:hover{--fdNavigation_Link_Background:var(--sapList_Hover_Background);--fdNavigation_Link_Border_Color:var(--fdNavigation_Link_Border_Color_Hover);--fdNavigation_Link_Border_Bottom_Color:var(--fdNavigation_Link_Border_Color_Hover)}.fd-navigation__link.is-active,.fd-navigation__link.is-active.is-focus,.fd-navigation__link.is-active:focus,.fd-navigation__link:active,.fd-navigation__link:active.is-focus,.fd-navigation__link:active:focus{--fdNavigation_Link_Background:var(--sapList_Active_Background);--fdNavigation_Link_Border_Color:var(--fdNavigation_Link_Border_Color_Active);--fdNavigation_Link_Border_Bottom_Color:var(--fdNavigation_Link_Border_Color_Active)}.fd-navigation__link.is-active.is-focus,.fd-navigation__link.is-active:focus,.fd-navigation__link:active.is-focus,.fd-navigation__link:active:focus{outline:none;z-index:5}.fd-navigation__link.is-focus,.fd-navigation__link:focus{z-index:5;--fdNavigation_Link_Border_Color:transparent;--fdNavigation_Link_Border_Bottom_Color:transparent;--fdNavigation_Link_Background:var(--sapList_Background);outline:var(--sapContent_FocusStyle) var(--sapContent_FocusWidth) var(--sapContent_FocusColor);outline-offset:-.125rem}.fd-navigation__link.is-focus.is-hover,.fd-navigation__link.is-focus:hover,.fd-navigation__link:focus.is-hover,.fd-navigation__link:focus:hover{--fdNavigation_Link_Background:var(--sapList_Hover_Background);--fdNavigation_Link_Border_Color:var(--fdNavigation_Link_Border_Color_Hover);--fdNavigation_Link_Border_Bottom_Color:var(--fdNavigation_Link_Border_Color_Hover)}.fd-navigation__link:focus-visible{outline-offset:-.125rem}.fd-navigation__link.is-disabled,.fd-navigation__link:disabled,.fd-navigation__link[aria-disabled=true]{opacity:var(--sapContent_DisabledOpacity);pointer-events:none}.fd-navigation__item{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:var(--fdNavigation_Link_Border_Radius);height:100%;position:relative}.fd-navigation__item:after,.fd-navigation__item:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-navigation__item.is-expanded .fd-navigation__has-children-indicator,.fd-navigation__item.is-expanded .fd-navigation__has-children-indicator[dir=rtl],.fd-navigation__item[aria-expanded=true] .fd-navigation__has-children-indicator,.fd-navigation__item[aria-expanded=true] .fd-navigation__has-children-indicator[dir=rtl],[dir=rtl] .fd-navigation__item.is-expanded .fd-navigation__has-children-indicator,[dir=rtl] .fd-navigation__item[aria-expanded=true] .fd-navigation__has-children-indicator{--fdNavigation_Link_Has_Child_Indicator_Icon:\"\\e1ef\"}.fd-navigation__item.is-expanded+.fd-navigation__list-container,.fd-navigation__item[aria-expanded=true]+.fd-navigation__list-container{--fdNavigation_List_Container_Display:flex}.fd-navigation__item.is-expanded+.fd-navigation__list--parent-items,.fd-navigation__item[aria-expanded=true]+.fd-navigation__list--parent-items{--fdNavigation_List_Parent_Items_Display:flex}.fd-navigation__item.is-selected,.fd-navigation__item[aria-selected=true]{--fdNavigation_Link_Selection_Indicator_Display:inline-block;--fdNavigation_Link_Background:var(--sapList_SelectionBackgroundColor);--fdNavigation_Link_Border_Color:var(--fdNavigation_Link_Border_Color_Selected);--fdNavigation_Link_Border_Bottom_Color:var(--fdNavigation_Link_Border_Color_Selected)}.fd-navigation__item.is-selected .fd-navigation__link.is-focus,.fd-navigation__item.is-selected .fd-navigation__link:focus,.fd-navigation__item[aria-selected=true] .fd-navigation__link.is-focus,.fd-navigation__item[aria-selected=true] .fd-navigation__link:focus{z-index:5;--fdNavigation_Link_Background:var(--sapList_SelectionBackgroundColor);--fdNavigation_Link_Border_Color:var(--fdNavigation_Link_Border_Color_Selected);--fdNavigation_Link_Border_Bottom_Color:var(--fdNavigation_Link_Border_Color_Selected)}.fd-navigation__item.is-selected .fd-navigation__link.is-hover,.fd-navigation__item.is-selected .fd-navigation__link:hover,.fd-navigation__item[aria-selected=true] .fd-navigation__link.is-hover,.fd-navigation__item[aria-selected=true] .fd-navigation__link:hover{--fdNavigation_Link_Background:var(--sapList_Hover_SelectionBackground);--fdNavigation_Link_Border_Color:var(--fdNavigation_Link_Border_Color_Selected);--fdNavigation_Link_Border_Bottom_Color:var(--fdNavigation_Link_Border_Color_Selected)}.fd-navigation__item--child .fd-navigation__link{--fdNavigation_Link_Font_Family:var(--sapFontFamily);--fdNavigation_Link_Padding_Left:2.5rem}.fd-navigation__item--group{display:var(--fdNavigation_Item_Group_Display)}.fd-navigation__item--group .fd-navigation__link{--fdNavigation_Link_Text_Color:var(--sapContent_LabelColor);--fdNavigation_Link_Font_Family:var(--sapFontFamily);--fdNavigation_Link_Font_Size:var(--sapFontSize)}.fd-navigation__item--title{height:auto;-webkit-margin-after:var(--fdNavigation_Item_Title_Margin_Bottom,0);display:var(--fdNavigation_Item_Title_Display);margin-block-end:var(--fdNavigation_Item_Title_Margin_Bottom,0)}.fd-navigation__item--title .fd-navigation__text{font-weight:700;--fdNavigation_Item_Title_Display:block}.fd-navigation__item--title .fd-navigation__icon[class*=sap-icon]{display:none}.fd-navigation__item--menu.is-expanded,.fd-navigation__item--menu[aria-expanded=true]{--fdNavigation_Link_Background:var(--sapNavigation_Active_Background);--fdNavigation_Link_Border_Color:var(--fdNavigation_Link_Border_Color_Active);--fdNavigation_Link_Border_Bottom_Color:var(--fdNavigation_Link_Border_Color_Active)}.fd-navigation__item--menu.is-expanded .fd-navigation__has-children-indicator,.fd-navigation__item--menu[aria-expanded=true] .fd-navigation__has-children-indicator{--fdNavigation_Link_Has_Child_Indicator_Icon:\"\\e1ed\"}.fd-navigation__item--menu.is-expanded .fd-navigation__has-children-indicator[dir=rtl],.fd-navigation__item--menu[aria-expanded=true] .fd-navigation__has-children-indicator[dir=rtl],[dir=rtl] .fd-navigation__item--menu.is-expanded .fd-navigation__has-children-indicator,[dir=rtl] .fd-navigation__item--menu[aria-expanded=true] .fd-navigation__has-children-indicator{--fdNavigation_Link_Has_Child_Indicator_Icon:\"\\e1ee\"}.fd-navigation__item--menu.fd-navigation__item--child .fd-navigation__link{--fdNavigation_Link_Padding_Left:var(--fdNavigation_Link_Shift_Left)}.fd-navigation__item--with-expander .fd-navigation__link{--fdNavigation_Link_Padding_Right:calc(var(--fdNavigation_Controls_Width) + 1.3125rem)}.fd-navigation__item--with-expander .fd-navigation__has-children-indicator{--fdNavigation_Link_Has_Child_Indicator_Display:flex;cursor:pointer;position:absolute;right:var(--fdNavigation_Link_Has_Child_Indicator_Pos_Right,.375rem);z-index:20}.fd-navigation__item--with-expander .fd-navigation__has-children-indicator:after{background:var(--sapTextColor);content:\"\";display:var(--fdNavigation_Link_Has_Child_Indicator_Div_Display,inline-block);height:var(--sapElement_Condensed_Height);left:-.25rem;position:absolute;width:.0625rem}.fd-navigation__item--with-expander.is-hover .fd-navigation__link,.fd-navigation__item--with-expander:hover .fd-navigation__link{--fdNavigation_Link_Background:var(--sapList_Hover_Background);--fdNavigation_Link_Border_Color:var(--fdNavigation_Link_Border_Color_Hover);--fdNavigation_Link_Border_Bottom_Color:var(--fdNavigation_Link_Border_Color_Hover)}.fd-navigation__item--with-expander.is-active .fd-navigation__link,.fd-navigation__item--with-expander:active .fd-navigation__link{--fdNavigation_Link_Background:var(--sapList_Active_Background);--fdNavigation_Link_Border_Color:var(--fdNavigation_Link_Border_Color_Active);--fdNavigation_Link_Border_Bottom_Color:var(--fdNavigation_Link_Border_Color_Active)}.fd-navigation__item--with-expander.is-selected.is-hover .fd-navigation__link,.fd-navigation__item--with-expander.is-selected:hover .fd-navigation__link,.fd-navigation__item--with-expander[aria-selected=true].is-hover .fd-navigation__link,.fd-navigation__item--with-expander[aria-selected=true]:hover .fd-navigation__link{--fdNavigation_Link_Background:var(--sapList_Hover_SelectionBackground)}.fd-navigation__item--create{--fdNavigation_Link_Text_Color:var(--sapButton_TextColor);--fdNavigation_Link_Icon_Color:var(--sapButton_TextColor)}.fd-navigation__item--create .fd-navigation__link{border:var(--sapButton_BorderWidth) solid var(--fdNavigation_Quick_Create_Border_Color)}.fd-navigation__item--create .fd-navigation__link.is-active,.fd-navigation__item--create .fd-navigation__link:active{--fdNavigation_Quick_Create_Border_Color:var(--sapButton_Active_BorderColor);--fdNavigation_Link_Background:var(--sapButton_Active_Background)}.fd-navigation__icon{height:var(--fdNavigation_Link_Icon_Size);max-height:var(--fdNavigation_Link_Icon_Size);max-width:var(--fdNavigation_Link_Icon_Size);min-height:var(--fdNavigation_Link_Icon_Size);min-width:var(--fdNavigation_Link_Icon_Size);width:var(--fdNavigation_Link_Icon_Size)}.fd-navigation__icon [class*=sap-icon],.fd-navigation__icon[class*=sap-icon]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--fdNavigation_Link_Icon_Color);font-family:var(--sapFontBoldFamily);font-size:var(--fdNavigation_Link_Icon_Size)}.fd-navigation__text{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--fdNavigation_Link_Text_Color);display:var(--fdNavigation_Item_Text_Display);font-family:var(--sapFontFamily);font-family:var(--fdNavigation_Link_Font_Family);font-size:var(--sapFontSize);font-size:var(--fdNavigation_Link_Font_Size);font-weight:400;forced-color-adjust:none;line-height:normal;line-height:1rem;margin-block:0;margin-inline:0;overflow:hidden;padding-block:0;padding-inline:0;text-overflow:ellipsis;vertical-align:baseline;white-space:nowrap;width:100%}.fd-navigation__text:after,.fd-navigation__text:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-navigation__selection-indicator{background:var(--sapList_SelectionBorderColor);border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:var(--fdNavigation_Link_Selection_Indicator_Display);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:100%;left:0;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;position:absolute;top:0;width:.188rem}.fd-navigation__selection-indicator:after,.fd-navigation__selection-indicator:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-navigation__selection-indicator[dir=rtl],[dir=rtl] .fd-navigation__selection-indicator{left:auto;right:0}.fd-navigation__has-children-indicator{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--sapList_TextColor);display:var(--fdNavigation_Link_Has_Child_Indicator_Display);height:var(--fdNavigation_Controls_Height);max-height:var(--fdNavigation_Controls_Height);max-width:var(--fdNavigation_Controls_Width);min-height:var(--fdNavigation_Controls_Height);min-width:var(--fdNavigation_Controls_Width);-webkit-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out;width:var(--fdNavigation_Controls_Width)}.fd-navigation__has-children-indicator:after,.fd-navigation__has-children-indicator:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-navigation__has-children-indicator:before{content:var(--fdNavigation_Link_Has_Child_Indicator_Icon);font-family:SAP-icons;font-size:1rem}[dir=rtl] .fd-navigation__has-children-indicator{--fdNavigation_Link_Has_Child_Indicator_Icon:\"\\e1ee\"}.fd-navigation__external-link-indicator{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--sapList_TextColor);display:var(--fdNavigation_Link_External_Link_Indicator_Display,flex);height:var(--fdNavigation_Controls_Height);max-height:var(--fdNavigation_Controls_Height);max-width:var(--fdNavigation_Controls_Width);min-height:var(--fdNavigation_Controls_Height);min-width:var(--fdNavigation_Controls_Width);width:var(--fdNavigation_Controls_Width)}.fd-navigation__external-link-indicator:after,.fd-navigation__external-link-indicator:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-navigation__external-link-indicator:before{content:var(--fdNavigation_Link_External_Link_Indicator_Icon);font-family:SAP-icons;font-size:1rem}.fd-navigation__external-link-indicator[dir=rtl],[dir=rtl] .fd-navigation__external-link-indicator{--fdNavigation_Link_External_Link_Indicator_Icon:\"\\e04d\"}.fd-navigation__back-indicator{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--sapContent_LabelColor);height:.75rem;max-height:.75rem;max-width:.75rem;min-height:.75rem;min-width:.75rem;width:.75rem}.fd-navigation__back-indicator:after,.fd-navigation__back-indicator:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-navigation__back-indicator:before{content:var(--fdNavigation_Link_Back_Indicator_Icon);font-family:SAP-icons;font-size:.75rem}.fd-navigation__back-indicator[dir=rtl],[dir=rtl] .fd-navigation__back-indicator{--fdNavigation_Link_Back_Indicator_Icon:\"\\e1ed\"}.fd-navigation--snapped .fd-navigation__container--bottom,.fd-navigation--snapped .fd-navigation__container--top{overflow:visible}.fd-navigation--snapped .fd-navigation__list-wrapper{padding-block:.5rem;padding-inline:.5rem}.fd-navigation--snapped .fd-navigation__list-container{background:var(--sapGroup_ContentBackground);border:none;border-radius:var(--sapPopover_BorderCornerRadius);-webkit-box-shadow:var(--sapContent_Shadow2);box-shadow:var(--sapContent_Shadow2)}.fd-navigation--snapped .fd-navigation__list-container.fd-navigation__list-container--menu{left:calc(100% + .1875rem);padding-block:.5rem;padding-inline:.5rem;position:absolute;top:0}.fd-navigation--snapped .fd-navigation__list-container.fd-navigation__list-container--menu[dir=rtl],[dir=rtl] .fd-navigation--snapped .fd-navigation__list-container.fd-navigation__list-container--menu{left:auto;right:calc(100% + .1875rem)}.fd-navigation--snapped .fd-navigation__list-container.fd-navigation__list-container--menu .fd-navigation__list-wrapper{padding-block:0;padding-inline:0}.fd-navigation--snapped .fd-navigation__list-container.fd-navigation__list-container--menu .fd-navigation__list{--fdNavigation_Item_Spacing:.5rem;-webkit-box-shadow:none;box-shadow:none}.fd-navigation--snapped .fd-navigation__list-container.fd-navigation__list-container--menu .fd-navigation__item.is-expanded .fd-navigation__has-children-indicator,.fd-navigation--snapped .fd-navigation__list-container.fd-navigation__list-container--menu .fd-navigation__item[aria-expanded=true] .fd-navigation__has-children-indicator{--fdNavigation_Link_Has_Child_Indicator_Icon:\"\\e1ed\"}[dir=rtl] .fd-navigation--snapped .fd-navigation__list-container.fd-navigation__list-container--menu .fd-navigation__item .fd-navigation__has-children-indicator{--fdNavigation_Link_Has_Child_Indicator_Icon:\"\\e1ee\"}.fd-navigation--snapped .fd-navigation__list-container.fd-navigation__list-container--submenu{left:calc(100% + .1875rem);margin-block:0;margin-inline:0;padding-block:.5rem;padding-inline:.5rem;top:calc(var(--fdNavigation_Link_Min_Height) - .5rem)}.fd-navigation--snapped .fd-navigation__list-container.fd-navigation__list-container--submenu[dir=rtl],[dir=rtl] .fd-navigation--snapped .fd-navigation__list-container.fd-navigation__list-container--submenu{left:auto;right:calc(100% + .1875rem)}.fd-navigation--snapped .fd-navigation__list-container .fd-navigation__list--parent-items{--fdNavigation_List_Parent_Items_Display:flex}.fd-navigation--snapped .fd-navigation__item--group{--fdNavigation_Item_Group_Display:none}.fd-navigation--snapped .fd-navigation__item--child .fd-navigation__link{--fdNavigation_Link_Padding_Left:1rem}.fd-navigation--snapped .fd-navigation__list--child-items{--fdNavigation_Item_Spacing:.5rem;height:auto}.fd-navigation--snapped .fd-navigation__item--title{--fdNavigation_Item_Title_Display:block;--fdNavigation_Item_Title_Margin_Bottom:.5rem}.fd-navigation--snapped .fd-navigation__item:not(.fd-navigation__item--title).is-expanded .fd-navigation__link,.fd-navigation--snapped .fd-navigation__item:not(.fd-navigation__item--title)[aria-expanded=true] .fd-navigation__link{--fdNavigation_Link_Background:var(--sapList_Active_Background);--fdNavigation_Link_Border_Color:var(--fdNavigation_Link_Border_Color_Active)}.fd-navigation--snapped .fd-navigation__item:not(.fd-navigation__item--title).is-expanded.is-selected .fd-navigation__link,.fd-navigation--snapped .fd-navigation__item:not(.fd-navigation__item--title).is-expanded[aria-selected=true] .fd-navigation__link,.fd-navigation--snapped .fd-navigation__item:not(.fd-navigation__item--title)[aria-expanded=true].is-selected .fd-navigation__link,.fd-navigation--snapped .fd-navigation__item:not(.fd-navigation__item--title)[aria-expanded=true][aria-selected=true] .fd-navigation__link{--fdNavigation_Link_Selection_Indicator_Display:inline-block;--fdNavigation_Link_Background:var(--sapList_SelectionBackgroundColor);--fdNavigation_Link_Border_Color:var(--fdNavigation_Link_Border_Color_Selected)}.fd-navigation--snapped .fd-navigation__item:not(.fd-navigation__item--title).is-expanded.is-selected.is-hover .fd-navigation__link,.fd-navigation--snapped .fd-navigation__item:not(.fd-navigation__item--title).is-expanded.is-selected:hover .fd-navigation__link,.fd-navigation--snapped .fd-navigation__item:not(.fd-navigation__item--title).is-expanded[aria-selected=true].is-hover .fd-navigation__link,.fd-navigation--snapped .fd-navigation__item:not(.fd-navigation__item--title).is-expanded[aria-selected=true]:hover .fd-navigation__link,.fd-navigation--snapped .fd-navigation__item:not(.fd-navigation__item--title)[aria-expanded=true].is-selected.is-hover .fd-navigation__link,.fd-navigation--snapped .fd-navigation__item:not(.fd-navigation__item--title)[aria-expanded=true].is-selected:hover .fd-navigation__link,.fd-navigation--snapped .fd-navigation__item:not(.fd-navigation__item--title)[aria-expanded=true][aria-selected=true].is-hover .fd-navigation__link,.fd-navigation--snapped .fd-navigation__item:not(.fd-navigation__item--title)[aria-expanded=true][aria-selected=true]:hover .fd-navigation__link{--fdNavigation_Link_Background:var(--sapList_Hover_SelectionBackground)}.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)>.fd-navigation__link{--fdNavigation_Link_Spacing:0}.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)>.fd-navigation__link .fd-navigation__text{--fdNavigation_Item_Text_Display:none}.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)>.fd-navigation__link .fd-navigation__has-children-indicator{--fdNavigation_Controls_Width:1rem;--fdNavigation_Link_Has_Child_Indicator_Icon:\"\\e1ed\"}.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)>.fd-navigation__link:has(.fd-navigation__external-link-indicator){--fdNavigation_Link_Padding_Right:0;--fdNavigation_Link_External_Link_Indicator_Display:none}.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)>.fd-navigation__link.is-focus,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)>.fd-navigation__link.is-hover,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)>.fd-navigation__link:focus,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)>.fd-navigation__link:hover{--fdNavigation_Link_Padding_Right:1rem;--fdNavigation_Link_Spacing:.5rem;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)>.fd-navigation__link.is-focus:has(.fd-navigation__has-children-indicator),.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)>.fd-navigation__link.is-hover:has(.fd-navigation__has-children-indicator),.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)>.fd-navigation__link:focus:has(.fd-navigation__has-children-indicator),.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)>.fd-navigation__link:hover:has(.fd-navigation__has-children-indicator){--fdNavigation_Link_Padding_Right:.375rem}.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)>.fd-navigation__link.is-focus:has(.fd-navigation__has-children-indicator) .fd-navigation__has-children-indicator,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)>.fd-navigation__link.is-hover:has(.fd-navigation__has-children-indicator) .fd-navigation__has-children-indicator,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)>.fd-navigation__link:focus:has(.fd-navigation__has-children-indicator) .fd-navigation__has-children-indicator,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)>.fd-navigation__link:hover:has(.fd-navigation__has-children-indicator) .fd-navigation__has-children-indicator{--fdNavigation_Controls_Width:2.25rem}.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)>.fd-navigation__link.is-focus:has(.fd-navigation__external-link-indicator),.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)>.fd-navigation__link.is-hover:has(.fd-navigation__external-link-indicator),.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)>.fd-navigation__link:focus:has(.fd-navigation__external-link-indicator),.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)>.fd-navigation__link:hover:has(.fd-navigation__external-link-indicator){--fdNavigation_Link_Padding_Right:.375rem;--fdNavigation_Link_External_Link_Indicator_Display:flex}.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)>.fd-navigation__link.is-focus .fd-navigation__text,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)>.fd-navigation__link.is-hover .fd-navigation__text,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)>.fd-navigation__link:focus .fd-navigation__text,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)>.fd-navigation__link:hover .fd-navigation__text{--fdNavigation_Item_Text_Display:inline-block}.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).fd-navigation__item--with-expander>.fd-navigation__link{--fdNavigation_Link_Padding_Right:0}.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).fd-navigation__item--with-expander>.fd-navigation__link+.fd-navigation__has-children-indicator{--fdNavigation_Controls_Width:1rem;--fdNavigation_Link_Has_Child_Indicator_Icon:\"\\e1ed\";--fdNavigation_Link_Has_Child_Indicator_Pos_Right:0;--fdNavigation_Link_Has_Child_Indicator_Div_Display:none}.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).fd-navigation__item--with-expander.is-hover,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).fd-navigation__item--with-expander:focus-within,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).fd-navigation__item--with-expander:hover{min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).fd-navigation__item--with-expander.is-hover>.fd-navigation__link,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).fd-navigation__item--with-expander:focus-within>.fd-navigation__link,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).fd-navigation__item--with-expander:hover>.fd-navigation__link{--fdNavigation_Link_Spacing:.5rem;--fdNavigation_Link_Padding_Right:calc(var(--fdNavigation_Controls_Width) + 1.3125rem)}.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).fd-navigation__item--with-expander.is-hover>.fd-navigation__link .fd-navigation__text,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).fd-navigation__item--with-expander:focus-within>.fd-navigation__link .fd-navigation__text,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).fd-navigation__item--with-expander:hover>.fd-navigation__link .fd-navigation__text{--fdNavigation_Item_Text_Display:inline-block}.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).fd-navigation__item--with-expander.is-hover>.fd-navigation__link+.fd-navigation__has-children-indicator,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).fd-navigation__item--with-expander:focus-within>.fd-navigation__link+.fd-navigation__has-children-indicator,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).fd-navigation__item--with-expander:hover>.fd-navigation__link+.fd-navigation__has-children-indicator{--fdNavigation_Controls_Width:2.25rem;--fdNavigation_Link_Has_Child_Indicator_Icon:\"\\e1ed\";--fdNavigation_Link_Has_Child_Indicator_Pos_Right:.375rem;--fdNavigation_Link_Has_Child_Indicator_Div_Display:inline-block}.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).fd-navigation__item--with-expander.is-expanded.is-hover>.fd-navigation__link,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).fd-navigation__item--with-expander.is-expanded:focus-within>.fd-navigation__link,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).fd-navigation__item--with-expander.is-expanded:hover>.fd-navigation__link,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).fd-navigation__item--with-expander[aria-expanded=true].is-hover>.fd-navigation__link,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).fd-navigation__item--with-expander[aria-expanded=true]:focus-within>.fd-navigation__link,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).fd-navigation__item--with-expander[aria-expanded=true]:hover>.fd-navigation__link{--fdNavigation_Link_Spacing:0;--fdNavigation_Link_Padding_Right:0}.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).fd-navigation__item--with-expander.is-expanded.is-hover>.fd-navigation__link .fd-navigation__text,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).fd-navigation__item--with-expander.is-expanded:focus-within>.fd-navigation__link .fd-navigation__text,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).fd-navigation__item--with-expander.is-expanded:hover>.fd-navigation__link .fd-navigation__text,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).fd-navigation__item--with-expander[aria-expanded=true].is-hover>.fd-navigation__link .fd-navigation__text,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).fd-navigation__item--with-expander[aria-expanded=true]:focus-within>.fd-navigation__link .fd-navigation__text,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).fd-navigation__item--with-expander[aria-expanded=true]:hover>.fd-navigation__link .fd-navigation__text{--fdNavigation_Item_Text_Display:none}.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).fd-navigation__item--with-expander.is-expanded.is-hover>.fd-navigation__link+.fd-navigation__has-children-indicator,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).fd-navigation__item--with-expander.is-expanded:focus-within>.fd-navigation__link+.fd-navigation__has-children-indicator,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).fd-navigation__item--with-expander.is-expanded:hover>.fd-navigation__link+.fd-navigation__has-children-indicator,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).fd-navigation__item--with-expander[aria-expanded=true].is-hover>.fd-navigation__link+.fd-navigation__has-children-indicator,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).fd-navigation__item--with-expander[aria-expanded=true]:focus-within>.fd-navigation__link+.fd-navigation__has-children-indicator,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).fd-navigation__item--with-expander[aria-expanded=true]:hover>.fd-navigation__link+.fd-navigation__has-children-indicator{--fdNavigation_Controls_Width:1rem;--fdNavigation_Link_Has_Child_Indicator_Icon:\"\\e1ed\";--fdNavigation_Link_Has_Child_Indicator_Pos_Right:0;--fdNavigation_Link_Has_Child_Indicator_Div_Display:none}.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).is-expanded>.fd-navigation__link .fd-navigation__has-children-indicator,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)[aria-expanded=true]>.fd-navigation__link .fd-navigation__has-children-indicator{--fdNavigation_Controls_Width:1rem;--fdNavigation_Link_Has_Child_Indicator_Icon:\"\\e1ed\"}.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).is-expanded>.fd-navigation__link.is-focus,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).is-expanded>.fd-navigation__link.is-hover,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).is-expanded>.fd-navigation__link:focus,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).is-expanded>.fd-navigation__link:hover,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)[aria-expanded=true]>.fd-navigation__link.is-focus,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)[aria-expanded=true]>.fd-navigation__link.is-hover,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)[aria-expanded=true]>.fd-navigation__link:focus,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)[aria-expanded=true]>.fd-navigation__link:hover{--fdNavigation_Link_Padding_Right:0}.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).is-expanded>.fd-navigation__link.is-focus:has(.fd-navigation__has-children-indicator),.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).is-expanded>.fd-navigation__link.is-hover:has(.fd-navigation__has-children-indicator),.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).is-expanded>.fd-navigation__link:focus:has(.fd-navigation__has-children-indicator),.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).is-expanded>.fd-navigation__link:hover:has(.fd-navigation__has-children-indicator),.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)[aria-expanded=true]>.fd-navigation__link.is-focus:has(.fd-navigation__has-children-indicator),.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)[aria-expanded=true]>.fd-navigation__link.is-hover:has(.fd-navigation__has-children-indicator),.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)[aria-expanded=true]>.fd-navigation__link:focus:has(.fd-navigation__has-children-indicator),.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)[aria-expanded=true]>.fd-navigation__link:hover:has(.fd-navigation__has-children-indicator){--fdNavigation_Link_Spacing:0;--fdNavigation_Link_Padding_Right:0}.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).is-expanded>.fd-navigation__link.is-focus:has(.fd-navigation__has-children-indicator) .fd-navigation__has-children-indicator,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).is-expanded>.fd-navigation__link.is-hover:has(.fd-navigation__has-children-indicator) .fd-navigation__has-children-indicator,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).is-expanded>.fd-navigation__link:focus:has(.fd-navigation__has-children-indicator) .fd-navigation__has-children-indicator,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).is-expanded>.fd-navigation__link:hover:has(.fd-navigation__has-children-indicator) .fd-navigation__has-children-indicator,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)[aria-expanded=true]>.fd-navigation__link.is-focus:has(.fd-navigation__has-children-indicator) .fd-navigation__has-children-indicator,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)[aria-expanded=true]>.fd-navigation__link.is-hover:has(.fd-navigation__has-children-indicator) .fd-navigation__has-children-indicator,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)[aria-expanded=true]>.fd-navigation__link:focus:has(.fd-navigation__has-children-indicator) .fd-navigation__has-children-indicator,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)[aria-expanded=true]>.fd-navigation__link:hover:has(.fd-navigation__has-children-indicator) .fd-navigation__has-children-indicator{--fdNavigation_Controls_Width:1rem}.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).is-expanded>.fd-navigation__link.is-focus .fd-navigation__text,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).is-expanded>.fd-navigation__link.is-hover .fd-navigation__text,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).is-expanded>.fd-navigation__link:focus .fd-navigation__text,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).is-expanded>.fd-navigation__link:hover .fd-navigation__text,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)[aria-expanded=true]>.fd-navigation__link.is-focus .fd-navigation__text,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)[aria-expanded=true]>.fd-navigation__link.is-hover .fd-navigation__text,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)[aria-expanded=true]>.fd-navigation__link:focus .fd-navigation__text,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)[aria-expanded=true]>.fd-navigation__link:hover .fd-navigation__text{--fdNavigation_Item_Text_Display:none}.fd-navigation.fd-navigation--vertical{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;background:var(--sapList_Background);border-radius:var(--fdNavigation_Border_Radius);-webkit-box-shadow:var(--fdNavigation_Box_Shadow);box-shadow:var(--fdNavigation_Box_Shadow);height:var(--fdNavigation_Height);justify-content:space-between;min-width:16rem;padding-block:var(--fdNavigation_Padding_Top) var(--fdNavigation_Padding_Bottom)}.fd-navigation.fd-navigation--vertical.fd-navigation--popup{--fdNavigation_Height:auto;--fdNavigation_Padding_Top:.5rem;--fdNavigation_Border_Radius:.5rem;--fdNavigation_Box_Shadow:var(--sapNavigation_Shadow2)}.fd-navigation.fd-navigation--vertical.fd-navigation--popup .fd-navigation__container--bottom,.fd-navigation.fd-navigation--vertical.fd-navigation--popup .fd-navigation__container--top{--fdNavigation_Padding_X:.5rem}.fd-navigation.fd-navigation--vertical.fd-navigation--snapped{max-width:4rem;min-width:4rem;width:4rem}.fd-navigation.fd-navigation--horizontal{background:var(--sapNavigation_Background);height:var(--fdNavigation_Horizontal_Height);padding-block:calc((var(--fdNavigation_Horizontal_Height) - var(--fdNavigation_Link_Min_Height))*.5);padding-inline:1.5rem;width:100%}.fd-navigation.fd-navigation--horizontal .fd-navigation__link{--fdNavigation_Link_Spacing:.5rem;--fdNavigation_Link_Padding_Right:1rem}.fd-navigation.fd-navigation--horizontal .fd-navigation__link:has(.fd-navigation__has-children-indicator){--fdNavigation_Link_Padding_Right:.375rem}.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow).is-selected,.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow)[aria-selected=true]{--fdNavigation_Link_Background:var(--fdNavigation_Item_Selected_Background);--fdNavigation_Link_Selection_Indicator_Display:inline-block}.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow).is-selected .fd-navigation__link.is-focus,.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow).is-selected .fd-navigation__link:focus,.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow)[aria-selected=true] .fd-navigation__link.is-focus,.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow)[aria-selected=true] .fd-navigation__link:focus{z-index:5;--fdNavigation_Link_Background:var(--fdNavigation_Item_Selected_Background)}.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow).is-selected .fd-navigation__link.is-hover,.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow).is-selected .fd-navigation__link:hover,.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow)[aria-selected=true] .fd-navigation__link.is-hover,.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow)[aria-selected=true] .fd-navigation__link:hover{--fdNavigation_Link_Background:var(--fdNavigation_Item_Selected_Background)}.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow).is-selected.is-expanded .fd-navigation__link,.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow).is-selected[aria-expanded=true] .fd-navigation__link,.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow)[aria-selected=true].is-expanded .fd-navigation__link,.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow)[aria-selected=true][aria-expanded=true] .fd-navigation__link{--fdNavigation_Link_Selection_Indicator_Display:inline-block;--fdNavigation_Link_Background:var(--fdNavigation_Item_Selected_Background)}.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow).is-selected.is-hover .fd-navigation__link,.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow).is-selected:hover .fd-navigation__link,.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow)[aria-selected=true].is-hover .fd-navigation__link,.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow)[aria-selected=true]:hover .fd-navigation__link{--fdNavigation_Link_Background:var(--sapList_Hover_SelectionBackground)}.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow) .fd-navigation__link.is-hover:before,.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow) .fd-navigation__link:before,.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow) .fd-navigation__link:hover:before,.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow).is-expanded .fd-navigation__link:before,.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow)[aria-expanded=true] .fd-navigation__link:before{--fdNavigation_Link_Border_Bottom_Color:var(--fdNavigation_Link_Border_Color)}.fd-navigation.fd-navigation--horizontal .fd-navigation__list:not(.fd-navigation__list--parent-items):not(.fd-navigation__list--child-items){--fdNavigation_Item_Spacing:.75rem;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.fd-navigation.fd-navigation--horizontal .fd-navigation__list:not(.fd-navigation__list--parent-items):not(.fd-navigation__list--child-items) .fd-navigation__has-children-indicator{--fdNavigation_Link_Has_Child_Indicator_Icon:\"\\e287\"}.fd-navigation.fd-navigation--horizontal .fd-navigation__list-item--spacer{height:.75rem;width:100%}.fd-navigation.fd-navigation--horizontal .fd-navigation__list-container:not(.fd-navigation__list-container--submenu){--fdPopover_Offset: calc(100% + .3875rem) ;background:var(--sapGroup_ContentBackground);border:none;border-radius:.75rem;-webkit-box-shadow:var(--sapMenu_Shadow2);box-shadow:var(--sapMenu_Shadow2);padding-block:.05rem;padding-inline:.05rem}.fd-navigation.fd-navigation--horizontal .fd-navigation__list-container:not(.fd-navigation__list-container--submenu).fd-navigation__list-container--menu{-webkit-box-shadow:var(--sapMenu_Shadow1);box-shadow:var(--sapMenu_Shadow1);padding-block:.5rem;padding-inline:.5rem;position:absolute;right:-.5rem;top:calc(100% + .3875rem)}.fd-navigation.fd-navigation--horizontal .fd-navigation__list-container:not(.fd-navigation__list-container--submenu).fd-navigation__list-container--menu[dir=rtl],[dir=rtl] .fd-navigation.fd-navigation--horizontal .fd-navigation__list-container:not(.fd-navigation__list-container--submenu).fd-navigation__list-container--menu{left:-.5rem;right:auto}.fd-navigation.fd-navigation--horizontal .fd-navigation__list-container:not(.fd-navigation__list-container--submenu).fd-navigation__list-container--menu .fd-navigation__list-wrapper{padding-block:0;padding-inline:0}.fd-navigation.fd-navigation--horizontal .fd-navigation__list-container:not(.fd-navigation__list-container--submenu).fd-navigation__list-container--menu .fd-navigation__list{--fdNavigation_Item_Spacing:.25rem;-webkit-box-shadow:none;box-shadow:none}.fd-navigation.fd-navigation--horizontal .fd-navigation__list-container:not(.fd-navigation__list-container--submenu).fd-navigation__list-container--menu .fd-navigation__item.is-expanded .fd-navigation__has-children-indicator,.fd-navigation.fd-navigation--horizontal .fd-navigation__list-container:not(.fd-navigation__list-container--submenu).fd-navigation__list-container--menu .fd-navigation__item[aria-expanded=true] .fd-navigation__has-children-indicator{--fdNavigation_Link_Has_Child_Indicator_Icon:\"\\e1ed\"}[dir=rtl] .fd-navigation.fd-navigation--horizontal .fd-navigation__list-container:not(.fd-navigation__list-container--submenu).fd-navigation__list-container--menu .fd-navigation__item.is-expanded .fd-navigation__has-children-indicator,[dir=rtl] .fd-navigation.fd-navigation--horizontal .fd-navigation__list-container:not(.fd-navigation__list-container--submenu).fd-navigation__list-container--menu .fd-navigation__item[aria-expanded=true] .fd-navigation__has-children-indicator{--fdNavigation_Link_Has_Child_Indicator_Icon:\"\\e1ee\"}.fd-navigation.fd-navigation--horizontal .fd-navigation__list-container:not(.fd-navigation__list-container--submenu).fd-navigation__list-container--menu .fd-navigation__item.fd-navigation__item--overflow .fd-navigation__has-children-indicator{display:none}.fd-navigation.fd-navigation--horizontal .fd-navigation__list-container:not(.fd-navigation__list-container--submenu).fd-navigation__list-container--menu .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child)>.fd-navigation__link.is-hover,.fd-navigation.fd-navigation--horizontal .fd-navigation__list-container:not(.fd-navigation__list-container--submenu).fd-navigation__list-container--menu .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child)>.fd-navigation__link:hover{width:100%}.fd-navigation.fd-navigation--horizontal .fd-navigation__list-container:not(.fd-navigation__list-container--submenu).fd-navigation__list-container--menu .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child)>.fd-navigation__link.is-hover .fd-navigation__text,.fd-navigation.fd-navigation--horizontal .fd-navigation__list-container:not(.fd-navigation__list-container--submenu).fd-navigation__list-container--menu .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child)>.fd-navigation__link:hover .fd-navigation__text{--fdNavigation_Item_Text_Display:inline-block}.fd-navigation.fd-navigation--horizontal .fd-navigation__list-container:not(.fd-navigation__list-container--submenu).fd-navigation__list-container--submenu{-webkit-box-shadow:var(--sapMenu_Shadow1);box-shadow:var(--sapMenu_Shadow1);left:calc(-100% - .1875rem);margin-block:0;margin-inline:0;padding-block:.5rem;padding-inline:.5rem;top:calc(var(--fdNavigation_Link_Min_Height) - .5rem)}.fd-navigation.fd-navigation--horizontal .fd-navigation__list-container:not(.fd-navigation__list-container--submenu).fd-navigation__list-container--submenu[dir=rtl],[dir=rtl] .fd-navigation.fd-navigation--horizontal .fd-navigation__list-container:not(.fd-navigation__list-container--submenu).fd-navigation__list-container--submenu{left:auto;right:calc(-100% - .1875rem)}.fd-navigation.fd-navigation--horizontal .fd-navigation__list-wrapper{padding-block:.7rem;padding-inline:.7rem}.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--overflow).is-expanded .fd-navigation__link,.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--overflow)[aria-expanded=true] .fd-navigation__link{--fdNavigation_Link_Background:var(--sapMenu_Active_Background);--fdNavigation_Link_Border_Color:var(--fdNavigation_Link_Border_Color_Active);--fdNavigation_Link_Border_Bottom_Color:var(--fdNavigation_Link_Border_Color_Active)}.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--overflow).is-expanded .fd-navigation__link.is-focus,.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--overflow).is-expanded .fd-navigation__link:focus,.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--overflow)[aria-expanded=true] .fd-navigation__link.is-focus,.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--overflow)[aria-expanded=true] .fd-navigation__link:focus{z-index:5;--fdNavigation_Link_Background:var(--sapMenu_Active_Background);--fdNavigation_Link_Border_Color:var(--fdNavigation_Link_Border_Color_Active);--fdNavigation_Link_Border_Bottom_Color:var(--fdNavigation_Link_Border_Color_Active)}.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--overflow).is-expanded.is-selected .fd-navigation__link,.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--overflow).is-expanded[aria-selected=true] .fd-navigation__link,.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--overflow)[aria-expanded=true].is-selected .fd-navigation__link,.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--overflow)[aria-expanded=true][aria-selected=true] .fd-navigation__link{--fdNavigation_Link_Selection_Indicator_Display:inline-block;--fdNavigation_Link_Background:var(--fdNavigation_Item_Selected_Background);--fdNavigation_Link_Border_Color:var(--fdNavigation_Link_Border_Color_Selected);--fdNavigation_Link_Border_Bottom_Color:var(--fdNavigation_Link_Border_Color_Selected)}.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--overflow).is-expanded.is-selected.is-hover .fd-navigation__link,.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--overflow).is-expanded.is-selected:hover .fd-navigation__link,.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--overflow).is-expanded[aria-selected=true].is-hover .fd-navigation__link,.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--overflow).is-expanded[aria-selected=true]:hover .fd-navigation__link,.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--overflow)[aria-expanded=true].is-selected.is-hover .fd-navigation__link,.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--overflow)[aria-expanded=true].is-selected:hover .fd-navigation__link,.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--overflow)[aria-expanded=true][aria-selected=true].is-hover .fd-navigation__link,.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--overflow)[aria-expanded=true][aria-selected=true]:hover .fd-navigation__link{--fdNavigation_Link_Background:var(--sapList_Hover_SelectionBackground)}.fd-navigation.fd-navigation--horizontal .fd-navigation__item.fd-navigation__item--with-expander .fd-navigation__link{--fdNavigation_Link_Padding_Right:calc(1.6875rem + var(--fdNavigation_Controls_Width))}.fd-navigation.fd-navigation--horizontal .fd-navigation__item--child:not(.fd-navigation__item--submenu-child) .fd-navigation__link{--fdNavigation_Link_Padding_Left:var(--fdNavigation_Link_Shift_Left)}.fd-navigation.fd-navigation--horizontal .fd-navigation__item--with-expander .fd-navigation__expander{border:none;margin-block:0;margin-inline:.0625rem;outline-offset:-.0625rem;-webkit-transition:var(--fdNavigation_Link_Transition);transition:var(--fdNavigation_Link_Transition);--fdButton_Nested_Border_Radius:var(--fdNavigation_Link_Border_Radius)}.fd-navigation.fd-navigation--horizontal .fd-navigation__item--with-expander .fd-navigation__expander:after{border-bottom:.0625rem solid var(--fdNavigation_Expander_Border_Color);border:.0625rem solid var(--fdNavigation_Expander_Border_Color);border-bottom-color:var(--fdNavigation_Expander_Border_Bottom_Color);content:\"\";inset:0;position:absolute}.fd-navigation.fd-navigation--horizontal .fd-navigation__item--with-expander .fd-navigation__expander.is-hover,.fd-navigation.fd-navigation--horizontal .fd-navigation__item--with-expander .fd-navigation__expander:hover{--fdButton_Nested_Background:var(--sapList_Hover_Background);--fdNavigation_Expander_Border_Color:var(--fdNavigation_Link_Border_Color_Hover);--fdNavigation_Expander_Border_Bottom_Color:var(--fdNavigation_Link_Border_Color_Hover)}.fd-navigation.fd-navigation--horizontal .fd-navigation__item--with-expander .fd-navigation__expander.is-active,.fd-navigation.fd-navigation--horizontal .fd-navigation__item--with-expander .fd-navigation__expander:active{--fdButton_Nested_Background:var(--sapList_Active_Background);--fdNavigation_Expander_Border_Color:var(--fdNavigation_Link_Border_Color_Active);--fdNavigation_Expander_Border_Bottom_Color:var(--fdNavigation_Link_Border_Color_Active)}.fd-navigation.fd-navigation--horizontal .fd-navigation__item--with-expander .fd-navigation__expander.is-active.is-focus,.fd-navigation.fd-navigation--horizontal .fd-navigation__item--with-expander .fd-navigation__expander.is-active:focus,.fd-navigation.fd-navigation--horizontal .fd-navigation__item--with-expander .fd-navigation__expander:active.is-focus,.fd-navigation.fd-navigation--horizontal .fd-navigation__item--with-expander .fd-navigation__expander:active:focus{z-index:5;--fdNavigation_Expander_Border_Color:var(--fdNavigation_Link_Border_Color_Active);--fdNavigation_Expander_Border_Bottom_Color:var(--fdNavigation_Link_Border_Color_Active)}.fd-navigation.fd-navigation--horizontal .fd-navigation__item--with-expander .fd-navigation__expander:active:focus{--fdButton_Nested_Border_Radius:var(--fdNavigation_Link_Border_Radius)}.fd-navigation.fd-navigation--horizontal .fd-navigation__item--with-expander.is-expanded .fd-navigation__expander,.fd-navigation.fd-navigation--horizontal .fd-navigation__item--with-expander[aria-expanded=true] .fd-navigation__expander{--fdButton_Nested_Background:var(--fdNavigation_Item_Selected_Background);--fdNavigation_Link_Border_Color:var(--fdNavigation_Link_Border_Color_Selected);--fdNavigation_Expander_Border_Color:var(--fdNavigation_Link_Border_Color_Selected);--fdNavigation_Expander_Border_Bottom_Color:var(--fdNavigation_Link_Border_Color_Selected)}.fd-navigation.fd-navigation--horizontal .fd-navigation__list{--fdNavigation_Item_Spacing:.5rem}.fd-navigation[class*=-compact],[class*=-compact] .fd-navigation:not([class*=-cozy]){--fdNavigation_Link_Min_Height:2rem;--fdNavigation_Controls_Width:2rem;--fdNavigation_Controls_Height:1.5625rem}.fd-navigation .fd-navigation__container--top{padding-left:var(--fdNavigation_Padding_X);padding-right:var(--fdNavigation_Padding_X);padding-bottom:.25rem}.fd-navigation__list{min-height:100%;height:auto}.fd-navigation--snapped .fd-navigation__list-item--home{position:relative}.fd-navigation--snapped .fd-navigation__container--top{overflow:visible!important;display:flex;flex-direction:column}.fd-navigation--snapped .fd-navigation__container--top .fd-navigation__list{flex-grow:1;height:auto;min-height:0}.fd-navigation--snapped .fd-navigation__container--top .fd-navigation__list--no-grow{flex-grow:0}.fd-navigation--snapped .fd-navigation__container--hidden-overflow{overflow:hidden!important}.fd-navigation--expanded .fd-navigation__list-item--home,.fd-navigation--popup .fd-navigation__list-item--home{z-index:21}.fd-navigation__list-container--custom-menu{box-shadow:var(--sapMenu_Shadow1)}.fd-navigation__list-item--spacer--hidden{display:none!important}.fd-navigation .fd-navigation__list-item--home-without-separator{margin-bottom:.125rem}.fd-navigation--snapped .fd-navigation__list-container.fd-navigation__list-container--menu{position:relative;transition:none}.fd-navigation__list-item:not(.fd-navigation__list-item--home){position:relative}.fd-navigation__list-container--menu>.fd-scrollbar{overflow:visible!important}.fd-navigation__list-container--menu .fd-navigation__list--parent-items .fd-navigation__list-item:before{content:\"\";position:absolute;top:0;bottom:0;left:-1rem;right:-1rem}.fd-navigation__list-container--menu .fd-navigation__list--parent-items .fd-navigation__list-item>.fd-navigation__list-container{display:none;top:-.5rem}.fd-navigation__list-container--menu .fd-navigation__list--parent-items .fd-navigation__list-item:hover>.fd-navigation__list-container,.fd-navigation__list-container--menu .fd-navigation__list--parent-items .fd-navigation__list-item:focus>.fd-navigation__list-container,.fd-navigation__list-container--menu .fd-navigation__list--parent-items .fd-navigation__list-item:focus-within>.fd-navigation__list-container{display:block}.fd-navigation__list-container--menu .fd-navigation__list--parent-items .fd-navigation__list-item .fd-navigation__list-container--submenu:before{content:\"\";position:absolute;top:-2rem;bottom:0;right:0;left:0}.fd-popover__body.fd-navigation__list-container{display:block}.fd-navigation__item .fd-popover-custom{max-width:none}.fd-navigation__item.fd-navigation__item--title .fd-navigation__has-children-indicator{display:none}\n/*! Bundled license information:\n\nfundamental-styles/dist/navigation.css:\n  (*!\n   * Fundamental Library Styles v0.40.1\n   * Copyright (c) 2025 SAP SE or an SAP affiliate company.\n   * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n   *)\n*/\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NavigationListItemDirective, selector: "[fdbNavigationListItem]", inputs: ["item"], exportAs: ["fdbListItem"] }, { kind: "component", type: NavigationContentStartComponent, selector: "fdb-navigation-content-start", inputs: ["contentProjected"] }, { kind: "component", type: NavigationContentEndComponent, selector: "fdb-navigation-content-end", inputs: ["contentProjected"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+        ], queries: [{ propertyName: "_navigationItemRef", first: true, predicate: NavigationListItemRefDirective, descendants: true }, { propertyName: "_navigationItems", predicate: FdbNavigationListItem, descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<ng-content></ng-content>\n", styles: ["@charset \"UTF-8\";.fd-navigation{--fdNavigation_Height:100%;--fdNavigation_Padding_X:.5rem;--fdNavigation_Padding_Top:.5rem;--fdNavigation_Item_Spacing:.25rem;--fdNavigation_Padding_Bottom:.5rem;--fdNavigation_Horizontal_Height:3.5rem;--fdNavigation_Expander_Position_Right:.5rem;--fdNavigation_Border_Radius:0;--fdNavigation_Box_Shadow:var(--sapContent_Shadow0);--fdNavigation_Link_Icon_Size:1rem;--fdNavigation_Link_Icon_Color:var(--sapList_TextColor);--fdNavigation_Link_Min_Height:var(--sapElement_LineHeight);--fdNavigation_Link_Font_Family:var(--sapFontBoldFamily);--fdNavigation_Link_Spacing:.5rem;--fdNavigation_Link_Text_Color:inherit;--fdNavigation_Link_Shift_Left:1rem;--fdNavigation_Link_Padding_Left:var(--fdNavigation_Link_Shift_Left);--fdNavigation_Link_Padding_Right:.375rem;--fdNavigation_Link_Font_Size:var(--sapFontSize);--fdNavigation_Link_Selection_Indicator_Size:.5rem;--fdNavigation_Link_Has_Child_Indicator_Display:flex;--fdNavigation_Link_Selection_Indicator_Display:none;--fdNavigation_Link_Back_Indicator_Icon:\"\\e1ee\";--fdNavigation_Link_Has_Child_Indicator_Icon:\"\\e1ed\";--fdNavigation_Link_External_Link_Indicator_Icon:\"\\e04c\";--fdNavigation_Link_Background:var(--sapNavigation_Background);--fdNavigation_Link_Border_Color:var(--fdNavigation_Link_Border_Color_Normal);--fdNavigation_Link_Border_Bottom_Color:var(--fdNavigation_Link_Border_Bottom_Color_Normal);--fdNavigation_Item_Group_Display:flex;--fdNavigation_Item_Title_Display:none;--fdNavigation_Item_Text_Display:inline-block;--fdNavigation_Item_Selected_Background:var(--sapList_SelectionBackgroundColor);--fdNavigation_List_Container_Display:none;--fdNavigation_List_Parent_Items_Display:none;--fdNavigation_Controls_Width:2.25rem;--fdNavigation_Controls_Height:2.25rem;--fdNavigation_Quick_Create_Border_Color:var(--sapButton_BorderColor);border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0}.fd-navigation:after,.fd-navigation:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-navigation__container{position:relative}.fd-navigation__container--top{height:100%;overflow:scroll;padding-inline:var(--fdNavigation_Padding_X);position:relative;-webkit-padding-after:.25rem;padding-block-end:.25rem}.fd-navigation__container--bottom{padding-inline:var(--fdNavigation_Padding_X)}.fd-navigation__container--bottom:before{background:var(--sapToolbar_SeparatorColor);content:\"\";display:inline-block;height:.0625rem;margin-block:.5625rem;width:100%}.fd-navigation__list-container{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:var(--fdNavigation_List_Container_Display);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0}.fd-navigation__list-container:after,.fd-navigation__list-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-navigation__list-wrapper{width:100%}.fd-navigation__list{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:var(--fdNavigation_Item_Spacing);height:100%;list-style-type:none;position:relative}.fd-navigation__list:after,.fd-navigation__list:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-navigation__list--parent-items{display:var(--fdNavigation_List_Parent_Items_Display)}.fd-navigation__list-item{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:var(--fdNavigation_Item_Spacing)}.fd-navigation__list-item:after,.fd-navigation__list-item:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-navigation__list-item--spacer{background:transparent;height:100%;min-height:.25rem}.fd-navigation__list-item--separator{background:transparent;height:.625rem;max-height:.625rem;min-height:.625rem}.fd-navigation__list-item--overflow{position:relative}.fd-navigation__link{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;padding-inline:var(--fdNavigation_Link_Padding_Left) var(--fdNavigation_Link_Padding_Right);-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:var(--fdNavigation_Link_Background);border-radius:var(--fdNavigation_Link_Border_Radius);color:var(--fdNavigation_Link_Text_Color);cursor:pointer;gap:var(--fdNavigation_Link_Spacing);min-height:var(--fdNavigation_Link_Min_Height);overflow:hidden;position:relative;text-align:start;text-decoration:none;-webkit-transition:var(--fdNavigation_Link_Transition);transition:var(--fdNavigation_Link_Transition);width:100%}.fd-navigation__link:after,.fd-navigation__link:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-navigation__link:before{border-bottom:.0625rem solid var(--fdNavigation_Link_Border_Color);border:.0625rem solid var(--fdNavigation_Link_Border_Color);border-bottom-color:var(--fdNavigation_Link_Border_Bottom_Color);content:\"\";height:100%;left:0;position:absolute;top:0;width:100%}[dir=rtl] .fd-navigation__link:before{left:auto;right:0}.fd-navigation__link.is-hover,.fd-navigation__link:hover{--fdNavigation_Link_Background:var(--sapList_Hover_Background);--fdNavigation_Link_Border_Color:var(--fdNavigation_Link_Border_Color_Hover);--fdNavigation_Link_Border_Bottom_Color:var(--fdNavigation_Link_Border_Color_Hover)}.fd-navigation__link.is-active,.fd-navigation__link.is-active.is-focus,.fd-navigation__link.is-active:focus,.fd-navigation__link:active,.fd-navigation__link:active.is-focus,.fd-navigation__link:active:focus{--fdNavigation_Link_Background:var(--sapList_Active_Background);--fdNavigation_Link_Border_Color:var(--fdNavigation_Link_Border_Color_Active);--fdNavigation_Link_Border_Bottom_Color:var(--fdNavigation_Link_Border_Color_Active)}.fd-navigation__link.is-active.is-focus,.fd-navigation__link.is-active:focus,.fd-navigation__link:active.is-focus,.fd-navigation__link:active:focus{outline:none;z-index:5}.fd-navigation__link.is-focus,.fd-navigation__link:focus{z-index:5;--fdNavigation_Link_Border_Color:transparent;--fdNavigation_Link_Border_Bottom_Color:transparent;--fdNavigation_Link_Background:var(--sapList_Background);outline:var(--sapContent_FocusStyle) var(--sapContent_FocusWidth) var(--sapContent_FocusColor);outline-offset:-.125rem}.fd-navigation__link.is-focus.is-hover,.fd-navigation__link.is-focus:hover,.fd-navigation__link:focus.is-hover,.fd-navigation__link:focus:hover{--fdNavigation_Link_Background:var(--sapList_Hover_Background);--fdNavigation_Link_Border_Color:var(--fdNavigation_Link_Border_Color_Hover);--fdNavigation_Link_Border_Bottom_Color:var(--fdNavigation_Link_Border_Color_Hover)}.fd-navigation__link:focus-visible{outline-offset:-.125rem}.fd-navigation__link.is-disabled,.fd-navigation__link:disabled,.fd-navigation__link[aria-disabled=true]{opacity:var(--sapContent_DisabledOpacity);pointer-events:none}.fd-navigation__item{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:var(--fdNavigation_Link_Border_Radius);height:100%;position:relative}.fd-navigation__item:after,.fd-navigation__item:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-navigation__item.is-expanded .fd-navigation__has-children-indicator,.fd-navigation__item.is-expanded .fd-navigation__has-children-indicator[dir=rtl],.fd-navigation__item[aria-expanded=true] .fd-navigation__has-children-indicator,.fd-navigation__item[aria-expanded=true] .fd-navigation__has-children-indicator[dir=rtl],[dir=rtl] .fd-navigation__item.is-expanded .fd-navigation__has-children-indicator,[dir=rtl] .fd-navigation__item[aria-expanded=true] .fd-navigation__has-children-indicator{--fdNavigation_Link_Has_Child_Indicator_Icon:\"\\e1ef\"}.fd-navigation__item.is-expanded+.fd-navigation__list-container,.fd-navigation__item[aria-expanded=true]+.fd-navigation__list-container{--fdNavigation_List_Container_Display:flex}.fd-navigation__item.is-expanded+.fd-navigation__list--parent-items,.fd-navigation__item[aria-expanded=true]+.fd-navigation__list--parent-items{--fdNavigation_List_Parent_Items_Display:flex}.fd-navigation__item.is-selected,.fd-navigation__item[aria-selected=true]{--fdNavigation_Link_Selection_Indicator_Display:inline-block;--fdNavigation_Link_Background:var(--sapList_SelectionBackgroundColor);--fdNavigation_Link_Border_Color:var(--fdNavigation_Link_Border_Color_Selected);--fdNavigation_Link_Border_Bottom_Color:var(--fdNavigation_Link_Border_Color_Selected)}.fd-navigation__item.is-selected .fd-navigation__link.is-focus,.fd-navigation__item.is-selected .fd-navigation__link:focus,.fd-navigation__item[aria-selected=true] .fd-navigation__link.is-focus,.fd-navigation__item[aria-selected=true] .fd-navigation__link:focus{z-index:5;--fdNavigation_Link_Background:var(--sapList_SelectionBackgroundColor);--fdNavigation_Link_Border_Color:var(--fdNavigation_Link_Border_Color_Selected);--fdNavigation_Link_Border_Bottom_Color:var(--fdNavigation_Link_Border_Color_Selected)}.fd-navigation__item.is-selected .fd-navigation__link.is-hover,.fd-navigation__item.is-selected .fd-navigation__link:hover,.fd-navigation__item[aria-selected=true] .fd-navigation__link.is-hover,.fd-navigation__item[aria-selected=true] .fd-navigation__link:hover{--fdNavigation_Link_Background:var(--sapList_Hover_SelectionBackground);--fdNavigation_Link_Border_Color:var(--fdNavigation_Link_Border_Color_Selected);--fdNavigation_Link_Border_Bottom_Color:var(--fdNavigation_Link_Border_Color_Selected)}.fd-navigation__item--child .fd-navigation__link{--fdNavigation_Link_Font_Family:var(--sapFontFamily);--fdNavigation_Link_Padding_Left:2.5rem}.fd-navigation__item--group{display:var(--fdNavigation_Item_Group_Display)}.fd-navigation__item--group .fd-navigation__link{--fdNavigation_Link_Text_Color:var(--sapContent_LabelColor);--fdNavigation_Link_Font_Family:var(--sapFontFamily);--fdNavigation_Link_Font_Size:var(--sapFontSize)}.fd-navigation__item--title{height:auto;-webkit-margin-after:var(--fdNavigation_Item_Title_Margin_Bottom,0);display:var(--fdNavigation_Item_Title_Display);margin-block-end:var(--fdNavigation_Item_Title_Margin_Bottom,0)}.fd-navigation__item--title .fd-navigation__text{font-weight:700;--fdNavigation_Item_Title_Display:block}.fd-navigation__item--title .fd-navigation__icon[class*=sap-icon]{display:none}.fd-navigation__item--menu.is-expanded,.fd-navigation__item--menu[aria-expanded=true]{--fdNavigation_Link_Background:var(--sapNavigation_Active_Background);--fdNavigation_Link_Border_Color:var(--fdNavigation_Link_Border_Color_Active);--fdNavigation_Link_Border_Bottom_Color:var(--fdNavigation_Link_Border_Color_Active)}.fd-navigation__item--menu.is-expanded .fd-navigation__has-children-indicator,.fd-navigation__item--menu[aria-expanded=true] .fd-navigation__has-children-indicator{--fdNavigation_Link_Has_Child_Indicator_Icon:\"\\e1ed\"}.fd-navigation__item--menu.is-expanded .fd-navigation__has-children-indicator[dir=rtl],.fd-navigation__item--menu[aria-expanded=true] .fd-navigation__has-children-indicator[dir=rtl],[dir=rtl] .fd-navigation__item--menu.is-expanded .fd-navigation__has-children-indicator,[dir=rtl] .fd-navigation__item--menu[aria-expanded=true] .fd-navigation__has-children-indicator{--fdNavigation_Link_Has_Child_Indicator_Icon:\"\\e1ee\"}.fd-navigation__item--menu.fd-navigation__item--child .fd-navigation__link{--fdNavigation_Link_Padding_Left:var(--fdNavigation_Link_Shift_Left)}.fd-navigation__item--with-expander .fd-navigation__link{--fdNavigation_Link_Padding_Right:calc(var(--fdNavigation_Controls_Width) + 1.3125rem)}.fd-navigation__item--with-expander .fd-navigation__has-children-indicator{--fdNavigation_Link_Has_Child_Indicator_Display:flex;cursor:pointer;position:absolute;right:var(--fdNavigation_Link_Has_Child_Indicator_Pos_Right,.375rem);z-index:20}.fd-navigation__item--with-expander .fd-navigation__has-children-indicator:after{background:var(--sapTextColor);content:\"\";display:var(--fdNavigation_Link_Has_Child_Indicator_Div_Display,inline-block);height:var(--sapElement_Condensed_Height);left:-.25rem;position:absolute;width:.0625rem}.fd-navigation__item--with-expander.is-hover .fd-navigation__link,.fd-navigation__item--with-expander:hover .fd-navigation__link{--fdNavigation_Link_Background:var(--sapList_Hover_Background);--fdNavigation_Link_Border_Color:var(--fdNavigation_Link_Border_Color_Hover);--fdNavigation_Link_Border_Bottom_Color:var(--fdNavigation_Link_Border_Color_Hover)}.fd-navigation__item--with-expander.is-active .fd-navigation__link,.fd-navigation__item--with-expander:active .fd-navigation__link{--fdNavigation_Link_Background:var(--sapList_Active_Background);--fdNavigation_Link_Border_Color:var(--fdNavigation_Link_Border_Color_Active);--fdNavigation_Link_Border_Bottom_Color:var(--fdNavigation_Link_Border_Color_Active)}.fd-navigation__item--with-expander.is-selected.is-hover .fd-navigation__link,.fd-navigation__item--with-expander.is-selected:hover .fd-navigation__link,.fd-navigation__item--with-expander[aria-selected=true].is-hover .fd-navigation__link,.fd-navigation__item--with-expander[aria-selected=true]:hover .fd-navigation__link{--fdNavigation_Link_Background:var(--sapList_Hover_SelectionBackground)}.fd-navigation__item--create{--fdNavigation_Link_Text_Color:var(--sapButton_TextColor);--fdNavigation_Link_Icon_Color:var(--sapButton_TextColor)}.fd-navigation__item--create .fd-navigation__link{border:var(--sapButton_BorderWidth) solid var(--fdNavigation_Quick_Create_Border_Color)}.fd-navigation__item--create .fd-navigation__link.is-active,.fd-navigation__item--create .fd-navigation__link:active{--fdNavigation_Quick_Create_Border_Color:var(--sapButton_Active_BorderColor);--fdNavigation_Link_Background:var(--sapButton_Active_Background)}.fd-navigation__icon{height:var(--fdNavigation_Link_Icon_Size);max-height:var(--fdNavigation_Link_Icon_Size);max-width:var(--fdNavigation_Link_Icon_Size);min-height:var(--fdNavigation_Link_Icon_Size);min-width:var(--fdNavigation_Link_Icon_Size);width:var(--fdNavigation_Link_Icon_Size)}.fd-navigation__icon [class*=sap-icon],.fd-navigation__icon[class*=sap-icon]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--fdNavigation_Link_Icon_Color);font-family:var(--sapFontBoldFamily);font-size:var(--fdNavigation_Link_Icon_Size)}.fd-navigation__text{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--fdNavigation_Link_Text_Color);display:var(--fdNavigation_Item_Text_Display);font-family:var(--sapFontFamily);font-family:var(--fdNavigation_Link_Font_Family);font-size:var(--sapFontSize);font-size:var(--fdNavigation_Link_Font_Size);font-weight:400;forced-color-adjust:none;line-height:normal;line-height:1rem;margin-block:0;margin-inline:0;overflow:hidden;padding-block:0;padding-inline:0;text-overflow:ellipsis;vertical-align:baseline;white-space:nowrap;width:100%}.fd-navigation__text:after,.fd-navigation__text:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-navigation__selection-indicator{background:var(--sapList_SelectionBorderColor);border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:var(--fdNavigation_Link_Selection_Indicator_Display);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:100%;left:0;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;position:absolute;top:0;width:.188rem}.fd-navigation__selection-indicator:after,.fd-navigation__selection-indicator:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-navigation__selection-indicator[dir=rtl],[dir=rtl] .fd-navigation__selection-indicator{left:auto;right:0}.fd-navigation__has-children-indicator{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--sapList_TextColor);display:var(--fdNavigation_Link_Has_Child_Indicator_Display);height:var(--fdNavigation_Controls_Height);max-height:var(--fdNavigation_Controls_Height);max-width:var(--fdNavigation_Controls_Width);min-height:var(--fdNavigation_Controls_Height);min-width:var(--fdNavigation_Controls_Width);-webkit-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out;width:var(--fdNavigation_Controls_Width)}.fd-navigation__has-children-indicator:after,.fd-navigation__has-children-indicator:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-navigation__has-children-indicator:before{content:var(--fdNavigation_Link_Has_Child_Indicator_Icon);font-family:SAP-icons;font-size:1rem}[dir=rtl] .fd-navigation__has-children-indicator{--fdNavigation_Link_Has_Child_Indicator_Icon:\"\\e1ee\"}.fd-navigation__external-link-indicator{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--sapList_TextColor);display:var(--fdNavigation_Link_External_Link_Indicator_Display,flex);height:var(--fdNavigation_Controls_Height);max-height:var(--fdNavigation_Controls_Height);max-width:var(--fdNavigation_Controls_Width);min-height:var(--fdNavigation_Controls_Height);min-width:var(--fdNavigation_Controls_Width);width:var(--fdNavigation_Controls_Width)}.fd-navigation__external-link-indicator:after,.fd-navigation__external-link-indicator:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-navigation__external-link-indicator:before{content:var(--fdNavigation_Link_External_Link_Indicator_Icon);font-family:SAP-icons;font-size:1rem}.fd-navigation__external-link-indicator[dir=rtl],[dir=rtl] .fd-navigation__external-link-indicator{--fdNavigation_Link_External_Link_Indicator_Icon:\"\\e04d\"}.fd-navigation__back-indicator{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--sapContent_LabelColor);height:.75rem;max-height:.75rem;max-width:.75rem;min-height:.75rem;min-width:.75rem;width:.75rem}.fd-navigation__back-indicator:after,.fd-navigation__back-indicator:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-navigation__back-indicator:before{content:var(--fdNavigation_Link_Back_Indicator_Icon);font-family:SAP-icons;font-size:.75rem}.fd-navigation__back-indicator[dir=rtl],[dir=rtl] .fd-navigation__back-indicator{--fdNavigation_Link_Back_Indicator_Icon:\"\\e1ed\"}.fd-navigation--snapped .fd-navigation__container--bottom,.fd-navigation--snapped .fd-navigation__container--top{overflow:visible}.fd-navigation--snapped .fd-navigation__list-wrapper{padding-block:.5rem;padding-inline:.5rem}.fd-navigation--snapped .fd-navigation__list-container{background:var(--sapGroup_ContentBackground);border:none;border-radius:var(--sapPopover_BorderCornerRadius);-webkit-box-shadow:var(--sapContent_Shadow2);box-shadow:var(--sapContent_Shadow2)}.fd-navigation--snapped .fd-navigation__list-container.fd-navigation__list-container--menu{left:calc(100% + .1875rem);padding-block:.5rem;padding-inline:.5rem;position:absolute;top:0}.fd-navigation--snapped .fd-navigation__list-container.fd-navigation__list-container--menu[dir=rtl],[dir=rtl] .fd-navigation--snapped .fd-navigation__list-container.fd-navigation__list-container--menu{left:auto;right:calc(100% + .1875rem)}.fd-navigation--snapped .fd-navigation__list-container.fd-navigation__list-container--menu .fd-navigation__list-wrapper{padding-block:0;padding-inline:0}.fd-navigation--snapped .fd-navigation__list-container.fd-navigation__list-container--menu .fd-navigation__list{--fdNavigation_Item_Spacing:.5rem;-webkit-box-shadow:none;box-shadow:none}.fd-navigation--snapped .fd-navigation__list-container.fd-navigation__list-container--menu .fd-navigation__item.is-expanded .fd-navigation__has-children-indicator,.fd-navigation--snapped .fd-navigation__list-container.fd-navigation__list-container--menu .fd-navigation__item[aria-expanded=true] .fd-navigation__has-children-indicator{--fdNavigation_Link_Has_Child_Indicator_Icon:\"\\e1ed\"}[dir=rtl] .fd-navigation--snapped .fd-navigation__list-container.fd-navigation__list-container--menu .fd-navigation__item .fd-navigation__has-children-indicator{--fdNavigation_Link_Has_Child_Indicator_Icon:\"\\e1ee\"}.fd-navigation--snapped .fd-navigation__list-container.fd-navigation__list-container--submenu{left:calc(100% + .1875rem);margin-block:0;margin-inline:0;padding-block:.5rem;padding-inline:.5rem;top:calc(var(--fdNavigation_Link_Min_Height) - .5rem)}.fd-navigation--snapped .fd-navigation__list-container.fd-navigation__list-container--submenu[dir=rtl],[dir=rtl] .fd-navigation--snapped .fd-navigation__list-container.fd-navigation__list-container--submenu{left:auto;right:calc(100% + .1875rem)}.fd-navigation--snapped .fd-navigation__list-container .fd-navigation__list--parent-items{--fdNavigation_List_Parent_Items_Display:flex}.fd-navigation--snapped .fd-navigation__item--group{--fdNavigation_Item_Group_Display:none}.fd-navigation--snapped .fd-navigation__item--child .fd-navigation__link{--fdNavigation_Link_Padding_Left:1rem}.fd-navigation--snapped .fd-navigation__list--child-items{--fdNavigation_Item_Spacing:.5rem;height:auto}.fd-navigation--snapped .fd-navigation__item--title{--fdNavigation_Item_Title_Display:block;--fdNavigation_Item_Title_Margin_Bottom:.5rem}.fd-navigation--snapped .fd-navigation__item:not(.fd-navigation__item--title).is-expanded .fd-navigation__link,.fd-navigation--snapped .fd-navigation__item:not(.fd-navigation__item--title)[aria-expanded=true] .fd-navigation__link{--fdNavigation_Link_Background:var(--sapList_Active_Background);--fdNavigation_Link_Border_Color:var(--fdNavigation_Link_Border_Color_Active)}.fd-navigation--snapped .fd-navigation__item:not(.fd-navigation__item--title).is-expanded.is-selected .fd-navigation__link,.fd-navigation--snapped .fd-navigation__item:not(.fd-navigation__item--title).is-expanded[aria-selected=true] .fd-navigation__link,.fd-navigation--snapped .fd-navigation__item:not(.fd-navigation__item--title)[aria-expanded=true].is-selected .fd-navigation__link,.fd-navigation--snapped .fd-navigation__item:not(.fd-navigation__item--title)[aria-expanded=true][aria-selected=true] .fd-navigation__link{--fdNavigation_Link_Selection_Indicator_Display:inline-block;--fdNavigation_Link_Background:var(--sapList_SelectionBackgroundColor);--fdNavigation_Link_Border_Color:var(--fdNavigation_Link_Border_Color_Selected)}.fd-navigation--snapped .fd-navigation__item:not(.fd-navigation__item--title).is-expanded.is-selected.is-hover .fd-navigation__link,.fd-navigation--snapped .fd-navigation__item:not(.fd-navigation__item--title).is-expanded.is-selected:hover .fd-navigation__link,.fd-navigation--snapped .fd-navigation__item:not(.fd-navigation__item--title).is-expanded[aria-selected=true].is-hover .fd-navigation__link,.fd-navigation--snapped .fd-navigation__item:not(.fd-navigation__item--title).is-expanded[aria-selected=true]:hover .fd-navigation__link,.fd-navigation--snapped .fd-navigation__item:not(.fd-navigation__item--title)[aria-expanded=true].is-selected.is-hover .fd-navigation__link,.fd-navigation--snapped .fd-navigation__item:not(.fd-navigation__item--title)[aria-expanded=true].is-selected:hover .fd-navigation__link,.fd-navigation--snapped .fd-navigation__item:not(.fd-navigation__item--title)[aria-expanded=true][aria-selected=true].is-hover .fd-navigation__link,.fd-navigation--snapped .fd-navigation__item:not(.fd-navigation__item--title)[aria-expanded=true][aria-selected=true]:hover .fd-navigation__link{--fdNavigation_Link_Background:var(--sapList_Hover_SelectionBackground)}.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)>.fd-navigation__link{--fdNavigation_Link_Spacing:0}.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)>.fd-navigation__link .fd-navigation__text{--fdNavigation_Item_Text_Display:none}.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)>.fd-navigation__link .fd-navigation__has-children-indicator{--fdNavigation_Controls_Width:1rem;--fdNavigation_Link_Has_Child_Indicator_Icon:\"\\e1ed\"}.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)>.fd-navigation__link:has(.fd-navigation__external-link-indicator){--fdNavigation_Link_Padding_Right:0;--fdNavigation_Link_External_Link_Indicator_Display:none}.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)>.fd-navigation__link.is-focus,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)>.fd-navigation__link.is-hover,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)>.fd-navigation__link:focus,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)>.fd-navigation__link:hover{--fdNavigation_Link_Padding_Right:1rem;--fdNavigation_Link_Spacing:.5rem;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)>.fd-navigation__link.is-focus:has(.fd-navigation__has-children-indicator),.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)>.fd-navigation__link.is-hover:has(.fd-navigation__has-children-indicator),.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)>.fd-navigation__link:focus:has(.fd-navigation__has-children-indicator),.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)>.fd-navigation__link:hover:has(.fd-navigation__has-children-indicator){--fdNavigation_Link_Padding_Right:.375rem}.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)>.fd-navigation__link.is-focus:has(.fd-navigation__has-children-indicator) .fd-navigation__has-children-indicator,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)>.fd-navigation__link.is-hover:has(.fd-navigation__has-children-indicator) .fd-navigation__has-children-indicator,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)>.fd-navigation__link:focus:has(.fd-navigation__has-children-indicator) .fd-navigation__has-children-indicator,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)>.fd-navigation__link:hover:has(.fd-navigation__has-children-indicator) .fd-navigation__has-children-indicator{--fdNavigation_Controls_Width:2.25rem}.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)>.fd-navigation__link.is-focus:has(.fd-navigation__external-link-indicator),.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)>.fd-navigation__link.is-hover:has(.fd-navigation__external-link-indicator),.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)>.fd-navigation__link:focus:has(.fd-navigation__external-link-indicator),.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)>.fd-navigation__link:hover:has(.fd-navigation__external-link-indicator){--fdNavigation_Link_Padding_Right:.375rem;--fdNavigation_Link_External_Link_Indicator_Display:flex}.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)>.fd-navigation__link.is-focus .fd-navigation__text,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)>.fd-navigation__link.is-hover .fd-navigation__text,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)>.fd-navigation__link:focus .fd-navigation__text,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)>.fd-navigation__link:hover .fd-navigation__text{--fdNavigation_Item_Text_Display:inline-block}.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).fd-navigation__item--with-expander>.fd-navigation__link{--fdNavigation_Link_Padding_Right:0}.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).fd-navigation__item--with-expander>.fd-navigation__link+.fd-navigation__has-children-indicator{--fdNavigation_Controls_Width:1rem;--fdNavigation_Link_Has_Child_Indicator_Icon:\"\\e1ed\";--fdNavigation_Link_Has_Child_Indicator_Pos_Right:0;--fdNavigation_Link_Has_Child_Indicator_Div_Display:none}.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).fd-navigation__item--with-expander.is-hover,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).fd-navigation__item--with-expander:focus-within,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).fd-navigation__item--with-expander:hover{min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).fd-navigation__item--with-expander.is-hover>.fd-navigation__link,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).fd-navigation__item--with-expander:focus-within>.fd-navigation__link,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).fd-navigation__item--with-expander:hover>.fd-navigation__link{--fdNavigation_Link_Spacing:.5rem;--fdNavigation_Link_Padding_Right:calc(var(--fdNavigation_Controls_Width) + 1.3125rem)}.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).fd-navigation__item--with-expander.is-hover>.fd-navigation__link .fd-navigation__text,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).fd-navigation__item--with-expander:focus-within>.fd-navigation__link .fd-navigation__text,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).fd-navigation__item--with-expander:hover>.fd-navigation__link .fd-navigation__text{--fdNavigation_Item_Text_Display:inline-block}.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).fd-navigation__item--with-expander.is-hover>.fd-navigation__link+.fd-navigation__has-children-indicator,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).fd-navigation__item--with-expander:focus-within>.fd-navigation__link+.fd-navigation__has-children-indicator,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).fd-navigation__item--with-expander:hover>.fd-navigation__link+.fd-navigation__has-children-indicator{--fdNavigation_Controls_Width:2.25rem;--fdNavigation_Link_Has_Child_Indicator_Icon:\"\\e1ed\";--fdNavigation_Link_Has_Child_Indicator_Pos_Right:.375rem;--fdNavigation_Link_Has_Child_Indicator_Div_Display:inline-block}.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).fd-navigation__item--with-expander.is-expanded.is-hover>.fd-navigation__link,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).fd-navigation__item--with-expander.is-expanded:focus-within>.fd-navigation__link,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).fd-navigation__item--with-expander.is-expanded:hover>.fd-navigation__link,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).fd-navigation__item--with-expander[aria-expanded=true].is-hover>.fd-navigation__link,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).fd-navigation__item--with-expander[aria-expanded=true]:focus-within>.fd-navigation__link,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).fd-navigation__item--with-expander[aria-expanded=true]:hover>.fd-navigation__link{--fdNavigation_Link_Spacing:0;--fdNavigation_Link_Padding_Right:0}.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).fd-navigation__item--with-expander.is-expanded.is-hover>.fd-navigation__link .fd-navigation__text,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).fd-navigation__item--with-expander.is-expanded:focus-within>.fd-navigation__link .fd-navigation__text,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).fd-navigation__item--with-expander.is-expanded:hover>.fd-navigation__link .fd-navigation__text,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).fd-navigation__item--with-expander[aria-expanded=true].is-hover>.fd-navigation__link .fd-navigation__text,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).fd-navigation__item--with-expander[aria-expanded=true]:focus-within>.fd-navigation__link .fd-navigation__text,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).fd-navigation__item--with-expander[aria-expanded=true]:hover>.fd-navigation__link .fd-navigation__text{--fdNavigation_Item_Text_Display:none}.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).fd-navigation__item--with-expander.is-expanded.is-hover>.fd-navigation__link+.fd-navigation__has-children-indicator,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).fd-navigation__item--with-expander.is-expanded:focus-within>.fd-navigation__link+.fd-navigation__has-children-indicator,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).fd-navigation__item--with-expander.is-expanded:hover>.fd-navigation__link+.fd-navigation__has-children-indicator,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).fd-navigation__item--with-expander[aria-expanded=true].is-hover>.fd-navigation__link+.fd-navigation__has-children-indicator,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).fd-navigation__item--with-expander[aria-expanded=true]:focus-within>.fd-navigation__link+.fd-navigation__has-children-indicator,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).fd-navigation__item--with-expander[aria-expanded=true]:hover>.fd-navigation__link+.fd-navigation__has-children-indicator{--fdNavigation_Controls_Width:1rem;--fdNavigation_Link_Has_Child_Indicator_Icon:\"\\e1ed\";--fdNavigation_Link_Has_Child_Indicator_Pos_Right:0;--fdNavigation_Link_Has_Child_Indicator_Div_Display:none}.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).is-expanded>.fd-navigation__link .fd-navigation__has-children-indicator,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)[aria-expanded=true]>.fd-navigation__link .fd-navigation__has-children-indicator{--fdNavigation_Controls_Width:1rem;--fdNavigation_Link_Has_Child_Indicator_Icon:\"\\e1ed\"}.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).is-expanded>.fd-navigation__link.is-focus,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).is-expanded>.fd-navigation__link.is-hover,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).is-expanded>.fd-navigation__link:focus,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).is-expanded>.fd-navigation__link:hover,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)[aria-expanded=true]>.fd-navigation__link.is-focus,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)[aria-expanded=true]>.fd-navigation__link.is-hover,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)[aria-expanded=true]>.fd-navigation__link:focus,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)[aria-expanded=true]>.fd-navigation__link:hover{--fdNavigation_Link_Padding_Right:0}.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).is-expanded>.fd-navigation__link.is-focus:has(.fd-navigation__has-children-indicator),.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).is-expanded>.fd-navigation__link.is-hover:has(.fd-navigation__has-children-indicator),.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).is-expanded>.fd-navigation__link:focus:has(.fd-navigation__has-children-indicator),.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).is-expanded>.fd-navigation__link:hover:has(.fd-navigation__has-children-indicator),.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)[aria-expanded=true]>.fd-navigation__link.is-focus:has(.fd-navigation__has-children-indicator),.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)[aria-expanded=true]>.fd-navigation__link.is-hover:has(.fd-navigation__has-children-indicator),.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)[aria-expanded=true]>.fd-navigation__link:focus:has(.fd-navigation__has-children-indicator),.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)[aria-expanded=true]>.fd-navigation__link:hover:has(.fd-navigation__has-children-indicator){--fdNavigation_Link_Spacing:0;--fdNavigation_Link_Padding_Right:0}.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).is-expanded>.fd-navigation__link.is-focus:has(.fd-navigation__has-children-indicator) .fd-navigation__has-children-indicator,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).is-expanded>.fd-navigation__link.is-hover:has(.fd-navigation__has-children-indicator) .fd-navigation__has-children-indicator,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).is-expanded>.fd-navigation__link:focus:has(.fd-navigation__has-children-indicator) .fd-navigation__has-children-indicator,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).is-expanded>.fd-navigation__link:hover:has(.fd-navigation__has-children-indicator) .fd-navigation__has-children-indicator,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)[aria-expanded=true]>.fd-navigation__link.is-focus:has(.fd-navigation__has-children-indicator) .fd-navigation__has-children-indicator,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)[aria-expanded=true]>.fd-navigation__link.is-hover:has(.fd-navigation__has-children-indicator) .fd-navigation__has-children-indicator,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)[aria-expanded=true]>.fd-navigation__link:focus:has(.fd-navigation__has-children-indicator) .fd-navigation__has-children-indicator,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)[aria-expanded=true]>.fd-navigation__link:hover:has(.fd-navigation__has-children-indicator) .fd-navigation__has-children-indicator{--fdNavigation_Controls_Width:1rem}.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).is-expanded>.fd-navigation__link.is-focus .fd-navigation__text,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).is-expanded>.fd-navigation__link.is-hover .fd-navigation__text,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).is-expanded>.fd-navigation__link:focus .fd-navigation__text,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).is-expanded>.fd-navigation__link:hover .fd-navigation__text,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)[aria-expanded=true]>.fd-navigation__link.is-focus .fd-navigation__text,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)[aria-expanded=true]>.fd-navigation__link.is-hover .fd-navigation__text,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)[aria-expanded=true]>.fd-navigation__link:focus .fd-navigation__text,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)[aria-expanded=true]>.fd-navigation__link:hover .fd-navigation__text{--fdNavigation_Item_Text_Display:none}.fd-navigation.fd-navigation--vertical{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;background:var(--sapList_Background);border-radius:var(--fdNavigation_Border_Radius);-webkit-box-shadow:var(--fdNavigation_Box_Shadow);box-shadow:var(--fdNavigation_Box_Shadow);height:var(--fdNavigation_Height);justify-content:space-between;min-width:16rem;padding-block:var(--fdNavigation_Padding_Top) var(--fdNavigation_Padding_Bottom)}.fd-navigation.fd-navigation--vertical.fd-navigation--popup{--fdNavigation_Height:auto;--fdNavigation_Padding_Top:.5rem;--fdNavigation_Border_Radius:.5rem;--fdNavigation_Box_Shadow:var(--sapNavigation_Shadow2)}.fd-navigation.fd-navigation--vertical.fd-navigation--popup .fd-navigation__container--bottom,.fd-navigation.fd-navigation--vertical.fd-navigation--popup .fd-navigation__container--top{--fdNavigation_Padding_X:.5rem}.fd-navigation.fd-navigation--vertical.fd-navigation--snapped{max-width:4rem;min-width:4rem;width:4rem}.fd-navigation.fd-navigation--horizontal{background:var(--sapNavigation_Background);height:var(--fdNavigation_Horizontal_Height);padding-block:calc((var(--fdNavigation_Horizontal_Height) - var(--fdNavigation_Link_Min_Height))*.5);padding-inline:1.5rem;width:100%}.fd-navigation.fd-navigation--horizontal .fd-navigation__link{--fdNavigation_Link_Spacing:.5rem;--fdNavigation_Link_Padding_Right:1rem}.fd-navigation.fd-navigation--horizontal .fd-navigation__link:has(.fd-navigation__has-children-indicator){--fdNavigation_Link_Padding_Right:.375rem}.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow).is-selected,.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow)[aria-selected=true]{--fdNavigation_Link_Background:var(--fdNavigation_Item_Selected_Background);--fdNavigation_Link_Selection_Indicator_Display:inline-block}.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow).is-selected .fd-navigation__link.is-focus,.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow).is-selected .fd-navigation__link:focus,.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow)[aria-selected=true] .fd-navigation__link.is-focus,.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow)[aria-selected=true] .fd-navigation__link:focus{z-index:5;--fdNavigation_Link_Background:var(--fdNavigation_Item_Selected_Background)}.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow).is-selected .fd-navigation__link.is-hover,.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow).is-selected .fd-navigation__link:hover,.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow)[aria-selected=true] .fd-navigation__link.is-hover,.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow)[aria-selected=true] .fd-navigation__link:hover{--fdNavigation_Link_Background:var(--fdNavigation_Item_Selected_Background)}.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow).is-selected.is-expanded .fd-navigation__link,.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow).is-selected[aria-expanded=true] .fd-navigation__link,.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow)[aria-selected=true].is-expanded .fd-navigation__link,.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow)[aria-selected=true][aria-expanded=true] .fd-navigation__link{--fdNavigation_Link_Selection_Indicator_Display:inline-block;--fdNavigation_Link_Background:var(--fdNavigation_Item_Selected_Background)}.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow).is-selected.is-hover .fd-navigation__link,.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow).is-selected:hover .fd-navigation__link,.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow)[aria-selected=true].is-hover .fd-navigation__link,.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow)[aria-selected=true]:hover .fd-navigation__link{--fdNavigation_Link_Background:var(--sapList_Hover_SelectionBackground)}.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow) .fd-navigation__link.is-hover:before,.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow) .fd-navigation__link:before,.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow) .fd-navigation__link:hover:before,.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow).is-expanded .fd-navigation__link:before,.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow)[aria-expanded=true] .fd-navigation__link:before{--fdNavigation_Link_Border_Bottom_Color:var(--fdNavigation_Link_Border_Color)}.fd-navigation.fd-navigation--horizontal .fd-navigation__list:not(.fd-navigation__list--parent-items):not(.fd-navigation__list--child-items){--fdNavigation_Item_Spacing:.75rem;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.fd-navigation.fd-navigation--horizontal .fd-navigation__list:not(.fd-navigation__list--parent-items):not(.fd-navigation__list--child-items) .fd-navigation__has-children-indicator{--fdNavigation_Link_Has_Child_Indicator_Icon:\"\\e287\"}.fd-navigation.fd-navigation--horizontal .fd-navigation__list-item--spacer{height:.75rem;width:100%}.fd-navigation.fd-navigation--horizontal .fd-navigation__list-container:not(.fd-navigation__list-container--submenu){--fdPopover_Offset: calc(100% + .3875rem) ;background:var(--sapGroup_ContentBackground);border:none;border-radius:.75rem;-webkit-box-shadow:var(--sapMenu_Shadow2);box-shadow:var(--sapMenu_Shadow2);padding-block:.05rem;padding-inline:.05rem}.fd-navigation.fd-navigation--horizontal .fd-navigation__list-container:not(.fd-navigation__list-container--submenu).fd-navigation__list-container--menu{-webkit-box-shadow:var(--sapMenu_Shadow1);box-shadow:var(--sapMenu_Shadow1);padding-block:.5rem;padding-inline:.5rem;position:absolute;right:-.5rem;top:calc(100% + .3875rem)}.fd-navigation.fd-navigation--horizontal .fd-navigation__list-container:not(.fd-navigation__list-container--submenu).fd-navigation__list-container--menu[dir=rtl],[dir=rtl] .fd-navigation.fd-navigation--horizontal .fd-navigation__list-container:not(.fd-navigation__list-container--submenu).fd-navigation__list-container--menu{left:-.5rem;right:auto}.fd-navigation.fd-navigation--horizontal .fd-navigation__list-container:not(.fd-navigation__list-container--submenu).fd-navigation__list-container--menu .fd-navigation__list-wrapper{padding-block:0;padding-inline:0}.fd-navigation.fd-navigation--horizontal .fd-navigation__list-container:not(.fd-navigation__list-container--submenu).fd-navigation__list-container--menu .fd-navigation__list{--fdNavigation_Item_Spacing:.25rem;-webkit-box-shadow:none;box-shadow:none}.fd-navigation.fd-navigation--horizontal .fd-navigation__list-container:not(.fd-navigation__list-container--submenu).fd-navigation__list-container--menu .fd-navigation__item.is-expanded .fd-navigation__has-children-indicator,.fd-navigation.fd-navigation--horizontal .fd-navigation__list-container:not(.fd-navigation__list-container--submenu).fd-navigation__list-container--menu .fd-navigation__item[aria-expanded=true] .fd-navigation__has-children-indicator{--fdNavigation_Link_Has_Child_Indicator_Icon:\"\\e1ed\"}[dir=rtl] .fd-navigation.fd-navigation--horizontal .fd-navigation__list-container:not(.fd-navigation__list-container--submenu).fd-navigation__list-container--menu .fd-navigation__item.is-expanded .fd-navigation__has-children-indicator,[dir=rtl] .fd-navigation.fd-navigation--horizontal .fd-navigation__list-container:not(.fd-navigation__list-container--submenu).fd-navigation__list-container--menu .fd-navigation__item[aria-expanded=true] .fd-navigation__has-children-indicator{--fdNavigation_Link_Has_Child_Indicator_Icon:\"\\e1ee\"}.fd-navigation.fd-navigation--horizontal .fd-navigation__list-container:not(.fd-navigation__list-container--submenu).fd-navigation__list-container--menu .fd-navigation__item.fd-navigation__item--overflow .fd-navigation__has-children-indicator{display:none}.fd-navigation.fd-navigation--horizontal .fd-navigation__list-container:not(.fd-navigation__list-container--submenu).fd-navigation__list-container--menu .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child)>.fd-navigation__link.is-hover,.fd-navigation.fd-navigation--horizontal .fd-navigation__list-container:not(.fd-navigation__list-container--submenu).fd-navigation__list-container--menu .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child)>.fd-navigation__link:hover{width:100%}.fd-navigation.fd-navigation--horizontal .fd-navigation__list-container:not(.fd-navigation__list-container--submenu).fd-navigation__list-container--menu .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child)>.fd-navigation__link.is-hover .fd-navigation__text,.fd-navigation.fd-navigation--horizontal .fd-navigation__list-container:not(.fd-navigation__list-container--submenu).fd-navigation__list-container--menu .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child)>.fd-navigation__link:hover .fd-navigation__text{--fdNavigation_Item_Text_Display:inline-block}.fd-navigation.fd-navigation--horizontal .fd-navigation__list-container:not(.fd-navigation__list-container--submenu).fd-navigation__list-container--submenu{-webkit-box-shadow:var(--sapMenu_Shadow1);box-shadow:var(--sapMenu_Shadow1);left:calc(-100% - .1875rem);margin-block:0;margin-inline:0;padding-block:.5rem;padding-inline:.5rem;top:calc(var(--fdNavigation_Link_Min_Height) - .5rem)}.fd-navigation.fd-navigation--horizontal .fd-navigation__list-container:not(.fd-navigation__list-container--submenu).fd-navigation__list-container--submenu[dir=rtl],[dir=rtl] .fd-navigation.fd-navigation--horizontal .fd-navigation__list-container:not(.fd-navigation__list-container--submenu).fd-navigation__list-container--submenu{left:auto;right:calc(-100% - .1875rem)}.fd-navigation.fd-navigation--horizontal .fd-navigation__list-wrapper{padding-block:.7rem;padding-inline:.7rem}.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--overflow).is-expanded .fd-navigation__link,.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--overflow)[aria-expanded=true] .fd-navigation__link{--fdNavigation_Link_Background:var(--sapMenu_Active_Background);--fdNavigation_Link_Border_Color:var(--fdNavigation_Link_Border_Color_Active);--fdNavigation_Link_Border_Bottom_Color:var(--fdNavigation_Link_Border_Color_Active)}.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--overflow).is-expanded .fd-navigation__link.is-focus,.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--overflow).is-expanded .fd-navigation__link:focus,.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--overflow)[aria-expanded=true] .fd-navigation__link.is-focus,.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--overflow)[aria-expanded=true] .fd-navigation__link:focus{z-index:5;--fdNavigation_Link_Background:var(--sapMenu_Active_Background);--fdNavigation_Link_Border_Color:var(--fdNavigation_Link_Border_Color_Active);--fdNavigation_Link_Border_Bottom_Color:var(--fdNavigation_Link_Border_Color_Active)}.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--overflow).is-expanded.is-selected .fd-navigation__link,.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--overflow).is-expanded[aria-selected=true] .fd-navigation__link,.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--overflow)[aria-expanded=true].is-selected .fd-navigation__link,.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--overflow)[aria-expanded=true][aria-selected=true] .fd-navigation__link{--fdNavigation_Link_Selection_Indicator_Display:inline-block;--fdNavigation_Link_Background:var(--fdNavigation_Item_Selected_Background);--fdNavigation_Link_Border_Color:var(--fdNavigation_Link_Border_Color_Selected);--fdNavigation_Link_Border_Bottom_Color:var(--fdNavigation_Link_Border_Color_Selected)}.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--overflow).is-expanded.is-selected.is-hover .fd-navigation__link,.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--overflow).is-expanded.is-selected:hover .fd-navigation__link,.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--overflow).is-expanded[aria-selected=true].is-hover .fd-navigation__link,.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--overflow).is-expanded[aria-selected=true]:hover .fd-navigation__link,.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--overflow)[aria-expanded=true].is-selected.is-hover .fd-navigation__link,.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--overflow)[aria-expanded=true].is-selected:hover .fd-navigation__link,.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--overflow)[aria-expanded=true][aria-selected=true].is-hover .fd-navigation__link,.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--overflow)[aria-expanded=true][aria-selected=true]:hover .fd-navigation__link{--fdNavigation_Link_Background:var(--sapList_Hover_SelectionBackground)}.fd-navigation.fd-navigation--horizontal .fd-navigation__item.fd-navigation__item--with-expander .fd-navigation__link{--fdNavigation_Link_Padding_Right:calc(1.6875rem + var(--fdNavigation_Controls_Width))}.fd-navigation.fd-navigation--horizontal .fd-navigation__item--child:not(.fd-navigation__item--submenu-child) .fd-navigation__link{--fdNavigation_Link_Padding_Left:var(--fdNavigation_Link_Shift_Left)}.fd-navigation.fd-navigation--horizontal .fd-navigation__item--with-expander .fd-navigation__expander{border:none;margin-block:0;margin-inline:.0625rem;outline-offset:-.0625rem;-webkit-transition:var(--fdNavigation_Link_Transition);transition:var(--fdNavigation_Link_Transition);--fdButton_Nested_Border_Radius:var(--fdNavigation_Link_Border_Radius)}.fd-navigation.fd-navigation--horizontal .fd-navigation__item--with-expander .fd-navigation__expander:after{border-bottom:.0625rem solid var(--fdNavigation_Expander_Border_Color);border:.0625rem solid var(--fdNavigation_Expander_Border_Color);border-bottom-color:var(--fdNavigation_Expander_Border_Bottom_Color);content:\"\";inset:0;position:absolute}.fd-navigation.fd-navigation--horizontal .fd-navigation__item--with-expander .fd-navigation__expander.is-hover,.fd-navigation.fd-navigation--horizontal .fd-navigation__item--with-expander .fd-navigation__expander:hover{--fdButton_Nested_Background:var(--sapList_Hover_Background);--fdNavigation_Expander_Border_Color:var(--fdNavigation_Link_Border_Color_Hover);--fdNavigation_Expander_Border_Bottom_Color:var(--fdNavigation_Link_Border_Color_Hover)}.fd-navigation.fd-navigation--horizontal .fd-navigation__item--with-expander .fd-navigation__expander.is-active,.fd-navigation.fd-navigation--horizontal .fd-navigation__item--with-expander .fd-navigation__expander:active{--fdButton_Nested_Background:var(--sapList_Active_Background);--fdNavigation_Expander_Border_Color:var(--fdNavigation_Link_Border_Color_Active);--fdNavigation_Expander_Border_Bottom_Color:var(--fdNavigation_Link_Border_Color_Active)}.fd-navigation.fd-navigation--horizontal .fd-navigation__item--with-expander .fd-navigation__expander.is-active.is-focus,.fd-navigation.fd-navigation--horizontal .fd-navigation__item--with-expander .fd-navigation__expander.is-active:focus,.fd-navigation.fd-navigation--horizontal .fd-navigation__item--with-expander .fd-navigation__expander:active.is-focus,.fd-navigation.fd-navigation--horizontal .fd-navigation__item--with-expander .fd-navigation__expander:active:focus{z-index:5;--fdNavigation_Expander_Border_Color:var(--fdNavigation_Link_Border_Color_Active);--fdNavigation_Expander_Border_Bottom_Color:var(--fdNavigation_Link_Border_Color_Active)}.fd-navigation.fd-navigation--horizontal .fd-navigation__item--with-expander .fd-navigation__expander:active:focus{--fdButton_Nested_Border_Radius:var(--fdNavigation_Link_Border_Radius)}.fd-navigation.fd-navigation--horizontal .fd-navigation__item--with-expander.is-expanded .fd-navigation__expander,.fd-navigation.fd-navigation--horizontal .fd-navigation__item--with-expander[aria-expanded=true] .fd-navigation__expander{--fdButton_Nested_Background:var(--fdNavigation_Item_Selected_Background);--fdNavigation_Link_Border_Color:var(--fdNavigation_Link_Border_Color_Selected);--fdNavigation_Expander_Border_Color:var(--fdNavigation_Link_Border_Color_Selected);--fdNavigation_Expander_Border_Bottom_Color:var(--fdNavigation_Link_Border_Color_Selected)}.fd-navigation.fd-navigation--horizontal .fd-navigation__list{--fdNavigation_Item_Spacing:.5rem}.fd-navigation[class*=-compact],[class*=-compact] .fd-navigation:not([class*=-cozy]){--fdNavigation_Link_Min_Height:2rem;--fdNavigation_Controls_Width:2rem;--fdNavigation_Controls_Height:1.5625rem}.fd-navigation .fd-navigation__container--top{padding-left:var(--fdNavigation_Padding_X);padding-right:var(--fdNavigation_Padding_X);padding-bottom:.25rem}.fd-navigation__list{min-height:100%;height:auto}.fd-navigation--snapped .fd-navigation__list-item--home{position:relative}.fd-navigation--snapped .fd-navigation__container--top{overflow:visible!important;display:flex;flex-direction:column}.fd-navigation--snapped .fd-navigation__container--top .fd-navigation__list{flex-grow:1;height:auto;min-height:0}.fd-navigation--snapped .fd-navigation__container--top .fd-navigation__list--no-grow{flex-grow:0}.fd-navigation--snapped .fd-navigation__container--hidden-overflow{overflow:hidden!important}.fd-navigation--expanded .fd-navigation__list-item--home,.fd-navigation--popup .fd-navigation__list-item--home{z-index:21}.fd-navigation__list-container--custom-menu{box-shadow:var(--sapMenu_Shadow1)}.fd-navigation__item--disabled{opacity:.6;cursor:default}.fd-navigation__item--disabled .fd-navigation__link{pointer-events:none;-webkit-user-select:none;user-select:none}.fd-navigation__item--disabled .fd-navigation__has-children-indicator{pointer-events:none;cursor:default}.fd-navigation__item--disabled:hover{background:transparent}.fd-navigation__list-item--spacer--hidden{display:none!important}.fd-navigation .fd-navigation__list-item--home-without-separator{margin-bottom:.125rem}.fd-navigation--snapped .fd-navigation__list-container.fd-navigation__list-container--menu{position:relative;transition:none}.fd-navigation__list-item:not(.fd-navigation__list-item--home){position:relative}.fd-navigation__list-container--menu>.fd-scrollbar{overflow:visible!important}.fd-navigation__list-container--menu .fd-navigation__list--parent-items .fd-navigation__list-item:before{content:\"\";position:absolute;top:0;bottom:0;left:-1rem;right:-1rem}.fd-navigation__list-container--menu .fd-navigation__list--parent-items .fd-navigation__list-item>.fd-navigation__list-container{display:none;top:-.5rem}.fd-navigation__list-container--menu .fd-navigation__list--parent-items .fd-navigation__list-item:hover>.fd-navigation__list-container,.fd-navigation__list-container--menu .fd-navigation__list--parent-items .fd-navigation__list-item:focus>.fd-navigation__list-container,.fd-navigation__list-container--menu .fd-navigation__list--parent-items .fd-navigation__list-item:focus-within>.fd-navigation__list-container{display:block}.fd-navigation__list-container--menu .fd-navigation__list--parent-items .fd-navigation__list-item .fd-navigation__list-container--submenu:before{content:\"\";position:absolute;top:-2rem;bottom:0;right:0;left:0}.fd-popover__body.fd-navigation__list-container{display:block}.fd-navigation__item .fd-popover-custom{max-width:none}.fd-navigation__item.fd-navigation__item--title .fd-navigation__has-children-indicator{display:none}.fd-navigation__item .fd-navigation__icon,.fd-navigation__item .fd-navigation__text{font-family:var(--sapFontSemiboldDuplexFamily)}.fd-navigation__item.fd-navigation__item--child .fd-navigation__icon,.fd-navigation__item.fd-navigation__item--child .fd-navigation__text{font-family:var(--sapFontFamily)}.fd-navigation.fd-navigation--expanded{width:16rem;min-width:16rem;max-width:16rem}.fd-navigation.fd-navigation--expanded .fd-navigation__item:not(.fd-navigation__item--create) .fd-navigation__text{white-space:normal}.fd-popover__body.fd-navigation__list-container.fd-navigation__list-wrapper{max-width:40rem}.fd-navigation__text{margin-block:.5rem}.fd-navigation.fd-navigation--vertical.fd-navigation--popup{--fdNavigation_Border_Radius: 0;--fdNavigation_Box_Shadow: none;--fdNavigation_Height: 100%}.fd-navigation.is-overlay{position:absolute;top:0;left:0}.fd-navigation.fd-navigation--expanded.is-overlay{position:absolute;top:0;left:0;right:0;width:100%;min-width:100%;max-width:100%}.fd-navigation__item.fd-navigation__item--create .fd-navigation__link{border:none;box-shadow:0 0 0 var(--sapButton_BorderWidth) var(--fdNavigation_Quick_Create_Border_Color)}.fd-navigation--snapped .fd-navigation__list-container.fd-navigation__list-container--menu{left:auto}.fd-navigation__list.fd-menu__list.fd-navigation__list--parent-items .fd-navigation__list-item.fd-navigation__list-item--separator:is(:first-child,:last-child){height:0;min-height:0;max-height:0}.fd-navigation__container.fd-navigation__container--bottom:before{display:flex;margin-block:0 .25rem}[dir=rtl] .fd-navigation__item--with-expander .fd-navigation__has-children-indicator{left:var(--fdNavigation_Link_Has_Child_Indicator_Pos_Right, .375rem);right:auto}[dir=rtl] .fd-navigation__item--with-expander .fd-navigation__has-children-indicator:after{right:-.25rem;left:auto}[dir=rtl] .fd-navigation__has-children-indicator:before{--fdNavigation_Link_Has_Child_Indicator_Icon: \"\\e1ee\"}[dir=rtl] .fd-navigation--snapped .fd-navigation__list-container.fd-navigation__list-container--menu{right:auto}[dir=rtl] .fd-navigation__item[aria-expanded=true] .fd-navigation__has-children-indicator:before{--fdNavigation_Link_Has_Child_Indicator_Icon: \"\\e1ef\"}[dir=rtl] .fd-navigation.fd-navigation--snapped .fd-navigation__has-children-indicator:before{--fdNavigation_Link_Has_Child_Indicator_Icon: \"\\e1ee\"}\n/*! Bundled license information:\n\nfundamental-styles/dist/navigation.css:\n  (*!\n   * Fundamental Library Styles v0.40.1\n   * Copyright (c) 2025 SAP SE or an SAP affiliate company.\n   * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n   *)\n*/\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 __decorate([
     applyCssClass,
@@ -1566,20 +2304,30 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImpor
                         }
                     ], host: {
                         role: 'navigation'
-                    }, imports: [
-                        NgTemplateOutlet,
-                        NavigationListItemDirective,
-                        NavigationContentStartComponent,
-                        NavigationContentEndComponent
-                    ], template: "<ng-content></ng-content>\n@if (_navigationItemRenderer()) {\n    @if (dataSourceItems()?.start; as startItems) {\n        <fdb-navigation-content-start [contentProjected]=\"false\">\n            @for (item of startItems; track item) {\n                <ng-container fdbNavigationListItem [item]=\"item\" #listItemDirective=\"fdbListItem\">\n                    <ng-template\n                        [ngTemplateOutlet]=\"itemRenderer\"\n                        [ngTemplateOutletContext]=\"{ $implicit: item, injector: listItemDirective.injector }\"\n                        [ngTemplateOutletInjector]=\"listItemDirective.injector\"\n                    ></ng-template>\n                </ng-container>\n            }\n        </fdb-navigation-content-start>\n    }\n    @if (dataSourceItems()?.end; as endItems) {\n        <fdb-navigation-content-end [contentProjected]=\"false\">\n            @for (item of endItems; track item) {\n                <ng-container fdbNavigationListItem [item]=\"item\" #listItemDirective=\"fdbListItem\">\n                    <ng-template\n                        [ngTemplateOutlet]=\"itemRenderer\"\n                        [ngTemplateOutletContext]=\"{ $implicit: item, injector: listItemDirective.injector }\"\n                        [ngTemplateOutletInjector]=\"listItemDirective.injector\"\n                    ></ng-template>\n                </ng-container>\n            }\n        </fdb-navigation-content-end>\n    }\n}\n\n<ng-template #itemRenderer let-item let-injector=\"injector\">\n    <ng-template\n        [ngTemplateOutlet]=\"_navigationItemRenderer()?.templateRef || null\"\n        [ngTemplateOutletContext]=\"{ $implicit: item }\"\n        [ngTemplateOutletInjector]=\"injector\"\n    ></ng-template>\n    @if (item.children && item.children.length > 0) {\n        @for (child of item.children; track child) {\n            <ng-container fdbNavigationListItem [item]=\"child\" #listItemDirective=\"fdbListItem\">\n                <ng-template\n                    [ngTemplateOutlet]=\"itemRenderer\"\n                    [ngTemplateOutletContext]=\"{ $implicit: child, injector: listItemDirective.injector }\"\n                    [ngTemplateOutletInjector]=\"listItemDirective.injector\"\n                ></ng-template>\n            </ng-container>\n        }\n    }\n</ng-template>\n", styles: ["@charset \"UTF-8\";.fd-navigation{--fdNavigation_Height:100%;--fdNavigation_Padding_X:.5rem;--fdNavigation_Padding_Top:.5rem;--fdNavigation_Item_Spacing:.25rem;--fdNavigation_Padding_Bottom:.5rem;--fdNavigation_Horizontal_Height:3.5rem;--fdNavigation_Expander_Position_Right:.5rem;--fdNavigation_Border_Radius:0;--fdNavigation_Box_Shadow:var(--sapContent_Shadow0);--fdNavigation_Link_Icon_Size:1rem;--fdNavigation_Link_Icon_Color:var(--sapList_TextColor);--fdNavigation_Link_Min_Height:var(--sapElement_LineHeight);--fdNavigation_Link_Font_Family:var(--sapFontBoldFamily);--fdNavigation_Link_Spacing:.5rem;--fdNavigation_Link_Text_Color:inherit;--fdNavigation_Link_Shift_Left:1rem;--fdNavigation_Link_Padding_Left:var(--fdNavigation_Link_Shift_Left);--fdNavigation_Link_Padding_Right:.375rem;--fdNavigation_Link_Font_Size:var(--sapFontSize);--fdNavigation_Link_Selection_Indicator_Size:.5rem;--fdNavigation_Link_Has_Child_Indicator_Display:flex;--fdNavigation_Link_Selection_Indicator_Display:none;--fdNavigation_Link_Back_Indicator_Icon:\"\\e1ee\";--fdNavigation_Link_Has_Child_Indicator_Icon:\"\\e1ed\";--fdNavigation_Link_External_Link_Indicator_Icon:\"\\e04c\";--fdNavigation_Link_Background:var(--sapNavigation_Background);--fdNavigation_Link_Border_Color:var(--fdNavigation_Link_Border_Color_Normal);--fdNavigation_Link_Border_Bottom_Color:var(--fdNavigation_Link_Border_Bottom_Color_Normal);--fdNavigation_Item_Group_Display:flex;--fdNavigation_Item_Title_Display:none;--fdNavigation_Item_Text_Display:inline-block;--fdNavigation_Item_Selected_Background:var(--sapList_SelectionBackgroundColor);--fdNavigation_List_Container_Display:none;--fdNavigation_List_Parent_Items_Display:none;--fdNavigation_Controls_Width:2.25rem;--fdNavigation_Controls_Height:2.25rem;--fdNavigation_Quick_Create_Border_Color:var(--sapButton_BorderColor);border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0}.fd-navigation:after,.fd-navigation:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-navigation__container{position:relative}.fd-navigation__container--top{height:100%;overflow:scroll;padding-inline:var(--fdNavigation_Padding_X);position:relative;-webkit-padding-after:.25rem;padding-block-end:.25rem}.fd-navigation__container--bottom{padding-inline:var(--fdNavigation_Padding_X)}.fd-navigation__container--bottom:before{background:var(--sapToolbar_SeparatorColor);content:\"\";display:inline-block;height:.0625rem;margin-block:.5625rem;width:100%}.fd-navigation__list-container{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:var(--fdNavigation_List_Container_Display);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0}.fd-navigation__list-container:after,.fd-navigation__list-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-navigation__list-wrapper{width:100%}.fd-navigation__list{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:var(--fdNavigation_Item_Spacing);height:100%;list-style-type:none;position:relative}.fd-navigation__list:after,.fd-navigation__list:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-navigation__list--parent-items{display:var(--fdNavigation_List_Parent_Items_Display)}.fd-navigation__list-item{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:var(--fdNavigation_Item_Spacing)}.fd-navigation__list-item:after,.fd-navigation__list-item:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-navigation__list-item--spacer{background:transparent;height:100%;min-height:.25rem}.fd-navigation__list-item--separator{background:transparent;height:.625rem;max-height:.625rem;min-height:.625rem}.fd-navigation__list-item--overflow{position:relative}.fd-navigation__link{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;padding-inline:var(--fdNavigation_Link_Padding_Left) var(--fdNavigation_Link_Padding_Right);-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:var(--fdNavigation_Link_Background);border-radius:var(--fdNavigation_Link_Border_Radius);color:var(--fdNavigation_Link_Text_Color);cursor:pointer;gap:var(--fdNavigation_Link_Spacing);min-height:var(--fdNavigation_Link_Min_Height);overflow:hidden;position:relative;text-align:start;text-decoration:none;-webkit-transition:var(--fdNavigation_Link_Transition);transition:var(--fdNavigation_Link_Transition);width:100%}.fd-navigation__link:after,.fd-navigation__link:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-navigation__link:before{border-bottom:.0625rem solid var(--fdNavigation_Link_Border_Color);border:.0625rem solid var(--fdNavigation_Link_Border_Color);border-bottom-color:var(--fdNavigation_Link_Border_Bottom_Color);content:\"\";height:100%;left:0;position:absolute;top:0;width:100%}[dir=rtl] .fd-navigation__link:before{left:auto;right:0}.fd-navigation__link.is-hover,.fd-navigation__link:hover{--fdNavigation_Link_Background:var(--sapList_Hover_Background);--fdNavigation_Link_Border_Color:var(--fdNavigation_Link_Border_Color_Hover);--fdNavigation_Link_Border_Bottom_Color:var(--fdNavigation_Link_Border_Color_Hover)}.fd-navigation__link.is-active,.fd-navigation__link.is-active.is-focus,.fd-navigation__link.is-active:focus,.fd-navigation__link:active,.fd-navigation__link:active.is-focus,.fd-navigation__link:active:focus{--fdNavigation_Link_Background:var(--sapList_Active_Background);--fdNavigation_Link_Border_Color:var(--fdNavigation_Link_Border_Color_Active);--fdNavigation_Link_Border_Bottom_Color:var(--fdNavigation_Link_Border_Color_Active)}.fd-navigation__link.is-active.is-focus,.fd-navigation__link.is-active:focus,.fd-navigation__link:active.is-focus,.fd-navigation__link:active:focus{outline:none;z-index:5}.fd-navigation__link.is-focus,.fd-navigation__link:focus{z-index:5;--fdNavigation_Link_Border_Color:transparent;--fdNavigation_Link_Border_Bottom_Color:transparent;--fdNavigation_Link_Background:var(--sapList_Background);outline:var(--sapContent_FocusStyle) var(--sapContent_FocusWidth) var(--sapContent_FocusColor);outline-offset:-.125rem}.fd-navigation__link.is-focus.is-hover,.fd-navigation__link.is-focus:hover,.fd-navigation__link:focus.is-hover,.fd-navigation__link:focus:hover{--fdNavigation_Link_Background:var(--sapList_Hover_Background);--fdNavigation_Link_Border_Color:var(--fdNavigation_Link_Border_Color_Hover);--fdNavigation_Link_Border_Bottom_Color:var(--fdNavigation_Link_Border_Color_Hover)}.fd-navigation__link:focus-visible{outline-offset:-.125rem}.fd-navigation__link.is-disabled,.fd-navigation__link:disabled,.fd-navigation__link[aria-disabled=true]{opacity:var(--sapContent_DisabledOpacity);pointer-events:none}.fd-navigation__item{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:var(--fdNavigation_Link_Border_Radius);height:100%;position:relative}.fd-navigation__item:after,.fd-navigation__item:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-navigation__item.is-expanded .fd-navigation__has-children-indicator,.fd-navigation__item.is-expanded .fd-navigation__has-children-indicator[dir=rtl],.fd-navigation__item[aria-expanded=true] .fd-navigation__has-children-indicator,.fd-navigation__item[aria-expanded=true] .fd-navigation__has-children-indicator[dir=rtl],[dir=rtl] .fd-navigation__item.is-expanded .fd-navigation__has-children-indicator,[dir=rtl] .fd-navigation__item[aria-expanded=true] .fd-navigation__has-children-indicator{--fdNavigation_Link_Has_Child_Indicator_Icon:\"\\e1ef\"}.fd-navigation__item.is-expanded+.fd-navigation__list-container,.fd-navigation__item[aria-expanded=true]+.fd-navigation__list-container{--fdNavigation_List_Container_Display:flex}.fd-navigation__item.is-expanded+.fd-navigation__list--parent-items,.fd-navigation__item[aria-expanded=true]+.fd-navigation__list--parent-items{--fdNavigation_List_Parent_Items_Display:flex}.fd-navigation__item.is-selected,.fd-navigation__item[aria-selected=true]{--fdNavigation_Link_Selection_Indicator_Display:inline-block;--fdNavigation_Link_Background:var(--sapList_SelectionBackgroundColor);--fdNavigation_Link_Border_Color:var(--fdNavigation_Link_Border_Color_Selected);--fdNavigation_Link_Border_Bottom_Color:var(--fdNavigation_Link_Border_Color_Selected)}.fd-navigation__item.is-selected .fd-navigation__link.is-focus,.fd-navigation__item.is-selected .fd-navigation__link:focus,.fd-navigation__item[aria-selected=true] .fd-navigation__link.is-focus,.fd-navigation__item[aria-selected=true] .fd-navigation__link:focus{z-index:5;--fdNavigation_Link_Background:var(--sapList_SelectionBackgroundColor);--fdNavigation_Link_Border_Color:var(--fdNavigation_Link_Border_Color_Selected);--fdNavigation_Link_Border_Bottom_Color:var(--fdNavigation_Link_Border_Color_Selected)}.fd-navigation__item.is-selected .fd-navigation__link.is-hover,.fd-navigation__item.is-selected .fd-navigation__link:hover,.fd-navigation__item[aria-selected=true] .fd-navigation__link.is-hover,.fd-navigation__item[aria-selected=true] .fd-navigation__link:hover{--fdNavigation_Link_Background:var(--sapList_Hover_SelectionBackground);--fdNavigation_Link_Border_Color:var(--fdNavigation_Link_Border_Color_Selected);--fdNavigation_Link_Border_Bottom_Color:var(--fdNavigation_Link_Border_Color_Selected)}.fd-navigation__item--child .fd-navigation__link{--fdNavigation_Link_Font_Family:var(--sapFontFamily);--fdNavigation_Link_Padding_Left:2.5rem}.fd-navigation__item--group{display:var(--fdNavigation_Item_Group_Display)}.fd-navigation__item--group .fd-navigation__link{--fdNavigation_Link_Text_Color:var(--sapContent_LabelColor);--fdNavigation_Link_Font_Family:var(--sapFontFamily);--fdNavigation_Link_Font_Size:var(--sapFontSize)}.fd-navigation__item--title{height:auto;-webkit-margin-after:var(--fdNavigation_Item_Title_Margin_Bottom,0);display:var(--fdNavigation_Item_Title_Display);margin-block-end:var(--fdNavigation_Item_Title_Margin_Bottom,0)}.fd-navigation__item--title .fd-navigation__text{font-weight:700;--fdNavigation_Item_Title_Display:block}.fd-navigation__item--title .fd-navigation__icon[class*=sap-icon]{display:none}.fd-navigation__item--menu.is-expanded,.fd-navigation__item--menu[aria-expanded=true]{--fdNavigation_Link_Background:var(--sapNavigation_Active_Background);--fdNavigation_Link_Border_Color:var(--fdNavigation_Link_Border_Color_Active);--fdNavigation_Link_Border_Bottom_Color:var(--fdNavigation_Link_Border_Color_Active)}.fd-navigation__item--menu.is-expanded .fd-navigation__has-children-indicator,.fd-navigation__item--menu[aria-expanded=true] .fd-navigation__has-children-indicator{--fdNavigation_Link_Has_Child_Indicator_Icon:\"\\e1ed\"}.fd-navigation__item--menu.is-expanded .fd-navigation__has-children-indicator[dir=rtl],.fd-navigation__item--menu[aria-expanded=true] .fd-navigation__has-children-indicator[dir=rtl],[dir=rtl] .fd-navigation__item--menu.is-expanded .fd-navigation__has-children-indicator,[dir=rtl] .fd-navigation__item--menu[aria-expanded=true] .fd-navigation__has-children-indicator{--fdNavigation_Link_Has_Child_Indicator_Icon:\"\\e1ee\"}.fd-navigation__item--menu.fd-navigation__item--child .fd-navigation__link{--fdNavigation_Link_Padding_Left:var(--fdNavigation_Link_Shift_Left)}.fd-navigation__item--with-expander .fd-navigation__link{--fdNavigation_Link_Padding_Right:calc(var(--fdNavigation_Controls_Width) + 1.3125rem)}.fd-navigation__item--with-expander .fd-navigation__has-children-indicator{--fdNavigation_Link_Has_Child_Indicator_Display:flex;cursor:pointer;position:absolute;right:var(--fdNavigation_Link_Has_Child_Indicator_Pos_Right,.375rem);z-index:20}.fd-navigation__item--with-expander .fd-navigation__has-children-indicator:after{background:var(--sapTextColor);content:\"\";display:var(--fdNavigation_Link_Has_Child_Indicator_Div_Display,inline-block);height:var(--sapElement_Condensed_Height);left:-.25rem;position:absolute;width:.0625rem}.fd-navigation__item--with-expander.is-hover .fd-navigation__link,.fd-navigation__item--with-expander:hover .fd-navigation__link{--fdNavigation_Link_Background:var(--sapList_Hover_Background);--fdNavigation_Link_Border_Color:var(--fdNavigation_Link_Border_Color_Hover);--fdNavigation_Link_Border_Bottom_Color:var(--fdNavigation_Link_Border_Color_Hover)}.fd-navigation__item--with-expander.is-active .fd-navigation__link,.fd-navigation__item--with-expander:active .fd-navigation__link{--fdNavigation_Link_Background:var(--sapList_Active_Background);--fdNavigation_Link_Border_Color:var(--fdNavigation_Link_Border_Color_Active);--fdNavigation_Link_Border_Bottom_Color:var(--fdNavigation_Link_Border_Color_Active)}.fd-navigation__item--with-expander.is-selected.is-hover .fd-navigation__link,.fd-navigation__item--with-expander.is-selected:hover .fd-navigation__link,.fd-navigation__item--with-expander[aria-selected=true].is-hover .fd-navigation__link,.fd-navigation__item--with-expander[aria-selected=true]:hover .fd-navigation__link{--fdNavigation_Link_Background:var(--sapList_Hover_SelectionBackground)}.fd-navigation__item--create{--fdNavigation_Link_Text_Color:var(--sapButton_TextColor);--fdNavigation_Link_Icon_Color:var(--sapButton_TextColor)}.fd-navigation__item--create .fd-navigation__link{border:var(--sapButton_BorderWidth) solid var(--fdNavigation_Quick_Create_Border_Color)}.fd-navigation__item--create .fd-navigation__link.is-active,.fd-navigation__item--create .fd-navigation__link:active{--fdNavigation_Quick_Create_Border_Color:var(--sapButton_Active_BorderColor);--fdNavigation_Link_Background:var(--sapButton_Active_Background)}.fd-navigation__icon{height:var(--fdNavigation_Link_Icon_Size);max-height:var(--fdNavigation_Link_Icon_Size);max-width:var(--fdNavigation_Link_Icon_Size);min-height:var(--fdNavigation_Link_Icon_Size);min-width:var(--fdNavigation_Link_Icon_Size);width:var(--fdNavigation_Link_Icon_Size)}.fd-navigation__icon [class*=sap-icon],.fd-navigation__icon[class*=sap-icon]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--fdNavigation_Link_Icon_Color);font-family:var(--sapFontBoldFamily);font-size:var(--fdNavigation_Link_Icon_Size)}.fd-navigation__text{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--fdNavigation_Link_Text_Color);display:var(--fdNavigation_Item_Text_Display);font-family:var(--sapFontFamily);font-family:var(--fdNavigation_Link_Font_Family);font-size:var(--sapFontSize);font-size:var(--fdNavigation_Link_Font_Size);font-weight:400;forced-color-adjust:none;line-height:normal;line-height:1rem;margin-block:0;margin-inline:0;overflow:hidden;padding-block:0;padding-inline:0;text-overflow:ellipsis;vertical-align:baseline;white-space:nowrap;width:100%}.fd-navigation__text:after,.fd-navigation__text:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-navigation__selection-indicator{background:var(--sapList_SelectionBorderColor);border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:var(--fdNavigation_Link_Selection_Indicator_Display);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:100%;left:0;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;position:absolute;top:0;width:.188rem}.fd-navigation__selection-indicator:after,.fd-navigation__selection-indicator:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-navigation__selection-indicator[dir=rtl],[dir=rtl] .fd-navigation__selection-indicator{left:auto;right:0}.fd-navigation__has-children-indicator{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--sapList_TextColor);display:var(--fdNavigation_Link_Has_Child_Indicator_Display);height:var(--fdNavigation_Controls_Height);max-height:var(--fdNavigation_Controls_Height);max-width:var(--fdNavigation_Controls_Width);min-height:var(--fdNavigation_Controls_Height);min-width:var(--fdNavigation_Controls_Width);-webkit-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out;width:var(--fdNavigation_Controls_Width)}.fd-navigation__has-children-indicator:after,.fd-navigation__has-children-indicator:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-navigation__has-children-indicator:before{content:var(--fdNavigation_Link_Has_Child_Indicator_Icon);font-family:SAP-icons;font-size:1rem}[dir=rtl] .fd-navigation__has-children-indicator{--fdNavigation_Link_Has_Child_Indicator_Icon:\"\\e1ee\"}.fd-navigation__external-link-indicator{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--sapList_TextColor);display:var(--fdNavigation_Link_External_Link_Indicator_Display,flex);height:var(--fdNavigation_Controls_Height);max-height:var(--fdNavigation_Controls_Height);max-width:var(--fdNavigation_Controls_Width);min-height:var(--fdNavigation_Controls_Height);min-width:var(--fdNavigation_Controls_Width);width:var(--fdNavigation_Controls_Width)}.fd-navigation__external-link-indicator:after,.fd-navigation__external-link-indicator:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-navigation__external-link-indicator:before{content:var(--fdNavigation_Link_External_Link_Indicator_Icon);font-family:SAP-icons;font-size:1rem}.fd-navigation__external-link-indicator[dir=rtl],[dir=rtl] .fd-navigation__external-link-indicator{--fdNavigation_Link_External_Link_Indicator_Icon:\"\\e04d\"}.fd-navigation__back-indicator{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--sapContent_LabelColor);height:.75rem;max-height:.75rem;max-width:.75rem;min-height:.75rem;min-width:.75rem;width:.75rem}.fd-navigation__back-indicator:after,.fd-navigation__back-indicator:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-navigation__back-indicator:before{content:var(--fdNavigation_Link_Back_Indicator_Icon);font-family:SAP-icons;font-size:.75rem}.fd-navigation__back-indicator[dir=rtl],[dir=rtl] .fd-navigation__back-indicator{--fdNavigation_Link_Back_Indicator_Icon:\"\\e1ed\"}.fd-navigation--snapped .fd-navigation__container--bottom,.fd-navigation--snapped .fd-navigation__container--top{overflow:visible}.fd-navigation--snapped .fd-navigation__list-wrapper{padding-block:.5rem;padding-inline:.5rem}.fd-navigation--snapped .fd-navigation__list-container{background:var(--sapGroup_ContentBackground);border:none;border-radius:var(--sapPopover_BorderCornerRadius);-webkit-box-shadow:var(--sapContent_Shadow2);box-shadow:var(--sapContent_Shadow2)}.fd-navigation--snapped .fd-navigation__list-container.fd-navigation__list-container--menu{left:calc(100% + .1875rem);padding-block:.5rem;padding-inline:.5rem;position:absolute;top:0}.fd-navigation--snapped .fd-navigation__list-container.fd-navigation__list-container--menu[dir=rtl],[dir=rtl] .fd-navigation--snapped .fd-navigation__list-container.fd-navigation__list-container--menu{left:auto;right:calc(100% + .1875rem)}.fd-navigation--snapped .fd-navigation__list-container.fd-navigation__list-container--menu .fd-navigation__list-wrapper{padding-block:0;padding-inline:0}.fd-navigation--snapped .fd-navigation__list-container.fd-navigation__list-container--menu .fd-navigation__list{--fdNavigation_Item_Spacing:.5rem;-webkit-box-shadow:none;box-shadow:none}.fd-navigation--snapped .fd-navigation__list-container.fd-navigation__list-container--menu .fd-navigation__item.is-expanded .fd-navigation__has-children-indicator,.fd-navigation--snapped .fd-navigation__list-container.fd-navigation__list-container--menu .fd-navigation__item[aria-expanded=true] .fd-navigation__has-children-indicator{--fdNavigation_Link_Has_Child_Indicator_Icon:\"\\e1ed\"}[dir=rtl] .fd-navigation--snapped .fd-navigation__list-container.fd-navigation__list-container--menu .fd-navigation__item .fd-navigation__has-children-indicator{--fdNavigation_Link_Has_Child_Indicator_Icon:\"\\e1ee\"}.fd-navigation--snapped .fd-navigation__list-container.fd-navigation__list-container--submenu{left:calc(100% + .1875rem);margin-block:0;margin-inline:0;padding-block:.5rem;padding-inline:.5rem;top:calc(var(--fdNavigation_Link_Min_Height) - .5rem)}.fd-navigation--snapped .fd-navigation__list-container.fd-navigation__list-container--submenu[dir=rtl],[dir=rtl] .fd-navigation--snapped .fd-navigation__list-container.fd-navigation__list-container--submenu{left:auto;right:calc(100% + .1875rem)}.fd-navigation--snapped .fd-navigation__list-container .fd-navigation__list--parent-items{--fdNavigation_List_Parent_Items_Display:flex}.fd-navigation--snapped .fd-navigation__item--group{--fdNavigation_Item_Group_Display:none}.fd-navigation--snapped .fd-navigation__item--child .fd-navigation__link{--fdNavigation_Link_Padding_Left:1rem}.fd-navigation--snapped .fd-navigation__list--child-items{--fdNavigation_Item_Spacing:.5rem;height:auto}.fd-navigation--snapped .fd-navigation__item--title{--fdNavigation_Item_Title_Display:block;--fdNavigation_Item_Title_Margin_Bottom:.5rem}.fd-navigation--snapped .fd-navigation__item:not(.fd-navigation__item--title).is-expanded .fd-navigation__link,.fd-navigation--snapped .fd-navigation__item:not(.fd-navigation__item--title)[aria-expanded=true] .fd-navigation__link{--fdNavigation_Link_Background:var(--sapList_Active_Background);--fdNavigation_Link_Border_Color:var(--fdNavigation_Link_Border_Color_Active)}.fd-navigation--snapped .fd-navigation__item:not(.fd-navigation__item--title).is-expanded.is-selected .fd-navigation__link,.fd-navigation--snapped .fd-navigation__item:not(.fd-navigation__item--title).is-expanded[aria-selected=true] .fd-navigation__link,.fd-navigation--snapped .fd-navigation__item:not(.fd-navigation__item--title)[aria-expanded=true].is-selected .fd-navigation__link,.fd-navigation--snapped .fd-navigation__item:not(.fd-navigation__item--title)[aria-expanded=true][aria-selected=true] .fd-navigation__link{--fdNavigation_Link_Selection_Indicator_Display:inline-block;--fdNavigation_Link_Background:var(--sapList_SelectionBackgroundColor);--fdNavigation_Link_Border_Color:var(--fdNavigation_Link_Border_Color_Selected)}.fd-navigation--snapped .fd-navigation__item:not(.fd-navigation__item--title).is-expanded.is-selected.is-hover .fd-navigation__link,.fd-navigation--snapped .fd-navigation__item:not(.fd-navigation__item--title).is-expanded.is-selected:hover .fd-navigation__link,.fd-navigation--snapped .fd-navigation__item:not(.fd-navigation__item--title).is-expanded[aria-selected=true].is-hover .fd-navigation__link,.fd-navigation--snapped .fd-navigation__item:not(.fd-navigation__item--title).is-expanded[aria-selected=true]:hover .fd-navigation__link,.fd-navigation--snapped .fd-navigation__item:not(.fd-navigation__item--title)[aria-expanded=true].is-selected.is-hover .fd-navigation__link,.fd-navigation--snapped .fd-navigation__item:not(.fd-navigation__item--title)[aria-expanded=true].is-selected:hover .fd-navigation__link,.fd-navigation--snapped .fd-navigation__item:not(.fd-navigation__item--title)[aria-expanded=true][aria-selected=true].is-hover .fd-navigation__link,.fd-navigation--snapped .fd-navigation__item:not(.fd-navigation__item--title)[aria-expanded=true][aria-selected=true]:hover .fd-navigation__link{--fdNavigation_Link_Background:var(--sapList_Hover_SelectionBackground)}.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)>.fd-navigation__link{--fdNavigation_Link_Spacing:0}.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)>.fd-navigation__link .fd-navigation__text{--fdNavigation_Item_Text_Display:none}.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)>.fd-navigation__link .fd-navigation__has-children-indicator{--fdNavigation_Controls_Width:1rem;--fdNavigation_Link_Has_Child_Indicator_Icon:\"\\e1ed\"}.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)>.fd-navigation__link:has(.fd-navigation__external-link-indicator){--fdNavigation_Link_Padding_Right:0;--fdNavigation_Link_External_Link_Indicator_Display:none}.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)>.fd-navigation__link.is-focus,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)>.fd-navigation__link.is-hover,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)>.fd-navigation__link:focus,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)>.fd-navigation__link:hover{--fdNavigation_Link_Padding_Right:1rem;--fdNavigation_Link_Spacing:.5rem;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)>.fd-navigation__link.is-focus:has(.fd-navigation__has-children-indicator),.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)>.fd-navigation__link.is-hover:has(.fd-navigation__has-children-indicator),.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)>.fd-navigation__link:focus:has(.fd-navigation__has-children-indicator),.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)>.fd-navigation__link:hover:has(.fd-navigation__has-children-indicator){--fdNavigation_Link_Padding_Right:.375rem}.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)>.fd-navigation__link.is-focus:has(.fd-navigation__has-children-indicator) .fd-navigation__has-children-indicator,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)>.fd-navigation__link.is-hover:has(.fd-navigation__has-children-indicator) .fd-navigation__has-children-indicator,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)>.fd-navigation__link:focus:has(.fd-navigation__has-children-indicator) .fd-navigation__has-children-indicator,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)>.fd-navigation__link:hover:has(.fd-navigation__has-children-indicator) .fd-navigation__has-children-indicator{--fdNavigation_Controls_Width:2.25rem}.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)>.fd-navigation__link.is-focus:has(.fd-navigation__external-link-indicator),.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)>.fd-navigation__link.is-hover:has(.fd-navigation__external-link-indicator),.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)>.fd-navigation__link:focus:has(.fd-navigation__external-link-indicator),.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)>.fd-navigation__link:hover:has(.fd-navigation__external-link-indicator){--fdNavigation_Link_Padding_Right:.375rem;--fdNavigation_Link_External_Link_Indicator_Display:flex}.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)>.fd-navigation__link.is-focus .fd-navigation__text,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)>.fd-navigation__link.is-hover .fd-navigation__text,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)>.fd-navigation__link:focus .fd-navigation__text,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)>.fd-navigation__link:hover .fd-navigation__text{--fdNavigation_Item_Text_Display:inline-block}.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).fd-navigation__item--with-expander>.fd-navigation__link{--fdNavigation_Link_Padding_Right:0}.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).fd-navigation__item--with-expander>.fd-navigation__link+.fd-navigation__has-children-indicator{--fdNavigation_Controls_Width:1rem;--fdNavigation_Link_Has_Child_Indicator_Icon:\"\\e1ed\";--fdNavigation_Link_Has_Child_Indicator_Pos_Right:0;--fdNavigation_Link_Has_Child_Indicator_Div_Display:none}.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).fd-navigation__item--with-expander.is-hover,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).fd-navigation__item--with-expander:focus-within,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).fd-navigation__item--with-expander:hover{min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).fd-navigation__item--with-expander.is-hover>.fd-navigation__link,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).fd-navigation__item--with-expander:focus-within>.fd-navigation__link,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).fd-navigation__item--with-expander:hover>.fd-navigation__link{--fdNavigation_Link_Spacing:.5rem;--fdNavigation_Link_Padding_Right:calc(var(--fdNavigation_Controls_Width) + 1.3125rem)}.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).fd-navigation__item--with-expander.is-hover>.fd-navigation__link .fd-navigation__text,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).fd-navigation__item--with-expander:focus-within>.fd-navigation__link .fd-navigation__text,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).fd-navigation__item--with-expander:hover>.fd-navigation__link .fd-navigation__text{--fdNavigation_Item_Text_Display:inline-block}.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).fd-navigation__item--with-expander.is-hover>.fd-navigation__link+.fd-navigation__has-children-indicator,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).fd-navigation__item--with-expander:focus-within>.fd-navigation__link+.fd-navigation__has-children-indicator,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).fd-navigation__item--with-expander:hover>.fd-navigation__link+.fd-navigation__has-children-indicator{--fdNavigation_Controls_Width:2.25rem;--fdNavigation_Link_Has_Child_Indicator_Icon:\"\\e1ed\";--fdNavigation_Link_Has_Child_Indicator_Pos_Right:.375rem;--fdNavigation_Link_Has_Child_Indicator_Div_Display:inline-block}.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).fd-navigation__item--with-expander.is-expanded.is-hover>.fd-navigation__link,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).fd-navigation__item--with-expander.is-expanded:focus-within>.fd-navigation__link,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).fd-navigation__item--with-expander.is-expanded:hover>.fd-navigation__link,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).fd-navigation__item--with-expander[aria-expanded=true].is-hover>.fd-navigation__link,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).fd-navigation__item--with-expander[aria-expanded=true]:focus-within>.fd-navigation__link,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).fd-navigation__item--with-expander[aria-expanded=true]:hover>.fd-navigation__link{--fdNavigation_Link_Spacing:0;--fdNavigation_Link_Padding_Right:0}.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).fd-navigation__item--with-expander.is-expanded.is-hover>.fd-navigation__link .fd-navigation__text,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).fd-navigation__item--with-expander.is-expanded:focus-within>.fd-navigation__link .fd-navigation__text,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).fd-navigation__item--with-expander.is-expanded:hover>.fd-navigation__link .fd-navigation__text,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).fd-navigation__item--with-expander[aria-expanded=true].is-hover>.fd-navigation__link .fd-navigation__text,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).fd-navigation__item--with-expander[aria-expanded=true]:focus-within>.fd-navigation__link .fd-navigation__text,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).fd-navigation__item--with-expander[aria-expanded=true]:hover>.fd-navigation__link .fd-navigation__text{--fdNavigation_Item_Text_Display:none}.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).fd-navigation__item--with-expander.is-expanded.is-hover>.fd-navigation__link+.fd-navigation__has-children-indicator,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).fd-navigation__item--with-expander.is-expanded:focus-within>.fd-navigation__link+.fd-navigation__has-children-indicator,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).fd-navigation__item--with-expander.is-expanded:hover>.fd-navigation__link+.fd-navigation__has-children-indicator,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).fd-navigation__item--with-expander[aria-expanded=true].is-hover>.fd-navigation__link+.fd-navigation__has-children-indicator,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).fd-navigation__item--with-expander[aria-expanded=true]:focus-within>.fd-navigation__link+.fd-navigation__has-children-indicator,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).fd-navigation__item--with-expander[aria-expanded=true]:hover>.fd-navigation__link+.fd-navigation__has-children-indicator{--fdNavigation_Controls_Width:1rem;--fdNavigation_Link_Has_Child_Indicator_Icon:\"\\e1ed\";--fdNavigation_Link_Has_Child_Indicator_Pos_Right:0;--fdNavigation_Link_Has_Child_Indicator_Div_Display:none}.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).is-expanded>.fd-navigation__link .fd-navigation__has-children-indicator,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)[aria-expanded=true]>.fd-navigation__link .fd-navigation__has-children-indicator{--fdNavigation_Controls_Width:1rem;--fdNavigation_Link_Has_Child_Indicator_Icon:\"\\e1ed\"}.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).is-expanded>.fd-navigation__link.is-focus,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).is-expanded>.fd-navigation__link.is-hover,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).is-expanded>.fd-navigation__link:focus,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).is-expanded>.fd-navigation__link:hover,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)[aria-expanded=true]>.fd-navigation__link.is-focus,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)[aria-expanded=true]>.fd-navigation__link.is-hover,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)[aria-expanded=true]>.fd-navigation__link:focus,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)[aria-expanded=true]>.fd-navigation__link:hover{--fdNavigation_Link_Padding_Right:0}.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).is-expanded>.fd-navigation__link.is-focus:has(.fd-navigation__has-children-indicator),.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).is-expanded>.fd-navigation__link.is-hover:has(.fd-navigation__has-children-indicator),.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).is-expanded>.fd-navigation__link:focus:has(.fd-navigation__has-children-indicator),.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).is-expanded>.fd-navigation__link:hover:has(.fd-navigation__has-children-indicator),.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)[aria-expanded=true]>.fd-navigation__link.is-focus:has(.fd-navigation__has-children-indicator),.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)[aria-expanded=true]>.fd-navigation__link.is-hover:has(.fd-navigation__has-children-indicator),.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)[aria-expanded=true]>.fd-navigation__link:focus:has(.fd-navigation__has-children-indicator),.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)[aria-expanded=true]>.fd-navigation__link:hover:has(.fd-navigation__has-children-indicator){--fdNavigation_Link_Spacing:0;--fdNavigation_Link_Padding_Right:0}.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).is-expanded>.fd-navigation__link.is-focus:has(.fd-navigation__has-children-indicator) .fd-navigation__has-children-indicator,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).is-expanded>.fd-navigation__link.is-hover:has(.fd-navigation__has-children-indicator) .fd-navigation__has-children-indicator,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).is-expanded>.fd-navigation__link:focus:has(.fd-navigation__has-children-indicator) .fd-navigation__has-children-indicator,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).is-expanded>.fd-navigation__link:hover:has(.fd-navigation__has-children-indicator) .fd-navigation__has-children-indicator,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)[aria-expanded=true]>.fd-navigation__link.is-focus:has(.fd-navigation__has-children-indicator) .fd-navigation__has-children-indicator,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)[aria-expanded=true]>.fd-navigation__link.is-hover:has(.fd-navigation__has-children-indicator) .fd-navigation__has-children-indicator,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)[aria-expanded=true]>.fd-navigation__link:focus:has(.fd-navigation__has-children-indicator) .fd-navigation__has-children-indicator,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)[aria-expanded=true]>.fd-navigation__link:hover:has(.fd-navigation__has-children-indicator) .fd-navigation__has-children-indicator{--fdNavigation_Controls_Width:1rem}.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).is-expanded>.fd-navigation__link.is-focus .fd-navigation__text,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).is-expanded>.fd-navigation__link.is-hover .fd-navigation__text,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).is-expanded>.fd-navigation__link:focus .fd-navigation__text,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).is-expanded>.fd-navigation__link:hover .fd-navigation__text,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)[aria-expanded=true]>.fd-navigation__link.is-focus .fd-navigation__text,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)[aria-expanded=true]>.fd-navigation__link.is-hover .fd-navigation__text,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)[aria-expanded=true]>.fd-navigation__link:focus .fd-navigation__text,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)[aria-expanded=true]>.fd-navigation__link:hover .fd-navigation__text{--fdNavigation_Item_Text_Display:none}.fd-navigation.fd-navigation--vertical{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;background:var(--sapList_Background);border-radius:var(--fdNavigation_Border_Radius);-webkit-box-shadow:var(--fdNavigation_Box_Shadow);box-shadow:var(--fdNavigation_Box_Shadow);height:var(--fdNavigation_Height);justify-content:space-between;min-width:16rem;padding-block:var(--fdNavigation_Padding_Top) var(--fdNavigation_Padding_Bottom)}.fd-navigation.fd-navigation--vertical.fd-navigation--popup{--fdNavigation_Height:auto;--fdNavigation_Padding_Top:.5rem;--fdNavigation_Border_Radius:.5rem;--fdNavigation_Box_Shadow:var(--sapNavigation_Shadow2)}.fd-navigation.fd-navigation--vertical.fd-navigation--popup .fd-navigation__container--bottom,.fd-navigation.fd-navigation--vertical.fd-navigation--popup .fd-navigation__container--top{--fdNavigation_Padding_X:.5rem}.fd-navigation.fd-navigation--vertical.fd-navigation--snapped{max-width:4rem;min-width:4rem;width:4rem}.fd-navigation.fd-navigation--horizontal{background:var(--sapNavigation_Background);height:var(--fdNavigation_Horizontal_Height);padding-block:calc((var(--fdNavigation_Horizontal_Height) - var(--fdNavigation_Link_Min_Height))*.5);padding-inline:1.5rem;width:100%}.fd-navigation.fd-navigation--horizontal .fd-navigation__link{--fdNavigation_Link_Spacing:.5rem;--fdNavigation_Link_Padding_Right:1rem}.fd-navigation.fd-navigation--horizontal .fd-navigation__link:has(.fd-navigation__has-children-indicator){--fdNavigation_Link_Padding_Right:.375rem}.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow).is-selected,.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow)[aria-selected=true]{--fdNavigation_Link_Background:var(--fdNavigation_Item_Selected_Background);--fdNavigation_Link_Selection_Indicator_Display:inline-block}.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow).is-selected .fd-navigation__link.is-focus,.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow).is-selected .fd-navigation__link:focus,.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow)[aria-selected=true] .fd-navigation__link.is-focus,.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow)[aria-selected=true] .fd-navigation__link:focus{z-index:5;--fdNavigation_Link_Background:var(--fdNavigation_Item_Selected_Background)}.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow).is-selected .fd-navigation__link.is-hover,.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow).is-selected .fd-navigation__link:hover,.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow)[aria-selected=true] .fd-navigation__link.is-hover,.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow)[aria-selected=true] .fd-navigation__link:hover{--fdNavigation_Link_Background:var(--fdNavigation_Item_Selected_Background)}.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow).is-selected.is-expanded .fd-navigation__link,.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow).is-selected[aria-expanded=true] .fd-navigation__link,.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow)[aria-selected=true].is-expanded .fd-navigation__link,.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow)[aria-selected=true][aria-expanded=true] .fd-navigation__link{--fdNavigation_Link_Selection_Indicator_Display:inline-block;--fdNavigation_Link_Background:var(--fdNavigation_Item_Selected_Background)}.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow).is-selected.is-hover .fd-navigation__link,.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow).is-selected:hover .fd-navigation__link,.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow)[aria-selected=true].is-hover .fd-navigation__link,.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow)[aria-selected=true]:hover .fd-navigation__link{--fdNavigation_Link_Background:var(--sapList_Hover_SelectionBackground)}.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow) .fd-navigation__link.is-hover:before,.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow) .fd-navigation__link:before,.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow) .fd-navigation__link:hover:before,.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow).is-expanded .fd-navigation__link:before,.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow)[aria-expanded=true] .fd-navigation__link:before{--fdNavigation_Link_Border_Bottom_Color:var(--fdNavigation_Link_Border_Color)}.fd-navigation.fd-navigation--horizontal .fd-navigation__list:not(.fd-navigation__list--parent-items):not(.fd-navigation__list--child-items){--fdNavigation_Item_Spacing:.75rem;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.fd-navigation.fd-navigation--horizontal .fd-navigation__list:not(.fd-navigation__list--parent-items):not(.fd-navigation__list--child-items) .fd-navigation__has-children-indicator{--fdNavigation_Link_Has_Child_Indicator_Icon:\"\\e287\"}.fd-navigation.fd-navigation--horizontal .fd-navigation__list-item--spacer{height:.75rem;width:100%}.fd-navigation.fd-navigation--horizontal .fd-navigation__list-container:not(.fd-navigation__list-container--submenu){--fdPopover_Offset: calc(100% + .3875rem) ;background:var(--sapGroup_ContentBackground);border:none;border-radius:.75rem;-webkit-box-shadow:var(--sapMenu_Shadow2);box-shadow:var(--sapMenu_Shadow2);padding-block:.05rem;padding-inline:.05rem}.fd-navigation.fd-navigation--horizontal .fd-navigation__list-container:not(.fd-navigation__list-container--submenu).fd-navigation__list-container--menu{-webkit-box-shadow:var(--sapMenu_Shadow1);box-shadow:var(--sapMenu_Shadow1);padding-block:.5rem;padding-inline:.5rem;position:absolute;right:-.5rem;top:calc(100% + .3875rem)}.fd-navigation.fd-navigation--horizontal .fd-navigation__list-container:not(.fd-navigation__list-container--submenu).fd-navigation__list-container--menu[dir=rtl],[dir=rtl] .fd-navigation.fd-navigation--horizontal .fd-navigation__list-container:not(.fd-navigation__list-container--submenu).fd-navigation__list-container--menu{left:-.5rem;right:auto}.fd-navigation.fd-navigation--horizontal .fd-navigation__list-container:not(.fd-navigation__list-container--submenu).fd-navigation__list-container--menu .fd-navigation__list-wrapper{padding-block:0;padding-inline:0}.fd-navigation.fd-navigation--horizontal .fd-navigation__list-container:not(.fd-navigation__list-container--submenu).fd-navigation__list-container--menu .fd-navigation__list{--fdNavigation_Item_Spacing:.25rem;-webkit-box-shadow:none;box-shadow:none}.fd-navigation.fd-navigation--horizontal .fd-navigation__list-container:not(.fd-navigation__list-container--submenu).fd-navigation__list-container--menu .fd-navigation__item.is-expanded .fd-navigation__has-children-indicator,.fd-navigation.fd-navigation--horizontal .fd-navigation__list-container:not(.fd-navigation__list-container--submenu).fd-navigation__list-container--menu .fd-navigation__item[aria-expanded=true] .fd-navigation__has-children-indicator{--fdNavigation_Link_Has_Child_Indicator_Icon:\"\\e1ed\"}[dir=rtl] .fd-navigation.fd-navigation--horizontal .fd-navigation__list-container:not(.fd-navigation__list-container--submenu).fd-navigation__list-container--menu .fd-navigation__item.is-expanded .fd-navigation__has-children-indicator,[dir=rtl] .fd-navigation.fd-navigation--horizontal .fd-navigation__list-container:not(.fd-navigation__list-container--submenu).fd-navigation__list-container--menu .fd-navigation__item[aria-expanded=true] .fd-navigation__has-children-indicator{--fdNavigation_Link_Has_Child_Indicator_Icon:\"\\e1ee\"}.fd-navigation.fd-navigation--horizontal .fd-navigation__list-container:not(.fd-navigation__list-container--submenu).fd-navigation__list-container--menu .fd-navigation__item.fd-navigation__item--overflow .fd-navigation__has-children-indicator{display:none}.fd-navigation.fd-navigation--horizontal .fd-navigation__list-container:not(.fd-navigation__list-container--submenu).fd-navigation__list-container--menu .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child)>.fd-navigation__link.is-hover,.fd-navigation.fd-navigation--horizontal .fd-navigation__list-container:not(.fd-navigation__list-container--submenu).fd-navigation__list-container--menu .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child)>.fd-navigation__link:hover{width:100%}.fd-navigation.fd-navigation--horizontal .fd-navigation__list-container:not(.fd-navigation__list-container--submenu).fd-navigation__list-container--menu .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child)>.fd-navigation__link.is-hover .fd-navigation__text,.fd-navigation.fd-navigation--horizontal .fd-navigation__list-container:not(.fd-navigation__list-container--submenu).fd-navigation__list-container--menu .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child)>.fd-navigation__link:hover .fd-navigation__text{--fdNavigation_Item_Text_Display:inline-block}.fd-navigation.fd-navigation--horizontal .fd-navigation__list-container:not(.fd-navigation__list-container--submenu).fd-navigation__list-container--submenu{-webkit-box-shadow:var(--sapMenu_Shadow1);box-shadow:var(--sapMenu_Shadow1);left:calc(-100% - .1875rem);margin-block:0;margin-inline:0;padding-block:.5rem;padding-inline:.5rem;top:calc(var(--fdNavigation_Link_Min_Height) - .5rem)}.fd-navigation.fd-navigation--horizontal .fd-navigation__list-container:not(.fd-navigation__list-container--submenu).fd-navigation__list-container--submenu[dir=rtl],[dir=rtl] .fd-navigation.fd-navigation--horizontal .fd-navigation__list-container:not(.fd-navigation__list-container--submenu).fd-navigation__list-container--submenu{left:auto;right:calc(-100% - .1875rem)}.fd-navigation.fd-navigation--horizontal .fd-navigation__list-wrapper{padding-block:.7rem;padding-inline:.7rem}.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--overflow).is-expanded .fd-navigation__link,.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--overflow)[aria-expanded=true] .fd-navigation__link{--fdNavigation_Link_Background:var(--sapMenu_Active_Background);--fdNavigation_Link_Border_Color:var(--fdNavigation_Link_Border_Color_Active);--fdNavigation_Link_Border_Bottom_Color:var(--fdNavigation_Link_Border_Color_Active)}.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--overflow).is-expanded .fd-navigation__link.is-focus,.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--overflow).is-expanded .fd-navigation__link:focus,.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--overflow)[aria-expanded=true] .fd-navigation__link.is-focus,.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--overflow)[aria-expanded=true] .fd-navigation__link:focus{z-index:5;--fdNavigation_Link_Background:var(--sapMenu_Active_Background);--fdNavigation_Link_Border_Color:var(--fdNavigation_Link_Border_Color_Active);--fdNavigation_Link_Border_Bottom_Color:var(--fdNavigation_Link_Border_Color_Active)}.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--overflow).is-expanded.is-selected .fd-navigation__link,.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--overflow).is-expanded[aria-selected=true] .fd-navigation__link,.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--overflow)[aria-expanded=true].is-selected .fd-navigation__link,.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--overflow)[aria-expanded=true][aria-selected=true] .fd-navigation__link{--fdNavigation_Link_Selection_Indicator_Display:inline-block;--fdNavigation_Link_Background:var(--fdNavigation_Item_Selected_Background);--fdNavigation_Link_Border_Color:var(--fdNavigation_Link_Border_Color_Selected);--fdNavigation_Link_Border_Bottom_Color:var(--fdNavigation_Link_Border_Color_Selected)}.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--overflow).is-expanded.is-selected.is-hover .fd-navigation__link,.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--overflow).is-expanded.is-selected:hover .fd-navigation__link,.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--overflow).is-expanded[aria-selected=true].is-hover .fd-navigation__link,.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--overflow).is-expanded[aria-selected=true]:hover .fd-navigation__link,.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--overflow)[aria-expanded=true].is-selected.is-hover .fd-navigation__link,.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--overflow)[aria-expanded=true].is-selected:hover .fd-navigation__link,.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--overflow)[aria-expanded=true][aria-selected=true].is-hover .fd-navigation__link,.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--overflow)[aria-expanded=true][aria-selected=true]:hover .fd-navigation__link{--fdNavigation_Link_Background:var(--sapList_Hover_SelectionBackground)}.fd-navigation.fd-navigation--horizontal .fd-navigation__item.fd-navigation__item--with-expander .fd-navigation__link{--fdNavigation_Link_Padding_Right:calc(1.6875rem + var(--fdNavigation_Controls_Width))}.fd-navigation.fd-navigation--horizontal .fd-navigation__item--child:not(.fd-navigation__item--submenu-child) .fd-navigation__link{--fdNavigation_Link_Padding_Left:var(--fdNavigation_Link_Shift_Left)}.fd-navigation.fd-navigation--horizontal .fd-navigation__item--with-expander .fd-navigation__expander{border:none;margin-block:0;margin-inline:.0625rem;outline-offset:-.0625rem;-webkit-transition:var(--fdNavigation_Link_Transition);transition:var(--fdNavigation_Link_Transition);--fdButton_Nested_Border_Radius:var(--fdNavigation_Link_Border_Radius)}.fd-navigation.fd-navigation--horizontal .fd-navigation__item--with-expander .fd-navigation__expander:after{border-bottom:.0625rem solid var(--fdNavigation_Expander_Border_Color);border:.0625rem solid var(--fdNavigation_Expander_Border_Color);border-bottom-color:var(--fdNavigation_Expander_Border_Bottom_Color);content:\"\";inset:0;position:absolute}.fd-navigation.fd-navigation--horizontal .fd-navigation__item--with-expander .fd-navigation__expander.is-hover,.fd-navigation.fd-navigation--horizontal .fd-navigation__item--with-expander .fd-navigation__expander:hover{--fdButton_Nested_Background:var(--sapList_Hover_Background);--fdNavigation_Expander_Border_Color:var(--fdNavigation_Link_Border_Color_Hover);--fdNavigation_Expander_Border_Bottom_Color:var(--fdNavigation_Link_Border_Color_Hover)}.fd-navigation.fd-navigation--horizontal .fd-navigation__item--with-expander .fd-navigation__expander.is-active,.fd-navigation.fd-navigation--horizontal .fd-navigation__item--with-expander .fd-navigation__expander:active{--fdButton_Nested_Background:var(--sapList_Active_Background);--fdNavigation_Expander_Border_Color:var(--fdNavigation_Link_Border_Color_Active);--fdNavigation_Expander_Border_Bottom_Color:var(--fdNavigation_Link_Border_Color_Active)}.fd-navigation.fd-navigation--horizontal .fd-navigation__item--with-expander .fd-navigation__expander.is-active.is-focus,.fd-navigation.fd-navigation--horizontal .fd-navigation__item--with-expander .fd-navigation__expander.is-active:focus,.fd-navigation.fd-navigation--horizontal .fd-navigation__item--with-expander .fd-navigation__expander:active.is-focus,.fd-navigation.fd-navigation--horizontal .fd-navigation__item--with-expander .fd-navigation__expander:active:focus{z-index:5;--fdNavigation_Expander_Border_Color:var(--fdNavigation_Link_Border_Color_Active);--fdNavigation_Expander_Border_Bottom_Color:var(--fdNavigation_Link_Border_Color_Active)}.fd-navigation.fd-navigation--horizontal .fd-navigation__item--with-expander .fd-navigation__expander:active:focus{--fdButton_Nested_Border_Radius:var(--fdNavigation_Link_Border_Radius)}.fd-navigation.fd-navigation--horizontal .fd-navigation__item--with-expander.is-expanded .fd-navigation__expander,.fd-navigation.fd-navigation--horizontal .fd-navigation__item--with-expander[aria-expanded=true] .fd-navigation__expander{--fdButton_Nested_Background:var(--fdNavigation_Item_Selected_Background);--fdNavigation_Link_Border_Color:var(--fdNavigation_Link_Border_Color_Selected);--fdNavigation_Expander_Border_Color:var(--fdNavigation_Link_Border_Color_Selected);--fdNavigation_Expander_Border_Bottom_Color:var(--fdNavigation_Link_Border_Color_Selected)}.fd-navigation.fd-navigation--horizontal .fd-navigation__list{--fdNavigation_Item_Spacing:.5rem}.fd-navigation[class*=-compact],[class*=-compact] .fd-navigation:not([class*=-cozy]){--fdNavigation_Link_Min_Height:2rem;--fdNavigation_Controls_Width:2rem;--fdNavigation_Controls_Height:1.5625rem}.fd-navigation .fd-navigation__container--top{padding-left:var(--fdNavigation_Padding_X);padding-right:var(--fdNavigation_Padding_X);padding-bottom:.25rem}.fd-navigation__list{min-height:100%;height:auto}.fd-navigation--snapped .fd-navigation__list-item--home{position:relative}.fd-navigation--snapped .fd-navigation__container--top{overflow:visible!important;display:flex;flex-direction:column}.fd-navigation--snapped .fd-navigation__container--top .fd-navigation__list{flex-grow:1;height:auto;min-height:0}.fd-navigation--snapped .fd-navigation__container--top .fd-navigation__list--no-grow{flex-grow:0}.fd-navigation--snapped .fd-navigation__container--hidden-overflow{overflow:hidden!important}.fd-navigation--expanded .fd-navigation__list-item--home,.fd-navigation--popup .fd-navigation__list-item--home{z-index:21}.fd-navigation__list-container--custom-menu{box-shadow:var(--sapMenu_Shadow1)}.fd-navigation__list-item--spacer--hidden{display:none!important}.fd-navigation .fd-navigation__list-item--home-without-separator{margin-bottom:.125rem}.fd-navigation--snapped .fd-navigation__list-container.fd-navigation__list-container--menu{position:relative;transition:none}.fd-navigation__list-item:not(.fd-navigation__list-item--home){position:relative}.fd-navigation__list-container--menu>.fd-scrollbar{overflow:visible!important}.fd-navigation__list-container--menu .fd-navigation__list--parent-items .fd-navigation__list-item:before{content:\"\";position:absolute;top:0;bottom:0;left:-1rem;right:-1rem}.fd-navigation__list-container--menu .fd-navigation__list--parent-items .fd-navigation__list-item>.fd-navigation__list-container{display:none;top:-.5rem}.fd-navigation__list-container--menu .fd-navigation__list--parent-items .fd-navigation__list-item:hover>.fd-navigation__list-container,.fd-navigation__list-container--menu .fd-navigation__list--parent-items .fd-navigation__list-item:focus>.fd-navigation__list-container,.fd-navigation__list-container--menu .fd-navigation__list--parent-items .fd-navigation__list-item:focus-within>.fd-navigation__list-container{display:block}.fd-navigation__list-container--menu .fd-navigation__list--parent-items .fd-navigation__list-item .fd-navigation__list-container--submenu:before{content:\"\";position:absolute;top:-2rem;bottom:0;right:0;left:0}.fd-popover__body.fd-navigation__list-container{display:block}.fd-navigation__item .fd-popover-custom{max-width:none}.fd-navigation__item.fd-navigation__item--title .fd-navigation__has-children-indicator{display:none}\n/*! Bundled license information:\n\nfundamental-styles/dist/navigation.css:\n  (*!\n   * Fundamental Library Styles v0.40.1\n   * Copyright (c) 2025 SAP SE or an SAP affiliate company.\n   * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n   *)\n*/\n"] }]
+                    }, template: "<ng-content></ng-content>\n", styles: ["@charset \"UTF-8\";.fd-navigation{--fdNavigation_Height:100%;--fdNavigation_Padding_X:.5rem;--fdNavigation_Padding_Top:.5rem;--fdNavigation_Item_Spacing:.25rem;--fdNavigation_Padding_Bottom:.5rem;--fdNavigation_Horizontal_Height:3.5rem;--fdNavigation_Expander_Position_Right:.5rem;--fdNavigation_Border_Radius:0;--fdNavigation_Box_Shadow:var(--sapContent_Shadow0);--fdNavigation_Link_Icon_Size:1rem;--fdNavigation_Link_Icon_Color:var(--sapList_TextColor);--fdNavigation_Link_Min_Height:var(--sapElement_LineHeight);--fdNavigation_Link_Font_Family:var(--sapFontBoldFamily);--fdNavigation_Link_Spacing:.5rem;--fdNavigation_Link_Text_Color:inherit;--fdNavigation_Link_Shift_Left:1rem;--fdNavigation_Link_Padding_Left:var(--fdNavigation_Link_Shift_Left);--fdNavigation_Link_Padding_Right:.375rem;--fdNavigation_Link_Font_Size:var(--sapFontSize);--fdNavigation_Link_Selection_Indicator_Size:.5rem;--fdNavigation_Link_Has_Child_Indicator_Display:flex;--fdNavigation_Link_Selection_Indicator_Display:none;--fdNavigation_Link_Back_Indicator_Icon:\"\\e1ee\";--fdNavigation_Link_Has_Child_Indicator_Icon:\"\\e1ed\";--fdNavigation_Link_External_Link_Indicator_Icon:\"\\e04c\";--fdNavigation_Link_Background:var(--sapNavigation_Background);--fdNavigation_Link_Border_Color:var(--fdNavigation_Link_Border_Color_Normal);--fdNavigation_Link_Border_Bottom_Color:var(--fdNavigation_Link_Border_Bottom_Color_Normal);--fdNavigation_Item_Group_Display:flex;--fdNavigation_Item_Title_Display:none;--fdNavigation_Item_Text_Display:inline-block;--fdNavigation_Item_Selected_Background:var(--sapList_SelectionBackgroundColor);--fdNavigation_List_Container_Display:none;--fdNavigation_List_Parent_Items_Display:none;--fdNavigation_Controls_Width:2.25rem;--fdNavigation_Controls_Height:2.25rem;--fdNavigation_Quick_Create_Border_Color:var(--sapButton_BorderColor);border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0}.fd-navigation:after,.fd-navigation:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-navigation__container{position:relative}.fd-navigation__container--top{height:100%;overflow:scroll;padding-inline:var(--fdNavigation_Padding_X);position:relative;-webkit-padding-after:.25rem;padding-block-end:.25rem}.fd-navigation__container--bottom{padding-inline:var(--fdNavigation_Padding_X)}.fd-navigation__container--bottom:before{background:var(--sapToolbar_SeparatorColor);content:\"\";display:inline-block;height:.0625rem;margin-block:.5625rem;width:100%}.fd-navigation__list-container{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:var(--fdNavigation_List_Container_Display);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0}.fd-navigation__list-container:after,.fd-navigation__list-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-navigation__list-wrapper{width:100%}.fd-navigation__list{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:var(--fdNavigation_Item_Spacing);height:100%;list-style-type:none;position:relative}.fd-navigation__list:after,.fd-navigation__list:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-navigation__list--parent-items{display:var(--fdNavigation_List_Parent_Items_Display)}.fd-navigation__list-item{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:var(--fdNavigation_Item_Spacing)}.fd-navigation__list-item:after,.fd-navigation__list-item:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-navigation__list-item--spacer{background:transparent;height:100%;min-height:.25rem}.fd-navigation__list-item--separator{background:transparent;height:.625rem;max-height:.625rem;min-height:.625rem}.fd-navigation__list-item--overflow{position:relative}.fd-navigation__link{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;padding-inline:var(--fdNavigation_Link_Padding_Left) var(--fdNavigation_Link_Padding_Right);-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:var(--fdNavigation_Link_Background);border-radius:var(--fdNavigation_Link_Border_Radius);color:var(--fdNavigation_Link_Text_Color);cursor:pointer;gap:var(--fdNavigation_Link_Spacing);min-height:var(--fdNavigation_Link_Min_Height);overflow:hidden;position:relative;text-align:start;text-decoration:none;-webkit-transition:var(--fdNavigation_Link_Transition);transition:var(--fdNavigation_Link_Transition);width:100%}.fd-navigation__link:after,.fd-navigation__link:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-navigation__link:before{border-bottom:.0625rem solid var(--fdNavigation_Link_Border_Color);border:.0625rem solid var(--fdNavigation_Link_Border_Color);border-bottom-color:var(--fdNavigation_Link_Border_Bottom_Color);content:\"\";height:100%;left:0;position:absolute;top:0;width:100%}[dir=rtl] .fd-navigation__link:before{left:auto;right:0}.fd-navigation__link.is-hover,.fd-navigation__link:hover{--fdNavigation_Link_Background:var(--sapList_Hover_Background);--fdNavigation_Link_Border_Color:var(--fdNavigation_Link_Border_Color_Hover);--fdNavigation_Link_Border_Bottom_Color:var(--fdNavigation_Link_Border_Color_Hover)}.fd-navigation__link.is-active,.fd-navigation__link.is-active.is-focus,.fd-navigation__link.is-active:focus,.fd-navigation__link:active,.fd-navigation__link:active.is-focus,.fd-navigation__link:active:focus{--fdNavigation_Link_Background:var(--sapList_Active_Background);--fdNavigation_Link_Border_Color:var(--fdNavigation_Link_Border_Color_Active);--fdNavigation_Link_Border_Bottom_Color:var(--fdNavigation_Link_Border_Color_Active)}.fd-navigation__link.is-active.is-focus,.fd-navigation__link.is-active:focus,.fd-navigation__link:active.is-focus,.fd-navigation__link:active:focus{outline:none;z-index:5}.fd-navigation__link.is-focus,.fd-navigation__link:focus{z-index:5;--fdNavigation_Link_Border_Color:transparent;--fdNavigation_Link_Border_Bottom_Color:transparent;--fdNavigation_Link_Background:var(--sapList_Background);outline:var(--sapContent_FocusStyle) var(--sapContent_FocusWidth) var(--sapContent_FocusColor);outline-offset:-.125rem}.fd-navigation__link.is-focus.is-hover,.fd-navigation__link.is-focus:hover,.fd-navigation__link:focus.is-hover,.fd-navigation__link:focus:hover{--fdNavigation_Link_Background:var(--sapList_Hover_Background);--fdNavigation_Link_Border_Color:var(--fdNavigation_Link_Border_Color_Hover);--fdNavigation_Link_Border_Bottom_Color:var(--fdNavigation_Link_Border_Color_Hover)}.fd-navigation__link:focus-visible{outline-offset:-.125rem}.fd-navigation__link.is-disabled,.fd-navigation__link:disabled,.fd-navigation__link[aria-disabled=true]{opacity:var(--sapContent_DisabledOpacity);pointer-events:none}.fd-navigation__item{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:var(--fdNavigation_Link_Border_Radius);height:100%;position:relative}.fd-navigation__item:after,.fd-navigation__item:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-navigation__item.is-expanded .fd-navigation__has-children-indicator,.fd-navigation__item.is-expanded .fd-navigation__has-children-indicator[dir=rtl],.fd-navigation__item[aria-expanded=true] .fd-navigation__has-children-indicator,.fd-navigation__item[aria-expanded=true] .fd-navigation__has-children-indicator[dir=rtl],[dir=rtl] .fd-navigation__item.is-expanded .fd-navigation__has-children-indicator,[dir=rtl] .fd-navigation__item[aria-expanded=true] .fd-navigation__has-children-indicator{--fdNavigation_Link_Has_Child_Indicator_Icon:\"\\e1ef\"}.fd-navigation__item.is-expanded+.fd-navigation__list-container,.fd-navigation__item[aria-expanded=true]+.fd-navigation__list-container{--fdNavigation_List_Container_Display:flex}.fd-navigation__item.is-expanded+.fd-navigation__list--parent-items,.fd-navigation__item[aria-expanded=true]+.fd-navigation__list--parent-items{--fdNavigation_List_Parent_Items_Display:flex}.fd-navigation__item.is-selected,.fd-navigation__item[aria-selected=true]{--fdNavigation_Link_Selection_Indicator_Display:inline-block;--fdNavigation_Link_Background:var(--sapList_SelectionBackgroundColor);--fdNavigation_Link_Border_Color:var(--fdNavigation_Link_Border_Color_Selected);--fdNavigation_Link_Border_Bottom_Color:var(--fdNavigation_Link_Border_Color_Selected)}.fd-navigation__item.is-selected .fd-navigation__link.is-focus,.fd-navigation__item.is-selected .fd-navigation__link:focus,.fd-navigation__item[aria-selected=true] .fd-navigation__link.is-focus,.fd-navigation__item[aria-selected=true] .fd-navigation__link:focus{z-index:5;--fdNavigation_Link_Background:var(--sapList_SelectionBackgroundColor);--fdNavigation_Link_Border_Color:var(--fdNavigation_Link_Border_Color_Selected);--fdNavigation_Link_Border_Bottom_Color:var(--fdNavigation_Link_Border_Color_Selected)}.fd-navigation__item.is-selected .fd-navigation__link.is-hover,.fd-navigation__item.is-selected .fd-navigation__link:hover,.fd-navigation__item[aria-selected=true] .fd-navigation__link.is-hover,.fd-navigation__item[aria-selected=true] .fd-navigation__link:hover{--fdNavigation_Link_Background:var(--sapList_Hover_SelectionBackground);--fdNavigation_Link_Border_Color:var(--fdNavigation_Link_Border_Color_Selected);--fdNavigation_Link_Border_Bottom_Color:var(--fdNavigation_Link_Border_Color_Selected)}.fd-navigation__item--child .fd-navigation__link{--fdNavigation_Link_Font_Family:var(--sapFontFamily);--fdNavigation_Link_Padding_Left:2.5rem}.fd-navigation__item--group{display:var(--fdNavigation_Item_Group_Display)}.fd-navigation__item--group .fd-navigation__link{--fdNavigation_Link_Text_Color:var(--sapContent_LabelColor);--fdNavigation_Link_Font_Family:var(--sapFontFamily);--fdNavigation_Link_Font_Size:var(--sapFontSize)}.fd-navigation__item--title{height:auto;-webkit-margin-after:var(--fdNavigation_Item_Title_Margin_Bottom,0);display:var(--fdNavigation_Item_Title_Display);margin-block-end:var(--fdNavigation_Item_Title_Margin_Bottom,0)}.fd-navigation__item--title .fd-navigation__text{font-weight:700;--fdNavigation_Item_Title_Display:block}.fd-navigation__item--title .fd-navigation__icon[class*=sap-icon]{display:none}.fd-navigation__item--menu.is-expanded,.fd-navigation__item--menu[aria-expanded=true]{--fdNavigation_Link_Background:var(--sapNavigation_Active_Background);--fdNavigation_Link_Border_Color:var(--fdNavigation_Link_Border_Color_Active);--fdNavigation_Link_Border_Bottom_Color:var(--fdNavigation_Link_Border_Color_Active)}.fd-navigation__item--menu.is-expanded .fd-navigation__has-children-indicator,.fd-navigation__item--menu[aria-expanded=true] .fd-navigation__has-children-indicator{--fdNavigation_Link_Has_Child_Indicator_Icon:\"\\e1ed\"}.fd-navigation__item--menu.is-expanded .fd-navigation__has-children-indicator[dir=rtl],.fd-navigation__item--menu[aria-expanded=true] .fd-navigation__has-children-indicator[dir=rtl],[dir=rtl] .fd-navigation__item--menu.is-expanded .fd-navigation__has-children-indicator,[dir=rtl] .fd-navigation__item--menu[aria-expanded=true] .fd-navigation__has-children-indicator{--fdNavigation_Link_Has_Child_Indicator_Icon:\"\\e1ee\"}.fd-navigation__item--menu.fd-navigation__item--child .fd-navigation__link{--fdNavigation_Link_Padding_Left:var(--fdNavigation_Link_Shift_Left)}.fd-navigation__item--with-expander .fd-navigation__link{--fdNavigation_Link_Padding_Right:calc(var(--fdNavigation_Controls_Width) + 1.3125rem)}.fd-navigation__item--with-expander .fd-navigation__has-children-indicator{--fdNavigation_Link_Has_Child_Indicator_Display:flex;cursor:pointer;position:absolute;right:var(--fdNavigation_Link_Has_Child_Indicator_Pos_Right,.375rem);z-index:20}.fd-navigation__item--with-expander .fd-navigation__has-children-indicator:after{background:var(--sapTextColor);content:\"\";display:var(--fdNavigation_Link_Has_Child_Indicator_Div_Display,inline-block);height:var(--sapElement_Condensed_Height);left:-.25rem;position:absolute;width:.0625rem}.fd-navigation__item--with-expander.is-hover .fd-navigation__link,.fd-navigation__item--with-expander:hover .fd-navigation__link{--fdNavigation_Link_Background:var(--sapList_Hover_Background);--fdNavigation_Link_Border_Color:var(--fdNavigation_Link_Border_Color_Hover);--fdNavigation_Link_Border_Bottom_Color:var(--fdNavigation_Link_Border_Color_Hover)}.fd-navigation__item--with-expander.is-active .fd-navigation__link,.fd-navigation__item--with-expander:active .fd-navigation__link{--fdNavigation_Link_Background:var(--sapList_Active_Background);--fdNavigation_Link_Border_Color:var(--fdNavigation_Link_Border_Color_Active);--fdNavigation_Link_Border_Bottom_Color:var(--fdNavigation_Link_Border_Color_Active)}.fd-navigation__item--with-expander.is-selected.is-hover .fd-navigation__link,.fd-navigation__item--with-expander.is-selected:hover .fd-navigation__link,.fd-navigation__item--with-expander[aria-selected=true].is-hover .fd-navigation__link,.fd-navigation__item--with-expander[aria-selected=true]:hover .fd-navigation__link{--fdNavigation_Link_Background:var(--sapList_Hover_SelectionBackground)}.fd-navigation__item--create{--fdNavigation_Link_Text_Color:var(--sapButton_TextColor);--fdNavigation_Link_Icon_Color:var(--sapButton_TextColor)}.fd-navigation__item--create .fd-navigation__link{border:var(--sapButton_BorderWidth) solid var(--fdNavigation_Quick_Create_Border_Color)}.fd-navigation__item--create .fd-navigation__link.is-active,.fd-navigation__item--create .fd-navigation__link:active{--fdNavigation_Quick_Create_Border_Color:var(--sapButton_Active_BorderColor);--fdNavigation_Link_Background:var(--sapButton_Active_Background)}.fd-navigation__icon{height:var(--fdNavigation_Link_Icon_Size);max-height:var(--fdNavigation_Link_Icon_Size);max-width:var(--fdNavigation_Link_Icon_Size);min-height:var(--fdNavigation_Link_Icon_Size);min-width:var(--fdNavigation_Link_Icon_Size);width:var(--fdNavigation_Link_Icon_Size)}.fd-navigation__icon [class*=sap-icon],.fd-navigation__icon[class*=sap-icon]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--fdNavigation_Link_Icon_Color);font-family:var(--sapFontBoldFamily);font-size:var(--fdNavigation_Link_Icon_Size)}.fd-navigation__text{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--fdNavigation_Link_Text_Color);display:var(--fdNavigation_Item_Text_Display);font-family:var(--sapFontFamily);font-family:var(--fdNavigation_Link_Font_Family);font-size:var(--sapFontSize);font-size:var(--fdNavigation_Link_Font_Size);font-weight:400;forced-color-adjust:none;line-height:normal;line-height:1rem;margin-block:0;margin-inline:0;overflow:hidden;padding-block:0;padding-inline:0;text-overflow:ellipsis;vertical-align:baseline;white-space:nowrap;width:100%}.fd-navigation__text:after,.fd-navigation__text:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-navigation__selection-indicator{background:var(--sapList_SelectionBorderColor);border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:var(--fdNavigation_Link_Selection_Indicator_Display);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:100%;left:0;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;position:absolute;top:0;width:.188rem}.fd-navigation__selection-indicator:after,.fd-navigation__selection-indicator:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-navigation__selection-indicator[dir=rtl],[dir=rtl] .fd-navigation__selection-indicator{left:auto;right:0}.fd-navigation__has-children-indicator{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--sapList_TextColor);display:var(--fdNavigation_Link_Has_Child_Indicator_Display);height:var(--fdNavigation_Controls_Height);max-height:var(--fdNavigation_Controls_Height);max-width:var(--fdNavigation_Controls_Width);min-height:var(--fdNavigation_Controls_Height);min-width:var(--fdNavigation_Controls_Width);-webkit-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out;width:var(--fdNavigation_Controls_Width)}.fd-navigation__has-children-indicator:after,.fd-navigation__has-children-indicator:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-navigation__has-children-indicator:before{content:var(--fdNavigation_Link_Has_Child_Indicator_Icon);font-family:SAP-icons;font-size:1rem}[dir=rtl] .fd-navigation__has-children-indicator{--fdNavigation_Link_Has_Child_Indicator_Icon:\"\\e1ee\"}.fd-navigation__external-link-indicator{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--sapList_TextColor);display:var(--fdNavigation_Link_External_Link_Indicator_Display,flex);height:var(--fdNavigation_Controls_Height);max-height:var(--fdNavigation_Controls_Height);max-width:var(--fdNavigation_Controls_Width);min-height:var(--fdNavigation_Controls_Height);min-width:var(--fdNavigation_Controls_Width);width:var(--fdNavigation_Controls_Width)}.fd-navigation__external-link-indicator:after,.fd-navigation__external-link-indicator:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-navigation__external-link-indicator:before{content:var(--fdNavigation_Link_External_Link_Indicator_Icon);font-family:SAP-icons;font-size:1rem}.fd-navigation__external-link-indicator[dir=rtl],[dir=rtl] .fd-navigation__external-link-indicator{--fdNavigation_Link_External_Link_Indicator_Icon:\"\\e04d\"}.fd-navigation__back-indicator{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--sapContent_LabelColor);height:.75rem;max-height:.75rem;max-width:.75rem;min-height:.75rem;min-width:.75rem;width:.75rem}.fd-navigation__back-indicator:after,.fd-navigation__back-indicator:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-navigation__back-indicator:before{content:var(--fdNavigation_Link_Back_Indicator_Icon);font-family:SAP-icons;font-size:.75rem}.fd-navigation__back-indicator[dir=rtl],[dir=rtl] .fd-navigation__back-indicator{--fdNavigation_Link_Back_Indicator_Icon:\"\\e1ed\"}.fd-navigation--snapped .fd-navigation__container--bottom,.fd-navigation--snapped .fd-navigation__container--top{overflow:visible}.fd-navigation--snapped .fd-navigation__list-wrapper{padding-block:.5rem;padding-inline:.5rem}.fd-navigation--snapped .fd-navigation__list-container{background:var(--sapGroup_ContentBackground);border:none;border-radius:var(--sapPopover_BorderCornerRadius);-webkit-box-shadow:var(--sapContent_Shadow2);box-shadow:var(--sapContent_Shadow2)}.fd-navigation--snapped .fd-navigation__list-container.fd-navigation__list-container--menu{left:calc(100% + .1875rem);padding-block:.5rem;padding-inline:.5rem;position:absolute;top:0}.fd-navigation--snapped .fd-navigation__list-container.fd-navigation__list-container--menu[dir=rtl],[dir=rtl] .fd-navigation--snapped .fd-navigation__list-container.fd-navigation__list-container--menu{left:auto;right:calc(100% + .1875rem)}.fd-navigation--snapped .fd-navigation__list-container.fd-navigation__list-container--menu .fd-navigation__list-wrapper{padding-block:0;padding-inline:0}.fd-navigation--snapped .fd-navigation__list-container.fd-navigation__list-container--menu .fd-navigation__list{--fdNavigation_Item_Spacing:.5rem;-webkit-box-shadow:none;box-shadow:none}.fd-navigation--snapped .fd-navigation__list-container.fd-navigation__list-container--menu .fd-navigation__item.is-expanded .fd-navigation__has-children-indicator,.fd-navigation--snapped .fd-navigation__list-container.fd-navigation__list-container--menu .fd-navigation__item[aria-expanded=true] .fd-navigation__has-children-indicator{--fdNavigation_Link_Has_Child_Indicator_Icon:\"\\e1ed\"}[dir=rtl] .fd-navigation--snapped .fd-navigation__list-container.fd-navigation__list-container--menu .fd-navigation__item .fd-navigation__has-children-indicator{--fdNavigation_Link_Has_Child_Indicator_Icon:\"\\e1ee\"}.fd-navigation--snapped .fd-navigation__list-container.fd-navigation__list-container--submenu{left:calc(100% + .1875rem);margin-block:0;margin-inline:0;padding-block:.5rem;padding-inline:.5rem;top:calc(var(--fdNavigation_Link_Min_Height) - .5rem)}.fd-navigation--snapped .fd-navigation__list-container.fd-navigation__list-container--submenu[dir=rtl],[dir=rtl] .fd-navigation--snapped .fd-navigation__list-container.fd-navigation__list-container--submenu{left:auto;right:calc(100% + .1875rem)}.fd-navigation--snapped .fd-navigation__list-container .fd-navigation__list--parent-items{--fdNavigation_List_Parent_Items_Display:flex}.fd-navigation--snapped .fd-navigation__item--group{--fdNavigation_Item_Group_Display:none}.fd-navigation--snapped .fd-navigation__item--child .fd-navigation__link{--fdNavigation_Link_Padding_Left:1rem}.fd-navigation--snapped .fd-navigation__list--child-items{--fdNavigation_Item_Spacing:.5rem;height:auto}.fd-navigation--snapped .fd-navigation__item--title{--fdNavigation_Item_Title_Display:block;--fdNavigation_Item_Title_Margin_Bottom:.5rem}.fd-navigation--snapped .fd-navigation__item:not(.fd-navigation__item--title).is-expanded .fd-navigation__link,.fd-navigation--snapped .fd-navigation__item:not(.fd-navigation__item--title)[aria-expanded=true] .fd-navigation__link{--fdNavigation_Link_Background:var(--sapList_Active_Background);--fdNavigation_Link_Border_Color:var(--fdNavigation_Link_Border_Color_Active)}.fd-navigation--snapped .fd-navigation__item:not(.fd-navigation__item--title).is-expanded.is-selected .fd-navigation__link,.fd-navigation--snapped .fd-navigation__item:not(.fd-navigation__item--title).is-expanded[aria-selected=true] .fd-navigation__link,.fd-navigation--snapped .fd-navigation__item:not(.fd-navigation__item--title)[aria-expanded=true].is-selected .fd-navigation__link,.fd-navigation--snapped .fd-navigation__item:not(.fd-navigation__item--title)[aria-expanded=true][aria-selected=true] .fd-navigation__link{--fdNavigation_Link_Selection_Indicator_Display:inline-block;--fdNavigation_Link_Background:var(--sapList_SelectionBackgroundColor);--fdNavigation_Link_Border_Color:var(--fdNavigation_Link_Border_Color_Selected)}.fd-navigation--snapped .fd-navigation__item:not(.fd-navigation__item--title).is-expanded.is-selected.is-hover .fd-navigation__link,.fd-navigation--snapped .fd-navigation__item:not(.fd-navigation__item--title).is-expanded.is-selected:hover .fd-navigation__link,.fd-navigation--snapped .fd-navigation__item:not(.fd-navigation__item--title).is-expanded[aria-selected=true].is-hover .fd-navigation__link,.fd-navigation--snapped .fd-navigation__item:not(.fd-navigation__item--title).is-expanded[aria-selected=true]:hover .fd-navigation__link,.fd-navigation--snapped .fd-navigation__item:not(.fd-navigation__item--title)[aria-expanded=true].is-selected.is-hover .fd-navigation__link,.fd-navigation--snapped .fd-navigation__item:not(.fd-navigation__item--title)[aria-expanded=true].is-selected:hover .fd-navigation__link,.fd-navigation--snapped .fd-navigation__item:not(.fd-navigation__item--title)[aria-expanded=true][aria-selected=true].is-hover .fd-navigation__link,.fd-navigation--snapped .fd-navigation__item:not(.fd-navigation__item--title)[aria-expanded=true][aria-selected=true]:hover .fd-navigation__link{--fdNavigation_Link_Background:var(--sapList_Hover_SelectionBackground)}.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)>.fd-navigation__link{--fdNavigation_Link_Spacing:0}.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)>.fd-navigation__link .fd-navigation__text{--fdNavigation_Item_Text_Display:none}.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)>.fd-navigation__link .fd-navigation__has-children-indicator{--fdNavigation_Controls_Width:1rem;--fdNavigation_Link_Has_Child_Indicator_Icon:\"\\e1ed\"}.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)>.fd-navigation__link:has(.fd-navigation__external-link-indicator){--fdNavigation_Link_Padding_Right:0;--fdNavigation_Link_External_Link_Indicator_Display:none}.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)>.fd-navigation__link.is-focus,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)>.fd-navigation__link.is-hover,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)>.fd-navigation__link:focus,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)>.fd-navigation__link:hover{--fdNavigation_Link_Padding_Right:1rem;--fdNavigation_Link_Spacing:.5rem;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)>.fd-navigation__link.is-focus:has(.fd-navigation__has-children-indicator),.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)>.fd-navigation__link.is-hover:has(.fd-navigation__has-children-indicator),.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)>.fd-navigation__link:focus:has(.fd-navigation__has-children-indicator),.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)>.fd-navigation__link:hover:has(.fd-navigation__has-children-indicator){--fdNavigation_Link_Padding_Right:.375rem}.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)>.fd-navigation__link.is-focus:has(.fd-navigation__has-children-indicator) .fd-navigation__has-children-indicator,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)>.fd-navigation__link.is-hover:has(.fd-navigation__has-children-indicator) .fd-navigation__has-children-indicator,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)>.fd-navigation__link:focus:has(.fd-navigation__has-children-indicator) .fd-navigation__has-children-indicator,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)>.fd-navigation__link:hover:has(.fd-navigation__has-children-indicator) .fd-navigation__has-children-indicator{--fdNavigation_Controls_Width:2.25rem}.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)>.fd-navigation__link.is-focus:has(.fd-navigation__external-link-indicator),.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)>.fd-navigation__link.is-hover:has(.fd-navigation__external-link-indicator),.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)>.fd-navigation__link:focus:has(.fd-navigation__external-link-indicator),.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)>.fd-navigation__link:hover:has(.fd-navigation__external-link-indicator){--fdNavigation_Link_Padding_Right:.375rem;--fdNavigation_Link_External_Link_Indicator_Display:flex}.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)>.fd-navigation__link.is-focus .fd-navigation__text,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)>.fd-navigation__link.is-hover .fd-navigation__text,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)>.fd-navigation__link:focus .fd-navigation__text,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)>.fd-navigation__link:hover .fd-navigation__text{--fdNavigation_Item_Text_Display:inline-block}.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).fd-navigation__item--with-expander>.fd-navigation__link{--fdNavigation_Link_Padding_Right:0}.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).fd-navigation__item--with-expander>.fd-navigation__link+.fd-navigation__has-children-indicator{--fdNavigation_Controls_Width:1rem;--fdNavigation_Link_Has_Child_Indicator_Icon:\"\\e1ed\";--fdNavigation_Link_Has_Child_Indicator_Pos_Right:0;--fdNavigation_Link_Has_Child_Indicator_Div_Display:none}.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).fd-navigation__item--with-expander.is-hover,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).fd-navigation__item--with-expander:focus-within,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).fd-navigation__item--with-expander:hover{min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).fd-navigation__item--with-expander.is-hover>.fd-navigation__link,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).fd-navigation__item--with-expander:focus-within>.fd-navigation__link,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).fd-navigation__item--with-expander:hover>.fd-navigation__link{--fdNavigation_Link_Spacing:.5rem;--fdNavigation_Link_Padding_Right:calc(var(--fdNavigation_Controls_Width) + 1.3125rem)}.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).fd-navigation__item--with-expander.is-hover>.fd-navigation__link .fd-navigation__text,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).fd-navigation__item--with-expander:focus-within>.fd-navigation__link .fd-navigation__text,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).fd-navigation__item--with-expander:hover>.fd-navigation__link .fd-navigation__text{--fdNavigation_Item_Text_Display:inline-block}.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).fd-navigation__item--with-expander.is-hover>.fd-navigation__link+.fd-navigation__has-children-indicator,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).fd-navigation__item--with-expander:focus-within>.fd-navigation__link+.fd-navigation__has-children-indicator,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).fd-navigation__item--with-expander:hover>.fd-navigation__link+.fd-navigation__has-children-indicator{--fdNavigation_Controls_Width:2.25rem;--fdNavigation_Link_Has_Child_Indicator_Icon:\"\\e1ed\";--fdNavigation_Link_Has_Child_Indicator_Pos_Right:.375rem;--fdNavigation_Link_Has_Child_Indicator_Div_Display:inline-block}.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).fd-navigation__item--with-expander.is-expanded.is-hover>.fd-navigation__link,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).fd-navigation__item--with-expander.is-expanded:focus-within>.fd-navigation__link,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).fd-navigation__item--with-expander.is-expanded:hover>.fd-navigation__link,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).fd-navigation__item--with-expander[aria-expanded=true].is-hover>.fd-navigation__link,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).fd-navigation__item--with-expander[aria-expanded=true]:focus-within>.fd-navigation__link,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).fd-navigation__item--with-expander[aria-expanded=true]:hover>.fd-navigation__link{--fdNavigation_Link_Spacing:0;--fdNavigation_Link_Padding_Right:0}.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).fd-navigation__item--with-expander.is-expanded.is-hover>.fd-navigation__link .fd-navigation__text,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).fd-navigation__item--with-expander.is-expanded:focus-within>.fd-navigation__link .fd-navigation__text,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).fd-navigation__item--with-expander.is-expanded:hover>.fd-navigation__link .fd-navigation__text,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).fd-navigation__item--with-expander[aria-expanded=true].is-hover>.fd-navigation__link .fd-navigation__text,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).fd-navigation__item--with-expander[aria-expanded=true]:focus-within>.fd-navigation__link .fd-navigation__text,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).fd-navigation__item--with-expander[aria-expanded=true]:hover>.fd-navigation__link .fd-navigation__text{--fdNavigation_Item_Text_Display:none}.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).fd-navigation__item--with-expander.is-expanded.is-hover>.fd-navigation__link+.fd-navigation__has-children-indicator,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).fd-navigation__item--with-expander.is-expanded:focus-within>.fd-navigation__link+.fd-navigation__has-children-indicator,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).fd-navigation__item--with-expander.is-expanded:hover>.fd-navigation__link+.fd-navigation__has-children-indicator,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).fd-navigation__item--with-expander[aria-expanded=true].is-hover>.fd-navigation__link+.fd-navigation__has-children-indicator,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).fd-navigation__item--with-expander[aria-expanded=true]:focus-within>.fd-navigation__link+.fd-navigation__has-children-indicator,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).fd-navigation__item--with-expander[aria-expanded=true]:hover>.fd-navigation__link+.fd-navigation__has-children-indicator{--fdNavigation_Controls_Width:1rem;--fdNavigation_Link_Has_Child_Indicator_Icon:\"\\e1ed\";--fdNavigation_Link_Has_Child_Indicator_Pos_Right:0;--fdNavigation_Link_Has_Child_Indicator_Div_Display:none}.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).is-expanded>.fd-navigation__link .fd-navigation__has-children-indicator,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)[aria-expanded=true]>.fd-navigation__link .fd-navigation__has-children-indicator{--fdNavigation_Controls_Width:1rem;--fdNavigation_Link_Has_Child_Indicator_Icon:\"\\e1ed\"}.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).is-expanded>.fd-navigation__link.is-focus,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).is-expanded>.fd-navigation__link.is-hover,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).is-expanded>.fd-navigation__link:focus,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).is-expanded>.fd-navigation__link:hover,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)[aria-expanded=true]>.fd-navigation__link.is-focus,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)[aria-expanded=true]>.fd-navigation__link.is-hover,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)[aria-expanded=true]>.fd-navigation__link:focus,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)[aria-expanded=true]>.fd-navigation__link:hover{--fdNavigation_Link_Padding_Right:0}.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).is-expanded>.fd-navigation__link.is-focus:has(.fd-navigation__has-children-indicator),.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).is-expanded>.fd-navigation__link.is-hover:has(.fd-navigation__has-children-indicator),.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).is-expanded>.fd-navigation__link:focus:has(.fd-navigation__has-children-indicator),.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).is-expanded>.fd-navigation__link:hover:has(.fd-navigation__has-children-indicator),.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)[aria-expanded=true]>.fd-navigation__link.is-focus:has(.fd-navigation__has-children-indicator),.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)[aria-expanded=true]>.fd-navigation__link.is-hover:has(.fd-navigation__has-children-indicator),.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)[aria-expanded=true]>.fd-navigation__link:focus:has(.fd-navigation__has-children-indicator),.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)[aria-expanded=true]>.fd-navigation__link:hover:has(.fd-navigation__has-children-indicator){--fdNavigation_Link_Spacing:0;--fdNavigation_Link_Padding_Right:0}.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).is-expanded>.fd-navigation__link.is-focus:has(.fd-navigation__has-children-indicator) .fd-navigation__has-children-indicator,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).is-expanded>.fd-navigation__link.is-hover:has(.fd-navigation__has-children-indicator) .fd-navigation__has-children-indicator,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).is-expanded>.fd-navigation__link:focus:has(.fd-navigation__has-children-indicator) .fd-navigation__has-children-indicator,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).is-expanded>.fd-navigation__link:hover:has(.fd-navigation__has-children-indicator) .fd-navigation__has-children-indicator,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)[aria-expanded=true]>.fd-navigation__link.is-focus:has(.fd-navigation__has-children-indicator) .fd-navigation__has-children-indicator,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)[aria-expanded=true]>.fd-navigation__link.is-hover:has(.fd-navigation__has-children-indicator) .fd-navigation__has-children-indicator,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)[aria-expanded=true]>.fd-navigation__link:focus:has(.fd-navigation__has-children-indicator) .fd-navigation__has-children-indicator,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)[aria-expanded=true]>.fd-navigation__link:hover:has(.fd-navigation__has-children-indicator) .fd-navigation__has-children-indicator{--fdNavigation_Controls_Width:1rem}.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).is-expanded>.fd-navigation__link.is-focus .fd-navigation__text,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).is-expanded>.fd-navigation__link.is-hover .fd-navigation__text,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).is-expanded>.fd-navigation__link:focus .fd-navigation__text,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow).is-expanded>.fd-navigation__link:hover .fd-navigation__text,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)[aria-expanded=true]>.fd-navigation__link.is-focus .fd-navigation__text,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)[aria-expanded=true]>.fd-navigation__link.is-hover .fd-navigation__text,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)[aria-expanded=true]>.fd-navigation__link:focus .fd-navigation__text,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child,.fd-navigation__item--overflow)[aria-expanded=true]>.fd-navigation__link:hover .fd-navigation__text{--fdNavigation_Item_Text_Display:none}.fd-navigation.fd-navigation--vertical{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;background:var(--sapList_Background);border-radius:var(--fdNavigation_Border_Radius);-webkit-box-shadow:var(--fdNavigation_Box_Shadow);box-shadow:var(--fdNavigation_Box_Shadow);height:var(--fdNavigation_Height);justify-content:space-between;min-width:16rem;padding-block:var(--fdNavigation_Padding_Top) var(--fdNavigation_Padding_Bottom)}.fd-navigation.fd-navigation--vertical.fd-navigation--popup{--fdNavigation_Height:auto;--fdNavigation_Padding_Top:.5rem;--fdNavigation_Border_Radius:.5rem;--fdNavigation_Box_Shadow:var(--sapNavigation_Shadow2)}.fd-navigation.fd-navigation--vertical.fd-navigation--popup .fd-navigation__container--bottom,.fd-navigation.fd-navigation--vertical.fd-navigation--popup .fd-navigation__container--top{--fdNavigation_Padding_X:.5rem}.fd-navigation.fd-navigation--vertical.fd-navigation--snapped{max-width:4rem;min-width:4rem;width:4rem}.fd-navigation.fd-navigation--horizontal{background:var(--sapNavigation_Background);height:var(--fdNavigation_Horizontal_Height);padding-block:calc((var(--fdNavigation_Horizontal_Height) - var(--fdNavigation_Link_Min_Height))*.5);padding-inline:1.5rem;width:100%}.fd-navigation.fd-navigation--horizontal .fd-navigation__link{--fdNavigation_Link_Spacing:.5rem;--fdNavigation_Link_Padding_Right:1rem}.fd-navigation.fd-navigation--horizontal .fd-navigation__link:has(.fd-navigation__has-children-indicator){--fdNavigation_Link_Padding_Right:.375rem}.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow).is-selected,.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow)[aria-selected=true]{--fdNavigation_Link_Background:var(--fdNavigation_Item_Selected_Background);--fdNavigation_Link_Selection_Indicator_Display:inline-block}.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow).is-selected .fd-navigation__link.is-focus,.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow).is-selected .fd-navigation__link:focus,.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow)[aria-selected=true] .fd-navigation__link.is-focus,.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow)[aria-selected=true] .fd-navigation__link:focus{z-index:5;--fdNavigation_Link_Background:var(--fdNavigation_Item_Selected_Background)}.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow).is-selected .fd-navigation__link.is-hover,.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow).is-selected .fd-navigation__link:hover,.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow)[aria-selected=true] .fd-navigation__link.is-hover,.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow)[aria-selected=true] .fd-navigation__link:hover{--fdNavigation_Link_Background:var(--fdNavigation_Item_Selected_Background)}.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow).is-selected.is-expanded .fd-navigation__link,.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow).is-selected[aria-expanded=true] .fd-navigation__link,.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow)[aria-selected=true].is-expanded .fd-navigation__link,.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow)[aria-selected=true][aria-expanded=true] .fd-navigation__link{--fdNavigation_Link_Selection_Indicator_Display:inline-block;--fdNavigation_Link_Background:var(--fdNavigation_Item_Selected_Background)}.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow).is-selected.is-hover .fd-navigation__link,.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow).is-selected:hover .fd-navigation__link,.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow)[aria-selected=true].is-hover .fd-navigation__link,.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow)[aria-selected=true]:hover .fd-navigation__link{--fdNavigation_Link_Background:var(--sapList_Hover_SelectionBackground)}.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow) .fd-navigation__link.is-hover:before,.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow) .fd-navigation__link:before,.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow) .fd-navigation__link:hover:before,.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow).is-expanded .fd-navigation__link:before,.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow)[aria-expanded=true] .fd-navigation__link:before{--fdNavigation_Link_Border_Bottom_Color:var(--fdNavigation_Link_Border_Color)}.fd-navigation.fd-navigation--horizontal .fd-navigation__list:not(.fd-navigation__list--parent-items):not(.fd-navigation__list--child-items){--fdNavigation_Item_Spacing:.75rem;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.fd-navigation.fd-navigation--horizontal .fd-navigation__list:not(.fd-navigation__list--parent-items):not(.fd-navigation__list--child-items) .fd-navigation__has-children-indicator{--fdNavigation_Link_Has_Child_Indicator_Icon:\"\\e287\"}.fd-navigation.fd-navigation--horizontal .fd-navigation__list-item--spacer{height:.75rem;width:100%}.fd-navigation.fd-navigation--horizontal .fd-navigation__list-container:not(.fd-navigation__list-container--submenu){--fdPopover_Offset: calc(100% + .3875rem) ;background:var(--sapGroup_ContentBackground);border:none;border-radius:.75rem;-webkit-box-shadow:var(--sapMenu_Shadow2);box-shadow:var(--sapMenu_Shadow2);padding-block:.05rem;padding-inline:.05rem}.fd-navigation.fd-navigation--horizontal .fd-navigation__list-container:not(.fd-navigation__list-container--submenu).fd-navigation__list-container--menu{-webkit-box-shadow:var(--sapMenu_Shadow1);box-shadow:var(--sapMenu_Shadow1);padding-block:.5rem;padding-inline:.5rem;position:absolute;right:-.5rem;top:calc(100% + .3875rem)}.fd-navigation.fd-navigation--horizontal .fd-navigation__list-container:not(.fd-navigation__list-container--submenu).fd-navigation__list-container--menu[dir=rtl],[dir=rtl] .fd-navigation.fd-navigation--horizontal .fd-navigation__list-container:not(.fd-navigation__list-container--submenu).fd-navigation__list-container--menu{left:-.5rem;right:auto}.fd-navigation.fd-navigation--horizontal .fd-navigation__list-container:not(.fd-navigation__list-container--submenu).fd-navigation__list-container--menu .fd-navigation__list-wrapper{padding-block:0;padding-inline:0}.fd-navigation.fd-navigation--horizontal .fd-navigation__list-container:not(.fd-navigation__list-container--submenu).fd-navigation__list-container--menu .fd-navigation__list{--fdNavigation_Item_Spacing:.25rem;-webkit-box-shadow:none;box-shadow:none}.fd-navigation.fd-navigation--horizontal .fd-navigation__list-container:not(.fd-navigation__list-container--submenu).fd-navigation__list-container--menu .fd-navigation__item.is-expanded .fd-navigation__has-children-indicator,.fd-navigation.fd-navigation--horizontal .fd-navigation__list-container:not(.fd-navigation__list-container--submenu).fd-navigation__list-container--menu .fd-navigation__item[aria-expanded=true] .fd-navigation__has-children-indicator{--fdNavigation_Link_Has_Child_Indicator_Icon:\"\\e1ed\"}[dir=rtl] .fd-navigation.fd-navigation--horizontal .fd-navigation__list-container:not(.fd-navigation__list-container--submenu).fd-navigation__list-container--menu .fd-navigation__item.is-expanded .fd-navigation__has-children-indicator,[dir=rtl] .fd-navigation.fd-navigation--horizontal .fd-navigation__list-container:not(.fd-navigation__list-container--submenu).fd-navigation__list-container--menu .fd-navigation__item[aria-expanded=true] .fd-navigation__has-children-indicator{--fdNavigation_Link_Has_Child_Indicator_Icon:\"\\e1ee\"}.fd-navigation.fd-navigation--horizontal .fd-navigation__list-container:not(.fd-navigation__list-container--submenu).fd-navigation__list-container--menu .fd-navigation__item.fd-navigation__item--overflow .fd-navigation__has-children-indicator{display:none}.fd-navigation.fd-navigation--horizontal .fd-navigation__list-container:not(.fd-navigation__list-container--submenu).fd-navigation__list-container--menu .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child)>.fd-navigation__link.is-hover,.fd-navigation.fd-navigation--horizontal .fd-navigation__list-container:not(.fd-navigation__list-container--submenu).fd-navigation__list-container--menu .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child)>.fd-navigation__link:hover{width:100%}.fd-navigation.fd-navigation--horizontal .fd-navigation__list-container:not(.fd-navigation__list-container--submenu).fd-navigation__list-container--menu .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child)>.fd-navigation__link.is-hover .fd-navigation__text,.fd-navigation.fd-navigation--horizontal .fd-navigation__list-container:not(.fd-navigation__list-container--submenu).fd-navigation__list-container--menu .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child)>.fd-navigation__link:hover .fd-navigation__text{--fdNavigation_Item_Text_Display:inline-block}.fd-navigation.fd-navigation--horizontal .fd-navigation__list-container:not(.fd-navigation__list-container--submenu).fd-navigation__list-container--submenu{-webkit-box-shadow:var(--sapMenu_Shadow1);box-shadow:var(--sapMenu_Shadow1);left:calc(-100% - .1875rem);margin-block:0;margin-inline:0;padding-block:.5rem;padding-inline:.5rem;top:calc(var(--fdNavigation_Link_Min_Height) - .5rem)}.fd-navigation.fd-navigation--horizontal .fd-navigation__list-container:not(.fd-navigation__list-container--submenu).fd-navigation__list-container--submenu[dir=rtl],[dir=rtl] .fd-navigation.fd-navigation--horizontal .fd-navigation__list-container:not(.fd-navigation__list-container--submenu).fd-navigation__list-container--submenu{left:auto;right:calc(-100% - .1875rem)}.fd-navigation.fd-navigation--horizontal .fd-navigation__list-wrapper{padding-block:.7rem;padding-inline:.7rem}.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--overflow).is-expanded .fd-navigation__link,.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--overflow)[aria-expanded=true] .fd-navigation__link{--fdNavigation_Link_Background:var(--sapMenu_Active_Background);--fdNavigation_Link_Border_Color:var(--fdNavigation_Link_Border_Color_Active);--fdNavigation_Link_Border_Bottom_Color:var(--fdNavigation_Link_Border_Color_Active)}.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--overflow).is-expanded .fd-navigation__link.is-focus,.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--overflow).is-expanded .fd-navigation__link:focus,.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--overflow)[aria-expanded=true] .fd-navigation__link.is-focus,.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--overflow)[aria-expanded=true] .fd-navigation__link:focus{z-index:5;--fdNavigation_Link_Background:var(--sapMenu_Active_Background);--fdNavigation_Link_Border_Color:var(--fdNavigation_Link_Border_Color_Active);--fdNavigation_Link_Border_Bottom_Color:var(--fdNavigation_Link_Border_Color_Active)}.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--overflow).is-expanded.is-selected .fd-navigation__link,.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--overflow).is-expanded[aria-selected=true] .fd-navigation__link,.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--overflow)[aria-expanded=true].is-selected .fd-navigation__link,.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--overflow)[aria-expanded=true][aria-selected=true] .fd-navigation__link{--fdNavigation_Link_Selection_Indicator_Display:inline-block;--fdNavigation_Link_Background:var(--fdNavigation_Item_Selected_Background);--fdNavigation_Link_Border_Color:var(--fdNavigation_Link_Border_Color_Selected);--fdNavigation_Link_Border_Bottom_Color:var(--fdNavigation_Link_Border_Color_Selected)}.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--overflow).is-expanded.is-selected.is-hover .fd-navigation__link,.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--overflow).is-expanded.is-selected:hover .fd-navigation__link,.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--overflow).is-expanded[aria-selected=true].is-hover .fd-navigation__link,.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--overflow).is-expanded[aria-selected=true]:hover .fd-navigation__link,.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--overflow)[aria-expanded=true].is-selected.is-hover .fd-navigation__link,.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--overflow)[aria-expanded=true].is-selected:hover .fd-navigation__link,.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--overflow)[aria-expanded=true][aria-selected=true].is-hover .fd-navigation__link,.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--overflow)[aria-expanded=true][aria-selected=true]:hover .fd-navigation__link{--fdNavigation_Link_Background:var(--sapList_Hover_SelectionBackground)}.fd-navigation.fd-navigation--horizontal .fd-navigation__item.fd-navigation__item--with-expander .fd-navigation__link{--fdNavigation_Link_Padding_Right:calc(1.6875rem + var(--fdNavigation_Controls_Width))}.fd-navigation.fd-navigation--horizontal .fd-navigation__item--child:not(.fd-navigation__item--submenu-child) .fd-navigation__link{--fdNavigation_Link_Padding_Left:var(--fdNavigation_Link_Shift_Left)}.fd-navigation.fd-navigation--horizontal .fd-navigation__item--with-expander .fd-navigation__expander{border:none;margin-block:0;margin-inline:.0625rem;outline-offset:-.0625rem;-webkit-transition:var(--fdNavigation_Link_Transition);transition:var(--fdNavigation_Link_Transition);--fdButton_Nested_Border_Radius:var(--fdNavigation_Link_Border_Radius)}.fd-navigation.fd-navigation--horizontal .fd-navigation__item--with-expander .fd-navigation__expander:after{border-bottom:.0625rem solid var(--fdNavigation_Expander_Border_Color);border:.0625rem solid var(--fdNavigation_Expander_Border_Color);border-bottom-color:var(--fdNavigation_Expander_Border_Bottom_Color);content:\"\";inset:0;position:absolute}.fd-navigation.fd-navigation--horizontal .fd-navigation__item--with-expander .fd-navigation__expander.is-hover,.fd-navigation.fd-navigation--horizontal .fd-navigation__item--with-expander .fd-navigation__expander:hover{--fdButton_Nested_Background:var(--sapList_Hover_Background);--fdNavigation_Expander_Border_Color:var(--fdNavigation_Link_Border_Color_Hover);--fdNavigation_Expander_Border_Bottom_Color:var(--fdNavigation_Link_Border_Color_Hover)}.fd-navigation.fd-navigation--horizontal .fd-navigation__item--with-expander .fd-navigation__expander.is-active,.fd-navigation.fd-navigation--horizontal .fd-navigation__item--with-expander .fd-navigation__expander:active{--fdButton_Nested_Background:var(--sapList_Active_Background);--fdNavigation_Expander_Border_Color:var(--fdNavigation_Link_Border_Color_Active);--fdNavigation_Expander_Border_Bottom_Color:var(--fdNavigation_Link_Border_Color_Active)}.fd-navigation.fd-navigation--horizontal .fd-navigation__item--with-expander .fd-navigation__expander.is-active.is-focus,.fd-navigation.fd-navigation--horizontal .fd-navigation__item--with-expander .fd-navigation__expander.is-active:focus,.fd-navigation.fd-navigation--horizontal .fd-navigation__item--with-expander .fd-navigation__expander:active.is-focus,.fd-navigation.fd-navigation--horizontal .fd-navigation__item--with-expander .fd-navigation__expander:active:focus{z-index:5;--fdNavigation_Expander_Border_Color:var(--fdNavigation_Link_Border_Color_Active);--fdNavigation_Expander_Border_Bottom_Color:var(--fdNavigation_Link_Border_Color_Active)}.fd-navigation.fd-navigation--horizontal .fd-navigation__item--with-expander .fd-navigation__expander:active:focus{--fdButton_Nested_Border_Radius:var(--fdNavigation_Link_Border_Radius)}.fd-navigation.fd-navigation--horizontal .fd-navigation__item--with-expander.is-expanded .fd-navigation__expander,.fd-navigation.fd-navigation--horizontal .fd-navigation__item--with-expander[aria-expanded=true] .fd-navigation__expander{--fdButton_Nested_Background:var(--fdNavigation_Item_Selected_Background);--fdNavigation_Link_Border_Color:var(--fdNavigation_Link_Border_Color_Selected);--fdNavigation_Expander_Border_Color:var(--fdNavigation_Link_Border_Color_Selected);--fdNavigation_Expander_Border_Bottom_Color:var(--fdNavigation_Link_Border_Color_Selected)}.fd-navigation.fd-navigation--horizontal .fd-navigation__list{--fdNavigation_Item_Spacing:.5rem}.fd-navigation[class*=-compact],[class*=-compact] .fd-navigation:not([class*=-cozy]){--fdNavigation_Link_Min_Height:2rem;--fdNavigation_Controls_Width:2rem;--fdNavigation_Controls_Height:1.5625rem}.fd-navigation .fd-navigation__container--top{padding-left:var(--fdNavigation_Padding_X);padding-right:var(--fdNavigation_Padding_X);padding-bottom:.25rem}.fd-navigation__list{min-height:100%;height:auto}.fd-navigation--snapped .fd-navigation__list-item--home{position:relative}.fd-navigation--snapped .fd-navigation__container--top{overflow:visible!important;display:flex;flex-direction:column}.fd-navigation--snapped .fd-navigation__container--top .fd-navigation__list{flex-grow:1;height:auto;min-height:0}.fd-navigation--snapped .fd-navigation__container--top .fd-navigation__list--no-grow{flex-grow:0}.fd-navigation--snapped .fd-navigation__container--hidden-overflow{overflow:hidden!important}.fd-navigation--expanded .fd-navigation__list-item--home,.fd-navigation--popup .fd-navigation__list-item--home{z-index:21}.fd-navigation__list-container--custom-menu{box-shadow:var(--sapMenu_Shadow1)}.fd-navigation__item--disabled{opacity:.6;cursor:default}.fd-navigation__item--disabled .fd-navigation__link{pointer-events:none;-webkit-user-select:none;user-select:none}.fd-navigation__item--disabled .fd-navigation__has-children-indicator{pointer-events:none;cursor:default}.fd-navigation__item--disabled:hover{background:transparent}.fd-navigation__list-item--spacer--hidden{display:none!important}.fd-navigation .fd-navigation__list-item--home-without-separator{margin-bottom:.125rem}.fd-navigation--snapped .fd-navigation__list-container.fd-navigation__list-container--menu{position:relative;transition:none}.fd-navigation__list-item:not(.fd-navigation__list-item--home){position:relative}.fd-navigation__list-container--menu>.fd-scrollbar{overflow:visible!important}.fd-navigation__list-container--menu .fd-navigation__list--parent-items .fd-navigation__list-item:before{content:\"\";position:absolute;top:0;bottom:0;left:-1rem;right:-1rem}.fd-navigation__list-container--menu .fd-navigation__list--parent-items .fd-navigation__list-item>.fd-navigation__list-container{display:none;top:-.5rem}.fd-navigation__list-container--menu .fd-navigation__list--parent-items .fd-navigation__list-item:hover>.fd-navigation__list-container,.fd-navigation__list-container--menu .fd-navigation__list--parent-items .fd-navigation__list-item:focus>.fd-navigation__list-container,.fd-navigation__list-container--menu .fd-navigation__list--parent-items .fd-navigation__list-item:focus-within>.fd-navigation__list-container{display:block}.fd-navigation__list-container--menu .fd-navigation__list--parent-items .fd-navigation__list-item .fd-navigation__list-container--submenu:before{content:\"\";position:absolute;top:-2rem;bottom:0;right:0;left:0}.fd-popover__body.fd-navigation__list-container{display:block}.fd-navigation__item .fd-popover-custom{max-width:none}.fd-navigation__item.fd-navigation__item--title .fd-navigation__has-children-indicator{display:none}.fd-navigation__item .fd-navigation__icon,.fd-navigation__item .fd-navigation__text{font-family:var(--sapFontSemiboldDuplexFamily)}.fd-navigation__item.fd-navigation__item--child .fd-navigation__icon,.fd-navigation__item.fd-navigation__item--child .fd-navigation__text{font-family:var(--sapFontFamily)}.fd-navigation.fd-navigation--expanded{width:16rem;min-width:16rem;max-width:16rem}.fd-navigation.fd-navigation--expanded .fd-navigation__item:not(.fd-navigation__item--create) .fd-navigation__text{white-space:normal}.fd-popover__body.fd-navigation__list-container.fd-navigation__list-wrapper{max-width:40rem}.fd-navigation__text{margin-block:.5rem}.fd-navigation.fd-navigation--vertical.fd-navigation--popup{--fdNavigation_Border_Radius: 0;--fdNavigation_Box_Shadow: none;--fdNavigation_Height: 100%}.fd-navigation.is-overlay{position:absolute;top:0;left:0}.fd-navigation.fd-navigation--expanded.is-overlay{position:absolute;top:0;left:0;right:0;width:100%;min-width:100%;max-width:100%}.fd-navigation__item.fd-navigation__item--create .fd-navigation__link{border:none;box-shadow:0 0 0 var(--sapButton_BorderWidth) var(--fdNavigation_Quick_Create_Border_Color)}.fd-navigation--snapped .fd-navigation__list-container.fd-navigation__list-container--menu{left:auto}.fd-navigation__list.fd-menu__list.fd-navigation__list--parent-items .fd-navigation__list-item.fd-navigation__list-item--separator:is(:first-child,:last-child){height:0;min-height:0;max-height:0}.fd-navigation__container.fd-navigation__container--bottom:before{display:flex;margin-block:0 .25rem}[dir=rtl] .fd-navigation__item--with-expander .fd-navigation__has-children-indicator{left:var(--fdNavigation_Link_Has_Child_Indicator_Pos_Right, .375rem);right:auto}[dir=rtl] .fd-navigation__item--with-expander .fd-navigation__has-children-indicator:after{right:-.25rem;left:auto}[dir=rtl] .fd-navigation__has-children-indicator:before{--fdNavigation_Link_Has_Child_Indicator_Icon: \"\\e1ee\"}[dir=rtl] .fd-navigation--snapped .fd-navigation__list-container.fd-navigation__list-container--menu{right:auto}[dir=rtl] .fd-navigation__item[aria-expanded=true] .fd-navigation__has-children-indicator:before{--fdNavigation_Link_Has_Child_Indicator_Icon: \"\\e1ef\"}[dir=rtl] .fd-navigation.fd-navigation--snapped .fd-navigation__has-children-indicator:before{--fdNavigation_Link_Has_Child_Indicator_Icon: \"\\e1ee\"}\n/*! Bundled license information:\n\nfundamental-styles/dist/navigation.css:\n  (*!\n   * Fundamental Library Styles v0.40.1\n   * Copyright (c) 2025 SAP SE or an SAP affiliate company.\n   * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n   *)\n*/\n"] }]
         }], ctorParameters: () => [], propDecorators: { class: [{
                 type: Input
+            }], ariaLabel: [{
+                type: Input
+            }, {
+                type: HostBinding,
+                args: ['attr.aria-label']
+            }], ariaRoleDescription: [{
+                type: Input
+            }, {
+                type: HostBinding,
+                args: ['attr.aria-roledescription']
             }], mode: [{
                 type: Input
+            }], isOverlay: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
             }], state: [{
                 type: Input
             }], type: [{
                 type: Input
+            }], selectionMode: [{
+                type: Input
             }], _navigationItemRef: [{
                 type: ContentChild,
                 args: [NavigationListItemRefDirective]
@@ -1591,6 +2339,70 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImpor
                 args: ['keydown', ['$event']]
             }] } });
 
+class FdbNavigationDataSource extends BaseDataSource {
+    /** @hidden */
+    constructor(dataProvider) {
+        super(dataProvider);
+        this.dataProvider = dataProvider;
+        /** @hidden */
+        this.limitless = false;
+    }
+}
+class ArrayNavigationDataSource extends FdbNavigationDataSource {
+    /** @hidden */
+    constructor(data) {
+        super(new DataProvider(data));
+    }
+}
+class ObservableNavigationDataSDataSource extends FdbNavigationDataSource {
+    /** @hidden */
+    constructor(data) {
+        super(new DataProvider(data));
+    }
+}
+class NavigationDataSourceParser {
+    /**
+     * Transforms plain array or observable into DataSource class.
+     * @param source
+     */
+    parse(source) {
+        if (isDataSource(source)) {
+            return source;
+        }
+        if (Array.isArray(source)) {
+            return new ArrayNavigationDataSource(source);
+        }
+        if (isObservable(source)) {
+            return new ObservableNavigationDataSDataSource(source);
+        }
+        return undefined;
+    }
+}
+
+class NavigationListDataSourceDirective extends DataSourceDirective {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: NavigationListDataSourceDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.4", type: NavigationListDataSourceDirective, isStandalone: true, selector: "fdb-navigation[dataSource]", providers: [
+            {
+                provide: FD_DATA_SOURCE_TRANSFORMER,
+                useClass: NavigationDataSourceParser
+            }
+        ], usesInheritance: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: NavigationListDataSourceDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    // eslint-disable-next-line @angular-eslint/directive-selector
+                    selector: 'fdb-navigation[dataSource]',
+                    standalone: true,
+                    providers: [
+                        {
+                            provide: FD_DATA_SOURCE_TRANSFORMER,
+                            useClass: NavigationDataSourceParser
+                        }
+                    ]
+                }]
+        }] });
+
 const FDB_NAVIGATION = [
     NavigationComponent,
     NavigationContentStartComponent,