@sapudex/web-components 2.1.0 → 2.1.1

package/src/generated/themes/RatingIndicator.css.ts

@@ -5,5 +5,5 @@ import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
 
 registerThemePropertiesLoader("@ui5/webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
 registerThemePropertiesLoader("@sapudex/web-components", "sap_horizon", async () => defaultTheme);
-export default `: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-1-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)}
+export default `: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-1-1_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/src/generated/themes/Search.css.ts

@@ -5,5 +5,5 @@ import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
 
 registerThemePropertiesLoader("@ui5/webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
 registerThemePropertiesLoader("@sapudex/web-components", "sap_horizon", async () => defaultTheme);
-export default `:host{--udex-input-color-border: var(--sapField_BorderColor, var(--udexColorGrey6));--udex-input-color-label: var(--sapField_PlaceholderTextColor, var(--udexColorGrey7));--udex-input-font-family-label: var(--sapFontFamily, sans-serif);--udex-input-font-size-label: var(--sapFontLargeSize, var(--udexTypographyBodySFontSize));--udex-input-font-weight-label: var(--udexTypographyFontWeightRegular, 400);--udex-input-line-height-label: var(--udexTypographyBodyLineHeight, 24px);--udex-input-background-color: var(--sapList_Hover_Background, var(--udexColorGrey1));--udex-input-font-family-label-active: var(--sapFontFamily, sans-serif);--udex-input-font-size-label-active: var(--sapFontSmallSize, var(--udexTypographyBodyXXSFontSize));--udex-input-font-weight-label-active: var(--udexTypographyFontWeightRegular, 400);--udex-input-line-height-label-active: var(--udexTypographyBodyLineHeight, 1.5);--udex-input-color-typed-text: var(--sapField_TextColor, var(--udexCoreTextDark));--udex-input-color-background-light: var(--sapField_Background, var(--udexColorNeutralWhite));--udex-input-color-hover-border: var(--sapField_Hover_BorderColor, var(--udexColorBlue6));--udex-input-color-active-border: var(--sapField_Active_BorderColor, var(--udexColorBlue9));--udex-input-radius: var(--sapField_BorderCornerRadius, var(--udexRadiusXS));--udex-input-padding-horizontal: var(--udexSpacer12, 12px);--udex-input-padding-vertical: 8px;--udex-home-input-padding-left: var(--udexSpacer12, 12px);--udex-home-input-padding-right: var(--udexSpacer8, 8px);--udex-home-input-padding-vertical: 8px;--udex-button-size: var(--sapFontHeader2Size, 28px);--udex-button-color: var(--sapAccentColor10, var(--udexColorGrey7));--udex-button-non-interactive-icon-color: var(--sapContent_NonInteractiveIconColor, var(--udexColorGrey7));--udex-button-non-interactive-icon-size: var(--sapFontHeader5Size, 18px);--udex-dropdown-border-width: auto;--udex-search-container-padding-inline-end: var(--udexSpacer12, 12px);--udex-search-home-container-padding-inline-end: var(--udexSpacer8, 8px);--udex-search-label-inset-inline-start: var(--udexSpacer12, 12px);--udex-search-icons-column-gap: 0;--udex-search-home-icons-column-gap: var(--udexSpacer4, 4px);--udex-search-label-width: calc( 100% - var(--udex-search-label-inset-inline-start) - var(--udex-input-padding-horizontal) - var(--udex-search-container-padding-inline-end) );display:block;width:100%;position:relative}:host([mode="Standard"]) .udex-search__label.udex-search__label--active{display:none}:host(:not([mode="Home Search"])) .udex-search__label.udex-search__label--active.udex-search__label--animation-enabled,:host(:not([mode="Home Search"])) .udex-search-prefix .udex-search__label.udex-search__label--active.udex-search__label--animation-enabled{display:block;inset-block-start:9px;line-height:18px;transform:translateY(-110%);padding:0 4px;font-family:var(--udex-input-font-family-label-active);font-size:var(--udex-input-font-size-label-active);font-weight:var(--udex-input-font-weight-label-active);line-height:var(--udex-input-line-height-label-active);background-color:#fff}:host([mode="Home Search"]) .udex-search__root,:host([mode="Home Search"]) .udex-search__root.udex-search-prefix{--udex-input-radius: var(--udexRadiusXXL, 24px);position:relative;z-index:1}:host([mode="Home Search"]) .udex-search__root.udex-search-prefix{display:flex;width:100%;position:relative;z-index:1}:host([mode="Home Search"]) .udex-search-prefix .udex-search__prefix+.udex-search__container{border-start-start-radius:0;border-start-end-radius:var(--udexRadiusXXL, 24px);border-end-start-radius:0;border-end-end-radius:var(--udexRadiusXXL, 24px);flex-grow:1}:host([mode="Home Search"]) .udex-search__root.udex-search__root--show-popover:after,:host([mode="Home Search"]) .udex-search__root.udex-search-prefix.udex-search__root--show-popover:after,:host([mode="Home Search"]) .udex-search__root.udex-search__root--show-popover-top:after,:host([mode="Home Search"]) .udex-search__root.udex-search-prefix.udex-search__root--show-popover-top:after{content:"";position:absolute;z-index:-1;height:21px;inset-inline:0;inset-block-end:0;background-color:var(--udexColorNeutralWhite, #fff);border-left:1px solid var(--udexColorGrey6, #5B738B);border-right:1px solid var(--udexColorGrey6, #5B738B);box-shadow:var(--sapContent_Shadow1, 0px 2px 8px 0px rgba(34, 54, 73, .3));overflow-y:hidden}:host([mode="Home Search"]) .udex-search__root.udex-search__root--show-popover-top:after,:host([mode="Home Search"]) .udex-search__root.udex-search-prefix.udex-search__root--show-popover-top:after,.udex-search__prefix--show-popover-top:after{transform:translateY(-21px)}:host([mode="Home Search"]) .udex-search__root.udex-search-prefix.udex-search__root--show-popover:after{inset-inline-start:auto;width:50px}:host([mode="Home Search"]) .udex-search__root.udex-search-prefix.udex-search__root--show-popover-top:after{inset-inline-start:auto;width:50px}:host([mode="Home Search"]) .udex-search__container:not(.udex-search__container--has-value),:host([mode="Home Search"]) .udex-search__container:not(.udex-search__container--has-value) .udex-search__field,:host([mode="Home Search"]) .udex-search-prefix .udex-search__container:not(.udex-search__container--has-value),:host([mode="Home Search"]) .udex-search-prefix .udex-search__container:not(.udex-search__container--has-value) .udex-search__field{background-color:var(--udex-input-background-color)}:host([mode="Home Search"]) .udex-search__label.udex-search__label--active,:host([mode="Home Search"]) .udex-search-prefix .udex-search__label.udex-search__label--active{display:none}.udex-search__container{padding-inline-end:var(--udex-search-container-padding-inline-end);display:flex;align-items:center;position:relative;z-index:1;border:1px solid var(--udex-input-color-border);border-radius:var(--udex-input-radius);background-color:field}.udex-search-mode-home-search .udex-search__container{padding-inline-end:var(--udex-search-home-container-padding-inline-end)}.udex-search__container:not(.udex-search__container--focus):hover{border-color:var(--udex-input-color-hover-border)}.udex-search__container--focus{border-color:var(--udex-input-color-active-border)}:host(:not([_is-touched])[active]) .udex-search__root:before{content:"";position:absolute;inset:-5px;border:2px solid var(--udexColorBlue10);border-radius:var(--udex-input-radius)}:host([mode="Home Search"]:not([_is-touched])[active]) .udex-search__root:before{z-index:-1}.udex-search__field{display:block;width:100%;color:var(--udex-input-color-typed-text);font-size:16px;line-height:24px;padding:var(--udex-input-padding-vertical) var(--udex-input-padding-horizontal);box-sizing:border-box;border:0;border-radius:var(--udex-input-radius);font-weight:var(--udexTypographyFontWeightRegular, 400);background:var(--udex-input-color-background-light)}.udex-search-mode-home-search .udex-search__field{padding:var(--udex-home-input-padding-vertical) var(--udex-home-input-padding-right) var(--udex-home-input-padding-vertical) var(--udex-home-input-padding-left)}.udex-search__field::placeholder{color:var(--udexColorGrey7);font-family:var(--sapFontFamily, sans-serif);font-size:16px}.udex-search__field:focus{outline:none}input[type=search]::-ms-clear{display:none;width:0;height:0}input[type=search]::-ms-reveal{display:none;width:0;height:0}input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{display:none}.udex-search__label{position:absolute;inset-inline-start:var(--udex-search-label-inset-inline-start);z-index:2;color:var(--udex-input-color-label);font-family:var(--udex-input-font-family-label);font-size:var(--udex-input-font-size-label);font-weight:var(--udex-input-font-weight-label);line-height:var(--udex-input-line-height-label);transition:transform .15s ease-out,font-size .15s ease-out;overflow:hidden;white-space:nowrap;max-width:var(--udex-search-label-width)}.udex-search__label-with-search-icon,.udex-search__label-with-voice-icon{max-width:calc(var(--udex-search-label-width) - var(--udex-button-size))}.udex-search__label-with-search-icon.udex-search__label-with-voice-icon{max-width:calc(var(--udex-search-label-width) - var(--udex-button-size) * 2 - var(--udex-search-icons-column-gap))}.udex-search__icons{display:flex;align-items:center;column-gap:var(--udex-search-icons-column-gap)}.udex-search-mode-home-search .udex-search__icons{column-gap:var(--udex-search-home-icons-column-gap)}.udex-search__icon{margin-inline:5px;background-color:transparent;border:none;color:var(--udex-button-non-interactive-icon-color);min-width:var(--udex-button-non-interactive-icon-size);height:var(--udex-button-non-interactive-icon-size);border-radius:50%;position:relative;z-index:1;overflow:visible}.udex-search__button{background-color:transparent;border:none;color:var(--udex-button-color);min-width:var(--udex-button-size);height:var(--udex-button-size);border-radius:50%;position:relative;z-index:1;overflow:visible}[udex-control-button]{--udex-control-button-large-height: 40px;--udex-control-button-large-width: 40px}[udex-control-button].udex-search__reset-button{--sapButton_BorderWidth: 0px 1px 0 1px}[udex-control-button].udex-search__submit-button{margin:0px calc((var(--udex-search-container-padding-inline-end)) * -1) 0px 0;--sapButton_BorderWidth: 0 0 0 1px}[udex-button].udex-search__button::part(button):focus-visible:before{content:"";position:absolute;inset-block-start:0;inset-inline-start:0;width:28px;height:28px;border:2px solid var(--udexColorBlue9, #0040B0);border-radius:50%;box-sizing:border-box}[udex-button].udex-search__button::part(button){padding:0;width:28px;height:28px;line-height:0}[ui5-icon].udex-search__button-icon{color:inherit;width:18px;height:18px}[udex-button].udex-search__button::part(icon){width:18px;height:18px}[udex-button].udex-search__button::part(button):after{display:none}[udex-button].udex-search__button.udex-search__voice-button:hover{background-color:#0000001a;border:none;box-shadow:none}[udex-button].udex-search__button.udex-search__voice-button.udex-search__voice-button--active,[udex-button][active].udex-search__button.udex-search__voice-button{background:var(--udexColorBlue8, #0057D2);color:var(--udexColorNeutralWhite, #FFFFFF)}[udex-button].udex-search__button:focus{outline:none}.udex-search__prefix{position:relative;z-index:1}.udex-search__prefix--show-popover:after,.udex-search__prefix--show-popover-top:after{content:"";position:absolute;z-index:-1;height:50%;width:50px;inset-inline-start:0;inset-block-end:0;background-color:var(--udexColorNeutralWhite, #fff);border-left:1px solid var(--udexColorGrey6, #5B738B);border-right:1px solid var(--udexColorGrey6, #5B738B);box-shadow:var(--sapContent_Shadow1, 0px 2px 8px 0px rgba(34, 54, 73, .3));overflow-y:hidden}.udex-search__prefix-button{padding-inline:var(--udexSpacer12) var(--udexSpacer8);display:flex;align-items:center;max-width:200px;height:100%;border:1px solid var(--udex-input-color-border);border-inline-end:0;border-start-start-radius:var(--udexRadiusXXL, 24px);border-end-start-radius:var(--udexRadiusXXL, 24px);background-color:var(--sapShell_Navigation_Active_Background, var(--udexColorGrey1));color:var(--sapContent_LabelColor, var(--udexColorGrey7));font-family:var(--sapFontFamily, sans-serif);font-size:var(--udexTypographyBodySFontSize, 16px);font-weight:var(--udexTypographyFontWeightRegular, 400);line-height:var(--udexTypographyBodyLineHeight, 1.5);text-align:start;white-space:nowrap}.udex-search__prefix-button:hover{cursor:pointer;background-color:var(--udexCoreBase);color:var(--udexColorBlue8)}.udex-search__prefix-button:focus,.udex-search__prefix-button:focus-visible{outline:2px solid var(--udexColorBlue10, #002A86);outline-offset:-2px}.udex-search__prefix-button--active{background-color:var(--udexCoreBase);color:var(--udexColorBlue10)}.udex-search__prefix-label{margin-inline-end:var(--udexSpacer4, 4px);max-width:calc(100% - 20px);overflow:hidden;text-overflow:ellipsis}.udex-search__prefix-icon{width:16px;height:16px;color:inherit;flex-shrink:1}.udex-search__prefix-popover{border-start-start-radius:0;border-start-end-radius:0;border:1px solid var(--udexCoreBorderDefault);border-block-start:0;box-shadow:var(--sapContent_Shadow1, 0px 2px 8px 0px rgba(34,54,73,.3));background-color:var(--udexColorNeutralWhite, #fff);clip-path:inset(0px -10px -10px -10px)}.udex-search__prefix-popover-top{border-end-start-radius:0;border-end-end-radius:0;border:1px solid var(--udexCoreBorderDefault);border-block-end:0;box-shadow:none;background-color:var(--udexColorNeutralWhite, #fff);clip-path:inset(0px -10px -10px -10px)}.udex-search__prefix-popover::part(content),.udex-search__prefix-popover-top::part(content){padding:0}[udex-dropdown]{--udex-dropdown-pane-max-width: 100%}.hidden{display:none}
+export default `:host{--udex-input-color-border: var(--sapField_BorderColor, var(--udexColorGrey6));--udex-input-color-label: var(--sapField_PlaceholderTextColor, var(--udexColorGrey7));--udex-input-font-family-label: var(--sapFontFamily, sans-serif);--udex-input-font-size-label: var(--sapFontLargeSize, var(--udexTypographyBodySFontSize));--udex-input-font-weight-label: var(--udexTypographyFontWeightRegular, 400);--udex-input-line-height-label: var(--udexTypographyBodyLineHeight, 24px);--udex-input-background-color: var(--sapList_Hover_Background, var(--udexColorGrey1));--udex-input-font-family-label-active: var(--sapFontFamily, sans-serif);--udex-input-font-size-label-active: var(--sapFontSmallSize, var(--udexTypographyBodyXXSFontSize));--udex-input-font-weight-label-active: var(--udexTypographyFontWeightRegular, 400);--udex-input-line-height-label-active: var(--udexTypographyBodyLineHeight, 1.5);--udex-input-color-typed-text: var(--sapField_TextColor, var(--udexCoreTextDark));--udex-input-color-background-light: var(--sapField_Background, var(--udexColorNeutralWhite));--udex-input-color-hover-border: var(--sapField_Hover_BorderColor, var(--udexColorBlue6));--udex-input-color-active-border: var(--sapField_Active_BorderColor, var(--udexColorBlue9));--udex-input-radius: var(--sapField_BorderCornerRadius, var(--udexRadiusXS));--udex-input-padding-horizontal: var(--udexSpacer12, 12px);--udex-input-padding-vertical: 8px;--udex-home-input-padding-left: var(--udexSpacer12, 12px);--udex-home-input-padding-right: var(--udexSpacer8, 8px);--udex-home-input-padding-vertical: 8px;--udex-button-size: var(--sapFontHeader2Size, 28px);--udex-button-color: var(--sapAccentColor10, var(--udexColorGrey7));--udex-button-non-interactive-icon-color: var(--sapContent_NonInteractiveIconColor, var(--udexColorGrey7));--udex-button-non-interactive-icon-size: var(--sapFontHeader5Size, 18px);--udex-dropdown-border-width: auto;--udex-search-container-padding-inline-end: var(--udexSpacer12, 12px);--udex-search-home-container-padding-inline-end: var(--udexSpacer8, 8px);--udex-search-label-inset-inline-start: var(--udexSpacer12, 12px);--udex-search-icons-column-gap: 0;--udex-search-home-icons-column-gap: var(--udexSpacer4, 4px);--udex-search-label-width: calc( 100% - var(--udex-search-label-inset-inline-start) - var(--udex-input-padding-horizontal) - var(--udex-search-container-padding-inline-end) );display:block;width:100%;position:relative}:host([mode="Standard"]) .udex-search__label.udex-search__label--active{display:none}:host(:not([mode="Home Search"])) .udex-search__label.udex-search__label--active.udex-search__label--animation-enabled,:host(:not([mode="Home Search"])) .udex-search-prefix .udex-search__label.udex-search__label--active.udex-search__label--animation-enabled{display:block;inset-block-start:9px;line-height:18px;transform:translateY(-110%);padding:0 4px;font-family:var(--udex-input-font-family-label-active);font-size:var(--udex-input-font-size-label-active);font-weight:var(--udex-input-font-weight-label-active);line-height:var(--udex-input-line-height-label-active);background-color:#fff}:host([mode="Home Search"]) .udex-search__root,:host([mode="Home Search"]) .udex-search__root.udex-search-prefix{--udex-input-radius: var(--udexRadiusXXL, 24px);position:relative;z-index:1}:host([mode="Home Search"]) .udex-search__root.udex-search-prefix{display:flex;width:100%;position:relative;z-index:1}:host([mode="Home Search"]) .udex-search-prefix .udex-search__prefix+.udex-search__container{border-start-start-radius:0;border-start-end-radius:var(--udexRadiusXXL, 24px);border-end-start-radius:0;border-end-end-radius:var(--udexRadiusXXL, 24px);flex-grow:1}:host([mode="Home Search"]) .udex-search__root.udex-search__root--show-popover:after,:host([mode="Home Search"]) .udex-search__root.udex-search-prefix.udex-search__root--show-popover:after,:host([mode="Home Search"]) .udex-search__root.udex-search__root--show-popover-top:after,:host([mode="Home Search"]) .udex-search__root.udex-search-prefix.udex-search__root--show-popover-top:after{content:"";position:absolute;z-index:-1;height:21px;inset-inline:0;inset-block-end:0;background-color:var(--udexColorNeutralWhite, #fff);border-left:1px solid var(--udexColorGrey6, #5B738B);border-right:1px solid var(--udexColorGrey6, #5B738B);box-shadow:var(--sapContent_Shadow1, 0px 2px 8px 0px rgba(34, 54, 73, .3));overflow-y:hidden}:host([mode="Home Search"]) .udex-search__root.udex-search__root--show-popover-top:after,:host([mode="Home Search"]) .udex-search__root.udex-search-prefix.udex-search__root--show-popover-top:after,.udex-search__prefix--show-popover-top:after{transform:translateY(-21px)}:host([mode="Home Search"]) .udex-search__root.udex-search-prefix.udex-search__root--show-popover:after{inset-inline-start:auto;width:50px}:host([mode="Home Search"]) .udex-search__root.udex-search-prefix.udex-search__root--show-popover-top:after{inset-inline-start:auto;width:50px}:host([mode="Home Search"]) .udex-search__container:not(.udex-search__container--has-value),:host([mode="Home Search"]) .udex-search__container:not(.udex-search__container--has-value) .udex-search__field,:host([mode="Home Search"]) .udex-search-prefix .udex-search__container:not(.udex-search__container--has-value),:host([mode="Home Search"]) .udex-search-prefix .udex-search__container:not(.udex-search__container--has-value) .udex-search__field{background-color:var(--udex-input-background-color)}:host([mode="Home Search"]) .udex-search__label.udex-search__label--active,:host([mode="Home Search"]) .udex-search-prefix .udex-search__label.udex-search__label--active{display:none}.udex-search__container{padding-inline-end:var(--udex-search-container-padding-inline-end);display:flex;align-items:center;position:relative;z-index:1;border:1px solid var(--udex-input-color-border);border-radius:var(--udex-input-radius);background-color:field}.udex-search-mode-home-search .udex-search__container{padding-inline-end:var(--udex-search-home-container-padding-inline-end)}.udex-search__container:not(.udex-search__container--focus):hover{border-color:var(--udex-input-color-hover-border)}.udex-search__container--focus{border-color:var(--udex-input-color-active-border)}:host(:not([_is-touched])[active]) .udex-search__root:before{content:"";position:absolute;inset:-5px;border:2px solid var(--udexColorBlue10);border-radius:var(--udex-input-radius)}:host([mode="Home Search"]:not([_is-touched])[active]) .udex-search__root:before{z-index:-1}.udex-search__field{display:block;width:100%;color:var(--udex-input-color-typed-text);font-size:16px;font-family:var(--sapFontFamily);line-height:24px;padding:var(--udex-input-padding-vertical) var(--udex-input-padding-horizontal);box-sizing:border-box;border:0;border-radius:var(--udex-input-radius);font-weight:var(--udexTypographyFontWeightRegular, 400);background:var(--udex-input-color-background-light)}.udex-search-mode-home-search .udex-search__field{padding:var(--udex-home-input-padding-vertical) var(--udex-home-input-padding-right) var(--udex-home-input-padding-vertical) var(--udex-home-input-padding-left)}.udex-search__field::placeholder{color:var(--udexColorGrey7);font-family:var(--sapFontFamily, sans-serif);font-size:16px}.udex-search__field:focus{outline:none}input[type=search]::-ms-clear{display:none;width:0;height:0}input[type=search]::-ms-reveal{display:none;width:0;height:0}input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{display:none}.udex-search__label{position:absolute;inset-inline-start:var(--udex-search-label-inset-inline-start);z-index:2;color:var(--udex-input-color-label);font-family:var(--udex-input-font-family-label);font-size:var(--udex-input-font-size-label);font-weight:var(--udex-input-font-weight-label);line-height:var(--udex-input-line-height-label);transition:transform .15s ease-out,font-size .15s ease-out;overflow:hidden;white-space:nowrap;max-width:var(--udex-search-label-width)}.udex-search__label-with-search-icon,.udex-search__label-with-voice-icon{max-width:calc(var(--udex-search-label-width) - var(--udex-button-size))}.udex-search__label-with-search-icon.udex-search__label-with-voice-icon{max-width:calc(var(--udex-search-label-width) - var(--udex-button-size) * 2 - var(--udex-search-icons-column-gap))}.udex-search__icons{display:flex;align-items:center;column-gap:var(--udex-search-icons-column-gap)}.udex-search-mode-home-search .udex-search__icons{column-gap:var(--udex-search-home-icons-column-gap)}.udex-search__icon{margin-inline:5px;background-color:transparent;border:none;color:var(--udex-button-non-interactive-icon-color);min-width:var(--udex-button-non-interactive-icon-size);height:var(--udex-button-non-interactive-icon-size);border-radius:50%;position:relative;z-index:1;overflow:visible}.udex-search__button{background-color:transparent;border:none;color:var(--udex-button-color);min-width:var(--udex-button-size);height:var(--udex-button-size);border-radius:50%;position:relative;z-index:1;overflow:visible}[udex-control-button]{--udex-control-button-large-height: 40px;--udex-control-button-large-width: 40px}[udex-control-button].udex-search__reset-button{--sapButton_BorderWidth: 0px 1px 0 1px}[udex-control-button].udex-search__submit-button{margin:0px calc((var(--udex-search-container-padding-inline-end)) * -1) 0px 0;--sapButton_BorderWidth: 0 0 0 1px}[udex-button].udex-search__button::part(button):focus-visible:before{content:"";position:absolute;inset-block-start:0;inset-inline-start:0;width:28px;height:28px;border:2px solid var(--udexColorBlue9, #0040B0);border-radius:50%;box-sizing:border-box}[udex-button].udex-search__button::part(button){padding:0;width:28px;height:28px;line-height:0}[ui5-icon].udex-search__button-icon{color:inherit;width:18px;height:18px}[udex-button].udex-search__button::part(icon){width:18px;height:18px}[udex-button].udex-search__button::part(button):after{display:none}[udex-button].udex-search__button.udex-search__voice-button:hover{background-color:#0000001a;border:none;box-shadow:none}[udex-button].udex-search__button.udex-search__voice-button.udex-search__voice-button--active,[udex-button][active].udex-search__button.udex-search__voice-button{background:var(--udexColorBlue8, #0057D2);color:var(--udexColorNeutralWhite, #FFFFFF)}[udex-button].udex-search__button:focus{outline:none}.udex-search__prefix{position:relative;z-index:1}.udex-search__prefix--show-popover:after,.udex-search__prefix--show-popover-top:after{content:"";position:absolute;z-index:-1;height:50%;width:50px;inset-inline-start:0;inset-block-end:0;background-color:var(--udexColorNeutralWhite, #fff);border-left:1px solid var(--udexColorGrey6, #5B738B);border-right:1px solid var(--udexColorGrey6, #5B738B);box-shadow:var(--sapContent_Shadow1, 0px 2px 8px 0px rgba(34, 54, 73, .3));overflow-y:hidden}.udex-search__prefix-button{padding-inline:var(--udexSpacer12) var(--udexSpacer8);display:flex;align-items:center;max-width:200px;height:100%;border:1px solid var(--udex-input-color-border);border-inline-end:0;border-start-start-radius:var(--udexRadiusXXL, 24px);border-end-start-radius:var(--udexRadiusXXL, 24px);background-color:var(--sapShell_Navigation_Active_Background, var(--udexColorGrey1));color:var(--sapContent_LabelColor, var(--udexColorGrey7));font-family:var(--sapFontFamily, sans-serif);font-size:var(--udexTypographyBodySFontSize, 16px);font-weight:var(--udexTypographyFontWeightRegular, 400);line-height:var(--udexTypographyBodyLineHeight, 1.5);text-align:start;white-space:nowrap}.udex-search__prefix-button:hover{cursor:pointer;background-color:var(--udexCoreBase);color:var(--udexColorBlue8)}.udex-search__prefix-button:focus,.udex-search__prefix-button:focus-visible{outline:2px solid var(--udexColorBlue10, #002A86);outline-offset:-2px}.udex-search__prefix-button--active{background-color:var(--udexCoreBase);color:var(--udexColorBlue10)}.udex-search__prefix-label{margin-inline-end:var(--udexSpacer4, 4px);max-width:calc(100% - 20px);overflow:hidden;text-overflow:ellipsis}.udex-search__prefix-icon{width:16px;height:16px;color:inherit;flex-shrink:1}.udex-search__prefix-popover{border-start-start-radius:0;border-start-end-radius:0;border:1px solid var(--udexCoreBorderDefault);border-block-start:0;box-shadow:var(--sapContent_Shadow1, 0px 2px 8px 0px rgba(34,54,73,.3));background-color:var(--udexColorNeutralWhite, #fff);clip-path:inset(0px -10px -10px -10px)}.udex-search__prefix-popover-top{border-end-start-radius:0;border-end-end-radius:0;border:1px solid var(--udexCoreBorderDefault);border-block-end:0;box-shadow:none;background-color:var(--udexColorNeutralWhite, #fff);clip-path:inset(0px -10px -10px -10px)}.udex-search__prefix-popover::part(content),.udex-search__prefix-popover-top::part(content){padding:0}[udex-dropdown]{--udex-dropdown-pane-max-width: 100%}.hidden{display:none}
 `

package/src/generated/themes/Slider.css.ts

@@ -5,5 +5,5 @@ import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
 
 registerThemePropertiesLoader("@ui5/webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
 registerThemePropertiesLoader("@sapudex/web-components", "sap_horizon", async () => defaultTheme);
-export default `: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-1-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)}
+export default `: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-1-1_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)}
 `

package/src/generated/themes/Tooltip.css.ts

@@ -5,5 +5,5 @@ import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
 
 registerThemePropertiesLoader("@ui5/webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
 registerThemePropertiesLoader("@sapudex/web-components", "sap_horizon", async () => defaultTheme);
-export default `:host{--udex-tooltip-background-color: var(--udexColorNeutralWhite, #fff);--udex-tooltip-border-color: var(--udexColorGrey4, var(--udexColorGrey4));--udex-tooltip-box-shadow: var(--sapContent_Shadow0, 0px 2px 4px 0px rgba(34, 54, 73, .2))}:host{font-family:var(--sapFontFamily, sans-serif);font-size:var(--sapFontSize, 16px);color:var(--udexColorGrey9, #223548)}.udex-tooltip__pane{border:var(--sapElement_BorderWidth, 1px) solid var(--udex-tooltip-border-color);box-shadow:var(--udex-tooltip-box-shadow);border-radius:var(--sapPopover_BorderCornerRadius, 8px);background:var(--udex-tooltip-background-color);max-width:360px}.udex-tooltip-title{font-size:var(--udexTypographyHeadingMediumXXXSFontSize, 18px);font-weight:var(--udexTypographyFontWeightMedium, 500);padding-bottom:var(--udexSpacer8, 8px)}
+export default `:host{--udex-tooltip-background-color: var(--udexColorNeutralWhite, #fff);--udex-tooltip-border-color: var(--udexColorGrey4, var(--udexColorGrey4));--udex-tooltip-box-shadow: var(--sapContent_Shadow0, 0px 2px 4px 0px rgba(34, 54, 73, .2))}:host{font-family:var(--sapFontFamily, sans-serif);font-size:var(--udexTypographyBodySFontSize , var(--sapFontSize, 16px));color:var(--udexColorGrey9, #223548)}.udex-tooltip__pane{border:var(--sapElement_BorderWidth, 1px) solid var(--udex-tooltip-border-color);box-shadow:var(--udex-tooltip-box-shadow);border-radius:var(--sapPopover_BorderCornerRadius, 8px);background:var(--udex-tooltip-background-color);max-width:360px}.udex-tooltip-title{font-size:var(--udexTypographyHeadingMediumXXXSFontSize, 18px);font-weight:var(--udexTypographyFontWeightMedium, 500);padding-bottom:var(--udexSpacer8, 8px)}
 `

package/src/generated/themes/WizardTab.css.ts

@@ -5,5 +5,5 @@ import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
 
 registerThemePropertiesLoader("@ui5/webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
 registerThemePropertiesLoader("@sapudex/web-components", "sap_horizon", async () => defaultTheme);
-export default `:host{--udex-wizard-title-color: var(--udexColorGrey9, #223548);--udex-wizard-disabled-number-color: var(--udexColorGrey6, #5B738B);--udex-wizard-disabled-border-color: var(--udexColorGrey4, #A9B4BE);--udex-wizard-completed-number-color: var(--udexColorBlue9, #0040B0);--udex-wizard-completed-border-color: var(--udexColorBlue9, #0040B0)}:host .ui5-wiz-step-title-text{font-size:var(--udexTypographyNavigationMediumMFontSize);font-weight:var(--udexTypographyFontWeightMedium)}:host .ui5-wiz-step-icon-circle{margin:0 6px}:host .ui5-wiz-step-texts{padding-left:2px}:host .ui5-wiz-step-hr{margin-left:.25rem;margin-right:.25rem}:host([selected]:not([disabled])) .ui5-wiz-step-title-text,:host([disabled]) .ui5-wiz-step-title-text{color:var(--udex-wizard-title-color)}:host([selected]:not([disabled])) .ui5-wiz-step-icon-circle:after{border-bottom:.188rem solid var(--udexColorBlue7)}:host([disabled]) .ui5-wiz-step-number,:host([disabled]) .ui5-wiz-step-icon-circle{color:var(--udex-wizard-disabled-number-color)}:host([disabled]) .ui5-wiz-step-icon-circle{border-color:var(--udex-wizard-disabled-border-color)}:host(:last-child) .ui5-wiz-step-hr{border:none;background-image:linear-gradient(to right,var(--udexColorGrey6) 50%,transparent 0%);background-size:4px 2px}:host([completed]) .ui5-wiz-step-number,:host([completed]) .ui5-wiz-step-icon-circle{color:var(--udex-wizard-completed-number-color)}:host([completed]:not([selected])) .ui5-wiz-step-icon-circle{border-color:var(--udex-wizard-completed-border-color)}:host([breakpoint="S"]) .ui5-wiz-step-texts{display:none}:host([breakpoint="S"]) .ui5-wiz-step-texts{padding-left:4px}:host([breakpoint="S"]) .ui5-wiz-step-icon-circle{margin:0 2px}
+export default `:host{--udex-wizard-title-color: var(--udexColorGrey9, #223548);--udex-wizard-disabled-number-color: var(--udexColorGrey6, #5B738B);--udex-wizard-disabled-border-color: var(--udexColorGrey4, #A9B4BE);--udex-wizard-completed-number-color: var(--udexColorBlue9, #0040B0);--udex-wizard-completed-border-color: var(--udexColorBlue9, #0040B0)}:host .ui5-wiz-step-title-text{font-size:var(--udexTypographyNavigationMediumMFontSize);font-weight:var(--udexTypographyFontWeightMedium)}:host .ui5-wiz-step-icon-circle{margin:0 6px;border:1px solid var(--sapSelectedColor)}:host .ui5-wiz-step-texts{padding-left:2px}:host .ui5-wiz-step-hr{margin-left:.25rem;margin-right:.25rem}:host([selected]:not([disabled])) .ui5-wiz-step-icon-circle{background:var(--sapSelectedColor)}:host([selected]:not([disabled])) .ui5-wiz-step-title-text,:host([disabled]) .ui5-wiz-step-title-text{color:var(--udex-wizard-title-color)}:host([selected]:not([disabled])) .ui5-wiz-step-icon-circle:after{border-bottom:.188rem solid var(--udexColorBlue7)}:host([disabled]) .ui5-wiz-step-number,:host([disabled]) .ui5-wiz-step-icon-circle{color:var(--udex-wizard-disabled-number-color)}:host([disabled]) .ui5-wiz-step-icon-circle{border-color:var(--udex-wizard-disabled-border-color)}:host(:last-child) .ui5-wiz-step-hr{border:none;background-image:linear-gradient(to right,var(--udexColorGrey6) 50%,transparent 0%);background-size:4px 2px}:host([completed]) .ui5-wiz-step-number,:host([completed]) .ui5-wiz-step-icon-circle{color:var(--udex-wizard-completed-number-color)}:host([completed]:not([selected])) .ui5-wiz-step-icon-circle{border-color:var(--udex-wizard-completed-border-color)}:host([breakpoint="S"]) .ui5-wiz-step-texts{display:none}:host([breakpoint="S"]) .ui5-wiz-step-texts{padding-left:4px}:host([breakpoint="S"]) .ui5-wiz-step-icon-circle{margin:0 2px}
 `

package/src/themes/Button.css

@@ -22,9 +22,11 @@
 
   /* Default */
   --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));
   /* Hover */
   --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));
   /* Active */
   --udex-button-color-primary-standard-active-background: var(--sapButton_Emphasized_Active_Background, var(--udexColorNeutralWhite));
@@ -236,7 +238,7 @@
 }
 
 :host([size="Small"]) {
-  font-size: var(--udexTypographyNavigationMediumMFontSize);
+  font-size: var(--udexTypographyNavigationMediumMFontSize, 14px);
   height: var(--udex-button-small-size);
 }
 :host([size="Small"])::part(button) {
@@ -263,7 +265,7 @@
 
 :host,
 :host([size="Medium"]) {
-  font-size: 1rem;
+  font-size: var(--udexTypographyNavigationMediumXLFontSize, 1rem);
   height: var(--udex-button-medium-size);
 }
 
@@ -273,7 +275,7 @@
 }
 
 :host([size="Large"]) {
-  font-size: 1rem;
+  font-size: var(--udexTypographyNavigationMediumXLFontSize, 1rem);
   height: var(--udex-button-large-size);
 }
 :host([size="Large"])::part(button) {
@@ -352,10 +354,12 @@
   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);
 }
