@fundamental-ngx/core 0.62.0-rc.71 → 0.62.0-rc.73
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.
|
@@ -1,14 +1,12 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { InjectionToken, input, output, inject, ElementRef, signal, computed, Directive, EventEmitter, contentChildren, DestroyRef,
|
|
2
|
+
import { InjectionToken, input, output, inject, ElementRef, signal, computed, Directive, EventEmitter, contentChildren, DestroyRef, effect, ContentChildren, Output, contentChild, model, forwardRef, ChangeDetectionStrategy, ViewEncapsulation, Component, TemplateRef, ChangeDetectorRef, booleanAttribute, NgModule } from '@angular/core';
|
|
3
3
|
import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
|
|
4
|
-
import
|
|
5
|
-
import {
|
|
6
|
-
import { Subject, startWith, merge, map, takeUntil, Subscription, tap } from 'rxjs';
|
|
4
|
+
import { RtlService, KeyboardSupportService, destroyObservable } from '@fundamental-ngx/cdk/utils';
|
|
5
|
+
import { Subject, startWith, merge, map, takeUntil, tap } from 'rxjs';
|
|
7
6
|
import { coerceNumberProperty } from '@angular/cdk/coercion';
|
|
8
|
-
import {
|
|
9
|
-
import * as i1$1 from '@fundamental-ngx/core/content-density';
|
|
10
|
-
import { contentDensityObserverProviders, ContentDensityModule } from '@fundamental-ngx/core/content-density';
|
|
7
|
+
import { ContentDensityObserver, contentDensityObserverProviders, ContentDensityModule } from '@fundamental-ngx/core/content-density';
|
|
11
8
|
import { ObjectStatusComponent, OBJECT_STATUS_CLASS_NAME } from '@fundamental-ngx/core/object-status';
|
|
9
|
+
import { resolveTranslationSignal, FdTranslatePipe } from '@fundamental-ngx/i18n';
|
|
12
10
|
import { NgTemplateOutlet } from '@angular/common';
|
|
13
11
|
import { FD_AVATAR_COMPONENT } from '@fundamental-ngx/core/avatar';
|
|
14
12
|
|
|
@@ -100,8 +98,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImpor
|
|
|
100
98
|
|
|
101
99
|
class CardListDirective {
|
|
102
100
|
/** @hidden */
|
|
103
|
-
constructor(
|
|
104
|
-
this._keyboardSupportService = _keyboardSupportService;
|
|
101
|
+
constructor() {
|
|
105
102
|
/**
|
|
106
103
|
* an event thrown, when focus escapes the list
|
|
107
104
|
*/
|
|
@@ -132,6 +129,16 @@ class CardListDirective {
|
|
|
132
129
|
* for unsubscribing
|
|
133
130
|
*/
|
|
134
131
|
this._onRefresh$ = new Subject();
|
|
132
|
+
/** @hidden */
|
|
133
|
+
this._rtlService = inject(RtlService, { optional: true });
|
|
134
|
+
/** @hidden */
|
|
135
|
+
this._keyboardSupportService = inject((KeyboardSupportService));
|
|
136
|
+
/** @hidden */
|
|
137
|
+
this._isRtl = computed(() => this._rtlService?.rtl() ?? false, ...(ngDevMode ? [{ debugName: "_isRtl" }] : []));
|
|
138
|
+
effect(() => {
|
|
139
|
+
const orientation = this._isRtl() ? 'rtl' : 'ltr';
|
|
140
|
+
this._keyboardSupportService.keyManager?.withHorizontalOrientation(orientation);
|
|
141
|
+
});
|
|
135
142
|
}
|
|
136
143
|
/** @hidden */
|
|
137
144
|
keyDownHandler(event) {
|
|
@@ -165,6 +172,7 @@ class CardListDirective {
|
|
|
165
172
|
/** @hidden */
|
|
166
173
|
ngAfterContentInit() {
|
|
167
174
|
this._keyboardSupportService.setKeyboardService(this._focusItems, false, false);
|
|
175
|
+
this._keyboardSupportService.keyManager.withHorizontalOrientation(this._isRtl() ? 'rtl' : 'ltr');
|
|
168
176
|
this._listenOnQueryChange();
|
|
169
177
|
}
|
|
170
178
|
/** @hidden */
|
|
@@ -196,7 +204,7 @@ class CardListDirective {
|
|
|
196
204
|
.pipe(takeUntilDestroyed(this._destroyRef))
|
|
197
205
|
.subscribe((direction) => this.focusEscapeList.emit(direction));
|
|
198
206
|
}
|
|
199
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: CardListDirective, deps: [
|
|
207
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: CardListDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
200
208
|
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "21.1.0", type: CardListDirective, isStandalone: true, selector: "[fd-card-list]", inputs: { keyboardSupport: { classPropertyName: "keyboardSupport", publicName: "keyboardSupport", isSignal: true, isRequired: false, transformFunction: null }, ariaRoleDescription: { classPropertyName: "ariaRoleDescription", publicName: "ariaRoleDescription", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { focusEscapeList: "focusEscapeList" }, host: { attributes: { "role": "list" }, listeners: { "keydown": "keyDownHandler($event)" }, properties: { "attr.aria-roledescription": "ariaRoleDescription()", "attr.aria-label": "ariaLabel()" } }, providers: [KeyboardSupportService], queries: [{ propertyName: "_cards", predicate: FD_CARD, isSignal: true }, { propertyName: "_focusItems", predicate: CardFocusItem }], ngImport: i0 }); }
|
|
201
209
|
}
|
|
202
210
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: CardListDirective, decorators: [{
|
|
@@ -204,28 +212,32 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImpor
|
|
|
204
212
|
args: [{
|
|
205
213
|
// eslint-disable-next-line @angular-eslint/directive-selector
|
|
206
214
|
selector: '[fd-card-list]',
|
|
207
|
-
standalone: true,
|
|
208
215
|
host: {
|
|
209
216
|
role: 'list',
|
|
210
217
|
'[attr.aria-roledescription]': 'ariaRoleDescription()',
|
|
211
|
-
'[attr.aria-label]': 'ariaLabel()'
|
|
218
|
+
'[attr.aria-label]': 'ariaLabel()',
|
|
219
|
+
'(keydown)': 'keyDownHandler($event)'
|
|
212
220
|
},
|
|
213
221
|
providers: [KeyboardSupportService]
|
|
214
222
|
}]
|
|
215
|
-
}], ctorParameters: () => [
|
|
223
|
+
}], ctorParameters: () => [], propDecorators: { focusEscapeList: [{
|
|
216
224
|
type: Output
|
|
217
225
|
}], _focusItems: [{
|
|
218
226
|
type: ContentChildren,
|
|
219
227
|
args: [CardFocusItem]
|
|
220
|
-
}], keyboardSupport: [{ type: i0.Input, args: [{ isSignal: true, alias: "keyboardSupport", required: false }] }], ariaRoleDescription: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaRoleDescription", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], _cards: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => FD_CARD), { isSignal: true }] }]
|
|
221
|
-
type: HostListener,
|
|
222
|
-
args: ['keydown', ['$event']]
|
|
223
|
-
}] } });
|
|
228
|
+
}], keyboardSupport: [{ type: i0.Input, args: [{ isSignal: true, alias: "keyboardSupport", required: false }] }], ariaRoleDescription: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaRoleDescription", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], _cards: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => FD_CARD), { isSignal: true }] }] } });
|
|
224
229
|
|
|
225
230
|
const CLASS_NAME = {
|
|
226
231
|
card: 'fd-card',
|
|
227
232
|
cardHeader: 'fd-card__header',
|
|
228
233
|
cardHeaderNonInteractive: 'fd-card__header--non-interactive',
|
|
234
|
+
cardHeaderInteractive: 'fd-card__header--interactive',
|
|
235
|
+
cardHeaderRow: 'fd-card__header-row',
|
|
236
|
+
cardHeaderColumn: 'fd-card__header-column',
|
|
237
|
+
cardHeaderColumnRightAligned: 'fd-card__header-column--right-aligned',
|
|
238
|
+
cardHeaderExtended: 'fd-card__header-extended',
|
|
239
|
+
cardHeaderExtendedTopAligned: 'fd-card__header-extended--top-aligned',
|
|
240
|
+
cardHeaderExtendedBottomAligned: 'fd-card__header-extended--bottom-aligned',
|
|
229
241
|
cardTitle: 'fd-card__title',
|
|
230
242
|
cardSubtitle: 'fd-card__subtitle',
|
|
231
243
|
cardSecondSubtitle: 'fd-card__second-subtitle',
|
|
@@ -236,43 +248,38 @@ const CLASS_NAME = {
|
|
|
236
248
|
cardAnalyticsKpiValue: 'fd-numeric-content__kpi',
|
|
237
249
|
cardAnalyticsScaleIcon: 'fd-numeric-content__scale-arrow',
|
|
238
250
|
cardAnalyticsScaleText: 'fd-numeric-content__scale-text',
|
|
251
|
+
cardIndicator: 'fd-card__indicator',
|
|
252
|
+
cardIndicatorTitle: 'fd-card__indicator-title',
|
|
253
|
+
cardIndicatorValue: 'fd-card__indicator-value',
|
|
254
|
+
cardNumericContainer: 'fd-card__numeric-container',
|
|
239
255
|
cardCounter: 'fd-card__counter',
|
|
240
256
|
cardBadge: 'fd-card__badge',
|
|
241
257
|
cardContent: 'fd-card__content',
|
|
242
258
|
cardFooter: 'fd-card__footer',
|
|
243
|
-
cardLoader: 'fd-card__loader'
|
|
259
|
+
cardLoader: 'fd-card__loader',
|
|
260
|
+
cardMedia: 'fd-card__media',
|
|
261
|
+
cardMediaWithPadding: 'fd-card__media--with-padding',
|
|
262
|
+
cardMediaContentContainer: 'fd-card__media-content-container',
|
|
263
|
+
cardMediaContentContainerOverlay: 'fd-card__media-content-container--overlay',
|
|
264
|
+
cardMediaHeading: 'fd-card__media-heading',
|
|
265
|
+
cardMediaImageContainer: 'fd-card__media-image-container',
|
|
266
|
+
cardMediaImage: 'fd-card__media-image',
|
|
267
|
+
cardMediaText: 'fd-card__media-text'
|
|
244
268
|
};
|
|
245
269
|
|
|
246
|
-
const buildModifierClassName = (className) => `${CLASS_NAME.card}--${className}`;
|
|
247
|
-
const getCardModifierClassNameByCardType = (cardType) => {
|
|
248
|
-
switch (cardType) {
|
|
249
|
-
case 'standard':
|
|
250
|
-
case 'component':
|
|
251
|
-
case 'list':
|
|
252
|
-
case 'banner':
|
|
253
|
-
case 'analytical':
|
|
254
|
-
case 'table':
|
|
255
|
-
case 'object':
|
|
256
|
-
return buildModifierClassName(cardType);
|
|
257
|
-
default:
|
|
258
|
-
return '';
|
|
259
|
-
}
|
|
260
|
-
};
|
|
261
|
-
/** @hidden */
|
|
262
|
-
function isTruthy(value) {
|
|
263
|
-
return !!value;
|
|
264
|
-
}
|
|
265
|
-
|
|
266
270
|
let cardId = 0;
|
|
267
271
|
class CardComponent extends CardFocusItem {
|
|
268
|
-
|
|
269
|
-
constructor(elementRef, _contentDensityObserver) {
|
|
272
|
+
constructor() {
|
|
270
273
|
super();
|
|
271
|
-
this.elementRef = elementRef;
|
|
272
|
-
this._contentDensityObserver = _contentDensityObserver;
|
|
273
274
|
/** @hidden */
|
|
274
275
|
this.cardTitle = contentChild(FD_CARD_TITLE, ...(ngDevMode ? [{ debugName: "cardTitle" }] : []));
|
|
275
276
|
/** @hidden */
|
|
277
|
+
this.cardSubtitle = contentChild(FD_CARD_SUBTITLE, ...(ngDevMode ? [{ debugName: "cardSubtitle" }] : []));
|
|
278
|
+
/** @hidden */
|
|
279
|
+
this.cardSecondSubtitle = contentChild(FD_CARD_SECOND_SUBTITLE, ...(ngDevMode ? [{ debugName: "cardSecondSubtitle" }] : []));
|
|
280
|
+
/** @hidden */
|
|
281
|
+
this.cardCounter = contentChild(FD_CARD_COUNTER, ...(ngDevMode ? [{ debugName: "cardCounter" }] : []));
|
|
282
|
+
/** @hidden */
|
|
276
283
|
this.cardMediaHeading = contentChild(FD_CARD_MEDIA_HEADING, ...(ngDevMode ? [{ debugName: "cardMediaHeading" }] : []));
|
|
277
284
|
/**
|
|
278
285
|
* text for the card badge
|
|
@@ -338,7 +345,7 @@ class CardComponent extends CardFocusItem {
|
|
|
338
345
|
*/
|
|
339
346
|
this.isLoading = input(false, ...(ngDevMode ? [{ debugName: "isLoading" }] : []));
|
|
340
347
|
/**
|
|
341
|
-
* set the
|
|
348
|
+
* set the Card type
|
|
342
349
|
* options: 'object' | 'standard' | 'component' | 'analytical' | 'list' | 'table' | 'quickView' | 'linkList' | 'banner'
|
|
343
350
|
* default: 'standard'
|
|
344
351
|
*
|
|
@@ -353,12 +360,12 @@ class CardComponent extends CardFocusItem {
|
|
|
353
360
|
* card aria-roledescription
|
|
354
361
|
* default: 'Card'
|
|
355
362
|
*/
|
|
356
|
-
this.ariaRoledescription = input(
|
|
363
|
+
this.ariaRoledescription = input(...(ngDevMode ? [undefined, { debugName: "ariaRoledescription" }] : []));
|
|
357
364
|
/**
|
|
358
365
|
* card aria-description
|
|
359
|
-
*
|
|
366
|
+
* Overrides the default translated aria description.
|
|
360
367
|
*/
|
|
361
|
-
this.ariaDescription = input(
|
|
368
|
+
this.ariaDescription = input(...(ngDevMode ? [undefined, { debugName: "ariaDescription" }] : []));
|
|
362
369
|
/**
|
|
363
370
|
* card aria-label
|
|
364
371
|
* used when there's no title describing the card
|
|
@@ -387,37 +394,85 @@ class CardComponent extends CardFocusItem {
|
|
|
387
394
|
* value for aria-setsize
|
|
388
395
|
*/
|
|
389
396
|
this.ariaSetsize = model(...(ngDevMode ? [undefined, { debugName: "ariaSetsize" }] : []));
|
|
397
|
+
/**
|
|
398
|
+
* Additional IDs to include in aria-describedby attribute
|
|
399
|
+
* Can be used to reference additional descriptive content
|
|
400
|
+
*/
|
|
401
|
+
this.ariaDescribedby = input(...(ngDevMode ? [undefined, { debugName: "ariaDescribedby" }] : []));
|
|
402
|
+
/** @hidden */
|
|
403
|
+
this.contentDensityObserver = inject(ContentDensityObserver);
|
|
404
|
+
/** @hidden */
|
|
405
|
+
this.elementRef = inject(ElementRef);
|
|
390
406
|
/**
|
|
391
407
|
* @hidden
|
|
392
408
|
* Implementation of KeyboardSupportItemInterface
|
|
393
409
|
*/
|
|
394
410
|
this.keyDown = output();
|
|
395
|
-
/** @hidden */
|
|
396
|
-
this.
|
|
397
|
-
|
|
411
|
+
/** @hidden Default translated aria description */
|
|
412
|
+
this.defaultAriaDescription = resolveTranslationSignal('coreCard.ariaDescription');
|
|
413
|
+
/** @hidden Resolved aria description: input overrides translated default */
|
|
414
|
+
this.resolvedAriaDescription = computed(() => this.ariaDescription() || this.defaultAriaDescription(), ...(ngDevMode ? [{ debugName: "resolvedAriaDescription" }] : []));
|
|
415
|
+
/** @hidden ID for the visually hidden span announcing the card description */
|
|
416
|
+
this.ariaDescriptionId = computed(() => `${this.id()}-description`, ...(ngDevMode ? [{ debugName: "ariaDescriptionId" }] : []));
|
|
417
|
+
/** @hidden ID for the visually hidden span announcing the card role description */
|
|
418
|
+
this.ariaRoleDescriptionId = computed(() => `${this.id()}-role-description`, ...(ngDevMode ? [{ debugName: "ariaRoleDescriptionId" }] : []));
|
|
419
|
+
/** @hidden Badge ID for first badge */
|
|
420
|
+
this.badgeId = computed(() => (this.badge() || this.badgeIcon() ? `${this.id()}-badge` : null), ...(ngDevMode ? [{ debugName: "badgeId" }] : []));
|
|
421
|
+
/** @hidden Second badge ID */
|
|
422
|
+
this.secondBadgeId = computed(() => this.secondBadge() || this.secondBadgeIcon() ? `${this.id()}-second-badge` : null, ...(ngDevMode ? [{ debugName: "secondBadgeId" }] : []));
|
|
423
|
+
/** @hidden Computed aria-describedby value */
|
|
424
|
+
this.ariaDescribedbyComputed = computed(() => {
|
|
425
|
+
const ids = [];
|
|
426
|
+
// Add subtitle ID if it exists
|
|
427
|
+
if (this.cardSubtitle()) {
|
|
428
|
+
ids.push(this.cardSubtitle().id());
|
|
429
|
+
}
|
|
430
|
+
// Add second subtitle ID if it exists
|
|
431
|
+
if (this.cardSecondSubtitle()) {
|
|
432
|
+
ids.push(this.cardSecondSubtitle().id());
|
|
433
|
+
}
|
|
434
|
+
// Add counter ID if it exists
|
|
435
|
+
if (this.cardCounter()) {
|
|
436
|
+
ids.push(this.cardCounter().id());
|
|
437
|
+
}
|
|
438
|
+
// Add role description ID for screen readers to announce card type and role description
|
|
439
|
+
ids.push(this.ariaRoleDescriptionId());
|
|
440
|
+
// Add description ID if role is listitem
|
|
441
|
+
if (this.role() === 'listitem') {
|
|
442
|
+
ids.push(this.ariaDescriptionId());
|
|
443
|
+
}
|
|
444
|
+
// Add badge IDs if badges are present
|
|
445
|
+
if (this.badgeId()) {
|
|
446
|
+
ids.push(this.badgeId());
|
|
447
|
+
}
|
|
448
|
+
if (this.secondBadgeId()) {
|
|
449
|
+
ids.push(this.secondBadgeId());
|
|
450
|
+
}
|
|
451
|
+
// Add any additional IDs provided by user
|
|
452
|
+
if (this.ariaDescribedby()) {
|
|
453
|
+
ids.push(this.ariaDescribedby());
|
|
454
|
+
}
|
|
455
|
+
return ids.length > 0 ? ids.join(' ') : null;
|
|
456
|
+
}, ...(ngDevMode ? [{ debugName: "ariaDescribedbyComputed" }] : []));
|
|
457
|
+
this.cssClass = computed(() => {
|
|
458
|
+
let classes = CLASS_NAME.card;
|
|
459
|
+
const cardType = this.cardType();
|
|
460
|
+
if (cardType) {
|
|
461
|
+
classes += ` ${CLASS_NAME.card}--${cardType}`;
|
|
462
|
+
}
|
|
463
|
+
if (this.interactive()) {
|
|
464
|
+
classes += ` ${CLASS_NAME.card}--interactive`;
|
|
465
|
+
}
|
|
466
|
+
return classes;
|
|
467
|
+
}, ...(ngDevMode ? [{ debugName: "cssClass" }] : []));
|
|
468
|
+
this.contentDensityObserver.subscribe();
|
|
398
469
|
}
|
|
399
470
|
/** @hidden */
|
|
400
471
|
keydownHandler(event) {
|
|
401
472
|
this.keyDown.emit(event);
|
|
402
473
|
}
|
|
403
|
-
|
|
404
|
-
|
|
405
|
-
return [CLASS_NAME.card, this.cardType() ? getCardModifierClassNameByCardType(this.cardType()) : ''];
|
|
406
|
-
}
|
|
407
|
-
/** @hidden */
|
|
408
|
-
ngOnChanges() {
|
|
409
|
-
this.buildComponentCssClass();
|
|
410
|
-
}
|
|
411
|
-
/** @hidden */
|
|
412
|
-
ngOnInit() {
|
|
413
|
-
this.buildComponentCssClass();
|
|
414
|
-
}
|
|
415
|
-
/** @hidden */
|
|
416
|
-
ngOnDestroy() {
|
|
417
|
-
this._subscriptions.unsubscribe();
|
|
418
|
-
}
|
|
419
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: CardComponent, deps: [{ token: i0.ElementRef }, { token: i1$1.ContentDensityObserver }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
420
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.0", type: CardComponent, isStandalone: true, selector: "fd-card", inputs: { badge: { classPropertyName: "badge", publicName: "badge", isSignal: true, isRequired: false, transformFunction: null }, badgeIcon: { classPropertyName: "badgeIcon", publicName: "badgeIcon", isSignal: true, isRequired: false, transformFunction: null }, badgeColor: { classPropertyName: "badgeColor", publicName: "badgeColor", isSignal: true, isRequired: false, transformFunction: null }, badgeColorSecondary: { classPropertyName: "badgeColorSecondary", publicName: "badgeColorSecondary", isSignal: true, isRequired: false, transformFunction: null }, badgeStatus: { classPropertyName: "badgeStatus", publicName: "badgeStatus", isSignal: true, isRequired: false, transformFunction: null }, badgeAriaLabel: { classPropertyName: "badgeAriaLabel", publicName: "badgeAriaLabel", isSignal: true, isRequired: false, transformFunction: null }, secondBadge: { classPropertyName: "secondBadge", publicName: "secondBadge", isSignal: true, isRequired: false, transformFunction: null }, secondBadgeIcon: { classPropertyName: "secondBadgeIcon", publicName: "secondBadgeIcon", isSignal: true, isRequired: false, transformFunction: null }, secondBadgeColor: { classPropertyName: "secondBadgeColor", publicName: "secondBadgeColor", isSignal: true, isRequired: false, transformFunction: null }, secondBadgeColorSecondary: { classPropertyName: "secondBadgeColorSecondary", publicName: "secondBadgeColorSecondary", isSignal: true, isRequired: false, transformFunction: null }, secondBadgeStatus: { classPropertyName: "secondBadgeStatus", publicName: "secondBadgeStatus", isSignal: true, isRequired: false, transformFunction: null }, secondBadgeAriaLabel: { classPropertyName: "secondBadgeAriaLabel", publicName: "secondBadgeAriaLabel", isSignal: true, isRequired: false, transformFunction: null }, isLoading: { classPropertyName: "isLoading", publicName: "isLoading", isSignal: true, isRequired: false, transformFunction: null }, cardType: { classPropertyName: "cardType", publicName: "cardType", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, ariaRoledescription: { classPropertyName: "ariaRoledescription", publicName: "ariaRoledescription", isSignal: true, isRequired: false, transformFunction: null }, ariaDescription: { classPropertyName: "ariaDescription", publicName: "ariaDescription", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, role: { classPropertyName: "role", publicName: "role", isSignal: true, isRequired: false, transformFunction: null }, interactive: { classPropertyName: "interactive", publicName: "interactive", isSignal: true, isRequired: false, transformFunction: null }, selected: { classPropertyName: "selected", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null }, ariaPosinset: { classPropertyName: "ariaPosinset", publicName: "ariaPosinset", isSignal: true, isRequired: false, transformFunction: null }, ariaSetsize: { classPropertyName: "ariaSetsize", publicName: "ariaSetsize", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { ariaPosinset: "ariaPosinsetChange", ariaSetsize: "ariaSetsizeChange", keyDown: "keyDown" }, host: { listeners: { "keydown": "keydownHandler($event)" }, properties: { "attr.id": "id()", "attr.role": "role()", "attr.aria-description": "role() === \"listitem\" ? ariaDescription() : null", "attr.aria-roledescription": "ariaRoledescription()", "attr.aria-labelledby": "cardTitle()?.id() || cardMediaHeading()?.id()", "attr.aria-label": "ariaLabel()", "attr.aria-selected": "selected()", "class.fd-card--interactive": "interactive()", "tabindex": "role() === \"listitem\" ? 0 : -1", "attr.aria-posinset": "role() === \"listitem\" ? ariaPosinset() : null", "attr.aria-setsize": "role() === \"listitem\" ? ariaSetsize() : null" } }, providers: [
|
|
474
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: CardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
475
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.0", type: CardComponent, isStandalone: true, selector: "fd-card", inputs: { badge: { classPropertyName: "badge", publicName: "badge", isSignal: true, isRequired: false, transformFunction: null }, badgeIcon: { classPropertyName: "badgeIcon", publicName: "badgeIcon", isSignal: true, isRequired: false, transformFunction: null }, badgeColor: { classPropertyName: "badgeColor", publicName: "badgeColor", isSignal: true, isRequired: false, transformFunction: null }, badgeColorSecondary: { classPropertyName: "badgeColorSecondary", publicName: "badgeColorSecondary", isSignal: true, isRequired: false, transformFunction: null }, badgeStatus: { classPropertyName: "badgeStatus", publicName: "badgeStatus", isSignal: true, isRequired: false, transformFunction: null }, badgeAriaLabel: { classPropertyName: "badgeAriaLabel", publicName: "badgeAriaLabel", isSignal: true, isRequired: false, transformFunction: null }, secondBadge: { classPropertyName: "secondBadge", publicName: "secondBadge", isSignal: true, isRequired: false, transformFunction: null }, secondBadgeIcon: { classPropertyName: "secondBadgeIcon", publicName: "secondBadgeIcon", isSignal: true, isRequired: false, transformFunction: null }, secondBadgeColor: { classPropertyName: "secondBadgeColor", publicName: "secondBadgeColor", isSignal: true, isRequired: false, transformFunction: null }, secondBadgeColorSecondary: { classPropertyName: "secondBadgeColorSecondary", publicName: "secondBadgeColorSecondary", isSignal: true, isRequired: false, transformFunction: null }, secondBadgeStatus: { classPropertyName: "secondBadgeStatus", publicName: "secondBadgeStatus", isSignal: true, isRequired: false, transformFunction: null }, secondBadgeAriaLabel: { classPropertyName: "secondBadgeAriaLabel", publicName: "secondBadgeAriaLabel", isSignal: true, isRequired: false, transformFunction: null }, isLoading: { classPropertyName: "isLoading", publicName: "isLoading", isSignal: true, isRequired: false, transformFunction: null }, cardType: { classPropertyName: "cardType", publicName: "cardType", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, ariaRoledescription: { classPropertyName: "ariaRoledescription", publicName: "ariaRoledescription", isSignal: true, isRequired: false, transformFunction: null }, ariaDescription: { classPropertyName: "ariaDescription", publicName: "ariaDescription", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, role: { classPropertyName: "role", publicName: "role", isSignal: true, isRequired: false, transformFunction: null }, interactive: { classPropertyName: "interactive", publicName: "interactive", isSignal: true, isRequired: false, transformFunction: null }, selected: { classPropertyName: "selected", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null }, ariaPosinset: { classPropertyName: "ariaPosinset", publicName: "ariaPosinset", isSignal: true, isRequired: false, transformFunction: null }, ariaSetsize: { classPropertyName: "ariaSetsize", publicName: "ariaSetsize", isSignal: true, isRequired: false, transformFunction: null }, ariaDescribedby: { classPropertyName: "ariaDescribedby", publicName: "ariaDescribedby", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { ariaPosinset: "ariaPosinsetChange", ariaSetsize: "ariaSetsizeChange", keyDown: "keyDown" }, host: { listeners: { "keydown": "keydownHandler($event)" }, properties: { "class": "cssClass()", "attr.id": "id()", "attr.role": "role()", "attr.aria-labelledby": "cardTitle()?.id() || cardMediaHeading()?.id()", "attr.aria-describedby": "ariaDescribedbyComputed()", "attr.aria-label": "ariaLabel()", "attr.aria-selected": "selected()", "tabindex": "role() === \"listitem\" ? 0 : -1", "attr.aria-posinset": "role() === \"listitem\" ? ariaPosinset() : null", "attr.aria-setsize": "role() === \"listitem\" ? ariaSetsize() : null" } }, providers: [
|
|
421
476
|
contentDensityObserverProviders(),
|
|
422
477
|
{
|
|
423
478
|
provide: FD_CARD,
|
|
@@ -427,14 +482,8 @@ class CardComponent extends CardFocusItem {
|
|
|
427
482
|
provide: CardFocusItem,
|
|
428
483
|
useExisting: forwardRef(() => CardComponent)
|
|
429
484
|
}
|
|
430
|
-
], queries: [{ propertyName: "cardTitle", first: true, predicate: FD_CARD_TITLE, descendants: true, isSignal: true }, { propertyName: "cardMediaHeading", first: true, predicate: FD_CARD_MEDIA_HEADING, descendants: true, isSignal: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "@if (!isLoading()) {\n <!-- Badge -->\n\n @if (badge() || badgeIcon() || secondBadge() || secondBadgeIcon()) {\n <div class=\"fd-card__badge-container\">\n @if (badge() || badgeIcon()) {\n <span\n fd-object-status\n [inverted]=\"true\"\n class=\"fd-card__badge\"\n [glyph]=\"badgeIcon()\"\n [status]=\"badgeStatus()\"\n [indicationColor]=\"badgeColor()\"\n [secondaryIndication]=\"badgeColorSecondary()\"\n [label]=\"badge()\"\n [attr.aria-label]=\"badgeAriaLabel()\"\n >\n </span>\n }\n\n @if (secondBadge() || secondBadgeIcon()) {\n <span\n fd-object-status\n [inverted]=\"true\"\n class=\"fd-card__badge\"\n [glyph]=\"secondBadgeIcon()\"\n [status]=\"secondBadgeStatus()\"\n [indicationColor]=\"secondBadgeColor()\"\n [secondaryIndication]=\"secondBadgeColorSecondary()\"\n [label]=\"secondBadge()\"\n [attr.aria-label]=\"secondBadgeAriaLabel()\"\n >\n </span>\n }\n </div>\n }\n\n <!-- Header and Content -->\n <ng-content></ng-content>\n <!-- Footer -->\n <ng-content select=\"fd-card-footer\"></ng-content>\n} @else {\n <ng-content select=\"fd-card-loader\"></ng-content>\n}\n<!-- Loader -->\n", styles: ["@charset \"UTF-8\";.fd-numeric-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;height:3rem;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;width:100%}.fd-numeric-content:after,.fd-numeric-content:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-numeric-content__kpi-container,.fd-numeric-content__launch-icon-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-align:center;-ms-flex-align:center;align-items:center;height:100%;overflow:hidden;-webkit-padding-before:.125rem;padding-block-start:.125rem;-webkit-margin-end:.375rem;margin-inline-end:.375rem}.fd-numeric-content__kpi-container:after,.fd-numeric-content__kpi-container:before,.fd-numeric-content__launch-icon-container:after,.fd-numeric-content__launch-icon-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-numeric-content__kpi-container:first-child:last-child,.fd-numeric-content__launch-icon-container:first-child:last-child{margin-block:0;margin-inline:0}.fd-numeric-content__launch-icon-container{max-width:1.75rem;min-width:1.75rem;width:1.75rem}.fd-numeric-content__scale-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;height:100%;line-height:normal;margin-block:0;margin-inline:0;overflow:hidden;padding-block:0;padding-block:.5rem .375rem;padding-inline:0}.fd-numeric-content__scale-container:after,.fd-numeric-content__scale-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-numeric-content__scale-container:first-child:last-child{margin-block:0;margin-inline:0}.fd-numeric-content__launch-icon [class*=sap-icon],.fd-numeric-content__launch-icon[class*=sap-icon]{background:inherit;border-radius:inherit;color:inherit;color:var(--sapTile_IconColor);font-size:inherit;font-size:1.75rem;line-height:1;line-height:normal}.fd-numeric-content__kpi{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapNeutralTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:2.25rem;font-weight:400;font-weight:lighter;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0}.fd-numeric-content__kpi:after,.fd-numeric-content__kpi:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-numeric-content__kpi--positive{color:var(--sapPositiveTextColor)}.fd-numeric-content__kpi--critical{color:var(--sapCriticalTextColor)}.fd-numeric-content__kpi--negative{color:var(--sapNegativeTextColor)}.fd-numeric-content__kpi--informative{color:var(--sapInformativeTextColor)}.fd-numeric-content__scale{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-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.fd-numeric-content__scale:after,.fd-numeric-content__scale:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-numeric-content__scale-arrow [class*=sap-icon],.fd-numeric-content__scale-arrow[class*=sap-icon]{background:inherit;border-radius:inherit;color:inherit;color:var(--sapNeutralTextColor);font-size:inherit;font-size:.875rem;line-height:1;line-height:normal}.fd-numeric-content__scale-text{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapNeutralTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:.875rem;font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0}.fd-numeric-content__scale-text:after,.fd-numeric-content__scale-text:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-numeric-content__scale--positive .fd-numeric-content__scale-arrow [class*=sap-icon],.fd-numeric-content__scale--positive .fd-numeric-content__scale-arrow[class*=sap-icon],.fd-numeric-content__scale--positive .fd-numeric-content__scale-text{color:var(--sapPositiveTextColor)}.fd-numeric-content__scale--critical .fd-numeric-content__scale-arrow [class*=sap-icon],.fd-numeric-content__scale--critical .fd-numeric-content__scale-arrow[class*=sap-icon],.fd-numeric-content__scale--critical .fd-numeric-content__scale-text{color:var(--sapCriticalTextColor)}.fd-numeric-content__scale--negative .fd-numeric-content__scale-arrow [class*=sap-icon],.fd-numeric-content__scale--negative .fd-numeric-content__scale-arrow[class*=sap-icon],.fd-numeric-content__scale--negative .fd-numeric-content__scale-text{color:var(--sapNegativeTextColor)}.fd-numeric-content__scale--informative .fd-numeric-content__scale-arrow [class*=sap-icon],.fd-numeric-content__scale--informative .fd-numeric-content__scale-arrow[class*=sap-icon],.fd-numeric-content__scale--informative .fd-numeric-content__scale-text{color:var(--sapInformativeTextColor)}.fd-numeric-content--m{height:2.5rem}.fd-numeric-content--m .fd-numeric-content__kpi-container,.fd-numeric-content--m .fd-numeric-content__launch-icon-container{-webkit-padding-before:0;padding-block-start:0;-webkit-margin-end:.5rem;margin-inline-end:.5rem}.fd-numeric-content--m .fd-numeric-content__launch-icon-container{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.fd-numeric-content--m .fd-numeric-content__scale-container{padding-block:.375rem .188rem}.fd-numeric-content--m .fd-numeric-content__kpi{font-size:2rem}.fd-numeric-content--s{height:2.25rem}.fd-numeric-content--s .fd-numeric-content__kpi-container,.fd-numeric-content--s .fd-numeric-content__launch-icon-container{-webkit-padding-before:0;padding-block-start:0;-webkit-margin-end:.5rem;margin-inline-end:.5rem}.fd-numeric-content--s .fd-numeric-content__scale-container{padding-block:0 .313rem}.fd-numeric-content--s .fd-numeric-content__kpi{font-size:1.75rem}.fd-numeric-content--small-tile{height:2.375rem}.fd-numeric-content--small-tile .fd-numeric-content__kpi-container,.fd-numeric-content--small-tile .fd-numeric-content__launch-icon-container{-webkit-padding-before:.5rem;padding-block-start:.5rem;-webkit-margin-end:.375rem;margin-inline-end:.375rem}.fd-numeric-content--small-tile .fd-numeric-content__launch-icon-container{max-width:1.5rem;min-width:1.5rem;width:1.5rem}.fd-numeric-content--small-tile .fd-numeric-content__scale-container{padding-block:.25rem}.fd-numeric-content--small-tile .fd-numeric-content__kpi,.fd-numeric-content--small-tile .fd-numeric-content__launch-icon [class*=sap-icon],.fd-numeric-content--small-tile .fd-numeric-content__launch-icon[class*=sap-icon]{font-size:1.5rem}.fd-numeric-content--small-tile .fd-numeric-content__kpi[dir=rtl],[dir=rtl] .fd-numeric-content--small-tile .fd-numeric-content__kpi{direction:ltr;text-align:right}.fd-numeric-content--small-tile.fd-numeric-content--m{height:2.375rem}.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__kpi-container,.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__launch-icon-container{-webkit-padding-before:.5rem;padding-block-start:.5rem;-webkit-margin-end:.375rem;margin-inline-end:.375rem}.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__launch-icon-container{max-width:1.5rem;min-width:1.5rem;width:1.5rem}.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__scale-container{padding-block:.25rem}.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__kpi,.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__launch-icon [class*=sap-icon],.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__launch-icon[class*=sap-icon]{font-size:1.5rem}.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__kpi[dir=rtl],[dir=rtl] .fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__kpi{direction:ltr;text-align:right}.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__launch-icon-container{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.fd-numeric-content--small-tile.fd-numeric-content--s{height:2.375rem}.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__kpi-container,.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__launch-icon-container{-webkit-padding-before:.5rem;padding-block-start:.5rem;-webkit-margin-end:.375rem;margin-inline-end:.375rem}.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__launch-icon-container{max-width:1.5rem;min-width:1.5rem;width:1.5rem}.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__scale-container{padding-block:.25rem}.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__kpi,.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__launch-icon [class*=sap-icon],.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__launch-icon[class*=sap-icon]{font-size:1.5rem}.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__kpi[dir=rtl],[dir=rtl] .fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__kpi{direction:ltr;text-align:right}.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__scale-container{-webkit-padding-before:0;padding-block-start:0}.fd-card{--fdCard_Border:.0625rem solid var(--sapTile_BorderColor);--fdCard_Border_Corner_Radius:var(--sapTile_BorderCornerRadius);--fdCard_Header_Text_Spacing:.25rem;--fdCard_Box_Shadow:var(--fdCard_Box_Shadow_Regular);--fdCard_Header_Border_Radius:var(--fdCard_Border_Corner_Radius) var(--fdCard_Border_Corner_Radius) 0 0;--fdCard_Main_Header_Border_Radius:inherit;--fdCard_Footer_Border_Radius:0 0 var(--fdCard_Border_Corner_Radius) var(--fdCard_Border_Corner_Radius);--fdCard_Content_Border_Radius:0;--fdCard_Focus_Outline_Radius:var(--fdCard_Border_Corner_Radius);--fdCard_Focus_Outline_Offset:.0625rem;--fdCard_Media_Border_Radius:var(--fdCard_Border_Corner_Radius) var(--fdCard_Border_Corner_Radius) 0 0;--fdCard_Main_Header_Border_Bottom:var(--fdCard_Header_Border_Bottom);--fdCard_Main_Header_Border_Top:none;--fdCard_Main_Header_Padding_Block_Start:1rem;--fdCard_Main_Header_Padding_Block_End:var(--fdCard_Main_Header_Padding_Bottom);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;background:var(--fdCard_Background,var(--sapTile_Background));border:var(--fdCard_Border);border-radius:var(--fdCard_Border_Corner_Radius);-webkit-box-shadow:var(--fdCard_Box_Shadow);box-shadow:var(--fdCard_Box_Shadow);-ms-flex:1;flex:1;min-height:100%;position:relative;width:100%}.fd-card:after,.fd-card:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card--interactive{cursor:pointer}.fd-card--interactive.is-focus,.fd-card--interactive:focus{outline:none;z-index:5}.fd-card--interactive.is-focus:before,.fd-card--interactive:focus:before{border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);border-radius:var(--fdCard_Focus_Outline_Radius);content:\"\";display:block;inset:var(--fdCard_Focus_Outline_Offset);position:absolute;z-index:3}.fd-card--interactive.is-hover,.fd-card--interactive:hover{--fdCard_Background:var(--sapTile_Hover_Background);--fdCard_Box_Shadow:var(--fdCard_Box_Shadow_Hover);--fdCard_Footer_Background:var(--sapTile_Hover_Background);--fdCard_Main_Header_Background:var(--sapTile_Hover_Background)}.fd-card--interactive.is-active,.fd-card--interactive:active{--fdCard_Box_Shadow:none;--fdCard_Background:var(--sapTile_Active_Background);--fdCard_Footer_Background:var(--sapTile_Active_Background);--fdCard_Main_Header_Background:var(--sapTile_Active_Background);--fdCard_Border:.0625rem solid var(--sapTile_Interactive_BorderColor)}.fd-card--interactive.is-selected:before,.fd-card--interactive[aria-selected=true]:before{border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);border-radius:var(--fdCard_Focus_Outline_Radius);content:\"\";display:block;inset:var(--fdCard_Focus_Outline_Offset);position:absolute;z-index:3}.fd-card--interactive[role=button] .fd-card__header-main-container.is-focus,.fd-card--interactive[role=button] .fd-card__header-main-container:focus{outline:none;z-index:5}.fd-card--interactive[role=button] .fd-card__header-main-container.is-focus:before,.fd-card--interactive[role=button] .fd-card__header-main-container:focus:before{border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);border-radius:var(--fdCard_Focus_Outline_Radius);content:\"\";display:block;inset:var(--fdCard_Focus_Outline_Offset);position:absolute;z-index:3}.fd-card--interactive[role=listitem] .fd-card__header-main-container{pointer-events:none}.fd-card__header{border:0;border-radius:var(--fdCard_Header_Border_Radius);-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}.fd-card__header:after,.fd-card__header:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__header:is(:first-child){--fdCard_Focus_Outline_Radius:var(--fdCard_Border_Corner_Radius) var(--fdCard_Border_Corner_Radius) 0 0}.fd-card__header:is(:last-child){--fdCard_Main_Header_Border_Bottom:none;--fdCard_Main_Header_Padding_Block_End:1rem;--fdCard_Main_Header_Padding_Block_Start:1rem;--fdCard_Main_Header_Border_Top:var(--fdCard_Header_Border_Bottom);--fdCard_Header_Border_Radius:0 0 var(--fdCard_Border_Corner_Radius) var(--fdCard_Border_Corner_Radius);--fdCard_Focus_Outline_Radius:0 0 var(--fdCard_Border_Corner_Radius) var(--fdCard_Border_Corner_Radius)}.fd-card__header:is(:last-child) .fd-card__header-main:not(:only-child){--fdCard_Focus_Outline_Radius:0}.fd-card__header:only-child{--fdCard_Header_Border_Radius:var(--fdCard_Border_Corner_Radius);--fdCard_Focus_Outline_Radius:var(--fdCard_Border_Corner_Radius)}.fd-card__header:only-child .fd-card__header-main:not(:only-child){--fdCard_Focus_Outline_Radius:var(--fdCard_Border_Corner_Radius) var(--fdCard_Border_Corner_Radius) 0 0}.fd-card__header:only-child .fd-card__header-main{--fdCard_Main_Header_Padding_Block_Start:1rem;--fdCard_Main_Header_Padding_Block_End:1rem;--fdCard_Main_Header_Border_Bottom:none;--fdCard_Main_Header_Border_Top:none}.fd-card__header--interactive .fd-card__header-main{cursor:pointer}.fd-card__header--interactive .fd-card__header-main.is-hover,.fd-card__header--interactive .fd-card__header-main:hover{--fdCard_Main_Header_Background:var(--sapTile_Hover_Background)}.fd-card__header--interactive .fd-card__header-main:has(.fd-card__header-main-container.is-active){--fdCard_Main_Header_Background:var(--sapTile_Active_Background)}.fd-card__header--interactive .fd-card__header-main:has(.fd-card__header-main-container:active){--fdCard_Main_Header_Background:var(--sapTile_Active_Background)}.fd-card__header--interactive .fd-card__header-main-container.is-focus,.fd-card__header--interactive .fd-card__header-main-container:focus{outline:none;z-index:5}.fd-card__header--interactive .fd-card__header-main-container.is-focus:before,.fd-card__header--interactive .fd-card__header-main-container:focus:before{border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);border-radius:var(--fdCard_Focus_Outline_Radius);content:\"\";display:block;inset:var(--fdCard_Focus_Outline_Offset);position:absolute;z-index:3}.fd-card__header-main{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:horizontal;-webkit-box-direction:normal;background:var(--fdCard_Main_Header_Background,var(--sapTile_Background));border-bottom:var(--fdCard_Main_Header_Border_Bottom);border-radius:var(--fdCard_Main_Header_Border_Radius);border-top:var(--fdCard_Main_Header_Border_Top);-ms-flex-direction:row;flex-direction:row;gap:.5rem;padding-block:var(--fdCard_Main_Header_Padding_Block_Start) var(--fdCard_Main_Header_Padding_Block_End);padding-inline:1rem;position:relative;text-decoration:none}.fd-card__header-main:after,.fd-card__header-main:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__header-main-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-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:.5rem;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:100%}.fd-card__header-main-container:after,.fd-card__header-main-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__header-main-actions{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:.25rem;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;z-index:5}.fd-card__header-main-actions:after,.fd-card__header-main-actions:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__header-extended{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:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:.5rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-block:.5rem;padding-inline:1rem}.fd-card__header-extended:after,.fd-card__header-extended:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__header-extended--top-aligned{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.fd-card__header-extended--bottom-aligned{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.fd-card__header-column{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;flex:1;gap:.25rem;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.fd-card__header-column:after,.fd-card__header-column:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__header-column--right-aligned{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.fd-card__header-row{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:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:.5rem}.fd-card__header-row:after,.fd-card__header-row:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__header-numeric{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:.25rem;padding-block:.25rem;padding-inline:1rem}.fd-card__header-numeric:after,.fd-card__header-numeric:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__indicator{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:.125rem;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-padding-before:.5rem;padding-block-start:.5rem}.fd-card__indicator:after,.fd-card__indicator:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__numeric-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;-webkit-box-flex:1;-ms-flex:1;flex:1}.fd-card__numeric-container:after,.fd-card__numeric-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__indicator-title{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapTile_TextColor);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-card__indicator-title:after,.fd-card__indicator-title:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__indicator-value{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapTile_TitleTextColor);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;text-align:right}.fd-card__indicator-value:after,.fd-card__indicator-value:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__timestamp{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:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:.125rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:var(--sapFontSmallSize)}.fd-card__timestamp:after,.fd-card__timestamp:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__footer{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(--fdCard_Footer_Background,var(--sapTile_Background));border-radius:var(--fdCard_Footer_Border_Radius);border-top:var(--fdCard_Footer_Border_Top);padding-block:var(--fdCard_Footer_Padding) 1rem;padding-inline:1rem}.fd-card__footer:after,.fd-card__footer:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__footer-actions{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:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:.5rem;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;width:100%}.fd-card__footer-actions:after,.fd-card__footer-actions:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__footer .fd-card__footer-link{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-margin-end:var(--fdCard_Footer_Actions_Item_Spacing);margin-inline-end:var(--fdCard_Footer_Actions_Item_Spacing);text-overflow:clip}.fd-card__footer:is(:first-child){--fdCard_Footer_Border_Radius:var(--fdCard_Border_Corner_Radius) var(--fdCard_Border_Corner_Radius) 0 0}.fd-card__header-text{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;-ms-flex-item-align:center;align-self:center;gap:var(--fdCard_Header_Text_Spacing);height:100%;width:100%}.fd-card__header-text:after,.fd-card__header-text:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__title-area{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:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;width:100%}.fd-card__title-area:after,.fd-card__title-area:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__title{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;-webkit-line-clamp:3;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;color:var(--sapTile_TitleTextColor);font-family:var(--sapFontHeaderFamily);font-size:var(--fdCard_Title_Font_Size);font-weight:var(--fdCard_Title_Font_Weight);overflow:hidden;text-overflow:ellipsis;white-space:normal;word-wrap:break-word;max-height:4.2rem;max-width:100%}.fd-card__title:after,.fd-card__title:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__subtitle-area{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:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.fd-card__subtitle-area:after,.fd-card__subtitle-area:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__subtitle{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;-webkit-line-clamp:2;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;color:var(--sapTile_TextColor);overflow:hidden;text-overflow:ellipsis;white-space:normal;word-wrap:break-word;max-height:2.5rem;max-width:100%}.fd-card__subtitle:after,.fd-card__subtitle:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__counter.fd-object-status{white-space:nowrap;-webkit-margin-start:1rem;font-size:var(--sapFontSmallSize);margin-inline-start:1rem;-webkit-margin-before:var(--fdCard_Counter_Margin);margin-block-start:var(--fdCard_Counter_Margin)}.fd-card__badge-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;right:.5rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.25rem;max-width:calc(100% - 1rem);min-width:1.375rem;position:absolute;top:-.5rem;z-index:10}.fd-card__badge-container:after,.fd-card__badge-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__badge-container[dir=rtl],[dir=rtl] .fd-card__badge-container{left:.5rem;right:auto}.fd-card__badge-container+.fd-card__header{--fdCard_Content_Border_Radius:var(--fdCard_Border_Corner_Radius) var(--fdCard_Border_Corner_Radius) 0 0;--fdCard_Focus_Outline_Radius:var(--fdCard_Border_Corner_Radius) var(--fdCard_Border_Corner_Radius) 0 0;--fdCard_Main_Header_Border_Radius:var(--fdCard_Border_Corner_Radius) var(--fdCard_Border_Corner_Radius) 0 0}.fd-card__badge-container+.fd-card__header:is(:last-child){--fdCard_Content_Border_Radius:var(--fdCard_Border_Corner_Radius);--fdCard_Focus_Outline_Radius:var(--fdCard_Border_Corner_Radius)}.fd-card__badge-container+.fd-card__content{overflow:hidden;--fdCard_Content_Border_Radius:var(--fdCard_Border_Corner_Radius) var(--fdCard_Border_Corner_Radius) 0 0;--fdCard_Focus_Outline_Radius:var(--fdCard_Border_Corner_Radius) var(--fdCard_Border_Corner_Radius) 0 0}.fd-card__badge-container+.fd-card__content:is(:last-child){--fdCard_Content_Border_Radius:var(--fdCard_Border_Corner_Radius);--fdCard_Focus_Outline_Radius:var(--fdCard_Border_Corner_Radius)}.fd-card__badge.fd-object-status{--fdObjectStatus_Inverted_Border_Radius:.5rem;--fdObjectStatus_Inverted_Padding_Block:0;--fdObjectStatus_Inverted_Padding_Inline:.25rem;--fdObjectStatus_Inverted_Line_Height:.875rem}.fd-card__badge.fd-object-status span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fd-card__currency{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:horizontal;-webkit-box-direction:normal;color:var(--sapTile_TextColor);-ms-flex-direction:row;flex-direction:row;text-overflow:ellipsis;-webkit-margin-start:.25rem;margin-inline-start:.25rem;white-space:nowrap}.fd-card__currency:after,.fd-card__currency:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__currency:before{content:\"|\\a0\"}.fd-card__analytics-area{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:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;margin-top:.5rem;overflow:hidden}.fd-card__analytics-area:after,.fd-card__analytics-area:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__analytics-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-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;overflow-x:hidden;white-space:nowrap;width:100%;-webkit-margin-start:2rem;margin-inline-start:2rem}.fd-card__analytics-container:after,.fd-card__analytics-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__analytics{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:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-padding-after:.25rem;padding-block-end:.25rem;-webkit-margin-start:1rem;font-size:var(--sapFontSmallSize);margin-inline-start:1rem;max-width:calc(50% - 1rem);overflow:hidden}.fd-card__analytics:after,.fd-card__analytics:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__analytics-text{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-padding-after:.25rem;color:var(--sapTile_TextColor);padding-block-end:.25rem}.fd-card__analytics-text:after,.fd-card__analytics-text:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__analytics-content{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapTile_TitleTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0}.fd-card__analytics-content:after,.fd-card__analytics-content:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__analytics-content[dir=rtl],[dir=rtl] .fd-card__analytics-content{direction:ltr;text-align:right}.fd-card__second-subtitle{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapTile_TextColor);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;margin-top:.25rem;overflow:hidden;padding-block:0;padding-inline:0;text-overflow:ellipsis;white-space:nowrap;width:100%}.fd-card__second-subtitle:after,.fd-card__second-subtitle:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__numeric-content.fd-numeric-content{-ms-flex-negative:0;flex-shrink:0;width:auto}.fd-card__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;--fdCard_Focus_Outline_Radius:0;-webkit-box-flex:1;border-radius:var(--fdCard_Content_Border_Radius);-ms-flex:1 0 auto;flex:1 0 auto;position:relative}.fd-card__content:after,.fd-card__content:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__content.is-focus,.fd-card__content:focus{outline:none;z-index:5}.fd-card__content.is-focus:before,.fd-card__content:focus:before{border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);border-radius:var(--fdCard_Focus_Outline_Radius);content:\"\";display:block;inset:var(--fdCard_Focus_Outline_Offset);position:absolute;z-index:3}.fd-card__content:is(:first-child){overflow:hidden;--fdCard_Content_Border_Radius:var(--fdCard_Border_Corner_Radius) var(--fdCard_Border_Corner_Radius) 0 0;--fdCard_Focus_Outline_Radius:var(--fdCard_Border_Corner_Radius) var(--fdCard_Border_Corner_Radius) 0 0}.fd-card__content:is(:last-child){overflow:hidden;--fdCard_Content_Border_Radius:0 0 var(--fdCard_Border_Corner_Radius) var(--fdCard_Border_Corner_Radius);--fdCard_Focus_Outline_Radius:0 0 var(--fdCard_Border_Corner_Radius) var(--fdCard_Border_Corner_Radius)}.fd-card__content:is(:only-child){overflow:hidden;--fdCard_Content_Border_Radius:var(--fdCard_Border_Corner_Radius);--fdCard_Focus_Outline_Radius:var(--fdCard_Border_Corner_Radius)}.fd-card__content--with-spacing{padding-block:1rem;padding-inline:1rem}.fd-card__content-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-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:1.75rem}.fd-card__content-container:after,.fd-card__content-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__content-container--horizontal{gap:2rem;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.fd-card__content-section{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:1rem;max-width:24rem;min-width:12rem;width:100%}.fd-card__content-section:after,.fd-card__content-section:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__content-title-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;-webkit-padding-after:.5rem;padding-block-end:.5rem}.fd-card__content-title-container:after,.fd-card__content-title-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__content-group{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:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:.5rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.fd-card__content-group:after,.fd-card__content-group:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__content-group-text{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:.25rem}.fd-card__content-group-text:after,.fd-card__content-group-text:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card--analytical .fd-card__subtitle-area{margin-top:.5rem}.fd-card--analytical .fd-card__title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:2.8rem;overflow:hidden;text-overflow:ellipsis;white-space:normal}.fd-card--table[class*=-compact] .fd-card__content,.fd-card--table[class*=-condensed] .fd-card__content,[class*=-compact] .fd-card--table:not([class*=-cozy]) .fd-card__content,[class*=-condensed] .fd-card--table:not([class*=-cozy]) .fd-card__content{-webkit-padding-after:.5rem;padding-block-end:.5rem}.fd-card--object .fd-card__content{padding-block:1rem;padding-inline:1rem}.fd-card__loader{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;min-height:5rem}.fd-card__loader:after,.fd-card__loader:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__media{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:horizontal;-webkit-box-direction:normal;background-color:var(--fdCard_Media_Background,var(--sapTile_Background));border-radius:var(--fdCard_Media_Border_Radius);-ms-flex-direction:row;flex-direction:row;flex-direction:var(--fdCard_Media_Flex_Direction,row);height:100%;overflow:hidden;padding-block:var(--fdCard_Media_Padding_Block_Start,0) var(--fdCard_Media_Padding_Block_End,0);padding-inline:var(--fdCard_Media_Padding_Inline_Start,0) var(--fdCard_Media_Padding_Inline_End,0);position:relative}.fd-card__media:after,.fd-card__media:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__media.fd-card__media--with-padding{--fdCard_Media_Image_Radius:.5rem;--fdCard_Media_Padding_Inline_Start:1rem;--fdCard_Media_Padding_Inline_End:1rem;--fdCard_Media_Padding_Block_Start:1rem}.fd-card__media.fd-card__media--bg-shell-1{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Background:var(--sapShell_Category_1_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_1_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_1_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_1_TextColor)}.fd-card__media.fd-card__media--bg-shell-2{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Background:var(--sapShell_Category_2_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_2_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_2_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_2_TextColor)}.fd-card__media.fd-card__media--bg-shell-3{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Background:var(--sapShell_Category_3_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_3_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_3_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_3_TextColor)}.fd-card__media.fd-card__media--bg-shell-4{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Background:var(--sapShell_Category_4_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_4_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_4_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_4_TextColor)}.fd-card__media.fd-card__media--bg-shell-5{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Background:var(--sapShell_Category_5_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_5_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_5_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_5_TextColor)}.fd-card__media.fd-card__media--bg-shell-6{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Background:var(--sapShell_Category_6_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_6_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_6_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_6_TextColor)}.fd-card__media.fd-card__media--bg-shell-7{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Background:var(--sapShell_Category_7_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_7_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_7_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_7_TextColor)}.fd-card__media.fd-card__media--bg-shell-8{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Background:var(--sapShell_Category_8_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_8_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_8_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_8_TextColor)}.fd-card__media.fd-card__media--bg-shell-9{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Background:var(--sapShell_Category_9_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_9_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_9_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_9_TextColor)}.fd-card__media.fd-card__media--bg-shell-10{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Background:var(--sapShell_Category_10_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_10_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_10_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_10_TextColor)}.fd-card__media.fd-card__media--bg-shell-11{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Background:var(--sapShell_Category_11_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_11_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_11_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_11_TextColor)}.fd-card__media.fd-card__media--bg-shell-12{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Background:var(--sapShell_Category_12_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_12_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_12_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_12_TextColor)}.fd-card__media.fd-card__media--bg-shell-13{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Background:var(--sapShell_Category_13_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_13_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_13_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_13_TextColor)}.fd-card__media.fd-card__media--bg-shell-14{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Background:var(--sapShell_Category_14_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_14_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_14_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_14_TextColor)}.fd-card__media.fd-card__media--bg-shell-15{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Background:var(--sapShell_Category_15_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_15_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_15_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_15_TextColor)}.fd-card__media.fd-card__media--bg-shell-16{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Background:var(--sapShell_Category_16_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_16_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_16_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_16_TextColor)}.fd-card__media.fd-card__media--bg-legend-1{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Background:var(--sapLegendBackgroundColor1);--fdCard_Media_Heading_Shadow:none}.fd-card__media.fd-card__media--bg-legend-2{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Background:var(--sapLegendBackgroundColor2);--fdCard_Media_Heading_Shadow:none}.fd-card__media.fd-card__media--bg-legend-3{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Background:var(--sapLegendBackgroundColor3);--fdCard_Media_Heading_Shadow:none}.fd-card__media.fd-card__media--bg-legend-4{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Background:var(--sapLegendBackgroundColor4);--fdCard_Media_Heading_Shadow:none}.fd-card__media.fd-card__media--bg-legend-5{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Background:var(--sapLegendBackgroundColor5);--fdCard_Media_Heading_Shadow:none}.fd-card__media.fd-card__media--bg-legend-6{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Background:var(--sapLegendBackgroundColor6);--fdCard_Media_Heading_Shadow:none}.fd-card__media.fd-card__media--bg-legend-7{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Background:var(--sapLegendBackgroundColor7);--fdCard_Media_Heading_Shadow:none}.fd-card__media.fd-card__media--bg-legend-8{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Background:var(--sapLegendBackgroundColor8);--fdCard_Media_Heading_Shadow:none}.fd-card__media.fd-card__media--bg-legend-9{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Background:var(--sapLegendBackgroundColor9);--fdCard_Media_Heading_Shadow:none}.fd-card__media.fd-card__media--bg-legend-10{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Background:var(--sapLegendBackgroundColor10);--fdCard_Media_Heading_Shadow:none}.fd-card__media.fd-card__media--bg-legend-11{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Background:var(--sapLegendBackgroundColor11);--fdCard_Media_Heading_Shadow:none}.fd-card__media.fd-card__media--bg-legend-12{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Background:var(--sapLegendBackgroundColor12);--fdCard_Media_Heading_Shadow:none}.fd-card__media.fd-card__media--bg-legend-13{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Background:var(--sapLegendBackgroundColor13);--fdCard_Media_Heading_Shadow:none}.fd-card__media.fd-card__media--bg-legend-14{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Background:var(--sapLegendBackgroundColor14);--fdCard_Media_Heading_Shadow:none}.fd-card__media.fd-card__media--bg-legend-15{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Background:var(--sapLegendBackgroundColor15);--fdCard_Media_Heading_Shadow:none}.fd-card__media.fd-card__media--bg-legend-16{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Background:var(--sapLegendBackgroundColor16);--fdCard_Media_Heading_Shadow:none}.fd-card__media.fd-card__media--bg-legend-17{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Background:var(--sapLegendBackgroundColor17);--fdCard_Media_Heading_Shadow:none}.fd-card__media.fd-card__media--bg-legend-18{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Background:var(--sapLegendBackgroundColor18);--fdCard_Media_Heading_Shadow:none}.fd-card__media.fd-card__media--bg-legend-19{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Background:var(--sapLegendBackgroundColor19);--fdCard_Media_Heading_Shadow:none}.fd-card__media.fd-card__media--bg-legend-20{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Background:var(--sapLegendBackgroundColor20);--fdCard_Media_Heading_Shadow:none}.fd-card__media+.fd-card__header{--fdCard_Header_Border_Radius:0;--fdCard_Focus_Outline_Radius:0}.fd-card__media+.fd-card__header:is(:last-child){--fdCard_Header_Border_Radius:0 0 var(--fdCard_Border_Corner_Radius) var(--fdCard_Border_Corner_Radius);--fdCard_Focus_Outline_Radius:0 0 var(--fdCard_Border_Corner_Radius) var(--fdCard_Border_Corner_Radius)}.fd-card__media:only-child{--fdCard_Media_Border_Radius:var(--sapTile_BorderCornerRadius)}.fd-card__media-content-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-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:1rem;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:center;-ms-flex-pack:center;background:var(--fdCard_Media_Content_Container_Background,var(--sapTile_Background));height:var(--fdCard_Media_Content_Container_Height,100%);inset:var(--fdCard_Media_Content_Container_Top,0) var(--fdCard_Media_Content_Container_Right,0) var(--fdCard_Media_Content_Container_Right,0) var(--fdCard_Media_Content_Container_Left,0);justify-content:center;max-height:100%;padding-block:var(--fdCard_Media_Content_Container_Padding_Block,1rem);padding-inline:var(--fdCard_Media_Content_Container_Padding_Inline,1rem);position:var(--fdCard_Media_Content_Container_Position,relative);-webkit-transform:var(--fdCard_Media_Content_Container_Transform,none);transform:var(--fdCard_Media_Content_Container_Transform,none);width:var(--fdCard_Media_Content_Container_Width,100%);z-index:3}.fd-card__media-content-container:after,.fd-card__media-content-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__media-content-container.fd-card__media-content-container--bg-shell-1{--fdCard_Media_Content_Container_Background:var(--sapShell_Category_1_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_1_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_1_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_1_TextColor)}.fd-card__media-content-container.fd-card__media-content-container--bg-shell-2{--fdCard_Media_Content_Container_Background:var(--sapShell_Category_2_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_2_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_2_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_2_TextColor)}.fd-card__media-content-container.fd-card__media-content-container--bg-shell-3{--fdCard_Media_Content_Container_Background:var(--sapShell_Category_3_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_3_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_3_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_3_TextColor)}.fd-card__media-content-container.fd-card__media-content-container--bg-shell-4{--fdCard_Media_Content_Container_Background:var(--sapShell_Category_4_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_4_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_4_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_4_TextColor)}.fd-card__media-content-container.fd-card__media-content-container--bg-shell-5{--fdCard_Media_Content_Container_Background:var(--sapShell_Category_5_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_5_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_5_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_5_TextColor)}.fd-card__media-content-container.fd-card__media-content-container--bg-shell-6{--fdCard_Media_Content_Container_Background:var(--sapShell_Category_6_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_6_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_6_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_6_TextColor)}.fd-card__media-content-container.fd-card__media-content-container--bg-shell-7{--fdCard_Media_Content_Container_Background:var(--sapShell_Category_7_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_7_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_7_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_7_TextColor)}.fd-card__media-content-container.fd-card__media-content-container--bg-shell-8{--fdCard_Media_Content_Container_Background:var(--sapShell_Category_8_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_8_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_8_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_8_TextColor)}.fd-card__media-content-container.fd-card__media-content-container--bg-shell-9{--fdCard_Media_Content_Container_Background:var(--sapShell_Category_9_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_9_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_9_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_9_TextColor)}.fd-card__media-content-container.fd-card__media-content-container--bg-shell-10{--fdCard_Media_Content_Container_Background:var(--sapShell_Category_10_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_10_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_10_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_10_TextColor)}.fd-card__media-content-container.fd-card__media-content-container--bg-shell-11{--fdCard_Media_Content_Container_Background:var(--sapShell_Category_11_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_11_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_11_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_11_TextColor)}.fd-card__media-content-container.fd-card__media-content-container--bg-shell-12{--fdCard_Media_Content_Container_Background:var(--sapShell_Category_12_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_12_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_12_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_12_TextColor)}.fd-card__media-content-container.fd-card__media-content-container--bg-shell-13{--fdCard_Media_Content_Container_Background:var(--sapShell_Category_13_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_13_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_13_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_13_TextColor)}.fd-card__media-content-container.fd-card__media-content-container--bg-shell-14{--fdCard_Media_Content_Container_Background:var(--sapShell_Category_14_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_14_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_14_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_14_TextColor)}.fd-card__media-content-container.fd-card__media-content-container--bg-shell-15{--fdCard_Media_Content_Container_Background:var(--sapShell_Category_15_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_15_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_15_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_15_TextColor)}.fd-card__media-content-container.fd-card__media-content-container--bg-shell-16{--fdCard_Media_Content_Container_Background:var(--sapShell_Category_16_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_16_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_16_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_16_TextColor)}.fd-card__media-content-container.fd-card__media-content-container--bg-legend-1{--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Content_Container_Background:var(--sapLegendBackgroundColor1);--fdCard_Media_Heading_Shadow:none}.fd-card__media-content-container.fd-card__media-content-container--bg-legend-2{--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Content_Container_Background:var(--sapLegendBackgroundColor2);--fdCard_Media_Heading_Shadow:none}.fd-card__media-content-container.fd-card__media-content-container--bg-legend-3{--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Content_Container_Background:var(--sapLegendBackgroundColor3);--fdCard_Media_Heading_Shadow:none}.fd-card__media-content-container.fd-card__media-content-container--bg-legend-4{--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Content_Container_Background:var(--sapLegendBackgroundColor4);--fdCard_Media_Heading_Shadow:none}.fd-card__media-content-container.fd-card__media-content-container--bg-legend-5{--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Content_Container_Background:var(--sapLegendBackgroundColor5);--fdCard_Media_Heading_Shadow:none}.fd-card__media-content-container.fd-card__media-content-container--bg-legend-6{--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Content_Container_Background:var(--sapLegendBackgroundColor6);--fdCard_Media_Heading_Shadow:none}.fd-card__media-content-container.fd-card__media-content-container--bg-legend-7{--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Content_Container_Background:var(--sapLegendBackgroundColor7);--fdCard_Media_Heading_Shadow:none}.fd-card__media-content-container.fd-card__media-content-container--bg-legend-8{--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Content_Container_Background:var(--sapLegendBackgroundColor8);--fdCard_Media_Heading_Shadow:none}.fd-card__media-content-container.fd-card__media-content-container--bg-legend-9{--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Content_Container_Background:var(--sapLegendBackgroundColor9);--fdCard_Media_Heading_Shadow:none}.fd-card__media-content-container.fd-card__media-content-container--bg-legend-10{--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Content_Container_Background:var(--sapLegendBackgroundColor10);--fdCard_Media_Heading_Shadow:none}.fd-card__media-content-container.fd-card__media-content-container--bg-legend-11{--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Content_Container_Background:var(--sapLegendBackgroundColor11);--fdCard_Media_Heading_Shadow:none}.fd-card__media-content-container.fd-card__media-content-container--bg-legend-12{--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Content_Container_Background:var(--sapLegendBackgroundColor12);--fdCard_Media_Heading_Shadow:none}.fd-card__media-content-container.fd-card__media-content-container--bg-legend-13{--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Content_Container_Background:var(--sapLegendBackgroundColor13);--fdCard_Media_Heading_Shadow:none}.fd-card__media-content-container.fd-card__media-content-container--bg-legend-14{--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Content_Container_Background:var(--sapLegendBackgroundColor14);--fdCard_Media_Heading_Shadow:none}.fd-card__media-content-container.fd-card__media-content-container--bg-legend-15{--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Content_Container_Background:var(--sapLegendBackgroundColor15);--fdCard_Media_Heading_Shadow:none}.fd-card__media-content-container.fd-card__media-content-container--bg-legend-16{--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Content_Container_Background:var(--sapLegendBackgroundColor16);--fdCard_Media_Heading_Shadow:none}.fd-card__media-content-container.fd-card__media-content-container--bg-legend-17{--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Content_Container_Background:var(--sapLegendBackgroundColor17);--fdCard_Media_Heading_Shadow:none}.fd-card__media-content-container.fd-card__media-content-container--bg-legend-18{--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Content_Container_Background:var(--sapLegendBackgroundColor18);--fdCard_Media_Heading_Shadow:none}.fd-card__media-content-container.fd-card__media-content-container--bg-legend-19{--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Content_Container_Background:var(--sapLegendBackgroundColor19);--fdCard_Media_Heading_Shadow:none}.fd-card__media-content-container.fd-card__media-content-container--bg-legend-20{--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Content_Container_Background:var(--sapLegendBackgroundColor20);--fdCard_Media_Heading_Shadow:none}.fd-card__media-image-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-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;height:var(--fdCard_Media_Image_Container_Height,100%);width:var(--fdCard_Media_Image_Container_Width,100%)}.fd-card__media-image-container:after,.fd-card__media-image-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__media-image{-webkit-box-flex:1;border-radius:var(--fdCard_Media_Image_Radius,0);-ms-flex:1;flex:1;height:var(--fdCard_Media_Image_Height,100%);width:var(--fdCard_Media_Image_Width,100%)}.fd-card__media-heading{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--fdCard_Media_Heading_Color,var(--sapTile_TitleTextColor));font-family:var(--sapFontFamily);font-family:var(--sapFontHeaderFamily);font-size:var(--sapFontSize);font-size:var(--sapFontHeader3Size);font-weight:400;font-weight:700;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;text-shadow:var(--fdCard_Media_Heading_Shadow,none)}.fd-card__media-heading:after,.fd-card__media-heading:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__media-text{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--fdCard_Media_Text_Color,var(--sapTile_TextColor));font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0}.fd-card__media-text:after,.fd-card__media-text:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card--banner{--fdCard_Media_Content_Container_Width:80%;--fdCard_Media_Content_Container_Padding_Inline:3rem;--fdCard_Media_Content_Container_Padding_Block:3rem;border:.0625rem solid var(--sapTile_BorderColor);border-radius:var(--sapTile_BorderCornerRadius);-webkit-box-shadow:var(--sapContent_Shadow0);box-shadow:var(--sapContent_Shadow0);height:100%}@media(width>=600px)and (width<=1023px){.fd-card--banner{--fdCard_Media_Image_Container_Width:80%}}@media(width<=599px){.fd-card--banner{--fdCard_Media_Image_Container_Width:100%}}.fd-card--banner:has(.fd-card__media-image-container){--fdCard_Media_Content_Container_Width:50%;--fdCard_Media_Image_Container_Width:50%}@media(width>=600px)and (width<=1023px){.fd-card--banner:has(.fd-card__media-image-container){--fdCard_Media_Content_Container_Width:80%;--fdCard_Media_Image_Container_Width:20%}}@media(width<=599px){.fd-card--banner:has(.fd-card__media-image-container){--fdCard_Media_Flex_Direction:column-reverse;--fdCard_Media_Content_Container_Width:100%;--fdCard_Media_Image_Container_Width:100%}}.fd-card--banner:has(.fd-card__media-image-container):has(.fd-card__media-content-container--overlay){--fdCard_Media_Content_Container_Width: calc(50% - 3rem) ;--fdCard_Media_Image_Container_Width:100%;--fdCard_Media_Content_Container_Top:50%;--fdCard_Media_Content_Container_Left:3rem;--fdCard_Media_Content_Container_Height:fit-content;--fdCard_Media_Content_Container_Position:absolute;--fdCard_Media_Content_Container_Transform:translateY(-50%)}@media(width>=600px)and (width<=1023px){.fd-card--banner:has(.fd-card__media-image-container):has(.fd-card__media-content-container--overlay){--fdCard_Media_Content_Container_Width: calc(80% - 3rem) ;--fdCard_Media_Image_Container_Width:100%}}@media(width<=599px){.fd-card--banner:has(.fd-card__media-image-container):has(.fd-card__media-content-container--overlay){--fdCard_Media_Content_Container_Width: calc(100% - 3rem) %;--fdCard_Media_Image_Container_Width:100%;--fdCard_Media_Content_Container_Right:3rem;--fdCard_Media_Content_Container_Padding_Inline:1rem;--fdCard_Media_Content_Container_Padding_Block:1rem}}.fd-card[class*=-compact],.fd-card[class*=-condensed],[class*=-compact] .fd-card:not([class*=-cozy]),[class*=-condensed] .fd-card:not([class*=-cozy]){--fdCard_Header_Text_Spacing:.5rem}@media(width<=599px){.fd-card{--fdCard_Media_Content_Container_Width:100%}}.fd-badge{background:var(--sapHighlightColor);border:0;border:.0625rem solid var(--fdBadge_Border_Color);border-radius:.5rem;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_ContrastTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:var(--sapFontSmallSize);font-weight:400;font-weight:700;forced-color-adjust:none;height:1rem;line-height:normal;margin-block:0;margin-inline:0;max-width:calc(100% - 1rem);overflow:hidden;padding-block:0;padding-inline:0;padding-inline:.5rem;position:absolute;right:.5rem;text-overflow:ellipsis;top:-.55rem;white-space:nowrap;z-index:10}.fd-badge:after,.fd-badge:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-badge[dir=rtl],[dir=rtl] .fd-badge{left:.5rem;right:auto}.fd-badge--static{position:static}\n/*! Bundled license information:\n\nfundamental-styles/dist/badge.css:\n (*!\n * Fundamental Library Styles v0.41.1\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: "component", type: ObjectStatusComponent, selector: "[fd-object-status]", inputs: ["status", "statusMessage", "glyph", "glyphFont", "label", "ariaLabel", "glyphAriaLabel", "indicationColor", "clickable", "inverted", "large", "secondaryIndication", "textTemplate", "ariaRoleDescription"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
485
|
+
], queries: [{ propertyName: "cardTitle", first: true, predicate: FD_CARD_TITLE, descendants: true, isSignal: true }, { propertyName: "cardSubtitle", first: true, predicate: FD_CARD_SUBTITLE, descendants: true, isSignal: true }, { propertyName: "cardSecondSubtitle", first: true, predicate: FD_CARD_SECOND_SUBTITLE, descendants: true, isSignal: true }, { propertyName: "cardCounter", first: true, predicate: FD_CARD_COUNTER, descendants: true, isSignal: true }, { propertyName: "cardMediaHeading", first: true, predicate: FD_CARD_MEDIA_HEADING, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "@if (!isLoading()) {\n <!-- Screen Reader Elements -->\n @if (role() === 'listitem') {\n <span class=\"fd-card__sr-only\" [attr.id]=\"ariaDescriptionId()\">{{ resolvedAriaDescription() }}</span>\n }\n\n <span class=\"fd-card__sr-only\" [attr.id]=\"ariaRoleDescriptionId()\">\n {{\n ariaRoledescription()\n ? ariaRoledescription()\n : ('coreCard.roleDescription' | fdTranslate: { cardType: cardType() })()\n }}</span\n >\n\n <!-- Badge -->\n @if (badge() || badgeIcon() || secondBadge() || secondBadgeIcon()) {\n <div class=\"fd-card__badge-container\">\n @if (badge() || badgeIcon()) {\n <span\n fd-object-status\n [inverted]=\"true\"\n class=\"fd-card__badge\"\n [glyph]=\"badgeIcon()\"\n [status]=\"badgeStatus()\"\n [indicationColor]=\"badgeColor()\"\n [secondaryIndication]=\"badgeColorSecondary()\"\n [label]=\"badge()\"\n [attr.id]=\"badgeId()\"\n [attr.aria-label]=\"badgeAriaLabel()\"\n >\n </span>\n }\n\n @if (secondBadge() || secondBadgeIcon()) {\n <span\n fd-object-status\n [inverted]=\"true\"\n class=\"fd-card__badge\"\n [glyph]=\"secondBadgeIcon()\"\n [status]=\"secondBadgeStatus()\"\n [indicationColor]=\"secondBadgeColor()\"\n [secondaryIndication]=\"secondBadgeColorSecondary()\"\n [label]=\"secondBadge()\"\n [attr.id]=\"secondBadgeId()\"\n [attr.aria-label]=\"secondBadgeAriaLabel()\"\n >\n </span>\n }\n </div>\n }\n\n <!-- Header and Content -->\n <ng-content></ng-content>\n\n <!-- Footer -->\n <ng-content select=\"fd-card-footer\"></ng-content>\n} @else {\n <!-- Loader -->\n <ng-content select=\"fd-card-loader\"></ng-content>\n}\n", styles: ["@charset \"UTF-8\";.fd-numeric-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;height:3rem;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;width:100%}.fd-numeric-content:after,.fd-numeric-content:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-numeric-content__kpi-container,.fd-numeric-content__launch-icon-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-align:center;-ms-flex-align:center;align-items:center;height:100%;overflow:hidden;-webkit-padding-before:.125rem;padding-block-start:.125rem;-webkit-margin-end:.375rem;margin-inline-end:.375rem}.fd-numeric-content__kpi-container:after,.fd-numeric-content__kpi-container:before,.fd-numeric-content__launch-icon-container:after,.fd-numeric-content__launch-icon-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-numeric-content__kpi-container:first-child:last-child,.fd-numeric-content__launch-icon-container:first-child:last-child{margin-block:0;margin-inline:0}.fd-numeric-content__launch-icon-container{max-width:1.75rem;min-width:1.75rem;width:1.75rem}.fd-numeric-content__scale-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;height:100%;line-height:normal;margin-block:0;margin-inline:0;overflow:hidden;padding-block:0;padding-block:.5rem .375rem;padding-inline:0}.fd-numeric-content__scale-container:after,.fd-numeric-content__scale-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-numeric-content__scale-container:first-child:last-child{margin-block:0;margin-inline:0}.fd-numeric-content__launch-icon [class*=sap-icon],.fd-numeric-content__launch-icon[class*=sap-icon]{background:inherit;border-radius:inherit;color:inherit;color:var(--sapTile_IconColor);font-size:inherit;font-size:1.75rem;line-height:1;line-height:normal}.fd-numeric-content__kpi{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapNeutralTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:2.25rem;font-weight:400;font-weight:lighter;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0}.fd-numeric-content__kpi:after,.fd-numeric-content__kpi:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-numeric-content__kpi--positive{color:var(--sapPositiveTextColor)}.fd-numeric-content__kpi--critical{color:var(--sapCriticalTextColor)}.fd-numeric-content__kpi--negative{color:var(--sapNegativeTextColor)}.fd-numeric-content__kpi--informative{color:var(--sapInformativeTextColor)}.fd-numeric-content__scale{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-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.fd-numeric-content__scale:after,.fd-numeric-content__scale:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-numeric-content__scale-arrow [class*=sap-icon],.fd-numeric-content__scale-arrow[class*=sap-icon]{background:inherit;border-radius:inherit;color:inherit;color:var(--sapNeutralTextColor);font-size:inherit;font-size:.875rem;line-height:1;line-height:normal}.fd-numeric-content__scale-text{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapNeutralTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:.875rem;font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0}.fd-numeric-content__scale-text:after,.fd-numeric-content__scale-text:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-numeric-content__scale--positive .fd-numeric-content__scale-arrow [class*=sap-icon],.fd-numeric-content__scale--positive .fd-numeric-content__scale-arrow[class*=sap-icon],.fd-numeric-content__scale--positive .fd-numeric-content__scale-text{color:var(--sapPositiveTextColor)}.fd-numeric-content__scale--critical .fd-numeric-content__scale-arrow [class*=sap-icon],.fd-numeric-content__scale--critical .fd-numeric-content__scale-arrow[class*=sap-icon],.fd-numeric-content__scale--critical .fd-numeric-content__scale-text{color:var(--sapCriticalTextColor)}.fd-numeric-content__scale--negative .fd-numeric-content__scale-arrow [class*=sap-icon],.fd-numeric-content__scale--negative .fd-numeric-content__scale-arrow[class*=sap-icon],.fd-numeric-content__scale--negative .fd-numeric-content__scale-text{color:var(--sapNegativeTextColor)}.fd-numeric-content__scale--informative .fd-numeric-content__scale-arrow [class*=sap-icon],.fd-numeric-content__scale--informative .fd-numeric-content__scale-arrow[class*=sap-icon],.fd-numeric-content__scale--informative .fd-numeric-content__scale-text{color:var(--sapInformativeTextColor)}.fd-numeric-content--m{height:2.5rem}.fd-numeric-content--m .fd-numeric-content__kpi-container,.fd-numeric-content--m .fd-numeric-content__launch-icon-container{-webkit-padding-before:0;padding-block-start:0;-webkit-margin-end:.5rem;margin-inline-end:.5rem}.fd-numeric-content--m .fd-numeric-content__launch-icon-container{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.fd-numeric-content--m .fd-numeric-content__scale-container{padding-block:.375rem .188rem}.fd-numeric-content--m .fd-numeric-content__kpi{font-size:2rem}.fd-numeric-content--s{height:2.25rem}.fd-numeric-content--s .fd-numeric-content__kpi-container,.fd-numeric-content--s .fd-numeric-content__launch-icon-container{-webkit-padding-before:0;padding-block-start:0;-webkit-margin-end:.5rem;margin-inline-end:.5rem}.fd-numeric-content--s .fd-numeric-content__scale-container{padding-block:0 .313rem}.fd-numeric-content--s .fd-numeric-content__kpi{font-size:1.75rem}.fd-numeric-content--small-tile{height:2.375rem}.fd-numeric-content--small-tile .fd-numeric-content__kpi-container,.fd-numeric-content--small-tile .fd-numeric-content__launch-icon-container{-webkit-padding-before:.5rem;padding-block-start:.5rem;-webkit-margin-end:.375rem;margin-inline-end:.375rem}.fd-numeric-content--small-tile .fd-numeric-content__launch-icon-container{max-width:1.5rem;min-width:1.5rem;width:1.5rem}.fd-numeric-content--small-tile .fd-numeric-content__scale-container{padding-block:.25rem}.fd-numeric-content--small-tile .fd-numeric-content__kpi,.fd-numeric-content--small-tile .fd-numeric-content__launch-icon [class*=sap-icon],.fd-numeric-content--small-tile .fd-numeric-content__launch-icon[class*=sap-icon]{font-size:1.5rem}.fd-numeric-content--small-tile .fd-numeric-content__kpi[dir=rtl],[dir=rtl] .fd-numeric-content--small-tile .fd-numeric-content__kpi{direction:ltr;text-align:right}.fd-numeric-content--small-tile.fd-numeric-content--m{height:2.375rem}.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__kpi-container,.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__launch-icon-container{-webkit-padding-before:.5rem;padding-block-start:.5rem;-webkit-margin-end:.375rem;margin-inline-end:.375rem}.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__launch-icon-container{max-width:1.5rem;min-width:1.5rem;width:1.5rem}.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__scale-container{padding-block:.25rem}.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__kpi,.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__launch-icon [class*=sap-icon],.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__launch-icon[class*=sap-icon]{font-size:1.5rem}.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__kpi[dir=rtl],[dir=rtl] .fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__kpi{direction:ltr;text-align:right}.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__launch-icon-container{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.fd-numeric-content--small-tile.fd-numeric-content--s{height:2.375rem}.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__kpi-container,.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__launch-icon-container{-webkit-padding-before:.5rem;padding-block-start:.5rem;-webkit-margin-end:.375rem;margin-inline-end:.375rem}.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__launch-icon-container{max-width:1.5rem;min-width:1.5rem;width:1.5rem}.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__scale-container{padding-block:.25rem}.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__kpi,.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__launch-icon [class*=sap-icon],.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__launch-icon[class*=sap-icon]{font-size:1.5rem}.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__kpi[dir=rtl],[dir=rtl] .fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__kpi{direction:ltr;text-align:right}.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__scale-container{-webkit-padding-before:0;padding-block-start:0}.fd-card{--fdCard_Border:.0625rem solid var(--sapTile_BorderColor);--fdCard_Border_Corner_Radius:var(--sapTile_BorderCornerRadius);--fdCard_Header_Text_Spacing:.25rem;--fdCard_Box_Shadow:var(--fdCard_Box_Shadow_Regular);--fdCard_Header_Border_Radius:var(--fdCard_Border_Corner_Radius) var(--fdCard_Border_Corner_Radius) 0 0;--fdCard_Main_Header_Border_Radius:inherit;--fdCard_Footer_Border_Radius:0 0 var(--fdCard_Border_Corner_Radius) var(--fdCard_Border_Corner_Radius);--fdCard_Content_Border_Radius:0;--fdCard_Focus_Outline_Radius:var(--fdCard_Border_Corner_Radius);--fdCard_Focus_Outline_Offset:.0625rem;--fdCard_Media_Border_Radius:var(--fdCard_Border_Corner_Radius) var(--fdCard_Border_Corner_Radius) 0 0;--fdCard_Main_Header_Border_Bottom:var(--fdCard_Header_Border_Bottom);--fdCard_Main_Header_Border_Top:none;--fdCard_Main_Header_Padding_Block_Start:1rem;--fdCard_Main_Header_Padding_Block_End:var(--fdCard_Main_Header_Padding_Bottom);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;background:var(--fdCard_Background,var(--sapTile_Background));border:var(--fdCard_Border);border-radius:var(--fdCard_Border_Corner_Radius);-webkit-box-shadow:var(--fdCard_Box_Shadow);box-shadow:var(--fdCard_Box_Shadow);-ms-flex:1;flex:1;min-height:100%;position:relative;width:100%}.fd-card:after,.fd-card:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card--interactive{cursor:pointer}.fd-card--interactive.is-focus,.fd-card--interactive:focus{outline:none;z-index:5}.fd-card--interactive.is-focus:before,.fd-card--interactive:focus:before{border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);border-radius:var(--fdCard_Focus_Outline_Radius);content:\"\";display:block;inset:var(--fdCard_Focus_Outline_Offset);position:absolute;z-index:3}.fd-card--interactive.is-hover,.fd-card--interactive:hover{--fdCard_Background:var(--sapTile_Hover_Background);--fdCard_Box_Shadow:var(--fdCard_Box_Shadow_Hover);--fdCard_Footer_Background:var(--sapTile_Hover_Background);--fdCard_Main_Header_Background:var(--sapTile_Hover_Background)}.fd-card--interactive.is-active,.fd-card--interactive:active{--fdCard_Box_Shadow:none;--fdCard_Background:var(--sapTile_Active_Background);--fdCard_Footer_Background:var(--sapTile_Active_Background);--fdCard_Main_Header_Background:var(--sapTile_Active_Background);--fdCard_Border:.0625rem solid var(--sapTile_Interactive_BorderColor)}.fd-card--interactive.is-selected:before,.fd-card--interactive[aria-selected=true]:before{border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);border-radius:var(--fdCard_Focus_Outline_Radius);content:\"\";display:block;inset:var(--fdCard_Focus_Outline_Offset);position:absolute;z-index:3}.fd-card--interactive[role=button] .fd-card__header-main-container.is-focus,.fd-card--interactive[role=button] .fd-card__header-main-container:focus{outline:none;z-index:5}.fd-card--interactive[role=button] .fd-card__header-main-container.is-focus:before,.fd-card--interactive[role=button] .fd-card__header-main-container:focus:before{border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);border-radius:var(--fdCard_Focus_Outline_Radius);content:\"\";display:block;inset:var(--fdCard_Focus_Outline_Offset);position:absolute;z-index:3}.fd-card--interactive[role=listitem] .fd-card__header-main-container{pointer-events:none}.fd-card__header{border:0;border-radius:var(--fdCard_Header_Border_Radius);-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}.fd-card__header:after,.fd-card__header:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__header:is(:first-child){--fdCard_Focus_Outline_Radius:var(--fdCard_Border_Corner_Radius) var(--fdCard_Border_Corner_Radius) 0 0}.fd-card__header:is(:last-child){--fdCard_Main_Header_Border_Bottom:none;--fdCard_Main_Header_Padding_Block_End:1rem;--fdCard_Main_Header_Padding_Block_Start:1rem;--fdCard_Main_Header_Border_Top:var(--fdCard_Header_Border_Bottom);--fdCard_Header_Border_Radius:0 0 var(--fdCard_Border_Corner_Radius) var(--fdCard_Border_Corner_Radius);--fdCard_Focus_Outline_Radius:0 0 var(--fdCard_Border_Corner_Radius) var(--fdCard_Border_Corner_Radius)}.fd-card__header:is(:last-child) .fd-card__header-main:not(:only-child){--fdCard_Focus_Outline_Radius:0}.fd-card__header:only-child{--fdCard_Header_Border_Radius:var(--fdCard_Border_Corner_Radius);--fdCard_Focus_Outline_Radius:var(--fdCard_Border_Corner_Radius)}.fd-card__header:only-child .fd-card__header-main:not(:only-child){--fdCard_Focus_Outline_Radius:var(--fdCard_Border_Corner_Radius) var(--fdCard_Border_Corner_Radius) 0 0}.fd-card__header:only-child .fd-card__header-main{--fdCard_Main_Header_Padding_Block_Start:1rem;--fdCard_Main_Header_Padding_Block_End:1rem;--fdCard_Main_Header_Border_Bottom:none;--fdCard_Main_Header_Border_Top:none}.fd-card__header--interactive .fd-card__header-main{cursor:pointer}.fd-card__header--interactive .fd-card__header-main.is-hover,.fd-card__header--interactive .fd-card__header-main:hover{--fdCard_Main_Header_Background:var(--sapTile_Hover_Background)}.fd-card__header--interactive .fd-card__header-main:has(.fd-card__header-main-container.is-active){--fdCard_Main_Header_Background:var(--sapTile_Active_Background)}.fd-card__header--interactive .fd-card__header-main:has(.fd-card__header-main-container:active){--fdCard_Main_Header_Background:var(--sapTile_Active_Background)}.fd-card__header--interactive .fd-card__header-main-container.is-focus,.fd-card__header--interactive .fd-card__header-main-container:focus{outline:none;z-index:5}.fd-card__header--interactive .fd-card__header-main-container.is-focus:before,.fd-card__header--interactive .fd-card__header-main-container:focus:before{border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);border-radius:var(--fdCard_Focus_Outline_Radius);content:\"\";display:block;inset:var(--fdCard_Focus_Outline_Offset);position:absolute;z-index:3}.fd-card__header-main{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:horizontal;-webkit-box-direction:normal;background:var(--fdCard_Main_Header_Background,var(--sapTile_Background));border-bottom:var(--fdCard_Main_Header_Border_Bottom);border-radius:var(--fdCard_Main_Header_Border_Radius);border-top:var(--fdCard_Main_Header_Border_Top);-ms-flex-direction:row;flex-direction:row;gap:.5rem;padding-block:var(--fdCard_Main_Header_Padding_Block_Start) var(--fdCard_Main_Header_Padding_Block_End);padding-inline:1rem;position:relative;text-decoration:none}.fd-card__header-main:after,.fd-card__header-main:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__header-main-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-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:.5rem;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:100%}.fd-card__header-main-container:after,.fd-card__header-main-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__header-main-actions{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:.25rem;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;z-index:5}.fd-card__header-main-actions:after,.fd-card__header-main-actions:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__header-extended{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:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:.5rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-block:.5rem;padding-inline:1rem}.fd-card__header-extended:after,.fd-card__header-extended:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__header-extended--top-aligned{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.fd-card__header-extended--bottom-aligned{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.fd-card__header-column{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;flex:1;gap:.25rem;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.fd-card__header-column:after,.fd-card__header-column:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__header-column--right-aligned{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.fd-card__header-row{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:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:.5rem}.fd-card__header-row:after,.fd-card__header-row:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__header-numeric{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:.25rem;padding-block:.25rem;padding-inline:1rem}.fd-card__header-numeric:after,.fd-card__header-numeric:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__indicator{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:.125rem;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-padding-before:.5rem;padding-block-start:.5rem}.fd-card__indicator:after,.fd-card__indicator:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__numeric-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;-webkit-box-flex:1;-ms-flex:1;flex:1}.fd-card__numeric-container:after,.fd-card__numeric-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__indicator-title{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapTile_TextColor);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-card__indicator-title:after,.fd-card__indicator-title:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__indicator-value{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapTile_TitleTextColor);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;text-align:right}.fd-card__indicator-value:after,.fd-card__indicator-value:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__timestamp{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:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:.125rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:var(--sapFontSmallSize)}.fd-card__timestamp:after,.fd-card__timestamp:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__footer{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(--fdCard_Footer_Background,var(--sapTile_Background));border-radius:var(--fdCard_Footer_Border_Radius);border-top:var(--fdCard_Footer_Border_Top);padding-block:var(--fdCard_Footer_Padding) 1rem;padding-inline:1rem}.fd-card__footer:after,.fd-card__footer:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__footer-actions{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:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:.5rem;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;width:100%}.fd-card__footer-actions:after,.fd-card__footer-actions:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__footer .fd-card__footer-link{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-margin-end:var(--fdCard_Footer_Actions_Item_Spacing);margin-inline-end:var(--fdCard_Footer_Actions_Item_Spacing);text-overflow:clip}.fd-card__footer:is(:first-child){--fdCard_Footer_Border_Radius:var(--fdCard_Border_Corner_Radius) var(--fdCard_Border_Corner_Radius) 0 0}.fd-card__header-text{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;-ms-flex-item-align:center;align-self:center;gap:var(--fdCard_Header_Text_Spacing);height:100%;width:100%}.fd-card__header-text:after,.fd-card__header-text:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__title-area{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:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;width:100%}.fd-card__title-area:after,.fd-card__title-area:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__title{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;-webkit-line-clamp:3;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;color:var(--sapTile_TitleTextColor);font-family:var(--sapFontHeaderFamily);font-size:var(--fdCard_Title_Font_Size);font-weight:var(--fdCard_Title_Font_Weight);overflow:hidden;text-overflow:ellipsis;white-space:normal;word-wrap:break-word;max-height:4.2rem;max-width:100%}.fd-card__title:after,.fd-card__title:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__subtitle-area{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:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.fd-card__subtitle-area:after,.fd-card__subtitle-area:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__subtitle{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;-webkit-line-clamp:2;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;color:var(--sapTile_TextColor);overflow:hidden;text-overflow:ellipsis;white-space:normal;word-wrap:break-word;max-height:2.5rem;max-width:100%}.fd-card__subtitle:after,.fd-card__subtitle:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__counter.fd-object-status{white-space:nowrap;-webkit-margin-start:1rem;font-size:var(--sapFontSmallSize);margin-inline-start:1rem;-webkit-margin-before:var(--fdCard_Counter_Margin);margin-block-start:var(--fdCard_Counter_Margin)}.fd-card__badge-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;right:.5rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.25rem;max-width:calc(100% - 1rem);min-width:1.375rem;position:absolute;top:-.5rem;z-index:10}.fd-card__badge-container:after,.fd-card__badge-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__badge-container[dir=rtl],[dir=rtl] .fd-card__badge-container{left:.5rem;right:auto}.fd-card__badge-container+.fd-card__header{--fdCard_Content_Border_Radius:var(--fdCard_Border_Corner_Radius) var(--fdCard_Border_Corner_Radius) 0 0;--fdCard_Focus_Outline_Radius:var(--fdCard_Border_Corner_Radius) var(--fdCard_Border_Corner_Radius) 0 0;--fdCard_Main_Header_Border_Radius:var(--fdCard_Border_Corner_Radius) var(--fdCard_Border_Corner_Radius) 0 0}.fd-card__badge-container+.fd-card__header:is(:last-child){--fdCard_Content_Border_Radius:var(--fdCard_Border_Corner_Radius);--fdCard_Focus_Outline_Radius:var(--fdCard_Border_Corner_Radius)}.fd-card__badge-container+.fd-card__content{overflow:hidden;--fdCard_Content_Border_Radius:var(--fdCard_Border_Corner_Radius) var(--fdCard_Border_Corner_Radius) 0 0;--fdCard_Focus_Outline_Radius:var(--fdCard_Border_Corner_Radius) var(--fdCard_Border_Corner_Radius) 0 0}.fd-card__badge-container+.fd-card__content:is(:last-child){--fdCard_Content_Border_Radius:var(--fdCard_Border_Corner_Radius);--fdCard_Focus_Outline_Radius:var(--fdCard_Border_Corner_Radius)}.fd-card__badge.fd-object-status{--fdObjectStatus_Inverted_Border_Radius:.5rem;--fdObjectStatus_Inverted_Padding_Block:0;--fdObjectStatus_Inverted_Padding_Inline:.25rem;--fdObjectStatus_Inverted_Line_Height:.875rem}.fd-card__badge.fd-object-status span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fd-card__currency{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:horizontal;-webkit-box-direction:normal;color:var(--sapTile_TextColor);-ms-flex-direction:row;flex-direction:row;text-overflow:ellipsis;-webkit-margin-start:.25rem;margin-inline-start:.25rem;white-space:nowrap}.fd-card__currency:after,.fd-card__currency:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__currency:before{content:\"|\\a0\"}.fd-card__analytics-area{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:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;margin-top:.5rem;overflow:hidden}.fd-card__analytics-area:after,.fd-card__analytics-area:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__analytics-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-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;overflow-x:hidden;white-space:nowrap;width:100%;-webkit-margin-start:2rem;margin-inline-start:2rem}.fd-card__analytics-container:after,.fd-card__analytics-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__analytics{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:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-padding-after:.25rem;padding-block-end:.25rem;-webkit-margin-start:1rem;font-size:var(--sapFontSmallSize);margin-inline-start:1rem;max-width:calc(50% - 1rem);overflow:hidden}.fd-card__analytics:after,.fd-card__analytics:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__analytics-text{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-padding-after:.25rem;color:var(--sapTile_TextColor);padding-block-end:.25rem}.fd-card__analytics-text:after,.fd-card__analytics-text:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__analytics-content{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapTile_TitleTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0}.fd-card__analytics-content:after,.fd-card__analytics-content:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__analytics-content[dir=rtl],[dir=rtl] .fd-card__analytics-content{direction:ltr;text-align:right}.fd-card__second-subtitle{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapTile_TextColor);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;margin-top:.25rem;overflow:hidden;padding-block:0;padding-inline:0;text-overflow:ellipsis;white-space:nowrap;width:100%}.fd-card__second-subtitle:after,.fd-card__second-subtitle:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__numeric-content.fd-numeric-content{-ms-flex-negative:0;flex-shrink:0;width:auto}.fd-card__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;--fdCard_Focus_Outline_Radius:0;-webkit-box-flex:1;border-radius:var(--fdCard_Content_Border_Radius);-ms-flex:1 0 auto;flex:1 0 auto;position:relative}.fd-card__content:after,.fd-card__content:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__content.is-focus,.fd-card__content:focus{outline:none;z-index:5}.fd-card__content.is-focus:before,.fd-card__content:focus:before{border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);border-radius:var(--fdCard_Focus_Outline_Radius);content:\"\";display:block;inset:var(--fdCard_Focus_Outline_Offset);position:absolute;z-index:3}.fd-card__content:is(:first-child){overflow:hidden;--fdCard_Content_Border_Radius:var(--fdCard_Border_Corner_Radius) var(--fdCard_Border_Corner_Radius) 0 0;--fdCard_Focus_Outline_Radius:var(--fdCard_Border_Corner_Radius) var(--fdCard_Border_Corner_Radius) 0 0}.fd-card__content:is(:last-child){overflow:hidden;--fdCard_Content_Border_Radius:0 0 var(--fdCard_Border_Corner_Radius) var(--fdCard_Border_Corner_Radius);--fdCard_Focus_Outline_Radius:0 0 var(--fdCard_Border_Corner_Radius) var(--fdCard_Border_Corner_Radius)}.fd-card__content:is(:only-child){overflow:hidden;--fdCard_Content_Border_Radius:var(--fdCard_Border_Corner_Radius);--fdCard_Focus_Outline_Radius:var(--fdCard_Border_Corner_Radius)}.fd-card__content--with-spacing{padding-block:1rem;padding-inline:1rem}.fd-card__content-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-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:1.75rem}.fd-card__content-container:after,.fd-card__content-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__content-container--horizontal{gap:2rem;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.fd-card__content-section{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:1rem;max-width:24rem;min-width:12rem;width:100%}.fd-card__content-section:after,.fd-card__content-section:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__content-title-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;-webkit-padding-after:.5rem;padding-block-end:.5rem}.fd-card__content-title-container:after,.fd-card__content-title-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__content-group{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:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:.5rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.fd-card__content-group:after,.fd-card__content-group:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__content-group-text{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:.25rem}.fd-card__content-group-text:after,.fd-card__content-group-text:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card--analytical .fd-card__subtitle-area{margin-top:.5rem}.fd-card--analytical .fd-card__title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:2.8rem;overflow:hidden;text-overflow:ellipsis;white-space:normal}.fd-card--table[class*=-compact] .fd-card__content,.fd-card--table[class*=-condensed] .fd-card__content,[class*=-compact] .fd-card--table:not([class*=-cozy]) .fd-card__content,[class*=-condensed] .fd-card--table:not([class*=-cozy]) .fd-card__content{-webkit-padding-after:.5rem;padding-block-end:.5rem}.fd-card--object .fd-card__content{padding-block:1rem;padding-inline:1rem}.fd-card__loader{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;min-height:5rem}.fd-card__loader:after,.fd-card__loader:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__media{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:horizontal;-webkit-box-direction:normal;background-color:var(--fdCard_Media_Background,var(--sapTile_Background));border-radius:var(--fdCard_Media_Border_Radius);-ms-flex-direction:row;flex-direction:row;flex-direction:var(--fdCard_Media_Flex_Direction,row);height:100%;overflow:hidden;padding-block:var(--fdCard_Media_Padding_Block_Start,0) var(--fdCard_Media_Padding_Block_End,0);padding-inline:var(--fdCard_Media_Padding_Inline_Start,0) var(--fdCard_Media_Padding_Inline_End,0);position:relative}.fd-card__media:after,.fd-card__media:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__media.fd-card__media--with-padding{--fdCard_Media_Image_Radius:.5rem;--fdCard_Media_Padding_Inline_Start:1rem;--fdCard_Media_Padding_Inline_End:1rem;--fdCard_Media_Padding_Block_Start:1rem}.fd-card__media.fd-card__media--bg-shell-1{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Background:var(--sapShell_Category_1_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_1_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_1_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_1_TextColor)}.fd-card__media.fd-card__media--bg-shell-2{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Background:var(--sapShell_Category_2_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_2_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_2_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_2_TextColor)}.fd-card__media.fd-card__media--bg-shell-3{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Background:var(--sapShell_Category_3_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_3_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_3_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_3_TextColor)}.fd-card__media.fd-card__media--bg-shell-4{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Background:var(--sapShell_Category_4_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_4_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_4_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_4_TextColor)}.fd-card__media.fd-card__media--bg-shell-5{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Background:var(--sapShell_Category_5_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_5_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_5_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_5_TextColor)}.fd-card__media.fd-card__media--bg-shell-6{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Background:var(--sapShell_Category_6_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_6_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_6_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_6_TextColor)}.fd-card__media.fd-card__media--bg-shell-7{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Background:var(--sapShell_Category_7_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_7_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_7_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_7_TextColor)}.fd-card__media.fd-card__media--bg-shell-8{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Background:var(--sapShell_Category_8_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_8_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_8_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_8_TextColor)}.fd-card__media.fd-card__media--bg-shell-9{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Background:var(--sapShell_Category_9_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_9_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_9_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_9_TextColor)}.fd-card__media.fd-card__media--bg-shell-10{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Background:var(--sapShell_Category_10_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_10_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_10_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_10_TextColor)}.fd-card__media.fd-card__media--bg-shell-11{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Background:var(--sapShell_Category_11_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_11_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_11_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_11_TextColor)}.fd-card__media.fd-card__media--bg-shell-12{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Background:var(--sapShell_Category_12_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_12_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_12_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_12_TextColor)}.fd-card__media.fd-card__media--bg-shell-13{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Background:var(--sapShell_Category_13_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_13_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_13_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_13_TextColor)}.fd-card__media.fd-card__media--bg-shell-14{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Background:var(--sapShell_Category_14_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_14_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_14_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_14_TextColor)}.fd-card__media.fd-card__media--bg-shell-15{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Background:var(--sapShell_Category_15_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_15_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_15_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_15_TextColor)}.fd-card__media.fd-card__media--bg-shell-16{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Background:var(--sapShell_Category_16_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_16_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_16_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_16_TextColor)}.fd-card__media.fd-card__media--bg-legend-1{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Background:var(--sapLegendBackgroundColor1);--fdCard_Media_Heading_Shadow:none}.fd-card__media.fd-card__media--bg-legend-2{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Background:var(--sapLegendBackgroundColor2);--fdCard_Media_Heading_Shadow:none}.fd-card__media.fd-card__media--bg-legend-3{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Background:var(--sapLegendBackgroundColor3);--fdCard_Media_Heading_Shadow:none}.fd-card__media.fd-card__media--bg-legend-4{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Background:var(--sapLegendBackgroundColor4);--fdCard_Media_Heading_Shadow:none}.fd-card__media.fd-card__media--bg-legend-5{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Background:var(--sapLegendBackgroundColor5);--fdCard_Media_Heading_Shadow:none}.fd-card__media.fd-card__media--bg-legend-6{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Background:var(--sapLegendBackgroundColor6);--fdCard_Media_Heading_Shadow:none}.fd-card__media.fd-card__media--bg-legend-7{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Background:var(--sapLegendBackgroundColor7);--fdCard_Media_Heading_Shadow:none}.fd-card__media.fd-card__media--bg-legend-8{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Background:var(--sapLegendBackgroundColor8);--fdCard_Media_Heading_Shadow:none}.fd-card__media.fd-card__media--bg-legend-9{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Background:var(--sapLegendBackgroundColor9);--fdCard_Media_Heading_Shadow:none}.fd-card__media.fd-card__media--bg-legend-10{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Background:var(--sapLegendBackgroundColor10);--fdCard_Media_Heading_Shadow:none}.fd-card__media.fd-card__media--bg-legend-11{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Background:var(--sapLegendBackgroundColor11);--fdCard_Media_Heading_Shadow:none}.fd-card__media.fd-card__media--bg-legend-12{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Background:var(--sapLegendBackgroundColor12);--fdCard_Media_Heading_Shadow:none}.fd-card__media.fd-card__media--bg-legend-13{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Background:var(--sapLegendBackgroundColor13);--fdCard_Media_Heading_Shadow:none}.fd-card__media.fd-card__media--bg-legend-14{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Background:var(--sapLegendBackgroundColor14);--fdCard_Media_Heading_Shadow:none}.fd-card__media.fd-card__media--bg-legend-15{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Background:var(--sapLegendBackgroundColor15);--fdCard_Media_Heading_Shadow:none}.fd-card__media.fd-card__media--bg-legend-16{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Background:var(--sapLegendBackgroundColor16);--fdCard_Media_Heading_Shadow:none}.fd-card__media.fd-card__media--bg-legend-17{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Background:var(--sapLegendBackgroundColor17);--fdCard_Media_Heading_Shadow:none}.fd-card__media.fd-card__media--bg-legend-18{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Background:var(--sapLegendBackgroundColor18);--fdCard_Media_Heading_Shadow:none}.fd-card__media.fd-card__media--bg-legend-19{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Background:var(--sapLegendBackgroundColor19);--fdCard_Media_Heading_Shadow:none}.fd-card__media.fd-card__media--bg-legend-20{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Background:var(--sapLegendBackgroundColor20);--fdCard_Media_Heading_Shadow:none}.fd-card__media+.fd-card__header{--fdCard_Header_Border_Radius:0;--fdCard_Focus_Outline_Radius:0}.fd-card__media+.fd-card__header:is(:last-child){--fdCard_Header_Border_Radius:0 0 var(--fdCard_Border_Corner_Radius) var(--fdCard_Border_Corner_Radius);--fdCard_Focus_Outline_Radius:0 0 var(--fdCard_Border_Corner_Radius) var(--fdCard_Border_Corner_Radius)}.fd-card__media:only-child{--fdCard_Media_Border_Radius:var(--sapTile_BorderCornerRadius)}.fd-card__media-content-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-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:1rem;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:center;-ms-flex-pack:center;background:var(--fdCard_Media_Content_Container_Background,var(--sapTile_Background));height:var(--fdCard_Media_Content_Container_Height,100%);inset:var(--fdCard_Media_Content_Container_Top,0) var(--fdCard_Media_Content_Container_Right,0) var(--fdCard_Media_Content_Container_Right,0) var(--fdCard_Media_Content_Container_Left,0);justify-content:center;max-height:100%;padding-block:var(--fdCard_Media_Content_Container_Padding_Block,1rem);padding-inline:var(--fdCard_Media_Content_Container_Padding_Inline,1rem);position:var(--fdCard_Media_Content_Container_Position,relative);-webkit-transform:var(--fdCard_Media_Content_Container_Transform,none);transform:var(--fdCard_Media_Content_Container_Transform,none);width:var(--fdCard_Media_Content_Container_Width,100%);z-index:3}.fd-card__media-content-container:after,.fd-card__media-content-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__media-content-container.fd-card__media-content-container--bg-shell-1{--fdCard_Media_Content_Container_Background:var(--sapShell_Category_1_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_1_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_1_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_1_TextColor)}.fd-card__media-content-container.fd-card__media-content-container--bg-shell-2{--fdCard_Media_Content_Container_Background:var(--sapShell_Category_2_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_2_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_2_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_2_TextColor)}.fd-card__media-content-container.fd-card__media-content-container--bg-shell-3{--fdCard_Media_Content_Container_Background:var(--sapShell_Category_3_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_3_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_3_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_3_TextColor)}.fd-card__media-content-container.fd-card__media-content-container--bg-shell-4{--fdCard_Media_Content_Container_Background:var(--sapShell_Category_4_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_4_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_4_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_4_TextColor)}.fd-card__media-content-container.fd-card__media-content-container--bg-shell-5{--fdCard_Media_Content_Container_Background:var(--sapShell_Category_5_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_5_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_5_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_5_TextColor)}.fd-card__media-content-container.fd-card__media-content-container--bg-shell-6{--fdCard_Media_Content_Container_Background:var(--sapShell_Category_6_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_6_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_6_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_6_TextColor)}.fd-card__media-content-container.fd-card__media-content-container--bg-shell-7{--fdCard_Media_Content_Container_Background:var(--sapShell_Category_7_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_7_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_7_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_7_TextColor)}.fd-card__media-content-container.fd-card__media-content-container--bg-shell-8{--fdCard_Media_Content_Container_Background:var(--sapShell_Category_8_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_8_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_8_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_8_TextColor)}.fd-card__media-content-container.fd-card__media-content-container--bg-shell-9{--fdCard_Media_Content_Container_Background:var(--sapShell_Category_9_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_9_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_9_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_9_TextColor)}.fd-card__media-content-container.fd-card__media-content-container--bg-shell-10{--fdCard_Media_Content_Container_Background:var(--sapShell_Category_10_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_10_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_10_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_10_TextColor)}.fd-card__media-content-container.fd-card__media-content-container--bg-shell-11{--fdCard_Media_Content_Container_Background:var(--sapShell_Category_11_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_11_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_11_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_11_TextColor)}.fd-card__media-content-container.fd-card__media-content-container--bg-shell-12{--fdCard_Media_Content_Container_Background:var(--sapShell_Category_12_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_12_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_12_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_12_TextColor)}.fd-card__media-content-container.fd-card__media-content-container--bg-shell-13{--fdCard_Media_Content_Container_Background:var(--sapShell_Category_13_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_13_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_13_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_13_TextColor)}.fd-card__media-content-container.fd-card__media-content-container--bg-shell-14{--fdCard_Media_Content_Container_Background:var(--sapShell_Category_14_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_14_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_14_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_14_TextColor)}.fd-card__media-content-container.fd-card__media-content-container--bg-shell-15{--fdCard_Media_Content_Container_Background:var(--sapShell_Category_15_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_15_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_15_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_15_TextColor)}.fd-card__media-content-container.fd-card__media-content-container--bg-shell-16{--fdCard_Media_Content_Container_Background:var(--sapShell_Category_16_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_16_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_16_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_16_TextColor)}.fd-card__media-content-container.fd-card__media-content-container--bg-legend-1{--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Content_Container_Background:var(--sapLegendBackgroundColor1);--fdCard_Media_Heading_Shadow:none}.fd-card__media-content-container.fd-card__media-content-container--bg-legend-2{--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Content_Container_Background:var(--sapLegendBackgroundColor2);--fdCard_Media_Heading_Shadow:none}.fd-card__media-content-container.fd-card__media-content-container--bg-legend-3{--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Content_Container_Background:var(--sapLegendBackgroundColor3);--fdCard_Media_Heading_Shadow:none}.fd-card__media-content-container.fd-card__media-content-container--bg-legend-4{--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Content_Container_Background:var(--sapLegendBackgroundColor4);--fdCard_Media_Heading_Shadow:none}.fd-card__media-content-container.fd-card__media-content-container--bg-legend-5{--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Content_Container_Background:var(--sapLegendBackgroundColor5);--fdCard_Media_Heading_Shadow:none}.fd-card__media-content-container.fd-card__media-content-container--bg-legend-6{--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Content_Container_Background:var(--sapLegendBackgroundColor6);--fdCard_Media_Heading_Shadow:none}.fd-card__media-content-container.fd-card__media-content-container--bg-legend-7{--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Content_Container_Background:var(--sapLegendBackgroundColor7);--fdCard_Media_Heading_Shadow:none}.fd-card__media-content-container.fd-card__media-content-container--bg-legend-8{--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Content_Container_Background:var(--sapLegendBackgroundColor8);--fdCard_Media_Heading_Shadow:none}.fd-card__media-content-container.fd-card__media-content-container--bg-legend-9{--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Content_Container_Background:var(--sapLegendBackgroundColor9);--fdCard_Media_Heading_Shadow:none}.fd-card__media-content-container.fd-card__media-content-container--bg-legend-10{--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Content_Container_Background:var(--sapLegendBackgroundColor10);--fdCard_Media_Heading_Shadow:none}.fd-card__media-content-container.fd-card__media-content-container--bg-legend-11{--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Content_Container_Background:var(--sapLegendBackgroundColor11);--fdCard_Media_Heading_Shadow:none}.fd-card__media-content-container.fd-card__media-content-container--bg-legend-12{--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Content_Container_Background:var(--sapLegendBackgroundColor12);--fdCard_Media_Heading_Shadow:none}.fd-card__media-content-container.fd-card__media-content-container--bg-legend-13{--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Content_Container_Background:var(--sapLegendBackgroundColor13);--fdCard_Media_Heading_Shadow:none}.fd-card__media-content-container.fd-card__media-content-container--bg-legend-14{--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Content_Container_Background:var(--sapLegendBackgroundColor14);--fdCard_Media_Heading_Shadow:none}.fd-card__media-content-container.fd-card__media-content-container--bg-legend-15{--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Content_Container_Background:var(--sapLegendBackgroundColor15);--fdCard_Media_Heading_Shadow:none}.fd-card__media-content-container.fd-card__media-content-container--bg-legend-16{--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Content_Container_Background:var(--sapLegendBackgroundColor16);--fdCard_Media_Heading_Shadow:none}.fd-card__media-content-container.fd-card__media-content-container--bg-legend-17{--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Content_Container_Background:var(--sapLegendBackgroundColor17);--fdCard_Media_Heading_Shadow:none}.fd-card__media-content-container.fd-card__media-content-container--bg-legend-18{--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Content_Container_Background:var(--sapLegendBackgroundColor18);--fdCard_Media_Heading_Shadow:none}.fd-card__media-content-container.fd-card__media-content-container--bg-legend-19{--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Content_Container_Background:var(--sapLegendBackgroundColor19);--fdCard_Media_Heading_Shadow:none}.fd-card__media-content-container.fd-card__media-content-container--bg-legend-20{--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Content_Container_Background:var(--sapLegendBackgroundColor20);--fdCard_Media_Heading_Shadow:none}.fd-card__media-image-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-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;height:var(--fdCard_Media_Image_Container_Height,100%);width:var(--fdCard_Media_Image_Container_Width,100%)}.fd-card__media-image-container:after,.fd-card__media-image-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__media-image{-webkit-box-flex:1;border-radius:var(--fdCard_Media_Image_Radius,0);-ms-flex:1;flex:1;height:var(--fdCard_Media_Image_Height,100%);width:var(--fdCard_Media_Image_Width,100%)}.fd-card__media-heading{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--fdCard_Media_Heading_Color,var(--sapTile_TitleTextColor));font-family:var(--sapFontFamily);font-family:var(--sapFontHeaderFamily);font-size:var(--sapFontSize);font-size:var(--sapFontHeader3Size);font-weight:400;font-weight:700;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;text-shadow:var(--fdCard_Media_Heading_Shadow,none)}.fd-card__media-heading:after,.fd-card__media-heading:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__media-text{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--fdCard_Media_Text_Color,var(--sapTile_TextColor));font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0}.fd-card__media-text:after,.fd-card__media-text:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card--banner{--fdCard_Media_Content_Container_Width:80%;--fdCard_Media_Content_Container_Padding_Inline:3rem;--fdCard_Media_Content_Container_Padding_Block:3rem;border:.0625rem solid var(--sapTile_BorderColor);border-radius:var(--sapTile_BorderCornerRadius);-webkit-box-shadow:var(--sapContent_Shadow0);box-shadow:var(--sapContent_Shadow0);height:100%}@media(width>=600px)and (width<=1023px){.fd-card--banner{--fdCard_Media_Image_Container_Width:80%}}@media(width<=599px){.fd-card--banner{--fdCard_Media_Image_Container_Width:100%}}.fd-card--banner:has(.fd-card__media-image-container){--fdCard_Media_Content_Container_Width:50%;--fdCard_Media_Image_Container_Width:50%}@media(width>=600px)and (width<=1023px){.fd-card--banner:has(.fd-card__media-image-container){--fdCard_Media_Content_Container_Width:80%;--fdCard_Media_Image_Container_Width:20%}}@media(width<=599px){.fd-card--banner:has(.fd-card__media-image-container){--fdCard_Media_Flex_Direction:column-reverse;--fdCard_Media_Content_Container_Width:100%;--fdCard_Media_Image_Container_Width:100%}}.fd-card--banner:has(.fd-card__media-image-container):has(.fd-card__media-content-container--overlay){--fdCard_Media_Content_Container_Width: calc(50% - 3rem) ;--fdCard_Media_Image_Container_Width:100%;--fdCard_Media_Content_Container_Top:50%;--fdCard_Media_Content_Container_Left:3rem;--fdCard_Media_Content_Container_Height:fit-content;--fdCard_Media_Content_Container_Position:absolute;--fdCard_Media_Content_Container_Transform:translateY(-50%)}@media(width>=600px)and (width<=1023px){.fd-card--banner:has(.fd-card__media-image-container):has(.fd-card__media-content-container--overlay){--fdCard_Media_Content_Container_Width: calc(80% - 3rem) ;--fdCard_Media_Image_Container_Width:100%}}@media(width<=599px){.fd-card--banner:has(.fd-card__media-image-container):has(.fd-card__media-content-container--overlay){--fdCard_Media_Content_Container_Width: calc(100% - 3rem) %;--fdCard_Media_Image_Container_Width:100%;--fdCard_Media_Content_Container_Right:3rem;--fdCard_Media_Content_Container_Padding_Inline:1rem;--fdCard_Media_Content_Container_Padding_Block:1rem}}.fd-card[class*=-compact],.fd-card[class*=-condensed],[class*=-compact] .fd-card:not([class*=-cozy]),[class*=-condensed] .fd-card:not([class*=-cozy]){--fdCard_Header_Text_Spacing:.5rem}@media(width<=599px){.fd-card{--fdCard_Media_Content_Container_Width:100%}}.fd-badge{background:var(--sapHighlightColor);border:0;border:.0625rem solid var(--fdBadge_Border_Color);border-radius:.5rem;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_ContrastTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:var(--sapFontSmallSize);font-weight:400;font-weight:700;forced-color-adjust:none;height:1rem;line-height:normal;margin-block:0;margin-inline:0;max-width:calc(100% - 1rem);overflow:hidden;padding-block:0;padding-inline:0;padding-inline:.5rem;position:absolute;right:.5rem;text-overflow:ellipsis;top:-.55rem;white-space:nowrap;z-index:10}.fd-badge:after,.fd-badge:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-badge[dir=rtl],[dir=rtl] .fd-badge{left:.5rem;right:auto}.fd-badge--static{position:static}.fd-card__header:has(+.fd-card__content){--fdCard_Focus_Outline_Radius: var(--fdCard_Border_Corner_Radius) var(--fdCard_Border_Corner_Radius) 0 0}.fd-card__content+.fd-card__header{--fdCard_Focus_Outline_Radius: 0 0 var(--fdCard_Border_Corner_Radius) var(--fdCard_Border_Corner_Radius)}.fd-card__header:has(.fd-card__header-extended) .fd-card__header-main-container{--fdCard_Focus_Outline_Radius: var(--fdCard_Border_Corner_Radius) var(--fdCard_Border_Corner_Radius) 0 0}.fd-card:not(:has(.fd-card__header,.fd-card__content,.fd-card__footer)) .fd-card__media{--fdCard_Media_Border_Radius: 1rem}.fd-card__sr-only{position:absolute;clip:rect(0 0 0 0);height:1px;width:1px;border:0;margin-inline:-1px;margin-block:-1px;padding-inline:0;padding-block:0;overflow:hidden;white-space:nowrap}\n/*! Bundled license information:\n\nfundamental-styles/dist/badge.css:\n (*!\n * Fundamental Library Styles v0.41.1\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: "component", type: ObjectStatusComponent, selector: "[fd-object-status]", inputs: ["status", "statusMessage", "glyph", "glyphFont", "label", "ariaLabel", "glyphAriaLabel", "indicationColor", "clickable", "inverted", "large", "secondaryIndication", "textTemplate", "ariaRoleDescription"] }, { kind: "pipe", type: FdTranslatePipe, name: "fdTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
431
486
|
}
|
|
432
|
-
__decorate([
|
|
433
|
-
applyCssClass,
|
|
434
|
-
__metadata("design:type", Function),
|
|
435
|
-
__metadata("design:paramtypes", []),
|
|
436
|
-
__metadata("design:returntype", Array)
|
|
437
|
-
], CardComponent.prototype, "buildComponentCssClass", null);
|
|
438
487
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: CardComponent, decorators: [{
|
|
439
488
|
type: Component,
|
|
440
489
|
args: [{ selector: 'fd-card', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [
|
|
@@ -447,115 +496,102 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImpor
|
|
|
447
496
|
provide: CardFocusItem,
|
|
448
497
|
useExisting: forwardRef(() => CardComponent)
|
|
449
498
|
}
|
|
450
|
-
], imports: [ObjectStatusComponent], host: {
|
|
499
|
+
], imports: [ObjectStatusComponent, FdTranslatePipe], host: {
|
|
500
|
+
'[class]': 'cssClass()',
|
|
451
501
|
'[attr.id]': 'id()',
|
|
452
502
|
'[attr.role]': 'role()',
|
|
453
|
-
'[attr.aria-description]': 'role() === "listitem" ? ariaDescription() : null',
|
|
454
|
-
'[attr.aria-roledescription]': 'ariaRoledescription()',
|
|
455
503
|
'[attr.aria-labelledby]': 'cardTitle()?.id() || cardMediaHeading()?.id()',
|
|
504
|
+
'[attr.aria-describedby]': 'ariaDescribedbyComputed()',
|
|
456
505
|
'[attr.aria-label]': 'ariaLabel()',
|
|
457
506
|
'[attr.aria-selected]': 'selected()',
|
|
458
|
-
'[class.fd-card--interactive]': 'interactive()',
|
|
459
507
|
'[tabindex]': 'role() === "listitem" ? 0 : -1',
|
|
460
508
|
'[attr.aria-posinset]': 'role() === "listitem" ? ariaPosinset() : null',
|
|
461
|
-
'[attr.aria-setsize]': 'role() === "listitem" ? ariaSetsize() : null'
|
|
462
|
-
}, template: "@if (!isLoading()) {\n <!-- Badge -->\n\n @if (badge() || badgeIcon() || secondBadge() || secondBadgeIcon()) {\n <div class=\"fd-card__badge-container\">\n @if (badge() || badgeIcon()) {\n <span\n fd-object-status\n [inverted]=\"true\"\n class=\"fd-card__badge\"\n [glyph]=\"badgeIcon()\"\n [status]=\"badgeStatus()\"\n [indicationColor]=\"badgeColor()\"\n [secondaryIndication]=\"badgeColorSecondary()\"\n [label]=\"badge()\"\n [attr.aria-label]=\"badgeAriaLabel()\"\n >\n </span>\n }\n\n @if (secondBadge() || secondBadgeIcon()) {\n <span\n fd-object-status\n [inverted]=\"true\"\n class=\"fd-card__badge\"\n [glyph]=\"secondBadgeIcon()\"\n [status]=\"secondBadgeStatus()\"\n [indicationColor]=\"secondBadgeColor()\"\n [secondaryIndication]=\"secondBadgeColorSecondary()\"\n [label]=\"secondBadge()\"\n [attr.aria-label]=\"secondBadgeAriaLabel()\"\n >\n </span>\n }\n </div>\n }\n\n <!-- Header and Content -->\n <ng-content></ng-content>\n <!-- Footer -->\n <ng-content select=\"fd-card-footer\"></ng-content>\n} @else {\n <ng-content select=\"fd-card-loader\"></ng-content>\n}\n<!-- Loader -->\n", styles: ["@charset \"UTF-8\";.fd-numeric-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;height:3rem;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;width:100%}.fd-numeric-content:after,.fd-numeric-content:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-numeric-content__kpi-container,.fd-numeric-content__launch-icon-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-align:center;-ms-flex-align:center;align-items:center;height:100%;overflow:hidden;-webkit-padding-before:.125rem;padding-block-start:.125rem;-webkit-margin-end:.375rem;margin-inline-end:.375rem}.fd-numeric-content__kpi-container:after,.fd-numeric-content__kpi-container:before,.fd-numeric-content__launch-icon-container:after,.fd-numeric-content__launch-icon-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-numeric-content__kpi-container:first-child:last-child,.fd-numeric-content__launch-icon-container:first-child:last-child{margin-block:0;margin-inline:0}.fd-numeric-content__launch-icon-container{max-width:1.75rem;min-width:1.75rem;width:1.75rem}.fd-numeric-content__scale-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;height:100%;line-height:normal;margin-block:0;margin-inline:0;overflow:hidden;padding-block:0;padding-block:.5rem .375rem;padding-inline:0}.fd-numeric-content__scale-container:after,.fd-numeric-content__scale-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-numeric-content__scale-container:first-child:last-child{margin-block:0;margin-inline:0}.fd-numeric-content__launch-icon [class*=sap-icon],.fd-numeric-content__launch-icon[class*=sap-icon]{background:inherit;border-radius:inherit;color:inherit;color:var(--sapTile_IconColor);font-size:inherit;font-size:1.75rem;line-height:1;line-height:normal}.fd-numeric-content__kpi{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapNeutralTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:2.25rem;font-weight:400;font-weight:lighter;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0}.fd-numeric-content__kpi:after,.fd-numeric-content__kpi:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-numeric-content__kpi--positive{color:var(--sapPositiveTextColor)}.fd-numeric-content__kpi--critical{color:var(--sapCriticalTextColor)}.fd-numeric-content__kpi--negative{color:var(--sapNegativeTextColor)}.fd-numeric-content__kpi--informative{color:var(--sapInformativeTextColor)}.fd-numeric-content__scale{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-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.fd-numeric-content__scale:after,.fd-numeric-content__scale:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-numeric-content__scale-arrow [class*=sap-icon],.fd-numeric-content__scale-arrow[class*=sap-icon]{background:inherit;border-radius:inherit;color:inherit;color:var(--sapNeutralTextColor);font-size:inherit;font-size:.875rem;line-height:1;line-height:normal}.fd-numeric-content__scale-text{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapNeutralTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:.875rem;font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0}.fd-numeric-content__scale-text:after,.fd-numeric-content__scale-text:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-numeric-content__scale--positive .fd-numeric-content__scale-arrow [class*=sap-icon],.fd-numeric-content__scale--positive .fd-numeric-content__scale-arrow[class*=sap-icon],.fd-numeric-content__scale--positive .fd-numeric-content__scale-text{color:var(--sapPositiveTextColor)}.fd-numeric-content__scale--critical .fd-numeric-content__scale-arrow [class*=sap-icon],.fd-numeric-content__scale--critical .fd-numeric-content__scale-arrow[class*=sap-icon],.fd-numeric-content__scale--critical .fd-numeric-content__scale-text{color:var(--sapCriticalTextColor)}.fd-numeric-content__scale--negative .fd-numeric-content__scale-arrow [class*=sap-icon],.fd-numeric-content__scale--negative .fd-numeric-content__scale-arrow[class*=sap-icon],.fd-numeric-content__scale--negative .fd-numeric-content__scale-text{color:var(--sapNegativeTextColor)}.fd-numeric-content__scale--informative .fd-numeric-content__scale-arrow [class*=sap-icon],.fd-numeric-content__scale--informative .fd-numeric-content__scale-arrow[class*=sap-icon],.fd-numeric-content__scale--informative .fd-numeric-content__scale-text{color:var(--sapInformativeTextColor)}.fd-numeric-content--m{height:2.5rem}.fd-numeric-content--m .fd-numeric-content__kpi-container,.fd-numeric-content--m .fd-numeric-content__launch-icon-container{-webkit-padding-before:0;padding-block-start:0;-webkit-margin-end:.5rem;margin-inline-end:.5rem}.fd-numeric-content--m .fd-numeric-content__launch-icon-container{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.fd-numeric-content--m .fd-numeric-content__scale-container{padding-block:.375rem .188rem}.fd-numeric-content--m .fd-numeric-content__kpi{font-size:2rem}.fd-numeric-content--s{height:2.25rem}.fd-numeric-content--s .fd-numeric-content__kpi-container,.fd-numeric-content--s .fd-numeric-content__launch-icon-container{-webkit-padding-before:0;padding-block-start:0;-webkit-margin-end:.5rem;margin-inline-end:.5rem}.fd-numeric-content--s .fd-numeric-content__scale-container{padding-block:0 .313rem}.fd-numeric-content--s .fd-numeric-content__kpi{font-size:1.75rem}.fd-numeric-content--small-tile{height:2.375rem}.fd-numeric-content--small-tile .fd-numeric-content__kpi-container,.fd-numeric-content--small-tile .fd-numeric-content__launch-icon-container{-webkit-padding-before:.5rem;padding-block-start:.5rem;-webkit-margin-end:.375rem;margin-inline-end:.375rem}.fd-numeric-content--small-tile .fd-numeric-content__launch-icon-container{max-width:1.5rem;min-width:1.5rem;width:1.5rem}.fd-numeric-content--small-tile .fd-numeric-content__scale-container{padding-block:.25rem}.fd-numeric-content--small-tile .fd-numeric-content__kpi,.fd-numeric-content--small-tile .fd-numeric-content__launch-icon [class*=sap-icon],.fd-numeric-content--small-tile .fd-numeric-content__launch-icon[class*=sap-icon]{font-size:1.5rem}.fd-numeric-content--small-tile .fd-numeric-content__kpi[dir=rtl],[dir=rtl] .fd-numeric-content--small-tile .fd-numeric-content__kpi{direction:ltr;text-align:right}.fd-numeric-content--small-tile.fd-numeric-content--m{height:2.375rem}.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__kpi-container,.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__launch-icon-container{-webkit-padding-before:.5rem;padding-block-start:.5rem;-webkit-margin-end:.375rem;margin-inline-end:.375rem}.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__launch-icon-container{max-width:1.5rem;min-width:1.5rem;width:1.5rem}.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__scale-container{padding-block:.25rem}.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__kpi,.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__launch-icon [class*=sap-icon],.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__launch-icon[class*=sap-icon]{font-size:1.5rem}.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__kpi[dir=rtl],[dir=rtl] .fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__kpi{direction:ltr;text-align:right}.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__launch-icon-container{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.fd-numeric-content--small-tile.fd-numeric-content--s{height:2.375rem}.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__kpi-container,.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__launch-icon-container{-webkit-padding-before:.5rem;padding-block-start:.5rem;-webkit-margin-end:.375rem;margin-inline-end:.375rem}.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__launch-icon-container{max-width:1.5rem;min-width:1.5rem;width:1.5rem}.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__scale-container{padding-block:.25rem}.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__kpi,.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__launch-icon [class*=sap-icon],.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__launch-icon[class*=sap-icon]{font-size:1.5rem}.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__kpi[dir=rtl],[dir=rtl] .fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__kpi{direction:ltr;text-align:right}.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__scale-container{-webkit-padding-before:0;padding-block-start:0}.fd-card{--fdCard_Border:.0625rem solid var(--sapTile_BorderColor);--fdCard_Border_Corner_Radius:var(--sapTile_BorderCornerRadius);--fdCard_Header_Text_Spacing:.25rem;--fdCard_Box_Shadow:var(--fdCard_Box_Shadow_Regular);--fdCard_Header_Border_Radius:var(--fdCard_Border_Corner_Radius) var(--fdCard_Border_Corner_Radius) 0 0;--fdCard_Main_Header_Border_Radius:inherit;--fdCard_Footer_Border_Radius:0 0 var(--fdCard_Border_Corner_Radius) var(--fdCard_Border_Corner_Radius);--fdCard_Content_Border_Radius:0;--fdCard_Focus_Outline_Radius:var(--fdCard_Border_Corner_Radius);--fdCard_Focus_Outline_Offset:.0625rem;--fdCard_Media_Border_Radius:var(--fdCard_Border_Corner_Radius) var(--fdCard_Border_Corner_Radius) 0 0;--fdCard_Main_Header_Border_Bottom:var(--fdCard_Header_Border_Bottom);--fdCard_Main_Header_Border_Top:none;--fdCard_Main_Header_Padding_Block_Start:1rem;--fdCard_Main_Header_Padding_Block_End:var(--fdCard_Main_Header_Padding_Bottom);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;background:var(--fdCard_Background,var(--sapTile_Background));border:var(--fdCard_Border);border-radius:var(--fdCard_Border_Corner_Radius);-webkit-box-shadow:var(--fdCard_Box_Shadow);box-shadow:var(--fdCard_Box_Shadow);-ms-flex:1;flex:1;min-height:100%;position:relative;width:100%}.fd-card:after,.fd-card:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card--interactive{cursor:pointer}.fd-card--interactive.is-focus,.fd-card--interactive:focus{outline:none;z-index:5}.fd-card--interactive.is-focus:before,.fd-card--interactive:focus:before{border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);border-radius:var(--fdCard_Focus_Outline_Radius);content:\"\";display:block;inset:var(--fdCard_Focus_Outline_Offset);position:absolute;z-index:3}.fd-card--interactive.is-hover,.fd-card--interactive:hover{--fdCard_Background:var(--sapTile_Hover_Background);--fdCard_Box_Shadow:var(--fdCard_Box_Shadow_Hover);--fdCard_Footer_Background:var(--sapTile_Hover_Background);--fdCard_Main_Header_Background:var(--sapTile_Hover_Background)}.fd-card--interactive.is-active,.fd-card--interactive:active{--fdCard_Box_Shadow:none;--fdCard_Background:var(--sapTile_Active_Background);--fdCard_Footer_Background:var(--sapTile_Active_Background);--fdCard_Main_Header_Background:var(--sapTile_Active_Background);--fdCard_Border:.0625rem solid var(--sapTile_Interactive_BorderColor)}.fd-card--interactive.is-selected:before,.fd-card--interactive[aria-selected=true]:before{border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);border-radius:var(--fdCard_Focus_Outline_Radius);content:\"\";display:block;inset:var(--fdCard_Focus_Outline_Offset);position:absolute;z-index:3}.fd-card--interactive[role=button] .fd-card__header-main-container.is-focus,.fd-card--interactive[role=button] .fd-card__header-main-container:focus{outline:none;z-index:5}.fd-card--interactive[role=button] .fd-card__header-main-container.is-focus:before,.fd-card--interactive[role=button] .fd-card__header-main-container:focus:before{border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);border-radius:var(--fdCard_Focus_Outline_Radius);content:\"\";display:block;inset:var(--fdCard_Focus_Outline_Offset);position:absolute;z-index:3}.fd-card--interactive[role=listitem] .fd-card__header-main-container{pointer-events:none}.fd-card__header{border:0;border-radius:var(--fdCard_Header_Border_Radius);-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}.fd-card__header:after,.fd-card__header:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__header:is(:first-child){--fdCard_Focus_Outline_Radius:var(--fdCard_Border_Corner_Radius) var(--fdCard_Border_Corner_Radius) 0 0}.fd-card__header:is(:last-child){--fdCard_Main_Header_Border_Bottom:none;--fdCard_Main_Header_Padding_Block_End:1rem;--fdCard_Main_Header_Padding_Block_Start:1rem;--fdCard_Main_Header_Border_Top:var(--fdCard_Header_Border_Bottom);--fdCard_Header_Border_Radius:0 0 var(--fdCard_Border_Corner_Radius) var(--fdCard_Border_Corner_Radius);--fdCard_Focus_Outline_Radius:0 0 var(--fdCard_Border_Corner_Radius) var(--fdCard_Border_Corner_Radius)}.fd-card__header:is(:last-child) .fd-card__header-main:not(:only-child){--fdCard_Focus_Outline_Radius:0}.fd-card__header:only-child{--fdCard_Header_Border_Radius:var(--fdCard_Border_Corner_Radius);--fdCard_Focus_Outline_Radius:var(--fdCard_Border_Corner_Radius)}.fd-card__header:only-child .fd-card__header-main:not(:only-child){--fdCard_Focus_Outline_Radius:var(--fdCard_Border_Corner_Radius) var(--fdCard_Border_Corner_Radius) 0 0}.fd-card__header:only-child .fd-card__header-main{--fdCard_Main_Header_Padding_Block_Start:1rem;--fdCard_Main_Header_Padding_Block_End:1rem;--fdCard_Main_Header_Border_Bottom:none;--fdCard_Main_Header_Border_Top:none}.fd-card__header--interactive .fd-card__header-main{cursor:pointer}.fd-card__header--interactive .fd-card__header-main.is-hover,.fd-card__header--interactive .fd-card__header-main:hover{--fdCard_Main_Header_Background:var(--sapTile_Hover_Background)}.fd-card__header--interactive .fd-card__header-main:has(.fd-card__header-main-container.is-active){--fdCard_Main_Header_Background:var(--sapTile_Active_Background)}.fd-card__header--interactive .fd-card__header-main:has(.fd-card__header-main-container:active){--fdCard_Main_Header_Background:var(--sapTile_Active_Background)}.fd-card__header--interactive .fd-card__header-main-container.is-focus,.fd-card__header--interactive .fd-card__header-main-container:focus{outline:none;z-index:5}.fd-card__header--interactive .fd-card__header-main-container.is-focus:before,.fd-card__header--interactive .fd-card__header-main-container:focus:before{border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);border-radius:var(--fdCard_Focus_Outline_Radius);content:\"\";display:block;inset:var(--fdCard_Focus_Outline_Offset);position:absolute;z-index:3}.fd-card__header-main{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:horizontal;-webkit-box-direction:normal;background:var(--fdCard_Main_Header_Background,var(--sapTile_Background));border-bottom:var(--fdCard_Main_Header_Border_Bottom);border-radius:var(--fdCard_Main_Header_Border_Radius);border-top:var(--fdCard_Main_Header_Border_Top);-ms-flex-direction:row;flex-direction:row;gap:.5rem;padding-block:var(--fdCard_Main_Header_Padding_Block_Start) var(--fdCard_Main_Header_Padding_Block_End);padding-inline:1rem;position:relative;text-decoration:none}.fd-card__header-main:after,.fd-card__header-main:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__header-main-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-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:.5rem;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:100%}.fd-card__header-main-container:after,.fd-card__header-main-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__header-main-actions{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:.25rem;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;z-index:5}.fd-card__header-main-actions:after,.fd-card__header-main-actions:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__header-extended{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:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:.5rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-block:.5rem;padding-inline:1rem}.fd-card__header-extended:after,.fd-card__header-extended:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__header-extended--top-aligned{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.fd-card__header-extended--bottom-aligned{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.fd-card__header-column{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;flex:1;gap:.25rem;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.fd-card__header-column:after,.fd-card__header-column:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__header-column--right-aligned{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.fd-card__header-row{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:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:.5rem}.fd-card__header-row:after,.fd-card__header-row:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__header-numeric{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:.25rem;padding-block:.25rem;padding-inline:1rem}.fd-card__header-numeric:after,.fd-card__header-numeric:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__indicator{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:.125rem;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-padding-before:.5rem;padding-block-start:.5rem}.fd-card__indicator:after,.fd-card__indicator:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__numeric-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;-webkit-box-flex:1;-ms-flex:1;flex:1}.fd-card__numeric-container:after,.fd-card__numeric-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__indicator-title{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapTile_TextColor);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-card__indicator-title:after,.fd-card__indicator-title:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__indicator-value{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapTile_TitleTextColor);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;text-align:right}.fd-card__indicator-value:after,.fd-card__indicator-value:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__timestamp{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:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:.125rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:var(--sapFontSmallSize)}.fd-card__timestamp:after,.fd-card__timestamp:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__footer{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(--fdCard_Footer_Background,var(--sapTile_Background));border-radius:var(--fdCard_Footer_Border_Radius);border-top:var(--fdCard_Footer_Border_Top);padding-block:var(--fdCard_Footer_Padding) 1rem;padding-inline:1rem}.fd-card__footer:after,.fd-card__footer:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__footer-actions{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:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:.5rem;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;width:100%}.fd-card__footer-actions:after,.fd-card__footer-actions:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__footer .fd-card__footer-link{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-margin-end:var(--fdCard_Footer_Actions_Item_Spacing);margin-inline-end:var(--fdCard_Footer_Actions_Item_Spacing);text-overflow:clip}.fd-card__footer:is(:first-child){--fdCard_Footer_Border_Radius:var(--fdCard_Border_Corner_Radius) var(--fdCard_Border_Corner_Radius) 0 0}.fd-card__header-text{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;-ms-flex-item-align:center;align-self:center;gap:var(--fdCard_Header_Text_Spacing);height:100%;width:100%}.fd-card__header-text:after,.fd-card__header-text:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__title-area{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:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;width:100%}.fd-card__title-area:after,.fd-card__title-area:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__title{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;-webkit-line-clamp:3;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;color:var(--sapTile_TitleTextColor);font-family:var(--sapFontHeaderFamily);font-size:var(--fdCard_Title_Font_Size);font-weight:var(--fdCard_Title_Font_Weight);overflow:hidden;text-overflow:ellipsis;white-space:normal;word-wrap:break-word;max-height:4.2rem;max-width:100%}.fd-card__title:after,.fd-card__title:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__subtitle-area{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:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.fd-card__subtitle-area:after,.fd-card__subtitle-area:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__subtitle{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;-webkit-line-clamp:2;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;color:var(--sapTile_TextColor);overflow:hidden;text-overflow:ellipsis;white-space:normal;word-wrap:break-word;max-height:2.5rem;max-width:100%}.fd-card__subtitle:after,.fd-card__subtitle:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__counter.fd-object-status{white-space:nowrap;-webkit-margin-start:1rem;font-size:var(--sapFontSmallSize);margin-inline-start:1rem;-webkit-margin-before:var(--fdCard_Counter_Margin);margin-block-start:var(--fdCard_Counter_Margin)}.fd-card__badge-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;right:.5rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.25rem;max-width:calc(100% - 1rem);min-width:1.375rem;position:absolute;top:-.5rem;z-index:10}.fd-card__badge-container:after,.fd-card__badge-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__badge-container[dir=rtl],[dir=rtl] .fd-card__badge-container{left:.5rem;right:auto}.fd-card__badge-container+.fd-card__header{--fdCard_Content_Border_Radius:var(--fdCard_Border_Corner_Radius) var(--fdCard_Border_Corner_Radius) 0 0;--fdCard_Focus_Outline_Radius:var(--fdCard_Border_Corner_Radius) var(--fdCard_Border_Corner_Radius) 0 0;--fdCard_Main_Header_Border_Radius:var(--fdCard_Border_Corner_Radius) var(--fdCard_Border_Corner_Radius) 0 0}.fd-card__badge-container+.fd-card__header:is(:last-child){--fdCard_Content_Border_Radius:var(--fdCard_Border_Corner_Radius);--fdCard_Focus_Outline_Radius:var(--fdCard_Border_Corner_Radius)}.fd-card__badge-container+.fd-card__content{overflow:hidden;--fdCard_Content_Border_Radius:var(--fdCard_Border_Corner_Radius) var(--fdCard_Border_Corner_Radius) 0 0;--fdCard_Focus_Outline_Radius:var(--fdCard_Border_Corner_Radius) var(--fdCard_Border_Corner_Radius) 0 0}.fd-card__badge-container+.fd-card__content:is(:last-child){--fdCard_Content_Border_Radius:var(--fdCard_Border_Corner_Radius);--fdCard_Focus_Outline_Radius:var(--fdCard_Border_Corner_Radius)}.fd-card__badge.fd-object-status{--fdObjectStatus_Inverted_Border_Radius:.5rem;--fdObjectStatus_Inverted_Padding_Block:0;--fdObjectStatus_Inverted_Padding_Inline:.25rem;--fdObjectStatus_Inverted_Line_Height:.875rem}.fd-card__badge.fd-object-status span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fd-card__currency{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:horizontal;-webkit-box-direction:normal;color:var(--sapTile_TextColor);-ms-flex-direction:row;flex-direction:row;text-overflow:ellipsis;-webkit-margin-start:.25rem;margin-inline-start:.25rem;white-space:nowrap}.fd-card__currency:after,.fd-card__currency:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__currency:before{content:\"|\\a0\"}.fd-card__analytics-area{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:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;margin-top:.5rem;overflow:hidden}.fd-card__analytics-area:after,.fd-card__analytics-area:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__analytics-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-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;overflow-x:hidden;white-space:nowrap;width:100%;-webkit-margin-start:2rem;margin-inline-start:2rem}.fd-card__analytics-container:after,.fd-card__analytics-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__analytics{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:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-padding-after:.25rem;padding-block-end:.25rem;-webkit-margin-start:1rem;font-size:var(--sapFontSmallSize);margin-inline-start:1rem;max-width:calc(50% - 1rem);overflow:hidden}.fd-card__analytics:after,.fd-card__analytics:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__analytics-text{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-padding-after:.25rem;color:var(--sapTile_TextColor);padding-block-end:.25rem}.fd-card__analytics-text:after,.fd-card__analytics-text:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__analytics-content{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapTile_TitleTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0}.fd-card__analytics-content:after,.fd-card__analytics-content:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__analytics-content[dir=rtl],[dir=rtl] .fd-card__analytics-content{direction:ltr;text-align:right}.fd-card__second-subtitle{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapTile_TextColor);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;margin-top:.25rem;overflow:hidden;padding-block:0;padding-inline:0;text-overflow:ellipsis;white-space:nowrap;width:100%}.fd-card__second-subtitle:after,.fd-card__second-subtitle:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__numeric-content.fd-numeric-content{-ms-flex-negative:0;flex-shrink:0;width:auto}.fd-card__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;--fdCard_Focus_Outline_Radius:0;-webkit-box-flex:1;border-radius:var(--fdCard_Content_Border_Radius);-ms-flex:1 0 auto;flex:1 0 auto;position:relative}.fd-card__content:after,.fd-card__content:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__content.is-focus,.fd-card__content:focus{outline:none;z-index:5}.fd-card__content.is-focus:before,.fd-card__content:focus:before{border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);border-radius:var(--fdCard_Focus_Outline_Radius);content:\"\";display:block;inset:var(--fdCard_Focus_Outline_Offset);position:absolute;z-index:3}.fd-card__content:is(:first-child){overflow:hidden;--fdCard_Content_Border_Radius:var(--fdCard_Border_Corner_Radius) var(--fdCard_Border_Corner_Radius) 0 0;--fdCard_Focus_Outline_Radius:var(--fdCard_Border_Corner_Radius) var(--fdCard_Border_Corner_Radius) 0 0}.fd-card__content:is(:last-child){overflow:hidden;--fdCard_Content_Border_Radius:0 0 var(--fdCard_Border_Corner_Radius) var(--fdCard_Border_Corner_Radius);--fdCard_Focus_Outline_Radius:0 0 var(--fdCard_Border_Corner_Radius) var(--fdCard_Border_Corner_Radius)}.fd-card__content:is(:only-child){overflow:hidden;--fdCard_Content_Border_Radius:var(--fdCard_Border_Corner_Radius);--fdCard_Focus_Outline_Radius:var(--fdCard_Border_Corner_Radius)}.fd-card__content--with-spacing{padding-block:1rem;padding-inline:1rem}.fd-card__content-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-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:1.75rem}.fd-card__content-container:after,.fd-card__content-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__content-container--horizontal{gap:2rem;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.fd-card__content-section{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:1rem;max-width:24rem;min-width:12rem;width:100%}.fd-card__content-section:after,.fd-card__content-section:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__content-title-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;-webkit-padding-after:.5rem;padding-block-end:.5rem}.fd-card__content-title-container:after,.fd-card__content-title-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__content-group{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:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:.5rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.fd-card__content-group:after,.fd-card__content-group:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__content-group-text{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:.25rem}.fd-card__content-group-text:after,.fd-card__content-group-text:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card--analytical .fd-card__subtitle-area{margin-top:.5rem}.fd-card--analytical .fd-card__title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:2.8rem;overflow:hidden;text-overflow:ellipsis;white-space:normal}.fd-card--table[class*=-compact] .fd-card__content,.fd-card--table[class*=-condensed] .fd-card__content,[class*=-compact] .fd-card--table:not([class*=-cozy]) .fd-card__content,[class*=-condensed] .fd-card--table:not([class*=-cozy]) .fd-card__content{-webkit-padding-after:.5rem;padding-block-end:.5rem}.fd-card--object .fd-card__content{padding-block:1rem;padding-inline:1rem}.fd-card__loader{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;min-height:5rem}.fd-card__loader:after,.fd-card__loader:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__media{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:horizontal;-webkit-box-direction:normal;background-color:var(--fdCard_Media_Background,var(--sapTile_Background));border-radius:var(--fdCard_Media_Border_Radius);-ms-flex-direction:row;flex-direction:row;flex-direction:var(--fdCard_Media_Flex_Direction,row);height:100%;overflow:hidden;padding-block:var(--fdCard_Media_Padding_Block_Start,0) var(--fdCard_Media_Padding_Block_End,0);padding-inline:var(--fdCard_Media_Padding_Inline_Start,0) var(--fdCard_Media_Padding_Inline_End,0);position:relative}.fd-card__media:after,.fd-card__media:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__media.fd-card__media--with-padding{--fdCard_Media_Image_Radius:.5rem;--fdCard_Media_Padding_Inline_Start:1rem;--fdCard_Media_Padding_Inline_End:1rem;--fdCard_Media_Padding_Block_Start:1rem}.fd-card__media.fd-card__media--bg-shell-1{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Background:var(--sapShell_Category_1_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_1_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_1_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_1_TextColor)}.fd-card__media.fd-card__media--bg-shell-2{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Background:var(--sapShell_Category_2_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_2_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_2_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_2_TextColor)}.fd-card__media.fd-card__media--bg-shell-3{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Background:var(--sapShell_Category_3_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_3_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_3_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_3_TextColor)}.fd-card__media.fd-card__media--bg-shell-4{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Background:var(--sapShell_Category_4_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_4_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_4_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_4_TextColor)}.fd-card__media.fd-card__media--bg-shell-5{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Background:var(--sapShell_Category_5_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_5_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_5_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_5_TextColor)}.fd-card__media.fd-card__media--bg-shell-6{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Background:var(--sapShell_Category_6_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_6_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_6_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_6_TextColor)}.fd-card__media.fd-card__media--bg-shell-7{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Background:var(--sapShell_Category_7_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_7_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_7_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_7_TextColor)}.fd-card__media.fd-card__media--bg-shell-8{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Background:var(--sapShell_Category_8_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_8_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_8_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_8_TextColor)}.fd-card__media.fd-card__media--bg-shell-9{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Background:var(--sapShell_Category_9_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_9_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_9_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_9_TextColor)}.fd-card__media.fd-card__media--bg-shell-10{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Background:var(--sapShell_Category_10_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_10_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_10_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_10_TextColor)}.fd-card__media.fd-card__media--bg-shell-11{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Background:var(--sapShell_Category_11_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_11_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_11_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_11_TextColor)}.fd-card__media.fd-card__media--bg-shell-12{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Background:var(--sapShell_Category_12_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_12_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_12_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_12_TextColor)}.fd-card__media.fd-card__media--bg-shell-13{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Background:var(--sapShell_Category_13_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_13_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_13_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_13_TextColor)}.fd-card__media.fd-card__media--bg-shell-14{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Background:var(--sapShell_Category_14_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_14_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_14_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_14_TextColor)}.fd-card__media.fd-card__media--bg-shell-15{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Background:var(--sapShell_Category_15_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_15_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_15_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_15_TextColor)}.fd-card__media.fd-card__media--bg-shell-16{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Background:var(--sapShell_Category_16_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_16_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_16_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_16_TextColor)}.fd-card__media.fd-card__media--bg-legend-1{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Background:var(--sapLegendBackgroundColor1);--fdCard_Media_Heading_Shadow:none}.fd-card__media.fd-card__media--bg-legend-2{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Background:var(--sapLegendBackgroundColor2);--fdCard_Media_Heading_Shadow:none}.fd-card__media.fd-card__media--bg-legend-3{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Background:var(--sapLegendBackgroundColor3);--fdCard_Media_Heading_Shadow:none}.fd-card__media.fd-card__media--bg-legend-4{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Background:var(--sapLegendBackgroundColor4);--fdCard_Media_Heading_Shadow:none}.fd-card__media.fd-card__media--bg-legend-5{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Background:var(--sapLegendBackgroundColor5);--fdCard_Media_Heading_Shadow:none}.fd-card__media.fd-card__media--bg-legend-6{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Background:var(--sapLegendBackgroundColor6);--fdCard_Media_Heading_Shadow:none}.fd-card__media.fd-card__media--bg-legend-7{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Background:var(--sapLegendBackgroundColor7);--fdCard_Media_Heading_Shadow:none}.fd-card__media.fd-card__media--bg-legend-8{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Background:var(--sapLegendBackgroundColor8);--fdCard_Media_Heading_Shadow:none}.fd-card__media.fd-card__media--bg-legend-9{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Background:var(--sapLegendBackgroundColor9);--fdCard_Media_Heading_Shadow:none}.fd-card__media.fd-card__media--bg-legend-10{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Background:var(--sapLegendBackgroundColor10);--fdCard_Media_Heading_Shadow:none}.fd-card__media.fd-card__media--bg-legend-11{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Background:var(--sapLegendBackgroundColor11);--fdCard_Media_Heading_Shadow:none}.fd-card__media.fd-card__media--bg-legend-12{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Background:var(--sapLegendBackgroundColor12);--fdCard_Media_Heading_Shadow:none}.fd-card__media.fd-card__media--bg-legend-13{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Background:var(--sapLegendBackgroundColor13);--fdCard_Media_Heading_Shadow:none}.fd-card__media.fd-card__media--bg-legend-14{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Background:var(--sapLegendBackgroundColor14);--fdCard_Media_Heading_Shadow:none}.fd-card__media.fd-card__media--bg-legend-15{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Background:var(--sapLegendBackgroundColor15);--fdCard_Media_Heading_Shadow:none}.fd-card__media.fd-card__media--bg-legend-16{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Background:var(--sapLegendBackgroundColor16);--fdCard_Media_Heading_Shadow:none}.fd-card__media.fd-card__media--bg-legend-17{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Background:var(--sapLegendBackgroundColor17);--fdCard_Media_Heading_Shadow:none}.fd-card__media.fd-card__media--bg-legend-18{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Background:var(--sapLegendBackgroundColor18);--fdCard_Media_Heading_Shadow:none}.fd-card__media.fd-card__media--bg-legend-19{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Background:var(--sapLegendBackgroundColor19);--fdCard_Media_Heading_Shadow:none}.fd-card__media.fd-card__media--bg-legend-20{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Background:var(--sapLegendBackgroundColor20);--fdCard_Media_Heading_Shadow:none}.fd-card__media+.fd-card__header{--fdCard_Header_Border_Radius:0;--fdCard_Focus_Outline_Radius:0}.fd-card__media+.fd-card__header:is(:last-child){--fdCard_Header_Border_Radius:0 0 var(--fdCard_Border_Corner_Radius) var(--fdCard_Border_Corner_Radius);--fdCard_Focus_Outline_Radius:0 0 var(--fdCard_Border_Corner_Radius) var(--fdCard_Border_Corner_Radius)}.fd-card__media:only-child{--fdCard_Media_Border_Radius:var(--sapTile_BorderCornerRadius)}.fd-card__media-content-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-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:1rem;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:center;-ms-flex-pack:center;background:var(--fdCard_Media_Content_Container_Background,var(--sapTile_Background));height:var(--fdCard_Media_Content_Container_Height,100%);inset:var(--fdCard_Media_Content_Container_Top,0) var(--fdCard_Media_Content_Container_Right,0) var(--fdCard_Media_Content_Container_Right,0) var(--fdCard_Media_Content_Container_Left,0);justify-content:center;max-height:100%;padding-block:var(--fdCard_Media_Content_Container_Padding_Block,1rem);padding-inline:var(--fdCard_Media_Content_Container_Padding_Inline,1rem);position:var(--fdCard_Media_Content_Container_Position,relative);-webkit-transform:var(--fdCard_Media_Content_Container_Transform,none);transform:var(--fdCard_Media_Content_Container_Transform,none);width:var(--fdCard_Media_Content_Container_Width,100%);z-index:3}.fd-card__media-content-container:after,.fd-card__media-content-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__media-content-container.fd-card__media-content-container--bg-shell-1{--fdCard_Media_Content_Container_Background:var(--sapShell_Category_1_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_1_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_1_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_1_TextColor)}.fd-card__media-content-container.fd-card__media-content-container--bg-shell-2{--fdCard_Media_Content_Container_Background:var(--sapShell_Category_2_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_2_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_2_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_2_TextColor)}.fd-card__media-content-container.fd-card__media-content-container--bg-shell-3{--fdCard_Media_Content_Container_Background:var(--sapShell_Category_3_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_3_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_3_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_3_TextColor)}.fd-card__media-content-container.fd-card__media-content-container--bg-shell-4{--fdCard_Media_Content_Container_Background:var(--sapShell_Category_4_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_4_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_4_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_4_TextColor)}.fd-card__media-content-container.fd-card__media-content-container--bg-shell-5{--fdCard_Media_Content_Container_Background:var(--sapShell_Category_5_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_5_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_5_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_5_TextColor)}.fd-card__media-content-container.fd-card__media-content-container--bg-shell-6{--fdCard_Media_Content_Container_Background:var(--sapShell_Category_6_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_6_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_6_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_6_TextColor)}.fd-card__media-content-container.fd-card__media-content-container--bg-shell-7{--fdCard_Media_Content_Container_Background:var(--sapShell_Category_7_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_7_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_7_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_7_TextColor)}.fd-card__media-content-container.fd-card__media-content-container--bg-shell-8{--fdCard_Media_Content_Container_Background:var(--sapShell_Category_8_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_8_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_8_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_8_TextColor)}.fd-card__media-content-container.fd-card__media-content-container--bg-shell-9{--fdCard_Media_Content_Container_Background:var(--sapShell_Category_9_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_9_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_9_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_9_TextColor)}.fd-card__media-content-container.fd-card__media-content-container--bg-shell-10{--fdCard_Media_Content_Container_Background:var(--sapShell_Category_10_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_10_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_10_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_10_TextColor)}.fd-card__media-content-container.fd-card__media-content-container--bg-shell-11{--fdCard_Media_Content_Container_Background:var(--sapShell_Category_11_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_11_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_11_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_11_TextColor)}.fd-card__media-content-container.fd-card__media-content-container--bg-shell-12{--fdCard_Media_Content_Container_Background:var(--sapShell_Category_12_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_12_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_12_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_12_TextColor)}.fd-card__media-content-container.fd-card__media-content-container--bg-shell-13{--fdCard_Media_Content_Container_Background:var(--sapShell_Category_13_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_13_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_13_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_13_TextColor)}.fd-card__media-content-container.fd-card__media-content-container--bg-shell-14{--fdCard_Media_Content_Container_Background:var(--sapShell_Category_14_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_14_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_14_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_14_TextColor)}.fd-card__media-content-container.fd-card__media-content-container--bg-shell-15{--fdCard_Media_Content_Container_Background:var(--sapShell_Category_15_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_15_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_15_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_15_TextColor)}.fd-card__media-content-container.fd-card__media-content-container--bg-shell-16{--fdCard_Media_Content_Container_Background:var(--sapShell_Category_16_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_16_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_16_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_16_TextColor)}.fd-card__media-content-container.fd-card__media-content-container--bg-legend-1{--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Content_Container_Background:var(--sapLegendBackgroundColor1);--fdCard_Media_Heading_Shadow:none}.fd-card__media-content-container.fd-card__media-content-container--bg-legend-2{--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Content_Container_Background:var(--sapLegendBackgroundColor2);--fdCard_Media_Heading_Shadow:none}.fd-card__media-content-container.fd-card__media-content-container--bg-legend-3{--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Content_Container_Background:var(--sapLegendBackgroundColor3);--fdCard_Media_Heading_Shadow:none}.fd-card__media-content-container.fd-card__media-content-container--bg-legend-4{--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Content_Container_Background:var(--sapLegendBackgroundColor4);--fdCard_Media_Heading_Shadow:none}.fd-card__media-content-container.fd-card__media-content-container--bg-legend-5{--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Content_Container_Background:var(--sapLegendBackgroundColor5);--fdCard_Media_Heading_Shadow:none}.fd-card__media-content-container.fd-card__media-content-container--bg-legend-6{--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Content_Container_Background:var(--sapLegendBackgroundColor6);--fdCard_Media_Heading_Shadow:none}.fd-card__media-content-container.fd-card__media-content-container--bg-legend-7{--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Content_Container_Background:var(--sapLegendBackgroundColor7);--fdCard_Media_Heading_Shadow:none}.fd-card__media-content-container.fd-card__media-content-container--bg-legend-8{--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Content_Container_Background:var(--sapLegendBackgroundColor8);--fdCard_Media_Heading_Shadow:none}.fd-card__media-content-container.fd-card__media-content-container--bg-legend-9{--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Content_Container_Background:var(--sapLegendBackgroundColor9);--fdCard_Media_Heading_Shadow:none}.fd-card__media-content-container.fd-card__media-content-container--bg-legend-10{--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Content_Container_Background:var(--sapLegendBackgroundColor10);--fdCard_Media_Heading_Shadow:none}.fd-card__media-content-container.fd-card__media-content-container--bg-legend-11{--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Content_Container_Background:var(--sapLegendBackgroundColor11);--fdCard_Media_Heading_Shadow:none}.fd-card__media-content-container.fd-card__media-content-container--bg-legend-12{--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Content_Container_Background:var(--sapLegendBackgroundColor12);--fdCard_Media_Heading_Shadow:none}.fd-card__media-content-container.fd-card__media-content-container--bg-legend-13{--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Content_Container_Background:var(--sapLegendBackgroundColor13);--fdCard_Media_Heading_Shadow:none}.fd-card__media-content-container.fd-card__media-content-container--bg-legend-14{--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Content_Container_Background:var(--sapLegendBackgroundColor14);--fdCard_Media_Heading_Shadow:none}.fd-card__media-content-container.fd-card__media-content-container--bg-legend-15{--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Content_Container_Background:var(--sapLegendBackgroundColor15);--fdCard_Media_Heading_Shadow:none}.fd-card__media-content-container.fd-card__media-content-container--bg-legend-16{--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Content_Container_Background:var(--sapLegendBackgroundColor16);--fdCard_Media_Heading_Shadow:none}.fd-card__media-content-container.fd-card__media-content-container--bg-legend-17{--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Content_Container_Background:var(--sapLegendBackgroundColor17);--fdCard_Media_Heading_Shadow:none}.fd-card__media-content-container.fd-card__media-content-container--bg-legend-18{--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Content_Container_Background:var(--sapLegendBackgroundColor18);--fdCard_Media_Heading_Shadow:none}.fd-card__media-content-container.fd-card__media-content-container--bg-legend-19{--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Content_Container_Background:var(--sapLegendBackgroundColor19);--fdCard_Media_Heading_Shadow:none}.fd-card__media-content-container.fd-card__media-content-container--bg-legend-20{--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Content_Container_Background:var(--sapLegendBackgroundColor20);--fdCard_Media_Heading_Shadow:none}.fd-card__media-image-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-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;height:var(--fdCard_Media_Image_Container_Height,100%);width:var(--fdCard_Media_Image_Container_Width,100%)}.fd-card__media-image-container:after,.fd-card__media-image-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__media-image{-webkit-box-flex:1;border-radius:var(--fdCard_Media_Image_Radius,0);-ms-flex:1;flex:1;height:var(--fdCard_Media_Image_Height,100%);width:var(--fdCard_Media_Image_Width,100%)}.fd-card__media-heading{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--fdCard_Media_Heading_Color,var(--sapTile_TitleTextColor));font-family:var(--sapFontFamily);font-family:var(--sapFontHeaderFamily);font-size:var(--sapFontSize);font-size:var(--sapFontHeader3Size);font-weight:400;font-weight:700;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;text-shadow:var(--fdCard_Media_Heading_Shadow,none)}.fd-card__media-heading:after,.fd-card__media-heading:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__media-text{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--fdCard_Media_Text_Color,var(--sapTile_TextColor));font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0}.fd-card__media-text:after,.fd-card__media-text:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card--banner{--fdCard_Media_Content_Container_Width:80%;--fdCard_Media_Content_Container_Padding_Inline:3rem;--fdCard_Media_Content_Container_Padding_Block:3rem;border:.0625rem solid var(--sapTile_BorderColor);border-radius:var(--sapTile_BorderCornerRadius);-webkit-box-shadow:var(--sapContent_Shadow0);box-shadow:var(--sapContent_Shadow0);height:100%}@media(width>=600px)and (width<=1023px){.fd-card--banner{--fdCard_Media_Image_Container_Width:80%}}@media(width<=599px){.fd-card--banner{--fdCard_Media_Image_Container_Width:100%}}.fd-card--banner:has(.fd-card__media-image-container){--fdCard_Media_Content_Container_Width:50%;--fdCard_Media_Image_Container_Width:50%}@media(width>=600px)and (width<=1023px){.fd-card--banner:has(.fd-card__media-image-container){--fdCard_Media_Content_Container_Width:80%;--fdCard_Media_Image_Container_Width:20%}}@media(width<=599px){.fd-card--banner:has(.fd-card__media-image-container){--fdCard_Media_Flex_Direction:column-reverse;--fdCard_Media_Content_Container_Width:100%;--fdCard_Media_Image_Container_Width:100%}}.fd-card--banner:has(.fd-card__media-image-container):has(.fd-card__media-content-container--overlay){--fdCard_Media_Content_Container_Width: calc(50% - 3rem) ;--fdCard_Media_Image_Container_Width:100%;--fdCard_Media_Content_Container_Top:50%;--fdCard_Media_Content_Container_Left:3rem;--fdCard_Media_Content_Container_Height:fit-content;--fdCard_Media_Content_Container_Position:absolute;--fdCard_Media_Content_Container_Transform:translateY(-50%)}@media(width>=600px)and (width<=1023px){.fd-card--banner:has(.fd-card__media-image-container):has(.fd-card__media-content-container--overlay){--fdCard_Media_Content_Container_Width: calc(80% - 3rem) ;--fdCard_Media_Image_Container_Width:100%}}@media(width<=599px){.fd-card--banner:has(.fd-card__media-image-container):has(.fd-card__media-content-container--overlay){--fdCard_Media_Content_Container_Width: calc(100% - 3rem) %;--fdCard_Media_Image_Container_Width:100%;--fdCard_Media_Content_Container_Right:3rem;--fdCard_Media_Content_Container_Padding_Inline:1rem;--fdCard_Media_Content_Container_Padding_Block:1rem}}.fd-card[class*=-compact],.fd-card[class*=-condensed],[class*=-compact] .fd-card:not([class*=-cozy]),[class*=-condensed] .fd-card:not([class*=-cozy]){--fdCard_Header_Text_Spacing:.5rem}@media(width<=599px){.fd-card{--fdCard_Media_Content_Container_Width:100%}}.fd-badge{background:var(--sapHighlightColor);border:0;border:.0625rem solid var(--fdBadge_Border_Color);border-radius:.5rem;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_ContrastTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:var(--sapFontSmallSize);font-weight:400;font-weight:700;forced-color-adjust:none;height:1rem;line-height:normal;margin-block:0;margin-inline:0;max-width:calc(100% - 1rem);overflow:hidden;padding-block:0;padding-inline:0;padding-inline:.5rem;position:absolute;right:.5rem;text-overflow:ellipsis;top:-.55rem;white-space:nowrap;z-index:10}.fd-badge:after,.fd-badge:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-badge[dir=rtl],[dir=rtl] .fd-badge{left:.5rem;right:auto}.fd-badge--static{position:static}\n/*! Bundled license information:\n\nfundamental-styles/dist/badge.css:\n (*!\n * Fundamental Library Styles v0.41.1\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"] }]
|
|
463
|
-
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1$1.ContentDensityObserver }], propDecorators: { cardTitle: [{ type: i0.ContentChild, args: [i0.forwardRef(() => FD_CARD_TITLE), { isSignal: true }] }], cardMediaHeading: [{ type: i0.ContentChild, args: [i0.forwardRef(() => FD_CARD_MEDIA_HEADING), { isSignal: true }] }], badge: [{ type: i0.Input, args: [{ isSignal: true, alias: "badge", required: false }] }], badgeIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "badgeIcon", required: false }] }], badgeColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "badgeColor", required: false }] }], badgeColorSecondary: [{ type: i0.Input, args: [{ isSignal: true, alias: "badgeColorSecondary", required: false }] }], badgeStatus: [{ type: i0.Input, args: [{ isSignal: true, alias: "badgeStatus", required: false }] }], badgeAriaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "badgeAriaLabel", required: false }] }], secondBadge: [{ type: i0.Input, args: [{ isSignal: true, alias: "secondBadge", required: false }] }], secondBadgeIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "secondBadgeIcon", required: false }] }], secondBadgeColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "secondBadgeColor", required: false }] }], secondBadgeColorSecondary: [{ type: i0.Input, args: [{ isSignal: true, alias: "secondBadgeColorSecondary", required: false }] }], secondBadgeStatus: [{ type: i0.Input, args: [{ isSignal: true, alias: "secondBadgeStatus", required: false }] }], secondBadgeAriaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "secondBadgeAriaLabel", required: false }] }], isLoading: [{ type: i0.Input, args: [{ isSignal: true, alias: "isLoading", required: false }] }], cardType: [{ type: i0.Input, args: [{ isSignal: true, alias: "cardType", required: false }] }], id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], ariaRoledescription: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaRoledescription", required: false }] }], ariaDescription: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaDescription", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], role: [{ type: i0.Input, args: [{ isSignal: true, alias: "role", required: false }] }], interactive: [{ type: i0.Input, args: [{ isSignal: true, alias: "interactive", required: false }] }], selected: [{ type: i0.Input, args: [{ isSignal: true, alias: "selected", required: false }] }], ariaPosinset: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaPosinset", required: false }] }, { type: i0.Output, args: ["ariaPosinsetChange"] }], ariaSetsize: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaSetsize", required: false }] }, { type: i0.Output, args: ["ariaSetsizeChange"] }], keyDown: [{ type: i0.Output, args: ["keyDown"] }], keydownHandler: [{
|
|
464
|
-
|
|
465
|
-
args: ['keydown', ['$event']]
|
|
466
|
-
}], buildComponentCssClass: [] } });
|
|
509
|
+
'[attr.aria-setsize]': 'role() === "listitem" ? ariaSetsize() : null',
|
|
510
|
+
'(keydown)': 'keydownHandler($event)'
|
|
511
|
+
}, template: "@if (!isLoading()) {\n <!-- Screen Reader Elements -->\n @if (role() === 'listitem') {\n <span class=\"fd-card__sr-only\" [attr.id]=\"ariaDescriptionId()\">{{ resolvedAriaDescription() }}</span>\n }\n\n <span class=\"fd-card__sr-only\" [attr.id]=\"ariaRoleDescriptionId()\">\n {{\n ariaRoledescription()\n ? ariaRoledescription()\n : ('coreCard.roleDescription' | fdTranslate: { cardType: cardType() })()\n }}</span\n >\n\n <!-- Badge -->\n @if (badge() || badgeIcon() || secondBadge() || secondBadgeIcon()) {\n <div class=\"fd-card__badge-container\">\n @if (badge() || badgeIcon()) {\n <span\n fd-object-status\n [inverted]=\"true\"\n class=\"fd-card__badge\"\n [glyph]=\"badgeIcon()\"\n [status]=\"badgeStatus()\"\n [indicationColor]=\"badgeColor()\"\n [secondaryIndication]=\"badgeColorSecondary()\"\n [label]=\"badge()\"\n [attr.id]=\"badgeId()\"\n [attr.aria-label]=\"badgeAriaLabel()\"\n >\n </span>\n }\n\n @if (secondBadge() || secondBadgeIcon()) {\n <span\n fd-object-status\n [inverted]=\"true\"\n class=\"fd-card__badge\"\n [glyph]=\"secondBadgeIcon()\"\n [status]=\"secondBadgeStatus()\"\n [indicationColor]=\"secondBadgeColor()\"\n [secondaryIndication]=\"secondBadgeColorSecondary()\"\n [label]=\"secondBadge()\"\n [attr.id]=\"secondBadgeId()\"\n [attr.aria-label]=\"secondBadgeAriaLabel()\"\n >\n </span>\n }\n </div>\n }\n\n <!-- Header and Content -->\n <ng-content></ng-content>\n\n <!-- Footer -->\n <ng-content select=\"fd-card-footer\"></ng-content>\n} @else {\n <!-- Loader -->\n <ng-content select=\"fd-card-loader\"></ng-content>\n}\n", styles: ["@charset \"UTF-8\";.fd-numeric-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;height:3rem;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;width:100%}.fd-numeric-content:after,.fd-numeric-content:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-numeric-content__kpi-container,.fd-numeric-content__launch-icon-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-align:center;-ms-flex-align:center;align-items:center;height:100%;overflow:hidden;-webkit-padding-before:.125rem;padding-block-start:.125rem;-webkit-margin-end:.375rem;margin-inline-end:.375rem}.fd-numeric-content__kpi-container:after,.fd-numeric-content__kpi-container:before,.fd-numeric-content__launch-icon-container:after,.fd-numeric-content__launch-icon-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-numeric-content__kpi-container:first-child:last-child,.fd-numeric-content__launch-icon-container:first-child:last-child{margin-block:0;margin-inline:0}.fd-numeric-content__launch-icon-container{max-width:1.75rem;min-width:1.75rem;width:1.75rem}.fd-numeric-content__scale-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;height:100%;line-height:normal;margin-block:0;margin-inline:0;overflow:hidden;padding-block:0;padding-block:.5rem .375rem;padding-inline:0}.fd-numeric-content__scale-container:after,.fd-numeric-content__scale-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-numeric-content__scale-container:first-child:last-child{margin-block:0;margin-inline:0}.fd-numeric-content__launch-icon [class*=sap-icon],.fd-numeric-content__launch-icon[class*=sap-icon]{background:inherit;border-radius:inherit;color:inherit;color:var(--sapTile_IconColor);font-size:inherit;font-size:1.75rem;line-height:1;line-height:normal}.fd-numeric-content__kpi{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapNeutralTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:2.25rem;font-weight:400;font-weight:lighter;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0}.fd-numeric-content__kpi:after,.fd-numeric-content__kpi:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-numeric-content__kpi--positive{color:var(--sapPositiveTextColor)}.fd-numeric-content__kpi--critical{color:var(--sapCriticalTextColor)}.fd-numeric-content__kpi--negative{color:var(--sapNegativeTextColor)}.fd-numeric-content__kpi--informative{color:var(--sapInformativeTextColor)}.fd-numeric-content__scale{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-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.fd-numeric-content__scale:after,.fd-numeric-content__scale:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-numeric-content__scale-arrow [class*=sap-icon],.fd-numeric-content__scale-arrow[class*=sap-icon]{background:inherit;border-radius:inherit;color:inherit;color:var(--sapNeutralTextColor);font-size:inherit;font-size:.875rem;line-height:1;line-height:normal}.fd-numeric-content__scale-text{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapNeutralTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:.875rem;font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0}.fd-numeric-content__scale-text:after,.fd-numeric-content__scale-text:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-numeric-content__scale--positive .fd-numeric-content__scale-arrow [class*=sap-icon],.fd-numeric-content__scale--positive .fd-numeric-content__scale-arrow[class*=sap-icon],.fd-numeric-content__scale--positive .fd-numeric-content__scale-text{color:var(--sapPositiveTextColor)}.fd-numeric-content__scale--critical .fd-numeric-content__scale-arrow [class*=sap-icon],.fd-numeric-content__scale--critical .fd-numeric-content__scale-arrow[class*=sap-icon],.fd-numeric-content__scale--critical .fd-numeric-content__scale-text{color:var(--sapCriticalTextColor)}.fd-numeric-content__scale--negative .fd-numeric-content__scale-arrow [class*=sap-icon],.fd-numeric-content__scale--negative .fd-numeric-content__scale-arrow[class*=sap-icon],.fd-numeric-content__scale--negative .fd-numeric-content__scale-text{color:var(--sapNegativeTextColor)}.fd-numeric-content__scale--informative .fd-numeric-content__scale-arrow [class*=sap-icon],.fd-numeric-content__scale--informative .fd-numeric-content__scale-arrow[class*=sap-icon],.fd-numeric-content__scale--informative .fd-numeric-content__scale-text{color:var(--sapInformativeTextColor)}.fd-numeric-content--m{height:2.5rem}.fd-numeric-content--m .fd-numeric-content__kpi-container,.fd-numeric-content--m .fd-numeric-content__launch-icon-container{-webkit-padding-before:0;padding-block-start:0;-webkit-margin-end:.5rem;margin-inline-end:.5rem}.fd-numeric-content--m .fd-numeric-content__launch-icon-container{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.fd-numeric-content--m .fd-numeric-content__scale-container{padding-block:.375rem .188rem}.fd-numeric-content--m .fd-numeric-content__kpi{font-size:2rem}.fd-numeric-content--s{height:2.25rem}.fd-numeric-content--s .fd-numeric-content__kpi-container,.fd-numeric-content--s .fd-numeric-content__launch-icon-container{-webkit-padding-before:0;padding-block-start:0;-webkit-margin-end:.5rem;margin-inline-end:.5rem}.fd-numeric-content--s .fd-numeric-content__scale-container{padding-block:0 .313rem}.fd-numeric-content--s .fd-numeric-content__kpi{font-size:1.75rem}.fd-numeric-content--small-tile{height:2.375rem}.fd-numeric-content--small-tile .fd-numeric-content__kpi-container,.fd-numeric-content--small-tile .fd-numeric-content__launch-icon-container{-webkit-padding-before:.5rem;padding-block-start:.5rem;-webkit-margin-end:.375rem;margin-inline-end:.375rem}.fd-numeric-content--small-tile .fd-numeric-content__launch-icon-container{max-width:1.5rem;min-width:1.5rem;width:1.5rem}.fd-numeric-content--small-tile .fd-numeric-content__scale-container{padding-block:.25rem}.fd-numeric-content--small-tile .fd-numeric-content__kpi,.fd-numeric-content--small-tile .fd-numeric-content__launch-icon [class*=sap-icon],.fd-numeric-content--small-tile .fd-numeric-content__launch-icon[class*=sap-icon]{font-size:1.5rem}.fd-numeric-content--small-tile .fd-numeric-content__kpi[dir=rtl],[dir=rtl] .fd-numeric-content--small-tile .fd-numeric-content__kpi{direction:ltr;text-align:right}.fd-numeric-content--small-tile.fd-numeric-content--m{height:2.375rem}.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__kpi-container,.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__launch-icon-container{-webkit-padding-before:.5rem;padding-block-start:.5rem;-webkit-margin-end:.375rem;margin-inline-end:.375rem}.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__launch-icon-container{max-width:1.5rem;min-width:1.5rem;width:1.5rem}.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__scale-container{padding-block:.25rem}.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__kpi,.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__launch-icon [class*=sap-icon],.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__launch-icon[class*=sap-icon]{font-size:1.5rem}.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__kpi[dir=rtl],[dir=rtl] .fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__kpi{direction:ltr;text-align:right}.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__launch-icon-container{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.fd-numeric-content--small-tile.fd-numeric-content--s{height:2.375rem}.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__kpi-container,.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__launch-icon-container{-webkit-padding-before:.5rem;padding-block-start:.5rem;-webkit-margin-end:.375rem;margin-inline-end:.375rem}.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__launch-icon-container{max-width:1.5rem;min-width:1.5rem;width:1.5rem}.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__scale-container{padding-block:.25rem}.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__kpi,.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__launch-icon [class*=sap-icon],.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__launch-icon[class*=sap-icon]{font-size:1.5rem}.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__kpi[dir=rtl],[dir=rtl] .fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__kpi{direction:ltr;text-align:right}.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__scale-container{-webkit-padding-before:0;padding-block-start:0}.fd-card{--fdCard_Border:.0625rem solid var(--sapTile_BorderColor);--fdCard_Border_Corner_Radius:var(--sapTile_BorderCornerRadius);--fdCard_Header_Text_Spacing:.25rem;--fdCard_Box_Shadow:var(--fdCard_Box_Shadow_Regular);--fdCard_Header_Border_Radius:var(--fdCard_Border_Corner_Radius) var(--fdCard_Border_Corner_Radius) 0 0;--fdCard_Main_Header_Border_Radius:inherit;--fdCard_Footer_Border_Radius:0 0 var(--fdCard_Border_Corner_Radius) var(--fdCard_Border_Corner_Radius);--fdCard_Content_Border_Radius:0;--fdCard_Focus_Outline_Radius:var(--fdCard_Border_Corner_Radius);--fdCard_Focus_Outline_Offset:.0625rem;--fdCard_Media_Border_Radius:var(--fdCard_Border_Corner_Radius) var(--fdCard_Border_Corner_Radius) 0 0;--fdCard_Main_Header_Border_Bottom:var(--fdCard_Header_Border_Bottom);--fdCard_Main_Header_Border_Top:none;--fdCard_Main_Header_Padding_Block_Start:1rem;--fdCard_Main_Header_Padding_Block_End:var(--fdCard_Main_Header_Padding_Bottom);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;background:var(--fdCard_Background,var(--sapTile_Background));border:var(--fdCard_Border);border-radius:var(--fdCard_Border_Corner_Radius);-webkit-box-shadow:var(--fdCard_Box_Shadow);box-shadow:var(--fdCard_Box_Shadow);-ms-flex:1;flex:1;min-height:100%;position:relative;width:100%}.fd-card:after,.fd-card:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card--interactive{cursor:pointer}.fd-card--interactive.is-focus,.fd-card--interactive:focus{outline:none;z-index:5}.fd-card--interactive.is-focus:before,.fd-card--interactive:focus:before{border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);border-radius:var(--fdCard_Focus_Outline_Radius);content:\"\";display:block;inset:var(--fdCard_Focus_Outline_Offset);position:absolute;z-index:3}.fd-card--interactive.is-hover,.fd-card--interactive:hover{--fdCard_Background:var(--sapTile_Hover_Background);--fdCard_Box_Shadow:var(--fdCard_Box_Shadow_Hover);--fdCard_Footer_Background:var(--sapTile_Hover_Background);--fdCard_Main_Header_Background:var(--sapTile_Hover_Background)}.fd-card--interactive.is-active,.fd-card--interactive:active{--fdCard_Box_Shadow:none;--fdCard_Background:var(--sapTile_Active_Background);--fdCard_Footer_Background:var(--sapTile_Active_Background);--fdCard_Main_Header_Background:var(--sapTile_Active_Background);--fdCard_Border:.0625rem solid var(--sapTile_Interactive_BorderColor)}.fd-card--interactive.is-selected:before,.fd-card--interactive[aria-selected=true]:before{border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);border-radius:var(--fdCard_Focus_Outline_Radius);content:\"\";display:block;inset:var(--fdCard_Focus_Outline_Offset);position:absolute;z-index:3}.fd-card--interactive[role=button] .fd-card__header-main-container.is-focus,.fd-card--interactive[role=button] .fd-card__header-main-container:focus{outline:none;z-index:5}.fd-card--interactive[role=button] .fd-card__header-main-container.is-focus:before,.fd-card--interactive[role=button] .fd-card__header-main-container:focus:before{border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);border-radius:var(--fdCard_Focus_Outline_Radius);content:\"\";display:block;inset:var(--fdCard_Focus_Outline_Offset);position:absolute;z-index:3}.fd-card--interactive[role=listitem] .fd-card__header-main-container{pointer-events:none}.fd-card__header{border:0;border-radius:var(--fdCard_Header_Border_Radius);-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}.fd-card__header:after,.fd-card__header:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__header:is(:first-child){--fdCard_Focus_Outline_Radius:var(--fdCard_Border_Corner_Radius) var(--fdCard_Border_Corner_Radius) 0 0}.fd-card__header:is(:last-child){--fdCard_Main_Header_Border_Bottom:none;--fdCard_Main_Header_Padding_Block_End:1rem;--fdCard_Main_Header_Padding_Block_Start:1rem;--fdCard_Main_Header_Border_Top:var(--fdCard_Header_Border_Bottom);--fdCard_Header_Border_Radius:0 0 var(--fdCard_Border_Corner_Radius) var(--fdCard_Border_Corner_Radius);--fdCard_Focus_Outline_Radius:0 0 var(--fdCard_Border_Corner_Radius) var(--fdCard_Border_Corner_Radius)}.fd-card__header:is(:last-child) .fd-card__header-main:not(:only-child){--fdCard_Focus_Outline_Radius:0}.fd-card__header:only-child{--fdCard_Header_Border_Radius:var(--fdCard_Border_Corner_Radius);--fdCard_Focus_Outline_Radius:var(--fdCard_Border_Corner_Radius)}.fd-card__header:only-child .fd-card__header-main:not(:only-child){--fdCard_Focus_Outline_Radius:var(--fdCard_Border_Corner_Radius) var(--fdCard_Border_Corner_Radius) 0 0}.fd-card__header:only-child .fd-card__header-main{--fdCard_Main_Header_Padding_Block_Start:1rem;--fdCard_Main_Header_Padding_Block_End:1rem;--fdCard_Main_Header_Border_Bottom:none;--fdCard_Main_Header_Border_Top:none}.fd-card__header--interactive .fd-card__header-main{cursor:pointer}.fd-card__header--interactive .fd-card__header-main.is-hover,.fd-card__header--interactive .fd-card__header-main:hover{--fdCard_Main_Header_Background:var(--sapTile_Hover_Background)}.fd-card__header--interactive .fd-card__header-main:has(.fd-card__header-main-container.is-active){--fdCard_Main_Header_Background:var(--sapTile_Active_Background)}.fd-card__header--interactive .fd-card__header-main:has(.fd-card__header-main-container:active){--fdCard_Main_Header_Background:var(--sapTile_Active_Background)}.fd-card__header--interactive .fd-card__header-main-container.is-focus,.fd-card__header--interactive .fd-card__header-main-container:focus{outline:none;z-index:5}.fd-card__header--interactive .fd-card__header-main-container.is-focus:before,.fd-card__header--interactive .fd-card__header-main-container:focus:before{border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);border-radius:var(--fdCard_Focus_Outline_Radius);content:\"\";display:block;inset:var(--fdCard_Focus_Outline_Offset);position:absolute;z-index:3}.fd-card__header-main{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:horizontal;-webkit-box-direction:normal;background:var(--fdCard_Main_Header_Background,var(--sapTile_Background));border-bottom:var(--fdCard_Main_Header_Border_Bottom);border-radius:var(--fdCard_Main_Header_Border_Radius);border-top:var(--fdCard_Main_Header_Border_Top);-ms-flex-direction:row;flex-direction:row;gap:.5rem;padding-block:var(--fdCard_Main_Header_Padding_Block_Start) var(--fdCard_Main_Header_Padding_Block_End);padding-inline:1rem;position:relative;text-decoration:none}.fd-card__header-main:after,.fd-card__header-main:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__header-main-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-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:.5rem;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:100%}.fd-card__header-main-container:after,.fd-card__header-main-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__header-main-actions{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:.25rem;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;z-index:5}.fd-card__header-main-actions:after,.fd-card__header-main-actions:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__header-extended{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:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:.5rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-block:.5rem;padding-inline:1rem}.fd-card__header-extended:after,.fd-card__header-extended:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__header-extended--top-aligned{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.fd-card__header-extended--bottom-aligned{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.fd-card__header-column{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;flex:1;gap:.25rem;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.fd-card__header-column:after,.fd-card__header-column:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__header-column--right-aligned{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.fd-card__header-row{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:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:.5rem}.fd-card__header-row:after,.fd-card__header-row:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__header-numeric{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:.25rem;padding-block:.25rem;padding-inline:1rem}.fd-card__header-numeric:after,.fd-card__header-numeric:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__indicator{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:.125rem;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-padding-before:.5rem;padding-block-start:.5rem}.fd-card__indicator:after,.fd-card__indicator:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__numeric-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;-webkit-box-flex:1;-ms-flex:1;flex:1}.fd-card__numeric-container:after,.fd-card__numeric-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__indicator-title{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapTile_TextColor);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-card__indicator-title:after,.fd-card__indicator-title:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__indicator-value{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapTile_TitleTextColor);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;text-align:right}.fd-card__indicator-value:after,.fd-card__indicator-value:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__timestamp{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:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:.125rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:var(--sapFontSmallSize)}.fd-card__timestamp:after,.fd-card__timestamp:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__footer{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(--fdCard_Footer_Background,var(--sapTile_Background));border-radius:var(--fdCard_Footer_Border_Radius);border-top:var(--fdCard_Footer_Border_Top);padding-block:var(--fdCard_Footer_Padding) 1rem;padding-inline:1rem}.fd-card__footer:after,.fd-card__footer:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__footer-actions{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:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:.5rem;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;width:100%}.fd-card__footer-actions:after,.fd-card__footer-actions:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__footer .fd-card__footer-link{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-margin-end:var(--fdCard_Footer_Actions_Item_Spacing);margin-inline-end:var(--fdCard_Footer_Actions_Item_Spacing);text-overflow:clip}.fd-card__footer:is(:first-child){--fdCard_Footer_Border_Radius:var(--fdCard_Border_Corner_Radius) var(--fdCard_Border_Corner_Radius) 0 0}.fd-card__header-text{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;-ms-flex-item-align:center;align-self:center;gap:var(--fdCard_Header_Text_Spacing);height:100%;width:100%}.fd-card__header-text:after,.fd-card__header-text:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__title-area{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:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;width:100%}.fd-card__title-area:after,.fd-card__title-area:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__title{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;-webkit-line-clamp:3;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;color:var(--sapTile_TitleTextColor);font-family:var(--sapFontHeaderFamily);font-size:var(--fdCard_Title_Font_Size);font-weight:var(--fdCard_Title_Font_Weight);overflow:hidden;text-overflow:ellipsis;white-space:normal;word-wrap:break-word;max-height:4.2rem;max-width:100%}.fd-card__title:after,.fd-card__title:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__subtitle-area{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:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.fd-card__subtitle-area:after,.fd-card__subtitle-area:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__subtitle{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;-webkit-line-clamp:2;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;color:var(--sapTile_TextColor);overflow:hidden;text-overflow:ellipsis;white-space:normal;word-wrap:break-word;max-height:2.5rem;max-width:100%}.fd-card__subtitle:after,.fd-card__subtitle:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__counter.fd-object-status{white-space:nowrap;-webkit-margin-start:1rem;font-size:var(--sapFontSmallSize);margin-inline-start:1rem;-webkit-margin-before:var(--fdCard_Counter_Margin);margin-block-start:var(--fdCard_Counter_Margin)}.fd-card__badge-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;right:.5rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.25rem;max-width:calc(100% - 1rem);min-width:1.375rem;position:absolute;top:-.5rem;z-index:10}.fd-card__badge-container:after,.fd-card__badge-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__badge-container[dir=rtl],[dir=rtl] .fd-card__badge-container{left:.5rem;right:auto}.fd-card__badge-container+.fd-card__header{--fdCard_Content_Border_Radius:var(--fdCard_Border_Corner_Radius) var(--fdCard_Border_Corner_Radius) 0 0;--fdCard_Focus_Outline_Radius:var(--fdCard_Border_Corner_Radius) var(--fdCard_Border_Corner_Radius) 0 0;--fdCard_Main_Header_Border_Radius:var(--fdCard_Border_Corner_Radius) var(--fdCard_Border_Corner_Radius) 0 0}.fd-card__badge-container+.fd-card__header:is(:last-child){--fdCard_Content_Border_Radius:var(--fdCard_Border_Corner_Radius);--fdCard_Focus_Outline_Radius:var(--fdCard_Border_Corner_Radius)}.fd-card__badge-container+.fd-card__content{overflow:hidden;--fdCard_Content_Border_Radius:var(--fdCard_Border_Corner_Radius) var(--fdCard_Border_Corner_Radius) 0 0;--fdCard_Focus_Outline_Radius:var(--fdCard_Border_Corner_Radius) var(--fdCard_Border_Corner_Radius) 0 0}.fd-card__badge-container+.fd-card__content:is(:last-child){--fdCard_Content_Border_Radius:var(--fdCard_Border_Corner_Radius);--fdCard_Focus_Outline_Radius:var(--fdCard_Border_Corner_Radius)}.fd-card__badge.fd-object-status{--fdObjectStatus_Inverted_Border_Radius:.5rem;--fdObjectStatus_Inverted_Padding_Block:0;--fdObjectStatus_Inverted_Padding_Inline:.25rem;--fdObjectStatus_Inverted_Line_Height:.875rem}.fd-card__badge.fd-object-status span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fd-card__currency{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:horizontal;-webkit-box-direction:normal;color:var(--sapTile_TextColor);-ms-flex-direction:row;flex-direction:row;text-overflow:ellipsis;-webkit-margin-start:.25rem;margin-inline-start:.25rem;white-space:nowrap}.fd-card__currency:after,.fd-card__currency:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__currency:before{content:\"|\\a0\"}.fd-card__analytics-area{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:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;margin-top:.5rem;overflow:hidden}.fd-card__analytics-area:after,.fd-card__analytics-area:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__analytics-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-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;overflow-x:hidden;white-space:nowrap;width:100%;-webkit-margin-start:2rem;margin-inline-start:2rem}.fd-card__analytics-container:after,.fd-card__analytics-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__analytics{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:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-padding-after:.25rem;padding-block-end:.25rem;-webkit-margin-start:1rem;font-size:var(--sapFontSmallSize);margin-inline-start:1rem;max-width:calc(50% - 1rem);overflow:hidden}.fd-card__analytics:after,.fd-card__analytics:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__analytics-text{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-padding-after:.25rem;color:var(--sapTile_TextColor);padding-block-end:.25rem}.fd-card__analytics-text:after,.fd-card__analytics-text:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__analytics-content{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapTile_TitleTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0}.fd-card__analytics-content:after,.fd-card__analytics-content:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__analytics-content[dir=rtl],[dir=rtl] .fd-card__analytics-content{direction:ltr;text-align:right}.fd-card__second-subtitle{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapTile_TextColor);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;margin-top:.25rem;overflow:hidden;padding-block:0;padding-inline:0;text-overflow:ellipsis;white-space:nowrap;width:100%}.fd-card__second-subtitle:after,.fd-card__second-subtitle:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__numeric-content.fd-numeric-content{-ms-flex-negative:0;flex-shrink:0;width:auto}.fd-card__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;--fdCard_Focus_Outline_Radius:0;-webkit-box-flex:1;border-radius:var(--fdCard_Content_Border_Radius);-ms-flex:1 0 auto;flex:1 0 auto;position:relative}.fd-card__content:after,.fd-card__content:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__content.is-focus,.fd-card__content:focus{outline:none;z-index:5}.fd-card__content.is-focus:before,.fd-card__content:focus:before{border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);border-radius:var(--fdCard_Focus_Outline_Radius);content:\"\";display:block;inset:var(--fdCard_Focus_Outline_Offset);position:absolute;z-index:3}.fd-card__content:is(:first-child){overflow:hidden;--fdCard_Content_Border_Radius:var(--fdCard_Border_Corner_Radius) var(--fdCard_Border_Corner_Radius) 0 0;--fdCard_Focus_Outline_Radius:var(--fdCard_Border_Corner_Radius) var(--fdCard_Border_Corner_Radius) 0 0}.fd-card__content:is(:last-child){overflow:hidden;--fdCard_Content_Border_Radius:0 0 var(--fdCard_Border_Corner_Radius) var(--fdCard_Border_Corner_Radius);--fdCard_Focus_Outline_Radius:0 0 var(--fdCard_Border_Corner_Radius) var(--fdCard_Border_Corner_Radius)}.fd-card__content:is(:only-child){overflow:hidden;--fdCard_Content_Border_Radius:var(--fdCard_Border_Corner_Radius);--fdCard_Focus_Outline_Radius:var(--fdCard_Border_Corner_Radius)}.fd-card__content--with-spacing{padding-block:1rem;padding-inline:1rem}.fd-card__content-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-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:1.75rem}.fd-card__content-container:after,.fd-card__content-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__content-container--horizontal{gap:2rem;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.fd-card__content-section{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:1rem;max-width:24rem;min-width:12rem;width:100%}.fd-card__content-section:after,.fd-card__content-section:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__content-title-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;-webkit-padding-after:.5rem;padding-block-end:.5rem}.fd-card__content-title-container:after,.fd-card__content-title-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__content-group{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:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:.5rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.fd-card__content-group:after,.fd-card__content-group:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__content-group-text{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:.25rem}.fd-card__content-group-text:after,.fd-card__content-group-text:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card--analytical .fd-card__subtitle-area{margin-top:.5rem}.fd-card--analytical .fd-card__title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:2.8rem;overflow:hidden;text-overflow:ellipsis;white-space:normal}.fd-card--table[class*=-compact] .fd-card__content,.fd-card--table[class*=-condensed] .fd-card__content,[class*=-compact] .fd-card--table:not([class*=-cozy]) .fd-card__content,[class*=-condensed] .fd-card--table:not([class*=-cozy]) .fd-card__content{-webkit-padding-after:.5rem;padding-block-end:.5rem}.fd-card--object .fd-card__content{padding-block:1rem;padding-inline:1rem}.fd-card__loader{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;min-height:5rem}.fd-card__loader:after,.fd-card__loader:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__media{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:horizontal;-webkit-box-direction:normal;background-color:var(--fdCard_Media_Background,var(--sapTile_Background));border-radius:var(--fdCard_Media_Border_Radius);-ms-flex-direction:row;flex-direction:row;flex-direction:var(--fdCard_Media_Flex_Direction,row);height:100%;overflow:hidden;padding-block:var(--fdCard_Media_Padding_Block_Start,0) var(--fdCard_Media_Padding_Block_End,0);padding-inline:var(--fdCard_Media_Padding_Inline_Start,0) var(--fdCard_Media_Padding_Inline_End,0);position:relative}.fd-card__media:after,.fd-card__media:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__media.fd-card__media--with-padding{--fdCard_Media_Image_Radius:.5rem;--fdCard_Media_Padding_Inline_Start:1rem;--fdCard_Media_Padding_Inline_End:1rem;--fdCard_Media_Padding_Block_Start:1rem}.fd-card__media.fd-card__media--bg-shell-1{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Background:var(--sapShell_Category_1_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_1_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_1_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_1_TextColor)}.fd-card__media.fd-card__media--bg-shell-2{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Background:var(--sapShell_Category_2_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_2_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_2_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_2_TextColor)}.fd-card__media.fd-card__media--bg-shell-3{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Background:var(--sapShell_Category_3_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_3_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_3_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_3_TextColor)}.fd-card__media.fd-card__media--bg-shell-4{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Background:var(--sapShell_Category_4_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_4_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_4_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_4_TextColor)}.fd-card__media.fd-card__media--bg-shell-5{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Background:var(--sapShell_Category_5_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_5_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_5_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_5_TextColor)}.fd-card__media.fd-card__media--bg-shell-6{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Background:var(--sapShell_Category_6_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_6_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_6_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_6_TextColor)}.fd-card__media.fd-card__media--bg-shell-7{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Background:var(--sapShell_Category_7_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_7_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_7_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_7_TextColor)}.fd-card__media.fd-card__media--bg-shell-8{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Background:var(--sapShell_Category_8_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_8_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_8_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_8_TextColor)}.fd-card__media.fd-card__media--bg-shell-9{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Background:var(--sapShell_Category_9_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_9_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_9_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_9_TextColor)}.fd-card__media.fd-card__media--bg-shell-10{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Background:var(--sapShell_Category_10_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_10_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_10_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_10_TextColor)}.fd-card__media.fd-card__media--bg-shell-11{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Background:var(--sapShell_Category_11_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_11_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_11_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_11_TextColor)}.fd-card__media.fd-card__media--bg-shell-12{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Background:var(--sapShell_Category_12_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_12_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_12_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_12_TextColor)}.fd-card__media.fd-card__media--bg-shell-13{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Background:var(--sapShell_Category_13_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_13_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_13_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_13_TextColor)}.fd-card__media.fd-card__media--bg-shell-14{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Background:var(--sapShell_Category_14_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_14_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_14_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_14_TextColor)}.fd-card__media.fd-card__media--bg-shell-15{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Background:var(--sapShell_Category_15_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_15_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_15_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_15_TextColor)}.fd-card__media.fd-card__media--bg-shell-16{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Background:var(--sapShell_Category_16_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_16_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_16_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_16_TextColor)}.fd-card__media.fd-card__media--bg-legend-1{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Background:var(--sapLegendBackgroundColor1);--fdCard_Media_Heading_Shadow:none}.fd-card__media.fd-card__media--bg-legend-2{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Background:var(--sapLegendBackgroundColor2);--fdCard_Media_Heading_Shadow:none}.fd-card__media.fd-card__media--bg-legend-3{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Background:var(--sapLegendBackgroundColor3);--fdCard_Media_Heading_Shadow:none}.fd-card__media.fd-card__media--bg-legend-4{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Background:var(--sapLegendBackgroundColor4);--fdCard_Media_Heading_Shadow:none}.fd-card__media.fd-card__media--bg-legend-5{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Background:var(--sapLegendBackgroundColor5);--fdCard_Media_Heading_Shadow:none}.fd-card__media.fd-card__media--bg-legend-6{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Background:var(--sapLegendBackgroundColor6);--fdCard_Media_Heading_Shadow:none}.fd-card__media.fd-card__media--bg-legend-7{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Background:var(--sapLegendBackgroundColor7);--fdCard_Media_Heading_Shadow:none}.fd-card__media.fd-card__media--bg-legend-8{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Background:var(--sapLegendBackgroundColor8);--fdCard_Media_Heading_Shadow:none}.fd-card__media.fd-card__media--bg-legend-9{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Background:var(--sapLegendBackgroundColor9);--fdCard_Media_Heading_Shadow:none}.fd-card__media.fd-card__media--bg-legend-10{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Background:var(--sapLegendBackgroundColor10);--fdCard_Media_Heading_Shadow:none}.fd-card__media.fd-card__media--bg-legend-11{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Background:var(--sapLegendBackgroundColor11);--fdCard_Media_Heading_Shadow:none}.fd-card__media.fd-card__media--bg-legend-12{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Background:var(--sapLegendBackgroundColor12);--fdCard_Media_Heading_Shadow:none}.fd-card__media.fd-card__media--bg-legend-13{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Background:var(--sapLegendBackgroundColor13);--fdCard_Media_Heading_Shadow:none}.fd-card__media.fd-card__media--bg-legend-14{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Background:var(--sapLegendBackgroundColor14);--fdCard_Media_Heading_Shadow:none}.fd-card__media.fd-card__media--bg-legend-15{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Background:var(--sapLegendBackgroundColor15);--fdCard_Media_Heading_Shadow:none}.fd-card__media.fd-card__media--bg-legend-16{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Background:var(--sapLegendBackgroundColor16);--fdCard_Media_Heading_Shadow:none}.fd-card__media.fd-card__media--bg-legend-17{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Background:var(--sapLegendBackgroundColor17);--fdCard_Media_Heading_Shadow:none}.fd-card__media.fd-card__media--bg-legend-18{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Background:var(--sapLegendBackgroundColor18);--fdCard_Media_Heading_Shadow:none}.fd-card__media.fd-card__media--bg-legend-19{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Background:var(--sapLegendBackgroundColor19);--fdCard_Media_Heading_Shadow:none}.fd-card__media.fd-card__media--bg-legend-20{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Background:var(--sapLegendBackgroundColor20);--fdCard_Media_Heading_Shadow:none}.fd-card__media+.fd-card__header{--fdCard_Header_Border_Radius:0;--fdCard_Focus_Outline_Radius:0}.fd-card__media+.fd-card__header:is(:last-child){--fdCard_Header_Border_Radius:0 0 var(--fdCard_Border_Corner_Radius) var(--fdCard_Border_Corner_Radius);--fdCard_Focus_Outline_Radius:0 0 var(--fdCard_Border_Corner_Radius) var(--fdCard_Border_Corner_Radius)}.fd-card__media:only-child{--fdCard_Media_Border_Radius:var(--sapTile_BorderCornerRadius)}.fd-card__media-content-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-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:1rem;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:center;-ms-flex-pack:center;background:var(--fdCard_Media_Content_Container_Background,var(--sapTile_Background));height:var(--fdCard_Media_Content_Container_Height,100%);inset:var(--fdCard_Media_Content_Container_Top,0) var(--fdCard_Media_Content_Container_Right,0) var(--fdCard_Media_Content_Container_Right,0) var(--fdCard_Media_Content_Container_Left,0);justify-content:center;max-height:100%;padding-block:var(--fdCard_Media_Content_Container_Padding_Block,1rem);padding-inline:var(--fdCard_Media_Content_Container_Padding_Inline,1rem);position:var(--fdCard_Media_Content_Container_Position,relative);-webkit-transform:var(--fdCard_Media_Content_Container_Transform,none);transform:var(--fdCard_Media_Content_Container_Transform,none);width:var(--fdCard_Media_Content_Container_Width,100%);z-index:3}.fd-card__media-content-container:after,.fd-card__media-content-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__media-content-container.fd-card__media-content-container--bg-shell-1{--fdCard_Media_Content_Container_Background:var(--sapShell_Category_1_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_1_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_1_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_1_TextColor)}.fd-card__media-content-container.fd-card__media-content-container--bg-shell-2{--fdCard_Media_Content_Container_Background:var(--sapShell_Category_2_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_2_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_2_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_2_TextColor)}.fd-card__media-content-container.fd-card__media-content-container--bg-shell-3{--fdCard_Media_Content_Container_Background:var(--sapShell_Category_3_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_3_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_3_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_3_TextColor)}.fd-card__media-content-container.fd-card__media-content-container--bg-shell-4{--fdCard_Media_Content_Container_Background:var(--sapShell_Category_4_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_4_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_4_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_4_TextColor)}.fd-card__media-content-container.fd-card__media-content-container--bg-shell-5{--fdCard_Media_Content_Container_Background:var(--sapShell_Category_5_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_5_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_5_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_5_TextColor)}.fd-card__media-content-container.fd-card__media-content-container--bg-shell-6{--fdCard_Media_Content_Container_Background:var(--sapShell_Category_6_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_6_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_6_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_6_TextColor)}.fd-card__media-content-container.fd-card__media-content-container--bg-shell-7{--fdCard_Media_Content_Container_Background:var(--sapShell_Category_7_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_7_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_7_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_7_TextColor)}.fd-card__media-content-container.fd-card__media-content-container--bg-shell-8{--fdCard_Media_Content_Container_Background:var(--sapShell_Category_8_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_8_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_8_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_8_TextColor)}.fd-card__media-content-container.fd-card__media-content-container--bg-shell-9{--fdCard_Media_Content_Container_Background:var(--sapShell_Category_9_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_9_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_9_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_9_TextColor)}.fd-card__media-content-container.fd-card__media-content-container--bg-shell-10{--fdCard_Media_Content_Container_Background:var(--sapShell_Category_10_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_10_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_10_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_10_TextColor)}.fd-card__media-content-container.fd-card__media-content-container--bg-shell-11{--fdCard_Media_Content_Container_Background:var(--sapShell_Category_11_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_11_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_11_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_11_TextColor)}.fd-card__media-content-container.fd-card__media-content-container--bg-shell-12{--fdCard_Media_Content_Container_Background:var(--sapShell_Category_12_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_12_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_12_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_12_TextColor)}.fd-card__media-content-container.fd-card__media-content-container--bg-shell-13{--fdCard_Media_Content_Container_Background:var(--sapShell_Category_13_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_13_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_13_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_13_TextColor)}.fd-card__media-content-container.fd-card__media-content-container--bg-shell-14{--fdCard_Media_Content_Container_Background:var(--sapShell_Category_14_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_14_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_14_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_14_TextColor)}.fd-card__media-content-container.fd-card__media-content-container--bg-shell-15{--fdCard_Media_Content_Container_Background:var(--sapShell_Category_15_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_15_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_15_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_15_TextColor)}.fd-card__media-content-container.fd-card__media-content-container--bg-shell-16{--fdCard_Media_Content_Container_Background:var(--sapShell_Category_16_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_16_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_16_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_16_TextColor)}.fd-card__media-content-container.fd-card__media-content-container--bg-legend-1{--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Content_Container_Background:var(--sapLegendBackgroundColor1);--fdCard_Media_Heading_Shadow:none}.fd-card__media-content-container.fd-card__media-content-container--bg-legend-2{--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Content_Container_Background:var(--sapLegendBackgroundColor2);--fdCard_Media_Heading_Shadow:none}.fd-card__media-content-container.fd-card__media-content-container--bg-legend-3{--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Content_Container_Background:var(--sapLegendBackgroundColor3);--fdCard_Media_Heading_Shadow:none}.fd-card__media-content-container.fd-card__media-content-container--bg-legend-4{--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Content_Container_Background:var(--sapLegendBackgroundColor4);--fdCard_Media_Heading_Shadow:none}.fd-card__media-content-container.fd-card__media-content-container--bg-legend-5{--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Content_Container_Background:var(--sapLegendBackgroundColor5);--fdCard_Media_Heading_Shadow:none}.fd-card__media-content-container.fd-card__media-content-container--bg-legend-6{--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Content_Container_Background:var(--sapLegendBackgroundColor6);--fdCard_Media_Heading_Shadow:none}.fd-card__media-content-container.fd-card__media-content-container--bg-legend-7{--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Content_Container_Background:var(--sapLegendBackgroundColor7);--fdCard_Media_Heading_Shadow:none}.fd-card__media-content-container.fd-card__media-content-container--bg-legend-8{--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Content_Container_Background:var(--sapLegendBackgroundColor8);--fdCard_Media_Heading_Shadow:none}.fd-card__media-content-container.fd-card__media-content-container--bg-legend-9{--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Content_Container_Background:var(--sapLegendBackgroundColor9);--fdCard_Media_Heading_Shadow:none}.fd-card__media-content-container.fd-card__media-content-container--bg-legend-10{--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Content_Container_Background:var(--sapLegendBackgroundColor10);--fdCard_Media_Heading_Shadow:none}.fd-card__media-content-container.fd-card__media-content-container--bg-legend-11{--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Content_Container_Background:var(--sapLegendBackgroundColor11);--fdCard_Media_Heading_Shadow:none}.fd-card__media-content-container.fd-card__media-content-container--bg-legend-12{--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Content_Container_Background:var(--sapLegendBackgroundColor12);--fdCard_Media_Heading_Shadow:none}.fd-card__media-content-container.fd-card__media-content-container--bg-legend-13{--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Content_Container_Background:var(--sapLegendBackgroundColor13);--fdCard_Media_Heading_Shadow:none}.fd-card__media-content-container.fd-card__media-content-container--bg-legend-14{--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Content_Container_Background:var(--sapLegendBackgroundColor14);--fdCard_Media_Heading_Shadow:none}.fd-card__media-content-container.fd-card__media-content-container--bg-legend-15{--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Content_Container_Background:var(--sapLegendBackgroundColor15);--fdCard_Media_Heading_Shadow:none}.fd-card__media-content-container.fd-card__media-content-container--bg-legend-16{--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Content_Container_Background:var(--sapLegendBackgroundColor16);--fdCard_Media_Heading_Shadow:none}.fd-card__media-content-container.fd-card__media-content-container--bg-legend-17{--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Content_Container_Background:var(--sapLegendBackgroundColor17);--fdCard_Media_Heading_Shadow:none}.fd-card__media-content-container.fd-card__media-content-container--bg-legend-18{--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Content_Container_Background:var(--sapLegendBackgroundColor18);--fdCard_Media_Heading_Shadow:none}.fd-card__media-content-container.fd-card__media-content-container--bg-legend-19{--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Content_Container_Background:var(--sapLegendBackgroundColor19);--fdCard_Media_Heading_Shadow:none}.fd-card__media-content-container.fd-card__media-content-container--bg-legend-20{--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Content_Container_Background:var(--sapLegendBackgroundColor20);--fdCard_Media_Heading_Shadow:none}.fd-card__media-image-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-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;height:var(--fdCard_Media_Image_Container_Height,100%);width:var(--fdCard_Media_Image_Container_Width,100%)}.fd-card__media-image-container:after,.fd-card__media-image-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__media-image{-webkit-box-flex:1;border-radius:var(--fdCard_Media_Image_Radius,0);-ms-flex:1;flex:1;height:var(--fdCard_Media_Image_Height,100%);width:var(--fdCard_Media_Image_Width,100%)}.fd-card__media-heading{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--fdCard_Media_Heading_Color,var(--sapTile_TitleTextColor));font-family:var(--sapFontFamily);font-family:var(--sapFontHeaderFamily);font-size:var(--sapFontSize);font-size:var(--sapFontHeader3Size);font-weight:400;font-weight:700;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;text-shadow:var(--fdCard_Media_Heading_Shadow,none)}.fd-card__media-heading:after,.fd-card__media-heading:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__media-text{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--fdCard_Media_Text_Color,var(--sapTile_TextColor));font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0}.fd-card__media-text:after,.fd-card__media-text:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card--banner{--fdCard_Media_Content_Container_Width:80%;--fdCard_Media_Content_Container_Padding_Inline:3rem;--fdCard_Media_Content_Container_Padding_Block:3rem;border:.0625rem solid var(--sapTile_BorderColor);border-radius:var(--sapTile_BorderCornerRadius);-webkit-box-shadow:var(--sapContent_Shadow0);box-shadow:var(--sapContent_Shadow0);height:100%}@media(width>=600px)and (width<=1023px){.fd-card--banner{--fdCard_Media_Image_Container_Width:80%}}@media(width<=599px){.fd-card--banner{--fdCard_Media_Image_Container_Width:100%}}.fd-card--banner:has(.fd-card__media-image-container){--fdCard_Media_Content_Container_Width:50%;--fdCard_Media_Image_Container_Width:50%}@media(width>=600px)and (width<=1023px){.fd-card--banner:has(.fd-card__media-image-container){--fdCard_Media_Content_Container_Width:80%;--fdCard_Media_Image_Container_Width:20%}}@media(width<=599px){.fd-card--banner:has(.fd-card__media-image-container){--fdCard_Media_Flex_Direction:column-reverse;--fdCard_Media_Content_Container_Width:100%;--fdCard_Media_Image_Container_Width:100%}}.fd-card--banner:has(.fd-card__media-image-container):has(.fd-card__media-content-container--overlay){--fdCard_Media_Content_Container_Width: calc(50% - 3rem) ;--fdCard_Media_Image_Container_Width:100%;--fdCard_Media_Content_Container_Top:50%;--fdCard_Media_Content_Container_Left:3rem;--fdCard_Media_Content_Container_Height:fit-content;--fdCard_Media_Content_Container_Position:absolute;--fdCard_Media_Content_Container_Transform:translateY(-50%)}@media(width>=600px)and (width<=1023px){.fd-card--banner:has(.fd-card__media-image-container):has(.fd-card__media-content-container--overlay){--fdCard_Media_Content_Container_Width: calc(80% - 3rem) ;--fdCard_Media_Image_Container_Width:100%}}@media(width<=599px){.fd-card--banner:has(.fd-card__media-image-container):has(.fd-card__media-content-container--overlay){--fdCard_Media_Content_Container_Width: calc(100% - 3rem) %;--fdCard_Media_Image_Container_Width:100%;--fdCard_Media_Content_Container_Right:3rem;--fdCard_Media_Content_Container_Padding_Inline:1rem;--fdCard_Media_Content_Container_Padding_Block:1rem}}.fd-card[class*=-compact],.fd-card[class*=-condensed],[class*=-compact] .fd-card:not([class*=-cozy]),[class*=-condensed] .fd-card:not([class*=-cozy]){--fdCard_Header_Text_Spacing:.5rem}@media(width<=599px){.fd-card{--fdCard_Media_Content_Container_Width:100%}}.fd-badge{background:var(--sapHighlightColor);border:0;border:.0625rem solid var(--fdBadge_Border_Color);border-radius:.5rem;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_ContrastTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:var(--sapFontSmallSize);font-weight:400;font-weight:700;forced-color-adjust:none;height:1rem;line-height:normal;margin-block:0;margin-inline:0;max-width:calc(100% - 1rem);overflow:hidden;padding-block:0;padding-inline:0;padding-inline:.5rem;position:absolute;right:.5rem;text-overflow:ellipsis;top:-.55rem;white-space:nowrap;z-index:10}.fd-badge:after,.fd-badge:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-badge[dir=rtl],[dir=rtl] .fd-badge{left:.5rem;right:auto}.fd-badge--static{position:static}.fd-card__header:has(+.fd-card__content){--fdCard_Focus_Outline_Radius: var(--fdCard_Border_Corner_Radius) var(--fdCard_Border_Corner_Radius) 0 0}.fd-card__content+.fd-card__header{--fdCard_Focus_Outline_Radius: 0 0 var(--fdCard_Border_Corner_Radius) var(--fdCard_Border_Corner_Radius)}.fd-card__header:has(.fd-card__header-extended) .fd-card__header-main-container{--fdCard_Focus_Outline_Radius: var(--fdCard_Border_Corner_Radius) var(--fdCard_Border_Corner_Radius) 0 0}.fd-card:not(:has(.fd-card__header,.fd-card__content,.fd-card__footer)) .fd-card__media{--fdCard_Media_Border_Radius: 1rem}.fd-card__sr-only{position:absolute;clip:rect(0 0 0 0);height:1px;width:1px;border:0;margin-inline:-1px;margin-block:-1px;padding-inline:0;padding-block:0;overflow:hidden;white-space:nowrap}\n/*! Bundled license information:\n\nfundamental-styles/dist/badge.css:\n (*!\n * Fundamental Library Styles v0.41.1\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"] }]
|
|
512
|
+
}], ctorParameters: () => [], propDecorators: { cardTitle: [{ type: i0.ContentChild, args: [i0.forwardRef(() => FD_CARD_TITLE), { isSignal: true }] }], cardSubtitle: [{ type: i0.ContentChild, args: [i0.forwardRef(() => FD_CARD_SUBTITLE), { isSignal: true }] }], cardSecondSubtitle: [{ type: i0.ContentChild, args: [i0.forwardRef(() => FD_CARD_SECOND_SUBTITLE), { isSignal: true }] }], cardCounter: [{ type: i0.ContentChild, args: [i0.forwardRef(() => FD_CARD_COUNTER), { isSignal: true }] }], cardMediaHeading: [{ type: i0.ContentChild, args: [i0.forwardRef(() => FD_CARD_MEDIA_HEADING), { isSignal: true }] }], badge: [{ type: i0.Input, args: [{ isSignal: true, alias: "badge", required: false }] }], badgeIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "badgeIcon", required: false }] }], badgeColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "badgeColor", required: false }] }], badgeColorSecondary: [{ type: i0.Input, args: [{ isSignal: true, alias: "badgeColorSecondary", required: false }] }], badgeStatus: [{ type: i0.Input, args: [{ isSignal: true, alias: "badgeStatus", required: false }] }], badgeAriaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "badgeAriaLabel", required: false }] }], secondBadge: [{ type: i0.Input, args: [{ isSignal: true, alias: "secondBadge", required: false }] }], secondBadgeIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "secondBadgeIcon", required: false }] }], secondBadgeColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "secondBadgeColor", required: false }] }], secondBadgeColorSecondary: [{ type: i0.Input, args: [{ isSignal: true, alias: "secondBadgeColorSecondary", required: false }] }], secondBadgeStatus: [{ type: i0.Input, args: [{ isSignal: true, alias: "secondBadgeStatus", required: false }] }], secondBadgeAriaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "secondBadgeAriaLabel", required: false }] }], isLoading: [{ type: i0.Input, args: [{ isSignal: true, alias: "isLoading", required: false }] }], cardType: [{ type: i0.Input, args: [{ isSignal: true, alias: "cardType", required: false }] }], id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], ariaRoledescription: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaRoledescription", required: false }] }], ariaDescription: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaDescription", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], role: [{ type: i0.Input, args: [{ isSignal: true, alias: "role", required: false }] }], interactive: [{ type: i0.Input, args: [{ isSignal: true, alias: "interactive", required: false }] }], selected: [{ type: i0.Input, args: [{ isSignal: true, alias: "selected", required: false }] }], ariaPosinset: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaPosinset", required: false }] }, { type: i0.Output, args: ["ariaPosinsetChange"] }], ariaSetsize: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaSetsize", required: false }] }, { type: i0.Output, args: ["ariaSetsizeChange"] }], ariaDescribedby: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaDescribedby", required: false }] }], keyDown: [{ type: i0.Output, args: ["keyDown"] }] } });
|
|
467
513
|
|
|
468
514
|
class CardContentComponent {
|
|
469
|
-
|
|
470
|
-
|
|
471
|
-
this.elementRef =
|
|
472
|
-
}
|
|
473
|
-
/** @hidden */
|
|
474
|
-
buildComponentCssClass() {
|
|
475
|
-
return [CLASS_NAME.cardContent];
|
|
476
|
-
}
|
|
477
|
-
/** @hidden */
|
|
478
|
-
ngOnInit() {
|
|
479
|
-
this.buildComponentCssClass();
|
|
515
|
+
constructor() {
|
|
516
|
+
/** @hidden */
|
|
517
|
+
this.elementRef = inject(ElementRef);
|
|
480
518
|
}
|
|
481
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: CardContentComponent, deps: [
|
|
482
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.0", type: CardContentComponent, isStandalone: true, selector: "fd-card-content", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
519
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: CardContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
520
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.0", type: CardContentComponent, isStandalone: true, selector: "fd-card-content", host: { classAttribute: "fd-card__content" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
483
521
|
}
|
|
484
|
-
__decorate([
|
|
485
|
-
applyCssClass,
|
|
486
|
-
__metadata("design:type", Function),
|
|
487
|
-
__metadata("design:paramtypes", []),
|
|
488
|
-
__metadata("design:returntype", Array)
|
|
489
|
-
], CardContentComponent.prototype, "buildComponentCssClass", null);
|
|
490
522
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: CardContentComponent, decorators: [{
|
|
491
523
|
type: Component,
|
|
492
524
|
args: [{
|
|
493
525
|
selector: 'fd-card-content',
|
|
494
526
|
template: '<ng-content></ng-content>',
|
|
495
527
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
496
|
-
|
|
528
|
+
host: {
|
|
529
|
+
class: CLASS_NAME.cardContent
|
|
530
|
+
}
|
|
497
531
|
}]
|
|
498
|
-
}]
|
|
532
|
+
}] });
|
|
499
533
|
|
|
500
534
|
class CardFooterActionItemDirective {
|
|
501
|
-
|
|
502
|
-
|
|
503
|
-
this.templateRef =
|
|
535
|
+
constructor() {
|
|
536
|
+
/** @hidden */
|
|
537
|
+
this.templateRef = inject((TemplateRef));
|
|
504
538
|
}
|
|
505
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: CardFooterActionItemDirective, deps: [
|
|
539
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: CardFooterActionItemDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
506
540
|
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.0", type: CardFooterActionItemDirective, isStandalone: true, selector: "[fdCardFooterActionItem]", ngImport: i0 }); }
|
|
507
541
|
}
|
|
508
542
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: CardFooterActionItemDirective, decorators: [{
|
|
509
543
|
type: Directive,
|
|
510
544
|
args: [{
|
|
511
|
-
selector: '[fdCardFooterActionItem]'
|
|
512
|
-
standalone: true
|
|
545
|
+
selector: '[fdCardFooterActionItem]'
|
|
513
546
|
}]
|
|
514
|
-
}]
|
|
547
|
+
}] });
|
|
515
548
|
|
|
516
549
|
class CardFooterComponent {
|
|
517
|
-
|
|
518
|
-
|
|
519
|
-
this._changeDetectorRef =
|
|
550
|
+
constructor() {
|
|
551
|
+
/** @hidden */
|
|
552
|
+
this._changeDetectorRef = inject(ChangeDetectorRef);
|
|
520
553
|
/** @hidden */
|
|
521
|
-
this.
|
|
554
|
+
this._destroyRef = inject(DestroyRef);
|
|
522
555
|
}
|
|
523
556
|
/** @hidden */
|
|
524
557
|
ngAfterViewInit() {
|
|
525
558
|
this.cardActionItems.changes
|
|
526
|
-
.pipe(startWith(this.cardActionItems), map(() => this.cardActionItems.toArray()), tap((items) => (this.actionItems = items)), tap(() => this._changeDetectorRef.detectChanges()), takeUntilDestroyed(this.
|
|
559
|
+
.pipe(startWith(this.cardActionItems), map(() => this.cardActionItems.toArray()), tap((items) => (this.actionItems = items)), tap(() => this._changeDetectorRef.detectChanges()), takeUntilDestroyed(this._destroyRef))
|
|
527
560
|
.subscribe();
|
|
528
561
|
}
|
|
529
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: CardFooterComponent, deps: [
|
|
562
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: CardFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
530
563
|
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.0", type: CardFooterComponent, isStandalone: true, selector: "fd-card-footer", host: { classAttribute: "fd-card__footer" }, queries: [{ propertyName: "cardActionItems", predicate: CardFooterActionItemDirective }], ngImport: i0, template: "<ng-content></ng-content>\n@if (actionItems && actionItems.length > 0) {\n <div class=\"fd-card__footer-actions\">\n @for (actionItem of actionItems; track actionItem) {\n <ng-template [ngTemplateOutlet]=\"actionItem.templateRef\"></ng-template>\n }\n </div>\n}\n", dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
531
564
|
}
|
|
532
565
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: CardFooterComponent, decorators: [{
|
|
533
566
|
type: Component,
|
|
534
567
|
args: [{ selector: 'fd-card-footer', host: {
|
|
535
|
-
class:
|
|
568
|
+
class: CLASS_NAME.cardFooter
|
|
536
569
|
}, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [NgTemplateOutlet], template: "<ng-content></ng-content>\n@if (actionItems && actionItems.length > 0) {\n <div class=\"fd-card__footer-actions\">\n @for (actionItem of actionItems; track actionItem) {\n <ng-template [ngTemplateOutlet]=\"actionItem.templateRef\"></ng-template>\n }\n </div>\n}\n" }]
|
|
537
|
-
}],
|
|
570
|
+
}], propDecorators: { cardActionItems: [{
|
|
538
571
|
type: ContentChildren,
|
|
539
572
|
args: [CardFooterActionItemDirective]
|
|
540
573
|
}] } });
|
|
541
574
|
|
|
575
|
+
let cardCounterId = 0;
|
|
542
576
|
class CardCounterDirective {
|
|
543
|
-
|
|
544
|
-
|
|
545
|
-
this.
|
|
577
|
+
constructor() {
|
|
578
|
+
/** Card counter id, it has some default value if not set, */
|
|
579
|
+
this.id = input('fd-card-counter-id-' + cardCounterId++, ...(ngDevMode ? [{ debugName: "id" }] : []));
|
|
546
580
|
/**
|
|
547
581
|
* the status represented by the Object Status.
|
|
548
582
|
* can be one of the following: 'negative' | 'critical' | 'positive' | 'informative' | 'neutral'
|
|
549
583
|
*/
|
|
550
584
|
this.statusInput = input('neutral', ...(ngDevMode ? [{ debugName: "statusInput" }] : []));
|
|
551
585
|
/** @hidden */
|
|
586
|
+
this.elementRef = inject(ElementRef);
|
|
587
|
+
/** @hidden */
|
|
552
588
|
this._cssClass = computed(() => {
|
|
553
589
|
const statusClass = this.statusInput() ? `fd-object-status--${this.statusInput()}` : '';
|
|
554
590
|
return [CLASS_NAME.cardCounter, OBJECT_STATUS_CLASS_NAME, statusClass].filter(Boolean).join(' ');
|
|
555
591
|
}, ...(ngDevMode ? [{ debugName: "_cssClass" }] : []));
|
|
556
592
|
}
|
|
557
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: CardCounterDirective, deps: [
|
|
558
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.0", type: CardCounterDirective, isStandalone: true, selector: "[fd-card-counter]", inputs: { statusInput: { classPropertyName: "statusInput", publicName: "statusInput", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "_cssClass()" } }, providers: [
|
|
593
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: CardCounterDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
594
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.0", type: CardCounterDirective, isStandalone: true, selector: "[fd-card-counter]", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, statusInput: { classPropertyName: "statusInput", publicName: "statusInput", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "_cssClass()", "attr.id": "id()" } }, providers: [
|
|
559
595
|
{
|
|
560
596
|
provide: FD_CARD_COUNTER,
|
|
561
597
|
useExisting: CardCounterDirective
|
|
@@ -568,7 +604,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImpor
|
|
|
568
604
|
// eslint-disable-next-line @angular-eslint/directive-selector
|
|
569
605
|
selector: '[fd-card-counter]',
|
|
570
606
|
host: {
|
|
571
|
-
'[class]': '_cssClass()'
|
|
607
|
+
'[class]': '_cssClass()',
|
|
608
|
+
'[attr.id]': 'id()'
|
|
572
609
|
},
|
|
573
610
|
providers: [
|
|
574
611
|
{
|
|
@@ -577,128 +614,97 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImpor
|
|
|
577
614
|
}
|
|
578
615
|
]
|
|
579
616
|
}]
|
|
580
|
-
}],
|
|
617
|
+
}], propDecorators: { id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], statusInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "statusInput", required: false }] }] } });
|
|
581
618
|
|
|
619
|
+
let cardSecondSubtitleId = 0;
|
|
582
620
|
class CardSecondSubtitleDirective {
|
|
583
|
-
|
|
584
|
-
|
|
585
|
-
this.elementRef =
|
|
586
|
-
|
|
587
|
-
|
|
588
|
-
buildComponentCssClass() {
|
|
589
|
-
return [CLASS_NAME.cardSecondSubtitle];
|
|
590
|
-
}
|
|
591
|
-
/** @hidden */
|
|
592
|
-
ngOnInit() {
|
|
593
|
-
this.buildComponentCssClass();
|
|
621
|
+
constructor() {
|
|
622
|
+
/** @hidden */
|
|
623
|
+
this.elementRef = inject(ElementRef);
|
|
624
|
+
/** Card second subtitle id, it has some default value if not set, */
|
|
625
|
+
this.id = input('fd-card-second-subtitle-id-' + cardSecondSubtitleId++, ...(ngDevMode ? [{ debugName: "id" }] : []));
|
|
594
626
|
}
|
|
595
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: CardSecondSubtitleDirective, deps: [
|
|
596
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "
|
|
627
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: CardSecondSubtitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
628
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.0", type: CardSecondSubtitleDirective, isStandalone: true, selector: "[fd-card-second-subtitle]", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.id": "id()" }, classAttribute: "fd-card__second-subtitle" }, providers: [
|
|
597
629
|
{
|
|
598
630
|
provide: FD_CARD_SECOND_SUBTITLE,
|
|
599
631
|
useExisting: CardSecondSubtitleDirective
|
|
600
632
|
}
|
|
601
633
|
], ngImport: i0 }); }
|
|
602
634
|
}
|
|
603
|
-
__decorate([
|
|
604
|
-
applyCssClass,
|
|
605
|
-
__metadata("design:type", Function),
|
|
606
|
-
__metadata("design:paramtypes", []),
|
|
607
|
-
__metadata("design:returntype", Array)
|
|
608
|
-
], CardSecondSubtitleDirective.prototype, "buildComponentCssClass", null);
|
|
609
635
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: CardSecondSubtitleDirective, decorators: [{
|
|
610
636
|
type: Directive,
|
|
611
637
|
args: [{
|
|
612
638
|
// eslint-disable-next-line @angular-eslint/directive-selector
|
|
613
639
|
selector: '[fd-card-second-subtitle]',
|
|
614
|
-
standalone: true,
|
|
615
640
|
providers: [
|
|
616
641
|
{
|
|
617
642
|
provide: FD_CARD_SECOND_SUBTITLE,
|
|
618
643
|
useExisting: CardSecondSubtitleDirective
|
|
619
644
|
}
|
|
620
|
-
]
|
|
645
|
+
],
|
|
646
|
+
host: {
|
|
647
|
+
class: CLASS_NAME.cardSecondSubtitle,
|
|
648
|
+
'[attr.id]': 'id()'
|
|
649
|
+
}
|
|
621
650
|
}]
|
|
622
|
-
}],
|
|
651
|
+
}], propDecorators: { id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }] } });
|
|
623
652
|
|
|
653
|
+
let cardSubtitleId = 0;
|
|
624
654
|
class CardSubtitleDirective {
|
|
625
|
-
|
|
626
|
-
|
|
627
|
-
this.
|
|
628
|
-
|
|
629
|
-
|
|
630
|
-
buildComponentCssClass() {
|
|
631
|
-
return [CLASS_NAME.cardSubtitle];
|
|
632
|
-
}
|
|
633
|
-
/** @hidden */
|
|
634
|
-
ngOnInit() {
|
|
635
|
-
this.buildComponentCssClass();
|
|
655
|
+
constructor() {
|
|
656
|
+
/** Card subtitle id, it has some default value if not set, */
|
|
657
|
+
this.id = input('fd-card-subtitle-id-' + cardSubtitleId++, ...(ngDevMode ? [{ debugName: "id" }] : []));
|
|
658
|
+
/** @hidden */
|
|
659
|
+
this.elementRef = inject(ElementRef);
|
|
636
660
|
}
|
|
637
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: CardSubtitleDirective, deps: [
|
|
638
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "
|
|
661
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: CardSubtitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
662
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.0", type: CardSubtitleDirective, isStandalone: true, selector: "[fd-card-subtitle]", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.id": "id()" }, classAttribute: "fd-card__subtitle" }, providers: [
|
|
639
663
|
{
|
|
640
664
|
provide: FD_CARD_SUBTITLE,
|
|
641
665
|
useExisting: CardSubtitleDirective
|
|
642
666
|
}
|
|
643
667
|
], ngImport: i0 }); }
|
|
644
668
|
}
|
|
645
|
-
__decorate([
|
|
646
|
-
applyCssClass,
|
|
647
|
-
__metadata("design:type", Function),
|
|
648
|
-
__metadata("design:paramtypes", []),
|
|
649
|
-
__metadata("design:returntype", Array)
|
|
650
|
-
], CardSubtitleDirective.prototype, "buildComponentCssClass", null);
|
|
651
669
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: CardSubtitleDirective, decorators: [{
|
|
652
670
|
type: Directive,
|
|
653
671
|
args: [{
|
|
654
672
|
// eslint-disable-next-line @angular-eslint/directive-selector
|
|
655
673
|
selector: '[fd-card-subtitle]',
|
|
656
|
-
standalone: true,
|
|
657
674
|
providers: [
|
|
658
675
|
{
|
|
659
676
|
provide: FD_CARD_SUBTITLE,
|
|
660
677
|
useExisting: CardSubtitleDirective
|
|
661
678
|
}
|
|
662
|
-
]
|
|
679
|
+
],
|
|
680
|
+
host: {
|
|
681
|
+
class: CLASS_NAME.cardSubtitle,
|
|
682
|
+
'[attr.id]': 'id()'
|
|
683
|
+
}
|
|
663
684
|
}]
|
|
664
|
-
}],
|
|
685
|
+
}], propDecorators: { id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }] } });
|
|
665
686
|
|
|
666
687
|
let cardTitleId = 0;
|
|
667
688
|
class CardTitleDirective {
|
|
668
|
-
|
|
669
|
-
constructor(elementRef) {
|
|
670
|
-
this.elementRef = elementRef;
|
|
689
|
+
constructor() {
|
|
671
690
|
/** Card title id, it has some default value if not set, */
|
|
672
691
|
this.id = input('fd-card-title-id-' + cardTitleId++, ...(ngDevMode ? [{ debugName: "id" }] : []));
|
|
692
|
+
/** @hidden */
|
|
693
|
+
this.elementRef = inject(ElementRef);
|
|
673
694
|
}
|
|
674
|
-
|
|
675
|
-
|
|
676
|
-
return [CLASS_NAME.cardTitle];
|
|
677
|
-
}
|
|
678
|
-
/** @hidden */
|
|
679
|
-
ngOnInit() {
|
|
680
|
-
this.buildComponentCssClass();
|
|
681
|
-
}
|
|
682
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: CardTitleDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
683
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.0", type: CardTitleDirective, isStandalone: true, selector: "[fd-card-title]", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.id": "id()" } }, providers: [
|
|
695
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: CardTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
696
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.0", type: CardTitleDirective, isStandalone: true, selector: "[fd-card-title]", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.id": "id()" }, classAttribute: "fd-card__title" }, providers: [
|
|
684
697
|
{
|
|
685
698
|
provide: FD_CARD_TITLE,
|
|
686
699
|
useExisting: CardTitleDirective
|
|
687
700
|
}
|
|
688
701
|
], ngImport: i0 }); }
|
|
689
702
|
}
|
|
690
|
-
__decorate([
|
|
691
|
-
applyCssClass,
|
|
692
|
-
__metadata("design:type", Function),
|
|
693
|
-
__metadata("design:paramtypes", []),
|
|
694
|
-
__metadata("design:returntype", Array)
|
|
695
|
-
], CardTitleDirective.prototype, "buildComponentCssClass", null);
|
|
696
703
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: CardTitleDirective, decorators: [{
|
|
697
704
|
type: Directive,
|
|
698
705
|
args: [{
|
|
699
706
|
// eslint-disable-next-line @angular-eslint/directive-selector
|
|
700
707
|
selector: '[fd-card-title]',
|
|
701
|
-
standalone: true,
|
|
702
708
|
providers: [
|
|
703
709
|
{
|
|
704
710
|
provide: FD_CARD_TITLE,
|
|
@@ -706,10 +712,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImpor
|
|
|
706
712
|
}
|
|
707
713
|
],
|
|
708
714
|
host: {
|
|
715
|
+
class: CLASS_NAME.cardTitle,
|
|
709
716
|
'[attr.id]': 'id()'
|
|
710
717
|
}
|
|
711
718
|
}]
|
|
712
|
-
}],
|
|
719
|
+
}], propDecorators: { id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }] } });
|
|
713
720
|
|
|
714
721
|
class CardHeaderComponent {
|
|
715
722
|
constructor() {
|
|
@@ -719,10 +726,10 @@ class CardHeaderComponent {
|
|
|
719
726
|
*/
|
|
720
727
|
this.ariaRoleDescription = input('Card Header', ...(ngDevMode ? [{ debugName: "ariaRoleDescription" }] : []));
|
|
721
728
|
/** @hidden */
|
|
722
|
-
this.
|
|
729
|
+
this.cardMainHeader = contentChild(FD_CARD_MAIN_HEADER, ...(ngDevMode ? [{ debugName: "cardMainHeader" }] : []));
|
|
723
730
|
}
|
|
724
731
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: CardHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
725
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.1.0", type: CardHeaderComponent, isStandalone: true, selector: "fd-card-header", inputs: { ariaRoleDescription: { classPropertyName: "ariaRoleDescription", publicName: "ariaRoleDescription", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "group" }, properties: { "class.fd-card__header--interactive": "
|
|
732
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.1.0", type: CardHeaderComponent, isStandalone: true, selector: "fd-card-header", inputs: { ariaRoleDescription: { classPropertyName: "ariaRoleDescription", publicName: "ariaRoleDescription", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "group" }, properties: { "class.fd-card__header--interactive": "cardMainHeader()?.interactive()", "attr.aria-roledescription": "ariaRoleDescription()" }, classAttribute: "fd-card__header" }, queries: [{ propertyName: "cardMainHeader", first: true, predicate: FD_CARD_MAIN_HEADER, descendants: true, isSignal: true }], ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
726
733
|
}
|
|
727
734
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: CardHeaderComponent, decorators: [{
|
|
728
735
|
type: Component,
|
|
@@ -733,12 +740,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImpor
|
|
|
733
740
|
imports: [],
|
|
734
741
|
host: {
|
|
735
742
|
role: 'group',
|
|
736
|
-
class:
|
|
737
|
-
'[class.fd-card__header--interactive]': '
|
|
743
|
+
class: CLASS_NAME.cardHeader,
|
|
744
|
+
'[class.fd-card__header--interactive]': 'cardMainHeader()?.interactive()',
|
|
738
745
|
'[attr.aria-roledescription]': 'ariaRoleDescription()'
|
|
739
746
|
}
|
|
740
747
|
}]
|
|
741
|
-
}], propDecorators: { ariaRoleDescription: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaRoleDescription", required: false }] }],
|
|
748
|
+
}], propDecorators: { ariaRoleDescription: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaRoleDescription", required: false }] }], cardMainHeader: [{ type: i0.ContentChild, args: [i0.forwardRef(() => FD_CARD_MAIN_HEADER), { isSignal: true }] }] } });
|
|
742
749
|
|
|
743
750
|
class CardIndicatorTitleDirective {
|
|
744
751
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: CardIndicatorTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
@@ -749,9 +756,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImpor
|
|
|
749
756
|
args: [{
|
|
750
757
|
// eslint-disable-next-line @angular-eslint/directive-selector
|
|
751
758
|
selector: '[fd-card-indicator-title]',
|
|
752
|
-
standalone: true,
|
|
753
759
|
host: {
|
|
754
|
-
class:
|
|
760
|
+
class: CLASS_NAME.cardIndicatorTitle
|
|
755
761
|
}
|
|
756
762
|
}]
|
|
757
763
|
}] });
|
|
@@ -767,7 +773,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImpor
|
|
|
767
773
|
selector: '[fd-card-indicator-value]',
|
|
768
774
|
standalone: true,
|
|
769
775
|
host: {
|
|
770
|
-
class:
|
|
776
|
+
class: CLASS_NAME.cardIndicatorValue
|
|
771
777
|
}
|
|
772
778
|
}]
|
|
773
779
|
}] });
|
|
@@ -785,7 +791,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImpor
|
|
|
785
791
|
<ng-content select="[fd-card-indicator-value]"></ng-content>`,
|
|
786
792
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
787
793
|
host: {
|
|
788
|
-
class:
|
|
794
|
+
class: CLASS_NAME.cardIndicator
|
|
789
795
|
}
|
|
790
796
|
}]
|
|
791
797
|
}] });
|
|
@@ -797,7 +803,7 @@ class CardNumericContainerComponent {
|
|
|
797
803
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: CardNumericContainerComponent, decorators: [{
|
|
798
804
|
type: Component,
|
|
799
805
|
args: [{ selector: 'fd-card-numeric-container', changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
800
|
-
class:
|
|
806
|
+
class: CLASS_NAME.cardNumericContainer
|
|
801
807
|
}, template: "<div class=\"fd-numeric-content fd-card__numeric-content\">\n <div class=\"fd-numeric-content__kpi-container\">\n <ng-content select=\"[fd-card-kpi-value]\"></ng-content>\n </div>\n <div class=\"fd-numeric-content__scale-container\">\n <div class=\"fd-numeric-content__scale\">\n <ng-content select=\"[fd-card-kpi-scale-icon]\"></ng-content>\n <ng-content select=\"[fd-card-kpi-scale-text]\"></ng-content>\n </div>\n </div>\n</div>\n" }]
|
|
802
808
|
}] });
|
|
803
809
|
|
|
@@ -815,7 +821,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImpor
|
|
|
815
821
|
args: [{
|
|
816
822
|
// eslint-disable-next-line @angular-eslint/directive-selector
|
|
817
823
|
selector: '[fd-card-header-action]',
|
|
818
|
-
standalone: true,
|
|
819
824
|
providers: [
|
|
820
825
|
{
|
|
821
826
|
provide: FD_CARD_HEADER_ACTION,
|
|
@@ -842,9 +847,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImpor
|
|
|
842
847
|
args: [{
|
|
843
848
|
// eslint-disable-next-line @angular-eslint/directive-selector
|
|
844
849
|
selector: '[fd-card-header-column]',
|
|
845
|
-
standalone: true,
|
|
846
850
|
host: {
|
|
847
|
-
class:
|
|
851
|
+
class: CLASS_NAME.cardHeaderColumn,
|
|
848
852
|
'[class.fd-card__header-column--right-aligned]': 'align() === "right"'
|
|
849
853
|
}
|
|
850
854
|
}]
|
|
@@ -873,10 +877,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImpor
|
|
|
873
877
|
selector: 'fd-card-extended-header',
|
|
874
878
|
template: `<ng-content></ng-content>`,
|
|
875
879
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
876
|
-
standalone: true,
|
|
877
880
|
host: {
|
|
878
881
|
role: 'group',
|
|
879
|
-
class:
|
|
882
|
+
class: CLASS_NAME.cardHeaderExtended,
|
|
880
883
|
'[class.fd-card__header-extended--top-aligned]': 'align() === "top"',
|
|
881
884
|
'[class.fd-card__header-extended--bottom-aligned]': 'align() === "bottom"',
|
|
882
885
|
'[attr.aria-roledescription]': 'ariaRoleDescription()'
|
|
@@ -966,272 +969,181 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImpor
|
|
|
966
969
|
args: [{
|
|
967
970
|
// eslint-disable-next-line @angular-eslint/directive-selector
|
|
968
971
|
selector: '[fd-card-header-row]',
|
|
969
|
-
standalone: true,
|
|
970
972
|
host: {
|
|
971
|
-
class:
|
|
973
|
+
class: CLASS_NAME.cardHeaderRow
|
|
972
974
|
}
|
|
973
975
|
}]
|
|
974
976
|
}] });
|
|
975
977
|
|
|
976
978
|
class CardKpiAnalyticsContentDirective {
|
|
977
|
-
|
|
978
|
-
|
|
979
|
-
this.elementRef =
|
|
980
|
-
}
|
|
981
|
-
/** @hidden */
|
|
982
|
-
buildComponentCssClass() {
|
|
983
|
-
return [CLASS_NAME.cardAnalyticsContent];
|
|
984
|
-
}
|
|
985
|
-
/** @hidden */
|
|
986
|
-
ngOnInit() {
|
|
987
|
-
this.buildComponentCssClass();
|
|
979
|
+
constructor() {
|
|
980
|
+
/** @hidden */
|
|
981
|
+
this.elementRef = inject(ElementRef);
|
|
988
982
|
}
|
|
989
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: CardKpiAnalyticsContentDirective, deps: [
|
|
990
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.0", type: CardKpiAnalyticsContentDirective, isStandalone: true, selector: "[fd-card-kpi-analytics-content]", ngImport: i0 }); }
|
|
983
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: CardKpiAnalyticsContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
984
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.0", type: CardKpiAnalyticsContentDirective, isStandalone: true, selector: "[fd-card-kpi-analytics-content]", host: { classAttribute: "fd-card__analytics-content" }, ngImport: i0 }); }
|
|
991
985
|
}
|
|
992
|
-
__decorate([
|
|
993
|
-
applyCssClass,
|
|
994
|
-
__metadata("design:type", Function),
|
|
995
|
-
__metadata("design:paramtypes", []),
|
|
996
|
-
__metadata("design:returntype", Array)
|
|
997
|
-
], CardKpiAnalyticsContentDirective.prototype, "buildComponentCssClass", null);
|
|
998
986
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: CardKpiAnalyticsContentDirective, decorators: [{
|
|
999
987
|
type: Directive,
|
|
1000
988
|
args: [{
|
|
1001
989
|
// eslint-disable-next-line @angular-eslint/directive-selector
|
|
1002
990
|
selector: '[fd-card-kpi-analytics-content]',
|
|
1003
|
-
|
|
991
|
+
host: {
|
|
992
|
+
class: CLASS_NAME.cardAnalyticsContent
|
|
993
|
+
}
|
|
1004
994
|
}]
|
|
1005
|
-
}]
|
|
995
|
+
}] });
|
|
1006
996
|
|
|
1007
997
|
class CardKpiAnalyticsLabelDirective {
|
|
1008
|
-
|
|
1009
|
-
|
|
1010
|
-
this.elementRef =
|
|
1011
|
-
}
|
|
1012
|
-
/** @hidden */
|
|
1013
|
-
buildComponentCssClass() {
|
|
1014
|
-
return [CLASS_NAME.cardAnalyticsText];
|
|
1015
|
-
}
|
|
1016
|
-
/** @hidden */
|
|
1017
|
-
ngOnInit() {
|
|
1018
|
-
this.buildComponentCssClass();
|
|
998
|
+
constructor() {
|
|
999
|
+
/** @hidden */
|
|
1000
|
+
this.elementRef = inject(ElementRef);
|
|
1019
1001
|
}
|
|
1020
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: CardKpiAnalyticsLabelDirective, deps: [
|
|
1021
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.0", type: CardKpiAnalyticsLabelDirective, isStandalone: true, selector: "[fd-card-kpi-analytics-label]", ngImport: i0 }); }
|
|
1002
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: CardKpiAnalyticsLabelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1003
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.0", type: CardKpiAnalyticsLabelDirective, isStandalone: true, selector: "[fd-card-kpi-analytics-label]", host: { classAttribute: "fd-card__analytics-text" }, ngImport: i0 }); }
|
|
1022
1004
|
}
|
|
1023
|
-
__decorate([
|
|
1024
|
-
applyCssClass,
|
|
1025
|
-
__metadata("design:type", Function),
|
|
1026
|
-
__metadata("design:paramtypes", []),
|
|
1027
|
-
__metadata("design:returntype", Array)
|
|
1028
|
-
], CardKpiAnalyticsLabelDirective.prototype, "buildComponentCssClass", null);
|
|
1029
1005
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: CardKpiAnalyticsLabelDirective, decorators: [{
|
|
1030
1006
|
type: Directive,
|
|
1031
1007
|
args: [{
|
|
1032
1008
|
// eslint-disable-next-line @angular-eslint/directive-selector
|
|
1033
1009
|
selector: '[fd-card-kpi-analytics-label]',
|
|
1034
|
-
|
|
1010
|
+
host: {
|
|
1011
|
+
class: CLASS_NAME.cardAnalyticsText
|
|
1012
|
+
}
|
|
1035
1013
|
}]
|
|
1036
|
-
}]
|
|
1014
|
+
}] });
|
|
1037
1015
|
|
|
1038
1016
|
class CardKpiAnalyticsDirective {
|
|
1039
|
-
|
|
1040
|
-
|
|
1041
|
-
this.elementRef =
|
|
1042
|
-
}
|
|
1043
|
-
/** @hidden */
|
|
1044
|
-
buildComponentCssClass() {
|
|
1045
|
-
return [CLASS_NAME.cardAnalytics];
|
|
1046
|
-
}
|
|
1047
|
-
/** @hidden */
|
|
1048
|
-
ngOnInit() {
|
|
1049
|
-
this.buildComponentCssClass();
|
|
1017
|
+
constructor() {
|
|
1018
|
+
/** @hidden */
|
|
1019
|
+
this.elementRef = inject(ElementRef);
|
|
1050
1020
|
}
|
|
1051
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: CardKpiAnalyticsDirective, deps: [
|
|
1052
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.0", type: CardKpiAnalyticsDirective, isStandalone: true, selector: "[fd-card-kpi-analytics]", ngImport: i0 }); }
|
|
1021
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: CardKpiAnalyticsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1022
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.0", type: CardKpiAnalyticsDirective, isStandalone: true, selector: "[fd-card-kpi-analytics]", host: { classAttribute: "fd-card__analytics" }, ngImport: i0 }); }
|
|
1053
1023
|
}
|
|
1054
|
-
__decorate([
|
|
1055
|
-
applyCssClass,
|
|
1056
|
-
__metadata("design:type", Function),
|
|
1057
|
-
__metadata("design:paramtypes", []),
|
|
1058
|
-
__metadata("design:returntype", Array)
|
|
1059
|
-
], CardKpiAnalyticsDirective.prototype, "buildComponentCssClass", null);
|
|
1060
1024
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: CardKpiAnalyticsDirective, decorators: [{
|
|
1061
1025
|
type: Directive,
|
|
1062
1026
|
args: [{
|
|
1063
1027
|
// eslint-disable-next-line @angular-eslint/directive-selector
|
|
1064
1028
|
selector: '[fd-card-kpi-analytics]',
|
|
1065
|
-
|
|
1029
|
+
host: {
|
|
1030
|
+
class: CLASS_NAME.cardAnalytics
|
|
1031
|
+
}
|
|
1066
1032
|
}]
|
|
1067
|
-
}]
|
|
1033
|
+
}] });
|
|
1068
1034
|
|
|
1069
1035
|
class CardKpiHeaderComponent {
|
|
1070
|
-
|
|
1071
|
-
|
|
1072
|
-
this.elementRef =
|
|
1073
|
-
}
|
|
1074
|
-
/** @hidden */
|
|
1075
|
-
buildComponentCssClass() {
|
|
1076
|
-
return [CLASS_NAME.cardAnalyticalArea];
|
|
1077
|
-
}
|
|
1078
|
-
/** @hidden */
|
|
1079
|
-
ngOnInit() {
|
|
1080
|
-
this.buildComponentCssClass();
|
|
1036
|
+
constructor() {
|
|
1037
|
+
/** @hidden */
|
|
1038
|
+
this.elementRef = inject(ElementRef);
|
|
1081
1039
|
}
|
|
1082
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: CardKpiHeaderComponent, deps: [
|
|
1083
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.0", type: CardKpiHeaderComponent, isStandalone: true, selector: "fd-card-kpi-header", providers: [
|
|
1040
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: CardKpiHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1041
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.0", type: CardKpiHeaderComponent, isStandalone: true, selector: "fd-card-kpi-header", host: { classAttribute: "fd-card__analytics-area" }, providers: [
|
|
1084
1042
|
{
|
|
1085
1043
|
provide: FD_CARD_KPI_HEADER,
|
|
1086
1044
|
useExisting: CardKpiHeaderComponent
|
|
1087
1045
|
}
|
|
1088
1046
|
], ngImport: i0, template: "<div class=\"fd-numeric-content fd-card__numeric-content\">\n <div class=\"fd-numeric-content__kpi-container\">\n <ng-content select=\"[fd-card-kpi-value]\"></ng-content>\n </div>\n <div class=\"fd-numeric-content__scale-container\">\n <div class=\"fd-numeric-content__scale\">\n <ng-content select=\"[fd-card-kpi-scale-icon]\"></ng-content>\n <ng-content select=\"[fd-card-kpi-scale-text]\"></ng-content>\n </div>\n </div>\n</div>\n\n<div class=\"fd-card__analytics-container\">\n <ng-content select=\"[fd-card-kpi-analytics]\"></ng-content>\n</div>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1089
1047
|
}
|
|
1090
|
-
__decorate([
|
|
1091
|
-
applyCssClass,
|
|
1092
|
-
__metadata("design:type", Function),
|
|
1093
|
-
__metadata("design:paramtypes", []),
|
|
1094
|
-
__metadata("design:returntype", Array)
|
|
1095
|
-
], CardKpiHeaderComponent.prototype, "buildComponentCssClass", null);
|
|
1096
1048
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: CardKpiHeaderComponent, decorators: [{
|
|
1097
1049
|
type: Component,
|
|
1098
|
-
args: [{ selector: 'fd-card-kpi-header', changeDetection: ChangeDetectionStrategy.OnPush,
|
|
1050
|
+
args: [{ selector: 'fd-card-kpi-header', changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
1051
|
+
class: CLASS_NAME.cardAnalyticalArea
|
|
1052
|
+
}, providers: [
|
|
1099
1053
|
{
|
|
1100
1054
|
provide: FD_CARD_KPI_HEADER,
|
|
1101
1055
|
useExisting: CardKpiHeaderComponent
|
|
1102
1056
|
}
|
|
1103
1057
|
], template: "<div class=\"fd-numeric-content fd-card__numeric-content\">\n <div class=\"fd-numeric-content__kpi-container\">\n <ng-content select=\"[fd-card-kpi-value]\"></ng-content>\n </div>\n <div class=\"fd-numeric-content__scale-container\">\n <div class=\"fd-numeric-content__scale\">\n <ng-content select=\"[fd-card-kpi-scale-icon]\"></ng-content>\n <ng-content select=\"[fd-card-kpi-scale-text]\"></ng-content>\n </div>\n </div>\n</div>\n\n<div class=\"fd-card__analytics-container\">\n <ng-content select=\"[fd-card-kpi-analytics]\"></ng-content>\n</div>\n" }]
|
|
1104
|
-
}]
|
|
1058
|
+
}] });
|
|
1105
1059
|
|
|
1106
1060
|
class CardKpiScaleIconDirective {
|
|
1107
|
-
|
|
1108
|
-
|
|
1109
|
-
this.elementRef =
|
|
1110
|
-
}
|
|
1111
|
-
/** @hidden */
|
|
1112
|
-
buildComponentCssClass() {
|
|
1113
|
-
return [CLASS_NAME.cardAnalyticsScaleIcon];
|
|
1114
|
-
}
|
|
1115
|
-
/** @hidden */
|
|
1116
|
-
ngOnInit() {
|
|
1117
|
-
this.buildComponentCssClass();
|
|
1061
|
+
constructor() {
|
|
1062
|
+
/** @hidden */
|
|
1063
|
+
this.elementRef = inject(ElementRef);
|
|
1118
1064
|
}
|
|
1119
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: CardKpiScaleIconDirective, deps: [
|
|
1120
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.0", type: CardKpiScaleIconDirective, isStandalone: true, selector: "[fd-card-kpi-scale-icon]", ngImport: i0 }); }
|
|
1065
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: CardKpiScaleIconDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1066
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.0", type: CardKpiScaleIconDirective, isStandalone: true, selector: "[fd-card-kpi-scale-icon]", host: { classAttribute: "fd-numeric-content__scale-arrow" }, ngImport: i0 }); }
|
|
1121
1067
|
}
|
|
1122
|
-
__decorate([
|
|
1123
|
-
applyCssClass,
|
|
1124
|
-
__metadata("design:type", Function),
|
|
1125
|
-
__metadata("design:paramtypes", []),
|
|
1126
|
-
__metadata("design:returntype", Array)
|
|
1127
|
-
], CardKpiScaleIconDirective.prototype, "buildComponentCssClass", null);
|
|
1128
1068
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: CardKpiScaleIconDirective, decorators: [{
|
|
1129
1069
|
type: Directive,
|
|
1130
1070
|
args: [{
|
|
1131
1071
|
// eslint-disable-next-line @angular-eslint/directive-selector
|
|
1132
1072
|
selector: '[fd-card-kpi-scale-icon]',
|
|
1133
|
-
|
|
1073
|
+
host: {
|
|
1074
|
+
class: CLASS_NAME.cardAnalyticsScaleIcon
|
|
1075
|
+
}
|
|
1134
1076
|
}]
|
|
1135
|
-
}]
|
|
1077
|
+
}] });
|
|
1136
1078
|
|
|
1137
1079
|
class CardKpiScaleTextDirective {
|
|
1138
|
-
|
|
1139
|
-
|
|
1140
|
-
this.elementRef =
|
|
1141
|
-
}
|
|
1142
|
-
/** @hidden */
|
|
1143
|
-
buildComponentCssClass() {
|
|
1144
|
-
return [CLASS_NAME.cardAnalyticsScaleText];
|
|
1145
|
-
}
|
|
1146
|
-
/** @hidden */
|
|
1147
|
-
ngOnInit() {
|
|
1148
|
-
this.buildComponentCssClass();
|
|
1080
|
+
constructor() {
|
|
1081
|
+
/** @hidden */
|
|
1082
|
+
this.elementRef = inject(ElementRef);
|
|
1149
1083
|
}
|
|
1150
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: CardKpiScaleTextDirective, deps: [
|
|
1151
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.0", type: CardKpiScaleTextDirective, isStandalone: true, selector: "[fd-card-kpi-scale-text]", ngImport: i0 }); }
|
|
1084
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: CardKpiScaleTextDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1085
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.0", type: CardKpiScaleTextDirective, isStandalone: true, selector: "[fd-card-kpi-scale-text]", host: { classAttribute: "fd-numeric-content__scale-text" }, ngImport: i0 }); }
|
|
1152
1086
|
}
|
|
1153
|
-
__decorate([
|
|
1154
|
-
applyCssClass,
|
|
1155
|
-
__metadata("design:type", Function),
|
|
1156
|
-
__metadata("design:paramtypes", []),
|
|
1157
|
-
__metadata("design:returntype", Array)
|
|
1158
|
-
], CardKpiScaleTextDirective.prototype, "buildComponentCssClass", null);
|
|
1159
1087
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: CardKpiScaleTextDirective, decorators: [{
|
|
1160
1088
|
type: Directive,
|
|
1161
1089
|
args: [{
|
|
1162
1090
|
// eslint-disable-next-line @angular-eslint/directive-selector
|
|
1163
1091
|
selector: '[fd-card-kpi-scale-text]',
|
|
1164
|
-
|
|
1092
|
+
host: {
|
|
1093
|
+
class: CLASS_NAME.cardAnalyticsScaleText
|
|
1094
|
+
}
|
|
1165
1095
|
}]
|
|
1166
|
-
}]
|
|
1096
|
+
}] });
|
|
1167
1097
|
|
|
1168
1098
|
class CardKpiValueDirective {
|
|
1169
|
-
|
|
1170
|
-
|
|
1171
|
-
this.
|
|
1172
|
-
|
|
1173
|
-
|
|
1174
|
-
|
|
1175
|
-
|
|
1176
|
-
CLASS_NAME.cardAnalyticsKpiValue
|
|
1177
|
-
|
|
1178
|
-
|
|
1179
|
-
|
|
1180
|
-
|
|
1181
|
-
|
|
1182
|
-
|
|
1099
|
+
constructor() {
|
|
1100
|
+
/** Set type of KPI value. eg: 'positive', 'negative', 'critical', 'informative' */
|
|
1101
|
+
this.status = input(...(ngDevMode ? [undefined, { debugName: "status" }] : []));
|
|
1102
|
+
/** @hidden */
|
|
1103
|
+
this.elementRef = inject(ElementRef);
|
|
1104
|
+
/** @hidden */
|
|
1105
|
+
this.cssClass = computed(() => {
|
|
1106
|
+
let classes = CLASS_NAME.cardAnalyticsKpiValue;
|
|
1107
|
+
const status = this.status();
|
|
1108
|
+
if (status) {
|
|
1109
|
+
classes += ` ${CLASS_NAME.cardAnalyticsKpiValue}--${status}`;
|
|
1110
|
+
}
|
|
1111
|
+
return classes;
|
|
1112
|
+
}, ...(ngDevMode ? [{ debugName: "cssClass" }] : []));
|
|
1183
1113
|
}
|
|
1184
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: CardKpiValueDirective, deps: [
|
|
1185
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "
|
|
1114
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: CardKpiValueDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1115
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.0", type: CardKpiValueDirective, isStandalone: true, selector: "[fd-card-kpi-value]", inputs: { status: { classPropertyName: "status", publicName: "status", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "cssClass()" } }, ngImport: i0 }); }
|
|
1186
1116
|
}
|
|
1187
|
-
__decorate([
|
|
1188
|
-
applyCssClass,
|
|
1189
|
-
__metadata("design:type", Function),
|
|
1190
|
-
__metadata("design:paramtypes", []),
|
|
1191
|
-
__metadata("design:returntype", Array)
|
|
1192
|
-
], CardKpiValueDirective.prototype, "buildComponentCssClass", null);
|
|
1193
1117
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: CardKpiValueDirective, decorators: [{
|
|
1194
1118
|
type: Directive,
|
|
1195
1119
|
args: [{
|
|
1196
1120
|
// eslint-disable-next-line @angular-eslint/directive-selector
|
|
1197
1121
|
selector: '[fd-card-kpi-value]',
|
|
1198
|
-
|
|
1122
|
+
host: {
|
|
1123
|
+
'[class]': 'cssClass()'
|
|
1124
|
+
}
|
|
1199
1125
|
}]
|
|
1200
|
-
}],
|
|
1201
|
-
type: Input
|
|
1202
|
-
}], buildComponentCssClass: [] } });
|
|
1126
|
+
}], propDecorators: { status: [{ type: i0.Input, args: [{ isSignal: true, alias: "status", required: false }] }] } });
|
|
1203
1127
|
|
|
1204
1128
|
class CardLoaderComponent {
|
|
1205
|
-
|
|
1206
|
-
|
|
1207
|
-
this.elementRef =
|
|
1208
|
-
}
|
|
1209
|
-
/** @hidden */
|
|
1210
|
-
buildComponentCssClass() {
|
|
1211
|
-
return [CLASS_NAME.cardLoader];
|
|
1212
|
-
}
|
|
1213
|
-
/** @hidden */
|
|
1214
|
-
ngOnInit() {
|
|
1215
|
-
this.buildComponentCssClass();
|
|
1129
|
+
constructor() {
|
|
1130
|
+
/** @hidden */
|
|
1131
|
+
this.elementRef = inject(ElementRef);
|
|
1216
1132
|
}
|
|
1217
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: CardLoaderComponent, deps: [
|
|
1218
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.0", type: CardLoaderComponent, isStandalone: true, selector: "fd-card-loader", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1133
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: CardLoaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1134
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.0", type: CardLoaderComponent, isStandalone: true, selector: "fd-card-loader", host: { classAttribute: "fd-card__loader" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1219
1135
|
}
|
|
1220
|
-
__decorate([
|
|
1221
|
-
applyCssClass,
|
|
1222
|
-
__metadata("design:type", Function),
|
|
1223
|
-
__metadata("design:paramtypes", []),
|
|
1224
|
-
__metadata("design:returntype", Array)
|
|
1225
|
-
], CardLoaderComponent.prototype, "buildComponentCssClass", null);
|
|
1226
1136
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: CardLoaderComponent, decorators: [{
|
|
1227
1137
|
type: Component,
|
|
1228
1138
|
args: [{
|
|
1229
1139
|
selector: 'fd-card-loader',
|
|
1230
1140
|
template: '<ng-content></ng-content>',
|
|
1231
1141
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
1232
|
-
|
|
1142
|
+
host: {
|
|
1143
|
+
class: CLASS_NAME.cardLoader
|
|
1144
|
+
}
|
|
1233
1145
|
}]
|
|
1234
|
-
}]
|
|
1146
|
+
}] });
|
|
1235
1147
|
|
|
1236
1148
|
class CardMediaContentContainerDirective {
|
|
1237
1149
|
constructor() {
|
|
@@ -1250,32 +1162,36 @@ class CardMediaContentContainerDirective {
|
|
|
1250
1162
|
* Available values: number from 1 to 20
|
|
1251
1163
|
*/
|
|
1252
1164
|
this.legendColor = input(...(ngDevMode ? [undefined, { debugName: "legendColor" }] : []));
|
|
1253
|
-
|
|
1254
|
-
|
|
1255
|
-
|
|
1256
|
-
|
|
1257
|
-
|
|
1258
|
-
|
|
1259
|
-
|
|
1165
|
+
/** @hidden */
|
|
1166
|
+
this.cssClass = computed(() => {
|
|
1167
|
+
let classes = CLASS_NAME.cardMediaContentContainer;
|
|
1168
|
+
if (this.isOverlay()) {
|
|
1169
|
+
classes += ` ${CLASS_NAME.cardMediaContentContainerOverlay}`;
|
|
1170
|
+
}
|
|
1171
|
+
const shell = this.shellColor();
|
|
1172
|
+
if (shell) {
|
|
1173
|
+
classes += ` ${CLASS_NAME.cardMediaContentContainer}--bg-shell-${shell}`;
|
|
1174
|
+
}
|
|
1175
|
+
const legend = this.legendColor();
|
|
1176
|
+
if (legend) {
|
|
1177
|
+
classes += ` ${CLASS_NAME.cardMediaContentContainer}--bg-legend-${legend}`;
|
|
1178
|
+
}
|
|
1179
|
+
return classes;
|
|
1180
|
+
}, ...(ngDevMode ? [{ debugName: "cssClass" }] : []));
|
|
1260
1181
|
}
|
|
1261
1182
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: CardMediaContentContainerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1262
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.0", type: CardMediaContentContainerDirective, isStandalone: true, selector: "[fd-card-media-content-container]", inputs: { isOverlay: { classPropertyName: "isOverlay", publicName: "isOverlay", isSignal: true, isRequired: false, transformFunction: null }, shellColor: { classPropertyName: "shellColor", publicName: "shellColor", isSignal: true, isRequired: false, transformFunction: null }, legendColor: { classPropertyName: "legendColor", publicName: "legendColor", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class
|
|
1183
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.0", type: CardMediaContentContainerDirective, isStandalone: true, selector: "[fd-card-media-content-container]", inputs: { isOverlay: { classPropertyName: "isOverlay", publicName: "isOverlay", isSignal: true, isRequired: false, transformFunction: null }, shellColor: { classPropertyName: "shellColor", publicName: "shellColor", isSignal: true, isRequired: false, transformFunction: null }, legendColor: { classPropertyName: "legendColor", publicName: "legendColor", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "cssClass()" } }, ngImport: i0 }); }
|
|
1263
1184
|
}
|
|
1264
1185
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: CardMediaContentContainerDirective, decorators: [{
|
|
1265
1186
|
type: Directive,
|
|
1266
1187
|
args: [{
|
|
1267
1188
|
// eslint-disable-next-line @angular-eslint/directive-selector
|
|
1268
1189
|
selector: '[fd-card-media-content-container]',
|
|
1269
|
-
standalone: true,
|
|
1270
1190
|
host: {
|
|
1271
|
-
class: '
|
|
1272
|
-
'[class.fd-card__media-content-container--overlay]': 'isOverlay()'
|
|
1191
|
+
'[class]': 'cssClass()'
|
|
1273
1192
|
}
|
|
1274
1193
|
}]
|
|
1275
|
-
}], propDecorators: {
|
|
1276
|
-
type: HostBinding,
|
|
1277
|
-
args: ['class']
|
|
1278
|
-
}], isOverlay: [{ type: i0.Input, args: [{ isSignal: true, alias: "isOverlay", required: false }] }], shellColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "shellColor", required: false }] }], legendColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "legendColor", required: false }] }] } });
|
|
1194
|
+
}], propDecorators: { isOverlay: [{ type: i0.Input, args: [{ isSignal: true, alias: "isOverlay", required: false }] }], shellColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "shellColor", required: false }] }], legendColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "legendColor", required: false }] }] } });
|
|
1279
1195
|
|
|
1280
1196
|
let cardMediaHeadingId = 0;
|
|
1281
1197
|
class CardMediaHeadingDirective {
|
|
@@ -1301,7 +1217,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImpor
|
|
|
1301
1217
|
args: [{
|
|
1302
1218
|
// eslint-disable-next-line @angular-eslint/directive-selector
|
|
1303
1219
|
selector: '[fd-card-media-heading]',
|
|
1304
|
-
standalone: true,
|
|
1305
1220
|
providers: [
|
|
1306
1221
|
{
|
|
1307
1222
|
provide: FD_CARD_MEDIA_HEADING,
|
|
@@ -1310,7 +1225,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImpor
|
|
|
1310
1225
|
],
|
|
1311
1226
|
host: {
|
|
1312
1227
|
role: 'group',
|
|
1313
|
-
class:
|
|
1228
|
+
class: CLASS_NAME.cardMediaHeading,
|
|
1314
1229
|
'[attr.aria-level]': 'level()',
|
|
1315
1230
|
'[attr.id]': 'id()'
|
|
1316
1231
|
}
|
|
@@ -1326,9 +1241,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImpor
|
|
|
1326
1241
|
args: [{
|
|
1327
1242
|
// eslint-disable-next-line @angular-eslint/directive-selector
|
|
1328
1243
|
selector: '[fd-card-media-image-container]',
|
|
1329
|
-
standalone: true,
|
|
1330
1244
|
host: {
|
|
1331
|
-
class:
|
|
1245
|
+
class: CLASS_NAME.cardMediaImageContainer
|
|
1332
1246
|
}
|
|
1333
1247
|
}]
|
|
1334
1248
|
}] });
|
|
@@ -1342,10 +1256,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImpor
|
|
|
1342
1256
|
args: [{
|
|
1343
1257
|
// eslint-disable-next-line @angular-eslint/directive-selector
|
|
1344
1258
|
selector: '[fd-card-media-image]',
|
|
1345
|
-
standalone: true,
|
|
1346
1259
|
host: {
|
|
1347
1260
|
role: 'presentation',
|
|
1348
|
-
class:
|
|
1261
|
+
class: CLASS_NAME.cardMediaImage
|
|
1349
1262
|
}
|
|
1350
1263
|
}]
|
|
1351
1264
|
}] });
|
|
@@ -1359,9 +1272,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImpor
|
|
|
1359
1272
|
args: [{
|
|
1360
1273
|
// eslint-disable-next-line @angular-eslint/directive-selector
|
|
1361
1274
|
selector: '[fd-card-media-text]',
|
|
1362
|
-
standalone: true,
|
|
1363
1275
|
host: {
|
|
1364
|
-
class:
|
|
1276
|
+
class: CLASS_NAME.cardMediaText
|
|
1365
1277
|
}
|
|
1366
1278
|
}]
|
|
1367
1279
|
}] });
|
|
@@ -1388,16 +1300,25 @@ class CardMediaComponent {
|
|
|
1388
1300
|
* Available values: number from 1 to 20
|
|
1389
1301
|
*/
|
|
1390
1302
|
this.legendColor = input(...(ngDevMode ? [undefined, { debugName: "legendColor" }] : []));
|
|
1391
|
-
|
|
1392
|
-
|
|
1393
|
-
|
|
1394
|
-
|
|
1395
|
-
|
|
1396
|
-
|
|
1397
|
-
|
|
1303
|
+
/** @hidden */
|
|
1304
|
+
this.cssClass = computed(() => {
|
|
1305
|
+
let classes = CLASS_NAME.cardMedia;
|
|
1306
|
+
if (this.hasPadding()) {
|
|
1307
|
+
classes += ` ${CLASS_NAME.cardMediaWithPadding}`;
|
|
1308
|
+
}
|
|
1309
|
+
const shell = this.shellColor();
|
|
1310
|
+
if (shell) {
|
|
1311
|
+
classes += ` ${CLASS_NAME.cardMedia}--bg-shell-${shell}`;
|
|
1312
|
+
}
|
|
1313
|
+
const legend = this.legendColor();
|
|
1314
|
+
if (legend) {
|
|
1315
|
+
classes += ` ${CLASS_NAME.cardMedia}--bg-legend-${legend}`;
|
|
1316
|
+
}
|
|
1317
|
+
return classes;
|
|
1318
|
+
}, ...(ngDevMode ? [{ debugName: "cssClass" }] : []));
|
|
1398
1319
|
}
|
|
1399
1320
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: CardMediaComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1400
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.0", type: CardMediaComponent, isStandalone: true, selector: "fd-card-media", inputs: { ariaRoleDescription: { classPropertyName: "ariaRoleDescription", publicName: "ariaRoleDescription", isSignal: true, isRequired: false, transformFunction: null }, hasPadding: { classPropertyName: "hasPadding", publicName: "hasPadding", isSignal: true, isRequired: false, transformFunction: null }, shellColor: { classPropertyName: "shellColor", publicName: "shellColor", isSignal: true, isRequired: false, transformFunction: null }, legendColor: { classPropertyName: "legendColor", publicName: "legendColor", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "group" }, properties: { "class
|
|
1321
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.0", type: CardMediaComponent, isStandalone: true, selector: "fd-card-media", inputs: { ariaRoleDescription: { classPropertyName: "ariaRoleDescription", publicName: "ariaRoleDescription", isSignal: true, isRequired: false, transformFunction: null }, hasPadding: { classPropertyName: "hasPadding", publicName: "hasPadding", isSignal: true, isRequired: false, transformFunction: null }, shellColor: { classPropertyName: "shellColor", publicName: "shellColor", isSignal: true, isRequired: false, transformFunction: null }, legendColor: { classPropertyName: "legendColor", publicName: "legendColor", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "group" }, properties: { "class": "cssClass()", "attr.aria-roledescription": "ariaRoleDescription()" } }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1401
1322
|
}
|
|
1402
1323
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: CardMediaComponent, decorators: [{
|
|
1403
1324
|
type: Component,
|
|
@@ -1405,18 +1326,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImpor
|
|
|
1405
1326
|
selector: 'fd-card-media',
|
|
1406
1327
|
template: '<ng-content></ng-content>',
|
|
1407
1328
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
1408
|
-
standalone: true,
|
|
1409
1329
|
host: {
|
|
1410
1330
|
role: 'group',
|
|
1411
|
-
class: '
|
|
1412
|
-
'[class.fd-card__media--with-padding]': 'hasPadding()',
|
|
1331
|
+
'[class]': 'cssClass()',
|
|
1413
1332
|
'[attr.aria-roledescription]': 'ariaRoleDescription()'
|
|
1414
1333
|
}
|
|
1415
1334
|
}]
|
|
1416
|
-
}], propDecorators: {
|
|
1417
|
-
type: HostBinding,
|
|
1418
|
-
args: ['class']
|
|
1419
|
-
}], ariaRoleDescription: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaRoleDescription", required: false }] }], hasPadding: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasPadding", required: false }] }], shellColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "shellColor", required: false }] }], legendColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "legendColor", required: false }] }] } });
|
|
1335
|
+
}], propDecorators: { ariaRoleDescription: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaRoleDescription", required: false }] }], hasPadding: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasPadding", required: false }] }], shellColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "shellColor", required: false }] }], legendColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "legendColor", required: false }] }] } });
|
|
1420
1336
|
|
|
1421
1337
|
const components = [
|
|
1422
1338
|
CardComponent,
|