@ui5/webcomponents 2.20.0 → 2.21.0-rc.0

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 (157) hide show
  1. package/CHANGELOG.md +36 -0
  2. package/dist/.tsbuildinfo +1 -1
  3. package/dist/Button.d.ts +6 -0
  4. package/dist/Button.js +11 -2
  5. package/dist/Button.js.map +1 -1
  6. package/dist/Carousel.d.ts +14 -13
  7. package/dist/Carousel.js +93 -177
  8. package/dist/Carousel.js.map +1 -1
  9. package/dist/CarouselTemplate.js +2 -2
  10. package/dist/CarouselTemplate.js.map +1 -1
  11. package/dist/ColorPaletteTemplate.js +1 -1
  12. package/dist/ColorPaletteTemplate.js.map +1 -1
  13. package/dist/DatePicker.js +2 -2
  14. package/dist/DatePicker.js.map +1 -1
  15. package/dist/DayPickerTemplate.js +1 -1
  16. package/dist/DayPickerTemplate.js.map +1 -1
  17. package/dist/Dialog.d.ts +0 -3
  18. package/dist/Dialog.js +3 -1
  19. package/dist/Dialog.js.map +1 -1
  20. package/dist/Icon.d.ts +1 -1
  21. package/dist/Icon.js +12 -4
  22. package/dist/Icon.js.map +1 -1
  23. package/dist/IconTemplate.js +1 -1
  24. package/dist/IconTemplate.js.map +1 -1
  25. package/dist/Input.d.ts +2 -1
  26. package/dist/Input.js +38 -16
  27. package/dist/Input.js.map +1 -1
  28. package/dist/Menu.js +6 -1
  29. package/dist/Menu.js.map +1 -1
  30. package/dist/MenuItem.d.ts +8 -0
  31. package/dist/MenuItem.js +29 -1
  32. package/dist/MenuItem.js.map +1 -1
  33. package/dist/MenuItemTemplate.js +2 -2
  34. package/dist/MenuItemTemplate.js.map +1 -1
  35. package/dist/MultiComboBox.js +5 -0
  36. package/dist/MultiComboBox.js.map +1 -1
  37. package/dist/MultiInput.js +4 -5
  38. package/dist/MultiInput.js.map +1 -1
  39. package/dist/StepInput.d.ts +5 -0
  40. package/dist/StepInput.js +26 -5
  41. package/dist/StepInput.js.map +1 -1
  42. package/dist/Switch.d.ts +8 -4
  43. package/dist/Switch.js +15 -11
  44. package/dist/Switch.js.map +1 -1
  45. package/dist/SwitchTemplate.js +1 -1
  46. package/dist/SwitchTemplate.js.map +1 -1
  47. package/dist/TimePicker.d.ts +55 -3
  48. package/dist/TimePicker.js +160 -26
  49. package/dist/TimePicker.js.map +1 -1
  50. package/dist/TimePickerTemplate.js +1 -1
  51. package/dist/TimePickerTemplate.js.map +1 -1
  52. package/dist/TimeSelectionClocks.js +8 -0
  53. package/dist/TimeSelectionClocks.js.map +1 -1
  54. package/dist/Token.js +2 -2
  55. package/dist/Token.js.map +1 -1
  56. package/dist/Tokenizer.js +2 -1
  57. package/dist/Tokenizer.js.map +1 -1
  58. package/dist/css/themes/Breadcrumbs.css +1 -1
  59. package/dist/css/themes/ColorPaletteItem.css +1 -1
  60. package/dist/css/themes/DatePickerPopover.css +1 -1
  61. package/dist/css/themes/MenuItem.css +1 -1
  62. package/dist/css/themes/PopupsCommon.css +1 -1
  63. package/dist/css/themes/sap_fiori_3/parameters-bundle.css +1 -1
  64. package/dist/css/themes/sap_fiori_3_dark/parameters-bundle.css +1 -1
  65. package/dist/css/themes/sap_fiori_3_hcb/parameters-bundle.css +1 -1
  66. package/dist/css/themes/sap_fiori_3_hcw/parameters-bundle.css +1 -1
  67. package/dist/css/themes/sap_horizon/parameters-bundle.css +1 -1
  68. package/dist/css/themes/sap_horizon_dark/parameters-bundle.css +1 -1
  69. package/dist/css/themes/sap_horizon_hcb/parameters-bundle.css +1 -1
  70. package/dist/css/themes/sap_horizon_hcw/parameters-bundle.css +1 -1
  71. package/dist/custom-elements-internal.json +69 -6
  72. package/dist/custom-elements.json +66 -6
  73. package/dist/features/InputSuggestions.js +2 -1
  74. package/dist/features/InputSuggestions.js.map +1 -1
  75. package/dist/generated/assets/i18n/messagebundle_en_US_saprigi.json +1 -1
  76. package/dist/generated/assets/themes/sap_fiori_3/parameters-bundle.css.json +1 -1
  77. package/dist/generated/assets/themes/sap_fiori_3_dark/parameters-bundle.css.json +1 -1
  78. package/dist/generated/assets/themes/sap_fiori_3_hcb/parameters-bundle.css.json +1 -1
  79. package/dist/generated/assets/themes/sap_fiori_3_hcw/parameters-bundle.css.json +1 -1
  80. package/dist/generated/assets/themes/sap_horizon/parameters-bundle.css.json +1 -1
  81. package/dist/generated/assets/themes/sap_horizon_dark/parameters-bundle.css.json +1 -1
  82. package/dist/generated/assets/themes/sap_horizon_hcb/parameters-bundle.css.json +1 -1
  83. package/dist/generated/assets/themes/sap_horizon_hcw/parameters-bundle.css.json +1 -1
  84. package/dist/generated/i18n/i18n-defaults.d.ts +7 -2
  85. package/dist/generated/i18n/i18n-defaults.js +7 -2
  86. package/dist/generated/i18n/i18n-defaults.js.map +1 -1
  87. package/dist/generated/themes/Breadcrumbs.css.d.ts +1 -1
  88. package/dist/generated/themes/Breadcrumbs.css.js +1 -1
  89. package/dist/generated/themes/Breadcrumbs.css.js.map +1 -1
  90. package/dist/generated/themes/ColorPaletteItem.css.d.ts +1 -1
  91. package/dist/generated/themes/ColorPaletteItem.css.js +1 -1
  92. package/dist/generated/themes/ColorPaletteItem.css.js.map +1 -1
  93. package/dist/generated/themes/DatePickerPopover.css.d.ts +1 -1
  94. package/dist/generated/themes/DatePickerPopover.css.js +1 -1
  95. package/dist/generated/themes/DatePickerPopover.css.js.map +1 -1
  96. package/dist/generated/themes/MenuItem.css.d.ts +1 -1
  97. package/dist/generated/themes/MenuItem.css.js +1 -1
  98. package/dist/generated/themes/MenuItem.css.js.map +1 -1
  99. package/dist/generated/themes/PopupsCommon.css.d.ts +1 -1
  100. package/dist/generated/themes/PopupsCommon.css.js +1 -1
  101. package/dist/generated/themes/PopupsCommon.css.js.map +1 -1
  102. package/dist/generated/themes/sap_fiori_3/parameters-bundle.css.d.ts +1 -1
  103. package/dist/generated/themes/sap_fiori_3/parameters-bundle.css.js +1 -1
  104. package/dist/generated/themes/sap_fiori_3/parameters-bundle.css.js.map +1 -1
  105. package/dist/generated/themes/sap_fiori_3_dark/parameters-bundle.css.d.ts +1 -1
  106. package/dist/generated/themes/sap_fiori_3_dark/parameters-bundle.css.js +1 -1
  107. package/dist/generated/themes/sap_fiori_3_dark/parameters-bundle.css.js.map +1 -1
  108. package/dist/generated/themes/sap_fiori_3_hcb/parameters-bundle.css.d.ts +1 -1
  109. package/dist/generated/themes/sap_fiori_3_hcb/parameters-bundle.css.js +1 -1
  110. package/dist/generated/themes/sap_fiori_3_hcb/parameters-bundle.css.js.map +1 -1
  111. package/dist/generated/themes/sap_fiori_3_hcw/parameters-bundle.css.d.ts +1 -1
  112. package/dist/generated/themes/sap_fiori_3_hcw/parameters-bundle.css.js +1 -1
  113. package/dist/generated/themes/sap_fiori_3_hcw/parameters-bundle.css.js.map +1 -1
  114. package/dist/generated/themes/sap_horizon/parameters-bundle.css.d.ts +1 -1
  115. package/dist/generated/themes/sap_horizon/parameters-bundle.css.js +1 -1
  116. package/dist/generated/themes/sap_horizon/parameters-bundle.css.js.map +1 -1
  117. package/dist/generated/themes/sap_horizon_dark/parameters-bundle.css.d.ts +1 -1
  118. package/dist/generated/themes/sap_horizon_dark/parameters-bundle.css.js +1 -1
  119. package/dist/generated/themes/sap_horizon_dark/parameters-bundle.css.js.map +1 -1
  120. package/dist/generated/themes/sap_horizon_hcb/parameters-bundle.css.d.ts +1 -1
  121. package/dist/generated/themes/sap_horizon_hcb/parameters-bundle.css.js +1 -1
  122. package/dist/generated/themes/sap_horizon_hcb/parameters-bundle.css.js.map +1 -1
  123. package/dist/generated/themes/sap_horizon_hcw/parameters-bundle.css.d.ts +1 -1
  124. package/dist/generated/themes/sap_horizon_hcw/parameters-bundle.css.js +1 -1
  125. package/dist/generated/themes/sap_horizon_hcw/parameters-bundle.css.js.map +1 -1
  126. package/dist/vscode.html-custom-data.json +13 -3
  127. package/dist/web-types.json +28 -8
  128. package/package.json +9 -9
  129. package/src/CarouselTemplate.tsx +3 -3
  130. package/src/ColorPaletteTemplate.tsx +2 -2
  131. package/src/DayPickerTemplate.tsx +1 -1
  132. package/src/IconTemplate.tsx +1 -0
  133. package/src/MenuItemTemplate.tsx +11 -1
  134. package/src/SwitchTemplate.tsx +2 -2
  135. package/src/TimePickerTemplate.tsx +1 -1
  136. package/src/i18n/messagebundle.properties +17 -2
  137. package/src/i18n/messagebundle_en_US_saprigi.properties +2 -0
  138. package/src/themes/Breadcrumbs.css +6 -2
  139. package/src/themes/ColorPaletteItem.css +14 -0
  140. package/src/themes/DatePickerPopover.css +5 -0
  141. package/src/themes/MenuItem.css +5 -0
  142. package/src/themes/PopupsCommon.css +7 -0
  143. package/src/themes/base/Bar-parameters.css +1 -0
  144. package/src/themes/base/Breadcrumbs-parameters.css +4 -0
  145. package/src/themes/sap_fiori_3/parameters-bundle.css +2 -1
  146. package/src/themes/sap_fiori_3_dark/parameters-bundle.css +2 -1
  147. package/src/themes/sap_fiori_3_hcb/parameters-bundle.css +2 -1
  148. package/src/themes/sap_fiori_3_hcw/parameters-bundle.css +2 -1
  149. package/src/themes/sap_horizon/Breadcrumbs-parameters.css +5 -1
  150. package/src/themes/sap_horizon/CalendarHeader-parameters.css +3 -3
  151. package/src/themes/sap_horizon/DayPicker-parameters.css +3 -3
  152. package/src/themes/sap_horizon_dark/Breadcrumbs-parameters.css +5 -1
  153. package/src/themes/sap_horizon_dark/CalendarHeader-parameters.css +2 -2
  154. package/src/themes/sap_horizon_hcb/Breadcrumbs-parameters.css +6 -0
  155. package/src/themes/sap_horizon_hcb/parameters-bundle.css +2 -1
  156. package/src/themes/sap_horizon_hcw/Breadcrumbs-parameters.css +6 -0
  157. package/src/themes/sap_horizon_hcw/parameters-bundle.css +2 -1