@@ -376,7 +380,7 @@
   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-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),
@@ -388,7 +392,7 @@
 :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-background);
+  border: 1px solid var(--udex-button-color-primary-standard-hover-border-color);
 }
 
 :host([active]:not([disabled])) ,

package/src/themes/Checkbox.css

@@ -24,6 +24,17 @@
   --udex-checkbox-disabled-opacity: var(--sapContent_DisabledOpacity, 0.4);
   --udex-checkbox-active-border-color: var(--sapSelectedColor, #0070F2);
   --udex-checkbox-readonly-border: var(--sapElement_BorderWidth) var(--sapField_ReadOnly_BorderColor) dashed;
+  padding-inline-end: var(--udexSpacer2, 2px);
+}
+
+:host .ui5-checkbox-root:focus::before, 
+:host .ui5-checkbox-root:focus-visible::before {
+  inset-inline: 0px;
+  inset-block: 0px;
+}
+
+:host([text]) .ui5-checkbox-root {
+  padding-inline-end: 0;
 }
 
 :host([active]:not([checked]):not([value-state]):not([disabled])) .ui5-checkbox-inner,
@@ -62,8 +73,12 @@
 }
 
 .ui5-checkbox-root .ui5-checkbox-label {
+  font-family: var(--sapFontFamily);
+  font-size: var(--udexTypographyBodySFontSize, var(--sapFontSize, 16px));
   color: var(--udex-checkbox-label-color);
   margin-inline-start: var(--udex-checkbox-label-offset);
+  margin-inline: var(--udex-checkbox-label-offset) 9px;
+  margin-block: 9px
 }
 
 :host(:not([active])[checked]:not([value-state])) .ui5-checkbox--hoverable:hover .ui5-checkbox-inner,
