npm - @fundamental-ngx/platform - Versions diffs - 0.47.4 → 0.48.0-rc.0 - Mend

@fundamental-ngx/platform 0.47.4 → 0.48.0-rc.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (405) hide show

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

@@ -1,6 +1,6 @@
 import * as i0 from '@angular/core';
 import { EventEmitter, isDevMode, Directive, Input, Output, ViewChild, Component, ViewChildren, ChangeDetectionStrategy, ViewEncapsulation, Optional, NgModule } from '@angular/core';
-import { NgFor, NgIf, NgClass, SlicePipe, NgTemplateOutlet } from '@angular/common';
+import { NgClass, SlicePipe, NgTemplateOutlet } from '@angular/common';
 import * as i1$1 from '@fundamental-ngx/cdk/utils';
 import { KeyUtil, OverflowListDirective, OverflowListItemDirective } from '@fundamental-ngx/cdk/utils';
 import { ButtonComponent } from '@fundamental-ngx/core/button';
@@ -131,10 +131,6 @@ class IconTabBarBase {
             this._getTabUIElementFocusable(this._tabUIElements.get(tabIndex))?.focus();
         }
     }
-    /** @hidden */
-    _trackByTab(index, tab) {
-        return tab.uId;
-    }
     /**
      * @hidden
      * @param selectedItem
@@ -267,12 +263,12 @@ class IconTabBarBase {
             return result;
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", 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: "16.2.7", 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.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 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: IconTabBarBase, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: IconTabBarBase, decorators: [{
             type: Directive
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.NgZone }]; }, propDecorators: { tabsConfig: [{
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.NgZone }], propDecorators: { tabsConfig: [{
                 type: Input
             }], isRtl: [{
                 type: Input
@@ -351,10 +347,10 @@ class ClosableIconTabBar extends IconTabBarBase {
         }
         return result;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: ClosableIconTabBar, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.7", type: ClosableIconTabBar, outputs: { closeTab: "closeTab" }, usesInheritance: true, ngImport: i0 }); }
+    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 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: ClosableIconTabBar, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: ClosableIconTabBar, decorators: [{
             type: Directive
         }], propDecorators: { closeTab: [{
                 type: Output
@@ -472,16 +468,12 @@ class IconTabBarPopoverBase {
             this.isRtl ? this._focusNextPopoverItem(currentIndex) : this._focusPreviousPopoverItem(currentIndex);
         }
     }
-    /** @hidden */
-    _trackByTab(index, tab) {
-        return tab.uId;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: IconTabBarPopoverBase, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.7", 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.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 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: IconTabBarPopoverBase, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: IconTabBarPopoverBase, decorators: [{
             type: Directive
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { isRtl: [{
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { isRtl: [{
                 type: Input
             }], popover: [{
                 type: ViewChild,
@@ -514,21 +506,12 @@ class IconTabBarPopoverComponent extends IconTabBarPopoverBase {
          */
         this.label = 'more';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: IconTabBarPopoverComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.7", 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            <ng-container *ngFor=\"let item of extraTabs; let idx = index; trackBy: _trackByTab\">\n                <li *ngIf=\"isSeparators\" tabindex=\"-1\" class=\"fd-icon-tab-bar__icon-separator\">\n                    <fd-icon glyph=\"process\"></fd-icon>\n                </li>\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                        <span\n                            *ngIf=\"showItemLabel && item.label\"\n                            class=\"fd-list__title fd-icon-tab-bar__list-item-title\"\n                            >{{ item.label }}</span\n                        >\n                        <span *ngIf=\"item.badge\" class=\"fd-icon-tab-bar__badge\"></span>\n                        <span *ngIf=\"item.counter\" class=\"fd-list__counter fd-icon-tab-bar__list-item-counter\"\n                            >({{ item.counter }})\n                        </span>\n                        <div class=\"screenreader-only\" *ngIf=\"item.color\">\n                            {{ (colorAssociations && colorAssociations[item.color]) || item.color }}\n                        </div>\n                    </a>\n                    <div class=\"fd-icon-tab-bar__button-container\" *ngIf=\"item.closable\">\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                </li>\n            </ng-container>\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: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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.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"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: IconTabBarPopoverComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: IconTabBarPopoverComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'fdp-icon-tab-bar-popover', standalone: true, imports: [
-                        PopoverComponent,
-                        PopoverControlComponent,
-                        PopoverBodyComponent,
-                        NgFor,
-                        NgIf,
-                        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            <ng-container *ngFor=\"let item of extraTabs; let idx = index; trackBy: _trackByTab\">\n                <li *ngIf=\"isSeparators\" tabindex=\"-1\" class=\"fd-icon-tab-bar__icon-separator\">\n                    <fd-icon glyph=\"process\"></fd-icon>\n                </li>\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                        <span\n                            *ngIf=\"showItemLabel && item.label\"\n                            class=\"fd-list__title fd-icon-tab-bar__list-item-title\"\n                            >{{ item.label }}</span\n                        >\n                        <span *ngIf=\"item.badge\" class=\"fd-icon-tab-bar__badge\"></span>\n                        <span *ngIf=\"item.counter\" class=\"fd-list__counter fd-icon-tab-bar__list-item-counter\"\n                            >({{ item.counter }})\n                        </span>\n                        <div class=\"screenreader-only\" *ngIf=\"item.color\">\n                            {{ (colorAssociations && colorAssociations[item.color]) || item.color }}\n                        </div>\n                    </a>\n                    <div class=\"fd-icon-tab-bar__button-container\" *ngIf=\"item.closable\">\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                </li>\n            </ng-container>\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], 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" }]
         }], propDecorators: { _tabExtraUIElements: [{
                 type: ViewChildren,
                 args: ['tabItem']
@@ -556,21 +539,19 @@ class IconTabBarFilterTypeComponent extends ClosableIconTabBar {
         super._initTabs();
         this._totalTab = this.showTotalTab ? this._tabs[0] : undefined;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: IconTabBarFilterTypeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.7", 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    <li *ngIf=\"showTotalTab\" 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                <span *ngIf=\"_totalTab?.counter\" class=\"fd-icon-tab-bar__filter-counter\">{{ _totalTab?.counter }}</span>\n                <span class=\"fd-icon-tab-bar__filter-label\">{{ _totalTab?.label }}</span>\n            </div>\n        </a>\n    </li>\n    <li\n        *ngFor=\"let item of _tabs | slice : 1; let idx = index; trackBy: _trackByTab\"\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                <span *ngIf=\"item.counter\" class=\"fd-icon-tab-bar__counter\">{{ item.counter }}</span>\n            </div>\n            <div class=\"fd-icon-tab-bar__label\">{{ item.label }}</div>\n            <div class=\"screenreader-only\" *ngIf=\"item.color\">\n                {{ (colorAssociations && colorAssociations[item.color]) || item.color }}\n            </div>\n        </a>\n        <div class=\"fd-icon-tab-bar__button-container\" *ngIf=\"item.closable\">\n            <button fd-button class=\"fd-icon-tab-bar__button\" fdType=\"transparent\" (click)=\"_closeTab(item.uId)\">\n                <fd-icon glyph=\"decline\"></fd-icon>\n            </button>\n        </div>\n    </li>\n    <li *ngIf=\"_extraTabs.length\" 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</ul>\n", dependencies: [{ kind: "directive", type: OverflowListDirective, selector: "[fdkOverflowList]", inputs: ["overflowOffset", "isRtl", "itemCssBlockValue"], outputs: ["overflowChanged"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: OverflowListItemDirective, selector: "[fdkOverflowListItem]" }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { 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.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"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: IconTabBarFilterTypeComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: IconTabBarFilterTypeComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fdp-icon-tab-bar-filter-type', standalone: true, imports: [
                         OverflowListDirective,
-                        NgIf,
                         OverflowListItemDirective,
-                        NgFor,
                         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    <li *ngIf=\"showTotalTab\" 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                <span *ngIf=\"_totalTab?.counter\" class=\"fd-icon-tab-bar__filter-counter\">{{ _totalTab?.counter }}</span>\n                <span class=\"fd-icon-tab-bar__filter-label\">{{ _totalTab?.label }}</span>\n            </div>\n        </a>\n    </li>\n    <li\n        *ngFor=\"let item of _tabs | slice : 1; let idx = index; trackBy: _trackByTab\"\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                <span *ngIf=\"item.counter\" class=\"fd-icon-tab-bar__counter\">{{ item.counter }}</span>\n            </div>\n            <div class=\"fd-icon-tab-bar__label\">{{ item.label }}</div>\n            <div class=\"screenreader-only\" *ngIf=\"item.color\">\n                {{ (colorAssociations && colorAssociations[item.color]) || item.color }}\n            </div>\n        </a>\n        <div class=\"fd-icon-tab-bar__button-container\" *ngIf=\"item.closable\">\n            <button fd-button class=\"fd-icon-tab-bar__button\" fdType=\"transparent\" (click)=\"_closeTab(item.uId)\">\n                <fd-icon glyph=\"decline\"></fd-icon>\n            </button>\n        </div>\n    </li>\n    <li *ngIf=\"_extraTabs.length\" 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</ul>\n" }]
+                    ], 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" }]
         }], propDecorators: { _tabUIElements: [{
                 type: ViewChildren,
                 args: ['tabItem']
@@ -582,21 +563,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImpor
             }] } });
 class IconTabBarIconTypeComponent extends ClosableIconTabBar {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: IconTabBarIconTypeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.7", 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    <li\n        *ngFor=\"let item of _tabs; let idx = index; trackBy: _trackByTab\"\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                <span *ngIf=\"item.counter && (!item.label || !showLabel)\" class=\"fd-icon-tab-bar__counter\">{{\n                    item.counter\n                }}</span>\n            </div>\n            <div *ngIf=\"showLabel && item.label\" 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            <div class=\"screenreader-only\" *ngIf=\"item.color\">\n                {{ (colorAssociations && colorAssociations[item.color]) || item.color }}\n            </div>\n        </a>\n        <div class=\"fd-icon-tab-bar__button-container\" *ngIf=\"item.closable\">\n            <button fd-button class=\"fd-icon-tab-bar__button\" fdType=\"transparent\" (click)=\"_closeTab(item.uId)\">\n                <fd-icon glyph=\"decline\"></fd-icon>\n            </button>\n        </div>\n    </li>\n    <li *ngIf=\"_extraTabs.length\" 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</ul>\n", dependencies: [{ kind: "directive", type: OverflowListDirective, selector: "[fdkOverflowList]", inputs: ["overflowOffset", "isRtl", "itemCssBlockValue"], outputs: ["overflowChanged"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { 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: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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"] }] }); }
+    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"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: IconTabBarIconTypeComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: IconTabBarIconTypeComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fdp-icon-tab-bar-icon-type', standalone: true, imports: [
                         OverflowListDirective,
-                        NgFor,
                         OverflowListItemDirective,
                         NgClass,
                         IconComponent,
-                        NgIf,
                         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    <li\n        *ngFor=\"let item of _tabs; let idx = index; trackBy: _trackByTab\"\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                <span *ngIf=\"item.counter && (!item.label || !showLabel)\" class=\"fd-icon-tab-bar__counter\">{{\n                    item.counter\n                }}</span>\n            </div>\n            <div *ngIf=\"showLabel && item.label\" 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            <div class=\"screenreader-only\" *ngIf=\"item.color\">\n                {{ (colorAssociations && colorAssociations[item.color]) || item.color }}\n            </div>\n        </a>\n        <div class=\"fd-icon-tab-bar__button-container\" *ngIf=\"item.closable\">\n            <button fd-button class=\"fd-icon-tab-bar__button\" fdType=\"transparent\" (click)=\"_closeTab(item.uId)\">\n                <fd-icon glyph=\"decline\"></fd-icon>\n            </button>\n        </div>\n    </li>\n    <li *ngIf=\"_extraTabs.length\" 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</ul>\n" }]
+                    ], 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" }]
         }], propDecorators: { _tabUIElements: [{
                 type: ViewChildren,
                 args: ['tabItem']
@@ -775,20 +754,18 @@ class IconTabBarProcessTypeComponent extends ClosableIconTabBar {
         this._offsetOverflowDirective = this._nextSteps.length ? 70 : 0;
         this._cd.detectChanges();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: IconTabBarProcessTypeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.7", 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    <li\n        *ngIf=\"_showLeftBtn\"\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    <li\n        *ngFor=\"let item of _tabs; let idx = index; trackBy: _trackByTab\"\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            <ng-container *ngIf=\"item.icon; else processTextOnly\">\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                    <span *ngIf=\"item.badge\" class=\"fd-icon-tab-bar__badge\"></span>\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            </ng-container>\n            <ng-template #processTextOnly>\n                <span class=\"fd-icon-tab-bar__tag\">{{ item.label }}</span>\n                <span *ngIf=\"item.badge\" class=\"fd-icon-tab-bar__badge\"></span>\n            </ng-template>\n            <div class=\"screenreader-only\" *ngIf=\"item.color\">\n                {{ (colorAssociations && colorAssociations[item.color]) || item.color }}\n            </div>\n        </a>\n        <div class=\"fd-icon-tab-bar__button-container\" *ngIf=\"item.closable\">\n            <button fd-button class=\"fd-icon-tab-bar__button\" fdType=\"transparent\" (click)=\"_closeTab(item.uId)\">\n                <fd-icon glyph=\"decline\"></fd-icon>\n            </button>\n        </div>\n        <span *ngIf=\"_lastVisibleTabIndex !== idx\" class=\"fd-icon-tab-bar__separator\">\n            <fd-icon glyph=\"process\"></fd-icon>\n        </span>\n    </li>\n    <li *ngIf=\"_showRightBtn\" 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</ul>\n", dependencies: [{ kind: "directive", type: OverflowListDirective, selector: "[fdkOverflowList]", inputs: ["overflowOffset", "isRtl", "itemCssBlockValue"], outputs: ["overflowChanged"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: IconTabBarPopoverComponent, selector: "fdp-icon-tab-bar-popover", inputs: ["leftSide", "label", "showItemLabel"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { 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.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"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: IconTabBarProcessTypeComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: IconTabBarProcessTypeComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fdp-icon-tab-bar-process-type', standalone: true, imports: [
                         OverflowListDirective,
-                        NgIf,
                         IconTabBarPopoverComponent,
-                        NgFor,
                         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    <li\n        *ngIf=\"_showLeftBtn\"\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    <li\n        *ngFor=\"let item of _tabs; let idx = index; trackBy: _trackByTab\"\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            <ng-container *ngIf=\"item.icon; else processTextOnly\">\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                    <span *ngIf=\"item.badge\" class=\"fd-icon-tab-bar__badge\"></span>\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            </ng-container>\n            <ng-template #processTextOnly>\n                <span class=\"fd-icon-tab-bar__tag\">{{ item.label }}</span>\n                <span *ngIf=\"item.badge\" class=\"fd-icon-tab-bar__badge\"></span>\n            </ng-template>\n            <div class=\"screenreader-only\" *ngIf=\"item.color\">\n                {{ (colorAssociations && colorAssociations[item.color]) || item.color }}\n            </div>\n        </a>\n        <div class=\"fd-icon-tab-bar__button-container\" *ngIf=\"item.closable\">\n            <button fd-button class=\"fd-icon-tab-bar__button\" fdType=\"transparent\" (click)=\"_closeTab(item.uId)\">\n                <fd-icon glyph=\"decline\"></fd-icon>\n            </button>\n        </div>\n        <span *ngIf=\"_lastVisibleTabIndex !== idx\" class=\"fd-icon-tab-bar__separator\">\n            <fd-icon glyph=\"process\"></fd-icon>\n        </span>\n    </li>\n    <li *ngIf=\"_showRightBtn\" 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</ul>\n" }]
+                    ], 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" }]
         }], propDecorators: { _tabUIElements: [{
                 type: ViewChildren,
                 args: ['tabItem']
@@ -992,16 +969,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: "16.2.7", 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: "16.2.7", 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.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 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: IconBarDndContainerDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: IconBarDndContainerDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[fdpIconBarDndContainer], [fdp-icon-bar-dnd-container]',
                     standalone: true
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1.DragDrop }]; }, propDecorators: { draggable: [{
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1.DragDrop }], propDecorators: { draggable: [{
                 type: Input
             }], dropped: [{
                 type: Output
@@ -1073,16 +1050,16 @@ class IconBarDndListDirective {
     changeDraggableState(draggable) {
         this._dropListRef.disabled = !draggable;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", 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: "16.2.7", 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.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 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: IconBarDndListDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: IconBarDndListDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[fdpIconBarDndList], [fdp-icon-bar-dnd-list]',
                     standalone: true
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1.DragDrop }, { type: IconBarDndContainerDirective }]; }, propDecorators: { dndOrientation: [{
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1.DragDrop }, { type: IconBarDndContainerDirective }], propDecorators: { dndOrientation: [{
                 type: Input
             }], dndAutoScroll: [{
                 type: Input
@@ -1193,16 +1170,16 @@ class IconBarDndItemDirective {
         this.dragRef.released.pipe(takeUntil(this._onDestroy$)).subscribe(() => this.onCdkDragReleased());
         this.dragRef.started.pipe(takeUntil(this._onDestroy$)).subscribe(() => this.onCdkDragStart());
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", 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: "16.2.7", 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.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 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: IconBarDndItemDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: IconBarDndItemDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[fdpIconBarDndItem], [fdp-icon-bar-dnd-item]',
                     standalone: true
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1.DragDrop }, { type: IconBarDndListDirective }, { type: IconBarDndContainerDirective }]; }, propDecorators: { dndItemData: [{
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1.DragDrop }, { type: IconBarDndListDirective }, { type: IconBarDndContainerDirective }], propDecorators: { dndItemData: [{
                 type: Input
             }], previewClass: [{
                 type: Input
@@ -1271,24 +1248,22 @@ class TextTypePopoverComponent extends IconTabBarPopoverBase {
             return acc;
         }, []);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: TextTypePopoverComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.7", 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: "<ng-container *ngIf=\"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-container [ngTemplateOutletContext]=\"{ level: 1, items: extraTabs }\" [ngTemplateOutlet]=\"subItem\">\n                </ng-container>\n            </ul>\n        </fd-popover-body>\n    </fd-popover>\n</ng-container>\n\n<ng-container *ngIf=\"!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                    <span *ngIf=\"parentTab.badge\" class=\"fd-icon-tab-bar__badge\"></span>\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</ng-container>\n\n<ng-template #subItem let-items=\"items\" let-level=\"level\">\n    <ng-container *ngFor=\"let item of items; trackBy: _trackByTab\">\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                <span *ngIf=\"item.badge\" class=\"fd-icon-tab-bar__badge\"></span>\n                <span *ngIf=\"item.counter\" class=\"fd-list__counter fd-icon-tab-bar__list-item-counter\"\n                    >({{ item.counter }})\n                </span>\n                <div class=\"screenreader-only\" *ngIf=\"item.color\">\n                    {{ (colorAssociations && colorAssociations[item.color]) || item.color }}\n                </div>\n            </a>\n            <div class=\"fd-icon-tab-bar__button-container\" *ngIf=\"item.closable\">\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        </li>\n        <ng-container *ngIf=\"item.subItems?.length\">\n            <ng-container\n                [ngTemplateOutletContext]=\"{ level: level + 1, items: item.subItems }\"\n                [ngTemplateOutlet]=\"subItem\"\n            ></ng-container>\n        </ng-container>\n    </ng-container>\n</ng-template>\n", dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { 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.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 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: TextTypePopoverComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: TextTypePopoverComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fdp-text-type-popover', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
-                        NgIf,
                         PopoverComponent,
                         PopoverControlComponent,
                         PopoverBodyComponent,
                         IconBarDndListDirective,
                         NgTemplateOutlet,
-                        NgFor,
                         IconBarDndItemDirective,
                         NgClass,
                         ButtonComponent,
                         IconComponent
-                    ], template: "<ng-container *ngIf=\"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-container [ngTemplateOutletContext]=\"{ level: 1, items: extraTabs }\" [ngTemplateOutlet]=\"subItem\">\n                </ng-container>\n            </ul>\n        </fd-popover-body>\n    </fd-popover>\n</ng-container>\n\n<ng-container *ngIf=\"!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                    <span *ngIf=\"parentTab.badge\" class=\"fd-icon-tab-bar__badge\"></span>\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</ng-container>\n\n<ng-template #subItem let-items=\"items\" let-level=\"level\">\n    <ng-container *ngFor=\"let item of items; trackBy: _trackByTab\">\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                <span *ngIf=\"item.badge\" class=\"fd-icon-tab-bar__badge\"></span>\n                <span *ngIf=\"item.counter\" class=\"fd-list__counter fd-icon-tab-bar__list-item-counter\"\n                    >({{ item.counter }})\n                </span>\n                <div class=\"screenreader-only\" *ngIf=\"item.color\">\n                    {{ (colorAssociations && colorAssociations[item.color]) || item.color }}\n                </div>\n            </a>\n            <div class=\"fd-icon-tab-bar__button-container\" *ngIf=\"item.closable\">\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        </li>\n        <ng-container *ngIf=\"item.subItems?.length\">\n            <ng-container\n                [ngTemplateOutletContext]=\"{ level: level + 1, items: item.subItems }\"\n                [ngTemplateOutlet]=\"subItem\"\n            ></ng-container>\n        </ng-container>\n    </ng-container>\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                <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" }]
         }], propDecorators: { _dropdownTrigger: [{
                 type: ViewChild,
                 args: ['dropdownTrigger']
@@ -1419,25 +1394,23 @@ class IconTabBarTextTypeComponent extends ClosableIconTabBar {
         }
         return tabUIElement._dropdownTrigger.nativeElement;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: IconTabBarTextTypeComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.7", 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        <li\n            *ngFor=\"let item of _tabs; let idx = index; trackBy: _trackByTab\"\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            <a\n                *ngIf=\"!item.subItems?.length; else withPopover\"\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                <span *ngIf=\"layoutMode === 'row'; else columnsMode\" class=\"fd-icon-tab-bar__tag\">\n                    {{ item.label }}\n                    <ng-container *ngIf=\"item.counter\"> ({{ item.counter }})</ng-container>\n                </span>\n                <ng-template #columnsMode>\n                    <span class=\"fd-icon-tab-bar__counter\">{{ item.counter }}</span>\n                    <span class=\"fd-icon-tab-bar__tag\">{{ item.label }}</span>\n                </ng-template>\n                <span *ngIf=\"item.badge\" class=\"fd-icon-tab-bar__badge\"></span>\n                <div class=\"screenreader-only\" *ngIf=\"item.color\">\n                    {{ (colorAssociations && colorAssociations[item.color]) || item.color }}\n                </div>\n            </a>\n            <ng-template #withPopover>\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            </ng-template>\n            <div class=\"fd-icon-tab-bar__button-container\" *ngIf=\"item.closable\">\n                <button fd-button class=\"fd-icon-tab-bar__button\" fdType=\"transparent\" (click)=\"_closeTab(item.uId)\">\n                    <fd-icon glyph=\"decline\"></fd-icon>\n                </button>\n            </div>\n        </li>\n        <li *ngIf=\"_extraTabs.length\" 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    </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: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { 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: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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.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"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: IconTabBarTextTypeComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: IconTabBarTextTypeComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fdp-icon-tab-bar-text-type', standalone: true, imports: [
                         IconBarDndContainerDirective,
                         OverflowListDirective,
                         IconBarDndListDirective,
-                        NgFor,
                         OverflowListItemDirective,
                         IconBarDndItemDirective,
                         NgClass,
-                        NgIf,
                         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        <li\n            *ngFor=\"let item of _tabs; let idx = index; trackBy: _trackByTab\"\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            <a\n                *ngIf=\"!item.subItems?.length; else withPopover\"\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                <span *ngIf=\"layoutMode === 'row'; else columnsMode\" class=\"fd-icon-tab-bar__tag\">\n                    {{ item.label }}\n                    <ng-container *ngIf=\"item.counter\"> ({{ item.counter }})</ng-container>\n                </span>\n                <ng-template #columnsMode>\n                    <span class=\"fd-icon-tab-bar__counter\">{{ item.counter }}</span>\n                    <span class=\"fd-icon-tab-bar__tag\">{{ item.label }}</span>\n                </ng-template>\n                <span *ngIf=\"item.badge\" class=\"fd-icon-tab-bar__badge\"></span>\n                <div class=\"screenreader-only\" *ngIf=\"item.color\">\n                    {{ (colorAssociations && colorAssociations[item.color]) || item.color }}\n                </div>\n            </a>\n            <ng-template #withPopover>\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            </ng-template>\n            <div class=\"fd-icon-tab-bar__button-container\" *ngIf=\"item.closable\">\n                <button fd-button class=\"fd-icon-tab-bar__button\" fdType=\"transparent\" (click)=\"_closeTab(item.uId)\">\n                    <fd-icon glyph=\"decline\"></fd-icon>\n                </button>\n            </div>\n        </li>\n        <li *ngIf=\"_extraTabs.length\" 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    </ul>\n</ng-container>\n" }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.NgZone }]; }, propDecorators: { _tabUIElements: [{
+                    ], 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: [{
                 type: ViewChildren,
                 args: ['tabItem']
             }], _tabBarPopover: [{
@@ -1574,24 +1547,23 @@ class IconTabBarComponent {
         }
         return styles;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", 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: "14.0.0", version: "16.2.7", 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    <ng-container *ngIf=\"iconTabType === 'text'\">\n        <ng-container *ngTemplateOutlet=\"textType\"></ng-container>\n    </ng-container>\n\n    <ng-container *ngIf=\"iconTabType === 'icon' || iconTabType === 'icon-only'\">\n        <ng-container *ngTemplateOutlet=\"iconType\"></ng-container>\n    </ng-container>\n\n    <ng-container *ngIf=\"iconTabType === 'filter'\">\n        <ng-container *ngTemplateOutlet=\"filterType\"></ng-container>\n    </ng-container>\n\n    <ng-container *ngIf=\"iconTabType === 'process'\">\n        <ng-container *ngTemplateOutlet=\"processType\"></ng-container>\n    </ng-container>\n</div>\n\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\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\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\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: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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 }); }
+    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 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: IconTabBarComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: IconTabBarComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fdp-icon-tab-bar', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: true, imports: [
-                        NgIf,
                         NgTemplateOutlet,
                         IconTabBarProcessTypeComponent,
                         IconTabBarFilterTypeComponent,
                         IconTabBarIconTypeComponent,
                         IconTabBarTextTypeComponent
-                    ], template: "<div class=\"fd-icon-tab-bar\" [class]=\"_cssClassForContainer\">\n    <ng-container *ngIf=\"iconTabType === 'text'\">\n        <ng-container *ngTemplateOutlet=\"textType\"></ng-container>\n    </ng-container>\n\n    <ng-container *ngIf=\"iconTabType === 'icon' || iconTabType === 'icon-only'\">\n        <ng-container *ngTemplateOutlet=\"iconType\"></ng-container>\n    </ng-container>\n\n    <ng-container *ngIf=\"iconTabType === 'filter'\">\n        <ng-container *ngTemplateOutlet=\"filterType\"></ng-container>\n    </ng-container>\n\n    <ng-container *ngIf=\"iconTabType === 'process'\">\n        <ng-container *ngTemplateOutlet=\"processType\"></ng-container>\n    </ng-container>\n</div>\n\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\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\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\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"] }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i1$1.ContentDensityService, decorators: [{
+                    ], 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"] }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i1$1.ContentDensityService, decorators: [{
                     type: Optional
                 }] }, { type: i1$1.RtlService, decorators: [{
                     type: Optional
-                }] }]; }, propDecorators: { iconTabType: [{
+                }] }], propDecorators: { iconTabType: [{
                 type: Input
             }], tabsConfig: [{
                 type: Input
@@ -1636,8 +1608,8 @@ const components = [
  * Import `IconTabBarComponent` directly instead.
  */
 class PlatformIconTabBarModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: PlatformIconTabBarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.7", ngImport: i0, type: PlatformIconTabBarModule, imports: [IconTabBarComponent,
+    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,
             IconTabBarTextTypeComponent,
             IconTabBarIconTypeComponent,
             IconTabBarProcessTypeComponent,
@@ -1656,7 +1628,7 @@ class PlatformIconTabBarModule {
             IconBarDndListDirective,
             IconBarDndItemDirective,
             IconBarDndContainerDirective] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: PlatformIconTabBarModule, imports: [IconTabBarComponent,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: PlatformIconTabBarModule, imports: [IconTabBarComponent,
             IconTabBarTextTypeComponent,
             IconTabBarIconTypeComponent,
             IconTabBarProcessTypeComponent,
@@ -1664,7 +1636,7 @@ class PlatformIconTabBarModule {
             IconTabBarPopoverComponent,
             TextTypePopoverComponent] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: PlatformIconTabBarModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: PlatformIconTabBarModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [...components],