@fundamental-ngx/platform 0.63.2-rc.4 → 0.63.2-rc.6
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 +47 -44
- package/fesm2022/fundamental-ngx-platform-approval-flow.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-platform-button.mjs +51 -32
- package/fesm2022/fundamental-ngx-platform-button.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-platform-dynamic-page.mjs +52 -49
- package/fesm2022/fundamental-ngx-platform-dynamic-page.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-platform-feed-input.mjs +9 -8
- package/fesm2022/fundamental-ngx-platform-feed-input.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-platform-form.mjs +339 -333
- package/fesm2022/fundamental-ngx-platform-form.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-platform-icon-tab-bar.mjs +159 -117
- package/fesm2022/fundamental-ngx-platform-icon-tab-bar.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-platform-link.mjs +7 -7
- 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.mjs +16 -15
- package/fesm2022/fundamental-ngx-platform-menu.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-platform-message-popover.mjs +36 -26
- package/fesm2022/fundamental-ngx-platform-message-popover.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-platform-object-marker.mjs +7 -7
- package/fesm2022/fundamental-ngx-platform-object-status.mjs +11 -11
- package/fesm2022/fundamental-ngx-platform-object-status.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-platform-page-footer.mjs +7 -7
- package/fesm2022/fundamental-ngx-platform-panel.mjs +18 -18
- package/fesm2022/fundamental-ngx-platform-panel.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-platform-search-field.mjs +107 -66
- package/fesm2022/fundamental-ngx-platform-search-field.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-platform-settings-generator.mjs +58 -47
- 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-slider.mjs +7 -7
- package/fesm2022/fundamental-ngx-platform-smart-filter-bar.mjs +44 -39
- package/fesm2022/fundamental-ngx-platform-smart-filter-bar.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-platform-split-menu-button.mjs +9 -8
- package/fesm2022/fundamental-ngx-platform-split-menu-button.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-platform-table-helpers.mjs +110 -96
- package/fesm2022/fundamental-ngx-platform-table-helpers.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-platform-table.mjs +280 -207
- package/fesm2022/fundamental-ngx-platform-table.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-platform-value-help-dialog.mjs +35 -32
- 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-wizard-generator.mjs +44 -44
- package/fesm2022/fundamental-ngx-platform-wizard-generator.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-platform.mjs +4 -4
- package/package.json +6 -5
- package/schematics/ng-add/index.js +1 -1
- package/schematics/package.json +7 -0
- package/schematics/tsconfig.json +12 -1
- package/schematics/utils/package-utils.js +34 -1
- package/schematics/utils/package-utils.js.map +1 -1
|
@@ -34,16 +34,20 @@ class IconTabBarBase {
|
|
|
34
34
|
/** Emits when selected tab Unique ID changes. */
|
|
35
35
|
this.selectedUidChange = new EventEmitter();
|
|
36
36
|
/** @hidden */
|
|
37
|
-
this._extraTabs$ = signal([],
|
|
37
|
+
this._extraTabs$ = signal([], /* @ts-ignore */
|
|
38
|
+
...(ngDevMode ? [{ debugName: "_extraTabs$" }] : /* istanbul ignore next */ []));
|
|
38
39
|
/** @hidden */
|
|
39
|
-
this._extraItems$ = signal(false,
|
|
40
|
+
this._extraItems$ = signal(false, /* @ts-ignore */
|
|
41
|
+
...(ngDevMode ? [{ debugName: "_extraItems$" }] : /* istanbul ignore next */ []));
|
|
40
42
|
/** @hidden Heading level of the tab. */
|
|
41
|
-
this.tabHeadingLevel = input(null,
|
|
43
|
+
this.tabHeadingLevel = input(null, /* @ts-ignore */
|
|
44
|
+
...(ngDevMode ? [{ debugName: "tabHeadingLevel" }] : /* istanbul ignore next */ []));
|
|
42
45
|
/**
|
|
43
46
|
* @description Associations for colors of the tabs.
|
|
44
47
|
* If any of the color associations provided, they'll be read by screenreader instead of the actual color
|
|
45
48
|
*/
|
|
46
|
-
this.colorAssociations = input(
|
|
49
|
+
this.colorAssociations = input(/* @ts-ignore */
|
|
50
|
+
...(ngDevMode ? [undefined, { debugName: "colorAssociations" }] : /* istanbul ignore next */ []));
|
|
47
51
|
/** @hidden */
|
|
48
52
|
this._inDynamicPage = !!inject(FD_DYNAMIC_PAGE, { optional: true });
|
|
49
53
|
/** @hidden */
|
|
@@ -368,10 +372,10 @@ class IconTabBarBase {
|
|
|
368
372
|
return tabStillExists ? false : true;
|
|
369
373
|
});
|
|
370
374
|
}
|
|
371
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
372
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "
|
|
375
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: IconTabBarBase, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
376
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.5", 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 }); }
|
|
373
377
|
}
|
|
374
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
378
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: IconTabBarBase, decorators: [{
|
|
375
379
|
type: Directive
|
|
376
380
|
}], propDecorators: { tabs: [{
|
|
377
381
|
type: Input
|
|
@@ -482,10 +486,10 @@ class ClosableIconTabBar extends IconTabBarBase {
|
|
|
482
486
|
}
|
|
483
487
|
return result;
|
|
484
488
|
}
|
|
485
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
486
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
489
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: ClosableIconTabBar, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
|
|
490
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.5", type: ClosableIconTabBar, isStandalone: true, outputs: { closeTab: "closeTab" }, usesInheritance: true, ngImport: i0 }); }
|
|
487
491
|
}
|
|
488
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
492
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: ClosableIconTabBar, decorators: [{
|
|
489
493
|
type: Directive
|
|
490
494
|
}], propDecorators: { closeTab: [{
|
|
491
495
|
type: Output
|
|
@@ -513,7 +517,8 @@ class IconTabBarPopoverBase {
|
|
|
513
517
|
* @description Associations for colors of the tabs.
|
|
514
518
|
* If any of the color associations provided, they'll be read by screenreader instead of the actual color
|
|
515
519
|
*/
|
|
516
|
-
this.colorAssociations = input(
|
|
520
|
+
this.colorAssociations = input(/* @ts-ignore */
|
|
521
|
+
...(ngDevMode ? [undefined, { debugName: "colorAssociations" }] : /* istanbul ignore next */ []));
|
|
517
522
|
/**
|
|
518
523
|
* @hidden
|
|
519
524
|
* @description state of popover
|
|
@@ -616,10 +621,10 @@ class IconTabBarPopoverBase {
|
|
|
616
621
|
.sort(({ flatIndex: aFlatIndex }, { flatIndex: bFlatIndex }) => aFlatIndex - bFlatIndex)
|
|
617
622
|
.map(({ nativeElement }) => nativeElement);
|
|
618
623
|
}
|
|
619
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
620
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "
|
|
624
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: IconTabBarPopoverBase, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
625
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.5", 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 }); }
|
|
621
626
|
}
|
|
622
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
627
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: IconTabBarPopoverBase, decorators: [{
|
|
623
628
|
type: Directive
|
|
624
629
|
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { isRtl: [{
|
|
625
630
|
type: Input
|
|
@@ -650,10 +655,10 @@ class IconTabBarPopoverComponent extends IconTabBarPopoverBase {
|
|
|
650
655
|
/** @hidden */
|
|
651
656
|
this._defaultLabel = resolveTranslationSignal('platformIconTabBar.moreButton');
|
|
652
657
|
}
|
|
653
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
654
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
658
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: IconTabBarPopoverComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
659
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", 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 || _defaultLabel() }}</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: ["config", "title", "trigger", "id", "mobile", "mobileConfig", "preventSpaceKeyScroll", "placement", "maxWidth", "fillControlMode", "closeOnOutsideClick", "closeOnEscapeKey", "disabled", "triggers", "focusTrapped", "focusAutoCapture", "restoreFocusOnClose", "noArrow", "disableScrollbar", "appendTo", "placementContainer", "scrollStrategy", "cdkPositions", "applyOverlay", "additionalBodyClass", "additionalTriggerClass", "closeOnNavigation", "fixedPosition", "resizable", "bodyAriaLabel", "bodyRole", "bodyAriaLabelledBy", "isOpen"], outputs: ["triggerChange", "isOpenChange", "beforeOpen"] }, { kind: "component", type: PopoverControlComponent, selector: "fd-popover-control, [fdPopoverControl]" }, { kind: "component", type: PopoverBodyComponent, selector: "fd-popover-body", inputs: ["minWidth", "maxWidth", "minHeight", "maxHeight"], outputs: ["onClose"] }, { kind: "component", type: IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "color", "background", "size", "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: ["id"], exportAs: ["fd-button"] }, { kind: "pipe", type: AsyncOrSyncPipe, name: "fdkAsyncOrSync" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
655
660
|
}
|
|
656
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
661
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: IconTabBarPopoverComponent, decorators: [{
|
|
657
662
|
type: Component,
|
|
658
663
|
args: [{ selector: 'fdp-icon-tab-bar-popover', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
|
|
659
664
|
PopoverComponent,
|
|
@@ -691,15 +696,15 @@ class IconTabBarFilterTypeComponent extends ClosableIconTabBar {
|
|
|
691
696
|
super._initTabs();
|
|
692
697
|
this._totalTab = this.showTotalTab ? this.tabs[0] : undefined;
|
|
693
698
|
}
|
|
694
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
695
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
699
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: IconTabBarFilterTypeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
700
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: IconTabBarFilterTypeComponent, isStandalone: true, selector: "fdp-icon-tab-bar-filter-type", inputs: { showTotalTab: "showTotalTab" }, providers: [
|
|
696
701
|
{
|
|
697
702
|
provide: IconTabBarBase,
|
|
698
703
|
useExisting: IconTabBarFilterTypeComponent
|
|
699
704
|
}
|
|
700
|
-
], 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\">{{
|
|
705
|
+
], 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\">{{\n $safeNavigationMigration(_totalTab?.label) | fdkAsyncOrSync\n }}</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", "size", "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: ["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" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
701
706
|
}
|
|
702
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
707
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: IconTabBarFilterTypeComponent, decorators: [{
|
|
703
708
|
type: Component,
|
|
704
709
|
args: [{ selector: 'fdp-icon-tab-bar-filter-type', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
|
|
705
710
|
{
|
|
@@ -715,7 +720,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImpor
|
|
|
715
720
|
ButtonComponent,
|
|
716
721
|
AsyncOrSyncPipe,
|
|
717
722
|
NgTemplateOutlet
|
|
718
|
-
], 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\">{{
|
|
723
|
+
], 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\">{{\n $safeNavigationMigration(_totalTab?.label) | fdkAsyncOrSync\n }}</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" }]
|
|
719
724
|
}], propDecorators: { _tabUIElements: [{
|
|
720
725
|
type: ViewChildren,
|
|
721
726
|
args: ['tabItem']
|
|
@@ -732,15 +737,15 @@ class IconTabBarIconTypeComponent extends ClosableIconTabBar {
|
|
|
732
737
|
/** @hidden */
|
|
733
738
|
this._defaultFontFamily = FD_DEFAULT_ICON_FONT_FAMILY;
|
|
734
739
|
}
|
|
735
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
736
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
740
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: IconTabBarIconTypeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
741
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: IconTabBarIconTypeComponent, isStandalone: true, selector: "fdp-icon-tab-bar-icon-type", inputs: { showLabel: "showLabel" }, providers: [
|
|
737
742
|
{
|
|
738
743
|
provide: IconTabBarBase,
|
|
739
744
|
useExisting: IconTabBarIconTypeComponent
|
|
740
745
|
}
|
|
741
746
|
], 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", "size", "class", "ariaLabel", "ariaHidden"], outputs: ["ariaHiddenChange"] }, { kind: "component", type: ButtonComponent, selector: "button[fd-button], a[fd-button], span[fd-button]", inputs: ["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" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
742
747
|
}
|
|
743
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
748
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: IconTabBarIconTypeComponent, decorators: [{
|
|
744
749
|
type: Component,
|
|
745
750
|
args: [{ selector: 'fdp-icon-tab-bar-icon-type', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
|
|
746
751
|
{
|
|
@@ -940,15 +945,15 @@ class IconTabBarProcessTypeComponent extends ClosableIconTabBar {
|
|
|
940
945
|
this._offsetOverflowDirective = this._nextSteps.length ? 70 : 0;
|
|
941
946
|
this._cd.markForCheck();
|
|
942
947
|
}
|
|
943
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
944
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
948
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: IconTabBarProcessTypeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
949
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: IconTabBarProcessTypeComponent, isStandalone: true, selector: "fdp-icon-tab-bar-process-type", providers: [
|
|
945
950
|
{
|
|
946
951
|
provide: IconTabBarBase,
|
|
947
952
|
useExisting: IconTabBarProcessTypeComponent
|
|
948
953
|
}
|
|
949
954
|
], 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", "size", "class", "ariaLabel", "ariaHidden"], outputs: ["ariaHiddenChange"] }, { kind: "component", type: ButtonComponent, selector: "button[fd-button], a[fd-button], span[fd-button]", inputs: ["id"], exportAs: ["fd-button"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: AsyncOrSyncPipe, name: "fdkAsyncOrSync" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
950
955
|
}
|
|
951
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
956
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: IconTabBarProcessTypeComponent, decorators: [{
|
|
952
957
|
type: Component,
|
|
953
958
|
args: [{ selector: 'fdp-icon-tab-bar-process-type', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
|
|
954
959
|
{
|
|
@@ -1161,10 +1166,10 @@ class IconBarDndContainerDirective {
|
|
|
1161
1166
|
const endY = element.y + element.height - FLIPPER_SIZE.verticalHeight / 2;
|
|
1162
1167
|
return _between(mousePosition.x, startX, endX) && _between(mousePosition.y, startY, endY);
|
|
1163
1168
|
}
|
|
1164
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1165
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
1169
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: IconBarDndContainerDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1170
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.5", type: IconBarDndContainerDirective, isStandalone: true, selector: "[fdpIconBarDndContainer], [fdp-icon-bar-dnd-container]", inputs: { draggable: "draggable" }, outputs: { dropped: "dropped" }, ngImport: i0 }); }
|
|
1166
1171
|
}
|
|
1167
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1172
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: IconBarDndContainerDirective, decorators: [{
|
|
1168
1173
|
type: Directive,
|
|
1169
1174
|
args: [{
|
|
1170
1175
|
selector: '[fdpIconBarDndContainer], [fdp-icon-bar-dnd-container]',
|
|
@@ -1240,10 +1245,10 @@ class IconBarDndListDirective {
|
|
|
1240
1245
|
changeDraggableState(draggable) {
|
|
1241
1246
|
this._dropListRef.disabled = !draggable;
|
|
1242
1247
|
}
|
|
1243
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1244
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
1248
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: IconBarDndListDirective, deps: [{ token: i0.ElementRef }, { token: i1.DragDrop }, { token: IconBarDndContainerDirective }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1249
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.5", type: IconBarDndListDirective, isStandalone: true, selector: "[fdpIconBarDndList], [fdp-icon-bar-dnd-list]", inputs: { dndOrientation: "dndOrientation", dndAutoScroll: "dndAutoScroll" }, ngImport: i0 }); }
|
|
1245
1250
|
}
|
|
1246
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1251
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: IconBarDndListDirective, decorators: [{
|
|
1247
1252
|
type: Directive,
|
|
1248
1253
|
args: [{
|
|
1249
1254
|
selector: '[fdpIconBarDndList], [fdp-icon-bar-dnd-list]',
|
|
@@ -1358,10 +1363,10 @@ class IconBarDndItemDirective {
|
|
|
1358
1363
|
this.dragRef.released.pipe(takeUntilDestroyed(this._destroyRef)).subscribe(() => this.onCdkDragReleased());
|
|
1359
1364
|
this.dragRef.started.pipe(takeUntilDestroyed(this._destroyRef)).subscribe(() => this.onCdkDragStart());
|
|
1360
1365
|
}
|
|
1361
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1362
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
1366
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: IconBarDndItemDirective, deps: [{ token: i0.ElementRef }, { token: i1.DragDrop }, { token: IconBarDndListDirective }, { token: IconBarDndContainerDirective }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1367
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.5", type: IconBarDndItemDirective, isStandalone: true, selector: "[fdpIconBarDndItem], [fdp-icon-bar-dnd-item]", inputs: { dndItemData: "dndItemData", previewClass: "previewClass", dndHoveredClass: "dndHoveredClass", dndSeparatorClass: "dndSeparatorClass" }, ngImport: i0 }); }
|
|
1363
1368
|
}
|
|
1364
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1369
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: IconBarDndItemDirective, decorators: [{
|
|
1365
1370
|
type: Directive,
|
|
1366
1371
|
args: [{
|
|
1367
1372
|
selector: '[fdpIconBarDndItem], [fdp-icon-bar-dnd-item]',
|
|
@@ -1383,7 +1388,8 @@ class IconTabBarTextTypeTabItemComponent {
|
|
|
1383
1388
|
* @description Associations for colors of the tabs.
|
|
1384
1389
|
* If any of the color associations provided, they'll be read by screenreader instead of the actual color
|
|
1385
1390
|
*/
|
|
1386
|
-
this.colorAssociations = input(
|
|
1391
|
+
this.colorAssociations = input(/* @ts-ignore */
|
|
1392
|
+
...(ngDevMode ? [undefined, { debugName: "colorAssociations" }] : /* istanbul ignore next */ []));
|
|
1387
1393
|
/** @hiddem */
|
|
1388
1394
|
this._elementRef = inject(ElementRef);
|
|
1389
1395
|
}
|
|
@@ -1391,15 +1397,15 @@ class IconTabBarTextTypeTabItemComponent {
|
|
|
1391
1397
|
get nativeElement() {
|
|
1392
1398
|
return this._elementRef.nativeElement;
|
|
1393
1399
|
}
|
|
1394
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1395
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
1400
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: IconTabBarTextTypeTabItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1401
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", 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 {{ $safeNavigationMigration(item?.label) | fdkAsyncOrSync }}\n @if ($safeNavigationMigration(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\">{{ $safeNavigationMigration(item?.label) | fdkAsyncOrSync }}</span>\n }\n @if (item?.badge) {\n <span class=\"fd-icon-tab-bar__badge\"></span>\n }\n @if ($safeNavigationMigration(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
1402
|
}
|
|
1397
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1403
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: IconTabBarTextTypeTabItemComponent, decorators: [{
|
|
1398
1404
|
type: Component,
|
|
1399
1405
|
args: [{ selector: '[fdp-icon-tab-bar-text-type-tab-item]', imports: [AsyncOrSyncPipe, NgTemplateOutlet], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
1400
1406
|
class: 'fd-icon-tab-bar__tab',
|
|
1401
1407
|
role: 'tab'
|
|
1402
|
-
}, 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" }]
|
|
1408
|
+
}, 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 {{ $safeNavigationMigration(item?.label) | fdkAsyncOrSync }}\n @if ($safeNavigationMigration(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\">{{ $safeNavigationMigration(item?.label) | fdkAsyncOrSync }}</span>\n }\n @if (item?.badge) {\n <span class=\"fd-icon-tab-bar__badge\"></span>\n }\n @if ($safeNavigationMigration(item?.color) | fdkAsyncOrSync; as itemColor) {\n <div class=\"screenreader-only\">\n {{ colorAssociations()?.[itemColor] || itemColor }}\n </div>\n }\n}\n" }]
|
|
1403
1409
|
}], propDecorators: { item: [{
|
|
1404
1410
|
type: Input
|
|
1405
1411
|
}], layoutMode: [{
|
|
@@ -1474,10 +1480,10 @@ class TextTypePopoverComponent extends IconTabBarPopoverBase {
|
|
|
1474
1480
|
return acc;
|
|
1475
1481
|
}, []);
|
|
1476
1482
|
}
|
|
1477
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1478
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
1483
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: TextTypePopoverComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
1484
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", 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\">{{\n ('platformIconTabBar.moreButton' | fdTranslate)()\n }}</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: ["config", "title", "trigger", "id", "mobile", "mobileConfig", "preventSpaceKeyScroll", "placement", "maxWidth", "fillControlMode", "closeOnOutsideClick", "closeOnEscapeKey", "disabled", "triggers", "focusTrapped", "focusAutoCapture", "restoreFocusOnClose", "noArrow", "disableScrollbar", "appendTo", "placementContainer", "scrollStrategy", "cdkPositions", "applyOverlay", "additionalBodyClass", "additionalTriggerClass", "closeOnNavigation", "fixedPosition", "resizable", "bodyAriaLabel", "bodyRole", "bodyAriaLabelledBy", "isOpen"], outputs: ["triggerChange", "isOpenChange", "beforeOpen"] }, { kind: "component", type: PopoverControlComponent, selector: "fd-popover-control, [fdPopoverControl]" }, { kind: "component", type: PopoverBodyComponent, selector: "fd-popover-body", inputs: ["minWidth", "maxWidth", "minHeight", "maxHeight"], outputs: ["onClose"] }, { 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: ["id"], exportAs: ["fd-button"] }, { kind: "component", type: IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "color", "background", "size", "class", "ariaLabel", "ariaHidden"], outputs: ["ariaHiddenChange"] }, { kind: "component", type: IconTabBarTextTypeTabItemComponent, selector: "[fdp-icon-tab-bar-text-type-tab-item]", inputs: ["item", "layoutMode", "colorAssociations"] }, { kind: "pipe", type: FdTranslatePipe, name: "fdTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1479
1485
|
}
|
|
1480
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1486
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: TextTypePopoverComponent, decorators: [{
|
|
1481
1487
|
type: Component,
|
|
1482
1488
|
args: [{ selector: 'fdp-text-type-popover', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
|
|
1483
1489
|
PopoverComponent,
|
|
@@ -1640,15 +1646,15 @@ class IconTabBarTextTypeComponent extends ClosableIconTabBar {
|
|
|
1640
1646
|
this.tabs = this._updateTabs(this.tabs);
|
|
1641
1647
|
this._triggerRecalculationVisibleItems();
|
|
1642
1648
|
}
|
|
1643
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1644
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
1649
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: IconTabBarTextTypeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
1650
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: IconTabBarTextTypeComponent, isStandalone: true, selector: "fdp-icon-tab-bar-text-type", inputs: { enableTabReordering: "enableTabReordering", layoutMode: "layoutMode", multiClick: "multiClick" }, outputs: { reordered: "reordered" }, providers: [
|
|
1645
1651
|
{
|
|
1646
1652
|
provide: IconTabBarBase,
|
|
1647
1653
|
useExisting: IconTabBarTextTypeComponent
|
|
1648
1654
|
}
|
|
1649
1655
|
], 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: ["id"], exportAs: ["fd-button"] }, { kind: "component", type: IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "color", "background", "size", "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 }); }
|
|
1650
1656
|
}
|
|
1651
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1657
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: IconTabBarTextTypeComponent, decorators: [{
|
|
1652
1658
|
type: Component,
|
|
1653
1659
|
args: [{ selector: 'fdp-icon-tab-bar-text-type', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
|
|
1654
1660
|
{
|
|
@@ -1684,10 +1690,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImpor
|
|
|
1684
1690
|
}] } });
|
|
1685
1691
|
|
|
1686
1692
|
class IconTabTitleDirective {
|
|
1687
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1688
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
1693
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: IconTabTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1694
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.5", type: IconTabTitleDirective, isStandalone: true, selector: "[fdpIconTabBarTitleTemplate], [fdp-icon-tab-bar-title-template]", ngImport: i0 }); }
|
|
1689
1695
|
}
|
|
1690
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1696
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: IconTabTitleDirective, decorators: [{
|
|
1691
1697
|
type: Directive,
|
|
1692
1698
|
args: [{
|
|
1693
1699
|
selector: '[fdpIconTabBarTitleTemplate], [fdp-icon-tab-bar-title-template]',
|
|
@@ -1699,16 +1705,18 @@ let defaultIdIndex = 0;
|
|
|
1699
1705
|
class IconTabBarTabContentDirective {
|
|
1700
1706
|
constructor() {
|
|
1701
1707
|
/** Tab ID */
|
|
1702
|
-
this.id = input(
|
|
1708
|
+
this.id = input(/* @ts-ignore */
|
|
1709
|
+
...(ngDevMode ? [undefined, { debugName: "id" }] : /* istanbul ignore next */ []));
|
|
1703
1710
|
/** Tab Unique ID. */
|
|
1704
|
-
this.uId = input(
|
|
1711
|
+
this.uId = input(/* @ts-ignore */
|
|
1712
|
+
...(ngDevMode ? [undefined, { debugName: "uId" }] : /* istanbul ignore next */ []));
|
|
1705
1713
|
/** Element reference. */
|
|
1706
1714
|
this.elementRef = inject(ElementRef);
|
|
1707
1715
|
}
|
|
1708
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1709
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "
|
|
1716
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: IconTabBarTabContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1717
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.5", 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 }); }
|
|
1710
1718
|
}
|
|
1711
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1719
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: IconTabBarTabContentDirective, decorators: [{
|
|
1712
1720
|
type: Directive,
|
|
1713
1721
|
args: [{
|
|
1714
1722
|
// eslint-disable-next-line @angular-eslint/directive-selector
|
|
@@ -1720,34 +1728,42 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImpor
|
|
|
1720
1728
|
class IconTabBarTabComponent {
|
|
1721
1729
|
constructor() {
|
|
1722
1730
|
/** Tab Label. */
|
|
1723
|
-
this.label = input(
|
|
1731
|
+
this.label = input(/* @ts-ignore */
|
|
1732
|
+
...(ngDevMode ? [undefined, { debugName: "label" }] : /* istanbul ignore next */ []));
|
|
1724
1733
|
/** Tab text color. */
|
|
1725
|
-
this.color = input('default',
|
|
1734
|
+
this.color = input('default', /* @ts-ignore */
|
|
1735
|
+
...(ngDevMode ? [{ debugName: "color" }] : /* istanbul ignore next */ []));
|
|
1726
1736
|
/** Tab icon. */
|
|
1727
|
-
this.icon = input(
|
|
1737
|
+
this.icon = input(/* @ts-ignore */
|
|
1738
|
+
...(ngDevMode ? [undefined, { debugName: "icon" }] : /* istanbul ignore next */ []));
|
|
1728
1739
|
/** Tab icon font family. */
|
|
1729
|
-
this.iconFont = input(FD_DEFAULT_ICON_FONT_FAMILY,
|
|
1740
|
+
this.iconFont = input(FD_DEFAULT_ICON_FONT_FAMILY, /* @ts-ignore */
|
|
1741
|
+
...(ngDevMode ? [{ debugName: "iconFont" }] : /* istanbul ignore next */ []));
|
|
1730
1742
|
/** Tab counter. */
|
|
1731
|
-
this.counter = input(
|
|
1743
|
+
this.counter = input(/* @ts-ignore */
|
|
1744
|
+
...(ngDevMode ? [undefined, { debugName: "counter" }] : /* istanbul ignore next */ []));
|
|
1732
1745
|
/** whether the tab is selected */
|
|
1733
|
-
this.active = input(false, { ...(ngDevMode ? { debugName: "active" } : {}), transform: booleanAttribute });
|
|
1746
|
+
this.active = input(false, { ...(ngDevMode ? { debugName: "active" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
|
|
1734
1747
|
/** if set to true, will show red circle in top-right corner of tab */
|
|
1735
|
-
this.badge = input(false, { ...(ngDevMode ? { debugName: "badge" } : {}), transform: booleanAttribute });
|
|
1748
|
+
this.badge = input(false, { ...(ngDevMode ? { debugName: "badge" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
|
|
1736
1749
|
/** Whether the tab can be closed. */
|
|
1737
|
-
this.closable = input(false, { ...(ngDevMode ? { debugName: "closable" } : {}), transform: booleanAttribute });
|
|
1750
|
+
this.closable = input(false, { ...(ngDevMode ? { debugName: "closable" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
|
|
1738
1751
|
/** Tab ID. */
|
|
1739
|
-
this.id = input(`fdp-icon-tab-bar-tab-${defaultIdIndex++}`,
|
|
1752
|
+
this.id = input(`fdp-icon-tab-bar-tab-${defaultIdIndex++}`, /* @ts-ignore */
|
|
1753
|
+
...(ngDevMode ? [{ debugName: "id" }] : /* istanbul ignore next */ []));
|
|
1740
1754
|
/** Content renderer. */
|
|
1741
|
-
this.renderer = viewChild('renderer',
|
|
1755
|
+
this.renderer = viewChild('renderer', /* @ts-ignore */
|
|
1756
|
+
...(ngDevMode ? [{ debugName: "renderer" }] : /* istanbul ignore next */ []));
|
|
1742
1757
|
/** Title template. */
|
|
1743
|
-
this.titleTemplate = contentChild(IconTabTitleDirective, { ...(ngDevMode ? { debugName: "titleTemplate" } : {}), read: TemplateRef });
|
|
1758
|
+
this.titleTemplate = contentChild(IconTabTitleDirective, { ...(ngDevMode ? { debugName: "titleTemplate" } : /* istanbul ignore next */ {}), read: TemplateRef });
|
|
1744
1759
|
/** @hidden */
|
|
1745
|
-
this.children = contentChildren(IconTabBarTabComponent,
|
|
1760
|
+
this.children = contentChildren(IconTabBarTabComponent, /* @ts-ignore */
|
|
1761
|
+
...(ngDevMode ? [{ debugName: "children" }] : /* istanbul ignore next */ []));
|
|
1746
1762
|
}
|
|
1747
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1748
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "
|
|
1763
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: IconTabBarTabComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1764
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.0.5", 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 }); }
|
|
1749
1765
|
}
|
|
1750
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1766
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: IconTabBarTabComponent, decorators: [{
|
|
1751
1767
|
type: Component,
|
|
1752
1768
|
args: [{ selector: 'fdp-icon-tab-bar-tab', imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-template #renderer>\n <ng-content></ng-content>\n</ng-template>\n" }]
|
|
1753
1769
|
}], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], iconFont: [{ type: i0.Input, args: [{ isSignal: true, alias: "iconFont", required: false }] }], counter: [{ type: i0.Input, args: [{ isSignal: true, alias: "counter", required: false }] }], active: [{ type: i0.Input, args: [{ isSignal: true, alias: "active", required: false }] }], badge: [{ type: i0.Input, args: [{ isSignal: true, alias: "badge", required: false }] }], closable: [{ type: i0.Input, args: [{ isSignal: true, alias: "closable", required: false }] }], id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], renderer: [{ type: i0.ViewChild, args: ['renderer', { isSignal: true }] }], titleTemplate: [{ type: i0.ContentChild, args: [i0.forwardRef(() => IconTabTitleDirective), { ...{ read: TemplateRef }, isSignal: true }] }], children: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => IconTabBarTabComponent), { isSignal: true }] }] } });
|
|
@@ -1758,7 +1774,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImpor
|
|
|
1758
1774
|
class IconTabBarTemplateService {
|
|
1759
1775
|
constructor() {
|
|
1760
1776
|
this.templates = new Map();
|
|
1761
|
-
this.templatesSignal = signal(new Map(),
|
|
1777
|
+
this.templatesSignal = signal(new Map(), /* @ts-ignore */
|
|
1778
|
+
...(ngDevMode ? [{ debugName: "templatesSignal" }] : /* istanbul ignore next */ []));
|
|
1762
1779
|
}
|
|
1763
1780
|
registerTemplate(id, template) {
|
|
1764
1781
|
this.templates.set(id, template);
|
|
@@ -1779,10 +1796,10 @@ class IconTabBarTemplateService {
|
|
|
1779
1796
|
getAllTemplatesSignal() {
|
|
1780
1797
|
return this.templatesSignal.asReadonly();
|
|
1781
1798
|
}
|
|
1782
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1783
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
1799
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: IconTabBarTemplateService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
1800
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: IconTabBarTemplateService, providedIn: 'root' }); }
|
|
1784
1801
|
}
|
|
1785
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1802
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: IconTabBarTemplateService, decorators: [{
|
|
1786
1803
|
type: Injectable,
|
|
1787
1804
|
args: [{ providedIn: 'root' }]
|
|
1788
1805
|
}] });
|
|
@@ -1800,7 +1817,8 @@ class IconTabBarContentTemplateDirective {
|
|
|
1800
1817
|
* The unique ID for this template. Used to reference the template in tab configurations.
|
|
1801
1818
|
* This ID should be used in the `contentTemplateId` property of the `TabConfig`.
|
|
1802
1819
|
*/
|
|
1803
|
-
this.templateId = input.required(
|
|
1820
|
+
this.templateId = input.required(/* @ts-ignore */
|
|
1821
|
+
...(ngDevMode ? [{ debugName: "templateId" }] : /* istanbul ignore next */ []));
|
|
1804
1822
|
/** Reference to the template element. @hidden */
|
|
1805
1823
|
this.templateRef = inject(TemplateRef);
|
|
1806
1824
|
/** Service to manage templates. @hidden */
|
|
@@ -1812,10 +1830,10 @@ class IconTabBarContentTemplateDirective {
|
|
|
1812
1830
|
ngOnDestroy() {
|
|
1813
1831
|
this.templateService.unregisterTemplate(this.templateId());
|
|
1814
1832
|
}
|
|
1815
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1816
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "
|
|
1833
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: IconTabBarContentTemplateDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1834
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.5", type: IconTabBarContentTemplateDirective, isStandalone: true, selector: "[fdpIconTabBarContentTemplate]", inputs: { templateId: { classPropertyName: "templateId", publicName: "templateId", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0 }); }
|
|
1817
1835
|
}
|
|
1818
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1836
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: IconTabBarContentTemplateDirective, decorators: [{
|
|
1819
1837
|
type: Directive,
|
|
1820
1838
|
args: [{
|
|
1821
1839
|
selector: '[fdpIconTabBarContentTemplate]',
|
|
@@ -1824,10 +1842,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImpor
|
|
|
1824
1842
|
}], propDecorators: { templateId: [{ type: i0.Input, args: [{ isSignal: true, alias: "templateId", required: true }] }] } });
|
|
1825
1843
|
|
|
1826
1844
|
class IconTabBarFreeContentDirective {
|
|
1827
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1828
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
1845
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: IconTabBarFreeContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1846
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.5", type: IconTabBarFreeContentDirective, isStandalone: true, selector: "[fdpIconTabBarFreeContent]", ngImport: i0 }); }
|
|
1829
1847
|
}
|
|
1830
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1848
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: IconTabBarFreeContentDirective, decorators: [{
|
|
1831
1849
|
type: Directive,
|
|
1832
1850
|
args: [{
|
|
1833
1851
|
selector: '[fdpIconTabBarFreeContent]',
|
|
@@ -1857,41 +1875,54 @@ class IconTabBarComponent {
|
|
|
1857
1875
|
*/
|
|
1858
1876
|
this.stackContent = false;
|
|
1859
1877
|
/** Heading level of the tab. */
|
|
1860
|
-
this.tabHeadingLevel = input(null,
|
|
1878
|
+
this.tabHeadingLevel = input(null, /* @ts-ignore */
|
|
1879
|
+
...(ngDevMode ? [{ debugName: "tabHeadingLevel" }] : /* istanbul ignore next */ []));
|
|
1861
1880
|
/** @description Type of tab bar view. */
|
|
1862
|
-
this.iconTabType = input('text',
|
|
1881
|
+
this.iconTabType = input('text', /* @ts-ignore */
|
|
1882
|
+
...(ngDevMode ? [{ debugName: "iconTabType" }] : /* istanbul ignore next */ []));
|
|
1863
1883
|
/**
|
|
1864
1884
|
* @description A tab bar configuration that stores the state of each tab. Based on this configuration, a tab bar is representing.
|
|
1865
1885
|
*/
|
|
1866
|
-
this.tabsConfig = model(
|
|
1886
|
+
this.tabsConfig = model(/* @ts-ignore */
|
|
1887
|
+
...(ngDevMode ? [undefined, { debugName: "tabsConfig" }] : /* istanbul ignore next */ []));
|
|
1867
1888
|
/** @description Density mode. */
|
|
1868
|
-
this.densityMode = model('inherit',
|
|
1889
|
+
this.densityMode = model('inherit', /* @ts-ignore */
|
|
1890
|
+
...(ngDevMode ? [{ debugName: "densityMode" }] : /* istanbul ignore next */ []));
|
|
1869
1891
|
/** @description Icon font */
|
|
1870
|
-
this.iconTabFont = input('SAP-icons',
|
|
1892
|
+
this.iconTabFont = input('SAP-icons', /* @ts-ignore */
|
|
1893
|
+
...(ngDevMode ? [{ debugName: "iconTabFont" }] : /* istanbul ignore next */ []));
|
|
1871
1894
|
/** @description Disable or enable reordering(drag and drop) feature. (supported by text type only) */
|
|
1872
|
-
this.enableTabReordering = input(false,
|
|
1895
|
+
this.enableTabReordering = input(false, /* @ts-ignore */
|
|
1896
|
+
...(ngDevMode ? [{ debugName: "enableTabReordering" }] : /* istanbul ignore next */ []));
|
|
1873
1897
|
/** @description Boolean flag indicating to show total tab.(supported by filter type only) */
|
|
1874
|
-
this.showTotalTab = input(true,
|
|
1898
|
+
this.showTotalTab = input(true, /* @ts-ignore */
|
|
1899
|
+
...(ngDevMode ? [{ debugName: "showTotalTab" }] : /* istanbul ignore next */ []));
|
|
1875
1900
|
/** Whether to render icon tab item as multi-click variant. */
|
|
1876
|
-
this.multiClick = input(false,
|
|
1901
|
+
this.multiClick = input(false, /* @ts-ignore */
|
|
1902
|
+
...(ngDevMode ? [{ debugName: "multiClick" }] : /* istanbul ignore next */ []));
|
|
1877
1903
|
/** @description Layout type for tab (supported by text type only) */
|
|
1878
|
-
this.layoutMode = input('row',
|
|
1904
|
+
this.layoutMode = input('row', /* @ts-ignore */
|
|
1905
|
+
...(ngDevMode ? [{ debugName: "layoutMode" }] : /* istanbul ignore next */ []));
|
|
1879
1906
|
/** @description Icon tab bar background type. */
|
|
1880
|
-
this.iconTabBackground = input('solid',
|
|
1907
|
+
this.iconTabBackground = input('solid', /* @ts-ignore */
|
|
1908
|
+
...(ngDevMode ? [{ debugName: "iconTabBackground" }] : /* istanbul ignore next */ []));
|
|
1881
1909
|
/** @description Icon tab bar size. */
|
|
1882
|
-
this.iconTabSize = input(
|
|
1910
|
+
this.iconTabSize = input(/* @ts-ignore */
|
|
1911
|
+
...(ngDevMode ? [undefined, { debugName: "iconTabSize" }] : /* istanbul ignore next */ []));
|
|
1883
1912
|
/**
|
|
1884
1913
|
* @description Associations for colors of the tabs.
|
|
1885
1914
|
* If any of the color associations provided, they'll be read by screenreader instead of the actual color
|
|
1886
1915
|
*/
|
|
1887
|
-
this.colorAssociations = input(
|
|
1916
|
+
this.colorAssociations = input(/* @ts-ignore */
|
|
1917
|
+
...(ngDevMode ? [undefined, { debugName: "colorAssociations" }] : /* istanbul ignore next */ []));
|
|
1888
1918
|
/** @description If Icon tab bar is used in Settings Dialog */
|
|
1889
|
-
this.settings = input(false, { ...(ngDevMode ? { debugName: "settings" } : {}), transform: booleanAttribute });
|
|
1919
|
+
this.settings = input(false, { ...(ngDevMode ? { debugName: "settings" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
|
|
1890
1920
|
/**
|
|
1891
1921
|
* Maximum height of the content.
|
|
1892
1922
|
* Works only for content-projected tab content.
|
|
1893
1923
|
*/
|
|
1894
|
-
this.maxContentHeight = input('100%',
|
|
1924
|
+
this.maxContentHeight = input('100%', /* @ts-ignore */
|
|
1925
|
+
...(ngDevMode ? [{ debugName: "maxContentHeight" }] : /* istanbul ignore next */ []));
|
|
1895
1926
|
/** @description Emits when some tab is selected. */
|
|
1896
1927
|
this.iconTabSelected = output();
|
|
1897
1928
|
/** @description Emits when user drop tab. */
|
|
@@ -1899,11 +1930,13 @@ class IconTabBarComponent {
|
|
|
1899
1930
|
/** Event emitted when user clicks on x icon in tab. */
|
|
1900
1931
|
this.closeTab = output();
|
|
1901
1932
|
/** @hidden */
|
|
1902
|
-
this.children = contentChildren(IconTabBarTabComponent, { ...(ngDevMode ? { debugName: "children" } : {}), descendants: false });
|
|
1933
|
+
this.children = contentChildren(IconTabBarTabComponent, { ...(ngDevMode ? { debugName: "children" } : /* istanbul ignore next */ {}), descendants: false });
|
|
1903
1934
|
/** @hidden */
|
|
1904
|
-
this._scrollbar = viewChild(ScrollbarDirective,
|
|
1935
|
+
this._scrollbar = viewChild(ScrollbarDirective, /* @ts-ignore */
|
|
1936
|
+
...(ngDevMode ? [{ debugName: "_scrollbar" }] : /* istanbul ignore next */ []));
|
|
1905
1937
|
/** @hidden */
|
|
1906
|
-
this.tabDirectives = viewChildren(IconTabBarTabContentDirective,
|
|
1938
|
+
this.tabDirectives = viewChildren(IconTabBarTabContentDirective, /* @ts-ignore */
|
|
1939
|
+
...(ngDevMode ? [{ debugName: "tabDirectives" }] : /* istanbul ignore next */ []));
|
|
1907
1940
|
/** @hidden */
|
|
1908
1941
|
this._disableScrollSpy = false;
|
|
1909
1942
|
/** @hidden */
|
|
@@ -1911,21 +1944,26 @@ class IconTabBarComponent {
|
|
|
1911
1944
|
/** @hidden */
|
|
1912
1945
|
this.activeTab = null;
|
|
1913
1946
|
/** @hidden */
|
|
1914
|
-
this._selectedUid = signal(undefined,
|
|
1947
|
+
this._selectedUid = signal(undefined, /* @ts-ignore */
|
|
1948
|
+
...(ngDevMode ? [{ debugName: "_selectedUid" }] : /* istanbul ignore next */ []));
|
|
1915
1949
|
/** @hidden */
|
|
1916
|
-
this._flatTabs$ = computed(() => this._generateFlatTabs(this._tabs$()),
|
|
1950
|
+
this._flatTabs$ = computed(() => this._generateFlatTabs(this._tabs$()), /* @ts-ignore */
|
|
1951
|
+
...(ngDevMode ? [{ debugName: "_flatTabs$" }] : /* istanbul ignore next */ []));
|
|
1917
1952
|
/** @hidden */
|
|
1918
|
-
this._tabRenderer$ = signal(null,
|
|
1953
|
+
this._tabRenderer$ = signal(null, /* @ts-ignore */
|
|
1954
|
+
...(ngDevMode ? [{ debugName: "_tabRenderer$" }] : /* istanbul ignore next */ []));
|
|
1919
1955
|
/** @hidden */
|
|
1920
1956
|
this._templateMap$ = computed(() =>
|
|
1921
1957
|
// Access the template service signal to get all registered templates reactively
|
|
1922
|
-
this.templateService.getAllTemplatesSignal()(),
|
|
1958
|
+
this.templateService.getAllTemplatesSignal()(), /* @ts-ignore */
|
|
1959
|
+
...(ngDevMode ? [{ debugName: "_templateMap$" }] : /* istanbul ignore next */ []));
|
|
1923
1960
|
/** @hidden */
|
|
1924
1961
|
this._tabs$ = computed(() => {
|
|
1925
1962
|
const config = this._tabsConfig$();
|
|
1926
1963
|
const templateMap = this._templateMap$();
|
|
1927
1964
|
return this._generateTabBarItems(this._applyTemplateMapping(config, templateMap));
|
|
1928
|
-
},
|
|
1965
|
+
}, /* @ts-ignore */
|
|
1966
|
+
...(ngDevMode ? [{ debugName: "_tabs$" }] : /* istanbul ignore next */ []));
|
|
1929
1967
|
/** @hidden */
|
|
1930
1968
|
this._tabsConfig$ = computed(() => {
|
|
1931
1969
|
const tabConfig = this.tabsConfig();
|
|
@@ -1937,9 +1975,11 @@ class IconTabBarComponent {
|
|
|
1937
1975
|
return [];
|
|
1938
1976
|
}
|
|
1939
1977
|
return children.map((t) => this._generateTabConfig(t));
|
|
1940
|
-
},
|
|
1978
|
+
}, /* @ts-ignore */
|
|
1979
|
+
...(ngDevMode ? [{ debugName: "_tabsConfig$" }] : /* istanbul ignore next */ []));
|
|
1941
1980
|
/** @hidden */
|
|
1942
|
-
this.isRtl = computed(() => this._rtlService?.rtl() ?? false,
|
|
1981
|
+
this.isRtl = computed(() => this._rtlService?.rtl() ?? false, /* @ts-ignore */
|
|
1982
|
+
...(ngDevMode ? [{ debugName: "isRtl" }] : /* istanbul ignore next */ []));
|
|
1943
1983
|
/** @hidden Initialize active tab when tabs change */
|
|
1944
1984
|
this._initActiveTabEffect = effect(() => {
|
|
1945
1985
|
const flatTabs = this._flatTabs$();
|
|
@@ -1949,14 +1989,16 @@ class IconTabBarComponent {
|
|
|
1949
1989
|
this._tabRenderer$.set(activeTab);
|
|
1950
1990
|
this.activeTab = activeTab;
|
|
1951
1991
|
}
|
|
1952
|
-
},
|
|
1992
|
+
}, /* @ts-ignore */
|
|
1993
|
+
...(ngDevMode ? [{ debugName: "_initActiveTabEffect" }] : /* istanbul ignore next */ []));
|
|
1953
1994
|
/** @hidden */
|
|
1954
1995
|
this._destroyRef = inject(DestroyRef);
|
|
1955
1996
|
/** @hidden */
|
|
1956
1997
|
this._inDynamicPage = !!inject(FD_DYNAMIC_PAGE, { optional: true });
|
|
1957
1998
|
/** @hidden Template service */
|
|
1958
1999
|
this.templateService = inject(IconTabBarTemplateService);
|
|
1959
|
-
this._iconTabBarCmp = viewChild(IconTabBarBase,
|
|
2000
|
+
this._iconTabBarCmp = viewChild(IconTabBarBase, /* @ts-ignore */
|
|
2001
|
+
...(ngDevMode ? [{ debugName: "_iconTabBarCmp" }] : /* istanbul ignore next */ []));
|
|
1960
2002
|
/** @hidden */
|
|
1961
2003
|
this._rtlService = inject(RtlService, { optional: true });
|
|
1962
2004
|
}
|
|
@@ -2129,15 +2171,15 @@ class IconTabBarComponent {
|
|
|
2129
2171
|
}, []);
|
|
2130
2172
|
return flatTabs;
|
|
2131
2173
|
}
|
|
2132
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2133
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
2174
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: IconTabBarComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1$1.ContentDensityService, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2175
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", 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: [
|
|
2134
2176
|
{
|
|
2135
2177
|
provide: FD_TABLIST,
|
|
2136
2178
|
useExisting: IconTabBarComponent
|
|
2137
2179
|
}
|
|
2138
|
-
], 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]=\"isRtl()\"\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]=\"isRtl()\"\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]=\"isRtl()\"\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]=\"isRtl()\"\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(--sapButton_BorderCornerRadius);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_Focus_Border_Radius);content:\"\";display:block;inset:.0625rem;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_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;height:auto;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(--sapFontSemiboldDuplexFamily);font-size:var(--sapFontSize);font-style:normal;line-height:normal;max-width:100%;white-space:normal;width:100%}.fd-list--subline .fd-list__title--truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.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-size:var(--sapFontSize);font-style:normal;font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;max-width:100%;padding-block:0;padding-inline:0;white-space:normal;width:100%}.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__subline--truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.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--search-results .fd-list__item .fd-list__subline,.fd-list--search-results .fd-list__item .fd-list__title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:var(--sapFontSize);overflow:hidden;text-overflow:ellipsis;white-space:normal}.fd-list--search-results .fd-list__item--byline{height:auto;padding-block:.5rem}.fd-list--search-results .fd-list__item--byline .fd-list__title{font-size:var(--sapFontSize);font-weight:400}.fd-list--search-results .fd-list__item--byline .fd-list__subline{color:var(--sapContent_LabelColor);-webkit-margin-before:.25rem;margin-block-start:.25rem}.fd-list--search-results .fd-list__item--byline .fd-list__content{overflow:hidden}.fd-list--search-results .fd-list__item--suggestion .fd-list__info-label{-webkit-margin-end:.5rem;margin-inline-end:.5rem}.fd-list--search-results .fd-list__item--suggestion .fd-list__icon [class*=sap-icon]:first-child,.fd-list--search-results .fd-list__item--suggestion .fd-list__icon[class*=sap-icon]:first-child{-webkit-margin-start:-.5rem;margin-inline-start:-.5rem}.fd-list--search-results .fd-list__item--suggestion .fd-list__title--scope{color:var(--sapContent_LabelColor)}.fd-list--search-results .fd-list__item--byline,.fd-list--search-results .fd-list__item--suggestion{border-bottom:transparent}.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.41.8\n * Copyright (c) 2026 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 }); }
|
|
2180
|
+
], 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($safeNavigationMigration($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]=\"isRtl()\"\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]=\"isRtl()\"\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]=\"isRtl()\"\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]=\"isRtl()\"\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(--sapButton_BorderCornerRadius);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_Focus_Border_Radius);content:\"\";display:block;inset:.0625rem;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_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;height:auto;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(--sapFontSemiboldDuplexFamily);font-size:var(--sapFontSize);font-style:normal;line-height:normal;max-width:100%;white-space:normal;width:100%}.fd-list--subline .fd-list__title--truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.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-size:var(--sapFontSize);font-style:normal;font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;max-width:100%;padding-block:0;padding-inline:0;white-space:normal;width:100%}.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__subline--truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.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--search-results .fd-list__item .fd-list__subline,.fd-list--search-results .fd-list__item .fd-list__title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:var(--sapFontSize);overflow:hidden;text-overflow:ellipsis;white-space:normal}.fd-list--search-results .fd-list__item--byline{height:auto;padding-block:.5rem}.fd-list--search-results .fd-list__item--byline .fd-list__title{font-size:var(--sapFontSize);font-weight:400}.fd-list--search-results .fd-list__item--byline .fd-list__subline{color:var(--sapContent_LabelColor);-webkit-margin-before:.25rem;margin-block-start:.25rem}.fd-list--search-results .fd-list__item--byline .fd-list__content{overflow:hidden}.fd-list--search-results .fd-list__item--suggestion .fd-list__info-label{-webkit-margin-end:.5rem;margin-inline-end:.5rem}.fd-list--search-results .fd-list__item--suggestion .fd-list__icon [class*=sap-icon]:first-child,.fd-list--search-results .fd-list__item--suggestion .fd-list__icon[class*=sap-icon]:first-child{-webkit-margin-start:-.5rem;margin-inline-start:-.5rem}.fd-list--search-results .fd-list__item--suggestion .fd-list__title--scope{color:var(--sapContent_LabelColor)}.fd-list--search-results .fd-list__item--byline,.fd-list--search-results .fd-list__item--suggestion{border-bottom:transparent}.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.41.8\n * Copyright (c) 2026 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 }); }
|
|
2139
2181
|
}
|
|
2140
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2182
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: IconTabBarComponent, decorators: [{
|
|
2141
2183
|
type: Component,
|
|
2142
2184
|
args: [{ selector: 'fdp-icon-tab-bar', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [
|
|
2143
2185
|
{
|
|
@@ -2155,7 +2197,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImpor
|
|
|
2155
2197
|
IconTabBarTabContentDirective
|
|
2156
2198
|
], host: {
|
|
2157
2199
|
'[class.fd-settings__tab-bar]': 'settings()'
|
|
2158
|
-
}, 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]=\"isRtl()\"\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]=\"isRtl()\"\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]=\"isRtl()\"\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]=\"isRtl()\"\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(--sapButton_BorderCornerRadius);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_Focus_Border_Radius);content:\"\";display:block;inset:.0625rem;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_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;height:auto;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(--sapFontSemiboldDuplexFamily);font-size:var(--sapFontSize);font-style:normal;line-height:normal;max-width:100%;white-space:normal;width:100%}.fd-list--subline .fd-list__title--truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.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-size:var(--sapFontSize);font-style:normal;font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;max-width:100%;padding-block:0;padding-inline:0;white-space:normal;width:100%}.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__subline--truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.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--search-results .fd-list__item .fd-list__subline,.fd-list--search-results .fd-list__item .fd-list__title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:var(--sapFontSize);overflow:hidden;text-overflow:ellipsis;white-space:normal}.fd-list--search-results .fd-list__item--byline{height:auto;padding-block:.5rem}.fd-list--search-results .fd-list__item--byline .fd-list__title{font-size:var(--sapFontSize);font-weight:400}.fd-list--search-results .fd-list__item--byline .fd-list__subline{color:var(--sapContent_LabelColor);-webkit-margin-before:.25rem;margin-block-start:.25rem}.fd-list--search-results .fd-list__item--byline .fd-list__content{overflow:hidden}.fd-list--search-results .fd-list__item--suggestion .fd-list__info-label{-webkit-margin-end:.5rem;margin-inline-end:.5rem}.fd-list--search-results .fd-list__item--suggestion .fd-list__icon [class*=sap-icon]:first-child,.fd-list--search-results .fd-list__item--suggestion .fd-list__icon[class*=sap-icon]:first-child{-webkit-margin-start:-.5rem;margin-inline-start:-.5rem}.fd-list--search-results .fd-list__item--suggestion .fd-list__title--scope{color:var(--sapContent_LabelColor)}.fd-list--search-results .fd-list__item--byline,.fd-list--search-results .fd-list__item--suggestion{border-bottom:transparent}.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.41.8\n * Copyright (c) 2026 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"] }]
|
|
2200
|
+
}, 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($safeNavigationMigration($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]=\"isRtl()\"\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]=\"isRtl()\"\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]=\"isRtl()\"\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]=\"isRtl()\"\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(--sapButton_BorderCornerRadius);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_Focus_Border_Radius);content:\"\";display:block;inset:.0625rem;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_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;height:auto;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(--sapFontSemiboldDuplexFamily);font-size:var(--sapFontSize);font-style:normal;line-height:normal;max-width:100%;white-space:normal;width:100%}.fd-list--subline .fd-list__title--truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.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-size:var(--sapFontSize);font-style:normal;font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;max-width:100%;padding-block:0;padding-inline:0;white-space:normal;width:100%}.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__subline--truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.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--search-results .fd-list__item .fd-list__subline,.fd-list--search-results .fd-list__item .fd-list__title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:var(--sapFontSize);overflow:hidden;text-overflow:ellipsis;white-space:normal}.fd-list--search-results .fd-list__item--byline{height:auto;padding-block:.5rem}.fd-list--search-results .fd-list__item--byline .fd-list__title{font-size:var(--sapFontSize);font-weight:400}.fd-list--search-results .fd-list__item--byline .fd-list__subline{color:var(--sapContent_LabelColor);-webkit-margin-before:.25rem;margin-block-start:.25rem}.fd-list--search-results .fd-list__item--byline .fd-list__content{overflow:hidden}.fd-list--search-results .fd-list__item--suggestion .fd-list__info-label{-webkit-margin-end:.5rem;margin-inline-end:.5rem}.fd-list--search-results .fd-list__item--suggestion .fd-list__icon [class*=sap-icon]:first-child,.fd-list--search-results .fd-list__item--suggestion .fd-list__icon[class*=sap-icon]:first-child{-webkit-margin-start:-.5rem;margin-inline-start:-.5rem}.fd-list--search-results .fd-list__item--suggestion .fd-list__title--scope{color:var(--sapContent_LabelColor)}.fd-list--search-results .fd-list__item--byline,.fd-list--search-results .fd-list__item--suggestion{border-bottom:transparent}.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.41.8\n * Copyright (c) 2026 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"] }]
|
|
2159
2201
|
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i1$1.ContentDensityService, decorators: [{
|
|
2160
2202
|
type: Optional
|
|
2161
2203
|
}] }], propDecorators: { stackContent: [{
|
|
@@ -2192,8 +2234,8 @@ const FDP_ICON_TAB_BAR = [
|
|
|
2192
2234
|
* Import `IconTabBarComponent` directly instead.
|
|
2193
2235
|
*/
|
|
2194
2236
|
class PlatformIconTabBarModule {
|
|
2195
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2196
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
2237
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: PlatformIconTabBarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
2238
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.5", ngImport: i0, type: PlatformIconTabBarModule, imports: [IconTabBarComponent,
|
|
2197
2239
|
IconTabBarTextTypeComponent,
|
|
2198
2240
|
IconTabBarIconTypeComponent,
|
|
2199
2241
|
IconTabBarProcessTypeComponent,
|
|
@@ -2218,7 +2260,7 @@ class PlatformIconTabBarModule {
|
|
|
2218
2260
|
IconTabBarTabComponent,
|
|
2219
2261
|
IconTabBarContentTemplateDirective,
|
|
2220
2262
|
IconTabBarFreeContentDirective] }); }
|
|
2221
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
2263
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: PlatformIconTabBarModule, imports: [IconTabBarComponent,
|
|
2222
2264
|
IconTabBarTextTypeComponent,
|
|
2223
2265
|
IconTabBarIconTypeComponent,
|
|
2224
2266
|
IconTabBarProcessTypeComponent,
|
|
@@ -2226,7 +2268,7 @@ class PlatformIconTabBarModule {
|
|
|
2226
2268
|
IconTabBarPopoverComponent,
|
|
2227
2269
|
TextTypePopoverComponent] }); }
|
|
2228
2270
|
}
|
|
2229
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2271
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: PlatformIconTabBarModule, decorators: [{
|
|
2230
2272
|
type: NgModule,
|
|
2231
2273
|
args: [{
|
|
2232
2274
|
imports: [...components],
|