@ui5/webcomponents 1.2.1 → 1.2.4

package/CHANGELOG.md

@@ -3,6 +3,47 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.2.4](https://github.com/SAP/ui5-webcomponents/compare/v1.2.3...v1.2.4) (2022-03-30)
+
+
+### Bug Fixes
+
+* **ui5-card-header:** prevent events from action slot to trigger header's click event ([#4965](https://github.com/SAP/ui5-webcomponents/issues/4965)) ([f87d898](https://github.com/SAP/ui5-webcomponents/commit/f87d898)), closes [#4891](https://github.com/SAP/ui5-webcomponents/issues/4891)
+* **ui5-date-picker:** adjust initial value formatting ([#4967](https://github.com/SAP/ui5-webcomponents/issues/4967)) ([3648b01](https://github.com/SAP/ui5-webcomponents/commit/3648b01)), closes [#4958](https://github.com/SAP/ui5-webcomponents/issues/4958) [#4958](https://github.com/SAP/ui5-webcomponents/issues/4958)
+* **ui5-datetime-picker:** enable secondary calendar type ([#4970](https://github.com/SAP/ui5-webcomponents/issues/4970)) ([6bc84f7](https://github.com/SAP/ui5-webcomponents/commit/6bc84f7)), closes [#4959](https://github.com/SAP/ui5-webcomponents/issues/4959)
+* **ui5-popover:** prevent arrow placement over popover's rounded corners ([#4960](https://github.com/SAP/ui5-webcomponents/issues/4960)) ([66604c3](https://github.com/SAP/ui5-webcomponents/commit/66604c3)), closes [#4599](https://github.com/SAP/ui5-webcomponents/issues/4599) [#4797](https://github.com/SAP/ui5-webcomponents/issues/4797)
+
+
+
+
+
+## [1.2.3](https://github.com/SAP/ui5-webcomponents/compare/v1.2.2...v1.2.3) (2022-03-23)
+
+
+### Bug Fixes
+
+* **ui5-date-picker:** remove aria-expanded attribute ([#4866](https://github.com/SAP/ui5-webcomponents/issues/4866)) ([b62a0e9](https://github.com/SAP/ui5-webcomponents/commit/b62a0e9)), closes [#4865](https://github.com/SAP/ui5-webcomponents/issues/4865)
+
+
+
+
+
+## [1.2.2](https://github.com/SAP/ui5-webcomponents/compare/v1.2.1...v1.2.2) (2022-03-22)
+
+
+### Bug Fixes
+
+* **ui5-li:** correct focus handling ([#4935](https://github.com/SAP/ui5-webcomponents/issues/4935)) ([1fdf415](https://github.com/SAP/ui5-webcomponents/commit/1fdf415))
+
+
+### Features
+
+* **ui5-select:** add aria-roledescription attribute ([#4921](https://github.com/SAP/ui5-webcomponents/issues/4921)) ([e4fa811](https://github.com/SAP/ui5-webcomponents/commit/e4fa811)), closes [#2910](https://github.com/SAP/ui5-webcomponents/issues/2910)
+
+
+
+
+
 ## [1.2.1](https://github.com/SAP/ui5-webcomponents/compare/v1.2.0...v1.2.1) (2022-03-02)
 
 

package/dist/Breadcrumbs.js

@@ -472,7 +472,7 @@ class Breadcrumbs extends UI5Element {
 	}
 
 	get _currentLocationLabel() {
-		return this.shadowRoot.querySelector(".ui5-breadcrumbs-current-location ui5-label");
+		return this.shadowRoot.querySelector(".ui5-breadcrumbs-current-location [ui5-label]");
 	}
 
 	get _isDropdownArrowFocused() {
@@ -499,7 +499,7 @@ class Breadcrumbs extends UI5Element {
 	 * @private
 	 */
 	get _dropdownArrowLink() {
-		return this.shadowRoot.querySelector(".ui5-breadcrumbs-dropdown-arrow-link-wrapper ui5-link");
+		return this.shadowRoot.querySelector(".ui5-breadcrumbs-dropdown-arrow-link-wrapper [ui5-link]");
 	}
 
 	/**
@@ -529,7 +529,7 @@ class Breadcrumbs extends UI5Element {
 	 * Getter for the list of links corresponding to the abstract breadcrumb items
 	 */
 	get _links() {
-		return Array.from(this.shadowRoot.querySelectorAll(".ui5-breadcrumbs-link-wrapper ui5-link"));
+		return Array.from(this.shadowRoot.querySelectorAll(".ui5-breadcrumbs-link-wrapper [ui5-link]"));
 	}
 
 	get _isOverflowEmpty() {

package/dist/CardHeader.js

@@ -241,15 +241,16 @@ class CardHeader extends UI5Element {
 	}
 
 	_headerClick(event) {
-		event.stopImmediatePropagation(); // prevents the native browser "click" event from firing
+		// prevents the native browser "click" event from firing
+		event.stopImmediatePropagation();
 
-		if (this.interactive) {
+		if (this.interactive && event.target === event.currentTarget) {
 			this.fireEvent("click");
 		}
 	}
 
 	_headerKeydown(event) {
-		if (!this.interactive) {
+		if (!this.interactive || event.target !== event.currentTarget) {
 			return;
 		}
 
@@ -269,7 +270,7 @@ class CardHeader extends UI5Element {
 	}
 
 	_headerKeyup(event) {
-		if (!this.interactive) {
+		if (!this.interactive || event.target !== event.currentTarget) {
 			return;
 		}
 

package/dist/DatePicker.js

@@ -415,7 +415,7 @@ class DatePicker extends DateComponentBase {
 			console.warn(`In order for the "name" property to have effect, you should also: import "@ui5/webcomponents/dist/features/InputElementsFormSupport.js";`); // eslint-disable-line
 		}
 
-		this.value = this.normalizeValue(this.value);
+		this.value = this.normalizeValue(this.value) || this.value;
 		this.liveValue = this.value;
 	}
 
@@ -677,7 +677,6 @@ class DatePicker extends DateComponentBase {
 			"ariaHasPopup": HasPopup.Grid,
 			"ariaAutoComplete": "none",
 			"ariaControls": `${this._id}-responsive-popover`,
-			"ariaExpanded": this.isOpen(),
 			"ariaRequired": this.required,
 			"ariaLabel": getEffectiveAriaLabelText(this),
 		};

package/dist/ListItemBase.js

@@ -89,7 +89,7 @@ class ListItemBase extends UI5Element {
 	}
 
 	_onfocusin(event) {
-		if (event.isMarked === "button" || event.isMarked === "link") {
+		if (event.target !== this.getFocusDomRef()) {
 			return;
 		}
 

package/dist/Popover.js

@@ -15,7 +15,7 @@ import browserScrollbarCSS from "./generated/themes/BrowserScrollbar.css.js";
 import PopupsCommonCss from "./generated/themes/PopupsCommon.css.js";
 import PopoverCss from "./generated/themes/Popover.css.js";
 
-const arrowSize = 8;
+const ARROW_SIZE = 8;
 
 /**
  * @public
@@ -303,10 +303,6 @@ class Popover extends Popup {
 		return 10; // px
 	}
 
-	static get ARROW_MARGIN() {
-		return 6; // px
-	}
-
 	onAfterRendering() {
 		if (!this.isOpen() && this.open) {
 			const opener = document.getElementById(this.opener);
@@ -456,12 +452,8 @@ class Popover extends Popup {
 			top = Math.max(top, this._top);
 		}
 
-		const isVertical = this.actualPlacementType === PopoverPlacementType.Top || this.actualPlacementType === PopoverPlacementType.Bottom;
-		const borderRadius = Number.parseInt(window.getComputedStyle(this).getPropertyValue("border-radius"));
-		const arrow = this._clampArrowPlacement(placement.arrow, isVertical, this._top, this._left, popoverSize, borderRadius);
-
-		this.arrowTranslateX = arrow.x;
-		this.arrowTranslateY = arrow.y;
+		this.arrowTranslateX = placement.arrow.x;
+		this.arrowTranslateY = placement.arrow.y;
 
 		top = this._adjustForIOSKeyboard(top);
 
@@ -476,59 +468,6 @@ class Popover extends Popup {
 		}
 	}
 
-	/**
-	 * Restricts the arrow's coordinates within the bounds of the popover.
-	 * @private
-	 * @param {{x: number, y: number}} arrow arrow's coordinates
-	 * @param {boolean} isVertical if the popover is placed vertically relative to the opener
-	 * @param {number} top popover's top
-	 * @param {number} left popover's left
-	 * @param {{width: number, height: number}} popoverSize popover's width and height
-	 * @param {number} borderRadius value of the border-radius property
-	 * @returns {{x: number, y: number}} Arrow's coordinates
-	 */
-	_clampArrowPlacement({ x, y }, isVertical, top, left, { width, height }, borderRadius) {
-		const maxY = this._getArrowRange(height, borderRadius);
-		const maxX = this._getArrowRange(width, borderRadius);
-
-		if (isVertical) {
-			const popoverOnLeftBorderOffset = Popover.VIEWPORT_MARGIN - left;
-			const popoverOnRightBorderOffset = left + width + Popover.VIEWPORT_MARGIN - document.documentElement.clientWidth;
-
-			if (popoverOnLeftBorderOffset > 0) {
-				x = Math.max(x - popoverOnLeftBorderOffset, -maxX);
-			} else if (popoverOnRightBorderOffset > 0) {
-				x = Math.min(x + popoverOnRightBorderOffset, maxX);
-			}
-		}
-
-		if (!isVertical) {
-			const popoverOnTopBorderOffset = Popover.VIEWPORT_MARGIN - top;
-			const popoverOnBottomBorderOffset = top + height + Popover.VIEWPORT_MARGIN - document.documentElement.clientHeight;
-			if (popoverOnTopBorderOffset > 0) {
-				y = Math.max(y - popoverOnTopBorderOffset, -maxY);
-			} else if (popoverOnBottomBorderOffset > 0) {
-				y = Math.min(y + popoverOnBottomBorderOffset, maxY);
-			}
-		}
-
-		return {
-			x: Math.round(x),
-			y: Math.round(y),
-		};
-	}
-
-	/**
-	 * Returns the allowed range for the popover arrow based on its dimension.
-	 * @private
-	 * @param {number} dimension the height or width of the popover
-	 * @param {number} borderRadius border radius of the popover
-	 * @returns {number}
-	 */
-	_getArrowRange(dimension, borderRadius) {
-		return Math.floor((dimension / 2) - (borderRadius + Popover.ARROW_MARGIN));
-	}
-
 	/**
 	 * Adjust the desired top position to compensate for shift of the screen
 	 * caused by opened keyboard on iOS which affects all elements with position:fixed.
@@ -598,7 +537,7 @@ class Popover extends Popup {
 			popoverSize.height = targetRect.height;
 		}
 
-		const arrowOffset = this.hideArrow ? 0 : arrowSize;
+		const arrowOffset = this.hideArrow ? 0 : ARROW_SIZE;
 
 		// calc popover positions
 		switch (placementType) {
@@ -666,7 +605,8 @@ class Popover extends Popup {
 			this._top = Math.round(top);
 		}
 
-		const arrowPos = this.getArrowPosition(targetRect, popoverSize, left, top, isVertical);
+		const borderRadius = Number.parseInt(window.getComputedStyle(this).getPropertyValue("border-radius"));
+		const arrowPos = this.getArrowPosition(targetRect, popoverSize, left, top, isVertical, borderRadius);
 
 		return {
 			arrow: arrowPos,
@@ -680,33 +620,50 @@ class Popover extends Popup {
 	 * Calculates the position for the arrow.
 	 * @private
 	 * @param targetRect BoundingClientRect of the target element
-	 * @param popoverSize Width and height of the popover
+	 * @param {{width: number, height: number}} popoverSize Width and height of the popover
 	 * @param left Left offset of the popover
 	 * @param top Top offset of the popover
-	 * @param isVertical if the popover is positioned vertically to the target element
+	 * @param isVertical If the popover is positioned vertically to the target element
+	 * @param {number} borderRadius Value of the border-radius property
 	 * @returns {{x: number, y: number}} Arrow's coordinates
 	 */
-	getArrowPosition(targetRect, popoverSize, left, top, isVertical) {
+	getArrowPosition(targetRect, { width, height }, left, top, isVertical, borderRadius) {
 		let arrowXCentered = this.horizontalAlign === PopoverHorizontalAlign.Center || this.horizontalAlign === PopoverHorizontalAlign.Stretch;
 
 		if (this.horizontalAlign === PopoverHorizontalAlign.Right && left <= targetRect.left) {
 			arrowXCentered = true;
 		}
 
-		if (this.horizontalAlign === PopoverHorizontalAlign.Left && left + popoverSize.width >= targetRect.left + targetRect.width) {
+		if (this.horizontalAlign === PopoverHorizontalAlign.Left && left + width >= targetRect.left + targetRect.width) {
 			arrowXCentered = true;
 		}
 
 		let arrowTranslateX = 0;
 		if (isVertical && arrowXCentered) {
-			arrowTranslateX = targetRect.left + targetRect.width / 2 - left - popoverSize.width / 2;
+			arrowTranslateX = targetRect.left + targetRect.width / 2 - left - width / 2;
 		}
 
 		let arrowTranslateY = 0;
 		if (!isVertical) {
-			arrowTranslateY = targetRect.top + targetRect.height / 2 - top - popoverSize.height / 2;
+			arrowTranslateY = targetRect.top + targetRect.height / 2 - top - height / 2;
 		}
 
+		// Restricts the arrow's translate value along each dimension,
+		// so that the arrow does not clip over the popover's rounded borders.
+		const safeRangeForArrowY = height / 2 - borderRadius - ARROW_SIZE / 2;
+		arrowTranslateY = clamp(
+			arrowTranslateY,
+			-safeRangeForArrowY,
+			safeRangeForArrowY,
+		);
+
+		const safeRangeForArrowX = width / 2 - borderRadius - ARROW_SIZE / 2;
+		arrowTranslateX = clamp(
+			arrowTranslateX,
+			-safeRangeForArrowX,
+			safeRangeForArrowX,
+		);
+
 		return {
 			x: Math.round(arrowTranslateX),
 			y: Math.round(arrowTranslateY),

package/dist/Select.js

@@ -32,6 +32,7 @@ import {
 	VALUE_STATE_WARNING,
 	INPUT_SUGGESTIONS_TITLE,
 	LIST_ITEM_POSITION,
+	SELECT_ROLE_DESCRIPTION,
 } from "./generated/i18n/i18n-defaults.js";
 import Option from "./Option.js";
 import Label from "./Label.js";
@@ -768,6 +769,10 @@ class Select extends UI5Element {
 			&& !this._isPickerOpen && !this._isPhone;
 	}
 
+	get _ariaRoleDescription() {
+		return Select.i18nBundle.getText(SELECT_ROLE_DESCRIPTION);
+	}
+
 	get _isPhone() {
 		return isPhone();
 	}

package/dist/TimePicker.js

@@ -150,9 +150,7 @@ class TimePicker extends TimePickerBase {
 			"ariaRoledescription": this.dateAriaDescription,
 			"ariaHasPopup": "dialog",
 			"ariaAutoComplete": "none",
-			"role": "combobox",
 			"ariaControls": `${this._id}-responsive-popover`,
-			"ariaExpanded": this.isOpen(),
 		};
 	}
 

package/dist/TimeSelection.js

@@ -7,6 +7,7 @@ import getLocale from "@ui5/webcomponents-base/dist/locale/getLocale.js";
 import DateFormat from "@ui5/webcomponents-localization/dist/DateFormat.js";
 import getCachedLocaleDataInstance from "@ui5/webcomponents-localization/dist/getCachedLocaleDataInstance.js";
 import "@ui5/webcomponents-localization/dist/features/calendar/Gregorian.js"; // default calendar for bundling
+import CalendarType from "@ui5/webcomponents-base/dist/types/CalendarType.js";
 import { fetchCldr } from "@ui5/webcomponents-base/dist/asset-registries/LocaleData.js";
 import {
 	isLeft,
@@ -136,6 +137,10 @@ const metadata = {
 			type: String,
 			defaultValue: "hours",
 		},
+
+		_calendarType: {
+			type: CalendarType,
+		},
 	},
 	events: /** @lends sap.ui.webcomponents.main.TimeSelection.prototype */ {
 		/**
@@ -435,10 +440,12 @@ class TimeSelection extends UI5Element {
 		let dateFormat;
 		if (this._isPattern) {
 			dateFormat = DateFormat.getInstance({
+				calendarType: this._calendarType,
 				pattern: this._formatPattern,
 			});
 		} else {
 			dateFormat = DateFormat.getInstance({
+				calendarType: this._calendarType,
 				style: this._formatPattern,
 			});
 		}

package/dist/css/themes/Calendar.css

@@ -1 +1 @@
-:host(:not([hidden])){display:inline-block}.ui5-cal-root{background:var(--sapList_Background);box-sizing:border-box;height:var(--_ui5_calendar_height);width:var(--_ui5_calendar_width);padding:var(--_ui5_calendar_top_bottom_padding) var(--_ui5_calendar_left_right_padding) 0;display:flex;flex-direction:column-reverse;justify-content:flex-end}.ui5-cal-root [ui5-calendar-header]{height:var(--_ui5_calendar_header_height);font-family:var(--_ui5_button_fontFamily)}.ui5-cal-root .ui5-cal-content{padding:0 var(--_ui5_calendar_left_right_padding) var(--_ui5_calendar_top_bottom_padding)}
+:host(:not([hidden])){display:inline-block}.ui5-cal-root{background:var(--sapList_Background);box-sizing:border-box;height:var(--_ui5_calendar_height);width:var(--_ui5_calendar_width);margin:var(--_ui5_calendar_top_bottom_padding) var(--_ui5_calendar_left_right_padding) 0;display:flex;flex-direction:column-reverse;justify-content:flex-end}.ui5-cal-root [ui5-calendar-header]{height:var(--_ui5_calendar_header_height);font-family:var(--_ui5_button_fontFamily)}.ui5-cal-root .ui5-cal-content{padding:0 var(--_ui5_calendar_left_right_padding) var(--_ui5_calendar_top_bottom_padding)}

package/dist/css/themes/sap_horizon_dark/parameters-bundle.css

@@ -0,0 +1 @@
+:root{--_ui5_calendar_height:24.5rem;--_ui5_calendar_width:20.5rem;--_ui5_calendar_padding:1rem;--_ui5_calendar_left_right_padding:0.5rem;--_ui5_calendar_top_bottom_padding:1rem;--_ui5_calendar_header_height:3rem;--_ui5_calendar_header_arrow_button_width:2.5rem;--_ui5_calendar_header_padding:0.25rem 0;--_ui5_checkbox_root_side_padding:.6875rem;--_ui5_checkbox_icon_size:1rem;--_ui5_checkbox_partially_icon_size:.75rem;--_ui5_custom_list_item_rb_min_width:2.75rem;--_ui5_day_picker_item_width:2.25rem;--_ui5_day_picker_item_height:2.875rem;--_ui5_day_picker_empty_height:3rem;--_ui5_day_picker_item_justify_content:space-between;--_ui5_color-palette-item-height:1.75rem;--_ui5_color-palette-item-hover-height:2.375rem;--_ui5_color-palette-item-margin:calc(var(--_ui5_color-palette-item-hover-height)/2 - var(--_ui5_color-palette-item-height)/2);--_ui5_color-palette-row-width:12rem;--_ui5_datetime_picker_width:40.0625rem;--_ui5_datetime_picker_height:25rem;--_ui5_datetime_timeview_phonemode_width:19.5rem;--_ui5_datetime_timeview_padding:1rem;--_ui5_dialog_content_min_height:2.75rem;--_ui5_input_inner_padding:0 0.625rem;--_ui5_input_inner_padding_with_icon:0 0.25rem 0 0.625rem;--_ui5_input_value_state_icon_padding:var(--_ui5-input-icon-padding);--_ui5_list_no_data_height:3rem;--_ui5_list_item_cb_margin_right:0;--_ui5_list_item_title_size:var(--sapFontLargeSize);--_ui5_list_item_img_size:3rem;--_ui5_list_item_img_margin:0.5rem 0.75rem 0.5rem 0rem;--_ui5_list_item_dropdown_base_height:2.5rem;--_ui5_list_item_base_height:2.75rem;--_ui5_list_item_icon_size:1.125rem;--_ui5_group_header_list_item_height:2.75rem;--_ui5_list_busy_row_height:3rem;--_ui5_month_picker_item_height:3rem;--_ui5_popup_default_header_height:2.75rem;--_ui5_year_picker_item_height:3rem;--_ui5_tokenizer_root_padding:0.1875rem;--_ui5_token_height:1.625rem;--_ui5_token_icon_padding:0.25rem 0.5rem;--_ui5_token_wrapper_right_padding:0.3125rem;--_ui5_tl_bubble_padding:1rem;--_ui5_tl_indicator_before_bottom:-1.625rem;--_ui5_tl_padding:1rem 1rem 1rem .5rem;--_ui5_tl_li_margin_bottom:1.625rem;--_ui5_switch_focus_width_size_horizon_exp:calc(100% + 4px);--_ui5_switch_focus_height_size_horizon_exp:calc(100% + 4px);--_ui5_switch_text_on_left:calc(-100% + 1.9125rem);--_ui5_switch_slide_transform:translateX(100%) translateX(-1.875rem);--_ui5_switch_rtl_transform:translateX(1.875rem) translateX(-100%);--_ui5_switch_text_right:calc(-100% + 1.9125rem);--_ui5_tc_item_text:3rem;--_ui5_tc_item_height:4.75rem;--_ui5_tc_item_text_only_height:2.75rem;--_ui5_tc_item_text_only_with_additional_text_height:3.75rem;--_ui5_tc_item_text_line_height:normal;--_ui5_tc_item_icon_circle_size:2.75rem;--_ui5_tc_item_icon_size:1.25rem;--_ui5_tc_item_add_text_margin_top:0.375rem;--_ui5_textarea_padding:0.5625rem 0.6875rem;--_ui5_radio_button_height:2.75rem;--_ui5_radio_button_label_side_padding:.875rem;--_ui5_radio_button_inner_size:2.75rem;--_ui5_radio_button_svg_size:1.375rem;--_ui5_radio_button_label_width:calc(100% - 2.75rem);--_ui5_radio_button_rtl_focus_right:0.5rem;--_ui5-responsive_popover_header_height:2.75rem;--ui5_side_navigation_item_height:2.75rem;--_ui5_load_more_text_height:2.75rem;--_ui5_load_more_text_font_size:var(--sapFontMediumSize);--_ui5_load_more_desc_padding:0.375rem 2rem 0.875rem 2rem;--_ui5-tree-indent-step:1.5rem;--_ui5-tree-toggle-box-width:2.75rem;--_ui5-tree-toggle-box-height:2.25rem;--_ui5-tree-toggle-icon-size:1.0625rem;--_ui5_timeline_tli_indicator_before_bottom:-1.625rem;--_ui5_timeline_tli_indicator_before_right:-1.625rem;--_ui5_timeline_tli_indicator_before_without_icon_bottom:-1.875rem;--_ui5_timeline_tli_indicator_before_without_icon_right:-1.9375rem;--ui5-avatar-initials-color:var(--sapContent_ImagePlaceholderForegroundColor);--ui5-avatar-initials-border:none;--_ui5_avatar_outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);--_ui5_avatar_focus_offset:1px;--_ui5_avatar_focus_width:1px;--_ui5_avatar_focus_color:var(--sapContent_FocusColor);--_ui5_avatar_fontsize_XS:1rem;--_ui5_avatar_fontsize_S:1.125rem;--_ui5_avatar_fontsize_M:1.5rem;--_ui5_avatar_fontsize_L:2.25rem;--_ui5_avatar_fontsize_XL:3rem;--ui5-avatar-accent1:#fff3b8;--ui5-avatar-accent2:#ffd0e7;--ui5-avatar-accent3:#fff0fa;--ui5-avatar-accent4:#ffdcf3;--ui5-avatar-accent5:#ded3ff;--ui5-avatar-accent6:#d1efff;--ui5-avatar-accent7:#c2fcee;--ui5-avatar-accent8:#ebf5cb;--ui5-avatar-accent9:#dafdf5;--ui5-avatar-accent10:#eaecee;--ui5-avatar-placeholder:#eaecee;--ui5-avatar-accent1-color:#c26e00;--ui5-avatar-accent2-color:#aa0808;--ui5-avatar-accent3-color:#9d00a9;--ui5-avatar-accent4-color:#a100c2;--ui5-avatar-accent5-color:#552cff;--ui5-avatar-accent6-color:#0057d2;--ui5-avatar-accent7-color:#046c7a;--ui5-avatar-accent8-color:#256f3a;--ui5-avatar-accent9-color:#077a85;--ui5-avatar-accent10-color:#556b82;--ui5-avatar-placeholder-color:var(--sapTile_IconColor);--ui5-badge-font-size:0.75em;--_ui5-badge-height:1rem;--_ui5-badge-border:0.0625em solid;--_ui5-badge-left-border:1px solid;--_ui5-badge-border-radius:0.5em;--_ui5-badge-font-weight:bold;--_ui5-badge-text-transform:uppercase;--_ui5-badge-cursor:default;--_ui5_badge_pointer_events:none;--ui5-badge-color-scheme-1-background:var(--sapLegendBackgroundColor1);--ui5-badge-color-scheme-1-hover-background:var(--ui5-badge-color-scheme-1-background);--ui5-badge-color-scheme-1-border:var(--sapAccentColor1);--ui5-badge-color-scheme-1-color:var(--sapTextColor);--ui5-badge-color-scheme-2-background:var(--sapLegendBackgroundColor2);--ui5-badge-color-scheme-2-hover-background:var(--ui5-badge-color-scheme-2-background);--ui5-badge-color-scheme-2-border:var(--sapAccentColor2);--ui5-badge-color-scheme-2-color:var(--sapTextColor);--ui5-badge-color-scheme-3-background:var(--sapLegendBackgroundColor3);--ui5-badge-color-scheme-3-hover-background:var(--ui5-badge-color-scheme-3-background);--ui5-badge-color-scheme-3-border:var(--sapAccentColor3);--ui5-badge-color-scheme-3-color:var(--sapTextColor);--ui5-badge-color-scheme-4-background:var(--sapLegendBackgroundColor5);--ui5-badge-color-scheme-4-hover-background:var(--ui5-badge-color-scheme-4-background);--ui5-badge-color-scheme-4-border:var(--sapAccentColor4);--ui5-badge-color-scheme-4-color:var(--sapTextColor);--ui5-badge-color-scheme-5-background:var(--sapLegendBackgroundColor20);--ui5-badge-color-scheme-5-hover-background:var(--ui5-badge-color-scheme-5-background);--ui5-badge-color-scheme-5-border:var(--sapAccentColor5);--ui5-badge-color-scheme-5-color:var(--sapTextColor);--ui5-badge-color-scheme-6-background:var(--sapLegendBackgroundColor6);--ui5-badge-color-scheme-6-hover-background:var(--ui5-badge-color-scheme-6-background);--ui5-badge-color-scheme-6-border:var(--sapAccentColor6);--ui5-badge-color-scheme-6-color:var(--sapTextColor);--ui5-badge-color-scheme-7-background:var(--sapLegendBackgroundColor7);--ui5-badge-color-scheme-7-hover-background:var(--ui5-badge-color-scheme-7-background);--ui5-badge-color-scheme-7-border:var(--sapAccentColor7);--ui5-badge-color-scheme-7-color:var(--sapTextColor);--ui5-badge-color-scheme-8-background:var(--sapLegendBackgroundColor18);--ui5-badge-color-scheme-8-hover-background:var(--ui5-badge-color-scheme-8-background);--ui5-badge-color-scheme-8-border:var(--sapLegendColor18);--ui5-badge-color-scheme-8-color:var(--sapTextColor);--ui5-badge-color-scheme-9-background:var(--sapLegendBackgroundColor10);--ui5-badge-color-scheme-9-hover-background:var(--ui5-badge-color-scheme-9-background);--ui5-badge-color-scheme-9-border:var(--sapAccentColor10);--ui5-badge-color-scheme-9-color:var(--sapTextColor);--ui5-badge-color-scheme-10-background:var(--sapLegendBackgroundColor9);--ui5-badge-color-scheme-10-hover-background:var(--ui5-badge-color-scheme-10-background);--ui5-badge-color-scheme-10-border:var(--sapAccentColor9);--ui5-badge-color-scheme-10-color:var(--sapTextColor);--browser_scrollbar_border_radius:var(--sapElement_BorderCornerRadius);--browser_scrollbar_border:none;--_ui5_busy_indicator_color:var(--sapBrandColor);--_ui5_busy_indicator_focus_border_radius:0.75rem;--_ui5_busy_indicator_focus_outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);--_ui5_button_base_min_compact_width:2rem;--_ui5_button_compact_height:1.625rem;--_ui5_button_border_radius:var(--sapButton_BorderCornerRadius);--_ui5_button_compact_padding:0.4375rem;--_ui5_button_focus_offset:1px;--_ui5_button_focus_width:1px;--_ui5_button_focus_color:var(--sapContent_FocusColor);--_ui5_button_positive_border_focus_hover_color:var(--sapContent_FocusColor);--_ui5_button_positive_focus_border_color:var(--sapButton_Accept_BorderColor);--_ui5_button_negative_focus_border_color:var(--sapButton_Reject_BorderColor);--_ui5_button_attention_focus_border_color:var(--sapButton_Negative_BorderColor);--_ui5_button_emphasized_focused_border_color:var(--sapButton_Emphasized_BorderColor);--_ui5_button_base_min_width:2.25rem;--_ui5_button_base_height:2.25rem;--_ui5_button_base_padding:0.5625rem;--_ui5_button_base_icon_only_padding:0.5625rem;--_ui5_button_base_icon_margin:0.375rem;--_ui5_button_icon_font_size:1rem;--_ui5_button_emphasized_font_weight:bold;--_ui5_button_text_shadow:none;--_ui5_button_outline:0.125rem solid #0070f2;--_ui5_button_outline_offset:-0.125rem;--_ui5_button_emphasized_focused_border:0.125rem solid var(--sapContent_ContrastFocusColor);--_ui5_button_fontFamily:"72override",var(--sapFontBoldFamily);--_ui5_button_emphasized_focused_border_radius:0.375rem;--_ui5_button_emphasized_outline:var(--_ui5_button_outline);--_ui5_button_focus_outline_focus_color:var(--sapContent_FocusColor);--_ui5_button_transparent_hover:var(--sapButton_Hover_Background);--_ui5_card_box_shadow:var(--sapContent_Shadow0);--_ui5_card_border_color:var(--sapTile_BorderColor);--_ui5_card_border-radius:var(--sapElement_BorderCornerRadius);--_ui5_card_content_padding:1rem;--_ui5_card_header_active_bg:var(--_ui5_card_header_hover_bg);--_ui5_card_header_border_color:var(--sapTile_SeparatorColor);--_ui5_card_header_focus_border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);--_ui5_card_header_focus_bottom_radius:0px;--_ui5_card_header_title_font_weight:normal;--_ui5_card_hover_box_shadow:var(--sapContent_Shadow1);--_ui5_card_header_focus_offset:0px;--_ui5_card_header_focus_radius:var(--_ui5_card_border-radius);--_ui5_card_header_title_font_family:var(--sapFontHeaderFamily);--_ui5_card_header_title_font_size:var(--sapFontHeader6Size);--_ui5_card_header_hover_bg:var(--sapTile_Background);--ui5_carousel_button_size:2.5rem;--ui5_carousel_height:0.25rem;--ui5_carousel_width:0.25rem;--ui5_carousel_margin:0 0.375rem;--ui5_carousel_border:1px solid var(--sapContent_ForegroundBorderColor);--ui5_carousel_dot_border:none;--ui5_carousel_dot_background:var(--sapContent_NonInteractiveIconColor);--_ui5_checkbox_box_shadow:none;--_ui5_checkbox_transition:unset;--_ui5_checkbox_focus_border:none;--_ui5_checkbox_border_radius:0;--_ui5_checkbox_checkmark_color:var(--sapSelectedColor);--_ui5_checkbox_focus_outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);--_ui5_checkbox_outer_hover_background:transparent;--_ui5_checkbox_inner_width_height:1.375rem;--_ui5_checkbox_inner_disabled_border_color:var(--sapField_BorderColor);--_ui5_checkbox_inner_error_border:0.125rem solid var(--sapField_InvalidColor);--_ui5_checkbox_inner_warning_border:0.125rem solid var(--sapField_WarningColor);--_ui5_checkbox_inner_information_border:0.125rem solid var(--sapField_InformationColor);--_ui5_checkbox_inner_success_border:var(--sapField_BorderWidth) solid var(--sapField_SuccessColor);--_ui5_checkbox_inner_background:var(--sapField_Background);--_ui5_checkbox_wrapped_focus_left_top_bottom_position:.5625rem;--_ui5_checkbox_compact_wrapper_padding:.5rem;--_ui5_checkbox_compact_width_height:2rem;--_ui5_checkbox_compact_inner_size:1rem;--_ui5_checkbox_compact_focus_position:.375rem;--_ui5_checkbox_label_offset_left:var(--_ui5_checkbox_wrapper_padding);--_ui5_checkbox_disabled_label_color:var(--sapContent_LabelColor);--_ui5_checkbox_default_focus_border:none;--_ui5_checkbox_focus_outline_display:block;--_ui5_checkbox_wrapper_padding:.6875rem;--_ui5_checkbox_width_height:2.75rem;--_ui5_checkbox_wrapped_content_margin_top:0;--_ui5_checkbox_wrapped_focus_padding:.5rem;--_ui5_checkbox_inner_border:solid .0625rem var(--sapField_BorderColor);--_ui5_checkbox_compact_wrapped_label_margin_top:-0.125rem;--_ui5_checkbox_inner_readonly_border:1px dotted var(--sapField_ReadOnly_BorderColor);--_ui5_checkbox_inner_border_radius:var(--sapField_BorderCornerRadius);--_ui5_checkbox_label_color:var(--sapField_TextColor);--_ui5_checkbox_label_offset_right:0.3125rem;--_ui5_checkbox_focus_position:0.3125rem;--_ui5_checkbox_focus_border_radius:var(--sapField_BorderCornerRadius);--_ui5_checkbox_checkmark_warning_color:var(--sapCriticalTextColor);--_ui5_checkbox_inner_warning_background_hover:var(--sapField_Hover_Background);--_ui5_checkbox_inner_error_background_hover:var(--sapField_Hover_Background);--_ui5_checkbox_inner_success_background_hover:var(--sapField_Hover_Background);--_ui5_checkbox_inner_information_background_hover:var(--sapField_Hover_Background);--_ui5_checkbox_hover_background:var(--sapField_Hover_Background);--_ui5_checkbox_active_background:var(--sapField_Hover_Background);--_ui5_checkbox_inner_hover_border_color:var(--sapField_BorderColor);--_ui5_checkbox_inner_hover_checked_border_color:var(--sapField_BorderColor);--_ui5_checkbox_inner_active_border_color:var(--sapField_BorderColor);--_ui5_checkbox_inner_selected_border_color:var(--sapField_BorderColor);--_ui5_checkbox_inner_information_box_shadow:var(--sapContent_Informative_Shadow);--_ui5_checkbox_inner_warning_box_shadow:var(--sapContent_Critical_Shadow);--_ui5_checkbox_inner_error_box_shadow:var(--sapContent_Negative_Shadow);--_ui5_checkbox_inner_success_box_shadow:var(--sapContent_Positive_Shadow);--_ui5_checkbox_inner_default_box_shadow:var(--sapContent_Interaction_Shadow);--_ui5_color-palette-item-container-sides-padding:0.3125rem;--_ui5_color-palette-item-container-rows-padding:0.6875rem;--_ui5_color-palette-item-focus-height:1.5rem;--_ui5_color-palette-item-container-padding:var(--_ui5_color-palette-item-container-sides-padding) var(--_ui5_color-palette-item-container-rows-padding);--_ui5_color-palette-item-hover-margin:0;--_ui5_color-palette-row-height:9.5rem;--_ui5_color-palette-button-height:3rem;--_ui5_color-palette-item-before-focus-color:0.125rem solid var(--sapContent_FocusColor);--_ui5_color-palette-item-before-focus-offset:0;--_ui5_color-palette-item-after-focus-color:0.125rem solid var(--sapContent_ContrastFocusColor);--_ui5_color-palette-item-after-focus-offset:0.125rem;--_ui5_color-palette-item-border-radius:0.0625rem;--_ui5_color_picker_slider_handle_box_shadow:0.125rem solid var(--sapField_BorderColor);--_ui5_color_picker_slider_handle_border:0.125rem solid var(--sapField_BorderColor);--_ui5_color_picker_slider_handle_outline_hover:0.125rem solid var(--sapContent_FocusColor);--_ui5_color_picker_slider_handle_outline_focus:0.125rem solid var(--sapContent_FocusColor);--_ui5_color_picker_slider_handle_margin_top:0;--_ui5_color_picker_slider_handle_focus_margin_top:-1px;--_ui5_datepicker_icon_border:none;--_ui5-datepicker-hover-background:var(--sapField_Hover_Background);--_ui5-datepicker_border_radius:0.25rem;--_ui5-datepicker_icon_border_radius:0.125rem;--_ui5_daypicker_item_box_shadow:inset 0 0 0 0.0625rem var(--sapContent_Selected_ForegroundColor);--_ui5_daypicker_item_margin:2px;--_ui5_daypicker_item_border:none;--_ui5_daypicker_item_selected_border_color:var(--sapList_Background);--_ui5_daypicker_daynames_container_height:2rem;--_ui5_daypicker_weeknumbers_container_padding_top:2rem;--_ui5_daypicker_item_othermonth_background_color:var(--sapList_Background);--_ui5_daypicker_item_othermonth_color:var(--sapContent_LabelColor);--_ui5_daypicker_item_othermonth_hover_color:var(--sapContent_LabelColor);--_ui5_daypicker_dayname_color:var(--sapTextColor);--_ui5_daypicker_weekname_color:var(--sapTextColor);--_ui5_daypicker_item_outline_width:1px;--_ui5_daypicker_item_now_selected_outline_offset:2px;--_ui5_daypicker_item_now_inner_border_radius:0.125rem;--_ui5_daypicker_item_border_radius:0.5rem;--_ui5_daypicker_item_selected_background:transparent;--_ui5_daypicker_item_selected_box_shadow:inset 0 0 0 0.125rem var(--sapContent_Selected_ForegroundColor);--_ui5_daypicker_item_selected_daytext_hover_background:transparent;--_ui5_daypicker_item_outline_focus_after:0.125rem solid var(--sapContent_Selected_ForegroundColor);--_ui5_daypicker_item_border_radius_focus_after:0.5rem;--_ui5_daypicker_item_border_focus_after:none;--_ui5_daypicker_item_width_focus_after:100%;--_ui5_daypicker_item_height_focus_after:100%;--_ui5_daypicker_item_now_border:none;--_ui5_daypicker_item_now_outline:0.125rem solid var(--sapLegend_CurrentDateTime);--_ui5_daypicker_item_now_outline_offset:-0.125rem;--_ui5_daypicker_item_now_selected_focus_after_width:calc(100% - 0.25rem);--_ui5_daypicker_item_now_selected_focus_after_height:calc(100% - 0.25rem);--_ui5_daypicker_item_now_focus_after_width:100%;--_ui5_daypicker_item_now_focus_after_height:100%;--_ui5_daypicker_item_now_outline_offset_focus_after:0;--_ui5_daypicker_item_outline_offset:0;--_ui5_daypicker_item_selected_between_border:0.5rem;--_ui5_daypicker_item_selected_between_background:var(--sapList_SelectionBackgroundColor);--_ui5_daypicker_item_selected_between_text_background:transparent;--_ui5_daypicker_item_selected_between_text_font:bold;--_ui5_daypicker_item_selected_between_hover_background:var(--sapList_Hover_SelectionBackground);--_ui5_daypicker_item_now_box_shadow:inset 0 0 0 0.35rem var(--sapList_Background);--_ui5_daypicker_item_selected_text_outline:0.125rem solid var(--sapSelectedColor);--_ui5_dialog_resize_handle_color:var(--sapButton_Lite_TextColor);--_ui5_dialog_outline:var(--_ui5_dialog_header_focus_width) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);--_ui5_dialog_header_border_radius:0.75rem 0.75rem 0 0;--_ui5_dialog_resize_handle_bottom:3px;--_ui5_dialog_resize_handle_right:1px;--_ui5_dialog_header_focus_offset:-2px;--_ui5_dialog_header_focus_width:2px;--ui5-group-header-listitem-background-color:var(--sapList_GroupHeaderBackground);--_ui5_input_width:13.125rem;--_ui5_input_compact_height:1.625rem;--_ui5-input-background-color:var(--sapField_Background);--_ui5-input-border-radius:var(--sapField_BorderCornerRadius);--_ui5-input-placeholder-color:var(--sapField_PlaceholderTextColor);--_ui5-input-bottom-border-height:0;--_ui5-input-bottom-border-color:transparent;--_ui5-input-focused-border-color:var(--sapField_Hover_BorderColor);--_ui5_input_state_border_width:0.125rem;--_ui5-input-information_border_width:0.125rem;--_ui5_input_error_font_weight:normal;--_ui5_input_information_font_weight:normal;--_ui5_input_focus_border_width:1px;--_ui5_input_error_warning_font_style:inherit;--_ui5_input_error_warning_text_indent:0;--_ui5_input_information_text_indent:0;--_ui5_input_information_font_style:inherit;--_ui5_input_disabled_color:var(--sapContent_DisabledTextColor);--_ui5_input_disabled_font_weight:normal;--_ui5_input_disabled_border_color:var(--sapField_ReadOnly_BorderColor);--_ui5-input-disabled-background:var(--sapField_ReadOnly_Background);--_ui5_input_readonly_border_color:var(--sapField_ReadOnly_BorderColor);--_ui5-input-readonly-background:var(--sapField_ReadOnly_Background);--_ui5-input-transition:none;--_ui5-input-value-state-icon-display:none;--_ui5-input-value-state-error-border-color:var(--sapField_InvalidColor);--_ui5-input-focused-value-state-error-border-color:var(--sapField_InvalidColor);--_ui5-input-value-state-warning-border-color:var(--sapField_WarningColor);--_ui5-input-focused-value-state-warning-border-color:var(--sapField_WarningColor);--_ui5-input-value-state-success-border-color:var(--sapField_SuccessColor);--_ui5-input-focused-value-state-success-border-color:var(--sapField_SuccessColor);--_ui5-input-value-state-success-border-width:1px;--_ui5-input-value-state-information-border-color:var(--sapField_InformationColor);--_ui5-input-focused-value-state-information-border-color:var(--sapField_InformationColor);--_ui5-input-value-state-information-border-width:1px;--_ui5_input_height:2.25rem;--_ui5-input-border:none;--_ui5_input_disabled_opacity:0.4;--_ui5-input-placeholder-style:normal;--_ui5-input-background-image:linear-gradient(0deg,var(--sapField_BorderColor),var(--sapField_BorderColor));--_ui5-input-information-background-image:linear-gradient(0deg,var(--sapField_InformationColor),var(--sapField_InformationColor));--_ui5-input-success-background-image:linear-gradient(0deg,var(--sapField_SuccessColor),var(--sapField_SuccessColor));--_ui5-input-error-background-image:linear-gradient(0deg,var(--sapField_InvalidColor),var(--sapField_InvalidColor));--_ui5-input-warning-background-image:linear-gradient(0deg,var(--sapField_WarningColor),var(--sapField_WarningColor));--_ui5-input-hover-border:none;--_ui5-input-hover-box-shadow:var(--sapContent_Interaction_Shadow);--_ui5-input-focus-box-shadow:inset 0px 0px 0px 0.125rem var(--sapField_Focus_BorderColor);--_ui5-input-value-state-warning-hover-box-shadow:var(--sapContent_Critical_Shadow);--_ui5-input-value-state-success-hover-box-shadow:var(--sapContent_Positive_Shadow);--_ui5-input-value-state-information-hover-box-shadow:var(--sapContent_Informative_Shadow);--_ui5-input-value-state-error-hover-box-shadow:var(--sapContent_Negative_Shadow);--_ui5-input-value-state-error-focus-box-shadow:inset 0px 0px 0px 2px var(--sapField_InvalidColor);--_ui5-input-value-state-warning-focus-box-shadow:inset 0px 0px 0px 2px var(--sapField_WarningColor);--_ui5-input-value-state-success-focus-box-shadow:inset 0px 0px 0px 2px var(--sapField_SuccessColor);--_ui5-input-focus-outline:none;--_ui5-input-focus-outline-offset:0px;--_ui5_input_error_warning_border_style:none;--_ui5-input-focused-value-state-error-background:var(--sapField_Hover_Background);--_ui5-input-focused-value-state-warning-background:var(--sapField_Hover_Background);--_ui5-input-focused-value-state-success-background:var(--sapField_Hover_Background);--_ui5-input-focused-value-state-information-background:var(--sapField_Hover_Background);--_ui5-input-value-state-outline:none;--_ui5-input-value-state-outline-offset:0px;--_ui5_input_readonly_icon_display:inline-block;--_ui5_input_icon_min_width:2.125rem;--_ui5_input_compact_min_width:1.875rem;--_ui5_input_icon_color:var(--sapContent_IconColor);--_ui5_input_icon_pressed_bg:var(--sapButton_Selected_Background);--_ui5_input_icon_padding:.5rem .5rem;--_ui5_input_icon_hover_bg:var(--sapField_Focus_Background);--_ui5_input_icon_pressed_color:var(--sapButton_Active_TextColor);--_ui5_input_icon_border_radius:0.125rem;--_ui5_input_icon_box_shadow:var(--sapContent_Interaction_Shadow);--_ui5_input_icon_border:none;--_ui5_input_icon_margin:0.125rem;--_ui5_link_opacity:0.4;--_ui5_link_text_decoration:none;--_ui5_link_hover_text_decoration:underline;--_ui5_link_border:0.125rem solid transparent;--_ui5_link_border_focus:0.125rem solid var(--sapContent_FocusColor);--_ui5_link_focus_border-radius:0.25rem;--ui5_list_footer_text_color:var(--sapTextColor);--ui5-listitem-background-color:var(--sapList_Background);--ui5-listitem-focused-selected-border-bottom:1px solid var(--sapList_SelectionBorderColor);--_ui5_listitembase_focus_width:1px;--_ui5-listitembase_disabled_opacity:0.5;--_ui5_product_switch_item_border:none;--ui5-listitem-active-border-color:var(--sapContent_FocusColor);--ui5-listitem-border-bottom:1px solid transparent;--ui5-listitem-selected-border-bottom:1px solid transparent;--_ui5_monthpicker_item_border:none;--_ui5_monthpicker_item_margin:1px;--_ui5_monthpicker_item_border_radius:0.5rem;--_ui5_monthpicker_item_focus_after_border:none;--_ui5_monthpicker_item_focus_after_border_radius:0.25rem;--_ui5_monthpicker_item_focus_after_width:calc(100% - 0.5rem);--_ui5_monthpicker_item_focus_after_height:calc(100% - 0.5rem);--_ui5_monthpicker_item_focus_after_offset:0.25rem;--_ui5_monthpicker_item_selected_text_color:var(--sapContent_Selected_TextColor);--_ui5_monthpicker_item_selected_background_color:var(--sapLegend_WorkingBackground);--_ui5_monthpicker_item_selected_hover_color:var(--sapList_Hover_Background);--_ui5_monthpicker_item_selected_box_shadow:inset 0 0 0 0.15rem var(--sapSelectedColor);--_ui5_monthpicker_item_focus_after_outline:0.125rem solid var(--sapSelectedColor);--_ui5_monthpicker_item_selected_font_wieght:bold;--_ui5_message_strip_icon_width:2.5rem;--_ui5_message_strip_button_border_width:0;--_ui5_message_strip_button_border_style:none;--_ui5_message_strip_button_border_color:transparent;--_ui5_message_strip_button_border_radius:0;--_ui5_message_strip_padding:0.4375rem 2.5rem 0.4375rem 2.5rem;--_ui5_message_strip_padding_no_icon:0.4375rem 2.5rem 0.4375rem 1rem;--_ui5_message_strip_button_height:1.625rem;--_ui5_message_strip_border_width:1px;--_ui5_message_strip_close_button_border:none;--_ui5_message_strip_close_button_size:1.625rem;--_ui5_message_strip_icon_top:0.4375rem;--_ui5_message_strip_focus_width:1px;--_ui5_message_strip_focus_offset:-2px;--_ui5_message_strip_border_radius:var(--sapElement_BorderCornerRadius);--_ui5_message_strip_success_border_color:#dbf782;--_ui5_message_strip_error_border_color:#ff8ec4;--_ui5_message_strip_warning_border_color:#ffe770;--_ui5_message_strip_information_border_color:#7bcfff;--_ui5_panel_focus_border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);--_ui5_panel_header_height:2.75rem;--_ui5_panel_button_root_width:2.75rem;--_ui5_panel_background_color:var(--sapGroup_ContentBackground);--_ui5_panel_border_radius:var(--sapElement_BorderCornerRadius);--_ui5_panel_border_bottom:none;--_ui5_panel_outline_offset:-0.125rem;--_ui5_panel_title_font_weight:bold;--_ui5_panel_border_radius_expanded:var(--sapElement_BorderCornerRadius) var(--sapElement_BorderCornerRadius) 0 0;--_ui5_popup_content_padding_s:1rem;--_ui5_popup_content_padding_m_l:2rem;--_ui5_popup_content_padding_xl:3rem;--_ui5_popup_header_footer_padding_s:1rem;--_ui5_popup_header_footer_padding_m_l:2rem;--_ui5_popup_header_footer_padding_xl:3rem;--_ui5_popup_content_padding:.4375em;--_ui5_popup_viewport_margin:10px;--_ui5-popup-border-radius:0.75rem;--_ui5_popup_header_shadow:none;--_ui5_popup_footer_border_top:none;--_ui5_popup_header_footer_font_weight:bold;--_ui5_progress_indicator_bar_color:var(--sapContent_ContrastTextColor);--_ui5_progress_indicator_bar_border_max:none;--_ui5_progress_indicator_icon_visibility:none;--_ui5_progress_indicator_background_none:var(--sapNeutralBackground);--_ui5_progress_indicator_background_error:var(--sapErrorBackground);--_ui5_progress_indicator_background_warning:var(--sapWarningBackground);--_ui5_progress_indicator_background_success:var(--sapSuccessBackground);--_ui5_progress_indicator_background_information:var(--sapInformationBackground);--_ui5_progress_indicator_value_state_none:var(--sapNeutralElementColor);--_ui5_progress_indicator_value_state_error:var(--sapNegativeElementColor);--_ui5_progress_indicator_value_state_warning:var(--sapCriticalElementColor);--_ui5_progress_indicator_value_state_success:var(--sapPositiveElementColor);--_ui5_progress_indicator_value_state_information:var(--sapInformativeElementColor);--_ui5_progress_indicator_border:0.0625rem solid var(--sapNeutralBorderColor);--_ui5_progress_indicator_border_color_error:var(--sapErrorBorderColor);--_ui5_progress_indicator_border_color_warning:var(--sapWarningBorderColor);--_ui5_progress_indicator_border_color_success:var(--sapSuccessBorderColor);--_ui5_progress_indicator_border_color_information:var(--sapInformationBorderColor);--_ui5_progress_indicator_color:var(----sapField_TextColor);--_ui5_radio_button_min_width:2.75rem;--_ui5_radio_button_min_width_compact:2rem;--_ui5_radio_button_hover_fill:var(--sapField_Hover_Background);--_ui5_radio_button_checked_fill:var(--sapSelectedColor);--_ui5_radio_button_checked_error_fill:var(--sapField_InvalidColor);--_ui5_radio_button_checked_warning_fill:var(--sapField_TextColor);--_ui5_radio_button_warning_error_border_dash:0;--_ui5_radio_button_outer_ring_color:var(--sapField_BorderColor);--_ui5_radio_button_outer_ring_width:1;--_ui5_radio_button_outer_ring_bg:var(--sapField_Background);--_ui5_radio_button_outer_ring_hover_color:var(--sapField_Hover_BorderColor);--_ui5_radio_button_outer_ring_active_color:var(--sapField_Hover_BorderColor);--_ui5_radio_button_outer_ring_checked_hover_color:var(--sapField_Hover_BorderColor);--_ui5_radio_button_outer_ring_padding:0 0.625rem;--_ui5_radio_button_outer_ring_padding_with_label:0 0.625rem;--_ui5_radio_button_outer_ring_padding_rtl:0 0.625rem;--_ui5_radio_button_border:none;--_ui5_radio_button_focus_border:none;--_ui5_radio_button_focus_outline:block;--_ui5_radio_button_hover_shadow:none;--_ui5_radio_button_transition:none;--_ui5_radio_button_hover_background:inherit;--_ui5_radio_button_color:var(--sapField_BorderColor);--_ui5_radio_button_label_offset:1px;--_ui5_radio_button_items_align:unset;--_ui5_radio_button_inner_width:initial;--_ui5_rating_indicator_border_radius:0.25rem;--_ui5_segmented_btn_inner_border:0.0625rem solid transparent;--_ui5_segmented_btn_inner_border_odd_child:0.0625rem solid transparent;--_ui5_segmented_btn_inner_pressed_border_odd_child:0.0625rem solid var(--sapButton_Selected_BorderColor);--_ui5_segmented_btn_border_radius:0.5rem;--_ui5_segmented_btn_inner_border_radius:0.5rem;--_ui5_segmented_btn_background_color:var(--sapButton_Background);--_ui5_radio_button_border_width:0.125rem;--_ui5_radio_button_border_radius:0.75rem;--_ui5_radio_button_label_color:var(--sapField_TextColor);--_ui5_radio_button_border_readonly_focus_style:dashed;--_ui5_radio_button_focus_dist:0.375rem;--_ui5_switch_height:2.75rem;--_ui5_switch_width:3.875rem;--_ui5_switch_compact_height:2rem;--_ui5_switch_compact_width:3.5rem;--_ui5_switch_foucs_border_size:1px;--_ui5-switch-root-border-radius:0;--_ui5-switch-root-box-shadow:none;--_ui5-switch-focus:"";--_ui5_switch_track_height:1.375rem;--_ui5-switch-track-border:1px solid;--_ui5_switch_track_hover_border_color:var(--_ui5_switch_track_checked_border_color);--_ui5_switch_track_hover_background_color:var(--sapButton_Track_Background);--_ui5_switch_track_hover_checked_background_color:var(--sapButton_Track_Selected_Background);--_ui5-switch_track-on-hover-background:var(--_ui5-switch_track-on-background);--_ui5_switch_track_border_radius:0.75rem;--_ui5-switch_track-off-background:var(--sapButton_Track_Background);--_ui5-switch_track-on-background:var(--sapButton_Track_Selected_Background);--_ui5-switch_track-off-hover-color:var(--_ui5-switch_track-off-background);--_ui5-switch-track-transition:none;--_ui5_switch_disabled_opacity:.4;--_ui5_switch_track_disabled_checked_bg:var(--_ui5_switch_track_checked_bg);--_ui5_switch_track_disabled_border_color:var(--sapContent_ForegroundBorderColor);--_ui5_switch_track_disabled_semantic_checked_border_color:var(--sapSuccessBorderColor);--_ui5_switch_track_disabled_semantic_border_color:var(--sapErrorBorderColor);--_ui5_switch_handle_width:2rem;--_ui5_switch_handle_height:2rem;--_ui5_switch_handle_border_width:1px;--_ui5_switch_handle_border_radius:1rem;--_ui5_switch_handle_bg:var(--sapButton_TokenBackground);--_ui5_switch_handle_checked_bg:var(--sapButton_Selected_Background);--_ui5_switch_handle_checked_border_color:var(--sapButton_Selected_BorderColor);--_ui5_switch_handle_semantic_hover_border_color:var(--sapErrorBorderColor);--_ui5_switch_handle_semantic_checked_hover_border_color:var(--sapSuccessBorderColor);--_ui5_switch_handle_compact_width:1.625rem;--_ui5_switch_handle_compact_height:1.625rem;--_ui5-switch-handle-border:var(--_ui5_switch_handle_border_width) solid var(--sapContent_ForegroundBorderColor);--_ui5-switch-handle-left:-1px;--_ui5_switch_handle_disabled_bg:var(--_ui5_switch_handle_bg);--_ui5_switch_handle_disabled_checked_bg:var(--_ui5_switch_handle_checked_bg);--_ui5_switch_handle_disabled_border_color:var(--sapContent_ForegroundBorderColor);--_ui5_switch_handle_disabled_semantic_checked_bg:var(--sapButton_Background);--_ui5_switch_handle_disabled_semantic_checked_border_color:var(--sapSuccessBorderColor);--_ui5_switch_handle_disabled_semantic_border_color:var(--sapErrorBorderColor);--_ui5-switch-handle-icon-display:none;--_ui5-switch-slider-texts-display:inline;--_ui5_switch_text_on_semantic_color:var(--sapPositiveElementColor);--_ui5_switch_text_off_semantic_color:var(--sapNegativeElementColor);--_ui5_switch_text_disabled_color:var(--sapTextColor);--_ui5_switch_track_semantic_success_backgroud_color:#deeea9;--_ui5_switch_track_semantic_error_backgroud_color:#ffcbe4;--_ui5_switch_track_disabled_semantic_checked_bg:#deeea9;--_ui5_switch_track_disabled_semantic_bg:#ffcbe4;--_ui5_switch_root_after_outline:0.125rem solid #0070f2;--_ui5_switch_root_after_boreder:none;--_ui5_switch_focus_outline:none;--_ui5_switch_root_outline_top_bottom:0.3125rem;--_ui5_switch_root_outline_left_right:0.125rem;--_ui5_switch_compact_root_outline_top_bottom:0.125rem;--_ui5_switch_compact_root_outline_left_right:0.125rem;--_ui5_switch_root_after_boreder_radius:0.25rem;--_ui5_switch_handle_semantic_checked_hover_bg:var(--_ui5_switch_handle_checked_bg);--_ui5_switch_handle_semantic_hover_bg:var(--_ui5_switch_handle_checked_bg);--_ui5_switch_semantic_button_background:var(--_ui5_switch_handle_checked_bg);--_ui5-switch-track-border_color:transparent;--_ui5_switch_track_semantic_border_color:transparent;--_ui5_switch_track_semantic_not_checked_border_color:transparent;--_ui5_switch_track_semantic_checked_hover_border_color:transparent;--_ui5_switch_track_semantic_hover_border_color:transparent;--_ui5_switch_no_label_width:3.875rem;--_ui5_switch_compact_no_label_width:3.5rem;--_ui5_switch_track_no_label_height:var(--_ui5_switch_track_height);--_ui5_switch_handle_hover_border_color:transparent;--_ui5-switch-track-icon-display:inline-block;--_ui5-switch_handle-off-hover_box_shadow:var(--sapContent_Interaction_Shadow);--_ui5-switch_handle-on-hover_box_shadow:var(--sapContent_Selected_Shadow);--_ui5_select_disabled_background:var(--sapField_Background);--_ui5_select_disabled_border_color:var(--sapField_BorderColor);--_ui5_select_state_error_warning_border_style:solid;--_ui5_select_state_error_warning_border_width:0.125rem;--_ui5_select_rtl_hover_icon_left_border:none;--_ui5_select_rtl_hover_icon_right_border:none;--_ui5_select_focus_width:1px;--_ui5_select_label_olor:var(--sapField_TextColor);--_ui5_select_hover_icon_left_border:none;--_ui5_select_option_focus_border_radius:var(--sapElement_BorderCornerRadius);--_ui5_tc_header_height_text_only:var(--_ui5_tc_item_text_only_height);--_ui5_tc_header_height_text_with_additional_text:var(--_ui5_tc_item_text_only_with_additional_text_height);--_ui5_tc_header_box_shadow:var(--sapContent_HeaderShadow);--_ui5_tc_headeritem_padding:0 1rem;--_ui5_tc_headeritem_text_selected_color:var(--sapSelectedColor);--_ui5_tc_headeritem_text_selected_hover_color:var(--sapSelectedColor);--_ui5_tc_headeritem_additional_text_font_weight:normal;--_ui5_tc_headerItem_neutral_color:var(--sapNeutralColor);--_ui5_tc_headerItem_positive_color:var(--sapPositiveColor);--_ui5_tc_headerItem_negative_color:var(--sapNegativeColor);--_ui5_tc_headerItem_critical_color:var(--sapCriticalColor);--_ui5_tc_headerItem_neutral_border_color:var(--_ui5_tc_headerItem_neutral_color);--_ui5_tc_headerItem_positive_border_color:var(--_ui5_tc_headerItem_positive_color);--_ui5_tc_headerItem_negative_border_color:var(--_ui5_tc_headerItem_negative_color);--_ui5_tc_headerItem_critical_border_color:var(--_ui5_tc_headerItem_critical_color);--_ui5_tc_headerItem_neutral_selected_border_color:var(--_ui5_tc_headerItem_neutral_color);--_ui5_tc_headerItem_positive_selected_border_color:var(--_ui5_tc_headerItem_positive_color);--_ui5_tc_headerItem_negative_selected_border_color:var(--_ui5_tc_headerItem_negative_color);--_ui5_tc_headerItem_critical_selected_border_color:var(--_ui5_tc_headerItem_critical_color);--_ui5_tc_headerItem_transition:none;--_ui5_tc_headerItem_hover_border_visibility:hidden;--_ui5_tc_headerItemContent_border_radius:0.125rem 0.125rem 0 0;--_ui5_tc_headerItemContent_border_bg:transparent;--_ui5_tc_headerItem_neutral_border_bg:transparent;--_ui5_tc_headerItem_positive_border_bg:transparent;--_ui5_tc_headerItem_negative_border_bg:transparent;--_ui5_tc_headerItem_critical_border_bg:transparent;--_ui5_tc_headerItem_hover_border_bg:transparent;--_ui5_tc_headerItem_hover_selected_hover_border_bg:transparent;--_ui5_tc_headerItemContent_border_height:0;--_ui5_tc_headerItemContent_offset:1rem;--_ui5_tc_headerItemContent_focus_offset:1rem;--_ui5_tc_headerItem_focus_border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);--_ui5_tc_headerItemContent_padding:0;--_ui5_tc_headerItemContent_focus_border:none;--_ui5_tc_headerItemContent_default_focus_border:none;--_ui5_tc_headerItemContent_focus_border_radius:0;--_ui5_tc_headerItemSemanticIcon_display:none;--_ui5_tc_overflowItem_neutral_color:var(--sapNeutralColor);--_ui5_tc_overflowItem_positive_color:var(--sapPositiveColor);--_ui5_tc_overflowItem_negative_color:var(--sapNegativeColor);--_ui5_tc_overflowItem_critical_color:var(--sapCriticalColor);--_ui5_tc_headerItemIcon_color:var(--sapHighlightColor);--_ui5_tc_headerItemIcon_selected_background:var(--sapHighlightColor);--_ui5_tc_headerItemIcon_selected_color:var(--sapGroup_ContentBackground);--_ui5_tc_headerItemIcon_positive_selected_background:var(--sapPositiveColor);--_ui5_tc_headerItemIcon_negative_selected_background:var(--sapNegativeColor);--_ui5_tc_headerItemIcon_critical_selected_background:var(--sapCriticalColor);--_ui5_tc_headerItemIcon_neutral_selected_background:var(--sapNeutralColor);--_ui5_tc_headerItemIcon_semantic_selected_color:var(--sapGroup_ContentBackground);--_ui5_tc_header_border_bottom:0.0625rem solid var(--sapObjectHeader_Background);--_ui5_tc_headerItemContent_border_bottom:0.1875rem solid var(--sapSelectedColor);--_ui5_tc_headerItem_color:var(--sapTextColor);--_ui5_tc_overflowItem_default_color:var(--sapHighlightColor);--_ui5_tc_overflowItem_current_color:CurrentColor;--_ui5_tc_content_border_bottom:0.0625rem solid var(--sapObjectHeader_BorderColor);--_ui5_tc_headerItem_focus_border_offset:-5px;--_ui5_tc_headerItemIcon_focus_border_radius:50%;--_ui5_tc_headerItem_focus_border_radius:0.25rem;--_ui5_tc_headeritem_text_font_weight:bold;--_ui5_tc_headerItem_text_hover_color:var(--sapContent_Selected_ForegroundColor);--_ui5_tc_headerItem_focus_offset:1px;--_ui5_tc_headerItemIcon_border:0.125rem solid var(--sapHighlightColor);--_ui5_tc_overflowItem_focus_border:0.75rem;--_ui5_textarea_focus_after_width:1px;--_ui5_textarea_warning_border_style:solid;--_ui5_input_warning_font_weight:normal;--_ui5_textarea_background_image:linear-gradient(0deg,var(--sapField_BorderColor),var(--sapField_BorderColor));--_ui5_textarea_error_background_image:linear-gradient(0deg,var(--sapField_InvalidColor),var(--sapField_InvalidColor));--_ui5_textarea_warning_background_image:linear-gradient(0deg,var(--sapField_WarningColor),var(--sapField_WarningColor));--_ui5_textarea_information_background_image:linear-gradient(0deg,var(--sapField_InformationColor),var(--sapField_InformationColor));--_ui_textarea_success_background_image:linear-gradient(0deg,var(--sapField_SuccessColor),var(--sapField_SuccessColor));--_ui5_textarea_inner_border_width:0px;--_ui5_textarea_state_border_width:0px;--_ui5_textarea_success_border_width:0px;--_ui5_textarea_hover_box_shadow:var(--sapContent_Interaction_Shadow);--_ui5_textarea_focus_box_shadow:0px 0px 0px 0.125rem var(--sapField_Focus_BorderColor);--_ui5_textarea_value_state_warning_focus_box_shadow:0px 0px 0px 2px var(--sapField_WarningColor);--_ui5_textarea_value_state_error_focus_box_shadow:0px 0px 0px 2px var(--sapField_InvalidColor);--_ui5_textarea_value_state_success_focus_box_shadow:0px 0px 0px 2px var(--sapField_SuccessColor);--_ui5_textarea_focus_outline:none;--_ui5_textarea_value_state_focus_outline:none;--_ui5_textarea_after_element_display:inline-block;--_ui5_textarea_value_state_warning_hover_box_shadow:none;--_ui5_textarea_placeholder_font_style:normal;--_ui5_time_picker_border:0.0625rem solid transparent;--_ui5-time_picker_border_radius:0.25rem;--_ui5_toast_vertical_offset:3rem;--_ui5_toast_horizontal_offset:2rem;--_ui5_toast_background:var(--sapList_Background);--_ui5_toast_shadow:var(--sapContent_Shadow2);--_ui5_wheelslider_item_text_size:var(--sapFontSize);--_ui5_wheelslider_label_text_size:var(--sapFontSmallSize);--_ui5_wheelslider_selection_frame_margin_top:calc(var(--_ui5_wheelslider_item_height)*2);--_ui5_wheelslider_mobile_selection_frame_margin_top:calc(var(--_ui5_wheelslider_item_height)*4);--_ui5_wheelslider_label_text_color:var(--sapContent_LabelColor);--_ui5_wheelslider_height:240px;--_ui5_wheelslider_mobile_height:432px;--_ui5_wheelslider_item_width:48px;--_ui5_wheelslider_item_height:46px;--_ui5_wheelslider_arrows_visibility:hidden;--_ui5_wheelslider_item_background_color:var(--sapLegend_WorkingBackground);--_ui5_wheelslider_item_text_color:var(--sapTextColor);--_ui_wheelslider_item_hover_color:var(--sapList_AlternatingBackground);--_ui_wheelslider_item_expanded_hover_color:var(--sapList_AlternatingBackground);--_ui_wheelslider_item_exanded_hover_color:var(--sapList_AlternatingBackground);--_ui5_wheelslider_item_border_color:var(--sapList_SelectionBorderColor);--_ui5_wheelslider_item_expanded_border_color:transparent;--_ui5_wheelslider_item_hovered_border_color:transparent;--_ui5_wheelslider_collapsed_item_text_color:var(--sapList_SelectionBorderColor);--_ui5_wheelslider_selected_item_background_color:var(--sapContent_Selected_Background);--_ui5_wheelslider_selected_item_hover_background_color:var(--sapButton_Emphasized_Hover_BorderColor);--_ui5_wheelslider_active_item_background_color:var(--sapContent_Selected_Background);--_ui5_wheelslider_active_item_text_color:var(--sapContent_Selected_TextColor);--_ui5_wheelslider_selection_frame_color:var(--sapList_SelectionBorderColor);--_ui_wheelslider_item_border_radius:var(--_ui5_button_border_radius);--_ui5_toggle_button_pressed_focussed:transparent;--_ui5_toggle_button_pressed_focussed_hovered:transparent;--_ui5_toggle_button_emphasized_pressed_focussed_hovered:var(--sapButton_Active_BorderColor);--_ui5_toggle_button_selected_positive_text_color:var(--sapButton_Accept_Selected_TextColor);--_ui5_toggle_button_selected_negative_text_color:var(--sapButton_Reject_Selected_TextColor);--_ui5_toggle_button_selected_attention_text_color:var(--sapButton_Attention_Selected_TextColor);--_ui5_toggle_button_pressed_focussed_hovered_outline_color:var(--_ui5_button_positive_border_focus_hover_color);--_ui5_yearpicker_item_selected_focus:var(--sapContent_Selected_Background);--_ui5_yearpicker_item_border:none;--_ui5_yearpicker_item_margin:1px;--_ui5_yearpicker_item_border_radius:0.5rem;--_ui5_yearpicker_item_focus_after_offset:0.25rem;--_ui5_yearpicker_item_focus_after_border:none;--_ui5_yearpicker_item_focus_after_border_radius:0.25rem;--_ui5_yearpicker_item_focus_after_width:calc(100% - 0.5rem);--_ui5_yearpicker_item_focus_after_height:calc(100% - 0.5rem);--_ui5_yearpicker_item_selected_background_color:transparent;--_ui5_yearpicker_item_selected_text_color:var(--sapContent_Selected_TextColor);--_ui5_yearpicker_item_selected_box_shadow:inset 0 0 0 0.125rem var(--sapContent_Selected_ForegroundColor);--_ui5_yearpicker_item_selected_hover_color:var(--sapList_Hover_Background);--_ui5_yearpicker_item_focus_after_outline:0.125rem solid var(--sapSelectedColor);--_ui5_calendar_header_middle_button_width:6.25rem;--_ui5_calendar_header_middle_button_flex:1 1 auto;--_ui5_calendar_header_middle_button_focus_after_display:block;--_ui5_calendar_header_middle_button_focus_after_width:calc(100% - 0.375rem);--_ui5_calendar_header_middle_button_focus_after_height:calc(100% - 0.375rem);--_ui5_calendar_header_middle_button_focus_after_top_offset:0.125rem;--_ui5_calendar_header_middle_button_focus_after_left_offset:0.125rem;--_ui5_calendar_header_arrow_button_border:0.0625rem solid var(--sapList_Hover_Background);--_ui5_calendar_header_arrow_button_border_radius:0.5rem;--_ui5_calendar_header_button_background_color:var(--sapList_Hover_Background);--_ui5_calendar_header_arrow_button_box_shadow:0 0 0.125rem 0 rgba(85,107,130,0.72);--_ui5_calendar_header_middle_button_focus_border_radius:0.5rem;--_ui5_calendar_header_middle_button_focus_border:none;--_ui5_calendar_header_middle_button_focus_after_border:none;--_ui5_calendar_header_middle_button_focus_background:transparent;--_ui5_calendar_header_middle_button_focus_outline:0.125rem solid var(--sapSelectedColor);--_ui5_calendar_header_middle_button_focus_active_outline:0.0625rem solid var(--sapSelectedColor);--_ui5_calendar_header_middle_button_focus_active_background:transparent;--ui5_table_multiselect_column_width:2.75rem;--ui5_title_level_1Size:var(--sapFontHeader1Size);--ui5_title_level_2Size:var(--sapFontHeader2Size);--ui5_title_level_3Size:var(--sapFontHeader3Size);--ui5_title_level_4Size:var(--sapFontHeader4Size);--ui5_title_level_5Size:var(--sapFontHeader5Size);--ui5_title_level_6Size:var(--sapFontHeader6Size);--_ui5_token_readonly_background:var(--sapButton_Background);--_ui5_token_background:var(--sapButton_TokenBackground);--_ui5_token_border_radius:var(--sapButton_BorderCornerRadius);--_ui5_token_focus_outline_width:0.0625rem;--_ui5_token_text_color:var(--sapTextColor);--_ui5_token_icon_color:var(--sapContent_IconColor);--_ui5_token_hover_background:var(--sapButton_TokenBackground);--_ui5_token_hover_border_color:var(--sapButton_TokenBorderColor);--_ui5_token_top_margin:0.125rem;--_ui5_token_bottom_margin:0.125rem;--_ui5_token_selected_focus_outline:none;--_ui5_token_focus_outline:none;--_ui5_token_selected_hover_background:var(--sapButton_Selected_Background);--_ui5_token_selected_hover_border_color:var(--sapButton_Selected_BorderColor);--_ui5_token_selected_box_shadow:0 0 0.0625rem 0 rgba(0,112,242,0.72);--_ui5_token_focused_border:2px solid var(--sapButton_Selected_BorderColor);--_ui5_token_focused_selected_border:2px solid var(--sapButton_Selected_BorderColor);--_ui5_tokenizer_n_more_indicator_font_weight:bold;--_ui5_tokenizer_n_more_indicator_color:var(--sapLinkColor);--_ui5-multi_combobox_token_margin_top:1px;--_ui5_slider_progress_container_dot_background:var(--sapField_BorderColor);--_ui5_slider_progress_border:none;--_ui5_slider_inner_height:0.25rem;--_ui5_slider_outer_height:1.6875rem;--_ui5_slider_progress_border_radius:0.25rem;--_ui5_range_slider_handle_background:#fff;--_ui5_slider_handle_margin_left:-0.9725rem;--_ui5_slider_handle_hover_background:var(--sapButton_Hover_Background);--_ui5_slider_handle_outline_offset:0.075rem;--_ui5_slider_icon_left:0.5rem;--_ui5_slider_icon_top:0.125rem;--_ui5_range_slider_handle_hover_background:rgba(var(--sapButton_Background),0.25);--_ui5_range_slider_handle_hover_icon_display:none;--_ui5_slider_progress_outline:0.0625rem dotted var(--sapContent_FocusColor);--_ui5_slider_progress_outline_offset:-0.8125rem;--_ui5_slider_tickmark_top:-0.375rem;--_ui5_slider_disabled_opacity:0.4;--_ui5_slider_tooltip_fontsize:var(--sapFontSmallSize);--_ui5_slider_tooltip_color:var(--sapContent_LabelColor);--_ui5_slider_tooltip_border_color:var(--sapField_BorderColor);--_ui5_slider_tooltip_padding:0.4125rem;--_ui5_slider_tooltip_height:1rem;--_ui5_slider_tooltip_min_width:2rem;--_ui5_slider_tooltip_bottom:2rem;--_ui5_slider_label_fontsize:var(--sapFontSmallSize);--_ui5_slider_label_color:var(--sapContent_LabelColor);--_ui5_range_slider_progress_focus_top:-1.063rem;--_ui5_range_slider_progress_focus_left:-1.438rem;--_ui5_range_slider_progress_focus_padding:0 1.375rem 0 1.438rem;--_ui5_range_slider_progress_focus_height:2rem;--_ui5_slider_progress_container_background:var(--sapButton_Track_Background);--_ui5_slider_progress_container_dot_display:block;--_ui5_slider_inner_min_width:4rem;--_ui5_slider_progress_background:var(--sapContent_Selected_ForegroundColor);--_ui5_slider_handle_background:#fff;--_ui5_slider_handle_icon_display:inline-block;--_ui5_slider_handle_border:0.0625rem solid transparent;--_ui5_slider_handle_border_radius:0.5rem;--_ui5_slider_handle_box_shadow:var(--sapContent_Selected_Shadow);--_ui5_slider_handle_height:1.5rem;--_ui5_slider_handle_width:2rem;--_ui5_slider_handle_top:-0.75rem;--_ui5_slider_handle_focused_top:-0.688rem;--_ui5_slider_handle_focused_margin_left:-0.938rem;--_ui5_slider_handle_font_family:"SAP-icons";--_ui5_slider_handle_hover_border:0.0625rem solid var(--sapContent_Selected_ForegroundColor);--_ui5_slider_handle_focus_border:none;--_ui5_slider_handle_active_border:var(--_ui5_slider_handle_focus_border);--_ui5_slider_handle_box_shadow_focus:0 0 0 var(--sapContent_FocusWidth) var(--sapContent_FocusColor);--_ui5_slider_handle_outline:none;--_ui5_slider_tooltip_background:var(--sapField_Focus_Background);--_ui5_slider_tooltip_border:none;--_ui5_slider_tooltip_border_radius:0.5rem;--_ui5_slider_tooltip_box_shadow:var(--sapContent_Shadow1);--_ui5_range_slider_legacy_progress_focus_display:none;--_ui5_range_slider_progress_focus_display:block;--_ui5_value_state_message_border:none;--_ui5_value_state_message_focus_border_radius:var(--sapElement_BorderCornerRadius) var(--sapElement_BorderCornerRadius) 0 0;--_ui5_input_value_state_icon_display:inline-block;--_ui5_value_state_message_padding:0.5rem 0.5rem 0.5rem 1.875rem;--_ui5_value_state_header_padding:.5625rem 1rem .5625rem 2.375rem;--_ui5_suggestions_item_focus_border_radius:var(--sapElement_BorderCornerRadius);--ui5_table_bottom_border:none;--ui5_table_header_row_outline_width:var(--sapContent_FocusWidth);--ui5_table_header_row_height:2.75rem;--ui5_table_row_outline_width:var(--sapContent_FocusWidth);--ui5_table_header_row_font_weight:bold;--_ui5_step_input_input_error_background_color:inherit;--_ui5-step_input_button_state_hover_background_color:var(--sapField_Hover_Background);--_ui5_step_input_border_style:none;--_ui5_step_input_border_style_hover:none;--_ui5_step_input_button_background_color:transparent;--_ui5_step_input_input_border:none;--_ui5_step_input_input_margin_top:0;--_ui5_step_input_button_display:inline-flex;--_ui5_step_input_button_left:0.125rem;--_ui5_step_input_button_right:0;--_ui5_step_input_input_border_focused_after:0.125rem solid #0070f2;--_ui5_step_input_input_border_top_bottom_focused_after:0;--_ui5_step_input_input_border_radius_focused_after:0.25rem;--_ui5_step_input_input_information_border_color_focused_after:var(--sapField_InformationColor);--_ui5_step_input_input_warning_border_color_focused_after:var(--sapField_WarningColor);--_ui5_step_input_input_success_border_color_focused_after:var(--sapField_SuccessColor);--_ui5_step_input_input_error_border_color_focused_after:var(--sapField_InvalidColor);--_ui5_step_input_disabled_button_background:none;--_ui5_step_input_border_color_hover:none;--_ui5_step_input_border_hover:none;--_ui5_input_input_background_color:transparent;--_ui5_load_more_padding:0;--_ui5_load_more_border:1px top solid transparent;--_ui5_load_more_border_radius:none;--_ui5_load_more_outline_width:var(--sapContent_FocusWidth)}.sapUiSizeCompact,.ui5-content-density-compact,:root,[data-ui5-compact-size]{--_ui5_datetime_timeview_width:17rem;--_ui5_list_item_selection_btn_margin_top:calc(var(--_ui5_checkbox_wrapper_padding)*-1);--_ui5_token_icon_size:.75rem;--_ui5_token_wrapper_left_padding:0;--_ui5_tc_header_height:var(--_ui5_tc_item_height)}.sapUiSizeCompact,.ui5-content-density-compact,[data-ui5-compact-size]{--_ui5_button_base_height:1.625rem;--_ui5_button_base_padding:0.4375rem;--_ui5_button_base_min_width:2rem;--_ui5_button_icon_font_size:1rem;--_ui5_calendar_height:18rem;--_ui5_calendar_width:17.75rem;--_ui5_calendar_left_right_padding:0.25rem;--_ui5_calendar_top_bottom_padding:0.5rem;--_ui5_calendar_header_height:2rem;--_ui5_calendar_header_arrow_button_width:2rem;--_ui5_calendar_header_padding:0;--_ui5_checkbox_root_side_padding:var(--_ui5_checkbox_wrapped_focus_padding);--_ui5_checkbox_wrapped_content_margin_top:var(--_ui5_checkbox_compact_wrapped_label_margin_top);--_ui5_checkbox_wrapped_focus_left_top_bottom_position:var(--_ui5_checkbox_compact_focus_position);--_ui5_checkbox_width_height:var(--_ui5_checkbox_compact_width_height);--_ui5_checkbox_wrapper_padding:var(--_ui5_checkbox_compact_wrapper_padding);--_ui5_checkbox_inner_width_height:var(--_ui5_checkbox_compact_inner_size);--_ui5_checkbox_icon_size:.75rem;--_ui5_checkbox_partially_icon_size:.5rem;--_ui5_color-palette-item-height:1.25rem;--_ui5_color-palette-item-focus-height:1rem;--_ui5_color-palette-item-container-sides-padding:0.1875rem;--_ui5_color-palette-item-container-rows-padding:0.8125rem;--_ui5_color-palette-item-hover-height:1.625rem;--_ui5_color-palette-item-margin:calc(var(--_ui5_color-palette-item-hover-height)/2 - var(--_ui5_color-palette-item-height)/2);--_ui5_color-palette-row-width:8.125rem;--_ui5_color-palette-item-hover-margin:0;--_ui5_color-palette-row-height:7.5rem;--_ui5_color-palette-button-height:2rem;--_ui5_custom_list_item_rb_min_width:2rem;--_ui5_daypicker_weeknumbers_container_padding_top:2rem;--_ui5_day_picker_item_width:2rem;--_ui5_day_picker_item_height:2rem;--_ui5_day_picker_empty_height:2.125rem;--_ui5_day_picker_item_justify_content:flex-end;--_ui5_datetime_picker_height:17rem;--_ui5_datetime_picker_width:34.0625rem;--_ui5_datetime_timeview_phonemode_width:18.5rem;--_ui5_datetime_timeview_padding:0.5rem;--_ui5_dialog_content_min_height:2.5rem;--_ui5_input_height:var(--_ui5_input_compact_height);--_ui5_input_inner_padding:0 0.5rem;--_ui5_input_icon_min_width:var(--_ui5_input_compact_min_width);--_ui5_input_value_state_icon_padding:.1875rem .5rem;--_ui5_popup_default_header_height:2.5rem;--_ui5_textarea_padding:.1875rem .5rem;--_ui5_list_no_data_height:2rem;--_ui5_list_item_cb_margin_right:.5rem;--_ui5_list_item_title_size:var(--sapFontSize);--_ui5_list_item_img_margin:0.55rem 0.75rem 0.5rem 0rem;--_ui5_list_item_dropdown_base_height:2rem;--_ui5_list_item_base_height:2rem;--_ui5_list_item_icon_size:1rem;--_ui5_list_busy_row_height:2rem;--_ui5_month_picker_item_height:2rem;--_ui5_panel_header_height:2rem;--_ui5_year_picker_item_height:2rem;--_ui5_tokenizer_root_padding:0.125rem;--_ui5_token_icon_padding:0.1rem 0.25rem;--_ui5_token_wrapper_right_padding:0.25rem;--_ui5_tl_bubble_padding:.5rem;--_ui5_tl_indicator_before_bottom:-.5rem;--_ui5_tl_padding:.5rem;--_ui5_tl_li_margin_bottom:.5rem;--_ui5_wheelslider_item_width:64px;--_ui5_wheelslider_item_height:32px;--_ui5_wheelslider_height:224px;--_ui5_wheelslider_selection_frame_margin_top:calc(var(--_ui5_wheelslider_item_height)*2);--_ui5_wheelslider_arrows_visibility:visible;--_ui5_wheelslider_mobile_selection_frame_margin_top:128px;--_ui5_switch_height:var(--_ui5_switch_compact_height);--_ui5_switch_width:var(--_ui5_switch_compact_width);--_ui5_switch_handle_height:var(--_ui5_switch_handle_compact_height);--_ui5_switch_handle_width:var(--_ui5_switch_handle_compact_width);--_ui5_switch_text_on_left:calc(-100% + 1.5625rem);--_ui5_switch_slide_transform:translateX(100%) translateX(-1.5rem);--_ui5_switch_no_label_width:var(--_ui5_switch_compact_no_label_width);--_ui5_switch_rtl_transform:translateX(-100%) translateX(1.5rem);--_ui5_switch_text_right:calc(-100% + 1.5625rem);--_ui5_switch_root_outline_top_bottom:var(--_ui5_switch_compact_root_outline_top_bottom);--_ui5_switch_root_outline_left_right:var(--_ui5_switch_compact_root_outline_left_right);--_ui5_tc_item_text:2rem;--_ui5_tc_item_text_line_height:1.325rem;--_ui5_tc_item_add_text_margin_top:0.3125rem;--_ui5_tc_header_height:var(--_ui5_tc_header_height_compact);--_ui5_tc_item_height:4rem;--_ui5_tc_item_icon_circle_size:2rem;--_ui5_tc_item_icon_size:1rem;--_ui5_radio_button_min_width:var(--_ui5_radio_button_min_width_compact);--_ui5_radio_button_height:2rem;--_ui5_radio_button_label_side_padding:.5rem;--_ui5_radio_button_inner_size:2rem;--_ui5_radio_button_svg_size:1rem;--_ui5_radio_button_label_width:calc(100% - 2rem + 1px);--_ui5_radio_button_rtl_focus_right:0.375rem;--_ui5-responsive_popover_header_height:2.5rem;--ui5_side_navigation_item_height:2rem;--_ui5_slider_handle_height:1.25rem;--_ui5_slider_handle_width:1.25rem;--_ui5_slider_handle_top:-0.6425rem;--_ui5_slider_handle_margin_left:-0.7825rem;--_ui5_slider_tooltip_height:1rem;--_ui5_slider_tooltip_padding:0.25rem;--_ui5_slider_tooltip_bottom:1.825rem;--_ui5_slider_progress_outline_offset:-0.625rem;--_ui5_slider_outer_height:1.3125rem;--_ui5_load_more_text_height:2.625rem;--_ui5_load_more_text_font_size:var(--sapFontSize);--_ui5_load_more_desc_padding:0 2rem 0.875rem 2rem;--ui5_table_header_row_height:2rem;--_ui5-tree-indent-step:0.5rem;--_ui5-tree-toggle-box-width:2rem;--_ui5-tree-toggle-box-height:1.5rem;--_ui5-tree-toggle-icon-size:0.8125rem;--_ui5_timeline_tli_indicator_before_bottom:-0.5rem;--_ui5_timeline_tli_indicator_before_right:-0.5rem;--_ui5_timeline_tli_indicator_before_without_icon_bottom:-0.75rem;--_ui5_timeline_tli_indicator_before_without_icon_right:-0.8125rem;--_ui5_radio_button_focus_dist:0.25rem;--_ui5_checkbox_focus_position:0.25rem;--_ui5_input_icon_padding:.1875rem .375rem;--_ui5_token_height:1.25rem;--_ui5_token_top_margin:0.0625rem;--_ui5_token_bottom_margin:0.0625rem;--_ui5_slider_icon_left:0.125rem;--_ui5_slider_icon_top:0;--_ui5_slider_handle_focused_top:-0.5625rem;--_ui5_slider_handle_focused_margin_left:-0.6875rem;--_ui5_range_slider_progress_focus_top:-0.9375rem;--_ui5_range_slider_progress_focus_height:1.6875rem;--_ui5_range_slider_progress_focus_left:-1.1875rem;--_ui5_range_slider_progress_focus_padding:0 1rem 0 0.9375rem}