:host(:not([hidden])){display:block;width:100%;container-type:inline-size;border-radius:var(--_ui5_banner_border_radius);background-color:var(--_ui5_banner_background);background-image:var(--_ui5_banner_background_image);background-repeat:no-repeat;background-position:top;background-size:cover}.ui5-banner-root{box-sizing:border-box;min-height:5.75rem;border-radius:inherit;background-color:inherit;background-image:inherit;background-size:inherit;box-shadow:var(--_ui5_banner_box_shadow);overflow:hidden;position:relative}.ui5-banner-content{display:flex;flex-direction:column;gap:1rem;box-sizing:border-box;padding:1.5rem;color:var(--_ui5_banner_text_color);font-family:var(--sapFontFamily);font-size:var(--sapFontSize)}.ui5-banner-header{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;gap:1rem}.ui5-banner-header-text{display:flex;flex-direction:column;gap:.25rem;flex:1 1 auto;min-width:0}.ui5-banner-actions{display:flex;align-items:center;gap:.5rem;flex:0 0 auto;--sapButton_Lite_TextColor: var(--_ui5_banner_text_color);--sapButton_Lite_Hover_TextColor: var(--_ui5_banner_text_color);--sapButton_Lite_Active_TextColor: var(--_ui5_banner_text_color);--sapButton_Lite_Hover_Background: color-mix(in srgb, var(--_ui5_banner_text_color) 15%, transparent);--sapButton_Lite_Active_Background: color-mix(in srgb, var(--_ui5_banner_text_color) 25%, transparent);--sapButton_IconColor: var(--_ui5_banner_text_color)}.ui5-banner-actions-bottom-start{align-self:flex-start;margin-top:.5rem}.ui5-banner-heading{font-family:var(--sapFontHeaderFamily);font-size:var(--sapFontHeader3Size);font-weight:400;text-align:start;color:var(--_ui5_banner_text_color);line-height:1.4;margin:0;padding:0}.ui5-banner-overline{font-family:var(--sapFontFamily);font-size:var(--sapFontSize);text-align:start;color:var(--_ui5_banner_text_color);line-height:1.4}.ui5-banner-block{box-sizing:border-box;min-width:0}.ui5-banner-content:not(:has(.ui5-banner-block-start)) .ui5-banner-block-end{display:flex;flex-direction:column;width:100%}.ui5-banner-content.ui5-banner-columns-equal{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr}.ui5-banner-columns-equal .ui5-banner-header{grid-column:1 / -1;grid-row:1}.ui5-banner-columns-equal .ui5-banner-block-start{grid-column:1;grid-row:2}.ui5-banner-columns-equal:not(:has(.ui5-banner-block-end)) .ui5-banner-block-start{grid-column:1 / -1}.ui5-banner-columns-equal .ui5-banner-block-end{grid-column:2;grid-row:2}.ui5-banner-content.ui5-banner-columns-first-wider{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:auto 1fr}.ui5-banner-columns-first-wider .ui5-banner-header{grid-column:1 / -1;grid-row:1}.ui5-banner-columns-first-wider .ui5-banner-block-start{grid-column:1;grid-row:2}.ui5-banner-columns-first-wider:not(:has(.ui5-banner-block-end)) .ui5-banner-block-start{grid-column:1 / -1}.ui5-banner-columns-first-wider .ui5-banner-block-end{grid-column:2;grid-row:2}:host([actions-placement="BottomStart"]) .ui5-banner-root:has(.ui5-banner-block-end):not(:has(.ui5-banner-block-start)){display:flex;flex-direction:column}:host([actions-placement="BottomStart"]) .ui5-banner-root:has(.ui5-banner-block-end):not(:has(.ui5-banner-block-start)) .ui5-banner-content{flex:1}:host([actions-placement="BottomStart"]) .ui5-banner-content:has(.ui5-banner-block-end):not(:has(.ui5-banner-block-start)):not(.ui5-banner-columns-equal):not(.ui5-banner-columns-first-wider){display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr;align-items:stretch}:host([actions-placement="BottomStart"]) .ui5-banner-content:has(.ui5-banner-block-end):not(:has(.ui5-banner-block-start)):not(.ui5-banner-columns-equal):not(.ui5-banner-columns-first-wider) .ui5-banner-header{grid-column:1;grid-row:1;align-self:stretch;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}:host([actions-placement="BottomStart"]) .ui5-banner-content:has(.ui5-banner-block-end):not(:has(.ui5-banner-block-start)):not(.ui5-banner-columns-equal):not(.ui5-banner-columns-first-wider) .ui5-banner-block-end{grid-column:2;grid-row:1;height:100%;display:flex;flex-direction:column;align-items:flex-end;justify-content:center}:host([actions-placement="BottomStart"]) .ui5-banner-columns-equal:has(.ui5-banner-block-start) .ui5-banner-header,:host([actions-placement="BottomStart"]) .ui5-banner-columns-first-wider:has(.ui5-banner-block-start) .ui5-banner-header{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}:host([actions-placement="BottomStart"]) .ui5-banner-columns-equal:not(:has(.ui5-banner-block-start)),:host([actions-placement="BottomStart"]) .ui5-banner-columns-first-wider:not(:has(.ui5-banner-block-start)){grid-template-rows:1fr;align-items:stretch}:host([actions-placement="BottomStart"]) .ui5-banner-columns-equal:not(:has(.ui5-banner-block-start)) .ui5-banner-header,:host([actions-placement="BottomStart"]) .ui5-banner-columns-first-wider:not(:has(.ui5-banner-block-start)) .ui5-banner-header{grid-column:1;grid-row:1;align-self:stretch;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}:host([actions-placement="BottomStart"]) .ui5-banner-columns-equal:not(:has(.ui5-banner-block-start)) .ui5-banner-block-end,:host([actions-placement="BottomStart"]) .ui5-banner-columns-first-wider:not(:has(.ui5-banner-block-start)) .ui5-banner-block-end{grid-column:2;grid-row:1;align-self:stretch;height:100%;display:flex;flex-direction:column;justify-content:center}:host([header-block-placement="Bottom"]) .ui5-banner-content:not(.ui5-banner-columns-equal):not(.ui5-banner-columns-first-wider) .ui5-banner-header{margin-top:auto}:host([header-block-placement="Bottom"]) .ui5-banner-columns-equal:not(:has(.ui5-banner-block-start)),:host([header-block-placement="Bottom"]) .ui5-banner-columns-first-wider:not(:has(.ui5-banner-block-start)){grid-template-rows:1fr;align-items:stretch;min-height:12rem}:host([header-block-placement="Bottom"]) .ui5-banner-columns-equal:not(:has(.ui5-banner-block-start)):has(.ui5-banner-actions-grid-item),:host([header-block-placement="Bottom"]) .ui5-banner-columns-first-wider:not(:has(.ui5-banner-block-start)):has(.ui5-banner-actions-grid-item){grid-template-rows:auto 1fr}:host([header-block-placement="Bottom"]) .ui5-banner-columns-equal:not(:has(.ui5-banner-block-start)) .ui5-banner-header,:host([header-block-placement="Bottom"]) .ui5-banner-columns-first-wider:not(:has(.ui5-banner-block-start)) .ui5-banner-header{grid-column:1;grid-row:1;align-self:end}:host([header-block-placement="Bottom"]) .ui5-banner-columns-equal:not(:has(.ui5-banner-block-start)):has(.ui5-banner-actions-grid-item) .ui5-banner-header,:host([header-block-placement="Bottom"]) .ui5-banner-columns-first-wider:not(:has(.ui5-banner-block-start)):has(.ui5-banner-actions-grid-item) .ui5-banner-header{grid-row:1 / 3;align-self:end}:host([header-block-placement="Bottom"]) .ui5-banner-columns-equal:not(:has(.ui5-banner-block-start)) .ui5-banner-actions-grid-item,:host([header-block-placement="Bottom"]) .ui5-banner-columns-first-wider:not(:has(.ui5-banner-block-start)) .ui5-banner-actions-grid-item{grid-column:2;grid-row:1;align-self:start;justify-self:end;min-width:0}:host([header-block-placement="Bottom"]) .ui5-banner-columns-equal:not(:has(.ui5-banner-block-start)) .ui5-banner-block-end,:host([header-block-placement="Bottom"]) .ui5-banner-columns-first-wider:not(:has(.ui5-banner-block-start)) .ui5-banner-block-end{grid-column:2;grid-row:1;align-self:stretch;height:100%}:host([header-block-placement="Bottom"]) .ui5-banner-columns-equal:not(:has(.ui5-banner-block-start)):has(.ui5-banner-actions-grid-item) .ui5-banner-block-end,:host([header-block-placement="Bottom"]) .ui5-banner-columns-first-wider:not(:has(.ui5-banner-block-start)):has(.ui5-banner-actions-grid-item) .ui5-banner-block-end{grid-row:2}@container (max-width: 599px){.ui5-banner-content.ui5-banner-columns-equal,.ui5-banner-content.ui5-banner-columns-first-wider{display:flex;flex-direction:column}:host([header-block-placement="Bottom"]) .ui5-banner-columns-first-wider:not(:has(.ui5-banner-block-start)):has(.ui5-banner-actions-grid-item) .ui5-banner-header,:host([header-block-placement="Bottom"]) .ui5-banner-columns-equal:not(:has(.ui5-banner-block-start)) .ui5-banner-header{align-self:flex-start}.ui5-banner-header{order:1;flex-direction:column;align-items:flex-start}.ui5-banner-actions,.ui5-banner-actions-grid-item{order:2;flex-direction:column;align-items:flex-start}.ui5-banner-block-start{order:3}.ui5-banner-block-end{order:4}:host([actions-placement="BottomStart"]) .ui5-banner-content:has(.ui5-banner-block-end):not(:has(.ui5-banner-block-start)):not(.ui5-banner-columns-equal):not(.ui5-banner-columns-first-wider){display:flex;flex-direction:column}:host([actions-placement="BottomStart"]) .ui5-banner-content:has(.ui5-banner-block-end):not(:has(.ui5-banner-block-start)):not(.ui5-banner-columns-equal):not(.ui5-banner-columns-first-wider) .ui5-banner-block-end{justify-content:center}.ui5-banner-content:not(:has(.ui5-banner-block-start)) .ui5-banner-block-end{justify-content:center;width:100%}}