@ui5/webcomponents-fiori 2.23.0-rc.2 → 2.23.1

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.
Files changed (123) hide show
  1. package/CHANGELOG.md +71 -0
  2. package/dist/.tsbuildinfo +1 -1
  3. package/dist/HeroBanner.d.ts +147 -0
  4. package/dist/HeroBanner.js +165 -0
  5. package/dist/HeroBanner.js.map +1 -0
  6. package/dist/HeroBannerTemplate.d.ts +2 -0
  7. package/dist/HeroBannerTemplate.js +17 -0
  8. package/dist/HeroBannerTemplate.js.map +1 -0
  9. package/dist/NotificationListItem.d.ts +0 -1
  10. package/dist/NotificationListItem.js +2 -3
  11. package/dist/NotificationListItem.js.map +1 -1
  12. package/dist/ShellBar.d.ts +0 -1
  13. package/dist/ShellBar.js +2 -11
  14. package/dist/ShellBar.js.map +1 -1
  15. package/dist/ShellBarTemplate.js +1 -1
  16. package/dist/ShellBarTemplate.js.map +1 -1
  17. package/dist/bundle.esm.js +1 -0
  18. package/dist/bundle.esm.js.map +1 -1
  19. package/dist/css/themes/HeroBanner.css +1 -0
  20. package/dist/css/themes/sap_fiori_3/parameters-bundle.css +1 -1
  21. package/dist/css/themes/sap_fiori_3_dark/parameters-bundle.css +1 -1
  22. package/dist/css/themes/sap_fiori_3_hcb/parameters-bundle.css +1 -1
  23. package/dist/css/themes/sap_fiori_3_hcw/parameters-bundle.css +1 -1
  24. package/dist/css/themes/sap_horizon/parameters-bundle.css +1 -1
  25. package/dist/css/themes/sap_horizon_auto/parameters-bundle.css +6 -0
  26. package/dist/css/themes/sap_horizon_dark/parameters-bundle.css +6 -0
  27. package/dist/css/themes/sap_horizon_dark_exp/parameters-bundle.css +6 -0
  28. package/dist/css/themes/sap_horizon_exp/parameters-bundle.css +6 -0
  29. package/dist/css/themes/sap_horizon_hc_auto/parameters-bundle.css +6 -0
  30. package/dist/css/themes/sap_horizon_hcb/parameters-bundle.css +6 -0
  31. package/dist/css/themes/sap_horizon_hcb_exp/parameters-bundle.css +6 -0
  32. package/dist/css/themes/sap_horizon_hcw/parameters-bundle.css +6 -0
  33. package/dist/css/themes/sap_horizon_hcw_exp/parameters-bundle.css +6 -0
  34. package/dist/custom-elements-internal.json +381 -136
  35. package/dist/custom-elements.json +269 -4
  36. package/dist/generated/assets/themes/sap_fiori_3/parameters-bundle.css.json +1 -1
  37. package/dist/generated/assets/themes/sap_fiori_3_dark/parameters-bundle.css.json +1 -1
  38. package/dist/generated/assets/themes/sap_fiori_3_hcb/parameters-bundle.css.json +1 -1
  39. package/dist/generated/assets/themes/sap_fiori_3_hcw/parameters-bundle.css.json +1 -1
  40. package/dist/generated/assets/themes/sap_horizon/parameters-bundle.css.json +1 -1
  41. package/dist/generated/assets/themes/sap_horizon_auto/parameters-bundle.css.json +1 -1
  42. package/dist/generated/assets/themes/sap_horizon_dark/parameters-bundle.css.json +1 -1
  43. package/dist/generated/assets/themes/sap_horizon_dark_exp/parameters-bundle.css.json +1 -1
  44. package/dist/generated/assets/themes/sap_horizon_exp/parameters-bundle.css.json +1 -1
  45. package/dist/generated/assets/themes/sap_horizon_hc_auto/parameters-bundle.css.json +1 -1
  46. package/dist/generated/assets/themes/sap_horizon_hcb/parameters-bundle.css.json +1 -1
  47. package/dist/generated/assets/themes/sap_horizon_hcb_exp/parameters-bundle.css.json +1 -1
  48. package/dist/generated/assets/themes/sap_horizon_hcw/parameters-bundle.css.json +1 -1
  49. package/dist/generated/assets/themes/sap_horizon_hcw_exp/parameters-bundle.css.json +1 -1
  50. package/dist/generated/themes/HeroBanner.css.d.ts +2 -0
  51. package/dist/generated/themes/HeroBanner.css.js +8 -0
  52. package/dist/generated/themes/HeroBanner.css.js.map +1 -0
  53. package/dist/generated/themes/sap_fiori_3/parameters-bundle.css.d.ts +1 -1
  54. package/dist/generated/themes/sap_fiori_3/parameters-bundle.css.js +1 -1
  55. package/dist/generated/themes/sap_fiori_3/parameters-bundle.css.js.map +1 -1
  56. package/dist/generated/themes/sap_fiori_3_dark/parameters-bundle.css.d.ts +1 -1
  57. package/dist/generated/themes/sap_fiori_3_dark/parameters-bundle.css.js +1 -1
  58. package/dist/generated/themes/sap_fiori_3_dark/parameters-bundle.css.js.map +1 -1
  59. package/dist/generated/themes/sap_fiori_3_hcb/parameters-bundle.css.d.ts +1 -1
  60. package/dist/generated/themes/sap_fiori_3_hcb/parameters-bundle.css.js +1 -1
  61. package/dist/generated/themes/sap_fiori_3_hcb/parameters-bundle.css.js.map +1 -1
  62. package/dist/generated/themes/sap_fiori_3_hcw/parameters-bundle.css.d.ts +1 -1
  63. package/dist/generated/themes/sap_fiori_3_hcw/parameters-bundle.css.js +1 -1
  64. package/dist/generated/themes/sap_fiori_3_hcw/parameters-bundle.css.js.map +1 -1
  65. package/dist/generated/themes/sap_horizon/parameters-bundle.css.d.ts +1 -1
  66. package/dist/generated/themes/sap_horizon/parameters-bundle.css.js +1 -1
  67. package/dist/generated/themes/sap_horizon/parameters-bundle.css.js.map +1 -1
  68. package/dist/generated/themes/sap_horizon_auto/parameters-bundle.css.d.ts +1 -1
  69. package/dist/generated/themes/sap_horizon_auto/parameters-bundle.css.js +6 -0
  70. package/dist/generated/themes/sap_horizon_auto/parameters-bundle.css.js.map +1 -1
  71. package/dist/generated/themes/sap_horizon_dark/parameters-bundle.css.d.ts +1 -1
  72. package/dist/generated/themes/sap_horizon_dark/parameters-bundle.css.js +6 -0
  73. package/dist/generated/themes/sap_horizon_dark/parameters-bundle.css.js.map +1 -1
  74. package/dist/generated/themes/sap_horizon_dark_exp/parameters-bundle.css.d.ts +1 -1
  75. package/dist/generated/themes/sap_horizon_dark_exp/parameters-bundle.css.js +6 -0
  76. package/dist/generated/themes/sap_horizon_dark_exp/parameters-bundle.css.js.map +1 -1
  77. package/dist/generated/themes/sap_horizon_exp/parameters-bundle.css.d.ts +1 -1
  78. package/dist/generated/themes/sap_horizon_exp/parameters-bundle.css.js +6 -0
  79. package/dist/generated/themes/sap_horizon_exp/parameters-bundle.css.js.map +1 -1
  80. package/dist/generated/themes/sap_horizon_hc_auto/parameters-bundle.css.d.ts +1 -1
  81. package/dist/generated/themes/sap_horizon_hc_auto/parameters-bundle.css.js +6 -0
  82. package/dist/generated/themes/sap_horizon_hc_auto/parameters-bundle.css.js.map +1 -1
  83. package/dist/generated/themes/sap_horizon_hcb/parameters-bundle.css.d.ts +1 -1
  84. package/dist/generated/themes/sap_horizon_hcb/parameters-bundle.css.js +6 -0
  85. package/dist/generated/themes/sap_horizon_hcb/parameters-bundle.css.js.map +1 -1
  86. package/dist/generated/themes/sap_horizon_hcb_exp/parameters-bundle.css.d.ts +1 -1
  87. package/dist/generated/themes/sap_horizon_hcb_exp/parameters-bundle.css.js +6 -0
  88. package/dist/generated/themes/sap_horizon_hcb_exp/parameters-bundle.css.js.map +1 -1
  89. package/dist/generated/themes/sap_horizon_hcw/parameters-bundle.css.d.ts +1 -1
  90. package/dist/generated/themes/sap_horizon_hcw/parameters-bundle.css.js +6 -0
  91. package/dist/generated/themes/sap_horizon_hcw/parameters-bundle.css.js.map +1 -1
  92. package/dist/generated/themes/sap_horizon_hcw_exp/parameters-bundle.css.d.ts +1 -1
  93. package/dist/generated/themes/sap_horizon_hcw_exp/parameters-bundle.css.js +6 -0
  94. package/dist/generated/themes/sap_horizon_hcw_exp/parameters-bundle.css.js.map +1 -1
  95. package/dist/types/HeroBannerActionsPlacement.d.ts +20 -0
  96. package/dist/types/HeroBannerActionsPlacement.js +22 -0
  97. package/dist/types/HeroBannerActionsPlacement.js.map +1 -0
  98. package/dist/types/HeroBannerColumnsRatio.d.ts +21 -0
  99. package/dist/types/HeroBannerColumnsRatio.js +23 -0
  100. package/dist/types/HeroBannerColumnsRatio.js.map +1 -0
  101. package/dist/types/HeroBannerHeaderBlockPlacement.d.ts +20 -0
  102. package/dist/types/HeroBannerHeaderBlockPlacement.js +22 -0
  103. package/dist/types/HeroBannerHeaderBlockPlacement.js.map +1 -0
  104. package/dist/vscode.html-custom-data.json +32 -0
  105. package/dist/web-types.json +104 -1
  106. package/package.json +7 -7
  107. package/src/HeroBannerTemplate.tsx +65 -0
  108. package/src/ShellBarTemplate.tsx +1 -1
  109. package/src/themes/HeroBanner.css +359 -0
  110. package/src/themes/base/HeroBanner-parameters.css +8 -0
  111. package/src/themes/sap_fiori_3/parameters-bundle.css +1 -0
  112. package/src/themes/sap_fiori_3_dark/parameters-bundle.css +1 -0
  113. package/src/themes/sap_fiori_3_hcb/parameters-bundle.css +1 -0
  114. package/src/themes/sap_fiori_3_hcw/parameters-bundle.css +1 -0
  115. package/src/themes/sap_horizon/HeroBanner-parameters.css +4 -0
  116. package/src/themes/sap_horizon/parameters-bundle.css +2 -0
  117. package/src/themes/sap_horizon_dark/parameters-bundle.css +1 -0
  118. package/src/themes/sap_horizon_dark_exp/parameters-bundle.css +1 -0
  119. package/src/themes/sap_horizon_exp/parameters-bundle.css +2 -0
  120. package/src/themes/sap_horizon_hcb/parameters-bundle.css +1 -0
  121. package/src/themes/sap_horizon_hcb_exp/parameters-bundle.css +1 -0
  122. package/src/themes/sap_horizon_hcw/parameters-bundle.css +1 -0
  123. package/src/themes/sap_horizon_hcw_exp/parameters-bundle.css +1 -0
