@fundamental-ngx/platform 0.48.0-rc.8 → 0.48.0

package/fesm2022/fundamental-ngx-platform-icon-tab-bar.mjs

@@ -1,16 +1,21 @@
 import * as i0 from '@angular/core';
-import { EventEmitter, isDevMode, Directive, Input, Output, ViewChild, Component, ViewChildren, ChangeDetectionStrategy, ViewEncapsulation, Optional, NgModule } from '@angular/core';
-import { Subject, ReplaySubject } from 'rxjs';
-import { take, takeUntil, debounceTime, distinctUntilChanged } from 'rxjs/operators';
+import { EventEmitter, signal, inject, ChangeDetectorRef, NgZone, DestroyRef, isDevMode, ElementRef, Directive, Input, Output, ViewChild, Component, ViewChildren, ChangeDetectionStrategy, HostBinding, booleanAttribute, ContentChildren, computed, ViewEncapsulation, Optional, NgModule } from '@angular/core';
+import { take, debounceTime, distinctUntilChanged, startWith, first } from 'rxjs/operators';
 import { SPACE, ENTER, RIGHT_ARROW, DOWN_ARROW, LEFT_ARROW, UP_ARROW } from '@angular/cdk/keycodes';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import * as i1$1 from '@fundamental-ngx/cdk/utils';
-import { KeyUtil, OverflowListDirective, OverflowListItemDirective } from '@fundamental-ngx/cdk/utils';
+import { KeyUtil, OverflowListDirective, AsyncOrSyncPipe, OverflowListItemDirective, scrollTop } from '@fundamental-ngx/cdk/utils';
+import { FD_DYNAMIC_PAGE } from '@fundamental-ngx/core/dynamic-page';
 import { cloneDeep } from 'lodash-es';
-import { NgClass, SlicePipe, NgTemplateOutlet } from '@angular/common';
+import { NgClass, SlicePipe, NgTemplateOutlet, CommonModule } from '@angular/common';
 import { ButtonComponent } from '@fundamental-ngx/core/button';
-import { IconComponent } from '@fundamental-ngx/core/icon';
+import { IconComponent, FD_DEFAULT_ICON_FONT_FAMILY } from '@fundamental-ngx/core/icon';
 import { PopoverComponent, PopoverControlComponent, PopoverBodyComponent } from '@fundamental-ngx/core/popover';
 import * as i1 from '@angular/cdk/drag-drop';
+import { ReplaySubject, Subject, fromEvent } from 'rxjs';
+import { ScrollSpyDirective } from '@fundamental-ngx/core/scroll-spy';
+import { ScrollbarDirective } from '@fundamental-ngx/core/scrollbar';
+import { FD_TABLIST } from '@fundamental-ngx/core/shared';
 
 const UNIQUE_KEY_SEPARATOR = '.';
 const FLIPPER_SIZE = {
@@ -21,40 +26,45 @@ const FLIPPER_SIZE = {
 const ICON_TAB_HIDDEN_CLASS_NAME = 'fd-icon-tab-bar__item--hidden';
 
 class IconTabBarBase {
-    /**
-     * @description densityMode setter triggers tabs to re-calculation overflowed tabs
-     */
-    set densityMode(value) {
-        // Skip first value && value doesn't equal to previous one
-        if (this._densityMode && value !== this._densityMode) {
-            this._triggerRecalculationVisibleItems();
-        }
-        this._densityMode = value;
-    }
-    /** @hidden */
-    constructor(_cd, _ngZone) {
-        this._cd = _cd;
-        this._ngZone = _ngZone;
+    constructor() {
         /**
          * @description A tab bar configuration that stores the state of each tab. Based on this configuration, a tab bar is representing.
          */
-        this.tabsConfig = [];
+        this.tabs = [];
         /**
          * @description Emits when some tab is selected.
          */
         this.selected = new EventEmitter();
+        /** Emits when selected tab Unique ID changes. */
+        this.selectedUidChange = new EventEmitter();
         /** @hidden */
-        this._extraTabs = [];
+        this._extraTabs$ = signal([]);
         /** @hidden */
-        this._tabs = [];
+        this._extraItems$ = signal(false);
         /** @hidden */
-        this._onDestroy$ = new Subject();
+        this._inDynamicPage = !!inject(FD_DYNAMIC_PAGE, { optional: true });
+        /** @hidden */
+        this._cd = inject(ChangeDetectorRef);
+        /** @Hidden */
+        this._ngZone = inject(NgZone);
+        /** @hidden */
+        this._destroyRef = inject(DestroyRef);
         /** @hidden */
         this._destroyed = false;
     }
+    /**
+     * @description densityMode setter triggers tabs to re-calculation overflowed tabs
+     */
+    set densityMode(value) {
+        // Skip first value && value doesn't equal to previous one
+        if (this._densityMode && value !== this._densityMode) {
+            this._triggerRecalculationVisibleItems();
+        }
+        this._densityMode = value;
+    }
     /** @hidden */
     ngOnChanges(changes) {
-        if (changes.tabsConfig && !changes.tabsConfig.firstChange) {
+        if (changes.tabs && !changes.tabs.firstChange) {
             this._initTabs();
             this._triggerRecalculationVisibleItems();
             return;
@@ -73,8 +83,6 @@ class IconTabBarBase {
     }
     /** @hidden */
     ngOnDestroy() {
-        this._onDestroy$.next();
-        this._onDestroy$.complete();
         this._destroyed = true;
     }
     /**
@@ -84,7 +92,8 @@ class IconTabBarBase {
      */
     _selectItem(selectedItem, event) {
         event?.stopPropagation();
-        this._selectedUid = selectedItem.uId;
+        this.selectedUid = selectedItem.uId;
+        this.selectedUidChange.emit(this.selectedUid);
         selectedItem.badge = false;
         this.selected.emit(selectedItem);
     }
@@ -105,14 +114,14 @@ class IconTabBarBase {
     }
     /** @hidden focuses next tab */
     _focusNextItem(currentIndex) {
-        const nextIndex = currentIndex === this._tabs.length - 1 ? 0 : currentIndex + 1;
+        const nextIndex = currentIndex === this.tabs.length - 1 ? 0 : currentIndex + 1;
         this._focusItem(nextIndex);
     }
     /** @hidden focuses previous tab */
     _focusPreviousItem(currentIndex) {
         if (currentIndex === 0) {
             // if current focused element is first, focus the last one. If tabs are overflowed, focus the last tab in the popover
-            this._focusItem(this._tabs.length - 1, true);
+            this._focusItem(this.tabs.length - 1, true);
         }
         else {
             this._focusItem(currentIndex - 1);
@@ -137,15 +146,18 @@ class IconTabBarBase {
      * @description select extra item inside popover
      */
     _selectExtraItem(selectedItem) {
-        const deletedItem = this._tabs.splice(this._lastVisibleTabIndex, 1, selectedItem)[0];
-        this._tabs.splice(selectedItem.index, 1, deletedItem);
+        const tabs = [...this.tabs];
+        const deletedItem = tabs.splice(this._lastVisibleTabIndex, 1, selectedItem)[0];
+        tabs.splice(selectedItem.index, 1, deletedItem);
+        this.tabs = tabs;
+        const extraTabs = [...this._extraTabs$()];
         deletedItem.index = selectedItem.index;
         deletedItem.uId = `${deletedItem.index}`;
         const itemToPopover = cloneDeep(deletedItem);
         deletedItem.hidden = true;
         deletedItem.cssClasses.push(ICON_TAB_HIDDEN_CLASS_NAME);
         let indexInExtraItems;
-        this._extraTabs.forEach((item, index) => {
+        this._extraTabs$().forEach((item, index) => {
             if (item.index === selectedItem.index) {
                 indexInExtraItems = index;
             }
@@ -156,8 +168,8 @@ class IconTabBarBase {
         if (selectedItem.color) {
             selectedItem.cssClasses = [`fd-icon-tab-bar__item--${selectedItem.color}`];
         }
-        this._extraTabs.splice(indexInExtraItems, 1, itemToPopover);
-        this._extraTabs = [...this._extraTabs];
+        extraTabs.splice(indexInExtraItems, 1, itemToPopover);
+        this._extraTabs$.set(extraTabs);
         this._selectItem(selectedItem);
         this._triggerRecalculationVisibleItems();
         this._focusItem(this._lastVisibleTabIndex);
@@ -168,19 +180,23 @@ class IconTabBarBase {
      * @description recalculate _nextSteps and _prevSteps array if we have extra items
      */
     _recalculateVisibleItems(extraItems) {
-        this._lastVisibleTabIndex = this._tabs.length - 1 - extraItems;
-        this._tabs.forEach((item) => {
+        this._extraItems$.set(extraItems > 0);
+        this._cd.detectChanges();
+        const tabs = [...this.tabs];
+        const extraTabs = [];
+        this._lastVisibleTabIndex = tabs.length - 1 - extraItems;
+        tabs.forEach((item) => {
             item.hidden = false;
             item.cssClasses = item.cssClasses.filter((cssClass) => cssClass !== ICON_TAB_HIDDEN_CLASS_NAME);
         });
-        this._extraTabs = [];
-        for (let i = this._lastVisibleTabIndex + 1; i < this._tabs.length; i++) {
-            const tab = this._tabs[i];
-            this._extraTabs.push(cloneDeep(tab));
+        for (let i = this._lastVisibleTabIndex + 1; i < tabs.length; i++) {
+            const tab = tabs[i];
+            extraTabs.push(cloneDeep(tab));
             tab.hidden = true;
             tab.cssClasses.push(ICON_TAB_HIDDEN_CLASS_NAME);
         }
-        this._cd.markForCheck();
+        this._extraTabs$.set(extraTabs);
+        this._cd.detectChanges();
     }
     /**
      * @hidden
@@ -202,7 +218,7 @@ class IconTabBarBase {
      * @description trigger recalculation items, need to do it asynchronously after dom was rerendered
      */
     _triggerRecalculationVisibleItems() {
-        this._ngZone.onMicrotaskEmpty.pipe(take(1), takeUntil(this._onDestroy$)).subscribe(() => {
+        this._ngZone.onMicrotaskEmpty.pipe(take(1), takeUntilDestroyed(this._destroyRef)).subscribe(() => {
             if (this.overflowDirective && !this._destroyed) {
                 const extra = this.overflowDirective.getAmountOfExtraItems();
                 this._recalculateVisibleItems(extra);
@@ -215,60 +231,36 @@ class IconTabBarBase {
      * @description initialize state of tabs
      */
     _initTabs() {
-        this._tabs = this._generateTabBarItems(this.tabsConfig);
-        const selectedItem = this._tabs.find((item) => item.active);
-        this._selectedUid = selectedItem?.uId;
-        this._lastVisibleTabIndex = this._tabs.length - 1;
+        const selectedItem = this._findActiveTabId(this.tabs) || this.tabs[0];
+        this.selectedUid = selectedItem?.uId;
+        this._lastVisibleTabIndex = this.tabs.length - 1;
+        if (selectedItem) {
+            this.selectedUidChange.emit(this.selectedUid);
+            this.selected.emit(selectedItem);
+        }
     }
-    /**
-     * @hidden
-     * @description generate IconTabItems from TabConfig array
-     */
-    _generateTabBarItems(config) {
-        const flatIndexRef = { value: 0 };
-        return config.map((item, index) => {
-            const result = {
-                ...item,
-                index,
-                cssClasses: [],
-                uId: index.toString(),
-                hidden: false,
-                subItems: undefined,
-                flatIndex: flatIndexRef.value++
-            };
-            if (item.color) {
-                result.cssClasses = [`fd-icon-tab-bar__item--${item.color}`];
+    _findActiveTabId(tabs) {
+        let activeTab;
+        for (const tab of tabs) {
+            if (tab.active) {
+                activeTab = tab;
+                break;
             }
-            result.subItems = item.subItems?.length
-                ? this._generateSubItems(item.subItems, result, flatIndexRef)
-                : undefined;
-            return result;
-        });
-    }
-    /** @hidden */
-    _generateSubItems(subItems, parent, flatIndexRef) {
-        return subItems?.map((item, index) => {
-            const result = {
-                ...item,
-                index,
-                uId: `${parent.uId}${UNIQUE_KEY_SEPARATOR}${index}`,
-                cssClasses: [],
-                subItems: undefined,
-                flatIndex: flatIndexRef.value++,
-                parentUId: parent.uId
-            };
-            if (Array.isArray(item.subItems) && item.subItems.length) {
-                result.subItems = this._generateSubItems(item.subItems, result, flatIndexRef);
+            else if (tab.subItems) {
+                activeTab = this._findActiveTabId(tab.subItems);
+                if (activeTab) {
+                    break;
+                }
             }
-            return result;
-        });
+        }
+        return activeTab;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: IconTabBarBase, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.4", type: IconTabBarBase, inputs: { tabsConfig: "tabsConfig", isRtl: "isRtl", colorAssociations: "colorAssociations", densityMode: "densityMode" }, outputs: { selected: "selected" }, viewQueries: [{ propertyName: "overflowDirective", first: true, predicate: OverflowListDirective, descendants: true }], usesOnChanges: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: IconTabBarBase, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.8", type: IconTabBarBase, inputs: { tabs: "tabs", isRtl: "isRtl", colorAssociations: "colorAssociations", densityMode: "densityMode", selectedUid: "selectedUid" }, outputs: { selected: "selected", selectedUidChange: "selectedUidChange" }, viewQueries: [{ propertyName: "overflowDirective", first: true, predicate: OverflowListDirective, descendants: true }, { propertyName: "headerElement", first: true, predicate: ["tablist"], descendants: true, read: ElementRef }], usesOnChanges: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: IconTabBarBase, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: IconTabBarBase, decorators: [{
             type: Directive
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.NgZone }], propDecorators: { tabsConfig: [{
+        }], propDecorators: { tabs: [{
                 type: Input
             }], isRtl: [{
                 type: Input
@@ -276,11 +268,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImpor
                 type: Input
             }], densityMode: [{
                 type: Input
+            }], selectedUid: [{
+                type: Input
             }], selected: [{
                 type: Output
+            }], selectedUidChange: [{
+                type: Output
             }], overflowDirective: [{
                 type: ViewChild,
                 args: [OverflowListDirective]
+            }], headerElement: [{
+                type: ViewChild,
+                args: ['tablist', { read: ElementRef }]
             }] } });
 
 class ClosableIconTabBar extends IconTabBarBase {
@@ -298,7 +297,7 @@ class ClosableIconTabBar extends IconTabBarBase {
             return;
         }
         tab.parent.splice(tab.parent.findIndex((item) => item.uId === itemIndex), 1);
-        this._tabs = this._updateTabs(this._tabs);
+        this.tabs = this._updateTabs(this.tabs);
         this._triggerRecalculationVisibleItems();
         this.closeTab.emit(tab.tab);
     }
@@ -330,7 +329,7 @@ class ClosableIconTabBar extends IconTabBarBase {
      * @returns {parent, tab}
      * @description Get tab reference inside main tab array and  reference to parent array.
      */
-    _getTabInfoFromMainList(uid, arr = this._tabs) {
+    _getTabInfoFromMainList(uid, arr = this.tabs) {
         let result;
         for (let i = 0; i < arr.length; i++) {
             const item = arr[i];
@@ -347,10 +346,10 @@ class ClosableIconTabBar extends IconTabBarBase {
         }
         return result;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: ClosableIconTabBar, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.4", type: ClosableIconTabBar, outputs: { closeTab: "closeTab" }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: ClosableIconTabBar, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.8", type: ClosableIconTabBar, outputs: { closeTab: "closeTab" }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: ClosableIconTabBar, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: ClosableIconTabBar, decorators: [{
             type: Directive
         }], propDecorators: { closeTab: [{
                 type: Output
@@ -468,10 +467,10 @@ class IconTabBarPopoverBase {
             this.isRtl ? this._focusNextPopoverItem(currentIndex) : this._focusPreviousPopoverItem(currentIndex);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: IconTabBarPopoverBase, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.4", type: IconTabBarPopoverBase, inputs: { isRtl: "isRtl", extraTabs: "extraTabs", isSeparators: "isSeparators", colorAssociations: "colorAssociations" }, outputs: { selectedExtraItem: "selectedExtraItem", focusFirstVisibleItem: "focusFirstVisibleItem", focusLastVisibleItem: "focusLastVisibleItem", closeTab: "closeTab" }, viewQueries: [{ propertyName: "popover", first: true, predicate: ["popover"], descendants: true }], usesOnChanges: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: IconTabBarPopoverBase, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.8", type: IconTabBarPopoverBase, inputs: { isRtl: "isRtl", extraTabs: "extraTabs", isSeparators: "isSeparators", colorAssociations: "colorAssociations" }, outputs: { selectedExtraItem: "selectedExtraItem", focusFirstVisibleItem: "focusFirstVisibleItem", focusLastVisibleItem: "focusLastVisibleItem", closeTab: "closeTab" }, viewQueries: [{ propertyName: "popover", first: true, predicate: ["popover"], descendants: true }], usesOnChanges: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: IconTabBarPopoverBase, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: IconTabBarPopoverBase, decorators: [{
             type: Directive
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { isRtl: [{
                 type: Input
@@ -506,12 +505,20 @@ class IconTabBarPopoverComponent extends IconTabBarPopoverBase {
          */
         this.label = 'more';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: IconTabBarPopoverComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.0.4", type: IconTabBarPopoverComponent, isStandalone: true, selector: "fdp-icon-tab-bar-popover", inputs: { leftSide: "leftSide", label: "label", showItemLabel: "showItemLabel" }, viewQueries: [{ propertyName: "_tabExtraUIElements", predicate: ["tabItem"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<fd-popover placement=\"bottom-end\" [focusAutoCapture]=\"true\" [focusTrapped]=\"true\" #popover>\n    <fd-popover-control>\n        <button class=\"fd-icon-tab-bar__overflow\">\n            <span class=\"fd-icon-tab-bar__overflow-text\">{{ label }}</span>\n            <i class=\"sap-icon--slim-arrow-down\" role=\"presentation\"></i>\n        </button>\n    </fd-popover-control>\n    <fd-popover-body class=\"fd-icon-tab-bar\">\n        <ul class=\"fd-list fd-list--navigation fd-list--no-border fd-icon-tab-bar__list\" role=\"list\">\n            @for (item of extraTabs; track item.uId; let idx = $index) {\n                @if (isSeparators) {\n                    <li tabindex=\"-1\" class=\"fd-icon-tab-bar__icon-separator\">\n                        <fd-icon glyph=\"process\"></fd-icon>\n                    </li>\n                }\n                <li\n                    class=\"fd-list__item fd-list__item--link fd-icon-tab-bar__list-item\"\n                    role=\"listitem\"\n                    [class.fd-icon-tab-bar__list-item--closable]=\"item.closable\"\n                    [ngClass]=\"item.cssClasses\"\n                    tabindex=\"-1\"\n                >\n                    <a\n                        class=\"fd-list__link fd-icon-tab-bar__list-link\"\n                        #tabItem\n                        [attr.data-flatIndex]=\"item.flatIndex\"\n                        tabindex=\"0\"\n                        (click)=\"_selectItem(item)\"\n                        (keydown)=\"_keyDownHandler($event, item, idx)\"\n                    >\n                        <span class=\"fd-icon-tab-bar__list-item-icon-container\">\n                            <span class=\"fd-list__icon fd-icon-tab-bar__list-item-icon\">\n                                <fd-icon [glyph]=\"item.icon\"></fd-icon>\n                            </span>\n                        </span>\n                        @if (showItemLabel && item.label) {\n                            <span class=\"fd-list__title fd-icon-tab-bar__list-item-title\">{{ item.label }}</span>\n                        }\n                        @if (item.badge) {\n                            <span class=\"fd-icon-tab-bar__badge\"></span>\n                        }\n                        @if (item.counter) {\n                            <span class=\"fd-list__counter fd-icon-tab-bar__list-item-counter\"\n                                >({{ item.counter }})\n                            </span>\n                        }\n                        @if (item.color) {\n                            <div class=\"screenreader-only\">\n                                {{ (colorAssociations && colorAssociations[item.color]) || item.color }}\n                            </div>\n                        }\n                    </a>\n                    @if (item.closable) {\n                        <div class=\"fd-icon-tab-bar__button-container\">\n                            <button\n                                fd-button\n                                class=\"fd-icon-tab-bar__button\"\n                                fdType=\"transparent\"\n                                (click)=\"closeTab.emit(item.uId)\"\n                            >\n                                <fd-icon glyph=\"decline\"></fd-icon>\n                            </button>\n                        </div>\n                    }\n                </li>\n            }\n        </ul>\n    </fd-popover-body>\n</fd-popover>\n", dependencies: [{ kind: "component", type: PopoverComponent, selector: "fd-popover", inputs: ["title", "trigger", "fixedPosition", "id", "mobile", "mobileConfig"] }, { kind: "component", type: PopoverControlComponent, selector: "fd-popover-control, [fdPopoverControl]" }, { kind: "component", type: PopoverBodyComponent, selector: "fd-popover-body", inputs: ["minWidth", "maxWidth", "minHeight", "maxHeight"] }, { kind: "component", type: IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "color", "background", "class", "ariaLabel", "ariaHidden"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: IconTabBarPopoverComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.0.8", type: IconTabBarPopoverComponent, isStandalone: true, selector: "fdp-icon-tab-bar-popover", inputs: { leftSide: "leftSide", label: "label", showItemLabel: "showItemLabel" }, viewQueries: [{ propertyName: "_tabExtraUIElements", predicate: ["tabItem"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<fd-popover placement=\"bottom-end\" [focusAutoCapture]=\"true\" [focusTrapped]=\"true\" #popover>\n    <fd-popover-control>\n        <button class=\"fd-icon-tab-bar__overflow\">\n            <span class=\"fd-icon-tab-bar__overflow-text\">{{ label }}</span>\n            <fd-icon glyph=\"slim-arrow-down\" role=\"presentation\"></fd-icon>\n        </button>\n    </fd-popover-control>\n    <fd-popover-body class=\"fd-icon-tab-bar\">\n        <ul class=\"fd-list fd-list--navigation fd-list--no-border fd-icon-tab-bar__list\" role=\"list\">\n            @for (item of extraTabs; track item.uId; let idx = $index) {\n                @if (isSeparators) {\n                    <li tabindex=\"-1\" class=\"fd-icon-tab-bar__icon-separator\">\n                        <fd-icon glyph=\"process\"></fd-icon>\n                    </li>\n                }\n                <li\n                    class=\"fd-list__item fd-list__item--link fd-icon-tab-bar__list-item\"\n                    role=\"listitem\"\n                    [class.fd-icon-tab-bar__list-item--closable]=\"item.closable\"\n                    [ngClass]=\"item.cssClasses\"\n                    tabindex=\"-1\"\n                >\n                    <a\n                        class=\"fd-list__link fd-icon-tab-bar__list-link\"\n                        #tabItem\n                        [attr.data-flatIndex]=\"item.flatIndex\"\n                        tabindex=\"0\"\n                        (click)=\"_selectItem(item)\"\n                        (keydown)=\"_keyDownHandler($event, item, idx)\"\n                    >\n                        <span class=\"fd-icon-tab-bar__list-item-icon-container\">\n                            <span class=\"fd-list__icon fd-icon-tab-bar__list-item-icon\">\n                                <fd-icon [glyph]=\"item.icon | fdkAsyncOrSync\"></fd-icon>\n                            </span>\n                        </span>\n                        @if (showItemLabel && (item.label | fdkAsyncOrSync)) {\n                            <span class=\"fd-list__title fd-icon-tab-bar__list-item-title\">{{\n                                item.label | fdkAsyncOrSync\n                            }}</span>\n                        }\n                        @if (item.badge) {\n                            <span class=\"fd-icon-tab-bar__badge\"></span>\n                        }\n                        @if (item.counter | fdkAsyncOrSync; as itemCounter) {\n                            <span class=\"fd-list__counter fd-icon-tab-bar__list-item-counter\"\n                                >({{ itemCounter }})\n                            </span>\n                        }\n                        @if (item.color | fdkAsyncOrSync; as itemColor) {\n                            <div class=\"screenreader-only\">\n                                {{ (colorAssociations && colorAssociations[itemColor]) || itemColor }}\n                            </div>\n                        }\n                    </a>\n                    @if (item.closable) {\n                        <div class=\"fd-icon-tab-bar__button-container\">\n                            <button\n                                fd-button\n                                class=\"fd-icon-tab-bar__button\"\n                                fdType=\"transparent\"\n                                (click)=\"closeTab.emit(item.uId)\"\n                            >\n                                <fd-icon glyph=\"decline\"></fd-icon>\n                            </button>\n                        </div>\n                    }\n                </li>\n            }\n        </ul>\n    </fd-popover-body>\n</fd-popover>\n", dependencies: [{ kind: "component", type: PopoverComponent, selector: "fd-popover", inputs: ["title", "trigger", "fixedPosition", "id", "mobile", "mobileConfig"] }, { kind: "component", type: PopoverControlComponent, selector: "fd-popover-control, [fdPopoverControl]" }, { kind: "component", type: PopoverBodyComponent, selector: "fd-popover-body", inputs: ["minWidth", "maxWidth", "minHeight", "maxHeight"] }, { kind: "component", type: IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "color", "background", "class", "ariaLabel", "ariaHidden"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "pipe", type: AsyncOrSyncPipe, name: "fdkAsyncOrSync" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: IconTabBarPopoverComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: IconTabBarPopoverComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'fdp-icon-tab-bar-popover', standalone: true, imports: [PopoverComponent, PopoverControlComponent, PopoverBodyComponent, IconComponent, NgClass, ButtonComponent], template: "<fd-popover placement=\"bottom-end\" [focusAutoCapture]=\"true\" [focusTrapped]=\"true\" #popover>\n    <fd-popover-control>\n        <button class=\"fd-icon-tab-bar__overflow\">\n            <span class=\"fd-icon-tab-bar__overflow-text\">{{ label }}</span>\n            <i class=\"sap-icon--slim-arrow-down\" role=\"presentation\"></i>\n        </button>\n    </fd-popover-control>\n    <fd-popover-body class=\"fd-icon-tab-bar\">\n        <ul class=\"fd-list fd-list--navigation fd-list--no-border fd-icon-tab-bar__list\" role=\"list\">\n            @for (item of extraTabs; track item.uId; let idx = $index) {\n                @if (isSeparators) {\n                    <li tabindex=\"-1\" class=\"fd-icon-tab-bar__icon-separator\">\n                        <fd-icon glyph=\"process\"></fd-icon>\n                    </li>\n                }\n                <li\n                    class=\"fd-list__item fd-list__item--link fd-icon-tab-bar__list-item\"\n                    role=\"listitem\"\n                    [class.fd-icon-tab-bar__list-item--closable]=\"item.closable\"\n                    [ngClass]=\"item.cssClasses\"\n                    tabindex=\"-1\"\n                >\n                    <a\n                        class=\"fd-list__link fd-icon-tab-bar__list-link\"\n                        #tabItem\n                        [attr.data-flatIndex]=\"item.flatIndex\"\n                        tabindex=\"0\"\n                        (click)=\"_selectItem(item)\"\n                        (keydown)=\"_keyDownHandler($event, item, idx)\"\n                    >\n                        <span class=\"fd-icon-tab-bar__list-item-icon-container\">\n                            <span class=\"fd-list__icon fd-icon-tab-bar__list-item-icon\">\n                                <fd-icon [glyph]=\"item.icon\"></fd-icon>\n                            </span>\n                        </span>\n                        @if (showItemLabel && item.label) {\n                            <span class=\"fd-list__title fd-icon-tab-bar__list-item-title\">{{ item.label }}</span>\n                        }\n                        @if (item.badge) {\n                            <span class=\"fd-icon-tab-bar__badge\"></span>\n                        }\n                        @if (item.counter) {\n                            <span class=\"fd-list__counter fd-icon-tab-bar__list-item-counter\"\n                                >({{ item.counter }})\n                            </span>\n                        }\n                        @if (item.color) {\n                            <div class=\"screenreader-only\">\n                                {{ (colorAssociations && colorAssociations[item.color]) || item.color }}\n                            </div>\n                        }\n                    </a>\n                    @if (item.closable) {\n                        <div class=\"fd-icon-tab-bar__button-container\">\n                            <button\n                                fd-button\n                                class=\"fd-icon-tab-bar__button\"\n                                fdType=\"transparent\"\n                                (click)=\"closeTab.emit(item.uId)\"\n                            >\n                                <fd-icon glyph=\"decline\"></fd-icon>\n                            </button>\n                        </div>\n                    }\n                </li>\n            }\n        </ul>\n    </fd-popover-body>\n</fd-popover>\n" }]
+            args: [{ selector: 'fdp-icon-tab-bar-popover', standalone: true, imports: [
+                        PopoverComponent,
+                        PopoverControlComponent,
+                        PopoverBodyComponent,
+                        IconComponent,
+                        NgClass,
+                        ButtonComponent,
+                        AsyncOrSyncPipe
+                    ], template: "<fd-popover placement=\"bottom-end\" [focusAutoCapture]=\"true\" [focusTrapped]=\"true\" #popover>\n    <fd-popover-control>\n        <button class=\"fd-icon-tab-bar__overflow\">\n            <span class=\"fd-icon-tab-bar__overflow-text\">{{ label }}</span>\n            <fd-icon glyph=\"slim-arrow-down\" role=\"presentation\"></fd-icon>\n        </button>\n    </fd-popover-control>\n    <fd-popover-body class=\"fd-icon-tab-bar\">\n        <ul class=\"fd-list fd-list--navigation fd-list--no-border fd-icon-tab-bar__list\" role=\"list\">\n            @for (item of extraTabs; track item.uId; let idx = $index) {\n                @if (isSeparators) {\n                    <li tabindex=\"-1\" class=\"fd-icon-tab-bar__icon-separator\">\n                        <fd-icon glyph=\"process\"></fd-icon>\n                    </li>\n                }\n                <li\n                    class=\"fd-list__item fd-list__item--link fd-icon-tab-bar__list-item\"\n                    role=\"listitem\"\n                    [class.fd-icon-tab-bar__list-item--closable]=\"item.closable\"\n                    [ngClass]=\"item.cssClasses\"\n                    tabindex=\"-1\"\n                >\n                    <a\n                        class=\"fd-list__link fd-icon-tab-bar__list-link\"\n                        #tabItem\n                        [attr.data-flatIndex]=\"item.flatIndex\"\n                        tabindex=\"0\"\n                        (click)=\"_selectItem(item)\"\n                        (keydown)=\"_keyDownHandler($event, item, idx)\"\n                    >\n                        <span class=\"fd-icon-tab-bar__list-item-icon-container\">\n                            <span class=\"fd-list__icon fd-icon-tab-bar__list-item-icon\">\n                                <fd-icon [glyph]=\"item.icon | fdkAsyncOrSync\"></fd-icon>\n                            </span>\n                        </span>\n                        @if (showItemLabel && (item.label | fdkAsyncOrSync)) {\n                            <span class=\"fd-list__title fd-icon-tab-bar__list-item-title\">{{\n                                item.label | fdkAsyncOrSync\n                            }}</span>\n                        }\n                        @if (item.badge) {\n                            <span class=\"fd-icon-tab-bar__badge\"></span>\n                        }\n                        @if (item.counter | fdkAsyncOrSync; as itemCounter) {\n                            <span class=\"fd-list__counter fd-icon-tab-bar__list-item-counter\"\n                                >({{ itemCounter }})\n                            </span>\n                        }\n                        @if (item.color | fdkAsyncOrSync; as itemColor) {\n                            <div class=\"screenreader-only\">\n                                {{ (colorAssociations && colorAssociations[itemColor]) || itemColor }}\n                            </div>\n                        }\n                    </a>\n                    @if (item.closable) {\n                        <div class=\"fd-icon-tab-bar__button-container\">\n                            <button\n                                fd-button\n                                class=\"fd-icon-tab-bar__button\"\n                                fdType=\"transparent\"\n                                (click)=\"closeTab.emit(item.uId)\"\n                            >\n                                <fd-icon glyph=\"decline\"></fd-icon>\n                            </button>\n                        </div>\n                    }\n                </li>\n            }\n        </ul>\n    </fd-popover-body>\n</fd-popover>\n" }]
         }], propDecorators: { _tabExtraUIElements: [{
                 type: ViewChildren,
                 args: ['tabItem']
@@ -537,21 +544,32 @@ class IconTabBarFilterTypeComponent extends ClosableIconTabBar {
      */
     _initTabs() {
         super._initTabs();
-        this._totalTab = this.showTotalTab ? this._tabs[0] : undefined;
+        this._totalTab = this.showTotalTab ? this.tabs[0] : undefined;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: IconTabBarFilterTypeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.0.4", type: IconTabBarFilterTypeComponent, isStandalone: true, selector: "fdp-icon-tab-bar-filter-type", inputs: { showTotalTab: "showTotalTab" }, viewQueries: [{ propertyName: "_tabBarPopover", first: true, predicate: IconTabBarPopoverComponent, descendants: true }, { propertyName: "_tabUIElements", predicate: ["tabItem"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<ul\n    class=\"fd-icon-tab-bar__header\"\n    role=\"tablist\"\n    fdkOverflowList\n    [isRtl]=\"isRtl\"\n    [overflowOffset]=\"100\"\n    (overflowChanged)=\"_recalculateVisibleItems($event)\"\n>\n    @if (showTotalTab) {\n        <li class=\"fd-icon-tab-bar__item\" role=\"presentation\" fdkOverflowListItem>\n            <a\n                (click)=\"_totalTab && _selectItem(_totalTab)\"\n                (keydown)=\"_keyDownHandler($event, _totalTab, 0)\"\n                [attr.aria-selected]=\"_totalTab?.uId === _selectedUid\"\n                class=\"fd-icon-tab-bar__tab\"\n                tabindex=\"0\"\n                #tabItem\n                role=\"tab\"\n            >\n                <div class=\"fd-icon-tab-bar__container fd-icon-tab-bar__container--filter\">\n                    @if (_totalTab?.counter) {\n                        <span class=\"fd-icon-tab-bar__filter-counter\">{{ _totalTab?.counter }}</span>\n                    }\n                    <span class=\"fd-icon-tab-bar__filter-label\">{{ _totalTab?.label }}</span>\n                </div>\n            </a>\n        </li>\n    }\n    @for (item of _tabs | slice: 1; track item.uId; let idx = $index) {\n        <li\n            [class]=\"item.cssClasses\"\n            class=\"fd-icon-tab-bar__item\"\n            role=\"presentation\"\n            fdkOverflowListItem\n            [attr.aria-hidden]=\"item.hidden\"\n        >\n            <a\n                (click)=\"_selectItem(item)\"\n                [attr.aria-selected]=\"item.uId === _selectedUid\"\n                class=\"fd-icon-tab-bar__tab\"\n                #tabItem\n                [attr.tabindex]=\"showTotalTab ? -1 : idx > 0 ? -1 : 0\"\n                (keydown)=\"_keyDownHandler($event, item, idx + (showTotalTab ? 1 : 0))\"\n                role=\"tab\"\n            >\n                <div class=\"fd-icon-tab-bar__container\">\n                    <span class=\"fd-icon-tab-bar__icon\">\n                        <fd-icon [glyph]=\"item.icon\"></fd-icon>\n                    </span>\n                    @if (item.counter) {\n                        <span class=\"fd-icon-tab-bar__counter\">{{ item.counter }}</span>\n                    }\n                </div>\n                <div class=\"fd-icon-tab-bar__label\">{{ item.label }}</div>\n                @if (item.color) {\n                    <div class=\"screenreader-only\">\n                        {{ (colorAssociations && colorAssociations[item.color]) || item.color }}\n                    </div>\n                }\n            </a>\n            @if (item.closable) {\n                <div class=\"fd-icon-tab-bar__button-container\">\n                    <button\n                        fd-button\n                        class=\"fd-icon-tab-bar__button\"\n                        fdType=\"transparent\"\n                        (click)=\"_closeTab(item.uId)\"\n                    >\n                        <fd-icon glyph=\"decline\"></fd-icon>\n                    </button>\n                </div>\n            }\n        </li>\n    }\n    @if (_extraTabs.length) {\n        <li role=\"presentation\" class=\"fd-icon-tab-bar__item fd-icon-tab-bar__item--overflow\">\n            <fdp-icon-tab-bar-popover\n                [isRtl]=\"isRtl\"\n                [extraTabs]=\"_extraTabs\"\n                [colorAssociations]=\"colorAssociations\"\n                (selectedExtraItem)=\"_selectExtraItem($event)\"\n                (focusFirstVisibleItem)=\"_focusItem(0)\"\n                (focusLastVisibleItem)=\"_focusItem(_lastVisibleTabIndex)\"\n            ></fdp-icon-tab-bar-popover>\n        </li>\n    }\n</ul>\n", dependencies: [{ kind: "directive", type: OverflowListDirective, selector: "[fdkOverflowList]", inputs: ["overflowOffset", "isRtl", "itemCssBlockValue"], outputs: ["overflowChanged"] }, { kind: "directive", type: OverflowListItemDirective, selector: "[fdkOverflowListItem]" }, { kind: "component", type: IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "color", "background", "class", "ariaLabel", "ariaHidden"] }, { kind: "component", type: IconTabBarPopoverComponent, selector: "fdp-icon-tab-bar-popover", inputs: ["leftSide", "label", "showItemLabel"] }, { kind: "pipe", type: SlicePipe, name: "slice" }, { kind: "component", type: ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: IconTabBarFilterTypeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.0.8", type: IconTabBarFilterTypeComponent, isStandalone: true, selector: "fdp-icon-tab-bar-filter-type", inputs: { showTotalTab: "showTotalTab" }, providers: [
+            {
+                provide: IconTabBarBase,
+                useExisting: IconTabBarFilterTypeComponent
+            }
+        ], viewQueries: [{ propertyName: "_tabBarPopover", first: true, predicate: IconTabBarPopoverComponent, descendants: true }, { propertyName: "_tabUIElements", predicate: ["tabItem"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<ul\n    class=\"fd-icon-tab-bar__header\"\n    [class.fd-dynamic-page__tabs]=\"_inDynamicPage\"\n    role=\"tablist\"\n    fdkOverflowList\n    [isRtl]=\"isRtl\"\n    #tablist\n    [overflowOffset]=\"100\"\n    (overflowChanged)=\"_recalculateVisibleItems($event)\"\n>\n    @if (showTotalTab) {\n        <li class=\"fd-icon-tab-bar__item\" role=\"presentation\" fdkOverflowListItem>\n            <a\n                (click)=\"_totalTab && _selectItem(_totalTab)\"\n                (keydown)=\"_keyDownHandler($event, _totalTab, 0)\"\n                [attr.aria-selected]=\"_totalTab?.uId === selectedUid\"\n                class=\"fd-icon-tab-bar__tab\"\n                tabindex=\"0\"\n                #tabItem\n                role=\"tab\"\n            >\n                <div class=\"fd-icon-tab-bar__container fd-icon-tab-bar__container--filter\">\n                    @if (_totalTab?.counter) {\n                        <span class=\"fd-icon-tab-bar__filter-counter\">{{ _totalTab?.counter }}</span>\n                    }\n                    <span class=\"fd-icon-tab-bar__filter-label\">{{ _totalTab?.label | fdkAsyncOrSync }}</span>\n                </div>\n            </a>\n        </li>\n    }\n    @for (item of tabs | slice: 1; track item.uId; let idx = $index) {\n        <li\n            [class]=\"item.cssClasses\"\n            class=\"fd-icon-tab-bar__item\"\n            role=\"presentation\"\n            fdkOverflowListItem\n            [attr.aria-hidden]=\"item.hidden\"\n        >\n            <a\n                (click)=\"_selectItem(item)\"\n                [attr.aria-selected]=\"item.uId === selectedUid\"\n                class=\"fd-icon-tab-bar__tab\"\n                #tabItem\n                [attr.tabindex]=\"showTotalTab ? -1 : idx > 0 ? -1 : 0\"\n                (keydown)=\"_keyDownHandler($event, item, idx + (showTotalTab ? 1 : 0))\"\n                role=\"tab\"\n            >\n                <div class=\"fd-icon-tab-bar__container\">\n                    <span class=\"fd-icon-tab-bar__icon\">\n                        <fd-icon [glyph]=\"item.icon\"></fd-icon>\n                    </span>\n                    @if (item.counter) {\n                        <span class=\"fd-icon-tab-bar__counter\">{{ item.counter }}</span>\n                    }\n                </div>\n                <div class=\"fd-icon-tab-bar__label\">{{ item.label | fdkAsyncOrSync }}</div>\n                @if (item.color | fdkAsyncOrSync; as itemColor) {\n                    <div class=\"screenreader-only\">\n                        {{ (colorAssociations && colorAssociations[itemColor]) || itemColor }}\n                    </div>\n                }\n            </a>\n            @if (item.closable) {\n                <div class=\"fd-icon-tab-bar__button-container\">\n                    <button\n                        fd-button\n                        class=\"fd-icon-tab-bar__button\"\n                        fdType=\"transparent\"\n                        (click)=\"_closeTab(item.uId)\"\n                    >\n                        <fd-icon glyph=\"decline\"></fd-icon>\n                    </button>\n                </div>\n            }\n        </li>\n    }\n    @if (_extraItems$()) {\n        <li role=\"presentation\" class=\"fd-icon-tab-bar__item fd-icon-tab-bar__item--overflow\">\n            <fdp-icon-tab-bar-popover\n                [isRtl]=\"isRtl\"\n                [extraTabs]=\"_extraTabs$()\"\n                [colorAssociations]=\"colorAssociations\"\n                (selectedExtraItem)=\"_selectExtraItem($event)\"\n                (focusFirstVisibleItem)=\"_focusItem(0)\"\n                (focusLastVisibleItem)=\"_focusItem(_lastVisibleTabIndex)\"\n            ></fdp-icon-tab-bar-popover>\n        </li>\n    }\n</ul>\n", dependencies: [{ kind: "directive", type: OverflowListDirective, selector: "[fdkOverflowList]", inputs: ["overflowOffset", "isRtl", "itemCssBlockValue"], outputs: ["overflowChanged"] }, { kind: "directive", type: OverflowListItemDirective, selector: "[fdkOverflowListItem]" }, { kind: "component", type: IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "color", "background", "class", "ariaLabel", "ariaHidden"] }, { kind: "component", type: IconTabBarPopoverComponent, selector: "fdp-icon-tab-bar-popover", inputs: ["leftSide", "label", "showItemLabel"] }, { kind: "pipe", type: SlicePipe, name: "slice" }, { kind: "component", type: ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "pipe", type: AsyncOrSyncPipe, name: "fdkAsyncOrSync" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: IconTabBarFilterTypeComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: IconTabBarFilterTypeComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'fdp-icon-tab-bar-filter-type', standalone: true, imports: [
+            args: [{ selector: 'fdp-icon-tab-bar-filter-type', standalone: true, providers: [
+                        {
+                            provide: IconTabBarBase,
+                            useExisting: IconTabBarFilterTypeComponent
+                        }
+                    ], imports: [
                         OverflowListDirective,
                         OverflowListItemDirective,
                         IconComponent,
                         IconTabBarPopoverComponent,
                         SlicePipe,
-                        ButtonComponent
-                    ], template: "<ul\n    class=\"fd-icon-tab-bar__header\"\n    role=\"tablist\"\n    fdkOverflowList\n    [isRtl]=\"isRtl\"\n    [overflowOffset]=\"100\"\n    (overflowChanged)=\"_recalculateVisibleItems($event)\"\n>\n    @if (showTotalTab) {\n        <li class=\"fd-icon-tab-bar__item\" role=\"presentation\" fdkOverflowListItem>\n            <a\n                (click)=\"_totalTab && _selectItem(_totalTab)\"\n                (keydown)=\"_keyDownHandler($event, _totalTab, 0)\"\n                [attr.aria-selected]=\"_totalTab?.uId === _selectedUid\"\n                class=\"fd-icon-tab-bar__tab\"\n                tabindex=\"0\"\n                #tabItem\n                role=\"tab\"\n            >\n                <div class=\"fd-icon-tab-bar__container fd-icon-tab-bar__container--filter\">\n                    @if (_totalTab?.counter) {\n                        <span class=\"fd-icon-tab-bar__filter-counter\">{{ _totalTab?.counter }}</span>\n                    }\n                    <span class=\"fd-icon-tab-bar__filter-label\">{{ _totalTab?.label }}</span>\n                </div>\n            </a>\n        </li>\n    }\n    @for (item of _tabs | slice: 1; track item.uId; let idx = $index) {\n        <li\n            [class]=\"item.cssClasses\"\n            class=\"fd-icon-tab-bar__item\"\n            role=\"presentation\"\n            fdkOverflowListItem\n            [attr.aria-hidden]=\"item.hidden\"\n        >\n            <a\n                (click)=\"_selectItem(item)\"\n                [attr.aria-selected]=\"item.uId === _selectedUid\"\n                class=\"fd-icon-tab-bar__tab\"\n                #tabItem\n                [attr.tabindex]=\"showTotalTab ? -1 : idx > 0 ? -1 : 0\"\n                (keydown)=\"_keyDownHandler($event, item, idx + (showTotalTab ? 1 : 0))\"\n                role=\"tab\"\n            >\n                <div class=\"fd-icon-tab-bar__container\">\n                    <span class=\"fd-icon-tab-bar__icon\">\n                        <fd-icon [glyph]=\"item.icon\"></fd-icon>\n                    </span>\n                    @if (item.counter) {\n                        <span class=\"fd-icon-tab-bar__counter\">{{ item.counter }}</span>\n                    }\n                </div>\n                <div class=\"fd-icon-tab-bar__label\">{{ item.label }}</div>\n                @if (item.color) {\n                    <div class=\"screenreader-only\">\n                        {{ (colorAssociations && colorAssociations[item.color]) || item.color }}\n                    </div>\n                }\n            </a>\n            @if (item.closable) {\n                <div class=\"fd-icon-tab-bar__button-container\">\n                    <button\n                        fd-button\n                        class=\"fd-icon-tab-bar__button\"\n                        fdType=\"transparent\"\n                        (click)=\"_closeTab(item.uId)\"\n                    >\n                        <fd-icon glyph=\"decline\"></fd-icon>\n                    </button>\n                </div>\n            }\n        </li>\n    }\n    @if (_extraTabs.length) {\n        <li role=\"presentation\" class=\"fd-icon-tab-bar__item fd-icon-tab-bar__item--overflow\">\n            <fdp-icon-tab-bar-popover\n                [isRtl]=\"isRtl\"\n                [extraTabs]=\"_extraTabs\"\n                [colorAssociations]=\"colorAssociations\"\n                (selectedExtraItem)=\"_selectExtraItem($event)\"\n                (focusFirstVisibleItem)=\"_focusItem(0)\"\n                (focusLastVisibleItem)=\"_focusItem(_lastVisibleTabIndex)\"\n            ></fdp-icon-tab-bar-popover>\n        </li>\n    }\n</ul>\n" }]
+                        ButtonComponent,
+                        AsyncOrSyncPipe
+                    ], template: "<ul\n    class=\"fd-icon-tab-bar__header\"\n    [class.fd-dynamic-page__tabs]=\"_inDynamicPage\"\n    role=\"tablist\"\n    fdkOverflowList\n    [isRtl]=\"isRtl\"\n    #tablist\n    [overflowOffset]=\"100\"\n    (overflowChanged)=\"_recalculateVisibleItems($event)\"\n>\n    @if (showTotalTab) {\n        <li class=\"fd-icon-tab-bar__item\" role=\"presentation\" fdkOverflowListItem>\n            <a\n                (click)=\"_totalTab && _selectItem(_totalTab)\"\n                (keydown)=\"_keyDownHandler($event, _totalTab, 0)\"\n                [attr.aria-selected]=\"_totalTab?.uId === selectedUid\"\n                class=\"fd-icon-tab-bar__tab\"\n                tabindex=\"0\"\n                #tabItem\n                role=\"tab\"\n            >\n                <div class=\"fd-icon-tab-bar__container fd-icon-tab-bar__container--filter\">\n                    @if (_totalTab?.counter) {\n                        <span class=\"fd-icon-tab-bar__filter-counter\">{{ _totalTab?.counter }}</span>\n                    }\n                    <span class=\"fd-icon-tab-bar__filter-label\">{{ _totalTab?.label | fdkAsyncOrSync }}</span>\n                </div>\n            </a>\n        </li>\n    }\n    @for (item of tabs | slice: 1; track item.uId; let idx = $index) {\n        <li\n            [class]=\"item.cssClasses\"\n            class=\"fd-icon-tab-bar__item\"\n            role=\"presentation\"\n            fdkOverflowListItem\n            [attr.aria-hidden]=\"item.hidden\"\n        >\n            <a\n                (click)=\"_selectItem(item)\"\n                [attr.aria-selected]=\"item.uId === selectedUid\"\n                class=\"fd-icon-tab-bar__tab\"\n                #tabItem\n                [attr.tabindex]=\"showTotalTab ? -1 : idx > 0 ? -1 : 0\"\n                (keydown)=\"_keyDownHandler($event, item, idx + (showTotalTab ? 1 : 0))\"\n                role=\"tab\"\n            >\n                <div class=\"fd-icon-tab-bar__container\">\n                    <span class=\"fd-icon-tab-bar__icon\">\n                        <fd-icon [glyph]=\"item.icon\"></fd-icon>\n                    </span>\n                    @if (item.counter) {\n                        <span class=\"fd-icon-tab-bar__counter\">{{ item.counter }}</span>\n                    }\n                </div>\n                <div class=\"fd-icon-tab-bar__label\">{{ item.label | fdkAsyncOrSync }}</div>\n                @if (item.color | fdkAsyncOrSync; as itemColor) {\n                    <div class=\"screenreader-only\">\n                        {{ (colorAssociations && colorAssociations[itemColor]) || itemColor }}\n                    </div>\n                }\n            </a>\n            @if (item.closable) {\n                <div class=\"fd-icon-tab-bar__button-container\">\n                    <button\n                        fd-button\n                        class=\"fd-icon-tab-bar__button\"\n                        fdType=\"transparent\"\n                        (click)=\"_closeTab(item.uId)\"\n                    >\n                        <fd-icon glyph=\"decline\"></fd-icon>\n                    </button>\n                </div>\n            }\n        </li>\n    }\n    @if (_extraItems$()) {\n        <li role=\"presentation\" class=\"fd-icon-tab-bar__item fd-icon-tab-bar__item--overflow\">\n            <fdp-icon-tab-bar-popover\n                [isRtl]=\"isRtl\"\n                [extraTabs]=\"_extraTabs$()\"\n                [colorAssociations]=\"colorAssociations\"\n                (selectedExtraItem)=\"_selectExtraItem($event)\"\n                (focusFirstVisibleItem)=\"_focusItem(0)\"\n                (focusLastVisibleItem)=\"_focusItem(_lastVisibleTabIndex)\"\n            ></fdp-icon-tab-bar-popover>\n        </li>\n    }\n</ul>\n" }]
         }], propDecorators: { _tabUIElements: [{
                 type: ViewChildren,
                 args: ['tabItem']
@@ -563,19 +581,35 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImpor
             }] } });
 
 class IconTabBarIconTypeComponent extends ClosableIconTabBar {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: IconTabBarIconTypeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.0.4", type: IconTabBarIconTypeComponent, isStandalone: true, selector: "fdp-icon-tab-bar-icon-type", inputs: { showLabel: "showLabel" }, viewQueries: [{ propertyName: "_tabBarPopover", first: true, predicate: IconTabBarPopoverComponent, descendants: true }, { propertyName: "_tabUIElements", predicate: ["tabItem"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<ul\n    class=\"fd-icon-tab-bar__header\"\n    role=\"tablist\"\n    fdkOverflowList\n    [isRtl]=\"isRtl\"\n    [overflowOffset]=\"100\"\n    (overflowChanged)=\"_recalculateVisibleItems($event)\"\n>\n    @for (item of _tabs; track item.uId; let idx = $index) {\n        <li\n            [ngClass]=\"item.cssClasses\"\n            [class.fd-icon-tab-bar__item--closable]=\"item.closable\"\n            fdkOverflowListItem\n            [attr.aria-hidden]=\"item.hidden\"\n            class=\"fd-icon-tab-bar__item\"\n            role=\"presentation\"\n        >\n            <a\n                class=\"fd-icon-tab-bar__tab\"\n                #tabItem\n                role=\"tab\"\n                [attr.tabindex]=\"idx === 0 ? 0 : -1\"\n                [attr.aria-selected]=\"item.uId === _selectedUid\"\n                (click)=\"_selectItem(item)\"\n                (keydown)=\"_keyDownHandler($event, item, idx)\"\n            >\n                <div class=\"fd-icon-tab-bar__container\">\n                    <span class=\"fd-icon-tab-bar__icon\">\n                        <fd-icon [glyph]=\"item.icon\"></fd-icon>\n                    </span>\n                    @if (item.counter && (!item.label || !showLabel)) {\n                        <span class=\"fd-icon-tab-bar__counter\">{{ item.counter }}</span>\n                    }\n                </div>\n                @if (showLabel && item.label) {\n                    <div class=\"fd-icon-tab-bar__details\">\n                        <span class=\"fd-icon-tab-bar__counter\">{{ item.counter }}</span>\n                        <span class=\"fd-icon-tab-bar__label\">{{ item.label }}</span>\n                    </div>\n                }\n                @if (item.color) {\n                    <div class=\"screenreader-only\">\n                        {{ (colorAssociations && colorAssociations[item.color]) || item.color }}\n                    </div>\n                }\n            </a>\n            @if (item.closable) {\n                <div class=\"fd-icon-tab-bar__button-container\">\n                    <button\n                        fd-button\n                        class=\"fd-icon-tab-bar__button\"\n                        fdType=\"transparent\"\n                        (click)=\"_closeTab(item.uId)\"\n                    >\n                        <fd-icon glyph=\"decline\"></fd-icon>\n                    </button>\n                </div>\n            }\n        </li>\n    }\n    @if (_extraTabs.length) {\n        <li role=\"presentation\" class=\"fd-icon-tab-bar__item fd-icon-tab-bar__item--overflow\">\n            <fdp-icon-tab-bar-popover\n                [showItemLabel]=\"showLabel\"\n                [isRtl]=\"isRtl\"\n                [extraTabs]=\"_extraTabs\"\n                [colorAssociations]=\"colorAssociations\"\n                (selectedExtraItem)=\"_selectExtraItem($event)\"\n                (focusFirstVisibleItem)=\"_focusItem(0)\"\n                (focusLastVisibleItem)=\"_focusItem(_lastVisibleTabIndex)\"\n            ></fdp-icon-tab-bar-popover>\n        </li>\n    }\n</ul>\n", dependencies: [{ kind: "directive", type: OverflowListDirective, selector: "[fdkOverflowList]", inputs: ["overflowOffset", "isRtl", "itemCssBlockValue"], outputs: ["overflowChanged"] }, { kind: "directive", type: OverflowListItemDirective, selector: "[fdkOverflowListItem]" }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: IconTabBarPopoverComponent, selector: "fdp-icon-tab-bar-popover", inputs: ["leftSide", "label", "showItemLabel"] }] }); }
+    constructor() {
+        super(...arguments);
+        /** @hidden */
+        this._defaultFontFamily = FD_DEFAULT_ICON_FONT_FAMILY;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: IconTabBarIconTypeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.0.8", type: IconTabBarIconTypeComponent, isStandalone: true, selector: "fdp-icon-tab-bar-icon-type", inputs: { showLabel: "showLabel" }, providers: [
+            {
+                provide: IconTabBarBase,
+                useExisting: IconTabBarIconTypeComponent
+            }
+        ], viewQueries: [{ propertyName: "_tabBarPopover", first: true, predicate: IconTabBarPopoverComponent, descendants: true }, { propertyName: "_tabUIElements", predicate: ["tabItem"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<ul\n    class=\"fd-icon-tab-bar__header\"\n    [class.fd-dynamic-page__tabs]=\"_inDynamicPage\"\n    role=\"tablist\"\n    fdkOverflowList\n    [isRtl]=\"isRtl\"\n    #tablist\n    [overflowOffset]=\"100\"\n    (overflowChanged)=\"_recalculateVisibleItems($event)\"\n>\n    @for (item of tabs; track item.uId; let idx = $index) {\n        <li\n            [ngClass]=\"item.cssClasses\"\n            [class.fd-icon-tab-bar__item--closable]=\"item.closable\"\n            fdkOverflowListItem\n            [attr.aria-hidden]=\"item.hidden\"\n            class=\"fd-icon-tab-bar__item\"\n            role=\"presentation\"\n        >\n            <a\n                class=\"fd-icon-tab-bar__tab\"\n                #tabItem\n                role=\"tab\"\n                [attr.tabindex]=\"idx === 0 ? 0 : -1\"\n                [attr.aria-selected]=\"item.uId === selectedUid\"\n                (click)=\"_selectItem(item)\"\n                (keydown)=\"_keyDownHandler($event, item, idx)\"\n            >\n                <div class=\"fd-icon-tab-bar__container\">\n                    <span class=\"fd-icon-tab-bar__icon\">\n                        <fd-icon [glyph]=\"item.icon\" [font]=\"item.iconFont || _defaultFontFamily\"></fd-icon>\n                    </span>\n                    @if (item.counter && (!item.label || !showLabel)) {\n                        <span class=\"fd-icon-tab-bar__counter\">{{ item.counter }}</span>\n                    }\n                </div>\n                @if (showLabel && item.label) {\n                    <div class=\"fd-icon-tab-bar__details\">\n                        <span class=\"fd-icon-tab-bar__counter\">{{ item.counter }}</span>\n                        <span class=\"fd-icon-tab-bar__label\">{{ item.label }}</span>\n                    </div>\n                }\n                @if (item.color | fdkAsyncOrSync; as itemColor) {\n                    <div class=\"screenreader-only\">\n                        {{ (colorAssociations && colorAssociations[itemColor]) || itemColor }}\n                    </div>\n                }\n            </a>\n            @if (item.closable) {\n                <div class=\"fd-icon-tab-bar__button-container\">\n                    <button\n                        fd-button\n                        class=\"fd-icon-tab-bar__button\"\n                        fdType=\"transparent\"\n                        (click)=\"_closeTab(item.uId)\"\n                    >\n                        <fd-icon glyph=\"decline\"></fd-icon>\n                    </button>\n                </div>\n            }\n        </li>\n    }\n    @if (_extraItems$()) {\n        <li role=\"presentation\" class=\"fd-icon-tab-bar__item fd-icon-tab-bar__item--overflow\">\n            <fdp-icon-tab-bar-popover\n                [showItemLabel]=\"showLabel\"\n                [isRtl]=\"isRtl\"\n                [extraTabs]=\"_extraTabs$()\"\n                [colorAssociations]=\"colorAssociations\"\n                (selectedExtraItem)=\"_selectExtraItem($event)\"\n                (focusFirstVisibleItem)=\"_focusItem(0)\"\n                (focusLastVisibleItem)=\"_focusItem(_lastVisibleTabIndex)\"\n            ></fdp-icon-tab-bar-popover>\n        </li>\n    }\n</ul>\n", dependencies: [{ kind: "directive", type: OverflowListDirective, selector: "[fdkOverflowList]", inputs: ["overflowOffset", "isRtl", "itemCssBlockValue"], outputs: ["overflowChanged"] }, { kind: "directive", type: OverflowListItemDirective, selector: "[fdkOverflowListItem]" }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: IconTabBarPopoverComponent, selector: "fdp-icon-tab-bar-popover", inputs: ["leftSide", "label", "showItemLabel"] }, { kind: "pipe", type: AsyncOrSyncPipe, name: "fdkAsyncOrSync" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: IconTabBarIconTypeComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: IconTabBarIconTypeComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'fdp-icon-tab-bar-icon-type', standalone: true, imports: [
+            args: [{ selector: 'fdp-icon-tab-bar-icon-type', standalone: true, providers: [
+                        {
+                            provide: IconTabBarBase,
+                            useExisting: IconTabBarIconTypeComponent
+                        }
+                    ], imports: [
                         OverflowListDirective,
                         OverflowListItemDirective,
                         NgClass,
                         IconComponent,
                         ButtonComponent,
-                        IconTabBarPopoverComponent
-                    ], template: "<ul\n    class=\"fd-icon-tab-bar__header\"\n    role=\"tablist\"\n    fdkOverflowList\n    [isRtl]=\"isRtl\"\n    [overflowOffset]=\"100\"\n    (overflowChanged)=\"_recalculateVisibleItems($event)\"\n>\n    @for (item of _tabs; track item.uId; let idx = $index) {\n        <li\n            [ngClass]=\"item.cssClasses\"\n            [class.fd-icon-tab-bar__item--closable]=\"item.closable\"\n            fdkOverflowListItem\n            [attr.aria-hidden]=\"item.hidden\"\n            class=\"fd-icon-tab-bar__item\"\n            role=\"presentation\"\n        >\n            <a\n                class=\"fd-icon-tab-bar__tab\"\n                #tabItem\n                role=\"tab\"\n                [attr.tabindex]=\"idx === 0 ? 0 : -1\"\n                [attr.aria-selected]=\"item.uId === _selectedUid\"\n                (click)=\"_selectItem(item)\"\n                (keydown)=\"_keyDownHandler($event, item, idx)\"\n            >\n                <div class=\"fd-icon-tab-bar__container\">\n                    <span class=\"fd-icon-tab-bar__icon\">\n                        <fd-icon [glyph]=\"item.icon\"></fd-icon>\n                    </span>\n                    @if (item.counter && (!item.label || !showLabel)) {\n                        <span class=\"fd-icon-tab-bar__counter\">{{ item.counter }}</span>\n                    }\n                </div>\n                @if (showLabel && item.label) {\n                    <div class=\"fd-icon-tab-bar__details\">\n                        <span class=\"fd-icon-tab-bar__counter\">{{ item.counter }}</span>\n                        <span class=\"fd-icon-tab-bar__label\">{{ item.label }}</span>\n                    </div>\n                }\n                @if (item.color) {\n                    <div class=\"screenreader-only\">\n                        {{ (colorAssociations && colorAssociations[item.color]) || item.color }}\n                    </div>\n                }\n            </a>\n            @if (item.closable) {\n                <div class=\"fd-icon-tab-bar__button-container\">\n                    <button\n                        fd-button\n                        class=\"fd-icon-tab-bar__button\"\n                        fdType=\"transparent\"\n                        (click)=\"_closeTab(item.uId)\"\n                    >\n                        <fd-icon glyph=\"decline\"></fd-icon>\n                    </button>\n                </div>\n            }\n        </li>\n    }\n    @if (_extraTabs.length) {\n        <li role=\"presentation\" class=\"fd-icon-tab-bar__item fd-icon-tab-bar__item--overflow\">\n            <fdp-icon-tab-bar-popover\n                [showItemLabel]=\"showLabel\"\n                [isRtl]=\"isRtl\"\n                [extraTabs]=\"_extraTabs\"\n                [colorAssociations]=\"colorAssociations\"\n                (selectedExtraItem)=\"_selectExtraItem($event)\"\n                (focusFirstVisibleItem)=\"_focusItem(0)\"\n                (focusLastVisibleItem)=\"_focusItem(_lastVisibleTabIndex)\"\n            ></fdp-icon-tab-bar-popover>\n        </li>\n    }\n</ul>\n" }]
+                        IconTabBarPopoverComponent,
+                        AsyncOrSyncPipe
+                    ], template: "<ul\n    class=\"fd-icon-tab-bar__header\"\n    [class.fd-dynamic-page__tabs]=\"_inDynamicPage\"\n    role=\"tablist\"\n    fdkOverflowList\n    [isRtl]=\"isRtl\"\n    #tablist\n    [overflowOffset]=\"100\"\n    (overflowChanged)=\"_recalculateVisibleItems($event)\"\n>\n    @for (item of tabs; track item.uId; let idx = $index) {\n        <li\n            [ngClass]=\"item.cssClasses\"\n            [class.fd-icon-tab-bar__item--closable]=\"item.closable\"\n            fdkOverflowListItem\n            [attr.aria-hidden]=\"item.hidden\"\n            class=\"fd-icon-tab-bar__item\"\n            role=\"presentation\"\n        >\n            <a\n                class=\"fd-icon-tab-bar__tab\"\n                #tabItem\n                role=\"tab\"\n                [attr.tabindex]=\"idx === 0 ? 0 : -1\"\n                [attr.aria-selected]=\"item.uId === selectedUid\"\n                (click)=\"_selectItem(item)\"\n                (keydown)=\"_keyDownHandler($event, item, idx)\"\n            >\n                <div class=\"fd-icon-tab-bar__container\">\n                    <span class=\"fd-icon-tab-bar__icon\">\n                        <fd-icon [glyph]=\"item.icon\" [font]=\"item.iconFont || _defaultFontFamily\"></fd-icon>\n                    </span>\n                    @if (item.counter && (!item.label || !showLabel)) {\n                        <span class=\"fd-icon-tab-bar__counter\">{{ item.counter }}</span>\n                    }\n                </div>\n                @if (showLabel && item.label) {\n                    <div class=\"fd-icon-tab-bar__details\">\n                        <span class=\"fd-icon-tab-bar__counter\">{{ item.counter }}</span>\n                        <span class=\"fd-icon-tab-bar__label\">{{ item.label }}</span>\n                    </div>\n                }\n                @if (item.color | fdkAsyncOrSync; as itemColor) {\n                    <div class=\"screenreader-only\">\n                        {{ (colorAssociations && colorAssociations[itemColor]) || itemColor }}\n                    </div>\n                }\n            </a>\n            @if (item.closable) {\n                <div class=\"fd-icon-tab-bar__button-container\">\n                    <button\n                        fd-button\n                        class=\"fd-icon-tab-bar__button\"\n                        fdType=\"transparent\"\n                        (click)=\"_closeTab(item.uId)\"\n                    >\n                        <fd-icon glyph=\"decline\"></fd-icon>\n                    </button>\n                </div>\n            }\n        </li>\n    }\n    @if (_extraItems$()) {\n        <li role=\"presentation\" class=\"fd-icon-tab-bar__item fd-icon-tab-bar__item--overflow\">\n            <fdp-icon-tab-bar-popover\n                [showItemLabel]=\"showLabel\"\n                [isRtl]=\"isRtl\"\n                [extraTabs]=\"_extraTabs$()\"\n                [colorAssociations]=\"colorAssociations\"\n                (selectedExtraItem)=\"_selectExtraItem($event)\"\n                (focusFirstVisibleItem)=\"_focusItem(0)\"\n                (focusLastVisibleItem)=\"_focusItem(_lastVisibleTabIndex)\"\n            ></fdp-icon-tab-bar-popover>\n        </li>\n    }\n</ul>\n" }]
         }], propDecorators: { _tabUIElements: [{
                 type: ViewChildren,
                 args: ['tabItem']
@@ -667,7 +701,7 @@ class IconTabBarProcessTypeComponent extends ClosableIconTabBar {
     _clearExtraList() {
         this._nextSteps = [];
         this._prevSteps = [];
-        this._tabs.forEach((item) => {
+        this.tabs.forEach((item) => {
             item.hidden = false;
             item.cssClasses = item.cssClasses.filter((cssClass) => cssClass !== ICON_TAB_HIDDEN_CLASS_NAME);
         });
@@ -684,24 +718,25 @@ class IconTabBarProcessTypeComponent extends ClosableIconTabBar {
         if (!extraItems) {
             return;
         }
-        const visibleAmountOfItems = this._tabs.length - extraItems;
-        for (let i = this._tabs.length - amountOfNextSteps; i < this._tabs.length; i++) {
-            this._nextSteps.push(cloneDeep(this._tabs[i]));
-            this._tabs[i].hidden = true;
-            this._tabs[i].cssClasses.push(ICON_TAB_HIDDEN_CLASS_NAME);
+        const tabs = [...this.tabs];
+        const visibleAmountOfItems = tabs.length - extraItems;
+        for (let i = tabs.length - amountOfNextSteps; i < tabs.length; i++) {
+            this._nextSteps.push(cloneDeep(tabs[i]));
+            tabs[i].hidden = true;
+            tabs[i].cssClasses.push(ICON_TAB_HIDDEN_CLASS_NAME);
         }
         this._showRightBtn = !!this._nextSteps.length;
-        this._firstVisibleTabIndex = this._tabs.length - visibleAmountOfItems - this._nextSteps.length;
-        this._lastVisibleTabIndex = this._tabs.length - amountOfNextSteps - 1;
+        this._firstVisibleTabIndex = tabs.length - visibleAmountOfItems - this._nextSteps.length;
+        this._lastVisibleTabIndex = tabs.length - amountOfNextSteps - 1;
         if (this._nextSteps.length === extraItems) {
             return;
         }
         let amountOfPrevSteps = extraItems - this._nextSteps.length;
         let nextIndex = this._firstVisibleTabIndex - 1;
         while (amountOfPrevSteps > 0) {
-            this._prevSteps.push(cloneDeep(this._tabs[nextIndex]));
-            this._tabs[nextIndex].hidden = true;
-            this._tabs[nextIndex].cssClasses.push(ICON_TAB_HIDDEN_CLASS_NAME);
+            this._prevSteps.push(cloneDeep(tabs[nextIndex]));
+            tabs[nextIndex].hidden = true;
+            tabs[nextIndex].cssClasses.push(ICON_TAB_HIDDEN_CLASS_NAME);
             --nextIndex;
             --amountOfPrevSteps;
         }
@@ -724,11 +759,12 @@ class IconTabBarProcessTypeComponent extends ClosableIconTabBar {
         if (!extraItems) {
             return;
         }
-        const visibleAmountOfItems = this._tabs.length - extraItems;
+        const tabs = [...this.tabs];
+        const visibleAmountOfItems = tabs.length - extraItems;
         for (let i = amountOfPreviousSteps - 1; i >= 0; i--) {
-            this._prevSteps.push(cloneDeep(this._tabs[i]));
-            this._tabs[i].hidden = true;
-            this._tabs[i].cssClasses.push(ICON_TAB_HIDDEN_CLASS_NAME);
+            this._prevSteps.push(cloneDeep(tabs[i]));
+            tabs[i].hidden = true;
+            tabs[i].cssClasses.push(ICON_TAB_HIDDEN_CLASS_NAME);
         }
         this._firstVisibleTabIndex = this._prevSteps.length;
         this._lastVisibleTabIndex = this._prevSteps.length + visibleAmountOfItems - 1;
@@ -740,9 +776,9 @@ class IconTabBarProcessTypeComponent extends ClosableIconTabBar {
         let amountOfNextSteps = extraItems - this._prevSteps.length;
         let nextIndex = this._prevSteps.length ? this._prevSteps.length + visibleAmountOfItems : visibleAmountOfItems;
         while (amountOfNextSteps > 0) {
-            this._nextSteps.push(cloneDeep(this._tabs[nextIndex]));
-            this._tabs[nextIndex].hidden = true;
-            this._tabs[nextIndex].cssClasses.push(ICON_TAB_HIDDEN_CLASS_NAME);
+            this._nextSteps.push(cloneDeep(tabs[nextIndex]));
+            tabs[nextIndex].hidden = true;
+            tabs[nextIndex].cssClasses.push(ICON_TAB_HIDDEN_CLASS_NAME);
             ++nextIndex;
             --amountOfNextSteps;
         }
@@ -754,18 +790,29 @@ class IconTabBarProcessTypeComponent extends ClosableIconTabBar {
         this._offsetOverflowDirective = this._nextSteps.length ? 70 : 0;
         this._cd.detectChanges();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: IconTabBarProcessTypeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.0.4", type: IconTabBarProcessTypeComponent, isStandalone: true, selector: "fdp-icon-tab-bar-process-type", viewQueries: [{ propertyName: "_tabBarPopover", first: true, predicate: IconTabBarPopoverComponent, descendants: true }, { propertyName: "_tabUIElements", predicate: ["tabItem"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<ul\n    class=\"fd-icon-tab-bar__header\"\n    role=\"tablist\"\n    [class.fd-icon-tab-bar__header--left-offset]=\"_showLeftBtn\"\n    fdkOverflowList\n    [isRtl]=\"isRtl\"\n    [overflowOffset]=\"_offsetOverflowDirective\"\n    (overflowChanged)=\"_recalculateVisibleItems($event)\"\n>\n    @if (_showLeftBtn) {\n        <li\n            role=\"presentation\"\n            class=\"fd-icon-tab-bar__item fd-icon-tab-bar__item--overflow fd-icon-tab-bar__item--overflow-left\"\n        >\n            <fdp-icon-tab-bar-popover\n                [extraTabs]=\"_prevSteps\"\n                [label]=\"_prevSteps.length.toString()\"\n                [isSeparators]=\"true\"\n                [colorAssociations]=\"colorAssociations\"\n                (selectedExtraItem)=\"_selectExtraItem($event)\"\n            ></fdp-icon-tab-bar-popover>\n        </li>\n    }\n    @for (item of _tabs; track item.uId; let idx = $index) {\n        <li\n            [class]=\"item.cssClasses\"\n            class=\"fd-icon-tab-bar__item\"\n            role=\"presentation\"\n            fdkOverflowListItem\n            [attr.aria-hidden]=\"item.hidden\"\n        >\n            <a\n                (click)=\"_selectItem(item)\"\n                (keydown)=\"_keyDownHandler($event, item, idx)\"\n                [attr.aria-selected]=\"item.uId === _selectedUid\"\n                class=\"fd-icon-tab-bar__tab\"\n                #tabItem\n                [attr.tabindex]=\"idx === 0 ? 0 : -1\"\n                role=\"tab\"\n            >\n                @if (item.icon) {\n                    <div class=\"fd-icon-tab-bar__container\">\n                        <span class=\"fd-icon-tab-bar__icon\">\n                            <fd-icon [glyph]=\"item.icon\"></fd-icon>\n                        </span>\n                        @if (item.badge) {\n                            <span class=\"fd-icon-tab-bar__badge\"></span>\n                        }\n                    </div>\n                    <div class=\"fd-icon-tab-bar__details\">\n                        <span class=\"fd-icon-tab-bar__counter\">{{ item.counter }}</span>\n                        <span class=\"fd-icon-tab-bar__label\">{{ item.label }}</span>\n                    </div>\n                } @else {\n                    <span class=\"fd-icon-tab-bar__tag\">{{ item.label }}</span>\n                    @if (item.badge) {\n                        <span class=\"fd-icon-tab-bar__badge\"></span>\n                    }\n                }\n                @if (item.color) {\n                    <div class=\"screenreader-only\">\n                        {{ (colorAssociations && colorAssociations[item.color]) || item.color }}\n                    </div>\n                }\n            </a>\n            @if (item.closable) {\n                <div class=\"fd-icon-tab-bar__button-container\">\n                    <button\n                        fd-button\n                        class=\"fd-icon-tab-bar__button\"\n                        fdType=\"transparent\"\n                        (click)=\"_closeTab(item.uId)\"\n                    >\n                        <fd-icon glyph=\"decline\"></fd-icon>\n                    </button>\n                </div>\n            }\n            @if (_lastVisibleTabIndex !== idx) {\n                <span class=\"fd-icon-tab-bar__separator\">\n                    <fd-icon glyph=\"process\"></fd-icon>\n                </span>\n            }\n        </li>\n    }\n    @if (_showRightBtn) {\n        <li role=\"presentation\" class=\"fd-icon-tab-bar__item fd-icon-tab-bar__item--overflow\">\n            <fdp-icon-tab-bar-popover\n                [isRtl]=\"isRtl\"\n                [extraTabs]=\"_nextSteps\"\n                [isSeparators]=\"true\"\n                [label]=\"_nextSteps.length.toString()\"\n                [colorAssociations]=\"colorAssociations\"\n                (selectedExtraItem)=\"_selectExtraItem($event)\"\n                (focusFirstVisibleItem)=\"_focusItem(0)\"\n                (focusLastVisibleItem)=\"_focusItem(_lastVisibleTabIndex)\"\n            >\n            </fdp-icon-tab-bar-popover>\n        </li>\n    }\n</ul>\n", dependencies: [{ kind: "directive", type: OverflowListDirective, selector: "[fdkOverflowList]", inputs: ["overflowOffset", "isRtl", "itemCssBlockValue"], outputs: ["overflowChanged"] }, { kind: "component", type: IconTabBarPopoverComponent, selector: "fdp-icon-tab-bar-popover", inputs: ["leftSide", "label", "showItemLabel"] }, { kind: "directive", type: OverflowListItemDirective, selector: "[fdkOverflowListItem]" }, { 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]", inputs: ["class"], exportAs: ["fd-button"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: IconTabBarProcessTypeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.0.8", type: IconTabBarProcessTypeComponent, isStandalone: true, selector: "fdp-icon-tab-bar-process-type", providers: [
+            {
+                provide: IconTabBarBase,
+                useExisting: IconTabBarProcessTypeComponent
+            }
+        ], viewQueries: [{ propertyName: "_tabBarPopover", first: true, predicate: IconTabBarPopoverComponent, descendants: true }, { propertyName: "_tabUIElements", predicate: ["tabItem"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<ul\n    class=\"fd-icon-tab-bar__header\"\n    [class.fd-dynamic-page__tabs]=\"_inDynamicPage\"\n    role=\"tablist\"\n    #tablist\n    [class.fd-icon-tab-bar__header--left-offset]=\"_showLeftBtn\"\n    fdkOverflowList\n    [isRtl]=\"isRtl\"\n    [overflowOffset]=\"_offsetOverflowDirective\"\n    (overflowChanged)=\"_recalculateVisibleItems($event)\"\n>\n    @if (_showLeftBtn) {\n        <li\n            role=\"presentation\"\n            class=\"fd-icon-tab-bar__item fd-icon-tab-bar__item--overflow fd-icon-tab-bar__item--overflow-left\"\n        >\n            <fdp-icon-tab-bar-popover\n                [extraTabs]=\"_prevSteps\"\n                [label]=\"_prevSteps.length.toString()\"\n                [isSeparators]=\"true\"\n                [colorAssociations]=\"colorAssociations\"\n                (selectedExtraItem)=\"_selectExtraItem($event)\"\n            ></fdp-icon-tab-bar-popover>\n        </li>\n    }\n    @for (item of tabs; track item.uId; let idx = $index) {\n        <li\n            [class]=\"item.cssClasses\"\n            class=\"fd-icon-tab-bar__item\"\n            role=\"presentation\"\n            fdkOverflowListItem\n            [attr.aria-hidden]=\"item.hidden\"\n        >\n            <a\n                (click)=\"_selectItem(item)\"\n                (keydown)=\"_keyDownHandler($event, item, idx)\"\n                [attr.aria-selected]=\"item.uId === selectedUid\"\n                class=\"fd-icon-tab-bar__tab\"\n                #tabItem\n                [attr.tabindex]=\"idx === 0 ? 0 : -1\"\n                role=\"tab\"\n            >\n                @if (item.icon) {\n                    <div class=\"fd-icon-tab-bar__container\">\n                        <span class=\"fd-icon-tab-bar__icon\">\n                            <fd-icon [glyph]=\"item.icon\"></fd-icon>\n                        </span>\n                        @if (item.badge) {\n                            <span class=\"fd-icon-tab-bar__badge\"></span>\n                        }\n                    </div>\n                    <div class=\"fd-icon-tab-bar__details\">\n                        <span class=\"fd-icon-tab-bar__counter\">{{ item.counter }}</span>\n                        <span class=\"fd-icon-tab-bar__label\">{{ item.label | fdkAsyncOrSync }}</span>\n                    </div>\n                } @else {\n                    <span class=\"fd-icon-tab-bar__tag\">{{ item.label | fdkAsyncOrSync }}</span>\n                    @if (item.badge) {\n                        <span class=\"fd-icon-tab-bar__badge\"></span>\n                    }\n                }\n                @if (item.color | fdkAsyncOrSync; as itemColor) {\n                    <div class=\"screenreader-only\">\n                        {{ (colorAssociations && colorAssociations[itemColor]) || itemColor }}\n                    </div>\n                }\n            </a>\n            @if (item.closable) {\n                <div class=\"fd-icon-tab-bar__button-container\">\n                    <button\n                        fd-button\n                        class=\"fd-icon-tab-bar__button\"\n                        fdType=\"transparent\"\n                        (click)=\"_closeTab(item.uId)\"\n                    >\n                        <fd-icon glyph=\"decline\"></fd-icon>\n                    </button>\n                </div>\n            }\n            @if (_lastVisibleTabIndex !== idx) {\n                <span class=\"fd-icon-tab-bar__separator\">\n                    <fd-icon glyph=\"process\"></fd-icon>\n                </span>\n            }\n        </li>\n    }\n    @if (_showRightBtn) {\n        <li role=\"presentation\" class=\"fd-icon-tab-bar__item fd-icon-tab-bar__item--overflow\">\n            <fdp-icon-tab-bar-popover\n                [isRtl]=\"isRtl\"\n                [extraTabs]=\"_nextSteps\"\n                [isSeparators]=\"true\"\n                [label]=\"_nextSteps.length.toString()\"\n                [colorAssociations]=\"colorAssociations\"\n                (selectedExtraItem)=\"_selectExtraItem($event)\"\n                (focusFirstVisibleItem)=\"_focusItem(0)\"\n                (focusLastVisibleItem)=\"_focusItem(_lastVisibleTabIndex)\"\n            >\n            </fdp-icon-tab-bar-popover>\n        </li>\n    }\n</ul>\n", dependencies: [{ kind: "directive", type: OverflowListDirective, selector: "[fdkOverflowList]", inputs: ["overflowOffset", "isRtl", "itemCssBlockValue"], outputs: ["overflowChanged"] }, { kind: "component", type: IconTabBarPopoverComponent, selector: "fdp-icon-tab-bar-popover", inputs: ["leftSide", "label", "showItemLabel"] }, { kind: "directive", type: OverflowListItemDirective, selector: "[fdkOverflowListItem]" }, { 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]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "pipe", type: AsyncOrSyncPipe, name: "fdkAsyncOrSync" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: IconTabBarProcessTypeComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: IconTabBarProcessTypeComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'fdp-icon-tab-bar-process-type', standalone: true, imports: [
+            args: [{ selector: 'fdp-icon-tab-bar-process-type', standalone: true, providers: [
+                        {
+                            provide: IconTabBarBase,
+                            useExisting: IconTabBarProcessTypeComponent
+                        }
+                    ], imports: [
                         OverflowListDirective,
                         IconTabBarPopoverComponent,
                         OverflowListItemDirective,
                         IconComponent,
-                        ButtonComponent
-                    ], template: "<ul\n    class=\"fd-icon-tab-bar__header\"\n    role=\"tablist\"\n    [class.fd-icon-tab-bar__header--left-offset]=\"_showLeftBtn\"\n    fdkOverflowList\n    [isRtl]=\"isRtl\"\n    [overflowOffset]=\"_offsetOverflowDirective\"\n    (overflowChanged)=\"_recalculateVisibleItems($event)\"\n>\n    @if (_showLeftBtn) {\n        <li\n            role=\"presentation\"\n            class=\"fd-icon-tab-bar__item fd-icon-tab-bar__item--overflow fd-icon-tab-bar__item--overflow-left\"\n        >\n            <fdp-icon-tab-bar-popover\n                [extraTabs]=\"_prevSteps\"\n                [label]=\"_prevSteps.length.toString()\"\n                [isSeparators]=\"true\"\n                [colorAssociations]=\"colorAssociations\"\n                (selectedExtraItem)=\"_selectExtraItem($event)\"\n            ></fdp-icon-tab-bar-popover>\n        </li>\n    }\n    @for (item of _tabs; track item.uId; let idx = $index) {\n        <li\n            [class]=\"item.cssClasses\"\n            class=\"fd-icon-tab-bar__item\"\n            role=\"presentation\"\n            fdkOverflowListItem\n            [attr.aria-hidden]=\"item.hidden\"\n        >\n            <a\n                (click)=\"_selectItem(item)\"\n                (keydown)=\"_keyDownHandler($event, item, idx)\"\n                [attr.aria-selected]=\"item.uId === _selectedUid\"\n                class=\"fd-icon-tab-bar__tab\"\n                #tabItem\n                [attr.tabindex]=\"idx === 0 ? 0 : -1\"\n                role=\"tab\"\n            >\n                @if (item.icon) {\n                    <div class=\"fd-icon-tab-bar__container\">\n                        <span class=\"fd-icon-tab-bar__icon\">\n                            <fd-icon [glyph]=\"item.icon\"></fd-icon>\n                        </span>\n                        @if (item.badge) {\n                            <span class=\"fd-icon-tab-bar__badge\"></span>\n                        }\n                    </div>\n                    <div class=\"fd-icon-tab-bar__details\">\n                        <span class=\"fd-icon-tab-bar__counter\">{{ item.counter }}</span>\n                        <span class=\"fd-icon-tab-bar__label\">{{ item.label }}</span>\n                    </div>\n                } @else {\n                    <span class=\"fd-icon-tab-bar__tag\">{{ item.label }}</span>\n                    @if (item.badge) {\n                        <span class=\"fd-icon-tab-bar__badge\"></span>\n                    }\n                }\n                @if (item.color) {\n                    <div class=\"screenreader-only\">\n                        {{ (colorAssociations && colorAssociations[item.color]) || item.color }}\n                    </div>\n                }\n            </a>\n            @if (item.closable) {\n                <div class=\"fd-icon-tab-bar__button-container\">\n                    <button\n                        fd-button\n                        class=\"fd-icon-tab-bar__button\"\n                        fdType=\"transparent\"\n                        (click)=\"_closeTab(item.uId)\"\n                    >\n                        <fd-icon glyph=\"decline\"></fd-icon>\n                    </button>\n                </div>\n            }\n            @if (_lastVisibleTabIndex !== idx) {\n                <span class=\"fd-icon-tab-bar__separator\">\n                    <fd-icon glyph=\"process\"></fd-icon>\n                </span>\n            }\n        </li>\n    }\n    @if (_showRightBtn) {\n        <li role=\"presentation\" class=\"fd-icon-tab-bar__item fd-icon-tab-bar__item--overflow\">\n            <fdp-icon-tab-bar-popover\n                [isRtl]=\"isRtl\"\n                [extraTabs]=\"_nextSteps\"\n                [isSeparators]=\"true\"\n                [label]=\"_nextSteps.length.toString()\"\n                [colorAssociations]=\"colorAssociations\"\n                (selectedExtraItem)=\"_selectExtraItem($event)\"\n                (focusFirstVisibleItem)=\"_focusItem(0)\"\n                (focusLastVisibleItem)=\"_focusItem(_lastVisibleTabIndex)\"\n            >\n            </fdp-icon-tab-bar-popover>\n        </li>\n    }\n</ul>\n" }]
+                        ButtonComponent,
+                        AsyncOrSyncPipe
+                    ], template: "<ul\n    class=\"fd-icon-tab-bar__header\"\n    [class.fd-dynamic-page__tabs]=\"_inDynamicPage\"\n    role=\"tablist\"\n    #tablist\n    [class.fd-icon-tab-bar__header--left-offset]=\"_showLeftBtn\"\n    fdkOverflowList\n    [isRtl]=\"isRtl\"\n    [overflowOffset]=\"_offsetOverflowDirective\"\n    (overflowChanged)=\"_recalculateVisibleItems($event)\"\n>\n    @if (_showLeftBtn) {\n        <li\n            role=\"presentation\"\n            class=\"fd-icon-tab-bar__item fd-icon-tab-bar__item--overflow fd-icon-tab-bar__item--overflow-left\"\n        >\n            <fdp-icon-tab-bar-popover\n                [extraTabs]=\"_prevSteps\"\n                [label]=\"_prevSteps.length.toString()\"\n                [isSeparators]=\"true\"\n                [colorAssociations]=\"colorAssociations\"\n                (selectedExtraItem)=\"_selectExtraItem($event)\"\n            ></fdp-icon-tab-bar-popover>\n        </li>\n    }\n    @for (item of tabs; track item.uId; let idx = $index) {\n        <li\n            [class]=\"item.cssClasses\"\n            class=\"fd-icon-tab-bar__item\"\n            role=\"presentation\"\n            fdkOverflowListItem\n            [attr.aria-hidden]=\"item.hidden\"\n        >\n            <a\n                (click)=\"_selectItem(item)\"\n                (keydown)=\"_keyDownHandler($event, item, idx)\"\n                [attr.aria-selected]=\"item.uId === selectedUid\"\n                class=\"fd-icon-tab-bar__tab\"\n                #tabItem\n                [attr.tabindex]=\"idx === 0 ? 0 : -1\"\n                role=\"tab\"\n            >\n                @if (item.icon) {\n                    <div class=\"fd-icon-tab-bar__container\">\n                        <span class=\"fd-icon-tab-bar__icon\">\n                            <fd-icon [glyph]=\"item.icon\"></fd-icon>\n                        </span>\n                        @if (item.badge) {\n                            <span class=\"fd-icon-tab-bar__badge\"></span>\n                        }\n                    </div>\n                    <div class=\"fd-icon-tab-bar__details\">\n                        <span class=\"fd-icon-tab-bar__counter\">{{ item.counter }}</span>\n                        <span class=\"fd-icon-tab-bar__label\">{{ item.label | fdkAsyncOrSync }}</span>\n                    </div>\n                } @else {\n                    <span class=\"fd-icon-tab-bar__tag\">{{ item.label | fdkAsyncOrSync }}</span>\n                    @if (item.badge) {\n                        <span class=\"fd-icon-tab-bar__badge\"></span>\n                    }\n                }\n                @if (item.color | fdkAsyncOrSync; as itemColor) {\n                    <div class=\"screenreader-only\">\n                        {{ (colorAssociations && colorAssociations[itemColor]) || itemColor }}\n                    </div>\n                }\n            </a>\n            @if (item.closable) {\n                <div class=\"fd-icon-tab-bar__button-container\">\n                    <button\n                        fd-button\n                        class=\"fd-icon-tab-bar__button\"\n                        fdType=\"transparent\"\n                        (click)=\"_closeTab(item.uId)\"\n                    >\n                        <fd-icon glyph=\"decline\"></fd-icon>\n                    </button>\n                </div>\n            }\n            @if (_lastVisibleTabIndex !== idx) {\n                <span class=\"fd-icon-tab-bar__separator\">\n                    <fd-icon glyph=\"process\"></fd-icon>\n                </span>\n            }\n        </li>\n    }\n    @if (_showRightBtn) {\n        <li role=\"presentation\" class=\"fd-icon-tab-bar__item fd-icon-tab-bar__item--overflow\">\n            <fdp-icon-tab-bar-popover\n                [isRtl]=\"isRtl\"\n                [extraTabs]=\"_nextSteps\"\n                [isSeparators]=\"true\"\n                [label]=\"_nextSteps.length.toString()\"\n                [colorAssociations]=\"colorAssociations\"\n                (selectedExtraItem)=\"_selectExtraItem($event)\"\n                (focusFirstVisibleItem)=\"_focusItem(0)\"\n                (focusLastVisibleItem)=\"_focusItem(_lastVisibleTabIndex)\"\n            >\n            </fdp-icon-tab-bar-popover>\n        </li>\n    }\n</ul>\n" }]
         }], propDecorators: { _tabUIElements: [{
                 type: ViewChildren,
                 args: ['tabItem']
@@ -783,9 +830,8 @@ class IconBarDndContainerDirective {
         this._changeDraggableState(draggable);
     }
     /** @hidden */
-    constructor(elementRef, _dragDrop) {
+    constructor(elementRef) {
         this.elementRef = elementRef;
-        this._dragDrop = _dragDrop;
         /**
          * @description Event that is thrown, when the item is dropped
          */
@@ -805,12 +851,7 @@ class IconBarDndContainerDirective {
         /** @hidden */
         this._draggable = true;
         /** @hidden */
-        this._onDestroy$ = new Subject();
-    }
-    /** @hidden */
-    ngOnDestroy() {
-        this._onDestroy$.next();
-        this._onDestroy$.complete();
+        this._destroyRef = inject(DestroyRef);
     }
     /**
      * @description Method called, when element is started to be dragged
@@ -906,9 +947,9 @@ class IconBarDndContainerDirective {
     registerDragItem(dragItem) {
         this._dragRefItems.push(dragItem.dragRef);
         this.dndItemDirectives.push(dragItem);
-        dragItem.moved.pipe(takeUntil(this._onDestroy$)).subscribe((position) => this.onMove(position));
-        dragItem.started.pipe(takeUntil(this._onDestroy$)).subscribe(() => this.dragStart());
-        dragItem.released.pipe(takeUntil(this._onDestroy$)).subscribe(() => this.dragEnd(dragItem));
+        dragItem.moved.pipe(takeUntilDestroyed(this._destroyRef)).subscribe((position) => this.onMove(position));
+        dragItem.started.pipe(takeUntilDestroyed(this._destroyRef)).subscribe(() => this.dragStart());
+        dragItem.released.pipe(takeUntilDestroyed(this._destroyRef)).subscribe(() => this.dragEnd(dragItem));
     }
     /**
      * @param dragItem
@@ -969,16 +1010,16 @@ class IconBarDndContainerDirective {
         const endY = element.y + element.height - FLIPPER_SIZE.verticalHeight / 2;
         return _between(mousePosition.x, startX, endX) && _between(mousePosition.y, startY, endY);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: IconBarDndContainerDirective, deps: [{ token: i0.ElementRef }, { token: i1.DragDrop }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.4", type: IconBarDndContainerDirective, isStandalone: true, selector: "[fdpIconBarDndContainer], [fdp-icon-bar-dnd-container]", inputs: { draggable: "draggable" }, outputs: { dropped: "dropped" }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: IconBarDndContainerDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.8", type: IconBarDndContainerDirective, isStandalone: true, selector: "[fdpIconBarDndContainer], [fdp-icon-bar-dnd-container]", inputs: { draggable: "draggable" }, outputs: { dropped: "dropped" }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: IconBarDndContainerDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: IconBarDndContainerDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[fdpIconBarDndContainer], [fdp-icon-bar-dnd-container]',
                     standalone: true
                 }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1.DragDrop }], propDecorators: { draggable: [{
+        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { draggable: [{
                 type: Input
             }], dropped: [{
                 type: Output
@@ -1003,7 +1044,7 @@ class IconBarDndListDirective {
          */
         this.dndAutoScroll = true;
         /** @hidden */
-        this._onDestroy$ = new Subject();
+        this._destroyRef = inject(DestroyRef);
         /** @hidden */
         this._dragRefItems = [];
         /** @hidden */
@@ -1018,13 +1059,11 @@ class IconBarDndListDirective {
         this._dropListRef.withOrientation(this.dndOrientation);
         this._dndContainer.registerDndList(this);
         this._dndItems$
-            .pipe(debounceTime(100), takeUntil(this._onDestroy$))
+            .pipe(debounceTime(100), takeUntilDestroyed(this._destroyRef))
             .subscribe(() => this._dropListRef.withItems(this._dragRefItems));
     }
     /** @hidden */
     ngOnDestroy() {
-        this._onDestroy$.next();
-        this._onDestroy$.complete();
         this._dropListRef.dispose();
         this._dndContainer.removeDndList(this);
     }
@@ -1050,10 +1089,10 @@ class IconBarDndListDirective {
     changeDraggableState(draggable) {
         this._dropListRef.disabled = !draggable;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: IconBarDndListDirective, deps: [{ token: i0.ElementRef }, { token: i1.DragDrop }, { token: IconBarDndContainerDirective }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.4", type: IconBarDndListDirective, isStandalone: true, selector: "[fdpIconBarDndList], [fdp-icon-bar-dnd-list]", inputs: { dndOrientation: "dndOrientation", dndAutoScroll: "dndAutoScroll" }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: IconBarDndListDirective, deps: [{ token: i0.ElementRef }, { token: i1.DragDrop }, { token: IconBarDndContainerDirective }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.8", type: IconBarDndListDirective, isStandalone: true, selector: "[fdpIconBarDndList], [fdp-icon-bar-dnd-list]", inputs: { dndOrientation: "dndOrientation", dndAutoScroll: "dndAutoScroll" }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: IconBarDndListDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: IconBarDndListDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[fdpIconBarDndList], [fdp-icon-bar-dnd-list]',
@@ -1102,7 +1141,7 @@ class IconBarDndItemDirective {
         /** @hidden */
         this.isVertical = false;
         /** @hidden */
-        this._onDestroy$ = new Subject();
+        this._destroyRef = inject(DestroyRef);
     }
     /** @hidden */
     ngAfterViewInit() {
@@ -1114,8 +1153,6 @@ class IconBarDndItemDirective {
         this._dndListDir.removeDragItem(this);
         this._dndContainerDir.removeDragItem(this);
         this.dragRef.dispose();
-        this._onDestroy$.next();
-        this._onDestroy$.complete();
     }
     /** @hidden */
     onCdkDragStart() {
@@ -1165,15 +1202,15 @@ class IconBarDndItemDirective {
         this._dndListDir?.registerDragItem(this);
         this._dndContainerDir?.registerDragItem(this);
         this.dragRef.moved
-            .pipe(takeUntil(this._onDestroy$))
+            .pipe(takeUntilDestroyed(this._destroyRef))
             .subscribe((event) => this.onCdkMove(event.pointerPosition));
-        this.dragRef.released.pipe(takeUntil(this._onDestroy$)).subscribe(() => this.onCdkDragReleased());
-        this.dragRef.started.pipe(takeUntil(this._onDestroy$)).subscribe(() => this.onCdkDragStart());
+        this.dragRef.released.pipe(takeUntilDestroyed(this._destroyRef)).subscribe(() => this.onCdkDragReleased());
+        this.dragRef.started.pipe(takeUntilDestroyed(this._destroyRef)).subscribe(() => this.onCdkDragStart());
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: IconBarDndItemDirective, deps: [{ token: i0.ElementRef }, { token: i1.DragDrop }, { token: IconBarDndListDirective }, { token: IconBarDndContainerDirective }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.4", type: IconBarDndItemDirective, isStandalone: true, selector: "[fdpIconBarDndItem], [fdp-icon-bar-dnd-item]", inputs: { dndItemData: "dndItemData", previewClass: "previewClass", dndHoveredClass: "dndHoveredClass", dndSeparatorClass: "dndSeparatorClass" }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: IconBarDndItemDirective, deps: [{ token: i0.ElementRef }, { token: i1.DragDrop }, { token: IconBarDndListDirective }, { token: IconBarDndContainerDirective }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.8", type: IconBarDndItemDirective, isStandalone: true, selector: "[fdpIconBarDndItem], [fdp-icon-bar-dnd-item]", inputs: { dndItemData: "dndItemData", previewClass: "previewClass", dndHoveredClass: "dndHoveredClass", dndSeparatorClass: "dndSeparatorClass" }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: IconBarDndItemDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: IconBarDndItemDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[fdpIconBarDndItem], [fdp-icon-bar-dnd-item]',
@@ -1248,10 +1285,10 @@ class TextTypePopoverComponent extends IconTabBarPopoverBase {
             return acc;
         }, []);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: TextTypePopoverComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.0.4", type: TextTypePopoverComponent, isStandalone: true, selector: "fdp-text-type-popover", inputs: { isExtraItemsMode: "isExtraItemsMode", parentTab: "parentTab", selectedSubItemUid: "selectedSubItemUid", tabindex: "tabindex" }, outputs: { selectedSubItem: "selectedSubItem" }, viewQueries: [{ propertyName: "_dropdownTrigger", first: true, predicate: ["dropdownTrigger"], descendants: true }, { propertyName: "_tabExtraUIElements", predicate: ["tabItem"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "@if (isExtraItemsMode) {\n    <fd-popover placement=\"bottom-end\" [focusAutoCapture]=\"true\" [focusTrapped]=\"true\" #popover>\n        <fd-popover-control>\n            <button class=\"fd-icon-tab-bar__overflow\">\n                <span class=\"fd-icon-tab-bar__overflow-text\">More</span>\n                <i class=\"sap-icon--slim-arrow-down\" role=\"presentation\"></i>\n            </button>\n        </fd-popover-control>\n        <fd-popover-body class=\"fd-icon-tab-bar\">\n            <ul\n                fdpIconBarDndList\n                class=\"fd-list fd-list--navigation fd-list--no-border fd-icon-tab-bar__list\"\n                role=\"list\"\n            >\n                <ng-template [ngTemplateOutletContext]=\"{ level: 1, items: extraTabs }\" [ngTemplateOutlet]=\"subItem\">\n                </ng-template>\n            </ul>\n        </fd-popover-body>\n    </fd-popover>\n}\n@if (!isExtraItemsMode && parentTab) {\n    <fd-popover placement=\"bottom-end\" [focusAutoCapture]=\"true\" [focusTrapped]=\"true\" #popover>\n        <fd-popover-control>\n            <a\n                [attr.aria-selected]=\"_containsSelected\"\n                class=\"fd-icon-tab-bar__tab\"\n                role=\"tab\"\n                [attr.tabindex]=\"tabindex\"\n                #dropdownTrigger\n            >\n                <div class=\"fd-icon-tab-bar__tab-container\">\n                    <span class=\"fd-icon-tab-bar__tag\">{{ parentTab.label }}</span>\n                    <span class=\"fd-icon-tab-bar__arrow\">\n                        <i class=\"sap-icon--slim-arrow-down\" role=\"presentation\"></i>\n                    </span>\n                    @if (parentTab.badge) {\n                        <span class=\"fd-icon-tab-bar__badge\"></span>\n                    }\n                </div>\n            </a>\n        </fd-popover-control>\n        <fd-popover-body class=\"fd-icon-tab-bar\">\n            <ul\n                fdpIconBarDndList\n                class=\"fd-list fd-list--navigation fd-list--no-border fd-icon-tab-bar__list\"\n                role=\"list\"\n            >\n                <ng-container\n                    [ngTemplateOutletContext]=\"{ level: 1, items: parentTab.subItems }\"\n                    [ngTemplateOutlet]=\"subItem\"\n                ></ng-container>\n            </ul>\n        </fd-popover-body>\n    </fd-popover>\n}\n<ng-template #subItem let-items=\"items\" let-level=\"level\">\n    @for (item of items; track item.uId) {\n        <li\n            [attr.aria-level]=\"level\"\n            class=\"fd-list__item fd-list__item--link fd-icon-tab-bar__list-item\"\n            [class.fd-icon-tab-bar__list-item--closable]=\"item.closable\"\n            [ngClass]=\"item.cssClasses\"\n            fdpIconBarDndItem\n            [dndItemData]=\"item\"\n            role=\"listitem\"\n            tabindex=\"-1\"\n        >\n            <a\n                class=\"fd-list__link fd-icon-tab-bar__list-link\"\n                tabindex=\"0\"\n                #tabItem\n                [attr.data-flatIndex]=\"item.flatIndex\"\n                [attr.aria-selected]=\"item.uId === selectedSubItemUid\"\n                (click)=\"_selectItem(item)\"\n                (keydown)=\"_textPopoverKeyDownHandler($event, item)\"\n            >\n                <span class=\"fd-list__title fd-icon-tab-bar__list-item-title\">{{ item.label }}</span>\n                @if (item.badge) {\n                    <span class=\"fd-icon-tab-bar__badge\"></span>\n                }\n                @if (item.counter) {\n                    <span class=\"fd-list__counter fd-icon-tab-bar__list-item-counter\">({{ item.counter }}) </span>\n                }\n                @if (item.color) {\n                    <div class=\"screenreader-only\">\n                        {{ (colorAssociations && colorAssociations[item.color]) || item.color }}\n                    </div>\n                }\n            </a>\n            @if (item.closable) {\n                <div class=\"fd-icon-tab-bar__button-container\">\n                    <button\n                        fd-button\n                        class=\"fd-icon-tab-bar__button\"\n                        fdType=\"transparent\"\n                        (click)=\"closeTab.emit(item.uId)\"\n                    >\n                        <fd-icon glyph=\"decline\"></fd-icon>\n                    </button>\n                </div>\n            }\n        </li>\n        @if (item.subItems?.length) {\n            <ng-container\n                [ngTemplateOutletContext]=\"{ level: level + 1, items: item.subItems }\"\n                [ngTemplateOutlet]=\"subItem\"\n            ></ng-container>\n        }\n    }\n</ng-template>\n", dependencies: [{ kind: "component", type: PopoverComponent, selector: "fd-popover", inputs: ["title", "trigger", "fixedPosition", "id", "mobile", "mobileConfig"] }, { kind: "component", type: PopoverControlComponent, selector: "fd-popover-control, [fdPopoverControl]" }, { kind: "component", type: PopoverBodyComponent, selector: "fd-popover-body", inputs: ["minWidth", "maxWidth", "minHeight", "maxHeight"] }, { kind: "directive", type: IconBarDndListDirective, selector: "[fdpIconBarDndList], [fdp-icon-bar-dnd-list]", inputs: ["dndOrientation", "dndAutoScroll"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: IconBarDndItemDirective, selector: "[fdpIconBarDndItem], [fdp-icon-bar-dnd-item]", inputs: ["dndItemData", "previewClass", "dndHoveredClass", "dndSeparatorClass"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "color", "background", "class", "ariaLabel", "ariaHidden"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: TextTypePopoverComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.0.8", type: TextTypePopoverComponent, isStandalone: true, selector: "fdp-text-type-popover", inputs: { isExtraItemsMode: "isExtraItemsMode", parentTab: "parentTab", selectedSubItemUid: "selectedSubItemUid", tabindex: "tabindex" }, outputs: { selectedSubItem: "selectedSubItem" }, viewQueries: [{ propertyName: "_dropdownTrigger", first: true, predicate: ["dropdownTrigger"], descendants: true }, { propertyName: "_tabExtraUIElements", predicate: ["tabItem"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "@if (isExtraItemsMode) {\n    <fd-popover placement=\"bottom-end\" [focusAutoCapture]=\"true\" [focusTrapped]=\"true\" #popover>\n        <fd-popover-control>\n            <button class=\"fd-icon-tab-bar__overflow\">\n                <span class=\"fd-icon-tab-bar__overflow-text\">More</span>\n                <fd-icon glyph=\"slim-arrow-down\" role=\"presentation\"></fd-icon>\n            </button>\n        </fd-popover-control>\n        <fd-popover-body class=\"fd-icon-tab-bar\">\n            <ul\n                fdpIconBarDndList\n                class=\"fd-list fd-list--navigation fd-list--no-border fd-icon-tab-bar__list\"\n                role=\"list\"\n            >\n                <ng-template [ngTemplateOutletContext]=\"{ level: 1, items: extraTabs }\" [ngTemplateOutlet]=\"subItem\">\n                </ng-template>\n            </ul>\n        </fd-popover-body>\n    </fd-popover>\n}\n@if (!isExtraItemsMode && parentTab) {\n    <fd-popover placement=\"bottom-end\" [focusAutoCapture]=\"true\" [focusTrapped]=\"true\" #popover>\n        <fd-popover-control>\n            <a\n                [attr.aria-selected]=\"_containsSelected\"\n                class=\"fd-icon-tab-bar__tab\"\n                role=\"tab\"\n                [attr.tabindex]=\"tabindex\"\n                #dropdownTrigger\n            >\n                <div class=\"fd-icon-tab-bar__tab-container\">\n                    <span class=\"fd-icon-tab-bar__tag\">{{ parentTab.label }}</span>\n                    <span class=\"fd-icon-tab-bar__arrow\">\n                        <fd-icon glyph=\"slim-arrow-down\" role=\"presentation\"></fd-icon>\n                    </span>\n                    @if (parentTab.badge) {\n                        <span class=\"fd-icon-tab-bar__badge\"></span>\n                    }\n                </div>\n            </a>\n        </fd-popover-control>\n        <fd-popover-body class=\"fd-icon-tab-bar\">\n            <ul\n                fdpIconBarDndList\n                class=\"fd-list fd-list--navigation fd-list--no-border fd-icon-tab-bar__list\"\n                role=\"list\"\n            >\n                <ng-container\n                    [ngTemplateOutletContext]=\"{ level: 1, items: parentTab.subItems }\"\n                    [ngTemplateOutlet]=\"subItem\"\n                ></ng-container>\n            </ul>\n        </fd-popover-body>\n    </fd-popover>\n}\n<ng-template #subItem let-items=\"items\" let-level=\"level\">\n    @for (item of items; track item.uId) {\n        <li\n            [attr.aria-level]=\"level\"\n            class=\"fd-list__item fd-list__item--link fd-icon-tab-bar__list-item\"\n            [class.fd-icon-tab-bar__list-item--closable]=\"item.closable\"\n            [ngClass]=\"item.cssClasses\"\n            fdpIconBarDndItem\n            [dndItemData]=\"item\"\n            role=\"listitem\"\n            tabindex=\"-1\"\n        >\n            <a\n                class=\"fd-list__link fd-icon-tab-bar__list-link\"\n                tabindex=\"0\"\n                #tabItem\n                [attr.data-flatIndex]=\"item.flatIndex\"\n                [attr.aria-selected]=\"item.uId === selectedSubItemUid\"\n                (click)=\"_selectItem(item)\"\n                (keydown)=\"_textPopoverKeyDownHandler($event, item)\"\n            >\n                <span class=\"fd-list__title fd-icon-tab-bar__list-item-title\">{{ item.label }}</span>\n                @if (item.badge) {\n                    <span class=\"fd-icon-tab-bar__badge\"></span>\n                }\n                @if (item.counter) {\n                    <span class=\"fd-list__counter fd-icon-tab-bar__list-item-counter\">({{ item.counter }}) </span>\n                }\n                @if (item.color) {\n                    <div class=\"screenreader-only\">\n                        {{ (colorAssociations && colorAssociations[item.color]) || item.color }}\n                    </div>\n                }\n            </a>\n            @if (item.closable) {\n                <div class=\"fd-icon-tab-bar__button-container\">\n                    <button\n                        fd-button\n                        class=\"fd-icon-tab-bar__button\"\n                        fdType=\"transparent\"\n                        (click)=\"closeTab.emit(item.uId)\"\n                    >\n                        <fd-icon glyph=\"decline\"></fd-icon>\n                    </button>\n                </div>\n            }\n        </li>\n        @if (item.subItems?.length) {\n            <ng-container\n                [ngTemplateOutletContext]=\"{ level: level + 1, items: item.subItems }\"\n                [ngTemplateOutlet]=\"subItem\"\n            ></ng-container>\n        }\n    }\n</ng-template>\n", dependencies: [{ kind: "component", type: PopoverComponent, selector: "fd-popover", inputs: ["title", "trigger", "fixedPosition", "id", "mobile", "mobileConfig"] }, { kind: "component", type: PopoverControlComponent, selector: "fd-popover-control, [fdPopoverControl]" }, { kind: "component", type: PopoverBodyComponent, selector: "fd-popover-body", inputs: ["minWidth", "maxWidth", "minHeight", "maxHeight"] }, { kind: "directive", type: IconBarDndListDirective, selector: "[fdpIconBarDndList], [fdp-icon-bar-dnd-list]", inputs: ["dndOrientation", "dndAutoScroll"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: IconBarDndItemDirective, selector: "[fdpIconBarDndItem], [fdp-icon-bar-dnd-item]", inputs: ["dndItemData", "previewClass", "dndHoveredClass", "dndSeparatorClass"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "color", "background", "class", "ariaLabel", "ariaHidden"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: TextTypePopoverComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: TextTypePopoverComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fdp-text-type-popover', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
                         PopoverComponent,
@@ -1263,7 +1300,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImpor
                         NgClass,
                         ButtonComponent,
                         IconComponent
-                    ], template: "@if (isExtraItemsMode) {\n    <fd-popover placement=\"bottom-end\" [focusAutoCapture]=\"true\" [focusTrapped]=\"true\" #popover>\n        <fd-popover-control>\n            <button class=\"fd-icon-tab-bar__overflow\">\n                <span class=\"fd-icon-tab-bar__overflow-text\">More</span>\n                <i class=\"sap-icon--slim-arrow-down\" role=\"presentation\"></i>\n            </button>\n        </fd-popover-control>\n        <fd-popover-body class=\"fd-icon-tab-bar\">\n            <ul\n                fdpIconBarDndList\n                class=\"fd-list fd-list--navigation fd-list--no-border fd-icon-tab-bar__list\"\n                role=\"list\"\n            >\n                <ng-template [ngTemplateOutletContext]=\"{ level: 1, items: extraTabs }\" [ngTemplateOutlet]=\"subItem\">\n                </ng-template>\n            </ul>\n        </fd-popover-body>\n    </fd-popover>\n}\n@if (!isExtraItemsMode && parentTab) {\n    <fd-popover placement=\"bottom-end\" [focusAutoCapture]=\"true\" [focusTrapped]=\"true\" #popover>\n        <fd-popover-control>\n            <a\n                [attr.aria-selected]=\"_containsSelected\"\n                class=\"fd-icon-tab-bar__tab\"\n                role=\"tab\"\n                [attr.tabindex]=\"tabindex\"\n                #dropdownTrigger\n            >\n                <div class=\"fd-icon-tab-bar__tab-container\">\n                    <span class=\"fd-icon-tab-bar__tag\">{{ parentTab.label }}</span>\n                    <span class=\"fd-icon-tab-bar__arrow\">\n                        <i class=\"sap-icon--slim-arrow-down\" role=\"presentation\"></i>\n                    </span>\n                    @if (parentTab.badge) {\n                        <span class=\"fd-icon-tab-bar__badge\"></span>\n                    }\n                </div>\n            </a>\n        </fd-popover-control>\n        <fd-popover-body class=\"fd-icon-tab-bar\">\n            <ul\n                fdpIconBarDndList\n                class=\"fd-list fd-list--navigation fd-list--no-border fd-icon-tab-bar__list\"\n                role=\"list\"\n            >\n                <ng-container\n                    [ngTemplateOutletContext]=\"{ level: 1, items: parentTab.subItems }\"\n                    [ngTemplateOutlet]=\"subItem\"\n                ></ng-container>\n            </ul>\n        </fd-popover-body>\n    </fd-popover>\n}\n<ng-template #subItem let-items=\"items\" let-level=\"level\">\n    @for (item of items; track item.uId) {\n        <li\n            [attr.aria-level]=\"level\"\n            class=\"fd-list__item fd-list__item--link fd-icon-tab-bar__list-item\"\n            [class.fd-icon-tab-bar__list-item--closable]=\"item.closable\"\n            [ngClass]=\"item.cssClasses\"\n            fdpIconBarDndItem\n            [dndItemData]=\"item\"\n            role=\"listitem\"\n            tabindex=\"-1\"\n        >\n            <a\n                class=\"fd-list__link fd-icon-tab-bar__list-link\"\n                tabindex=\"0\"\n                #tabItem\n                [attr.data-flatIndex]=\"item.flatIndex\"\n                [attr.aria-selected]=\"item.uId === selectedSubItemUid\"\n                (click)=\"_selectItem(item)\"\n                (keydown)=\"_textPopoverKeyDownHandler($event, item)\"\n            >\n                <span class=\"fd-list__title fd-icon-tab-bar__list-item-title\">{{ item.label }}</span>\n                @if (item.badge) {\n                    <span class=\"fd-icon-tab-bar__badge\"></span>\n                }\n                @if (item.counter) {\n                    <span class=\"fd-list__counter fd-icon-tab-bar__list-item-counter\">({{ item.counter }}) </span>\n                }\n                @if (item.color) {\n                    <div class=\"screenreader-only\">\n                        {{ (colorAssociations && colorAssociations[item.color]) || item.color }}\n                    </div>\n                }\n            </a>\n            @if (item.closable) {\n                <div class=\"fd-icon-tab-bar__button-container\">\n                    <button\n                        fd-button\n                        class=\"fd-icon-tab-bar__button\"\n                        fdType=\"transparent\"\n                        (click)=\"closeTab.emit(item.uId)\"\n                    >\n                        <fd-icon glyph=\"decline\"></fd-icon>\n                    </button>\n                </div>\n            }\n        </li>\n        @if (item.subItems?.length) {\n            <ng-container\n                [ngTemplateOutletContext]=\"{ level: level + 1, items: item.subItems }\"\n                [ngTemplateOutlet]=\"subItem\"\n            ></ng-container>\n        }\n    }\n</ng-template>\n" }]
+                    ], template: "@if (isExtraItemsMode) {\n    <fd-popover placement=\"bottom-end\" [focusAutoCapture]=\"true\" [focusTrapped]=\"true\" #popover>\n        <fd-popover-control>\n            <button class=\"fd-icon-tab-bar__overflow\">\n                <span class=\"fd-icon-tab-bar__overflow-text\">More</span>\n                <fd-icon glyph=\"slim-arrow-down\" role=\"presentation\"></fd-icon>\n            </button>\n        </fd-popover-control>\n        <fd-popover-body class=\"fd-icon-tab-bar\">\n            <ul\n                fdpIconBarDndList\n                class=\"fd-list fd-list--navigation fd-list--no-border fd-icon-tab-bar__list\"\n                role=\"list\"\n            >\n                <ng-template [ngTemplateOutletContext]=\"{ level: 1, items: extraTabs }\" [ngTemplateOutlet]=\"subItem\">\n                </ng-template>\n            </ul>\n        </fd-popover-body>\n    </fd-popover>\n}\n@if (!isExtraItemsMode && parentTab) {\n    <fd-popover placement=\"bottom-end\" [focusAutoCapture]=\"true\" [focusTrapped]=\"true\" #popover>\n        <fd-popover-control>\n            <a\n                [attr.aria-selected]=\"_containsSelected\"\n                class=\"fd-icon-tab-bar__tab\"\n                role=\"tab\"\n                [attr.tabindex]=\"tabindex\"\n                #dropdownTrigger\n            >\n                <div class=\"fd-icon-tab-bar__tab-container\">\n                    <span class=\"fd-icon-tab-bar__tag\">{{ parentTab.label }}</span>\n                    <span class=\"fd-icon-tab-bar__arrow\">\n                        <fd-icon glyph=\"slim-arrow-down\" role=\"presentation\"></fd-icon>\n                    </span>\n                    @if (parentTab.badge) {\n                        <span class=\"fd-icon-tab-bar__badge\"></span>\n                    }\n                </div>\n            </a>\n        </fd-popover-control>\n        <fd-popover-body class=\"fd-icon-tab-bar\">\n            <ul\n                fdpIconBarDndList\n                class=\"fd-list fd-list--navigation fd-list--no-border fd-icon-tab-bar__list\"\n                role=\"list\"\n            >\n                <ng-container\n                    [ngTemplateOutletContext]=\"{ level: 1, items: parentTab.subItems }\"\n                    [ngTemplateOutlet]=\"subItem\"\n                ></ng-container>\n            </ul>\n        </fd-popover-body>\n    </fd-popover>\n}\n<ng-template #subItem let-items=\"items\" let-level=\"level\">\n    @for (item of items; track item.uId) {\n        <li\n            [attr.aria-level]=\"level\"\n            class=\"fd-list__item fd-list__item--link fd-icon-tab-bar__list-item\"\n            [class.fd-icon-tab-bar__list-item--closable]=\"item.closable\"\n            [ngClass]=\"item.cssClasses\"\n            fdpIconBarDndItem\n            [dndItemData]=\"item\"\n            role=\"listitem\"\n            tabindex=\"-1\"\n        >\n            <a\n                class=\"fd-list__link fd-icon-tab-bar__list-link\"\n                tabindex=\"0\"\n                #tabItem\n                [attr.data-flatIndex]=\"item.flatIndex\"\n                [attr.aria-selected]=\"item.uId === selectedSubItemUid\"\n                (click)=\"_selectItem(item)\"\n                (keydown)=\"_textPopoverKeyDownHandler($event, item)\"\n            >\n                <span class=\"fd-list__title fd-icon-tab-bar__list-item-title\">{{ item.label }}</span>\n                @if (item.badge) {\n                    <span class=\"fd-icon-tab-bar__badge\"></span>\n                }\n                @if (item.counter) {\n                    <span class=\"fd-list__counter fd-icon-tab-bar__list-item-counter\">({{ item.counter }}) </span>\n                }\n                @if (item.color) {\n                    <div class=\"screenreader-only\">\n                        {{ (colorAssociations && colorAssociations[item.color]) || item.color }}\n                    </div>\n                }\n            </a>\n            @if (item.closable) {\n                <div class=\"fd-icon-tab-bar__button-container\">\n                    <button\n                        fd-button\n                        class=\"fd-icon-tab-bar__button\"\n                        fdType=\"transparent\"\n                        (click)=\"closeTab.emit(item.uId)\"\n                    >\n                        <fd-icon glyph=\"decline\"></fd-icon>\n                    </button>\n                </div>\n            }\n        </li>\n        @if (item.subItems?.length) {\n            <ng-container\n                [ngTemplateOutletContext]=\"{ level: level + 1, items: item.subItems }\"\n                [ngTemplateOutlet]=\"subItem\"\n            ></ng-container>\n        }\n    }\n</ng-template>\n" }]
         }], propDecorators: { _dropdownTrigger: [{
                 type: ViewChild,
                 args: ['dropdownTrigger']
@@ -1283,9 +1320,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImpor
             }] } });
 
 class IconTabBarTextTypeComponent extends ClosableIconTabBar {
-    /** @hidden */
-    constructor(_cd, _ngZone) {
-        super(_cd, _ngZone);
+    constructor() {
+        super(...arguments);
         /**
          * @description Disable or enable reordering(drag and drop) feature.
          */
@@ -1304,7 +1340,7 @@ class IconTabBarTextTypeComponent extends ClosableIconTabBar {
         // Then to find root tab, and pass it to the parent method.
         if (selectedItem?.uId.includes(UNIQUE_KEY_SEPARATOR)) {
             const rootTabUid = selectedItem.uId.split(UNIQUE_KEY_SEPARATOR)[0];
-            selectedItem = this._tabs.find((tab) => tab.uId === rootTabUid);
+            selectedItem = this.tabs.find((tab) => tab.uId === rootTabUid);
         }
         if (!selectedItem) {
             return;
@@ -1343,7 +1379,7 @@ class IconTabBarTextTypeComponent extends ClosableIconTabBar {
             }
         };
         event.action === 'replace' ? this._replaceAsSibling(dataForAction) : this._insertItemAsChild(dataForAction);
-        this.reordered.emit(this._tabs);
+        this.reordered.emit(this.tabs);
     }
     /** @hidden */
     _canDrop(event) {
@@ -1371,7 +1407,7 @@ class IconTabBarTextTypeComponent extends ClosableIconTabBar {
         }
         // Add tab to subitem of the target tab
         replacedItemInfo.item.subItems.push(draggableItemInfo.item);
-        this._tabs = this._updateTabs(this._tabs);
+        this.tabs = this._updateTabs(this.tabs);
         this._triggerRecalculationVisibleItems();
     }
     /**
@@ -1384,7 +1420,7 @@ class IconTabBarTextTypeComponent extends ClosableIconTabBar {
         draggableItemInfo.arr.splice(draggableItemInfo.item.index, 1);
         const newIndex = replacedItemInfo?.item?.index || 0;
         replacedItemInfo.arr.splice(newIndex, 0, draggableItemInfo.item);
-        this._tabs = this._updateTabs(this._tabs);
+        this.tabs = this._updateTabs(this.tabs);
         this._triggerRecalculationVisibleItems();
     }
     /** @hidden */
@@ -1394,12 +1430,22 @@ class IconTabBarTextTypeComponent extends ClosableIconTabBar {
         }
         return tabUIElement._dropdownTrigger.nativeElement;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: IconTabBarTextTypeComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.0.4", type: IconTabBarTextTypeComponent, isStandalone: true, selector: "fdp-icon-tab-bar-text-type", inputs: { enableTabReordering: "enableTabReordering", layoutMode: "layoutMode" }, outputs: { reordered: "reordered" }, viewQueries: [{ propertyName: "_tabBarPopover", first: true, predicate: ["extraItemsPopover"], descendants: true }, { propertyName: "_tabUIElements", predicate: ["tabItem"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-container fdpIconBarDndContainer [draggable]=\"enableTabReordering\" (dropped)=\"_onDropped($event)\">\n    <ul\n        class=\"fd-icon-tab-bar__header\"\n        role=\"tablist\"\n        fdkOverflowList\n        [isRtl]=\"isRtl\"\n        [overflowOffset]=\"100\"\n        fdpIconBarDndList\n        dndOrientation=\"horizontal\"\n        (overflowChanged)=\"_recalculateVisibleItems($event)\"\n    >\n        @for (item of _tabs; track item.uId; let idx = $index) {\n            <li\n                [ngClass]=\"item.cssClasses\"\n                fdkOverflowListItem\n                fdpIconBarDndItem\n                [dndSeparatorClass]=\"['fd-icon-tab-bar__item--dnd-separator']\"\n                [dndItemData]=\"item\"\n                class=\"fd-icon-tab-bar__item\"\n                [class.fd-icon-tab-bar__item--closable]=\"item.closable\"\n                [attr.aria-hidden]=\"item.hidden\"\n                role=\"presentation\"\n            >\n                @if (!item.subItems?.length) {\n                    <a\n                        class=\"fd-icon-tab-bar__tab\"\n                        #tabItem\n                        role=\"tab\"\n                        [attr.tabindex]=\"idx === 0 ? 0 : -1\"\n                        (click)=\"_selectItem(item, $event)\"\n                        (keydown)=\"_keyDownHandler($event, item, idx)\"\n                        [attr.aria-selected]=\"item.uId === _selectedUid\"\n                    >\n                        @if (layoutMode === 'row') {\n                            <span class=\"fd-icon-tab-bar__tag\">\n                                {{ item.label }}\n                                @if (item.counter) {\n                                    ({{ item.counter }})\n                                }\n                            </span>\n                        } @else {\n                            <span class=\"fd-icon-tab-bar__counter\">{{ item.counter }}</span>\n                            <span class=\"fd-icon-tab-bar__tag\">{{ item.label }}</span>\n                        }\n                        @if (item.badge) {\n                            <span class=\"fd-icon-tab-bar__badge\"></span>\n                        }\n                        @if (item.color) {\n                            <div class=\"screenreader-only\">\n                                {{ (colorAssociations && colorAssociations[item.color]) || item.color }}\n                            </div>\n                        }\n                    </a>\n                } @else {\n                    <fdp-text-type-popover\n                        #tabItem\n                        [tabindex]=\"idx === 0 ? 0 : -1\"\n                        [parentTab]=\"item\"\n                        [selectedSubItemUid]=\"_selectedUid\"\n                        [colorAssociations]=\"colorAssociations\"\n                        (selectedSubItem)=\"_selectItem($event)\"\n                        (keydown)=\"_keyDownHandler($event, item, idx)\"\n                        (closeTab)=\"_closeTab($event)\"\n                    >\n                    </fdp-text-type-popover>\n                }\n                @if (item.closable) {\n                    <div class=\"fd-icon-tab-bar__button-container\">\n                        <button\n                            fd-button\n                            class=\"fd-icon-tab-bar__button\"\n                            fdType=\"transparent\"\n                            (click)=\"_closeTab(item.uId)\"\n                        >\n                            <fd-icon glyph=\"decline\"></fd-icon>\n                        </button>\n                    </div>\n                }\n            </li>\n        }\n        @if (_extraTabs.length) {\n            <li role=\"presentation\" class=\"fd-icon-tab-bar__item fd-icon-tab-bar__item--overflow\">\n                <fdp-text-type-popover\n                    #extraItemsPopover\n                    [isRtl]=\"isRtl\"\n                    [extraTabs]=\"_extraTabs\"\n                    [isExtraItemsMode]=\"true\"\n                    [colorAssociations]=\"colorAssociations\"\n                    (selectedExtraItem)=\"_selectExtraItem($event)\"\n                    (focusFirstVisibleItem)=\"_focusItem(0)\"\n                    (focusLastVisibleItem)=\"_focusItem(_lastVisibleTabIndex)\"\n                    (closeTab)=\"_closeTab($event)\"\n                >\n                </fdp-text-type-popover>\n            </li>\n        }\n    </ul>\n</ng-container>\n", dependencies: [{ kind: "directive", type: IconBarDndContainerDirective, selector: "[fdpIconBarDndContainer], [fdp-icon-bar-dnd-container]", inputs: ["draggable"], outputs: ["dropped"] }, { kind: "directive", type: OverflowListDirective, selector: "[fdkOverflowList]", inputs: ["overflowOffset", "isRtl", "itemCssBlockValue"], outputs: ["overflowChanged"] }, { kind: "directive", type: IconBarDndListDirective, selector: "[fdpIconBarDndList], [fdp-icon-bar-dnd-list]", inputs: ["dndOrientation", "dndAutoScroll"] }, { kind: "directive", type: OverflowListItemDirective, selector: "[fdkOverflowListItem]" }, { kind: "directive", type: IconBarDndItemDirective, selector: "[fdpIconBarDndItem], [fdp-icon-bar-dnd-item]", inputs: ["dndItemData", "previewClass", "dndHoveredClass", "dndSeparatorClass"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: TextTypePopoverComponent, selector: "fdp-text-type-popover", inputs: ["isExtraItemsMode", "parentTab", "selectedSubItemUid", "tabindex"], outputs: ["selectedSubItem"] }, { kind: "component", type: ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "color", "background", "class", "ariaLabel", "ariaHidden"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: IconTabBarTextTypeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.0.8", type: IconTabBarTextTypeComponent, isStandalone: true, selector: "fdp-icon-tab-bar-text-type", inputs: { enableTabReordering: "enableTabReordering", layoutMode: "layoutMode" }, outputs: { reordered: "reordered" }, providers: [
+            {
+                provide: IconTabBarBase,
+                useExisting: IconTabBarTextTypeComponent
+            }
+        ], viewQueries: [{ propertyName: "_tabBarPopover", first: true, predicate: ["extraItemsPopover"], descendants: true }, { propertyName: "_tabUIElements", predicate: ["tabItem"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-container fdpIconBarDndContainer [draggable]=\"enableTabReordering\" (dropped)=\"_onDropped($event)\">\n    <ul\n        class=\"fd-icon-tab-bar__header\"\n        [class.fd-dynamic-page__tabs]=\"_inDynamicPage\"\n        role=\"tablist\"\n        #tablist\n        fdkOverflowList\n        [isRtl]=\"isRtl\"\n        [overflowOffset]=\"100\"\n        fdpIconBarDndList\n        dndOrientation=\"horizontal\"\n        (overflowChanged)=\"_recalculateVisibleItems($event)\"\n    >\n        @for (item of tabs; track item.uId; let idx = $index) {\n            <li\n                [ngClass]=\"item.cssClasses\"\n                fdkOverflowListItem\n                fdpIconBarDndItem\n                [dndSeparatorClass]=\"['fd-icon-tab-bar__item--dnd-separator']\"\n                [dndItemData]=\"item\"\n                class=\"fd-icon-tab-bar__item\"\n                [class.fd-icon-tab-bar__item--closable]=\"item.closable\"\n                [attr.aria-hidden]=\"item.hidden\"\n                role=\"presentation\"\n            >\n                @if (!item.subItems?.length) {\n                    <a\n                        class=\"fd-icon-tab-bar__tab\"\n                        #tabItem\n                        role=\"tab\"\n                        [attr.tabindex]=\"idx === 0 ? 0 : -1\"\n                        (click)=\"_selectItem(item, $event)\"\n                        (keydown)=\"_keyDownHandler($event, item, idx)\"\n                        [attr.aria-selected]=\"item.uId === selectedUid\"\n                    >\n                        @if (layoutMode === 'row') {\n                            <span class=\"fd-icon-tab-bar__tag\">\n                                {{ item.label | fdkAsyncOrSync }}\n                                @if (item.counter | fdkAsyncOrSync; as itemCounter) {\n                                    ({{ itemCounter }})\n                                }\n                            </span>\n                        } @else {\n                            <span class=\"fd-icon-tab-bar__counter\">{{ item.counter }}</span>\n                            <span class=\"fd-icon-tab-bar__tag\">{{ item.label | fdkAsyncOrSync }}</span>\n                        }\n                        @if (item.badge) {\n                            <span class=\"fd-icon-tab-bar__badge\"></span>\n                        }\n                        @if (item.color | fdkAsyncOrSync; as itemColor) {\n                            <div class=\"screenreader-only\">\n                                {{ (colorAssociations && colorAssociations[itemColor]) || itemColor }}\n                            </div>\n                        }\n                    </a>\n                } @else {\n                    <fdp-text-type-popover\n                        #tabItem\n                        [tabindex]=\"idx === 0 ? 0 : -1\"\n                        [parentTab]=\"item\"\n                        [selectedSubItemUid]=\"selectedUid\"\n                        [colorAssociations]=\"colorAssociations\"\n                        (selectedSubItem)=\"_selectItem($event)\"\n                        (keydown)=\"_keyDownHandler($event, item, idx)\"\n                        (closeTab)=\"_closeTab($event)\"\n                    >\n                    </fdp-text-type-popover>\n                }\n                @if (item.closable) {\n                    <div class=\"fd-icon-tab-bar__button-container\">\n                        <button\n                            fd-button\n                            class=\"fd-icon-tab-bar__button\"\n                            fdType=\"transparent\"\n                            (click)=\"_closeTab(item.uId)\"\n                        >\n                            <fd-icon glyph=\"decline\"></fd-icon>\n                        </button>\n                    </div>\n                }\n            </li>\n        }\n        @if (_extraItems$()) {\n            <li role=\"presentation\" class=\"fd-icon-tab-bar__item fd-icon-tab-bar__item--overflow\">\n                <fdp-text-type-popover\n                    #extraItemsPopover\n                    [isRtl]=\"isRtl\"\n                    [extraTabs]=\"_extraTabs$()\"\n                    [isExtraItemsMode]=\"true\"\n                    [colorAssociations]=\"colorAssociations\"\n                    (selectedExtraItem)=\"_selectExtraItem($event)\"\n                    (focusFirstVisibleItem)=\"_focusItem(0)\"\n                    (focusLastVisibleItem)=\"_focusItem(_lastVisibleTabIndex)\"\n                    (closeTab)=\"_closeTab($event)\"\n                >\n                </fdp-text-type-popover>\n            </li>\n        }\n    </ul>\n</ng-container>\n", dependencies: [{ kind: "directive", type: IconBarDndContainerDirective, selector: "[fdpIconBarDndContainer], [fdp-icon-bar-dnd-container]", inputs: ["draggable"], outputs: ["dropped"] }, { kind: "directive", type: OverflowListDirective, selector: "[fdkOverflowList]", inputs: ["overflowOffset", "isRtl", "itemCssBlockValue"], outputs: ["overflowChanged"] }, { kind: "directive", type: IconBarDndListDirective, selector: "[fdpIconBarDndList], [fdp-icon-bar-dnd-list]", inputs: ["dndOrientation", "dndAutoScroll"] }, { kind: "directive", type: OverflowListItemDirective, selector: "[fdkOverflowListItem]" }, { kind: "directive", type: IconBarDndItemDirective, selector: "[fdpIconBarDndItem], [fdp-icon-bar-dnd-item]", inputs: ["dndItemData", "previewClass", "dndHoveredClass", "dndSeparatorClass"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: TextTypePopoverComponent, selector: "fdp-text-type-popover", inputs: ["isExtraItemsMode", "parentTab", "selectedSubItemUid", "tabindex"], outputs: ["selectedSubItem"] }, { kind: "component", type: ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "color", "background", "class", "ariaLabel", "ariaHidden"] }, { kind: "pipe", type: AsyncOrSyncPipe, name: "fdkAsyncOrSync" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: IconTabBarTextTypeComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: IconTabBarTextTypeComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'fdp-icon-tab-bar-text-type', standalone: true, imports: [
+            args: [{ selector: 'fdp-icon-tab-bar-text-type', standalone: true, providers: [
+                        {
+                            provide: IconTabBarBase,
+                            useExisting: IconTabBarTextTypeComponent
+                        }
+                    ], imports: [
                         IconBarDndContainerDirective,
                         OverflowListDirective,
                         IconBarDndListDirective,
@@ -1408,9 +1454,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImpor
                         NgClass,
                         TextTypePopoverComponent,
                         ButtonComponent,
-                        IconComponent
-                    ], template: "<ng-container fdpIconBarDndContainer [draggable]=\"enableTabReordering\" (dropped)=\"_onDropped($event)\">\n    <ul\n        class=\"fd-icon-tab-bar__header\"\n        role=\"tablist\"\n        fdkOverflowList\n        [isRtl]=\"isRtl\"\n        [overflowOffset]=\"100\"\n        fdpIconBarDndList\n        dndOrientation=\"horizontal\"\n        (overflowChanged)=\"_recalculateVisibleItems($event)\"\n    >\n        @for (item of _tabs; track item.uId; let idx = $index) {\n            <li\n                [ngClass]=\"item.cssClasses\"\n                fdkOverflowListItem\n                fdpIconBarDndItem\n                [dndSeparatorClass]=\"['fd-icon-tab-bar__item--dnd-separator']\"\n                [dndItemData]=\"item\"\n                class=\"fd-icon-tab-bar__item\"\n                [class.fd-icon-tab-bar__item--closable]=\"item.closable\"\n                [attr.aria-hidden]=\"item.hidden\"\n                role=\"presentation\"\n            >\n                @if (!item.subItems?.length) {\n                    <a\n                        class=\"fd-icon-tab-bar__tab\"\n                        #tabItem\n                        role=\"tab\"\n                        [attr.tabindex]=\"idx === 0 ? 0 : -1\"\n                        (click)=\"_selectItem(item, $event)\"\n                        (keydown)=\"_keyDownHandler($event, item, idx)\"\n                        [attr.aria-selected]=\"item.uId === _selectedUid\"\n                    >\n                        @if (layoutMode === 'row') {\n                            <span class=\"fd-icon-tab-bar__tag\">\n                                {{ item.label }}\n                                @if (item.counter) {\n                                    ({{ item.counter }})\n                                }\n                            </span>\n                        } @else {\n                            <span class=\"fd-icon-tab-bar__counter\">{{ item.counter }}</span>\n                            <span class=\"fd-icon-tab-bar__tag\">{{ item.label }}</span>\n                        }\n                        @if (item.badge) {\n                            <span class=\"fd-icon-tab-bar__badge\"></span>\n                        }\n                        @if (item.color) {\n                            <div class=\"screenreader-only\">\n                                {{ (colorAssociations && colorAssociations[item.color]) || item.color }}\n                            </div>\n                        }\n                    </a>\n                } @else {\n                    <fdp-text-type-popover\n                        #tabItem\n                        [tabindex]=\"idx === 0 ? 0 : -1\"\n                        [parentTab]=\"item\"\n                        [selectedSubItemUid]=\"_selectedUid\"\n                        [colorAssociations]=\"colorAssociations\"\n                        (selectedSubItem)=\"_selectItem($event)\"\n                        (keydown)=\"_keyDownHandler($event, item, idx)\"\n                        (closeTab)=\"_closeTab($event)\"\n                    >\n                    </fdp-text-type-popover>\n                }\n                @if (item.closable) {\n                    <div class=\"fd-icon-tab-bar__button-container\">\n                        <button\n                            fd-button\n                            class=\"fd-icon-tab-bar__button\"\n                            fdType=\"transparent\"\n                            (click)=\"_closeTab(item.uId)\"\n                        >\n                            <fd-icon glyph=\"decline\"></fd-icon>\n                        </button>\n                    </div>\n                }\n            </li>\n        }\n        @if (_extraTabs.length) {\n            <li role=\"presentation\" class=\"fd-icon-tab-bar__item fd-icon-tab-bar__item--overflow\">\n                <fdp-text-type-popover\n                    #extraItemsPopover\n                    [isRtl]=\"isRtl\"\n                    [extraTabs]=\"_extraTabs\"\n                    [isExtraItemsMode]=\"true\"\n                    [colorAssociations]=\"colorAssociations\"\n                    (selectedExtraItem)=\"_selectExtraItem($event)\"\n                    (focusFirstVisibleItem)=\"_focusItem(0)\"\n                    (focusLastVisibleItem)=\"_focusItem(_lastVisibleTabIndex)\"\n                    (closeTab)=\"_closeTab($event)\"\n                >\n                </fdp-text-type-popover>\n            </li>\n        }\n    </ul>\n</ng-container>\n" }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.NgZone }], propDecorators: { _tabUIElements: [{
+                        IconComponent,
+                        AsyncOrSyncPipe
+                    ], template: "<ng-container fdpIconBarDndContainer [draggable]=\"enableTabReordering\" (dropped)=\"_onDropped($event)\">\n    <ul\n        class=\"fd-icon-tab-bar__header\"\n        [class.fd-dynamic-page__tabs]=\"_inDynamicPage\"\n        role=\"tablist\"\n        #tablist\n        fdkOverflowList\n        [isRtl]=\"isRtl\"\n        [overflowOffset]=\"100\"\n        fdpIconBarDndList\n        dndOrientation=\"horizontal\"\n        (overflowChanged)=\"_recalculateVisibleItems($event)\"\n    >\n        @for (item of tabs; track item.uId; let idx = $index) {\n            <li\n                [ngClass]=\"item.cssClasses\"\n                fdkOverflowListItem\n                fdpIconBarDndItem\n                [dndSeparatorClass]=\"['fd-icon-tab-bar__item--dnd-separator']\"\n                [dndItemData]=\"item\"\n                class=\"fd-icon-tab-bar__item\"\n                [class.fd-icon-tab-bar__item--closable]=\"item.closable\"\n                [attr.aria-hidden]=\"item.hidden\"\n                role=\"presentation\"\n            >\n                @if (!item.subItems?.length) {\n                    <a\n                        class=\"fd-icon-tab-bar__tab\"\n                        #tabItem\n                        role=\"tab\"\n                        [attr.tabindex]=\"idx === 0 ? 0 : -1\"\n                        (click)=\"_selectItem(item, $event)\"\n                        (keydown)=\"_keyDownHandler($event, item, idx)\"\n                        [attr.aria-selected]=\"item.uId === selectedUid\"\n                    >\n                        @if (layoutMode === 'row') {\n                            <span class=\"fd-icon-tab-bar__tag\">\n                                {{ item.label | fdkAsyncOrSync }}\n                                @if (item.counter | fdkAsyncOrSync; as itemCounter) {\n                                    ({{ itemCounter }})\n                                }\n                            </span>\n                        } @else {\n                            <span class=\"fd-icon-tab-bar__counter\">{{ item.counter }}</span>\n                            <span class=\"fd-icon-tab-bar__tag\">{{ item.label | fdkAsyncOrSync }}</span>\n                        }\n                        @if (item.badge) {\n                            <span class=\"fd-icon-tab-bar__badge\"></span>\n                        }\n                        @if (item.color | fdkAsyncOrSync; as itemColor) {\n                            <div class=\"screenreader-only\">\n                                {{ (colorAssociations && colorAssociations[itemColor]) || itemColor }}\n                            </div>\n                        }\n                    </a>\n                } @else {\n                    <fdp-text-type-popover\n                        #tabItem\n                        [tabindex]=\"idx === 0 ? 0 : -1\"\n                        [parentTab]=\"item\"\n                        [selectedSubItemUid]=\"selectedUid\"\n                        [colorAssociations]=\"colorAssociations\"\n                        (selectedSubItem)=\"_selectItem($event)\"\n                        (keydown)=\"_keyDownHandler($event, item, idx)\"\n                        (closeTab)=\"_closeTab($event)\"\n                    >\n                    </fdp-text-type-popover>\n                }\n                @if (item.closable) {\n                    <div class=\"fd-icon-tab-bar__button-container\">\n                        <button\n                            fd-button\n                            class=\"fd-icon-tab-bar__button\"\n                            fdType=\"transparent\"\n                            (click)=\"_closeTab(item.uId)\"\n                        >\n                            <fd-icon glyph=\"decline\"></fd-icon>\n                        </button>\n                    </div>\n                }\n            </li>\n        }\n        @if (_extraItems$()) {\n            <li role=\"presentation\" class=\"fd-icon-tab-bar__item fd-icon-tab-bar__item--overflow\">\n                <fdp-text-type-popover\n                    #extraItemsPopover\n                    [isRtl]=\"isRtl\"\n                    [extraTabs]=\"_extraTabs$()\"\n                    [isExtraItemsMode]=\"true\"\n                    [colorAssociations]=\"colorAssociations\"\n                    (selectedExtraItem)=\"_selectExtraItem($event)\"\n                    (focusFirstVisibleItem)=\"_focusItem(0)\"\n                    (focusLastVisibleItem)=\"_focusItem(_lastVisibleTabIndex)\"\n                    (closeTab)=\"_closeTab($event)\"\n                >\n                </fdp-text-type-popover>\n            </li>\n        }\n    </ul>\n</ng-container>\n" }]
+        }], propDecorators: { _tabUIElements: [{
                 type: ViewChildren,
                 args: ['tabItem']
             }], _tabBarPopover: [{
@@ -1424,7 +1471,111 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImpor
                 type: Output
             }] } });
 
+let defaultIdIndex = 0;
+class IconTabBarTabContentDirective {
+    constructor() {
+        /** Element reference. */
+        this.elementRef = inject(ElementRef);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: IconTabBarTabContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.8", type: IconTabBarTabContentDirective, isStandalone: true, selector: "fdp-icon-tab-bar-tab-content", inputs: { id: "id", uId: "uId" }, host: { properties: { "attr.id": "this.id" } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: IconTabBarTabContentDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    // eslint-disable-next-line @angular-eslint/directive-selector
+                    selector: 'fdp-icon-tab-bar-tab-content',
+                    standalone: true
+                }]
+        }], propDecorators: { id: [{
+                type: HostBinding,
+                args: ['attr.id']
+            }, {
+                type: Input
+            }], uId: [{
+                type: Input
+            }] } });
+class IconTabBarTabComponent {
+    constructor() {
+        /** Tab icon font family. */
+        this.iconFont = FD_DEFAULT_ICON_FONT_FAMILY;
+        /** whether the tab is selected */
+        this.active = false;
+        /** if set to true, will show red circle in top-right corner of tab */
+        this.badge = false;
+        /** Whether the tab can be closed. */
+        this.closable = false;
+        /** Tab ID. */
+        this.id = `fdp-icon-tab-bar-tab-${defaultIdIndex++}`;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: IconTabBarTabComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "17.0.8", type: IconTabBarTabComponent, isStandalone: true, selector: "fdp-icon-tab-bar-tab", inputs: { label: "label", color: "color", icon: "icon", iconFont: "iconFont", counter: "counter", active: ["active", "active", booleanAttribute], badge: ["badge", "badge", booleanAttribute], closable: ["closable", "closable", booleanAttribute], id: "id" }, queries: [{ propertyName: "children", predicate: IconTabBarTabComponent }], viewQueries: [{ propertyName: "renderer", first: true, predicate: ["renderer"], descendants: true }], ngImport: i0, template: "<ng-template #renderer>\n    <ng-content></ng-content>\n</ng-template>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: IconTabBarTabComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'fdp-icon-tab-bar-tab', standalone: true, imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-template #renderer>\n    <ng-content></ng-content>\n</ng-template>\n" }]
+        }], propDecorators: { label: [{
+                type: Input
+            }], color: [{
+                type: Input
+            }], icon: [{
+                type: Input
+            }], iconFont: [{
+                type: Input
+            }], counter: [{
+                type: Input
+            }], active: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], badge: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], closable: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], id: [{
+                type: Input
+            }], renderer: [{
+                type: ViewChild,
+                args: ['renderer']
+            }], children: [{
+                type: ContentChildren,
+                args: [IconTabBarTabComponent]
+            }] } });
+
+class IconTabBarFreeContentDirective {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: IconTabBarFreeContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.8", type: IconTabBarFreeContentDirective, isStandalone: true, selector: "[fdpIconTabBarFreeContent]", ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: IconTabBarFreeContentDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[fdpIconTabBarFreeContent]',
+                    standalone: true
+                }]
+        }] });
+
 class IconTabBarComponent {
+    /**
+     * @description A tab bar configuration that stores the state of each tab. Based on this configuration, a tab bar is representing.
+     */
+    set tabsConfig(value) {
+        this._tabsConfig$.set(value);
+    }
+    get tabsConfig() {
+        return this._tabsConfig$();
+    }
+    get _customTabs() {
+        return this._inDynamicPahe;
+    }
+    /** @hidden */
+    get headerContainer() {
+        return this._iconTabBarCmp?.headerElement;
+    }
+    /** Scrollable element reference. */
+    get scrollableElement() {
+        return this._scrollbar?.elementRef;
+    }
     /** @hidden */
     constructor(_cd, _contentDensityService, _rtlService) {
         this._cd = _cd;
@@ -1434,10 +1585,6 @@ class IconTabBarComponent {
          * @description Type of tab bar view.
          */
         this.iconTabType = 'text';
-        /**
-         * @description A tab bar configuration that stores the state of each tab. Based on this configuration, a tab bar is representing.
-         */
-        this.tabsConfig = [];
         /**
          * @description Destiny mode.
          */
@@ -1462,6 +1609,16 @@ class IconTabBarComponent {
          * @description Icon tab bar background type.
          */
         this.iconTabBackground = 'solid';
+        /**
+         * Whether to open tab content one under another without collapsing.
+         * Works only for content-projected tab content.
+         */
+        this.stackContent = false;
+        /**
+         * Maximum height of the content.
+         * Works only for content-projected tab content.
+         */
+        this.maxContentHeight = '100%';
         /**
          * @description Emits when some tab is selected.
          */
@@ -1473,16 +1630,33 @@ class IconTabBarComponent {
         /** Event emitted when user clicks on x icon in tab. */
         this.closeTab = new EventEmitter();
         /** @hidden */
-        this._isRtl = false;
+        this._disableScrollSpy = false;
+        /** @hidden */
+        this._init = true;
+        /** @hidden */
+        this._selectedUid = signal(undefined);
         /** @hidden */
-        this._onDestroy$ = new Subject();
+        this._tabs$ = computed(() => this._generateTabBarItems(this._tabsConfig$()));
+        /** @hidden */
+        this._flatTabs$ = computed(() => this._generateFlatTabs(this._tabs$()));
+        /** @hidden */
+        this._tabRenderer$ = signal(null);
+        /** @hidden */
+        this._tabRenderers$ = signal([]);
+        /** @hidden */
+        this._rtl$ = computed(() => !!this._rtlService?.rtlSignal());
+        /** @hidden */
+        this._tabsConfig$ = signal([]);
+        /** @hidden */
+        this._destroyRef = inject(DestroyRef);
+        this._inDynamicPahe = !!inject(FD_DYNAMIC_PAGE, { optional: true });
     }
     /** @hidden */
     ngOnInit() {
         this._cssClassForContainer = this._generateContainerStyles();
         if (this.densityMode === 'inherit') {
             this._contentDensityService?._contentDensityListener
-                .pipe(distinctUntilChanged(), takeUntil(this._onDestroy$))
+                .pipe(distinctUntilChanged(), takeUntilDestroyed(this._destroyRef))
                 .subscribe((density) => {
                 this.densityMode = density;
                 if (density !== 'compact') {
@@ -1494,17 +1668,23 @@ class IconTabBarComponent {
                 this._cd.detectChanges();
             });
         }
-        this._rtlService?.rtl.pipe(takeUntil(this._onDestroy$)).subscribe((isRtl) => {
-            if (isRtl !== this._isRtl) {
-                this._isRtl = isRtl;
-                this._cd.detectChanges();
-            }
-        });
     }
     /** @hidden */
-    ngOnDestroy() {
-        this._onDestroy$.next();
-        this._onDestroy$.complete();
+    ngAfterViewInit() {
+        this.children.changes.pipe(startWith(null), takeUntilDestroyed(this._destroyRef)).subscribe(() => {
+            const projectedTabs = this.children.toArray();
+            if (projectedTabs.length === 0) {
+                return;
+            }
+            this.tabsConfig = projectedTabs.map((t) => this._generateTabConfig(t));
+            this._cd.detectChanges();
+        });
+        this.allChildren.changes.pipe(startWith(null), takeUntilDestroyed(this._destroyRef)).subscribe(() => {
+            this._tabRenderers$.set(this.allChildren.map((c) => ({
+                renderer: c.renderer,
+                id: c.id
+            })));
+        });
     }
     /**
      * @hidden
@@ -1518,12 +1698,36 @@ class IconTabBarComponent {
      * @param selectedItem
      */
     _selectItem(selectedItem) {
+        this._tabRenderer$.set(selectedItem);
         this.iconTabSelected.emit(selectedItem);
+        if (this.stackContent) {
+            this._scrollToPanel(this.tabDirectives.find((tab) => tab.uId === selectedItem.uId));
+        }
     }
     /** @hidden */
     _closeTab(item) {
         this.closeTab.emit(item);
     }
+    /** Programmatically select tab. */
+    selectTab(id) {
+        const selectedItem = this._flatTabs$().find((t) => t.id === id);
+        if (!selectedItem) {
+            return;
+        }
+        this._selectedUid.set(selectedItem.uId);
+        this._selectItem(selectedItem);
+    }
+    /** @hidden */
+    highlightActiveTab(id, scroll = false) {
+        if (this._disableScrollSpy) {
+            return;
+        }
+        const activeTab = this.tabDirectives.find((tab) => tab.id === id);
+        this._selectedUid.set(activeTab?.uId || undefined);
+        if (scroll && activeTab) {
+            this._scrollToPanel(activeTab);
+        }
+    }
     /**
      * @hidden
      * @returns array of css classes for icon-tab-bar container
@@ -1547,18 +1751,95 @@ class IconTabBarComponent {
         }
         return styles;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: IconTabBarComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1$1.ContentDensityService, optional: true }, { token: i1$1.RtlService, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.0.4", type: IconTabBarComponent, isStandalone: true, selector: "fdp-icon-tab-bar", inputs: { iconTabType: "iconTabType", tabsConfig: "tabsConfig", densityMode: "densityMode", iconTabFont: "iconTabFont", enableTabReordering: "enableTabReordering", showTotalTab: "showTotalTab", layoutMode: "layoutMode", iconTabBackground: "iconTabBackground", iconTabSize: "iconTabSize", colorAssociations: "colorAssociations" }, outputs: { iconTabSelected: "iconTabSelected", iconTabReordered: "iconTabReordered", closeTab: "closeTab" }, ngImport: i0, template: "<div class=\"fd-icon-tab-bar\" [class]=\"_cssClassForContainer\">\n    @if (iconTabType === 'text') {\n        <ng-template [ngTemplateOutlet]=\"textType\"></ng-template>\n    }\n    @if (iconTabType === 'icon' || iconTabType === 'icon-only') {\n        <ng-template [ngTemplateOutlet]=\"iconType\"></ng-template>\n    }\n    @if (iconTabType === 'filter') {\n        <ng-template [ngTemplateOutlet]=\"filterType\"></ng-template>\n    }\n    @if (iconTabType === 'process') {\n        <ng-template [ngTemplateOutlet]=\"processType\"></ng-template>\n    }\n</div>\n<ng-template #processType>\n    <fdp-icon-tab-bar-process-type\n        [tabsConfig]=\"tabsConfig\"\n        [isRtl]=\"_isRtl\"\n        [densityMode]=\"densityMode\"\n        [colorAssociations]=\"colorAssociations\"\n        (selected)=\"_selectItem($event)\"\n    ></fdp-icon-tab-bar-process-type>\n</ng-template>\n<ng-template #filterType>\n    <fdp-icon-tab-bar-filter-type\n        [tabsConfig]=\"tabsConfig\"\n        [showTotalTab]=\"showTotalTab\"\n        [isRtl]=\"_isRtl\"\n        [densityMode]=\"densityMode\"\n        [colorAssociations]=\"colorAssociations\"\n        (selected)=\"_selectItem($event)\"\n    ></fdp-icon-tab-bar-filter-type>\n</ng-template>\n<ng-template #iconType>\n    <fdp-icon-tab-bar-icon-type\n        [showLabel]=\"iconTabType === 'icon'\"\n        [tabsConfig]=\"tabsConfig\"\n        [isRtl]=\"_isRtl\"\n        [densityMode]=\"densityMode\"\n        [colorAssociations]=\"colorAssociations\"\n        (selected)=\"_selectItem($event)\"\n        (closeTab)=\"_closeTab($event)\"\n    ></fdp-icon-tab-bar-icon-type>\n</ng-template>\n<ng-template #textType>\n    <fdp-icon-tab-bar-text-type\n        [tabsConfig]=\"tabsConfig\"\n        [layoutMode]=\"layoutMode\"\n        [isRtl]=\"_isRtl\"\n        [densityMode]=\"densityMode\"\n        [enableTabReordering]=\"enableTabReordering\"\n        [colorAssociations]=\"colorAssociations\"\n        (reordered)=\"_onReorder($event)\"\n        (selected)=\"_selectItem($event)\"\n        (closeTab)=\"_closeTab($event)\"\n    ></fdp-icon-tab-bar-text-type>\n</ng-template>\n", styles: ["@charset \"UTF-8\";.fd-icon-tab-bar__counter,.fd-icon-tab-bar__tag{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_LabelColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);line-height:1rem;margin:0;padding:0;white-space:nowrap}.fd-icon-tab-bar__counter:after,.fd-icon-tab-bar__counter:before,.fd-icon-tab-bar__tag:after,.fd-icon-tab-bar__tag:before{box-sizing:inherit;font-size:inherit}.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--critical .fd-icon-tab-bar__label:before,.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--critical .fd-icon-tab-bar__label[dir=rtl]:after,.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--informative .fd-icon-tab-bar__label:before,.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--informative .fd-icon-tab-bar__label[dir=rtl]:after,.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--negative .fd-icon-tab-bar__label:before,.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--negative .fd-icon-tab-bar__label[dir=rtl]:after,.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--positive .fd-icon-tab-bar__label:before,.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--positive .fd-icon-tab-bar__label[dir=rtl]:after,.fd-icon-tab-bar__item--critical .fd-icon-tab-bar__icon:before,.fd-icon-tab-bar__item--critical .fd-icon-tab-bar__icon[dir=rtl]:after,.fd-icon-tab-bar__item--critical .fd-icon-tab-bar__tag:before,.fd-icon-tab-bar__item--critical .fd-icon-tab-bar__tag[dir=rtl]:after,.fd-icon-tab-bar__item--informative .fd-icon-tab-bar__icon:before,.fd-icon-tab-bar__item--informative .fd-icon-tab-bar__icon[dir=rtl]:after,.fd-icon-tab-bar__item--informative .fd-icon-tab-bar__tag:before,.fd-icon-tab-bar__item--informative .fd-icon-tab-bar__tag[dir=rtl]:after,.fd-icon-tab-bar__item--negative .fd-icon-tab-bar__icon:before,.fd-icon-tab-bar__item--negative .fd-icon-tab-bar__icon[dir=rtl]:after,.fd-icon-tab-bar__item--negative .fd-icon-tab-bar__tag:before,.fd-icon-tab-bar__item--negative .fd-icon-tab-bar__tag[dir=rtl]:after,.fd-icon-tab-bar__item--positive .fd-icon-tab-bar__icon:before,.fd-icon-tab-bar__item--positive .fd-icon-tab-bar__icon[dir=rtl]:after,.fd-icon-tab-bar__item--positive .fd-icon-tab-bar__tag:before,.fd-icon-tab-bar__item--positive .fd-icon-tab-bar__tag[dir=rtl]:after,[dir=rtl] .fd-icon-tab-bar--icon .fd-icon-tab-bar__item--critical .fd-icon-tab-bar__label:after,[dir=rtl] .fd-icon-tab-bar--icon .fd-icon-tab-bar__item--informative .fd-icon-tab-bar__label:after,[dir=rtl] .fd-icon-tab-bar--icon .fd-icon-tab-bar__item--negative .fd-icon-tab-bar__label:after,[dir=rtl] .fd-icon-tab-bar--icon .fd-icon-tab-bar__item--positive .fd-icon-tab-bar__label:after,[dir=rtl] .fd-icon-tab-bar__item--critical .fd-icon-tab-bar__icon:after,[dir=rtl] .fd-icon-tab-bar__item--critical .fd-icon-tab-bar__tag:after,[dir=rtl] .fd-icon-tab-bar__item--informative .fd-icon-tab-bar__icon:after,[dir=rtl] .fd-icon-tab-bar__item--informative .fd-icon-tab-bar__tag:after,[dir=rtl] .fd-icon-tab-bar__item--negative .fd-icon-tab-bar__icon:after,[dir=rtl] .fd-icon-tab-bar__item--negative .fd-icon-tab-bar__tag:after,[dir=rtl] .fd-icon-tab-bar__item--positive .fd-icon-tab-bar__icon:after,[dir=rtl] .fd-icon-tab-bar__item--positive .fd-icon-tab-bar__tag:after{speak:none;-webkit-font-smoothing:antialiased;color:var(--fdIconTabBar_Tag_Icon_Color);display:var(--fdIcon_Tab_Bar_Semantic_Icon_Display);font-family:SAP-icons;font-size:.75rem}.fd-icon-tab-bar__item--critical .fd-icon-tab-bar__icon:before,.fd-icon-tab-bar__item--critical .fd-icon-tab-bar__icon[dir=rtl]:after,.fd-icon-tab-bar__item--informative .fd-icon-tab-bar__icon:before,.fd-icon-tab-bar__item--informative .fd-icon-tab-bar__icon[dir=rtl]:after,.fd-icon-tab-bar__item--negative .fd-icon-tab-bar__icon:before,.fd-icon-tab-bar__item--negative .fd-icon-tab-bar__icon[dir=rtl]:after,.fd-icon-tab-bar__item--positive .fd-icon-tab-bar__icon:before,.fd-icon-tab-bar__item--positive .fd-icon-tab-bar__icon[dir=rtl]:after,[dir=rtl] .fd-icon-tab-bar__item--critical .fd-icon-tab-bar__icon:after,[dir=rtl] .fd-icon-tab-bar__item--informative .fd-icon-tab-bar__icon:after,[dir=rtl] .fd-icon-tab-bar__item--negative .fd-icon-tab-bar__icon:after,[dir=rtl] .fd-icon-tab-bar__item--positive .fd-icon-tab-bar__icon:after{bottom:0;margin:0;position:absolute;width:.75rem}.fd-icon-tab-bar__item--critical .fd-icon-tab-bar__icon[dir=rtl]:before,.fd-icon-tab-bar__item--critical .fd-icon-tab-bar__tag[dir=rtl]:before,.fd-icon-tab-bar__item--informative .fd-icon-tab-bar__icon[dir=rtl]:before,.fd-icon-tab-bar__item--informative .fd-icon-tab-bar__tag[dir=rtl]:before,.fd-icon-tab-bar__item--negative .fd-icon-tab-bar__icon[dir=rtl]:before,.fd-icon-tab-bar__item--negative .fd-icon-tab-bar__tag[dir=rtl]:before,.fd-icon-tab-bar__item--positive .fd-icon-tab-bar__icon[dir=rtl]:before,.fd-icon-tab-bar__item--positive .fd-icon-tab-bar__tag[dir=rtl]:before,[dir=rtl] .fd-icon-tab-bar__item--critical .fd-icon-tab-bar__icon:before,[dir=rtl] .fd-icon-tab-bar__item--critical .fd-icon-tab-bar__tag:before,[dir=rtl] .fd-icon-tab-bar__item--informative .fd-icon-tab-bar__icon:before,[dir=rtl] .fd-icon-tab-bar__item--informative .fd-icon-tab-bar__tag:before,[dir=rtl] .fd-icon-tab-bar__item--negative .fd-icon-tab-bar__icon:before,[dir=rtl] .fd-icon-tab-bar__item--negative .fd-icon-tab-bar__tag:before,[dir=rtl] .fd-icon-tab-bar__item--positive .fd-icon-tab-bar__icon:before,[dir=rtl] .fd-icon-tab-bar__item--positive .fd-icon-tab-bar__tag:before{content:none;margin:0}.fd-icon-tab-bar{--fdIconTabBar_Icon_Size:2.75rem;--fdIconTabBar_Icon_Font_Size:1.25rem;--fdIcon_Tab_Bar_Container_Badge_Size:.5rem;-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-icon-tab-bar:after,.fd-icon-tab-bar:before{box-sizing:inherit;font-size:inherit}.fd-icon-tab-bar__header{-webkit-box-sizing:border-box;-webkit-box-align:center;-ms-flex-align:center;-webkit-box-shadow:var(--sapContent_HeaderShadow);align-items:center;background:var(--sapObjectHeader_Background);border:0;box-shadow:var(--sapContent_HeaderShadow);box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);list-style:none;margin:0;min-height:2.75rem;padding:0;position:relative}.fd-icon-tab-bar__header:after,.fd-icon-tab-bar__header:before{box-sizing:inherit;font-size:inherit}.fd-icon-tab-bar__header:has(.fd-icon-tab-bar__item--overflow){overflow:visible}.fd-icon-tab-bar__panel{background:var(--sapBackgroundColor)}.fd-icon-tab-bar__item{-webkit-box-sizing:border-box;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0 2rem 0 0;padding:0}.fd-icon-tab-bar__item:after,.fd-icon-tab-bar__item:before{box-sizing:inherit;font-size:inherit}.fd-icon-tab-bar__item[dir=rtl],[dir=rtl] .fd-icon-tab-bar__item{margin-left:2rem;margin-right:0}.fd-icon-tab-bar__item--negative{--fdIconTabBar_Badge_Background:var(--fdIcon_Tab_Bar_Semantic_Badge_Color_Negative);--fdIconTabBar_Badge_Background_After:var(--fdIcon_Tab_Bar_Semantic_Badge_Color_Negative);--fdIconTabBar_Tag_Color:var(--fdIcon_Tab_Bar_Semantic_Color_Negative);--fdIconTabBar_Tag_Icon_Color:var(--sapNegativeElementColor);--fdIconTabBar_Tag_Icon_Content:\\e1ec;--fdIconTabBar_Icon_Color:var(--fdIcon_Tab_Bar_Semantic_Color_Negative);--fdIconTabBar_Icon_Border_Color:var(--fdIcon_Tab_Bar_Semantic_Color_Negative)}.fd-icon-tab-bar__item--negative .fd-icon-tab-bar__tag:before{content:\"\\e1ec\";margin-right:.5rem}.fd-icon-tab-bar__item--negative .fd-icon-tab-bar__tag[dir=rtl]:after,[dir=rtl] .fd-icon-tab-bar__item--negative .fd-icon-tab-bar__tag:after{content:\"\\e1ec\";margin-left:.5rem}.fd-icon-tab-bar__item--negative .fd-icon-tab-bar__tab.is-hover,.fd-icon-tab-bar__item--negative .fd-icon-tab-bar__tab:hover{--fdIconTabBar_Tag_Color:var(--fdIcon_Tab_Bar_Semantic_Color_Negative)}.fd-icon-tab-bar__item--negative .fd-icon-tab-bar__tab.is-selected,.fd-icon-tab-bar__item--negative .fd-icon-tab-bar__tab[aria-selected=true]{--fdIconTabBar_Selection_Bar_Color:var(--fdIcon_Tab_Bar_Semantic_Color_Negative);--fdIconTabBar_Tag_Color:var(--fdIcon_Tab_Bar_Semantic_Color_Negative);--fdIconTabBar_Icon_Background:var(--fdIcon_Tab_Bar_Semantic_Background_Color_Negative)}.fd-icon-tab-bar__item--negative .fd-icon-tab-bar__tab.is-selected.is-hover,.fd-icon-tab-bar__item--negative .fd-icon-tab-bar__tab.is-selected:hover,.fd-icon-tab-bar__item--negative .fd-icon-tab-bar__tab[aria-selected=true].is-hover,.fd-icon-tab-bar__item--negative .fd-icon-tab-bar__tab[aria-selected=true]:hover{--fdIconTabBar_Tag_Color:var(--fdIcon_Tab_Bar_Semantic_Color_Negative)}.fd-icon-tab-bar__item--negative .fd-icon-tab-bar__icon{position:relative}.fd-icon-tab-bar__item--negative .fd-icon-tab-bar__icon:before{content:\"\\e1ec\";right:-.9rem}.fd-icon-tab-bar__item--negative .fd-icon-tab-bar__icon[dir=rtl]:after,[dir=rtl] .fd-icon-tab-bar__item--negative .fd-icon-tab-bar__icon:after{content:\"\\e1ec\";left:-.9rem;right:auto}.fd-icon-tab-bar__item--positive{--fdIconTabBar_Badge_Background:var(--fdIcon_Tab_Bar_Semantic_Badge_Color_Positive);--fdIconTabBar_Badge_Background_After:var(--fdIcon_Tab_Bar_Semantic_Badge_Color_Positive);--fdIconTabBar_Tag_Color:var(--fdIcon_Tab_Bar_Semantic_Color_Positive);--fdIconTabBar_Tag_Icon_Color:var(--sapPositiveElementColor);--fdIconTabBar_Tag_Icon_Content:\\e1c1;--fdIconTabBar_Icon_Color:var(--fdIcon_Tab_Bar_Semantic_Color_Positive);--fdIconTabBar_Icon_Border_Color:var(--fdIcon_Tab_Bar_Semantic_Color_Positive)}.fd-icon-tab-bar__item--positive .fd-icon-tab-bar__tag:before{content:\"\\e1c1\";margin-right:.5rem}.fd-icon-tab-bar__item--positive .fd-icon-tab-bar__tag[dir=rtl]:after,[dir=rtl] .fd-icon-tab-bar__item--positive .fd-icon-tab-bar__tag:after{content:\"\\e1c1\";margin-left:.5rem}.fd-icon-tab-bar__item--positive .fd-icon-tab-bar__tab.is-hover,.fd-icon-tab-bar__item--positive .fd-icon-tab-bar__tab:hover{--fdIconTabBar_Tag_Color:var(--fdIcon_Tab_Bar_Semantic_Color_Positive)}.fd-icon-tab-bar__item--positive .fd-icon-tab-bar__tab.is-selected,.fd-icon-tab-bar__item--positive .fd-icon-tab-bar__tab[aria-selected=true]{--fdIconTabBar_Selection_Bar_Color:var(--fdIcon_Tab_Bar_Semantic_Color_Positive);--fdIconTabBar_Tag_Color:var(--fdIcon_Tab_Bar_Semantic_Color_Positive);--fdIconTabBar_Icon_Background:var(--fdIcon_Tab_Bar_Semantic_Background_Color_Positive)}.fd-icon-tab-bar__item--positive .fd-icon-tab-bar__tab.is-selected.is-hover,.fd-icon-tab-bar__item--positive .fd-icon-tab-bar__tab.is-selected:hover,.fd-icon-tab-bar__item--positive .fd-icon-tab-bar__tab[aria-selected=true].is-hover,.fd-icon-tab-bar__item--positive .fd-icon-tab-bar__tab[aria-selected=true]:hover{--fdIconTabBar_Tag_Color:var(--fdIcon_Tab_Bar_Semantic_Color_Positive)}.fd-icon-tab-bar__item--positive .fd-icon-tab-bar__icon{position:relative}.fd-icon-tab-bar__item--positive .fd-icon-tab-bar__icon:before{content:\"\\e1c1\";right:-.9rem}.fd-icon-tab-bar__item--positive .fd-icon-tab-bar__icon[dir=rtl]:after,[dir=rtl] .fd-icon-tab-bar__item--positive .fd-icon-tab-bar__icon:after{content:\"\\e1c1\";left:-.9rem;right:auto}.fd-icon-tab-bar__item--critical{--fdIconTabBar_Badge_Background:var(--fdIcon_Tab_Bar_Semantic_Badge_Color_Critical);--fdIconTabBar_Badge_Background_After:var(--fdIcon_Tab_Bar_Semantic_Badge_Color_Critical);--fdIconTabBar_Tag_Color:var(--fdIcon_Tab_Bar_Semantic_Color_Critical);--fdIconTabBar_Tag_Icon_Color:var(--sapCriticalElementColor);--fdIconTabBar_Tag_Icon_Content:\\e053;--fdIconTabBar_Icon_Color:var(--fdIcon_Tab_Bar_Semantic_Color_Critical);--fdIconTabBar_Icon_Border_Color:var(--fdIcon_Tab_Bar_Semantic_Color_Critical)}.fd-icon-tab-bar__item--critical .fd-icon-tab-bar__tag:before{content:\"\\e053\";margin-right:.5rem}.fd-icon-tab-bar__item--critical .fd-icon-tab-bar__tag[dir=rtl]:after,[dir=rtl] .fd-icon-tab-bar__item--critical .fd-icon-tab-bar__tag:after{content:\"\\e053\";margin-left:.5rem}.fd-icon-tab-bar__item--critical .fd-icon-tab-bar__tab.is-hover,.fd-icon-tab-bar__item--critical .fd-icon-tab-bar__tab:hover{--fdIconTabBar_Tag_Color:var(--fdIcon_Tab_Bar_Semantic_Color_Critical)}.fd-icon-tab-bar__item--critical .fd-icon-tab-bar__tab.is-selected,.fd-icon-tab-bar__item--critical .fd-icon-tab-bar__tab[aria-selected=true]{--fdIconTabBar_Selection_Bar_Color:var(--fdIcon_Tab_Bar_Semantic_Color_Critical);--fdIconTabBar_Tag_Color:var(--fdIcon_Tab_Bar_Semantic_Color_Critical);--fdIconTabBar_Icon_Background:var(--fdIcon_Tab_Bar_Semantic_Background_Color_Critical)}.fd-icon-tab-bar__item--critical .fd-icon-tab-bar__tab.is-selected.is-hover,.fd-icon-tab-bar__item--critical .fd-icon-tab-bar__tab.is-selected:hover,.fd-icon-tab-bar__item--critical .fd-icon-tab-bar__tab[aria-selected=true].is-hover,.fd-icon-tab-bar__item--critical .fd-icon-tab-bar__tab[aria-selected=true]:hover{--fdIconTabBar_Tag_Color:var(--fdIcon_Tab_Bar_Semantic_Color_Critical)}.fd-icon-tab-bar__item--critical .fd-icon-tab-bar__icon{position:relative}.fd-icon-tab-bar__item--critical .fd-icon-tab-bar__icon:before{content:\"\\e053\";right:-.9rem}.fd-icon-tab-bar__item--critical .fd-icon-tab-bar__icon[dir=rtl]:after,[dir=rtl] .fd-icon-tab-bar__item--critical .fd-icon-tab-bar__icon:after{content:\"\\e053\";left:-.9rem;right:auto}.fd-icon-tab-bar__item--informative{--fdIconTabBar_Badge_Background:var(--fdIcon_Tab_Bar_Semantic_Badge_Color_Informative);--fdIconTabBar_Badge_Background_After:var(--fdIcon_Tab_Bar_Semantic_Badge_Color_Informative);--fdIconTabBar_Tag_Color:var(--fdIcon_Tab_Bar_Semantic_Color_Informative);--fdIconTabBar_Tag_Icon_Color:var(--sapInformativeElementColor);--fdIconTabBar_Tag_Icon_Content:\\e289;--fdIconTabBar_Icon_Color:var(--fdIcon_Tab_Bar_Semantic_Color_Informative);--fdIconTabBar_Icon_Border_Color:var(--fdIcon_Tab_Bar_Semantic_Color_Informative)}.fd-icon-tab-bar__item--informative .fd-icon-tab-bar__tag:before{content:\"\\e289\";margin-right:.5rem}.fd-icon-tab-bar__item--informative .fd-icon-tab-bar__tag[dir=rtl]:after,[dir=rtl] .fd-icon-tab-bar__item--informative .fd-icon-tab-bar__tag:after{content:\"\\e289\";margin-left:.5rem}.fd-icon-tab-bar__item--informative .fd-icon-tab-bar__tab.is-hover,.fd-icon-tab-bar__item--informative .fd-icon-tab-bar__tab:hover{--fdIconTabBar_Tag_Color:var(--fdIcon_Tab_Bar_Semantic_Color_Informative)}.fd-icon-tab-bar__item--informative .fd-icon-tab-bar__tab.is-selected,.fd-icon-tab-bar__item--informative .fd-icon-tab-bar__tab[aria-selected=true]{--fdIconTabBar_Selection_Bar_Color:var(--fdIcon_Tab_Bar_Semantic_Color_Informative);--fdIconTabBar_Tag_Color:var(--fdIcon_Tab_Bar_Semantic_Color_Informative);--fdIconTabBar_Icon_Background:var(--fdIcon_Tab_Bar_Semantic_Background_Color_Informative)}.fd-icon-tab-bar__item--informative .fd-icon-tab-bar__tab.is-selected.is-hover,.fd-icon-tab-bar__item--informative .fd-icon-tab-bar__tab.is-selected:hover,.fd-icon-tab-bar__item--informative .fd-icon-tab-bar__tab[aria-selected=true].is-hover,.fd-icon-tab-bar__item--informative .fd-icon-tab-bar__tab[aria-selected=true]:hover{--fdIconTabBar_Tag_Color:var(--fdIcon_Tab_Bar_Semantic_Color_Informative)}.fd-icon-tab-bar__item--informative .fd-icon-tab-bar__icon{position:relative}.fd-icon-tab-bar__item--informative .fd-icon-tab-bar__icon:before{content:\"\\e289\";right:-.9rem}.fd-icon-tab-bar__item--informative .fd-icon-tab-bar__icon[dir=rtl]:after,[dir=rtl] .fd-icon-tab-bar__item--informative .fd-icon-tab-bar__icon:after{content:\"\\e289\";left:-.9rem;right:auto}.fd-icon-tab-bar__item--single-click .fd-icon-tab-bar__tab{align-items:center;flex-direction:row}.fd-icon-tab-bar__item--single-click .fd-icon-tab-bar__tab.is-focus,.fd-icon-tab-bar__item--single-click .fd-icon-tab-bar__tab:focus{z-index:5}.fd-icon-tab-bar__item--single-click .fd-icon-tab-bar__tab.is-focus .fd-icon-tab-bar__tab-container,.fd-icon-tab-bar__item--single-click .fd-icon-tab-bar__tab:focus .fd-icon-tab-bar__tab-container{position:relative}.fd-icon-tab-bar__item--single-click .fd-icon-tab-bar__tab.is-focus .fd-icon-tab-bar__tab-container .fd-icon-tab-bar__tag,.fd-icon-tab-bar__item--single-click .fd-icon-tab-bar__tab:focus .fd-icon-tab-bar__tab-container .fd-icon-tab-bar__tag{outline:none}.fd-icon-tab-bar__item--single-click .fd-icon-tab-bar__tab.is-focus .fd-icon-tab-bar__tab-container .fd-icon-tab-bar__tag:after,.fd-icon-tab-bar__item--single-click .fd-icon-tab-bar__tab:focus .fd-icon-tab-bar__tab-container .fd-icon-tab-bar__tag:after{border:none}.fd-icon-tab-bar__item--single-click .fd-icon-tab-bar__tab.is-focus .fd-icon-tab-bar__tab-container:after,.fd-icon-tab-bar__item--single-click .fd-icon-tab-bar__tab:focus .fd-icon-tab-bar__tab-container:after{border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);border-radius:var(--fdIcon_Tab_Bar_Text_Focus_Radius);bottom:0;bottom:var(--fdIcon_Tab_Bar_Focus_Offset);content:\"\";display:block;left:0;left:var(--fdIcon_Tab_Bar_Focus_Offset);position:absolute;right:0;right:var(--fdIcon_Tab_Bar_Focus_Offset);top:0;top:var(--fdIcon_Tab_Bar_Focus_Offset)}.fd-icon-tab-bar__item--single-click .fd-icon-tab-bar__tab.is-focus .fd-icon-tab-bar__badge,.fd-icon-tab-bar__item--single-click .fd-icon-tab-bar__tab:focus .fd-icon-tab-bar__badge{right:-.4375rem;top:-.125rem}.fd-icon-tab-bar__item--single-click .fd-icon-tab-bar__tab.is-focus .fd-icon-tab-bar__badge[dir=rtl],.fd-icon-tab-bar__item--single-click .fd-icon-tab-bar__tab:focus .fd-icon-tab-bar__badge[dir=rtl],[dir=rtl] .fd-icon-tab-bar__item--single-click .fd-icon-tab-bar__tab.is-focus .fd-icon-tab-bar__badge,[dir=rtl] .fd-icon-tab-bar__item--single-click .fd-icon-tab-bar__tab:focus .fd-icon-tab-bar__badge{left:-.4375rem;right:auto}.fd-icon-tab-bar__item.fd-icon-tab-bar__item--multi-click{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:flex;justify-content:center;position:relative}.fd-icon-tab-bar__item.fd-icon-tab-bar__item--multi-click .fd-icon-tab-bar__tab{padding-left:.188rem;padding-right:1.938rem}.fd-icon-tab-bar__item.fd-icon-tab-bar__item--multi-click .fd-icon-tab-bar__tab[dir=rtl],[dir=rtl] .fd-icon-tab-bar__item.fd-icon-tab-bar__item--multi-click .fd-icon-tab-bar__tab{padding-left:1.938rem;padding-right:.188rem}.fd-icon-tab-bar__item.fd-icon-tab-bar__item--multi-click .fd-icon-tab-bar__tab .fd-icon-tab-bar__badge{right:1.625rem}.fd-icon-tab-bar__item.fd-icon-tab-bar__item--multi-click .fd-icon-tab-bar__tab .fd-icon-tab-bar__badge[dir=rtl],[dir=rtl] .fd-icon-tab-bar__item.fd-icon-tab-bar__item--multi-click .fd-icon-tab-bar__tab .fd-icon-tab-bar__badge{left:1.625rem;right:auto}.fd-icon-tab-bar__item.fd-icon-tab-bar__item--multi-click .fd-icon-tab-bar__tab.is-selected+.fd-icon-tab-bar__popover .fd-icon-tab-bar__button-container:before,.fd-icon-tab-bar__item.fd-icon-tab-bar__item--multi-click .fd-icon-tab-bar__tab[aria-selected=true]+.fd-icon-tab-bar__popover .fd-icon-tab-bar__button-container:before{--fdIconTabBar_Multi_Click_Separator_Background:var(--sapContent_Selected_ForegroundColor)}.fd-icon-tab-bar__item.fd-icon-tab-bar__item--multi-click.fd-icon-tab-bar__item--closable .fd-icon-tab-bar__tab{padding-left:.188rem;padding-right:3.938rem}.fd-icon-tab-bar__item.fd-icon-tab-bar__item--multi-click.fd-icon-tab-bar__item--closable .fd-icon-tab-bar__tab[dir=rtl],[dir=rtl] .fd-icon-tab-bar__item.fd-icon-tab-bar__item--multi-click.fd-icon-tab-bar__item--closable .fd-icon-tab-bar__tab{padding-left:3.938rem;padding-right:.188rem}.fd-icon-tab-bar__item.fd-icon-tab-bar__item--multi-click.fd-icon-tab-bar__item--closable .fd-icon-tab-bar__popover{height:100%;max-width:1.5rem;min-width:1.5rem;right:2.188rem;width:1.5rem}.fd-icon-tab-bar__item.fd-icon-tab-bar__item--multi-click.fd-icon-tab-bar__item--closable .fd-icon-tab-bar__popover[dir=rtl],[dir=rtl] .fd-icon-tab-bar__item.fd-icon-tab-bar__item--multi-click.fd-icon-tab-bar__item--closable .fd-icon-tab-bar__popover{left:2.188rem;right:auto}.fd-icon-tab-bar__item.fd-icon-tab-bar__item--multi-click.fd-icon-tab-bar__item--closable .fd-icon-tab-bar__popover .fd-icon-tab-bar__button-container{max-width:1.5rem;min-width:1.5rem;width:1.5rem}.fd-icon-tab-bar__item.fd-icon-tab-bar__item--multi-click.fd-icon-tab-bar__item--closable .fd-icon-tab-bar__popover .fd-icon-tab-bar__button-container:before{display:var(--fdIcon_Tab_Bar_Multi_Click_Button_Separator_Display)}.fd-icon-tab-bar__item.fd-icon-tab-bar__item--closable{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:flex;justify-content:center;position:relative}.fd-icon-tab-bar__item.fd-icon-tab-bar__item--closable .fd-icon-tab-bar__tab{padding-left:.188rem;padding-right:2.188rem}.fd-icon-tab-bar__item.fd-icon-tab-bar__item--closable .fd-icon-tab-bar__tab[dir=rtl],[dir=rtl] .fd-icon-tab-bar__item.fd-icon-tab-bar__item--closable .fd-icon-tab-bar__tab{padding-left:2.188rem;padding-right:.188rem}.fd-icon-tab-bar__item.fd-icon-tab-bar__item--closable .fd-icon-tab-bar__button-container{max-width:2rem;min-width:2rem;position:absolute;right:0;width:2rem;z-index:10}.fd-icon-tab-bar__item.fd-icon-tab-bar__item--closable .fd-icon-tab-bar__button-container[dir=rtl],[dir=rtl] .fd-icon-tab-bar__item.fd-icon-tab-bar__item--closable .fd-icon-tab-bar__button-container{left:0;right:auto}.fd-icon-tab-bar__item.fd-icon-tab-bar__item--closable .fd-icon-tab-bar__button-container:before{display:none}.fd-icon-tab-bar__item--dnd-preview{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:flex;flex-direction:column;font-size:var(--sapFontSize);justify-content:center;line-height:var(--sapContent_LineHeight);opacity:.8;z-index:9999!important}.fd-icon-tab-bar__item--dnd-preview,.fd-icon-tab-bar__item--dnd-preview *{background:var(--sapObjectHeader_Background)}.fd-icon-tab-bar__item--dnd-hovered{-webkit-box-shadow:inset 0 0 0 .125rem var(--sapButton_Hover_BorderColor);background:var(--sapButton_Hover_Background);box-shadow:inset 0 0 0 .125rem var(--sapButton_Hover_BorderColor)}.fd-icon-tab-bar__item--dnd-hovered.fd-icon-tab-bar__list-item{background:var(--sapButton_Hover_Background)!important}.fd-icon-tab-bar__item--dnd-hovered.fd-icon-tab-bar__list-item .fd-icon-tab-bar__list-link{background:none}.fd-icon-tab-bar__item--dnd-separator{position:relative}.fd-icon-tab-bar__item--dnd-separator:before{background:var(--fdIcon_Tab_Bar_Separator_Color);content:\"\";height:100%;left:-.5rem;position:absolute;top:0;width:.125rem}[dir=rtl] .fd-icon-tab-bar__item--dnd-separator:before{left:auto;right:-.5rem}.fd-icon-tab-bar__item--dnd-separator:after{background:var(--sapObjectHeader_Background);border:.125rem solid var(--fdIcon_Tab_Bar_Separator_Color);border-radius:50%;content:\"\";height:.5rem;left:-.7rem;position:absolute;top:0;width:.5rem}[dir=rtl] .fd-icon-tab-bar__item--dnd-separator:after{left:auto;right:-.7rem}.fd-icon-tab-bar__item--dnd-separator.fd-icon-tab-bar__list-item:before{height:.125rem;left:.0625rem;right:unset;top:.125rem;width:100%}[dir=rtl] .fd-icon-tab-bar__item--dnd-separator.fd-icon-tab-bar__list-item:before{left:auto;right:.0625rem}.fd-icon-tab-bar__item--dnd-separator.fd-icon-tab-bar__list-item:after{left:0;right:unset;top:-.0625rem;z-index:1}[dir=rtl] .fd-icon-tab-bar__item--dnd-separator.fd-icon-tab-bar__list-item:after{left:auto;right:0}.fd-icon-tab-bar__item--dnd-separator-end{position:relative}.fd-icon-tab-bar__item--dnd-separator-end:before{background:var(--fdIcon_Tab_Bar_Separator_Color);content:\"\";height:100%;position:absolute;right:-.5rem;top:0;width:.125rem}[dir=rtl] .fd-icon-tab-bar__item--dnd-separator-end:before{left:-.5rem;right:auto}.fd-icon-tab-bar__item--dnd-separator-end:after{background:var(--sapObjectHeader_Background);border:.125rem solid var(--fdIcon_Tab_Bar_Separator_Color);border-radius:50%;content:\"\";height:.5rem;position:absolute;right:-.7rem;top:0;width:.5rem}[dir=rtl] .fd-icon-tab-bar__item--dnd-separator-end:after{left:-.7rem;right:auto}.fd-icon-tab-bar__item--dnd-separator-end.fd-icon-tab-bar__list-item:before{bottom:.125rem;height:.125rem;left:.0625rem;right:unset;top:unset;width:100%}[dir=rtl] .fd-icon-tab-bar__item--dnd-separator-end.fd-icon-tab-bar__list-item:before{left:auto;right:.0625rem}.fd-icon-tab-bar__item--dnd-separator-end.fd-icon-tab-bar__list-item:after{bottom:-.0625rem;left:0;right:unset;top:unset;z-index:1}[dir=rtl] .fd-icon-tab-bar__item--dnd-separator-end.fd-icon-tab-bar__list-item:after{left:auto;right:0}.fd-icon-tab-bar__button-container{-webkit-box-sizing:border-box;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:2.75rem;justify-content:center;line-height:var(--sapContent_LineHeight);margin:0;max-height:2.75rem;max-width:1.5rem;min-height:2.75rem;min-width:1.5rem;padding:0;position:relative;width:1.5rem}.fd-icon-tab-bar__button-container:after,.fd-icon-tab-bar__button-container:before{box-sizing:inherit;font-size:inherit}.fd-icon-tab-bar__button-container:before{background:var(--fdIconTabBar_Multi_Click_Separator_Background);content:\"\";display:var(--fdIcon_Tab_Bar_Multi_Click_Button_Separator_Display);height:1rem;left:0;position:absolute;width:.0625rem}.fd-icon-tab-bar__button-container[dir=rtl]:before,[dir=rtl] .fd-icon-tab-bar__button-container:before{left:auto;right:0}.fd-icon-tab-bar .fd-icon-tab-bar__button{--fdButton_Hover_Shadow:none;border-radius:.25rem;font-family:var(--sapContent_IconFontFamily);height:1.5rem;min-width:1.5rem;width:1.5rem}.fd-icon-tab-bar .fd-icon-tab-bar__button.is-focus,.fd-icon-tab-bar .fd-icon-tab-bar__button:focus{z-index:5}.fd-icon-tab-bar .fd-icon-tab-bar__button.is-focus:after,.fd-icon-tab-bar .fd-icon-tab-bar__button:focus:after{border-radius:var(--fdIcon_Tab_Bar_Multi_Click_Button_Focus_Radius)}.fd-icon-tab-bar__tab{-webkit-box-sizing:border-box;align-items:flex-start;border:0;box-sizing:border-box;color:var(--sapTextColor);cursor:pointer;display:flex;flex-direction:column;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;min-width:2rem;padding:.875rem .188rem;position:relative;text-decoration:none}.fd-icon-tab-bar__tab:after,.fd-icon-tab-bar__tab:before{box-sizing:inherit;font-size:inherit}.fd-icon-tab-bar__tab.is-selected,.fd-icon-tab-bar__tab[aria-selected=true]{--fdIconTabBar_Icon_Background:var(--sapSelectedColor);--fdIconTabBar_Icon_Color:var(--sapContent_ContrastIconColor);--fdIconTabBar_Tag_Color:var(--fdIcon_Tab_Bar_Selection_Color);--fdIconTabBar_Arrow_Color:var(--sapContent_Selected_ForegroundColor);position:relative}.fd-icon-tab-bar__tab.is-selected:after,.fd-icon-tab-bar__tab[aria-selected=true]:after{-webkit-transition:all .125s ease-in;background:var(--fdIconTabBar_Selection_Bar_Color);border-radius:.125rem .125rem 0 0;bottom:0;content:\"\";display:inline-block;height:var(--fdIcon_Tab_Bar_Selection_Bar_Height);left:0;position:absolute;transition:all .125s ease-in;width:100%}.fd-icon-tab-bar__tab.is-selected[dir=rtl]:after,.fd-icon-tab-bar__tab[aria-selected=true][dir=rtl]:after,[dir=rtl] .fd-icon-tab-bar__tab.is-selected:after,[dir=rtl] .fd-icon-tab-bar__tab[aria-selected=true]:after{left:auto;right:0}.fd-icon-tab-bar__tab.is-selected+.fd-icon-tab-bar__popover .fd-icon-tab-bar__button,.fd-icon-tab-bar__tab[aria-selected=true]+.fd-icon-tab-bar__popover .fd-icon-tab-bar__button{--fdButtonColor:var(--sapContent_Selected_ForegroundColor)}.fd-icon-tab-bar__tab.is-hover,.fd-icon-tab-bar__tab:hover{--fdIconTabBar_Tag_Color:var(--fdIcon_Tab_Bar_Label_Hover_Color);--fdIconTabBar_Arrow_Color:var(--sapContent_Selected_ForegroundColor)}.fd-icon-tab-bar__tab.is-focus,.fd-icon-tab-bar__tab:focus{box-shadow:none;outline:none;z-index:5}.fd-icon-tab-bar__tab.is-focus .fd-icon-tab-bar__icon:after,.fd-icon-tab-bar__tab:focus .fd-icon-tab-bar__icon:after{border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);border-radius:var(--fdIcon_Tab_Bar_Icon_Focus_Radius);bottom:0;bottom:var(--fdIcon_Tab_Bar_Focus_Offset);bottom:var(--fdIcon_Tab_Bar_Icon_Focus_Offset);content:\"\";display:block;left:0;left:var(--fdIcon_Tab_Bar_Focus_Offset);left:var(--fdIcon_Tab_Bar_Icon_Focus_Offset);position:absolute;right:0;right:var(--fdIcon_Tab_Bar_Focus_Offset);right:var(--fdIcon_Tab_Bar_Icon_Focus_Offset);top:0;top:var(--fdIcon_Tab_Bar_Focus_Offset);top:var(--fdIcon_Tab_Bar_Icon_Focus_Offset)}.fd-icon-tab-bar__tab.is-focus .fd-icon-tab-bar__container--filter:before,.fd-icon-tab-bar__tab.is-focus .fd-icon-tab-bar__tag:after,.fd-icon-tab-bar__tab:focus .fd-icon-tab-bar__container--filter:before,.fd-icon-tab-bar__tab:focus .fd-icon-tab-bar__tag:after{border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);border-radius:var(--fdIcon_Tab_Bar_Text_Focus_Radius);bottom:0;bottom:var(--fdIcon_Tab_Bar_Focus_Offset);content:\"\";display:block;left:0;left:var(--fdIcon_Tab_Bar_Focus_Offset);position:absolute;right:0;right:var(--fdIcon_Tab_Bar_Focus_Offset);top:0;top:var(--fdIcon_Tab_Bar_Focus_Offset)}.fd-icon-tab-bar__tab-container{-webkit-box-sizing:border-box;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;justify-content:center;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-icon-tab-bar__tab-container:after,.fd-icon-tab-bar__tab-container:before{box-sizing:inherit;font-size:inherit}.fd-icon-tab-bar__arrow{-webkit-box-sizing:border-box;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:1rem;justify-content:center;line-height:var(--sapContent_LineHeight);margin:0;margin-left:var(--fdIcon_Tab_Bar_Single_Click_Icon_Container_Padding_Left);margin-right:var(--fdIcon_Tab_Bar_Single_Click_Icon_Container_Padding_Right);padding:0;width:var(--fdIcon_Tab_Bar_Single_Click_Icon_Container_Width)}.fd-icon-tab-bar__arrow:after,.fd-icon-tab-bar__arrow:before{box-sizing:inherit;font-size:inherit}.fd-icon-tab-bar__arrow[dir=rtl],[dir=rtl] .fd-icon-tab-bar__arrow{margin-left:var(--fdIcon_Tab_Bar_Single_Click_Icon_Container_Padding_Right);margin-right:var(--fdIcon_Tab_Bar_Single_Click_Icon_Container_Padding_Left)}.fd-icon-tab-bar__arrow [class*=sap-icon]{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;color:var(--fdIconTabBar_Arrow_Color);display:flex;font-size:1rem;height:1rem;justify-content:center;line-height:1rem;width:1rem}.fd-icon-tab-bar__tag{color:var(--fdIconTabBar_Tag_Color);font-family:var(--fdIcon_Tab_Bar_Label_Font_Family);font-size:var(--sapFontSize);position:relative}.fd-icon-tab-bar__counter{margin-bottom:.125rem}.fd-icon-tab-bar__icon{-webkit-box-sizing:border-box;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background:var(--fdIconTabBar_Icon_Background);border:0;border:var(--fdIcon_Tab_Bar_Icon_Border_Weight) solid var(--fdIconTabBar_Icon_Border_Color);border-radius:50%;box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:var(--fdIconTabBar_Icon_Size);justify-content:center;line-height:var(--sapContent_LineHeight);margin:0 .188rem;padding:0;position:relative;width:var(--fdIconTabBar_Icon_Size)}.fd-icon-tab-bar__icon:after,.fd-icon-tab-bar__icon:before{box-sizing:inherit;font-size:inherit}.fd-icon-tab-bar__icon [class*=sap-icon],.fd-icon-tab-bar__icon[class*=sap-icon]{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;color:var(--fdIconTabBar_Icon_Color);display:inline-flex;font-size:var(--fdIconTabBar_Icon_Font_Size);justify-content:center}.fd-icon-tab-bar__details{-webkit-box-sizing:border-box;-webkit-box-align:start;-ms-flex-align:start;-webkit-box-pack:end;-ms-flex-pack:end;align-items:flex-start;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:column;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:2.75rem;justify-content:flex-end;line-height:var(--sapContent_LineHeight);margin:0;max-width:7.5rem;padding:.375rem .25rem .25rem .125rem}.fd-icon-tab-bar__details:after,.fd-icon-tab-bar__details:before{box-sizing:inherit;font-size:inherit}.fd-icon-tab-bar__details[dir=rtl],[dir=rtl] .fd-icon-tab-bar__details{padding-left:.25rem;padding-right:.125rem}.fd-icon-tab-bar__label{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--fdIcon_Tab_Bar_Label_Color);font-family:var(--sapFontFamily);font-family:var(--fdIcon_Tab_Bar_Label_Font_Family);font-size:var(--sapFontSize);font-size:var(--sapFontSmallSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);line-height:.875rem;margin:0;overflow:hidden;padding:0;text-overflow:ellipsis;white-space:nowrap}.fd-icon-tab-bar__label:after,.fd-icon-tab-bar__label:before{box-sizing:inherit;font-size:inherit}.fd-icon-tab-bar__separator{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0 .5rem}.fd-icon-tab-bar__separator:after,.fd-icon-tab-bar__separator:before{box-sizing:inherit;font-size:inherit}.fd-icon-tab-bar__separator [class*=sap-icon],.fd-icon-tab-bar__separator[class*=sap-icon]{color:var(--sapContent_NonInteractiveIconColor);font-size:1rem}.fd-icon-tab-bar__separator [class*=sap-icon][dir=rtl],.fd-icon-tab-bar__separator[class*=sap-icon][dir=rtl],[dir=rtl] .fd-icon-tab-bar__separator [class*=sap-icon],[dir=rtl] .fd-icon-tab-bar__separator[class*=sap-icon]{transform:rotate(180deg)}.fd-icon-tab-bar__container{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0;position:relative}.fd-icon-tab-bar__container:after,.fd-icon-tab-bar__container:before{box-sizing:inherit;font-size:inherit}.fd-icon-tab-bar__container .fd-icon-tab-bar__badge{border:.125rem solid var(--sapObjectHeader_Background);border-radius:50%;height:var(--fdIcon_Tab_Bar_Container_Badge_Size);right:.188rem;top:0;width:var(--fdIcon_Tab_Bar_Container_Badge_Size)}.fd-icon-tab-bar__container .fd-icon-tab-bar__badge[dir=rtl],[dir=rtl] .fd-icon-tab-bar__container .fd-icon-tab-bar__badge{left:.188rem;right:auto}.fd-icon-tab-bar__container .fd-icon-tab-bar__counter{left:2.75rem;position:absolute;top:0}.fd-icon-tab-bar__container .fd-icon-tab-bar__counter[dir=rtl],[dir=rtl] .fd-icon-tab-bar__container .fd-icon-tab-bar__counter{left:auto;right:2.75rem}.fd-icon-tab-bar__container--filter{align-items:center;display:flex;height:2rem}.fd-icon-tab-bar__container--filter:after{background:var(--sapGroup_TitleBorderColor);content:\"\";height:2rem;padding:0;position:absolute;right:-.5625rem;width:.0625rem}.fd-icon-tab-bar__container--filter[dir=rtl]:after,[dir=rtl] .fd-icon-tab-bar__container--filter:after{left:-.5625rem;right:auto}.fd-icon-tab-bar__filter-counter,.fd-icon-tab-bar__filter-label{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_LabelColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:var(--sapFontSmallSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-icon-tab-bar__filter-counter:after,.fd-icon-tab-bar__filter-counter:before,.fd-icon-tab-bar__filter-label:after,.fd-icon-tab-bar__filter-label:before{box-sizing:inherit;font-size:inherit}.fd-icon-tab-bar__filter-counter{font-size:1.5rem;margin-right:.5rem}.fd-icon-tab-bar__filter-counter[dir=rtl],[dir=rtl] .fd-icon-tab-bar__filter-counter{margin-left:.5rem;margin-right:0}.fd-icon-tab-bar__overflow{-webkit-box-sizing:border-box;align-items:center;background:var(--fdIconTabBar_Overflow_Button_Background);border:0;border:.0625rem solid var(--fdIconTabBar_Overflow_Button_Border_Color);border-radius:var(--fdIcon_Tab_Bar_Overflow_Button_Border_Radius);box-sizing:border-box;color:var(--sapTextColor);cursor:pointer;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;gap:.375rem;height:1.5rem;line-height:var(--sapContent_LineHeight);margin:0;padding:0 .5rem;position:relative}.fd-icon-tab-bar__overflow:after,.fd-icon-tab-bar__overflow:before{box-sizing:inherit;font-size:inherit}.fd-icon-tab-bar__overflow [class*=sap-icon]{color:var(--fdIconTabBar_Overflow_Button_Icon_Color);font-family:var(--sapContent_IconFontFamily);font-size:1rem}.fd-icon-tab-bar__overflow-text{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--fdIconTabBar_Overflow_Button_Text_Color);font-family:var(--sapFontFamily);font-family:var(--fdIcon_Tab_Bar_Overflow_Button_Font_Family);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);line-height:1.5rem;margin:0;padding:0}.fd-icon-tab-bar__overflow-text:after,.fd-icon-tab-bar__overflow-text:before{box-sizing:inherit;font-size:inherit}.fd-icon-tab-bar__overflow.is-hover,.fd-icon-tab-bar__overflow:hover{--fdIconTabBar_Overflow_Button_Background:var(--sapButton_Hover_Background);--fdIconTabBar_Overflow_Button_Border_Color:var(--sapButton_Hover_BorderColor);--fdIconTabBar_Overflow_Button_Text_Color:var(--fdIcon_Tab_Bar_Overflow_Button_Text_Color_Hover);--fdIconTabBar_Overflow_Button_Icon_Color:var(--fdIcon_Tab_Bar_Overflow_Button_Icon_Color_Hover)}.fd-icon-tab-bar__overflow.is-active,.fd-icon-tab-bar__overflow:active{--fdIconTabBar_Overflow_Button_Background:var(--sapButton_Active_Background);--fdIconTabBar_Overflow_Button_Border_Color:var(--sapButton_Active_BorderColor);--fdIconTabBar_Overflow_Button_Text_Color:var(--sapButton_Active_TextColor);--fdIconTabBar_Overflow_Button_Icon_Color:var(--sapButton_Active_TextColor)}.fd-icon-tab-bar__overflow.is-focus,.fd-icon-tab-bar__overflow:focus{outline:none;z-index:5}.fd-icon-tab-bar__overflow.is-focus:after,.fd-icon-tab-bar__overflow:focus:after{border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);border-radius:var(--fdIcon_Tab_Bar_Overflow_Button_Border_Radius);bottom:var(--fdIcon_Tab_Bar_Overflow_Button_Focus_Offset);content:\"\";display:block;left:var(--fdIcon_Tab_Bar_Overflow_Button_Focus_Offset);position:absolute;right:var(--fdIcon_Tab_Bar_Overflow_Button_Focus_Offset);top:var(--fdIcon_Tab_Bar_Overflow_Button_Focus_Offset)}.fd-icon-tab-bar__overflow.is-focus.is-active:after,.fd-icon-tab-bar__overflow.is-focus:active:after,.fd-icon-tab-bar__overflow:focus.is-active:after,.fd-icon-tab-bar__overflow:focus:active:after{border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_ContrastFocusColor)}.fd-icon-tab-bar .fd-icon-tab-bar__popover{position:absolute;right:.188rem;top:0}.fd-icon-tab-bar .fd-icon-tab-bar__popover[dir=rtl],[dir=rtl] .fd-icon-tab-bar .fd-icon-tab-bar__popover{left:.188rem;right:auto}.fd-icon-tab-bar .fd-icon-tab-bar__popover-body{margin-right:-.25rem;margin-top:-.25rem;z-index:10}.fd-icon-tab-bar .fd-icon-tab-bar__popover-body[dir=rtl],[dir=rtl] .fd-icon-tab-bar .fd-icon-tab-bar__popover-body{margin-left:-.25rem;margin-right:0}.fd-icon-tab-bar .fd-icon-tab-bar__popover .fd-icon-tab-bar__button{--fdButtonColor:var(--sapTextColor)}.fd-icon-tab-bar__badge{-webkit-box-sizing:border-box;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-box-sizing:content-box;align-items:center;background:var(--fdIconTabBar_Badge_Background);border:0;border:.0625rem solid var(--sapObjectHeader_Background);border-radius:50%;box-sizing:border-box;box-sizing:content-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:.375rem;justify-content:center;line-height:var(--sapContent_LineHeight);margin:0;padding:0;position:absolute;right:-.2505rem;top:.75rem;width:.375rem;z-index:5}.fd-icon-tab-bar__badge:after,.fd-icon-tab-bar__badge:before{box-sizing:inherit;font-size:inherit}.fd-icon-tab-bar__badge[dir=rtl],[dir=rtl] .fd-icon-tab-bar__badge{left:-.2505rem;right:auto}.fd-icon-tab-bar__badge--animated{-webkit-transform:scale(0);-webkit-animation-name:pulseAppear,pulseDisappear;-webkit-animation-duration:1.5s,.75s;-webkit-animation-delay:0ms,1.5s;-webkit-animation-timing-function:ease-in,ease-out;-webkit-animation-iteration-count:1,1;animation-delay:0ms,1.5s;animation-duration:1.5s,.75s;animation-iteration-count:1,1;animation-name:pulseAppear,pulseDisappear;animation-timing-function:ease-in,ease-out;transform:scale(0)}.fd-icon-tab-bar__badge--animated:after{-webkit-transform:scale(0);-webkit-animation:pulseAfter 1s ease-in;-webkit-animation-delay:1s;-webkit-animation-iteration-count:1;animation:pulseAfter 1s ease-in;animation-delay:1s;animation-iteration-count:1;background:var(--fdIconTabBar_Badge_Background_After);border-radius:50%;content:\"\";height:.75rem;opacity:0;position:absolute;transform:scale(0);width:.75rem}@keyframes pulseAppear{0%{transform:scale(.25)}64%{transform:scale(1.25)}71%{transform:scale(1)}to{transform:scale(1)}}@keyframes pulseDisappear{0%{transform:scale(1)}to{transform:scale(0)}}@keyframes pulseAfter{0%{-webkit-transform:scale(0);opacity:0;transform:scale(0)}71%{-webkit-transform:scale(1);opacity:.2;transform:scale(1)}80%{-webkit-transform:scale(1.17);opacity:.2;transform:scale(1.17)}86%{-webkit-transform:scale(1.33);opacity:.1;transform:scale(1.33)}93%{-webkit-transform:scale(1.5);opacity:0;transform:scale(1.5)}to{-webkit-transform:scale(0);opacity:0;transform:scale(0)}}.fd-icon-tab-bar__icon-separator{-webkit-box-sizing:border-box;-webkit-box-align:end;-ms-flex-align:end;-webkit-box-pack:center;-ms-flex-pack:center;align-items:flex-end;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:1rem;justify-content:center;line-height:var(--sapContent_LineHeight);margin:0;padding:0 .5rem}.fd-icon-tab-bar__icon-separator:after,.fd-icon-tab-bar__icon-separator:before{box-sizing:inherit;font-size:inherit}.fd-icon-tab-bar__icon-separator [class*=sap-icon]{color:var(--sapContent_NonInteractiveIconColor);font-size:1rem;height:1rem;line-height:1rem;width:1rem}.fd-icon-tab-bar__icon-separator[dir=rtl] [class*=sap-icon],[dir=rtl] .fd-icon-tab-bar__icon-separator [class*=sap-icon]{transform:rotate(180deg)}.fd-icon-tab-bar__line-separator{-webkit-box-sizing:border-box;border:0;border-bottom:.0625rem solid var(--sapGroup_TitleBorderColor);box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:.25rem 0 0;padding:0}.fd-icon-tab-bar__line-separator:after,.fd-icon-tab-bar__line-separator:before{box-sizing:inherit;font-size:inherit}.fd-icon-tab-bar__line-separator:first-child{margin-left:1rem;margin-right:1rem;margin-top:.5rem}.fd-icon-tab-bar__line-separator:first-child[dir=rtl],[dir=rtl] .fd-icon-tab-bar__line-separator:first-child{margin-left:1rem;margin-right:1rem}.fd-icon-tab-bar__list{width:100%}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level=\"1\"]{--fdList_Navigation_Link_Padding_Left:1rem;--fdList_Navigation_Link_Padding_Right:1rem}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level=\"1\"]+.fd-icon-tab-bar__line-separator{margin-left:1.5rem;margin-right:1rem}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level=\"1\"]+.fd-icon-tab-bar__line-separator[dir=rtl],[dir=rtl] .fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level=\"1\"]+.fd-icon-tab-bar__line-separator{margin-left:1rem;margin-right:1.5rem}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level=\"2\"]{--fdList_Navigation_Link_Padding_Left:1.5rem;--fdList_Navigation_Link_Padding_Right:1rem}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level=\"2\"]+.fd-icon-tab-bar__line-separator{margin-left:2rem;margin-right:1rem}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level=\"2\"]+.fd-icon-tab-bar__line-separator[dir=rtl],[dir=rtl] .fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level=\"2\"]+.fd-icon-tab-bar__line-separator{margin-left:1rem;margin-right:2rem}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level=\"3\"]{--fdList_Navigation_Link_Padding_Left:2rem;--fdList_Navigation_Link_Padding_Right:1rem}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level=\"3\"]+.fd-icon-tab-bar__line-separator{margin-left:2.5rem;margin-right:1rem}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level=\"3\"]+.fd-icon-tab-bar__line-separator[dir=rtl],[dir=rtl] .fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level=\"3\"]+.fd-icon-tab-bar__line-separator{margin-left:1rem;margin-right:2.5rem}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level=\"4\"]{--fdList_Navigation_Link_Padding_Left:2.5rem;--fdList_Navigation_Link_Padding_Right:1rem}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level=\"4\"]+.fd-icon-tab-bar__line-separator{margin-left:3rem;margin-right:1rem}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level=\"4\"]+.fd-icon-tab-bar__line-separator[dir=rtl],[dir=rtl] .fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level=\"4\"]+.fd-icon-tab-bar__line-separator{margin-left:1rem;margin-right:3rem}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level=\"5\"]{--fdList_Navigation_Link_Padding_Left:3rem;--fdList_Navigation_Link_Padding_Right:1rem}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level=\"5\"]+.fd-icon-tab-bar__line-separator{margin-left:3.5rem;margin-right:1rem}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level=\"5\"]+.fd-icon-tab-bar__line-separator[dir=rtl],[dir=rtl] .fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level=\"5\"]+.fd-icon-tab-bar__line-separator{margin-left:1rem;margin-right:3.5rem}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level=\"6\"]{--fdList_Navigation_Link_Padding_Left:3.5rem;--fdList_Navigation_Link_Padding_Right:1rem}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level=\"6\"]+.fd-icon-tab-bar__line-separator{margin-left:4rem;margin-right:1rem}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level=\"6\"]+.fd-icon-tab-bar__line-separator[dir=rtl],[dir=rtl] .fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level=\"6\"]+.fd-icon-tab-bar__line-separator{margin-left:1rem;margin-right:4rem}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level=\"7\"]{--fdList_Navigation_Link_Padding_Left:4rem;--fdList_Navigation_Link_Padding_Right:1rem}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level=\"7\"]+.fd-icon-tab-bar__line-separator{margin-left:4.5rem;margin-right:1rem}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level=\"7\"]+.fd-icon-tab-bar__line-separator[dir=rtl],[dir=rtl] .fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level=\"7\"]+.fd-icon-tab-bar__line-separator{margin-left:1rem;margin-right:4.5rem}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level=\"8\"]{--fdList_Navigation_Link_Padding_Left:4.5rem;--fdList_Navigation_Link_Padding_Right:1rem}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level=\"8\"]+.fd-icon-tab-bar__line-separator{margin-left:5rem;margin-right:1rem}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level=\"8\"]+.fd-icon-tab-bar__line-separator[dir=rtl],[dir=rtl] .fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level=\"8\"]+.fd-icon-tab-bar__line-separator{margin-left:1rem;margin-right:5rem}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level=\"9\"]{--fdList_Navigation_Link_Padding_Left:5rem;--fdList_Navigation_Link_Padding_Right:1rem}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level=\"9\"]+.fd-icon-tab-bar__line-separator{margin-left:5.5rem;margin-right:1rem}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level=\"9\"]+.fd-icon-tab-bar__line-separator[dir=rtl],[dir=rtl] .fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level=\"9\"]+.fd-icon-tab-bar__line-separator{margin-left:1rem;margin-right:5.5rem}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level=\"10\"]{--fdList_Navigation_Link_Padding_Left:5.5rem;--fdList_Navigation_Link_Padding_Right:1rem}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level=\"10\"]+.fd-icon-tab-bar__line-separator{margin-left:6rem;margin-right:1rem}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level=\"10\"]+.fd-icon-tab-bar__line-separator[dir=rtl],[dir=rtl] .fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level=\"10\"]+.fd-icon-tab-bar__line-separator{margin-left:1rem;margin-right:6rem}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item span{flex:0 1 auto}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item .fd-icon-tab-bar__badge{margin-bottom:.625rem;position:static}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item .fd-icon-tab-bar__badge [class*=sap-icon]{margin-right:0}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item .fd-icon-tab-bar__badge [class*=sap-icon][dir=rtl],[dir=rtl] .fd-icon-tab-bar__list .fd-icon-tab-bar__list-item .fd-icon-tab-bar__badge [class*=sap-icon]{margin-left:0;margin-right:0}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item--negative .fd-icon-tab-bar__list-item-counter,.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item--negative .fd-icon-tab-bar__list-item-icon [class*=sap-icon],.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item--negative .fd-icon-tab-bar__list-item-icon[class*=sap-icon],.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item--negative .fd-icon-tab-bar__list-item-title{color:var(--fdIcon_Tab_Bar_Semantic_Color_Negative)}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item--positive .fd-icon-tab-bar__list-item-counter,.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item--positive .fd-icon-tab-bar__list-item-icon [class*=sap-icon],.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item--positive .fd-icon-tab-bar__list-item-icon[class*=sap-icon],.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item--positive .fd-icon-tab-bar__list-item-title{color:var(--fdIcon_Tab_Bar_Semantic_Color_Positive)}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item--critical .fd-icon-tab-bar__list-item-counter,.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item--critical .fd-icon-tab-bar__list-item-icon [class*=sap-icon],.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item--critical .fd-icon-tab-bar__list-item-icon[class*=sap-icon],.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item--critical .fd-icon-tab-bar__list-item-title{color:var(--fdIcon_Tab_Bar_Semantic_Color_Critical)}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item--informative .fd-icon-tab-bar__list-item-counter,.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item--informative .fd-icon-tab-bar__list-item-icon [class*=sap-icon],.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item--informative .fd-icon-tab-bar__list-item-icon[class*=sap-icon],.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item--informative .fd-icon-tab-bar__list-item-title{color:var(--fdIcon_Tab_Bar_Semantic_Color_Informative)}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item--closable .fd-icon-tab-bar__list-link{--fdList_Navigation_Link_Padding_Right:2rem;position:relative}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item--closable .fd-icon-tab-bar__button-container{max-width:2rem;min-width:2rem;position:absolute;right:0;width:2rem;z-index:10}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item--closable .fd-icon-tab-bar__button-container[dir=rtl],[dir=rtl] .fd-icon-tab-bar__list .fd-icon-tab-bar__list-item--closable .fd-icon-tab-bar__button-container{left:0;right:auto}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item--closable .fd-icon-tab-bar__button-container:before{display:none}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item-icon-container{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:flex;justify-content:center;margin-right:.5rem;width:1.25rem}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item-icon-container[dir=rtl],[dir=rtl] .fd-icon-tab-bar__list .fd-icon-tab-bar__list-item-icon-container{margin-left:.5rem;margin-right:0}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item-counter{padding-left:.25rem}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item-counter[dir=rtl],[dir=rtl] .fd-icon-tab-bar__list .fd-icon-tab-bar__list-item-counter{padding-left:0;padding-right:.25rem}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-link.is-selected,.fd-icon-tab-bar__list .fd-icon-tab-bar__list-link[aria-selected=true]{border-bottom:none}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-link.is-active .fd-icon-tab-bar__list-item-counter,.fd-icon-tab-bar__list .fd-icon-tab-bar__list-link.is-active .fd-icon-tab-bar__list-item-icon [class*=sap-icon],.fd-icon-tab-bar__list .fd-icon-tab-bar__list-link.is-active .fd-icon-tab-bar__list-item-icon[class*=sap-icon],.fd-icon-tab-bar__list .fd-icon-tab-bar__list-link.is-active .fd-icon-tab-bar__list-item-title,.fd-icon-tab-bar__list .fd-icon-tab-bar__list-link:active .fd-icon-tab-bar__list-item-counter,.fd-icon-tab-bar__list .fd-icon-tab-bar__list-link:active .fd-icon-tab-bar__list-item-icon [class*=sap-icon],.fd-icon-tab-bar__list .fd-icon-tab-bar__list-link:active .fd-icon-tab-bar__list-item-icon[class*=sap-icon],.fd-icon-tab-bar__list .fd-icon-tab-bar__list-link:active .fd-icon-tab-bar__list-item-title{color:var(--sapList_Active_TextColor)}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-link.is-focus,.fd-icon-tab-bar__list .fd-icon-tab-bar__list-link:focus{z-index:5}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-link.is-focus:before,.fd-icon-tab-bar__list .fd-icon-tab-bar__list-link:focus:before{border-radius:.375rem}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-link span{font-size:var(--sapFontSize)}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item-icon [class*=sap-icon],.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item-icon [class*=sap-icon]:last-child{font-size:1rem;margin:0;width:auto}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item-icon [class*=sap-icon]:last-child[dir=rtl],.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item-icon [class*=sap-icon][dir=rtl],[dir=rtl] .fd-icon-tab-bar__list .fd-icon-tab-bar__list-item-icon [class*=sap-icon],[dir=rtl] .fd-icon-tab-bar__list .fd-icon-tab-bar__list-item-icon [class*=sap-icon]:last-child{margin:0}.fd-icon-tab-bar__list .fd-icon-tab-bar__line-separator:first-child{padding-left:1rem;padding-right:1rem}.fd-icon-tab-bar__list .fd-icon-tab-bar__line-separator:first-child:after{margin-top:.75rem}.fd-icon-tab-bar__list .fd-icon-tab-bar__icon-separator:first-child{height:1.5rem;padding-left:1rem;padding-right:1rem}.fd-icon-tab-bar__list[dir=rtl] .fd-icon-tab-bar__list-item-icon,[dir=rtl] .fd-icon-tab-bar__list .fd-icon-tab-bar__list-item-icon{justify-content:center}.fd-icon-tab-bar--transparent .fd-icon-tab-bar__header,.fd-icon-tab-bar--transparent .fd-icon-tab-bar__panel{background:transparent}.fd-icon-tab-bar--translucent .fd-icon-tab-bar__header{background:var(--sapObjectHeader_Background)}.fd-icon-tab-bar--translucent .fd-icon-tab-bar__panel{background:var(--sapGroup_ContentBackground)}.fd-icon-tab-bar[class*=-compact],.fd-icon-tab-bar[class*=-condensed],[class*=-compact] .fd-icon-tab-bar:not([class*=-cozy]),[class*=-condensed] .fd-icon-tab-bar:not([class*=-cozy]){--fdIconTabBar_Icon_Size:2rem;--fdIconTabBar_Icon_Font_Size:1rem;--fdIcon_Tab_Bar_Container_Badge_Size:.375rem}.fd-icon-tab-bar[class*=-compact] .fd-icon-tab-bar__container .fd-icon-tab-bar__counter,.fd-icon-tab-bar[class*=-condensed] .fd-icon-tab-bar__container .fd-icon-tab-bar__counter,[class*=-compact] .fd-icon-tab-bar:not([class*=-cozy]) .fd-icon-tab-bar__container .fd-icon-tab-bar__counter,[class*=-condensed] .fd-icon-tab-bar:not([class*=-cozy]) .fd-icon-tab-bar__container .fd-icon-tab-bar__counter{left:2rem}.fd-icon-tab-bar[class*=-compact] .fd-icon-tab-bar__container .fd-icon-tab-bar__counter[dir=rtl],.fd-icon-tab-bar[class*=-condensed] .fd-icon-tab-bar__container .fd-icon-tab-bar__counter[dir=rtl],[class*=-compact] .fd-icon-tab-bar:not([class*=-cozy]) .fd-icon-tab-bar__container .fd-icon-tab-bar__counter[dir=rtl],[class*=-condensed] .fd-icon-tab-bar:not([class*=-cozy]) .fd-icon-tab-bar__container .fd-icon-tab-bar__counter[dir=rtl],[dir=rtl] .fd-icon-tab-bar[class*=-compact] .fd-icon-tab-bar__container .fd-icon-tab-bar__counter,[dir=rtl] .fd-icon-tab-bar[class*=-condensed] .fd-icon-tab-bar__container .fd-icon-tab-bar__counter,[dir=rtl] [class*=-compact] .fd-icon-tab-bar:not([class*=-cozy]) .fd-icon-tab-bar__container .fd-icon-tab-bar__counter,[dir=rtl] [class*=-condensed] .fd-icon-tab-bar:not([class*=-cozy]) .fd-icon-tab-bar__container .fd-icon-tab-bar__counter{left:auto;right:2rem}.fd-icon-tab-bar--counters .fd-icon-tab-bar__tab{-webkit-box-pack:end;-ms-flex-pack:end;height:3.875rem;justify-content:flex-end}.fd-icon-tab-bar--counters .fd-icon-tab-bar__badge{top:1.9375rem}.fd-icon-tab-bar--icon-only .fd-icon-tab-bar__tab{flex-direction:row;margin-left:.75rem;margin-right:.75rem;padding:1rem 0;position:relative}.fd-icon-tab-bar--icon-only .fd-icon-tab-bar__item{margin-left:.25rem;margin-right:.25rem}.fd-icon-tab-bar--icon-only .fd-icon-tab-bar__item:first-child{margin:0 .25rem 0 0}.fd-icon-tab-bar--icon-only .fd-icon-tab-bar__item:first-child[dir=rtl],[dir=rtl] .fd-icon-tab-bar--icon-only .fd-icon-tab-bar__item:first-child{margin-left:.25rem;margin-right:0}.fd-icon-tab-bar--icon-only .fd-icon-tab-bar__item:first-child .fd-icon-tab-bar__tab{margin-left:0;margin-right:.75rem}.fd-icon-tab-bar--icon-only .fd-icon-tab-bar__item:first-child .fd-icon-tab-bar__tab[dir=rtl],[dir=rtl] .fd-icon-tab-bar--icon-only .fd-icon-tab-bar__item:first-child .fd-icon-tab-bar__tab{margin-left:.75rem;margin-right:0}.fd-icon-tab-bar--icon-only .fd-icon-tab-bar__item--closable .fd-icon-tab-bar__tab{padding-right:2rem}.fd-icon-tab-bar--icon-only .fd-icon-tab-bar__item--closable .fd-icon-tab-bar__tab[dir=rtl],[dir=rtl] .fd-icon-tab-bar--icon-only .fd-icon-tab-bar__item--closable .fd-icon-tab-bar__tab{padding-left:2rem;padding-right:0}.fd-icon-tab-bar--icon-only .fd-icon-tab-bar__item--closable .fd-icon-tab-bar__button-container{right:.75rem}.fd-icon-tab-bar--icon-only .fd-icon-tab-bar__item--closable .fd-icon-tab-bar__button-container[dir=rtl],[dir=rtl] .fd-icon-tab-bar--icon-only .fd-icon-tab-bar__item--closable .fd-icon-tab-bar__button-container{left:.75rem;right:auto}.fd-icon-tab-bar--icon-only .fd-icon-tab-bar__container .fd-icon-tab-bar__badge{right:.2505rem}.fd-icon-tab-bar--icon-only .fd-icon-tab-bar__container .fd-icon-tab-bar__badge[dir=rtl],[dir=rtl] .fd-icon-tab-bar--icon-only .fd-icon-tab-bar__container .fd-icon-tab-bar__badge{left:.2505rem;right:auto}.fd-icon-tab-bar--icon-only .fd-icon-tab-bar__container .fd-icon-tab-bar__counter{left:2.938rem}.fd-icon-tab-bar--icon-only .fd-icon-tab-bar__container .fd-icon-tab-bar__counter[dir=rtl],[dir=rtl] .fd-icon-tab-bar--icon-only .fd-icon-tab-bar__container .fd-icon-tab-bar__counter{left:auto;right:2.938rem}.fd-icon-tab-bar--icon-only[class*=-compact] .fd-icon-tab-bar__container .fd-icon-tab-bar__counter,.fd-icon-tab-bar--icon-only[class*=-condensed] .fd-icon-tab-bar__container .fd-icon-tab-bar__counter,[class*=-compact] .fd-icon-tab-bar--icon-only:not([class*=-cozy]) .fd-icon-tab-bar__container .fd-icon-tab-bar__counter,[class*=-condensed] .fd-icon-tab-bar--icon-only:not([class*=-cozy]) .fd-icon-tab-bar__container .fd-icon-tab-bar__counter{left:2.188rem}.fd-icon-tab-bar--icon-only[class*=-compact] .fd-icon-tab-bar__container .fd-icon-tab-bar__counter[dir=rtl],.fd-icon-tab-bar--icon-only[class*=-condensed] .fd-icon-tab-bar__container .fd-icon-tab-bar__counter[dir=rtl],[class*=-compact] .fd-icon-tab-bar--icon-only:not([class*=-cozy]) .fd-icon-tab-bar__container .fd-icon-tab-bar__counter[dir=rtl],[class*=-condensed] .fd-icon-tab-bar--icon-only:not([class*=-cozy]) .fd-icon-tab-bar__container .fd-icon-tab-bar__counter[dir=rtl],[dir=rtl] .fd-icon-tab-bar--icon-only[class*=-compact] .fd-icon-tab-bar__container .fd-icon-tab-bar__counter,[dir=rtl] .fd-icon-tab-bar--icon-only[class*=-condensed] .fd-icon-tab-bar__container .fd-icon-tab-bar__counter,[dir=rtl] [class*=-compact] .fd-icon-tab-bar--icon-only:not([class*=-cozy]) .fd-icon-tab-bar__container .fd-icon-tab-bar__counter,[dir=rtl] [class*=-condensed] .fd-icon-tab-bar--icon-only:not([class*=-cozy]) .fd-icon-tab-bar__container .fd-icon-tab-bar__counter{left:auto;right:2.188rem}.fd-icon-tab-bar--icon-only[class*=-compact] .fd-icon-tab-bar__container .fd-icon-tab-bar__badge,.fd-icon-tab-bar--icon-only[class*=-condensed] .fd-icon-tab-bar__container .fd-icon-tab-bar__badge,[class*=-compact] .fd-icon-tab-bar--icon-only:not([class*=-cozy]) .fd-icon-tab-bar__container .fd-icon-tab-bar__badge,[class*=-condensed] .fd-icon-tab-bar--icon-only:not([class*=-cozy]) .fd-icon-tab-bar__container .fd-icon-tab-bar__badge{right:.188rem}.fd-icon-tab-bar--icon-only[class*=-compact] .fd-icon-tab-bar__container .fd-icon-tab-bar__badge[dir=rtl],.fd-icon-tab-bar--icon-only[class*=-condensed] .fd-icon-tab-bar__container .fd-icon-tab-bar__badge[dir=rtl],[class*=-compact] .fd-icon-tab-bar--icon-only:not([class*=-cozy]) .fd-icon-tab-bar__container .fd-icon-tab-bar__badge[dir=rtl],[class*=-condensed] .fd-icon-tab-bar--icon-only:not([class*=-cozy]) .fd-icon-tab-bar__container .fd-icon-tab-bar__badge[dir=rtl],[dir=rtl] .fd-icon-tab-bar--icon-only[class*=-compact] .fd-icon-tab-bar__container .fd-icon-tab-bar__badge,[dir=rtl] .fd-icon-tab-bar--icon-only[class*=-condensed] .fd-icon-tab-bar__container .fd-icon-tab-bar__badge,[dir=rtl] [class*=-compact] .fd-icon-tab-bar--icon-only:not([class*=-cozy]) .fd-icon-tab-bar__container .fd-icon-tab-bar__badge,[dir=rtl] [class*=-condensed] .fd-icon-tab-bar--icon-only:not([class*=-cozy]) .fd-icon-tab-bar__container .fd-icon-tab-bar__badge{left:.188rem;right:auto}.fd-icon-tab-bar--icon .fd-icon-tab-bar__item{margin:0}.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--negative .fd-icon-tab-bar__icon:before,.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--negative[dir=rtl] .fd-icon-tab-bar__icon:after,[dir=rtl] .fd-icon-tab-bar--icon .fd-icon-tab-bar__item--negative .fd-icon-tab-bar__icon:after{content:none;margin:0}.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--negative .fd-icon-tab-bar__label:before{color:var(--sapNegativeElementColor);content:\"\\e1ec\";margin-right:.5rem}.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--negative .fd-icon-tab-bar__label[dir=rtl]:before,[dir=rtl] .fd-icon-tab-bar--icon .fd-icon-tab-bar__item--negative .fd-icon-tab-bar__label:before{content:none;margin:0}.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--negative .fd-icon-tab-bar__label[dir=rtl]:after,[dir=rtl] .fd-icon-tab-bar--icon .fd-icon-tab-bar__item--negative .fd-icon-tab-bar__label:after{color:var(--sapNegativeElementColor);content:\"\\e1ec\";margin-left:.5rem}.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--positive .fd-icon-tab-bar__icon:before,.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--positive[dir=rtl] .fd-icon-tab-bar__icon:after,[dir=rtl] .fd-icon-tab-bar--icon .fd-icon-tab-bar__item--positive .fd-icon-tab-bar__icon:after{content:none;margin:0}.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--positive .fd-icon-tab-bar__label:before{color:var(--sapPositiveElementColor);content:\"\\e1c1\";margin-right:.5rem}.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--positive .fd-icon-tab-bar__label[dir=rtl]:before,[dir=rtl] .fd-icon-tab-bar--icon .fd-icon-tab-bar__item--positive .fd-icon-tab-bar__label:before{content:none;margin:0}.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--positive .fd-icon-tab-bar__label[dir=rtl]:after,[dir=rtl] .fd-icon-tab-bar--icon .fd-icon-tab-bar__item--positive .fd-icon-tab-bar__label:after{color:var(--sapPositiveElementColor);content:\"\\e1c1\";margin-left:.5rem}.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--critical .fd-icon-tab-bar__icon:before,.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--critical[dir=rtl] .fd-icon-tab-bar__icon:after,[dir=rtl] .fd-icon-tab-bar--icon .fd-icon-tab-bar__item--critical .fd-icon-tab-bar__icon:after{content:none;margin:0}.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--critical .fd-icon-tab-bar__label:before{color:var(--sapCriticalElementColor);content:\"\\e053\";margin-right:.5rem}.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--critical .fd-icon-tab-bar__label[dir=rtl]:before,[dir=rtl] .fd-icon-tab-bar--icon .fd-icon-tab-bar__item--critical .fd-icon-tab-bar__label:before{content:none;margin:0}.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--critical .fd-icon-tab-bar__label[dir=rtl]:after,[dir=rtl] .fd-icon-tab-bar--icon .fd-icon-tab-bar__item--critical .fd-icon-tab-bar__label:after{color:var(--sapCriticalElementColor);content:\"\\e053\";margin-left:.5rem}.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--informative .fd-icon-tab-bar__icon:before,.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--informative[dir=rtl] .fd-icon-tab-bar__icon:after,[dir=rtl] .fd-icon-tab-bar--icon .fd-icon-tab-bar__item--informative .fd-icon-tab-bar__icon:after{content:none;margin:0}.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--informative .fd-icon-tab-bar__label:before{color:var(--sapInformativeElementColor);content:\"\\e289\";margin-right:.5rem}.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--informative .fd-icon-tab-bar__label[dir=rtl]:before,[dir=rtl] .fd-icon-tab-bar--icon .fd-icon-tab-bar__item--informative .fd-icon-tab-bar__label:before{content:none;margin:0}.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--informative .fd-icon-tab-bar__label[dir=rtl]:after,[dir=rtl] .fd-icon-tab-bar--icon .fd-icon-tab-bar__item--informative .fd-icon-tab-bar__label:after{color:var(--sapInformativeElementColor);content:\"\\e289\";margin-left:.5rem}.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--closable .fd-icon-tab-bar__tab{padding-right:2rem}.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--closable .fd-icon-tab-bar__tab[dir=rtl],[dir=rtl] .fd-icon-tab-bar--icon .fd-icon-tab-bar__item--closable .fd-icon-tab-bar__tab{padding-left:2rem;padding-right:0}.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--closable .fd-icon-tab-bar__button-container{right:0}.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--closable .fd-icon-tab-bar__button-container[dir=rtl],[dir=rtl] .fd-icon-tab-bar--icon .fd-icon-tab-bar__item--closable .fd-icon-tab-bar__button-container{left:0;right:auto}.fd-icon-tab-bar--icon .fd-icon-tab-bar__tab{flex-direction:row;padding:1rem 0}.fd-icon-tab-bar--icon .fd-icon-tab-bar__tab:after{width:3.126rem}.fd-icon-tab-bar--icon .fd-icon-tab-bar__counter{font-size:var(--sapFontSmallSize);line-height:.875rem;margin-bottom:0}.fd-icon-tab-bar--icon .fd-icon-tab-bar__counter+.fd-icon-tab-bar__label{margin-top:.375rem}.fd-icon-tab-bar--icon[class*=-compact] .fd-icon-tab-bar__details,.fd-icon-tab-bar--icon[class*=-condensed] .fd-icon-tab-bar__details,[class*=-compact] .fd-icon-tab-bar--icon:not([class*=-cozy]) .fd-icon-tab-bar__details,[class*=-condensed] .fd-icon-tab-bar--icon:not([class*=-cozy]) .fd-icon-tab-bar__details{height:2rem;padding-bottom:0;padding-top:0}.fd-icon-tab-bar--icon[class*=-compact] .fd-icon-tab-bar__tab:after,.fd-icon-tab-bar--icon[class*=-condensed] .fd-icon-tab-bar__tab:after,[class*=-compact] .fd-icon-tab-bar--icon:not([class*=-cozy]) .fd-icon-tab-bar__tab:after,[class*=-condensed] .fd-icon-tab-bar--icon:not([class*=-cozy]) .fd-icon-tab-bar__tab:after{width:2.376rem}.fd-icon-tab-bar--icon[class*=-compact] .fd-icon-tab-bar__counter+.fd-icon-tab-bar__label,.fd-icon-tab-bar--icon[class*=-condensed] .fd-icon-tab-bar__counter+.fd-icon-tab-bar__label,[class*=-compact] .fd-icon-tab-bar--icon:not([class*=-cozy]) .fd-icon-tab-bar__counter+.fd-icon-tab-bar__label,[class*=-condensed] .fd-icon-tab-bar--icon:not([class*=-cozy]) .fd-icon-tab-bar__counter+.fd-icon-tab-bar__label{margin-top:.25rem}.fd-icon-tab-bar--process .fd-icon-tab-bar__item{margin-left:0;margin-right:0}.fd-icon-tab-bar--filter .fd-icon-tab-bar__item{margin-left:.25rem;margin-right:.25rem}.fd-icon-tab-bar--filter .fd-icon-tab-bar__item:first-child{margin-left:0;margin-right:1.063rem}.fd-icon-tab-bar--filter .fd-icon-tab-bar__item:first-child[dir=rtl],[dir=rtl] .fd-icon-tab-bar--filter .fd-icon-tab-bar__item:first-child{margin-left:1.063rem;margin-right:0}.fd-icon-tab-bar--filter .fd-icon-tab-bar__item:first-child .fd-icon-tab-bar__tab{padding-bottom:1.875rem;padding-top:1.625rem;position:relative}.fd-icon-tab-bar--filter .fd-icon-tab-bar__item:nth-child(2){margin:0 .25rem 0 0}.fd-icon-tab-bar--filter .fd-icon-tab-bar__item:nth-child(2)[dir=rtl],[dir=rtl] .fd-icon-tab-bar--filter .fd-icon-tab-bar__item:nth-child(2){margin-left:.25rem;margin-right:0}.fd-icon-tab-bar--filter .fd-icon-tab-bar__tab{align-items:center;margin-left:0;margin-right:0;padding:.875rem .188rem .625rem;position:relative}.fd-icon-tab-bar--filter .fd-icon-tab-bar__icon{margin-left:0;margin-right:0}.fd-icon-tab-bar--filter .fd-icon-tab-bar__label{margin-top:.375rem;text-align:center;width:5rem}.fd-icon-tab-bar--filter[class*=-compact] .fd-icon-tab-bar__item:first-child .fd-icon-tab-bar__tab,.fd-icon-tab-bar--filter[class*=-condensed] .fd-icon-tab-bar__item:first-child .fd-icon-tab-bar__tab,[class*=-compact] .fd-icon-tab-bar--filter:not([class*=-cozy]) .fd-icon-tab-bar__item:first-child .fd-icon-tab-bar__tab,[class*=-condensed] .fd-icon-tab-bar--filter:not([class*=-cozy]) .fd-icon-tab-bar__item:first-child .fd-icon-tab-bar__tab{padding-bottom:1.375rem;padding-top:1.375rem}.fd-icon-tab-bar--filter[class*=-compact] .fd-icon-tab-bar__badge,.fd-icon-tab-bar--filter[class*=-condensed] .fd-icon-tab-bar__badge,[class*=-compact] .fd-icon-tab-bar--filter:not([class*=-cozy]) .fd-icon-tab-bar__badge,[class*=-condensed] .fd-icon-tab-bar--filter:not([class*=-cozy]) .fd-icon-tab-bar__badge{right:.063rem}.fd-icon-tab-bar--filter[class*=-compact] .fd-icon-tab-bar__badge[dir=rtl],.fd-icon-tab-bar--filter[class*=-condensed] .fd-icon-tab-bar__badge[dir=rtl],[class*=-compact] .fd-icon-tab-bar--filter:not([class*=-cozy]) .fd-icon-tab-bar__badge[dir=rtl],[class*=-condensed] .fd-icon-tab-bar--filter:not([class*=-cozy]) .fd-icon-tab-bar__badge[dir=rtl],[dir=rtl] .fd-icon-tab-bar--filter[class*=-compact] .fd-icon-tab-bar__badge,[dir=rtl] .fd-icon-tab-bar--filter[class*=-condensed] .fd-icon-tab-bar__badge,[dir=rtl] [class*=-compact] .fd-icon-tab-bar--filter:not([class*=-cozy]) .fd-icon-tab-bar__badge,[dir=rtl] [class*=-condensed] .fd-icon-tab-bar--filter:not([class*=-cozy]) .fd-icon-tab-bar__badge{left:.063rem;right:auto}.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__header{-webkit-box-shadow:var(--sapShell_Shadow);background:var(--sapShell_Navigation_Background);box-shadow:var(--sapShell_Shadow)}.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__item{color:var(--sapShell_Navigation_TextColor)}.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__tab [class*=sap-icon]{color:var(--sapShell_Navigation_TextColor);font-size:1rem;height:1rem;line-height:1;margin-right:.5rem}.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__tab [class*=sap-icon][dir=rtl],[dir=rtl] .fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__tab [class*=sap-icon]{margin-left:.5rem;margin-right:0}.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__tab .fd-icon-tab-bar__tag{color:var(--sapShell_Navigation_TextColor)}.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__tab.is-selected .fd-icon-tab-bar__tag,.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__tab.is-selected [class*=sap-icon],.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__tab[aria-selected=true] .fd-icon-tab-bar__tag,.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__tab[aria-selected=true] [class*=sap-icon]{color:var(--sapShell_Navigation_Selected_TextColor)}.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__tab.is-selected:after,.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__tab[aria-selected=true]:after{background:var(--sapShell_Navigation_SelectedColor)}.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__tab.is-selected+.fd-icon-tab-bar__popover .fd-icon-tab-bar__button,.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__tab[aria-selected=true]+.fd-icon-tab-bar__popover .fd-icon-tab-bar__button{--fdButtonColor:var(--fdIconTabBar_Button_Shell_Color_Active)}.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__tab.is-hover .fd-icon-tab-bar__tag,.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__tab.is-hover [class*=sap-icon],.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__tab:hover .fd-icon-tab-bar__tag,.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__tab:hover [class*=sap-icon]{color:var(--sapShell_Navigation_Selected_TextColor)}.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__tab.is-focus,.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__tab:focus{z-index:5}.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__tab.is-focus .fd-icon-tab-bar__tag:after,.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__tab:focus .fd-icon-tab-bar__tag:after{border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapShell_Navigation_TextColor);bottom:0;bottom:var(--fdIcon_Tab_Bar_Focus_Offset);content:\"\";display:block;left:0;left:var(--fdIcon_Tab_Bar_Focus_Offset);position:absolute;right:0;right:var(--fdIcon_Tab_Bar_Focus_Offset);top:0;top:var(--fdIcon_Tab_Bar_Focus_Offset)}.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__tab.is-focus .fd-icon-tab-bar__tab-container,.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__tab:focus .fd-icon-tab-bar__tab-container{position:relative}.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__tab.is-focus .fd-icon-tab-bar__tab-container .fd-icon-tab-bar__tag,.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__tab:focus .fd-icon-tab-bar__tab-container .fd-icon-tab-bar__tag{outline:none}.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__tab.is-focus .fd-icon-tab-bar__tab-container .fd-icon-tab-bar__tag:after,.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__tab:focus .fd-icon-tab-bar__tab-container .fd-icon-tab-bar__tag:after{border:none}.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__tab.is-focus .fd-icon-tab-bar__tab-container:after,.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__tab:focus .fd-icon-tab-bar__tab-container:after{border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapShell_Navigation_TextColor);bottom:0;bottom:var(--fdIcon_Tab_Bar_Focus_Offset);content:\"\";display:block;left:0;left:var(--fdIcon_Tab_Bar_Focus_Offset);position:absolute;right:0;right:var(--fdIcon_Tab_Bar_Focus_Offset);top:0;top:var(--fdIcon_Tab_Bar_Focus_Offset)}.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__tab .fd-icon-tab-bar__arrow [class*=sap-icon]{margin:0}.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__overflow{--fdIconTabBar_Overflow_Button_Background:var(--fdIconTabBar_Overflow_Button_Shell_Background);--fdIconTabBar_Overflow_Button_Border_Color:var(--fdIconTabBar_Overflow_Button_Shell_Border_Color);--fdIconTabBar_Overflow_Button_Text_Color:var(--fdIconTabBar_Overflow_Button_Shell_Text_Color);--fdIconTabBar_Overflow_Button_Icon_Color:var(--fdIconTabBar_Overflow_Button_Shell_Icon_Color)}.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__overflow.is-hover,.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__overflow:hover{--fdIconTabBar_Overflow_Button_Background:var(--fdIconTabBar_Overflow_Button_Shell_Background_Hover);--fdIconTabBar_Overflow_Button_Border_Color:var( --fdIconTabBar_Overflow_Button_Shell_Border_Color_Hover );--fdIconTabBar_Overflow_Button_Text_Color:var(--fdIconTabBar_Overflow_Button_Shell_Text_Color_Hover);--fdIconTabBar_Overflow_Button_Icon_Color:var(--fdIconTabBar_Overflow_Button_Shell_Icon_Color_Hover)}.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__overflow.is-active,.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__overflow:active{--fdIconTabBar_Overflow_Button_Background:var(--fdIconTabBar_Overflow_Button_Shell_Background_Active);--fdIconTabBar_Overflow_Button_Border_Color:var( --fdIconTabBar_Overflow_Button_Shell_Border_Color_Active );--fdIconTabBar_Overflow_Button_Text_Color:var(--fdIconTabBar_Overflow_Button_Shell_Text_Color_Active);--fdIconTabBar_Overflow_Button_Icon_Color:var(--fdIconTabBar_Overflow_Button_Shell_Icon_Color_Active)}.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__overflow.is-focus,.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__overflow:focus{z-index:5}.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__overflow.is-focus:after,.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__overflow:focus:after{border-color:var(--fdIconTabBar_Overflow_Button_Shell_Focus_Color)}.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__button{--fdButtonColor:var(--fdIconTabBar_Button_Shell_Color)}.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__button.is-hover,.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__button:hover{--fdButtonColor:var(--fdIconTabBar_Button_Shell_Color_Hover);--fdButtonBorderColor:var(--fdIconTabBar_Button_Shell_Background_Color_Hover);--fdButtonBackgroundColor:var(--fdIconTabBar_Button_Shell_Background_Color_Hover)}.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__button.is-active,.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__button:active{--fdButtonColor:var(--fdIconTabBar_Button_Shell_Color_Active);--fdButtonBackgroundColor:var(--fdIconTabBar_Button_Shell_Background_Color_Active);--fdButtonBorderColor:var(--fdIconTabBar_Button_Shell_Background_Color_Active)}.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__button.is-focus,.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__button:focus{--fdButtonColor:var(--fdIconTabBar_Button_Shell_Color_Active);--fdButtonBackgroundColor:var(--sapShell_Navigation_Background);--fdButtonBorderColor:var(--sapShell_Navigation_Background);z-index:5}.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__button.is-focus:after,.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__button:focus:after{border-color:var(--fdIconTabBar_Button_Shell_Focus_Color)}.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__button.is-selected,.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__button[aria-selected=true]{--fdButtonColor:var(--fdIconTabBar_Button_Shell_Color_Active);--fdButtonBackgroundColor:var(--fdIconTabBar_Button_Shell_Background_Color_Selected);--fdButtonBorderColor:var(--fdIconTabBar_Button_Shell_Background_Color_Selected)}.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__button.is-selected.is-hover,.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__button.is-selected:hover,.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__button[aria-selected=true].is-hover,.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__button[aria-selected=true]:hover{--fdButtonColor:var(--fdIconTabBar_Button_Shell_Color_Hover);--fdButtonBorderColor:transparent;--fdButtonBackgroundColor:var(--fdIconTabBar_Button_Shell_Background_Color_Hover)}.fd-icon-tab-bar.fd-icon-tab-bar--navigation-flat .fd-icon-tab-bar__header{background:var(--sapShellColor)}.fd-icon-tab-bar.fd-icon-tab-bar--navigation-flat .fd-icon-tab-bar__item--with-separator{margin-right:2rem;position:relative}.fd-icon-tab-bar.fd-icon-tab-bar--navigation-flat .fd-icon-tab-bar__item--with-separator[dir=rtl],[dir=rtl] .fd-icon-tab-bar.fd-icon-tab-bar--navigation-flat .fd-icon-tab-bar__item--with-separator{margin-left:2rem;margin-right:0}.fd-icon-tab-bar.fd-icon-tab-bar--navigation-flat .fd-icon-tab-bar__item--with-separator:after{background:var(--sapShell_InteractiveBorderColor);content:\"\";height:1.5rem;position:absolute;right:-1rem;width:.063rem}.fd-icon-tab-bar.fd-icon-tab-bar--navigation-flat .fd-icon-tab-bar__item--with-separator[dir=rtl]:after,[dir=rtl] .fd-icon-tab-bar.fd-icon-tab-bar--navigation-flat .fd-icon-tab-bar__item--with-separator:after{left:-1rem;right:auto}.fd-icon-tab-bar--navigation-horizontal .fd-icon-tab-bar__header{box-shadow:none}.fd-icon-tab-bar--navigation-horizontal .fd-icon-tab-bar__tab{padding-bottom:1rem;padding-top:.75rem}.fd-icon-tab-bar--navigation-horizontal .fd-icon-tab-bar__tab.is-selected:after,.fd-icon-tab-bar--navigation-horizontal .fd-icon-tab-bar__tab[aria-selected=true]:after{border-radius:.125rem;margin-bottom:.188rem}.fd-icon-tab-bar--navigation-horizontal .fd-icon-tab-bar__button-container{align-items:normal}.fd-icon-tab-bar--navigation-horizontal .fd-icon-tab-bar__button-container .fd-icon-tab-bar__button{margin-top:.5rem}.fd-icon-tab-bar--sm .fd-icon-tab-bar__header{padding:0 1rem}.fd-icon-tab-bar--lg .fd-icon-tab-bar__header,.fd-icon-tab-bar--md .fd-icon-tab-bar__header{padding:0 2rem}.fd-icon-tab-bar--xl .fd-icon-tab-bar__header,.fd-icon-tab-bar--xxl .fd-icon-tab-bar__header{padding:0 3rem}.fd-icon-tab-bar--responsive-paddings .fd-icon-tab-bar__header{padding-bottom:0;padding-top:0}@media (max-width: 599px){.fd-icon-tab-bar--responsive-paddings .fd-icon-tab-bar__header{padding-left:1rem;padding-right:1rem}}@media (min-width: 600px) and (max-width: 1023px){.fd-icon-tab-bar--responsive-paddings .fd-icon-tab-bar__header{padding-left:2rem;padding-right:2rem}}@media (min-width: 1024px) and (max-width: 1439px){.fd-icon-tab-bar--responsive-paddings .fd-icon-tab-bar__header{padding-left:2rem;padding-right:2rem}}@media (min-width: 1440px){.fd-icon-tab-bar--responsive-paddings .fd-icon-tab-bar__header{padding-left:3rem;padding-right:3rem}}.fd-icon-tab-bar .fd-icon-tab-bar__item--overflow,.fd-icon-tab-bar--filter .fd-icon-tab-bar__item--overflow,.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--overflow,.fd-icon-tab-bar--icon-only .fd-icon-tab-bar__item--overflow,.fd-icon-tab-bar--navigation .fd-icon-tab-bar__item--overflow,.fd-icon-tab-bar--navigation-flat .fd-icon-tab-bar__item--overflow,.fd-icon-tab-bar--process .fd-icon-tab-bar__item--overflow{margin:0}.fd-icon-tab-bar .fd-icon-tab-bar__item--overflow:last-of-type,.fd-icon-tab-bar--filter .fd-icon-tab-bar__item--overflow:last-of-type,.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--overflow:last-of-type,.fd-icon-tab-bar--icon-only .fd-icon-tab-bar__item--overflow:last-of-type,.fd-icon-tab-bar--navigation .fd-icon-tab-bar__item--overflow:last-of-type,.fd-icon-tab-bar--navigation-flat .fd-icon-tab-bar__item--overflow:last-of-type,.fd-icon-tab-bar--process .fd-icon-tab-bar__item--overflow:last-of-type{margin-left:auto}.fd-icon-tab-bar .fd-icon-tab-bar__item--overflow:last-of-type[dir=rtl],.fd-icon-tab-bar--filter .fd-icon-tab-bar__item--overflow:last-of-type[dir=rtl],.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--overflow:last-of-type[dir=rtl],.fd-icon-tab-bar--icon-only .fd-icon-tab-bar__item--overflow:last-of-type[dir=rtl],.fd-icon-tab-bar--navigation .fd-icon-tab-bar__item--overflow:last-of-type[dir=rtl],.fd-icon-tab-bar--navigation-flat .fd-icon-tab-bar__item--overflow:last-of-type[dir=rtl],.fd-icon-tab-bar--process .fd-icon-tab-bar__item--overflow:last-of-type[dir=rtl],[dir=rtl] .fd-icon-tab-bar .fd-icon-tab-bar__item--overflow:last-of-type,[dir=rtl] .fd-icon-tab-bar--filter .fd-icon-tab-bar__item--overflow:last-of-type,[dir=rtl] .fd-icon-tab-bar--icon .fd-icon-tab-bar__item--overflow:last-of-type,[dir=rtl] .fd-icon-tab-bar--icon-only .fd-icon-tab-bar__item--overflow:last-of-type,[dir=rtl] .fd-icon-tab-bar--navigation .fd-icon-tab-bar__item--overflow:last-of-type,[dir=rtl] .fd-icon-tab-bar--navigation-flat .fd-icon-tab-bar__item--overflow:last-of-type,[dir=rtl] .fd-icon-tab-bar--process .fd-icon-tab-bar__item--overflow:last-of-type{margin-left:0;margin-right:auto}.fd-icon-tab-bar .fd-icon-tab-bar__item--overflow .fd-icon-tab-bar__popover,.fd-icon-tab-bar--filter .fd-icon-tab-bar__item--overflow .fd-icon-tab-bar__popover,.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--overflow .fd-icon-tab-bar__popover,.fd-icon-tab-bar--icon-only .fd-icon-tab-bar__item--overflow .fd-icon-tab-bar__popover,.fd-icon-tab-bar--navigation .fd-icon-tab-bar__item--overflow .fd-icon-tab-bar__popover,.fd-icon-tab-bar--navigation-flat .fd-icon-tab-bar__item--overflow .fd-icon-tab-bar__popover,.fd-icon-tab-bar--process .fd-icon-tab-bar__item--overflow .fd-icon-tab-bar__popover{position:relative}.fd-icon-tab-bar .fd-icon-tab-bar__item--overflow .fd-icon-tab-bar__popover-body,.fd-icon-tab-bar--filter .fd-icon-tab-bar__item--overflow .fd-icon-tab-bar__popover-body,.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--overflow .fd-icon-tab-bar__popover-body,.fd-icon-tab-bar--icon-only .fd-icon-tab-bar__item--overflow .fd-icon-tab-bar__popover-body,.fd-icon-tab-bar--navigation .fd-icon-tab-bar__item--overflow .fd-icon-tab-bar__popover-body,.fd-icon-tab-bar--navigation-flat .fd-icon-tab-bar__item--overflow .fd-icon-tab-bar__popover-body,.fd-icon-tab-bar--process .fd-icon-tab-bar__item--overflow .fd-icon-tab-bar__popover-body{margin-right:-.25rem;margin-top:.375rem}.fd-icon-tab-bar .fd-icon-tab-bar__item--overflow .fd-icon-tab-bar__popover-body[dir=rtl],.fd-icon-tab-bar--filter .fd-icon-tab-bar__item--overflow .fd-icon-tab-bar__popover-body[dir=rtl],.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--overflow .fd-icon-tab-bar__popover-body[dir=rtl],.fd-icon-tab-bar--icon-only .fd-icon-tab-bar__item--overflow .fd-icon-tab-bar__popover-body[dir=rtl],.fd-icon-tab-bar--navigation .fd-icon-tab-bar__item--overflow .fd-icon-tab-bar__popover-body[dir=rtl],.fd-icon-tab-bar--navigation-flat .fd-icon-tab-bar__item--overflow .fd-icon-tab-bar__popover-body[dir=rtl],.fd-icon-tab-bar--process .fd-icon-tab-bar__item--overflow .fd-icon-tab-bar__popover-body[dir=rtl],[dir=rtl] .fd-icon-tab-bar .fd-icon-tab-bar__item--overflow .fd-icon-tab-bar__popover-body,[dir=rtl] .fd-icon-tab-bar--filter .fd-icon-tab-bar__item--overflow .fd-icon-tab-bar__popover-body,[dir=rtl] .fd-icon-tab-bar--icon .fd-icon-tab-bar__item--overflow .fd-icon-tab-bar__popover-body,[dir=rtl] .fd-icon-tab-bar--icon-only .fd-icon-tab-bar__item--overflow .fd-icon-tab-bar__popover-body,[dir=rtl] .fd-icon-tab-bar--navigation .fd-icon-tab-bar__item--overflow .fd-icon-tab-bar__popover-body,[dir=rtl] .fd-icon-tab-bar--navigation-flat .fd-icon-tab-bar__item--overflow .fd-icon-tab-bar__popover-body,[dir=rtl] .fd-icon-tab-bar--process .fd-icon-tab-bar__item--overflow .fd-icon-tab-bar__popover-body{margin-left:-.25rem;margin-right:0}/*!\n * Fundamental Library Styles v0.32.0\n * Copyright (c) 2023 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-list{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);list-style:none;margin:0;padding:0;position:relative;width:100%}.fd-list:after,.fd-list:before{box-sizing:inherit;font-size:inherit}.fd-list__footer,.fd-list__group-header,.fd-list__item{-webkit-box-sizing:border-box;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0 .9375rem}.fd-list__footer:after,.fd-list__footer:before,.fd-list__group-header:after,.fd-list__group-header:before,.fd-list__item:after,.fd-list__item:before{box-sizing:inherit;font-size:inherit}.fd-list__item{background:var(--fdList_Item_Background_Color);border-bottom:var(--sapList_BorderWidth) solid var(--fdList_Item_Border_Color);height:var(--fdList_Item_Height);position:relative}.fd-list__item.is-focus,.fd-list__item:focus{outline:none;pointer-events:all}.fd-list__item.is-focus:before,.fd-list__item:focus:before{border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);bottom:.125rem;content:\"\";display:block;inset:.125rem .125rem .0625rem;pointer-events:none;position:absolute}.fd-list__item.is-focus.is-active:before,.fd-list__item.is-focus:active:before,.fd-list__item:focus.is-active:before,.fd-list__item:focus:active:before{border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdList_Active_Outline_Color)}.fd-list__item--unread .fd-list__title{font-weight:700}.fd-list__item--no-data .fd-list__title{text-align:center}.fd-list__item--interactive.is-hover,.fd-list__item--interactive:hover,.fd-list__item--interractive.is-hover,.fd-list__item--interractive:hover{--fdList_Item_Background_Color:var(--sapList_Hover_Background);--fdList_Item_Text_Color:var(--sapList_TextColor);--fdList_Item_Border_Color:var(--sapList_BorderColor)}.fd-list__item--interactive.is-selected,.fd-list__item--interactive[aria-selected=true],.fd-list__item--interractive.is-selected,.fd-list__item--interractive[aria-selected=true]{--fdList_Item_Background_Color:var(--sapList_SelectionBackgroundColor);--fdList_Item_Text_Color:var(--sapList_TextColor);--fdList_Item_Border_Color:var(--sapList_SelectionBorderColor)}.fd-list__item--interactive.is-selected .fd-list__link,.fd-list__item--interactive[aria-selected=true] .fd-list__link,.fd-list__item--interractive.is-selected .fd-list__link,.fd-list__item--interractive[aria-selected=true] .fd-list__link{background:inherit}.fd-list__item--interactive.is-selected .fd-list__link.is-active,.fd-list__item--interactive.is-selected .fd-list__link:active,.fd-list__item--interactive[aria-selected=true] .fd-list__link.is-active,.fd-list__item--interactive[aria-selected=true] .fd-list__link:active,.fd-list__item--interractive.is-selected .fd-list__link.is-active,.fd-list__item--interractive.is-selected .fd-list__link:active,.fd-list__item--interractive[aria-selected=true] .fd-list__link.is-active,.fd-list__item--interractive[aria-selected=true] .fd-list__link:active{--fdList_Item_Background_Color:var(--sapList_Active_Background)}.fd-list__item--interactive.is-selected.is-hover,.fd-list__item--interactive.is-selected:hover,.fd-list__item--interactive[aria-selected=true].is-hover,.fd-list__item--interactive[aria-selected=true]:hover,.fd-list__item--interractive.is-selected.is-hover,.fd-list__item--interractive.is-selected:hover,.fd-list__item--interractive[aria-selected=true].is-hover,.fd-list__item--interractive[aria-selected=true]:hover{--fdList_Item_Background_Color:var(--sapList_Hover_SelectionBackground)}.fd-list__item--interactive.is-active,.fd-list__item--interactive.is-active.is-hover,.fd-list__item--interactive.is-active.is-selected,.fd-list__item--interactive.is-active.is-selected.is-hover,.fd-list__item--interactive.is-active.is-selected:hover,.fd-list__item--interactive.is-active:hover,.fd-list__item--interactive.is-active[aria-selected=true],.fd-list__item--interactive.is-active[aria-selected=true].is-hover,.fd-list__item--interactive.is-active[aria-selected=true]:hover,.fd-list__item--interactive:active,.fd-list__item--interactive:active.is-hover,.fd-list__item--interactive:active.is-selected,.fd-list__item--interactive:active.is-selected.is-hover,.fd-list__item--interactive:active.is-selected:hover,.fd-list__item--interactive:active:hover,.fd-list__item--interactive:active[aria-selected=true],.fd-list__item--interactive:active[aria-selected=true].is-hover,.fd-list__item--interactive:active[aria-selected=true]:hover,.fd-list__item--interractive.is-active,.fd-list__item--interractive.is-active.is-hover,.fd-list__item--interractive.is-active.is-selected,.fd-list__item--interractive.is-active.is-selected.is-hover,.fd-list__item--interractive.is-active.is-selected:hover,.fd-list__item--interractive.is-active:hover,.fd-list__item--interractive.is-active[aria-selected=true],.fd-list__item--interractive.is-active[aria-selected=true].is-hover,.fd-list__item--interractive.is-active[aria-selected=true]:hover,.fd-list__item--interractive:active,.fd-list__item--interractive:active.is-hover,.fd-list__item--interractive:active.is-selected,.fd-list__item--interractive:active.is-selected.is-hover,.fd-list__item--interractive:active.is-selected:hover,.fd-list__item--interractive:active:hover,.fd-list__item--interractive:active[aria-selected=true],.fd-list__item--interractive:active[aria-selected=true].is-hover,.fd-list__item--interractive:active[aria-selected=true]:hover{--fdList_Item_Background_Color:var(--sapList_Active_Background);--fdList_Item_Text_Color:var(--sapList_Active_TextColor);--fdList_Item_Border_Color:var(--sapList_Active_Background)}.fd-list__item--interactive.is-active,.fd-list__item--interactive.is-active .fd-list__byline,.fd-list__item--interactive.is-active .fd-list__byline-left,.fd-list__item--interactive.is-active .fd-list__byline-right,.fd-list__item--interactive.is-active .fd-list__byline-right--critical,.fd-list__item--interactive.is-active .fd-list__byline-right--informative,.fd-list__item--interactive.is-active .fd-list__byline-right--negative,.fd-list__item--interactive.is-active .fd-list__byline-right--neutral,.fd-list__item--interactive.is-active .fd-list__byline-right--positive,.fd-list__item--interactive.is-active .fd-list__content,.fd-list__item--interactive.is-active .fd-list__icon,.fd-list__item--interactive.is-active .fd-list__secondary,.fd-list__item--interactive.is-active .fd-list__thumbnail,.fd-list__item--interactive.is-active .fd-list__title,.fd-list__item--interactive.is-active.fd-list__link--navigation-indicator:after,.fd-list__item--interactive:active,.fd-list__item--interactive:active .fd-list__byline,.fd-list__item--interactive:active .fd-list__byline-left,.fd-list__item--interactive:active .fd-list__byline-right,.fd-list__item--interactive:active .fd-list__byline-right--critical,.fd-list__item--interactive:active .fd-list__byline-right--informative,.fd-list__item--interactive:active .fd-list__byline-right--negative,.fd-list__item--interactive:active .fd-list__byline-right--neutral,.fd-list__item--interactive:active .fd-list__byline-right--positive,.fd-list__item--interactive:active .fd-list__content,.fd-list__item--interactive:active .fd-list__icon,.fd-list__item--interactive:active .fd-list__secondary,.fd-list__item--interactive:active .fd-list__thumbnail,.fd-list__item--interactive:active .fd-list__title,.fd-list__item--interactive:active.fd-list__link--navigation-indicator:after,.fd-list__item--interractive.is-active,.fd-list__item--interractive.is-active .fd-list__byline,.fd-list__item--interractive.is-active .fd-list__byline-left,.fd-list__item--interractive.is-active .fd-list__byline-right,.fd-list__item--interractive.is-active .fd-list__byline-right--critical,.fd-list__item--interractive.is-active .fd-list__byline-right--informative,.fd-list__item--interractive.is-active .fd-list__byline-right--negative,.fd-list__item--interractive.is-active .fd-list__byline-right--neutral,.fd-list__item--interractive.is-active .fd-list__byline-right--positive,.fd-list__item--interractive.is-active .fd-list__content,.fd-list__item--interractive.is-active .fd-list__icon,.fd-list__item--interractive.is-active .fd-list__secondary,.fd-list__item--interractive.is-active .fd-list__thumbnail,.fd-list__item--interractive.is-active .fd-list__title,.fd-list__item--interractive.is-active.fd-list__link--navigation-indicator:after,.fd-list__item--interractive:active,.fd-list__item--interractive:active .fd-list__byline,.fd-list__item--interractive:active .fd-list__byline-left,.fd-list__item--interractive:active .fd-list__byline-right,.fd-list__item--interractive:active .fd-list__byline-right--critical,.fd-list__item--interractive:active .fd-list__byline-right--informative,.fd-list__item--interractive:active .fd-list__byline-right--negative,.fd-list__item--interractive:active .fd-list__byline-right--neutral,.fd-list__item--interractive:active .fd-list__byline-right--positive,.fd-list__item--interractive:active .fd-list__content,.fd-list__item--interractive:active .fd-list__icon,.fd-list__item--interractive:active .fd-list__secondary,.fd-list__item--interractive:active .fd-list__thumbnail,.fd-list__item--interractive:active .fd-list__title,.fd-list__item--interractive:active.fd-list__link--navigation-indicator:after{text-shadow:none}.fd-list__item--action{--fdList_Item_Height:var(--sapElement_LineHeight);border-bottom:var(--fdList_Item_Action_Border);font-size:var(--sapFontSize);padding:0;text-align:center}.fd-list__item--action:first-child{border-top:var(--fdList_Item_Action_Border)}.fd-list__item--action .fd-list__title{background:transparent;border:var(--fdList_Item_Action_Button_Border);border-radius:var(--fdList_Item_Action_Button_Border_Radius);color:var(--sapButton_TextColor);cursor:pointer;height:var(--fdList_Item_Action_Button_Size);margin:var(--fdList_Item_Action_Button_Spacing);padding:0 .9375rem;pointer-events:all;width:100%}.fd-list__item--action .fd-list__title.is-hover,.fd-list__item--action .fd-list__title:hover{--fdList_Item_Background_Color:var(--sapList_Hover_Background);--fdList_Item_Text_Color:var(--sapList_TextColor);--fdList_Item_Border_Color:var(--sapList_BorderColor)}.fd-list__item--action .fd-list__title.is-selected,.fd-list__item--action .fd-list__title[aria-selected=true]{--fdList_Item_Background_Color:var(--sapList_SelectionBackgroundColor);--fdList_Item_Text_Color:var(--sapList_TextColor);--fdList_Item_Border_Color:var(--sapList_SelectionBorderColor)}.fd-list__item--action .fd-list__title.is-selected .fd-list__link,.fd-list__item--action .fd-list__title[aria-selected=true] .fd-list__link{background:inherit}.fd-list__item--action .fd-list__title.is-selected .fd-list__link.is-active,.fd-list__item--action .fd-list__title.is-selected .fd-list__link:active,.fd-list__item--action .fd-list__title[aria-selected=true] .fd-list__link.is-active,.fd-list__item--action .fd-list__title[aria-selected=true] .fd-list__link:active{--fdList_Item_Background_Color:var(--sapList_Active_Background)}.fd-list__item--action .fd-list__title.is-selected.is-hover,.fd-list__item--action .fd-list__title.is-selected:hover,.fd-list__item--action .fd-list__title[aria-selected=true].is-hover,.fd-list__item--action .fd-list__title[aria-selected=true]:hover{--fdList_Item_Background_Color:var(--sapList_Hover_SelectionBackground)}.fd-list__item--action .fd-list__title.is-active,.fd-list__item--action .fd-list__title.is-active.is-hover,.fd-list__item--action .fd-list__title.is-active.is-selected,.fd-list__item--action .fd-list__title.is-active.is-selected.is-hover,.fd-list__item--action .fd-list__title.is-active.is-selected:hover,.fd-list__item--action .fd-list__title.is-active:hover,.fd-list__item--action .fd-list__title.is-active[aria-selected=true],.fd-list__item--action .fd-list__title.is-active[aria-selected=true].is-hover,.fd-list__item--action .fd-list__title.is-active[aria-selected=true]:hover,.fd-list__item--action .fd-list__title:active,.fd-list__item--action .fd-list__title:active.is-hover,.fd-list__item--action .fd-list__title:active.is-selected,.fd-list__item--action .fd-list__title:active.is-selected.is-hover,.fd-list__item--action .fd-list__title:active.is-selected:hover,.fd-list__item--action .fd-list__title:active:hover,.fd-list__item--action .fd-list__title:active[aria-selected=true],.fd-list__item--action .fd-list__title:active[aria-selected=true].is-hover,.fd-list__item--action .fd-list__title:active[aria-selected=true]:hover{--fdList_Item_Background_Color:var(--sapList_Active_Background);--fdList_Item_Text_Color:var(--sapList_Active_TextColor);--fdList_Item_Border_Color:var(--sapList_Active_Background)}.fd-list__item--action .fd-list__title.is-active,.fd-list__item--action .fd-list__title.is-active .fd-list__byline,.fd-list__item--action .fd-list__title.is-active .fd-list__byline-left,.fd-list__item--action .fd-list__title.is-active .fd-list__byline-right,.fd-list__item--action .fd-list__title.is-active .fd-list__byline-right--critical,.fd-list__item--action .fd-list__title.is-active .fd-list__byline-right--informative,.fd-list__item--action .fd-list__title.is-active .fd-list__byline-right--negative,.fd-list__item--action .fd-list__title.is-active .fd-list__byline-right--neutral,.fd-list__item--action .fd-list__title.is-active .fd-list__byline-right--positive,.fd-list__item--action .fd-list__title.is-active .fd-list__content,.fd-list__item--action .fd-list__title.is-active .fd-list__icon,.fd-list__item--action .fd-list__title.is-active .fd-list__secondary,.fd-list__item--action .fd-list__title.is-active .fd-list__thumbnail,.fd-list__item--action .fd-list__title.is-active .fd-list__title,.fd-list__item--action .fd-list__title.is-active.fd-list__link--navigation-indicator:after,.fd-list__item--action .fd-list__title:active,.fd-list__item--action .fd-list__title:active .fd-list__byline,.fd-list__item--action .fd-list__title:active .fd-list__byline-left,.fd-list__item--action .fd-list__title:active .fd-list__byline-right,.fd-list__item--action .fd-list__title:active .fd-list__byline-right--critical,.fd-list__item--action .fd-list__title:active .fd-list__byline-right--informative,.fd-list__item--action .fd-list__title:active .fd-list__byline-right--negative,.fd-list__item--action .fd-list__title:active .fd-list__byline-right--neutral,.fd-list__item--action .fd-list__title:active .fd-list__byline-right--positive,.fd-list__item--action .fd-list__title:active .fd-list__content,.fd-list__item--action .fd-list__title:active .fd-list__icon,.fd-list__item--action .fd-list__title:active .fd-list__secondary,.fd-list__item--action .fd-list__title:active .fd-list__thumbnail,.fd-list__item--action .fd-list__title:active .fd-list__title,.fd-list__item--action .fd-list__title:active.fd-list__link--navigation-indicator:after{text-shadow:none}.fd-list__item--action .fd-list__title.is-focus,.fd-list__item--action .fd-list__title:focus{outline-color:var(--sapContent_FocusColor);outline-offset:-.125rem;outline-style:var(--sapContent_FocusStyle);outline-width:var(--sapContent_FocusWidth)}.fd-list__item--action .fd-list__title.is-focus.is-active,.fd-list__item--action .fd-list__title.is-focus:active,.fd-list__item--action .fd-list__title:focus.is-active,.fd-list__item--action .fd-list__title:focus:active{outline-color:var(--fdList_Active_Outline_Color)}.fd-list__item--action .fd-list__title::-moz-focus-inner{border:0}.fd-list__item--growing{--fdList_Item_Height:var(--sapElement_LineHeight)}.fd-list__item--growing .fd-list__title{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:flex;gap:.5rem;justify-content:center}.fd-list__item--growing .fd-list__title-text{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:inherit;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;font-weight:var(--fdList_Growing_Font_Weight);forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;overflow:hidden;padding:0;text-overflow:ellipsis;text-shadow:inherit;white-space:nowrap}.fd-list__item--growing .fd-list__title-text:after,.fd-list__item--growing .fd-list__title-text:before{box-sizing:inherit;font-size:inherit}.fd-list__item--inactive,.fd-list__item--inactive .fd-list__secondary,.fd-list__item--inactive .fd-list__title{pointer-events:none}.fd-list__item.is-selected,.fd-list__item[aria-selected=true]{--fdList_Item_Background_Color:var(--sapList_SelectionBackgroundColor);--fdList_Item_Text_Color:var(--sapList_TextColor);--fdList_Item_Border_Color:var(--sapList_SelectionBorderColor)}.fd-list__item.is-selected .fd-list__link,.fd-list__item[aria-selected=true] .fd-list__link{background:inherit}.fd-list__item.is-selected .fd-list__link.is-active,.fd-list__item.is-selected .fd-list__link:active,.fd-list__item[aria-selected=true] .fd-list__link.is-active,.fd-list__item[aria-selected=true] .fd-list__link:active{--fdList_Item_Background_Color:var(--sapList_Active_Background)}.fd-list__item.is-selected.is-hover,.fd-list__item.is-selected:hover,.fd-list__item[aria-selected=true].is-hover,.fd-list__item[aria-selected=true]:hover{--fdList_Item_Background_Color:var(--sapList_Hover_SelectionBackground)}.fd-list__secondary,.fd-list__title{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--fdList_Item_Text_Color);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);line-height:normal;margin:0;overflow:hidden;padding:0;pointer-events:none;pointer-events:all;text-overflow:ellipsis;white-space:nowrap}.fd-list__secondary:after,.fd-list__secondary:before,.fd-list__title:after,.fd-list__title:before{box-sizing:inherit;font-size:inherit}.fd-list__title{flex:3 3 10%;font-size:var(--fdList_Item_Text_Font_Size);min-height:var(--fdList_Item_Text_Font_Size)}.fd-list__title:last-child:first-child{flex-basis:auto}.fd-list__title .fd-list__title-text{align-items:center;display:flex}.fd-list__title~.fd-list__icon{margin-right:-1rem}.fd-list__title~.fd-list__icon[dir=rtl],[dir=rtl] .fd-list__title~.fd-list__icon{margin-left:-1rem;margin-right:0}.fd-list__secondary{color:var(--fdList_Status_Text_Color);font-size:var(--sapFontSize);max-width:40%;padding-left:1rem;text-align:right}.fd-list__secondary[dir=rtl],[dir=rtl] .fd-list__secondary{padding-left:0;padding-right:1rem}.fd-list__secondary--positive{--fdList_Status_Text_Color:var(--sapPositiveTextColor)}.fd-list__secondary--critical{--fdList_Status_Text_Color:var(--sapCriticalTextColor)}.fd-list__secondary--negative{--fdList_Status_Text_Color:var(--sapNegativeTextColor)}.fd-list__secondary--informative{--fdList_Status_Text_Color:var(--sapInformativeTextColor)}.fd-list__secondary[dir=rtl],[dir=rtl] .fd-list__secondary{text-align:left}.fd-list__icon [class*=sap-icon],.fd-list__icon[class*=sap-icon]{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-box-flex:0;-ms-flex:0 0 auto;align-items:center;background:inherit;border-radius:inherit;color:inherit;color:var(--sapContent_NonInteractiveIconColor);display:flex;flex:0 0 auto;font-size:inherit;font-size:var(--fdList_Item_Icon_Font_Size);justify-content:center;line-height:1;pointer-events:none;width:2.75rem}.fd-list__icon [class*=sap-icon]:first-child,.fd-list__icon[class*=sap-icon]:first-child{margin-left:-1rem}.fd-list__icon [class*=sap-icon]:first-child[dir=rtl],.fd-list__icon[class*=sap-icon]:first-child[dir=rtl],[dir=rtl] .fd-list__icon [class*=sap-icon]:first-child,[dir=rtl] .fd-list__icon[class*=sap-icon]:first-child{margin-left:0;margin-right:-1rem}.fd-list__link{-webkit-box-sizing:border-box;-webkit-box-align:center;-ms-flex-align:center;--fdList_Item_Border_Color:transparent;align-items:center;background:var(--fdList_Item_Background_Color);border:0;border-bottom:var(--sapList_BorderWidth) solid var(--fdList_Item_Border_Color);box-sizing:border-box;color:var(--sapTextColor);cursor:pointer;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:100%;line-height:var(--sapContent_LineHeight);margin:0;padding:0 .9375rem;text-decoration:none;width:100%}.fd-list__link:after,.fd-list__link:before{box-sizing:inherit;font-size:inherit}.fd-list__link.is-focus,.fd-list__link:focus{outline:none;pointer-events:all}.fd-list__link.is-focus:before,.fd-list__link:focus:before{border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);content:\"\";display:block;inset:.125rem;pointer-events:none;position:absolute}.fd-list__link.is-focus.is-active:before,.fd-list__link.is-focus:active:before,.fd-list__link:focus.is-active:before,.fd-list__link:focus:active:before{border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdList_Active_Outline_Color)}.fd-list__link.is-hover,.fd-list__link:hover{--fdList_Item_Background_Color:var(--sapList_Hover_Background);--fdList_Item_Text_Color:var(--sapList_TextColor);--fdList_Item_Border_Color:var(--sapList_BorderColor)}.fd-list__link.is-selected,.fd-list__link[aria-selected=true]{--fdList_Item_Background_Color:var(--sapList_SelectionBackgroundColor);--fdList_Item_Text_Color:var(--sapList_TextColor);--fdList_Item_Border_Color:var(--sapList_SelectionBorderColor)}.fd-list__link.is-selected .fd-list__link,.fd-list__link[aria-selected=true] .fd-list__link{background:inherit}.fd-list__link.is-selected .fd-list__link.is-active,.fd-list__link.is-selected .fd-list__link:active,.fd-list__link[aria-selected=true] .fd-list__link.is-active,.fd-list__link[aria-selected=true] .fd-list__link:active{--fdList_Item_Background_Color:var(--sapList_Active_Background)}.fd-list__link.is-selected.is-hover,.fd-list__link.is-selected:hover,.fd-list__link[aria-selected=true].is-hover,.fd-list__link[aria-selected=true]:hover{--fdList_Item_Background_Color:var(--sapList_Hover_SelectionBackground)}.fd-list__link.is-active,.fd-list__link.is-active.is-hover,.fd-list__link.is-active.is-selected,.fd-list__link.is-active.is-selected.is-hover,.fd-list__link.is-active.is-selected:hover,.fd-list__link.is-active:hover,.fd-list__link.is-active[aria-selected=true],.fd-list__link.is-active[aria-selected=true].is-hover,.fd-list__link.is-active[aria-selected=true]:hover,.fd-list__link:active,.fd-list__link:active.is-hover,.fd-list__link:active.is-selected,.fd-list__link:active.is-selected.is-hover,.fd-list__link:active.is-selected:hover,.fd-list__link:active:hover,.fd-list__link:active[aria-selected=true],.fd-list__link:active[aria-selected=true].is-hover,.fd-list__link:active[aria-selected=true]:hover{--fdList_Item_Background_Color:var(--sapList_Active_Background);--fdList_Item_Text_Color:var(--sapList_Active_TextColor);--fdList_Item_Border_Color:var(--sapList_Active_Background)}.fd-list__link.is-active,.fd-list__link.is-active .fd-list__byline,.fd-list__link.is-active .fd-list__byline-left,.fd-list__link.is-active .fd-list__byline-right,.fd-list__link.is-active .fd-list__byline-right--critical,.fd-list__link.is-active .fd-list__byline-right--informative,.fd-list__link.is-active .fd-list__byline-right--negative,.fd-list__link.is-active .fd-list__byline-right--neutral,.fd-list__link.is-active .fd-list__byline-right--positive,.fd-list__link.is-active .fd-list__content,.fd-list__link.is-active .fd-list__icon,.fd-list__link.is-active .fd-list__secondary,.fd-list__link.is-active .fd-list__thumbnail,.fd-list__link.is-active .fd-list__title,.fd-list__link.is-active.fd-list__link--navigation-indicator:after,.fd-list__link:active,.fd-list__link:active .fd-list__byline,.fd-list__link:active .fd-list__byline-left,.fd-list__link:active .fd-list__byline-right,.fd-list__link:active .fd-list__byline-right--critical,.fd-list__link:active .fd-list__byline-right--informative,.fd-list__link:active .fd-list__byline-right--negative,.fd-list__link:active .fd-list__byline-right--neutral,.fd-list__link:active .fd-list__byline-right--positive,.fd-list__link:active .fd-list__content,.fd-list__link:active .fd-list__icon,.fd-list__link:active .fd-list__secondary,.fd-list__link:active .fd-list__thumbnail,.fd-list__link:active .fd-list__title,.fd-list__link:active.fd-list__link--navigation-indicator:after{text-shadow:none}.fd-list__group-header{align-items:flex-end;background:var(--sapList_GroupHeaderBackground);border-bottom:var(--sapList_BorderWidth) solid var(--sapList_GroupHeaderBorderColor);height:var(--sapElement_LineHeight)}.fd-list__group-header .fd-list__title{color:var(--sapList_TableGroupHeaderTextColor);font-family:var(--sapFontHeaderFamily);font-size:var(--sapFontHeader6Size);font-weight:700;line-height:2rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fd-list__footer{background:var(--sapList_FooterBackground);color:var(--sapList_FooterTextColor);font-size:var(--sapFontSize);height:2rem}.fd-list__footer--right{justify-content:flex-end}.fd-list__footer--left{justify-content:flex-start}.fd-list__bold{font-weight:700}.fd-list__message{-webkit-box-sizing:border-box;background-color:var(--fdList_Message_Background_Color);border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:var(--sapFontSmallSize);font-weight:400;forced-color-adjust:none;height:2rem;left:0;line-height:var(--sapContent_LineHeight);line-height:2rem;margin:0;overflow:hidden;padding:0 0 0 .5rem;position:absolute;text-overflow:ellipsis;top:0;white-space:nowrap;width:100%}.fd-list__message:after,.fd-list__message:before{box-sizing:inherit;font-size:inherit}.fd-list__message[dir=rtl],[dir=rtl] .fd-list__message{padding-left:0;padding-right:.5rem}.fd-list__message--error{--fdList_Message_Background_Color:var(--sapErrorBackground)}.fd-list__message--warning{--fdList_Message_Background_Color:var(--sapWarningBackground)}.fd-list__message--success{--fdList_Message_Background_Color:var(--sapSuccessBackground)}.fd-list__message--information{--fdList_Message_Background_Color:var(--sapInformationBackground)}.fd-list .fd-list__button{align-self:center;margin-left:var(--fdList_Button_Spacing)}.fd-list .fd-list__button[dir=rtl],[dir=rtl] .fd-list .fd-list__button{margin-left:0;margin-right:var(--fdList_Button_Spacing)}.fd-list[class*=-compact]:not(.fd-object-list):not(.fd-list--message-view),.fd-list[class*=-condensed]:not(.fd-object-list):not(.fd-list--message-view),[class*=-compact] .fd-list:not([class*=-cozy]):not(.fd-object-list):not(.fd-list--message-view),[class*=-condensed] .fd-list:not([class*=-cozy]):not(.fd-object-list):not(.fd-list--message-view){--fdList_Item_Icon_Font_Size:1rem;--fdList_Item_Text_Font_Size:var(--sapFontSize);--fdList_Item_Height:var(--sapElement_Compact_LineHeight)}.fd-list[class*=-compact]:not(.fd-object-list):not(.fd-list--message-view) .fd-list__item--growing,.fd-list[class*=-condensed]:not(.fd-object-list):not(.fd-list--message-view) .fd-list__item--growing,[class*=-compact] .fd-list:not([class*=-cozy]):not(.fd-object-list):not(.fd-list--message-view) .fd-list__item--growing,[class*=-condensed] .fd-list:not([class*=-cozy]):not(.fd-object-list):not(.fd-list--message-view) .fd-list__item--growing{--fdList_Item_Height:var(--sapElement_LineHeight)}.fd-list[class*=-compact]:not(.fd-object-list):not(.fd-list--message-view) .fd-list__item.fd-list__item--action,.fd-list[class*=-condensed]:not(.fd-object-list):not(.fd-list--message-view) .fd-list__item.fd-list__item--action,[class*=-compact] .fd-list:not([class*=-cozy]):not(.fd-object-list):not(.fd-list--message-view) .fd-list__item.fd-list__item--action,[class*=-condensed] .fd-list:not([class*=-cozy]):not(.fd-object-list):not(.fd-list--message-view) .fd-list__item.fd-list__item--action{--fdList_Item_Height:var(--sapElement_Compact_LineHeight)}.fd-list[class*=-compact]:not(.fd-object-list):not(.fd-list--message-view) .fd-list__item.fd-list__item--action .fd-list__title,.fd-list[class*=-condensed]:not(.fd-object-list):not(.fd-list--message-view) .fd-list__item.fd-list__item--action .fd-list__title,[class*=-compact] .fd-list:not([class*=-cozy]):not(.fd-object-list):not(.fd-list--message-view) .fd-list__item.fd-list__item--action .fd-list__title,[class*=-condensed] .fd-list:not([class*=-cozy]):not(.fd-object-list):not(.fd-list--message-view) .fd-list__item.fd-list__item--action .fd-list__title{height:var(--fdList_Item_Action_Button_Size_Compact)}.fd-list--no-border .fd-list__group-header,.fd-list--no-border .fd-list__item{border-bottom:0;border-top:0}.fd-list--no-border .fd-list__item.is-selected,.fd-list--no-border .fd-list__item[aria-selected=true]{border-bottom:var(--sapList_BorderWidth) solid var(--sapList_SelectionBorderColor)}.fd-list--has-message{padding-top:2rem}.fd-list__infinite-scroll{outline:none;overflow:scroll}.fd-list--dropdown.is-focus,.fd-list--dropdown:focus{outline:none;z-index:5}.fd-list--dropdown .fd-list__item:not(.fd-list__group-header){align-items:center;display:flex;height:auto;min-height:2.5rem;padding:0 .9375rem}.fd-list--dropdown .fd-list__item:not(.fd-list__group-header).is-hover,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header):hover{--fdList_Item_Background_Color:var(--sapList_Hover_Background);--fdList_Item_Text_Color:var(--sapList_TextColor);--fdList_Item_Border_Color:var(--sapList_BorderColor)}.fd-list--dropdown .fd-list__item:not(.fd-list__group-header).is-selected,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header)[aria-selected=true]{--fdList_Item_Background_Color:var(--sapList_SelectionBackgroundColor);--fdList_Item_Text_Color:var(--sapList_TextColor);--fdList_Item_Border_Color:var(--sapList_SelectionBorderColor)}.fd-list--dropdown .fd-list__item:not(.fd-list__group-header).is-selected .fd-list__link,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header)[aria-selected=true] .fd-list__link{background:inherit}.fd-list--dropdown .fd-list__item:not(.fd-list__group-header).is-selected .fd-list__link.is-active,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header).is-selected .fd-list__link:active,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header)[aria-selected=true] .fd-list__link.is-active,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header)[aria-selected=true] .fd-list__link:active{--fdList_Item_Background_Color:var(--sapList_Active_Background)}.fd-list--dropdown .fd-list__item:not(.fd-list__group-header).is-selected.is-hover,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header).is-selected:hover,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header)[aria-selected=true].is-hover,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header)[aria-selected=true]:hover{--fdList_Item_Background_Color:var(--sapList_Hover_SelectionBackground)}.fd-list--dropdown .fd-list__item:not(.fd-list__group-header).is-active,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header).is-active.is-hover,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header).is-active.is-selected,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header).is-active.is-selected.is-hover,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header).is-active.is-selected:hover,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header).is-active:hover,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header).is-active[aria-selected=true],.fd-list--dropdown .fd-list__item:not(.fd-list__group-header).is-active[aria-selected=true].is-hover,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header).is-active[aria-selected=true]:hover,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header):active,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header):active.is-hover,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header):active.is-selected,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header):active.is-selected.is-hover,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header):active.is-selected:hover,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header):active:hover,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header):active[aria-selected=true],.fd-list--dropdown .fd-list__item:not(.fd-list__group-header):active[aria-selected=true].is-hover,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header):active[aria-selected=true]:hover{--fdList_Item_Background_Color:var(--sapList_Active_Background);--fdList_Item_Text_Color:var(--sapList_Active_TextColor);--fdList_Item_Border_Color:var(--sapList_Active_Background)}.fd-list--dropdown .fd-list__item:not(.fd-list__group-header).is-active,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header).is-active .fd-list__byline,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header).is-active .fd-list__byline-left,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header).is-active .fd-list__byline-right,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header).is-active .fd-list__byline-right--critical,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header).is-active .fd-list__byline-right--informative,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header).is-active .fd-list__byline-right--negative,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header).is-active .fd-list__byline-right--neutral,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header).is-active .fd-list__byline-right--positive,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header).is-active .fd-list__content,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header).is-active .fd-list__icon,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header).is-active .fd-list__secondary,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header).is-active .fd-list__thumbnail,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header).is-active .fd-list__title,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header).is-active.fd-list__link--navigation-indicator:after,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header):active,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header):active .fd-list__byline,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header):active .fd-list__byline-left,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header):active .fd-list__byline-right,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header):active .fd-list__byline-right--critical,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header):active .fd-list__byline-right--informative,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header):active .fd-list__byline-right--negative,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header):active .fd-list__byline-right--neutral,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header):active .fd-list__byline-right--positive,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header):active .fd-list__content,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header):active .fd-list__icon,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header):active .fd-list__secondary,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header):active .fd-list__thumbnail,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header):active .fd-list__title,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header):active.fd-list__link--navigation-indicator:after{text-shadow:none}.fd-list--dropdown[class*=-compact] .fd-list__item:not(.fd-list__group-header),.fd-list--dropdown[class*=-condensed] .fd-list__item:not(.fd-list__group-header),[class*=-compact] .fd-list--dropdown:not([class*=-cozy]) .fd-list__item:not(.fd-list__group-header),[class*=-condensed] .fd-list--dropdown:not([class*=-cozy]) .fd-list__item:not(.fd-list__group-header){height:auto;min-height:2rem;padding:0 .9375rem}.fd-list--multi-input .fd-list__item{height:auto;padding:0 1rem 0 0}.fd-list--multi-input .fd-list__item.is-hover,.fd-list--multi-input .fd-list__item:hover{--fdList_Item_Background_Color:var(--sapList_Hover_Background);--fdList_Item_Text_Color:var(--sapList_TextColor);--fdList_Item_Border_Color:var(--sapList_BorderColor)}.fd-list--multi-input .fd-list__item.is-selected,.fd-list--multi-input .fd-list__item[aria-selected=true]{--fdList_Item_Background_Color:var(--sapList_SelectionBackgroundColor);--fdList_Item_Text_Color:var(--sapList_TextColor);--fdList_Item_Border_Color:var(--sapList_SelectionBorderColor)}.fd-list--multi-input .fd-list__item.is-selected .fd-list__link,.fd-list--multi-input .fd-list__item[aria-selected=true] .fd-list__link{background:inherit}.fd-list--multi-input .fd-list__item.is-selected .fd-list__link.is-active,.fd-list--multi-input .fd-list__item.is-selected .fd-list__link:active,.fd-list--multi-input .fd-list__item[aria-selected=true] .fd-list__link.is-active,.fd-list--multi-input .fd-list__item[aria-selected=true] .fd-list__link:active{--fdList_Item_Background_Color:var(--sapList_Active_Background)}.fd-list--multi-input .fd-list__item.is-selected.is-hover,.fd-list--multi-input .fd-list__item.is-selected:hover,.fd-list--multi-input .fd-list__item[aria-selected=true].is-hover,.fd-list--multi-input .fd-list__item[aria-selected=true]:hover{--fdList_Item_Background_Color:var(--sapList_Hover_SelectionBackground)}.fd-list--multi-input .fd-list__item.is-active,.fd-list--multi-input .fd-list__item.is-active.is-hover,.fd-list--multi-input .fd-list__item.is-active.is-selected,.fd-list--multi-input .fd-list__item.is-active.is-selected.is-hover,.fd-list--multi-input .fd-list__item.is-active.is-selected:hover,.fd-list--multi-input .fd-list__item.is-active:hover,.fd-list--multi-input .fd-list__item.is-active[aria-selected=true],.fd-list--multi-input .fd-list__item.is-active[aria-selected=true].is-hover,.fd-list--multi-input .fd-list__item.is-active[aria-selected=true]:hover,.fd-list--multi-input .fd-list__item:active,.fd-list--multi-input .fd-list__item:active.is-hover,.fd-list--multi-input .fd-list__item:active.is-selected,.fd-list--multi-input .fd-list__item:active.is-selected.is-hover,.fd-list--multi-input .fd-list__item:active.is-selected:hover,.fd-list--multi-input .fd-list__item:active:hover,.fd-list--multi-input .fd-list__item:active[aria-selected=true],.fd-list--multi-input .fd-list__item:active[aria-selected=true].is-hover,.fd-list--multi-input .fd-list__item:active[aria-selected=true]:hover{--fdList_Item_Background_Color:var(--sapList_Active_Background);--fdList_Item_Text_Color:var(--sapList_Active_TextColor);--fdList_Item_Border_Color:var(--sapList_Active_Background)}.fd-list--multi-input .fd-list__item.is-active,.fd-list--multi-input .fd-list__item.is-active .fd-list__byline,.fd-list--multi-input .fd-list__item.is-active .fd-list__byline-left,.fd-list--multi-input .fd-list__item.is-active .fd-list__byline-right,.fd-list--multi-input .fd-list__item.is-active .fd-list__byline-right--critical,.fd-list--multi-input .fd-list__item.is-active .fd-list__byline-right--informative,.fd-list--multi-input .fd-list__item.is-active .fd-list__byline-right--negative,.fd-list--multi-input .fd-list__item.is-active .fd-list__byline-right--neutral,.fd-list--multi-input .fd-list__item.is-active .fd-list__byline-right--positive,.fd-list--multi-input .fd-list__item.is-active .fd-list__content,.fd-list--multi-input .fd-list__item.is-active .fd-list__icon,.fd-list--multi-input .fd-list__item.is-active .fd-list__secondary,.fd-list--multi-input .fd-list__item.is-active .fd-list__thumbnail,.fd-list--multi-input .fd-list__item.is-active .fd-list__title,.fd-list--multi-input .fd-list__item.is-active.fd-list__link--navigation-indicator:after,.fd-list--multi-input .fd-list__item:active,.fd-list--multi-input .fd-list__item:active .fd-list__byline,.fd-list--multi-input .fd-list__item:active .fd-list__byline-left,.fd-list--multi-input .fd-list__item:active .fd-list__byline-right,.fd-list--multi-input .fd-list__item:active .fd-list__byline-right--critical,.fd-list--multi-input .fd-list__item:active .fd-list__byline-right--informative,.fd-list--multi-input .fd-list__item:active .fd-list__byline-right--negative,.fd-list--multi-input .fd-list__item:active .fd-list__byline-right--neutral,.fd-list--multi-input .fd-list__item:active .fd-list__byline-right--positive,.fd-list--multi-input .fd-list__item:active .fd-list__content,.fd-list--multi-input .fd-list__item:active .fd-list__icon,.fd-list--multi-input .fd-list__item:active .fd-list__secondary,.fd-list--multi-input .fd-list__item:active .fd-list__thumbnail,.fd-list--multi-input .fd-list__item:active .fd-list__title,.fd-list--multi-input .fd-list__item:active.fd-list__link--navigation-indicator:after{text-shadow:none}.fd-list--multi-input .fd-list__item[dir=rtl],[dir=rtl] .fd-list--multi-input .fd-list__item{padding:0 0 0 1rem}.fd-list--multi-input .fd-list__label{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:inherit;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;overflow:hidden;padding:0;position:relative;text-overflow:ellipsis;width:100%}.fd-list--multi-input .fd-list__label:after,.fd-list--multi-input .fd-list__label:before{box-sizing:inherit;font-size:inherit}.fd-list--multi-input .fd-list__label:before{margin-bottom:-.1875rem;margin-top:-.1875rem}.fd-list--multi-input .fd-list__input.is-focus,.fd-list--multi-input .fd-list__input:focus{box-shadow:none;z-index:5}.fd-list--multi-input .fd-list__input.is-focus+.fd-list__label:after,.fd-list--multi-input .fd-list__input:focus+.fd-list__label:after{inset:.0625rem}.fd-list--multi-input .fd-list__footer{-webkit-box-pack:end;-ms-flex-pack:end;background-color:var(--sapList_Background);height:auto;justify-content:flex-end;line-height:1rem;text-align:right}.fd-list--multi-input .fd-list__footer,.fd-list--multi-input .fd-list__label{padding:.75rem .9375rem}.fd-list--multi-input[class*=-compact] .fd-list__item,.fd-list--multi-input[class*=-condensed] .fd-list__item,[class*=-compact] .fd-list--multi-input:not([class*=-cozy]) .fd-list__item,[class*=-condensed] .fd-list--multi-input:not([class*=-cozy]) .fd-list__item{height:auto;padding:0}.fd-list--multi-input[class*=-compact] .fd-list__label:before,.fd-list--multi-input[class*=-condensed] .fd-list__label:before,[class*=-compact] .fd-list--multi-input:not([class*=-cozy]) .fd-list__label:before,[class*=-condensed] .fd-list--multi-input:not([class*=-cozy]) .fd-list__label:before{margin-bottom:0;margin-left:0;margin-top:0}.fd-list--multi-input[class*=-compact] .fd-list__footer,.fd-list--multi-input[class*=-compact] .fd-list__label,.fd-list--multi-input[class*=-condensed] .fd-list__footer,.fd-list--multi-input[class*=-condensed] .fd-list__label,[class*=-compact] .fd-list--multi-input:not([class*=-cozy]) .fd-list__footer,[class*=-compact] .fd-list--multi-input:not([class*=-cozy]) .fd-list__label,[class*=-condensed] .fd-list--multi-input:not([class*=-cozy]) .fd-list__footer,[class*=-condensed] .fd-list--multi-input:not([class*=-cozy]) .fd-list__label{padding:.5rem .9375rem}.fd-list--dropdown,.fd-list--multi-input{display:block;max-width:40rem;min-width:5rem}.fd-list--dropdown .fd-list__item,.fd-list--multi-input .fd-list__item{border:none;cursor:pointer}.fd-list--dropdown .fd-list__item.is-selected,.fd-list--dropdown .fd-list__item[aria-selected=true],.fd-list--multi-input .fd-list__item.is-selected,.fd-list--multi-input .fd-list__item[aria-selected=true]{border-bottom:var(--sapList_BorderWidth) solid var(--sapList_SelectionBorderColor)}.fd-list--dropdown .fd-list__secondary,.fd-list--dropdown .fd-list__title,.fd-list--multi-input .fd-list__secondary,.fd-list--multi-input .fd-list__title{flex:auto;font-size:var(--sapFontSize);white-space:normal;width:auto}.fd-list--dropdown .fd-list__secondary--no-wrap,.fd-list--dropdown .fd-list__title--no-wrap,.fd-list--multi-input .fd-list__secondary--no-wrap,.fd-list--multi-input .fd-list__title--no-wrap{white-space:nowrap}.fd-list--dropdown .fd-list__secondary,.fd-list--multi-input .fd-list__secondary{display:block}.fd-list--dropdown .fd-list__title,.fd-list--multi-input .fd-list__title{max-width:24rem}.fd-list--dropdown .fd-list__title:first-child:last-child,.fd-list--multi-input .fd-list__title:first-child:last-child{max-width:40rem}.fd-list--dropdown .fd-list__secondary,.fd-list--multi-input .fd-list__secondary{max-width:16rem}.fd-list--dropdown.fd-list--mobile,.fd-list--multi-input.fd-list--mobile{max-width:100%}.fd-list--dropdown .fd-list__icon,.fd-list--multi-input .fd-list__icon{line-height:1rem}.fd-list--dropdown.fd-list--large-dropdown,.fd-list--multi-input.fd-list--large-dropdown{max-width:62rem}.fd-list--dropdown.fd-list--large-dropdown .fd-list__title,.fd-list--multi-input.fd-list--large-dropdown .fd-list__title{max-width:37.2rem}.fd-list--dropdown.fd-list--large-dropdown .fd-list__title:first-child:last-child,.fd-list--multi-input.fd-list--large-dropdown .fd-list__title:first-child:last-child{max-width:62rem}.fd-list--dropdown.fd-list--large-dropdown .fd-list__secondary,.fd-list--multi-input.fd-list--large-dropdown .fd-list__secondary{max-width:24.8rem}.fd-list--dropdown.fd-list--large-dropdown.fd-list--mobile,.fd-list--multi-input.fd-list--large-dropdown.fd-list--mobile{max-width:100%}.fd-list--byline .fd-list__item{align-items:flex-start;height:auto;min-height:5rem;padding:.9375rem 1rem;width:100%}.fd-list--byline .fd-list__item.is-focus,.fd-list--byline .fd-list__item:focus{pointer-events:all;z-index:5}.fd-list--byline .fd-list__item .fd-list__item-counter{-ms-flex-align:center;-ms-flex-item-align:center;-webkit-box-pack:end;-ms-flex-pack:end;align-self:center;height:100%;justify-content:flex-end;min-width:2rem}.fd-list--byline .fd-list__item .fd-list__item-counter,.fd-list--byline .fd-list__thumbnail{align-items:center;display:flex}.fd-list--byline .fd-list__thumbnail{-webkit-box-sizing:border-box;-webkit-box-pack:center;-ms-flex-pack:center;-ms-flex-align:center;border:0;border-radius:.25rem;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_NonInteractiveIconColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:2rem;font-weight:400;forced-color-adjust:none;height:3rem;justify-content:center;line-height:var(--sapContent_LineHeight);margin:0 .75rem 0 0;max-height:3rem;max-width:3rem;min-height:3rem;min-width:3rem;padding:0;pointer-events:none;width:3rem}.fd-list--byline .fd-list__thumbnail:after,.fd-list--byline .fd-list__thumbnail:before{box-sizing:inherit;font-size:inherit}.fd-list--byline .fd-list__thumbnail [class*=sap-icon],.fd-list--byline .fd-list__thumbnail[class*=sap-icon]{background:inherit;border-radius:inherit;color:inherit;font-size:inherit;line-height:1}.fd-list--byline .fd-list__thumbnail[dir=rtl],[dir=rtl] .fd-list--byline .fd-list__thumbnail{margin-left:.75rem;margin-right:0}.fd-list--byline .fd-list__thumbnail>svg{height:100%}.fd-list--byline .fd-list__notification{-webkit-transform:translateY(-50%);color:var(--sapAccentColor6);font-size:.375rem;left:1rem;position:absolute;top:50%;transform:translateY(-50%)}.fd-list--byline .fd-list__notification[dir=rtl],[dir=rtl] .fd-list--byline .fd-list__notification{left:auto;right:1rem}.fd-list--byline .fd-list__notification+.fd-list__link .fd-list__content .fd-list__title,.fd-list--byline .fd-list__notification~.fd-list__content .fd-list__title{font-weight:700}.fd-list--byline .fd-list__content{-webkit-box-sizing:border-box;-ms-flex-line-pack:justify;-webkit-box-flex:1;-ms-flex:1 1 auto;align-content:space-between;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex:1 1 auto;flex-direction:column;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:100%;line-height:var(--sapContent_LineHeight);margin:0;min-height:3rem;min-width:3rem;padding:.125rem 0;pointer-events:none}.fd-list--byline .fd-list__content:after,.fd-list--byline .fd-list__content:before{box-sizing:inherit;font-size:inherit}.fd-list--byline .fd-list__title{font-size:var(--sapFontLargeSize);min-height:1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fd-list--byline .fd-list__byline{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_LabelColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);line-height:1rem;margin:0;overflow:hidden;padding:.5rem 0 0;text-overflow:ellipsis;white-space:nowrap}.fd-list--byline .fd-list__byline:after,.fd-list--byline .fd-list__byline:before{box-sizing:inherit;font-size:inherit}.fd-list--byline .fd-list__byline--2-col{display:flex;pointer-events:all}.fd-list--byline .fd-list__byline--wrap .fd-list__byline-left,.fd-list--byline .fd-list__byline--wrap .fd-list__byline-right{display:inline;padding:0;white-space:normal;width:100%}.fd-list--byline .fd-list__byline--wrap .fd-list__byline-right{float:right;width:auto}.fd-list--byline .fd-list__link--more{pointer-events:all;text-transform:capitalize}.fd-list--byline .fd-list__byline--wrap,.fd-list--byline .fd-list__title--wrap{white-space:normal}.fd-list--byline .fd-list__byline-left{-webkit-box-sizing:border-box;align-self:flex-end;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_LabelColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);line-height:1rem;margin:0;overflow:hidden;padding:0 .5rem 0 0;text-overflow:ellipsis;white-space:nowrap;width:60%}.fd-list--byline .fd-list__byline-left:after,.fd-list--byline .fd-list__byline-left:before{box-sizing:inherit;font-size:inherit}.fd-list--byline .fd-list__byline-left[dir=rtl],[dir=rtl] .fd-list--byline .fd-list__byline-left{padding-left:.5rem;padding-right:0}.fd-list--byline .fd-list__byline-right{-webkit-box-sizing:border-box;align-self:flex-end;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_LabelColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);line-height:1rem;margin:0;overflow:hidden;padding:0 0 0 .5rem;text-align:right;text-overflow:ellipsis;white-space:nowrap;width:40%}.fd-list--byline .fd-list__byline-right:after,.fd-list--byline .fd-list__byline-right:before{box-sizing:inherit;font-size:inherit}.fd-list--byline .fd-list__byline-right[dir=rtl],[dir=rtl] .fd-list--byline .fd-list__byline-right{padding-left:0;padding-right:.5rem;text-align:left}.fd-list--byline .fd-list__byline-right--neutral{color:var(--sapNeutralTextColor)}.fd-list--byline .fd-list__byline-right--positive{color:var(--sapPositiveTextColor)}.fd-list--byline .fd-list__byline-right--critical{color:var(--sapCriticalTextColor)}.fd-list--byline .fd-list__byline-right--negative{color:var(--sapNegativeTextColor)}.fd-list--byline .fd-list__byline-right--informative{color:var(--sapInformativeTextColor)}.fd-list--byline.fd-list--unread-indicator .fd-list__item{padding-left:2.125rem;padding-right:1rem}.fd-list--byline.fd-list--unread-indicator .fd-list__item[dir=rtl],[dir=rtl] .fd-list--byline.fd-list--unread-indicator .fd-list__item{padding-left:1rem;padding-right:2.125rem}.fd-list--byline[class*=-compact] .fd-list__title,.fd-list--byline[class*=-condensed] .fd-list__title,[class*=-compact] .fd-list--byline:not([class*=-cozy]) .fd-list__title,[class*=-condensed] .fd-list--byline:not([class*=-cozy]) .fd-list__title{font-size:var(--sapFontSize)}.fd-list--byline.fd-list--no-border .fd-list__item{height:100%;max-height:5rem;padding-bottom:.5rem;padding-top:.5rem}.fd-list--byline.fd-list--no-border .fd-list__item:first-child{padding-top:.9375rem}.fd-list--byline.fd-list--no-border .fd-list__item:last-child{padding-bottom:.9375rem}.fd-list--message-view{--fdListNavigationIndicatorFontSize:.75rem;--fdList_Item_Height:calc(2.75rem + var(--sapList_BorderWidth));--fdList_Message_View_Item_Byline_Height:calc(3.325rem + var(--sapList_BorderWidth));--fdList_Message_View_Title_Size:var(--sapFontHeader5Size)}.fd-list--message-view .fd-list__item{height:auto}.fd-list--message-view .fd-list__item--byline{--fdList_Item_Height:var(--fdList_Message_View_Item_Byline_Height)}.fd-list--message-view .fd-list__content{-webkit-box-sizing:border-box;-webkit-box-flex:1;-ms-flex:1 1 auto;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex:1 1 auto;flex-direction:column;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;overflow:hidden;padding:0;pointer-events:none;text-overflow:ellipsis;white-space:nowrap}.fd-list--message-view .fd-list__content:after,.fd-list--message-view .fd-list__content:before{box-sizing:inherit;font-size:inherit}.fd-list--message-view .fd-list__title{color:var(--sapGroup_TitleTextColor);font-family:var(--sapFontHeaderFamily);font-size:var(--fdList_Message_View_Title_Size);font-weight:var(--sapFontHeaderWeight, normal);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fd-list--message-view .fd-list__subtitle{color:var(--sapContent_LabelColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);overflow:hidden;padding-top:.25rem;text-overflow:ellipsis;white-space:nowrap}.fd-list--message-view .fd-list__link{padding-bottom:.5rem;padding-top:.5rem}.fd-list--message-view .fd-list__link.is-active .fd-list__subtitle,.fd-list--message-view .fd-list__link.is-active .fd-list__title,.fd-list--message-view .fd-list__link.is-active .fd-object-status .fd-object-status__icon,.fd-list--message-view .fd-list__link:active .fd-list__subtitle,.fd-list--message-view .fd-list__link:active .fd-list__title,.fd-list--message-view .fd-list__link:active .fd-object-status .fd-object-status__icon{color:var(--sapList_Active_TextColor)}.fd-list--message-view[class*=-compact],.fd-list--message-view[class*=-condensed],[class*=-compact] .fd-list--message-view:not([class*=-cozy]),[class*=-condensed] .fd-list--message-view:not([class*=-cozy]){--fdList_Message_View_Item_Height:calc(2rem + var(--sapList_BorderWidth));--fdList_Message_View_Title_Size:var(--sapFontHeader6Size);--fdList_Message_View_Item_Byline_Height:calc(3.25rem + var(--sapList_BorderWidth))}.fd-list--navigation .fd-list__item--link{padding:0}.fd-list--navigation .fd-list__link{padding-left:var(--fdList_Navigation_Link_Padding_Left, .9375rem);padding-right:var(--fdList_Navigation_Link_Padding_Right, .9375rem)}.fd-list--navigation .fd-list__link[dir=rtl],[dir=rtl] .fd-list--navigation .fd-list__link{padding-left:var(--fdList_Navigation_Link_Padding_Right, .9375rem);padding-right:var(--fdList_Navigation_Link_Padding_Left, .9375rem)}.fd-list--navigation.fd-list--unread-indicator{--fdList_Navigation_Link_Padding_Left:2.125rem;--fdList_Navigation_Link_Padding_Right:.9375rem}.fd-list--navigation.fd-list--navigation-indication{--fdList_Navigation_Link_Padding_Left:.9375rem;--fdList_Navigation_Link_Padding_Right:0}.fd-list--navigation.fd-list--selection{--fdList_Navigation_Link_Padding_Left:2.75rem;--fdList_Navigation_Link_Padding_Right:.9375rem}.fd-list--navigation.fd-list--selection .fd-list__item--link{padding:0}.fd-list--navigation.fd-list--selection.fd-list--navigation-indication{--fdList_Navigation_Link_Padding_Left:2.75rem;--fdList_Navigation_Link_Padding_Right:0}.fd-list--navigation.fd-list--selection.fd-list--navigation-indication .fd-list__item--link{padding:0}.fd-list--navigation.fd-list--byline,.fd-list--navigation.fd-list--byline.fd-list--compact{--fdList_Navigation_Link_Padding_Left:1rem;--fdList_Navigation_Link_Padding_Right:1rem}.fd-list--navigation.fd-list--byline .fd-list__item--link,.fd-list--navigation.fd-list--byline.fd-list--compact .fd-list__item--link{padding:0}.fd-list--navigation.fd-list--byline .fd-list__link,.fd-list--navigation.fd-list--byline.fd-list--compact .fd-list__link{padding-bottom:.9375rem;padding-top:.9375rem}.fd-list--navigation.fd-list--byline.fd-list--compact.fd-list--unread-indicator,.fd-list--navigation.fd-list--byline.fd-list--unread-indicator{--fdList_Navigation_Link_Padding_Left:2.125rem;--fdList_Navigation_Link_Padding_Right:1rem}.fd-list--navigation.fd-list--byline.fd-list--navigation-indication{--fdList_Navigation_Link_Padding_Left:.9375rem;--fdList_Navigation_Link_Padding_Right:0}.fd-list--navigation.fd-list--byline.fd-list--no-border .fd-list__item--link .fd-list__link{padding-bottom:.5rem;padding-top:.5rem}.fd-list--navigation.fd-list--byline.fd-list--no-border .fd-list__item--link:first-child{padding-top:0}.fd-list--navigation.fd-list--byline.fd-list--no-border .fd-list__item--link:first-child .fd-list__link{padding-top:1rem}.fd-list--navigation.fd-list--byline.fd-list--no-border .fd-list__item--link:first-child .fd-list__link--navigation-indicator:after{margin-bottom:.5rem}.fd-list--navigation.fd-list--byline.fd-list--no-border .fd-list__item--link:last-child{padding-bottom:0}.fd-list--navigation.fd-list--byline.fd-list--no-border .fd-list__item--link:last-child .fd-list__link{padding-bottom:1rem}.fd-list--navigation.fd-list--byline.fd-list--no-border .fd-list__item--link:last-child .fd-list__link--navigation-indicator:after{margin-top:.25rem}.fd-list--navigation.fd-list--byline.fd-list--selection{--fdList_Navigation_Link_Padding_Left:2.75rem;--fdList_Navigation_Link_Padding_Right:1rem}.fd-list--navigation.fd-list--byline.fd-list--selection .fd-list__item--link{padding:0}.fd-list--navigation.fd-list--byline.fd-list--selection[class*=-compact],.fd-list--navigation.fd-list--byline.fd-list--selection[class*=-condensed],[class*=-compact] .fd-list--navigation.fd-list--byline.fd-list--selection:not([class*=-cozy]),[class*=-condensed] .fd-list--navigation.fd-list--byline.fd-list--selection:not([class*=-cozy]){--fdList_Navigation_Link_Padding_Left:2.75rem;--fdList_Navigation_Link_Padding_Right:1rem}.fd-list--navigation.fd-list--byline.fd-list--selection.fd-list--no-border .fd-list__item--link,.fd-list--navigation.fd-list--byline.fd-list--selection[class*=-compact] .fd-list__item--link,.fd-list--navigation.fd-list--byline.fd-list--selection[class*=-condensed] .fd-list__item--link,[class*=-compact] .fd-list--navigation.fd-list--byline.fd-list--selection:not([class*=-cozy]) .fd-list__item--link,[class*=-condensed] .fd-list--navigation.fd-list--byline.fd-list--selection:not([class*=-cozy]) .fd-list__item--link{padding:0}.fd-list--navigation.fd-list--byline.fd-list--selection.fd-list--no-border .fd-list__item--link .fd-list__link{padding-bottom:.5rem;padding-top:.5rem}.fd-list--navigation.fd-list--byline.fd-list--selection.fd-list--no-border .fd-list__item--link:first-child{padding-top:0}.fd-list--navigation.fd-list--byline.fd-list--selection.fd-list--no-border .fd-list__item--link:first-child .fd-list__link{padding-top:1rem}.fd-list--navigation.fd-list--byline.fd-list--selection.fd-list--no-border .fd-list__item--link:first-child .fd-list__link--navigation-indicator:after{margin-bottom:.5rem}.fd-list--navigation.fd-list--byline.fd-list--selection.fd-list--no-border .fd-list__item--link:last-child{padding-bottom:0}.fd-list--navigation.fd-list--byline.fd-list--selection.fd-list--no-border .fd-list__item--link:last-child .fd-list__link{padding-bottom:1rem}.fd-list--navigation.fd-list--byline.fd-list--selection.fd-list--no-border .fd-list__item--link:last-child .fd-list__link--navigation-indicator:after{margin-top:.25rem}.fd-list--navigation.fd-list--byline.fd-list--selection.fd-list--navigation-indication{--fdList_Navigation_Link_Padding_Left:2.75rem;--fdList_Navigation_Link_Padding_Right:0}.fd-list--navigation.fd-list--byline.fd-list--selection.fd-list--navigation-indication .fd-list__item--link{padding:0}.fd-list--navigation.fd-list--byline.fd-list--selection.fd-list--navigation-indication[class*=-compact],.fd-list--navigation.fd-list--byline.fd-list--selection.fd-list--navigation-indication[class*=-condensed],[class*=-compact] .fd-list--navigation.fd-list--byline.fd-list--selection.fd-list--navigation-indication:not([class*=-cozy]),[class*=-condensed] .fd-list--navigation.fd-list--byline.fd-list--selection.fd-list--navigation-indication:not([class*=-cozy]){--fdList_Navigation_Link_Padding_Left:2.75rem;--fdList_Navigation_Link_Padding_Right:0}.fd-list--navigation.fd-list--byline.fd-list--selection.fd-list--navigation-indication.fd-list--no-border .fd-list__item--link .fd-list__link{padding-bottom:.5rem;padding-top:.5rem}.fd-list--navigation.fd-list--byline.fd-list--selection.fd-list--navigation-indication.fd-list--no-border .fd-list__item--link:first-child{padding-top:0}.fd-list--navigation.fd-list--byline.fd-list--selection.fd-list--navigation-indication.fd-list--no-border .fd-list__item--link:first-child .fd-list__link{padding-top:1rem}.fd-list--navigation.fd-list--byline.fd-list--selection.fd-list--navigation-indication.fd-list--no-border .fd-list__item--link:first-child .fd-list__link--navigation-indicator:after{margin-bottom:.5rem}.fd-list--navigation.fd-list--byline.fd-list--selection.fd-list--navigation-indication.fd-list--no-border .fd-list__item--link:last-child{padding-bottom:0}.fd-list--navigation.fd-list--byline.fd-list--selection.fd-list--navigation-indication.fd-list--no-border .fd-list__item--link:last-child .fd-list__link{padding-bottom:1rem}.fd-list--navigation.fd-list--byline.fd-list--selection.fd-list--navigation-indication.fd-list--no-border .fd-list__item--link:last-child .fd-list__link--navigation-indicator:after{margin-top:.25rem}.fd-list--navigation.fd-list--navigation-object{--fdList_Navigation_Link_Padding_Left:1rem;--fdList_Navigation_Link_Padding_Right:1rem}.fd-list--navigation.fd-list--navigation-object .fd-list__item--link,.fd-list--navigation.fd-list--navigation-object[dir=rtl] .fd-list__item--link,[dir=rtl] .fd-list--navigation.fd-list--navigation-object .fd-list__item--link{padding:0}.fd-list--navigation.fd-list--navigation-object .fd-list__link{padding-bottom:1rem;padding-top:1rem}.fd-list--navigation-indication .fd-list:after{content:\"\";min-width:1.5rem}.fd-list--navigation-indication fd-list__item.fd-list__item--link{padding-right:0}.fd-list--navigation-indication fd-list__item.fd-list__item--link[dir=rtl],[dir=rtl] .fd-list--navigation-indication fd-list__item.fd-list__item--link{padding-left:0;padding-right:0}.fd-list--navigation-indication fd-list__item.fd-list__item--link:after{content:none}.fd-list--navigation-indication .fd-list__link:after{content:\"\";min-width:2.5rem}.fd-list--navigation-indication .fd-list__link--navigation-indicator:after{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;color:var(--sapContent_NonInteractiveIconColor);content:\"\\e1ed\";display:flex;font-family:SAP-icons;font-size:var(--fdListNavigationIndicatorFontSize, var(--sapFontLargeSize));height:100%;justify-content:center;text-decoration:none;text-transform:none}.fd-list--navigation-indication .fd-list__link--navigation-indicator[dir=rtl]:after,[dir=rtl] .fd-list--navigation-indication .fd-list__link--navigation-indicator:after{content:\"\\e1ee\"}.fd-list--navigation-indication .fd-list__icon:last-child,.fd-list--navigation-indication .fd-list__icon[dir=rtl]:last-child,[dir=rtl] .fd-list--navigation-indication .fd-list__icon:last-child{margin:0}.fd-list--navigation-indication .is-navigated{box-shadow:inset -.1875rem 0 0 0 var(--sapList_SelectionBorderColor)}.fd-list--navigation-indication .is-navigated[dir=rtl],[dir=rtl] .fd-list--navigation-indication .is-navigated{box-shadow:inset .1875rem 0 0 0 var(--sapList_SelectionBorderColor)}.fd-list--selection .fd-list__item{cursor:pointer;padding-left:2.75rem;padding-right:.9375rem}.fd-list--selection .fd-list__item[dir=rtl],[dir=rtl] .fd-list--selection .fd-list__item{padding-left:.9375rem;padding-right:2.75rem}.fd-list--selection .fd-list__item.is-hover,.fd-list--selection .fd-list__item:hover{--fdList_Item_Background_Color:var(--sapList_Hover_Background)}.fd-list--selection .fd-list__item.is-selected,.fd-list--selection .fd-list__item[aria-selected=true]{--fdList_Item_Background_Color:var(--sapList_SelectionBackgroundColor);--fdList_Item_Text_Color:var(--sapList_TextColor);--fdList_Item_Border_Color:var(--sapList_SelectionBorderColor)}.fd-list--selection .fd-list__item.is-selected .fd-list__link,.fd-list--selection .fd-list__item[aria-selected=true] .fd-list__link{background:inherit}.fd-list--selection .fd-list__item.is-selected .fd-list__link.is-active,.fd-list--selection .fd-list__item.is-selected .fd-list__link:active,.fd-list--selection .fd-list__item[aria-selected=true] .fd-list__link.is-active,.fd-list--selection .fd-list__item[aria-selected=true] .fd-list__link:active{--fdList_Item_Background_Color:var(--sapList_Active_Background)}.fd-list--selection .fd-list__item.is-selected.is-hover,.fd-list--selection .fd-list__item.is-selected:hover,.fd-list--selection .fd-list__item[aria-selected=true].is-hover,.fd-list--selection .fd-list__item[aria-selected=true]:hover{--fdList_Item_Background_Color:var(--sapList_Hover_SelectionBackground)}.fd-list--selection .fd-list__form-item{left:0;position:absolute;top:0;z-index:5}.fd-list--selection .fd-list__form-item[dir=rtl],[dir=rtl] .fd-list--selection .fd-list__form-item{left:auto;right:0}.fd-list--selection[class*=-compact] .fd-list__form-item,.fd-list--selection[class*=-condensed] .fd-list__form-item,[class*=-compact] .fd-list--selection:not([class*=-cozy]) .fd-list__form-item,[class*=-condensed] .fd-list--selection:not([class*=-cozy]) .fd-list__form-item{left:.375rem}.fd-list--selection[class*=-compact] .fd-list__form-item[dir=rtl],.fd-list--selection[class*=-condensed] .fd-list__form-item[dir=rtl],[class*=-compact] .fd-list--selection:not([class*=-cozy]) .fd-list__form-item[dir=rtl],[class*=-condensed] .fd-list--selection:not([class*=-cozy]) .fd-list__form-item[dir=rtl],[dir=rtl] .fd-list--selection[class*=-compact] .fd-list__form-item,[dir=rtl] .fd-list--selection[class*=-condensed] .fd-list__form-item,[dir=rtl] [class*=-compact] .fd-list--selection:not([class*=-cozy]) .fd-list__form-item,[dir=rtl] [class*=-condensed] .fd-list--selection:not([class*=-cozy]) .fd-list__form-item{left:auto;right:.375rem}.fd-list--selection.fd-list--byline .fd-list__item{padding-left:2.75rem;padding-right:1rem}.fd-list--selection.fd-list--byline .fd-list__item[dir=rtl],[dir=rtl] .fd-list--selection.fd-list--byline .fd-list__item{padding-left:1rem;padding-right:2.75rem}.fd-list--selection.fd-list--byline .fd-list__form-item{top:.3125rem}.fd-list--selection.fd-list--byline[class*=-compact] .fd-list__item,.fd-list--selection.fd-list--byline[class*=-condensed] .fd-list__item,[class*=-compact] .fd-list--selection.fd-list--byline:not([class*=-cozy]) .fd-list__item,[class*=-condensed] .fd-list--selection.fd-list--byline:not([class*=-cozy]) .fd-list__item{padding-left:2.75rem;padding-right:1rem}.fd-list--selection.fd-list--byline[class*=-compact] .fd-list__item[dir=rtl],.fd-list--selection.fd-list--byline[class*=-condensed] .fd-list__item[dir=rtl],[class*=-compact] .fd-list--selection.fd-list--byline:not([class*=-cozy]) .fd-list__item[dir=rtl],[class*=-condensed] .fd-list--selection.fd-list--byline:not([class*=-cozy]) .fd-list__item[dir=rtl],[dir=rtl] .fd-list--selection.fd-list--byline[class*=-compact] .fd-list__item,[dir=rtl] .fd-list--selection.fd-list--byline[class*=-condensed] .fd-list__item,[dir=rtl] [class*=-compact] .fd-list--selection.fd-list--byline:not([class*=-cozy]) .fd-list__item,[dir=rtl] [class*=-condensed] .fd-list--selection.fd-list--byline:not([class*=-cozy]) .fd-list__item{padding-left:1rem;padding-right:2.75rem}.fd-list--selection.fd-list--byline[class*=-compact] .fd-list__form-item,.fd-list--selection.fd-list--byline[class*=-condensed] .fd-list__form-item,[class*=-compact] .fd-list--selection.fd-list--byline:not([class*=-cozy]) .fd-list__form-item,[class*=-condensed] .fd-list--selection.fd-list--byline:not([class*=-cozy]) .fd-list__form-item{left:.375rem;top:.5rem}.fd-list--selection.fd-list--byline[class*=-compact] .fd-list__form-item[dir=rtl],.fd-list--selection.fd-list--byline[class*=-condensed] .fd-list__form-item[dir=rtl],[class*=-compact] .fd-list--selection.fd-list--byline:not([class*=-cozy]) .fd-list__form-item[dir=rtl],[class*=-condensed] .fd-list--selection.fd-list--byline:not([class*=-cozy]) .fd-list__form-item[dir=rtl],[dir=rtl] .fd-list--selection.fd-list--byline[class*=-compact] .fd-list__form-item,[dir=rtl] .fd-list--selection.fd-list--byline[class*=-condensed] .fd-list__form-item,[dir=rtl] [class*=-compact] .fd-list--selection.fd-list--byline:not([class*=-cozy]) .fd-list__form-item,[dir=rtl] [class*=-condensed] .fd-list--selection.fd-list--byline:not([class*=-cozy]) .fd-list__form-item{left:auto;right:.375rem}.fd-list--selection.fd-list--byline.fd-list--no-border .fd-list__item{padding:.5rem 1rem .5rem 2.75rem}.fd-list--selection.fd-list--byline.fd-list--no-border .fd-list__item[dir=rtl],[dir=rtl] .fd-list--selection.fd-list--byline.fd-list--no-border .fd-list__item{padding-left:1rem;padding-right:2.75rem}.fd-list--selection.fd-list--byline.fd-list--no-border .fd-list__item:first-child{padding-top:.9375rem}.fd-list--selection.fd-list--byline.fd-list--no-border .fd-list__item:last-child{padding-bottom:.9375rem}.fd-list--selection.fd-list--byline.fd-list--no-border .fd-list__item:not(:first-child) .fd-list__form-item,.fd-list--selection.fd-list--byline.fd-list--no-border .fd-list__item:not(:first-child) .fd-list__form-item.fd-form-item{top:0}.fd-list--selection.fd-list--byline.fd-list--no-border .fd-list__item:not(:first-child) .fd-list__form-item label,.fd-list--selection.fd-list--byline.fd-list--no-border .fd-list__item:not(:first-child) .fd-list__form-item.fd-form-item label{padding-top:.5rem}.fd-list--selection.fd-list--byline.fd-list--no-border .fd-list__item:not(:first-child) .fd-list__form-item label:after,.fd-list--selection.fd-list--byline.fd-list--no-border .fd-list__item:not(:first-child) .fd-list__form-item.fd-form-item label:after{top:.375rem}.fd-list--selection.fd-list--selection-row .fd-list__item{padding-left:1rem}.fd-list--selection.fd-list--selection-row .fd-list__item[dir=rtl],[dir=rtl] .fd-list--selection.fd-list--selection-row .fd-list__item{padding-right:1rem}:root{--fdList_Item_Background_Color:var(--sapList_Background);--fdList_Item_Text_Color:var(--sapList_TextColor);--fdList_Item_Border_Color:var(--sapList_BorderColor);--fdList_Item_Text_Font_Size:var(--sapFontLargeSize);--fdList_Item_Icon_Font_Size:1.125rem;--fdList_Item_Height:var(--sapElement_LineHeight);--fdList_Status_Text_Color:var(--sapNeutralTextColor);--fdList_Message_Background_Color:var(--sapNeutralBackground)}.fd-list__item-counter{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_MarkerTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0 0 0 1rem;overflow:hidden;padding:0;text-overflow:ellipsis;white-space:nowrap}.fd-list__item-counter:after,.fd-list__item-counter:before{box-sizing:inherit;font-size:inherit}.fd-list__item-counter[dir=rtl],[dir=rtl] .fd-list__item-counter{margin-left:0;margin-right:1rem}.fd-icon-tab-bar .fd-icon-tab-bar__item--hidden{display:none}.fd-icon-tab-bar__list{max-height:20rem}.fd-icon-tab-bar__list-item-counter{padding-left:.313rem}[dir=rtl] .fd-icon-tab-bar .fd-icon-tab-bar__list-item-counter,.fd-icon-tab-bar[dir=rtl] .fd-icon-tab-bar__list-item-counter{padding-left:0;padding-right:.25rem}.cdk-drag-placeholder{opacity:.3;pointer-events:none}.screenreader-only{position:absolute!important;height:1px;width:1px;overflow:hidden;opacity:0;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px)}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: IconTabBarProcessTypeComponent, selector: "fdp-icon-tab-bar-process-type" }, { kind: "component", type: IconTabBarFilterTypeComponent, selector: "fdp-icon-tab-bar-filter-type", inputs: ["showTotalTab"] }, { kind: "component", type: IconTabBarIconTypeComponent, selector: "fdp-icon-tab-bar-icon-type", inputs: ["showLabel"] }, { kind: "component", type: IconTabBarTextTypeComponent, selector: "fdp-icon-tab-bar-text-type", inputs: ["enableTabReordering", "layoutMode"], outputs: ["reordered"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    _generateTabConfig(tab) {
+        const tabConfig = {
+            label: tab.label,
+            color: tab.color,
+            active: tab.active,
+            counter: tab.counter,
+            renderer: tab.renderer,
+            id: tab.id,
+            subItems: tab.children.map((c) => this._generateTabConfig(c))
+        };
+        return tabConfig;
+    }
+    /** @hidden */
+    _scrollToPanel(tabPanel) {
+        if (!tabPanel) {
+            return;
+        }
+        const panelElement = tabPanel.elementRef.nativeElement;
+        const containerElement = this._scrollbar.elementRef.nativeElement;
+        const distanceToScroll = panelElement.offsetTop - containerElement.offsetTop;
+        const maximumScrollTop = containerElement.scrollHeight - containerElement.clientHeight;
+        const currentScrollPosition = Math.ceil(containerElement.scrollTop);
+        if (!(currentScrollPosition === maximumScrollTop && distanceToScroll > maximumScrollTop)) {
+            this._disableScrollSpy = true;
+            fromEvent(containerElement, 'scroll')
+                .pipe(debounceTime(100), first(), takeUntilDestroyed(this._destroyRef))
+                .subscribe(() => (this._disableScrollSpy = false));
+            scrollTop(containerElement, distanceToScroll);
+        }
+    }
+    /**
+     * @hidden
+     * @description generate IconTabItems from TabConfig array
+     */
+    _generateTabBarItems(config, indexPrefix = '', flatIndexRef, parentUId) {
+        flatIndexRef = flatIndexRef || { value: 0 };
+        return config.map((item, index) => {
+            const uId = `${indexPrefix}${index}`;
+            const result = {
+                ...item,
+                index,
+                cssClasses: [],
+                uId,
+                hidden: false,
+                parentUId,
+                flatIndex: flatIndexRef.value++,
+                subItems: this._generateTabBarItems(item.subItems || [], `${uId}${UNIQUE_KEY_SEPARATOR}`, flatIndexRef, uId)
+            };
+            if (item.color) {
+                result.cssClasses = [`fd-icon-tab-bar__item--${item.color}`];
+            }
+            return result;
+        });
+    }
+    _generateFlatTabs(tabs) {
+        const flatTabs = tabs.reduce((acc, tab) => {
+            acc.push(tab);
+            if (tab.subItems) {
+                acc.push(...this._generateFlatTabs(tab.subItems));
+            }
+            return acc;
+        }, []);
+        return flatTabs;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: IconTabBarComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1$1.ContentDensityService, optional: true }, { token: i1$1.RtlService, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.0.8", type: IconTabBarComponent, isStandalone: true, selector: "fdp-icon-tab-bar", inputs: { iconTabType: "iconTabType", tabsConfig: "tabsConfig", densityMode: "densityMode", iconTabFont: "iconTabFont", enableTabReordering: "enableTabReordering", showTotalTab: "showTotalTab", layoutMode: "layoutMode", iconTabBackground: "iconTabBackground", iconTabSize: "iconTabSize", colorAssociations: "colorAssociations", stackContent: ["stackContent", "stackContent", booleanAttribute], maxContentHeight: "maxContentHeight" }, outputs: { iconTabSelected: "iconTabSelected", iconTabReordered: "iconTabReordered", closeTab: "closeTab" }, host: { properties: { "class.fd-tabs-custom": "this._customTabs" } }, providers: [
+            {
+                provide: FD_TABLIST,
+                useExisting: IconTabBarComponent
+            }
+        ], queries: [{ propertyName: "children", predicate: IconTabBarTabComponent }, { propertyName: "allChildren", predicate: IconTabBarTabComponent, descendants: true }], viewQueries: [{ propertyName: "_scrollbar", first: true, predicate: ScrollbarDirective, descendants: true }, { propertyName: "_iconTabBarCmp", first: true, predicate: IconTabBarBase, descendants: true }, { propertyName: "tabDirectives", predicate: IconTabBarTabContentDirective, descendants: true }], ngImport: i0, template: "<div class=\"fd-icon-tab-bar\" [class]=\"_cssClassForContainer\">\n    @if (iconTabType === 'text') {\n        <ng-template [ngTemplateOutlet]=\"textType\"></ng-template>\n    }\n    @if (iconTabType === 'icon' || iconTabType === 'icon-only') {\n        <ng-template [ngTemplateOutlet]=\"iconType\"></ng-template>\n    }\n    @if (iconTabType === 'filter') {\n        <ng-template [ngTemplateOutlet]=\"filterType\"></ng-template>\n    }\n    @if (iconTabType === 'process') {\n        <ng-template [ngTemplateOutlet]=\"processType\"></ng-template>\n    }\n    <div\n        class=\"fd-icon-tab-bar__content\"\n        fd-scrollbar\n        (spyChange)=\"highlightActiveTab($event.id)\"\n        [scrollSpyDisabled]=\"!stackContent || _disableScrollSpy\"\n        fdScrollSpy\n        [trackedTags]=\"['fdp-icon-tab-bar-tab-content']\"\n        [style.max-height]=\"maxContentHeight\"\n    >\n        @if (stackContent) {\n            @for (tab of _flatTabs$(); track tab) {\n                <fdp-icon-tab-bar-tab-content [id]=\"tab.id\" [uId]=\"tab.uId\" class=\"fd-icon-tab-bar__tab-content\">\n                    <ng-template [ngTemplateOutlet]=\"tab.renderer || null\"></ng-template>\n                </fdp-icon-tab-bar-tab-content>\n            }\n        } @else {\n            @if (_tabRenderer$(); as tabRenderer) {\n                <fdp-icon-tab-bar-tab-content\n                    [id]=\"tabRenderer.id\"\n                    [uId]=\"tabRenderer.uId\"\n                    class=\"fd-icon-tab-bar__tab-content\"\n                >\n                    <ng-template [ngTemplateOutlet]=\"tabRenderer.renderer || null\"></ng-template>\n                </fdp-icon-tab-bar-tab-content>\n            }\n        }\n        <ng-content select=\"[fdpIconTabBarFreeContent]\"></ng-content>\n    </div>\n</div>\n<ng-template #processType>\n    <fdp-icon-tab-bar-process-type\n        [tabs]=\"_tabs$()\"\n        [isRtl]=\"_rtl$()\"\n        [selectedUid]=\"_selectedUid()\"\n        (selectedUidChange)=\"_selectedUid.set($event)\"\n        [densityMode]=\"densityMode\"\n        [colorAssociations]=\"colorAssociations\"\n        (selected)=\"_selectItem($event)\"\n    ></fdp-icon-tab-bar-process-type>\n</ng-template>\n<ng-template #filterType>\n    <fdp-icon-tab-bar-filter-type\n        [tabs]=\"_tabs$()\"\n        [showTotalTab]=\"showTotalTab\"\n        [isRtl]=\"_rtl$()\"\n        [selectedUid]=\"_selectedUid()\"\n        (selectedUidChange)=\"_selectedUid.set($event)\"\n        [densityMode]=\"densityMode\"\n        [colorAssociations]=\"colorAssociations\"\n        (selected)=\"_selectItem($event)\"\n    ></fdp-icon-tab-bar-filter-type>\n</ng-template>\n<ng-template #iconType>\n    <fdp-icon-tab-bar-icon-type\n        [showLabel]=\"iconTabType === 'icon'\"\n        [tabs]=\"_tabs$()\"\n        [isRtl]=\"_rtl$()\"\n        [selectedUid]=\"_selectedUid()\"\n        (selectedUidChange)=\"_selectedUid.set($event)\"\n        [densityMode]=\"densityMode\"\n        [colorAssociations]=\"colorAssociations\"\n        (selected)=\"_selectItem($event)\"\n        (closeTab)=\"_closeTab($event)\"\n    ></fdp-icon-tab-bar-icon-type>\n</ng-template>\n<ng-template #textType>\n    <fdp-icon-tab-bar-text-type\n        [tabs]=\"_tabs$()\"\n        [layoutMode]=\"layoutMode\"\n        [isRtl]=\"_rtl$()\"\n        [selectedUid]=\"_selectedUid()\"\n        (selectedUidChange)=\"_selectedUid.set($event)\"\n        [densityMode]=\"densityMode\"\n        [enableTabReordering]=\"enableTabReordering\"\n        [colorAssociations]=\"colorAssociations\"\n        (reordered)=\"_onReorder($event)\"\n        (selected)=\"_selectItem($event)\"\n        (closeTab)=\"_closeTab($event)\"\n    ></fdp-icon-tab-bar-text-type>\n</ng-template>\n", styles: ["@charset \"UTF-8\";.fd-icon-tab-bar__counter,.fd-icon-tab-bar__tag{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_LabelColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;line-height:1rem;margin:0;padding:0;white-space:nowrap}.fd-icon-tab-bar__counter:after,.fd-icon-tab-bar__counter:before,.fd-icon-tab-bar__tag:after,.fd-icon-tab-bar__tag:before{box-sizing:inherit;font-size:inherit}.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--critical .fd-icon-tab-bar__label:before,.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--critical .fd-icon-tab-bar__label[dir=rtl]:after,.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--informative .fd-icon-tab-bar__label:before,.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--informative .fd-icon-tab-bar__label[dir=rtl]:after,.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--negative .fd-icon-tab-bar__label:before,.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--negative .fd-icon-tab-bar__label[dir=rtl]:after,.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--positive .fd-icon-tab-bar__label:before,.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--positive .fd-icon-tab-bar__label[dir=rtl]:after,.fd-icon-tab-bar__item--critical .fd-icon-tab-bar__icon:before,.fd-icon-tab-bar__item--critical .fd-icon-tab-bar__icon[dir=rtl]:after,.fd-icon-tab-bar__item--critical .fd-icon-tab-bar__tag:before,.fd-icon-tab-bar__item--critical .fd-icon-tab-bar__tag[dir=rtl]:after,.fd-icon-tab-bar__item--informative .fd-icon-tab-bar__icon:before,.fd-icon-tab-bar__item--informative .fd-icon-tab-bar__icon[dir=rtl]:after,.fd-icon-tab-bar__item--informative .fd-icon-tab-bar__tag:before,.fd-icon-tab-bar__item--informative .fd-icon-tab-bar__tag[dir=rtl]:after,.fd-icon-tab-bar__item--negative .fd-icon-tab-bar__icon:before,.fd-icon-tab-bar__item--negative .fd-icon-tab-bar__icon[dir=rtl]:after,.fd-icon-tab-bar__item--negative .fd-icon-tab-bar__tag:before,.fd-icon-tab-bar__item--negative .fd-icon-tab-bar__tag[dir=rtl]:after,.fd-icon-tab-bar__item--positive .fd-icon-tab-bar__icon:before,.fd-icon-tab-bar__item--positive .fd-icon-tab-bar__icon[dir=rtl]:after,.fd-icon-tab-bar__item--positive .fd-icon-tab-bar__tag:before,.fd-icon-tab-bar__item--positive .fd-icon-tab-bar__tag[dir=rtl]:after,[dir=rtl] .fd-icon-tab-bar--icon .fd-icon-tab-bar__item--critical .fd-icon-tab-bar__label:after,[dir=rtl] .fd-icon-tab-bar--icon .fd-icon-tab-bar__item--informative .fd-icon-tab-bar__label:after,[dir=rtl] .fd-icon-tab-bar--icon .fd-icon-tab-bar__item--negative .fd-icon-tab-bar__label:after,[dir=rtl] .fd-icon-tab-bar--icon .fd-icon-tab-bar__item--positive .fd-icon-tab-bar__label:after,[dir=rtl] .fd-icon-tab-bar__item--critical .fd-icon-tab-bar__icon:after,[dir=rtl] .fd-icon-tab-bar__item--critical .fd-icon-tab-bar__tag:after,[dir=rtl] .fd-icon-tab-bar__item--informative .fd-icon-tab-bar__icon:after,[dir=rtl] .fd-icon-tab-bar__item--informative .fd-icon-tab-bar__tag:after,[dir=rtl] .fd-icon-tab-bar__item--negative .fd-icon-tab-bar__icon:after,[dir=rtl] .fd-icon-tab-bar__item--negative .fd-icon-tab-bar__tag:after,[dir=rtl] .fd-icon-tab-bar__item--positive .fd-icon-tab-bar__icon:after,[dir=rtl] .fd-icon-tab-bar__item--positive .fd-icon-tab-bar__tag:after{speak:none;-webkit-font-smoothing:antialiased;color:var(--fdIconTabBar_Tag_Icon_Color);display:var(--fdIcon_Tab_Bar_Semantic_Icon_Display);font-family:SAP-icons;font-size:.75rem}.fd-icon-tab-bar__item--critical .fd-icon-tab-bar__icon:before,.fd-icon-tab-bar__item--critical .fd-icon-tab-bar__icon[dir=rtl]:after,.fd-icon-tab-bar__item--informative .fd-icon-tab-bar__icon:before,.fd-icon-tab-bar__item--informative .fd-icon-tab-bar__icon[dir=rtl]:after,.fd-icon-tab-bar__item--negative .fd-icon-tab-bar__icon:before,.fd-icon-tab-bar__item--negative .fd-icon-tab-bar__icon[dir=rtl]:after,.fd-icon-tab-bar__item--positive .fd-icon-tab-bar__icon:before,.fd-icon-tab-bar__item--positive .fd-icon-tab-bar__icon[dir=rtl]:after,[dir=rtl] .fd-icon-tab-bar__item--critical .fd-icon-tab-bar__icon:after,[dir=rtl] .fd-icon-tab-bar__item--informative .fd-icon-tab-bar__icon:after,[dir=rtl] .fd-icon-tab-bar__item--negative .fd-icon-tab-bar__icon:after,[dir=rtl] .fd-icon-tab-bar__item--positive .fd-icon-tab-bar__icon:after{bottom:0;margin:0;position:absolute;width:.75rem}.fd-icon-tab-bar__item--critical .fd-icon-tab-bar__icon[dir=rtl]:before,.fd-icon-tab-bar__item--critical .fd-icon-tab-bar__tag[dir=rtl]:before,.fd-icon-tab-bar__item--informative .fd-icon-tab-bar__icon[dir=rtl]:before,.fd-icon-tab-bar__item--informative .fd-icon-tab-bar__tag[dir=rtl]:before,.fd-icon-tab-bar__item--negative .fd-icon-tab-bar__icon[dir=rtl]:before,.fd-icon-tab-bar__item--negative .fd-icon-tab-bar__tag[dir=rtl]:before,.fd-icon-tab-bar__item--positive .fd-icon-tab-bar__icon[dir=rtl]:before,.fd-icon-tab-bar__item--positive .fd-icon-tab-bar__tag[dir=rtl]:before,[dir=rtl] .fd-icon-tab-bar__item--critical .fd-icon-tab-bar__icon:before,[dir=rtl] .fd-icon-tab-bar__item--critical .fd-icon-tab-bar__tag:before,[dir=rtl] .fd-icon-tab-bar__item--informative .fd-icon-tab-bar__icon:before,[dir=rtl] .fd-icon-tab-bar__item--informative .fd-icon-tab-bar__tag:before,[dir=rtl] .fd-icon-tab-bar__item--negative .fd-icon-tab-bar__icon:before,[dir=rtl] .fd-icon-tab-bar__item--negative .fd-icon-tab-bar__tag:before,[dir=rtl] .fd-icon-tab-bar__item--positive .fd-icon-tab-bar__icon:before,[dir=rtl] .fd-icon-tab-bar__item--positive .fd-icon-tab-bar__tag:before{content:none;margin:0}.fd-icon-tab-bar{--fdIconTabBar_Icon_Size:2.75rem;--fdIconTabBar_Icon_Font_Size:1.25rem;--fdIcon_Tab_Bar_Container_Badge_Size:.5rem;-webkit-box-sizing:border-box;border:0;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:0;padding:0}.fd-icon-tab-bar:after,.fd-icon-tab-bar:before{box-sizing:inherit;font-size:inherit}.fd-icon-tab-bar__header{-webkit-box-sizing:border-box;-webkit-box-align:center;-ms-flex-align:center;-webkit-box-shadow:var(--sapContent_HeaderShadow);align-items:center;background:var(--sapObjectHeader_Background);border:0;box-shadow:var(--sapContent_HeaderShadow);box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;list-style:none;margin:0;min-height:2.75rem;padding:0;position:relative}.fd-icon-tab-bar__header:after,.fd-icon-tab-bar__header:before{box-sizing:inherit;font-size:inherit}.fd-icon-tab-bar__header:has(.fd-icon-tab-bar__item--overflow){overflow:visible}.fd-icon-tab-bar__panel{background:var(--sapBackgroundColor)}.fd-icon-tab-bar__item{-webkit-box-sizing:border-box;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin:0 2rem 0 0;padding:0}.fd-icon-tab-bar__item:after,.fd-icon-tab-bar__item:before{box-sizing:inherit;font-size:inherit}.fd-icon-tab-bar__item[dir=rtl],[dir=rtl] .fd-icon-tab-bar__item{margin-left:2rem;margin-right:0}.fd-icon-tab-bar__item--negative{--fdIconTabBar_Badge_Background:var(--fdIcon_Tab_Bar_Semantic_Badge_Color_Negative);--fdIconTabBar_Badge_Background_After:var(--fdIcon_Tab_Bar_Semantic_Badge_Color_Negative);--fdIconTabBar_Tag_Color:var(--fdIcon_Tab_Bar_Semantic_Color_Negative);--fdIconTabBar_Tag_Icon_Color:var(--sapNegativeElementColor);--fdIconTabBar_Tag_Icon_Content:\\e1ec;--fdIconTabBar_Icon_Color:var(--fdIcon_Tab_Bar_Semantic_Color_Negative);--fdIconTabBar_Icon_Border_Color:var(--fdIcon_Tab_Bar_Semantic_Color_Negative)}.fd-icon-tab-bar__item--negative .fd-icon-tab-bar__tag:before{content:\"\\e1ec\";margin-right:.5rem}.fd-icon-tab-bar__item--negative .fd-icon-tab-bar__tag[dir=rtl]:after,[dir=rtl] .fd-icon-tab-bar__item--negative .fd-icon-tab-bar__tag:after{content:\"\\e1ec\";margin-left:.5rem}.fd-icon-tab-bar__item--negative .fd-icon-tab-bar__tab.is-hover,.fd-icon-tab-bar__item--negative .fd-icon-tab-bar__tab:hover{--fdIconTabBar_Tag_Color:var(--fdIcon_Tab_Bar_Semantic_Color_Negative)}.fd-icon-tab-bar__item--negative .fd-icon-tab-bar__tab.is-selected,.fd-icon-tab-bar__item--negative .fd-icon-tab-bar__tab[aria-selected=true]{--fdIconTabBar_Selection_Bar_Color:var(--fdIcon_Tab_Bar_Semantic_Color_Negative);--fdIconTabBar_Tag_Color:var(--fdIcon_Tab_Bar_Semantic_Color_Negative);--fdIconTabBar_Icon_Background:var(--fdIcon_Tab_Bar_Semantic_Background_Color_Negative)}.fd-icon-tab-bar__item--negative .fd-icon-tab-bar__tab.is-selected.is-hover,.fd-icon-tab-bar__item--negative .fd-icon-tab-bar__tab.is-selected:hover,.fd-icon-tab-bar__item--negative .fd-icon-tab-bar__tab[aria-selected=true].is-hover,.fd-icon-tab-bar__item--negative .fd-icon-tab-bar__tab[aria-selected=true]:hover{--fdIconTabBar_Tag_Color:var(--fdIcon_Tab_Bar_Semantic_Color_Negative)}.fd-icon-tab-bar__item--negative .fd-icon-tab-bar__icon{position:relative}.fd-icon-tab-bar__item--negative .fd-icon-tab-bar__icon:before{content:\"\\e1ec\";right:-.9rem}.fd-icon-tab-bar__item--negative .fd-icon-tab-bar__icon[dir=rtl]:after,[dir=rtl] .fd-icon-tab-bar__item--negative .fd-icon-tab-bar__icon:after{content:\"\\e1ec\";left:-.9rem;right:auto}.fd-icon-tab-bar__item--positive{--fdIconTabBar_Badge_Background:var(--fdIcon_Tab_Bar_Semantic_Badge_Color_Positive);--fdIconTabBar_Badge_Background_After:var(--fdIcon_Tab_Bar_Semantic_Badge_Color_Positive);--fdIconTabBar_Tag_Color:var(--fdIcon_Tab_Bar_Semantic_Color_Positive);--fdIconTabBar_Tag_Icon_Color:var(--sapPositiveElementColor);--fdIconTabBar_Tag_Icon_Content:\\e1c1;--fdIconTabBar_Icon_Color:var(--fdIcon_Tab_Bar_Semantic_Color_Positive);--fdIconTabBar_Icon_Border_Color:var(--fdIcon_Tab_Bar_Semantic_Color_Positive)}.fd-icon-tab-bar__item--positive .fd-icon-tab-bar__tag:before{content:\"\\e1c1\";margin-right:.5rem}.fd-icon-tab-bar__item--positive .fd-icon-tab-bar__tag[dir=rtl]:after,[dir=rtl] .fd-icon-tab-bar__item--positive .fd-icon-tab-bar__tag:after{content:\"\\e1c1\";margin-left:.5rem}.fd-icon-tab-bar__item--positive .fd-icon-tab-bar__tab.is-hover,.fd-icon-tab-bar__item--positive .fd-icon-tab-bar__tab:hover{--fdIconTabBar_Tag_Color:var(--fdIcon_Tab_Bar_Semantic_Color_Positive)}.fd-icon-tab-bar__item--positive .fd-icon-tab-bar__tab.is-selected,.fd-icon-tab-bar__item--positive .fd-icon-tab-bar__tab[aria-selected=true]{--fdIconTabBar_Selection_Bar_Color:var(--fdIcon_Tab_Bar_Semantic_Color_Positive);--fdIconTabBar_Tag_Color:var(--fdIcon_Tab_Bar_Semantic_Color_Positive);--fdIconTabBar_Icon_Background:var(--fdIcon_Tab_Bar_Semantic_Background_Color_Positive)}.fd-icon-tab-bar__item--positive .fd-icon-tab-bar__tab.is-selected.is-hover,.fd-icon-tab-bar__item--positive .fd-icon-tab-bar__tab.is-selected:hover,.fd-icon-tab-bar__item--positive .fd-icon-tab-bar__tab[aria-selected=true].is-hover,.fd-icon-tab-bar__item--positive .fd-icon-tab-bar__tab[aria-selected=true]:hover{--fdIconTabBar_Tag_Color:var(--fdIcon_Tab_Bar_Semantic_Color_Positive)}.fd-icon-tab-bar__item--positive .fd-icon-tab-bar__icon{position:relative}.fd-icon-tab-bar__item--positive .fd-icon-tab-bar__icon:before{content:\"\\e1c1\";right:-.9rem}.fd-icon-tab-bar__item--positive .fd-icon-tab-bar__icon[dir=rtl]:after,[dir=rtl] .fd-icon-tab-bar__item--positive .fd-icon-tab-bar__icon:after{content:\"\\e1c1\";left:-.9rem;right:auto}.fd-icon-tab-bar__item--critical{--fdIconTabBar_Badge_Background:var(--fdIcon_Tab_Bar_Semantic_Badge_Color_Critical);--fdIconTabBar_Badge_Background_After:var(--fdIcon_Tab_Bar_Semantic_Badge_Color_Critical);--fdIconTabBar_Tag_Color:var(--fdIcon_Tab_Bar_Semantic_Color_Critical);--fdIconTabBar_Tag_Icon_Color:var(--sapCriticalElementColor);--fdIconTabBar_Tag_Icon_Content:\\e053;--fdIconTabBar_Icon_Color:var(--fdIcon_Tab_Bar_Semantic_Color_Critical);--fdIconTabBar_Icon_Border_Color:var(--fdIcon_Tab_Bar_Semantic_Color_Critical)}.fd-icon-tab-bar__item--critical .fd-icon-tab-bar__tag:before{content:\"\\e053\";margin-right:.5rem}.fd-icon-tab-bar__item--critical .fd-icon-tab-bar__tag[dir=rtl]:after,[dir=rtl] .fd-icon-tab-bar__item--critical .fd-icon-tab-bar__tag:after{content:\"\\e053\";margin-left:.5rem}.fd-icon-tab-bar__item--critical .fd-icon-tab-bar__tab.is-hover,.fd-icon-tab-bar__item--critical .fd-icon-tab-bar__tab:hover{--fdIconTabBar_Tag_Color:var(--fdIcon_Tab_Bar_Semantic_Color_Critical)}.fd-icon-tab-bar__item--critical .fd-icon-tab-bar__tab.is-selected,.fd-icon-tab-bar__item--critical .fd-icon-tab-bar__tab[aria-selected=true]{--fdIconTabBar_Selection_Bar_Color:var(--fdIcon_Tab_Bar_Semantic_Color_Critical);--fdIconTabBar_Tag_Color:var(--fdIcon_Tab_Bar_Semantic_Color_Critical);--fdIconTabBar_Icon_Background:var(--fdIcon_Tab_Bar_Semantic_Background_Color_Critical)}.fd-icon-tab-bar__item--critical .fd-icon-tab-bar__tab.is-selected.is-hover,.fd-icon-tab-bar__item--critical .fd-icon-tab-bar__tab.is-selected:hover,.fd-icon-tab-bar__item--critical .fd-icon-tab-bar__tab[aria-selected=true].is-hover,.fd-icon-tab-bar__item--critical .fd-icon-tab-bar__tab[aria-selected=true]:hover{--fdIconTabBar_Tag_Color:var(--fdIcon_Tab_Bar_Semantic_Color_Critical)}.fd-icon-tab-bar__item--critical .fd-icon-tab-bar__icon{position:relative}.fd-icon-tab-bar__item--critical .fd-icon-tab-bar__icon:before{content:\"\\e053\";right:-.9rem}.fd-icon-tab-bar__item--critical .fd-icon-tab-bar__icon[dir=rtl]:after,[dir=rtl] .fd-icon-tab-bar__item--critical .fd-icon-tab-bar__icon:after{content:\"\\e053\";left:-.9rem;right:auto}.fd-icon-tab-bar__item--informative{--fdIconTabBar_Badge_Background:var(--fdIcon_Tab_Bar_Semantic_Badge_Color_Informative);--fdIconTabBar_Badge_Background_After:var(--fdIcon_Tab_Bar_Semantic_Badge_Color_Informative);--fdIconTabBar_Tag_Color:var(--fdIcon_Tab_Bar_Semantic_Color_Informative);--fdIconTabBar_Tag_Icon_Color:var(--sapInformativeElementColor);--fdIconTabBar_Tag_Icon_Content:\\e289;--fdIconTabBar_Icon_Color:var(--fdIcon_Tab_Bar_Semantic_Color_Informative);--fdIconTabBar_Icon_Border_Color:var(--fdIcon_Tab_Bar_Semantic_Color_Informative)}.fd-icon-tab-bar__item--informative .fd-icon-tab-bar__tag:before{content:\"\\e289\";margin-right:.5rem}.fd-icon-tab-bar__item--informative .fd-icon-tab-bar__tag[dir=rtl]:after,[dir=rtl] .fd-icon-tab-bar__item--informative .fd-icon-tab-bar__tag:after{content:\"\\e289\";margin-left:.5rem}.fd-icon-tab-bar__item--informative .fd-icon-tab-bar__tab.is-hover,.fd-icon-tab-bar__item--informative .fd-icon-tab-bar__tab:hover{--fdIconTabBar_Tag_Color:var(--fdIcon_Tab_Bar_Semantic_Color_Informative)}.fd-icon-tab-bar__item--informative .fd-icon-tab-bar__tab.is-selected,.fd-icon-tab-bar__item--informative .fd-icon-tab-bar__tab[aria-selected=true]{--fdIconTabBar_Selection_Bar_Color:var(--fdIcon_Tab_Bar_Semantic_Color_Informative);--fdIconTabBar_Tag_Color:var(--fdIcon_Tab_Bar_Semantic_Color_Informative);--fdIconTabBar_Icon_Background:var(--fdIcon_Tab_Bar_Semantic_Background_Color_Informative)}.fd-icon-tab-bar__item--informative .fd-icon-tab-bar__tab.is-selected.is-hover,.fd-icon-tab-bar__item--informative .fd-icon-tab-bar__tab.is-selected:hover,.fd-icon-tab-bar__item--informative .fd-icon-tab-bar__tab[aria-selected=true].is-hover,.fd-icon-tab-bar__item--informative .fd-icon-tab-bar__tab[aria-selected=true]:hover{--fdIconTabBar_Tag_Color:var(--fdIcon_Tab_Bar_Semantic_Color_Informative)}.fd-icon-tab-bar__item--informative .fd-icon-tab-bar__icon{position:relative}.fd-icon-tab-bar__item--informative .fd-icon-tab-bar__icon:before{content:\"\\e289\";right:-.9rem}.fd-icon-tab-bar__item--informative .fd-icon-tab-bar__icon[dir=rtl]:after,[dir=rtl] .fd-icon-tab-bar__item--informative .fd-icon-tab-bar__icon:after{content:\"\\e289\";left:-.9rem;right:auto}.fd-icon-tab-bar__item--single-click .fd-icon-tab-bar__tab{align-items:center;flex-direction:row}.fd-icon-tab-bar__item--single-click .fd-icon-tab-bar__tab.is-focus,.fd-icon-tab-bar__item--single-click .fd-icon-tab-bar__tab:focus{z-index:5}.fd-icon-tab-bar__item--single-click .fd-icon-tab-bar__tab.is-focus .fd-icon-tab-bar__tab-container,.fd-icon-tab-bar__item--single-click .fd-icon-tab-bar__tab:focus .fd-icon-tab-bar__tab-container{position:relative}.fd-icon-tab-bar__item--single-click .fd-icon-tab-bar__tab.is-focus .fd-icon-tab-bar__tab-container .fd-icon-tab-bar__tag,.fd-icon-tab-bar__item--single-click .fd-icon-tab-bar__tab:focus .fd-icon-tab-bar__tab-container .fd-icon-tab-bar__tag{outline:none}.fd-icon-tab-bar__item--single-click .fd-icon-tab-bar__tab.is-focus .fd-icon-tab-bar__tab-container .fd-icon-tab-bar__tag:after,.fd-icon-tab-bar__item--single-click .fd-icon-tab-bar__tab:focus .fd-icon-tab-bar__tab-container .fd-icon-tab-bar__tag:after{border:none}.fd-icon-tab-bar__item--single-click .fd-icon-tab-bar__tab.is-focus .fd-icon-tab-bar__tab-container:after,.fd-icon-tab-bar__item--single-click .fd-icon-tab-bar__tab:focus .fd-icon-tab-bar__tab-container:after{border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);border-radius:var(--fdIcon_Tab_Bar_Text_Focus_Radius);bottom:0;bottom:var(--fdIcon_Tab_Bar_Focus_Offset);content:\"\";display:block;left:0;left:var(--fdIcon_Tab_Bar_Focus_Offset);position:absolute;right:0;right:var(--fdIcon_Tab_Bar_Focus_Offset);top:0;top:var(--fdIcon_Tab_Bar_Focus_Offset)}.fd-icon-tab-bar__item--single-click .fd-icon-tab-bar__tab.is-focus .fd-icon-tab-bar__badge,.fd-icon-tab-bar__item--single-click .fd-icon-tab-bar__tab:focus .fd-icon-tab-bar__badge{right:-.4375rem;top:-.125rem}.fd-icon-tab-bar__item--single-click .fd-icon-tab-bar__tab.is-focus .fd-icon-tab-bar__badge[dir=rtl],.fd-icon-tab-bar__item--single-click .fd-icon-tab-bar__tab:focus .fd-icon-tab-bar__badge[dir=rtl],[dir=rtl] .fd-icon-tab-bar__item--single-click .fd-icon-tab-bar__tab.is-focus .fd-icon-tab-bar__badge,[dir=rtl] .fd-icon-tab-bar__item--single-click .fd-icon-tab-bar__tab:focus .fd-icon-tab-bar__badge{left:-.4375rem;right:auto}.fd-icon-tab-bar__item.fd-icon-tab-bar__item--multi-click{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:flex;justify-content:center;position:relative}.fd-icon-tab-bar__item.fd-icon-tab-bar__item--multi-click .fd-icon-tab-bar__tab{padding-left:.188rem;padding-right:1.938rem}.fd-icon-tab-bar__item.fd-icon-tab-bar__item--multi-click .fd-icon-tab-bar__tab[dir=rtl],[dir=rtl] .fd-icon-tab-bar__item.fd-icon-tab-bar__item--multi-click .fd-icon-tab-bar__tab{padding-left:1.938rem;padding-right:.188rem}.fd-icon-tab-bar__item.fd-icon-tab-bar__item--multi-click .fd-icon-tab-bar__tab .fd-icon-tab-bar__badge{right:1.625rem}.fd-icon-tab-bar__item.fd-icon-tab-bar__item--multi-click .fd-icon-tab-bar__tab .fd-icon-tab-bar__badge[dir=rtl],[dir=rtl] .fd-icon-tab-bar__item.fd-icon-tab-bar__item--multi-click .fd-icon-tab-bar__tab .fd-icon-tab-bar__badge{left:1.625rem;right:auto}.fd-icon-tab-bar__item.fd-icon-tab-bar__item--multi-click .fd-icon-tab-bar__tab.is-selected+.fd-icon-tab-bar__popover .fd-icon-tab-bar__button-container:before,.fd-icon-tab-bar__item.fd-icon-tab-bar__item--multi-click .fd-icon-tab-bar__tab[aria-selected=true]+.fd-icon-tab-bar__popover .fd-icon-tab-bar__button-container:before{--fdIconTabBar_Multi_Click_Separator_Background:var(--sapContent_Selected_ForegroundColor)}.fd-icon-tab-bar__item.fd-icon-tab-bar__item--multi-click.fd-icon-tab-bar__item--closable .fd-icon-tab-bar__tab{padding-left:.188rem;padding-right:3.938rem}.fd-icon-tab-bar__item.fd-icon-tab-bar__item--multi-click.fd-icon-tab-bar__item--closable .fd-icon-tab-bar__tab[dir=rtl],[dir=rtl] .fd-icon-tab-bar__item.fd-icon-tab-bar__item--multi-click.fd-icon-tab-bar__item--closable .fd-icon-tab-bar__tab{padding-left:3.938rem;padding-right:.188rem}.fd-icon-tab-bar__item.fd-icon-tab-bar__item--multi-click.fd-icon-tab-bar__item--closable .fd-icon-tab-bar__popover{height:100%;max-width:1.5rem;min-width:1.5rem;right:2.188rem;width:1.5rem}.fd-icon-tab-bar__item.fd-icon-tab-bar__item--multi-click.fd-icon-tab-bar__item--closable .fd-icon-tab-bar__popover[dir=rtl],[dir=rtl] .fd-icon-tab-bar__item.fd-icon-tab-bar__item--multi-click.fd-icon-tab-bar__item--closable .fd-icon-tab-bar__popover{left:2.188rem;right:auto}.fd-icon-tab-bar__item.fd-icon-tab-bar__item--multi-click.fd-icon-tab-bar__item--closable .fd-icon-tab-bar__popover .fd-icon-tab-bar__button-container{max-width:1.5rem;min-width:1.5rem;width:1.5rem}.fd-icon-tab-bar__item.fd-icon-tab-bar__item--multi-click.fd-icon-tab-bar__item--closable .fd-icon-tab-bar__popover .fd-icon-tab-bar__button-container:before{display:var(--fdIcon_Tab_Bar_Multi_Click_Button_Separator_Display)}.fd-icon-tab-bar__item.fd-icon-tab-bar__item--closable{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:flex;justify-content:center;position:relative}.fd-icon-tab-bar__item.fd-icon-tab-bar__item--closable .fd-icon-tab-bar__tab{padding-left:.188rem;padding-right:2.188rem}.fd-icon-tab-bar__item.fd-icon-tab-bar__item--closable .fd-icon-tab-bar__tab[dir=rtl],[dir=rtl] .fd-icon-tab-bar__item.fd-icon-tab-bar__item--closable .fd-icon-tab-bar__tab{padding-left:2.188rem;padding-right:.188rem}.fd-icon-tab-bar__item.fd-icon-tab-bar__item--closable .fd-icon-tab-bar__button-container{max-width:2rem;min-width:2rem;position:absolute;right:0;width:2rem;z-index:10}.fd-icon-tab-bar__item.fd-icon-tab-bar__item--closable .fd-icon-tab-bar__button-container[dir=rtl],[dir=rtl] .fd-icon-tab-bar__item.fd-icon-tab-bar__item--closable .fd-icon-tab-bar__button-container{left:0;right:auto}.fd-icon-tab-bar__item.fd-icon-tab-bar__item--closable .fd-icon-tab-bar__button-container:before{display:none}.fd-icon-tab-bar__item--dnd-preview{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:flex;flex-direction:column;font-size:var(--sapFontSize);justify-content:center;line-height:var(--sapContent_LineHeight);opacity:.8;z-index:9999!important}.fd-icon-tab-bar__item--dnd-preview,.fd-icon-tab-bar__item--dnd-preview *{background:var(--sapObjectHeader_Background)}.fd-icon-tab-bar__item--dnd-hovered{-webkit-box-shadow:inset 0 0 0 .125rem var(--sapButton_Hover_BorderColor);background:var(--sapButton_Hover_Background);box-shadow:inset 0 0 0 .125rem var(--sapButton_Hover_BorderColor)}.fd-icon-tab-bar__item--dnd-hovered.fd-icon-tab-bar__list-item{background:var(--sapButton_Hover_Background)!important}.fd-icon-tab-bar__item--dnd-hovered.fd-icon-tab-bar__list-item .fd-icon-tab-bar__list-link{background:none}.fd-icon-tab-bar__item--dnd-separator{position:relative}.fd-icon-tab-bar__item--dnd-separator:before{background:var(--fdIcon_Tab_Bar_Separator_Color);content:\"\";height:100%;left:-.5rem;position:absolute;top:0;width:.125rem}[dir=rtl] .fd-icon-tab-bar__item--dnd-separator:before{left:auto;right:-.5rem}.fd-icon-tab-bar__item--dnd-separator:after{background:var(--sapObjectHeader_Background);border:.125rem solid var(--fdIcon_Tab_Bar_Separator_Color);border-radius:50%;content:\"\";height:.5rem;left:-.7rem;position:absolute;top:0;width:.5rem}[dir=rtl] .fd-icon-tab-bar__item--dnd-separator:after{left:auto;right:-.7rem}.fd-icon-tab-bar__item--dnd-separator.fd-icon-tab-bar__list-item:before{height:.125rem;left:.0625rem;right:unset;top:.125rem;width:100%}[dir=rtl] .fd-icon-tab-bar__item--dnd-separator.fd-icon-tab-bar__list-item:before{left:auto;right:.0625rem}.fd-icon-tab-bar__item--dnd-separator.fd-icon-tab-bar__list-item:after{left:0;right:unset;top:-.0625rem;z-index:1}[dir=rtl] .fd-icon-tab-bar__item--dnd-separator.fd-icon-tab-bar__list-item:after{left:auto;right:0}.fd-icon-tab-bar__item--dnd-separator-end{position:relative}.fd-icon-tab-bar__item--dnd-separator-end:before{background:var(--fdIcon_Tab_Bar_Separator_Color);content:\"\";height:100%;position:absolute;right:-.5rem;top:0;width:.125rem}[dir=rtl] .fd-icon-tab-bar__item--dnd-separator-end:before{left:-.5rem;right:auto}.fd-icon-tab-bar__item--dnd-separator-end:after{background:var(--sapObjectHeader_Background);border:.125rem solid var(--fdIcon_Tab_Bar_Separator_Color);border-radius:50%;content:\"\";height:.5rem;position:absolute;right:-.7rem;top:0;width:.5rem}[dir=rtl] .fd-icon-tab-bar__item--dnd-separator-end:after{left:-.7rem;right:auto}.fd-icon-tab-bar__item--dnd-separator-end.fd-icon-tab-bar__list-item:before{bottom:.125rem;height:.125rem;left:.0625rem;right:unset;top:unset;width:100%}[dir=rtl] .fd-icon-tab-bar__item--dnd-separator-end.fd-icon-tab-bar__list-item:before{left:auto;right:.0625rem}.fd-icon-tab-bar__item--dnd-separator-end.fd-icon-tab-bar__list-item:after{bottom:-.0625rem;left:0;right:unset;top:unset;z-index:1}[dir=rtl] .fd-icon-tab-bar__item--dnd-separator-end.fd-icon-tab-bar__list-item:after{left:auto;right:0}.fd-icon-tab-bar__button-container{-webkit-box-sizing:border-box;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:2.75rem;justify-content:center;line-height:normal;margin:0;max-height:2.75rem;max-width:1.5rem;min-height:2.75rem;min-width:1.5rem;padding:0;position:relative;width:1.5rem}.fd-icon-tab-bar__button-container:after,.fd-icon-tab-bar__button-container:before{box-sizing:inherit;font-size:inherit}.fd-icon-tab-bar__button-container:before{background:var(--fdIconTabBar_Multi_Click_Separator_Background);content:\"\";display:var(--fdIcon_Tab_Bar_Multi_Click_Button_Separator_Display);height:1rem;left:0;position:absolute;top:.75rem;width:.0625rem}.fd-icon-tab-bar__button-container[dir=rtl]:before,[dir=rtl] .fd-icon-tab-bar__button-container:before{left:auto;right:0}.fd-icon-tab-bar .fd-icon-tab-bar__button{--fdButton_Hover_Shadow:none;border-radius:.25rem;font-family:var(--sapContent_IconFontFamily);height:1.5rem;min-width:1.5rem;width:1.5rem}.fd-icon-tab-bar .fd-icon-tab-bar__button.is-focus,.fd-icon-tab-bar .fd-icon-tab-bar__button:focus{z-index:5}.fd-icon-tab-bar .fd-icon-tab-bar__button.is-focus:after,.fd-icon-tab-bar .fd-icon-tab-bar__button:focus:after{border-radius:var(--fdIcon_Tab_Bar_Multi_Click_Button_Focus_Radius)}.fd-icon-tab-bar__tab{-webkit-box-sizing:border-box;align-items:flex-start;border:0;box-sizing:border-box;color:var(--sapTextColor);cursor:pointer;display:flex;flex-direction:column;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin:0;min-width:2rem;padding:.875rem .188rem;position:relative;text-decoration:none}.fd-icon-tab-bar__tab:after,.fd-icon-tab-bar__tab:before{box-sizing:inherit;font-size:inherit}.fd-icon-tab-bar__tab.is-selected,.fd-icon-tab-bar__tab[aria-selected=true]{--fdIconTabBar_Icon_Background:var(--sapSelectedColor);--fdIconTabBar_Icon_Color:var(--sapContent_ContrastIconColor);--fdIconTabBar_Tag_Color:var(--fdIcon_Tab_Bar_Selection_Color);--fdIconTabBar_Arrow_Color:var(--sapContent_Selected_ForegroundColor);position:relative}.fd-icon-tab-bar__tab.is-selected:after,.fd-icon-tab-bar__tab[aria-selected=true]:after{-webkit-transition:all .125s ease-in;background:var(--fdIconTabBar_Selection_Bar_Color);border-radius:.125rem .125rem 0 0;bottom:0;content:\"\";display:inline-block;height:var(--fdIcon_Tab_Bar_Selection_Bar_Height);left:0;position:absolute;transition:all .125s ease-in;width:100%}.fd-icon-tab-bar__tab.is-selected[dir=rtl]:after,.fd-icon-tab-bar__tab[aria-selected=true][dir=rtl]:after,[dir=rtl] .fd-icon-tab-bar__tab.is-selected:after,[dir=rtl] .fd-icon-tab-bar__tab[aria-selected=true]:after{left:auto;right:0}.fd-icon-tab-bar__tab.is-selected+.fd-icon-tab-bar__popover .fd-icon-tab-bar__button,.fd-icon-tab-bar__tab[aria-selected=true]+.fd-icon-tab-bar__popover .fd-icon-tab-bar__button{--fdButtonColor:var(--sapContent_Selected_ForegroundColor)}.fd-icon-tab-bar__tab.is-hover,.fd-icon-tab-bar__tab:hover{--fdIconTabBar_Tag_Color:var(--fdIcon_Tab_Bar_Label_Hover_Color);--fdIconTabBar_Arrow_Color:var(--sapContent_Selected_ForegroundColor)}.fd-icon-tab-bar__tab.is-focus,.fd-icon-tab-bar__tab:focus{box-shadow:none;outline:none;z-index:5}.fd-icon-tab-bar__tab.is-focus .fd-icon-tab-bar__icon:after,.fd-icon-tab-bar__tab:focus .fd-icon-tab-bar__icon:after{border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);border-radius:var(--fdIcon_Tab_Bar_Icon_Focus_Radius);bottom:0;bottom:var(--fdIcon_Tab_Bar_Focus_Offset);bottom:var(--fdIcon_Tab_Bar_Icon_Focus_Offset);content:\"\";display:block;left:0;left:var(--fdIcon_Tab_Bar_Focus_Offset);left:var(--fdIcon_Tab_Bar_Icon_Focus_Offset);position:absolute;right:0;right:var(--fdIcon_Tab_Bar_Focus_Offset);right:var(--fdIcon_Tab_Bar_Icon_Focus_Offset);top:0;top:var(--fdIcon_Tab_Bar_Focus_Offset);top:var(--fdIcon_Tab_Bar_Icon_Focus_Offset)}.fd-icon-tab-bar__tab.is-focus .fd-icon-tab-bar__container--filter:before,.fd-icon-tab-bar__tab.is-focus .fd-icon-tab-bar__tag:after,.fd-icon-tab-bar__tab:focus .fd-icon-tab-bar__container--filter:before,.fd-icon-tab-bar__tab:focus .fd-icon-tab-bar__tag:after{border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);border-radius:var(--fdIcon_Tab_Bar_Text_Focus_Radius);bottom:0;bottom:var(--fdIcon_Tab_Bar_Focus_Offset);content:\"\";display:block;left:0;left:var(--fdIcon_Tab_Bar_Focus_Offset);position:absolute;right:0;right:var(--fdIcon_Tab_Bar_Focus_Offset);top:0;top:var(--fdIcon_Tab_Bar_Focus_Offset)}.fd-icon-tab-bar__tab-container{-webkit-box-sizing:border-box;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;justify-content:center;line-height:normal;margin:0;padding:0}.fd-icon-tab-bar__tab-container:after,.fd-icon-tab-bar__tab-container:before{box-sizing:inherit;font-size:inherit}.fd-icon-tab-bar__arrow{-webkit-box-sizing:border-box;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:1rem;justify-content:center;line-height:normal;margin:0;margin-left:var(--fdIcon_Tab_Bar_Single_Click_Icon_Container_Padding_Left);margin-right:var(--fdIcon_Tab_Bar_Single_Click_Icon_Container_Padding_Right);padding:0;width:var(--fdIcon_Tab_Bar_Single_Click_Icon_Container_Width)}.fd-icon-tab-bar__arrow:after,.fd-icon-tab-bar__arrow:before{box-sizing:inherit;font-size:inherit}.fd-icon-tab-bar__arrow[dir=rtl],[dir=rtl] .fd-icon-tab-bar__arrow{margin-left:var(--fdIcon_Tab_Bar_Single_Click_Icon_Container_Padding_Right);margin-right:var(--fdIcon_Tab_Bar_Single_Click_Icon_Container_Padding_Left)}.fd-icon-tab-bar__arrow [class*=sap-icon]{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;color:var(--fdIconTabBar_Arrow_Color);display:flex;font-size:1rem;height:1rem;justify-content:center;line-height:1rem;width:1rem}.fd-icon-tab-bar__tag{color:var(--fdIconTabBar_Tag_Color);font-family:var(--fdIcon_Tab_Bar_Label_Font_Family);font-size:var(--sapFontSize);position:relative}.fd-icon-tab-bar__counter{margin-bottom:.125rem}.fd-icon-tab-bar__icon{-webkit-box-sizing:border-box;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background:var(--fdIconTabBar_Icon_Background);border:0;border:var(--fdIcon_Tab_Bar_Icon_Border_Weight) solid var(--fdIconTabBar_Icon_Border_Color);border-radius:50%;box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:var(--fdIconTabBar_Icon_Size);justify-content:center;line-height:normal;margin:0 .188rem;padding:0;position:relative;width:var(--fdIconTabBar_Icon_Size)}.fd-icon-tab-bar__icon:after,.fd-icon-tab-bar__icon:before{box-sizing:inherit;font-size:inherit}.fd-icon-tab-bar__icon [class*=sap-icon],.fd-icon-tab-bar__icon[class*=sap-icon]{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;color:var(--fdIconTabBar_Icon_Color);display:inline-flex;font-size:var(--fdIconTabBar_Icon_Font_Size);justify-content:center}.fd-icon-tab-bar__details{-webkit-box-sizing:border-box;-webkit-box-align:start;-ms-flex-align:start;-webkit-box-pack:end;-ms-flex-pack:end;align-items:flex-start;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:column;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:2.75rem;justify-content:flex-end;line-height:normal;margin:0;max-width:7.5rem;padding:.375rem .25rem .25rem .125rem}.fd-icon-tab-bar__details:after,.fd-icon-tab-bar__details:before{box-sizing:inherit;font-size:inherit}.fd-icon-tab-bar__details[dir=rtl],[dir=rtl] .fd-icon-tab-bar__details{padding-left:.25rem;padding-right:.125rem}.fd-icon-tab-bar__label{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--fdIcon_Tab_Bar_Label_Color);font-family:var(--sapFontFamily);font-family:var(--fdIcon_Tab_Bar_Label_Font_Family);font-size:var(--sapFontSize);font-size:var(--sapFontSmallSize);font-weight:400;forced-color-adjust:none;line-height:normal;line-height:.875rem;margin:0;overflow:hidden;padding:0;text-overflow:ellipsis;white-space:nowrap}.fd-icon-tab-bar__label:after,.fd-icon-tab-bar__label:before{box-sizing:inherit;font-size:inherit}.fd-icon-tab-bar__separator{-webkit-box-sizing:border-box;border:0;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:0;padding:0 .5rem}.fd-icon-tab-bar__separator:after,.fd-icon-tab-bar__separator:before{box-sizing:inherit;font-size:inherit}.fd-icon-tab-bar__separator [class*=sap-icon],.fd-icon-tab-bar__separator[class*=sap-icon]{color:var(--sapContent_NonInteractiveIconColor);font-size:1rem}.fd-icon-tab-bar__separator [class*=sap-icon][dir=rtl],.fd-icon-tab-bar__separator[class*=sap-icon][dir=rtl],[dir=rtl] .fd-icon-tab-bar__separator [class*=sap-icon],[dir=rtl] .fd-icon-tab-bar__separator[class*=sap-icon]{transform:rotate(180deg)}.fd-icon-tab-bar__container{-webkit-box-sizing:border-box;border:0;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:0;padding:0;position:relative}.fd-icon-tab-bar__container:after,.fd-icon-tab-bar__container:before{box-sizing:inherit;font-size:inherit}.fd-icon-tab-bar__container .fd-icon-tab-bar__badge{border:.125rem solid var(--sapObjectHeader_Background);border-radius:50%;height:var(--fdIcon_Tab_Bar_Container_Badge_Size);right:.188rem;top:0;width:var(--fdIcon_Tab_Bar_Container_Badge_Size)}.fd-icon-tab-bar__container .fd-icon-tab-bar__badge[dir=rtl],[dir=rtl] .fd-icon-tab-bar__container .fd-icon-tab-bar__badge{left:.188rem;right:auto}.fd-icon-tab-bar__container .fd-icon-tab-bar__counter{left:2.75rem;position:absolute;top:0}.fd-icon-tab-bar__container .fd-icon-tab-bar__counter[dir=rtl],[dir=rtl] .fd-icon-tab-bar__container .fd-icon-tab-bar__counter{left:auto;right:2.75rem}.fd-icon-tab-bar__container--filter{align-items:center;display:flex;height:2rem}.fd-icon-tab-bar__container--filter:after{background:var(--sapGroup_TitleBorderColor);content:\"\";height:2rem;padding:0;position:absolute;right:-.5625rem;width:.0625rem}.fd-icon-tab-bar__container--filter[dir=rtl]:after,[dir=rtl] .fd-icon-tab-bar__container--filter:after{left:-.5625rem;right:auto}.fd-icon-tab-bar__filter-counter,.fd-icon-tab-bar__filter-label{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_LabelColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:var(--sapFontSmallSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin:0;padding:0}.fd-icon-tab-bar__filter-counter:after,.fd-icon-tab-bar__filter-counter:before,.fd-icon-tab-bar__filter-label:after,.fd-icon-tab-bar__filter-label:before{box-sizing:inherit;font-size:inherit}.fd-icon-tab-bar__filter-counter{font-size:1.5rem;margin-right:.5rem}.fd-icon-tab-bar__filter-counter[dir=rtl],[dir=rtl] .fd-icon-tab-bar__filter-counter{margin-left:.5rem;margin-right:0}.fd-icon-tab-bar__overflow{-webkit-box-sizing:border-box;align-items:center;background:var(--fdIconTabBar_Overflow_Button_Background);border:0;border:.0625rem solid var(--fdIconTabBar_Overflow_Button_Border_Color);border-radius:var(--fdIcon_Tab_Bar_Overflow_Button_Border_Radius);box-sizing:border-box;color:var(--sapTextColor);cursor:pointer;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;gap:.375rem;height:1.5rem;line-height:normal;margin:0;padding:0 .5rem;position:relative}.fd-icon-tab-bar__overflow:after,.fd-icon-tab-bar__overflow:before{box-sizing:inherit;font-size:inherit}.fd-icon-tab-bar__overflow [class*=sap-icon]{color:var(--fdIconTabBar_Overflow_Button_Icon_Color);font-family:var(--sapContent_IconFontFamily);font-size:1rem}.fd-icon-tab-bar__overflow-text{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--fdIconTabBar_Overflow_Button_Text_Color);font-family:var(--sapFontFamily);font-family:var(--fdIcon_Tab_Bar_Overflow_Button_Font_Family);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;line-height:1.5rem;margin:0;padding:0}.fd-icon-tab-bar__overflow-text:after,.fd-icon-tab-bar__overflow-text:before{box-sizing:inherit;font-size:inherit}.fd-icon-tab-bar__overflow.is-hover,.fd-icon-tab-bar__overflow:hover{--fdIconTabBar_Overflow_Button_Background:var(--sapButton_Hover_Background);--fdIconTabBar_Overflow_Button_Border_Color:var(--sapButton_Hover_BorderColor);--fdIconTabBar_Overflow_Button_Text_Color:var(--fdIcon_Tab_Bar_Overflow_Button_Text_Color_Hover);--fdIconTabBar_Overflow_Button_Icon_Color:var(--fdIcon_Tab_Bar_Overflow_Button_Icon_Color_Hover)}.fd-icon-tab-bar__overflow.is-active,.fd-icon-tab-bar__overflow:active{--fdIconTabBar_Overflow_Button_Background:var(--sapButton_Active_Background);--fdIconTabBar_Overflow_Button_Border_Color:var(--sapButton_Active_BorderColor);--fdIconTabBar_Overflow_Button_Text_Color:var(--sapButton_Active_TextColor);--fdIconTabBar_Overflow_Button_Icon_Color:var(--sapButton_Active_TextColor)}.fd-icon-tab-bar__overflow.is-focus,.fd-icon-tab-bar__overflow:focus{outline:none;z-index:5}.fd-icon-tab-bar__overflow.is-focus:after,.fd-icon-tab-bar__overflow:focus:after{border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);border-radius:var(--fdIcon_Tab_Bar_Overflow_Button_Border_Radius);bottom:var(--fdIcon_Tab_Bar_Overflow_Button_Focus_Offset);content:\"\";display:block;left:var(--fdIcon_Tab_Bar_Overflow_Button_Focus_Offset);position:absolute;right:var(--fdIcon_Tab_Bar_Overflow_Button_Focus_Offset);top:var(--fdIcon_Tab_Bar_Overflow_Button_Focus_Offset)}.fd-icon-tab-bar__overflow.is-focus.is-active:after,.fd-icon-tab-bar__overflow.is-focus:active:after,.fd-icon-tab-bar__overflow:focus.is-active:after,.fd-icon-tab-bar__overflow:focus:active:after{border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_ContrastFocusColor)}.fd-icon-tab-bar .fd-icon-tab-bar__popover{position:absolute;right:.188rem;top:0}.fd-icon-tab-bar .fd-icon-tab-bar__popover[dir=rtl],[dir=rtl] .fd-icon-tab-bar .fd-icon-tab-bar__popover{left:.188rem;right:auto}.fd-icon-tab-bar .fd-icon-tab-bar__popover-body{margin-right:-.25rem;margin-top:-.25rem;z-index:10}.fd-icon-tab-bar .fd-icon-tab-bar__popover-body[dir=rtl],[dir=rtl] .fd-icon-tab-bar .fd-icon-tab-bar__popover-body{margin-left:-.25rem;margin-right:0}.fd-icon-tab-bar .fd-icon-tab-bar__popover .fd-icon-tab-bar__button{--fdButtonColor:var(--sapTextColor)}.fd-icon-tab-bar__badge{-webkit-box-sizing:border-box;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-box-sizing:content-box;align-items:center;background:var(--fdIconTabBar_Badge_Background);border:0;border:.0625rem solid var(--sapObjectHeader_Background);border-radius:50%;box-sizing:border-box;box-sizing:content-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:.375rem;justify-content:center;line-height:normal;margin:0;padding:0;position:absolute;right:-.2505rem;top:.75rem;width:.375rem;z-index:5}.fd-icon-tab-bar__badge:after,.fd-icon-tab-bar__badge:before{box-sizing:inherit;font-size:inherit}.fd-icon-tab-bar__badge[dir=rtl],[dir=rtl] .fd-icon-tab-bar__badge{left:-.2505rem;right:auto}.fd-icon-tab-bar__badge--animated{-webkit-transform:scale(0);-webkit-animation-name:pulseAppear,pulseDisappear;-webkit-animation-duration:1.5s,.75s;-webkit-animation-delay:0ms,1.5s;-webkit-animation-timing-function:ease-in,ease-out;-webkit-animation-iteration-count:1,1;animation-delay:0ms,1.5s;animation-duration:1.5s,.75s;animation-iteration-count:1,1;animation-name:pulseAppear,pulseDisappear;animation-timing-function:ease-in,ease-out;transform:scale(0)}.fd-icon-tab-bar__badge--animated:after{-webkit-transform:scale(0);-webkit-animation:pulseAfter 1s ease-in;-webkit-animation-delay:1s;-webkit-animation-iteration-count:1;animation:pulseAfter 1s ease-in;animation-delay:1s;animation-iteration-count:1;background:var(--fdIconTabBar_Badge_Background_After);border-radius:50%;content:\"\";height:.75rem;opacity:0;position:absolute;transform:scale(0);width:.75rem}@keyframes pulseAppear{0%{transform:scale(.25)}64%{transform:scale(1.25)}71%{transform:scale(1)}to{transform:scale(1)}}@keyframes pulseDisappear{0%{transform:scale(1)}to{transform:scale(0)}}@keyframes pulseAfter{0%{-webkit-transform:scale(0);opacity:0;transform:scale(0)}71%{-webkit-transform:scale(1);opacity:.2;transform:scale(1)}80%{-webkit-transform:scale(1.17);opacity:.2;transform:scale(1.17)}86%{-webkit-transform:scale(1.33);opacity:.1;transform:scale(1.33)}93%{-webkit-transform:scale(1.5);opacity:0;transform:scale(1.5)}to{-webkit-transform:scale(0);opacity:0;transform:scale(0)}}.fd-icon-tab-bar__icon-separator{-webkit-box-sizing:border-box;-webkit-box-align:end;-ms-flex-align:end;-webkit-box-pack:center;-ms-flex-pack:center;align-items:flex-end;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:1rem;justify-content:center;line-height:normal;margin:0;padding:0 .5rem}.fd-icon-tab-bar__icon-separator:after,.fd-icon-tab-bar__icon-separator:before{box-sizing:inherit;font-size:inherit}.fd-icon-tab-bar__icon-separator [class*=sap-icon]{color:var(--sapContent_NonInteractiveIconColor);font-size:1rem;height:1rem;line-height:1rem;width:1rem}.fd-icon-tab-bar__icon-separator[dir=rtl] [class*=sap-icon],[dir=rtl] .fd-icon-tab-bar__icon-separator [class*=sap-icon]{transform:rotate(180deg)}.fd-icon-tab-bar__line-separator{-webkit-box-sizing:border-box;border:0;border-bottom:.0625rem solid var(--sapGroup_TitleBorderColor);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:.25rem 0 0;padding:0}.fd-icon-tab-bar__line-separator:after,.fd-icon-tab-bar__line-separator:before{box-sizing:inherit;font-size:inherit}.fd-icon-tab-bar__line-separator:first-child{margin-left:1rem;margin-right:1rem;margin-top:.5rem}.fd-icon-tab-bar__line-separator:first-child[dir=rtl],[dir=rtl] .fd-icon-tab-bar__line-separator:first-child{margin-left:1rem;margin-right:1rem}.fd-icon-tab-bar__list{width:100%}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level=\"1\"]{--fdList_Navigation_Link_Padding_Left:1rem;--fdList_Navigation_Link_Padding_Right:1rem}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level=\"1\"]+.fd-icon-tab-bar__line-separator{margin-left:1.5rem;margin-right:1rem}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level=\"1\"]+.fd-icon-tab-bar__line-separator[dir=rtl],[dir=rtl] .fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level=\"1\"]+.fd-icon-tab-bar__line-separator{margin-left:1rem;margin-right:1.5rem}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level=\"2\"]{--fdList_Navigation_Link_Padding_Left:1.5rem;--fdList_Navigation_Link_Padding_Right:1rem}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level=\"2\"]+.fd-icon-tab-bar__line-separator{margin-left:2rem;margin-right:1rem}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level=\"2\"]+.fd-icon-tab-bar__line-separator[dir=rtl],[dir=rtl] .fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level=\"2\"]+.fd-icon-tab-bar__line-separator{margin-left:1rem;margin-right:2rem}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level=\"3\"]{--fdList_Navigation_Link_Padding_Left:2rem;--fdList_Navigation_Link_Padding_Right:1rem}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level=\"3\"]+.fd-icon-tab-bar__line-separator{margin-left:2.5rem;margin-right:1rem}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level=\"3\"]+.fd-icon-tab-bar__line-separator[dir=rtl],[dir=rtl] .fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level=\"3\"]+.fd-icon-tab-bar__line-separator{margin-left:1rem;margin-right:2.5rem}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level=\"4\"]{--fdList_Navigation_Link_Padding_Left:2.5rem;--fdList_Navigation_Link_Padding_Right:1rem}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level=\"4\"]+.fd-icon-tab-bar__line-separator{margin-left:3rem;margin-right:1rem}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level=\"4\"]+.fd-icon-tab-bar__line-separator[dir=rtl],[dir=rtl] .fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level=\"4\"]+.fd-icon-tab-bar__line-separator{margin-left:1rem;margin-right:3rem}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level=\"5\"]{--fdList_Navigation_Link_Padding_Left:3rem;--fdList_Navigation_Link_Padding_Right:1rem}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level=\"5\"]+.fd-icon-tab-bar__line-separator{margin-left:3.5rem;margin-right:1rem}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level=\"5\"]+.fd-icon-tab-bar__line-separator[dir=rtl],[dir=rtl] .fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level=\"5\"]+.fd-icon-tab-bar__line-separator{margin-left:1rem;margin-right:3.5rem}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level=\"6\"]{--fdList_Navigation_Link_Padding_Left:3.5rem;--fdList_Navigation_Link_Padding_Right:1rem}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level=\"6\"]+.fd-icon-tab-bar__line-separator{margin-left:4rem;margin-right:1rem}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level=\"6\"]+.fd-icon-tab-bar__line-separator[dir=rtl],[dir=rtl] .fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level=\"6\"]+.fd-icon-tab-bar__line-separator{margin-left:1rem;margin-right:4rem}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level=\"7\"]{--fdList_Navigation_Link_Padding_Left:4rem;--fdList_Navigation_Link_Padding_Right:1rem}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level=\"7\"]+.fd-icon-tab-bar__line-separator{margin-left:4.5rem;margin-right:1rem}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level=\"7\"]+.fd-icon-tab-bar__line-separator[dir=rtl],[dir=rtl] .fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level=\"7\"]+.fd-icon-tab-bar__line-separator{margin-left:1rem;margin-right:4.5rem}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level=\"8\"]{--fdList_Navigation_Link_Padding_Left:4.5rem;--fdList_Navigation_Link_Padding_Right:1rem}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level=\"8\"]+.fd-icon-tab-bar__line-separator{margin-left:5rem;margin-right:1rem}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level=\"8\"]+.fd-icon-tab-bar__line-separator[dir=rtl],[dir=rtl] .fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level=\"8\"]+.fd-icon-tab-bar__line-separator{margin-left:1rem;margin-right:5rem}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level=\"9\"]{--fdList_Navigation_Link_Padding_Left:5rem;--fdList_Navigation_Link_Padding_Right:1rem}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level=\"9\"]+.fd-icon-tab-bar__line-separator{margin-left:5.5rem;margin-right:1rem}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level=\"9\"]+.fd-icon-tab-bar__line-separator[dir=rtl],[dir=rtl] .fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level=\"9\"]+.fd-icon-tab-bar__line-separator{margin-left:1rem;margin-right:5.5rem}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level=\"10\"]{--fdList_Navigation_Link_Padding_Left:5.5rem;--fdList_Navigation_Link_Padding_Right:1rem}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level=\"10\"]+.fd-icon-tab-bar__line-separator{margin-left:6rem;margin-right:1rem}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level=\"10\"]+.fd-icon-tab-bar__line-separator[dir=rtl],[dir=rtl] .fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level=\"10\"]+.fd-icon-tab-bar__line-separator{margin-left:1rem;margin-right:6rem}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item span{flex:0 1 auto}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item .fd-icon-tab-bar__badge{margin-bottom:.625rem;position:static}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item .fd-icon-tab-bar__badge [class*=sap-icon]{margin-right:0}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item .fd-icon-tab-bar__badge [class*=sap-icon][dir=rtl],[dir=rtl] .fd-icon-tab-bar__list .fd-icon-tab-bar__list-item .fd-icon-tab-bar__badge [class*=sap-icon]{margin-left:0;margin-right:0}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item--negative .fd-icon-tab-bar__list-item-counter,.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item--negative .fd-icon-tab-bar__list-item-icon [class*=sap-icon],.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item--negative .fd-icon-tab-bar__list-item-icon[class*=sap-icon],.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item--negative .fd-icon-tab-bar__list-item-title{color:var(--fdIcon_Tab_Bar_Semantic_Color_Negative)}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item--positive .fd-icon-tab-bar__list-item-counter,.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item--positive .fd-icon-tab-bar__list-item-icon [class*=sap-icon],.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item--positive .fd-icon-tab-bar__list-item-icon[class*=sap-icon],.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item--positive .fd-icon-tab-bar__list-item-title{color:var(--fdIcon_Tab_Bar_Semantic_Color_Positive)}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item--critical .fd-icon-tab-bar__list-item-counter,.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item--critical .fd-icon-tab-bar__list-item-icon [class*=sap-icon],.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item--critical .fd-icon-tab-bar__list-item-icon[class*=sap-icon],.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item--critical .fd-icon-tab-bar__list-item-title{color:var(--fdIcon_Tab_Bar_Semantic_Color_Critical)}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item--informative .fd-icon-tab-bar__list-item-counter,.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item--informative .fd-icon-tab-bar__list-item-icon [class*=sap-icon],.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item--informative .fd-icon-tab-bar__list-item-icon[class*=sap-icon],.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item--informative .fd-icon-tab-bar__list-item-title{color:var(--fdIcon_Tab_Bar_Semantic_Color_Informative)}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item--closable .fd-icon-tab-bar__list-link{--fdList_Navigation_Link_Padding_Right:2rem;position:relative}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item--closable .fd-icon-tab-bar__button-container{max-width:2rem;min-width:2rem;position:absolute;right:0;width:2rem;z-index:10}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item--closable .fd-icon-tab-bar__button-container[dir=rtl],[dir=rtl] .fd-icon-tab-bar__list .fd-icon-tab-bar__list-item--closable .fd-icon-tab-bar__button-container{left:0;right:auto}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item--closable .fd-icon-tab-bar__button-container:before{display:none}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item-icon-container{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:flex;justify-content:center;margin-right:.25rem;width:1.25rem}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item-icon-container[dir=rtl],[dir=rtl] .fd-icon-tab-bar__list .fd-icon-tab-bar__list-item-icon-container{margin-left:.25rem;margin-right:0}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-link.is-selected,.fd-icon-tab-bar__list .fd-icon-tab-bar__list-link[aria-selected=true]{border-bottom:none}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-link.is-active .fd-icon-tab-bar__list-item-counter,.fd-icon-tab-bar__list .fd-icon-tab-bar__list-link.is-active .fd-icon-tab-bar__list-item-icon [class*=sap-icon],.fd-icon-tab-bar__list .fd-icon-tab-bar__list-link.is-active .fd-icon-tab-bar__list-item-icon[class*=sap-icon],.fd-icon-tab-bar__list .fd-icon-tab-bar__list-link.is-active .fd-icon-tab-bar__list-item-title,.fd-icon-tab-bar__list .fd-icon-tab-bar__list-link:active .fd-icon-tab-bar__list-item-counter,.fd-icon-tab-bar__list .fd-icon-tab-bar__list-link:active .fd-icon-tab-bar__list-item-icon [class*=sap-icon],.fd-icon-tab-bar__list .fd-icon-tab-bar__list-link:active .fd-icon-tab-bar__list-item-icon[class*=sap-icon],.fd-icon-tab-bar__list .fd-icon-tab-bar__list-link:active .fd-icon-tab-bar__list-item-title{color:var(--sapList_Active_TextColor)}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-link.is-focus,.fd-icon-tab-bar__list .fd-icon-tab-bar__list-link:focus{z-index:5}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-link.is-focus:before,.fd-icon-tab-bar__list .fd-icon-tab-bar__list-link:focus:before{border-radius:.375rem}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-link span{font-size:var(--sapFontSize)}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item-icon [class*=sap-icon],.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item-icon [class*=sap-icon]:last-child{font-size:1rem;margin:0;width:auto}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item-icon [class*=sap-icon]:last-child[dir=rtl],.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item-icon [class*=sap-icon][dir=rtl],[dir=rtl] .fd-icon-tab-bar__list .fd-icon-tab-bar__list-item-icon [class*=sap-icon],[dir=rtl] .fd-icon-tab-bar__list .fd-icon-tab-bar__list-item-icon [class*=sap-icon]:last-child{margin:0}.fd-icon-tab-bar__list .fd-icon-tab-bar__line-separator:first-child{padding-left:1rem;padding-right:1rem}.fd-icon-tab-bar__list .fd-icon-tab-bar__line-separator:first-child:after{margin-top:.75rem}.fd-icon-tab-bar__list .fd-icon-tab-bar__icon-separator:first-child{height:1.5rem;padding-left:1rem;padding-right:1rem}.fd-icon-tab-bar__list[dir=rtl] .fd-icon-tab-bar__list-item-icon,[dir=rtl] .fd-icon-tab-bar__list .fd-icon-tab-bar__list-item-icon{justify-content:center}.fd-icon-tab-bar--transparent .fd-icon-tab-bar__header,.fd-icon-tab-bar--transparent .fd-icon-tab-bar__panel{background:transparent}.fd-icon-tab-bar--translucent .fd-icon-tab-bar__header{background:var(--sapObjectHeader_Background)}.fd-icon-tab-bar--translucent .fd-icon-tab-bar__panel{background:var(--sapGroup_ContentBackground)}.fd-icon-tab-bar[class*=-compact],.fd-icon-tab-bar[class*=-condensed],[class*=-compact] .fd-icon-tab-bar:not([class*=-cozy]),[class*=-condensed] .fd-icon-tab-bar:not([class*=-cozy]){--fdIconTabBar_Icon_Size:2rem;--fdIconTabBar_Icon_Font_Size:1rem;--fdIcon_Tab_Bar_Container_Badge_Size:.375rem}.fd-icon-tab-bar[class*=-compact] .fd-icon-tab-bar__container .fd-icon-tab-bar__counter,.fd-icon-tab-bar[class*=-condensed] .fd-icon-tab-bar__container .fd-icon-tab-bar__counter,[class*=-compact] .fd-icon-tab-bar:not([class*=-cozy]) .fd-icon-tab-bar__container .fd-icon-tab-bar__counter,[class*=-condensed] .fd-icon-tab-bar:not([class*=-cozy]) .fd-icon-tab-bar__container .fd-icon-tab-bar__counter{left:2rem}.fd-icon-tab-bar[class*=-compact] .fd-icon-tab-bar__container .fd-icon-tab-bar__counter[dir=rtl],.fd-icon-tab-bar[class*=-condensed] .fd-icon-tab-bar__container .fd-icon-tab-bar__counter[dir=rtl],[class*=-compact] .fd-icon-tab-bar:not([class*=-cozy]) .fd-icon-tab-bar__container .fd-icon-tab-bar__counter[dir=rtl],[class*=-condensed] .fd-icon-tab-bar:not([class*=-cozy]) .fd-icon-tab-bar__container .fd-icon-tab-bar__counter[dir=rtl],[dir=rtl] .fd-icon-tab-bar[class*=-compact] .fd-icon-tab-bar__container .fd-icon-tab-bar__counter,[dir=rtl] .fd-icon-tab-bar[class*=-condensed] .fd-icon-tab-bar__container .fd-icon-tab-bar__counter,[dir=rtl] [class*=-compact] .fd-icon-tab-bar:not([class*=-cozy]) .fd-icon-tab-bar__container .fd-icon-tab-bar__counter,[dir=rtl] [class*=-condensed] .fd-icon-tab-bar:not([class*=-cozy]) .fd-icon-tab-bar__container .fd-icon-tab-bar__counter{left:auto;right:2rem}.fd-icon-tab-bar--counters .fd-icon-tab-bar__tab{-webkit-box-pack:end;-ms-flex-pack:end;height:3.875rem;justify-content:flex-end}.fd-icon-tab-bar--counters .fd-icon-tab-bar__badge{top:1.9375rem}.fd-icon-tab-bar--icon-only .fd-icon-tab-bar__tab{flex-direction:row;margin-left:.75rem;margin-right:.75rem;padding:1rem 0;position:relative}.fd-icon-tab-bar--icon-only .fd-icon-tab-bar__item{margin-left:.25rem;margin-right:.25rem}.fd-icon-tab-bar--icon-only .fd-icon-tab-bar__item:first-child{margin:0 .25rem 0 0}.fd-icon-tab-bar--icon-only .fd-icon-tab-bar__item:first-child[dir=rtl],[dir=rtl] .fd-icon-tab-bar--icon-only .fd-icon-tab-bar__item:first-child{margin-left:.25rem;margin-right:0}.fd-icon-tab-bar--icon-only .fd-icon-tab-bar__item:first-child .fd-icon-tab-bar__tab{margin-left:0;margin-right:.75rem}.fd-icon-tab-bar--icon-only .fd-icon-tab-bar__item:first-child .fd-icon-tab-bar__tab[dir=rtl],[dir=rtl] .fd-icon-tab-bar--icon-only .fd-icon-tab-bar__item:first-child .fd-icon-tab-bar__tab{margin-left:.75rem;margin-right:0}.fd-icon-tab-bar--icon-only .fd-icon-tab-bar__item--closable .fd-icon-tab-bar__tab{padding-right:2rem}.fd-icon-tab-bar--icon-only .fd-icon-tab-bar__item--closable .fd-icon-tab-bar__tab[dir=rtl],[dir=rtl] .fd-icon-tab-bar--icon-only .fd-icon-tab-bar__item--closable .fd-icon-tab-bar__tab{padding-left:2rem;padding-right:0}.fd-icon-tab-bar--icon-only .fd-icon-tab-bar__item--closable .fd-icon-tab-bar__button-container{right:.75rem}.fd-icon-tab-bar--icon-only .fd-icon-tab-bar__item--closable .fd-icon-tab-bar__button-container[dir=rtl],[dir=rtl] .fd-icon-tab-bar--icon-only .fd-icon-tab-bar__item--closable .fd-icon-tab-bar__button-container{left:.75rem;right:auto}.fd-icon-tab-bar--icon-only .fd-icon-tab-bar__container .fd-icon-tab-bar__badge{right:.2505rem}.fd-icon-tab-bar--icon-only .fd-icon-tab-bar__container .fd-icon-tab-bar__badge[dir=rtl],[dir=rtl] .fd-icon-tab-bar--icon-only .fd-icon-tab-bar__container .fd-icon-tab-bar__badge{left:.2505rem;right:auto}.fd-icon-tab-bar--icon-only .fd-icon-tab-bar__container .fd-icon-tab-bar__counter{left:2.938rem}.fd-icon-tab-bar--icon-only .fd-icon-tab-bar__container .fd-icon-tab-bar__counter[dir=rtl],[dir=rtl] .fd-icon-tab-bar--icon-only .fd-icon-tab-bar__container .fd-icon-tab-bar__counter{left:auto;right:2.938rem}.fd-icon-tab-bar--icon-only[class*=-compact] .fd-icon-tab-bar__container .fd-icon-tab-bar__counter,.fd-icon-tab-bar--icon-only[class*=-condensed] .fd-icon-tab-bar__container .fd-icon-tab-bar__counter,[class*=-compact] .fd-icon-tab-bar--icon-only:not([class*=-cozy]) .fd-icon-tab-bar__container .fd-icon-tab-bar__counter,[class*=-condensed] .fd-icon-tab-bar--icon-only:not([class*=-cozy]) .fd-icon-tab-bar__container .fd-icon-tab-bar__counter{left:2.188rem}.fd-icon-tab-bar--icon-only[class*=-compact] .fd-icon-tab-bar__container .fd-icon-tab-bar__counter[dir=rtl],.fd-icon-tab-bar--icon-only[class*=-condensed] .fd-icon-tab-bar__container .fd-icon-tab-bar__counter[dir=rtl],[class*=-compact] .fd-icon-tab-bar--icon-only:not([class*=-cozy]) .fd-icon-tab-bar__container .fd-icon-tab-bar__counter[dir=rtl],[class*=-condensed] .fd-icon-tab-bar--icon-only:not([class*=-cozy]) .fd-icon-tab-bar__container .fd-icon-tab-bar__counter[dir=rtl],[dir=rtl] .fd-icon-tab-bar--icon-only[class*=-compact] .fd-icon-tab-bar__container .fd-icon-tab-bar__counter,[dir=rtl] .fd-icon-tab-bar--icon-only[class*=-condensed] .fd-icon-tab-bar__container .fd-icon-tab-bar__counter,[dir=rtl] [class*=-compact] .fd-icon-tab-bar--icon-only:not([class*=-cozy]) .fd-icon-tab-bar__container .fd-icon-tab-bar__counter,[dir=rtl] [class*=-condensed] .fd-icon-tab-bar--icon-only:not([class*=-cozy]) .fd-icon-tab-bar__container .fd-icon-tab-bar__counter{left:auto;right:2.188rem}.fd-icon-tab-bar--icon-only[class*=-compact] .fd-icon-tab-bar__container .fd-icon-tab-bar__badge,.fd-icon-tab-bar--icon-only[class*=-condensed] .fd-icon-tab-bar__container .fd-icon-tab-bar__badge,[class*=-compact] .fd-icon-tab-bar--icon-only:not([class*=-cozy]) .fd-icon-tab-bar__container .fd-icon-tab-bar__badge,[class*=-condensed] .fd-icon-tab-bar--icon-only:not([class*=-cozy]) .fd-icon-tab-bar__container .fd-icon-tab-bar__badge{right:.188rem}.fd-icon-tab-bar--icon-only[class*=-compact] .fd-icon-tab-bar__container .fd-icon-tab-bar__badge[dir=rtl],.fd-icon-tab-bar--icon-only[class*=-condensed] .fd-icon-tab-bar__container .fd-icon-tab-bar__badge[dir=rtl],[class*=-compact] .fd-icon-tab-bar--icon-only:not([class*=-cozy]) .fd-icon-tab-bar__container .fd-icon-tab-bar__badge[dir=rtl],[class*=-condensed] .fd-icon-tab-bar--icon-only:not([class*=-cozy]) .fd-icon-tab-bar__container .fd-icon-tab-bar__badge[dir=rtl],[dir=rtl] .fd-icon-tab-bar--icon-only[class*=-compact] .fd-icon-tab-bar__container .fd-icon-tab-bar__badge,[dir=rtl] .fd-icon-tab-bar--icon-only[class*=-condensed] .fd-icon-tab-bar__container .fd-icon-tab-bar__badge,[dir=rtl] [class*=-compact] .fd-icon-tab-bar--icon-only:not([class*=-cozy]) .fd-icon-tab-bar__container .fd-icon-tab-bar__badge,[dir=rtl] [class*=-condensed] .fd-icon-tab-bar--icon-only:not([class*=-cozy]) .fd-icon-tab-bar__container .fd-icon-tab-bar__badge{left:.188rem;right:auto}.fd-icon-tab-bar--icon .fd-icon-tab-bar__item{margin:0}.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--negative .fd-icon-tab-bar__icon:before,.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--negative[dir=rtl] .fd-icon-tab-bar__icon:after,[dir=rtl] .fd-icon-tab-bar--icon .fd-icon-tab-bar__item--negative .fd-icon-tab-bar__icon:after{content:none;margin:0}.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--negative .fd-icon-tab-bar__label:before{color:var(--sapNegativeElementColor);content:\"\\e1ec\";margin-right:.5rem}.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--negative .fd-icon-tab-bar__label[dir=rtl]:before,[dir=rtl] .fd-icon-tab-bar--icon .fd-icon-tab-bar__item--negative .fd-icon-tab-bar__label:before{content:none;margin:0}.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--negative .fd-icon-tab-bar__label[dir=rtl]:after,[dir=rtl] .fd-icon-tab-bar--icon .fd-icon-tab-bar__item--negative .fd-icon-tab-bar__label:after{color:var(--sapNegativeElementColor);content:\"\\e1ec\";margin-left:.5rem}.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--positive .fd-icon-tab-bar__icon:before,.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--positive[dir=rtl] .fd-icon-tab-bar__icon:after,[dir=rtl] .fd-icon-tab-bar--icon .fd-icon-tab-bar__item--positive .fd-icon-tab-bar__icon:after{content:none;margin:0}.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--positive .fd-icon-tab-bar__label:before{color:var(--sapPositiveElementColor);content:\"\\e1c1\";margin-right:.5rem}.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--positive .fd-icon-tab-bar__label[dir=rtl]:before,[dir=rtl] .fd-icon-tab-bar--icon .fd-icon-tab-bar__item--positive .fd-icon-tab-bar__label:before{content:none;margin:0}.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--positive .fd-icon-tab-bar__label[dir=rtl]:after,[dir=rtl] .fd-icon-tab-bar--icon .fd-icon-tab-bar__item--positive .fd-icon-tab-bar__label:after{color:var(--sapPositiveElementColor);content:\"\\e1c1\";margin-left:.5rem}.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--critical .fd-icon-tab-bar__icon:before,.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--critical[dir=rtl] .fd-icon-tab-bar__icon:after,[dir=rtl] .fd-icon-tab-bar--icon .fd-icon-tab-bar__item--critical .fd-icon-tab-bar__icon:after{content:none;margin:0}.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--critical .fd-icon-tab-bar__label:before{color:var(--sapCriticalElementColor);content:\"\\e053\";margin-right:.5rem}.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--critical .fd-icon-tab-bar__label[dir=rtl]:before,[dir=rtl] .fd-icon-tab-bar--icon .fd-icon-tab-bar__item--critical .fd-icon-tab-bar__label:before{content:none;margin:0}.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--critical .fd-icon-tab-bar__label[dir=rtl]:after,[dir=rtl] .fd-icon-tab-bar--icon .fd-icon-tab-bar__item--critical .fd-icon-tab-bar__label:after{color:var(--sapCriticalElementColor);content:\"\\e053\";margin-left:.5rem}.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--informative .fd-icon-tab-bar__icon:before,.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--informative[dir=rtl] .fd-icon-tab-bar__icon:after,[dir=rtl] .fd-icon-tab-bar--icon .fd-icon-tab-bar__item--informative .fd-icon-tab-bar__icon:after{content:none;margin:0}.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--informative .fd-icon-tab-bar__label:before{color:var(--sapInformativeElementColor);content:\"\\e289\";margin-right:.5rem}.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--informative .fd-icon-tab-bar__label[dir=rtl]:before,[dir=rtl] .fd-icon-tab-bar--icon .fd-icon-tab-bar__item--informative .fd-icon-tab-bar__label:before{content:none;margin:0}.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--informative .fd-icon-tab-bar__label[dir=rtl]:after,[dir=rtl] .fd-icon-tab-bar--icon .fd-icon-tab-bar__item--informative .fd-icon-tab-bar__label:after{color:var(--sapInformativeElementColor);content:\"\\e289\";margin-left:.5rem}.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--closable .fd-icon-tab-bar__tab{padding-right:2rem}.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--closable .fd-icon-tab-bar__tab[dir=rtl],[dir=rtl] .fd-icon-tab-bar--icon .fd-icon-tab-bar__item--closable .fd-icon-tab-bar__tab{padding-left:2rem;padding-right:0}.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--closable .fd-icon-tab-bar__button-container{right:0}.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--closable .fd-icon-tab-bar__button-container[dir=rtl],[dir=rtl] .fd-icon-tab-bar--icon .fd-icon-tab-bar__item--closable .fd-icon-tab-bar__button-container{left:0;right:auto}.fd-icon-tab-bar--icon .fd-icon-tab-bar__tab{flex-direction:row;padding:1rem 0}.fd-icon-tab-bar--icon .fd-icon-tab-bar__tab:after{width:3.126rem}.fd-icon-tab-bar--icon .fd-icon-tab-bar__counter{font-size:var(--sapFontSmallSize);line-height:.875rem;margin-bottom:0}.fd-icon-tab-bar--icon .fd-icon-tab-bar__counter+.fd-icon-tab-bar__label{margin-top:.375rem}.fd-icon-tab-bar--icon[class*=-compact] .fd-icon-tab-bar__details,.fd-icon-tab-bar--icon[class*=-condensed] .fd-icon-tab-bar__details,[class*=-compact] .fd-icon-tab-bar--icon:not([class*=-cozy]) .fd-icon-tab-bar__details,[class*=-condensed] .fd-icon-tab-bar--icon:not([class*=-cozy]) .fd-icon-tab-bar__details{height:2rem;padding-bottom:0;padding-top:0}.fd-icon-tab-bar--icon[class*=-compact] .fd-icon-tab-bar__tab:after,.fd-icon-tab-bar--icon[class*=-condensed] .fd-icon-tab-bar__tab:after,[class*=-compact] .fd-icon-tab-bar--icon:not([class*=-cozy]) .fd-icon-tab-bar__tab:after,[class*=-condensed] .fd-icon-tab-bar--icon:not([class*=-cozy]) .fd-icon-tab-bar__tab:after{width:2.376rem}.fd-icon-tab-bar--icon[class*=-compact] .fd-icon-tab-bar__counter+.fd-icon-tab-bar__label,.fd-icon-tab-bar--icon[class*=-condensed] .fd-icon-tab-bar__counter+.fd-icon-tab-bar__label,[class*=-compact] .fd-icon-tab-bar--icon:not([class*=-cozy]) .fd-icon-tab-bar__counter+.fd-icon-tab-bar__label,[class*=-condensed] .fd-icon-tab-bar--icon:not([class*=-cozy]) .fd-icon-tab-bar__counter+.fd-icon-tab-bar__label{margin-top:.25rem}.fd-icon-tab-bar--process .fd-icon-tab-bar__item{margin-left:0;margin-right:0}.fd-icon-tab-bar--filter .fd-icon-tab-bar__item{margin-left:.25rem;margin-right:.25rem}.fd-icon-tab-bar--filter .fd-icon-tab-bar__item:first-child{margin-left:0;margin-right:1.063rem}.fd-icon-tab-bar--filter .fd-icon-tab-bar__item:first-child[dir=rtl],[dir=rtl] .fd-icon-tab-bar--filter .fd-icon-tab-bar__item:first-child{margin-left:1.063rem;margin-right:0}.fd-icon-tab-bar--filter .fd-icon-tab-bar__item:first-child .fd-icon-tab-bar__tab{padding-bottom:1.875rem;padding-top:1.625rem;position:relative}.fd-icon-tab-bar--filter .fd-icon-tab-bar__item:nth-child(2){margin:0 .25rem 0 0}.fd-icon-tab-bar--filter .fd-icon-tab-bar__item:nth-child(2)[dir=rtl],[dir=rtl] .fd-icon-tab-bar--filter .fd-icon-tab-bar__item:nth-child(2){margin-left:.25rem;margin-right:0}.fd-icon-tab-bar--filter .fd-icon-tab-bar__tab{align-items:center;margin-left:0;margin-right:0;padding:.875rem .188rem .625rem;position:relative}.fd-icon-tab-bar--filter .fd-icon-tab-bar__icon{margin-left:0;margin-right:0}.fd-icon-tab-bar--filter .fd-icon-tab-bar__label{margin-top:.375rem;text-align:center;width:5rem}.fd-icon-tab-bar--filter[class*=-compact] .fd-icon-tab-bar__item:first-child .fd-icon-tab-bar__tab,.fd-icon-tab-bar--filter[class*=-condensed] .fd-icon-tab-bar__item:first-child .fd-icon-tab-bar__tab,[class*=-compact] .fd-icon-tab-bar--filter:not([class*=-cozy]) .fd-icon-tab-bar__item:first-child .fd-icon-tab-bar__tab,[class*=-condensed] .fd-icon-tab-bar--filter:not([class*=-cozy]) .fd-icon-tab-bar__item:first-child .fd-icon-tab-bar__tab{padding-bottom:1.375rem;padding-top:1.375rem}.fd-icon-tab-bar--filter[class*=-compact] .fd-icon-tab-bar__badge,.fd-icon-tab-bar--filter[class*=-condensed] .fd-icon-tab-bar__badge,[class*=-compact] .fd-icon-tab-bar--filter:not([class*=-cozy]) .fd-icon-tab-bar__badge,[class*=-condensed] .fd-icon-tab-bar--filter:not([class*=-cozy]) .fd-icon-tab-bar__badge{right:.063rem}.fd-icon-tab-bar--filter[class*=-compact] .fd-icon-tab-bar__badge[dir=rtl],.fd-icon-tab-bar--filter[class*=-condensed] .fd-icon-tab-bar__badge[dir=rtl],[class*=-compact] .fd-icon-tab-bar--filter:not([class*=-cozy]) .fd-icon-tab-bar__badge[dir=rtl],[class*=-condensed] .fd-icon-tab-bar--filter:not([class*=-cozy]) .fd-icon-tab-bar__badge[dir=rtl],[dir=rtl] .fd-icon-tab-bar--filter[class*=-compact] .fd-icon-tab-bar__badge,[dir=rtl] .fd-icon-tab-bar--filter[class*=-condensed] .fd-icon-tab-bar__badge,[dir=rtl] [class*=-compact] .fd-icon-tab-bar--filter:not([class*=-cozy]) .fd-icon-tab-bar__badge,[dir=rtl] [class*=-condensed] .fd-icon-tab-bar--filter:not([class*=-cozy]) .fd-icon-tab-bar__badge{left:.063rem;right:auto}.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__header{-webkit-box-shadow:var(--sapShell_Shadow);background:var(--sapShell_Navigation_Background);box-shadow:var(--sapShell_Shadow)}.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__item{color:var(--sapShell_Navigation_TextColor)}.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__tab [class*=sap-icon]{color:var(--sapShell_Navigation_TextColor);font-size:1rem;height:1rem;line-height:1;margin-right:.5rem}.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__tab [class*=sap-icon][dir=rtl],[dir=rtl] .fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__tab [class*=sap-icon]{margin-left:.5rem;margin-right:0}.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__tab .fd-icon-tab-bar__tag{color:var(--sapShell_Navigation_TextColor)}.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__tab.is-selected .fd-icon-tab-bar__tag,.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__tab.is-selected [class*=sap-icon],.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__tab[aria-selected=true] .fd-icon-tab-bar__tag,.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__tab[aria-selected=true] [class*=sap-icon]{color:var(--sapShell_Navigation_Selected_TextColor)}.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__tab.is-selected:after,.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__tab[aria-selected=true]:after{background:var(--sapShell_Navigation_SelectedColor)}.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__tab.is-selected+.fd-icon-tab-bar__popover .fd-icon-tab-bar__button,.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__tab[aria-selected=true]+.fd-icon-tab-bar__popover .fd-icon-tab-bar__button{--fdButtonColor:var(--fdIconTabBar_Button_Shell_Color_Active)}.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__tab.is-hover .fd-icon-tab-bar__tag,.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__tab.is-hover [class*=sap-icon],.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__tab:hover .fd-icon-tab-bar__tag,.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__tab:hover [class*=sap-icon]{color:var(--sapShell_Navigation_Selected_TextColor)}.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__tab.is-focus,.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__tab:focus{z-index:5}.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__tab.is-focus .fd-icon-tab-bar__tag:after,.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__tab:focus .fd-icon-tab-bar__tag:after{border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapShell_Navigation_TextColor);bottom:0;bottom:var(--fdIcon_Tab_Bar_Focus_Offset);content:\"\";display:block;left:0;left:var(--fdIcon_Tab_Bar_Focus_Offset);position:absolute;right:0;right:var(--fdIcon_Tab_Bar_Focus_Offset);top:0;top:var(--fdIcon_Tab_Bar_Focus_Offset)}.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__tab.is-focus .fd-icon-tab-bar__tab-container,.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__tab:focus .fd-icon-tab-bar__tab-container{position:relative}.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__tab.is-focus .fd-icon-tab-bar__tab-container .fd-icon-tab-bar__tag,.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__tab:focus .fd-icon-tab-bar__tab-container .fd-icon-tab-bar__tag{outline:none}.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__tab.is-focus .fd-icon-tab-bar__tab-container .fd-icon-tab-bar__tag:after,.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__tab:focus .fd-icon-tab-bar__tab-container .fd-icon-tab-bar__tag:after{border:none}.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__tab.is-focus .fd-icon-tab-bar__tab-container:after,.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__tab:focus .fd-icon-tab-bar__tab-container:after{border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapShell_Navigation_TextColor);bottom:0;bottom:var(--fdIcon_Tab_Bar_Focus_Offset);content:\"\";display:block;left:0;left:var(--fdIcon_Tab_Bar_Focus_Offset);position:absolute;right:0;right:var(--fdIcon_Tab_Bar_Focus_Offset);top:0;top:var(--fdIcon_Tab_Bar_Focus_Offset)}.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__tab .fd-icon-tab-bar__arrow [class*=sap-icon]{margin:0}.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__overflow{--fdIconTabBar_Overflow_Button_Background:var(--fdIconTabBar_Overflow_Button_Shell_Background);--fdIconTabBar_Overflow_Button_Border_Color:var(--fdIconTabBar_Overflow_Button_Shell_Border_Color);--fdIconTabBar_Overflow_Button_Text_Color:var(--fdIconTabBar_Overflow_Button_Shell_Text_Color);--fdIconTabBar_Overflow_Button_Icon_Color:var(--fdIconTabBar_Overflow_Button_Shell_Icon_Color)}.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__overflow.is-hover,.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__overflow:hover{--fdIconTabBar_Overflow_Button_Background:var(--fdIconTabBar_Overflow_Button_Shell_Background_Hover);--fdIconTabBar_Overflow_Button_Border_Color:var( --fdIconTabBar_Overflow_Button_Shell_Border_Color_Hover );--fdIconTabBar_Overflow_Button_Text_Color:var(--fdIconTabBar_Overflow_Button_Shell_Text_Color_Hover);--fdIconTabBar_Overflow_Button_Icon_Color:var(--fdIconTabBar_Overflow_Button_Shell_Icon_Color_Hover)}.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__overflow.is-active,.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__overflow:active{--fdIconTabBar_Overflow_Button_Background:var(--fdIconTabBar_Overflow_Button_Shell_Background_Active);--fdIconTabBar_Overflow_Button_Border_Color:var( --fdIconTabBar_Overflow_Button_Shell_Border_Color_Active );--fdIconTabBar_Overflow_Button_Text_Color:var(--fdIconTabBar_Overflow_Button_Shell_Text_Color_Active);--fdIconTabBar_Overflow_Button_Icon_Color:var(--fdIconTabBar_Overflow_Button_Shell_Icon_Color_Active)}.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__overflow.is-focus,.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__overflow:focus{z-index:5}.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__overflow.is-focus:after,.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__overflow:focus:after{border-color:var(--fdIconTabBar_Overflow_Button_Shell_Focus_Color)}.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__button{--fdButtonColor:var(--fdIconTabBar_Button_Shell_Color)}.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__button.is-hover,.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__button:hover{--fdButtonColor:var(--fdIconTabBar_Button_Shell_Color_Hover);--fdButtonBorderColor:var(--fdIconTabBar_Button_Shell_Background_Color_Hover);--fdButtonBackgroundColor:var(--fdIconTabBar_Button_Shell_Background_Color_Hover)}.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__button.is-active,.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__button:active{--fdButtonColor:var(--fdIconTabBar_Button_Shell_Color_Active);--fdButtonBackgroundColor:var(--fdIconTabBar_Button_Shell_Background_Color_Active);--fdButtonBorderColor:var(--fdIconTabBar_Button_Shell_Background_Color_Active)}.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__button.is-focus,.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__button:focus{--fdButtonColor:var(--fdIconTabBar_Button_Shell_Color_Active);--fdButtonBackgroundColor:var(--sapShell_Navigation_Background);--fdButtonBorderColor:var(--sapShell_Navigation_Background);z-index:5}.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__button.is-focus:after,.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__button:focus:after{border-color:var(--fdIconTabBar_Button_Shell_Focus_Color)}.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__button.is-selected,.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__button[aria-selected=true]{--fdButtonColor:var(--fdIconTabBar_Button_Shell_Color_Active);--fdButtonBackgroundColor:var(--fdIconTabBar_Button_Shell_Background_Color_Selected);--fdButtonBorderColor:var(--fdIconTabBar_Button_Shell_Background_Color_Selected)}.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__button.is-selected.is-hover,.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__button.is-selected:hover,.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__button[aria-selected=true].is-hover,.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__button[aria-selected=true]:hover{--fdButtonColor:var(--fdIconTabBar_Button_Shell_Color_Hover);--fdButtonBorderColor:transparent;--fdButtonBackgroundColor:var(--fdIconTabBar_Button_Shell_Background_Color_Hover)}.fd-icon-tab-bar.fd-icon-tab-bar--navigation-flat .fd-icon-tab-bar__header{background:var(--sapShellColor)}.fd-icon-tab-bar.fd-icon-tab-bar--navigation-flat .fd-icon-tab-bar__item--with-separator{margin-right:2rem;position:relative}.fd-icon-tab-bar.fd-icon-tab-bar--navigation-flat .fd-icon-tab-bar__item--with-separator[dir=rtl],[dir=rtl] .fd-icon-tab-bar.fd-icon-tab-bar--navigation-flat .fd-icon-tab-bar__item--with-separator{margin-left:2rem;margin-right:0}.fd-icon-tab-bar.fd-icon-tab-bar--navigation-flat .fd-icon-tab-bar__item--with-separator:after{background:var(--sapShell_InteractiveBorderColor);content:\"\";height:1.5rem;position:absolute;right:-1rem;width:.063rem}.fd-icon-tab-bar.fd-icon-tab-bar--navigation-flat .fd-icon-tab-bar__item--with-separator[dir=rtl]:after,[dir=rtl] .fd-icon-tab-bar.fd-icon-tab-bar--navigation-flat .fd-icon-tab-bar__item--with-separator:after{left:-1rem;right:auto}.fd-icon-tab-bar--navigation-horizontal .fd-icon-tab-bar__header{box-shadow:none}.fd-icon-tab-bar--navigation-horizontal .fd-icon-tab-bar__tab{padding-bottom:1rem;padding-top:.75rem}.fd-icon-tab-bar--navigation-horizontal .fd-icon-tab-bar__tab.is-selected:after,.fd-icon-tab-bar--navigation-horizontal .fd-icon-tab-bar__tab[aria-selected=true]:after{border-radius:.125rem;margin-bottom:.188rem}.fd-icon-tab-bar--navigation-horizontal .fd-icon-tab-bar__button-container{align-items:normal}.fd-icon-tab-bar--navigation-horizontal .fd-icon-tab-bar__button-container .fd-icon-tab-bar__button{margin-top:.5rem}.fd-icon-tab-bar--sm .fd-icon-tab-bar__header{padding:0 1rem}.fd-icon-tab-bar--lg .fd-icon-tab-bar__header,.fd-icon-tab-bar--md .fd-icon-tab-bar__header{padding:0 2rem}.fd-icon-tab-bar--xl .fd-icon-tab-bar__header,.fd-icon-tab-bar--xxl .fd-icon-tab-bar__header{padding:0 3rem}.fd-icon-tab-bar--responsive-paddings .fd-icon-tab-bar__header{padding-bottom:0;padding-top:0}@media (max-width: 599px){.fd-icon-tab-bar--responsive-paddings .fd-icon-tab-bar__header{padding-left:1rem;padding-right:1rem}}@media (min-width: 600px) and (max-width: 1023px){.fd-icon-tab-bar--responsive-paddings .fd-icon-tab-bar__header{padding-left:2rem;padding-right:2rem}}@media (min-width: 1024px) and (max-width: 1439px){.fd-icon-tab-bar--responsive-paddings .fd-icon-tab-bar__header{padding-left:2rem;padding-right:2rem}}@media (min-width: 1440px){.fd-icon-tab-bar--responsive-paddings .fd-icon-tab-bar__header{padding-left:3rem;padding-right:3rem}}.fd-icon-tab-bar .fd-icon-tab-bar__item--overflow,.fd-icon-tab-bar--filter .fd-icon-tab-bar__item--overflow,.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--overflow,.fd-icon-tab-bar--icon-only .fd-icon-tab-bar__item--overflow,.fd-icon-tab-bar--navigation .fd-icon-tab-bar__item--overflow,.fd-icon-tab-bar--navigation-flat .fd-icon-tab-bar__item--overflow,.fd-icon-tab-bar--process .fd-icon-tab-bar__item--overflow{margin:0}.fd-icon-tab-bar .fd-icon-tab-bar__item--overflow:last-of-type,.fd-icon-tab-bar--filter .fd-icon-tab-bar__item--overflow:last-of-type,.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--overflow:last-of-type,.fd-icon-tab-bar--icon-only .fd-icon-tab-bar__item--overflow:last-of-type,.fd-icon-tab-bar--navigation .fd-icon-tab-bar__item--overflow:last-of-type,.fd-icon-tab-bar--navigation-flat .fd-icon-tab-bar__item--overflow:last-of-type,.fd-icon-tab-bar--process .fd-icon-tab-bar__item--overflow:last-of-type{margin-left:auto}.fd-icon-tab-bar .fd-icon-tab-bar__item--overflow:last-of-type[dir=rtl],.fd-icon-tab-bar--filter .fd-icon-tab-bar__item--overflow:last-of-type[dir=rtl],.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--overflow:last-of-type[dir=rtl],.fd-icon-tab-bar--icon-only .fd-icon-tab-bar__item--overflow:last-of-type[dir=rtl],.fd-icon-tab-bar--navigation .fd-icon-tab-bar__item--overflow:last-of-type[dir=rtl],.fd-icon-tab-bar--navigation-flat .fd-icon-tab-bar__item--overflow:last-of-type[dir=rtl],.fd-icon-tab-bar--process .fd-icon-tab-bar__item--overflow:last-of-type[dir=rtl],[dir=rtl] .fd-icon-tab-bar .fd-icon-tab-bar__item--overflow:last-of-type,[dir=rtl] .fd-icon-tab-bar--filter .fd-icon-tab-bar__item--overflow:last-of-type,[dir=rtl] .fd-icon-tab-bar--icon .fd-icon-tab-bar__item--overflow:last-of-type,[dir=rtl] .fd-icon-tab-bar--icon-only .fd-icon-tab-bar__item--overflow:last-of-type,[dir=rtl] .fd-icon-tab-bar--navigation .fd-icon-tab-bar__item--overflow:last-of-type,[dir=rtl] .fd-icon-tab-bar--navigation-flat .fd-icon-tab-bar__item--overflow:last-of-type,[dir=rtl] .fd-icon-tab-bar--process .fd-icon-tab-bar__item--overflow:last-of-type{margin-left:0;margin-right:auto}.fd-icon-tab-bar .fd-icon-tab-bar__item--overflow .fd-icon-tab-bar__popover,.fd-icon-tab-bar--filter .fd-icon-tab-bar__item--overflow .fd-icon-tab-bar__popover,.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--overflow .fd-icon-tab-bar__popover,.fd-icon-tab-bar--icon-only .fd-icon-tab-bar__item--overflow .fd-icon-tab-bar__popover,.fd-icon-tab-bar--navigation .fd-icon-tab-bar__item--overflow .fd-icon-tab-bar__popover,.fd-icon-tab-bar--navigation-flat .fd-icon-tab-bar__item--overflow .fd-icon-tab-bar__popover,.fd-icon-tab-bar--process .fd-icon-tab-bar__item--overflow .fd-icon-tab-bar__popover{position:relative}.fd-icon-tab-bar .fd-icon-tab-bar__item--overflow .fd-icon-tab-bar__popover-body,.fd-icon-tab-bar--filter .fd-icon-tab-bar__item--overflow .fd-icon-tab-bar__popover-body,.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--overflow .fd-icon-tab-bar__popover-body,.fd-icon-tab-bar--icon-only .fd-icon-tab-bar__item--overflow .fd-icon-tab-bar__popover-body,.fd-icon-tab-bar--navigation .fd-icon-tab-bar__item--overflow .fd-icon-tab-bar__popover-body,.fd-icon-tab-bar--navigation-flat .fd-icon-tab-bar__item--overflow .fd-icon-tab-bar__popover-body,.fd-icon-tab-bar--process .fd-icon-tab-bar__item--overflow .fd-icon-tab-bar__popover-body{margin-right:-.25rem;margin-top:.375rem}.fd-icon-tab-bar .fd-icon-tab-bar__item--overflow .fd-icon-tab-bar__popover-body[dir=rtl],.fd-icon-tab-bar--filter .fd-icon-tab-bar__item--overflow .fd-icon-tab-bar__popover-body[dir=rtl],.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--overflow .fd-icon-tab-bar__popover-body[dir=rtl],.fd-icon-tab-bar--icon-only .fd-icon-tab-bar__item--overflow .fd-icon-tab-bar__popover-body[dir=rtl],.fd-icon-tab-bar--navigation .fd-icon-tab-bar__item--overflow .fd-icon-tab-bar__popover-body[dir=rtl],.fd-icon-tab-bar--navigation-flat .fd-icon-tab-bar__item--overflow .fd-icon-tab-bar__popover-body[dir=rtl],.fd-icon-tab-bar--process .fd-icon-tab-bar__item--overflow .fd-icon-tab-bar__popover-body[dir=rtl],[dir=rtl] .fd-icon-tab-bar .fd-icon-tab-bar__item--overflow .fd-icon-tab-bar__popover-body,[dir=rtl] .fd-icon-tab-bar--filter .fd-icon-tab-bar__item--overflow .fd-icon-tab-bar__popover-body,[dir=rtl] .fd-icon-tab-bar--icon .fd-icon-tab-bar__item--overflow .fd-icon-tab-bar__popover-body,[dir=rtl] .fd-icon-tab-bar--icon-only .fd-icon-tab-bar__item--overflow .fd-icon-tab-bar__popover-body,[dir=rtl] .fd-icon-tab-bar--navigation .fd-icon-tab-bar__item--overflow .fd-icon-tab-bar__popover-body,[dir=rtl] .fd-icon-tab-bar--navigation-flat .fd-icon-tab-bar__item--overflow .fd-icon-tab-bar__popover-body,[dir=rtl] .fd-icon-tab-bar--process .fd-icon-tab-bar__item--overflow .fd-icon-tab-bar__popover-body{margin-left:-.25rem;margin-right:0}/*!\n * Fundamental Library Styles v0.33.2\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 */.fd-list{-webkit-box-sizing:border-box;border:0;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;list-style:none;margin:0;padding:0;position:relative;width:100%}.fd-list:after,.fd-list:before{box-sizing:inherit;font-size:inherit}.fd-list__footer,.fd-list__group-header,.fd-list__item{-webkit-box-sizing:border-box;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin:0;padding:0 .9375rem}.fd-list__footer:after,.fd-list__footer:before,.fd-list__group-header:after,.fd-list__group-header:before,.fd-list__item:after,.fd-list__item:before{box-sizing:inherit;font-size:inherit}.fd-list__item{background:var(--fdList_Item_Background_Color);border-bottom:var(--sapList_BorderWidth) solid var(--fdList_Item_Border_Color);height:var(--fdList_Item_Height);position:relative}.fd-list__item.is-focus,.fd-list__item:focus{outline:none;pointer-events:all}.fd-list__item.is-focus:before,.fd-list__item:focus:before{border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);bottom:.125rem;content:\"\";display:block;inset:.125rem .125rem .0625rem;pointer-events:none;position:absolute}.fd-list__item.is-focus.is-active:before,.fd-list__item.is-focus:active:before,.fd-list__item:focus.is-active:before,.fd-list__item:focus:active:before{border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdList_Active_Outline_Color)}.fd-list__item--unread .fd-list__title{font-weight:700}.fd-list__item--no-data .fd-list__title{text-align:center}.fd-list__item--interactive.is-hover,.fd-list__item--interactive:hover,.fd-list__item--interractive.is-hover,.fd-list__item--interractive:hover{--fdList_Item_Background_Color:var(--sapList_Hover_Background);--fdList_Item_Text_Color:var(--sapList_TextColor);--fdList_Item_Border_Color:var(--sapList_BorderColor)}.fd-list__item--interactive.is-selected,.fd-list__item--interactive[aria-selected=true],.fd-list__item--interractive.is-selected,.fd-list__item--interractive[aria-selected=true]{--fdList_Item_Background_Color:var(--sapList_SelectionBackgroundColor);--fdList_Item_Text_Color:var(--sapList_TextColor);--fdList_Item_Border_Color:var(--sapList_SelectionBorderColor)}.fd-list__item--interactive.is-selected .fd-list__link,.fd-list__item--interactive[aria-selected=true] .fd-list__link,.fd-list__item--interractive.is-selected .fd-list__link,.fd-list__item--interractive[aria-selected=true] .fd-list__link{background:inherit}.fd-list__item--interactive.is-selected .fd-list__link.is-active,.fd-list__item--interactive.is-selected .fd-list__link:active,.fd-list__item--interactive[aria-selected=true] .fd-list__link.is-active,.fd-list__item--interactive[aria-selected=true] .fd-list__link:active,.fd-list__item--interractive.is-selected .fd-list__link.is-active,.fd-list__item--interractive.is-selected .fd-list__link:active,.fd-list__item--interractive[aria-selected=true] .fd-list__link.is-active,.fd-list__item--interractive[aria-selected=true] .fd-list__link:active{--fdList_Item_Background_Color:var(--sapList_Active_Background)}.fd-list__item--interactive.is-selected.is-hover,.fd-list__item--interactive.is-selected:hover,.fd-list__item--interactive[aria-selected=true].is-hover,.fd-list__item--interactive[aria-selected=true]:hover,.fd-list__item--interractive.is-selected.is-hover,.fd-list__item--interractive.is-selected:hover,.fd-list__item--interractive[aria-selected=true].is-hover,.fd-list__item--interractive[aria-selected=true]:hover{--fdList_Item_Background_Color:var(--sapList_Hover_SelectionBackground)}.fd-list__item--interactive.is-active,.fd-list__item--interactive.is-active.is-hover,.fd-list__item--interactive.is-active.is-selected,.fd-list__item--interactive.is-active.is-selected.is-hover,.fd-list__item--interactive.is-active.is-selected:hover,.fd-list__item--interactive.is-active:hover,.fd-list__item--interactive.is-active[aria-selected=true],.fd-list__item--interactive.is-active[aria-selected=true].is-hover,.fd-list__item--interactive.is-active[aria-selected=true]:hover,.fd-list__item--interactive:active,.fd-list__item--interactive:active.is-hover,.fd-list__item--interactive:active.is-selected,.fd-list__item--interactive:active.is-selected.is-hover,.fd-list__item--interactive:active.is-selected:hover,.fd-list__item--interactive:active:hover,.fd-list__item--interactive:active[aria-selected=true],.fd-list__item--interactive:active[aria-selected=true].is-hover,.fd-list__item--interactive:active[aria-selected=true]:hover,.fd-list__item--interractive.is-active,.fd-list__item--interractive.is-active.is-hover,.fd-list__item--interractive.is-active.is-selected,.fd-list__item--interractive.is-active.is-selected.is-hover,.fd-list__item--interractive.is-active.is-selected:hover,.fd-list__item--interractive.is-active:hover,.fd-list__item--interractive.is-active[aria-selected=true],.fd-list__item--interractive.is-active[aria-selected=true].is-hover,.fd-list__item--interractive.is-active[aria-selected=true]:hover,.fd-list__item--interractive:active,.fd-list__item--interractive:active.is-hover,.fd-list__item--interractive:active.is-selected,.fd-list__item--interractive:active.is-selected.is-hover,.fd-list__item--interractive:active.is-selected:hover,.fd-list__item--interractive:active:hover,.fd-list__item--interractive:active[aria-selected=true],.fd-list__item--interractive:active[aria-selected=true].is-hover,.fd-list__item--interractive:active[aria-selected=true]:hover{--fdList_Item_Background_Color:var(--sapList_Active_Background);--fdList_Item_Text_Color:var(--sapList_Active_TextColor);--fdList_Item_Border_Color:var(--sapList_Active_Background)}.fd-list__item--interactive.is-active,.fd-list__item--interactive.is-active .fd-list__byline,.fd-list__item--interactive.is-active .fd-list__byline-left,.fd-list__item--interactive.is-active .fd-list__byline-right,.fd-list__item--interactive.is-active .fd-list__byline-right--critical,.fd-list__item--interactive.is-active .fd-list__byline-right--informative,.fd-list__item--interactive.is-active .fd-list__byline-right--negative,.fd-list__item--interactive.is-active .fd-list__byline-right--neutral,.fd-list__item--interactive.is-active .fd-list__byline-right--positive,.fd-list__item--interactive.is-active .fd-list__content,.fd-list__item--interactive.is-active .fd-list__icon,.fd-list__item--interactive.is-active .fd-list__secondary,.fd-list__item--interactive.is-active .fd-list__thumbnail,.fd-list__item--interactive.is-active .fd-list__title,.fd-list__item--interactive.is-active.fd-list__link--navigation-indicator:after,.fd-list__item--interactive:active,.fd-list__item--interactive:active .fd-list__byline,.fd-list__item--interactive:active .fd-list__byline-left,.fd-list__item--interactive:active .fd-list__byline-right,.fd-list__item--interactive:active .fd-list__byline-right--critical,.fd-list__item--interactive:active .fd-list__byline-right--informative,.fd-list__item--interactive:active .fd-list__byline-right--negative,.fd-list__item--interactive:active .fd-list__byline-right--neutral,.fd-list__item--interactive:active .fd-list__byline-right--positive,.fd-list__item--interactive:active .fd-list__content,.fd-list__item--interactive:active .fd-list__icon,.fd-list__item--interactive:active .fd-list__secondary,.fd-list__item--interactive:active .fd-list__thumbnail,.fd-list__item--interactive:active .fd-list__title,.fd-list__item--interactive:active.fd-list__link--navigation-indicator:after,.fd-list__item--interractive.is-active,.fd-list__item--interractive.is-active .fd-list__byline,.fd-list__item--interractive.is-active .fd-list__byline-left,.fd-list__item--interractive.is-active .fd-list__byline-right,.fd-list__item--interractive.is-active .fd-list__byline-right--critical,.fd-list__item--interractive.is-active .fd-list__byline-right--informative,.fd-list__item--interractive.is-active .fd-list__byline-right--negative,.fd-list__item--interractive.is-active .fd-list__byline-right--neutral,.fd-list__item--interractive.is-active .fd-list__byline-right--positive,.fd-list__item--interractive.is-active .fd-list__content,.fd-list__item--interractive.is-active .fd-list__icon,.fd-list__item--interractive.is-active .fd-list__secondary,.fd-list__item--interractive.is-active .fd-list__thumbnail,.fd-list__item--interractive.is-active .fd-list__title,.fd-list__item--interractive.is-active.fd-list__link--navigation-indicator:after,.fd-list__item--interractive:active,.fd-list__item--interractive:active .fd-list__byline,.fd-list__item--interractive:active .fd-list__byline-left,.fd-list__item--interractive:active .fd-list__byline-right,.fd-list__item--interractive:active .fd-list__byline-right--critical,.fd-list__item--interractive:active .fd-list__byline-right--informative,.fd-list__item--interractive:active .fd-list__byline-right--negative,.fd-list__item--interractive:active .fd-list__byline-right--neutral,.fd-list__item--interractive:active .fd-list__byline-right--positive,.fd-list__item--interractive:active .fd-list__content,.fd-list__item--interractive:active .fd-list__icon,.fd-list__item--interractive:active .fd-list__secondary,.fd-list__item--interractive:active .fd-list__thumbnail,.fd-list__item--interractive:active .fd-list__title,.fd-list__item--interractive:active.fd-list__link--navigation-indicator:after{text-shadow:none}.fd-list__item--action{--fdList_Item_Height:var(--sapElement_LineHeight);border-bottom:var(--fdList_Item_Action_Border);font-size:var(--sapFontSize);padding:0;text-align:center}.fd-list__item--action:first-child{border-top:var(--fdList_Item_Action_Border)}.fd-list__item--action .fd-list__title{background:transparent;border:var(--fdList_Item_Action_Button_Border);border-radius:var(--fdList_Item_Action_Button_Border_Radius);color:var(--sapButton_TextColor);cursor:pointer;height:var(--fdList_Item_Action_Button_Size);margin:var(--fdList_Item_Action_Button_Spacing);padding:0 .9375rem;pointer-events:all;width:100%}.fd-list__item--action .fd-list__title.is-hover,.fd-list__item--action .fd-list__title:hover{--fdList_Item_Background_Color:var(--sapList_Hover_Background);--fdList_Item_Text_Color:var(--sapList_TextColor);--fdList_Item_Border_Color:var(--sapList_BorderColor)}.fd-list__item--action .fd-list__title.is-selected,.fd-list__item--action .fd-list__title[aria-selected=true]{--fdList_Item_Background_Color:var(--sapList_SelectionBackgroundColor);--fdList_Item_Text_Color:var(--sapList_TextColor);--fdList_Item_Border_Color:var(--sapList_SelectionBorderColor)}.fd-list__item--action .fd-list__title.is-selected .fd-list__link,.fd-list__item--action .fd-list__title[aria-selected=true] .fd-list__link{background:inherit}.fd-list__item--action .fd-list__title.is-selected .fd-list__link.is-active,.fd-list__item--action .fd-list__title.is-selected .fd-list__link:active,.fd-list__item--action .fd-list__title[aria-selected=true] .fd-list__link.is-active,.fd-list__item--action .fd-list__title[aria-selected=true] .fd-list__link:active{--fdList_Item_Background_Color:var(--sapList_Active_Background)}.fd-list__item--action .fd-list__title.is-selected.is-hover,.fd-list__item--action .fd-list__title.is-selected:hover,.fd-list__item--action .fd-list__title[aria-selected=true].is-hover,.fd-list__item--action .fd-list__title[aria-selected=true]:hover{--fdList_Item_Background_Color:var(--sapList_Hover_SelectionBackground)}.fd-list__item--action .fd-list__title.is-active,.fd-list__item--action .fd-list__title.is-active.is-hover,.fd-list__item--action .fd-list__title.is-active.is-selected,.fd-list__item--action .fd-list__title.is-active.is-selected.is-hover,.fd-list__item--action .fd-list__title.is-active.is-selected:hover,.fd-list__item--action .fd-list__title.is-active:hover,.fd-list__item--action .fd-list__title.is-active[aria-selected=true],.fd-list__item--action .fd-list__title.is-active[aria-selected=true].is-hover,.fd-list__item--action .fd-list__title.is-active[aria-selected=true]:hover,.fd-list__item--action .fd-list__title:active,.fd-list__item--action .fd-list__title:active.is-hover,.fd-list__item--action .fd-list__title:active.is-selected,.fd-list__item--action .fd-list__title:active.is-selected.is-hover,.fd-list__item--action .fd-list__title:active.is-selected:hover,.fd-list__item--action .fd-list__title:active:hover,.fd-list__item--action .fd-list__title:active[aria-selected=true],.fd-list__item--action .fd-list__title:active[aria-selected=true].is-hover,.fd-list__item--action .fd-list__title:active[aria-selected=true]:hover{--fdList_Item_Background_Color:var(--sapList_Active_Background);--fdList_Item_Text_Color:var(--sapList_Active_TextColor);--fdList_Item_Border_Color:var(--sapList_Active_Background)}.fd-list__item--action .fd-list__title.is-active,.fd-list__item--action .fd-list__title.is-active .fd-list__byline,.fd-list__item--action .fd-list__title.is-active .fd-list__byline-left,.fd-list__item--action .fd-list__title.is-active .fd-list__byline-right,.fd-list__item--action .fd-list__title.is-active .fd-list__byline-right--critical,.fd-list__item--action .fd-list__title.is-active .fd-list__byline-right--informative,.fd-list__item--action .fd-list__title.is-active .fd-list__byline-right--negative,.fd-list__item--action .fd-list__title.is-active .fd-list__byline-right--neutral,.fd-list__item--action .fd-list__title.is-active .fd-list__byline-right--positive,.fd-list__item--action .fd-list__title.is-active .fd-list__content,.fd-list__item--action .fd-list__title.is-active .fd-list__icon,.fd-list__item--action .fd-list__title.is-active .fd-list__secondary,.fd-list__item--action .fd-list__title.is-active .fd-list__thumbnail,.fd-list__item--action .fd-list__title.is-active .fd-list__title,.fd-list__item--action .fd-list__title.is-active.fd-list__link--navigation-indicator:after,.fd-list__item--action .fd-list__title:active,.fd-list__item--action .fd-list__title:active .fd-list__byline,.fd-list__item--action .fd-list__title:active .fd-list__byline-left,.fd-list__item--action .fd-list__title:active .fd-list__byline-right,.fd-list__item--action .fd-list__title:active .fd-list__byline-right--critical,.fd-list__item--action .fd-list__title:active .fd-list__byline-right--informative,.fd-list__item--action .fd-list__title:active .fd-list__byline-right--negative,.fd-list__item--action .fd-list__title:active .fd-list__byline-right--neutral,.fd-list__item--action .fd-list__title:active .fd-list__byline-right--positive,.fd-list__item--action .fd-list__title:active .fd-list__content,.fd-list__item--action .fd-list__title:active .fd-list__icon,.fd-list__item--action .fd-list__title:active .fd-list__secondary,.fd-list__item--action .fd-list__title:active .fd-list__thumbnail,.fd-list__item--action .fd-list__title:active .fd-list__title,.fd-list__item--action .fd-list__title:active.fd-list__link--navigation-indicator:after{text-shadow:none}.fd-list__item--action .fd-list__title.is-focus,.fd-list__item--action .fd-list__title:focus{outline-color:var(--sapContent_FocusColor);outline-offset:-.125rem;outline-style:var(--sapContent_FocusStyle);outline-width:var(--sapContent_FocusWidth)}.fd-list__item--action .fd-list__title.is-focus.is-active,.fd-list__item--action .fd-list__title.is-focus:active,.fd-list__item--action .fd-list__title:focus.is-active,.fd-list__item--action .fd-list__title:focus:active{outline-color:var(--fdList_Active_Outline_Color)}.fd-list__item--action .fd-list__title::-moz-focus-inner{border:0}.fd-list__item--growing{--fdList_Item_Height:var(--sapElement_LineHeight)}.fd-list__item--growing .fd-list__title{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:flex;gap:.5rem;justify-content:center}.fd-list__item--growing .fd-list__title-text{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:inherit;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;font-weight:var(--fdList_Growing_Font_Weight);forced-color-adjust:none;line-height:normal;margin:0;overflow:hidden;padding:0;text-overflow:ellipsis;text-shadow:inherit;white-space:nowrap}.fd-list__item--growing .fd-list__title-text:after,.fd-list__item--growing .fd-list__title-text:before{box-sizing:inherit;font-size:inherit}.fd-list__item--inactive,.fd-list__item--inactive .fd-list__secondary,.fd-list__item--inactive .fd-list__title{pointer-events:none}.fd-list__item.is-selected,.fd-list__item[aria-selected=true]{--fdList_Item_Background_Color:var(--sapList_SelectionBackgroundColor);--fdList_Item_Text_Color:var(--sapList_TextColor);--fdList_Item_Border_Color:var(--sapList_SelectionBorderColor)}.fd-list__item.is-selected .fd-list__link,.fd-list__item[aria-selected=true] .fd-list__link{background:inherit}.fd-list__item.is-selected .fd-list__link.is-active,.fd-list__item.is-selected .fd-list__link:active,.fd-list__item[aria-selected=true] .fd-list__link.is-active,.fd-list__item[aria-selected=true] .fd-list__link:active{--fdList_Item_Background_Color:var(--sapList_Active_Background)}.fd-list__item.is-selected.is-hover,.fd-list__item.is-selected:hover,.fd-list__item[aria-selected=true].is-hover,.fd-list__item[aria-selected=true]:hover{--fdList_Item_Background_Color:var(--sapList_Hover_SelectionBackground)}.fd-list__secondary,.fd-list__title{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--fdList_Item_Text_Color);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin:0;overflow:hidden;padding:0;pointer-events:none;pointer-events:all;text-overflow:ellipsis;white-space:nowrap}.fd-list__secondary:after,.fd-list__secondary:before,.fd-list__title:after,.fd-list__title:before{box-sizing:inherit;font-size:inherit}.fd-list__title{flex:3 3 10%;font-size:var(--fdList_Item_Text_Font_Size);min-height:var(--fdList_Item_Text_Font_Size)}.fd-list__title:last-child:first-child{flex-basis:auto}.fd-list__title .fd-list__title-text{align-items:center;display:flex}.fd-list__title~.fd-list__icon{margin-right:-1rem}.fd-list__title~.fd-list__icon[dir=rtl],[dir=rtl] .fd-list__title~.fd-list__icon{margin-left:-1rem;margin-right:0}.fd-list__secondary{color:var(--fdList_Status_Text_Color);font-size:var(--sapFontSize);max-width:40%;padding-left:1rem;text-align:right}.fd-list__secondary[dir=rtl],[dir=rtl] .fd-list__secondary{padding-left:0;padding-right:1rem}.fd-list__secondary--positive{--fdList_Status_Text_Color:var(--sapPositiveTextColor)}.fd-list__secondary--critical{--fdList_Status_Text_Color:var(--sapCriticalTextColor)}.fd-list__secondary--negative{--fdList_Status_Text_Color:var(--sapNegativeTextColor)}.fd-list__secondary--informative{--fdList_Status_Text_Color:var(--sapInformativeTextColor)}.fd-list__secondary[dir=rtl],[dir=rtl] .fd-list__secondary{text-align:left}.fd-list__icon [class*=sap-icon],.fd-list__icon[class*=sap-icon]{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-box-flex:0;-ms-flex:0 0 auto;align-items:center;background:inherit;border-radius:inherit;color:inherit;color:var(--sapContent_NonInteractiveIconColor);display:flex;flex:0 0 auto;font-size:inherit;font-size:var(--fdList_Item_Icon_Font_Size);justify-content:center;line-height:1;pointer-events:none;width:2.75rem}.fd-list__icon [class*=sap-icon]:first-child,.fd-list__icon[class*=sap-icon]:first-child{margin-left:-1rem}.fd-list__icon [class*=sap-icon]:first-child[dir=rtl],.fd-list__icon[class*=sap-icon]:first-child[dir=rtl],[dir=rtl] .fd-list__icon [class*=sap-icon]:first-child,[dir=rtl] .fd-list__icon[class*=sap-icon]:first-child{margin-left:0;margin-right:-1rem}.fd-list__link{-webkit-box-sizing:border-box;-webkit-box-align:center;-ms-flex-align:center;--fdList_Item_Border_Color:transparent;align-items:center;background:var(--fdList_Item_Background_Color);border:0;border-bottom:var(--sapList_BorderWidth) solid var(--fdList_Item_Border_Color);box-sizing:border-box;color:var(--sapTextColor);cursor:pointer;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:100%;line-height:normal;margin:0;padding:0 .9375rem;text-decoration:none;width:100%}.fd-list__link:after,.fd-list__link:before{box-sizing:inherit;font-size:inherit}.fd-list__link.is-focus,.fd-list__link:focus{outline:none;pointer-events:all}.fd-list__link.is-focus:before,.fd-list__link:focus:before{border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);content:\"\";display:block;inset:.125rem;pointer-events:none;position:absolute}.fd-list__link.is-focus.is-active:before,.fd-list__link.is-focus:active:before,.fd-list__link:focus.is-active:before,.fd-list__link:focus:active:before{border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdList_Active_Outline_Color)}.fd-list__link.is-hover,.fd-list__link:hover{--fdList_Item_Background_Color:var(--sapList_Hover_Background);--fdList_Item_Text_Color:var(--sapList_TextColor);--fdList_Item_Border_Color:var(--sapList_BorderColor)}.fd-list__link.is-selected,.fd-list__link[aria-selected=true]{--fdList_Item_Background_Color:var(--sapList_SelectionBackgroundColor);--fdList_Item_Text_Color:var(--sapList_TextColor);--fdList_Item_Border_Color:var(--sapList_SelectionBorderColor)}.fd-list__link.is-selected .fd-list__link,.fd-list__link[aria-selected=true] .fd-list__link{background:inherit}.fd-list__link.is-selected .fd-list__link.is-active,.fd-list__link.is-selected .fd-list__link:active,.fd-list__link[aria-selected=true] .fd-list__link.is-active,.fd-list__link[aria-selected=true] .fd-list__link:active{--fdList_Item_Background_Color:var(--sapList_Active_Background)}.fd-list__link.is-selected.is-hover,.fd-list__link.is-selected:hover,.fd-list__link[aria-selected=true].is-hover,.fd-list__link[aria-selected=true]:hover{--fdList_Item_Background_Color:var(--sapList_Hover_SelectionBackground)}.fd-list__link.is-active,.fd-list__link.is-active.is-hover,.fd-list__link.is-active.is-selected,.fd-list__link.is-active.is-selected.is-hover,.fd-list__link.is-active.is-selected:hover,.fd-list__link.is-active:hover,.fd-list__link.is-active[aria-selected=true],.fd-list__link.is-active[aria-selected=true].is-hover,.fd-list__link.is-active[aria-selected=true]:hover,.fd-list__link:active,.fd-list__link:active.is-hover,.fd-list__link:active.is-selected,.fd-list__link:active.is-selected.is-hover,.fd-list__link:active.is-selected:hover,.fd-list__link:active:hover,.fd-list__link:active[aria-selected=true],.fd-list__link:active[aria-selected=true].is-hover,.fd-list__link:active[aria-selected=true]:hover{--fdList_Item_Background_Color:var(--sapList_Active_Background);--fdList_Item_Text_Color:var(--sapList_Active_TextColor);--fdList_Item_Border_Color:var(--sapList_Active_Background)}.fd-list__link.is-active,.fd-list__link.is-active .fd-list__byline,.fd-list__link.is-active .fd-list__byline-left,.fd-list__link.is-active .fd-list__byline-right,.fd-list__link.is-active .fd-list__byline-right--critical,.fd-list__link.is-active .fd-list__byline-right--informative,.fd-list__link.is-active .fd-list__byline-right--negative,.fd-list__link.is-active .fd-list__byline-right--neutral,.fd-list__link.is-active .fd-list__byline-right--positive,.fd-list__link.is-active .fd-list__content,.fd-list__link.is-active .fd-list__icon,.fd-list__link.is-active .fd-list__secondary,.fd-list__link.is-active .fd-list__thumbnail,.fd-list__link.is-active .fd-list__title,.fd-list__link.is-active.fd-list__link--navigation-indicator:after,.fd-list__link:active,.fd-list__link:active .fd-list__byline,.fd-list__link:active .fd-list__byline-left,.fd-list__link:active .fd-list__byline-right,.fd-list__link:active .fd-list__byline-right--critical,.fd-list__link:active .fd-list__byline-right--informative,.fd-list__link:active .fd-list__byline-right--negative,.fd-list__link:active .fd-list__byline-right--neutral,.fd-list__link:active .fd-list__byline-right--positive,.fd-list__link:active .fd-list__content,.fd-list__link:active .fd-list__icon,.fd-list__link:active .fd-list__secondary,.fd-list__link:active .fd-list__thumbnail,.fd-list__link:active .fd-list__title,.fd-list__link:active.fd-list__link--navigation-indicator:after{text-shadow:none}.fd-list__group-header{align-items:flex-end;background:var(--sapList_GroupHeaderBackground);border-bottom:var(--sapList_BorderWidth) solid var(--sapList_GroupHeaderBorderColor);height:var(--sapElement_LineHeight)}.fd-list__group-header .fd-list__title{color:var(--sapList_TableGroupHeaderTextColor);font-family:var(--sapFontHeaderFamily);font-size:var(--sapFontHeader6Size);font-weight:700;line-height:2rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fd-list__footer{background:var(--sapList_FooterBackground);color:var(--sapList_FooterTextColor);font-size:var(--sapFontSize);height:2rem}.fd-list__footer--right{justify-content:flex-end}.fd-list__footer--left{justify-content:flex-start}.fd-list__bold{font-weight:700}.fd-list__message{-webkit-box-sizing:border-box;background-color:var(--fdList_Message_Background_Color);border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:var(--sapFontSmallSize);font-weight:400;forced-color-adjust:none;height:2rem;left:0;line-height:normal;line-height:2rem;margin:0;overflow:hidden;padding:0 0 0 .5rem;position:absolute;text-overflow:ellipsis;top:0;white-space:nowrap;width:100%}.fd-list__message:after,.fd-list__message:before{box-sizing:inherit;font-size:inherit}.fd-list__message[dir=rtl],[dir=rtl] .fd-list__message{padding-left:0;padding-right:.5rem}.fd-list__message--error{--fdList_Message_Background_Color:var(--sapErrorBackground)}.fd-list__message--warning{--fdList_Message_Background_Color:var(--sapWarningBackground)}.fd-list__message--success{--fdList_Message_Background_Color:var(--sapSuccessBackground)}.fd-list__message--information{--fdList_Message_Background_Color:var(--sapInformationBackground)}.fd-list .fd-list__button{align-self:center;margin-left:var(--fdList_Button_Spacing)}.fd-list .fd-list__button[dir=rtl],[dir=rtl] .fd-list .fd-list__button{margin-left:0;margin-right:var(--fdList_Button_Spacing)}.fd-list[class*=-compact]:not(.fd-object-list):not(.fd-list--message-view),.fd-list[class*=-condensed]:not(.fd-object-list):not(.fd-list--message-view),[class*=-compact] .fd-list:not([class*=-cozy]):not(.fd-object-list):not(.fd-list--message-view),[class*=-condensed] .fd-list:not([class*=-cozy]):not(.fd-object-list):not(.fd-list--message-view){--fdList_Item_Icon_Font_Size:1rem;--fdList_Item_Text_Font_Size:var(--sapFontSize);--fdList_Item_Height:var(--sapElement_Compact_LineHeight)}.fd-list[class*=-compact]:not(.fd-object-list):not(.fd-list--message-view) .fd-list__item--growing,.fd-list[class*=-condensed]:not(.fd-object-list):not(.fd-list--message-view) .fd-list__item--growing,[class*=-compact] .fd-list:not([class*=-cozy]):not(.fd-object-list):not(.fd-list--message-view) .fd-list__item--growing,[class*=-condensed] .fd-list:not([class*=-cozy]):not(.fd-object-list):not(.fd-list--message-view) .fd-list__item--growing{--fdList_Item_Height:var(--sapElement_LineHeight)}.fd-list[class*=-compact]:not(.fd-object-list):not(.fd-list--message-view) .fd-list__item.fd-list__item--action,.fd-list[class*=-condensed]:not(.fd-object-list):not(.fd-list--message-view) .fd-list__item.fd-list__item--action,[class*=-compact] .fd-list:not([class*=-cozy]):not(.fd-object-list):not(.fd-list--message-view) .fd-list__item.fd-list__item--action,[class*=-condensed] .fd-list:not([class*=-cozy]):not(.fd-object-list):not(.fd-list--message-view) .fd-list__item.fd-list__item--action{--fdList_Item_Height:var(--sapElement_Compact_LineHeight)}.fd-list[class*=-compact]:not(.fd-object-list):not(.fd-list--message-view) .fd-list__item.fd-list__item--action .fd-list__title,.fd-list[class*=-condensed]:not(.fd-object-list):not(.fd-list--message-view) .fd-list__item.fd-list__item--action .fd-list__title,[class*=-compact] .fd-list:not([class*=-cozy]):not(.fd-object-list):not(.fd-list--message-view) .fd-list__item.fd-list__item--action .fd-list__title,[class*=-condensed] .fd-list:not([class*=-cozy]):not(.fd-object-list):not(.fd-list--message-view) .fd-list__item.fd-list__item--action .fd-list__title{height:var(--fdList_Item_Action_Button_Size_Compact)}.fd-list--no-border .fd-list__group-header,.fd-list--no-border .fd-list__item{border-bottom:0;border-top:0}.fd-list--no-border .fd-list__item.is-selected,.fd-list--no-border .fd-list__item[aria-selected=true]{border-bottom:var(--sapList_BorderWidth) solid var(--sapList_SelectionBorderColor)}.fd-list--has-message{padding-top:2rem}.fd-list__infinite-scroll{outline:none;overflow:scroll}.fd-list--dropdown.is-focus,.fd-list--dropdown:focus{outline:none;z-index:5}.fd-list--dropdown .fd-list__item:not(.fd-list__group-header){align-items:center;display:flex;height:auto;min-height:2.5rem;padding:0 .9375rem}.fd-list--dropdown .fd-list__item:not(.fd-list__group-header).is-hover,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header):hover{--fdList_Item_Background_Color:var(--sapList_Hover_Background);--fdList_Item_Text_Color:var(--sapList_TextColor);--fdList_Item_Border_Color:var(--sapList_BorderColor)}.fd-list--dropdown .fd-list__item:not(.fd-list__group-header).is-selected,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header)[aria-selected=true]{--fdList_Item_Background_Color:var(--sapList_SelectionBackgroundColor);--fdList_Item_Text_Color:var(--sapList_TextColor);--fdList_Item_Border_Color:var(--sapList_SelectionBorderColor)}.fd-list--dropdown .fd-list__item:not(.fd-list__group-header).is-selected .fd-list__link,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header)[aria-selected=true] .fd-list__link{background:inherit}.fd-list--dropdown .fd-list__item:not(.fd-list__group-header).is-selected .fd-list__link.is-active,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header).is-selected .fd-list__link:active,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header)[aria-selected=true] .fd-list__link.is-active,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header)[aria-selected=true] .fd-list__link:active{--fdList_Item_Background_Color:var(--sapList_Active_Background)}.fd-list--dropdown .fd-list__item:not(.fd-list__group-header).is-selected.is-hover,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header).is-selected:hover,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header)[aria-selected=true].is-hover,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header)[aria-selected=true]:hover{--fdList_Item_Background_Color:var(--sapList_Hover_SelectionBackground)}.fd-list--dropdown .fd-list__item:not(.fd-list__group-header).is-active,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header).is-active.is-hover,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header).is-active.is-selected,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header).is-active.is-selected.is-hover,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header).is-active.is-selected:hover,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header).is-active:hover,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header).is-active[aria-selected=true],.fd-list--dropdown .fd-list__item:not(.fd-list__group-header).is-active[aria-selected=true].is-hover,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header).is-active[aria-selected=true]:hover,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header):active,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header):active.is-hover,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header):active.is-selected,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header):active.is-selected.is-hover,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header):active.is-selected:hover,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header):active:hover,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header):active[aria-selected=true],.fd-list--dropdown .fd-list__item:not(.fd-list__group-header):active[aria-selected=true].is-hover,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header):active[aria-selected=true]:hover{--fdList_Item_Background_Color:var(--sapList_Active_Background);--fdList_Item_Text_Color:var(--sapList_Active_TextColor);--fdList_Item_Border_Color:var(--sapList_Active_Background)}.fd-list--dropdown .fd-list__item:not(.fd-list__group-header).is-active,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header).is-active .fd-list__byline,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header).is-active .fd-list__byline-left,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header).is-active .fd-list__byline-right,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header).is-active .fd-list__byline-right--critical,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header).is-active .fd-list__byline-right--informative,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header).is-active .fd-list__byline-right--negative,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header).is-active .fd-list__byline-right--neutral,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header).is-active .fd-list__byline-right--positive,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header).is-active .fd-list__content,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header).is-active .fd-list__icon,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header).is-active .fd-list__secondary,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header).is-active .fd-list__thumbnail,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header).is-active .fd-list__title,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header).is-active.fd-list__link--navigation-indicator:after,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header):active,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header):active .fd-list__byline,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header):active .fd-list__byline-left,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header):active .fd-list__byline-right,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header):active .fd-list__byline-right--critical,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header):active .fd-list__byline-right--informative,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header):active .fd-list__byline-right--negative,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header):active .fd-list__byline-right--neutral,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header):active .fd-list__byline-right--positive,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header):active .fd-list__content,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header):active .fd-list__icon,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header):active .fd-list__secondary,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header):active .fd-list__thumbnail,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header):active .fd-list__title,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header):active.fd-list__link--navigation-indicator:after{text-shadow:none}.fd-list--dropdown[class*=-compact] .fd-list__item:not(.fd-list__group-header),.fd-list--dropdown[class*=-condensed] .fd-list__item:not(.fd-list__group-header),[class*=-compact] .fd-list--dropdown:not([class*=-cozy]) .fd-list__item:not(.fd-list__group-header),[class*=-condensed] .fd-list--dropdown:not([class*=-cozy]) .fd-list__item:not(.fd-list__group-header){height:auto;min-height:2rem;padding:0 .9375rem}.fd-list--multi-input .fd-list__item{height:auto;padding:0 1rem 0 0}.fd-list--multi-input .fd-list__item.is-hover,.fd-list--multi-input .fd-list__item:hover{--fdList_Item_Background_Color:var(--sapList_Hover_Background);--fdList_Item_Text_Color:var(--sapList_TextColor);--fdList_Item_Border_Color:var(--sapList_BorderColor)}.fd-list--multi-input .fd-list__item.is-selected,.fd-list--multi-input .fd-list__item[aria-selected=true]{--fdList_Item_Background_Color:var(--sapList_SelectionBackgroundColor);--fdList_Item_Text_Color:var(--sapList_TextColor);--fdList_Item_Border_Color:var(--sapList_SelectionBorderColor)}.fd-list--multi-input .fd-list__item.is-selected .fd-list__link,.fd-list--multi-input .fd-list__item[aria-selected=true] .fd-list__link{background:inherit}.fd-list--multi-input .fd-list__item.is-selected .fd-list__link.is-active,.fd-list--multi-input .fd-list__item.is-selected .fd-list__link:active,.fd-list--multi-input .fd-list__item[aria-selected=true] .fd-list__link.is-active,.fd-list--multi-input .fd-list__item[aria-selected=true] .fd-list__link:active{--fdList_Item_Background_Color:var(--sapList_Active_Background)}.fd-list--multi-input .fd-list__item.is-selected.is-hover,.fd-list--multi-input .fd-list__item.is-selected:hover,.fd-list--multi-input .fd-list__item[aria-selected=true].is-hover,.fd-list--multi-input .fd-list__item[aria-selected=true]:hover{--fdList_Item_Background_Color:var(--sapList_Hover_SelectionBackground)}.fd-list--multi-input .fd-list__item.is-active,.fd-list--multi-input .fd-list__item.is-active.is-hover,.fd-list--multi-input .fd-list__item.is-active.is-selected,.fd-list--multi-input .fd-list__item.is-active.is-selected.is-hover,.fd-list--multi-input .fd-list__item.is-active.is-selected:hover,.fd-list--multi-input .fd-list__item.is-active:hover,.fd-list--multi-input .fd-list__item.is-active[aria-selected=true],.fd-list--multi-input .fd-list__item.is-active[aria-selected=true].is-hover,.fd-list--multi-input .fd-list__item.is-active[aria-selected=true]:hover,.fd-list--multi-input .fd-list__item:active,.fd-list--multi-input .fd-list__item:active.is-hover,.fd-list--multi-input .fd-list__item:active.is-selected,.fd-list--multi-input .fd-list__item:active.is-selected.is-hover,.fd-list--multi-input .fd-list__item:active.is-selected:hover,.fd-list--multi-input .fd-list__item:active:hover,.fd-list--multi-input .fd-list__item:active[aria-selected=true],.fd-list--multi-input .fd-list__item:active[aria-selected=true].is-hover,.fd-list--multi-input .fd-list__item:active[aria-selected=true]:hover{--fdList_Item_Background_Color:var(--sapList_Active_Background);--fdList_Item_Text_Color:var(--sapList_Active_TextColor);--fdList_Item_Border_Color:var(--sapList_Active_Background)}.fd-list--multi-input .fd-list__item.is-active,.fd-list--multi-input .fd-list__item.is-active .fd-list__byline,.fd-list--multi-input .fd-list__item.is-active .fd-list__byline-left,.fd-list--multi-input .fd-list__item.is-active .fd-list__byline-right,.fd-list--multi-input .fd-list__item.is-active .fd-list__byline-right--critical,.fd-list--multi-input .fd-list__item.is-active .fd-list__byline-right--informative,.fd-list--multi-input .fd-list__item.is-active .fd-list__byline-right--negative,.fd-list--multi-input .fd-list__item.is-active .fd-list__byline-right--neutral,.fd-list--multi-input .fd-list__item.is-active .fd-list__byline-right--positive,.fd-list--multi-input .fd-list__item.is-active .fd-list__content,.fd-list--multi-input .fd-list__item.is-active .fd-list__icon,.fd-list--multi-input .fd-list__item.is-active .fd-list__secondary,.fd-list--multi-input .fd-list__item.is-active .fd-list__thumbnail,.fd-list--multi-input .fd-list__item.is-active .fd-list__title,.fd-list--multi-input .fd-list__item.is-active.fd-list__link--navigation-indicator:after,.fd-list--multi-input .fd-list__item:active,.fd-list--multi-input .fd-list__item:active .fd-list__byline,.fd-list--multi-input .fd-list__item:active .fd-list__byline-left,.fd-list--multi-input .fd-list__item:active .fd-list__byline-right,.fd-list--multi-input .fd-list__item:active .fd-list__byline-right--critical,.fd-list--multi-input .fd-list__item:active .fd-list__byline-right--informative,.fd-list--multi-input .fd-list__item:active .fd-list__byline-right--negative,.fd-list--multi-input .fd-list__item:active .fd-list__byline-right--neutral,.fd-list--multi-input .fd-list__item:active .fd-list__byline-right--positive,.fd-list--multi-input .fd-list__item:active .fd-list__content,.fd-list--multi-input .fd-list__item:active .fd-list__icon,.fd-list--multi-input .fd-list__item:active .fd-list__secondary,.fd-list--multi-input .fd-list__item:active .fd-list__thumbnail,.fd-list--multi-input .fd-list__item:active .fd-list__title,.fd-list--multi-input .fd-list__item:active.fd-list__link--navigation-indicator:after{text-shadow:none}.fd-list--multi-input .fd-list__item[dir=rtl],[dir=rtl] .fd-list--multi-input .fd-list__item{padding:0 0 0 1rem}.fd-list--multi-input .fd-list__label{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:inherit;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin:0;overflow:hidden;padding:0;position:relative;text-overflow:ellipsis;width:100%}.fd-list--multi-input .fd-list__label:after,.fd-list--multi-input .fd-list__label:before{box-sizing:inherit;font-size:inherit}.fd-list--multi-input .fd-list__label:before{margin-bottom:-.1875rem;margin-top:-.1875rem}.fd-list--multi-input .fd-list__input.is-focus,.fd-list--multi-input .fd-list__input:focus{box-shadow:none;z-index:5}.fd-list--multi-input .fd-list__input.is-focus+.fd-list__label:after,.fd-list--multi-input .fd-list__input:focus+.fd-list__label:after{inset:.0625rem}.fd-list--multi-input .fd-list__footer{-webkit-box-pack:end;-ms-flex-pack:end;background-color:var(--sapList_Background);height:auto;justify-content:flex-end;line-height:1rem;text-align:right}.fd-list--multi-input .fd-list__footer,.fd-list--multi-input .fd-list__label{padding:.75rem .9375rem}.fd-list--multi-input[class*=-compact] .fd-list__item,.fd-list--multi-input[class*=-condensed] .fd-list__item,[class*=-compact] .fd-list--multi-input:not([class*=-cozy]) .fd-list__item,[class*=-condensed] .fd-list--multi-input:not([class*=-cozy]) .fd-list__item{height:auto;padding:0}.fd-list--multi-input[class*=-compact] .fd-list__label:before,.fd-list--multi-input[class*=-condensed] .fd-list__label:before,[class*=-compact] .fd-list--multi-input:not([class*=-cozy]) .fd-list__label:before,[class*=-condensed] .fd-list--multi-input:not([class*=-cozy]) .fd-list__label:before{margin-bottom:0;margin-left:0;margin-top:0}.fd-list--multi-input[class*=-compact] .fd-list__footer,.fd-list--multi-input[class*=-compact] .fd-list__label,.fd-list--multi-input[class*=-condensed] .fd-list__footer,.fd-list--multi-input[class*=-condensed] .fd-list__label,[class*=-compact] .fd-list--multi-input:not([class*=-cozy]) .fd-list__footer,[class*=-compact] .fd-list--multi-input:not([class*=-cozy]) .fd-list__label,[class*=-condensed] .fd-list--multi-input:not([class*=-cozy]) .fd-list__footer,[class*=-condensed] .fd-list--multi-input:not([class*=-cozy]) .fd-list__label{padding:.5rem .9375rem}.fd-list--dropdown,.fd-list--multi-input{display:block;max-width:40rem;min-width:5rem}.fd-list--dropdown .fd-list__item,.fd-list--multi-input .fd-list__item{border:none;cursor:pointer}.fd-list--dropdown .fd-list__item.is-selected,.fd-list--dropdown .fd-list__item[aria-selected=true],.fd-list--multi-input .fd-list__item.is-selected,.fd-list--multi-input .fd-list__item[aria-selected=true]{border-bottom:var(--sapList_BorderWidth) solid var(--sapList_SelectionBorderColor)}.fd-list--dropdown .fd-list__secondary,.fd-list--dropdown .fd-list__title,.fd-list--multi-input .fd-list__secondary,.fd-list--multi-input .fd-list__title{flex:auto;font-size:var(--sapFontSize);white-space:normal;width:auto}.fd-list--dropdown .fd-list__secondary--no-wrap,.fd-list--dropdown .fd-list__title--no-wrap,.fd-list--multi-input .fd-list__secondary--no-wrap,.fd-list--multi-input .fd-list__title--no-wrap{white-space:nowrap}.fd-list--dropdown .fd-list__secondary,.fd-list--multi-input .fd-list__secondary{display:block}.fd-list--dropdown .fd-list__title,.fd-list--multi-input .fd-list__title{max-width:24rem}.fd-list--dropdown .fd-list__title:first-child:last-child,.fd-list--multi-input .fd-list__title:first-child:last-child{max-width:40rem}.fd-list--dropdown .fd-list__secondary,.fd-list--multi-input .fd-list__secondary{max-width:16rem}.fd-list--dropdown.fd-list--mobile,.fd-list--multi-input.fd-list--mobile{max-width:100%}.fd-list--dropdown .fd-list__icon,.fd-list--multi-input .fd-list__icon{line-height:1rem}.fd-list--dropdown.fd-list--large-dropdown,.fd-list--multi-input.fd-list--large-dropdown{max-width:62rem}.fd-list--dropdown.fd-list--large-dropdown .fd-list__title,.fd-list--multi-input.fd-list--large-dropdown .fd-list__title{max-width:37.2rem}.fd-list--dropdown.fd-list--large-dropdown .fd-list__title:first-child:last-child,.fd-list--multi-input.fd-list--large-dropdown .fd-list__title:first-child:last-child{max-width:62rem}.fd-list--dropdown.fd-list--large-dropdown .fd-list__secondary,.fd-list--multi-input.fd-list--large-dropdown .fd-list__secondary{max-width:24.8rem}.fd-list--dropdown.fd-list--large-dropdown.fd-list--mobile,.fd-list--multi-input.fd-list--large-dropdown.fd-list--mobile{max-width:100%}.fd-list--byline .fd-list__item{align-items:flex-start;height:auto;min-height:5rem;padding:.9375rem 1rem;width:100%}.fd-list--byline .fd-list__item.is-focus,.fd-list--byline .fd-list__item:focus{pointer-events:all;z-index:5}.fd-list--byline .fd-list__item .fd-list__item-counter{-ms-flex-align:center;-ms-flex-item-align:center;-webkit-box-pack:end;-ms-flex-pack:end;align-self:center;height:100%;justify-content:flex-end;min-width:2rem}.fd-list--byline .fd-list__item .fd-list__item-counter,.fd-list--byline .fd-list__thumbnail{align-items:center;display:flex}.fd-list--byline .fd-list__thumbnail{-webkit-box-sizing:border-box;-webkit-box-pack:center;-ms-flex-pack:center;-ms-flex-align:center;border:0;border-radius:.25rem;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_NonInteractiveIconColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:2rem;font-weight:400;forced-color-adjust:none;height:3rem;justify-content:center;line-height:normal;margin:0 .75rem 0 0;max-height:3rem;max-width:3rem;min-height:3rem;min-width:3rem;padding:0;pointer-events:none;width:3rem}.fd-list--byline .fd-list__thumbnail:after,.fd-list--byline .fd-list__thumbnail:before{box-sizing:inherit;font-size:inherit}.fd-list--byline .fd-list__thumbnail [class*=sap-icon],.fd-list--byline .fd-list__thumbnail[class*=sap-icon]{background:inherit;border-radius:inherit;color:inherit;font-size:inherit;line-height:1}.fd-list--byline .fd-list__thumbnail[dir=rtl],[dir=rtl] .fd-list--byline .fd-list__thumbnail{margin-left:.75rem;margin-right:0}.fd-list--byline .fd-list__thumbnail>svg{height:100%}.fd-list--byline .fd-list__notification{-webkit-transform:translateY(-50%);color:var(--sapAccentColor6);font-size:.375rem;left:1rem;position:absolute;top:50%;transform:translateY(-50%)}.fd-list--byline .fd-list__notification[dir=rtl],[dir=rtl] .fd-list--byline .fd-list__notification{left:auto;right:1rem}.fd-list--byline .fd-list__notification+.fd-list__link .fd-list__content .fd-list__title,.fd-list--byline .fd-list__notification~.fd-list__content .fd-list__title{font-weight:700}.fd-list--byline .fd-list__content{-webkit-box-sizing:border-box;-ms-flex-line-pack:justify;-webkit-box-flex:1;-ms-flex:1 1 auto;align-content:space-between;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex:1 1 auto;flex-direction:column;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:100%;line-height:normal;margin:0;min-height:3rem;min-width:3rem;padding:.125rem 0;pointer-events:none}.fd-list--byline .fd-list__content:after,.fd-list--byline .fd-list__content:before{box-sizing:inherit;font-size:inherit}.fd-list--byline .fd-list__title{font-size:var(--sapFontLargeSize);min-height:1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fd-list--byline .fd-list__byline{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_LabelColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;line-height:1rem;margin:0;overflow:hidden;padding:.5rem 0 0;text-overflow:ellipsis;white-space:nowrap}.fd-list--byline .fd-list__byline:after,.fd-list--byline .fd-list__byline:before{box-sizing:inherit;font-size:inherit}.fd-list--byline .fd-list__byline--2-col{display:flex;pointer-events:all}.fd-list--byline .fd-list__byline--wrap .fd-list__byline-left,.fd-list--byline .fd-list__byline--wrap .fd-list__byline-right{display:inline;padding:0;white-space:normal;width:100%}.fd-list--byline .fd-list__byline--wrap .fd-list__byline-right{float:right;width:auto}.fd-list--byline .fd-list__link--more{pointer-events:all;text-transform:capitalize}.fd-list--byline .fd-list__byline--wrap,.fd-list--byline .fd-list__title--wrap{white-space:normal}.fd-list--byline .fd-list__byline-left{-webkit-box-sizing:border-box;align-self:flex-end;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_LabelColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;line-height:1rem;margin:0;overflow:hidden;padding:0 .5rem 0 0;text-overflow:ellipsis;white-space:nowrap;width:60%}.fd-list--byline .fd-list__byline-left:after,.fd-list--byline .fd-list__byline-left:before{box-sizing:inherit;font-size:inherit}.fd-list--byline .fd-list__byline-left[dir=rtl],[dir=rtl] .fd-list--byline .fd-list__byline-left{padding-left:.5rem;padding-right:0}.fd-list--byline .fd-list__byline-right{-webkit-box-sizing:border-box;align-self:flex-end;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_LabelColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;line-height:1rem;margin:0;overflow:hidden;padding:0 0 0 .5rem;text-align:right;text-overflow:ellipsis;white-space:nowrap;width:40%}.fd-list--byline .fd-list__byline-right:after,.fd-list--byline .fd-list__byline-right:before{box-sizing:inherit;font-size:inherit}.fd-list--byline .fd-list__byline-right[dir=rtl],[dir=rtl] .fd-list--byline .fd-list__byline-right{padding-left:0;padding-right:.5rem;text-align:left}.fd-list--byline .fd-list__byline-right--neutral{color:var(--sapNeutralTextColor)}.fd-list--byline .fd-list__byline-right--positive{color:var(--sapPositiveTextColor)}.fd-list--byline .fd-list__byline-right--critical{color:var(--sapCriticalTextColor)}.fd-list--byline .fd-list__byline-right--negative{color:var(--sapNegativeTextColor)}.fd-list--byline .fd-list__byline-right--informative{color:var(--sapInformativeTextColor)}.fd-list--byline.fd-list--unread-indicator .fd-list__item{padding-left:2.125rem;padding-right:1rem}.fd-list--byline.fd-list--unread-indicator .fd-list__item[dir=rtl],[dir=rtl] .fd-list--byline.fd-list--unread-indicator .fd-list__item{padding-left:1rem;padding-right:2.125rem}.fd-list--byline[class*=-compact] .fd-list__title,.fd-list--byline[class*=-condensed] .fd-list__title,[class*=-compact] .fd-list--byline:not([class*=-cozy]) .fd-list__title,[class*=-condensed] .fd-list--byline:not([class*=-cozy]) .fd-list__title{font-size:var(--sapFontSize)}.fd-list--byline.fd-list--no-border .fd-list__item{height:100%;max-height:5rem;padding-bottom:.5rem;padding-top:.5rem}.fd-list--byline.fd-list--no-border .fd-list__item:first-child{padding-top:.9375rem}.fd-list--byline.fd-list--no-border .fd-list__item:last-child{padding-bottom:.9375rem}.fd-list--message-view{--fdListNavigationIndicatorFontSize:.75rem;--fdList_Item_Height:calc(2.75rem + var(--sapList_BorderWidth));--fdList_Message_View_Item_Byline_Height:calc(3.325rem + var(--sapList_BorderWidth));--fdList_Message_View_Title_Size:var(--sapFontHeader5Size)}.fd-list--message-view .fd-list__item{height:auto}.fd-list--message-view .fd-list__item--byline{--fdList_Item_Height:var(--fdList_Message_View_Item_Byline_Height)}.fd-list--message-view .fd-list__content{-webkit-box-sizing:border-box;-webkit-box-flex:1;-ms-flex:1 1 auto;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex:1 1 auto;flex-direction:column;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin:0;overflow:hidden;padding:0;pointer-events:none;text-overflow:ellipsis;white-space:nowrap}.fd-list--message-view .fd-list__content:after,.fd-list--message-view .fd-list__content:before{box-sizing:inherit;font-size:inherit}.fd-list--message-view .fd-list__title{color:var(--sapGroup_TitleTextColor);font-family:var(--sapFontHeaderFamily);font-size:var(--fdList_Message_View_Title_Size);font-weight:var(--sapFontHeaderWeight, normal);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fd-list--message-view .fd-list__subtitle{color:var(--sapContent_LabelColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);overflow:hidden;padding-top:.25rem;text-overflow:ellipsis;white-space:nowrap}.fd-list--message-view .fd-list__link{padding-bottom:.5rem;padding-top:.5rem}.fd-list--message-view .fd-list__link.is-active .fd-list__subtitle,.fd-list--message-view .fd-list__link.is-active .fd-list__title,.fd-list--message-view .fd-list__link.is-active .fd-object-status .fd-object-status__icon,.fd-list--message-view .fd-list__link:active .fd-list__subtitle,.fd-list--message-view .fd-list__link:active .fd-list__title,.fd-list--message-view .fd-list__link:active .fd-object-status .fd-object-status__icon{color:var(--sapList_Active_TextColor)}.fd-list--message-view[class*=-compact],.fd-list--message-view[class*=-condensed],[class*=-compact] .fd-list--message-view:not([class*=-cozy]),[class*=-condensed] .fd-list--message-view:not([class*=-cozy]){--fdList_Message_View_Item_Height:calc(2rem + var(--sapList_BorderWidth));--fdList_Message_View_Title_Size:var(--sapFontHeader6Size);--fdList_Message_View_Item_Byline_Height:calc(3.25rem + var(--sapList_BorderWidth))}.fd-list--navigation .fd-list__item--link{padding:0}.fd-list--navigation.fd-icon-tab-bar__list .fd-list__link{gap:.25rem}.fd-list--navigation .fd-list__link{padding-left:var(--fdList_Navigation_Link_Padding_Left, .9375rem);padding-right:var(--fdList_Navigation_Link_Padding_Right, .9375rem)}.fd-list--navigation .fd-list__link[dir=rtl],[dir=rtl] .fd-list--navigation .fd-list__link{padding-left:var(--fdList_Navigation_Link_Padding_Right, .9375rem);padding-right:var(--fdList_Navigation_Link_Padding_Left, .9375rem)}.fd-list--navigation.fd-list--unread-indicator{--fdList_Navigation_Link_Padding_Left:2.125rem;--fdList_Navigation_Link_Padding_Right:.9375rem}.fd-list--navigation.fd-list--navigation-indication{--fdList_Navigation_Link_Padding_Left:.9375rem;--fdList_Navigation_Link_Padding_Right:0}.fd-list--navigation.fd-list--selection{--fdList_Navigation_Link_Padding_Left:2.75rem;--fdList_Navigation_Link_Padding_Right:.9375rem}.fd-list--navigation.fd-list--selection .fd-list__item--link{padding:0}.fd-list--navigation.fd-list--selection.fd-list--navigation-indication{--fdList_Navigation_Link_Padding_Left:2.75rem;--fdList_Navigation_Link_Padding_Right:0}.fd-list--navigation.fd-list--selection.fd-list--navigation-indication .fd-list__item--link{padding:0}.fd-list--navigation.fd-list--byline,.fd-list--navigation.fd-list--byline.fd-list--compact{--fdList_Navigation_Link_Padding_Left:1rem;--fdList_Navigation_Link_Padding_Right:1rem}.fd-list--navigation.fd-list--byline .fd-list__item--link,.fd-list--navigation.fd-list--byline.fd-list--compact .fd-list__item--link{padding:0}.fd-list--navigation.fd-list--byline .fd-list__link,.fd-list--navigation.fd-list--byline.fd-list--compact .fd-list__link{padding-bottom:.9375rem;padding-top:.9375rem}.fd-list--navigation.fd-list--byline.fd-list--compact.fd-list--unread-indicator,.fd-list--navigation.fd-list--byline.fd-list--unread-indicator{--fdList_Navigation_Link_Padding_Left:2.125rem;--fdList_Navigation_Link_Padding_Right:1rem}.fd-list--navigation.fd-list--byline.fd-list--navigation-indication{--fdList_Navigation_Link_Padding_Left:.9375rem;--fdList_Navigation_Link_Padding_Right:0}.fd-list--navigation.fd-list--byline.fd-list--no-border .fd-list__item--link .fd-list__link{padding-bottom:.5rem;padding-top:.5rem}.fd-list--navigation.fd-list--byline.fd-list--no-border .fd-list__item--link:first-child{padding-top:0}.fd-list--navigation.fd-list--byline.fd-list--no-border .fd-list__item--link:first-child .fd-list__link{padding-top:1rem}.fd-list--navigation.fd-list--byline.fd-list--no-border .fd-list__item--link:first-child .fd-list__link--navigation-indicator:after{margin-bottom:.5rem}.fd-list--navigation.fd-list--byline.fd-list--no-border .fd-list__item--link:last-child{padding-bottom:0}.fd-list--navigation.fd-list--byline.fd-list--no-border .fd-list__item--link:last-child .fd-list__link{padding-bottom:1rem}.fd-list--navigation.fd-list--byline.fd-list--no-border .fd-list__item--link:last-child .fd-list__link--navigation-indicator:after{margin-top:.25rem}.fd-list--navigation.fd-list--byline.fd-list--selection{--fdList_Navigation_Link_Padding_Left:2.75rem;--fdList_Navigation_Link_Padding_Right:1rem}.fd-list--navigation.fd-list--byline.fd-list--selection .fd-list__item--link{padding:0}.fd-list--navigation.fd-list--byline.fd-list--selection[class*=-compact],.fd-list--navigation.fd-list--byline.fd-list--selection[class*=-condensed],[class*=-compact] .fd-list--navigation.fd-list--byline.fd-list--selection:not([class*=-cozy]),[class*=-condensed] .fd-list--navigation.fd-list--byline.fd-list--selection:not([class*=-cozy]){--fdList_Navigation_Link_Padding_Left:2.75rem;--fdList_Navigation_Link_Padding_Right:1rem}.fd-list--navigation.fd-list--byline.fd-list--selection.fd-list--no-border .fd-list__item--link,.fd-list--navigation.fd-list--byline.fd-list--selection[class*=-compact] .fd-list__item--link,.fd-list--navigation.fd-list--byline.fd-list--selection[class*=-condensed] .fd-list__item--link,[class*=-compact] .fd-list--navigation.fd-list--byline.fd-list--selection:not([class*=-cozy]) .fd-list__item--link,[class*=-condensed] .fd-list--navigation.fd-list--byline.fd-list--selection:not([class*=-cozy]) .fd-list__item--link{padding:0}.fd-list--navigation.fd-list--byline.fd-list--selection.fd-list--no-border .fd-list__item--link .fd-list__link{padding-bottom:.5rem;padding-top:.5rem}.fd-list--navigation.fd-list--byline.fd-list--selection.fd-list--no-border .fd-list__item--link:first-child{padding-top:0}.fd-list--navigation.fd-list--byline.fd-list--selection.fd-list--no-border .fd-list__item--link:first-child .fd-list__link{padding-top:1rem}.fd-list--navigation.fd-list--byline.fd-list--selection.fd-list--no-border .fd-list__item--link:first-child .fd-list__link--navigation-indicator:after{margin-bottom:.5rem}.fd-list--navigation.fd-list--byline.fd-list--selection.fd-list--no-border .fd-list__item--link:last-child{padding-bottom:0}.fd-list--navigation.fd-list--byline.fd-list--selection.fd-list--no-border .fd-list__item--link:last-child .fd-list__link{padding-bottom:1rem}.fd-list--navigation.fd-list--byline.fd-list--selection.fd-list--no-border .fd-list__item--link:last-child .fd-list__link--navigation-indicator:after{margin-top:.25rem}.fd-list--navigation.fd-list--byline.fd-list--selection.fd-list--navigation-indication{--fdList_Navigation_Link_Padding_Left:2.75rem;--fdList_Navigation_Link_Padding_Right:0}.fd-list--navigation.fd-list--byline.fd-list--selection.fd-list--navigation-indication .fd-list__item--link{padding:0}.fd-list--navigation.fd-list--byline.fd-list--selection.fd-list--navigation-indication[class*=-compact],.fd-list--navigation.fd-list--byline.fd-list--selection.fd-list--navigation-indication[class*=-condensed],[class*=-compact] .fd-list--navigation.fd-list--byline.fd-list--selection.fd-list--navigation-indication:not([class*=-cozy]),[class*=-condensed] .fd-list--navigation.fd-list--byline.fd-list--selection.fd-list--navigation-indication:not([class*=-cozy]){--fdList_Navigation_Link_Padding_Left:2.75rem;--fdList_Navigation_Link_Padding_Right:0}.fd-list--navigation.fd-list--byline.fd-list--selection.fd-list--navigation-indication.fd-list--no-border .fd-list__item--link .fd-list__link{padding-bottom:.5rem;padding-top:.5rem}.fd-list--navigation.fd-list--byline.fd-list--selection.fd-list--navigation-indication.fd-list--no-border .fd-list__item--link:first-child{padding-top:0}.fd-list--navigation.fd-list--byline.fd-list--selection.fd-list--navigation-indication.fd-list--no-border .fd-list__item--link:first-child .fd-list__link{padding-top:1rem}.fd-list--navigation.fd-list--byline.fd-list--selection.fd-list--navigation-indication.fd-list--no-border .fd-list__item--link:first-child .fd-list__link--navigation-indicator:after{margin-bottom:.5rem}.fd-list--navigation.fd-list--byline.fd-list--selection.fd-list--navigation-indication.fd-list--no-border .fd-list__item--link:last-child{padding-bottom:0}.fd-list--navigation.fd-list--byline.fd-list--selection.fd-list--navigation-indication.fd-list--no-border .fd-list__item--link:last-child .fd-list__link{padding-bottom:1rem}.fd-list--navigation.fd-list--byline.fd-list--selection.fd-list--navigation-indication.fd-list--no-border .fd-list__item--link:last-child .fd-list__link--navigation-indicator:after{margin-top:.25rem}.fd-list--navigation.fd-list--navigation-object{--fdList_Navigation_Link_Padding_Left:1rem;--fdList_Navigation_Link_Padding_Right:1rem}.fd-list--navigation.fd-list--navigation-object .fd-list__item--link,.fd-list--navigation.fd-list--navigation-object[dir=rtl] .fd-list__item--link,[dir=rtl] .fd-list--navigation.fd-list--navigation-object .fd-list__item--link{padding:0}.fd-list--navigation.fd-list--navigation-object .fd-list__link{padding-bottom:1rem;padding-top:1rem}.fd-list--navigation-indication .fd-list:after{content:\"\";min-width:1.5rem}.fd-list--navigation-indication fd-list__item.fd-list__item--link{padding-right:0}.fd-list--navigation-indication fd-list__item.fd-list__item--link[dir=rtl],[dir=rtl] .fd-list--navigation-indication fd-list__item.fd-list__item--link{padding-left:0;padding-right:0}.fd-list--navigation-indication fd-list__item.fd-list__item--link:after{content:none}.fd-list--navigation-indication .fd-list__link:after{content:\"\";min-width:2.5rem}.fd-list--navigation-indication .fd-list__link--navigation-indicator:after{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;color:var(--sapContent_NonInteractiveIconColor);content:\"\\e1ed\";display:flex;font-family:SAP-icons;font-size:var(--fdListNavigationIndicatorFontSize, var(--sapFontLargeSize));height:100%;justify-content:center;text-decoration:none;text-transform:none}.fd-list--navigation-indication .fd-list__link--navigation-indicator[dir=rtl]:after,[dir=rtl] .fd-list--navigation-indication .fd-list__link--navigation-indicator:after{content:\"\\e1ee\"}.fd-list--navigation-indication .fd-list__icon:last-child,.fd-list--navigation-indication .fd-list__icon[dir=rtl]:last-child,[dir=rtl] .fd-list--navigation-indication .fd-list__icon:last-child{margin:0}.fd-list--navigation-indication .is-navigated{box-shadow:inset -.1875rem 0 0 0 var(--sapList_SelectionBorderColor)}.fd-list--navigation-indication .is-navigated[dir=rtl],[dir=rtl] .fd-list--navigation-indication .is-navigated{box-shadow:inset .1875rem 0 0 0 var(--sapList_SelectionBorderColor)}.fd-list--selection .fd-list__item{cursor:pointer;padding-left:2.75rem;padding-right:.9375rem}.fd-list--selection .fd-list__item[dir=rtl],[dir=rtl] .fd-list--selection .fd-list__item{padding-left:.9375rem;padding-right:2.75rem}.fd-list--selection .fd-list__item.is-hover,.fd-list--selection .fd-list__item:hover{--fdList_Item_Background_Color:var(--sapList_Hover_Background)}.fd-list--selection .fd-list__item.is-selected,.fd-list--selection .fd-list__item[aria-selected=true]{--fdList_Item_Background_Color:var(--sapList_SelectionBackgroundColor);--fdList_Item_Text_Color:var(--sapList_TextColor);--fdList_Item_Border_Color:var(--sapList_SelectionBorderColor)}.fd-list--selection .fd-list__item.is-selected .fd-list__link,.fd-list--selection .fd-list__item[aria-selected=true] .fd-list__link{background:inherit}.fd-list--selection .fd-list__item.is-selected .fd-list__link.is-active,.fd-list--selection .fd-list__item.is-selected .fd-list__link:active,.fd-list--selection .fd-list__item[aria-selected=true] .fd-list__link.is-active,.fd-list--selection .fd-list__item[aria-selected=true] .fd-list__link:active{--fdList_Item_Background_Color:var(--sapList_Active_Background)}.fd-list--selection .fd-list__item.is-selected.is-hover,.fd-list--selection .fd-list__item.is-selected:hover,.fd-list--selection .fd-list__item[aria-selected=true].is-hover,.fd-list--selection .fd-list__item[aria-selected=true]:hover{--fdList_Item_Background_Color:var(--sapList_Hover_SelectionBackground)}.fd-list--selection .fd-list__form-item{left:0;position:absolute;top:0;z-index:5}.fd-list--selection .fd-list__form-item[dir=rtl],[dir=rtl] .fd-list--selection .fd-list__form-item{left:auto;right:0}.fd-list--selection[class*=-compact] .fd-list__form-item,.fd-list--selection[class*=-condensed] .fd-list__form-item,[class*=-compact] .fd-list--selection:not([class*=-cozy]) .fd-list__form-item,[class*=-condensed] .fd-list--selection:not([class*=-cozy]) .fd-list__form-item{left:.375rem}.fd-list--selection[class*=-compact] .fd-list__form-item[dir=rtl],.fd-list--selection[class*=-condensed] .fd-list__form-item[dir=rtl],[class*=-compact] .fd-list--selection:not([class*=-cozy]) .fd-list__form-item[dir=rtl],[class*=-condensed] .fd-list--selection:not([class*=-cozy]) .fd-list__form-item[dir=rtl],[dir=rtl] .fd-list--selection[class*=-compact] .fd-list__form-item,[dir=rtl] .fd-list--selection[class*=-condensed] .fd-list__form-item,[dir=rtl] [class*=-compact] .fd-list--selection:not([class*=-cozy]) .fd-list__form-item,[dir=rtl] [class*=-condensed] .fd-list--selection:not([class*=-cozy]) .fd-list__form-item{left:auto;right:.375rem}.fd-list--selection.fd-list--byline .fd-list__item{padding-left:2.75rem;padding-right:1rem}.fd-list--selection.fd-list--byline .fd-list__item[dir=rtl],[dir=rtl] .fd-list--selection.fd-list--byline .fd-list__item{padding-left:1rem;padding-right:2.75rem}.fd-list--selection.fd-list--byline .fd-list__form-item{top:.3125rem}.fd-list--selection.fd-list--byline[class*=-compact] .fd-list__item,.fd-list--selection.fd-list--byline[class*=-condensed] .fd-list__item,[class*=-compact] .fd-list--selection.fd-list--byline:not([class*=-cozy]) .fd-list__item,[class*=-condensed] .fd-list--selection.fd-list--byline:not([class*=-cozy]) .fd-list__item{padding-left:2.75rem;padding-right:1rem}.fd-list--selection.fd-list--byline[class*=-compact] .fd-list__item[dir=rtl],.fd-list--selection.fd-list--byline[class*=-condensed] .fd-list__item[dir=rtl],[class*=-compact] .fd-list--selection.fd-list--byline:not([class*=-cozy]) .fd-list__item[dir=rtl],[class*=-condensed] .fd-list--selection.fd-list--byline:not([class*=-cozy]) .fd-list__item[dir=rtl],[dir=rtl] .fd-list--selection.fd-list--byline[class*=-compact] .fd-list__item,[dir=rtl] .fd-list--selection.fd-list--byline[class*=-condensed] .fd-list__item,[dir=rtl] [class*=-compact] .fd-list--selection.fd-list--byline:not([class*=-cozy]) .fd-list__item,[dir=rtl] [class*=-condensed] .fd-list--selection.fd-list--byline:not([class*=-cozy]) .fd-list__item{padding-left:1rem;padding-right:2.75rem}.fd-list--selection.fd-list--byline[class*=-compact] .fd-list__form-item,.fd-list--selection.fd-list--byline[class*=-condensed] .fd-list__form-item,[class*=-compact] .fd-list--selection.fd-list--byline:not([class*=-cozy]) .fd-list__form-item,[class*=-condensed] .fd-list--selection.fd-list--byline:not([class*=-cozy]) .fd-list__form-item{left:.375rem;top:.5rem}.fd-list--selection.fd-list--byline[class*=-compact] .fd-list__form-item[dir=rtl],.fd-list--selection.fd-list--byline[class*=-condensed] .fd-list__form-item[dir=rtl],[class*=-compact] .fd-list--selection.fd-list--byline:not([class*=-cozy]) .fd-list__form-item[dir=rtl],[class*=-condensed] .fd-list--selection.fd-list--byline:not([class*=-cozy]) .fd-list__form-item[dir=rtl],[dir=rtl] .fd-list--selection.fd-list--byline[class*=-compact] .fd-list__form-item,[dir=rtl] .fd-list--selection.fd-list--byline[class*=-condensed] .fd-list__form-item,[dir=rtl] [class*=-compact] .fd-list--selection.fd-list--byline:not([class*=-cozy]) .fd-list__form-item,[dir=rtl] [class*=-condensed] .fd-list--selection.fd-list--byline:not([class*=-cozy]) .fd-list__form-item{left:auto;right:.375rem}.fd-list--selection.fd-list--byline.fd-list--no-border .fd-list__item{padding:.5rem 1rem .5rem 2.75rem}.fd-list--selection.fd-list--byline.fd-list--no-border .fd-list__item[dir=rtl],[dir=rtl] .fd-list--selection.fd-list--byline.fd-list--no-border .fd-list__item{padding-left:1rem;padding-right:2.75rem}.fd-list--selection.fd-list--byline.fd-list--no-border .fd-list__item:first-child{padding-top:.9375rem}.fd-list--selection.fd-list--byline.fd-list--no-border .fd-list__item:last-child{padding-bottom:.9375rem}.fd-list--selection.fd-list--byline.fd-list--no-border .fd-list__item:not(:first-child) .fd-list__form-item,.fd-list--selection.fd-list--byline.fd-list--no-border .fd-list__item:not(:first-child) .fd-list__form-item.fd-form-item{top:0}.fd-list--selection.fd-list--byline.fd-list--no-border .fd-list__item:not(:first-child) .fd-list__form-item label,.fd-list--selection.fd-list--byline.fd-list--no-border .fd-list__item:not(:first-child) .fd-list__form-item.fd-form-item label{padding-top:.5rem}.fd-list--selection.fd-list--byline.fd-list--no-border .fd-list__item:not(:first-child) .fd-list__form-item label:after,.fd-list--selection.fd-list--byline.fd-list--no-border .fd-list__item:not(:first-child) .fd-list__form-item.fd-form-item label:after{top:.375rem}.fd-list--selection.fd-list--selection-row .fd-list__item{padding-left:1rem}.fd-list--selection.fd-list--selection-row .fd-list__item[dir=rtl],[dir=rtl] .fd-list--selection.fd-list--selection-row .fd-list__item{padding-right:1rem}:root{--fdList_Item_Background_Color:var(--sapList_Background);--fdList_Item_Text_Color:var(--sapList_TextColor);--fdList_Item_Border_Color:var(--sapList_BorderColor);--fdList_Item_Text_Font_Size:var(--sapFontLargeSize);--fdList_Item_Icon_Font_Size:1.125rem;--fdList_Item_Height:var(--sapElement_LineHeight);--fdList_Status_Text_Color:var(--sapNeutralTextColor);--fdList_Message_Background_Color:var(--sapNeutralBackground)}.fd-list__item-counter{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_MarkerTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin:0 0 0 1rem;overflow:hidden;padding:0;text-overflow:ellipsis;white-space:nowrap}.fd-list__item-counter:after,.fd-list__item-counter:before{box-sizing:inherit;font-size:inherit}.fd-list__item-counter[dir=rtl],[dir=rtl] .fd-list__item-counter{margin-left:0;margin-right:1rem}.fd-icon-tab-bar{display:flex;flex-direction:column;height:100%}.fd-icon-tab-bar .fd-icon-tab-bar__item--hidden{display:none}.fd-icon-tab-bar__list{max-height:20rem}.fd-icon-tab-bar__list-item-counter{padding-left:.313rem}[dir=rtl] .fd-icon-tab-bar .fd-icon-tab-bar__list-item-counter,.fd-icon-tab-bar[dir=rtl] .fd-icon-tab-bar__list-item-counter{padding-left:0;padding-right:.25rem}.cdk-drag-placeholder{opacity:.3;pointer-events:none}.screenreader-only{position:absolute!important;height:1px;width:1px;overflow:hidden;opacity:0;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px)}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: IconTabBarProcessTypeComponent, selector: "fdp-icon-tab-bar-process-type" }, { kind: "component", type: IconTabBarFilterTypeComponent, selector: "fdp-icon-tab-bar-filter-type", inputs: ["showTotalTab"] }, { kind: "component", type: IconTabBarIconTypeComponent, selector: "fdp-icon-tab-bar-icon-type", inputs: ["showLabel"] }, { kind: "component", type: IconTabBarTextTypeComponent, selector: "fdp-icon-tab-bar-text-type", inputs: ["enableTabReordering", "layoutMode"], outputs: ["reordered"] }, { kind: "directive", type: ScrollbarDirective, selector: "[fdScrollbar], [fd-scrollbar]", inputs: ["noHorizontalScroll", "noVerticalScroll", "alwaysVisible"] }, { kind: "directive", type: ScrollSpyDirective, selector: "[fdScrollSpy]", inputs: ["trackedTags", "fireEmpty", "targetPercent", "targetOffset", "scrollSpyDisabled"], outputs: ["spyChange"], exportAs: ["fdScrollSpy"] }, { kind: "directive", type: IconTabBarTabContentDirective, selector: "fdp-icon-tab-bar-tab-content", inputs: ["id", "uId"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: IconTabBarComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: IconTabBarComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'fdp-icon-tab-bar', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: true, imports: [
+            args: [{ selector: 'fdp-icon-tab-bar', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: true, providers: [
+                        {
+                            provide: FD_TABLIST,
+                            useExisting: IconTabBarComponent
+                        }
+                    ], imports: [
                         NgTemplateOutlet,
                         IconTabBarProcessTypeComponent,
                         IconTabBarFilterTypeComponent,
                         IconTabBarIconTypeComponent,
-                        IconTabBarTextTypeComponent
-                    ], template: "<div class=\"fd-icon-tab-bar\" [class]=\"_cssClassForContainer\">\n    @if (iconTabType === 'text') {\n        <ng-template [ngTemplateOutlet]=\"textType\"></ng-template>\n    }\n    @if (iconTabType === 'icon' || iconTabType === 'icon-only') {\n        <ng-template [ngTemplateOutlet]=\"iconType\"></ng-template>\n    }\n    @if (iconTabType === 'filter') {\n        <ng-template [ngTemplateOutlet]=\"filterType\"></ng-template>\n    }\n    @if (iconTabType === 'process') {\n        <ng-template [ngTemplateOutlet]=\"processType\"></ng-template>\n    }\n</div>\n<ng-template #processType>\n    <fdp-icon-tab-bar-process-type\n        [tabsConfig]=\"tabsConfig\"\n        [isRtl]=\"_isRtl\"\n        [densityMode]=\"densityMode\"\n        [colorAssociations]=\"colorAssociations\"\n        (selected)=\"_selectItem($event)\"\n    ></fdp-icon-tab-bar-process-type>\n</ng-template>\n<ng-template #filterType>\n    <fdp-icon-tab-bar-filter-type\n        [tabsConfig]=\"tabsConfig\"\n        [showTotalTab]=\"showTotalTab\"\n        [isRtl]=\"_isRtl\"\n        [densityMode]=\"densityMode\"\n        [colorAssociations]=\"colorAssociations\"\n        (selected)=\"_selectItem($event)\"\n    ></fdp-icon-tab-bar-filter-type>\n</ng-template>\n<ng-template #iconType>\n    <fdp-icon-tab-bar-icon-type\n        [showLabel]=\"iconTabType === 'icon'\"\n        [tabsConfig]=\"tabsConfig\"\n        [isRtl]=\"_isRtl\"\n        [densityMode]=\"densityMode\"\n        [colorAssociations]=\"colorAssociations\"\n        (selected)=\"_selectItem($event)\"\n        (closeTab)=\"_closeTab($event)\"\n    ></fdp-icon-tab-bar-icon-type>\n</ng-template>\n<ng-template #textType>\n    <fdp-icon-tab-bar-text-type\n        [tabsConfig]=\"tabsConfig\"\n        [layoutMode]=\"layoutMode\"\n        [isRtl]=\"_isRtl\"\n        [densityMode]=\"densityMode\"\n        [enableTabReordering]=\"enableTabReordering\"\n        [colorAssociations]=\"colorAssociations\"\n        (reordered)=\"_onReorder($event)\"\n        (selected)=\"_selectItem($event)\"\n        (closeTab)=\"_closeTab($event)\"\n    ></fdp-icon-tab-bar-text-type>\n</ng-template>\n", styles: ["@charset \"UTF-8\";.fd-icon-tab-bar__counter,.fd-icon-tab-bar__tag{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_LabelColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);line-height:1rem;margin:0;padding:0;white-space:nowrap}.fd-icon-tab-bar__counter:after,.fd-icon-tab-bar__counter:before,.fd-icon-tab-bar__tag:after,.fd-icon-tab-bar__tag:before{box-sizing:inherit;font-size:inherit}.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--critical .fd-icon-tab-bar__label:before,.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--critical .fd-icon-tab-bar__label[dir=rtl]:after,.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--informative .fd-icon-tab-bar__label:before,.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--informative .fd-icon-tab-bar__label[dir=rtl]:after,.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--negative .fd-icon-tab-bar__label:before,.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--negative .fd-icon-tab-bar__label[dir=rtl]:after,.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--positive .fd-icon-tab-bar__label:before,.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--positive .fd-icon-tab-bar__label[dir=rtl]:after,.fd-icon-tab-bar__item--critical .fd-icon-tab-bar__icon:before,.fd-icon-tab-bar__item--critical .fd-icon-tab-bar__icon[dir=rtl]:after,.fd-icon-tab-bar__item--critical .fd-icon-tab-bar__tag:before,.fd-icon-tab-bar__item--critical .fd-icon-tab-bar__tag[dir=rtl]:after,.fd-icon-tab-bar__item--informative .fd-icon-tab-bar__icon:before,.fd-icon-tab-bar__item--informative .fd-icon-tab-bar__icon[dir=rtl]:after,.fd-icon-tab-bar__item--informative .fd-icon-tab-bar__tag:before,.fd-icon-tab-bar__item--informative .fd-icon-tab-bar__tag[dir=rtl]:after,.fd-icon-tab-bar__item--negative .fd-icon-tab-bar__icon:before,.fd-icon-tab-bar__item--negative .fd-icon-tab-bar__icon[dir=rtl]:after,.fd-icon-tab-bar__item--negative .fd-icon-tab-bar__tag:before,.fd-icon-tab-bar__item--negative .fd-icon-tab-bar__tag[dir=rtl]:after,.fd-icon-tab-bar__item--positive .fd-icon-tab-bar__icon:before,.fd-icon-tab-bar__item--positive .fd-icon-tab-bar__icon[dir=rtl]:after,.fd-icon-tab-bar__item--positive .fd-icon-tab-bar__tag:before,.fd-icon-tab-bar__item--positive .fd-icon-tab-bar__tag[dir=rtl]:after,[dir=rtl] .fd-icon-tab-bar--icon .fd-icon-tab-bar__item--critical .fd-icon-tab-bar__label:after,[dir=rtl] .fd-icon-tab-bar--icon .fd-icon-tab-bar__item--informative .fd-icon-tab-bar__label:after,[dir=rtl] .fd-icon-tab-bar--icon .fd-icon-tab-bar__item--negative .fd-icon-tab-bar__label:after,[dir=rtl] .fd-icon-tab-bar--icon .fd-icon-tab-bar__item--positive .fd-icon-tab-bar__label:after,[dir=rtl] .fd-icon-tab-bar__item--critical .fd-icon-tab-bar__icon:after,[dir=rtl] .fd-icon-tab-bar__item--critical .fd-icon-tab-bar__tag:after,[dir=rtl] .fd-icon-tab-bar__item--informative .fd-icon-tab-bar__icon:after,[dir=rtl] .fd-icon-tab-bar__item--informative .fd-icon-tab-bar__tag:after,[dir=rtl] .fd-icon-tab-bar__item--negative .fd-icon-tab-bar__icon:after,[dir=rtl] .fd-icon-tab-bar__item--negative .fd-icon-tab-bar__tag:after,[dir=rtl] .fd-icon-tab-bar__item--positive .fd-icon-tab-bar__icon:after,[dir=rtl] .fd-icon-tab-bar__item--positive .fd-icon-tab-bar__tag:after{speak:none;-webkit-font-smoothing:antialiased;color:var(--fdIconTabBar_Tag_Icon_Color);display:var(--fdIcon_Tab_Bar_Semantic_Icon_Display);font-family:SAP-icons;font-size:.75rem}.fd-icon-tab-bar__item--critical .fd-icon-tab-bar__icon:before,.fd-icon-tab-bar__item--critical .fd-icon-tab-bar__icon[dir=rtl]:after,.fd-icon-tab-bar__item--informative .fd-icon-tab-bar__icon:before,.fd-icon-tab-bar__item--informative .fd-icon-tab-bar__icon[dir=rtl]:after,.fd-icon-tab-bar__item--negative .fd-icon-tab-bar__icon:before,.fd-icon-tab-bar__item--negative .fd-icon-tab-bar__icon[dir=rtl]:after,.fd-icon-tab-bar__item--positive .fd-icon-tab-bar__icon:before,.fd-icon-tab-bar__item--positive .fd-icon-tab-bar__icon[dir=rtl]:after,[dir=rtl] .fd-icon-tab-bar__item--critical .fd-icon-tab-bar__icon:after,[dir=rtl] .fd-icon-tab-bar__item--informative .fd-icon-tab-bar__icon:after,[dir=rtl] .fd-icon-tab-bar__item--negative .fd-icon-tab-bar__icon:after,[dir=rtl] .fd-icon-tab-bar__item--positive .fd-icon-tab-bar__icon:after{bottom:0;margin:0;position:absolute;width:.75rem}.fd-icon-tab-bar__item--critical .fd-icon-tab-bar__icon[dir=rtl]:before,.fd-icon-tab-bar__item--critical .fd-icon-tab-bar__tag[dir=rtl]:before,.fd-icon-tab-bar__item--informative .fd-icon-tab-bar__icon[dir=rtl]:before,.fd-icon-tab-bar__item--informative .fd-icon-tab-bar__tag[dir=rtl]:before,.fd-icon-tab-bar__item--negative .fd-icon-tab-bar__icon[dir=rtl]:before,.fd-icon-tab-bar__item--negative .fd-icon-tab-bar__tag[dir=rtl]:before,.fd-icon-tab-bar__item--positive .fd-icon-tab-bar__icon[dir=rtl]:before,.fd-icon-tab-bar__item--positive .fd-icon-tab-bar__tag[dir=rtl]:before,[dir=rtl] .fd-icon-tab-bar__item--critical .fd-icon-tab-bar__icon:before,[dir=rtl] .fd-icon-tab-bar__item--critical .fd-icon-tab-bar__tag:before,[dir=rtl] .fd-icon-tab-bar__item--informative .fd-icon-tab-bar__icon:before,[dir=rtl] .fd-icon-tab-bar__item--informative .fd-icon-tab-bar__tag:before,[dir=rtl] .fd-icon-tab-bar__item--negative .fd-icon-tab-bar__icon:before,[dir=rtl] .fd-icon-tab-bar__item--negative .fd-icon-tab-bar__tag:before,[dir=rtl] .fd-icon-tab-bar__item--positive .fd-icon-tab-bar__icon:before,[dir=rtl] .fd-icon-tab-bar__item--positive .fd-icon-tab-bar__tag:before{content:none;margin:0}.fd-icon-tab-bar{--fdIconTabBar_Icon_Size:2.75rem;--fdIconTabBar_Icon_Font_Size:1.25rem;--fdIcon_Tab_Bar_Container_Badge_Size:.5rem;-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-icon-tab-bar:after,.fd-icon-tab-bar:before{box-sizing:inherit;font-size:inherit}.fd-icon-tab-bar__header{-webkit-box-sizing:border-box;-webkit-box-align:center;-ms-flex-align:center;-webkit-box-shadow:var(--sapContent_HeaderShadow);align-items:center;background:var(--sapObjectHeader_Background);border:0;box-shadow:var(--sapContent_HeaderShadow);box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);list-style:none;margin:0;min-height:2.75rem;padding:0;position:relative}.fd-icon-tab-bar__header:after,.fd-icon-tab-bar__header:before{box-sizing:inherit;font-size:inherit}.fd-icon-tab-bar__header:has(.fd-icon-tab-bar__item--overflow){overflow:visible}.fd-icon-tab-bar__panel{background:var(--sapBackgroundColor)}.fd-icon-tab-bar__item{-webkit-box-sizing:border-box;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0 2rem 0 0;padding:0}.fd-icon-tab-bar__item:after,.fd-icon-tab-bar__item:before{box-sizing:inherit;font-size:inherit}.fd-icon-tab-bar__item[dir=rtl],[dir=rtl] .fd-icon-tab-bar__item{margin-left:2rem;margin-right:0}.fd-icon-tab-bar__item--negative{--fdIconTabBar_Badge_Background:var(--fdIcon_Tab_Bar_Semantic_Badge_Color_Negative);--fdIconTabBar_Badge_Background_After:var(--fdIcon_Tab_Bar_Semantic_Badge_Color_Negative);--fdIconTabBar_Tag_Color:var(--fdIcon_Tab_Bar_Semantic_Color_Negative);--fdIconTabBar_Tag_Icon_Color:var(--sapNegativeElementColor);--fdIconTabBar_Tag_Icon_Content:\\e1ec;--fdIconTabBar_Icon_Color:var(--fdIcon_Tab_Bar_Semantic_Color_Negative);--fdIconTabBar_Icon_Border_Color:var(--fdIcon_Tab_Bar_Semantic_Color_Negative)}.fd-icon-tab-bar__item--negative .fd-icon-tab-bar__tag:before{content:\"\\e1ec\";margin-right:.5rem}.fd-icon-tab-bar__item--negative .fd-icon-tab-bar__tag[dir=rtl]:after,[dir=rtl] .fd-icon-tab-bar__item--negative .fd-icon-tab-bar__tag:after{content:\"\\e1ec\";margin-left:.5rem}.fd-icon-tab-bar__item--negative .fd-icon-tab-bar__tab.is-hover,.fd-icon-tab-bar__item--negative .fd-icon-tab-bar__tab:hover{--fdIconTabBar_Tag_Color:var(--fdIcon_Tab_Bar_Semantic_Color_Negative)}.fd-icon-tab-bar__item--negative .fd-icon-tab-bar__tab.is-selected,.fd-icon-tab-bar__item--negative .fd-icon-tab-bar__tab[aria-selected=true]{--fdIconTabBar_Selection_Bar_Color:var(--fdIcon_Tab_Bar_Semantic_Color_Negative);--fdIconTabBar_Tag_Color:var(--fdIcon_Tab_Bar_Semantic_Color_Negative);--fdIconTabBar_Icon_Background:var(--fdIcon_Tab_Bar_Semantic_Background_Color_Negative)}.fd-icon-tab-bar__item--negative .fd-icon-tab-bar__tab.is-selected.is-hover,.fd-icon-tab-bar__item--negative .fd-icon-tab-bar__tab.is-selected:hover,.fd-icon-tab-bar__item--negative .fd-icon-tab-bar__tab[aria-selected=true].is-hover,.fd-icon-tab-bar__item--negative .fd-icon-tab-bar__tab[aria-selected=true]:hover{--fdIconTabBar_Tag_Color:var(--fdIcon_Tab_Bar_Semantic_Color_Negative)}.fd-icon-tab-bar__item--negative .fd-icon-tab-bar__icon{position:relative}.fd-icon-tab-bar__item--negative .fd-icon-tab-bar__icon:before{content:\"\\e1ec\";right:-.9rem}.fd-icon-tab-bar__item--negative .fd-icon-tab-bar__icon[dir=rtl]:after,[dir=rtl] .fd-icon-tab-bar__item--negative .fd-icon-tab-bar__icon:after{content:\"\\e1ec\";left:-.9rem;right:auto}.fd-icon-tab-bar__item--positive{--fdIconTabBar_Badge_Background:var(--fdIcon_Tab_Bar_Semantic_Badge_Color_Positive);--fdIconTabBar_Badge_Background_After:var(--fdIcon_Tab_Bar_Semantic_Badge_Color_Positive);--fdIconTabBar_Tag_Color:var(--fdIcon_Tab_Bar_Semantic_Color_Positive);--fdIconTabBar_Tag_Icon_Color:var(--sapPositiveElementColor);--fdIconTabBar_Tag_Icon_Content:\\e1c1;--fdIconTabBar_Icon_Color:var(--fdIcon_Tab_Bar_Semantic_Color_Positive);--fdIconTabBar_Icon_Border_Color:var(--fdIcon_Tab_Bar_Semantic_Color_Positive)}.fd-icon-tab-bar__item--positive .fd-icon-tab-bar__tag:before{content:\"\\e1c1\";margin-right:.5rem}.fd-icon-tab-bar__item--positive .fd-icon-tab-bar__tag[dir=rtl]:after,[dir=rtl] .fd-icon-tab-bar__item--positive .fd-icon-tab-bar__tag:after{content:\"\\e1c1\";margin-left:.5rem}.fd-icon-tab-bar__item--positive .fd-icon-tab-bar__tab.is-hover,.fd-icon-tab-bar__item--positive .fd-icon-tab-bar__tab:hover{--fdIconTabBar_Tag_Color:var(--fdIcon_Tab_Bar_Semantic_Color_Positive)}.fd-icon-tab-bar__item--positive .fd-icon-tab-bar__tab.is-selected,.fd-icon-tab-bar__item--positive .fd-icon-tab-bar__tab[aria-selected=true]{--fdIconTabBar_Selection_Bar_Color:var(--fdIcon_Tab_Bar_Semantic_Color_Positive);--fdIconTabBar_Tag_Color:var(--fdIcon_Tab_Bar_Semantic_Color_Positive);--fdIconTabBar_Icon_Background:var(--fdIcon_Tab_Bar_Semantic_Background_Color_Positive)}.fd-icon-tab-bar__item--positive .fd-icon-tab-bar__tab.is-selected.is-hover,.fd-icon-tab-bar__item--positive .fd-icon-tab-bar__tab.is-selected:hover,.fd-icon-tab-bar__item--positive .fd-icon-tab-bar__tab[aria-selected=true].is-hover,.fd-icon-tab-bar__item--positive .fd-icon-tab-bar__tab[aria-selected=true]:hover{--fdIconTabBar_Tag_Color:var(--fdIcon_Tab_Bar_Semantic_Color_Positive)}.fd-icon-tab-bar__item--positive .fd-icon-tab-bar__icon{position:relative}.fd-icon-tab-bar__item--positive .fd-icon-tab-bar__icon:before{content:\"\\e1c1\";right:-.9rem}.fd-icon-tab-bar__item--positive .fd-icon-tab-bar__icon[dir=rtl]:after,[dir=rtl] .fd-icon-tab-bar__item--positive .fd-icon-tab-bar__icon:after{content:\"\\e1c1\";left:-.9rem;right:auto}.fd-icon-tab-bar__item--critical{--fdIconTabBar_Badge_Background:var(--fdIcon_Tab_Bar_Semantic_Badge_Color_Critical);--fdIconTabBar_Badge_Background_After:var(--fdIcon_Tab_Bar_Semantic_Badge_Color_Critical);--fdIconTabBar_Tag_Color:var(--fdIcon_Tab_Bar_Semantic_Color_Critical);--fdIconTabBar_Tag_Icon_Color:var(--sapCriticalElementColor);--fdIconTabBar_Tag_Icon_Content:\\e053;--fdIconTabBar_Icon_Color:var(--fdIcon_Tab_Bar_Semantic_Color_Critical);--fdIconTabBar_Icon_Border_Color:var(--fdIcon_Tab_Bar_Semantic_Color_Critical)}.fd-icon-tab-bar__item--critical .fd-icon-tab-bar__tag:before{content:\"\\e053\";margin-right:.5rem}.fd-icon-tab-bar__item--critical .fd-icon-tab-bar__tag[dir=rtl]:after,[dir=rtl] .fd-icon-tab-bar__item--critical .fd-icon-tab-bar__tag:after{content:\"\\e053\";margin-left:.5rem}.fd-icon-tab-bar__item--critical .fd-icon-tab-bar__tab.is-hover,.fd-icon-tab-bar__item--critical .fd-icon-tab-bar__tab:hover{--fdIconTabBar_Tag_Color:var(--fdIcon_Tab_Bar_Semantic_Color_Critical)}.fd-icon-tab-bar__item--critical .fd-icon-tab-bar__tab.is-selected,.fd-icon-tab-bar__item--critical .fd-icon-tab-bar__tab[aria-selected=true]{--fdIconTabBar_Selection_Bar_Color:var(--fdIcon_Tab_Bar_Semantic_Color_Critical);--fdIconTabBar_Tag_Color:var(--fdIcon_Tab_Bar_Semantic_Color_Critical);--fdIconTabBar_Icon_Background:var(--fdIcon_Tab_Bar_Semantic_Background_Color_Critical)}.fd-icon-tab-bar__item--critical .fd-icon-tab-bar__tab.is-selected.is-hover,.fd-icon-tab-bar__item--critical .fd-icon-tab-bar__tab.is-selected:hover,.fd-icon-tab-bar__item--critical .fd-icon-tab-bar__tab[aria-selected=true].is-hover,.fd-icon-tab-bar__item--critical .fd-icon-tab-bar__tab[aria-selected=true]:hover{--fdIconTabBar_Tag_Color:var(--fdIcon_Tab_Bar_Semantic_Color_Critical)}.fd-icon-tab-bar__item--critical .fd-icon-tab-bar__icon{position:relative}.fd-icon-tab-bar__item--critical .fd-icon-tab-bar__icon:before{content:\"\\e053\";right:-.9rem}.fd-icon-tab-bar__item--critical .fd-icon-tab-bar__icon[dir=rtl]:after,[dir=rtl] .fd-icon-tab-bar__item--critical .fd-icon-tab-bar__icon:after{content:\"\\e053\";left:-.9rem;right:auto}.fd-icon-tab-bar__item--informative{--fdIconTabBar_Badge_Background:var(--fdIcon_Tab_Bar_Semantic_Badge_Color_Informative);--fdIconTabBar_Badge_Background_After:var(--fdIcon_Tab_Bar_Semantic_Badge_Color_Informative);--fdIconTabBar_Tag_Color:var(--fdIcon_Tab_Bar_Semantic_Color_Informative);--fdIconTabBar_Tag_Icon_Color:var(--sapInformativeElementColor);--fdIconTabBar_Tag_Icon_Content:\\e289;--fdIconTabBar_Icon_Color:var(--fdIcon_Tab_Bar_Semantic_Color_Informative);--fdIconTabBar_Icon_Border_Color:var(--fdIcon_Tab_Bar_Semantic_Color_Informative)}.fd-icon-tab-bar__item--informative .fd-icon-tab-bar__tag:before{content:\"\\e289\";margin-right:.5rem}.fd-icon-tab-bar__item--informative .fd-icon-tab-bar__tag[dir=rtl]:after,[dir=rtl] .fd-icon-tab-bar__item--informative .fd-icon-tab-bar__tag:after{content:\"\\e289\";margin-left:.5rem}.fd-icon-tab-bar__item--informative .fd-icon-tab-bar__tab.is-hover,.fd-icon-tab-bar__item--informative .fd-icon-tab-bar__tab:hover{--fdIconTabBar_Tag_Color:var(--fdIcon_Tab_Bar_Semantic_Color_Informative)}.fd-icon-tab-bar__item--informative .fd-icon-tab-bar__tab.is-selected,.fd-icon-tab-bar__item--informative .fd-icon-tab-bar__tab[aria-selected=true]{--fdIconTabBar_Selection_Bar_Color:var(--fdIcon_Tab_Bar_Semantic_Color_Informative);--fdIconTabBar_Tag_Color:var(--fdIcon_Tab_Bar_Semantic_Color_Informative);--fdIconTabBar_Icon_Background:var(--fdIcon_Tab_Bar_Semantic_Background_Color_Informative)}.fd-icon-tab-bar__item--informative .fd-icon-tab-bar__tab.is-selected.is-hover,.fd-icon-tab-bar__item--informative .fd-icon-tab-bar__tab.is-selected:hover,.fd-icon-tab-bar__item--informative .fd-icon-tab-bar__tab[aria-selected=true].is-hover,.fd-icon-tab-bar__item--informative .fd-icon-tab-bar__tab[aria-selected=true]:hover{--fdIconTabBar_Tag_Color:var(--fdIcon_Tab_Bar_Semantic_Color_Informative)}.fd-icon-tab-bar__item--informative .fd-icon-tab-bar__icon{position:relative}.fd-icon-tab-bar__item--informative .fd-icon-tab-bar__icon:before{content:\"\\e289\";right:-.9rem}.fd-icon-tab-bar__item--informative .fd-icon-tab-bar__icon[dir=rtl]:after,[dir=rtl] .fd-icon-tab-bar__item--informative .fd-icon-tab-bar__icon:after{content:\"\\e289\";left:-.9rem;right:auto}.fd-icon-tab-bar__item--single-click .fd-icon-tab-bar__tab{align-items:center;flex-direction:row}.fd-icon-tab-bar__item--single-click .fd-icon-tab-bar__tab.is-focus,.fd-icon-tab-bar__item--single-click .fd-icon-tab-bar__tab:focus{z-index:5}.fd-icon-tab-bar__item--single-click .fd-icon-tab-bar__tab.is-focus .fd-icon-tab-bar__tab-container,.fd-icon-tab-bar__item--single-click .fd-icon-tab-bar__tab:focus .fd-icon-tab-bar__tab-container{position:relative}.fd-icon-tab-bar__item--single-click .fd-icon-tab-bar__tab.is-focus .fd-icon-tab-bar__tab-container .fd-icon-tab-bar__tag,.fd-icon-tab-bar__item--single-click .fd-icon-tab-bar__tab:focus .fd-icon-tab-bar__tab-container .fd-icon-tab-bar__tag{outline:none}.fd-icon-tab-bar__item--single-click .fd-icon-tab-bar__tab.is-focus .fd-icon-tab-bar__tab-container .fd-icon-tab-bar__tag:after,.fd-icon-tab-bar__item--single-click .fd-icon-tab-bar__tab:focus .fd-icon-tab-bar__tab-container .fd-icon-tab-bar__tag:after{border:none}.fd-icon-tab-bar__item--single-click .fd-icon-tab-bar__tab.is-focus .fd-icon-tab-bar__tab-container:after,.fd-icon-tab-bar__item--single-click .fd-icon-tab-bar__tab:focus .fd-icon-tab-bar__tab-container:after{border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);border-radius:var(--fdIcon_Tab_Bar_Text_Focus_Radius);bottom:0;bottom:var(--fdIcon_Tab_Bar_Focus_Offset);content:\"\";display:block;left:0;left:var(--fdIcon_Tab_Bar_Focus_Offset);position:absolute;right:0;right:var(--fdIcon_Tab_Bar_Focus_Offset);top:0;top:var(--fdIcon_Tab_Bar_Focus_Offset)}.fd-icon-tab-bar__item--single-click .fd-icon-tab-bar__tab.is-focus .fd-icon-tab-bar__badge,.fd-icon-tab-bar__item--single-click .fd-icon-tab-bar__tab:focus .fd-icon-tab-bar__badge{right:-.4375rem;top:-.125rem}.fd-icon-tab-bar__item--single-click .fd-icon-tab-bar__tab.is-focus .fd-icon-tab-bar__badge[dir=rtl],.fd-icon-tab-bar__item--single-click .fd-icon-tab-bar__tab:focus .fd-icon-tab-bar__badge[dir=rtl],[dir=rtl] .fd-icon-tab-bar__item--single-click .fd-icon-tab-bar__tab.is-focus .fd-icon-tab-bar__badge,[dir=rtl] .fd-icon-tab-bar__item--single-click .fd-icon-tab-bar__tab:focus .fd-icon-tab-bar__badge{left:-.4375rem;right:auto}.fd-icon-tab-bar__item.fd-icon-tab-bar__item--multi-click{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:flex;justify-content:center;position:relative}.fd-icon-tab-bar__item.fd-icon-tab-bar__item--multi-click .fd-icon-tab-bar__tab{padding-left:.188rem;padding-right:1.938rem}.fd-icon-tab-bar__item.fd-icon-tab-bar__item--multi-click .fd-icon-tab-bar__tab[dir=rtl],[dir=rtl] .fd-icon-tab-bar__item.fd-icon-tab-bar__item--multi-click .fd-icon-tab-bar__tab{padding-left:1.938rem;padding-right:.188rem}.fd-icon-tab-bar__item.fd-icon-tab-bar__item--multi-click .fd-icon-tab-bar__tab .fd-icon-tab-bar__badge{right:1.625rem}.fd-icon-tab-bar__item.fd-icon-tab-bar__item--multi-click .fd-icon-tab-bar__tab .fd-icon-tab-bar__badge[dir=rtl],[dir=rtl] .fd-icon-tab-bar__item.fd-icon-tab-bar__item--multi-click .fd-icon-tab-bar__tab .fd-icon-tab-bar__badge{left:1.625rem;right:auto}.fd-icon-tab-bar__item.fd-icon-tab-bar__item--multi-click .fd-icon-tab-bar__tab.is-selected+.fd-icon-tab-bar__popover .fd-icon-tab-bar__button-container:before,.fd-icon-tab-bar__item.fd-icon-tab-bar__item--multi-click .fd-icon-tab-bar__tab[aria-selected=true]+.fd-icon-tab-bar__popover .fd-icon-tab-bar__button-container:before{--fdIconTabBar_Multi_Click_Separator_Background:var(--sapContent_Selected_ForegroundColor)}.fd-icon-tab-bar__item.fd-icon-tab-bar__item--multi-click.fd-icon-tab-bar__item--closable .fd-icon-tab-bar__tab{padding-left:.188rem;padding-right:3.938rem}.fd-icon-tab-bar__item.fd-icon-tab-bar__item--multi-click.fd-icon-tab-bar__item--closable .fd-icon-tab-bar__tab[dir=rtl],[dir=rtl] .fd-icon-tab-bar__item.fd-icon-tab-bar__item--multi-click.fd-icon-tab-bar__item--closable .fd-icon-tab-bar__tab{padding-left:3.938rem;padding-right:.188rem}.fd-icon-tab-bar__item.fd-icon-tab-bar__item--multi-click.fd-icon-tab-bar__item--closable .fd-icon-tab-bar__popover{height:100%;max-width:1.5rem;min-width:1.5rem;right:2.188rem;width:1.5rem}.fd-icon-tab-bar__item.fd-icon-tab-bar__item--multi-click.fd-icon-tab-bar__item--closable .fd-icon-tab-bar__popover[dir=rtl],[dir=rtl] .fd-icon-tab-bar__item.fd-icon-tab-bar__item--multi-click.fd-icon-tab-bar__item--closable .fd-icon-tab-bar__popover{left:2.188rem;right:auto}.fd-icon-tab-bar__item.fd-icon-tab-bar__item--multi-click.fd-icon-tab-bar__item--closable .fd-icon-tab-bar__popover .fd-icon-tab-bar__button-container{max-width:1.5rem;min-width:1.5rem;width:1.5rem}.fd-icon-tab-bar__item.fd-icon-tab-bar__item--multi-click.fd-icon-tab-bar__item--closable .fd-icon-tab-bar__popover .fd-icon-tab-bar__button-container:before{display:var(--fdIcon_Tab_Bar_Multi_Click_Button_Separator_Display)}.fd-icon-tab-bar__item.fd-icon-tab-bar__item--closable{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:flex;justify-content:center;position:relative}.fd-icon-tab-bar__item.fd-icon-tab-bar__item--closable .fd-icon-tab-bar__tab{padding-left:.188rem;padding-right:2.188rem}.fd-icon-tab-bar__item.fd-icon-tab-bar__item--closable .fd-icon-tab-bar__tab[dir=rtl],[dir=rtl] .fd-icon-tab-bar__item.fd-icon-tab-bar__item--closable .fd-icon-tab-bar__tab{padding-left:2.188rem;padding-right:.188rem}.fd-icon-tab-bar__item.fd-icon-tab-bar__item--closable .fd-icon-tab-bar__button-container{max-width:2rem;min-width:2rem;position:absolute;right:0;width:2rem;z-index:10}.fd-icon-tab-bar__item.fd-icon-tab-bar__item--closable .fd-icon-tab-bar__button-container[dir=rtl],[dir=rtl] .fd-icon-tab-bar__item.fd-icon-tab-bar__item--closable .fd-icon-tab-bar__button-container{left:0;right:auto}.fd-icon-tab-bar__item.fd-icon-tab-bar__item--closable .fd-icon-tab-bar__button-container:before{display:none}.fd-icon-tab-bar__item--dnd-preview{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:flex;flex-direction:column;font-size:var(--sapFontSize);justify-content:center;line-height:var(--sapContent_LineHeight);opacity:.8;z-index:9999!important}.fd-icon-tab-bar__item--dnd-preview,.fd-icon-tab-bar__item--dnd-preview *{background:var(--sapObjectHeader_Background)}.fd-icon-tab-bar__item--dnd-hovered{-webkit-box-shadow:inset 0 0 0 .125rem var(--sapButton_Hover_BorderColor);background:var(--sapButton_Hover_Background);box-shadow:inset 0 0 0 .125rem var(--sapButton_Hover_BorderColor)}.fd-icon-tab-bar__item--dnd-hovered.fd-icon-tab-bar__list-item{background:var(--sapButton_Hover_Background)!important}.fd-icon-tab-bar__item--dnd-hovered.fd-icon-tab-bar__list-item .fd-icon-tab-bar__list-link{background:none}.fd-icon-tab-bar__item--dnd-separator{position:relative}.fd-icon-tab-bar__item--dnd-separator:before{background:var(--fdIcon_Tab_Bar_Separator_Color);content:\"\";height:100%;left:-.5rem;position:absolute;top:0;width:.125rem}[dir=rtl] .fd-icon-tab-bar__item--dnd-separator:before{left:auto;right:-.5rem}.fd-icon-tab-bar__item--dnd-separator:after{background:var(--sapObjectHeader_Background);border:.125rem solid var(--fdIcon_Tab_Bar_Separator_Color);border-radius:50%;content:\"\";height:.5rem;left:-.7rem;position:absolute;top:0;width:.5rem}[dir=rtl] .fd-icon-tab-bar__item--dnd-separator:after{left:auto;right:-.7rem}.fd-icon-tab-bar__item--dnd-separator.fd-icon-tab-bar__list-item:before{height:.125rem;left:.0625rem;right:unset;top:.125rem;width:100%}[dir=rtl] .fd-icon-tab-bar__item--dnd-separator.fd-icon-tab-bar__list-item:before{left:auto;right:.0625rem}.fd-icon-tab-bar__item--dnd-separator.fd-icon-tab-bar__list-item:after{left:0;right:unset;top:-.0625rem;z-index:1}[dir=rtl] .fd-icon-tab-bar__item--dnd-separator.fd-icon-tab-bar__list-item:after{left:auto;right:0}.fd-icon-tab-bar__item--dnd-separator-end{position:relative}.fd-icon-tab-bar__item--dnd-separator-end:before{background:var(--fdIcon_Tab_Bar_Separator_Color);content:\"\";height:100%;position:absolute;right:-.5rem;top:0;width:.125rem}[dir=rtl] .fd-icon-tab-bar__item--dnd-separator-end:before{left:-.5rem;right:auto}.fd-icon-tab-bar__item--dnd-separator-end:after{background:var(--sapObjectHeader_Background);border:.125rem solid var(--fdIcon_Tab_Bar_Separator_Color);border-radius:50%;content:\"\";height:.5rem;position:absolute;right:-.7rem;top:0;width:.5rem}[dir=rtl] .fd-icon-tab-bar__item--dnd-separator-end:after{left:-.7rem;right:auto}.fd-icon-tab-bar__item--dnd-separator-end.fd-icon-tab-bar__list-item:before{bottom:.125rem;height:.125rem;left:.0625rem;right:unset;top:unset;width:100%}[dir=rtl] .fd-icon-tab-bar__item--dnd-separator-end.fd-icon-tab-bar__list-item:before{left:auto;right:.0625rem}.fd-icon-tab-bar__item--dnd-separator-end.fd-icon-tab-bar__list-item:after{bottom:-.0625rem;left:0;right:unset;top:unset;z-index:1}[dir=rtl] .fd-icon-tab-bar__item--dnd-separator-end.fd-icon-tab-bar__list-item:after{left:auto;right:0}.fd-icon-tab-bar__button-container{-webkit-box-sizing:border-box;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:2.75rem;justify-content:center;line-height:var(--sapContent_LineHeight);margin:0;max-height:2.75rem;max-width:1.5rem;min-height:2.75rem;min-width:1.5rem;padding:0;position:relative;width:1.5rem}.fd-icon-tab-bar__button-container:after,.fd-icon-tab-bar__button-container:before{box-sizing:inherit;font-size:inherit}.fd-icon-tab-bar__button-container:before{background:var(--fdIconTabBar_Multi_Click_Separator_Background);content:\"\";display:var(--fdIcon_Tab_Bar_Multi_Click_Button_Separator_Display);height:1rem;left:0;position:absolute;width:.0625rem}.fd-icon-tab-bar__button-container[dir=rtl]:before,[dir=rtl] .fd-icon-tab-bar__button-container:before{left:auto;right:0}.fd-icon-tab-bar .fd-icon-tab-bar__button{--fdButton_Hover_Shadow:none;border-radius:.25rem;font-family:var(--sapContent_IconFontFamily);height:1.5rem;min-width:1.5rem;width:1.5rem}.fd-icon-tab-bar .fd-icon-tab-bar__button.is-focus,.fd-icon-tab-bar .fd-icon-tab-bar__button:focus{z-index:5}.fd-icon-tab-bar .fd-icon-tab-bar__button.is-focus:after,.fd-icon-tab-bar .fd-icon-tab-bar__button:focus:after{border-radius:var(--fdIcon_Tab_Bar_Multi_Click_Button_Focus_Radius)}.fd-icon-tab-bar__tab{-webkit-box-sizing:border-box;align-items:flex-start;border:0;box-sizing:border-box;color:var(--sapTextColor);cursor:pointer;display:flex;flex-direction:column;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;min-width:2rem;padding:.875rem .188rem;position:relative;text-decoration:none}.fd-icon-tab-bar__tab:after,.fd-icon-tab-bar__tab:before{box-sizing:inherit;font-size:inherit}.fd-icon-tab-bar__tab.is-selected,.fd-icon-tab-bar__tab[aria-selected=true]{--fdIconTabBar_Icon_Background:var(--sapSelectedColor);--fdIconTabBar_Icon_Color:var(--sapContent_ContrastIconColor);--fdIconTabBar_Tag_Color:var(--fdIcon_Tab_Bar_Selection_Color);--fdIconTabBar_Arrow_Color:var(--sapContent_Selected_ForegroundColor);position:relative}.fd-icon-tab-bar__tab.is-selected:after,.fd-icon-tab-bar__tab[aria-selected=true]:after{-webkit-transition:all .125s ease-in;background:var(--fdIconTabBar_Selection_Bar_Color);border-radius:.125rem .125rem 0 0;bottom:0;content:\"\";display:inline-block;height:var(--fdIcon_Tab_Bar_Selection_Bar_Height);left:0;position:absolute;transition:all .125s ease-in;width:100%}.fd-icon-tab-bar__tab.is-selected[dir=rtl]:after,.fd-icon-tab-bar__tab[aria-selected=true][dir=rtl]:after,[dir=rtl] .fd-icon-tab-bar__tab.is-selected:after,[dir=rtl] .fd-icon-tab-bar__tab[aria-selected=true]:after{left:auto;right:0}.fd-icon-tab-bar__tab.is-selected+.fd-icon-tab-bar__popover .fd-icon-tab-bar__button,.fd-icon-tab-bar__tab[aria-selected=true]+.fd-icon-tab-bar__popover .fd-icon-tab-bar__button{--fdButtonColor:var(--sapContent_Selected_ForegroundColor)}.fd-icon-tab-bar__tab.is-hover,.fd-icon-tab-bar__tab:hover{--fdIconTabBar_Tag_Color:var(--fdIcon_Tab_Bar_Label_Hover_Color);--fdIconTabBar_Arrow_Color:var(--sapContent_Selected_ForegroundColor)}.fd-icon-tab-bar__tab.is-focus,.fd-icon-tab-bar__tab:focus{box-shadow:none;outline:none;z-index:5}.fd-icon-tab-bar__tab.is-focus .fd-icon-tab-bar__icon:after,.fd-icon-tab-bar__tab:focus .fd-icon-tab-bar__icon:after{border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);border-radius:var(--fdIcon_Tab_Bar_Icon_Focus_Radius);bottom:0;bottom:var(--fdIcon_Tab_Bar_Focus_Offset);bottom:var(--fdIcon_Tab_Bar_Icon_Focus_Offset);content:\"\";display:block;left:0;left:var(--fdIcon_Tab_Bar_Focus_Offset);left:var(--fdIcon_Tab_Bar_Icon_Focus_Offset);position:absolute;right:0;right:var(--fdIcon_Tab_Bar_Focus_Offset);right:var(--fdIcon_Tab_Bar_Icon_Focus_Offset);top:0;top:var(--fdIcon_Tab_Bar_Focus_Offset);top:var(--fdIcon_Tab_Bar_Icon_Focus_Offset)}.fd-icon-tab-bar__tab.is-focus .fd-icon-tab-bar__container--filter:before,.fd-icon-tab-bar__tab.is-focus .fd-icon-tab-bar__tag:after,.fd-icon-tab-bar__tab:focus .fd-icon-tab-bar__container--filter:before,.fd-icon-tab-bar__tab:focus .fd-icon-tab-bar__tag:after{border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);border-radius:var(--fdIcon_Tab_Bar_Text_Focus_Radius);bottom:0;bottom:var(--fdIcon_Tab_Bar_Focus_Offset);content:\"\";display:block;left:0;left:var(--fdIcon_Tab_Bar_Focus_Offset);position:absolute;right:0;right:var(--fdIcon_Tab_Bar_Focus_Offset);top:0;top:var(--fdIcon_Tab_Bar_Focus_Offset)}.fd-icon-tab-bar__tab-container{-webkit-box-sizing:border-box;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;justify-content:center;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-icon-tab-bar__tab-container:after,.fd-icon-tab-bar__tab-container:before{box-sizing:inherit;font-size:inherit}.fd-icon-tab-bar__arrow{-webkit-box-sizing:border-box;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:1rem;justify-content:center;line-height:var(--sapContent_LineHeight);margin:0;margin-left:var(--fdIcon_Tab_Bar_Single_Click_Icon_Container_Padding_Left);margin-right:var(--fdIcon_Tab_Bar_Single_Click_Icon_Container_Padding_Right);padding:0;width:var(--fdIcon_Tab_Bar_Single_Click_Icon_Container_Width)}.fd-icon-tab-bar__arrow:after,.fd-icon-tab-bar__arrow:before{box-sizing:inherit;font-size:inherit}.fd-icon-tab-bar__arrow[dir=rtl],[dir=rtl] .fd-icon-tab-bar__arrow{margin-left:var(--fdIcon_Tab_Bar_Single_Click_Icon_Container_Padding_Right);margin-right:var(--fdIcon_Tab_Bar_Single_Click_Icon_Container_Padding_Left)}.fd-icon-tab-bar__arrow [class*=sap-icon]{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;color:var(--fdIconTabBar_Arrow_Color);display:flex;font-size:1rem;height:1rem;justify-content:center;line-height:1rem;width:1rem}.fd-icon-tab-bar__tag{color:var(--fdIconTabBar_Tag_Color);font-family:var(--fdIcon_Tab_Bar_Label_Font_Family);font-size:var(--sapFontSize);position:relative}.fd-icon-tab-bar__counter{margin-bottom:.125rem}.fd-icon-tab-bar__icon{-webkit-box-sizing:border-box;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background:var(--fdIconTabBar_Icon_Background);border:0;border:var(--fdIcon_Tab_Bar_Icon_Border_Weight) solid var(--fdIconTabBar_Icon_Border_Color);border-radius:50%;box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:var(--fdIconTabBar_Icon_Size);justify-content:center;line-height:var(--sapContent_LineHeight);margin:0 .188rem;padding:0;position:relative;width:var(--fdIconTabBar_Icon_Size)}.fd-icon-tab-bar__icon:after,.fd-icon-tab-bar__icon:before{box-sizing:inherit;font-size:inherit}.fd-icon-tab-bar__icon [class*=sap-icon],.fd-icon-tab-bar__icon[class*=sap-icon]{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;color:var(--fdIconTabBar_Icon_Color);display:inline-flex;font-size:var(--fdIconTabBar_Icon_Font_Size);justify-content:center}.fd-icon-tab-bar__details{-webkit-box-sizing:border-box;-webkit-box-align:start;-ms-flex-align:start;-webkit-box-pack:end;-ms-flex-pack:end;align-items:flex-start;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:column;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:2.75rem;justify-content:flex-end;line-height:var(--sapContent_LineHeight);margin:0;max-width:7.5rem;padding:.375rem .25rem .25rem .125rem}.fd-icon-tab-bar__details:after,.fd-icon-tab-bar__details:before{box-sizing:inherit;font-size:inherit}.fd-icon-tab-bar__details[dir=rtl],[dir=rtl] .fd-icon-tab-bar__details{padding-left:.25rem;padding-right:.125rem}.fd-icon-tab-bar__label{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--fdIcon_Tab_Bar_Label_Color);font-family:var(--sapFontFamily);font-family:var(--fdIcon_Tab_Bar_Label_Font_Family);font-size:var(--sapFontSize);font-size:var(--sapFontSmallSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);line-height:.875rem;margin:0;overflow:hidden;padding:0;text-overflow:ellipsis;white-space:nowrap}.fd-icon-tab-bar__label:after,.fd-icon-tab-bar__label:before{box-sizing:inherit;font-size:inherit}.fd-icon-tab-bar__separator{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0 .5rem}.fd-icon-tab-bar__separator:after,.fd-icon-tab-bar__separator:before{box-sizing:inherit;font-size:inherit}.fd-icon-tab-bar__separator [class*=sap-icon],.fd-icon-tab-bar__separator[class*=sap-icon]{color:var(--sapContent_NonInteractiveIconColor);font-size:1rem}.fd-icon-tab-bar__separator [class*=sap-icon][dir=rtl],.fd-icon-tab-bar__separator[class*=sap-icon][dir=rtl],[dir=rtl] .fd-icon-tab-bar__separator [class*=sap-icon],[dir=rtl] .fd-icon-tab-bar__separator[class*=sap-icon]{transform:rotate(180deg)}.fd-icon-tab-bar__container{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0;position:relative}.fd-icon-tab-bar__container:after,.fd-icon-tab-bar__container:before{box-sizing:inherit;font-size:inherit}.fd-icon-tab-bar__container .fd-icon-tab-bar__badge{border:.125rem solid var(--sapObjectHeader_Background);border-radius:50%;height:var(--fdIcon_Tab_Bar_Container_Badge_Size);right:.188rem;top:0;width:var(--fdIcon_Tab_Bar_Container_Badge_Size)}.fd-icon-tab-bar__container .fd-icon-tab-bar__badge[dir=rtl],[dir=rtl] .fd-icon-tab-bar__container .fd-icon-tab-bar__badge{left:.188rem;right:auto}.fd-icon-tab-bar__container .fd-icon-tab-bar__counter{left:2.75rem;position:absolute;top:0}.fd-icon-tab-bar__container .fd-icon-tab-bar__counter[dir=rtl],[dir=rtl] .fd-icon-tab-bar__container .fd-icon-tab-bar__counter{left:auto;right:2.75rem}.fd-icon-tab-bar__container--filter{align-items:center;display:flex;height:2rem}.fd-icon-tab-bar__container--filter:after{background:var(--sapGroup_TitleBorderColor);content:\"\";height:2rem;padding:0;position:absolute;right:-.5625rem;width:.0625rem}.fd-icon-tab-bar__container--filter[dir=rtl]:after,[dir=rtl] .fd-icon-tab-bar__container--filter:after{left:-.5625rem;right:auto}.fd-icon-tab-bar__filter-counter,.fd-icon-tab-bar__filter-label{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_LabelColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:var(--sapFontSmallSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-icon-tab-bar__filter-counter:after,.fd-icon-tab-bar__filter-counter:before,.fd-icon-tab-bar__filter-label:after,.fd-icon-tab-bar__filter-label:before{box-sizing:inherit;font-size:inherit}.fd-icon-tab-bar__filter-counter{font-size:1.5rem;margin-right:.5rem}.fd-icon-tab-bar__filter-counter[dir=rtl],[dir=rtl] .fd-icon-tab-bar__filter-counter{margin-left:.5rem;margin-right:0}.fd-icon-tab-bar__overflow{-webkit-box-sizing:border-box;align-items:center;background:var(--fdIconTabBar_Overflow_Button_Background);border:0;border:.0625rem solid var(--fdIconTabBar_Overflow_Button_Border_Color);border-radius:var(--fdIcon_Tab_Bar_Overflow_Button_Border_Radius);box-sizing:border-box;color:var(--sapTextColor);cursor:pointer;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;gap:.375rem;height:1.5rem;line-height:var(--sapContent_LineHeight);margin:0;padding:0 .5rem;position:relative}.fd-icon-tab-bar__overflow:after,.fd-icon-tab-bar__overflow:before{box-sizing:inherit;font-size:inherit}.fd-icon-tab-bar__overflow [class*=sap-icon]{color:var(--fdIconTabBar_Overflow_Button_Icon_Color);font-family:var(--sapContent_IconFontFamily);font-size:1rem}.fd-icon-tab-bar__overflow-text{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--fdIconTabBar_Overflow_Button_Text_Color);font-family:var(--sapFontFamily);font-family:var(--fdIcon_Tab_Bar_Overflow_Button_Font_Family);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);line-height:1.5rem;margin:0;padding:0}.fd-icon-tab-bar__overflow-text:after,.fd-icon-tab-bar__overflow-text:before{box-sizing:inherit;font-size:inherit}.fd-icon-tab-bar__overflow.is-hover,.fd-icon-tab-bar__overflow:hover{--fdIconTabBar_Overflow_Button_Background:var(--sapButton_Hover_Background);--fdIconTabBar_Overflow_Button_Border_Color:var(--sapButton_Hover_BorderColor);--fdIconTabBar_Overflow_Button_Text_Color:var(--fdIcon_Tab_Bar_Overflow_Button_Text_Color_Hover);--fdIconTabBar_Overflow_Button_Icon_Color:var(--fdIcon_Tab_Bar_Overflow_Button_Icon_Color_Hover)}.fd-icon-tab-bar__overflow.is-active,.fd-icon-tab-bar__overflow:active{--fdIconTabBar_Overflow_Button_Background:var(--sapButton_Active_Background);--fdIconTabBar_Overflow_Button_Border_Color:var(--sapButton_Active_BorderColor);--fdIconTabBar_Overflow_Button_Text_Color:var(--sapButton_Active_TextColor);--fdIconTabBar_Overflow_Button_Icon_Color:var(--sapButton_Active_TextColor)}.fd-icon-tab-bar__overflow.is-focus,.fd-icon-tab-bar__overflow:focus{outline:none;z-index:5}.fd-icon-tab-bar__overflow.is-focus:after,.fd-icon-tab-bar__overflow:focus:after{border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);border-radius:var(--fdIcon_Tab_Bar_Overflow_Button_Border_Radius);bottom:var(--fdIcon_Tab_Bar_Overflow_Button_Focus_Offset);content:\"\";display:block;left:var(--fdIcon_Tab_Bar_Overflow_Button_Focus_Offset);position:absolute;right:var(--fdIcon_Tab_Bar_Overflow_Button_Focus_Offset);top:var(--fdIcon_Tab_Bar_Overflow_Button_Focus_Offset)}.fd-icon-tab-bar__overflow.is-focus.is-active:after,.fd-icon-tab-bar__overflow.is-focus:active:after,.fd-icon-tab-bar__overflow:focus.is-active:after,.fd-icon-tab-bar__overflow:focus:active:after{border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_ContrastFocusColor)}.fd-icon-tab-bar .fd-icon-tab-bar__popover{position:absolute;right:.188rem;top:0}.fd-icon-tab-bar .fd-icon-tab-bar__popover[dir=rtl],[dir=rtl] .fd-icon-tab-bar .fd-icon-tab-bar__popover{left:.188rem;right:auto}.fd-icon-tab-bar .fd-icon-tab-bar__popover-body{margin-right:-.25rem;margin-top:-.25rem;z-index:10}.fd-icon-tab-bar .fd-icon-tab-bar__popover-body[dir=rtl],[dir=rtl] .fd-icon-tab-bar .fd-icon-tab-bar__popover-body{margin-left:-.25rem;margin-right:0}.fd-icon-tab-bar .fd-icon-tab-bar__popover .fd-icon-tab-bar__button{--fdButtonColor:var(--sapTextColor)}.fd-icon-tab-bar__badge{-webkit-box-sizing:border-box;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-box-sizing:content-box;align-items:center;background:var(--fdIconTabBar_Badge_Background);border:0;border:.0625rem solid var(--sapObjectHeader_Background);border-radius:50%;box-sizing:border-box;box-sizing:content-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:.375rem;justify-content:center;line-height:var(--sapContent_LineHeight);margin:0;padding:0;position:absolute;right:-.2505rem;top:.75rem;width:.375rem;z-index:5}.fd-icon-tab-bar__badge:after,.fd-icon-tab-bar__badge:before{box-sizing:inherit;font-size:inherit}.fd-icon-tab-bar__badge[dir=rtl],[dir=rtl] .fd-icon-tab-bar__badge{left:-.2505rem;right:auto}.fd-icon-tab-bar__badge--animated{-webkit-transform:scale(0);-webkit-animation-name:pulseAppear,pulseDisappear;-webkit-animation-duration:1.5s,.75s;-webkit-animation-delay:0ms,1.5s;-webkit-animation-timing-function:ease-in,ease-out;-webkit-animation-iteration-count:1,1;animation-delay:0ms,1.5s;animation-duration:1.5s,.75s;animation-iteration-count:1,1;animation-name:pulseAppear,pulseDisappear;animation-timing-function:ease-in,ease-out;transform:scale(0)}.fd-icon-tab-bar__badge--animated:after{-webkit-transform:scale(0);-webkit-animation:pulseAfter 1s ease-in;-webkit-animation-delay:1s;-webkit-animation-iteration-count:1;animation:pulseAfter 1s ease-in;animation-delay:1s;animation-iteration-count:1;background:var(--fdIconTabBar_Badge_Background_After);border-radius:50%;content:\"\";height:.75rem;opacity:0;position:absolute;transform:scale(0);width:.75rem}@keyframes pulseAppear{0%{transform:scale(.25)}64%{transform:scale(1.25)}71%{transform:scale(1)}to{transform:scale(1)}}@keyframes pulseDisappear{0%{transform:scale(1)}to{transform:scale(0)}}@keyframes pulseAfter{0%{-webkit-transform:scale(0);opacity:0;transform:scale(0)}71%{-webkit-transform:scale(1);opacity:.2;transform:scale(1)}80%{-webkit-transform:scale(1.17);opacity:.2;transform:scale(1.17)}86%{-webkit-transform:scale(1.33);opacity:.1;transform:scale(1.33)}93%{-webkit-transform:scale(1.5);opacity:0;transform:scale(1.5)}to{-webkit-transform:scale(0);opacity:0;transform:scale(0)}}.fd-icon-tab-bar__icon-separator{-webkit-box-sizing:border-box;-webkit-box-align:end;-ms-flex-align:end;-webkit-box-pack:center;-ms-flex-pack:center;align-items:flex-end;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:1rem;justify-content:center;line-height:var(--sapContent_LineHeight);margin:0;padding:0 .5rem}.fd-icon-tab-bar__icon-separator:after,.fd-icon-tab-bar__icon-separator:before{box-sizing:inherit;font-size:inherit}.fd-icon-tab-bar__icon-separator [class*=sap-icon]{color:var(--sapContent_NonInteractiveIconColor);font-size:1rem;height:1rem;line-height:1rem;width:1rem}.fd-icon-tab-bar__icon-separator[dir=rtl] [class*=sap-icon],[dir=rtl] .fd-icon-tab-bar__icon-separator [class*=sap-icon]{transform:rotate(180deg)}.fd-icon-tab-bar__line-separator{-webkit-box-sizing:border-box;border:0;border-bottom:.0625rem solid var(--sapGroup_TitleBorderColor);box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:.25rem 0 0;padding:0}.fd-icon-tab-bar__line-separator:after,.fd-icon-tab-bar__line-separator:before{box-sizing:inherit;font-size:inherit}.fd-icon-tab-bar__line-separator:first-child{margin-left:1rem;margin-right:1rem;margin-top:.5rem}.fd-icon-tab-bar__line-separator:first-child[dir=rtl],[dir=rtl] .fd-icon-tab-bar__line-separator:first-child{margin-left:1rem;margin-right:1rem}.fd-icon-tab-bar__list{width:100%}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level=\"1\"]{--fdList_Navigation_Link_Padding_Left:1rem;--fdList_Navigation_Link_Padding_Right:1rem}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level=\"1\"]+.fd-icon-tab-bar__line-separator{margin-left:1.5rem;margin-right:1rem}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level=\"1\"]+.fd-icon-tab-bar__line-separator[dir=rtl],[dir=rtl] .fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level=\"1\"]+.fd-icon-tab-bar__line-separator{margin-left:1rem;margin-right:1.5rem}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level=\"2\"]{--fdList_Navigation_Link_Padding_Left:1.5rem;--fdList_Navigation_Link_Padding_Right:1rem}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level=\"2\"]+.fd-icon-tab-bar__line-separator{margin-left:2rem;margin-right:1rem}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level=\"2\"]+.fd-icon-tab-bar__line-separator[dir=rtl],[dir=rtl] .fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level=\"2\"]+.fd-icon-tab-bar__line-separator{margin-left:1rem;margin-right:2rem}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level=\"3\"]{--fdList_Navigation_Link_Padding_Left:2rem;--fdList_Navigation_Link_Padding_Right:1rem}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level=\"3\"]+.fd-icon-tab-bar__line-separator{margin-left:2.5rem;margin-right:1rem}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level=\"3\"]+.fd-icon-tab-bar__line-separator[dir=rtl],[dir=rtl] .fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level=\"3\"]+.fd-icon-tab-bar__line-separator{margin-left:1rem;margin-right:2.5rem}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level=\"4\"]{--fdList_Navigation_Link_Padding_Left:2.5rem;--fdList_Navigation_Link_Padding_Right:1rem}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level=\"4\"]+.fd-icon-tab-bar__line-separator{margin-left:3rem;margin-right:1rem}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level=\"4\"]+.fd-icon-tab-bar__line-separator[dir=rtl],[dir=rtl] .fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level=\"4\"]+.fd-icon-tab-bar__line-separator{margin-left:1rem;margin-right:3rem}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level=\"5\"]{--fdList_Navigation_Link_Padding_Left:3rem;--fdList_Navigation_Link_Padding_Right:1rem}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level=\"5\"]+.fd-icon-tab-bar__line-separator{margin-left:3.5rem;margin-right:1rem}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level=\"5\"]+.fd-icon-tab-bar__line-separator[dir=rtl],[dir=rtl] .fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level=\"5\"]+.fd-icon-tab-bar__line-separator{margin-left:1rem;margin-right:3.5rem}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level=\"6\"]{--fdList_Navigation_Link_Padding_Left:3.5rem;--fdList_Navigation_Link_Padding_Right:1rem}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level=\"6\"]+.fd-icon-tab-bar__line-separator{margin-left:4rem;margin-right:1rem}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level=\"6\"]+.fd-icon-tab-bar__line-separator[dir=rtl],[dir=rtl] .fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level=\"6\"]+.fd-icon-tab-bar__line-separator{margin-left:1rem;margin-right:4rem}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level=\"7\"]{--fdList_Navigation_Link_Padding_Left:4rem;--fdList_Navigation_Link_Padding_Right:1rem}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level=\"7\"]+.fd-icon-tab-bar__line-separator{margin-left:4.5rem;margin-right:1rem}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level=\"7\"]+.fd-icon-tab-bar__line-separator[dir=rtl],[dir=rtl] .fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level=\"7\"]+.fd-icon-tab-bar__line-separator{margin-left:1rem;margin-right:4.5rem}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level=\"8\"]{--fdList_Navigation_Link_Padding_Left:4.5rem;--fdList_Navigation_Link_Padding_Right:1rem}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level=\"8\"]+.fd-icon-tab-bar__line-separator{margin-left:5rem;margin-right:1rem}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level=\"8\"]+.fd-icon-tab-bar__line-separator[dir=rtl],[dir=rtl] .fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level=\"8\"]+.fd-icon-tab-bar__line-separator{margin-left:1rem;margin-right:5rem}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level=\"9\"]{--fdList_Navigation_Link_Padding_Left:5rem;--fdList_Navigation_Link_Padding_Right:1rem}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level=\"9\"]+.fd-icon-tab-bar__line-separator{margin-left:5.5rem;margin-right:1rem}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level=\"9\"]+.fd-icon-tab-bar__line-separator[dir=rtl],[dir=rtl] .fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level=\"9\"]+.fd-icon-tab-bar__line-separator{margin-left:1rem;margin-right:5.5rem}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level=\"10\"]{--fdList_Navigation_Link_Padding_Left:5.5rem;--fdList_Navigation_Link_Padding_Right:1rem}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level=\"10\"]+.fd-icon-tab-bar__line-separator{margin-left:6rem;margin-right:1rem}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level=\"10\"]+.fd-icon-tab-bar__line-separator[dir=rtl],[dir=rtl] .fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level=\"10\"]+.fd-icon-tab-bar__line-separator{margin-left:1rem;margin-right:6rem}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item span{flex:0 1 auto}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item .fd-icon-tab-bar__badge{margin-bottom:.625rem;position:static}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item .fd-icon-tab-bar__badge [class*=sap-icon]{margin-right:0}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item .fd-icon-tab-bar__badge [class*=sap-icon][dir=rtl],[dir=rtl] .fd-icon-tab-bar__list .fd-icon-tab-bar__list-item .fd-icon-tab-bar__badge [class*=sap-icon]{margin-left:0;margin-right:0}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item--negative .fd-icon-tab-bar__list-item-counter,.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item--negative .fd-icon-tab-bar__list-item-icon [class*=sap-icon],.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item--negative .fd-icon-tab-bar__list-item-icon[class*=sap-icon],.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item--negative .fd-icon-tab-bar__list-item-title{color:var(--fdIcon_Tab_Bar_Semantic_Color_Negative)}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item--positive .fd-icon-tab-bar__list-item-counter,.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item--positive .fd-icon-tab-bar__list-item-icon [class*=sap-icon],.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item--positive .fd-icon-tab-bar__list-item-icon[class*=sap-icon],.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item--positive .fd-icon-tab-bar__list-item-title{color:var(--fdIcon_Tab_Bar_Semantic_Color_Positive)}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item--critical .fd-icon-tab-bar__list-item-counter,.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item--critical .fd-icon-tab-bar__list-item-icon [class*=sap-icon],.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item--critical .fd-icon-tab-bar__list-item-icon[class*=sap-icon],.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item--critical .fd-icon-tab-bar__list-item-title{color:var(--fdIcon_Tab_Bar_Semantic_Color_Critical)}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item--informative .fd-icon-tab-bar__list-item-counter,.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item--informative .fd-icon-tab-bar__list-item-icon [class*=sap-icon],.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item--informative .fd-icon-tab-bar__list-item-icon[class*=sap-icon],.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item--informative .fd-icon-tab-bar__list-item-title{color:var(--fdIcon_Tab_Bar_Semantic_Color_Informative)}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item--closable .fd-icon-tab-bar__list-link{--fdList_Navigation_Link_Padding_Right:2rem;position:relative}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item--closable .fd-icon-tab-bar__button-container{max-width:2rem;min-width:2rem;position:absolute;right:0;width:2rem;z-index:10}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item--closable .fd-icon-tab-bar__button-container[dir=rtl],[dir=rtl] .fd-icon-tab-bar__list .fd-icon-tab-bar__list-item--closable .fd-icon-tab-bar__button-container{left:0;right:auto}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item--closable .fd-icon-tab-bar__button-container:before{display:none}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item-icon-container{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:flex;justify-content:center;margin-right:.5rem;width:1.25rem}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item-icon-container[dir=rtl],[dir=rtl] .fd-icon-tab-bar__list .fd-icon-tab-bar__list-item-icon-container{margin-left:.5rem;margin-right:0}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item-counter{padding-left:.25rem}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item-counter[dir=rtl],[dir=rtl] .fd-icon-tab-bar__list .fd-icon-tab-bar__list-item-counter{padding-left:0;padding-right:.25rem}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-link.is-selected,.fd-icon-tab-bar__list .fd-icon-tab-bar__list-link[aria-selected=true]{border-bottom:none}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-link.is-active .fd-icon-tab-bar__list-item-counter,.fd-icon-tab-bar__list .fd-icon-tab-bar__list-link.is-active .fd-icon-tab-bar__list-item-icon [class*=sap-icon],.fd-icon-tab-bar__list .fd-icon-tab-bar__list-link.is-active .fd-icon-tab-bar__list-item-icon[class*=sap-icon],.fd-icon-tab-bar__list .fd-icon-tab-bar__list-link.is-active .fd-icon-tab-bar__list-item-title,.fd-icon-tab-bar__list .fd-icon-tab-bar__list-link:active .fd-icon-tab-bar__list-item-counter,.fd-icon-tab-bar__list .fd-icon-tab-bar__list-link:active .fd-icon-tab-bar__list-item-icon [class*=sap-icon],.fd-icon-tab-bar__list .fd-icon-tab-bar__list-link:active .fd-icon-tab-bar__list-item-icon[class*=sap-icon],.fd-icon-tab-bar__list .fd-icon-tab-bar__list-link:active .fd-icon-tab-bar__list-item-title{color:var(--sapList_Active_TextColor)}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-link.is-focus,.fd-icon-tab-bar__list .fd-icon-tab-bar__list-link:focus{z-index:5}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-link.is-focus:before,.fd-icon-tab-bar__list .fd-icon-tab-bar__list-link:focus:before{border-radius:.375rem}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-link span{font-size:var(--sapFontSize)}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item-icon [class*=sap-icon],.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item-icon [class*=sap-icon]:last-child{font-size:1rem;margin:0;width:auto}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item-icon [class*=sap-icon]:last-child[dir=rtl],.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item-icon [class*=sap-icon][dir=rtl],[dir=rtl] .fd-icon-tab-bar__list .fd-icon-tab-bar__list-item-icon [class*=sap-icon],[dir=rtl] .fd-icon-tab-bar__list .fd-icon-tab-bar__list-item-icon [class*=sap-icon]:last-child{margin:0}.fd-icon-tab-bar__list .fd-icon-tab-bar__line-separator:first-child{padding-left:1rem;padding-right:1rem}.fd-icon-tab-bar__list .fd-icon-tab-bar__line-separator:first-child:after{margin-top:.75rem}.fd-icon-tab-bar__list .fd-icon-tab-bar__icon-separator:first-child{height:1.5rem;padding-left:1rem;padding-right:1rem}.fd-icon-tab-bar__list[dir=rtl] .fd-icon-tab-bar__list-item-icon,[dir=rtl] .fd-icon-tab-bar__list .fd-icon-tab-bar__list-item-icon{justify-content:center}.fd-icon-tab-bar--transparent .fd-icon-tab-bar__header,.fd-icon-tab-bar--transparent .fd-icon-tab-bar__panel{background:transparent}.fd-icon-tab-bar--translucent .fd-icon-tab-bar__header{background:var(--sapObjectHeader_Background)}.fd-icon-tab-bar--translucent .fd-icon-tab-bar__panel{background:var(--sapGroup_ContentBackground)}.fd-icon-tab-bar[class*=-compact],.fd-icon-tab-bar[class*=-condensed],[class*=-compact] .fd-icon-tab-bar:not([class*=-cozy]),[class*=-condensed] .fd-icon-tab-bar:not([class*=-cozy]){--fdIconTabBar_Icon_Size:2rem;--fdIconTabBar_Icon_Font_Size:1rem;--fdIcon_Tab_Bar_Container_Badge_Size:.375rem}.fd-icon-tab-bar[class*=-compact] .fd-icon-tab-bar__container .fd-icon-tab-bar__counter,.fd-icon-tab-bar[class*=-condensed] .fd-icon-tab-bar__container .fd-icon-tab-bar__counter,[class*=-compact] .fd-icon-tab-bar:not([class*=-cozy]) .fd-icon-tab-bar__container .fd-icon-tab-bar__counter,[class*=-condensed] .fd-icon-tab-bar:not([class*=-cozy]) .fd-icon-tab-bar__container .fd-icon-tab-bar__counter{left:2rem}.fd-icon-tab-bar[class*=-compact] .fd-icon-tab-bar__container .fd-icon-tab-bar__counter[dir=rtl],.fd-icon-tab-bar[class*=-condensed] .fd-icon-tab-bar__container .fd-icon-tab-bar__counter[dir=rtl],[class*=-compact] .fd-icon-tab-bar:not([class*=-cozy]) .fd-icon-tab-bar__container .fd-icon-tab-bar__counter[dir=rtl],[class*=-condensed] .fd-icon-tab-bar:not([class*=-cozy]) .fd-icon-tab-bar__container .fd-icon-tab-bar__counter[dir=rtl],[dir=rtl] .fd-icon-tab-bar[class*=-compact] .fd-icon-tab-bar__container .fd-icon-tab-bar__counter,[dir=rtl] .fd-icon-tab-bar[class*=-condensed] .fd-icon-tab-bar__container .fd-icon-tab-bar__counter,[dir=rtl] [class*=-compact] .fd-icon-tab-bar:not([class*=-cozy]) .fd-icon-tab-bar__container .fd-icon-tab-bar__counter,[dir=rtl] [class*=-condensed] .fd-icon-tab-bar:not([class*=-cozy]) .fd-icon-tab-bar__container .fd-icon-tab-bar__counter{left:auto;right:2rem}.fd-icon-tab-bar--counters .fd-icon-tab-bar__tab{-webkit-box-pack:end;-ms-flex-pack:end;height:3.875rem;justify-content:flex-end}.fd-icon-tab-bar--counters .fd-icon-tab-bar__badge{top:1.9375rem}.fd-icon-tab-bar--icon-only .fd-icon-tab-bar__tab{flex-direction:row;margin-left:.75rem;margin-right:.75rem;padding:1rem 0;position:relative}.fd-icon-tab-bar--icon-only .fd-icon-tab-bar__item{margin-left:.25rem;margin-right:.25rem}.fd-icon-tab-bar--icon-only .fd-icon-tab-bar__item:first-child{margin:0 .25rem 0 0}.fd-icon-tab-bar--icon-only .fd-icon-tab-bar__item:first-child[dir=rtl],[dir=rtl] .fd-icon-tab-bar--icon-only .fd-icon-tab-bar__item:first-child{margin-left:.25rem;margin-right:0}.fd-icon-tab-bar--icon-only .fd-icon-tab-bar__item:first-child .fd-icon-tab-bar__tab{margin-left:0;margin-right:.75rem}.fd-icon-tab-bar--icon-only .fd-icon-tab-bar__item:first-child .fd-icon-tab-bar__tab[dir=rtl],[dir=rtl] .fd-icon-tab-bar--icon-only .fd-icon-tab-bar__item:first-child .fd-icon-tab-bar__tab{margin-left:.75rem;margin-right:0}.fd-icon-tab-bar--icon-only .fd-icon-tab-bar__item--closable .fd-icon-tab-bar__tab{padding-right:2rem}.fd-icon-tab-bar--icon-only .fd-icon-tab-bar__item--closable .fd-icon-tab-bar__tab[dir=rtl],[dir=rtl] .fd-icon-tab-bar--icon-only .fd-icon-tab-bar__item--closable .fd-icon-tab-bar__tab{padding-left:2rem;padding-right:0}.fd-icon-tab-bar--icon-only .fd-icon-tab-bar__item--closable .fd-icon-tab-bar__button-container{right:.75rem}.fd-icon-tab-bar--icon-only .fd-icon-tab-bar__item--closable .fd-icon-tab-bar__button-container[dir=rtl],[dir=rtl] .fd-icon-tab-bar--icon-only .fd-icon-tab-bar__item--closable .fd-icon-tab-bar__button-container{left:.75rem;right:auto}.fd-icon-tab-bar--icon-only .fd-icon-tab-bar__container .fd-icon-tab-bar__badge{right:.2505rem}.fd-icon-tab-bar--icon-only .fd-icon-tab-bar__container .fd-icon-tab-bar__badge[dir=rtl],[dir=rtl] .fd-icon-tab-bar--icon-only .fd-icon-tab-bar__container .fd-icon-tab-bar__badge{left:.2505rem;right:auto}.fd-icon-tab-bar--icon-only .fd-icon-tab-bar__container .fd-icon-tab-bar__counter{left:2.938rem}.fd-icon-tab-bar--icon-only .fd-icon-tab-bar__container .fd-icon-tab-bar__counter[dir=rtl],[dir=rtl] .fd-icon-tab-bar--icon-only .fd-icon-tab-bar__container .fd-icon-tab-bar__counter{left:auto;right:2.938rem}.fd-icon-tab-bar--icon-only[class*=-compact] .fd-icon-tab-bar__container .fd-icon-tab-bar__counter,.fd-icon-tab-bar--icon-only[class*=-condensed] .fd-icon-tab-bar__container .fd-icon-tab-bar__counter,[class*=-compact] .fd-icon-tab-bar--icon-only:not([class*=-cozy]) .fd-icon-tab-bar__container .fd-icon-tab-bar__counter,[class*=-condensed] .fd-icon-tab-bar--icon-only:not([class*=-cozy]) .fd-icon-tab-bar__container .fd-icon-tab-bar__counter{left:2.188rem}.fd-icon-tab-bar--icon-only[class*=-compact] .fd-icon-tab-bar__container .fd-icon-tab-bar__counter[dir=rtl],.fd-icon-tab-bar--icon-only[class*=-condensed] .fd-icon-tab-bar__container .fd-icon-tab-bar__counter[dir=rtl],[class*=-compact] .fd-icon-tab-bar--icon-only:not([class*=-cozy]) .fd-icon-tab-bar__container .fd-icon-tab-bar__counter[dir=rtl],[class*=-condensed] .fd-icon-tab-bar--icon-only:not([class*=-cozy]) .fd-icon-tab-bar__container .fd-icon-tab-bar__counter[dir=rtl],[dir=rtl] .fd-icon-tab-bar--icon-only[class*=-compact] .fd-icon-tab-bar__container .fd-icon-tab-bar__counter,[dir=rtl] .fd-icon-tab-bar--icon-only[class*=-condensed] .fd-icon-tab-bar__container .fd-icon-tab-bar__counter,[dir=rtl] [class*=-compact] .fd-icon-tab-bar--icon-only:not([class*=-cozy]) .fd-icon-tab-bar__container .fd-icon-tab-bar__counter,[dir=rtl] [class*=-condensed] .fd-icon-tab-bar--icon-only:not([class*=-cozy]) .fd-icon-tab-bar__container .fd-icon-tab-bar__counter{left:auto;right:2.188rem}.fd-icon-tab-bar--icon-only[class*=-compact] .fd-icon-tab-bar__container .fd-icon-tab-bar__badge,.fd-icon-tab-bar--icon-only[class*=-condensed] .fd-icon-tab-bar__container .fd-icon-tab-bar__badge,[class*=-compact] .fd-icon-tab-bar--icon-only:not([class*=-cozy]) .fd-icon-tab-bar__container .fd-icon-tab-bar__badge,[class*=-condensed] .fd-icon-tab-bar--icon-only:not([class*=-cozy]) .fd-icon-tab-bar__container .fd-icon-tab-bar__badge{right:.188rem}.fd-icon-tab-bar--icon-only[class*=-compact] .fd-icon-tab-bar__container .fd-icon-tab-bar__badge[dir=rtl],.fd-icon-tab-bar--icon-only[class*=-condensed] .fd-icon-tab-bar__container .fd-icon-tab-bar__badge[dir=rtl],[class*=-compact] .fd-icon-tab-bar--icon-only:not([class*=-cozy]) .fd-icon-tab-bar__container .fd-icon-tab-bar__badge[dir=rtl],[class*=-condensed] .fd-icon-tab-bar--icon-only:not([class*=-cozy]) .fd-icon-tab-bar__container .fd-icon-tab-bar__badge[dir=rtl],[dir=rtl] .fd-icon-tab-bar--icon-only[class*=-compact] .fd-icon-tab-bar__container .fd-icon-tab-bar__badge,[dir=rtl] .fd-icon-tab-bar--icon-only[class*=-condensed] .fd-icon-tab-bar__container .fd-icon-tab-bar__badge,[dir=rtl] [class*=-compact] .fd-icon-tab-bar--icon-only:not([class*=-cozy]) .fd-icon-tab-bar__container .fd-icon-tab-bar__badge,[dir=rtl] [class*=-condensed] .fd-icon-tab-bar--icon-only:not([class*=-cozy]) .fd-icon-tab-bar__container .fd-icon-tab-bar__badge{left:.188rem;right:auto}.fd-icon-tab-bar--icon .fd-icon-tab-bar__item{margin:0}.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--negative .fd-icon-tab-bar__icon:before,.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--negative[dir=rtl] .fd-icon-tab-bar__icon:after,[dir=rtl] .fd-icon-tab-bar--icon .fd-icon-tab-bar__item--negative .fd-icon-tab-bar__icon:after{content:none;margin:0}.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--negative .fd-icon-tab-bar__label:before{color:var(--sapNegativeElementColor);content:\"\\e1ec\";margin-right:.5rem}.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--negative .fd-icon-tab-bar__label[dir=rtl]:before,[dir=rtl] .fd-icon-tab-bar--icon .fd-icon-tab-bar__item--negative .fd-icon-tab-bar__label:before{content:none;margin:0}.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--negative .fd-icon-tab-bar__label[dir=rtl]:after,[dir=rtl] .fd-icon-tab-bar--icon .fd-icon-tab-bar__item--negative .fd-icon-tab-bar__label:after{color:var(--sapNegativeElementColor);content:\"\\e1ec\";margin-left:.5rem}.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--positive .fd-icon-tab-bar__icon:before,.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--positive[dir=rtl] .fd-icon-tab-bar__icon:after,[dir=rtl] .fd-icon-tab-bar--icon .fd-icon-tab-bar__item--positive .fd-icon-tab-bar__icon:after{content:none;margin:0}.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--positive .fd-icon-tab-bar__label:before{color:var(--sapPositiveElementColor);content:\"\\e1c1\";margin-right:.5rem}.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--positive .fd-icon-tab-bar__label[dir=rtl]:before,[dir=rtl] .fd-icon-tab-bar--icon .fd-icon-tab-bar__item--positive .fd-icon-tab-bar__label:before{content:none;margin:0}.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--positive .fd-icon-tab-bar__label[dir=rtl]:after,[dir=rtl] .fd-icon-tab-bar--icon .fd-icon-tab-bar__item--positive .fd-icon-tab-bar__label:after{color:var(--sapPositiveElementColor);content:\"\\e1c1\";margin-left:.5rem}.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--critical .fd-icon-tab-bar__icon:before,.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--critical[dir=rtl] .fd-icon-tab-bar__icon:after,[dir=rtl] .fd-icon-tab-bar--icon .fd-icon-tab-bar__item--critical .fd-icon-tab-bar__icon:after{content:none;margin:0}.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--critical .fd-icon-tab-bar__label:before{color:var(--sapCriticalElementColor);content:\"\\e053\";margin-right:.5rem}.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--critical .fd-icon-tab-bar__label[dir=rtl]:before,[dir=rtl] .fd-icon-tab-bar--icon .fd-icon-tab-bar__item--critical .fd-icon-tab-bar__label:before{content:none;margin:0}.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--critical .fd-icon-tab-bar__label[dir=rtl]:after,[dir=rtl] .fd-icon-tab-bar--icon .fd-icon-tab-bar__item--critical .fd-icon-tab-bar__label:after{color:var(--sapCriticalElementColor);content:\"\\e053\";margin-left:.5rem}.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--informative .fd-icon-tab-bar__icon:before,.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--informative[dir=rtl] .fd-icon-tab-bar__icon:after,[dir=rtl] .fd-icon-tab-bar--icon .fd-icon-tab-bar__item--informative .fd-icon-tab-bar__icon:after{content:none;margin:0}.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--informative .fd-icon-tab-bar__label:before{color:var(--sapInformativeElementColor);content:\"\\e289\";margin-right:.5rem}.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--informative .fd-icon-tab-bar__label[dir=rtl]:before,[dir=rtl] .fd-icon-tab-bar--icon .fd-icon-tab-bar__item--informative .fd-icon-tab-bar__label:before{content:none;margin:0}.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--informative .fd-icon-tab-bar__label[dir=rtl]:after,[dir=rtl] .fd-icon-tab-bar--icon .fd-icon-tab-bar__item--informative .fd-icon-tab-bar__label:after{color:var(--sapInformativeElementColor);content:\"\\e289\";margin-left:.5rem}.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--closable .fd-icon-tab-bar__tab{padding-right:2rem}.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--closable .fd-icon-tab-bar__tab[dir=rtl],[dir=rtl] .fd-icon-tab-bar--icon .fd-icon-tab-bar__item--closable .fd-icon-tab-bar__tab{padding-left:2rem;padding-right:0}.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--closable .fd-icon-tab-bar__button-container{right:0}.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--closable .fd-icon-tab-bar__button-container[dir=rtl],[dir=rtl] .fd-icon-tab-bar--icon .fd-icon-tab-bar__item--closable .fd-icon-tab-bar__button-container{left:0;right:auto}.fd-icon-tab-bar--icon .fd-icon-tab-bar__tab{flex-direction:row;padding:1rem 0}.fd-icon-tab-bar--icon .fd-icon-tab-bar__tab:after{width:3.126rem}.fd-icon-tab-bar--icon .fd-icon-tab-bar__counter{font-size:var(--sapFontSmallSize);line-height:.875rem;margin-bottom:0}.fd-icon-tab-bar--icon .fd-icon-tab-bar__counter+.fd-icon-tab-bar__label{margin-top:.375rem}.fd-icon-tab-bar--icon[class*=-compact] .fd-icon-tab-bar__details,.fd-icon-tab-bar--icon[class*=-condensed] .fd-icon-tab-bar__details,[class*=-compact] .fd-icon-tab-bar--icon:not([class*=-cozy]) .fd-icon-tab-bar__details,[class*=-condensed] .fd-icon-tab-bar--icon:not([class*=-cozy]) .fd-icon-tab-bar__details{height:2rem;padding-bottom:0;padding-top:0}.fd-icon-tab-bar--icon[class*=-compact] .fd-icon-tab-bar__tab:after,.fd-icon-tab-bar--icon[class*=-condensed] .fd-icon-tab-bar__tab:after,[class*=-compact] .fd-icon-tab-bar--icon:not([class*=-cozy]) .fd-icon-tab-bar__tab:after,[class*=-condensed] .fd-icon-tab-bar--icon:not([class*=-cozy]) .fd-icon-tab-bar__tab:after{width:2.376rem}.fd-icon-tab-bar--icon[class*=-compact] .fd-icon-tab-bar__counter+.fd-icon-tab-bar__label,.fd-icon-tab-bar--icon[class*=-condensed] .fd-icon-tab-bar__counter+.fd-icon-tab-bar__label,[class*=-compact] .fd-icon-tab-bar--icon:not([class*=-cozy]) .fd-icon-tab-bar__counter+.fd-icon-tab-bar__label,[class*=-condensed] .fd-icon-tab-bar--icon:not([class*=-cozy]) .fd-icon-tab-bar__counter+.fd-icon-tab-bar__label{margin-top:.25rem}.fd-icon-tab-bar--process .fd-icon-tab-bar__item{margin-left:0;margin-right:0}.fd-icon-tab-bar--filter .fd-icon-tab-bar__item{margin-left:.25rem;margin-right:.25rem}.fd-icon-tab-bar--filter .fd-icon-tab-bar__item:first-child{margin-left:0;margin-right:1.063rem}.fd-icon-tab-bar--filter .fd-icon-tab-bar__item:first-child[dir=rtl],[dir=rtl] .fd-icon-tab-bar--filter .fd-icon-tab-bar__item:first-child{margin-left:1.063rem;margin-right:0}.fd-icon-tab-bar--filter .fd-icon-tab-bar__item:first-child .fd-icon-tab-bar__tab{padding-bottom:1.875rem;padding-top:1.625rem;position:relative}.fd-icon-tab-bar--filter .fd-icon-tab-bar__item:nth-child(2){margin:0 .25rem 0 0}.fd-icon-tab-bar--filter .fd-icon-tab-bar__item:nth-child(2)[dir=rtl],[dir=rtl] .fd-icon-tab-bar--filter .fd-icon-tab-bar__item:nth-child(2){margin-left:.25rem;margin-right:0}.fd-icon-tab-bar--filter .fd-icon-tab-bar__tab{align-items:center;margin-left:0;margin-right:0;padding:.875rem .188rem .625rem;position:relative}.fd-icon-tab-bar--filter .fd-icon-tab-bar__icon{margin-left:0;margin-right:0}.fd-icon-tab-bar--filter .fd-icon-tab-bar__label{margin-top:.375rem;text-align:center;width:5rem}.fd-icon-tab-bar--filter[class*=-compact] .fd-icon-tab-bar__item:first-child .fd-icon-tab-bar__tab,.fd-icon-tab-bar--filter[class*=-condensed] .fd-icon-tab-bar__item:first-child .fd-icon-tab-bar__tab,[class*=-compact] .fd-icon-tab-bar--filter:not([class*=-cozy]) .fd-icon-tab-bar__item:first-child .fd-icon-tab-bar__tab,[class*=-condensed] .fd-icon-tab-bar--filter:not([class*=-cozy]) .fd-icon-tab-bar__item:first-child .fd-icon-tab-bar__tab{padding-bottom:1.375rem;padding-top:1.375rem}.fd-icon-tab-bar--filter[class*=-compact] .fd-icon-tab-bar__badge,.fd-icon-tab-bar--filter[class*=-condensed] .fd-icon-tab-bar__badge,[class*=-compact] .fd-icon-tab-bar--filter:not([class*=-cozy]) .fd-icon-tab-bar__badge,[class*=-condensed] .fd-icon-tab-bar--filter:not([class*=-cozy]) .fd-icon-tab-bar__badge{right:.063rem}.fd-icon-tab-bar--filter[class*=-compact] .fd-icon-tab-bar__badge[dir=rtl],.fd-icon-tab-bar--filter[class*=-condensed] .fd-icon-tab-bar__badge[dir=rtl],[class*=-compact] .fd-icon-tab-bar--filter:not([class*=-cozy]) .fd-icon-tab-bar__badge[dir=rtl],[class*=-condensed] .fd-icon-tab-bar--filter:not([class*=-cozy]) .fd-icon-tab-bar__badge[dir=rtl],[dir=rtl] .fd-icon-tab-bar--filter[class*=-compact] .fd-icon-tab-bar__badge,[dir=rtl] .fd-icon-tab-bar--filter[class*=-condensed] .fd-icon-tab-bar__badge,[dir=rtl] [class*=-compact] .fd-icon-tab-bar--filter:not([class*=-cozy]) .fd-icon-tab-bar__badge,[dir=rtl] [class*=-condensed] .fd-icon-tab-bar--filter:not([class*=-cozy]) .fd-icon-tab-bar__badge{left:.063rem;right:auto}.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__header{-webkit-box-shadow:var(--sapShell_Shadow);background:var(--sapShell_Navigation_Background);box-shadow:var(--sapShell_Shadow)}.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__item{color:var(--sapShell_Navigation_TextColor)}.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__tab [class*=sap-icon]{color:var(--sapShell_Navigation_TextColor);font-size:1rem;height:1rem;line-height:1;margin-right:.5rem}.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__tab [class*=sap-icon][dir=rtl],[dir=rtl] .fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__tab [class*=sap-icon]{margin-left:.5rem;margin-right:0}.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__tab .fd-icon-tab-bar__tag{color:var(--sapShell_Navigation_TextColor)}.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__tab.is-selected .fd-icon-tab-bar__tag,.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__tab.is-selected [class*=sap-icon],.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__tab[aria-selected=true] .fd-icon-tab-bar__tag,.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__tab[aria-selected=true] [class*=sap-icon]{color:var(--sapShell_Navigation_Selected_TextColor)}.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__tab.is-selected:after,.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__tab[aria-selected=true]:after{background:var(--sapShell_Navigation_SelectedColor)}.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__tab.is-selected+.fd-icon-tab-bar__popover .fd-icon-tab-bar__button,.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__tab[aria-selected=true]+.fd-icon-tab-bar__popover .fd-icon-tab-bar__button{--fdButtonColor:var(--fdIconTabBar_Button_Shell_Color_Active)}.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__tab.is-hover .fd-icon-tab-bar__tag,.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__tab.is-hover [class*=sap-icon],.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__tab:hover .fd-icon-tab-bar__tag,.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__tab:hover [class*=sap-icon]{color:var(--sapShell_Navigation_Selected_TextColor)}.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__tab.is-focus,.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__tab:focus{z-index:5}.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__tab.is-focus .fd-icon-tab-bar__tag:after,.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__tab:focus .fd-icon-tab-bar__tag:after{border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapShell_Navigation_TextColor);bottom:0;bottom:var(--fdIcon_Tab_Bar_Focus_Offset);content:\"\";display:block;left:0;left:var(--fdIcon_Tab_Bar_Focus_Offset);position:absolute;right:0;right:var(--fdIcon_Tab_Bar_Focus_Offset);top:0;top:var(--fdIcon_Tab_Bar_Focus_Offset)}.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__tab.is-focus .fd-icon-tab-bar__tab-container,.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__tab:focus .fd-icon-tab-bar__tab-container{position:relative}.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__tab.is-focus .fd-icon-tab-bar__tab-container .fd-icon-tab-bar__tag,.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__tab:focus .fd-icon-tab-bar__tab-container .fd-icon-tab-bar__tag{outline:none}.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__tab.is-focus .fd-icon-tab-bar__tab-container .fd-icon-tab-bar__tag:after,.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__tab:focus .fd-icon-tab-bar__tab-container .fd-icon-tab-bar__tag:after{border:none}.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__tab.is-focus .fd-icon-tab-bar__tab-container:after,.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__tab:focus .fd-icon-tab-bar__tab-container:after{border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapShell_Navigation_TextColor);bottom:0;bottom:var(--fdIcon_Tab_Bar_Focus_Offset);content:\"\";display:block;left:0;left:var(--fdIcon_Tab_Bar_Focus_Offset);position:absolute;right:0;right:var(--fdIcon_Tab_Bar_Focus_Offset);top:0;top:var(--fdIcon_Tab_Bar_Focus_Offset)}.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__tab .fd-icon-tab-bar__arrow [class*=sap-icon]{margin:0}.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__overflow{--fdIconTabBar_Overflow_Button_Background:var(--fdIconTabBar_Overflow_Button_Shell_Background);--fdIconTabBar_Overflow_Button_Border_Color:var(--fdIconTabBar_Overflow_Button_Shell_Border_Color);--fdIconTabBar_Overflow_Button_Text_Color:var(--fdIconTabBar_Overflow_Button_Shell_Text_Color);--fdIconTabBar_Overflow_Button_Icon_Color:var(--fdIconTabBar_Overflow_Button_Shell_Icon_Color)}.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__overflow.is-hover,.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__overflow:hover{--fdIconTabBar_Overflow_Button_Background:var(--fdIconTabBar_Overflow_Button_Shell_Background_Hover);--fdIconTabBar_Overflow_Button_Border_Color:var( --fdIconTabBar_Overflow_Button_Shell_Border_Color_Hover );--fdIconTabBar_Overflow_Button_Text_Color:var(--fdIconTabBar_Overflow_Button_Shell_Text_Color_Hover);--fdIconTabBar_Overflow_Button_Icon_Color:var(--fdIconTabBar_Overflow_Button_Shell_Icon_Color_Hover)}.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__overflow.is-active,.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__overflow:active{--fdIconTabBar_Overflow_Button_Background:var(--fdIconTabBar_Overflow_Button_Shell_Background_Active);--fdIconTabBar_Overflow_Button_Border_Color:var( --fdIconTabBar_Overflow_Button_Shell_Border_Color_Active );--fdIconTabBar_Overflow_Button_Text_Color:var(--fdIconTabBar_Overflow_Button_Shell_Text_Color_Active);--fdIconTabBar_Overflow_Button_Icon_Color:var(--fdIconTabBar_Overflow_Button_Shell_Icon_Color_Active)}.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__overflow.is-focus,.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__overflow:focus{z-index:5}.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__overflow.is-focus:after,.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__overflow:focus:after{border-color:var(--fdIconTabBar_Overflow_Button_Shell_Focus_Color)}.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__button{--fdButtonColor:var(--fdIconTabBar_Button_Shell_Color)}.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__button.is-hover,.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__button:hover{--fdButtonColor:var(--fdIconTabBar_Button_Shell_Color_Hover);--fdButtonBorderColor:var(--fdIconTabBar_Button_Shell_Background_Color_Hover);--fdButtonBackgroundColor:var(--fdIconTabBar_Button_Shell_Background_Color_Hover)}.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__button.is-active,.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__button:active{--fdButtonColor:var(--fdIconTabBar_Button_Shell_Color_Active);--fdButtonBackgroundColor:var(--fdIconTabBar_Button_Shell_Background_Color_Active);--fdButtonBorderColor:var(--fdIconTabBar_Button_Shell_Background_Color_Active)}.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__button.is-focus,.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__button:focus{--fdButtonColor:var(--fdIconTabBar_Button_Shell_Color_Active);--fdButtonBackgroundColor:var(--sapShell_Navigation_Background);--fdButtonBorderColor:var(--sapShell_Navigation_Background);z-index:5}.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__button.is-focus:after,.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__button:focus:after{border-color:var(--fdIconTabBar_Button_Shell_Focus_Color)}.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__button.is-selected,.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__button[aria-selected=true]{--fdButtonColor:var(--fdIconTabBar_Button_Shell_Color_Active);--fdButtonBackgroundColor:var(--fdIconTabBar_Button_Shell_Background_Color_Selected);--fdButtonBorderColor:var(--fdIconTabBar_Button_Shell_Background_Color_Selected)}.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__button.is-selected.is-hover,.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__button.is-selected:hover,.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__button[aria-selected=true].is-hover,.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__button[aria-selected=true]:hover{--fdButtonColor:var(--fdIconTabBar_Button_Shell_Color_Hover);--fdButtonBorderColor:transparent;--fdButtonBackgroundColor:var(--fdIconTabBar_Button_Shell_Background_Color_Hover)}.fd-icon-tab-bar.fd-icon-tab-bar--navigation-flat .fd-icon-tab-bar__header{background:var(--sapShellColor)}.fd-icon-tab-bar.fd-icon-tab-bar--navigation-flat .fd-icon-tab-bar__item--with-separator{margin-right:2rem;position:relative}.fd-icon-tab-bar.fd-icon-tab-bar--navigation-flat .fd-icon-tab-bar__item--with-separator[dir=rtl],[dir=rtl] .fd-icon-tab-bar.fd-icon-tab-bar--navigation-flat .fd-icon-tab-bar__item--with-separator{margin-left:2rem;margin-right:0}.fd-icon-tab-bar.fd-icon-tab-bar--navigation-flat .fd-icon-tab-bar__item--with-separator:after{background:var(--sapShell_InteractiveBorderColor);content:\"\";height:1.5rem;position:absolute;right:-1rem;width:.063rem}.fd-icon-tab-bar.fd-icon-tab-bar--navigation-flat .fd-icon-tab-bar__item--with-separator[dir=rtl]:after,[dir=rtl] .fd-icon-tab-bar.fd-icon-tab-bar--navigation-flat .fd-icon-tab-bar__item--with-separator:after{left:-1rem;right:auto}.fd-icon-tab-bar--navigation-horizontal .fd-icon-tab-bar__header{box-shadow:none}.fd-icon-tab-bar--navigation-horizontal .fd-icon-tab-bar__tab{padding-bottom:1rem;padding-top:.75rem}.fd-icon-tab-bar--navigation-horizontal .fd-icon-tab-bar__tab.is-selected:after,.fd-icon-tab-bar--navigation-horizontal .fd-icon-tab-bar__tab[aria-selected=true]:after{border-radius:.125rem;margin-bottom:.188rem}.fd-icon-tab-bar--navigation-horizontal .fd-icon-tab-bar__button-container{align-items:normal}.fd-icon-tab-bar--navigation-horizontal .fd-icon-tab-bar__button-container .fd-icon-tab-bar__button{margin-top:.5rem}.fd-icon-tab-bar--sm .fd-icon-tab-bar__header{padding:0 1rem}.fd-icon-tab-bar--lg .fd-icon-tab-bar__header,.fd-icon-tab-bar--md .fd-icon-tab-bar__header{padding:0 2rem}.fd-icon-tab-bar--xl .fd-icon-tab-bar__header,.fd-icon-tab-bar--xxl .fd-icon-tab-bar__header{padding:0 3rem}.fd-icon-tab-bar--responsive-paddings .fd-icon-tab-bar__header{padding-bottom:0;padding-top:0}@media (max-width: 599px){.fd-icon-tab-bar--responsive-paddings .fd-icon-tab-bar__header{padding-left:1rem;padding-right:1rem}}@media (min-width: 600px) and (max-width: 1023px){.fd-icon-tab-bar--responsive-paddings .fd-icon-tab-bar__header{padding-left:2rem;padding-right:2rem}}@media (min-width: 1024px) and (max-width: 1439px){.fd-icon-tab-bar--responsive-paddings .fd-icon-tab-bar__header{padding-left:2rem;padding-right:2rem}}@media (min-width: 1440px){.fd-icon-tab-bar--responsive-paddings .fd-icon-tab-bar__header{padding-left:3rem;padding-right:3rem}}.fd-icon-tab-bar .fd-icon-tab-bar__item--overflow,.fd-icon-tab-bar--filter .fd-icon-tab-bar__item--overflow,.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--overflow,.fd-icon-tab-bar--icon-only .fd-icon-tab-bar__item--overflow,.fd-icon-tab-bar--navigation .fd-icon-tab-bar__item--overflow,.fd-icon-tab-bar--navigation-flat .fd-icon-tab-bar__item--overflow,.fd-icon-tab-bar--process .fd-icon-tab-bar__item--overflow{margin:0}.fd-icon-tab-bar .fd-icon-tab-bar__item--overflow:last-of-type,.fd-icon-tab-bar--filter .fd-icon-tab-bar__item--overflow:last-of-type,.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--overflow:last-of-type,.fd-icon-tab-bar--icon-only .fd-icon-tab-bar__item--overflow:last-of-type,.fd-icon-tab-bar--navigation .fd-icon-tab-bar__item--overflow:last-of-type,.fd-icon-tab-bar--navigation-flat .fd-icon-tab-bar__item--overflow:last-of-type,.fd-icon-tab-bar--process .fd-icon-tab-bar__item--overflow:last-of-type{margin-left:auto}.fd-icon-tab-bar .fd-icon-tab-bar__item--overflow:last-of-type[dir=rtl],.fd-icon-tab-bar--filter .fd-icon-tab-bar__item--overflow:last-of-type[dir=rtl],.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--overflow:last-of-type[dir=rtl],.fd-icon-tab-bar--icon-only .fd-icon-tab-bar__item--overflow:last-of-type[dir=rtl],.fd-icon-tab-bar--navigation .fd-icon-tab-bar__item--overflow:last-of-type[dir=rtl],.fd-icon-tab-bar--navigation-flat .fd-icon-tab-bar__item--overflow:last-of-type[dir=rtl],.fd-icon-tab-bar--process .fd-icon-tab-bar__item--overflow:last-of-type[dir=rtl],[dir=rtl] .fd-icon-tab-bar .fd-icon-tab-bar__item--overflow:last-of-type,[dir=rtl] .fd-icon-tab-bar--filter .fd-icon-tab-bar__item--overflow:last-of-type,[dir=rtl] .fd-icon-tab-bar--icon .fd-icon-tab-bar__item--overflow:last-of-type,[dir=rtl] .fd-icon-tab-bar--icon-only .fd-icon-tab-bar__item--overflow:last-of-type,[dir=rtl] .fd-icon-tab-bar--navigation .fd-icon-tab-bar__item--overflow:last-of-type,[dir=rtl] .fd-icon-tab-bar--navigation-flat .fd-icon-tab-bar__item--overflow:last-of-type,[dir=rtl] .fd-icon-tab-bar--process .fd-icon-tab-bar__item--overflow:last-of-type{margin-left:0;margin-right:auto}.fd-icon-tab-bar .fd-icon-tab-bar__item--overflow .fd-icon-tab-bar__popover,.fd-icon-tab-bar--filter .fd-icon-tab-bar__item--overflow .fd-icon-tab-bar__popover,.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--overflow .fd-icon-tab-bar__popover,.fd-icon-tab-bar--icon-only .fd-icon-tab-bar__item--overflow .fd-icon-tab-bar__popover,.fd-icon-tab-bar--navigation .fd-icon-tab-bar__item--overflow .fd-icon-tab-bar__popover,.fd-icon-tab-bar--navigation-flat .fd-icon-tab-bar__item--overflow .fd-icon-tab-bar__popover,.fd-icon-tab-bar--process .fd-icon-tab-bar__item--overflow .fd-icon-tab-bar__popover{position:relative}.fd-icon-tab-bar .fd-icon-tab-bar__item--overflow .fd-icon-tab-bar__popover-body,.fd-icon-tab-bar--filter .fd-icon-tab-bar__item--overflow .fd-icon-tab-bar__popover-body,.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--overflow .fd-icon-tab-bar__popover-body,.fd-icon-tab-bar--icon-only .fd-icon-tab-bar__item--overflow .fd-icon-tab-bar__popover-body,.fd-icon-tab-bar--navigation .fd-icon-tab-bar__item--overflow .fd-icon-tab-bar__popover-body,.fd-icon-tab-bar--navigation-flat .fd-icon-tab-bar__item--overflow .fd-icon-tab-bar__popover-body,.fd-icon-tab-bar--process .fd-icon-tab-bar__item--overflow .fd-icon-tab-bar__popover-body{margin-right:-.25rem;margin-top:.375rem}.fd-icon-tab-bar .fd-icon-tab-bar__item--overflow .fd-icon-tab-bar__popover-body[dir=rtl],.fd-icon-tab-bar--filter .fd-icon-tab-bar__item--overflow .fd-icon-tab-bar__popover-body[dir=rtl],.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--overflow .fd-icon-tab-bar__popover-body[dir=rtl],.fd-icon-tab-bar--icon-only .fd-icon-tab-bar__item--overflow .fd-icon-tab-bar__popover-body[dir=rtl],.fd-icon-tab-bar--navigation .fd-icon-tab-bar__item--overflow .fd-icon-tab-bar__popover-body[dir=rtl],.fd-icon-tab-bar--navigation-flat .fd-icon-tab-bar__item--overflow .fd-icon-tab-bar__popover-body[dir=rtl],.fd-icon-tab-bar--process .fd-icon-tab-bar__item--overflow .fd-icon-tab-bar__popover-body[dir=rtl],[dir=rtl] .fd-icon-tab-bar .fd-icon-tab-bar__item--overflow .fd-icon-tab-bar__popover-body,[dir=rtl] .fd-icon-tab-bar--filter .fd-icon-tab-bar__item--overflow .fd-icon-tab-bar__popover-body,[dir=rtl] .fd-icon-tab-bar--icon .fd-icon-tab-bar__item--overflow .fd-icon-tab-bar__popover-body,[dir=rtl] .fd-icon-tab-bar--icon-only .fd-icon-tab-bar__item--overflow .fd-icon-tab-bar__popover-body,[dir=rtl] .fd-icon-tab-bar--navigation .fd-icon-tab-bar__item--overflow .fd-icon-tab-bar__popover-body,[dir=rtl] .fd-icon-tab-bar--navigation-flat .fd-icon-tab-bar__item--overflow .fd-icon-tab-bar__popover-body,[dir=rtl] .fd-icon-tab-bar--process .fd-icon-tab-bar__item--overflow .fd-icon-tab-bar__popover-body{margin-left:-.25rem;margin-right:0}/*!\n * Fundamental Library Styles v0.32.0\n * Copyright (c) 2023 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-list{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);list-style:none;margin:0;padding:0;position:relative;width:100%}.fd-list:after,.fd-list:before{box-sizing:inherit;font-size:inherit}.fd-list__footer,.fd-list__group-header,.fd-list__item{-webkit-box-sizing:border-box;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0 .9375rem}.fd-list__footer:after,.fd-list__footer:before,.fd-list__group-header:after,.fd-list__group-header:before,.fd-list__item:after,.fd-list__item:before{box-sizing:inherit;font-size:inherit}.fd-list__item{background:var(--fdList_Item_Background_Color);border-bottom:var(--sapList_BorderWidth) solid var(--fdList_Item_Border_Color);height:var(--fdList_Item_Height);position:relative}.fd-list__item.is-focus,.fd-list__item:focus{outline:none;pointer-events:all}.fd-list__item.is-focus:before,.fd-list__item:focus:before{border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);bottom:.125rem;content:\"\";display:block;inset:.125rem .125rem .0625rem;pointer-events:none;position:absolute}.fd-list__item.is-focus.is-active:before,.fd-list__item.is-focus:active:before,.fd-list__item:focus.is-active:before,.fd-list__item:focus:active:before{border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdList_Active_Outline_Color)}.fd-list__item--unread .fd-list__title{font-weight:700}.fd-list__item--no-data .fd-list__title{text-align:center}.fd-list__item--interactive.is-hover,.fd-list__item--interactive:hover,.fd-list__item--interractive.is-hover,.fd-list__item--interractive:hover{--fdList_Item_Background_Color:var(--sapList_Hover_Background);--fdList_Item_Text_Color:var(--sapList_TextColor);--fdList_Item_Border_Color:var(--sapList_BorderColor)}.fd-list__item--interactive.is-selected,.fd-list__item--interactive[aria-selected=true],.fd-list__item--interractive.is-selected,.fd-list__item--interractive[aria-selected=true]{--fdList_Item_Background_Color:var(--sapList_SelectionBackgroundColor);--fdList_Item_Text_Color:var(--sapList_TextColor);--fdList_Item_Border_Color:var(--sapList_SelectionBorderColor)}.fd-list__item--interactive.is-selected .fd-list__link,.fd-list__item--interactive[aria-selected=true] .fd-list__link,.fd-list__item--interractive.is-selected .fd-list__link,.fd-list__item--interractive[aria-selected=true] .fd-list__link{background:inherit}.fd-list__item--interactive.is-selected .fd-list__link.is-active,.fd-list__item--interactive.is-selected .fd-list__link:active,.fd-list__item--interactive[aria-selected=true] .fd-list__link.is-active,.fd-list__item--interactive[aria-selected=true] .fd-list__link:active,.fd-list__item--interractive.is-selected .fd-list__link.is-active,.fd-list__item--interractive.is-selected .fd-list__link:active,.fd-list__item--interractive[aria-selected=true] .fd-list__link.is-active,.fd-list__item--interractive[aria-selected=true] .fd-list__link:active{--fdList_Item_Background_Color:var(--sapList_Active_Background)}.fd-list__item--interactive.is-selected.is-hover,.fd-list__item--interactive.is-selected:hover,.fd-list__item--interactive[aria-selected=true].is-hover,.fd-list__item--interactive[aria-selected=true]:hover,.fd-list__item--interractive.is-selected.is-hover,.fd-list__item--interractive.is-selected:hover,.fd-list__item--interractive[aria-selected=true].is-hover,.fd-list__item--interractive[aria-selected=true]:hover{--fdList_Item_Background_Color:var(--sapList_Hover_SelectionBackground)}.fd-list__item--interactive.is-active,.fd-list__item--interactive.is-active.is-hover,.fd-list__item--interactive.is-active.is-selected,.fd-list__item--interactive.is-active.is-selected.is-hover,.fd-list__item--interactive.is-active.is-selected:hover,.fd-list__item--interactive.is-active:hover,.fd-list__item--interactive.is-active[aria-selected=true],.fd-list__item--interactive.is-active[aria-selected=true].is-hover,.fd-list__item--interactive.is-active[aria-selected=true]:hover,.fd-list__item--interactive:active,.fd-list__item--interactive:active.is-hover,.fd-list__item--interactive:active.is-selected,.fd-list__item--interactive:active.is-selected.is-hover,.fd-list__item--interactive:active.is-selected:hover,.fd-list__item--interactive:active:hover,.fd-list__item--interactive:active[aria-selected=true],.fd-list__item--interactive:active[aria-selected=true].is-hover,.fd-list__item--interactive:active[aria-selected=true]:hover,.fd-list__item--interractive.is-active,.fd-list__item--interractive.is-active.is-hover,.fd-list__item--interractive.is-active.is-selected,.fd-list__item--interractive.is-active.is-selected.is-hover,.fd-list__item--interractive.is-active.is-selected:hover,.fd-list__item--interractive.is-active:hover,.fd-list__item--interractive.is-active[aria-selected=true],.fd-list__item--interractive.is-active[aria-selected=true].is-hover,.fd-list__item--interractive.is-active[aria-selected=true]:hover,.fd-list__item--interractive:active,.fd-list__item--interractive:active.is-hover,.fd-list__item--interractive:active.is-selected,.fd-list__item--interractive:active.is-selected.is-hover,.fd-list__item--interractive:active.is-selected:hover,.fd-list__item--interractive:active:hover,.fd-list__item--interractive:active[aria-selected=true],.fd-list__item--interractive:active[aria-selected=true].is-hover,.fd-list__item--interractive:active[aria-selected=true]:hover{--fdList_Item_Background_Color:var(--sapList_Active_Background);--fdList_Item_Text_Color:var(--sapList_Active_TextColor);--fdList_Item_Border_Color:var(--sapList_Active_Background)}.fd-list__item--interactive.is-active,.fd-list__item--interactive.is-active .fd-list__byline,.fd-list__item--interactive.is-active .fd-list__byline-left,.fd-list__item--interactive.is-active .fd-list__byline-right,.fd-list__item--interactive.is-active .fd-list__byline-right--critical,.fd-list__item--interactive.is-active .fd-list__byline-right--informative,.fd-list__item--interactive.is-active .fd-list__byline-right--negative,.fd-list__item--interactive.is-active .fd-list__byline-right--neutral,.fd-list__item--interactive.is-active .fd-list__byline-right--positive,.fd-list__item--interactive.is-active .fd-list__content,.fd-list__item--interactive.is-active .fd-list__icon,.fd-list__item--interactive.is-active .fd-list__secondary,.fd-list__item--interactive.is-active .fd-list__thumbnail,.fd-list__item--interactive.is-active .fd-list__title,.fd-list__item--interactive.is-active.fd-list__link--navigation-indicator:after,.fd-list__item--interactive:active,.fd-list__item--interactive:active .fd-list__byline,.fd-list__item--interactive:active .fd-list__byline-left,.fd-list__item--interactive:active .fd-list__byline-right,.fd-list__item--interactive:active .fd-list__byline-right--critical,.fd-list__item--interactive:active .fd-list__byline-right--informative,.fd-list__item--interactive:active .fd-list__byline-right--negative,.fd-list__item--interactive:active .fd-list__byline-right--neutral,.fd-list__item--interactive:active .fd-list__byline-right--positive,.fd-list__item--interactive:active .fd-list__content,.fd-list__item--interactive:active .fd-list__icon,.fd-list__item--interactive:active .fd-list__secondary,.fd-list__item--interactive:active .fd-list__thumbnail,.fd-list__item--interactive:active .fd-list__title,.fd-list__item--interactive:active.fd-list__link--navigation-indicator:after,.fd-list__item--interractive.is-active,.fd-list__item--interractive.is-active .fd-list__byline,.fd-list__item--interractive.is-active .fd-list__byline-left,.fd-list__item--interractive.is-active .fd-list__byline-right,.fd-list__item--interractive.is-active .fd-list__byline-right--critical,.fd-list__item--interractive.is-active .fd-list__byline-right--informative,.fd-list__item--interractive.is-active .fd-list__byline-right--negative,.fd-list__item--interractive.is-active .fd-list__byline-right--neutral,.fd-list__item--interractive.is-active .fd-list__byline-right--positive,.fd-list__item--interractive.is-active .fd-list__content,.fd-list__item--interractive.is-active .fd-list__icon,.fd-list__item--interractive.is-active .fd-list__secondary,.fd-list__item--interractive.is-active .fd-list__thumbnail,.fd-list__item--interractive.is-active .fd-list__title,.fd-list__item--interractive.is-active.fd-list__link--navigation-indicator:after,.fd-list__item--interractive:active,.fd-list__item--interractive:active .fd-list__byline,.fd-list__item--interractive:active .fd-list__byline-left,.fd-list__item--interractive:active .fd-list__byline-right,.fd-list__item--interractive:active .fd-list__byline-right--critical,.fd-list__item--interractive:active .fd-list__byline-right--informative,.fd-list__item--interractive:active .fd-list__byline-right--negative,.fd-list__item--interractive:active .fd-list__byline-right--neutral,.fd-list__item--interractive:active .fd-list__byline-right--positive,.fd-list__item--interractive:active .fd-list__content,.fd-list__item--interractive:active .fd-list__icon,.fd-list__item--interractive:active .fd-list__secondary,.fd-list__item--interractive:active .fd-list__thumbnail,.fd-list__item--interractive:active .fd-list__title,.fd-list__item--interractive:active.fd-list__link--navigation-indicator:after{text-shadow:none}.fd-list__item--action{--fdList_Item_Height:var(--sapElement_LineHeight);border-bottom:var(--fdList_Item_Action_Border);font-size:var(--sapFontSize);padding:0;text-align:center}.fd-list__item--action:first-child{border-top:var(--fdList_Item_Action_Border)}.fd-list__item--action .fd-list__title{background:transparent;border:var(--fdList_Item_Action_Button_Border);border-radius:var(--fdList_Item_Action_Button_Border_Radius);color:var(--sapButton_TextColor);cursor:pointer;height:var(--fdList_Item_Action_Button_Size);margin:var(--fdList_Item_Action_Button_Spacing);padding:0 .9375rem;pointer-events:all;width:100%}.fd-list__item--action .fd-list__title.is-hover,.fd-list__item--action .fd-list__title:hover{--fdList_Item_Background_Color:var(--sapList_Hover_Background);--fdList_Item_Text_Color:var(--sapList_TextColor);--fdList_Item_Border_Color:var(--sapList_BorderColor)}.fd-list__item--action .fd-list__title.is-selected,.fd-list__item--action .fd-list__title[aria-selected=true]{--fdList_Item_Background_Color:var(--sapList_SelectionBackgroundColor);--fdList_Item_Text_Color:var(--sapList_TextColor);--fdList_Item_Border_Color:var(--sapList_SelectionBorderColor)}.fd-list__item--action .fd-list__title.is-selected .fd-list__link,.fd-list__item--action .fd-list__title[aria-selected=true] .fd-list__link{background:inherit}.fd-list__item--action .fd-list__title.is-selected .fd-list__link.is-active,.fd-list__item--action .fd-list__title.is-selected .fd-list__link:active,.fd-list__item--action .fd-list__title[aria-selected=true] .fd-list__link.is-active,.fd-list__item--action .fd-list__title[aria-selected=true] .fd-list__link:active{--fdList_Item_Background_Color:var(--sapList_Active_Background)}.fd-list__item--action .fd-list__title.is-selected.is-hover,.fd-list__item--action .fd-list__title.is-selected:hover,.fd-list__item--action .fd-list__title[aria-selected=true].is-hover,.fd-list__item--action .fd-list__title[aria-selected=true]:hover{--fdList_Item_Background_Color:var(--sapList_Hover_SelectionBackground)}.fd-list__item--action .fd-list__title.is-active,.fd-list__item--action .fd-list__title.is-active.is-hover,.fd-list__item--action .fd-list__title.is-active.is-selected,.fd-list__item--action .fd-list__title.is-active.is-selected.is-hover,.fd-list__item--action .fd-list__title.is-active.is-selected:hover,.fd-list__item--action .fd-list__title.is-active:hover,.fd-list__item--action .fd-list__title.is-active[aria-selected=true],.fd-list__item--action .fd-list__title.is-active[aria-selected=true].is-hover,.fd-list__item--action .fd-list__title.is-active[aria-selected=true]:hover,.fd-list__item--action .fd-list__title:active,.fd-list__item--action .fd-list__title:active.is-hover,.fd-list__item--action .fd-list__title:active.is-selected,.fd-list__item--action .fd-list__title:active.is-selected.is-hover,.fd-list__item--action .fd-list__title:active.is-selected:hover,.fd-list__item--action .fd-list__title:active:hover,.fd-list__item--action .fd-list__title:active[aria-selected=true],.fd-list__item--action .fd-list__title:active[aria-selected=true].is-hover,.fd-list__item--action .fd-list__title:active[aria-selected=true]:hover{--fdList_Item_Background_Color:var(--sapList_Active_Background);--fdList_Item_Text_Color:var(--sapList_Active_TextColor);--fdList_Item_Border_Color:var(--sapList_Active_Background)}.fd-list__item--action .fd-list__title.is-active,.fd-list__item--action .fd-list__title.is-active .fd-list__byline,.fd-list__item--action .fd-list__title.is-active .fd-list__byline-left,.fd-list__item--action .fd-list__title.is-active .fd-list__byline-right,.fd-list__item--action .fd-list__title.is-active .fd-list__byline-right--critical,.fd-list__item--action .fd-list__title.is-active .fd-list__byline-right--informative,.fd-list__item--action .fd-list__title.is-active .fd-list__byline-right--negative,.fd-list__item--action .fd-list__title.is-active .fd-list__byline-right--neutral,.fd-list__item--action .fd-list__title.is-active .fd-list__byline-right--positive,.fd-list__item--action .fd-list__title.is-active .fd-list__content,.fd-list__item--action .fd-list__title.is-active .fd-list__icon,.fd-list__item--action .fd-list__title.is-active .fd-list__secondary,.fd-list__item--action .fd-list__title.is-active .fd-list__thumbnail,.fd-list__item--action .fd-list__title.is-active .fd-list__title,.fd-list__item--action .fd-list__title.is-active.fd-list__link--navigation-indicator:after,.fd-list__item--action .fd-list__title:active,.fd-list__item--action .fd-list__title:active .fd-list__byline,.fd-list__item--action .fd-list__title:active .fd-list__byline-left,.fd-list__item--action .fd-list__title:active .fd-list__byline-right,.fd-list__item--action .fd-list__title:active .fd-list__byline-right--critical,.fd-list__item--action .fd-list__title:active .fd-list__byline-right--informative,.fd-list__item--action .fd-list__title:active .fd-list__byline-right--negative,.fd-list__item--action .fd-list__title:active .fd-list__byline-right--neutral,.fd-list__item--action .fd-list__title:active .fd-list__byline-right--positive,.fd-list__item--action .fd-list__title:active .fd-list__content,.fd-list__item--action .fd-list__title:active .fd-list__icon,.fd-list__item--action .fd-list__title:active .fd-list__secondary,.fd-list__item--action .fd-list__title:active .fd-list__thumbnail,.fd-list__item--action .fd-list__title:active .fd-list__title,.fd-list__item--action .fd-list__title:active.fd-list__link--navigation-indicator:after{text-shadow:none}.fd-list__item--action .fd-list__title.is-focus,.fd-list__item--action .fd-list__title:focus{outline-color:var(--sapContent_FocusColor);outline-offset:-.125rem;outline-style:var(--sapContent_FocusStyle);outline-width:var(--sapContent_FocusWidth)}.fd-list__item--action .fd-list__title.is-focus.is-active,.fd-list__item--action .fd-list__title.is-focus:active,.fd-list__item--action .fd-list__title:focus.is-active,.fd-list__item--action .fd-list__title:focus:active{outline-color:var(--fdList_Active_Outline_Color)}.fd-list__item--action .fd-list__title::-moz-focus-inner{border:0}.fd-list__item--growing{--fdList_Item_Height:var(--sapElement_LineHeight)}.fd-list__item--growing .fd-list__title{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:flex;gap:.5rem;justify-content:center}.fd-list__item--growing .fd-list__title-text{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:inherit;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;font-weight:var(--fdList_Growing_Font_Weight);forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;overflow:hidden;padding:0;text-overflow:ellipsis;text-shadow:inherit;white-space:nowrap}.fd-list__item--growing .fd-list__title-text:after,.fd-list__item--growing .fd-list__title-text:before{box-sizing:inherit;font-size:inherit}.fd-list__item--inactive,.fd-list__item--inactive .fd-list__secondary,.fd-list__item--inactive .fd-list__title{pointer-events:none}.fd-list__item.is-selected,.fd-list__item[aria-selected=true]{--fdList_Item_Background_Color:var(--sapList_SelectionBackgroundColor);--fdList_Item_Text_Color:var(--sapList_TextColor);--fdList_Item_Border_Color:var(--sapList_SelectionBorderColor)}.fd-list__item.is-selected .fd-list__link,.fd-list__item[aria-selected=true] .fd-list__link{background:inherit}.fd-list__item.is-selected .fd-list__link.is-active,.fd-list__item.is-selected .fd-list__link:active,.fd-list__item[aria-selected=true] .fd-list__link.is-active,.fd-list__item[aria-selected=true] .fd-list__link:active{--fdList_Item_Background_Color:var(--sapList_Active_Background)}.fd-list__item.is-selected.is-hover,.fd-list__item.is-selected:hover,.fd-list__item[aria-selected=true].is-hover,.fd-list__item[aria-selected=true]:hover{--fdList_Item_Background_Color:var(--sapList_Hover_SelectionBackground)}.fd-list__secondary,.fd-list__title{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--fdList_Item_Text_Color);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);line-height:normal;margin:0;overflow:hidden;padding:0;pointer-events:none;pointer-events:all;text-overflow:ellipsis;white-space:nowrap}.fd-list__secondary:after,.fd-list__secondary:before,.fd-list__title:after,.fd-list__title:before{box-sizing:inherit;font-size:inherit}.fd-list__title{flex:3 3 10%;font-size:var(--fdList_Item_Text_Font_Size);min-height:var(--fdList_Item_Text_Font_Size)}.fd-list__title:last-child:first-child{flex-basis:auto}.fd-list__title .fd-list__title-text{align-items:center;display:flex}.fd-list__title~.fd-list__icon{margin-right:-1rem}.fd-list__title~.fd-list__icon[dir=rtl],[dir=rtl] .fd-list__title~.fd-list__icon{margin-left:-1rem;margin-right:0}.fd-list__secondary{color:var(--fdList_Status_Text_Color);font-size:var(--sapFontSize);max-width:40%;padding-left:1rem;text-align:right}.fd-list__secondary[dir=rtl],[dir=rtl] .fd-list__secondary{padding-left:0;padding-right:1rem}.fd-list__secondary--positive{--fdList_Status_Text_Color:var(--sapPositiveTextColor)}.fd-list__secondary--critical{--fdList_Status_Text_Color:var(--sapCriticalTextColor)}.fd-list__secondary--negative{--fdList_Status_Text_Color:var(--sapNegativeTextColor)}.fd-list__secondary--informative{--fdList_Status_Text_Color:var(--sapInformativeTextColor)}.fd-list__secondary[dir=rtl],[dir=rtl] .fd-list__secondary{text-align:left}.fd-list__icon [class*=sap-icon],.fd-list__icon[class*=sap-icon]{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-box-flex:0;-ms-flex:0 0 auto;align-items:center;background:inherit;border-radius:inherit;color:inherit;color:var(--sapContent_NonInteractiveIconColor);display:flex;flex:0 0 auto;font-size:inherit;font-size:var(--fdList_Item_Icon_Font_Size);justify-content:center;line-height:1;pointer-events:none;width:2.75rem}.fd-list__icon [class*=sap-icon]:first-child,.fd-list__icon[class*=sap-icon]:first-child{margin-left:-1rem}.fd-list__icon [class*=sap-icon]:first-child[dir=rtl],.fd-list__icon[class*=sap-icon]:first-child[dir=rtl],[dir=rtl] .fd-list__icon [class*=sap-icon]:first-child,[dir=rtl] .fd-list__icon[class*=sap-icon]:first-child{margin-left:0;margin-right:-1rem}.fd-list__link{-webkit-box-sizing:border-box;-webkit-box-align:center;-ms-flex-align:center;--fdList_Item_Border_Color:transparent;align-items:center;background:var(--fdList_Item_Background_Color);border:0;border-bottom:var(--sapList_BorderWidth) solid var(--fdList_Item_Border_Color);box-sizing:border-box;color:var(--sapTextColor);cursor:pointer;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:100%;line-height:var(--sapContent_LineHeight);margin:0;padding:0 .9375rem;text-decoration:none;width:100%}.fd-list__link:after,.fd-list__link:before{box-sizing:inherit;font-size:inherit}.fd-list__link.is-focus,.fd-list__link:focus{outline:none;pointer-events:all}.fd-list__link.is-focus:before,.fd-list__link:focus:before{border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);content:\"\";display:block;inset:.125rem;pointer-events:none;position:absolute}.fd-list__link.is-focus.is-active:before,.fd-list__link.is-focus:active:before,.fd-list__link:focus.is-active:before,.fd-list__link:focus:active:before{border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdList_Active_Outline_Color)}.fd-list__link.is-hover,.fd-list__link:hover{--fdList_Item_Background_Color:var(--sapList_Hover_Background);--fdList_Item_Text_Color:var(--sapList_TextColor);--fdList_Item_Border_Color:var(--sapList_BorderColor)}.fd-list__link.is-selected,.fd-list__link[aria-selected=true]{--fdList_Item_Background_Color:var(--sapList_SelectionBackgroundColor);--fdList_Item_Text_Color:var(--sapList_TextColor);--fdList_Item_Border_Color:var(--sapList_SelectionBorderColor)}.fd-list__link.is-selected .fd-list__link,.fd-list__link[aria-selected=true] .fd-list__link{background:inherit}.fd-list__link.is-selected .fd-list__link.is-active,.fd-list__link.is-selected .fd-list__link:active,.fd-list__link[aria-selected=true] .fd-list__link.is-active,.fd-list__link[aria-selected=true] .fd-list__link:active{--fdList_Item_Background_Color:var(--sapList_Active_Background)}.fd-list__link.is-selected.is-hover,.fd-list__link.is-selected:hover,.fd-list__link[aria-selected=true].is-hover,.fd-list__link[aria-selected=true]:hover{--fdList_Item_Background_Color:var(--sapList_Hover_SelectionBackground)}.fd-list__link.is-active,.fd-list__link.is-active.is-hover,.fd-list__link.is-active.is-selected,.fd-list__link.is-active.is-selected.is-hover,.fd-list__link.is-active.is-selected:hover,.fd-list__link.is-active:hover,.fd-list__link.is-active[aria-selected=true],.fd-list__link.is-active[aria-selected=true].is-hover,.fd-list__link.is-active[aria-selected=true]:hover,.fd-list__link:active,.fd-list__link:active.is-hover,.fd-list__link:active.is-selected,.fd-list__link:active.is-selected.is-hover,.fd-list__link:active.is-selected:hover,.fd-list__link:active:hover,.fd-list__link:active[aria-selected=true],.fd-list__link:active[aria-selected=true].is-hover,.fd-list__link:active[aria-selected=true]:hover{--fdList_Item_Background_Color:var(--sapList_Active_Background);--fdList_Item_Text_Color:var(--sapList_Active_TextColor);--fdList_Item_Border_Color:var(--sapList_Active_Background)}.fd-list__link.is-active,.fd-list__link.is-active .fd-list__byline,.fd-list__link.is-active .fd-list__byline-left,.fd-list__link.is-active .fd-list__byline-right,.fd-list__link.is-active .fd-list__byline-right--critical,.fd-list__link.is-active .fd-list__byline-right--informative,.fd-list__link.is-active .fd-list__byline-right--negative,.fd-list__link.is-active .fd-list__byline-right--neutral,.fd-list__link.is-active .fd-list__byline-right--positive,.fd-list__link.is-active .fd-list__content,.fd-list__link.is-active .fd-list__icon,.fd-list__link.is-active .fd-list__secondary,.fd-list__link.is-active .fd-list__thumbnail,.fd-list__link.is-active .fd-list__title,.fd-list__link.is-active.fd-list__link--navigation-indicator:after,.fd-list__link:active,.fd-list__link:active .fd-list__byline,.fd-list__link:active .fd-list__byline-left,.fd-list__link:active .fd-list__byline-right,.fd-list__link:active .fd-list__byline-right--critical,.fd-list__link:active .fd-list__byline-right--informative,.fd-list__link:active .fd-list__byline-right--negative,.fd-list__link:active .fd-list__byline-right--neutral,.fd-list__link:active .fd-list__byline-right--positive,.fd-list__link:active .fd-list__content,.fd-list__link:active .fd-list__icon,.fd-list__link:active .fd-list__secondary,.fd-list__link:active .fd-list__thumbnail,.fd-list__link:active .fd-list__title,.fd-list__link:active.fd-list__link--navigation-indicator:after{text-shadow:none}.fd-list__group-header{align-items:flex-end;background:var(--sapList_GroupHeaderBackground);border-bottom:var(--sapList_BorderWidth) solid var(--sapList_GroupHeaderBorderColor);height:var(--sapElement_LineHeight)}.fd-list__group-header .fd-list__title{color:var(--sapList_TableGroupHeaderTextColor);font-family:var(--sapFontHeaderFamily);font-size:var(--sapFontHeader6Size);font-weight:700;line-height:2rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fd-list__footer{background:var(--sapList_FooterBackground);color:var(--sapList_FooterTextColor);font-size:var(--sapFontSize);height:2rem}.fd-list__footer--right{justify-content:flex-end}.fd-list__footer--left{justify-content:flex-start}.fd-list__bold{font-weight:700}.fd-list__message{-webkit-box-sizing:border-box;background-color:var(--fdList_Message_Background_Color);border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:var(--sapFontSmallSize);font-weight:400;forced-color-adjust:none;height:2rem;left:0;line-height:var(--sapContent_LineHeight);line-height:2rem;margin:0;overflow:hidden;padding:0 0 0 .5rem;position:absolute;text-overflow:ellipsis;top:0;white-space:nowrap;width:100%}.fd-list__message:after,.fd-list__message:before{box-sizing:inherit;font-size:inherit}.fd-list__message[dir=rtl],[dir=rtl] .fd-list__message{padding-left:0;padding-right:.5rem}.fd-list__message--error{--fdList_Message_Background_Color:var(--sapErrorBackground)}.fd-list__message--warning{--fdList_Message_Background_Color:var(--sapWarningBackground)}.fd-list__message--success{--fdList_Message_Background_Color:var(--sapSuccessBackground)}.fd-list__message--information{--fdList_Message_Background_Color:var(--sapInformationBackground)}.fd-list .fd-list__button{align-self:center;margin-left:var(--fdList_Button_Spacing)}.fd-list .fd-list__button[dir=rtl],[dir=rtl] .fd-list .fd-list__button{margin-left:0;margin-right:var(--fdList_Button_Spacing)}.fd-list[class*=-compact]:not(.fd-object-list):not(.fd-list--message-view),.fd-list[class*=-condensed]:not(.fd-object-list):not(.fd-list--message-view),[class*=-compact] .fd-list:not([class*=-cozy]):not(.fd-object-list):not(.fd-list--message-view),[class*=-condensed] .fd-list:not([class*=-cozy]):not(.fd-object-list):not(.fd-list--message-view){--fdList_Item_Icon_Font_Size:1rem;--fdList_Item_Text_Font_Size:var(--sapFontSize);--fdList_Item_Height:var(--sapElement_Compact_LineHeight)}.fd-list[class*=-compact]:not(.fd-object-list):not(.fd-list--message-view) .fd-list__item--growing,.fd-list[class*=-condensed]:not(.fd-object-list):not(.fd-list--message-view) .fd-list__item--growing,[class*=-compact] .fd-list:not([class*=-cozy]):not(.fd-object-list):not(.fd-list--message-view) .fd-list__item--growing,[class*=-condensed] .fd-list:not([class*=-cozy]):not(.fd-object-list):not(.fd-list--message-view) .fd-list__item--growing{--fdList_Item_Height:var(--sapElement_LineHeight)}.fd-list[class*=-compact]:not(.fd-object-list):not(.fd-list--message-view) .fd-list__item.fd-list__item--action,.fd-list[class*=-condensed]:not(.fd-object-list):not(.fd-list--message-view) .fd-list__item.fd-list__item--action,[class*=-compact] .fd-list:not([class*=-cozy]):not(.fd-object-list):not(.fd-list--message-view) .fd-list__item.fd-list__item--action,[class*=-condensed] .fd-list:not([class*=-cozy]):not(.fd-object-list):not(.fd-list--message-view) .fd-list__item.fd-list__item--action{--fdList_Item_Height:var(--sapElement_Compact_LineHeight)}.fd-list[class*=-compact]:not(.fd-object-list):not(.fd-list--message-view) .fd-list__item.fd-list__item--action .fd-list__title,.fd-list[class*=-condensed]:not(.fd-object-list):not(.fd-list--message-view) .fd-list__item.fd-list__item--action .fd-list__title,[class*=-compact] .fd-list:not([class*=-cozy]):not(.fd-object-list):not(.fd-list--message-view) .fd-list__item.fd-list__item--action .fd-list__title,[class*=-condensed] .fd-list:not([class*=-cozy]):not(.fd-object-list):not(.fd-list--message-view) .fd-list__item.fd-list__item--action .fd-list__title{height:var(--fdList_Item_Action_Button_Size_Compact)}.fd-list--no-border .fd-list__group-header,.fd-list--no-border .fd-list__item{border-bottom:0;border-top:0}.fd-list--no-border .fd-list__item.is-selected,.fd-list--no-border .fd-list__item[aria-selected=true]{border-bottom:var(--sapList_BorderWidth) solid var(--sapList_SelectionBorderColor)}.fd-list--has-message{padding-top:2rem}.fd-list__infinite-scroll{outline:none;overflow:scroll}.fd-list--dropdown.is-focus,.fd-list--dropdown:focus{outline:none;z-index:5}.fd-list--dropdown .fd-list__item:not(.fd-list__group-header){align-items:center;display:flex;height:auto;min-height:2.5rem;padding:0 .9375rem}.fd-list--dropdown .fd-list__item:not(.fd-list__group-header).is-hover,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header):hover{--fdList_Item_Background_Color:var(--sapList_Hover_Background);--fdList_Item_Text_Color:var(--sapList_TextColor);--fdList_Item_Border_Color:var(--sapList_BorderColor)}.fd-list--dropdown .fd-list__item:not(.fd-list__group-header).is-selected,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header)[aria-selected=true]{--fdList_Item_Background_Color:var(--sapList_SelectionBackgroundColor);--fdList_Item_Text_Color:var(--sapList_TextColor);--fdList_Item_Border_Color:var(--sapList_SelectionBorderColor)}.fd-list--dropdown .fd-list__item:not(.fd-list__group-header).is-selected .fd-list__link,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header)[aria-selected=true] .fd-list__link{background:inherit}.fd-list--dropdown .fd-list__item:not(.fd-list__group-header).is-selected .fd-list__link.is-active,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header).is-selected .fd-list__link:active,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header)[aria-selected=true] .fd-list__link.is-active,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header)[aria-selected=true] .fd-list__link:active{--fdList_Item_Background_Color:var(--sapList_Active_Background)}.fd-list--dropdown .fd-list__item:not(.fd-list__group-header).is-selected.is-hover,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header).is-selected:hover,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header)[aria-selected=true].is-hover,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header)[aria-selected=true]:hover{--fdList_Item_Background_Color:var(--sapList_Hover_SelectionBackground)}.fd-list--dropdown .fd-list__item:not(.fd-list__group-header).is-active,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header).is-active.is-hover,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header).is-active.is-selected,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header).is-active.is-selected.is-hover,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header).is-active.is-selected:hover,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header).is-active:hover,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header).is-active[aria-selected=true],.fd-list--dropdown .fd-list__item:not(.fd-list__group-header).is-active[aria-selected=true].is-hover,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header).is-active[aria-selected=true]:hover,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header):active,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header):active.is-hover,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header):active.is-selected,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header):active.is-selected.is-hover,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header):active.is-selected:hover,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header):active:hover,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header):active[aria-selected=true],.fd-list--dropdown .fd-list__item:not(.fd-list__group-header):active[aria-selected=true].is-hover,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header):active[aria-selected=true]:hover{--fdList_Item_Background_Color:var(--sapList_Active_Background);--fdList_Item_Text_Color:var(--sapList_Active_TextColor);--fdList_Item_Border_Color:var(--sapList_Active_Background)}.fd-list--dropdown .fd-list__item:not(.fd-list__group-header).is-active,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header).is-active .fd-list__byline,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header).is-active .fd-list__byline-left,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header).is-active .fd-list__byline-right,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header).is-active .fd-list__byline-right--critical,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header).is-active .fd-list__byline-right--informative,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header).is-active .fd-list__byline-right--negative,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header).is-active .fd-list__byline-right--neutral,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header).is-active .fd-list__byline-right--positive,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header).is-active .fd-list__content,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header).is-active .fd-list__icon,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header).is-active .fd-list__secondary,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header).is-active .fd-list__thumbnail,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header).is-active .fd-list__title,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header).is-active.fd-list__link--navigation-indicator:after,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header):active,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header):active .fd-list__byline,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header):active .fd-list__byline-left,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header):active .fd-list__byline-right,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header):active .fd-list__byline-right--critical,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header):active .fd-list__byline-right--informative,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header):active .fd-list__byline-right--negative,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header):active .fd-list__byline-right--neutral,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header):active .fd-list__byline-right--positive,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header):active .fd-list__content,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header):active .fd-list__icon,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header):active .fd-list__secondary,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header):active .fd-list__thumbnail,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header):active .fd-list__title,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header):active.fd-list__link--navigation-indicator:after{text-shadow:none}.fd-list--dropdown[class*=-compact] .fd-list__item:not(.fd-list__group-header),.fd-list--dropdown[class*=-condensed] .fd-list__item:not(.fd-list__group-header),[class*=-compact] .fd-list--dropdown:not([class*=-cozy]) .fd-list__item:not(.fd-list__group-header),[class*=-condensed] .fd-list--dropdown:not([class*=-cozy]) .fd-list__item:not(.fd-list__group-header){height:auto;min-height:2rem;padding:0 .9375rem}.fd-list--multi-input .fd-list__item{height:auto;padding:0 1rem 0 0}.fd-list--multi-input .fd-list__item.is-hover,.fd-list--multi-input .fd-list__item:hover{--fdList_Item_Background_Color:var(--sapList_Hover_Background);--fdList_Item_Text_Color:var(--sapList_TextColor);--fdList_Item_Border_Color:var(--sapList_BorderColor)}.fd-list--multi-input .fd-list__item.is-selected,.fd-list--multi-input .fd-list__item[aria-selected=true]{--fdList_Item_Background_Color:var(--sapList_SelectionBackgroundColor);--fdList_Item_Text_Color:var(--sapList_TextColor);--fdList_Item_Border_Color:var(--sapList_SelectionBorderColor)}.fd-list--multi-input .fd-list__item.is-selected .fd-list__link,.fd-list--multi-input .fd-list__item[aria-selected=true] .fd-list__link{background:inherit}.fd-list--multi-input .fd-list__item.is-selected .fd-list__link.is-active,.fd-list--multi-input .fd-list__item.is-selected .fd-list__link:active,.fd-list--multi-input .fd-list__item[aria-selected=true] .fd-list__link.is-active,.fd-list--multi-input .fd-list__item[aria-selected=true] .fd-list__link:active{--fdList_Item_Background_Color:var(--sapList_Active_Background)}.fd-list--multi-input .fd-list__item.is-selected.is-hover,.fd-list--multi-input .fd-list__item.is-selected:hover,.fd-list--multi-input .fd-list__item[aria-selected=true].is-hover,.fd-list--multi-input .fd-list__item[aria-selected=true]:hover{--fdList_Item_Background_Color:var(--sapList_Hover_SelectionBackground)}.fd-list--multi-input .fd-list__item.is-active,.fd-list--multi-input .fd-list__item.is-active.is-hover,.fd-list--multi-input .fd-list__item.is-active.is-selected,.fd-list--multi-input .fd-list__item.is-active.is-selected.is-hover,.fd-list--multi-input .fd-list__item.is-active.is-selected:hover,.fd-list--multi-input .fd-list__item.is-active:hover,.fd-list--multi-input .fd-list__item.is-active[aria-selected=true],.fd-list--multi-input .fd-list__item.is-active[aria-selected=true].is-hover,.fd-list--multi-input .fd-list__item.is-active[aria-selected=true]:hover,.fd-list--multi-input .fd-list__item:active,.fd-list--multi-input .fd-list__item:active.is-hover,.fd-list--multi-input .fd-list__item:active.is-selected,.fd-list--multi-input .fd-list__item:active.is-selected.is-hover,.fd-list--multi-input .fd-list__item:active.is-selected:hover,.fd-list--multi-input .fd-list__item:active:hover,.fd-list--multi-input .fd-list__item:active[aria-selected=true],.fd-list--multi-input .fd-list__item:active[aria-selected=true].is-hover,.fd-list--multi-input .fd-list__item:active[aria-selected=true]:hover{--fdList_Item_Background_Color:var(--sapList_Active_Background);--fdList_Item_Text_Color:var(--sapList_Active_TextColor);--fdList_Item_Border_Color:var(--sapList_Active_Background)}.fd-list--multi-input .fd-list__item.is-active,.fd-list--multi-input .fd-list__item.is-active .fd-list__byline,.fd-list--multi-input .fd-list__item.is-active .fd-list__byline-left,.fd-list--multi-input .fd-list__item.is-active .fd-list__byline-right,.fd-list--multi-input .fd-list__item.is-active .fd-list__byline-right--critical,.fd-list--multi-input .fd-list__item.is-active .fd-list__byline-right--informative,.fd-list--multi-input .fd-list__item.is-active .fd-list__byline-right--negative,.fd-list--multi-input .fd-list__item.is-active .fd-list__byline-right--neutral,.fd-list--multi-input .fd-list__item.is-active .fd-list__byline-right--positive,.fd-list--multi-input .fd-list__item.is-active .fd-list__content,.fd-list--multi-input .fd-list__item.is-active .fd-list__icon,.fd-list--multi-input .fd-list__item.is-active .fd-list__secondary,.fd-list--multi-input .fd-list__item.is-active .fd-list__thumbnail,.fd-list--multi-input .fd-list__item.is-active .fd-list__title,.fd-list--multi-input .fd-list__item.is-active.fd-list__link--navigation-indicator:after,.fd-list--multi-input .fd-list__item:active,.fd-list--multi-input .fd-list__item:active .fd-list__byline,.fd-list--multi-input .fd-list__item:active .fd-list__byline-left,.fd-list--multi-input .fd-list__item:active .fd-list__byline-right,.fd-list--multi-input .fd-list__item:active .fd-list__byline-right--critical,.fd-list--multi-input .fd-list__item:active .fd-list__byline-right--informative,.fd-list--multi-input .fd-list__item:active .fd-list__byline-right--negative,.fd-list--multi-input .fd-list__item:active .fd-list__byline-right--neutral,.fd-list--multi-input .fd-list__item:active .fd-list__byline-right--positive,.fd-list--multi-input .fd-list__item:active .fd-list__content,.fd-list--multi-input .fd-list__item:active .fd-list__icon,.fd-list--multi-input .fd-list__item:active .fd-list__secondary,.fd-list--multi-input .fd-list__item:active .fd-list__thumbnail,.fd-list--multi-input .fd-list__item:active .fd-list__title,.fd-list--multi-input .fd-list__item:active.fd-list__link--navigation-indicator:after{text-shadow:none}.fd-list--multi-input .fd-list__item[dir=rtl],[dir=rtl] .fd-list--multi-input .fd-list__item{padding:0 0 0 1rem}.fd-list--multi-input .fd-list__label{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:inherit;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;overflow:hidden;padding:0;position:relative;text-overflow:ellipsis;width:100%}.fd-list--multi-input .fd-list__label:after,.fd-list--multi-input .fd-list__label:before{box-sizing:inherit;font-size:inherit}.fd-list--multi-input .fd-list__label:before{margin-bottom:-.1875rem;margin-top:-.1875rem}.fd-list--multi-input .fd-list__input.is-focus,.fd-list--multi-input .fd-list__input:focus{box-shadow:none;z-index:5}.fd-list--multi-input .fd-list__input.is-focus+.fd-list__label:after,.fd-list--multi-input .fd-list__input:focus+.fd-list__label:after{inset:.0625rem}.fd-list--multi-input .fd-list__footer{-webkit-box-pack:end;-ms-flex-pack:end;background-color:var(--sapList_Background);height:auto;justify-content:flex-end;line-height:1rem;text-align:right}.fd-list--multi-input .fd-list__footer,.fd-list--multi-input .fd-list__label{padding:.75rem .9375rem}.fd-list--multi-input[class*=-compact] .fd-list__item,.fd-list--multi-input[class*=-condensed] .fd-list__item,[class*=-compact] .fd-list--multi-input:not([class*=-cozy]) .fd-list__item,[class*=-condensed] .fd-list--multi-input:not([class*=-cozy]) .fd-list__item{height:auto;padding:0}.fd-list--multi-input[class*=-compact] .fd-list__label:before,.fd-list--multi-input[class*=-condensed] .fd-list__label:before,[class*=-compact] .fd-list--multi-input:not([class*=-cozy]) .fd-list__label:before,[class*=-condensed] .fd-list--multi-input:not([class*=-cozy]) .fd-list__label:before{margin-bottom:0;margin-left:0;margin-top:0}.fd-list--multi-input[class*=-compact] .fd-list__footer,.fd-list--multi-input[class*=-compact] .fd-list__label,.fd-list--multi-input[class*=-condensed] .fd-list__footer,.fd-list--multi-input[class*=-condensed] .fd-list__label,[class*=-compact] .fd-list--multi-input:not([class*=-cozy]) .fd-list__footer,[class*=-compact] .fd-list--multi-input:not([class*=-cozy]) .fd-list__label,[class*=-condensed] .fd-list--multi-input:not([class*=-cozy]) .fd-list__footer,[class*=-condensed] .fd-list--multi-input:not([class*=-cozy]) .fd-list__label{padding:.5rem .9375rem}.fd-list--dropdown,.fd-list--multi-input{display:block;max-width:40rem;min-width:5rem}.fd-list--dropdown .fd-list__item,.fd-list--multi-input .fd-list__item{border:none;cursor:pointer}.fd-list--dropdown .fd-list__item.is-selected,.fd-list--dropdown .fd-list__item[aria-selected=true],.fd-list--multi-input .fd-list__item.is-selected,.fd-list--multi-input .fd-list__item[aria-selected=true]{border-bottom:var(--sapList_BorderWidth) solid var(--sapList_SelectionBorderColor)}.fd-list--dropdown .fd-list__secondary,.fd-list--dropdown .fd-list__title,.fd-list--multi-input .fd-list__secondary,.fd-list--multi-input .fd-list__title{flex:auto;font-size:var(--sapFontSize);white-space:normal;width:auto}.fd-list--dropdown .fd-list__secondary--no-wrap,.fd-list--dropdown .fd-list__title--no-wrap,.fd-list--multi-input .fd-list__secondary--no-wrap,.fd-list--multi-input .fd-list__title--no-wrap{white-space:nowrap}.fd-list--dropdown .fd-list__secondary,.fd-list--multi-input .fd-list__secondary{display:block}.fd-list--dropdown .fd-list__title,.fd-list--multi-input .fd-list__title{max-width:24rem}.fd-list--dropdown .fd-list__title:first-child:last-child,.fd-list--multi-input .fd-list__title:first-child:last-child{max-width:40rem}.fd-list--dropdown .fd-list__secondary,.fd-list--multi-input .fd-list__secondary{max-width:16rem}.fd-list--dropdown.fd-list--mobile,.fd-list--multi-input.fd-list--mobile{max-width:100%}.fd-list--dropdown .fd-list__icon,.fd-list--multi-input .fd-list__icon{line-height:1rem}.fd-list--dropdown.fd-list--large-dropdown,.fd-list--multi-input.fd-list--large-dropdown{max-width:62rem}.fd-list--dropdown.fd-list--large-dropdown .fd-list__title,.fd-list--multi-input.fd-list--large-dropdown .fd-list__title{max-width:37.2rem}.fd-list--dropdown.fd-list--large-dropdown .fd-list__title:first-child:last-child,.fd-list--multi-input.fd-list--large-dropdown .fd-list__title:first-child:last-child{max-width:62rem}.fd-list--dropdown.fd-list--large-dropdown .fd-list__secondary,.fd-list--multi-input.fd-list--large-dropdown .fd-list__secondary{max-width:24.8rem}.fd-list--dropdown.fd-list--large-dropdown.fd-list--mobile,.fd-list--multi-input.fd-list--large-dropdown.fd-list--mobile{max-width:100%}.fd-list--byline .fd-list__item{align-items:flex-start;height:auto;min-height:5rem;padding:.9375rem 1rem;width:100%}.fd-list--byline .fd-list__item.is-focus,.fd-list--byline .fd-list__item:focus{pointer-events:all;z-index:5}.fd-list--byline .fd-list__item .fd-list__item-counter{-ms-flex-align:center;-ms-flex-item-align:center;-webkit-box-pack:end;-ms-flex-pack:end;align-self:center;height:100%;justify-content:flex-end;min-width:2rem}.fd-list--byline .fd-list__item .fd-list__item-counter,.fd-list--byline .fd-list__thumbnail{align-items:center;display:flex}.fd-list--byline .fd-list__thumbnail{-webkit-box-sizing:border-box;-webkit-box-pack:center;-ms-flex-pack:center;-ms-flex-align:center;border:0;border-radius:.25rem;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_NonInteractiveIconColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:2rem;font-weight:400;forced-color-adjust:none;height:3rem;justify-content:center;line-height:var(--sapContent_LineHeight);margin:0 .75rem 0 0;max-height:3rem;max-width:3rem;min-height:3rem;min-width:3rem;padding:0;pointer-events:none;width:3rem}.fd-list--byline .fd-list__thumbnail:after,.fd-list--byline .fd-list__thumbnail:before{box-sizing:inherit;font-size:inherit}.fd-list--byline .fd-list__thumbnail [class*=sap-icon],.fd-list--byline .fd-list__thumbnail[class*=sap-icon]{background:inherit;border-radius:inherit;color:inherit;font-size:inherit;line-height:1}.fd-list--byline .fd-list__thumbnail[dir=rtl],[dir=rtl] .fd-list--byline .fd-list__thumbnail{margin-left:.75rem;margin-right:0}.fd-list--byline .fd-list__thumbnail>svg{height:100%}.fd-list--byline .fd-list__notification{-webkit-transform:translateY(-50%);color:var(--sapAccentColor6);font-size:.375rem;left:1rem;position:absolute;top:50%;transform:translateY(-50%)}.fd-list--byline .fd-list__notification[dir=rtl],[dir=rtl] .fd-list--byline .fd-list__notification{left:auto;right:1rem}.fd-list--byline .fd-list__notification+.fd-list__link .fd-list__content .fd-list__title,.fd-list--byline .fd-list__notification~.fd-list__content .fd-list__title{font-weight:700}.fd-list--byline .fd-list__content{-webkit-box-sizing:border-box;-ms-flex-line-pack:justify;-webkit-box-flex:1;-ms-flex:1 1 auto;align-content:space-between;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex:1 1 auto;flex-direction:column;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:100%;line-height:var(--sapContent_LineHeight);margin:0;min-height:3rem;min-width:3rem;padding:.125rem 0;pointer-events:none}.fd-list--byline .fd-list__content:after,.fd-list--byline .fd-list__content:before{box-sizing:inherit;font-size:inherit}.fd-list--byline .fd-list__title{font-size:var(--sapFontLargeSize);min-height:1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fd-list--byline .fd-list__byline{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_LabelColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);line-height:1rem;margin:0;overflow:hidden;padding:.5rem 0 0;text-overflow:ellipsis;white-space:nowrap}.fd-list--byline .fd-list__byline:after,.fd-list--byline .fd-list__byline:before{box-sizing:inherit;font-size:inherit}.fd-list--byline .fd-list__byline--2-col{display:flex;pointer-events:all}.fd-list--byline .fd-list__byline--wrap .fd-list__byline-left,.fd-list--byline .fd-list__byline--wrap .fd-list__byline-right{display:inline;padding:0;white-space:normal;width:100%}.fd-list--byline .fd-list__byline--wrap .fd-list__byline-right{float:right;width:auto}.fd-list--byline .fd-list__link--more{pointer-events:all;text-transform:capitalize}.fd-list--byline .fd-list__byline--wrap,.fd-list--byline .fd-list__title--wrap{white-space:normal}.fd-list--byline .fd-list__byline-left{-webkit-box-sizing:border-box;align-self:flex-end;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_LabelColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);line-height:1rem;margin:0;overflow:hidden;padding:0 .5rem 0 0;text-overflow:ellipsis;white-space:nowrap;width:60%}.fd-list--byline .fd-list__byline-left:after,.fd-list--byline .fd-list__byline-left:before{box-sizing:inherit;font-size:inherit}.fd-list--byline .fd-list__byline-left[dir=rtl],[dir=rtl] .fd-list--byline .fd-list__byline-left{padding-left:.5rem;padding-right:0}.fd-list--byline .fd-list__byline-right{-webkit-box-sizing:border-box;align-self:flex-end;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_LabelColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);line-height:1rem;margin:0;overflow:hidden;padding:0 0 0 .5rem;text-align:right;text-overflow:ellipsis;white-space:nowrap;width:40%}.fd-list--byline .fd-list__byline-right:after,.fd-list--byline .fd-list__byline-right:before{box-sizing:inherit;font-size:inherit}.fd-list--byline .fd-list__byline-right[dir=rtl],[dir=rtl] .fd-list--byline .fd-list__byline-right{padding-left:0;padding-right:.5rem;text-align:left}.fd-list--byline .fd-list__byline-right--neutral{color:var(--sapNeutralTextColor)}.fd-list--byline .fd-list__byline-right--positive{color:var(--sapPositiveTextColor)}.fd-list--byline .fd-list__byline-right--critical{color:var(--sapCriticalTextColor)}.fd-list--byline .fd-list__byline-right--negative{color:var(--sapNegativeTextColor)}.fd-list--byline .fd-list__byline-right--informative{color:var(--sapInformativeTextColor)}.fd-list--byline.fd-list--unread-indicator .fd-list__item{padding-left:2.125rem;padding-right:1rem}.fd-list--byline.fd-list--unread-indicator .fd-list__item[dir=rtl],[dir=rtl] .fd-list--byline.fd-list--unread-indicator .fd-list__item{padding-left:1rem;padding-right:2.125rem}.fd-list--byline[class*=-compact] .fd-list__title,.fd-list--byline[class*=-condensed] .fd-list__title,[class*=-compact] .fd-list--byline:not([class*=-cozy]) .fd-list__title,[class*=-condensed] .fd-list--byline:not([class*=-cozy]) .fd-list__title{font-size:var(--sapFontSize)}.fd-list--byline.fd-list--no-border .fd-list__item{height:100%;max-height:5rem;padding-bottom:.5rem;padding-top:.5rem}.fd-list--byline.fd-list--no-border .fd-list__item:first-child{padding-top:.9375rem}.fd-list--byline.fd-list--no-border .fd-list__item:last-child{padding-bottom:.9375rem}.fd-list--message-view{--fdListNavigationIndicatorFontSize:.75rem;--fdList_Item_Height:calc(2.75rem + var(--sapList_BorderWidth));--fdList_Message_View_Item_Byline_Height:calc(3.325rem + var(--sapList_BorderWidth));--fdList_Message_View_Title_Size:var(--sapFontHeader5Size)}.fd-list--message-view .fd-list__item{height:auto}.fd-list--message-view .fd-list__item--byline{--fdList_Item_Height:var(--fdList_Message_View_Item_Byline_Height)}.fd-list--message-view .fd-list__content{-webkit-box-sizing:border-box;-webkit-box-flex:1;-ms-flex:1 1 auto;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex:1 1 auto;flex-direction:column;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;overflow:hidden;padding:0;pointer-events:none;text-overflow:ellipsis;white-space:nowrap}.fd-list--message-view .fd-list__content:after,.fd-list--message-view .fd-list__content:before{box-sizing:inherit;font-size:inherit}.fd-list--message-view .fd-list__title{color:var(--sapGroup_TitleTextColor);font-family:var(--sapFontHeaderFamily);font-size:var(--fdList_Message_View_Title_Size);font-weight:var(--sapFontHeaderWeight, normal);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fd-list--message-view .fd-list__subtitle{color:var(--sapContent_LabelColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);overflow:hidden;padding-top:.25rem;text-overflow:ellipsis;white-space:nowrap}.fd-list--message-view .fd-list__link{padding-bottom:.5rem;padding-top:.5rem}.fd-list--message-view .fd-list__link.is-active .fd-list__subtitle,.fd-list--message-view .fd-list__link.is-active .fd-list__title,.fd-list--message-view .fd-list__link.is-active .fd-object-status .fd-object-status__icon,.fd-list--message-view .fd-list__link:active .fd-list__subtitle,.fd-list--message-view .fd-list__link:active .fd-list__title,.fd-list--message-view .fd-list__link:active .fd-object-status .fd-object-status__icon{color:var(--sapList_Active_TextColor)}.fd-list--message-view[class*=-compact],.fd-list--message-view[class*=-condensed],[class*=-compact] .fd-list--message-view:not([class*=-cozy]),[class*=-condensed] .fd-list--message-view:not([class*=-cozy]){--fdList_Message_View_Item_Height:calc(2rem + var(--sapList_BorderWidth));--fdList_Message_View_Title_Size:var(--sapFontHeader6Size);--fdList_Message_View_Item_Byline_Height:calc(3.25rem + var(--sapList_BorderWidth))}.fd-list--navigation .fd-list__item--link{padding:0}.fd-list--navigation .fd-list__link{padding-left:var(--fdList_Navigation_Link_Padding_Left, .9375rem);padding-right:var(--fdList_Navigation_Link_Padding_Right, .9375rem)}.fd-list--navigation .fd-list__link[dir=rtl],[dir=rtl] .fd-list--navigation .fd-list__link{padding-left:var(--fdList_Navigation_Link_Padding_Right, .9375rem);padding-right:var(--fdList_Navigation_Link_Padding_Left, .9375rem)}.fd-list--navigation.fd-list--unread-indicator{--fdList_Navigation_Link_Padding_Left:2.125rem;--fdList_Navigation_Link_Padding_Right:.9375rem}.fd-list--navigation.fd-list--navigation-indication{--fdList_Navigation_Link_Padding_Left:.9375rem;--fdList_Navigation_Link_Padding_Right:0}.fd-list--navigation.fd-list--selection{--fdList_Navigation_Link_Padding_Left:2.75rem;--fdList_Navigation_Link_Padding_Right:.9375rem}.fd-list--navigation.fd-list--selection .fd-list__item--link{padding:0}.fd-list--navigation.fd-list--selection.fd-list--navigation-indication{--fdList_Navigation_Link_Padding_Left:2.75rem;--fdList_Navigation_Link_Padding_Right:0}.fd-list--navigation.fd-list--selection.fd-list--navigation-indication .fd-list__item--link{padding:0}.fd-list--navigation.fd-list--byline,.fd-list--navigation.fd-list--byline.fd-list--compact{--fdList_Navigation_Link_Padding_Left:1rem;--fdList_Navigation_Link_Padding_Right:1rem}.fd-list--navigation.fd-list--byline .fd-list__item--link,.fd-list--navigation.fd-list--byline.fd-list--compact .fd-list__item--link{padding:0}.fd-list--navigation.fd-list--byline .fd-list__link,.fd-list--navigation.fd-list--byline.fd-list--compact .fd-list__link{padding-bottom:.9375rem;padding-top:.9375rem}.fd-list--navigation.fd-list--byline.fd-list--compact.fd-list--unread-indicator,.fd-list--navigation.fd-list--byline.fd-list--unread-indicator{--fdList_Navigation_Link_Padding_Left:2.125rem;--fdList_Navigation_Link_Padding_Right:1rem}.fd-list--navigation.fd-list--byline.fd-list--navigation-indication{--fdList_Navigation_Link_Padding_Left:.9375rem;--fdList_Navigation_Link_Padding_Right:0}.fd-list--navigation.fd-list--byline.fd-list--no-border .fd-list__item--link .fd-list__link{padding-bottom:.5rem;padding-top:.5rem}.fd-list--navigation.fd-list--byline.fd-list--no-border .fd-list__item--link:first-child{padding-top:0}.fd-list--navigation.fd-list--byline.fd-list--no-border .fd-list__item--link:first-child .fd-list__link{padding-top:1rem}.fd-list--navigation.fd-list--byline.fd-list--no-border .fd-list__item--link:first-child .fd-list__link--navigation-indicator:after{margin-bottom:.5rem}.fd-list--navigation.fd-list--byline.fd-list--no-border .fd-list__item--link:last-child{padding-bottom:0}.fd-list--navigation.fd-list--byline.fd-list--no-border .fd-list__item--link:last-child .fd-list__link{padding-bottom:1rem}.fd-list--navigation.fd-list--byline.fd-list--no-border .fd-list__item--link:last-child .fd-list__link--navigation-indicator:after{margin-top:.25rem}.fd-list--navigation.fd-list--byline.fd-list--selection{--fdList_Navigation_Link_Padding_Left:2.75rem;--fdList_Navigation_Link_Padding_Right:1rem}.fd-list--navigation.fd-list--byline.fd-list--selection .fd-list__item--link{padding:0}.fd-list--navigation.fd-list--byline.fd-list--selection[class*=-compact],.fd-list--navigation.fd-list--byline.fd-list--selection[class*=-condensed],[class*=-compact] .fd-list--navigation.fd-list--byline.fd-list--selection:not([class*=-cozy]),[class*=-condensed] .fd-list--navigation.fd-list--byline.fd-list--selection:not([class*=-cozy]){--fdList_Navigation_Link_Padding_Left:2.75rem;--fdList_Navigation_Link_Padding_Right:1rem}.fd-list--navigation.fd-list--byline.fd-list--selection.fd-list--no-border .fd-list__item--link,.fd-list--navigation.fd-list--byline.fd-list--selection[class*=-compact] .fd-list__item--link,.fd-list--navigation.fd-list--byline.fd-list--selection[class*=-condensed] .fd-list__item--link,[class*=-compact] .fd-list--navigation.fd-list--byline.fd-list--selection:not([class*=-cozy]) .fd-list__item--link,[class*=-condensed] .fd-list--navigation.fd-list--byline.fd-list--selection:not([class*=-cozy]) .fd-list__item--link{padding:0}.fd-list--navigation.fd-list--byline.fd-list--selection.fd-list--no-border .fd-list__item--link .fd-list__link{padding-bottom:.5rem;padding-top:.5rem}.fd-list--navigation.fd-list--byline.fd-list--selection.fd-list--no-border .fd-list__item--link:first-child{padding-top:0}.fd-list--navigation.fd-list--byline.fd-list--selection.fd-list--no-border .fd-list__item--link:first-child .fd-list__link{padding-top:1rem}.fd-list--navigation.fd-list--byline.fd-list--selection.fd-list--no-border .fd-list__item--link:first-child .fd-list__link--navigation-indicator:after{margin-bottom:.5rem}.fd-list--navigation.fd-list--byline.fd-list--selection.fd-list--no-border .fd-list__item--link:last-child{padding-bottom:0}.fd-list--navigation.fd-list--byline.fd-list--selection.fd-list--no-border .fd-list__item--link:last-child .fd-list__link{padding-bottom:1rem}.fd-list--navigation.fd-list--byline.fd-list--selection.fd-list--no-border .fd-list__item--link:last-child .fd-list__link--navigation-indicator:after{margin-top:.25rem}.fd-list--navigation.fd-list--byline.fd-list--selection.fd-list--navigation-indication{--fdList_Navigation_Link_Padding_Left:2.75rem;--fdList_Navigation_Link_Padding_Right:0}.fd-list--navigation.fd-list--byline.fd-list--selection.fd-list--navigation-indication .fd-list__item--link{padding:0}.fd-list--navigation.fd-list--byline.fd-list--selection.fd-list--navigation-indication[class*=-compact],.fd-list--navigation.fd-list--byline.fd-list--selection.fd-list--navigation-indication[class*=-condensed],[class*=-compact] .fd-list--navigation.fd-list--byline.fd-list--selection.fd-list--navigation-indication:not([class*=-cozy]),[class*=-condensed] .fd-list--navigation.fd-list--byline.fd-list--selection.fd-list--navigation-indication:not([class*=-cozy]){--fdList_Navigation_Link_Padding_Left:2.75rem;--fdList_Navigation_Link_Padding_Right:0}.fd-list--navigation.fd-list--byline.fd-list--selection.fd-list--navigation-indication.fd-list--no-border .fd-list__item--link .fd-list__link{padding-bottom:.5rem;padding-top:.5rem}.fd-list--navigation.fd-list--byline.fd-list--selection.fd-list--navigation-indication.fd-list--no-border .fd-list__item--link:first-child{padding-top:0}.fd-list--navigation.fd-list--byline.fd-list--selection.fd-list--navigation-indication.fd-list--no-border .fd-list__item--link:first-child .fd-list__link{padding-top:1rem}.fd-list--navigation.fd-list--byline.fd-list--selection.fd-list--navigation-indication.fd-list--no-border .fd-list__item--link:first-child .fd-list__link--navigation-indicator:after{margin-bottom:.5rem}.fd-list--navigation.fd-list--byline.fd-list--selection.fd-list--navigation-indication.fd-list--no-border .fd-list__item--link:last-child{padding-bottom:0}.fd-list--navigation.fd-list--byline.fd-list--selection.fd-list--navigation-indication.fd-list--no-border .fd-list__item--link:last-child .fd-list__link{padding-bottom:1rem}.fd-list--navigation.fd-list--byline.fd-list--selection.fd-list--navigation-indication.fd-list--no-border .fd-list__item--link:last-child .fd-list__link--navigation-indicator:after{margin-top:.25rem}.fd-list--navigation.fd-list--navigation-object{--fdList_Navigation_Link_Padding_Left:1rem;--fdList_Navigation_Link_Padding_Right:1rem}.fd-list--navigation.fd-list--navigation-object .fd-list__item--link,.fd-list--navigation.fd-list--navigation-object[dir=rtl] .fd-list__item--link,[dir=rtl] .fd-list--navigation.fd-list--navigation-object .fd-list__item--link{padding:0}.fd-list--navigation.fd-list--navigation-object .fd-list__link{padding-bottom:1rem;padding-top:1rem}.fd-list--navigation-indication .fd-list:after{content:\"\";min-width:1.5rem}.fd-list--navigation-indication fd-list__item.fd-list__item--link{padding-right:0}.fd-list--navigation-indication fd-list__item.fd-list__item--link[dir=rtl],[dir=rtl] .fd-list--navigation-indication fd-list__item.fd-list__item--link{padding-left:0;padding-right:0}.fd-list--navigation-indication fd-list__item.fd-list__item--link:after{content:none}.fd-list--navigation-indication .fd-list__link:after{content:\"\";min-width:2.5rem}.fd-list--navigation-indication .fd-list__link--navigation-indicator:after{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;color:var(--sapContent_NonInteractiveIconColor);content:\"\\e1ed\";display:flex;font-family:SAP-icons;font-size:var(--fdListNavigationIndicatorFontSize, var(--sapFontLargeSize));height:100%;justify-content:center;text-decoration:none;text-transform:none}.fd-list--navigation-indication .fd-list__link--navigation-indicator[dir=rtl]:after,[dir=rtl] .fd-list--navigation-indication .fd-list__link--navigation-indicator:after{content:\"\\e1ee\"}.fd-list--navigation-indication .fd-list__icon:last-child,.fd-list--navigation-indication .fd-list__icon[dir=rtl]:last-child,[dir=rtl] .fd-list--navigation-indication .fd-list__icon:last-child{margin:0}.fd-list--navigation-indication .is-navigated{box-shadow:inset -.1875rem 0 0 0 var(--sapList_SelectionBorderColor)}.fd-list--navigation-indication .is-navigated[dir=rtl],[dir=rtl] .fd-list--navigation-indication .is-navigated{box-shadow:inset .1875rem 0 0 0 var(--sapList_SelectionBorderColor)}.fd-list--selection .fd-list__item{cursor:pointer;padding-left:2.75rem;padding-right:.9375rem}.fd-list--selection .fd-list__item[dir=rtl],[dir=rtl] .fd-list--selection .fd-list__item{padding-left:.9375rem;padding-right:2.75rem}.fd-list--selection .fd-list__item.is-hover,.fd-list--selection .fd-list__item:hover{--fdList_Item_Background_Color:var(--sapList_Hover_Background)}.fd-list--selection .fd-list__item.is-selected,.fd-list--selection .fd-list__item[aria-selected=true]{--fdList_Item_Background_Color:var(--sapList_SelectionBackgroundColor);--fdList_Item_Text_Color:var(--sapList_TextColor);--fdList_Item_Border_Color:var(--sapList_SelectionBorderColor)}.fd-list--selection .fd-list__item.is-selected .fd-list__link,.fd-list--selection .fd-list__item[aria-selected=true] .fd-list__link{background:inherit}.fd-list--selection .fd-list__item.is-selected .fd-list__link.is-active,.fd-list--selection .fd-list__item.is-selected .fd-list__link:active,.fd-list--selection .fd-list__item[aria-selected=true] .fd-list__link.is-active,.fd-list--selection .fd-list__item[aria-selected=true] .fd-list__link:active{--fdList_Item_Background_Color:var(--sapList_Active_Background)}.fd-list--selection .fd-list__item.is-selected.is-hover,.fd-list--selection .fd-list__item.is-selected:hover,.fd-list--selection .fd-list__item[aria-selected=true].is-hover,.fd-list--selection .fd-list__item[aria-selected=true]:hover{--fdList_Item_Background_Color:var(--sapList_Hover_SelectionBackground)}.fd-list--selection .fd-list__form-item{left:0;position:absolute;top:0;z-index:5}.fd-list--selection .fd-list__form-item[dir=rtl],[dir=rtl] .fd-list--selection .fd-list__form-item{left:auto;right:0}.fd-list--selection[class*=-compact] .fd-list__form-item,.fd-list--selection[class*=-condensed] .fd-list__form-item,[class*=-compact] .fd-list--selection:not([class*=-cozy]) .fd-list__form-item,[class*=-condensed] .fd-list--selection:not([class*=-cozy]) .fd-list__form-item{left:.375rem}.fd-list--selection[class*=-compact] .fd-list__form-item[dir=rtl],.fd-list--selection[class*=-condensed] .fd-list__form-item[dir=rtl],[class*=-compact] .fd-list--selection:not([class*=-cozy]) .fd-list__form-item[dir=rtl],[class*=-condensed] .fd-list--selection:not([class*=-cozy]) .fd-list__form-item[dir=rtl],[dir=rtl] .fd-list--selection[class*=-compact] .fd-list__form-item,[dir=rtl] .fd-list--selection[class*=-condensed] .fd-list__form-item,[dir=rtl] [class*=-compact] .fd-list--selection:not([class*=-cozy]) .fd-list__form-item,[dir=rtl] [class*=-condensed] .fd-list--selection:not([class*=-cozy]) .fd-list__form-item{left:auto;right:.375rem}.fd-list--selection.fd-list--byline .fd-list__item{padding-left:2.75rem;padding-right:1rem}.fd-list--selection.fd-list--byline .fd-list__item[dir=rtl],[dir=rtl] .fd-list--selection.fd-list--byline .fd-list__item{padding-left:1rem;padding-right:2.75rem}.fd-list--selection.fd-list--byline .fd-list__form-item{top:.3125rem}.fd-list--selection.fd-list--byline[class*=-compact] .fd-list__item,.fd-list--selection.fd-list--byline[class*=-condensed] .fd-list__item,[class*=-compact] .fd-list--selection.fd-list--byline:not([class*=-cozy]) .fd-list__item,[class*=-condensed] .fd-list--selection.fd-list--byline:not([class*=-cozy]) .fd-list__item{padding-left:2.75rem;padding-right:1rem}.fd-list--selection.fd-list--byline[class*=-compact] .fd-list__item[dir=rtl],.fd-list--selection.fd-list--byline[class*=-condensed] .fd-list__item[dir=rtl],[class*=-compact] .fd-list--selection.fd-list--byline:not([class*=-cozy]) .fd-list__item[dir=rtl],[class*=-condensed] .fd-list--selection.fd-list--byline:not([class*=-cozy]) .fd-list__item[dir=rtl],[dir=rtl] .fd-list--selection.fd-list--byline[class*=-compact] .fd-list__item,[dir=rtl] .fd-list--selection.fd-list--byline[class*=-condensed] .fd-list__item,[dir=rtl] [class*=-compact] .fd-list--selection.fd-list--byline:not([class*=-cozy]) .fd-list__item,[dir=rtl] [class*=-condensed] .fd-list--selection.fd-list--byline:not([class*=-cozy]) .fd-list__item{padding-left:1rem;padding-right:2.75rem}.fd-list--selection.fd-list--byline[class*=-compact] .fd-list__form-item,.fd-list--selection.fd-list--byline[class*=-condensed] .fd-list__form-item,[class*=-compact] .fd-list--selection.fd-list--byline:not([class*=-cozy]) .fd-list__form-item,[class*=-condensed] .fd-list--selection.fd-list--byline:not([class*=-cozy]) .fd-list__form-item{left:.375rem;top:.5rem}.fd-list--selection.fd-list--byline[class*=-compact] .fd-list__form-item[dir=rtl],.fd-list--selection.fd-list--byline[class*=-condensed] .fd-list__form-item[dir=rtl],[class*=-compact] .fd-list--selection.fd-list--byline:not([class*=-cozy]) .fd-list__form-item[dir=rtl],[class*=-condensed] .fd-list--selection.fd-list--byline:not([class*=-cozy]) .fd-list__form-item[dir=rtl],[dir=rtl] .fd-list--selection.fd-list--byline[class*=-compact] .fd-list__form-item,[dir=rtl] .fd-list--selection.fd-list--byline[class*=-condensed] .fd-list__form-item,[dir=rtl] [class*=-compact] .fd-list--selection.fd-list--byline:not([class*=-cozy]) .fd-list__form-item,[dir=rtl] [class*=-condensed] .fd-list--selection.fd-list--byline:not([class*=-cozy]) .fd-list__form-item{left:auto;right:.375rem}.fd-list--selection.fd-list--byline.fd-list--no-border .fd-list__item{padding:.5rem 1rem .5rem 2.75rem}.fd-list--selection.fd-list--byline.fd-list--no-border .fd-list__item[dir=rtl],[dir=rtl] .fd-list--selection.fd-list--byline.fd-list--no-border .fd-list__item{padding-left:1rem;padding-right:2.75rem}.fd-list--selection.fd-list--byline.fd-list--no-border .fd-list__item:first-child{padding-top:.9375rem}.fd-list--selection.fd-list--byline.fd-list--no-border .fd-list__item:last-child{padding-bottom:.9375rem}.fd-list--selection.fd-list--byline.fd-list--no-border .fd-list__item:not(:first-child) .fd-list__form-item,.fd-list--selection.fd-list--byline.fd-list--no-border .fd-list__item:not(:first-child) .fd-list__form-item.fd-form-item{top:0}.fd-list--selection.fd-list--byline.fd-list--no-border .fd-list__item:not(:first-child) .fd-list__form-item label,.fd-list--selection.fd-list--byline.fd-list--no-border .fd-list__item:not(:first-child) .fd-list__form-item.fd-form-item label{padding-top:.5rem}.fd-list--selection.fd-list--byline.fd-list--no-border .fd-list__item:not(:first-child) .fd-list__form-item label:after,.fd-list--selection.fd-list--byline.fd-list--no-border .fd-list__item:not(:first-child) .fd-list__form-item.fd-form-item label:after{top:.375rem}.fd-list--selection.fd-list--selection-row .fd-list__item{padding-left:1rem}.fd-list--selection.fd-list--selection-row .fd-list__item[dir=rtl],[dir=rtl] .fd-list--selection.fd-list--selection-row .fd-list__item{padding-right:1rem}:root{--fdList_Item_Background_Color:var(--sapList_Background);--fdList_Item_Text_Color:var(--sapList_TextColor);--fdList_Item_Border_Color:var(--sapList_BorderColor);--fdList_Item_Text_Font_Size:var(--sapFontLargeSize);--fdList_Item_Icon_Font_Size:1.125rem;--fdList_Item_Height:var(--sapElement_LineHeight);--fdList_Status_Text_Color:var(--sapNeutralTextColor);--fdList_Message_Background_Color:var(--sapNeutralBackground)}.fd-list__item-counter{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_MarkerTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0 0 0 1rem;overflow:hidden;padding:0;text-overflow:ellipsis;white-space:nowrap}.fd-list__item-counter:after,.fd-list__item-counter:before{box-sizing:inherit;font-size:inherit}.fd-list__item-counter[dir=rtl],[dir=rtl] .fd-list__item-counter{margin-left:0;margin-right:1rem}.fd-icon-tab-bar .fd-icon-tab-bar__item--hidden{display:none}.fd-icon-tab-bar__list{max-height:20rem}.fd-icon-tab-bar__list-item-counter{padding-left:.313rem}[dir=rtl] .fd-icon-tab-bar .fd-icon-tab-bar__list-item-counter,.fd-icon-tab-bar[dir=rtl] .fd-icon-tab-bar__list-item-counter{padding-left:0;padding-right:.25rem}.cdk-drag-placeholder{opacity:.3;pointer-events:none}.screenreader-only{position:absolute!important;height:1px;width:1px;overflow:hidden;opacity:0;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px)}\n"] }]
+                        IconTabBarTextTypeComponent,
+                        ScrollbarDirective,
+                        ScrollSpyDirective,
+                        IconTabBarTabContentDirective
+                    ], template: "<div class=\"fd-icon-tab-bar\" [class]=\"_cssClassForContainer\">\n    @if (iconTabType === 'text') {\n        <ng-template [ngTemplateOutlet]=\"textType\"></ng-template>\n    }\n    @if (iconTabType === 'icon' || iconTabType === 'icon-only') {\n        <ng-template [ngTemplateOutlet]=\"iconType\"></ng-template>\n    }\n    @if (iconTabType === 'filter') {\n        <ng-template [ngTemplateOutlet]=\"filterType\"></ng-template>\n    }\n    @if (iconTabType === 'process') {\n        <ng-template [ngTemplateOutlet]=\"processType\"></ng-template>\n    }\n    <div\n        class=\"fd-icon-tab-bar__content\"\n        fd-scrollbar\n        (spyChange)=\"highlightActiveTab($event.id)\"\n        [scrollSpyDisabled]=\"!stackContent || _disableScrollSpy\"\n        fdScrollSpy\n        [trackedTags]=\"['fdp-icon-tab-bar-tab-content']\"\n        [style.max-height]=\"maxContentHeight\"\n    >\n        @if (stackContent) {\n            @for (tab of _flatTabs$(); track tab) {\n                <fdp-icon-tab-bar-tab-content [id]=\"tab.id\" [uId]=\"tab.uId\" class=\"fd-icon-tab-bar__tab-content\">\n                    <ng-template [ngTemplateOutlet]=\"tab.renderer || null\"></ng-template>\n                </fdp-icon-tab-bar-tab-content>\n            }\n        } @else {\n            @if (_tabRenderer$(); as tabRenderer) {\n                <fdp-icon-tab-bar-tab-content\n                    [id]=\"tabRenderer.id\"\n                    [uId]=\"tabRenderer.uId\"\n                    class=\"fd-icon-tab-bar__tab-content\"\n                >\n                    <ng-template [ngTemplateOutlet]=\"tabRenderer.renderer || null\"></ng-template>\n                </fdp-icon-tab-bar-tab-content>\n            }\n        }\n        <ng-content select=\"[fdpIconTabBarFreeContent]\"></ng-content>\n    </div>\n</div>\n<ng-template #processType>\n    <fdp-icon-tab-bar-process-type\n        [tabs]=\"_tabs$()\"\n        [isRtl]=\"_rtl$()\"\n        [selectedUid]=\"_selectedUid()\"\n        (selectedUidChange)=\"_selectedUid.set($event)\"\n        [densityMode]=\"densityMode\"\n        [colorAssociations]=\"colorAssociations\"\n        (selected)=\"_selectItem($event)\"\n    ></fdp-icon-tab-bar-process-type>\n</ng-template>\n<ng-template #filterType>\n    <fdp-icon-tab-bar-filter-type\n        [tabs]=\"_tabs$()\"\n        [showTotalTab]=\"showTotalTab\"\n        [isRtl]=\"_rtl$()\"\n        [selectedUid]=\"_selectedUid()\"\n        (selectedUidChange)=\"_selectedUid.set($event)\"\n        [densityMode]=\"densityMode\"\n        [colorAssociations]=\"colorAssociations\"\n        (selected)=\"_selectItem($event)\"\n    ></fdp-icon-tab-bar-filter-type>\n</ng-template>\n<ng-template #iconType>\n    <fdp-icon-tab-bar-icon-type\n        [showLabel]=\"iconTabType === 'icon'\"\n        [tabs]=\"_tabs$()\"\n        [isRtl]=\"_rtl$()\"\n        [selectedUid]=\"_selectedUid()\"\n        (selectedUidChange)=\"_selectedUid.set($event)\"\n        [densityMode]=\"densityMode\"\n        [colorAssociations]=\"colorAssociations\"\n        (selected)=\"_selectItem($event)\"\n        (closeTab)=\"_closeTab($event)\"\n    ></fdp-icon-tab-bar-icon-type>\n</ng-template>\n<ng-template #textType>\n    <fdp-icon-tab-bar-text-type\n        [tabs]=\"_tabs$()\"\n        [layoutMode]=\"layoutMode\"\n        [isRtl]=\"_rtl$()\"\n        [selectedUid]=\"_selectedUid()\"\n        (selectedUidChange)=\"_selectedUid.set($event)\"\n        [densityMode]=\"densityMode\"\n        [enableTabReordering]=\"enableTabReordering\"\n        [colorAssociations]=\"colorAssociations\"\n        (reordered)=\"_onReorder($event)\"\n        (selected)=\"_selectItem($event)\"\n        (closeTab)=\"_closeTab($event)\"\n    ></fdp-icon-tab-bar-text-type>\n</ng-template>\n", styles: ["@charset \"UTF-8\";.fd-icon-tab-bar__counter,.fd-icon-tab-bar__tag{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_LabelColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;line-height:1rem;margin:0;padding:0;white-space:nowrap}.fd-icon-tab-bar__counter:after,.fd-icon-tab-bar__counter:before,.fd-icon-tab-bar__tag:after,.fd-icon-tab-bar__tag:before{box-sizing:inherit;font-size:inherit}.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--critical .fd-icon-tab-bar__label:before,.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--critical .fd-icon-tab-bar__label[dir=rtl]:after,.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--informative .fd-icon-tab-bar__label:before,.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--informative .fd-icon-tab-bar__label[dir=rtl]:after,.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--negative .fd-icon-tab-bar__label:before,.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--negative .fd-icon-tab-bar__label[dir=rtl]:after,.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--positive .fd-icon-tab-bar__label:before,.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--positive .fd-icon-tab-bar__label[dir=rtl]:after,.fd-icon-tab-bar__item--critical .fd-icon-tab-bar__icon:before,.fd-icon-tab-bar__item--critical .fd-icon-tab-bar__icon[dir=rtl]:after,.fd-icon-tab-bar__item--critical .fd-icon-tab-bar__tag:before,.fd-icon-tab-bar__item--critical .fd-icon-tab-bar__tag[dir=rtl]:after,.fd-icon-tab-bar__item--informative .fd-icon-tab-bar__icon:before,.fd-icon-tab-bar__item--informative .fd-icon-tab-bar__icon[dir=rtl]:after,.fd-icon-tab-bar__item--informative .fd-icon-tab-bar__tag:before,.fd-icon-tab-bar__item--informative .fd-icon-tab-bar__tag[dir=rtl]:after,.fd-icon-tab-bar__item--negative .fd-icon-tab-bar__icon:before,.fd-icon-tab-bar__item--negative .fd-icon-tab-bar__icon[dir=rtl]:after,.fd-icon-tab-bar__item--negative .fd-icon-tab-bar__tag:before,.fd-icon-tab-bar__item--negative .fd-icon-tab-bar__tag[dir=rtl]:after,.fd-icon-tab-bar__item--positive .fd-icon-tab-bar__icon:before,.fd-icon-tab-bar__item--positive .fd-icon-tab-bar__icon[dir=rtl]:after,.fd-icon-tab-bar__item--positive .fd-icon-tab-bar__tag:before,.fd-icon-tab-bar__item--positive .fd-icon-tab-bar__tag[dir=rtl]:after,[dir=rtl] .fd-icon-tab-bar--icon .fd-icon-tab-bar__item--critical .fd-icon-tab-bar__label:after,[dir=rtl] .fd-icon-tab-bar--icon .fd-icon-tab-bar__item--informative .fd-icon-tab-bar__label:after,[dir=rtl] .fd-icon-tab-bar--icon .fd-icon-tab-bar__item--negative .fd-icon-tab-bar__label:after,[dir=rtl] .fd-icon-tab-bar--icon .fd-icon-tab-bar__item--positive .fd-icon-tab-bar__label:after,[dir=rtl] .fd-icon-tab-bar__item--critical .fd-icon-tab-bar__icon:after,[dir=rtl] .fd-icon-tab-bar__item--critical .fd-icon-tab-bar__tag:after,[dir=rtl] .fd-icon-tab-bar__item--informative .fd-icon-tab-bar__icon:after,[dir=rtl] .fd-icon-tab-bar__item--informative .fd-icon-tab-bar__tag:after,[dir=rtl] .fd-icon-tab-bar__item--negative .fd-icon-tab-bar__icon:after,[dir=rtl] .fd-icon-tab-bar__item--negative .fd-icon-tab-bar__tag:after,[dir=rtl] .fd-icon-tab-bar__item--positive .fd-icon-tab-bar__icon:after,[dir=rtl] .fd-icon-tab-bar__item--positive .fd-icon-tab-bar__tag:after{speak:none;-webkit-font-smoothing:antialiased;color:var(--fdIconTabBar_Tag_Icon_Color);display:var(--fdIcon_Tab_Bar_Semantic_Icon_Display);font-family:SAP-icons;font-size:.75rem}.fd-icon-tab-bar__item--critical .fd-icon-tab-bar__icon:before,.fd-icon-tab-bar__item--critical .fd-icon-tab-bar__icon[dir=rtl]:after,.fd-icon-tab-bar__item--informative .fd-icon-tab-bar__icon:before,.fd-icon-tab-bar__item--informative .fd-icon-tab-bar__icon[dir=rtl]:after,.fd-icon-tab-bar__item--negative .fd-icon-tab-bar__icon:before,.fd-icon-tab-bar__item--negative .fd-icon-tab-bar__icon[dir=rtl]:after,.fd-icon-tab-bar__item--positive .fd-icon-tab-bar__icon:before,.fd-icon-tab-bar__item--positive .fd-icon-tab-bar__icon[dir=rtl]:after,[dir=rtl] .fd-icon-tab-bar__item--critical .fd-icon-tab-bar__icon:after,[dir=rtl] .fd-icon-tab-bar__item--informative .fd-icon-tab-bar__icon:after,[dir=rtl] .fd-icon-tab-bar__item--negative .fd-icon-tab-bar__icon:after,[dir=rtl] .fd-icon-tab-bar__item--positive .fd-icon-tab-bar__icon:after{bottom:0;margin:0;position:absolute;width:.75rem}.fd-icon-tab-bar__item--critical .fd-icon-tab-bar__icon[dir=rtl]:before,.fd-icon-tab-bar__item--critical .fd-icon-tab-bar__tag[dir=rtl]:before,.fd-icon-tab-bar__item--informative .fd-icon-tab-bar__icon[dir=rtl]:before,.fd-icon-tab-bar__item--informative .fd-icon-tab-bar__tag[dir=rtl]:before,.fd-icon-tab-bar__item--negative .fd-icon-tab-bar__icon[dir=rtl]:before,.fd-icon-tab-bar__item--negative .fd-icon-tab-bar__tag[dir=rtl]:before,.fd-icon-tab-bar__item--positive .fd-icon-tab-bar__icon[dir=rtl]:before,.fd-icon-tab-bar__item--positive .fd-icon-tab-bar__tag[dir=rtl]:before,[dir=rtl] .fd-icon-tab-bar__item--critical .fd-icon-tab-bar__icon:before,[dir=rtl] .fd-icon-tab-bar__item--critical .fd-icon-tab-bar__tag:before,[dir=rtl] .fd-icon-tab-bar__item--informative .fd-icon-tab-bar__icon:before,[dir=rtl] .fd-icon-tab-bar__item--informative .fd-icon-tab-bar__tag:before,[dir=rtl] .fd-icon-tab-bar__item--negative .fd-icon-tab-bar__icon:before,[dir=rtl] .fd-icon-tab-bar__item--negative .fd-icon-tab-bar__tag:before,[dir=rtl] .fd-icon-tab-bar__item--positive .fd-icon-tab-bar__icon:before,[dir=rtl] .fd-icon-tab-bar__item--positive .fd-icon-tab-bar__tag:before{content:none;margin:0}.fd-icon-tab-bar{--fdIconTabBar_Icon_Size:2.75rem;--fdIconTabBar_Icon_Font_Size:1.25rem;--fdIcon_Tab_Bar_Container_Badge_Size:.5rem;-webkit-box-sizing:border-box;border:0;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:0;padding:0}.fd-icon-tab-bar:after,.fd-icon-tab-bar:before{box-sizing:inherit;font-size:inherit}.fd-icon-tab-bar__header{-webkit-box-sizing:border-box;-webkit-box-align:center;-ms-flex-align:center;-webkit-box-shadow:var(--sapContent_HeaderShadow);align-items:center;background:var(--sapObjectHeader_Background);border:0;box-shadow:var(--sapContent_HeaderShadow);box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;list-style:none;margin:0;min-height:2.75rem;padding:0;position:relative}.fd-icon-tab-bar__header:after,.fd-icon-tab-bar__header:before{box-sizing:inherit;font-size:inherit}.fd-icon-tab-bar__header:has(.fd-icon-tab-bar__item--overflow){overflow:visible}.fd-icon-tab-bar__panel{background:var(--sapBackgroundColor)}.fd-icon-tab-bar__item{-webkit-box-sizing:border-box;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin:0 2rem 0 0;padding:0}.fd-icon-tab-bar__item:after,.fd-icon-tab-bar__item:before{box-sizing:inherit;font-size:inherit}.fd-icon-tab-bar__item[dir=rtl],[dir=rtl] .fd-icon-tab-bar__item{margin-left:2rem;margin-right:0}.fd-icon-tab-bar__item--negative{--fdIconTabBar_Badge_Background:var(--fdIcon_Tab_Bar_Semantic_Badge_Color_Negative);--fdIconTabBar_Badge_Background_After:var(--fdIcon_Tab_Bar_Semantic_Badge_Color_Negative);--fdIconTabBar_Tag_Color:var(--fdIcon_Tab_Bar_Semantic_Color_Negative);--fdIconTabBar_Tag_Icon_Color:var(--sapNegativeElementColor);--fdIconTabBar_Tag_Icon_Content:\\e1ec;--fdIconTabBar_Icon_Color:var(--fdIcon_Tab_Bar_Semantic_Color_Negative);--fdIconTabBar_Icon_Border_Color:var(--fdIcon_Tab_Bar_Semantic_Color_Negative)}.fd-icon-tab-bar__item--negative .fd-icon-tab-bar__tag:before{content:\"\\e1ec\";margin-right:.5rem}.fd-icon-tab-bar__item--negative .fd-icon-tab-bar__tag[dir=rtl]:after,[dir=rtl] .fd-icon-tab-bar__item--negative .fd-icon-tab-bar__tag:after{content:\"\\e1ec\";margin-left:.5rem}.fd-icon-tab-bar__item--negative .fd-icon-tab-bar__tab.is-hover,.fd-icon-tab-bar__item--negative .fd-icon-tab-bar__tab:hover{--fdIconTabBar_Tag_Color:var(--fdIcon_Tab_Bar_Semantic_Color_Negative)}.fd-icon-tab-bar__item--negative .fd-icon-tab-bar__tab.is-selected,.fd-icon-tab-bar__item--negative .fd-icon-tab-bar__tab[aria-selected=true]{--fdIconTabBar_Selection_Bar_Color:var(--fdIcon_Tab_Bar_Semantic_Color_Negative);--fdIconTabBar_Tag_Color:var(--fdIcon_Tab_Bar_Semantic_Color_Negative);--fdIconTabBar_Icon_Background:var(--fdIcon_Tab_Bar_Semantic_Background_Color_Negative)}.fd-icon-tab-bar__item--negative .fd-icon-tab-bar__tab.is-selected.is-hover,.fd-icon-tab-bar__item--negative .fd-icon-tab-bar__tab.is-selected:hover,.fd-icon-tab-bar__item--negative .fd-icon-tab-bar__tab[aria-selected=true].is-hover,.fd-icon-tab-bar__item--negative .fd-icon-tab-bar__tab[aria-selected=true]:hover{--fdIconTabBar_Tag_Color:var(--fdIcon_Tab_Bar_Semantic_Color_Negative)}.fd-icon-tab-bar__item--negative .fd-icon-tab-bar__icon{position:relative}.fd-icon-tab-bar__item--negative .fd-icon-tab-bar__icon:before{content:\"\\e1ec\";right:-.9rem}.fd-icon-tab-bar__item--negative .fd-icon-tab-bar__icon[dir=rtl]:after,[dir=rtl] .fd-icon-tab-bar__item--negative .fd-icon-tab-bar__icon:after{content:\"\\e1ec\";left:-.9rem;right:auto}.fd-icon-tab-bar__item--positive{--fdIconTabBar_Badge_Background:var(--fdIcon_Tab_Bar_Semantic_Badge_Color_Positive);--fdIconTabBar_Badge_Background_After:var(--fdIcon_Tab_Bar_Semantic_Badge_Color_Positive);--fdIconTabBar_Tag_Color:var(--fdIcon_Tab_Bar_Semantic_Color_Positive);--fdIconTabBar_Tag_Icon_Color:var(--sapPositiveElementColor);--fdIconTabBar_Tag_Icon_Content:\\e1c1;--fdIconTabBar_Icon_Color:var(--fdIcon_Tab_Bar_Semantic_Color_Positive);--fdIconTabBar_Icon_Border_Color:var(--fdIcon_Tab_Bar_Semantic_Color_Positive)}.fd-icon-tab-bar__item--positive .fd-icon-tab-bar__tag:before{content:\"\\e1c1\";margin-right:.5rem}.fd-icon-tab-bar__item--positive .fd-icon-tab-bar__tag[dir=rtl]:after,[dir=rtl] .fd-icon-tab-bar__item--positive .fd-icon-tab-bar__tag:after{content:\"\\e1c1\";margin-left:.5rem}.fd-icon-tab-bar__item--positive .fd-icon-tab-bar__tab.is-hover,.fd-icon-tab-bar__item--positive .fd-icon-tab-bar__tab:hover{--fdIconTabBar_Tag_Color:var(--fdIcon_Tab_Bar_Semantic_Color_Positive)}.fd-icon-tab-bar__item--positive .fd-icon-tab-bar__tab.is-selected,.fd-icon-tab-bar__item--positive .fd-icon-tab-bar__tab[aria-selected=true]{--fdIconTabBar_Selection_Bar_Color:var(--fdIcon_Tab_Bar_Semantic_Color_Positive);--fdIconTabBar_Tag_Color:var(--fdIcon_Tab_Bar_Semantic_Color_Positive);--fdIconTabBar_Icon_Background:var(--fdIcon_Tab_Bar_Semantic_Background_Color_Positive)}.fd-icon-tab-bar__item--positive .fd-icon-tab-bar__tab.is-selected.is-hover,.fd-icon-tab-bar__item--positive .fd-icon-tab-bar__tab.is-selected:hover,.fd-icon-tab-bar__item--positive .fd-icon-tab-bar__tab[aria-selected=true].is-hover,.fd-icon-tab-bar__item--positive .fd-icon-tab-bar__tab[aria-selected=true]:hover{--fdIconTabBar_Tag_Color:var(--fdIcon_Tab_Bar_Semantic_Color_Positive)}.fd-icon-tab-bar__item--positive .fd-icon-tab-bar__icon{position:relative}.fd-icon-tab-bar__item--positive .fd-icon-tab-bar__icon:before{content:\"\\e1c1\";right:-.9rem}.fd-icon-tab-bar__item--positive .fd-icon-tab-bar__icon[dir=rtl]:after,[dir=rtl] .fd-icon-tab-bar__item--positive .fd-icon-tab-bar__icon:after{content:\"\\e1c1\";left:-.9rem;right:auto}.fd-icon-tab-bar__item--critical{--fdIconTabBar_Badge_Background:var(--fdIcon_Tab_Bar_Semantic_Badge_Color_Critical);--fdIconTabBar_Badge_Background_After:var(--fdIcon_Tab_Bar_Semantic_Badge_Color_Critical);--fdIconTabBar_Tag_Color:var(--fdIcon_Tab_Bar_Semantic_Color_Critical);--fdIconTabBar_Tag_Icon_Color:var(--sapCriticalElementColor);--fdIconTabBar_Tag_Icon_Content:\\e053;--fdIconTabBar_Icon_Color:var(--fdIcon_Tab_Bar_Semantic_Color_Critical);--fdIconTabBar_Icon_Border_Color:var(--fdIcon_Tab_Bar_Semantic_Color_Critical)}.fd-icon-tab-bar__item--critical .fd-icon-tab-bar__tag:before{content:\"\\e053\";margin-right:.5rem}.fd-icon-tab-bar__item--critical .fd-icon-tab-bar__tag[dir=rtl]:after,[dir=rtl] .fd-icon-tab-bar__item--critical .fd-icon-tab-bar__tag:after{content:\"\\e053\";margin-left:.5rem}.fd-icon-tab-bar__item--critical .fd-icon-tab-bar__tab.is-hover,.fd-icon-tab-bar__item--critical .fd-icon-tab-bar__tab:hover{--fdIconTabBar_Tag_Color:var(--fdIcon_Tab_Bar_Semantic_Color_Critical)}.fd-icon-tab-bar__item--critical .fd-icon-tab-bar__tab.is-selected,.fd-icon-tab-bar__item--critical .fd-icon-tab-bar__tab[aria-selected=true]{--fdIconTabBar_Selection_Bar_Color:var(--fdIcon_Tab_Bar_Semantic_Color_Critical);--fdIconTabBar_Tag_Color:var(--fdIcon_Tab_Bar_Semantic_Color_Critical);--fdIconTabBar_Icon_Background:var(--fdIcon_Tab_Bar_Semantic_Background_Color_Critical)}.fd-icon-tab-bar__item--critical .fd-icon-tab-bar__tab.is-selected.is-hover,.fd-icon-tab-bar__item--critical .fd-icon-tab-bar__tab.is-selected:hover,.fd-icon-tab-bar__item--critical .fd-icon-tab-bar__tab[aria-selected=true].is-hover,.fd-icon-tab-bar__item--critical .fd-icon-tab-bar__tab[aria-selected=true]:hover{--fdIconTabBar_Tag_Color:var(--fdIcon_Tab_Bar_Semantic_Color_Critical)}.fd-icon-tab-bar__item--critical .fd-icon-tab-bar__icon{position:relative}.fd-icon-tab-bar__item--critical .fd-icon-tab-bar__icon:before{content:\"\\e053\";right:-.9rem}.fd-icon-tab-bar__item--critical .fd-icon-tab-bar__icon[dir=rtl]:after,[dir=rtl] .fd-icon-tab-bar__item--critical .fd-icon-tab-bar__icon:after{content:\"\\e053\";left:-.9rem;right:auto}.fd-icon-tab-bar__item--informative{--fdIconTabBar_Badge_Background:var(--fdIcon_Tab_Bar_Semantic_Badge_Color_Informative);--fdIconTabBar_Badge_Background_After:var(--fdIcon_Tab_Bar_Semantic_Badge_Color_Informative);--fdIconTabBar_Tag_Color:var(--fdIcon_Tab_Bar_Semantic_Color_Informative);--fdIconTabBar_Tag_Icon_Color:var(--sapInformativeElementColor);--fdIconTabBar_Tag_Icon_Content:\\e289;--fdIconTabBar_Icon_Color:var(--fdIcon_Tab_Bar_Semantic_Color_Informative);--fdIconTabBar_Icon_Border_Color:var(--fdIcon_Tab_Bar_Semantic_Color_Informative)}.fd-icon-tab-bar__item--informative .fd-icon-tab-bar__tag:before{content:\"\\e289\";margin-right:.5rem}.fd-icon-tab-bar__item--informative .fd-icon-tab-bar__tag[dir=rtl]:after,[dir=rtl] .fd-icon-tab-bar__item--informative .fd-icon-tab-bar__tag:after{content:\"\\e289\";margin-left:.5rem}.fd-icon-tab-bar__item--informative .fd-icon-tab-bar__tab.is-hover,.fd-icon-tab-bar__item--informative .fd-icon-tab-bar__tab:hover{--fdIconTabBar_Tag_Color:var(--fdIcon_Tab_Bar_Semantic_Color_Informative)}.fd-icon-tab-bar__item--informative .fd-icon-tab-bar__tab.is-selected,.fd-icon-tab-bar__item--informative .fd-icon-tab-bar__tab[aria-selected=true]{--fdIconTabBar_Selection_Bar_Color:var(--fdIcon_Tab_Bar_Semantic_Color_Informative);--fdIconTabBar_Tag_Color:var(--fdIcon_Tab_Bar_Semantic_Color_Informative);--fdIconTabBar_Icon_Background:var(--fdIcon_Tab_Bar_Semantic_Background_Color_Informative)}.fd-icon-tab-bar__item--informative .fd-icon-tab-bar__tab.is-selected.is-hover,.fd-icon-tab-bar__item--informative .fd-icon-tab-bar__tab.is-selected:hover,.fd-icon-tab-bar__item--informative .fd-icon-tab-bar__tab[aria-selected=true].is-hover,.fd-icon-tab-bar__item--informative .fd-icon-tab-bar__tab[aria-selected=true]:hover{--fdIconTabBar_Tag_Color:var(--fdIcon_Tab_Bar_Semantic_Color_Informative)}.fd-icon-tab-bar__item--informative .fd-icon-tab-bar__icon{position:relative}.fd-icon-tab-bar__item--informative .fd-icon-tab-bar__icon:before{content:\"\\e289\";right:-.9rem}.fd-icon-tab-bar__item--informative .fd-icon-tab-bar__icon[dir=rtl]:after,[dir=rtl] .fd-icon-tab-bar__item--informative .fd-icon-tab-bar__icon:after{content:\"\\e289\";left:-.9rem;right:auto}.fd-icon-tab-bar__item--single-click .fd-icon-tab-bar__tab{align-items:center;flex-direction:row}.fd-icon-tab-bar__item--single-click .fd-icon-tab-bar__tab.is-focus,.fd-icon-tab-bar__item--single-click .fd-icon-tab-bar__tab:focus{z-index:5}.fd-icon-tab-bar__item--single-click .fd-icon-tab-bar__tab.is-focus .fd-icon-tab-bar__tab-container,.fd-icon-tab-bar__item--single-click .fd-icon-tab-bar__tab:focus .fd-icon-tab-bar__tab-container{position:relative}.fd-icon-tab-bar__item--single-click .fd-icon-tab-bar__tab.is-focus .fd-icon-tab-bar__tab-container .fd-icon-tab-bar__tag,.fd-icon-tab-bar__item--single-click .fd-icon-tab-bar__tab:focus .fd-icon-tab-bar__tab-container .fd-icon-tab-bar__tag{outline:none}.fd-icon-tab-bar__item--single-click .fd-icon-tab-bar__tab.is-focus .fd-icon-tab-bar__tab-container .fd-icon-tab-bar__tag:after,.fd-icon-tab-bar__item--single-click .fd-icon-tab-bar__tab:focus .fd-icon-tab-bar__tab-container .fd-icon-tab-bar__tag:after{border:none}.fd-icon-tab-bar__item--single-click .fd-icon-tab-bar__tab.is-focus .fd-icon-tab-bar__tab-container:after,.fd-icon-tab-bar__item--single-click .fd-icon-tab-bar__tab:focus .fd-icon-tab-bar__tab-container:after{border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);border-radius:var(--fdIcon_Tab_Bar_Text_Focus_Radius);bottom:0;bottom:var(--fdIcon_Tab_Bar_Focus_Offset);content:\"\";display:block;left:0;left:var(--fdIcon_Tab_Bar_Focus_Offset);position:absolute;right:0;right:var(--fdIcon_Tab_Bar_Focus_Offset);top:0;top:var(--fdIcon_Tab_Bar_Focus_Offset)}.fd-icon-tab-bar__item--single-click .fd-icon-tab-bar__tab.is-focus .fd-icon-tab-bar__badge,.fd-icon-tab-bar__item--single-click .fd-icon-tab-bar__tab:focus .fd-icon-tab-bar__badge{right:-.4375rem;top:-.125rem}.fd-icon-tab-bar__item--single-click .fd-icon-tab-bar__tab.is-focus .fd-icon-tab-bar__badge[dir=rtl],.fd-icon-tab-bar__item--single-click .fd-icon-tab-bar__tab:focus .fd-icon-tab-bar__badge[dir=rtl],[dir=rtl] .fd-icon-tab-bar__item--single-click .fd-icon-tab-bar__tab.is-focus .fd-icon-tab-bar__badge,[dir=rtl] .fd-icon-tab-bar__item--single-click .fd-icon-tab-bar__tab:focus .fd-icon-tab-bar__badge{left:-.4375rem;right:auto}.fd-icon-tab-bar__item.fd-icon-tab-bar__item--multi-click{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:flex;justify-content:center;position:relative}.fd-icon-tab-bar__item.fd-icon-tab-bar__item--multi-click .fd-icon-tab-bar__tab{padding-left:.188rem;padding-right:1.938rem}.fd-icon-tab-bar__item.fd-icon-tab-bar__item--multi-click .fd-icon-tab-bar__tab[dir=rtl],[dir=rtl] .fd-icon-tab-bar__item.fd-icon-tab-bar__item--multi-click .fd-icon-tab-bar__tab{padding-left:1.938rem;padding-right:.188rem}.fd-icon-tab-bar__item.fd-icon-tab-bar__item--multi-click .fd-icon-tab-bar__tab .fd-icon-tab-bar__badge{right:1.625rem}.fd-icon-tab-bar__item.fd-icon-tab-bar__item--multi-click .fd-icon-tab-bar__tab .fd-icon-tab-bar__badge[dir=rtl],[dir=rtl] .fd-icon-tab-bar__item.fd-icon-tab-bar__item--multi-click .fd-icon-tab-bar__tab .fd-icon-tab-bar__badge{left:1.625rem;right:auto}.fd-icon-tab-bar__item.fd-icon-tab-bar__item--multi-click .fd-icon-tab-bar__tab.is-selected+.fd-icon-tab-bar__popover .fd-icon-tab-bar__button-container:before,.fd-icon-tab-bar__item.fd-icon-tab-bar__item--multi-click .fd-icon-tab-bar__tab[aria-selected=true]+.fd-icon-tab-bar__popover .fd-icon-tab-bar__button-container:before{--fdIconTabBar_Multi_Click_Separator_Background:var(--sapContent_Selected_ForegroundColor)}.fd-icon-tab-bar__item.fd-icon-tab-bar__item--multi-click.fd-icon-tab-bar__item--closable .fd-icon-tab-bar__tab{padding-left:.188rem;padding-right:3.938rem}.fd-icon-tab-bar__item.fd-icon-tab-bar__item--multi-click.fd-icon-tab-bar__item--closable .fd-icon-tab-bar__tab[dir=rtl],[dir=rtl] .fd-icon-tab-bar__item.fd-icon-tab-bar__item--multi-click.fd-icon-tab-bar__item--closable .fd-icon-tab-bar__tab{padding-left:3.938rem;padding-right:.188rem}.fd-icon-tab-bar__item.fd-icon-tab-bar__item--multi-click.fd-icon-tab-bar__item--closable .fd-icon-tab-bar__popover{height:100%;max-width:1.5rem;min-width:1.5rem;right:2.188rem;width:1.5rem}.fd-icon-tab-bar__item.fd-icon-tab-bar__item--multi-click.fd-icon-tab-bar__item--closable .fd-icon-tab-bar__popover[dir=rtl],[dir=rtl] .fd-icon-tab-bar__item.fd-icon-tab-bar__item--multi-click.fd-icon-tab-bar__item--closable .fd-icon-tab-bar__popover{left:2.188rem;right:auto}.fd-icon-tab-bar__item.fd-icon-tab-bar__item--multi-click.fd-icon-tab-bar__item--closable .fd-icon-tab-bar__popover .fd-icon-tab-bar__button-container{max-width:1.5rem;min-width:1.5rem;width:1.5rem}.fd-icon-tab-bar__item.fd-icon-tab-bar__item--multi-click.fd-icon-tab-bar__item--closable .fd-icon-tab-bar__popover .fd-icon-tab-bar__button-container:before{display:var(--fdIcon_Tab_Bar_Multi_Click_Button_Separator_Display)}.fd-icon-tab-bar__item.fd-icon-tab-bar__item--closable{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:flex;justify-content:center;position:relative}.fd-icon-tab-bar__item.fd-icon-tab-bar__item--closable .fd-icon-tab-bar__tab{padding-left:.188rem;padding-right:2.188rem}.fd-icon-tab-bar__item.fd-icon-tab-bar__item--closable .fd-icon-tab-bar__tab[dir=rtl],[dir=rtl] .fd-icon-tab-bar__item.fd-icon-tab-bar__item--closable .fd-icon-tab-bar__tab{padding-left:2.188rem;padding-right:.188rem}.fd-icon-tab-bar__item.fd-icon-tab-bar__item--closable .fd-icon-tab-bar__button-container{max-width:2rem;min-width:2rem;position:absolute;right:0;width:2rem;z-index:10}.fd-icon-tab-bar__item.fd-icon-tab-bar__item--closable .fd-icon-tab-bar__button-container[dir=rtl],[dir=rtl] .fd-icon-tab-bar__item.fd-icon-tab-bar__item--closable .fd-icon-tab-bar__button-container{left:0;right:auto}.fd-icon-tab-bar__item.fd-icon-tab-bar__item--closable .fd-icon-tab-bar__button-container:before{display:none}.fd-icon-tab-bar__item--dnd-preview{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:flex;flex-direction:column;font-size:var(--sapFontSize);justify-content:center;line-height:var(--sapContent_LineHeight);opacity:.8;z-index:9999!important}.fd-icon-tab-bar__item--dnd-preview,.fd-icon-tab-bar__item--dnd-preview *{background:var(--sapObjectHeader_Background)}.fd-icon-tab-bar__item--dnd-hovered{-webkit-box-shadow:inset 0 0 0 .125rem var(--sapButton_Hover_BorderColor);background:var(--sapButton_Hover_Background);box-shadow:inset 0 0 0 .125rem var(--sapButton_Hover_BorderColor)}.fd-icon-tab-bar__item--dnd-hovered.fd-icon-tab-bar__list-item{background:var(--sapButton_Hover_Background)!important}.fd-icon-tab-bar__item--dnd-hovered.fd-icon-tab-bar__list-item .fd-icon-tab-bar__list-link{background:none}.fd-icon-tab-bar__item--dnd-separator{position:relative}.fd-icon-tab-bar__item--dnd-separator:before{background:var(--fdIcon_Tab_Bar_Separator_Color);content:\"\";height:100%;left:-.5rem;position:absolute;top:0;width:.125rem}[dir=rtl] .fd-icon-tab-bar__item--dnd-separator:before{left:auto;right:-.5rem}.fd-icon-tab-bar__item--dnd-separator:after{background:var(--sapObjectHeader_Background);border:.125rem solid var(--fdIcon_Tab_Bar_Separator_Color);border-radius:50%;content:\"\";height:.5rem;left:-.7rem;position:absolute;top:0;width:.5rem}[dir=rtl] .fd-icon-tab-bar__item--dnd-separator:after{left:auto;right:-.7rem}.fd-icon-tab-bar__item--dnd-separator.fd-icon-tab-bar__list-item:before{height:.125rem;left:.0625rem;right:unset;top:.125rem;width:100%}[dir=rtl] .fd-icon-tab-bar__item--dnd-separator.fd-icon-tab-bar__list-item:before{left:auto;right:.0625rem}.fd-icon-tab-bar__item--dnd-separator.fd-icon-tab-bar__list-item:after{left:0;right:unset;top:-.0625rem;z-index:1}[dir=rtl] .fd-icon-tab-bar__item--dnd-separator.fd-icon-tab-bar__list-item:after{left:auto;right:0}.fd-icon-tab-bar__item--dnd-separator-end{position:relative}.fd-icon-tab-bar__item--dnd-separator-end:before{background:var(--fdIcon_Tab_Bar_Separator_Color);content:\"\";height:100%;position:absolute;right:-.5rem;top:0;width:.125rem}[dir=rtl] .fd-icon-tab-bar__item--dnd-separator-end:before{left:-.5rem;right:auto}.fd-icon-tab-bar__item--dnd-separator-end:after{background:var(--sapObjectHeader_Background);border:.125rem solid var(--fdIcon_Tab_Bar_Separator_Color);border-radius:50%;content:\"\";height:.5rem;position:absolute;right:-.7rem;top:0;width:.5rem}[dir=rtl] .fd-icon-tab-bar__item--dnd-separator-end:after{left:-.7rem;right:auto}.fd-icon-tab-bar__item--dnd-separator-end.fd-icon-tab-bar__list-item:before{bottom:.125rem;height:.125rem;left:.0625rem;right:unset;top:unset;width:100%}[dir=rtl] .fd-icon-tab-bar__item--dnd-separator-end.fd-icon-tab-bar__list-item:before{left:auto;right:.0625rem}.fd-icon-tab-bar__item--dnd-separator-end.fd-icon-tab-bar__list-item:after{bottom:-.0625rem;left:0;right:unset;top:unset;z-index:1}[dir=rtl] .fd-icon-tab-bar__item--dnd-separator-end.fd-icon-tab-bar__list-item:after{left:auto;right:0}.fd-icon-tab-bar__button-container{-webkit-box-sizing:border-box;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:2.75rem;justify-content:center;line-height:normal;margin:0;max-height:2.75rem;max-width:1.5rem;min-height:2.75rem;min-width:1.5rem;padding:0;position:relative;width:1.5rem}.fd-icon-tab-bar__button-container:after,.fd-icon-tab-bar__button-container:before{box-sizing:inherit;font-size:inherit}.fd-icon-tab-bar__button-container:before{background:var(--fdIconTabBar_Multi_Click_Separator_Background);content:\"\";display:var(--fdIcon_Tab_Bar_Multi_Click_Button_Separator_Display);height:1rem;left:0;position:absolute;top:.75rem;width:.0625rem}.fd-icon-tab-bar__button-container[dir=rtl]:before,[dir=rtl] .fd-icon-tab-bar__button-container:before{left:auto;right:0}.fd-icon-tab-bar .fd-icon-tab-bar__button{--fdButton_Hover_Shadow:none;border-radius:.25rem;font-family:var(--sapContent_IconFontFamily);height:1.5rem;min-width:1.5rem;width:1.5rem}.fd-icon-tab-bar .fd-icon-tab-bar__button.is-focus,.fd-icon-tab-bar .fd-icon-tab-bar__button:focus{z-index:5}.fd-icon-tab-bar .fd-icon-tab-bar__button.is-focus:after,.fd-icon-tab-bar .fd-icon-tab-bar__button:focus:after{border-radius:var(--fdIcon_Tab_Bar_Multi_Click_Button_Focus_Radius)}.fd-icon-tab-bar__tab{-webkit-box-sizing:border-box;align-items:flex-start;border:0;box-sizing:border-box;color:var(--sapTextColor);cursor:pointer;display:flex;flex-direction:column;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin:0;min-width:2rem;padding:.875rem .188rem;position:relative;text-decoration:none}.fd-icon-tab-bar__tab:after,.fd-icon-tab-bar__tab:before{box-sizing:inherit;font-size:inherit}.fd-icon-tab-bar__tab.is-selected,.fd-icon-tab-bar__tab[aria-selected=true]{--fdIconTabBar_Icon_Background:var(--sapSelectedColor);--fdIconTabBar_Icon_Color:var(--sapContent_ContrastIconColor);--fdIconTabBar_Tag_Color:var(--fdIcon_Tab_Bar_Selection_Color);--fdIconTabBar_Arrow_Color:var(--sapContent_Selected_ForegroundColor);position:relative}.fd-icon-tab-bar__tab.is-selected:after,.fd-icon-tab-bar__tab[aria-selected=true]:after{-webkit-transition:all .125s ease-in;background:var(--fdIconTabBar_Selection_Bar_Color);border-radius:.125rem .125rem 0 0;bottom:0;content:\"\";display:inline-block;height:var(--fdIcon_Tab_Bar_Selection_Bar_Height);left:0;position:absolute;transition:all .125s ease-in;width:100%}.fd-icon-tab-bar__tab.is-selected[dir=rtl]:after,.fd-icon-tab-bar__tab[aria-selected=true][dir=rtl]:after,[dir=rtl] .fd-icon-tab-bar__tab.is-selected:after,[dir=rtl] .fd-icon-tab-bar__tab[aria-selected=true]:after{left:auto;right:0}.fd-icon-tab-bar__tab.is-selected+.fd-icon-tab-bar__popover .fd-icon-tab-bar__button,.fd-icon-tab-bar__tab[aria-selected=true]+.fd-icon-tab-bar__popover .fd-icon-tab-bar__button{--fdButtonColor:var(--sapContent_Selected_ForegroundColor)}.fd-icon-tab-bar__tab.is-hover,.fd-icon-tab-bar__tab:hover{--fdIconTabBar_Tag_Color:var(--fdIcon_Tab_Bar_Label_Hover_Color);--fdIconTabBar_Arrow_Color:var(--sapContent_Selected_ForegroundColor)}.fd-icon-tab-bar__tab.is-focus,.fd-icon-tab-bar__tab:focus{box-shadow:none;outline:none;z-index:5}.fd-icon-tab-bar__tab.is-focus .fd-icon-tab-bar__icon:after,.fd-icon-tab-bar__tab:focus .fd-icon-tab-bar__icon:after{border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);border-radius:var(--fdIcon_Tab_Bar_Icon_Focus_Radius);bottom:0;bottom:var(--fdIcon_Tab_Bar_Focus_Offset);bottom:var(--fdIcon_Tab_Bar_Icon_Focus_Offset);content:\"\";display:block;left:0;left:var(--fdIcon_Tab_Bar_Focus_Offset);left:var(--fdIcon_Tab_Bar_Icon_Focus_Offset);position:absolute;right:0;right:var(--fdIcon_Tab_Bar_Focus_Offset);right:var(--fdIcon_Tab_Bar_Icon_Focus_Offset);top:0;top:var(--fdIcon_Tab_Bar_Focus_Offset);top:var(--fdIcon_Tab_Bar_Icon_Focus_Offset)}.fd-icon-tab-bar__tab.is-focus .fd-icon-tab-bar__container--filter:before,.fd-icon-tab-bar__tab.is-focus .fd-icon-tab-bar__tag:after,.fd-icon-tab-bar__tab:focus .fd-icon-tab-bar__container--filter:before,.fd-icon-tab-bar__tab:focus .fd-icon-tab-bar__tag:after{border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);border-radius:var(--fdIcon_Tab_Bar_Text_Focus_Radius);bottom:0;bottom:var(--fdIcon_Tab_Bar_Focus_Offset);content:\"\";display:block;left:0;left:var(--fdIcon_Tab_Bar_Focus_Offset);position:absolute;right:0;right:var(--fdIcon_Tab_Bar_Focus_Offset);top:0;top:var(--fdIcon_Tab_Bar_Focus_Offset)}.fd-icon-tab-bar__tab-container{-webkit-box-sizing:border-box;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;justify-content:center;line-height:normal;margin:0;padding:0}.fd-icon-tab-bar__tab-container:after,.fd-icon-tab-bar__tab-container:before{box-sizing:inherit;font-size:inherit}.fd-icon-tab-bar__arrow{-webkit-box-sizing:border-box;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:1rem;justify-content:center;line-height:normal;margin:0;margin-left:var(--fdIcon_Tab_Bar_Single_Click_Icon_Container_Padding_Left);margin-right:var(--fdIcon_Tab_Bar_Single_Click_Icon_Container_Padding_Right);padding:0;width:var(--fdIcon_Tab_Bar_Single_Click_Icon_Container_Width)}.fd-icon-tab-bar__arrow:after,.fd-icon-tab-bar__arrow:before{box-sizing:inherit;font-size:inherit}.fd-icon-tab-bar__arrow[dir=rtl],[dir=rtl] .fd-icon-tab-bar__arrow{margin-left:var(--fdIcon_Tab_Bar_Single_Click_Icon_Container_Padding_Right);margin-right:var(--fdIcon_Tab_Bar_Single_Click_Icon_Container_Padding_Left)}.fd-icon-tab-bar__arrow [class*=sap-icon]{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;color:var(--fdIconTabBar_Arrow_Color);display:flex;font-size:1rem;height:1rem;justify-content:center;line-height:1rem;width:1rem}.fd-icon-tab-bar__tag{color:var(--fdIconTabBar_Tag_Color);font-family:var(--fdIcon_Tab_Bar_Label_Font_Family);font-size:var(--sapFontSize);position:relative}.fd-icon-tab-bar__counter{margin-bottom:.125rem}.fd-icon-tab-bar__icon{-webkit-box-sizing:border-box;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background:var(--fdIconTabBar_Icon_Background);border:0;border:var(--fdIcon_Tab_Bar_Icon_Border_Weight) solid var(--fdIconTabBar_Icon_Border_Color);border-radius:50%;box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:var(--fdIconTabBar_Icon_Size);justify-content:center;line-height:normal;margin:0 .188rem;padding:0;position:relative;width:var(--fdIconTabBar_Icon_Size)}.fd-icon-tab-bar__icon:after,.fd-icon-tab-bar__icon:before{box-sizing:inherit;font-size:inherit}.fd-icon-tab-bar__icon [class*=sap-icon],.fd-icon-tab-bar__icon[class*=sap-icon]{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;color:var(--fdIconTabBar_Icon_Color);display:inline-flex;font-size:var(--fdIconTabBar_Icon_Font_Size);justify-content:center}.fd-icon-tab-bar__details{-webkit-box-sizing:border-box;-webkit-box-align:start;-ms-flex-align:start;-webkit-box-pack:end;-ms-flex-pack:end;align-items:flex-start;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:column;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:2.75rem;justify-content:flex-end;line-height:normal;margin:0;max-width:7.5rem;padding:.375rem .25rem .25rem .125rem}.fd-icon-tab-bar__details:after,.fd-icon-tab-bar__details:before{box-sizing:inherit;font-size:inherit}.fd-icon-tab-bar__details[dir=rtl],[dir=rtl] .fd-icon-tab-bar__details{padding-left:.25rem;padding-right:.125rem}.fd-icon-tab-bar__label{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--fdIcon_Tab_Bar_Label_Color);font-family:var(--sapFontFamily);font-family:var(--fdIcon_Tab_Bar_Label_Font_Family);font-size:var(--sapFontSize);font-size:var(--sapFontSmallSize);font-weight:400;forced-color-adjust:none;line-height:normal;line-height:.875rem;margin:0;overflow:hidden;padding:0;text-overflow:ellipsis;white-space:nowrap}.fd-icon-tab-bar__label:after,.fd-icon-tab-bar__label:before{box-sizing:inherit;font-size:inherit}.fd-icon-tab-bar__separator{-webkit-box-sizing:border-box;border:0;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:0;padding:0 .5rem}.fd-icon-tab-bar__separator:after,.fd-icon-tab-bar__separator:before{box-sizing:inherit;font-size:inherit}.fd-icon-tab-bar__separator [class*=sap-icon],.fd-icon-tab-bar__separator[class*=sap-icon]{color:var(--sapContent_NonInteractiveIconColor);font-size:1rem}.fd-icon-tab-bar__separator [class*=sap-icon][dir=rtl],.fd-icon-tab-bar__separator[class*=sap-icon][dir=rtl],[dir=rtl] .fd-icon-tab-bar__separator [class*=sap-icon],[dir=rtl] .fd-icon-tab-bar__separator[class*=sap-icon]{transform:rotate(180deg)}.fd-icon-tab-bar__container{-webkit-box-sizing:border-box;border:0;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:0;padding:0;position:relative}.fd-icon-tab-bar__container:after,.fd-icon-tab-bar__container:before{box-sizing:inherit;font-size:inherit}.fd-icon-tab-bar__container .fd-icon-tab-bar__badge{border:.125rem solid var(--sapObjectHeader_Background);border-radius:50%;height:var(--fdIcon_Tab_Bar_Container_Badge_Size);right:.188rem;top:0;width:var(--fdIcon_Tab_Bar_Container_Badge_Size)}.fd-icon-tab-bar__container .fd-icon-tab-bar__badge[dir=rtl],[dir=rtl] .fd-icon-tab-bar__container .fd-icon-tab-bar__badge{left:.188rem;right:auto}.fd-icon-tab-bar__container .fd-icon-tab-bar__counter{left:2.75rem;position:absolute;top:0}.fd-icon-tab-bar__container .fd-icon-tab-bar__counter[dir=rtl],[dir=rtl] .fd-icon-tab-bar__container .fd-icon-tab-bar__counter{left:auto;right:2.75rem}.fd-icon-tab-bar__container--filter{align-items:center;display:flex;height:2rem}.fd-icon-tab-bar__container--filter:after{background:var(--sapGroup_TitleBorderColor);content:\"\";height:2rem;padding:0;position:absolute;right:-.5625rem;width:.0625rem}.fd-icon-tab-bar__container--filter[dir=rtl]:after,[dir=rtl] .fd-icon-tab-bar__container--filter:after{left:-.5625rem;right:auto}.fd-icon-tab-bar__filter-counter,.fd-icon-tab-bar__filter-label{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_LabelColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:var(--sapFontSmallSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin:0;padding:0}.fd-icon-tab-bar__filter-counter:after,.fd-icon-tab-bar__filter-counter:before,.fd-icon-tab-bar__filter-label:after,.fd-icon-tab-bar__filter-label:before{box-sizing:inherit;font-size:inherit}.fd-icon-tab-bar__filter-counter{font-size:1.5rem;margin-right:.5rem}.fd-icon-tab-bar__filter-counter[dir=rtl],[dir=rtl] .fd-icon-tab-bar__filter-counter{margin-left:.5rem;margin-right:0}.fd-icon-tab-bar__overflow{-webkit-box-sizing:border-box;align-items:center;background:var(--fdIconTabBar_Overflow_Button_Background);border:0;border:.0625rem solid var(--fdIconTabBar_Overflow_Button_Border_Color);border-radius:var(--fdIcon_Tab_Bar_Overflow_Button_Border_Radius);box-sizing:border-box;color:var(--sapTextColor);cursor:pointer;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;gap:.375rem;height:1.5rem;line-height:normal;margin:0;padding:0 .5rem;position:relative}.fd-icon-tab-bar__overflow:after,.fd-icon-tab-bar__overflow:before{box-sizing:inherit;font-size:inherit}.fd-icon-tab-bar__overflow [class*=sap-icon]{color:var(--fdIconTabBar_Overflow_Button_Icon_Color);font-family:var(--sapContent_IconFontFamily);font-size:1rem}.fd-icon-tab-bar__overflow-text{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--fdIconTabBar_Overflow_Button_Text_Color);font-family:var(--sapFontFamily);font-family:var(--fdIcon_Tab_Bar_Overflow_Button_Font_Family);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;line-height:1.5rem;margin:0;padding:0}.fd-icon-tab-bar__overflow-text:after,.fd-icon-tab-bar__overflow-text:before{box-sizing:inherit;font-size:inherit}.fd-icon-tab-bar__overflow.is-hover,.fd-icon-tab-bar__overflow:hover{--fdIconTabBar_Overflow_Button_Background:var(--sapButton_Hover_Background);--fdIconTabBar_Overflow_Button_Border_Color:var(--sapButton_Hover_BorderColor);--fdIconTabBar_Overflow_Button_Text_Color:var(--fdIcon_Tab_Bar_Overflow_Button_Text_Color_Hover);--fdIconTabBar_Overflow_Button_Icon_Color:var(--fdIcon_Tab_Bar_Overflow_Button_Icon_Color_Hover)}.fd-icon-tab-bar__overflow.is-active,.fd-icon-tab-bar__overflow:active{--fdIconTabBar_Overflow_Button_Background:var(--sapButton_Active_Background);--fdIconTabBar_Overflow_Button_Border_Color:var(--sapButton_Active_BorderColor);--fdIconTabBar_Overflow_Button_Text_Color:var(--sapButton_Active_TextColor);--fdIconTabBar_Overflow_Button_Icon_Color:var(--sapButton_Active_TextColor)}.fd-icon-tab-bar__overflow.is-focus,.fd-icon-tab-bar__overflow:focus{outline:none;z-index:5}.fd-icon-tab-bar__overflow.is-focus:after,.fd-icon-tab-bar__overflow:focus:after{border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);border-radius:var(--fdIcon_Tab_Bar_Overflow_Button_Border_Radius);bottom:var(--fdIcon_Tab_Bar_Overflow_Button_Focus_Offset);content:\"\";display:block;left:var(--fdIcon_Tab_Bar_Overflow_Button_Focus_Offset);position:absolute;right:var(--fdIcon_Tab_Bar_Overflow_Button_Focus_Offset);top:var(--fdIcon_Tab_Bar_Overflow_Button_Focus_Offset)}.fd-icon-tab-bar__overflow.is-focus.is-active:after,.fd-icon-tab-bar__overflow.is-focus:active:after,.fd-icon-tab-bar__overflow:focus.is-active:after,.fd-icon-tab-bar__overflow:focus:active:after{border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_ContrastFocusColor)}.fd-icon-tab-bar .fd-icon-tab-bar__popover{position:absolute;right:.188rem;top:0}.fd-icon-tab-bar .fd-icon-tab-bar__popover[dir=rtl],[dir=rtl] .fd-icon-tab-bar .fd-icon-tab-bar__popover{left:.188rem;right:auto}.fd-icon-tab-bar .fd-icon-tab-bar__popover-body{margin-right:-.25rem;margin-top:-.25rem;z-index:10}.fd-icon-tab-bar .fd-icon-tab-bar__popover-body[dir=rtl],[dir=rtl] .fd-icon-tab-bar .fd-icon-tab-bar__popover-body{margin-left:-.25rem;margin-right:0}.fd-icon-tab-bar .fd-icon-tab-bar__popover .fd-icon-tab-bar__button{--fdButtonColor:var(--sapTextColor)}.fd-icon-tab-bar__badge{-webkit-box-sizing:border-box;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-box-sizing:content-box;align-items:center;background:var(--fdIconTabBar_Badge_Background);border:0;border:.0625rem solid var(--sapObjectHeader_Background);border-radius:50%;box-sizing:border-box;box-sizing:content-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:.375rem;justify-content:center;line-height:normal;margin:0;padding:0;position:absolute;right:-.2505rem;top:.75rem;width:.375rem;z-index:5}.fd-icon-tab-bar__badge:after,.fd-icon-tab-bar__badge:before{box-sizing:inherit;font-size:inherit}.fd-icon-tab-bar__badge[dir=rtl],[dir=rtl] .fd-icon-tab-bar__badge{left:-.2505rem;right:auto}.fd-icon-tab-bar__badge--animated{-webkit-transform:scale(0);-webkit-animation-name:pulseAppear,pulseDisappear;-webkit-animation-duration:1.5s,.75s;-webkit-animation-delay:0ms,1.5s;-webkit-animation-timing-function:ease-in,ease-out;-webkit-animation-iteration-count:1,1;animation-delay:0ms,1.5s;animation-duration:1.5s,.75s;animation-iteration-count:1,1;animation-name:pulseAppear,pulseDisappear;animation-timing-function:ease-in,ease-out;transform:scale(0)}.fd-icon-tab-bar__badge--animated:after{-webkit-transform:scale(0);-webkit-animation:pulseAfter 1s ease-in;-webkit-animation-delay:1s;-webkit-animation-iteration-count:1;animation:pulseAfter 1s ease-in;animation-delay:1s;animation-iteration-count:1;background:var(--fdIconTabBar_Badge_Background_After);border-radius:50%;content:\"\";height:.75rem;opacity:0;position:absolute;transform:scale(0);width:.75rem}@keyframes pulseAppear{0%{transform:scale(.25)}64%{transform:scale(1.25)}71%{transform:scale(1)}to{transform:scale(1)}}@keyframes pulseDisappear{0%{transform:scale(1)}to{transform:scale(0)}}@keyframes pulseAfter{0%{-webkit-transform:scale(0);opacity:0;transform:scale(0)}71%{-webkit-transform:scale(1);opacity:.2;transform:scale(1)}80%{-webkit-transform:scale(1.17);opacity:.2;transform:scale(1.17)}86%{-webkit-transform:scale(1.33);opacity:.1;transform:scale(1.33)}93%{-webkit-transform:scale(1.5);opacity:0;transform:scale(1.5)}to{-webkit-transform:scale(0);opacity:0;transform:scale(0)}}.fd-icon-tab-bar__icon-separator{-webkit-box-sizing:border-box;-webkit-box-align:end;-ms-flex-align:end;-webkit-box-pack:center;-ms-flex-pack:center;align-items:flex-end;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:1rem;justify-content:center;line-height:normal;margin:0;padding:0 .5rem}.fd-icon-tab-bar__icon-separator:after,.fd-icon-tab-bar__icon-separator:before{box-sizing:inherit;font-size:inherit}.fd-icon-tab-bar__icon-separator [class*=sap-icon]{color:var(--sapContent_NonInteractiveIconColor);font-size:1rem;height:1rem;line-height:1rem;width:1rem}.fd-icon-tab-bar__icon-separator[dir=rtl] [class*=sap-icon],[dir=rtl] .fd-icon-tab-bar__icon-separator [class*=sap-icon]{transform:rotate(180deg)}.fd-icon-tab-bar__line-separator{-webkit-box-sizing:border-box;border:0;border-bottom:.0625rem solid var(--sapGroup_TitleBorderColor);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:.25rem 0 0;padding:0}.fd-icon-tab-bar__line-separator:after,.fd-icon-tab-bar__line-separator:before{box-sizing:inherit;font-size:inherit}.fd-icon-tab-bar__line-separator:first-child{margin-left:1rem;margin-right:1rem;margin-top:.5rem}.fd-icon-tab-bar__line-separator:first-child[dir=rtl],[dir=rtl] .fd-icon-tab-bar__line-separator:first-child{margin-left:1rem;margin-right:1rem}.fd-icon-tab-bar__list{width:100%}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level=\"1\"]{--fdList_Navigation_Link_Padding_Left:1rem;--fdList_Navigation_Link_Padding_Right:1rem}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level=\"1\"]+.fd-icon-tab-bar__line-separator{margin-left:1.5rem;margin-right:1rem}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level=\"1\"]+.fd-icon-tab-bar__line-separator[dir=rtl],[dir=rtl] .fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level=\"1\"]+.fd-icon-tab-bar__line-separator{margin-left:1rem;margin-right:1.5rem}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level=\"2\"]{--fdList_Navigation_Link_Padding_Left:1.5rem;--fdList_Navigation_Link_Padding_Right:1rem}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level=\"2\"]+.fd-icon-tab-bar__line-separator{margin-left:2rem;margin-right:1rem}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level=\"2\"]+.fd-icon-tab-bar__line-separator[dir=rtl],[dir=rtl] .fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level=\"2\"]+.fd-icon-tab-bar__line-separator{margin-left:1rem;margin-right:2rem}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level=\"3\"]{--fdList_Navigation_Link_Padding_Left:2rem;--fdList_Navigation_Link_Padding_Right:1rem}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level=\"3\"]+.fd-icon-tab-bar__line-separator{margin-left:2.5rem;margin-right:1rem}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level=\"3\"]+.fd-icon-tab-bar__line-separator[dir=rtl],[dir=rtl] .fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level=\"3\"]+.fd-icon-tab-bar__line-separator{margin-left:1rem;margin-right:2.5rem}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level=\"4\"]{--fdList_Navigation_Link_Padding_Left:2.5rem;--fdList_Navigation_Link_Padding_Right:1rem}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level=\"4\"]+.fd-icon-tab-bar__line-separator{margin-left:3rem;margin-right:1rem}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level=\"4\"]+.fd-icon-tab-bar__line-separator[dir=rtl],[dir=rtl] .fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level=\"4\"]+.fd-icon-tab-bar__line-separator{margin-left:1rem;margin-right:3rem}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level=\"5\"]{--fdList_Navigation_Link_Padding_Left:3rem;--fdList_Navigation_Link_Padding_Right:1rem}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level=\"5\"]+.fd-icon-tab-bar__line-separator{margin-left:3.5rem;margin-right:1rem}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level=\"5\"]+.fd-icon-tab-bar__line-separator[dir=rtl],[dir=rtl] .fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level=\"5\"]+.fd-icon-tab-bar__line-separator{margin-left:1rem;margin-right:3.5rem}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level=\"6\"]{--fdList_Navigation_Link_Padding_Left:3.5rem;--fdList_Navigation_Link_Padding_Right:1rem}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level=\"6\"]+.fd-icon-tab-bar__line-separator{margin-left:4rem;margin-right:1rem}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level=\"6\"]+.fd-icon-tab-bar__line-separator[dir=rtl],[dir=rtl] .fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level=\"6\"]+.fd-icon-tab-bar__line-separator{margin-left:1rem;margin-right:4rem}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level=\"7\"]{--fdList_Navigation_Link_Padding_Left:4rem;--fdList_Navigation_Link_Padding_Right:1rem}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level=\"7\"]+.fd-icon-tab-bar__line-separator{margin-left:4.5rem;margin-right:1rem}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level=\"7\"]+.fd-icon-tab-bar__line-separator[dir=rtl],[dir=rtl] .fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level=\"7\"]+.fd-icon-tab-bar__line-separator{margin-left:1rem;margin-right:4.5rem}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level=\"8\"]{--fdList_Navigation_Link_Padding_Left:4.5rem;--fdList_Navigation_Link_Padding_Right:1rem}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level=\"8\"]+.fd-icon-tab-bar__line-separator{margin-left:5rem;margin-right:1rem}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level=\"8\"]+.fd-icon-tab-bar__line-separator[dir=rtl],[dir=rtl] .fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level=\"8\"]+.fd-icon-tab-bar__line-separator{margin-left:1rem;margin-right:5rem}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level=\"9\"]{--fdList_Navigation_Link_Padding_Left:5rem;--fdList_Navigation_Link_Padding_Right:1rem}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level=\"9\"]+.fd-icon-tab-bar__line-separator{margin-left:5.5rem;margin-right:1rem}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level=\"9\"]+.fd-icon-tab-bar__line-separator[dir=rtl],[dir=rtl] .fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level=\"9\"]+.fd-icon-tab-bar__line-separator{margin-left:1rem;margin-right:5.5rem}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level=\"10\"]{--fdList_Navigation_Link_Padding_Left:5.5rem;--fdList_Navigation_Link_Padding_Right:1rem}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level=\"10\"]+.fd-icon-tab-bar__line-separator{margin-left:6rem;margin-right:1rem}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level=\"10\"]+.fd-icon-tab-bar__line-separator[dir=rtl],[dir=rtl] .fd-icon-tab-bar__list .fd-icon-tab-bar__list-item[aria-level=\"10\"]+.fd-icon-tab-bar__line-separator{margin-left:1rem;margin-right:6rem}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item span{flex:0 1 auto}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item .fd-icon-tab-bar__badge{margin-bottom:.625rem;position:static}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item .fd-icon-tab-bar__badge [class*=sap-icon]{margin-right:0}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item .fd-icon-tab-bar__badge [class*=sap-icon][dir=rtl],[dir=rtl] .fd-icon-tab-bar__list .fd-icon-tab-bar__list-item .fd-icon-tab-bar__badge [class*=sap-icon]{margin-left:0;margin-right:0}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item--negative .fd-icon-tab-bar__list-item-counter,.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item--negative .fd-icon-tab-bar__list-item-icon [class*=sap-icon],.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item--negative .fd-icon-tab-bar__list-item-icon[class*=sap-icon],.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item--negative .fd-icon-tab-bar__list-item-title{color:var(--fdIcon_Tab_Bar_Semantic_Color_Negative)}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item--positive .fd-icon-tab-bar__list-item-counter,.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item--positive .fd-icon-tab-bar__list-item-icon [class*=sap-icon],.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item--positive .fd-icon-tab-bar__list-item-icon[class*=sap-icon],.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item--positive .fd-icon-tab-bar__list-item-title{color:var(--fdIcon_Tab_Bar_Semantic_Color_Positive)}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item--critical .fd-icon-tab-bar__list-item-counter,.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item--critical .fd-icon-tab-bar__list-item-icon [class*=sap-icon],.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item--critical .fd-icon-tab-bar__list-item-icon[class*=sap-icon],.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item--critical .fd-icon-tab-bar__list-item-title{color:var(--fdIcon_Tab_Bar_Semantic_Color_Critical)}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item--informative .fd-icon-tab-bar__list-item-counter,.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item--informative .fd-icon-tab-bar__list-item-icon [class*=sap-icon],.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item--informative .fd-icon-tab-bar__list-item-icon[class*=sap-icon],.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item--informative .fd-icon-tab-bar__list-item-title{color:var(--fdIcon_Tab_Bar_Semantic_Color_Informative)}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item--closable .fd-icon-tab-bar__list-link{--fdList_Navigation_Link_Padding_Right:2rem;position:relative}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item--closable .fd-icon-tab-bar__button-container{max-width:2rem;min-width:2rem;position:absolute;right:0;width:2rem;z-index:10}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item--closable .fd-icon-tab-bar__button-container[dir=rtl],[dir=rtl] .fd-icon-tab-bar__list .fd-icon-tab-bar__list-item--closable .fd-icon-tab-bar__button-container{left:0;right:auto}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item--closable .fd-icon-tab-bar__button-container:before{display:none}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item-icon-container{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:flex;justify-content:center;margin-right:.25rem;width:1.25rem}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item-icon-container[dir=rtl],[dir=rtl] .fd-icon-tab-bar__list .fd-icon-tab-bar__list-item-icon-container{margin-left:.25rem;margin-right:0}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-link.is-selected,.fd-icon-tab-bar__list .fd-icon-tab-bar__list-link[aria-selected=true]{border-bottom:none}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-link.is-active .fd-icon-tab-bar__list-item-counter,.fd-icon-tab-bar__list .fd-icon-tab-bar__list-link.is-active .fd-icon-tab-bar__list-item-icon [class*=sap-icon],.fd-icon-tab-bar__list .fd-icon-tab-bar__list-link.is-active .fd-icon-tab-bar__list-item-icon[class*=sap-icon],.fd-icon-tab-bar__list .fd-icon-tab-bar__list-link.is-active .fd-icon-tab-bar__list-item-title,.fd-icon-tab-bar__list .fd-icon-tab-bar__list-link:active .fd-icon-tab-bar__list-item-counter,.fd-icon-tab-bar__list .fd-icon-tab-bar__list-link:active .fd-icon-tab-bar__list-item-icon [class*=sap-icon],.fd-icon-tab-bar__list .fd-icon-tab-bar__list-link:active .fd-icon-tab-bar__list-item-icon[class*=sap-icon],.fd-icon-tab-bar__list .fd-icon-tab-bar__list-link:active .fd-icon-tab-bar__list-item-title{color:var(--sapList_Active_TextColor)}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-link.is-focus,.fd-icon-tab-bar__list .fd-icon-tab-bar__list-link:focus{z-index:5}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-link.is-focus:before,.fd-icon-tab-bar__list .fd-icon-tab-bar__list-link:focus:before{border-radius:.375rem}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-link span{font-size:var(--sapFontSize)}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item-icon [class*=sap-icon],.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item-icon [class*=sap-icon]:last-child{font-size:1rem;margin:0;width:auto}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item-icon [class*=sap-icon]:last-child[dir=rtl],.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item-icon [class*=sap-icon][dir=rtl],[dir=rtl] .fd-icon-tab-bar__list .fd-icon-tab-bar__list-item-icon [class*=sap-icon],[dir=rtl] .fd-icon-tab-bar__list .fd-icon-tab-bar__list-item-icon [class*=sap-icon]:last-child{margin:0}.fd-icon-tab-bar__list .fd-icon-tab-bar__line-separator:first-child{padding-left:1rem;padding-right:1rem}.fd-icon-tab-bar__list .fd-icon-tab-bar__line-separator:first-child:after{margin-top:.75rem}.fd-icon-tab-bar__list .fd-icon-tab-bar__icon-separator:first-child{height:1.5rem;padding-left:1rem;padding-right:1rem}.fd-icon-tab-bar__list[dir=rtl] .fd-icon-tab-bar__list-item-icon,[dir=rtl] .fd-icon-tab-bar__list .fd-icon-tab-bar__list-item-icon{justify-content:center}.fd-icon-tab-bar--transparent .fd-icon-tab-bar__header,.fd-icon-tab-bar--transparent .fd-icon-tab-bar__panel{background:transparent}.fd-icon-tab-bar--translucent .fd-icon-tab-bar__header{background:var(--sapObjectHeader_Background)}.fd-icon-tab-bar--translucent .fd-icon-tab-bar__panel{background:var(--sapGroup_ContentBackground)}.fd-icon-tab-bar[class*=-compact],.fd-icon-tab-bar[class*=-condensed],[class*=-compact] .fd-icon-tab-bar:not([class*=-cozy]),[class*=-condensed] .fd-icon-tab-bar:not([class*=-cozy]){--fdIconTabBar_Icon_Size:2rem;--fdIconTabBar_Icon_Font_Size:1rem;--fdIcon_Tab_Bar_Container_Badge_Size:.375rem}.fd-icon-tab-bar[class*=-compact] .fd-icon-tab-bar__container .fd-icon-tab-bar__counter,.fd-icon-tab-bar[class*=-condensed] .fd-icon-tab-bar__container .fd-icon-tab-bar__counter,[class*=-compact] .fd-icon-tab-bar:not([class*=-cozy]) .fd-icon-tab-bar__container .fd-icon-tab-bar__counter,[class*=-condensed] .fd-icon-tab-bar:not([class*=-cozy]) .fd-icon-tab-bar__container .fd-icon-tab-bar__counter{left:2rem}.fd-icon-tab-bar[class*=-compact] .fd-icon-tab-bar__container .fd-icon-tab-bar__counter[dir=rtl],.fd-icon-tab-bar[class*=-condensed] .fd-icon-tab-bar__container .fd-icon-tab-bar__counter[dir=rtl],[class*=-compact] .fd-icon-tab-bar:not([class*=-cozy]) .fd-icon-tab-bar__container .fd-icon-tab-bar__counter[dir=rtl],[class*=-condensed] .fd-icon-tab-bar:not([class*=-cozy]) .fd-icon-tab-bar__container .fd-icon-tab-bar__counter[dir=rtl],[dir=rtl] .fd-icon-tab-bar[class*=-compact] .fd-icon-tab-bar__container .fd-icon-tab-bar__counter,[dir=rtl] .fd-icon-tab-bar[class*=-condensed] .fd-icon-tab-bar__container .fd-icon-tab-bar__counter,[dir=rtl] [class*=-compact] .fd-icon-tab-bar:not([class*=-cozy]) .fd-icon-tab-bar__container .fd-icon-tab-bar__counter,[dir=rtl] [class*=-condensed] .fd-icon-tab-bar:not([class*=-cozy]) .fd-icon-tab-bar__container .fd-icon-tab-bar__counter{left:auto;right:2rem}.fd-icon-tab-bar--counters .fd-icon-tab-bar__tab{-webkit-box-pack:end;-ms-flex-pack:end;height:3.875rem;justify-content:flex-end}.fd-icon-tab-bar--counters .fd-icon-tab-bar__badge{top:1.9375rem}.fd-icon-tab-bar--icon-only .fd-icon-tab-bar__tab{flex-direction:row;margin-left:.75rem;margin-right:.75rem;padding:1rem 0;position:relative}.fd-icon-tab-bar--icon-only .fd-icon-tab-bar__item{margin-left:.25rem;margin-right:.25rem}.fd-icon-tab-bar--icon-only .fd-icon-tab-bar__item:first-child{margin:0 .25rem 0 0}.fd-icon-tab-bar--icon-only .fd-icon-tab-bar__item:first-child[dir=rtl],[dir=rtl] .fd-icon-tab-bar--icon-only .fd-icon-tab-bar__item:first-child{margin-left:.25rem;margin-right:0}.fd-icon-tab-bar--icon-only .fd-icon-tab-bar__item:first-child .fd-icon-tab-bar__tab{margin-left:0;margin-right:.75rem}.fd-icon-tab-bar--icon-only .fd-icon-tab-bar__item:first-child .fd-icon-tab-bar__tab[dir=rtl],[dir=rtl] .fd-icon-tab-bar--icon-only .fd-icon-tab-bar__item:first-child .fd-icon-tab-bar__tab{margin-left:.75rem;margin-right:0}.fd-icon-tab-bar--icon-only .fd-icon-tab-bar__item--closable .fd-icon-tab-bar__tab{padding-right:2rem}.fd-icon-tab-bar--icon-only .fd-icon-tab-bar__item--closable .fd-icon-tab-bar__tab[dir=rtl],[dir=rtl] .fd-icon-tab-bar--icon-only .fd-icon-tab-bar__item--closable .fd-icon-tab-bar__tab{padding-left:2rem;padding-right:0}.fd-icon-tab-bar--icon-only .fd-icon-tab-bar__item--closable .fd-icon-tab-bar__button-container{right:.75rem}.fd-icon-tab-bar--icon-only .fd-icon-tab-bar__item--closable .fd-icon-tab-bar__button-container[dir=rtl],[dir=rtl] .fd-icon-tab-bar--icon-only .fd-icon-tab-bar__item--closable .fd-icon-tab-bar__button-container{left:.75rem;right:auto}.fd-icon-tab-bar--icon-only .fd-icon-tab-bar__container .fd-icon-tab-bar__badge{right:.2505rem}.fd-icon-tab-bar--icon-only .fd-icon-tab-bar__container .fd-icon-tab-bar__badge[dir=rtl],[dir=rtl] .fd-icon-tab-bar--icon-only .fd-icon-tab-bar__container .fd-icon-tab-bar__badge{left:.2505rem;right:auto}.fd-icon-tab-bar--icon-only .fd-icon-tab-bar__container .fd-icon-tab-bar__counter{left:2.938rem}.fd-icon-tab-bar--icon-only .fd-icon-tab-bar__container .fd-icon-tab-bar__counter[dir=rtl],[dir=rtl] .fd-icon-tab-bar--icon-only .fd-icon-tab-bar__container .fd-icon-tab-bar__counter{left:auto;right:2.938rem}.fd-icon-tab-bar--icon-only[class*=-compact] .fd-icon-tab-bar__container .fd-icon-tab-bar__counter,.fd-icon-tab-bar--icon-only[class*=-condensed] .fd-icon-tab-bar__container .fd-icon-tab-bar__counter,[class*=-compact] .fd-icon-tab-bar--icon-only:not([class*=-cozy]) .fd-icon-tab-bar__container .fd-icon-tab-bar__counter,[class*=-condensed] .fd-icon-tab-bar--icon-only:not([class*=-cozy]) .fd-icon-tab-bar__container .fd-icon-tab-bar__counter{left:2.188rem}.fd-icon-tab-bar--icon-only[class*=-compact] .fd-icon-tab-bar__container .fd-icon-tab-bar__counter[dir=rtl],.fd-icon-tab-bar--icon-only[class*=-condensed] .fd-icon-tab-bar__container .fd-icon-tab-bar__counter[dir=rtl],[class*=-compact] .fd-icon-tab-bar--icon-only:not([class*=-cozy]) .fd-icon-tab-bar__container .fd-icon-tab-bar__counter[dir=rtl],[class*=-condensed] .fd-icon-tab-bar--icon-only:not([class*=-cozy]) .fd-icon-tab-bar__container .fd-icon-tab-bar__counter[dir=rtl],[dir=rtl] .fd-icon-tab-bar--icon-only[class*=-compact] .fd-icon-tab-bar__container .fd-icon-tab-bar__counter,[dir=rtl] .fd-icon-tab-bar--icon-only[class*=-condensed] .fd-icon-tab-bar__container .fd-icon-tab-bar__counter,[dir=rtl] [class*=-compact] .fd-icon-tab-bar--icon-only:not([class*=-cozy]) .fd-icon-tab-bar__container .fd-icon-tab-bar__counter,[dir=rtl] [class*=-condensed] .fd-icon-tab-bar--icon-only:not([class*=-cozy]) .fd-icon-tab-bar__container .fd-icon-tab-bar__counter{left:auto;right:2.188rem}.fd-icon-tab-bar--icon-only[class*=-compact] .fd-icon-tab-bar__container .fd-icon-tab-bar__badge,.fd-icon-tab-bar--icon-only[class*=-condensed] .fd-icon-tab-bar__container .fd-icon-tab-bar__badge,[class*=-compact] .fd-icon-tab-bar--icon-only:not([class*=-cozy]) .fd-icon-tab-bar__container .fd-icon-tab-bar__badge,[class*=-condensed] .fd-icon-tab-bar--icon-only:not([class*=-cozy]) .fd-icon-tab-bar__container .fd-icon-tab-bar__badge{right:.188rem}.fd-icon-tab-bar--icon-only[class*=-compact] .fd-icon-tab-bar__container .fd-icon-tab-bar__badge[dir=rtl],.fd-icon-tab-bar--icon-only[class*=-condensed] .fd-icon-tab-bar__container .fd-icon-tab-bar__badge[dir=rtl],[class*=-compact] .fd-icon-tab-bar--icon-only:not([class*=-cozy]) .fd-icon-tab-bar__container .fd-icon-tab-bar__badge[dir=rtl],[class*=-condensed] .fd-icon-tab-bar--icon-only:not([class*=-cozy]) .fd-icon-tab-bar__container .fd-icon-tab-bar__badge[dir=rtl],[dir=rtl] .fd-icon-tab-bar--icon-only[class*=-compact] .fd-icon-tab-bar__container .fd-icon-tab-bar__badge,[dir=rtl] .fd-icon-tab-bar--icon-only[class*=-condensed] .fd-icon-tab-bar__container .fd-icon-tab-bar__badge,[dir=rtl] [class*=-compact] .fd-icon-tab-bar--icon-only:not([class*=-cozy]) .fd-icon-tab-bar__container .fd-icon-tab-bar__badge,[dir=rtl] [class*=-condensed] .fd-icon-tab-bar--icon-only:not([class*=-cozy]) .fd-icon-tab-bar__container .fd-icon-tab-bar__badge{left:.188rem;right:auto}.fd-icon-tab-bar--icon .fd-icon-tab-bar__item{margin:0}.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--negative .fd-icon-tab-bar__icon:before,.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--negative[dir=rtl] .fd-icon-tab-bar__icon:after,[dir=rtl] .fd-icon-tab-bar--icon .fd-icon-tab-bar__item--negative .fd-icon-tab-bar__icon:after{content:none;margin:0}.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--negative .fd-icon-tab-bar__label:before{color:var(--sapNegativeElementColor);content:\"\\e1ec\";margin-right:.5rem}.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--negative .fd-icon-tab-bar__label[dir=rtl]:before,[dir=rtl] .fd-icon-tab-bar--icon .fd-icon-tab-bar__item--negative .fd-icon-tab-bar__label:before{content:none;margin:0}.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--negative .fd-icon-tab-bar__label[dir=rtl]:after,[dir=rtl] .fd-icon-tab-bar--icon .fd-icon-tab-bar__item--negative .fd-icon-tab-bar__label:after{color:var(--sapNegativeElementColor);content:\"\\e1ec\";margin-left:.5rem}.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--positive .fd-icon-tab-bar__icon:before,.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--positive[dir=rtl] .fd-icon-tab-bar__icon:after,[dir=rtl] .fd-icon-tab-bar--icon .fd-icon-tab-bar__item--positive .fd-icon-tab-bar__icon:after{content:none;margin:0}.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--positive .fd-icon-tab-bar__label:before{color:var(--sapPositiveElementColor);content:\"\\e1c1\";margin-right:.5rem}.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--positive .fd-icon-tab-bar__label[dir=rtl]:before,[dir=rtl] .fd-icon-tab-bar--icon .fd-icon-tab-bar__item--positive .fd-icon-tab-bar__label:before{content:none;margin:0}.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--positive .fd-icon-tab-bar__label[dir=rtl]:after,[dir=rtl] .fd-icon-tab-bar--icon .fd-icon-tab-bar__item--positive .fd-icon-tab-bar__label:after{color:var(--sapPositiveElementColor);content:\"\\e1c1\";margin-left:.5rem}.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--critical .fd-icon-tab-bar__icon:before,.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--critical[dir=rtl] .fd-icon-tab-bar__icon:after,[dir=rtl] .fd-icon-tab-bar--icon .fd-icon-tab-bar__item--critical .fd-icon-tab-bar__icon:after{content:none;margin:0}.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--critical .fd-icon-tab-bar__label:before{color:var(--sapCriticalElementColor);content:\"\\e053\";margin-right:.5rem}.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--critical .fd-icon-tab-bar__label[dir=rtl]:before,[dir=rtl] .fd-icon-tab-bar--icon .fd-icon-tab-bar__item--critical .fd-icon-tab-bar__label:before{content:none;margin:0}.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--critical .fd-icon-tab-bar__label[dir=rtl]:after,[dir=rtl] .fd-icon-tab-bar--icon .fd-icon-tab-bar__item--critical .fd-icon-tab-bar__label:after{color:var(--sapCriticalElementColor);content:\"\\e053\";margin-left:.5rem}.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--informative .fd-icon-tab-bar__icon:before,.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--informative[dir=rtl] .fd-icon-tab-bar__icon:after,[dir=rtl] .fd-icon-tab-bar--icon .fd-icon-tab-bar__item--informative .fd-icon-tab-bar__icon:after{content:none;margin:0}.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--informative .fd-icon-tab-bar__label:before{color:var(--sapInformativeElementColor);content:\"\\e289\";margin-right:.5rem}.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--informative .fd-icon-tab-bar__label[dir=rtl]:before,[dir=rtl] .fd-icon-tab-bar--icon .fd-icon-tab-bar__item--informative .fd-icon-tab-bar__label:before{content:none;margin:0}.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--informative .fd-icon-tab-bar__label[dir=rtl]:after,[dir=rtl] .fd-icon-tab-bar--icon .fd-icon-tab-bar__item--informative .fd-icon-tab-bar__label:after{color:var(--sapInformativeElementColor);content:\"\\e289\";margin-left:.5rem}.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--closable .fd-icon-tab-bar__tab{padding-right:2rem}.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--closable .fd-icon-tab-bar__tab[dir=rtl],[dir=rtl] .fd-icon-tab-bar--icon .fd-icon-tab-bar__item--closable .fd-icon-tab-bar__tab{padding-left:2rem;padding-right:0}.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--closable .fd-icon-tab-bar__button-container{right:0}.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--closable .fd-icon-tab-bar__button-container[dir=rtl],[dir=rtl] .fd-icon-tab-bar--icon .fd-icon-tab-bar__item--closable .fd-icon-tab-bar__button-container{left:0;right:auto}.fd-icon-tab-bar--icon .fd-icon-tab-bar__tab{flex-direction:row;padding:1rem 0}.fd-icon-tab-bar--icon .fd-icon-tab-bar__tab:after{width:3.126rem}.fd-icon-tab-bar--icon .fd-icon-tab-bar__counter{font-size:var(--sapFontSmallSize);line-height:.875rem;margin-bottom:0}.fd-icon-tab-bar--icon .fd-icon-tab-bar__counter+.fd-icon-tab-bar__label{margin-top:.375rem}.fd-icon-tab-bar--icon[class*=-compact] .fd-icon-tab-bar__details,.fd-icon-tab-bar--icon[class*=-condensed] .fd-icon-tab-bar__details,[class*=-compact] .fd-icon-tab-bar--icon:not([class*=-cozy]) .fd-icon-tab-bar__details,[class*=-condensed] .fd-icon-tab-bar--icon:not([class*=-cozy]) .fd-icon-tab-bar__details{height:2rem;padding-bottom:0;padding-top:0}.fd-icon-tab-bar--icon[class*=-compact] .fd-icon-tab-bar__tab:after,.fd-icon-tab-bar--icon[class*=-condensed] .fd-icon-tab-bar__tab:after,[class*=-compact] .fd-icon-tab-bar--icon:not([class*=-cozy]) .fd-icon-tab-bar__tab:after,[class*=-condensed] .fd-icon-tab-bar--icon:not([class*=-cozy]) .fd-icon-tab-bar__tab:after{width:2.376rem}.fd-icon-tab-bar--icon[class*=-compact] .fd-icon-tab-bar__counter+.fd-icon-tab-bar__label,.fd-icon-tab-bar--icon[class*=-condensed] .fd-icon-tab-bar__counter+.fd-icon-tab-bar__label,[class*=-compact] .fd-icon-tab-bar--icon:not([class*=-cozy]) .fd-icon-tab-bar__counter+.fd-icon-tab-bar__label,[class*=-condensed] .fd-icon-tab-bar--icon:not([class*=-cozy]) .fd-icon-tab-bar__counter+.fd-icon-tab-bar__label{margin-top:.25rem}.fd-icon-tab-bar--process .fd-icon-tab-bar__item{margin-left:0;margin-right:0}.fd-icon-tab-bar--filter .fd-icon-tab-bar__item{margin-left:.25rem;margin-right:.25rem}.fd-icon-tab-bar--filter .fd-icon-tab-bar__item:first-child{margin-left:0;margin-right:1.063rem}.fd-icon-tab-bar--filter .fd-icon-tab-bar__item:first-child[dir=rtl],[dir=rtl] .fd-icon-tab-bar--filter .fd-icon-tab-bar__item:first-child{margin-left:1.063rem;margin-right:0}.fd-icon-tab-bar--filter .fd-icon-tab-bar__item:first-child .fd-icon-tab-bar__tab{padding-bottom:1.875rem;padding-top:1.625rem;position:relative}.fd-icon-tab-bar--filter .fd-icon-tab-bar__item:nth-child(2){margin:0 .25rem 0 0}.fd-icon-tab-bar--filter .fd-icon-tab-bar__item:nth-child(2)[dir=rtl],[dir=rtl] .fd-icon-tab-bar--filter .fd-icon-tab-bar__item:nth-child(2){margin-left:.25rem;margin-right:0}.fd-icon-tab-bar--filter .fd-icon-tab-bar__tab{align-items:center;margin-left:0;margin-right:0;padding:.875rem .188rem .625rem;position:relative}.fd-icon-tab-bar--filter .fd-icon-tab-bar__icon{margin-left:0;margin-right:0}.fd-icon-tab-bar--filter .fd-icon-tab-bar__label{margin-top:.375rem;text-align:center;width:5rem}.fd-icon-tab-bar--filter[class*=-compact] .fd-icon-tab-bar__item:first-child .fd-icon-tab-bar__tab,.fd-icon-tab-bar--filter[class*=-condensed] .fd-icon-tab-bar__item:first-child .fd-icon-tab-bar__tab,[class*=-compact] .fd-icon-tab-bar--filter:not([class*=-cozy]) .fd-icon-tab-bar__item:first-child .fd-icon-tab-bar__tab,[class*=-condensed] .fd-icon-tab-bar--filter:not([class*=-cozy]) .fd-icon-tab-bar__item:first-child .fd-icon-tab-bar__tab{padding-bottom:1.375rem;padding-top:1.375rem}.fd-icon-tab-bar--filter[class*=-compact] .fd-icon-tab-bar__badge,.fd-icon-tab-bar--filter[class*=-condensed] .fd-icon-tab-bar__badge,[class*=-compact] .fd-icon-tab-bar--filter:not([class*=-cozy]) .fd-icon-tab-bar__badge,[class*=-condensed] .fd-icon-tab-bar--filter:not([class*=-cozy]) .fd-icon-tab-bar__badge{right:.063rem}.fd-icon-tab-bar--filter[class*=-compact] .fd-icon-tab-bar__badge[dir=rtl],.fd-icon-tab-bar--filter[class*=-condensed] .fd-icon-tab-bar__badge[dir=rtl],[class*=-compact] .fd-icon-tab-bar--filter:not([class*=-cozy]) .fd-icon-tab-bar__badge[dir=rtl],[class*=-condensed] .fd-icon-tab-bar--filter:not([class*=-cozy]) .fd-icon-tab-bar__badge[dir=rtl],[dir=rtl] .fd-icon-tab-bar--filter[class*=-compact] .fd-icon-tab-bar__badge,[dir=rtl] .fd-icon-tab-bar--filter[class*=-condensed] .fd-icon-tab-bar__badge,[dir=rtl] [class*=-compact] .fd-icon-tab-bar--filter:not([class*=-cozy]) .fd-icon-tab-bar__badge,[dir=rtl] [class*=-condensed] .fd-icon-tab-bar--filter:not([class*=-cozy]) .fd-icon-tab-bar__badge{left:.063rem;right:auto}.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__header{-webkit-box-shadow:var(--sapShell_Shadow);background:var(--sapShell_Navigation_Background);box-shadow:var(--sapShell_Shadow)}.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__item{color:var(--sapShell_Navigation_TextColor)}.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__tab [class*=sap-icon]{color:var(--sapShell_Navigation_TextColor);font-size:1rem;height:1rem;line-height:1;margin-right:.5rem}.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__tab [class*=sap-icon][dir=rtl],[dir=rtl] .fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__tab [class*=sap-icon]{margin-left:.5rem;margin-right:0}.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__tab .fd-icon-tab-bar__tag{color:var(--sapShell_Navigation_TextColor)}.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__tab.is-selected .fd-icon-tab-bar__tag,.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__tab.is-selected [class*=sap-icon],.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__tab[aria-selected=true] .fd-icon-tab-bar__tag,.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__tab[aria-selected=true] [class*=sap-icon]{color:var(--sapShell_Navigation_Selected_TextColor)}.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__tab.is-selected:after,.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__tab[aria-selected=true]:after{background:var(--sapShell_Navigation_SelectedColor)}.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__tab.is-selected+.fd-icon-tab-bar__popover .fd-icon-tab-bar__button,.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__tab[aria-selected=true]+.fd-icon-tab-bar__popover .fd-icon-tab-bar__button{--fdButtonColor:var(--fdIconTabBar_Button_Shell_Color_Active)}.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__tab.is-hover .fd-icon-tab-bar__tag,.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__tab.is-hover [class*=sap-icon],.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__tab:hover .fd-icon-tab-bar__tag,.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__tab:hover [class*=sap-icon]{color:var(--sapShell_Navigation_Selected_TextColor)}.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__tab.is-focus,.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__tab:focus{z-index:5}.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__tab.is-focus .fd-icon-tab-bar__tag:after,.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__tab:focus .fd-icon-tab-bar__tag:after{border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapShell_Navigation_TextColor);bottom:0;bottom:var(--fdIcon_Tab_Bar_Focus_Offset);content:\"\";display:block;left:0;left:var(--fdIcon_Tab_Bar_Focus_Offset);position:absolute;right:0;right:var(--fdIcon_Tab_Bar_Focus_Offset);top:0;top:var(--fdIcon_Tab_Bar_Focus_Offset)}.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__tab.is-focus .fd-icon-tab-bar__tab-container,.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__tab:focus .fd-icon-tab-bar__tab-container{position:relative}.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__tab.is-focus .fd-icon-tab-bar__tab-container .fd-icon-tab-bar__tag,.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__tab:focus .fd-icon-tab-bar__tab-container .fd-icon-tab-bar__tag{outline:none}.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__tab.is-focus .fd-icon-tab-bar__tab-container .fd-icon-tab-bar__tag:after,.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__tab:focus .fd-icon-tab-bar__tab-container .fd-icon-tab-bar__tag:after{border:none}.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__tab.is-focus .fd-icon-tab-bar__tab-container:after,.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__tab:focus .fd-icon-tab-bar__tab-container:after{border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapShell_Navigation_TextColor);bottom:0;bottom:var(--fdIcon_Tab_Bar_Focus_Offset);content:\"\";display:block;left:0;left:var(--fdIcon_Tab_Bar_Focus_Offset);position:absolute;right:0;right:var(--fdIcon_Tab_Bar_Focus_Offset);top:0;top:var(--fdIcon_Tab_Bar_Focus_Offset)}.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__tab .fd-icon-tab-bar__arrow [class*=sap-icon]{margin:0}.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__overflow{--fdIconTabBar_Overflow_Button_Background:var(--fdIconTabBar_Overflow_Button_Shell_Background);--fdIconTabBar_Overflow_Button_Border_Color:var(--fdIconTabBar_Overflow_Button_Shell_Border_Color);--fdIconTabBar_Overflow_Button_Text_Color:var(--fdIconTabBar_Overflow_Button_Shell_Text_Color);--fdIconTabBar_Overflow_Button_Icon_Color:var(--fdIconTabBar_Overflow_Button_Shell_Icon_Color)}.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__overflow.is-hover,.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__overflow:hover{--fdIconTabBar_Overflow_Button_Background:var(--fdIconTabBar_Overflow_Button_Shell_Background_Hover);--fdIconTabBar_Overflow_Button_Border_Color:var( --fdIconTabBar_Overflow_Button_Shell_Border_Color_Hover );--fdIconTabBar_Overflow_Button_Text_Color:var(--fdIconTabBar_Overflow_Button_Shell_Text_Color_Hover);--fdIconTabBar_Overflow_Button_Icon_Color:var(--fdIconTabBar_Overflow_Button_Shell_Icon_Color_Hover)}.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__overflow.is-active,.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__overflow:active{--fdIconTabBar_Overflow_Button_Background:var(--fdIconTabBar_Overflow_Button_Shell_Background_Active);--fdIconTabBar_Overflow_Button_Border_Color:var( --fdIconTabBar_Overflow_Button_Shell_Border_Color_Active );--fdIconTabBar_Overflow_Button_Text_Color:var(--fdIconTabBar_Overflow_Button_Shell_Text_Color_Active);--fdIconTabBar_Overflow_Button_Icon_Color:var(--fdIconTabBar_Overflow_Button_Shell_Icon_Color_Active)}.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__overflow.is-focus,.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__overflow:focus{z-index:5}.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__overflow.is-focus:after,.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__overflow:focus:after{border-color:var(--fdIconTabBar_Overflow_Button_Shell_Focus_Color)}.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__button{--fdButtonColor:var(--fdIconTabBar_Button_Shell_Color)}.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__button.is-hover,.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__button:hover{--fdButtonColor:var(--fdIconTabBar_Button_Shell_Color_Hover);--fdButtonBorderColor:var(--fdIconTabBar_Button_Shell_Background_Color_Hover);--fdButtonBackgroundColor:var(--fdIconTabBar_Button_Shell_Background_Color_Hover)}.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__button.is-active,.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__button:active{--fdButtonColor:var(--fdIconTabBar_Button_Shell_Color_Active);--fdButtonBackgroundColor:var(--fdIconTabBar_Button_Shell_Background_Color_Active);--fdButtonBorderColor:var(--fdIconTabBar_Button_Shell_Background_Color_Active)}.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__button.is-focus,.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__button:focus{--fdButtonColor:var(--fdIconTabBar_Button_Shell_Color_Active);--fdButtonBackgroundColor:var(--sapShell_Navigation_Background);--fdButtonBorderColor:var(--sapShell_Navigation_Background);z-index:5}.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__button.is-focus:after,.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__button:focus:after{border-color:var(--fdIconTabBar_Button_Shell_Focus_Color)}.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__button.is-selected,.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__button[aria-selected=true]{--fdButtonColor:var(--fdIconTabBar_Button_Shell_Color_Active);--fdButtonBackgroundColor:var(--fdIconTabBar_Button_Shell_Background_Color_Selected);--fdButtonBorderColor:var(--fdIconTabBar_Button_Shell_Background_Color_Selected)}.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__button.is-selected.is-hover,.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__button.is-selected:hover,.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__button[aria-selected=true].is-hover,.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__button[aria-selected=true]:hover{--fdButtonColor:var(--fdIconTabBar_Button_Shell_Color_Hover);--fdButtonBorderColor:transparent;--fdButtonBackgroundColor:var(--fdIconTabBar_Button_Shell_Background_Color_Hover)}.fd-icon-tab-bar.fd-icon-tab-bar--navigation-flat .fd-icon-tab-bar__header{background:var(--sapShellColor)}.fd-icon-tab-bar.fd-icon-tab-bar--navigation-flat .fd-icon-tab-bar__item--with-separator{margin-right:2rem;position:relative}.fd-icon-tab-bar.fd-icon-tab-bar--navigation-flat .fd-icon-tab-bar__item--with-separator[dir=rtl],[dir=rtl] .fd-icon-tab-bar.fd-icon-tab-bar--navigation-flat .fd-icon-tab-bar__item--with-separator{margin-left:2rem;margin-right:0}.fd-icon-tab-bar.fd-icon-tab-bar--navigation-flat .fd-icon-tab-bar__item--with-separator:after{background:var(--sapShell_InteractiveBorderColor);content:\"\";height:1.5rem;position:absolute;right:-1rem;width:.063rem}.fd-icon-tab-bar.fd-icon-tab-bar--navigation-flat .fd-icon-tab-bar__item--with-separator[dir=rtl]:after,[dir=rtl] .fd-icon-tab-bar.fd-icon-tab-bar--navigation-flat .fd-icon-tab-bar__item--with-separator:after{left:-1rem;right:auto}.fd-icon-tab-bar--navigation-horizontal .fd-icon-tab-bar__header{box-shadow:none}.fd-icon-tab-bar--navigation-horizontal .fd-icon-tab-bar__tab{padding-bottom:1rem;padding-top:.75rem}.fd-icon-tab-bar--navigation-horizontal .fd-icon-tab-bar__tab.is-selected:after,.fd-icon-tab-bar--navigation-horizontal .fd-icon-tab-bar__tab[aria-selected=true]:after{border-radius:.125rem;margin-bottom:.188rem}.fd-icon-tab-bar--navigation-horizontal .fd-icon-tab-bar__button-container{align-items:normal}.fd-icon-tab-bar--navigation-horizontal .fd-icon-tab-bar__button-container .fd-icon-tab-bar__button{margin-top:.5rem}.fd-icon-tab-bar--sm .fd-icon-tab-bar__header{padding:0 1rem}.fd-icon-tab-bar--lg .fd-icon-tab-bar__header,.fd-icon-tab-bar--md .fd-icon-tab-bar__header{padding:0 2rem}.fd-icon-tab-bar--xl .fd-icon-tab-bar__header,.fd-icon-tab-bar--xxl .fd-icon-tab-bar__header{padding:0 3rem}.fd-icon-tab-bar--responsive-paddings .fd-icon-tab-bar__header{padding-bottom:0;padding-top:0}@media (max-width: 599px){.fd-icon-tab-bar--responsive-paddings .fd-icon-tab-bar__header{padding-left:1rem;padding-right:1rem}}@media (min-width: 600px) and (max-width: 1023px){.fd-icon-tab-bar--responsive-paddings .fd-icon-tab-bar__header{padding-left:2rem;padding-right:2rem}}@media (min-width: 1024px) and (max-width: 1439px){.fd-icon-tab-bar--responsive-paddings .fd-icon-tab-bar__header{padding-left:2rem;padding-right:2rem}}@media (min-width: 1440px){.fd-icon-tab-bar--responsive-paddings .fd-icon-tab-bar__header{padding-left:3rem;padding-right:3rem}}.fd-icon-tab-bar .fd-icon-tab-bar__item--overflow,.fd-icon-tab-bar--filter .fd-icon-tab-bar__item--overflow,.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--overflow,.fd-icon-tab-bar--icon-only .fd-icon-tab-bar__item--overflow,.fd-icon-tab-bar--navigation .fd-icon-tab-bar__item--overflow,.fd-icon-tab-bar--navigation-flat .fd-icon-tab-bar__item--overflow,.fd-icon-tab-bar--process .fd-icon-tab-bar__item--overflow{margin:0}.fd-icon-tab-bar .fd-icon-tab-bar__item--overflow:last-of-type,.fd-icon-tab-bar--filter .fd-icon-tab-bar__item--overflow:last-of-type,.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--overflow:last-of-type,.fd-icon-tab-bar--icon-only .fd-icon-tab-bar__item--overflow:last-of-type,.fd-icon-tab-bar--navigation .fd-icon-tab-bar__item--overflow:last-of-type,.fd-icon-tab-bar--navigation-flat .fd-icon-tab-bar__item--overflow:last-of-type,.fd-icon-tab-bar--process .fd-icon-tab-bar__item--overflow:last-of-type{margin-left:auto}.fd-icon-tab-bar .fd-icon-tab-bar__item--overflow:last-of-type[dir=rtl],.fd-icon-tab-bar--filter .fd-icon-tab-bar__item--overflow:last-of-type[dir=rtl],.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--overflow:last-of-type[dir=rtl],.fd-icon-tab-bar--icon-only .fd-icon-tab-bar__item--overflow:last-of-type[dir=rtl],.fd-icon-tab-bar--navigation .fd-icon-tab-bar__item--overflow:last-of-type[dir=rtl],.fd-icon-tab-bar--navigation-flat .fd-icon-tab-bar__item--overflow:last-of-type[dir=rtl],.fd-icon-tab-bar--process .fd-icon-tab-bar__item--overflow:last-of-type[dir=rtl],[dir=rtl] .fd-icon-tab-bar .fd-icon-tab-bar__item--overflow:last-of-type,[dir=rtl] .fd-icon-tab-bar--filter .fd-icon-tab-bar__item--overflow:last-of-type,[dir=rtl] .fd-icon-tab-bar--icon .fd-icon-tab-bar__item--overflow:last-of-type,[dir=rtl] .fd-icon-tab-bar--icon-only .fd-icon-tab-bar__item--overflow:last-of-type,[dir=rtl] .fd-icon-tab-bar--navigation .fd-icon-tab-bar__item--overflow:last-of-type,[dir=rtl] .fd-icon-tab-bar--navigation-flat .fd-icon-tab-bar__item--overflow:last-of-type,[dir=rtl] .fd-icon-tab-bar--process .fd-icon-tab-bar__item--overflow:last-of-type{margin-left:0;margin-right:auto}.fd-icon-tab-bar .fd-icon-tab-bar__item--overflow .fd-icon-tab-bar__popover,.fd-icon-tab-bar--filter .fd-icon-tab-bar__item--overflow .fd-icon-tab-bar__popover,.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--overflow .fd-icon-tab-bar__popover,.fd-icon-tab-bar--icon-only .fd-icon-tab-bar__item--overflow .fd-icon-tab-bar__popover,.fd-icon-tab-bar--navigation .fd-icon-tab-bar__item--overflow .fd-icon-tab-bar__popover,.fd-icon-tab-bar--navigation-flat .fd-icon-tab-bar__item--overflow .fd-icon-tab-bar__popover,.fd-icon-tab-bar--process .fd-icon-tab-bar__item--overflow .fd-icon-tab-bar__popover{position:relative}.fd-icon-tab-bar .fd-icon-tab-bar__item--overflow .fd-icon-tab-bar__popover-body,.fd-icon-tab-bar--filter .fd-icon-tab-bar__item--overflow .fd-icon-tab-bar__popover-body,.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--overflow .fd-icon-tab-bar__popover-body,.fd-icon-tab-bar--icon-only .fd-icon-tab-bar__item--overflow .fd-icon-tab-bar__popover-body,.fd-icon-tab-bar--navigation .fd-icon-tab-bar__item--overflow .fd-icon-tab-bar__popover-body,.fd-icon-tab-bar--navigation-flat .fd-icon-tab-bar__item--overflow .fd-icon-tab-bar__popover-body,.fd-icon-tab-bar--process .fd-icon-tab-bar__item--overflow .fd-icon-tab-bar__popover-body{margin-right:-.25rem;margin-top:.375rem}.fd-icon-tab-bar .fd-icon-tab-bar__item--overflow .fd-icon-tab-bar__popover-body[dir=rtl],.fd-icon-tab-bar--filter .fd-icon-tab-bar__item--overflow .fd-icon-tab-bar__popover-body[dir=rtl],.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--overflow .fd-icon-tab-bar__popover-body[dir=rtl],.fd-icon-tab-bar--icon-only .fd-icon-tab-bar__item--overflow .fd-icon-tab-bar__popover-body[dir=rtl],.fd-icon-tab-bar--navigation .fd-icon-tab-bar__item--overflow .fd-icon-tab-bar__popover-body[dir=rtl],.fd-icon-tab-bar--navigation-flat .fd-icon-tab-bar__item--overflow .fd-icon-tab-bar__popover-body[dir=rtl],.fd-icon-tab-bar--process .fd-icon-tab-bar__item--overflow .fd-icon-tab-bar__popover-body[dir=rtl],[dir=rtl] .fd-icon-tab-bar .fd-icon-tab-bar__item--overflow .fd-icon-tab-bar__popover-body,[dir=rtl] .fd-icon-tab-bar--filter .fd-icon-tab-bar__item--overflow .fd-icon-tab-bar__popover-body,[dir=rtl] .fd-icon-tab-bar--icon .fd-icon-tab-bar__item--overflow .fd-icon-tab-bar__popover-body,[dir=rtl] .fd-icon-tab-bar--icon-only .fd-icon-tab-bar__item--overflow .fd-icon-tab-bar__popover-body,[dir=rtl] .fd-icon-tab-bar--navigation .fd-icon-tab-bar__item--overflow .fd-icon-tab-bar__popover-body,[dir=rtl] .fd-icon-tab-bar--navigation-flat .fd-icon-tab-bar__item--overflow .fd-icon-tab-bar__popover-body,[dir=rtl] .fd-icon-tab-bar--process .fd-icon-tab-bar__item--overflow .fd-icon-tab-bar__popover-body{margin-left:-.25rem;margin-right:0}/*!\n * Fundamental Library Styles v0.33.2\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 */.fd-list{-webkit-box-sizing:border-box;border:0;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;list-style:none;margin:0;padding:0;position:relative;width:100%}.fd-list:after,.fd-list:before{box-sizing:inherit;font-size:inherit}.fd-list__footer,.fd-list__group-header,.fd-list__item{-webkit-box-sizing:border-box;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin:0;padding:0 .9375rem}.fd-list__footer:after,.fd-list__footer:before,.fd-list__group-header:after,.fd-list__group-header:before,.fd-list__item:after,.fd-list__item:before{box-sizing:inherit;font-size:inherit}.fd-list__item{background:var(--fdList_Item_Background_Color);border-bottom:var(--sapList_BorderWidth) solid var(--fdList_Item_Border_Color);height:var(--fdList_Item_Height);position:relative}.fd-list__item.is-focus,.fd-list__item:focus{outline:none;pointer-events:all}.fd-list__item.is-focus:before,.fd-list__item:focus:before{border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);bottom:.125rem;content:\"\";display:block;inset:.125rem .125rem .0625rem;pointer-events:none;position:absolute}.fd-list__item.is-focus.is-active:before,.fd-list__item.is-focus:active:before,.fd-list__item:focus.is-active:before,.fd-list__item:focus:active:before{border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdList_Active_Outline_Color)}.fd-list__item--unread .fd-list__title{font-weight:700}.fd-list__item--no-data .fd-list__title{text-align:center}.fd-list__item--interactive.is-hover,.fd-list__item--interactive:hover,.fd-list__item--interractive.is-hover,.fd-list__item--interractive:hover{--fdList_Item_Background_Color:var(--sapList_Hover_Background);--fdList_Item_Text_Color:var(--sapList_TextColor);--fdList_Item_Border_Color:var(--sapList_BorderColor)}.fd-list__item--interactive.is-selected,.fd-list__item--interactive[aria-selected=true],.fd-list__item--interractive.is-selected,.fd-list__item--interractive[aria-selected=true]{--fdList_Item_Background_Color:var(--sapList_SelectionBackgroundColor);--fdList_Item_Text_Color:var(--sapList_TextColor);--fdList_Item_Border_Color:var(--sapList_SelectionBorderColor)}.fd-list__item--interactive.is-selected .fd-list__link,.fd-list__item--interactive[aria-selected=true] .fd-list__link,.fd-list__item--interractive.is-selected .fd-list__link,.fd-list__item--interractive[aria-selected=true] .fd-list__link{background:inherit}.fd-list__item--interactive.is-selected .fd-list__link.is-active,.fd-list__item--interactive.is-selected .fd-list__link:active,.fd-list__item--interactive[aria-selected=true] .fd-list__link.is-active,.fd-list__item--interactive[aria-selected=true] .fd-list__link:active,.fd-list__item--interractive.is-selected .fd-list__link.is-active,.fd-list__item--interractive.is-selected .fd-list__link:active,.fd-list__item--interractive[aria-selected=true] .fd-list__link.is-active,.fd-list__item--interractive[aria-selected=true] .fd-list__link:active{--fdList_Item_Background_Color:var(--sapList_Active_Background)}.fd-list__item--interactive.is-selected.is-hover,.fd-list__item--interactive.is-selected:hover,.fd-list__item--interactive[aria-selected=true].is-hover,.fd-list__item--interactive[aria-selected=true]:hover,.fd-list__item--interractive.is-selected.is-hover,.fd-list__item--interractive.is-selected:hover,.fd-list__item--interractive[aria-selected=true].is-hover,.fd-list__item--interractive[aria-selected=true]:hover{--fdList_Item_Background_Color:var(--sapList_Hover_SelectionBackground)}.fd-list__item--interactive.is-active,.fd-list__item--interactive.is-active.is-hover,.fd-list__item--interactive.is-active.is-selected,.fd-list__item--interactive.is-active.is-selected.is-hover,.fd-list__item--interactive.is-active.is-selected:hover,.fd-list__item--interactive.is-active:hover,.fd-list__item--interactive.is-active[aria-selected=true],.fd-list__item--interactive.is-active[aria-selected=true].is-hover,.fd-list__item--interactive.is-active[aria-selected=true]:hover,.fd-list__item--interactive:active,.fd-list__item--interactive:active.is-hover,.fd-list__item--interactive:active.is-selected,.fd-list__item--interactive:active.is-selected.is-hover,.fd-list__item--interactive:active.is-selected:hover,.fd-list__item--interactive:active:hover,.fd-list__item--interactive:active[aria-selected=true],.fd-list__item--interactive:active[aria-selected=true].is-hover,.fd-list__item--interactive:active[aria-selected=true]:hover,.fd-list__item--interractive.is-active,.fd-list__item--interractive.is-active.is-hover,.fd-list__item--interractive.is-active.is-selected,.fd-list__item--interractive.is-active.is-selected.is-hover,.fd-list__item--interractive.is-active.is-selected:hover,.fd-list__item--interractive.is-active:hover,.fd-list__item--interractive.is-active[aria-selected=true],.fd-list__item--interractive.is-active[aria-selected=true].is-hover,.fd-list__item--interractive.is-active[aria-selected=true]:hover,.fd-list__item--interractive:active,.fd-list__item--interractive:active.is-hover,.fd-list__item--interractive:active.is-selected,.fd-list__item--interractive:active.is-selected.is-hover,.fd-list__item--interractive:active.is-selected:hover,.fd-list__item--interractive:active:hover,.fd-list__item--interractive:active[aria-selected=true],.fd-list__item--interractive:active[aria-selected=true].is-hover,.fd-list__item--interractive:active[aria-selected=true]:hover{--fdList_Item_Background_Color:var(--sapList_Active_Background);--fdList_Item_Text_Color:var(--sapList_Active_TextColor);--fdList_Item_Border_Color:var(--sapList_Active_Background)}.fd-list__item--interactive.is-active,.fd-list__item--interactive.is-active .fd-list__byline,.fd-list__item--interactive.is-active .fd-list__byline-left,.fd-list__item--interactive.is-active .fd-list__byline-right,.fd-list__item--interactive.is-active .fd-list__byline-right--critical,.fd-list__item--interactive.is-active .fd-list__byline-right--informative,.fd-list__item--interactive.is-active .fd-list__byline-right--negative,.fd-list__item--interactive.is-active .fd-list__byline-right--neutral,.fd-list__item--interactive.is-active .fd-list__byline-right--positive,.fd-list__item--interactive.is-active .fd-list__content,.fd-list__item--interactive.is-active .fd-list__icon,.fd-list__item--interactive.is-active .fd-list__secondary,.fd-list__item--interactive.is-active .fd-list__thumbnail,.fd-list__item--interactive.is-active .fd-list__title,.fd-list__item--interactive.is-active.fd-list__link--navigation-indicator:after,.fd-list__item--interactive:active,.fd-list__item--interactive:active .fd-list__byline,.fd-list__item--interactive:active .fd-list__byline-left,.fd-list__item--interactive:active .fd-list__byline-right,.fd-list__item--interactive:active .fd-list__byline-right--critical,.fd-list__item--interactive:active .fd-list__byline-right--informative,.fd-list__item--interactive:active .fd-list__byline-right--negative,.fd-list__item--interactive:active .fd-list__byline-right--neutral,.fd-list__item--interactive:active .fd-list__byline-right--positive,.fd-list__item--interactive:active .fd-list__content,.fd-list__item--interactive:active .fd-list__icon,.fd-list__item--interactive:active .fd-list__secondary,.fd-list__item--interactive:active .fd-list__thumbnail,.fd-list__item--interactive:active .fd-list__title,.fd-list__item--interactive:active.fd-list__link--navigation-indicator:after,.fd-list__item--interractive.is-active,.fd-list__item--interractive.is-active .fd-list__byline,.fd-list__item--interractive.is-active .fd-list__byline-left,.fd-list__item--interractive.is-active .fd-list__byline-right,.fd-list__item--interractive.is-active .fd-list__byline-right--critical,.fd-list__item--interractive.is-active .fd-list__byline-right--informative,.fd-list__item--interractive.is-active .fd-list__byline-right--negative,.fd-list__item--interractive.is-active .fd-list__byline-right--neutral,.fd-list__item--interractive.is-active .fd-list__byline-right--positive,.fd-list__item--interractive.is-active .fd-list__content,.fd-list__item--interractive.is-active .fd-list__icon,.fd-list__item--interractive.is-active .fd-list__secondary,.fd-list__item--interractive.is-active .fd-list__thumbnail,.fd-list__item--interractive.is-active .fd-list__title,.fd-list__item--interractive.is-active.fd-list__link--navigation-indicator:after,.fd-list__item--interractive:active,.fd-list__item--interractive:active .fd-list__byline,.fd-list__item--interractive:active .fd-list__byline-left,.fd-list__item--interractive:active .fd-list__byline-right,.fd-list__item--interractive:active .fd-list__byline-right--critical,.fd-list__item--interractive:active .fd-list__byline-right--informative,.fd-list__item--interractive:active .fd-list__byline-right--negative,.fd-list__item--interractive:active .fd-list__byline-right--neutral,.fd-list__item--interractive:active .fd-list__byline-right--positive,.fd-list__item--interractive:active .fd-list__content,.fd-list__item--interractive:active .fd-list__icon,.fd-list__item--interractive:active .fd-list__secondary,.fd-list__item--interractive:active .fd-list__thumbnail,.fd-list__item--interractive:active .fd-list__title,.fd-list__item--interractive:active.fd-list__link--navigation-indicator:after{text-shadow:none}.fd-list__item--action{--fdList_Item_Height:var(--sapElement_LineHeight);border-bottom:var(--fdList_Item_Action_Border);font-size:var(--sapFontSize);padding:0;text-align:center}.fd-list__item--action:first-child{border-top:var(--fdList_Item_Action_Border)}.fd-list__item--action .fd-list__title{background:transparent;border:var(--fdList_Item_Action_Button_Border);border-radius:var(--fdList_Item_Action_Button_Border_Radius);color:var(--sapButton_TextColor);cursor:pointer;height:var(--fdList_Item_Action_Button_Size);margin:var(--fdList_Item_Action_Button_Spacing);padding:0 .9375rem;pointer-events:all;width:100%}.fd-list__item--action .fd-list__title.is-hover,.fd-list__item--action .fd-list__title:hover{--fdList_Item_Background_Color:var(--sapList_Hover_Background);--fdList_Item_Text_Color:var(--sapList_TextColor);--fdList_Item_Border_Color:var(--sapList_BorderColor)}.fd-list__item--action .fd-list__title.is-selected,.fd-list__item--action .fd-list__title[aria-selected=true]{--fdList_Item_Background_Color:var(--sapList_SelectionBackgroundColor);--fdList_Item_Text_Color:var(--sapList_TextColor);--fdList_Item_Border_Color:var(--sapList_SelectionBorderColor)}.fd-list__item--action .fd-list__title.is-selected .fd-list__link,.fd-list__item--action .fd-list__title[aria-selected=true] .fd-list__link{background:inherit}.fd-list__item--action .fd-list__title.is-selected .fd-list__link.is-active,.fd-list__item--action .fd-list__title.is-selected .fd-list__link:active,.fd-list__item--action .fd-list__title[aria-selected=true] .fd-list__link.is-active,.fd-list__item--action .fd-list__title[aria-selected=true] .fd-list__link:active{--fdList_Item_Background_Color:var(--sapList_Active_Background)}.fd-list__item--action .fd-list__title.is-selected.is-hover,.fd-list__item--action .fd-list__title.is-selected:hover,.fd-list__item--action .fd-list__title[aria-selected=true].is-hover,.fd-list__item--action .fd-list__title[aria-selected=true]:hover{--fdList_Item_Background_Color:var(--sapList_Hover_SelectionBackground)}.fd-list__item--action .fd-list__title.is-active,.fd-list__item--action .fd-list__title.is-active.is-hover,.fd-list__item--action .fd-list__title.is-active.is-selected,.fd-list__item--action .fd-list__title.is-active.is-selected.is-hover,.fd-list__item--action .fd-list__title.is-active.is-selected:hover,.fd-list__item--action .fd-list__title.is-active:hover,.fd-list__item--action .fd-list__title.is-active[aria-selected=true],.fd-list__item--action .fd-list__title.is-active[aria-selected=true].is-hover,.fd-list__item--action .fd-list__title.is-active[aria-selected=true]:hover,.fd-list__item--action .fd-list__title:active,.fd-list__item--action .fd-list__title:active.is-hover,.fd-list__item--action .fd-list__title:active.is-selected,.fd-list__item--action .fd-list__title:active.is-selected.is-hover,.fd-list__item--action .fd-list__title:active.is-selected:hover,.fd-list__item--action .fd-list__title:active:hover,.fd-list__item--action .fd-list__title:active[aria-selected=true],.fd-list__item--action .fd-list__title:active[aria-selected=true].is-hover,.fd-list__item--action .fd-list__title:active[aria-selected=true]:hover{--fdList_Item_Background_Color:var(--sapList_Active_Background);--fdList_Item_Text_Color:var(--sapList_Active_TextColor);--fdList_Item_Border_Color:var(--sapList_Active_Background)}.fd-list__item--action .fd-list__title.is-active,.fd-list__item--action .fd-list__title.is-active .fd-list__byline,.fd-list__item--action .fd-list__title.is-active .fd-list__byline-left,.fd-list__item--action .fd-list__title.is-active .fd-list__byline-right,.fd-list__item--action .fd-list__title.is-active .fd-list__byline-right--critical,.fd-list__item--action .fd-list__title.is-active .fd-list__byline-right--informative,.fd-list__item--action .fd-list__title.is-active .fd-list__byline-right--negative,.fd-list__item--action .fd-list__title.is-active .fd-list__byline-right--neutral,.fd-list__item--action .fd-list__title.is-active .fd-list__byline-right--positive,.fd-list__item--action .fd-list__title.is-active .fd-list__content,.fd-list__item--action .fd-list__title.is-active .fd-list__icon,.fd-list__item--action .fd-list__title.is-active .fd-list__secondary,.fd-list__item--action .fd-list__title.is-active .fd-list__thumbnail,.fd-list__item--action .fd-list__title.is-active .fd-list__title,.fd-list__item--action .fd-list__title.is-active.fd-list__link--navigation-indicator:after,.fd-list__item--action .fd-list__title:active,.fd-list__item--action .fd-list__title:active .fd-list__byline,.fd-list__item--action .fd-list__title:active .fd-list__byline-left,.fd-list__item--action .fd-list__title:active .fd-list__byline-right,.fd-list__item--action .fd-list__title:active .fd-list__byline-right--critical,.fd-list__item--action .fd-list__title:active .fd-list__byline-right--informative,.fd-list__item--action .fd-list__title:active .fd-list__byline-right--negative,.fd-list__item--action .fd-list__title:active .fd-list__byline-right--neutral,.fd-list__item--action .fd-list__title:active .fd-list__byline-right--positive,.fd-list__item--action .fd-list__title:active .fd-list__content,.fd-list__item--action .fd-list__title:active .fd-list__icon,.fd-list__item--action .fd-list__title:active .fd-list__secondary,.fd-list__item--action .fd-list__title:active .fd-list__thumbnail,.fd-list__item--action .fd-list__title:active .fd-list__title,.fd-list__item--action .fd-list__title:active.fd-list__link--navigation-indicator:after{text-shadow:none}.fd-list__item--action .fd-list__title.is-focus,.fd-list__item--action .fd-list__title:focus{outline-color:var(--sapContent_FocusColor);outline-offset:-.125rem;outline-style:var(--sapContent_FocusStyle);outline-width:var(--sapContent_FocusWidth)}.fd-list__item--action .fd-list__title.is-focus.is-active,.fd-list__item--action .fd-list__title.is-focus:active,.fd-list__item--action .fd-list__title:focus.is-active,.fd-list__item--action .fd-list__title:focus:active{outline-color:var(--fdList_Active_Outline_Color)}.fd-list__item--action .fd-list__title::-moz-focus-inner{border:0}.fd-list__item--growing{--fdList_Item_Height:var(--sapElement_LineHeight)}.fd-list__item--growing .fd-list__title{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:flex;gap:.5rem;justify-content:center}.fd-list__item--growing .fd-list__title-text{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:inherit;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;font-weight:var(--fdList_Growing_Font_Weight);forced-color-adjust:none;line-height:normal;margin:0;overflow:hidden;padding:0;text-overflow:ellipsis;text-shadow:inherit;white-space:nowrap}.fd-list__item--growing .fd-list__title-text:after,.fd-list__item--growing .fd-list__title-text:before{box-sizing:inherit;font-size:inherit}.fd-list__item--inactive,.fd-list__item--inactive .fd-list__secondary,.fd-list__item--inactive .fd-list__title{pointer-events:none}.fd-list__item.is-selected,.fd-list__item[aria-selected=true]{--fdList_Item_Background_Color:var(--sapList_SelectionBackgroundColor);--fdList_Item_Text_Color:var(--sapList_TextColor);--fdList_Item_Border_Color:var(--sapList_SelectionBorderColor)}.fd-list__item.is-selected .fd-list__link,.fd-list__item[aria-selected=true] .fd-list__link{background:inherit}.fd-list__item.is-selected .fd-list__link.is-active,.fd-list__item.is-selected .fd-list__link:active,.fd-list__item[aria-selected=true] .fd-list__link.is-active,.fd-list__item[aria-selected=true] .fd-list__link:active{--fdList_Item_Background_Color:var(--sapList_Active_Background)}.fd-list__item.is-selected.is-hover,.fd-list__item.is-selected:hover,.fd-list__item[aria-selected=true].is-hover,.fd-list__item[aria-selected=true]:hover{--fdList_Item_Background_Color:var(--sapList_Hover_SelectionBackground)}.fd-list__secondary,.fd-list__title{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--fdList_Item_Text_Color);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin:0;overflow:hidden;padding:0;pointer-events:none;pointer-events:all;text-overflow:ellipsis;white-space:nowrap}.fd-list__secondary:after,.fd-list__secondary:before,.fd-list__title:after,.fd-list__title:before{box-sizing:inherit;font-size:inherit}.fd-list__title{flex:3 3 10%;font-size:var(--fdList_Item_Text_Font_Size);min-height:var(--fdList_Item_Text_Font_Size)}.fd-list__title:last-child:first-child{flex-basis:auto}.fd-list__title .fd-list__title-text{align-items:center;display:flex}.fd-list__title~.fd-list__icon{margin-right:-1rem}.fd-list__title~.fd-list__icon[dir=rtl],[dir=rtl] .fd-list__title~.fd-list__icon{margin-left:-1rem;margin-right:0}.fd-list__secondary{color:var(--fdList_Status_Text_Color);font-size:var(--sapFontSize);max-width:40%;padding-left:1rem;text-align:right}.fd-list__secondary[dir=rtl],[dir=rtl] .fd-list__secondary{padding-left:0;padding-right:1rem}.fd-list__secondary--positive{--fdList_Status_Text_Color:var(--sapPositiveTextColor)}.fd-list__secondary--critical{--fdList_Status_Text_Color:var(--sapCriticalTextColor)}.fd-list__secondary--negative{--fdList_Status_Text_Color:var(--sapNegativeTextColor)}.fd-list__secondary--informative{--fdList_Status_Text_Color:var(--sapInformativeTextColor)}.fd-list__secondary[dir=rtl],[dir=rtl] .fd-list__secondary{text-align:left}.fd-list__icon [class*=sap-icon],.fd-list__icon[class*=sap-icon]{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-box-flex:0;-ms-flex:0 0 auto;align-items:center;background:inherit;border-radius:inherit;color:inherit;color:var(--sapContent_NonInteractiveIconColor);display:flex;flex:0 0 auto;font-size:inherit;font-size:var(--fdList_Item_Icon_Font_Size);justify-content:center;line-height:1;pointer-events:none;width:2.75rem}.fd-list__icon [class*=sap-icon]:first-child,.fd-list__icon[class*=sap-icon]:first-child{margin-left:-1rem}.fd-list__icon [class*=sap-icon]:first-child[dir=rtl],.fd-list__icon[class*=sap-icon]:first-child[dir=rtl],[dir=rtl] .fd-list__icon [class*=sap-icon]:first-child,[dir=rtl] .fd-list__icon[class*=sap-icon]:first-child{margin-left:0;margin-right:-1rem}.fd-list__link{-webkit-box-sizing:border-box;-webkit-box-align:center;-ms-flex-align:center;--fdList_Item_Border_Color:transparent;align-items:center;background:var(--fdList_Item_Background_Color);border:0;border-bottom:var(--sapList_BorderWidth) solid var(--fdList_Item_Border_Color);box-sizing:border-box;color:var(--sapTextColor);cursor:pointer;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:100%;line-height:normal;margin:0;padding:0 .9375rem;text-decoration:none;width:100%}.fd-list__link:after,.fd-list__link:before{box-sizing:inherit;font-size:inherit}.fd-list__link.is-focus,.fd-list__link:focus{outline:none;pointer-events:all}.fd-list__link.is-focus:before,.fd-list__link:focus:before{border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);content:\"\";display:block;inset:.125rem;pointer-events:none;position:absolute}.fd-list__link.is-focus.is-active:before,.fd-list__link.is-focus:active:before,.fd-list__link:focus.is-active:before,.fd-list__link:focus:active:before{border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdList_Active_Outline_Color)}.fd-list__link.is-hover,.fd-list__link:hover{--fdList_Item_Background_Color:var(--sapList_Hover_Background);--fdList_Item_Text_Color:var(--sapList_TextColor);--fdList_Item_Border_Color:var(--sapList_BorderColor)}.fd-list__link.is-selected,.fd-list__link[aria-selected=true]{--fdList_Item_Background_Color:var(--sapList_SelectionBackgroundColor);--fdList_Item_Text_Color:var(--sapList_TextColor);--fdList_Item_Border_Color:var(--sapList_SelectionBorderColor)}.fd-list__link.is-selected .fd-list__link,.fd-list__link[aria-selected=true] .fd-list__link{background:inherit}.fd-list__link.is-selected .fd-list__link.is-active,.fd-list__link.is-selected .fd-list__link:active,.fd-list__link[aria-selected=true] .fd-list__link.is-active,.fd-list__link[aria-selected=true] .fd-list__link:active{--fdList_Item_Background_Color:var(--sapList_Active_Background)}.fd-list__link.is-selected.is-hover,.fd-list__link.is-selected:hover,.fd-list__link[aria-selected=true].is-hover,.fd-list__link[aria-selected=true]:hover{--fdList_Item_Background_Color:var(--sapList_Hover_SelectionBackground)}.fd-list__link.is-active,.fd-list__link.is-active.is-hover,.fd-list__link.is-active.is-selected,.fd-list__link.is-active.is-selected.is-hover,.fd-list__link.is-active.is-selected:hover,.fd-list__link.is-active:hover,.fd-list__link.is-active[aria-selected=true],.fd-list__link.is-active[aria-selected=true].is-hover,.fd-list__link.is-active[aria-selected=true]:hover,.fd-list__link:active,.fd-list__link:active.is-hover,.fd-list__link:active.is-selected,.fd-list__link:active.is-selected.is-hover,.fd-list__link:active.is-selected:hover,.fd-list__link:active:hover,.fd-list__link:active[aria-selected=true],.fd-list__link:active[aria-selected=true].is-hover,.fd-list__link:active[aria-selected=true]:hover{--fdList_Item_Background_Color:var(--sapList_Active_Background);--fdList_Item_Text_Color:var(--sapList_Active_TextColor);--fdList_Item_Border_Color:var(--sapList_Active_Background)}.fd-list__link.is-active,.fd-list__link.is-active .fd-list__byline,.fd-list__link.is-active .fd-list__byline-left,.fd-list__link.is-active .fd-list__byline-right,.fd-list__link.is-active .fd-list__byline-right--critical,.fd-list__link.is-active .fd-list__byline-right--informative,.fd-list__link.is-active .fd-list__byline-right--negative,.fd-list__link.is-active .fd-list__byline-right--neutral,.fd-list__link.is-active .fd-list__byline-right--positive,.fd-list__link.is-active .fd-list__content,.fd-list__link.is-active .fd-list__icon,.fd-list__link.is-active .fd-list__secondary,.fd-list__link.is-active .fd-list__thumbnail,.fd-list__link.is-active .fd-list__title,.fd-list__link.is-active.fd-list__link--navigation-indicator:after,.fd-list__link:active,.fd-list__link:active .fd-list__byline,.fd-list__link:active .fd-list__byline-left,.fd-list__link:active .fd-list__byline-right,.fd-list__link:active .fd-list__byline-right--critical,.fd-list__link:active .fd-list__byline-right--informative,.fd-list__link:active .fd-list__byline-right--negative,.fd-list__link:active .fd-list__byline-right--neutral,.fd-list__link:active .fd-list__byline-right--positive,.fd-list__link:active .fd-list__content,.fd-list__link:active .fd-list__icon,.fd-list__link:active .fd-list__secondary,.fd-list__link:active .fd-list__thumbnail,.fd-list__link:active .fd-list__title,.fd-list__link:active.fd-list__link--navigation-indicator:after{text-shadow:none}.fd-list__group-header{align-items:flex-end;background:var(--sapList_GroupHeaderBackground);border-bottom:var(--sapList_BorderWidth) solid var(--sapList_GroupHeaderBorderColor);height:var(--sapElement_LineHeight)}.fd-list__group-header .fd-list__title{color:var(--sapList_TableGroupHeaderTextColor);font-family:var(--sapFontHeaderFamily);font-size:var(--sapFontHeader6Size);font-weight:700;line-height:2rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fd-list__footer{background:var(--sapList_FooterBackground);color:var(--sapList_FooterTextColor);font-size:var(--sapFontSize);height:2rem}.fd-list__footer--right{justify-content:flex-end}.fd-list__footer--left{justify-content:flex-start}.fd-list__bold{font-weight:700}.fd-list__message{-webkit-box-sizing:border-box;background-color:var(--fdList_Message_Background_Color);border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:var(--sapFontSmallSize);font-weight:400;forced-color-adjust:none;height:2rem;left:0;line-height:normal;line-height:2rem;margin:0;overflow:hidden;padding:0 0 0 .5rem;position:absolute;text-overflow:ellipsis;top:0;white-space:nowrap;width:100%}.fd-list__message:after,.fd-list__message:before{box-sizing:inherit;font-size:inherit}.fd-list__message[dir=rtl],[dir=rtl] .fd-list__message{padding-left:0;padding-right:.5rem}.fd-list__message--error{--fdList_Message_Background_Color:var(--sapErrorBackground)}.fd-list__message--warning{--fdList_Message_Background_Color:var(--sapWarningBackground)}.fd-list__message--success{--fdList_Message_Background_Color:var(--sapSuccessBackground)}.fd-list__message--information{--fdList_Message_Background_Color:var(--sapInformationBackground)}.fd-list .fd-list__button{align-self:center;margin-left:var(--fdList_Button_Spacing)}.fd-list .fd-list__button[dir=rtl],[dir=rtl] .fd-list .fd-list__button{margin-left:0;margin-right:var(--fdList_Button_Spacing)}.fd-list[class*=-compact]:not(.fd-object-list):not(.fd-list--message-view),.fd-list[class*=-condensed]:not(.fd-object-list):not(.fd-list--message-view),[class*=-compact] .fd-list:not([class*=-cozy]):not(.fd-object-list):not(.fd-list--message-view),[class*=-condensed] .fd-list:not([class*=-cozy]):not(.fd-object-list):not(.fd-list--message-view){--fdList_Item_Icon_Font_Size:1rem;--fdList_Item_Text_Font_Size:var(--sapFontSize);--fdList_Item_Height:var(--sapElement_Compact_LineHeight)}.fd-list[class*=-compact]:not(.fd-object-list):not(.fd-list--message-view) .fd-list__item--growing,.fd-list[class*=-condensed]:not(.fd-object-list):not(.fd-list--message-view) .fd-list__item--growing,[class*=-compact] .fd-list:not([class*=-cozy]):not(.fd-object-list):not(.fd-list--message-view) .fd-list__item--growing,[class*=-condensed] .fd-list:not([class*=-cozy]):not(.fd-object-list):not(.fd-list--message-view) .fd-list__item--growing{--fdList_Item_Height:var(--sapElement_LineHeight)}.fd-list[class*=-compact]:not(.fd-object-list):not(.fd-list--message-view) .fd-list__item.fd-list__item--action,.fd-list[class*=-condensed]:not(.fd-object-list):not(.fd-list--message-view) .fd-list__item.fd-list__item--action,[class*=-compact] .fd-list:not([class*=-cozy]):not(.fd-object-list):not(.fd-list--message-view) .fd-list__item.fd-list__item--action,[class*=-condensed] .fd-list:not([class*=-cozy]):not(.fd-object-list):not(.fd-list--message-view) .fd-list__item.fd-list__item--action{--fdList_Item_Height:var(--sapElement_Compact_LineHeight)}.fd-list[class*=-compact]:not(.fd-object-list):not(.fd-list--message-view) .fd-list__item.fd-list__item--action .fd-list__title,.fd-list[class*=-condensed]:not(.fd-object-list):not(.fd-list--message-view) .fd-list__item.fd-list__item--action .fd-list__title,[class*=-compact] .fd-list:not([class*=-cozy]):not(.fd-object-list):not(.fd-list--message-view) .fd-list__item.fd-list__item--action .fd-list__title,[class*=-condensed] .fd-list:not([class*=-cozy]):not(.fd-object-list):not(.fd-list--message-view) .fd-list__item.fd-list__item--action .fd-list__title{height:var(--fdList_Item_Action_Button_Size_Compact)}.fd-list--no-border .fd-list__group-header,.fd-list--no-border .fd-list__item{border-bottom:0;border-top:0}.fd-list--no-border .fd-list__item.is-selected,.fd-list--no-border .fd-list__item[aria-selected=true]{border-bottom:var(--sapList_BorderWidth) solid var(--sapList_SelectionBorderColor)}.fd-list--has-message{padding-top:2rem}.fd-list__infinite-scroll{outline:none;overflow:scroll}.fd-list--dropdown.is-focus,.fd-list--dropdown:focus{outline:none;z-index:5}.fd-list--dropdown .fd-list__item:not(.fd-list__group-header){align-items:center;display:flex;height:auto;min-height:2.5rem;padding:0 .9375rem}.fd-list--dropdown .fd-list__item:not(.fd-list__group-header).is-hover,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header):hover{--fdList_Item_Background_Color:var(--sapList_Hover_Background);--fdList_Item_Text_Color:var(--sapList_TextColor);--fdList_Item_Border_Color:var(--sapList_BorderColor)}.fd-list--dropdown .fd-list__item:not(.fd-list__group-header).is-selected,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header)[aria-selected=true]{--fdList_Item_Background_Color:var(--sapList_SelectionBackgroundColor);--fdList_Item_Text_Color:var(--sapList_TextColor);--fdList_Item_Border_Color:var(--sapList_SelectionBorderColor)}.fd-list--dropdown .fd-list__item:not(.fd-list__group-header).is-selected .fd-list__link,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header)[aria-selected=true] .fd-list__link{background:inherit}.fd-list--dropdown .fd-list__item:not(.fd-list__group-header).is-selected .fd-list__link.is-active,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header).is-selected .fd-list__link:active,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header)[aria-selected=true] .fd-list__link.is-active,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header)[aria-selected=true] .fd-list__link:active{--fdList_Item_Background_Color:var(--sapList_Active_Background)}.fd-list--dropdown .fd-list__item:not(.fd-list__group-header).is-selected.is-hover,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header).is-selected:hover,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header)[aria-selected=true].is-hover,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header)[aria-selected=true]:hover{--fdList_Item_Background_Color:var(--sapList_Hover_SelectionBackground)}.fd-list--dropdown .fd-list__item:not(.fd-list__group-header).is-active,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header).is-active.is-hover,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header).is-active.is-selected,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header).is-active.is-selected.is-hover,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header).is-active.is-selected:hover,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header).is-active:hover,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header).is-active[aria-selected=true],.fd-list--dropdown .fd-list__item:not(.fd-list__group-header).is-active[aria-selected=true].is-hover,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header).is-active[aria-selected=true]:hover,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header):active,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header):active.is-hover,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header):active.is-selected,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header):active.is-selected.is-hover,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header):active.is-selected:hover,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header):active:hover,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header):active[aria-selected=true],.fd-list--dropdown .fd-list__item:not(.fd-list__group-header):active[aria-selected=true].is-hover,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header):active[aria-selected=true]:hover{--fdList_Item_Background_Color:var(--sapList_Active_Background);--fdList_Item_Text_Color:var(--sapList_Active_TextColor);--fdList_Item_Border_Color:var(--sapList_Active_Background)}.fd-list--dropdown .fd-list__item:not(.fd-list__group-header).is-active,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header).is-active .fd-list__byline,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header).is-active .fd-list__byline-left,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header).is-active .fd-list__byline-right,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header).is-active .fd-list__byline-right--critical,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header).is-active .fd-list__byline-right--informative,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header).is-active .fd-list__byline-right--negative,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header).is-active .fd-list__byline-right--neutral,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header).is-active .fd-list__byline-right--positive,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header).is-active .fd-list__content,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header).is-active .fd-list__icon,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header).is-active .fd-list__secondary,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header).is-active .fd-list__thumbnail,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header).is-active .fd-list__title,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header).is-active.fd-list__link--navigation-indicator:after,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header):active,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header):active .fd-list__byline,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header):active .fd-list__byline-left,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header):active .fd-list__byline-right,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header):active .fd-list__byline-right--critical,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header):active .fd-list__byline-right--informative,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header):active .fd-list__byline-right--negative,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header):active .fd-list__byline-right--neutral,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header):active .fd-list__byline-right--positive,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header):active .fd-list__content,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header):active .fd-list__icon,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header):active .fd-list__secondary,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header):active .fd-list__thumbnail,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header):active .fd-list__title,.fd-list--dropdown .fd-list__item:not(.fd-list__group-header):active.fd-list__link--navigation-indicator:after{text-shadow:none}.fd-list--dropdown[class*=-compact] .fd-list__item:not(.fd-list__group-header),.fd-list--dropdown[class*=-condensed] .fd-list__item:not(.fd-list__group-header),[class*=-compact] .fd-list--dropdown:not([class*=-cozy]) .fd-list__item:not(.fd-list__group-header),[class*=-condensed] .fd-list--dropdown:not([class*=-cozy]) .fd-list__item:not(.fd-list__group-header){height:auto;min-height:2rem;padding:0 .9375rem}.fd-list--multi-input .fd-list__item{height:auto;padding:0 1rem 0 0}.fd-list--multi-input .fd-list__item.is-hover,.fd-list--multi-input .fd-list__item:hover{--fdList_Item_Background_Color:var(--sapList_Hover_Background);--fdList_Item_Text_Color:var(--sapList_TextColor);--fdList_Item_Border_Color:var(--sapList_BorderColor)}.fd-list--multi-input .fd-list__item.is-selected,.fd-list--multi-input .fd-list__item[aria-selected=true]{--fdList_Item_Background_Color:var(--sapList_SelectionBackgroundColor);--fdList_Item_Text_Color:var(--sapList_TextColor);--fdList_Item_Border_Color:var(--sapList_SelectionBorderColor)}.fd-list--multi-input .fd-list__item.is-selected .fd-list__link,.fd-list--multi-input .fd-list__item[aria-selected=true] .fd-list__link{background:inherit}.fd-list--multi-input .fd-list__item.is-selected .fd-list__link.is-active,.fd-list--multi-input .fd-list__item.is-selected .fd-list__link:active,.fd-list--multi-input .fd-list__item[aria-selected=true] .fd-list__link.is-active,.fd-list--multi-input .fd-list__item[aria-selected=true] .fd-list__link:active{--fdList_Item_Background_Color:var(--sapList_Active_Background)}.fd-list--multi-input .fd-list__item.is-selected.is-hover,.fd-list--multi-input .fd-list__item.is-selected:hover,.fd-list--multi-input .fd-list__item[aria-selected=true].is-hover,.fd-list--multi-input .fd-list__item[aria-selected=true]:hover{--fdList_Item_Background_Color:var(--sapList_Hover_SelectionBackground)}.fd-list--multi-input .fd-list__item.is-active,.fd-list--multi-input .fd-list__item.is-active.is-hover,.fd-list--multi-input .fd-list__item.is-active.is-selected,.fd-list--multi-input .fd-list__item.is-active.is-selected.is-hover,.fd-list--multi-input .fd-list__item.is-active.is-selected:hover,.fd-list--multi-input .fd-list__item.is-active:hover,.fd-list--multi-input .fd-list__item.is-active[aria-selected=true],.fd-list--multi-input .fd-list__item.is-active[aria-selected=true].is-hover,.fd-list--multi-input .fd-list__item.is-active[aria-selected=true]:hover,.fd-list--multi-input .fd-list__item:active,.fd-list--multi-input .fd-list__item:active.is-hover,.fd-list--multi-input .fd-list__item:active.is-selected,.fd-list--multi-input .fd-list__item:active.is-selected.is-hover,.fd-list--multi-input .fd-list__item:active.is-selected:hover,.fd-list--multi-input .fd-list__item:active:hover,.fd-list--multi-input .fd-list__item:active[aria-selected=true],.fd-list--multi-input .fd-list__item:active[aria-selected=true].is-hover,.fd-list--multi-input .fd-list__item:active[aria-selected=true]:hover{--fdList_Item_Background_Color:var(--sapList_Active_Background);--fdList_Item_Text_Color:var(--sapList_Active_TextColor);--fdList_Item_Border_Color:var(--sapList_Active_Background)}.fd-list--multi-input .fd-list__item.is-active,.fd-list--multi-input .fd-list__item.is-active .fd-list__byline,.fd-list--multi-input .fd-list__item.is-active .fd-list__byline-left,.fd-list--multi-input .fd-list__item.is-active .fd-list__byline-right,.fd-list--multi-input .fd-list__item.is-active .fd-list__byline-right--critical,.fd-list--multi-input .fd-list__item.is-active .fd-list__byline-right--informative,.fd-list--multi-input .fd-list__item.is-active .fd-list__byline-right--negative,.fd-list--multi-input .fd-list__item.is-active .fd-list__byline-right--neutral,.fd-list--multi-input .fd-list__item.is-active .fd-list__byline-right--positive,.fd-list--multi-input .fd-list__item.is-active .fd-list__content,.fd-list--multi-input .fd-list__item.is-active .fd-list__icon,.fd-list--multi-input .fd-list__item.is-active .fd-list__secondary,.fd-list--multi-input .fd-list__item.is-active .fd-list__thumbnail,.fd-list--multi-input .fd-list__item.is-active .fd-list__title,.fd-list--multi-input .fd-list__item.is-active.fd-list__link--navigation-indicator:after,.fd-list--multi-input .fd-list__item:active,.fd-list--multi-input .fd-list__item:active .fd-list__byline,.fd-list--multi-input .fd-list__item:active .fd-list__byline-left,.fd-list--multi-input .fd-list__item:active .fd-list__byline-right,.fd-list--multi-input .fd-list__item:active .fd-list__byline-right--critical,.fd-list--multi-input .fd-list__item:active .fd-list__byline-right--informative,.fd-list--multi-input .fd-list__item:active .fd-list__byline-right--negative,.fd-list--multi-input .fd-list__item:active .fd-list__byline-right--neutral,.fd-list--multi-input .fd-list__item:active .fd-list__byline-right--positive,.fd-list--multi-input .fd-list__item:active .fd-list__content,.fd-list--multi-input .fd-list__item:active .fd-list__icon,.fd-list--multi-input .fd-list__item:active .fd-list__secondary,.fd-list--multi-input .fd-list__item:active .fd-list__thumbnail,.fd-list--multi-input .fd-list__item:active .fd-list__title,.fd-list--multi-input .fd-list__item:active.fd-list__link--navigation-indicator:after{text-shadow:none}.fd-list--multi-input .fd-list__item[dir=rtl],[dir=rtl] .fd-list--multi-input .fd-list__item{padding:0 0 0 1rem}.fd-list--multi-input .fd-list__label{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:inherit;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin:0;overflow:hidden;padding:0;position:relative;text-overflow:ellipsis;width:100%}.fd-list--multi-input .fd-list__label:after,.fd-list--multi-input .fd-list__label:before{box-sizing:inherit;font-size:inherit}.fd-list--multi-input .fd-list__label:before{margin-bottom:-.1875rem;margin-top:-.1875rem}.fd-list--multi-input .fd-list__input.is-focus,.fd-list--multi-input .fd-list__input:focus{box-shadow:none;z-index:5}.fd-list--multi-input .fd-list__input.is-focus+.fd-list__label:after,.fd-list--multi-input .fd-list__input:focus+.fd-list__label:after{inset:.0625rem}.fd-list--multi-input .fd-list__footer{-webkit-box-pack:end;-ms-flex-pack:end;background-color:var(--sapList_Background);height:auto;justify-content:flex-end;line-height:1rem;text-align:right}.fd-list--multi-input .fd-list__footer,.fd-list--multi-input .fd-list__label{padding:.75rem .9375rem}.fd-list--multi-input[class*=-compact] .fd-list__item,.fd-list--multi-input[class*=-condensed] .fd-list__item,[class*=-compact] .fd-list--multi-input:not([class*=-cozy]) .fd-list__item,[class*=-condensed] .fd-list--multi-input:not([class*=-cozy]) .fd-list__item{height:auto;padding:0}.fd-list--multi-input[class*=-compact] .fd-list__label:before,.fd-list--multi-input[class*=-condensed] .fd-list__label:before,[class*=-compact] .fd-list--multi-input:not([class*=-cozy]) .fd-list__label:before,[class*=-condensed] .fd-list--multi-input:not([class*=-cozy]) .fd-list__label:before{margin-bottom:0;margin-left:0;margin-top:0}.fd-list--multi-input[class*=-compact] .fd-list__footer,.fd-list--multi-input[class*=-compact] .fd-list__label,.fd-list--multi-input[class*=-condensed] .fd-list__footer,.fd-list--multi-input[class*=-condensed] .fd-list__label,[class*=-compact] .fd-list--multi-input:not([class*=-cozy]) .fd-list__footer,[class*=-compact] .fd-list--multi-input:not([class*=-cozy]) .fd-list__label,[class*=-condensed] .fd-list--multi-input:not([class*=-cozy]) .fd-list__footer,[class*=-condensed] .fd-list--multi-input:not([class*=-cozy]) .fd-list__label{padding:.5rem .9375rem}.fd-list--dropdown,.fd-list--multi-input{display:block;max-width:40rem;min-width:5rem}.fd-list--dropdown .fd-list__item,.fd-list--multi-input .fd-list__item{border:none;cursor:pointer}.fd-list--dropdown .fd-list__item.is-selected,.fd-list--dropdown .fd-list__item[aria-selected=true],.fd-list--multi-input .fd-list__item.is-selected,.fd-list--multi-input .fd-list__item[aria-selected=true]{border-bottom:var(--sapList_BorderWidth) solid var(--sapList_SelectionBorderColor)}.fd-list--dropdown .fd-list__secondary,.fd-list--dropdown .fd-list__title,.fd-list--multi-input .fd-list__secondary,.fd-list--multi-input .fd-list__title{flex:auto;font-size:var(--sapFontSize);white-space:normal;width:auto}.fd-list--dropdown .fd-list__secondary--no-wrap,.fd-list--dropdown .fd-list__title--no-wrap,.fd-list--multi-input .fd-list__secondary--no-wrap,.fd-list--multi-input .fd-list__title--no-wrap{white-space:nowrap}.fd-list--dropdown .fd-list__secondary,.fd-list--multi-input .fd-list__secondary{display:block}.fd-list--dropdown .fd-list__title,.fd-list--multi-input .fd-list__title{max-width:24rem}.fd-list--dropdown .fd-list__title:first-child:last-child,.fd-list--multi-input .fd-list__title:first-child:last-child{max-width:40rem}.fd-list--dropdown .fd-list__secondary,.fd-list--multi-input .fd-list__secondary{max-width:16rem}.fd-list--dropdown.fd-list--mobile,.fd-list--multi-input.fd-list--mobile{max-width:100%}.fd-list--dropdown .fd-list__icon,.fd-list--multi-input .fd-list__icon{line-height:1rem}.fd-list--dropdown.fd-list--large-dropdown,.fd-list--multi-input.fd-list--large-dropdown{max-width:62rem}.fd-list--dropdown.fd-list--large-dropdown .fd-list__title,.fd-list--multi-input.fd-list--large-dropdown .fd-list__title{max-width:37.2rem}.fd-list--dropdown.fd-list--large-dropdown .fd-list__title:first-child:last-child,.fd-list--multi-input.fd-list--large-dropdown .fd-list__title:first-child:last-child{max-width:62rem}.fd-list--dropdown.fd-list--large-dropdown .fd-list__secondary,.fd-list--multi-input.fd-list--large-dropdown .fd-list__secondary{max-width:24.8rem}.fd-list--dropdown.fd-list--large-dropdown.fd-list--mobile,.fd-list--multi-input.fd-list--large-dropdown.fd-list--mobile{max-width:100%}.fd-list--byline .fd-list__item{align-items:flex-start;height:auto;min-height:5rem;padding:.9375rem 1rem;width:100%}.fd-list--byline .fd-list__item.is-focus,.fd-list--byline .fd-list__item:focus{pointer-events:all;z-index:5}.fd-list--byline .fd-list__item .fd-list__item-counter{-ms-flex-align:center;-ms-flex-item-align:center;-webkit-box-pack:end;-ms-flex-pack:end;align-self:center;height:100%;justify-content:flex-end;min-width:2rem}.fd-list--byline .fd-list__item .fd-list__item-counter,.fd-list--byline .fd-list__thumbnail{align-items:center;display:flex}.fd-list--byline .fd-list__thumbnail{-webkit-box-sizing:border-box;-webkit-box-pack:center;-ms-flex-pack:center;-ms-flex-align:center;border:0;border-radius:.25rem;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_NonInteractiveIconColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:2rem;font-weight:400;forced-color-adjust:none;height:3rem;justify-content:center;line-height:normal;margin:0 .75rem 0 0;max-height:3rem;max-width:3rem;min-height:3rem;min-width:3rem;padding:0;pointer-events:none;width:3rem}.fd-list--byline .fd-list__thumbnail:after,.fd-list--byline .fd-list__thumbnail:before{box-sizing:inherit;font-size:inherit}.fd-list--byline .fd-list__thumbnail [class*=sap-icon],.fd-list--byline .fd-list__thumbnail[class*=sap-icon]{background:inherit;border-radius:inherit;color:inherit;font-size:inherit;line-height:1}.fd-list--byline .fd-list__thumbnail[dir=rtl],[dir=rtl] .fd-list--byline .fd-list__thumbnail{margin-left:.75rem;margin-right:0}.fd-list--byline .fd-list__thumbnail>svg{height:100%}.fd-list--byline .fd-list__notification{-webkit-transform:translateY(-50%);color:var(--sapAccentColor6);font-size:.375rem;left:1rem;position:absolute;top:50%;transform:translateY(-50%)}.fd-list--byline .fd-list__notification[dir=rtl],[dir=rtl] .fd-list--byline .fd-list__notification{left:auto;right:1rem}.fd-list--byline .fd-list__notification+.fd-list__link .fd-list__content .fd-list__title,.fd-list--byline .fd-list__notification~.fd-list__content .fd-list__title{font-weight:700}.fd-list--byline .fd-list__content{-webkit-box-sizing:border-box;-ms-flex-line-pack:justify;-webkit-box-flex:1;-ms-flex:1 1 auto;align-content:space-between;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex:1 1 auto;flex-direction:column;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:100%;line-height:normal;margin:0;min-height:3rem;min-width:3rem;padding:.125rem 0;pointer-events:none}.fd-list--byline .fd-list__content:after,.fd-list--byline .fd-list__content:before{box-sizing:inherit;font-size:inherit}.fd-list--byline .fd-list__title{font-size:var(--sapFontLargeSize);min-height:1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fd-list--byline .fd-list__byline{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_LabelColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;line-height:1rem;margin:0;overflow:hidden;padding:.5rem 0 0;text-overflow:ellipsis;white-space:nowrap}.fd-list--byline .fd-list__byline:after,.fd-list--byline .fd-list__byline:before{box-sizing:inherit;font-size:inherit}.fd-list--byline .fd-list__byline--2-col{display:flex;pointer-events:all}.fd-list--byline .fd-list__byline--wrap .fd-list__byline-left,.fd-list--byline .fd-list__byline--wrap .fd-list__byline-right{display:inline;padding:0;white-space:normal;width:100%}.fd-list--byline .fd-list__byline--wrap .fd-list__byline-right{float:right;width:auto}.fd-list--byline .fd-list__link--more{pointer-events:all;text-transform:capitalize}.fd-list--byline .fd-list__byline--wrap,.fd-list--byline .fd-list__title--wrap{white-space:normal}.fd-list--byline .fd-list__byline-left{-webkit-box-sizing:border-box;align-self:flex-end;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_LabelColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;line-height:1rem;margin:0;overflow:hidden;padding:0 .5rem 0 0;text-overflow:ellipsis;white-space:nowrap;width:60%}.fd-list--byline .fd-list__byline-left:after,.fd-list--byline .fd-list__byline-left:before{box-sizing:inherit;font-size:inherit}.fd-list--byline .fd-list__byline-left[dir=rtl],[dir=rtl] .fd-list--byline .fd-list__byline-left{padding-left:.5rem;padding-right:0}.fd-list--byline .fd-list__byline-right{-webkit-box-sizing:border-box;align-self:flex-end;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_LabelColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;line-height:1rem;margin:0;overflow:hidden;padding:0 0 0 .5rem;text-align:right;text-overflow:ellipsis;white-space:nowrap;width:40%}.fd-list--byline .fd-list__byline-right:after,.fd-list--byline .fd-list__byline-right:before{box-sizing:inherit;font-size:inherit}.fd-list--byline .fd-list__byline-right[dir=rtl],[dir=rtl] .fd-list--byline .fd-list__byline-right{padding-left:0;padding-right:.5rem;text-align:left}.fd-list--byline .fd-list__byline-right--neutral{color:var(--sapNeutralTextColor)}.fd-list--byline .fd-list__byline-right--positive{color:var(--sapPositiveTextColor)}.fd-list--byline .fd-list__byline-right--critical{color:var(--sapCriticalTextColor)}.fd-list--byline .fd-list__byline-right--negative{color:var(--sapNegativeTextColor)}.fd-list--byline .fd-list__byline-right--informative{color:var(--sapInformativeTextColor)}.fd-list--byline.fd-list--unread-indicator .fd-list__item{padding-left:2.125rem;padding-right:1rem}.fd-list--byline.fd-list--unread-indicator .fd-list__item[dir=rtl],[dir=rtl] .fd-list--byline.fd-list--unread-indicator .fd-list__item{padding-left:1rem;padding-right:2.125rem}.fd-list--byline[class*=-compact] .fd-list__title,.fd-list--byline[class*=-condensed] .fd-list__title,[class*=-compact] .fd-list--byline:not([class*=-cozy]) .fd-list__title,[class*=-condensed] .fd-list--byline:not([class*=-cozy]) .fd-list__title{font-size:var(--sapFontSize)}.fd-list--byline.fd-list--no-border .fd-list__item{height:100%;max-height:5rem;padding-bottom:.5rem;padding-top:.5rem}.fd-list--byline.fd-list--no-border .fd-list__item:first-child{padding-top:.9375rem}.fd-list--byline.fd-list--no-border .fd-list__item:last-child{padding-bottom:.9375rem}.fd-list--message-view{--fdListNavigationIndicatorFontSize:.75rem;--fdList_Item_Height:calc(2.75rem + var(--sapList_BorderWidth));--fdList_Message_View_Item_Byline_Height:calc(3.325rem + var(--sapList_BorderWidth));--fdList_Message_View_Title_Size:var(--sapFontHeader5Size)}.fd-list--message-view .fd-list__item{height:auto}.fd-list--message-view .fd-list__item--byline{--fdList_Item_Height:var(--fdList_Message_View_Item_Byline_Height)}.fd-list--message-view .fd-list__content{-webkit-box-sizing:border-box;-webkit-box-flex:1;-ms-flex:1 1 auto;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex:1 1 auto;flex-direction:column;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin:0;overflow:hidden;padding:0;pointer-events:none;text-overflow:ellipsis;white-space:nowrap}.fd-list--message-view .fd-list__content:after,.fd-list--message-view .fd-list__content:before{box-sizing:inherit;font-size:inherit}.fd-list--message-view .fd-list__title{color:var(--sapGroup_TitleTextColor);font-family:var(--sapFontHeaderFamily);font-size:var(--fdList_Message_View_Title_Size);font-weight:var(--sapFontHeaderWeight, normal);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fd-list--message-view .fd-list__subtitle{color:var(--sapContent_LabelColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);overflow:hidden;padding-top:.25rem;text-overflow:ellipsis;white-space:nowrap}.fd-list--message-view .fd-list__link{padding-bottom:.5rem;padding-top:.5rem}.fd-list--message-view .fd-list__link.is-active .fd-list__subtitle,.fd-list--message-view .fd-list__link.is-active .fd-list__title,.fd-list--message-view .fd-list__link.is-active .fd-object-status .fd-object-status__icon,.fd-list--message-view .fd-list__link:active .fd-list__subtitle,.fd-list--message-view .fd-list__link:active .fd-list__title,.fd-list--message-view .fd-list__link:active .fd-object-status .fd-object-status__icon{color:var(--sapList_Active_TextColor)}.fd-list--message-view[class*=-compact],.fd-list--message-view[class*=-condensed],[class*=-compact] .fd-list--message-view:not([class*=-cozy]),[class*=-condensed] .fd-list--message-view:not([class*=-cozy]){--fdList_Message_View_Item_Height:calc(2rem + var(--sapList_BorderWidth));--fdList_Message_View_Title_Size:var(--sapFontHeader6Size);--fdList_Message_View_Item_Byline_Height:calc(3.25rem + var(--sapList_BorderWidth))}.fd-list--navigation .fd-list__item--link{padding:0}.fd-list--navigation.fd-icon-tab-bar__list .fd-list__link{gap:.25rem}.fd-list--navigation .fd-list__link{padding-left:var(--fdList_Navigation_Link_Padding_Left, .9375rem);padding-right:var(--fdList_Navigation_Link_Padding_Right, .9375rem)}.fd-list--navigation .fd-list__link[dir=rtl],[dir=rtl] .fd-list--navigation .fd-list__link{padding-left:var(--fdList_Navigation_Link_Padding_Right, .9375rem);padding-right:var(--fdList_Navigation_Link_Padding_Left, .9375rem)}.fd-list--navigation.fd-list--unread-indicator{--fdList_Navigation_Link_Padding_Left:2.125rem;--fdList_Navigation_Link_Padding_Right:.9375rem}.fd-list--navigation.fd-list--navigation-indication{--fdList_Navigation_Link_Padding_Left:.9375rem;--fdList_Navigation_Link_Padding_Right:0}.fd-list--navigation.fd-list--selection{--fdList_Navigation_Link_Padding_Left:2.75rem;--fdList_Navigation_Link_Padding_Right:.9375rem}.fd-list--navigation.fd-list--selection .fd-list__item--link{padding:0}.fd-list--navigation.fd-list--selection.fd-list--navigation-indication{--fdList_Navigation_Link_Padding_Left:2.75rem;--fdList_Navigation_Link_Padding_Right:0}.fd-list--navigation.fd-list--selection.fd-list--navigation-indication .fd-list__item--link{padding:0}.fd-list--navigation.fd-list--byline,.fd-list--navigation.fd-list--byline.fd-list--compact{--fdList_Navigation_Link_Padding_Left:1rem;--fdList_Navigation_Link_Padding_Right:1rem}.fd-list--navigation.fd-list--byline .fd-list__item--link,.fd-list--navigation.fd-list--byline.fd-list--compact .fd-list__item--link{padding:0}.fd-list--navigation.fd-list--byline .fd-list__link,.fd-list--navigation.fd-list--byline.fd-list--compact .fd-list__link{padding-bottom:.9375rem;padding-top:.9375rem}.fd-list--navigation.fd-list--byline.fd-list--compact.fd-list--unread-indicator,.fd-list--navigation.fd-list--byline.fd-list--unread-indicator{--fdList_Navigation_Link_Padding_Left:2.125rem;--fdList_Navigation_Link_Padding_Right:1rem}.fd-list--navigation.fd-list--byline.fd-list--navigation-indication{--fdList_Navigation_Link_Padding_Left:.9375rem;--fdList_Navigation_Link_Padding_Right:0}.fd-list--navigation.fd-list--byline.fd-list--no-border .fd-list__item--link .fd-list__link{padding-bottom:.5rem;padding-top:.5rem}.fd-list--navigation.fd-list--byline.fd-list--no-border .fd-list__item--link:first-child{padding-top:0}.fd-list--navigation.fd-list--byline.fd-list--no-border .fd-list__item--link:first-child .fd-list__link{padding-top:1rem}.fd-list--navigation.fd-list--byline.fd-list--no-border .fd-list__item--link:first-child .fd-list__link--navigation-indicator:after{margin-bottom:.5rem}.fd-list--navigation.fd-list--byline.fd-list--no-border .fd-list__item--link:last-child{padding-bottom:0}.fd-list--navigation.fd-list--byline.fd-list--no-border .fd-list__item--link:last-child .fd-list__link{padding-bottom:1rem}.fd-list--navigation.fd-list--byline.fd-list--no-border .fd-list__item--link:last-child .fd-list__link--navigation-indicator:after{margin-top:.25rem}.fd-list--navigation.fd-list--byline.fd-list--selection{--fdList_Navigation_Link_Padding_Left:2.75rem;--fdList_Navigation_Link_Padding_Right:1rem}.fd-list--navigation.fd-list--byline.fd-list--selection .fd-list__item--link{padding:0}.fd-list--navigation.fd-list--byline.fd-list--selection[class*=-compact],.fd-list--navigation.fd-list--byline.fd-list--selection[class*=-condensed],[class*=-compact] .fd-list--navigation.fd-list--byline.fd-list--selection:not([class*=-cozy]),[class*=-condensed] .fd-list--navigation.fd-list--byline.fd-list--selection:not([class*=-cozy]){--fdList_Navigation_Link_Padding_Left:2.75rem;--fdList_Navigation_Link_Padding_Right:1rem}.fd-list--navigation.fd-list--byline.fd-list--selection.fd-list--no-border .fd-list__item--link,.fd-list--navigation.fd-list--byline.fd-list--selection[class*=-compact] .fd-list__item--link,.fd-list--navigation.fd-list--byline.fd-list--selection[class*=-condensed] .fd-list__item--link,[class*=-compact] .fd-list--navigation.fd-list--byline.fd-list--selection:not([class*=-cozy]) .fd-list__item--link,[class*=-condensed] .fd-list--navigation.fd-list--byline.fd-list--selection:not([class*=-cozy]) .fd-list__item--link{padding:0}.fd-list--navigation.fd-list--byline.fd-list--selection.fd-list--no-border .fd-list__item--link .fd-list__link{padding-bottom:.5rem;padding-top:.5rem}.fd-list--navigation.fd-list--byline.fd-list--selection.fd-list--no-border .fd-list__item--link:first-child{padding-top:0}.fd-list--navigation.fd-list--byline.fd-list--selection.fd-list--no-border .fd-list__item--link:first-child .fd-list__link{padding-top:1rem}.fd-list--navigation.fd-list--byline.fd-list--selection.fd-list--no-border .fd-list__item--link:first-child .fd-list__link--navigation-indicator:after{margin-bottom:.5rem}.fd-list--navigation.fd-list--byline.fd-list--selection.fd-list--no-border .fd-list__item--link:last-child{padding-bottom:0}.fd-list--navigation.fd-list--byline.fd-list--selection.fd-list--no-border .fd-list__item--link:last-child .fd-list__link{padding-bottom:1rem}.fd-list--navigation.fd-list--byline.fd-list--selection.fd-list--no-border .fd-list__item--link:last-child .fd-list__link--navigation-indicator:after{margin-top:.25rem}.fd-list--navigation.fd-list--byline.fd-list--selection.fd-list--navigation-indication{--fdList_Navigation_Link_Padding_Left:2.75rem;--fdList_Navigation_Link_Padding_Right:0}.fd-list--navigation.fd-list--byline.fd-list--selection.fd-list--navigation-indication .fd-list__item--link{padding:0}.fd-list--navigation.fd-list--byline.fd-list--selection.fd-list--navigation-indication[class*=-compact],.fd-list--navigation.fd-list--byline.fd-list--selection.fd-list--navigation-indication[class*=-condensed],[class*=-compact] .fd-list--navigation.fd-list--byline.fd-list--selection.fd-list--navigation-indication:not([class*=-cozy]),[class*=-condensed] .fd-list--navigation.fd-list--byline.fd-list--selection.fd-list--navigation-indication:not([class*=-cozy]){--fdList_Navigation_Link_Padding_Left:2.75rem;--fdList_Navigation_Link_Padding_Right:0}.fd-list--navigation.fd-list--byline.fd-list--selection.fd-list--navigation-indication.fd-list--no-border .fd-list__item--link .fd-list__link{padding-bottom:.5rem;padding-top:.5rem}.fd-list--navigation.fd-list--byline.fd-list--selection.fd-list--navigation-indication.fd-list--no-border .fd-list__item--link:first-child{padding-top:0}.fd-list--navigation.fd-list--byline.fd-list--selection.fd-list--navigation-indication.fd-list--no-border .fd-list__item--link:first-child .fd-list__link{padding-top:1rem}.fd-list--navigation.fd-list--byline.fd-list--selection.fd-list--navigation-indication.fd-list--no-border .fd-list__item--link:first-child .fd-list__link--navigation-indicator:after{margin-bottom:.5rem}.fd-list--navigation.fd-list--byline.fd-list--selection.fd-list--navigation-indication.fd-list--no-border .fd-list__item--link:last-child{padding-bottom:0}.fd-list--navigation.fd-list--byline.fd-list--selection.fd-list--navigation-indication.fd-list--no-border .fd-list__item--link:last-child .fd-list__link{padding-bottom:1rem}.fd-list--navigation.fd-list--byline.fd-list--selection.fd-list--navigation-indication.fd-list--no-border .fd-list__item--link:last-child .fd-list__link--navigation-indicator:after{margin-top:.25rem}.fd-list--navigation.fd-list--navigation-object{--fdList_Navigation_Link_Padding_Left:1rem;--fdList_Navigation_Link_Padding_Right:1rem}.fd-list--navigation.fd-list--navigation-object .fd-list__item--link,.fd-list--navigation.fd-list--navigation-object[dir=rtl] .fd-list__item--link,[dir=rtl] .fd-list--navigation.fd-list--navigation-object .fd-list__item--link{padding:0}.fd-list--navigation.fd-list--navigation-object .fd-list__link{padding-bottom:1rem;padding-top:1rem}.fd-list--navigation-indication .fd-list:after{content:\"\";min-width:1.5rem}.fd-list--navigation-indication fd-list__item.fd-list__item--link{padding-right:0}.fd-list--navigation-indication fd-list__item.fd-list__item--link[dir=rtl],[dir=rtl] .fd-list--navigation-indication fd-list__item.fd-list__item--link{padding-left:0;padding-right:0}.fd-list--navigation-indication fd-list__item.fd-list__item--link:after{content:none}.fd-list--navigation-indication .fd-list__link:after{content:\"\";min-width:2.5rem}.fd-list--navigation-indication .fd-list__link--navigation-indicator:after{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;color:var(--sapContent_NonInteractiveIconColor);content:\"\\e1ed\";display:flex;font-family:SAP-icons;font-size:var(--fdListNavigationIndicatorFontSize, var(--sapFontLargeSize));height:100%;justify-content:center;text-decoration:none;text-transform:none}.fd-list--navigation-indication .fd-list__link--navigation-indicator[dir=rtl]:after,[dir=rtl] .fd-list--navigation-indication .fd-list__link--navigation-indicator:after{content:\"\\e1ee\"}.fd-list--navigation-indication .fd-list__icon:last-child,.fd-list--navigation-indication .fd-list__icon[dir=rtl]:last-child,[dir=rtl] .fd-list--navigation-indication .fd-list__icon:last-child{margin:0}.fd-list--navigation-indication .is-navigated{box-shadow:inset -.1875rem 0 0 0 var(--sapList_SelectionBorderColor)}.fd-list--navigation-indication .is-navigated[dir=rtl],[dir=rtl] .fd-list--navigation-indication .is-navigated{box-shadow:inset .1875rem 0 0 0 var(--sapList_SelectionBorderColor)}.fd-list--selection .fd-list__item{cursor:pointer;padding-left:2.75rem;padding-right:.9375rem}.fd-list--selection .fd-list__item[dir=rtl],[dir=rtl] .fd-list--selection .fd-list__item{padding-left:.9375rem;padding-right:2.75rem}.fd-list--selection .fd-list__item.is-hover,.fd-list--selection .fd-list__item:hover{--fdList_Item_Background_Color:var(--sapList_Hover_Background)}.fd-list--selection .fd-list__item.is-selected,.fd-list--selection .fd-list__item[aria-selected=true]{--fdList_Item_Background_Color:var(--sapList_SelectionBackgroundColor);--fdList_Item_Text_Color:var(--sapList_TextColor);--fdList_Item_Border_Color:var(--sapList_SelectionBorderColor)}.fd-list--selection .fd-list__item.is-selected .fd-list__link,.fd-list--selection .fd-list__item[aria-selected=true] .fd-list__link{background:inherit}.fd-list--selection .fd-list__item.is-selected .fd-list__link.is-active,.fd-list--selection .fd-list__item.is-selected .fd-list__link:active,.fd-list--selection .fd-list__item[aria-selected=true] .fd-list__link.is-active,.fd-list--selection .fd-list__item[aria-selected=true] .fd-list__link:active{--fdList_Item_Background_Color:var(--sapList_Active_Background)}.fd-list--selection .fd-list__item.is-selected.is-hover,.fd-list--selection .fd-list__item.is-selected:hover,.fd-list--selection .fd-list__item[aria-selected=true].is-hover,.fd-list--selection .fd-list__item[aria-selected=true]:hover{--fdList_Item_Background_Color:var(--sapList_Hover_SelectionBackground)}.fd-list--selection .fd-list__form-item{left:0;position:absolute;top:0;z-index:5}.fd-list--selection .fd-list__form-item[dir=rtl],[dir=rtl] .fd-list--selection .fd-list__form-item{left:auto;right:0}.fd-list--selection[class*=-compact] .fd-list__form-item,.fd-list--selection[class*=-condensed] .fd-list__form-item,[class*=-compact] .fd-list--selection:not([class*=-cozy]) .fd-list__form-item,[class*=-condensed] .fd-list--selection:not([class*=-cozy]) .fd-list__form-item{left:.375rem}.fd-list--selection[class*=-compact] .fd-list__form-item[dir=rtl],.fd-list--selection[class*=-condensed] .fd-list__form-item[dir=rtl],[class*=-compact] .fd-list--selection:not([class*=-cozy]) .fd-list__form-item[dir=rtl],[class*=-condensed] .fd-list--selection:not([class*=-cozy]) .fd-list__form-item[dir=rtl],[dir=rtl] .fd-list--selection[class*=-compact] .fd-list__form-item,[dir=rtl] .fd-list--selection[class*=-condensed] .fd-list__form-item,[dir=rtl] [class*=-compact] .fd-list--selection:not([class*=-cozy]) .fd-list__form-item,[dir=rtl] [class*=-condensed] .fd-list--selection:not([class*=-cozy]) .fd-list__form-item{left:auto;right:.375rem}.fd-list--selection.fd-list--byline .fd-list__item{padding-left:2.75rem;padding-right:1rem}.fd-list--selection.fd-list--byline .fd-list__item[dir=rtl],[dir=rtl] .fd-list--selection.fd-list--byline .fd-list__item{padding-left:1rem;padding-right:2.75rem}.fd-list--selection.fd-list--byline .fd-list__form-item{top:.3125rem}.fd-list--selection.fd-list--byline[class*=-compact] .fd-list__item,.fd-list--selection.fd-list--byline[class*=-condensed] .fd-list__item,[class*=-compact] .fd-list--selection.fd-list--byline:not([class*=-cozy]) .fd-list__item,[class*=-condensed] .fd-list--selection.fd-list--byline:not([class*=-cozy]) .fd-list__item{padding-left:2.75rem;padding-right:1rem}.fd-list--selection.fd-list--byline[class*=-compact] .fd-list__item[dir=rtl],.fd-list--selection.fd-list--byline[class*=-condensed] .fd-list__item[dir=rtl],[class*=-compact] .fd-list--selection.fd-list--byline:not([class*=-cozy]) .fd-list__item[dir=rtl],[class*=-condensed] .fd-list--selection.fd-list--byline:not([class*=-cozy]) .fd-list__item[dir=rtl],[dir=rtl] .fd-list--selection.fd-list--byline[class*=-compact] .fd-list__item,[dir=rtl] .fd-list--selection.fd-list--byline[class*=-condensed] .fd-list__item,[dir=rtl] [class*=-compact] .fd-list--selection.fd-list--byline:not([class*=-cozy]) .fd-list__item,[dir=rtl] [class*=-condensed] .fd-list--selection.fd-list--byline:not([class*=-cozy]) .fd-list__item{padding-left:1rem;padding-right:2.75rem}.fd-list--selection.fd-list--byline[class*=-compact] .fd-list__form-item,.fd-list--selection.fd-list--byline[class*=-condensed] .fd-list__form-item,[class*=-compact] .fd-list--selection.fd-list--byline:not([class*=-cozy]) .fd-list__form-item,[class*=-condensed] .fd-list--selection.fd-list--byline:not([class*=-cozy]) .fd-list__form-item{left:.375rem;top:.5rem}.fd-list--selection.fd-list--byline[class*=-compact] .fd-list__form-item[dir=rtl],.fd-list--selection.fd-list--byline[class*=-condensed] .fd-list__form-item[dir=rtl],[class*=-compact] .fd-list--selection.fd-list--byline:not([class*=-cozy]) .fd-list__form-item[dir=rtl],[class*=-condensed] .fd-list--selection.fd-list--byline:not([class*=-cozy]) .fd-list__form-item[dir=rtl],[dir=rtl] .fd-list--selection.fd-list--byline[class*=-compact] .fd-list__form-item,[dir=rtl] .fd-list--selection.fd-list--byline[class*=-condensed] .fd-list__form-item,[dir=rtl] [class*=-compact] .fd-list--selection.fd-list--byline:not([class*=-cozy]) .fd-list__form-item,[dir=rtl] [class*=-condensed] .fd-list--selection.fd-list--byline:not([class*=-cozy]) .fd-list__form-item{left:auto;right:.375rem}.fd-list--selection.fd-list--byline.fd-list--no-border .fd-list__item{padding:.5rem 1rem .5rem 2.75rem}.fd-list--selection.fd-list--byline.fd-list--no-border .fd-list__item[dir=rtl],[dir=rtl] .fd-list--selection.fd-list--byline.fd-list--no-border .fd-list__item{padding-left:1rem;padding-right:2.75rem}.fd-list--selection.fd-list--byline.fd-list--no-border .fd-list__item:first-child{padding-top:.9375rem}.fd-list--selection.fd-list--byline.fd-list--no-border .fd-list__item:last-child{padding-bottom:.9375rem}.fd-list--selection.fd-list--byline.fd-list--no-border .fd-list__item:not(:first-child) .fd-list__form-item,.fd-list--selection.fd-list--byline.fd-list--no-border .fd-list__item:not(:first-child) .fd-list__form-item.fd-form-item{top:0}.fd-list--selection.fd-list--byline.fd-list--no-border .fd-list__item:not(:first-child) .fd-list__form-item label,.fd-list--selection.fd-list--byline.fd-list--no-border .fd-list__item:not(:first-child) .fd-list__form-item.fd-form-item label{padding-top:.5rem}.fd-list--selection.fd-list--byline.fd-list--no-border .fd-list__item:not(:first-child) .fd-list__form-item label:after,.fd-list--selection.fd-list--byline.fd-list--no-border .fd-list__item:not(:first-child) .fd-list__form-item.fd-form-item label:after{top:.375rem}.fd-list--selection.fd-list--selection-row .fd-list__item{padding-left:1rem}.fd-list--selection.fd-list--selection-row .fd-list__item[dir=rtl],[dir=rtl] .fd-list--selection.fd-list--selection-row .fd-list__item{padding-right:1rem}:root{--fdList_Item_Background_Color:var(--sapList_Background);--fdList_Item_Text_Color:var(--sapList_TextColor);--fdList_Item_Border_Color:var(--sapList_BorderColor);--fdList_Item_Text_Font_Size:var(--sapFontLargeSize);--fdList_Item_Icon_Font_Size:1.125rem;--fdList_Item_Height:var(--sapElement_LineHeight);--fdList_Status_Text_Color:var(--sapNeutralTextColor);--fdList_Message_Background_Color:var(--sapNeutralBackground)}.fd-list__item-counter{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_MarkerTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin:0 0 0 1rem;overflow:hidden;padding:0;text-overflow:ellipsis;white-space:nowrap}.fd-list__item-counter:after,.fd-list__item-counter:before{box-sizing:inherit;font-size:inherit}.fd-list__item-counter[dir=rtl],[dir=rtl] .fd-list__item-counter{margin-left:0;margin-right:1rem}.fd-icon-tab-bar{display:flex;flex-direction:column;height:100%}.fd-icon-tab-bar .fd-icon-tab-bar__item--hidden{display:none}.fd-icon-tab-bar__list{max-height:20rem}.fd-icon-tab-bar__list-item-counter{padding-left:.313rem}[dir=rtl] .fd-icon-tab-bar .fd-icon-tab-bar__list-item-counter,.fd-icon-tab-bar[dir=rtl] .fd-icon-tab-bar__list-item-counter{padding-left:0;padding-right:.25rem}.cdk-drag-placeholder{opacity:.3;pointer-events:none}.screenreader-only{position:absolute!important;height:1px;width:1px;overflow:hidden;opacity:0;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px)}\n"] }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i1$1.ContentDensityService, decorators: [{
                     type: Optional
                 }] }, { type: i1$1.RtlService, decorators: [{
@@ -1583,12 +1864,35 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImpor
                 type: Input
             }], colorAssociations: [{
                 type: Input
+            }], stackContent: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], maxContentHeight: [{
+                type: Input
             }], iconTabSelected: [{
                 type: Output
             }], iconTabReordered: [{
                 type: Output
             }], closeTab: [{
                 type: Output
+            }], children: [{
+                type: ContentChildren,
+                args: [IconTabBarTabComponent, { descendants: false }]
+            }], allChildren: [{
+                type: ContentChildren,
+                args: [IconTabBarTabComponent, { descendants: true }]
+            }], _scrollbar: [{
+                type: ViewChild,
+                args: [ScrollbarDirective]
+            }], tabDirectives: [{
+                type: ViewChildren,
+                args: [IconTabBarTabContentDirective]
+            }], _customTabs: [{
+                type: HostBinding,
+                args: ['class.fd-tabs-custom']
+            }], _iconTabBarCmp: [{
+                type: ViewChild,
+                args: [IconTabBarBase]
             }] } });
 
 const components = [
@@ -1601,15 +1905,18 @@ const components = [
     TextTypePopoverComponent,
     IconBarDndListDirective,
     IconBarDndItemDirective,
-    IconBarDndContainerDirective
+    IconBarDndContainerDirective,
+    IconTabBarTabComponent,
+    IconTabBarFreeContentDirective
 ];
+const FDP_ICON_TAB_BAR = [IconTabBarComponent, IconTabBarTabComponent, IconTabBarFreeContentDirective];
 /**
  * @deprecated
  * Import `IconTabBarComponent` directly instead.
  */
 class PlatformIconTabBarModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: PlatformIconTabBarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.4", ngImport: i0, type: PlatformIconTabBarModule, imports: [IconTabBarComponent,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: PlatformIconTabBarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.8", ngImport: i0, type: PlatformIconTabBarModule, imports: [IconTabBarComponent,
             IconTabBarTextTypeComponent,
             IconTabBarIconTypeComponent,
             IconTabBarProcessTypeComponent,
@@ -1618,7 +1925,9 @@ class PlatformIconTabBarModule {
             TextTypePopoverComponent,
             IconBarDndListDirective,
             IconBarDndItemDirective,
-            IconBarDndContainerDirective], exports: [IconTabBarComponent,
+            IconBarDndContainerDirective,
+            IconTabBarTabComponent,
+            IconTabBarFreeContentDirective], exports: [IconTabBarComponent,
             IconTabBarTextTypeComponent,
             IconTabBarIconTypeComponent,
             IconTabBarProcessTypeComponent,
@@ -1627,16 +1936,19 @@ class PlatformIconTabBarModule {
             TextTypePopoverComponent,
             IconBarDndListDirective,
             IconBarDndItemDirective,
-            IconBarDndContainerDirective] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: PlatformIconTabBarModule, imports: [IconTabBarComponent,
+            IconBarDndContainerDirective,
+            IconTabBarTabComponent,
+            IconTabBarFreeContentDirective] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: PlatformIconTabBarModule, imports: [IconTabBarComponent,
             IconTabBarTextTypeComponent,
             IconTabBarIconTypeComponent,
             IconTabBarProcessTypeComponent,
             IconTabBarFilterTypeComponent,
             IconTabBarPopoverComponent,
-            TextTypePopoverComponent] }); }
+            TextTypePopoverComponent,
+            IconTabBarTabComponent] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: PlatformIconTabBarModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: PlatformIconTabBarModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [...components],
@@ -1648,5 +1960,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { FLIPPER_SIZE, ICON_TAB_HIDDEN_CLASS_NAME, IconBarDndContainerDirective, IconBarDndItemDirective, IconBarDndListDirective, IconTabBarBase, IconTabBarComponent, IconTabBarFilterTypeComponent, IconTabBarIconTypeComponent, IconTabBarPopoverBase, IconTabBarPopoverComponent, IconTabBarProcessTypeComponent, IconTabBarTextTypeComponent, PlatformIconTabBarModule, TextTypePopoverComponent, UNIQUE_KEY_SEPARATOR };
+export { FDP_ICON_TAB_BAR, FLIPPER_SIZE, ICON_TAB_HIDDEN_CLASS_NAME, IconBarDndContainerDirective, IconBarDndItemDirective, IconBarDndListDirective, IconTabBarBase, IconTabBarComponent, IconTabBarFilterTypeComponent, IconTabBarFreeContentDirective, IconTabBarIconTypeComponent, IconTabBarPopoverBase, IconTabBarPopoverComponent, IconTabBarProcessTypeComponent, IconTabBarTabComponent, IconTabBarTabContentDirective, IconTabBarTextTypeComponent, PlatformIconTabBarModule, TextTypePopoverComponent, UNIQUE_KEY_SEPARATOR };
 //# sourceMappingURL=fundamental-ngx-platform-icon-tab-bar.mjs.map