@fundamental-ngx/core 0.33.2 → 0.33.3-rc.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/action-bar/package.json +3 -3
- package/action-sheet/esm2020/action-sheet.component.mjs +2 -2
- package/action-sheet/fesm2015/fundamental-ngx-core-action-sheet.mjs +2 -2
- package/action-sheet/fesm2020/fundamental-ngx-core-action-sheet.mjs +2 -2
- package/action-sheet/package.json +3 -3
- package/alert/package.json +3 -3
- package/avatar/package.json +3 -3
- package/avatar-group/package.json +3 -3
- package/bar/package.json +3 -3
- package/breadcrumb/package.json +3 -3
- package/busy-indicator/package.json +3 -3
- package/button/package.json +3 -3
- package/calendar/package.json +3 -3
- package/card/package.json +3 -3
- package/carousel/package.json +3 -3
- package/checkbox/package.json +3 -3
- package/combobox/package.json +3 -3
- package/date-picker/package.json +3 -3
- package/datetime/package.json +3 -3
- package/datetime-picker/package.json +3 -3
- package/dialog/package.json +3 -3
- package/dynamic-page/package.json +3 -3
- package/dynamic-side-content/package.json +3 -3
- package/esm2020/action-sheet/action-sheet.component.mjs +2 -2
- package/esm2020/grid-list/components/grid-list/grid-list.component.mjs +2 -2
- package/esm2020/layout-grid/layout-grid.component.mjs +2 -2
- package/esm2020/list/list.component.mjs +2 -2
- package/esm2020/popover/popover-body/popover-body.component.mjs +2 -2
- package/esm2020/product-switch/product-switch-body/product-switch-body.component.mjs +2 -2
- package/esm2020/resizable-card-layout/resizable-card-layout/resizable-card-item/resizable-card-item.component.mjs +2 -2
- package/esm2020/resizable-card-layout/resizable-card-layout/resizable-card-layout.component.mjs +2 -2
- package/esm2020/tabs/tab-list.component.mjs +2 -2
- package/esm2020/tabs/tab-nav/tab-nav.component.mjs +2 -2
- package/esm2020/tile/tile.component.mjs +2 -2
- package/esm2020/timeline/timeline.component.mjs +2 -2
- package/esm2020/wizard/wizard.component.mjs +2 -2
- package/facets/package.json +3 -3
- package/feed-input/package.json +3 -3
- package/feed-list-item/package.json +3 -3
- package/fesm2015/fundamental-ngx-core-action-sheet.mjs +2 -2
- package/fesm2015/fundamental-ngx-core-grid-list.mjs +2 -2
- package/fesm2015/fundamental-ngx-core-layout-grid.mjs +2 -2
- package/fesm2015/fundamental-ngx-core-list.mjs +2 -2
- package/fesm2015/fundamental-ngx-core-popover.mjs +2 -2
- package/fesm2015/fundamental-ngx-core-product-switch.mjs +2 -2
- package/fesm2015/fundamental-ngx-core-resizable-card-layout.mjs +4 -4
- package/fesm2015/fundamental-ngx-core-tabs.mjs +4 -4
- package/fesm2015/fundamental-ngx-core-tile.mjs +2 -2
- package/fesm2015/fundamental-ngx-core-timeline.mjs +2 -2
- package/fesm2015/fundamental-ngx-core-wizard.mjs +2 -2
- package/fesm2020/fundamental-ngx-core-action-sheet.mjs +2 -2
- package/fesm2020/fundamental-ngx-core-grid-list.mjs +2 -2
- package/fesm2020/fundamental-ngx-core-layout-grid.mjs +2 -2
- package/fesm2020/fundamental-ngx-core-list.mjs +2 -2
- package/fesm2020/fundamental-ngx-core-popover.mjs +2 -2
- package/fesm2020/fundamental-ngx-core-product-switch.mjs +2 -2
- package/fesm2020/fundamental-ngx-core-resizable-card-layout.mjs +4 -4
- package/fesm2020/fundamental-ngx-core-tabs.mjs +4 -4
- package/fesm2020/fundamental-ngx-core-tile.mjs +2 -2
- package/fesm2020/fundamental-ngx-core-timeline.mjs +2 -2
- package/fesm2020/fundamental-ngx-core-wizard.mjs +2 -2
- package/file-uploader/package.json +3 -3
- package/fixed-card-layout/package.json +3 -3
- package/flexible-column-layout/package.json +3 -3
- package/form/package.json +3 -3
- package/formatted-text/package.json +3 -3
- package/grid-list/esm2020/components/grid-list/grid-list.component.mjs +2 -2
- package/grid-list/fesm2015/fundamental-ngx-core-grid-list.mjs +2 -2
- package/grid-list/fesm2020/fundamental-ngx-core-grid-list.mjs +2 -2
- package/grid-list/package.json +3 -3
- package/icon/package.json +3 -3
- package/illustrated-message/package.json +3 -3
- package/infinite-scroll/package.json +3 -3
- package/info-label/package.json +3 -3
- package/inline-help/package.json +3 -3
- package/input-group/package.json +3 -3
- package/layout-grid/esm2020/layout-grid.component.mjs +2 -2
- package/layout-grid/fesm2015/fundamental-ngx-core-layout-grid.mjs +2 -2
- package/layout-grid/fesm2020/fundamental-ngx-core-layout-grid.mjs +2 -2
- package/layout-grid/package.json +3 -3
- package/layout-panel/package.json +3 -3
- package/link/package.json +3 -3
- package/list/esm2020/list.component.mjs +2 -2
- package/list/fesm2015/fundamental-ngx-core-list.mjs +2 -2
- package/list/fesm2020/fundamental-ngx-core-list.mjs +2 -2
- package/list/package.json +3 -3
- package/menu/package.json +3 -3
- package/message-box/package.json +3 -3
- package/message-page/package.json +2 -2
- package/message-strip/package.json +3 -3
- package/message-toast/package.json +3 -3
- package/micro-process-flow/package.json +3 -3
- package/mobile-mode/package.json +3 -3
- package/multi-input/package.json +3 -3
- package/nested-list/package.json +3 -3
- package/notification/package.json +3 -3
- package/object-identifier/package.json +3 -3
- package/object-marker/package.json +3 -3
- package/object-number/package.json +3 -3
- package/object-status/package.json +3 -3
- package/package.json +7 -7
- package/pagination/package.json +3 -3
- package/panel/package.json +3 -3
- package/popover/esm2020/popover-body/popover-body.component.mjs +2 -2
- package/popover/fesm2015/fundamental-ngx-core-popover.mjs +2 -2
- package/popover/fesm2020/fundamental-ngx-core-popover.mjs +2 -2
- package/popover/package.json +3 -3
- package/product-switch/esm2020/product-switch-body/product-switch-body.component.mjs +2 -2
- package/product-switch/fesm2015/fundamental-ngx-core-product-switch.mjs +2 -2
- package/product-switch/fesm2020/fundamental-ngx-core-product-switch.mjs +2 -2
- package/product-switch/package.json +3 -3
- package/progress-indicator/package.json +1 -1
- package/quick-view/package.json +3 -3
- package/radio/package.json +3 -3
- package/rating-indicator/package.json +3 -3
- package/resizable-card-layout/esm2020/resizable-card-layout/resizable-card-item/resizable-card-item.component.mjs +2 -2
- package/resizable-card-layout/esm2020/resizable-card-layout/resizable-card-layout.component.mjs +2 -2
- package/resizable-card-layout/fesm2015/fundamental-ngx-core-resizable-card-layout.mjs +4 -4
- package/resizable-card-layout/fesm2020/fundamental-ngx-core-resizable-card-layout.mjs +4 -4
- package/resizable-card-layout/package.json +3 -3
- package/scroll-spy/package.json +3 -3
- package/scrollbar/package.json +3 -3
- package/segmented-button/package.json +3 -3
- package/select/package.json +3 -3
- package/shared/package.json +3 -3
- package/shellbar/package.json +3 -3
- package/side-navigation/package.json +3 -3
- package/slider/package.json +3 -3
- package/split-button/package.json +3 -3
- package/splitter/package.json +3 -3
- package/status-indicator/package.json +3 -3
- package/step-input/package.json +3 -3
- package/switch/package.json +3 -3
- package/table/package.json +3 -3
- package/tabs/esm2020/tab-list.component.mjs +2 -2
- package/tabs/esm2020/tab-nav/tab-nav.component.mjs +2 -2
- package/tabs/fesm2015/fundamental-ngx-core-tabs.mjs +4 -4
- package/tabs/fesm2020/fundamental-ngx-core-tabs.mjs +4 -4
- package/tabs/package.json +3 -3
- package/tests/package.json +2 -2
- package/text/package.json +3 -3
- package/tile/esm2020/tile.component.mjs +2 -2
- package/tile/fesm2015/fundamental-ngx-core-tile.mjs +2 -2
- package/tile/fesm2020/fundamental-ngx-core-tile.mjs +2 -2
- package/tile/package.json +3 -3
- package/time/package.json +3 -3
- package/time-picker/package.json +3 -3
- package/timeline/esm2020/timeline.component.mjs +2 -2
- package/timeline/fesm2015/fundamental-ngx-core-timeline.mjs +2 -2
- package/timeline/fesm2020/fundamental-ngx-core-timeline.mjs +2 -2
- package/timeline/package.json +3 -3
- package/title/package.json +3 -3
- package/token/package.json +3 -3
- package/toolbar/package.json +3 -3
- package/tree/package.json +3 -3
- package/upload-collection/package.json +3 -3
- package/utils/package.json +6 -6
- package/vertical-navigation/package.json +3 -3
- package/wizard/esm2020/wizard.component.mjs +2 -2
- package/wizard/fesm2015/fundamental-ngx-core-wizard.mjs +2 -2
- package/wizard/fesm2020/fundamental-ngx-core-wizard.mjs +2 -2
- package/wizard/package.json +3 -3
|
@@ -50,7 +50,7 @@ export class TileComponent {
|
|
|
50
50
|
}
|
|
51
51
|
}
|
|
52
52
|
TileComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: TileComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
53
|
-
TileComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: TileComponent, selector: "fd-tile", inputs: { class: "class", size: "size", double: "double", type: "type", action: "action", clickable: "clickable" }, outputs: { tileClick: "tileClick" }, viewQueries: [{ propertyName: "ref", first: true, predicate: ["container"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div\n class=\"fd-tile\"\n #container\n [attr.tabindex]=\"clickable ? 0 : -1\"\n (click)=\"clickable && tileClick.emit()\"\n (keyup.enter)=\"clickable && tileClick.emit()\"\n (keydown.space)=\"clickable && $event.preventDefault()\"\n (keyup.space)=\"clickable && tileClick.emit()\"\n>\n <div *ngIf=\"action && type !== 'line'\" class=\"fd-tile__overlay\"></div>\n\n <ng-content select=\"[fd-tile-action-close]\"></ng-content>\n\n <ng-content select=\"[fd-tile-action-indicator]\"></ng-content>\n\n <ng-content select=\"[fd-badge]\"></ng-content>\n\n <ng-content select=\"[fd-tile-header]\"></ng-content>\n\n <ng-content select=\"[fd-tile-header-content]\"></ng-content>\n\n <ng-content select=\"[fd-tile-content]\"></ng-content>\n\n <ng-content select=\"[fd-tile-footer]\"></ng-content>\n\n <ng-content select=\"[fd-tile-action-container]\"></ng-content>\n\n <ng-content></ng-content>\n</div>\n", styles: [".fd-tile{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;height:11rem;min-height:11rem;max-height:11rem;width:11rem;min-width:11rem;max-width:11rem;position:relative;padding:.9375rem;background:#fff;background:var(--sapTile_Background, #fff);box-shadow:0 0 0 .0625rem #0000001a,0 .125rem .5rem #0000001a;box-shadow:var(--sapContent_Shadow0, 0 0 0 .0625rem rgba(0, 0, 0, .1), 0 .125rem .5rem 0 rgba(0, 0, 0, .1));border-radius:.25rem;border-radius:var(--sapElement_BorderCornerRadius, .25rem);border:.0625rem solid transparent;border:.0625rem solid var(--sapTile_BorderColor, transparent);cursor:pointer}.fd-tile:after,.fd-tile:before{box-sizing:inherit;font-size:inherit}.fd-tile.is-active,.fd-tile:active{background:#f5f5f5;background:var(--sapTile_Active_Background, #f5f5f5);border:.0625rem solid #b3b3b3;border:.0625rem solid var(--sapTile_Interactive_BorderColor, #b3b3b3)}.fd-tile.is-hover,.fd-tile:hover{background:#f5f5f5;background:var(--sapTile_Hover_Background, #f5f5f5);border:.0625rem solid #b3b3b3;border:.0625rem solid var(--sapTile_Interactive_BorderColor, #b3b3b3)}.fd-tile.is-hover .fd-tile__toggle,.fd-tile:hover .fd-tile__toggle{display:block}.fd-tile.is-focus,.fd-tile:focus{z-index:5;outline:0}.fd-tile.is-focus:before,.fd-tile:focus:before{content:\"\";position:absolute;display:block;border:.0625rem dotted #000;border:var(--sapContent_FocusWidth, .0625rem) var(--sapContent_FocusStyle, dotted) var(--sapContent_FocusColor, #000);border-radius:.25rem;border-radius:var(--sapElement_BorderCornerRadius, .25rem);top:0;left:0;right:0;bottom:0;z-index:3}.fd-tile__content,.fd-tile__footer,.fd-tile__header,.fd-tile__header-content{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;overflow:hidden}.fd-tile__content:after,.fd-tile__content:before,.fd-tile__footer:after,.fd-tile__footer:before,.fd-tile__header-content:after,.fd-tile__header-content:before,.fd-tile__header:after,.fd-tile__header:before{box-sizing:inherit;font-size:inherit}.fd-tile__content--2-col,.fd-tile__footer--2-col,.fd-tile__header--2-col,.fd-tile__header-content--2-col{display:flex;justify-content:space-between}.fd-tile__header{height:3.625rem;min-height:3.625rem;max-height:3.625rem;margin-bottom:.25rem}.fd-tile__content{height:3.875rem;min-height:3.875rem;max-height:3.875rem;margin-bottom:.25rem}.fd-tile__header-content{height:7.75rem;min-height:7.75rem;max-height:7.75rem;margin-bottom:.25rem}.fd-tile__header-content .fd-tile__title{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.fd-tile__footer{height:1rem;min-height:1rem;max-height:1rem;display:flex}.fd-tile__section{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;overflow:hidden;width:calc(50% - 0.125rem);height:100%}.fd-tile__section:after,.fd-tile__section:before{box-sizing:inherit;font-size:inherit}.fd-tile__footer-text,.fd-tile__subtitle,.fd-tile__title{line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:normal;color:#6a6d70;color:var(--sapTile_TextColor, #6a6d70)}.fd-tile__footer-text:after,.fd-tile__footer-text:before,.fd-tile__subtitle:after,.fd-tile__subtitle:before,.fd-tile__title:after,.fd-tile__title:before{box-sizing:inherit;font-size:inherit}.fd-tile__title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#32363a;color:var(--sapTile_TitleTextColor, #32363a);font-size:1rem;font-size:var(--sapFontHeader5Size, 1rem)}.fd-tile__footer-text,.fd-tile__subtitle{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fd-tile__refresh [class*=sap-icon],.fd-tile__refresh[class*=sap-icon]{color:inherit;background:inherit;font-size:inherit;border-radius:inherit;line-height:1;display:flex;justify-content:center;align-items:center;line-height:normal;font-size:.875rem;font-size:var(--sapFontSize, .875rem);color:#0854a0;color:var(--sapButton_IconColor, #0854a0);min-width:.875rem;text-align:center;margin-right:.5rem}.fd-tile__refresh [class*=sap-icon][dir=rtl],.fd-tile__refresh[class*=sap-icon][dir=rtl],[dir=rtl] .fd-tile__refresh [class*=sap-icon],[dir=rtl] .fd-tile__refresh[class*=sap-icon]{margin-right:0;margin-left:.5rem}.fd-tile__profile-img{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;width:3.5rem;min-width:3.5rem;max-width:3.5rem;height:3.5rem;min-height:3.5rem;max-height:3.5rem;border-radius:50%}.fd-tile__profile-img:after,.fd-tile__profile-img:before{box-sizing:inherit;font-size:inherit}.fd-tile__logo{width:3.625rem;min-width:3.625rem;max-width:3.625rem;height:1.75rem;min-height:1.75rem;max-height:1.75rem}.fd-tile__action-close,.fd-tile__action-indicator,.fd-tile__overlay{display:none}.fd-tile--double{width:22.5rem;min-width:22.5rem;max-width:22.5rem}.fd-tile--s{height:9.25rem;min-height:9.25rem;max-height:9.25rem;width:9.25rem;min-width:9.25rem;max-width:9.25rem;padding:.4375rem}.fd-tile--s.fd-tile--double{width:19rem;min-width:19rem;max-width:19rem}.fd-tile--s .fd-tile__header{height:3.25rem;min-height:3.25rem;max-height:3.25rem}.fd-tile--s .fd-tile__content{height:3.438rem;min-height:3.438rem;max-height:3.438rem}.fd-tile--s .fd-tile__header-content{height:6.938rem;min-height:6.938rem;max-height:6.938rem}.fd-tile--s .fd-tile__footer{height:1.063rem;min-height:1.063rem;max-height:1.063rem}.fd-tile--s .fd-tile__title{font-size:.875rem;font-size:var(--sapFontHeader6Size, .875rem)}.fd-tile--s .fd-tile__footer-text{font-size:.75rem;font-size:var(--sapFontSmallSize, .75rem)}.fd-tile--s .fd-tile__profile-img{width:3rem;min-width:3rem;max-width:3rem;height:3rem;min-height:3rem;max-height:3rem}.fd-tile--s .fd-tile__logo{width:3rem;min-width:3rem;max-width:3rem;height:1.438rem;min-height:1.438rem;max-height:1.438rem}.fd-tile--feed .fd-tile__content,.fd-tile--kpi .fd-tile__content,.fd-tile--launch .fd-tile__content,.fd-tile--feed .fd-tile__content--2-col .fd-tile__section,.fd-tile--kpi .fd-tile__content--2-col .fd-tile__section,.fd-tile--launch .fd-tile__content--2-col .fd-tile__section{display:flex;align-items:flex-end}.fd-tile--feed .fd-tile__footer,.fd-tile--kpi .fd-tile__footer,.fd-tile--launch .fd-tile__footer,.fd-tile--feed .fd-tile__footer--2-col .fd-tile__section,.fd-tile--kpi .fd-tile__footer--2-col .fd-tile__section,.fd-tile--launch .fd-tile__footer--2-col .fd-tile__section{display:flex;align-items:center}.fd-tile--feed .fd-tile__footer--2-col .fd-tile__section:last-child,.fd-tile--kpi .fd-tile__footer--2-col .fd-tile__section:last-child,.fd-tile--launch .fd-tile__footer--2-col .fd-tile__section:last-child{justify-content:flex-end}.fd-tile--feed .fd-tile__content .fd-tile__section{width:auto}.fd-tile--feed .fd-tile__content .fd-tile__section:first-child{flex:1;max-width:100%;margin-right:.25rem;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end}.fd-tile--feed .fd-tile__content .fd-tile__section:first-child[dir=rtl],[dir=rtl] .fd-tile--feed .fd-tile__content .fd-tile__section:first-child{margin-left:.25rem;margin-right:0}.fd-tile--feed .fd-tile__content .fd-tile__section:nth-child(2){max-width:10.25rem;padding-left:.5rem}.fd-tile--feed .fd-tile__content .fd-tile__section:nth-child(2)[dir=rtl],[dir=rtl] .fd-tile--feed .fd-tile__content .fd-tile__section:nth-child(2){padding-right:.5rem;padding-left:0}.fd-tile--feed .fd-tile__content-byline,.fd-tile--feed .fd-tile__content-text{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;max-width:100%;font-size:.75rem;font-size:var(--sapFontSmallSize, .75rem);line-height:1.063rem;color:#32363a;color:var(--sapTile_TitleTextColor, #32363a)}.fd-tile--feed .fd-tile__content-byline:after,.fd-tile--feed .fd-tile__content-byline:before,.fd-tile--feed .fd-tile__content-text:after,.fd-tile--feed .fd-tile__content-text:before{box-sizing:inherit;font-size:inherit}.fd-tile--feed .fd-tile__content-text{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-height:2.125rem}.fd-tile--feed .fd-tile__content-byline{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#6a6d70;color:var(--sapTile_TextColor, #6a6d70)}.fd-tile--feed.fd-tile--s .fd-tile__content .fd-tile__section:nth-child(2){max-width:8.25rem}.fd-tile--slide{padding:0;display:flex;align-items:flex-end}.fd-tile--slide .fd-tile__background-img{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;height:100%;width:100%;position:absolute;top:0;left:0;right:0;bottom:0;background-size:cover;border-radius:.25rem;border-radius:var(--sapElement_BorderCornerRadius, .25rem)}.fd-tile--slide .fd-tile__background-img:after,.fd-tile--slide .fd-tile__background-img:before{box-sizing:inherit;font-size:inherit}.fd-tile--slide .fd-tile__background-img.is-hover,.fd-tile--slide .fd-tile__background-img:hover{opacity:.9}.fd-tile--slide .fd-tile__background-img.is-active,.fd-tile--slide .fd-tile__background-img:active{opacity:.8}.fd-tile--slide .fd-tile__toggle{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;height:3rem;min-height:3rem;max-height:3rem;width:3rem;min-width:3rem;max-width:3rem;display:none;padding:.5rem;position:absolute;background:0 0;top:-.0625rem;right:-.0625rem}.fd-tile--slide .fd-tile__toggle:after,.fd-tile--slide .fd-tile__toggle:before{box-sizing:inherit;font-size:inherit}.fd-tile--slide .fd-tile__toggle[dir=rtl],[dir=rtl] .fd-tile--slide .fd-tile__toggle{right:auto;left:-.0625rem}.fd-tile--slide .fd-tile__toggle:before{height:2rem;min-height:2rem;max-height:2rem;width:2rem;min-width:2rem;max-width:2rem;display:flex;justify-content:center;align-items:center;background-color:#000;background-color:var(--sapBlockLayer_Background, #000);opacity:.6;border-radius:50%;font-family:SAP-icons;font-size:1rem;color:#fff;color:var(--sapButton_Emphasized_TextColor, #fff);text-shadow:transparent;text-shadow:var(--sapButton_Emphasized_TextShadow, transparent);content:\"\\e14b\"}.fd-tile--slide .fd-tile__toggle--pause:before{content:\"\\e14c\"}.fd-tile--slide .fd-tile__toggle.is-focus,.fd-tile--slide .fd-tile__toggle:focus{z-index:5;outline:0}.fd-tile--slide .fd-tile__toggle.is-hover:before,.fd-tile--slide .fd-tile__toggle:hover:before{opacity:.8}.fd-tile--slide .fd-tile__toggle.is-active:before,.fd-tile--slide .fd-tile__toggle:active:before{opacity:1}.fd-tile--slide .fd-tile__container{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;height:6.125rem;min-height:6.125rem;max-height:6.125rem;display:flex;flex-direction:column;justify-content:space-between;z-index:2;width:100%;max-width:100%;background-color:#000;background-color:var(--fdSlide_Tile_Background_Color, var(--sapBlockLayer_Background, #000));opacity:.85;opacity:var(--fdSlide_Tile_Background_Opacity, .85);padding-top:.25rem;padding-left:.9375rem;padding-right:.9375rem;border-bottom-left-radius:.25rem;border-bottom-left-radius:var(--sapElement_BorderCornerRadius, .25rem);border-bottom-right-radius:.25rem;border-bottom-right-radius:var(--sapElement_BorderCornerRadius, .25rem)}.fd-tile--slide .fd-tile__container:after,.fd-tile--slide .fd-tile__container:before{box-sizing:inherit;font-size:inherit}.fd-tile--slide .fd-tile__title{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:normal;color:#32363a;color:var(--sapTile_TitleTextColor, #32363a);text-shadow:0 0 .125rem #000;text-shadow:0 0 .125rem var(--sapContent_ShadowColor, #000)}.fd-tile--slide .fd-tile__footer-text,.fd-tile--slide .fd-tile__subtitle{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:normal;color:#6a6d70;color:var(--sapTile_TextColor, #6a6d70)}.fd-tile--slide .fd-tile__page-indicator{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;justify-content:center;align-items:center;height:.5rem;min-height:.5rem;max-height:.5rem;margin-bottom:.125rem;margin-top:.375rem}.fd-tile--slide .fd-tile__page-indicator:after,.fd-tile--slide .fd-tile__page-indicator:before{box-sizing:inherit;font-size:inherit}.fd-tile--slide .fd-tile__dot{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;height:.188rem;height:var(--fdSlide_Tile_Indicator_Dot_Size, .188rem);min-height:.188rem;min-height:var(--fdSlide_Tile_Indicator_Dot_Size, .188rem);max-height:.188rem;max-height:var(--fdSlide_Tile_Indicator_Dot_Size, .188rem);width:.188rem;width:var(--fdSlide_Tile_Indicator_Dot_Size, .188rem);min-width:.188rem;min-width:var(--fdSlide_Tile_Indicator_Dot_Size, .188rem);max-width:.188rem;max-width:var(--fdSlide_Tile_Indicator_Dot_Size, .188rem);border-radius:50%;background-color:#6a6d70;background-color:var(--fdSlide_Tile_Indicator_Dot_Color, var(--sapTile_TextColor, #6a6d70));border:none;border:var(--fdSlide_Tile_Indicator_Dot_Border, none);box-shadow:0 0 .063rem #000;box-shadow:0 0 .063rem var(--sapContent_ShadowColor, #000);margin-right:.375rem;margin-right:var(--fdSlide_Tile_Indicator_Dot_Spacing, .375rem)}.fd-tile--slide .fd-tile__dot:after,.fd-tile--slide .fd-tile__dot:before{box-sizing:inherit;font-size:inherit}.fd-tile--slide .fd-tile__dot[dir=rtl],[dir=rtl] .fd-tile--slide .fd-tile__dot{margin-right:0;margin-left:.375rem;margin-left:var(--fdSlide_Tile_Indicator_Dot_Spacing, .375rem)}.fd-tile--slide .fd-tile__dot--active{height:.313rem;height:var(--fdSlide_Tile_Indicator_Ative_Dot_Size, .313rem);min-height:.313rem;min-height:var(--fdSlide_Tile_Indicator_Ative_Dot_Size, .313rem);max-height:.313rem;max-height:var(--fdSlide_Tile_Indicator_Ative_Dot_Size, .313rem);width:.313rem;width:var(--fdSlide_Tile_Indicator_Ative_Dot_Size, .313rem);min-width:.313rem;min-width:var(--fdSlide_Tile_Indicator_Ative_Dot_Size, .313rem);max-width:.313rem;max-width:var(--fdSlide_Tile_Indicator_Ative_Dot_Size, .313rem);background-color:#32363a;background-color:var(--fdSlide_Tile_Indicator_Active_Dot_Color, var(--sapTile_TitleTextColor, #32363a));border:none;border:var(--fdSlide_Tile_Indicator_Active_Dot_Border, none)}.fd-tile--slide .fd-tile__dot:last-child{margin:0}.fd-tile--slide.fd-tile--s .fd-tile__container{height:5.25rem;min-height:5.25rem;max-height:5.25rem;padding-top:.1875rem;padding-right:.4375rem;padding-left:.4375rem}.fd-tile--slide.fd-tile--s .fd-tile__footer-text,.fd-tile--slide.fd-tile--s .fd-tile__subtitle,.fd-tile--slide.fd-tile--s .fd-tile__title{font-size:.75rem;font-size:var(--sapFontSmallSize, .75rem)}.fd-tile--slide.fd-tile--s .fd-tile__page-indicator{margin-bottom:0;margin-top:0}.fd-tile--action .fd-tile__action-close,.fd-tile--action .fd-tile__action-indicator,.fd-tile--action .fd-tile__overlay{display:block}.fd-tile--action .fd-tile__overlay{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;position:absolute;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background:#fff;background:var(--sapTile_Background, #fff);border-radius:.25rem;border-radius:var(--sapElement_BorderCornerRadius, .25rem);opacity:.7;z-index:4}.fd-tile--action .fd-tile__overlay:after,.fd-tile--action .fd-tile__overlay:before{box-sizing:inherit;font-size:inherit}.fd-tile--action .fd-tile__footer,.fd-tile--action .fd-badge{display:none}.fd-tile--action .fd-tile__action-close{height:auto;min-height:auto;max-height:none;width:auto;min-width:auto;max-width:none;display:flex;align-items:flex-start;justify-content:flex-end;position:absolute;padding:0;top:-.375rem;right:-.375rem;z-index:5}.fd-tile--action .fd-tile__action-close[dir=rtl],[dir=rtl] .fd-tile--action .fd-tile__action-close{right:auto;left:-.375rem}.fd-tile--action .fd-tile__action-close [class*=sap-icon],.fd-tile--action .fd-tile__action-close[class*=sap-icon]{color:inherit;background:inherit;font-size:inherit;border-radius:inherit;line-height:1;height:1.375rem;min-height:1.375rem;max-height:1.375rem;width:1.375rem;min-width:1.375rem;max-width:1.375rem;box-sizing:border-box;border-radius:50%;background:#fff;background:var(--sapButton_Background, #fff);border:.0625rem solid #0854a0;border:.0625rem solid var(--sapButton_BorderColor, #0854a0);color:#0854a0;color:var(--sapButton_IconColor, #0854a0);font-size:.75rem}.fd-tile--action .fd-tile__action-close [class*=sap-icon]:before,.fd-tile--action .fd-tile__action-close[class*=sap-icon]:before{line-height:1.25rem}.fd-tile--action .fd-tile__action-close.is-focus,.fd-tile--action .fd-tile__action-close:focus{z-index:5;outline:.0625rem dotted #000;outline:var(--sapContent_FocusWidth, .0625rem) var(--sapContent_FocusStyle, dotted) var(--sapContent_FocusColor, #000);outline-offset:-.0625rem}.fd-tile--action .fd-tile__action-close.is-focus.fd-tile--toggled,.fd-tile--action .fd-tile__action-close:focus.fd-tile--toggled{outline-color:#fff;outline-color:var(--sapContent_ContrastFocusColor, #fff)}.fd-tile--action .fd-tile__action-close::-moz-focus-inner{border:0}.fd-tile--action .fd-tile__action-indicator{position:absolute;bottom:0;right:0;margin-bottom:.25rem;margin-right:.25rem;z-index:5}.fd-tile--action .fd-tile__action-indicator[dir=rtl],[dir=rtl] .fd-tile--action .fd-tile__action-indicator{right:auto;left:0;margin-right:auto;margin-left:.25rem}.fd-tile--action .fd-tile__action-indicator [class*=sap-icon],.fd-tile--action .fd-tile__action-indicator[class*=sap-icon]{color:inherit;background:inherit;font-size:inherit;border-radius:inherit;line-height:1;display:flex;justify-content:center;align-items:center;font-size:1rem;color:#0854a0;color:var(--sapButton_IconColor, #0854a0)}.fd-tile--action .fd-tile__action-close.is-hover,.fd-tile--action .fd-tile__action-close:hover,.fd-tile--action .fd-tile__action-indicator.is-hover,.fd-tile--action .fd-tile__action-indicator:hover,.fd-tile--action .fd-tile__action-close.is-active,.fd-tile--action .fd-tile__action-close:active,.fd-tile--action .fd-tile__action-indicator.is-active,.fd-tile--action .fd-tile__action-indicator:active{background:0 0;border-color:transparent}.fd-tile--action.fd-tile--slide .fd-tile__action-indicator [class*=sap-icon],.fd-tile--action.fd-tile--slide .fd-tile__action-indicator[class*=sap-icon]{color:#fff;color:var(--sapShell_Active_TextColor, #fff)}.fd-tile-container{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;flex-wrap:wrap;width:100%;border-radius:.25rem;border-radius:var(--sapElement_BorderCornerRadius, .25rem);border:.0625rem solid transparent;border:.0625rem solid var(--sapTile_BorderColor, transparent);background-color:#fff;background-color:var(--sapTile_Background, #fff);box-shadow:0 0 0 .0625rem #0000001a,0 .125rem .5rem #0000001a;box-shadow:var(--sapContent_Shadow0, 0 0 0 .0625rem rgba(0, 0, 0, .1), 0 .125rem .5rem 0 rgba(0, 0, 0, .1));padding:.5rem}.fd-tile-container:after,.fd-tile-container:before{box-sizing:inherit;font-size:inherit}.fd-tile-container--list{flex-direction:column;background-color:#fff;background-color:var(--sapGroup_ContentBackground, #fff)}.fd-tile-container--list .fd-tile--line{flex-wrap:wrap;margin-right:0;margin-left:0;max-height:3.25rem}.fd-tile-container--list .fd-tile--line.fd-tile--compact{max-height:2.875rem}.fd-tile-container--list .fd-tile--action .fd-tile__header{mask-image:linear-gradient(linear,right top,left top,from(transparent),color-stop(7%,#000),to(#000));-webkit-mask-image:-webkit-gradient(linear,right top,left top,from(transparent),color-stop(7%,#000),to(#000))}.fd-tile-container--list .fd-tile--action .fd-tile__header[dir=rtl],[dir=rtl] .fd-tile-container--list .fd-tile--action .fd-tile__header{mask-image:linear-gradient(linear,left top,right top,from(transparent),color-stop(7%,#000),to(#000));-webkit-mask-image:-webkit-gradient(linear,left top,right top,from(transparent),color-stop(7%,#000),to(#000))}.fd-tile-container--list .fd-tile__header{flex-wrap:wrap;flex:1}.fd-tile--line{display:flex;align-items:center;justify-content:space-between;min-height:2.25rem;max-height:2.25rem;height:100%;min-width:2rem;max-width:100%;width:auto;padding:0 .5rem;margin-right:1.25rem;margin-top:.125rem;margin-bottom:.125rem;box-shadow:none;background:0 0}.fd-tile--line.is-hover,.fd-tile--line:hover,.fd-tile--line.is-active,.fd-tile--line:active{box-shadow:none}.fd-tile--line.is-disabled,.fd-tile--line:disabled,.fd-tile--line[aria-disabled=true]{opacity:.5;background:0 0;pointer-events:none}.fd-tile--line[dir=rtl],[dir=rtl] .fd-tile--line{margin-right:0;margin-left:1.25rem}.fd-tile--line:last-child{margin-right:0}.fd-tile--line .fd-tile__header{height:100%;min-height:100%;max-height:100%;display:flex;align-items:center;margin:0}.fd-tile--line .fd-tile__title-container{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;align-items:center;max-width:100%}.fd-tile--line .fd-tile__title-container:after,.fd-tile--line .fd-tile__title-container:before{box-sizing:inherit;font-size:inherit}.fd-tile--line .fd-tile__subtitle,.fd-tile--line .fd-tile__title{font-size:.875rem;font-size:var(--sapFontSize, .875rem);text-shadow:0 0 .125rem #fff;text-shadow:var(--sapContent_TextShadow, 0 0 .125rem #fff);color:#6a6d70;color:var(--sapTile_TextColor, #6a6d70);line-height:1.625rem;min-width:2rem}.fd-tile--line .fd-tile__title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:.625rem;color:#0854a0;color:var(--sapButton_TextColor, #0854a0);display:inline;-webkit-line-clamp:initial}.fd-tile--line .fd-tile__title[dir=rtl],[dir=rtl] .fd-tile--line .fd-tile__title{margin-right:0;margin-left:.625rem}.fd-tile--line.fd-tile--compact{min-height:1.625rem;max-height:1.625rem}.fd-tile--line.fd-tile--compact .fd-tile__subtitle,.fd-tile--line.fd-tile--compact .fd-tile__title{line-height:1.4375rem}.fd-tile--line.fd-tile--compact .fd-tile__title{margin-right:.5rem}.fd-tile--line.fd-tile--compact .fd-tile__title[dir=rtl],[dir=rtl] .fd-tile--line.fd-tile--compact .fd-tile__title{margin-right:0;margin-left:.5rem}.fd-tile--line.fd-tile--action{padding-right:0}.fd-tile--line.fd-tile--action[dir=rtl],[dir=rtl] .fd-tile--line.fd-tile--action{padding-left:0;padding-right:.5rem}.fd-tile--line.fd-tile--action .fd-tile__action-container{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;align-items:center;margin-left:.25rem}.fd-tile--line.fd-tile--action .fd-tile__action-container:after,.fd-tile--line.fd-tile--action .fd-tile__action-container:before{box-sizing:inherit;font-size:inherit}.fd-tile--line.fd-tile--action .fd-tile__action-container[dir=rtl],[dir=rtl] .fd-tile--line.fd-tile--action .fd-tile__action-container{margin-left:0;margin-right:.25rem}.fd-tile--line.fd-tile--action .fd-tile__action-close{height:1.625rem;min-height:1.625rem;max-height:1.625rem;position:relative;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;padding:0 .25rem}.fd-tile--line.fd-tile--action .fd-tile__action-indicator{margin:0}.fd-tile--line.fd-tile--action .fd-tile__action-close,.fd-tile--line.fd-tile--action .fd-tile__action-indicator{position:relative;top:0;left:0;right:0;bottom:0}.fd-tile--line.fd-tile--action .fd-tile__action-close.is-focus,.fd-tile--line.fd-tile--action .fd-tile__action-close:focus,.fd-tile--line.fd-tile--action .fd-tile__action-indicator.is-focus,.fd-tile--line.fd-tile--action .fd-tile__action-indicator:focus{z-index:5;outline:.0625rem dotted #000;outline:var(--sapContent_FocusWidth, .0625rem) var(--sapContent_FocusStyle, dotted) var(--sapContent_FocusColor, #000);outline-offset:0}.fd-tile--line.fd-tile--action .fd-tile__action-close.is-focus.fd-tile--toggled,.fd-tile--line.fd-tile--action .fd-tile__action-close:focus.fd-tile--toggled,.fd-tile--line.fd-tile--action .fd-tile__action-indicator.is-focus.fd-tile--toggled,.fd-tile--line.fd-tile--action .fd-tile__action-indicator:focus.fd-tile--toggled{outline-color:#fff;outline-color:var(--sapContent_ContrastFocusColor, #fff)}.fd-tile--line .fd-badge{position:relative;top:0;left:0;right:0;bottom:0;margin-right:.375rem;flex-shrink:0}.fd-tile--line .fd-badge[dir=rtl],[dir=rtl] .fd-tile--line .fd-badge{margin-left:.375rem;margin-right:0;left:0;right:0}.fd-numeric-content{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;height:3rem;width:100%}.fd-numeric-content:after,.fd-numeric-content:before{box-sizing:inherit;font-size:inherit}.fd-numeric-content__kpi-container,.fd-numeric-content__launch-icon-container{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;align-items:center;height:100%;overflow:hidden;padding-top:.125rem;margin-right:.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{box-sizing:inherit;font-size:inherit}.fd-numeric-content__kpi-container[dir=rtl],.fd-numeric-content__launch-icon-container[dir=rtl],[dir=rtl] .fd-numeric-content__kpi-container,[dir=rtl] .fd-numeric-content__launch-icon-container{margin-right:0;margin-left:.375rem}.fd-numeric-content__kpi-container:first-child:last-child,.fd-numeric-content__launch-icon-container:first-child:last-child{margin:0}.fd-numeric-content__launch-icon-container{width:1.75rem;min-width:1.75rem;max-width:1.75rem}.fd-numeric-content__scale-container{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;height:100%;overflow:hidden;padding-top:.5rem;padding-bottom:.375rem}.fd-numeric-content__scale-container:after,.fd-numeric-content__scale-container:before{box-sizing:inherit;font-size:inherit}.fd-numeric-content__scale-container:first-child:last-child{margin:0}.fd-numeric-content__launch-icon [class*=sap-icon],.fd-numeric-content__launch-icon[class*=sap-icon]{color:inherit;background:inherit;font-size:inherit;border-radius:inherit;line-height:1;line-height:normal;font-size:1.75rem;color:#5a7da0;color:var(--sapTile_IconColor, #5a7da0)}.fd-numeric-content__kpi{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;line-height:normal;color:#6a6d70;color:var(--sapNeutralTextColor, #6a6d70);font-weight:lighter;font-size:2.25rem}.fd-numeric-content__kpi:after,.fd-numeric-content__kpi:before{box-sizing:inherit;font-size:inherit}.fd-numeric-content__kpi--positive{color:#107e3e;color:var(--sapPositiveTextColor, #107e3e)}.fd-numeric-content__kpi--critical{color:#df6e0c;color:var(--sapCriticalTextColor, #df6e0c)}.fd-numeric-content__kpi--negative{color:#b00;color:var(--sapNegativeTextColor, #b00)}.fd-numeric-content__kpi--informative{color:#0a6ed1;color:var(--sapInformativeTextColor, #0a6ed1)}.fd-numeric-content__scale{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;align-items:center;flex-direction:column;justify-content:space-between}.fd-numeric-content__scale:after,.fd-numeric-content__scale:before{box-sizing:inherit;font-size:inherit}.fd-numeric-content__scale-arrow [class*=sap-icon],.fd-numeric-content__scale-arrow[class*=sap-icon]{color:inherit;background:inherit;font-size:inherit;border-radius:inherit;line-height:1;font-size:.875rem;line-height:normal;color:#6a6d70;color:var(--sapNeutralTextColor, #6a6d70)}.fd-numeric-content__scale-text{font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;font-size:.875rem;line-height:normal;color:#6a6d70;color:var(--sapNeutralTextColor, #6a6d70)}.fd-numeric-content__scale-text:after,.fd-numeric-content__scale-text:before{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:#107e3e;color:var(--sapPositiveTextColor, #107e3e)}.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:#df6e0c;color:var(--sapCriticalTextColor, #df6e0c)}.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:#b00;color:var(--sapNegativeTextColor, #b00)}.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:#0a6ed1;color:var(--sapInformativeTextColor, #0a6ed1)}.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{padding-top:0;margin-right:.5rem}.fd-numeric-content--m .fd-numeric-content__kpi-container[dir=rtl],.fd-numeric-content--m .fd-numeric-content__launch-icon-container[dir=rtl],[dir=rtl] .fd-numeric-content--m .fd-numeric-content__kpi-container,[dir=rtl] .fd-numeric-content--m .fd-numeric-content__launch-icon-container{margin-right:0;margin-left:.5rem}.fd-numeric-content--m .fd-numeric-content__launch-icon-container{align-items:flex-end}.fd-numeric-content--m .fd-numeric-content__scale-container{padding-top:.375rem;padding-bottom:.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{padding-top:0;margin-right:.5rem}.fd-numeric-content--s .fd-numeric-content__kpi-container[dir=rtl],.fd-numeric-content--s .fd-numeric-content__launch-icon-container[dir=rtl],[dir=rtl] .fd-numeric-content--s .fd-numeric-content__kpi-container,[dir=rtl] .fd-numeric-content--s .fd-numeric-content__launch-icon-container{margin-right:0;margin-left:.5rem}.fd-numeric-content--s .fd-numeric-content__scale-container{padding-top:0;padding-bottom:.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{padding-top:.5rem;margin-right:.375rem}.fd-numeric-content--small-tile .fd-numeric-content__kpi-container[dir=rtl],.fd-numeric-content--small-tile .fd-numeric-content__launch-icon-container[dir=rtl],[dir=rtl] .fd-numeric-content--small-tile .fd-numeric-content__kpi-container,[dir=rtl] .fd-numeric-content--small-tile .fd-numeric-content__launch-icon-container{margin-right:0;margin-left:.375rem}.fd-numeric-content--small-tile .fd-numeric-content__launch-icon-container{width:1.5rem;min-width:1.5rem;max-width:1.5rem}.fd-numeric-content--small-tile .fd-numeric-content__scale-container{padding-top:.25rem;padding-bottom:.25rem}.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],.fd-numeric-content--small-tile .fd-numeric-content__kpi{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{padding-top:.5rem;margin-right:.375rem}.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__kpi-container[dir=rtl],.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__launch-icon-container[dir=rtl],[dir=rtl] .fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__kpi-container,[dir=rtl] .fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__launch-icon-container{margin-right:0;margin-left:.375rem}.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__launch-icon-container{width:1.5rem;min-width:1.5rem;max-width:1.5rem}.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__scale-container{padding-top:.25rem;padding-bottom:.25rem}.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],.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__kpi{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{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{padding-top:.5rem;margin-right:.375rem}.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__kpi-container[dir=rtl],.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__launch-icon-container[dir=rtl],[dir=rtl] .fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__kpi-container,[dir=rtl] .fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__launch-icon-container{margin-right:0;margin-left:.375rem}.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__launch-icon-container{width:1.5rem;min-width:1.5rem;max-width:1.5rem}.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__scale-container{padding-top:.25rem;padding-bottom:.25rem}.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],.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__kpi{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{padding-top:0}/*!\n * Fundamental Library Styles v0.21.0-rc.92\n * Copyright (c) 2022 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-badge{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:1rem;max-width:calc(100% - 1rem);font-size:.75rem;font-size:var(--sapFontSmallSize, .75rem);line-height:normal;font-weight:700;background:#0854a0;background:var(--sapHighlightColor, #0854a0);color:#fff;color:var(--sapContent_ContrastTextColor, #fff);padding:0 .5rem;border:.0625rem solid transparent;border:.0625rem solid var(--fdBadge_Border_Color, transparent);border-radius:.5rem;position:absolute;right:.5rem;top:-.55rem;z-index:10}.fd-badge:after,.fd-badge:before{box-sizing:inherit;font-size:inherit}.fd-badge[dir=rtl],[dir=rtl] .fd-badge{right:auto;left:.5rem}.fd-badge--static{position:static}\n"], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
53
|
+
TileComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: TileComponent, selector: "fd-tile", inputs: { class: "class", size: "size", double: "double", type: "type", action: "action", clickable: "clickable" }, outputs: { tileClick: "tileClick" }, viewQueries: [{ propertyName: "ref", first: true, predicate: ["container"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div\n class=\"fd-tile\"\n #container\n [attr.tabindex]=\"clickable ? 0 : -1\"\n (click)=\"clickable && tileClick.emit()\"\n (keyup.enter)=\"clickable && tileClick.emit()\"\n (keydown.space)=\"clickable && $event.preventDefault()\"\n (keyup.space)=\"clickable && tileClick.emit()\"\n>\n <div *ngIf=\"action && type !== 'line'\" class=\"fd-tile__overlay\"></div>\n\n <ng-content select=\"[fd-tile-action-close]\"></ng-content>\n\n <ng-content select=\"[fd-tile-action-indicator]\"></ng-content>\n\n <ng-content select=\"[fd-badge]\"></ng-content>\n\n <ng-content select=\"[fd-tile-header]\"></ng-content>\n\n <ng-content select=\"[fd-tile-header-content]\"></ng-content>\n\n <ng-content select=\"[fd-tile-content]\"></ng-content>\n\n <ng-content select=\"[fd-tile-footer]\"></ng-content>\n\n <ng-content select=\"[fd-tile-action-container]\"></ng-content>\n\n <ng-content></ng-content>\n</div>\n", styles: [".fd-tile{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;height:11rem;min-height:11rem;max-height:11rem;width:11rem;min-width:11rem;max-width:11rem;position:relative;padding:.9375rem;background:#fff;background:var(--sapTile_Background, #fff);box-shadow:0 0 0 .0625rem #0000001a,0 .125rem .5rem #0000001a;box-shadow:var(--sapContent_Shadow0, 0 0 0 .0625rem rgba(0, 0, 0, .1), 0 .125rem .5rem 0 rgba(0, 0, 0, .1));border-radius:.25rem;border-radius:var(--sapElement_BorderCornerRadius, .25rem);border:.0625rem solid transparent;border:.0625rem solid var(--sapTile_BorderColor, transparent);cursor:pointer}.fd-tile:after,.fd-tile:before{box-sizing:inherit;font-size:inherit}.fd-tile.is-active,.fd-tile:active{background:#f5f5f5;background:var(--sapTile_Active_Background, #f5f5f5);border:.0625rem solid #b3b3b3;border:.0625rem solid var(--sapTile_Interactive_BorderColor, #b3b3b3)}.fd-tile.is-hover,.fd-tile:hover{background:#f5f5f5;background:var(--sapTile_Hover_Background, #f5f5f5);border:.0625rem solid #b3b3b3;border:.0625rem solid var(--sapTile_Interactive_BorderColor, #b3b3b3)}.fd-tile.is-hover .fd-tile__toggle,.fd-tile:hover .fd-tile__toggle{display:block}.fd-tile.is-focus,.fd-tile:focus{z-index:5;outline:0}.fd-tile.is-focus:before,.fd-tile:focus:before{content:\"\";position:absolute;display:block;border:.0625rem dotted #000;border:var(--sapContent_FocusWidth, .0625rem) var(--sapContent_FocusStyle, dotted) var(--sapContent_FocusColor, #000);border-radius:.25rem;border-radius:var(--sapElement_BorderCornerRadius, .25rem);top:0;left:0;right:0;bottom:0;z-index:3}.fd-tile__content,.fd-tile__footer,.fd-tile__header,.fd-tile__header-content{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;overflow:hidden}.fd-tile__content:after,.fd-tile__content:before,.fd-tile__footer:after,.fd-tile__footer:before,.fd-tile__header-content:after,.fd-tile__header-content:before,.fd-tile__header:after,.fd-tile__header:before{box-sizing:inherit;font-size:inherit}.fd-tile__content--2-col,.fd-tile__footer--2-col,.fd-tile__header--2-col,.fd-tile__header-content--2-col{display:flex;justify-content:space-between}.fd-tile__header{height:3.625rem;min-height:3.625rem;max-height:3.625rem;margin-bottom:.25rem}.fd-tile__content{height:3.875rem;min-height:3.875rem;max-height:3.875rem;margin-bottom:.25rem}.fd-tile__header-content{height:7.75rem;min-height:7.75rem;max-height:7.75rem;margin-bottom:.25rem}.fd-tile__header-content .fd-tile__title{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.fd-tile__footer{height:1rem;min-height:1rem;max-height:1rem;display:flex}.fd-tile__section{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;overflow:hidden;width:calc(50% - .125rem);height:100%}.fd-tile__section:after,.fd-tile__section:before{box-sizing:inherit;font-size:inherit}.fd-tile__footer-text,.fd-tile__subtitle,.fd-tile__title{line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:normal;color:#6a6d70;color:var(--sapTile_TextColor, #6a6d70)}.fd-tile__footer-text:after,.fd-tile__footer-text:before,.fd-tile__subtitle:after,.fd-tile__subtitle:before,.fd-tile__title:after,.fd-tile__title:before{box-sizing:inherit;font-size:inherit}.fd-tile__title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#32363a;color:var(--sapTile_TitleTextColor, #32363a);font-size:1rem;font-size:var(--sapFontHeader5Size, 1rem)}.fd-tile__footer-text,.fd-tile__subtitle{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fd-tile__refresh [class*=sap-icon],.fd-tile__refresh[class*=sap-icon]{color:inherit;background:inherit;font-size:inherit;border-radius:inherit;line-height:1;display:flex;justify-content:center;align-items:center;line-height:normal;font-size:.875rem;font-size:var(--sapFontSize, .875rem);color:#0854a0;color:var(--sapButton_IconColor, #0854a0);min-width:.875rem;text-align:center;margin-right:.5rem}.fd-tile__refresh [class*=sap-icon][dir=rtl],.fd-tile__refresh[class*=sap-icon][dir=rtl],[dir=rtl] .fd-tile__refresh [class*=sap-icon],[dir=rtl] .fd-tile__refresh[class*=sap-icon]{margin-right:0;margin-left:.5rem}.fd-tile__profile-img{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;width:3.5rem;min-width:3.5rem;max-width:3.5rem;height:3.5rem;min-height:3.5rem;max-height:3.5rem;border-radius:50%}.fd-tile__profile-img:after,.fd-tile__profile-img:before{box-sizing:inherit;font-size:inherit}.fd-tile__logo{width:3.625rem;min-width:3.625rem;max-width:3.625rem;height:1.75rem;min-height:1.75rem;max-height:1.75rem}.fd-tile__action-close,.fd-tile__action-indicator,.fd-tile__overlay{display:none}.fd-tile--double{width:22.5rem;min-width:22.5rem;max-width:22.5rem}.fd-tile--s{height:9.25rem;min-height:9.25rem;max-height:9.25rem;width:9.25rem;min-width:9.25rem;max-width:9.25rem;padding:.4375rem}.fd-tile--s.fd-tile--double{width:19rem;min-width:19rem;max-width:19rem}.fd-tile--s .fd-tile__header{height:3.25rem;min-height:3.25rem;max-height:3.25rem}.fd-tile--s .fd-tile__content{height:3.438rem;min-height:3.438rem;max-height:3.438rem}.fd-tile--s .fd-tile__header-content{height:6.938rem;min-height:6.938rem;max-height:6.938rem}.fd-tile--s .fd-tile__footer{height:1.063rem;min-height:1.063rem;max-height:1.063rem}.fd-tile--s .fd-tile__title{font-size:.875rem;font-size:var(--sapFontHeader6Size, .875rem)}.fd-tile--s .fd-tile__footer-text{font-size:.75rem;font-size:var(--sapFontSmallSize, .75rem)}.fd-tile--s .fd-tile__profile-img{width:3rem;min-width:3rem;max-width:3rem;height:3rem;min-height:3rem;max-height:3rem}.fd-tile--s .fd-tile__logo{width:3rem;min-width:3rem;max-width:3rem;height:1.438rem;min-height:1.438rem;max-height:1.438rem}.fd-tile--feed .fd-tile__content,.fd-tile--kpi .fd-tile__content,.fd-tile--launch .fd-tile__content,.fd-tile--feed .fd-tile__content--2-col .fd-tile__section,.fd-tile--kpi .fd-tile__content--2-col .fd-tile__section,.fd-tile--launch .fd-tile__content--2-col .fd-tile__section{display:flex;align-items:flex-end}.fd-tile--feed .fd-tile__footer,.fd-tile--kpi .fd-tile__footer,.fd-tile--launch .fd-tile__footer,.fd-tile--feed .fd-tile__footer--2-col .fd-tile__section,.fd-tile--kpi .fd-tile__footer--2-col .fd-tile__section,.fd-tile--launch .fd-tile__footer--2-col .fd-tile__section{display:flex;align-items:center}.fd-tile--feed .fd-tile__footer--2-col .fd-tile__section:last-child,.fd-tile--kpi .fd-tile__footer--2-col .fd-tile__section:last-child,.fd-tile--launch .fd-tile__footer--2-col .fd-tile__section:last-child{justify-content:flex-end}.fd-tile--feed .fd-tile__content .fd-tile__section{width:auto}.fd-tile--feed .fd-tile__content .fd-tile__section:first-child{flex:1;max-width:100%;margin-right:.25rem;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end}.fd-tile--feed .fd-tile__content .fd-tile__section:first-child[dir=rtl],[dir=rtl] .fd-tile--feed .fd-tile__content .fd-tile__section:first-child{margin-left:.25rem;margin-right:0}.fd-tile--feed .fd-tile__content .fd-tile__section:nth-child(2){max-width:10.25rem;padding-left:.5rem}.fd-tile--feed .fd-tile__content .fd-tile__section:nth-child(2)[dir=rtl],[dir=rtl] .fd-tile--feed .fd-tile__content .fd-tile__section:nth-child(2){padding-right:.5rem;padding-left:0}.fd-tile--feed .fd-tile__content-byline,.fd-tile--feed .fd-tile__content-text{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;max-width:100%;font-size:.75rem;font-size:var(--sapFontSmallSize, .75rem);line-height:1.063rem;color:#32363a;color:var(--sapTile_TitleTextColor, #32363a)}.fd-tile--feed .fd-tile__content-byline:after,.fd-tile--feed .fd-tile__content-byline:before,.fd-tile--feed .fd-tile__content-text:after,.fd-tile--feed .fd-tile__content-text:before{box-sizing:inherit;font-size:inherit}.fd-tile--feed .fd-tile__content-text{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-height:2.125rem}.fd-tile--feed .fd-tile__content-byline{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#6a6d70;color:var(--sapTile_TextColor, #6a6d70)}.fd-tile--feed.fd-tile--s .fd-tile__content .fd-tile__section:nth-child(2){max-width:8.25rem}.fd-tile--slide{padding:0;display:flex;align-items:flex-end}.fd-tile--slide .fd-tile__background-img{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;height:100%;width:100%;position:absolute;top:0;left:0;right:0;bottom:0;background-size:cover;border-radius:.25rem;border-radius:var(--sapElement_BorderCornerRadius, .25rem)}.fd-tile--slide .fd-tile__background-img:after,.fd-tile--slide .fd-tile__background-img:before{box-sizing:inherit;font-size:inherit}.fd-tile--slide .fd-tile__background-img.is-hover,.fd-tile--slide .fd-tile__background-img:hover{opacity:.9}.fd-tile--slide .fd-tile__background-img.is-active,.fd-tile--slide .fd-tile__background-img:active{opacity:.8}.fd-tile--slide .fd-tile__toggle{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;height:3rem;min-height:3rem;max-height:3rem;width:3rem;min-width:3rem;max-width:3rem;display:none;padding:.5rem;position:absolute;background:0 0;top:-.0625rem;right:-.0625rem}.fd-tile--slide .fd-tile__toggle:after,.fd-tile--slide .fd-tile__toggle:before{box-sizing:inherit;font-size:inherit}.fd-tile--slide .fd-tile__toggle[dir=rtl],[dir=rtl] .fd-tile--slide .fd-tile__toggle{right:auto;left:-.0625rem}.fd-tile--slide .fd-tile__toggle:before{height:2rem;min-height:2rem;max-height:2rem;width:2rem;min-width:2rem;max-width:2rem;display:flex;justify-content:center;align-items:center;background-color:#000;background-color:var(--sapBlockLayer_Background, #000);opacity:.6;border-radius:50%;font-family:SAP-icons;font-size:1rem;color:#fff;color:var(--sapButton_Emphasized_TextColor, #fff);text-shadow:transparent;text-shadow:var(--sapButton_Emphasized_TextShadow, transparent);content:\"\\e14b\"}.fd-tile--slide .fd-tile__toggle--pause:before{content:\"\\e14c\"}.fd-tile--slide .fd-tile__toggle.is-focus,.fd-tile--slide .fd-tile__toggle:focus{z-index:5;outline:0}.fd-tile--slide .fd-tile__toggle.is-hover:before,.fd-tile--slide .fd-tile__toggle:hover:before{opacity:.8}.fd-tile--slide .fd-tile__toggle.is-active:before,.fd-tile--slide .fd-tile__toggle:active:before{opacity:1}.fd-tile--slide .fd-tile__container{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;height:6.125rem;min-height:6.125rem;max-height:6.125rem;display:flex;flex-direction:column;justify-content:space-between;z-index:2;width:100%;max-width:100%;background-color:#000;background-color:var(--fdSlide_Tile_Background_Color, var(--sapBlockLayer_Background, #000));opacity:.85;opacity:var(--fdSlide_Tile_Background_Opacity, .85);padding-top:.25rem;padding-left:.9375rem;padding-right:.9375rem;border-bottom-left-radius:.25rem;border-bottom-left-radius:var(--sapElement_BorderCornerRadius, .25rem);border-bottom-right-radius:.25rem;border-bottom-right-radius:var(--sapElement_BorderCornerRadius, .25rem)}.fd-tile--slide .fd-tile__container:after,.fd-tile--slide .fd-tile__container:before{box-sizing:inherit;font-size:inherit}.fd-tile--slide .fd-tile__title{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:normal;color:#32363a;color:var(--sapTile_TitleTextColor, #32363a);text-shadow:0 0 .125rem #000;text-shadow:0 0 .125rem var(--sapContent_ShadowColor, #000)}.fd-tile--slide .fd-tile__footer-text,.fd-tile--slide .fd-tile__subtitle{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:normal;color:#6a6d70;color:var(--sapTile_TextColor, #6a6d70)}.fd-tile--slide .fd-tile__page-indicator{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;justify-content:center;align-items:center;height:.5rem;min-height:.5rem;max-height:.5rem;margin-bottom:.125rem;margin-top:.375rem}.fd-tile--slide .fd-tile__page-indicator:after,.fd-tile--slide .fd-tile__page-indicator:before{box-sizing:inherit;font-size:inherit}.fd-tile--slide .fd-tile__dot{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;height:.188rem;height:var(--fdSlide_Tile_Indicator_Dot_Size, .188rem);min-height:.188rem;min-height:var(--fdSlide_Tile_Indicator_Dot_Size, .188rem);max-height:.188rem;max-height:var(--fdSlide_Tile_Indicator_Dot_Size, .188rem);width:.188rem;width:var(--fdSlide_Tile_Indicator_Dot_Size, .188rem);min-width:.188rem;min-width:var(--fdSlide_Tile_Indicator_Dot_Size, .188rem);max-width:.188rem;max-width:var(--fdSlide_Tile_Indicator_Dot_Size, .188rem);border-radius:50%;background-color:#6a6d70;background-color:var(--fdSlide_Tile_Indicator_Dot_Color, var(--sapTile_TextColor, #6a6d70));border:none;border:var(--fdSlide_Tile_Indicator_Dot_Border, none);box-shadow:0 0 .063rem #000;box-shadow:0 0 .063rem var(--sapContent_ShadowColor, #000);margin-right:.375rem;margin-right:var(--fdSlide_Tile_Indicator_Dot_Spacing, .375rem)}.fd-tile--slide .fd-tile__dot:after,.fd-tile--slide .fd-tile__dot:before{box-sizing:inherit;font-size:inherit}.fd-tile--slide .fd-tile__dot[dir=rtl],[dir=rtl] .fd-tile--slide .fd-tile__dot{margin-right:0;margin-left:.375rem;margin-left:var(--fdSlide_Tile_Indicator_Dot_Spacing, .375rem)}.fd-tile--slide .fd-tile__dot--active{height:.313rem;height:var(--fdSlide_Tile_Indicator_Ative_Dot_Size, .313rem);min-height:.313rem;min-height:var(--fdSlide_Tile_Indicator_Ative_Dot_Size, .313rem);max-height:.313rem;max-height:var(--fdSlide_Tile_Indicator_Ative_Dot_Size, .313rem);width:.313rem;width:var(--fdSlide_Tile_Indicator_Ative_Dot_Size, .313rem);min-width:.313rem;min-width:var(--fdSlide_Tile_Indicator_Ative_Dot_Size, .313rem);max-width:.313rem;max-width:var(--fdSlide_Tile_Indicator_Ative_Dot_Size, .313rem);background-color:#32363a;background-color:var(--fdSlide_Tile_Indicator_Active_Dot_Color, var(--sapTile_TitleTextColor, #32363a));border:none;border:var(--fdSlide_Tile_Indicator_Active_Dot_Border, none)}.fd-tile--slide .fd-tile__dot:last-child{margin:0}.fd-tile--slide.fd-tile--s .fd-tile__container{height:5.25rem;min-height:5.25rem;max-height:5.25rem;padding-top:.1875rem;padding-right:.4375rem;padding-left:.4375rem}.fd-tile--slide.fd-tile--s .fd-tile__footer-text,.fd-tile--slide.fd-tile--s .fd-tile__subtitle,.fd-tile--slide.fd-tile--s .fd-tile__title{font-size:.75rem;font-size:var(--sapFontSmallSize, .75rem)}.fd-tile--slide.fd-tile--s .fd-tile__page-indicator{margin-bottom:0;margin-top:0}.fd-tile--action .fd-tile__action-close,.fd-tile--action .fd-tile__action-indicator,.fd-tile--action .fd-tile__overlay{display:block}.fd-tile--action .fd-tile__overlay{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;position:absolute;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background:#fff;background:var(--sapTile_Background, #fff);border-radius:.25rem;border-radius:var(--sapElement_BorderCornerRadius, .25rem);opacity:.7;z-index:4}.fd-tile--action .fd-tile__overlay:after,.fd-tile--action .fd-tile__overlay:before{box-sizing:inherit;font-size:inherit}.fd-tile--action .fd-tile__footer,.fd-tile--action .fd-badge{display:none}.fd-tile--action .fd-tile__action-close{height:auto;min-height:auto;max-height:none;width:auto;min-width:auto;max-width:none;display:flex;align-items:flex-start;justify-content:flex-end;position:absolute;padding:0;top:-.375rem;right:-.375rem;z-index:5}.fd-tile--action .fd-tile__action-close[dir=rtl],[dir=rtl] .fd-tile--action .fd-tile__action-close{right:auto;left:-.375rem}.fd-tile--action .fd-tile__action-close [class*=sap-icon],.fd-tile--action .fd-tile__action-close[class*=sap-icon]{color:inherit;background:inherit;font-size:inherit;border-radius:inherit;line-height:1;height:1.375rem;min-height:1.375rem;max-height:1.375rem;width:1.375rem;min-width:1.375rem;max-width:1.375rem;box-sizing:border-box;border-radius:50%;background:#fff;background:var(--sapButton_Background, #fff);border:.0625rem solid #0854a0;border:.0625rem solid var(--sapButton_BorderColor, #0854a0);color:#0854a0;color:var(--sapButton_IconColor, #0854a0);font-size:.75rem}.fd-tile--action .fd-tile__action-close [class*=sap-icon]:before,.fd-tile--action .fd-tile__action-close[class*=sap-icon]:before{line-height:1.25rem}.fd-tile--action .fd-tile__action-close.is-focus,.fd-tile--action .fd-tile__action-close:focus{z-index:5;outline:.0625rem dotted #000;outline:var(--sapContent_FocusWidth, .0625rem) var(--sapContent_FocusStyle, dotted) var(--sapContent_FocusColor, #000);outline-offset:-.0625rem}.fd-tile--action .fd-tile__action-close.is-focus.fd-tile--toggled,.fd-tile--action .fd-tile__action-close:focus.fd-tile--toggled{outline-color:#fff;outline-color:var(--sapContent_ContrastFocusColor, #fff)}.fd-tile--action .fd-tile__action-close::-moz-focus-inner{border:0}.fd-tile--action .fd-tile__action-indicator{position:absolute;bottom:0;right:0;margin-bottom:.25rem;margin-right:.25rem;z-index:5}.fd-tile--action .fd-tile__action-indicator[dir=rtl],[dir=rtl] .fd-tile--action .fd-tile__action-indicator{right:auto;left:0;margin-right:auto;margin-left:.25rem}.fd-tile--action .fd-tile__action-indicator [class*=sap-icon],.fd-tile--action .fd-tile__action-indicator[class*=sap-icon]{color:inherit;background:inherit;font-size:inherit;border-radius:inherit;line-height:1;display:flex;justify-content:center;align-items:center;font-size:1rem;color:#0854a0;color:var(--sapButton_IconColor, #0854a0)}.fd-tile--action .fd-tile__action-close.is-hover,.fd-tile--action .fd-tile__action-close:hover,.fd-tile--action .fd-tile__action-indicator.is-hover,.fd-tile--action .fd-tile__action-indicator:hover,.fd-tile--action .fd-tile__action-close.is-active,.fd-tile--action .fd-tile__action-close:active,.fd-tile--action .fd-tile__action-indicator.is-active,.fd-tile--action .fd-tile__action-indicator:active{background:0 0;border-color:transparent}.fd-tile--action.fd-tile--slide .fd-tile__action-indicator [class*=sap-icon],.fd-tile--action.fd-tile--slide .fd-tile__action-indicator[class*=sap-icon]{color:#fff;color:var(--sapShell_Active_TextColor, #fff)}.fd-tile-container{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;flex-wrap:wrap;width:100%;border-radius:.25rem;border-radius:var(--sapElement_BorderCornerRadius, .25rem);border:.0625rem solid transparent;border:.0625rem solid var(--sapTile_BorderColor, transparent);background-color:#fff;background-color:var(--sapTile_Background, #fff);box-shadow:0 0 0 .0625rem #0000001a,0 .125rem .5rem #0000001a;box-shadow:var(--sapContent_Shadow0, 0 0 0 .0625rem rgba(0, 0, 0, .1), 0 .125rem .5rem 0 rgba(0, 0, 0, .1));padding:.5rem}.fd-tile-container:after,.fd-tile-container:before{box-sizing:inherit;font-size:inherit}.fd-tile-container--list{flex-direction:column;background-color:#fff;background-color:var(--sapGroup_ContentBackground, #fff)}.fd-tile-container--list .fd-tile--line{flex-wrap:wrap;margin-right:0;margin-left:0;max-height:3.25rem}.fd-tile-container--list .fd-tile--line.fd-tile--compact{max-height:2.875rem}.fd-tile-container--list .fd-tile--action .fd-tile__header{mask-image:linear-gradient(linear,right top,left top,from(transparent),color-stop(7%,#000),to(#000));-webkit-mask-image:-webkit-gradient(linear,right top,left top,from(transparent),color-stop(7%,#000),to(#000))}.fd-tile-container--list .fd-tile--action .fd-tile__header[dir=rtl],[dir=rtl] .fd-tile-container--list .fd-tile--action .fd-tile__header{mask-image:linear-gradient(linear,left top,right top,from(transparent),color-stop(7%,#000),to(#000));-webkit-mask-image:-webkit-gradient(linear,left top,right top,from(transparent),color-stop(7%,#000),to(#000))}.fd-tile-container--list .fd-tile__header{flex-wrap:wrap;flex:1}.fd-tile--line{display:flex;align-items:center;justify-content:space-between;min-height:2.25rem;max-height:2.25rem;height:100%;min-width:2rem;max-width:100%;width:auto;padding:0 .5rem;margin-right:1.25rem;margin-top:.125rem;margin-bottom:.125rem;box-shadow:none;background:0 0}.fd-tile--line.is-hover,.fd-tile--line:hover,.fd-tile--line.is-active,.fd-tile--line:active{box-shadow:none}.fd-tile--line.is-disabled,.fd-tile--line:disabled,.fd-tile--line[aria-disabled=true]{opacity:.5;background:0 0;pointer-events:none}.fd-tile--line[dir=rtl],[dir=rtl] .fd-tile--line{margin-right:0;margin-left:1.25rem}.fd-tile--line:last-child{margin-right:0}.fd-tile--line .fd-tile__header{height:100%;min-height:100%;max-height:100%;display:flex;align-items:center;margin:0}.fd-tile--line .fd-tile__title-container{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;align-items:center;max-width:100%}.fd-tile--line .fd-tile__title-container:after,.fd-tile--line .fd-tile__title-container:before{box-sizing:inherit;font-size:inherit}.fd-tile--line .fd-tile__subtitle,.fd-tile--line .fd-tile__title{font-size:.875rem;font-size:var(--sapFontSize, .875rem);text-shadow:0 0 .125rem #fff;text-shadow:var(--sapContent_TextShadow, 0 0 .125rem #fff);color:#6a6d70;color:var(--sapTile_TextColor, #6a6d70);line-height:1.625rem;min-width:2rem}.fd-tile--line .fd-tile__title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:.625rem;color:#0854a0;color:var(--sapButton_TextColor, #0854a0);display:inline;-webkit-line-clamp:initial}.fd-tile--line .fd-tile__title[dir=rtl],[dir=rtl] .fd-tile--line .fd-tile__title{margin-right:0;margin-left:.625rem}.fd-tile--line.fd-tile--compact{min-height:1.625rem;max-height:1.625rem}.fd-tile--line.fd-tile--compact .fd-tile__subtitle,.fd-tile--line.fd-tile--compact .fd-tile__title{line-height:1.4375rem}.fd-tile--line.fd-tile--compact .fd-tile__title{margin-right:.5rem}.fd-tile--line.fd-tile--compact .fd-tile__title[dir=rtl],[dir=rtl] .fd-tile--line.fd-tile--compact .fd-tile__title{margin-right:0;margin-left:.5rem}.fd-tile--line.fd-tile--action{padding-right:0}.fd-tile--line.fd-tile--action[dir=rtl],[dir=rtl] .fd-tile--line.fd-tile--action{padding-left:0;padding-right:.5rem}.fd-tile--line.fd-tile--action .fd-tile__action-container{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;align-items:center;margin-left:.25rem}.fd-tile--line.fd-tile--action .fd-tile__action-container:after,.fd-tile--line.fd-tile--action .fd-tile__action-container:before{box-sizing:inherit;font-size:inherit}.fd-tile--line.fd-tile--action .fd-tile__action-container[dir=rtl],[dir=rtl] .fd-tile--line.fd-tile--action .fd-tile__action-container{margin-left:0;margin-right:.25rem}.fd-tile--line.fd-tile--action .fd-tile__action-close{height:1.625rem;min-height:1.625rem;max-height:1.625rem;position:relative;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;padding:0 .25rem}.fd-tile--line.fd-tile--action .fd-tile__action-indicator{margin:0}.fd-tile--line.fd-tile--action .fd-tile__action-close,.fd-tile--line.fd-tile--action .fd-tile__action-indicator{position:relative;top:0;left:0;right:0;bottom:0}.fd-tile--line.fd-tile--action .fd-tile__action-close.is-focus,.fd-tile--line.fd-tile--action .fd-tile__action-close:focus,.fd-tile--line.fd-tile--action .fd-tile__action-indicator.is-focus,.fd-tile--line.fd-tile--action .fd-tile__action-indicator:focus{z-index:5;outline:.0625rem dotted #000;outline:var(--sapContent_FocusWidth, .0625rem) var(--sapContent_FocusStyle, dotted) var(--sapContent_FocusColor, #000);outline-offset:0}.fd-tile--line.fd-tile--action .fd-tile__action-close.is-focus.fd-tile--toggled,.fd-tile--line.fd-tile--action .fd-tile__action-close:focus.fd-tile--toggled,.fd-tile--line.fd-tile--action .fd-tile__action-indicator.is-focus.fd-tile--toggled,.fd-tile--line.fd-tile--action .fd-tile__action-indicator:focus.fd-tile--toggled{outline-color:#fff;outline-color:var(--sapContent_ContrastFocusColor, #fff)}.fd-tile--line .fd-badge{position:relative;top:0;left:0;right:0;bottom:0;margin-right:.375rem;flex-shrink:0}.fd-tile--line .fd-badge[dir=rtl],[dir=rtl] .fd-tile--line .fd-badge{margin-left:.375rem;margin-right:0;left:0;right:0}.fd-numeric-content{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;height:3rem;width:100%}.fd-numeric-content:after,.fd-numeric-content:before{box-sizing:inherit;font-size:inherit}.fd-numeric-content__kpi-container,.fd-numeric-content__launch-icon-container{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;align-items:center;height:100%;overflow:hidden;padding-top:.125rem;margin-right:.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{box-sizing:inherit;font-size:inherit}.fd-numeric-content__kpi-container[dir=rtl],.fd-numeric-content__launch-icon-container[dir=rtl],[dir=rtl] .fd-numeric-content__kpi-container,[dir=rtl] .fd-numeric-content__launch-icon-container{margin-right:0;margin-left:.375rem}.fd-numeric-content__kpi-container:first-child:last-child,.fd-numeric-content__launch-icon-container:first-child:last-child{margin:0}.fd-numeric-content__launch-icon-container{width:1.75rem;min-width:1.75rem;max-width:1.75rem}.fd-numeric-content__scale-container{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;height:100%;overflow:hidden;padding-top:.5rem;padding-bottom:.375rem}.fd-numeric-content__scale-container:after,.fd-numeric-content__scale-container:before{box-sizing:inherit;font-size:inherit}.fd-numeric-content__scale-container:first-child:last-child{margin:0}.fd-numeric-content__launch-icon [class*=sap-icon],.fd-numeric-content__launch-icon[class*=sap-icon]{color:inherit;background:inherit;font-size:inherit;border-radius:inherit;line-height:1;line-height:normal;font-size:1.75rem;color:#5a7da0;color:var(--sapTile_IconColor, #5a7da0)}.fd-numeric-content__kpi{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;line-height:normal;color:#6a6d70;color:var(--sapNeutralTextColor, #6a6d70);font-weight:lighter;font-size:2.25rem}.fd-numeric-content__kpi:after,.fd-numeric-content__kpi:before{box-sizing:inherit;font-size:inherit}.fd-numeric-content__kpi--positive{color:#107e3e;color:var(--sapPositiveTextColor, #107e3e)}.fd-numeric-content__kpi--critical{color:#df6e0c;color:var(--sapCriticalTextColor, #df6e0c)}.fd-numeric-content__kpi--negative{color:#b00;color:var(--sapNegativeTextColor, #b00)}.fd-numeric-content__kpi--informative{color:#0a6ed1;color:var(--sapInformativeTextColor, #0a6ed1)}.fd-numeric-content__scale{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;align-items:center;flex-direction:column;justify-content:space-between}.fd-numeric-content__scale:after,.fd-numeric-content__scale:before{box-sizing:inherit;font-size:inherit}.fd-numeric-content__scale-arrow [class*=sap-icon],.fd-numeric-content__scale-arrow[class*=sap-icon]{color:inherit;background:inherit;font-size:inherit;border-radius:inherit;line-height:1;font-size:.875rem;line-height:normal;color:#6a6d70;color:var(--sapNeutralTextColor, #6a6d70)}.fd-numeric-content__scale-text{font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;font-size:.875rem;line-height:normal;color:#6a6d70;color:var(--sapNeutralTextColor, #6a6d70)}.fd-numeric-content__scale-text:after,.fd-numeric-content__scale-text:before{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:#107e3e;color:var(--sapPositiveTextColor, #107e3e)}.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:#df6e0c;color:var(--sapCriticalTextColor, #df6e0c)}.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:#b00;color:var(--sapNegativeTextColor, #b00)}.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:#0a6ed1;color:var(--sapInformativeTextColor, #0a6ed1)}.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{padding-top:0;margin-right:.5rem}.fd-numeric-content--m .fd-numeric-content__kpi-container[dir=rtl],.fd-numeric-content--m .fd-numeric-content__launch-icon-container[dir=rtl],[dir=rtl] .fd-numeric-content--m .fd-numeric-content__kpi-container,[dir=rtl] .fd-numeric-content--m .fd-numeric-content__launch-icon-container{margin-right:0;margin-left:.5rem}.fd-numeric-content--m .fd-numeric-content__launch-icon-container{align-items:flex-end}.fd-numeric-content--m .fd-numeric-content__scale-container{padding-top:.375rem;padding-bottom:.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{padding-top:0;margin-right:.5rem}.fd-numeric-content--s .fd-numeric-content__kpi-container[dir=rtl],.fd-numeric-content--s .fd-numeric-content__launch-icon-container[dir=rtl],[dir=rtl] .fd-numeric-content--s .fd-numeric-content__kpi-container,[dir=rtl] .fd-numeric-content--s .fd-numeric-content__launch-icon-container{margin-right:0;margin-left:.5rem}.fd-numeric-content--s .fd-numeric-content__scale-container{padding-top:0;padding-bottom:.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{padding-top:.5rem;margin-right:.375rem}.fd-numeric-content--small-tile .fd-numeric-content__kpi-container[dir=rtl],.fd-numeric-content--small-tile .fd-numeric-content__launch-icon-container[dir=rtl],[dir=rtl] .fd-numeric-content--small-tile .fd-numeric-content__kpi-container,[dir=rtl] .fd-numeric-content--small-tile .fd-numeric-content__launch-icon-container{margin-right:0;margin-left:.375rem}.fd-numeric-content--small-tile .fd-numeric-content__launch-icon-container{width:1.5rem;min-width:1.5rem;max-width:1.5rem}.fd-numeric-content--small-tile .fd-numeric-content__scale-container{padding-top:.25rem;padding-bottom:.25rem}.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],.fd-numeric-content--small-tile .fd-numeric-content__kpi{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{padding-top:.5rem;margin-right:.375rem}.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__kpi-container[dir=rtl],.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__launch-icon-container[dir=rtl],[dir=rtl] .fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__kpi-container,[dir=rtl] .fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__launch-icon-container{margin-right:0;margin-left:.375rem}.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__launch-icon-container{width:1.5rem;min-width:1.5rem;max-width:1.5rem}.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__scale-container{padding-top:.25rem;padding-bottom:.25rem}.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],.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__kpi{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{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{padding-top:.5rem;margin-right:.375rem}.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__kpi-container[dir=rtl],.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__launch-icon-container[dir=rtl],[dir=rtl] .fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__kpi-container,[dir=rtl] .fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__launch-icon-container{margin-right:0;margin-left:.375rem}.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__launch-icon-container{width:1.5rem;min-width:1.5rem;max-width:1.5rem}.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__scale-container{padding-top:.25rem;padding-bottom:.25rem}.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],.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__kpi{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{padding-top:0}/*!\n * Fundamental Library Styles v0.21.0-rc.92\n * Copyright (c) 2022 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-badge{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:1rem;max-width:calc(100% - 1rem);font-size:.75rem;font-size:var(--sapFontSmallSize, .75rem);line-height:normal;font-weight:700;background:#0854a0;background:var(--sapHighlightColor, #0854a0);color:#fff;color:var(--sapContent_ContrastTextColor, #fff);padding:0 .5rem;border:.0625rem solid transparent;border:.0625rem solid var(--fdBadge_Border_Color, transparent);border-radius:.5rem;position:absolute;right:.5rem;top:-.55rem;z-index:10}.fd-badge:after,.fd-badge:before{box-sizing:inherit;font-size:inherit}.fd-badge[dir=rtl],[dir=rtl] .fd-badge{right:auto;left:.5rem}.fd-badge--static{position:static}\n"], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
54
54
|
__decorate([
|
|
55
55
|
applyCssClass,
|
|
56
56
|
__metadata("design:type", Function),
|
|
@@ -59,7 +59,7 @@ __decorate([
|
|
|
59
59
|
], TileComponent.prototype, "buildComponentCssClass", null);
|
|
60
60
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: TileComponent, decorators: [{
|
|
61
61
|
type: Component,
|
|
62
|
-
args: [{ selector: 'fd-tile', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n class=\"fd-tile\"\n #container\n [attr.tabindex]=\"clickable ? 0 : -1\"\n (click)=\"clickable && tileClick.emit()\"\n (keyup.enter)=\"clickable && tileClick.emit()\"\n (keydown.space)=\"clickable && $event.preventDefault()\"\n (keyup.space)=\"clickable && tileClick.emit()\"\n>\n <div *ngIf=\"action && type !== 'line'\" class=\"fd-tile__overlay\"></div>\n\n <ng-content select=\"[fd-tile-action-close]\"></ng-content>\n\n <ng-content select=\"[fd-tile-action-indicator]\"></ng-content>\n\n <ng-content select=\"[fd-badge]\"></ng-content>\n\n <ng-content select=\"[fd-tile-header]\"></ng-content>\n\n <ng-content select=\"[fd-tile-header-content]\"></ng-content>\n\n <ng-content select=\"[fd-tile-content]\"></ng-content>\n\n <ng-content select=\"[fd-tile-footer]\"></ng-content>\n\n <ng-content select=\"[fd-tile-action-container]\"></ng-content>\n\n <ng-content></ng-content>\n</div>\n", styles: [".fd-tile{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;height:11rem;min-height:11rem;max-height:11rem;width:11rem;min-width:11rem;max-width:11rem;position:relative;padding:.9375rem;background:#fff;background:var(--sapTile_Background, #fff);box-shadow:0 0 0 .0625rem #0000001a,0 .125rem .5rem #0000001a;box-shadow:var(--sapContent_Shadow0, 0 0 0 .0625rem rgba(0, 0, 0, .1), 0 .125rem .5rem 0 rgba(0, 0, 0, .1));border-radius:.25rem;border-radius:var(--sapElement_BorderCornerRadius, .25rem);border:.0625rem solid transparent;border:.0625rem solid var(--sapTile_BorderColor, transparent);cursor:pointer}.fd-tile:after,.fd-tile:before{box-sizing:inherit;font-size:inherit}.fd-tile.is-active,.fd-tile:active{background:#f5f5f5;background:var(--sapTile_Active_Background, #f5f5f5);border:.0625rem solid #b3b3b3;border:.0625rem solid var(--sapTile_Interactive_BorderColor, #b3b3b3)}.fd-tile.is-hover,.fd-tile:hover{background:#f5f5f5;background:var(--sapTile_Hover_Background, #f5f5f5);border:.0625rem solid #b3b3b3;border:.0625rem solid var(--sapTile_Interactive_BorderColor, #b3b3b3)}.fd-tile.is-hover .fd-tile__toggle,.fd-tile:hover .fd-tile__toggle{display:block}.fd-tile.is-focus,.fd-tile:focus{z-index:5;outline:0}.fd-tile.is-focus:before,.fd-tile:focus:before{content:\"\";position:absolute;display:block;border:.0625rem dotted #000;border:var(--sapContent_FocusWidth, .0625rem) var(--sapContent_FocusStyle, dotted) var(--sapContent_FocusColor, #000);border-radius:.25rem;border-radius:var(--sapElement_BorderCornerRadius, .25rem);top:0;left:0;right:0;bottom:0;z-index:3}.fd-tile__content,.fd-tile__footer,.fd-tile__header,.fd-tile__header-content{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;overflow:hidden}.fd-tile__content:after,.fd-tile__content:before,.fd-tile__footer:after,.fd-tile__footer:before,.fd-tile__header-content:after,.fd-tile__header-content:before,.fd-tile__header:after,.fd-tile__header:before{box-sizing:inherit;font-size:inherit}.fd-tile__content--2-col,.fd-tile__footer--2-col,.fd-tile__header--2-col,.fd-tile__header-content--2-col{display:flex;justify-content:space-between}.fd-tile__header{height:3.625rem;min-height:3.625rem;max-height:3.625rem;margin-bottom:.25rem}.fd-tile__content{height:3.875rem;min-height:3.875rem;max-height:3.875rem;margin-bottom:.25rem}.fd-tile__header-content{height:7.75rem;min-height:7.75rem;max-height:7.75rem;margin-bottom:.25rem}.fd-tile__header-content .fd-tile__title{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.fd-tile__footer{height:1rem;min-height:1rem;max-height:1rem;display:flex}.fd-tile__section{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;overflow:hidden;width:calc(50% - 0.125rem);height:100%}.fd-tile__section:after,.fd-tile__section:before{box-sizing:inherit;font-size:inherit}.fd-tile__footer-text,.fd-tile__subtitle,.fd-tile__title{line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:normal;color:#6a6d70;color:var(--sapTile_TextColor, #6a6d70)}.fd-tile__footer-text:after,.fd-tile__footer-text:before,.fd-tile__subtitle:after,.fd-tile__subtitle:before,.fd-tile__title:after,.fd-tile__title:before{box-sizing:inherit;font-size:inherit}.fd-tile__title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#32363a;color:var(--sapTile_TitleTextColor, #32363a);font-size:1rem;font-size:var(--sapFontHeader5Size, 1rem)}.fd-tile__footer-text,.fd-tile__subtitle{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fd-tile__refresh [class*=sap-icon],.fd-tile__refresh[class*=sap-icon]{color:inherit;background:inherit;font-size:inherit;border-radius:inherit;line-height:1;display:flex;justify-content:center;align-items:center;line-height:normal;font-size:.875rem;font-size:var(--sapFontSize, .875rem);color:#0854a0;color:var(--sapButton_IconColor, #0854a0);min-width:.875rem;text-align:center;margin-right:.5rem}.fd-tile__refresh [class*=sap-icon][dir=rtl],.fd-tile__refresh[class*=sap-icon][dir=rtl],[dir=rtl] .fd-tile__refresh [class*=sap-icon],[dir=rtl] .fd-tile__refresh[class*=sap-icon]{margin-right:0;margin-left:.5rem}.fd-tile__profile-img{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;width:3.5rem;min-width:3.5rem;max-width:3.5rem;height:3.5rem;min-height:3.5rem;max-height:3.5rem;border-radius:50%}.fd-tile__profile-img:after,.fd-tile__profile-img:before{box-sizing:inherit;font-size:inherit}.fd-tile__logo{width:3.625rem;min-width:3.625rem;max-width:3.625rem;height:1.75rem;min-height:1.75rem;max-height:1.75rem}.fd-tile__action-close,.fd-tile__action-indicator,.fd-tile__overlay{display:none}.fd-tile--double{width:22.5rem;min-width:22.5rem;max-width:22.5rem}.fd-tile--s{height:9.25rem;min-height:9.25rem;max-height:9.25rem;width:9.25rem;min-width:9.25rem;max-width:9.25rem;padding:.4375rem}.fd-tile--s.fd-tile--double{width:19rem;min-width:19rem;max-width:19rem}.fd-tile--s .fd-tile__header{height:3.25rem;min-height:3.25rem;max-height:3.25rem}.fd-tile--s .fd-tile__content{height:3.438rem;min-height:3.438rem;max-height:3.438rem}.fd-tile--s .fd-tile__header-content{height:6.938rem;min-height:6.938rem;max-height:6.938rem}.fd-tile--s .fd-tile__footer{height:1.063rem;min-height:1.063rem;max-height:1.063rem}.fd-tile--s .fd-tile__title{font-size:.875rem;font-size:var(--sapFontHeader6Size, .875rem)}.fd-tile--s .fd-tile__footer-text{font-size:.75rem;font-size:var(--sapFontSmallSize, .75rem)}.fd-tile--s .fd-tile__profile-img{width:3rem;min-width:3rem;max-width:3rem;height:3rem;min-height:3rem;max-height:3rem}.fd-tile--s .fd-tile__logo{width:3rem;min-width:3rem;max-width:3rem;height:1.438rem;min-height:1.438rem;max-height:1.438rem}.fd-tile--feed .fd-tile__content,.fd-tile--kpi .fd-tile__content,.fd-tile--launch .fd-tile__content,.fd-tile--feed .fd-tile__content--2-col .fd-tile__section,.fd-tile--kpi .fd-tile__content--2-col .fd-tile__section,.fd-tile--launch .fd-tile__content--2-col .fd-tile__section{display:flex;align-items:flex-end}.fd-tile--feed .fd-tile__footer,.fd-tile--kpi .fd-tile__footer,.fd-tile--launch .fd-tile__footer,.fd-tile--feed .fd-tile__footer--2-col .fd-tile__section,.fd-tile--kpi .fd-tile__footer--2-col .fd-tile__section,.fd-tile--launch .fd-tile__footer--2-col .fd-tile__section{display:flex;align-items:center}.fd-tile--feed .fd-tile__footer--2-col .fd-tile__section:last-child,.fd-tile--kpi .fd-tile__footer--2-col .fd-tile__section:last-child,.fd-tile--launch .fd-tile__footer--2-col .fd-tile__section:last-child{justify-content:flex-end}.fd-tile--feed .fd-tile__content .fd-tile__section{width:auto}.fd-tile--feed .fd-tile__content .fd-tile__section:first-child{flex:1;max-width:100%;margin-right:.25rem;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end}.fd-tile--feed .fd-tile__content .fd-tile__section:first-child[dir=rtl],[dir=rtl] .fd-tile--feed .fd-tile__content .fd-tile__section:first-child{margin-left:.25rem;margin-right:0}.fd-tile--feed .fd-tile__content .fd-tile__section:nth-child(2){max-width:10.25rem;padding-left:.5rem}.fd-tile--feed .fd-tile__content .fd-tile__section:nth-child(2)[dir=rtl],[dir=rtl] .fd-tile--feed .fd-tile__content .fd-tile__section:nth-child(2){padding-right:.5rem;padding-left:0}.fd-tile--feed .fd-tile__content-byline,.fd-tile--feed .fd-tile__content-text{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;max-width:100%;font-size:.75rem;font-size:var(--sapFontSmallSize, .75rem);line-height:1.063rem;color:#32363a;color:var(--sapTile_TitleTextColor, #32363a)}.fd-tile--feed .fd-tile__content-byline:after,.fd-tile--feed .fd-tile__content-byline:before,.fd-tile--feed .fd-tile__content-text:after,.fd-tile--feed .fd-tile__content-text:before{box-sizing:inherit;font-size:inherit}.fd-tile--feed .fd-tile__content-text{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-height:2.125rem}.fd-tile--feed .fd-tile__content-byline{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#6a6d70;color:var(--sapTile_TextColor, #6a6d70)}.fd-tile--feed.fd-tile--s .fd-tile__content .fd-tile__section:nth-child(2){max-width:8.25rem}.fd-tile--slide{padding:0;display:flex;align-items:flex-end}.fd-tile--slide .fd-tile__background-img{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;height:100%;width:100%;position:absolute;top:0;left:0;right:0;bottom:0;background-size:cover;border-radius:.25rem;border-radius:var(--sapElement_BorderCornerRadius, .25rem)}.fd-tile--slide .fd-tile__background-img:after,.fd-tile--slide .fd-tile__background-img:before{box-sizing:inherit;font-size:inherit}.fd-tile--slide .fd-tile__background-img.is-hover,.fd-tile--slide .fd-tile__background-img:hover{opacity:.9}.fd-tile--slide .fd-tile__background-img.is-active,.fd-tile--slide .fd-tile__background-img:active{opacity:.8}.fd-tile--slide .fd-tile__toggle{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;height:3rem;min-height:3rem;max-height:3rem;width:3rem;min-width:3rem;max-width:3rem;display:none;padding:.5rem;position:absolute;background:0 0;top:-.0625rem;right:-.0625rem}.fd-tile--slide .fd-tile__toggle:after,.fd-tile--slide .fd-tile__toggle:before{box-sizing:inherit;font-size:inherit}.fd-tile--slide .fd-tile__toggle[dir=rtl],[dir=rtl] .fd-tile--slide .fd-tile__toggle{right:auto;left:-.0625rem}.fd-tile--slide .fd-tile__toggle:before{height:2rem;min-height:2rem;max-height:2rem;width:2rem;min-width:2rem;max-width:2rem;display:flex;justify-content:center;align-items:center;background-color:#000;background-color:var(--sapBlockLayer_Background, #000);opacity:.6;border-radius:50%;font-family:SAP-icons;font-size:1rem;color:#fff;color:var(--sapButton_Emphasized_TextColor, #fff);text-shadow:transparent;text-shadow:var(--sapButton_Emphasized_TextShadow, transparent);content:\"\\e14b\"}.fd-tile--slide .fd-tile__toggle--pause:before{content:\"\\e14c\"}.fd-tile--slide .fd-tile__toggle.is-focus,.fd-tile--slide .fd-tile__toggle:focus{z-index:5;outline:0}.fd-tile--slide .fd-tile__toggle.is-hover:before,.fd-tile--slide .fd-tile__toggle:hover:before{opacity:.8}.fd-tile--slide .fd-tile__toggle.is-active:before,.fd-tile--slide .fd-tile__toggle:active:before{opacity:1}.fd-tile--slide .fd-tile__container{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;height:6.125rem;min-height:6.125rem;max-height:6.125rem;display:flex;flex-direction:column;justify-content:space-between;z-index:2;width:100%;max-width:100%;background-color:#000;background-color:var(--fdSlide_Tile_Background_Color, var(--sapBlockLayer_Background, #000));opacity:.85;opacity:var(--fdSlide_Tile_Background_Opacity, .85);padding-top:.25rem;padding-left:.9375rem;padding-right:.9375rem;border-bottom-left-radius:.25rem;border-bottom-left-radius:var(--sapElement_BorderCornerRadius, .25rem);border-bottom-right-radius:.25rem;border-bottom-right-radius:var(--sapElement_BorderCornerRadius, .25rem)}.fd-tile--slide .fd-tile__container:after,.fd-tile--slide .fd-tile__container:before{box-sizing:inherit;font-size:inherit}.fd-tile--slide .fd-tile__title{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:normal;color:#32363a;color:var(--sapTile_TitleTextColor, #32363a);text-shadow:0 0 .125rem #000;text-shadow:0 0 .125rem var(--sapContent_ShadowColor, #000)}.fd-tile--slide .fd-tile__footer-text,.fd-tile--slide .fd-tile__subtitle{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:normal;color:#6a6d70;color:var(--sapTile_TextColor, #6a6d70)}.fd-tile--slide .fd-tile__page-indicator{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;justify-content:center;align-items:center;height:.5rem;min-height:.5rem;max-height:.5rem;margin-bottom:.125rem;margin-top:.375rem}.fd-tile--slide .fd-tile__page-indicator:after,.fd-tile--slide .fd-tile__page-indicator:before{box-sizing:inherit;font-size:inherit}.fd-tile--slide .fd-tile__dot{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;height:.188rem;height:var(--fdSlide_Tile_Indicator_Dot_Size, .188rem);min-height:.188rem;min-height:var(--fdSlide_Tile_Indicator_Dot_Size, .188rem);max-height:.188rem;max-height:var(--fdSlide_Tile_Indicator_Dot_Size, .188rem);width:.188rem;width:var(--fdSlide_Tile_Indicator_Dot_Size, .188rem);min-width:.188rem;min-width:var(--fdSlide_Tile_Indicator_Dot_Size, .188rem);max-width:.188rem;max-width:var(--fdSlide_Tile_Indicator_Dot_Size, .188rem);border-radius:50%;background-color:#6a6d70;background-color:var(--fdSlide_Tile_Indicator_Dot_Color, var(--sapTile_TextColor, #6a6d70));border:none;border:var(--fdSlide_Tile_Indicator_Dot_Border, none);box-shadow:0 0 .063rem #000;box-shadow:0 0 .063rem var(--sapContent_ShadowColor, #000);margin-right:.375rem;margin-right:var(--fdSlide_Tile_Indicator_Dot_Spacing, .375rem)}.fd-tile--slide .fd-tile__dot:after,.fd-tile--slide .fd-tile__dot:before{box-sizing:inherit;font-size:inherit}.fd-tile--slide .fd-tile__dot[dir=rtl],[dir=rtl] .fd-tile--slide .fd-tile__dot{margin-right:0;margin-left:.375rem;margin-left:var(--fdSlide_Tile_Indicator_Dot_Spacing, .375rem)}.fd-tile--slide .fd-tile__dot--active{height:.313rem;height:var(--fdSlide_Tile_Indicator_Ative_Dot_Size, .313rem);min-height:.313rem;min-height:var(--fdSlide_Tile_Indicator_Ative_Dot_Size, .313rem);max-height:.313rem;max-height:var(--fdSlide_Tile_Indicator_Ative_Dot_Size, .313rem);width:.313rem;width:var(--fdSlide_Tile_Indicator_Ative_Dot_Size, .313rem);min-width:.313rem;min-width:var(--fdSlide_Tile_Indicator_Ative_Dot_Size, .313rem);max-width:.313rem;max-width:var(--fdSlide_Tile_Indicator_Ative_Dot_Size, .313rem);background-color:#32363a;background-color:var(--fdSlide_Tile_Indicator_Active_Dot_Color, var(--sapTile_TitleTextColor, #32363a));border:none;border:var(--fdSlide_Tile_Indicator_Active_Dot_Border, none)}.fd-tile--slide .fd-tile__dot:last-child{margin:0}.fd-tile--slide.fd-tile--s .fd-tile__container{height:5.25rem;min-height:5.25rem;max-height:5.25rem;padding-top:.1875rem;padding-right:.4375rem;padding-left:.4375rem}.fd-tile--slide.fd-tile--s .fd-tile__footer-text,.fd-tile--slide.fd-tile--s .fd-tile__subtitle,.fd-tile--slide.fd-tile--s .fd-tile__title{font-size:.75rem;font-size:var(--sapFontSmallSize, .75rem)}.fd-tile--slide.fd-tile--s .fd-tile__page-indicator{margin-bottom:0;margin-top:0}.fd-tile--action .fd-tile__action-close,.fd-tile--action .fd-tile__action-indicator,.fd-tile--action .fd-tile__overlay{display:block}.fd-tile--action .fd-tile__overlay{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;position:absolute;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background:#fff;background:var(--sapTile_Background, #fff);border-radius:.25rem;border-radius:var(--sapElement_BorderCornerRadius, .25rem);opacity:.7;z-index:4}.fd-tile--action .fd-tile__overlay:after,.fd-tile--action .fd-tile__overlay:before{box-sizing:inherit;font-size:inherit}.fd-tile--action .fd-tile__footer,.fd-tile--action .fd-badge{display:none}.fd-tile--action .fd-tile__action-close{height:auto;min-height:auto;max-height:none;width:auto;min-width:auto;max-width:none;display:flex;align-items:flex-start;justify-content:flex-end;position:absolute;padding:0;top:-.375rem;right:-.375rem;z-index:5}.fd-tile--action .fd-tile__action-close[dir=rtl],[dir=rtl] .fd-tile--action .fd-tile__action-close{right:auto;left:-.375rem}.fd-tile--action .fd-tile__action-close [class*=sap-icon],.fd-tile--action .fd-tile__action-close[class*=sap-icon]{color:inherit;background:inherit;font-size:inherit;border-radius:inherit;line-height:1;height:1.375rem;min-height:1.375rem;max-height:1.375rem;width:1.375rem;min-width:1.375rem;max-width:1.375rem;box-sizing:border-box;border-radius:50%;background:#fff;background:var(--sapButton_Background, #fff);border:.0625rem solid #0854a0;border:.0625rem solid var(--sapButton_BorderColor, #0854a0);color:#0854a0;color:var(--sapButton_IconColor, #0854a0);font-size:.75rem}.fd-tile--action .fd-tile__action-close [class*=sap-icon]:before,.fd-tile--action .fd-tile__action-close[class*=sap-icon]:before{line-height:1.25rem}.fd-tile--action .fd-tile__action-close.is-focus,.fd-tile--action .fd-tile__action-close:focus{z-index:5;outline:.0625rem dotted #000;outline:var(--sapContent_FocusWidth, .0625rem) var(--sapContent_FocusStyle, dotted) var(--sapContent_FocusColor, #000);outline-offset:-.0625rem}.fd-tile--action .fd-tile__action-close.is-focus.fd-tile--toggled,.fd-tile--action .fd-tile__action-close:focus.fd-tile--toggled{outline-color:#fff;outline-color:var(--sapContent_ContrastFocusColor, #fff)}.fd-tile--action .fd-tile__action-close::-moz-focus-inner{border:0}.fd-tile--action .fd-tile__action-indicator{position:absolute;bottom:0;right:0;margin-bottom:.25rem;margin-right:.25rem;z-index:5}.fd-tile--action .fd-tile__action-indicator[dir=rtl],[dir=rtl] .fd-tile--action .fd-tile__action-indicator{right:auto;left:0;margin-right:auto;margin-left:.25rem}.fd-tile--action .fd-tile__action-indicator [class*=sap-icon],.fd-tile--action .fd-tile__action-indicator[class*=sap-icon]{color:inherit;background:inherit;font-size:inherit;border-radius:inherit;line-height:1;display:flex;justify-content:center;align-items:center;font-size:1rem;color:#0854a0;color:var(--sapButton_IconColor, #0854a0)}.fd-tile--action .fd-tile__action-close.is-hover,.fd-tile--action .fd-tile__action-close:hover,.fd-tile--action .fd-tile__action-indicator.is-hover,.fd-tile--action .fd-tile__action-indicator:hover,.fd-tile--action .fd-tile__action-close.is-active,.fd-tile--action .fd-tile__action-close:active,.fd-tile--action .fd-tile__action-indicator.is-active,.fd-tile--action .fd-tile__action-indicator:active{background:0 0;border-color:transparent}.fd-tile--action.fd-tile--slide .fd-tile__action-indicator [class*=sap-icon],.fd-tile--action.fd-tile--slide .fd-tile__action-indicator[class*=sap-icon]{color:#fff;color:var(--sapShell_Active_TextColor, #fff)}.fd-tile-container{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;flex-wrap:wrap;width:100%;border-radius:.25rem;border-radius:var(--sapElement_BorderCornerRadius, .25rem);border:.0625rem solid transparent;border:.0625rem solid var(--sapTile_BorderColor, transparent);background-color:#fff;background-color:var(--sapTile_Background, #fff);box-shadow:0 0 0 .0625rem #0000001a,0 .125rem .5rem #0000001a;box-shadow:var(--sapContent_Shadow0, 0 0 0 .0625rem rgba(0, 0, 0, .1), 0 .125rem .5rem 0 rgba(0, 0, 0, .1));padding:.5rem}.fd-tile-container:after,.fd-tile-container:before{box-sizing:inherit;font-size:inherit}.fd-tile-container--list{flex-direction:column;background-color:#fff;background-color:var(--sapGroup_ContentBackground, #fff)}.fd-tile-container--list .fd-tile--line{flex-wrap:wrap;margin-right:0;margin-left:0;max-height:3.25rem}.fd-tile-container--list .fd-tile--line.fd-tile--compact{max-height:2.875rem}.fd-tile-container--list .fd-tile--action .fd-tile__header{mask-image:linear-gradient(linear,right top,left top,from(transparent),color-stop(7%,#000),to(#000));-webkit-mask-image:-webkit-gradient(linear,right top,left top,from(transparent),color-stop(7%,#000),to(#000))}.fd-tile-container--list .fd-tile--action .fd-tile__header[dir=rtl],[dir=rtl] .fd-tile-container--list .fd-tile--action .fd-tile__header{mask-image:linear-gradient(linear,left top,right top,from(transparent),color-stop(7%,#000),to(#000));-webkit-mask-image:-webkit-gradient(linear,left top,right top,from(transparent),color-stop(7%,#000),to(#000))}.fd-tile-container--list .fd-tile__header{flex-wrap:wrap;flex:1}.fd-tile--line{display:flex;align-items:center;justify-content:space-between;min-height:2.25rem;max-height:2.25rem;height:100%;min-width:2rem;max-width:100%;width:auto;padding:0 .5rem;margin-right:1.25rem;margin-top:.125rem;margin-bottom:.125rem;box-shadow:none;background:0 0}.fd-tile--line.is-hover,.fd-tile--line:hover,.fd-tile--line.is-active,.fd-tile--line:active{box-shadow:none}.fd-tile--line.is-disabled,.fd-tile--line:disabled,.fd-tile--line[aria-disabled=true]{opacity:.5;background:0 0;pointer-events:none}.fd-tile--line[dir=rtl],[dir=rtl] .fd-tile--line{margin-right:0;margin-left:1.25rem}.fd-tile--line:last-child{margin-right:0}.fd-tile--line .fd-tile__header{height:100%;min-height:100%;max-height:100%;display:flex;align-items:center;margin:0}.fd-tile--line .fd-tile__title-container{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;align-items:center;max-width:100%}.fd-tile--line .fd-tile__title-container:after,.fd-tile--line .fd-tile__title-container:before{box-sizing:inherit;font-size:inherit}.fd-tile--line .fd-tile__subtitle,.fd-tile--line .fd-tile__title{font-size:.875rem;font-size:var(--sapFontSize, .875rem);text-shadow:0 0 .125rem #fff;text-shadow:var(--sapContent_TextShadow, 0 0 .125rem #fff);color:#6a6d70;color:var(--sapTile_TextColor, #6a6d70);line-height:1.625rem;min-width:2rem}.fd-tile--line .fd-tile__title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:.625rem;color:#0854a0;color:var(--sapButton_TextColor, #0854a0);display:inline;-webkit-line-clamp:initial}.fd-tile--line .fd-tile__title[dir=rtl],[dir=rtl] .fd-tile--line .fd-tile__title{margin-right:0;margin-left:.625rem}.fd-tile--line.fd-tile--compact{min-height:1.625rem;max-height:1.625rem}.fd-tile--line.fd-tile--compact .fd-tile__subtitle,.fd-tile--line.fd-tile--compact .fd-tile__title{line-height:1.4375rem}.fd-tile--line.fd-tile--compact .fd-tile__title{margin-right:.5rem}.fd-tile--line.fd-tile--compact .fd-tile__title[dir=rtl],[dir=rtl] .fd-tile--line.fd-tile--compact .fd-tile__title{margin-right:0;margin-left:.5rem}.fd-tile--line.fd-tile--action{padding-right:0}.fd-tile--line.fd-tile--action[dir=rtl],[dir=rtl] .fd-tile--line.fd-tile--action{padding-left:0;padding-right:.5rem}.fd-tile--line.fd-tile--action .fd-tile__action-container{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;align-items:center;margin-left:.25rem}.fd-tile--line.fd-tile--action .fd-tile__action-container:after,.fd-tile--line.fd-tile--action .fd-tile__action-container:before{box-sizing:inherit;font-size:inherit}.fd-tile--line.fd-tile--action .fd-tile__action-container[dir=rtl],[dir=rtl] .fd-tile--line.fd-tile--action .fd-tile__action-container{margin-left:0;margin-right:.25rem}.fd-tile--line.fd-tile--action .fd-tile__action-close{height:1.625rem;min-height:1.625rem;max-height:1.625rem;position:relative;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;padding:0 .25rem}.fd-tile--line.fd-tile--action .fd-tile__action-indicator{margin:0}.fd-tile--line.fd-tile--action .fd-tile__action-close,.fd-tile--line.fd-tile--action .fd-tile__action-indicator{position:relative;top:0;left:0;right:0;bottom:0}.fd-tile--line.fd-tile--action .fd-tile__action-close.is-focus,.fd-tile--line.fd-tile--action .fd-tile__action-close:focus,.fd-tile--line.fd-tile--action .fd-tile__action-indicator.is-focus,.fd-tile--line.fd-tile--action .fd-tile__action-indicator:focus{z-index:5;outline:.0625rem dotted #000;outline:var(--sapContent_FocusWidth, .0625rem) var(--sapContent_FocusStyle, dotted) var(--sapContent_FocusColor, #000);outline-offset:0}.fd-tile--line.fd-tile--action .fd-tile__action-close.is-focus.fd-tile--toggled,.fd-tile--line.fd-tile--action .fd-tile__action-close:focus.fd-tile--toggled,.fd-tile--line.fd-tile--action .fd-tile__action-indicator.is-focus.fd-tile--toggled,.fd-tile--line.fd-tile--action .fd-tile__action-indicator:focus.fd-tile--toggled{outline-color:#fff;outline-color:var(--sapContent_ContrastFocusColor, #fff)}.fd-tile--line .fd-badge{position:relative;top:0;left:0;right:0;bottom:0;margin-right:.375rem;flex-shrink:0}.fd-tile--line .fd-badge[dir=rtl],[dir=rtl] .fd-tile--line .fd-badge{margin-left:.375rem;margin-right:0;left:0;right:0}.fd-numeric-content{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;height:3rem;width:100%}.fd-numeric-content:after,.fd-numeric-content:before{box-sizing:inherit;font-size:inherit}.fd-numeric-content__kpi-container,.fd-numeric-content__launch-icon-container{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;align-items:center;height:100%;overflow:hidden;padding-top:.125rem;margin-right:.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{box-sizing:inherit;font-size:inherit}.fd-numeric-content__kpi-container[dir=rtl],.fd-numeric-content__launch-icon-container[dir=rtl],[dir=rtl] .fd-numeric-content__kpi-container,[dir=rtl] .fd-numeric-content__launch-icon-container{margin-right:0;margin-left:.375rem}.fd-numeric-content__kpi-container:first-child:last-child,.fd-numeric-content__launch-icon-container:first-child:last-child{margin:0}.fd-numeric-content__launch-icon-container{width:1.75rem;min-width:1.75rem;max-width:1.75rem}.fd-numeric-content__scale-container{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;height:100%;overflow:hidden;padding-top:.5rem;padding-bottom:.375rem}.fd-numeric-content__scale-container:after,.fd-numeric-content__scale-container:before{box-sizing:inherit;font-size:inherit}.fd-numeric-content__scale-container:first-child:last-child{margin:0}.fd-numeric-content__launch-icon [class*=sap-icon],.fd-numeric-content__launch-icon[class*=sap-icon]{color:inherit;background:inherit;font-size:inherit;border-radius:inherit;line-height:1;line-height:normal;font-size:1.75rem;color:#5a7da0;color:var(--sapTile_IconColor, #5a7da0)}.fd-numeric-content__kpi{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;line-height:normal;color:#6a6d70;color:var(--sapNeutralTextColor, #6a6d70);font-weight:lighter;font-size:2.25rem}.fd-numeric-content__kpi:after,.fd-numeric-content__kpi:before{box-sizing:inherit;font-size:inherit}.fd-numeric-content__kpi--positive{color:#107e3e;color:var(--sapPositiveTextColor, #107e3e)}.fd-numeric-content__kpi--critical{color:#df6e0c;color:var(--sapCriticalTextColor, #df6e0c)}.fd-numeric-content__kpi--negative{color:#b00;color:var(--sapNegativeTextColor, #b00)}.fd-numeric-content__kpi--informative{color:#0a6ed1;color:var(--sapInformativeTextColor, #0a6ed1)}.fd-numeric-content__scale{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;align-items:center;flex-direction:column;justify-content:space-between}.fd-numeric-content__scale:after,.fd-numeric-content__scale:before{box-sizing:inherit;font-size:inherit}.fd-numeric-content__scale-arrow [class*=sap-icon],.fd-numeric-content__scale-arrow[class*=sap-icon]{color:inherit;background:inherit;font-size:inherit;border-radius:inherit;line-height:1;font-size:.875rem;line-height:normal;color:#6a6d70;color:var(--sapNeutralTextColor, #6a6d70)}.fd-numeric-content__scale-text{font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;font-size:.875rem;line-height:normal;color:#6a6d70;color:var(--sapNeutralTextColor, #6a6d70)}.fd-numeric-content__scale-text:after,.fd-numeric-content__scale-text:before{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:#107e3e;color:var(--sapPositiveTextColor, #107e3e)}.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:#df6e0c;color:var(--sapCriticalTextColor, #df6e0c)}.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:#b00;color:var(--sapNegativeTextColor, #b00)}.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:#0a6ed1;color:var(--sapInformativeTextColor, #0a6ed1)}.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{padding-top:0;margin-right:.5rem}.fd-numeric-content--m .fd-numeric-content__kpi-container[dir=rtl],.fd-numeric-content--m .fd-numeric-content__launch-icon-container[dir=rtl],[dir=rtl] .fd-numeric-content--m .fd-numeric-content__kpi-container,[dir=rtl] .fd-numeric-content--m .fd-numeric-content__launch-icon-container{margin-right:0;margin-left:.5rem}.fd-numeric-content--m .fd-numeric-content__launch-icon-container{align-items:flex-end}.fd-numeric-content--m .fd-numeric-content__scale-container{padding-top:.375rem;padding-bottom:.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{padding-top:0;margin-right:.5rem}.fd-numeric-content--s .fd-numeric-content__kpi-container[dir=rtl],.fd-numeric-content--s .fd-numeric-content__launch-icon-container[dir=rtl],[dir=rtl] .fd-numeric-content--s .fd-numeric-content__kpi-container,[dir=rtl] .fd-numeric-content--s .fd-numeric-content__launch-icon-container{margin-right:0;margin-left:.5rem}.fd-numeric-content--s .fd-numeric-content__scale-container{padding-top:0;padding-bottom:.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{padding-top:.5rem;margin-right:.375rem}.fd-numeric-content--small-tile .fd-numeric-content__kpi-container[dir=rtl],.fd-numeric-content--small-tile .fd-numeric-content__launch-icon-container[dir=rtl],[dir=rtl] .fd-numeric-content--small-tile .fd-numeric-content__kpi-container,[dir=rtl] .fd-numeric-content--small-tile .fd-numeric-content__launch-icon-container{margin-right:0;margin-left:.375rem}.fd-numeric-content--small-tile .fd-numeric-content__launch-icon-container{width:1.5rem;min-width:1.5rem;max-width:1.5rem}.fd-numeric-content--small-tile .fd-numeric-content__scale-container{padding-top:.25rem;padding-bottom:.25rem}.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],.fd-numeric-content--small-tile .fd-numeric-content__kpi{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{padding-top:.5rem;margin-right:.375rem}.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__kpi-container[dir=rtl],.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__launch-icon-container[dir=rtl],[dir=rtl] .fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__kpi-container,[dir=rtl] .fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__launch-icon-container{margin-right:0;margin-left:.375rem}.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__launch-icon-container{width:1.5rem;min-width:1.5rem;max-width:1.5rem}.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__scale-container{padding-top:.25rem;padding-bottom:.25rem}.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],.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__kpi{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{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{padding-top:.5rem;margin-right:.375rem}.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__kpi-container[dir=rtl],.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__launch-icon-container[dir=rtl],[dir=rtl] .fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__kpi-container,[dir=rtl] .fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__launch-icon-container{margin-right:0;margin-left:.375rem}.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__launch-icon-container{width:1.5rem;min-width:1.5rem;max-width:1.5rem}.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__scale-container{padding-top:.25rem;padding-bottom:.25rem}.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],.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__kpi{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{padding-top:0}/*!\n * Fundamental Library Styles v0.21.0-rc.92\n * Copyright (c) 2022 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-badge{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:1rem;max-width:calc(100% - 1rem);font-size:.75rem;font-size:var(--sapFontSmallSize, .75rem);line-height:normal;font-weight:700;background:#0854a0;background:var(--sapHighlightColor, #0854a0);color:#fff;color:var(--sapContent_ContrastTextColor, #fff);padding:0 .5rem;border:.0625rem solid transparent;border:.0625rem solid var(--fdBadge_Border_Color, transparent);border-radius:.5rem;position:absolute;right:.5rem;top:-.55rem;z-index:10}.fd-badge:after,.fd-badge:before{box-sizing:inherit;font-size:inherit}.fd-badge[dir=rtl],[dir=rtl] .fd-badge{right:auto;left:.5rem}.fd-badge--static{position:static}\n"] }]
|
|
62
|
+
args: [{ selector: 'fd-tile', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n class=\"fd-tile\"\n #container\n [attr.tabindex]=\"clickable ? 0 : -1\"\n (click)=\"clickable && tileClick.emit()\"\n (keyup.enter)=\"clickable && tileClick.emit()\"\n (keydown.space)=\"clickable && $event.preventDefault()\"\n (keyup.space)=\"clickable && tileClick.emit()\"\n>\n <div *ngIf=\"action && type !== 'line'\" class=\"fd-tile__overlay\"></div>\n\n <ng-content select=\"[fd-tile-action-close]\"></ng-content>\n\n <ng-content select=\"[fd-tile-action-indicator]\"></ng-content>\n\n <ng-content select=\"[fd-badge]\"></ng-content>\n\n <ng-content select=\"[fd-tile-header]\"></ng-content>\n\n <ng-content select=\"[fd-tile-header-content]\"></ng-content>\n\n <ng-content select=\"[fd-tile-content]\"></ng-content>\n\n <ng-content select=\"[fd-tile-footer]\"></ng-content>\n\n <ng-content select=\"[fd-tile-action-container]\"></ng-content>\n\n <ng-content></ng-content>\n</div>\n", styles: [".fd-tile{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;height:11rem;min-height:11rem;max-height:11rem;width:11rem;min-width:11rem;max-width:11rem;position:relative;padding:.9375rem;background:#fff;background:var(--sapTile_Background, #fff);box-shadow:0 0 0 .0625rem #0000001a,0 .125rem .5rem #0000001a;box-shadow:var(--sapContent_Shadow0, 0 0 0 .0625rem rgba(0, 0, 0, .1), 0 .125rem .5rem 0 rgba(0, 0, 0, .1));border-radius:.25rem;border-radius:var(--sapElement_BorderCornerRadius, .25rem);border:.0625rem solid transparent;border:.0625rem solid var(--sapTile_BorderColor, transparent);cursor:pointer}.fd-tile:after,.fd-tile:before{box-sizing:inherit;font-size:inherit}.fd-tile.is-active,.fd-tile:active{background:#f5f5f5;background:var(--sapTile_Active_Background, #f5f5f5);border:.0625rem solid #b3b3b3;border:.0625rem solid var(--sapTile_Interactive_BorderColor, #b3b3b3)}.fd-tile.is-hover,.fd-tile:hover{background:#f5f5f5;background:var(--sapTile_Hover_Background, #f5f5f5);border:.0625rem solid #b3b3b3;border:.0625rem solid var(--sapTile_Interactive_BorderColor, #b3b3b3)}.fd-tile.is-hover .fd-tile__toggle,.fd-tile:hover .fd-tile__toggle{display:block}.fd-tile.is-focus,.fd-tile:focus{z-index:5;outline:0}.fd-tile.is-focus:before,.fd-tile:focus:before{content:\"\";position:absolute;display:block;border:.0625rem dotted #000;border:var(--sapContent_FocusWidth, .0625rem) var(--sapContent_FocusStyle, dotted) var(--sapContent_FocusColor, #000);border-radius:.25rem;border-radius:var(--sapElement_BorderCornerRadius, .25rem);top:0;left:0;right:0;bottom:0;z-index:3}.fd-tile__content,.fd-tile__footer,.fd-tile__header,.fd-tile__header-content{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;overflow:hidden}.fd-tile__content:after,.fd-tile__content:before,.fd-tile__footer:after,.fd-tile__footer:before,.fd-tile__header-content:after,.fd-tile__header-content:before,.fd-tile__header:after,.fd-tile__header:before{box-sizing:inherit;font-size:inherit}.fd-tile__content--2-col,.fd-tile__footer--2-col,.fd-tile__header--2-col,.fd-tile__header-content--2-col{display:flex;justify-content:space-between}.fd-tile__header{height:3.625rem;min-height:3.625rem;max-height:3.625rem;margin-bottom:.25rem}.fd-tile__content{height:3.875rem;min-height:3.875rem;max-height:3.875rem;margin-bottom:.25rem}.fd-tile__header-content{height:7.75rem;min-height:7.75rem;max-height:7.75rem;margin-bottom:.25rem}.fd-tile__header-content .fd-tile__title{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.fd-tile__footer{height:1rem;min-height:1rem;max-height:1rem;display:flex}.fd-tile__section{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;overflow:hidden;width:calc(50% - .125rem);height:100%}.fd-tile__section:after,.fd-tile__section:before{box-sizing:inherit;font-size:inherit}.fd-tile__footer-text,.fd-tile__subtitle,.fd-tile__title{line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:normal;color:#6a6d70;color:var(--sapTile_TextColor, #6a6d70)}.fd-tile__footer-text:after,.fd-tile__footer-text:before,.fd-tile__subtitle:after,.fd-tile__subtitle:before,.fd-tile__title:after,.fd-tile__title:before{box-sizing:inherit;font-size:inherit}.fd-tile__title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#32363a;color:var(--sapTile_TitleTextColor, #32363a);font-size:1rem;font-size:var(--sapFontHeader5Size, 1rem)}.fd-tile__footer-text,.fd-tile__subtitle{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fd-tile__refresh [class*=sap-icon],.fd-tile__refresh[class*=sap-icon]{color:inherit;background:inherit;font-size:inherit;border-radius:inherit;line-height:1;display:flex;justify-content:center;align-items:center;line-height:normal;font-size:.875rem;font-size:var(--sapFontSize, .875rem);color:#0854a0;color:var(--sapButton_IconColor, #0854a0);min-width:.875rem;text-align:center;margin-right:.5rem}.fd-tile__refresh [class*=sap-icon][dir=rtl],.fd-tile__refresh[class*=sap-icon][dir=rtl],[dir=rtl] .fd-tile__refresh [class*=sap-icon],[dir=rtl] .fd-tile__refresh[class*=sap-icon]{margin-right:0;margin-left:.5rem}.fd-tile__profile-img{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;width:3.5rem;min-width:3.5rem;max-width:3.5rem;height:3.5rem;min-height:3.5rem;max-height:3.5rem;border-radius:50%}.fd-tile__profile-img:after,.fd-tile__profile-img:before{box-sizing:inherit;font-size:inherit}.fd-tile__logo{width:3.625rem;min-width:3.625rem;max-width:3.625rem;height:1.75rem;min-height:1.75rem;max-height:1.75rem}.fd-tile__action-close,.fd-tile__action-indicator,.fd-tile__overlay{display:none}.fd-tile--double{width:22.5rem;min-width:22.5rem;max-width:22.5rem}.fd-tile--s{height:9.25rem;min-height:9.25rem;max-height:9.25rem;width:9.25rem;min-width:9.25rem;max-width:9.25rem;padding:.4375rem}.fd-tile--s.fd-tile--double{width:19rem;min-width:19rem;max-width:19rem}.fd-tile--s .fd-tile__header{height:3.25rem;min-height:3.25rem;max-height:3.25rem}.fd-tile--s .fd-tile__content{height:3.438rem;min-height:3.438rem;max-height:3.438rem}.fd-tile--s .fd-tile__header-content{height:6.938rem;min-height:6.938rem;max-height:6.938rem}.fd-tile--s .fd-tile__footer{height:1.063rem;min-height:1.063rem;max-height:1.063rem}.fd-tile--s .fd-tile__title{font-size:.875rem;font-size:var(--sapFontHeader6Size, .875rem)}.fd-tile--s .fd-tile__footer-text{font-size:.75rem;font-size:var(--sapFontSmallSize, .75rem)}.fd-tile--s .fd-tile__profile-img{width:3rem;min-width:3rem;max-width:3rem;height:3rem;min-height:3rem;max-height:3rem}.fd-tile--s .fd-tile__logo{width:3rem;min-width:3rem;max-width:3rem;height:1.438rem;min-height:1.438rem;max-height:1.438rem}.fd-tile--feed .fd-tile__content,.fd-tile--kpi .fd-tile__content,.fd-tile--launch .fd-tile__content,.fd-tile--feed .fd-tile__content--2-col .fd-tile__section,.fd-tile--kpi .fd-tile__content--2-col .fd-tile__section,.fd-tile--launch .fd-tile__content--2-col .fd-tile__section{display:flex;align-items:flex-end}.fd-tile--feed .fd-tile__footer,.fd-tile--kpi .fd-tile__footer,.fd-tile--launch .fd-tile__footer,.fd-tile--feed .fd-tile__footer--2-col .fd-tile__section,.fd-tile--kpi .fd-tile__footer--2-col .fd-tile__section,.fd-tile--launch .fd-tile__footer--2-col .fd-tile__section{display:flex;align-items:center}.fd-tile--feed .fd-tile__footer--2-col .fd-tile__section:last-child,.fd-tile--kpi .fd-tile__footer--2-col .fd-tile__section:last-child,.fd-tile--launch .fd-tile__footer--2-col .fd-tile__section:last-child{justify-content:flex-end}.fd-tile--feed .fd-tile__content .fd-tile__section{width:auto}.fd-tile--feed .fd-tile__content .fd-tile__section:first-child{flex:1;max-width:100%;margin-right:.25rem;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end}.fd-tile--feed .fd-tile__content .fd-tile__section:first-child[dir=rtl],[dir=rtl] .fd-tile--feed .fd-tile__content .fd-tile__section:first-child{margin-left:.25rem;margin-right:0}.fd-tile--feed .fd-tile__content .fd-tile__section:nth-child(2){max-width:10.25rem;padding-left:.5rem}.fd-tile--feed .fd-tile__content .fd-tile__section:nth-child(2)[dir=rtl],[dir=rtl] .fd-tile--feed .fd-tile__content .fd-tile__section:nth-child(2){padding-right:.5rem;padding-left:0}.fd-tile--feed .fd-tile__content-byline,.fd-tile--feed .fd-tile__content-text{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;max-width:100%;font-size:.75rem;font-size:var(--sapFontSmallSize, .75rem);line-height:1.063rem;color:#32363a;color:var(--sapTile_TitleTextColor, #32363a)}.fd-tile--feed .fd-tile__content-byline:after,.fd-tile--feed .fd-tile__content-byline:before,.fd-tile--feed .fd-tile__content-text:after,.fd-tile--feed .fd-tile__content-text:before{box-sizing:inherit;font-size:inherit}.fd-tile--feed .fd-tile__content-text{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-height:2.125rem}.fd-tile--feed .fd-tile__content-byline{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#6a6d70;color:var(--sapTile_TextColor, #6a6d70)}.fd-tile--feed.fd-tile--s .fd-tile__content .fd-tile__section:nth-child(2){max-width:8.25rem}.fd-tile--slide{padding:0;display:flex;align-items:flex-end}.fd-tile--slide .fd-tile__background-img{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;height:100%;width:100%;position:absolute;top:0;left:0;right:0;bottom:0;background-size:cover;border-radius:.25rem;border-radius:var(--sapElement_BorderCornerRadius, .25rem)}.fd-tile--slide .fd-tile__background-img:after,.fd-tile--slide .fd-tile__background-img:before{box-sizing:inherit;font-size:inherit}.fd-tile--slide .fd-tile__background-img.is-hover,.fd-tile--slide .fd-tile__background-img:hover{opacity:.9}.fd-tile--slide .fd-tile__background-img.is-active,.fd-tile--slide .fd-tile__background-img:active{opacity:.8}.fd-tile--slide .fd-tile__toggle{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;height:3rem;min-height:3rem;max-height:3rem;width:3rem;min-width:3rem;max-width:3rem;display:none;padding:.5rem;position:absolute;background:0 0;top:-.0625rem;right:-.0625rem}.fd-tile--slide .fd-tile__toggle:after,.fd-tile--slide .fd-tile__toggle:before{box-sizing:inherit;font-size:inherit}.fd-tile--slide .fd-tile__toggle[dir=rtl],[dir=rtl] .fd-tile--slide .fd-tile__toggle{right:auto;left:-.0625rem}.fd-tile--slide .fd-tile__toggle:before{height:2rem;min-height:2rem;max-height:2rem;width:2rem;min-width:2rem;max-width:2rem;display:flex;justify-content:center;align-items:center;background-color:#000;background-color:var(--sapBlockLayer_Background, #000);opacity:.6;border-radius:50%;font-family:SAP-icons;font-size:1rem;color:#fff;color:var(--sapButton_Emphasized_TextColor, #fff);text-shadow:transparent;text-shadow:var(--sapButton_Emphasized_TextShadow, transparent);content:\"\\e14b\"}.fd-tile--slide .fd-tile__toggle--pause:before{content:\"\\e14c\"}.fd-tile--slide .fd-tile__toggle.is-focus,.fd-tile--slide .fd-tile__toggle:focus{z-index:5;outline:0}.fd-tile--slide .fd-tile__toggle.is-hover:before,.fd-tile--slide .fd-tile__toggle:hover:before{opacity:.8}.fd-tile--slide .fd-tile__toggle.is-active:before,.fd-tile--slide .fd-tile__toggle:active:before{opacity:1}.fd-tile--slide .fd-tile__container{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;height:6.125rem;min-height:6.125rem;max-height:6.125rem;display:flex;flex-direction:column;justify-content:space-between;z-index:2;width:100%;max-width:100%;background-color:#000;background-color:var(--fdSlide_Tile_Background_Color, var(--sapBlockLayer_Background, #000));opacity:.85;opacity:var(--fdSlide_Tile_Background_Opacity, .85);padding-top:.25rem;padding-left:.9375rem;padding-right:.9375rem;border-bottom-left-radius:.25rem;border-bottom-left-radius:var(--sapElement_BorderCornerRadius, .25rem);border-bottom-right-radius:.25rem;border-bottom-right-radius:var(--sapElement_BorderCornerRadius, .25rem)}.fd-tile--slide .fd-tile__container:after,.fd-tile--slide .fd-tile__container:before{box-sizing:inherit;font-size:inherit}.fd-tile--slide .fd-tile__title{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:normal;color:#32363a;color:var(--sapTile_TitleTextColor, #32363a);text-shadow:0 0 .125rem #000;text-shadow:0 0 .125rem var(--sapContent_ShadowColor, #000)}.fd-tile--slide .fd-tile__footer-text,.fd-tile--slide .fd-tile__subtitle{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:normal;color:#6a6d70;color:var(--sapTile_TextColor, #6a6d70)}.fd-tile--slide .fd-tile__page-indicator{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;justify-content:center;align-items:center;height:.5rem;min-height:.5rem;max-height:.5rem;margin-bottom:.125rem;margin-top:.375rem}.fd-tile--slide .fd-tile__page-indicator:after,.fd-tile--slide .fd-tile__page-indicator:before{box-sizing:inherit;font-size:inherit}.fd-tile--slide .fd-tile__dot{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;height:.188rem;height:var(--fdSlide_Tile_Indicator_Dot_Size, .188rem);min-height:.188rem;min-height:var(--fdSlide_Tile_Indicator_Dot_Size, .188rem);max-height:.188rem;max-height:var(--fdSlide_Tile_Indicator_Dot_Size, .188rem);width:.188rem;width:var(--fdSlide_Tile_Indicator_Dot_Size, .188rem);min-width:.188rem;min-width:var(--fdSlide_Tile_Indicator_Dot_Size, .188rem);max-width:.188rem;max-width:var(--fdSlide_Tile_Indicator_Dot_Size, .188rem);border-radius:50%;background-color:#6a6d70;background-color:var(--fdSlide_Tile_Indicator_Dot_Color, var(--sapTile_TextColor, #6a6d70));border:none;border:var(--fdSlide_Tile_Indicator_Dot_Border, none);box-shadow:0 0 .063rem #000;box-shadow:0 0 .063rem var(--sapContent_ShadowColor, #000);margin-right:.375rem;margin-right:var(--fdSlide_Tile_Indicator_Dot_Spacing, .375rem)}.fd-tile--slide .fd-tile__dot:after,.fd-tile--slide .fd-tile__dot:before{box-sizing:inherit;font-size:inherit}.fd-tile--slide .fd-tile__dot[dir=rtl],[dir=rtl] .fd-tile--slide .fd-tile__dot{margin-right:0;margin-left:.375rem;margin-left:var(--fdSlide_Tile_Indicator_Dot_Spacing, .375rem)}.fd-tile--slide .fd-tile__dot--active{height:.313rem;height:var(--fdSlide_Tile_Indicator_Ative_Dot_Size, .313rem);min-height:.313rem;min-height:var(--fdSlide_Tile_Indicator_Ative_Dot_Size, .313rem);max-height:.313rem;max-height:var(--fdSlide_Tile_Indicator_Ative_Dot_Size, .313rem);width:.313rem;width:var(--fdSlide_Tile_Indicator_Ative_Dot_Size, .313rem);min-width:.313rem;min-width:var(--fdSlide_Tile_Indicator_Ative_Dot_Size, .313rem);max-width:.313rem;max-width:var(--fdSlide_Tile_Indicator_Ative_Dot_Size, .313rem);background-color:#32363a;background-color:var(--fdSlide_Tile_Indicator_Active_Dot_Color, var(--sapTile_TitleTextColor, #32363a));border:none;border:var(--fdSlide_Tile_Indicator_Active_Dot_Border, none)}.fd-tile--slide .fd-tile__dot:last-child{margin:0}.fd-tile--slide.fd-tile--s .fd-tile__container{height:5.25rem;min-height:5.25rem;max-height:5.25rem;padding-top:.1875rem;padding-right:.4375rem;padding-left:.4375rem}.fd-tile--slide.fd-tile--s .fd-tile__footer-text,.fd-tile--slide.fd-tile--s .fd-tile__subtitle,.fd-tile--slide.fd-tile--s .fd-tile__title{font-size:.75rem;font-size:var(--sapFontSmallSize, .75rem)}.fd-tile--slide.fd-tile--s .fd-tile__page-indicator{margin-bottom:0;margin-top:0}.fd-tile--action .fd-tile__action-close,.fd-tile--action .fd-tile__action-indicator,.fd-tile--action .fd-tile__overlay{display:block}.fd-tile--action .fd-tile__overlay{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;position:absolute;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background:#fff;background:var(--sapTile_Background, #fff);border-radius:.25rem;border-radius:var(--sapElement_BorderCornerRadius, .25rem);opacity:.7;z-index:4}.fd-tile--action .fd-tile__overlay:after,.fd-tile--action .fd-tile__overlay:before{box-sizing:inherit;font-size:inherit}.fd-tile--action .fd-tile__footer,.fd-tile--action .fd-badge{display:none}.fd-tile--action .fd-tile__action-close{height:auto;min-height:auto;max-height:none;width:auto;min-width:auto;max-width:none;display:flex;align-items:flex-start;justify-content:flex-end;position:absolute;padding:0;top:-.375rem;right:-.375rem;z-index:5}.fd-tile--action .fd-tile__action-close[dir=rtl],[dir=rtl] .fd-tile--action .fd-tile__action-close{right:auto;left:-.375rem}.fd-tile--action .fd-tile__action-close [class*=sap-icon],.fd-tile--action .fd-tile__action-close[class*=sap-icon]{color:inherit;background:inherit;font-size:inherit;border-radius:inherit;line-height:1;height:1.375rem;min-height:1.375rem;max-height:1.375rem;width:1.375rem;min-width:1.375rem;max-width:1.375rem;box-sizing:border-box;border-radius:50%;background:#fff;background:var(--sapButton_Background, #fff);border:.0625rem solid #0854a0;border:.0625rem solid var(--sapButton_BorderColor, #0854a0);color:#0854a0;color:var(--sapButton_IconColor, #0854a0);font-size:.75rem}.fd-tile--action .fd-tile__action-close [class*=sap-icon]:before,.fd-tile--action .fd-tile__action-close[class*=sap-icon]:before{line-height:1.25rem}.fd-tile--action .fd-tile__action-close.is-focus,.fd-tile--action .fd-tile__action-close:focus{z-index:5;outline:.0625rem dotted #000;outline:var(--sapContent_FocusWidth, .0625rem) var(--sapContent_FocusStyle, dotted) var(--sapContent_FocusColor, #000);outline-offset:-.0625rem}.fd-tile--action .fd-tile__action-close.is-focus.fd-tile--toggled,.fd-tile--action .fd-tile__action-close:focus.fd-tile--toggled{outline-color:#fff;outline-color:var(--sapContent_ContrastFocusColor, #fff)}.fd-tile--action .fd-tile__action-close::-moz-focus-inner{border:0}.fd-tile--action .fd-tile__action-indicator{position:absolute;bottom:0;right:0;margin-bottom:.25rem;margin-right:.25rem;z-index:5}.fd-tile--action .fd-tile__action-indicator[dir=rtl],[dir=rtl] .fd-tile--action .fd-tile__action-indicator{right:auto;left:0;margin-right:auto;margin-left:.25rem}.fd-tile--action .fd-tile__action-indicator [class*=sap-icon],.fd-tile--action .fd-tile__action-indicator[class*=sap-icon]{color:inherit;background:inherit;font-size:inherit;border-radius:inherit;line-height:1;display:flex;justify-content:center;align-items:center;font-size:1rem;color:#0854a0;color:var(--sapButton_IconColor, #0854a0)}.fd-tile--action .fd-tile__action-close.is-hover,.fd-tile--action .fd-tile__action-close:hover,.fd-tile--action .fd-tile__action-indicator.is-hover,.fd-tile--action .fd-tile__action-indicator:hover,.fd-tile--action .fd-tile__action-close.is-active,.fd-tile--action .fd-tile__action-close:active,.fd-tile--action .fd-tile__action-indicator.is-active,.fd-tile--action .fd-tile__action-indicator:active{background:0 0;border-color:transparent}.fd-tile--action.fd-tile--slide .fd-tile__action-indicator [class*=sap-icon],.fd-tile--action.fd-tile--slide .fd-tile__action-indicator[class*=sap-icon]{color:#fff;color:var(--sapShell_Active_TextColor, #fff)}.fd-tile-container{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;flex-wrap:wrap;width:100%;border-radius:.25rem;border-radius:var(--sapElement_BorderCornerRadius, .25rem);border:.0625rem solid transparent;border:.0625rem solid var(--sapTile_BorderColor, transparent);background-color:#fff;background-color:var(--sapTile_Background, #fff);box-shadow:0 0 0 .0625rem #0000001a,0 .125rem .5rem #0000001a;box-shadow:var(--sapContent_Shadow0, 0 0 0 .0625rem rgba(0, 0, 0, .1), 0 .125rem .5rem 0 rgba(0, 0, 0, .1));padding:.5rem}.fd-tile-container:after,.fd-tile-container:before{box-sizing:inherit;font-size:inherit}.fd-tile-container--list{flex-direction:column;background-color:#fff;background-color:var(--sapGroup_ContentBackground, #fff)}.fd-tile-container--list .fd-tile--line{flex-wrap:wrap;margin-right:0;margin-left:0;max-height:3.25rem}.fd-tile-container--list .fd-tile--line.fd-tile--compact{max-height:2.875rem}.fd-tile-container--list .fd-tile--action .fd-tile__header{mask-image:linear-gradient(linear,right top,left top,from(transparent),color-stop(7%,#000),to(#000));-webkit-mask-image:-webkit-gradient(linear,right top,left top,from(transparent),color-stop(7%,#000),to(#000))}.fd-tile-container--list .fd-tile--action .fd-tile__header[dir=rtl],[dir=rtl] .fd-tile-container--list .fd-tile--action .fd-tile__header{mask-image:linear-gradient(linear,left top,right top,from(transparent),color-stop(7%,#000),to(#000));-webkit-mask-image:-webkit-gradient(linear,left top,right top,from(transparent),color-stop(7%,#000),to(#000))}.fd-tile-container--list .fd-tile__header{flex-wrap:wrap;flex:1}.fd-tile--line{display:flex;align-items:center;justify-content:space-between;min-height:2.25rem;max-height:2.25rem;height:100%;min-width:2rem;max-width:100%;width:auto;padding:0 .5rem;margin-right:1.25rem;margin-top:.125rem;margin-bottom:.125rem;box-shadow:none;background:0 0}.fd-tile--line.is-hover,.fd-tile--line:hover,.fd-tile--line.is-active,.fd-tile--line:active{box-shadow:none}.fd-tile--line.is-disabled,.fd-tile--line:disabled,.fd-tile--line[aria-disabled=true]{opacity:.5;background:0 0;pointer-events:none}.fd-tile--line[dir=rtl],[dir=rtl] .fd-tile--line{margin-right:0;margin-left:1.25rem}.fd-tile--line:last-child{margin-right:0}.fd-tile--line .fd-tile__header{height:100%;min-height:100%;max-height:100%;display:flex;align-items:center;margin:0}.fd-tile--line .fd-tile__title-container{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;align-items:center;max-width:100%}.fd-tile--line .fd-tile__title-container:after,.fd-tile--line .fd-tile__title-container:before{box-sizing:inherit;font-size:inherit}.fd-tile--line .fd-tile__subtitle,.fd-tile--line .fd-tile__title{font-size:.875rem;font-size:var(--sapFontSize, .875rem);text-shadow:0 0 .125rem #fff;text-shadow:var(--sapContent_TextShadow, 0 0 .125rem #fff);color:#6a6d70;color:var(--sapTile_TextColor, #6a6d70);line-height:1.625rem;min-width:2rem}.fd-tile--line .fd-tile__title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:.625rem;color:#0854a0;color:var(--sapButton_TextColor, #0854a0);display:inline;-webkit-line-clamp:initial}.fd-tile--line .fd-tile__title[dir=rtl],[dir=rtl] .fd-tile--line .fd-tile__title{margin-right:0;margin-left:.625rem}.fd-tile--line.fd-tile--compact{min-height:1.625rem;max-height:1.625rem}.fd-tile--line.fd-tile--compact .fd-tile__subtitle,.fd-tile--line.fd-tile--compact .fd-tile__title{line-height:1.4375rem}.fd-tile--line.fd-tile--compact .fd-tile__title{margin-right:.5rem}.fd-tile--line.fd-tile--compact .fd-tile__title[dir=rtl],[dir=rtl] .fd-tile--line.fd-tile--compact .fd-tile__title{margin-right:0;margin-left:.5rem}.fd-tile--line.fd-tile--action{padding-right:0}.fd-tile--line.fd-tile--action[dir=rtl],[dir=rtl] .fd-tile--line.fd-tile--action{padding-left:0;padding-right:.5rem}.fd-tile--line.fd-tile--action .fd-tile__action-container{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;align-items:center;margin-left:.25rem}.fd-tile--line.fd-tile--action .fd-tile__action-container:after,.fd-tile--line.fd-tile--action .fd-tile__action-container:before{box-sizing:inherit;font-size:inherit}.fd-tile--line.fd-tile--action .fd-tile__action-container[dir=rtl],[dir=rtl] .fd-tile--line.fd-tile--action .fd-tile__action-container{margin-left:0;margin-right:.25rem}.fd-tile--line.fd-tile--action .fd-tile__action-close{height:1.625rem;min-height:1.625rem;max-height:1.625rem;position:relative;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;padding:0 .25rem}.fd-tile--line.fd-tile--action .fd-tile__action-indicator{margin:0}.fd-tile--line.fd-tile--action .fd-tile__action-close,.fd-tile--line.fd-tile--action .fd-tile__action-indicator{position:relative;top:0;left:0;right:0;bottom:0}.fd-tile--line.fd-tile--action .fd-tile__action-close.is-focus,.fd-tile--line.fd-tile--action .fd-tile__action-close:focus,.fd-tile--line.fd-tile--action .fd-tile__action-indicator.is-focus,.fd-tile--line.fd-tile--action .fd-tile__action-indicator:focus{z-index:5;outline:.0625rem dotted #000;outline:var(--sapContent_FocusWidth, .0625rem) var(--sapContent_FocusStyle, dotted) var(--sapContent_FocusColor, #000);outline-offset:0}.fd-tile--line.fd-tile--action .fd-tile__action-close.is-focus.fd-tile--toggled,.fd-tile--line.fd-tile--action .fd-tile__action-close:focus.fd-tile--toggled,.fd-tile--line.fd-tile--action .fd-tile__action-indicator.is-focus.fd-tile--toggled,.fd-tile--line.fd-tile--action .fd-tile__action-indicator:focus.fd-tile--toggled{outline-color:#fff;outline-color:var(--sapContent_ContrastFocusColor, #fff)}.fd-tile--line .fd-badge{position:relative;top:0;left:0;right:0;bottom:0;margin-right:.375rem;flex-shrink:0}.fd-tile--line .fd-badge[dir=rtl],[dir=rtl] .fd-tile--line .fd-badge{margin-left:.375rem;margin-right:0;left:0;right:0}.fd-numeric-content{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;height:3rem;width:100%}.fd-numeric-content:after,.fd-numeric-content:before{box-sizing:inherit;font-size:inherit}.fd-numeric-content__kpi-container,.fd-numeric-content__launch-icon-container{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;align-items:center;height:100%;overflow:hidden;padding-top:.125rem;margin-right:.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{box-sizing:inherit;font-size:inherit}.fd-numeric-content__kpi-container[dir=rtl],.fd-numeric-content__launch-icon-container[dir=rtl],[dir=rtl] .fd-numeric-content__kpi-container,[dir=rtl] .fd-numeric-content__launch-icon-container{margin-right:0;margin-left:.375rem}.fd-numeric-content__kpi-container:first-child:last-child,.fd-numeric-content__launch-icon-container:first-child:last-child{margin:0}.fd-numeric-content__launch-icon-container{width:1.75rem;min-width:1.75rem;max-width:1.75rem}.fd-numeric-content__scale-container{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;height:100%;overflow:hidden;padding-top:.5rem;padding-bottom:.375rem}.fd-numeric-content__scale-container:after,.fd-numeric-content__scale-container:before{box-sizing:inherit;font-size:inherit}.fd-numeric-content__scale-container:first-child:last-child{margin:0}.fd-numeric-content__launch-icon [class*=sap-icon],.fd-numeric-content__launch-icon[class*=sap-icon]{color:inherit;background:inherit;font-size:inherit;border-radius:inherit;line-height:1;line-height:normal;font-size:1.75rem;color:#5a7da0;color:var(--sapTile_IconColor, #5a7da0)}.fd-numeric-content__kpi{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;line-height:normal;color:#6a6d70;color:var(--sapNeutralTextColor, #6a6d70);font-weight:lighter;font-size:2.25rem}.fd-numeric-content__kpi:after,.fd-numeric-content__kpi:before{box-sizing:inherit;font-size:inherit}.fd-numeric-content__kpi--positive{color:#107e3e;color:var(--sapPositiveTextColor, #107e3e)}.fd-numeric-content__kpi--critical{color:#df6e0c;color:var(--sapCriticalTextColor, #df6e0c)}.fd-numeric-content__kpi--negative{color:#b00;color:var(--sapNegativeTextColor, #b00)}.fd-numeric-content__kpi--informative{color:#0a6ed1;color:var(--sapInformativeTextColor, #0a6ed1)}.fd-numeric-content__scale{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;align-items:center;flex-direction:column;justify-content:space-between}.fd-numeric-content__scale:after,.fd-numeric-content__scale:before{box-sizing:inherit;font-size:inherit}.fd-numeric-content__scale-arrow [class*=sap-icon],.fd-numeric-content__scale-arrow[class*=sap-icon]{color:inherit;background:inherit;font-size:inherit;border-radius:inherit;line-height:1;font-size:.875rem;line-height:normal;color:#6a6d70;color:var(--sapNeutralTextColor, #6a6d70)}.fd-numeric-content__scale-text{font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;font-size:.875rem;line-height:normal;color:#6a6d70;color:var(--sapNeutralTextColor, #6a6d70)}.fd-numeric-content__scale-text:after,.fd-numeric-content__scale-text:before{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:#107e3e;color:var(--sapPositiveTextColor, #107e3e)}.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:#df6e0c;color:var(--sapCriticalTextColor, #df6e0c)}.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:#b00;color:var(--sapNegativeTextColor, #b00)}.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:#0a6ed1;color:var(--sapInformativeTextColor, #0a6ed1)}.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{padding-top:0;margin-right:.5rem}.fd-numeric-content--m .fd-numeric-content__kpi-container[dir=rtl],.fd-numeric-content--m .fd-numeric-content__launch-icon-container[dir=rtl],[dir=rtl] .fd-numeric-content--m .fd-numeric-content__kpi-container,[dir=rtl] .fd-numeric-content--m .fd-numeric-content__launch-icon-container{margin-right:0;margin-left:.5rem}.fd-numeric-content--m .fd-numeric-content__launch-icon-container{align-items:flex-end}.fd-numeric-content--m .fd-numeric-content__scale-container{padding-top:.375rem;padding-bottom:.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{padding-top:0;margin-right:.5rem}.fd-numeric-content--s .fd-numeric-content__kpi-container[dir=rtl],.fd-numeric-content--s .fd-numeric-content__launch-icon-container[dir=rtl],[dir=rtl] .fd-numeric-content--s .fd-numeric-content__kpi-container,[dir=rtl] .fd-numeric-content--s .fd-numeric-content__launch-icon-container{margin-right:0;margin-left:.5rem}.fd-numeric-content--s .fd-numeric-content__scale-container{padding-top:0;padding-bottom:.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{padding-top:.5rem;margin-right:.375rem}.fd-numeric-content--small-tile .fd-numeric-content__kpi-container[dir=rtl],.fd-numeric-content--small-tile .fd-numeric-content__launch-icon-container[dir=rtl],[dir=rtl] .fd-numeric-content--small-tile .fd-numeric-content__kpi-container,[dir=rtl] .fd-numeric-content--small-tile .fd-numeric-content__launch-icon-container{margin-right:0;margin-left:.375rem}.fd-numeric-content--small-tile .fd-numeric-content__launch-icon-container{width:1.5rem;min-width:1.5rem;max-width:1.5rem}.fd-numeric-content--small-tile .fd-numeric-content__scale-container{padding-top:.25rem;padding-bottom:.25rem}.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],.fd-numeric-content--small-tile .fd-numeric-content__kpi{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{padding-top:.5rem;margin-right:.375rem}.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__kpi-container[dir=rtl],.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__launch-icon-container[dir=rtl],[dir=rtl] .fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__kpi-container,[dir=rtl] .fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__launch-icon-container{margin-right:0;margin-left:.375rem}.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__launch-icon-container{width:1.5rem;min-width:1.5rem;max-width:1.5rem}.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__scale-container{padding-top:.25rem;padding-bottom:.25rem}.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],.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__kpi{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{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{padding-top:.5rem;margin-right:.375rem}.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__kpi-container[dir=rtl],.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__launch-icon-container[dir=rtl],[dir=rtl] .fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__kpi-container,[dir=rtl] .fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__launch-icon-container{margin-right:0;margin-left:.375rem}.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__launch-icon-container{width:1.5rem;min-width:1.5rem;max-width:1.5rem}.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__scale-container{padding-top:.25rem;padding-bottom:.25rem}.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],.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__kpi{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{padding-top:0}/*!\n * Fundamental Library Styles v0.21.0-rc.92\n * Copyright (c) 2022 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-badge{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:1rem;max-width:calc(100% - 1rem);font-size:.75rem;font-size:var(--sapFontSmallSize, .75rem);line-height:normal;font-weight:700;background:#0854a0;background:var(--sapHighlightColor, #0854a0);color:#fff;color:var(--sapContent_ContrastTextColor, #fff);padding:0 .5rem;border:.0625rem solid transparent;border:.0625rem solid var(--fdBadge_Border_Color, transparent);border-radius:.5rem;position:absolute;right:.5rem;top:-.55rem;z-index:10}.fd-badge:after,.fd-badge:before{box-sizing:inherit;font-size:inherit}.fd-badge[dir=rtl],[dir=rtl] .fd-badge{right:auto;left:.5rem}.fd-badge--static{position:static}\n"] }]
|
|
63
63
|
}], propDecorators: { class: [{
|
|
64
64
|
type: Input
|
|
65
65
|
}], size: [{
|