@@ -1 +1 @@
1
- ":host {\n --_ui5_fcl_solid_bg: var(--sapBackgroundColor);\n --_ui5_fcl_column_border: solid .0625rem var(--sapGroup_ContentBorderColor);\n --_ui5_fcl_decoration_top: light-dark(linear-gradient(to top, var(--sapObjectHeader_BorderColor), #fff), linear-gradient(to top, var(--sapObjectHeader_BorderColor), #000));\n --_ui5_fcl_decoration_bottom: light-dark(linear-gradient(to bottom, var(--sapObjectHeader_BorderColor), #fff), linear-gradient(to bottom, var(--sapObjectHeader_BorderColor), #000));\n --sapIllus_BrandColorPrimary: var(--sapContent_Illustrative_Color1);\n --sapIllus_BrandColorSecondary: var(--sapContent_Illustrative_Color2);\n --sapIllus_StrokeDetailColor: var(--sapContent_Illustrative_Color4);\n --sapIllus_Layering1: var(--sapContent_Illustrative_Color5);\n --sapIllus_Layering2: var(--sapContent_Illustrative_Color6);\n --sapIllus_BackgroundColor: var(--sapContent_Illustrative_Color7);\n --sapIllus_ObjectFillColor: var(--sapContent_Illustrative_Color8);\n --sapIllus_AccentColor: var(--sapContent_Illustrative_Color3);\n --sapIllus_NoColor: none;\n --sapIllus_PatternShadow: url(#sapIllus_PatternShadow);\n --sapIllus_PatternHighlight: url(#sapIllus_PatternHighlight);\n --_ui5_media_gallery_overflow_btn_background: var(--sapButton_Background);\n --_ui5_media_gallery_overflow_btn_color: var(--sapButton_TextColor);\n --_ui5_media_gallery_overflow_btn_border: 1px solid var(--sapButton_BorderColor);\n --_ui5_media_gallery_thumbnail_border: 1px solid var(--sapContent_ForegroundColor);\n --_ui5_media_gallery_thumbnail_selected_border: 2px solid var(--sapSelectedColor);\n --_ui5_media_gallery_thumbnail_focus_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);\n --_ui5_media_gallery_item_overlay_box_shadow: inset 0px 0px 80px rgba(0, 0, 0, .2);\n --_ui5-notification_item-border-radius: var(--sapTile_BorderCornerRadius);\n --_ui5-notification_group_header-border-bottom-width: 0;\n --_ui5-notification_group_header-margin: 0px;\n --_ui5-notification_group_header-margin-expanded: .5rem;\n --_ui5-notification_group_header-padding: .5rem;\n --_ui5-notification_item-state-icon-padding: .25rem;\n --_ui5-notification_item-border-bottom: var(--sapList_BorderWidth) solid var(--sapList_BorderColor);\n --_ui5-notification_item-border-top-left-right: var(--sapList_BorderWidth) solid var(--sapList_BorderColor);\n --_ui5-notification_item-margin: 0 .5rem .5rem .5rem;\n --_ui5-notification_item-background-color-hover: var(--sapList_Hover_Background);\n --_ui5-notification_item-background-color-active: var(--sapList_SelectionBackgroundColor);\n --_ui5-notification_item-border-active: 1px solid var(--sapList_SelectionBorderColor);\n --_ui5-notification_item-root-padding-inline: 1rem;\n --_ui5-notification_item-content-padding: .75rem 0;\n --_ui5-notification_item-title-margin-bottom: 0;\n --_ui5-notification_item-title-padding-end-two-buttons: var(--_ui5-compact-size, 3.875rem) var(--_ui5-cozy-size, 4.875rem);\n --_ui5-notification_item-title-padding-end-one-button: var(--_ui5-compact-size, 1.875rem) var(--_ui5-cozy-size, 2.375rem);\n --_ui5-notification_item-description-margin-top: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, .75rem);\n --_ui5-notification_item-footer-margin-top: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, .75rem);\n --_ui5-notification_item-focus-offset: .1875rem;\n --_ui5-notification_item-outline-offset: -.375rem;\n --_ui5-notification_item-growing-btn-background-color-active: var(--_ui5-notification_item-background-color-active);\n --_ui5_page_list_bg: var(--sapGroup_ContentBackground);\n --_ui5_page_transparent_bg: var(--sapBackgroundColor);\n --_ui5_product_switch_item_width: 11.25rem;\n --_ui5_product_switch_item_height: 7rem;\n --_ui5_product_switch_item_active_outline_color: var(--sapContent_ContrastFocusColor);\n --_ui5_product_switch_item_outline_offset: -.25rem;\n --_ui5_product_switch_item_border: 1px solid var(--sapField_BorderColor);\n --_ui5_side_navigation_width: 16rem;\n --_ui5_side_navigation_collapsed_width: 4rem;\n --_ui5_side_navigation_navigation_separator_margin: .25rem .5rem .25rem .5rem;\n --_ui5_side_navigation_navigation_separator_background_color: var(--sapList_GroupHeaderBorderColor);\n --_ui5_side_navigation_navigation_separator_radius: unset;\n --_ui5_side_navigation_navigation_separator_height: .0625rem;\n --_ui5_side_navigation_triangle_color: var(--sapContent_IconColor);\n --_ui5_side_navigation_border_right: 0;\n --_ui5_side_navigation_box_shadow: var(--sapContent_Shadow0);\n --_ui5_side_navigation_triangle_display: none;\n --_ui5_side_navigation_icon_color: var(--sapContent_IconColor);\n --_ui5_side_navigation_expand_icon_color: var(--sapContent_NonInteractiveIconColor);\n --_ui5_side_navigation_expand_icon_width: 2.25rem;\n --_ui5_side_navigation_hover_border_style_color: solid var(--sapList_SelectionBorderColor);\n --_ui5_side_navigation_hover_border_width: .0625rem;\n --_ui5_side_navigation_group_border_style_color: solid var(--sapList_BorderColor);\n --_ui5_side_navigation_group_border_width: 0 0 .0625rem 0;\n --_ui5_side_navigation_item_border_style_color: solid var(--sapList_BorderColor);\n --_ui5_side_navigation_item_border_width: 0 0 .0625rem 0;\n --_ui5_side_navigation_item_height: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 2.75rem);\n --_ui5_side_navigation_item_margin: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, .875rem);\n --_ui5_side_navigation_item_expand_arrow_padding: var(--_ui5-compact-size, .3125rem) var(--_ui5-cozy-size, .6875rem);\n --_ui5_side_navigation_item_border_radius: 0;\n --_ui5_side_navigation_item_bottom_margin: .25rem;\n --_ui5_side_navigation_item_padding_start_in_popup: 1rem;\n --_ui5_side_navigation_item_padding_start_in_overflow_popup: 1rem;\n --_ui5_side_navigation_item_transition: none;\n --_ui5_side_navigation_item_padding_left: 1rem;\n --_ui5_side_navigation_item_focus_border_offset: 0;\n --_ui5_side_navigation_item_focus_border_radius: var(--_ui5_side_navigation_item_border_radius);\n --_ui5_side_navigation_collapsed_selected_item_background: 0 100% / .188rem 100% no-repeat linear-gradient(0deg, var(--sapHighlightColor), var(--sapHighlightColor)), var(--sapList_SelectionBackgroundColor);\n --_ui5_side_navigation_collapsed_selected_item_background_hover: 0 100% / .188rem 100% no-repeat linear-gradient(0deg, var(--sapHighlightColor), var(--sapHighlightColor)), var(--sapList_Hover_SelectionBackground);\n --_ui5_side_navigation_selected_item_border_color: var(--sapList_SelectionBorderColor);\n --_ui5_side_navigation_selected_border_style_color: solid var(--_ui5_side_navigation_selected_item_border_color);\n --_ui5_side_navigation_selected_and_focused_border_style_color: none;\n --_ui5_side_navigation_selected_border_width: .0625rem;\n --_ui5_side_navigation_group_expanded_border_width: var(--_ui5_side_navigation_item_border_width);\n --_ui5_side_navigation_group_icon_width: 2.5rem;\n --_ui5_side_navigation_icon_padding_inline_end: .5rem;\n --_ui5_side_navigation_item_font_family: var(--sapFontFamily);\n --_ui5_side_navigation_parent_item_font_family: var(--sapFontSemiboldDuplexFamily);\n --_ui5_side_navigation_group_padding: 1rem;\n --_ui5_side_navigation_padding-flexible: .5rem .5rem 0 .5rem;\n --_ui5_side_navigation_padding-fixed: 0 .5rem .5rem .5rem;\n --_ui5_side_navigation_popup_padding: .5rem;\n --_ui5_side_navigation_popup_title_line_height: 1.5rem;\n --_ui5_side_navigation_first_fixed_item_margin_top: .125rem;\n --_ui5_side_navigation_item_expand_icon_visibility: block;\n --_ui5_side_navigation_item_collapsed_hover_focus_width: fit-content;\n --_ui5_side_navigation_item_collapsed_hover_focus_display: block;\n --_ui5_side_navigation_item_collapsed_hover_focus_padding_right: 1rem;\n --_ui5_side_navigation_action_item_collapsed_padding: 1rem;\n --_ui5_side_navigation_item_collapsed_padding: 3rem;\n --_ui5_side_navigation_action_item_border_hover: var(--sapButton_BorderWidth) solid var(--sapButton_Hover_BorderColor);\n --_ui5_side_navigation_action_item_border_active: var(--sapButton_BorderWidth) solid var(--sapButton_Active_BorderColor);\n --_ui5_side_navigation_item_expand_icon_right: -.5rem;\n --_ui5_side_navigation_item_expand_icon_hover_left: auto;\n --_ui5_side_navigation_item_expand_icon_hover_right: 0;\n --_ui5_side_navigation_active_text_color: var(--sapButton_TextColor);\n --_ui5_side_navigation_last_item_border_style: solid transparent;\n --_ui5_TimelineItem_arrow_size: 1.625rem;\n --_ui5_TimelineItem_bubble_border_width: .0625rem;\n --_ui5_TimelineItem_bubble_border_style: dotted;\n --_ui5_TimelineItem_bubble_border_radius: .25rem;\n --_ui5_TimelineItem_bubble_border_color: var(--sapList_BorderColor);\n --_ui5_TimelineItem_bubble_border_top: -.125rem;\n --_ui5_TimelineItem_bubble_border_right: -.125rem;\n --_ui5_TimelineItem_bubble_border_bottom: -.125rem;\n --_ui5_TimelineItem_bubble_border_left: -.625rem;\n --_ui5_TimelineItem_bubble_rtl_left_offset: -.1875rem;\n --_ui5_TimelineItem_bubble_rtl_right_offset: -.6875rem;\n --_ui5_TimelineItem_bubble_focus_border_radius: 0;\n --_ui5_TimelineItem_horizontal_bubble_focus_top_offset: -.625rem;\n --_ui5_TimelineItem_horizontal_bubble_focus_left_offset: -.125rem;\n --_ui5_TimelineItem_bubble_content_padding: var(--_ui5_tl_bubble_padding);\n --_ui5_TimelineItem_bubble_content_subtitle_padding_top: .375rem;\n --_ui5_TimelineItem_bubble_content_description_padding_top: .75rem;\n --_ui5_tl_bubble_padding: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, 1rem);\n --_ui5_tl_padding: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, 1rem 1rem 1rem .5rem);\n --_ui5_tl_li_margin_bottom: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, 1.625rem);\n --_ui5_timeline_tli_indicator_before_bottom: var(--_ui5-compact-size, -.75rem) var(--_ui5-cozy-size, -1.5rem);\n --_ui5_timeline_tli_indicator_before_right: var(--_ui5-compact-size, -.5rem) var(--_ui5-cozy-size, -1.625rem);\n --_ui5_timeline_tli_indicator_before_without_icon_bottom: var(--_ui5-compact-size, -1rem) var(--_ui5-cozy-size, -1.875rem);\n --_ui5_timeline_tli_indicator_before_without_icon_right: var(--_ui5-compact-size, -.8125rem) var(--_ui5-cozy-size, -1.9375rem);\n --_ui5_timeline_tli_indicator_after_top: var(--_ui5-compact-size, calc(-100% + .9375rem) ) var(--_ui5-cozy-size, calc(-100% - 1rem) );\n --_ui5_timeline_tli_indicator_after_height: var(--_ui5-compact-size, calc(100% - .75rem) ) var(--_ui5-cozy-size, calc(100% + 1rem) );\n --_ui5_timeline_tli_indicator_before_height: var(--_ui5-compact-size, calc(100% - 1.25rem) ) var(--_ui5-cozy-size, 100%);\n --_ui5_timeline_tli_horizontal_indicator_after_width: var(--_ui5-compact-size, var(--_ui5_timeline_tli_indicator_after_height)) var(--_ui5-cozy-size, calc(100% + .25rem) );\n --_ui5_timeline_tli_horizontal_indicator_after_left: var(--_ui5-compact-size, 1.8625rem) var(--_ui5-cozy-size, 1.9375rem);\n --_ui5_timeline_tli_horizontal_without_icon_indicator_before_width: var(--_ui5-compact-size, var(--_ui5_timeline_tli_indicator_after_height)) var(--_ui5-cozy-size, calc(100% + .5rem) );\n --_ui5_timeline_tli_horizontal_indicator_before_width: var(--_ui5-compact-size, var(--_ui5_timeline_tli_indicator_after_height)) var(--_ui5-cozy-size, calc(100% + .5rem) );\n --_ui5_timeline_tli_icon_horizontal_indicator_after_width: var(--_ui5-compact-size, var(--_ui5_timeline_tli_indicator_after_height)) var(--_ui5-cozy-size, calc(100% + .25rem) );\n --_ui5_timeline_tli_without_icon_horizontal_indicator_before_width: var(--_ui5-compact-size, calc(100% - .625rem) ) var(--_ui5-cozy-size, calc(100% + .375rem) );\n --_ui5_timeline_tli_horizontal_indicator_short_after_width: var(--_ui5-compact-size, calc(100% - 1rem) ) var(--_ui5-cozy-size, 100%);\n --ui5_upload_collection_drag_overlay_border: .1875rem dashed var(--sapField_BorderColor);\n --ui5_upload_collection_drop_overlay_border: .1875rem solid var(--sapContent_DragAndDropActiveColor);\n --ui5_upload_collection_drop_overlay_background: var(--sapContent_DragAndDropActiveColor);\n --ui5_upload_collection_thumbnail_size: 3rem;\n --ui5_upload_collection_thumbnail_margin_inline_end: .75rem;\n --ui5_upload_collection_small_size_buttons_margin_block_start: .5rem;\n --ui5_upload_collection_small_size_buttons_margin_inline_start: 0;\n --ui5_upload_collection_drag_overlay_text_color: var(--sapTextColor);\n --ui5_upload_collection_drag_overlay_icon_color: var(--sapTextColor);\n --ui5_upload_collection_drag_overlay_border_radius: 0;\n --ui5_upload_collection_drag_overlay_opacity: .5;\n --_ui5_vsd_header_container: var(--_ui5-compact-size, 2.5rem) var(--_ui5-cozy-size, 2.75rem);\n --_ui5_vsd_sub_header_container_height: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 2.75rem);\n --_ui5_vsd_content_li_padding: .375rem;\n --_ui5_vsd_content_height: 23.4375rem;\n --_ui5_vsd_expand_content_height: var(--_ui5-compact-size, 25.4375rem) var(--_ui5-cozy-size, 26.1875rem);\n --_ui5_wiz_content_item_wrapper_padding: 1rem;\n --_ui5_wiz_content_item_wrapper_bg: var(--sapGroup_ContentBackground);\n --_ui5_wiz_tab_focus_outline: .125rem dotted var(--sapContent_FocusColor);\n --_ui5_wiz_tab_selected_bg: var(--sapContent_Selected_Background);\n --_ui5_wiz_tab_border: 1px solid var(--sapContent_Selected_ForegroundColor);\n --_ui5_wiz_tab_selection_line: var(--sapTextColor);\n --_ui5_wiz_tab_icon_color: var(--sapTextColor);\n --_ui5_wiz_tab_active_separator_color: var(--sapContent_Selected_ForegroundColor);\n --_ui5_wiz_tab_title_color: var(--sapContent_LabelColor);\n --_ui5_wiz_tab_title_font_family: var(--sapFontFamily);\n --_ui5_wiz_tab_focus_border_radius: 0;\n --_ui5_shellbar_root_height: 3.25rem;\n --_ui5_shellbar_logo_outline_color: var(--sapContent_ContrastFocusColor);\n --_ui5_shellbar_logo_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--_ui5_shellbar_logo_outline_color);\n --_ui5_shellbar_outline_offset: -.1875rem;\n --_ui5_shellbar_button_box_shadow: none;\n --_ui5_shellbar_button_box_shadow_active: none;\n --_ui5_shellbar_button_border: var(--sapButton_BorderWidth) solid var(--sapButton_BorderColor);\n --_ui5_shellbar_button_border_radius: var(--sapButton_BorderCornerRadius);\n --_ui5_shellbar_button_focused_border: .125rem dotted var(--sapContent_FocusColor);\n --_ui5_shellbar_button_active_color: var(--sapShell_Active_TextColor);\n --_ui5_shellbar_search_field_background: var(--sapShellColor);\n --_ui5_shellbar_search_field_border: .0625rem solid var(--sapShell_InteractiveBorderColor);\n --_ui5_shellbar_search_field_box_shadow: none;\n --_ui5_shellbar_search_field_color: var(--sapShell_TextColor);\n --_ui5_shellbar_search_field_outline_focused: none;\n --_ui5_shellbar_search_field_width: 25rem;\n --_ui5_shellbar_input_focus_outline_color: inherit;\n --_ui5_shellbar_overflow_container_middle_height: 2.5rem;\n --_ui5_shellbar_menu_button_title_font_size: var(--sapFontHeader5Size);\n --_ui5_shellbar_image_button_border_radius: 50%;\n --_ui5-shellbar-content-margin-start: .5rem;\n --_ui5-shellbar-overflow-button-margin: .5rem;\n --_ui5-shellbar_separator-color: var(--sapToolbar_SeparatorColor);\n --_ui5-shellbar_cancel-button-color: var(--sapButton_Lite_TextColor);\n --_ui5_shellbar_button_badge_border: 1px solid var(--sapGroup_ContentBorderColor);\n --_ui5_shellbar_search_field_background_hover: var(--sapShellColor);\n --_ui5_shellbar_search_field_box_shadow_hover: none;\n --_ui5_search_icon_border_radius: .375rem;\n --_ui5_search_input_border_radius: none;\n --_ui5-search-border: var(--sapField_BorderWidth) var(--sapField_BorderStyle) var(--sapField_BorderColor);\n --_ui5-search-icon-border: var(--sapButton_BorderWidth) solid var(--sapButton_BorderColor);\n --_ui5-search-wrapper-background: none;\n --_ui5_search_separator_background: none;\n --_ui5-search-wrapper-hover-background: none;\n --_ui5-search-wrapper-hover-background-color: none;\n --_ui5-search-elements-hover-background: none;\n --_ui5-search-elements-active-background: none;\n --_ui5_search_input_scope_margin: 0;\n --_ui5-search_input_scope_hover_shadow: none;\n --_ui5-search_input_scope_active_shadow: none;\n --_ui5-search-elements-background: var(--sapShell_InteractiveBackground);\n --_ui5_search_wrapper_outline: none;\n --_ui5_search_input_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapField_Active_BorderColor);\n --_ui5_search_filter_button_border_radius: .375rem;\n --_ui5_seach_filter_button_border_hover: 1px solid var(--sapButton_Hover_BorderColor);\n --_ui5_search_filter_button_border: var(--sapButton_BorderWidth) solid var(--sapButton_BorderColor);\n --_ui5-search-filter_button_background_color: inherit;\n --ui5_search_filter_button_background_active: var(--sapShell_Hover_Background);\n --_ui5_search_icon_size: 2.25rem;\n --_ui5_search_icon_size_default: 2.25rem;\n --_ui5_search_icon_padding: .5625rem;\n --_ui5_search_icon_hover_padding: .5625rem;\n --_ui5_search_input_start_margin: .25rem;\n --_ui5_search_input_end_padding: .25rem;\n --_ui5-search-input-start-padding: .625rem;\n --_ui5-search-select-height: 2.25rem;\n --_ui5-search-loading-overlay-background: var(--sapBackgroundColor);\n --_ui5-search-loading-overlay-transparency: .3;\n --_ui5-search-field-text-color: var(--sapField_TextColor);\n --_ui5_search_item_vertical_padding: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, 1rem);\n --_ui5_search_byline_vertical_padding: .5rem;\n --_ui5_dynamic_page_footer_spacer: 4rem;\n --_ui5_dynamic_page_title_padding_S: .5rem 1rem;\n --_ui5_dynamic_page_title_padding_M: .5rem 2rem;\n --_ui5_dynamic_page_title_padding_L: .5rem 2rem;\n --_ui5_dynamic_page_title_padding_XL: .5rem 3rem;\n --_ui5_dynamic_page_header_padding_S: .5rem 1rem .125rem;\n --_ui5_dynamic_page_header_padding_M: 1rem 2rem;\n --_ui5_dynamic_page_header_padding_L: 1rem 2rem;\n --_ui5_dynamic_page_header_padding_XL: 1rem 3rem;\n --_ui5_dynamic_page_content_padding_S: 1rem 0 0;\n --_ui5_dynamic_page_content_padding_M: 1rem 1rem 0;\n --_ui5_dynamic_page_content_padding_L: 1rem 1rem 0;\n --_ui5_dynamic_page_content_padding_XL: 1rem 2rem 0;\n --ui5_dynamic_page_background: var(--sapBackgroundColor);\n --_ui5_dynamic_page_header_background_color: var(--sapObjectHeader_Background);\n --_ui5_dynamic_page_header-actions-box-shadow: var(--sapContent_Shadow0);\n --_ui5_dynamic_page_header-box-shadow: var(--sapContent_HeaderShadow);\n --_ui5_dynamic_page_actions-lines-color: var(--sapObjectHeader_BorderColor);\n --_ui5_dynamic_page_header-actions-background: var(--sapObjectHeader_Background);\n --_ui5_dynamic_page_header-actions-color: var(--sapButton_TextColor);\n --_ui5_dynamic_page_header-actions-background-pressed: var(--_ui5_dynamic_page_header-actions-background);\n --_ui5_dynamic_page_header-actions-color-pressed: var(--_ui5_dynamic_page_header-actions-color);\n --_ui5_dynamic_page_title_padding_top: .5rem;\n --_ui5_dynamic_page_title_padding_bottom: .5rem;\n --_ui5_dynamic_page_title_min_height: 4rem;\n --_ui5_dynamic_page_title_focus_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);\n --_ui5_dynamic_page_title_focus_outline_offset: -.125rem;\n --_ui5_dynamic_page_title_breadcrumbs_padding_top: .5rem;\n --_ui5_dynamic_page_title_breadcrumbs_padding_bottom: .25rem;\n --_ui5_dynamic_page_title_heading_padding_top: .3125rem;\n --_ui5_dynamic_page_title_subheading_margin_top: .25rem;\n --_ui5_dynamic_page_title_hover_background: var(--sapObjectHeader_Hover_Background);\n --_ui5_dynamic_page_snapped_title_on_mobile_line_height: 2rem;\n --_ui5_dynamic_page_snapped_title_on_mobile_min_height: 2rem;\n --sapContent_TextShadow: none;\n --_ui5_dynamic_page_title_border: .0625rem solid transparent;\n --_ui5_dynamic_page_title_hover_border: .0625rem solid var(--sapObjectHeader_BorderColor);\n --_ui5_timeline_tlgi_line_horizontal_height: 16.375rem;\n --_ui5_timeline_tlgi_root_horizontal_height: var(--_ui5-compact-size, 20.90625rem) var(--_ui5-cozy-size, 21.53125rem);\n --_ui5_timeline_tlgi_compact_icon_before_height: var(--_ui5-compact-size, calc(100% + 1.5rem) ) var(--_ui5-cozy-size, var(--_ui5-f2d95f8));\n --_ui5_timeline_tlgi_horizontal_line_placeholder_before_width: var(--_ui5-compact-size, var(--_ui5_timeline_tlgi_compact_icon_before_height)) var(--_ui5-cozy-size, var(--_ui5-f2d95f8));\n --_ui5_timeline_tlgi_horizontal_compact_root_margin_left: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, var(--_ui5-f2d95f8));\n --_ui5_timeline_tlgi_compact_root_gap: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, var(--_ui5-f2d95f8));\n --_ui5_user_settings_avatar_cozy_display: var(--_ui5-compact-size, none) var(--_ui5-cozy-size, inline-block);\n --_ui5_user_settings_avatar_compact_display: var(--_ui5-compact-size, inline-block) var(--_ui5-cozy-size, none);\n --_ui5_user_settings_item_title_font_size: var(--_ui5-compact-size, var(--sapFontLargeSize)) var(--_ui5-cozy-size, var(--sapFontSize))\n}"
1
+ ":host {\n --_ui5_banner_background: var(--sapShell_HeroBanner_Background);\n --_ui5_banner_text_color: var(--sapShell_HeroBanner_TextColor);\n --_ui5_banner_border_radius: var(--sapTile_BorderCornerRadius);\n --_ui5_banner_border: .0625rem solid var(--sapTile_BorderColor);\n --_ui5_banner_box_shadow: var(--sapContent_Shadow0);\n --_ui5_banner_background_image: var(--sapShell_HeroBanner_BackgroundImage);\n --_ui5_fcl_solid_bg: var(--sapBackgroundColor);\n --_ui5_fcl_column_border: solid .0625rem var(--sapGroup_ContentBorderColor);\n --_ui5_fcl_decoration_top: light-dark(linear-gradient(to top, var(--sapObjectHeader_BorderColor), #fff), linear-gradient(to top, var(--sapObjectHeader_BorderColor), #000));\n --_ui5_fcl_decoration_bottom: light-dark(linear-gradient(to bottom, var(--sapObjectHeader_BorderColor), #fff), linear-gradient(to bottom, var(--sapObjectHeader_BorderColor), #000));\n --sapIllus_BrandColorPrimary: var(--sapContent_Illustrative_Color1);\n --sapIllus_BrandColorSecondary: var(--sapContent_Illustrative_Color2);\n --sapIllus_StrokeDetailColor: var(--sapContent_Illustrative_Color4);\n --sapIllus_Layering1: var(--sapContent_Illustrative_Color5);\n --sapIllus_Layering2: var(--sapContent_Illustrative_Color6);\n --sapIllus_BackgroundColor: var(--sapContent_Illustrative_Color7);\n --sapIllus_ObjectFillColor: var(--sapContent_Illustrative_Color8);\n --sapIllus_AccentColor: var(--sapContent_Illustrative_Color3);\n --sapIllus_NoColor: none;\n --sapIllus_PatternShadow: url(#sapIllus_PatternShadow);\n --sapIllus_PatternHighlight: url(#sapIllus_PatternHighlight);\n --_ui5_media_gallery_overflow_btn_background: var(--sapButton_Background);\n --_ui5_media_gallery_overflow_btn_color: var(--sapButton_TextColor);\n --_ui5_media_gallery_overflow_btn_border: 1px solid var(--sapButton_BorderColor);\n --_ui5_media_gallery_thumbnail_border: 1px solid var(--sapContent_ForegroundColor);\n --_ui5_media_gallery_thumbnail_selected_border: 2px solid var(--sapSelectedColor);\n --_ui5_media_gallery_thumbnail_focus_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);\n --_ui5_media_gallery_item_overlay_box_shadow: inset 0px 0px 80px rgba(0, 0, 0, .2);\n --_ui5-notification_item-border-radius: var(--sapTile_BorderCornerRadius);\n --_ui5-notification_group_header-border-bottom-width: 0;\n --_ui5-notification_group_header-margin: 0px;\n --_ui5-notification_group_header-margin-expanded: .5rem;\n --_ui5-notification_group_header-padding: .5rem;\n --_ui5-notification_item-state-icon-padding: .25rem;\n --_ui5-notification_item-border-bottom: var(--sapList_BorderWidth) solid var(--sapList_BorderColor);\n --_ui5-notification_item-border-top-left-right: var(--sapList_BorderWidth) solid var(--sapList_BorderColor);\n --_ui5-notification_item-margin: 0 .5rem .5rem .5rem;\n --_ui5-notification_item-background-color-hover: var(--sapList_Hover_Background);\n --_ui5-notification_item-background-color-active: var(--sapList_SelectionBackgroundColor);\n --_ui5-notification_item-border-active: 1px solid var(--sapList_SelectionBorderColor);\n --_ui5-notification_item-root-padding-inline: 1rem;\n --_ui5-notification_item-content-padding: .75rem 0;\n --_ui5-notification_item-title-margin-bottom: 0;\n --_ui5-notification_item-title-padding-end-two-buttons: var(--_ui5-compact-size, 3.875rem) var(--_ui5-cozy-size, 4.875rem);\n --_ui5-notification_item-title-padding-end-one-button: var(--_ui5-compact-size, 1.875rem) var(--_ui5-cozy-size, 2.375rem);\n --_ui5-notification_item-description-margin-top: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, .75rem);\n --_ui5-notification_item-footer-margin-top: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, .75rem);\n --_ui5-notification_item-focus-offset: .1875rem;\n --_ui5-notification_item-outline-offset: -.375rem;\n --_ui5-notification_item-growing-btn-background-color-active: var(--_ui5-notification_item-background-color-active);\n --_ui5_page_list_bg: var(--sapGroup_ContentBackground);\n --_ui5_page_transparent_bg: var(--sapBackgroundColor);\n --_ui5_product_switch_item_width: 11.25rem;\n --_ui5_product_switch_item_height: 7rem;\n --_ui5_product_switch_item_active_outline_color: var(--sapContent_ContrastFocusColor);\n --_ui5_product_switch_item_outline_offset: -.25rem;\n --_ui5_product_switch_item_border: 1px solid var(--sapField_BorderColor);\n --_ui5_side_navigation_width: 16rem;\n --_ui5_side_navigation_collapsed_width: 4rem;\n --_ui5_side_navigation_navigation_separator_margin: .25rem .5rem .25rem .5rem;\n --_ui5_side_navigation_navigation_separator_background_color: var(--sapList_GroupHeaderBorderColor);\n --_ui5_side_navigation_navigation_separator_radius: unset;\n --_ui5_side_navigation_navigation_separator_height: .0625rem;\n --_ui5_side_navigation_triangle_color: var(--sapContent_IconColor);\n --_ui5_side_navigation_border_right: 0;\n --_ui5_side_navigation_box_shadow: var(--sapContent_Shadow0);\n --_ui5_side_navigation_triangle_display: none;\n --_ui5_side_navigation_icon_color: var(--sapContent_IconColor);\n --_ui5_side_navigation_expand_icon_color: var(--sapContent_NonInteractiveIconColor);\n --_ui5_side_navigation_expand_icon_width: 2.25rem;\n --_ui5_side_navigation_hover_border_style_color: solid var(--sapList_SelectionBorderColor);\n --_ui5_side_navigation_hover_border_width: .0625rem;\n --_ui5_side_navigation_group_border_style_color: solid var(--sapList_BorderColor);\n --_ui5_side_navigation_group_border_width: 0 0 .0625rem 0;\n --_ui5_side_navigation_item_border_style_color: solid var(--sapList_BorderColor);\n --_ui5_side_navigation_item_border_width: 0 0 .0625rem 0;\n --_ui5_side_navigation_item_height: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 2.75rem);\n --_ui5_side_navigation_item_margin: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, .875rem);\n --_ui5_side_navigation_item_expand_arrow_padding: var(--_ui5-compact-size, .3125rem) var(--_ui5-cozy-size, .6875rem);\n --_ui5_side_navigation_item_border_radius: 0;\n --_ui5_side_navigation_item_bottom_margin: .25rem;\n --_ui5_side_navigation_item_padding_start_in_popup: 1rem;\n --_ui5_side_navigation_item_padding_start_in_overflow_popup: 1rem;\n --_ui5_side_navigation_item_transition: none;\n --_ui5_side_navigation_item_padding_left: 1rem;\n --_ui5_side_navigation_item_focus_border_offset: 0;\n --_ui5_side_navigation_item_focus_border_radius: var(--_ui5_side_navigation_item_border_radius);\n --_ui5_side_navigation_collapsed_selected_item_background: 0 100% / .188rem 100% no-repeat linear-gradient(0deg, var(--sapHighlightColor), var(--sapHighlightColor)), var(--sapList_SelectionBackgroundColor);\n --_ui5_side_navigation_collapsed_selected_item_background_hover: 0 100% / .188rem 100% no-repeat linear-gradient(0deg, var(--sapHighlightColor), var(--sapHighlightColor)), var(--sapList_Hover_SelectionBackground);\n --_ui5_side_navigation_selected_item_border_color: var(--sapList_SelectionBorderColor);\n --_ui5_side_navigation_selected_border_style_color: solid var(--_ui5_side_navigation_selected_item_border_color);\n --_ui5_side_navigation_selected_and_focused_border_style_color: none;\n --_ui5_side_navigation_selected_border_width: .0625rem;\n --_ui5_side_navigation_group_expanded_border_width: var(--_ui5_side_navigation_item_border_width);\n --_ui5_side_navigation_group_icon_width: 2.5rem;\n --_ui5_side_navigation_icon_padding_inline_end: .5rem;\n --_ui5_side_navigation_item_font_family: var(--sapFontFamily);\n --_ui5_side_navigation_parent_item_font_family: var(--sapFontSemiboldDuplexFamily);\n --_ui5_side_navigation_group_padding: 1rem;\n --_ui5_side_navigation_padding-flexible: .5rem .5rem 0 .5rem;\n --_ui5_side_navigation_padding-fixed: 0 .5rem .5rem .5rem;\n --_ui5_side_navigation_popup_padding: .5rem;\n --_ui5_side_navigation_popup_title_line_height: 1.5rem;\n --_ui5_side_navigation_first_fixed_item_margin_top: .125rem;\n --_ui5_side_navigation_item_expand_icon_visibility: block;\n --_ui5_side_navigation_item_collapsed_hover_focus_width: fit-content;\n --_ui5_side_navigation_item_collapsed_hover_focus_display: block;\n --_ui5_side_navigation_item_collapsed_hover_focus_padding_right: 1rem;\n --_ui5_side_navigation_action_item_collapsed_padding: 1rem;\n --_ui5_side_navigation_item_collapsed_padding: 3rem;\n --_ui5_side_navigation_action_item_border_hover: var(--sapButton_BorderWidth) solid var(--sapButton_Hover_BorderColor);\n --_ui5_side_navigation_action_item_border_active: var(--sapButton_BorderWidth) solid var(--sapButton_Active_BorderColor);\n --_ui5_side_navigation_item_expand_icon_right: -.5rem;\n --_ui5_side_navigation_item_expand_icon_hover_left: auto;\n --_ui5_side_navigation_item_expand_icon_hover_right: 0;\n --_ui5_side_navigation_active_text_color: var(--sapButton_TextColor);\n --_ui5_side_navigation_last_item_border_style: solid transparent;\n --_ui5_TimelineItem_arrow_size: 1.625rem;\n --_ui5_TimelineItem_bubble_border_width: .0625rem;\n --_ui5_TimelineItem_bubble_border_style: dotted;\n --_ui5_TimelineItem_bubble_border_radius: .25rem;\n --_ui5_TimelineItem_bubble_border_color: var(--sapList_BorderColor);\n --_ui5_TimelineItem_bubble_border_top: -.125rem;\n --_ui5_TimelineItem_bubble_border_right: -.125rem;\n --_ui5_TimelineItem_bubble_border_bottom: -.125rem;\n --_ui5_TimelineItem_bubble_border_left: -.625rem;\n --_ui5_TimelineItem_bubble_rtl_left_offset: -.1875rem;\n --_ui5_TimelineItem_bubble_rtl_right_offset: -.6875rem;\n --_ui5_TimelineItem_bubble_focus_border_radius: 0;\n --_ui5_TimelineItem_horizontal_bubble_focus_top_offset: -.625rem;\n --_ui5_TimelineItem_horizontal_bubble_focus_left_offset: -.125rem;\n --_ui5_TimelineItem_bubble_content_padding: var(--_ui5_tl_bubble_padding);\n --_ui5_TimelineItem_bubble_content_subtitle_padding_top: .375rem;\n --_ui5_TimelineItem_bubble_content_description_padding_top: .75rem;\n --_ui5_tl_bubble_padding: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, 1rem);\n --_ui5_tl_padding: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, 1rem 1rem 1rem .5rem);\n --_ui5_tl_li_margin_bottom: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, 1.625rem);\n --_ui5_timeline_tli_indicator_before_bottom: var(--_ui5-compact-size, -.75rem) var(--_ui5-cozy-size, -1.5rem);\n --_ui5_timeline_tli_indicator_before_right: var(--_ui5-compact-size, -.5rem) var(--_ui5-cozy-size, -1.625rem);\n --_ui5_timeline_tli_indicator_before_without_icon_bottom: var(--_ui5-compact-size, -1rem) var(--_ui5-cozy-size, -1.875rem);\n --_ui5_timeline_tli_indicator_before_without_icon_right: var(--_ui5-compact-size, -.8125rem) var(--_ui5-cozy-size, -1.9375rem);\n --_ui5_timeline_tli_indicator_after_top: var(--_ui5-compact-size, calc(-100% + .9375rem) ) var(--_ui5-cozy-size, calc(-100% - 1rem) );\n --_ui5_timeline_tli_indicator_after_height: var(--_ui5-compact-size, calc(100% - .75rem) ) var(--_ui5-cozy-size, calc(100% + 1rem) );\n --_ui5_timeline_tli_indicator_before_height: var(--_ui5-compact-size, calc(100% - 1.25rem) ) var(--_ui5-cozy-size, 100%);\n --_ui5_timeline_tli_horizontal_indicator_after_width: var(--_ui5-compact-size, var(--_ui5_timeline_tli_indicator_after_height)) var(--_ui5-cozy-size, calc(100% + .25rem) );\n --_ui5_timeline_tli_horizontal_indicator_after_left: var(--_ui5-compact-size, 1.8625rem) var(--_ui5-cozy-size, 1.9375rem);\n --_ui5_timeline_tli_horizontal_without_icon_indicator_before_width: var(--_ui5-compact-size, var(--_ui5_timeline_tli_indicator_after_height)) var(--_ui5-cozy-size, calc(100% + .5rem) );\n --_ui5_timeline_tli_horizontal_indicator_before_width: var(--_ui5-compact-size, var(--_ui5_timeline_tli_indicator_after_height)) var(--_ui5-cozy-size, calc(100% + .5rem) );\n --_ui5_timeline_tli_icon_horizontal_indicator_after_width: var(--_ui5-compact-size, var(--_ui5_timeline_tli_indicator_after_height)) var(--_ui5-cozy-size, calc(100% + .25rem) );\n --_ui5_timeline_tli_without_icon_horizontal_indicator_before_width: var(--_ui5-compact-size, calc(100% - .625rem) ) var(--_ui5-cozy-size, calc(100% + .375rem) );\n --_ui5_timeline_tli_horizontal_indicator_short_after_width: var(--_ui5-compact-size, calc(100% - 1rem) ) var(--_ui5-cozy-size, 100%);\n --ui5_upload_collection_drag_overlay_border: .1875rem dashed var(--sapField_BorderColor);\n --ui5_upload_collection_drop_overlay_border: .1875rem solid var(--sapContent_DragAndDropActiveColor);\n --ui5_upload_collection_drop_overlay_background: var(--sapContent_DragAndDropActiveColor);\n --ui5_upload_collection_thumbnail_size: 3rem;\n --ui5_upload_collection_thumbnail_margin_inline_end: .75rem;\n --ui5_upload_collection_small_size_buttons_margin_block_start: .5rem;\n --ui5_upload_collection_small_size_buttons_margin_inline_start: 0;\n --ui5_upload_collection_drag_overlay_text_color: var(--sapTextColor);\n --ui5_upload_collection_drag_overlay_icon_color: var(--sapTextColor);\n --ui5_upload_collection_drag_overlay_border_radius: 0;\n --ui5_upload_collection_drag_overlay_opacity: .5;\n --_ui5_vsd_header_container: var(--_ui5-compact-size, 2.5rem) var(--_ui5-cozy-size, 2.75rem);\n --_ui5_vsd_sub_header_container_height: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 2.75rem);\n --_ui5_vsd_content_li_padding: .375rem;\n --_ui5_vsd_content_height: 23.4375rem;\n --_ui5_vsd_expand_content_height: var(--_ui5-compact-size, 25.4375rem) var(--_ui5-cozy-size, 26.1875rem);\n --_ui5_wiz_content_item_wrapper_padding: 1rem;\n --_ui5_wiz_content_item_wrapper_bg: var(--sapGroup_ContentBackground);\n --_ui5_wiz_tab_focus_outline: .125rem dotted var(--sapContent_FocusColor);\n --_ui5_wiz_tab_selected_bg: var(--sapContent_Selected_Background);\n --_ui5_wiz_tab_border: 1px solid var(--sapContent_Selected_ForegroundColor);\n --_ui5_wiz_tab_selection_line: var(--sapTextColor);\n --_ui5_wiz_tab_icon_color: var(--sapTextColor);\n --_ui5_wiz_tab_active_separator_color: var(--sapContent_Selected_ForegroundColor);\n --_ui5_wiz_tab_title_color: var(--sapContent_LabelColor);\n --_ui5_wiz_tab_title_font_family: var(--sapFontFamily);\n --_ui5_wiz_tab_focus_border_radius: 0;\n --_ui5_shellbar_root_height: 3.25rem;\n --_ui5_shellbar_logo_outline_color: var(--sapContent_ContrastFocusColor);\n --_ui5_shellbar_logo_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--_ui5_shellbar_logo_outline_color);\n --_ui5_shellbar_outline_offset: -.1875rem;\n --_ui5_shellbar_button_box_shadow: none;\n --_ui5_shellbar_button_box_shadow_active: none;\n --_ui5_shellbar_button_border: var(--sapButton_BorderWidth) solid var(--sapButton_BorderColor);\n --_ui5_shellbar_button_border_radius: var(--sapButton_BorderCornerRadius);\n --_ui5_shellbar_button_focused_border: .125rem dotted var(--sapContent_FocusColor);\n --_ui5_shellbar_button_active_color: var(--sapShell_Active_TextColor);\n --_ui5_shellbar_search_field_background: var(--sapShellColor);\n --_ui5_shellbar_search_field_border: .0625rem solid var(--sapShell_InteractiveBorderColor);\n --_ui5_shellbar_search_field_box_shadow: none;\n --_ui5_shellbar_search_field_color: var(--sapShell_TextColor);\n --_ui5_shellbar_search_field_outline_focused: none;\n --_ui5_shellbar_search_field_width: 25rem;\n --_ui5_shellbar_input_focus_outline_color: inherit;\n --_ui5_shellbar_overflow_container_middle_height: 2.5rem;\n --_ui5_shellbar_menu_button_title_font_size: var(--sapFontHeader5Size);\n --_ui5_shellbar_image_button_border_radius: 50%;\n --_ui5-shellbar-content-margin-start: .5rem;\n --_ui5-shellbar-overflow-button-margin: .5rem;\n --_ui5-shellbar_separator-color: var(--sapToolbar_SeparatorColor);\n --_ui5-shellbar_cancel-button-color: var(--sapButton_Lite_TextColor);\n --_ui5_shellbar_button_badge_border: 1px solid var(--sapGroup_ContentBorderColor);\n --_ui5_shellbar_search_field_background_hover: var(--sapShellColor);\n --_ui5_shellbar_search_field_box_shadow_hover: none;\n --_ui5_search_icon_border_radius: .375rem;\n --_ui5_search_input_border_radius: none;\n --_ui5-search-border: var(--sapField_BorderWidth) var(--sapField_BorderStyle) var(--sapField_BorderColor);\n --_ui5-search-icon-border: var(--sapButton_BorderWidth) solid var(--sapButton_BorderColor);\n --_ui5-search-wrapper-background: none;\n --_ui5_search_separator_background: none;\n --_ui5-search-wrapper-hover-background: none;\n --_ui5-search-wrapper-hover-background-color: none;\n --_ui5-search-elements-hover-background: none;\n --_ui5-search-elements-active-background: none;\n --_ui5_search_input_scope_margin: 0;\n --_ui5-search_input_scope_hover_shadow: none;\n --_ui5-search_input_scope_active_shadow: none;\n --_ui5-search-elements-background: var(--sapShell_InteractiveBackground);\n --_ui5_search_wrapper_outline: none;\n --_ui5_search_input_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapField_Active_BorderColor);\n --_ui5_search_filter_button_border_radius: .375rem;\n --_ui5_seach_filter_button_border_hover: 1px solid var(--sapButton_Hover_BorderColor);\n --_ui5_search_filter_button_border: var(--sapButton_BorderWidth) solid var(--sapButton_BorderColor);\n --_ui5-search-filter_button_background_color: inherit;\n --ui5_search_filter_button_background_active: var(--sapShell_Hover_Background);\n --_ui5_search_icon_size: 2.25rem;\n --_ui5_search_icon_size_default: 2.25rem;\n --_ui5_search_icon_padding: .5625rem;\n --_ui5_search_icon_hover_padding: .5625rem;\n --_ui5_search_input_start_margin: .25rem;\n --_ui5_search_input_end_padding: .25rem;\n --_ui5-search-input-start-padding: .625rem;\n --_ui5-search-select-height: 2.25rem;\n --_ui5-search-loading-overlay-background: var(--sapBackgroundColor);\n --_ui5-search-loading-overlay-transparency: .3;\n --_ui5-search-field-text-color: var(--sapField_TextColor);\n --_ui5_search_item_vertical_padding: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, 1rem);\n --_ui5_search_byline_vertical_padding: .5rem;\n --_ui5_dynamic_page_footer_spacer: 4rem;\n --_ui5_dynamic_page_title_padding_S: .5rem 1rem;\n --_ui5_dynamic_page_title_padding_M: .5rem 2rem;\n --_ui5_dynamic_page_title_padding_L: .5rem 2rem;\n --_ui5_dynamic_page_title_padding_XL: .5rem 3rem;\n --_ui5_dynamic_page_header_padding_S: .5rem 1rem .125rem;\n --_ui5_dynamic_page_header_padding_M: 1rem 2rem;\n --_ui5_dynamic_page_header_padding_L: 1rem 2rem;\n --_ui5_dynamic_page_header_padding_XL: 1rem 3rem;\n --_ui5_dynamic_page_content_padding_S: 1rem 0 0;\n --_ui5_dynamic_page_content_padding_M: 1rem 1rem 0;\n --_ui5_dynamic_page_content_padding_L: 1rem 1rem 0;\n --_ui5_dynamic_page_content_padding_XL: 1rem 2rem 0;\n --ui5_dynamic_page_background: var(--sapBackgroundColor);\n --_ui5_dynamic_page_header_background_color: var(--sapObjectHeader_Background);\n --_ui5_dynamic_page_header-actions-box-shadow: var(--sapContent_Shadow0);\n --_ui5_dynamic_page_header-box-shadow: var(--sapContent_HeaderShadow);\n --_ui5_dynamic_page_actions-lines-color: var(--sapObjectHeader_BorderColor);\n --_ui5_dynamic_page_header-actions-background: var(--sapObjectHeader_Background);\n --_ui5_dynamic_page_header-actions-color: var(--sapButton_TextColor);\n --_ui5_dynamic_page_header-actions-background-pressed: var(--_ui5_dynamic_page_header-actions-background);\n --_ui5_dynamic_page_header-actions-color-pressed: var(--_ui5_dynamic_page_header-actions-color);\n --_ui5_dynamic_page_title_padding_top: .5rem;\n --_ui5_dynamic_page_title_padding_bottom: .5rem;\n --_ui5_dynamic_page_title_min_height: 4rem;\n --_ui5_dynamic_page_title_focus_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);\n --_ui5_dynamic_page_title_focus_outline_offset: -.125rem;\n --_ui5_dynamic_page_title_breadcrumbs_padding_top: .5rem;\n --_ui5_dynamic_page_title_breadcrumbs_padding_bottom: .25rem;\n --_ui5_dynamic_page_title_heading_padding_top: .3125rem;\n --_ui5_dynamic_page_title_subheading_margin_top: .25rem;\n --_ui5_dynamic_page_title_hover_background: var(--sapObjectHeader_Hover_Background);\n --_ui5_dynamic_page_snapped_title_on_mobile_line_height: 2rem;\n --_ui5_dynamic_page_snapped_title_on_mobile_min_height: 2rem;\n --sapContent_TextShadow: none;\n --_ui5_dynamic_page_title_border: .0625rem solid transparent;\n --_ui5_dynamic_page_title_hover_border: .0625rem solid var(--sapObjectHeader_BorderColor);\n --_ui5_timeline_tlgi_line_horizontal_height: 16.375rem;\n --_ui5_timeline_tlgi_root_horizontal_height: var(--_ui5-compact-size, 20.90625rem) var(--_ui5-cozy-size, 21.53125rem);\n --_ui5_timeline_tlgi_compact_icon_before_height: var(--_ui5-compact-size, calc(100% + 1.5rem) ) var(--_ui5-cozy-size, var(--_ui5-f2d95f8));\n --_ui5_timeline_tlgi_horizontal_line_placeholder_before_width: var(--_ui5-compact-size, var(--_ui5_timeline_tlgi_compact_icon_before_height)) var(--_ui5-cozy-size, var(--_ui5-f2d95f8));\n --_ui5_timeline_tlgi_horizontal_compact_root_margin_left: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, var(--_ui5-f2d95f8));\n --_ui5_timeline_tlgi_compact_root_gap: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, var(--_ui5-f2d95f8));\n --_ui5_user_settings_avatar_cozy_display: var(--_ui5-compact-size, none) var(--_ui5-cozy-size, inline-block);\n --_ui5_user_settings_avatar_compact_display: var(--_ui5-compact-size, inline-block) var(--_ui5-cozy-size, none);\n --_ui5_user_settings_item_title_font_size: var(--_ui5-compact-size, var(--sapFontLargeSize)) var(--_ui5-cozy-size, var(--sapFontSize))\n}"
@@ -1 +1 @@
1
- ":host{\n --_ui5_fcl_solid_bg: var(--sapBackgroundColor);\n --_ui5_fcl_column_border: solid .0625rem var(--sapGroup_ContentBorderColor);\n --_ui5_fcl_decoration_top: linear-gradient(to top, var(--sapObjectHeader_BorderColor), #000);\n --_ui5_fcl_decoration_bottom: linear-gradient(to bottom, var(--sapObjectHeader_BorderColor), #000);\n --sapIllus_BrandColorPrimary: var(--sapContent_Illustrative_Color1);\n --sapIllus_BrandColorSecondary: var(--sapContent_Illustrative_Color2);\n --sapIllus_StrokeDetailColor: var(--sapContent_Illustrative_Color4);\n --sapIllus_Layering1: var(--sapContent_Illustrative_Color5);\n --sapIllus_Layering2: var(--sapContent_Illustrative_Color6);\n --sapIllus_BackgroundColor: var(--sapContent_Illustrative_Color7);\n --sapIllus_ObjectFillColor: var(--sapContent_Illustrative_Color8);\n --sapIllus_AccentColor: var(--sapContent_Illustrative_Color3);\n --sapIllus_NoColor: none;\n --sapIllus_PatternShadow: url(#sapIllus_PatternShadow);\n --sapIllus_PatternHighlight: url(#sapIllus_PatternHighlight);\n --_ui5_media_gallery_overflow_btn_background: var(--sapButton_Background);\n --_ui5_media_gallery_overflow_btn_color: var(--sapButton_TextColor);\n --_ui5_media_gallery_overflow_btn_border: 1px solid var(--sapButton_BorderColor);\n --_ui5_media_gallery_thumbnail_border: 1px solid var(--sapContent_ForegroundColor);\n --_ui5_media_gallery_thumbnail_selected_border: 2px solid var(--sapSelectedColor);\n --_ui5_media_gallery_thumbnail_focus_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);\n --_ui5_media_gallery_item_overlay_box_shadow: inset 0px 0px 80px rgba(0, 0, 0, .2);\n --_ui5-notification_item-border-radius: var(--sapTile_BorderCornerRadius);\n --_ui5-notification_group_header-border-bottom-width: 0;\n --_ui5-notification_group_header-margin: 0px;\n --_ui5-notification_group_header-margin-expanded: .5rem;\n --_ui5-notification_group_header-padding: .5rem;\n --_ui5-notification_item-state-icon-padding: .25rem;\n --_ui5-notification_item-border-bottom: var(--sapList_BorderWidth) solid var(--sapList_BorderColor);\n --_ui5-notification_item-border-top-left-right: var(--sapList_BorderWidth) solid var(--sapList_BorderColor);\n --_ui5-notification_item-margin: 0 .5rem .5rem .5rem;\n --_ui5-notification_item-background-color-hover: var(--sapList_Hover_Background);\n --_ui5-notification_item-background-color-active: var(--sapList_SelectionBackgroundColor);\n --_ui5-notification_item-border-active: 1px solid var(--sapList_SelectionBorderColor);\n --_ui5-notification_item-root-padding-inline: 1rem;\n --_ui5-notification_item-content-padding: .75rem 0;\n --_ui5-notification_item-title-margin-bottom: 0;\n --_ui5-notification_item-title-padding-end-two-buttons: var(--_ui5-compact-size, 3.875rem) var(--_ui5-cozy-size, 4.875rem);\n --_ui5-notification_item-title-padding-end-one-button: var(--_ui5-compact-size, 1.875rem) var(--_ui5-cozy-size, 2.375rem);\n --_ui5-notification_item-description-margin-top: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, .75rem);\n --_ui5-notification_item-footer-margin-top: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, .75rem);\n --_ui5-notification_item-focus-offset: .1875rem;\n --_ui5-notification_item-outline-offset: -.375rem;\n --_ui5-notification_item-growing-btn-background-color-active: var(--_ui5-notification_item-background-color-active);\n --_ui5_page_list_bg: var(--sapGroup_ContentBackground);\n --_ui5_page_transparent_bg: var(--sapBackgroundColor);\n --_ui5_product_switch_item_width: 11.25rem;\n --_ui5_product_switch_item_height: 7rem;\n --_ui5_product_switch_item_active_outline_color: var(--sapContent_ContrastFocusColor);\n --_ui5_product_switch_item_outline_offset: -.25rem;\n --_ui5_product_switch_item_border: 1px solid var(--sapField_BorderColor);\n --_ui5_shellbar_root_height: 3.25rem;\n --_ui5_shellbar_logo_outline_color: var(--sapContent_ContrastFocusColor);\n --_ui5_shellbar_logo_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--_ui5_shellbar_logo_outline_color);\n --_ui5_shellbar_outline_offset: -.1875rem;\n --_ui5_shellbar_button_box_shadow: none;\n --_ui5_shellbar_button_box_shadow_active: none;\n --_ui5_shellbar_button_border: var(--sapButton_BorderWidth) solid var(--sapButton_BorderColor);\n --_ui5_shellbar_button_border_radius: var(--sapButton_BorderCornerRadius);\n --_ui5_shellbar_button_focused_border: .125rem dotted var(--sapContent_FocusColor);\n --_ui5_shellbar_button_active_color: var(--sapShell_Active_TextColor);\n --_ui5_shellbar_search_field_background: var(--sapShellColor);\n --_ui5_shellbar_search_field_border: .0625rem solid var(--sapShell_InteractiveBorderColor);\n --_ui5_shellbar_search_field_box_shadow: none;\n --_ui5_shellbar_search_field_color: var(--sapShell_TextColor);\n --_ui5_shellbar_search_field_outline_focused: none;\n --_ui5_shellbar_search_field_width: 25rem;\n --_ui5_shellbar_input_focus_outline_color: inherit;\n --_ui5_shellbar_overflow_container_middle_height: 2.5rem;\n --_ui5_shellbar_menu_button_title_font_size: var(--sapFontHeader5Size);\n --_ui5_shellbar_image_button_border_radius: 50%;\n --_ui5-shellbar-content-margin-start: .5rem;\n --_ui5-shellbar-overflow-button-margin: .5rem;\n --_ui5-shellbar_separator-color: var(--sapToolbar_SeparatorColor);\n --_ui5-shellbar_cancel-button-color: var(--sapButton_Lite_TextColor);\n --_ui5_shellbar_button_badge_border: 1px solid var(--sapGroup_ContentBorderColor);\n --_ui5_shellbar_search_field_background_hover: var(--sapShellColor);\n --_ui5_shellbar_search_field_box_shadow_hover: none;\n --_ui5_side_navigation_width: 16rem;\n --_ui5_side_navigation_collapsed_width: 4rem;\n --_ui5_side_navigation_navigation_separator_margin: .25rem .5rem .25rem .5rem;\n --_ui5_side_navigation_navigation_separator_background_color: var(--sapList_GroupHeaderBorderColor);\n --_ui5_side_navigation_navigation_separator_radius: unset;\n --_ui5_side_navigation_navigation_separator_height: .0625rem;\n --_ui5_side_navigation_triangle_color: var(--sapContent_IconColor);\n --_ui5_side_navigation_border_right: 0;\n --_ui5_side_navigation_box_shadow: var(--sapContent_Shadow0);\n --_ui5_side_navigation_triangle_display: none;\n --_ui5_side_navigation_icon_color: var(--sapContent_IconColor);\n --_ui5_side_navigation_expand_icon_color: var(--sapContent_NonInteractiveIconColor);\n --_ui5_side_navigation_expand_icon_width: 2.25rem;\n --_ui5_side_navigation_hover_border_style_color: solid var(--sapList_SelectionBorderColor);\n --_ui5_side_navigation_hover_border_width: .0625rem;\n --_ui5_side_navigation_group_border_style_color: solid var(--sapList_BorderColor);\n --_ui5_side_navigation_group_border_width: 0 0 .0625rem 0;\n --_ui5_side_navigation_item_border_style_color: solid var(--sapList_BorderColor);\n --_ui5_side_navigation_item_border_width: 0 0 .0625rem 0;\n --_ui5_side_navigation_item_height: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 2.75rem);\n --_ui5_side_navigation_item_margin: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, .875rem);\n --_ui5_side_navigation_item_expand_arrow_padding: var(--_ui5-compact-size, .3125rem) var(--_ui5-cozy-size, .6875rem);\n --_ui5_side_navigation_item_border_radius: 0;\n --_ui5_side_navigation_item_bottom_margin: .25rem;\n --_ui5_side_navigation_item_padding_start_in_popup: 1rem;\n --_ui5_side_navigation_item_padding_start_in_overflow_popup: 1rem;\n --_ui5_side_navigation_item_transition: none;\n --_ui5_side_navigation_item_padding_left: 1rem;\n --_ui5_side_navigation_item_focus_border_offset: 0;\n --_ui5_side_navigation_item_focus_border_radius: var(--_ui5_side_navigation_item_border_radius);\n --_ui5_side_navigation_collapsed_selected_item_background: 0 100% / .188rem 100% no-repeat linear-gradient(0deg, var(--sapHighlightColor), var(--sapHighlightColor)), var(--sapList_SelectionBackgroundColor);\n --_ui5_side_navigation_collapsed_selected_item_background_hover: 0 100% / .188rem 100% no-repeat linear-gradient(0deg, var(--sapHighlightColor), var(--sapHighlightColor)), var(--sapList_Hover_SelectionBackground);\n --_ui5_side_navigation_selected_item_border_color: var(--sapList_SelectionBorderColor);\n --_ui5_side_navigation_selected_border_style_color: solid var(--_ui5_side_navigation_selected_item_border_color);\n --_ui5_side_navigation_selected_and_focused_border_style_color: none;\n --_ui5_side_navigation_selected_border_width: .0625rem;\n --_ui5_side_navigation_group_expanded_border_width: var(--_ui5_side_navigation_item_border_width);\n --_ui5_side_navigation_group_icon_width: 2.5rem;\n --_ui5_side_navigation_icon_padding_inline_end: .5rem;\n --_ui5_side_navigation_item_font_family: var(--sapFontFamily);\n --_ui5_side_navigation_parent_item_font_family: var(--sapFontSemiboldDuplexFamily);\n --_ui5_side_navigation_group_padding: 1rem;\n --_ui5_side_navigation_padding-flexible: .5rem .5rem 0 .5rem;\n --_ui5_side_navigation_padding-fixed: 0 .5rem .5rem .5rem;\n --_ui5_side_navigation_popup_padding: .5rem;\n --_ui5_side_navigation_popup_title_line_height: 1.5rem;\n --_ui5_side_navigation_first_fixed_item_margin_top: .125rem;\n --_ui5_side_navigation_item_expand_icon_visibility: block;\n --_ui5_side_navigation_item_collapsed_hover_focus_width: fit-content;\n --_ui5_side_navigation_item_collapsed_hover_focus_display: block;\n --_ui5_side_navigation_item_collapsed_hover_focus_padding_right: 1rem;\n --_ui5_side_navigation_action_item_collapsed_padding: 1rem;\n --_ui5_side_navigation_item_collapsed_padding: 3rem;\n --_ui5_side_navigation_action_item_border_hover: var(--sapButton_BorderWidth) solid var(--sapButton_Hover_BorderColor);\n --_ui5_side_navigation_action_item_border_active: var(--sapButton_BorderWidth) solid var(--sapButton_Active_BorderColor);\n --_ui5_side_navigation_item_expand_icon_right: -.5rem;\n --_ui5_side_navigation_item_expand_icon_hover_left: auto;\n --_ui5_side_navigation_item_expand_icon_hover_right: 0;\n --_ui5_side_navigation_active_text_color: var(--sapButton_TextColor);\n --_ui5_side_navigation_last_item_border_style: solid transparent;\n --_ui5_TimelineItem_arrow_size: 1.625rem;\n --_ui5_TimelineItem_bubble_border_width: .0625rem;\n --_ui5_TimelineItem_bubble_border_style: dotted;\n --_ui5_TimelineItem_bubble_border_radius: .25rem;\n --_ui5_TimelineItem_bubble_border_color: var(--sapList_BorderColor);\n --_ui5_TimelineItem_bubble_border_top: -.125rem;\n --_ui5_TimelineItem_bubble_border_right: -.125rem;\n --_ui5_TimelineItem_bubble_border_bottom: -.125rem;\n --_ui5_TimelineItem_bubble_border_left: -.625rem;\n --_ui5_TimelineItem_bubble_rtl_left_offset: -.1875rem;\n --_ui5_TimelineItem_bubble_rtl_right_offset: -.6875rem;\n --_ui5_TimelineItem_bubble_focus_border_radius: 0;\n --_ui5_TimelineItem_horizontal_bubble_focus_top_offset: -.625rem;\n --_ui5_TimelineItem_horizontal_bubble_focus_left_offset: -.125rem;\n --_ui5_TimelineItem_bubble_content_padding: var(--_ui5_tl_bubble_padding);\n --_ui5_TimelineItem_bubble_content_subtitle_padding_top: .375rem;\n --_ui5_TimelineItem_bubble_content_description_padding_top: .75rem;\n --_ui5_tl_bubble_padding: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, 1rem);\n --_ui5_tl_padding: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, 1rem 1rem 1rem .5rem);\n --_ui5_tl_li_margin_bottom: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, 1.625rem);\n --_ui5_timeline_tli_indicator_before_bottom: var(--_ui5-compact-size, -.75rem) var(--_ui5-cozy-size, -1.5rem);\n --_ui5_timeline_tli_indicator_before_right: var(--_ui5-compact-size, -.5rem) var(--_ui5-cozy-size, -1.625rem);\n --_ui5_timeline_tli_indicator_before_without_icon_bottom: var(--_ui5-compact-size, -1rem) var(--_ui5-cozy-size, -1.875rem);\n --_ui5_timeline_tli_indicator_before_without_icon_right: var(--_ui5-compact-size, -.8125rem) var(--_ui5-cozy-size, -1.9375rem);\n --_ui5_timeline_tli_indicator_after_top: var(--_ui5-compact-size, calc(-100% + .9375rem) ) var(--_ui5-cozy-size, calc(-100% - 1rem) );\n --_ui5_timeline_tli_indicator_after_height: var(--_ui5-compact-size, calc(100% - .75rem) ) var(--_ui5-cozy-size, calc(100% + 1rem) );\n --_ui5_timeline_tli_indicator_before_height: var(--_ui5-compact-size, calc(100% - 1.25rem) ) var(--_ui5-cozy-size, 100%);\n --_ui5_timeline_tli_horizontal_indicator_after_width: var(--_ui5-compact-size, var(--_ui5_timeline_tli_indicator_after_height)) var(--_ui5-cozy-size, calc(100% + .25rem) );\n --_ui5_timeline_tli_horizontal_indicator_after_left: var(--_ui5-compact-size, 1.8625rem) var(--_ui5-cozy-size, 1.9375rem);\n --_ui5_timeline_tli_horizontal_without_icon_indicator_before_width: var(--_ui5-compact-size, var(--_ui5_timeline_tli_indicator_after_height)) var(--_ui5-cozy-size, calc(100% + .5rem) );\n --_ui5_timeline_tli_horizontal_indicator_before_width: var(--_ui5-compact-size, var(--_ui5_timeline_tli_indicator_after_height)) var(--_ui5-cozy-size, calc(100% + .5rem) );\n --_ui5_timeline_tli_icon_horizontal_indicator_after_width: var(--_ui5-compact-size, var(--_ui5_timeline_tli_indicator_after_height)) var(--_ui5-cozy-size, calc(100% + .25rem) );\n --_ui5_timeline_tli_without_icon_horizontal_indicator_before_width: var(--_ui5-compact-size, calc(100% - .625rem) ) var(--_ui5-cozy-size, calc(100% + .375rem) );\n --_ui5_timeline_tli_horizontal_indicator_short_after_width: var(--_ui5-compact-size, calc(100% - 1rem) ) var(--_ui5-cozy-size, 100%);\n --ui5_upload_collection_drag_overlay_border: .1875rem dashed var(--sapField_BorderColor);\n --ui5_upload_collection_drop_overlay_border: .1875rem solid var(--sapContent_DragAndDropActiveColor);\n --ui5_upload_collection_drop_overlay_background: var(--sapContent_DragAndDropActiveColor);\n --ui5_upload_collection_thumbnail_size: 3rem;\n --ui5_upload_collection_thumbnail_margin_inline_end: .75rem;\n --ui5_upload_collection_small_size_buttons_margin_block_start: .5rem;\n --ui5_upload_collection_small_size_buttons_margin_inline_start: 0;\n --ui5_upload_collection_drag_overlay_text_color: var(--sapTextColor);\n --ui5_upload_collection_drag_overlay_icon_color: var(--sapTextColor);\n --ui5_upload_collection_drag_overlay_border_radius: 0;\n --ui5_upload_collection_drag_overlay_opacity: .5;\n --_ui5_vsd_header_container: var(--_ui5-compact-size, 2.5rem) var(--_ui5-cozy-size, 2.75rem);\n --_ui5_vsd_sub_header_container_height: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 2.75rem);\n --_ui5_vsd_content_li_padding: .375rem;\n --_ui5_vsd_content_height: 23.4375rem;\n --_ui5_vsd_expand_content_height: var(--_ui5-compact-size, 25.4375rem) var(--_ui5-cozy-size, 26.1875rem);\n --_ui5_wiz_content_item_wrapper_padding: 1rem;\n --_ui5_wiz_content_item_wrapper_bg: var(--sapGroup_ContentBackground);\n --_ui5_wiz_tab_focus_outline: .125rem dotted var(--sapContent_FocusColor);\n --_ui5_wiz_tab_selected_bg: var(--sapContent_Selected_Background);\n --_ui5_wiz_tab_border: 1px solid var(--sapContent_Selected_ForegroundColor);\n --_ui5_wiz_tab_selection_line: var(--sapTextColor);\n --_ui5_wiz_tab_icon_color: var(--sapTextColor);\n --_ui5_wiz_tab_active_separator_color: var(--sapContent_Selected_ForegroundColor);\n --_ui5_wiz_tab_title_color: var(--sapContent_LabelColor);\n --_ui5_wiz_tab_title_font_family: var(--sapFontFamily);\n --_ui5_wiz_tab_focus_border_radius: 0;\n --_ui5_dynamic_page_footer_spacer: 4rem;\n --_ui5_dynamic_page_title_padding_S: .5rem 1rem;\n --_ui5_dynamic_page_title_padding_M: .5rem 2rem;\n --_ui5_dynamic_page_title_padding_L: .5rem 2rem;\n --_ui5_dynamic_page_title_padding_XL: .5rem 3rem;\n --_ui5_dynamic_page_header_padding_S: .5rem 1rem .125rem;\n --_ui5_dynamic_page_header_padding_M: 1rem 2rem;\n --_ui5_dynamic_page_header_padding_L: 1rem 2rem;\n --_ui5_dynamic_page_header_padding_XL: 1rem 3rem;\n --_ui5_dynamic_page_content_padding_S: 1rem 0 0;\n --_ui5_dynamic_page_content_padding_M: 1rem 1rem 0;\n --_ui5_dynamic_page_content_padding_L: 1rem 1rem 0;\n --_ui5_dynamic_page_content_padding_XL: 1rem 2rem 0;\n --ui5_dynamic_page_background: var(--sapBackgroundColor);\n --_ui5_search_icon_border_radius: .375rem;\n --_ui5_search_input_border_radius: none;\n --_ui5-search-border: var(--sapField_BorderWidth) var(--sapField_BorderStyle) var(--sapField_BorderColor);\n --_ui5-search-icon-border: var(--sapButton_BorderWidth) solid var(--sapButton_BorderColor);\n --_ui5-search-wrapper-background: none;\n --_ui5_search_separator_background: none;\n --_ui5-search-wrapper-hover-background: none;\n --_ui5-search-wrapper-hover-background-color: none;\n --_ui5-search-elements-hover-background: none;\n --_ui5-search-elements-active-background: none;\n --_ui5_search_input_scope_margin: 0;\n --_ui5-search_input_scope_hover_shadow: none;\n --_ui5-search_input_scope_active_shadow: none;\n --_ui5-search-elements-background: var(--sapShell_InteractiveBackground);\n --_ui5_search_wrapper_outline: none;\n --_ui5_search_input_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapField_Active_BorderColor);\n --_ui5_search_filter_button_border_radius: .375rem;\n --_ui5_seach_filter_button_border_hover: 1px solid var(--sapButton_Hover_BorderColor);\n --_ui5_search_filter_button_border: var(--sapButton_BorderWidth) solid var(--sapButton_BorderColor);\n --_ui5-search-filter_button_background_color: inherit;\n --ui5_search_filter_button_background_active: var(--sapShell_Hover_Background);\n --_ui5_search_icon_size: 2.25rem;\n --_ui5_search_icon_size_default: 2.25rem;\n --_ui5_search_icon_padding: .5625rem;\n --_ui5_search_icon_hover_padding: .5625rem;\n --_ui5_search_input_start_margin: .25rem;\n --_ui5_search_input_end_padding: .25rem;\n --_ui5-search-input-start-padding: .625rem;\n --_ui5-search-select-height: 2.25rem;\n --_ui5-search-loading-overlay-background: var(--sapBackgroundColor);\n --_ui5-search-loading-overlay-transparency: .3;\n --_ui5-search-field-text-color: var(--sapField_TextColor);\n --_ui5_search_item_vertical_padding: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, 1rem);\n --_ui5_search_byline_vertical_padding: .5rem;\n --_ui5_dynamic_page_title_padding_top: .5rem;\n --_ui5_dynamic_page_title_padding_bottom: .5rem;\n --_ui5_dynamic_page_title_min_height: 4rem;\n --_ui5_dynamic_page_title_focus_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);\n --_ui5_dynamic_page_title_focus_outline_offset: -.125rem;\n --_ui5_dynamic_page_title_breadcrumbs_padding_top: .5rem;\n --_ui5_dynamic_page_title_breadcrumbs_padding_bottom: .25rem;\n --_ui5_dynamic_page_title_heading_padding_top: .3125rem;\n --_ui5_dynamic_page_title_subheading_margin_top: .25rem;\n --_ui5_dynamic_page_title_hover_background: var(--sapObjectHeader_Hover_Background);\n --_ui5_dynamic_page_snapped_title_on_mobile_line_height: 2rem;\n --_ui5_dynamic_page_snapped_title_on_mobile_min_height: 2rem;\n --sapContent_TextShadow: none;\n --_ui5_dynamic_page_title_border: .0625rem solid transparent;\n --_ui5_dynamic_page_title_hover_border: .0625rem solid var(--sapObjectHeader_BorderColor);\n --_ui5_dynamic_page_header_background_color: var(--sapObjectHeader_Background);\n --_ui5_dynamic_page_header-actions-box-shadow: var(--sapContent_Shadow0);\n --_ui5_dynamic_page_header-box-shadow: var(--sapContent_HeaderShadow);\n --_ui5_dynamic_page_actions-lines-color: var(--sapObjectHeader_BorderColor);\n --_ui5_dynamic_page_header-actions-background: var(--sapObjectHeader_Background);\n --_ui5_dynamic_page_header-actions-color: var(--sapButton_TextColor);\n --_ui5_dynamic_page_header-actions-background-pressed: var(--_ui5_dynamic_page_header-actions-background);\n --_ui5_dynamic_page_header-actions-color-pressed: var(--_ui5_dynamic_page_header-actions-color);\n --_ui5_timeline_tlgi_line_horizontal_height: 16.375rem;\n --_ui5_timeline_tlgi_root_horizontal_height: var(--_ui5-compact-size, 20.90625rem) var(--_ui5-cozy-size, 21.53125rem);\n --_ui5_timeline_tlgi_compact_icon_before_height: var(--_ui5-compact-size, calc(100% + 1.5rem) ) var(--_ui5-cozy-size, var(--_ui5-f2d95f8));\n --_ui5_timeline_tlgi_horizontal_line_placeholder_before_width: var(--_ui5-compact-size, var(--_ui5_timeline_tlgi_compact_icon_before_height)) var(--_ui5-cozy-size, var(--_ui5-f2d95f8));\n --_ui5_timeline_tlgi_horizontal_compact_root_margin_left: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, var(--_ui5-f2d95f8));\n --_ui5_timeline_tlgi_compact_root_gap: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, var(--_ui5-f2d95f8));\n --_ui5_user_settings_avatar_cozy_display: var(--_ui5-compact-size, none) var(--_ui5-cozy-size, inline-block);\n --_ui5_user_settings_avatar_compact_display: var(--_ui5-compact-size, inline-block) var(--_ui5-cozy-size, none);\n --_ui5_user_settings_item_title_font_size: var(--_ui5-compact-size, var(--sapFontLargeSize)) var(--_ui5-cozy-size, var(--sapFontSize))}\n"
1
+ ":host{\n --_ui5_banner_background: var(--sapShell_HeroBanner_Background);\n --_ui5_banner_text_color: var(--sapShell_HeroBanner_TextColor);\n --_ui5_banner_border_radius: var(--sapTile_BorderCornerRadius);\n --_ui5_banner_border: .0625rem solid var(--sapTile_BorderColor);\n --_ui5_banner_box_shadow: var(--sapContent_Shadow0);\n --_ui5_banner_background_image: var(--sapShell_HeroBanner_BackgroundImage);\n --_ui5_fcl_solid_bg: var(--sapBackgroundColor);\n --_ui5_fcl_column_border: solid .0625rem var(--sapGroup_ContentBorderColor);\n --_ui5_fcl_decoration_top: linear-gradient(to top, var(--sapObjectHeader_BorderColor), #000);\n --_ui5_fcl_decoration_bottom: linear-gradient(to bottom, var(--sapObjectHeader_BorderColor), #000);\n --sapIllus_BrandColorPrimary: var(--sapContent_Illustrative_Color1);\n --sapIllus_BrandColorSecondary: var(--sapContent_Illustrative_Color2);\n --sapIllus_StrokeDetailColor: var(--sapContent_Illustrative_Color4);\n --sapIllus_Layering1: var(--sapContent_Illustrative_Color5);\n --sapIllus_Layering2: var(--sapContent_Illustrative_Color6);\n --sapIllus_BackgroundColor: var(--sapContent_Illustrative_Color7);\n --sapIllus_ObjectFillColor: var(--sapContent_Illustrative_Color8);\n --sapIllus_AccentColor: var(--sapContent_Illustrative_Color3);\n --sapIllus_NoColor: none;\n --sapIllus_PatternShadow: url(#sapIllus_PatternShadow);\n --sapIllus_PatternHighlight: url(#sapIllus_PatternHighlight);\n --_ui5_media_gallery_overflow_btn_background: var(--sapButton_Background);\n --_ui5_media_gallery_overflow_btn_color: var(--sapButton_TextColor);\n --_ui5_media_gallery_overflow_btn_border: 1px solid var(--sapButton_BorderColor);\n --_ui5_media_gallery_thumbnail_border: 1px solid var(--sapContent_ForegroundColor);\n --_ui5_media_gallery_thumbnail_selected_border: 2px solid var(--sapSelectedColor);\n --_ui5_media_gallery_thumbnail_focus_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);\n --_ui5_media_gallery_item_overlay_box_shadow: inset 0px 0px 80px rgba(0, 0, 0, .2);\n --_ui5-notification_item-border-radius: var(--sapTile_BorderCornerRadius);\n --_ui5-notification_group_header-border-bottom-width: 0;\n --_ui5-notification_group_header-margin: 0px;\n --_ui5-notification_group_header-margin-expanded: .5rem;\n --_ui5-notification_group_header-padding: .5rem;\n --_ui5-notification_item-state-icon-padding: .25rem;\n --_ui5-notification_item-border-bottom: var(--sapList_BorderWidth) solid var(--sapList_BorderColor);\n --_ui5-notification_item-border-top-left-right: var(--sapList_BorderWidth) solid var(--sapList_BorderColor);\n --_ui5-notification_item-margin: 0 .5rem .5rem .5rem;\n --_ui5-notification_item-background-color-hover: var(--sapList_Hover_Background);\n --_ui5-notification_item-background-color-active: var(--sapList_SelectionBackgroundColor);\n --_ui5-notification_item-border-active: 1px solid var(--sapList_SelectionBorderColor);\n --_ui5-notification_item-root-padding-inline: 1rem;\n --_ui5-notification_item-content-padding: .75rem 0;\n --_ui5-notification_item-title-margin-bottom: 0;\n --_ui5-notification_item-title-padding-end-two-buttons: var(--_ui5-compact-size, 3.875rem) var(--_ui5-cozy-size, 4.875rem);\n --_ui5-notification_item-title-padding-end-one-button: var(--_ui5-compact-size, 1.875rem) var(--_ui5-cozy-size, 2.375rem);\n --_ui5-notification_item-description-margin-top: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, .75rem);\n --_ui5-notification_item-footer-margin-top: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, .75rem);\n --_ui5-notification_item-focus-offset: .1875rem;\n --_ui5-notification_item-outline-offset: -.375rem;\n --_ui5-notification_item-growing-btn-background-color-active: var(--_ui5-notification_item-background-color-active);\n --_ui5_page_list_bg: var(--sapGroup_ContentBackground);\n --_ui5_page_transparent_bg: var(--sapBackgroundColor);\n --_ui5_product_switch_item_width: 11.25rem;\n --_ui5_product_switch_item_height: 7rem;\n --_ui5_product_switch_item_active_outline_color: var(--sapContent_ContrastFocusColor);\n --_ui5_product_switch_item_outline_offset: -.25rem;\n --_ui5_product_switch_item_border: 1px solid var(--sapField_BorderColor);\n --_ui5_shellbar_root_height: 3.25rem;\n --_ui5_shellbar_logo_outline_color: var(--sapContent_ContrastFocusColor);\n --_ui5_shellbar_logo_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--_ui5_shellbar_logo_outline_color);\n --_ui5_shellbar_outline_offset: -.1875rem;\n --_ui5_shellbar_button_box_shadow: none;\n --_ui5_shellbar_button_box_shadow_active: none;\n --_ui5_shellbar_button_border: var(--sapButton_BorderWidth) solid var(--sapButton_BorderColor);\n --_ui5_shellbar_button_border_radius: var(--sapButton_BorderCornerRadius);\n --_ui5_shellbar_button_focused_border: .125rem dotted var(--sapContent_FocusColor);\n --_ui5_shellbar_button_active_color: var(--sapShell_Active_TextColor);\n --_ui5_shellbar_search_field_background: var(--sapShellColor);\n --_ui5_shellbar_search_field_border: .0625rem solid var(--sapShell_InteractiveBorderColor);\n --_ui5_shellbar_search_field_box_shadow: none;\n --_ui5_shellbar_search_field_color: var(--sapShell_TextColor);\n --_ui5_shellbar_search_field_outline_focused: none;\n --_ui5_shellbar_search_field_width: 25rem;\n --_ui5_shellbar_input_focus_outline_color: inherit;\n --_ui5_shellbar_overflow_container_middle_height: 2.5rem;\n --_ui5_shellbar_menu_button_title_font_size: var(--sapFontHeader5Size);\n --_ui5_shellbar_image_button_border_radius: 50%;\n --_ui5-shellbar-content-margin-start: .5rem;\n --_ui5-shellbar-overflow-button-margin: .5rem;\n --_ui5-shellbar_separator-color: var(--sapToolbar_SeparatorColor);\n --_ui5-shellbar_cancel-button-color: var(--sapButton_Lite_TextColor);\n --_ui5_shellbar_button_badge_border: 1px solid var(--sapGroup_ContentBorderColor);\n --_ui5_shellbar_search_field_background_hover: var(--sapShellColor);\n --_ui5_shellbar_search_field_box_shadow_hover: none;\n --_ui5_side_navigation_width: 16rem;\n --_ui5_side_navigation_collapsed_width: 4rem;\n --_ui5_side_navigation_navigation_separator_margin: .25rem .5rem .25rem .5rem;\n --_ui5_side_navigation_navigation_separator_background_color: var(--sapList_GroupHeaderBorderColor);\n --_ui5_side_navigation_navigation_separator_radius: unset;\n --_ui5_side_navigation_navigation_separator_height: .0625rem;\n --_ui5_side_navigation_triangle_color: var(--sapContent_IconColor);\n --_ui5_side_navigation_border_right: 0;\n --_ui5_side_navigation_box_shadow: var(--sapContent_Shadow0);\n --_ui5_side_navigation_triangle_display: none;\n --_ui5_side_navigation_icon_color: var(--sapContent_IconColor);\n --_ui5_side_navigation_expand_icon_color: var(--sapContent_NonInteractiveIconColor);\n --_ui5_side_navigation_expand_icon_width: 2.25rem;\n --_ui5_side_navigation_hover_border_style_color: solid var(--sapList_SelectionBorderColor);\n --_ui5_side_navigation_hover_border_width: .0625rem;\n --_ui5_side_navigation_group_border_style_color: solid var(--sapList_BorderColor);\n --_ui5_side_navigation_group_border_width: 0 0 .0625rem 0;\n --_ui5_side_navigation_item_border_style_color: solid var(--sapList_BorderColor);\n --_ui5_side_navigation_item_border_width: 0 0 .0625rem 0;\n --_ui5_side_navigation_item_height: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 2.75rem);\n --_ui5_side_navigation_item_margin: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, .875rem);\n --_ui5_side_navigation_item_expand_arrow_padding: var(--_ui5-compact-size, .3125rem) var(--_ui5-cozy-size, .6875rem);\n --_ui5_side_navigation_item_border_radius: 0;\n --_ui5_side_navigation_item_bottom_margin: .25rem;\n --_ui5_side_navigation_item_padding_start_in_popup: 1rem;\n --_ui5_side_navigation_item_padding_start_in_overflow_popup: 1rem;\n --_ui5_side_navigation_item_transition: none;\n --_ui5_side_navigation_item_padding_left: 1rem;\n --_ui5_side_navigation_item_focus_border_offset: 0;\n --_ui5_side_navigation_item_focus_border_radius: var(--_ui5_side_navigation_item_border_radius);\n --_ui5_side_navigation_collapsed_selected_item_background: 0 100% / .188rem 100% no-repeat linear-gradient(0deg, var(--sapHighlightColor), var(--sapHighlightColor)), var(--sapList_SelectionBackgroundColor);\n --_ui5_side_navigation_collapsed_selected_item_background_hover: 0 100% / .188rem 100% no-repeat linear-gradient(0deg, var(--sapHighlightColor), var(--sapHighlightColor)), var(--sapList_Hover_SelectionBackground);\n --_ui5_side_navigation_selected_item_border_color: var(--sapList_SelectionBorderColor);\n --_ui5_side_navigation_selected_border_style_color: solid var(--_ui5_side_navigation_selected_item_border_color);\n --_ui5_side_navigation_selected_and_focused_border_style_color: none;\n --_ui5_side_navigation_selected_border_width: .0625rem;\n --_ui5_side_navigation_group_expanded_border_width: var(--_ui5_side_navigation_item_border_width);\n --_ui5_side_navigation_group_icon_width: 2.5rem;\n --_ui5_side_navigation_icon_padding_inline_end: .5rem;\n --_ui5_side_navigation_item_font_family: var(--sapFontFamily);\n --_ui5_side_navigation_parent_item_font_family: var(--sapFontSemiboldDuplexFamily);\n --_ui5_side_navigation_group_padding: 1rem;\n --_ui5_side_navigation_padding-flexible: .5rem .5rem 0 .5rem;\n --_ui5_side_navigation_padding-fixed: 0 .5rem .5rem .5rem;\n --_ui5_side_navigation_popup_padding: .5rem;\n --_ui5_side_navigation_popup_title_line_height: 1.5rem;\n --_ui5_side_navigation_first_fixed_item_margin_top: .125rem;\n --_ui5_side_navigation_item_expand_icon_visibility: block;\n --_ui5_side_navigation_item_collapsed_hover_focus_width: fit-content;\n --_ui5_side_navigation_item_collapsed_hover_focus_display: block;\n --_ui5_side_navigation_item_collapsed_hover_focus_padding_right: 1rem;\n --_ui5_side_navigation_action_item_collapsed_padding: 1rem;\n --_ui5_side_navigation_item_collapsed_padding: 3rem;\n --_ui5_side_navigation_action_item_border_hover: var(--sapButton_BorderWidth) solid var(--sapButton_Hover_BorderColor);\n --_ui5_side_navigation_action_item_border_active: var(--sapButton_BorderWidth) solid var(--sapButton_Active_BorderColor);\n --_ui5_side_navigation_item_expand_icon_right: -.5rem;\n --_ui5_side_navigation_item_expand_icon_hover_left: auto;\n --_ui5_side_navigation_item_expand_icon_hover_right: 0;\n --_ui5_side_navigation_active_text_color: var(--sapButton_TextColor);\n --_ui5_side_navigation_last_item_border_style: solid transparent;\n --_ui5_TimelineItem_arrow_size: 1.625rem;\n --_ui5_TimelineItem_bubble_border_width: .0625rem;\n --_ui5_TimelineItem_bubble_border_style: dotted;\n --_ui5_TimelineItem_bubble_border_radius: .25rem;\n --_ui5_TimelineItem_bubble_border_color: var(--sapList_BorderColor);\n --_ui5_TimelineItem_bubble_border_top: -.125rem;\n --_ui5_TimelineItem_bubble_border_right: -.125rem;\n --_ui5_TimelineItem_bubble_border_bottom: -.125rem;\n --_ui5_TimelineItem_bubble_border_left: -.625rem;\n --_ui5_TimelineItem_bubble_rtl_left_offset: -.1875rem;\n --_ui5_TimelineItem_bubble_rtl_right_offset: -.6875rem;\n --_ui5_TimelineItem_bubble_focus_border_radius: 0;\n --_ui5_TimelineItem_horizontal_bubble_focus_top_offset: -.625rem;\n --_ui5_TimelineItem_horizontal_bubble_focus_left_offset: -.125rem;\n --_ui5_TimelineItem_bubble_content_padding: var(--_ui5_tl_bubble_padding);\n --_ui5_TimelineItem_bubble_content_subtitle_padding_top: .375rem;\n --_ui5_TimelineItem_bubble_content_description_padding_top: .75rem;\n --_ui5_tl_bubble_padding: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, 1rem);\n --_ui5_tl_padding: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, 1rem 1rem 1rem .5rem);\n --_ui5_tl_li_margin_bottom: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, 1.625rem);\n --_ui5_timeline_tli_indicator_before_bottom: var(--_ui5-compact-size, -.75rem) var(--_ui5-cozy-size, -1.5rem);\n --_ui5_timeline_tli_indicator_before_right: var(--_ui5-compact-size, -.5rem) var(--_ui5-cozy-size, -1.625rem);\n --_ui5_timeline_tli_indicator_before_without_icon_bottom: var(--_ui5-compact-size, -1rem) var(--_ui5-cozy-size, -1.875rem);\n --_ui5_timeline_tli_indicator_before_without_icon_right: var(--_ui5-compact-size, -.8125rem) var(--_ui5-cozy-size, -1.9375rem);\n --_ui5_timeline_tli_indicator_after_top: var(--_ui5-compact-size, calc(-100% + .9375rem) ) var(--_ui5-cozy-size, calc(-100% - 1rem) );\n --_ui5_timeline_tli_indicator_after_height: var(--_ui5-compact-size, calc(100% - .75rem) ) var(--_ui5-cozy-size, calc(100% + 1rem) );\n --_ui5_timeline_tli_indicator_before_height: var(--_ui5-compact-size, calc(100% - 1.25rem) ) var(--_ui5-cozy-size, 100%);\n --_ui5_timeline_tli_horizontal_indicator_after_width: var(--_ui5-compact-size, var(--_ui5_timeline_tli_indicator_after_height)) var(--_ui5-cozy-size, calc(100% + .25rem) );\n --_ui5_timeline_tli_horizontal_indicator_after_left: var(--_ui5-compact-size, 1.8625rem) var(--_ui5-cozy-size, 1.9375rem);\n --_ui5_timeline_tli_horizontal_without_icon_indicator_before_width: var(--_ui5-compact-size, var(--_ui5_timeline_tli_indicator_after_height)) var(--_ui5-cozy-size, calc(100% + .5rem) );\n --_ui5_timeline_tli_horizontal_indicator_before_width: var(--_ui5-compact-size, var(--_ui5_timeline_tli_indicator_after_height)) var(--_ui5-cozy-size, calc(100% + .5rem) );\n --_ui5_timeline_tli_icon_horizontal_indicator_after_width: var(--_ui5-compact-size, var(--_ui5_timeline_tli_indicator_after_height)) var(--_ui5-cozy-size, calc(100% + .25rem) );\n --_ui5_timeline_tli_without_icon_horizontal_indicator_before_width: var(--_ui5-compact-size, calc(100% - .625rem) ) var(--_ui5-cozy-size, calc(100% + .375rem) );\n --_ui5_timeline_tli_horizontal_indicator_short_after_width: var(--_ui5-compact-size, calc(100% - 1rem) ) var(--_ui5-cozy-size, 100%);\n --ui5_upload_collection_drag_overlay_border: .1875rem dashed var(--sapField_BorderColor);\n --ui5_upload_collection_drop_overlay_border: .1875rem solid var(--sapContent_DragAndDropActiveColor);\n --ui5_upload_collection_drop_overlay_background: var(--sapContent_DragAndDropActiveColor);\n --ui5_upload_collection_thumbnail_size: 3rem;\n --ui5_upload_collection_thumbnail_margin_inline_end: .75rem;\n --ui5_upload_collection_small_size_buttons_margin_block_start: .5rem;\n --ui5_upload_collection_small_size_buttons_margin_inline_start: 0;\n --ui5_upload_collection_drag_overlay_text_color: var(--sapTextColor);\n --ui5_upload_collection_drag_overlay_icon_color: var(--sapTextColor);\n --ui5_upload_collection_drag_overlay_border_radius: 0;\n --ui5_upload_collection_drag_overlay_opacity: .5;\n --_ui5_vsd_header_container: var(--_ui5-compact-size, 2.5rem) var(--_ui5-cozy-size, 2.75rem);\n --_ui5_vsd_sub_header_container_height: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 2.75rem);\n --_ui5_vsd_content_li_padding: .375rem;\n --_ui5_vsd_content_height: 23.4375rem;\n --_ui5_vsd_expand_content_height: var(--_ui5-compact-size, 25.4375rem) var(--_ui5-cozy-size, 26.1875rem);\n --_ui5_wiz_content_item_wrapper_padding: 1rem;\n --_ui5_wiz_content_item_wrapper_bg: var(--sapGroup_ContentBackground);\n --_ui5_wiz_tab_focus_outline: .125rem dotted var(--sapContent_FocusColor);\n --_ui5_wiz_tab_selected_bg: var(--sapContent_Selected_Background);\n --_ui5_wiz_tab_border: 1px solid var(--sapContent_Selected_ForegroundColor);\n --_ui5_wiz_tab_selection_line: var(--sapTextColor);\n --_ui5_wiz_tab_icon_color: var(--sapTextColor);\n --_ui5_wiz_tab_active_separator_color: var(--sapContent_Selected_ForegroundColor);\n --_ui5_wiz_tab_title_color: var(--sapContent_LabelColor);\n --_ui5_wiz_tab_title_font_family: var(--sapFontFamily);\n --_ui5_wiz_tab_focus_border_radius: 0;\n --_ui5_dynamic_page_footer_spacer: 4rem;\n --_ui5_dynamic_page_title_padding_S: .5rem 1rem;\n --_ui5_dynamic_page_title_padding_M: .5rem 2rem;\n --_ui5_dynamic_page_title_padding_L: .5rem 2rem;\n --_ui5_dynamic_page_title_padding_XL: .5rem 3rem;\n --_ui5_dynamic_page_header_padding_S: .5rem 1rem .125rem;\n --_ui5_dynamic_page_header_padding_M: 1rem 2rem;\n --_ui5_dynamic_page_header_padding_L: 1rem 2rem;\n --_ui5_dynamic_page_header_padding_XL: 1rem 3rem;\n --_ui5_dynamic_page_content_padding_S: 1rem 0 0;\n --_ui5_dynamic_page_content_padding_M: 1rem 1rem 0;\n --_ui5_dynamic_page_content_padding_L: 1rem 1rem 0;\n --_ui5_dynamic_page_content_padding_XL: 1rem 2rem 0;\n --ui5_dynamic_page_background: var(--sapBackgroundColor);\n --_ui5_search_icon_border_radius: .375rem;\n --_ui5_search_input_border_radius: none;\n --_ui5-search-border: var(--sapField_BorderWidth) var(--sapField_BorderStyle) var(--sapField_BorderColor);\n --_ui5-search-icon-border: var(--sapButton_BorderWidth) solid var(--sapButton_BorderColor);\n --_ui5-search-wrapper-background: none;\n --_ui5_search_separator_background: none;\n --_ui5-search-wrapper-hover-background: none;\n --_ui5-search-wrapper-hover-background-color: none;\n --_ui5-search-elements-hover-background: none;\n --_ui5-search-elements-active-background: none;\n --_ui5_search_input_scope_margin: 0;\n --_ui5-search_input_scope_hover_shadow: none;\n --_ui5-search_input_scope_active_shadow: none;\n --_ui5-search-elements-background: var(--sapShell_InteractiveBackground);\n --_ui5_search_wrapper_outline: none;\n --_ui5_search_input_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapField_Active_BorderColor);\n --_ui5_search_filter_button_border_radius: .375rem;\n --_ui5_seach_filter_button_border_hover: 1px solid var(--sapButton_Hover_BorderColor);\n --_ui5_search_filter_button_border: var(--sapButton_BorderWidth) solid var(--sapButton_BorderColor);\n --_ui5-search-filter_button_background_color: inherit;\n --ui5_search_filter_button_background_active: var(--sapShell_Hover_Background);\n --_ui5_search_icon_size: 2.25rem;\n --_ui5_search_icon_size_default: 2.25rem;\n --_ui5_search_icon_padding: .5625rem;\n --_ui5_search_icon_hover_padding: .5625rem;\n --_ui5_search_input_start_margin: .25rem;\n --_ui5_search_input_end_padding: .25rem;\n --_ui5-search-input-start-padding: .625rem;\n --_ui5-search-select-height: 2.25rem;\n --_ui5-search-loading-overlay-background: var(--sapBackgroundColor);\n --_ui5-search-loading-overlay-transparency: .3;\n --_ui5-search-field-text-color: var(--sapField_TextColor);\n --_ui5_search_item_vertical_padding: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, 1rem);\n --_ui5_search_byline_vertical_padding: .5rem;\n --_ui5_dynamic_page_title_padding_top: .5rem;\n --_ui5_dynamic_page_title_padding_bottom: .5rem;\n --_ui5_dynamic_page_title_min_height: 4rem;\n --_ui5_dynamic_page_title_focus_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);\n --_ui5_dynamic_page_title_focus_outline_offset: -.125rem;\n --_ui5_dynamic_page_title_breadcrumbs_padding_top: .5rem;\n --_ui5_dynamic_page_title_breadcrumbs_padding_bottom: .25rem;\n --_ui5_dynamic_page_title_heading_padding_top: .3125rem;\n --_ui5_dynamic_page_title_subheading_margin_top: .25rem;\n --_ui5_dynamic_page_title_hover_background: var(--sapObjectHeader_Hover_Background);\n --_ui5_dynamic_page_snapped_title_on_mobile_line_height: 2rem;\n --_ui5_dynamic_page_snapped_title_on_mobile_min_height: 2rem;\n --sapContent_TextShadow: none;\n --_ui5_dynamic_page_title_border: .0625rem solid transparent;\n --_ui5_dynamic_page_title_hover_border: .0625rem solid var(--sapObjectHeader_BorderColor);\n --_ui5_dynamic_page_header_background_color: var(--sapObjectHeader_Background);\n --_ui5_dynamic_page_header-actions-box-shadow: var(--sapContent_Shadow0);\n --_ui5_dynamic_page_header-box-shadow: var(--sapContent_HeaderShadow);\n --_ui5_dynamic_page_actions-lines-color: var(--sapObjectHeader_BorderColor);\n --_ui5_dynamic_page_header-actions-background: var(--sapObjectHeader_Background);\n --_ui5_dynamic_page_header-actions-color: var(--sapButton_TextColor);\n --_ui5_dynamic_page_header-actions-background-pressed: var(--_ui5_dynamic_page_header-actions-background);\n --_ui5_dynamic_page_header-actions-color-pressed: var(--_ui5_dynamic_page_header-actions-color);\n --_ui5_timeline_tlgi_line_horizontal_height: 16.375rem;\n --_ui5_timeline_tlgi_root_horizontal_height: var(--_ui5-compact-size, 20.90625rem) var(--_ui5-cozy-size, 21.53125rem);\n --_ui5_timeline_tlgi_compact_icon_before_height: var(--_ui5-compact-size, calc(100% + 1.5rem) ) var(--_ui5-cozy-size, var(--_ui5-f2d95f8));\n --_ui5_timeline_tlgi_horizontal_line_placeholder_before_width: var(--_ui5-compact-size, var(--_ui5_timeline_tlgi_compact_icon_before_height)) var(--_ui5-cozy-size, var(--_ui5-f2d95f8));\n --_ui5_timeline_tlgi_horizontal_compact_root_margin_left: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, var(--_ui5-f2d95f8));\n --_ui5_timeline_tlgi_compact_root_gap: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, var(--_ui5-f2d95f8));\n --_ui5_user_settings_avatar_cozy_display: var(--_ui5-compact-size, none) var(--_ui5-cozy-size, inline-block);\n --_ui5_user_settings_avatar_compact_display: var(--_ui5-compact-size, inline-block) var(--_ui5-cozy-size, none);\n --_ui5_user_settings_item_title_font_size: var(--_ui5-compact-size, var(--sapFontLargeSize)) var(--_ui5-cozy-size, var(--sapFontSize))}\n"
@@ -1 +1 @@
1
- ":host{\n --_ui5_fcl_solid_bg: var(--sapBackgroundColor);\n --_ui5_fcl_column_border: solid .0625rem var(--sapGroup_ContentBorderColor);\n --_ui5_fcl_decoration_top: linear-gradient(to top, var(--sapObjectHeader_BorderColor), #000);\n --_ui5_fcl_decoration_bottom: linear-gradient(to bottom, var(--sapObjectHeader_BorderColor), #000);\n --sapIllus_BrandColorPrimary: var(--sapContent_Illustrative_Color1);\n --sapIllus_BrandColorSecondary: var(--sapContent_Illustrative_Color2);\n --sapIllus_StrokeDetailColor: var(--sapContent_Illustrative_Color4);\n --sapIllus_Layering1: var(--sapContent_Illustrative_Color5);\n --sapIllus_Layering2: var(--sapContent_Illustrative_Color6);\n --sapIllus_BackgroundColor: var(--sapContent_Illustrative_Color7);\n --sapIllus_ObjectFillColor: var(--sapContent_Illustrative_Color8);\n --sapIllus_AccentColor: var(--sapContent_Illustrative_Color3);\n --sapIllus_NoColor: none;\n --sapIllus_PatternShadow: url(#sapIllus_PatternShadow);\n --sapIllus_PatternHighlight: url(#sapIllus_PatternHighlight);\n --_ui5_media_gallery_overflow_btn_background: var(--sapButton_Background);\n --_ui5_media_gallery_overflow_btn_color: var(--sapButton_TextColor);\n --_ui5_media_gallery_overflow_btn_border: 1px solid var(--sapButton_BorderColor);\n --_ui5_media_gallery_thumbnail_border: 1px solid var(--sapContent_ForegroundColor);\n --_ui5_media_gallery_thumbnail_selected_border: 2px solid var(--sapSelectedColor);\n --_ui5_media_gallery_thumbnail_focus_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);\n --_ui5_media_gallery_item_overlay_box_shadow: inset 0px 0px 80px rgba(0, 0, 0, .2);\n --_ui5_page_list_bg: var(--sapGroup_ContentBackground);\n --_ui5_page_transparent_bg: var(--sapBackgroundColor);\n --_ui5_product_switch_item_width: 11.25rem;\n --_ui5_product_switch_item_height: 7rem;\n --_ui5_product_switch_item_active_outline_color: var(--sapContent_ContrastFocusColor);\n --_ui5_product_switch_item_outline_offset: -.25rem;\n --_ui5_product_switch_item_border: 1px solid var(--sapField_BorderColor);\n --_ui5_shellbar_root_height: 2.75rem;\n --_ui5_shellbar_logo_outline_color: var(--sapContent_ContrastFocusColor);\n --_ui5_shellbar_logo_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--_ui5_shellbar_logo_outline_color);\n --_ui5_shellbar_outline_offset: -.1875rem;\n --_ui5_shellbar_button_box_shadow: none;\n --_ui5_shellbar_button_box_shadow_active: none;\n --_ui5_shellbar_button_border: var(--sapButton_BorderWidth) solid var(--sapButton_BorderColor);\n --_ui5_shellbar_button_border_radius: var(--sapButton_BorderCornerRadius);\n --_ui5_shellbar_button_focused_border: .125rem dotted var(--sapContent_FocusColor);\n --_ui5_shellbar_button_active_color: var(--sapShell_Active_TextColor);\n --_ui5_shellbar_search_field_background: var(--sapShellColor);\n --_ui5_shellbar_search_field_border: .0625rem solid var(--sapShell_InteractiveBorderColor);\n --_ui5_shellbar_search_field_box_shadow: none;\n --_ui5_shellbar_search_field_color: var(--sapShell_TextColor);\n --_ui5_shellbar_search_field_outline_focused: none;\n --_ui5_shellbar_search_field_width: 25rem;\n --_ui5_shellbar_input_focus_outline_color: inherit;\n --_ui5_shellbar_overflow_container_middle_height: 2.5rem;\n --_ui5_shellbar_menu_button_title_font_size: var(--sapFontHeader5Size);\n --_ui5_shellbar_image_button_border_radius: 50%;\n --_ui5-shellbar-content-margin-start: .5rem;\n --_ui5-shellbar-overflow-button-margin: .5rem;\n --_ui5-shellbar_separator-color: var(--sapToolbar_SeparatorColor);\n --_ui5-shellbar_cancel-button-color: var(--sapButton_Lite_TextColor);\n --_ui5_shellbar_button_badge_border: 1px solid var(--sapGroup_ContentBorderColor);\n --_ui5_side_navigation_width: 16rem;\n --_ui5_side_navigation_collapsed_width: 3rem;\n --_ui5_side_navigation_navigation_separator_margin: .25rem .5rem .25rem .5rem;\n --_ui5_side_navigation_navigation_separator_background_color: var(--sapList_GroupHeaderBorderColor);\n --_ui5_side_navigation_navigation_separator_radius: unset;\n --_ui5_side_navigation_navigation_separator_height: calc(2 * var(--sapList_BorderWidth));\n --_ui5_side_navigation_triangle_color: var(--sapContent_IconColor);\n --_ui5_side_navigation_border_right: 1px solid var(--sapGroup_ContentBorderColor);\n --_ui5_side_navigation_box_shadow: var(--sapContent_Shadow0);\n --_ui5_side_navigation_triangle_display: block;\n --_ui5_side_navigation_icon_color: var(--sapContent_IconColor);\n --_ui5_side_navigation_expand_icon_color: var(--sapContent_IconColor);\n --_ui5_side_navigation_expand_icon_width: 2rem;\n --_ui5_side_navigation_hover_border_style_color: none;\n --_ui5_side_navigation_hover_border_width: 0;\n --_ui5_side_navigation_group_border_style_color: solid var(--sapList_BorderColor);\n --_ui5_side_navigation_group_border_width: 0 0 .0625rem 0;\n --_ui5_side_navigation_item_border_style_color: none;\n --_ui5_side_navigation_item_border_width: 0;\n --_ui5_side_navigation_item_height: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 2.5rem);\n --_ui5_side_navigation_item_margin: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, .875rem);\n --_ui5_side_navigation_item_expand_arrow_padding: var(--_ui5-compact-size, .3125rem) var(--_ui5-cozy-size, .6875rem);\n --_ui5_side_navigation_item_border_radius: 0;\n --_ui5_side_navigation_item_bottom_margin: 0;\n --_ui5_side_navigation_item_padding_start_in_popup: var(--_ui5_side_navigation_group_icon_width);\n --_ui5_side_navigation_item_padding_start_in_overflow_popup: .75rem;\n --_ui5_side_navigation_item_transition: none;\n --_ui5_side_navigation_item_padding_left: .5rem;\n --_ui5_side_navigation_item_focus_border_offset: 1px;\n --_ui5_side_navigation_item_focus_border_radius: var(--_ui5_side_navigation_item_border_radius);\n --_ui5_side_navigation_collapsed_selected_item_background: 0 100% / 100% .0625rem no-repeat linear-gradient(0deg, var(--sapList_SelectionBorderColor), var(--sapList_SelectionBorderColor)), var(--sapList_SelectionBackgroundColor);\n --_ui5_side_navigation_collapsed_selected_item_background_hover: 0 100% / 100% .0625rem no-repeat linear-gradient(0deg, var(--sapList_SelectionBorderColor), var(--sapList_SelectionBorderColor)), var(--sapList_Hover_SelectionBackground);\n --_ui5_side_navigation_selected_item_border_color: var(--sapList_SelectionBorderColor);\n --_ui5_side_navigation_selected_border_style_color: solid var(--_ui5_side_navigation_selected_item_border_color);\n --_ui5_side_navigation_selected_and_focused_border_style_color: var(--_ui5_side_navigation_selected_border_style_color);\n --_ui5_side_navigation_selected_border_width: 0 0 .0625rem 0;\n --_ui5_side_navigation_group_expanded_border_width: 0;\n --_ui5_side_navigation_group_icon_width: var(--_ui5_side_navigation_collapsed_width);\n --_ui5_side_navigation_icon_padding_inline_end: .4375rem;\n --_ui5_side_navigation_item_font_family: var(--sapFontFamily);\n --_ui5_side_navigation_parent_item_font_family: var(--sapFontSemiboldDuplexFamily);\n --_ui5_side_navigation_group_padding: .5rem;\n --_ui5_side_navigation_padding-flexible: 0;\n --_ui5_side_navigation_padding-fixed: 0;\n --_ui5_side_navigation_popup_padding: 0;\n --_ui5_side_navigation_popup_title_line_height: normal;\n --_ui5_side_navigation_first_fixed_item_margin_top: 0;\n --_ui5_side_navigation_item_expand_icon_visibility: none;\n --_ui5_side_navigation_item_collapsed_hover_focus_width: auto;\n --_ui5_side_navigation_item_collapsed_hover_focus_display: none;\n --_ui5_side_navigation_item_collapsed_hover_focus_padding_right: 0;\n --_ui5_side_navigation_action_item_collapsed_padding: 0;\n --_ui5_side_navigation_item_collapsed_padding: 0;\n --_ui5_side_navigation_action_item_border_hover: var(--sapButton_BorderWidth) solid var(--sapButton_Hover_BorderColor);\n --_ui5_side_navigation_action_item_border_active: var(--sapButton_BorderWidth) solid var(--sapButton_Active_BorderColor);\n --_ui5_side_navigation_item_expand_icon_right: -.5rem;\n --_ui5_side_navigation_item_expand_icon_hover_left: auto;\n --_ui5_side_navigation_item_expand_icon_hover_right: 0;\n --_ui5_side_navigation_active_text_color: var(--sapList_Active_TextColor);\n --_ui5_TimelineItem_arrow_size: 1.625rem;\n --_ui5_TimelineItem_bubble_border_width: .0625rem;\n --_ui5_TimelineItem_bubble_border_style: dotted;\n --_ui5_TimelineItem_bubble_border_radius: .25rem;\n --_ui5_TimelineItem_bubble_border_color: var(--sapList_BorderColor);\n --_ui5_TimelineItem_bubble_border_top: -.125rem;\n --_ui5_TimelineItem_bubble_border_right: -.125rem;\n --_ui5_TimelineItem_bubble_border_bottom: -.125rem;\n --_ui5_TimelineItem_bubble_border_left: -.625rem;\n --_ui5_TimelineItem_bubble_rtl_left_offset: -.1875rem;\n --_ui5_TimelineItem_bubble_rtl_right_offset: -.6875rem;\n --_ui5_TimelineItem_bubble_focus_border_radius: 0;\n --_ui5_TimelineItem_horizontal_bubble_focus_top_offset: -.625rem;\n --_ui5_TimelineItem_horizontal_bubble_focus_left_offset: -.125rem;\n --_ui5_TimelineItem_bubble_content_padding: var(--_ui5_tl_bubble_padding);\n --_ui5_TimelineItem_bubble_content_subtitle_padding_top: .375rem;\n --_ui5_TimelineItem_bubble_content_description_padding_top: .75rem;\n --_ui5_tl_bubble_padding: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, 1rem);\n --_ui5_tl_padding: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, 1rem 1rem 1rem .5rem);\n --_ui5_tl_li_margin_bottom: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, 1.625rem);\n --_ui5_timeline_tli_indicator_before_bottom: var(--_ui5-compact-size, -.75rem) var(--_ui5-cozy-size, -1.5rem);\n --_ui5_timeline_tli_indicator_before_right: var(--_ui5-compact-size, -.5rem) var(--_ui5-cozy-size, -1.625rem);\n --_ui5_timeline_tli_indicator_before_without_icon_bottom: var(--_ui5-compact-size, -1rem) var(--_ui5-cozy-size, -1.875rem);\n --_ui5_timeline_tli_indicator_before_without_icon_right: var(--_ui5-compact-size, -.8125rem) var(--_ui5-cozy-size, -1.9375rem);\n --_ui5_timeline_tli_indicator_after_top: var(--_ui5-compact-size, calc(-100% + .9375rem) ) var(--_ui5-cozy-size, calc(-100% - 1rem) );\n --_ui5_timeline_tli_indicator_after_height: var(--_ui5-compact-size, calc(100% - .75rem) ) var(--_ui5-cozy-size, calc(100% + 1rem) );\n --_ui5_timeline_tli_indicator_before_height: var(--_ui5-compact-size, calc(100% - 1.25rem) ) var(--_ui5-cozy-size, 100%);\n --_ui5_timeline_tli_horizontal_indicator_after_width: var(--_ui5-compact-size, var(--_ui5_timeline_tli_indicator_after_height)) var(--_ui5-cozy-size, calc(100% + .25rem) );\n --_ui5_timeline_tli_horizontal_indicator_after_left: var(--_ui5-compact-size, 1.8625rem) var(--_ui5-cozy-size, 1.9375rem);\n --_ui5_timeline_tli_horizontal_without_icon_indicator_before_width: var(--_ui5-compact-size, var(--_ui5_timeline_tli_indicator_after_height)) var(--_ui5-cozy-size, calc(100% + .5rem) );\n --_ui5_timeline_tli_horizontal_indicator_before_width: var(--_ui5-compact-size, var(--_ui5_timeline_tli_indicator_after_height)) var(--_ui5-cozy-size, calc(100% + .5rem) );\n --_ui5_timeline_tli_icon_horizontal_indicator_after_width: var(--_ui5-compact-size, var(--_ui5_timeline_tli_indicator_after_height)) var(--_ui5-cozy-size, calc(100% + .25rem) );\n --_ui5_timeline_tli_without_icon_horizontal_indicator_before_width: var(--_ui5-compact-size, calc(100% - .625rem) ) var(--_ui5-cozy-size, calc(100% + .375rem) );\n --_ui5_timeline_tli_horizontal_indicator_short_after_width: var(--_ui5-compact-size, calc(100% - 1rem) ) var(--_ui5-cozy-size, 100%);\n --ui5_upload_collection_drag_overlay_border: .1875rem dashed var(--sapContent_ForegroundBorderColor);\n --ui5_upload_collection_drop_overlay_border: .1875rem solid var(--sapContent_HelpColor);\n --ui5_upload_collection_drop_overlay_background: transparent;\n --ui5_upload_collection_thumbnail_size: 3rem;\n --ui5_upload_collection_thumbnail_margin_inline_end: .75rem;\n --ui5_upload_collection_small_size_buttons_margin_block_start: .5rem;\n --ui5_upload_collection_small_size_buttons_margin_inline_start: 0;\n --ui5_upload_collection_drag_overlay_text_color: var(--sapContent_NonInteractiveIconColor);\n --ui5_upload_collection_drag_overlay_icon_color: var(--sapContent_NonInteractiveIconColor);\n --ui5_upload_collection_drag_overlay_border_radius: 0;\n --ui5_upload_collection_drag_overlay_opacity: .8;\n --_ui5_vsd_header_container: var(--_ui5-compact-size, 2.5rem) var(--_ui5-cozy-size, 2.75rem);\n --_ui5_vsd_sub_header_container_height: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 2.75rem);\n --_ui5_vsd_content_li_padding: .375rem;\n --_ui5_vsd_content_height: 23.4375rem;\n --_ui5_vsd_expand_content_height: var(--_ui5-compact-size, 25.4375rem) var(--_ui5-cozy-size, 26.1875rem);\n --_ui5_wiz_content_item_wrapper_padding: 1rem;\n --_ui5_wiz_content_item_wrapper_bg: var(--sapGroup_ContentBackground);\n --_ui5_wiz_tab_focus_outline: .125rem dotted var(--sapContent_FocusColor);\n --_ui5_wiz_tab_selected_bg: var(--sapContent_Selected_Background);\n --_ui5_wiz_tab_border: 1px solid var(--sapContent_Selected_ForegroundColor);\n --_ui5_wiz_tab_selection_line: var(--sapTextColor);\n --_ui5_wiz_tab_icon_color: var(--sapTextColor);\n --_ui5_wiz_tab_active_separator_color: var(--sapContent_Selected_ForegroundColor);\n --_ui5_wiz_tab_title_color: var(--sapContent_LabelColor);\n --_ui5_wiz_tab_title_font_family: var(--sapFontFamily);\n --_ui5_wiz_tab_focus_border_radius: 0;\n --_ui5_dynamic_page_footer_spacer: 4rem;\n --_ui5_dynamic_page_title_padding_S: .5rem 1rem;\n --_ui5_dynamic_page_title_padding_M: .5rem 2rem;\n --_ui5_dynamic_page_title_padding_L: .5rem 2rem;\n --_ui5_dynamic_page_title_padding_XL: .5rem 3rem;\n --_ui5_dynamic_page_header_padding_S: .5rem 1rem .125rem;\n --_ui5_dynamic_page_header_padding_M: 1rem 2rem;\n --_ui5_dynamic_page_header_padding_L: 1rem 2rem;\n --_ui5_dynamic_page_header_padding_XL: 1rem 3rem;\n --_ui5_dynamic_page_content_padding_S: 1rem 0 0;\n --_ui5_dynamic_page_content_padding_M: 1rem 1rem 0;\n --_ui5_dynamic_page_content_padding_L: 1rem 1rem 0;\n --_ui5_dynamic_page_content_padding_XL: 1rem 2rem 0;\n --ui5_dynamic_page_background: var(--sapBackgroundColor);\n --_ui5_dynamic_page_title_padding_top: .5rem;\n --_ui5_dynamic_page_title_padding_bottom: .5rem;\n --_ui5_dynamic_page_title_min_height: 4rem;\n --_ui5_dynamic_page_title_focus_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);\n --_ui5_dynamic_page_title_focus_outline_offset: -.0625rem;\n --_ui5_dynamic_page_title_breadcrumbs_padding_top: .5rem;\n --_ui5_dynamic_page_title_breadcrumbs_padding_bottom: .25rem;\n --_ui5_dynamic_page_title_heading_padding_top: .3125rem;\n --_ui5_dynamic_page_title_subheading_margin_top: .25rem;\n --_ui5_dynamic_page_title_hover_background: var(--sapObjectHeader_Hover_Background);\n --_ui5_dynamic_page_snapped_title_on_mobile_line_height: 2rem;\n --_ui5_dynamic_page_snapped_title_on_mobile_min_height: 2rem;\n --_ui5_dynamic_page_header_background_color: var(--sapObjectHeader_Background);\n --_ui5_dynamic_page_header-actions-box-shadow: var(--sapContent_Shadow0);\n --_ui5_dynamic_page_header-box-shadow: var(--sapContent_HeaderShadow);\n --_ui5_dynamic_page_actions-lines-color: var(--sapObjectHeader_BorderColor);\n --_ui5_dynamic_page_header-actions-background: var(--sapObjectHeader_Background);\n --_ui5_dynamic_page_header-actions-color: var(--sapButton_TextColor);\n --_ui5_dynamic_page_header-actions-background-pressed: var(--_ui5_dynamic_page_header-actions-background);\n --_ui5_dynamic_page_header-actions-color-pressed: var(--_ui5_dynamic_page_header-actions-color);\n --_ui5_timeline_tlgi_line_horizontal_height: 16.375rem;\n --_ui5_timeline_tlgi_root_horizontal_height: var(--_ui5-compact-size, 20.90625rem) var(--_ui5-cozy-size, 21.53125rem);\n --_ui5_timeline_tlgi_compact_icon_before_height: var(--_ui5-compact-size, calc(100% + 1.5rem) ) var(--_ui5-cozy-size, var(--_ui5-f2d95f8));\n --_ui5_timeline_tlgi_horizontal_line_placeholder_before_width: var(--_ui5-compact-size, var(--_ui5_timeline_tlgi_compact_icon_before_height)) var(--_ui5-cozy-size, var(--_ui5-f2d95f8));\n --_ui5_timeline_tlgi_horizontal_compact_root_margin_left: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, var(--_ui5-f2d95f8));\n --_ui5_timeline_tlgi_compact_root_gap: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, var(--_ui5-f2d95f8))}\n"
1
+ ":host{\n --_ui5_banner_background: var(--sapShell_HeroBanner_Background);\n --_ui5_banner_text_color: var(--sapShell_HeroBanner_TextColor);\n --_ui5_banner_border_radius: var(--sapTile_BorderCornerRadius);\n --_ui5_banner_border: .0625rem solid var(--sapTile_BorderColor);\n --_ui5_banner_box_shadow: var(--sapContent_Shadow0);\n --_ui5_banner_background_image: var(--sapShell_HeroBanner_BackgroundImage);\n --_ui5_fcl_solid_bg: var(--sapBackgroundColor);\n --_ui5_fcl_column_border: solid .0625rem var(--sapGroup_ContentBorderColor);\n --_ui5_fcl_decoration_top: linear-gradient(to top, var(--sapObjectHeader_BorderColor), #000);\n --_ui5_fcl_decoration_bottom: linear-gradient(to bottom, var(--sapObjectHeader_BorderColor), #000);\n --sapIllus_BrandColorPrimary: var(--sapContent_Illustrative_Color1);\n --sapIllus_BrandColorSecondary: var(--sapContent_Illustrative_Color2);\n --sapIllus_StrokeDetailColor: var(--sapContent_Illustrative_Color4);\n --sapIllus_Layering1: var(--sapContent_Illustrative_Color5);\n --sapIllus_Layering2: var(--sapContent_Illustrative_Color6);\n --sapIllus_BackgroundColor: var(--sapContent_Illustrative_Color7);\n --sapIllus_ObjectFillColor: var(--sapContent_Illustrative_Color8);\n --sapIllus_AccentColor: var(--sapContent_Illustrative_Color3);\n --sapIllus_NoColor: none;\n --sapIllus_PatternShadow: url(#sapIllus_PatternShadow);\n --sapIllus_PatternHighlight: url(#sapIllus_PatternHighlight);\n --_ui5_media_gallery_overflow_btn_background: var(--sapButton_Background);\n --_ui5_media_gallery_overflow_btn_color: var(--sapButton_TextColor);\n --_ui5_media_gallery_overflow_btn_border: 1px solid var(--sapButton_BorderColor);\n --_ui5_media_gallery_thumbnail_border: 1px solid var(--sapContent_ForegroundColor);\n --_ui5_media_gallery_thumbnail_selected_border: 2px solid var(--sapSelectedColor);\n --_ui5_media_gallery_thumbnail_focus_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);\n --_ui5_media_gallery_item_overlay_box_shadow: inset 0px 0px 80px rgba(0, 0, 0, .2);\n --_ui5_page_list_bg: var(--sapGroup_ContentBackground);\n --_ui5_page_transparent_bg: var(--sapBackgroundColor);\n --_ui5_product_switch_item_width: 11.25rem;\n --_ui5_product_switch_item_height: 7rem;\n --_ui5_product_switch_item_active_outline_color: var(--sapContent_ContrastFocusColor);\n --_ui5_product_switch_item_outline_offset: -.25rem;\n --_ui5_product_switch_item_border: 1px solid var(--sapField_BorderColor);\n --_ui5_shellbar_root_height: 2.75rem;\n --_ui5_shellbar_logo_outline_color: var(--sapContent_ContrastFocusColor);\n --_ui5_shellbar_logo_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--_ui5_shellbar_logo_outline_color);\n --_ui5_shellbar_outline_offset: -.1875rem;\n --_ui5_shellbar_button_box_shadow: none;\n --_ui5_shellbar_button_box_shadow_active: none;\n --_ui5_shellbar_button_border: var(--sapButton_BorderWidth) solid var(--sapButton_BorderColor);\n --_ui5_shellbar_button_border_radius: var(--sapButton_BorderCornerRadius);\n --_ui5_shellbar_button_focused_border: .125rem dotted var(--sapContent_FocusColor);\n --_ui5_shellbar_button_active_color: var(--sapShell_Active_TextColor);\n --_ui5_shellbar_search_field_background: var(--sapShellColor);\n --_ui5_shellbar_search_field_border: .0625rem solid var(--sapShell_InteractiveBorderColor);\n --_ui5_shellbar_search_field_box_shadow: none;\n --_ui5_shellbar_search_field_color: var(--sapShell_TextColor);\n --_ui5_shellbar_search_field_outline_focused: none;\n --_ui5_shellbar_search_field_width: 25rem;\n --_ui5_shellbar_input_focus_outline_color: inherit;\n --_ui5_shellbar_overflow_container_middle_height: 2.5rem;\n --_ui5_shellbar_menu_button_title_font_size: var(--sapFontHeader5Size);\n --_ui5_shellbar_image_button_border_radius: 50%;\n --_ui5-shellbar-content-margin-start: .5rem;\n --_ui5-shellbar-overflow-button-margin: .5rem;\n --_ui5-shellbar_separator-color: var(--sapToolbar_SeparatorColor);\n --_ui5-shellbar_cancel-button-color: var(--sapButton_Lite_TextColor);\n --_ui5_shellbar_button_badge_border: 1px solid var(--sapGroup_ContentBorderColor);\n --_ui5_side_navigation_width: 16rem;\n --_ui5_side_navigation_collapsed_width: 3rem;\n --_ui5_side_navigation_navigation_separator_margin: .25rem .5rem .25rem .5rem;\n --_ui5_side_navigation_navigation_separator_background_color: var(--sapList_GroupHeaderBorderColor);\n --_ui5_side_navigation_navigation_separator_radius: unset;\n --_ui5_side_navigation_navigation_separator_height: calc(2 * var(--sapList_BorderWidth));\n --_ui5_side_navigation_triangle_color: var(--sapContent_IconColor);\n --_ui5_side_navigation_border_right: 1px solid var(--sapGroup_ContentBorderColor);\n --_ui5_side_navigation_box_shadow: var(--sapContent_Shadow0);\n --_ui5_side_navigation_triangle_display: block;\n --_ui5_side_navigation_icon_color: var(--sapContent_IconColor);\n --_ui5_side_navigation_expand_icon_color: var(--sapContent_IconColor);\n --_ui5_side_navigation_expand_icon_width: 2rem;\n --_ui5_side_navigation_hover_border_style_color: none;\n --_ui5_side_navigation_hover_border_width: 0;\n --_ui5_side_navigation_group_border_style_color: solid var(--sapList_BorderColor);\n --_ui5_side_navigation_group_border_width: 0 0 .0625rem 0;\n --_ui5_side_navigation_item_border_style_color: none;\n --_ui5_side_navigation_item_border_width: 0;\n --_ui5_side_navigation_item_height: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 2.5rem);\n --_ui5_side_navigation_item_margin: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, .875rem);\n --_ui5_side_navigation_item_expand_arrow_padding: var(--_ui5-compact-size, .3125rem) var(--_ui5-cozy-size, .6875rem);\n --_ui5_side_navigation_item_border_radius: 0;\n --_ui5_side_navigation_item_bottom_margin: 0;\n --_ui5_side_navigation_item_padding_start_in_popup: var(--_ui5_side_navigation_group_icon_width);\n --_ui5_side_navigation_item_padding_start_in_overflow_popup: .75rem;\n --_ui5_side_navigation_item_transition: none;\n --_ui5_side_navigation_item_padding_left: .5rem;\n --_ui5_side_navigation_item_focus_border_offset: 1px;\n --_ui5_side_navigation_item_focus_border_radius: var(--_ui5_side_navigation_item_border_radius);\n --_ui5_side_navigation_collapsed_selected_item_background: 0 100% / 100% .0625rem no-repeat linear-gradient(0deg, var(--sapList_SelectionBorderColor), var(--sapList_SelectionBorderColor)), var(--sapList_SelectionBackgroundColor);\n --_ui5_side_navigation_collapsed_selected_item_background_hover: 0 100% / 100% .0625rem no-repeat linear-gradient(0deg, var(--sapList_SelectionBorderColor), var(--sapList_SelectionBorderColor)), var(--sapList_Hover_SelectionBackground);\n --_ui5_side_navigation_selected_item_border_color: var(--sapList_SelectionBorderColor);\n --_ui5_side_navigation_selected_border_style_color: solid var(--_ui5_side_navigation_selected_item_border_color);\n --_ui5_side_navigation_selected_and_focused_border_style_color: var(--_ui5_side_navigation_selected_border_style_color);\n --_ui5_side_navigation_selected_border_width: 0 0 .0625rem 0;\n --_ui5_side_navigation_group_expanded_border_width: 0;\n --_ui5_side_navigation_group_icon_width: var(--_ui5_side_navigation_collapsed_width);\n --_ui5_side_navigation_icon_padding_inline_end: .4375rem;\n --_ui5_side_navigation_item_font_family: var(--sapFontFamily);\n --_ui5_side_navigation_parent_item_font_family: var(--sapFontSemiboldDuplexFamily);\n --_ui5_side_navigation_group_padding: .5rem;\n --_ui5_side_navigation_padding-flexible: 0;\n --_ui5_side_navigation_padding-fixed: 0;\n --_ui5_side_navigation_popup_padding: 0;\n --_ui5_side_navigation_popup_title_line_height: normal;\n --_ui5_side_navigation_first_fixed_item_margin_top: 0;\n --_ui5_side_navigation_item_expand_icon_visibility: none;\n --_ui5_side_navigation_item_collapsed_hover_focus_width: auto;\n --_ui5_side_navigation_item_collapsed_hover_focus_display: none;\n --_ui5_side_navigation_item_collapsed_hover_focus_padding_right: 0;\n --_ui5_side_navigation_action_item_collapsed_padding: 0;\n --_ui5_side_navigation_item_collapsed_padding: 0;\n --_ui5_side_navigation_action_item_border_hover: var(--sapButton_BorderWidth) solid var(--sapButton_Hover_BorderColor);\n --_ui5_side_navigation_action_item_border_active: var(--sapButton_BorderWidth) solid var(--sapButton_Active_BorderColor);\n --_ui5_side_navigation_item_expand_icon_right: -.5rem;\n --_ui5_side_navigation_item_expand_icon_hover_left: auto;\n --_ui5_side_navigation_item_expand_icon_hover_right: 0;\n --_ui5_side_navigation_active_text_color: var(--sapList_Active_TextColor);\n --_ui5_TimelineItem_arrow_size: 1.625rem;\n --_ui5_TimelineItem_bubble_border_width: .0625rem;\n --_ui5_TimelineItem_bubble_border_style: dotted;\n --_ui5_TimelineItem_bubble_border_radius: .25rem;\n --_ui5_TimelineItem_bubble_border_color: var(--sapList_BorderColor);\n --_ui5_TimelineItem_bubble_border_top: -.125rem;\n --_ui5_TimelineItem_bubble_border_right: -.125rem;\n --_ui5_TimelineItem_bubble_border_bottom: -.125rem;\n --_ui5_TimelineItem_bubble_border_left: -.625rem;\n --_ui5_TimelineItem_bubble_rtl_left_offset: -.1875rem;\n --_ui5_TimelineItem_bubble_rtl_right_offset: -.6875rem;\n --_ui5_TimelineItem_bubble_focus_border_radius: 0;\n --_ui5_TimelineItem_horizontal_bubble_focus_top_offset: -.625rem;\n --_ui5_TimelineItem_horizontal_bubble_focus_left_offset: -.125rem;\n --_ui5_TimelineItem_bubble_content_padding: var(--_ui5_tl_bubble_padding);\n --_ui5_TimelineItem_bubble_content_subtitle_padding_top: .375rem;\n --_ui5_TimelineItem_bubble_content_description_padding_top: .75rem;\n --_ui5_tl_bubble_padding: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, 1rem);\n --_ui5_tl_padding: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, 1rem 1rem 1rem .5rem);\n --_ui5_tl_li_margin_bottom: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, 1.625rem);\n --_ui5_timeline_tli_indicator_before_bottom: var(--_ui5-compact-size, -.75rem) var(--_ui5-cozy-size, -1.5rem);\n --_ui5_timeline_tli_indicator_before_right: var(--_ui5-compact-size, -.5rem) var(--_ui5-cozy-size, -1.625rem);\n --_ui5_timeline_tli_indicator_before_without_icon_bottom: var(--_ui5-compact-size, -1rem) var(--_ui5-cozy-size, -1.875rem);\n --_ui5_timeline_tli_indicator_before_without_icon_right: var(--_ui5-compact-size, -.8125rem) var(--_ui5-cozy-size, -1.9375rem);\n --_ui5_timeline_tli_indicator_after_top: var(--_ui5-compact-size, calc(-100% + .9375rem) ) var(--_ui5-cozy-size, calc(-100% - 1rem) );\n --_ui5_timeline_tli_indicator_after_height: var(--_ui5-compact-size, calc(100% - .75rem) ) var(--_ui5-cozy-size, calc(100% + 1rem) );\n --_ui5_timeline_tli_indicator_before_height: var(--_ui5-compact-size, calc(100% - 1.25rem) ) var(--_ui5-cozy-size, 100%);\n --_ui5_timeline_tli_horizontal_indicator_after_width: var(--_ui5-compact-size, var(--_ui5_timeline_tli_indicator_after_height)) var(--_ui5-cozy-size, calc(100% + .25rem) );\n --_ui5_timeline_tli_horizontal_indicator_after_left: var(--_ui5-compact-size, 1.8625rem) var(--_ui5-cozy-size, 1.9375rem);\n --_ui5_timeline_tli_horizontal_without_icon_indicator_before_width: var(--_ui5-compact-size, var(--_ui5_timeline_tli_indicator_after_height)) var(--_ui5-cozy-size, calc(100% + .5rem) );\n --_ui5_timeline_tli_horizontal_indicator_before_width: var(--_ui5-compact-size, var(--_ui5_timeline_tli_indicator_after_height)) var(--_ui5-cozy-size, calc(100% + .5rem) );\n --_ui5_timeline_tli_icon_horizontal_indicator_after_width: var(--_ui5-compact-size, var(--_ui5_timeline_tli_indicator_after_height)) var(--_ui5-cozy-size, calc(100% + .25rem) );\n --_ui5_timeline_tli_without_icon_horizontal_indicator_before_width: var(--_ui5-compact-size, calc(100% - .625rem) ) var(--_ui5-cozy-size, calc(100% + .375rem) );\n --_ui5_timeline_tli_horizontal_indicator_short_after_width: var(--_ui5-compact-size, calc(100% - 1rem) ) var(--_ui5-cozy-size, 100%);\n --ui5_upload_collection_drag_overlay_border: .1875rem dashed var(--sapContent_ForegroundBorderColor);\n --ui5_upload_collection_drop_overlay_border: .1875rem solid var(--sapContent_HelpColor);\n --ui5_upload_collection_drop_overlay_background: transparent;\n --ui5_upload_collection_thumbnail_size: 3rem;\n --ui5_upload_collection_thumbnail_margin_inline_end: .75rem;\n --ui5_upload_collection_small_size_buttons_margin_block_start: .5rem;\n --ui5_upload_collection_small_size_buttons_margin_inline_start: 0;\n --ui5_upload_collection_drag_overlay_text_color: var(--sapContent_NonInteractiveIconColor);\n --ui5_upload_collection_drag_overlay_icon_color: var(--sapContent_NonInteractiveIconColor);\n --ui5_upload_collection_drag_overlay_border_radius: 0;\n --ui5_upload_collection_drag_overlay_opacity: .8;\n --_ui5_vsd_header_container: var(--_ui5-compact-size, 2.5rem) var(--_ui5-cozy-size, 2.75rem);\n --_ui5_vsd_sub_header_container_height: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 2.75rem);\n --_ui5_vsd_content_li_padding: .375rem;\n --_ui5_vsd_content_height: 23.4375rem;\n --_ui5_vsd_expand_content_height: var(--_ui5-compact-size, 25.4375rem) var(--_ui5-cozy-size, 26.1875rem);\n --_ui5_wiz_content_item_wrapper_padding: 1rem;\n --_ui5_wiz_content_item_wrapper_bg: var(--sapGroup_ContentBackground);\n --_ui5_wiz_tab_focus_outline: .125rem dotted var(--sapContent_FocusColor);\n --_ui5_wiz_tab_selected_bg: var(--sapContent_Selected_Background);\n --_ui5_wiz_tab_border: 1px solid var(--sapContent_Selected_ForegroundColor);\n --_ui5_wiz_tab_selection_line: var(--sapTextColor);\n --_ui5_wiz_tab_icon_color: var(--sapTextColor);\n --_ui5_wiz_tab_active_separator_color: var(--sapContent_Selected_ForegroundColor);\n --_ui5_wiz_tab_title_color: var(--sapContent_LabelColor);\n --_ui5_wiz_tab_title_font_family: var(--sapFontFamily);\n --_ui5_wiz_tab_focus_border_radius: 0;\n --_ui5_dynamic_page_footer_spacer: 4rem;\n --_ui5_dynamic_page_title_padding_S: .5rem 1rem;\n --_ui5_dynamic_page_title_padding_M: .5rem 2rem;\n --_ui5_dynamic_page_title_padding_L: .5rem 2rem;\n --_ui5_dynamic_page_title_padding_XL: .5rem 3rem;\n --_ui5_dynamic_page_header_padding_S: .5rem 1rem .125rem;\n --_ui5_dynamic_page_header_padding_M: 1rem 2rem;\n --_ui5_dynamic_page_header_padding_L: 1rem 2rem;\n --_ui5_dynamic_page_header_padding_XL: 1rem 3rem;\n --_ui5_dynamic_page_content_padding_S: 1rem 0 0;\n --_ui5_dynamic_page_content_padding_M: 1rem 1rem 0;\n --_ui5_dynamic_page_content_padding_L: 1rem 1rem 0;\n --_ui5_dynamic_page_content_padding_XL: 1rem 2rem 0;\n --ui5_dynamic_page_background: var(--sapBackgroundColor);\n --_ui5_dynamic_page_title_padding_top: .5rem;\n --_ui5_dynamic_page_title_padding_bottom: .5rem;\n --_ui5_dynamic_page_title_min_height: 4rem;\n --_ui5_dynamic_page_title_focus_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);\n --_ui5_dynamic_page_title_focus_outline_offset: -.0625rem;\n --_ui5_dynamic_page_title_breadcrumbs_padding_top: .5rem;\n --_ui5_dynamic_page_title_breadcrumbs_padding_bottom: .25rem;\n --_ui5_dynamic_page_title_heading_padding_top: .3125rem;\n --_ui5_dynamic_page_title_subheading_margin_top: .25rem;\n --_ui5_dynamic_page_title_hover_background: var(--sapObjectHeader_Hover_Background);\n --_ui5_dynamic_page_snapped_title_on_mobile_line_height: 2rem;\n --_ui5_dynamic_page_snapped_title_on_mobile_min_height: 2rem;\n --_ui5_dynamic_page_header_background_color: var(--sapObjectHeader_Background);\n --_ui5_dynamic_page_header-actions-box-shadow: var(--sapContent_Shadow0);\n --_ui5_dynamic_page_header-box-shadow: var(--sapContent_HeaderShadow);\n --_ui5_dynamic_page_actions-lines-color: var(--sapObjectHeader_BorderColor);\n --_ui5_dynamic_page_header-actions-background: var(--sapObjectHeader_Background);\n --_ui5_dynamic_page_header-actions-color: var(--sapButton_TextColor);\n --_ui5_dynamic_page_header-actions-background-pressed: var(--_ui5_dynamic_page_header-actions-background);\n --_ui5_dynamic_page_header-actions-color-pressed: var(--_ui5_dynamic_page_header-actions-color);\n --_ui5_timeline_tlgi_line_horizontal_height: 16.375rem;\n --_ui5_timeline_tlgi_root_horizontal_height: var(--_ui5-compact-size, 20.90625rem) var(--_ui5-cozy-size, 21.53125rem);\n --_ui5_timeline_tlgi_compact_icon_before_height: var(--_ui5-compact-size, calc(100% + 1.5rem) ) var(--_ui5-cozy-size, var(--_ui5-f2d95f8));\n --_ui5_timeline_tlgi_horizontal_line_placeholder_before_width: var(--_ui5-compact-size, var(--_ui5_timeline_tlgi_compact_icon_before_height)) var(--_ui5-cozy-size, var(--_ui5-f2d95f8));\n --_ui5_timeline_tlgi_horizontal_compact_root_margin_left: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, var(--_ui5-f2d95f8));\n --_ui5_timeline_tlgi_compact_root_gap: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, var(--_ui5-f2d95f8))}\n"
@@ -1 +1 @@
1
- ":host{\n --_ui5_fcl_solid_bg: var(--sapBackgroundColor);\n --_ui5_fcl_column_border: solid .0625rem var(--sapGroup_ContentBorderColor);\n --_ui5_fcl_decoration_top: linear-gradient(to top, var(--sapObjectHeader_BorderColor), #fff);\n --_ui5_fcl_decoration_bottom: linear-gradient(to bottom, var(--sapObjectHeader_BorderColor), #fff);\n --sapIllus_BrandColorPrimary: var(--sapContent_Illustrative_Color1);\n --sapIllus_BrandColorSecondary: var(--sapContent_Illustrative_Color2);\n --sapIllus_StrokeDetailColor: var(--sapContent_Illustrative_Color4);\n --sapIllus_Layering1: var(--sapContent_Illustrative_Color5);\n --sapIllus_Layering2: var(--sapContent_Illustrative_Color6);\n --sapIllus_BackgroundColor: var(--sapContent_Illustrative_Color7);\n --sapIllus_ObjectFillColor: var(--sapContent_Illustrative_Color8);\n --sapIllus_AccentColor: var(--sapContent_Illustrative_Color3);\n --sapIllus_NoColor: none;\n --sapIllus_PatternShadow: url(#sapIllus_PatternShadow);\n --sapIllus_PatternHighlight: url(#sapIllus_PatternHighlight);\n --_ui5_media_gallery_overflow_btn_background: var(--sapButton_Background);\n --_ui5_media_gallery_overflow_btn_color: var(--sapButton_TextColor);\n --_ui5_media_gallery_overflow_btn_border: 1px solid var(--sapButton_BorderColor);\n --_ui5_media_gallery_thumbnail_border: 1px solid var(--sapContent_ForegroundColor);\n --_ui5_media_gallery_thumbnail_selected_border: 2px solid var(--sapSelectedColor);\n --_ui5_media_gallery_thumbnail_focus_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);\n --_ui5_media_gallery_item_overlay_box_shadow: inset 0px 0px 80px rgba(0, 0, 0, .2);\n --_ui5-notification_item-border-radius: var(--sapTile_BorderCornerRadius);\n --_ui5-notification_group_header-border-bottom-width: 0;\n --_ui5-notification_group_header-margin: 0px;\n --_ui5-notification_group_header-margin-expanded: .5rem;\n --_ui5-notification_group_header-padding: .5rem;\n --_ui5-notification_item-state-icon-padding: .25rem;\n --_ui5-notification_item-border-bottom: var(--sapList_BorderWidth) solid var(--sapList_BorderColor);\n --_ui5-notification_item-border-top-left-right: var(--sapList_BorderWidth) solid var(--sapList_BorderColor);\n --_ui5-notification_item-margin: 0 .5rem .5rem .5rem;\n --_ui5-notification_item-background-color-hover: var(--sapList_Hover_Background);\n --_ui5-notification_item-background-color-active: var(--sapList_SelectionBackgroundColor);\n --_ui5-notification_item-border-active: 1px solid var(--sapList_SelectionBorderColor);\n --_ui5-notification_item-root-padding-inline: 1rem;\n --_ui5-notification_item-content-padding: .75rem 0;\n --_ui5-notification_item-title-margin-bottom: 0;\n --_ui5-notification_item-title-padding-end-two-buttons: var(--_ui5-compact-size, 3.875rem) var(--_ui5-cozy-size, 4.875rem);\n --_ui5-notification_item-title-padding-end-one-button: var(--_ui5-compact-size, 1.875rem) var(--_ui5-cozy-size, 2.375rem);\n --_ui5-notification_item-description-margin-top: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, .75rem);\n --_ui5-notification_item-footer-margin-top: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, .75rem);\n --_ui5-notification_item-focus-offset: .1875rem;\n --_ui5-notification_item-outline-offset: -.375rem;\n --_ui5-notification_item-growing-btn-background-color-active: var(--_ui5-notification_item-background-color-active);\n --_ui5_page_list_bg: var(--sapGroup_ContentBackground);\n --_ui5_page_transparent_bg: var(--sapBackgroundColor);\n --_ui5_product_switch_item_width: 11.25rem;\n --_ui5_product_switch_item_height: 7rem;\n --_ui5_product_switch_item_active_outline_color: var(--sapContent_ContrastFocusColor);\n --_ui5_product_switch_item_outline_offset: -.25rem;\n --_ui5_product_switch_item_border: 1px solid var(--sapField_BorderColor);\n --_ui5_side_navigation_width: 16rem;\n --_ui5_side_navigation_collapsed_width: 4rem;\n --_ui5_side_navigation_navigation_separator_margin: .25rem .5rem .25rem .5rem;\n --_ui5_side_navigation_navigation_separator_background_color: var(--sapList_GroupHeaderBorderColor);\n --_ui5_side_navigation_navigation_separator_radius: unset;\n --_ui5_side_navigation_navigation_separator_height: .0625rem;\n --_ui5_side_navigation_triangle_color: var(--sapContent_IconColor);\n --_ui5_side_navigation_border_right: 0;\n --_ui5_side_navigation_box_shadow: var(--sapContent_Shadow0);\n --_ui5_side_navigation_triangle_display: none;\n --_ui5_side_navigation_icon_color: var(--sapContent_IconColor);\n --_ui5_side_navigation_expand_icon_color: var(--sapContent_NonInteractiveIconColor);\n --_ui5_side_navigation_expand_icon_width: 2.25rem;\n --_ui5_side_navigation_hover_border_style_color: solid var(--sapList_SelectionBorderColor);\n --_ui5_side_navigation_hover_border_width: .0625rem;\n --_ui5_side_navigation_group_border_style_color: solid var(--sapList_BorderColor);\n --_ui5_side_navigation_group_border_width: 0 0 .0625rem 0;\n --_ui5_side_navigation_item_border_style_color: solid var(--sapList_BorderColor);\n --_ui5_side_navigation_item_border_width: 0 0 .0625rem 0;\n --_ui5_side_navigation_item_height: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 2.75rem);\n --_ui5_side_navigation_item_margin: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, .875rem);\n --_ui5_side_navigation_item_expand_arrow_padding: var(--_ui5-compact-size, .3125rem) var(--_ui5-cozy-size, .6875rem);\n --_ui5_side_navigation_item_border_radius: 0;\n --_ui5_side_navigation_item_bottom_margin: .25rem;\n --_ui5_side_navigation_item_padding_start_in_popup: 1rem;\n --_ui5_side_navigation_item_padding_start_in_overflow_popup: 1rem;\n --_ui5_side_navigation_item_transition: none;\n --_ui5_side_navigation_item_padding_left: 1rem;\n --_ui5_side_navigation_item_focus_border_offset: 0;\n --_ui5_side_navigation_item_focus_border_radius: var(--_ui5_side_navigation_item_border_radius);\n --_ui5_side_navigation_collapsed_selected_item_background: 0 100% / .188rem 100% no-repeat linear-gradient(0deg, var(--sapHighlightColor), var(--sapHighlightColor)), var(--sapList_SelectionBackgroundColor);\n --_ui5_side_navigation_collapsed_selected_item_background_hover: 0 100% / .188rem 100% no-repeat linear-gradient(0deg, var(--sapHighlightColor), var(--sapHighlightColor)), var(--sapList_Hover_SelectionBackground);\n --_ui5_side_navigation_selected_item_border_color: var(--sapList_SelectionBorderColor);\n --_ui5_side_navigation_selected_border_style_color: solid var(--_ui5_side_navigation_selected_item_border_color);\n --_ui5_side_navigation_selected_and_focused_border_style_color: none;\n --_ui5_side_navigation_selected_border_width: .0625rem;\n --_ui5_side_navigation_group_expanded_border_width: var(--_ui5_side_navigation_item_border_width);\n --_ui5_side_navigation_group_icon_width: 2.5rem;\n --_ui5_side_navigation_icon_padding_inline_end: .5rem;\n --_ui5_side_navigation_item_font_family: var(--sapFontFamily);\n --_ui5_side_navigation_parent_item_font_family: var(--sapFontSemiboldDuplexFamily);\n --_ui5_side_navigation_group_padding: 1rem;\n --_ui5_side_navigation_padding-flexible: .5rem .5rem 0 .5rem;\n --_ui5_side_navigation_padding-fixed: 0 .5rem .5rem .5rem;\n --_ui5_side_navigation_popup_padding: .5rem;\n --_ui5_side_navigation_popup_title_line_height: 1.5rem;\n --_ui5_side_navigation_first_fixed_item_margin_top: .125rem;\n --_ui5_side_navigation_item_expand_icon_visibility: block;\n --_ui5_side_navigation_item_collapsed_hover_focus_width: fit-content;\n --_ui5_side_navigation_item_collapsed_hover_focus_display: block;\n --_ui5_side_navigation_item_collapsed_hover_focus_padding_right: 1rem;\n --_ui5_side_navigation_action_item_collapsed_padding: 1rem;\n --_ui5_side_navigation_item_collapsed_padding: 3rem;\n --_ui5_side_navigation_action_item_border_hover: var(--sapButton_BorderWidth) solid var(--sapButton_Hover_BorderColor);\n --_ui5_side_navigation_action_item_border_active: var(--sapButton_BorderWidth) solid var(--sapButton_Active_BorderColor);\n --_ui5_side_navigation_item_expand_icon_right: -.5rem;\n --_ui5_side_navigation_item_expand_icon_hover_left: auto;\n --_ui5_side_navigation_item_expand_icon_hover_right: 0;\n --_ui5_side_navigation_active_text_color: var(--sapButton_TextColor);\n --_ui5_side_navigation_last_item_border_style: solid transparent;\n --_ui5_TimelineItem_arrow_size: 1.625rem;\n --_ui5_TimelineItem_bubble_border_width: .0625rem;\n --_ui5_TimelineItem_bubble_border_style: dotted;\n --_ui5_TimelineItem_bubble_border_radius: .25rem;\n --_ui5_TimelineItem_bubble_border_color: var(--sapList_BorderColor);\n --_ui5_TimelineItem_bubble_border_top: -.125rem;\n --_ui5_TimelineItem_bubble_border_right: -.125rem;\n --_ui5_TimelineItem_bubble_border_bottom: -.125rem;\n --_ui5_TimelineItem_bubble_border_left: -.625rem;\n --_ui5_TimelineItem_bubble_rtl_left_offset: -.1875rem;\n --_ui5_TimelineItem_bubble_rtl_right_offset: -.6875rem;\n --_ui5_TimelineItem_bubble_focus_border_radius: 0;\n --_ui5_TimelineItem_horizontal_bubble_focus_top_offset: -.625rem;\n --_ui5_TimelineItem_horizontal_bubble_focus_left_offset: -.125rem;\n --_ui5_TimelineItem_bubble_content_padding: var(--_ui5_tl_bubble_padding);\n --_ui5_TimelineItem_bubble_content_subtitle_padding_top: .375rem;\n --_ui5_TimelineItem_bubble_content_description_padding_top: .75rem;\n --_ui5_tl_bubble_padding: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, 1rem);\n --_ui5_tl_padding: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, 1rem 1rem 1rem .5rem);\n --_ui5_tl_li_margin_bottom: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, 1.625rem);\n --_ui5_timeline_tli_indicator_before_bottom: var(--_ui5-compact-size, -.75rem) var(--_ui5-cozy-size, -1.5rem);\n --_ui5_timeline_tli_indicator_before_right: var(--_ui5-compact-size, -.5rem) var(--_ui5-cozy-size, -1.625rem);\n --_ui5_timeline_tli_indicator_before_without_icon_bottom: var(--_ui5-compact-size, -1rem) var(--_ui5-cozy-size, -1.875rem);\n --_ui5_timeline_tli_indicator_before_without_icon_right: var(--_ui5-compact-size, -.8125rem) var(--_ui5-cozy-size, -1.9375rem);\n --_ui5_timeline_tli_indicator_after_top: var(--_ui5-compact-size, calc(-100% + .9375rem) ) var(--_ui5-cozy-size, calc(-100% - 1rem) );\n --_ui5_timeline_tli_indicator_after_height: var(--_ui5-compact-size, calc(100% - .75rem) ) var(--_ui5-cozy-size, calc(100% + 1rem) );\n --_ui5_timeline_tli_indicator_before_height: var(--_ui5-compact-size, calc(100% - 1.25rem) ) var(--_ui5-cozy-size, 100%);\n --_ui5_timeline_tli_horizontal_indicator_after_width: var(--_ui5-compact-size, var(--_ui5_timeline_tli_indicator_after_height)) var(--_ui5-cozy-size, calc(100% + .25rem) );\n --_ui5_timeline_tli_horizontal_indicator_after_left: var(--_ui5-compact-size, 1.8625rem) var(--_ui5-cozy-size, 1.9375rem);\n --_ui5_timeline_tli_horizontal_without_icon_indicator_before_width: var(--_ui5-compact-size, var(--_ui5_timeline_tli_indicator_after_height)) var(--_ui5-cozy-size, calc(100% + .5rem) );\n --_ui5_timeline_tli_horizontal_indicator_before_width: var(--_ui5-compact-size, var(--_ui5_timeline_tli_indicator_after_height)) var(--_ui5-cozy-size, calc(100% + .5rem) );\n --_ui5_timeline_tli_icon_horizontal_indicator_after_width: var(--_ui5-compact-size, var(--_ui5_timeline_tli_indicator_after_height)) var(--_ui5-cozy-size, calc(100% + .25rem) );\n --_ui5_timeline_tli_without_icon_horizontal_indicator_before_width: var(--_ui5-compact-size, calc(100% - .625rem) ) var(--_ui5-cozy-size, calc(100% + .375rem) );\n --_ui5_timeline_tli_horizontal_indicator_short_after_width: var(--_ui5-compact-size, calc(100% - 1rem) ) var(--_ui5-cozy-size, 100%);\n --ui5_upload_collection_drag_overlay_border: .1875rem dashed var(--sapField_BorderColor);\n --ui5_upload_collection_drop_overlay_border: .1875rem solid var(--sapContent_DragAndDropActiveColor);\n --ui5_upload_collection_drop_overlay_background: var(--sapContent_DragAndDropActiveColor);\n --ui5_upload_collection_thumbnail_size: 3rem;\n --ui5_upload_collection_thumbnail_margin_inline_end: .75rem;\n --ui5_upload_collection_small_size_buttons_margin_block_start: .5rem;\n --ui5_upload_collection_small_size_buttons_margin_inline_start: 0;\n --ui5_upload_collection_drag_overlay_text_color: var(--sapTextColor);\n --ui5_upload_collection_drag_overlay_icon_color: var(--sapTextColor);\n --ui5_upload_collection_drag_overlay_border_radius: 0;\n --ui5_upload_collection_drag_overlay_opacity: .5;\n --_ui5_vsd_header_container: var(--_ui5-compact-size, 2.5rem) var(--_ui5-cozy-size, 2.75rem);\n --_ui5_vsd_sub_header_container_height: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 2.75rem);\n --_ui5_vsd_content_li_padding: .375rem;\n --_ui5_vsd_content_height: 23.4375rem;\n --_ui5_vsd_expand_content_height: var(--_ui5-compact-size, 25.4375rem) var(--_ui5-cozy-size, 26.1875rem);\n --_ui5_wiz_content_item_wrapper_padding: 1rem;\n --_ui5_wiz_content_item_wrapper_bg: var(--sapGroup_ContentBackground);\n --_ui5_wiz_tab_focus_outline: .125rem dotted var(--sapContent_FocusColor);\n --_ui5_wiz_tab_selected_bg: var(--sapContent_Selected_Background);\n --_ui5_wiz_tab_border: 1px solid var(--sapContent_Selected_ForegroundColor);\n --_ui5_wiz_tab_selection_line: var(--sapTextColor);\n --_ui5_wiz_tab_icon_color: var(--sapTextColor);\n --_ui5_wiz_tab_active_separator_color: var(--sapContent_Selected_ForegroundColor);\n --_ui5_wiz_tab_title_color: var(--sapContent_LabelColor);\n --_ui5_wiz_tab_title_font_family: var(--sapFontFamily);\n --_ui5_wiz_tab_focus_border_radius: 0;\n --_ui5_shellbar_root_height: 3.25rem;\n --_ui5_shellbar_logo_outline_color: var(--sapContent_ContrastFocusColor);\n --_ui5_shellbar_logo_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--_ui5_shellbar_logo_outline_color);\n --_ui5_shellbar_outline_offset: -.1875rem;\n --_ui5_shellbar_button_box_shadow: none;\n --_ui5_shellbar_button_box_shadow_active: none;\n --_ui5_shellbar_button_border: var(--sapButton_BorderWidth) solid var(--sapButton_BorderColor);\n --_ui5_shellbar_button_border_radius: var(--sapButton_BorderCornerRadius);\n --_ui5_shellbar_button_focused_border: .125rem dotted var(--sapContent_FocusColor);\n --_ui5_shellbar_button_active_color: var(--sapShell_Active_TextColor);\n --_ui5_shellbar_search_field_background: var(--sapShellColor);\n --_ui5_shellbar_search_field_border: .0625rem solid var(--sapShell_InteractiveBorderColor);\n --_ui5_shellbar_search_field_box_shadow: none;\n --_ui5_shellbar_search_field_color: var(--sapShell_TextColor);\n --_ui5_shellbar_search_field_outline_focused: none;\n --_ui5_shellbar_search_field_width: 25rem;\n --_ui5_shellbar_input_focus_outline_color: inherit;\n --_ui5_shellbar_overflow_container_middle_height: 2.5rem;\n --_ui5_shellbar_menu_button_title_font_size: var(--sapFontHeader5Size);\n --_ui5_shellbar_image_button_border_radius: 50%;\n --_ui5-shellbar-content-margin-start: .5rem;\n --_ui5-shellbar-overflow-button-margin: .5rem;\n --_ui5-shellbar_separator-color: var(--sapToolbar_SeparatorColor);\n --_ui5-shellbar_cancel-button-color: var(--sapButton_Lite_TextColor);\n --_ui5_shellbar_button_badge_border: 1px solid var(--sapGroup_ContentBorderColor);\n --_ui5_shellbar_search_field_background_hover: var(--sapShellColor);\n --_ui5_shellbar_search_field_box_shadow_hover: none;\n --_ui5_search_icon_border_radius: .375rem;\n --_ui5_search_input_border_radius: none;\n --_ui5-search-border: var(--sapField_BorderWidth) var(--sapField_BorderStyle) var(--sapField_BorderColor);\n --_ui5-search-icon-border: var(--sapButton_BorderWidth) solid var(--sapButton_BorderColor);\n --_ui5-search-wrapper-background: none;\n --_ui5_search_separator_background: none;\n --_ui5-search-wrapper-hover-background: none;\n --_ui5-search-wrapper-hover-background-color: none;\n --_ui5-search-elements-hover-background: none;\n --_ui5-search-elements-active-background: none;\n --_ui5_search_input_scope_margin: 0;\n --_ui5-search_input_scope_hover_shadow: none;\n --_ui5-search_input_scope_active_shadow: none;\n --_ui5-search-elements-background: var(--sapShell_InteractiveBackground);\n --_ui5_search_wrapper_outline: none;\n --_ui5_search_input_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapField_Active_BorderColor);\n --_ui5_search_filter_button_border_radius: .375rem;\n --_ui5_seach_filter_button_border_hover: 1px solid var(--sapButton_Hover_BorderColor);\n --_ui5_search_filter_button_border: var(--sapButton_BorderWidth) solid var(--sapButton_BorderColor);\n --_ui5-search-filter_button_background_color: inherit;\n --ui5_search_filter_button_background_active: var(--sapShell_Hover_Background);\n --_ui5_search_icon_size: 2.25rem;\n --_ui5_search_icon_size_default: 2.25rem;\n --_ui5_search_icon_padding: .5625rem;\n --_ui5_search_icon_hover_padding: .5625rem;\n --_ui5_search_input_start_margin: .25rem;\n --_ui5_search_input_end_padding: .25rem;\n --_ui5-search-input-start-padding: .625rem;\n --_ui5-search-select-height: 2.25rem;\n --_ui5-search-loading-overlay-background: var(--sapBackgroundColor);\n --_ui5-search-loading-overlay-transparency: .3;\n --_ui5-search-field-text-color: var(--sapField_TextColor);\n --_ui5_search_item_vertical_padding: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, 1rem);\n --_ui5_search_byline_vertical_padding: .5rem;\n --_ui5_dynamic_page_footer_spacer: 4rem;\n --_ui5_dynamic_page_title_padding_S: .5rem 1rem;\n --_ui5_dynamic_page_title_padding_M: .5rem 2rem;\n --_ui5_dynamic_page_title_padding_L: .5rem 2rem;\n --_ui5_dynamic_page_title_padding_XL: .5rem 3rem;\n --_ui5_dynamic_page_header_padding_S: .5rem 1rem .125rem;\n --_ui5_dynamic_page_header_padding_M: 1rem 2rem;\n --_ui5_dynamic_page_header_padding_L: 1rem 2rem;\n --_ui5_dynamic_page_header_padding_XL: 1rem 3rem;\n --_ui5_dynamic_page_content_padding_S: 1rem 0 0;\n --_ui5_dynamic_page_content_padding_M: 1rem 1rem 0;\n --_ui5_dynamic_page_content_padding_L: 1rem 1rem 0;\n --_ui5_dynamic_page_content_padding_XL: 1rem 2rem 0;\n --ui5_dynamic_page_background: var(--sapBackgroundColor);\n --_ui5_dynamic_page_header_background_color: var(--sapObjectHeader_Background);\n --_ui5_dynamic_page_header-actions-box-shadow: var(--sapContent_Shadow0);\n --_ui5_dynamic_page_header-box-shadow: var(--sapContent_HeaderShadow);\n --_ui5_dynamic_page_actions-lines-color: var(--sapObjectHeader_BorderColor);\n --_ui5_dynamic_page_header-actions-background: var(--sapObjectHeader_Background);\n --_ui5_dynamic_page_header-actions-color: var(--sapButton_TextColor);\n --_ui5_dynamic_page_header-actions-background-pressed: var(--_ui5_dynamic_page_header-actions-background);\n --_ui5_dynamic_page_header-actions-color-pressed: var(--_ui5_dynamic_page_header-actions-color);\n --_ui5_dynamic_page_title_padding_top: .5rem;\n --_ui5_dynamic_page_title_padding_bottom: .5rem;\n --_ui5_dynamic_page_title_min_height: 4rem;\n --_ui5_dynamic_page_title_focus_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);\n --_ui5_dynamic_page_title_focus_outline_offset: -.125rem;\n --_ui5_dynamic_page_title_breadcrumbs_padding_top: .5rem;\n --_ui5_dynamic_page_title_breadcrumbs_padding_bottom: .25rem;\n --_ui5_dynamic_page_title_heading_padding_top: .3125rem;\n --_ui5_dynamic_page_title_subheading_margin_top: .25rem;\n --_ui5_dynamic_page_title_hover_background: var(--sapObjectHeader_Hover_Background);\n --_ui5_dynamic_page_snapped_title_on_mobile_line_height: 2rem;\n --_ui5_dynamic_page_snapped_title_on_mobile_min_height: 2rem;\n --sapContent_TextShadow: none;\n --_ui5_dynamic_page_title_border: .0625rem solid transparent;\n --_ui5_dynamic_page_title_hover_border: .0625rem solid var(--sapObjectHeader_BorderColor);\n --_ui5_timeline_tlgi_line_horizontal_height: 16.375rem;\n --_ui5_timeline_tlgi_root_horizontal_height: var(--_ui5-compact-size, 20.90625rem) var(--_ui5-cozy-size, 21.53125rem);\n --_ui5_timeline_tlgi_compact_icon_before_height: var(--_ui5-compact-size, calc(100% + 1.5rem) ) var(--_ui5-cozy-size, var(--_ui5-f2d95f8));\n --_ui5_timeline_tlgi_horizontal_line_placeholder_before_width: var(--_ui5-compact-size, var(--_ui5_timeline_tlgi_compact_icon_before_height)) var(--_ui5-cozy-size, var(--_ui5-f2d95f8));\n --_ui5_timeline_tlgi_horizontal_compact_root_margin_left: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, var(--_ui5-f2d95f8));\n --_ui5_timeline_tlgi_compact_root_gap: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, var(--_ui5-f2d95f8));\n --_ui5_user_settings_avatar_cozy_display: var(--_ui5-compact-size, none) var(--_ui5-cozy-size, inline-block);\n --_ui5_user_settings_avatar_compact_display: var(--_ui5-compact-size, inline-block) var(--_ui5-cozy-size, none);\n --_ui5_user_settings_item_title_font_size: var(--_ui5-compact-size, var(--sapFontLargeSize)) var(--_ui5-cozy-size, var(--sapFontSize))}\n"
1
+ ":host{\n --_ui5_banner_background: var(--sapShell_HeroBanner_Background);\n --_ui5_banner_text_color: var(--sapShell_HeroBanner_TextColor);\n --_ui5_banner_border_radius: var(--sapTile_BorderCornerRadius);\n --_ui5_banner_border: .0625rem solid var(--sapTile_BorderColor);\n --_ui5_banner_box_shadow: var(--sapContent_Shadow0);\n --_ui5_banner_background_image: var(--sapShell_HeroBanner_BackgroundImage);\n --_ui5_fcl_solid_bg: var(--sapBackgroundColor);\n --_ui5_fcl_column_border: solid .0625rem var(--sapGroup_ContentBorderColor);\n --_ui5_fcl_decoration_top: linear-gradient(to top, var(--sapObjectHeader_BorderColor), #fff);\n --_ui5_fcl_decoration_bottom: linear-gradient(to bottom, var(--sapObjectHeader_BorderColor), #fff);\n --sapIllus_BrandColorPrimary: var(--sapContent_Illustrative_Color1);\n --sapIllus_BrandColorSecondary: var(--sapContent_Illustrative_Color2);\n --sapIllus_StrokeDetailColor: var(--sapContent_Illustrative_Color4);\n --sapIllus_Layering1: var(--sapContent_Illustrative_Color5);\n --sapIllus_Layering2: var(--sapContent_Illustrative_Color6);\n --sapIllus_BackgroundColor: var(--sapContent_Illustrative_Color7);\n --sapIllus_ObjectFillColor: var(--sapContent_Illustrative_Color8);\n --sapIllus_AccentColor: var(--sapContent_Illustrative_Color3);\n --sapIllus_NoColor: none;\n --sapIllus_PatternShadow: url(#sapIllus_PatternShadow);\n --sapIllus_PatternHighlight: url(#sapIllus_PatternHighlight);\n --_ui5_media_gallery_overflow_btn_background: var(--sapButton_Background);\n --_ui5_media_gallery_overflow_btn_color: var(--sapButton_TextColor);\n --_ui5_media_gallery_overflow_btn_border: 1px solid var(--sapButton_BorderColor);\n --_ui5_media_gallery_thumbnail_border: 1px solid var(--sapContent_ForegroundColor);\n --_ui5_media_gallery_thumbnail_selected_border: 2px solid var(--sapSelectedColor);\n --_ui5_media_gallery_thumbnail_focus_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);\n --_ui5_media_gallery_item_overlay_box_shadow: inset 0px 0px 80px rgba(0, 0, 0, .2);\n --_ui5-notification_item-border-radius: var(--sapTile_BorderCornerRadius);\n --_ui5-notification_group_header-border-bottom-width: 0;\n --_ui5-notification_group_header-margin: 0px;\n --_ui5-notification_group_header-margin-expanded: .5rem;\n --_ui5-notification_group_header-padding: .5rem;\n --_ui5-notification_item-state-icon-padding: .25rem;\n --_ui5-notification_item-border-bottom: var(--sapList_BorderWidth) solid var(--sapList_BorderColor);\n --_ui5-notification_item-border-top-left-right: var(--sapList_BorderWidth) solid var(--sapList_BorderColor);\n --_ui5-notification_item-margin: 0 .5rem .5rem .5rem;\n --_ui5-notification_item-background-color-hover: var(--sapList_Hover_Background);\n --_ui5-notification_item-background-color-active: var(--sapList_SelectionBackgroundColor);\n --_ui5-notification_item-border-active: 1px solid var(--sapList_SelectionBorderColor);\n --_ui5-notification_item-root-padding-inline: 1rem;\n --_ui5-notification_item-content-padding: .75rem 0;\n --_ui5-notification_item-title-margin-bottom: 0;\n --_ui5-notification_item-title-padding-end-two-buttons: var(--_ui5-compact-size, 3.875rem) var(--_ui5-cozy-size, 4.875rem);\n --_ui5-notification_item-title-padding-end-one-button: var(--_ui5-compact-size, 1.875rem) var(--_ui5-cozy-size, 2.375rem);\n --_ui5-notification_item-description-margin-top: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, .75rem);\n --_ui5-notification_item-footer-margin-top: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, .75rem);\n --_ui5-notification_item-focus-offset: .1875rem;\n --_ui5-notification_item-outline-offset: -.375rem;\n --_ui5-notification_item-growing-btn-background-color-active: var(--_ui5-notification_item-background-color-active);\n --_ui5_page_list_bg: var(--sapGroup_ContentBackground);\n --_ui5_page_transparent_bg: var(--sapBackgroundColor);\n --_ui5_product_switch_item_width: 11.25rem;\n --_ui5_product_switch_item_height: 7rem;\n --_ui5_product_switch_item_active_outline_color: var(--sapContent_ContrastFocusColor);\n --_ui5_product_switch_item_outline_offset: -.25rem;\n --_ui5_product_switch_item_border: 1px solid var(--sapField_BorderColor);\n --_ui5_side_navigation_width: 16rem;\n --_ui5_side_navigation_collapsed_width: 4rem;\n --_ui5_side_navigation_navigation_separator_margin: .25rem .5rem .25rem .5rem;\n --_ui5_side_navigation_navigation_separator_background_color: var(--sapList_GroupHeaderBorderColor);\n --_ui5_side_navigation_navigation_separator_radius: unset;\n --_ui5_side_navigation_navigation_separator_height: .0625rem;\n --_ui5_side_navigation_triangle_color: var(--sapContent_IconColor);\n --_ui5_side_navigation_border_right: 0;\n --_ui5_side_navigation_box_shadow: var(--sapContent_Shadow0);\n --_ui5_side_navigation_triangle_display: none;\n --_ui5_side_navigation_icon_color: var(--sapContent_IconColor);\n --_ui5_side_navigation_expand_icon_color: var(--sapContent_NonInteractiveIconColor);\n --_ui5_side_navigation_expand_icon_width: 2.25rem;\n --_ui5_side_navigation_hover_border_style_color: solid var(--sapList_SelectionBorderColor);\n --_ui5_side_navigation_hover_border_width: .0625rem;\n --_ui5_side_navigation_group_border_style_color: solid var(--sapList_BorderColor);\n --_ui5_side_navigation_group_border_width: 0 0 .0625rem 0;\n --_ui5_side_navigation_item_border_style_color: solid var(--sapList_BorderColor);\n --_ui5_side_navigation_item_border_width: 0 0 .0625rem 0;\n --_ui5_side_navigation_item_height: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 2.75rem);\n --_ui5_side_navigation_item_margin: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, .875rem);\n --_ui5_side_navigation_item_expand_arrow_padding: var(--_ui5-compact-size, .3125rem) var(--_ui5-cozy-size, .6875rem);\n --_ui5_side_navigation_item_border_radius: 0;\n --_ui5_side_navigation_item_bottom_margin: .25rem;\n --_ui5_side_navigation_item_padding_start_in_popup: 1rem;\n --_ui5_side_navigation_item_padding_start_in_overflow_popup: 1rem;\n --_ui5_side_navigation_item_transition: none;\n --_ui5_side_navigation_item_padding_left: 1rem;\n --_ui5_side_navigation_item_focus_border_offset: 0;\n --_ui5_side_navigation_item_focus_border_radius: var(--_ui5_side_navigation_item_border_radius);\n --_ui5_side_navigation_collapsed_selected_item_background: 0 100% / .188rem 100% no-repeat linear-gradient(0deg, var(--sapHighlightColor), var(--sapHighlightColor)), var(--sapList_SelectionBackgroundColor);\n --_ui5_side_navigation_collapsed_selected_item_background_hover: 0 100% / .188rem 100% no-repeat linear-gradient(0deg, var(--sapHighlightColor), var(--sapHighlightColor)), var(--sapList_Hover_SelectionBackground);\n --_ui5_side_navigation_selected_item_border_color: var(--sapList_SelectionBorderColor);\n --_ui5_side_navigation_selected_border_style_color: solid var(--_ui5_side_navigation_selected_item_border_color);\n --_ui5_side_navigation_selected_and_focused_border_style_color: none;\n --_ui5_side_navigation_selected_border_width: .0625rem;\n --_ui5_side_navigation_group_expanded_border_width: var(--_ui5_side_navigation_item_border_width);\n --_ui5_side_navigation_group_icon_width: 2.5rem;\n --_ui5_side_navigation_icon_padding_inline_end: .5rem;\n --_ui5_side_navigation_item_font_family: var(--sapFontFamily);\n --_ui5_side_navigation_parent_item_font_family: var(--sapFontSemiboldDuplexFamily);\n --_ui5_side_navigation_group_padding: 1rem;\n --_ui5_side_navigation_padding-flexible: .5rem .5rem 0 .5rem;\n --_ui5_side_navigation_padding-fixed: 0 .5rem .5rem .5rem;\n --_ui5_side_navigation_popup_padding: .5rem;\n --_ui5_side_navigation_popup_title_line_height: 1.5rem;\n --_ui5_side_navigation_first_fixed_item_margin_top: .125rem;\n --_ui5_side_navigation_item_expand_icon_visibility: block;\n --_ui5_side_navigation_item_collapsed_hover_focus_width: fit-content;\n --_ui5_side_navigation_item_collapsed_hover_focus_display: block;\n --_ui5_side_navigation_item_collapsed_hover_focus_padding_right: 1rem;\n --_ui5_side_navigation_action_item_collapsed_padding: 1rem;\n --_ui5_side_navigation_item_collapsed_padding: 3rem;\n --_ui5_side_navigation_action_item_border_hover: var(--sapButton_BorderWidth) solid var(--sapButton_Hover_BorderColor);\n --_ui5_side_navigation_action_item_border_active: var(--sapButton_BorderWidth) solid var(--sapButton_Active_BorderColor);\n --_ui5_side_navigation_item_expand_icon_right: -.5rem;\n --_ui5_side_navigation_item_expand_icon_hover_left: auto;\n --_ui5_side_navigation_item_expand_icon_hover_right: 0;\n --_ui5_side_navigation_active_text_color: var(--sapButton_TextColor);\n --_ui5_side_navigation_last_item_border_style: solid transparent;\n --_ui5_TimelineItem_arrow_size: 1.625rem;\n --_ui5_TimelineItem_bubble_border_width: .0625rem;\n --_ui5_TimelineItem_bubble_border_style: dotted;\n --_ui5_TimelineItem_bubble_border_radius: .25rem;\n --_ui5_TimelineItem_bubble_border_color: var(--sapList_BorderColor);\n --_ui5_TimelineItem_bubble_border_top: -.125rem;\n --_ui5_TimelineItem_bubble_border_right: -.125rem;\n --_ui5_TimelineItem_bubble_border_bottom: -.125rem;\n --_ui5_TimelineItem_bubble_border_left: -.625rem;\n --_ui5_TimelineItem_bubble_rtl_left_offset: -.1875rem;\n --_ui5_TimelineItem_bubble_rtl_right_offset: -.6875rem;\n --_ui5_TimelineItem_bubble_focus_border_radius: 0;\n --_ui5_TimelineItem_horizontal_bubble_focus_top_offset: -.625rem;\n --_ui5_TimelineItem_horizontal_bubble_focus_left_offset: -.125rem;\n --_ui5_TimelineItem_bubble_content_padding: var(--_ui5_tl_bubble_padding);\n --_ui5_TimelineItem_bubble_content_subtitle_padding_top: .375rem;\n --_ui5_TimelineItem_bubble_content_description_padding_top: .75rem;\n --_ui5_tl_bubble_padding: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, 1rem);\n --_ui5_tl_padding: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, 1rem 1rem 1rem .5rem);\n --_ui5_tl_li_margin_bottom: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, 1.625rem);\n --_ui5_timeline_tli_indicator_before_bottom: var(--_ui5-compact-size, -.75rem) var(--_ui5-cozy-size, -1.5rem);\n --_ui5_timeline_tli_indicator_before_right: var(--_ui5-compact-size, -.5rem) var(--_ui5-cozy-size, -1.625rem);\n --_ui5_timeline_tli_indicator_before_without_icon_bottom: var(--_ui5-compact-size, -1rem) var(--_ui5-cozy-size, -1.875rem);\n --_ui5_timeline_tli_indicator_before_without_icon_right: var(--_ui5-compact-size, -.8125rem) var(--_ui5-cozy-size, -1.9375rem);\n --_ui5_timeline_tli_indicator_after_top: var(--_ui5-compact-size, calc(-100% + .9375rem) ) var(--_ui5-cozy-size, calc(-100% - 1rem) );\n --_ui5_timeline_tli_indicator_after_height: var(--_ui5-compact-size, calc(100% - .75rem) ) var(--_ui5-cozy-size, calc(100% + 1rem) );\n --_ui5_timeline_tli_indicator_before_height: var(--_ui5-compact-size, calc(100% - 1.25rem) ) var(--_ui5-cozy-size, 100%);\n --_ui5_timeline_tli_horizontal_indicator_after_width: var(--_ui5-compact-size, var(--_ui5_timeline_tli_indicator_after_height)) var(--_ui5-cozy-size, calc(100% + .25rem) );\n --_ui5_timeline_tli_horizontal_indicator_after_left: var(--_ui5-compact-size, 1.8625rem) var(--_ui5-cozy-size, 1.9375rem);\n --_ui5_timeline_tli_horizontal_without_icon_indicator_before_width: var(--_ui5-compact-size, var(--_ui5_timeline_tli_indicator_after_height)) var(--_ui5-cozy-size, calc(100% + .5rem) );\n --_ui5_timeline_tli_horizontal_indicator_before_width: var(--_ui5-compact-size, var(--_ui5_timeline_tli_indicator_after_height)) var(--_ui5-cozy-size, calc(100% + .5rem) );\n --_ui5_timeline_tli_icon_horizontal_indicator_after_width: var(--_ui5-compact-size, var(--_ui5_timeline_tli_indicator_after_height)) var(--_ui5-cozy-size, calc(100% + .25rem) );\n --_ui5_timeline_tli_without_icon_horizontal_indicator_before_width: var(--_ui5-compact-size, calc(100% - .625rem) ) var(--_ui5-cozy-size, calc(100% + .375rem) );\n --_ui5_timeline_tli_horizontal_indicator_short_after_width: var(--_ui5-compact-size, calc(100% - 1rem) ) var(--_ui5-cozy-size, 100%);\n --ui5_upload_collection_drag_overlay_border: .1875rem dashed var(--sapField_BorderColor);\n --ui5_upload_collection_drop_overlay_border: .1875rem solid var(--sapContent_DragAndDropActiveColor);\n --ui5_upload_collection_drop_overlay_background: var(--sapContent_DragAndDropActiveColor);\n --ui5_upload_collection_thumbnail_size: 3rem;\n --ui5_upload_collection_thumbnail_margin_inline_end: .75rem;\n --ui5_upload_collection_small_size_buttons_margin_block_start: .5rem;\n --ui5_upload_collection_small_size_buttons_margin_inline_start: 0;\n --ui5_upload_collection_drag_overlay_text_color: var(--sapTextColor);\n --ui5_upload_collection_drag_overlay_icon_color: var(--sapTextColor);\n --ui5_upload_collection_drag_overlay_border_radius: 0;\n --ui5_upload_collection_drag_overlay_opacity: .5;\n --_ui5_vsd_header_container: var(--_ui5-compact-size, 2.5rem) var(--_ui5-cozy-size, 2.75rem);\n --_ui5_vsd_sub_header_container_height: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 2.75rem);\n --_ui5_vsd_content_li_padding: .375rem;\n --_ui5_vsd_content_height: 23.4375rem;\n --_ui5_vsd_expand_content_height: var(--_ui5-compact-size, 25.4375rem) var(--_ui5-cozy-size, 26.1875rem);\n --_ui5_wiz_content_item_wrapper_padding: 1rem;\n --_ui5_wiz_content_item_wrapper_bg: var(--sapGroup_ContentBackground);\n --_ui5_wiz_tab_focus_outline: .125rem dotted var(--sapContent_FocusColor);\n --_ui5_wiz_tab_selected_bg: var(--sapContent_Selected_Background);\n --_ui5_wiz_tab_border: 1px solid var(--sapContent_Selected_ForegroundColor);\n --_ui5_wiz_tab_selection_line: var(--sapTextColor);\n --_ui5_wiz_tab_icon_color: var(--sapTextColor);\n --_ui5_wiz_tab_active_separator_color: var(--sapContent_Selected_ForegroundColor);\n --_ui5_wiz_tab_title_color: var(--sapContent_LabelColor);\n --_ui5_wiz_tab_title_font_family: var(--sapFontFamily);\n --_ui5_wiz_tab_focus_border_radius: 0;\n --_ui5_shellbar_root_height: 3.25rem;\n --_ui5_shellbar_logo_outline_color: var(--sapContent_ContrastFocusColor);\n --_ui5_shellbar_logo_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--_ui5_shellbar_logo_outline_color);\n --_ui5_shellbar_outline_offset: -.1875rem;\n --_ui5_shellbar_button_box_shadow: none;\n --_ui5_shellbar_button_box_shadow_active: none;\n --_ui5_shellbar_button_border: var(--sapButton_BorderWidth) solid var(--sapButton_BorderColor);\n --_ui5_shellbar_button_border_radius: var(--sapButton_BorderCornerRadius);\n --_ui5_shellbar_button_focused_border: .125rem dotted var(--sapContent_FocusColor);\n --_ui5_shellbar_button_active_color: var(--sapShell_Active_TextColor);\n --_ui5_shellbar_search_field_background: var(--sapShellColor);\n --_ui5_shellbar_search_field_border: .0625rem solid var(--sapShell_InteractiveBorderColor);\n --_ui5_shellbar_search_field_box_shadow: none;\n --_ui5_shellbar_search_field_color: var(--sapShell_TextColor);\n --_ui5_shellbar_search_field_outline_focused: none;\n --_ui5_shellbar_search_field_width: 25rem;\n --_ui5_shellbar_input_focus_outline_color: inherit;\n --_ui5_shellbar_overflow_container_middle_height: 2.5rem;\n --_ui5_shellbar_menu_button_title_font_size: var(--sapFontHeader5Size);\n --_ui5_shellbar_image_button_border_radius: 50%;\n --_ui5-shellbar-content-margin-start: .5rem;\n --_ui5-shellbar-overflow-button-margin: .5rem;\n --_ui5-shellbar_separator-color: var(--sapToolbar_SeparatorColor);\n --_ui5-shellbar_cancel-button-color: var(--sapButton_Lite_TextColor);\n --_ui5_shellbar_button_badge_border: 1px solid var(--sapGroup_ContentBorderColor);\n --_ui5_shellbar_search_field_background_hover: var(--sapShellColor);\n --_ui5_shellbar_search_field_box_shadow_hover: none;\n --_ui5_search_icon_border_radius: .375rem;\n --_ui5_search_input_border_radius: none;\n --_ui5-search-border: var(--sapField_BorderWidth) var(--sapField_BorderStyle) var(--sapField_BorderColor);\n --_ui5-search-icon-border: var(--sapButton_BorderWidth) solid var(--sapButton_BorderColor);\n --_ui5-search-wrapper-background: none;\n --_ui5_search_separator_background: none;\n --_ui5-search-wrapper-hover-background: none;\n --_ui5-search-wrapper-hover-background-color: none;\n --_ui5-search-elements-hover-background: none;\n --_ui5-search-elements-active-background: none;\n --_ui5_search_input_scope_margin: 0;\n --_ui5-search_input_scope_hover_shadow: none;\n --_ui5-search_input_scope_active_shadow: none;\n --_ui5-search-elements-background: var(--sapShell_InteractiveBackground);\n --_ui5_search_wrapper_outline: none;\n --_ui5_search_input_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapField_Active_BorderColor);\n --_ui5_search_filter_button_border_radius: .375rem;\n --_ui5_seach_filter_button_border_hover: 1px solid var(--sapButton_Hover_BorderColor);\n --_ui5_search_filter_button_border: var(--sapButton_BorderWidth) solid var(--sapButton_BorderColor);\n --_ui5-search-filter_button_background_color: inherit;\n --ui5_search_filter_button_background_active: var(--sapShell_Hover_Background);\n --_ui5_search_icon_size: 2.25rem;\n --_ui5_search_icon_size_default: 2.25rem;\n --_ui5_search_icon_padding: .5625rem;\n --_ui5_search_icon_hover_padding: .5625rem;\n --_ui5_search_input_start_margin: .25rem;\n --_ui5_search_input_end_padding: .25rem;\n --_ui5-search-input-start-padding: .625rem;\n --_ui5-search-select-height: 2.25rem;\n --_ui5-search-loading-overlay-background: var(--sapBackgroundColor);\n --_ui5-search-loading-overlay-transparency: .3;\n --_ui5-search-field-text-color: var(--sapField_TextColor);\n --_ui5_search_item_vertical_padding: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, 1rem);\n --_ui5_search_byline_vertical_padding: .5rem;\n --_ui5_dynamic_page_footer_spacer: 4rem;\n --_ui5_dynamic_page_title_padding_S: .5rem 1rem;\n --_ui5_dynamic_page_title_padding_M: .5rem 2rem;\n --_ui5_dynamic_page_title_padding_L: .5rem 2rem;\n --_ui5_dynamic_page_title_padding_XL: .5rem 3rem;\n --_ui5_dynamic_page_header_padding_S: .5rem 1rem .125rem;\n --_ui5_dynamic_page_header_padding_M: 1rem 2rem;\n --_ui5_dynamic_page_header_padding_L: 1rem 2rem;\n --_ui5_dynamic_page_header_padding_XL: 1rem 3rem;\n --_ui5_dynamic_page_content_padding_S: 1rem 0 0;\n --_ui5_dynamic_page_content_padding_M: 1rem 1rem 0;\n --_ui5_dynamic_page_content_padding_L: 1rem 1rem 0;\n --_ui5_dynamic_page_content_padding_XL: 1rem 2rem 0;\n --ui5_dynamic_page_background: var(--sapBackgroundColor);\n --_ui5_dynamic_page_header_background_color: var(--sapObjectHeader_Background);\n --_ui5_dynamic_page_header-actions-box-shadow: var(--sapContent_Shadow0);\n --_ui5_dynamic_page_header-box-shadow: var(--sapContent_HeaderShadow);\n --_ui5_dynamic_page_actions-lines-color: var(--sapObjectHeader_BorderColor);\n --_ui5_dynamic_page_header-actions-background: var(--sapObjectHeader_Background);\n --_ui5_dynamic_page_header-actions-color: var(--sapButton_TextColor);\n --_ui5_dynamic_page_header-actions-background-pressed: var(--_ui5_dynamic_page_header-actions-background);\n --_ui5_dynamic_page_header-actions-color-pressed: var(--_ui5_dynamic_page_header-actions-color);\n --_ui5_dynamic_page_title_padding_top: .5rem;\n --_ui5_dynamic_page_title_padding_bottom: .5rem;\n --_ui5_dynamic_page_title_min_height: 4rem;\n --_ui5_dynamic_page_title_focus_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);\n --_ui5_dynamic_page_title_focus_outline_offset: -.125rem;\n --_ui5_dynamic_page_title_breadcrumbs_padding_top: .5rem;\n --_ui5_dynamic_page_title_breadcrumbs_padding_bottom: .25rem;\n --_ui5_dynamic_page_title_heading_padding_top: .3125rem;\n --_ui5_dynamic_page_title_subheading_margin_top: .25rem;\n --_ui5_dynamic_page_title_hover_background: var(--sapObjectHeader_Hover_Background);\n --_ui5_dynamic_page_snapped_title_on_mobile_line_height: 2rem;\n --_ui5_dynamic_page_snapped_title_on_mobile_min_height: 2rem;\n --sapContent_TextShadow: none;\n --_ui5_dynamic_page_title_border: .0625rem solid transparent;\n --_ui5_dynamic_page_title_hover_border: .0625rem solid var(--sapObjectHeader_BorderColor);\n --_ui5_timeline_tlgi_line_horizontal_height: 16.375rem;\n --_ui5_timeline_tlgi_root_horizontal_height: var(--_ui5-compact-size, 20.90625rem) var(--_ui5-cozy-size, 21.53125rem);\n --_ui5_timeline_tlgi_compact_icon_before_height: var(--_ui5-compact-size, calc(100% + 1.5rem) ) var(--_ui5-cozy-size, var(--_ui5-f2d95f8));\n --_ui5_timeline_tlgi_horizontal_line_placeholder_before_width: var(--_ui5-compact-size, var(--_ui5_timeline_tlgi_compact_icon_before_height)) var(--_ui5-cozy-size, var(--_ui5-f2d95f8));\n --_ui5_timeline_tlgi_horizontal_compact_root_margin_left: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, var(--_ui5-f2d95f8));\n --_ui5_timeline_tlgi_compact_root_gap: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, var(--_ui5-f2d95f8));\n --_ui5_user_settings_avatar_cozy_display: var(--_ui5-compact-size, none) var(--_ui5-cozy-size, inline-block);\n --_ui5_user_settings_avatar_compact_display: var(--_ui5-compact-size, inline-block) var(--_ui5-cozy-size, none);\n --_ui5_user_settings_item_title_font_size: var(--_ui5-compact-size, var(--sapFontLargeSize)) var(--_ui5-cozy-size, var(--sapFontSize))}\n"
@@ -1 +1 @@
1
- ":host{\n --_ui5_fcl_solid_bg: var(--sapBackgroundColor);\n --_ui5_fcl_column_border: solid .0625rem var(--sapGroup_ContentBorderColor);\n --_ui5_fcl_decoration_top: linear-gradient(to top, var(--sapObjectHeader_BorderColor), #fff);\n --_ui5_fcl_decoration_bottom: linear-gradient(to bottom, var(--sapObjectHeader_BorderColor), #fff);\n --sapIllus_BrandColorPrimary: var(--sapContent_Illustrative_Color1);\n --sapIllus_BrandColorSecondary: var(--sapContent_Illustrative_Color2);\n --sapIllus_StrokeDetailColor: var(--sapContent_Illustrative_Color4);\n --sapIllus_Layering1: var(--sapContent_Illustrative_Color5);\n --sapIllus_Layering2: var(--sapContent_Illustrative_Color6);\n --sapIllus_BackgroundColor: var(--sapContent_Illustrative_Color7);\n --sapIllus_ObjectFillColor: var(--sapContent_Illustrative_Color8);\n --sapIllus_AccentColor: var(--sapContent_Illustrative_Color3);\n --sapIllus_NoColor: none;\n --sapIllus_PatternShadow: url(#sapIllus_PatternShadow);\n --sapIllus_PatternHighlight: url(#sapIllus_PatternHighlight);\n --_ui5_media_gallery_overflow_btn_background: var(--sapButton_Background);\n --_ui5_media_gallery_overflow_btn_color: var(--sapButton_TextColor);\n --_ui5_media_gallery_overflow_btn_border: 1px solid var(--sapButton_BorderColor);\n --_ui5_media_gallery_thumbnail_border: 1px solid var(--sapContent_ForegroundColor);\n --_ui5_media_gallery_thumbnail_selected_border: 2px solid var(--sapSelectedColor);\n --_ui5_media_gallery_thumbnail_focus_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);\n --_ui5_media_gallery_item_overlay_box_shadow: inset 0px 0px 80px rgba(0, 0, 0, .2);\n --_ui5_page_list_bg: var(--sapGroup_ContentBackground);\n --_ui5_page_transparent_bg: var(--sapBackgroundColor);\n --_ui5_product_switch_item_width: 11.25rem;\n --_ui5_product_switch_item_height: 7rem;\n --_ui5_product_switch_item_active_outline_color: var(--sapContent_ContrastFocusColor);\n --_ui5_product_switch_item_outline_offset: -.25rem;\n --_ui5_product_switch_item_border: 1px solid var(--sapField_BorderColor);\n --_ui5_shellbar_root_height: 2.75rem;\n --_ui5_shellbar_button_border: none;\n --_ui5_shellbar_button_border_radius: .25rem;\n --_ui5_shellbar_button_focused_border: .125rem dotted var(--sapContent_FocusColor);\n --_ui5_shellbar_button_badge_border: 1px solid var(--sapGroup_ContentBorderColor);\n --_ui5_shellbar_outline_offset: -.0625rem;\n --_ui5_shellbar_search_field_outline_focused: .0625rem dotted var(--sapContent_ContrastFocusColor);\n --_ui5_shellbar_search_field_background_hover: var(--sapShellColor);\n --_ui5_shellbar_search_field_box_shadow_hover: none;\n --_ui5_shellbar_menu_button_title_font_size: .75rem;\n --_ui5_side_navigation_width: 16rem;\n --_ui5_side_navigation_collapsed_width: 3rem;\n --_ui5_side_navigation_navigation_separator_margin: .25rem .5rem .25rem .5rem;\n --_ui5_side_navigation_navigation_separator_background_color: var(--sapList_GroupHeaderBorderColor);\n --_ui5_side_navigation_navigation_separator_radius: unset;\n --_ui5_side_navigation_navigation_separator_height: calc(2 * var(--sapList_BorderWidth));\n --_ui5_side_navigation_triangle_color: var(--sapContent_IconColor);\n --_ui5_side_navigation_border_right: 1px solid var(--sapGroup_ContentBorderColor);\n --_ui5_side_navigation_box_shadow: var(--sapContent_Shadow0);\n --_ui5_side_navigation_triangle_display: block;\n --_ui5_side_navigation_icon_color: var(--sapContent_IconColor);\n --_ui5_side_navigation_expand_icon_color: var(--sapContent_IconColor);\n --_ui5_side_navigation_expand_icon_width: 2rem;\n --_ui5_side_navigation_hover_border_style_color: none;\n --_ui5_side_navigation_hover_border_width: 0;\n --_ui5_side_navigation_group_border_style_color: solid var(--sapList_BorderColor);\n --_ui5_side_navigation_group_border_width: 0 0 .0625rem 0;\n --_ui5_side_navigation_item_border_style_color: none;\n --_ui5_side_navigation_item_border_width: 0;\n --_ui5_side_navigation_item_height: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 2.5rem);\n --_ui5_side_navigation_item_margin: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, .875rem);\n --_ui5_side_navigation_item_expand_arrow_padding: var(--_ui5-compact-size, .3125rem) var(--_ui5-cozy-size, .6875rem);\n --_ui5_side_navigation_item_border_radius: 0;\n --_ui5_side_navigation_item_bottom_margin: 0;\n --_ui5_side_navigation_item_padding_start_in_popup: var(--_ui5_side_navigation_group_icon_width);\n --_ui5_side_navigation_item_padding_start_in_overflow_popup: .75rem;\n --_ui5_side_navigation_item_transition: none;\n --_ui5_side_navigation_item_padding_left: .5rem;\n --_ui5_side_navigation_item_focus_border_offset: 1px;\n --_ui5_side_navigation_item_focus_border_radius: var(--_ui5_side_navigation_item_border_radius);\n --_ui5_side_navigation_collapsed_selected_item_background: 0 100% / 100% .0625rem no-repeat linear-gradient(0deg, var(--sapList_SelectionBorderColor), var(--sapList_SelectionBorderColor)), var(--sapList_SelectionBackgroundColor);\n --_ui5_side_navigation_collapsed_selected_item_background_hover: 0 100% / 100% .0625rem no-repeat linear-gradient(0deg, var(--sapList_SelectionBorderColor), var(--sapList_SelectionBorderColor)), var(--sapList_Hover_SelectionBackground);\n --_ui5_side_navigation_selected_item_border_color: var(--sapList_SelectionBorderColor);\n --_ui5_side_navigation_selected_border_style_color: solid var(--_ui5_side_navigation_selected_item_border_color);\n --_ui5_side_navigation_selected_and_focused_border_style_color: var(--_ui5_side_navigation_selected_border_style_color);\n --_ui5_side_navigation_selected_border_width: 0 0 .0625rem 0;\n --_ui5_side_navigation_group_expanded_border_width: 0;\n --_ui5_side_navigation_group_icon_width: var(--_ui5_side_navigation_collapsed_width);\n --_ui5_side_navigation_icon_padding_inline_end: .4375rem;\n --_ui5_side_navigation_item_font_family: var(--sapFontFamily);\n --_ui5_side_navigation_parent_item_font_family: var(--sapFontSemiboldDuplexFamily);\n --_ui5_side_navigation_group_padding: .5rem;\n --_ui5_side_navigation_padding-flexible: 0;\n --_ui5_side_navigation_padding-fixed: 0;\n --_ui5_side_navigation_popup_padding: 0;\n --_ui5_side_navigation_popup_title_line_height: normal;\n --_ui5_side_navigation_first_fixed_item_margin_top: 0;\n --_ui5_side_navigation_item_expand_icon_visibility: none;\n --_ui5_side_navigation_item_collapsed_hover_focus_width: auto;\n --_ui5_side_navigation_item_collapsed_hover_focus_display: none;\n --_ui5_side_navigation_item_collapsed_hover_focus_padding_right: 0;\n --_ui5_side_navigation_action_item_collapsed_padding: 0;\n --_ui5_side_navigation_item_collapsed_padding: 0;\n --_ui5_side_navigation_action_item_border_hover: var(--sapButton_BorderWidth) solid var(--sapButton_Hover_BorderColor);\n --_ui5_side_navigation_action_item_border_active: var(--sapButton_BorderWidth) solid var(--sapButton_Active_BorderColor);\n --_ui5_side_navigation_item_expand_icon_right: -.5rem;\n --_ui5_side_navigation_item_expand_icon_hover_left: auto;\n --_ui5_side_navigation_item_expand_icon_hover_right: 0;\n --_ui5_side_navigation_active_text_color: var(--sapList_Active_TextColor);\n --_ui5_TimelineItem_arrow_size: 1.625rem;\n --_ui5_TimelineItem_bubble_border_width: .0625rem;\n --_ui5_TimelineItem_bubble_border_style: dotted;\n --_ui5_TimelineItem_bubble_border_radius: .25rem;\n --_ui5_TimelineItem_bubble_border_color: var(--sapList_BorderColor);\n --_ui5_TimelineItem_bubble_border_top: -.125rem;\n --_ui5_TimelineItem_bubble_border_right: -.125rem;\n --_ui5_TimelineItem_bubble_border_bottom: -.125rem;\n --_ui5_TimelineItem_bubble_border_left: -.625rem;\n --_ui5_TimelineItem_bubble_rtl_left_offset: -.1875rem;\n --_ui5_TimelineItem_bubble_rtl_right_offset: -.6875rem;\n --_ui5_TimelineItem_bubble_focus_border_radius: 0;\n --_ui5_TimelineItem_horizontal_bubble_focus_top_offset: -.625rem;\n --_ui5_TimelineItem_horizontal_bubble_focus_left_offset: -.125rem;\n --_ui5_TimelineItem_bubble_content_padding: var(--_ui5_tl_bubble_padding);\n --_ui5_TimelineItem_bubble_content_subtitle_padding_top: .375rem;\n --_ui5_TimelineItem_bubble_content_description_padding_top: .75rem;\n --_ui5_tl_bubble_padding: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, 1rem);\n --_ui5_tl_padding: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, 1rem 1rem 1rem .5rem);\n --_ui5_tl_li_margin_bottom: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, 1.625rem);\n --_ui5_timeline_tli_indicator_before_bottom: var(--_ui5-compact-size, -.75rem) var(--_ui5-cozy-size, -1.5rem);\n --_ui5_timeline_tli_indicator_before_right: var(--_ui5-compact-size, -.5rem) var(--_ui5-cozy-size, -1.625rem);\n --_ui5_timeline_tli_indicator_before_without_icon_bottom: var(--_ui5-compact-size, -1rem) var(--_ui5-cozy-size, -1.875rem);\n --_ui5_timeline_tli_indicator_before_without_icon_right: var(--_ui5-compact-size, -.8125rem) var(--_ui5-cozy-size, -1.9375rem);\n --_ui5_timeline_tli_indicator_after_top: var(--_ui5-compact-size, calc(-100% + .9375rem) ) var(--_ui5-cozy-size, calc(-100% - 1rem) );\n --_ui5_timeline_tli_indicator_after_height: var(--_ui5-compact-size, calc(100% - .75rem) ) var(--_ui5-cozy-size, calc(100% + 1rem) );\n --_ui5_timeline_tli_indicator_before_height: var(--_ui5-compact-size, calc(100% - 1.25rem) ) var(--_ui5-cozy-size, 100%);\n --_ui5_timeline_tli_horizontal_indicator_after_width: var(--_ui5-compact-size, var(--_ui5_timeline_tli_indicator_after_height)) var(--_ui5-cozy-size, calc(100% + .25rem) );\n --_ui5_timeline_tli_horizontal_indicator_after_left: var(--_ui5-compact-size, 1.8625rem) var(--_ui5-cozy-size, 1.9375rem);\n --_ui5_timeline_tli_horizontal_without_icon_indicator_before_width: var(--_ui5-compact-size, var(--_ui5_timeline_tli_indicator_after_height)) var(--_ui5-cozy-size, calc(100% + .5rem) );\n --_ui5_timeline_tli_horizontal_indicator_before_width: var(--_ui5-compact-size, var(--_ui5_timeline_tli_indicator_after_height)) var(--_ui5-cozy-size, calc(100% + .5rem) );\n --_ui5_timeline_tli_icon_horizontal_indicator_after_width: var(--_ui5-compact-size, var(--_ui5_timeline_tli_indicator_after_height)) var(--_ui5-cozy-size, calc(100% + .25rem) );\n --_ui5_timeline_tli_without_icon_horizontal_indicator_before_width: var(--_ui5-compact-size, calc(100% - .625rem) ) var(--_ui5-cozy-size, calc(100% + .375rem) );\n --_ui5_timeline_tli_horizontal_indicator_short_after_width: var(--_ui5-compact-size, calc(100% - 1rem) ) var(--_ui5-cozy-size, 100%);\n --ui5_upload_collection_drag_overlay_border: .1875rem dashed var(--sapContent_ForegroundBorderColor);\n --ui5_upload_collection_drop_overlay_border: .1875rem solid var(--sapContent_HelpColor);\n --ui5_upload_collection_drop_overlay_background: transparent;\n --ui5_upload_collection_thumbnail_size: 3rem;\n --ui5_upload_collection_thumbnail_margin_inline_end: .75rem;\n --ui5_upload_collection_small_size_buttons_margin_block_start: .5rem;\n --ui5_upload_collection_small_size_buttons_margin_inline_start: 0;\n --ui5_upload_collection_drag_overlay_text_color: var(--sapContent_NonInteractiveIconColor);\n --ui5_upload_collection_drag_overlay_icon_color: var(--sapContent_NonInteractiveIconColor);\n --ui5_upload_collection_drag_overlay_border_radius: 0;\n --ui5_upload_collection_drag_overlay_opacity: .8;\n --_ui5_vsd_header_container: var(--_ui5-compact-size, 2.5rem) var(--_ui5-cozy-size, 2.75rem);\n --_ui5_vsd_sub_header_container_height: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 2.75rem);\n --_ui5_vsd_content_li_padding: .375rem;\n --_ui5_vsd_content_height: 23.4375rem;\n --_ui5_vsd_expand_content_height: var(--_ui5-compact-size, 25.4375rem) var(--_ui5-cozy-size, 26.1875rem);\n --_ui5_wiz_content_item_wrapper_padding: 1rem;\n --_ui5_wiz_content_item_wrapper_bg: var(--sapGroup_ContentBackground);\n --_ui5_wiz_tab_focus_outline: .125rem dotted var(--sapContent_FocusColor);\n --_ui5_wiz_tab_selected_bg: var(--sapContent_Selected_Background);\n --_ui5_wiz_tab_border: 1px solid var(--sapContent_Selected_ForegroundColor);\n --_ui5_wiz_tab_selection_line: var(--sapTextColor);\n --_ui5_wiz_tab_icon_color: var(--sapTextColor);\n --_ui5_wiz_tab_active_separator_color: var(--sapContent_Selected_ForegroundColor);\n --_ui5_wiz_tab_title_color: var(--sapContent_LabelColor);\n --_ui5_wiz_tab_title_font_family: var(--sapFontFamily);\n --_ui5_wiz_tab_focus_border_radius: 0;\n --_ui5_shellbar_logo_outline_color: var(--sapContent_ContrastFocusColor);\n --_ui5_shellbar_logo_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--_ui5_shellbar_logo_outline_color);\n --_ui5_shellbar_button_box_shadow: none;\n --_ui5_shellbar_button_box_shadow_active: none;\n --_ui5_shellbar_button_active_color: var(--sapShell_Active_TextColor);\n --_ui5_shellbar_search_field_background: var(--sapShellColor);\n --_ui5_shellbar_search_field_border: .0625rem solid var(--sapShell_InteractiveBorderColor);\n --_ui5_shellbar_search_field_box_shadow: none;\n --_ui5_shellbar_search_field_color: var(--sapShell_TextColor);\n --_ui5_shellbar_search_field_width: 25rem;\n --_ui5_shellbar_input_focus_outline_color: inherit;\n --_ui5_shellbar_overflow_container_middle_height: 2.5rem;\n --_ui5_shellbar_image_button_border_radius: 50%;\n --_ui5-shellbar-content-margin-start: .5rem;\n --_ui5-shellbar-overflow-button-margin: .5rem;\n --_ui5-shellbar_separator-color: var(--sapToolbar_SeparatorColor);\n --_ui5-shellbar_cancel-button-color: var(--sapButton_Lite_TextColor);\n --_ui5_dynamic_page_footer_spacer: 4rem;\n --_ui5_dynamic_page_title_padding_S: .5rem 1rem;\n --_ui5_dynamic_page_title_padding_M: .5rem 2rem;\n --_ui5_dynamic_page_title_padding_L: .5rem 2rem;\n --_ui5_dynamic_page_title_padding_XL: .5rem 3rem;\n --_ui5_dynamic_page_header_padding_S: .5rem 1rem .125rem;\n --_ui5_dynamic_page_header_padding_M: 1rem 2rem;\n --_ui5_dynamic_page_header_padding_L: 1rem 2rem;\n --_ui5_dynamic_page_header_padding_XL: 1rem 3rem;\n --_ui5_dynamic_page_content_padding_S: 1rem 0 0;\n --_ui5_dynamic_page_content_padding_M: 1rem 1rem 0;\n --_ui5_dynamic_page_content_padding_L: 1rem 1rem 0;\n --_ui5_dynamic_page_content_padding_XL: 1rem 2rem 0;\n --ui5_dynamic_page_background: var(--sapBackgroundColor);\n --_ui5_dynamic_page_title_padding_top: .5rem;\n --_ui5_dynamic_page_title_padding_bottom: .5rem;\n --_ui5_dynamic_page_title_min_height: 4rem;\n --_ui5_dynamic_page_title_focus_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);\n --_ui5_dynamic_page_title_focus_outline_offset: -.0625rem;\n --_ui5_dynamic_page_title_breadcrumbs_padding_top: .5rem;\n --_ui5_dynamic_page_title_breadcrumbs_padding_bottom: .25rem;\n --_ui5_dynamic_page_title_heading_padding_top: .3125rem;\n --_ui5_dynamic_page_title_subheading_margin_top: .25rem;\n --_ui5_dynamic_page_title_hover_background: var(--sapObjectHeader_Hover_Background);\n --_ui5_dynamic_page_snapped_title_on_mobile_line_height: 2rem;\n --_ui5_dynamic_page_snapped_title_on_mobile_min_height: 2rem;\n --_ui5_dynamic_page_header_background_color: var(--sapObjectHeader_Background);\n --_ui5_dynamic_page_header-actions-box-shadow: var(--sapContent_Shadow0);\n --_ui5_dynamic_page_header-box-shadow: var(--sapContent_HeaderShadow);\n --_ui5_dynamic_page_actions-lines-color: var(--sapObjectHeader_BorderColor);\n --_ui5_dynamic_page_header-actions-background: var(--sapObjectHeader_Background);\n --_ui5_dynamic_page_header-actions-color: var(--sapButton_TextColor);\n --_ui5_dynamic_page_header-actions-background-pressed: var(--_ui5_dynamic_page_header-actions-background);\n --_ui5_dynamic_page_header-actions-color-pressed: var(--_ui5_dynamic_page_header-actions-color);\n --_ui5_timeline_tlgi_line_horizontal_height: 16.375rem;\n --_ui5_timeline_tlgi_root_horizontal_height: var(--_ui5-compact-size, 20.90625rem) var(--_ui5-cozy-size, 21.53125rem);\n --_ui5_timeline_tlgi_compact_icon_before_height: var(--_ui5-compact-size, calc(100% + 1.5rem) ) var(--_ui5-cozy-size, var(--_ui5-f2d95f8));\n --_ui5_timeline_tlgi_horizontal_line_placeholder_before_width: var(--_ui5-compact-size, var(--_ui5_timeline_tlgi_compact_icon_before_height)) var(--_ui5-cozy-size, var(--_ui5-f2d95f8));\n --_ui5_timeline_tlgi_horizontal_compact_root_margin_left: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, var(--_ui5-f2d95f8));\n --_ui5_timeline_tlgi_compact_root_gap: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, var(--_ui5-f2d95f8))}\n"
1
+ ":host{\n --_ui5_banner_background: var(--sapShell_HeroBanner_Background);\n --_ui5_banner_text_color: var(--sapShell_HeroBanner_TextColor);\n --_ui5_banner_border_radius: var(--sapTile_BorderCornerRadius);\n --_ui5_banner_border: .0625rem solid var(--sapTile_BorderColor);\n --_ui5_banner_box_shadow: var(--sapContent_Shadow0);\n --_ui5_banner_background_image: var(--sapShell_HeroBanner_BackgroundImage);\n --_ui5_fcl_solid_bg: var(--sapBackgroundColor);\n --_ui5_fcl_column_border: solid .0625rem var(--sapGroup_ContentBorderColor);\n --_ui5_fcl_decoration_top: linear-gradient(to top, var(--sapObjectHeader_BorderColor), #fff);\n --_ui5_fcl_decoration_bottom: linear-gradient(to bottom, var(--sapObjectHeader_BorderColor), #fff);\n --sapIllus_BrandColorPrimary: var(--sapContent_Illustrative_Color1);\n --sapIllus_BrandColorSecondary: var(--sapContent_Illustrative_Color2);\n --sapIllus_StrokeDetailColor: var(--sapContent_Illustrative_Color4);\n --sapIllus_Layering1: var(--sapContent_Illustrative_Color5);\n --sapIllus_Layering2: var(--sapContent_Illustrative_Color6);\n --sapIllus_BackgroundColor: var(--sapContent_Illustrative_Color7);\n --sapIllus_ObjectFillColor: var(--sapContent_Illustrative_Color8);\n --sapIllus_AccentColor: var(--sapContent_Illustrative_Color3);\n --sapIllus_NoColor: none;\n --sapIllus_PatternShadow: url(#sapIllus_PatternShadow);\n --sapIllus_PatternHighlight: url(#sapIllus_PatternHighlight);\n --_ui5_media_gallery_overflow_btn_background: var(--sapButton_Background);\n --_ui5_media_gallery_overflow_btn_color: var(--sapButton_TextColor);\n --_ui5_media_gallery_overflow_btn_border: 1px solid var(--sapButton_BorderColor);\n --_ui5_media_gallery_thumbnail_border: 1px solid var(--sapContent_ForegroundColor);\n --_ui5_media_gallery_thumbnail_selected_border: 2px solid var(--sapSelectedColor);\n --_ui5_media_gallery_thumbnail_focus_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);\n --_ui5_media_gallery_item_overlay_box_shadow: inset 0px 0px 80px rgba(0, 0, 0, .2);\n --_ui5_page_list_bg: var(--sapGroup_ContentBackground);\n --_ui5_page_transparent_bg: var(--sapBackgroundColor);\n --_ui5_product_switch_item_width: 11.25rem;\n --_ui5_product_switch_item_height: 7rem;\n --_ui5_product_switch_item_active_outline_color: var(--sapContent_ContrastFocusColor);\n --_ui5_product_switch_item_outline_offset: -.25rem;\n --_ui5_product_switch_item_border: 1px solid var(--sapField_BorderColor);\n --_ui5_shellbar_root_height: 2.75rem;\n --_ui5_shellbar_button_border: none;\n --_ui5_shellbar_button_border_radius: .25rem;\n --_ui5_shellbar_button_focused_border: .125rem dotted var(--sapContent_FocusColor);\n --_ui5_shellbar_button_badge_border: 1px solid var(--sapGroup_ContentBorderColor);\n --_ui5_shellbar_outline_offset: -.0625rem;\n --_ui5_shellbar_search_field_outline_focused: .0625rem dotted var(--sapContent_ContrastFocusColor);\n --_ui5_shellbar_search_field_background_hover: var(--sapShellColor);\n --_ui5_shellbar_search_field_box_shadow_hover: none;\n --_ui5_shellbar_menu_button_title_font_size: .75rem;\n --_ui5_side_navigation_width: 16rem;\n --_ui5_side_navigation_collapsed_width: 3rem;\n --_ui5_side_navigation_navigation_separator_margin: .25rem .5rem .25rem .5rem;\n --_ui5_side_navigation_navigation_separator_background_color: var(--sapList_GroupHeaderBorderColor);\n --_ui5_side_navigation_navigation_separator_radius: unset;\n --_ui5_side_navigation_navigation_separator_height: calc(2 * var(--sapList_BorderWidth));\n --_ui5_side_navigation_triangle_color: var(--sapContent_IconColor);\n --_ui5_side_navigation_border_right: 1px solid var(--sapGroup_ContentBorderColor);\n --_ui5_side_navigation_box_shadow: var(--sapContent_Shadow0);\n --_ui5_side_navigation_triangle_display: block;\n --_ui5_side_navigation_icon_color: var(--sapContent_IconColor);\n --_ui5_side_navigation_expand_icon_color: var(--sapContent_IconColor);\n --_ui5_side_navigation_expand_icon_width: 2rem;\n --_ui5_side_navigation_hover_border_style_color: none;\n --_ui5_side_navigation_hover_border_width: 0;\n --_ui5_side_navigation_group_border_style_color: solid var(--sapList_BorderColor);\n --_ui5_side_navigation_group_border_width: 0 0 .0625rem 0;\n --_ui5_side_navigation_item_border_style_color: none;\n --_ui5_side_navigation_item_border_width: 0;\n --_ui5_side_navigation_item_height: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 2.5rem);\n --_ui5_side_navigation_item_margin: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, .875rem);\n --_ui5_side_navigation_item_expand_arrow_padding: var(--_ui5-compact-size, .3125rem) var(--_ui5-cozy-size, .6875rem);\n --_ui5_side_navigation_item_border_radius: 0;\n --_ui5_side_navigation_item_bottom_margin: 0;\n --_ui5_side_navigation_item_padding_start_in_popup: var(--_ui5_side_navigation_group_icon_width);\n --_ui5_side_navigation_item_padding_start_in_overflow_popup: .75rem;\n --_ui5_side_navigation_item_transition: none;\n --_ui5_side_navigation_item_padding_left: .5rem;\n --_ui5_side_navigation_item_focus_border_offset: 1px;\n --_ui5_side_navigation_item_focus_border_radius: var(--_ui5_side_navigation_item_border_radius);\n --_ui5_side_navigation_collapsed_selected_item_background: 0 100% / 100% .0625rem no-repeat linear-gradient(0deg, var(--sapList_SelectionBorderColor), var(--sapList_SelectionBorderColor)), var(--sapList_SelectionBackgroundColor);\n --_ui5_side_navigation_collapsed_selected_item_background_hover: 0 100% / 100% .0625rem no-repeat linear-gradient(0deg, var(--sapList_SelectionBorderColor), var(--sapList_SelectionBorderColor)), var(--sapList_Hover_SelectionBackground);\n --_ui5_side_navigation_selected_item_border_color: var(--sapList_SelectionBorderColor);\n --_ui5_side_navigation_selected_border_style_color: solid var(--_ui5_side_navigation_selected_item_border_color);\n --_ui5_side_navigation_selected_and_focused_border_style_color: var(--_ui5_side_navigation_selected_border_style_color);\n --_ui5_side_navigation_selected_border_width: 0 0 .0625rem 0;\n --_ui5_side_navigation_group_expanded_border_width: 0;\n --_ui5_side_navigation_group_icon_width: var(--_ui5_side_navigation_collapsed_width);\n --_ui5_side_navigation_icon_padding_inline_end: .4375rem;\n --_ui5_side_navigation_item_font_family: var(--sapFontFamily);\n --_ui5_side_navigation_parent_item_font_family: var(--sapFontSemiboldDuplexFamily);\n --_ui5_side_navigation_group_padding: .5rem;\n --_ui5_side_navigation_padding-flexible: 0;\n --_ui5_side_navigation_padding-fixed: 0;\n --_ui5_side_navigation_popup_padding: 0;\n --_ui5_side_navigation_popup_title_line_height: normal;\n --_ui5_side_navigation_first_fixed_item_margin_top: 0;\n --_ui5_side_navigation_item_expand_icon_visibility: none;\n --_ui5_side_navigation_item_collapsed_hover_focus_width: auto;\n --_ui5_side_navigation_item_collapsed_hover_focus_display: none;\n --_ui5_side_navigation_item_collapsed_hover_focus_padding_right: 0;\n --_ui5_side_navigation_action_item_collapsed_padding: 0;\n --_ui5_side_navigation_item_collapsed_padding: 0;\n --_ui5_side_navigation_action_item_border_hover: var(--sapButton_BorderWidth) solid var(--sapButton_Hover_BorderColor);\n --_ui5_side_navigation_action_item_border_active: var(--sapButton_BorderWidth) solid var(--sapButton_Active_BorderColor);\n --_ui5_side_navigation_item_expand_icon_right: -.5rem;\n --_ui5_side_navigation_item_expand_icon_hover_left: auto;\n --_ui5_side_navigation_item_expand_icon_hover_right: 0;\n --_ui5_side_navigation_active_text_color: var(--sapList_Active_TextColor);\n --_ui5_TimelineItem_arrow_size: 1.625rem;\n --_ui5_TimelineItem_bubble_border_width: .0625rem;\n --_ui5_TimelineItem_bubble_border_style: dotted;\n --_ui5_TimelineItem_bubble_border_radius: .25rem;\n --_ui5_TimelineItem_bubble_border_color: var(--sapList_BorderColor);\n --_ui5_TimelineItem_bubble_border_top: -.125rem;\n --_ui5_TimelineItem_bubble_border_right: -.125rem;\n --_ui5_TimelineItem_bubble_border_bottom: -.125rem;\n --_ui5_TimelineItem_bubble_border_left: -.625rem;\n --_ui5_TimelineItem_bubble_rtl_left_offset: -.1875rem;\n --_ui5_TimelineItem_bubble_rtl_right_offset: -.6875rem;\n --_ui5_TimelineItem_bubble_focus_border_radius: 0;\n --_ui5_TimelineItem_horizontal_bubble_focus_top_offset: -.625rem;\n --_ui5_TimelineItem_horizontal_bubble_focus_left_offset: -.125rem;\n --_ui5_TimelineItem_bubble_content_padding: var(--_ui5_tl_bubble_padding);\n --_ui5_TimelineItem_bubble_content_subtitle_padding_top: .375rem;\n --_ui5_TimelineItem_bubble_content_description_padding_top: .75rem;\n --_ui5_tl_bubble_padding: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, 1rem);\n --_ui5_tl_padding: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, 1rem 1rem 1rem .5rem);\n --_ui5_tl_li_margin_bottom: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, 1.625rem);\n --_ui5_timeline_tli_indicator_before_bottom: var(--_ui5-compact-size, -.75rem) var(--_ui5-cozy-size, -1.5rem);\n --_ui5_timeline_tli_indicator_before_right: var(--_ui5-compact-size, -.5rem) var(--_ui5-cozy-size, -1.625rem);\n --_ui5_timeline_tli_indicator_before_without_icon_bottom: var(--_ui5-compact-size, -1rem) var(--_ui5-cozy-size, -1.875rem);\n --_ui5_timeline_tli_indicator_before_without_icon_right: var(--_ui5-compact-size, -.8125rem) var(--_ui5-cozy-size, -1.9375rem);\n --_ui5_timeline_tli_indicator_after_top: var(--_ui5-compact-size, calc(-100% + .9375rem) ) var(--_ui5-cozy-size, calc(-100% - 1rem) );\n --_ui5_timeline_tli_indicator_after_height: var(--_ui5-compact-size, calc(100% - .75rem) ) var(--_ui5-cozy-size, calc(100% + 1rem) );\n --_ui5_timeline_tli_indicator_before_height: var(--_ui5-compact-size, calc(100% - 1.25rem) ) var(--_ui5-cozy-size, 100%);\n --_ui5_timeline_tli_horizontal_indicator_after_width: var(--_ui5-compact-size, var(--_ui5_timeline_tli_indicator_after_height)) var(--_ui5-cozy-size, calc(100% + .25rem) );\n --_ui5_timeline_tli_horizontal_indicator_after_left: var(--_ui5-compact-size, 1.8625rem) var(--_ui5-cozy-size, 1.9375rem);\n --_ui5_timeline_tli_horizontal_without_icon_indicator_before_width: var(--_ui5-compact-size, var(--_ui5_timeline_tli_indicator_after_height)) var(--_ui5-cozy-size, calc(100% + .5rem) );\n --_ui5_timeline_tli_horizontal_indicator_before_width: var(--_ui5-compact-size, var(--_ui5_timeline_tli_indicator_after_height)) var(--_ui5-cozy-size, calc(100% + .5rem) );\n --_ui5_timeline_tli_icon_horizontal_indicator_after_width: var(--_ui5-compact-size, var(--_ui5_timeline_tli_indicator_after_height)) var(--_ui5-cozy-size, calc(100% + .25rem) );\n --_ui5_timeline_tli_without_icon_horizontal_indicator_before_width: var(--_ui5-compact-size, calc(100% - .625rem) ) var(--_ui5-cozy-size, calc(100% + .375rem) );\n --_ui5_timeline_tli_horizontal_indicator_short_after_width: var(--_ui5-compact-size, calc(100% - 1rem) ) var(--_ui5-cozy-size, 100%);\n --ui5_upload_collection_drag_overlay_border: .1875rem dashed var(--sapContent_ForegroundBorderColor);\n --ui5_upload_collection_drop_overlay_border: .1875rem solid var(--sapContent_HelpColor);\n --ui5_upload_collection_drop_overlay_background: transparent;\n --ui5_upload_collection_thumbnail_size: 3rem;\n --ui5_upload_collection_thumbnail_margin_inline_end: .75rem;\n --ui5_upload_collection_small_size_buttons_margin_block_start: .5rem;\n --ui5_upload_collection_small_size_buttons_margin_inline_start: 0;\n --ui5_upload_collection_drag_overlay_text_color: var(--sapContent_NonInteractiveIconColor);\n --ui5_upload_collection_drag_overlay_icon_color: var(--sapContent_NonInteractiveIconColor);\n --ui5_upload_collection_drag_overlay_border_radius: 0;\n --ui5_upload_collection_drag_overlay_opacity: .8;\n --_ui5_vsd_header_container: var(--_ui5-compact-size, 2.5rem) var(--_ui5-cozy-size, 2.75rem);\n --_ui5_vsd_sub_header_container_height: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 2.75rem);\n --_ui5_vsd_content_li_padding: .375rem;\n --_ui5_vsd_content_height: 23.4375rem;\n --_ui5_vsd_expand_content_height: var(--_ui5-compact-size, 25.4375rem) var(--_ui5-cozy-size, 26.1875rem);\n --_ui5_wiz_content_item_wrapper_padding: 1rem;\n --_ui5_wiz_content_item_wrapper_bg: var(--sapGroup_ContentBackground);\n --_ui5_wiz_tab_focus_outline: .125rem dotted var(--sapContent_FocusColor);\n --_ui5_wiz_tab_selected_bg: var(--sapContent_Selected_Background);\n --_ui5_wiz_tab_border: 1px solid var(--sapContent_Selected_ForegroundColor);\n --_ui5_wiz_tab_selection_line: var(--sapTextColor);\n --_ui5_wiz_tab_icon_color: var(--sapTextColor);\n --_ui5_wiz_tab_active_separator_color: var(--sapContent_Selected_ForegroundColor);\n --_ui5_wiz_tab_title_color: var(--sapContent_LabelColor);\n --_ui5_wiz_tab_title_font_family: var(--sapFontFamily);\n --_ui5_wiz_tab_focus_border_radius: 0;\n --_ui5_shellbar_logo_outline_color: var(--sapContent_ContrastFocusColor);\n --_ui5_shellbar_logo_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--_ui5_shellbar_logo_outline_color);\n --_ui5_shellbar_button_box_shadow: none;\n --_ui5_shellbar_button_box_shadow_active: none;\n --_ui5_shellbar_button_active_color: var(--sapShell_Active_TextColor);\n --_ui5_shellbar_search_field_background: var(--sapShellColor);\n --_ui5_shellbar_search_field_border: .0625rem solid var(--sapShell_InteractiveBorderColor);\n --_ui5_shellbar_search_field_box_shadow: none;\n --_ui5_shellbar_search_field_color: var(--sapShell_TextColor);\n --_ui5_shellbar_search_field_width: 25rem;\n --_ui5_shellbar_input_focus_outline_color: inherit;\n --_ui5_shellbar_overflow_container_middle_height: 2.5rem;\n --_ui5_shellbar_image_button_border_radius: 50%;\n --_ui5-shellbar-content-margin-start: .5rem;\n --_ui5-shellbar-overflow-button-margin: .5rem;\n --_ui5-shellbar_separator-color: var(--sapToolbar_SeparatorColor);\n --_ui5-shellbar_cancel-button-color: var(--sapButton_Lite_TextColor);\n --_ui5_dynamic_page_footer_spacer: 4rem;\n --_ui5_dynamic_page_title_padding_S: .5rem 1rem;\n --_ui5_dynamic_page_title_padding_M: .5rem 2rem;\n --_ui5_dynamic_page_title_padding_L: .5rem 2rem;\n --_ui5_dynamic_page_title_padding_XL: .5rem 3rem;\n --_ui5_dynamic_page_header_padding_S: .5rem 1rem .125rem;\n --_ui5_dynamic_page_header_padding_M: 1rem 2rem;\n --_ui5_dynamic_page_header_padding_L: 1rem 2rem;\n --_ui5_dynamic_page_header_padding_XL: 1rem 3rem;\n --_ui5_dynamic_page_content_padding_S: 1rem 0 0;\n --_ui5_dynamic_page_content_padding_M: 1rem 1rem 0;\n --_ui5_dynamic_page_content_padding_L: 1rem 1rem 0;\n --_ui5_dynamic_page_content_padding_XL: 1rem 2rem 0;\n --ui5_dynamic_page_background: var(--sapBackgroundColor);\n --_ui5_dynamic_page_title_padding_top: .5rem;\n --_ui5_dynamic_page_title_padding_bottom: .5rem;\n --_ui5_dynamic_page_title_min_height: 4rem;\n --_ui5_dynamic_page_title_focus_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);\n --_ui5_dynamic_page_title_focus_outline_offset: -.0625rem;\n --_ui5_dynamic_page_title_breadcrumbs_padding_top: .5rem;\n --_ui5_dynamic_page_title_breadcrumbs_padding_bottom: .25rem;\n --_ui5_dynamic_page_title_heading_padding_top: .3125rem;\n --_ui5_dynamic_page_title_subheading_margin_top: .25rem;\n --_ui5_dynamic_page_title_hover_background: var(--sapObjectHeader_Hover_Background);\n --_ui5_dynamic_page_snapped_title_on_mobile_line_height: 2rem;\n --_ui5_dynamic_page_snapped_title_on_mobile_min_height: 2rem;\n --_ui5_dynamic_page_header_background_color: var(--sapObjectHeader_Background);\n --_ui5_dynamic_page_header-actions-box-shadow: var(--sapContent_Shadow0);\n --_ui5_dynamic_page_header-box-shadow: var(--sapContent_HeaderShadow);\n --_ui5_dynamic_page_actions-lines-color: var(--sapObjectHeader_BorderColor);\n --_ui5_dynamic_page_header-actions-background: var(--sapObjectHeader_Background);\n --_ui5_dynamic_page_header-actions-color: var(--sapButton_TextColor);\n --_ui5_dynamic_page_header-actions-background-pressed: var(--_ui5_dynamic_page_header-actions-background);\n --_ui5_dynamic_page_header-actions-color-pressed: var(--_ui5_dynamic_page_header-actions-color);\n --_ui5_timeline_tlgi_line_horizontal_height: 16.375rem;\n --_ui5_timeline_tlgi_root_horizontal_height: var(--_ui5-compact-size, 20.90625rem) var(--_ui5-cozy-size, 21.53125rem);\n --_ui5_timeline_tlgi_compact_icon_before_height: var(--_ui5-compact-size, calc(100% + 1.5rem) ) var(--_ui5-cozy-size, var(--_ui5-f2d95f8));\n --_ui5_timeline_tlgi_horizontal_line_placeholder_before_width: var(--_ui5-compact-size, var(--_ui5_timeline_tlgi_compact_icon_before_height)) var(--_ui5-cozy-size, var(--_ui5-f2d95f8));\n --_ui5_timeline_tlgi_horizontal_compact_root_margin_left: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, var(--_ui5-f2d95f8));\n --_ui5_timeline_tlgi_compact_root_gap: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, var(--_ui5-f2d95f8))}\n"
@@ -0,0 +1,2 @@
1
+ declare const _default: ":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;max-height:24rem;border-radius:inherit;background-color:inherit;background-image:inherit;background-size:inherit;box-shadow:var(--_ui5_banner_box_shadow);border:var(--_ui5_banner_border);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;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem}.ui5-banner-header-text{display:flex;flex-direction:column;gap:.5rem;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: 1024px){.ui5-banner-heading{display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}}@container (max-width: 599px){.ui5-banner-content.ui5-banner-columns-equal,.ui5-banner-content.ui5-banner-columns-first-wider{display:flex;flex-direction:column}.ui5-banner-block-start{order:1}.ui5-banner-block-end{order:2}: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%}}\n";
2
+ export default _default;
@@ -0,0 +1,8 @@
1
+ import { registerThemePropertiesLoader } from "@ui5/webcomponents-base/dist/asset-registries/Themes.js";
2
+ import defaultThemeBase from "@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js";
3
+ import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
4
+ registerThemePropertiesLoader("@" + "ui5" + "/" + "webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
5
+ registerThemePropertiesLoader("@" + "u" + "i" + "5" + "/" + "w" + "e" + "b" + "c" + "o" + "m" + "p" + "o" + "n" + "e" + "n" + "t" + "s" + "-" + "f" + "i" + "o" + "r" + "i", "sap_horizon", async () => defaultTheme, "host");
6
+ export default `: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;max-height:24rem;border-radius:inherit;background-color:inherit;background-image:inherit;background-size:inherit;box-shadow:var(--_ui5_banner_box_shadow);border:var(--_ui5_banner_border);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;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem}.ui5-banner-header-text{display:flex;flex-direction:column;gap:.5rem;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: 1024px){.ui5-banner-heading{display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}}@container (max-width: 599px){.ui5-banner-content.ui5-banner-columns-equal,.ui5-banner-content.ui5-banner-columns-first-wider{display:flex;flex-direction:column}.ui5-banner-block-start{order:1}.ui5-banner-block-end{order:2}: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%}}
7
+ `;
8
+ //# sourceMappingURL=HeroBanner.css.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"HeroBanner.css.js","sourceRoot":"","sources":["../../../src/generated/themes/HeroBanner.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,GAAG,GAAG,KAAK,GAAG,GAAG,GAAG,uBAAuB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACxH,6BAA6B,CAAC,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;AAC9N,eAAe;CACd,CAAA","sourcesContent":["import { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\n\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_horizon/parameters-bundle.css.js\";\n\nregisterThemePropertiesLoader(\"@\" + \"ui5\" + \"/\" + \"webcomponents-theming\", \"sap_horizon\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@\" + \"u\" + \"i\" + \"5\" + \"/\" + \"w\" + \"e\" + \"b\" + \"c\" + \"o\" + \"m\" + \"p\" + \"o\" + \"n\" + \"e\" + \"n\" + \"t\" + \"s\" + \"-\" + \"f\" + \"i\" + \"o\" + \"r\" + \"i\", \"sap_horizon\", async () => defaultTheme, \"host\");\nexport default `: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;max-height:24rem;border-radius:inherit;background-color:inherit;background-image:inherit;background-size:inherit;box-shadow:var(--_ui5_banner_box_shadow);border:var(--_ui5_banner_border);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;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem}.ui5-banner-header-text{display:flex;flex-direction:column;gap:.5rem;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: 1024px){.ui5-banner-heading{display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}}@container (max-width: 599px){.ui5-banner-content.ui5-banner-columns-equal,.ui5-banner-content.ui5-banner-columns-first-wider{display:flex;flex-direction:column}.ui5-banner-block-start{order:1}.ui5-banner-block-end{order:2}: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%}}\n`"]}