@fundamental-ngx/platform 0.58.2-rc.0 → 0.58.2
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.
- package/fesm2022/fundamental-ngx-platform-approval-flow.mjs +61 -47
- package/fesm2022/fundamental-ngx-platform-approval-flow.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-platform-button.mjs +7 -7
- package/fesm2022/fundamental-ngx-platform-button.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-platform-dynamic-page.mjs +47 -47
- package/fesm2022/fundamental-ngx-platform-dynamic-page.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-platform-feed-input.mjs +10 -8
- package/fesm2022/fundamental-ngx-platform-feed-input.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-platform-form.mjs +327 -319
- package/fesm2022/fundamental-ngx-platform-form.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-platform-icon-tab-bar.mjs +80 -80
- package/fesm2022/fundamental-ngx-platform-icon-tab-bar.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-platform-info-label.mjs +7 -7
- package/fesm2022/fundamental-ngx-platform-info-label.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-platform-link.mjs +10 -8
- package/fesm2022/fundamental-ngx-platform-link.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-platform-list.mjs +59 -59
- package/fesm2022/fundamental-ngx-platform-list.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-platform-menu-button.mjs +7 -7
- package/fesm2022/fundamental-ngx-platform-menu-button.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-platform-menu.mjs +14 -14
- package/fesm2022/fundamental-ngx-platform-menu.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-platform-message-popover.mjs +16 -16
- package/fesm2022/fundamental-ngx-platform-message-popover.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-platform-object-attribute.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-platform-object-marker.mjs +7 -7
- package/fesm2022/fundamental-ngx-platform-object-marker.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-platform-object-status.mjs +10 -10
- package/fesm2022/fundamental-ngx-platform-object-status.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-platform-page-footer.mjs +8 -8
- package/fesm2022/fundamental-ngx-platform-page-footer.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-platform-panel.mjs +31 -25
- package/fesm2022/fundamental-ngx-platform-panel.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-platform-search-field.mjs +16 -16
- package/fesm2022/fundamental-ngx-platform-search-field.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-platform-settings-generator.mjs +36 -36
- package/fesm2022/fundamental-ngx-platform-settings-generator.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-platform-shared.mjs +28 -28
- package/fesm2022/fundamental-ngx-platform-shared.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-platform-slider.mjs +7 -7
- package/fesm2022/fundamental-ngx-platform-slider.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-platform-smart-filter-bar.mjs +34 -34
- package/fesm2022/fundamental-ngx-platform-smart-filter-bar.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-platform-split-menu-button.mjs +7 -7
- package/fesm2022/fundamental-ngx-platform-split-menu-button.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-platform-table-helpers.mjs +82 -82
- package/fesm2022/fundamental-ngx-platform-table-helpers.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-platform-table.mjs +131 -131
- package/fesm2022/fundamental-ngx-platform-table.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-platform-value-help-dialog.mjs +30 -30
- package/fesm2022/fundamental-ngx-platform-value-help-dialog.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-platform-variant-management.mjs +19 -19
- package/fesm2022/fundamental-ngx-platform-variant-management.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-platform-wizard-generator.mjs +43 -43
- package/fesm2022/fundamental-ngx-platform-wizard-generator.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-platform.mjs +4 -4
- package/fesm2022/fundamental-ngx-platform.mjs.map +1 -1
- package/package.json +35 -35
- package/{types/fundamental-ngx-platform-panel.d.ts → panel/index.d.ts} +4 -4
- package/schematics/ng-add/index.js +1 -1
- package/schematics/utils/package-utils.js +1 -1
- package/schematics/utils/package-utils.js.map +1 -1
- /package/{types/fundamental-ngx-platform-approval-flow.d.ts → approval-flow/index.d.ts} +0 -0
- /package/{types/fundamental-ngx-platform-button.d.ts → button/index.d.ts} +0 -0
- /package/{types/fundamental-ngx-platform-dynamic-page.d.ts → dynamic-page/index.d.ts} +0 -0
- /package/{types/fundamental-ngx-platform-feed-input.d.ts → feed-input/index.d.ts} +0 -0
- /package/{types/fundamental-ngx-platform-form.d.ts → form/index.d.ts} +0 -0
- /package/{types/fundamental-ngx-platform-icon-tab-bar.d.ts → icon-tab-bar/index.d.ts} +0 -0
- /package/{types/fundamental-ngx-platform.d.ts → index.d.ts} +0 -0
- /package/{types/fundamental-ngx-platform-info-label.d.ts → info-label/index.d.ts} +0 -0
- /package/{types/fundamental-ngx-platform-link.d.ts → link/index.d.ts} +0 -0
- /package/{types/fundamental-ngx-platform-list.d.ts → list/index.d.ts} +0 -0
- /package/{types/fundamental-ngx-platform-menu.d.ts → menu/index.d.ts} +0 -0
- /package/{types/fundamental-ngx-platform-menu-button.d.ts → menu-button/index.d.ts} +0 -0
- /package/{types/fundamental-ngx-platform-message-popover.d.ts → message-popover/index.d.ts} +0 -0
- /package/{types/fundamental-ngx-platform-object-attribute.d.ts → object-attribute/index.d.ts} +0 -0
- /package/{types/fundamental-ngx-platform-object-marker.d.ts → object-marker/index.d.ts} +0 -0
- /package/{types/fundamental-ngx-platform-object-status.d.ts → object-status/index.d.ts} +0 -0
- /package/{types/fundamental-ngx-platform-page-footer.d.ts → page-footer/index.d.ts} +0 -0
- /package/{types/fundamental-ngx-platform-search-field.d.ts → search-field/index.d.ts} +0 -0
- /package/{types/fundamental-ngx-platform-settings-generator.d.ts → settings-generator/index.d.ts} +0 -0
- /package/{types/fundamental-ngx-platform-shared.d.ts → shared/index.d.ts} +0 -0
- /package/{types/fundamental-ngx-platform-slider.d.ts → slider/index.d.ts} +0 -0
- /package/{types/fundamental-ngx-platform-smart-filter-bar.d.ts → smart-filter-bar/index.d.ts} +0 -0
- /package/{types/fundamental-ngx-platform-split-menu-button.d.ts → split-menu-button/index.d.ts} +0 -0
- /package/{types/fundamental-ngx-platform-table.d.ts → table/index.d.ts} +0 -0
- /package/{types/fundamental-ngx-platform-table-helpers.d.ts → table-helpers/index.d.ts} +0 -0
- /package/{types/fundamental-ngx-platform-value-help-dialog.d.ts → value-help-dialog/index.d.ts} +0 -0
- /package/{types/fundamental-ngx-platform-variant-management.d.ts → variant-management/index.d.ts} +0 -0
- /package/{types/fundamental-ngx-platform-wizard-generator.d.ts → wizard-generator/index.d.ts} +0 -0
|
@@ -369,10 +369,10 @@ class IconTabBarBase {
|
|
|
369
369
|
return tabStillExists ? false : true;
|
|
370
370
|
});
|
|
371
371
|
}
|
|
372
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
373
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "
|
|
372
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: IconTabBarBase, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
373
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.1.4", type: IconTabBarBase, isStandalone: true, inputs: { tabs: { classPropertyName: "tabs", publicName: "tabs", isSignal: false, isRequired: false, transformFunction: null }, isRtl: { classPropertyName: "isRtl", publicName: "isRtl", isSignal: false, isRequired: false, transformFunction: null }, densityMode: { classPropertyName: "densityMode", publicName: "densityMode", isSignal: false, isRequired: false, transformFunction: null }, selectedUid: { classPropertyName: "selectedUid", publicName: "selectedUid", isSignal: false, isRequired: false, transformFunction: null }, tabHeadingLevel: { classPropertyName: "tabHeadingLevel", publicName: "tabHeadingLevel", isSignal: true, isRequired: false, transformFunction: null }, colorAssociations: { classPropertyName: "colorAssociations", publicName: "colorAssociations", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selected: "selected", selectedUidChange: "selectedUidChange" }, viewQueries: [{ propertyName: "overflowDirective", first: true, predicate: OverflowListDirective, descendants: true }, { propertyName: "headerElement", first: true, predicate: ["tablist"], descendants: true, read: ElementRef }], usesOnChanges: true, ngImport: i0 }); }
|
|
374
374
|
}
|
|
375
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
375
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: IconTabBarBase, decorators: [{
|
|
376
376
|
type: Directive
|
|
377
377
|
}], propDecorators: { tabs: [{
|
|
378
378
|
type: Input
|
|
@@ -392,7 +392,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImpor
|
|
|
392
392
|
}], headerElement: [{
|
|
393
393
|
type: ViewChild,
|
|
394
394
|
args: ['tablist', { read: ElementRef }]
|
|
395
|
-
}]
|
|
395
|
+
}] } });
|
|
396
396
|
|
|
397
397
|
class ClosableIconTabBar extends IconTabBarBase {
|
|
398
398
|
constructor() {
|
|
@@ -483,10 +483,10 @@ class ClosableIconTabBar extends IconTabBarBase {
|
|
|
483
483
|
}
|
|
484
484
|
return result;
|
|
485
485
|
}
|
|
486
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
487
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
486
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: ClosableIconTabBar, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
|
|
487
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.4", type: ClosableIconTabBar, isStandalone: true, outputs: { closeTab: "closeTab" }, usesInheritance: true, ngImport: i0 }); }
|
|
488
488
|
}
|
|
489
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
489
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: ClosableIconTabBar, decorators: [{
|
|
490
490
|
type: Directive
|
|
491
491
|
}], propDecorators: { closeTab: [{
|
|
492
492
|
type: Output
|
|
@@ -617,10 +617,10 @@ class IconTabBarPopoverBase {
|
|
|
617
617
|
.sort(({ flatIndex: aFlatIndex }, { flatIndex: bFlatIndex }) => aFlatIndex - bFlatIndex)
|
|
618
618
|
.map(({ nativeElement }) => nativeElement);
|
|
619
619
|
}
|
|
620
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
621
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "
|
|
620
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: IconTabBarPopoverBase, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
621
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.1.4", type: IconTabBarPopoverBase, isStandalone: true, inputs: { isRtl: { classPropertyName: "isRtl", publicName: "isRtl", isSignal: false, isRequired: false, transformFunction: null }, extraTabs: { classPropertyName: "extraTabs", publicName: "extraTabs", isSignal: false, isRequired: false, transformFunction: null }, isSeparators: { classPropertyName: "isSeparators", publicName: "isSeparators", isSignal: false, isRequired: false, transformFunction: null }, colorAssociations: { classPropertyName: "colorAssociations", publicName: "colorAssociations", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selectedExtraItem: "selectedExtraItem", focusFirstVisibleItem: "focusFirstVisibleItem", focusLastVisibleItem: "focusLastVisibleItem", closeTab: "closeTab" }, viewQueries: [{ propertyName: "popover", first: true, predicate: ["popover"], descendants: true }], usesOnChanges: true, ngImport: i0 }); }
|
|
622
622
|
}
|
|
623
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
623
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: IconTabBarPopoverBase, decorators: [{
|
|
624
624
|
type: Directive
|
|
625
625
|
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { isRtl: [{
|
|
626
626
|
type: Input
|
|
@@ -639,7 +639,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImpor
|
|
|
639
639
|
type: Output
|
|
640
640
|
}], closeTab: [{
|
|
641
641
|
type: Output
|
|
642
|
-
}]
|
|
642
|
+
}] } });
|
|
643
643
|
|
|
644
644
|
class IconTabBarPopoverComponent extends IconTabBarPopoverBase {
|
|
645
645
|
constructor() {
|
|
@@ -653,10 +653,10 @@ class IconTabBarPopoverComponent extends IconTabBarPopoverBase {
|
|
|
653
653
|
*/
|
|
654
654
|
this.label = 'more';
|
|
655
655
|
}
|
|
656
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
657
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
656
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: IconTabBarPopoverComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
657
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.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\" tabindex=\"-1\">\n <span class=\"fd-icon-tab-bar__overflow-text\">{{ label }}</span>\n <fd-icon glyph=\"slim-arrow-down\" role=\"presentation\"></fd-icon>\n </button>\n </fd-popover-control>\n <fd-popover-body class=\"fd-icon-tab-bar\">\n <ul class=\"fd-list fd-list--navigation fd-list--no-border fd-icon-tab-bar__list\" role=\"list\">\n @for (item of extraTabs; track item.uId; let idx = $index) {\n @if (isSeparators) {\n <li tabindex=\"-1\" class=\"fd-icon-tab-bar__icon-separator\">\n <fd-icon glyph=\"process\"></fd-icon>\n </li>\n }\n <li\n class=\"fd-list__item fd-list__item--link fd-icon-tab-bar__list-item\"\n role=\"listitem\"\n [class.fd-icon-tab-bar__list-item--closable]=\"item.closable\"\n [ngClass]=\"item.cssClasses\"\n tabindex=\"-1\"\n >\n <a\n class=\"fd-list__link fd-icon-tab-bar__list-link\"\n #tabItem\n [attr.data-flatIndex]=\"item.flatIndex\"\n tabindex=\"0\"\n (click)=\"_selectItem(item)\"\n (keydown)=\"_keyDownHandler($event, item, idx)\"\n >\n <span class=\"fd-icon-tab-bar__list-item-icon-container\">\n <span class=\"fd-list__icon fd-icon-tab-bar__list-item-icon\">\n <fd-icon [glyph]=\"item.icon | fdkAsyncOrSync\"></fd-icon>\n </span>\n </span>\n @if (showItemLabel && (item.label | fdkAsyncOrSync)) {\n <span class=\"fd-list__title fd-icon-tab-bar__list-item-title\">{{\n item.label | fdkAsyncOrSync\n }}</span>\n }\n @if (item.badge) {\n <span class=\"fd-icon-tab-bar__badge\"></span>\n }\n @if (item.counter | fdkAsyncOrSync; as itemCounter) {\n <span class=\"fd-list__counter fd-icon-tab-bar__list-item-counter\"\n >({{ itemCounter }})\n </span>\n }\n @if (item.color | fdkAsyncOrSync; as itemColor) {\n <div class=\"screenreader-only\">\n {{ colorAssociations()?.[itemColor] || itemColor }}\n </div>\n }\n </a>\n @if (item.closable) {\n <div class=\"fd-icon-tab-bar__button-container\">\n <button\n fd-button\n tabindex=\"-1\"\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", "preventSpaceKeyScroll"] }, { 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"], outputs: ["ariaHiddenChange"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: ButtonComponent, selector: "button[fd-button], a[fd-button], span[fd-button]", inputs: ["class", "id"], exportAs: ["fd-button"] }, { kind: "pipe", type: AsyncOrSyncPipe, name: "fdkAsyncOrSync" }] }); }
|
|
658
658
|
}
|
|
659
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
659
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: IconTabBarPopoverComponent, decorators: [{
|
|
660
660
|
type: Component,
|
|
661
661
|
args: [{ selector: 'fdp-icon-tab-bar-popover', imports: [
|
|
662
662
|
PopoverComponent,
|
|
@@ -694,15 +694,15 @@ class IconTabBarFilterTypeComponent extends ClosableIconTabBar {
|
|
|
694
694
|
super._initTabs();
|
|
695
695
|
this._totalTab = this.showTotalTab ? this.tabs[0] : undefined;
|
|
696
696
|
}
|
|
697
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
698
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
697
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: IconTabBarFilterTypeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
698
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.4", type: IconTabBarFilterTypeComponent, isStandalone: true, selector: "fdp-icon-tab-bar-filter-type", inputs: { showTotalTab: "showTotalTab" }, providers: [
|
|
699
699
|
{
|
|
700
700
|
provide: IconTabBarBase,
|
|
701
701
|
useExisting: IconTabBarFilterTypeComponent
|
|
702
702
|
}
|
|
703
703
|
], viewQueries: [{ propertyName: "_tabBarPopover", first: true, predicate: IconTabBarPopoverComponent, descendants: true }, { propertyName: "_tabUIElements", predicate: ["tabItem"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<ul\n class=\"fd-icon-tab-bar__header\"\n [class.fd-dynamic-page__tabs]=\"_inDynamicPage\"\n role=\"tablist\"\n fdkOverflowList\n [isRtl]=\"isRtl\"\n #tablist\n [overflowOffset]=\"100\"\n (overflowChanged)=\"_recalculateVisibleItems($event)\"\n>\n @if (showTotalTab) {\n <li class=\"fd-icon-tab-bar__item\" role=\"presentation\" fdkOverflowListItem>\n <a\n (click)=\"_totalTab && _selectItem(_totalTab)\"\n (keydown)=\"_keyDownHandler($event, _totalTab, 0)\"\n [attr.aria-selected]=\"_totalTab?.uId === selectedUid\"\n class=\"fd-icon-tab-bar__tab\"\n [tabindex]=\"selectedUid === '0' ? 0 : -1\"\n #tabItem\n role=\"tab\"\n [attr.aria-level]=\"tabHeadingLevel()\"\n >\n <div class=\"fd-icon-tab-bar__container fd-icon-tab-bar__container--filter\">\n @if (_totalTab?.counter) {\n <span class=\"fd-icon-tab-bar__filter-counter\">{{ _totalTab?.counter }}</span>\n }\n <span class=\"fd-icon-tab-bar__filter-label\">{{ _totalTab?.label | fdkAsyncOrSync }}</span>\n </div>\n </a>\n </li>\n }\n @for (item of tabs | slice: 1; track item.uId; let idx = $index) {\n <li\n [class]=\"item.cssClasses\"\n class=\"fd-icon-tab-bar__item\"\n role=\"presentation\"\n fdkOverflowListItem\n [attr.aria-hidden]=\"item.hidden\"\n >\n <a\n (click)=\"_selectItem(item)\"\n [attr.aria-selected]=\"item.uId === selectedUid\"\n class=\"fd-icon-tab-bar__tab\"\n #tabItem\n [attr.tabindex]=\"item.uId === selectedUid ? 0 : -1\"\n (keydown)=\"_keyDownHandler($event, item, idx + (showTotalTab ? 1 : 0))\"\n role=\"tab\"\n [attr.aria-level]=\"tabHeadingLevel()\"\n >\n @if (item?.titleTemplate) {\n <ng-container [ngTemplateOutlet]=\"item.titleTemplate || null\"></ng-container>\n } @else {\n <div class=\"fd-icon-tab-bar__container\">\n <span class=\"fd-icon-tab-bar__icon\">\n <fd-icon [glyph]=\"item.icon\"></fd-icon>\n </span>\n @if (item.counter) {\n <span class=\"fd-icon-tab-bar__counter\">{{ item.counter }}</span>\n }\n </div>\n <div class=\"fd-icon-tab-bar__label\">{{ item.label | fdkAsyncOrSync }}</div>\n }\n @if (item.color | fdkAsyncOrSync; as itemColor) {\n <div class=\"screenreader-only\">\n {{ colorAssociations()?.[itemColor] || itemColor }}\n </div>\n }\n </a>\n @if (item.closable) {\n <div class=\"fd-icon-tab-bar__button-container\">\n <button\n fd-button\n tabindex=\"-1\"\n class=\"fd-icon-tab-bar__button\"\n fdType=\"transparent\"\n (click)=\"_closeTab(item.uId)\"\n >\n <fd-icon glyph=\"decline\"></fd-icon>\n </button>\n </div>\n }\n </li>\n }\n @if (_extraItems$()) {\n <li role=\"presentation\" class=\"fd-icon-tab-bar__item fd-icon-tab-bar__item--overflow\">\n <fdp-icon-tab-bar-popover\n [isRtl]=\"isRtl\"\n [extraTabs]=\"_extraTabs$()\"\n [colorAssociations]=\"colorAssociations()\"\n (selectedExtraItem)=\"_selectExtraItem($event)\"\n (focusFirstVisibleItem)=\"_focusItem(0)\"\n (focusLastVisibleItem)=\"_focusItem(_lastVisibleTabIndex)\"\n (closeTab)=\"_closeTab($event, true)\"\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"], outputs: ["ariaHiddenChange"] }, { kind: "component", type: IconTabBarPopoverComponent, selector: "fdp-icon-tab-bar-popover", inputs: ["leftSide", "label", "showItemLabel"] }, { kind: "component", type: ButtonComponent, selector: "button[fd-button], a[fd-button], span[fd-button]", inputs: ["class", "id"], exportAs: ["fd-button"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: SlicePipe, name: "slice" }, { kind: "pipe", type: AsyncOrSyncPipe, name: "fdkAsyncOrSync" }] }); }
|
|
704
704
|
}
|
|
705
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
705
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: IconTabBarFilterTypeComponent, decorators: [{
|
|
706
706
|
type: Component,
|
|
707
707
|
args: [{ selector: 'fdp-icon-tab-bar-filter-type', providers: [
|
|
708
708
|
{
|
|
@@ -735,15 +735,15 @@ class IconTabBarIconTypeComponent extends ClosableIconTabBar {
|
|
|
735
735
|
/** @hidden */
|
|
736
736
|
this._defaultFontFamily = FD_DEFAULT_ICON_FONT_FAMILY;
|
|
737
737
|
}
|
|
738
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
739
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
738
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: IconTabBarIconTypeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
739
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.4", type: IconTabBarIconTypeComponent, isStandalone: true, selector: "fdp-icon-tab-bar-icon-type", inputs: { showLabel: "showLabel" }, providers: [
|
|
740
740
|
{
|
|
741
741
|
provide: IconTabBarBase,
|
|
742
742
|
useExisting: IconTabBarIconTypeComponent
|
|
743
743
|
}
|
|
744
744
|
], viewQueries: [{ propertyName: "_tabBarPopover", first: true, predicate: IconTabBarPopoverComponent, descendants: true }, { propertyName: "_tabUIElements", predicate: ["tabItem"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<ul\n class=\"fd-icon-tab-bar__header\"\n [class.fd-dynamic-page__tabs]=\"_inDynamicPage\"\n role=\"tablist\"\n fdkOverflowList\n [isRtl]=\"isRtl\"\n #tablist\n [overflowOffset]=\"100\"\n (overflowChanged)=\"_recalculateVisibleItems($event)\"\n>\n @for (item of tabs; track item.uId; let idx = $index) {\n <li\n [ngClass]=\"item.cssClasses\"\n [class.fd-icon-tab-bar__item--closable]=\"item.closable\"\n fdkOverflowListItem\n [attr.aria-hidden]=\"item.hidden\"\n class=\"fd-icon-tab-bar__item\"\n role=\"presentation\"\n >\n <a\n class=\"fd-icon-tab-bar__tab\"\n #tabItem\n role=\"tab\"\n [attr.tabindex]=\"item.uId === selectedUid ? 0 : -1\"\n [attr.aria-selected]=\"item.uId === selectedUid\"\n (click)=\"_selectItem(item)\"\n (keydown)=\"_keyDownHandler($event, item, idx)\"\n [attr.aria-level]=\"tabHeadingLevel()\"\n >\n @if (item?.titleTemplate) {\n <ng-template [ngTemplateOutlet]=\"item.titleTemplate || null\"></ng-template>\n } @else {\n <div class=\"fd-icon-tab-bar__container\">\n <span class=\"fd-icon-tab-bar__icon\">\n <fd-icon [glyph]=\"item.icon\" [font]=\"item.iconFont || _defaultFontFamily\"></fd-icon>\n </span>\n @if (item.counter && (!item.label || !showLabel)) {\n <span class=\"fd-icon-tab-bar__counter\">{{ item.counter }}</span>\n }\n </div>\n @if (showLabel && item.label) {\n <div class=\"fd-icon-tab-bar__details\">\n <span class=\"fd-icon-tab-bar__counter\">{{ item.counter }}</span>\n <span class=\"fd-icon-tab-bar__label\">{{ item.label }}</span>\n </div>\n }\n @if (item.color | fdkAsyncOrSync; as itemColor) {\n <div class=\"screenreader-only\">\n {{ colorAssociations()?.[itemColor] || itemColor }}\n </div>\n }\n }\n </a>\n @if (item.closable) {\n <div class=\"fd-icon-tab-bar__button-container\">\n <button\n fd-button\n tabindex=\"-1\"\n class=\"fd-icon-tab-bar__button\"\n fdType=\"transparent\"\n (click)=\"_closeTab(item.uId)\"\n >\n <fd-icon glyph=\"decline\"></fd-icon>\n </button>\n </div>\n }\n </li>\n }\n @if (_extraItems$()) {\n <li role=\"presentation\" class=\"fd-icon-tab-bar__item fd-icon-tab-bar__item--overflow\">\n <fdp-icon-tab-bar-popover\n [showItemLabel]=\"showLabel\"\n [isRtl]=\"isRtl\"\n [extraTabs]=\"_extraTabs$()\"\n [colorAssociations]=\"colorAssociations()\"\n (selectedExtraItem)=\"_selectExtraItem($event)\"\n (focusFirstVisibleItem)=\"_focusItem(0)\"\n (focusLastVisibleItem)=\"_focusItem(_lastVisibleTabIndex)\"\n (closeTab)=\"_closeTab($event, true)\"\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"], outputs: ["ariaHiddenChange"] }, { kind: "component", type: ButtonComponent, selector: "button[fd-button], a[fd-button], span[fd-button]", inputs: ["class", "id"], exportAs: ["fd-button"] }, { kind: "component", type: IconTabBarPopoverComponent, selector: "fdp-icon-tab-bar-popover", inputs: ["leftSide", "label", "showItemLabel"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: AsyncOrSyncPipe, name: "fdkAsyncOrSync" }] }); }
|
|
745
745
|
}
|
|
746
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
746
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: IconTabBarIconTypeComponent, decorators: [{
|
|
747
747
|
type: Component,
|
|
748
748
|
args: [{ selector: 'fdp-icon-tab-bar-icon-type', providers: [
|
|
749
749
|
{
|
|
@@ -940,15 +940,15 @@ class IconTabBarProcessTypeComponent extends ClosableIconTabBar {
|
|
|
940
940
|
this._offsetOverflowDirective = this._nextSteps.length ? 70 : 0;
|
|
941
941
|
this._cd.detectChanges();
|
|
942
942
|
}
|
|
943
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
944
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
943
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: IconTabBarProcessTypeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
944
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.4", type: IconTabBarProcessTypeComponent, isStandalone: true, selector: "fdp-icon-tab-bar-process-type", providers: [
|
|
945
945
|
{
|
|
946
946
|
provide: IconTabBarBase,
|
|
947
947
|
useExisting: IconTabBarProcessTypeComponent
|
|
948
948
|
}
|
|
949
949
|
], viewQueries: [{ propertyName: "_tabBarPopover", first: true, predicate: IconTabBarPopoverComponent, descendants: true }, { propertyName: "_tabUIElements", predicate: ["tabItem"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<ul\n class=\"fd-icon-tab-bar__header\"\n [class.fd-dynamic-page__tabs]=\"_inDynamicPage\"\n role=\"tablist\"\n #tablist\n [class.fd-icon-tab-bar__header--left-offset]=\"_showLeftBtn\"\n fdkOverflowList\n [isRtl]=\"isRtl\"\n [overflowOffset]=\"_offsetOverflowDirective\"\n (overflowChanged)=\"_recalculateVisibleItems($event)\"\n>\n @if (_showLeftBtn && _prevSteps.length) {\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]=\"item.uId === selectedUid ? 0 : -1\"\n role=\"tab\"\n [attr.aria-level]=\"tabHeadingLevel()\"\n >\n @if (item?.titleTemplate) {\n <ng-container [ngTemplateOutlet]=\"item.titleTemplate || null\"></ng-container>\n } @else {\n @if (item.icon) {\n <div class=\"fd-icon-tab-bar__container\">\n <span class=\"fd-icon-tab-bar__icon\">\n <fd-icon [glyph]=\"item.icon\"></fd-icon>\n </span>\n @if (item.badge) {\n <span class=\"fd-icon-tab-bar__badge\"></span>\n }\n </div>\n <div class=\"fd-icon-tab-bar__details\">\n <span class=\"fd-icon-tab-bar__counter\">{{ item.counter }}</span>\n <span class=\"fd-icon-tab-bar__label\">{{ item.label | fdkAsyncOrSync }}</span>\n </div>\n } @else {\n <span class=\"fd-icon-tab-bar__tag\">{{ item.label | fdkAsyncOrSync }}</span>\n @if (item.badge) {\n <span class=\"fd-icon-tab-bar__badge\"></span>\n }\n }\n @if (item.color | fdkAsyncOrSync; as itemColor) {\n <div class=\"screenreader-only\">\n {{ colorAssociations()?.[itemColor] || itemColor }}\n </div>\n }\n }\n </a>\n @if (item.closable) {\n <div class=\"fd-icon-tab-bar__button-container\">\n <button\n fd-button\n tabindex=\"-1\"\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 && _nextSteps.length) {\n <li\n role=\"presentation\"\n class=\"fd-icon-tab-bar__item fd-icon-tab-bar__item--overflow fd-icon-tab-bar__item--overflow-right\"\n >\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 (closeTab)=\"_closeTab($event, true)\"\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"], outputs: ["ariaHiddenChange"] }, { kind: "component", type: ButtonComponent, selector: "button[fd-button], a[fd-button], span[fd-button]", inputs: ["class", "id"], exportAs: ["fd-button"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: AsyncOrSyncPipe, name: "fdkAsyncOrSync" }] }); }
|
|
950
950
|
}
|
|
951
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
951
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: IconTabBarProcessTypeComponent, decorators: [{
|
|
952
952
|
type: Component,
|
|
953
953
|
args: [{ selector: 'fdp-icon-tab-bar-process-type', providers: [
|
|
954
954
|
{
|
|
@@ -1161,10 +1161,10 @@ class IconBarDndContainerDirective {
|
|
|
1161
1161
|
const endY = element.y + element.height - FLIPPER_SIZE.verticalHeight / 2;
|
|
1162
1162
|
return _between(mousePosition.x, startX, endX) && _between(mousePosition.y, startY, endY);
|
|
1163
1163
|
}
|
|
1164
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1165
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
1164
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: IconBarDndContainerDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1165
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.4", type: IconBarDndContainerDirective, isStandalone: true, selector: "[fdpIconBarDndContainer], [fdp-icon-bar-dnd-container]", inputs: { draggable: "draggable" }, outputs: { dropped: "dropped" }, ngImport: i0 }); }
|
|
1166
1166
|
}
|
|
1167
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1167
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: IconBarDndContainerDirective, decorators: [{
|
|
1168
1168
|
type: Directive,
|
|
1169
1169
|
args: [{
|
|
1170
1170
|
selector: '[fdpIconBarDndContainer], [fdp-icon-bar-dnd-container]',
|
|
@@ -1240,10 +1240,10 @@ class IconBarDndListDirective {
|
|
|
1240
1240
|
changeDraggableState(draggable) {
|
|
1241
1241
|
this._dropListRef.disabled = !draggable;
|
|
1242
1242
|
}
|
|
1243
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1244
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
1243
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: IconBarDndListDirective, deps: [{ token: i0.ElementRef }, { token: i1.DragDrop }, { token: IconBarDndContainerDirective }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1244
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.4", type: IconBarDndListDirective, isStandalone: true, selector: "[fdpIconBarDndList], [fdp-icon-bar-dnd-list]", inputs: { dndOrientation: "dndOrientation", dndAutoScroll: "dndAutoScroll" }, ngImport: i0 }); }
|
|
1245
1245
|
}
|
|
1246
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1246
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: IconBarDndListDirective, decorators: [{
|
|
1247
1247
|
type: Directive,
|
|
1248
1248
|
args: [{
|
|
1249
1249
|
selector: '[fdpIconBarDndList], [fdp-icon-bar-dnd-list]',
|
|
@@ -1358,10 +1358,10 @@ class IconBarDndItemDirective {
|
|
|
1358
1358
|
this.dragRef.released.pipe(takeUntilDestroyed(this._destroyRef)).subscribe(() => this.onCdkDragReleased());
|
|
1359
1359
|
this.dragRef.started.pipe(takeUntilDestroyed(this._destroyRef)).subscribe(() => this.onCdkDragStart());
|
|
1360
1360
|
}
|
|
1361
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1362
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
1361
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: IconBarDndItemDirective, deps: [{ token: i0.ElementRef }, { token: i1.DragDrop }, { token: IconBarDndListDirective }, { token: IconBarDndContainerDirective }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1362
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.4", type: IconBarDndItemDirective, isStandalone: true, selector: "[fdpIconBarDndItem], [fdp-icon-bar-dnd-item]", inputs: { dndItemData: "dndItemData", previewClass: "previewClass", dndHoveredClass: "dndHoveredClass", dndSeparatorClass: "dndSeparatorClass" }, ngImport: i0 }); }
|
|
1363
1363
|
}
|
|
1364
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1364
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: IconBarDndItemDirective, decorators: [{
|
|
1365
1365
|
type: Directive,
|
|
1366
1366
|
args: [{
|
|
1367
1367
|
selector: '[fdpIconBarDndItem], [fdp-icon-bar-dnd-item]',
|
|
@@ -1391,10 +1391,10 @@ class IconTabBarTextTypeTabItemComponent {
|
|
|
1391
1391
|
get nativeElement() {
|
|
1392
1392
|
return this._elementRef.nativeElement;
|
|
1393
1393
|
}
|
|
1394
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1395
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
1394
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: IconTabBarTextTypeTabItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1395
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.4", type: IconTabBarTextTypeTabItemComponent, isStandalone: true, selector: "[fdp-icon-tab-bar-text-type-tab-item]", inputs: { item: { classPropertyName: "item", publicName: "item", isSignal: false, isRequired: false, transformFunction: null }, layoutMode: { classPropertyName: "layoutMode", publicName: "layoutMode", isSignal: false, isRequired: false, transformFunction: null }, colorAssociations: { classPropertyName: "colorAssociations", publicName: "colorAssociations", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "tab" }, classAttribute: "fd-icon-tab-bar__tab" }, ngImport: i0, template: "@if (item?.titleTemplate) {\n <ng-template [ngTemplateOutlet]=\"item?.titleTemplate || null\"></ng-template>\n} @else {\n @if (layoutMode === 'row') {\n <span class=\"fd-icon-tab-bar__tag\">\n {{ item?.label | fdkAsyncOrSync }}\n @if (item?.counter | fdkAsyncOrSync; as itemCounter) {\n ({{ itemCounter }})\n }\n </span>\n } @else {\n <span class=\"fd-icon-tab-bar__counter\">{{ item?.counter }}</span>\n <span class=\"fd-icon-tab-bar__tag\">{{ item?.label | fdkAsyncOrSync }}</span>\n }\n @if (item?.badge) {\n <span class=\"fd-icon-tab-bar__badge\"></span>\n }\n @if (item?.color | fdkAsyncOrSync; as itemColor) {\n <div class=\"screenreader-only\">\n {{ colorAssociations()?.[itemColor] || itemColor }}\n </div>\n }\n}\n", dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: AsyncOrSyncPipe, name: "fdkAsyncOrSync" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
1396
1396
|
}
|
|
1397
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1397
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: IconTabBarTextTypeTabItemComponent, decorators: [{
|
|
1398
1398
|
type: Component,
|
|
1399
1399
|
args: [{ selector: '[fdp-icon-tab-bar-text-type-tab-item]', imports: [AsyncOrSyncPipe, NgTemplateOutlet], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
1400
1400
|
class: 'fd-icon-tab-bar__tab',
|
|
@@ -1404,7 +1404,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImpor
|
|
|
1404
1404
|
type: Input
|
|
1405
1405
|
}], layoutMode: [{
|
|
1406
1406
|
type: Input
|
|
1407
|
-
}]
|
|
1407
|
+
}] } });
|
|
1408
1408
|
|
|
1409
1409
|
class TextTypePopoverComponent extends IconTabBarPopoverBase {
|
|
1410
1410
|
constructor() {
|
|
@@ -1474,10 +1474,10 @@ class TextTypePopoverComponent extends IconTabBarPopoverBase {
|
|
|
1474
1474
|
return acc;
|
|
1475
1475
|
}, []);
|
|
1476
1476
|
}
|
|
1477
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1478
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
1477
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: TextTypePopoverComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
1478
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.4", type: TextTypePopoverComponent, isStandalone: true, selector: "fdp-text-type-popover", inputs: { multiClick: "multiClick", layoutMode: "layoutMode", isExtraItemsMode: "isExtraItemsMode", parentTab: "parentTab", selectedSubItemUid: "selectedSubItemUid", tabindex: "tabindex" }, outputs: { selectedSubItem: "selectedSubItem", selectedItem: "selectedItem" }, viewQueries: [{ propertyName: "_dropdownTrigger", first: true, predicate: ["dropdownTrigger"], descendants: true, read: ElementRef }, { propertyName: "_tabExtraUIElements", predicate: ["tabItem"], descendants: true, read: ElementRef }], 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\" tabindex=\"-1\">\n <span class=\"fd-icon-tab-bar__overflow-text\">More</span>\n <fd-icon glyph=\"slim-arrow-down\" role=\"presentation\"></fd-icon>\n </button>\n </fd-popover-control>\n <fd-popover-body class=\"fd-icon-tab-bar\">\n <ul\n fdpIconBarDndList\n class=\"fd-list fd-list--navigation fd-list--no-border fd-icon-tab-bar__list\"\n role=\"list\"\n >\n <ng-template [ngTemplateOutletContext]=\"{ level: 1, items: extraTabs }\" [ngTemplateOutlet]=\"subItem\">\n </ng-template>\n </ul>\n </fd-popover-body>\n </fd-popover>\n}\n@if (multiClick) {\n <a\n #dropdownTrigger\n fdp-icon-tab-bar-text-type-tab-item\n [item]=\"parentTab\"\n [attr.aria-selected]=\"_containsSelected\"\n [colorAssociations]=\"colorAssociations()\"\n [layoutMode]=\"layoutMode\"\n [attr.tabindex]=\"tabindex\"\n (click)=\"selectedItem.emit()\"\n >\n </a>\n}\n@if (!isExtraItemsMode && parentTab && parentTab.subItems?.length) {\n <fd-popover\n [class.fd-icon-tab-bar__popover]=\"multiClick\"\n placement=\"bottom-end\"\n [focusAutoCapture]=\"true\"\n [triggers]=\"_popoverTriggers\"\n [focusTrapped]=\"true\"\n #popover\n >\n <fd-popover-control>\n @if (multiClick) {\n <div class=\"fd-icon-tab-bar__button-container\">\n <button fd-button fdType=\"transparent\" tabindex=\"-1\" class=\"fd-icon-tab-bar__button\">\n <fd-icon glyph=\"slim-arrow-down\"></fd-icon>\n </button>\n </div>\n } @else {\n <a\n [attr.aria-selected]=\"_containsSelected\"\n class=\"fd-icon-tab-bar__tab\"\n role=\"tab\"\n [attr.tabindex]=\"tabindex\"\n #dropdownTrigger\n >\n <div class=\"fd-icon-tab-bar__tab-container\">\n <span class=\"fd-icon-tab-bar__tag\">{{ parentTab.label }}</span>\n <span class=\"fd-icon-tab-bar__arrow\">\n <fd-icon glyph=\"slim-arrow-down\" role=\"presentation\"></fd-icon>\n </span>\n @if (parentTab.badge) {\n <span class=\"fd-icon-tab-bar__badge\"></span>\n }\n </div>\n </a>\n }\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 tabindex=\"-1\"\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", "preventSpaceKeyScroll"] }, { 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], span[fd-button]", inputs: ["class", "id"], exportAs: ["fd-button"] }, { kind: "component", type: IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "color", "background", "class", "ariaLabel", "ariaHidden"], outputs: ["ariaHiddenChange"] }, { kind: "component", type: IconTabBarTextTypeTabItemComponent, selector: "[fdp-icon-tab-bar-text-type-tab-item]", inputs: ["item", "layoutMode", "colorAssociations"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1479
1479
|
}
|
|
1480
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1480
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: TextTypePopoverComponent, decorators: [{
|
|
1481
1481
|
type: Component,
|
|
1482
1482
|
args: [{ selector: 'fdp-text-type-popover', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
|
|
1483
1483
|
PopoverComponent,
|
|
@@ -1639,15 +1639,15 @@ class IconTabBarTextTypeComponent extends ClosableIconTabBar {
|
|
|
1639
1639
|
this.tabs = this._updateTabs(this.tabs);
|
|
1640
1640
|
this._triggerRecalculationVisibleItems();
|
|
1641
1641
|
}
|
|
1642
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1643
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
1642
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: IconTabBarTextTypeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
1643
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.4", type: IconTabBarTextTypeComponent, isStandalone: true, selector: "fdp-icon-tab-bar-text-type", inputs: { enableTabReordering: "enableTabReordering", layoutMode: "layoutMode", multiClick: "multiClick" }, outputs: { reordered: "reordered" }, providers: [
|
|
1644
1644
|
{
|
|
1645
1645
|
provide: IconTabBarBase,
|
|
1646
1646
|
useExisting: IconTabBarTextTypeComponent
|
|
1647
1647
|
}
|
|
1648
1648
|
], viewQueries: [{ propertyName: "_tabBarPopover", first: true, predicate: ["extraItemsPopover"], descendants: true }, { propertyName: "_tabUIElements", predicate: ["tabItem"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-container fdpIconBarDndContainer [draggable]=\"enableTabReordering\" (dropped)=\"_onDropped($event)\">\n <ul\n class=\"fd-icon-tab-bar__header\"\n [class.fd-dynamic-page__tabs]=\"_inDynamicPage\"\n role=\"tablist\"\n #tablist\n fdkOverflowList\n [isRtl]=\"isRtl\"\n [overflowOffset]=\"100\"\n fdpIconBarDndList\n dndOrientation=\"horizontal\"\n (overflowChanged)=\"_recalculateVisibleItems($event)\"\n >\n @for (item of tabs; track item.uId; let idx = $index) {\n <li\n [ngClass]=\"item.cssClasses\"\n [class.fd-icon-tab-bar__item--multi-click]=\"multiClick && item.subItems?.length\"\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 && !multiClick) {\n <a\n #tabItem\n fdp-icon-tab-bar-text-type-tab-item\n [item]=\"item\"\n [layoutMode]=\"layoutMode\"\n [colorAssociations]=\"colorAssociations()\"\n [attr.tabindex]=\"item.uId === selectedUid ? 0 : -1\"\n [attr.aria-selected]=\"item.uId === selectedUid\"\n (click)=\"_selectItem(item, $event)\"\n (keydown)=\"_keyDownHandler($event, item, idx)\"\n [attr.aria-level]=\"tabHeadingLevel()\"\n >\n </a>\n }\n @if (item.subItems?.length || multiClick) {\n <fdp-text-type-popover\n #tabItem\n #itemPopover\n [tabindex]=\"item.uId === _getItemIdFromSubItemUid(selectedUid) ? 0 : -1\"\n [parentTab]=\"item\"\n [layoutMode]=\"layoutMode\"\n [multiClick]=\"multiClick\"\n [selectedSubItemUid]=\"selectedUid\"\n [colorAssociations]=\"colorAssociations()\"\n (selectedSubItem)=\"_selectItem($event)\"\n (keydown)=\"_keyDownHandler($event, item, idx, itemPopover)\"\n (closeTab)=\"_closeTab($event)\"\n (selectedItem)=\"_selectItem(item)\"\n [attr.aria-level]=\"tabHeadingLevel()\"\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 tabindex=\"-1\"\n class=\"fd-icon-tab-bar__button\"\n fdType=\"transparent\"\n (click)=\"_closeTab(item.uId)\"\n >\n <fd-icon glyph=\"decline\"></fd-icon>\n </button>\n </div>\n }\n </li>\n }\n @if (_extraItems$()) {\n <li role=\"presentation\" class=\"fd-icon-tab-bar__item fd-icon-tab-bar__item--overflow\">\n <fdp-text-type-popover\n #extraItemsPopover\n [isRtl]=\"isRtl\"\n [extraTabs]=\"_extraTabs$()\"\n [isExtraItemsMode]=\"true\"\n [colorAssociations]=\"colorAssociations()\"\n (selectedExtraItem)=\"_selectExtraItem($event)\"\n (focusFirstVisibleItem)=\"_focusItem(0)\"\n (focusLastVisibleItem)=\"_focusItem(_lastVisibleTabIndex)\"\n (closeTab)=\"_closeTab($event, true)\"\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: ["multiClick", "layoutMode", "isExtraItemsMode", "parentTab", "selectedSubItemUid", "tabindex"], outputs: ["selectedSubItem", "selectedItem"] }, { kind: "component", type: ButtonComponent, selector: "button[fd-button], a[fd-button], span[fd-button]", inputs: ["class", "id"], exportAs: ["fd-button"] }, { kind: "component", type: IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "color", "background", "class", "ariaLabel", "ariaHidden"], outputs: ["ariaHiddenChange"] }, { kind: "component", type: IconTabBarTextTypeTabItemComponent, selector: "[fdp-icon-tab-bar-text-type-tab-item]", inputs: ["item", "layoutMode", "colorAssociations"] }] }); }
|
|
1649
1649
|
}
|
|
1650
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1650
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: IconTabBarTextTypeComponent, decorators: [{
|
|
1651
1651
|
type: Component,
|
|
1652
1652
|
args: [{ selector: 'fdp-icon-tab-bar-text-type', providers: [
|
|
1653
1653
|
{
|
|
@@ -1683,10 +1683,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImpor
|
|
|
1683
1683
|
}] } });
|
|
1684
1684
|
|
|
1685
1685
|
class IconTabTitleDirective {
|
|
1686
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1687
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
1686
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: IconTabTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1687
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.4", type: IconTabTitleDirective, isStandalone: true, selector: "[fdpIconTabBarTitleTemplate], [fdp-icon-tab-bar-title-template]", ngImport: i0 }); }
|
|
1688
1688
|
}
|
|
1689
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1689
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: IconTabTitleDirective, decorators: [{
|
|
1690
1690
|
type: Directive,
|
|
1691
1691
|
args: [{
|
|
1692
1692
|
selector: '[fdpIconTabBarTitleTemplate], [fdp-icon-tab-bar-title-template]',
|
|
@@ -1704,10 +1704,10 @@ class IconTabBarTabContentDirective {
|
|
|
1704
1704
|
/** Element reference. */
|
|
1705
1705
|
this.elementRef = inject(ElementRef);
|
|
1706
1706
|
}
|
|
1707
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1708
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "
|
|
1707
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: IconTabBarTabContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1708
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.1.4", type: IconTabBarTabContentDirective, isStandalone: true, selector: "fdp-icon-tab-bar-tab-content", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, uId: { classPropertyName: "uId", publicName: "uId", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.id": "id()" } }, ngImport: i0 }); }
|
|
1709
1709
|
}
|
|
1710
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1710
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: IconTabBarTabContentDirective, decorators: [{
|
|
1711
1711
|
type: Directive,
|
|
1712
1712
|
args: [{
|
|
1713
1713
|
// eslint-disable-next-line @angular-eslint/directive-selector
|
|
@@ -1715,7 +1715,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImpor
|
|
|
1715
1715
|
standalone: true,
|
|
1716
1716
|
host: { '[attr.id]': 'id()' }
|
|
1717
1717
|
}]
|
|
1718
|
-
}]
|
|
1718
|
+
}] });
|
|
1719
1719
|
class IconTabBarTabComponent {
|
|
1720
1720
|
constructor() {
|
|
1721
1721
|
/** Tab Label. */
|
|
@@ -1729,27 +1729,27 @@ class IconTabBarTabComponent {
|
|
|
1729
1729
|
/** Tab counter. */
|
|
1730
1730
|
this.counter = input(...(ngDevMode ? [undefined, { debugName: "counter" }] : []));
|
|
1731
1731
|
/** whether the tab is selected */
|
|
1732
|
-
this.active = input(false,
|
|
1732
|
+
this.active = input(false, ...(ngDevMode ? [{ debugName: "active", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
|
|
1733
1733
|
/** if set to true, will show red circle in top-right corner of tab */
|
|
1734
|
-
this.badge = input(false,
|
|
1734
|
+
this.badge = input(false, ...(ngDevMode ? [{ debugName: "badge", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
|
|
1735
1735
|
/** Whether the tab can be closed. */
|
|
1736
|
-
this.closable = input(false,
|
|
1736
|
+
this.closable = input(false, ...(ngDevMode ? [{ debugName: "closable", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
|
|
1737
1737
|
/** Tab ID. */
|
|
1738
1738
|
this.id = input(`fdp-icon-tab-bar-tab-${defaultIdIndex++}`, ...(ngDevMode ? [{ debugName: "id" }] : []));
|
|
1739
1739
|
/** Content renderer. */
|
|
1740
1740
|
this.renderer = viewChild('renderer', ...(ngDevMode ? [{ debugName: "renderer" }] : []));
|
|
1741
1741
|
/** Title template. */
|
|
1742
|
-
this.titleTemplate = contentChild(IconTabTitleDirective,
|
|
1742
|
+
this.titleTemplate = contentChild(IconTabTitleDirective, ...(ngDevMode ? [{ debugName: "titleTemplate", read: TemplateRef }] : [{ read: TemplateRef }]));
|
|
1743
1743
|
/** @hidden */
|
|
1744
1744
|
this.children = contentChildren(IconTabBarTabComponent, ...(ngDevMode ? [{ debugName: "children" }] : []));
|
|
1745
1745
|
}
|
|
1746
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1747
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "
|
|
1746
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: IconTabBarTabComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1747
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.1.4", type: IconTabBarTabComponent, isStandalone: true, selector: "fdp-icon-tab-bar-tab", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, iconFont: { classPropertyName: "iconFont", publicName: "iconFont", isSignal: true, isRequired: false, transformFunction: null }, counter: { classPropertyName: "counter", publicName: "counter", isSignal: true, isRequired: false, transformFunction: null }, active: { classPropertyName: "active", publicName: "active", isSignal: true, isRequired: false, transformFunction: null }, badge: { classPropertyName: "badge", publicName: "badge", isSignal: true, isRequired: false, transformFunction: null }, closable: { classPropertyName: "closable", publicName: "closable", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null } }, queries: [{ propertyName: "titleTemplate", first: true, predicate: IconTabTitleDirective, descendants: true, read: TemplateRef, isSignal: true }, { propertyName: "children", predicate: IconTabBarTabComponent, isSignal: true }], viewQueries: [{ propertyName: "renderer", first: true, predicate: ["renderer"], descendants: true, isSignal: true }], ngImport: i0, template: "<ng-template #renderer>\n <ng-content></ng-content>\n</ng-template>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1748
1748
|
}
|
|
1749
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1749
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: IconTabBarTabComponent, decorators: [{
|
|
1750
1750
|
type: Component,
|
|
1751
1751
|
args: [{ selector: 'fdp-icon-tab-bar-tab', imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-template #renderer>\n <ng-content></ng-content>\n</ng-template>\n" }]
|
|
1752
|
-
}]
|
|
1752
|
+
}] });
|
|
1753
1753
|
|
|
1754
1754
|
/**
|
|
1755
1755
|
* Service to manage template registration across components
|
|
@@ -1778,10 +1778,10 @@ class IconTabBarTemplateService {
|
|
|
1778
1778
|
getAllTemplatesSignal() {
|
|
1779
1779
|
return this.templatesSignal.asReadonly();
|
|
1780
1780
|
}
|
|
1781
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1782
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
1781
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: IconTabBarTemplateService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
1782
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: IconTabBarTemplateService, providedIn: 'root' }); }
|
|
1783
1783
|
}
|
|
1784
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1784
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: IconTabBarTemplateService, decorators: [{
|
|
1785
1785
|
type: Injectable,
|
|
1786
1786
|
args: [{ providedIn: 'root' }]
|
|
1787
1787
|
}] });
|
|
@@ -1811,22 +1811,22 @@ class IconTabBarContentTemplateDirective {
|
|
|
1811
1811
|
ngOnDestroy() {
|
|
1812
1812
|
this.templateService.unregisterTemplate(this.templateId());
|
|
1813
1813
|
}
|
|
1814
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1815
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "
|
|
1814
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: IconTabBarContentTemplateDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1815
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.1.4", type: IconTabBarContentTemplateDirective, isStandalone: true, selector: "[fdpIconTabBarContentTemplate]", inputs: { templateId: { classPropertyName: "templateId", publicName: "templateId", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0 }); }
|
|
1816
1816
|
}
|
|
1817
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1817
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: IconTabBarContentTemplateDirective, decorators: [{
|
|
1818
1818
|
type: Directive,
|
|
1819
1819
|
args: [{
|
|
1820
1820
|
selector: '[fdpIconTabBarContentTemplate]',
|
|
1821
1821
|
standalone: true
|
|
1822
1822
|
}]
|
|
1823
|
-
}]
|
|
1823
|
+
}] });
|
|
1824
1824
|
|
|
1825
1825
|
class IconTabBarFreeContentDirective {
|
|
1826
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1827
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
1826
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: IconTabBarFreeContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1827
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.4", type: IconTabBarFreeContentDirective, isStandalone: true, selector: "[fdpIconTabBarFreeContent]", ngImport: i0 }); }
|
|
1828
1828
|
}
|
|
1829
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1829
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: IconTabBarFreeContentDirective, decorators: [{
|
|
1830
1830
|
type: Directive,
|
|
1831
1831
|
args: [{
|
|
1832
1832
|
selector: '[fdpIconTabBarFreeContent]',
|
|
@@ -1886,7 +1886,7 @@ class IconTabBarComponent {
|
|
|
1886
1886
|
*/
|
|
1887
1887
|
this.colorAssociations = input(...(ngDevMode ? [undefined, { debugName: "colorAssociations" }] : []));
|
|
1888
1888
|
/** @description If Icon tab bar is used in Settings Dialog */
|
|
1889
|
-
this.settings = input(false,
|
|
1889
|
+
this.settings = input(false, ...(ngDevMode ? [{ debugName: "settings", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
|
|
1890
1890
|
/**
|
|
1891
1891
|
* Maximum height of the content.
|
|
1892
1892
|
* Works only for content-projected tab content.
|
|
@@ -1899,7 +1899,7 @@ class IconTabBarComponent {
|
|
|
1899
1899
|
/** Event emitted when user clicks on x icon in tab. */
|
|
1900
1900
|
this.closeTab = output();
|
|
1901
1901
|
/** @hidden */
|
|
1902
|
-
this.children = contentChildren(IconTabBarTabComponent,
|
|
1902
|
+
this.children = contentChildren(IconTabBarTabComponent, ...(ngDevMode ? [{ debugName: "children", descendants: false }] : [{ descendants: false }]));
|
|
1903
1903
|
/** @hidden */
|
|
1904
1904
|
this._scrollbar = viewChild(ScrollbarDirective, ...(ngDevMode ? [{ debugName: "_scrollbar" }] : []));
|
|
1905
1905
|
/** @hidden */
|
|
@@ -2127,15 +2127,15 @@ class IconTabBarComponent {
|
|
|
2127
2127
|
}, []);
|
|
2128
2128
|
return flatTabs;
|
|
2129
2129
|
}
|
|
2130
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2131
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
2130
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.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 }); }
|
|
2131
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.4", type: IconTabBarComponent, isStandalone: true, selector: "fdp-icon-tab-bar", inputs: { stackContent: { classPropertyName: "stackContent", publicName: "stackContent", isSignal: false, isRequired: false, transformFunction: booleanAttribute }, tabHeadingLevel: { classPropertyName: "tabHeadingLevel", publicName: "tabHeadingLevel", isSignal: true, isRequired: false, transformFunction: null }, iconTabType: { classPropertyName: "iconTabType", publicName: "iconTabType", isSignal: true, isRequired: false, transformFunction: null }, tabsConfig: { classPropertyName: "tabsConfig", publicName: "tabsConfig", isSignal: true, isRequired: false, transformFunction: null }, densityMode: { classPropertyName: "densityMode", publicName: "densityMode", isSignal: true, isRequired: false, transformFunction: null }, iconTabFont: { classPropertyName: "iconTabFont", publicName: "iconTabFont", isSignal: true, isRequired: false, transformFunction: null }, enableTabReordering: { classPropertyName: "enableTabReordering", publicName: "enableTabReordering", isSignal: true, isRequired: false, transformFunction: null }, showTotalTab: { classPropertyName: "showTotalTab", publicName: "showTotalTab", isSignal: true, isRequired: false, transformFunction: null }, multiClick: { classPropertyName: "multiClick", publicName: "multiClick", isSignal: true, isRequired: false, transformFunction: null }, layoutMode: { classPropertyName: "layoutMode", publicName: "layoutMode", isSignal: true, isRequired: false, transformFunction: null }, iconTabBackground: { classPropertyName: "iconTabBackground", publicName: "iconTabBackground", isSignal: true, isRequired: false, transformFunction: null }, iconTabSize: { classPropertyName: "iconTabSize", publicName: "iconTabSize", isSignal: true, isRequired: false, transformFunction: null }, colorAssociations: { classPropertyName: "colorAssociations", publicName: "colorAssociations", isSignal: true, isRequired: false, transformFunction: null }, settings: { classPropertyName: "settings", publicName: "settings", isSignal: true, isRequired: false, transformFunction: null }, maxContentHeight: { classPropertyName: "maxContentHeight", publicName: "maxContentHeight", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { tabsConfig: "tabsConfigChange", densityMode: "densityModeChange", iconTabSelected: "iconTabSelected", iconTabReordered: "iconTabReordered", closeTab: "closeTab" }, host: { properties: { "class.fd-settings__tab-bar": "settings()", "class.fd-tabs-custom": "this._customTabs" } }, providers: [
|
|
2132
2132
|
{
|
|
2133
2133
|
provide: FD_TABLIST,
|
|
2134
2134
|
useExisting: IconTabBarComponent
|
|
2135
2135
|
}
|
|
2136
|
-
], queries: [{ propertyName: "children", predicate: IconTabBarTabComponent, isSignal: true }], viewQueries: [{ propertyName: "_scrollbar", first: true, predicate: ScrollbarDirective, descendants: true, isSignal: true }, { propertyName: "tabDirectives", predicate: IconTabBarTabContentDirective, descendants: true, isSignal: true }, { propertyName: "_iconTabBarCmp", first: true, predicate: IconTabBarBase, descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"fd-icon-tab-bar\" [class]=\"_cssClassForContainer\">\n @if (iconTabType() === 'text') {\n <ng-template [ngTemplateOutlet]=\"textType\"></ng-template>\n }\n @if (iconTabType() === 'icon' || iconTabType() === 'icon-only') {\n <ng-template [ngTemplateOutlet]=\"iconType\"></ng-template>\n }\n @if (iconTabType() === 'filter') {\n <ng-template [ngTemplateOutlet]=\"filterType\"></ng-template>\n }\n @if (iconTabType() === 'process') {\n <ng-template [ngTemplateOutlet]=\"processType\"></ng-template>\n }\n <div\n class=\"fd-icon-tab-bar__content\"\n [class.fd-settings__content]=\"settings()\"\n fd-scrollbar\n (spyChange)=\"highlightActiveTab($event.id)\"\n [scrollSpyDisabled]=\"!stackContent || _disableScrollSpy\"\n fdScrollSpy\n [trackedTags]=\"['fdp-icon-tab-bar-tab-content']\"\n [style.max-height]=\"maxContentHeight()\"\n >\n @if (stackContent) {\n @for (tab of _flatTabs$(); track tab) {\n <fdp-icon-tab-bar-tab-content [id]=\"tab.id\" [uId]=\"tab.uId\" class=\"fd-icon-tab-bar__tab-content\">\n <ng-template [ngTemplateOutlet]=\"tab.renderer || null\"></ng-template>\n </fdp-icon-tab-bar-tab-content>\n }\n } @else {\n @if (_tabRenderer$(); as tabRenderer) {\n <fdp-icon-tab-bar-tab-content\n [id]=\"tabRenderer.id\"\n [uId]=\"tabRenderer.uId\"\n class=\"fd-icon-tab-bar__tab-content\"\n >\n <ng-template [ngTemplateOutlet]=\"tabRenderer.renderer || null\"></ng-template>\n </fdp-icon-tab-bar-tab-content>\n }\n }\n <ng-content select=\"[fdpIconTabBarFreeContent]\"></ng-content>\n </div>\n</div>\n<ng-template #processType>\n <fdp-icon-tab-bar-process-type\n [tabs]=\"_tabs$()\"\n [isRtl]=\"_rtl$()\"\n [selectedUid]=\"_selectedUid()\"\n (selectedUidChange)=\"_selectedUid.set($event)\"\n [densityMode]=\"densityMode()\"\n [colorAssociations]=\"colorAssociations()\"\n (selected)=\"_selectItem($event)\"\n [tabHeadingLevel]=\"tabHeadingLevel()\"\n ></fdp-icon-tab-bar-process-type>\n</ng-template>\n<ng-template #filterType>\n <fdp-icon-tab-bar-filter-type\n [tabs]=\"_tabs$()\"\n [showTotalTab]=\"showTotalTab()\"\n [isRtl]=\"_rtl$()\"\n [selectedUid]=\"_selectedUid()\"\n (selectedUidChange)=\"_selectedUid.set($event)\"\n [densityMode]=\"densityMode()\"\n [colorAssociations]=\"colorAssociations()\"\n (selected)=\"_selectItem($event)\"\n [tabHeadingLevel]=\"tabHeadingLevel()\"\n ></fdp-icon-tab-bar-filter-type>\n</ng-template>\n<ng-template #iconType>\n <fdp-icon-tab-bar-icon-type\n [showLabel]=\"iconTabType() === 'icon'\"\n [tabs]=\"_tabs$()\"\n [isRtl]=\"_rtl$()\"\n [selectedUid]=\"_selectedUid()\"\n (selectedUidChange)=\"_selectedUid.set($event)\"\n [densityMode]=\"densityMode()\"\n [colorAssociations]=\"colorAssociations()\"\n (selected)=\"_selectItem($event)\"\n (closeTab)=\"_closeTab($event)\"\n [tabHeadingLevel]=\"tabHeadingLevel()\"\n ></fdp-icon-tab-bar-icon-type>\n</ng-template>\n<ng-template #textType>\n <fdp-icon-tab-bar-text-type\n [tabs]=\"_tabs$()\"\n [multiClick]=\"multiClick()\"\n [layoutMode]=\"layoutMode()\"\n [isRtl]=\"_rtl$()\"\n [selectedUid]=\"_selectedUid()\"\n (selectedUidChange)=\"_selectedUid.set($event)\"\n [densityMode]=\"densityMode()\"\n [enableTabReordering]=\"enableTabReordering()\"\n [colorAssociations]=\"colorAssociations()\"\n (reordered)=\"_onReorder($event)\"\n (selected)=\"_selectItem($event)\"\n (closeTab)=\"_closeTab($event)\"\n [tabHeadingLevel]=\"tabHeadingLevel()\"\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{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_LabelColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;line-height:1rem;margin-block:0;margin-inline:0;padding-block:0;padding-inline: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{-webkit-box-sizing:inherit;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;font-family:SAP-icons;font-size:.75rem;-webkit-font-smoothing:antialiased;color:var(--fdIconTabBar_Tag_Icon_Color);display:var(--fdIcon_Tab_Bar_Semantic_Icon_Display)}.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-block:0;margin-inline: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-block:0;margin-inline:0}.fd-icon-tab-bar{--fdIconTabBar_Icon_Size:2.75rem;--fdIconTabBar_Icon_Font_Size:1.25rem;--fdIcon_Tab_Bar_Container_Badge_Size:.5rem;border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.fd-icon-tab-bar:after,.fd-icon-tab-bar:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-icon-tab-bar__header{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:var(--sapObjectHeader_Background);-webkit-box-shadow:var(--sapContent_HeaderShadow);box-shadow:var(--sapContent_HeaderShadow);list-style:none;min-height:2.75rem;position:relative}.fd-icon-tab-bar__header:after,.fd-icon-tab-bar__header:before{-webkit-box-sizing:inherit;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{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-margin-end:2rem;margin-inline-end:2rem}.fd-icon-tab-bar__item:after,.fd-icon-tab-bar__item:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.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,.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{-webkit-margin-end:.5rem;content:\"\\e1ec\";margin-inline-end:.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,.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{-webkit-margin-end:.5rem;content:\"\\e1c1\";margin-inline-end:.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,.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{-webkit-margin-end:.5rem;content:\"\\e053\";margin-inline-end:.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,.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{-webkit-margin-end:.5rem;content:\"\\e289\";margin-inline-end:.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{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.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);content:\"\";display:block;inset:0;inset:var(--fdIcon_Tab_Bar_Focus_Offset) var(--fdIcon_Tab_Bar_Focus_Offset) var(--fdIcon_Tab_Bar_Focus_Offset) var(--fdIcon_Tab_Bar_Focus_Offset);position:absolute}.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{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative}.fd-icon-tab-bar__item.fd-icon-tab-bar__item--multi-click .fd-icon-tab-bar__tab{padding-inline:.188rem 1.938rem}.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-inline:.188rem 3.938rem}.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{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative}.fd-icon-tab-bar__item.fd-icon-tab-bar__item--closable .fd-icon-tab-bar__tab{padding-inline:.188rem 2.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{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;font-size:var(--sapFontSize);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{background:var(--sapButton_Hover_Background);-webkit-box-shadow:inset 0 0 0 .125rem var(--sapButton_Hover_BorderColor);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{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:2.75rem;max-height:2.75rem;max-width:1.5rem;min-height:2.75rem;min-width:1.5rem;position:relative;width:1.5rem}.fd-icon-tab-bar__button-container:after,.fd-icon-tab-bar__button-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-icon-tab-bar__button-container:before{background:var(--fdIconTabBar_Multi_Click_Separator_Background);content:\"\";display:var(--fdIcon_Tab_Bar_Multi_Click_Button_Separator_Display);height:1rem;left:0;position:absolute;top:.75rem;width:.0625rem}.fd-icon-tab-bar__button-container[dir=rtl]:before,[dir=rtl] .fd-icon-tab-bar__button-container:before{left:auto;right:0}.fd-icon-tab-bar .fd-icon-tab-bar__button{border-radius:.25rem;font-family:var(--sapContent_IconFontFamily);height:1.5rem;min-width:1.5rem;width:1.5rem;--fdButton_Hover_Shadow:none}.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{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;cursor:pointer;min-width:2rem;padding-block:.875rem;padding-inline:.188rem;position:relative;text-decoration:none}.fd-icon-tab-bar__tab:after,.fd-icon-tab-bar__tab:before{-webkit-box-sizing:inherit;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{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;-webkit-transition:all .125s ease-in;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{-webkit-box-shadow:none;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);content:\"\";display:block;inset:0;inset:var(--fdIcon_Tab_Bar_Focus_Offset) var(--fdIcon_Tab_Bar_Focus_Offset) var(--fdIcon_Tab_Bar_Focus_Offset) var(--fdIcon_Tab_Bar_Focus_Offset);inset:var(--fdIcon_Tab_Bar_Icon_Focus_Offset) var(--fdIcon_Tab_Bar_Icon_Focus_Offset) var(--fdIcon_Tab_Bar_Icon_Focus_Offset) var(--fdIcon_Tab_Bar_Icon_Focus_Offset);position:absolute}.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);content:\"\";display:block;inset:0;inset:var(--fdIcon_Tab_Bar_Focus_Offset) var(--fdIcon_Tab_Bar_Focus_Offset) var(--fdIcon_Tab_Bar_Focus_Offset) var(--fdIcon_Tab_Bar_Focus_Offset);position:absolute}.fd-icon-tab-bar__tab-container{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.fd-icon-tab-bar__tab-container:after,.fd-icon-tab-bar__tab-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-icon-tab-bar__arrow{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:1rem;margin-inline:var(--fdIcon_Tab_Bar_Single_Click_Icon_Container_Padding_Left) var(--fdIcon_Tab_Bar_Single_Click_Icon_Container_Padding_Right);width:var(--fdIcon_Tab_Bar_Single_Click_Icon_Container_Width)}.fd-icon-tab-bar__arrow:after,.fd-icon-tab-bar__arrow:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-icon-tab-bar__arrow [class*=sap-icon]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--fdIconTabBar_Arrow_Color);font-size:1rem;height:1rem;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{-webkit-margin-after:.125rem;margin-block-end:.125rem}.fd-icon-tab-bar__icon{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:var(--fdIconTabBar_Icon_Background);border:var(--fdIcon_Tab_Bar_Icon_Border_Weight) solid var(--fdIconTabBar_Icon_Border_Color);border-radius:50%;height:var(--fdIconTabBar_Icon_Size);margin-inline:.188rem;position:relative;width:var(--fdIconTabBar_Icon_Size)}.fd-icon-tab-bar__icon:after,.fd-icon-tab-bar__icon:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-icon-tab-bar__icon [class*=sap-icon],.fd-icon-tab-bar__icon[class*=sap-icon]{color:var(--fdIconTabBar_Icon_Color);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-size:var(--fdIconTabBar_Icon_Font_Size);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.fd-icon-tab-bar__details{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:end;-ms-flex-pack:end;height:2.75rem;justify-content:flex-end;max-width:7.5rem;padding-block:.375rem .25rem;padding-inline:.125rem .25rem}.fd-icon-tab-bar__details:after,.fd-icon-tab-bar__details:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-icon-tab-bar__label{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--fdIcon_Tab_Bar_Label_Color);font-family:var(--sapFontFamily);font-family:var(--fdIcon_Tab_Bar_Label_Font_Family);font-size:var(--sapFontSize);font-size:var(--sapFontSmallSize);font-weight:400;forced-color-adjust:none;line-height:normal;line-height:.875rem;margin-block:0;margin-inline:0;overflow:hidden;padding-block:0;padding-inline:0;text-overflow:ellipsis;white-space:nowrap}.fd-icon-tab-bar__label:after,.fd-icon-tab-bar__label:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-icon-tab-bar__separator{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;padding-inline:.5rem}.fd-icon-tab-bar__separator:after,.fd-icon-tab-bar__separator:before{-webkit-box-sizing:inherit;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]{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.fd-icon-tab-bar__container{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;position:relative}.fd-icon-tab-bar__container:after,.fd-icon-tab-bar__container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-icon-tab-bar__container .fd-icon-tab-bar__badge{border:.125rem solid var(--sapContent_BadgeBorderColor);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{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:2rem}.fd-icon-tab-bar__container--filter:after{background:var(--sapGroup_TitleBorderColor);content:\"\";height:2rem;padding-block:0;padding-inline: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{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_LabelColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:var(--sapFontSmallSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline: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{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-icon-tab-bar__filter-counter{font-size:1.5rem;-webkit-margin-end:.5rem;margin-inline-end:.5rem}.fd-icon-tab-bar__overflow{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;padding-inline:.5rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:var(--fdIconTabBar_Overflow_Button_Background);border:.0625rem solid var(--fdIconTabBar_Overflow_Button_Border_Color);border-radius:var(--fdIcon_Tab_Bar_Overflow_Button_Border_Radius);cursor:pointer;gap:.375rem;height:1.5rem;position:relative}.fd-icon-tab-bar__overflow:after,.fd-icon-tab-bar__overflow:before{-webkit-box-sizing:inherit;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{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--fdIconTabBar_Overflow_Button_Text_Color);font-family:var(--sapFontFamily);font-family:var(--fdIcon_Tab_Bar_Overflow_Button_Font_Family);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;line-height:1.5rem;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0}.fd-icon-tab-bar__overflow-text:after,.fd-icon-tab-bar__overflow-text:before{-webkit-box-sizing:inherit;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);content:\"\";display:block;inset:var(--fdIcon_Tab_Bar_Overflow_Button_Focus_Offset) var(--fdIcon_Tab_Bar_Overflow_Button_Focus_Offset) var(--fdIcon_Tab_Bar_Overflow_Button_Focus_Offset) var(--fdIcon_Tab_Bar_Overflow_Button_Focus_Offset);position:absolute}.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{-webkit-margin-end:-.25rem;margin-inline-end:-.25rem;-webkit-margin-before:-.25rem;margin-block-start:-.25rem;z-index:10}.fd-icon-tab-bar .fd-icon-tab-bar__popover .fd-icon-tab-bar__button{--fdButtonColor:var(--sapTextColor)}.fd-icon-tab-bar__badge{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:var(--fdIconTabBar_Badge_Background);border:.0625rem solid var(--sapObjectHeader_Background);border-radius:50%;-webkit-box-sizing:content-box;box-sizing:content-box;height:.375rem;position:absolute;right:-.2505rem;top:.75rem;width:.375rem;z-index:5}.fd-icon-tab-bar__badge:after,.fd-icon-tab-bar__badge:before{-webkit-box-sizing:inherit;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-animation-delay:0s,1.5s;animation-delay:0s,1.5s;-webkit-animation-duration:1.5s,.75s;animation-duration:1.5s,.75s;-webkit-animation-iteration-count:1,1;animation-iteration-count:1,1;-webkit-animation-name:pulse-appear,pulse-disappear;animation-name:pulse-appear,pulse-disappear;-webkit-animation-timing-function:ease-in,ease-out;animation-timing-function:ease-in,ease-out;-webkit-transform:scale(0);transform:scale(0)}.fd-icon-tab-bar__badge--animated:after{-webkit-animation:pulse-after 1s ease-in;animation:pulse-after 1s ease-in;-webkit-animation-delay:1s;animation-delay:1s;-webkit-animation-iteration-count:1;animation-iteration-count:1;background:var(--fdIconTabBar_Badge_Background_After);border-radius:50%;content:\"\";height:.75rem;opacity:0;position:absolute;-webkit-transform:scale(0);transform:scale(0);width:.75rem}@-webkit-keyframes pulse-appear{0%{-webkit-transform:scale(.25);transform:scale(.25)}64%{-webkit-transform:scale(1.25);transform:scale(1.25)}71%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes pulse-appear{0%{-webkit-transform:scale(.25);transform:scale(.25)}64%{-webkit-transform:scale(1.25);transform:scale(1.25)}71%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes pulse-disappear{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(0);transform:scale(0)}}@keyframes pulse-disappear{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(0);transform:scale(0)}}@-webkit-keyframes pulse-after{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}71%{opacity:.2;-webkit-transform:scale(1);transform:scale(1)}80%{opacity:.2;-webkit-transform:scale(1.17);transform:scale(1.17)}86%{opacity:.1;-webkit-transform:scale(1.33);transform:scale(1.33)}93%{opacity:0;-webkit-transform:scale(1.5);transform:scale(1.5)}to{opacity:0;-webkit-transform:scale(0);transform:scale(0)}}@keyframes pulse-after{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}71%{opacity:.2;-webkit-transform:scale(1);transform:scale(1)}80%{opacity:.2;-webkit-transform:scale(1.17);transform:scale(1.17)}86%{opacity:.1;-webkit-transform:scale(1.33);transform:scale(1.33)}93%{opacity:0;-webkit-transform:scale(1.5);transform:scale(1.5)}to{opacity:0;-webkit-transform:scale(0);transform:scale(0)}}.fd-icon-tab-bar__icon-separator{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-inline:0;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-pack:center;-ms-flex-pack:center;height:1rem;justify-content:center;padding-block:0;padding-inline:.5rem}.fd-icon-tab-bar__icon-separator:after,.fd-icon-tab-bar__icon-separator:before{-webkit-box-sizing:inherit;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]{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.fd-icon-tab-bar__line-separator{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-margin-before:.25rem;border-bottom:.0625rem solid var(--sapGroup_TitleBorderColor);margin-block-start:.25rem}.fd-icon-tab-bar__line-separator:after,.fd-icon-tab-bar__line-separator:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-icon-tab-bar__line-separator:first-child{-webkit-margin-before:.5rem;margin-block-start:.5rem;margin-inline:1rem 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-inline:1.5rem 1rem}.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-inline:2rem 1rem}.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-inline:2.5rem 1rem}.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-inline:3rem 1rem}.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-inline:3.5rem 1rem}.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-inline:4rem 1rem}.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-inline:4.5rem 1rem}.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-inline:5rem 1rem}.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-inline:5.5rem 1rem}.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-inline:6rem 1rem}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item span{-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item .fd-icon-tab-bar__badge{position:static;-webkit-margin-after:.625rem;margin-block-end:.625rem}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item .fd-icon-tab-bar__badge [class*=sap-icon]{-webkit-margin-after:0;margin-block-end: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{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:1.25rem;-webkit-margin-end:.25rem;margin-inline-end:.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-block:0;margin-inline:0;width:auto}.fd-icon-tab-bar__list .fd-icon-tab-bar__line-separator:first-child{padding-inline:1rem}.fd-icon-tab-bar__list .fd-icon-tab-bar__line-separator:first-child:after{-webkit-margin-before:.75rem;margin-block-start:.75rem}.fd-icon-tab-bar__list .fd-icon-tab-bar__icon-separator:first-child{height:1.5rem;padding-inline: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{-webkit-box-pack:center;-ms-flex-pack:center;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{height:3.875rem;-webkit-box-pack:end;-ms-flex-pack:end;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{padding-block:1rem;padding-inline:0;position:relative;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;margin-inline:.75rem}.fd-icon-tab-bar--icon-only .fd-icon-tab-bar__item{margin-inline:.25rem}.fd-icon-tab-bar--icon-only .fd-icon-tab-bar__item:first-child{margin-block:0;margin-inline:0 .25rem}.fd-icon-tab-bar--icon-only .fd-icon-tab-bar__item:first-child .fd-icon-tab-bar__tab{margin-inline:0 .75rem}.fd-icon-tab-bar--icon-only .fd-icon-tab-bar__item--closable .fd-icon-tab-bar__tab{-webkit-padding-end:2rem;padding-inline-end:2rem}.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-block:0;margin-inline: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-block:0;margin-inline:0}.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--negative .fd-icon-tab-bar__label:before{-webkit-margin-end:.5rem;color:var(--sapNegativeElementColor);content:\"\\e1ec\";margin-inline-end:.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-block:0;margin-inline: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{-webkit-margin-end:.5rem;color:var(--sapNegativeElementColor);content:\"\\e1ec\";margin-inline-end:.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-block:0;margin-inline:0}.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--positive .fd-icon-tab-bar__label:before{-webkit-margin-end:.5rem;color:var(--sapPositiveElementColor);content:\"\\e1c1\";margin-inline-end:.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-block:0;margin-inline: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{-webkit-margin-end:.5rem;color:var(--sapPositiveElementColor);content:\"\\e1c1\";margin-inline-end:.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-block:0;margin-inline:0}.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--critical .fd-icon-tab-bar__label:before{-webkit-margin-end:.5rem;color:var(--sapCriticalElementColor);content:\"\\e053\";margin-inline-end:.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-block:0;margin-inline: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{-webkit-margin-end:.5rem;color:var(--sapCriticalElementColor);content:\"\\e053\";margin-inline-end:.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-block:0;margin-inline:0}.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--informative .fd-icon-tab-bar__label:before{-webkit-margin-end:.5rem;color:var(--sapInformativeElementColor);content:\"\\e289\";margin-inline-end:.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-block:0;margin-inline: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{-webkit-margin-end:.5rem;color:var(--sapInformativeElementColor);content:\"\\e289\";margin-inline-end:.5rem}.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--closable .fd-icon-tab-bar__tab{-webkit-padding-end:2rem;padding-inline-end:2rem}.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{padding-block:1rem;padding-inline:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.fd-icon-tab-bar--icon .fd-icon-tab-bar__tab:after{width:3.126rem}.fd-icon-tab-bar--icon .fd-icon-tab-bar__counter{-webkit-margin-after:0;font-size:var(--sapFontSmallSize);line-height:.875rem;margin-block-end:0}.fd-icon-tab-bar--icon .fd-icon-tab-bar__counter+.fd-icon-tab-bar__label{-webkit-margin-before:.375rem;margin-block-start:.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-block: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{-webkit-margin-before:.25rem;margin-block-start:.25rem}.fd-icon-tab-bar--process .fd-icon-tab-bar__item{margin-inline:0}.fd-icon-tab-bar--filter .fd-icon-tab-bar__item{margin-inline:.25rem}.fd-icon-tab-bar--filter .fd-icon-tab-bar__item:first-child{margin-inline:0 1.063rem}.fd-icon-tab-bar--filter .fd-icon-tab-bar__item:first-child .fd-icon-tab-bar__tab{padding-block:1.625rem 1.875rem;position:relative}.fd-icon-tab-bar--filter .fd-icon-tab-bar__item:nth-child(2){margin-block:0;margin-inline:0 .25rem}.fd-icon-tab-bar--filter .fd-icon-tab-bar__tab{margin-inline:0;padding-block:.875rem .625rem;padding-inline:.188rem;position:relative;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.fd-icon-tab-bar--filter .fd-icon-tab-bar__icon{margin-inline:0}.fd-icon-tab-bar--filter .fd-icon-tab-bar__label{text-align:center;width:5rem;-webkit-margin-before:.375rem;margin-block-start:.375rem}.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-block: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{background:var(--sapShell_Navigation_Background);-webkit-box-shadow:var(--sapShell_Shadow);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;-webkit-margin-end:.5rem;margin-inline-end:.5rem}.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);content:\"\";display:block;inset:0;inset:var(--fdIcon_Tab_Bar_Focus_Offset) var(--fdIcon_Tab_Bar_Focus_Offset) var(--fdIcon_Tab_Bar_Focus_Offset) var(--fdIcon_Tab_Bar_Focus_Offset);position:absolute}.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);content:\"\";display:block;inset:0;inset:var(--fdIcon_Tab_Bar_Focus_Offset) var(--fdIcon_Tab_Bar_Focus_Offset) var(--fdIcon_Tab_Bar_Focus_Offset) var(--fdIcon_Tab_Bar_Focus_Offset);position:absolute}.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__tab .fd-icon-tab-bar__arrow [class*=sap-icon]{margin-block:0;margin-inline: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{z-index:5;--fdButtonColor:var(--fdIconTabBar_Button_Shell_Color_Active);--fdButtonBackgroundColor:var(--sapShell_Navigation_Background);--fdButtonBorderColor:var(--sapShell_Navigation_Background)}.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{position:relative;-webkit-margin-end:2rem;margin-inline-end:2rem}.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{-webkit-box-shadow:none;box-shadow:none}.fd-icon-tab-bar--navigation-horizontal .fd-icon-tab-bar__tab{padding-block:.75rem 1rem}.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;-webkit-margin-after:.188rem;margin-block-end:.188rem}.fd-icon-tab-bar--navigation-horizontal .fd-icon-tab-bar__button-container{-webkit-box-align:normal;-ms-flex-align:normal;align-items:normal}.fd-icon-tab-bar--navigation-horizontal .fd-icon-tab-bar__button-container .fd-icon-tab-bar__button{-webkit-margin-before:.5rem;margin-block-start:.5rem}.fd-icon-tab-bar--sm .fd-icon-tab-bar__header{padding-block:0;padding-inline:1rem}.fd-icon-tab-bar--lg .fd-icon-tab-bar__header,.fd-icon-tab-bar--md .fd-icon-tab-bar__header{padding-block:0;padding-inline:2rem}.fd-icon-tab-bar--xl .fd-icon-tab-bar__header,.fd-icon-tab-bar--xxl .fd-icon-tab-bar__header{padding-block:0;padding-inline:3rem}.fd-icon-tab-bar--responsive-paddings .fd-icon-tab-bar__header{padding-block:0}@media(width<=599px){.fd-icon-tab-bar--responsive-paddings .fd-icon-tab-bar__header{padding-inline:1rem}}@media(width>=600px)and (width<=1023px){.fd-icon-tab-bar--responsive-paddings .fd-icon-tab-bar__header{padding-inline:2rem}}@media(width>=1024px)and (width<=1439px){.fd-icon-tab-bar--responsive-paddings .fd-icon-tab-bar__header{padding-inline:2rem}}@media(width>=1440px){.fd-icon-tab-bar--responsive-paddings .fd-icon-tab-bar__header{padding-inline: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-block:0;margin-inline: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{-webkit-margin-start:auto;margin-inline-start: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{-webkit-margin-end:-.25rem;margin-inline-end:-.25rem;-webkit-margin-before:.375rem;margin-block-start:.375rem}.fd-list{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;list-style:none;margin-block:0;margin-inline:0;max-width:100%!important;padding-block:0;padding-inline:0;position:relative;width:100%}.fd-list:after,.fd-list:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-list__footer,.fd-list__group-header,.fd-list__item{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-inline:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-block:0;padding-inline:.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{-webkit-box-sizing:inherit;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);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 .fd-avatar:first-child{-webkit-margin-end:.75rem;margin-inline-end:.75rem}.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,.fd-list__item--interractive{cursor:pointer}.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{border-bottom:var(--fdList_Item_Action_Border);font-size:var(--sapFontSize);padding-block:0;padding-inline:0;text-align:center;--fdList_Item_Height:var(--sapElement_LineHeight)}.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-block:var(--fdList_Item_Action_Button_Spacing);margin-inline:var(--fdList_Item_Action_Button_Spacing);padding-block:0;padding-inline:.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:var(--sapContent_FocusColor) var(--sapContent_FocusStyle) var(--sapContent_FocusWidth);outline-offset:-.125rem}.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{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.5rem}.fd-list__item--growing .fd-list__title-text{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:inherit;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;font-weight:var(--fdList_Growing_Font_Weight);forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;overflow:hidden;padding-block:0;padding-inline: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{-webkit-box-sizing:inherit;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{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--fdList_Item_Text_Color);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;overflow:hidden;padding-block:0;padding-inline: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{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-list__title{-webkit-box-flex:3;-ms-flex:3 3 10%;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{-ms-flex-preferred-size:auto;flex-basis:auto}.fd-list__title .fd-list__title-text{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.fd-list__title~.fd-list__icon{-webkit-margin-end:-1rem;margin-inline-end:-1rem}.fd-list__secondary{color:var(--fdList_Status_Text_Color);font-size:var(--sapFontSize);max-width:40%;text-align:right;-webkit-padding-start:1rem;padding-inline-start: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]{background:inherit;border-radius:inherit;color:inherit;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:inherit;line-height:1;pointer-events:none;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--sapContent_NonInteractiveIconColor);font-size:var(--fdList_Item_Icon_Font_Size);width:2.75rem;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.fd-list__icon [class*=sap-icon]:first-child,.fd-list__icon[class*=sap-icon]:first-child{-webkit-margin-start:-1rem;margin-inline-start:-1rem}.fd-list__link{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-inline:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;--fdList_Item_Border_Color:transparent;background:var(--fdList_Item_Background_Color);border-bottom:var(--sapList_BorderWidth) solid var(--fdList_Item_Border_Color);cursor:pointer;height:100%;padding-block:0;padding-inline:.9375rem;text-decoration:none;width:100%}.fd-list__link:after,.fd-list__link:before{-webkit-box-sizing:inherit;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{background:var(--sapList_GroupHeaderBackground);border-bottom:var(--sapList_BorderWidth) solid var(--sapList_GroupHeaderBorderColor);height:var(--sapElement_LineHeight);-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.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{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.fd-list__footer--left{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.fd-list__bold{font-weight:700}.fd-list__message{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:2rem;left:0;line-height:normal;line-height:2rem;margin-block:0;margin-inline:0;overflow:hidden;padding-block:0;padding-inline:0;position:absolute;text-overflow:ellipsis;top:0;white-space:nowrap;width:100%;-webkit-padding-start:.5rem;background-color:var(--fdList_Message_Background_Color);font-size:var(--sapFontSmallSize);padding-inline-start:.5rem}.fd-list__message:after,.fd-list__message:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.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{-webkit-margin-start:var(--fdList_Button_Spacing);margin-inline-start:var(--fdList_Button_Spacing);-ms-flex-item-align:center;align-self:center}.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{-webkit-padding-before:2rem;padding-block-start: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){display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;height:auto;min-height:2.5rem;padding-block:0;padding-inline:.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-block:0;padding-inline:.9375rem}.fd-list--multi-input .fd-list__item{cursor:pointer;height:auto;padding-block:0;padding-inline:0 1rem}.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__label{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:inherit;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;overflow:hidden;padding-block:0;padding-inline:0;position:relative;text-overflow:ellipsis;width:100%;-webkit-margin-end:0;margin-inline-end:0}.fd-list--multi-input .fd-list__label:after,.fd-list--multi-input .fd-list__label:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-list--multi-input .fd-list__label:before{margin-block:-.1875rem -.1875rem}.fd-list--multi-input .fd-list__input.is-focus,.fd-list--multi-input .fd-list__input:focus{-webkit-box-shadow:none;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{height:auto;text-align:right;-webkit-box-pack:end;-ms-flex-pack:end;background-color:var(--sapList_Background);justify-content:flex-end;line-height:1rem}.fd-list--multi-input .fd-list__footer,.fd-list--multi-input .fd-list__label{padding-block:.75rem;padding-inline:.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-block:0;padding-inline: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{-webkit-margin-start:0;margin-inline-start:0;margin-top:0;-webkit-margin-after:0;margin-block-end: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-block:.5rem;padding-inline:.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{font-size:var(--sapFontSize);white-space:normal;-webkit-box-flex:1;-ms-flex:auto;flex:auto;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{height:auto;min-height:5rem;padding-block:.9375rem;padding-inline:1rem;width:100%;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.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;align-self:center;-webkit-box-pack:end;-ms-flex-pack:end;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{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;align-items:center}.fd-list--byline .fd-list__thumbnail{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;pointer-events:none;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;-webkit-margin-end:.75rem;border-radius:.25rem;color:var(--sapContent_NonInteractiveIconColor);font-size:2rem;height:3rem;margin-inline-end:.75rem;max-height:3rem;max-width:3rem;min-height:3rem;min-width:3rem;width:3rem}.fd-list--byline .fd-list__thumbnail:after,.fd-list--byline .fd-list__thumbnail:before{-webkit-box-sizing:inherit;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>svg{height:100%}.fd-list--byline .fd-list__notification{color:var(--sapAccentColor6);font-size:.375rem;left:1rem;position:absolute;top:50%;-webkit-transform:translateY(-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{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;pointer-events:none;-ms-flex-line-pack:justify;align-content:space-between;height:100%;min-height:3rem;min-width:3rem;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;padding-block:.125rem;padding-inline:0}.fd-list--byline .fd-list__content:after,.fd-list--byline .fd-list__content:before{-webkit-box-sizing:inherit;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{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_LabelColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;line-height:1rem;margin-block:0;margin-inline:0;overflow:hidden;padding-block:0;padding-inline:0;text-overflow:ellipsis;white-space:nowrap;-webkit-padding-before:.5rem;padding-block-start:.5rem}.fd-list--byline .fd-list__byline:after,.fd-list--byline .fd-list__byline:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-list--byline .fd-list__byline--2-col{display:-webkit-box;display:-ms-flexbox;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-block:0;padding-inline: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{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_LabelColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;line-height:1rem;margin-block:0;margin-inline:0;overflow:hidden;padding-block:0;padding-inline:0;text-overflow:ellipsis;white-space:nowrap;width:60%;-ms-flex-item-align:end;align-self:flex-end;-webkit-padding-end:.5rem;padding-inline-end:.5rem}.fd-list--byline .fd-list__byline-left:after,.fd-list--byline .fd-list__byline-left:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-list--byline .fd-list__byline-right{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_LabelColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;line-height:1rem;margin-block:0;margin-inline:0;overflow:hidden;padding-block:0;padding-inline:0;text-align:right;text-overflow:ellipsis;white-space:nowrap;width:40%;-ms-flex-item-align:end;align-self:flex-end;-webkit-padding-start:.5rem;padding-inline-start:.5rem}.fd-list--byline .fd-list__byline-right:after,.fd-list--byline .fd-list__byline-right:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-list--byline .fd-list__byline-right[dir=rtl],[dir=rtl] .fd-list--byline .fd-list__byline-right{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__group-header{height:var(--sapElement_LineHeight);max-height:var(--sapElement_LineHeight);min-height:var(--sapElement_LineHeight)}.fd-list--byline.fd-list--unread-indicator .fd-list__item{padding-inline:2.125rem 1rem}.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-block:.5rem}.fd-list--byline.fd-list--no-border .fd-list__item:first-child{-webkit-padding-before:.9375rem;padding-block-start:.9375rem}.fd-list--byline.fd-list--no-border .fd-list__item:last-child{-webkit-padding-after:.9375rem;padding-block-end:.9375rem}.fd-list--subline .fd-list__item{-webkit-box-orient:horizontal;-ms-flex-direction:row;flex-direction:row;gap:.75rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:4.5rem;padding-block:.5rem;padding-inline:1rem}.fd-list--subline .fd-list__content,.fd-list--subline .fd-list__item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-direction:normal}.fd-list--subline .fd-list__content{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex:1;flex:1;gap:.25rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;overflow:hidden}.fd-list--subline .fd-list__content:after,.fd-list--subline .fd-list__content:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-list--subline .fd-list__title{color:var(--sapList_TextColor);font-family:var(--sapFontBoldFamily)}.fd-list--subline .fd-list__subline,.fd-list--subline .fd-list__title{font-size:var(--sapFontSize);font-style:normal;line-height:normal;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.fd-list--subline .fd-list__subline{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_LabelColor);font-family:var(--sapFontFamily);font-weight:400;forced-color-adjust:none;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0}.fd-list--subline .fd-list__subline:after,.fd-list--subline .fd-list__subline:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-list--subline .fd-list__active-indicator{color:var(--sapContent_NonInteractiveIconColor)}.fd-list--subline .fd-avatar:first-child{margin-inline:0}.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{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;overflow:hidden;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{-webkit-box-sizing:inherit;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{-webkit-padding-before:.25rem;color:var(--sapContent_LabelColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);overflow:hidden;padding-block-start:.25rem;text-overflow:ellipsis;white-space:nowrap}.fd-list--message-view .fd-list__link{padding-block:.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-block:0;padding-inline:0}.fd-list--navigation.fd-icon-tab-bar__list .fd-list__link{gap:.25rem}.fd-list--navigation .fd-list__link{padding-inline:var(--fdList_Navigation_Link_Padding_Left,.9375rem) var(--fdList_Navigation_Link_Padding_Right,.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-block:0;padding-inline: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-block:0;padding-inline: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-block:0;padding-inline:0}.fd-list--navigation.fd-list--byline .fd-list__link,.fd-list--navigation.fd-list--byline.fd-list--compact .fd-list__link{padding-block:.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-block:.5rem}.fd-list--navigation.fd-list--byline.fd-list--no-border .fd-list__item--link:first-child{-webkit-padding-before:0;padding-block-start:0}.fd-list--navigation.fd-list--byline.fd-list--no-border .fd-list__item--link:first-child .fd-list__link{-webkit-padding-before:1rem;padding-block-start:1rem}.fd-list--navigation.fd-list--byline.fd-list--no-border .fd-list__item--link:first-child .fd-list__link--navigation-indicator:after{-webkit-margin-after:.5rem;margin-block-end:.5rem}.fd-list--navigation.fd-list--byline.fd-list--no-border .fd-list__item--link:last-child{-webkit-padding-after:0;padding-block-end:0}.fd-list--navigation.fd-list--byline.fd-list--no-border .fd-list__item--link:last-child .fd-list__link{-webkit-padding-after:1rem;padding-block-end: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-block:0;padding-inline: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-block:0;padding-inline:0}.fd-list--navigation.fd-list--byline.fd-list--selection.fd-list--no-border .fd-list__item--link .fd-list__link{padding-block:.5rem}.fd-list--navigation.fd-list--byline.fd-list--selection.fd-list--no-border .fd-list__item--link:first-child{-webkit-padding-before:0;padding-block-start:0}.fd-list--navigation.fd-list--byline.fd-list--selection.fd-list--no-border .fd-list__item--link:first-child .fd-list__link{-webkit-padding-before:1rem;padding-block-start: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{-webkit-margin-after:.5rem;margin-block-end:.5rem}.fd-list--navigation.fd-list--byline.fd-list--selection.fd-list--no-border .fd-list__item--link:last-child{-webkit-padding-after:0;padding-block-end:0}.fd-list--navigation.fd-list--byline.fd-list--selection.fd-list--no-border .fd-list__item--link:last-child .fd-list__link{-webkit-padding-after:1rem;padding-block-end: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-block:0;padding-inline: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-block:.5rem}.fd-list--navigation.fd-list--byline.fd-list--selection.fd-list--navigation-indication.fd-list--no-border .fd-list__item--link:first-child{-webkit-padding-before:0;padding-block-start: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{-webkit-padding-before:1rem;padding-block-start: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{-webkit-margin-after:.5rem;margin-block-end:.5rem}.fd-list--navigation.fd-list--byline.fd-list--selection.fd-list--navigation-indication.fd-list--no-border .fd-list__item--link:last-child{-webkit-padding-after:0;padding-block-end: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{-webkit-padding-after:1rem;padding-block-end: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-block:0;padding-inline:0}.fd-list--navigation.fd-list--navigation-object .fd-list__link{padding-block:1rem}.fd-list--navigation-indication .fd-list:after{content:\"\";min-width:1.5rem}.fd-list--navigation-indication fd-list__item.fd-list__item--link{-webkit-padding-end:0;padding-inline-end: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{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--sapContent_NonInteractiveIconColor);content:\"\\e1ed\";font-family:SAP-icons;font-size:var(--fdListNavigationIndicatorFontSize,var(--sapFontLargeSize));height:100%;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-block:0;margin-inline:0}.fd-list--navigation-indication .is-navigated{-webkit-box-shadow:inset -.1875rem 0 0 0 var(--sapList_SelectionBorderColor);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{-webkit-box-shadow:inset .1875rem 0 0 0 var(--sapList_SelectionBorderColor);box-shadow:inset .1875rem 0 0 0 var(--sapList_SelectionBorderColor)}.fd-list--selection .fd-list__item{cursor:pointer;padding-inline:2.75rem .9375rem}.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-inline:2.75rem 1rem}.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-inline:2.75rem 1rem}.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-block:.5rem;padding-inline:2.75rem 1rem}.fd-list--selection.fd-list--byline.fd-list--no-border .fd-list__item:first-child{-webkit-padding-before:.9375rem;padding-block-start:.9375rem}.fd-list--selection.fd-list--byline.fd-list--no-border .fd-list__item:last-child{-webkit-padding-after:.9375rem;padding-block-end:.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{-webkit-padding-before:.5rem;padding-block-start:.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{-webkit-padding-start:1rem;padding-inline-start: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{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;overflow:hidden;padding-block:0;padding-inline:0;text-overflow:ellipsis;white-space:nowrap;-webkit-margin-start:1rem;color:var(--sapContent_MarkerTextColor);margin-inline-start:1rem}.fd-list__item-counter:after,.fd-list__item-counter:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-icon-tab-bar{display:flex;flex-direction:column;height:100%}.fd-icon-tab-bar .fd-icon-tab-bar__item--hidden{display:none}.fd-icon-tab-bar__list{max-height:20rem}.fd-icon-tab-bar__list-item-counter{padding-left:.313rem}[dir=rtl] .fd-icon-tab-bar .fd-icon-tab-bar__list-item-counter,.fd-icon-tab-bar[dir=rtl] .fd-icon-tab-bar__list-item-counter{padding-left:0;padding-right:.25rem}.fd-icon-tab-bar__popover,.fd-icon-tab-bar__popover .fd-popover__control{height:100%}.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/*! Bundled license information:\n\nfundamental-styles/dist/list.css:\n (*!\n * Fundamental Library Styles v0.40.1\n * Copyright (c) 2025 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n *)\n*/\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "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", "multiClick"], outputs: ["reordered"] }, { kind: "directive", type: ScrollbarDirective, selector: "[fdScrollbar], [fd-scrollbar]", inputs: ["noHorizontalScroll", "noVerticalScroll", "alwaysVisible"] }, { kind: "directive", type: ScrollSpyDirective, selector: "[fdScrollSpy]", inputs: ["trackedTags", "fireEmpty", "targetPercent", "targetOffset", "scrollSpyDisabled"], outputs: ["spyChange"], exportAs: ["fdScrollSpy"] }, { kind: "directive", type: IconTabBarTabContentDirective, selector: "fdp-icon-tab-bar-tab-content", inputs: ["id", "uId"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
2136
|
+
], queries: [{ propertyName: "children", predicate: IconTabBarTabComponent, isSignal: true }], viewQueries: [{ propertyName: "_scrollbar", first: true, predicate: ScrollbarDirective, descendants: true, isSignal: true }, { propertyName: "tabDirectives", predicate: IconTabBarTabContentDirective, descendants: true, isSignal: true }, { propertyName: "_iconTabBarCmp", first: true, predicate: IconTabBarBase, descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"fd-icon-tab-bar\" [class]=\"_cssClassForContainer\">\n @if (iconTabType() === 'text') {\n <ng-template [ngTemplateOutlet]=\"textType\"></ng-template>\n }\n @if (iconTabType() === 'icon' || iconTabType() === 'icon-only') {\n <ng-template [ngTemplateOutlet]=\"iconType\"></ng-template>\n }\n @if (iconTabType() === 'filter') {\n <ng-template [ngTemplateOutlet]=\"filterType\"></ng-template>\n }\n @if (iconTabType() === 'process') {\n <ng-template [ngTemplateOutlet]=\"processType\"></ng-template>\n }\n <div\n class=\"fd-icon-tab-bar__content\"\n [class.fd-settings__content]=\"settings()\"\n fd-scrollbar\n (spyChange)=\"highlightActiveTab($event.id)\"\n [scrollSpyDisabled]=\"!stackContent || _disableScrollSpy\"\n fdScrollSpy\n [trackedTags]=\"['fdp-icon-tab-bar-tab-content']\"\n [style.max-height]=\"maxContentHeight()\"\n >\n @if (stackContent) {\n @for (tab of _flatTabs$(); track tab) {\n <fdp-icon-tab-bar-tab-content [id]=\"tab.id\" [uId]=\"tab.uId\" class=\"fd-icon-tab-bar__tab-content\">\n <ng-template [ngTemplateOutlet]=\"tab.renderer || null\"></ng-template>\n </fdp-icon-tab-bar-tab-content>\n }\n } @else {\n @if (_tabRenderer$(); as tabRenderer) {\n <fdp-icon-tab-bar-tab-content\n [id]=\"tabRenderer.id\"\n [uId]=\"tabRenderer.uId\"\n class=\"fd-icon-tab-bar__tab-content\"\n >\n <ng-template [ngTemplateOutlet]=\"tabRenderer.renderer || null\"></ng-template>\n </fdp-icon-tab-bar-tab-content>\n }\n }\n <ng-content select=\"[fdpIconTabBarFreeContent]\"></ng-content>\n </div>\n</div>\n<ng-template #processType>\n <fdp-icon-tab-bar-process-type\n [tabs]=\"_tabs$()\"\n [isRtl]=\"_rtl$()\"\n [selectedUid]=\"_selectedUid()\"\n (selectedUidChange)=\"_selectedUid.set($event)\"\n [densityMode]=\"densityMode()\"\n [colorAssociations]=\"colorAssociations()\"\n (selected)=\"_selectItem($event)\"\n [tabHeadingLevel]=\"tabHeadingLevel()\"\n ></fdp-icon-tab-bar-process-type>\n</ng-template>\n<ng-template #filterType>\n <fdp-icon-tab-bar-filter-type\n [tabs]=\"_tabs$()\"\n [showTotalTab]=\"showTotalTab()\"\n [isRtl]=\"_rtl$()\"\n [selectedUid]=\"_selectedUid()\"\n (selectedUidChange)=\"_selectedUid.set($event)\"\n [densityMode]=\"densityMode()\"\n [colorAssociations]=\"colorAssociations()\"\n (selected)=\"_selectItem($event)\"\n [tabHeadingLevel]=\"tabHeadingLevel()\"\n ></fdp-icon-tab-bar-filter-type>\n</ng-template>\n<ng-template #iconType>\n <fdp-icon-tab-bar-icon-type\n [showLabel]=\"iconTabType() === 'icon'\"\n [tabs]=\"_tabs$()\"\n [isRtl]=\"_rtl$()\"\n [selectedUid]=\"_selectedUid()\"\n (selectedUidChange)=\"_selectedUid.set($event)\"\n [densityMode]=\"densityMode()\"\n [colorAssociations]=\"colorAssociations()\"\n (selected)=\"_selectItem($event)\"\n (closeTab)=\"_closeTab($event)\"\n [tabHeadingLevel]=\"tabHeadingLevel()\"\n ></fdp-icon-tab-bar-icon-type>\n</ng-template>\n<ng-template #textType>\n <fdp-icon-tab-bar-text-type\n [tabs]=\"_tabs$()\"\n [multiClick]=\"multiClick()\"\n [layoutMode]=\"layoutMode()\"\n [isRtl]=\"_rtl$()\"\n [selectedUid]=\"_selectedUid()\"\n (selectedUidChange)=\"_selectedUid.set($event)\"\n [densityMode]=\"densityMode()\"\n [enableTabReordering]=\"enableTabReordering()\"\n [colorAssociations]=\"colorAssociations()\"\n (reordered)=\"_onReorder($event)\"\n (selected)=\"_selectItem($event)\"\n (closeTab)=\"_closeTab($event)\"\n [tabHeadingLevel]=\"tabHeadingLevel()\"\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{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_LabelColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;line-height:1rem;margin-block:0;margin-inline:0;padding-block:0;padding-inline: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{-webkit-box-sizing:inherit;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;font-family:SAP-icons;font-size:.75rem;-webkit-font-smoothing:antialiased;color:var(--fdIconTabBar_Tag_Icon_Color);display:var(--fdIcon_Tab_Bar_Semantic_Icon_Display)}.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-block:0;margin-inline: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-block:0;margin-inline:0}.fd-icon-tab-bar{--fdIconTabBar_Icon_Size:2.75rem;--fdIconTabBar_Icon_Font_Size:1.25rem;--fdIcon_Tab_Bar_Container_Badge_Size:.5rem;border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.fd-icon-tab-bar:after,.fd-icon-tab-bar:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-icon-tab-bar__header{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:var(--sapObjectHeader_Background);-webkit-box-shadow:var(--sapContent_HeaderShadow);box-shadow:var(--sapContent_HeaderShadow);list-style:none;min-height:2.75rem;position:relative}.fd-icon-tab-bar__header:after,.fd-icon-tab-bar__header:before{-webkit-box-sizing:inherit;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{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-margin-end:2rem;margin-inline-end:2rem}.fd-icon-tab-bar__item:after,.fd-icon-tab-bar__item:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.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,.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{-webkit-margin-end:.5rem;content:\"\\e1ec\";margin-inline-end:.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,.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{-webkit-margin-end:.5rem;content:\"\\e1c1\";margin-inline-end:.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,.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{-webkit-margin-end:.5rem;content:\"\\e053\";margin-inline-end:.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,.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{-webkit-margin-end:.5rem;content:\"\\e289\";margin-inline-end:.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{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.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);content:\"\";display:block;inset:0;inset:var(--fdIcon_Tab_Bar_Focus_Offset) var(--fdIcon_Tab_Bar_Focus_Offset) var(--fdIcon_Tab_Bar_Focus_Offset) var(--fdIcon_Tab_Bar_Focus_Offset);position:absolute}.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{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative}.fd-icon-tab-bar__item.fd-icon-tab-bar__item--multi-click .fd-icon-tab-bar__tab{padding-inline:.188rem 1.938rem}.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-inline:.188rem 3.938rem}.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{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative}.fd-icon-tab-bar__item.fd-icon-tab-bar__item--closable .fd-icon-tab-bar__tab{padding-inline:.188rem 2.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{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;font-size:var(--sapFontSize);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{background:var(--sapButton_Hover_Background);-webkit-box-shadow:inset 0 0 0 .125rem var(--sapButton_Hover_BorderColor);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{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:2.75rem;max-height:2.75rem;max-width:1.5rem;min-height:2.75rem;min-width:1.5rem;position:relative;width:1.5rem}.fd-icon-tab-bar__button-container:after,.fd-icon-tab-bar__button-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-icon-tab-bar__button-container:before{background:var(--fdIconTabBar_Multi_Click_Separator_Background);content:\"\";display:var(--fdIcon_Tab_Bar_Multi_Click_Button_Separator_Display);height:1rem;left:0;position:absolute;top:.75rem;width:.0625rem}.fd-icon-tab-bar__button-container[dir=rtl]:before,[dir=rtl] .fd-icon-tab-bar__button-container:before{left:auto;right:0}.fd-icon-tab-bar .fd-icon-tab-bar__button{border-radius:.25rem;font-family:var(--sapContent_IconFontFamily);height:1.5rem;min-width:1.5rem;width:1.5rem;--fdButton_Hover_Shadow:none}.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{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;cursor:pointer;min-width:2rem;padding-block:.875rem;padding-inline:.188rem;position:relative;text-decoration:none}.fd-icon-tab-bar__tab:after,.fd-icon-tab-bar__tab:before{-webkit-box-sizing:inherit;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{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;-webkit-transition:all .125s ease-in;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{-webkit-box-shadow:none;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);content:\"\";display:block;inset:0;inset:var(--fdIcon_Tab_Bar_Focus_Offset) var(--fdIcon_Tab_Bar_Focus_Offset) var(--fdIcon_Tab_Bar_Focus_Offset) var(--fdIcon_Tab_Bar_Focus_Offset);inset:var(--fdIcon_Tab_Bar_Icon_Focus_Offset) var(--fdIcon_Tab_Bar_Icon_Focus_Offset) var(--fdIcon_Tab_Bar_Icon_Focus_Offset) var(--fdIcon_Tab_Bar_Icon_Focus_Offset);position:absolute}.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);content:\"\";display:block;inset:0;inset:var(--fdIcon_Tab_Bar_Focus_Offset) var(--fdIcon_Tab_Bar_Focus_Offset) var(--fdIcon_Tab_Bar_Focus_Offset) var(--fdIcon_Tab_Bar_Focus_Offset);position:absolute}.fd-icon-tab-bar__tab-container{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.fd-icon-tab-bar__tab-container:after,.fd-icon-tab-bar__tab-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-icon-tab-bar__arrow{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:1rem;margin-inline:var(--fdIcon_Tab_Bar_Single_Click_Icon_Container_Padding_Left) var(--fdIcon_Tab_Bar_Single_Click_Icon_Container_Padding_Right);width:var(--fdIcon_Tab_Bar_Single_Click_Icon_Container_Width)}.fd-icon-tab-bar__arrow:after,.fd-icon-tab-bar__arrow:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-icon-tab-bar__arrow [class*=sap-icon]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--fdIconTabBar_Arrow_Color);font-size:1rem;height:1rem;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{-webkit-margin-after:.125rem;margin-block-end:.125rem}.fd-icon-tab-bar__icon{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:var(--fdIconTabBar_Icon_Background);border:var(--fdIcon_Tab_Bar_Icon_Border_Weight) solid var(--fdIconTabBar_Icon_Border_Color);border-radius:50%;height:var(--fdIconTabBar_Icon_Size);margin-inline:.188rem;position:relative;width:var(--fdIconTabBar_Icon_Size)}.fd-icon-tab-bar__icon:after,.fd-icon-tab-bar__icon:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-icon-tab-bar__icon [class*=sap-icon],.fd-icon-tab-bar__icon[class*=sap-icon]{color:var(--fdIconTabBar_Icon_Color);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-size:var(--fdIconTabBar_Icon_Font_Size);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.fd-icon-tab-bar__details{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:end;-ms-flex-pack:end;height:2.75rem;justify-content:flex-end;max-width:7.5rem;padding-block:.375rem .25rem;padding-inline:.125rem .25rem}.fd-icon-tab-bar__details:after,.fd-icon-tab-bar__details:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-icon-tab-bar__label{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--fdIcon_Tab_Bar_Label_Color);font-family:var(--sapFontFamily);font-family:var(--fdIcon_Tab_Bar_Label_Font_Family);font-size:var(--sapFontSize);font-size:var(--sapFontSmallSize);font-weight:400;forced-color-adjust:none;line-height:normal;line-height:.875rem;margin-block:0;margin-inline:0;overflow:hidden;padding-block:0;padding-inline:0;text-overflow:ellipsis;white-space:nowrap}.fd-icon-tab-bar__label:after,.fd-icon-tab-bar__label:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-icon-tab-bar__separator{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;padding-inline:.5rem}.fd-icon-tab-bar__separator:after,.fd-icon-tab-bar__separator:before{-webkit-box-sizing:inherit;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]{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.fd-icon-tab-bar__container{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;position:relative}.fd-icon-tab-bar__container:after,.fd-icon-tab-bar__container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-icon-tab-bar__container .fd-icon-tab-bar__badge{border:.125rem solid var(--sapContent_BadgeBorderColor);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{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:2rem}.fd-icon-tab-bar__container--filter:after{background:var(--sapGroup_TitleBorderColor);content:\"\";height:2rem;padding-block:0;padding-inline: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{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_LabelColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:var(--sapFontSmallSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline: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{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-icon-tab-bar__filter-counter{font-size:1.5rem;-webkit-margin-end:.5rem;margin-inline-end:.5rem}.fd-icon-tab-bar__overflow{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;padding-inline:.5rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:var(--fdIconTabBar_Overflow_Button_Background);border:.0625rem solid var(--fdIconTabBar_Overflow_Button_Border_Color);border-radius:var(--fdIcon_Tab_Bar_Overflow_Button_Border_Radius);cursor:pointer;gap:.375rem;height:1.5rem;position:relative}.fd-icon-tab-bar__overflow:after,.fd-icon-tab-bar__overflow:before{-webkit-box-sizing:inherit;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{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--fdIconTabBar_Overflow_Button_Text_Color);font-family:var(--sapFontFamily);font-family:var(--fdIcon_Tab_Bar_Overflow_Button_Font_Family);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;line-height:1.5rem;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0}.fd-icon-tab-bar__overflow-text:after,.fd-icon-tab-bar__overflow-text:before{-webkit-box-sizing:inherit;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);content:\"\";display:block;inset:var(--fdIcon_Tab_Bar_Overflow_Button_Focus_Offset) var(--fdIcon_Tab_Bar_Overflow_Button_Focus_Offset) var(--fdIcon_Tab_Bar_Overflow_Button_Focus_Offset) var(--fdIcon_Tab_Bar_Overflow_Button_Focus_Offset);position:absolute}.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{-webkit-margin-end:-.25rem;margin-inline-end:-.25rem;-webkit-margin-before:-.25rem;margin-block-start:-.25rem;z-index:10}.fd-icon-tab-bar .fd-icon-tab-bar__popover .fd-icon-tab-bar__button{--fdButtonColor:var(--sapTextColor)}.fd-icon-tab-bar__badge{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:var(--fdIconTabBar_Badge_Background);border:.0625rem solid var(--sapObjectHeader_Background);border-radius:50%;-webkit-box-sizing:content-box;box-sizing:content-box;height:.375rem;position:absolute;right:-.2505rem;top:.75rem;width:.375rem;z-index:5}.fd-icon-tab-bar__badge:after,.fd-icon-tab-bar__badge:before{-webkit-box-sizing:inherit;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-animation-delay:0s,1.5s;animation-delay:0s,1.5s;-webkit-animation-duration:1.5s,.75s;animation-duration:1.5s,.75s;-webkit-animation-iteration-count:1,1;animation-iteration-count:1,1;-webkit-animation-name:pulse-appear,pulse-disappear;animation-name:pulse-appear,pulse-disappear;-webkit-animation-timing-function:ease-in,ease-out;animation-timing-function:ease-in,ease-out;-webkit-transform:scale(0);transform:scale(0)}.fd-icon-tab-bar__badge--animated:after{-webkit-animation:pulse-after 1s ease-in;animation:pulse-after 1s ease-in;-webkit-animation-delay:1s;animation-delay:1s;-webkit-animation-iteration-count:1;animation-iteration-count:1;background:var(--fdIconTabBar_Badge_Background_After);border-radius:50%;content:\"\";height:.75rem;opacity:0;position:absolute;-webkit-transform:scale(0);transform:scale(0);width:.75rem}@-webkit-keyframes pulse-appear{0%{-webkit-transform:scale(.25);transform:scale(.25)}64%{-webkit-transform:scale(1.25);transform:scale(1.25)}71%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes pulse-appear{0%{-webkit-transform:scale(.25);transform:scale(.25)}64%{-webkit-transform:scale(1.25);transform:scale(1.25)}71%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes pulse-disappear{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(0);transform:scale(0)}}@keyframes pulse-disappear{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(0);transform:scale(0)}}@-webkit-keyframes pulse-after{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}71%{opacity:.2;-webkit-transform:scale(1);transform:scale(1)}80%{opacity:.2;-webkit-transform:scale(1.17);transform:scale(1.17)}86%{opacity:.1;-webkit-transform:scale(1.33);transform:scale(1.33)}93%{opacity:0;-webkit-transform:scale(1.5);transform:scale(1.5)}to{opacity:0;-webkit-transform:scale(0);transform:scale(0)}}@keyframes pulse-after{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}71%{opacity:.2;-webkit-transform:scale(1);transform:scale(1)}80%{opacity:.2;-webkit-transform:scale(1.17);transform:scale(1.17)}86%{opacity:.1;-webkit-transform:scale(1.33);transform:scale(1.33)}93%{opacity:0;-webkit-transform:scale(1.5);transform:scale(1.5)}to{opacity:0;-webkit-transform:scale(0);transform:scale(0)}}.fd-icon-tab-bar__icon-separator{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-inline:0;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-pack:center;-ms-flex-pack:center;height:1rem;justify-content:center;padding-block:0;padding-inline:.5rem}.fd-icon-tab-bar__icon-separator:after,.fd-icon-tab-bar__icon-separator:before{-webkit-box-sizing:inherit;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]{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.fd-icon-tab-bar__line-separator{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-margin-before:.25rem;border-bottom:.0625rem solid var(--sapGroup_TitleBorderColor);margin-block-start:.25rem}.fd-icon-tab-bar__line-separator:after,.fd-icon-tab-bar__line-separator:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-icon-tab-bar__line-separator:first-child{-webkit-margin-before:.5rem;margin-block-start:.5rem;margin-inline:1rem 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-inline:1.5rem 1rem}.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-inline:2rem 1rem}.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-inline:2.5rem 1rem}.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-inline:3rem 1rem}.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-inline:3.5rem 1rem}.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-inline:4rem 1rem}.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-inline:4.5rem 1rem}.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-inline:5rem 1rem}.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-inline:5.5rem 1rem}.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-inline:6rem 1rem}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item span{-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item .fd-icon-tab-bar__badge{position:static;-webkit-margin-after:.625rem;margin-block-end:.625rem}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item .fd-icon-tab-bar__badge [class*=sap-icon]{-webkit-margin-after:0;margin-block-end: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{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:1.25rem;-webkit-margin-end:.25rem;margin-inline-end:.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-block:0;margin-inline:0;width:auto}.fd-icon-tab-bar__list .fd-icon-tab-bar__line-separator:first-child{padding-inline:1rem}.fd-icon-tab-bar__list .fd-icon-tab-bar__line-separator:first-child:after{-webkit-margin-before:.75rem;margin-block-start:.75rem}.fd-icon-tab-bar__list .fd-icon-tab-bar__icon-separator:first-child{height:1.5rem;padding-inline: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{-webkit-box-pack:center;-ms-flex-pack:center;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{height:3.875rem;-webkit-box-pack:end;-ms-flex-pack:end;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{padding-block:1rem;padding-inline:0;position:relative;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;margin-inline:.75rem}.fd-icon-tab-bar--icon-only .fd-icon-tab-bar__item{margin-inline:.25rem}.fd-icon-tab-bar--icon-only .fd-icon-tab-bar__item:first-child{margin-block:0;margin-inline:0 .25rem}.fd-icon-tab-bar--icon-only .fd-icon-tab-bar__item:first-child .fd-icon-tab-bar__tab{margin-inline:0 .75rem}.fd-icon-tab-bar--icon-only .fd-icon-tab-bar__item--closable .fd-icon-tab-bar__tab{-webkit-padding-end:2rem;padding-inline-end:2rem}.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-block:0;margin-inline: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-block:0;margin-inline:0}.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--negative .fd-icon-tab-bar__label:before{-webkit-margin-end:.5rem;color:var(--sapNegativeElementColor);content:\"\\e1ec\";margin-inline-end:.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-block:0;margin-inline: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{-webkit-margin-end:.5rem;color:var(--sapNegativeElementColor);content:\"\\e1ec\";margin-inline-end:.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-block:0;margin-inline:0}.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--positive .fd-icon-tab-bar__label:before{-webkit-margin-end:.5rem;color:var(--sapPositiveElementColor);content:\"\\e1c1\";margin-inline-end:.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-block:0;margin-inline: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{-webkit-margin-end:.5rem;color:var(--sapPositiveElementColor);content:\"\\e1c1\";margin-inline-end:.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-block:0;margin-inline:0}.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--critical .fd-icon-tab-bar__label:before{-webkit-margin-end:.5rem;color:var(--sapCriticalElementColor);content:\"\\e053\";margin-inline-end:.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-block:0;margin-inline: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{-webkit-margin-end:.5rem;color:var(--sapCriticalElementColor);content:\"\\e053\";margin-inline-end:.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-block:0;margin-inline:0}.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--informative .fd-icon-tab-bar__label:before{-webkit-margin-end:.5rem;color:var(--sapInformativeElementColor);content:\"\\e289\";margin-inline-end:.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-block:0;margin-inline: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{-webkit-margin-end:.5rem;color:var(--sapInformativeElementColor);content:\"\\e289\";margin-inline-end:.5rem}.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--closable .fd-icon-tab-bar__tab{-webkit-padding-end:2rem;padding-inline-end:2rem}.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{padding-block:1rem;padding-inline:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.fd-icon-tab-bar--icon .fd-icon-tab-bar__tab:after{width:3.126rem}.fd-icon-tab-bar--icon .fd-icon-tab-bar__counter{-webkit-margin-after:0;font-size:var(--sapFontSmallSize);line-height:.875rem;margin-block-end:0}.fd-icon-tab-bar--icon .fd-icon-tab-bar__counter+.fd-icon-tab-bar__label{-webkit-margin-before:.375rem;margin-block-start:.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-block: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{-webkit-margin-before:.25rem;margin-block-start:.25rem}.fd-icon-tab-bar--process .fd-icon-tab-bar__item{margin-inline:0}.fd-icon-tab-bar--filter .fd-icon-tab-bar__item{margin-inline:.25rem}.fd-icon-tab-bar--filter .fd-icon-tab-bar__item:first-child{margin-inline:0 1.063rem}.fd-icon-tab-bar--filter .fd-icon-tab-bar__item:first-child .fd-icon-tab-bar__tab{padding-block:1.625rem 1.875rem;position:relative}.fd-icon-tab-bar--filter .fd-icon-tab-bar__item:nth-child(2){margin-block:0;margin-inline:0 .25rem}.fd-icon-tab-bar--filter .fd-icon-tab-bar__tab{margin-inline:0;padding-block:.875rem .625rem;padding-inline:.188rem;position:relative;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.fd-icon-tab-bar--filter .fd-icon-tab-bar__icon{margin-inline:0}.fd-icon-tab-bar--filter .fd-icon-tab-bar__label{text-align:center;width:5rem;-webkit-margin-before:.375rem;margin-block-start:.375rem}.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-block: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{background:var(--sapShell_Navigation_Background);-webkit-box-shadow:var(--sapShell_Shadow);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;-webkit-margin-end:.5rem;margin-inline-end:.5rem}.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);content:\"\";display:block;inset:0;inset:var(--fdIcon_Tab_Bar_Focus_Offset) var(--fdIcon_Tab_Bar_Focus_Offset) var(--fdIcon_Tab_Bar_Focus_Offset) var(--fdIcon_Tab_Bar_Focus_Offset);position:absolute}.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);content:\"\";display:block;inset:0;inset:var(--fdIcon_Tab_Bar_Focus_Offset) var(--fdIcon_Tab_Bar_Focus_Offset) var(--fdIcon_Tab_Bar_Focus_Offset) var(--fdIcon_Tab_Bar_Focus_Offset);position:absolute}.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__tab .fd-icon-tab-bar__arrow [class*=sap-icon]{margin-block:0;margin-inline: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{z-index:5;--fdButtonColor:var(--fdIconTabBar_Button_Shell_Color_Active);--fdButtonBackgroundColor:var(--sapShell_Navigation_Background);--fdButtonBorderColor:var(--sapShell_Navigation_Background)}.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{position:relative;-webkit-margin-end:2rem;margin-inline-end:2rem}.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{-webkit-box-shadow:none;box-shadow:none}.fd-icon-tab-bar--navigation-horizontal .fd-icon-tab-bar__tab{padding-block:.75rem 1rem}.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;-webkit-margin-after:.188rem;margin-block-end:.188rem}.fd-icon-tab-bar--navigation-horizontal .fd-icon-tab-bar__button-container{-webkit-box-align:normal;-ms-flex-align:normal;align-items:normal}.fd-icon-tab-bar--navigation-horizontal .fd-icon-tab-bar__button-container .fd-icon-tab-bar__button{-webkit-margin-before:.5rem;margin-block-start:.5rem}.fd-icon-tab-bar--sm .fd-icon-tab-bar__header{padding-block:0;padding-inline:1rem}.fd-icon-tab-bar--lg .fd-icon-tab-bar__header,.fd-icon-tab-bar--md .fd-icon-tab-bar__header{padding-block:0;padding-inline:2rem}.fd-icon-tab-bar--xl .fd-icon-tab-bar__header,.fd-icon-tab-bar--xxl .fd-icon-tab-bar__header{padding-block:0;padding-inline:3rem}.fd-icon-tab-bar--responsive-paddings .fd-icon-tab-bar__header{padding-block:0}@media(max-width:599px){.fd-icon-tab-bar--responsive-paddings .fd-icon-tab-bar__header{padding-inline:1rem}}@media(min-width:600px)and (max-width:1023px){.fd-icon-tab-bar--responsive-paddings .fd-icon-tab-bar__header{padding-inline:2rem}}@media(min-width:1024px)and (max-width:1439px){.fd-icon-tab-bar--responsive-paddings .fd-icon-tab-bar__header{padding-inline:2rem}}@media(min-width:1440px){.fd-icon-tab-bar--responsive-paddings .fd-icon-tab-bar__header{padding-inline: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-block:0;margin-inline: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{-webkit-margin-start:auto;margin-inline-start: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{-webkit-margin-end:-.25rem;margin-inline-end:-.25rem;-webkit-margin-before:.375rem;margin-block-start:.375rem}.fd-list{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;list-style:none;margin-block:0;margin-inline:0;max-width:100%!important;padding-block:0;padding-inline:0;position:relative;width:100%}.fd-list:after,.fd-list:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-list__footer,.fd-list__group-header,.fd-list__item{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-inline:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-block:0;padding-inline:.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{-webkit-box-sizing:inherit;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);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 .fd-avatar:first-child{-webkit-margin-end:.75rem;margin-inline-end:.75rem}.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,.fd-list__item--interractive{cursor:pointer}.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{border-bottom:var(--fdList_Item_Action_Border);font-size:var(--sapFontSize);padding-block:0;padding-inline:0;text-align:center;--fdList_Item_Height:var(--sapElement_LineHeight)}.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-block:var(--fdList_Item_Action_Button_Spacing);margin-inline:var(--fdList_Item_Action_Button_Spacing);padding-block:0;padding-inline:.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:var(--sapContent_FocusColor) var(--sapContent_FocusStyle) var(--sapContent_FocusWidth);outline-offset:-.125rem}.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{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.5rem}.fd-list__item--growing .fd-list__title-text{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:inherit;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;font-weight:var(--fdList_Growing_Font_Weight);forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;overflow:hidden;padding-block:0;padding-inline: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{-webkit-box-sizing:inherit;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{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--fdList_Item_Text_Color);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;overflow:hidden;padding-block:0;padding-inline: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{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-list__title{-webkit-box-flex:3;-ms-flex:3 3 10%;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{-ms-flex-preferred-size:auto;flex-basis:auto}.fd-list__title .fd-list__title-text{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.fd-list__title~.fd-list__icon{-webkit-margin-end:-1rem;margin-inline-end:-1rem}.fd-list__secondary{color:var(--fdList_Status_Text_Color);font-size:var(--sapFontSize);max-width:40%;text-align:right;-webkit-padding-start:1rem;padding-inline-start: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]{background:inherit;border-radius:inherit;color:inherit;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:inherit;line-height:1;pointer-events:none;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--sapContent_NonInteractiveIconColor);font-size:var(--fdList_Item_Icon_Font_Size);width:2.75rem;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.fd-list__icon [class*=sap-icon]:first-child,.fd-list__icon[class*=sap-icon]:first-child{-webkit-margin-start:-1rem;margin-inline-start:-1rem}.fd-list__link{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-inline:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;--fdList_Item_Border_Color:transparent;background:var(--fdList_Item_Background_Color);border-bottom:var(--sapList_BorderWidth) solid var(--fdList_Item_Border_Color);cursor:pointer;height:100%;padding-block:0;padding-inline:.9375rem;text-decoration:none;width:100%}.fd-list__link:after,.fd-list__link:before{-webkit-box-sizing:inherit;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{background:var(--sapList_GroupHeaderBackground);border-bottom:var(--sapList_BorderWidth) solid var(--sapList_GroupHeaderBorderColor);height:var(--sapElement_LineHeight);-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.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{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.fd-list__footer--left{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.fd-list__bold{font-weight:700}.fd-list__message{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:2rem;left:0;line-height:normal;line-height:2rem;margin-block:0;margin-inline:0;overflow:hidden;padding-block:0;padding-inline:0;position:absolute;text-overflow:ellipsis;top:0;white-space:nowrap;width:100%;-webkit-padding-start:.5rem;background-color:var(--fdList_Message_Background_Color);font-size:var(--sapFontSmallSize);padding-inline-start:.5rem}.fd-list__message:after,.fd-list__message:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.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{-webkit-margin-start:var(--fdList_Button_Spacing);margin-inline-start:var(--fdList_Button_Spacing);-ms-flex-item-align:center;align-self:center}.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{-webkit-padding-before:2rem;padding-block-start: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){display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;height:auto;min-height:2.5rem;padding-block:0;padding-inline:.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-block:0;padding-inline:.9375rem}.fd-list--multi-input .fd-list__item{cursor:pointer;height:auto;padding-block:0;padding-inline:0 1rem}.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__label{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:inherit;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;overflow:hidden;padding-block:0;padding-inline:0;position:relative;text-overflow:ellipsis;width:100%;-webkit-margin-end:0;margin-inline-end:0}.fd-list--multi-input .fd-list__label:after,.fd-list--multi-input .fd-list__label:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-list--multi-input .fd-list__label:before{margin-block:-.1875rem -.1875rem}.fd-list--multi-input .fd-list__input.is-focus,.fd-list--multi-input .fd-list__input:focus{-webkit-box-shadow:none;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{height:auto;text-align:right;-webkit-box-pack:end;-ms-flex-pack:end;background-color:var(--sapList_Background);justify-content:flex-end;line-height:1rem}.fd-list--multi-input .fd-list__footer,.fd-list--multi-input .fd-list__label{padding-block:.75rem;padding-inline:.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-block:0;padding-inline: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{-webkit-margin-start:0;margin-inline-start:0;margin-top:0;-webkit-margin-after:0;margin-block-end: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-block:.5rem;padding-inline:.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{font-size:var(--sapFontSize);white-space:normal;-webkit-box-flex:1;-ms-flex:auto;flex:auto;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{height:auto;min-height:5rem;padding-block:.9375rem;padding-inline:1rem;width:100%;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.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;align-self:center;-webkit-box-pack:end;-ms-flex-pack:end;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{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;align-items:center}.fd-list--byline .fd-list__thumbnail{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;pointer-events:none;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;-webkit-margin-end:.75rem;border-radius:.25rem;color:var(--sapContent_NonInteractiveIconColor);font-size:2rem;height:3rem;margin-inline-end:.75rem;max-height:3rem;max-width:3rem;min-height:3rem;min-width:3rem;width:3rem}.fd-list--byline .fd-list__thumbnail:after,.fd-list--byline .fd-list__thumbnail:before{-webkit-box-sizing:inherit;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>svg{height:100%}.fd-list--byline .fd-list__notification{color:var(--sapAccentColor6);font-size:.375rem;left:1rem;position:absolute;top:50%;-webkit-transform:translateY(-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{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;pointer-events:none;-ms-flex-line-pack:justify;align-content:space-between;height:100%;min-height:3rem;min-width:3rem;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;padding-block:.125rem;padding-inline:0}.fd-list--byline .fd-list__content:after,.fd-list--byline .fd-list__content:before{-webkit-box-sizing:inherit;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{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_LabelColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;line-height:1rem;margin-block:0;margin-inline:0;overflow:hidden;padding-block:0;padding-inline:0;text-overflow:ellipsis;white-space:nowrap;-webkit-padding-before:.5rem;padding-block-start:.5rem}.fd-list--byline .fd-list__byline:after,.fd-list--byline .fd-list__byline:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-list--byline .fd-list__byline--2-col{display:-webkit-box;display:-ms-flexbox;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-block:0;padding-inline: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{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_LabelColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;line-height:1rem;margin-block:0;margin-inline:0;overflow:hidden;padding-block:0;padding-inline:0;text-overflow:ellipsis;white-space:nowrap;width:60%;-ms-flex-item-align:end;align-self:flex-end;-webkit-padding-end:.5rem;padding-inline-end:.5rem}.fd-list--byline .fd-list__byline-left:after,.fd-list--byline .fd-list__byline-left:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-list--byline .fd-list__byline-right{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_LabelColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;line-height:1rem;margin-block:0;margin-inline:0;overflow:hidden;padding-block:0;padding-inline:0;text-align:right;text-overflow:ellipsis;white-space:nowrap;width:40%;-ms-flex-item-align:end;align-self:flex-end;-webkit-padding-start:.5rem;padding-inline-start:.5rem}.fd-list--byline .fd-list__byline-right:after,.fd-list--byline .fd-list__byline-right:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-list--byline .fd-list__byline-right[dir=rtl],[dir=rtl] .fd-list--byline .fd-list__byline-right{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__group-header{height:var(--sapElement_LineHeight);max-height:var(--sapElement_LineHeight);min-height:var(--sapElement_LineHeight)}.fd-list--byline.fd-list--unread-indicator .fd-list__item{padding-inline:2.125rem 1rem}.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-block:.5rem}.fd-list--byline.fd-list--no-border .fd-list__item:first-child{-webkit-padding-before:.9375rem;padding-block-start:.9375rem}.fd-list--byline.fd-list--no-border .fd-list__item:last-child{-webkit-padding-after:.9375rem;padding-block-end:.9375rem}.fd-list--subline .fd-list__item{-webkit-box-orient:horizontal;-ms-flex-direction:row;flex-direction:row;gap:.75rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:4.5rem;padding-block:.5rem;padding-inline:1rem}.fd-list--subline .fd-list__content,.fd-list--subline .fd-list__item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-direction:normal}.fd-list--subline .fd-list__content{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex:1;flex:1;gap:.25rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;overflow:hidden}.fd-list--subline .fd-list__content:after,.fd-list--subline .fd-list__content:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-list--subline .fd-list__title{color:var(--sapList_TextColor);font-family:var(--sapFontBoldFamily)}.fd-list--subline .fd-list__subline,.fd-list--subline .fd-list__title{font-size:var(--sapFontSize);font-style:normal;line-height:normal;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.fd-list--subline .fd-list__subline{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_LabelColor);font-family:var(--sapFontFamily);font-weight:400;forced-color-adjust:none;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0}.fd-list--subline .fd-list__subline:after,.fd-list--subline .fd-list__subline:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-list--subline .fd-list__active-indicator{color:var(--sapContent_NonInteractiveIconColor)}.fd-list--subline .fd-avatar:first-child{margin-inline:0}.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{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;overflow:hidden;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{-webkit-box-sizing:inherit;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{-webkit-padding-before:.25rem;color:var(--sapContent_LabelColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);overflow:hidden;padding-block-start:.25rem;text-overflow:ellipsis;white-space:nowrap}.fd-list--message-view .fd-list__link{padding-block:.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-block:0;padding-inline:0}.fd-list--navigation.fd-icon-tab-bar__list .fd-list__link{gap:.25rem}.fd-list--navigation .fd-list__link{padding-inline:var(--fdList_Navigation_Link_Padding_Left,.9375rem) var(--fdList_Navigation_Link_Padding_Right,.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-block:0;padding-inline: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-block:0;padding-inline: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-block:0;padding-inline:0}.fd-list--navigation.fd-list--byline .fd-list__link,.fd-list--navigation.fd-list--byline.fd-list--compact .fd-list__link{padding-block:.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-block:.5rem}.fd-list--navigation.fd-list--byline.fd-list--no-border .fd-list__item--link:first-child{-webkit-padding-before:0;padding-block-start:0}.fd-list--navigation.fd-list--byline.fd-list--no-border .fd-list__item--link:first-child .fd-list__link{-webkit-padding-before:1rem;padding-block-start:1rem}.fd-list--navigation.fd-list--byline.fd-list--no-border .fd-list__item--link:first-child .fd-list__link--navigation-indicator:after{-webkit-margin-after:.5rem;margin-block-end:.5rem}.fd-list--navigation.fd-list--byline.fd-list--no-border .fd-list__item--link:last-child{-webkit-padding-after:0;padding-block-end:0}.fd-list--navigation.fd-list--byline.fd-list--no-border .fd-list__item--link:last-child .fd-list__link{-webkit-padding-after:1rem;padding-block-end: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-block:0;padding-inline: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-block:0;padding-inline:0}.fd-list--navigation.fd-list--byline.fd-list--selection.fd-list--no-border .fd-list__item--link .fd-list__link{padding-block:.5rem}.fd-list--navigation.fd-list--byline.fd-list--selection.fd-list--no-border .fd-list__item--link:first-child{-webkit-padding-before:0;padding-block-start:0}.fd-list--navigation.fd-list--byline.fd-list--selection.fd-list--no-border .fd-list__item--link:first-child .fd-list__link{-webkit-padding-before:1rem;padding-block-start: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{-webkit-margin-after:.5rem;margin-block-end:.5rem}.fd-list--navigation.fd-list--byline.fd-list--selection.fd-list--no-border .fd-list__item--link:last-child{-webkit-padding-after:0;padding-block-end:0}.fd-list--navigation.fd-list--byline.fd-list--selection.fd-list--no-border .fd-list__item--link:last-child .fd-list__link{-webkit-padding-after:1rem;padding-block-end: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-block:0;padding-inline: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-block:.5rem}.fd-list--navigation.fd-list--byline.fd-list--selection.fd-list--navigation-indication.fd-list--no-border .fd-list__item--link:first-child{-webkit-padding-before:0;padding-block-start: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{-webkit-padding-before:1rem;padding-block-start: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{-webkit-margin-after:.5rem;margin-block-end:.5rem}.fd-list--navigation.fd-list--byline.fd-list--selection.fd-list--navigation-indication.fd-list--no-border .fd-list__item--link:last-child{-webkit-padding-after:0;padding-block-end: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{-webkit-padding-after:1rem;padding-block-end: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-block:0;padding-inline:0}.fd-list--navigation.fd-list--navigation-object .fd-list__link{padding-block:1rem}.fd-list--navigation-indication .fd-list:after{content:\"\";min-width:1.5rem}.fd-list--navigation-indication fd-list__item.fd-list__item--link{-webkit-padding-end:0;padding-inline-end: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{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--sapContent_NonInteractiveIconColor);content:\"\\e1ed\";font-family:SAP-icons;font-size:var(--fdListNavigationIndicatorFontSize,var(--sapFontLargeSize));height:100%;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-block:0;margin-inline:0}.fd-list--navigation-indication .is-navigated{-webkit-box-shadow:inset -.1875rem 0 0 0 var(--sapList_SelectionBorderColor);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{-webkit-box-shadow:inset .1875rem 0 0 0 var(--sapList_SelectionBorderColor);box-shadow:inset .1875rem 0 0 0 var(--sapList_SelectionBorderColor)}.fd-list--selection .fd-list__item{cursor:pointer;padding-inline:2.75rem .9375rem}.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-inline:2.75rem 1rem}.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-inline:2.75rem 1rem}.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-block:.5rem;padding-inline:2.75rem 1rem}.fd-list--selection.fd-list--byline.fd-list--no-border .fd-list__item:first-child{-webkit-padding-before:.9375rem;padding-block-start:.9375rem}.fd-list--selection.fd-list--byline.fd-list--no-border .fd-list__item:last-child{-webkit-padding-after:.9375rem;padding-block-end:.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{-webkit-padding-before:.5rem;padding-block-start:.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{-webkit-padding-start:1rem;padding-inline-start: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{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;overflow:hidden;padding-block:0;padding-inline:0;text-overflow:ellipsis;white-space:nowrap;-webkit-margin-start:1rem;color:var(--sapContent_MarkerTextColor);margin-inline-start:1rem}.fd-list__item-counter:after,.fd-list__item-counter:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-icon-tab-bar{display:flex;flex-direction:column;height:100%}.fd-icon-tab-bar .fd-icon-tab-bar__item--hidden{display:none}.fd-icon-tab-bar__list{max-height:20rem}.fd-icon-tab-bar__list-item-counter{padding-left:.313rem}[dir=rtl] .fd-icon-tab-bar .fd-icon-tab-bar__list-item-counter,.fd-icon-tab-bar[dir=rtl] .fd-icon-tab-bar__list-item-counter{padding-left:0;padding-right:.25rem}.fd-icon-tab-bar__popover,.fd-icon-tab-bar__popover .fd-popover__control{height:100%}.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/*! Bundled license information:\n\nfundamental-styles/dist/list.css:\n (*!\n * Fundamental Library Styles v0.40.1\n * Copyright (c) 2025 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n *)\n*/\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "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", "multiClick"], outputs: ["reordered"] }, { kind: "directive", type: ScrollbarDirective, selector: "[fdScrollbar], [fd-scrollbar]", inputs: ["noHorizontalScroll", "noVerticalScroll", "alwaysVisible"] }, { kind: "directive", type: ScrollSpyDirective, selector: "[fdScrollSpy]", inputs: ["trackedTags", "fireEmpty", "targetPercent", "targetOffset", "scrollSpyDisabled"], outputs: ["spyChange"], exportAs: ["fdScrollSpy"] }, { kind: "directive", type: IconTabBarTabContentDirective, selector: "fdp-icon-tab-bar-tab-content", inputs: ["id", "uId"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
2137
2137
|
}
|
|
2138
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2138
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: IconTabBarComponent, decorators: [{
|
|
2139
2139
|
type: Component,
|
|
2140
2140
|
args: [{ selector: 'fdp-icon-tab-bar', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [
|
|
2141
2141
|
{
|
|
@@ -2153,7 +2153,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImpor
|
|
|
2153
2153
|
IconTabBarTabContentDirective
|
|
2154
2154
|
], host: {
|
|
2155
2155
|
'[class.fd-settings__tab-bar]': 'settings()'
|
|
2156
|
-
}, template: "<div class=\"fd-icon-tab-bar\" [class]=\"_cssClassForContainer\">\n @if (iconTabType() === 'text') {\n <ng-template [ngTemplateOutlet]=\"textType\"></ng-template>\n }\n @if (iconTabType() === 'icon' || iconTabType() === 'icon-only') {\n <ng-template [ngTemplateOutlet]=\"iconType\"></ng-template>\n }\n @if (iconTabType() === 'filter') {\n <ng-template [ngTemplateOutlet]=\"filterType\"></ng-template>\n }\n @if (iconTabType() === 'process') {\n <ng-template [ngTemplateOutlet]=\"processType\"></ng-template>\n }\n <div\n class=\"fd-icon-tab-bar__content\"\n [class.fd-settings__content]=\"settings()\"\n fd-scrollbar\n (spyChange)=\"highlightActiveTab($event.id)\"\n [scrollSpyDisabled]=\"!stackContent || _disableScrollSpy\"\n fdScrollSpy\n [trackedTags]=\"['fdp-icon-tab-bar-tab-content']\"\n [style.max-height]=\"maxContentHeight()\"\n >\n @if (stackContent) {\n @for (tab of _flatTabs$(); track tab) {\n <fdp-icon-tab-bar-tab-content [id]=\"tab.id\" [uId]=\"tab.uId\" class=\"fd-icon-tab-bar__tab-content\">\n <ng-template [ngTemplateOutlet]=\"tab.renderer || null\"></ng-template>\n </fdp-icon-tab-bar-tab-content>\n }\n } @else {\n @if (_tabRenderer$(); as tabRenderer) {\n <fdp-icon-tab-bar-tab-content\n [id]=\"tabRenderer.id\"\n [uId]=\"tabRenderer.uId\"\n class=\"fd-icon-tab-bar__tab-content\"\n >\n <ng-template [ngTemplateOutlet]=\"tabRenderer.renderer || null\"></ng-template>\n </fdp-icon-tab-bar-tab-content>\n }\n }\n <ng-content select=\"[fdpIconTabBarFreeContent]\"></ng-content>\n </div>\n</div>\n<ng-template #processType>\n <fdp-icon-tab-bar-process-type\n [tabs]=\"_tabs$()\"\n [isRtl]=\"_rtl$()\"\n [selectedUid]=\"_selectedUid()\"\n (selectedUidChange)=\"_selectedUid.set($event)\"\n [densityMode]=\"densityMode()\"\n [colorAssociations]=\"colorAssociations()\"\n (selected)=\"_selectItem($event)\"\n [tabHeadingLevel]=\"tabHeadingLevel()\"\n ></fdp-icon-tab-bar-process-type>\n</ng-template>\n<ng-template #filterType>\n <fdp-icon-tab-bar-filter-type\n [tabs]=\"_tabs$()\"\n [showTotalTab]=\"showTotalTab()\"\n [isRtl]=\"_rtl$()\"\n [selectedUid]=\"_selectedUid()\"\n (selectedUidChange)=\"_selectedUid.set($event)\"\n [densityMode]=\"densityMode()\"\n [colorAssociations]=\"colorAssociations()\"\n (selected)=\"_selectItem($event)\"\n [tabHeadingLevel]=\"tabHeadingLevel()\"\n ></fdp-icon-tab-bar-filter-type>\n</ng-template>\n<ng-template #iconType>\n <fdp-icon-tab-bar-icon-type\n [showLabel]=\"iconTabType() === 'icon'\"\n [tabs]=\"_tabs$()\"\n [isRtl]=\"_rtl$()\"\n [selectedUid]=\"_selectedUid()\"\n (selectedUidChange)=\"_selectedUid.set($event)\"\n [densityMode]=\"densityMode()\"\n [colorAssociations]=\"colorAssociations()\"\n (selected)=\"_selectItem($event)\"\n (closeTab)=\"_closeTab($event)\"\n [tabHeadingLevel]=\"tabHeadingLevel()\"\n ></fdp-icon-tab-bar-icon-type>\n</ng-template>\n<ng-template #textType>\n <fdp-icon-tab-bar-text-type\n [tabs]=\"_tabs$()\"\n [multiClick]=\"multiClick()\"\n [layoutMode]=\"layoutMode()\"\n [isRtl]=\"_rtl$()\"\n [selectedUid]=\"_selectedUid()\"\n (selectedUidChange)=\"_selectedUid.set($event)\"\n [densityMode]=\"densityMode()\"\n [enableTabReordering]=\"enableTabReordering()\"\n [colorAssociations]=\"colorAssociations()\"\n (reordered)=\"_onReorder($event)\"\n (selected)=\"_selectItem($event)\"\n (closeTab)=\"_closeTab($event)\"\n [tabHeadingLevel]=\"tabHeadingLevel()\"\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{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_LabelColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;line-height:1rem;margin-block:0;margin-inline:0;padding-block:0;padding-inline: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{-webkit-box-sizing:inherit;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;font-family:SAP-icons;font-size:.75rem;-webkit-font-smoothing:antialiased;color:var(--fdIconTabBar_Tag_Icon_Color);display:var(--fdIcon_Tab_Bar_Semantic_Icon_Display)}.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-block:0;margin-inline: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-block:0;margin-inline:0}.fd-icon-tab-bar{--fdIconTabBar_Icon_Size:2.75rem;--fdIconTabBar_Icon_Font_Size:1.25rem;--fdIcon_Tab_Bar_Container_Badge_Size:.5rem;border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.fd-icon-tab-bar:after,.fd-icon-tab-bar:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-icon-tab-bar__header{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:var(--sapObjectHeader_Background);-webkit-box-shadow:var(--sapContent_HeaderShadow);box-shadow:var(--sapContent_HeaderShadow);list-style:none;min-height:2.75rem;position:relative}.fd-icon-tab-bar__header:after,.fd-icon-tab-bar__header:before{-webkit-box-sizing:inherit;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{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-margin-end:2rem;margin-inline-end:2rem}.fd-icon-tab-bar__item:after,.fd-icon-tab-bar__item:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.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,.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{-webkit-margin-end:.5rem;content:\"\\e1ec\";margin-inline-end:.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,.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{-webkit-margin-end:.5rem;content:\"\\e1c1\";margin-inline-end:.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,.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{-webkit-margin-end:.5rem;content:\"\\e053\";margin-inline-end:.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,.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{-webkit-margin-end:.5rem;content:\"\\e289\";margin-inline-end:.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{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.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);content:\"\";display:block;inset:0;inset:var(--fdIcon_Tab_Bar_Focus_Offset) var(--fdIcon_Tab_Bar_Focus_Offset) var(--fdIcon_Tab_Bar_Focus_Offset) var(--fdIcon_Tab_Bar_Focus_Offset);position:absolute}.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{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative}.fd-icon-tab-bar__item.fd-icon-tab-bar__item--multi-click .fd-icon-tab-bar__tab{padding-inline:.188rem 1.938rem}.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-inline:.188rem 3.938rem}.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{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative}.fd-icon-tab-bar__item.fd-icon-tab-bar__item--closable .fd-icon-tab-bar__tab{padding-inline:.188rem 2.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{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;font-size:var(--sapFontSize);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{background:var(--sapButton_Hover_Background);-webkit-box-shadow:inset 0 0 0 .125rem var(--sapButton_Hover_BorderColor);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{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:2.75rem;max-height:2.75rem;max-width:1.5rem;min-height:2.75rem;min-width:1.5rem;position:relative;width:1.5rem}.fd-icon-tab-bar__button-container:after,.fd-icon-tab-bar__button-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-icon-tab-bar__button-container:before{background:var(--fdIconTabBar_Multi_Click_Separator_Background);content:\"\";display:var(--fdIcon_Tab_Bar_Multi_Click_Button_Separator_Display);height:1rem;left:0;position:absolute;top:.75rem;width:.0625rem}.fd-icon-tab-bar__button-container[dir=rtl]:before,[dir=rtl] .fd-icon-tab-bar__button-container:before{left:auto;right:0}.fd-icon-tab-bar .fd-icon-tab-bar__button{border-radius:.25rem;font-family:var(--sapContent_IconFontFamily);height:1.5rem;min-width:1.5rem;width:1.5rem;--fdButton_Hover_Shadow:none}.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{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;cursor:pointer;min-width:2rem;padding-block:.875rem;padding-inline:.188rem;position:relative;text-decoration:none}.fd-icon-tab-bar__tab:after,.fd-icon-tab-bar__tab:before{-webkit-box-sizing:inherit;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{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;-webkit-transition:all .125s ease-in;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{-webkit-box-shadow:none;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);content:\"\";display:block;inset:0;inset:var(--fdIcon_Tab_Bar_Focus_Offset) var(--fdIcon_Tab_Bar_Focus_Offset) var(--fdIcon_Tab_Bar_Focus_Offset) var(--fdIcon_Tab_Bar_Focus_Offset);inset:var(--fdIcon_Tab_Bar_Icon_Focus_Offset) var(--fdIcon_Tab_Bar_Icon_Focus_Offset) var(--fdIcon_Tab_Bar_Icon_Focus_Offset) var(--fdIcon_Tab_Bar_Icon_Focus_Offset);position:absolute}.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);content:\"\";display:block;inset:0;inset:var(--fdIcon_Tab_Bar_Focus_Offset) var(--fdIcon_Tab_Bar_Focus_Offset) var(--fdIcon_Tab_Bar_Focus_Offset) var(--fdIcon_Tab_Bar_Focus_Offset);position:absolute}.fd-icon-tab-bar__tab-container{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.fd-icon-tab-bar__tab-container:after,.fd-icon-tab-bar__tab-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-icon-tab-bar__arrow{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:1rem;margin-inline:var(--fdIcon_Tab_Bar_Single_Click_Icon_Container_Padding_Left) var(--fdIcon_Tab_Bar_Single_Click_Icon_Container_Padding_Right);width:var(--fdIcon_Tab_Bar_Single_Click_Icon_Container_Width)}.fd-icon-tab-bar__arrow:after,.fd-icon-tab-bar__arrow:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-icon-tab-bar__arrow [class*=sap-icon]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--fdIconTabBar_Arrow_Color);font-size:1rem;height:1rem;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{-webkit-margin-after:.125rem;margin-block-end:.125rem}.fd-icon-tab-bar__icon{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:var(--fdIconTabBar_Icon_Background);border:var(--fdIcon_Tab_Bar_Icon_Border_Weight) solid var(--fdIconTabBar_Icon_Border_Color);border-radius:50%;height:var(--fdIconTabBar_Icon_Size);margin-inline:.188rem;position:relative;width:var(--fdIconTabBar_Icon_Size)}.fd-icon-tab-bar__icon:after,.fd-icon-tab-bar__icon:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-icon-tab-bar__icon [class*=sap-icon],.fd-icon-tab-bar__icon[class*=sap-icon]{color:var(--fdIconTabBar_Icon_Color);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-size:var(--fdIconTabBar_Icon_Font_Size);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.fd-icon-tab-bar__details{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:end;-ms-flex-pack:end;height:2.75rem;justify-content:flex-end;max-width:7.5rem;padding-block:.375rem .25rem;padding-inline:.125rem .25rem}.fd-icon-tab-bar__details:after,.fd-icon-tab-bar__details:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-icon-tab-bar__label{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--fdIcon_Tab_Bar_Label_Color);font-family:var(--sapFontFamily);font-family:var(--fdIcon_Tab_Bar_Label_Font_Family);font-size:var(--sapFontSize);font-size:var(--sapFontSmallSize);font-weight:400;forced-color-adjust:none;line-height:normal;line-height:.875rem;margin-block:0;margin-inline:0;overflow:hidden;padding-block:0;padding-inline:0;text-overflow:ellipsis;white-space:nowrap}.fd-icon-tab-bar__label:after,.fd-icon-tab-bar__label:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-icon-tab-bar__separator{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;padding-inline:.5rem}.fd-icon-tab-bar__separator:after,.fd-icon-tab-bar__separator:before{-webkit-box-sizing:inherit;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]{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.fd-icon-tab-bar__container{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;position:relative}.fd-icon-tab-bar__container:after,.fd-icon-tab-bar__container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-icon-tab-bar__container .fd-icon-tab-bar__badge{border:.125rem solid var(--sapContent_BadgeBorderColor);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{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:2rem}.fd-icon-tab-bar__container--filter:after{background:var(--sapGroup_TitleBorderColor);content:\"\";height:2rem;padding-block:0;padding-inline: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{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_LabelColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:var(--sapFontSmallSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline: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{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-icon-tab-bar__filter-counter{font-size:1.5rem;-webkit-margin-end:.5rem;margin-inline-end:.5rem}.fd-icon-tab-bar__overflow{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;padding-inline:.5rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:var(--fdIconTabBar_Overflow_Button_Background);border:.0625rem solid var(--fdIconTabBar_Overflow_Button_Border_Color);border-radius:var(--fdIcon_Tab_Bar_Overflow_Button_Border_Radius);cursor:pointer;gap:.375rem;height:1.5rem;position:relative}.fd-icon-tab-bar__overflow:after,.fd-icon-tab-bar__overflow:before{-webkit-box-sizing:inherit;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{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--fdIconTabBar_Overflow_Button_Text_Color);font-family:var(--sapFontFamily);font-family:var(--fdIcon_Tab_Bar_Overflow_Button_Font_Family);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;line-height:1.5rem;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0}.fd-icon-tab-bar__overflow-text:after,.fd-icon-tab-bar__overflow-text:before{-webkit-box-sizing:inherit;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);content:\"\";display:block;inset:var(--fdIcon_Tab_Bar_Overflow_Button_Focus_Offset) var(--fdIcon_Tab_Bar_Overflow_Button_Focus_Offset) var(--fdIcon_Tab_Bar_Overflow_Button_Focus_Offset) var(--fdIcon_Tab_Bar_Overflow_Button_Focus_Offset);position:absolute}.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{-webkit-margin-end:-.25rem;margin-inline-end:-.25rem;-webkit-margin-before:-.25rem;margin-block-start:-.25rem;z-index:10}.fd-icon-tab-bar .fd-icon-tab-bar__popover .fd-icon-tab-bar__button{--fdButtonColor:var(--sapTextColor)}.fd-icon-tab-bar__badge{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:var(--fdIconTabBar_Badge_Background);border:.0625rem solid var(--sapObjectHeader_Background);border-radius:50%;-webkit-box-sizing:content-box;box-sizing:content-box;height:.375rem;position:absolute;right:-.2505rem;top:.75rem;width:.375rem;z-index:5}.fd-icon-tab-bar__badge:after,.fd-icon-tab-bar__badge:before{-webkit-box-sizing:inherit;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-animation-delay:0s,1.5s;animation-delay:0s,1.5s;-webkit-animation-duration:1.5s,.75s;animation-duration:1.5s,.75s;-webkit-animation-iteration-count:1,1;animation-iteration-count:1,1;-webkit-animation-name:pulse-appear,pulse-disappear;animation-name:pulse-appear,pulse-disappear;-webkit-animation-timing-function:ease-in,ease-out;animation-timing-function:ease-in,ease-out;-webkit-transform:scale(0);transform:scale(0)}.fd-icon-tab-bar__badge--animated:after{-webkit-animation:pulse-after 1s ease-in;animation:pulse-after 1s ease-in;-webkit-animation-delay:1s;animation-delay:1s;-webkit-animation-iteration-count:1;animation-iteration-count:1;background:var(--fdIconTabBar_Badge_Background_After);border-radius:50%;content:\"\";height:.75rem;opacity:0;position:absolute;-webkit-transform:scale(0);transform:scale(0);width:.75rem}@-webkit-keyframes pulse-appear{0%{-webkit-transform:scale(.25);transform:scale(.25)}64%{-webkit-transform:scale(1.25);transform:scale(1.25)}71%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes pulse-appear{0%{-webkit-transform:scale(.25);transform:scale(.25)}64%{-webkit-transform:scale(1.25);transform:scale(1.25)}71%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes pulse-disappear{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(0);transform:scale(0)}}@keyframes pulse-disappear{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(0);transform:scale(0)}}@-webkit-keyframes pulse-after{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}71%{opacity:.2;-webkit-transform:scale(1);transform:scale(1)}80%{opacity:.2;-webkit-transform:scale(1.17);transform:scale(1.17)}86%{opacity:.1;-webkit-transform:scale(1.33);transform:scale(1.33)}93%{opacity:0;-webkit-transform:scale(1.5);transform:scale(1.5)}to{opacity:0;-webkit-transform:scale(0);transform:scale(0)}}@keyframes pulse-after{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}71%{opacity:.2;-webkit-transform:scale(1);transform:scale(1)}80%{opacity:.2;-webkit-transform:scale(1.17);transform:scale(1.17)}86%{opacity:.1;-webkit-transform:scale(1.33);transform:scale(1.33)}93%{opacity:0;-webkit-transform:scale(1.5);transform:scale(1.5)}to{opacity:0;-webkit-transform:scale(0);transform:scale(0)}}.fd-icon-tab-bar__icon-separator{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-inline:0;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-pack:center;-ms-flex-pack:center;height:1rem;justify-content:center;padding-block:0;padding-inline:.5rem}.fd-icon-tab-bar__icon-separator:after,.fd-icon-tab-bar__icon-separator:before{-webkit-box-sizing:inherit;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]{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.fd-icon-tab-bar__line-separator{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-margin-before:.25rem;border-bottom:.0625rem solid var(--sapGroup_TitleBorderColor);margin-block-start:.25rem}.fd-icon-tab-bar__line-separator:after,.fd-icon-tab-bar__line-separator:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-icon-tab-bar__line-separator:first-child{-webkit-margin-before:.5rem;margin-block-start:.5rem;margin-inline:1rem 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-inline:1.5rem 1rem}.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-inline:2rem 1rem}.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-inline:2.5rem 1rem}.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-inline:3rem 1rem}.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-inline:3.5rem 1rem}.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-inline:4rem 1rem}.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-inline:4.5rem 1rem}.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-inline:5rem 1rem}.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-inline:5.5rem 1rem}.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-inline:6rem 1rem}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item span{-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item .fd-icon-tab-bar__badge{position:static;-webkit-margin-after:.625rem;margin-block-end:.625rem}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item .fd-icon-tab-bar__badge [class*=sap-icon]{-webkit-margin-after:0;margin-block-end: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{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:1.25rem;-webkit-margin-end:.25rem;margin-inline-end:.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-block:0;margin-inline:0;width:auto}.fd-icon-tab-bar__list .fd-icon-tab-bar__line-separator:first-child{padding-inline:1rem}.fd-icon-tab-bar__list .fd-icon-tab-bar__line-separator:first-child:after{-webkit-margin-before:.75rem;margin-block-start:.75rem}.fd-icon-tab-bar__list .fd-icon-tab-bar__icon-separator:first-child{height:1.5rem;padding-inline: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{-webkit-box-pack:center;-ms-flex-pack:center;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{height:3.875rem;-webkit-box-pack:end;-ms-flex-pack:end;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{padding-block:1rem;padding-inline:0;position:relative;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;margin-inline:.75rem}.fd-icon-tab-bar--icon-only .fd-icon-tab-bar__item{margin-inline:.25rem}.fd-icon-tab-bar--icon-only .fd-icon-tab-bar__item:first-child{margin-block:0;margin-inline:0 .25rem}.fd-icon-tab-bar--icon-only .fd-icon-tab-bar__item:first-child .fd-icon-tab-bar__tab{margin-inline:0 .75rem}.fd-icon-tab-bar--icon-only .fd-icon-tab-bar__item--closable .fd-icon-tab-bar__tab{-webkit-padding-end:2rem;padding-inline-end:2rem}.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-block:0;margin-inline: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-block:0;margin-inline:0}.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--negative .fd-icon-tab-bar__label:before{-webkit-margin-end:.5rem;color:var(--sapNegativeElementColor);content:\"\\e1ec\";margin-inline-end:.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-block:0;margin-inline: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{-webkit-margin-end:.5rem;color:var(--sapNegativeElementColor);content:\"\\e1ec\";margin-inline-end:.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-block:0;margin-inline:0}.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--positive .fd-icon-tab-bar__label:before{-webkit-margin-end:.5rem;color:var(--sapPositiveElementColor);content:\"\\e1c1\";margin-inline-end:.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-block:0;margin-inline: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{-webkit-margin-end:.5rem;color:var(--sapPositiveElementColor);content:\"\\e1c1\";margin-inline-end:.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-block:0;margin-inline:0}.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--critical .fd-icon-tab-bar__label:before{-webkit-margin-end:.5rem;color:var(--sapCriticalElementColor);content:\"\\e053\";margin-inline-end:.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-block:0;margin-inline: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{-webkit-margin-end:.5rem;color:var(--sapCriticalElementColor);content:\"\\e053\";margin-inline-end:.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-block:0;margin-inline:0}.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--informative .fd-icon-tab-bar__label:before{-webkit-margin-end:.5rem;color:var(--sapInformativeElementColor);content:\"\\e289\";margin-inline-end:.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-block:0;margin-inline: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{-webkit-margin-end:.5rem;color:var(--sapInformativeElementColor);content:\"\\e289\";margin-inline-end:.5rem}.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--closable .fd-icon-tab-bar__tab{-webkit-padding-end:2rem;padding-inline-end:2rem}.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{padding-block:1rem;padding-inline:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.fd-icon-tab-bar--icon .fd-icon-tab-bar__tab:after{width:3.126rem}.fd-icon-tab-bar--icon .fd-icon-tab-bar__counter{-webkit-margin-after:0;font-size:var(--sapFontSmallSize);line-height:.875rem;margin-block-end:0}.fd-icon-tab-bar--icon .fd-icon-tab-bar__counter+.fd-icon-tab-bar__label{-webkit-margin-before:.375rem;margin-block-start:.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-block: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{-webkit-margin-before:.25rem;margin-block-start:.25rem}.fd-icon-tab-bar--process .fd-icon-tab-bar__item{margin-inline:0}.fd-icon-tab-bar--filter .fd-icon-tab-bar__item{margin-inline:.25rem}.fd-icon-tab-bar--filter .fd-icon-tab-bar__item:first-child{margin-inline:0 1.063rem}.fd-icon-tab-bar--filter .fd-icon-tab-bar__item:first-child .fd-icon-tab-bar__tab{padding-block:1.625rem 1.875rem;position:relative}.fd-icon-tab-bar--filter .fd-icon-tab-bar__item:nth-child(2){margin-block:0;margin-inline:0 .25rem}.fd-icon-tab-bar--filter .fd-icon-tab-bar__tab{margin-inline:0;padding-block:.875rem .625rem;padding-inline:.188rem;position:relative;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.fd-icon-tab-bar--filter .fd-icon-tab-bar__icon{margin-inline:0}.fd-icon-tab-bar--filter .fd-icon-tab-bar__label{text-align:center;width:5rem;-webkit-margin-before:.375rem;margin-block-start:.375rem}.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-block: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{background:var(--sapShell_Navigation_Background);-webkit-box-shadow:var(--sapShell_Shadow);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;-webkit-margin-end:.5rem;margin-inline-end:.5rem}.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);content:\"\";display:block;inset:0;inset:var(--fdIcon_Tab_Bar_Focus_Offset) var(--fdIcon_Tab_Bar_Focus_Offset) var(--fdIcon_Tab_Bar_Focus_Offset) var(--fdIcon_Tab_Bar_Focus_Offset);position:absolute}.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);content:\"\";display:block;inset:0;inset:var(--fdIcon_Tab_Bar_Focus_Offset) var(--fdIcon_Tab_Bar_Focus_Offset) var(--fdIcon_Tab_Bar_Focus_Offset) var(--fdIcon_Tab_Bar_Focus_Offset);position:absolute}.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__tab .fd-icon-tab-bar__arrow [class*=sap-icon]{margin-block:0;margin-inline: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{z-index:5;--fdButtonColor:var(--fdIconTabBar_Button_Shell_Color_Active);--fdButtonBackgroundColor:var(--sapShell_Navigation_Background);--fdButtonBorderColor:var(--sapShell_Navigation_Background)}.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{position:relative;-webkit-margin-end:2rem;margin-inline-end:2rem}.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{-webkit-box-shadow:none;box-shadow:none}.fd-icon-tab-bar--navigation-horizontal .fd-icon-tab-bar__tab{padding-block:.75rem 1rem}.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;-webkit-margin-after:.188rem;margin-block-end:.188rem}.fd-icon-tab-bar--navigation-horizontal .fd-icon-tab-bar__button-container{-webkit-box-align:normal;-ms-flex-align:normal;align-items:normal}.fd-icon-tab-bar--navigation-horizontal .fd-icon-tab-bar__button-container .fd-icon-tab-bar__button{-webkit-margin-before:.5rem;margin-block-start:.5rem}.fd-icon-tab-bar--sm .fd-icon-tab-bar__header{padding-block:0;padding-inline:1rem}.fd-icon-tab-bar--lg .fd-icon-tab-bar__header,.fd-icon-tab-bar--md .fd-icon-tab-bar__header{padding-block:0;padding-inline:2rem}.fd-icon-tab-bar--xl .fd-icon-tab-bar__header,.fd-icon-tab-bar--xxl .fd-icon-tab-bar__header{padding-block:0;padding-inline:3rem}.fd-icon-tab-bar--responsive-paddings .fd-icon-tab-bar__header{padding-block:0}@media(width<=599px){.fd-icon-tab-bar--responsive-paddings .fd-icon-tab-bar__header{padding-inline:1rem}}@media(width>=600px)and (width<=1023px){.fd-icon-tab-bar--responsive-paddings .fd-icon-tab-bar__header{padding-inline:2rem}}@media(width>=1024px)and (width<=1439px){.fd-icon-tab-bar--responsive-paddings .fd-icon-tab-bar__header{padding-inline:2rem}}@media(width>=1440px){.fd-icon-tab-bar--responsive-paddings .fd-icon-tab-bar__header{padding-inline: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-block:0;margin-inline: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{-webkit-margin-start:auto;margin-inline-start: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{-webkit-margin-end:-.25rem;margin-inline-end:-.25rem;-webkit-margin-before:.375rem;margin-block-start:.375rem}.fd-list{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;list-style:none;margin-block:0;margin-inline:0;max-width:100%!important;padding-block:0;padding-inline:0;position:relative;width:100%}.fd-list:after,.fd-list:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-list__footer,.fd-list__group-header,.fd-list__item{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-inline:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-block:0;padding-inline:.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{-webkit-box-sizing:inherit;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);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 .fd-avatar:first-child{-webkit-margin-end:.75rem;margin-inline-end:.75rem}.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,.fd-list__item--interractive{cursor:pointer}.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{border-bottom:var(--fdList_Item_Action_Border);font-size:var(--sapFontSize);padding-block:0;padding-inline:0;text-align:center;--fdList_Item_Height:var(--sapElement_LineHeight)}.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-block:var(--fdList_Item_Action_Button_Spacing);margin-inline:var(--fdList_Item_Action_Button_Spacing);padding-block:0;padding-inline:.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:var(--sapContent_FocusColor) var(--sapContent_FocusStyle) var(--sapContent_FocusWidth);outline-offset:-.125rem}.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{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.5rem}.fd-list__item--growing .fd-list__title-text{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:inherit;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;font-weight:var(--fdList_Growing_Font_Weight);forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;overflow:hidden;padding-block:0;padding-inline: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{-webkit-box-sizing:inherit;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{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--fdList_Item_Text_Color);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;overflow:hidden;padding-block:0;padding-inline: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{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-list__title{-webkit-box-flex:3;-ms-flex:3 3 10%;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{-ms-flex-preferred-size:auto;flex-basis:auto}.fd-list__title .fd-list__title-text{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.fd-list__title~.fd-list__icon{-webkit-margin-end:-1rem;margin-inline-end:-1rem}.fd-list__secondary{color:var(--fdList_Status_Text_Color);font-size:var(--sapFontSize);max-width:40%;text-align:right;-webkit-padding-start:1rem;padding-inline-start: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]{background:inherit;border-radius:inherit;color:inherit;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:inherit;line-height:1;pointer-events:none;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--sapContent_NonInteractiveIconColor);font-size:var(--fdList_Item_Icon_Font_Size);width:2.75rem;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.fd-list__icon [class*=sap-icon]:first-child,.fd-list__icon[class*=sap-icon]:first-child{-webkit-margin-start:-1rem;margin-inline-start:-1rem}.fd-list__link{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-inline:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;--fdList_Item_Border_Color:transparent;background:var(--fdList_Item_Background_Color);border-bottom:var(--sapList_BorderWidth) solid var(--fdList_Item_Border_Color);cursor:pointer;height:100%;padding-block:0;padding-inline:.9375rem;text-decoration:none;width:100%}.fd-list__link:after,.fd-list__link:before{-webkit-box-sizing:inherit;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{background:var(--sapList_GroupHeaderBackground);border-bottom:var(--sapList_BorderWidth) solid var(--sapList_GroupHeaderBorderColor);height:var(--sapElement_LineHeight);-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.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{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.fd-list__footer--left{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.fd-list__bold{font-weight:700}.fd-list__message{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:2rem;left:0;line-height:normal;line-height:2rem;margin-block:0;margin-inline:0;overflow:hidden;padding-block:0;padding-inline:0;position:absolute;text-overflow:ellipsis;top:0;white-space:nowrap;width:100%;-webkit-padding-start:.5rem;background-color:var(--fdList_Message_Background_Color);font-size:var(--sapFontSmallSize);padding-inline-start:.5rem}.fd-list__message:after,.fd-list__message:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.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{-webkit-margin-start:var(--fdList_Button_Spacing);margin-inline-start:var(--fdList_Button_Spacing);-ms-flex-item-align:center;align-self:center}.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{-webkit-padding-before:2rem;padding-block-start: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){display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;height:auto;min-height:2.5rem;padding-block:0;padding-inline:.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-block:0;padding-inline:.9375rem}.fd-list--multi-input .fd-list__item{cursor:pointer;height:auto;padding-block:0;padding-inline:0 1rem}.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__label{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:inherit;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;overflow:hidden;padding-block:0;padding-inline:0;position:relative;text-overflow:ellipsis;width:100%;-webkit-margin-end:0;margin-inline-end:0}.fd-list--multi-input .fd-list__label:after,.fd-list--multi-input .fd-list__label:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-list--multi-input .fd-list__label:before{margin-block:-.1875rem -.1875rem}.fd-list--multi-input .fd-list__input.is-focus,.fd-list--multi-input .fd-list__input:focus{-webkit-box-shadow:none;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{height:auto;text-align:right;-webkit-box-pack:end;-ms-flex-pack:end;background-color:var(--sapList_Background);justify-content:flex-end;line-height:1rem}.fd-list--multi-input .fd-list__footer,.fd-list--multi-input .fd-list__label{padding-block:.75rem;padding-inline:.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-block:0;padding-inline: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{-webkit-margin-start:0;margin-inline-start:0;margin-top:0;-webkit-margin-after:0;margin-block-end: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-block:.5rem;padding-inline:.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{font-size:var(--sapFontSize);white-space:normal;-webkit-box-flex:1;-ms-flex:auto;flex:auto;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{height:auto;min-height:5rem;padding-block:.9375rem;padding-inline:1rem;width:100%;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.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;align-self:center;-webkit-box-pack:end;-ms-flex-pack:end;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{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;align-items:center}.fd-list--byline .fd-list__thumbnail{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;pointer-events:none;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;-webkit-margin-end:.75rem;border-radius:.25rem;color:var(--sapContent_NonInteractiveIconColor);font-size:2rem;height:3rem;margin-inline-end:.75rem;max-height:3rem;max-width:3rem;min-height:3rem;min-width:3rem;width:3rem}.fd-list--byline .fd-list__thumbnail:after,.fd-list--byline .fd-list__thumbnail:before{-webkit-box-sizing:inherit;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>svg{height:100%}.fd-list--byline .fd-list__notification{color:var(--sapAccentColor6);font-size:.375rem;left:1rem;position:absolute;top:50%;-webkit-transform:translateY(-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{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;pointer-events:none;-ms-flex-line-pack:justify;align-content:space-between;height:100%;min-height:3rem;min-width:3rem;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;padding-block:.125rem;padding-inline:0}.fd-list--byline .fd-list__content:after,.fd-list--byline .fd-list__content:before{-webkit-box-sizing:inherit;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{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_LabelColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;line-height:1rem;margin-block:0;margin-inline:0;overflow:hidden;padding-block:0;padding-inline:0;text-overflow:ellipsis;white-space:nowrap;-webkit-padding-before:.5rem;padding-block-start:.5rem}.fd-list--byline .fd-list__byline:after,.fd-list--byline .fd-list__byline:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-list--byline .fd-list__byline--2-col{display:-webkit-box;display:-ms-flexbox;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-block:0;padding-inline: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{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_LabelColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;line-height:1rem;margin-block:0;margin-inline:0;overflow:hidden;padding-block:0;padding-inline:0;text-overflow:ellipsis;white-space:nowrap;width:60%;-ms-flex-item-align:end;align-self:flex-end;-webkit-padding-end:.5rem;padding-inline-end:.5rem}.fd-list--byline .fd-list__byline-left:after,.fd-list--byline .fd-list__byline-left:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-list--byline .fd-list__byline-right{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_LabelColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;line-height:1rem;margin-block:0;margin-inline:0;overflow:hidden;padding-block:0;padding-inline:0;text-align:right;text-overflow:ellipsis;white-space:nowrap;width:40%;-ms-flex-item-align:end;align-self:flex-end;-webkit-padding-start:.5rem;padding-inline-start:.5rem}.fd-list--byline .fd-list__byline-right:after,.fd-list--byline .fd-list__byline-right:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-list--byline .fd-list__byline-right[dir=rtl],[dir=rtl] .fd-list--byline .fd-list__byline-right{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__group-header{height:var(--sapElement_LineHeight);max-height:var(--sapElement_LineHeight);min-height:var(--sapElement_LineHeight)}.fd-list--byline.fd-list--unread-indicator .fd-list__item{padding-inline:2.125rem 1rem}.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-block:.5rem}.fd-list--byline.fd-list--no-border .fd-list__item:first-child{-webkit-padding-before:.9375rem;padding-block-start:.9375rem}.fd-list--byline.fd-list--no-border .fd-list__item:last-child{-webkit-padding-after:.9375rem;padding-block-end:.9375rem}.fd-list--subline .fd-list__item{-webkit-box-orient:horizontal;-ms-flex-direction:row;flex-direction:row;gap:.75rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:4.5rem;padding-block:.5rem;padding-inline:1rem}.fd-list--subline .fd-list__content,.fd-list--subline .fd-list__item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-direction:normal}.fd-list--subline .fd-list__content{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex:1;flex:1;gap:.25rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;overflow:hidden}.fd-list--subline .fd-list__content:after,.fd-list--subline .fd-list__content:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-list--subline .fd-list__title{color:var(--sapList_TextColor);font-family:var(--sapFontBoldFamily)}.fd-list--subline .fd-list__subline,.fd-list--subline .fd-list__title{font-size:var(--sapFontSize);font-style:normal;line-height:normal;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.fd-list--subline .fd-list__subline{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_LabelColor);font-family:var(--sapFontFamily);font-weight:400;forced-color-adjust:none;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0}.fd-list--subline .fd-list__subline:after,.fd-list--subline .fd-list__subline:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-list--subline .fd-list__active-indicator{color:var(--sapContent_NonInteractiveIconColor)}.fd-list--subline .fd-avatar:first-child{margin-inline:0}.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{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;overflow:hidden;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{-webkit-box-sizing:inherit;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{-webkit-padding-before:.25rem;color:var(--sapContent_LabelColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);overflow:hidden;padding-block-start:.25rem;text-overflow:ellipsis;white-space:nowrap}.fd-list--message-view .fd-list__link{padding-block:.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-block:0;padding-inline:0}.fd-list--navigation.fd-icon-tab-bar__list .fd-list__link{gap:.25rem}.fd-list--navigation .fd-list__link{padding-inline:var(--fdList_Navigation_Link_Padding_Left,.9375rem) var(--fdList_Navigation_Link_Padding_Right,.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-block:0;padding-inline: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-block:0;padding-inline: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-block:0;padding-inline:0}.fd-list--navigation.fd-list--byline .fd-list__link,.fd-list--navigation.fd-list--byline.fd-list--compact .fd-list__link{padding-block:.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-block:.5rem}.fd-list--navigation.fd-list--byline.fd-list--no-border .fd-list__item--link:first-child{-webkit-padding-before:0;padding-block-start:0}.fd-list--navigation.fd-list--byline.fd-list--no-border .fd-list__item--link:first-child .fd-list__link{-webkit-padding-before:1rem;padding-block-start:1rem}.fd-list--navigation.fd-list--byline.fd-list--no-border .fd-list__item--link:first-child .fd-list__link--navigation-indicator:after{-webkit-margin-after:.5rem;margin-block-end:.5rem}.fd-list--navigation.fd-list--byline.fd-list--no-border .fd-list__item--link:last-child{-webkit-padding-after:0;padding-block-end:0}.fd-list--navigation.fd-list--byline.fd-list--no-border .fd-list__item--link:last-child .fd-list__link{-webkit-padding-after:1rem;padding-block-end: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-block:0;padding-inline: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-block:0;padding-inline:0}.fd-list--navigation.fd-list--byline.fd-list--selection.fd-list--no-border .fd-list__item--link .fd-list__link{padding-block:.5rem}.fd-list--navigation.fd-list--byline.fd-list--selection.fd-list--no-border .fd-list__item--link:first-child{-webkit-padding-before:0;padding-block-start:0}.fd-list--navigation.fd-list--byline.fd-list--selection.fd-list--no-border .fd-list__item--link:first-child .fd-list__link{-webkit-padding-before:1rem;padding-block-start: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{-webkit-margin-after:.5rem;margin-block-end:.5rem}.fd-list--navigation.fd-list--byline.fd-list--selection.fd-list--no-border .fd-list__item--link:last-child{-webkit-padding-after:0;padding-block-end:0}.fd-list--navigation.fd-list--byline.fd-list--selection.fd-list--no-border .fd-list__item--link:last-child .fd-list__link{-webkit-padding-after:1rem;padding-block-end: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-block:0;padding-inline: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-block:.5rem}.fd-list--navigation.fd-list--byline.fd-list--selection.fd-list--navigation-indication.fd-list--no-border .fd-list__item--link:first-child{-webkit-padding-before:0;padding-block-start: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{-webkit-padding-before:1rem;padding-block-start: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{-webkit-margin-after:.5rem;margin-block-end:.5rem}.fd-list--navigation.fd-list--byline.fd-list--selection.fd-list--navigation-indication.fd-list--no-border .fd-list__item--link:last-child{-webkit-padding-after:0;padding-block-end: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{-webkit-padding-after:1rem;padding-block-end: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-block:0;padding-inline:0}.fd-list--navigation.fd-list--navigation-object .fd-list__link{padding-block:1rem}.fd-list--navigation-indication .fd-list:after{content:\"\";min-width:1.5rem}.fd-list--navigation-indication fd-list__item.fd-list__item--link{-webkit-padding-end:0;padding-inline-end: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{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--sapContent_NonInteractiveIconColor);content:\"\\e1ed\";font-family:SAP-icons;font-size:var(--fdListNavigationIndicatorFontSize,var(--sapFontLargeSize));height:100%;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-block:0;margin-inline:0}.fd-list--navigation-indication .is-navigated{-webkit-box-shadow:inset -.1875rem 0 0 0 var(--sapList_SelectionBorderColor);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{-webkit-box-shadow:inset .1875rem 0 0 0 var(--sapList_SelectionBorderColor);box-shadow:inset .1875rem 0 0 0 var(--sapList_SelectionBorderColor)}.fd-list--selection .fd-list__item{cursor:pointer;padding-inline:2.75rem .9375rem}.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-inline:2.75rem 1rem}.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-inline:2.75rem 1rem}.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-block:.5rem;padding-inline:2.75rem 1rem}.fd-list--selection.fd-list--byline.fd-list--no-border .fd-list__item:first-child{-webkit-padding-before:.9375rem;padding-block-start:.9375rem}.fd-list--selection.fd-list--byline.fd-list--no-border .fd-list__item:last-child{-webkit-padding-after:.9375rem;padding-block-end:.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{-webkit-padding-before:.5rem;padding-block-start:.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{-webkit-padding-start:1rem;padding-inline-start: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{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;overflow:hidden;padding-block:0;padding-inline:0;text-overflow:ellipsis;white-space:nowrap;-webkit-margin-start:1rem;color:var(--sapContent_MarkerTextColor);margin-inline-start:1rem}.fd-list__item-counter:after,.fd-list__item-counter:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-icon-tab-bar{display:flex;flex-direction:column;height:100%}.fd-icon-tab-bar .fd-icon-tab-bar__item--hidden{display:none}.fd-icon-tab-bar__list{max-height:20rem}.fd-icon-tab-bar__list-item-counter{padding-left:.313rem}[dir=rtl] .fd-icon-tab-bar .fd-icon-tab-bar__list-item-counter,.fd-icon-tab-bar[dir=rtl] .fd-icon-tab-bar__list-item-counter{padding-left:0;padding-right:.25rem}.fd-icon-tab-bar__popover,.fd-icon-tab-bar__popover .fd-popover__control{height:100%}.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/*! Bundled license information:\n\nfundamental-styles/dist/list.css:\n (*!\n * Fundamental Library Styles v0.40.1\n * Copyright (c) 2025 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n *)\n*/\n"] }]
|
|
2156
|
+
}, template: "<div class=\"fd-icon-tab-bar\" [class]=\"_cssClassForContainer\">\n @if (iconTabType() === 'text') {\n <ng-template [ngTemplateOutlet]=\"textType\"></ng-template>\n }\n @if (iconTabType() === 'icon' || iconTabType() === 'icon-only') {\n <ng-template [ngTemplateOutlet]=\"iconType\"></ng-template>\n }\n @if (iconTabType() === 'filter') {\n <ng-template [ngTemplateOutlet]=\"filterType\"></ng-template>\n }\n @if (iconTabType() === 'process') {\n <ng-template [ngTemplateOutlet]=\"processType\"></ng-template>\n }\n <div\n class=\"fd-icon-tab-bar__content\"\n [class.fd-settings__content]=\"settings()\"\n fd-scrollbar\n (spyChange)=\"highlightActiveTab($event.id)\"\n [scrollSpyDisabled]=\"!stackContent || _disableScrollSpy\"\n fdScrollSpy\n [trackedTags]=\"['fdp-icon-tab-bar-tab-content']\"\n [style.max-height]=\"maxContentHeight()\"\n >\n @if (stackContent) {\n @for (tab of _flatTabs$(); track tab) {\n <fdp-icon-tab-bar-tab-content [id]=\"tab.id\" [uId]=\"tab.uId\" class=\"fd-icon-tab-bar__tab-content\">\n <ng-template [ngTemplateOutlet]=\"tab.renderer || null\"></ng-template>\n </fdp-icon-tab-bar-tab-content>\n }\n } @else {\n @if (_tabRenderer$(); as tabRenderer) {\n <fdp-icon-tab-bar-tab-content\n [id]=\"tabRenderer.id\"\n [uId]=\"tabRenderer.uId\"\n class=\"fd-icon-tab-bar__tab-content\"\n >\n <ng-template [ngTemplateOutlet]=\"tabRenderer.renderer || null\"></ng-template>\n </fdp-icon-tab-bar-tab-content>\n }\n }\n <ng-content select=\"[fdpIconTabBarFreeContent]\"></ng-content>\n </div>\n</div>\n<ng-template #processType>\n <fdp-icon-tab-bar-process-type\n [tabs]=\"_tabs$()\"\n [isRtl]=\"_rtl$()\"\n [selectedUid]=\"_selectedUid()\"\n (selectedUidChange)=\"_selectedUid.set($event)\"\n [densityMode]=\"densityMode()\"\n [colorAssociations]=\"colorAssociations()\"\n (selected)=\"_selectItem($event)\"\n [tabHeadingLevel]=\"tabHeadingLevel()\"\n ></fdp-icon-tab-bar-process-type>\n</ng-template>\n<ng-template #filterType>\n <fdp-icon-tab-bar-filter-type\n [tabs]=\"_tabs$()\"\n [showTotalTab]=\"showTotalTab()\"\n [isRtl]=\"_rtl$()\"\n [selectedUid]=\"_selectedUid()\"\n (selectedUidChange)=\"_selectedUid.set($event)\"\n [densityMode]=\"densityMode()\"\n [colorAssociations]=\"colorAssociations()\"\n (selected)=\"_selectItem($event)\"\n [tabHeadingLevel]=\"tabHeadingLevel()\"\n ></fdp-icon-tab-bar-filter-type>\n</ng-template>\n<ng-template #iconType>\n <fdp-icon-tab-bar-icon-type\n [showLabel]=\"iconTabType() === 'icon'\"\n [tabs]=\"_tabs$()\"\n [isRtl]=\"_rtl$()\"\n [selectedUid]=\"_selectedUid()\"\n (selectedUidChange)=\"_selectedUid.set($event)\"\n [densityMode]=\"densityMode()\"\n [colorAssociations]=\"colorAssociations()\"\n (selected)=\"_selectItem($event)\"\n (closeTab)=\"_closeTab($event)\"\n [tabHeadingLevel]=\"tabHeadingLevel()\"\n ></fdp-icon-tab-bar-icon-type>\n</ng-template>\n<ng-template #textType>\n <fdp-icon-tab-bar-text-type\n [tabs]=\"_tabs$()\"\n [multiClick]=\"multiClick()\"\n [layoutMode]=\"layoutMode()\"\n [isRtl]=\"_rtl$()\"\n [selectedUid]=\"_selectedUid()\"\n (selectedUidChange)=\"_selectedUid.set($event)\"\n [densityMode]=\"densityMode()\"\n [enableTabReordering]=\"enableTabReordering()\"\n [colorAssociations]=\"colorAssociations()\"\n (reordered)=\"_onReorder($event)\"\n (selected)=\"_selectItem($event)\"\n (closeTab)=\"_closeTab($event)\"\n [tabHeadingLevel]=\"tabHeadingLevel()\"\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{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_LabelColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;line-height:1rem;margin-block:0;margin-inline:0;padding-block:0;padding-inline: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{-webkit-box-sizing:inherit;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;font-family:SAP-icons;font-size:.75rem;-webkit-font-smoothing:antialiased;color:var(--fdIconTabBar_Tag_Icon_Color);display:var(--fdIcon_Tab_Bar_Semantic_Icon_Display)}.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-block:0;margin-inline: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-block:0;margin-inline:0}.fd-icon-tab-bar{--fdIconTabBar_Icon_Size:2.75rem;--fdIconTabBar_Icon_Font_Size:1.25rem;--fdIcon_Tab_Bar_Container_Badge_Size:.5rem;border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.fd-icon-tab-bar:after,.fd-icon-tab-bar:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-icon-tab-bar__header{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:var(--sapObjectHeader_Background);-webkit-box-shadow:var(--sapContent_HeaderShadow);box-shadow:var(--sapContent_HeaderShadow);list-style:none;min-height:2.75rem;position:relative}.fd-icon-tab-bar__header:after,.fd-icon-tab-bar__header:before{-webkit-box-sizing:inherit;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{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-margin-end:2rem;margin-inline-end:2rem}.fd-icon-tab-bar__item:after,.fd-icon-tab-bar__item:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.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,.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{-webkit-margin-end:.5rem;content:\"\\e1ec\";margin-inline-end:.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,.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{-webkit-margin-end:.5rem;content:\"\\e1c1\";margin-inline-end:.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,.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{-webkit-margin-end:.5rem;content:\"\\e053\";margin-inline-end:.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,.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{-webkit-margin-end:.5rem;content:\"\\e289\";margin-inline-end:.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{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.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);content:\"\";display:block;inset:0;inset:var(--fdIcon_Tab_Bar_Focus_Offset) var(--fdIcon_Tab_Bar_Focus_Offset) var(--fdIcon_Tab_Bar_Focus_Offset) var(--fdIcon_Tab_Bar_Focus_Offset);position:absolute}.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{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative}.fd-icon-tab-bar__item.fd-icon-tab-bar__item--multi-click .fd-icon-tab-bar__tab{padding-inline:.188rem 1.938rem}.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-inline:.188rem 3.938rem}.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{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative}.fd-icon-tab-bar__item.fd-icon-tab-bar__item--closable .fd-icon-tab-bar__tab{padding-inline:.188rem 2.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{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;font-size:var(--sapFontSize);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{background:var(--sapButton_Hover_Background);-webkit-box-shadow:inset 0 0 0 .125rem var(--sapButton_Hover_BorderColor);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{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:2.75rem;max-height:2.75rem;max-width:1.5rem;min-height:2.75rem;min-width:1.5rem;position:relative;width:1.5rem}.fd-icon-tab-bar__button-container:after,.fd-icon-tab-bar__button-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-icon-tab-bar__button-container:before{background:var(--fdIconTabBar_Multi_Click_Separator_Background);content:\"\";display:var(--fdIcon_Tab_Bar_Multi_Click_Button_Separator_Display);height:1rem;left:0;position:absolute;top:.75rem;width:.0625rem}.fd-icon-tab-bar__button-container[dir=rtl]:before,[dir=rtl] .fd-icon-tab-bar__button-container:before{left:auto;right:0}.fd-icon-tab-bar .fd-icon-tab-bar__button{border-radius:.25rem;font-family:var(--sapContent_IconFontFamily);height:1.5rem;min-width:1.5rem;width:1.5rem;--fdButton_Hover_Shadow:none}.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{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;cursor:pointer;min-width:2rem;padding-block:.875rem;padding-inline:.188rem;position:relative;text-decoration:none}.fd-icon-tab-bar__tab:after,.fd-icon-tab-bar__tab:before{-webkit-box-sizing:inherit;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{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;-webkit-transition:all .125s ease-in;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{-webkit-box-shadow:none;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);content:\"\";display:block;inset:0;inset:var(--fdIcon_Tab_Bar_Focus_Offset) var(--fdIcon_Tab_Bar_Focus_Offset) var(--fdIcon_Tab_Bar_Focus_Offset) var(--fdIcon_Tab_Bar_Focus_Offset);inset:var(--fdIcon_Tab_Bar_Icon_Focus_Offset) var(--fdIcon_Tab_Bar_Icon_Focus_Offset) var(--fdIcon_Tab_Bar_Icon_Focus_Offset) var(--fdIcon_Tab_Bar_Icon_Focus_Offset);position:absolute}.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);content:\"\";display:block;inset:0;inset:var(--fdIcon_Tab_Bar_Focus_Offset) var(--fdIcon_Tab_Bar_Focus_Offset) var(--fdIcon_Tab_Bar_Focus_Offset) var(--fdIcon_Tab_Bar_Focus_Offset);position:absolute}.fd-icon-tab-bar__tab-container{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.fd-icon-tab-bar__tab-container:after,.fd-icon-tab-bar__tab-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-icon-tab-bar__arrow{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:1rem;margin-inline:var(--fdIcon_Tab_Bar_Single_Click_Icon_Container_Padding_Left) var(--fdIcon_Tab_Bar_Single_Click_Icon_Container_Padding_Right);width:var(--fdIcon_Tab_Bar_Single_Click_Icon_Container_Width)}.fd-icon-tab-bar__arrow:after,.fd-icon-tab-bar__arrow:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-icon-tab-bar__arrow [class*=sap-icon]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--fdIconTabBar_Arrow_Color);font-size:1rem;height:1rem;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{-webkit-margin-after:.125rem;margin-block-end:.125rem}.fd-icon-tab-bar__icon{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:var(--fdIconTabBar_Icon_Background);border:var(--fdIcon_Tab_Bar_Icon_Border_Weight) solid var(--fdIconTabBar_Icon_Border_Color);border-radius:50%;height:var(--fdIconTabBar_Icon_Size);margin-inline:.188rem;position:relative;width:var(--fdIconTabBar_Icon_Size)}.fd-icon-tab-bar__icon:after,.fd-icon-tab-bar__icon:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-icon-tab-bar__icon [class*=sap-icon],.fd-icon-tab-bar__icon[class*=sap-icon]{color:var(--fdIconTabBar_Icon_Color);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-size:var(--fdIconTabBar_Icon_Font_Size);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.fd-icon-tab-bar__details{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:end;-ms-flex-pack:end;height:2.75rem;justify-content:flex-end;max-width:7.5rem;padding-block:.375rem .25rem;padding-inline:.125rem .25rem}.fd-icon-tab-bar__details:after,.fd-icon-tab-bar__details:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-icon-tab-bar__label{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--fdIcon_Tab_Bar_Label_Color);font-family:var(--sapFontFamily);font-family:var(--fdIcon_Tab_Bar_Label_Font_Family);font-size:var(--sapFontSize);font-size:var(--sapFontSmallSize);font-weight:400;forced-color-adjust:none;line-height:normal;line-height:.875rem;margin-block:0;margin-inline:0;overflow:hidden;padding-block:0;padding-inline:0;text-overflow:ellipsis;white-space:nowrap}.fd-icon-tab-bar__label:after,.fd-icon-tab-bar__label:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-icon-tab-bar__separator{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;padding-inline:.5rem}.fd-icon-tab-bar__separator:after,.fd-icon-tab-bar__separator:before{-webkit-box-sizing:inherit;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]{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.fd-icon-tab-bar__container{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;position:relative}.fd-icon-tab-bar__container:after,.fd-icon-tab-bar__container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-icon-tab-bar__container .fd-icon-tab-bar__badge{border:.125rem solid var(--sapContent_BadgeBorderColor);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{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:2rem}.fd-icon-tab-bar__container--filter:after{background:var(--sapGroup_TitleBorderColor);content:\"\";height:2rem;padding-block:0;padding-inline: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{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_LabelColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:var(--sapFontSmallSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline: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{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-icon-tab-bar__filter-counter{font-size:1.5rem;-webkit-margin-end:.5rem;margin-inline-end:.5rem}.fd-icon-tab-bar__overflow{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;padding-inline:.5rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:var(--fdIconTabBar_Overflow_Button_Background);border:.0625rem solid var(--fdIconTabBar_Overflow_Button_Border_Color);border-radius:var(--fdIcon_Tab_Bar_Overflow_Button_Border_Radius);cursor:pointer;gap:.375rem;height:1.5rem;position:relative}.fd-icon-tab-bar__overflow:after,.fd-icon-tab-bar__overflow:before{-webkit-box-sizing:inherit;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{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--fdIconTabBar_Overflow_Button_Text_Color);font-family:var(--sapFontFamily);font-family:var(--fdIcon_Tab_Bar_Overflow_Button_Font_Family);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;line-height:1.5rem;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0}.fd-icon-tab-bar__overflow-text:after,.fd-icon-tab-bar__overflow-text:before{-webkit-box-sizing:inherit;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);content:\"\";display:block;inset:var(--fdIcon_Tab_Bar_Overflow_Button_Focus_Offset) var(--fdIcon_Tab_Bar_Overflow_Button_Focus_Offset) var(--fdIcon_Tab_Bar_Overflow_Button_Focus_Offset) var(--fdIcon_Tab_Bar_Overflow_Button_Focus_Offset);position:absolute}.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{-webkit-margin-end:-.25rem;margin-inline-end:-.25rem;-webkit-margin-before:-.25rem;margin-block-start:-.25rem;z-index:10}.fd-icon-tab-bar .fd-icon-tab-bar__popover .fd-icon-tab-bar__button{--fdButtonColor:var(--sapTextColor)}.fd-icon-tab-bar__badge{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:var(--fdIconTabBar_Badge_Background);border:.0625rem solid var(--sapObjectHeader_Background);border-radius:50%;-webkit-box-sizing:content-box;box-sizing:content-box;height:.375rem;position:absolute;right:-.2505rem;top:.75rem;width:.375rem;z-index:5}.fd-icon-tab-bar__badge:after,.fd-icon-tab-bar__badge:before{-webkit-box-sizing:inherit;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-animation-delay:0s,1.5s;animation-delay:0s,1.5s;-webkit-animation-duration:1.5s,.75s;animation-duration:1.5s,.75s;-webkit-animation-iteration-count:1,1;animation-iteration-count:1,1;-webkit-animation-name:pulse-appear,pulse-disappear;animation-name:pulse-appear,pulse-disappear;-webkit-animation-timing-function:ease-in,ease-out;animation-timing-function:ease-in,ease-out;-webkit-transform:scale(0);transform:scale(0)}.fd-icon-tab-bar__badge--animated:after{-webkit-animation:pulse-after 1s ease-in;animation:pulse-after 1s ease-in;-webkit-animation-delay:1s;animation-delay:1s;-webkit-animation-iteration-count:1;animation-iteration-count:1;background:var(--fdIconTabBar_Badge_Background_After);border-radius:50%;content:\"\";height:.75rem;opacity:0;position:absolute;-webkit-transform:scale(0);transform:scale(0);width:.75rem}@-webkit-keyframes pulse-appear{0%{-webkit-transform:scale(.25);transform:scale(.25)}64%{-webkit-transform:scale(1.25);transform:scale(1.25)}71%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes pulse-appear{0%{-webkit-transform:scale(.25);transform:scale(.25)}64%{-webkit-transform:scale(1.25);transform:scale(1.25)}71%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes pulse-disappear{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(0);transform:scale(0)}}@keyframes pulse-disappear{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(0);transform:scale(0)}}@-webkit-keyframes pulse-after{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}71%{opacity:.2;-webkit-transform:scale(1);transform:scale(1)}80%{opacity:.2;-webkit-transform:scale(1.17);transform:scale(1.17)}86%{opacity:.1;-webkit-transform:scale(1.33);transform:scale(1.33)}93%{opacity:0;-webkit-transform:scale(1.5);transform:scale(1.5)}to{opacity:0;-webkit-transform:scale(0);transform:scale(0)}}@keyframes pulse-after{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}71%{opacity:.2;-webkit-transform:scale(1);transform:scale(1)}80%{opacity:.2;-webkit-transform:scale(1.17);transform:scale(1.17)}86%{opacity:.1;-webkit-transform:scale(1.33);transform:scale(1.33)}93%{opacity:0;-webkit-transform:scale(1.5);transform:scale(1.5)}to{opacity:0;-webkit-transform:scale(0);transform:scale(0)}}.fd-icon-tab-bar__icon-separator{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-inline:0;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-pack:center;-ms-flex-pack:center;height:1rem;justify-content:center;padding-block:0;padding-inline:.5rem}.fd-icon-tab-bar__icon-separator:after,.fd-icon-tab-bar__icon-separator:before{-webkit-box-sizing:inherit;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]{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.fd-icon-tab-bar__line-separator{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-margin-before:.25rem;border-bottom:.0625rem solid var(--sapGroup_TitleBorderColor);margin-block-start:.25rem}.fd-icon-tab-bar__line-separator:after,.fd-icon-tab-bar__line-separator:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-icon-tab-bar__line-separator:first-child{-webkit-margin-before:.5rem;margin-block-start:.5rem;margin-inline:1rem 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-inline:1.5rem 1rem}.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-inline:2rem 1rem}.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-inline:2.5rem 1rem}.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-inline:3rem 1rem}.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-inline:3.5rem 1rem}.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-inline:4rem 1rem}.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-inline:4.5rem 1rem}.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-inline:5rem 1rem}.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-inline:5.5rem 1rem}.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-inline:6rem 1rem}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item span{-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item .fd-icon-tab-bar__badge{position:static;-webkit-margin-after:.625rem;margin-block-end:.625rem}.fd-icon-tab-bar__list .fd-icon-tab-bar__list-item .fd-icon-tab-bar__badge [class*=sap-icon]{-webkit-margin-after:0;margin-block-end: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{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:1.25rem;-webkit-margin-end:.25rem;margin-inline-end:.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-block:0;margin-inline:0;width:auto}.fd-icon-tab-bar__list .fd-icon-tab-bar__line-separator:first-child{padding-inline:1rem}.fd-icon-tab-bar__list .fd-icon-tab-bar__line-separator:first-child:after{-webkit-margin-before:.75rem;margin-block-start:.75rem}.fd-icon-tab-bar__list .fd-icon-tab-bar__icon-separator:first-child{height:1.5rem;padding-inline: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{-webkit-box-pack:center;-ms-flex-pack:center;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{height:3.875rem;-webkit-box-pack:end;-ms-flex-pack:end;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{padding-block:1rem;padding-inline:0;position:relative;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;margin-inline:.75rem}.fd-icon-tab-bar--icon-only .fd-icon-tab-bar__item{margin-inline:.25rem}.fd-icon-tab-bar--icon-only .fd-icon-tab-bar__item:first-child{margin-block:0;margin-inline:0 .25rem}.fd-icon-tab-bar--icon-only .fd-icon-tab-bar__item:first-child .fd-icon-tab-bar__tab{margin-inline:0 .75rem}.fd-icon-tab-bar--icon-only .fd-icon-tab-bar__item--closable .fd-icon-tab-bar__tab{-webkit-padding-end:2rem;padding-inline-end:2rem}.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-block:0;margin-inline: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-block:0;margin-inline:0}.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--negative .fd-icon-tab-bar__label:before{-webkit-margin-end:.5rem;color:var(--sapNegativeElementColor);content:\"\\e1ec\";margin-inline-end:.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-block:0;margin-inline: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{-webkit-margin-end:.5rem;color:var(--sapNegativeElementColor);content:\"\\e1ec\";margin-inline-end:.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-block:0;margin-inline:0}.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--positive .fd-icon-tab-bar__label:before{-webkit-margin-end:.5rem;color:var(--sapPositiveElementColor);content:\"\\e1c1\";margin-inline-end:.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-block:0;margin-inline: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{-webkit-margin-end:.5rem;color:var(--sapPositiveElementColor);content:\"\\e1c1\";margin-inline-end:.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-block:0;margin-inline:0}.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--critical .fd-icon-tab-bar__label:before{-webkit-margin-end:.5rem;color:var(--sapCriticalElementColor);content:\"\\e053\";margin-inline-end:.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-block:0;margin-inline: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{-webkit-margin-end:.5rem;color:var(--sapCriticalElementColor);content:\"\\e053\";margin-inline-end:.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-block:0;margin-inline:0}.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--informative .fd-icon-tab-bar__label:before{-webkit-margin-end:.5rem;color:var(--sapInformativeElementColor);content:\"\\e289\";margin-inline-end:.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-block:0;margin-inline: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{-webkit-margin-end:.5rem;color:var(--sapInformativeElementColor);content:\"\\e289\";margin-inline-end:.5rem}.fd-icon-tab-bar--icon .fd-icon-tab-bar__item--closable .fd-icon-tab-bar__tab{-webkit-padding-end:2rem;padding-inline-end:2rem}.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{padding-block:1rem;padding-inline:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.fd-icon-tab-bar--icon .fd-icon-tab-bar__tab:after{width:3.126rem}.fd-icon-tab-bar--icon .fd-icon-tab-bar__counter{-webkit-margin-after:0;font-size:var(--sapFontSmallSize);line-height:.875rem;margin-block-end:0}.fd-icon-tab-bar--icon .fd-icon-tab-bar__counter+.fd-icon-tab-bar__label{-webkit-margin-before:.375rem;margin-block-start:.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-block: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{-webkit-margin-before:.25rem;margin-block-start:.25rem}.fd-icon-tab-bar--process .fd-icon-tab-bar__item{margin-inline:0}.fd-icon-tab-bar--filter .fd-icon-tab-bar__item{margin-inline:.25rem}.fd-icon-tab-bar--filter .fd-icon-tab-bar__item:first-child{margin-inline:0 1.063rem}.fd-icon-tab-bar--filter .fd-icon-tab-bar__item:first-child .fd-icon-tab-bar__tab{padding-block:1.625rem 1.875rem;position:relative}.fd-icon-tab-bar--filter .fd-icon-tab-bar__item:nth-child(2){margin-block:0;margin-inline:0 .25rem}.fd-icon-tab-bar--filter .fd-icon-tab-bar__tab{margin-inline:0;padding-block:.875rem .625rem;padding-inline:.188rem;position:relative;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.fd-icon-tab-bar--filter .fd-icon-tab-bar__icon{margin-inline:0}.fd-icon-tab-bar--filter .fd-icon-tab-bar__label{text-align:center;width:5rem;-webkit-margin-before:.375rem;margin-block-start:.375rem}.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-block: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{background:var(--sapShell_Navigation_Background);-webkit-box-shadow:var(--sapShell_Shadow);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;-webkit-margin-end:.5rem;margin-inline-end:.5rem}.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);content:\"\";display:block;inset:0;inset:var(--fdIcon_Tab_Bar_Focus_Offset) var(--fdIcon_Tab_Bar_Focus_Offset) var(--fdIcon_Tab_Bar_Focus_Offset) var(--fdIcon_Tab_Bar_Focus_Offset);position:absolute}.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);content:\"\";display:block;inset:0;inset:var(--fdIcon_Tab_Bar_Focus_Offset) var(--fdIcon_Tab_Bar_Focus_Offset) var(--fdIcon_Tab_Bar_Focus_Offset) var(--fdIcon_Tab_Bar_Focus_Offset);position:absolute}.fd-icon-tab-bar.fd-icon-tab-bar--navigation .fd-icon-tab-bar__tab .fd-icon-tab-bar__arrow [class*=sap-icon]{margin-block:0;margin-inline: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{z-index:5;--fdButtonColor:var(--fdIconTabBar_Button_Shell_Color_Active);--fdButtonBackgroundColor:var(--sapShell_Navigation_Background);--fdButtonBorderColor:var(--sapShell_Navigation_Background)}.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{position:relative;-webkit-margin-end:2rem;margin-inline-end:2rem}.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{-webkit-box-shadow:none;box-shadow:none}.fd-icon-tab-bar--navigation-horizontal .fd-icon-tab-bar__tab{padding-block:.75rem 1rem}.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;-webkit-margin-after:.188rem;margin-block-end:.188rem}.fd-icon-tab-bar--navigation-horizontal .fd-icon-tab-bar__button-container{-webkit-box-align:normal;-ms-flex-align:normal;align-items:normal}.fd-icon-tab-bar--navigation-horizontal .fd-icon-tab-bar__button-container .fd-icon-tab-bar__button{-webkit-margin-before:.5rem;margin-block-start:.5rem}.fd-icon-tab-bar--sm .fd-icon-tab-bar__header{padding-block:0;padding-inline:1rem}.fd-icon-tab-bar--lg .fd-icon-tab-bar__header,.fd-icon-tab-bar--md .fd-icon-tab-bar__header{padding-block:0;padding-inline:2rem}.fd-icon-tab-bar--xl .fd-icon-tab-bar__header,.fd-icon-tab-bar--xxl .fd-icon-tab-bar__header{padding-block:0;padding-inline:3rem}.fd-icon-tab-bar--responsive-paddings .fd-icon-tab-bar__header{padding-block:0}@media(max-width:599px){.fd-icon-tab-bar--responsive-paddings .fd-icon-tab-bar__header{padding-inline:1rem}}@media(min-width:600px)and (max-width:1023px){.fd-icon-tab-bar--responsive-paddings .fd-icon-tab-bar__header{padding-inline:2rem}}@media(min-width:1024px)and (max-width:1439px){.fd-icon-tab-bar--responsive-paddings .fd-icon-tab-bar__header{padding-inline:2rem}}@media(min-width:1440px){.fd-icon-tab-bar--responsive-paddings .fd-icon-tab-bar__header{padding-inline: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-block:0;margin-inline: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{-webkit-margin-start:auto;margin-inline-start: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{-webkit-margin-end:-.25rem;margin-inline-end:-.25rem;-webkit-margin-before:.375rem;margin-block-start:.375rem}.fd-list{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;list-style:none;margin-block:0;margin-inline:0;max-width:100%!important;padding-block:0;padding-inline:0;position:relative;width:100%}.fd-list:after,.fd-list:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-list__footer,.fd-list__group-header,.fd-list__item{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-inline:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-block:0;padding-inline:.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{-webkit-box-sizing:inherit;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);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 .fd-avatar:first-child{-webkit-margin-end:.75rem;margin-inline-end:.75rem}.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,.fd-list__item--interractive{cursor:pointer}.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{border-bottom:var(--fdList_Item_Action_Border);font-size:var(--sapFontSize);padding-block:0;padding-inline:0;text-align:center;--fdList_Item_Height:var(--sapElement_LineHeight)}.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-block:var(--fdList_Item_Action_Button_Spacing);margin-inline:var(--fdList_Item_Action_Button_Spacing);padding-block:0;padding-inline:.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:var(--sapContent_FocusColor) var(--sapContent_FocusStyle) var(--sapContent_FocusWidth);outline-offset:-.125rem}.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{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.5rem}.fd-list__item--growing .fd-list__title-text{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:inherit;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;font-weight:var(--fdList_Growing_Font_Weight);forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;overflow:hidden;padding-block:0;padding-inline: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{-webkit-box-sizing:inherit;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{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--fdList_Item_Text_Color);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;overflow:hidden;padding-block:0;padding-inline: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{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-list__title{-webkit-box-flex:3;-ms-flex:3 3 10%;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{-ms-flex-preferred-size:auto;flex-basis:auto}.fd-list__title .fd-list__title-text{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.fd-list__title~.fd-list__icon{-webkit-margin-end:-1rem;margin-inline-end:-1rem}.fd-list__secondary{color:var(--fdList_Status_Text_Color);font-size:var(--sapFontSize);max-width:40%;text-align:right;-webkit-padding-start:1rem;padding-inline-start: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]{background:inherit;border-radius:inherit;color:inherit;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:inherit;line-height:1;pointer-events:none;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--sapContent_NonInteractiveIconColor);font-size:var(--fdList_Item_Icon_Font_Size);width:2.75rem;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.fd-list__icon [class*=sap-icon]:first-child,.fd-list__icon[class*=sap-icon]:first-child{-webkit-margin-start:-1rem;margin-inline-start:-1rem}.fd-list__link{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-inline:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;--fdList_Item_Border_Color:transparent;background:var(--fdList_Item_Background_Color);border-bottom:var(--sapList_BorderWidth) solid var(--fdList_Item_Border_Color);cursor:pointer;height:100%;padding-block:0;padding-inline:.9375rem;text-decoration:none;width:100%}.fd-list__link:after,.fd-list__link:before{-webkit-box-sizing:inherit;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{background:var(--sapList_GroupHeaderBackground);border-bottom:var(--sapList_BorderWidth) solid var(--sapList_GroupHeaderBorderColor);height:var(--sapElement_LineHeight);-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.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{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.fd-list__footer--left{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.fd-list__bold{font-weight:700}.fd-list__message{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:2rem;left:0;line-height:normal;line-height:2rem;margin-block:0;margin-inline:0;overflow:hidden;padding-block:0;padding-inline:0;position:absolute;text-overflow:ellipsis;top:0;white-space:nowrap;width:100%;-webkit-padding-start:.5rem;background-color:var(--fdList_Message_Background_Color);font-size:var(--sapFontSmallSize);padding-inline-start:.5rem}.fd-list__message:after,.fd-list__message:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.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{-webkit-margin-start:var(--fdList_Button_Spacing);margin-inline-start:var(--fdList_Button_Spacing);-ms-flex-item-align:center;align-self:center}.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{-webkit-padding-before:2rem;padding-block-start: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){display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;height:auto;min-height:2.5rem;padding-block:0;padding-inline:.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-block:0;padding-inline:.9375rem}.fd-list--multi-input .fd-list__item{cursor:pointer;height:auto;padding-block:0;padding-inline:0 1rem}.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__label{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:inherit;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;overflow:hidden;padding-block:0;padding-inline:0;position:relative;text-overflow:ellipsis;width:100%;-webkit-margin-end:0;margin-inline-end:0}.fd-list--multi-input .fd-list__label:after,.fd-list--multi-input .fd-list__label:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-list--multi-input .fd-list__label:before{margin-block:-.1875rem -.1875rem}.fd-list--multi-input .fd-list__input.is-focus,.fd-list--multi-input .fd-list__input:focus{-webkit-box-shadow:none;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{height:auto;text-align:right;-webkit-box-pack:end;-ms-flex-pack:end;background-color:var(--sapList_Background);justify-content:flex-end;line-height:1rem}.fd-list--multi-input .fd-list__footer,.fd-list--multi-input .fd-list__label{padding-block:.75rem;padding-inline:.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-block:0;padding-inline: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{-webkit-margin-start:0;margin-inline-start:0;margin-top:0;-webkit-margin-after:0;margin-block-end: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-block:.5rem;padding-inline:.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{font-size:var(--sapFontSize);white-space:normal;-webkit-box-flex:1;-ms-flex:auto;flex:auto;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{height:auto;min-height:5rem;padding-block:.9375rem;padding-inline:1rem;width:100%;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.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;align-self:center;-webkit-box-pack:end;-ms-flex-pack:end;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{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;align-items:center}.fd-list--byline .fd-list__thumbnail{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;pointer-events:none;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;-webkit-margin-end:.75rem;border-radius:.25rem;color:var(--sapContent_NonInteractiveIconColor);font-size:2rem;height:3rem;margin-inline-end:.75rem;max-height:3rem;max-width:3rem;min-height:3rem;min-width:3rem;width:3rem}.fd-list--byline .fd-list__thumbnail:after,.fd-list--byline .fd-list__thumbnail:before{-webkit-box-sizing:inherit;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>svg{height:100%}.fd-list--byline .fd-list__notification{color:var(--sapAccentColor6);font-size:.375rem;left:1rem;position:absolute;top:50%;-webkit-transform:translateY(-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{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;pointer-events:none;-ms-flex-line-pack:justify;align-content:space-between;height:100%;min-height:3rem;min-width:3rem;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;padding-block:.125rem;padding-inline:0}.fd-list--byline .fd-list__content:after,.fd-list--byline .fd-list__content:before{-webkit-box-sizing:inherit;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{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_LabelColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;line-height:1rem;margin-block:0;margin-inline:0;overflow:hidden;padding-block:0;padding-inline:0;text-overflow:ellipsis;white-space:nowrap;-webkit-padding-before:.5rem;padding-block-start:.5rem}.fd-list--byline .fd-list__byline:after,.fd-list--byline .fd-list__byline:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-list--byline .fd-list__byline--2-col{display:-webkit-box;display:-ms-flexbox;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-block:0;padding-inline: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{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_LabelColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;line-height:1rem;margin-block:0;margin-inline:0;overflow:hidden;padding-block:0;padding-inline:0;text-overflow:ellipsis;white-space:nowrap;width:60%;-ms-flex-item-align:end;align-self:flex-end;-webkit-padding-end:.5rem;padding-inline-end:.5rem}.fd-list--byline .fd-list__byline-left:after,.fd-list--byline .fd-list__byline-left:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-list--byline .fd-list__byline-right{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_LabelColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;line-height:1rem;margin-block:0;margin-inline:0;overflow:hidden;padding-block:0;padding-inline:0;text-align:right;text-overflow:ellipsis;white-space:nowrap;width:40%;-ms-flex-item-align:end;align-self:flex-end;-webkit-padding-start:.5rem;padding-inline-start:.5rem}.fd-list--byline .fd-list__byline-right:after,.fd-list--byline .fd-list__byline-right:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-list--byline .fd-list__byline-right[dir=rtl],[dir=rtl] .fd-list--byline .fd-list__byline-right{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__group-header{height:var(--sapElement_LineHeight);max-height:var(--sapElement_LineHeight);min-height:var(--sapElement_LineHeight)}.fd-list--byline.fd-list--unread-indicator .fd-list__item{padding-inline:2.125rem 1rem}.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-block:.5rem}.fd-list--byline.fd-list--no-border .fd-list__item:first-child{-webkit-padding-before:.9375rem;padding-block-start:.9375rem}.fd-list--byline.fd-list--no-border .fd-list__item:last-child{-webkit-padding-after:.9375rem;padding-block-end:.9375rem}.fd-list--subline .fd-list__item{-webkit-box-orient:horizontal;-ms-flex-direction:row;flex-direction:row;gap:.75rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:4.5rem;padding-block:.5rem;padding-inline:1rem}.fd-list--subline .fd-list__content,.fd-list--subline .fd-list__item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-direction:normal}.fd-list--subline .fd-list__content{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex:1;flex:1;gap:.25rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;overflow:hidden}.fd-list--subline .fd-list__content:after,.fd-list--subline .fd-list__content:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-list--subline .fd-list__title{color:var(--sapList_TextColor);font-family:var(--sapFontBoldFamily)}.fd-list--subline .fd-list__subline,.fd-list--subline .fd-list__title{font-size:var(--sapFontSize);font-style:normal;line-height:normal;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.fd-list--subline .fd-list__subline{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_LabelColor);font-family:var(--sapFontFamily);font-weight:400;forced-color-adjust:none;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0}.fd-list--subline .fd-list__subline:after,.fd-list--subline .fd-list__subline:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-list--subline .fd-list__active-indicator{color:var(--sapContent_NonInteractiveIconColor)}.fd-list--subline .fd-avatar:first-child{margin-inline:0}.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{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;overflow:hidden;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{-webkit-box-sizing:inherit;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{-webkit-padding-before:.25rem;color:var(--sapContent_LabelColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);overflow:hidden;padding-block-start:.25rem;text-overflow:ellipsis;white-space:nowrap}.fd-list--message-view .fd-list__link{padding-block:.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-block:0;padding-inline:0}.fd-list--navigation.fd-icon-tab-bar__list .fd-list__link{gap:.25rem}.fd-list--navigation .fd-list__link{padding-inline:var(--fdList_Navigation_Link_Padding_Left,.9375rem) var(--fdList_Navigation_Link_Padding_Right,.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-block:0;padding-inline: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-block:0;padding-inline: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-block:0;padding-inline:0}.fd-list--navigation.fd-list--byline .fd-list__link,.fd-list--navigation.fd-list--byline.fd-list--compact .fd-list__link{padding-block:.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-block:.5rem}.fd-list--navigation.fd-list--byline.fd-list--no-border .fd-list__item--link:first-child{-webkit-padding-before:0;padding-block-start:0}.fd-list--navigation.fd-list--byline.fd-list--no-border .fd-list__item--link:first-child .fd-list__link{-webkit-padding-before:1rem;padding-block-start:1rem}.fd-list--navigation.fd-list--byline.fd-list--no-border .fd-list__item--link:first-child .fd-list__link--navigation-indicator:after{-webkit-margin-after:.5rem;margin-block-end:.5rem}.fd-list--navigation.fd-list--byline.fd-list--no-border .fd-list__item--link:last-child{-webkit-padding-after:0;padding-block-end:0}.fd-list--navigation.fd-list--byline.fd-list--no-border .fd-list__item--link:last-child .fd-list__link{-webkit-padding-after:1rem;padding-block-end: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-block:0;padding-inline: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-block:0;padding-inline:0}.fd-list--navigation.fd-list--byline.fd-list--selection.fd-list--no-border .fd-list__item--link .fd-list__link{padding-block:.5rem}.fd-list--navigation.fd-list--byline.fd-list--selection.fd-list--no-border .fd-list__item--link:first-child{-webkit-padding-before:0;padding-block-start:0}.fd-list--navigation.fd-list--byline.fd-list--selection.fd-list--no-border .fd-list__item--link:first-child .fd-list__link{-webkit-padding-before:1rem;padding-block-start: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{-webkit-margin-after:.5rem;margin-block-end:.5rem}.fd-list--navigation.fd-list--byline.fd-list--selection.fd-list--no-border .fd-list__item--link:last-child{-webkit-padding-after:0;padding-block-end:0}.fd-list--navigation.fd-list--byline.fd-list--selection.fd-list--no-border .fd-list__item--link:last-child .fd-list__link{-webkit-padding-after:1rem;padding-block-end: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-block:0;padding-inline: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-block:.5rem}.fd-list--navigation.fd-list--byline.fd-list--selection.fd-list--navigation-indication.fd-list--no-border .fd-list__item--link:first-child{-webkit-padding-before:0;padding-block-start: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{-webkit-padding-before:1rem;padding-block-start: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{-webkit-margin-after:.5rem;margin-block-end:.5rem}.fd-list--navigation.fd-list--byline.fd-list--selection.fd-list--navigation-indication.fd-list--no-border .fd-list__item--link:last-child{-webkit-padding-after:0;padding-block-end: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{-webkit-padding-after:1rem;padding-block-end: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-block:0;padding-inline:0}.fd-list--navigation.fd-list--navigation-object .fd-list__link{padding-block:1rem}.fd-list--navigation-indication .fd-list:after{content:\"\";min-width:1.5rem}.fd-list--navigation-indication fd-list__item.fd-list__item--link{-webkit-padding-end:0;padding-inline-end: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{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--sapContent_NonInteractiveIconColor);content:\"\\e1ed\";font-family:SAP-icons;font-size:var(--fdListNavigationIndicatorFontSize,var(--sapFontLargeSize));height:100%;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-block:0;margin-inline:0}.fd-list--navigation-indication .is-navigated{-webkit-box-shadow:inset -.1875rem 0 0 0 var(--sapList_SelectionBorderColor);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{-webkit-box-shadow:inset .1875rem 0 0 0 var(--sapList_SelectionBorderColor);box-shadow:inset .1875rem 0 0 0 var(--sapList_SelectionBorderColor)}.fd-list--selection .fd-list__item{cursor:pointer;padding-inline:2.75rem .9375rem}.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-inline:2.75rem 1rem}.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-inline:2.75rem 1rem}.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-block:.5rem;padding-inline:2.75rem 1rem}.fd-list--selection.fd-list--byline.fd-list--no-border .fd-list__item:first-child{-webkit-padding-before:.9375rem;padding-block-start:.9375rem}.fd-list--selection.fd-list--byline.fd-list--no-border .fd-list__item:last-child{-webkit-padding-after:.9375rem;padding-block-end:.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{-webkit-padding-before:.5rem;padding-block-start:.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{-webkit-padding-start:1rem;padding-inline-start: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{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;overflow:hidden;padding-block:0;padding-inline:0;text-overflow:ellipsis;white-space:nowrap;-webkit-margin-start:1rem;color:var(--sapContent_MarkerTextColor);margin-inline-start:1rem}.fd-list__item-counter:after,.fd-list__item-counter:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-icon-tab-bar{display:flex;flex-direction:column;height:100%}.fd-icon-tab-bar .fd-icon-tab-bar__item--hidden{display:none}.fd-icon-tab-bar__list{max-height:20rem}.fd-icon-tab-bar__list-item-counter{padding-left:.313rem}[dir=rtl] .fd-icon-tab-bar .fd-icon-tab-bar__list-item-counter,.fd-icon-tab-bar[dir=rtl] .fd-icon-tab-bar__list-item-counter{padding-left:0;padding-right:.25rem}.fd-icon-tab-bar__popover,.fd-icon-tab-bar__popover .fd-popover__control{height:100%}.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/*! Bundled license information:\n\nfundamental-styles/dist/list.css:\n (*!\n * Fundamental Library Styles v0.40.1\n * Copyright (c) 2025 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n *)\n*/\n"] }]
|
|
2157
2157
|
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i1$1.ContentDensityService, decorators: [{
|
|
2158
2158
|
type: Optional
|
|
2159
2159
|
}] }, { type: i1$1.RtlService, decorators: [{
|
|
@@ -2161,10 +2161,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImpor
|
|
|
2161
2161
|
}] }], propDecorators: { stackContent: [{
|
|
2162
2162
|
type: Input,
|
|
2163
2163
|
args: [{ transform: booleanAttribute }]
|
|
2164
|
-
}],
|
|
2164
|
+
}], _customTabs: [{
|
|
2165
2165
|
type: HostBinding,
|
|
2166
2166
|
args: ['class.fd-tabs-custom']
|
|
2167
|
-
}]
|
|
2167
|
+
}] } });
|
|
2168
2168
|
|
|
2169
2169
|
const components = [
|
|
2170
2170
|
IconTabBarComponent,
|
|
@@ -2192,8 +2192,8 @@ const FDP_ICON_TAB_BAR = [
|
|
|
2192
2192
|
* Import `IconTabBarComponent` directly instead.
|
|
2193
2193
|
*/
|
|
2194
2194
|
class PlatformIconTabBarModule {
|
|
2195
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2196
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
2195
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: PlatformIconTabBarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
2196
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.4", ngImport: i0, type: PlatformIconTabBarModule, imports: [IconTabBarComponent,
|
|
2197
2197
|
IconTabBarTextTypeComponent,
|
|
2198
2198
|
IconTabBarIconTypeComponent,
|
|
2199
2199
|
IconTabBarProcessTypeComponent,
|
|
@@ -2218,7 +2218,7 @@ class PlatformIconTabBarModule {
|
|
|
2218
2218
|
IconTabBarTabComponent,
|
|
2219
2219
|
IconTabBarContentTemplateDirective,
|
|
2220
2220
|
IconTabBarFreeContentDirective] }); }
|
|
2221
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
2221
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: PlatformIconTabBarModule, imports: [IconTabBarComponent,
|
|
2222
2222
|
IconTabBarTextTypeComponent,
|
|
2223
2223
|
IconTabBarIconTypeComponent,
|
|
2224
2224
|
IconTabBarProcessTypeComponent,
|
|
@@ -2226,7 +2226,7 @@ class PlatformIconTabBarModule {
|
|
|
2226
2226
|
IconTabBarPopoverComponent,
|
|
2227
2227
|
TextTypePopoverComponent] }); }
|
|
2228
2228
|
}
|
|
2229
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2229
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: PlatformIconTabBarModule, decorators: [{
|
|
2230
2230
|
type: NgModule,
|
|
2231
2231
|
args: [{
|
|
2232
2232
|
imports: [...components],
|