@sapudex/web-components 2.18.0 → 2.20.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 (172) hide show
  1. package/bundle.esm.js +3 -0
  2. package/cypress/specs/AccordionItem.cy.tsx +6 -2
  3. package/cypress/specs/BusyIndicator.cy.tsx +10 -0
  4. package/cypress/specs/FilterMenu.cy.tsx +1 -1
  5. package/cypress/specs/Footer.cy.tsx +9 -2
  6. package/cypress/specs/ImageGridTicker.cy.tsx +208 -0
  7. package/cypress/specs/ImageGridTickerItem.cy.tsx +74 -0
  8. package/cypress/specs/Table.cy.tsx +1 -1
  9. package/cypress/support/component-imports.instrumented.ts +52 -46
  10. package/cypress/support/component-imports.src.ts +53 -47
  11. package/dist/Accordion.d.ts +1 -0
  12. package/dist/Accordion.js +7 -1
  13. package/dist/Accordion.js.map +1 -1
  14. package/dist/AccordionItem.d.ts +8 -0
  15. package/dist/AccordionItem.js +11 -0
  16. package/dist/AccordionItem.js.map +1 -1
  17. package/dist/AccordionItemTemplate.js +2 -2
  18. package/dist/AccordionItemTemplate.js.map +1 -1
  19. package/dist/AccordionTemplate.js +2 -2
  20. package/dist/AccordionTemplate.js.map +1 -1
  21. package/dist/AssetsVariables.js +6 -0
  22. package/dist/AssetsVariables.js.map +1 -1
  23. package/dist/BusyIndicator.d.ts +22 -0
  24. package/dist/BusyIndicator.js +39 -0
  25. package/dist/BusyIndicator.js.map +1 -0
  26. package/dist/FilterMenu.js +2 -2
  27. package/dist/FilterMenu.js.map +1 -1
  28. package/dist/Footer.d.ts +10 -0
  29. package/dist/Footer.js +7 -0
  30. package/dist/Footer.js.map +1 -1
  31. package/dist/FooterTemplate.js +3 -3
  32. package/dist/FooterTemplate.js.map +1 -1
  33. package/dist/ImageGridTicker.d.ts +129 -0
  34. package/dist/ImageGridTicker.js +305 -0
  35. package/dist/ImageGridTicker.js.map +1 -0
  36. package/dist/ImageGridTickerItem.d.ts +50 -0
  37. package/dist/ImageGridTickerItem.js +61 -0
  38. package/dist/ImageGridTickerItem.js.map +1 -0
  39. package/dist/ImageGridTickerItemTemplate.d.ts +2 -0
  40. package/dist/ImageGridTickerItemTemplate.js +9 -0
  41. package/dist/ImageGridTickerItemTemplate.js.map +1 -0
  42. package/dist/ImageGridTickerTemplate.d.ts +2 -0
  43. package/dist/ImageGridTickerTemplate.js +14 -0
  44. package/dist/ImageGridTickerTemplate.js.map +1 -0
  45. package/dist/SelectBox.js +2 -0
  46. package/dist/SelectBox.js.map +1 -1
  47. package/dist/Table.js +2 -2
  48. package/dist/Table.js.map +1 -1
  49. package/dist/assets/{InputSuggestions-L-9bNSZM.js → InputSuggestions-DOj9B3SE.js} +2 -2
  50. package/dist/assets/{ListItemStandardExpandableTextTemplate-C2VMJfHu.js → ListItemStandardExpandableTextTemplate-C6q5EhEr.js} +3 -3
  51. package/dist/assets/{bundle.esm-D4RSd7yl.js → bundle.esm-CmHUshBw.js} +220 -212
  52. package/dist/assets/messagebundle_en-BhTYnZbC.js +1 -0
  53. package/dist/assets/parameters-bundle.css-195ykfle.js +2 -0
  54. package/dist/assets/parameters-bundle.css-2XlTf-8J.js +2 -0
  55. package/dist/assets/parameters-bundle.css-7-HTnP5E.js +2 -0
  56. package/dist/assets/parameters-bundle.css-B7OzyC0l.js +2 -0
  57. package/dist/assets/parameters-bundle.css-BJjePPyo.js +2 -0
  58. package/dist/assets/parameters-bundle.css-BVsx_KaG.js +2 -0
  59. package/dist/assets/parameters-bundle.css-BbOftqiJ.js +2 -0
  60. package/dist/assets/parameters-bundle.css-BpraBfJY.js +2 -0
  61. package/dist/assets/parameters-bundle.css-Btm09-js.js +2 -0
  62. package/dist/assets/parameters-bundle.css-BtvY__7H.js +2 -0
  63. package/dist/assets/parameters-bundle.css-CAs_WpVc.js +2 -0
  64. package/dist/assets/parameters-bundle.css-Cqg5HiU_.js +2 -0
  65. package/dist/assets/parameters-bundle.css-DIUy2Etb.js +2 -0
  66. package/dist/assets/parameters-bundle.css-Dn173v0e.js +2 -0
  67. package/dist/assets/parameters-bundle.css-QEiUG73s.js +2 -0
  68. package/dist/assets/parameters-bundle.css-VUmjvCcs.js +2 -0
  69. package/dist/css/themes/Button.css +1 -1
  70. package/dist/css/themes/CountrySelector.css +1 -1
  71. package/dist/css/themes/DatePickerPopover.css +1 -1
  72. package/dist/css/themes/ImageGridTicker.css +1 -0
  73. package/dist/css/themes/ImageGridTickerItem.css +1 -0
  74. package/dist/css/themes/Quote.css +1 -1
  75. package/dist/css/themes/RatingIndicator.css +1 -1
  76. package/dist/css/themes/Slider.css +1 -1
  77. package/dist/custom-elements-internal.json +431 -143
  78. package/dist/custom-elements.json +386 -128
  79. package/dist/generated/assets/i18n/messagebundle_en.json +1 -1
  80. package/dist/generated/i18n/i18n-defaults.d.ts +3 -1
  81. package/dist/generated/i18n/i18n-defaults.js +3 -1
  82. package/dist/generated/i18n/i18n-defaults.js.map +1 -1
  83. package/dist/generated/templates/SearchTemplate.lit.js +1 -1
  84. package/dist/generated/templates/SearchTemplate.lit.js.map +1 -1
  85. package/dist/generated/templates/SearchableListBaseTemplate.lit.js +1 -1
  86. package/dist/generated/templates/SearchableListBaseTemplate.lit.js.map +1 -1
  87. package/dist/generated/templates/TableTemplate.lit.js +1 -1
  88. package/dist/generated/templates/TableTemplate.lit.js.map +1 -1
  89. package/dist/generated/themes/Button.css.d.ts +1 -1
  90. package/dist/generated/themes/Button.css.js +1 -1
  91. package/dist/generated/themes/Button.css.js.map +1 -1
  92. package/dist/generated/themes/CountrySelector.css.d.ts +1 -1
  93. package/dist/generated/themes/CountrySelector.css.js +1 -1
  94. package/dist/generated/themes/CountrySelector.css.js.map +1 -1
  95. package/dist/generated/themes/DatePickerPopover.css.d.ts +1 -1
  96. package/dist/generated/themes/DatePickerPopover.css.js +1 -1
  97. package/dist/generated/themes/DatePickerPopover.css.js.map +1 -1
  98. package/dist/generated/themes/ImageGridTicker.css.d.ts +2 -0
  99. package/dist/generated/themes/ImageGridTicker.css.js +8 -0
  100. package/dist/generated/themes/ImageGridTicker.css.js.map +1 -0
  101. package/dist/generated/themes/ImageGridTickerItem.css.d.ts +2 -0
  102. package/dist/generated/themes/ImageGridTickerItem.css.js +8 -0
  103. package/dist/generated/themes/ImageGridTickerItem.css.js.map +1 -0
  104. package/dist/generated/themes/Quote.css.d.ts +1 -1
  105. package/dist/generated/themes/Quote.css.js +1 -1
  106. package/dist/generated/themes/Quote.css.js.map +1 -1
  107. package/dist/generated/themes/RatingIndicator.css.d.ts +1 -1
  108. package/dist/generated/themes/RatingIndicator.css.js +1 -1
  109. package/dist/generated/themes/RatingIndicator.css.js.map +1 -1
  110. package/dist/generated/themes/Slider.css.d.ts +1 -1
  111. package/dist/generated/themes/Slider.css.js +1 -1
  112. package/dist/generated/themes/Slider.css.js.map +1 -1
  113. package/dist/messagebundle.properties +4 -0
  114. package/dist/messagebundle_en.properties +2 -0
  115. package/dist/vscode.html-custom-data.json +56 -6
  116. package/dist/web-types.json +125 -6
  117. package/package.json +8 -8
  118. package/src/Accordion.ts +9 -1
  119. package/src/AccordionItem.ts +10 -0
  120. package/src/AccordionItemTemplate.tsx +2 -2
  121. package/src/AccordionTemplate.tsx +3 -2
  122. package/src/AssetsVariables.ts +6 -0
  123. package/src/BusyIndicator.ts +33 -0
  124. package/src/FilterMenu.ts +2 -2
  125. package/src/Footer.ts +16 -0
  126. package/src/FooterTemplate.tsx +26 -11
  127. package/src/ImageGridTicker.ts +355 -0
  128. package/src/ImageGridTickerItem.ts +81 -0
  129. package/src/ImageGridTickerItemTemplate.tsx +28 -0
  130. package/src/ImageGridTickerTemplate.tsx +50 -0
  131. package/src/Search.hbs +0 -1
  132. package/src/SearchableListBase.hbs +2 -2
  133. package/src/SelectBox.ts +2 -0
  134. package/src/Table.hbs +2 -2
  135. package/src/Table.ts +2 -2
  136. package/src/generated/i18n/i18n-defaults.ts +2 -2
  137. package/src/generated/templates/SearchTemplate.lit.ts +1 -1
  138. package/src/generated/templates/SearchableListBaseTemplate.lit.ts +1 -1
  139. package/src/generated/templates/TableTemplate.lit.ts +1 -1
  140. package/src/generated/themes/Button.css.ts +1 -1
  141. package/src/generated/themes/CountrySelector.css.ts +1 -1
  142. package/src/generated/themes/DatePickerPopover.css.ts +1 -1
  143. package/src/generated/themes/ImageGridTicker.css.ts +9 -0
  144. package/src/generated/themes/ImageGridTickerItem.css.ts +9 -0
  145. package/src/generated/themes/Quote.css.ts +1 -1
  146. package/src/generated/themes/RatingIndicator.css.ts +1 -1
  147. package/src/generated/themes/Slider.css.ts +1 -1
  148. package/src/i18n/messagebundle.properties +4 -0
  149. package/src/i18n/messagebundle_en.properties +2 -0
  150. package/src/themes/Button.css +1 -0
  151. package/src/themes/CountrySelector.css +2 -2
  152. package/src/themes/DatePickerPopover.css +3 -2
  153. package/src/themes/ImageGridTicker.css +134 -0
  154. package/src/themes/ImageGridTickerItem.css +52 -0
  155. package/src/themes/Quote.css +7 -2
  156. package/dist/assets/messagebundle_en-D6cJIiUq.js +0 -1
  157. package/dist/assets/parameters-bundle.css-7tmaWxIc.js +0 -2
  158. package/dist/assets/parameters-bundle.css-BERBdAGd.js +0 -2
  159. package/dist/assets/parameters-bundle.css-B_2Jldx4.js +0 -2
  160. package/dist/assets/parameters-bundle.css-BbhFHnRW.js +0 -2
  161. package/dist/assets/parameters-bundle.css-Bg4Huwh4.js +0 -2
  162. package/dist/assets/parameters-bundle.css-BwKgmVCr.js +0 -2
  163. package/dist/assets/parameters-bundle.css-C759-AfS.js +0 -2
  164. package/dist/assets/parameters-bundle.css-CCDcKh9J.js +0 -2
  165. package/dist/assets/parameters-bundle.css-COmXsTqR.js +0 -2
  166. package/dist/assets/parameters-bundle.css-CPZYPVEO.js +0 -2
  167. package/dist/assets/parameters-bundle.css-C_z8R1zV.js +0 -2
  168. package/dist/assets/parameters-bundle.css-CuV0KqCS.js +0 -2
  169. package/dist/assets/parameters-bundle.css-DT8OC7CO.js +0 -2
  170. package/dist/assets/parameters-bundle.css-Df2zY3XY.js +0 -2
  171. package/dist/assets/parameters-bundle.css-H0NCnWYS.js +0 -2
  172. package/dist/assets/parameters-bundle.css-pC6uofhy.js +0 -2