@@ -127,7 +142,6 @@
 .ui5-checkbox-root,
 :host(:not([wrapping-type="None"])[text]) .ui5-checkbox-root {
   padding: 0;
-  padding-inline-end: var(--udexSpacer2, 2px)
 }
 
 .ui5-checkbox-inner {

package/src/themes/RadioButton.css

@@ -69,6 +69,8 @@
 }
 
 [ui5-label].ui5-radio-label {
+  font-family: var(--sapFontFamily);
+  font-size: var(--udexTypographyBodySFontSize, var(--sapFontSize, 16px));
   padding-inline-end: var(--udex-radio-button-label-offset);
   color: var(--udex-radio-button-label-color);
 }

package/src/themes/Search.css

@@ -173,6 +173,7 @@
   width: 100%;
   color: var(--udex-input-color-typed-text);
   font-size: 16px;
+  font-family: var(--sapFontFamily);
   line-height: 24px;
   padding: var(--udex-input-padding-vertical) var(--udex-input-padding-horizontal);
   box-sizing: border-box;

package/src/themes/Tooltip.css

@@ -6,7 +6,7 @@
 
 :host {
   font-family: var(--sapFontFamily, sans-serif);
-  font-size: var(--sapFontSize, 16px);
+  font-size: var(--udexTypographyBodySFontSize , var(--sapFontSize, 16px));
   color: var(--udexColorGrey9, #223548);
 }
 

package/src/themes/WizardTab.css

@@ -13,6 +13,7 @@
 
 :host .ui5-wiz-step-icon-circle {
     margin: 0px 6px;
+    border: 1px solid var(--sapSelectedColor);
 }
 
 :host .ui5-wiz-step-texts {
@@ -24,6 +25,10 @@
   margin-right: .25rem;
 }
 
+:host([selected]:not([disabled])) .ui5-wiz-step-icon-circle {
+    background: var(--sapSelectedColor);
+}
+
 :host([selected]:not([disabled])) .ui5-wiz-step-title-text,
 :host([disabled]) .ui5-wiz-step-title-text {
     color: var(--udex-wizard-title-color);

package/dist/assets/bundle-7XIcgsQH.css

@@ -1 +0,0 @@
-.sapThemeMetaData-Base-baseLib{background-image:url('data:text/plain;utf-8,{"Path":"Base.baseLib.sap_glow.css_variables","Extends":["sap_horizon"]}')}:root --sapThemeMetaData-Base-baseLib:{"Path":"Base.baseLib.sap_glow.css_variables","Extends":["sap_horizon"]}:root{--sapShell_BackgroundGradient: linear-gradient(to bottom, #FFFFFF, #FFFFFF);--sapShell_Category_16_TextShadow: 0 0 .063rem 0 hsla(210.667, 20.93%, -57.843%, .7);--sapShell_Category_16_TextColor: #D1EFFF;--sapShell_Category_16_BorderColor: #D1EFFF;--sapShell_Category_16_Background: #D1EFFF;--sapShell_Category_15_TextShadow: 0 0 .063rem 0 hsla(210.667, 20.93%, -57.843%, .7);--sapShell_Category_15_TextColor: #1A2733;--sapShell_Category_15_BorderColor: #D5DADD;--sapShell_Category_15_Background: #F5F6F7;--sapShell_Category_14_TextShadow: 0 0 .063rem 0 hsla(210.667, 20.93%, -57.843%, .7);--sapShell_Category_14_TextColor: #FFFFFF;--sapShell_Category_14_BorderColor: #FFFFFF;--sapShell_Category_14_Background: #0070F2;--sapShell_Category_13_TextShadow: 0 0 .063rem 0 hsla(210.667, 20.93%, -57.843%, .7);--sapShell_Category_13_TextColor: hsla(0, 0%, 100%, 1);--sapShell_Category_13_BorderColor: hsla(316.974, 90.476%, 32.941%, 1);--sapShell_Category_13_Background: hsla(316.974, 90.476%, 32.941%, 1);--sapShell_Category_12_TextShadow: 0 0 .063rem 0 hsla(210.667, 20.93%, -57.843%, .7);--sapShell_Category_12_TextColor: hsla(0, 0%, 100%, 1);--sapShell_Category_12_BorderColor: hsla(251.497, 100%, 67.255%, 1);--sapShell_Category_12_Background: hsla(251.497, 100%, 67.255%, 1);--sapShell_Category_11_TextShadow: 0 0 .063rem 0 hsla(210.667, 20.93%, -57.843%, .7);--sapShell_Category_11_TextColor: hsla(0, 0%, 100%, 1);--sapShell_Category_11_BorderColor: hsla(0, 90.909%, 43.137%, 1);--sapShell_Category_11_Background: hsla(0, 90.909%, 43.137%, 1);--sapShell_Category_10_TextShadow: 0 0 .063rem 0 hsla(210.667, 20.93%, -57.843%, .7);--sapShell_Category_10_TextColor: hsla(0, 0%, 100%, 1);--sapShell_Category_10_BorderColor: hsla(210, 20.87%, 45.098%, 1);--sapShell_Category_10_Background: hsla(210, 20.87%, 45.098%, 1);--sapShell_Category_9_TextShadow: 0 0 .063rem 0 hsla(210.667, 20.93%, -57.843%, .7);--sapShell_Category_9_TextColor: hsla(0, 0%, 100%, 1);--sapShell_Category_9_BorderColor: hsla(221.194, 100%, 26.275%, 1);--sapShell_Category_9_Background: hsla(221.194, 100%, 26.275%, 1);--sapShell_Category_8_TextShadow: 0 0 .063rem 0 hsla(210.667, 20.93%, -57.843%, .7);--sapShell_Category_8_TextColor: hsla(0, 0%, 100%, 1);--sapShell_Category_8_BorderColor: hsla(120, 70.186%, 31.569%, 1);--sapShell_Category_8_Background: hsla(120, 70.186%, 31.569%, 1);--sapShell_Category_7_TextShadow: 0 0 .063rem 0 hsla(210.667, 20.93%, -57.843%, .7);--sapShell_Category_7_TextColor: hsla(0, 0%, 100%, 1);--sapShell_Category_7_BorderColor: hsla(301.682, 89.916%, 53.333%, 1);--sapShell_Category_7_Background: hsla(301.682, 89.916%, 53.333%, 1);--sapShell_Category_6_TextShadow: 0 0 .063rem 0 hsla(210.667, 20.93%, -57.843%, .7);--sapShell_Category_6_TextColor: hsla(0, 0%, 100%, 1);--sapShell_Category_6_BorderColor: hsla(185.294, 90.667%, 29.412%, 1);--sapShell_Category_6_Background: hsla(185.294, 90.667%, 29.412%, 1);--sapShell_Category_5_TextShadow: 0 0 .063rem 0 hsla(210.667, 20.93%, -57.843%, .7);--sapShell_Category_5_TextColor: hsla(0, 0%, 100%, 1);--sapShell_Category_5_BorderColor: hsla(11.111, 91.011%, 34.902%, 1);--sapShell_Category_5_Background: hsla(11.111, 91.011%, 34.902%, 1);--sapShell_Category_4_TextShadow: 0 0 .063rem 0 hsla(210.667, 20.93%, -57.843%, .7);--sapShell_Category_4_TextColor: hsla(0, 0%, 100%, 1);--sapShell_Category_4_BorderColor: hsla(283.902, 100%, 32.157%, 1);--sapShell_Category_4_Background: hsla(283.902, 100%, 32.157%, 1);--sapShell_Category_3_TextShadow: 0 0 .063rem 0 hsla(210.667, 20.93%, -57.843%, .7);--sapShell_Category_3_TextColor: hsla(0, 0%, 100%, 1);--sapShell_Category_3_BorderColor: hsla(26.234, 100%, 45.294%, 1);--sapShell_Category_3_Background: hsla(26.234, 100%, 45.294%, 1);--sapShell_Category_2_TextShadow: 0 0 .063rem 0 hsla(210.667, 20.93%, -57.843%, .7);--sapShell_Category_2_TextColor: hsla(0, 0%, 100%, 1);--sapShell_Category_2_BorderColor: hsla(330.146, 85.062%, 47.255%, 1);--sapShell_Category_2_Background: hsla(330.146, 85.062%, 47.255%, 1);--sapShell_Category_1_TextShadow: 0 0 .063rem 0 hsla(210.667, 20.93%, -57.843%, .7);--sapShell_Category_1_TextColor: hsla(0, 0%, 100%, 1);--sapShell_Category_1_BorderColor: hsla(215.143, 100%, 41.176%, 1);--sapShell_Category_1_Background: hsla(215.143, 100%, 41.176%, 1);--sapShell_NeutralColor: #475E75;--sapShell_InformativeColor: #0070F2;--sapShell_PositiveColor: #188918;--sapShell_CriticalColor: #C35500;--sapShell_NegativeColor: #D20A0A;--sapShell_Shadow: 0 .125rem .125rem 0 hsla(210.667, 20.93%, 42.157%, .1), inset 0 -.063rem 0 0 hsla(210.667, 20.93%, 42.157%, .2);--sapShell_Navigation_Active_Background: #F5F6F7;--sapShell_Navigation_Active_TextColor: #5B738B;--sapShell_Navigation_TextColor: #223548;--sapShell_Navigation_Selected_TextColor: #0070F2;--sapShell_Navigation_SelectedColor: #0070F2;--sapShell_Navigation_Hover_Background: #F5F6F7;--sapShell_Navigation_Background: #FFFFFF;--sapShell_Selected_Hover_Background: #FFFFFF;--sapShell_Selected_TextColor: #0070F2;--sapShell_Selected_Background: #F5F6F7;--sapShell_Active_TextColor: #0040B0;--sapShell_Active_Background: #FFFFFF;--sapShell_Hover_Background: #FFFFFF;--sapShell_GroupTitleTextShadow: 0 0 .125rem 0 hsla(0, 0%, 100%, 1);--sapShell_GroupTitleTextColor: #354A5F;--sapShell_InteractiveBorderColor: hsla(210.638, 20.524%, 42.098%, 1);--sapShell_InteractiveTextColor: #354A5F;--sapShell_InteractiveBackground: #F5F6F7;--sapShell_TextColor: #223548;--sapShell_BorderColor: #D5DADD;--sapShell_BackgroundImageOpacity: 1;--sapShell_Background: #FFFFFF;--sapShellColor: hsla(0, 0%, 100%, 1);--sapShell_Interactive_TextColor: #354A5F;--sapShell_Interactive_BorderColor: #0070F2;--sapShell_NeutralBorderColor: #A9B4BE;--sapShell_Color: #FFFFFF;--sapList_HighlightColor: #0057D2;--sapList_TableFixedBorderColor: #A9B4BE;--sapList_TableFooterBorder: #A9B4BE;--sapList_FooterTextColor: #223548;--sapList_FooterBackground: #FFFFFF;--sapList_TableGroupHeaderTextColor: #223548;--sapList_TableGroupHeaderBorderColor: #A9B4BE;--sapList_TableGroupHeaderBackground: #FFFFFF;--sapList_GroupHeaderTextColor: #1A2733;--sapList_GroupHeaderBorderColor: #A9B4BE;--sapList_GroupHeaderBackground: #FFFFFF;--sapList_AlternatingBackground: #F5F6F7;--sapList_Hover_Background: #F5F6F7;--sapList_Background: #FFFFFF;--sapList_Hover_SelectionBackground: #D1EFFF;--sapList_SelectionBorderColor: #0040B0;--sapList_SelectionBackgroundColor: #EBF8FF;--sapList_Active_Background: #EAECEE;--sapList_Active_TextColor: #000000;--sapList_TextColor: #000000;--sapList_BorderWidth: .063rem;--sapList_BorderColor: #A9B4BE;--sapList_HeaderTextColor: #223548;--sapList_HeaderBorderColor: #A9B4BE;--sapList_HeaderBackground: #FFFFFF;--sapList_GroupAlternatingHeaderBackground: #A9B4BE;--sapBackgroundColorDefault: hsla(0, 0%, 97%, 1);--sapGroup_FooterBackground: hsla(0, 0%, 0%, 0);--sapContent_ForcedColorAdjust: none;--sapContent_ContrastTextThreshold: .65;--sapHighlightTextColor: #0070F2;--sapShell_BackgroundPatternColor: hsla(0, 0%, 0%, 0);--sapSvgLib_SAP-icons: none;--sapContent_DisabledOpacity: .4;--sapContent_IconHeight: 1rem;--sapContent_LineHeight: 1.5;--sapElement_Condensed_Height: 1.375rem;--sapElement_Condensed_LineHeight: 1.5rem;--sapElement_Compact_Height: 1.625rem;--sapElement_Compact_LineHeight: 2rem;--sapElement_BorderWidth: .063rem;--sapElement_Height: 2.25rem;--sapElement_LineHeight: 2.75rem;--sapPrimary7: hsla(210.667, 20.93%, 42.157%, 1);--sapPrimary6: hsla(210.909, 36.264%, 17.843%, 1);--sapPrimary5: #5B738B;--sapPrimary4: hsla(210, 11.111%, 96.471%, 1);--sapPrimary3: hsla(0, 0%, 100%, 1);--sapPrimary2: hsla(212.231, 100%, 47.451%, 1);--sapPrimary1: hsla(201, 100%, 96.078%, 1);--sapContent_GridSize: 1rem;--sapChart_Sequence_Neutral: hsla(210, 20.536%, 56.078%, 1);--sapChart_Sequence_11: hsla(251.642, 100%, 60.588%, 1);--sapChart_Sequence_10: hsla(0, 59.783%, 63.922%, 1);--sapChart_Sequence_9: hsla(114.286, 8.367%, 50.784%, 1);--sapChart_Sequence_8: hsla(295.636, 100%, 43.137%, 1);--sapChart_Sequence_7: hsla(210.186, 70.306%, 55.098%, 1);--sapChart_Sequence_6: hsla(178.065, 95.092%, 31.961%, 1);--sapChart_Sequence_5: hsla(268.333, 64.286%, 56.078%, 1);--sapChart_Sequence_4: hsla(330.146, 85.062%, 47.255%, 1);--sapChart_Sequence_3: hsla(74.894, 86.503%, 31.961%, 1);--sapChart_Sequence_2: hsla(36.9, 100%, 39.216%, 1);--sapChart_Sequence_1: hsla(212.231, 100%, 47.451%, 1);--sapChart_Neutral: hsla(210, 20.536%, 56.078%, 1);--sapChart_Good: hsla(137.027, 50%, 38.02%, 1);--sapChart_Critical: hsla(26.234, 100%, 45.294%, 1);--sapChart_Bad: hsla(0, 91.011%, 57.902%, 1);--sapChart_OrderedColor_11: hsla(251.642, 100%, 60.588%, 1);--sapChart_OrderedColor_10: hsla(0, 59.783%, 63.922%, 1);--sapChart_OrderedColor_9: hsla(114.286, 8.367%, 50.784%, 1);--sapChart_OrderedColor_8: hsla(295.636, 100%, 43.137%, 1);--sapChart_OrderedColor_7: hsla(210.186, 70.306%, 55.098%, 1);--sapChart_OrderedColor_6: hsla(178.065, 95.092%, 31.961%, 1);--sapChart_OrderedColor_5: hsla(268.333, 64.286%, 56.078%, 1);--sapChart_OrderedColor_4: hsla(330.146, 85.062%, 47.255%, 1);--sapChart_OrderedColor_3: hsla(74.894, 86.503%, 31.961%, 1);--sapChart_OrderedColor_2: hsla(36.9, 100%, 39.216%, 1);--sapChart_OrderedColor_1: hsla(212.231, 100%, 47.451%, 1);--sapLegendBackgroundColor20: hsla(233.684, 100%, 96.275%, 1);--sapLegendBackgroundColor19: hsla(204, 100%, 99.02%, 1);--sapLegendBackgroundColor18: hsla(74.286, 67.742%, 87.843%, 1);--sapLegendBackgroundColor17: hsla(166.286, 89.744%, 92.353%, 1);--sapLegendBackgroundColor16: hsla(201, 100%, 96.078%, 1);--sapLegendBackgroundColor15: hsla(271.765, 54.839%, 93.922%, 1);--sapLegendBackgroundColor14: hsla(49.286, 50%, 89.02%, 1);--sapLegendBackgroundColor13: hsla(340, 42.857%, 94.51%, 1);--sapLegendBackgroundColor12: hsla(0, 100%, 98.235%, 1);--sapLegendBackgroundColor11: hsla(49.756, 100%, 91.961%, 1);--sapLegendBackgroundColor10: hsla(320, 100%, 97.059%, 1);--sapLegendBackgroundColor9: hsla(210, 11.111%, 96.471%, 1);--sapLegendBackgroundColor8: hsla(74.286, 67.742%, 93.922%, 1);--sapLegendBackgroundColor7: hsla(165.517, 90.625%, 87.451%, 1);--sapLegendBackgroundColor6: hsla(200.87, 100%, 90.98%, 1);--sapLegendBackgroundColor5: hsla(302.308, 100%, 94.902%, 1);--sapLegendBackgroundColor4: hsla(0, 66.667%, 95.294%, 1);--sapLegendBackgroundColor3: hsla(336, 38.462%, 97.451%, 1);--sapLegendBackgroundColor2: hsla(18.621, 93.548%, 93.922%, 1);--sapLegendBackgroundColor1: hsla(50, 100%, 81.176%, 1);--sapLegendColor20: hsla(255.733, 90.361%, 48.824%, 1);--sapLegendColor19: hsla(218.226, 70.455%, 34.51%, 1);--sapLegendColor18: hsla(137.288, 49.58%, 23.333%, 1);--sapLegendColor17: hsla(188.125, 94.118%, 20%, 1);--sapLegendColor16: hsla(221.194, 100%, 26.275%, 1);--sapLegendColor15: hsla(269.302, 54.43%, 30.98%, 1);--sapLegendColor14: hsla(17.872, 100%, 27.647%, 1);--sapLegendColor13: hsla(326, 93.75%, 37.647%, 1);--sapLegendColor12: hsla(11.111, 91.011%, 34.902%, 1);--sapLegendColor11: hsla(22.012, 100%, 33.137%, 1);--sapLegendColor10: hsla(283.902, 100%, 32.157%, 1);--sapLegendColor9: hsla(210, 20.87%, 45.098%, 1);--sapLegendColor8: hsla(120, 70.186%, 31.569%, 1);--sapLegendColor7: hsla(185.294, 90.667%, 29.412%, 1);--sapLegendColor6: hsla(215.143, 100%, 41.176%, 1);--sapLegendColor5: hsla(295.636, 100%, 43.137%, 1);--sapLegendColor4: hsla(0, 91.304%, 27.059%, 1);--sapLegendColor3: hsla(330.146, 85.062%, 47.255%, 1);--sapLegendColor2: hsla(14.4, 90.909%, 43.137%, 1);--sapLegendColor1: hsla(26.154, 100%, 38.235%, 1);--sapLegend_CurrentDateTime: #A100C2;--sapLegend_NonWorkingBackground: #EAECEE;--sapLegend_WorkingBackground: #FFFFFF;--sapIndicationColor_10b_Hover_Background: #5B738B;--sapIndicationColor_10b_BorderColor: #5B738B;--sapIndicationColor_10b: #5B738B;--sapIndicationColor_10_Selected_TextColor: #FFFFFF;--sapIndicationColor_10_Selected_BorderColor: #000000B3;--sapIndicationColor_10_Selected_Background: #000000B3;--sapIndicationColor_10_Active_TextColor: #223548;--sapIndicationColor_10_Active_BorderColor: #EAECEE;--sapIndicationColor_10_Active_Background: #EAECEE;--sapIndicationColor_10_Hover_Background: #475E75;--sapIndicationColor_10_TextColor: #FFFFFF;--sapIndicationColor_10_BorderColor: #1A2733;--sapIndicationColor_10_Background: #1A2733;--sapIndicationColor_10: #EAECEE;--sapIndicationColor_9b_Hover_Background: hsla(0, 0%, 95%, 1);--sapIndicationColor_9b_BorderColor: hsla(0, 0%, 85%, 1);--sapIndicationColor_9b: #0057D2;--sapIndicationColor_9_Selected_TextColor: hsla(210.909, 36.264%, 17.843%, 1);--sapIndicationColor_9_Selected_BorderColor: #0040B0;--sapIndicationColor_9_Selected_Background: #F5F6F7;--sapIndicationColor_9_Active_TextColor: #FFFFFF;--sapIndicationColor_9_Active_BorderColor: #A9B4BE;--sapIndicationColor_9_Active_Background: #0040B0;--sapIndicationColor_9_Hover_Background: #FFF3B8;--sapIndicationColor_9_TextColor: #354A5F;--sapIndicationColor_9_BorderColor: #D1EFFF;--sapIndicationColor_9_Background: #0057D2;--sapIndicationColor_9: #D1EFFF;--sapIndicationColor_8b_Hover_Background: hsla(289.756, 100%, 86.961%, 1);--sapIndicationColor_8b_BorderColor: hsla(289.756, 100%, 91.961%, 1);--sapIndicationColor_8b: hsla(289.756, 100%, 91.961%, 1);--sapIndicationColor_8_Selected_TextColor: hsla(289.794, 100%, 38.039%, 1);--sapIndicationColor_8_Selected_BorderColor: hsla(289.756, 100%, 91.961%, 1);--sapIndicationColor_8_Selected_Background: hsla(289.794, 100%, 28.039%, 1);--sapIndicationColor_8_Active_TextColor: hsla(289.794, 100%, 38.039%, 1);--sapIndicationColor_8_Active_BorderColor: hsla(289.756, 100%, 91.961%, 1);--sapIndicationColor_8_Active_Background: hsla(289.794, 100%, 28.039%, 1);--sapIndicationColor_8_Hover_Background: hsla(289.794, 100%, 33.039%, 1);--sapIndicationColor_8_TextColor: hsla(0, 0%, 100%, 1);--sapIndicationColor_8_BorderColor: hsla(289.794, 100%, 38.039%, 1);--sapIndicationColor_8_Background: hsla(289.794, 100%, 38.039%, 1);--sapIndicationColor_8: hsla(289.794, 100%, 38.039%, 1);--sapIndicationColor_7b_Hover_Background: hsla(251.667, 100%, 87.941%, 1);--sapIndicationColor_7b_BorderColor: hsla(251.667, 100%, 92.941%, 1);--sapIndicationColor_7b: hsla(251.667, 100%, 92.941%, 1);--sapIndicationColor_7_Selected_TextColor: hsla(251.642, 100%, 60.588%, 1);--sapIndicationColor_7_Selected_BorderColor: hsla(251.667, 100%, 92.941%, 1);--sapIndicationColor_7_Selected_Background: hsla(251.642, 100%, 50.588%, 1);--sapIndicationColor_7_Active_TextColor: hsla(251.642, 100%, 60.588%, 1);--sapIndicationColor_7_Active_BorderColor: hsla(251.667, 100%, 92.941%, 1);--sapIndicationColor_7_Active_Background: hsla(251.642, 100%, 50.588%, 1);--sapIndicationColor_7_Hover_Background: hsla(251.642, 100%, 55.588%, 1);--sapIndicationColor_7_TextColor: hsla(0, 0%, 100%, 1);--sapIndicationColor_7_BorderColor: hsla(251.642, 100%, 60.588%, 1);--sapIndicationColor_7_Background: hsla(251.642, 100%, 60.588%, 1);--sapIndicationColor_7: hsla(251.642, 100%, 60.588%, 1);--sapIndicationColor_6b_Hover_Background: hsla(166.5, 66.667%, 83.235%, 1);--sapIndicationColor_6b_BorderColor: hsla(166.5, 66.667%, 88.235%, 1);--sapIndicationColor_6b: hsla(166.5, 66.667%, 88.235%, 1);--sapIndicationColor_6_Selected_TextColor: hsla(187.119, 93.651%, 24.706%, 1);--sapIndicationColor_6_Selected_BorderColor: hsla(166.5, 66.667%, 88.235%, 1);--sapIndicationColor_6_Selected_Background: hsla(187.119, 93.651%, 14.706%, 1);--sapIndicationColor_6_Active_TextColor: hsla(187.119, 93.651%, 24.706%, 1);--sapIndicationColor_6_Active_BorderColor: hsla(166.5, 66.667%, 88.235%, 1);--sapIndicationColor_6_Active_Background: hsla(187.119, 93.651%, 14.706%, 1);--sapIndicationColor_6_Hover_Background: hsla(187.119, 93.651%, 19.706%, 1);--sapIndicationColor_6_TextColor: hsla(0, 0%, 100%, 1);--sapIndicationColor_6_BorderColor: hsla(187.119, 93.651%, 24.706%, 1);--sapIndicationColor_6_Background: hsla(187.119, 93.651%, 24.706%, 1);--sapIndicationColor_6: hsla(187.119, 93.651%, 24.706%, 1);--sapIndicationColor_5b_Hover_Background: hsla(200, 91.304%, 85.98%, 1);--sapIndicationColor_5b_BorderColor: hsla(200, 91.304%, 90.98%, 1);--sapIndicationColor_5b: hsla(200, 91.304%, 90.98%, 1);--sapIndicationColor_5_Selected_TextColor: hsla(212.231, 100%, 47.451%, 1);--sapIndicationColor_5_Selected_BorderColor: hsla(200, 91.304%, 90.98%, 1);--sapIndicationColor_5_Selected_Background: hsla(212.231, 100%, 37.451%, 1);--sapIndicationColor_5_Active_TextColor: hsla(212.231, 100%, 47.451%, 1);--sapIndicationColor_5_Active_BorderColor: hsla(200, 91.304%, 90.98%, 1);--sapIndicationColor_5_Active_Background: hsla(212.231, 100%, 37.451%, 1);--sapIndicationColor_5_Hover_Background: hsla(212.231, 100%, 42.451%, 1);--sapIndicationColor_5_TextColor: hsla(0, 0%, 100%, 1);--sapIndicationColor_5_BorderColor: hsla(212.231, 100%, 47.451%, 1);--sapIndicationColor_5_Background: hsla(212.231, 100%, 47.451%, 1);--sapIndicationColor_5: hsla(212.231, 100%, 47.451%, 1);--sapIndicationColor_4b_Hover_Background: hsla(122.609, 50%, 76.961%, 1);--sapIndicationColor_4b_BorderColor: hsla(122.609, 50%, 81.961%, 1);--sapIndicationColor_4b: hsla(122.609, 50%, 81.961%, 1);--sapIndicationColor_4_Selected_TextColor: hsla(137.027, 50%, 29.02%, 1);--sapIndicationColor_4_Selected_BorderColor: hsla(122.609, 50%, 81.961%, 1);--sapIndicationColor_4_Selected_Background: hsla(137.027, 50%, 19.02%, 1);--sapIndicationColor_4_Active_TextColor: hsla(137.027, 50%, 29.02%, 1);--sapIndicationColor_4_Active_BorderColor: hsla(122.609, 50%, 81.961%, 1);--sapIndicationColor_4_Active_Background: hsla(137.027, 50%, 19.02%, 1);--sapIndicationColor_4_Hover_Background: hsla(137.027, 50%, 24.02%, 1);--sapIndicationColor_4_TextColor: hsla(0, 0%, 100%, 1);--sapIndicationColor_4_BorderColor: hsla(137.027, 50%, 29.02%, 1);--sapIndicationColor_4_Background: hsla(137.027, 50%, 29.02%, 1);--sapIndicationColor_4: hsla(137.027, 50%, 29.02%, 1);--sapIndicationColor_3b_Hover_Background: hsla(47.619, 100%, 82.647%, 1);--sapIndicationColor_3b_BorderColor: hsla(47.619, 100%, 87.647%, 1);--sapIndicationColor_3b: hsla(47.619, 100%, 87.647%, 1);--sapIndicationColor_3_Selected_TextColor: hsla(26.27, 100%, 36.275%, 1);--sapIndicationColor_3_Selected_BorderColor: hsla(47.619, 100%, 87.647%, 1);--sapIndicationColor_3_Selected_Background: hsla(26.234, 100%, 39.294%, 1);--sapIndicationColor_3_Active_TextColor: hsla(26.27, 100%, 36.275%, 1);--sapIndicationColor_3_Active_BorderColor: hsla(47.619, 100%, 87.647%, 1);--sapIndicationColor_3_Active_Background: hsla(26.234, 100%, 39.294%, 1);--sapIndicationColor_3_Hover_Background: hsla(26.234, 100%, 42.294%, 1);--sapIndicationColor_3_TextColor: hsla(0, 0%, 100%, 1);--sapIndicationColor_3_BorderColor: hsla(26.234, 100%, 45.294%, 1);--sapIndicationColor_3_Background: hsla(26.234, 100%, 45.294%, 1);--sapIndicationColor_3: hsla(26.27, 100%, 36.275%, 1);--sapIndicationColor_2b_Hover_Background: hsla(0, 90.323%, 82.843%, 1);--sapIndicationColor_2b_BorderColor: hsla(0, 90.323%, 87.843%, 1);--sapIndicationColor_2b: hsla(0, 90.323%, 87.843%, 1);--sapIndicationColor_2_Selected_TextColor: hsla(0, 91.011%, 34.902%, 1);--sapIndicationColor_2_Selected_BorderColor: hsla(0, 90.323%, 87.843%, 1);--sapIndicationColor_2_Selected_Background: hsla(0, 91.011%, 24.902%, 1);--sapIndicationColor_2_Active_TextColor: hsla(0, 91.011%, 34.902%, 1);--sapIndicationColor_2_Active_BorderColor: hsla(0, 90.323%, 87.843%, 1);--sapIndicationColor_2_Active_Background: hsla(0, 91.011%, 24.902%, 1);--sapIndicationColor_2_Hover_Background: hsla(0, 91.011%, 29.902%, 1);--sapIndicationColor_2_TextColor: hsla(0, 0%, 100%, 1);--sapIndicationColor_2_BorderColor: hsla(0, 91.011%, 34.902%, 1);--sapIndicationColor_2_Background: hsla(0, 91.011%, 34.902%, 1);--sapIndicationColor_2: hsla(0, 91.011%, 34.902%, 1);--sapIndicationColor_1b_Hover_Background: hsla(0, 92.157%, 75%, 1);--sapIndicationColor_1b_BorderColor: hsla(0, 92.157%, 80%, 1);--sapIndicationColor_1b: hsla(0, 92.157%, 80%, 1);--sapIndicationColor_1_Selected_TextColor: hsla(0, 91.304%, 27.059%, 1);--sapIndicationColor_1_Selected_BorderColor: hsla(0, 92.157%, 80%, 1);--sapIndicationColor_1_Selected_Background: hsla(0, 91.304%, 17.059%, 1);--sapIndicationColor_1_Active_TextColor: hsla(0, 91.304%, 27.059%, 1);--sapIndicationColor_1_Active_BorderColor: hsla(0, 92.157%, 80%, 1);--sapIndicationColor_1_Active_Background: hsla(0, 91.304%, 17.059%, 1);--sapIndicationColor_1_Hover_Background: hsla(0, 91.304%, 22.059%, 1);--sapIndicationColor_1_TextColor: hsla(0, 0%, 100%, 1);--sapIndicationColor_1_BorderColor: hsla(0, 91.304%, 27.059%, 1);--sapIndicationColor_1_Background: hsla(0, 91.304%, 27.059%, 1);--sapIndicationColor_1: hsla(0, 91.304%, 27.059%, 1);--sapAccentBackgroundColor10: hsla(210, 10.526%, 92.549%, 1);--sapAccentBackgroundColor9: hsla(268.333, 54.545%, 87.059%, 1);--sapAccentBackgroundColor8: hsla(74.286, 67.742%, 87.843%, 1);--sapAccentBackgroundColor7: hsla(165.517, 90.625%, 87.451%, 1);--sapAccentBackgroundColor6: hsla(200.87, 100%, 90.98%, 1);--sapAccentBackgroundColor5: hsla(255, 100%, 91.373%, 1);--sapAccentBackgroundColor4: hsla(320.571, 100%, 93.137%, 1);--sapAccentBackgroundColor3: hsla(340, 100%, 92.941%, 1);--sapAccentBackgroundColor2: hsla(330.638, 100%, 90.784%, 1);--sapAccentBackgroundColor1: hsla(49.859, 100%, 86.078%, 1);--sapAccentColor10: #475E75;--sapAccentColor9: #7800A4;--sapAccentColor8: #188918;--sapAccentColor7: #07838F;--sapAccentColor6: #0070F2;--sapAccentColor5: #5D36FF;--sapAccentColor4: #CC00DC;--sapAccentColor3: #DF1278;--sapAccentColor2: #D20A0A;--sapAccentColor1: #C35500;--sapTile_OverlayForegroundColor: #000000;--sapTile_OverlayBackground: #FFFFFF;--sapTile_Interactive_BorderColor: #1B90FF;--sapTile_SeparatorColor: #D5DADD;--sapTile_IconColor: #354A5F;--sapTile_TextColor: #223548;--sapTile_TitleTextColor: #000000;--sapTile_BorderCornerRadius: 1rem;--sapTile_BorderColor: #EAECEE;--sapTile_Active_Background: #FFFFFF;--sapTile_Hover_Background: #FFFFFF;--sapTile_Background: #FFFFFF;--sapBlockLayer_Background: #000000d6;--sapPopover_BorderCornerRadius: .5rem;--sapGroup_BorderCornerRadius: .5rem;--sapGroup_BorderWidth: .063rem;--sapGroup_ContentBorderColor: hsla(0, 0%, 85%, 1);--sapGroup_ContentBackground: #FFFFFF;--sapGroup_Title_FontSize: 18px;--sapGroup_TitleTextColor: hsla(210.909, 36.264%, 17.843%, 1);--sapGroup_TitleBorderColor: hsla(210.638, 13.524%, 70.098%, 1);--sapGroup_TitleBackground: hsla(0, 0%, 100%, 1);--sapContent_HeaderShadow: none;--sapElement_BorderCornerRadius: .5rem;--sapObjectHeader_Subtitle_TextColor: hsla(210.667, 20.93%, 42.157%, 1);--sapObjectHeader_Title_FontFamily: "72 Brand Variable", "Arial", "Helvetica", "sans-serif";--sapObjectHeader_Title_SnappedFontSize: 20px;--sapObjectHeader_Title_FontSize: 28px;--sapObjectHeader_Title_TextColor: #000000;--sapObjectHeader_BorderColor: #A9B4BE;--sapObjectHeader_Hover_Background: #FFFFFF;--sapObjectHeader_Background: #FFFFFF;--sapObjectHeader_SubTitle_TextColor: #5B738B;--sapInfobar_TextColor: hsla(187.119, 93.651%, 24.706%, 1);--sapInfobar_NonInteractive_Background: hsla(210, 11.111%, 96.471%, 1);--sapInfobar_Active_Background: hsla(0, 0%, 100%, 1);--sapInfobar_Hover_Background: hsla(0, 0%, 100%, 1);--sapInfobar_Background: hsla(165.517, 90.625%, 87.451%, 1);--sapToolbar_SeparatorColor: #A9B4BE;--sapToolbar_Background: hsla(0, 0%, 100%, 1);--sapPageFooter_TextColor: hsla(210.909, 36.264%, 17.843%, 1);--sapPageFooter_BorderColor: #D5DADD;--sapPageFooter_Background: hsla(0, 0%, 100%, 1);--sapPageHeader_TextColor: #223548;--sapPageHeader_BorderColor: hsla(0, 0%, 85%, 1);--sapPageHeader_Background: hsla(0, 0%, 100%, 1);--sapBackgroundColor: #FFFFFF;--sapSlider_Active_RangeHandleBackground: transparent;--sapSlider_Active_HandleBorderColor: #0040B0;--sapSlider_Active_HandleBackground: transparent;--sapSlider_Hover_RangeHandleBackground: #D1EFFF;--sapSlider_Hover_HandleBorderColor: #89D1FF;--sapSlider_Hover_HandleBackground: #D1EFFF;--sapSlider_RangeHandleBackground: #FFFFFF;--sapSlider_HandleBorderColor: #89D1FF;--sapSlider_HandleBackground: #FFFFFF;--sapSlider_Selected_BorderColor: #0070F2;--sapSlider_Selected_Background: #0070F2;--sapSlider_BorderColor: #D5DADD;--sapSlider_Background: #D5DADD;--sapContent_Selected_MeasureIndicatorColor: #0040B0;--sapContent_MeasureIndicatorColor: #5B738B;--sapScrollBar_Hover_FaceColor: #5B738B;--sapScrollBar_Dimension: 12px;--sapScrollBar_SymbolColor: hsla(210.909, 36.264%, 17.843%, 1);--sapScrollBar_BorderColor: hsla(210.638, 20.524%, 57.098%, 1);--sapScrollBar_FaceColor: #8396A8;--sapProgress_Value_InformationTextColor: #0070F2;--sapProgress_Value_InformationBorderColor: #0070F2;--sapProgress_Value_InformationBackground: #0070F2;--sapProgress_InformationTextColor: #223548;--sapProgress_InformationBorderColor: #A6E0FF;--sapProgress_InformationBackground: #A6E0FF;--sapProgress_Value_PositiveTextColor: #188918;--sapProgress_Value_PositiveBorderColor: #188918;--sapProgress_Value_PositiveBackground: #188918;--sapProgress_PositiveTextColor: #223548;--sapProgress_PositiveBorderColor: #BDE986;--sapProgress_PositiveBackground: #BDE986;--sapProgress_Value_CriticalTextColor: #C35500;--sapProgress_Value_CriticalBorderColor: #C35500;--sapProgress_Value_CriticalBackground: #C35500;--sapProgress_CriticalTextColor: #223548;--sapProgress_CriticalBorderColor: #FFDF72;--sapProgress_CriticalBackground: #FFDF72;--sapProgress_Value_NegativeTextColor: #D20A0A;--sapProgress_Value_NegativeBorderColor: #D20A0A;--sapProgress_Value_NegativeBackground: #D20A0A;--sapProgress_NegativeTextColor: #223548;--sapProgress_NegativeBorderColor: #FFB2D2;--sapProgress_NegativeBackground: #FFB2D2;--sapProgress_Value_TextColor: #223548;--sapProgress_Value_BorderColor: #475E75;--sapProgress_Value_Background: #475E75;--sapProgress_FontSize: 16px;--sapProgress_TextColor: #223548;--sapProgress_BorderColor: #D5DADD;--sapProgress_Background: #D5DADD;--sapMessage_InformationBorderColor: #0070F2;--sapMessage_SuccessBorderColor: #188918;--sapMessage_WarningBorderColor: #C35500;--sapMessage_ErrorBorderColor: #D20A0A;--sapMessage_BorderWidth: 1px;--sapContent_Neutral_Shadow: 0 0 .125rem 0 hsla(210, 20.536%, 56.078%, .72);--sapContent_Informative_Shadow: 0 0 .125rem 0 hsla(212.231, 100%, 47.451%, .72);--sapContent_Positive_Shadow: 0 0 .125rem 0 hsla(137.027, 50%, 29.02%, .72);--sapContent_Critical_Shadow: 0 0 .125rem 0 hsla(26.234, 100%, 45.294%, .72);--sapContent_Negative_Shadow: 0 0 .125rem 0 hsla(0, 91.011%, 34.902%, .72);--sapNeutralBorderColor: #A9B4BE;--sapInformationBorderColor: #0070F2;--sapSuccessBorderColor: #188918;--sapWarningBorderColor: #C35500;--sapErrorBorderColor: #D20A0A;--sapNeutralBackground: #FFFFFF;--sapInformationBackground: #EBF8FF;--sapSuccessBackground: #F5FAE5;--sapWarningBackground: #FFF8D6;--sapErrorBackground: #FFEAF4;--sapNegativeBackgroundColor: #D20A0A;--sapInformationColor: #0040B0;--sapSuccessColor: #1E592F;--sapWarningColor: #8D2A00;--sapErrorColor: #840606;--sapNeutralTextColor: #475E75;--sapInformativeTextColor: #0040B0;--sapPositiveTextColor: #1E592F;--sapCriticalTextColor: #8D2A00;--sapNegativeTextColor: #840606;--sapNeutralElementColor: #5B738B;--sapInformativeElementColor: #0070F2;--sapPositiveElementColor: #188918;--sapCriticalElementColor: #C35500;--sapNegativeElementColor: #D20A0A;--sapNeutralColor: #FFFFFF;--sapInformativeColor: #0040B0;--sapPositiveColor: #1E592F;--sapCriticalColor: hsla(26.234, 100%, 45.294%, 1);--sapNegativeColor: #D20A0A;--sapField_InformationShadow: 0 0 0 0 rgba(0, 0, 0, 1);--sapField_InformationBorderStyle: none;--sapField_InformationBorderWidth: .125rem;--sapField_InformationBackgroundStyle: 0 100% / 100% .125rem no-repeat linear-gradient(0deg, #0070F2, #0070F2) border-box;--sapField_InformationBackground: #FFFFFF;--sapField_InformationColor: #0070F2;--sapField_Hover_InformationShadow: 0 0 0 0 rgba(0, 0, 0, 1);--sapField_SuccessShadow: 0 0 0 0 rgba(0, 0, 0, 1);--sapField_SuccessBorderStyle: none;--sapField_SuccessBorderWidth: 1px;--sapField_SuccessBackgroundStyle: 0 100% / 100% 1px no-repeat linear-gradient(0deg, #188918, #188918) border-box;--sapField_SuccessBackground: #FFFFFF;--sapField_SuccessColor: #188918;--sapField_Hover_SuccessShadow: 0 0 0 0 rgba(0, 0, 0, 1);--sapField_WarningShadow: 0 0 0 0 rgba(0, 0, 0, 1);--sapField_WarningBorderStyle: none;--sapField_WarningBorderWidth: .125rem;--sapField_WarningBackgroundStyle: 0 100% / 100% .125rem no-repeat linear-gradient(0deg, #C35500, #C35500) border-box;--sapField_WarningBackground: #FFFFFF;--sapField_WarningColor: #C35500;--sapField_Hover_WarningShadow: 0 0 0 0 rgba(0, 0, 0, 1);--sapField_InvalidShadow: 0 0 0 0 rgba(0, 0, 0, 1);--sapField_InvalidBorderStyle: none;--sapField_InvalidBorderWidth: 1px;--sapField_InvalidBackgroundStyle: 0 100% / 100% 1px no-repeat linear-gradient(0deg, #D20A0A, #D20A0A) border-box;--sapField_InvalidBackground: #FFFFFF;--sapField_InvalidColor: #D20A0A;--sapField_Hover_InvalidShadow: 0 0 0 0 rgba(0, 0, 0, 1);--sapField_RequiredColor: hsla(326, 93.75%, 37.647%, 1);--sapField_Focus_HelpBackground: hsla(0, 0%, 100%, 1);--sapField_Focus_BorderColor: hsla(212.231, 100%, 47.451%, 1);--sapField_Focus_Background: hsla(0, 0%, 100%, 1);--sapField_Active_BorderColor: #0040B0;--sapField_Hover_Shadow: 0 0 0 0 rgba(0, 0, 0, 1);--sapField_Hover_HelpBackground: hsla(0, 0%, 100%, 1);--sapField_Hover_BorderColor: #1B90FF;--sapField_Hover_BackgroundStyle: 0 100% / 100% .063rem no-repeat linear-gradient(0deg, #1B90FF, #1B90FF) border-box;--sapField_Hover_Background: #FFFFFF;--sapField_Shadow: 0 0 0 0 rgba(0, 0, 0, 1);--sapField_BorderCornerRadius: .25rem;--sapField_BorderStyle: none;--sapField_BorderWidth: .063rem;--sapField_HelpBackground: hsla(210, 11.111%, 94.471%, 1);--sapField_BorderColor: #5B738B;--sapField_PlaceholderTextColor: #475E75;--sapField_TextColor: #223548;--sapField_BackgroundStyle: 0 100% / 100% .063rem no-repeat linear-gradient(0deg, #5B738B, #5B738B) border-box;--sapField_Background: #FFFFFF;--sapField_FocusBackground: #FFFFFF;--sapField_ReadOnly_HelpBackground: hsla(0, 0%, 0%, 0);--sapField_ReadOnly_BorderStyle: none;--sapField_ReadOnly_BorderColor: #5B738B;--sapField_ReadOnly_BackgroundStyle: 0 100% / .375rem .063rem repeat-x linear-gradient(90deg, #5B738B 0, #5B738B .25rem, transparent .25rem) border-box;--sapField_ReadOnly_Background: #EAECEE;--sapButton_TokenBorderColor: #D5DADD;--sapButton_TokenBackground: #EAECEE;--sapButton_Handle_Positive_Hover_BorderColor: #FFFFFF66;--sapButton_Handle_Positive_Hover_Background: #FFFFFF;--sapButton_Handle_Positive_TextColor: #256F3A;--sapButton_Handle_Positive_BorderColor: hsla(0, 0%, 100%, 1);--sapButton_Handle_Positive_Background: #FFFFFF;--sapButton_Track_Positive_Hover_BorderColor: #256F3A;--sapButton_Track_Positive_Hover_Background: #256F3A;--sapButton_Track_Positive_TextColor: hsla(0, 0%, 100%, 1);--sapButton_Track_Positive_BorderColor: #188918;--sapButton_Track_Positive_Background: #188918;--sapButton_Handle_Negative_Hover_BorderColor: #FFFFFF66;--sapButton_Handle_Negative_Hover_Background: #FFFFFF;--sapButton_Handle_Negative_TextColor: #AA0808;--sapButton_Handle_Negative_BorderColor: #EE3939;--sapButton_Handle_Negative_Background: #FFFFFF;--sapButton_Track_Negative_Hover_BorderColor: #D20A0A;--sapButton_Track_Negative_Hover_Background: #D20A0A;--sapButton_Track_Negative_TextColor: #AA0808;--sapButton_Track_Negative_BorderColor: hsla(0, 91.011%, 57.902%, 1);--sapButton_Track_Negative_Background: #EE3939;--sapButton_Handle_Selected_Hover_BorderColor: #FFFFFF66;--sapButton_Handle_Selected_Hover_Background: hsla(0, 0%, 100%, 1);--sapButton_Handle_Selected_TextColor: #0070F2;--sapButton_Handle_Selected_BorderColor: hsla(0, 0%, 100%, 1);--sapButton_Handle_Selected_Background: #FFFFFF;--sapButton_Handle_Hover_BorderColor: #FFFFFF66;--sapButton_Handle_Hover_Background: #FFFFFF;--sapButton_Handle_TextColor: #223548;--sapButton_Handle_BorderColor: hsla(0, 0%, 100%, 1);--sapButton_Handle_Background: #FFFFFF;--sapButton_Track_Selected_Hover_BorderColor: hsla(212.231, 100%, 42.451%, 1);--sapButton_Track_Selected_Hover_Background: #0040B0;--sapButton_Track_Selected_TextColor: hsla(0, 0%, 100%, 1);--sapButton_Track_Selected_BorderColor: hsla(212.231, 100%, 47.451%, 1);--sapButton_Track_Selected_Background: #0070F2;--sapButton_Track_Hover_BorderColor: hsla(210, 20.536%, 49.078%, 1);--sapButton_Track_Hover_Background: #5B738B;--sapButton_Track_TextColor: hsla(0, 0%, 100%, 1);--sapButton_Track_BorderColor: hsla(210, 20.536%, 56.078%, 1);--sapButton_Track_Background: #8396A8;--sapButton_Neutral_Active_TextColor: #0040B0;--sapButton_Neutral_Active_BorderColor: #0040B0;--sapButton_Neutral_Active_Background: #FFFFFF;--sapButton_Neutral_Hover_TextColor: #223548;--sapButton_Neutral_Hover_BorderColor: #A9B4BE;--sapButton_Neutral_Hover_Background: #EAECEE;--sapButton_Neutral_TextColor: #223548;--sapButton_Neutral_BorderColor: #A9B4BE;--sapButton_Neutral_Background: #FFFFFF;--sapButton_Neutral_Selected_BorderColor: #0040B0;--sapButton_Neutral_Selected_Background: #FFFFFF;--sapButton_Neutral_Selected_TextColor: #0040B0;--sapButton_Information_Active_TextColor: hsla(0, 0%, 100%, 1);--sapButton_Information_Active_BorderColor: hsla(212.231, 100%, 37.451%, 1);--sapButton_Information_Active_Background: hsla(212.231, 100%, 37.451%, 1);--sapButton_Information_Hover_TextColor: hsla(0, 0%, 100%, 1);--sapButton_Information_Hover_BorderColor: hsla(212.231, 100%, 42.451%, 1);--sapButton_Information_Hover_Background: hsla(212.231, 100%, 42.451%, 1);--sapButton_Information_TextColor: hsla(0, 0%, 100%, 1);--sapButton_Information_BorderColor: hsla(212.231, 100%, 47.451%, 1);--sapButton_Information_Background: hsla(212.231, 100%, 47.451%, 1);--sapButton_Success_Active_TextColor: #164323;--sapButton_Success_Active_BorderColor: #164323;--sapButton_Success_Active_Background: #FFFFFF;--sapButton_Success_Hover_TextColor: #164323;--sapButton_Success_Hover_BorderColor: #164323;--sapButton_Success_Hover_Background: #BDE986;--sapButton_Success_TextColor: #256F3A;--sapButton_Success_BorderColor: #188918;--sapButton_Success_Background: #EBF5CB;--sapButton_Critical_Active_TextColor: hsla(0, 0%, 100%, 1);--sapButton_Critical_Active_BorderColor: hsla(26.234, 100%, 41.294%, 1);--sapButton_Critical_Active_Background: hsla(26.234, 100%, 41.294%, 1);--sapButton_Critical_Hover_TextColor: hsla(0, 0%, 100%, 1);--sapButton_Critical_Hover_BorderColor: hsla(26.234, 100%, 43.294%, 1);--sapButton_Critical_Hover_Background: hsla(26.234, 100%, 43.294%, 1);--sapButton_Critical_TextColor: hsla(0, 0%, 100%, 1);--sapButton_Critical_BorderColor: hsla(26.234, 100%, 45.294%, 1);--sapButton_Critical_Background: hsla(26.234, 100%, 45.294%, 1);--sapButton_Negative_Active_TextColor: #5A0404;--sapButton_Negative_Active_BorderColor: #5A0404;--sapButton_Negative_Active_Background: #FFFFFF;--sapButton_Negative_Hover_TextColor: #5A0404;--sapButton_Negative_Hover_BorderColor: #5A0404;--sapButton_Negative_Hover_Background: #FFB2D2;--sapButton_Negative_TextColor: #AA0808;--sapButton_Negative_BorderColor: #D20A0A;--sapButton_Negative_Background: #FFD5EA;--sapButton_Attention_Selected_Hover_BorderColor: #A93E00;--sapButton_Attention_Selected_Hover_Background: #FFF3B8;--sapButton_Attention_Selected_TextColor: #6D1900;--sapButton_Attention_Selected_BorderColor: #6D1900;--sapButton_Attention_Selected_Background: #FFFFFF;--sapButton_Attention_Active_TextColor: #6D1900;--sapButton_Attention_Active_BorderColor: #6D1900;--sapButton_Attention_Active_Background: #FFFFFF;--sapButton_Attention_Hover_TextColor: #6D1900;--sapButton_Attention_Hover_BorderColor: #6D1900;--sapButton_Attention_Hover_Background: #FFDF72;--sapButton_Attention_TextColor: #A93E00;--sapButton_Attention_BorderColor: #C35500;--sapButton_Attention_Background: #FFF3B8;--sapButton_Selected_Hover_BorderColor: hsla(212.231, 100%, 47.451%, 1);--sapButton_Selected_Hover_Background: #D1EFFF;--sapButton_Selected_TextColor: #0040B0;--sapButton_Selected_BorderColor: #0040B0;--sapButton_Selected_Background: #FFFFFF;--sapButton_Active_TextColor: #0040B0;--sapButton_Active_BorderColor: #0040B0;--sapButton_Active_Background: #FFFFFF;--sapButton_IconColor: hsla(210.909, 36.264%, 17.843%, 1);--sapButton_Hover_TextColor: #0040B0;--sapButton_Hover_BorderColor: #475E75;--sapButton_Hover_Background: #EAECEE;--sapButton_TextColor: #0040B0;--sapButton_BorderCornerRadius: .5rem;--sapButton_BorderWidth: .063rem;--sapButton_BorderColor: #475E75;--sapButton_Background: #FFFFFF;--sapButton_Selected_Hover_Bordercolor: #0040B0;--sapButton_Lite_Active_BorderColor: #0040B0;--sapButton_Lite_Active_Background: #FFFFFF;--sapButton_Lite_Hover_TextColor: #0040B0;--sapButton_Lite_Hover_BorderColor: #475E75;--sapButton_Lite_Hover_Background: #EAECEE;--sapButton_Lite_TextColor: #0040B0;--sapButton_Lite_BorderColor: #FFFFFF00;--sapButton_Lite_Background: #FFFFFF00;--sapButton_Lite_Disabled_TextColor: #0040B0;--sapButton_Accept_Selected_Hover_BorderColor: #256F3A;--sapButton_Accept_Selected_Hover_Background: #EBF5CB;--sapButton_Accept_Selected_TextColor: #164323;--sapButton_Accept_Selected_BorderColor: #164323;--sapButton_Accept_Selected_Background: #FFFFFF;--sapButton_Accept_Active_TextColor: #164323;--sapButton_Accept_Active_BorderColor: #164323;--sapButton_Accept_Active_Background: #FFFFFF;--sapButton_Accept_Hover_TextColor: #164323;--sapButton_Accept_Hover_BorderColor: #164323;--sapButton_Accept_Hover_Background: #BDE986;--sapButton_Accept_TextColor: #256F3A;--sapButton_Accept_BorderColor: #188918;--sapButton_Accept_Background: #EBF5CB;--sapButton_Reject_Selected_Hover_BorderColor: #AA0808;--sapButton_Reject_Selected_Hover_Background: #FFD5EA;--sapButton_Reject_Selected_TextColor: #5A0404;--sapButton_Reject_Selected_BorderColor: #5A0404;--sapButton_Reject_Selected_Background: #FFFFFF;--sapButton_Reject_Active_TextColor: #5A0404;--sapButton_Reject_Active_BorderColor: #5A0404;--sapButton_Reject_Active_Background: #FFFFFF;--sapButton_Reject_Hover_TextColor: #5A0404;--sapButton_Reject_Hover_BorderColor: #5A0404;--sapButton_Reject_Hover_Background: #FFB2D2;--sapButton_Reject_TextColor: #AA0808;--sapButton_Reject_BorderColor: #D20A0A;--sapButton_Reject_Background: #FFD5EA;--sapButton_Emphasized_FontWeight: 700;--sapButton_Emphasized_TextShadow: hsla(0, 0%, 0%, 0);--sapButton_Emphasized_Active_TextColor: #0040B0;--sapButton_Emphasized_Active_BorderColor: #0040B0;--sapButton_Emphasized_Active_Background: #FFFFFF;--sapButton_Emphasized_Hover_TextColor: #FFFFFF;--sapButton_Emphasized_Hover_BorderColor: #0040B0;--sapButton_Emphasized_Hover_Background: #0040B0;--sapButton_Emphasized_TextColor: #FFFFFF;--sapButton_Emphasized_BorderColor: #0070F2;--sapButton_Emphasized_Background: #0057D2;--sapAvatar_10_TextColor: #0070F2;--sapAvatar_10_BorderColor: #D5DADD;--sapAvatar_10_Background: #FFFFFF;--sapAvatar_9_TextColor: #354A5F;--sapAvatar_9_BorderColor: #EAECEE;--sapAvatar_9_Background: #EAECEE;--sapAvatar_8_TextColor: #256F3A;--sapAvatar_8_BorderColor: #EBF5CB;--sapAvatar_8_Background: #EBF5CB;--sapAvatar_7_TextColor: #046C7A;--sapAvatar_7_BorderColor: #C2FCEE;--sapAvatar_7_Background: #C2FCEE;--sapAvatar_6_TextColor: #0057D2;--sapAvatar_6_BorderColor: #D1EFFF;--sapAvatar_6_Background: #D1EFFF;--sapAvatar_5_TextColor: #470CED;--sapAvatar_5_BorderColor: #E2D8FF;--sapAvatar_5_Background: #E2D8FF;--sapAvatar_4_TextColor: #A100C2;--sapAvatar_4_BorderColor: #FFDCF3;--sapAvatar_4_Background: #FFDCF3;--sapAvatar_3_TextColor: #BA066C;--sapAvatar_3_BorderColor: #FFDCE8;--sapAvatar_3_Background: #FFDCE8;--sapAvatar_2_TextColor: #AA0808;--sapAvatar_2_BorderColor: #FFD5EA;--sapAvatar_2_Background: #FFD5EA;--sapAvatar_1_TextColor: #A93E00;--sapAvatar_1_BorderColor: #FFF3B8;--sapAvatar_1_Background: #FFF3B8;--sapShell_Favicon: none;--sapShell_BackgroundImageRepeat: false;--sapShell_BackgroundImage: linear-gradient(to bottom, #FFFFFF, #FFFFFF);--sapBackgroundImageRepeat: false;--sapBackgroundImageOpacity: 1;--sapBackgroundImage: none;--sapCompanyLogo: none;--sapLink_SubtleColor: hsla(210.909, 36.264%, 17.843%, 1);--sapLink_InvertedColor: hsla(212.231, 100%, 87.451%, 1);--sapLink_Visited_Color: #002A86;--sapLink_Active_TextDecoration: underline;--sapLink_Active_Color: #00144A;--sapLink_Hover_TextDecoration: underline;--sapLink_Hover_Color: #0040B0;--sapLink_TextDecoration: none;--sapLinkColor: #0070F2;--sapLink_Inverted_Color: #FFFFFF;--sapLink_Subtle_Color: #5B738B;--sapFontHeader6Size: 16px;--sapFontHeader5Size: 18px;--sapFontHeader4Size: 20px;--sapFontHeader3Size: 24px;--sapFontHeader2Size: 28px;--sapFontHeader1Size: 32px;--sapFontLargeSize: 1rem;--sapFontSmallSize: 12px;--sapFontHeaderFamily: "72 Brand Variable", "Arial", "Helvetica", "sans-serif";--sapFontBlackFamily: "72 Brand Variable", "Arial", "Helvetica", "sans-serif";--sapFontSemiboldDuplexFamily: "72 Brand Variable", "Arial", "Helvetica", "sans-serif";--sapFontSemiboldFamily: "72 Brand Variable", "Arial", "Helvetica", "sans-serif";--sapFontBoldFamily: "72 Brand Variable", "Arial", "Helvetica", "sans-serif";--sapFontLightFamily: "72 Brand Variable", "Arial", "Helvetica", "sans-serif";--sapContent_ForegroundTextColor: #223548;--sapContent_ContrastTextColor: #FFFFFF;--sapContent_DisabledTextColor: #A9B4BE;--sapContent_MonospaceBoldFontFamily: "72Mono-Bold", "72Mono-Boldfull", lucida console, monospace;--sapContent_MonospaceFontFamily: "72Mono", "72Monofull", lucida console, monospace;--sapContent_LabelColor: #475E75;--sapContent_ContrastTextShadow: 0 0 .063rem 0 hsla(210.667, 20.93%, -57.843%, .7);--sapContent_TextShadow: 0 0 .125rem 0 hsla(0, 0%, 100%, 1);--sapContent_MarkerTextColor: hsla(187.119, 93.651%, 24.706%, 1);--sapTitleColor: #000000;--sapTextColor: #223548;--sapFontSize: 16px;--sapFontFamily: "72 Brand Variable", "Arial", "Helvetica", "sans-serif";--sapContent_TitleColor: #000000;--sapContent_TextColor: #223548;--sapContent_Illustrative_Color20: hsla(201.031, 100%, 80.98%, 1);--sapContent_Illustrative_Color19: hsla(201.127, 100%, 86.078%, 1);--sapContent_Illustrative_Color18: hsla(200.87, 100%, 90.98%, 1);--sapContent_Illustrative_Color17: hsla(170.182, 100%, 32.353%, 1);--sapContent_Illustrative_Color16: hsla(255.638, 90.385%, 40.784%, 1);--sapContent_Illustrative_Color15: hsla(34.118, 100%, 40%, 1);--sapContent_Illustrative_Color14: hsla(212, 100%, 32.353%, 1);--sapContent_Illustrative_Color13: hsla(212.239, 100%, 39.412%, 1);--sapContent_Illustrative_Color12: hsla(120, 100%, 32.941%, 1);--sapContent_Illustrative_Color11: hsla(301.682, 89.916%, 53.333%, 1);--sapContent_Illustrative_Color10: hsla(201, 100%, 96.078%, 1);--sapContent_Illustrative_Color9: hsla(168.175, 79.191%, 66.078%, 1);--sapContent_Illustrative_Color8: hsla(0, 0%, 100%, 1);--sapContent_Illustrative_Color7: hsla(201, 100%, 96.078%, 1);--sapContent_Illustrative_Color6: hsla(202.5, 10.526%, 85.098%, 1);--sapContent_Illustrative_Color5: hsla(208.571, 13.907%, 70.392%, 1);--sapContent_Illustrative_Color4: hsla(223.784, 100%, 14.51%, 1);--sapContent_Illustrative_Color3: hsla(34.041, 100%, 48.039%, 1);--sapContent_Illustrative_Color2: hsla(212.231, 100%, 47.451%, 1);--sapContent_Illustrative_Color1: hsla(251.642, 100%, 60.588%, 1);--sapContent_Selected_ForegroundColor: #0070F2;--sapContent_Selected_Hover_Background: #FFFFFF;--sapContent_Selected_Background: #FFFFFF;--sapContent_Selected_TextColor: #0040B0;--sapContent_DragAndDropActiveColor: hsla(212.231, 100%, 47.451%, 1);--sapContent_HelpColor: hsla(120, 70.186%, 31.569%, 1);--sapContent_SearchHighlightColor: hsla(166.286, 89.744%, 92.353%, 1);--sapContent_Selected_Shadow: 0 0 .125rem 0 hsla(212.231, 100%, 47.451%, .72);--sapContent_Interaction_Shadow: 0 0 .125rem 0 hsla(210.667, 20.93%, 42.157%, .72);--sapActiveColor: #0040B0;--sapHoverColor: #0070F2;--sapSelectedColor: #0070F2;--sapContent_Selected_FocusColor: #0040B0;--sapContent_BadgeTextColor: hsla(0, 0%, 100%, 1);--sapContent_BadgeBackground: hsla(0, 91.011%, 34.902%, 1);--sapContent_ForegroundBorderColor: #5B738B;--sapContent_ForegroundColor: hsla(0, 0%, 93.9%, 1);--sapContent_IconFontFamily: "SAP-icons";--sapContent_UnratedColor: #5B738B;--sapContent_RatedColor: #E76500;--sapContent_ImagePlaceholderForegroundColor: #0070F2;--sapContent_ImagePlaceholderBackground: #FFFFFF00;--sapContent_MarkerIconColor: #0040B0;--sapContent_NonInteractiveIconColor: #475E75;--sapContent_ContrastIconColor: #FFFFFF;--sapContent_IconColor: #223548;--sapContent_Shadow3: 0px 20px 80px 0px rgba(34, 54, 73, .25);--sapContent_Shadow2: 0px 10px 30px 0px rgba(34, 54, 73, .25);--sapContent_Shadow1: 0px 2px 8px 0px rgba(34, 54, 73, .3);--sapContent_Shadow0: 0px 2px 4px 0px rgba(34, 54, 73, .2);--sapContent_ContrastShadowColor: hsla(0, 0%, 100%, 1);--sapContent_ShadowColor: hsla(210.667, 20.93%, 42.157%, 1);--sapContent_ContrastFocusColor: #FFFFFF;--sapContent_FocusWidth: .125rem;--sapContent_FocusStyle: solid;--sapContent_FocusColor: #002A86;--sapContent_BusyColor: #0057D2;--sapContent_Placeholderloading_Gradient: linear-gradient(to right, hsla(0, 0%, 80%, 1) 0%, hsla(0, 0%, 80%, 1) 20%, hsla(0, 0%, 0, 1) 50%, hsla(0, 0%, 80%, 1) 80%, hsla(0, 0%, 80%, 1) 100%);--sapContent_Placeholderloading_Background: hsla(0, 0%, 80%, 1);--sapBaseColor: #FFFFFF;--sapHighlightColor: #0070F2;--sapBrandColor: #0070F2;--udexColorNeutralBlack: #000000;--udexColorNeutralBlack10: #0000001A;--udexColorNeutralBlack40: #00000066;--udexColorNeutralBlack70: #000000B3;--udexColorNeutralWhite: #FFFFFF;--udexColorBlue1: #EBF8FF;--udexColorBlue2: #D1EFFF;--udexColorBlue3: #A6E0FF;--udexColorBlue4: #89D1FF;--udexColorBlue5: #4DB1FF;--udexColorBlue6: #1B90FF;--udexColorBlue7: #0070F2;--udexColorBlue8: #0057D2;--udexColorBlue9: #0040B0;--udexColorBlue10: #002A86;--udexColorBlue11: #00144A;--udexColorGrey1: #F5F6F7;--udexColorGrey2: #EAECEE;--udexColorGrey3: #D5DADD;--udexColorGrey4: #A9B4BE;--udexColorGrey5: #8396A8;--udexColorGrey6: #5B738B;--udexColorGrey7: #475E75;--udexColorGrey8: #354A5F;--udexColorGrey9: #223548;--udexColorGrey10: #1A2733;--udexColorNeutralWhite0: #FFFFFF00;--udexColorGrey11: #12171C;--udexColorTeal1: #DAFDF5;--udexColorTeal2: #C2FCEE;--udexColorTeal3: #64EDD2;--udexColorTeal4: #2CE0BF;--udexColorTeal5: #00CEAC;--udexColorTeal6: #049F9A;--udexColorTeal7: #07838F;--udexColorTeal8: #046C7A;--udexColorTeal9: #035663;--udexColorTeal10: #02414C;--udexColorTeal11: #012931;--udexColorGreen1: #F5FAE5;--udexColorGreen2: #EBF5CB;--udexColorGreen3: #BDE986;--udexColorGreen4: #97DD40;--udexColorGreen5: #5DC122;--udexColorGreen6: #36A41D;--udexColorGreen7: #188918;--udexColorGreen8: #256F3A;--udexColorGreen9: #1E592F;--udexColorGreen10: #164323;--udexColorGreen11: #0E2B16;--udexColorMango1: #FFF8D6;--udexColorMango2: #FFF3B8;--udexColorMango3: #FFDF72;--udexColorMango4: #FFC933;--udexColorMango5: #FFB300;--udexColorMango6: #E76500;--udexColorMango7: #C35500;--udexColorMango8: #A93E00;--udexColorMango9: #8D2A00;--udexColorMango10: #6D1900;--udexColorMango11: #450B00;--udexColorRed1: #FFEAF4;--udexColorRed2: #FFD5EA;--udexColorRed3: #FFB2D2;--udexColorRed4: #FF8CB2;--udexColorRed5: #FF5C77;--udexColorRed6: #EE3939;--udexColorRed7: #D20A0A;--udexColorRed8: #AA0808;--udexColorRed9: #840606;--udexColorRed10: #5A0404;--udexColorRed11: #350000;--udexColorRaspberry1: #FFF0F5;--udexColorRaspberry2: #FFDCE8;--udexColorRaspberry3: #FECBDA;--udexColorRaspberry4: #FEADC8;--udexColorRaspberry5: #FE83AE;--udexColorRaspberry6: #FA4F96;--udexColorRaspberry7: #DF1278;--udexColorRaspberry8: #BA066C;--udexColorRaspberry9: #9B015D;--udexColorRaspberry10: #71014B;--udexColorRaspberry11: #510136;--udexColorPink1: #FFF0FA;--udexColorPink2: #FFDCF3;--udexColorPink3: #FFAFED;--udexColorPink4: #FF8AF0;--udexColorPink5: #F65AF2;--udexColorPink6: #F31DED;--udexColorPink7: #CC00DC;--udexColorPink8: #A100C2;--udexColorPink9: #7800A4;--udexColorPink10: #510080;--udexColorPink11: #28004A;--udexColorIndigo1: #F1ECFF;--udexColorIndigo2: #E2D8FF;--udexColorIndigo3: #D3B6FF;--udexColorIndigo4: #B894FF;--udexColorIndigo5: #9B76FF;--udexColorIndigo6: #7858FF;--udexColorIndigo7: #5D36FF;--udexColorIndigo8: #470CED;--udexColorIndigo9: #2C13AD;--udexColorIndigo10: #1C0C6E;--udexColorIndigo11: #0E0637;--udexCorePrimaryAction: #0070F2;--udexCoreTextDark: #223548;--udexCoreHeadingDark: #000000;--udexCoreBase: #FFFFFF;--udexCoreNavigation: #223548;--udexCoreHeadingLight: #FFFFFF;--udexCoreTextLight: #FFFFFF;--udexCoreBorderDefault: #5B738B;--udexCoreDividerLight: #D5DADD;--udexCoreFocusDefault: #002A86;--udexCorePlayIconBackground: #FFFFFF66;--udexCorePlayIconIconDefault: #475E75;--udexCorePlayIconIconHover: #000000;--udexCoreDividerDefault: #475E75;--udexCorePointer: #1A2733;--udexCoreSurfaceNeutral: #FFFFFF;--udexCoreSemanticSuccess1: #F5FAE5;--udexCoreSemanticSuccess2: #EBF5CB;--udexCoreSemanticSuccess3: #BDE986;--udexCoreSemanticSuccess4: #97DD40;--udexCoreSemanticSuccess5: #5DC122;--udexCoreSemanticSuccess6: #36A41D;--udexCoreSemanticSuccess7: #188918;--udexCoreSemanticSuccess8: #256F3A;--udexCoreSemanticSuccess9: #1E592F;--udexCoreSemanticSuccess10: #164323;--udexCoreSemanticSuccess11: #0E2B16;--udexCoreSemanticWarning1: #FFF8D6;--udexCoreSizeIconSemantic: 16px;--udexCoreSocialMediaIcon: #1A2733;--udexCoreSurfaceLight: #F5F6F7;--udexCoreSocialMediaBackground: #FFFFFF;--udexCoreSurfaceHigher: #EAECEE;--udexCoreSizeIconInput: 18px;--udexCoreSizeWidgetS: 360px;--udexCoreSizeOpacityDisabled: 40px;--udexCoreSizeIconHeader: 24px;--udexGridXSGutters: 16px;--udexGridXSMargins: 24px;--udexGridXSMinWidth: 360px;--udexGridXSMaxWidth: 639px;--udexGridSGutters: 32px;--udexGridSMargins: 48px;--udexGridSMinWidth: 640px;--udexGridSMaxWidth: 979px;--udexGridMGutters: 48px;--udexGridMMargins: 72px;--udexGridMMinWidth: 980px;--udexGridMMaxWidth: 1279px;--udexGridLGutters: 48px;--udexGridLMargins: 72px;--udexGridLMinWidth: 1280px;--udexGridLMaxWidth: 1599px;--udexGridXLGutters: 48px;--udexGridXLMargins: 84px;--udexGridXLMinWidth: 1600px;--udexGridXLMaxWidth: 1920px;--udexRadiusXXS: 2px;--udexRadiusXS: 4px;--udexRadiusS: 6px;--udexRadiusM: 8px;--udexRadiusL: 12px;--udexRadiusXL: 16px;--udexRadiusXXL: 24px;--udexSpacer2: 2px;--udexSpacer4: 4px;--udexColorNeutralWhite20: #FFFFFF33;--udexSpacer8: 8px;--udexSpacer12: 12px;--udexSpacer16: 16px;--udexSpacer20: 20px;--udexSpacer24: 24px;--udexSpacer32: 32px;--udexSpacer40: 40px;--udexSpacer48: 48px;--udexSpacer56: 56px;--udexSpacer64: 64px;--udexSpacer72: 72px;--udexSpacer84: 84px;--udexSpacer96: 96px;--udexSpacer108: 108px;--udexSpacer120: 120px;--udexTypographyBaseREM: 16px;--udexCoreSemanticWarning2: #FFF3B8;--udexCoreSemanticWarning3: #FFDF72;--udexCoreSemanticWarning4: #FFC933;--udexCoreSemanticWarning5: #FFB300;--udexCoreSemanticWarning6: #E76500;--udexCoreSemanticWarning7: #C35500;--udexCoreSemanticWarning8: #A93E00;--udexCoreSemanticWarning9: #8D2A00;--udexCoreSemanticWarning10: #6D1900;--udexCoreSemanticWarning11: #450B00;--udexCoreSemanticError1: #FFEAF4;--udexCoreSemanticError2: #FFD5EA;--udexCoreSemanticError3: #FFB2D2;--udexCoreSemanticError4: #FF8CB2;--udexCoreSemanticError5: #FF5C77;--udexCoreSemanticError6: #EE3939;--udexCoreSemanticError7: #D20A0A;--udexCoreSemanticError8: #AA0808;--udexCoreSemanticError9: #840606;--udexCoreSemanticError10: #5A0404;--udexCoreSemanticError11: #350000;--udexCoreSemanticInfo1: #EBF8FF;--udexCoreSemanticInfo2: #D1EFFF;--udexCoreSemanticInfo3: #A6E0FF;--udexCoreSemanticInfo4: #89D1FF;--udexCoreSemanticInfo5: #4DB1FF;--udexCoreSemanticInfo6: #1B90FF;--udexCoreSemanticInfo7: #0070F2;--udexCoreSemanticInfo8: #0057D2;--udexCoreSemanticInfo9: #0040B0;--udexCoreSemanticInfo10: #002A86;--udexCoreSemanticInfo11: #00144A;--udexColorNeutralWhite40: #FFFFFF66;--udexCoreSurfaceBrand: #0070F2;--udexCoreSizeBorderXS: 1px;--udexCoreSizeBorderS: 2px;--udexTypographyBodyXXSFontSize: 12px;--udexTypographyBodyXSFontSize: 14px;--udexTypographyBodySFontSize: 16px;--udexTypographyBodyMFontSize: 18px;--udexTypographyBodyLFontSize: 20px;--udexTypographyBodyXLFontSize: 24px;--udexTypographyBodyXXLFontSize: 28px;--udexTypographyDisplayRegularXSFontSize: 56px;--udexTypographyDisplayRegularSFontSize: 64px;--udexTypographyDisplayRegularMFontSize: 72px;--udexTypographyDisplayRegularLFontSize: 84px;--udexTypographyDisplayMediumXSFontSize: 56px;--udexTypographyDisplayMediumSFontSize: 64px;--udexTypographyDisplayMediumMFontSize: 72px;--udexTypographyDisplayMediumLFontSize: 84px;--udexTypographyDisplayBoldXSFontSize: 56px;--udexTypographyDisplayBoldSFontSize: 64px;--udexTypographyDisplayBoldMFontSize: 72px;--udexTypographyDisplayBoldLFontSize: 84px;--udexTypographyEyebrowSFontSize: 12px;--udexTypographyEyebrowMFontSize: 14px;--udexTypographyEyebrowLFontSize: 16px;--udexTypographyHeadingRegularXXXXSFontSize: 16px;--udexTypographyHeadingRegularXXXSFontSize: 18px;--udexTypographyHeadingRegularXXSFontSize: 20px;--udexTypographyHeadingRegularXSFontSize: 24px;--udexTypographyHeadingRegularSFontSize: 28px;--udexTypographyHeadingRegularMFontSize: 32px;--udexTypographyHeadingRegularLFontSize: 36px;--udexTypographyHeadingRegularXLFontSize: 40px;--udexTypographyHeadingRegularXXLFontSize: 44px;--udexTypographyHeadingRegularXXXLFontSize: 48px;--udexTypographyHeadingMediumXXXXSFontSize: 16px;--udexTypographyHeadingMediumXXXSFontSize: 18px;--udexTypographyHeadingMediumXXSFontSize: 20px;--udexTypographyHeadingMediumXSFontSize: 24px;--udexTypographyHeadingMediumSFontSize: 28px;--udexTypographyHeadingMediumMFontSize: 32px;--udexTypographyHeadingMediumLFontSize: 36px;--udexTypographyHeadingMediumXLFontSize: 40px;--udexTypographyHeadingMediumXXLFontSize: 44px;--udexTypographyHeadingMediumXXXLFontSize: 48px;--udexTypographyHeadingBoldXXXXSFontSize: 16px;--udexTypographyHeadingBoldXXXSFontSize: 18px;--udexTypographyHeadingBoldXXSFontSize: 20px;--udexTypographyHeadingBoldXSFontSize: 24px;--udexTypographyHeadingBoldSFontSize: 28px;--udexTypographyHeadingBoldMFontSize: 32px;--udexTypographyHeadingBoldLFontSize: 36px;--udexTypographyHeadingBoldXLFontSize: 40px;--udexTypographyHeadingBoldXXLFontSize: 44px;--udexTypographyHeadingBoldXXXLFontSize: 48px;--udexTypographyNavigationRegularXSFontSize: 12px;--udexTypographyNavigationRegularSFontSize: 13px;--udexTypographyNavigationRegularMFontSize: 14px;--udexTypographyNavigationRegularLFontSize: 15px;--udexTypographyNavigationRegularXLFontSize: 16px;--udexTypographyNavigationMediumXSFontSize: 12px;--udexTypographyNavigationMediumSFontSize: 13px;--udexTypographyNavigationMediumMFontSize: 14px;--udexTypographyNavigationMediumLFontSize: 15px;--udexTypographyNavigationMediumXLFontSize: 16px;--udexTypographyNavigationBoldXSFontSize: 12px;--udexTypographyNavigationBoldSFontSize: 13px;--udexTypographyNavigationBoldMFontSize: 14px;--udexTypographyNavigationBoldLFontSize: 15px;--udexTypographyNavigationBoldXLFontSize: 16px;--udexTypographyBodyLineHeight: 1.5;--udexTypographyHeadingLineHeight: 1.1;--udexTypographyDisplayLineHeight: 1.1;--udexTypographyEyebrowLineHeight: 1.1;--udexTypographyNavigationLineHeight: 1.1;--udexTypographyFontWeightRegular: 400;--udexTypographyFontWeightMedium: 500;--udexTypographyFontWeightBold: 700;--udexGridColumns: 12}