@@ -1 +1 @@
1
- :host{--ui5-avatar-hover-box-shadow-offset: 0px;--ui5-avatar-initials-color: var(--sapContent_ImagePlaceholderForegroundColor);--ui5-avatar-border-radius: var(--sapElement_BorderCornerRadius);--ui5-avatar-border-radius-img-deduction: .0625rem;--ui5-avatar-initials-border: .0625rem solid var(--sapAvatar_1_BorderColor);--ui5-avatar-optional-border: .0625rem solid var(--sapGroup_ContentBorderColor);--ui5-avatar-accent1: var(--sapAvatar_1_Background);--ui5-avatar-accent2: var(--sapAvatar_2_Background);--ui5-avatar-accent3: var(--sapAvatar_3_Background);--ui5-avatar-accent4: var(--sapAvatar_4_Background);--ui5-avatar-accent5: var(--sapAvatar_5_Background);--ui5-avatar-accent6: var(--sapAvatar_6_Background);--ui5-avatar-accent7: var(--sapAvatar_7_Background);--ui5-avatar-accent8: var(--sapAvatar_8_Background);--ui5-avatar-accent9: var(--sapAvatar_9_Background);--ui5-avatar-accent10: var(--sapAvatar_10_Background);--ui5-avatar-placeholder: var(--sapContent_ImagePlaceholderBackground);--ui5-avatar-accent1-color: var(--sapAvatar_1_TextColor);--ui5-avatar-accent2-color: var(--sapAvatar_2_TextColor);--ui5-avatar-accent3-color: var(--sapAvatar_3_TextColor);--ui5-avatar-accent4-color: var(--sapAvatar_4_TextColor);--ui5-avatar-accent5-color: var(--sapAvatar_5_TextColor);--ui5-avatar-accent6-color: var(--sapAvatar_6_TextColor);--ui5-avatar-accent7-color: var(--sapAvatar_7_TextColor);--ui5-avatar-accent8-color: var(--sapAvatar_8_TextColor);--ui5-avatar-accent9-color: var(--sapAvatar_9_TextColor);--ui5-avatar-accent10-color: var(--sapAvatar_10_TextColor);--ui5-avatar-placeholder-color: var(--ui5-avatar-initials-color);--ui5-avatar-accent1-border-color: var(--sapAvatar_1_BorderColor);--ui5-avatar-accent2-border-color: var(--sapAvatar_2_BorderColor);--ui5-avatar-accent3-border-color: var(--sapAvatar_3_BorderColor);--ui5-avatar-accent4-border-color: var(--sapAvatar_4_BorderColor);--ui5-avatar-accent5-border-color: var(--sapAvatar_5_BorderColor);--ui5-avatar-accent6-border-color: var(--sapAvatar_6_BorderColor);--ui5-avatar-accent7-border-color: var(--sapAvatar_7_BorderColor);--ui5-avatar-accent8-border-color: var(--sapAvatar_8_BorderColor);--ui5-avatar-accent9-border-color: var(--sapAvatar_9_BorderColor);--ui5-avatar-accent10-border-color: var(--sapAvatar_10_BorderColor);--_ui5_avatar_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);--_ui5_avatar_focus_offset: .125rem;--_ui5_avatar_overflow_button_focus_offset: .0625rem;--_ui5_avatar_fontsize_XS: 1rem;--_ui5_avatar_fontsize_S: 1.125rem;--_ui5_avatar_fontsize_M: 1.5rem;--_ui5_avatar_fontsize_L: 2.25rem;--_ui5_avatar_fontsize_XL: 3rem;--_ui5_avatar_icon_XS: var(--_ui5_avatar_fontsize_XS);--_ui5_avatar_icon_S: var(--_ui5_avatar_fontsize_S);--_ui5_avatar_icon_M: var(--_ui5_avatar_fontsize_M);--_ui5_avatar_icon_L: var(--_ui5_avatar_fontsize_L);--_ui5_avatar_icon_XL: var(--_ui5_avatar_fontsize_XL);--_ui5_avatar_group_button_focus_border: none;--_ui5_avatar_group_padding: .3rem;--_ui5-tag-height: 1rem;--_ui5-tag-padding-inline-icon-only: .313rem;--_ui5-tag-text-padding: .1875rem .25rem;--_ui5-tag-text-transform: none;--_ui5-tag-icon-width: .75rem;--_ui5-tag-icon-gap: .25rem;--_ui5-tag-font-weight: normal;--_ui5-tag-letter-spacing: normal;--ui5-tag-text-shadow: none;--ui5-tag-contrast-text-shadow: none;--ui5-tag-information-text-shadow: var(--ui5-tag-text-shadow);--ui5-tag-set2-color-scheme-1-color: var(--sapIndicationColor_1b_TextColor);--ui5-tag-set2-color-scheme-1-background: var(--sapIndicationColor_1b_Background);--ui5-tag-set2-color-scheme-1-border: var(--sapIndicationColor_1_BorderColor);--ui5-tag-set2-color-scheme-1-hover-background: var(--sapIndicationColor_1_Hover_Background);--ui5-tag-set2-color-scheme-1-active-color: var(--sapIndicationColor_1_Active_TextColor);--ui5-tag-set2-color-scheme-1-active-background: var(--sapIndicationColor_1_Active_Background);--ui5-tag-set2-color-scheme-1-active-border: var(--sapIndicationColor_1_Active_BorderColor);--ui5-tag-set2-color-scheme-2-color: var(--sapIndicationColor_2b_TextColor);--ui5-tag-set2-color-scheme-2-background: var(--sapIndicationColor_2b_Background);--ui5-tag-set2-color-scheme-2-border: var(--sapIndicationColor_2_BorderColor);--ui5-tag-set2-color-scheme-2-hover-background: var(--sapIndicationColor_2_Hover_Background);--ui5-tag-set2-color-scheme-2-active-color: var(--sapIndicationColor_2_Active_TextColor);--ui5-tag-set2-color-scheme-2-active-background: var(--sapIndicationColor_2_Active_Background);--ui5-tag-set2-color-scheme-2-active-border: var(--sapIndicationColor_2_Active_BorderColor);--ui5-tag-set2-color-scheme-3-color: var(--sapIndicationColor_3b_TextColor);--ui5-tag-set2-color-scheme-3-background: var(--sapIndicationColor_3b_Background);--ui5-tag-set2-color-scheme-3-border: var(--sapIndicationColor_3_BorderColor);--ui5-tag-set2-color-scheme-3-hover-background: var(--sapIndicationColor_3_Hover_Background);--ui5-tag-set2-color-scheme-3-active-color: var(--sapIndicationColor_3_Active_TextColor);--ui5-tag-set2-color-scheme-3-active-background: var(--sapIndicationColor_3_Active_Background);--ui5-tag-set2-color-scheme-3-active-border: var(--sapIndicationColor_3_Active_BorderColor);--ui5-tag-set2-color-scheme-4-color: var(--sapIndicationColor_4b_TextColor);--ui5-tag-set2-color-scheme-4-background: var(--sapIndicationColor_4b_Background);--ui5-tag-set2-color-scheme-4-border: var(--sapIndicationColor_4_BorderColor);--ui5-tag-set2-color-scheme-4-hover-background: var(--sapIndicationColor_4_Hover_Background);--ui5-tag-set2-color-scheme-4-active-color: var(--sapIndicationColor_4_Active_TextColor);--ui5-tag-set2-color-scheme-4-active-background: var(--sapIndicationColor_4_Active_Background);--ui5-tag-set2-color-scheme-4-active-border: var(--sapIndicationColor_4_Active_BorderColor);--ui5-tag-set2-color-scheme-5-color: var(--sapIndicationColor_5b_TextColor);--ui5-tag-set2-color-scheme-5-background: var(--sapIndicationColor_5b_Background);--ui5-tag-set2-color-scheme-5-border: var(--sapIndicationColor_5_BorderColor);--ui5-tag-set2-color-scheme-5-hover-background: var(--sapIndicationColor_5_Hover_Background);--ui5-tag-set2-color-scheme-5-active-color: var(--sapIndicationColor_5_Active_TextColor);--ui5-tag-set2-color-scheme-5-active-background: var(--sapIndicationColor_5_Active_Background);--ui5-tag-set2-color-scheme-5-active-border: var(--sapIndicationColor_5_Active_BorderColor);--ui5-tag-set2-color-scheme-6-color: var(--sapIndicationColor_6b_TextColor);--ui5-tag-set2-color-scheme-6-background: var(--sapIndicationColor_6b_Background);--ui5-tag-set2-color-scheme-6-border: var(--sapIndicationColor_6_BorderColor);--ui5-tag-set2-color-scheme-6-hover-background: var(--sapIndicationColor_6_Hover_Background);--ui5-tag-set2-color-scheme-6-active-color: var(--sapIndicationColor_6_Active_TextColor);--ui5-tag-set2-color-scheme-6-active-background: var(--sapIndicationColor_6_Active_Background);--ui5-tag-set2-color-scheme-6-active-border: var(--sapIndicationColor_6_Active_BorderColor);--ui5-tag-set2-color-scheme-7-color: var(--sapIndicationColor_7b_TextColor);--ui5-tag-set2-color-scheme-7-background: var(--sapIndicationColor_7b_Background);--ui5-tag-set2-color-scheme-7-border: var(--sapIndicationColor_7_BorderColor);--ui5-tag-set2-color-scheme-7-hover-background: var(--sapIndicationColor_7_Hover_Background);--ui5-tag-set2-color-scheme-7-active-color: var(--sapIndicationColor_7_Active_TextColor);--ui5-tag-set2-color-scheme-7-active-background: var(--sapIndicationColor_7_Active_Background);--ui5-tag-set2-color-scheme-7-active-border: var(--sapIndicationColor_7_Active_BorderColor);--ui5-tag-set2-color-scheme-8-color: var(--sapIndicationColor_8b_TextColor);--ui5-tag-set2-color-scheme-8-background: var(--sapIndicationColor_8b_Background);--ui5-tag-set2-color-scheme-8-border: var(--sapIndicationColor_8_BorderColor);--ui5-tag-set2-color-scheme-8-hover-background: var(--sapIndicationColor_8_Hover_Background);--ui5-tag-set2-color-scheme-8-active-color: var(--sapIndicationColor_8_Active_TextColor);--ui5-tag-set2-color-scheme-8-active-background: var(--sapIndicationColor_8_Active_Background);--ui5-tag-set2-color-scheme-8-active-border: var(--sapIndicationColor_8_Active_BorderColor);--ui5-tag-set2-color-scheme-9-color: var(--sapIndicationColor_9b_TextColor);--ui5-tag-set2-color-scheme-9-background: var(--sapIndicationColor_9b_Background);--ui5-tag-set2-color-scheme-9-border: var(--sapIndicationColor_9_BorderColor);--ui5-tag-set2-color-scheme-9-hover-background: var(--sapIndicationColor_9_Hover_Background);--ui5-tag-set2-color-scheme-9-active-color: var(--sapIndicationColor_9_Active_TextColor);--ui5-tag-set2-color-scheme-9-active-background: var(--sapIndicationColor_9_Active_Background);--ui5-tag-set2-color-scheme-9-active-border: var(--sapIndicationColor_9_Active_BorderColor);--ui5-tag-set2-color-scheme-10-color: var(--sapIndicationColor_10b_TextColor);--ui5-tag-set2-color-scheme-10-background: var(--sapIndicationColor_10b_Background);--ui5-tag-set2-color-scheme-10-border: var(--sapIndicationColor_10_BorderColor);--ui5-tag-set2-color-scheme-10-hover-background: var(--sapIndicationColor_10_Hover_Background);--ui5-tag-set2-color-scheme-10-active-color: var(--sapIndicationColor_10_Active_TextColor);--ui5-tag-set2-color-scheme-10-active-background: var(--sapIndicationColor_10_Active_Background);--ui5-tag-set2-color-scheme-10-active-border: var(--sapIndicationColor_10_Active_BorderColor);--_ui5-tag-height_size_l: 1.5rem;--_ui5-tag-min-width_size_l: 1.75rem;--_ui5-tag-font-size_size_l: 1.25rem;--_ui5-tag-icon_min_width_size_l: 1.25rem;--_ui5-tag-icon_min_height_size_l: 1.25rem;--_ui5-tag-icon_height_size_l: 1.25rem;--_ui5-tag-text_padding_size_l: .125rem .25rem;--_ui5_bar_base_height: var(--_ui5-compact-size, 2.5rem) var(--_ui5-cozy-size, 2.75rem);--_ui5_bar_subheader_height: var(--_ui5-compact-size, 2.25rem) var(--_ui5-cozy-size, 3rem);--_ui5_bar-start-container-padding-start: 1rem;--_ui5_bar-mid-container-padding-start-end: .5rem;--_ui5_bar-end-container-padding-end: 1rem;--_ui5_bar_subheader_margin-top: -.0625rem;--_ui5_busy_indicator_color: var(--sapContent_BusyColor);--_ui5_busy_indicator_focus_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);--_ui5-button-badge-diameter: var(--_ui5-compact-size, .625rem) var(--_ui5-cozy-size, .75rem);--_ui5-calendar-legend-root-padding: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, .75rem);--_ui5-calendar-legend-root-width: var(--_ui5-compact-size, 16.75rem) var(--_ui5-cozy-size, 18.5rem);--_ui5-calendar-legend-item-box-margin: .25rem;--_ui5-calendar-legend-item-root-focus-border: var(--sapContent_FocusWidth) dotted var(--sapContent_FocusColor);--_ui5-calendar-legend-item-root-focus-border-radius: 0;--_ui5-calendar-legend-item-root-width: 7.75rem;--_ui5-calendar-legend-item-box-dot-display: none;--_ui5_calendar_header_arrow_button_border: none;--_ui5_calendar_header_arrow_button_border_radius: .25rem;--_ui5_calendar_header_middle_button_width: 5.75rem;--_ui5_calendar_header_middle_button_flex: auto;--_ui5_calendar_header_middle_button_focus_border_radius: .5rem;--_ui5_calendar_header_middle_button_focus_border: .125rem dotted var(--sapContent_FocusColor);--_ui5_calendar_header_middle_button_focus_after_display: none;--_ui5_calendar_header_middle_button_focus_after_width: calc(100% - .25rem) ;--_ui5_calendar_header_middle_button_focus_after_height: calc(100% - .25rem) ;--_ui5_calendar_header_middle_button_focus_after_top_offset: 1px;--_ui5_calendar_header_middle_button_focus_after_left_offset: 1px;--_ui5_calendar_header_arrow_button_box_shadow: none;--_ui5_calendar_header_middle_button_focus_background: transparent;--_ui5_calendar_header_middle_button_focus_outline: none;--_ui5_calendar_header_middle_button_focus_active_outline: none;--_ui5_calendar_header_middle_button_focus_active_background: var(--sapButton_Active_Background);--_ui5_calendar_header_middle_button_focus_after_border: 1px dotted var(--sapContent_FocusColor);--ui5_carousel_button_size: 2.25rem;--ui5_carousel_inactive_dot_size: .5rem;--ui5_carousel_inactive_dot_margin: 0 .25rem;--ui5_carousel_inactive_dot_border: 1px solid var(--sapContent_ForegroundBorderColor);--ui5_carousel_inactive_dot_background: none;--ui5_carousel_active_dot_border: var(--ui5_carousel_inactive_dot_border);--ui5_carousel_active_dot_background: var(--sapContent_Selected_ForegroundColor);--_ui5_card_box_shadow: none;--_ui5_card_hover_box_shadow: var(--_ui5_card_box_shadow);--_ui5_card_border: 1px solid var(--sapTile_BorderColor);--_ui5_card_border-radius: var(--sapTile_BorderCornerRadius);--_ui5_card_header_padding: 1rem 1rem .75rem 1rem;--_ui5_card_header_hover_bg: var(--sapTile_Hover_Background);--_ui5_card_header_active_bg: var(--sapTile_Active_Background);--_ui5_card_header_border: none;--_ui5_card_header_border_color: var(--sapTile_SeparatorColor);--_ui5_card_header_focus_border: .125rem dotted var(--sapContent_FocusColor);--_ui5_card_header_focus_radius: 0px;--_ui5_card_header_focus_bottom_radius: 0px;--_ui5_card_header_focus_offset: 1px;--_ui5_card_header_title_font_family: var(--sapFontFamily);--_ui5_card_header_title_font_size: var(--sapFontHeader5Size);--_ui5_card_header_title_font_weight: normal;--_ui5_card_header_subtitle_margin_top: .25rem;--_ui5_checkbox_wrapper_padding: var(--_ui5-compact-size, var(--_ui5_checkbox_compact_wrapper_padding)) var(--_ui5-cozy-size, .6875rem);--_ui5_checkbox_width_height: var(--_ui5-compact-size, var(--_ui5_checkbox_compact_width_height)) var(--_ui5-cozy-size, 2.75rem);--_ui5_checkbox_transition: unset;--_ui5_checkbox_disabled_opacity: var(--sapContent_DisabledOpacity);--_ui5_checkbox_border_radius: 0;--_ui5_checkbox_hover_background: var(--sapSelectedColor);--_ui5_checkbox_active_background: var(--sapSelectedColor);--_ui5_checkbox_checkmark_warning_color: var(--sapField_WarningColor);--_ui5_checkbox_inner_warning_color: var(--sapField_WarningColor);--_ui5_checkbox_inner_information_color: var(--sapField_InformationColor);--_ui5_checkbox_checkmark_color: var(--sapContent_Selected_ForegroundColor);--_ui5_checkbox_focus_position: var(--_ui5-compact-size, .125rem) var(--_ui5-cozy-size, .3125rem);--_ui5_checkbox_focus_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);--_ui5_checkbox_focus_border_radius: 0;--_ui5_checkbox_outer_hover_background: transparent;--_ui5_checkbox_inner_width_height: var(--_ui5-compact-size, var(--_ui5_checkbox_compact_inner_size)) var(--_ui5-cozy-size, 1.375rem);--_ui5_checkbox_inner_border: solid var(--sapField_BorderWidth) var(--sapField_BorderColor);--_ui5_checkbox_inner_hover_border_color: var(--sapField_Hover_BorderColor);--_ui5_checkbox_inner_hover_checked_border_color: var(--sapField_Hover_BorderColor);--_ui5_checkbox_inner_selected_border_color: var(--sapField_Hover_BorderColor);--_ui5_checkbox_inner_disabled_border_color: var(--sapField_BorderColor);--_ui5_checkbox_inner_active_border_color: var(--sapField_Hover_BorderColor);--_ui5_checkbox_inner_border_radius: var(--sapField_BorderCornerRadius);--_ui5_checkbox_inner_error_border: var(--sapField_InvalidBorderWidth) dashed var(--sapField_InvalidColor);--_ui5_checkbox_inner_warning_border: var(--sapField_WarningBorderWidth) dashed var(--sapField_WarningColor);--_ui5_checkbox_inner_information_border: var(--sapField_InformationBorderWidth) dashed var(--sapField_InformationColor);--_ui5_checkbox_inner_warning_background_hover: var(--sapField_Hover_Background);--_ui5_checkbox_inner_error_background_hover: var(--sapField_InvalidBackground);--_ui5_checkbox_inner_success_background_hover: var(--sapField_Hover_Background);--_ui5_checkbox_inner_information_background_hover: var(--sapField_Hover_Background);--_ui5_checkbox_inner_success_border: var(--sapField_SuccessBorderWidth) solid var(--sapField_SuccessColor);--_ui5_checkbox_inner_readonly_border: var(--sapElement_BorderWidth) var(--sapField_ReadOnly_BorderColor) solid;--_ui5_checkbox_inner_background: var(--sapField_Background);--_ui5_checkbox_wrapped_focus_padding: .5rem;--_ui5_checkbox_wrapped_focus_inset_block: var(--_ui5-compact-size, .125rem) var(--_ui5-cozy-size, var(--_ui5_checkbox_focus_position));--_ui5_checkbox_compact_wrapper_padding: .5rem;--_ui5_checkbox_compact_width_height: 2rem;--_ui5_checkbox_compact_inner_size: 1rem;--_ui5_checkbox_compact_focus_position: .375rem;--_ui5_checkbox_label_color: var(--sapField_TextColor);--_ui5_checkbox_label_offset: var(--_ui5-compact-size, var(--_ui5_checkbox_compact_wrapper_padding)) var(--_ui5-cozy-size, var(--_ui5_checkbox_wrapper_padding));--_ui5_checkbox_disabled_label_color: var(--sapContent_LabelColor);--_ui5_checkbox_default_focus_border: none;--_ui5_checkbox_focus_outline_display: block;--_ui5_checkbox_right_focus_distance: .3125rem;--_ui5_checkbox_icon_size: var(--_ui5-compact-size, .75rem) var(--_ui5-cozy-size, 1rem);--_ui5_color-palette-item-after-focus-border-radius: .125rem;--_ui5_color-palette-item-hover-margin: var(--_ui5-compact-size, 0) var(--_ui5-cozy-size, 0);--_ui5_color-palette-row-height: var(--_ui5-compact-size, 7.5rem) var(--_ui5-cozy-size, 9.5rem);--_ui5_color-palette-button-height: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 3rem);--_ui5_color-palette-item-before-focus-color: .125rem solid white;--_ui5_color-palette-item-before-focus-inset: .0625rem;--_ui5_color-palette-item-before-focus-hover-inset: .0625rem;--_ui5_color-palette-item-after-focus-color: .125rem dotted black;--_ui5_color-palette-item-after-focus-inset: .0625rem;--_ui5_color-palette-item-after-focus-hover-inset: .0625rem;--_ui5_color-palette-item-before-focus-border-radius: 0;--_ui5_color-palette-item-outer-border-radius: .25rem;--_ui5_color-palette-item-inner-border-radius: .1875rem;--_ui5_color-palette-item-hover-outer-border-radius: .25rem;--_ui5_color-palette-item-hover-inner-border-radius: .1875rem;--_ui5_color-palette-item-selected-focused-border-before: var(--_ui5_color-palette-item-before-focus-hover-inset);--_ui5_color-palette-item-after-focus-not-selected-border: .125rem dotted black;--_ui5_color-palette-item-after-not-focus-color: .0625rem solid var(--sapGroup_ContentBackground);--_ui5_color-palette-item-selected-focused-border: .0625rem solid var(--sapGroup_ContentBackground);--_ui5-color-palette-item-mobile-focus-inset: .625rem;--_ui5_color-palette-item-mobile-focus-sides-inset: .25rem .25rem;--_ui5_color-palette-item-after-mobile-focus-border: var(--_ui5_color-palette-item-after-focus-color);--_ui5-color-palette-item-background-color: transparent;--_ui5_color_picker_slider_handle_box_shadow: inset 0 0 0 .125rem var(--sapContent_ForegroundColor);--_ui5_color_picker_slider_handle_border: .125rem solid var(--sapField_BorderColor);--_ui5_color_picker_slider_handle_outline_hover: .125rem solid var(--sapButton_Hover_BorderColor);--_ui5_color_picker_slider_handle_outline_focus: .0625rem dotted var(--sapContent_FocusColor);--_ui5_color_picker_slider_handle_inner_border_color: var(--sapContent_ForegroundColor);--_ui5_color_picker_circle_outer_border: .125rem solid var(--sapContent_ContrastShadowColor);--_ui5_color_picker_circle_inner_border: var(--sapField_Picker_BorderWidth) solid var(--sapContent_ForegroundColor);--_ui5_color_picker_circle_inner_circle_size: .3125rem;--_ui5_color_picker_slider_handle_inline_focus: none;--_ui5_color_picker_slider_handle_container_margin_top: var(--_ui5-compact-size, .0625rem) var(--_ui5-cozy-size, none);--_ui5-datepicker_border_radius: 0;--_ui5-datepicker-hover-background: var(--sapField_Hover_Background);--_ui5_daypicker_item_margin: 2px;--_ui5_daypicker_item_border: none;--_ui5_daypicker_item_selected_border_color: var(--sapList_Background);--_ui5_daypicker_daynames_container_height: 2rem;--_ui5_daypicker_weeknumbers_container_padding_top: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 2rem);--_ui5_daypicker_item_othermonth_background_color: var(--sapList_Background);--_ui5_daypicker_item_othermonth_color: var(--sapContent_LabelColor);--_ui5_daypicker_item_othermonth_hover_color: var(--sapContent_LabelColor);--_ui5_daypicker_item_border_radius: .4375rem;--_ui5_daypicker_dayname_color: var(--sapContent_LabelColor);--_ui5_daypicker_weekname_color: var(--sapContent_LabelColor);--_ui5_daypicker_item_now_selected_outline_offset: -.25rem;--_ui5_daypicker_item_selected_background: transparent;--_ui5_daypicker_item_selected_daytext_hover_background: transparent;--_ui5_daypicker_item_border_radius_focus_after: .1875rem;--_ui5_daypicker_item_selected_between_border: .5rem;--_ui5_daypicker_item_selected_between_background: var(--sapList_SelectionBackgroundColor);--_ui5_daypicker_item_selected_between_text_font: var(--sapFontFamily);--_ui5_daypicker_item_selected_between_hover_background: var(--sapList_Hover_SelectionBackground);--_ui5_daypicker_item_now_box_shadow: inset 0 0 0 .35rem var(--sapList_Background);--_ui5_daypicker_item_selected_text_outline: .0625rem solid var(--sapSelectedColor);--_ui5_daypicker_item_now_not_selected_inset: 0;--_ui5_daypicker_item_now_inset: .3125rem;--_ui5_daypicker_item_now_border_color: var(--sapLegend_CurrentDateTime);--_ui5_daypicker_item_weeekend_filter: brightness(105%);--_ui5_daypicker_item_selected_hover: var(--sapList_Hover_Background);--_ui5_daypicker_item_border_radius_item: .5rem;--_ui5_daypicker_two_calendar_item_now_inset: .3125rem;--_ui5_daypicker_item_selected__secondary_type_text_outline: .0625rem solid var(--sapSelectedColor);--_ui5_daypicker_two_calendar_item_now_day_text_content: "";--_ui5_daypicker_two_calendar_item_now_selected_border_width: .125rem;--_ui5_daypicker_two_calendar_item_border_radius: .5rem;--_ui5_daypicker_two_calendar_item_border_focus_border_radius: .375rem;--_ui5_daypicker_two_calendar_item_no_selected_inset: 0;--_ui5_daypicker_two_calendar_item_selected_now_border_radius_focus: .1875rem;--_ui5_daypicker_two_calendar_item_no_selected_focus_inset: .1875rem;--_ui5_daypicker_two_calendar_item_no_select_focus_border_radius: .3125rem;--_ui5_dp_two_calendar_item_secondary_text_border_radios: .25rem;--_ui5_daypicker_two_calendar_item_now_selected_border_inset: .125rem;--_ui5_daypicker_special_day_top: var(--_ui5-compact-size, 1.625rem) var(--_ui5-cozy-size, 2.5rem);--_ui5_daypicker_special_day_border_bottom_radius: .5rem;--_ui5_daypicker_special_day_before_border_color: var(--sapList_Background);--_ui5_daypicker_selected_item_special_day_width: calc(100% - .125rem) ;--_ui5_daypicker_selected_item_now_special_day_top: var(--_ui5-compact-size, 1.5625rem) var(--_ui5-cozy-size, 2.4375rem);--_ui5_daypicker_selected_item_now_special_day_width: calc(100% - .1875rem) ;--_ui5_daypicker_selected_item_now_special_day_border_bottom_radius: 0;--_ui5-daypicker_item_selected_now_border_radius: .5rem;--_ui5_daypicker_selected_item_now_special_day_border_bottom_radius_alternate: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, .5rem);--_ui5_daypicker_two_calendar_item_margin_bottom: var(--_ui5-compact-size, 0) var(--_ui5-cozy-size, 0);--_ui5_daypicker_twocalendar_item_special_day_now_inset: .3125rem;--_ui5_daypicker_twocalendar_item_special_day_now_border_radius: .25rem;--_ui5_daypicker_item_now_focus_margin: 0;--_ui5_daypicker_special_day_border_top: none;--_ui5_daypicker_special_day_selected_border_radius_bottom: .25rem;--_ui5_daypicker_specialday_focused_top: var(--_ui5-compact-size, 1.3125rem) var(--_ui5-cozy-size, 2.125rem);--_ui5_daypicker_specialday_focused_width: calc(100% - .75rem) ;--_ui5_daypicker_specialday_focused_border_bottom: var(--_ui5-compact-size, .25rem) var(--_ui5-cozy-size, 0);--_ui5_daypicker_item_now_specialday_top: var(--_ui5-compact-size, 1.4375rem) var(--_ui5-cozy-size, 2.3125rem);--_ui5_daypicker_item_now_specialday_width: calc(100% - .5rem) ;--_ui5_daypicker_twocalendar_item_special_day_after_border_width: .125rem;--_ui5_daypicker_twocalendar_item_special_day_dot: .375rem;--_ui5_daypicker_twocalendar_item_special_day_top: var(--_ui5-compact-size, 1.25rem) var(--_ui5-cozy-size, 2rem);--_ui5_daypicker_twocalendar_item_special_day_right: var(--_ui5-compact-size, 1.25rem) var(--_ui5-cozy-size, 1.4375rem);--_ui5_daypicker_item_selected_border: .0625rem solid var(--sapList_SelectionBorderColor);--_ui5_daypicker_item_not_selected_focus_border: .125rem solid var(--sapContent_FocusColor);--_ui5_daypicker_item_selected_focus_color: var(--sapContent_FocusColor);--_ui5_daypicker_item_selected_focus_width: .125rem;--_ui5_daypicker_item_no_selected_inset: .375rem;--_ui5_daypicker_item_now_border_focus_after: .125rem solid var(--sapList_SelectionBorderColor);--_ui5_daypicker_item_now_border_radius_focus_after: .3125rem;--_ui5_day_picker_item_selected_now_border_focus: .125rem solid var(--sapContent_FocusColor);--_ui5_day_picker_item_selected_now_border_radius_focus: .1875rem;--_ui5_daypicker_item_selected_text_font: var(--sapFontBoldFamily);--_ui5_daypicker_item_now_selected_between_inset: .25rem;--_ui5_daypicker_item_now_selected_between_border: .0625rem solid var(--sapContent_Selected_ForegroundColor);--_ui5_daypicker_item_now_selected_between_border_radius: .1875rem;--_ui5_daypicker_item_select_between_border: 1px solid var(--sapContent_Selected_ForegroundColor);--_ui5-dp-item_withsecondtype_border: .25rem;--_ui5_dialog_header_focus_bottom_offset: 3px;--_ui5_dialog_header_focus_top_offset: 2px;--_ui5_dialog_header_focus_left_offset: 2px;--_ui5_dialog_header_focus_right_offset: 2px;--_ui5_dialog_header_border_radius: 0px;--_ui5_dialog_header_state_line_height: .125rem;--_ui5_file_uploader_display_input_width: calc(100% - var(--_ui5_input_icon_width));--_ui5_file_uploader_tokenizer_width: calc(100% - 2 * var(--_ui5_input_icon_width) - var(--_ui5_input_inner_space_to_tokenizer));--ui5-group-header-listitem-background-color: var(--sapList_GroupHeaderBackground);--_ui5_input_width: 13.125rem;--_ui5_input_min_width: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 2.75rem);--_ui5_input_height: var(--_ui5-compact-size, var(--sapElement_Compact_Height)) var(--_ui5-cozy-size, var(--sapElement_Height));--_ui5_input_margin_top_bottom: var(--_ui5-compact-size, .1875rem) var(--_ui5-cozy-size, .25rem);--_ui5_input_hover_border: var(--sapField_BorderWidth) var(--sapField_BorderStyle) var(--sapField_Hover_BorderColor);--_ui5_input_value_state_error_hover_background: var(--sapField_InvalidBackground);--_ui5_input_background_color: var(--sapField_Background);--_ui5_input_border_radius: var(--sapField_BorderCornerRadius);--_ui5_input_focus_border_radius: 0;--_ui5_input_readonly_focus_border_radius: 0;--_ui5-input-border: var(--sapField_BorderWidth) var(--sapField_BorderStyle) var(--sapField_BorderColor);--_ui5_input_placeholder_style: normal;--_ui5_input_placeholder_color: var(--sapField_PlaceholderTextColor);--_ui5_input_bottom_border_height: 0;--_ui5_input_bottom_border_color: transparent;--_ui5_input_focused_border_color: var(--sapField_Hover_BorderColor);--_ui5_input_state_border_width: .125rem;--_ui5_input_information_border_width: .0625rem;--_ui5_input_error_font_weight: bold;--_ui5_input_warning_font_weight: bold;--_ui5_input_focus_border_width: .125rem;--_ui5_input_error_warning_border_style: dashed;--_ui5_input_error_warning_font_style: italic;--_ui5_input_error_warning_text_indent: .125rem;--_ui5_input_disabled_border_color: var(--sapField_BorderColor);--_ui5-input_disabled_background: var(--sapField_Background);--_ui5_input_readonly_border: var(--sapElement_BorderWidth) var(--sapField_BorderStyle) var(--sapField_BorderColor);--_ui5_input_readonly_border_color: var(--sapField_ReadOnly_BorderColor);--_ui5_input_readonly_background: var(--sapField_ReadOnly_Background);--_ui5_input_custom_icon_padding: var(--_ui5-compact-size, .1875rem .5rem) var(--_ui5-cozy-size, .5rem .625rem);--_ui5_input_error_warning_custom_icon_padding: var(--_ui5-compact-size, .1875rem .5rem) var(--_ui5-cozy-size, .5rem .625rem);--_ui5_input_error_warning_custom_focused_icon_padding: var(--_ui5-compact-size, .1875rem .5rem) var(--_ui5-cozy-size, .5rem .625rem);--_ui5_input_information_custom_icon_padding: var(--_ui5-compact-size, .1875rem .5rem) var(--_ui5-cozy-size, .5rem .625rem);--_ui5_input_information_custom_focused_icon_padding: var(--_ui5-compact-size, .1875rem .5rem) var(--_ui5-cozy-size, .5rem .625rem);--_ui5_input_error_warning_icon_padding: var(--_ui5-compact-size, .1875rem .375rem .1875rem .4375rem) var(--_ui5-cozy-size, .5rem .5rem .5rem .5625rem);--_ui5_input_error_warning_focused_icon_padding: var(--_ui5-compact-size, .1875rem .375rem .1875rem .4375rem) var(--_ui5-cozy-size, .5rem .5rem .5rem .5625rem);--_ui5_input_information_icon_padding: var(--_ui5-compact-size, .1875rem .375rem .1875rem .4375rem) var(--_ui5-cozy-size, .5rem .5rem .5rem .5625rem);--_ui5_input_information_focused_icon_padding: var(--_ui5-compact-size, .1875rem .375rem .1875rem .4375rem) var(--_ui5-cozy-size, .5rem .5rem .5rem .5625rem);--_ui5_input_disabled_opacity: var(--sapContent_DisabledOpacity);--_ui5_input_icon_min_width: var(--_ui5-compact-size, var(--_ui5_input_compact_min_width)) var(--_ui5-cozy-size, 2.25rem);--_ui5_input_compact_min_width: 2rem;--_ui5_input_transition: none;--_ui5-input-value-state-icon-display: none;--_ui5_input_focused_value_state_error_background: var(--sapField_InvalidBackground);--_ui5_input_focused_value_state_warning_background: var(--sapField_WarningBackground);--_ui5_input_focused_value_state_success_background: var(--sapField_SuccessBackground);--_ui5_input_focused_value_state_information_background: var(--sapField_InformationBackground);--_ui5_input_value_state_error_border_color: var(--sapField_InvalidColor);--_ui5_input_focused_value_state_error_border_color: var(--sapField_InvalidColor);--_ui5_input_focused_value_state_error_focus_outline_color: var(--sapContent_FocusColor);--_ui5_input_focused_value_state_warning_focus_outline_color: var(--sapContent_FocusColor);--_ui5_input_focused_value_state_success_focus_outline_color: var(--sapContent_FocusColor);--_ui5_input_value_state_warning_border_color: var(--sapField_WarningColor);--_ui5_input_focused_value_state_warning_border_color: var(--sapField_WarningColor);--_ui5_input_value_state_success_border_color: var(--sapField_SuccessColor);--_ui5_input_focused_value_state_success_border_color: var(--sapField_SuccessColor);--_ui5_input_value_state_success_border_width: var(--sapField_BorderWidth);--_ui5_input_value_state_information_border_color: var(--sapField_InformationColor);--_ui5_input_focused_value_state_information_border_color: var(--sapField_InformationColor);--_ui5_input_focus_offset: 1px;--_ui5_input_readonly_focus_offset: 1px;--ui5_input_focus_pseudo_element_content: "";--_ui5_input_value_state_error_warning_placeholder_font_weight: bold;--_ui5_input_focus_outline_color: var(--sapField_Active_BorderColor);--_ui5-input_error_placeholder_color: var(--sapField_TextColor);--_ui5_input_icon_width: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 2.25rem);--_ui5_input_icon_wrapper_height: 100%;--_ui5_input_icon_wrapper_state_height: 100%;--_ui5_input_icon_wrapper_success_state_height: 100%;--_ui5-input-icons-count: 0;--_ui5_input_tokenizer_min_width: 3.25rem;--_ui5_input_icon_padding: var(--_ui5-compact-size, .1875rem .375rem .1875rem .4375rem) var(--_ui5-cozy-size, .5rem .5rem .5rem .5625rem);--_ui5_input_icon_color: var(--sapField_TextColor);--_ui5_input_icon_pressed_color: var(--sapButton_Active_TextColor);--_ui5_input_icon_pressed_bg: var(--sapField_Hover_Background);--_ui5_input_icon_hover_bg: var(--sapButton_Lite_Hover_Background);--_ui5_input_icon_border_radius: 0;--_ui5_input_icon_box_shadow: none;--_ui5_input_icon_border: 1px solid transparent;--_ui5_input_error_icon_box_shadow: var(--_ui5_input_icon_box_shadow);--_ui5_input_warning_icon_box_shadow: var(--_ui5_input_icon_box_shadow);--_ui5_input_information_icon_box_shadow: var(--_ui5_input_icon_box_shadow);--_ui5_input_success_icon_box_shadow: var(--_ui5_input_icon_box_shadow);--_ui5_input_icon_error_pressed_color: var(--sapButton_Active_TextColor);--_ui5_input_icon_warning_pressed_color: var(--sapButton_Active_TextColor);--_ui5_input_icon_information_pressed_color: var(--sapButton_Active_TextColor);--_ui5_input_icon_success_pressed_color: var(--sapButton_Active_TextColor);--_ui5_link_text_decoration: var(--sapLink_TextDecoration);--_ui5_link_hover_text_decoration: var(--sapLink_Hover_TextDecoration);--_ui5_link_focused_hover_text_decoration: none;--_ui5_link_focused_hover_text_color: var(--sapLinkColor);--_ui5_link_active_text_decoration: var(--sapLink_Active_TextDecoration);--_ui5_link_outline: .125rem dotted var(--sapContent_FocusColor);--_ui5_link_focus_border-radius: 0;--_ui5_link_focus_background_color: transparent;--_ui5_link_focus_color: var(--sapLinkColor);--_ui5_link_focus_text_decoration: underline;--_ui5_link_subtle_text_decoration: underline;--_ui5_link_subtle_text_decoration_hover: none;--_ui5_link_large_interactive_area_height: 1.5rem;--ui5_list_footer_text_color: var(--sapPageFooter_TextColor);--_ui5_list_buttons_left_space: var(--_ui5-compact-size, .125rem) var(--_ui5-cozy-size, .125rem);--ui5-listitem-background-color: var(--sapList_Background);--ui5-listitem-border-bottom: var(--sapList_BorderWidth) solid var(--sapList_BorderColor);--ui5-listitem-selected-border-bottom: 1px solid var(--sapList_SelectionBorderColor);--ui5-listitem-focused-selected-border-bottom: 1px solid var(--sapList_SelectionBorderColor);--_ui5-listitembase_disabled_opacity: .5;--_ui5_product_switch_item_border: none;--_ui5_menu_popover_border_radius: var(--sapPopover_BorderCornerRadius);--_ui5_menu_item_padding: var(--_ui5-compact-size, 0 .75rem 0 .5rem) var(--_ui5-cozy-size, 0 1rem 0 .75rem);--_ui5_menu_item_submenu_icon_right: var(--_ui5-compact-size, .75rem) var(--_ui5-cozy-size, 1rem);--_ui5_monthpicker_item_margin: .0625rem;--_ui5_monthpicker_item_border: .0625rem solid var(--sapButton_Lite_BorderColor);--_ui5_monthpicker_item_border_radius: .5rem;--_ui5_monthpicker_item_hover_border: .0625rem solid var(--sapButton_Lite_Hover_BorderColor);--_ui5_monthpicker_item_active_border: .0625rem solid var(--sapButton_Lite_Active_BorderColor);--_ui5_monthpicker_item_selected_border: .0625rem solid var(--sapButton_Selected_BorderColor);--_ui5_monthpicker_item_selected_hover_border: .0625rem solid var(--sapButton_Selected_Hover_BorderColor);--_ui5_message_strip_padding: .4375rem 2.5rem .4375rem 2.5rem;--_ui5_message_strip_padding_block_no_icon: .4375rem .4375rem;--_ui5_message_strip_padding_inline_no_icon: 1rem 2.5rem;--_ui5_message_strip_border_width: var(--sapMessage_BorderWidth);--_ui5_message_strip_icon_top: .375rem;--_ui5_message_strip_close_button_top: .125rem;--_ui5_message_strip_close_button_right: .125rem;--_ui5_message_strip_close_button_color_set_1_background: var(--sapMessage_Button_Hover_Background);--_ui5_message_strip_close_button_color_set_2_background: var(--sapMessage_Button_Hover_Background);--_ui5_message_strip_close_button_color_set_1_color: var(--sapContent_ContrastIconColor);--_ui5_message_strip_scheme_1_set_2_background: var(--sapIndicationColor_1_Background);--_ui5_message_strip_scheme_1_set_2_border_color: var(--sapIndicationColor_1_BorderColor);--_ui5_message_strip_scheme_2_set_2_background: var(--sapIndicationColor_2_Background);--_ui5_message_strip_scheme_2_set_2_border_color: var(--sapIndicationColor_2_BorderColor);--_ui5_message_strip_scheme_3_set_2_background: var(--sapIndicationColor_3_Background);--_ui5_message_strip_scheme_3_set_2_border_color: var(--sapIndicationColor_3_BorderColor);--_ui5_message_strip_scheme_4_set_2_background: var(--sapIndicationColor_4_Background);--_ui5_message_strip_scheme_4_set_2_border_color: var(--sapIndicationColor_4_BorderColor);--_ui5_message_strip_scheme_5_set_2_background: var(--sapIndicationColor_5_Background);--_ui5_message_strip_scheme_5_set_2_border_color: var(--sapIndicationColor_5_BorderColor);--_ui5_message_strip_scheme_6_set_2_background: var(--sapIndicationColor_6_Background);--_ui5_message_strip_scheme_6_set_2_border_color: var(--sapIndicationColor_6_BorderColor);--_ui5_message_strip_scheme_7_set_2_background: var(--sapIndicationColor_7_Background);--_ui5_message_strip_scheme_7_set_2_border_color: var(--sapIndicationColor_7_BorderColor);--_ui5_message_strip_scheme_8_set_2_background: var(--sapIndicationColor_8_Background);--_ui5_message_strip_scheme_8_set_2_border_color: var(--sapIndicationColor_8_BorderColor);--_ui5_message_strip_scheme_9_set_2_background: var(--sapIndicationColor_9_Background);--_ui5_message_strip_scheme_9_set_2_border_color: var(--sapIndicationColor_9_BorderColor);--_ui5_message_strip_scheme_10_set_2_background: var(--sapIndicationColor_10_Background);--_ui5_message_strip_scheme_10_set_2_border_color: var(--sapIndicationColor_10_BorderColor);--_ui5_panel_focus_border: .125rem dotted var(--sapContent_FocusColor);--_ui5_panel_header_height: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 2.75rem);--_ui5_panel_button_root_width: var(--_ui5-compact-size, 2.75rem) var(--_ui5-cozy-size, 2.75rem);--_ui5_panel_button_root_height: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 2.75rem);--_ui5_panel_border_radius: 0px;--_ui5_panel_border_radius_expanded: 0;--_ui5_panel_default_header_border: .0625rem solid var(--sapGroup_TitleBorderColor);--_ui5_panel_border_bottom: var(--sapGroup_TitleBorderWidth) solid var(--sapGroup_TitleBorderColor);--_ui5_panel_icon_color: var(--sapButton_Lite_TextColor);--_ui5_panel_header_padding_right: .5rem;--_ui5_panel_header_button_wrapper_padding: var(--_ui5-compact-size, .1875rem .25rem) var(--_ui5-cozy-size, .25rem);--_ui5_panel_focus_offset: 1px;--_ui5_panel_focus_bottom_offset: var(--_ui5_panel_focus_offset);--_ui5_panel_content_padding: .625rem 1rem;--_ui5_panel_header_background_color: var(--sapGroup_TitleBackground);--_ui5_popover_background: var(--sapGroup_ContentBackground);--_ui5_popover_box_shadow: var(--sapContent_Shadow2);--_ui5_popover_no_arrow_box_shadow: var(--sapContent_Shadow1);--_ui5_popup_block_layer_background: var(--sapBlockLayer_Background);--_ui5_popup_block_layer_opacity: .3;--_ui5_popup_content_padding_s: 1rem;--_ui5_popup_content_padding_m_l: 2rem;--_ui5_popup_content_padding_xl: 3rem;--_ui5_popup_header_footer_padding_s: 1rem;--_ui5_popup_header_footer_padding_m_l: 2rem;--_ui5_popup_header_footer_padding_xl: 3rem;--_ui5_popup_viewport_margin: 10px;--_ui5_popup_header_prop_header_text_alignment: flex-start;--_ui5_popup_border_radius: .5rem;--_ui5_popup_header_shadow: var(--sapContent_HeaderShadow);--_ui5_popup_header_border: none;--_ui5_progress_indicator_background_none: var(--sapField_Background);--_ui5_progress_indicator_background_error: var(--sapField_Background);--_ui5_progress_indicator_background_warning: var(--sapField_Background);--_ui5_progress_indicator_background_success: var(--sapField_Background);--_ui5_progress_indicator_background_information: var(--sapField_Background);--_ui5_progress_indicator_value_state_none: var(--sapHighlightColor);--_ui5_progress_indicator_value_state_error: var(--sapHighlightColor);--_ui5_progress_indicator_value_state_warning: var(--sapHighlightColor);--_ui5_progress_indicator_value_state_success: var(--sapHighlightColor);--_ui5_progress_indicator_value_state_information: var(--sapHighlightColor);--_ui5_progress_indicator_border_color_error: var(--sapField_BorderColor);--_ui5_progress_indicator_border_color_warning: var(--sapField_BorderColor);--_ui5_progress_indicator_border_color_success: var(--sapField_BorderColor);--_ui5_progress_indicator_border_color_information: var(--sapField_BorderColor);--_ui5_progress_indicator_color: var(--sapTextColor);--_ui5_progress_indicator_bar_color: var(--sapProgress_TextColor);--_ui5_progress_indicator_border: .0625rem solid var(--sapField_BorderColor);--_ui5_progress_indicator_bar_border_max: var(--_ui5_progress_indicator_border);--_ui5_progress_indicator_icon_visibility: inline-block;--_ui5_progress_indicator_side_points_visibility: block;--_ui5_progress_indicator_padding_novalue: .3125rem;--_ui5_progress_indicator_host_height: unset;--_ui5_progress_indicator_root_border_radius: .25rem;--_ui5_progress_indicator_root_height: .375rem;--_ui5_progress_indicator_root_overflow: visible;--_ui5_progress_indicator_bar_height: .625rem;--_ui5_progress_indicator_bar_border_radius: .5rem;--_ui5_progress_indicator_remaining_bar_overflow: visible;--_ui5_progress_indicator_icon_size: var(--sapFontLargeSize);--_ui5_progress_indicator_value_margin: 0 0 .1875rem 0;--_ui5_progress_indicator_padding: 1.25rem 0 .75rem 0;--_ui5_progress_indicator_padding_end: 1.25rem;--_ui5_progress_indicator_host_box_sizing: border-box;--_ui5_progress_indicator_root_position: relative;--_ui5_progress_indicator_root_min_height: .375rem;--_ui5_progress_indicator_remaining_bar_border_radius: 0 .5rem .5rem 0;--_ui5_progress_indicator_remaining_bar_position: absolute;--_ui5_progress_indicator_remaining_bar_width: 100%;--_ui5_progress_indicator_icon_position: absolute;--_ui5_progress_indicator_icon_right_position: -1.25rem;--_ui5_progress_indicator_value_position: absolute;--_ui5_progress_indicator_value_top_position: -1.3125rem;--_ui5_progress_indicator_value_left_position: 0;--_ui5_radio_button_min_width: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 2.75rem);--_ui5_radio_button_hover_fill: var(--sapField_Selector_Hover_Background);--_ui5_radio_button_hover_fill_error: var(--sapField_Selector_Hover_InvalidBackground);--_ui5_radio_button_hover_fill_warning: var(--sapField_Selector_Hover_WarningBackground);--_ui5_radio_button_hover_fill_success: var(--sapField_Selector_Hover_SuccessBackground);--_ui5_radio_button_hover_fill_information: var(--sapField_Selector_Hover_InformationBackground);--_ui5_radio_button_border_width: .125rem;--_ui5_radio_button_checked_fill: var(--sapContent_IconColor);--_ui5_radio_button_checked_error_fill: var(--sapContent_IconColor);--_ui5_radio_button_checked_warning_fill: var(--sapContent_IconColor);--_ui5_radio_button_checked_success_fill: var(--sapContent_IconColor);--_ui5_radio_button_checked_information_fill: var(--sapContent_IconColor);--_ui5_radio_button_warning_error_border_dash: 5;--_ui5_radio_button_outer_ring_color: var(--sapField_BorderColor);--_ui5_radio_button_outer_ring_width: 2px;--_ui5_radio_button_outer_ring_bg: var(--sapField_Background);--_ui5_radio_button_outer_ring_hover_color: var(--sapField_Hover_BorderColor);--_ui5_radio_button_outer_ring_active_color: var(--sapField_Hover_BorderColor);--_ui5_radio_button_outer_ring_checked_hover_color: var(--sapField_Hover_BorderColor);--_ui5_radio_button_outer_ring_padding: var(--_ui5-compact-size, 0 .5rem) var(--_ui5-cozy-size, 0 .6875rem);--_ui5_radio_button_outer_ring_padding_with_label: var(--_ui5-compact-size, 0 .5rem) var(--_ui5-cozy-size, 0 .6875rem);--_ui5_radio_button_border_radius: 0;--_ui5_radio_button_border: none;--_ui5_radio_button_focus_outline: block;--_ui5_radio_button_focus_dist: var(--_ui5-compact-size, .1875rem) var(--_ui5-cozy-size, .375rem);--_ui5_radio_button_color: var(--sapField_BorderColor);--_ui5_radio_button_label_offset: 1px;--_ui5_radio_button_label_color: var(--sapContent_LabelColor);--_ui5_radio_button_inner_ring_radius: 27.5%;--_ui5_radio_button_read_only_border_type: none;--_ui5_radio_button_inner_ring_color: var(--sapContent_Selected_ForegroundColor);--_ui5_radio_button_information_border_width: var(--sapField_InformationBorderWidth);--_ui5_radio_button_read_only_border_width: var(--sapElement_BorderWidth);--_ui5_radio_button_read_only_inner_ring_color: var(--sapField_TextColor);--_ui5_rating_indicator_border_radius: .5rem;--_ui5_rating_indicator_outline_offset: -.125rem;--_ui5_rating_indicator_item_height: var(--_ui5-compact-size, 1em) var(--_ui5-cozy-size, 1em);--_ui5_rating_indicator_item_width: var(--_ui5-compact-size, 1em) var(--_ui5-cozy-size, 1em);--_ui5_rating_indicator_readonly_item_height: var(--_ui5-compact-size, .75em) var(--_ui5-cozy-size, .75em);--_ui5_rating_indicator_readonly_item_width: var(--_ui5-compact-size, .75em) var(--_ui5-cozy-size, .75em);--_ui5_rating_indicator_readonly_item_spacing: .1875rem .1875rem;--_ui5_rating_indicator_component_spacing: var(--_ui5-compact-size, .5rem 0) var(--_ui5-cozy-size, .5rem 0px);--_ui5_rating_indicator_component_padding: .25rem;--_ui5_rating_indicator_item_size_s: 1.375rem;--_ui5_rating_indicator_item_size_l: 2rem;--_ui5_segmented_btn_item_border_left: 0px;--_ui5_segmented_btn_item_border_right: .0625rem;--_ui5_button_focused_border: .125rem dotted var(--sapContent_FocusColor);--_ui5_button_focused_border_radius: .375rem;--_ui5_button_focused_inner_border_radius: 0;--_ui5_button_base_min_width: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 2.5rem);--_ui5_button_base_height: var(--_ui5-compact-size, var(--sapElement_Compact_Height)) var(--_ui5-cozy-size, var(--sapElement_Height));--_ui5_button_border_radius: var(--sapButton_BorderCornerRadius);--_ui5_button_base_padding: var(--_ui5-compact-size, .4375rem) var(--_ui5-cozy-size, .6875rem);--_ui5_button_base_icon_margin: .563rem;--_ui5_button_text_shadow: none;--_ui5_button_pressed_focused_border_color: var(--sapContent_ContrastFocusColor);--_ui5_button_fontFamily: var(--sapButton_FontFamily);--_ui5_button_emphasized_focused_border_color: var(--sapContent_ContrastFocusColor);--_ui5_button_emphasized_focused_border_before: .125rem solid var(--sapContent_FocusColor);--_ui5_button_emphasized_focused_active_border_color: transparent;--_ui5_button_emphasized_border_width: .125rem;--_ui5_select_hover_icon_left_border: .0625rem solid var(--sapField_Hover_BorderColor);--_ui5_select_label_color: var(--sapField_TextColor);--_ui5_select_icon_width: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 2.25rem);--_ui5_select_icon_wrapper_height: 100%;--_ui5_split_button_focused_border: .125rem dotted var(--sapContent_FocusColor);--_ui5_split_button_focused_border_radius: .375rem;--_ui5_split_button_middle_separator_left: -.0625rem;--_ui5_split_button_middle_separator_hover_display: block;--_ui5_split_button_text_button_right_border_width: 0;--_ui5_split_button_transparent_hover_background: var(--sapButton_Hover_Background);--_ui5_split_button_host_transparent_hover_background: var(--sapButton_Background);--_ui5_split_button_transparent_hover_color: var(--sapButton_TextColor);--_ui5_split_button_transparent_disabled_background: var(--sapButton_Background);--_ui5_split_button_inner_focused_border_radius_inner: 0;--_ui5_split_button_emphasized_separator_color: var(--sapButton_Emphasized_TextColor);--_ui5_split_button_positive_separator_color: var(--sapButton_Accept_BorderColor);--_ui5_split_button_negative_separator_color: var(--sapButton_Reject_BorderColor);--_ui5_split_button_attention_separator_color: var(--sapButton_Attention_BorderColor);--_ui5_split_button_attention_separator_color_default: var(--sapButton_Attention_BorderColor);--_ui5_split_button_host_default_box_shadow: inset 0 0 0 var(--sapButton_BorderWidth) var(--sapButton_BorderColor);--_ui5_split_button_host_attention_box_shadow: inset 0 0 0 var(--sapButton_BorderWidth) var(--sapButton_Attention_BorderColor);--_ui5_split_button_host_emphasized_box_shadow: inset 0 0 0 .125rem var(--sapButton_Emphasized_BorderColor);--_ui5_split_button_host_positive_box_shadow: inset 0 0 0 var(--sapButton_BorderWidth) var(--sapButton_Accept_BorderColor);--_ui5_split_button_host_negative_box_shadow: inset 0 0 0 var(--sapButton_BorderWidth) var(--sapButton_Reject_BorderColor);--_ui5_split_button_host_transparent_box_shadow: inset 0 0 0 var(--sapButton_BorderWidth) var(--sapButton_Lite_BorderColor);--_ui5_split_button_host_transparent_hover_box_shadow: inset 0 0 0 var(--sapButton_BorderWidth) var(--sapButton_BorderColor);--_ui5_split_text_button_border_color: transparent;--_ui5_split_text_button_background_color: transparent;--_ui5_split_text_button_emphasized_border: .125rem solid var(--sapButton_Emphasized_BorderColor);--_ui5_split_text_button_emphasized_border_width: .125rem;--_ui5_split_text_button_hover_border: var(--sapButton_BorderWidth) solid var(--sapButton_BorderColor);--_ui5_split_text_button_positive_hover_border: var(--sapButton_BorderWidth) solid var(--sapButton_Accept_BorderColor);--_ui5_split_text_button_negative_hover_border: var(--sapButton_BorderWidth) solid var(--sapButton_Reject_BorderColor);--_ui5_split_text_button_attention_hover_border: var(--sapButton_BorderWidth) solid var(--sapButton_Attention_BorderColor);--_ui5_split_text_button_transparent_hover_border: var(--sapButton_BorderWidth) solid var(--sapButton_BorderColor);--_ui5_split_arrow_button_hover_border: var(--sapButton_BorderWidth) solid var(--sapButton_BorderColor);--_ui5_split_arrow_button_emphasized_hover_border: .0625rem solid var(--sapButton_Emphasized_BorderColor);--_ui5_split_arrow_button_positive_hover_border: var(--sapButton_BorderWidth) solid var(--sapButton_Accept_BorderColor);--_ui5_split_arrow_button_negative_hover_border: var(--sapButton_BorderWidth) solid var(--sapButton_Reject_BorderColor);--_ui5_split_arrow_button_attention_hover_border: var(--sapButton_BorderWidth) solid var(--sapButton_Attention_BorderColor);--_ui5_split_arrow_button_transparent_hover_border: var(--sapButton_BorderWidth) solid var(--sapButton_BorderColor);--_ui5_split_text_button_hover_border_right: none;--_ui5_split_text_button_positive_hover_border_right: none;--_ui5_split_text_button_negative_hover_border_right: none;--_ui5_split_text_button_attention_hover_border_right: none;--_ui5_split_text_button_transparent_hover_border_right: none;--_ui5_split_button_middle_separator_hover_display_emphasized: none;--_ui5_split_arrow_button_emphasized_hover_box_shadow: inset 0 -.0625rem 0 var(--sapButton_BorderColor), inset -.0625rem 0 0 var(--sapButton_BorderColor), inset 0 .0625rem 0 var(--sapButton_BorderColor);--_ui5_split_arrow_button_emphasized_hover_box_shadow_rtl: inset 0 -.0625rem 0 var(--sapButton_BorderColor), inset .0625rem 0 0 var(--sapButton_BorderColor), inset 0 .0625rem 0 var(--sapButton_BorderColor);--_ui5_switch_height: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 2.75rem);--_ui5_switch_width: var(--_ui5-compact-size, 2.75rem) var(--_ui5-cozy-size, 2.5rem);--_ui5_switch_min_width: var(--_ui5-compact-size, none) var(--_ui5-cozy-size, none);--_ui5_switch_with_label_width: var(--_ui5-compact-size, 2.75rem) var(--_ui5-cozy-size, 2.875rem);--_ui5_switch_focus_outline: none;--_ui5_switch_root_outline_top: var(--_ui5-compact-size, .25rem) var(--_ui5-cozy-size, .5rem);--_ui5_switch_root_outline_bottom: var(--_ui5-compact-size, .25rem) var(--_ui5-cozy-size, .5rem);--_ui5_switch_root_outline_left: -.125rem;--_ui5_switch_root_outline_right: -.125rem;--_ui5_switch_foucs_border_size: 1px;--_ui5-switch-root-border-radius: 0;--_ui5-switch-root-box-shadow: none;--_ui5_switch_root_after_outline: .125rem solid var(--sapContent_FocusColor);--_ui5_switch_disabled_opacity: var(--sapContent_DisabledOpacity);--_ui5_switch_transform: var(--_ui5-compact-size, translateX(100%) translateX(-1.375rem)) var(--_ui5-cozy-size, translateX(100%) translateX(-1.625rem));--_ui5_switch_transform_with_label: var(--_ui5-compact-size, translateX(100%) translateX(-1.875rem)) var(--_ui5-cozy-size, translateX(100%) translateX(-1.875rem));--_ui5_switch_rtl_transform: var(--_ui5-compact-size, translateX(1.375rem) translateX(-100%)) var(--_ui5-cozy-size, translateX(-100%) translateX(1.625rem));--_ui5_switch_rtl_transform_with_label: var(--_ui5-compact-size, translateX(1.875rem) translateX(-100%)) var(--_ui5-cozy-size, translateX(-100%) translateX(1.875rem));--_ui5_switch_track_with_label_width: var(--_ui5-compact-size, 2.75rem) var(--_ui5-cozy-size, 2.875rem);--_ui5_switch_track_with_label_height: var(--_ui5-compact-size, 1.25rem) var(--_ui5-cozy-size, 1.5rem);--_ui5_switch_track_width: var(--_ui5-compact-size, 2.75rem) var(--_ui5-cozy-size, 2.5rem);--_ui5_switch_track_height: var(--_ui5-compact-size, 1.25rem) var(--_ui5-cozy-size, 1.5rem);--_ui5_switch_track_border_radius: .75rem;--_ui5-switch-track-border: 1px solid;--_ui5_switch_track_active_background_color: var(--sapButton_Track_Selected_Background);--_ui5_switch_track_inactive_background_color: var(--sapButton_Track_Background);--_ui5_switch_track_hover_active_background_color: var(--sapButton_Track_Selected_Hover_Background);--_ui5_switch_track_hover_inactive_background_color: var(--sapButton_Track_Hover_Background);--_ui5_switch_track_active_border_color: var(--sapButton_Track_Selected_BorderColor);--_ui5_switch_track_inactive_border_color: var(--sapButton_Track_BorderColor);--_ui5_switch_track_hover_active_border_color: var(--sapButton_Track_Selected_Hover_BorderColor);--_ui5_switch_track_hover_inactive_border_color: var(--sapButton_Track_Hover_BorderColor);--_ui5_switch_track_semantic_accept_background_color: var(--sapButton_Track_Positive_Background);--_ui5_switch_track_semantic_reject_background_color: var(--sapButton_Track_Negative_Background);--_ui5_switch_track_semantic_hover_accept_background_color: var(--sapButton_Track_Positive_Hover_Background);--_ui5_switch_track_semantic_hover_reject_background_color: var(--sapButton_Track_Negative_Hover_Background);--_ui5_switch_track_semantic_accept_border_color: var(--sapButton_Track_Positive_BorderColor);--_ui5_switch_track_semantic_reject_border_color: var(--sapButton_Track_Negative_BorderColor);--_ui5_switch_track_semantic_hover_accept_border_color: var(--sapButton_Track_Positive_Hover_BorderColor);--_ui5_switch_track_semantic_hover_reject_border_color: var(--sapButton_Track_Negative_Hover_BorderColor);--_ui5_switch_track_transition: none;--_ui5_switch_track_icon_display: inline-block;--_ui5_switch_handle_width: var(--_ui5-compact-size, 1.25rem) var(--_ui5-cozy-size, 1.5rem);--_ui5_switch_handle_height: var(--_ui5-compact-size, 1rem) var(--_ui5-cozy-size, 1.25rem);--_ui5_switch_handle_with_label_width: var(--_ui5-compact-size, 1.75rem) var(--_ui5-cozy-size, 1.75rem);--_ui5_switch_handle_with_label_height: var(--_ui5-compact-size, 1rem) var(--_ui5-cozy-size, 1.25rem);--_ui5_switch_handle_border: var(--_ui5_switch_handle_border_width) solid var(--sapButton_Handle_BorderColor);--_ui5_switch_handle_border_width: .125rem;--_ui5_switch_handle_border_radius: 1rem;--_ui5_switch_handle_active_background_color: var(--sapButton_Handle_Selected_Background);--_ui5_switch_handle_inactive_background_color: var(--sapButton_Handle_Background);--_ui5_switch_handle_hover_active_background_color: var(--sapButton_Handle_Selected_Hover_Background);--_ui5_switch_handle_hover_inactive_background_color: var(--sapButton_Handle_Hover_Background);--_ui5_switch_handle_active_border_color: var(--sapButton_Handle_Selected_BorderColor);--_ui5_switch_handle_inactive_border_color: var(--sapButton_Handle_BorderColor);--_ui5_switch_handle_hover_active_border_color: var(--sapButton_Handle_Selected_BorderColor);--_ui5_switch_handle_hover_inactive_border_color: var(--sapButton_Handle_BorderColor);--_ui5_switch_handle_semantic_accept_background_color: var(--sapButton_Handle_Positive_Background);--_ui5_switch_handle_semantic_reject_background_color: var(--sapButton_Handle_Negative_Background);--_ui5_switch_handle_semantic_hover_accept_background_color: var(--sapButton_Handle_Positive_Hover_Background);--_ui5_switch_handle_semantic_hover_reject_background_color: var(--sapButton_Handle_Negative_Hover_Background);--_ui5_switch_handle_semantic_accept_border_color: var(--sapButton_Handle_Positive_BorderColor);--_ui5_switch_handle_semantic_reject_border_color: var(--sapButton_Handle_Negative_BorderColor);--_ui5_switch_handle_semantic_hover_accept_border_color: var(--sapButton_Handle_Positive_BorderColor);--_ui5_switch_handle_semantic_hover_reject_border_color: var(--sapButton_Handle_Negative_BorderColor);--_ui5_switch_handle_on_hover_box_shadow: 0 0 0 .125rem var(--sapButton_Handle_Selected_Hover_BorderColor);--_ui5_switch_handle_off_hover_box_shadow: 0 0 0 .125rem var(--sapButton_Handle_Hover_BorderColor);--_ui5_switch_handle_semantic_on_hover_box_shadow: 0 0 0 .125rem var(--sapButton_Handle_Positive_Hover_BorderColor);--_ui5_switch_handle_semantic_off_hover_box_shadow: 0 0 0 .125rem var(--sapButton_Handle_Negative_Hover_BorderColor);--_ui5_switch_handle_left: .0625rem;--_ui5-switch-slider-texts-display: inline;--_ui5_switch_text_font_family: var(--sapContent_IconFontFamily);--_ui5_switch_text_font_size: var(--_ui5-compact-size, var(--sapFontSize)) var(--_ui5-cozy-size, var(--sapFontLargeSize));--_ui5_switch_text_with_label_font_family: "72-Condensed-Bold", "72", "72full", Arial, Helvetica, sans-serif;--_ui5_switch_text_with_label_font_size: var(--sapFontSmallSize);--_ui5_switch_text_with_label_width: 1.75rem;--_ui5_switch_text_width: var(--_ui5-compact-size, 1rem) var(--_ui5-cozy-size, 1.25rem);--_ui5_switch_text_inactive_left: .1875rem;--_ui5_switch_text_inactive_left_alternate: .0625rem;--_ui5_switch_text_inactive_right: auto;--_ui5_switch_text_inactive_right_alternate: .125rem;--_ui5_switch_text_active_left: var(--_ui5-compact-size, .1875rem) var(--_ui5-cozy-size, .1875rem);--_ui5_switch_text_active_left_alternate: var(--_ui5-compact-size, .0625rem) var(--_ui5-cozy-size, .0625rem);--_ui5_switch_text_active_color: var(--sapButton_Handle_Selected_TextColor);--_ui5_switch_text_inactive_color: var(--sapButton_Handle_TextColor);--_ui5_switch_text_semantic_accept_color: var(--sapButton_Handle_Positive_TextColor);--_ui5_switch_text_semantic_reject_color: var(--sapButton_Handle_Negative_TextColor);--_ui5_switch_text_overflow: hidden;--_ui5_switch_text_z_index: 1;--_ui5_switch_text_hidden: hidden;--_ui5_switch_text_min_width: none;--_ui5_switch_icon_width: 1rem;--_ui5_switch_icon_height: 1rem;--_ui5_switch_root_after_boreder_radius: 1rem;--_ui5_tc_header_height: var(--_ui5-compact-size, var(--_ui5_tc_item_height)) var(--_ui5-cozy-size, var(--_ui5_tc_item_height));--_ui5_tc_header_height_text_only: var(--_ui5_tc_item_text_only_height);--_ui5_tc_header_height_text_with_additional_text: var(--_ui5_tc_item_text_only_with_additional_text_height);--_ui5_tc_header_box_shadow: var(--sapContent_HeaderShadow);--_ui5_tc_header_border_bottom: .125rem solid var(--sapPageHeader_BorderColor);--_ui5_tc_header_background: var(--sapObjectHeader_Background);--_ui5_tc_header_background_translucent: var(--sapObjectHeader_Background);--_ui5_tc_content_background: var(--sapBackgroundColor);--_ui5_tc_content_background_translucent: var(--sapGroup_ContentBackground);--_ui5_tc_headeritem_padding: 1rem;--_ui5_tc_headerItem_color: var(--sapTab_TextColor);--_ui5_tc_headerItem_additional_text_color: var(--sapContent_LabelColor);--_ui5_tc_headerItem_text_hover_color: var(--sapTab_Selected_TextColor);--_ui5_tc_headerItem_text_selected_color: var(--sapTab_Selected_TextColor);--_ui5_tc_headerItem_text_selected_hover_color: var(--sapPageHeader_BorderColor);--_ui5_tc_headeritem_text_font_weight: normal;--_ui5_tc_headerItem_additional_text_font_weight: normal;--_ui5_tc_headerItem_neutral_border_color: var(--sapTab_Neutral_ForegroundColor);--_ui5_tc_headerItem_transition: none;--_ui5_tc_headerItemContent_border_radius: .125rem .125rem 0 0;--_ui5_tc_headerItemContent_border_bg: transparent;--_ui5_tc_headerItem_neutral_border_bg: transparent;--_ui5_tc_headerItem_positive_border_bg: transparent;--_ui5_tc_headerItem_negative_border_bg: transparent;--_ui5_tc_headerItem_critical_border_bg: transparent;--_ui5_tc_headerItemContent_border_height: 0;--_ui5_tc_headerItem_focus_border: .125rem dotted var(--sapContent_FocusColor);--_ui5_tc_headerItem_text_focus_border_offset_left: 0px;--_ui5_tc_headerItem_text_focus_border_offset_right: 0px;--_ui5_tc_headerItem_text_focus_border_offset_top: 0px;--_ui5_tc_headerItem_text_focus_border_offset_bottom: 0px;--_ui5_tc_headerItem_mixed_mode_focus_border_offset_left: .75rem;--_ui5_tc_headerItem_mixed_mode_focus_border_offset_right: .625rem;--_ui5_tc_headerItem_mixed_mode_focus_border_offset_top: .75rem;--_ui5_tc_headerItem_mixed_mode_focus_border_offset_bottom: .75rem;--_ui5_tc_headerItemContent_default_focus_border: none;--_ui5_tc_headerItemContent_focus_border_radius: 0;--_ui5_tc_headerItemSemanticIcon_display: inline-block;--_ui5_tc_headerItemSemanticIcon_size: .75rem;--_ui5_tc_headerItem_focus_border_radius: 0px;--_ui5_tc_mixedMode_itemText_color: var(--sapContent_LabelColor);--_ui5_tc_mixedMode_itemText_font_family: var(--sapFontFamily);--_ui5_tc_mixedMode_itemText_font_size: var(--sapFontSmallSize);--_ui5_tc_mixedMode_itemText_font_weight: normal;--_ui5_tc_headerItem_expand_button_margin_inline_start: 0rem;--_ui5_tc_headerItem_single_click_expand_button_margin_inline_start: .25rem;--_ui5_tc_headerItem_expand_button_border_radius: .25rem;--_ui5_tc_headerItem_expand_button_separator_display: none;--_ui5_tc_overflowItem_positive_color: var(--sapTextColor);--_ui5_tc_overflowItem_negative_color: var(--sapTextColor);--_ui5_tc_overflowItem_critical_color: var(--sapTextColor);--_ui5_tc_overflowItem_focus_offset: .125rem;--_ui5_tc_overflowItem_indent: .5rem;--_ui5_tc_overflowItem_extra_indent: 1rem;--_ui5_tc_headerItemIcon_border: .125rem solid var(--sapTab_ForegroundColor);--_ui5_tc_headerItemIcon_semantic_selected_color: var(--sapGroup_ContentBackground);--_ui5_tc_overflowItem_default_color: var(--sapTextColor);--_ui5_tc_overflowItem_current_color: var(--_ui5_tc_overflowItem_default_color);--_ui5_tc_content_border_bottom: .125rem solid var(--sapObjectHeader_BorderColor);--_ui5_tc_headerItem_focus_border_offset: -2px;--_ui5_tc_headerItemIcon_focus_border_radius: 0;--_ui5_tc_overflow_text_color: var(--sapTextColor);--_ui5_tc_overflowItem_additional: 1;--_ui5_table_cell_valign: center;--_ui5_table_cell_min_width: 2.75rem;--_ui5_table_navigated_cell_width: .25rem;--_ui5_first_table_cell_horizontal_padding: 1rem;--_ui5_table_cell_horizontal_padding: .5rem;--_ui5_table_cell_vertical_padding: .25rem;--_ui5_table_row_actions_gap: .25rem;--_ui5_table_row_alternating_background: var(--sapTableRow_AlternatingBackground, var(--sapList_AlternatingBackground));--_ui5_table_row_alternating_hover_background: var(--sapTableRow_AlternatingHoverBackground, var(--sapList_Hover_Background));--_ui5_table_row_alternating_selection_background: var(--sapTableRow_AlternatingSelectionBackground, var(--sapList_SelectionBackgroundColor));--_ui5_table_row_alternating_selection_hover_background: var(--sapTableRow_AlternatingSelectionHoverBackground, var(--sapList_Hover_SelectionBackground));--_ui5_load_more_padding: .25rem;--_ui5_load_more_border: 1px solid var(--sapButton_BorderColor);--_ui5_load_more_border_radius: .375rem;--_ui5_load_more_outline_width: .125rem;--_ui5_text_max_lines: initial;--_ui5_textarea_state_border_width: .125rem;--_ui5_textarea_information_border_width: var(--sapField_InformationBorderWidth);--_ui5_textarea_placeholder_font_style: normal;--_ui5_textarea_value_state_error_warning_placeholder_font_weight: bold;--_ui5_textarea_error_placeholder_font_style: normal;--_ui5_textarea_error_placeholder_color: var(--sapField_TextColor);--_ui5_textarea_error_hover_background_color: var(--sapField_InvalidBackground);--_ui5_textarea_hover_border: var(--sapField_BorderWidth) var(--sapField_BorderStyle) var(--sapField_Hover_BorderColor);--_ui5_textarea_error_warning_border_style: dashed;--_ui5_textarea_disabled_opacity: .4;--_ui5_textarea_line_height: 1.5;--_ui5_textarea_focus_pseudo_element_content: "";--_ui5_textarea_focused_value_state_error_background: var(--sapField_InvalidBackground);--_ui5_textarea_focused_value_state_warning_background: var(--sapField_WarningBackground);--_ui5_textarea_focused_value_state_success_background: var(--sapField_SuccessBackground);--_ui5_textarea_focused_value_state_information_background: var(--sapField_InformationBackground);--_ui5_textarea_focused_value_state_error_focus_outline_color: var(--sapContent_FocusColor);--_ui5_textarea_focused_value_state_warning_focus_outline_color: var(--sapContent_FocusColor);--_ui5_textarea_focused_value_state_success_focus_outline_color: var(--sapContent_FocusColor);--_ui5_textarea_focus_offset: 1px;--_ui5_textarea_readonly_focus_offset: 1px;--_ui5_textarea_value_state_focus_offset: 1px;--_ui5_textarea_focus_outline_color: var(--sapContent_FocusColor);--_ui5_textarea_min_height: var(--_ui5-compact-size, 1.625rem) var(--_ui5-cozy-size, 2.25rem);--_ui5_textarea_wrapper_padding: 0;--_ui5_textarea_success_wrapper_padding: 0;--_ui5_textarea_warning_error_wrapper_padding: 0;--_ui5_textarea_information_wrapper_padding: 0;--_ui5_textarea_inner_width: 100%;--_ui5_textarea_padding_right_and_left: var(--_ui5-compact-size, .375rem) var(--_ui5-cozy-size, .5rem);--_ui5_textarea_padding_right_and_left_error_warning: var(--_ui5-compact-size, .375rem) var(--_ui5-cozy-size, .5rem);--_ui5_textarea_padding_right_and_left_information: var(--_ui5-compact-size, .4375rem) var(--_ui5-cozy-size, .5625rem);--_ui5_textarea_padding_right_and_left_readonly: var(--_ui5-compact-size, .375rem) var(--_ui5-cozy-size, .5rem);--_ui5_textarea_padding_top: var(--_ui5-compact-size, .0625rem) var(--_ui5-cozy-size, .375rem);--_ui5_textarea_padding_bottom: var(--_ui5-compact-size, 0rem) var(--_ui5-cozy-size, .3125rem);--_ui5_textarea_padding_top_readonly: var(--_ui5-compact-size, .0625rem) var(--_ui5-cozy-size, .375rem);--_ui5_textarea_padding_bottom_readonly: var(--_ui5-compact-size, 0rem) var(--_ui5-cozy-size, .3125rem);--_ui5_textarea_padding_top_error_warning: var(--_ui5-compact-size, .0625rem) var(--_ui5-cozy-size, .375rem);--_ui5_textarea_padding_bottom_error_warning: var(--_ui5-compact-size, 0rem) var(--_ui5-cozy-size, .3125rem);--_ui5_textarea_padding_top_information: var(--_ui5-compact-size, .125rem) var(--_ui5-cozy-size, .4375rem);--_ui5_textarea_padding_bottom_information: var(--_ui5-compact-size, .0625rem) var(--_ui5-cozy-size, .375rem);--_ui5_textarea_margin: var(--_ui5-compact-size, .1875rem 0) var(--_ui5-cozy-size, .25rem 0);--_ui5_textarea_readonly_border_style: var(--sapField_BorderStyle);--_ui5_textarea_error_warning_font_weight: bold;--_ui5_textarea_error_warning_font_style: italic;--_ui5-time_picker_border_radius: 0;--_ui5_toast_vertical_offset: 3rem;--_ui5_toast_horizontal_offset: 2rem;--_ui5_toast_background: var(--sapIndicationColor_9_Background);--_ui5_toast_shadow: var(--sapContent_Lite_Shadow);--_ui5_toast_offset_width: -.1875rem;--_ui5_toggle_button_emphasized_text_shadow: none;--_ui5_yearpicker_item_margin: .0625rem;--_ui5_yearpicker_item_border: .0625rem solid var(--sapButton_Lite_BorderColor);--_ui5_yearpicker_item_border_radius: .5rem;--_ui5_yearpicker_item_hover_border: .0625rem solid var(--sapButton_Lite_Hover_BorderColor);--_ui5_yearpicker_item_selected_border: .0625rem solid var(--sapButton_Selected_BorderColor);--_ui5_yearpicker_item_selected_hover_border: .0625rem solid var(--sapButton_Selected_Hover_BorderColor);--_ui5_token_background: var(--sapButton_TokenBackground);--_ui5_token_readonly_background: var(--sapField_ReadOnly_Background);--_ui5_token_readonly_color: var(--sapContent_LabelColor);--_ui5_token_border_radius: .25rem;--_ui5_token_focus_outline_width: .125rem;--_ui5_token_outline_offset: var(--_ui5-compact-size, -.125rem) var(--_ui5-cozy-size, -.125rem);--_ui5_token_text_color: var(--sapTextColor);--_ui5_token_right_margin: var(--_ui5-compact-size, .25rem) var(--_ui5-cozy-size, .3125rem);--_ui5_token_left_padding: var(--_ui5-compact-size, .25rem) var(--_ui5-cozy-size, .3125rem);--_ui5_token_readonly_padding: var(--_ui5-compact-size, .125rem .25rem) var(--_ui5-cozy-size, .25rem .3125rem);--_ui5_token_selected_focus_outline: var(--_ui5_token_focus_outline_width) dotted var(--sapContent_ContrastFocusColor);--_ui5_token_focus_outline: var(--_ui5_token_focus_outline_width) dotted var(--sapContent_FocusColor);--_ui5_token_focused_selected_border: 1px solid var(--sapButton_Selected_BorderColor);--ui5_token_focus_pseudo_element_content: none;--_ui5_token_focus_offset: var(--_ui5-compact-size, -.125rem) var(--_ui5-cozy-size, 0);--_ui5_token_selected_text_font_family: var(--sapFontFamily);--_ui5_token_selected_internal_border_bottom: none;--_ui5_token_selected_internal_border_bottom_radius: 0;--_ui5_token_focus_outline_border_radius: .25rem;--_ui5_tokenizer_padding: .25rem;--_ui5_tokenizer_gap: var(--_ui5-compact-size, .375em .25rem) var(--_ui5-cozy-size, .625rem .25rem);--_ui5_tokenizer_n_more_text_color: var(--sapField_TextColor);--_ui5_tokenizer-popover_offset: var(--_ui5-compact-size, .1875rem) var(--_ui5-cozy-size, .3125rem);--_ui5_value_state_message_border: var(--sapField_BorderWidth) solid var(--sapField_BorderColor);--_ui5_value_state_header_border: none;--_ui5_input_value_state_icon_display: inline-block;--_ui5_value_state_message_padding: .5rem .5rem .5rem 1.875rem;--_ui5_value_state_message_padding_phone: .5rem .5rem .5rem 2.375rem;--_ui5_value_state_header_padding: .5rem .5rem .5rem 1.875rem;--_ui5_value_state_message_popover_box_shadow: none;--_ui5_value_state_message_icon_width: 1rem;--_ui5_value_state_message_icon_height: 1rem;--_ui5_input_value_state_icon_offset: .625rem;--_ui5_value_state_header_offset: -.1875rem;--_ui5_value_state_message_popover_border_radius: 0;--_ui5_value_state_header_box_shadow_error: inset 0 -.125rem var(--sapField_InvalidColor);--_ui5_value_state_header_box_shadow_information: inset 0 -.125rem var(--sapField_InformationColor);--_ui5_value_state_header_box_shadow_success: inset 0 -.125rem var(--sapField_SuccessColor);--_ui5_value_state_header_box_shadow_warning: inset 0 -.125rem var(--sapField_WarningColor);--_ui5_value_state_message_line_height: 1.125rem;--_ui5_value_state_message_popover_header_min_height: 2rem;--_ui5_value_state_message_popover_header_min_width: 6rem;--_ui5_value_state_message_popover_header_max_width: 22rem;--_ui5_value_state_message_popover_header_width: auto;--_ui5_value_state_message_icon_offset_phone: 1rem;--_ui5_value_state_header_border_bottom: none;--_ui5_slider_progress_container_background: var(--sapSlider_Background);--_ui5_slider_progress_container_dot_display: block;--_ui5_slider_progress_container_dot_background: var(--sapField_BorderColor);--_ui5_slider_progress_border_width: .0625rem;--_ui5_slider_progress_border: solid var(--_ui5_slider_progress_border_width) var(--sapSlider_BorderColor);--_ui5_slider_progress_before_background: var(--sapSlider_Selected_Background);--_ui5_slider_progress_after_background: var(--sapContent_MeasureIndicatorColor);--_ui5_slider_progress_before_border: solid .0625rem var(--sapContent_MeasureIndicatorColor);--_ui5_slider_progress_after_border: solid .0625rem var(--sapContent_Selected_MeasureIndicatorColor);--_ui5_slider_padding: var(--_ui5-compact-size, 1rem 1.0625rem) var(--_ui5-cozy-size, 1.406rem 1.0625rem);--_ui5_slider_root_height: 3.3125rem;--_ui5_slider_inner_height: .375rem;--_ui5_slider_inner_min_width: 4rem;--_ui5_slider_outer_height: var(--_ui5-compact-size, 1.3125rem) var(--_ui5-cozy-size, calc(var(--_ui5_slider_handle_height) + 9px));--_ui5_slider_progress_border_radius: .25rem;--_ui5_slider_progress_background: var(--sapSlider_Selected_Background);--_ui5_slider_handle_icon_display: inline-block;--_ui5_range_slider_root_hover_handle_icon_display: inline-block;--_ui5_slider_handle_height: var(--_ui5-compact-size, 1.25rem) var(--_ui5-cozy-size, 1.5rem);--_ui5_slider_handle_width: var(--_ui5-compact-size, 1.5rem) var(--_ui5-cozy-size, 2rem);--_ui5_slider_handle_border: .0625rem solid var(--sapField_BorderColor);--_ui5_slider_handle_border_radius: .5rem;--_ui5_slider_handle_background: var(--sapButton_Background);--_ui5_range_slider_handle_background: var(--sapSlider_RangeHandleBackground);--_ui5_slider_track_total_height: var(--_ui5-compact-size, var(--_ui5_slider_inner_height)) var(--_ui5-cozy-size, var(--_ui5_slider_inner_height));--_ui5_slider_handle_top: var(--_ui5-compact-size, calc((var(--_ui5_slider_track_total_height) - var(--_ui5_slider_handle_height)) / 2)) var(--_ui5-cozy-size, calc((var(--_ui5_slider_track_total_height) - var(--_ui5_slider_handle_height)) / 2));--_ui5_slider_tickmark_bg: var(--sapField_BorderColor);--_ui5_slider_tickmark_in_range_bg: var(--sapButton_Active_Background);--_ui5_slider_handle_hover_background: var(--sapButton_Hover_Background);--_ui5_slider_handle_hover_border: var(--_ui5_slider_handle_border);--_ui5_slider_handle_outline: none;--_ui5_slider_handle_focus_border: .125rem solid var(--sapField_BorderColor);--_ui5_slider_handle_outline_offset: .075rem;--_ui5_slider_progress_outline: var(--sapContent_FocusWidth) dotted var(--sapContent_FocusColor);--_ui5_slider_progress_outline_offset: var(--_ui5-compact-size, -.625rem) var(--_ui5-cozy-size, -14px);--_ui5_slider_tickmark_top: calc((var(--_ui5_slider_track_total_height) - var(--_ui5_slider_tickmark_height)) / 2);--_ui5_slider_disabled_opacity: .4;--_ui5_slider_tooltip_fontsize: var(--sapFontSmallSize);--_ui5_slider_tooltip_color: var(--sapContent_LabelColor);--_ui5_slider_tooltip_background: var(--sapField_Background);--_ui5_slider_tooltip_border_radius: var(--sapElement_BorderCornerRadius);--_ui5_slider_tooltip_border_color: var(--sapField_BorderColor);--_ui5_slider_tooltip_border: .0625rem solid var(--_ui5_slider_tooltip_border_color);--_ui5_slider_tooltip_box_shadow: none;--_ui5_slider_tooltip_padding: var(--_ui5-compact-size, .25rem) var(--_ui5-cozy-size, .25rem);--_ui5_slider_tooltip_height: var(--_ui5-compact-size, 1rem) var(--_ui5-cozy-size, 1.375rem);--_ui5_slider_tooltip_min_width: 2rem;--_ui5_slider_tooltip_bottom: 2rem;--_ui5_slider_label_fontsize: var(--sapFontSmallSize);--_ui5_slider_label_color: var(--sapContent_LabelColor);--_ui5_range_slider_progress_focus_display: block;--_ui5_range_slider_progress_focus_top: calc(-1 * ((var(--_ui5_slider_handle_height) / 2) + .1875rem) + 2 * var(--_ui5_slider_progress_border_width));--_ui5_range_slider_progress_focus_left: calc(-1 * ((var(--_ui5_slider_handle_width) / 2) + .1875rem + var(--_ui5_slider_progress_border_width)));--_ui5_range_slider_progress_focus_padding: 0 1.375rem 0 1.438rem;--_ui5_range_slider_progress_focus_height: calc(var(--_ui5_slider_handle_height) + .375rem);--_ui5_range_slider_legacy_progress_focus_display: none;--_ui5_slider_handle_focus_width: 0;--_ui5_slider_start_end_point_size: .5rem;--_ui5_slider_start_end_point_left: var(--_ui5-compact-size, -.75rem) var(--_ui5-cozy-size, -.95rem);--_ui5_slider_start_end_point_top: -.125rem;--_ui5_slider_handle_background_focus: var(--sapSlider_Active_RangeHandleBackground);--_ui5_slider_handle_focused_tooltip_distance: calc(var(--_ui5_slider_tooltip_bottom) - 1px);--_ui5_slider_handle_box_sizing: border-box;--_ui5_slider_tooltip_border_box: border-box;--_ui5_range_slider_handle_active_background: var(--sapSlider_Active_RangeHandleBackground);--_ui5_range_slider_active_handle_icon_display: none;--_ui5_range_slider_handle_background_focus: transparent;--_ui5_range_slider_progress_focus_width: 100%;--_ui5_range_slider_root_active_handle_icon_display: none;--_ui5_slider_tickmark_height: .5rem;--_ui5_slider_progress_box_sizing: border-box;--_ui5_slider_active_progress_box_sizing: content-box;--_ui5_range_slider_focus_outline_width: var(--_ui5-compact-size, calc(100% + var(--_ui5_slider_handle_width) + 12px)) var(--_ui5-cozy-size, calc(100% + var(--_ui5_slider_handle_width) + 12px));--_ui5_slider_progress_outline_offset_left: var(--_ui5-compact-size, calc(-1 * (var(--_ui5_slider_handle_width) / 2) - 6px)) var(--_ui5-cozy-size, calc(-1 * (var(--_ui5_slider_handle_width) / 2) - 6px));--_ui5_range_slider_focus_outline_radius: .5rem;--_ui5_slider_progress_container_top: 0;--_ui5_slider_progress_height: .375rem;--_ui5_slider_active_progress_border: solid .0625rem var(--sapSlider_Selected_BorderColor);--_ui5_slider_active_progress_border_radius: .25rem;--_ui5_slider_active_progress_left: -.0625rem;--_ui5_slider_active_progress_top: -.0625rem;--_ui5_slider_active_progress_padding: .125rem;--_ui5_slider_active_progress_height: calc(var(--_ui5_slider_progress_height) - .125rem);--_ui5_slider_no_tickmarks_progress_container_top: 0;--_ui5_slider_no_tickmarks_progress_height: var(--_ui5_slider_progress_height);--_ui5_slider_no_tickmarks_active_progress_border: none;--_ui5_slider_no_tickmarks_active_progress_left: 0;--_ui5_slider_no_tickmarks_active_progress_top: 0;--_ui5_slider_no_tickmarks_active_progress_height: calc(var(--_ui5_slider_no_tickmarks_progress_height) - .125rem);--_ui5_slider_handle_focus_visibility: block;--_ui5_slider_handle_icon_size: var(--_ui5-compact-size, .875rem) var(--_ui5-cozy-size, .875rem);--_ui5_range_slider_root_hover_handle_bg: var(--sapButton_Hover_Background);--_ui5_range_slider_progress_focus_right: calc(-1 * ((var(--_ui5_slider_handle_width) / 2) + .1875rem + var(--_ui5_slider_progress_border_width)));--ui5_slider_handle_outline: var(--sapContent_FocusWidth) dotted var(--sapContent_FocusColor);--ui5_slider_handle_outline_offset: 3px;--ui5_slider_scale_background: var(--sapSlider_Background);--_ui5_slider_scale_border: 1px solid var(--sapSlider_Selected_BorderColor);--_ui5_slider_scale_dots_distance: var(--_ui5-compact-size, -.75rem) var(--_ui5-cozy-size, -1rem);--_ui5_slider_scale_tickmark_height: .5rem;--_ui5_slider_scale_root_box_sizing: content-box;--_ui5_slider_scale_progress_border: 1px solid var(--sapSlider_Selected_BorderColor);--_ui5_slider_scale_progress_height: .375rem;--_ui5_slider_scale_progress_top: -1px;--_ui5_slider_scale_dots_display: inline-block;--_ui5_step_input_input_error_background_color: var(--sapField_InvalidBackground);--_ui5-step_input_button_state_hover_background_color: var(--sapField_Background);--_ui5_step_input_border_style: 1px solid var(--sapField_BorderColor);--_ui5_step_input_border_style_hover: 1px solid var(--sapField_Hover_BorderColor);--_ui5_step_input_button_background_color: var(--sapField_Background);--_ui5_step_input_input_border: 1px solid transparent;--_ui5_step_input_input_margin_top: -.0625rem;--_ui5_step_input_button_display: inline-block;--_ui5_step_input_button_left: 0;--_ui5_step_input_button_right: 0;--_ui5_step_input_input_border_focused_after: var(--_ui5_input_focus_border_width) dotted var(--sapContent_FocusColor);--_ui5_step_input_input_border_top_bottom_focused_after: .0625rem;--_ui5_step_input_input_border_radius_focused_after: 0;--_ui5_step_input_input_information_border_color_focused_after: var(--sapField_BorderColor);--_ui5_step_input_input_warning_border_color_focused_after: var(--sapField_BorderColor);--_ui5_step_input_input_success_border_color_focused_after: var(--sapField_BorderColor);--_ui5_step_input_input_error_border_color_focused_after: var(--sapField_BorderColor);--_ui5_step_input_disabled_button_background: var(--sapField_ReadOnly_Background);--_ui5_step_input_border_color_hover: var(--sapField_Hover_Background);--_ui5_step_input_border_hover: 1px solid var(--sapField_Hover_BorderColor);--_ui5_input_input_background_color: var(--sapField_InvalidBackground);--_ui5_step_input_min_width: var(--_ui5-compact-size, 6rem) var(--_ui5-cozy-size, 7.25rem);--_ui5_step_input_padding: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 2.5rem);--_ui5_calendar_height: var(--_ui5-compact-size, 18rem) var(--_ui5-cozy-size, 24.5rem);--_ui5_calendar_width: var(--_ui5-compact-size, 17.75rem) var(--_ui5-cozy-size, 20rem);--_ui5_calendar_left_right_padding: var(--_ui5-compact-size, .25rem) var(--_ui5-cozy-size, .5rem);--_ui5_calendar_top_bottom_padding: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, 1rem);--_ui5_calendar_header_height: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 3rem);--_ui5_calendar_header_arrow_button_width: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 2.5rem);--_ui5_calendar_header_padding: var(--_ui5-compact-size, 0) var(--_ui5-cozy-size, .25rem 0);--_ui5_checkbox_root_side_padding: var(--_ui5-compact-size, var(--_ui5_checkbox_wrapped_focus_padding)) var(--_ui5-cozy-size, .6875rem);--_ui5_checkbox_partially_icon_size: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, .75rem);--_ui5_custom_list_item_rb_min_width: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 2.75rem);--_ui5_day_picker_item_width: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 2.25rem);--_ui5_day_picker_item_height: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 2.875rem);--_ui5_day_picker_empty_height: var(--_ui5-compact-size, 2.125rem) var(--_ui5-cozy-size, 3rem);--_ui5_day_picker_item_justify_content: var(--_ui5-compact-size, flex-end) var(--_ui5-cozy-size, space-between);--_ui5_daypicker_item_now_selected_two_calendar_focus_special_day_top: var(--_ui5-compact-size, 1.125rem) var(--_ui5-cozy-size, 2rem);--_ui5_daypicker_item_now_selected_two_calendar_focus_special_day_right: var(--_ui5-compact-size, 1.125rem) var(--_ui5-cozy-size, 1.4375rem);--_ui5_dp_two_calendar_item_secondary_text_height: var(--_ui5-compact-size, .75rem) var(--_ui5-cozy-size, 1rem);--_ui5_dp_two_calendar_item_text_padding_top: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, .4375rem);--_ui5_dp_two_calendar_item_secondary_text_padding_block: var(--_ui5-compact-size, 0 .625rem) var(--_ui5-cozy-size, 0 .5rem);--_ui5_dp_two_calendar_item_secondary_text_padding: var(--_ui5-compact-size, 0 .375rem) var(--_ui5-cozy-size, 0 .5rem);--_ui5_daypicker_item_now_selected_two_calendar_focus_secondary_text_padding_block: var(--_ui5-compact-size, 0 1rem) var(--_ui5-cozy-size, 0 .5rem);--_ui5_daypicker_two_calendar_item_selected_focus_margin_bottom: var(--_ui5-compact-size, -.25rem) var(--_ui5-cozy-size, 0);--_ui5_daypicker_two_calendar_item_selected_focus_padding_right: var(--_ui5-compact-size, .4375rem) var(--_ui5-cozy-size, .4375rem);--_ui5-calendar-legend-item-root-focus-offset: -.125rem;--_ui5-calendar-legend-item-box-inner-margin: .5rem;--_ui5_color_picker_slider_progress_container_height: var(--_ui5-compact-size, 1.125rem) var(--_ui5-cozy-size, 1.625rem);--_ui5_color_picker_slider_container_margin_top: var(--_ui5-compact-size, -.375rem) var(--_ui5-cozy-size, -.5rem);--_ui5_color_picker_slider_handle_height: var(--_ui5-compact-size, 1.5rem) var(--_ui5-cozy-size, 2rem);--_ui5_color_picker_slider_handle_width: var(--_ui5-compact-size, .9375rem) var(--_ui5-cozy-size, 1.0625rem);--_ui5_color_picker_slider_handle_after_height: var(--_ui5-compact-size, 1.25rem) var(--_ui5-cozy-size, 1.75rem);--_ui5_color_picker_slider_handle_focus_height: var(--_ui5-compact-size, 1.625rem) var(--_ui5-cozy-size, 2.125rem);--_ui5_color_picker_colors_wrapper_height: var(--_ui5-compact-size, 1.5rem) var(--_ui5-cozy-size, 2.25rem);--_ui5_color_picker_sliders_height: var(--_ui5-compact-size, 2.25rem) var(--_ui5-cozy-size, 3rem);--_ui5_color_picker_main_color_margin_bottom: var(--_ui5-compact-size, .75rem) var(--_ui5-cozy-size, 1rem);--_ui5_color_picker_slider_spacing: var(--_ui5-compact-size, .8125rem) var(--_ui5-cozy-size, .9375rem);--_ui5_color_channel_toggle_button_width: var(--_ui5-compact-size, 1.375rem) var(--_ui5-cozy-size, 1.625rem);--_ui5_color_channel_toggle_button_margin-top: var(--_ui5-compact-size, -.9375rem) var(--_ui5-cozy-size, -.75rem);--_ui5_color_channel_hex_input_width: var(--_ui5-compact-size, 4.625rem) var(--_ui5-cozy-size, 4.8125rem);--_ui5-color_channel_margin_top: var(--_ui5-compact-size, 0rem) var(--_ui5-cozy-size, .25rem);--_ui5_color-palette-item-height: var(--_ui5-compact-size, 1.25rem) var(--_ui5-cozy-size, 1.75rem);--_ui5_color-palette-item-hover-height: var(--_ui5-compact-size, 1.625rem) var(--_ui5-cozy-size, 2.375rem);--_ui5_color-palette-item-margin: var(--_ui5-compact-size, calc((var(--_ui5_color-palette-item-hover-height) - var(--_ui5_color-palette-item-height)) / 2)) var(--_ui5-cozy-size, calc((var(--_ui5_color-palette-item-hover-height) - var(--_ui5_color-palette-item-height)) / 2));--_ui5_color-palette-row-width: var(--_ui5-compact-size, 8.125rem) var(--_ui5-cozy-size, 12rem);--_ui5_color-palette-swatch-container-padding: var(--_ui5-compact-size, .1875rem .8125rem) var(--_ui5-cozy-size, .3125rem .6875rem);--_ui5_datetime_picker_width: var(--_ui5-compact-size, 35.5rem) var(--_ui5-cozy-size, 40.0625rem);--_ui5_datetime_picker_height: var(--_ui5-compact-size, 20.5rem) var(--_ui5-cozy-size, 25rem);--_ui5_datetime_timeview_width: var(--_ui5-compact-size, 17rem) var(--_ui5-cozy-size, 17rem);--_ui5_datetime_timeview_phonemode_width: var(--_ui5-compact-size, 18.5rem) var(--_ui5-cozy-size, 19.5rem);--_ui5_datetime_timeview_phonemode_clocks_width: var(--_ui5-compact-size, 21.125rem) var(--_ui5-cozy-size, 24.5rem);--_ui5_datetime_dateview_phonemode_margin_bottom: var(--_ui5-compact-size, 3.125rem) var(--_ui5-cozy-size, 0);--_ui5_popup_footer_height: var(--_ui5-compact-size, 2.5rem) var(--_ui5-cozy-size, 2.75rem);--_ui5_dialog_content_min_height: var(--_ui5-compact-size, 2.5rem) var(--_ui5-cozy-size, 2.75rem);--_ui5_input_inner_padding: var(--_ui5-compact-size, 0 .5rem) var(--_ui5-cozy-size, 0 .625rem);--_ui5_input_inner_padding_with_icon: var(--_ui5-compact-size, 0 .2rem 0 .5rem) var(--_ui5-cozy-size, 0 .25rem 0 .625rem);--_ui5_input_inner_space_to_tokenizer: var(--_ui5-compact-size, .125rem) var(--_ui5-cozy-size, .125rem);--_ui5_input_inner_space_to_n_more_text: var(--_ui5-compact-size, .125rem) var(--_ui5-cozy-size, .1875rem);--_ui5_list_no_data_height: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 3rem);--_ui5_list_item_cb_margin_right: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, 0);--_ui5_list_item_title_size: var(--_ui5-compact-size, var(--sapFontSize)) var(--_ui5-cozy-size, var(--sapFontLargeSize));--_ui5_list_no_data_font_size: var(--_ui5-compact-size, var(--sapFontSize)) var(--_ui5-cozy-size, var(--sapFontLargeSize));--_ui5_list_item_img_size: 3rem;--_ui5_list_item_img_top_margin: var(--_ui5-compact-size, .55rem) var(--_ui5-cozy-size, .5rem);--_ui5_list_item_img_bottom_margin: .5rem;--_ui5_list_item_img_hn_margin: .75rem;--_ui5_list_item_dropdown_base_height: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 2.5rem);--_ui5_list_item_base_height: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, var(--sapElement_LineHeight));--_ui5_list_item_base_padding: var(--_ui5-compact-size, 0 1rem) var(--_ui5-cozy-size, 0 1rem);--_ui5_list_item_icon_size: var(--_ui5-compact-size, 1rem) var(--_ui5-cozy-size, 1.125rem);--_ui5_list_item_icon_padding-inline-end: .75rem;--_ui5_list_item_selection_btn_margin_top: var(--_ui5-compact-size, calc(-1 * var(--_ui5_checkbox_wrapper_padding))) var(--_ui5-cozy-size, calc(-1 * var(--_ui5_checkbox_wrapper_padding)));--_ui5_list_item_content_vertical_offset: var(--_ui5-compact-size, calc((var(--_ui5_list_item_base_height) - var(--_ui5_list_item_title_size)) / 2)) var(--_ui5-cozy-size, calc((var(--_ui5_list_item_base_height) - var(--_ui5_list_item_title_size)) / 2));--_ui5_group_header_list_item_height: 2.75rem;--_ui5_month_picker_item_height: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 3rem);--_ui5_form_item_min_height: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 2.813rem);--_ui5_form_item_padding: var(--_ui5-compact-size, .25rem) var(--_ui5-cozy-size, .65rem);--_ui5-form-group-heading-height: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 2.75rem);--_ui5_popup_default_header_height: var(--_ui5-compact-size, 2.5rem) var(--_ui5-cozy-size, 2.75rem);--_ui5_year_picker_item_height: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 3rem);--_ui5_token_height: var(--_ui5-compact-size, 1.25rem) var(--_ui5-cozy-size, 1.625rem);--_ui5_token_icon_size: var(--_ui5-compact-size, .75rem) var(--_ui5-cozy-size, .75rem);--_ui5_token_icon_padding: var(--_ui5-compact-size, .375rem .375rem) var(--_ui5-cozy-size, .25rem .5rem);--_ui5_tc_item_text: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 3rem);--_ui5_tc_item_height: var(--_ui5-compact-size, 4rem) var(--_ui5-cozy-size, 4.75rem);--_ui5_tc_item_text_only_height: 2.75rem;--_ui5_tc_item_text_only_with_additional_text_height: 3.75rem;--_ui5_tc_item_text_line_height: var(--_ui5-compact-size, 1.325rem) var(--_ui5-cozy-size, 1.325rem);--_ui5_tc_item_icon_circle_size: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 2.75rem);--_ui5_tc_item_icon_size: var(--_ui5-compact-size, 1rem) var(--_ui5-cozy-size, 1.25rem);--_ui5_tc_item_add_text_margin_top: var(--_ui5-compact-size, .3125rem) var(--_ui5-cozy-size, .375rem);--_ui5_radio_button_height: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 2.75rem);--_ui5_radio_button_label_side_padding: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, .875rem);--_ui5_radio_button_inner_size: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 2.75rem);--_ui5_radio_button_svg_size: var(--_ui5-compact-size, 1rem) var(--_ui5-cozy-size, 1.375rem);--_ui5-responsive_popover_header_height: var(--_ui5-compact-size, 2.5rem) var(--_ui5-cozy-size, 2.75rem);--_ui5-tree-indent-step: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, 1.5rem);--_ui5-tree-toggle-box-width: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 2.75rem);--_ui5-tree-toggle-box-height: var(--_ui5-compact-size, 1.5rem) var(--_ui5-cozy-size, 2.25rem);--_ui5-tree-toggle-icon-size: var(--_ui5-compact-size, .8125rem) var(--_ui5-cozy-size, 1.0625rem);--_ui5_split_button_middle_separator_top: -.0625rem;--_ui5_split_button_middle_separator_height: var(--_ui5-compact-size, 1.625rem) var(--_ui5-cozy-size, 2.25rem);--_ui5-toolbar-separator-height: var(--_ui5-compact-size, 1.5rem) var(--_ui5-cozy-size, 2rem);--_ui5-toolbar-height: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 2.75rem);--_ui5_toolbar_overflow_padding: var(--_ui5-compact-size, .1875rem .375rem) var(--_ui5-cozy-size, .25rem .5rem);--_ui5_dynamic_page_title_actions_separator_height: var(--_ui5-compact-size, var(--_ui5-toolbar-separator-height)) var(--_ui5-cozy-size, var(--_ui5-toolbar-separator-height));--_ui5-shellbar-separator-height: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 2rem);--___ui5-test-cozy-only: red;--___ui5-test-both: var(--_ui5-compact-size, blue) var(--_ui5-cozy-size, red);--___ui5-test-compact-only: var(--_ui5-compact-size, blue) var(--_ui5-cozy-size, var(--_ui5-f2d95f8));--_ui5_rotation_90deg: rotate(90deg);--_ui5_rotation_minus_90deg: rotate(-90deg);--_ui5_icon_transform_scale: none;--_ui5_panel_toggle_btn_rotation: var(--_ui5_rotation_90deg);--_ui5_popover_upward_arrow_margin: .1875rem 0 0 .1875rem;--_ui5_popover_right_arrow_margin: .1875rem 0 0 -.375rem;--_ui5_popover_downward_arrow_margin: -.375rem 0 0 .125rem;--_ui5_popover_left_arrow_margin: .125rem 0 0 .25rem;--_ui5_dialog_resize_cursor: se-resize;--_ui5_menu_submenu_margin_offset: -.25rem 0}:dir(rtl){--_ui5_icon_transform_scale: scale(-1, 1);--_ui5_panel_toggle_btn_rotation: var(--_ui5_rotation_minus_90deg);--_ui5_popover_upward_arrow_margin: .1875rem .125rem 0 0;--_ui5_popover_right_arrow_margin: .1875rem .25rem 0 0;--_ui5_popover_downward_arrow_margin: -.4375rem .125rem 0 0;--_ui5_popover_left_arrow_margin: .1875rem -.375rem 0 0;--_ui5_dialog_resize_cursor:sw-resize;--_ui5_menu_submenu_margin_offset: 0 -.25rem;--_ui5_segmented_btn_item_border_left: .0625rem;--_ui5_segmented_btn_item_border_right: .0625rem;--_ui5_progress_indicator_bar_border_radius: .5rem;--_ui5_progress_indicator_remaining_bar_border_radius: .25rem}
1
+ :host{--ui5-avatar-hover-box-shadow-offset: 0px;--ui5-avatar-initials-color: var(--sapContent_ImagePlaceholderForegroundColor);--ui5-avatar-border-radius: var(--sapElement_BorderCornerRadius);--ui5-avatar-border-radius-img-deduction: .0625rem;--ui5-avatar-initials-border: .0625rem solid var(--sapAvatar_1_BorderColor);--ui5-avatar-optional-border: .0625rem solid var(--sapGroup_ContentBorderColor);--ui5-avatar-accent1: var(--sapAvatar_1_Background);--ui5-avatar-accent2: var(--sapAvatar_2_Background);--ui5-avatar-accent3: var(--sapAvatar_3_Background);--ui5-avatar-accent4: var(--sapAvatar_4_Background);--ui5-avatar-accent5: var(--sapAvatar_5_Background);--ui5-avatar-accent6: var(--sapAvatar_6_Background);--ui5-avatar-accent7: var(--sapAvatar_7_Background);--ui5-avatar-accent8: var(--sapAvatar_8_Background);--ui5-avatar-accent9: var(--sapAvatar_9_Background);--ui5-avatar-accent10: var(--sapAvatar_10_Background);--ui5-avatar-placeholder: var(--sapContent_ImagePlaceholderBackground);--ui5-avatar-accent1-color: var(--sapAvatar_1_TextColor);--ui5-avatar-accent2-color: var(--sapAvatar_2_TextColor);--ui5-avatar-accent3-color: var(--sapAvatar_3_TextColor);--ui5-avatar-accent4-color: var(--sapAvatar_4_TextColor);--ui5-avatar-accent5-color: var(--sapAvatar_5_TextColor);--ui5-avatar-accent6-color: var(--sapAvatar_6_TextColor);--ui5-avatar-accent7-color: var(--sapAvatar_7_TextColor);--ui5-avatar-accent8-color: var(--sapAvatar_8_TextColor);--ui5-avatar-accent9-color: var(--sapAvatar_9_TextColor);--ui5-avatar-accent10-color: var(--sapAvatar_10_TextColor);--ui5-avatar-placeholder-color: var(--ui5-avatar-initials-color);--ui5-avatar-accent1-border-color: var(--sapAvatar_1_BorderColor);--ui5-avatar-accent2-border-color: var(--sapAvatar_2_BorderColor);--ui5-avatar-accent3-border-color: var(--sapAvatar_3_BorderColor);--ui5-avatar-accent4-border-color: var(--sapAvatar_4_BorderColor);--ui5-avatar-accent5-border-color: var(--sapAvatar_5_BorderColor);--ui5-avatar-accent6-border-color: var(--sapAvatar_6_BorderColor);--ui5-avatar-accent7-border-color: var(--sapAvatar_7_BorderColor);--ui5-avatar-accent8-border-color: var(--sapAvatar_8_BorderColor);--ui5-avatar-accent9-border-color: var(--sapAvatar_9_BorderColor);--ui5-avatar-accent10-border-color: var(--sapAvatar_10_BorderColor);--_ui5_avatar_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);--_ui5_avatar_focus_offset: .125rem;--_ui5_avatar_overflow_button_focus_offset: .0625rem;--_ui5_avatar_fontsize_XS: 1rem;--_ui5_avatar_fontsize_S: 1.125rem;--_ui5_avatar_fontsize_M: 1.5rem;--_ui5_avatar_fontsize_L: 2.25rem;--_ui5_avatar_fontsize_XL: 3rem;--_ui5_avatar_icon_XS: var(--_ui5_avatar_fontsize_XS);--_ui5_avatar_icon_S: var(--_ui5_avatar_fontsize_S);--_ui5_avatar_icon_M: var(--_ui5_avatar_fontsize_M);--_ui5_avatar_icon_L: var(--_ui5_avatar_fontsize_L);--_ui5_avatar_icon_XL: var(--_ui5_avatar_fontsize_XL);--_ui5_avatar_group_button_focus_border: none;--_ui5_avatar_group_padding: .3rem;--_ui5-tag-height: 1rem;--_ui5-tag-padding-inline-icon-only: .313rem;--_ui5-tag-text-padding: .1875rem .25rem;--_ui5-tag-text-transform: none;--_ui5-tag-icon-width: .75rem;--_ui5-tag-icon-gap: .25rem;--_ui5-tag-font-weight: normal;--_ui5-tag-letter-spacing: normal;--ui5-tag-text-shadow: none;--ui5-tag-contrast-text-shadow: none;--ui5-tag-information-text-shadow: var(--ui5-tag-text-shadow);--ui5-tag-set2-color-scheme-1-color: var(--sapIndicationColor_1b_TextColor);--ui5-tag-set2-color-scheme-1-background: var(--sapIndicationColor_1b_Background);--ui5-tag-set2-color-scheme-1-border: var(--sapIndicationColor_1_BorderColor);--ui5-tag-set2-color-scheme-1-hover-background: var(--sapIndicationColor_1_Hover_Background);--ui5-tag-set2-color-scheme-1-active-color: var(--sapIndicationColor_1_Active_TextColor);--ui5-tag-set2-color-scheme-1-active-background: var(--sapIndicationColor_1_Active_Background);--ui5-tag-set2-color-scheme-1-active-border: var(--sapIndicationColor_1_Active_BorderColor);--ui5-tag-set2-color-scheme-2-color: var(--sapIndicationColor_2b_TextColor);--ui5-tag-set2-color-scheme-2-background: var(--sapIndicationColor_2b_Background);--ui5-tag-set2-color-scheme-2-border: var(--sapIndicationColor_2_BorderColor);--ui5-tag-set2-color-scheme-2-hover-background: var(--sapIndicationColor_2_Hover_Background);--ui5-tag-set2-color-scheme-2-active-color: var(--sapIndicationColor_2_Active_TextColor);--ui5-tag-set2-color-scheme-2-active-background: var(--sapIndicationColor_2_Active_Background);--ui5-tag-set2-color-scheme-2-active-border: var(--sapIndicationColor_2_Active_BorderColor);--ui5-tag-set2-color-scheme-3-color: var(--sapIndicationColor_3b_TextColor);--ui5-tag-set2-color-scheme-3-background: var(--sapIndicationColor_3b_Background);--ui5-tag-set2-color-scheme-3-border: var(--sapIndicationColor_3_BorderColor);--ui5-tag-set2-color-scheme-3-hover-background: var(--sapIndicationColor_3_Hover_Background);--ui5-tag-set2-color-scheme-3-active-color: var(--sapIndicationColor_3_Active_TextColor);--ui5-tag-set2-color-scheme-3-active-background: var(--sapIndicationColor_3_Active_Background);--ui5-tag-set2-color-scheme-3-active-border: var(--sapIndicationColor_3_Active_BorderColor);--ui5-tag-set2-color-scheme-4-color: var(--sapIndicationColor_4b_TextColor);--ui5-tag-set2-color-scheme-4-background: var(--sapIndicationColor_4b_Background);--ui5-tag-set2-color-scheme-4-border: var(--sapIndicationColor_4_BorderColor);--ui5-tag-set2-color-scheme-4-hover-background: var(--sapIndicationColor_4_Hover_Background);--ui5-tag-set2-color-scheme-4-active-color: var(--sapIndicationColor_4_Active_TextColor);--ui5-tag-set2-color-scheme-4-active-background: var(--sapIndicationColor_4_Active_Background);--ui5-tag-set2-color-scheme-4-active-border: var(--sapIndicationColor_4_Active_BorderColor);--ui5-tag-set2-color-scheme-5-color: var(--sapIndicationColor_5b_TextColor);--ui5-tag-set2-color-scheme-5-background: var(--sapIndicationColor_5b_Background);--ui5-tag-set2-color-scheme-5-border: var(--sapIndicationColor_5_BorderColor);--ui5-tag-set2-color-scheme-5-hover-background: var(--sapIndicationColor_5_Hover_Background);--ui5-tag-set2-color-scheme-5-active-color: var(--sapIndicationColor_5_Active_TextColor);--ui5-tag-set2-color-scheme-5-active-background: var(--sapIndicationColor_5_Active_Background);--ui5-tag-set2-color-scheme-5-active-border: var(--sapIndicationColor_5_Active_BorderColor);--ui5-tag-set2-color-scheme-6-color: var(--sapIndicationColor_6b_TextColor);--ui5-tag-set2-color-scheme-6-background: var(--sapIndicationColor_6b_Background);--ui5-tag-set2-color-scheme-6-border: var(--sapIndicationColor_6_BorderColor);--ui5-tag-set2-color-scheme-6-hover-background: var(--sapIndicationColor_6_Hover_Background);--ui5-tag-set2-color-scheme-6-active-color: var(--sapIndicationColor_6_Active_TextColor);--ui5-tag-set2-color-scheme-6-active-background: var(--sapIndicationColor_6_Active_Background);--ui5-tag-set2-color-scheme-6-active-border: var(--sapIndicationColor_6_Active_BorderColor);--ui5-tag-set2-color-scheme-7-color: var(--sapIndicationColor_7b_TextColor);--ui5-tag-set2-color-scheme-7-background: var(--sapIndicationColor_7b_Background);--ui5-tag-set2-color-scheme-7-border: var(--sapIndicationColor_7_BorderColor);--ui5-tag-set2-color-scheme-7-hover-background: var(--sapIndicationColor_7_Hover_Background);--ui5-tag-set2-color-scheme-7-active-color: var(--sapIndicationColor_7_Active_TextColor);--ui5-tag-set2-color-scheme-7-active-background: var(--sapIndicationColor_7_Active_Background);--ui5-tag-set2-color-scheme-7-active-border: var(--sapIndicationColor_7_Active_BorderColor);--ui5-tag-set2-color-scheme-8-color: var(--sapIndicationColor_8b_TextColor);--ui5-tag-set2-color-scheme-8-background: var(--sapIndicationColor_8b_Background);--ui5-tag-set2-color-scheme-8-border: var(--sapIndicationColor_8_BorderColor);--ui5-tag-set2-color-scheme-8-hover-background: var(--sapIndicationColor_8_Hover_Background);--ui5-tag-set2-color-scheme-8-active-color: var(--sapIndicationColor_8_Active_TextColor);--ui5-tag-set2-color-scheme-8-active-background: var(--sapIndicationColor_8_Active_Background);--ui5-tag-set2-color-scheme-8-active-border: var(--sapIndicationColor_8_Active_BorderColor);--ui5-tag-set2-color-scheme-9-color: var(--sapIndicationColor_9b_TextColor);--ui5-tag-set2-color-scheme-9-background: var(--sapIndicationColor_9b_Background);--ui5-tag-set2-color-scheme-9-border: var(--sapIndicationColor_9_BorderColor);--ui5-tag-set2-color-scheme-9-hover-background: var(--sapIndicationColor_9_Hover_Background);--ui5-tag-set2-color-scheme-9-active-color: var(--sapIndicationColor_9_Active_TextColor);--ui5-tag-set2-color-scheme-9-active-background: var(--sapIndicationColor_9_Active_Background);--ui5-tag-set2-color-scheme-9-active-border: var(--sapIndicationColor_9_Active_BorderColor);--ui5-tag-set2-color-scheme-10-color: var(--sapIndicationColor_10b_TextColor);--ui5-tag-set2-color-scheme-10-background: var(--sapIndicationColor_10b_Background);--ui5-tag-set2-color-scheme-10-border: var(--sapIndicationColor_10_BorderColor);--ui5-tag-set2-color-scheme-10-hover-background: var(--sapIndicationColor_10_Hover_Background);--ui5-tag-set2-color-scheme-10-active-color: var(--sapIndicationColor_10_Active_TextColor);--ui5-tag-set2-color-scheme-10-active-background: var(--sapIndicationColor_10_Active_Background);--ui5-tag-set2-color-scheme-10-active-border: var(--sapIndicationColor_10_Active_BorderColor);--_ui5-tag-height_size_l: 1.5rem;--_ui5-tag-min-width_size_l: 1.75rem;--_ui5-tag-font-size_size_l: 1.25rem;--_ui5-tag-icon_min_width_size_l: 1.25rem;--_ui5-tag-icon_min_height_size_l: 1.25rem;--_ui5-tag-icon_height_size_l: 1.25rem;--_ui5-tag-text_padding_size_l: .125rem .25rem;--_ui5_bar_base_height: var(--_ui5-compact-size, 2.5rem) var(--_ui5-cozy-size, 2.75rem);--_ui5_bar_subheader_height: var(--_ui5-compact-size, 2.25rem) var(--_ui5-cozy-size, 3rem);--_ui5_bar-start-container-padding-start: 1rem;--_ui5_bar-mid-container-padding-start-end: .5rem;--_ui5_bar-end-container-padding-end: 1rem;--_ui5_bar_subheader_margin-top: -.0625rem;--_ui5_breadcrumbs_current_location_color: var(--sapTextColor);--_ui5_breadcrumbs_separator_color: var(--sapTextColor);--_ui5_busy_indicator_color: var(--sapContent_BusyColor);--_ui5_busy_indicator_focus_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);--_ui5-button-badge-diameter: var(--_ui5-compact-size, .625rem) var(--_ui5-cozy-size, .75rem);--_ui5-calendar-legend-root-padding: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, .75rem);--_ui5-calendar-legend-root-width: var(--_ui5-compact-size, 16.75rem) var(--_ui5-cozy-size, 18.5rem);--_ui5-calendar-legend-item-box-margin: .25rem;--_ui5-calendar-legend-item-root-focus-border: var(--sapContent_FocusWidth) dotted var(--sapContent_FocusColor);--_ui5-calendar-legend-item-root-focus-border-radius: 0;--_ui5-calendar-legend-item-root-width: 7.75rem;--_ui5-calendar-legend-item-box-dot-display: none;--_ui5_calendar_header_arrow_button_border: none;--_ui5_calendar_header_arrow_button_border_radius: .25rem;--_ui5_calendar_header_middle_button_width: 5.75rem;--_ui5_calendar_header_middle_button_flex: auto;--_ui5_calendar_header_middle_button_focus_border_radius: .5rem;--_ui5_calendar_header_middle_button_focus_border: .125rem dotted var(--sapContent_FocusColor);--_ui5_calendar_header_middle_button_focus_after_display: none;--_ui5_calendar_header_middle_button_focus_after_width: calc(100% - .25rem) ;--_ui5_calendar_header_middle_button_focus_after_height: calc(100% - .25rem) ;--_ui5_calendar_header_middle_button_focus_after_top_offset: 1px;--_ui5_calendar_header_middle_button_focus_after_left_offset: 1px;--_ui5_calendar_header_arrow_button_box_shadow: none;--_ui5_calendar_header_middle_button_focus_background: transparent;--_ui5_calendar_header_middle_button_focus_outline: none;--_ui5_calendar_header_middle_button_focus_active_outline: none;--_ui5_calendar_header_middle_button_focus_active_background: var(--sapButton_Active_Background);--_ui5_calendar_header_middle_button_focus_after_border: 1px dotted var(--sapContent_FocusColor);--ui5_carousel_button_size: 2.25rem;--ui5_carousel_inactive_dot_size: .5rem;--ui5_carousel_inactive_dot_margin: 0 .25rem;--ui5_carousel_inactive_dot_border: 1px solid var(--sapContent_ForegroundBorderColor);--ui5_carousel_inactive_dot_background: none;--ui5_carousel_active_dot_border: var(--ui5_carousel_inactive_dot_border);--ui5_carousel_active_dot_background: var(--sapContent_Selected_ForegroundColor);--_ui5_card_box_shadow: none;--_ui5_card_hover_box_shadow: var(--_ui5_card_box_shadow);--_ui5_card_border: 1px solid var(--sapTile_BorderColor);--_ui5_card_border-radius: var(--sapTile_BorderCornerRadius);--_ui5_card_header_padding: 1rem 1rem .75rem 1rem;--_ui5_card_header_hover_bg: var(--sapTile_Hover_Background);--_ui5_card_header_active_bg: var(--sapTile_Active_Background);--_ui5_card_header_border: none;--_ui5_card_header_border_color: var(--sapTile_SeparatorColor);--_ui5_card_header_focus_border: .125rem dotted var(--sapContent_FocusColor);--_ui5_card_header_focus_radius: 0px;--_ui5_card_header_focus_bottom_radius: 0px;--_ui5_card_header_focus_offset: 1px;--_ui5_card_header_title_font_family: var(--sapFontFamily);--_ui5_card_header_title_font_size: var(--sapFontHeader5Size);--_ui5_card_header_title_font_weight: normal;--_ui5_card_header_subtitle_margin_top: .25rem;--_ui5_checkbox_wrapper_padding: var(--_ui5-compact-size, var(--_ui5_checkbox_compact_wrapper_padding)) var(--_ui5-cozy-size, .6875rem);--_ui5_checkbox_width_height: var(--_ui5-compact-size, var(--_ui5_checkbox_compact_width_height)) var(--_ui5-cozy-size, 2.75rem);--_ui5_checkbox_transition: unset;--_ui5_checkbox_disabled_opacity: var(--sapContent_DisabledOpacity);--_ui5_checkbox_border_radius: 0;--_ui5_checkbox_hover_background: var(--sapSelectedColor);--_ui5_checkbox_active_background: var(--sapSelectedColor);--_ui5_checkbox_checkmark_warning_color: var(--sapField_WarningColor);--_ui5_checkbox_inner_warning_color: var(--sapField_WarningColor);--_ui5_checkbox_inner_information_color: var(--sapField_InformationColor);--_ui5_checkbox_checkmark_color: var(--sapContent_Selected_ForegroundColor);--_ui5_checkbox_focus_position: var(--_ui5-compact-size, .125rem) var(--_ui5-cozy-size, .3125rem);--_ui5_checkbox_focus_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);--_ui5_checkbox_focus_border_radius: 0;--_ui5_checkbox_outer_hover_background: transparent;--_ui5_checkbox_inner_width_height: var(--_ui5-compact-size, var(--_ui5_checkbox_compact_inner_size)) var(--_ui5-cozy-size, 1.375rem);--_ui5_checkbox_inner_border: solid var(--sapField_BorderWidth) var(--sapField_BorderColor);--_ui5_checkbox_inner_hover_border_color: var(--sapField_Hover_BorderColor);--_ui5_checkbox_inner_hover_checked_border_color: var(--sapField_Hover_BorderColor);--_ui5_checkbox_inner_selected_border_color: var(--sapField_Hover_BorderColor);--_ui5_checkbox_inner_disabled_border_color: var(--sapField_BorderColor);--_ui5_checkbox_inner_active_border_color: var(--sapField_Hover_BorderColor);--_ui5_checkbox_inner_border_radius: var(--sapField_BorderCornerRadius);--_ui5_checkbox_inner_error_border: var(--sapField_InvalidBorderWidth) dashed var(--sapField_InvalidColor);--_ui5_checkbox_inner_warning_border: var(--sapField_WarningBorderWidth) dashed var(--sapField_WarningColor);--_ui5_checkbox_inner_information_border: var(--sapField_InformationBorderWidth) dashed var(--sapField_InformationColor);--_ui5_checkbox_inner_warning_background_hover: var(--sapField_Hover_Background);--_ui5_checkbox_inner_error_background_hover: var(--sapField_InvalidBackground);--_ui5_checkbox_inner_success_background_hover: var(--sapField_Hover_Background);--_ui5_checkbox_inner_information_background_hover: var(--sapField_Hover_Background);--_ui5_checkbox_inner_success_border: var(--sapField_SuccessBorderWidth) solid var(--sapField_SuccessColor);--_ui5_checkbox_inner_readonly_border: var(--sapElement_BorderWidth) var(--sapField_ReadOnly_BorderColor) solid;--_ui5_checkbox_inner_background: var(--sapField_Background);--_ui5_checkbox_wrapped_focus_padding: .5rem;--_ui5_checkbox_wrapped_focus_inset_block: var(--_ui5-compact-size, .125rem) var(--_ui5-cozy-size, var(--_ui5_checkbox_focus_position));--_ui5_checkbox_compact_wrapper_padding: .5rem;--_ui5_checkbox_compact_width_height: 2rem;--_ui5_checkbox_compact_inner_size: 1rem;--_ui5_checkbox_compact_focus_position: .375rem;--_ui5_checkbox_label_color: var(--sapField_TextColor);--_ui5_checkbox_label_offset: var(--_ui5-compact-size, var(--_ui5_checkbox_compact_wrapper_padding)) var(--_ui5-cozy-size, var(--_ui5_checkbox_wrapper_padding));--_ui5_checkbox_disabled_label_color: var(--sapContent_LabelColor);--_ui5_checkbox_default_focus_border: none;--_ui5_checkbox_focus_outline_display: block;--_ui5_checkbox_right_focus_distance: .3125rem;--_ui5_checkbox_icon_size: var(--_ui5-compact-size, .75rem) var(--_ui5-cozy-size, 1rem);--_ui5_color-palette-item-after-focus-border-radius: .125rem;--_ui5_color-palette-item-hover-margin: var(--_ui5-compact-size, 0) var(--_ui5-cozy-size, 0);--_ui5_color-palette-row-height: var(--_ui5-compact-size, 7.5rem) var(--_ui5-cozy-size, 9.5rem);--_ui5_color-palette-button-height: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 3rem);--_ui5_color-palette-item-before-focus-color: .125rem solid white;--_ui5_color-palette-item-before-focus-inset: .0625rem;--_ui5_color-palette-item-before-focus-hover-inset: .0625rem;--_ui5_color-palette-item-after-focus-color: .125rem dotted black;--_ui5_color-palette-item-after-focus-inset: .0625rem;--_ui5_color-palette-item-after-focus-hover-inset: .0625rem;--_ui5_color-palette-item-before-focus-border-radius: 0;--_ui5_color-palette-item-outer-border-radius: .25rem;--_ui5_color-palette-item-inner-border-radius: .1875rem;--_ui5_color-palette-item-hover-outer-border-radius: .25rem;--_ui5_color-palette-item-hover-inner-border-radius: .1875rem;--_ui5_color-palette-item-selected-focused-border-before: var(--_ui5_color-palette-item-before-focus-hover-inset);--_ui5_color-palette-item-after-focus-not-selected-border: .125rem dotted black;--_ui5_color-palette-item-after-not-focus-color: .0625rem solid var(--sapGroup_ContentBackground);--_ui5_color-palette-item-selected-focused-border: .0625rem solid var(--sapGroup_ContentBackground);--_ui5-color-palette-item-mobile-focus-inset: .625rem;--_ui5_color-palette-item-mobile-focus-sides-inset: .25rem .25rem;--_ui5_color-palette-item-after-mobile-focus-border: var(--_ui5_color-palette-item-after-focus-color);--_ui5-color-palette-item-background-color: transparent;--_ui5_color_picker_slider_handle_box_shadow: inset 0 0 0 .125rem var(--sapContent_ForegroundColor);--_ui5_color_picker_slider_handle_border: .125rem solid var(--sapField_BorderColor);--_ui5_color_picker_slider_handle_outline_hover: .125rem solid var(--sapButton_Hover_BorderColor);--_ui5_color_picker_slider_handle_outline_focus: .0625rem dotted var(--sapContent_FocusColor);--_ui5_color_picker_slider_handle_inner_border_color: var(--sapContent_ForegroundColor);--_ui5_color_picker_circle_outer_border: .125rem solid var(--sapContent_ContrastShadowColor);--_ui5_color_picker_circle_inner_border: var(--sapField_Picker_BorderWidth) solid var(--sapContent_ForegroundColor);--_ui5_color_picker_circle_inner_circle_size: .3125rem;--_ui5_color_picker_slider_handle_inline_focus: none;--_ui5_color_picker_slider_handle_container_margin_top: var(--_ui5-compact-size, .0625rem) var(--_ui5-cozy-size, none);--_ui5-datepicker_border_radius: 0;--_ui5-datepicker-hover-background: var(--sapField_Hover_Background);--_ui5_daypicker_item_margin: 2px;--_ui5_daypicker_item_border: none;--_ui5_daypicker_item_selected_border_color: var(--sapList_Background);--_ui5_daypicker_daynames_container_height: 2rem;--_ui5_daypicker_weeknumbers_container_padding_top: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 2rem);--_ui5_daypicker_item_othermonth_background_color: var(--sapList_Background);--_ui5_daypicker_item_othermonth_color: var(--sapContent_LabelColor);--_ui5_daypicker_item_othermonth_hover_color: var(--sapContent_LabelColor);--_ui5_daypicker_item_border_radius: .4375rem;--_ui5_daypicker_dayname_color: var(--sapContent_LabelColor);--_ui5_daypicker_weekname_color: var(--sapContent_LabelColor);--_ui5_daypicker_item_now_selected_outline_offset: -.25rem;--_ui5_daypicker_item_selected_background: transparent;--_ui5_daypicker_item_selected_daytext_hover_background: transparent;--_ui5_daypicker_item_border_radius_focus_after: .1875rem;--_ui5_daypicker_item_selected_between_border: .5rem;--_ui5_daypicker_item_selected_between_background: var(--sapList_SelectionBackgroundColor);--_ui5_daypicker_item_selected_between_text_font: var(--sapFontFamily);--_ui5_daypicker_item_selected_between_hover_background: var(--sapList_Hover_SelectionBackground);--_ui5_daypicker_item_now_box_shadow: inset 0 0 0 .35rem var(--sapList_Background);--_ui5_daypicker_item_selected_text_outline: .0625rem solid var(--sapSelectedColor);--_ui5_daypicker_item_now_not_selected_inset: 0;--_ui5_daypicker_item_now_inset: .3125rem;--_ui5_daypicker_item_now_border_color: var(--sapLegend_CurrentDateTime);--_ui5_daypicker_item_weeekend_filter: brightness(105%);--_ui5_daypicker_item_selected_hover: var(--sapList_Hover_Background);--_ui5_daypicker_item_border_radius_item: .5rem;--_ui5_daypicker_two_calendar_item_now_inset: .3125rem;--_ui5_daypicker_item_selected__secondary_type_text_outline: .0625rem solid var(--sapSelectedColor);--_ui5_daypicker_two_calendar_item_now_day_text_content: "";--_ui5_daypicker_two_calendar_item_now_selected_border_width: .125rem;--_ui5_daypicker_two_calendar_item_border_radius: .5rem;--_ui5_daypicker_two_calendar_item_border_focus_border_radius: .375rem;--_ui5_daypicker_two_calendar_item_no_selected_inset: 0;--_ui5_daypicker_two_calendar_item_selected_now_border_radius_focus: .1875rem;--_ui5_daypicker_two_calendar_item_no_selected_focus_inset: .1875rem;--_ui5_daypicker_two_calendar_item_no_select_focus_border_radius: .3125rem;--_ui5_dp_two_calendar_item_secondary_text_border_radios: .25rem;--_ui5_daypicker_two_calendar_item_now_selected_border_inset: .125rem;--_ui5_daypicker_special_day_top: var(--_ui5-compact-size, 1.625rem) var(--_ui5-cozy-size, 2.5rem);--_ui5_daypicker_special_day_border_bottom_radius: .5rem;--_ui5_daypicker_special_day_before_border_color: var(--sapList_Background);--_ui5_daypicker_selected_item_special_day_width: calc(100% - .125rem) ;--_ui5_daypicker_selected_item_now_special_day_top: var(--_ui5-compact-size, 1.5625rem) var(--_ui5-cozy-size, 2.4375rem);--_ui5_daypicker_selected_item_now_special_day_width: calc(100% - .1875rem) ;--_ui5_daypicker_selected_item_now_special_day_border_bottom_radius: 0;--_ui5-daypicker_item_selected_now_border_radius: .5rem;--_ui5_daypicker_selected_item_now_special_day_border_bottom_radius_alternate: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, .5rem);--_ui5_daypicker_two_calendar_item_margin_bottom: var(--_ui5-compact-size, 0) var(--_ui5-cozy-size, 0);--_ui5_daypicker_twocalendar_item_special_day_now_inset: .3125rem;--_ui5_daypicker_twocalendar_item_special_day_now_border_radius: .25rem;--_ui5_daypicker_item_now_focus_margin: 0;--_ui5_daypicker_special_day_border_top: none;--_ui5_daypicker_special_day_selected_border_radius_bottom: .25rem;--_ui5_daypicker_specialday_focused_top: var(--_ui5-compact-size, 1.3125rem) var(--_ui5-cozy-size, 2.125rem);--_ui5_daypicker_specialday_focused_width: calc(100% - .75rem) ;--_ui5_daypicker_specialday_focused_border_bottom: var(--_ui5-compact-size, .25rem) var(--_ui5-cozy-size, 0);--_ui5_daypicker_item_now_specialday_top: var(--_ui5-compact-size, 1.4375rem) var(--_ui5-cozy-size, 2.3125rem);--_ui5_daypicker_item_now_specialday_width: calc(100% - .5rem) ;--_ui5_daypicker_twocalendar_item_special_day_after_border_width: .125rem;--_ui5_daypicker_twocalendar_item_special_day_dot: .375rem;--_ui5_daypicker_twocalendar_item_special_day_top: var(--_ui5-compact-size, 1.25rem) var(--_ui5-cozy-size, 2rem);--_ui5_daypicker_twocalendar_item_special_day_right: var(--_ui5-compact-size, 1.25rem) var(--_ui5-cozy-size, 1.4375rem);--_ui5_daypicker_item_selected_border: .0625rem solid var(--sapList_SelectionBorderColor);--_ui5_daypicker_item_not_selected_focus_border: .125rem solid var(--sapContent_FocusColor);--_ui5_daypicker_item_selected_focus_color: var(--sapContent_FocusColor);--_ui5_daypicker_item_selected_focus_width: .125rem;--_ui5_daypicker_item_no_selected_inset: .375rem;--_ui5_daypicker_item_now_border_focus_after: .125rem solid var(--sapList_SelectionBorderColor);--_ui5_daypicker_item_now_border_radius_focus_after: .3125rem;--_ui5_day_picker_item_selected_now_border_focus: .125rem solid var(--sapContent_FocusColor);--_ui5_day_picker_item_selected_now_border_radius_focus: .1875rem;--_ui5_daypicker_item_selected_text_font: var(--sapFontBoldFamily);--_ui5_daypicker_item_now_selected_between_inset: .25rem;--_ui5_daypicker_item_now_selected_between_border: .0625rem solid var(--sapContent_Selected_ForegroundColor);--_ui5_daypicker_item_now_selected_between_border_radius: .1875rem;--_ui5_daypicker_item_select_between_border: 1px solid var(--sapContent_Selected_ForegroundColor);--_ui5-dp-item_withsecondtype_border: .25rem;--_ui5_dialog_header_focus_bottom_offset: 3px;--_ui5_dialog_header_focus_top_offset: 2px;--_ui5_dialog_header_focus_left_offset: 2px;--_ui5_dialog_header_focus_right_offset: 2px;--_ui5_dialog_header_border_radius: 0px;--_ui5_dialog_header_state_line_height: .125rem;--_ui5_file_uploader_display_input_width: calc(100% - var(--_ui5_input_icon_width));--_ui5_file_uploader_tokenizer_width: calc(100% - 2 * var(--_ui5_input_icon_width) - var(--_ui5_input_inner_space_to_tokenizer));--ui5-group-header-listitem-background-color: var(--sapList_GroupHeaderBackground);--_ui5_input_width: 13.125rem;--_ui5_input_min_width: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 2.75rem);--_ui5_input_height: var(--_ui5-compact-size, var(--sapElement_Compact_Height)) var(--_ui5-cozy-size, var(--sapElement_Height));--_ui5_input_margin_top_bottom: var(--_ui5-compact-size, .1875rem) var(--_ui5-cozy-size, .25rem);--_ui5_input_hover_border: var(--sapField_BorderWidth) var(--sapField_BorderStyle) var(--sapField_Hover_BorderColor);--_ui5_input_value_state_error_hover_background: var(--sapField_InvalidBackground);--_ui5_input_background_color: var(--sapField_Background);--_ui5_input_border_radius: var(--sapField_BorderCornerRadius);--_ui5_input_focus_border_radius: 0;--_ui5_input_readonly_focus_border_radius: 0;--_ui5-input-border: var(--sapField_BorderWidth) var(--sapField_BorderStyle) var(--sapField_BorderColor);--_ui5_input_placeholder_style: normal;--_ui5_input_placeholder_color: var(--sapField_PlaceholderTextColor);--_ui5_input_bottom_border_height: 0;--_ui5_input_bottom_border_color: transparent;--_ui5_input_focused_border_color: var(--sapField_Hover_BorderColor);--_ui5_input_state_border_width: .125rem;--_ui5_input_information_border_width: .0625rem;--_ui5_input_error_font_weight: bold;--_ui5_input_warning_font_weight: bold;--_ui5_input_focus_border_width: .125rem;--_ui5_input_error_warning_border_style: dashed;--_ui5_input_error_warning_font_style: italic;--_ui5_input_error_warning_text_indent: .125rem;--_ui5_input_disabled_border_color: var(--sapField_BorderColor);--_ui5-input_disabled_background: var(--sapField_Background);--_ui5_input_readonly_border: var(--sapElement_BorderWidth) var(--sapField_BorderStyle) var(--sapField_BorderColor);--_ui5_input_readonly_border_color: var(--sapField_ReadOnly_BorderColor);--_ui5_input_readonly_background: var(--sapField_ReadOnly_Background);--_ui5_input_custom_icon_padding: var(--_ui5-compact-size, .1875rem .5rem) var(--_ui5-cozy-size, .5rem .625rem);--_ui5_input_error_warning_custom_icon_padding: var(--_ui5-compact-size, .1875rem .5rem) var(--_ui5-cozy-size, .5rem .625rem);--_ui5_input_error_warning_custom_focused_icon_padding: var(--_ui5-compact-size, .1875rem .5rem) var(--_ui5-cozy-size, .5rem .625rem);--_ui5_input_information_custom_icon_padding: var(--_ui5-compact-size, .1875rem .5rem) var(--_ui5-cozy-size, .5rem .625rem);--_ui5_input_information_custom_focused_icon_padding: var(--_ui5-compact-size, .1875rem .5rem) var(--_ui5-cozy-size, .5rem .625rem);--_ui5_input_error_warning_icon_padding: var(--_ui5-compact-size, .1875rem .375rem .1875rem .4375rem) var(--_ui5-cozy-size, .5rem .5rem .5rem .5625rem);--_ui5_input_error_warning_focused_icon_padding: var(--_ui5-compact-size, .1875rem .375rem .1875rem .4375rem) var(--_ui5-cozy-size, .5rem .5rem .5rem .5625rem);--_ui5_input_information_icon_padding: var(--_ui5-compact-size, .1875rem .375rem .1875rem .4375rem) var(--_ui5-cozy-size, .5rem .5rem .5rem .5625rem);--_ui5_input_information_focused_icon_padding: var(--_ui5-compact-size, .1875rem .375rem .1875rem .4375rem) var(--_ui5-cozy-size, .5rem .5rem .5rem .5625rem);--_ui5_input_disabled_opacity: var(--sapContent_DisabledOpacity);--_ui5_input_icon_min_width: var(--_ui5-compact-size, var(--_ui5_input_compact_min_width)) var(--_ui5-cozy-size, 2.25rem);--_ui5_input_compact_min_width: 2rem;--_ui5_input_transition: none;--_ui5-input-value-state-icon-display: none;--_ui5_input_focused_value_state_error_background: var(--sapField_InvalidBackground);--_ui5_input_focused_value_state_warning_background: var(--sapField_WarningBackground);--_ui5_input_focused_value_state_success_background: var(--sapField_SuccessBackground);--_ui5_input_focused_value_state_information_background: var(--sapField_InformationBackground);--_ui5_input_value_state_error_border_color: var(--sapField_InvalidColor);--_ui5_input_focused_value_state_error_border_color: var(--sapField_InvalidColor);--_ui5_input_focused_value_state_error_focus_outline_color: var(--sapContent_FocusColor);--_ui5_input_focused_value_state_warning_focus_outline_color: var(--sapContent_FocusColor);--_ui5_input_focused_value_state_success_focus_outline_color: var(--sapContent_FocusColor);--_ui5_input_value_state_warning_border_color: var(--sapField_WarningColor);--_ui5_input_focused_value_state_warning_border_color: var(--sapField_WarningColor);--_ui5_input_value_state_success_border_color: var(--sapField_SuccessColor);--_ui5_input_focused_value_state_success_border_color: var(--sapField_SuccessColor);--_ui5_input_value_state_success_border_width: var(--sapField_BorderWidth);--_ui5_input_value_state_information_border_color: var(--sapField_InformationColor);--_ui5_input_focused_value_state_information_border_color: var(--sapField_InformationColor);--_ui5_input_focus_offset: 1px;--_ui5_input_readonly_focus_offset: 1px;--ui5_input_focus_pseudo_element_content: "";--_ui5_input_value_state_error_warning_placeholder_font_weight: bold;--_ui5_input_focus_outline_color: var(--sapField_Active_BorderColor);--_ui5-input_error_placeholder_color: var(--sapField_TextColor);--_ui5_input_icon_width: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 2.25rem);--_ui5_input_icon_wrapper_height: 100%;--_ui5_input_icon_wrapper_state_height: 100%;--_ui5_input_icon_wrapper_success_state_height: 100%;--_ui5-input-icons-count: 0;--_ui5_input_tokenizer_min_width: 3.25rem;--_ui5_input_icon_padding: var(--_ui5-compact-size, .1875rem .375rem .1875rem .4375rem) var(--_ui5-cozy-size, .5rem .5rem .5rem .5625rem);--_ui5_input_icon_color: var(--sapField_TextColor);--_ui5_input_icon_pressed_color: var(--sapButton_Active_TextColor);--_ui5_input_icon_pressed_bg: var(--sapField_Hover_Background);--_ui5_input_icon_hover_bg: var(--sapButton_Lite_Hover_Background);--_ui5_input_icon_border_radius: 0;--_ui5_input_icon_box_shadow: none;--_ui5_input_icon_border: 1px solid transparent;--_ui5_input_error_icon_box_shadow: var(--_ui5_input_icon_box_shadow);--_ui5_input_warning_icon_box_shadow: var(--_ui5_input_icon_box_shadow);--_ui5_input_information_icon_box_shadow: var(--_ui5_input_icon_box_shadow);--_ui5_input_success_icon_box_shadow: var(--_ui5_input_icon_box_shadow);--_ui5_input_icon_error_pressed_color: var(--sapButton_Active_TextColor);--_ui5_input_icon_warning_pressed_color: var(--sapButton_Active_TextColor);--_ui5_input_icon_information_pressed_color: var(--sapButton_Active_TextColor);--_ui5_input_icon_success_pressed_color: var(--sapButton_Active_TextColor);--_ui5_link_text_decoration: var(--sapLink_TextDecoration);--_ui5_link_hover_text_decoration: var(--sapLink_Hover_TextDecoration);--_ui5_link_focused_hover_text_decoration: none;--_ui5_link_focused_hover_text_color: var(--sapLinkColor);--_ui5_link_active_text_decoration: var(--sapLink_Active_TextDecoration);--_ui5_link_outline: .125rem dotted var(--sapContent_FocusColor);--_ui5_link_focus_border-radius: 0;--_ui5_link_focus_background_color: transparent;--_ui5_link_focus_color: var(--sapLinkColor);--_ui5_link_focus_text_decoration: underline;--_ui5_link_subtle_text_decoration: underline;--_ui5_link_subtle_text_decoration_hover: none;--_ui5_link_large_interactive_area_height: 1.5rem;--ui5_list_footer_text_color: var(--sapPageFooter_TextColor);--_ui5_list_buttons_left_space: var(--_ui5-compact-size, .125rem) var(--_ui5-cozy-size, .125rem);--ui5-listitem-background-color: var(--sapList_Background);--ui5-listitem-border-bottom: var(--sapList_BorderWidth) solid var(--sapList_BorderColor);--ui5-listitem-selected-border-bottom: 1px solid var(--sapList_SelectionBorderColor);--ui5-listitem-focused-selected-border-bottom: 1px solid var(--sapList_SelectionBorderColor);--_ui5-listitembase_disabled_opacity: .5;--_ui5_product_switch_item_border: none;--_ui5_menu_popover_border_radius: var(--sapPopover_BorderCornerRadius);--_ui5_menu_item_padding: var(--_ui5-compact-size, 0 .75rem 0 .5rem) var(--_ui5-cozy-size, 0 1rem 0 .75rem);--_ui5_menu_item_submenu_icon_right: var(--_ui5-compact-size, .75rem) var(--_ui5-cozy-size, 1rem);--_ui5_monthpicker_item_margin: .0625rem;--_ui5_monthpicker_item_border: .0625rem solid var(--sapButton_Lite_BorderColor);--_ui5_monthpicker_item_border_radius: .5rem;--_ui5_monthpicker_item_hover_border: .0625rem solid var(--sapButton_Lite_Hover_BorderColor);--_ui5_monthpicker_item_active_border: .0625rem solid var(--sapButton_Lite_Active_BorderColor);--_ui5_monthpicker_item_selected_border: .0625rem solid var(--sapButton_Selected_BorderColor);--_ui5_monthpicker_item_selected_hover_border: .0625rem solid var(--sapButton_Selected_Hover_BorderColor);--_ui5_message_strip_padding: .4375rem 2.5rem .4375rem 2.5rem;--_ui5_message_strip_padding_block_no_icon: .4375rem .4375rem;--_ui5_message_strip_padding_inline_no_icon: 1rem 2.5rem;--_ui5_message_strip_border_width: var(--sapMessage_BorderWidth);--_ui5_message_strip_icon_top: .375rem;--_ui5_message_strip_close_button_top: .125rem;--_ui5_message_strip_close_button_right: .125rem;--_ui5_message_strip_close_button_color_set_1_background: var(--sapMessage_Button_Hover_Background);--_ui5_message_strip_close_button_color_set_2_background: var(--sapMessage_Button_Hover_Background);--_ui5_message_strip_close_button_color_set_1_color: var(--sapContent_ContrastIconColor);--_ui5_message_strip_scheme_1_set_2_background: var(--sapIndicationColor_1_Background);--_ui5_message_strip_scheme_1_set_2_border_color: var(--sapIndicationColor_1_BorderColor);--_ui5_message_strip_scheme_2_set_2_background: var(--sapIndicationColor_2_Background);--_ui5_message_strip_scheme_2_set_2_border_color: var(--sapIndicationColor_2_BorderColor);--_ui5_message_strip_scheme_3_set_2_background: var(--sapIndicationColor_3_Background);--_ui5_message_strip_scheme_3_set_2_border_color: var(--sapIndicationColor_3_BorderColor);--_ui5_message_strip_scheme_4_set_2_background: var(--sapIndicationColor_4_Background);--_ui5_message_strip_scheme_4_set_2_border_color: var(--sapIndicationColor_4_BorderColor);--_ui5_message_strip_scheme_5_set_2_background: var(--sapIndicationColor_5_Background);--_ui5_message_strip_scheme_5_set_2_border_color: var(--sapIndicationColor_5_BorderColor);--_ui5_message_strip_scheme_6_set_2_background: var(--sapIndicationColor_6_Background);--_ui5_message_strip_scheme_6_set_2_border_color: var(--sapIndicationColor_6_BorderColor);--_ui5_message_strip_scheme_7_set_2_background: var(--sapIndicationColor_7_Background);--_ui5_message_strip_scheme_7_set_2_border_color: var(--sapIndicationColor_7_BorderColor);--_ui5_message_strip_scheme_8_set_2_background: var(--sapIndicationColor_8_Background);--_ui5_message_strip_scheme_8_set_2_border_color: var(--sapIndicationColor_8_BorderColor);--_ui5_message_strip_scheme_9_set_2_background: var(--sapIndicationColor_9_Background);--_ui5_message_strip_scheme_9_set_2_border_color: var(--sapIndicationColor_9_BorderColor);--_ui5_message_strip_scheme_10_set_2_background: var(--sapIndicationColor_10_Background);--_ui5_message_strip_scheme_10_set_2_border_color: var(--sapIndicationColor_10_BorderColor);--_ui5_panel_focus_border: .125rem dotted var(--sapContent_FocusColor);--_ui5_panel_header_height: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 2.75rem);--_ui5_panel_button_root_width: var(--_ui5-compact-size, 2.75rem) var(--_ui5-cozy-size, 2.75rem);--_ui5_panel_button_root_height: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 2.75rem);--_ui5_panel_border_radius: 0px;--_ui5_panel_border_radius_expanded: 0;--_ui5_panel_default_header_border: .0625rem solid var(--sapGroup_TitleBorderColor);--_ui5_panel_border_bottom: var(--sapGroup_TitleBorderWidth) solid var(--sapGroup_TitleBorderColor);--_ui5_panel_icon_color: var(--sapButton_Lite_TextColor);--_ui5_panel_header_padding_right: .5rem;--_ui5_panel_header_button_wrapper_padding: var(--_ui5-compact-size, .1875rem .25rem) var(--_ui5-cozy-size, .25rem);--_ui5_panel_focus_offset: 1px;--_ui5_panel_focus_bottom_offset: var(--_ui5_panel_focus_offset);--_ui5_panel_content_padding: .625rem 1rem;--_ui5_panel_header_background_color: var(--sapGroup_TitleBackground);--_ui5_popover_background: var(--sapGroup_ContentBackground);--_ui5_popover_box_shadow: var(--sapContent_Shadow2);--_ui5_popover_no_arrow_box_shadow: var(--sapContent_Shadow1);--_ui5_popup_block_layer_background: var(--sapBlockLayer_Background);--_ui5_popup_block_layer_opacity: .3;--_ui5_popup_content_padding_s: 1rem;--_ui5_popup_content_padding_m_l: 2rem;--_ui5_popup_content_padding_xl: 3rem;--_ui5_popup_header_footer_padding_s: 1rem;--_ui5_popup_header_footer_padding_m_l: 2rem;--_ui5_popup_header_footer_padding_xl: 3rem;--_ui5_popup_viewport_margin: 10px;--_ui5_popup_header_prop_header_text_alignment: flex-start;--_ui5_popup_border_radius: .5rem;--_ui5_popup_header_shadow: var(--sapContent_HeaderShadow);--_ui5_popup_header_border: none;--_ui5_progress_indicator_background_none: var(--sapField_Background);--_ui5_progress_indicator_background_error: var(--sapField_Background);--_ui5_progress_indicator_background_warning: var(--sapField_Background);--_ui5_progress_indicator_background_success: var(--sapField_Background);--_ui5_progress_indicator_background_information: var(--sapField_Background);--_ui5_progress_indicator_value_state_none: var(--sapHighlightColor);--_ui5_progress_indicator_value_state_error: var(--sapHighlightColor);--_ui5_progress_indicator_value_state_warning: var(--sapHighlightColor);--_ui5_progress_indicator_value_state_success: var(--sapHighlightColor);--_ui5_progress_indicator_value_state_information: var(--sapHighlightColor);--_ui5_progress_indicator_border_color_error: var(--sapField_BorderColor);--_ui5_progress_indicator_border_color_warning: var(--sapField_BorderColor);--_ui5_progress_indicator_border_color_success: var(--sapField_BorderColor);--_ui5_progress_indicator_border_color_information: var(--sapField_BorderColor);--_ui5_progress_indicator_color: var(--sapTextColor);--_ui5_progress_indicator_bar_color: var(--sapProgress_TextColor);--_ui5_progress_indicator_border: .0625rem solid var(--sapField_BorderColor);--_ui5_progress_indicator_bar_border_max: var(--_ui5_progress_indicator_border);--_ui5_progress_indicator_icon_visibility: inline-block;--_ui5_progress_indicator_side_points_visibility: block;--_ui5_progress_indicator_padding_novalue: .3125rem;--_ui5_progress_indicator_host_height: unset;--_ui5_progress_indicator_root_border_radius: .25rem;--_ui5_progress_indicator_root_height: .375rem;--_ui5_progress_indicator_root_overflow: visible;--_ui5_progress_indicator_bar_height: .625rem;--_ui5_progress_indicator_bar_border_radius: .5rem;--_ui5_progress_indicator_remaining_bar_overflow: visible;--_ui5_progress_indicator_icon_size: var(--sapFontLargeSize);--_ui5_progress_indicator_value_margin: 0 0 .1875rem 0;--_ui5_progress_indicator_padding: 1.25rem 0 .75rem 0;--_ui5_progress_indicator_padding_end: 1.25rem;--_ui5_progress_indicator_host_box_sizing: border-box;--_ui5_progress_indicator_root_position: relative;--_ui5_progress_indicator_root_min_height: .375rem;--_ui5_progress_indicator_remaining_bar_border_radius: 0 .5rem .5rem 0;--_ui5_progress_indicator_remaining_bar_position: absolute;--_ui5_progress_indicator_remaining_bar_width: 100%;--_ui5_progress_indicator_icon_position: absolute;--_ui5_progress_indicator_icon_right_position: -1.25rem;--_ui5_progress_indicator_value_position: absolute;--_ui5_progress_indicator_value_top_position: -1.3125rem;--_ui5_progress_indicator_value_left_position: 0;--_ui5_radio_button_min_width: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 2.75rem);--_ui5_radio_button_hover_fill: var(--sapField_Selector_Hover_Background);--_ui5_radio_button_hover_fill_error: var(--sapField_Selector_Hover_InvalidBackground);--_ui5_radio_button_hover_fill_warning: var(--sapField_Selector_Hover_WarningBackground);--_ui5_radio_button_hover_fill_success: var(--sapField_Selector_Hover_SuccessBackground);--_ui5_radio_button_hover_fill_information: var(--sapField_Selector_Hover_InformationBackground);--_ui5_radio_button_border_width: .125rem;--_ui5_radio_button_checked_fill: var(--sapContent_IconColor);--_ui5_radio_button_checked_error_fill: var(--sapContent_IconColor);--_ui5_radio_button_checked_warning_fill: var(--sapContent_IconColor);--_ui5_radio_button_checked_success_fill: var(--sapContent_IconColor);--_ui5_radio_button_checked_information_fill: var(--sapContent_IconColor);--_ui5_radio_button_warning_error_border_dash: 5;--_ui5_radio_button_outer_ring_color: var(--sapField_BorderColor);--_ui5_radio_button_outer_ring_width: 2px;--_ui5_radio_button_outer_ring_bg: var(--sapField_Background);--_ui5_radio_button_outer_ring_hover_color: var(--sapField_Hover_BorderColor);--_ui5_radio_button_outer_ring_active_color: var(--sapField_Hover_BorderColor);--_ui5_radio_button_outer_ring_checked_hover_color: var(--sapField_Hover_BorderColor);--_ui5_radio_button_outer_ring_padding: var(--_ui5-compact-size, 0 .5rem) var(--_ui5-cozy-size, 0 .6875rem);--_ui5_radio_button_outer_ring_padding_with_label: var(--_ui5-compact-size, 0 .5rem) var(--_ui5-cozy-size, 0 .6875rem);--_ui5_radio_button_border_radius: 0;--_ui5_radio_button_border: none;--_ui5_radio_button_focus_outline: block;--_ui5_radio_button_focus_dist: var(--_ui5-compact-size, .1875rem) var(--_ui5-cozy-size, .375rem);--_ui5_radio_button_color: var(--sapField_BorderColor);--_ui5_radio_button_label_offset: 1px;--_ui5_radio_button_label_color: var(--sapContent_LabelColor);--_ui5_radio_button_inner_ring_radius: 27.5%;--_ui5_radio_button_read_only_border_type: none;--_ui5_radio_button_inner_ring_color: var(--sapContent_Selected_ForegroundColor);--_ui5_radio_button_information_border_width: var(--sapField_InformationBorderWidth);--_ui5_radio_button_read_only_border_width: var(--sapElement_BorderWidth);--_ui5_radio_button_read_only_inner_ring_color: var(--sapField_TextColor);--_ui5_rating_indicator_border_radius: .5rem;--_ui5_rating_indicator_outline_offset: -.125rem;--_ui5_rating_indicator_item_height: var(--_ui5-compact-size, 1em) var(--_ui5-cozy-size, 1em);--_ui5_rating_indicator_item_width: var(--_ui5-compact-size, 1em) var(--_ui5-cozy-size, 1em);--_ui5_rating_indicator_readonly_item_height: var(--_ui5-compact-size, .75em) var(--_ui5-cozy-size, .75em);--_ui5_rating_indicator_readonly_item_width: var(--_ui5-compact-size, .75em) var(--_ui5-cozy-size, .75em);--_ui5_rating_indicator_readonly_item_spacing: .1875rem .1875rem;--_ui5_rating_indicator_component_spacing: var(--_ui5-compact-size, .5rem 0) var(--_ui5-cozy-size, .5rem 0px);--_ui5_rating_indicator_component_padding: .25rem;--_ui5_rating_indicator_item_size_s: 1.375rem;--_ui5_rating_indicator_item_size_l: 2rem;--_ui5_segmented_btn_item_border_left: 0px;--_ui5_segmented_btn_item_border_right: .0625rem;--_ui5_button_focused_border: .125rem dotted var(--sapContent_FocusColor);--_ui5_button_focused_border_radius: .375rem;--_ui5_button_focused_inner_border_radius: 0;--_ui5_button_base_min_width: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 2.5rem);--_ui5_button_base_height: var(--_ui5-compact-size, var(--sapElement_Compact_Height)) var(--_ui5-cozy-size, var(--sapElement_Height));--_ui5_button_border_radius: var(--sapButton_BorderCornerRadius);--_ui5_button_base_padding: var(--_ui5-compact-size, .4375rem) var(--_ui5-cozy-size, .6875rem);--_ui5_button_base_icon_margin: .563rem;--_ui5_button_text_shadow: none;--_ui5_button_pressed_focused_border_color: var(--sapContent_ContrastFocusColor);--_ui5_button_fontFamily: var(--sapButton_FontFamily);--_ui5_button_emphasized_focused_border_color: var(--sapContent_ContrastFocusColor);--_ui5_button_emphasized_focused_border_before: .125rem solid var(--sapContent_FocusColor);--_ui5_button_emphasized_focused_active_border_color: transparent;--_ui5_button_emphasized_border_width: .125rem;--_ui5_select_hover_icon_left_border: .0625rem solid var(--sapField_Hover_BorderColor);--_ui5_select_label_color: var(--sapField_TextColor);--_ui5_select_icon_width: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 2.25rem);--_ui5_select_icon_wrapper_height: 100%;--_ui5_split_button_focused_border: .125rem dotted var(--sapContent_FocusColor);--_ui5_split_button_focused_border_radius: .375rem;--_ui5_split_button_middle_separator_left: -.0625rem;--_ui5_split_button_middle_separator_hover_display: block;--_ui5_split_button_text_button_right_border_width: 0;--_ui5_split_button_transparent_hover_background: var(--sapButton_Hover_Background);--_ui5_split_button_host_transparent_hover_background: var(--sapButton_Background);--_ui5_split_button_transparent_hover_color: var(--sapButton_TextColor);--_ui5_split_button_transparent_disabled_background: var(--sapButton_Background);--_ui5_split_button_inner_focused_border_radius_inner: 0;--_ui5_split_button_emphasized_separator_color: var(--sapButton_Emphasized_TextColor);--_ui5_split_button_positive_separator_color: var(--sapButton_Accept_BorderColor);--_ui5_split_button_negative_separator_color: var(--sapButton_Reject_BorderColor);--_ui5_split_button_attention_separator_color: var(--sapButton_Attention_BorderColor);--_ui5_split_button_attention_separator_color_default: var(--sapButton_Attention_BorderColor);--_ui5_split_button_host_default_box_shadow: inset 0 0 0 var(--sapButton_BorderWidth) var(--sapButton_BorderColor);--_ui5_split_button_host_attention_box_shadow: inset 0 0 0 var(--sapButton_BorderWidth) var(--sapButton_Attention_BorderColor);--_ui5_split_button_host_emphasized_box_shadow: inset 0 0 0 .125rem var(--sapButton_Emphasized_BorderColor);--_ui5_split_button_host_positive_box_shadow: inset 0 0 0 var(--sapButton_BorderWidth) var(--sapButton_Accept_BorderColor);--_ui5_split_button_host_negative_box_shadow: inset 0 0 0 var(--sapButton_BorderWidth) var(--sapButton_Reject_BorderColor);--_ui5_split_button_host_transparent_box_shadow: inset 0 0 0 var(--sapButton_BorderWidth) var(--sapButton_Lite_BorderColor);--_ui5_split_button_host_transparent_hover_box_shadow: inset 0 0 0 var(--sapButton_BorderWidth) var(--sapButton_BorderColor);--_ui5_split_text_button_border_color: transparent;--_ui5_split_text_button_background_color: transparent;--_ui5_split_text_button_emphasized_border: .125rem solid var(--sapButton_Emphasized_BorderColor);--_ui5_split_text_button_emphasized_border_width: .125rem;--_ui5_split_text_button_hover_border: var(--sapButton_BorderWidth) solid var(--sapButton_BorderColor);--_ui5_split_text_button_positive_hover_border: var(--sapButton_BorderWidth) solid var(--sapButton_Accept_BorderColor);--_ui5_split_text_button_negative_hover_border: var(--sapButton_BorderWidth) solid var(--sapButton_Reject_BorderColor);--_ui5_split_text_button_attention_hover_border: var(--sapButton_BorderWidth) solid var(--sapButton_Attention_BorderColor);--_ui5_split_text_button_transparent_hover_border: var(--sapButton_BorderWidth) solid var(--sapButton_BorderColor);--_ui5_split_arrow_button_hover_border: var(--sapButton_BorderWidth) solid var(--sapButton_BorderColor);--_ui5_split_arrow_button_emphasized_hover_border: .0625rem solid var(--sapButton_Emphasized_BorderColor);--_ui5_split_arrow_button_positive_hover_border: var(--sapButton_BorderWidth) solid var(--sapButton_Accept_BorderColor);--_ui5_split_arrow_button_negative_hover_border: var(--sapButton_BorderWidth) solid var(--sapButton_Reject_BorderColor);--_ui5_split_arrow_button_attention_hover_border: var(--sapButton_BorderWidth) solid var(--sapButton_Attention_BorderColor);--_ui5_split_arrow_button_transparent_hover_border: var(--sapButton_BorderWidth) solid var(--sapButton_BorderColor);--_ui5_split_text_button_hover_border_right: none;--_ui5_split_text_button_positive_hover_border_right: none;--_ui5_split_text_button_negative_hover_border_right: none;--_ui5_split_text_button_attention_hover_border_right: none;--_ui5_split_text_button_transparent_hover_border_right: none;--_ui5_split_button_middle_separator_hover_display_emphasized: none;--_ui5_split_arrow_button_emphasized_hover_box_shadow: inset 0 -.0625rem 0 var(--sapButton_BorderColor), inset -.0625rem 0 0 var(--sapButton_BorderColor), inset 0 .0625rem 0 var(--sapButton_BorderColor);--_ui5_split_arrow_button_emphasized_hover_box_shadow_rtl: inset 0 -.0625rem 0 var(--sapButton_BorderColor), inset .0625rem 0 0 var(--sapButton_BorderColor), inset 0 .0625rem 0 var(--sapButton_BorderColor);--_ui5_switch_height: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 2.75rem);--_ui5_switch_width: var(--_ui5-compact-size, 2.75rem) var(--_ui5-cozy-size, 2.5rem);--_ui5_switch_min_width: var(--_ui5-compact-size, none) var(--_ui5-cozy-size, none);--_ui5_switch_with_label_width: var(--_ui5-compact-size, 2.75rem) var(--_ui5-cozy-size, 2.875rem);--_ui5_switch_focus_outline: none;--_ui5_switch_root_outline_top: var(--_ui5-compact-size, .25rem) var(--_ui5-cozy-size, .5rem);--_ui5_switch_root_outline_bottom: var(--_ui5-compact-size, .25rem) var(--_ui5-cozy-size, .5rem);--_ui5_switch_root_outline_left: -.125rem;--_ui5_switch_root_outline_right: -.125rem;--_ui5_switch_foucs_border_size: 1px;--_ui5-switch-root-border-radius: 0;--_ui5-switch-root-box-shadow: none;--_ui5_switch_root_after_outline: .125rem solid var(--sapContent_FocusColor);--_ui5_switch_disabled_opacity: var(--sapContent_DisabledOpacity);--_ui5_switch_transform: var(--_ui5-compact-size, translateX(100%) translateX(-1.375rem)) var(--_ui5-cozy-size, translateX(100%) translateX(-1.625rem));--_ui5_switch_transform_with_label: var(--_ui5-compact-size, translateX(100%) translateX(-1.875rem)) var(--_ui5-cozy-size, translateX(100%) translateX(-1.875rem));--_ui5_switch_rtl_transform: var(--_ui5-compact-size, translateX(1.375rem) translateX(-100%)) var(--_ui5-cozy-size, translateX(-100%) translateX(1.625rem));--_ui5_switch_rtl_transform_with_label: var(--_ui5-compact-size, translateX(1.875rem) translateX(-100%)) var(--_ui5-cozy-size, translateX(-100%) translateX(1.875rem));--_ui5_switch_track_with_label_width: var(--_ui5-compact-size, 2.75rem) var(--_ui5-cozy-size, 2.875rem);--_ui5_switch_track_with_label_height: var(--_ui5-compact-size, 1.25rem) var(--_ui5-cozy-size, 1.5rem);--_ui5_switch_track_width: var(--_ui5-compact-size, 2.75rem) var(--_ui5-cozy-size, 2.5rem);--_ui5_switch_track_height: var(--_ui5-compact-size, 1.25rem) var(--_ui5-cozy-size, 1.5rem);--_ui5_switch_track_border_radius: .75rem;--_ui5-switch-track-border: 1px solid;--_ui5_switch_track_active_background_color: var(--sapButton_Track_Selected_Background);--_ui5_switch_track_inactive_background_color: var(--sapButton_Track_Background);--_ui5_switch_track_hover_active_background_color: var(--sapButton_Track_Selected_Hover_Background);--_ui5_switch_track_hover_inactive_background_color: var(--sapButton_Track_Hover_Background);--_ui5_switch_track_active_border_color: var(--sapButton_Track_Selected_BorderColor);--_ui5_switch_track_inactive_border_color: var(--sapButton_Track_BorderColor);--_ui5_switch_track_hover_active_border_color: var(--sapButton_Track_Selected_Hover_BorderColor);--_ui5_switch_track_hover_inactive_border_color: var(--sapButton_Track_Hover_BorderColor);--_ui5_switch_track_semantic_accept_background_color: var(--sapButton_Track_Positive_Background);--_ui5_switch_track_semantic_reject_background_color: var(--sapButton_Track_Negative_Background);--_ui5_switch_track_semantic_hover_accept_background_color: var(--sapButton_Track_Positive_Hover_Background);--_ui5_switch_track_semantic_hover_reject_background_color: var(--sapButton_Track_Negative_Hover_Background);--_ui5_switch_track_semantic_accept_border_color: var(--sapButton_Track_Positive_BorderColor);--_ui5_switch_track_semantic_reject_border_color: var(--sapButton_Track_Negative_BorderColor);--_ui5_switch_track_semantic_hover_accept_border_color: var(--sapButton_Track_Positive_Hover_BorderColor);--_ui5_switch_track_semantic_hover_reject_border_color: var(--sapButton_Track_Negative_Hover_BorderColor);--_ui5_switch_track_transition: none;--_ui5_switch_track_icon_display: inline-block;--_ui5_switch_handle_width: var(--_ui5-compact-size, 1.25rem) var(--_ui5-cozy-size, 1.5rem);--_ui5_switch_handle_height: var(--_ui5-compact-size, 1rem) var(--_ui5-cozy-size, 1.25rem);--_ui5_switch_handle_with_label_width: var(--_ui5-compact-size, 1.75rem) var(--_ui5-cozy-size, 1.75rem);--_ui5_switch_handle_with_label_height: var(--_ui5-compact-size, 1rem) var(--_ui5-cozy-size, 1.25rem);--_ui5_switch_handle_border: var(--_ui5_switch_handle_border_width) solid var(--sapButton_Handle_BorderColor);--_ui5_switch_handle_border_width: .125rem;--_ui5_switch_handle_border_radius: 1rem;--_ui5_switch_handle_active_background_color: var(--sapButton_Handle_Selected_Background);--_ui5_switch_handle_inactive_background_color: var(--sapButton_Handle_Background);--_ui5_switch_handle_hover_active_background_color: var(--sapButton_Handle_Selected_Hover_Background);--_ui5_switch_handle_hover_inactive_background_color: var(--sapButton_Handle_Hover_Background);--_ui5_switch_handle_active_border_color: var(--sapButton_Handle_Selected_BorderColor);--_ui5_switch_handle_inactive_border_color: var(--sapButton_Handle_BorderColor);--_ui5_switch_handle_hover_active_border_color: var(--sapButton_Handle_Selected_BorderColor);--_ui5_switch_handle_hover_inactive_border_color: var(--sapButton_Handle_BorderColor);--_ui5_switch_handle_semantic_accept_background_color: var(--sapButton_Handle_Positive_Background);--_ui5_switch_handle_semantic_reject_background_color: var(--sapButton_Handle_Negative_Background);--_ui5_switch_handle_semantic_hover_accept_background_color: var(--sapButton_Handle_Positive_Hover_Background);--_ui5_switch_handle_semantic_hover_reject_background_color: var(--sapButton_Handle_Negative_Hover_Background);--_ui5_switch_handle_semantic_accept_border_color: var(--sapButton_Handle_Positive_BorderColor);--_ui5_switch_handle_semantic_reject_border_color: var(--sapButton_Handle_Negative_BorderColor);--_ui5_switch_handle_semantic_hover_accept_border_color: var(--sapButton_Handle_Positive_BorderColor);--_ui5_switch_handle_semantic_hover_reject_border_color: var(--sapButton_Handle_Negative_BorderColor);--_ui5_switch_handle_on_hover_box_shadow: 0 0 0 .125rem var(--sapButton_Handle_Selected_Hover_BorderColor);--_ui5_switch_handle_off_hover_box_shadow: 0 0 0 .125rem var(--sapButton_Handle_Hover_BorderColor);--_ui5_switch_handle_semantic_on_hover_box_shadow: 0 0 0 .125rem var(--sapButton_Handle_Positive_Hover_BorderColor);--_ui5_switch_handle_semantic_off_hover_box_shadow: 0 0 0 .125rem var(--sapButton_Handle_Negative_Hover_BorderColor);--_ui5_switch_handle_left: .0625rem;--_ui5-switch-slider-texts-display: inline;--_ui5_switch_text_font_family: var(--sapContent_IconFontFamily);--_ui5_switch_text_font_size: var(--_ui5-compact-size, var(--sapFontSize)) var(--_ui5-cozy-size, var(--sapFontLargeSize));--_ui5_switch_text_with_label_font_family: "72-Condensed-Bold", "72", "72full", Arial, Helvetica, sans-serif;--_ui5_switch_text_with_label_font_size: var(--sapFontSmallSize);--_ui5_switch_text_with_label_width: 1.75rem;--_ui5_switch_text_width: var(--_ui5-compact-size, 1rem) var(--_ui5-cozy-size, 1.25rem);--_ui5_switch_text_inactive_left: .1875rem;--_ui5_switch_text_inactive_left_alternate: .0625rem;--_ui5_switch_text_inactive_right: auto;--_ui5_switch_text_inactive_right_alternate: .125rem;--_ui5_switch_text_active_left: var(--_ui5-compact-size, .1875rem) var(--_ui5-cozy-size, .1875rem);--_ui5_switch_text_active_left_alternate: var(--_ui5-compact-size, .0625rem) var(--_ui5-cozy-size, .0625rem);--_ui5_switch_text_active_color: var(--sapButton_Handle_Selected_TextColor);--_ui5_switch_text_inactive_color: var(--sapButton_Handle_TextColor);--_ui5_switch_text_semantic_accept_color: var(--sapButton_Handle_Positive_TextColor);--_ui5_switch_text_semantic_reject_color: var(--sapButton_Handle_Negative_TextColor);--_ui5_switch_text_overflow: hidden;--_ui5_switch_text_z_index: 1;--_ui5_switch_text_hidden: hidden;--_ui5_switch_text_min_width: none;--_ui5_switch_icon_width: 1rem;--_ui5_switch_icon_height: 1rem;--_ui5_switch_root_after_boreder_radius: 1rem;--_ui5_tc_header_height: var(--_ui5-compact-size, var(--_ui5_tc_item_height)) var(--_ui5-cozy-size, var(--_ui5_tc_item_height));--_ui5_tc_header_height_text_only: var(--_ui5_tc_item_text_only_height);--_ui5_tc_header_height_text_with_additional_text: var(--_ui5_tc_item_text_only_with_additional_text_height);--_ui5_tc_header_box_shadow: var(--sapContent_HeaderShadow);--_ui5_tc_header_border_bottom: .125rem solid var(--sapPageHeader_BorderColor);--_ui5_tc_header_background: var(--sapObjectHeader_Background);--_ui5_tc_header_background_translucent: var(--sapObjectHeader_Background);--_ui5_tc_content_background: var(--sapBackgroundColor);--_ui5_tc_content_background_translucent: var(--sapGroup_ContentBackground);--_ui5_tc_headeritem_padding: 1rem;--_ui5_tc_headerItem_color: var(--sapTab_TextColor);--_ui5_tc_headerItem_additional_text_color: var(--sapContent_LabelColor);--_ui5_tc_headerItem_text_hover_color: var(--sapTab_Selected_TextColor);--_ui5_tc_headerItem_text_selected_color: var(--sapTab_Selected_TextColor);--_ui5_tc_headerItem_text_selected_hover_color: var(--sapPageHeader_BorderColor);--_ui5_tc_headeritem_text_font_weight: normal;--_ui5_tc_headerItem_additional_text_font_weight: normal;--_ui5_tc_headerItem_neutral_border_color: var(--sapTab_Neutral_ForegroundColor);--_ui5_tc_headerItem_transition: none;--_ui5_tc_headerItemContent_border_radius: .125rem .125rem 0 0;--_ui5_tc_headerItemContent_border_bg: transparent;--_ui5_tc_headerItem_neutral_border_bg: transparent;--_ui5_tc_headerItem_positive_border_bg: transparent;--_ui5_tc_headerItem_negative_border_bg: transparent;--_ui5_tc_headerItem_critical_border_bg: transparent;--_ui5_tc_headerItemContent_border_height: 0;--_ui5_tc_headerItem_focus_border: .125rem dotted var(--sapContent_FocusColor);--_ui5_tc_headerItem_text_focus_border_offset_left: 0px;--_ui5_tc_headerItem_text_focus_border_offset_right: 0px;--_ui5_tc_headerItem_text_focus_border_offset_top: 0px;--_ui5_tc_headerItem_text_focus_border_offset_bottom: 0px;--_ui5_tc_headerItem_mixed_mode_focus_border_offset_left: .75rem;--_ui5_tc_headerItem_mixed_mode_focus_border_offset_right: .625rem;--_ui5_tc_headerItem_mixed_mode_focus_border_offset_top: .75rem;--_ui5_tc_headerItem_mixed_mode_focus_border_offset_bottom: .75rem;--_ui5_tc_headerItemContent_default_focus_border: none;--_ui5_tc_headerItemContent_focus_border_radius: 0;--_ui5_tc_headerItemSemanticIcon_display: inline-block;--_ui5_tc_headerItemSemanticIcon_size: .75rem;--_ui5_tc_headerItem_focus_border_radius: 0px;--_ui5_tc_mixedMode_itemText_color: var(--sapContent_LabelColor);--_ui5_tc_mixedMode_itemText_font_family: var(--sapFontFamily);--_ui5_tc_mixedMode_itemText_font_size: var(--sapFontSmallSize);--_ui5_tc_mixedMode_itemText_font_weight: normal;--_ui5_tc_headerItem_expand_button_margin_inline_start: 0rem;--_ui5_tc_headerItem_single_click_expand_button_margin_inline_start: .25rem;--_ui5_tc_headerItem_expand_button_border_radius: .25rem;--_ui5_tc_headerItem_expand_button_separator_display: none;--_ui5_tc_overflowItem_positive_color: var(--sapTextColor);--_ui5_tc_overflowItem_negative_color: var(--sapTextColor);--_ui5_tc_overflowItem_critical_color: var(--sapTextColor);--_ui5_tc_overflowItem_focus_offset: .125rem;--_ui5_tc_overflowItem_indent: .5rem;--_ui5_tc_overflowItem_extra_indent: 1rem;--_ui5_tc_headerItemIcon_border: .125rem solid var(--sapTab_ForegroundColor);--_ui5_tc_headerItemIcon_semantic_selected_color: var(--sapGroup_ContentBackground);--_ui5_tc_overflowItem_default_color: var(--sapTextColor);--_ui5_tc_overflowItem_current_color: var(--_ui5_tc_overflowItem_default_color);--_ui5_tc_content_border_bottom: .125rem solid var(--sapObjectHeader_BorderColor);--_ui5_tc_headerItem_focus_border_offset: -2px;--_ui5_tc_headerItemIcon_focus_border_radius: 0;--_ui5_tc_overflow_text_color: var(--sapTextColor);--_ui5_tc_overflowItem_additional: 1;--_ui5_table_cell_valign: center;--_ui5_table_cell_min_width: 2.75rem;--_ui5_table_navigated_cell_width: .25rem;--_ui5_first_table_cell_horizontal_padding: 1rem;--_ui5_table_cell_horizontal_padding: .5rem;--_ui5_table_cell_vertical_padding: .25rem;--_ui5_table_row_actions_gap: .25rem;--_ui5_table_row_alternating_background: var(--sapTableRow_AlternatingBackground, var(--sapList_AlternatingBackground));--_ui5_table_row_alternating_hover_background: var(--sapTableRow_AlternatingHoverBackground, var(--sapList_Hover_Background));--_ui5_table_row_alternating_selection_background: var(--sapTableRow_AlternatingSelectionBackground, var(--sapList_SelectionBackgroundColor));--_ui5_table_row_alternating_selection_hover_background: var(--sapTableRow_AlternatingSelectionHoverBackground, var(--sapList_Hover_SelectionBackground));--_ui5_load_more_padding: .25rem;--_ui5_load_more_border: 1px solid var(--sapButton_BorderColor);--_ui5_load_more_border_radius: .375rem;--_ui5_load_more_outline_width: .125rem;--_ui5_text_max_lines: initial;--_ui5_textarea_state_border_width: .125rem;--_ui5_textarea_information_border_width: var(--sapField_InformationBorderWidth);--_ui5_textarea_placeholder_font_style: normal;--_ui5_textarea_value_state_error_warning_placeholder_font_weight: bold;--_ui5_textarea_error_placeholder_font_style: normal;--_ui5_textarea_error_placeholder_color: var(--sapField_TextColor);--_ui5_textarea_error_hover_background_color: var(--sapField_InvalidBackground);--_ui5_textarea_hover_border: var(--sapField_BorderWidth) var(--sapField_BorderStyle) var(--sapField_Hover_BorderColor);--_ui5_textarea_error_warning_border_style: dashed;--_ui5_textarea_disabled_opacity: .4;--_ui5_textarea_line_height: 1.5;--_ui5_textarea_focus_pseudo_element_content: "";--_ui5_textarea_focused_value_state_error_background: var(--sapField_InvalidBackground);--_ui5_textarea_focused_value_state_warning_background: var(--sapField_WarningBackground);--_ui5_textarea_focused_value_state_success_background: var(--sapField_SuccessBackground);--_ui5_textarea_focused_value_state_information_background: var(--sapField_InformationBackground);--_ui5_textarea_focused_value_state_error_focus_outline_color: var(--sapContent_FocusColor);--_ui5_textarea_focused_value_state_warning_focus_outline_color: var(--sapContent_FocusColor);--_ui5_textarea_focused_value_state_success_focus_outline_color: var(--sapContent_FocusColor);--_ui5_textarea_focus_offset: 1px;--_ui5_textarea_readonly_focus_offset: 1px;--_ui5_textarea_value_state_focus_offset: 1px;--_ui5_textarea_focus_outline_color: var(--sapContent_FocusColor);--_ui5_textarea_min_height: var(--_ui5-compact-size, 1.625rem) var(--_ui5-cozy-size, 2.25rem);--_ui5_textarea_wrapper_padding: 0;--_ui5_textarea_success_wrapper_padding: 0;--_ui5_textarea_warning_error_wrapper_padding: 0;--_ui5_textarea_information_wrapper_padding: 0;--_ui5_textarea_inner_width: 100%;--_ui5_textarea_padding_right_and_left: var(--_ui5-compact-size, .375rem) var(--_ui5-cozy-size, .5rem);--_ui5_textarea_padding_right_and_left_error_warning: var(--_ui5-compact-size, .375rem) var(--_ui5-cozy-size, .5rem);--_ui5_textarea_padding_right_and_left_information: var(--_ui5-compact-size, .4375rem) var(--_ui5-cozy-size, .5625rem);--_ui5_textarea_padding_right_and_left_readonly: var(--_ui5-compact-size, .375rem) var(--_ui5-cozy-size, .5rem);--_ui5_textarea_padding_top: var(--_ui5-compact-size, .0625rem) var(--_ui5-cozy-size, .375rem);--_ui5_textarea_padding_bottom: var(--_ui5-compact-size, 0rem) var(--_ui5-cozy-size, .3125rem);--_ui5_textarea_padding_top_readonly: var(--_ui5-compact-size, .0625rem) var(--_ui5-cozy-size, .375rem);--_ui5_textarea_padding_bottom_readonly: var(--_ui5-compact-size, 0rem) var(--_ui5-cozy-size, .3125rem);--_ui5_textarea_padding_top_error_warning: var(--_ui5-compact-size, .0625rem) var(--_ui5-cozy-size, .375rem);--_ui5_textarea_padding_bottom_error_warning: var(--_ui5-compact-size, 0rem) var(--_ui5-cozy-size, .3125rem);--_ui5_textarea_padding_top_information: var(--_ui5-compact-size, .125rem) var(--_ui5-cozy-size, .4375rem);--_ui5_textarea_padding_bottom_information: var(--_ui5-compact-size, .0625rem) var(--_ui5-cozy-size, .375rem);--_ui5_textarea_margin: var(--_ui5-compact-size, .1875rem 0) var(--_ui5-cozy-size, .25rem 0);--_ui5_textarea_readonly_border_style: var(--sapField_BorderStyle);--_ui5_textarea_error_warning_font_weight: bold;--_ui5_textarea_error_warning_font_style: italic;--_ui5-time_picker_border_radius: 0;--_ui5_toast_vertical_offset: 3rem;--_ui5_toast_horizontal_offset: 2rem;--_ui5_toast_background: var(--sapIndicationColor_9_Background);--_ui5_toast_shadow: var(--sapContent_Lite_Shadow);--_ui5_toast_offset_width: -.1875rem;--_ui5_toggle_button_emphasized_text_shadow: none;--_ui5_yearpicker_item_margin: .0625rem;--_ui5_yearpicker_item_border: .0625rem solid var(--sapButton_Lite_BorderColor);--_ui5_yearpicker_item_border_radius: .5rem;--_ui5_yearpicker_item_hover_border: .0625rem solid var(--sapButton_Lite_Hover_BorderColor);--_ui5_yearpicker_item_selected_border: .0625rem solid var(--sapButton_Selected_BorderColor);--_ui5_yearpicker_item_selected_hover_border: .0625rem solid var(--sapButton_Selected_Hover_BorderColor);--_ui5_token_background: var(--sapButton_TokenBackground);--_ui5_token_readonly_background: var(--sapField_ReadOnly_Background);--_ui5_token_readonly_color: var(--sapContent_LabelColor);--_ui5_token_border_radius: .25rem;--_ui5_token_focus_outline_width: .125rem;--_ui5_token_outline_offset: var(--_ui5-compact-size, -.125rem) var(--_ui5-cozy-size, -.125rem);--_ui5_token_text_color: var(--sapTextColor);--_ui5_token_right_margin: var(--_ui5-compact-size, .25rem) var(--_ui5-cozy-size, .3125rem);--_ui5_token_left_padding: var(--_ui5-compact-size, .25rem) var(--_ui5-cozy-size, .3125rem);--_ui5_token_readonly_padding: var(--_ui5-compact-size, .125rem .25rem) var(--_ui5-cozy-size, .25rem .3125rem);--_ui5_token_selected_focus_outline: var(--_ui5_token_focus_outline_width) dotted var(--sapContent_ContrastFocusColor);--_ui5_token_focus_outline: var(--_ui5_token_focus_outline_width) dotted var(--sapContent_FocusColor);--_ui5_token_focused_selected_border: 1px solid var(--sapButton_Selected_BorderColor);--ui5_token_focus_pseudo_element_content: none;--_ui5_token_focus_offset: var(--_ui5-compact-size, -.125rem) var(--_ui5-cozy-size, 0);--_ui5_token_selected_text_font_family: var(--sapFontFamily);--_ui5_token_selected_internal_border_bottom: none;--_ui5_token_selected_internal_border_bottom_radius: 0;--_ui5_token_focus_outline_border_radius: .25rem;--_ui5_tokenizer_padding: .25rem;--_ui5_tokenizer_gap: var(--_ui5-compact-size, .375em .25rem) var(--_ui5-cozy-size, .625rem .25rem);--_ui5_tokenizer_n_more_text_color: var(--sapField_TextColor);--_ui5_tokenizer-popover_offset: var(--_ui5-compact-size, .1875rem) var(--_ui5-cozy-size, .3125rem);--_ui5_value_state_message_border: var(--sapField_BorderWidth) solid var(--sapField_BorderColor);--_ui5_value_state_header_border: none;--_ui5_input_value_state_icon_display: inline-block;--_ui5_value_state_message_padding: .5rem .5rem .5rem 1.875rem;--_ui5_value_state_message_padding_phone: .5rem .5rem .5rem 2.375rem;--_ui5_value_state_header_padding: .5rem .5rem .5rem 1.875rem;--_ui5_value_state_message_popover_box_shadow: none;--_ui5_value_state_message_icon_width: 1rem;--_ui5_value_state_message_icon_height: 1rem;--_ui5_input_value_state_icon_offset: .625rem;--_ui5_value_state_header_offset: -.1875rem;--_ui5_value_state_message_popover_border_radius: 0;--_ui5_value_state_header_box_shadow_error: inset 0 -.125rem var(--sapField_InvalidColor);--_ui5_value_state_header_box_shadow_information: inset 0 -.125rem var(--sapField_InformationColor);--_ui5_value_state_header_box_shadow_success: inset 0 -.125rem var(--sapField_SuccessColor);--_ui5_value_state_header_box_shadow_warning: inset 0 -.125rem var(--sapField_WarningColor);--_ui5_value_state_message_line_height: 1.125rem;--_ui5_value_state_message_popover_header_min_height: 2rem;--_ui5_value_state_message_popover_header_min_width: 6rem;--_ui5_value_state_message_popover_header_max_width: 22rem;--_ui5_value_state_message_popover_header_width: auto;--_ui5_value_state_message_icon_offset_phone: 1rem;--_ui5_value_state_header_border_bottom: none;--_ui5_slider_progress_container_background: var(--sapSlider_Background);--_ui5_slider_progress_container_dot_display: block;--_ui5_slider_progress_container_dot_background: var(--sapField_BorderColor);--_ui5_slider_progress_border_width: .0625rem;--_ui5_slider_progress_border: solid var(--_ui5_slider_progress_border_width) var(--sapSlider_BorderColor);--_ui5_slider_progress_before_background: var(--sapSlider_Selected_Background);--_ui5_slider_progress_after_background: var(--sapContent_MeasureIndicatorColor);--_ui5_slider_progress_before_border: solid .0625rem var(--sapContent_MeasureIndicatorColor);--_ui5_slider_progress_after_border: solid .0625rem var(--sapContent_Selected_MeasureIndicatorColor);--_ui5_slider_padding: var(--_ui5-compact-size, 1rem 1.0625rem) var(--_ui5-cozy-size, 1.406rem 1.0625rem);--_ui5_slider_root_height: 3.3125rem;--_ui5_slider_inner_height: .375rem;--_ui5_slider_inner_min_width: 4rem;--_ui5_slider_outer_height: var(--_ui5-compact-size, 1.3125rem) var(--_ui5-cozy-size, calc(var(--_ui5_slider_handle_height) + 9px));--_ui5_slider_progress_border_radius: .25rem;--_ui5_slider_progress_background: var(--sapSlider_Selected_Background);--_ui5_slider_handle_icon_display: inline-block;--_ui5_range_slider_root_hover_handle_icon_display: inline-block;--_ui5_slider_handle_height: var(--_ui5-compact-size, 1.25rem) var(--_ui5-cozy-size, 1.5rem);--_ui5_slider_handle_width: var(--_ui5-compact-size, 1.5rem) var(--_ui5-cozy-size, 2rem);--_ui5_slider_handle_border: .0625rem solid var(--sapField_BorderColor);--_ui5_slider_handle_border_radius: .5rem;--_ui5_slider_handle_background: var(--sapButton_Background);--_ui5_range_slider_handle_background: var(--sapSlider_RangeHandleBackground);--_ui5_slider_track_total_height: var(--_ui5-compact-size, var(--_ui5_slider_inner_height)) var(--_ui5-cozy-size, var(--_ui5_slider_inner_height));--_ui5_slider_handle_top: var(--_ui5-compact-size, calc((var(--_ui5_slider_track_total_height) - var(--_ui5_slider_handle_height)) / 2)) var(--_ui5-cozy-size, calc((var(--_ui5_slider_track_total_height) - var(--_ui5_slider_handle_height)) / 2));--_ui5_slider_tickmark_bg: var(--sapField_BorderColor);--_ui5_slider_tickmark_in_range_bg: var(--sapButton_Active_Background);--_ui5_slider_handle_hover_background: var(--sapButton_Hover_Background);--_ui5_slider_handle_hover_border: var(--_ui5_slider_handle_border);--_ui5_slider_handle_outline: none;--_ui5_slider_handle_focus_border: .125rem solid var(--sapField_BorderColor);--_ui5_slider_handle_outline_offset: .075rem;--_ui5_slider_progress_outline: var(--sapContent_FocusWidth) dotted var(--sapContent_FocusColor);--_ui5_slider_progress_outline_offset: var(--_ui5-compact-size, -.625rem) var(--_ui5-cozy-size, -14px);--_ui5_slider_tickmark_top: calc((var(--_ui5_slider_track_total_height) - var(--_ui5_slider_tickmark_height)) / 2);--_ui5_slider_disabled_opacity: .4;--_ui5_slider_tooltip_fontsize: var(--sapFontSmallSize);--_ui5_slider_tooltip_color: var(--sapContent_LabelColor);--_ui5_slider_tooltip_background: var(--sapField_Background);--_ui5_slider_tooltip_border_radius: var(--sapElement_BorderCornerRadius);--_ui5_slider_tooltip_border_color: var(--sapField_BorderColor);--_ui5_slider_tooltip_border: .0625rem solid var(--_ui5_slider_tooltip_border_color);--_ui5_slider_tooltip_box_shadow: none;--_ui5_slider_tooltip_padding: var(--_ui5-compact-size, .25rem) var(--_ui5-cozy-size, .25rem);--_ui5_slider_tooltip_height: var(--_ui5-compact-size, 1rem) var(--_ui5-cozy-size, 1.375rem);--_ui5_slider_tooltip_min_width: 2rem;--_ui5_slider_tooltip_bottom: 2rem;--_ui5_slider_label_fontsize: var(--sapFontSmallSize);--_ui5_slider_label_color: var(--sapContent_LabelColor);--_ui5_range_slider_progress_focus_display: block;--_ui5_range_slider_progress_focus_top: calc(-1 * ((var(--_ui5_slider_handle_height) / 2) + .1875rem) + 2 * var(--_ui5_slider_progress_border_width));--_ui5_range_slider_progress_focus_left: calc(-1 * ((var(--_ui5_slider_handle_width) / 2) + .1875rem + var(--_ui5_slider_progress_border_width)));--_ui5_range_slider_progress_focus_padding: 0 1.375rem 0 1.438rem;--_ui5_range_slider_progress_focus_height: calc(var(--_ui5_slider_handle_height) + .375rem);--_ui5_range_slider_legacy_progress_focus_display: none;--_ui5_slider_handle_focus_width: 0;--_ui5_slider_start_end_point_size: .5rem;--_ui5_slider_start_end_point_left: var(--_ui5-compact-size, -.75rem) var(--_ui5-cozy-size, -.95rem);--_ui5_slider_start_end_point_top: -.125rem;--_ui5_slider_handle_background_focus: var(--sapSlider_Active_RangeHandleBackground);--_ui5_slider_handle_focused_tooltip_distance: calc(var(--_ui5_slider_tooltip_bottom) - 1px);--_ui5_slider_handle_box_sizing: border-box;--_ui5_slider_tooltip_border_box: border-box;--_ui5_range_slider_handle_active_background: var(--sapSlider_Active_RangeHandleBackground);--_ui5_range_slider_active_handle_icon_display: none;--_ui5_range_slider_handle_background_focus: transparent;--_ui5_range_slider_progress_focus_width: 100%;--_ui5_range_slider_root_active_handle_icon_display: none;--_ui5_slider_tickmark_height: .5rem;--_ui5_slider_progress_box_sizing: border-box;--_ui5_slider_active_progress_box_sizing: content-box;--_ui5_range_slider_focus_outline_width: var(--_ui5-compact-size, calc(100% + var(--_ui5_slider_handle_width) + 12px)) var(--_ui5-cozy-size, calc(100% + var(--_ui5_slider_handle_width) + 12px));--_ui5_slider_progress_outline_offset_left: var(--_ui5-compact-size, calc(-1 * (var(--_ui5_slider_handle_width) / 2) - 6px)) var(--_ui5-cozy-size, calc(-1 * (var(--_ui5_slider_handle_width) / 2) - 6px));--_ui5_range_slider_focus_outline_radius: .5rem;--_ui5_slider_progress_container_top: 0;--_ui5_slider_progress_height: .375rem;--_ui5_slider_active_progress_border: solid .0625rem var(--sapSlider_Selected_BorderColor);--_ui5_slider_active_progress_border_radius: .25rem;--_ui5_slider_active_progress_left: -.0625rem;--_ui5_slider_active_progress_top: -.0625rem;--_ui5_slider_active_progress_padding: .125rem;--_ui5_slider_active_progress_height: calc(var(--_ui5_slider_progress_height) - .125rem);--_ui5_slider_no_tickmarks_progress_container_top: 0;--_ui5_slider_no_tickmarks_progress_height: var(--_ui5_slider_progress_height);--_ui5_slider_no_tickmarks_active_progress_border: none;--_ui5_slider_no_tickmarks_active_progress_left: 0;--_ui5_slider_no_tickmarks_active_progress_top: 0;--_ui5_slider_no_tickmarks_active_progress_height: calc(var(--_ui5_slider_no_tickmarks_progress_height) - .125rem);--_ui5_slider_handle_focus_visibility: block;--_ui5_slider_handle_icon_size: var(--_ui5-compact-size, .875rem) var(--_ui5-cozy-size, .875rem);--_ui5_range_slider_root_hover_handle_bg: var(--sapButton_Hover_Background);--_ui5_range_slider_progress_focus_right: calc(-1 * ((var(--_ui5_slider_handle_width) / 2) + .1875rem + var(--_ui5_slider_progress_border_width)));--ui5_slider_handle_outline: var(--sapContent_FocusWidth) dotted var(--sapContent_FocusColor);--ui5_slider_handle_outline_offset: 3px;--ui5_slider_scale_background: var(--sapSlider_Background);--_ui5_slider_scale_border: 1px solid var(--sapSlider_Selected_BorderColor);--_ui5_slider_scale_dots_distance: var(--_ui5-compact-size, -.75rem) var(--_ui5-cozy-size, -1rem);--_ui5_slider_scale_tickmark_height: .5rem;--_ui5_slider_scale_root_box_sizing: content-box;--_ui5_slider_scale_progress_border: 1px solid var(--sapSlider_Selected_BorderColor);--_ui5_slider_scale_progress_height: .375rem;--_ui5_slider_scale_progress_top: -1px;--_ui5_slider_scale_dots_display: inline-block;--_ui5_step_input_input_error_background_color: var(--sapField_InvalidBackground);--_ui5-step_input_button_state_hover_background_color: var(--sapField_Background);--_ui5_step_input_border_style: 1px solid var(--sapField_BorderColor);--_ui5_step_input_border_style_hover: 1px solid var(--sapField_Hover_BorderColor);--_ui5_step_input_button_background_color: var(--sapField_Background);--_ui5_step_input_input_border: 1px solid transparent;--_ui5_step_input_input_margin_top: -.0625rem;--_ui5_step_input_button_display: inline-block;--_ui5_step_input_button_left: 0;--_ui5_step_input_button_right: 0;--_ui5_step_input_input_border_focused_after: var(--_ui5_input_focus_border_width) dotted var(--sapContent_FocusColor);--_ui5_step_input_input_border_top_bottom_focused_after: .0625rem;--_ui5_step_input_input_border_radius_focused_after: 0;--_ui5_step_input_input_information_border_color_focused_after: var(--sapField_BorderColor);--_ui5_step_input_input_warning_border_color_focused_after: var(--sapField_BorderColor);--_ui5_step_input_input_success_border_color_focused_after: var(--sapField_BorderColor);--_ui5_step_input_input_error_border_color_focused_after: var(--sapField_BorderColor);--_ui5_step_input_disabled_button_background: var(--sapField_ReadOnly_Background);--_ui5_step_input_border_color_hover: var(--sapField_Hover_Background);--_ui5_step_input_border_hover: 1px solid var(--sapField_Hover_BorderColor);--_ui5_input_input_background_color: var(--sapField_InvalidBackground);--_ui5_step_input_min_width: var(--_ui5-compact-size, 6rem) var(--_ui5-cozy-size, 7.25rem);--_ui5_step_input_padding: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 2.5rem);--_ui5_calendar_height: var(--_ui5-compact-size, 18rem) var(--_ui5-cozy-size, 24.5rem);--_ui5_calendar_width: var(--_ui5-compact-size, 17.75rem) var(--_ui5-cozy-size, 20rem);--_ui5_calendar_left_right_padding: var(--_ui5-compact-size, .25rem) var(--_ui5-cozy-size, .5rem);--_ui5_calendar_top_bottom_padding: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, 1rem);--_ui5_calendar_header_height: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 3rem);--_ui5_calendar_header_arrow_button_width: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 2.5rem);--_ui5_calendar_header_padding: var(--_ui5-compact-size, 0) var(--_ui5-cozy-size, .25rem 0);--_ui5_checkbox_root_side_padding: var(--_ui5-compact-size, var(--_ui5_checkbox_wrapped_focus_padding)) var(--_ui5-cozy-size, .6875rem);--_ui5_checkbox_partially_icon_size: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, .75rem);--_ui5_custom_list_item_rb_min_width: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 2.75rem);--_ui5_day_picker_item_width: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 2.25rem);--_ui5_day_picker_item_height: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 2.875rem);--_ui5_day_picker_empty_height: var(--_ui5-compact-size, 2.125rem) var(--_ui5-cozy-size, 3rem);--_ui5_day_picker_item_justify_content: var(--_ui5-compact-size, flex-end) var(--_ui5-cozy-size, space-between);--_ui5_daypicker_item_now_selected_two_calendar_focus_special_day_top: var(--_ui5-compact-size, 1.125rem) var(--_ui5-cozy-size, 2rem);--_ui5_daypicker_item_now_selected_two_calendar_focus_special_day_right: var(--_ui5-compact-size, 1.125rem) var(--_ui5-cozy-size, 1.4375rem);--_ui5_dp_two_calendar_item_secondary_text_height: var(--_ui5-compact-size, .75rem) var(--_ui5-cozy-size, 1rem);--_ui5_dp_two_calendar_item_text_padding_top: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, .4375rem);--_ui5_dp_two_calendar_item_secondary_text_padding_block: var(--_ui5-compact-size, 0 .625rem) var(--_ui5-cozy-size, 0 .5rem);--_ui5_dp_two_calendar_item_secondary_text_padding: var(--_ui5-compact-size, 0 .375rem) var(--_ui5-cozy-size, 0 .5rem);--_ui5_daypicker_item_now_selected_two_calendar_focus_secondary_text_padding_block: var(--_ui5-compact-size, 0 1rem) var(--_ui5-cozy-size, 0 .5rem);--_ui5_daypicker_two_calendar_item_selected_focus_margin_bottom: var(--_ui5-compact-size, -.25rem) var(--_ui5-cozy-size, 0);--_ui5_daypicker_two_calendar_item_selected_focus_padding_right: var(--_ui5-compact-size, .4375rem) var(--_ui5-cozy-size, .4375rem);--_ui5-calendar-legend-item-root-focus-offset: -.125rem;--_ui5-calendar-legend-item-box-inner-margin: .5rem;--_ui5_color_picker_slider_progress_container_height: var(--_ui5-compact-size, 1.125rem) var(--_ui5-cozy-size, 1.625rem);--_ui5_color_picker_slider_container_margin_top: var(--_ui5-compact-size, -.375rem) var(--_ui5-cozy-size, -.5rem);--_ui5_color_picker_slider_handle_height: var(--_ui5-compact-size, 1.5rem) var(--_ui5-cozy-size, 2rem);--_ui5_color_picker_slider_handle_width: var(--_ui5-compact-size, .9375rem) var(--_ui5-cozy-size, 1.0625rem);--_ui5_color_picker_slider_handle_after_height: var(--_ui5-compact-size, 1.25rem) var(--_ui5-cozy-size, 1.75rem);--_ui5_color_picker_slider_handle_focus_height: var(--_ui5-compact-size, 1.625rem) var(--_ui5-cozy-size, 2.125rem);--_ui5_color_picker_colors_wrapper_height: var(--_ui5-compact-size, 1.5rem) var(--_ui5-cozy-size, 2.25rem);--_ui5_color_picker_sliders_height: var(--_ui5-compact-size, 2.25rem) var(--_ui5-cozy-size, 3rem);--_ui5_color_picker_main_color_margin_bottom: var(--_ui5-compact-size, .75rem) var(--_ui5-cozy-size, 1rem);--_ui5_color_picker_slider_spacing: var(--_ui5-compact-size, .8125rem) var(--_ui5-cozy-size, .9375rem);--_ui5_color_channel_toggle_button_width: var(--_ui5-compact-size, 1.375rem) var(--_ui5-cozy-size, 1.625rem);--_ui5_color_channel_toggle_button_margin-top: var(--_ui5-compact-size, -.9375rem) var(--_ui5-cozy-size, -.75rem);--_ui5_color_channel_hex_input_width: var(--_ui5-compact-size, 4.625rem) var(--_ui5-cozy-size, 4.8125rem);--_ui5-color_channel_margin_top: var(--_ui5-compact-size, 0rem) var(--_ui5-cozy-size, .25rem);--_ui5_color-palette-item-height: var(--_ui5-compact-size, 1.25rem) var(--_ui5-cozy-size, 1.75rem);--_ui5_color-palette-item-hover-height: var(--_ui5-compact-size, 1.625rem) var(--_ui5-cozy-size, 2.375rem);--_ui5_color-palette-item-margin: var(--_ui5-compact-size, calc((var(--_ui5_color-palette-item-hover-height) - var(--_ui5_color-palette-item-height)) / 2)) var(--_ui5-cozy-size, calc((var(--_ui5_color-palette-item-hover-height) - var(--_ui5_color-palette-item-height)) / 2));--_ui5_color-palette-row-width: var(--_ui5-compact-size, 8.125rem) var(--_ui5-cozy-size, 12rem);--_ui5_color-palette-swatch-container-padding: var(--_ui5-compact-size, .1875rem .8125rem) var(--_ui5-cozy-size, .3125rem .6875rem);--_ui5_datetime_picker_width: var(--_ui5-compact-size, 35.5rem) var(--_ui5-cozy-size, 40.0625rem);--_ui5_datetime_picker_height: var(--_ui5-compact-size, 20.5rem) var(--_ui5-cozy-size, 25rem);--_ui5_datetime_timeview_width: var(--_ui5-compact-size, 17rem) var(--_ui5-cozy-size, 17rem);--_ui5_datetime_timeview_phonemode_width: var(--_ui5-compact-size, 18.5rem) var(--_ui5-cozy-size, 19.5rem);--_ui5_datetime_timeview_phonemode_clocks_width: var(--_ui5-compact-size, 21.125rem) var(--_ui5-cozy-size, 24.5rem);--_ui5_datetime_dateview_phonemode_margin_bottom: var(--_ui5-compact-size, 3.125rem) var(--_ui5-cozy-size, 0);--_ui5_popup_footer_height: var(--_ui5-compact-size, 2.5rem) var(--_ui5-cozy-size, 2.75rem);--_ui5_dialog_content_min_height: var(--_ui5-compact-size, 2.5rem) var(--_ui5-cozy-size, 2.75rem);--_ui5_input_inner_padding: var(--_ui5-compact-size, 0 .5rem) var(--_ui5-cozy-size, 0 .625rem);--_ui5_input_inner_padding_with_icon: var(--_ui5-compact-size, 0 .2rem 0 .5rem) var(--_ui5-cozy-size, 0 .25rem 0 .625rem);--_ui5_input_inner_space_to_tokenizer: var(--_ui5-compact-size, .125rem) var(--_ui5-cozy-size, .125rem);--_ui5_input_inner_space_to_n_more_text: var(--_ui5-compact-size, .125rem) var(--_ui5-cozy-size, .1875rem);--_ui5_list_no_data_height: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 3rem);--_ui5_list_item_cb_margin_right: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, 0);--_ui5_list_item_title_size: var(--_ui5-compact-size, var(--sapFontSize)) var(--_ui5-cozy-size, var(--sapFontLargeSize));--_ui5_list_no_data_font_size: var(--_ui5-compact-size, var(--sapFontSize)) var(--_ui5-cozy-size, var(--sapFontLargeSize));--_ui5_list_item_img_size: 3rem;--_ui5_list_item_img_top_margin: var(--_ui5-compact-size, .55rem) var(--_ui5-cozy-size, .5rem);--_ui5_list_item_img_bottom_margin: .5rem;--_ui5_list_item_img_hn_margin: .75rem;--_ui5_list_item_dropdown_base_height: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 2.5rem);--_ui5_list_item_base_height: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, var(--sapElement_LineHeight));--_ui5_list_item_base_padding: var(--_ui5-compact-size, 0 1rem) var(--_ui5-cozy-size, 0 1rem);--_ui5_list_item_icon_size: var(--_ui5-compact-size, 1rem) var(--_ui5-cozy-size, 1.125rem);--_ui5_list_item_icon_padding-inline-end: .75rem;--_ui5_list_item_selection_btn_margin_top: var(--_ui5-compact-size, calc(-1 * var(--_ui5_checkbox_wrapper_padding))) var(--_ui5-cozy-size, calc(-1 * var(--_ui5_checkbox_wrapper_padding)));--_ui5_list_item_content_vertical_offset: var(--_ui5-compact-size, calc((var(--_ui5_list_item_base_height) - var(--_ui5_list_item_title_size)) / 2)) var(--_ui5-cozy-size, calc((var(--_ui5_list_item_base_height) - var(--_ui5_list_item_title_size)) / 2));--_ui5_group_header_list_item_height: 2.75rem;--_ui5_month_picker_item_height: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 3rem);--_ui5_form_item_min_height: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 2.813rem);--_ui5_form_item_padding: var(--_ui5-compact-size, .25rem) var(--_ui5-cozy-size, .65rem);--_ui5-form-group-heading-height: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 2.75rem);--_ui5_popup_default_header_height: var(--_ui5-compact-size, 2.5rem) var(--_ui5-cozy-size, 2.75rem);--_ui5_year_picker_item_height: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 3rem);--_ui5_token_height: var(--_ui5-compact-size, 1.25rem) var(--_ui5-cozy-size, 1.625rem);--_ui5_token_icon_size: var(--_ui5-compact-size, .75rem) var(--_ui5-cozy-size, .75rem);--_ui5_token_icon_padding: var(--_ui5-compact-size, .375rem .375rem) var(--_ui5-cozy-size, .25rem .5rem);--_ui5_tc_item_text: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 3rem);--_ui5_tc_item_height: var(--_ui5-compact-size, 4rem) var(--_ui5-cozy-size, 4.75rem);--_ui5_tc_item_text_only_height: 2.75rem;--_ui5_tc_item_text_only_with_additional_text_height: 3.75rem;--_ui5_tc_item_text_line_height: var(--_ui5-compact-size, 1.325rem) var(--_ui5-cozy-size, 1.325rem);--_ui5_tc_item_icon_circle_size: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 2.75rem);--_ui5_tc_item_icon_size: var(--_ui5-compact-size, 1rem) var(--_ui5-cozy-size, 1.25rem);--_ui5_tc_item_add_text_margin_top: var(--_ui5-compact-size, .3125rem) var(--_ui5-cozy-size, .375rem);--_ui5_radio_button_height: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 2.75rem);--_ui5_radio_button_label_side_padding: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, .875rem);--_ui5_radio_button_inner_size: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 2.75rem);--_ui5_radio_button_svg_size: var(--_ui5-compact-size, 1rem) var(--_ui5-cozy-size, 1.375rem);--_ui5-responsive_popover_header_height: var(--_ui5-compact-size, 2.5rem) var(--_ui5-cozy-size, 2.75rem);--_ui5-tree-indent-step: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, 1.5rem);--_ui5-tree-toggle-box-width: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 2.75rem);--_ui5-tree-toggle-box-height: var(--_ui5-compact-size, 1.5rem) var(--_ui5-cozy-size, 2.25rem);--_ui5-tree-toggle-icon-size: var(--_ui5-compact-size, .8125rem) var(--_ui5-cozy-size, 1.0625rem);--_ui5_split_button_middle_separator_top: -.0625rem;--_ui5_split_button_middle_separator_height: var(--_ui5-compact-size, 1.625rem) var(--_ui5-cozy-size, 2.25rem);--_ui5-toolbar-separator-height: var(--_ui5-compact-size, 1.5rem) var(--_ui5-cozy-size, 2rem);--_ui5-toolbar-height: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 2.75rem);--_ui5_toolbar_overflow_padding: var(--_ui5-compact-size, .1875rem .375rem) var(--_ui5-cozy-size, .25rem .5rem);--_ui5_dynamic_page_title_actions_separator_height: var(--_ui5-compact-size, var(--_ui5-toolbar-separator-height)) var(--_ui5-cozy-size, var(--_ui5-toolbar-separator-height));--_ui5-shellbar-separator-height: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 2rem);--___ui5-test-cozy-only: red;--___ui5-test-both: var(--_ui5-compact-size, blue) var(--_ui5-cozy-size, red);--___ui5-test-compact-only: var(--_ui5-compact-size, blue) var(--_ui5-cozy-size, var(--_ui5-f2d95f8));--_ui5_rotation_90deg: rotate(90deg);--_ui5_rotation_minus_90deg: rotate(-90deg);--_ui5_icon_transform_scale: none;--_ui5_panel_toggle_btn_rotation: var(--_ui5_rotation_90deg);--_ui5_popover_upward_arrow_margin: .1875rem 0 0 .1875rem;--_ui5_popover_right_arrow_margin: .1875rem 0 0 -.375rem;--_ui5_popover_downward_arrow_margin: -.375rem 0 0 .125rem;--_ui5_popover_left_arrow_margin: .125rem 0 0 .25rem;--_ui5_dialog_resize_cursor: se-resize;--_ui5_menu_submenu_margin_offset: -.25rem 0}:dir(rtl){--_ui5_icon_transform_scale: scale(-1, 1);--_ui5_panel_toggle_btn_rotation: var(--_ui5_rotation_minus_90deg);--_ui5_popover_upward_arrow_margin: .1875rem .125rem 0 0;--_ui5_popover_right_arrow_margin: .1875rem .25rem 0 0;--_ui5_popover_downward_arrow_margin: -.4375rem .125rem 0 0;--_ui5_popover_left_arrow_margin: .1875rem -.375rem 0 0;--_ui5_dialog_resize_cursor:sw-resize;--_ui5_menu_submenu_margin_offset: 0 -.25rem;--_ui5_segmented_btn_item_border_left: .0625rem;--_ui5_segmented_btn_item_border_right: .0625rem;--_ui5_progress_indicator_bar_border_radius: .5rem;--_ui5_progress_indicator_remaining_bar_border_radius: .25rem}
@@ -9011,7 +9011,7 @@
9011
9011
  },