package/dist/assets/parameters-bundle.css-VUmjvCcs.js ADDED
@@ -0,0 +1,2 @@
1
+ const _=`:root{--ui5-v2-17-0-avatar-hover-box-shadow-offset: 0px 0px 0px .0625rem var();--ui5-v2-17-0-avatar-initials-color: var(--sapContent_ImagePlaceholderForegroundColor);--ui5-v2-17-0-avatar-border-radius-img-deduction: .0625rem;--ui5-v2-17-0-avatar-optional-border: .0625rem solid var(--sapGroup_ContentBorderColor);--ui5-v2-17-0-avatar-placeholder: var(--sapContent_ImagePlaceholderBackground);--ui5-v2-17-0-avatar-placeholder-color: var(--ui5-v2-17-0-avatar-initials-color);--_ui5-v2-17-0_avatar_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);--_ui5-v2-17-0_avatar_overflow_button_focus_offset: .0625rem;--ui5-v2-17-0-avatar-hover-box-shadow-offset: 0px 0px 0px .0625rem var(--sapAvatar_Hover_BorderColor);--_ui5-v2-17-0_avatar_focus_offset: .1875rem;--ui5-v2-17-0-avatar-initials-border: .0625rem solid var(--sapAvatar_1_BorderColor);--ui5-v2-17-0-avatar-border-radius: var(--sapElement_BorderCornerRadius);--_ui5-v2-17-0_avatar_fontsize_XS: 1rem;--_ui5-v2-17-0_avatar_fontsize_S: 1.125rem;--_ui5-v2-17-0_avatar_fontsize_M: 1.5rem;--_ui5-v2-17-0_avatar_fontsize_L: 2.25rem;--_ui5-v2-17-0_avatar_fontsize_XL: 3rem;--ui5-v2-17-0-avatar-accent1: var(--sapAvatar_1_Background);--ui5-v2-17-0-avatar-accent2: var(--sapAvatar_2_Background);--ui5-v2-17-0-avatar-accent3: var(--sapAvatar_3_Background);--ui5-v2-17-0-avatar-accent4: var(--sapAvatar_4_Background);--ui5-v2-17-0-avatar-accent5: var(--sapAvatar_5_Background);--ui5-v2-17-0-avatar-accent6: var(--sapAvatar_6_Background);--ui5-v2-17-0-avatar-accent7: var(--sapAvatar_7_Background);--ui5-v2-17-0-avatar-accent8: var(--sapAvatar_8_Background);--ui5-v2-17-0-avatar-accent9: var(--sapAvatar_9_Background);--ui5-v2-17-0-avatar-accent10: var(--sapAvatar_10_Background);--ui5-v2-17-0-avatar-accent1-color: var(--sapAvatar_1_TextColor);--ui5-v2-17-0-avatar-accent2-color: var(--sapAvatar_2_TextColor);--ui5-v2-17-0-avatar-accent3-color: var(--sapAvatar_3_TextColor);--ui5-v2-17-0-avatar-accent4-color: var(--sapAvatar_4_TextColor);--ui5-v2-17-0-avatar-accent5-color: var(--sapAvatar_5_TextColor);--ui5-v2-17-0-avatar-accent6-color: var(--sapAvatar_6_TextColor);--ui5-v2-17-0-avatar-accent7-color: var(--sapAvatar_7_TextColor);--ui5-v2-17-0-avatar-accent8-color: var(--sapAvatar_8_TextColor);--ui5-v2-17-0-avatar-accent9-color: var(--sapAvatar_9_TextColor);--ui5-v2-17-0-avatar-accent10-color: var(--sapAvatar_10_TextColor);--ui5-v2-17-0-avatar-accent1-border-color: var(--sapAvatar_1_BorderColor);--ui5-v2-17-0-avatar-accent2-border-color: var(--sapAvatar_2_BorderColor);--ui5-v2-17-0-avatar-accent3-border-color: var(--sapAvatar_3_BorderColor);--ui5-v2-17-0-avatar-accent4-border-color: var(--sapAvatar_4_BorderColor);--ui5-v2-17-0-avatar-accent5-border-color: var(--sapAvatar_5_BorderColor);--ui5-v2-17-0-avatar-accent6-border-color: var(--sapAvatar_6_BorderColor);--ui5-v2-17-0-avatar-accent7-border-color: var(--sapAvatar_7_BorderColor);--ui5-v2-17-0-avatar-accent8-border-color: var(--sapAvatar_8_BorderColor);--ui5-v2-17-0-avatar-accent9-border-color: var(--sapAvatar_9_BorderColor);--ui5-v2-17-0-avatar-accent10-border-color: var(--sapAvatar_10_BorderColor);--_ui5-v2-17-0_avatar_icon_XS: var(--_ui5-v2-17-0_avatar_fontsize_XS);--_ui5-v2-17-0_avatar_icon_S: var(--_ui5-v2-17-0_avatar_fontsize_S);--_ui5-v2-17-0_avatar_icon_M: var(--_ui5-v2-17-0_avatar_fontsize_M);--_ui5-v2-17-0_avatar_icon_L: var(--_ui5-v2-17-0_avatar_fontsize_L);--_ui5-v2-17-0_avatar_icon_XL: var(--_ui5-v2-17-0_avatar_fontsize_XL);--_ui5-v2-17-0_avatar_group_button_focus_border: none;--_ui5-v2-17-0_avatar_group_padding: .3rem;--_ui5-v2-17-0_avatar_group_focus_border_radius: .375rem;--_ui5-v2-17-0-tag-height: 1rem;--_ui5-v2-17-0-tag-icon-width: .75rem;--ui5-v2-17-0-tag-text-shadow: var(--sapContent_TextShadow);--ui5-v2-17-0-tag-contrast-text-shadow: var(--sapContent_ContrastTextShadow);--ui5-v2-17-0-tag-information-text-shadow: var(--ui5-v2-17-0-tag-text-shadow);--ui5-v2-17-0-tag-set2-color-scheme-1-border: var(--sapIndicationColor_1b_BorderColor);--ui5-v2-17-0-tag-set2-color-scheme-1-hover-background: var(--sapIndicationColor_1b_Hover_Background);--ui5-v2-17-0-tag-set2-color-scheme-1-active-color: var(--sapIndicationColor_1_Active_TextColor);--ui5-v2-17-0-tag-set2-color-scheme-1-active-background: var(--sapIndicationColor_1_Active_Background);--ui5-v2-17-0-tag-set2-color-scheme-1-active-border: var(--sapIndicationColor_1_Active_BorderColor);--ui5-v2-17-0-tag-set2-color-scheme-2-border: var(--sapIndicationColor_2b_BorderColor);--ui5-v2-17-0-tag-set2-color-scheme-2-hover-background: var(--sapIndicationColor_2b_Hover_Background);--ui5-v2-17-0-tag-set2-color-scheme-2-active-color: var(--sapIndicationColor_2_Active_TextColor);--ui5-v2-17-0-tag-set2-color-scheme-2-active-background: var(--sapIndicationColor_2_Active_Background);--ui5-v2-17-0-tag-set2-color-scheme-2-active-border: var(--sapIndicationColor_2_Active_BorderColor);--ui5-v2-17-0-tag-set2-color-scheme-3-border: var(--sapIndicationColor_3b_BorderColor);--ui5-v2-17-0-tag-set2-color-scheme-3-hover-background: var(--sapIndicationColor_3b_Hover_Background);--ui5-v2-17-0-tag-set2-color-scheme-3-active-color: var(--sapIndicationColor_3_Active_TextColor);--ui5-v2-17-0-tag-set2-color-scheme-3-active-background: var(--sapIndicationColor_3_Active_Background);--ui5-v2-17-0-tag-set2-color-scheme-3-active-border: var(--sapIndicationColor_3_Active_BorderColor);--ui5-v2-17-0-tag-set2-color-scheme-4-border: var(--sapIndicationColor_4b_BorderColor);--ui5-v2-17-0-tag-set2-color-scheme-4-hover-background: var(--sapIndicationColor_4b_Hover_Background);--ui5-v2-17-0-tag-set2-color-scheme-4-active-color: var(--sapIndicationColor_4_Active_TextColor);--ui5-v2-17-0-tag-set2-color-scheme-4-active-background: var(--sapIndicationColor_4_Active_Background);--ui5-v2-17-0-tag-set2-color-scheme-4-active-border: var(--sapIndicationColor_4_Active_BorderColor);--ui5-v2-17-0-tag-set2-color-scheme-5-border: var(--sapIndicationColor_5b_BorderColor);--ui5-v2-17-0-tag-set2-color-scheme-5-hover-background: var(--sapIndicationColor_5b_Hover_Background);--ui5-v2-17-0-tag-set2-color-scheme-5-active-color: var(--sapIndicationColor_5_Active_TextColor);--ui5-v2-17-0-tag-set2-color-scheme-5-active-background: var(--sapIndicationColor_5_Active_Background);--ui5-v2-17-0-tag-set2-color-scheme-5-active-border: var(--sapIndicationColor_5_Active_BorderColor);--ui5-v2-17-0-tag-set2-color-scheme-6-border: var(--sapIndicationColor_6b_BorderColor);--ui5-v2-17-0-tag-set2-color-scheme-6-hover-background: var(--sapIndicationColor_6b_Hover_Background);--ui5-v2-17-0-tag-set2-color-scheme-6-active-color: var(--sapIndicationColor_6_Active_TextColor);--ui5-v2-17-0-tag-set2-color-scheme-6-active-background: var(--sapIndicationColor_6_Active_Background);--ui5-v2-17-0-tag-set2-color-scheme-6-active-border: var(--sapIndicationColor_6_Active_BorderColor);--ui5-v2-17-0-tag-set2-color-scheme-7-border: var(--sapIndicationColor_7b_BorderColor);--ui5-v2-17-0-tag-set2-color-scheme-7-hover-background: var(--sapIndicationColor_7b_Hover_Background);--ui5-v2-17-0-tag-set2-color-scheme-7-active-color: var(--sapIndicationColor_7_Active_TextColor);--ui5-v2-17-0-tag-set2-color-scheme-7-active-background: var(--sapIndicationColor_7_Active_Background);--ui5-v2-17-0-tag-set2-color-scheme-7-active-border: var(--sapIndicationColor_7_Active_BorderColor);--ui5-v2-17-0-tag-set2-color-scheme-8-border: var(--sapIndicationColor_8b_BorderColor);--ui5-v2-17-0-tag-set2-color-scheme-8-hover-background: var(--sapIndicationColor_8b_Hover_Background);--ui5-v2-17-0-tag-set2-color-scheme-8-active-color: var(--sapIndicationColor_8_Active_TextColor);--ui5-v2-17-0-tag-set2-color-scheme-8-active-background: var(--sapIndicationColor_8_Active_Background);--ui5-v2-17-0-tag-set2-color-scheme-8-active-border: var(--sapIndicationColor_8_Active_BorderColor);--ui5-v2-17-0-tag-set2-color-scheme-9-border: var(--sapIndicationColor_9b_BorderColor);--ui5-v2-17-0-tag-set2-color-scheme-9-hover-background: var(--sapIndicationColor_9b_Hover_Background);--ui5-v2-17-0-tag-set2-color-scheme-9-active-color: var(--sapIndicationColor_9_Active_TextColor);--ui5-v2-17-0-tag-set2-color-scheme-9-active-background: var(--sapIndicationColor_9_Active_Background);--ui5-v2-17-0-tag-set2-color-scheme-9-active-border: var(--sapIndicationColor_9_Active_BorderColor);--ui5-v2-17-0-tag-set2-color-scheme-10-border: var(--sapIndicationColor_10b_BorderColor);--ui5-v2-17-0-tag-set2-color-scheme-10-hover-background: var(--sapIndicationColor_10b_Hover_Background);--ui5-v2-17-0-tag-set2-color-scheme-10-active-color: var(--sapIndicationColor_10_Active_TextColor);--ui5-v2-17-0-tag-set2-color-scheme-10-active-background: var(--sapIndicationColor_10_Active_Background);--ui5-v2-17-0-tag-set2-color-scheme-10-active-border: var(--sapIndicationColor_10_Active_BorderColor);--_ui5-v2-17-0-tag-height_size_l: 1.5rem;--_ui5-v2-17-0-tag-min-width_size_l: 1.75rem;--_ui5-v2-17-0-tag-font-size_size_l: 1.25rem;--_ui5-v2-17-0-tag-icon_min_width_size_l: 1.25rem;--_ui5-v2-17-0-tag-icon_min_height_size_l:1.25rem;--_ui5-v2-17-0-tag-icon_height_size_l: 1.25rem;--_ui5-v2-17-0-tag-text_padding_size_l: .125rem .25rem;--_ui5-v2-17-0-tag-text-padding: .1875rem .25rem;--_ui5-v2-17-0-tag-padding-inline-icon-only: .313rem;--_ui5-v2-17-0-tag-text-transform: none;--_ui5-v2-17-0-tag-icon-gap: .25rem;--_ui5-v2-17-0-tag-font-weight: normal;--_ui5-v2-17-0-tag-letter-spacing: normal;--ui5-v2-17-0-tag-set2-color-scheme-1-color: var(--sapIndicationColor_1b_TextColor);--ui5-v2-17-0-tag-set2-color-scheme-1-background: var(--sapIndicationColor_1b_Background);--ui5-v2-17-0-tag-set2-color-scheme-2-color: var(--sapIndicationColor_2b_TextColor);--ui5-v2-17-0-tag-set2-color-scheme-2-background: var(--sapIndicationColor_2b_Background);--ui5-v2-17-0-tag-set2-color-scheme-3-color: var(--sapIndicationColor_3b_TextColor);--ui5-v2-17-0-tag-set2-color-scheme-3-background: var(--sapIndicationColor_3b_Background);--ui5-v2-17-0-tag-set2-color-scheme-4-color: var(--sapIndicationColor_4b_TextColor);--ui5-v2-17-0-tag-set2-color-scheme-4-background: var(--sapIndicationColor_4b_Background);--ui5-v2-17-0-tag-set2-color-scheme-5-color: var(--sapIndicationColor_5b_TextColor);--ui5-v2-17-0-tag-set2-color-scheme-5-background: var(--sapIndicationColor_5b_Background);--ui5-v2-17-0-tag-set2-color-scheme-6-color: var(--sapIndicationColor_6b_TextColor);--ui5-v2-17-0-tag-set2-color-scheme-6-background: var(--sapIndicationColor_6b_Background);--ui5-v2-17-0-tag-set2-color-scheme-7-color: var(--sapIndicationColor_7b_TextColor);--ui5-v2-17-0-tag-set2-color-scheme-7-background: var(--sapIndicationColor_7b_Background);--ui5-v2-17-0-tag-set2-color-scheme-8-color: var(--sapIndicationColor_8b_TextColor);--ui5-v2-17-0-tag-set2-color-scheme-8-background: var(--sapIndicationColor_8b_Background);--ui5-v2-17-0-tag-set2-color-scheme-9-color: var(--sapIndicationColor_9b_TextColor);--ui5-v2-17-0-tag-set2-color-scheme-9-background: var(--sapIndicationColor_9b_Background);--ui5-v2-17-0-tag-set2-color-scheme-10-color: var(--sapIndicationColor_10b_TextColor);--ui5-v2-17-0-tag-set2-color-scheme-10-background: var(--sapIndicationColor_10b_Background);--_ui5-v2-17-0_bar_base_height: 2.75rem;--_ui5-v2-17-0_bar_subheader_height: 3rem;--_ui5-v2-17-0_bar-start-container-padding-start: 1rem;--_ui5-v2-17-0_bar-mid-container-padding-start-end: .5rem;--_ui5-v2-17-0_bar-end-container-padding-end: 1rem;--_ui5-v2-17-0_bar_subheader_margin-top: -.0625rem;--_ui5-v2-17-0_breadcrumbs_margin: 0 0 .5rem 0;--_ui5-v2-17-0_busy_indicator_focus_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);--_ui5-v2-17-0_busy_indicator_color: var(--sapContent_BusyColor);--_ui5-v2-17-0-button-badge-diameter: .75rem;--_ui5-v2-17-0-calendar-legend-root-padding: .75rem;--_ui5-v2-17-0-calendar-legend-root-width: 18.5rem;--_ui5-v2-17-0-calendar-legend-item-root-width: 7.75rem;--_ui5-v2-17-0-calendar-legend-item-root-focus-border: var(--sapContent_FocusWidth) solid var(--sapContent_FocusColor);--_ui5-v2-17-0-calendar-legend-item-box-dot-display: block;--_ui5-v2-17-0_card_box_shadow: var(--sapContent_Shadow0);--_ui5-v2-17-0_card_border-radius: var(--sapTile_BorderCornerRadius);--_ui5-v2-17-0_card_header_border_color: var(--sapTile_SeparatorColor);--_ui5-v2-17-0_card_header_focus_border: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);--_ui5-v2-17-0_card_header_focus_bottom_radius: 0px;--_ui5-v2-17-0_card_header_title_font_weight: normal;--_ui5-v2-17-0_card_header_subtitle_margin_top: .25rem;--_ui5-v2-17-0_card_hover_box_shadow: var(--sapContent_Shadow2);--_ui5-v2-17-0_card_header_focus_offset: 0px;--_ui5-v2-17-0_card_header_focus_radius: var(--_ui5-v2-17-0_card_border-radius);--_ui5-v2-17-0_card_header_title_font_family: var(--sapFontHeaderFamily);--_ui5-v2-17-0_card_header_title_font_size: var(--sapFontHeader6Size);--_ui5-v2-17-0_card_header_hover_bg: var(--sapTile_Hover_Background);--_ui5-v2-17-0_card_header_active_bg: var(--sapTile_Active_Background);--_ui5-v2-17-0_card_header_border: none;--_ui5-v2-17-0_card_header_padding: 1rem 1rem .75rem 1rem;--_ui5-v2-17-0_card_border: none;--ui5-v2-17-0_carousel_background_color_solid: var(--sapGroup_ContentBackground);--ui5-v2-17-0_carousel_background_color_translucent: var(--sapBackgroundColor);--ui5-v2-17-0_carousel_button_size: 2.25rem;--ui5-v2-17-0_carousel_inactive_dot_size: .25rem;--ui5-v2-17-0_carousel_inactive_dot_margin: 0 .375rem;--ui5-v2-17-0_carousel_inactive_dot_border: 1px solid var(--sapContent_ForegroundBorderColor);--ui5-v2-17-0_carousel_inactive_dot_background: var(--sapContent_ForegroundBorderColor);--ui5-v2-17-0_carousel_active_dot_border: 1px solid var(--sapContent_Selected_ForegroundColor);--ui5-v2-17-0_carousel_active_dot_background: var(--sapContent_Selected_ForegroundColor);--ui5-v2-17-0_carousel_navigation_button_active_box_shadow: none;--_ui5-v2-17-0_checkbox_transition: unset;--_ui5-v2-17-0_checkbox_border_radius: 0;--_ui5-v2-17-0_checkbox_focus_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);--_ui5-v2-17-0_checkbox_outer_hover_background: transparent;--_ui5-v2-17-0_checkbox_inner_width_height: 1.375rem;--_ui5-v2-17-0_checkbox_inner_disabled_border_color: var(--sapField_BorderColor);--_ui5-v2-17-0_checkbox_inner_background: var(--sapField_Background);--_ui5-v2-17-0_checkbox_wrapped_focus_padding: .5rem;--_ui5-v2-17-0_checkbox_wrapped_focus_inset_block: var(--_ui5-v2-17-0_checkbox_focus_position);--_ui5-v2-17-0_checkbox_compact_wrapper_padding: .5rem;--_ui5-v2-17-0_checkbox_compact_width_height: 2rem;--_ui5-v2-17-0_checkbox_compact_inner_size: 1rem;--_ui5-v2-17-0_checkbox_compact_focus_position: .375rem;--_ui5-v2-17-0_checkbox_label_offset: var(--_ui5-v2-17-0_checkbox_wrapper_padding);--_ui5-v2-17-0_checkbox_disabled_label_color: var(--sapContent_LabelColor);--_ui5-v2-17-0_checkbox_default_focus_border: none;--_ui5-v2-17-0_checkbox_focus_outline_display: block;--_ui5-v2-17-0_checkbox_wrapper_padding: .6875rem;--_ui5-v2-17-0_checkbox_width_height: 2.75rem;--_ui5-v2-17-0_checkbox_label_color: var(--sapField_TextColor);--_ui5-v2-17-0_checkbox_inner_border: solid var(--sapField_BorderWidth) var(--sapField_BorderColor);--_ui5-v2-17-0_checkbox_inner_border_radius: var(--sapField_BorderCornerRadius);--_ui5-v2-17-0_checkbox_checkmark_color: var(--sapContent_Selected_ForegroundColor);--_ui5-v2-17-0_checkbox_hover_background: var(--sapContent_Selected_Hover_Background);--_ui5-v2-17-0_checkbox_inner_hover_border_color: var(--sapField_Hover_BorderColor);--_ui5-v2-17-0_checkbox_inner_hover_checked_border_color: var(--sapField_Hover_BorderColor);--_ui5-v2-17-0_checkbox_inner_selected_border_color: var(--sapField_BorderColor);--_ui5-v2-17-0_checkbox_inner_active_border_color: var(--sapField_Hover_BorderColor);--_ui5-v2-17-0_checkbox_active_background: var(--sapContent_Selected_Hover_Background);--_ui5-v2-17-0_checkbox_inner_readonly_border: var(--sapElement_BorderWidth) var(--sapField_ReadOnly_BorderColor) dashed;--_ui5-v2-17-0_checkbox_inner_error_border: var(--sapField_InvalidBorderWidth) solid var(--sapField_InvalidColor);--_ui5-v2-17-0_checkbox_inner_error_background_hover: var(--sapField_Hover_Background);--_ui5-v2-17-0_checkbox_inner_warning_border: var(--sapField_WarningBorderWidth) solid var(--sapField_WarningColor);--_ui5-v2-17-0_checkbox_inner_warning_color: var(--sapField_WarningColor);--_ui5-v2-17-0_checkbox_inner_warning_background_hover: var(--sapField_Hover_Background);--_ui5-v2-17-0_checkbox_checkmark_warning_color: var(--sapField_WarningColor);--_ui5-v2-17-0_checkbox_inner_success_border: var(--sapField_SuccessBorderWidth) solid var(--sapField_SuccessColor);--_ui5-v2-17-0_checkbox_inner_success_background_hover: var(--sapField_Hover_Background);--_ui5-v2-17-0_checkbox_inner_information_color: var(--sapField_InformationColor);--_ui5-v2-17-0_checkbox_inner_information_border: var(--sapField_InformationBorderWidth) solid var(--sapField_InformationColor);--_ui5-v2-17-0_checkbox_inner_information_background_hover: var(--sapField_Hover_Background);--_ui5-v2-17-0_checkbox_disabled_opacity: var(--sapContent_DisabledOpacity);--_ui5-v2-17-0_checkbox_focus_position: .3125rem;--_ui5-v2-17-0_checkbox_focus_border_radius: .5rem;--_ui5-v2-17-0_checkbox_right_focus_distance: .3125rem;--_ui5-v2-17-0_color-palette-item-after-focus-inset: .0625rem;--_ui5-v2-17-0_color-palette-item-outer-border-radius: .25rem;--_ui5-v2-17-0_color-palette-item-inner-border-radius: .1875rem;--_ui5-v2-17-0_color-palette-item-after-not-focus-color: .0625rem solid var(--sapGroup_ContentBackground);--_ui5-v2-17-0-color-palette-item-background-color: transparent;--_ui5-v2-17-0_color-palette-item-hover-margin: .0625rem;--_ui5-v2-17-0_color-palette-row-height: 9.5rem;--_ui5-v2-17-0_color-palette-button-height: 3rem;--_ui5-v2-17-0_color-palette-item-before-focus-color: .125rem solid var(--sapContent_FocusColor);--_ui5-v2-17-0_color-palette-item-before-focus-inset: -.3125rem;--_ui5-v2-17-0_color-palette-item-before-focus-hover-inset: -.0625rem;--_ui5-v2-17-0_color-palette-item-after-focus-color: .0625rem solid var(--sapContent_ContrastFocusColor);--_ui5-v2-17-0_color-palette-item-after-focus-hover-inset: .0625rem;--_ui5-v2-17-0_color-palette-item-before-focus-border-radius: .4375rem;--_ui5-v2-17-0_color-palette-item-after-focus-border-radius: .3125rem;--_ui5-v2-17-0_color-palette-item-hover-outer-border-radius: .4375rem;--_ui5-v2-17-0_color-palette-item-hover-inner-border-radius: .375rem;--_ui5-v2-17-0_color-palette-item-selected-focused-border-before: -.0625rem;--_ui5-v2-17-0_color-palette-item-after-focus-not-selected-border: none;--_ui5-v2-17-0_color-palette-item-selected-focused-border: none;--_ui5-v2-17-0_color-palette-item-after-mobile-focus-border: none;--_ui5-v2-17-0-color-palette-item-mobile-focus-inset: 0px;--_ui5-v2-17-0_color-palette-item-mobile-focus-sides-inset: -.375rem -.375rem;--_ui5-v2-17-0_color_picker_slider_handle_box_shadow: inset 0 0 0 .125rem var(--sapContent_ContrastShadowColor);--_ui5-v2-17-0_color_picker_slider_handle_inner_border_color: #fff;--_ui5-v2-17-0_color_picker_circle_outer_border: .0625rem solid var(--sapContent_ContrastShadowColor);--_ui5-v2-17-0_color_picker_circle_inner_border: var(--sapField_Picker_BorderWidth) solid var(--sapField_BorderColor);--_ui5-v2-17-0_color_picker_circle_inner_circle_size: .5625rem;--_ui5-v2-17-0_color_picker_slider_handle_container_margin_top: none;--_ui5-v2-17-0_color_picker_slider_handle_border: .125rem solid var(--sapField_BorderColor);--_ui5-v2-17-0_color_picker_slider_handle_outline_hover: .125rem solid var(--sapContent_FocusColor);--_ui5-v2-17-0_color_picker_slider_handle_outline_focus: .125rem solid var(--sapContent_FocusColor);--_ui5-v2-17-0_color_picker_slider_handle_inline_focus: 1px solid var(--sapContent_ContrastFocusColor);--_ui5-v2-17-0-datepicker-hover-background: var(--sapField_Hover_Background);--_ui5-v2-17-0-datepicker_border_radius: .25rem;--_ui5-v2-17-0_daypicker_item_margin: 2px;--_ui5-v2-17-0_daypicker_item_border: none;--_ui5-v2-17-0_daypicker_item_selected_border_color: var(--sapList_Background);--_ui5-v2-17-0_daypicker_daynames_container_height: 2rem;--_ui5-v2-17-0_daypicker_weeknumbers_container_padding_top: 2rem;--_ui5-v2-17-0_daypicker_item_othermonth_background_color: var(--sapList_Background);--_ui5-v2-17-0_daypicker_item_othermonth_color: var(--sapContent_LabelColor);--_ui5-v2-17-0_daypicker_item_othermonth_hover_color: var(--sapContent_LabelColor);--_ui5-v2-17-0_daypicker_item_selected_background: transparent;--_ui5-v2-17-0_daypicker_item_selected_between_hover_background: var(--sapList_Hover_SelectionBackground);--_ui5-v2-17-0_daypicker_item_now_not_selected_inset: 0;--_ui5-v2-17-0_daypicker_item_now_border_color: var(--sapLegend_CurrentDateTime);--_ui5-v2-17-0_dp_two_calendar_item_secondary_text_border_radios: .25rem;--_ui5-v2-17-0_daypicker_special_day_top: 2.5rem;--_ui5-v2-17-0_daypicker_special_day_before_border_color: var(--sapList_Background);--_ui5-v2-17-0_daypicker_selected_item_now_special_day_border_bottom_radius: 0;--_ui5-v2-17-0_daypicker_twocalendar_item_special_day_after_border_width: .125rem;--_ui5-v2-17-0_daypicker_twocalendar_item_special_day_dot: .375rem;--_ui5-v2-17-0_daypicker_twocalendar_item_special_day_top: 2rem;--_ui5-v2-17-0_daypicker_twocalendar_item_special_day_right: 1.4375rem;--_ui5-v2-17-0_daypicker_item_border_radius: .4375rem;--_ui5-v2-17-0_daypicker_item_selected_border: .0625rem solid var(--sapList_SelectionBorderColor);--_ui5-v2-17-0_daypicker_item_not_selected_focus_border: .125rem solid var(--sapContent_FocusColor);--_ui5-v2-17-0_daypicker_item_selected_focus_color: var(--sapContent_FocusColor);--_ui5-v2-17-0_daypicker_item_selected_focus_width: .125rem;--_ui5-v2-17-0_daypicker_item_no_selected_inset: .375rem;--_ui5-v2-17-0_daypicker_item_now_border_focus_after: .125rem solid var(--sapList_SelectionBorderColor);--_ui5-v2-17-0_daypicker_item_now_border_radius_focus_after: .3125rem;--_ui5-v2-17-0_day_picker_item_selected_now_border_focus: .125rem solid var(--sapContent_FocusColor);--_ui5-v2-17-0_day_picker_item_selected_now_border_radius_focus: .1875rem;--_ui5-v2-17-0_daypicker_dayname_color: var(--sapContent_LabelColor);--_ui5-v2-17-0_daypicker_weekname_color: var(--sapContent_LabelColor);--_ui5-v2-17-0_daypicker_item_selected_daytext_hover_background: transparent;--_ui5-v2-17-0_daypicker_item_border_radius_focus_after: .1875rem;--_ui5-v2-17-0_daypicker_item_border_radius_item: .5rem;--_ui5-v2-17-0_daypicker_item_selected_between_border: .5rem;--_ui5-v2-17-0_daypicker_item_selected_between_background: var(--sapList_SelectionBackgroundColor);--_ui5-v2-17-0_daypicker_item_selected_between_text_font: var(--sapFontFamily);--_ui5-v2-17-0_daypicker_item_selected_text_font: var(--sapFontBoldFamily);--_ui5-v2-17-0_daypicker_item_now_box_shadow: inset 0 0 0 .35rem var(--sapList_Background);--_ui5-v2-17-0_daypicker_item_selected_text_outline: .0625rem solid var(--sapSelectedColor);--_ui5-v2-17-0_daypicker_item_now_selected_outline_offset: -.25rem;--_ui5-v2-17-0_daypicker_item_now_selected_between_inset: .25rem;--_ui5-v2-17-0_daypicker_item_now_selected_between_border: .0625rem solid var(--sapContent_Selected_ForegroundColor);--_ui5-v2-17-0_daypicker_item_now_selected_between_border_radius: .1875rem;--_ui5-v2-17-0_daypicker_item_select_between_border: 1px solid var(--sapContent_Selected_ForegroundColor);--_ui5-v2-17-0_daypicker_item_weeekend_filter: brightness(105%);--_ui5-v2-17-0_daypicker_item_selected_hover: var(--sapList_Hover_Background);--_ui5-v2-17-0_daypicker_item_now_inset: .3125rem;--_ui5-v2-17-0-dp-item_withsecondtype_border: .25rem;--_ui5-v2-17-0_daypicker_item_selected__secondary_type_text_outline: .0625rem solid var(--sapSelectedColor);--_ui5-v2-17-0_daypicker_two_calendar_item_now_day_text_content: "";--_ui5-v2-17-0_daypicker_two_calendar_item_now_selected_border_width: .125rem;--_ui5-v2-17-0_daypicker_two_calendar_item_border_radius: .5rem;--_ui5-v2-17-0_daypicker_two_calendar_item_border_focus_border_radius: .375rem;--_ui5-v2-17-0_daypicker_two_calendar_item_no_selected_inset: 0;--_ui5-v2-17-0_daypicker_two_calendar_item_selected_now_border_radius_focus: .1875rem;--_ui5-v2-17-0_daypicker_two_calendar_item_no_selected_focus_inset: .1875rem;--_ui5-v2-17-0_daypicker_two_calendar_item_no_select_focus_border_radius: .3125rem;--_ui5-v2-17-0_daypicker_two_calendar_item_now_inset: .3125rem;--_ui5-v2-17-0_daypicker_two_calendar_item_now_selected_border_inset: .125rem;--_ui5-v2-17-0_daypicker_selected_item_special_day_width: calc(100% - .125rem) ;--_ui5-v2-17-0_daypicker_special_day_border_bottom_radius: .5rem;--_ui5-v2-17-0-daypicker_item_selected_now_border_radius: .5rem;--_ui5-v2-17-0_daypicker_selected_item_now_special_day_width: calc(100% - .1875rem) ;--_ui5-v2-17-0_daypicker_selected_item_now_special_day_border_bottom_radius_alternate: .5rem;--_ui5-v2-17-0_daypicker_selected_item_now_special_day_top: 2.4375rem;--_ui5-v2-17-0_daypicker_two_calendar_item_margin_bottom: 0;--_ui5-v2-17-0_daypicker_twocalendar_item_special_day_now_inset: .3125rem;--_ui5-v2-17-0_daypicker_twocalendar_item_special_day_now_border_radius: .25rem;--_ui5-v2-17-0_daypicker_item_now_focus_margin: 0;--_ui5-v2-17-0_daypicker_special_day_border_top: none;--_ui5-v2-17-0_daypicker_special_day_selected_border_radius_bottom: .25rem;--_ui5-v2-17-0_daypicker_specialday_focused_top: 2.125rem;--_ui5-v2-17-0_daypicker_specialday_focused_width: calc(100% - .75rem) ;--_ui5-v2-17-0_daypicker_specialday_focused_border_bottom: 0;--_ui5-v2-17-0_daypicker_item_now_specialday_top: 2.3125rem;--_ui5-v2-17-0_daypicker_item_now_specialday_width: calc(100% - .5rem) ;--_ui5-v2-17-0_dialog_header_state_line_height: .0625rem;--_ui5-v2-17-0_dialog_header_focus_bottom_offset: 2px;--_ui5-v2-17-0_dialog_header_focus_top_offset: 1px;--_ui5-v2-17-0_dialog_header_focus_left_offset: 1px;--_ui5-v2-17-0_dialog_header_focus_right_offset: 1px;--_ui5-v2-17-0_dialog_header_border_radius: var(--sapElement_BorderCornerRadius);--_ui5-v2-17-0_file_uploader_display_input_width: calc(100% - var(--_ui5-v2-17-0_input_icon_width));--_ui5-v2-17-0_file_uploader_tokenizer_width: calc(100% - 2 * var(--_ui5-v2-17-0_input_icon_width) - var(--_ui5-v2-17-0_input_inner_space_to_tokenizer));--ui5-v2-17-0-form-item-layout: 4fr 8fr 0fr;--ui5-v2-17-0-form-item-label-justify: end;--ui5-v2-17-0-form-item-label-justify-span12: start;--ui5-v2-17-0-form-item-label-padding: .125rem 0;--ui5-v2-17-0-form-item-label-padding-end: .85rem;--ui5-v2-17-0-form-item-label-padding-span12: .625rem .25rem 0 .25rem;--_ui5-v2-17-0_table_cell_valign: center;--_ui5-v2-17-0_table_cell_min_width: 2.75rem;--_ui5-v2-17-0_table_navigated_cell_width: .25rem;--_ui5-v2-17-0_first_table_cell_horizontal_padding: 1rem;--_ui5-v2-17-0_table_cell_horizontal_padding: .5rem;--_ui5-v2-17-0_table_cell_vertical_padding: .25rem;--_ui5-v2-17-0_table_row_actions_gap: .25rem;--_ui5-v2-17-0_table_row_alternating_background: var(--sapTableRow_AlternatingBackground, var(--sapList_AlternatingBackground));--_ui5-v2-17-0_table_row_alternating_hover_background: var(--sapTableRow_AlternatingHoverBackground, var(--sapList_Hover_Background));--_ui5-v2-17-0_table_row_alternating_selection_background: var(--sapTableRow_AlternatingSelectionBackground, var(--sapList_SelectionBackgroundColor));--_ui5-v2-17-0_table_row_alternating_selection_hover_background: var(--sapTableRow_AlternatingSelectionHoverBackground, var(--sapList_Hover_SelectionBackground));--ui5-v2-17-0-group-header-listitem-background-color: var(--sapList_GroupHeaderBackground);--ui5-v2-17-0-icon-focus-border-radius: .25rem;--_ui5-v2-17-0_input_width: 13.125rem;--_ui5-v2-17-0_input_min_width: 2.75rem;--_ui5-v2-17-0_input_height: var(--sapElement_Height);--_ui5-v2-17-0_input_margin_top_bottom: .25rem;--_ui5-v2-17-0_input_value_state_error_hover_background: var(--sapField_Hover_Background);--_ui5-v2-17-0_input_background_color: var(--sapField_Background);--_ui5-v2-17-0_input_border_radius: var(--sapField_BorderCornerRadius);--_ui5-v2-17-0_input_placeholder_style: italic;--_ui5-v2-17-0_input_placeholder_color: var(--sapField_PlaceholderTextColor);--_ui5-v2-17-0_input_bottom_border_height: 0;--_ui5-v2-17-0_input_bottom_border_color: transparent;--_ui5-v2-17-0_input_focused_border_color: var(--sapField_Hover_BorderColor);--_ui5-v2-17-0_input_state_border_width: .125rem;--_ui5-v2-17-0_input_information_border_width: .125rem;--_ui5-v2-17-0_input_error_font_weight: normal;--_ui5-v2-17-0_input_warning_font_weight: normal;--_ui5-v2-17-0_input_focus_border_width: 1px;--_ui5-v2-17-0_input_error_warning_font_style: inherit;--_ui5-v2-17-0_input_error_warning_text_indent: 0;--_ui5-v2-17-0_input_disabled_border_color: var(--sapField_BorderColor);--_ui5-v2-17-0-input_disabled_background: var(--sapField_Background);--_ui5-v2-17-0_input_readonly_border: none;--_ui5-v2-17-0_input_readonly_border_color: var(--sapField_ReadOnly_BorderColor);--_ui5-v2-17-0_input_readonly_background: var(--sapField_ReadOnly_Background);--_ui5-v2-17-0_input_disabled_opacity: var(--sapContent_DisabledOpacity);--_ui5-v2-17-0_input_icon_min_width: 2.25rem;--_ui5-v2-17-0_input_compact_min_width: 2rem;--_ui5-v2-17-0_input_transition: none;--_ui5-v2-17-0-input-value-state-icon-display: none;--_ui5-v2-17-0_input_value_state_error_border_color: var(--sapField_InvalidColor);--_ui5-v2-17-0_input_focused_value_state_error_border_color: var(--sapField_InvalidColor);--_ui5-v2-17-0_input_value_state_warning_border_color: var(--sapField_WarningColor);--_ui5-v2-17-0_input_focused_value_state_warning_border_color: var(--sapField_WarningColor);--_ui5-v2-17-0_input_value_state_success_border_color: var(--sapField_SuccessColor);--_ui5-v2-17-0_input_focused_value_state_success_border_color: var(--sapField_SuccessColor);--_ui5-v2-17-0_input_value_state_success_border_width: 1px;--_ui5-v2-17-0_input_value_state_information_border_color: var(--sapField_InformationColor);--_ui5-v2-17-0_input_focused_value_state_information_border_color: var(--sapField_InformationColor);--ui5-v2-17-0_input_focus_pseudo_element_content: "";--_ui5-v2-17-0_input_value_state_error_warning_placeholder_font_weight: normal;--_ui5-v2-17-0-input_error_placeholder_color: var(--sapField_PlaceholderTextColor);--_ui5-v2-17-0_input_icon_width: 2.25rem;--_ui5-v2-17-0-input-icons-count: 0;--_ui5-v2-17-0_input_tokenizer_min_width: 3.25rem;--_ui5-v2-17-0-input-border: none;--_ui5-v2-17-0_input_hover_border: none;--_ui5-v2-17-0_input_focus_border_radius: .25rem;--_ui5-v2-17-0_input_readonly_focus_border_radius: .125rem;--_ui5-v2-17-0_input_error_warning_border_style: none;--_ui5-v2-17-0_input_focused_value_state_error_background: var(--sapField_Hover_Background);--_ui5-v2-17-0_input_focused_value_state_warning_background: var(--sapField_Hover_Background);--_ui5-v2-17-0_input_focused_value_state_success_background: var(--sapField_Hover_Background);--_ui5-v2-17-0_input_focused_value_state_information_background: var(--sapField_Hover_Background);--_ui5-v2-17-0_input_focused_value_state_error_focus_outline_color: var(--sapField_InvalidColor);--_ui5-v2-17-0_input_focused_value_state_warning_focus_outline_color: var(--sapField_WarningColor);--_ui5-v2-17-0_input_focused_value_state_success_focus_outline_color: var(--sapField_SuccessColor);--_ui5-v2-17-0_input_focus_offset: 0;--_ui5-v2-17-0_input_readonly_focus_offset: .125rem;--_ui5-v2-17-0_input_information_icon_padding: .625rem .625rem .5rem .625rem;--_ui5-v2-17-0_input_information_focused_icon_padding: .625rem .625rem .5625rem .625rem;--_ui5-v2-17-0_input_error_warning_icon_padding: .625rem .625rem .5rem .625rem;--_ui5-v2-17-0_input_error_warning_focused_icon_padding: .625rem .625rem .5625rem .625rem;--_ui5-v2-17-0_input_custom_icon_padding: .625rem .625rem .5625rem .625rem;--_ui5-v2-17-0_input_error_warning_custom_icon_padding: .625rem .625rem .5rem .625rem;--_ui5-v2-17-0_input_error_warning_custom_focused_icon_padding: .625rem .625rem .5625rem .625rem;--_ui5-v2-17-0_input_information_custom_icon_padding: .625rem .625rem .5rem .625rem;--_ui5-v2-17-0_input_information_custom_focused_icon_padding: .625rem .625rem .5625rem .625rem;--_ui5-v2-17-0_input_focus_outline_color: var(--sapField_Active_BorderColor);--_ui5-v2-17-0_input_icon_wrapper_height: calc(100% - 1px) ;--_ui5-v2-17-0_input_icon_wrapper_state_height: calc(100% - 2px) ;--_ui5-v2-17-0_input_icon_wrapper_success_state_height: calc(100% - var(--_ui5-v2-17-0_input_value_state_success_border_width));--_ui5-v2-17-0_input_icon_color: var(--sapField_TextColor);--_ui5-v2-17-0_input_icon_pressed_bg: var(--sapField_Hover_Background);--_ui5-v2-17-0_input_icon_padding: .625rem .625rem .5625rem .625rem;--_ui5-v2-17-0_input_icon_hover_bg: var(--sapField_Focus_Background);--_ui5-v2-17-0_input_icon_pressed_color: var(--sapButton_Active_TextColor);--_ui5-v2-17-0_input_icon_border_radius: var(--sapField_BorderCornerRadius);--_ui5-v2-17-0_input_icon_box_shadow: var(--sapField_Hover_Shadow);--_ui5-v2-17-0_input_icon_border: none;--_ui5-v2-17-0_input_error_icon_box_shadow: var(--sapContent_Negative_Shadow);--_ui5-v2-17-0_input_warning_icon_box_shadow: var(--sapContent_Critical_Shadow);--_ui5-v2-17-0_input_information_icon_box_shadow: var(--sapContent_Informative_Shadow);--_ui5-v2-17-0_input_success_icon_box_shadow: var(--sapContent_Positive_Shadow);--_ui5-v2-17-0_input_icon_error_pressed_color: var(--sapButton_Reject_Selected_TextColor);--_ui5-v2-17-0_input_icon_warning_pressed_color: var(--sapButton_Attention_Selected_TextColor);--_ui5-v2-17-0_input_icon_information_pressed_color: var(--sapButton_Selected_TextColor);--_ui5-v2-17-0_input_icon_success_pressed_color: var(--sapButton_Accept_Selected_TextColor);--_ui5-v2-17-0_link_focus_text_decoration: underline;--_ui5-v2-17-0_link_text_decoration: var(--sapLink_TextDecoration);--_ui5-v2-17-0_link_hover_text_decoration: var(--sapLink_Hover_TextDecoration);--_ui5-v2-17-0_link_focused_hover_text_decoration: none;--_ui5-v2-17-0_link_focused_hover_text_color: var(--sapContent_ContrastTextColor);--_ui5-v2-17-0_link_active_text_decoration: var(--sapLink_Active_TextDecoration);--_ui5-v2-17-0_link_outline: none;--_ui5-v2-17-0_link_focus_border-radius: .125rem;--_ui5-v2-17-0_link_focus_background_color: var(--sapContent_FocusColor);--_ui5-v2-17-0_link_focus_color: var(--sapContent_ContrastTextColor);--_ui5-v2-17-0_link_subtle_text_decoration: underline;--_ui5-v2-17-0_link_subtle_text_decoration_hover: none;--_ui5-v2-17-0_link_large_interactive_area_height: 1.5rem;--ui5-v2-17-0_list_footer_text_color: var(--sapList_FooterTextColor);--ui5-v2-17-0-listitem-background-color: var(--sapList_Background);--ui5-v2-17-0-listitem-border-bottom: var(--sapList_BorderWidth) solid var(--sapList_BorderColor);--ui5-v2-17-0-listitem-selected-border-bottom: 1px solid var(--sapList_SelectionBorderColor);--ui5-v2-17-0-listitem-focused-selected-border-bottom: 1px solid var(--sapList_SelectionBorderColor);--_ui5-v2-17-0-listitembase_disabled_opacity: .5;--_ui5-v2-17-0_product_switch_item_border: none;--_ui5-v2-17-0_menu_item_padding: 0 1rem 0 .75rem;--_ui5-v2-17-0_menu_item_submenu_icon_right: 1rem;--_ui5-v2-17-0_menu_popover_border_radius: var(--sapPopover_BorderCornerRadius);--_ui5-v2-17-0_monthpicker_item_margin: .0625rem;--_ui5-v2-17-0_monthpicker_item_border: .0625rem solid var(--sapButton_Lite_BorderColor);--_ui5-v2-17-0_monthpicker_item_hover_border: .0625rem solid var(--sapButton_Lite_Hover_BorderColor);--_ui5-v2-17-0_monthpicker_item_active_border: .0625rem solid var(--sapButton_Lite_Active_BorderColor);--_ui5-v2-17-0_monthpicker_item_selected_border: .0625rem solid var(--sapButton_Selected_BorderColor);--_ui5-v2-17-0_monthpicker_item_selected_hover_border: .0625rem solid var(--sapButton_Selected_Hover_BorderColor);--_ui5-v2-17-0_monthpicker_item_border_radius: .5rem;--_ui5-v2-17-0_message_strip_padding: .4375rem 2.5rem .4375rem 2.5rem;--_ui5-v2-17-0_message_strip_padding_block_no_icon: .4375rem .4375rem;--_ui5-v2-17-0_message_strip_padding_inline_no_icon: 1rem 2.5rem;--_ui5-v2-17-0_message_strip_border_width: var(--sapMessage_BorderWidth);--_ui5-v2-17-0_message_strip_icon_top: .4375rem;--_ui5-v2-17-0_message_strip_close_button_top: .125rem;--_ui5-v2-17-0_message_strip_scheme_1_set_2_background: var(--sapIndicationColor_1b);--_ui5-v2-17-0_message_strip_scheme_1_set_2_border_color: var(--sapIndicationColor_1b_BorderColor);--_ui5-v2-17-0_message_strip_scheme_2_set_2_background: var(--sapIndicationColor_2b);--_ui5-v2-17-0_message_strip_scheme_2_set_2_border_color: var(--sapIndicationColor_2b_BorderColor);--_ui5-v2-17-0_message_strip_scheme_3_set_2_background: var(--sapIndicationColor_3b);--_ui5-v2-17-0_message_strip_scheme_3_set_2_border_color: var(--sapIndicationColor_3b_BorderColor);--_ui5-v2-17-0_message_strip_scheme_4_set_2_background: var(--sapIndicationColor_4b);--_ui5-v2-17-0_message_strip_scheme_4_set_2_border_color: var(--sapIndicationColor_4b_BorderColor);--_ui5-v2-17-0_message_strip_scheme_5_set_2_background: var(--sapIndicationColor_5b);--_ui5-v2-17-0_message_strip_scheme_5_set_2_border_color: var(--sapIndicationColor_5b_BorderColor);--_ui5-v2-17-0_message_strip_scheme_6_set_2_background: var(--sapIndicationColor_6b);--_ui5-v2-17-0_message_strip_scheme_6_set_2_border_color: var(--sapIndicationColor_6b_BorderColor);--_ui5-v2-17-0_message_strip_scheme_7_set_2_background: var(--sapIndicationColor_7b);--_ui5-v2-17-0_message_strip_scheme_7_set_2_border_color: var(--sapIndicationColor_7b_BorderColor);--_ui5-v2-17-0_message_strip_scheme_8_set_2_background: var(--sapIndicationColor_8b);--_ui5-v2-17-0_message_strip_scheme_8_set_2_border_color: var(--sapIndicationColor_8b_BorderColor);--_ui5-v2-17-0_message_strip_scheme_9_set_2_background: var(--sapIndicationColor_9b);--_ui5-v2-17-0_message_strip_scheme_9_set_2_border_color: var(--sapIndicationColor_9b_BorderColor);--_ui5-v2-17-0_message_strip_scheme_10_set_2_background: var(--sapIndicationColor_10b);--_ui5-v2-17-0_message_strip_scheme_10_set_2_border_color: var(--sapIndicationColor_10b_BorderColor);--_ui5-v2-17-0_message_strip_close_button_right: .1875rem;--_ui5-v2-17-0_message_strip_close_button_color_set_1_background: var(--sapMessage_Button_Hover_Background);--_ui5-v2-17-0_message_strip_close_button_color_set_2_background: var(--sapMessage_Button_Hover_Background);--_ui5-v2-17-0_message_strip_close_button_color_set_1_color: var(--sapContent_ContrastIconColor);--_ui5-v2-17-0_panel_focus_border: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);--_ui5-v2-17-0_panel_header_height: 2.75rem;--_ui5-v2-17-0_panel_button_root_width: 2.75rem;--_ui5-v2-17-0_panel_button_root_height: 2.75rem;--_ui5-v2-17-0_panel_header_padding_right: .5rem;--_ui5-v2-17-0_panel_header_button_wrapper_padding: .25rem;--_ui5-v2-17-0_panel_border_radius: var(--sapGroup_BorderCornerRadius);--_ui5-v2-17-0_panel_border_bottom: none;--_ui5-v2-17-0_panel_default_header_border: .0625rem solid var(--sapGroup_TitleBorderColor);--_ui5-v2-17-0_panel_border_radius_expanded: var(--sapElement_BorderCornerRadius) var(--sapElement_BorderCornerRadius) 0 0;--_ui5-v2-17-0_panel_icon_color: var(--sapButton_Lite_TextColor);--_ui5-v2-17-0_panel_focus_offset: 0px;--_ui5-v2-17-0_panel_focus_bottom_offset: -1px;--_ui5-v2-17-0_panel_content_padding: .625rem 1rem;--_ui5-v2-17-0_panel_header_background_color: var(--sapGroup_TitleBackground);--_ui5-v2-17-0_popover_background: var(--sapGroup_ContentBackground);--_ui5-v2-17-0_popover_box_shadow: var(--sapContent_Shadow2);--_ui5-v2-17-0_popover_no_arrow_box_shadow: var(--sapContent_Shadow1);--_ui5-v2-17-0_popup_content_padding_s: 1rem;--_ui5-v2-17-0_popup_content_padding_m_l: 2rem;--_ui5-v2-17-0_popup_content_padding_xl: 3rem;--_ui5-v2-17-0_popup_header_footer_padding_s: 1rem;--_ui5-v2-17-0_popup_header_footer_padding_m_l: 2rem;--_ui5-v2-17-0_popup_header_footer_padding_xl: 3rem;--_ui5-v2-17-0_popup_viewport_margin: 10px;--_ui5-v2-17-0_popup_header_prop_header_text_alignment: flex-start;--_ui5-v2-17-0_popup_header_shadow: var(--sapContent_HeaderShadow);--_ui5-v2-17-0_popup_header_border: none;--_ui5-v2-17-0_popup_border_radius: .5rem;--_ui5-v2-17-0_popup_block_layer_background: var(--sapBlockLayer_Background);--_ui5-v2-17-0_popup_block_layer_opacity: .2;--_ui5-v2-17-0_progress_indicator_bar_border_max: none;--_ui5-v2-17-0_progress_indicator_icon_visibility: inline-block;--_ui5-v2-17-0_progress_indicator_side_points_visibility: block;--_ui5-v2-17-0_progress_indicator_padding: 1.25rem 0 .75rem 0;--_ui5-v2-17-0_progress_indicator_padding_novalue: .3125rem;--_ui5-v2-17-0_progress_indicator_padding_end: 1.25rem;--_ui5-v2-17-0_progress_indicator_host_height: unset;--_ui5-v2-17-0_progress_indicator_host_box_sizing: border-box;--_ui5-v2-17-0_progress_indicator_root_position: relative;--_ui5-v2-17-0_progress_indicator_root_border_radius: .25rem;--_ui5-v2-17-0_progress_indicator_root_height: .375rem;--_ui5-v2-17-0_progress_indicator_root_min_height: .375rem;--_ui5-v2-17-0_progress_indicator_root_overflow: visible;--_ui5-v2-17-0_progress_indicator_bar_height: .625rem;--_ui5-v2-17-0_progress_indicator_bar_border_radius: .5rem;--_ui5-v2-17-0_progress_indicator_remaining_bar_border_radius: .25rem;--_ui5-v2-17-0_progress_indicator_remaining_bar_position: absolute;--_ui5-v2-17-0_progress_indicator_remaining_bar_width: 100%;--_ui5-v2-17-0_progress_indicator_remaining_bar_overflow: visible;--_ui5-v2-17-0_progress_indicator_icon_position: absolute;--_ui5-v2-17-0_progress_indicator_icon_right_position: -1.25rem;--_ui5-v2-17-0_progress_indicator_value_margin: 0 0 .1875rem 0;--_ui5-v2-17-0_progress_indicator_value_position: absolute;--_ui5-v2-17-0_progress_indicator_value_top_position: -1.3125rem;--_ui5-v2-17-0_progress_indicator_value_left_position: 0;--_ui5-v2-17-0_progress_indicator_background_none: var(--sapProgress_Background);--_ui5-v2-17-0_progress_indicator_background_error: var(--sapProgress_NegativeBackground);--_ui5-v2-17-0_progress_indicator_background_warning: var(--sapProgress_CriticalBackground);--_ui5-v2-17-0_progress_indicator_background_success: var(--sapProgress_PositiveBackground);--_ui5-v2-17-0_progress_indicator_background_information: var(--sapProgress_InformationBackground);--_ui5-v2-17-0_progress_indicator_value_state_none: var(--sapProgress_Value_Background);--_ui5-v2-17-0_progress_indicator_value_state_error: var(--sapProgress_Value_NegativeBackground);--_ui5-v2-17-0_progress_indicator_value_state_warning: var(--sapProgress_Value_CriticalBackground);--_ui5-v2-17-0_progress_indicator_value_state_success: var(--sapProgress_Value_PositiveBackground);--_ui5-v2-17-0_progress_indicator_value_state_information: var(--sapProgress_Value_InformationBackground);--_ui5-v2-17-0_progress_indicator_value_state_error_icon_color: var(--sapProgress_Value_NegativeTextColor);--_ui5-v2-17-0_progress_indicator_value_state_warning_icon_color: var(--sapProgress_Value_CriticalTextColor);--_ui5-v2-17-0_progress_indicator_value_state_success_icon_color: var(--sapProgress_Value_PositiveTextColor);--_ui5-v2-17-0_progress_indicator_value_state_information_icon_color: var(--sapProgress_Value_InformationTextColor);--_ui5-v2-17-0_progress_indicator_border: none;--_ui5-v2-17-0_progress_indicator_border_color_error: var(--sapErrorBorderColor);--_ui5-v2-17-0_progress_indicator_border_color_warning: var(--sapWarningBorderColor);--_ui5-v2-17-0_progress_indicator_border_color_success: var(--sapSuccessBorderColor);--_ui5-v2-17-0_progress_indicator_border_color_information: var(--sapInformationBorderColor);--_ui5-v2-17-0_progress_indicator_color: var(--sapField_TextColor);--_ui5-v2-17-0_progress_indicator_bar_color: var(--sapProgress_TextColor);--_ui5-v2-17-0_progress_indicator_icon_size: var(--sapFontLargeSize);--_ui5-v2-17-0_rating_indicator_border_radius: .5rem;--_ui5-v2-17-0_rating_indicator_outline_offset: -.125rem;--_ui5-v2-17-0_rating_indicator_item_height: 1em;--_ui5-v2-17-0_rating_indicator_item_width: 1em;--_ui5-v2-17-0_rating_indicator_component_spacing: .5rem 0px;--_ui5-v2-17-0_rating_indicator_component_padding: .25rem;--_ui5-v2-17-0_rating_indicator_item_size_s: 1.375rem;--_ui5-v2-17-0_rating_indicator_item_size_l: 2rem;--_ui5-v2-17-0_rating_indicator_readonly_item_height: .75em;--_ui5-v2-17-0_rating_indicator_readonly_item_width: .75em;--_ui5-v2-17-0_rating_indicator_readonly_item_spacing: .1875rem .1875rem;--_ui5-v2-17-0_radio_button_min_width: 2.75rem;--_ui5-v2-17-0_radio_button_checked_fill: var(--sapSelectedColor);--_ui5-v2-17-0_radio_button_checked_error_fill: var(--sapField_InvalidColor);--_ui5-v2-17-0_radio_button_checked_success_fill: var(--sapField_SuccessColor);--_ui5-v2-17-0_radio_button_checked_information_fill: var(--sapField_InformationColor);--_ui5-v2-17-0_radio_button_warning_error_border_dash: 0;--_ui5-v2-17-0_radio_button_outer_ring_color: var(--sapField_BorderColor);--_ui5-v2-17-0_radio_button_outer_ring_width: var(--sapField_BorderWidth);--_ui5-v2-17-0_radio_button_outer_ring_bg: var(--sapField_Background);--_ui5-v2-17-0_radio_button_outer_ring_hover_color: var(--sapField_Hover_BorderColor);--_ui5-v2-17-0_radio_button_outer_ring_active_color: var(--sapField_Hover_BorderColor);--_ui5-v2-17-0_radio_button_outer_ring_checked_hover_color: var(--sapField_Hover_BorderColor);--_ui5-v2-17-0_radio_button_outer_ring_padding_with_label: 0 .6875rem;--_ui5-v2-17-0_radio_button_border: none;--_ui5-v2-17-0_radio_button_focus_outline: block;--_ui5-v2-17-0_radio_button_color: var(--sapField_BorderColor);--_ui5-v2-17-0_radio_button_label_offset: 1px;--_ui5-v2-17-0_radio_button_information_border_width: var(--sapField_InformationBorderWidth);--_ui5-v2-17-0_radio_button_hover_fill: var(--sapField_Selector_Hover_Background);--_ui5-v2-17-0_radio_button_hover_fill_error: var(--sapField_Selector_Hover_InvalidBackground);--_ui5-v2-17-0_radio_button_hover_fill_warning: var(--sapField_Selector_Hover_WarningBackground);--_ui5-v2-17-0_radio_button_hover_fill_success: var(--sapField_Selector_Hover_SuccessBackground);--_ui5-v2-17-0_radio_button_hover_fill_information: var(--sapField_Selector_Hover_InformationBackground);--_ui5-v2-17-0_radio_button_border_width: var(--sapContent_FocusWidth);--_ui5-v2-17-0_radio_button_border_radius: .5rem;--_ui5-v2-17-0_radio_button_label_color: var(--sapField_TextColor);--_ui5-v2-17-0_radio_button_inner_ring_radius: 27.5%;--_ui5-v2-17-0_radio_button_outer_ring_padding: 0 .6875rem;--_ui5-v2-17-0_radio_button_read_only_border_type: 4,2;--_ui5-v2-17-0_radio_button_inner_ring_color: var(--sapContent_Selected_ForegroundColor);--_ui5-v2-17-0_radio_button_checked_warning_fill: var(--sapField_WarningColor);--_ui5-v2-17-0_radio_button_read_only_inner_ring_color: var(--sapField_TextColor);--_ui5-v2-17-0_radio_button_read_only_border_width: var(--sapElement_BorderWidth);--_ui5-v2-17-0_radio_button_focus_dist: .375rem;--_ui5-v2-17-0_segmented_btn_background_color: var(--sapButton_Lite_Background);--_ui5-v2-17-0_segmented_btn_border_color: var(--sapButton_Lite_BorderColor);--_ui5-v2-17-0_segmented_btn_hover_box_shadow: none;--_ui5-v2-17-0_segmented_btn_item_border_left: .0625rem;--_ui5-v2-17-0_segmented_btn_item_border_right: .0625rem;--_ui5-v2-17-0_button_base_height: var(--sapElement_Height);--_ui5-v2-17-0_button_border_radius: var(--sapButton_BorderCornerRadius);--_ui5-v2-17-0_button_emphasized_focused_border_before: .125rem solid var(--sapContent_FocusColor);--_ui5-v2-17-0_button_emphasized_focused_active_border_color: transparent;--_ui5-v2-17-0_button_focused_border: .125rem solid var(--sapContent_FocusColor);--_ui5-v2-17-0_button_focused_border_radius: .375rem;--_ui5-v2-17-0_button_focused_inner_border_radius: .375rem;--_ui5-v2-17-0_button_base_min_width: 2.25rem;--_ui5-v2-17-0_button_base_padding: .5625rem;--_ui5-v2-17-0_button_base_icon_margin: .375rem;--_ui5-v2-17-0_button_text_shadow: none;--_ui5-v2-17-0_button_emphasized_border_width: .0625rem;--_ui5-v2-17-0_button_pressed_focused_border_color: var(--sapContent_FocusColor);--_ui5-v2-17-0_button_emphasized_focused_border_color: var(--sapContent_ContrastFocusColor);--_ui5-v2-17-0_button_fontFamily: var(--sapButton_FontFamily);--_ui5-v2-17-0_switch_height: 2.75rem;--_ui5-v2-17-0_switch_foucs_border_size: 1px;--_ui5-v2-17-0-switch-root-border-radius: 0;--_ui5-v2-17-0-switch-root-box-shadow: none;--_ui5-v2-17-0_switch_track_border_radius: .75rem;--_ui5-v2-17-0-switch-track-border: 1px solid;--_ui5-v2-17-0_switch_track_transition: none;--_ui5-v2-17-0_switch_handle_border_radius: 1rem;--_ui5-v2-17-0-switch-slider-texts-display: inline;--_ui5-v2-17-0_switch_width: 2.5rem;--_ui5-v2-17-0_switch_min_width: none;--_ui5-v2-17-0_switch_with_label_width: 2.875rem;--_ui5-v2-17-0_switch_focus_outline: none;--_ui5-v2-17-0_switch_root_after_outline: .125rem solid var(--sapContent_FocusColor);--_ui5-v2-17-0_switch_root_after_boreder_radius: 1rem;--_ui5-v2-17-0_switch_root_outline_top: .5rem;--_ui5-v2-17-0_switch_root_outline_bottom: .5rem;--_ui5-v2-17-0_switch_root_outline_left: -.125rem;--_ui5-v2-17-0_switch_root_outline_right: -.125rem;--_ui5-v2-17-0_switch_disabled_opacity: var(--sapContent_DisabledOpacity);--_ui5-v2-17-0_switch_transform: translateX(100%) translateX(-1.625rem);--_ui5-v2-17-0_switch_transform_with_label: translateX(100%) translateX(-1.875rem);--_ui5-v2-17-0_switch_rtl_transform: translateX(-100%) translateX(1.625rem);--_ui5-v2-17-0_switch_rtl_transform_with_label: translateX(-100%) translateX(1.875rem);--_ui5-v2-17-0_switch_track_width: 2.5rem;--_ui5-v2-17-0_switch_track_height: 1.5rem;--_ui5-v2-17-0_switch_track_with_label_width: 2.875rem;--_ui5-v2-17-0_switch_track_with_label_height: 1.5rem;--_ui5-v2-17-0_switch_track_active_background_color: var(--sapButton_Track_Selected_Background);--_ui5-v2-17-0_switch_track_inactive_background_color: var(--sapButton_Track_Background);--_ui5-v2-17-0_switch_track_hover_active_background_color: var(--sapButton_Track_Selected_Hover_Background);--_ui5-v2-17-0_switch_track_hover_inactive_background_color: var(--sapButton_Track_Hover_Background);--_ui5-v2-17-0_switch_track_active_border_color: var(--sapButton_Track_Selected_BorderColor);--_ui5-v2-17-0_switch_track_inactive_border_color: var(--sapButton_Track_BorderColor);--_ui5-v2-17-0_switch_track_hover_active_border_color: var(--sapButton_Track_Selected_Hover_BorderColor);--_ui5-v2-17-0_switch_track_hover_inactive_border_color: var(--sapButton_Track_Hover_BorderColor);--_ui5-v2-17-0_switch_track_semantic_accept_background_color: var(--sapButton_Track_Positive_Background);--_ui5-v2-17-0_switch_track_semantic_reject_background_color: var(--sapButton_Track_Negative_Background);--_ui5-v2-17-0_switch_track_semantic_hover_accept_background_color: var(--sapButton_Track_Positive_Hover_Background);--_ui5-v2-17-0_switch_track_semantic_hover_reject_background_color: var(--sapButton_Track_Negative_Hover_Background);--_ui5-v2-17-0_switch_track_semantic_accept_border_color: var(--sapButton_Track_Positive_BorderColor);--_ui5-v2-17-0_switch_track_semantic_reject_border_color: var(--sapButton_Track_Negative_BorderColor);--_ui5-v2-17-0_switch_track_semantic_hover_accept_border_color: var(--sapButton_Track_Positive_Hover_BorderColor);--_ui5-v2-17-0_switch_track_semantic_hover_reject_border_color: var(--sapButton_Track_Negative_Hover_BorderColor);--_ui5-v2-17-0_switch_track_icon_display: inline-block;--_ui5-v2-17-0_switch_handle_width: 1.5rem;--_ui5-v2-17-0_switch_handle_height: 1.25rem;--_ui5-v2-17-0_switch_handle_with_label_width: 1.75rem;--_ui5-v2-17-0_switch_handle_with_label_height: 1.25rem;--_ui5-v2-17-0_switch_handle_border: var(--_ui5-v2-17-0_switch_handle_border_width) solid var(--sapButton_Handle_BorderColor);--_ui5-v2-17-0_switch_handle_border_width: .125rem;--_ui5-v2-17-0_switch_handle_active_background_color: var(--sapButton_Handle_Selected_Background);--_ui5-v2-17-0_switch_handle_inactive_background_color: var(--sapButton_Handle_Background);--_ui5-v2-17-0_switch_handle_hover_active_background_color: var(--sapButton_Handle_Selected_Hover_Background);--_ui5-v2-17-0_switch_handle_hover_inactive_background_color: var(--sapButton_Handle_Hover_Background);--_ui5-v2-17-0_switch_handle_active_border_color: var(--sapButton_Handle_Selected_BorderColor);--_ui5-v2-17-0_switch_handle_inactive_border_color: var(--sapButton_Handle_BorderColor);--_ui5-v2-17-0_switch_handle_hover_active_border_color: var(--sapButton_Handle_Selected_BorderColor);--_ui5-v2-17-0_switch_handle_hover_inactive_border_color: var(--sapButton_Handle_BorderColor);--_ui5-v2-17-0_switch_handle_semantic_accept_background_color: var(--sapButton_Handle_Positive_Background);--_ui5-v2-17-0_switch_handle_semantic_reject_background_color: var(--sapButton_Handle_Negative_Background);--_ui5-v2-17-0_switch_handle_semantic_hover_accept_background_color: var(--sapButton_Handle_Positive_Hover_Background);--_ui5-v2-17-0_switch_handle_semantic_hover_reject_background_color: var(--sapButton_Handle_Negative_Hover_Background);--_ui5-v2-17-0_switch_handle_semantic_accept_border_color: var(--sapButton_Handle_Positive_BorderColor);--_ui5-v2-17-0_switch_handle_semantic_reject_border_color: var(--sapButton_Handle_Negative_BorderColor);--_ui5-v2-17-0_switch_handle_semantic_hover_accept_border_color: var(--sapButton_Handle_Positive_BorderColor);--_ui5-v2-17-0_switch_handle_semantic_hover_reject_border_color: var(--sapButton_Handle_Negative_BorderColor);--_ui5-v2-17-0_switch_handle_on_hover_box_shadow: 0 0 0 .125rem var(--sapButton_Handle_Selected_Hover_BorderColor);--_ui5-v2-17-0_switch_handle_off_hover_box_shadow: 0 0 0 .125rem var(--sapButton_Handle_Hover_BorderColor);--_ui5-v2-17-0_switch_handle_semantic_on_hover_box_shadow: 0 0 0 .125rem var(--sapButton_Handle_Positive_Hover_BorderColor);--_ui5-v2-17-0_switch_handle_semantic_off_hover_box_shadow: 0 0 0 .125rem var(--sapButton_Handle_Negative_Hover_BorderColor);--_ui5-v2-17-0_switch_handle_left: .0625rem;--_ui5-v2-17-0_switch_text_font_family: var(--sapContent_IconFontFamily);--_ui5-v2-17-0_switch_text_font_size: var(--sapFontLargeSize);--_ui5-v2-17-0_switch_text_width: 1.25rem;--_ui5-v2-17-0_switch_text_with_label_font_family: "72-Condensed-Bold" , "72" , "72full" , Arial, Helvetica, sans-serif;--_ui5-v2-17-0_switch_text_with_label_font_size: var(--sapFontSmallSize);--_ui5-v2-17-0_switch_text_with_label_width: 1.75rem;--_ui5-v2-17-0_switch_text_inactive_left: .1875rem;--_ui5-v2-17-0_switch_text_inactive_left_alternate: 0;--_ui5-v2-17-0_switch_text_inactive_right: auto;--_ui5-v2-17-0_switch_text_inactive_right_alternate: 0;--_ui5-v2-17-0_switch_text_active_left: .1875rem;--_ui5-v2-17-0_switch_text_active_left_alternate: .0625rem;--_ui5-v2-17-0_switch_text_active_color: var(--sapButton_Handle_Selected_TextColor);--_ui5-v2-17-0_switch_text_inactive_color: var(--sapButton_Handle_TextColor);--_ui5-v2-17-0_switch_text_semantic_accept_color: var(--sapButton_Handle_Positive_TextColor);--_ui5-v2-17-0_switch_text_semantic_reject_color: var(--sapButton_Handle_Negative_TextColor);--_ui5-v2-17-0_switch_text_overflow: hidden;--_ui5-v2-17-0_switch_text_z_index: 1;--_ui5-v2-17-0_switch_text_hidden: hidden;--_ui5-v2-17-0_switch_text_min_width: none;--_ui5-v2-17-0_switch_icon_width: 1rem;--_ui5-v2-17-0_switch_icon_height: 1rem;--_ui5-v2-17-0_select_label_color: var(--sapField_TextColor);--_ui5-v2-17-0_select_icon_width: 2.25rem;--_ui5-v2-17-0_select_hover_icon_left_border: none;--_ui5-v2-17-0_select_icon_wrapper_height: calc(100% - .0625rem) ;--_ui5-v2-17-0_select_icon_wrapper_state_height: calc(100% - .125rem) ;--_ui5-v2-17-0_split_button_host_transparent_hover_background: transparent;--_ui5-v2-17-0_split_button_transparent_disabled_background: transparent;--_ui5-v2-17-0_split_button_host_default_box_shadow: inset 0 0 0 var(--sapButton_BorderWidth) var(--sapButton_BorderColor);--_ui5-v2-17-0_split_button_host_attention_box_shadow: inset 0 0 0 var(--sapButton_BorderWidth) var(--sapButton_Attention_BorderColor);--_ui5-v2-17-0_split_button_host_emphasized_box_shadow: inset 0 0 0 var(--sapButton_BorderWidth) var(--sapButton_Emphasized_BorderColor);--_ui5-v2-17-0_split_button_host_positive_box_shadow: inset 0 0 0 var(--sapButton_BorderWidth) var(--sapButton_Accept_BorderColor);--_ui5-v2-17-0_split_button_host_negative_box_shadow: inset 0 0 0 var(--sapButton_BorderWidth) var(--sapButton_Reject_BorderColor);--_ui5-v2-17-0_split_button_host_transparent_box_shadow: inset 0 0 0 var(--sapButton_BorderWidth) var(--sapButton_Lite_BorderColor);--_ui5-v2-17-0_split_text_button_border_color: transparent;--_ui5-v2-17-0_split_text_button_background_color: transparent;--_ui5-v2-17-0_split_text_button_emphasized_border: var(--sapButton_BorderWidth) solid var(--sapButton_Emphasized_BorderColor);--_ui5-v2-17-0_split_text_button_emphasized_border_width: .0625rem;--_ui5-v2-17-0_split_text_button_hover_border: var(--sapButton_BorderWidth) solid var(--sapButton_BorderColor);--_ui5-v2-17-0_split_text_button_positive_hover_border: var(--sapButton_BorderWidth) solid var(--sapButton_Accept_BorderColor);--_ui5-v2-17-0_split_text_button_negative_hover_border: var(--sapButton_BorderWidth) solid var(--sapButton_Reject_BorderColor);--_ui5-v2-17-0_split_text_button_attention_hover_border: var(--sapButton_BorderWidth) solid var(--sapButton_Attention_BorderColor);--_ui5-v2-17-0_split_text_button_transparent_hover_border: var(--sapButton_BorderWidth) solid var(--sapButton_BorderColor);--_ui5-v2-17-0_split_arrow_button_hover_border: var(--sapButton_BorderWidth) solid var(--sapButton_BorderColor);--_ui5-v2-17-0_split_arrow_button_emphasized_hover_border: var(--sapButton_BorderWidth) solid var(--sapButton_Emphasized_BorderColor);--_ui5-v2-17-0_split_arrow_button_positive_hover_border: var(--sapButton_BorderWidth) solid var(--sapButton_Accept_BorderColor);--_ui5-v2-17-0_split_arrow_button_negative_hover_border: var(--sapButton_BorderWidth) solid var(--sapButton_Reject_BorderColor);--_ui5-v2-17-0_split_arrow_button_attention_hover_border: var(--sapButton_BorderWidth) solid var(--sapButton_Attention_BorderColor);--_ui5-v2-17-0_split_arrow_button_transparent_hover_border: var(--sapButton_BorderWidth) solid var(--sapButton_BorderColor);--_ui5-v2-17-0_split_button_focused_border: .125rem solid var(--sapContent_FocusColor);--_ui5-v2-17-0_split_button_focused_border_radius: .375rem;--_ui5-v2-17-0_split_button_middle_separator_left: -.0625rem;--_ui5-v2-17-0_split_button_middle_separator_hover_display: none;--_ui5-v2-17-0_split_button_text_button_right_border_width: .0625rem;--_ui5-v2-17-0_split_button_transparent_hover_background: var(--sapButton_Lite_Hover_Background);--_ui5-v2-17-0_split_button_transparent_hover_color: var(--sapButton_TextColor);--_ui5-v2-17-0_split_button_host_transparent_hover_box_shadow: inset 0 0 0 var(--sapButton_BorderWidth) var(--sapButton_BorderColor);--_ui5-v2-17-0_split_button_inner_focused_border_radius_inner: .375rem;--_ui5-v2-17-0_split_button_emphasized_separator_color: transparent;--_ui5-v2-17-0_split_button_positive_separator_color: transparent;--_ui5-v2-17-0_split_button_negative_separator_color: transparent;--_ui5-v2-17-0_split_button_attention_separator_color: transparent;--_ui5-v2-17-0_split_button_attention_separator_color_default: var(--sapButton_Attention_TextColor);--_ui5-v2-17-0_split_text_button_hover_border_right: var(--sapButton_BorderWidth) solid var(--sapButton_BorderColor);--_ui5-v2-17-0_split_text_button_positive_hover_border_right: var(--sapButton_BorderWidth) solid var(--sapButton_Accept_BorderColor);--_ui5-v2-17-0_split_text_button_negative_hover_border_right: var(--sapButton_BorderWidth) solid var(--sapButton_Reject_BorderColor);--_ui5-v2-17-0_split_text_button_attention_hover_border_right: var(--sapButton_BorderWidth) solid var(--sapButton_Attention_BorderColor);--_ui5-v2-17-0_split_text_button_transparent_hover_border_right: var(--sapButton_BorderWidth) solid var(--sapButton_BorderColor);--_ui5-v2-17-0_split_button_middle_separator_hover_display_emphasized: none;--_ui5-v2-17-0_tc_header_height: var(--_ui5-v2-17-0_tc_item_height);--_ui5-v2-17-0_tc_header_height_text_only: var(--_ui5-v2-17-0_tc_item_text_only_height);--_ui5-v2-17-0_tc_header_height_text_with_additional_text: var(--_ui5-v2-17-0_tc_item_text_only_with_additional_text_height);--_ui5-v2-17-0_tc_header_box_shadow: var(--sapContent_HeaderShadow);--_ui5-v2-17-0_tc_header_background: var(--sapObjectHeader_Background);--_ui5-v2-17-0_tc_header_background_translucent: var(--sapObjectHeader_Background);--_ui5-v2-17-0_tc_content_background: var(--sapBackgroundColor);--_ui5-v2-17-0_tc_content_background_translucent: var(--sapGroup_ContentBackground);--_ui5-v2-17-0_tc_headeritem_padding: 1rem;--_ui5-v2-17-0_tc_headerItem_additional_text_color: var(--sapContent_LabelColor);--_ui5-v2-17-0_tc_headerItem_text_selected_color: var(--sapTab_Selected_TextColor);--_ui5-v2-17-0_tc_headerItem_text_selected_hover_color: var(--sapSelectedColor);--_ui5-v2-17-0_tc_headeritem_text_font_weight: normal;--_ui5-v2-17-0_tc_headerItem_additional_text_font_weight: normal;--_ui5-v2-17-0_tc_headerItem_neutral_border_color: var(--sapTab_Neutral_ForegroundColor);--_ui5-v2-17-0_tc_headerItem_transition: none;--_ui5-v2-17-0_tc_headerItemContent_border_radius: .125rem .125rem 0 0;--_ui5-v2-17-0_tc_headerItemContent_border_bg: transparent;--_ui5-v2-17-0_tc_headerItem_neutral_border_bg: transparent;--_ui5-v2-17-0_tc_headerItem_positive_border_bg: transparent;--_ui5-v2-17-0_tc_headerItem_negative_border_bg: transparent;--_ui5-v2-17-0_tc_headerItem_critical_border_bg: transparent;--_ui5-v2-17-0_tc_headerItemContent_border_height: 0;--_ui5-v2-17-0_tc_headerItem_text_focus_border_offset_left: 0px;--_ui5-v2-17-0_tc_headerItem_text_focus_border_offset_right: 0px;--_ui5-v2-17-0_tc_headerItem_text_focus_border_offset_top: 0px;--_ui5-v2-17-0_tc_headerItem_text_focus_border_offset_bottom: 0px;--_ui5-v2-17-0_tc_headerItem_mixed_mode_focus_border_offset_left: .75rem;--_ui5-v2-17-0_tc_headerItem_mixed_mode_focus_border_offset_right: .625rem;--_ui5-v2-17-0_tc_headerItem_mixed_mode_focus_border_offset_top: .75rem;--_ui5-v2-17-0_tc_headerItem_mixed_mode_focus_border_offset_bottom: .75rem;--_ui5-v2-17-0_tc_headerItemContent_default_focus_border: none;--_ui5-v2-17-0_tc_headerItemContent_focus_border_radius: 0;--_ui5-v2-17-0_tc_headerItemSemanticIcon_display: none;--_ui5-v2-17-0_tc_headerItemSemanticIcon_size: .75rem;--_ui5-v2-17-0_tc_mixedMode_itemText_font_family: var(--sapFontFamily);--_ui5-v2-17-0_tc_mixedMode_itemText_font_size: var(--sapFontSmallSize);--_ui5-v2-17-0_tc_mixedMode_itemText_font_weight: normal;--_ui5-v2-17-0_tc_overflowItem_positive_color: var(--sapPositiveColor);--_ui5-v2-17-0_tc_overflowItem_negative_color: var(--sapNegativeColor);--_ui5-v2-17-0_tc_overflowItem_critical_color: var(--sapCriticalColor);--_ui5-v2-17-0_tc_overflowItem_focus_offset: .125rem;--_ui5-v2-17-0_tc_overflowItem_indent: .5rem;--_ui5-v2-17-0_tc_overflowItem_extra_indent: 0rem;--_ui5-v2-17-0_tc_headerItemIcon_semantic_selected_color: var(--sapGroup_ContentBackground);--_ui5-v2-17-0_tc_header_border_bottom: .0625rem solid var(--sapObjectHeader_Background);--_ui5-v2-17-0_tc_headerItem_color: var(--sapTab_TextColor);--_ui5-v2-17-0_tc_overflowItem_default_color: var(--sapTab_TextColor);--_ui5-v2-17-0_tc_overflowItem_current_color: CurrentColor;--_ui5-v2-17-0_tc_content_border_bottom: .0625rem solid var(--sapObjectHeader_BorderColor);--_ui5-v2-17-0_tc_headerItem_expand_button_margin_inline_start: 0rem;--_ui5-v2-17-0_tc_headerItem_single_click_expand_button_margin_inline_start: .25rem;--_ui5-v2-17-0_tc_headerItem_expand_button_border_radius: .25rem;--_ui5-v2-17-0_tc_headerItem_expand_button_separator_display: inline-block;--_ui5-v2-17-0_tc_headerItem_focus_border: .125rem solid var(--sapContent_FocusColor);--_ui5-v2-17-0_tc_headerItem_focus_border_offset: -5px;--_ui5-v2-17-0_tc_headerItemIcon_focus_border_radius: 50%;--_ui5-v2-17-0_tc_headerItem_focus_border_radius: .375rem;--_ui5-v2-17-0_tc_headerItem_text_hover_color: var(--sapTab_Selected_TextColor);--_ui5-v2-17-0_tc_headerItemIcon_border: .125rem solid var(--sapTab_ForegroundColor);--_ui5-v2-17-0_tc_mixedMode_itemText_color: var(--sapTextColor);--_ui5-v2-17-0_tc_overflow_text_color: var(--sapTextColor);--_ui5-v2-17-0_text_max_lines: initial;--_ui5-v2-17-0_textarea_state_border_width: .125rem;--_ui5-v2-17-0_textarea_information_border_width: .125rem;--_ui5-v2-17-0_textarea_placeholder_font_style: italic;--_ui5-v2-17-0_textarea_value_state_error_warning_placeholder_font_weight: normal;--_ui5-v2-17-0_textarea_error_placeholder_font_style: italic;--_ui5-v2-17-0_textarea_error_placeholder_color: var(--sapField_PlaceholderTextColor);--_ui5-v2-17-0_textarea_error_hover_background_color: var(--sapField_Hover_Background);--_ui5-v2-17-0_textarea_disabled_opacity: .4;--_ui5-v2-17-0_textarea_focus_pseudo_element_content: "";--_ui5-v2-17-0_textarea_min_height: 2.25rem;--_ui5-v2-17-0_textarea_padding_right_and_left_readonly: .5625rem;--_ui5-v2-17-0_textarea_padding_top_readonly: .4375rem;--_ui5-v2-17-0_textarea_hover_border: none;--_ui5-v2-17-0_textarea_focus_border_radius: .25rem;--_ui5-v2-17-0_textarea_line_height: 1.5;--_ui5-v2-17-0_textarea_error_warning_border_style: none;--_ui5-v2-17-0_textarea_focused_value_state_error_background: var(--sapField_Hover_Background);--_ui5-v2-17-0_textarea_focused_value_state_warning_background: var(--sapField_Hover_Background);--_ui5-v2-17-0_textarea_focused_value_state_success_background: var(--sapField_Hover_Background);--_ui5-v2-17-0_textarea_focused_value_state_information_background: var(--sapField_Hover_Background);--_ui5-v2-17-0_textarea_focused_value_state_error_focus_outline_color: var(--sapField_InvalidColor);--_ui5-v2-17-0_textarea_focused_value_state_warning_focus_outline_color: var(--sapField_WarningColor);--_ui5-v2-17-0_textarea_focused_value_state_success_focus_outline_color: var(--sapField_SuccessColor);--_ui5-v2-17-0_textarea_focus_offset: 0;--_ui5-v2-17-0_textarea_readonly_focus_offset: 1px;--_ui5-v2-17-0_textarea_focus_outline_color: var(--sapField_Active_BorderColor);--_ui5-v2-17-0_textarea_value_state_focus_offset: 1px;--_ui5-v2-17-0_textarea_wrapper_padding: .0625rem;--_ui5-v2-17-0_textarea_success_wrapper_padding: .0625rem;--_ui5-v2-17-0_textarea_warning_error_wrapper_padding: .0625rem .0625rem .125rem .0625rem;--_ui5-v2-17-0_textarea_information_wrapper_padding: .0625rem .0625rem .125rem .0625rem;--_ui5-v2-17-0_textarea_inner_width: calc(100% - (2 * var(--_ui5-v2-17-0_textarea_wrapper_padding)));--_ui5-v2-17-0_textarea_padding_top: .5rem;--_ui5-v2-17-0_textarea_padding_bottom: .4375rem;--_ui5-v2-17-0_textarea_padding_bottom_readonly: .375rem;--_ui5-v2-17-0_textarea_padding_top_error_warning: .5rem;--_ui5-v2-17-0_textarea_padding_bottom_error_warning: .4375rem;--_ui5-v2-17-0_textarea_padding_top_information: .5rem;--_ui5-v2-17-0_textarea_padding_bottom_information: .4375rem;--_ui5-v2-17-0_textarea_padding_right_and_left: .625rem;--_ui5-v2-17-0_textarea_padding_right_and_left_error_warning: .625rem;--_ui5-v2-17-0_textarea_padding_right_and_left_information: .625rem;--_ui5-v2-17-0_textarea_readonly_border_style: dashed;--_ui5-v2-17-0-time_picker_border_radius: .25rem;--_ui5-v2-17-0_toast_vertical_offset: 3rem;--_ui5-v2-17-0_toast_horizontal_offset: 2rem;--_ui5-v2-17-0_toast_background: var(--sapIndicationColor_9_Background);--_ui5-v2-17-0_toast_shadow: var(--sapContent_Lite_Shadow);--_ui5-v2-17-0_toast_offset_width: -.1875rem;--_ui5-v2-17-0_toggle_button_emphasized_text_shadow: none;--_ui5-v2-17-0_yearpicker_item_margin: .0625rem;--_ui5-v2-17-0_yearpicker_item_border: .0625rem solid var(--sapButton_Lite_BorderColor);--_ui5-v2-17-0_yearpicker_item_hover_border: .0625rem solid var(--sapButton_Lite_Hover_BorderColor);--_ui5-v2-17-0_yearpicker_item_selected_border: .0625rem solid var(--sapButton_Selected_BorderColor);--_ui5-v2-17-0_yearpicker_item_selected_hover_border: .0625rem solid var(--sapButton_Selected_Hover_BorderColor);--_ui5-v2-17-0_yearpicker_item_border_radius: .5rem;--_ui5-v2-17-0_calendar_header_middle_button_width: 6.25rem;--_ui5-v2-17-0_calendar_header_middle_button_flex: 1 1 auto;--_ui5-v2-17-0_calendar_header_middle_button_focus_after_display: block;--_ui5-v2-17-0_calendar_header_middle_button_focus_after_width: calc(100% - .375rem) ;--_ui5-v2-17-0_calendar_header_middle_button_focus_after_height: calc(100% - .375rem) ;--_ui5-v2-17-0_calendar_header_middle_button_focus_after_top_offset: .125rem;--_ui5-v2-17-0_calendar_header_middle_button_focus_after_left_offset: .125rem;--_ui5-v2-17-0_calendar_header_arrow_button_border: .0625rem solid var(--sapList_Hover_Background);--_ui5-v2-17-0_calendar_header_arrow_button_border_radius: .5rem;--_ui5-v2-17-0_calendar_header_arrow_button_box_shadow: 0 0 .125rem 0 rgb(85 107 130 / 72%);--_ui5-v2-17-0_calendar_header_middle_button_focus_border_radius: .5rem;--_ui5-v2-17-0_calendar_header_middle_button_focus_border: none;--_ui5-v2-17-0_calendar_header_middle_button_focus_after_border: none;--_ui5-v2-17-0_calendar_header_middle_button_focus_background: transparent;--_ui5-v2-17-0_calendar_header_middle_button_focus_outline: .125rem solid var(--sapSelectedColor);--_ui5-v2-17-0_calendar_header_middle_button_focus_active_outline: .0625rem solid var(--sapSelectedColor);--_ui5-v2-17-0_calendar_header_middle_button_focus_active_background: transparent;--_ui5-v2-17-0-toolbar-padding-left: .5rem;--_ui5-v2-17-0-toolbar-padding-right: .5rem;--_ui5-v2-17-0-toolbar-item-margin-left: 0;--_ui5-v2-17-0-toolbar-item-margin-right: .25rem;--_ui5-v2-17-0_token_background: var(--sapButton_TokenBackground);--_ui5-v2-17-0_token_readonly_background: var(--sapButton_TokenBackground);--_ui5-v2-17-0_token_readonly_color: var(--sapContent_LabelColor);--_ui5-v2-17-0_token_right_margin: .3125rem;--_ui5-v2-17-0_token_left_padding: .3125rem;--_ui5-v2-17-0_token_focused_selected_border: 1px solid var(--sapButton_Selected_BorderColor);--_ui5-v2-17-0_token_focus_offset: -.25rem;--_ui5-v2-17-0_token_focus_outline_width: .0625rem;--_ui5-v2-17-0_token_selected_focus_outline: none;--_ui5-v2-17-0_token_focus_outline: none;--_ui5-v2-17-0_token_outline_offset: .125rem;--ui5-v2-17-0_token_focus_pseudo_element_content: "";--_ui5-v2-17-0_token_border_radius: .375rem;--_ui5-v2-17-0_token_focus_outline_border_radius: .5rem;--_ui5-v2-17-0_token_text_color: var(--sapTextColor);--_ui5-v2-17-0_token_selected_text_font_family: var(--sapFontSemiboldDuplexFamily);--_ui5-v2-17-0_token_selected_internal_border_bottom: .125rem solid var(--sapButton_Selected_BorderColor);--_ui5-v2-17-0_token_selected_internal_border_bottom_radius: .1875rem;--_ui5-v2-17-0_token_readonly_padding: .25rem .3125rem;--_ui5-v2-17-0_tokenizer_gap: .625rem .25rem;--_ui5-v2-17-0_tokenizer-popover_offset: .3125rem;--_ui5-v2-17-0_tokenizer_n_more_text_color: var(--sapLinkColor);--_ui5-v2-17-0_slider_progress_container_dot_background: var(--sapField_BorderColor);--_ui5-v2-17-0_slider_progress_border: solid .0625rem var(--sapSlider_BorderColor);--_ui5-v2-17-0_slider_padding: 1.406rem 1.0625rem;--_ui5-v2-17-0_slider_inner_height: .25rem;--_ui5-v2-17-0_slider_outer_height: 1.6875rem;--_ui5-v2-17-0_slider_progress_border_radius: .25rem;--_ui5-v2-17-0_slider_tickmark_bg: var(--sapField_BorderColor);--_ui5-v2-17-0_slider_handle_outline_offset: .075rem;--_ui5-v2-17-0_slider_progress_outline: .0625rem dotted var(--sapContent_FocusColor);--_ui5-v2-17-0_slider_progress_outline_offset: -.8125rem;--_ui5-v2-17-0_slider_disabled_opacity: .4;--_ui5-v2-17-0_slider_tooltip_border_color: var(--sapField_BorderColor);--_ui5-v2-17-0_range_slider_handle_background_focus: transparent;--_ui5-v2-17-0_slider_progress_box_sizing: border-box;--_ui5-v2-17-0_slider_active_progress_box_sizing: content-box;--_ui5-v2-17-0_range_slider_focus_outline_width: 100%;--_ui5-v2-17-0_slider_progress_outline_offset_left: 0;--_ui5-v2-17-0_range_slider_focus_outline_radius: 0;--_ui5-v2-17-0_slider_progress_container_top: 0;--_ui5-v2-17-0_slider_progress_height: 100%;--_ui5-v2-17-0_slider_active_progress_border: solid .0625rem var(--sapSlider_Selected_BorderColor);--_ui5-v2-17-0_slider_active_progress_left: 0;--_ui5-v2-17-0_slider_active_progress_top: 0;--_ui5-v2-17-0_slider_no_tickmarks_progress_container_top: var(--_ui5-v2-17-0_slider_progress_container_top);--_ui5-v2-17-0_slider_no_tickmarks_progress_height: var(--_ui5-v2-17-0_slider_progress_height);--_ui5-v2-17-0_slider_no_tickmarks_active_progress_border: var(--_ui5-v2-17-0_slider_active_progress_border);--_ui5-v2-17-0_slider_no_tickmarks_active_progress_left: var(--_ui5-v2-17-0_slider_active_progress_left);--_ui5-v2-17-0_slider_no_tickmarks_active_progress_top: var(--_ui5-v2-17-0_slider_active_progress_top);--_ui5-v2-17-0_slider_handle_focus_visibility: none;--_ui5-v2-17-0_slider_handle_icon_size: 1rem;--_ui5-v2-17-0_slider_progress_container_background: var(--sapSlider_Background);--_ui5-v2-17-0_slider_progress_container_dot_display: block;--_ui5-v2-17-0_slider_inner_min_width: 4rem;--_ui5-v2-17-0_slider_progress_background: var(--sapSlider_Selected_Background);--_ui5-v2-17-0_slider_progress_before_background: var(--sapSlider_Selected_Background);--_ui5-v2-17-0_slider_progress_after_background: var(--sapContent_MeasureIndicatorColor);--_ui5-v2-17-0_slider_handle_background: var(--sapSlider_HandleBackground);--_ui5-v2-17-0_slider_handle_icon_display: inline-block;--_ui5-v2-17-0_slider_handle_border: .0625rem solid var(--sapSlider_HandleBorderColor);--_ui5-v2-17-0_slider_handle_border_radius: .5rem;--_ui5-v2-17-0_slider_handle_height: 1.5rem;--_ui5-v2-17-0_slider_handle_width: 2rem;--_ui5-v2-17-0_slider_handle_top: -.625rem;--_ui5-v2-17-0_slider_handle_font_family: "SAP-icons";--_ui5-v2-17-0_slider_handle_hover_border: .0625rem solid var(--sapSlider_Hover_HandleBorderColor);--_ui5-v2-17-0_slider_handle_focus_border: .125rem solid var(--sapContent_FocusColor);--_ui5-v2-17-0_slider_handle_background_focus: var(--sapSlider_Active_RangeHandleBackground);--_ui5-v2-17-0_slider_handle_outline: none;--_ui5-v2-17-0_slider_handle_hover_background: var(--sapSlider_Hover_HandleBackground);--_ui5-v2-17-0_slider_tooltip_background: var(--sapField_Focus_Background);--_ui5-v2-17-0_slider_tooltip_border: none;--_ui5-v2-17-0_slider_tooltip_border_radius: .5rem;--_ui5-v2-17-0_slider_tooltip_box_shadow: var(--sapContent_Shadow1);--_ui5-v2-17-0_range_slider_legacy_progress_focus_display: none;--_ui5-v2-17-0_range_slider_progress_focus_display: block;--_ui5-v2-17-0_slider_tickmark_in_range_bg: var(--sapSlider_Selected_BorderColor);--_ui5-v2-17-0_slider_label_fontsize: var(--sapFontSmallSize);--_ui5-v2-17-0_slider_label_color: var(--sapContent_LabelColor);--_ui5-v2-17-0_slider_tooltip_min_width: 2rem;--_ui5-v2-17-0_slider_tooltip_padding: .25rem;--_ui5-v2-17-0_slider_tooltip_fontsize: var(--sapFontSmallSize);--_ui5-v2-17-0_slider_tooltip_color: var(--sapContent_LabelColor);--_ui5-v2-17-0_slider_tooltip_height: 1.375rem;--_ui5-v2-17-0_slider_handle_focus_width: 1px;--_ui5-v2-17-0_slider_start_end_point_size: .5rem;--_ui5-v2-17-0_slider_start_end_point_left: -.75rem;--_ui5-v2-17-0_slider_start_end_point_top: -.125rem;--_ui5-v2-17-0_slider_handle_focused_tooltip_distance: calc(var(--_ui5-v2-17-0_slider_tooltip_bottom) - var(--_ui5-v2-17-0_slider_handle_focus_width));--_ui5-v2-17-0_slider_tooltip_border_box: border-box;--_ui5-v2-17-0_range_slider_handle_active_background: var(--sapSlider_Active_RangeHandleBackground);--_ui5-v2-17-0_range_slider_active_handle_icon_display: none;--_ui5-v2-17-0_range_slider_progress_focus_top: -15px;--_ui5-v2-17-0_range_slider_progress_focus_left: calc(-1 * (var(--_ui5-v2-17-0_slider_handle_width) / 2) - 5px);--_ui5-v2-17-0_range_slider_progress_focus_padding: 0 1rem 0 1rem;--_ui5-v2-17-0_range_slider_progress_focus_width: calc(100% + var(--_ui5-v2-17-0_slider_handle_width) + 10px);--_ui5-v2-17-0_range_slider_progress_focus_height: calc(var(--_ui5-v2-17-0_slider_handle_height) + 10px);--_ui5-v2-17-0_range_slider_root_hover_handle_icon_display: inline-block;--_ui5-v2-17-0_range_slider_root_hover_handle_bg: var(--_ui5-v2-17-0_slider_handle_hover_background);--_ui5-v2-17-0_range_slider_root_active_handle_icon_display: none;--_ui5-v2-17-0_slider_tickmark_height: .5rem;--_ui5-v2-17-0_slider_tickmark_top: -2px;--_ui5-v2-17-0_slider_handle_box_sizing: border-box;--_ui5-v2-17-0_range_slider_handle_background: var(--sapSlider_RangeHandleBackground);--_ui5-v2-17-0_slider_tooltip_bottom: 2rem;--_ui5-v2-17-0_value_state_message_border: none;--_ui5-v2-17-0_value_state_header_border: none;--_ui5-v2-17-0_input_value_state_icon_offset: .5rem;--_ui5-v2-17-0_value_state_header_box_shadow_error: inset 0 -.0625rem var(--sapField_InvalidColor);--_ui5-v2-17-0_value_state_header_box_shadow_information: inset 0 -.0625rem var(--sapField_InformationColor);--_ui5-v2-17-0_value_state_header_box_shadow_success: inset 0 -.0625rem var(--sapField_SuccessColor);--_ui5-v2-17-0_value_state_header_box_shadow_warning: inset 0 -.0625rem var(--sapField_WarningColor);--_ui5-v2-17-0_value_state_message_popover_header_min_height: 2rem;--_ui5-v2-17-0_value_state_message_popover_header_min_width: 6rem;--_ui5-v2-17-0_value_state_message_popover_header_max_width: 22rem;--_ui5-v2-17-0_value_state_message_popover_header_width: auto;--_ui5-v2-17-0_value_state_message_icon_offset_phone: 1rem;--_ui5-v2-17-0_value_state_header_border_bottom: none;--_ui5-v2-17-0_input_value_state_icon_display: inline-block;--_ui5-v2-17-0_value_state_message_padding: .5rem .5rem .5rem 1.875rem;--_ui5-v2-17-0_value_state_header_padding: .5rem .5rem .5rem 1.875rem;--_ui5-v2-17-0_value_state_message_popover_box_shadow: var(--sapContent_Shadow1);--_ui5-v2-17-0_value_state_message_icon_width: 1rem;--_ui5-v2-17-0_value_state_message_icon_height: 1rem;--_ui5-v2-17-0_value_state_header_offset: -.25rem;--_ui5-v2-17-0_value_state_message_popover_border_radius: var(--sapPopover_BorderCornerRadius);--_ui5-v2-17-0_value_state_message_padding_phone: .5rem .5rem .5rem 2.375rem;--_ui5-v2-17-0_value_state_message_line_height: 1.125rem;--_ui5-v2-17-0_step_input_min_width: 7.25rem;--_ui5-v2-17-0_step_input_padding: 2.5rem;--_ui5-v2-17-0_step_input_input_error_background_color: inherit;--_ui5-v2-17-0-step_input_button_state_hover_background_color: var(--sapField_Hover_Background);--_ui5-v2-17-0_step_input_border_style: none;--_ui5-v2-17-0_step_input_border_style_hover: none;--_ui5-v2-17-0_step_input_button_background_color: transparent;--_ui5-v2-17-0_step_input_input_border: none;--_ui5-v2-17-0_step_input_input_margin_top: 0;--_ui5-v2-17-0_step_input_button_display: inline-flex;--_ui5-v2-17-0_step_input_button_left: 0;--_ui5-v2-17-0_step_input_button_right: 0;--_ui5-v2-17-0_step_input_input_border_focused_after: .125rem solid #0070f2;--_ui5-v2-17-0_step_input_input_border_top_bottom_focused_after: 0;--_ui5-v2-17-0_step_input_input_border_radius_focused_after: .25rem;--_ui5-v2-17-0_step_input_input_information_border_color_focused_after: var(--sapField_InformationColor);--_ui5-v2-17-0_step_input_input_warning_border_color_focused_after: var(--sapField_WarningColor);--_ui5-v2-17-0_step_input_input_success_border_color_focused_after: var(--sapField_SuccessColor);--_ui5-v2-17-0_step_input_input_error_border_color_focused_after: var(--sapField_InvalidColor);--_ui5-v2-17-0_step_input_disabled_button_background: none;--_ui5-v2-17-0_step_input_border_color_hover: none;--_ui5-v2-17-0_step_input_border_hover: none;--_ui5-v2-17-0_input_input_background_color: transparent;--_ui5-v2-17-0_load_more_padding: 0;--_ui5-v2-17-0_load_more_border: 1px top solid transparent;--_ui5-v2-17-0_load_more_border_radius: none;--_ui5-v2-17-0_load_more_outline_width: var(--sapContent_FocusWidth);--_ui5-v2-17-0_load_more_border-bottom: var(--sapList_BorderWidth) solid var(--sapList_BorderColor);--_ui5-v2-17-0_calendar_height: 24.5rem;--_ui5-v2-17-0_calendar_width: 20rem;--_ui5-v2-17-0_calendar_left_right_padding: .5rem;--_ui5-v2-17-0_calendar_top_bottom_padding: 1rem;--_ui5-v2-17-0_calendar_header_height: 3rem;--_ui5-v2-17-0_calendar_header_arrow_button_width: 2.5rem;--_ui5-v2-17-0_calendar_header_padding: .25rem 0;--_ui5-v2-17-0_checkbox_root_side_padding: .6875rem;--_ui5-v2-17-0_checkbox_icon_size: 1rem;--_ui5-v2-17-0_checkbox_partially_icon_size: .75rem;--_ui5-v2-17-0_custom_list_item_rb_min_width: 2.75rem;--_ui5-v2-17-0_day_picker_item_width: 2.25rem;--_ui5-v2-17-0_day_picker_item_height: 2.875rem;--_ui5-v2-17-0_day_picker_empty_height: 3rem;--_ui5-v2-17-0_day_picker_item_justify_content: space-between;--_ui5-v2-17-0_daypicker_item_now_selected_two_calendar_focus_special_day_top: 2rem;--_ui5-v2-17-0_daypicker_item_now_selected_two_calendar_focus_special_day_right: 1.4375rem;--_ui5-v2-17-0_dp_two_calendar_item_secondary_text_height: 1rem;--_ui5-v2-17-0_dp_two_calendar_item_text_padding_top: .4375rem;--_ui5-v2-17-0_daypicker_item_now_selected_two_calendar_focus_secondary_text_padding_block: 0 .5rem;--_ui5-v2-17-0-calendar-legend-item-root-focus-offset: -.125rem;--_ui5-v2-17-0-calendar-legend-item-box-margin: .25rem;--_ui5-v2-17-0-calendar-legend-item-box-inner-margin: .5rem;--_ui5-v2-17-0_color_picker_slider_progress_container_height: 1.625rem;--_ui5-v2-17-0_color_picker_slider_container_margin_top: -.5rem;--_ui5-v2-17-0_color_picker_slider_handle_height: 2rem;--_ui5-v2-17-0_color_picker_slider_handle_width: 1.0625rem;--_ui5-v2-17-0_color_picker_slider_handle_after_height: 1.75rem;--_ui5-v2-17-0_color_picker_slider_handle_focus_height: 2.125rem;--_ui5-v2-17-0_color_picker_colors_wrapper_height: 2.25rem;--_ui5-v2-17-0_color_picker_sliders_height: 3rem;--_ui5-v2-17-0_color_picker_main_color_margin_bottom: 1rem;--_ui5-v2-17-0_color_picker_slider_spacing: .9375rem;--_ui5-v2-17-0_color_channel_toggle_button_width: 1.625rem;--_ui5-v2-17-0_color_channel_toggle_button_margin-top: -.75rem;--_ui5-v2-17-0_color_channel_hex_input_width: 4.8125rem;--_ui5-v2-17-0-color_channel_margin_top: .25rem;--_ui5-v2-17-0_color-palette-swatch-container-padding: .3125rem .6875rem;--_ui5-v2-17-0_datetime_picker_width: 40.0625rem;--_ui5-v2-17-0_datetime_picker_height: 25rem;--_ui5-v2-17-0_datetime_timeview_width: 17rem;--_ui5-v2-17-0_datetime_timeview_phonemode_width: 19.5rem;--_ui5-v2-17-0_datetime_timeview_phonemode_clocks_width: 24.5rem;--_ui5-v2-17-0_datetime_dateview_phonemode_margin_bottom: 0;--_ui5-v2-17-0_dialog_content_min_height: 2.75rem;--_ui5-v2-17-0_dialog_footer_height: 2.75rem;--_ui5-v2-17-0_input_inner_padding: 0 .625rem;--_ui5-v2-17-0_input_inner_padding_with_icon: 0 .25rem 0 .625rem;--_ui5-v2-17-0_input_inner_space_to_tokenizer: .125rem;--_ui5-v2-17-0_input_inner_space_to_n_more_text: .1875rem;--_ui5-v2-17-0_list_no_data_height: 3rem;--_ui5-v2-17-0_list_item_cb_margin_right: 0;--_ui5-v2-17-0_list_item_title_size: var(--sapFontLargeSize);--_ui5-v2-17-0_list_no_data_font_size: var(--sapFontLargeSize);--_ui5-v2-17-0_list_item_img_size: 3rem;--_ui5-v2-17-0_list_item_img_top_margin: .5rem;--_ui5-v2-17-0_list_item_img_bottom_margin: .5rem;--_ui5-v2-17-0_list_item_img_hn_margin: .75rem;--_ui5-v2-17-0_list_item_dropdown_base_height: 2.5rem;--_ui5-v2-17-0_list_item_base_height: var(--sapElement_LineHeight);--_ui5-v2-17-0_list_item_base_padding: 0 1rem;--_ui5-v2-17-0_list_item_icon_size: 1.125rem;--_ui5-v2-17-0_list_item_icon_padding-inline-end: .75rem;--_ui5-v2-17-0_list_item_selection_btn_margin_top: calc(-1 * var(--_ui5-v2-17-0_checkbox_wrapper_padding));--_ui5-v2-17-0_list_item_content_vertical_offset: calc((var(--_ui5-v2-17-0_list_item_base_height) - var(--_ui5-v2-17-0_list_item_title_size)) / 2);--_ui5-v2-17-0_group_header_list_item_height: 2.75rem;--_ui5-v2-17-0_month_picker_item_height: 3rem;--_ui5-v2-17-0_list_buttons_left_space: .125rem;--_ui5-v2-17-0_form_item_min_height: 2.813rem;--_ui5-v2-17-0_form_item_padding: .65rem;--_ui5-v2-17-0-form-group-heading-height: 2.75rem;--_ui5-v2-17-0_popup_default_header_height: 2.75rem;--_ui5-v2-17-0_year_picker_item_height: 3rem;--_ui5-v2-17-0_tokenizer_padding: .25rem;--_ui5-v2-17-0_token_height: 1.625rem;--_ui5-v2-17-0_token_icon_size: .75rem;--_ui5-v2-17-0_token_icon_padding: .25rem .5rem;--_ui5-v2-17-0_tl_bubble_padding: 1rem;--_ui5-v2-17-0_tl_padding: 1rem 1rem 1rem .5rem;--_ui5-v2-17-0_tl_li_margin_bottom: 1.625rem;--_ui5-v2-17-0_tc_item_text: 3rem;--_ui5-v2-17-0_tc_item_height: 4.75rem;--_ui5-v2-17-0_tc_item_text_only_height: 2.75rem;--_ui5-v2-17-0_tc_item_text_only_with_additional_text_height: 3.75rem;--_ui5-v2-17-0_tc_item_text_line_height: 1.325rem;--_ui5-v2-17-0_tc_item_icon_circle_size: 2.75rem;--_ui5-v2-17-0_tc_item_icon_size: 1.25rem;--_ui5-v2-17-0_tc_item_add_text_margin_top: .375rem;--_ui5-v2-17-0_textarea_margin: .25rem 0;--_ui5-v2-17-0_radio_button_height: 2.75rem;--_ui5-v2-17-0_radio_button_label_side_padding: .875rem;--_ui5-v2-17-0_radio_button_inner_size: 2.75rem;--_ui5-v2-17-0_radio_button_svg_size: 1.375rem;--_ui5-v2-17-0-responsive_popover_header_height: 2.75rem;--_ui5-v2-17-0-tree-indent-step: 1.5rem;--_ui5-v2-17-0-tree-toggle-box-width: 2.75rem;--_ui5-v2-17-0-tree-toggle-box-height: 2.25rem;--_ui5-v2-17-0-tree-toggle-icon-size: 1.0625rem;--_ui5-v2-17-0_timeline_tli_indicator_before_bottom: -1.5rem;--_ui5-v2-17-0_timeline_tli_indicator_before_right: -1.625rem;--_ui5-v2-17-0_timeline_tli_indicator_before_without_icon_bottom: -1.875rem;--_ui5-v2-17-0_timeline_tli_indicator_before_without_icon_right: -1.9375rem;--_ui5-v2-17-0_timeline_tli_indicator_after_top: calc(-100% - 1rem) ;--_ui5-v2-17-0_timeline_tli_indicator_after_height: calc(100% + 1rem) ;--_ui5-v2-17-0_timeline_tli_indicator_before_height: 100%;--_ui5-v2-17-0_timeline_tli_horizontal_indicator_after_width: calc(100% + .25rem) ;--_ui5-v2-17-0_timeline_tli_horizontal_indicator_after_left: 1.9375rem;--_ui5-v2-17-0_timeline_tli_horizontal_without_icon_indicator_before_width: calc(100% + .5rem) ;--_ui5-v2-17-0_timeline_tli_horizontal_indicator_before_width: calc(100% + .5rem) ;--_ui5-v2-17-0_timeline_tli_icon_horizontal_indicator_after_width: calc(100% + .25rem) ;--_ui5-v2-17-0_timeline_tli_without_icon_horizontal_indicator_before_width: calc(100% + .375rem) ;--_ui5-v2-17-0_timeline_tli_horizontal_indicator_short_after_width: 100%;--_ui5-v2-17-0-toolbar-separator-height: 2rem;--_ui5-v2-17-0-toolbar-height: 2.75rem;--_ui5-v2-17-0_toolbar_overflow_padding: .25rem .5rem;--_ui5-v2-17-0_dynamic_page_title_actions_separator_height: var(--_ui5-v2-17-0-toolbar-separator-height);--_ui5-v2-17-0-shellbar-separator-height: 2rem;--_ui5-v2-17-0_split_button_middle_separator_top: .625rem;--_ui5-v2-17-0_split_button_middle_separator_height: 1rem;--_ui5-v2-17-0-calendar-legend-item-root-focus-border-radius: .25rem;--_ui5-v2-17-0_color-palette-item-height: 1.75rem;--_ui5-v2-17-0_color-palette-item-hover-height: 2.25rem;--_ui5-v2-17-0_color-palette-item-margin: calc(((var(--_ui5-v2-17-0_color-palette-item-hover-height) - var(--_ui5-v2-17-0_color-palette-item-height)) / 2) + .0625rem);--_ui5-v2-17-0_color-palette-row-width: 12rem;--_ui5-v2-17-0_dp_two_calendar_item_secondary_text_padding_block: 0 .5rem;--_ui5-v2-17-0_dp_two_calendar_item_secondary_text_padding: 0 .5rem;--_ui5-v2-17-0_daypicker_two_calendar_item_selected_focus_margin_bottom: 0;--_ui5-v2-17-0_daypicker_two_calendar_item_selected_focus_padding_right: .5rem}[data-ui5-compact-size],.ui5-content-density-compact,.sapUiSizeCompact{--_ui5-v2-17-0_checkbox_label_offset: var(--_ui5-v2-17-0_checkbox_compact_wrapper_padding);--_ui5-v2-17-0_input_min_width: 2rem;--_ui5-v2-17-0_input_icon_width: 2rem;--_ui5-v2-17-0_input_margin_top_bottom: .1875rem;--_ui5-v2-17-0_input_information_icon_padding: .3125rem .5rem .1875rem .5rem;--_ui5-v2-17-0_input_information_focused_icon_padding: .3125rem .5rem .25rem .5rem;--_ui5-v2-17-0_input_error_warning_icon_padding: .3125rem .5rem .1875rem .5rem;--_ui5-v2-17-0_input_error_warning_focused_icon_padding: .3125rem .5rem .25rem .5rem;--_ui5-v2-17-0_input_custom_icon_padding: .3125rem .5rem .25rem .5rem;--_ui5-v2-17-0_input_error_warning_custom_icon_padding: .3125rem .5rem .1875rem .5rem;--_ui5-v2-17-0_input_error_warning_custom_focused_icon_padding: .3125rem .5rem .25rem .5rem;--_ui5-v2-17-0_input_information_custom_icon_padding: .3125rem .5rem .1875rem .5rem;--_ui5-v2-17-0_input_information_custom_focused_icon_padding: .3125rem .5rem .25rem .5rem;--_ui5-v2-17-0_input_icon_padding: .3125rem .5rem .25rem .5rem;--_ui5-v2-17-0_panel_header_button_wrapper_padding: .1875rem .25rem;--_ui5-v2-17-0_rating_indicator_item_height: 1em;--_ui5-v2-17-0_rating_indicator_item_width: 1em;--_ui5-v2-17-0_rating_indicator_readonly_item_height: .75em;--_ui5-v2-17-0_rating_indicator_readonly_item_width: .75em;--_ui5-v2-17-0_rating_indicator_component_spacing: .5rem 0;--_ui5-v2-17-0_radio_button_min_width: 2rem;--_ui5-v2-17-0_radio_button_outer_ring_padding_with_label: 0 .5rem;--_ui5-v2-17-0_radio_button_outer_ring_padding: 0 .5rem;--_ui5-v2-17-0_radio_button_focus_dist: .1875rem;--_ui5-v2-17-0_switch_height: 2rem;--_ui5-v2-17-0_switch_width: 2.75rem;--_ui5-v2-17-0_switch_min_width: none;--_ui5-v2-17-0_switch_with_label_width: 2.75rem;--_ui5-v2-17-0_switch_root_outline_top: .25rem;--_ui5-v2-17-0_switch_root_outline_bottom: .25rem;--_ui5-v2-17-0_switch_transform: translateX(100%) translateX(-1.375rem);--_ui5-v2-17-0_switch_transform_with_label: translateX(100%) translateX(-1.875rem);--_ui5-v2-17-0_switch_rtl_transform: translateX(1.375rem) translateX(-100%);--_ui5-v2-17-0_switch_rtl_transform_with_label: translateX(1.875rem) translateX(-100%);--_ui5-v2-17-0_switch_track_width: 2.75rem;--_ui5-v2-17-0_switch_track_height: 1.25rem;--_ui5-v2-17-0_switch_track_with_label_width: 2.75rem;--_ui5-v2-17-0_switch_track_with_label_height: 1.25rem;--_ui5-v2-17-0_switch_handle_width: 1.25rem;--_ui5-v2-17-0_switch_handle_height: 1rem;--_ui5-v2-17-0_switch_handle_with_label_width: 1.75rem;--_ui5-v2-17-0_switch_handle_with_label_height: 1rem;--_ui5-v2-17-0_switch_text_font_size: var(--sapFontSize);--_ui5-v2-17-0_switch_text_width: 1rem;--_ui5-v2-17-0_switch_text_active_left: .1875rem;--_ui5-v2-17-0_switch_text_active_left_alternate: .0625rem;--_ui5-v2-17-0_select_icon_width: 2rem;--_ui5-v2-17-0_textarea_padding_right_and_left_readonly: .4375rem;--_ui5-v2-17-0_textarea_padding_top_readonly: .125rem;--_ui5-v2-17-0_textarea_min_height: 1.625rem;--_ui5-v2-17-0_textarea_padding_bottom_readonly: .0625rem;--_ui5-v2-17-0_textarea_padding_top_error_warning: .1875rem;--_ui5-v2-17-0_textarea_padding_bottom_error_warning: .125rem;--_ui5-v2-17-0_textarea_padding_top_information: .1875rem;--_ui5-v2-17-0_textarea_padding_bottom_information: .125rem;--_ui5-v2-17-0_textarea_padding_right_and_left: .5rem;--_ui5-v2-17-0_textarea_padding_right_and_left_error_warning: .5rem;--_ui5-v2-17-0_textarea_padding_right_and_left_information: .5rem;--_ui5-v2-17-0_tokenizer_gap: .375em .25rem;--_ui5-v2-17-0_tokenizer-popover_offset: .1875rem;--_ui5-v2-17-0_slider_handle_icon_size: .875rem;--_ui5-v2-17-0_slider_padding: 1rem 1.0625rem;--_ui5-v2-17-0_range_slider_progress_focus_width: calc(100% + var(--_ui5-v2-17-0_slider_handle_width) + 10px);--_ui5-v2-17-0_range_slider_progress_focus_height: calc(var(--_ui5-v2-17-0_slider_handle_height) + 10px);--_ui5-v2-17-0_range_slider_progress_focus_top: -.8125rem;--_ui5-v2-17-0_slider_tooltip_bottom: 1.75rem;--_ui5-v2-17-0_slider_handle_focused_tooltip_distance: calc(var(--_ui5-v2-17-0_slider_tooltip_bottom) - var(--_ui5-v2-17-0_slider_handle_focus_width));--_ui5-v2-17-0_range_slider_progress_focus_left: calc(-1 * (var(--_ui5-v2-17-0_slider_handle_width) / 2) - 5px);--_ui5-v2-17-0_bar_base_height: 2.5rem;--_ui5-v2-17-0_bar_subheader_height: 2.25rem;--_ui5-v2-17-0_button_base_height: var(--sapElement_Compact_Height);--_ui5-v2-17-0_button_base_padding: .4375rem;--_ui5-v2-17-0_button_base_min_width: 2rem;--_ui5-v2-17-0-button-badge-diameter: .625rem;--_ui5-v2-17-0_calendar_height: 18rem;--_ui5-v2-17-0_calendar_width: 17.75rem;--_ui5-v2-17-0_calendar_left_right_padding: .25rem;--_ui5-v2-17-0_calendar_top_bottom_padding: .5rem;--_ui5-v2-17-0_calendar_header_height: 2rem;--_ui5-v2-17-0_calendar_header_arrow_button_width: 2rem;--_ui5-v2-17-0_calendar_header_padding: 0;--_ui5-v2-17-0-calendar-legend-root-padding: .5rem;--_ui5-v2-17-0-calendar-legend-root-width: 16.75rem;--_ui5-v2-17-0_checkbox_root_side_padding: var(--_ui5-v2-17-0_checkbox_wrapped_focus_padding);--_ui5-v2-17-0_checkbox_width_height: var(--_ui5-v2-17-0_checkbox_compact_width_height);--_ui5-v2-17-0_checkbox_wrapper_padding: var(--_ui5-v2-17-0_checkbox_compact_wrapper_padding);--_ui5-v2-17-0_checkbox_inner_width_height: var(--_ui5-v2-17-0_checkbox_compact_inner_size);--_ui5-v2-17-0_checkbox_icon_size: .75rem;--_ui5-v2-17-0_checkbox_partially_icon_size: .5rem;--_ui5-v2-17-0_color_picker_slider_progress_container_height: 1.125rem;--_ui5-v2-17-0_color_picker_slider_container_margin_top: -.375rem;--_ui5-v2-17-0_color_picker_slider_handle_height: 1.5rem;--_ui5-v2-17-0_color_picker_slider_handle_width: .9375rem;--_ui5-v2-17-0_color_picker_slider_handle_after_height: 1.25rem;--_ui5-v2-17-0_color_picker_slider_handle_focus_height: 1.625rem;--_ui5-v2-17-0_color_picker_colors_wrapper_height: 1.5rem;--_ui5-v2-17-0_color_picker_sliders_height: 2.25rem;--_ui5-v2-17-0_color_picker_main_color_margin_bottom: .75rem;--_ui5-v2-17-0_color_picker_slider_spacing: .8125rem;--_ui5-v2-17-0_color_channel_toggle_button_width: 1.375rem;--_ui5-v2-17-0_color_channel_toggle_button_margin-top: -.9375rem;--_ui5-v2-17-0_color_channel_hex_input_width: 4.625rem;--_ui5-v2-17-0-color_channel_margin_top: 0rem;--_ui5-v2-17-0_custom_list_item_rb_min_width: 2rem;--_ui5-v2-17-0_daypicker_weeknumbers_container_padding_top: 2rem;--_ui5-v2-17-0_day_picker_item_width: 2rem;--_ui5-v2-17-0_day_picker_item_height: 2rem;--_ui5-v2-17-0_day_picker_empty_height: 2.125rem;--_ui5-v2-17-0_day_picker_item_justify_content: flex-end;--_ui5-v2-17-0_dp_two_calendar_item_secondary_text_height: .75rem;--_ui5-v2-17-0_dp_two_calendar_item_text_padding_top: .5rem;--_ui5-v2-17-0_daypicker_special_day_top: 1.625rem;--_ui5-v2-17-0_daypicker_twocalendar_item_special_day_top: 1.25rem;--_ui5-v2-17-0_daypicker_twocalendar_item_special_day_right: 1.25rem;--_ui5-v2-17-0_daypicker_two_calendar_item_margin_bottom: 0;--_ui5-v2-17-0_daypicker_item_now_selected_two_calendar_focus_special_day_top: 1.125rem;--_ui5-v2-17-0_daypicker_item_now_selected_two_calendar_focus_special_day_right: 1.125rem;--_ui5-v2-17-0_daypicker_item_now_selected_two_calendar_focus_secondary_text_padding_block: 0 1rem;--_ui5-v2-17-0_datetime_picker_height: 20.5rem;--_ui5-v2-17-0_datetime_picker_width: 35.5rem;--_ui5-v2-17-0_datetime_timeview_width: 17rem;--_ui5-v2-17-0_datetime_timeview_phonemode_width: 18.5rem;--_ui5-v2-17-0_datetime_timeview_phonemode_clocks_width: 21.125rem;--_ui5-v2-17-0_datetime_dateview_phonemode_margin_bottom: 3.125rem;--_ui5-v2-17-0_dialog_content_min_height: 2.5rem;--_ui5-v2-17-0_dialog_footer_height: 2.5rem;--_ui5-v2-17-0_form_item_min_height: 2rem;--_ui5-v2-17-0_form_item_padding: .25rem;--_ui5-v2-17-0-form-group-heading-height: 2rem;--_ui5-v2-17-0_input_height: var(--sapElement_Compact_Height);--_ui5-v2-17-0_input_inner_padding: 0 .5rem;--_ui5-v2-17-0_input_inner_padding_with_icon: 0 .2rem 0 .5rem;--_ui5-v2-17-0_input_inner_space_to_tokenizer: .125rem;--_ui5-v2-17-0_input_inner_space_to_n_more_text: .125rem;--_ui5-v2-17-0_input_icon_min_width: var(--_ui5-v2-17-0_input_compact_min_width);--_ui5-v2-17-0_menu_item_padding: 0 .75rem 0 .5rem;--_ui5-v2-17-0_menu_item_submenu_icon_right: .75rem;--_ui5-v2-17-0_popup_default_header_height: 2.5rem;--_ui5-v2-17-0_textarea_margin: .1875rem 0;--_ui5-v2-17-0_list_no_data_height: 2rem;--_ui5-v2-17-0_list_item_cb_margin_right: .5rem;--_ui5-v2-17-0_list_item_title_size: var(--sapFontSize);--_ui5-v2-17-0_list_item_img_top_margin: .55rem;--_ui5-v2-17-0_list_no_data_font_size: var(--sapFontSize);--_ui5-v2-17-0_list_item_dropdown_base_height: 2rem;--_ui5-v2-17-0_list_item_base_height: 2rem;--_ui5-v2-17-0_list_item_base_padding: 0 1rem;--_ui5-v2-17-0_list_item_icon_size: 1rem;--_ui5-v2-17-0_list_item_selection_btn_margin_top: calc(-1 * var(--_ui5-v2-17-0_checkbox_wrapper_padding));--_ui5-v2-17-0_list_item_content_vertical_offset: calc((var(--_ui5-v2-17-0_list_item_base_height) - var(--_ui5-v2-17-0_list_item_title_size)) / 2);--_ui5-v2-17-0_list_buttons_left_space: .125rem;--_ui5-v2-17-0_month_picker_item_height: 2rem;--_ui5-v2-17-0_year_picker_item_height: 2rem;--_ui5-v2-17-0_panel_header_height: 2rem;--_ui5-v2-17-0_panel_button_root_height: 2rem;--_ui5-v2-17-0_panel_button_root_width: 2.75rem;--_ui5-v2-17-0_token_height: 1.25rem;--_ui5-v2-17-0_token_right_margin: .25rem;--_ui5-v2-17-0_token_left_padding: .25rem;--_ui5-v2-17-0_token_readonly_padding: .125rem .25rem;--_ui5-v2-17-0_token_focus_offset: -.125rem;--_ui5-v2-17-0_token_icon_size: .75rem;--_ui5-v2-17-0_token_icon_padding: .375rem .375rem;--_ui5-v2-17-0_token_outline_offset: -.125rem;--_ui5-v2-17-0_tl_bubble_padding: .5rem;--_ui5-v2-17-0_tl_padding: .5rem;--_ui5-v2-17-0_tl_li_margin_bottom: .5rem;--_ui5-v2-17-0_tc_item_text: 2rem;--_ui5-v2-17-0_tc_item_text_line_height: 1.325rem;--_ui5-v2-17-0_tc_item_add_text_margin_top: .3125rem;--_ui5-v2-17-0_tc_item_height: 4rem;--_ui5-v2-17-0_tc_header_height: var(--_ui5-v2-17-0_tc_item_height);--_ui5-v2-17-0_tc_item_icon_circle_size: 2rem;--_ui5-v2-17-0_tc_item_icon_size: 1rem;--_ui5-v2-17-0_radio_button_height: 2rem;--_ui5-v2-17-0_radio_button_label_side_padding: .5rem;--_ui5-v2-17-0_radio_button_inner_size: 2rem;--_ui5-v2-17-0_radio_button_svg_size: 1rem;--_ui5-v2-17-0-responsive_popover_header_height: 2.5rem;--_ui5-v2-17-0_slider_handle_height: 1.25rem;--_ui5-v2-17-0_slider_handle_width: 1.5rem;--_ui5-v2-17-0_slider_handle_top: -.5rem;--_ui5-v2-17-0_slider_tooltip_height: 1rem;--_ui5-v2-17-0_slider_tooltip_padding: .25rem;--_ui5-v2-17-0_slider_progress_outline_offset: -.625rem;--_ui5-v2-17-0_slider_outer_height: 1.3125rem;--_ui5-v2-17-0_step_input_min_width: 6rem;--_ui5-v2-17-0_step_input_padding: 2rem;--_ui5-v2-17-0-tree-indent-step: .5rem;--_ui5-v2-17-0-tree-toggle-box-width: 2rem;--_ui5-v2-17-0-tree-toggle-box-height: 1.5rem;--_ui5-v2-17-0-tree-toggle-icon-size: .8125rem;--_ui5-v2-17-0_timeline_tli_indicator_before_bottom: -.75rem;--_ui5-v2-17-0_timeline_tli_indicator_before_right: -.5rem;--_ui5-v2-17-0_timeline_tli_indicator_before_without_icon_bottom: -1rem;--_ui5-v2-17-0_timeline_tli_indicator_before_without_icon_right: -.8125rem;--_ui5-v2-17-0_timeline_tli_indicator_before_height: calc(100% - 1.25rem) ;--_ui5-v2-17-0_timeline_tli_horizontal_without_icon_indicator_before_width: var(--_ui5-v2-17-0_timeline_tli_indicator_after_height);--_ui5-v2-17-0_timeline_tli_horizontal_indicator_after_width: var(--_ui5-v2-17-0_timeline_tli_indicator_after_height);--_ui5-v2-17-0_timeline_tli_horizontal_indicator_before_width: var(--_ui5-v2-17-0_timeline_tli_indicator_after_height);--_ui5-v2-17-0_timeline_tli_icon_horizontal_indicator_after_width: var(--_ui5-v2-17-0_timeline_tli_indicator_after_height);--_ui5-v2-17-0_timeline_tli_indicator_after_top: calc(-100% + .9375rem) ;--_ui5-v2-17-0_timeline_tli_indicator_after_height: calc(100% - .75rem) ;--_ui5-v2-17-0_timeline_tli_horizontal_indicator_after_left: 1.8625rem;--_ui5-v2-17-0_timeline_tli_horizontal_indicator_short_after_width: calc(100% - 1rem) ;--_ui5-v2-17-0_timeline_tli_without_icon_horizontal_indicator_before_width: calc(100% - .625rem) ;--_ui5-v2-17-0_timeline_tlgi_compact_icon_before_height: calc(100% + 1.5rem) ;--_ui5-v2-17-0_timeline_tlgi_horizontal_line_placeholder_before_width: var(--_ui5-v2-17-0_timeline_tlgi_compact_icon_before_height);--_ui5-v2-17-0_timeline_tlgi_horizontal_compact_root_margin_left: .5rem;--_ui5-v2-17-0_timeline_tlgi_compact_root_gap: .5rem;--_ui5-v2-17-0_timeline_tlgi_root_horizontal_height: 19.375rem;--_ui5-v2-17-0_vsd_header_container: 2.5rem;--_ui5-v2-17-0_vsd_sub_header_container_height: 2rem;--_ui5-v2-17-0_vsd_expand_content_height: 25.4375rem;--_ui5-v2-17-0-toolbar-separator-height: 1.5rem;--_ui5-v2-17-0-toolbar-height: 2rem;--_ui5-v2-17-0_toolbar_overflow_padding: .1875rem .375rem;--_ui5-v2-17-0_dynamic_page_title_actions_separator_height: var(--_ui5-v2-17-0-toolbar-separator-height);--_ui5-v2-17-0-shellbar-separator-height: 2rem;--_ui5-v2-17-0_textarea_padding_top: .1875rem;--_ui5-v2-17-0_textarea_padding_bottom: .125rem;--_ui5-v2-17-0_checkbox_focus_position: .125rem;--_ui5-v2-17-0_split_button_middle_separator_top: .3125rem;--_ui5-v2-17-0_split_button_middle_separator_height: 1rem;--_ui5-v2-17-0_checkbox_wrapped_focus_inset_block: .125rem;--_ui5-v2-17-0_color-palette-item-height: 1.25rem;--_ui5-v2-17-0_color-palette-item-hover-height: 1.625rem;--_ui5-v2-17-0_color-palette-item-margin: calc(((var(--_ui5-v2-17-0_color-palette-item-hover-height) - var(--_ui5-v2-17-0_color-palette-item-height)) / 2) + .0625rem);--_ui5-v2-17-0_color-palette-row-width: 8.75rem;--_ui5-v2-17-0_color-palette-swatch-container-padding: .1875rem .5rem;--_ui5-v2-17-0_color-palette-item-hover-margin: .0625rem;--_ui5-v2-17-0_color-palette-row-height: 7.5rem;--_ui5-v2-17-0_color-palette-button-height: 2rem;--_ui5-v2-17-0_color-palette-item-before-focus-inset: -.25rem;--_ui5-v2-17-0_daypicker_selected_item_now_special_day_top: 1.5625rem;--_ui5-v2-17-0_daypicker_specialday_focused_top: 1.3125rem;--_ui5-v2-17-0_daypicker_selected_item_now_special_day_border_bottom_radius_alternate: .5rem;--_ui5-v2-17-0_daypicker_specialday_focused_border_bottom: .25rem;--_ui5-v2-17-0_daypicker_item_now_specialday_top: 1.4375rem;--_ui5-v2-17-0_dp_two_calendar_item_secondary_text_padding_block: 0 .375rem;--_ui5-v2-17-0_dp_two_calendar_item_secondary_text_padding: 0 .375rem;--_ui5-v2-17-0_daypicker_two_calendar_item_selected_focus_margin_bottom: -.25rem;--_ui5-v2-17-0_daypicker_two_calendar_item_selected_focus_padding_right: .4375rem}:root,:dir(ltr){--_ui5-v2-17-0_rotation_90deg: rotate(90deg);--_ui5-v2-17-0_rotation_minus_90deg: rotate(-90deg);--_ui5-v2-17-0_icon_transform_scale: none;--_ui5-v2-17-0_panel_toggle_btn_rotation: var(--_ui5-v2-17-0_rotation_90deg);--_ui5-v2-17-0_popover_upward_arrow_margin: .1875rem 0 0 .1875rem;--_ui5-v2-17-0_popover_right_arrow_margin: .1875rem 0 0 -.375rem;--_ui5-v2-17-0_popover_downward_arrow_margin: -.375rem 0 0 .125rem;--_ui5-v2-17-0_popover_left_arrow_margin: .125rem 0 0 .25rem;--_ui5-v2-17-0_dialog_resize_cursor: se-resize;--_ui5-v2-17-0_progress_indicator_bar_border_radius: .5rem 0 0 .5rem;--_ui5-v2-17-0_progress_indicator_remaining_bar_border_radius: 0 .5rem .5rem 0;--_ui5-v2-17-0_menu_submenu_margin_offset: -.25rem 0}:dir(rtl){--_ui5-v2-17-0_icon_transform_scale: scale(-1, 1);--_ui5-v2-17-0_panel_toggle_btn_rotation: var(--_ui5-v2-17-0_rotation_minus_90deg);--_ui5-v2-17-0_popover_upward_arrow_margin: .1875rem .125rem 0 0;--_ui5-v2-17-0_popover_right_arrow_margin: .1875rem .25rem 0 0;--_ui5-v2-17-0_popover_downward_arrow_margin: -.4375rem .125rem 0 0;--_ui5-v2-17-0_popover_left_arrow_margin: .1875rem -.375rem 0 0;--_ui5-v2-17-0_dialog_resize_cursor:sw-resize;--_ui5-v2-17-0_progress_indicator_bar_border_radius: 0 .5rem .5rem 0;--_ui5-v2-17-0_progress_indicator_remaining_bar_border_radius: .5rem 0 0 .5rem;--_ui5-v2-17-0_menu_submenu_margin_offset: 0 -.25rem;--_ui5-v2-17-0_segmented_btn_item_border_left: .0625rem;--_ui5-v2-17-0_segmented_btn_item_border_right: .0625rem}
2
+ `;export{_ as default};
package/dist/css/themes/Button.css CHANGED
@@ -1 +1 @@
1
- :host{--udex-button-color-transparent: hsla(0, 0%, 0%, 0);--udex-button-padding-small: 5px 10px;--udex-button-padding-medium: 9px 10px;--udex-button-padding-large: 8px 14px;--udex-button-icon-only-padding-small: 6px;--udex-button-icon-only-padding-medium: 10px;--udex-button-icon-only-padding-large: 12px;--udex-button-small-size: 25px;--udex-button-medium-size: 36px;--udex-button-large-size: 42px;--udex-button-icon-s-size: 14px;--udex-button-icon-m-size: 16px;--udex-button-icon-l-size: 18px;--udex-button-icon-text-spacing-small-size: 4px;--udex-button-icon-text-spacing-medium-size: 8px;--udex-button-icon-text-spacing-large-size: 8px;--udex-button-focus-border-radius: .375rem;--udex-button-focus-border-color: var(--sapContent_FocusColor);--udexTypographyFontWeightMedium: 500;--udex-button-color-primary-standard-default-background: var(--sapButton_Emphasized_Background, var(--udexColorBlue8));--udex-button-color-primary-standard-default-border-color: var(--sapButton_Emphasized_BorderColor, var(--udexColorBlue8));--udex-button-color-primary-standard-default-text-and-icon: var(--sapButton_Emphasized_TextColor, var(--udexCoreTextLight));--udex-button-color-primary-standard-hover-background: var(--sapButton_Emphasized_Hover_Background, var(--udexColorBlue9));--udex-button-color-primary-standard-hover-border-color: var(--sapButton_Emphasized_Hover_BorderColor, var(--udexColorBlue9));--udex-button-color-primary-standard-hover-text-and-icon: var(--sapButton_Emphasized_Hover_TextColor, var(--udexCoreTextLight));--udex-button-color-primary-standard-active-background: var(--sapButton_Emphasized_Active_Background, var(--udexColorNeutralWhite));--udex-button-color-primary-standard-active-border: var(--sapButton_Emphasized_Active_BorderColor, var(--udexColorBlue9));--udex-button-color-primary-standard-active-text-and-icon: var(--sapButton_Emphasized_Active_TextColor, var(--udexColorBlue9));--udex-button-color-primary-standard-disabled-background: var(--sapButton_Emphasized_Background, var(--udexColorBlue8));--udex-button-color-primary-standard-disabled-text-and-icon: var(--sapButton_Emphasized_TextColor, var(--udexCoreTextLight));--udex-button-color-primary-toggled-default-background: var(--sapButton_Selected_Background, var(--udexColorNeutralWhite));--udex-button-color-primary-toggled-default-border: var(--sapButton_Selected_BorderColor, var(--udexColorBlue9));--udex-button-color-primary-toggled-default-text-and-icon: var(--sapButton_Selected_TextColor, var(--udexColorBlue9));--udex-button-color-primary-toggled-hover-background: var(--sapButton_Selected_Hover_Background, var(--udexColorBlue2));--udex-button-color-primary-toggled-hover-border: var(--sapButton_Selected_Hover_BorderColor, var(--udexColorBlue9));--udex-button-color-primary-toggled-hover-text-and-icon: var(--sapButton_Selected_TextColor, var(--udexColorBlue9));--udex-button-color-primary-toggled-disabled-background: var(--sapButton_Emphasized_Active_Background, var(--udexColorNeutralWhite));--udex-button-color-primary-toggled-disabled-border: var(--sapButton_Emphasized_Active_BorderColor, var(--udexColorBlue9));--udex-button-color-primary-toggled-disabled-text-and-icon: var(--sapButton_Emphasized_Active_TextColor, var(--udexColorBlue9));--udex-button-color-secondary-standard-default-background: var(--sapButton_Background, var(--udexColorNeutralWhite));--udex-button-color-secondary-standard-default-border: var(--sapButton_BorderColor, var(--udexColorGrey7));--udex-button-color-secondary-standard-default-text-and-icon: var(--sapButton_TextColor, var(--udexColorBlue9));--udex-button-color-secondary-standard-hover-background: var(--sapButton_Hover_Background, var(--udexColorGrey2));--udex-button-color-secondary-standard-hover-border: var(--sapButton_Hover_BorderColor, var(--udexColorGrey7));--udex-button-color-secondary-standard-hover-text-and-icon: var(--sapButton_Hover_TextColor, var(--udexColorBlue9));--udex-button-color-secondary-standard-active-background: var(--sapButton_Active_Background, var(--udexColorNeutralWhite));--udex-button-color-secondary-standard-active-border: var(--sapButton_Active_BorderColor, var(--udexColorBlue9));--udex-button-color-secondary-standard-active-text-and-icon: var(--sapButton_Active_TextColor, var(--udexColorBlue9));--udex-button-color-secondary-standard-disabled-background: var(--sapButton_Background, var(--udexColorNeutralWhite));--udex-button-color-secondary-standard-disabled-border: var(--sapButton_BorderColor, var(--udexColorGrey7));--udex-button-color-secondary-standard-disabled-text-and-icon: var(--sapButton_TextColor, var(--udexColorBlue9));--udex-button-color-secondary-toggled-default-background: var(--sapButton_Selected_Background, var(--udexColorNeutralWhite));--udex-button-color-secondary-toggled-default-border: var(--sapButton_Selected_BorderColor, var(--udexColorBlue9));--udex-button-color-secondary-toggled-default-text-and-icon: var(--sapButton_Selected_TextColor, var(--udexColorBlue9));--udex-button-color-secondary-toggled-hover-background: var(--sapButton_Selected_Hover_Background, var(--udexColorBlue2));--udex-button-color-secondary-toggled-hover-border: var(--sapButton_Selected_Hover_BorderColor, var(--udexColorBlue9));--udex-button-color-secondary-toggled-hover-text-and-icon: var(--sapButton_Selected_TextColor, var(--udexColorBlue9));--udex-button-color-secondary-toggled-disabled-background: var(--sapButton_Selected_Background, var(--udexColorNeutralWhite));--udex-button-color-secondary-toggled-disabled-border: var(--sapButton_Selected_BorderColor, var(--udexColorBlue9));--udex-button-color-secondary-toggled-disabled-text-and-icon: var(--sapButton_Selected_TextColor, var(--udexColorBlue9));--udex-button-color-tertiary-standard-default-background: var(--udex-button-color-transparent, hsla(0, 0%, 0%, 0));--udex-button-color-tertiary-standard-default-border: var(--udex-button-color-transparent, hsla(0, 0%, 0%, 0));--udex-button-color-tertiary-standard-default-text-and-icon: var(--sapButton_Lite_TextColor, var(--udexColorBlue9));--udex-button-color-tertiary-standard-hover-background: var(--sapButton_Lite_Hover_Background, var(--udexColorGrey2));--udex-button-color-tertiary-standard-hover-border: var(--sapButton_Lite_Hover_BorderColor, var(--udexColorGrey7));--udex-button-color-tertiary-standard-hover-text-and-icon: var(--sapButton_Lite_Hover_TextColor, var(--udexColorBlue9));--udex-button-color-tertiary-standard-active-background: var(--sapButton_Lite_Active_Background, var(--udexColorNeutralWhite));--udex-button-color-tertiary-standard-active-border: var(--sapButton_Lite_Active_BorderColor, var(--udexColorBlue9));--udex-button-color-tertiary-standard-active-text-and-icon: var(--sapButton_Lite_TextColor, var(--udexColorBlue9));--udex-button-color-tertiary-standard-disabled-background: var(--udex-button-color-transparent, hsla(0, 0%, 0%, 0));--udex-button-color-tertiary-standard-disabled-border: var(--udex-button-color-transparent, hsla(0, 0%, 0%, 0));--udex-button-color-tertiary-standard-disabled-text-and-icon: var(--sapButton_Lite_Disabled_TextColor, var(--udexColorBlue9));--udex-button-color-tertiary-toggled-default-background: var(--sapButton_Selected_Background, var(--udexColorNeutralWhite));--udex-button-color-tertiary-toggled-default-border: var(--sapButton_Selected_BorderColor, var(--udexColorBlue9));--udex-button-color-tertiary-toggled-default-text-and-icon: var(--sapButton_Selected_TextColor, var(--udexColorBlue9));--udex-button-color-tertiary-toggled-hover-background: var(--sapButton_Selected_Hover_Background, var(--udexColorBlue2));--udex-button-color-tertiary-toggled-hover-border: var(--sapButton_Selected_Hover_BorderColor, var(--udexColorBlue9));--udex-button-color-tertiary-toggled-hover-text-and-icon: var(--sapButton_Selected_TextColor, var(--udexColorBlue9));--udex-button-color-tertiary-toggled-disabled-background: var(--sapButton_Lite_Background, var(--udexColorNeutralWhite));--udex-button-color-tertiary-toggled-disabled-border: var(--sapButton_Lite_BorderColor, var(--udexColorBlue9));--udex-button-color-tertiary-toggled-disabled-text-and-icon: var(--sapButton_Lite_TextColor, var(--udexColorBlue9));--udex-button-invisible-padding-small: 2px 0px;--udex-button-invisible-padding-medium: 4px 0px;--udex-button-invisible-padding-large: 8px 0px;--udex-button-invisible-focus-inset: -2px;--udex-button-color-invisible-standard-default-background: transparent;--udex-button-color-invisible-standard-default-text-and-icon: var(--udexColorBlue8);--udex-button-color-invisible-standard-hover-background: transparent;--udex-button-color-invisible-standard-hover-text-and-icon: var(--udexColorBlue10);--udex-button-color-invisible-standard-active-background: transparent;--udex-button-color-invisible-standard-active-text-and-icon: var(--udexColorBlue11);--udex-button-color-invisible-standard-disabled-background: transparent;--udex-button-color-invisible-standard-disabled-text-and-icon: var(--udexColorBlue8);--udex-button-color-positive-standard-default-background: var(--sapButton_Accept_Background, var(--udexCoreSemanticSuccess2));--udex-button-color-positive-standard-default-border: var(--sapButton_Accept_BorderColor, var(--udexCoreSemanticSuccess7));--udex-button-color-positive-standard-default-text-and-icon: var(--sapButton_Accept_TextColor, var(--udexCoreSemanticSuccess8));--udex-button-color-positive-standard-hover-background: var(--sapButton_Accept_Hover_Background, var(--udexCoreSemanticSuccess3));--udex-button-color-positive-standard-hover-border: var(--sapButton_Accept_Hover_BorderColor, var(--udexCoreSemanticSuccess10));--udex-button-color-positive-standard-hover-text-and-icon: var(--sapButton_Accept_Hover_TextColor, var(--udexCoreSemanticSuccess10));--udex-button-color-positive-standard-active-background: var(--sapButton_Accept_Active_Background, var(--udexColorNeutralWhite));--udex-button-color-positive-standard-active-border: var(--sapButton_Accept_Active_BorderColor, var(--udexCoreSemanticSuccess10));--udex-button-color-positive-standard-active-text-and-icon: var(--sapButton_Accept_Active_TextColor, var(--udexCoreSemanticSuccess10));--udex-button-color-positive-standard-disabled-background: var(--sapButton_Accept_Background, var(--udexCoreSemanticSuccess2));--udex-button-color-positive-standard-disabled-border: var(--sapButton_Accept_BorderColor, var(--udexCoreSemanticSuccess7));--udex-button-color-positive-standard-disabled-text-and-icon: var(--sapButton_Accept_TextColor, var(--udexCoreSemanticSuccess8));--udex-button-color-positive-toggled-default-background: var(--sapButton_Accept_Selected_Background, var(--udexColorNeutralWhite));--udex-button-color-positive-toggled-default-border: var(--sapButton_Accept_Selected_BorderColor, var(--udexCoreSemanticSuccess10));--udex-button-color-positive-toggled-default-text-and-icon: var(--sapButton_Accept_Selected_TextColor, var(--udexCoreSemanticSuccess10));--udex-button-color-positive-toggled-hover-background: var(--sapButton_Accept_Selected_Hover_Background, var(--udexCoreSemanticSuccess2));--udex-button-color-positive-toggled-hover-border: var(--sapButton_Accept_Selected_Hover_BorderColor, var(--udexCoreSemanticSuccess8));--udex-button-color-positive-toggled-hover-text-and-icon: var(--sapButton_Accept_TextColor, var(--udexCoreSemanticSuccess8));--udex-button-color-positive-toggled-disabled-background: var(--sapButton_Accept_Selected_Background, var(--udexColorNeutralWhite));--udex-button-color-positive-toggled-disabled-border: var(--sapButton_Accept_Selected_BorderColor, var(--udexCoreSemanticSuccess10));--udex-button-color-positive-toggled-disabled-text-and-icon: var(--sapButton_Accept_Selected_TextColor, var(--udexCoreSemanticSuccess10));--udex-button-color-negative-standard-default-background: var(--sapButton_Reject_Background, var(--udexCoreSemanticError2));--udex-button-color-negative-standard-default-border: var(--sapButton_Reject_BorderColor, var(--udexCoreSemanticError7));--udex-button-color-negative-standard-default-text-and-icon: var(--sapButton_Reject_TextColor, var(--udexCoreSemanticError8));--udex-button-color-negative-standard-hover-background: var(--sapButton_Reject_Hover_Background, var(--udexCoreSemanticError3));--udex-button-color-negative-standard-hover-border: var(--sapButton_Reject_Hover_BorderColor, var(--udexCoreSemanticError10));--udex-button-color-negative-standard-hover-text-and-icon: var(--sapButton_Reject_Hover_TextColor, var(--udexCoreSemanticError10));--udex-button-color-negative-standard-active-background: var(--sapButton_Reject_Active_Background, var(--udexColorNeutralWhite));--udex-button-color-negative-standard-active-border: var(--sapButton_Reject_Active_BorderColor, var(--udexCoreSemanticError10));--udex-button-color-negative-standard-active-text-and-icon: var(--sapButton_Reject_Active_TextColor, var(--udexCoreSemanticError10));--udex-button-color-negative-standard-disabled-background: var(--sapButton_Reject_Background, var(--udexCoreSemanticError2));--udex-button-color-negative-standard-disabled-border: var(--sapButton_Reject_BorderColor, var(--udexCoreSemanticError7));--udex-button-color-negative-standard-disabled-text-and-icon: var(--sapButton_Reject_TextColor, var(--udexCoreSemanticError8));--udex-button-color-negative-toggled-default-background: var(--sapButton_Reject_Selected_Background, var(--udexColorNeutralWhite));--udex-button-color-negative-toggled-default-border: var(--sapButton_Reject_Selected_BorderColor, var(--udexCoreSemanticError10));--udex-button-color-negative-toggled-default-text-and-icon: var(--sapButton_Reject_Selected_TextColor, var(--udexCoreSemanticError10));--udex-button-color-negative-toggled-hover-background: var(--sapButton_Reject_Selected_Hover_Background, var(--udexCoreSemanticError2));--udex-button-color-negative-toggled-hover-border: var(--sapButton_Reject_Selected_Hover_BorderColor, var(--udexCoreSemanticError8));--udex-button-color-negative-toggled-hover-text-and-icon: var(--udexCoreSemanticError8, #AA0808);--udex-button-color-negative-toggled-disabled-background: var(--sapButton_Reject_Selected_Background, var(--udexColorNeutralWhite));--udex-button-color-negative-toggled-disabled-border: var(--sapButton_Reject_Selected_BorderColor, var(--udexCoreSemanticError10));--udex-button-color-negative-toggled-disabled-text-and-icon: var(--sapButton_Reject_Selected_TextColor, var(--udexCoreSemanticError10));--udex-button-color-warning-standard-default-background: var(--sapButton_Attention_Background, var(--udexCoreSemanticWarning2));--udex-button-color-warning-standard-default-border: var(--sapButton_Attention_BorderColor, var(--udexCoreSemanticWarning7));--udex-button-color-warning-standard-default-text-and-icon: var(--sapButton_Attention_TextColor, var(--udexCoreSemanticWarning8));--udex-button-color-warning-standard-hover-background: var(--sapButton_Attention_Hover_Background, var(--udexCoreSemanticWarning3));--udex-button-color-warning-standard-hover-border: var(--sapButton_Attention_Hover_BorderColor, var(--udexCoreSemanticWarning10));--udex-button-color-warning-standard-hover-text-and-icon: var(--sapButton_Attention_Hover_TextColor, var(--udexCoreSemanticWarning10));--udex-button-color-warning-standard-active-background: var(--sapButton_Attention_Active_Background, var(--udexColorNeutralWhite));--udex-button-color-warning-standard-active-border: var(--sapButton_Attention_Active_BorderColor, var(--udexCoreSemanticWarning10));--udex-button-color-warning-standard-active-text-and-icon: var(--sapButton_Attention_Active_TextColor, var(--udexCoreSemanticWarning10));--udex-button-color-warning-standard-disabled-background: var(--sapButton_Attention_Background, var(--udexCoreSemanticWarning2));--udex-button-color-warning-standard-disabled-border: var(--sapButton_Attention_BorderColor, var(--udexCoreSemanticWarning7));--udex-button-color-warning-standard-disabled-text-and-icon: var(--sapButton_Attention_TextColor, var(--udexCoreSemanticWarning8));--udex-button-color-warning-toggled-default-background: var(--sapButton_Attention_Selected_Background, var(--udexColorNeutralWhite));--udex-button-color-warning-toggled-default-border: var(--sapButton_Attention_Selected_BorderColor, var(--udexCoreSemanticWarning10));--udex-button-color-warning-toggled-default-text-and-icon: var(--sapButton_Attention_Selected_TextColor, var(--udexCoreSemanticWarning10));--udex-button-color-warning-toggled-hover-background: var(--sapButton_Attention_Selected_Hover_Background, var(--udexCoreSemanticWarning2));--udex-button-color-warning-toggled-hover-border: var(--sapButton_Attention_Selected_Hover_BorderColor, var(--udexCoreSemanticWarning8));--udex-button-color-warning-toggled-hover-text-and-icon: var(--sapButton_Attention_Selected_Hover_BorderColor, var(--udexCoreSemanticWarning8));--udex-button-color-warning-toggled-disabled-background: var(--sapButton_Attention_Selected_Background, var(--udexColorNeutralWhite));--udex-button-color-warning-toggled-disabled-border: var(--sapButton_Attention_Selected_BorderColor, var(--udexCoreSemanticWarning10));--udex-button-color-warning-toggled-disabled-text-and-icon: var(--sapButton_Attention_Selected_TextColor, var(--udexCoreSemanticWarning10))}:host([desktop][active]) .ui5-button-root:focus-within:before{border-radius:var(--udex-button-focus-border-radius)}:host{display:inline-block;font-weight:var(--udexTypographyFontWeightMedium)}:host([size="Small"]){font-size:var(--udexTypographyNavigationMediumMFontSize, 14px);height:var(--udex-button-small-size)}:host([size="Small"])::part(button){padding:var(--udex-button-padding-small)}:host([design="Primary"][desktop]:not([active])) .ui5-button-root:focus-within:after,:host([design="Primary"]:not([active])) .ui5-button-root:focus-visible:after{border-color:var(--udexColorNeutralWhite, #fff)}:host([design="Primary"][desktop][toggled]:not([active])) .ui5-button-root:focus-within:after,:host([design="Primary"][toggled]:not([active])) .ui5-button-root:focus-visible:after{border-color:var(--udexColorBlue10, #002A86)}:host([design="Invisible"]:not([active])) .ui5-button-root:focus-visible:after,:host([design="Invisible"]:not([toggled])[desktop]) .ui5-button-root:focus-within:before,:host([design="Invisible"]:not([toggled])[desktop]) .ui5-button-root:focus-within:after{inset:var(--udex-button-invisible-focus-inset)}:host([desktop]:not([active])) .ui5-button-root:focus-within:after,:host(:not([active])) .ui5-button-root:focus-visible:after{border:.125rem solid var(--udex-button-focus-border-color)}:host,:host([size="Medium"]){font-size:var(--udexTypographyNavigationMediumXLFontSize, 1rem);height:var(--udex-button-medium-size)}:host::part(button),:host([size="Medium"])::part(button){padding:var(--udex-button-padding-medium)}:host([size="Large"]){font-size:var(--udexTypographyNavigationMediumXLFontSize, 1rem);height:var(--udex-button-large-size)}:host([size="Large"])::part(button){padding:var(--udex-button-padding-large)}:host([size="Small"][icon-only]){min-width:var(--udex-button-small-size);max-width:var(--udex-button-small-size);height:var(--udex-button-small-size);min-height:var(--udex-button-small-size)}:host([icon-only]),:host([size="Medium"][icon-only]){min-width:var(--udex-button-medium-size);max-width:var(--udex-button-medium-size);height:var(--udex-button-medium-size);min-height:var(--udex-button-medium-size)}:host([end-icon]) .ui5-button-icon{margin-inline-start:0}:host([size="Large"][icon-only]){min-width:var(--udex-button-large-size);max-width:var(--udex-button-large-size);height:var(--udex-button-large-size);min-height:var(--udex-button-large-size)}:host([size="Small"][icon-only])::part(button){padding:var(--udex-button-icon-only-padding-small)}:host([icon-only])::part(button),:host([size="Medium"][icon-only])::part(button){padding:var(--udex-button-icon-only-padding-medium)}:host([size="Large"][icon-only])::part(button){padding:var(--udex-button-icon-only-padding-large)}:host([icon-only][end-icon])::part(icon){margin:0}:host([end-icon])::part(icon){margin-inline-start:0}:host([size="Small"])::part(icon),:host([size="Small"])::part(endIcon){height:var(--udex-button-icon-s-size, 14px);width:var(--udex-button-icon-s-size, 14px)}:host([size="Medium"])::part(icon),:host([size="Medium"])::part(endIcon){height:var(--udex-button-icon-m-size, 16px);width:var(--udex-button-icon-m-size, 16px)}:host([size="Large"])::part(icon),:host([size="Large"])::part(endIcon){height:var(--udex-button-icon-l-size, 18px);width:var(--udex-button-icon-l-size, 18px)}:host([has-icon]:not([icon-only])[size="Small"][end-icon]) .ui5-button-text{margin-inline-end:var(--udex-button-icon-text-spacing-small-size)}:host([has-icon]:not([icon-only])[size="Small"]:not([end-icon])) .ui5-button-text{margin-inline-start:var(--udex-button-icon-text-spacing-small-size)}:host([has-icon]:not([icon-only])[end-icon]) .ui5-button-text,:host([has-icon]:not([icon-only])[size="Medium"][end-icon]) .ui5-button-text{margin-inline-end:var(--udex-button-icon-text-spacing-medium-size)}:host([has-icon]:not([icon-only]):not([end-icon])) .ui5-button-text,:host([has-icon]:not([icon-only])[size="Medium"]:not([end-icon])) .ui5-button-text{margin-inline-start:var(--udex-button-icon-text-spacing-medium-size)}:host([has-icon]:not([icon-only])[size="Large"][end-icon]) .ui5-button-text{margin-inline-end:var(--udex-button-icon-text-spacing-large-size)}:host([has-icon]:not([icon-only])[size="Large"]:not([end-icon])) .ui5-button-text{margin-inline-start:var(--udex-button-icon-text-spacing-large-size)}:host:disabled,:host([design="Default"]):disabled,:host([design="Secondary"]):disabled,:host([design="Invisible"]):disabled,:host([design="Emphasized"][_aria-disabled]):disabled,:host([design="Primary"][_aria-disabled]):disabled,:host([design="Transparent"]):disabled,:host([design="Tertiary"]):disabled,:host([design="Negative"]):disabled,:host([design="Attention"]):disabled,:host([design="Warning"]):disabled,:host([design="Positive"]):disabled{opacity:var(--sapContent_DisabledOpacity, .4)}:host,:host([design="Emphasized"]),:host([design="Primary"]){font-family:var(--sapFontFamily);color:var(--udex-button-color-primary-standard-default-text-and-icon);background-color:var(--udex-button-color-primary-standard-default-background);border:1px solid var(--udex-button-color-primary-standard-default-border-color)}:host(:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]):hover),:host([design="Emphasized"]:not([disabled]):hover),:host([design="Emphasized"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]):hover),:host([design="Emphasized"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]).ui5_hovered),:host([design="Primary"]:not([disabled]):hover),:host([design="Primary"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]):hover),:host([design="Primary"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]).ui5_hovered){color:var(--udex-button-color-primary-standard-hover-text-and-icon);background-color:var(--udex-button-color-primary-standard-hover-background);border:1px solid var(--udex-button-color-primary-standard-hover-border-color)}:host([active]:not([disabled])),:host([design="Emphasized"][active]:not([disabled])),:host([design="Primary"][active]:not([disabled])){color:var(--udex-button-color-primary-standard-active-text-and-icon);background-color:var(--udex-button-color-primary-standard-active-background);border:1px solid var(--udex-button-color-primary-standard-active-border)}:host:disabled,:host([design="Emphasized"]):disabled,:host([design="Primary"]):disabled{color:var(--udex-button-color-primary-standard-disabled-text-and-icon);background-color:var(--udex-button-color-primary-standard-disabled-background);border:1px solid var(--udex-button-color-primary-standard-disabled-background)}:host([toggled]),:host([design="Emphasized"][toggled]),:host([design="Primary"][toggled]){color:var(--udex-button-color-primary-toggled-default-text-and-icon);background-color:var(--udex-button-color-primary-toggled-default-background);border:1px solid var(--udex-button-color-primary-toggled-default-border)}:host([toggled]:not([non-interactive]):not([_is-touch]):not([disabled]):hover),:host([design="Emphasized"][toggled]:not([non-interactive]):not([_is-touch]):not([disabled]):hover),:host([design="Primary"][toggled]:not([non-interactive]):not([_is-touch]):not([disabled]):hover){color:var(--udex-button-color-primary-toggled-hover-text-and-icon);background-color:var(--udex-button-color-primary-toggled-hover-background);border:1px solid var(--udex-button-color-primary-toggled-hover-border)}:host([toggled]):disabled,:host([design="Emphasized"][toggled]):disabled,:host([design="Primary"][toggled]):disabled{color:var(--udex-button-color-primary-toggled-disabled-text-and-icon);background-color:var(--udex-button-color-primary-toggled-disabled-background);border:1px solid var(--udex-button-color-primary-toggled-disabled-border)}:host([design="Default"]),:host([design="Secondary"]){color:var(--udex-button-color-secondary-standard-default-text-and-icon);background-color:var(--udex-button-color-secondary-standard-default-background);border:1px solid var(--udex-button-color-secondary-standard-default-border)}:host([design="Default"]:not([disabled]):hover),:host([design="Default"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]):hover),:host([design="Default"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]).ui5_hovered),:host([design="Secondary"]:not([disabled]):hover),:host([design="Secondary"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]):hover),:host([design="Secondary"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]).ui5_hovered){color:var(--udex-button-color-secondary-standard-hover-text-and-icon);background-color:var(--udex-button-color-secondary-standard-hover-background);border:1px solid var(--udex-button-color-secondary-standard-hover-border)}:host([design="Default"][active]:not([disabled])),:host([design="Secondary"][active]:not([disabled])){color:var(--udex-button-color-secondary-standard-active-text-and-icon);background-color:var(--udex-button-color-secondary-standard-active-background);border:1px solid var(--udex-button-color-secondary-standard-active-border)}:host([design="Default"]):disabled,:host([design="Secondary"]):disabled{color:var(--udex-button-color-secondary-standard-disabled-text-and-icon);background-color:var(--udex-button-color-secondary-standard-disabled-background);border:1px solid var(--udex-button-color-secondary-standard-disabled-border)}:host([design="Default"][toggled]),:host([design="Secondary"][toggled]){color:var(--udex-button-color-secondary-toggled-default-text-and-icon);background-color:var(--udex-button-color-secondary-toggled-default-background);border:1px solid var(--udex-button-color-secondary-toggled-default-border)}:host([design="Default"][toggled]:not([non-interactive]):not([_is-touch]):not([disabled]):hover),:host([design="Secondary"][toggled]:not([non-interactive]):not([_is-touch]):not([disabled]):hover){color:var(--udex-button-color-secondary-toggled-hover-text-and-icon);background-color:var(--udex-button-color-secondary-toggled-hover-background);border:1px solid var(--sapButton_Selected_Hover_BorderColor)}:host([design="Default"][toggled]):disabled,:host([design="Secondary"][toggled]):disabled{color:var(--udex-button-color-secondary-toggled-disabled-text-and-icon);background-color:var(--udex-button-color-secondary-toggled-disabled-background);border:1px solid var(--udex-button-color-secondary-toggled-disabled-border)}:host([design="Transparent"]),:host([design="Tertiary"]){color:var(--udex-button-color-tertiary-standard-default-text-and-icon);background-color:var(--udex-button-color-tertiary-standard-default-background);border:1px solid var(--udex-button-color-tertiary-standard-default-border)}:host([design="Transparent"]:not([disabled]):hover),:host([design="Transparent"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]):hover),:host([design="Transparent"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]).ui5_hovered),:host([design="Tertiary"]:not([disabled]):hover),:host([design="Tertiary"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]):hover),:host([design="Tertiary"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]).ui5_hovered){color:var(--udex-button-color-tertiary-standard-hover-text-and-icon);background-color:var(--udex-button-color-tertiary-standard-hover-background);border:1px solid var(--udex-button-color-tertiary-standard-hover-border)}:host([design="Transparent"][active]:not([disabled])),:host([design="Tertiary"][active]:not([disabled])){color:var(--udex-button-color-tertiary-standard-active-text-and-icon);background-color:var(--udex-button-color-tertiary-standard-active-background);border:1px solid var(--udex-button-color-tertiary-standard-active-border)}:host([design="Transparent"]):disabled,:host([design="Tertiary"]):disabled{color:var(--udex-button-color-tertiary-standard-disabled-text-and-icon);background-color:var(--udex-button-color-tertiary-standard-disabled-background);border:1px solid var(--udex-button-color-tertiary-standard-disabled-border)}:host([design="Transparent"][toggled]),:host([design="Tertiary"][toggled]){color:var(--udex-button-color-tertiary-toggled-default-text-and-icon);background-color:var(--udex-button-color-tertiary-toggled-default-background);border:1px solid var(--udex-button-color-tertiary-toggled-default-border)}:host([design="Transparent"][toggled]:not([non-interactive]):not([_is-touch]):not([disabled]):hover),:host([design="Tertiary"][toggled]:not([non-interactive]):not([_is-touch]):not([disabled]):hover){color:var(--udex-button-color-tertiary-toggled-hover-text-and-icon);background-color:var(--udex-button-color-tertiary-toggled-hover-background);border:1px solid var(--udex-button-color-tertiary-toggled-hover-border)}:host([design="Transparent"][toggled]):disabled,:host([design="Tertiary"][toggled]):disabled{color:var(--udex-button-color-tertiary-toggled-disabled-text-and-icon);background-color:var(--udex-button-color-tertiary-toggled-disabled-background);border:1px solid var(--udex-button-color-tertiary-toggled-disabled-border)}:host([design="Invisible"]){color:var(--udex-button-color-invisible-standard-default-text-and-icon);background-color:var(--udex-button-color-invisible-standard-default-background);border:none;height:auto;overflow:visible}:host([design="Invisible"][size="Small"])::part(button){padding:var(--udex-button-invisible-padding-small)}:host([design="Invisible"][size="Medium"])::part(button){padding:var(--udex-button-invisible-padding-medium)}:host([design="Invisible"][size="Large"])::part(button){padding:var(--udex-button-invisible-padding-large)}:host([design="Invisible"]:not([disabled]):hover),:host([design="Invisible"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):hover),:host([design="Invisible"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]).ui5_hovered){color:var(--udex-button-color-invisible-standard-hover-text-and-icon);background-color:var(--udex-button-color-invisible-standard-hover-background);border:none}:host([design="Invisible"][active]:not([disabled])){color:var(--udex-button-color-invisible-standard-active-text-and-icon);background-color:var(--udex-button-color-invisible-standard-active-background);border:none}:host([design="Invisible"]):disabled{color:var(--udex-button-color-invisible-standard-disabled-text-and-icon);background-color:var(--udex-button-color-invisible-standard-disabled-background);border:none}:host([design=Positive]){color:var(--udex-button-color-positive-standard-default-text-and-icon);background-color:var(--udex-button-color-positive-standard-default-background);border:1px solid var(--udex-button-color-positive-standard-default-border)}:host([design="Positive"]:not([disabled]):hover),:host([design="Positive"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]):hover),:host([design="Positive"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]).ui5_hovered){color:var(--udex-button-color-positive-standard-hover-text-and-icon);background-color:var(--udex-button-color-positive-standard-hover-background);border:1px solid var(--udex-button-color-positive-standard-hover-border)}:host([design=Positive][active]:not([disabled])){color:var(--udex-button-color-positive-standard-active-text-and-icon);background-color:var(--udex-button-color-positive-standard-active-background);border:1px solid var(--udex-button-color-positive-standard-active-border)}:host([design=Positive]):disabled{color:var(--udex-button-color-positive-standard-disabled-text-and-icon);background-color:var(--udex-button-color-positive-standard-disabled-background);border:1px solid var(--udex-button-color-positive-standard-disabled-border)}:host([design=Positive][toggled]){color:var(--udex-button-color-positive-toggled-default-text-and-icon);background-color:var(--udex-button-color-positive-toggled-default-background);border:1px solid var(--udex-button-color-positive-toggled-default-border)}:host([design=Positive][toggled]:not([non-interactive]):not([_is-touch]):not([disabled]):hover){color:var(--udex-button-color-positive-toggled-hover-text-and-icon);background-color:var(--udex-button-color-positive-toggled-hover-background);border:1px solid var(--udex-button-color-positive-toggled-hover-border)}:host([design=Positive][toggled]):disabled{color:var(--udex-button-color-positive-toggled-disabled-text-and-icon);background-color:var(--udex-button-color-positive-toggled-disabled-background);border:1px solid var(--udex-button-color-positive-toggled-disabled-border)}:host([design=Negative]){color:var(--udex-button-color-negative-standard-default-text-and-icon);background-color:var(--udex-button-color-negative-standard-default-background);border:1px solid var(--udex-button-color-negative-standard-default-border)}:host([design="Negative"]:not([disabled]):hover),:host([design="Negative"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]):hover),:host([design="Negative"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]).ui5_hovered){color:var(--udex-button-color-negative-standard-hover-text-and-icon);background-color:var(--udex-button-color-negative-standard-hover-background);border:1px solid var(--udex-button-color-negative-standard-hover-border)}:host([design=Negative][active]:not([disabled])),:host([design=Negative][active][_aria-disabled="false"]){color:var(--udex-button-color-negative-standard-active-text-and-icon);background-color:var(--udex-button-color-negative-standard-active-background);border:1px solid var(--udex-button-color-negative-standard-active-border)}:host([design=Negative]):disabled{color:var(--udex-button-color-negative-standard-disabled-text-and-icon);background-color:var(--udex-button-color-negative-standard-disabled-background);border:1px solid var(--udex-button-color-negative-standard-disabled-border)}:host([design=Negative][toggled]){color:var(--udex-button-color-negative-toggled-default-text-and-icon);background-color:var(--udex-button-color-negative-toggled-default-background);border:1px solid var(--udex-button-color-negative-toggled-default-border)}:host([design=Negative][toggled]:not([non-interactive]):not([_is-touch]):not([disabled]):hover){color:var(--udex-button-color-negative-toggled-hover-text-and-icon);background-color:var(--udex-button-color-negative-toggled-hover-background);border:1px solid var(--udex-button-color-negative-toggled-hover-border)}:host([design=Negative][toggled]):disabled{color:var(--udex-button-color-negative-toggled-disabled-text-and-icon);background-color:var(--udex-button-color-negative-toggled-disabled-background);border:1px solid var(--udex-button-color-negative-toggled-disabled-border)}:host([design=Attention]),:host([design="Warning"]){color:var(--udex-button-color-warning-standard-default-text-and-icon);background-color:var(--udex-button-color-warning-standard-default-background);border:1px solid var(--udex-button-color-warning-standard-default-border)}:host([design="Attention"]:not([disabled]):hover),:host([design="Attention"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]):hover),:host([design="Attention"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]).ui5_hovered),:host([design="Warning"]:not([disabled]):hover),:host([design="Warning"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]):hover),:host([design="Warning"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]).ui5_hovered){color:var(--udex-button-color-warning-standard-hover-text-and-icon);background-color:var(--udex-button-color-warning-standard-hover-background);border:1px solid var(--udex-button-color-warning-standard-hover-border)}:host([design="Attention"][active]:not([disabled])),:host([design="Warning"][active]:not([disabled])){color:var(--udex-button-color-warning-standard-active-text-and-icon);background-color:var(--udex-button-color-warning-standard-active-background);border:1px solid var(--udex-button-color-warning-standard-active-border)}:host([design="Attention"]):disabled,:host([design="Warning"]):disabled{color:var(--udex-button-color-warning-standard-disabled-text-and-icon);background-color:var(--udex-button-color-warning-standard-disabled-background);border:1px solid var(--udex-button-color-warning-standard-disabled-border)}:host([design="Attention"][toggled]),:host([design="Warning"][toggled]){color:var(--udex-button-color-warning-toggled-default-text-and-icon);background-color:var(--udex-button-color-warning-toggled-default-background);border:1px solid var(--udex-button-color-warning-toggled-default-border)}:host([design="Attention"][toggled]:not([non-interactive]):not([_is-touch]):not([disabled]):hover),:host([design="Warning"][toggled]:not([non-interactive]):not([_is-touch]):not([disabled]):hover){color:var(--udex-button-color-warning-toggled-hover-text-and-icon);background-color:var(--udex-button-color-warning-toggled-hover-background);border:1px solid var(--udex-button-color-warning-toggled-hover-border)}:host([design="Attention"][toggled]):disabled,:host([design="Warning"][toggled]):disabled{color:var(--udex-button-color-warning-toggled-disabled-text-and-icon);background-color:var(--udex-button-color-warning-toggled-disabled-background);border:1px solid var(--udex-button-color-warning-toggled-disabled-border)}:host([aria-disabled="true"][design="Tertiary"]) .ui5-button-root,:host([_aria-disabled][design="Tertiary"]) .ui5-button-root,:host([design="Tertiary"][_aria-disabled][active]),:host([design="Tertiary"][aria-disabled="true"][active]){color:var(--udex-button-color-tertiary-standard-disabled-text-and-icon);background-color:var(--udex-button-color-tertiary-standard-disabled-background);border:1px solid var(--udex-button-color-tertiary-standard-disabled-border)}:host([aria-disabled="true"][design="Tertiary"]) .ui5-button-root,:host([_aria-disabled][design="Tertiary"]) .ui5-button-root{opacity:var(--sapContent_DisabledOpacity, .4)}:host([design="Tertiary"][aria-disabled="true"]:not([active]):not([non-interactive]):not([_is-touch]):not([toggled]):hover),:host([design="Tertiary"][aria-disabled="true"][active]:not([non-interactive]):not([_is-touch]):not([toggled])) :host([design="Tertiary"][_aria-disabled][active]:not([non-interactive]):not([_is-touch]):not([toggled])),:host([design="Tertiary"][_aria-disabled]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]):hover){color:var(--udex-button-color-tertiary-standard-disabled-text-and-icon);background-color:var(--udex-button-color-tertiary-standard-disabled-background);border:1px solid var(--udex-button-color-tertiary-standard-disabled-border)}:host([design="Tertiary"][aria-disabled="true"][active]:not([non-interactive]):not([_is-touch]):not([toggled])),:host([design="Tertiary"][_aria-disabled][active]:not([disabled])),:host([desktop][design="Tertiary"][aria-disabled="true"][active]:not([non-interactive]):not([_is-touch]):not([toggled])),:host([desktop][design="Tertiary"][_aria-disabled][active]){border:none}:host([desktop][design="Tertiary"][_aria-disabled]) .ui5-button-root:after,:host([desktop][design="Tertiary"][_aria-disabled]) .ui5-button-root:before,:host([desktop][active][design="Tertiary"][_aria-disabled]) .ui5-button-root:after,:host([desktop][active][design="Tertiary"][_aria-disabled]) .ui5-button-root:before,:host([desktop][design="Tertiary"][aria-disabled="true"]) .ui5-button-root:after,:host([desktop][design="Tertiary"][aria-disabled="true"]) .ui5-button-root:before,:host([desktop][active][design="Tertiary"][aria-disabled="true"]) .ui5-button-root:after,:host([desktop][active][design="Tertiary"][aria-disabled="true"]) .ui5-button-root:before{content:none}:host([wrapping-type="Normal"]){max-width:100%;height:auto;--udex-button-padding-small: 4.8px 10px;--udex-button-padding-medium: var(--udexSpacer8) 10px;--udex-button-padding-large: 11px 14px}:host([wrapping-type="Normal"]) .ui5-button-root{white-space:break-spaces;text-align:start}
1
+ :host{--udex-button-color-transparent: hsla(0, 0%, 0%, 0);--udex-button-padding-small: 5px 10px;--udex-button-padding-medium: 9px 10px;--udex-button-padding-large: 8px 14px;--udex-button-icon-only-padding-small: 6px;--udex-button-icon-only-padding-medium: 10px;--udex-button-icon-only-padding-large: 12px;--udex-button-small-size: 25px;--udex-button-medium-size: 36px;--udex-button-large-size: 42px;--udex-button-icon-s-size: 14px;--udex-button-icon-m-size: 16px;--udex-button-icon-l-size: 18px;--udex-button-icon-text-spacing-small-size: 4px;--udex-button-icon-text-spacing-medium-size: 8px;--udex-button-icon-text-spacing-large-size: 8px;--udex-button-focus-border-radius: .375rem;--udex-button-focus-border-color: var(--sapContent_FocusColor);--udexTypographyFontWeightMedium: 500;--udex-button-color-primary-standard-default-background: var(--sapButton_Emphasized_Background, var(--udexColorBlue8));--udex-button-color-primary-standard-default-border-color: var(--sapButton_Emphasized_BorderColor, var(--udexColorBlue8));--udex-button-color-primary-standard-default-text-and-icon: var(--sapButton_Emphasized_TextColor, var(--udexCoreTextLight));--udex-button-color-primary-standard-hover-background: var(--sapButton_Emphasized_Hover_Background, var(--udexColorBlue9));--udex-button-color-primary-standard-hover-border-color: var(--sapButton_Emphasized_Hover_BorderColor, var(--udexColorBlue9));--udex-button-color-primary-standard-hover-text-and-icon: var(--sapButton_Emphasized_Hover_TextColor, var(--udexCoreTextLight));--udex-button-color-primary-standard-active-background: var(--sapButton_Emphasized_Active_Background, var(--udexColorNeutralWhite));--udex-button-color-primary-standard-active-border: var(--sapButton_Emphasized_Active_BorderColor, var(--udexColorBlue9));--udex-button-color-primary-standard-active-text-and-icon: var(--sapButton_Emphasized_Active_TextColor, var(--udexColorBlue9));--udex-button-color-primary-standard-disabled-background: var(--sapButton_Emphasized_Background, var(--udexColorBlue8));--udex-button-color-primary-standard-disabled-text-and-icon: var(--sapButton_Emphasized_TextColor, var(--udexCoreTextLight));--udex-button-color-primary-toggled-default-background: var(--sapButton_Selected_Background, var(--udexColorNeutralWhite));--udex-button-color-primary-toggled-default-border: var(--sapButton_Selected_BorderColor, var(--udexColorBlue9));--udex-button-color-primary-toggled-default-text-and-icon: var(--sapButton_Selected_TextColor, var(--udexColorBlue9));--udex-button-color-primary-toggled-hover-background: var(--sapButton_Selected_Hover_Background, var(--udexColorBlue2));--udex-button-color-primary-toggled-hover-border: var(--sapButton_Selected_Hover_BorderColor, var(--udexColorBlue9));--udex-button-color-primary-toggled-hover-text-and-icon: var(--sapButton_Selected_TextColor, var(--udexColorBlue9));--udex-button-color-primary-toggled-disabled-background: var(--sapButton_Emphasized_Active_Background, var(--udexColorNeutralWhite));--udex-button-color-primary-toggled-disabled-border: var(--sapButton_Emphasized_Active_BorderColor, var(--udexColorBlue9));--udex-button-color-primary-toggled-disabled-text-and-icon: var(--sapButton_Emphasized_Active_TextColor, var(--udexColorBlue9));--udex-button-color-secondary-standard-default-background: var(--sapButton_Background, var(--udexColorNeutralWhite));--udex-button-color-secondary-standard-default-border: var(--sapButton_BorderColor, var(--udexColorGrey7));--udex-button-color-secondary-standard-default-text-and-icon: var(--sapButton_TextColor, var(--udexColorBlue9));--udex-button-color-secondary-standard-hover-background: var(--sapButton_Hover_Background, var(--udexColorGrey2));--udex-button-color-secondary-standard-hover-border: var(--sapButton_Hover_BorderColor, var(--udexColorGrey7));--udex-button-color-secondary-standard-hover-text-and-icon: var(--sapButton_Hover_TextColor, var(--udexColorBlue9));--udex-button-color-secondary-standard-active-background: var(--sapButton_Active_Background, var(--udexColorNeutralWhite));--udex-button-color-secondary-standard-active-border: var(--sapButton_Active_BorderColor, var(--udexColorBlue9));--udex-button-color-secondary-standard-active-text-and-icon: var(--sapButton_Active_TextColor, var(--udexColorBlue9));--udex-button-color-secondary-standard-disabled-background: var(--sapButton_Background, var(--udexColorNeutralWhite));--udex-button-color-secondary-standard-disabled-border: var(--sapButton_BorderColor, var(--udexColorGrey7));--udex-button-color-secondary-standard-disabled-text-and-icon: var(--sapButton_TextColor, var(--udexColorBlue9));--udex-button-color-secondary-toggled-default-background: var(--sapButton_Selected_Background, var(--udexColorNeutralWhite));--udex-button-color-secondary-toggled-default-border: var(--sapButton_Selected_BorderColor, var(--udexColorBlue9));--udex-button-color-secondary-toggled-default-text-and-icon: var(--sapButton_Selected_TextColor, var(--udexColorBlue9));--udex-button-color-secondary-toggled-hover-background: var(--sapButton_Selected_Hover_Background, var(--udexColorBlue2));--udex-button-color-secondary-toggled-hover-border: var(--sapButton_Selected_Hover_BorderColor, var(--udexColorBlue9));--udex-button-color-secondary-toggled-hover-text-and-icon: var(--sapButton_Selected_TextColor, var(--udexColorBlue9));--udex-button-color-secondary-toggled-disabled-background: var(--sapButton_Selected_Background, var(--udexColorNeutralWhite));--udex-button-color-secondary-toggled-disabled-border: var(--sapButton_Selected_BorderColor, var(--udexColorBlue9));--udex-button-color-secondary-toggled-disabled-text-and-icon: var(--sapButton_Selected_TextColor, var(--udexColorBlue9));--udex-button-color-tertiary-standard-default-background: var(--udex-button-color-transparent, hsla(0, 0%, 0%, 0));--udex-button-color-tertiary-standard-default-border: var(--udex-button-color-transparent, hsla(0, 0%, 0%, 0));--udex-button-color-tertiary-standard-default-text-and-icon: var(--sapButton_Lite_TextColor, var(--udexColorBlue9));--udex-button-color-tertiary-standard-hover-background: var(--sapButton_Lite_Hover_Background, var(--udexColorGrey2));--udex-button-color-tertiary-standard-hover-border: var(--sapButton_Lite_Hover_BorderColor, var(--udexColorGrey7));--udex-button-color-tertiary-standard-hover-text-and-icon: var(--sapButton_Lite_Hover_TextColor, var(--udexColorBlue9));--udex-button-color-tertiary-standard-active-background: var(--sapButton_Lite_Active_Background, var(--udexColorNeutralWhite));--udex-button-color-tertiary-standard-active-border: var(--sapButton_Lite_Active_BorderColor, var(--udexColorBlue9));--udex-button-color-tertiary-standard-active-text-and-icon: var(--sapButton_Lite_TextColor, var(--udexColorBlue9));--udex-button-color-tertiary-standard-disabled-background: var(--udex-button-color-transparent, hsla(0, 0%, 0%, 0));--udex-button-color-tertiary-standard-disabled-border: var(--udex-button-color-transparent, hsla(0, 0%, 0%, 0));--udex-button-color-tertiary-standard-disabled-text-and-icon: var(--sapButton_Lite_Disabled_TextColor, var(--udexColorBlue9));--udex-button-color-tertiary-toggled-default-background: var(--sapButton_Selected_Background, var(--udexColorNeutralWhite));--udex-button-color-tertiary-toggled-default-border: var(--sapButton_Selected_BorderColor, var(--udexColorBlue9));--udex-button-color-tertiary-toggled-default-text-and-icon: var(--sapButton_Selected_TextColor, var(--udexColorBlue9));--udex-button-color-tertiary-toggled-hover-background: var(--sapButton_Selected_Hover_Background, var(--udexColorBlue2));--udex-button-color-tertiary-toggled-hover-border: var(--sapButton_Selected_Hover_BorderColor, var(--udexColorBlue9));--udex-button-color-tertiary-toggled-hover-text-and-icon: var(--sapButton_Selected_TextColor, var(--udexColorBlue9));--udex-button-color-tertiary-toggled-disabled-background: var(--sapButton_Lite_Background, var(--udexColorNeutralWhite));--udex-button-color-tertiary-toggled-disabled-border: var(--sapButton_Lite_BorderColor, var(--udexColorBlue9));--udex-button-color-tertiary-toggled-disabled-text-and-icon: var(--sapButton_Lite_TextColor, var(--udexColorBlue9));--udex-button-invisible-padding-small: 2px 0px;--udex-button-invisible-padding-medium: 4px 0px;--udex-button-invisible-padding-large: 8px 0px;--udex-button-invisible-focus-inset: -2px;--udex-button-color-invisible-standard-default-background: transparent;--udex-button-color-invisible-standard-default-text-and-icon: var(--udexColorBlue8);--udex-button-color-invisible-standard-hover-background: transparent;--udex-button-color-invisible-standard-hover-text-and-icon: var(--udexColorBlue10);--udex-button-color-invisible-standard-active-background: transparent;--udex-button-color-invisible-standard-active-text-and-icon: var(--udexColorBlue11);--udex-button-color-invisible-standard-disabled-background: transparent;--udex-button-color-invisible-standard-disabled-text-and-icon: var(--udexColorBlue8);--udex-button-color-positive-standard-default-background: var(--sapButton_Accept_Background, var(--udexCoreSemanticSuccess2));--udex-button-color-positive-standard-default-border: var(--sapButton_Accept_BorderColor, var(--udexCoreSemanticSuccess7));--udex-button-color-positive-standard-default-text-and-icon: var(--sapButton_Accept_TextColor, var(--udexCoreSemanticSuccess8));--udex-button-color-positive-standard-hover-background: var(--sapButton_Accept_Hover_Background, var(--udexCoreSemanticSuccess3));--udex-button-color-positive-standard-hover-border: var(--sapButton_Accept_Hover_BorderColor, var(--udexCoreSemanticSuccess10));--udex-button-color-positive-standard-hover-text-and-icon: var(--sapButton_Accept_Hover_TextColor, var(--udexCoreSemanticSuccess10));--udex-button-color-positive-standard-active-background: var(--sapButton_Accept_Active_Background, var(--udexColorNeutralWhite));--udex-button-color-positive-standard-active-border: var(--sapButton_Accept_Active_BorderColor, var(--udexCoreSemanticSuccess10));--udex-button-color-positive-standard-active-text-and-icon: var(--sapButton_Accept_Active_TextColor, var(--udexCoreSemanticSuccess10));--udex-button-color-positive-standard-disabled-background: var(--sapButton_Accept_Background, var(--udexCoreSemanticSuccess2));--udex-button-color-positive-standard-disabled-border: var(--sapButton_Accept_BorderColor, var(--udexCoreSemanticSuccess7));--udex-button-color-positive-standard-disabled-text-and-icon: var(--sapButton_Accept_TextColor, var(--udexCoreSemanticSuccess8));--udex-button-color-positive-toggled-default-background: var(--sapButton_Accept_Selected_Background, var(--udexColorNeutralWhite));--udex-button-color-positive-toggled-default-border: var(--sapButton_Accept_Selected_BorderColor, var(--udexCoreSemanticSuccess10));--udex-button-color-positive-toggled-default-text-and-icon: var(--sapButton_Accept_Selected_TextColor, var(--udexCoreSemanticSuccess10));--udex-button-color-positive-toggled-hover-background: var(--sapButton_Accept_Selected_Hover_Background, var(--udexCoreSemanticSuccess2));--udex-button-color-positive-toggled-hover-border: var(--sapButton_Accept_Selected_Hover_BorderColor, var(--udexCoreSemanticSuccess8));--udex-button-color-positive-toggled-hover-text-and-icon: var(--sapButton_Accept_TextColor, var(--udexCoreSemanticSuccess8));--udex-button-color-positive-toggled-disabled-background: var(--sapButton_Accept_Selected_Background, var(--udexColorNeutralWhite));--udex-button-color-positive-toggled-disabled-border: var(--sapButton_Accept_Selected_BorderColor, var(--udexCoreSemanticSuccess10));--udex-button-color-positive-toggled-disabled-text-and-icon: var(--sapButton_Accept_Selected_TextColor, var(--udexCoreSemanticSuccess10));--udex-button-color-negative-standard-default-background: var(--sapButton_Reject_Background, var(--udexCoreSemanticError2));--udex-button-color-negative-standard-default-border: var(--sapButton_Reject_BorderColor, var(--udexCoreSemanticError7));--udex-button-color-negative-standard-default-text-and-icon: var(--sapButton_Reject_TextColor, var(--udexCoreSemanticError8));--udex-button-color-negative-standard-hover-background: var(--sapButton_Reject_Hover_Background, var(--udexCoreSemanticError3));--udex-button-color-negative-standard-hover-border: var(--sapButton_Reject_Hover_BorderColor, var(--udexCoreSemanticError10));--udex-button-color-negative-standard-hover-text-and-icon: var(--sapButton_Reject_Hover_TextColor, var(--udexCoreSemanticError10));--udex-button-color-negative-standard-active-background: var(--sapButton_Reject_Active_Background, var(--udexColorNeutralWhite));--udex-button-color-negative-standard-active-border: var(--sapButton_Reject_Active_BorderColor, var(--udexCoreSemanticError10));--udex-button-color-negative-standard-active-text-and-icon: var(--sapButton_Reject_Active_TextColor, var(--udexCoreSemanticError10));--udex-button-color-negative-standard-disabled-background: var(--sapButton_Reject_Background, var(--udexCoreSemanticError2));--udex-button-color-negative-standard-disabled-border: var(--sapButton_Reject_BorderColor, var(--udexCoreSemanticError7));--udex-button-color-negative-standard-disabled-text-and-icon: var(--sapButton_Reject_TextColor, var(--udexCoreSemanticError8));--udex-button-color-negative-toggled-default-background: var(--sapButton_Reject_Selected_Background, var(--udexColorNeutralWhite));--udex-button-color-negative-toggled-default-border: var(--sapButton_Reject_Selected_BorderColor, var(--udexCoreSemanticError10));--udex-button-color-negative-toggled-default-text-and-icon: var(--sapButton_Reject_Selected_TextColor, var(--udexCoreSemanticError10));--udex-button-color-negative-toggled-hover-background: var(--sapButton_Reject_Selected_Hover_Background, var(--udexCoreSemanticError2));--udex-button-color-negative-toggled-hover-border: var(--sapButton_Reject_Selected_Hover_BorderColor, var(--udexCoreSemanticError8));--udex-button-color-negative-toggled-hover-text-and-icon: var(--udexCoreSemanticError8, #AA0808);--udex-button-color-negative-toggled-disabled-background: var(--sapButton_Reject_Selected_Background, var(--udexColorNeutralWhite));--udex-button-color-negative-toggled-disabled-border: var(--sapButton_Reject_Selected_BorderColor, var(--udexCoreSemanticError10));--udex-button-color-negative-toggled-disabled-text-and-icon: var(--sapButton_Reject_Selected_TextColor, var(--udexCoreSemanticError10));--udex-button-color-warning-standard-default-background: var(--sapButton_Attention_Background, var(--udexCoreSemanticWarning2));--udex-button-color-warning-standard-default-border: var(--sapButton_Attention_BorderColor, var(--udexCoreSemanticWarning7));--udex-button-color-warning-standard-default-text-and-icon: var(--sapButton_Attention_TextColor, var(--udexCoreSemanticWarning8));--udex-button-color-warning-standard-hover-background: var(--sapButton_Attention_Hover_Background, var(--udexCoreSemanticWarning3));--udex-button-color-warning-standard-hover-border: var(--sapButton_Attention_Hover_BorderColor, var(--udexCoreSemanticWarning10));--udex-button-color-warning-standard-hover-text-and-icon: var(--sapButton_Attention_Hover_TextColor, var(--udexCoreSemanticWarning10));--udex-button-color-warning-standard-active-background: var(--sapButton_Attention_Active_Background, var(--udexColorNeutralWhite));--udex-button-color-warning-standard-active-border: var(--sapButton_Attention_Active_BorderColor, var(--udexCoreSemanticWarning10));--udex-button-color-warning-standard-active-text-and-icon: var(--sapButton_Attention_Active_TextColor, var(--udexCoreSemanticWarning10));--udex-button-color-warning-standard-disabled-background: var(--sapButton_Attention_Background, var(--udexCoreSemanticWarning2));--udex-button-color-warning-standard-disabled-border: var(--sapButton_Attention_BorderColor, var(--udexCoreSemanticWarning7));--udex-button-color-warning-standard-disabled-text-and-icon: var(--sapButton_Attention_TextColor, var(--udexCoreSemanticWarning8));--udex-button-color-warning-toggled-default-background: var(--sapButton_Attention_Selected_Background, var(--udexColorNeutralWhite));--udex-button-color-warning-toggled-default-border: var(--sapButton_Attention_Selected_BorderColor, var(--udexCoreSemanticWarning10));--udex-button-color-warning-toggled-default-text-and-icon: var(--sapButton_Attention_Selected_TextColor, var(--udexCoreSemanticWarning10));--udex-button-color-warning-toggled-hover-background: var(--sapButton_Attention_Selected_Hover_Background, var(--udexCoreSemanticWarning2));--udex-button-color-warning-toggled-hover-border: var(--sapButton_Attention_Selected_Hover_BorderColor, var(--udexCoreSemanticWarning8));--udex-button-color-warning-toggled-hover-text-and-icon: var(--sapButton_Attention_Selected_Hover_BorderColor, var(--udexCoreSemanticWarning8));--udex-button-color-warning-toggled-disabled-background: var(--sapButton_Attention_Selected_Background, var(--udexColorNeutralWhite));--udex-button-color-warning-toggled-disabled-border: var(--sapButton_Attention_Selected_BorderColor, var(--udexCoreSemanticWarning10));--udex-button-color-warning-toggled-disabled-text-and-icon: var(--sapButton_Attention_Selected_TextColor, var(--udexCoreSemanticWarning10))}:host([desktop][active]) .ui5-button-root:focus-within:before{border-radius:var(--udex-button-focus-border-radius)}:host{display:inline-block;font-weight:var(--udexTypographyFontWeightMedium)}:host([size="Small"]){font-size:var(--udexTypographyNavigationMediumMFontSize, 14px);height:var(--udex-button-small-size)}:host([size="Small"])::part(button){padding:var(--udex-button-padding-small)}:host([design="Primary"][desktop]:not([active])) .ui5-button-root:focus-within:after,:host([design="Primary"]:not([active])) .ui5-button-root:focus-visible:after{border-color:var(--udexColorNeutralWhite, #fff)}:host([design="Primary"][desktop][toggled]:not([active])) .ui5-button-root:focus-within:after,:host([design="Primary"][toggled]:not([active])) .ui5-button-root:focus-visible:after{border-color:var(--udexColorBlue10, #002A86)}:host([design="Invisible"]:not([active])) .ui5-button-root:focus-visible:after,:host([design="Invisible"]:not([toggled])[desktop]) .ui5-button-root:focus-within:before,:host([design="Invisible"]:not([toggled])[desktop]) .ui5-button-root:focus-within:after{inset:var(--udex-button-invisible-focus-inset)}:host([desktop]:not([active])) .ui5-button-root:focus-within:after,:host(:not([active])) .ui5-button-root:focus-visible:after{border:.125rem solid var(--udex-button-focus-border-color);border-radius:var(--udex-button-focus-border-radius)}:host,:host([size="Medium"]){font-size:var(--udexTypographyNavigationMediumXLFontSize, 1rem);height:var(--udex-button-medium-size)}:host::part(button),:host([size="Medium"])::part(button){padding:var(--udex-button-padding-medium)}:host([size="Large"]){font-size:var(--udexTypographyNavigationMediumXLFontSize, 1rem);height:var(--udex-button-large-size)}:host([size="Large"])::part(button){padding:var(--udex-button-padding-large)}:host([size="Small"][icon-only]){min-width:var(--udex-button-small-size);max-width:var(--udex-button-small-size);height:var(--udex-button-small-size);min-height:var(--udex-button-small-size)}:host([icon-only]),:host([size="Medium"][icon-only]){min-width:var(--udex-button-medium-size);max-width:var(--udex-button-medium-size);height:var(--udex-button-medium-size);min-height:var(--udex-button-medium-size)}:host([end-icon]) .ui5-button-icon{margin-inline-start:0}:host([size="Large"][icon-only]){min-width:var(--udex-button-large-size);max-width:var(--udex-button-large-size);height:var(--udex-button-large-size);min-height:var(--udex-button-large-size)}:host([size="Small"][icon-only])::part(button){padding:var(--udex-button-icon-only-padding-small)}:host([icon-only])::part(button),:host([size="Medium"][icon-only])::part(button){padding:var(--udex-button-icon-only-padding-medium)}:host([size="Large"][icon-only])::part(button){padding:var(--udex-button-icon-only-padding-large)}:host([icon-only][end-icon])::part(icon){margin:0}:host([end-icon])::part(icon){margin-inline-start:0}:host([size="Small"])::part(icon),:host([size="Small"])::part(endIcon){height:var(--udex-button-icon-s-size, 14px);width:var(--udex-button-icon-s-size, 14px)}:host([size="Medium"])::part(icon),:host([size="Medium"])::part(endIcon){height:var(--udex-button-icon-m-size, 16px);width:var(--udex-button-icon-m-size, 16px)}:host([size="Large"])::part(icon),:host([size="Large"])::part(endIcon){height:var(--udex-button-icon-l-size, 18px);width:var(--udex-button-icon-l-size, 18px)}:host([has-icon]:not([icon-only])[size="Small"][end-icon]) .ui5-button-text{margin-inline-end:var(--udex-button-icon-text-spacing-small-size)}:host([has-icon]:not([icon-only])[size="Small"]:not([end-icon])) .ui5-button-text{margin-inline-start:var(--udex-button-icon-text-spacing-small-size)}:host([has-icon]:not([icon-only])[end-icon]) .ui5-button-text,:host([has-icon]:not([icon-only])[size="Medium"][end-icon]) .ui5-button-text{margin-inline-end:var(--udex-button-icon-text-spacing-medium-size)}:host([has-icon]:not([icon-only]):not([end-icon])) .ui5-button-text,:host([has-icon]:not([icon-only])[size="Medium"]:not([end-icon])) .ui5-button-text{margin-inline-start:var(--udex-button-icon-text-spacing-medium-size)}:host([has-icon]:not([icon-only])[size="Large"][end-icon]) .ui5-button-text{margin-inline-end:var(--udex-button-icon-text-spacing-large-size)}:host([has-icon]:not([icon-only])[size="Large"]:not([end-icon])) .ui5-button-text{margin-inline-start:var(--udex-button-icon-text-spacing-large-size)}:host:disabled,:host([design="Default"]):disabled,:host([design="Secondary"]):disabled,:host([design="Invisible"]):disabled,:host([design="Emphasized"][_aria-disabled]):disabled,:host([design="Primary"][_aria-disabled]):disabled,:host([design="Transparent"]):disabled,:host([design="Tertiary"]):disabled,:host([design="Negative"]):disabled,:host([design="Attention"]):disabled,:host([design="Warning"]):disabled,:host([design="Positive"]):disabled{opacity:var(--sapContent_DisabledOpacity, .4)}:host,:host([design="Emphasized"]),:host([design="Primary"]){font-family:var(--sapFontFamily);color:var(--udex-button-color-primary-standard-default-text-and-icon);background-color:var(--udex-button-color-primary-standard-default-background);border:1px solid var(--udex-button-color-primary-standard-default-border-color)}:host(:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]):hover),:host([design="Emphasized"]:not([disabled]):hover),:host([design="Emphasized"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]):hover),:host([design="Emphasized"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]).ui5_hovered),:host([design="Primary"]:not([disabled]):hover),:host([design="Primary"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]):hover),:host([design="Primary"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]).ui5_hovered){color:var(--udex-button-color-primary-standard-hover-text-and-icon);background-color:var(--udex-button-color-primary-standard-hover-background);border:1px solid var(--udex-button-color-primary-standard-hover-border-color)}:host([active]:not([disabled])),:host([design="Emphasized"][active]:not([disabled])),:host([design="Primary"][active]:not([disabled])){color:var(--udex-button-color-primary-standard-active-text-and-icon);background-color:var(--udex-button-color-primary-standard-active-background);border:1px solid var(--udex-button-color-primary-standard-active-border)}:host:disabled,:host([design="Emphasized"]):disabled,:host([design="Primary"]):disabled{color:var(--udex-button-color-primary-standard-disabled-text-and-icon);background-color:var(--udex-button-color-primary-standard-disabled-background);border:1px solid var(--udex-button-color-primary-standard-disabled-background)}:host([toggled]),:host([design="Emphasized"][toggled]),:host([design="Primary"][toggled]){color:var(--udex-button-color-primary-toggled-default-text-and-icon);background-color:var(--udex-button-color-primary-toggled-default-background);border:1px solid var(--udex-button-color-primary-toggled-default-border)}:host([toggled]:not([non-interactive]):not([_is-touch]):not([disabled]):hover),:host([design="Emphasized"][toggled]:not([non-interactive]):not([_is-touch]):not([disabled]):hover),:host([design="Primary"][toggled]:not([non-interactive]):not([_is-touch]):not([disabled]):hover){color:var(--udex-button-color-primary-toggled-hover-text-and-icon);background-color:var(--udex-button-color-primary-toggled-hover-background);border:1px solid var(--udex-button-color-primary-toggled-hover-border)}:host([toggled]):disabled,:host([design="Emphasized"][toggled]):disabled,:host([design="Primary"][toggled]):disabled{color:var(--udex-button-color-primary-toggled-disabled-text-and-icon);background-color:var(--udex-button-color-primary-toggled-disabled-background);border:1px solid var(--udex-button-color-primary-toggled-disabled-border)}:host([design="Default"]),:host([design="Secondary"]){color:var(--udex-button-color-secondary-standard-default-text-and-icon);background-color:var(--udex-button-color-secondary-standard-default-background);border:1px solid var(--udex-button-color-secondary-standard-default-border)}:host([design="Default"]:not([disabled]):hover),:host([design="Default"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]):hover),:host([design="Default"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]).ui5_hovered),:host([design="Secondary"]:not([disabled]):hover),:host([design="Secondary"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]):hover),:host([design="Secondary"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]).ui5_hovered){color:var(--udex-button-color-secondary-standard-hover-text-and-icon);background-color:var(--udex-button-color-secondary-standard-hover-background);border:1px solid var(--udex-button-color-secondary-standard-hover-border)}:host([design="Default"][active]:not([disabled])),:host([design="Secondary"][active]:not([disabled])){color:var(--udex-button-color-secondary-standard-active-text-and-icon);background-color:var(--udex-button-color-secondary-standard-active-background);border:1px solid var(--udex-button-color-secondary-standard-active-border)}:host([design="Default"]):disabled,:host([design="Secondary"]):disabled{color:var(--udex-button-color-secondary-standard-disabled-text-and-icon);background-color:var(--udex-button-color-secondary-standard-disabled-background);border:1px solid var(--udex-button-color-secondary-standard-disabled-border)}:host([design="Default"][toggled]),:host([design="Secondary"][toggled]){color:var(--udex-button-color-secondary-toggled-default-text-and-icon);background-color:var(--udex-button-color-secondary-toggled-default-background);border:1px solid var(--udex-button-color-secondary-toggled-default-border)}:host([design="Default"][toggled]:not([non-interactive]):not([_is-touch]):not([disabled]):hover),:host([design="Secondary"][toggled]:not([non-interactive]):not([_is-touch]):not([disabled]):hover){color:var(--udex-button-color-secondary-toggled-hover-text-and-icon);background-color:var(--udex-button-color-secondary-toggled-hover-background);border:1px solid var(--sapButton_Selected_Hover_BorderColor)}:host([design="Default"][toggled]):disabled,:host([design="Secondary"][toggled]):disabled{color:var(--udex-button-color-secondary-toggled-disabled-text-and-icon);background-color:var(--udex-button-color-secondary-toggled-disabled-background);border:1px solid var(--udex-button-color-secondary-toggled-disabled-border)}:host([design="Transparent"]),:host([design="Tertiary"]){color:var(--udex-button-color-tertiary-standard-default-text-and-icon);background-color:var(--udex-button-color-tertiary-standard-default-background);border:1px solid var(--udex-button-color-tertiary-standard-default-border)}:host([design="Transparent"]:not([disabled]):hover),:host([design="Transparent"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]):hover),:host([design="Transparent"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]).ui5_hovered),:host([design="Tertiary"]:not([disabled]):hover),:host([design="Tertiary"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]):hover),:host([design="Tertiary"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]).ui5_hovered){color:var(--udex-button-color-tertiary-standard-hover-text-and-icon);background-color:var(--udex-button-color-tertiary-standard-hover-background);border:1px solid var(--udex-button-color-tertiary-standard-hover-border)}:host([design="Transparent"][active]:not([disabled])),:host([design="Tertiary"][active]:not([disabled])){color:var(--udex-button-color-tertiary-standard-active-text-and-icon);background-color:var(--udex-button-color-tertiary-standard-active-background);border:1px solid var(--udex-button-color-tertiary-standard-active-border)}:host([design="Transparent"]):disabled,:host([design="Tertiary"]):disabled{color:var(--udex-button-color-tertiary-standard-disabled-text-and-icon);background-color:var(--udex-button-color-tertiary-standard-disabled-background);border:1px solid var(--udex-button-color-tertiary-standard-disabled-border)}:host([design="Transparent"][toggled]),:host([design="Tertiary"][toggled]){color:var(--udex-button-color-tertiary-toggled-default-text-and-icon);background-color:var(--udex-button-color-tertiary-toggled-default-background);border:1px solid var(--udex-button-color-tertiary-toggled-default-border)}:host([design="Transparent"][toggled]:not([non-interactive]):not([_is-touch]):not([disabled]):hover),:host([design="Tertiary"][toggled]:not([non-interactive]):not([_is-touch]):not([disabled]):hover){color:var(--udex-button-color-tertiary-toggled-hover-text-and-icon);background-color:var(--udex-button-color-tertiary-toggled-hover-background);border:1px solid var(--udex-button-color-tertiary-toggled-hover-border)}:host([design="Transparent"][toggled]):disabled,:host([design="Tertiary"][toggled]):disabled{color:var(--udex-button-color-tertiary-toggled-disabled-text-and-icon);background-color:var(--udex-button-color-tertiary-toggled-disabled-background);border:1px solid var(--udex-button-color-tertiary-toggled-disabled-border)}:host([design="Invisible"]){color:var(--udex-button-color-invisible-standard-default-text-and-icon);background-color:var(--udex-button-color-invisible-standard-default-background);border:none;height:auto;overflow:visible}:host([design="Invisible"][size="Small"])::part(button){padding:var(--udex-button-invisible-padding-small)}:host([design="Invisible"][size="Medium"])::part(button){padding:var(--udex-button-invisible-padding-medium)}:host([design="Invisible"][size="Large"])::part(button){padding:var(--udex-button-invisible-padding-large)}:host([design="Invisible"]:not([disabled]):hover),:host([design="Invisible"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):hover),:host([design="Invisible"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]).ui5_hovered){color:var(--udex-button-color-invisible-standard-hover-text-and-icon);background-color:var(--udex-button-color-invisible-standard-hover-background);border:none}:host([design="Invisible"][active]:not([disabled])){color:var(--udex-button-color-invisible-standard-active-text-and-icon);background-color:var(--udex-button-color-invisible-standard-active-background);border:none}:host([design="Invisible"]):disabled{color:var(--udex-button-color-invisible-standard-disabled-text-and-icon);background-color:var(--udex-button-color-invisible-standard-disabled-background);border:none}:host([design=Positive]){color:var(--udex-button-color-positive-standard-default-text-and-icon);background-color:var(--udex-button-color-positive-standard-default-background);border:1px solid var(--udex-button-color-positive-standard-default-border)}:host([design="Positive"]:not([disabled]):hover),:host([design="Positive"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]):hover),:host([design="Positive"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]).ui5_hovered){color:var(--udex-button-color-positive-standard-hover-text-and-icon);background-color:var(--udex-button-color-positive-standard-hover-background);border:1px solid var(--udex-button-color-positive-standard-hover-border)}:host([design=Positive][active]:not([disabled])){color:var(--udex-button-color-positive-standard-active-text-and-icon);background-color:var(--udex-button-color-positive-standard-active-background);border:1px solid var(--udex-button-color-positive-standard-active-border)}:host([design=Positive]):disabled{color:var(--udex-button-color-positive-standard-disabled-text-and-icon);background-color:var(--udex-button-color-positive-standard-disabled-background);border:1px solid var(--udex-button-color-positive-standard-disabled-border)}:host([design=Positive][toggled]){color:var(--udex-button-color-positive-toggled-default-text-and-icon);background-color:var(--udex-button-color-positive-toggled-default-background);border:1px solid var(--udex-button-color-positive-toggled-default-border)}:host([design=Positive][toggled]:not([non-interactive]):not([_is-touch]):not([disabled]):hover){color:var(--udex-button-color-positive-toggled-hover-text-and-icon);background-color:var(--udex-button-color-positive-toggled-hover-background);border:1px solid var(--udex-button-color-positive-toggled-hover-border)}:host([design=Positive][toggled]):disabled{color:var(--udex-button-color-positive-toggled-disabled-text-and-icon);background-color:var(--udex-button-color-positive-toggled-disabled-background);border:1px solid var(--udex-button-color-positive-toggled-disabled-border)}:host([design=Negative]){color:var(--udex-button-color-negative-standard-default-text-and-icon);background-color:var(--udex-button-color-negative-standard-default-background);border:1px solid var(--udex-button-color-negative-standard-default-border)}:host([design="Negative"]:not([disabled]):hover),:host([design="Negative"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]):hover),:host([design="Negative"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]).ui5_hovered){color:var(--udex-button-color-negative-standard-hover-text-and-icon);background-color:var(--udex-button-color-negative-standard-hover-background);border:1px solid var(--udex-button-color-negative-standard-hover-border)}:host([design=Negative][active]:not([disabled])),:host([design=Negative][active][_aria-disabled="false"]){color:var(--udex-button-color-negative-standard-active-text-and-icon);background-color:var(--udex-button-color-negative-standard-active-background);border:1px solid var(--udex-button-color-negative-standard-active-border)}:host([design=Negative]):disabled{color:var(--udex-button-color-negative-standard-disabled-text-and-icon);background-color:var(--udex-button-color-negative-standard-disabled-background);border:1px solid var(--udex-button-color-negative-standard-disabled-border)}:host([design=Negative][toggled]){color:var(--udex-button-color-negative-toggled-default-text-and-icon);background-color:var(--udex-button-color-negative-toggled-default-background);border:1px solid var(--udex-button-color-negative-toggled-default-border)}:host([design=Negative][toggled]:not([non-interactive]):not([_is-touch]):not([disabled]):hover){color:var(--udex-button-color-negative-toggled-hover-text-and-icon);background-color:var(--udex-button-color-negative-toggled-hover-background);border:1px solid var(--udex-button-color-negative-toggled-hover-border)}:host([design=Negative][toggled]):disabled{color:var(--udex-button-color-negative-toggled-disabled-text-and-icon);background-color:var(--udex-button-color-negative-toggled-disabled-background);border:1px solid var(--udex-button-color-negative-toggled-disabled-border)}:host([design=Attention]),:host([design="Warning"]){color:var(--udex-button-color-warning-standard-default-text-and-icon);background-color:var(--udex-button-color-warning-standard-default-background);border:1px solid var(--udex-button-color-warning-standard-default-border)}:host([design="Attention"]:not([disabled]):hover),:host([design="Attention"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]):hover),:host([design="Attention"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]).ui5_hovered),:host([design="Warning"]:not([disabled]):hover),:host([design="Warning"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]):hover),:host([design="Warning"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]).ui5_hovered){color:var(--udex-button-color-warning-standard-hover-text-and-icon);background-color:var(--udex-button-color-warning-standard-hover-background);border:1px solid var(--udex-button-color-warning-standard-hover-border)}:host([design="Attention"][active]:not([disabled])),:host([design="Warning"][active]:not([disabled])){color:var(--udex-button-color-warning-standard-active-text-and-icon);background-color:var(--udex-button-color-warning-standard-active-background);border:1px solid var(--udex-button-color-warning-standard-active-border)}:host([design="Attention"]):disabled,:host([design="Warning"]):disabled{color:var(--udex-button-color-warning-standard-disabled-text-and-icon);background-color:var(--udex-button-color-warning-standard-disabled-background);border:1px solid var(--udex-button-color-warning-standard-disabled-border)}:host([design="Attention"][toggled]),:host([design="Warning"][toggled]){color:var(--udex-button-color-warning-toggled-default-text-and-icon);background-color:var(--udex-button-color-warning-toggled-default-background);border:1px solid var(--udex-button-color-warning-toggled-default-border)}:host([design="Attention"][toggled]:not([non-interactive]):not([_is-touch]):not([disabled]):hover),:host([design="Warning"][toggled]:not([non-interactive]):not([_is-touch]):not([disabled]):hover){color:var(--udex-button-color-warning-toggled-hover-text-and-icon);background-color:var(--udex-button-color-warning-toggled-hover-background);border:1px solid var(--udex-button-color-warning-toggled-hover-border)}:host([design="Attention"][toggled]):disabled,:host([design="Warning"][toggled]):disabled{color:var(--udex-button-color-warning-toggled-disabled-text-and-icon);background-color:var(--udex-button-color-warning-toggled-disabled-background);border:1px solid var(--udex-button-color-warning-toggled-disabled-border)}:host([aria-disabled="true"][design="Tertiary"]) .ui5-button-root,:host([_aria-disabled][design="Tertiary"]) .ui5-button-root,:host([design="Tertiary"][_aria-disabled][active]),:host([design="Tertiary"][aria-disabled="true"][active]){color:var(--udex-button-color-tertiary-standard-disabled-text-and-icon);background-color:var(--udex-button-color-tertiary-standard-disabled-background);border:1px solid var(--udex-button-color-tertiary-standard-disabled-border)}:host([aria-disabled="true"][design="Tertiary"]) .ui5-button-root,:host([_aria-disabled][design="Tertiary"]) .ui5-button-root{opacity:var(--sapContent_DisabledOpacity, .4)}:host([design="Tertiary"][aria-disabled="true"]:not([active]):not([non-interactive]):not([_is-touch]):not([toggled]):hover),:host([design="Tertiary"][aria-disabled="true"][active]:not([non-interactive]):not([_is-touch]):not([toggled])) :host([design="Tertiary"][_aria-disabled][active]:not([non-interactive]):not([_is-touch]):not([toggled])),:host([design="Tertiary"][_aria-disabled]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]):hover){color:var(--udex-button-color-tertiary-standard-disabled-text-and-icon);background-color:var(--udex-button-color-tertiary-standard-disabled-background);border:1px solid var(--udex-button-color-tertiary-standard-disabled-border)}:host([design="Tertiary"][aria-disabled="true"][active]:not([non-interactive]):not([_is-touch]):not([toggled])),:host([design="Tertiary"][_aria-disabled][active]:not([disabled])),:host([desktop][design="Tertiary"][aria-disabled="true"][active]:not([non-interactive]):not([_is-touch]):not([toggled])),:host([desktop][design="Tertiary"][_aria-disabled][active]){border:none}:host([desktop][design="Tertiary"][_aria-disabled]) .ui5-button-root:after,:host([desktop][design="Tertiary"][_aria-disabled]) .ui5-button-root:before,:host([desktop][active][design="Tertiary"][_aria-disabled]) .ui5-button-root:after,:host([desktop][active][design="Tertiary"][_aria-disabled]) .ui5-button-root:before,:host([desktop][design="Tertiary"][aria-disabled="true"]) .ui5-button-root:after,:host([desktop][design="Tertiary"][aria-disabled="true"]) .ui5-button-root:before,:host([desktop][active][design="Tertiary"][aria-disabled="true"]) .ui5-button-root:after,:host([desktop][active][design="Tertiary"][aria-disabled="true"]) .ui5-button-root:before{content:none}:host([wrapping-type="Normal"]){max-width:100%;height:auto;--udex-button-padding-small: 4.8px 10px;--udex-button-padding-medium: var(--udexSpacer8) 10px;--udex-button-padding-large: 11px 14px}:host([wrapping-type="Normal"]) .ui5-button-root{white-space:break-spaces;text-align:start}
package/dist/css/themes/CountrySelector.css CHANGED
@@ -1 +1 @@
1
- :host{--udex-country-selector-flag-width: 30px;--udex-country-selector-flag-height: 20px;--udex-country-selector-popover-min-width: 0px;--udex-country-selector-input-disabled-opacity: var(--sapContent_DisabledOpacity, .4);--udex-country-selector-max-width: 100%;--udex-country-selector-text-offset-left: 50px;--udex-country-selector-text-offset-right: 36px}:host(:not([disabled]):not([displayonly]):not([readonly])) .udex-country-selector__trigger{cursor:pointer}:host([displayonly])::part(textfield-input),:host([readonly])::part(textfield-input),:host([disabled])::part(textfield-input){cursor:default}:host(:not([hide-flag-images])) [udex-text-field][aria-expanded=false]:not([active])[value=""]::part(label){transform:translate(var(--udex-country-selector-text-offset-right))}:host(:not([hide-flag-images])) [udex-text-field][aria-expanded=false]:not([active])[value=""]::part(label):dir(rtl){transform:translate(calc(var(--udex-country-selector-text-offset-right)* -1))}:host([displayonly])::part(textfield-control-btn),.hidden-text{display:none}.udex-country-selector__text{width:100%}:host([hide-flag-images])::part(textfield-input),.udex-country-selector__dropdown--hide-flag [udex-list-item]::part(item){padding-left:var(--udexSpacer12);padding-right:var(--udexSpacer12)}:host([hide-flag-images]) [udex-text-field]::part(textfield-input){padding-inline-start:var(--udexSpacer12)}.udex-country-selector__dropdown--hide-flag .udex-country-selector__trigger:after{left:var(--udexSpacer12);right:var(--udexSpacer32)}.udex-country-selector__trigger{display:flex;align-items:center;position:relative;max-width:var(--udex-country-selector-max-width);width:100%}.udex-country-selector__trigger--disabled{opacity:var(--udex-country-selector-input-disabled-opacity)}.udex-list::part(content){padding:0}.udex-country-selector__trigger:after{content:attr(value);position:absolute;left:calc(24px + var(--udex-country-selector-flag-width));right:40px;font-family:var(--sapFontFamily, sans-serif);font-weight:var(--udexTypographyFontWeightRegular, 400);font-size:var(--udexTypographyBodySFontSize, 16px);line-height:var(--udexTypographyBodyLineHeight, 24px);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;pointer-events:none}:dir(rtl) .udex-country-selector__trigger:after{right:calc(24px + var(--udex-country-selector-flag-width));left:40px}.udex-text-field__input{inset-inline-start:var(--udexSpacer12)}[udex-text-field]::part(label){max-width:calc(100% - var(--udex-country-selector-text-offset-left) - var(--udex-country-selector-text-offset-right) - 15px)}[udex-text-field][active]::part(label){padding:6px var(--udexSpacer4, 4px) 0}.udex-country-selector-item__image,.udex-country-selector__image{background-color:var(--udexColorGrey4, #A9B4BE);background-image:url(https://cdn.udex.services.sap.com/dds/design-tokens/assets/country_flag_iso3166.webp);background-repeat:no-repeat;background-position:1000px 0;position:absolute;top:0;transform:translateY(50%);z-index:1;width:var(--udex-country-selector-flag-width);height:var(--udex-country-selector-flag-height);inset-inline-start:var(--udexSpacer12);inset-inline-end:30px;pointer-events:none}[udex-list-item]::part(item){position:relative;padding-inline-start:calc(24px + var(--udex-country-selector-flag-width));padding-inline-end:var(--udexSpacer12, 12px)}[udex-dropdown]{--udex-dropdown-pane-max-width: 100%}[udex-text-field]{--udex-input-padding: 0 var(--udex-country-selector-text-offset-right) 0 var(--udex-country-selector-text-offset-left)}[udex-text-field]:dir(rtl){--udex-input-padding: 0 var(--udex-country-selector-text-offset-left) 0 var(--udex-country-selector-text-offset-right)}[udex-text-field]::part(textfield-input){cursor:pointer}[udex-dropdown]{--udex-dropdown-pane-min-width: var(--udex-country-selector-popover-min-width)}.hidden{position:absolute;width:0px;height:0px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0;padding:0}@media (width < 640px){[udex-dropdown]{--udex-dropdown-pane-min-width-xs: var(--udex-country-selector-popover-min-width)}}
1
+ :host{--udex-country-selector-flag-width: 30px;--udex-country-selector-flag-height: 20px;--udex-country-selector-popover-min-width: 0px;--udex-country-selector-input-disabled-opacity: var(--sapContent_DisabledOpacity, .4);--udex-country-selector-max-width: 100%;--udex-country-selector-text-offset-left: 50px;--udex-country-selector-text-offset-right: 36px}:host(:not([disabled]):not([displayonly]):not([readonly])) .udex-country-selector__trigger{cursor:pointer}:host([displayonly])::part(textfield-input),:host([readonly])::part(textfield-input),:host([disabled])::part(textfield-input){cursor:default}:host(:not([hide-flag-images])) [udex-text-field]:not([active])[value=""]::part(label){transform:translate(var(--udex-country-selector-text-offset-right))}:host(:not([hide-flag-images])) [udex-text-field]:not([active])[value=""]::part(label):dir(rtl){transform:translate(calc(var(--udex-country-selector-text-offset-right)* -1))}:host([displayonly])::part(textfield-control-btn),.hidden-text{display:none}.udex-country-selector__text{width:100%}:host([hide-flag-images])::part(textfield-input),.udex-country-selector__dropdown--hide-flag [udex-list-item]::part(item){padding-left:var(--udexSpacer12);padding-right:var(--udexSpacer12)}:host([hide-flag-images]) [udex-text-field]::part(textfield-input){padding-inline-start:var(--udexSpacer12)}.udex-country-selector__dropdown--hide-flag .udex-country-selector__trigger:after{left:var(--udexSpacer12);right:var(--udexSpacer32)}.udex-country-selector__trigger{display:flex;align-items:center;position:relative;max-width:var(--udex-country-selector-max-width);width:100%}.udex-country-selector__trigger--disabled{opacity:var(--udex-country-selector-input-disabled-opacity)}.udex-list::part(content){padding:0}.udex-country-selector__trigger:after{content:attr(value);position:absolute;left:calc(24px + var(--udex-country-selector-flag-width));right:40px;font-family:var(--sapFontFamily, sans-serif);font-weight:var(--udexTypographyFontWeightRegular, 400);font-size:var(--udexTypographyBodySFontSize, 16px);line-height:var(--udexTypographyBodyLineHeight, 24px);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;pointer-events:none}:dir(rtl) .udex-country-selector__trigger:after{right:calc(24px + var(--udex-country-selector-flag-width));left:40px}.udex-text-field__input{inset-inline-start:var(--udexSpacer12)}[udex-text-field]::part(label){max-width:calc(100% - var(--udex-country-selector-text-offset-left) - var(--udex-country-selector-text-offset-right) - 15px)}[udex-text-field][active]::part(label){padding:6px var(--udexSpacer4, 4px) 0}.udex-country-selector-item__image,.udex-country-selector__image{background-color:var(--udexColorGrey4, #A9B4BE);background-image:url(https://cdn.udex.services.sap.com/dds/design-tokens/assets/country_flag_iso3166.webp);background-repeat:no-repeat;background-position:1000px 0;position:absolute;top:0;transform:translateY(50%);z-index:1;width:var(--udex-country-selector-flag-width);height:var(--udex-country-selector-flag-height);inset-inline-start:var(--udexSpacer12);inset-inline-end:30px;pointer-events:none}[udex-list-item]::part(item){position:relative;padding-inline-start:calc(24px + var(--udex-country-selector-flag-width));padding-inline-end:var(--udexSpacer12, 12px)}[udex-dropdown]{--udex-dropdown-pane-max-width: 100%}[udex-text-field]{--udex-input-padding: 0 var(--udex-country-selector-text-offset-right) 0 var(--udex-country-selector-text-offset-left)}[udex-text-field]:dir(rtl){--udex-input-padding: 0 var(--udex-country-selector-text-offset-left) 0 var(--udex-country-selector-text-offset-right)}[udex-text-field]::part(textfield-input){cursor:pointer}[udex-dropdown]{--udex-dropdown-pane-min-width: var(--udex-country-selector-popover-min-width)}.hidden{position:absolute;width:0px;height:0px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0;padding:0}@media (width < 640px){[udex-dropdown]{--udex-dropdown-pane-min-width-xs: var(--udex-country-selector-popover-min-width)}}
package/dist/css/themes/DatePickerPopover.css CHANGED
@@ -1 +1 @@
1
- .udex-date-picker__popover{--udex-dropdown-border-width: 0;--udex-dropdown-pane-max-width: fit-content;padding:8px}::part(year-picker-root),::part(month-picker-root){padding:var(--udexSpacer24, 24px) 0}::part(month-cell),::part(calendar-header-middle-button){padding:8px 14px;height:42px;font-weight:500}::part(month-cell){margin:0 6px 16px;min-width:calc(33.333% - 8px)}::part(year-cell){margin:0 4px 16px;min-width:calc(25% - 6px)}::part(year-range-cell){width:50%;margin:0 4px 16px}::part(year-range-cell),::part(year-cell){height:36px;padding:9px 10px;font-weight:500}::part(calendar-header-middle-button){width:auto;flex-grow:0;border:1px solid var(--udex-button-color-transparent, hsla(0, 0%, 0%, 0))}::part(calendar-header-arrow-button){border:1px solid var(--udex-button-color-transparent, hsla(0, 0%, 0%, 0))}::part(calendar-header-arrow-button):hover,::part(calendar-header-middle-button):hover{background-color:var(--sapButton_Lite_Hover_Background, var(--udexColorGrey2));border-color:var(--sapButton_Lite_Hover_BorderColor, var(--udexColorGrey7))}::part(day-cell):hover{background-color:var(--udexColorGrey3, #D5DADD)}::part(year-cell-selected):hover,::part(month-cell-selected):hover,::part(day-cell-selected):hover{background-color:var(--udexColorBlue1, #EBF8FF);border-color:var(--udexColorBlue9, #0040B0);color:var(--udexColorBlue9, #0040B0)}::part(day-cell-selected-between){color:var(--udexColorBlue9, #0040B0)}::part(day-cell-selected-between):hover{background-color:var(--udexColorBlue2, #D1EFFF)}
1
+ .udex-date-picker__popover{--udex-dropdown-border-width: 0;--udex-dropdown-pane-max-width: fit-content;padding:8px}::part(year-picker-root),::part(month-picker-root){padding:var(--udexSpacer24, 24px) 0}::part(month-cell),::part(calendar-header-middle-button){padding:8px 14px;height:42px;font-weight:500}::part(month-cell){margin:0 6px 16px;min-width:calc(33.333% - 8px)}::part(year-cell){margin:0 4px 16px;min-width:calc(25% - 6px)}::part(year-range-cell){width:50%;margin:0 4px 16px}::part(year-range-cell),::part(year-cell){height:36px;padding:9px 10px;font-weight:500}::part(calendar-header-middle-button){width:auto;flex-grow:0;border:1px solid var(--udex-button-color-transparent, hsla(0, 0%, 0%, 0))}::part(calendar-header-arrow-button){border:1px solid var(--udex-button-color-transparent, hsla(0, 0%, 0%, 0))}::part(calendar-header-arrow-button):hover,::part(calendar-header-middle-button):hover{background-color:var(--sapButton_Lite_Hover_Background, var(--udexColorGrey2));border-color:var(--sapButton_Lite_Hover_BorderColor, var(--udexColorGrey7))}::part(day-cell):hover{background-color:var(--udexColorGrey3, #D5DADD)}::part(year-cell-selected):hover,::part(month-cell-selected):hover,::part(day-cell-selected):hover,::part(year-range-cell-selected):hover{background-color:var(--udexColorBlue2, #D1EFFF);border-color:var(--udexColorBlue9, #0040B0);color:var(--udexColorBlue9, #0040B0)}::part(day-cell-selected-between){color:var(--udexColorBlue9, #0040B0)}::part(day-cell-selected-between):hover{background-color:var(--udexColorBlue2, #D1EFFF)}
package/dist/css/themes/ImageGridTicker.css ADDED
@@ -0,0 +1 @@
1
+ :host{--udex-image-grid-ticker-duration: 31s;--udex-image-grid-ticker-play-btn-color: var(--udexColorGrey7, #475E75);--udex-image-grid-ticker-play-btn-color-hover: #000;--udex-image-grid-ticker-min-height: 76px}:host([_is-scrollable]) .udex-image-grid-ticker__track{animation:scroll-ticker var(--udex-image-grid-ticker-duration) linear infinite}:host([_is-scrollable]:dir(rtl)) .udex-image-grid-ticker__track{animation:scroll-ticker-rtl var(--udex-image-grid-ticker-duration) linear infinite}:host([_is-paused]:dir(rtl)) .udex-image-grid-ticker__track,:host([_is-paused]) .udex-image-grid-ticker__track{animation-play-state:paused}:host([_is-focus-in]) .udex-image-grid-ticker__track{animation:none!important}:host([grayscale]) ::part(grid-image){filter:grayscale(100%)}:host([grayscale]) ::part(grid-image):hover{filter:grayscale(0%)}.udex-image-grid-ticker__track-holder{position:relative;overflow:hidden}.udex-image-grid-ticker__track{display:flex;align-items:center;min-height:var(--udex-image-grid-ticker-min-height);width:max-content}.udex-image-grid-ticker{display:flex;flex-direction:column-reverse}.udex-image-grid-ticker__track-wrapper{overflow:hidden;position:relative;width:100%;padding:14px 0}:host([_is-scrollable]) .udex-image-grid-ticker__track-holder:after,:host([_is-scrollable]) .udex-image-grid-ticker__track-holder:before{content:"";position:absolute;top:0;left:-25px;bottom:0;width:120px;background:linear-gradient(90deg,#FFF 23.96%,rgba(255,255,255,0) 100%);z-index:1}:host([_is-scrollable]) .udex-image-grid-ticker__track-holder:after{right:-25px;left:auto;transform:rotate(180deg)}.udex-image-grid-ticker__play-button-holder{padding-top:34px}.udex-image-grid-ticker__play-button{position:relative;--udex-button-medium-size: 32px;--udex-button-icon-m-size: 32px;--udex-button-focus-border-radius: 50%;--udex-button-invisible-focus-inset: 0;--udex-button-color-invisible-standard-default-text-and-icon: var(--udex-image-grid-ticker-play-btn-color);--udex-button-color-invisible-standard-hover-text-and-icon: var(--udex-image-grid-ticker-play-btn-color-hover)}:host([desktop]) .udex-image-grid-ticker__play-button:focus:before,.udex-image-grid-ticker__play-button:focus-visible:before{content:"";position:absolute;inset:0;box-shadow:0 0 0 2px #fff;border-radius:50%}.udex-image-grid-ticker__play-button::part(button):focus-within:after,.udex-image-grid-ticker__play-button::part(button):focus-within:before{border-radius:50%}@keyframes scroll-ticker-rtl{0%{transform:translate(0)}to{transform:translate(50%)}}@keyframes scroll-ticker{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (prefers-reduced-motion: reduce){:host([_is-scrollable]:dir(rtl)) .udex-image-grid-ticker__track,:host([_is-scrollable]) .udex-image-grid-ticker__track{animation:none}}@media (max-width: 979px){.udex-image-grid-ticker__track{min-height:auto;width:auto;justify-content:center;flex-wrap:wrap}:host([_is-scrollable]) .udex-image-grid-ticker__track-holder:after,:host([_is-scrollable]) .udex-image-grid-ticker__track-holder:before{display:none}}
package/dist/css/themes/ImageGridTickerItem.css ADDED
@@ -0,0 +1 @@
1
+ :host{--udex-image-grid-ticker-item-width: 120px;--udex-image-grid-ticker-item-height: 76px;--udex-image-grid-ticker-item-hover-scale: 1.3;--udex-image-grid-ticker-item-gaps: var(--udexSpacer12, 12px)}.udex-image-grid-ticker-item__link,.udex-image-grid-ticker-item{width:var(--udex-image-grid-ticker-item-width);height:var(--udex-image-grid-ticker-item-height);display:flex;align-items:center}.udex-image-grid-ticker-item{padding:0 var(--udex-image-grid-ticker-item-gaps)}.udex-image-grid-ticker-item__link{transition:transform .3s ease-in-out}:host([desktop]) .udex-image-grid-ticker-item__link:focus,.udex-image-grid-ticker-item__link:focus-visible{outline:var(--udexRadiusXXS) solid var(--udexColorBlue10);border-radius:var(--udexRadiusM, 8px)}.udex-image-grid-ticker-item__link:hover{transform:scale(var(--udex-image-grid-ticker-item-hover-scale),1.3);z-index:10}.udex-image-grid-ticker-item__img{max-height:var(--udex-image-grid-ticker-item-height);object-fit:contain;width:100%}@media (prefers-reduced-motion: reduce){.udex-image-grid-ticker-item__link{transition:none}}@media (max-width: 979px){.udex-image-grid-ticker-item{padding:0 var(--udexSpacer8);margin-bottom:var(--udexSpacer16)}}
package/dist/css/themes/Quote.css CHANGED
@@ -1 +1 @@
1
- :host{display:block;width:100%;container-type:inline-size}.udex-quote__container{display:flex;flex-direction:row;width:100%;text-align:left;gap:var(--udexSpacer24)}.udex-quote__container:dir(rtl){text-align:right}:host([image-size="small"]) .udex-quote__container,:host([text-size="small"]) .udex-quote__container{gap:var(--udexSpacer16)}.udex-quote__text,::slotted([slot="author"]),::slotted([slot="link"]){padding:0 50px}::slotted([slot="image"]){display:block;width:120px;height:120px}:host([mask="rectangle"]) ::slotted([slot="image"]){display:block;width:200px;height:100px;background-color:transparent;object-fit:contain}:host([image-size="small"]) ::slotted([slot="image"]){width:var(--udexSpacer64);height:var(--udexSpacer64)}:host([image-size="small"][mask="rectangle"]) ::slotted([slot="image"]){width:160px;height:80px}.udex-quote__text-container{position:relative;margin:0}.udex-quote__text{margin:0 0 var(--udexSpacer24);font-family:var(--sapFontFamily);font-weight:var(--udexTypographyFontWeightRegular, 400);font-size:var(--udexTypographyBodyXLFontSize, 24px);line-height:var(--udexTypographyBodyLineHeight, 1.5);color:var(--udexColorGrey8, #354A5F)}.udex-quote__text ::slotted(*){margin:0}.udex-quote__text-container:before,.udex-quote__text-container:after{font-family:var(--sapFontFamily);font-weight:var(--udexTypographyFontWeightMedium, 500);text-align:center;position:absolute;display:inline-block;font-size:84px;line-height:84px;height:58px;width:34px;color:var(--udexColorGrey8, #354A5F);margin-top:-9px}.udex-quote__text-container:before{content:open-quote;top:0;left:0}.udex-quote__text-container:after{content:close-quote;top:0;right:0}:host([text-size="small"]) .udex-quote__text-container:after,:host([text-size="small"]) .udex-quote__text-container:before{font-size:72px;line-height:72px;font-weight:var(--udexTypographyFontWeightRegular, 400);height:50px;width:26px;margin-top:-12px}::slotted([slot="author"]){display:block;margin-bottom:var(--udexSpacer24);font-family:var(--sapFontFamily);font-weight:var(--udexTypographyFontWeightRegular, 400);font-size:var(--udexTypographyHeadingRegularXXSFontSize, 20px);line-height:var(--udexTypographyHeadingLineHeight, 1.1);color:var(--udexColorGrey8, #354A5F)}:host([text-size="small"]) .udex-quote__text{font-family:var(--sapFontFamily);font-weight:var(--udexTypographyFontWeightRegular, 400);font-size:var(--udexTypographyBodySFontSize, 16px);line-height:var(--udexTypographyBodyLineHeight, 1.5);padding-inline:34px}:host([text-size="small"]) ::slotted([slot="author"]){font-family:var(--sapFontFamily);font-weight:var(--udexTypographyFontWeightRegular, 400);font-size:var(--udexTypographyNavigationRegularMFontSize, 14px);line-height:var(--udexTypographyHeadingLineHeight, 1.1);padding-inline:34px}:host([text-size="small"]) ::slotted([slot="link"]){padding-inline:34px}@media screen and (max-width: 1279px){.udex-quote__container{gap:var(--udexSpacer16)}::slotted([slot="author"]){font-size:var(--udexTypographyNavigationRegularMFontSize, 14px);line-height:var(--udexTypographyHeadingLineHeight, 1.1);padding:0 34px}::slotted([slot="link"]){padding:0 34px}::slotted([slot="image"]){width:var(--udexSpacer64);height:var(--udexSpacer64)}:host([mask="rectangle"]) ::slotted([slot="image"]){width:160px;height:80px}.udex-quote__text-container:after,.udex-quote__text-container:before{font-size:72px;font-weight:var(--udexTypographyFontWeightRegular, 400);line-height:72px;height:50px;width:26px}.udex-quote__text{font-size:var(--udexTypographyBodySFontSize, 16px);line-height:var(--udexTypographyBodyLineHeight, 1.5);padding:0 34px}}@media (max-width: 639px){.udex-quote__container,:host([image-placement="right"]) .udex-quote__container{flex-direction:column;gap:var(--udexSpacer16)}::slotted([slot="image"]){margin:0 auto}}
1
+ :host{display:block;width:100%;container-type:inline-size}.udex-quote__container{display:flex;flex-direction:row;width:100%;text-align:left;gap:var(--udexSpacer24)}.udex-quote__container:dir(rtl){text-align:right}:host([image-size="small"]) .udex-quote__container,:host([text-size="small"]) .udex-quote__container{gap:var(--udexSpacer16)}.udex-quote__text,::slotted([slot="author"]),::slotted([slot="link"]){padding:0 50px}::slotted([slot="image"]){display:block;width:120px;height:120px}:host([mask="rectangle"]) ::slotted([slot="image"]){display:block;width:200px;height:100px;background-color:transparent;object-fit:contain}:host([image-size="small"]) ::slotted([slot="image"]){width:var(--udexSpacer64);height:var(--udexSpacer64)}:host([image-size="small"][mask="rectangle"]) ::slotted([slot="image"]){width:160px;height:80px}.udex-quote__text-container{quotes:"\\201c""\\201d";position:relative;margin:0}.udex-quote__text{margin:0 0 var(--udexSpacer24);font-family:var(--sapFontFamily);font-weight:var(--udexTypographyFontWeightRegular, 400);font-size:var(--udexTypographyBodyXLFontSize, 24px);line-height:var(--udexTypographyBodyLineHeight, 1.5);color:var(--udexColorGrey8, #354A5F)}.udex-quote__text ::slotted(*){margin:0}.udex-quote__text-container:before,.udex-quote__text-container:after{font-family:var(--sapFontFamily);font-weight:var(--udexTypographyFontWeightMedium, 500);text-align:center;position:absolute;display:inline-block;font-size:84px;line-height:84px;height:58px;width:34px;color:var(--udexColorGrey8, #354A5F);margin-top:-9px}.udex-quote__text-container:before{content:open-quote;top:0;left:0}.udex-quote__text-container:after{content:close-quote;top:0;right:0}:host([text-size="small"]) .udex-quote__text-container:after,:host([text-size="small"]) .udex-quote__text-container:before{font-size:72px;line-height:72px;font-weight:var(--udexTypographyFontWeightRegular, 400);height:50px;width:26px;margin-top:-12px}::slotted([slot="author"]){display:block;margin-bottom:var(--udexSpacer24);font-family:var(--sapFontFamily);font-weight:var(--udexTypographyFontWeightRegular, 400);font-size:var(--udexTypographyHeadingRegularXXSFontSize, 20px);line-height:var(--udexTypographyHeadingLineHeight, 1.1);color:var(--udexColorGrey8, #354A5F)}:host([text-size="small"]) .udex-quote__text{font-family:var(--sapFontFamily);font-weight:var(--udexTypographyFontWeightRegular, 400);font-size:var(--udexTypographyBodySFontSize, 16px);line-height:var(--udexTypographyBodyLineHeight, 1.5);padding-inline:34px}:host([text-size="small"]) ::slotted([slot="author"]){font-family:var(--sapFontFamily);font-weight:var(--udexTypographyFontWeightRegular, 400);font-size:var(--udexTypographyNavigationRegularMFontSize, 14px);line-height:var(--udexTypographyHeadingLineHeight, 1.1);padding-inline:34px}:host([text-size="small"]) ::slotted([slot="link"]){padding-inline:34px}@media screen and (max-width: 1279px){.udex-quote__container{gap:var(--udexSpacer16)}::slotted([slot="author"]){font-size:var(--udexTypographyNavigationRegularMFontSize, 14px);line-height:var(--udexTypographyHeadingLineHeight, 1.1);padding:0 34px}::slotted([slot="link"]){padding:0 34px}::slotted([slot="image"]){width:var(--udexSpacer64);height:var(--udexSpacer64)}:host([mask="rectangle"]) ::slotted([slot="image"]){width:160px;height:80px}.udex-quote__text-container:after,.udex-quote__text-container:before{font-size:72px;font-weight:var(--udexTypographyFontWeightRegular, 400);line-height:72px;height:50px;width:26px}.udex-quote__text{font-size:var(--udexTypographyBodySFontSize, 16px);line-height:var(--udexTypographyBodyLineHeight, 1.5);padding:0 34px}}@media (max-width: 639px){.udex-quote__container{flex-direction:column;gap:var(--udexSpacer16)}:host([image-placement="right"]) .udex-quote__container{flex-direction:column-reverse;gap:var(--udexSpacer16)}::slotted([slot="image"]){margin:0 auto}}
package/dist/css/themes/RatingIndicator.css CHANGED
@@ -1 +1 @@
1
- :host{--udex_rating_indicator_readonly_item_width: 1.5rem;--udex_rating_indicator_readonly_item_height: 1.5rem;--udex_rating_indicator_item_width: 1.5rem;--udex_rating_indicator_item_height: 1.5rem;--udex_rating_indicator_mobile_item_padding: 10px;--udex_rating_indicator_disabled_opacity: .4;--udex-rating_indicator_items_gap: 8px;--udex-rating_indicator_mobile_items_gap: 8px;--udex-rating_indicator_rated_color: var(--sapContent_RatedColor, #E76500);--udex-rating_indicator_unrated_color: var(--sapContent_RatedColor, #E76500);--udex-rating_indicator_read-only-unrated_color: var(--udexColorGrey6 ,#5B738B);--udex-rating_indicator_disabled-unrated_color: var(--udexColorMango6, #E76500);--udex-rating_indicator_rated_hover_color: var(--udexColorMango7, #C35500);--udex-rating_indicator_unrated_hover_color: var(--udexColorMango7, #C35500)}:host(:not([hidden])){display:inline-flex;margin:var(--_ui5-v2-18-0_rating_indicator_component_spacing);cursor:pointer}:host([disabled]){opacity:var(--udex_rating_indicator_disabled_opacity);cursor:initial;outline:none}:host([readonly]){cursor:initial}:host([disabled]) .udex-rating-indicator__item-unsel,:host([readonly]) .udex-rating-indicator__item-unsel{width:var(--udex_rating_indicator_readonly_item_width);height:var(--udex_rating_indicator_readonly_item_height);padding-inline:0}:host([disabled]) .udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_disabled-unrated_color)}:host([readonly]) .udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_read-only-unrated_color)}:host([_focused]){outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);outline-offset:.125rem;border-radius:.25rem}[ui5-icon]{display:flex;text-shadow:var(--sapContent_TextShadow)}.udex-rating-indicator{font-family:var(--sapFontFamily);font-size:var(--sapFontSize, 16px);padding:0;outline:none;position:relative;display:inline-flex;gap:12px;align-items:center}.udex-rating-indicator__total{color:var(--udexColorGrey6);line-height:24px}.udex-rating-indicator__list{list-style-type:none;display:flex;align-items:center;margin:0;padding:0}.udex-rating-indicator__item{position:relative;width:var(--udex_rating_indicator_item_width);height:var(--udex_rating_indicator_item_height)}.udex-rating-indicator__item:not(:last-child){margin-inline-end:var(--udex-rating_indicator_items_gap)}.udex-rating-indicator__item [ui5-icon]{width:100%;height:100%;color:inherit;user-select:none}.udex-rating-indicator__item.udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_unrated_color)}.udex-rating-indicator__item.udex-rating-indicator__item-sel,.udex-rating-indicator__item.udex-rating-indicator__item-half{color:var(--udex-rating_indicator_rated_color)}.udex-rating-indicator__item [ui5-icon].udex-rating-indicator__half-icon{position:absolute;inset-inline-start:50%;color:var(--udex-rating_indicator_rated_color)}:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__item-sel,:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__half-icon,:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__item-half{color:var(--udex-rating_indicator_rated_hover_color)}:host(:not([readonly]):not([disabled])) .ui5-rating-indicator-root:hover{opacity:1}:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_unrated_hover_color)}.udex-rating-indicator__half-icon-wrapper{width:100%;height:100%;position:absolute;inset-inline-start:-50%;top:0;z-index:32;overflow:hidden}.udex-rating-indicator--mobile .udex-rating-indicator__half-icon-wrapper{top:var(--udex_rating_indicator_mobile_item_padding)}.udex-rating-indicator--mobile .udex-rating-indicator__item [ui5-icon].udex-rating-indicator__half-icon{height:var(--udex_rating_indicator_item_height)}.udex-rating-indicator--mobile .udex-rating-indicator__item{padding:var(--udex_rating_indicator_mobile_item_padding)}:host([readonly]) .udex-rating-indicator--mobile .udex-rating-indicator__item-unsel,:host([disabled]) .udex-rating-indicator--mobile .udex-rating-indicator__item-unsel{padding-left:var(--udex_rating_indicator_mobile_item_padding);padding-right:var(--udex_rating_indicator_mobile_item_padding)}.udex-rating-indicator--mobile .udex-rating-indicator__item:not(:last-child){margin-inline-end:var(--udex-rating_indicator_mobile_items_gap)}
1
+ :host{--udex_rating_indicator_readonly_item_width: 1.5rem;--udex_rating_indicator_readonly_item_height: 1.5rem;--udex_rating_indicator_item_width: 1.5rem;--udex_rating_indicator_item_height: 1.5rem;--udex_rating_indicator_mobile_item_padding: 10px;--udex_rating_indicator_disabled_opacity: .4;--udex-rating_indicator_items_gap: 8px;--udex-rating_indicator_mobile_items_gap: 8px;--udex-rating_indicator_rated_color: var(--sapContent_RatedColor, #E76500);--udex-rating_indicator_unrated_color: var(--sapContent_RatedColor, #E76500);--udex-rating_indicator_read-only-unrated_color: var(--udexColorGrey6 ,#5B738B);--udex-rating_indicator_disabled-unrated_color: var(--udexColorMango6, #E76500);--udex-rating_indicator_rated_hover_color: var(--udexColorMango7, #C35500);--udex-rating_indicator_unrated_hover_color: var(--udexColorMango7, #C35500)}:host(:not([hidden])){display:inline-flex;margin:var(--_ui5-v2-20-0_rating_indicator_component_spacing);cursor:pointer}:host([disabled]){opacity:var(--udex_rating_indicator_disabled_opacity);cursor:initial;outline:none}:host([readonly]){cursor:initial}:host([disabled]) .udex-rating-indicator__item-unsel,:host([readonly]) .udex-rating-indicator__item-unsel{width:var(--udex_rating_indicator_readonly_item_width);height:var(--udex_rating_indicator_readonly_item_height);padding-inline:0}:host([disabled]) .udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_disabled-unrated_color)}:host([readonly]) .udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_read-only-unrated_color)}:host([_focused]){outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);outline-offset:.125rem;border-radius:.25rem}[ui5-icon]{display:flex;text-shadow:var(--sapContent_TextShadow)}.udex-rating-indicator{font-family:var(--sapFontFamily);font-size:var(--sapFontSize, 16px);padding:0;outline:none;position:relative;display:inline-flex;gap:12px;align-items:center}.udex-rating-indicator__total{color:var(--udexColorGrey6);line-height:24px}.udex-rating-indicator__list{list-style-type:none;display:flex;align-items:center;margin:0;padding:0}.udex-rating-indicator__item{position:relative;width:var(--udex_rating_indicator_item_width);height:var(--udex_rating_indicator_item_height)}.udex-rating-indicator__item:not(:last-child){margin-inline-end:var(--udex-rating_indicator_items_gap)}.udex-rating-indicator__item [ui5-icon]{width:100%;height:100%;color:inherit;user-select:none}.udex-rating-indicator__item.udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_unrated_color)}.udex-rating-indicator__item.udex-rating-indicator__item-sel,.udex-rating-indicator__item.udex-rating-indicator__item-half{color:var(--udex-rating_indicator_rated_color)}.udex-rating-indicator__item [ui5-icon].udex-rating-indicator__half-icon{position:absolute;inset-inline-start:50%;color:var(--udex-rating_indicator_rated_color)}:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__item-sel,:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__half-icon,:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__item-half{color:var(--udex-rating_indicator_rated_hover_color)}:host(:not([readonly]):not([disabled])) .ui5-rating-indicator-root:hover{opacity:1}:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_unrated_hover_color)}.udex-rating-indicator__half-icon-wrapper{width:100%;height:100%;position:absolute;inset-inline-start:-50%;top:0;z-index:32;overflow:hidden}.udex-rating-indicator--mobile .udex-rating-indicator__half-icon-wrapper{top:var(--udex_rating_indicator_mobile_item_padding)}.udex-rating-indicator--mobile .udex-rating-indicator__item [ui5-icon].udex-rating-indicator__half-icon{height:var(--udex_rating_indicator_item_height)}.udex-rating-indicator--mobile .udex-rating-indicator__item{padding:var(--udex_rating_indicator_mobile_item_padding)}:host([readonly]) .udex-rating-indicator--mobile .udex-rating-indicator__item-unsel,:host([disabled]) .udex-rating-indicator--mobile .udex-rating-indicator__item-unsel{padding-left:var(--udex_rating_indicator_mobile_item_padding);padding-right:var(--udex_rating_indicator_mobile_item_padding)}.udex-rating-indicator--mobile .udex-rating-indicator__item:not(:last-child){margin-inline-end:var(--udex-rating_indicator_mobile_items_gap)}
package/dist/css/themes/Slider.css CHANGED
@@ -1 +1 @@
1
- :host{--udex-slider-color-track-start-point: var(--sapSlider_Selected_Background, #0070f2);--udex-slider-color-track-active: var(--sapSlider_Selected_Background, #0070f2);--udex-slider-color-handle-focus-range: var(--sapSlider_Selected_BorderColor, #0070f2);--udex-slider-color-handle-active-background: var(--sapSlider_Active_HandleBackground, #ffffff);--udex-slider-color-handle-default-icon: var(--sapContent_Selected_ForegroundColor, #0040b0);--udex-slider-radius-range-size: var(--udexRadiusM, 8px);--udex-slider-handle-width: 2.75rem;--udex-slider-handle-top: -.875rem;--udex-slider-handle-height: var(--udexSpacer32, 2rem);--udex-slider-start-end-point-left: -.875rem;--udex-slider-start-end-point-right: -.875rem;--udex-slider-progress-after-background: var(--sapContent_MeasureIndicatorColor,#5b738b);--udex-slider-handle-icon-size: var(--udexSpacer20, 1.25rem);--udex-slider-tooltip-bottom: 2.5rem;--udex-slider-tooltip-border: 1px solid var(--sapField_BorderColor, #5B738B);--udex-slider-tooltip-border-radius: var(--udexSpacer4, .25rem);--udex-slider-tooltip-font-size: var(--udexTypographyNavigationRegularMFontSize,14px);--udex-slider-tooltip-color: var(--sapContent_MeasureIndicatorColor, #5b738b);--udex-slider-tooltip-height: var(--udexSpacer32, 2rem);--udex-slider-tooltip-min-width: 2.75rem;--udex-slider-tickmark-in-range-bg: var(--sapSlider_Selected_BorderColor,#0070f2);--udex-slider-tickmark-bg: var(--sapContent_MeasureIndicatorColor, #5b738b);--udex-slider-label-color: var(--sapContent_MeasureIndicatorColor, #5b738b);--udex-slider-handle-focus-border: 2px solid var(--sapSlider_Active_HandleBorderColor);--udex-slider-progress-focus-top: -1.18rem;--udex-slider-progress-focus-left:calc(-1.375rem - 5px);--udex-slider-progress-focus-height: 42px;--udex-slider-progress-focus-width:calc(100% + 2.75rem + 10px)}:host{font-family:var(--sapFontFamily);font-weight:var(--udexTypographyFontWeightRegular, 400);font-size:var(--udexTypographyNavigationRegularMFontSize, 14px);line-height:var(--udexTypographyHeadingLineHeight, 1.1);color:var(--sapContent_MeasureIndicatorColor, #5b738b);height:74px}.ui5-slider-progress-container:before{background-color:var(--udex-slider-color-track-start-point)}.ui5-slider-progress{background-color:var(--udex-slider-color-track-active)}.ui5-slider-progress:focus:after{border:2px solid var(--udex-slider-color-handle-focus-range);border-radius:var(--udex-slider-radius-range-size);top:var(--udex-slider-progress-focus-top);height:var(--udex-slider-progress-focus-height);width:var(--udex-slider-progress-focus-width);left:var(--udex-slider-progress-focus-left)}:host([desktop]) .ui5-slider-handle:focus,.ui5-slider-handle:focus-visible{background-color:var(--_ui5-v2-18-0_range_slider_handle_background_focus)}:host .ui5-slider-inner .ui5-slider-labels{top:34px}:host .ui5-slider-inner .ui5-slider-labels li{height:1.375rem;font-family:var(--sapFontFamily);font-size:var(--udexTypographyNavigationRegularMFontSize, 14px)}[slider-icon]{color:var(--udex-slider-color-handle-default-icon)}.ui5-slider-root:focus .ui5-slider-inner .ui5-slider-handle,.ui5-slider-handle:focus{border:var(--udex-slider-handle-focus-border)}.ui5-slider-labels li{color:var(--udex-slider-label-color)}.ui5-slider-tickmarks li{border-inline-start:1px solid var(--udex-slider-tickmark-bg)}.ui5-slider-tickmarks li.ui5-slider-tickmark-in-range{border-inline-start:1px solid var(--udex-slider-tickmark-in-range-bg)}:host(:not([hidden])) .ui5-slider-handle-container .ui5-slider-tooltip{bottom:var(--udex-slider-tooltip-bottom);border:var(--udex-slider-tooltip-border);border-radius:var(--udex-slider-tooltip-border-radius);font-size:var(--udex-slider-tooltip-font-size);color:var(--udex-slider-tooltip-color);height:var(--udex-slider-tooltip-height);min-width:var(--udex-slider-tooltip-min-width)}[slider-icon]{width:var(--udex-slider-handle-icon-size);height:var(--udex-slider-handle-icon-size)}.ui5-slider-progress-container:after{background-color:var(--udex-slider-progress-after-background)}.ui5-slider-progress-container:before{inset-inline-start:var(--udex-slider-start-end-point-left)}.ui5-slider-progress-container:after{inset-inline-end:var(--udex-slider-start-end-point-right)}.ui5-slider-handle-container{margin-inline-start:calc(-1 * var(--udex-slider-handle-width) / 2);top:var(--udex-slider-handle-top)}.ui5-slider-handle{height:var(--udex-slider-handle-height);width:var(--udex-slider-handle-width)}
1
+ :host{--udex-slider-color-track-start-point: var(--sapSlider_Selected_Background, #0070f2);--udex-slider-color-track-active: var(--sapSlider_Selected_Background, #0070f2);--udex-slider-color-handle-focus-range: var(--sapSlider_Selected_BorderColor, #0070f2);--udex-slider-color-handle-active-background: var(--sapSlider_Active_HandleBackground, #ffffff);--udex-slider-color-handle-default-icon: var(--sapContent_Selected_ForegroundColor, #0040b0);--udex-slider-radius-range-size: var(--udexRadiusM, 8px);--udex-slider-handle-width: 2.75rem;--udex-slider-handle-top: -.875rem;--udex-slider-handle-height: var(--udexSpacer32, 2rem);--udex-slider-start-end-point-left: -.875rem;--udex-slider-start-end-point-right: -.875rem;--udex-slider-progress-after-background: var(--sapContent_MeasureIndicatorColor,#5b738b);--udex-slider-handle-icon-size: var(--udexSpacer20, 1.25rem);--udex-slider-tooltip-bottom: 2.5rem;--udex-slider-tooltip-border: 1px solid var(--sapField_BorderColor, #5B738B);--udex-slider-tooltip-border-radius: var(--udexSpacer4, .25rem);--udex-slider-tooltip-font-size: var(--udexTypographyNavigationRegularMFontSize,14px);--udex-slider-tooltip-color: var(--sapContent_MeasureIndicatorColor, #5b738b);--udex-slider-tooltip-height: var(--udexSpacer32, 2rem);--udex-slider-tooltip-min-width: 2.75rem;--udex-slider-tickmark-in-range-bg: var(--sapSlider_Selected_BorderColor,#0070f2);--udex-slider-tickmark-bg: var(--sapContent_MeasureIndicatorColor, #5b738b);--udex-slider-label-color: var(--sapContent_MeasureIndicatorColor, #5b738b);--udex-slider-handle-focus-border: 2px solid var(--sapSlider_Active_HandleBorderColor);--udex-slider-progress-focus-top: -1.18rem;--udex-slider-progress-focus-left:calc(-1.375rem - 5px);--udex-slider-progress-focus-height: 42px;--udex-slider-progress-focus-width:calc(100% + 2.75rem + 10px)}:host{font-family:var(--sapFontFamily);font-weight:var(--udexTypographyFontWeightRegular, 400);font-size:var(--udexTypographyNavigationRegularMFontSize, 14px);line-height:var(--udexTypographyHeadingLineHeight, 1.1);color:var(--sapContent_MeasureIndicatorColor, #5b738b);height:74px}.ui5-slider-progress-container:before{background-color:var(--udex-slider-color-track-start-point)}.ui5-slider-progress{background-color:var(--udex-slider-color-track-active)}.ui5-slider-progress:focus:after{border:2px solid var(--udex-slider-color-handle-focus-range);border-radius:var(--udex-slider-radius-range-size);top:var(--udex-slider-progress-focus-top);height:var(--udex-slider-progress-focus-height);width:var(--udex-slider-progress-focus-width);left:var(--udex-slider-progress-focus-left)}:host([desktop]) .ui5-slider-handle:focus,.ui5-slider-handle:focus-visible{background-color:var(--_ui5-v2-20-0_range_slider_handle_background_focus)}:host .ui5-slider-inner .ui5-slider-labels{top:34px}:host .ui5-slider-inner .ui5-slider-labels li{height:1.375rem;font-family:var(--sapFontFamily);font-size:var(--udexTypographyNavigationRegularMFontSize, 14px)}[slider-icon]{color:var(--udex-slider-color-handle-default-icon)}.ui5-slider-root:focus .ui5-slider-inner .ui5-slider-handle,.ui5-slider-handle:focus{border:var(--udex-slider-handle-focus-border)}.ui5-slider-labels li{color:var(--udex-slider-label-color)}.ui5-slider-tickmarks li{border-inline-start:1px solid var(--udex-slider-tickmark-bg)}.ui5-slider-tickmarks li.ui5-slider-tickmark-in-range{border-inline-start:1px solid var(--udex-slider-tickmark-in-range-bg)}:host(:not([hidden])) .ui5-slider-handle-container .ui5-slider-tooltip{bottom:var(--udex-slider-tooltip-bottom);border:var(--udex-slider-tooltip-border);border-radius:var(--udex-slider-tooltip-border-radius);font-size:var(--udex-slider-tooltip-font-size);color:var(--udex-slider-tooltip-color);height:var(--udex-slider-tooltip-height);min-width:var(--udex-slider-tooltip-min-width)}[slider-icon]{width:var(--udex-slider-handle-icon-size);height:var(--udex-slider-handle-icon-size)}.ui5-slider-progress-container:after{background-color:var(--udex-slider-progress-after-background)}.ui5-slider-progress-container:before{inset-inline-start:var(--udex-slider-start-end-point-left)}.ui5-slider-progress-container:after{inset-inline-end:var(--udex-slider-start-end-point-right)}.ui5-slider-handle-container{margin-inline-start:calc(-1 * var(--udex-slider-handle-width) / 2);top:var(--udex-slider-handle-top)}.ui5-slider-handle{height:var(--udex-slider-handle-height);width:var(--udex-slider-handle-width)}