@fundamental-ngx/btp 0.55.4 → 0.55.5

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

@@ -481,6 +481,8 @@ class NavigationLinkComponent extends FdbNavigationItemLink {
         this.glyphFont = FD_DEFAULT_ICON_FONT_FAMILY;
         /** Whether the link is for the external resource. */
         this.external = false;
+        /** Whether it's a quick create button. */
+        this.quickCreate = false;
         /** Element reference. */
         this.elementRef = inject(ElementRef);
         /** @hidden */
@@ -534,7 +536,7 @@ class NavigationLinkComponent extends FdbNavigationItemLink {
         this._listItemComponent?.unregisterLink(this);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: NavigationLinkComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.3", type: NavigationLinkComponent, isStandalone: true, selector: "a[fdb-navigation-link]", inputs: { class: "class", glyph: "glyph", glyphFont: "glyphFont", external: "external" }, host: { attributes: { "role": "link" }, listeners: { "click": "_clickHandler()", "keydown": "_keyDownHandler($event)" }, properties: { "attr.tabindex": "this._tabIndex" }, classAttribute: "fd-navigation__link" }, providers: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.3", 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: [
             {
                 provide: FdbNavigationItemLink,
                 useExisting: NavigationLinkComponent
@@ -543,14 +545,14 @@ class NavigationLinkComponent extends FdbNavigationItemLink {
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: NavigationLinkComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'a[fdb-navigation-link]', imports: [IconComponent], hostDirectives: [RouterLinkActive], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [
+            args: [{ selector: 'a[fdb-navigation-link], button[fdb-navigation-link]', imports: [IconComponent], hostDirectives: [RouterLinkActive], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [
                         {
                             provide: FdbNavigationItemLink,
                             useExisting: NavigationLinkComponent
                         }
                     ], host: {
                         class: 'fd-navigation__link',
-                        role: 'link'
+                        '[attr.role]': 'quickCreate ? "button" : "link"'
                     }, template: "@if (glyph) {\n    <fd-icon\n        [glyph]=\"glyph\"\n        [font]=\"glyphFont\"\n        class=\"fd-navigation__icon\"\n        [attr.role]=\"'presentation'\"\n        [ariaHidden]=\"true\"\n    ></fd-icon>\n}\n<span class=\"fd-navigation__text\">\n    <ng-content></ng-content>\n</span>\n@if (external) {\n    <span\n        class=\"fd-navigation__external-link-indicator\"\n        role=\"presentation\"\n        aria-hidden=\"true\"\n        aria-label=\"external link indicator\"\n    ></span>\n}\n<span\n    class=\"fd-navigation__selection-indicator\"\n    role=\"presentation\"\n    aria-hidden=\"true\"\n    aria-label=\"selection indicator\"\n>\n</span>\n@if (_listItemComponent?.hasChildren$() && !inPopover && !routerLink) {\n    <span\n        class=\"fd-navigation__has-children-indicator\"\n        role=\"presentation\"\n        aria-hidden=\"true\"\n        aria-label=\"has children indicator, expanded\"\n    >\n    </span>\n}\n" }]
         }], ctorParameters: () => [], propDecorators: { class: [{
                 type: Input
@@ -560,6 +562,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.3", ngImpor
                 type: Input
             }], external: [{
                 type: Input
+            }], quickCreate: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
             }], _tabIndex: [{
                 type: HostBinding,
                 args: ['attr.tabindex']
@@ -603,6 +608,13 @@ class NavigationListItemComponent extends FdbNavigationListItem {
     get home() {
         return this._home$();
     }
+    /** Whether the list item represents "Quick create" button. */
+    set quickCreate(value) {
+        this.quickCreate$.set(value);
+    }
+    get quickCreate() {
+        return this.quickCreate$();
+    }
     /** Whether the list item should be rendered as a separator */
     set separator(value) {
         this._separator$.set(value);
@@ -704,6 +716,8 @@ class NavigationListItemComponent extends FdbNavigationListItem {
             .join(' '));
         /** Selected Signal. */
         this.selected$ = signal(false);
+        /** @hidden */
+        this.quickCreate$ = signal(false);
         /**
          * @hidden
          * Popover position. Changes based on rtl value.
@@ -968,7 +982,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: "19.2.3", ngImport: i0, type: NavigationListItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.3", type: NavigationListItemComponent, isStandalone: true, selector: "fdb-navigation-list-item", inputs: { class: "class", home: ["home", "home", 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: "19.2.3", 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: [
             NavigationService,
             {
                 provide: FdbNavigationListItem,
@@ -978,7 +992,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--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 (!!showToggleButton && !!link$()?.routerLink && hasChildren$()) {\n        <button (click)=\"toggleExpanded()\" fd-button fdbNestedButton class=\"fd-navigation__expander\">\n            <fd-icon [glyph]=\"_toggleIcon$()\"></fd-icon>\n        </button>\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: "component", type: IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "color", "background", "class", "ariaLabel", "ariaHidden"] }, { kind: "component", type: ButtonComponent, selector: "button[fd-button], a[fd-button], span[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "directive", type: NestedButtonDirective, selector: "[fd-button][fdbNestedButton]", inputs: ["fdType", "square"] }, { 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            [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 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: NavigationListItemComponent, decorators: [{
             type: Component,
@@ -1002,12 +1016,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.3", 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--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 (!!showToggleButton && !!link$()?.routerLink && hasChildren$()) {\n        <button (click)=\"toggleExpanded()\" fd-button fdbNestedButton class=\"fd-navigation__expander\">\n            <fd-icon [glyph]=\"_toggleIcon$()\"></fd-icon>\n        </button>\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            [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" }]
         }], ctorParameters: () => [], propDecorators: { class: [{
                 type: Input
             }], home: [{
                 type: Input,
                 args: [{ transform: booleanAttribute }]
+            }], quickCreate: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
             }], separator: [{
                 type: Input,
                 args: [{ transform: booleanAttribute }]
@@ -1138,7 +1155,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]", inputs: ["class", "glyph", "glyphFont", "external"] }, { 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 }], 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 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: NavigationMoreButtonComponent, decorators: [{
             type: Component,
@@ -1437,7 +1454,7 @@ class NavigationComponent extends FdbNavigation {
         this.classList$.set([
             this.class,
             'fd-navigation',
-            this.mode ? `fd-navigation--${this.mode}` : '',
+            this.mode === '' ? 'fd-navigation--compact' : '',
             `fd-navigation--${this.state}`
         ].filter((k) => !!k));
         return [...this.classList$(), `fd-navigation--${this.type}`];
@@ -1531,7 +1548,7 @@ class NavigationComponent extends FdbNavigation {
                 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:.75rem;--fdNavigation_Padding_Top:1.25rem;--fdNavigation_Item_Spacing:.25rem;--fdNavigation_Padding_Bottom:.5rem;--fdNavigation_Horizontal_Height:3.5rem;--fdNavigation_Expander_Position_Right:.5rem;--fdNavigation_Border_Radius:.5rem .5rem 0 0;--fdNavigation_Box_Shadow:var(--sapNavigation_Shadow1);--fdNavigation_Link_Icon_Size:1rem;--fdNavigation_Link_Min_Height:2rem;--fdNavigation_Link_Font_Weight:bold;--fdNavigation_Link_Spacing:.4375rem;--fdNavigation_Link_Text_Color:inherit;--fdNavigation_Link_Shift_Left:.5rem;--fdNavigation_Link_Padding_Left:var(--fdNavigation_Link_Shift_Left);--fdNavigation_Link_Padding_Right:var(--fdNavigation_Link_Shift_Left);--fdNavigation_Link_Child_Indicator_Opacity:1;--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:0 100%/100% .125rem no-repeat linear-gradient(0deg,var(--sapShell_Navigation_SelectedColor),var(--sapShell_Navigation_SelectedColor)),var(--sapNavigation_Selected_Background);--fdNavigation_List_Container_Display:none;--fdNavigation_List_Parent_Items_Display:none;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--snapped .fd-navigation__container--bottom,.fd-navigation--snapped .fd-navigation__container--top{overflow:visible}.fd-navigation--snapped .fd-navigation__item:not(.fd-navigation__item--title) .fd-navigation__link{--fdNavigation_Link_Spacing:.5rem}.fd-navigation--snapped .fd-navigation__item:not(.fd-navigation__item--title).is-expanded+.fd-navigation__list-container,.fd-navigation--snapped .fd-navigation__item:not(.fd-navigation__item--title)[aria-expanded=true]+.fd-navigation__list-container{display:-webkit-box;display:-ms-flexbox;display:flex}.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_Child_Indicator_Opacity:1;--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--snapped .fd-navigation__item:not(.fd-navigation__item--title).is-expanded .fd-navigation__link.is-focus,.fd-navigation--snapped .fd-navigation__item:not(.fd-navigation__item--title).is-expanded .fd-navigation__link:focus,.fd-navigation--snapped .fd-navigation__item:not(.fd-navigation__item--title)[aria-expanded=true] .fd-navigation__link.is-focus,.fd-navigation--snapped .fd-navigation__item:not(.fd-navigation__item--title)[aria-expanded=true] .fd-navigation__link:focus{z-index:5;--fdNavigation_Link_Child_Indicator_Opacity:1;--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--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_Background:var(--sapNavigation_Selected_Background)}.fd-navigation--snapped .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow).is-selected,.fd-navigation--snapped .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow)[aria-selected=true]{--fdNavigation_Link_Selection_Indicator_Display:none;--fdNavigation_Link_Background:var(--fdNavigation_Item_Selected_Background)}.fd-navigation--snapped .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow).is-selected .fd-navigation__link.is-focus,.fd-navigation--snapped .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow).is-selected .fd-navigation__link:focus,.fd-navigation--snapped .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow)[aria-selected=true] .fd-navigation__link.is-focus,.fd-navigation--snapped .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--snapped .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow).is-selected .fd-navigation__link.is-hover,.fd-navigation--snapped .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow).is-selected .fd-navigation__link:hover,.fd-navigation--snapped .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow)[aria-selected=true] .fd-navigation__link.is-hover,.fd-navigation--snapped .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--snapped .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow).is-selected.is-expanded .fd-navigation__link,.fd-navigation--snapped .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow).is-selected[aria-expanded=true] .fd-navigation__link,.fd-navigation--snapped .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow)[aria-selected=true].is-expanded .fd-navigation__link,.fd-navigation--snapped .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:none;--fdNavigation_Link_Background:var(--fdNavigation_Item_Selected_Background)}.fd-navigation--snapped .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow).is-expanded .fd-navigation__link:before,.fd-navigation--snapped .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--snapped .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow) .fd-navigation__link:before{--fdNavigation_Link_Border_Bottom_Color:transparent}.fd-navigation--snapped .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow) .fd-navigation__link.is-hover:before,.fd-navigation--snapped .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow) .fd-navigation__link:hover:before{--fdNavigation_Link_Border_Bottom_Color:var(--fdNavigation_Link_Border_Color)}.fd-navigation--snapped.fd-navigation--vertical .fd-navigation__item--with-expander .fd-navigation__link{--fdNavigation_Link_Padding_Right:.5rem}.fd-navigation--snapped.fd-navigation--vertical .fd-navigation__item--with-expander .fd-navigation__expander{display:none}.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:.5rem}.fd-navigation--snapped .fd-navigation__has-children-indicator{--fdNavigation_Link_Has_Child_Indicator_Display:none}.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child)>.fd-navigation__link.is-hover,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child)>.fd-navigation__link:hover{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child)>.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__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__link.is-focus,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child)>.fd-navigation__link:focus{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;z-index:5}.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child)>.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__link:focus .fd-navigation__text{--fdNavigation_Item_Text_Display:inline-block}.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child).is-expanded>.fd-navigation__link.is-hover,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child).is-expanded>.fd-navigation__link:hover,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child)[aria-expanded=true]>.fd-navigation__link.is-hover,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child)[aria-expanded=true]>.fd-navigation__link:hover{width:auto}.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child).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).is-expanded>.fd-navigation__link:hover .fd-navigation__text,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child)[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)[aria-expanded=true]>.fd-navigation__link:hover .fd-navigation__text{--fdNavigation_Item_Text_Display:none}.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child).is-expanded>.fd-navigation__link.is-focus,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child).is-expanded>.fd-navigation__link:focus,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child)[aria-expanded=true]>.fd-navigation__link.is-focus,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child)[aria-expanded=true]>.fd-navigation__link:focus{width:auto;z-index:5}.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child).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).is-expanded>.fd-navigation__link:focus .fd-navigation__text,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child)[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)[aria-expanded=true]>.fd-navigation__link:focus .fd-navigation__text{--fdNavigation_Item_Text_Display:none}.fd-navigation--snapped .fd-navigation__list-container--menu .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child)>.fd-navigation__link.is-hover,.fd-navigation--snapped .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--snapped .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--snapped .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--snapped .fd-navigation__list-container--menu .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child)>.fd-navigation__link.is-focus,.fd-navigation--snapped .fd-navigation__list-container--menu .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child)>.fd-navigation__link:focus{width:100%;z-index:5}.fd-navigation--snapped .fd-navigation__list-container--menu .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child)>.fd-navigation__link.is-focus .fd-navigation__text,.fd-navigation--snapped .fd-navigation__list-container--menu .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child)>.fd-navigation__link:focus .fd-navigation__text{--fdNavigation_Item_Text_Display:inline-block}.fd-navigation--snapped .fd-navigation__list-container--menu .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child).is-expanded>.fd-navigation__link.is-hover,.fd-navigation--snapped .fd-navigation__list-container--menu .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child).is-expanded>.fd-navigation__link:hover,.fd-navigation--snapped .fd-navigation__list-container--menu .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child)[aria-expanded=true]>.fd-navigation__link.is-hover,.fd-navigation--snapped .fd-navigation__list-container--menu .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child)[aria-expanded=true]>.fd-navigation__link:hover{width:100%}.fd-navigation--snapped .fd-navigation__list-container--menu .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child).is-expanded>.fd-navigation__link.is-hover .fd-navigation__text,.fd-navigation--snapped .fd-navigation__list-container--menu .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child).is-expanded>.fd-navigation__link:hover .fd-navigation__text,.fd-navigation--snapped .fd-navigation__list-container--menu .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child)[aria-expanded=true]>.fd-navigation__link.is-hover .fd-navigation__text,.fd-navigation--snapped .fd-navigation__list-container--menu .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child)[aria-expanded=true]>.fd-navigation__link:hover .fd-navigation__text{--fdNavigation_Item_Text_Display:inline-block}.fd-navigation--snapped .fd-navigation__list-container--menu .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child).is-expanded>.fd-navigation__link.is-focus,.fd-navigation--snapped .fd-navigation__list-container--menu .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child).is-expanded>.fd-navigation__link:focus,.fd-navigation--snapped .fd-navigation__list-container--menu .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child)[aria-expanded=true]>.fd-navigation__link.is-focus,.fd-navigation--snapped .fd-navigation__list-container--menu .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child)[aria-expanded=true]>.fd-navigation__link:focus{width:100%;z-index:5}.fd-navigation--snapped .fd-navigation__list-container--menu .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child).is-expanded>.fd-navigation__link.is-focus .fd-navigation__text,.fd-navigation--snapped .fd-navigation__list-container--menu .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child).is-expanded>.fd-navigation__link:focus .fd-navigation__text,.fd-navigation--snapped .fd-navigation__list-container--menu .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child)[aria-expanded=true]>.fd-navigation__link.is-focus .fd-navigation__text,.fd-navigation--snapped .fd-navigation__list-container--menu .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child)[aria-expanded=true]>.fd-navigation__link:focus .fd-navigation__text{--fdNavigation_Item_Text_Display:inline-block}.fd-navigation--snapped .fd-navigation__list-container{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--snapped .fd-navigation__list-container .fd-navigation__list--parent-items{--fdNavigation_List_Parent_Items_Display:flex}.fd-navigation--snapped .fd-navigation__list-container .fd-navigation__has-children-indicator{--fdNavigation_Link_Has_Child_Indicator_Display:flex}.fd-navigation--snapped .fd-navigation__list-container .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child)>.fd-navigation__link.is-hover,.fd-navigation--snapped .fd-navigation__list-container .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child)>.fd-navigation__link:hover{width:auto}.fd-navigation--snapped .fd-navigation__list-container.fd-navigation__list-container--menu{-webkit-box-shadow:var(--sapMenu_Shadow1);box-shadow:var(--sapMenu_Shadow1);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:0;-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--menu .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child)>.fd-navigation__link.is-hover,.fd-navigation--snapped .fd-navigation__list-container.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--snapped .fd-navigation__list-container.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--snapped .fd-navigation__list-container.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--snapped .fd-navigation__list-container.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--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-wrapper{padding-block:.7rem;padding-inline:.7rem}.fd-navigation--snapped .fd-navigation__item--title{display:-webkit-box;display:-ms-flexbox;display:flex;height:auto;-webkit-margin-after:.75rem;margin-block-end:.75rem}.fd-navigation--snapped .fd-navigation__item--title .fd-navigation__text{--fdNavigation_Item_Title_Display:block;font-size:1.25rem;font-weight:700;line-height:1.5rem}.fd-navigation--snapped .fd-navigation__list--child-items{--fdNavigation_Item_Spacing:0;height:auto}.fd-navigation--phone,.fd-navigation--tablet{--fdNavigation_Link_Icon_Size:1.125rem;--fdNavigation_Link_Min_Height:2.5rem;--fdNavigation_Link_Shift_Left:.6875rem}.fd-navigation--phone .fd-navigation__container--bottom,.fd-navigation--phone .fd-navigation__container--top,.fd-navigation--tablet .fd-navigation__container--bottom,.fd-navigation--tablet .fd-navigation__container--top{--fdNavigation_Padding_X:.5rem}.fd-navigation--phone.fd-navigation--vertical .fd-navigation__item--with-expander .fd-navigation__link,.fd-navigation--tablet.fd-navigation--vertical .fd-navigation__item--with-expander .fd-navigation__link{--fdNavigation_Link_Padding_Right:2.375rem}.fd-navigation--phone.fd-navigation--vertical .fd-navigation__item--with-expander .fd-navigation__expander,.fd-navigation--tablet.fd-navigation--vertical .fd-navigation__item--with-expander .fd-navigation__expander{--fdNavigation_Expander_Position_Right:.6875rem}.fd-navigation--phone .fd-navigation__list,.fd-navigation--phone .fd-navigation__list-item,.fd-navigation--tablet .fd-navigation__list,.fd-navigation--tablet .fd-navigation__list-item{--fdNavigation_Item_Spacing:.125rem}.fd-navigation--phone.fd-navigation--snapped.fd-navigation--vertical .fd-navigation__item--with-expander .fd-navigation__link,.fd-navigation--tablet.fd-navigation--snapped.fd-navigation--vertical .fd-navigation__item--with-expander .fd-navigation__link{--fdNavigation_Link_Padding_Right:.6875rem}.fd-navigation--phone.fd-navigation--horizontal,.fd-navigation--tablet.fd-navigation--horizontal{--fdNavigation_Horizontal_Height:4rem}.fd-navigation--phone.fd-navigation--horizontal .fd-navigation__list--child-items,.fd-navigation--tablet.fd-navigation--horizontal .fd-navigation__list--child-items{--fdNavigation_Item_Spacing:0}.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:.75rem;max-height:.75rem;min-height:.75rem}.fd-navigation__list-item--home{position:sticky;top:0;z-index:10;-webkit-padding-before:.25rem;background:var(--sapList_Background);padding-block-start:.25rem}.fd-navigation__list-item--home:before{background:var(--sapList_Background);content:\"\";height:calc(100% + .5rem);left:-.25rem;position:absolute;top:-.25rem;width:calc(100% + .5rem)}[dir=rtl] .fd-navigation__list-item--home:before{left:auto;right:-.25rem}.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-block:.5rem;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(--sapList_TextColor);cursor:pointer;gap:var(--fdNavigation_Link_Spacing);min-height:var(--fdNavigation_Link_Min_Height);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_Child_Indicator_Opacity:1;--fdNavigation_Link_Background:var(--sapNavigation_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_Child_Indicator_Opacity:1;--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__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_Child_Indicator_Opacity:1;--fdNavigation_Link_Border_Bottom_Color:transparent;--fdNavigation_Link_Background:var(--sapNavigation_Background);outline:var(--sapContent_FocusStyle) var(--sapContent_FocusWidth) var(--sapContent_FocusColor)}.fd-navigation__link:focus-visible{outline-offset:0}.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(--sapNavigation_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__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(--sapNavigation_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__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(--sapNavigation_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__item--child .fd-navigation__link{--fdNavigation_Link_Spacing:.5rem;--fdNavigation_Link_Font_Weight:normal;--fdNavigation_Link_Padding_Left:calc(var(--fdNavigation_Link_Icon_Size) + var(--fdNavigation_Link_Spacing) + var(--fdNavigation_Link_Shift_Left))}.fd-navigation__item--group{--fdNavigation_Link_Child_Indicator_Opacity:0;display:var(--fdNavigation_Item_Group_Display)}.fd-navigation__item--group .fd-navigation__link{--fdNavigation_Link_Spacing:.4375rem;--fdNavigation_Link_Text_Color:var(--sapContent_LabelColor);--fdNavigation_Link_Font_Weight:600;--fdNavigation_Link_Font_Size:var(--sapFontSmallSize)}.fd-navigation__item--title{display:var(--fdNavigation_Item_Title_Display);height:auto}.fd-navigation__item--title .fd-navigation__text{font-size:1.25rem;font-weight:700;line-height:1.5rem;--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_Child_Indicator_Opacity:1;--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__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:inherit;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-size:var(--sapFontSize);font-size:var(--fdNavigation_Link_Font_Size);font-weight:400;font-weight:var(--fdNavigation_Link_Font_Weight);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;border-radius:100%;-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:var(--fdNavigation_Link_Selection_Indicator_Size);line-height:normal;margin-block:0;margin-inline:0;max-height:var(--fdNavigation_Link_Selection_Indicator_Size);max-width:var(--fdNavigation_Link_Selection_Indicator_Size);min-height:var(--fdNavigation_Link_Selection_Indicator_Size);min-width:var(--fdNavigation_Link_Selection_Indicator_Size);padding-block:0;padding-inline:0;width:var(--fdNavigation_Link_Selection_Indicator_Size)}.fd-navigation__selection-indicator:after,.fd-navigation__selection-indicator:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.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;display:var(--fdNavigation_Link_Has_Child_Indicator_Display);height:.75rem;max-height:.75rem;max-width:.75rem;min-height:.75rem;min-width:.75rem;opacity:var(--fdNavigation_Link_Child_Indicator_Opacity);-webkit-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out;width:.75rem}.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:.75rem}[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(--sapContent_LabelColor);height:.75rem;max-height:.75rem;max-width:.75rem;min-height:.75rem;min-width:.75rem;width:.75rem}.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:.75rem}.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.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(--sapNavigation_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:.25rem;--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:3.5rem;min-width:3.5rem;width:3.5rem;--fdNavigation_Border_Radius:.5rem .5rem 0 0}.fd-navigation.fd-navigation--vertical .fd-navigation__item--with-expander{position:relative}.fd-navigation.fd-navigation--vertical .fd-navigation__item--with-expander .fd-navigation__expander{position:absolute;right:var(--fdNavigation_Expander_Position_Right);z-index:20}.fd-navigation.fd-navigation--vertical .fd-navigation__item--with-expander .fd-navigation__expander[dir=rtl],[dir=rtl] .fd-navigation.fd-navigation--vertical .fd-navigation__item--with-expander .fd-navigation__expander{left:var(--fdNavigation_Expander_Position_Right);right:auto}.fd-navigation.fd-navigation--vertical:not(.fd-navigation--snapped) .fd-navigation__item--with-expander .fd-navigation__link{--fdNavigation_Link_Padding_Right:2.1975rem}.fd-navigation.fd-navigation--horizontal{background:var(--sapNavigation_Background);height:var(--fdNavigation_Horizontal_Height);padding-block:.75rem;padding-inline:1.5rem;width:100%}.fd-navigation.fd-navigation--horizontal .fd-navigation__link{--fdNavigation_Link_Spacing:.5rem}.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_Selection_Indicator_Display:none;--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-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:none;--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-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__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow) .fd-navigation__link:before{--fdNavigation_Link_Border_Bottom_Color:transparent}.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:hover: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--child-items{--fdNavigation_Item_Spacing:0}.fd-navigation.fd-navigation--horizontal .fd-navigation__list-item--spacer{height:.75rem;width:100%}.fd-navigation.fd-navigation--horizontal .fd-navigation__list-item--home{-webkit-padding-before:0;background:transparent;padding-block-start:0;position:relative}.fd-navigation.fd-navigation--horizontal .fd-navigation__list-item--home:before{content:none}.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--with-expander):not(.fd-navigation__item--overflow).is-expanded .fd-navigation__link,.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--with-expander):not(.fd-navigation__item--overflow)[aria-expanded=true] .fd-navigation__link{--fdNavigation_Link_Child_Indicator_Opacity:1;--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--with-expander):not(.fd-navigation__item--overflow).is-expanded .fd-navigation__link.is-focus,.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--with-expander):not(.fd-navigation__item--overflow).is-expanded .fd-navigation__link:focus,.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--with-expander):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--with-expander):not(.fd-navigation__item--overflow)[aria-expanded=true] .fd-navigation__link:focus{z-index:5;--fdNavigation_Link_Child_Indicator_Opacity:1;--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--with-expander):not(.fd-navigation__item--overflow).is-expanded.is-selected .fd-navigation__link,.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--with-expander):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--with-expander):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--with-expander):not(.fd-navigation__item--overflow)[aria-expanded=true][aria-selected=true] .fd-navigation__link{--fdNavigation_Link_Selection_Indicator_Display:none;--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--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(--sapNavigation_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(--sapNavigation_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[class*=-compact],[class*=-compact] .fd-navigation:not([class*=-cozy]){--fdNavigation_Link_Min_Height:2rem}.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}\n/*! Bundled license information:\n\nfundamental-styles/dist/navigation.css:\n  (*!\n   * Fundamental Library Styles v0.38.0\n   * Copyright (c) 2024 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@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.39.2\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 }); }
 }
 __decorate([
     applyCssClass,
@@ -1554,7 +1571,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.3", ngImpor
                         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:.75rem;--fdNavigation_Padding_Top:1.25rem;--fdNavigation_Item_Spacing:.25rem;--fdNavigation_Padding_Bottom:.5rem;--fdNavigation_Horizontal_Height:3.5rem;--fdNavigation_Expander_Position_Right:.5rem;--fdNavigation_Border_Radius:.5rem .5rem 0 0;--fdNavigation_Box_Shadow:var(--sapNavigation_Shadow1);--fdNavigation_Link_Icon_Size:1rem;--fdNavigation_Link_Min_Height:2rem;--fdNavigation_Link_Font_Weight:bold;--fdNavigation_Link_Spacing:.4375rem;--fdNavigation_Link_Text_Color:inherit;--fdNavigation_Link_Shift_Left:.5rem;--fdNavigation_Link_Padding_Left:var(--fdNavigation_Link_Shift_Left);--fdNavigation_Link_Padding_Right:var(--fdNavigation_Link_Shift_Left);--fdNavigation_Link_Child_Indicator_Opacity:1;--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:0 100%/100% .125rem no-repeat linear-gradient(0deg,var(--sapShell_Navigation_SelectedColor),var(--sapShell_Navigation_SelectedColor)),var(--sapNavigation_Selected_Background);--fdNavigation_List_Container_Display:none;--fdNavigation_List_Parent_Items_Display:none;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--snapped .fd-navigation__container--bottom,.fd-navigation--snapped .fd-navigation__container--top{overflow:visible}.fd-navigation--snapped .fd-navigation__item:not(.fd-navigation__item--title) .fd-navigation__link{--fdNavigation_Link_Spacing:.5rem}.fd-navigation--snapped .fd-navigation__item:not(.fd-navigation__item--title).is-expanded+.fd-navigation__list-container,.fd-navigation--snapped .fd-navigation__item:not(.fd-navigation__item--title)[aria-expanded=true]+.fd-navigation__list-container{display:-webkit-box;display:-ms-flexbox;display:flex}.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_Child_Indicator_Opacity:1;--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--snapped .fd-navigation__item:not(.fd-navigation__item--title).is-expanded .fd-navigation__link.is-focus,.fd-navigation--snapped .fd-navigation__item:not(.fd-navigation__item--title).is-expanded .fd-navigation__link:focus,.fd-navigation--snapped .fd-navigation__item:not(.fd-navigation__item--title)[aria-expanded=true] .fd-navigation__link.is-focus,.fd-navigation--snapped .fd-navigation__item:not(.fd-navigation__item--title)[aria-expanded=true] .fd-navigation__link:focus{z-index:5;--fdNavigation_Link_Child_Indicator_Opacity:1;--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--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_Background:var(--sapNavigation_Selected_Background)}.fd-navigation--snapped .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow).is-selected,.fd-navigation--snapped .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow)[aria-selected=true]{--fdNavigation_Link_Selection_Indicator_Display:none;--fdNavigation_Link_Background:var(--fdNavigation_Item_Selected_Background)}.fd-navigation--snapped .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow).is-selected .fd-navigation__link.is-focus,.fd-navigation--snapped .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow).is-selected .fd-navigation__link:focus,.fd-navigation--snapped .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow)[aria-selected=true] .fd-navigation__link.is-focus,.fd-navigation--snapped .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--snapped .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow).is-selected .fd-navigation__link.is-hover,.fd-navigation--snapped .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow).is-selected .fd-navigation__link:hover,.fd-navigation--snapped .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow)[aria-selected=true] .fd-navigation__link.is-hover,.fd-navigation--snapped .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--snapped .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow).is-selected.is-expanded .fd-navigation__link,.fd-navigation--snapped .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow).is-selected[aria-expanded=true] .fd-navigation__link,.fd-navigation--snapped .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow)[aria-selected=true].is-expanded .fd-navigation__link,.fd-navigation--snapped .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:none;--fdNavigation_Link_Background:var(--fdNavigation_Item_Selected_Background)}.fd-navigation--snapped .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow).is-expanded .fd-navigation__link:before,.fd-navigation--snapped .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--snapped .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow) .fd-navigation__link:before{--fdNavigation_Link_Border_Bottom_Color:transparent}.fd-navigation--snapped .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow) .fd-navigation__link.is-hover:before,.fd-navigation--snapped .fd-navigation__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow) .fd-navigation__link:hover:before{--fdNavigation_Link_Border_Bottom_Color:var(--fdNavigation_Link_Border_Color)}.fd-navigation--snapped.fd-navigation--vertical .fd-navigation__item--with-expander .fd-navigation__link{--fdNavigation_Link_Padding_Right:.5rem}.fd-navigation--snapped.fd-navigation--vertical .fd-navigation__item--with-expander .fd-navigation__expander{display:none}.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:.5rem}.fd-navigation--snapped .fd-navigation__has-children-indicator{--fdNavigation_Link_Has_Child_Indicator_Display:none}.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child)>.fd-navigation__link.is-hover,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child)>.fd-navigation__link:hover{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child)>.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__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__link.is-focus,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child)>.fd-navigation__link:focus{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;z-index:5}.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child)>.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__link:focus .fd-navigation__text{--fdNavigation_Item_Text_Display:inline-block}.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child).is-expanded>.fd-navigation__link.is-hover,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child).is-expanded>.fd-navigation__link:hover,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child)[aria-expanded=true]>.fd-navigation__link.is-hover,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child)[aria-expanded=true]>.fd-navigation__link:hover{width:auto}.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child).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).is-expanded>.fd-navigation__link:hover .fd-navigation__text,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child)[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)[aria-expanded=true]>.fd-navigation__link:hover .fd-navigation__text{--fdNavigation_Item_Text_Display:none}.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child).is-expanded>.fd-navigation__link.is-focus,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child).is-expanded>.fd-navigation__link:focus,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child)[aria-expanded=true]>.fd-navigation__link.is-focus,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child)[aria-expanded=true]>.fd-navigation__link:focus{width:auto;z-index:5}.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child).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).is-expanded>.fd-navigation__link:focus .fd-navigation__text,.fd-navigation--snapped .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child)[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)[aria-expanded=true]>.fd-navigation__link:focus .fd-navigation__text{--fdNavigation_Item_Text_Display:none}.fd-navigation--snapped .fd-navigation__list-container--menu .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child)>.fd-navigation__link.is-hover,.fd-navigation--snapped .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--snapped .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--snapped .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--snapped .fd-navigation__list-container--menu .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child)>.fd-navigation__link.is-focus,.fd-navigation--snapped .fd-navigation__list-container--menu .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child)>.fd-navigation__link:focus{width:100%;z-index:5}.fd-navigation--snapped .fd-navigation__list-container--menu .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child)>.fd-navigation__link.is-focus .fd-navigation__text,.fd-navigation--snapped .fd-navigation__list-container--menu .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child)>.fd-navigation__link:focus .fd-navigation__text{--fdNavigation_Item_Text_Display:inline-block}.fd-navigation--snapped .fd-navigation__list-container--menu .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child).is-expanded>.fd-navigation__link.is-hover,.fd-navigation--snapped .fd-navigation__list-container--menu .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child).is-expanded>.fd-navigation__link:hover,.fd-navigation--snapped .fd-navigation__list-container--menu .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child)[aria-expanded=true]>.fd-navigation__link.is-hover,.fd-navigation--snapped .fd-navigation__list-container--menu .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child)[aria-expanded=true]>.fd-navigation__link:hover{width:100%}.fd-navigation--snapped .fd-navigation__list-container--menu .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child).is-expanded>.fd-navigation__link.is-hover .fd-navigation__text,.fd-navigation--snapped .fd-navigation__list-container--menu .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child).is-expanded>.fd-navigation__link:hover .fd-navigation__text,.fd-navigation--snapped .fd-navigation__list-container--menu .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child)[aria-expanded=true]>.fd-navigation__link.is-hover .fd-navigation__text,.fd-navigation--snapped .fd-navigation__list-container--menu .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child)[aria-expanded=true]>.fd-navigation__link:hover .fd-navigation__text{--fdNavigation_Item_Text_Display:inline-block}.fd-navigation--snapped .fd-navigation__list-container--menu .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child).is-expanded>.fd-navigation__link.is-focus,.fd-navigation--snapped .fd-navigation__list-container--menu .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child).is-expanded>.fd-navigation__link:focus,.fd-navigation--snapped .fd-navigation__list-container--menu .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child)[aria-expanded=true]>.fd-navigation__link.is-focus,.fd-navigation--snapped .fd-navigation__list-container--menu .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child)[aria-expanded=true]>.fd-navigation__link:focus{width:100%;z-index:5}.fd-navigation--snapped .fd-navigation__list-container--menu .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child).is-expanded>.fd-navigation__link.is-focus .fd-navigation__text,.fd-navigation--snapped .fd-navigation__list-container--menu .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child).is-expanded>.fd-navigation__link:focus .fd-navigation__text,.fd-navigation--snapped .fd-navigation__list-container--menu .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child)[aria-expanded=true]>.fd-navigation__link.is-focus .fd-navigation__text,.fd-navigation--snapped .fd-navigation__list-container--menu .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child)[aria-expanded=true]>.fd-navigation__link:focus .fd-navigation__text{--fdNavigation_Item_Text_Display:inline-block}.fd-navigation--snapped .fd-navigation__list-container{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--snapped .fd-navigation__list-container .fd-navigation__list--parent-items{--fdNavigation_List_Parent_Items_Display:flex}.fd-navigation--snapped .fd-navigation__list-container .fd-navigation__has-children-indicator{--fdNavigation_Link_Has_Child_Indicator_Display:flex}.fd-navigation--snapped .fd-navigation__list-container .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child)>.fd-navigation__link.is-hover,.fd-navigation--snapped .fd-navigation__list-container .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child)>.fd-navigation__link:hover{width:auto}.fd-navigation--snapped .fd-navigation__list-container.fd-navigation__list-container--menu{-webkit-box-shadow:var(--sapMenu_Shadow1);box-shadow:var(--sapMenu_Shadow1);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:0;-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--menu .fd-navigation__list-item>.fd-navigation__item:not(.fd-navigation__item--child)>.fd-navigation__link.is-hover,.fd-navigation--snapped .fd-navigation__list-container.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--snapped .fd-navigation__list-container.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--snapped .fd-navigation__list-container.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--snapped .fd-navigation__list-container.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--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-wrapper{padding-block:.7rem;padding-inline:.7rem}.fd-navigation--snapped .fd-navigation__item--title{display:-webkit-box;display:-ms-flexbox;display:flex;height:auto;-webkit-margin-after:.75rem;margin-block-end:.75rem}.fd-navigation--snapped .fd-navigation__item--title .fd-navigation__text{--fdNavigation_Item_Title_Display:block;font-size:1.25rem;font-weight:700;line-height:1.5rem}.fd-navigation--snapped .fd-navigation__list--child-items{--fdNavigation_Item_Spacing:0;height:auto}.fd-navigation--phone,.fd-navigation--tablet{--fdNavigation_Link_Icon_Size:1.125rem;--fdNavigation_Link_Min_Height:2.5rem;--fdNavigation_Link_Shift_Left:.6875rem}.fd-navigation--phone .fd-navigation__container--bottom,.fd-navigation--phone .fd-navigation__container--top,.fd-navigation--tablet .fd-navigation__container--bottom,.fd-navigation--tablet .fd-navigation__container--top{--fdNavigation_Padding_X:.5rem}.fd-navigation--phone.fd-navigation--vertical .fd-navigation__item--with-expander .fd-navigation__link,.fd-navigation--tablet.fd-navigation--vertical .fd-navigation__item--with-expander .fd-navigation__link{--fdNavigation_Link_Padding_Right:2.375rem}.fd-navigation--phone.fd-navigation--vertical .fd-navigation__item--with-expander .fd-navigation__expander,.fd-navigation--tablet.fd-navigation--vertical .fd-navigation__item--with-expander .fd-navigation__expander{--fdNavigation_Expander_Position_Right:.6875rem}.fd-navigation--phone .fd-navigation__list,.fd-navigation--phone .fd-navigation__list-item,.fd-navigation--tablet .fd-navigation__list,.fd-navigation--tablet .fd-navigation__list-item{--fdNavigation_Item_Spacing:.125rem}.fd-navigation--phone.fd-navigation--snapped.fd-navigation--vertical .fd-navigation__item--with-expander .fd-navigation__link,.fd-navigation--tablet.fd-navigation--snapped.fd-navigation--vertical .fd-navigation__item--with-expander .fd-navigation__link{--fdNavigation_Link_Padding_Right:.6875rem}.fd-navigation--phone.fd-navigation--horizontal,.fd-navigation--tablet.fd-navigation--horizontal{--fdNavigation_Horizontal_Height:4rem}.fd-navigation--phone.fd-navigation--horizontal .fd-navigation__list--child-items,.fd-navigation--tablet.fd-navigation--horizontal .fd-navigation__list--child-items{--fdNavigation_Item_Spacing:0}.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:.75rem;max-height:.75rem;min-height:.75rem}.fd-navigation__list-item--home{position:sticky;top:0;z-index:10;-webkit-padding-before:.25rem;background:var(--sapList_Background);padding-block-start:.25rem}.fd-navigation__list-item--home:before{background:var(--sapList_Background);content:\"\";height:calc(100% + .5rem);left:-.25rem;position:absolute;top:-.25rem;width:calc(100% + .5rem)}[dir=rtl] .fd-navigation__list-item--home:before{left:auto;right:-.25rem}.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-block:.5rem;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(--sapList_TextColor);cursor:pointer;gap:var(--fdNavigation_Link_Spacing);min-height:var(--fdNavigation_Link_Min_Height);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_Child_Indicator_Opacity:1;--fdNavigation_Link_Background:var(--sapNavigation_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_Child_Indicator_Opacity:1;--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__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_Child_Indicator_Opacity:1;--fdNavigation_Link_Border_Bottom_Color:transparent;--fdNavigation_Link_Background:var(--sapNavigation_Background);outline:var(--sapContent_FocusStyle) var(--sapContent_FocusWidth) var(--sapContent_FocusColor)}.fd-navigation__link:focus-visible{outline-offset:0}.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(--sapNavigation_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__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(--sapNavigation_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__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(--sapNavigation_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__item--child .fd-navigation__link{--fdNavigation_Link_Spacing:.5rem;--fdNavigation_Link_Font_Weight:normal;--fdNavigation_Link_Padding_Left:calc(var(--fdNavigation_Link_Icon_Size) + var(--fdNavigation_Link_Spacing) + var(--fdNavigation_Link_Shift_Left))}.fd-navigation__item--group{--fdNavigation_Link_Child_Indicator_Opacity:0;display:var(--fdNavigation_Item_Group_Display)}.fd-navigation__item--group .fd-navigation__link{--fdNavigation_Link_Spacing:.4375rem;--fdNavigation_Link_Text_Color:var(--sapContent_LabelColor);--fdNavigation_Link_Font_Weight:600;--fdNavigation_Link_Font_Size:var(--sapFontSmallSize)}.fd-navigation__item--title{display:var(--fdNavigation_Item_Title_Display);height:auto}.fd-navigation__item--title .fd-navigation__text{font-size:1.25rem;font-weight:700;line-height:1.5rem;--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_Child_Indicator_Opacity:1;--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__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:inherit;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-size:var(--sapFontSize);font-size:var(--fdNavigation_Link_Font_Size);font-weight:400;font-weight:var(--fdNavigation_Link_Font_Weight);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;border-radius:100%;-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:var(--fdNavigation_Link_Selection_Indicator_Size);line-height:normal;margin-block:0;margin-inline:0;max-height:var(--fdNavigation_Link_Selection_Indicator_Size);max-width:var(--fdNavigation_Link_Selection_Indicator_Size);min-height:var(--fdNavigation_Link_Selection_Indicator_Size);min-width:var(--fdNavigation_Link_Selection_Indicator_Size);padding-block:0;padding-inline:0;width:var(--fdNavigation_Link_Selection_Indicator_Size)}.fd-navigation__selection-indicator:after,.fd-navigation__selection-indicator:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.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;display:var(--fdNavigation_Link_Has_Child_Indicator_Display);height:.75rem;max-height:.75rem;max-width:.75rem;min-height:.75rem;min-width:.75rem;opacity:var(--fdNavigation_Link_Child_Indicator_Opacity);-webkit-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out;width:.75rem}.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:.75rem}[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(--sapContent_LabelColor);height:.75rem;max-height:.75rem;max-width:.75rem;min-height:.75rem;min-width:.75rem;width:.75rem}.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:.75rem}.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.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(--sapNavigation_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:.25rem;--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:3.5rem;min-width:3.5rem;width:3.5rem;--fdNavigation_Border_Radius:.5rem .5rem 0 0}.fd-navigation.fd-navigation--vertical .fd-navigation__item--with-expander{position:relative}.fd-navigation.fd-navigation--vertical .fd-navigation__item--with-expander .fd-navigation__expander{position:absolute;right:var(--fdNavigation_Expander_Position_Right);z-index:20}.fd-navigation.fd-navigation--vertical .fd-navigation__item--with-expander .fd-navigation__expander[dir=rtl],[dir=rtl] .fd-navigation.fd-navigation--vertical .fd-navigation__item--with-expander .fd-navigation__expander{left:var(--fdNavigation_Expander_Position_Right);right:auto}.fd-navigation.fd-navigation--vertical:not(.fd-navigation--snapped) .fd-navigation__item--with-expander .fd-navigation__link{--fdNavigation_Link_Padding_Right:2.1975rem}.fd-navigation.fd-navigation--horizontal{background:var(--sapNavigation_Background);height:var(--fdNavigation_Horizontal_Height);padding-block:.75rem;padding-inline:1.5rem;width:100%}.fd-navigation.fd-navigation--horizontal .fd-navigation__link{--fdNavigation_Link_Spacing:.5rem}.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_Selection_Indicator_Display:none;--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-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:none;--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-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__item:not(.fd-navigation__item--child):not(.fd-navigation__item--overflow) .fd-navigation__link:before{--fdNavigation_Link_Border_Bottom_Color:transparent}.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:hover: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--child-items{--fdNavigation_Item_Spacing:0}.fd-navigation.fd-navigation--horizontal .fd-navigation__list-item--spacer{height:.75rem;width:100%}.fd-navigation.fd-navigation--horizontal .fd-navigation__list-item--home{-webkit-padding-before:0;background:transparent;padding-block-start:0;position:relative}.fd-navigation.fd-navigation--horizontal .fd-navigation__list-item--home:before{content:none}.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--with-expander):not(.fd-navigation__item--overflow).is-expanded .fd-navigation__link,.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--with-expander):not(.fd-navigation__item--overflow)[aria-expanded=true] .fd-navigation__link{--fdNavigation_Link_Child_Indicator_Opacity:1;--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--with-expander):not(.fd-navigation__item--overflow).is-expanded .fd-navigation__link.is-focus,.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--with-expander):not(.fd-navigation__item--overflow).is-expanded .fd-navigation__link:focus,.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--with-expander):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--with-expander):not(.fd-navigation__item--overflow)[aria-expanded=true] .fd-navigation__link:focus{z-index:5;--fdNavigation_Link_Child_Indicator_Opacity:1;--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--with-expander):not(.fd-navigation__item--overflow).is-expanded.is-selected .fd-navigation__link,.fd-navigation.fd-navigation--horizontal .fd-navigation__item:not(.fd-navigation__item--with-expander):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--with-expander):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--with-expander):not(.fd-navigation__item--overflow)[aria-expanded=true][aria-selected=true] .fd-navigation__link{--fdNavigation_Link_Selection_Indicator_Display:none;--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--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(--sapNavigation_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(--sapNavigation_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[class*=-compact],[class*=-compact] .fd-navigation:not([class*=-cozy]){--fdNavigation_Link_Min_Height:2rem}.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}\n/*! Bundled license information:\n\nfundamental-styles/dist/navigation.css:\n  (*!\n   * Fundamental Library Styles v0.38.0\n   * Copyright (c) 2024 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@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.39.2\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
             }], mode: [{