9012
9012
  {
9013
9013
  "name": "footer",
9014
- "description": "Defines the footer HTML Element.\n\n**Note:** When a `ui5-bar` is used in the footer, you should remove the default dialog's paddings.",
9014
+ "description": "Defines the footer HTML Element.",
9015
9015
  "_ui5type": {
9016
9016
  "text": "Array<HTMLElement>"
9017
9017
  },
@@ -9019,7 +9019,7 @@
9019
9019
  },
9020
9020
  {
9021
9021
  "name": "header",
9022
- "description": "Defines the header HTML Element.\n\n**Note:** When a `ui5-bar` is used in the header, you should remove the default dialog's paddings.\n\n**Note:** If `header` slot is provided, the labelling of the dialog is a responsibility of the application developer.\n`accessibleName` should be used.",
9022
+ "description": "Defines the header HTML Element.\n\n**Note:** If `header` slot is provided, the labelling of the dialog is a responsibility of the application developer.\n`accessibleName` should be used.",
9023
9023
  "_ui5type": {
9024
9024
  "text": "Array<HTMLElement>"
9025
9025
  },
@@ -10840,7 +10840,7 @@
10840
10840
  "declarations": [
10841
10841
  {
10842
10842
  "kind": "class",
10843
- "description": "### Overview\n\nThe `ui5-icon` component represents an SVG icon.\nThere are two main scenarios how the `ui5-icon` component is used:\nas a purely decorative element,\nor as an interactive element that can be focused and clicked.\n\n### Usage\n\n1. **Get familiar with the icons collections.**\n\nBefore displaying an icon, you need to explore the icons collections to find and import the desired icon.\n\nCurrently there are 3 icons collection, available as 3 npm packages:\n\n- [@ui5/webcomponents-icons](https://www.npmjs.com/package/@ui5/webcomponents-icons) represents the \"SAP-icons\" collection and includes the following\n[icons](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html#/overview/SAP-icons).\n- [@ui5/webcomponents-icons-tnt](https://www.npmjs.com/package/@ui5/webcomponents-icons-tnt) represents the \"tnt\" collection and includes the following\n[icons](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html#/overview/SAP-icons-TNT).\n- [@ui5/webcomponents-icons-business-suite](https://www.npmjs.com/package/@ui5/webcomponents-icons-business-suite) represents the \"business-suite\" collection and includes the following\n[icons](https://ui5.sap.com/test-resources/sap/m/demokit/iconExplorer/webapp/index.html#/overview/BusinessSuiteInAppSymbols).\n\n2. **After exploring the icons collections, add one or more of the packages as dependencies to your project.**\n\n`npm i @ui5/webcomponents-icons`\n`npm i @ui5/webcomponents-icons-tnt`\n`npm i @ui5/webcomponents-icons-business-suite`\n\n3. **Then, import the desired icon**.\n\n`import \"@ui5/\\{package_name\\}/dist/\\{icon_name\\}.js\";`\n\n**For Example**:\n\nFor the standard \"SAP-icons\" icon collection, import an icon from the `@ui5/webcomponents-icons` package:\n\n`import \"@ui5/webcomponents-icons/dist/employee.js\";`\n\nFor the \"tnt\" (SAP Fiori Tools) icon collection, import an icon from the `@ui5/webcomponents-icons-tnt` package:\n\n`import \"@ui5/webcomponents-icons-tnt/dist/antenna.js\";`\n\nFor the \"business-suite\" (SAP Business Suite) icon collection, import an icon from the `@ui5/webcomponents-icons-business-suite` package:\n\n`import \"@ui5/webcomponents-icons-business-suite/dist/ab-testing.js\";`\n\n4. **Display the icon using the `ui5-icon` web component.**\nSet the icon collection (\"SAP-icons\", \"tnt\" or \"business-suite\" - \"SAP-icons\" is the default icon collection and can be skipped)\nand the icon name to the `name` property.\n\n`<ui5-icon name=\"employee\"></ui5-icon>`\n`<ui5-icon name=\"tnt/antenna\"></ui5-icon>`\n`<ui5-icon name=\"business-suite/ab-testing\"></ui5-icon>`\n\n### Keyboard Handling\n\n- [Space] / [Enter] or [Return] - Fires the `click` event if the `mode` property is set to `Interactive`.\n- [Shift] - If [Space] / [Enter] or [Return] is pressed, pressing [Shift] releases the ui5-icon without triggering the click event.\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/Icon.js\";`",
10843
+ "description": "### Overview\n\nThe `ui5-icon` component represents an SVG icon.\nThere are two main scenarios how the `ui5-icon` component is used:\nas a purely decorative element,\nor as an interactive element that can be focused and clicked.\n\n### Usage\n\n1. **Get familiar with the icons collections.**\n\nBefore displaying an icon, you need to explore the icons collections to find and import the desired icon.\n\nCurrently there are 3 icons collection, available as 3 npm packages:\n\n- [@ui5/webcomponents-icons](https://www.npmjs.com/package/@ui5/webcomponents-icons) represents the \"SAP-icons\" collection and includes the following\n[icons](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html#/overview/SAP-icons).\n- [@ui5/webcomponents-icons-tnt](https://www.npmjs.com/package/@ui5/webcomponents-icons-tnt) represents the \"tnt\" collection and includes the following\n[icons](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html#/overview/SAP-icons-TNT).\n- [@ui5/webcomponents-icons-business-suite](https://www.npmjs.com/package/@ui5/webcomponents-icons-business-suite) represents the \"business-suite\" collection and includes the following\n[icons](https://ui5.sap.com/test-resources/sap/m/demokit/iconExplorer/webapp/index.html#/overview/BusinessSuiteInAppSymbols).\n\n2. **After exploring the icons collections, add one or more of the packages as dependencies to your project.**\n\n`npm i @ui5/webcomponents-icons`\n`npm i @ui5/webcomponents-icons-tnt`\n`npm i @ui5/webcomponents-icons-business-suite`\n\n3. **Then, import the desired icon**.\n\n`import \"@ui5/\\{package_name\\}/dist/\\{icon_name\\}.js\";`\n\n**For Example**:\n\nFor the standard \"SAP-icons\" icon collection, import an icon from the `@ui5/webcomponents-icons` package:\n\n`import \"@ui5/webcomponents-icons/dist/employee.js\";`\n\nFor the \"tnt\" (SAP Fiori Tools) icon collection, import an icon from the `@ui5/webcomponents-icons-tnt` package:\n\n`import \"@ui5/webcomponents-icons-tnt/dist/antenna.js\";`\n\nFor the \"business-suite\" (SAP Business Suite) icon collection, import an icon from the `@ui5/webcomponents-icons-business-suite` package:\n\n`import \"@ui5/webcomponents-icons-business-suite/dist/ab-testing.js\";`\n\n4. **Display the icon using the `ui5-icon` web component.**\nSet the icon collection (\"SAP-icons\", \"tnt\" or \"business-suite\" - \"SAP-icons\" is the default icon collection and can be skipped)\nand the icon name to the `name` property.\n\n`<ui5-icon name=\"employee\"></ui5-icon>`\n`<ui5-icon name=\"tnt/antenna\"></ui5-icon>`\n`<ui5-icon name=\"business-suite/ab-testing\"></ui5-icon>`\n\n### Keyboard Handling\n\n- [Space] / [Enter] or [Return] - Fires the `click` event if the `mode` property is set to `Interactive`.\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/Icon.js\";`",
10844
10844
  "name": "Icon",
10845
10845
  "cssParts": [
10846
10846
  {
@@ -10923,7 +10923,7 @@
10923
10923
  "type": {
10924
10924
  "text": "CustomEvent"
10925
10925
  },
10926
- "description": "Fired on mouseup, `SPACE` and `ENTER`.\n- on mouse click, the icon fires native `click` event\n- on `SPACE` and `ENTER`, the icon fires custom `click` event",
10926
+ "description": "Fired when the component is activated by mouse/touch, keyboard (Enter or Space),\nor screen reader virtual cursor activation.\n\n**Note:** The event will not be fired if the `mode` property is set to `Decorative` or `Image`.",
10927
10927
  "_ui5Cancelable": false,
10928
10928
  "_ui5allowPreventDefault": false,
10929
10929
  "_ui5Bubbles": true,
@@ -27489,7 +27489,7 @@
27489
27489
  "declarations": [
27490
27490
  {
27491
27491
  "kind": "class",
27492
- "description": "### Overview\nThe `ui5-time-picker` component provides an input field with assigned clocks which are opened on user action.\nThe `ui5-time-picker` allows users to select a localized time using touch, mouse, or keyboard input.\nIt consists of two parts: the time input field and the clocks.\n\n### Usage\nThe user can enter a time by:\n\n- Using the clocks that are displayed in a popup\n- Typing it in directly in the input field\n\nWhen the user makes an entry and chooses the enter key, the clocks show the corresponding time (hours, minutes and seconds separately).\nWhen the user directly triggers the clocks display, the actual time is displayed.\nFor the `ui5-time-picker`\n\n### Formatting\n\nIf a time is entered by typing it into\nthe input field, it must fit to the used time format.\n\nSupported format options are pattern-based on Unicode LDML Date Format notation.\nFor more information, see [UTS #35: Unicode Locale Data Markup Language](https://unicode.org/reports/tr35/tr35-dates.html#Date_Field_Symbol_Table).\n\nFor example, if the `format-pattern` is \"HH:mm:ss\",\na valid value string is \"11:42:35\" and the same is displayed in the input.\n\n### Keyboard handling\n[F4], [Alt]+[Up], [Alt]+[Down] Open/Close picker dialog and move focus to it.\n\nWhen closed:\n\n- [Page Up] - Increments hours by 1. If 12 am is reached, increment hours to 1 pm and vice versa.\n- [Page Down] - Decrements the corresponding field by 1. If 1 pm is reached, decrement hours to 12 am and vice versa.\n- [Shift]+[Page Up] - Increments minutes by 1.\n- [Shift]+[Page Down] - Decrements minutes by 1.\n- [Shift]+[Ctrl]+[Page Up] - Increments seconds by 1.\n- [Shift]+[Ctrl]+[Page Down] - Decrements seconds by 1.\n-\n\nWhen opened:\n\n- [Page Up] - Increments hours by 1. If 12 am is reached, increment hours to 1 pm and vice versa.\n- [Page Down] - Decrements the corresponding field by 1. If 1 pm is reached, decrement hours to 12 am and vice versa.\n- [Shift]+[Page Up] - Increments minutes by 1.\n- [Shift]+[Page Down] - Decrements minutes by 1.\n- [Shift]+[Ctrl]+[Page Up] - Increments seconds by 1.\n- [Shift]+[Ctrl]+[Page Down] - Decrements seconds by 1.\n- [A] or [P] - Selects AM or PM respectively.\n- [0]-[9] - Allows direct time selecting (hours/minutes/seconds).\n- [:] - Allows switching between hours/minutes/seconds clocks. If the last clock is displayed and [:] is pressed, the first clock is beind displayed.\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/TimePicker.js\";`",
27492
+ "description": "### Overview\nThe `ui5-time-picker` component provides an input field with assigned clocks which are opened on user action.\nThe `ui5-time-picker` allows users to select a localized time using touch, mouse, or keyboard input.\nIt consists of two parts: the time input field and the clocks.\n\n### Usage\nThe user can enter a time by:\n\n- Using the clocks that are displayed in a popup\n- Typing it in directly in the input field\n\nWhen the user makes an entry and chooses the enter key, the clocks show the corresponding time (hours, minutes and seconds separately).\nWhen the user directly triggers the clocks display, the actual time is displayed.\nFor the `ui5-time-picker`\n\n### Formatting\n\nIf a time is entered by typing it into\nthe input field, it must fit to the used time format.\n\nSupported format options are pattern-based on Unicode LDML Date Format notation.\nFor more information, see [UTS #35: Unicode Locale Data Markup Language](https://unicode.org/reports/tr35/tr35-dates.html#Date_Field_Symbol_Table).\n\nFor example, if the valueFormat is \"HH:mm:ss\", the displayFormat is \"hh:mm: ss a\", and the used locale is English, a valid value string is \"11:42:35\", which leads to an output of \"11:42:35 AM\".\nIf no placeholder is set to the TimePicker, the used displayFormat is displayed as a placeholder. If another placeholder is needed, it must be set.\n\n### Keyboard handling\n[F4], [Alt]+[Up], [Alt]+[Down] Open/Close picker dialog and move focus to it.\n\nWhen closed:\n\n- [Page Up] - Increments hours by 1. If 12 am is reached, increment hours to 1 pm and vice versa.\n- [Page Down] - Decrements the corresponding field by 1. If 1 pm is reached, decrement hours to 12 am and vice versa.\n- [Shift]+[Page Up] - Increments minutes by 1.\n- [Shift]+[Page Down] - Decrements minutes by 1.\n- [Shift]+[Ctrl]+[Page Up] - Increments seconds by 1.\n- [Shift]+[Ctrl]+[Page Down] - Decrements seconds by 1.\n-\n\nWhen opened:\n\n- [Page Up] - Increments hours by 1. If 12 am is reached, increment hours to 1 pm and vice versa.\n- [Page Down] - Decrements the corresponding field by 1. If 1 pm is reached, decrement hours to 12 am and vice versa.\n- [Shift]+[Page Up] - Increments minutes by 1.\n- [Shift]+[Page Down] - Decrements minutes by 1.\n- [Shift]+[Ctrl]+[Page Up] - Increments seconds by 1.\n- [Shift]+[Ctrl]+[Page Down] - Decrements seconds by 1.\n- [A] or [P] - Selects AM or PM respectively.\n- [0]-[9] - Allows direct time selecting (hours/minutes/seconds).\n- [:] - Allows switching between hours/minutes/seconds clocks. If the last clock is displayed and [:] is pressed, the first clock is beind displayed.\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/TimePicker.js\";`",
27493
27493
  "name": "TimePicker",
27494
27494
  "cssParts": [
27495
27495
  {
@@ -27574,6 +27574,17 @@
27574
27574
  "description": "Defines the disabled state of the comonent.",
27575
27575
  "privacy": "public"
27576
27576
  },
27577
+ {
27578
+ "kind": "field",
27579
+ "name": "displayFormat",
27580
+ "type": {
27581
+ "text": "string | undefined"
27582
+ },
27583
+ "description": "Determines the format, displayed in the input field.",
27584
+ "default": "undefined",
27585
+ "privacy": "public",
27586
+ "_ui5since": "2.20.0"
27587
+ },
27577
27588
  {
27578
27589
  "kind": "field",
27579
27590
  "name": "formatPattern",
@@ -27582,6 +27593,7 @@
27582
27593
  },
27583
27594
  "description": "Determines the format, displayed in the input field.\n\nExample:\nHH:mm:ss -> 11:42:35\nhh:mm:ss a -> 2:23:15 PM\nmm:ss -> 12:04 (only minutes and seconds)",
27584
27595
  "default": "undefined",
27596
+ "deprecated": "Use displayFormat and valueFormat instead",
27585
27597
  "privacy": "public"
27586
27598
  },
27587
27599
  {
@@ -27627,6 +27639,27 @@
27627
27639
  "description": "Checks if a value is valid against the current `formatPattern` value.\n\n**Note:** an empty string is considered as valid value.",
27628
27640
  "privacy": "public"
27629
27641
  },
27642
+ {
27643
+ "kind": "method",
27644
+ "name": "isValidValue",
27645
+ "return": {
27646
+ "type": {
27647
+ "text": "boolean"
27648
+ }
27649
+ },
27650
+ "parameters": [
27651
+ {
27652
+ "name": "value",
27653
+ "type": {
27654
+ "text": "string | undefined"
27655
+ },
27656
+ "description": "The value to be tested against the value format",
27657
+ "_ui5privacy": "public"
27658
+ }
27659
+ ],
27660
+ "description": "Checks if a value is valid against the current `valueFormat` value.\n\n**Note:** an empty string is considered as valid value.",
27661
+ "privacy": "public"
27662
+ },
27630
27663
  {
27631
27664
  "kind": "field",
27632
27665
  "name": "name",
@@ -27692,6 +27725,17 @@
27692
27725
  "_ui5formProperty": true,
27693
27726
  "_ui5formEvents": "change,input"
27694
27727
  },
27728
+ {
27729
+ "kind": "field",
27730
+ "name": "valueFormat",
27731
+ "type": {
27732
+ "text": "string | undefined"
27733
+ },
27734
+ "description": "Determines the format, used for the value attribute.",
27735
+ "default": "undefined",
27736
+ "privacy": "public",
27737
+ "_ui5since": "2.20.0"
27738
+ },
27695
27739
  {
27696
27740
  "kind": "field",
27697
27741
  "name": "valueState",
@@ -27863,6 +27907,15 @@
27863
27907
  "text": "boolean"
27864
27908
  }
27865
27909
  },
27910
+ {
27911
+ "description": "Determines the format, displayed in the input field.",
27912
+ "name": "display-format",
27913
+ "default": "undefined",
27914
+ "fieldName": "displayFormat",
27915
+ "type": {
27916
+ "text": "string | undefined"
27917
+ }
27918
+ },
27866
27919
  {
27867
27920
  "description": "Determines the format, displayed in the input field.\n\nExample:\nHH:mm:ss -> 11:42:35\nhh:mm:ss a -> 2:23:15 PM\nmm:ss -> 12:04 (only minutes and seconds)",
27868
27921
  "name": "format-pattern",
@@ -27870,7 +27923,8 @@
27870
27923
  "fieldName": "formatPattern",
27871
27924
  "type": {
27872
27925
  "text": "string | undefined"
27873
- }
27926
+ },
27927
+ "deprecated": "Use displayFormat and valueFormat instead"
27874
27928
  },
27875
27929
  {
27876
27930
  "description": "Determines the name by which the component will be identified upon submission in an HTML form.\n\n**Note:** This property is only applicable within the context of an HTML Form element.",
@@ -27926,6 +27980,15 @@
27926
27980
  "text": "string"
27927
27981
  }
27928
27982
  },
27983
+ {
27984
+ "description": "Determines the format, used for the value attribute.",
27985
+ "name": "value-format",
27986
+ "default": "undefined",
27987
+ "fieldName": "valueFormat",
27988
+ "type": {
27989
+ "text": "string | undefined"
27990
+ }
27991
+ },
27929
27992
  {
27930
27993
  "description": "Defines the value state of the component.",
27931
27994
  "name": "value-state",