@ui5/webcomponents 2.25.3 → 2.25.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +22 -0
- package/dist/.tsbuildinfo +1 -1
- package/dist/List.js +4 -1
- package/dist/List.js.map +1 -1
- package/dist/ListItem.d.ts +4 -4
- package/dist/ListItem.js +5 -5
- package/dist/ListItem.js.map +1 -1
- package/dist/css/themes/CalendarHeader.css +1 -1
- package/dist/css/themes/DynamicDateRangePopover.css +1 -1
- package/dist/css/themes/sap_fiori_3_hcb/parameters-bundle.css +1 -1
- package/dist/css/themes/sap_fiori_3_hcw/parameters-bundle.css +1 -1
- package/dist/css/themes/sap_horizon/parameters-bundle.css +1 -1
- package/dist/css/themes/sap_horizon_auto/parameters-bundle.css +1 -1
- package/dist/css/themes/sap_horizon_dark/parameters-bundle.css +1 -1
- package/dist/css/themes/sap_horizon_hc_auto/parameters-bundle.css +2 -2
- package/dist/css/themes/sap_horizon_hcb/parameters-bundle.css +1 -1
- package/dist/css/themes/sap_horizon_hcw/parameters-bundle.css +1 -1
- package/dist/custom-elements-internal.json +17 -17
- package/dist/custom-elements.json +16 -16
- package/dist/generated/assets/themes/sap_fiori_3_hcb/parameters-bundle.css.json +1 -1
- package/dist/generated/assets/themes/sap_fiori_3_hcw/parameters-bundle.css.json +1 -1
- package/dist/generated/assets/themes/sap_horizon/parameters-bundle.css.json +1 -1
- package/dist/generated/assets/themes/sap_horizon_auto/parameters-bundle.css.json +1 -1
- package/dist/generated/assets/themes/sap_horizon_dark/parameters-bundle.css.json +1 -1
- package/dist/generated/assets/themes/sap_horizon_hc_auto/parameters-bundle.css.json +1 -1
- package/dist/generated/assets/themes/sap_horizon_hcb/parameters-bundle.css.json +1 -1
- package/dist/generated/assets/themes/sap_horizon_hcw/parameters-bundle.css.json +1 -1
- package/dist/generated/themes/CalendarHeader.css.d.ts +1 -1
- package/dist/generated/themes/CalendarHeader.css.js +1 -1
- package/dist/generated/themes/CalendarHeader.css.js.map +1 -1
- package/dist/generated/themes/DynamicDateRangePopover.css.d.ts +1 -1
- package/dist/generated/themes/DynamicDateRangePopover.css.js +1 -1
- package/dist/generated/themes/DynamicDateRangePopover.css.js.map +1 -1
- package/dist/generated/themes/sap_fiori_3_hcb/parameters-bundle.css.d.ts +1 -1
- package/dist/generated/themes/sap_fiori_3_hcb/parameters-bundle.css.js +1 -1
- package/dist/generated/themes/sap_fiori_3_hcb/parameters-bundle.css.js.map +1 -1
- package/dist/generated/themes/sap_fiori_3_hcw/parameters-bundle.css.d.ts +1 -1
- package/dist/generated/themes/sap_fiori_3_hcw/parameters-bundle.css.js +1 -1
- package/dist/generated/themes/sap_fiori_3_hcw/parameters-bundle.css.js.map +1 -1
- package/dist/generated/themes/sap_horizon/parameters-bundle.css.d.ts +1 -1
- package/dist/generated/themes/sap_horizon/parameters-bundle.css.js +1 -1
- package/dist/generated/themes/sap_horizon/parameters-bundle.css.js.map +1 -1
- package/dist/generated/themes/sap_horizon_auto/parameters-bundle.css.d.ts +1 -1
- package/dist/generated/themes/sap_horizon_auto/parameters-bundle.css.js +1 -1
- package/dist/generated/themes/sap_horizon_auto/parameters-bundle.css.js.map +1 -1
- package/dist/generated/themes/sap_horizon_dark/parameters-bundle.css.d.ts +1 -1
- package/dist/generated/themes/sap_horizon_dark/parameters-bundle.css.js +1 -1
- package/dist/generated/themes/sap_horizon_dark/parameters-bundle.css.js.map +1 -1
- package/dist/generated/themes/sap_horizon_hc_auto/parameters-bundle.css.d.ts +1 -1
- package/dist/generated/themes/sap_horizon_hc_auto/parameters-bundle.css.js +2 -2
- package/dist/generated/themes/sap_horizon_hc_auto/parameters-bundle.css.js.map +1 -1
- package/dist/generated/themes/sap_horizon_hcb/parameters-bundle.css.d.ts +1 -1
- package/dist/generated/themes/sap_horizon_hcb/parameters-bundle.css.js +1 -1
- package/dist/generated/themes/sap_horizon_hcb/parameters-bundle.css.js.map +1 -1
- package/dist/generated/themes/sap_horizon_hcw/parameters-bundle.css.d.ts +1 -1
- package/dist/generated/themes/sap_horizon_hcw/parameters-bundle.css.js +1 -1
- package/dist/generated/themes/sap_horizon_hcw/parameters-bundle.css.js.map +1 -1
- package/dist/types/ListItemType.d.ts +2 -1
- package/dist/types/ListItemType.js +2 -1
- package/dist/types/ListItemType.js.map +1 -1
- package/dist/vscode.html-custom-data.json +8 -8
- package/dist/web-types.json +13 -13
- package/package.json +9 -9
- package/src/themes/CalendarHeader.css +7 -6
- package/src/themes/DynamicDateRangePopover.css +2 -3
- package/src/themes/sap_fiori_3_hcb/CalendarHeader-parameters.css +3 -4
- package/src/themes/sap_fiori_3_hcw/CalendarHeader-parameters.css +3 -4
- package/src/themes/sap_horizon/CalendarHeader-parameters.css +0 -1
- package/src/themes/sap_horizon_dark/CalendarHeader-parameters.css +0 -1
- package/src/themes/sap_horizon_hcb/CalendarHeader-parameters.css +3 -3
- package/src/themes/sap_horizon_hcw/CalendarHeader-parameters.css +3 -3
package/dist/ListItem.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ListItem.js","sourceRoot":"","sources":["../src/ListItem.ts"],"names":[],"mappings":"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","sourcesContent":["import customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport {\n\tisSpace, isEnter, isDelete, isF2,\n} from \"@ui5/webcomponents-base/dist/Keys.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport jsxRenderer from \"@ui5/webcomponents-base/dist/renderer/JsxRenderer.js\";\nimport getActiveElement from \"@ui5/webcomponents-base/dist/util/getActiveElement.js\";\nimport { getTabbableElements } from \"@ui5/webcomponents-base/dist/util/TabbableElements.js\";\nimport type { AccessibilityAttributes, AriaRole, AriaHasPopup } from \"@ui5/webcomponents-base\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport event from \"@ui5/webcomponents-base/dist/decorators/event-strict.js\";\nimport slot from \"@ui5/webcomponents-base/dist/decorators/slot-strict.js\";\nimport i18n from \"@ui5/webcomponents-base/dist/decorators/i18n.js\";\nimport \"@ui5/webcomponents-icons/dist/decline.js\";\nimport \"@ui5/webcomponents-icons/dist/edit.js\";\nimport DragRegistry from \"@ui5/webcomponents-base/dist/util/dragAndDrop/DragRegistry.js\";\nimport Highlight from \"./types/Highlight.js\";\nimport ListItemType from \"./types/ListItemType.js\";\nimport ListSelectionMode from \"./types/ListSelectionMode.js\";\nimport ListItemBase from \"./ListItemBase.js\";\nimport type RadioButton from \"./RadioButton.js\";\nimport type CheckBox from \"./CheckBox.js\";\nimport type { IButton } from \"./Button.js\";\nimport {\n\tDELETE,\n\tARIA_LABEL_LIST_ITEM_CHECKBOX,\n\tARIA_LABEL_LIST_ITEM_RADIO_BUTTON,\n\tLIST_ITEM_ACTIVE,\n\tLIST_ITEM_SELECTED,\n\tLIST_ITEM_NOT_SELECTED,\n} from \"./generated/i18n/i18n-defaults.js\";\nimport type ListItemAccessibleRole from \"./types/ListItemAccessibleRole.js\";\n\n// Styles\nimport styles from \"./generated/themes/ListItem.css.js\";\nimport listItemAdditionalTextCss from \"./generated/themes/ListItemAdditionalText.css.js\";\n\n// Icons\nimport \"@ui5/webcomponents-icons/dist/slim-arrow-right.js\";\nimport type { Slot } from \"@ui5/webcomponents-base/dist/UI5Element.js\";\n\ninterface IAccessibleListItem {\n\taccessibleName?: string;\n\taccessibleNameRef?: string;\n}\n\ntype SelectionRequestEventDetail = {\n\titem: ListItemBase,\n\tselectionComponentPressed: boolean,\n\tselected?: boolean,\n\tkey?: string,\n}\n\ntype AccInfo = {\n\trole?: AriaRole | undefined;\n\tariaExpanded?: boolean;\n\tariaLevel?: number;\n\tariaLabel: string;\n\tariaLabelRadioButton: string;\n\tariaSelectedText?: string;\n\tariaHaspopup?: `${AriaHasPopup}`;\n\tposinset?: number;\n\tsetsize?: number;\n\tariaSelected?: boolean;\n\tariaChecked?: boolean;\n\tlistItemAriaLabel?: string;\n\tariaOwns?: string;\n\ttooltip?: string;\n\tariaKeyShortcuts?: string;\n\tariaDescribedBy?: string;\n}\n\ntype ListItemAccessibilityAttributes = Pick<AccessibilityAttributes, \"hasPopup\" | \"ariaSetsize\" | \"ariaPosinset\">;\n\n/**\n * @class\n * A class to serve as a base\n * for the `ListItemStandard` and `ListItemCustom` classes.\n * @constructor\n * @abstract\n * @extends ListItemBase\n * @public\n */\n@customElement({\n\tlanguageAware: true,\n\trenderer: jsxRenderer,\n\tstyles: [\n\t\tListItemBase.styles,\n\t\tlistItemAdditionalTextCss,\n\t\tstyles,\n\t],\n})\n/**\n * Fired when the user clicks on the detail button when type is `Detail`.\n * @public\n */\n@event(\"detail-click\", {\n\tbubbles: true,\n})\n@event(\"selection-requested\", {\n\tbubbles: true,\n})\nabstract class ListItem extends ListItemBase {\n\teventDetails!: ListItemBase[\"eventDetails\"] & {\n\t\t\"detail-click\": { item: ListItem, selected: boolean };\n\t\t\"selection-requested\": SelectionRequestEventDetail,\n\t}\n\t/**\n\t * Defines the visual indication and behavior of the list items.\n\t * Available options are `Active` (by default), `Inactive`, `InactiveSelectable`, `Detail` and `Navigation`.\n\t *\n\t * **Note:** When set to `Active` or `Navigation`, the item will provide visual response upon press and hover,\n\t * while with type `Inactive`, `InactiveSelectable` and `Detail` - will not.\n\t *\n\t * **Note:** `InactiveSelectable` behaves like `Inactive` but allows selection to be toggled\n\t * via the checkbox (Multi mode) or radio button (Single modes) when the list has a selection mode.\n\t * Clicking the item body or pressing Space/Enter does not trigger selection — only interacting\n\t * with the selection component directly does. The `item-click` event is not fired for this type.\n\t * @default \"Active\"\n\t * @public\n\t*/\n\t@property()\n\ttype: `${ListItemType}` = \"Active\";\n\n\t/**\n\t * Defines the additional accessibility attributes that will be applied to the component.\n\t * The following fields are supported:\n\t *\n\t * - **ariaSetsize**: Defines the number of items in the current set when not all items in the set are present in the DOM.\n\t * **Note:** The value is an integer reflecting the number of items in the complete set. If the size of the entire set is unknown, set `-1`.\n\t *\n\t * \t- **ariaPosinset**: Defines an element's number or position in the current set when not all items are present in the DOM.\n\t * \t**Note:** The value is an integer greater than or equal to 1, and less than or equal to the size of the set when that size is known.\n\t *\n\t * @default {}\n\t * @public\n\t * @since 1.15.0\n\t */\n\t@property({ type: Object })\n\taccessibilityAttributes: ListItemAccessibilityAttributes = {};\n\n\t/**\n\t * The navigated state of the list item.\n\t * If set to `true`, a navigation indicator is displayed at the end of the list item.\n\t * @default false\n\t * @public\n\t * @since 1.10.0\n\t */\n\t@property({ type: Boolean })\n\tnavigated = false;\n\n\t/**\n\t * Defines the text of the tooltip that would be displayed for the list item.\n\t * @default undefined\n\t * @public\n\t * @since 1.23.0\n\t */\n\t@property()\n\ttooltip?: string;\n\n\t/**\n\t * Indicates if the list item is active, e.g pressed down with the mouse or the keyboard keys.\n\t * @private\n\t*/\n\t@property({ type: Boolean })\n\tactive = false;\n\n\t/**\n\t * Defines the highlight state of the list items.\n\t * Available options are: `\"None\"` (by default), `\"Positive\"`, `\"Critical\"`, `\"Information\"` and `\"Negative\"`.\n\t * @default \"None\"\n\t * @public\n\t * @since 1.24\n\t */\n\t@property()\n\thighlight: `${Highlight}` = \"None\";\n\n\t/**\n\t * Defines the selected state of the component.\n\t * @default false\n\t * @public\n\t */\n\t@property({ type: Boolean })\n\tdeclare selected: boolean;\n\n\t/**\n\t * Used to define the role of the list item.\n\t *\n\t * **Note:** If not set, the role is automatically inherited from the parent `ui5-list` based on its `accessible-role` property\n\t * (e.g. `Menu` -> `MenuItem`, `Tree` -> `TreeItem`, `ListBox` -> `Option`).\n\t * An explicitly set `accessible-role` on the list item takes precedence over the inherited role.\n\t * @default undefined\n\t * @public\n\t * @since 2.23.0\n\t */\n\t@property()\n\taccessibleRole?: `${ListItemAccessibleRole}`;\n\n\t@property()\n\t_forcedAccessibleRole?: string;\n\n\t@property({ noAttribute: true })\n\t_inheritedAccessibleRole?: string;\n\n\t@property()\n\t_selectionMode: `${ListSelectionMode}` = \"None\";\n\n\t/**\n\t * Indicates whether the list item is in edit mode.\n\t * When active, Tab cycles through internal focusable elements\n\t * instead of navigating to the next list item.\n\t * Toggled by F2; also set by the parent List on F7.\n\t * @private\n\t */\n\t_editMode = false;\n\n\t/**\n\t * Defines the current media query size.\n\t * @default \"S\"\n\t * @private\n\t */\n\t@property()\n\tmediaRange = \"S\";\n\n\t/**\n\t * Defines the delete button, displayed in \"Delete\" mode.\n\t * **Note:** While the slot allows custom buttons, to match\n\t * design guidelines, please use the `ui5-button` component.\n\t * **Note:** When the slot is not present, a built-in delete button will be displayed.\n\t * @since 1.9.0\n\t * @public\n\t*/\n\t@slot()\n\tdeleteButton!: Slot<IButton>;\n\n\tdeactivateByKey: (e: KeyboardEvent) => void;\n\tdeactivate: () => void;\n\t// used in template, implemented in TreeItemBase, ListItemStandard\n\taccessibleName?: string;\n\t// used in ListItem template but implemented in TreeItemBase\n\tindeterminate?: boolean;\n\n\t@i18n(\"@ui5/webcomponents\")\n\tstatic i18nBundle: I18nBundle;\n\n\tconstructor() {\n\t\tsuper();\n\n\t\tthis.deactivateByKey = (e: KeyboardEvent) => {\n\t\t\tif (isEnter(e)) {\n\t\t\t\tthis.deactivate();\n\t\t\t}\n\t\t};\n\n\t\tthis.deactivate = () => {\n\t\t\tif (this.active) {\n\t\t\t\tthis.active = false;\n\t\t\t}\n\t\t};\n\t}\n\n\tonBeforeRendering() {\n\t\tsuper.onBeforeRendering();\n\t\tthis.actionable = (this.type === ListItemType.Active || this.type === ListItemType.Navigation) && (this._selectionMode !== ListSelectionMode.Delete);\n\t}\n\n\tonEnterDOM() {\n\t\tsuper.onEnterDOM();\n\t\tdocument.addEventListener(\"mouseup\", this.deactivate);\n\t\tdocument.addEventListener(\"touchend\", this.deactivate);\n\t\tdocument.addEventListener(\"keyup\", this.deactivateByKey);\n\t}\n\n\tonExitDOM() {\n\t\tdocument.removeEventListener(\"mouseup\", this.deactivate);\n\t\tdocument.removeEventListener(\"keyup\", this.deactivateByKey);\n\t\tdocument.removeEventListener(\"touchend\", this.deactivate);\n\t}\n\n\t_onkeydown(e: KeyboardEvent) {\n\t\tconst isInternalElementFocused = e.target !== this.getFocusDomRef();\n\n\t\tif ((isSpace(e) || isEnter(e)) && isInternalElementFocused) {\n\t\t\treturn;\n\t\t}\n\n\t\tsuper._onkeydown(e);\n\n\t\tconst itemActive = this.type === ListItemType.Active,\n\t\t\titemNavigated = this.typeNavigation;\n\n\t\tif ((isSpace(e) || isEnter(e)) && (itemActive || itemNavigated)) {\n\t\t\tthis.activate();\n\t\t}\n\n\t\tif (isF2(e)) {\n\t\t\tthis._handleF2();\n\t\t}\n\t}\n\n\t_onkeyup(e: KeyboardEvent) {\n\t\tsuper._onkeyup(e);\n\n\t\tif (isSpace(e) || isEnter(e)) {\n\t\t\tthis.deactivate();\n\t\t}\n\n\t\tif (this.modeDelete && isDelete(e)) {\n\t\t\tthis.onDelete();\n\t\t}\n\t}\n\n\t_onmousedown() {\n\t\tthis.activate();\n\t}\n\n\t_onmouseup() {\n\t\tif (this.getFocusDomRef()!.matches(\":has(:focus-within)\")) {\n\t\t\treturn;\n\t\t}\n\t\tthis.deactivate();\n\t}\n\n\t_ontouchend() {\n\t\tthis._onmouseup();\n\t}\n\n\t_onfocusin(e: FocusEvent) {\n\t\tsuper._onfocusin(e);\n\n\t\tif (e.target !== this.getFocusDomRef()) {\n\t\t\tthis.deactivate();\n\t\t}\n\t}\n\n\t_onfocusout(e: FocusEvent) {\n\t\tif (this._editMode) {\n\t\t\tconst relatedTarget = e.relatedTarget as Node;\n\t\t\tif (!relatedTarget || !(this.contains(relatedTarget) || this.shadowRoot!.contains(relatedTarget))) {\n\t\t\t\tthis._editMode = false;\n\t\t\t}\n\t\t}\n\n\t\tif (e.target !== this.getFocusDomRef()) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.deactivate();\n\t}\n\n\t_ondragstart(e: DragEvent) {\n\t\tif (!e.dataTransfer) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (e.target === this._listItem) {\n\t\t\tDragRegistry.setDraggedElement(this, e);\n\t\t\tthis.setAttribute(\"data-moving\", \"\");\n\t\t\te.dataTransfer.dropEffect = \"move\";\n\t\t\te.dataTransfer.effectAllowed = \"move\";\n\t\t}\n\t}\n\n\t_ondragend(e: DragEvent) {\n\t\tif (e.target === this._listItem) {\n\t\t\tDragRegistry.clearDraggedElement();\n\t\t\tthis.removeAttribute(\"data-moving\");\n\t\t}\n\t}\n\n\t/**\n\t * Called when selection components in Single (ui5-radio-button)\n\t * and Multi (ui5-checkbox) selection modes are used.\n\t */\n\tonMultiSelectionComponentPress(e: CustomEvent) {\n\t\tif (this.isInactive) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.fireDecoratorEvent(\"selection-requested\", { item: this, selected: (e.target as CheckBox).checked, selectionComponentPressed: true });\n\t}\n\n\tonSingleSelectionComponentPress(e: CustomEvent) {\n\t\tif (this.isInactive) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.fireDecoratorEvent(\"selection-requested\", { item: this, selected: !(e.target as RadioButton).checked, selectionComponentPressed: true });\n\t}\n\n\tactivate() {\n\t\tif (this.type === ListItemType.Active || this.type === ListItemType.Navigation) {\n\t\t\tthis.active = true;\n\t\t}\n\t}\n\n\tonDelete() {\n\t\tthis.fireDecoratorEvent(\"selection-requested\", { item: this, selectionComponentPressed: false });\n\t}\n\n\tonDetailClick() {\n\t\tthis.fireDecoratorEvent(\"detail-click\", { item: this, selected: this.selected });\n\t}\n\n\tfireItemPress(e: Event) {\n\t\tif (this.isInactive || this.isInactiveSelectable) {\n\t\t\treturn;\n\t\t}\n\t\tsuper.fireItemPress(e);\n\t\tif (document.activeElement !== this) {\n\t\t\tthis.focus();\n\t\t}\n\t}\n\n\tget isInactive() {\n\t\treturn this.type === ListItemType.Inactive || this.type === ListItemType.Detail;\n\t}\n\n\tget isInactiveSelectable() {\n\t\treturn this.type === ListItemType.InactiveSelectable;\n\t}\n\n\tget placeSelectionElementBefore() {\n\t\treturn this._selectionMode === ListSelectionMode.Multiple\n\t\t\t|| this._selectionMode === ListSelectionMode.SingleStart;\n\t}\n\n\tget placeSelectionElementAfter() {\n\t\treturn !this.placeSelectionElementBefore\n\t\t\t&& (this._selectionMode === ListSelectionMode.SingleEnd || this._selectionMode === ListSelectionMode.Delete);\n\t}\n\n\tget modeSingleSelect() {\n\t\treturn [\n\t\t\tListSelectionMode.SingleStart,\n\t\t\tListSelectionMode.SingleEnd,\n\t\t\tListSelectionMode.Single,\n\t\t].includes(this._selectionMode as ListSelectionMode);\n\t}\n\n\tget modeMultiple() {\n\t\treturn this._selectionMode === ListSelectionMode.Multiple;\n\t}\n\n\tget modeDelete() {\n\t\treturn this._selectionMode === ListSelectionMode.Delete;\n\t}\n\n\tget typeDetail() {\n\t\treturn this.type === ListItemType.Detail;\n\t}\n\n\tget typeNavigation() {\n\t\treturn this.type === ListItemType.Navigation;\n\t}\n\n\tget typeActive() {\n\t\treturn this.type === ListItemType.Active;\n\t}\n\n\tget _ariaSelected() {\n\t\tif (this.modeMultiple || this.modeSingleSelect) {\n\t\t\treturn this.selected;\n\t\t}\n\n\t\treturn undefined;\n\t}\n\n\tget listItemAccessibleRole() {\n\t\tif (this._forcedAccessibleRole) {\n\t\t\treturn this._forcedAccessibleRole as AriaRole;\n\t\t}\n\t\tif (this.accessibleRole) {\n\t\t\treturn this.accessibleRole.toLowerCase() as AriaRole;\n\t\t}\n\t\treturn (this._inheritedAccessibleRole || \"listitem\") as AriaRole;\n\t}\n\n\tget ariaSelectedText() {\n\t\tlet ariaSelectedText;\n\n\t\t// Selected state needs to be supported separately since now the role mapping is list -> listitem[]\n\t\t// to avoid the issue of nesting interactive elements, ex. (option -> radio/checkbox);\n\t\t// The text is added to aria-describedby because as part of the aria-labelledby\n\t\t// the whole content of the item is readout when the aria-labelledby value is changed.\n\t\tif (this._ariaSelected !== undefined) {\n\t\t\tariaSelectedText = this._ariaSelected ? ListItem.i18nBundle.getText(LIST_ITEM_SELECTED) : ListItem.i18nBundle.getText(LIST_ITEM_NOT_SELECTED);\n\t\t}\n\n\t\treturn ariaSelectedText;\n\t}\n\n\tget deleteText() {\n\t\treturn ListItem.i18nBundle.getText(DELETE);\n\t}\n\n\tget hasDeleteButtonSlot() {\n\t\treturn !!this.deleteButton.length;\n\t}\n\n\tget _accessibleNameRef(): string {\n\t\tif ((this as IAccessibleListItem).accessibleName) {\n\t\t\t// accessibleName is set - return labels excluding content\n\t\t\treturn `${this._id}-invisibleText`;\n\t\t}\n\n\t\t// accessibleName is not set - return _accInfo.listItemAriaLabel including content\n\t\treturn `${this._id}-content ${this._id}-invisibleText`;\n\t}\n\n\tget ariaLabelledByText() {\n\t\tconst texts = [\n\t\t\tthis._accInfo.listItemAriaLabel,\n\t\t\tthis.accessibleName,\n\t\t\tthis.typeActive ? ListItem.i18nBundle.getText(LIST_ITEM_ACTIVE) : undefined,\n\t\t].filter(Boolean);\n\n\t\treturn texts.join(\" \");\n\t}\n\n\tget _ariaDescribedByIds() {\n\t\treturn `${this._id}-invisibleText-describedby`;\n\t}\n\n\tget _accInfo(): AccInfo {\n\t\treturn {\n\t\t\trole: this.listItemAccessibleRole,\n\t\t\tariaExpanded: undefined,\n\t\t\tariaLevel: undefined,\n\t\t\tariaLabel: ListItem.i18nBundle.getText(ARIA_LABEL_LIST_ITEM_CHECKBOX),\n\t\t\tariaLabelRadioButton: ListItem.i18nBundle.getText(ARIA_LABEL_LIST_ITEM_RADIO_BUTTON),\n\t\t\tariaSelected: this._ariaSelected,\n\t\t\tariaSelectedText: this.ariaSelectedText,\n\t\t\tariaHaspopup: this.accessibilityAttributes.hasPopup,\n\t\t\tsetsize: this.accessibilityAttributes.ariaSetsize,\n\t\t\tposinset: this.accessibilityAttributes.ariaPosinset,\n\t\t\ttooltip: this.tooltip,\n\t\t\tariaDescribedBy: this._ariaDescribedByIds || undefined,\n\t\t};\n\t}\n\n\tget _hasHighlightColor() {\n\t\treturn this.highlight !== Highlight.None;\n\t}\n\n\tget hasConfigurableMode() {\n\t\treturn true;\n\t}\n\n\tget _listItem() {\n\t\treturn this.shadowRoot!.querySelector(\"li\");\n\t}\n\n\t_handleF2() {\n\t\tconst focusDomRef = this.getFocusDomRef()!;\n\n\t\tif (getActiveElement() === focusDomRef) {\n\t\t\tconst focusables = this._getFocusableElements();\n\t\t\tif (!focusables.length) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tthis._editMode = true;\n\t\t\tfocusables[0].focus();\n\t\t} else {\n\t\t\tthis._editMode = false;\n\t\t\tfocusDomRef.focus();\n\t\t}\n\t}\n\n\t_handleTabNext(e: KeyboardEvent) {\n\t\tif (this._editMode) {\n\t\t\tconst focusables = this._getFocusableElements();\n\t\t\tconst currentIndex = this._indexOfActiveElement(focusables);\n\t\t\tconst nextIndex = currentIndex + 1;\n\n\t\t\tif (currentIndex !== -1 && nextIndex < focusables.length) {\n\t\t\t\te.preventDefault();\n\t\t\t\tfocusables[nextIndex].focus();\n\t\t\t} else if (!this.fireDecoratorEvent(\"forward-after\")) {\n\t\t\t\te.preventDefault();\n\t\t\t}\n\t\t\treturn;\n\t\t}\n\n\t\tif (!this.fireDecoratorEvent(\"forward-after\")) {\n\t\t\te.preventDefault();\n\t\t}\n\t}\n\n\t_handleTabPrevious(e: KeyboardEvent) {\n\t\tif (this._editMode) {\n\t\t\tconst focusables = this._getFocusableElements();\n\t\t\tconst currentIndex = this._indexOfActiveElement(focusables);\n\t\t\tif (currentIndex > 0) {\n\t\t\t\te.preventDefault();\n\t\t\t\tfocusables[currentIndex - 1].focus();\n\t\t\t} else if (!this.fireDecoratorEvent(\"forward-before\")) {\n\t\t\t\te.preventDefault();\n\t\t\t}\n\t\t\treturn;\n\t\t}\n\n\t\tif (!this.fireDecoratorEvent(\"forward-before\")) {\n\t\t\te.preventDefault();\n\t\t}\n\t}\n\n\t_getFocusableElements(): HTMLElement[] {\n\t\tconst focusDomRef = this.getFocusDomRef()!;\n\t\treturn getTabbableElements(focusDomRef);\n\t}\n\n\t_indexOfActiveElement(focusables: HTMLElement[]): number {\n\t\tconst activeElement = getActiveElement() as HTMLElement;\n\t\treturn focusables.findIndex(el => el === activeElement || (el.shadowRoot !== null && el.shadowRoot.contains(activeElement)));\n\t}\n\n\t_getFocusedElementIndex(): number {\n\t\treturn this._indexOfActiveElement(this._getFocusableElements());\n\t}\n\n\t_hasFocusableElements(): boolean {\n\t\treturn this._getFocusableElements().length > 0;\n\t}\n\n\t_isFocusOnInternalElement(): boolean {\n\t\treturn this._indexOfActiveElement(this._getFocusableElements()) !== -1;\n\t}\n\n\t_focusInternalElement(targetIndex: number) {\n\t\tconst focusables = this._getFocusableElements();\n\t\tif (!focusables.length) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst safeIndex = Math.min(targetIndex, focusables.length - 1);\n\t\tconst elementToFocus = focusables[safeIndex];\n\n\t\telementToFocus.focus();\n\n\t\treturn safeIndex;\n\t}\n}\n\nexport default ListItem;\nexport type {\n\tIAccessibleListItem,\n\tSelectionRequestEventDetail,\n\tListItemAccessibilityAttributes,\n};\n"]}
|
|
1
|
+
{"version":3,"file":"ListItem.js","sourceRoot":"","sources":["../src/ListItem.ts"],"names":[],"mappings":"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","sourcesContent":["import customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport {\n\tisSpace, isEnter, isDelete, isF2,\n} from \"@ui5/webcomponents-base/dist/Keys.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport jsxRenderer from \"@ui5/webcomponents-base/dist/renderer/JsxRenderer.js\";\nimport getActiveElement from \"@ui5/webcomponents-base/dist/util/getActiveElement.js\";\nimport { getTabbableElements } from \"@ui5/webcomponents-base/dist/util/TabbableElements.js\";\nimport type { AccessibilityAttributes, AriaRole, AriaHasPopup } from \"@ui5/webcomponents-base\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport event from \"@ui5/webcomponents-base/dist/decorators/event-strict.js\";\nimport slot from \"@ui5/webcomponents-base/dist/decorators/slot-strict.js\";\nimport i18n from \"@ui5/webcomponents-base/dist/decorators/i18n.js\";\nimport \"@ui5/webcomponents-icons/dist/decline.js\";\nimport \"@ui5/webcomponents-icons/dist/edit.js\";\nimport DragRegistry from \"@ui5/webcomponents-base/dist/util/dragAndDrop/DragRegistry.js\";\nimport Highlight from \"./types/Highlight.js\";\nimport ListItemType from \"./types/ListItemType.js\";\nimport ListSelectionMode from \"./types/ListSelectionMode.js\";\nimport ListItemBase from \"./ListItemBase.js\";\nimport type RadioButton from \"./RadioButton.js\";\nimport type CheckBox from \"./CheckBox.js\";\nimport type { IButton } from \"./Button.js\";\nimport {\n\tDELETE,\n\tARIA_LABEL_LIST_ITEM_CHECKBOX,\n\tARIA_LABEL_LIST_ITEM_RADIO_BUTTON,\n\tLIST_ITEM_ACTIVE,\n\tLIST_ITEM_SELECTED,\n\tLIST_ITEM_NOT_SELECTED,\n} from \"./generated/i18n/i18n-defaults.js\";\nimport type ListItemAccessibleRole from \"./types/ListItemAccessibleRole.js\";\n\n// Styles\nimport styles from \"./generated/themes/ListItem.css.js\";\nimport listItemAdditionalTextCss from \"./generated/themes/ListItemAdditionalText.css.js\";\n\n// Icons\nimport \"@ui5/webcomponents-icons/dist/slim-arrow-right.js\";\nimport type { Slot } from \"@ui5/webcomponents-base/dist/UI5Element.js\";\n\ninterface IAccessibleListItem {\n\taccessibleName?: string;\n\taccessibleNameRef?: string;\n}\n\ntype SelectionRequestEventDetail = {\n\titem: ListItemBase,\n\tselectionComponentPressed: boolean,\n\tselected?: boolean,\n\tkey?: string,\n}\n\ntype AccInfo = {\n\trole?: AriaRole | undefined;\n\tariaExpanded?: boolean;\n\tariaLevel?: number;\n\tariaLabel: string;\n\tariaLabelRadioButton: string;\n\tariaSelectedText?: string;\n\tariaHaspopup?: `${AriaHasPopup}`;\n\tposinset?: number;\n\tsetsize?: number;\n\tariaSelected?: boolean;\n\tariaChecked?: boolean;\n\tlistItemAriaLabel?: string;\n\tariaOwns?: string;\n\ttooltip?: string;\n\tariaKeyShortcuts?: string;\n\tariaDescribedBy?: string;\n}\n\ntype ListItemAccessibilityAttributes = Pick<AccessibilityAttributes, \"hasPopup\" | \"ariaSetsize\" | \"ariaPosinset\">;\n\n/**\n * @class\n * A class to serve as a base\n * for the `ListItemStandard` and `ListItemCustom` classes.\n * @constructor\n * @abstract\n * @extends ListItemBase\n * @public\n */\n@customElement({\n\tlanguageAware: true,\n\trenderer: jsxRenderer,\n\tstyles: [\n\t\tListItemBase.styles,\n\t\tlistItemAdditionalTextCss,\n\t\tstyles,\n\t],\n})\n/**\n * Fired when the user clicks on the detail button when type is `Detail`.\n * @public\n */\n@event(\"detail-click\", {\n\tbubbles: true,\n})\n@event(\"selection-requested\", {\n\tbubbles: true,\n})\nabstract class ListItem extends ListItemBase {\n\teventDetails!: ListItemBase[\"eventDetails\"] & {\n\t\t\"detail-click\": { item: ListItem, selected: boolean };\n\t\t\"selection-requested\": SelectionRequestEventDetail,\n\t}\n\t/**\n\t * Defines the visual indication and behavior of the list items.\n\t * Available options are `Active` (by default), `Inactive`, `InactiveSelectable`, `Detail` and `Navigation`.\n\t *\n\t * **Note:** When set to `Active` or `Navigation`, the item will provide visual response upon press and hover,\n\t * while with type `Inactive`, `InactiveSelectable` and `Detail` - will not.\n\t *\n\t * **Note:** `InactiveSelectable` behaves like `Inactive` (no active press/hover feedback and the\n\t * `item-click` event is not fired), but the item can still be selected. Clicking the item body,\n\t * pressing Space/Enter, or interacting with the selection component (checkbox in Multi mode, radio\n\t * button in Single modes) toggles the selection when the list has a selection mode.\n\t * @default \"Active\"\n\t * @public\n\t*/\n\t@property()\n\ttype: `${ListItemType}` = \"Active\";\n\n\t/**\n\t * Defines the additional accessibility attributes that will be applied to the component.\n\t * The following fields are supported:\n\t *\n\t * - **ariaSetsize**: Defines the number of items in the current set when not all items in the set are present in the DOM.\n\t * **Note:** The value is an integer reflecting the number of items in the complete set. If the size of the entire set is unknown, set `-1`.\n\t *\n\t * \t- **ariaPosinset**: Defines an element's number or position in the current set when not all items are present in the DOM.\n\t * \t**Note:** The value is an integer greater than or equal to 1, and less than or equal to the size of the set when that size is known.\n\t *\n\t * @default {}\n\t * @public\n\t * @since 1.15.0\n\t */\n\t@property({ type: Object })\n\taccessibilityAttributes: ListItemAccessibilityAttributes = {};\n\n\t/**\n\t * The navigated state of the list item.\n\t * If set to `true`, a navigation indicator is displayed at the end of the list item.\n\t * @default false\n\t * @public\n\t * @since 1.10.0\n\t */\n\t@property({ type: Boolean })\n\tnavigated = false;\n\n\t/**\n\t * Defines the text of the tooltip that would be displayed for the list item.\n\t * @default undefined\n\t * @public\n\t * @since 1.23.0\n\t */\n\t@property()\n\ttooltip?: string;\n\n\t/**\n\t * Indicates if the list item is active, e.g pressed down with the mouse or the keyboard keys.\n\t * @private\n\t*/\n\t@property({ type: Boolean })\n\tactive = false;\n\n\t/**\n\t * Defines the highlight state of the list items.\n\t * Available options are: `\"None\"` (by default), `\"Positive\"`, `\"Critical\"`, `\"Information\"` and `\"Negative\"`.\n\t * @default \"None\"\n\t * @public\n\t * @since 1.24\n\t */\n\t@property()\n\thighlight: `${Highlight}` = \"None\";\n\n\t/**\n\t * Defines the selected state of the component.\n\t * @default false\n\t * @public\n\t */\n\t@property({ type: Boolean })\n\tdeclare selected: boolean;\n\n\t/**\n\t * Used to define the role of the list item.\n\t *\n\t * **Note:** If not set, the role is automatically inherited from the parent `ui5-list` based on its `accessible-role` property\n\t * (e.g. `Menu` -> `MenuItem`, `Tree` -> `TreeItem`, `ListBox` -> `Option`).\n\t * An explicitly set `accessible-role` on the list item takes precedence over the inherited role.\n\t * @default undefined\n\t * @public\n\t * @since 2.23.0\n\t */\n\t@property()\n\taccessibleRole?: `${ListItemAccessibleRole}`;\n\n\t@property()\n\t_forcedAccessibleRole?: string;\n\n\t@property({ noAttribute: true })\n\t_inheritedAccessibleRole?: string;\n\n\t@property()\n\t_selectionMode: `${ListSelectionMode}` = \"None\";\n\n\t/**\n\t * Indicates whether the list item is in edit mode.\n\t * When active, Tab cycles through internal focusable elements\n\t * instead of navigating to the next list item.\n\t * Toggled by F2; also set by the parent List on F7.\n\t * @private\n\t */\n\t_editMode = false;\n\n\t/**\n\t * Defines the current media query size.\n\t * @default \"S\"\n\t * @private\n\t */\n\t@property()\n\tmediaRange = \"S\";\n\n\t/**\n\t * Defines the delete button, displayed in \"Delete\" mode.\n\t * **Note:** While the slot allows custom buttons, to match\n\t * design guidelines, please use the `ui5-button` component.\n\t * **Note:** When the slot is not present, a built-in delete button will be displayed.\n\t * @since 1.9.0\n\t * @public\n\t*/\n\t@slot()\n\tdeleteButton!: Slot<IButton>;\n\n\tdeactivateByKey: (e: KeyboardEvent) => void;\n\tdeactivate: () => void;\n\t// used in template, implemented in TreeItemBase, ListItemStandard\n\taccessibleName?: string;\n\t// used in ListItem template but implemented in TreeItemBase\n\tindeterminate?: boolean;\n\n\t@i18n(\"@ui5/webcomponents\")\n\tstatic i18nBundle: I18nBundle;\n\n\tconstructor() {\n\t\tsuper();\n\n\t\tthis.deactivateByKey = (e: KeyboardEvent) => {\n\t\t\tif (isEnter(e)) {\n\t\t\t\tthis.deactivate();\n\t\t\t}\n\t\t};\n\n\t\tthis.deactivate = () => {\n\t\t\tif (this.active) {\n\t\t\t\tthis.active = false;\n\t\t\t}\n\t\t};\n\t}\n\n\tonBeforeRendering() {\n\t\tsuper.onBeforeRendering();\n\t\tthis.actionable = (this.type === ListItemType.Active || this.type === ListItemType.Navigation) && (this._selectionMode !== ListSelectionMode.Delete);\n\t}\n\n\tonEnterDOM() {\n\t\tsuper.onEnterDOM();\n\t\tdocument.addEventListener(\"mouseup\", this.deactivate);\n\t\tdocument.addEventListener(\"touchend\", this.deactivate);\n\t\tdocument.addEventListener(\"keyup\", this.deactivateByKey);\n\t}\n\n\tonExitDOM() {\n\t\tdocument.removeEventListener(\"mouseup\", this.deactivate);\n\t\tdocument.removeEventListener(\"keyup\", this.deactivateByKey);\n\t\tdocument.removeEventListener(\"touchend\", this.deactivate);\n\t}\n\n\t_onkeydown(e: KeyboardEvent) {\n\t\tconst isInternalElementFocused = e.target !== this.getFocusDomRef();\n\n\t\tif ((isSpace(e) || isEnter(e)) && isInternalElementFocused) {\n\t\t\treturn;\n\t\t}\n\n\t\tsuper._onkeydown(e);\n\n\t\tconst itemActive = this.type === ListItemType.Active,\n\t\t\titemNavigated = this.typeNavigation;\n\n\t\tif ((isSpace(e) || isEnter(e)) && (itemActive || itemNavigated)) {\n\t\t\tthis.activate();\n\t\t}\n\n\t\tif (isF2(e)) {\n\t\t\tthis._handleF2();\n\t\t}\n\t}\n\n\t_onkeyup(e: KeyboardEvent) {\n\t\tsuper._onkeyup(e);\n\n\t\tif (isSpace(e) || isEnter(e)) {\n\t\t\tthis.deactivate();\n\t\t}\n\n\t\tif (this.modeDelete && isDelete(e)) {\n\t\t\tthis.onDelete();\n\t\t}\n\t}\n\n\t_onmousedown() {\n\t\tthis.activate();\n\t}\n\n\t_onmouseup() {\n\t\tif (this.getFocusDomRef()!.matches(\":has(:focus-within)\")) {\n\t\t\treturn;\n\t\t}\n\t\tthis.deactivate();\n\t}\n\n\t_ontouchend() {\n\t\tthis._onmouseup();\n\t}\n\n\t_onfocusin(e: FocusEvent) {\n\t\tsuper._onfocusin(e);\n\n\t\tif (e.target !== this.getFocusDomRef()) {\n\t\t\tthis.deactivate();\n\t\t}\n\t}\n\n\t_onfocusout(e: FocusEvent) {\n\t\tif (this._editMode) {\n\t\t\tconst relatedTarget = e.relatedTarget as Node;\n\t\t\tif (!relatedTarget || !(this.contains(relatedTarget) || this.shadowRoot!.contains(relatedTarget))) {\n\t\t\t\tthis._editMode = false;\n\t\t\t}\n\t\t}\n\n\t\tif (e.target !== this.getFocusDomRef()) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.deactivate();\n\t}\n\n\t_ondragstart(e: DragEvent) {\n\t\tif (!e.dataTransfer) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (e.target === this._listItem) {\n\t\t\tDragRegistry.setDraggedElement(this, e);\n\t\t\tthis.setAttribute(\"data-moving\", \"\");\n\t\t\te.dataTransfer.dropEffect = \"move\";\n\t\t\te.dataTransfer.effectAllowed = \"move\";\n\t\t}\n\t}\n\n\t_ondragend(e: DragEvent) {\n\t\tif (e.target === this._listItem) {\n\t\t\tDragRegistry.clearDraggedElement();\n\t\t\tthis.removeAttribute(\"data-moving\");\n\t\t}\n\t}\n\n\t/**\n\t * Called when selection components in Single (ui5-radio-button)\n\t * and Multi (ui5-checkbox) selection modes are used.\n\t */\n\tonMultiSelectionComponentPress(e: CustomEvent) {\n\t\tif (this.isInactive) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.fireDecoratorEvent(\"selection-requested\", { item: this, selected: (e.target as CheckBox).checked, selectionComponentPressed: true });\n\t}\n\n\tonSingleSelectionComponentPress(e: CustomEvent) {\n\t\tif (this.isInactive) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.fireDecoratorEvent(\"selection-requested\", { item: this, selected: !(e.target as RadioButton).checked, selectionComponentPressed: true });\n\t}\n\n\tactivate() {\n\t\tif (this.type === ListItemType.Active || this.type === ListItemType.Navigation) {\n\t\t\tthis.active = true;\n\t\t}\n\t}\n\n\tonDelete() {\n\t\tthis.fireDecoratorEvent(\"selection-requested\", { item: this, selectionComponentPressed: false });\n\t}\n\n\tonDetailClick() {\n\t\tthis.fireDecoratorEvent(\"detail-click\", { item: this, selected: this.selected });\n\t}\n\n\tfireItemPress(e: Event) {\n\t\tif (this.isInactive) {\n\t\t\treturn;\n\t\t}\n\t\tsuper.fireItemPress(e);\n\t\tif (document.activeElement !== this) {\n\t\t\tthis.focus();\n\t\t}\n\t}\n\n\tget isInactive() {\n\t\treturn this.type === ListItemType.Inactive || this.type === ListItemType.Detail;\n\t}\n\n\tget isInactiveSelectable() {\n\t\treturn this.type === ListItemType.InactiveSelectable;\n\t}\n\n\tget placeSelectionElementBefore() {\n\t\treturn this._selectionMode === ListSelectionMode.Multiple\n\t\t\t|| this._selectionMode === ListSelectionMode.SingleStart;\n\t}\n\n\tget placeSelectionElementAfter() {\n\t\treturn !this.placeSelectionElementBefore\n\t\t\t&& (this._selectionMode === ListSelectionMode.SingleEnd || this._selectionMode === ListSelectionMode.Delete);\n\t}\n\n\tget modeSingleSelect() {\n\t\treturn [\n\t\t\tListSelectionMode.SingleStart,\n\t\t\tListSelectionMode.SingleEnd,\n\t\t\tListSelectionMode.Single,\n\t\t].includes(this._selectionMode as ListSelectionMode);\n\t}\n\n\tget modeMultiple() {\n\t\treturn this._selectionMode === ListSelectionMode.Multiple;\n\t}\n\n\tget modeDelete() {\n\t\treturn this._selectionMode === ListSelectionMode.Delete;\n\t}\n\n\tget typeDetail() {\n\t\treturn this.type === ListItemType.Detail;\n\t}\n\n\tget typeNavigation() {\n\t\treturn this.type === ListItemType.Navigation;\n\t}\n\n\tget typeActive() {\n\t\treturn this.type === ListItemType.Active;\n\t}\n\n\tget _ariaSelected() {\n\t\tif (this.modeMultiple || this.modeSingleSelect) {\n\t\t\treturn this.selected;\n\t\t}\n\n\t\treturn undefined;\n\t}\n\n\tget listItemAccessibleRole() {\n\t\tif (this._forcedAccessibleRole) {\n\t\t\treturn this._forcedAccessibleRole as AriaRole;\n\t\t}\n\t\tif (this.accessibleRole) {\n\t\t\treturn this.accessibleRole.toLowerCase() as AriaRole;\n\t\t}\n\t\treturn (this._inheritedAccessibleRole || \"listitem\") as AriaRole;\n\t}\n\n\tget ariaSelectedText() {\n\t\tlet ariaSelectedText;\n\n\t\t// Selected state needs to be supported separately since now the role mapping is list -> listitem[]\n\t\t// to avoid the issue of nesting interactive elements, ex. (option -> radio/checkbox);\n\t\t// The text is added to aria-describedby because as part of the aria-labelledby\n\t\t// the whole content of the item is readout when the aria-labelledby value is changed.\n\t\tif (this._ariaSelected !== undefined) {\n\t\t\tariaSelectedText = this._ariaSelected ? ListItem.i18nBundle.getText(LIST_ITEM_SELECTED) : ListItem.i18nBundle.getText(LIST_ITEM_NOT_SELECTED);\n\t\t}\n\n\t\treturn ariaSelectedText;\n\t}\n\n\tget deleteText() {\n\t\treturn ListItem.i18nBundle.getText(DELETE);\n\t}\n\n\tget hasDeleteButtonSlot() {\n\t\treturn !!this.deleteButton.length;\n\t}\n\n\tget _accessibleNameRef(): string {\n\t\tif ((this as IAccessibleListItem).accessibleName) {\n\t\t\t// accessibleName is set - return labels excluding content\n\t\t\treturn `${this._id}-invisibleText`;\n\t\t}\n\n\t\t// accessibleName is not set - return _accInfo.listItemAriaLabel including content\n\t\treturn `${this._id}-content ${this._id}-invisibleText`;\n\t}\n\n\tget ariaLabelledByText() {\n\t\tconst texts = [\n\t\t\tthis._accInfo.listItemAriaLabel,\n\t\t\tthis.accessibleName,\n\t\t\tthis.typeActive ? ListItem.i18nBundle.getText(LIST_ITEM_ACTIVE) : undefined,\n\t\t].filter(Boolean);\n\n\t\treturn texts.join(\" \");\n\t}\n\n\tget _ariaDescribedByIds() {\n\t\treturn `${this._id}-invisibleText-describedby`;\n\t}\n\n\tget _accInfo(): AccInfo {\n\t\treturn {\n\t\t\trole: this.listItemAccessibleRole,\n\t\t\tariaExpanded: undefined,\n\t\t\tariaLevel: undefined,\n\t\t\tariaLabel: ListItem.i18nBundle.getText(ARIA_LABEL_LIST_ITEM_CHECKBOX),\n\t\t\tariaLabelRadioButton: ListItem.i18nBundle.getText(ARIA_LABEL_LIST_ITEM_RADIO_BUTTON),\n\t\t\tariaSelected: this._ariaSelected,\n\t\t\tariaSelectedText: this.ariaSelectedText,\n\t\t\tariaHaspopup: this.accessibilityAttributes.hasPopup,\n\t\t\tsetsize: this.accessibilityAttributes.ariaSetsize,\n\t\t\tposinset: this.accessibilityAttributes.ariaPosinset,\n\t\t\ttooltip: this.tooltip,\n\t\t\tariaDescribedBy: this._ariaDescribedByIds || undefined,\n\t\t};\n\t}\n\n\tget _hasHighlightColor() {\n\t\treturn this.highlight !== Highlight.None;\n\t}\n\n\tget hasConfigurableMode() {\n\t\treturn true;\n\t}\n\n\tget _listItem() {\n\t\treturn this.shadowRoot!.querySelector(\"li\");\n\t}\n\n\t_handleF2() {\n\t\tconst focusDomRef = this.getFocusDomRef()!;\n\n\t\tif (getActiveElement() === focusDomRef) {\n\t\t\tconst focusables = this._getFocusableElements();\n\t\t\tif (!focusables.length) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tthis._editMode = true;\n\t\t\tfocusables[0].focus();\n\t\t} else {\n\t\t\tthis._editMode = false;\n\t\t\tfocusDomRef.focus();\n\t\t}\n\t}\n\n\t_handleTabNext(e: KeyboardEvent) {\n\t\tif (this._editMode) {\n\t\t\tconst focusables = this._getFocusableElements();\n\t\t\tconst currentIndex = this._indexOfActiveElement(focusables);\n\t\t\tconst nextIndex = currentIndex + 1;\n\n\t\t\tif (currentIndex !== -1 && nextIndex < focusables.length) {\n\t\t\t\te.preventDefault();\n\t\t\t\tfocusables[nextIndex].focus();\n\t\t\t} else if (!this.fireDecoratorEvent(\"forward-after\")) {\n\t\t\t\te.preventDefault();\n\t\t\t}\n\t\t\treturn;\n\t\t}\n\n\t\tif (!this.fireDecoratorEvent(\"forward-after\")) {\n\t\t\te.preventDefault();\n\t\t}\n\t}\n\n\t_handleTabPrevious(e: KeyboardEvent) {\n\t\tif (this._editMode) {\n\t\t\tconst focusables = this._getFocusableElements();\n\t\t\tconst currentIndex = this._indexOfActiveElement(focusables);\n\t\t\tif (currentIndex > 0) {\n\t\t\t\te.preventDefault();\n\t\t\t\tfocusables[currentIndex - 1].focus();\n\t\t\t} else if (!this.fireDecoratorEvent(\"forward-before\")) {\n\t\t\t\te.preventDefault();\n\t\t\t}\n\t\t\treturn;\n\t\t}\n\n\t\tif (!this.fireDecoratorEvent(\"forward-before\")) {\n\t\t\te.preventDefault();\n\t\t}\n\t}\n\n\t_getFocusableElements(): HTMLElement[] {\n\t\tconst focusDomRef = this.getFocusDomRef()!;\n\t\treturn getTabbableElements(focusDomRef);\n\t}\n\n\t_indexOfActiveElement(focusables: HTMLElement[]): number {\n\t\tconst activeElement = getActiveElement() as HTMLElement;\n\t\treturn focusables.findIndex(el => el === activeElement || (el.shadowRoot !== null && el.shadowRoot.contains(activeElement)));\n\t}\n\n\t_getFocusedElementIndex(): number {\n\t\treturn this._indexOfActiveElement(this._getFocusableElements());\n\t}\n\n\t_hasFocusableElements(): boolean {\n\t\treturn this._getFocusableElements().length > 0;\n\t}\n\n\t_isFocusOnInternalElement(): boolean {\n\t\treturn this._indexOfActiveElement(this._getFocusableElements()) !== -1;\n\t}\n\n\t_focusInternalElement(targetIndex: number) {\n\t\tconst focusables = this._getFocusableElements();\n\t\tif (!focusables.length) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst safeIndex = Math.min(targetIndex, focusables.length - 1);\n\t\tconst elementToFocus = focusables[safeIndex];\n\n\t\telementToFocus.focus();\n\n\t\treturn safeIndex;\n\t}\n}\n\nexport default ListItem;\nexport type {\n\tIAccessibleListItem,\n\tSelectionRequestEventDetail,\n\tListItemAccessibilityAttributes,\n};\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
:host{display:block;width:100%;height:100%}.ui5-calheader-root{display:flex;height:100%;padding:var(--_ui5_calendar_header_padding);box-sizing:border-box}.ui5-calheader-arrowbtn{display:flex;justify-content:center;align-items:center;width:var(--_ui5_calendar_header_arrow_button_width);background-color:var(--sapButton_Lite_Background);color:var(--sapButton_Lite_TextColor);cursor:pointer;overflow:hidden;white-space:nowrap;padding:0;font-size:var(--sapFontSize);user-select:none;position:relative;box-sizing:border-box}.ui5-calheader-arrowbtn.ui5-calheader-arrowbtn-disabled:hover,.ui5-calheader-arrowbtn.ui5-calheader-arrowbtn-disabled:active,.ui5-calheader-arrowbtn.ui5-calheader-arrowbtn-disabled:focus,.ui5-calheader-arrowbtn.ui5-calheader-arrowbtn-disabled{opacity:.4;cursor:default;outline:none;background-color:var(--sapButton_Lite_Background);color:var(--sapButton_Lite_TextColor)}[hidden].ui5-calheader-arrowbtn.ui5-calheader-middlebtn{display:none}.ui5-calheader-arrowbtn:hover{background-color:var(--
|
|
1
|
+
:host{display:block;width:100%;height:100%}.ui5-calheader-root{display:flex;height:100%;padding:var(--_ui5_calendar_header_padding);box-sizing:border-box}.ui5-calheader-arrowbtn{display:flex;justify-content:center;align-items:center;width:var(--_ui5_calendar_header_arrow_button_width);background-color:var(--sapButton_Lite_Background);color:var(--sapButton_Lite_TextColor);cursor:pointer;overflow:hidden;white-space:nowrap;padding:0;font-size:var(--sapFontSize);user-select:none;position:relative;box-sizing:border-box}.ui5-calheader-arrowbtn.ui5-calheader-arrowbtn-disabled:hover,.ui5-calheader-arrowbtn.ui5-calheader-arrowbtn-disabled:active,.ui5-calheader-arrowbtn.ui5-calheader-arrowbtn-disabled:focus,.ui5-calheader-arrowbtn.ui5-calheader-arrowbtn-disabled{opacity:.4;cursor:default;outline:none;background-color:var(--sapButton_Lite_Background);color:var(--sapButton_Lite_TextColor)}[hidden].ui5-calheader-arrowbtn.ui5-calheader-middlebtn{display:none}.ui5-calheader-arrowbtn:hover{background-color:var(--sapButton_Lite_Hover_Background);color:var(--sapButton_Lite_Hover_TextColor);box-shadow:var(--_ui5_calendar_header_arrow_button_box_shadow);border-color:var(--sapButton_Lite_Hover_BorderColor)}.ui5-calheader-arrowbtn:active{background-color:var(--sapButton_Active_Background);color:var(--sapButton_Active_TextColor);border-color:var(--sapButton_Lite_Active_BorderColor)}.ui5-calheader-arrowbtn,.ui5-calheader-middlebtn{border:var(--sapButton_BorderWidth) solid var(--sapButton_Lite_BorderColor);border-radius:var(--_ui5_calendar_header_arrow_button_border_radius, var(--sapButton_BorderCornerRadius));display:flex;background-color:var(--sapButton_Lite_Background)}.ui5-calheader-middlebtn{flex-direction:column;align-items:center;justify-content:center}.ui5-calheader-arrowbtn:not(:active) .ui5-calheader-btn-sectext{color:var(--sapContent_LabelColor);font-size:var(--sapFontSmallSize)}.ui5-calheader-arrowicon{color:currentColor;pointer-events:none}.ui5-calheader-midcontainer{display:flex;justify-content:space-around;flex:1 1 auto;padding:0 .5rem}.ui5-calheader-midcontainer .ui5-calheader-middlebtn:first-child{margin-inline-end:.5rem}.ui5-calheader-middlebtn{font-family:var(--_ui5_button_fontFamily);width:var(--_ui5_calendar_header_middle_button_width);flex:var(--_ui5_calendar_header_middle_button_flex);position:relative;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ui5-calheader-middlebtn:focus,.ui5-calheader-arrowbtn:focus{border:var(--_ui5_calendar_header_middle_button_focus_border);border-radius:var(--_ui5_calendar_header_middle_button_focus_border_radius, var(--sapButton_BorderCornerRadius));outline:var(--_ui5_calendar_header_middle_button_focus_outline);outline-offset:-.125rem;background:var(--_ui5_calendar_header_middle_button_focus_background)}.ui5-calheader-middlebtn:focus:active,.ui5-calheader-arrowbtn:focus:active{outline:var(--_ui5_calendar_header_middle_button_focus_active_outline);outline-offset:-.0625rem;background:var(--_ui5_calendar_header_middle_button_focus_active_background)}.ui5-calheader-middlebtn:focus:after,.ui5-calheader-arrowbtn:focus:after{content:"";display:var(--_ui5_calendar_header_middle_button_focus_after_display);width:var(--_ui5_calendar_header_middle_button_focus_after_width);height:var(--_ui5_calendar_header_middle_button_focus_after_height);border:var(--_ui5_calendar_header_middle_button_focus_after_border);position:absolute;top:var(--_ui5_calendar_header_middle_button_focus_after_top_offset);left:var(--_ui5_calendar_header_middle_button_focus_after_left_offset)}.ui5-calheader-middlebtn:focus:active:after,.ui5-calheader-arrowbtn:focus:active:after{border-color:var(--sapContent_ContrastFocusColor)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
[ui5-responsive-popover]::part(content){padding:0}[ui5-responsive-popover]{width:20rem;height:35.625rem}[ui5-responsive-popover]::part(content){width:20rem;height:35.625rem}.ui5-dynamic-date-range-option-container{display:flex;flex-direction:column;align-content:center;justify-content:space-around;height:100%;width:100%}.ui5-dynamic-date-range-unified-option,.ui5-last-next-container{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;height:100%}.ui5-last-next-container-padded{padding:0 1rem .5rem}.ui5-ddr-input-container{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:.25rem;width:fit-content}.ui5-ddr-input-container-right-aligned{text-align:right}.ui5-ddr-label{margin:1rem 0 .5rem;text-align:left}.ui5-ddr-input-row{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;margin-bottom:1rem}.ui5-ddr-current-value{display:flex;justify-content:flex-start;align-items:center;height:3.125rem;font-size:.875rem;font-family:var(--sapFontFamily);font-weight:400;color:var(--sapContentLabelColor);background-color:#d3d3d3;padding-inline-start:10px;font-style:italic;text-overflow:ellipsis;overflow:hidden}[ui5-responsive-popover]::part(footer){display:flex;justify-content:end;padding-top:.125rem;padding-bottom:.125rem}.ui5-ddr-arrow-back-btn{display:flex;justify-content:center;align-items:center;width:var(--_ui5_calendar_header_arrow_button_width);background-color:var(--sapButton_Lite_Background);color:var(--sapButton_Lite_TextColor);cursor:pointer;overflow:hidden;white-space:nowrap;padding:0;font-size:var(--sapFontSize);user-select:none}.ui5-ddr-arrow-back-btn{border:var(--
|
|
1
|
+
[ui5-responsive-popover]::part(content){padding:0}[ui5-responsive-popover]{width:20rem;height:35.625rem}[ui5-responsive-popover]::part(content){width:20rem;height:35.625rem}.ui5-dynamic-date-range-option-container{display:flex;flex-direction:column;align-content:center;justify-content:space-around;height:100%;width:100%}.ui5-dynamic-date-range-unified-option,.ui5-last-next-container{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;height:100%}.ui5-last-next-container-padded{padding:0 1rem .5rem}.ui5-ddr-input-container{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:.25rem;width:fit-content}.ui5-ddr-input-container-right-aligned{text-align:right}.ui5-ddr-label{margin:1rem 0 .5rem;text-align:left}.ui5-ddr-input-row{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;margin-bottom:1rem}.ui5-ddr-current-value{display:flex;justify-content:flex-start;align-items:center;height:3.125rem;font-size:.875rem;font-family:var(--sapFontFamily);font-weight:400;color:var(--sapContentLabelColor);background-color:#d3d3d3;padding-inline-start:10px;font-style:italic;text-overflow:ellipsis;overflow:hidden}[ui5-responsive-popover]::part(footer){display:flex;justify-content:end;padding-top:.125rem;padding-bottom:.125rem}.ui5-ddr-arrow-back-btn{display:flex;justify-content:center;align-items:center;width:var(--_ui5_calendar_header_arrow_button_width);background-color:var(--sapButton_Lite_Background);color:var(--sapButton_Lite_TextColor);cursor:pointer;overflow:hidden;white-space:nowrap;padding:0;font-size:var(--sapFontSize);user-select:none}.ui5-ddr-arrow-back-btn{border:var(--sapButton_BorderWidth) solid var(--sapButton_Lite_BorderColor);border-radius:var(--_ui5_calendar_header_arrow_button_border_radius, var(--sapButton_BorderCornerRadius));display:flex;background-color:var(--sapButton_Lite_Background)}.ui5-ddr-arrow-back-btn-arrow-icon{color:currentColor;pointer-events:none}[ui5-responsive-popover]::part(header){display:flex;flex-direction:row;align-items:center;justify-content:flex-start;height:2.5rem}.ui5-ddr-header{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;height:2.5rem}.ui5-dynamic-date-range-option-datetime-container{height:100%}.ui5-dt-picker-header{display:flex;justify-content:center;padding-top:.5rem}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
:host{--ui5-avatar-hover-box-shadow-offset: 0px;--ui5-avatar-initials-color: var(--sapTextColor);--ui5-avatar-border-radius: .25rem;--ui5-avatar-border-radius-img-deduction: .0625rem;--ui5-avatar-initials-border: .0625rem solid var(--sapField_BorderColor);--ui5-avatar-optional-border: .0625rem solid var(--sapGroup_ContentBorderColor);--ui5-avatar-accent1: var(--sapBackgroundColor);--ui5-avatar-accent2: var(--sapBackgroundColor);--ui5-avatar-accent3: var(--sapBackgroundColor);--ui5-avatar-accent4: var(--sapBackgroundColor);--ui5-avatar-accent5: var(--sapBackgroundColor);--ui5-avatar-accent6: var(--sapBackgroundColor);--ui5-avatar-accent7: var(--sapBackgroundColor);--ui5-avatar-accent8: var(--sapBackgroundColor);--ui5-avatar-accent9: var(--sapBackgroundColor);--ui5-avatar-accent10: var(--sapBackgroundColor);--ui5-avatar-placeholder: var(--sapBackgroundColor);--ui5-avatar-accent1-color: var(--ui5-avatar-initials-color);--ui5-avatar-accent2-color: var(--ui5-avatar-initials-color);--ui5-avatar-accent3-color: var(--ui5-avatar-initials-color);--ui5-avatar-accent4-color: var(--ui5-avatar-initials-color);--ui5-avatar-accent5-color: var(--ui5-avatar-initials-color);--ui5-avatar-accent6-color: var(--ui5-avatar-initials-color);--ui5-avatar-accent7-color: var(--ui5-avatar-initials-color);--ui5-avatar-accent8-color: var(--ui5-avatar-initials-color);--ui5-avatar-accent9-color: var(--ui5-avatar-initials-color);--ui5-avatar-accent10-color: var(--ui5-avatar-initials-color);--ui5-avatar-placeholder-color: var(--ui5-avatar-initials-color);--ui5-avatar-accent1-border-color: var(--sapField_BorderColor);--ui5-avatar-accent2-border-color: var(--sapField_BorderColor);--ui5-avatar-accent3-border-color: var(--sapField_BorderColor);--ui5-avatar-accent4-border-color: var(--sapField_BorderColor);--ui5-avatar-accent5-border-color: var(--sapField_BorderColor);--ui5-avatar-accent6-border-color: var(--sapField_BorderColor);--ui5-avatar-accent7-border-color: var(--sapField_BorderColor);--ui5-avatar-accent8-border-color: var(--sapField_BorderColor);--ui5-avatar-accent9-border-color: var(--sapField_BorderColor);--ui5-avatar-accent10-border-color: var(--sapField_BorderColor);--_ui5_avatar_outline: .125rem dotted var(--sapContent_FocusColor);--_ui5_avatar_focus_offset: .125rem;--_ui5_avatar_overflow_button_focus_offset: .0625rem;--_ui5_avatar_fontsize_XS: 1rem;--_ui5_avatar_fontsize_S: 1.125rem;--_ui5_avatar_fontsize_M: 1.5rem;--_ui5_avatar_fontsize_L: 2.25rem;--_ui5_avatar_fontsize_XL: 3rem;--_ui5_avatar_icon_XS: 1rem;--_ui5_avatar_icon_S: 1.5rem;--_ui5_avatar_icon_M: 2rem;--_ui5_avatar_icon_L: 2.5rem;--_ui5_avatar_icon_XL: 3rem;--_ui5_avatar_group_button_focus_border: none;--_ui5_avatar_group_padding: .3rem;--_ui5-tag-height: 1rem;--_ui5-tag-padding-inline-icon-only: .1875rem;--_ui5-tag-text-padding: 0 .25rem;--_ui5-tag-text-transform: uppercase;--_ui5-tag-icon-width: .75rem;--_ui5-tag-icon-gap: .125rem;--_ui5-tag-font-weight: bold;--_ui5-tag-letter-spacing: .0125em;--ui5-tag-text-shadow: none;--ui5-tag-contrast-text-shadow: none;--ui5-tag-information-text-shadow: var(--ui5-tag-text-shadow);--ui5-tag-set2-color-scheme-1-color: var(--sapIndicationColor_1_TextColor);--ui5-tag-set2-color-scheme-1-background: var(--sapIndicationColor_1_Background);--ui5-tag-set2-color-scheme-1-border: var(--sapIndicationColor_1_BorderColor);--ui5-tag-set2-color-scheme-1-hover-background: var(--sapIndicationColor_1_Hover_Background);--ui5-tag-set2-color-scheme-1-active-color: var(--sapIndicationColor_1_Active_TextColor);--ui5-tag-set2-color-scheme-1-active-background: var(--sapIndicationColor_1_Active_Background);--ui5-tag-set2-color-scheme-1-active-border: var(--sapIndicationColor_1_Active_BorderColor);--ui5-tag-set2-color-scheme-2-color: var(--sapIndicationColor_2_TextColor);--ui5-tag-set2-color-scheme-2-background: var(--sapIndicationColor_2_Background);--ui5-tag-set2-color-scheme-2-border: var(--sapIndicationColor_2_BorderColor);--ui5-tag-set2-color-scheme-2-hover-background: var(--sapIndicationColor_2_Hover_Background);--ui5-tag-set2-color-scheme-2-active-color: var(--sapIndicationColor_2_Active_TextColor);--ui5-tag-set2-color-scheme-2-active-background: var(--sapIndicationColor_2_Active_Background);--ui5-tag-set2-color-scheme-2-active-border: var(--sapIndicationColor_2_Active_BorderColor);--ui5-tag-set2-color-scheme-3-color: var(--sapIndicationColor_3_TextColor);--ui5-tag-set2-color-scheme-3-background: var(--sapIndicationColor_3_Background);--ui5-tag-set2-color-scheme-3-border: var(--sapIndicationColor_3_BorderColor);--ui5-tag-set2-color-scheme-3-hover-background: var(--sapIndicationColor_3_Hover_Background);--ui5-tag-set2-color-scheme-3-active-color: var(--sapIndicationColor_3_Active_TextColor);--ui5-tag-set2-color-scheme-3-active-background: var(--sapIndicationColor_3_Active_Background);--ui5-tag-set2-color-scheme-3-active-border: var(--sapIndicationColor_3_Active_BorderColor);--ui5-tag-set2-color-scheme-4-color: var(--sapIndicationColor_4_TextColor);--ui5-tag-set2-color-scheme-4-background: var(--sapIndicationColor_4_Background);--ui5-tag-set2-color-scheme-4-border: var(--sapIndicationColor_4_BorderColor);--ui5-tag-set2-color-scheme-4-hover-background: var(--sapIndicationColor_4_Hover_Background);--ui5-tag-set2-color-scheme-4-active-color: var(--sapIndicationColor_4_Active_TextColor);--ui5-tag-set2-color-scheme-4-active-background: var(--sapIndicationColor_4_Active_Background);--ui5-tag-set2-color-scheme-4-active-border: var(--sapIndicationColor_4_Active_BorderColor);--ui5-tag-set2-color-scheme-5-color: var(--sapIndicationColor_5_TextColor);--ui5-tag-set2-color-scheme-5-background: var(--sapIndicationColor_5_Background);--ui5-tag-set2-color-scheme-5-border: var(--sapIndicationColor_5_BorderColor);--ui5-tag-set2-color-scheme-5-hover-background: var(--sapIndicationColor_5_Hover_Background);--ui5-tag-set2-color-scheme-5-active-color: var(--sapIndicationColor_5_Active_TextColor);--ui5-tag-set2-color-scheme-5-active-background: var(--sapIndicationColor_5_Active_Background);--ui5-tag-set2-color-scheme-5-active-border: var(--sapIndicationColor_5_Active_BorderColor);--ui5-tag-set2-color-scheme-6-color: var(--sapIndicationColor_6_TextColor);--ui5-tag-set2-color-scheme-6-background: var(--sapIndicationColor_6_Background);--ui5-tag-set2-color-scheme-6-border: var(--sapIndicationColor_6_BorderColor);--ui5-tag-set2-color-scheme-6-hover-background: var(--sapIndicationColor_6_Hover_Background);--ui5-tag-set2-color-scheme-6-active-color: var(--sapIndicationColor_6_Active_TextColor);--ui5-tag-set2-color-scheme-6-active-background: var(--sapIndicationColor_6_Active_Background);--ui5-tag-set2-color-scheme-6-active-border: var(--sapIndicationColor_6_Active_BorderColor);--ui5-tag-set2-color-scheme-7-color: var(--sapIndicationColor_7_TextColor);--ui5-tag-set2-color-scheme-7-background: var(--sapIndicationColor_7_Background);--ui5-tag-set2-color-scheme-7-border: var(--sapIndicationColor_7_BorderColor);--ui5-tag-set2-color-scheme-7-hover-background: var(--sapIndicationColor_7_Hover_Background);--ui5-tag-set2-color-scheme-7-active-color: var(--sapIndicationColor_7_Active_TextColor);--ui5-tag-set2-color-scheme-7-active-background: var(--sapIndicationColor_7_Active_Background);--ui5-tag-set2-color-scheme-7-active-border: var(--sapIndicationColor_7_Active_BorderColor);--ui5-tag-set2-color-scheme-8-color: var(--sapIndicationColor_8_TextColor);--ui5-tag-set2-color-scheme-8-background: var(--sapIndicationColor_8_Background);--ui5-tag-set2-color-scheme-8-border: var(--sapIndicationColor_8_BorderColor);--ui5-tag-set2-color-scheme-8-hover-background: var(--sapIndicationColor_8_Hover_Background);--ui5-tag-set2-color-scheme-8-active-color: var(--sapIndicationColor_8_Active_TextColor);--ui5-tag-set2-color-scheme-8-active-background: var(--sapIndicationColor_8_Active_Background);--ui5-tag-set2-color-scheme-8-active-border: var(--sapIndicationColor_8_Active_BorderColor);--ui5-tag-set2-color-scheme-9-color: var(--sapIndicationColor_9_TextColor);--ui5-tag-set2-color-scheme-9-background: var(--sapIndicationColor_9_Background);--ui5-tag-set2-color-scheme-9-border: var(--sapIndicationColor_9_BorderColor);--ui5-tag-set2-color-scheme-9-hover-background: var(--sapIndicationColor_9_Hover_Background);--ui5-tag-set2-color-scheme-9-active-color: var(--sapIndicationColor_9_Active_TextColor);--ui5-tag-set2-color-scheme-9-active-background: var(--sapIndicationColor_9_Active_Background);--ui5-tag-set2-color-scheme-9-active-border: var(--sapIndicationColor_9_Active_BorderColor);--ui5-tag-set2-color-scheme-10-color: var(--sapIndicationColor_10_TextColor);--ui5-tag-set2-color-scheme-10-background: var(--sapIndicationColor_10_Background);--ui5-tag-set2-color-scheme-10-border: var(--sapIndicationColor_10_BorderColor);--ui5-tag-set2-color-scheme-10-hover-background: var(--sapIndicationColor_10_Hover_Background);--ui5-tag-set2-color-scheme-10-active-color: var(--sapIndicationColor_10_Active_TextColor);--ui5-tag-set2-color-scheme-10-active-background: var(--sapIndicationColor_10_Active_Background);--ui5-tag-set2-color-scheme-10-active-border: var(--sapIndicationColor_10_Active_BorderColor);--_ui5-tag-height_size_l: 1.5rem;--_ui5-tag-min-width_size_l: 1.75rem;--_ui5-tag-font-size_size_l: 1.25rem;--_ui5-tag-icon_min_width_size_l: 1.25rem;--_ui5-tag-icon_min_height_size_l: 1.25rem;--_ui5-tag-icon_height_size_l: 1.25rem;--_ui5-tag-text_padding_size_l: .125rem .25rem;--_ui5_bar_base_height: var(--_ui5-compact-size, 2.5rem) var(--_ui5-cozy-size, 2.75rem);--_ui5_bar_subheader_height: var(--_ui5-compact-size, 2.25rem) var(--_ui5-cozy-size, 3rem);--_ui5_bar-start-container-padding-start: 1rem;--_ui5_bar-mid-container-padding-start-end: .5rem;--_ui5_bar-end-container-padding-end: 1rem;--_ui5_bar_subheader_margin-top: -.125rem;--_ui5_breadcrumbs_current_location_color: var(--sapContent_LabelColor);--_ui5_breadcrumbs_separator_color: var(--sapContent_LabelColor);--_ui5_busy_indicator_color: var(--sapContent_IconColor);--_ui5_busy_indicator_focus_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);--_ui5-button-badge-diameter: var(--_ui5-compact-size, .625rem) var(--_ui5-cozy-size, .75rem);--_ui5-calendar-legend-root-padding: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, .75rem);--_ui5-calendar-legend-root-width: var(--_ui5-compact-size, 16.75rem) var(--_ui5-cozy-size, 18.5rem);--_ui5-calendar-legend-item-box-margin: .25rem;--_ui5-calendar-legend-item-root-focus-border: var(--sapContent_FocusWidth) dotted var(--sapContent_FocusColor);--_ui5-calendar-legend-item-root-focus-border-radius: 0;--_ui5-calendar-legend-item-root-width: 7.75rem;--_ui5-calendar-legend-item-box-dot-display: none;--_ui5_calendar_header_arrow_button_border: 1px solid var(--sapButton_BorderColor);--_ui5_calendar_header_arrow_button_border_radius: .375rem;--_ui5_calendar_header_middle_button_width: 5.75rem;--_ui5_calendar_header_middle_button_flex: auto;--_ui5_calendar_header_middle_button_focus_border_radius: 0;--_ui5_calendar_header_middle_button_focus_border: .125rem dotted var(--sapContent_FocusColor);--_ui5_calendar_header_middle_button_focus_after_display: none;--_ui5_calendar_header_middle_button_focus_after_width: calc(100% - .25rem) ;--_ui5_calendar_header_middle_button_focus_after_height: calc(100% - .25rem) ;--_ui5_calendar_header_middle_button_focus_after_top_offset: 1px;--_ui5_calendar_header_middle_button_focus_after_left_offset: 1px;--_ui5_calendar_header_arrow_button_box_shadow: none;--_ui5_calendar_header_middle_button_focus_background: transparent;--_ui5_calendar_header_middle_button_focus_outline: none;--_ui5_calendar_header_middle_button_focus_active_outline: none;--_ui5_calendar_header_middle_button_focus_active_background: var(--sapButton_Active_Background);--_ui5_calendar_header_middle_button_focus_after_border: 1px dotted var(--sapContent_FocusColor);--_ui5_calendar_header_midcontainer_gap: var(--_ui5-compact-size, 0) var(--_ui5-cozy-size, .5rem);--_ui5_calendar_header_arrow_button_flex_shrink: var(--_ui5-compact-size, 1) var(--_ui5-cozy-size, 0);--ui5_carousel_button_size: 2.25rem;--ui5_carousel_inactive_dot_size: .5rem;--ui5_carousel_inactive_dot_margin: 0 .25rem;--ui5_carousel_inactive_dot_border: 1px solid var(--sapContent_ForegroundBorderColor);--ui5_carousel_inactive_dot_background: none;--ui5_carousel_active_dot_border: var(--ui5_carousel_inactive_dot_border);--ui5_carousel_active_dot_background: var(--sapContent_Selected_ForegroundColor);--_ui5_card_box_shadow: none;--_ui5_card_hover_box_shadow: var(--_ui5_card_box_shadow);--_ui5_card_border: 1px solid var(--sapTile_BorderColor);--_ui5_card_border-radius: var(--sapTile_BorderCornerRadius);--_ui5_card_header_padding: 1rem;--_ui5_card_header_hover_bg: var(--sapList_Hover_Background);--_ui5_card_header_active_bg: var(--_ui5_card_header_hover_bg);--_ui5_card_header_border: 1px solid var(--_ui5_card_header_border_color);--_ui5_card_header_border_color: var(--sapTile_SeparatorColor);--_ui5_card_header_focus_border: .125rem dotted var(--sapContent_FocusColor);--_ui5_card_header_focus_radius: 0px;--_ui5_card_header_focus_bottom_radius: 0px;--_ui5_card_header_focus_offset: 1px;--_ui5_card_header_title_font_family: var(--sapFontFamily);--_ui5_card_header_title_font_size: var(--sapFontHeader5Size);--_ui5_card_header_title_font_weight: normal;--_ui5_card_header_subtitle_margin_top: .25rem;--_ui5_checkbox_wrapper_padding: var(--_ui5-compact-size, var(--_ui5_checkbox_compact_wrapper_padding)) var(--_ui5-cozy-size, .8125rem);--_ui5_checkbox_width_height: var(--_ui5-compact-size, var(--_ui5_checkbox_compact_width_height)) var(--_ui5-cozy-size, 3rem);--_ui5_checkbox_transition: unset;--_ui5_checkbox_disabled_opacity: .5;--_ui5_checkbox_border_radius: 0;--_ui5_checkbox_hover_background: var(--sapSelectedColor);--_ui5_checkbox_active_background: var(--sapField_Hover_Background);--_ui5_checkbox_checkmark_warning_color: var(--sapField_WarningColor);--_ui5_checkbox_inner_warning_color: var(--sapField_WarningColor);--_ui5_checkbox_inner_information_color: currentColor;--_ui5_checkbox_checkmark_color: var(--sapContent_IconColor);--_ui5_checkbox_focus_position: var(--_ui5-compact-size, .3125rem) var(--_ui5-cozy-size, .5625rem);--_ui5_checkbox_focus_outline: .125rem dotted var(--sapContent_FocusColor);--_ui5_checkbox_focus_border_radius: 0;--_ui5_checkbox_outer_hover_background: transparent;--_ui5_checkbox_inner_width_height: var(--_ui5-compact-size, var(--_ui5_checkbox_compact_inner_size)) var(--_ui5-cozy-size, 1.375rem);--_ui5_checkbox_inner_border: solid .125rem var(--sapField_BorderColor);--_ui5_checkbox_inner_hover_border_color: var(--sapField_HoverBorderColor);--_ui5_checkbox_inner_hover_checked_border_color: var(--sapField_HoverBorderColor);--_ui5_checkbox_inner_selected_border_color: var(--sapField_BorderColor);--_ui5_checkbox_inner_disabled_border_color: var(--sapField_BorderColor);--_ui5_checkbox_inner_active_border_color: var(--sapField_BorderColor);--_ui5_checkbox_inner_border_radius: 0;--_ui5_checkbox_inner_error_border: .125rem dashed var(--sapField_InvalidColor);--_ui5_checkbox_inner_warning_border: .125rem dashed var(--sapField_WarningColor);--_ui5_checkbox_inner_information_border: var(--sapField_BorderWidth) dashed var(--sapField_InformationColor);--_ui5_checkbox_inner_warning_background_hover: var(--sapField_WarningBackground);--_ui5_checkbox_inner_error_background_hover: var(--sapField_InvalidBackground);--_ui5_checkbox_inner_success_background_hover: var(--sapField_SuccessBackground);--_ui5_checkbox_inner_information_background_hover: var(--sapField_InformationBackground);--_ui5_checkbox_inner_success_border: var(--sapField_BorderWidth) solid var(--sapField_SuccessColor);--_ui5_checkbox_inner_readonly_border: .125rem solid var(--sapField_ReadOnly_BorderColor);--_ui5_checkbox_inner_background: var(--sapField_Background);--_ui5_checkbox_wrapped_focus_padding: .5rem;--_ui5_checkbox_wrapped_focus_inset_block: var(--_ui5-compact-size, .1875rem) var(--_ui5-cozy-size, .4375rem);--_ui5_checkbox_compact_wrapper_padding: .5rem;--_ui5_checkbox_compact_width_height: 2rem;--_ui5_checkbox_compact_inner_size: 1rem;--_ui5_checkbox_compact_focus_position: .375rem;--_ui5_checkbox_label_color: var(--sapContent_LabelColor);--_ui5_checkbox_label_offset: var(--_ui5-compact-size, var(--_ui5_checkbox_compact_wrapper_padding)) var(--_ui5-cozy-size, var(--_ui5_checkbox_wrapper_padding));--_ui5_checkbox_disabled_label_color: var(--sapContent_LabelColor);--_ui5_checkbox_default_focus_border: none;--_ui5_checkbox_focus_outline_display: block;--_ui5_checkbox_right_focus_distance: 0;--_ui5_color-palette-item-after-focus-border-radius: .125rem;--_ui5_color-palette-item-hover-margin: var(--_ui5-compact-size, 0) var(--_ui5-cozy-size, 0);--_ui5_color-palette-row-height: var(--_ui5-compact-size, 7.5rem) var(--_ui5-cozy-size, 9.5rem);--_ui5_color-palette-button-height: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 3rem);--_ui5_color-palette-item-before-focus-color: .0625rem solid white;--_ui5_color-palette-item-before-focus-inset: .0625rem;--_ui5_color-palette-item-before-focus-hover-inset: .0625rem;--_ui5_color-palette-item-after-focus-color: .0625rem dotted black;--_ui5_color-palette-item-after-focus-inset: .0625rem;--_ui5_color-palette-item-after-focus-hover-inset: .0625rem;--_ui5_color-palette-item-before-focus-border-radius: 0;--_ui5_color-palette-item-outer-border-radius: .25rem;--_ui5_color-palette-item-inner-border-radius: .1875rem;--_ui5_color-palette-item-hover-outer-border-radius: .25rem;--_ui5_color-palette-item-hover-inner-border-radius: .1875rem;--_ui5_color-palette-item-selected-focused-border-before: var(--_ui5_color-palette-item-before-focus-hover-inset);--_ui5_color-palette-item-after-focus-not-selected-border: .0625rem dotted black;--_ui5_color-palette-item-after-not-focus-color: .0625rem solid var(--sapGroup_ContentBackground);--_ui5_color-palette-item-selected-focused-border: .0625rem solid var(--sapGroup_ContentBackground);--_ui5-color-palette-item-mobile-focus-inset: .625rem;--_ui5_color-palette-item-mobile-focus-sides-inset: .25rem .25rem;--_ui5_color-palette-item-after-mobile-focus-border: var(--_ui5_color-palette-item-after-focus-color);--_ui5-color-palette-item-background-color: transparent;--_ui5_color_picker_slider_handle_box_shadow: inset 0 0 0 .125rem var(--sapContent_ForegroundColor);--_ui5_color_picker_slider_handle_border: .125rem solid var(--sapField_BorderColor);--_ui5_color_picker_slider_handle_outline_hover: .125rem solid var(--sapButton_Hover_BorderColor);--_ui5_color_picker_slider_handle_outline_focus: .0625rem dotted var(--sapContent_FocusColor);--_ui5_color_picker_slider_handle_inner_border_color: var(--sapContent_ForegroundColor);--_ui5_color_picker_circle_outer_border: .125rem solid var(--sapContent_ContrastShadowColor);--_ui5_color_picker_circle_inner_border: var(--sapField_Picker_BorderWidth) solid var(--sapContent_ForegroundColor);--_ui5_color_picker_circle_inner_circle_size: .3125rem;--_ui5_color_picker_slider_handle_inline_focus: none;--_ui5_color_picker_slider_handle_container_margin_top: var(--_ui5-compact-size, none) var(--_ui5-cozy-size, -.125rem);--_ui5-datepicker_border_radius: 0;--_ui5-datepicker-hover-background: var(--sapField_Hover_Background);--_ui5_daypicker_item_margin: 2px;--_ui5_daypicker_item_border: none;--_ui5_daypicker_item_selected_border_color: var(--sapList_Background);--_ui5_daypicker_daynames_container_height: 2rem;--_ui5_daypicker_weeknumbers_container_padding_top: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 2rem);--_ui5_daypicker_item_othermonth_background_color: var(--sapList_Background);--_ui5_daypicker_item_othermonth_color: var(--sapContent_LabelColor);--_ui5_daypicker_item_othermonth_hover_color: var(--sapContent_LabelColor);--_ui5_daypicker_item_border_radius: .25rem;--_ui5_daypicker_dayname_color: var(--sapContent_LabelColor);--_ui5_daypicker_weekname_color: var(--sapContent_LabelColor);--_ui5_daypicker_item_now_selected_outline_offset: -.3125rem;--_ui5_daypicker_item_selected_background: var(--sapContent_Selected_Background);--_ui5_daypicker_item_selected_daytext_hover_background: transparent;--_ui5_daypicker_item_border_radius_focus_after: .25rem;--_ui5_daypicker_item_selected_between_border: .25rem;--_ui5_daypicker_item_selected_between_background: var(--sapList_SelectionBackgroundColor);--_ui5_daypicker_item_selected_between_text_font: inherit;--_ui5_daypicker_item_selected_between_hover_background: var(--sapList_Hover_SelectionBackground);--_ui5_daypicker_item_now_box_shadow: inset 0 0 0 .0625rem var(--_ui5_daypicker_item_selected_border_color);--_ui5_daypicker_item_selected_text_outline: none;--_ui5_daypicker_item_now_not_selected_inset: 0;--_ui5_daypicker_item_now_inset: .1875rem;--_ui5_daypicker_item_now_border_color: var(--sapLegend_CurrentDateTime);--_ui5_daypicker_item_weeekend_filter: brightness(100%);--_ui5_daypicker_item_selected_hover: var(--sapContent_Selected_Hover_Background);--_ui5_daypicker_item_border_radius_item: .25rem;--_ui5_daypicker_two_calendar_item_now_inset: .1875rem;--_ui5_daypicker_item_selected__secondary_type_text_outline: none;--_ui5_daypicker_two_calendar_item_now_day_text_content: none;--_ui5_daypicker_two_calendar_item_now_selected_border_width: .125rem;--_ui5_daypicker_two_calendar_item_border_radius: .3125rem;--_ui5_daypicker_two_calendar_item_border_focus_border_radius: 0rem;--_ui5_daypicker_two_calendar_item_no_selected_inset: .09375rem;--_ui5_daypicker_two_calendar_item_selected_now_border_radius_focus: .0625rem;--_ui5_daypicker_two_calendar_item_no_selected_focus_inset: .125rem;--_ui5_daypicker_two_calendar_item_no_select_focus_border_radius: .0625rem;--_ui5_dp_two_calendar_item_secondary_text_border_radios: .25rem;--_ui5_daypicker_two_calendar_item_now_selected_border_inset: .125rem;--_ui5_daypicker_special_day_top: var(--_ui5-compact-size, 1.625rem) var(--_ui5-cozy-size, 2.5rem);--_ui5_daypicker_special_day_border_bottom_radius: .25rem;--_ui5_daypicker_special_day_before_border_color: var(--sapList_Background);--_ui5_daypicker_selected_item_special_day_width: 100%;--_ui5_daypicker_selected_item_now_special_day_top: var(--_ui5-compact-size, 1.5625rem) var(--_ui5-cozy-size, 2.375rem);--_ui5_daypicker_selected_item_now_special_day_width: calc(100% - .375rem) ;--_ui5_daypicker_selected_item_now_special_day_border_bottom_radius: 0;--_ui5-daypicker_item_selected_now_border_radius: .25rem;--_ui5_daypicker_selected_item_now_special_day_border_bottom_radius_alternate: .0625rem;--_ui5_daypicker_two_calendar_item_margin_bottom: var(--_ui5-compact-size, 0) var(--_ui5-cozy-size, 0);--_ui5_daypicker_twocalendar_item_special_day_now_inset: .1875rem;--_ui5_daypicker_twocalendar_item_special_day_now_border_radius: 0;--_ui5_daypicker_item_now_focus_margin: .09375rem;--_ui5_daypicker_special_day_border_top: .0625rem solid var(--_ui5_daypicker_special_day_before_border_color);--_ui5_daypicker_special_day_selected_border_radius_bottom: .0625rem;--_ui5_daypicker_specialday_focused_top: var(--_ui5-compact-size, 1.5rem) var(--_ui5-cozy-size, 2.375rem);--_ui5_daypicker_specialday_focused_width: calc(100% - .375rem) ;--_ui5_daypicker_specialday_focused_border_bottom: .0625rem;--_ui5_daypicker_item_now_specialday_top: var(--_ui5-compact-size, 1.5rem) var(--_ui5-cozy-size, 2.375rem);--_ui5_daypicker_item_now_specialday_width: calc(100% - .375rem) ;--_ui5_daypicker_twocalendar_item_special_day_after_border_width: .125rem;--_ui5_daypicker_twocalendar_item_special_day_dot: .375rem;--_ui5_daypicker_twocalendar_item_special_day_top: var(--_ui5-compact-size, 1.25rem) var(--_ui5-cozy-size, 2rem);--_ui5_daypicker_twocalendar_item_special_day_right: var(--_ui5-compact-size, 1.25rem) var(--_ui5-cozy-size, 1.4375rem);--_ui5_daypicker_item_selected_border: none;--_ui5_daypicker_item_not_selected_focus_border: .125rem dotted var(--sapContent_FocusColor);--_ui5_daypicker_item_selected_focus_color: var(--sapContent_ContentColor);--_ui5_daypicker_item_selected_focus_width: .125rem;--_ui5_daypicker_item_no_selected_inset: .09375rem;--_ui5_daypicker_item_now_border_focus_after: .125rem dotted var(--sapList_SelectionBorderColor);--_ui5_daypicker_item_now_border_radius_focus_after: .0625rem;--_ui5_day_picker_item_selected_now_border: .1875rem solid var(--sapContent_ContrastFocusColor);--_ui5_day_picker_item_selected_now_border_focus: .125rem dotted var(--sapContent_ContrastFocusColor);--_ui5_day_picker_item_selected_now_border_radius_focus: .0625rem;--_ui5_daypicker_item_selected_text_border: none;--_ui5_daypicker_item_select_between_border: 1px solid var(--sapContent_Selected_ForegroundColor);--_ui5_dialog_header_state_line_height: .125rem;--_ui5_dialog_focus_outline_offset: .0625rem;--_ui5_dialog_resizable_bottom_right_radius: 1.75rem;--_ui5_file_uploader_display_input_width: calc(100% - var(--_ui5_input_icon_width));--_ui5_file_uploader_tokenizer_width: calc(100% - 2 * var(--_ui5_input_icon_width) - var(--_ui5_input_inner_space_to_tokenizer));--_ui5_file_uploader_value_state_error_hover_background_color: var(--sapField_InvalidBackground);--_ui5_table_cell_valign: center;--_ui5_table_cell_min_width: 2.75rem;--_ui5_table_navigated_cell_width: .25rem;--_ui5_first_table_cell_horizontal_padding: 1rem;--_ui5_table_cell_horizontal_padding: .5rem;--_ui5_table_cell_vertical_padding: .25rem;--_ui5_table_row_actions_gap: .25rem;--_ui5_table_row_alternating_background: var(--sapTableRow_AlternatingBackground, var(--sapList_AlternatingBackground));--_ui5_table_row_alternating_hover_background: var(--sapTableRow_AlternatingHoverBackground, var(--sapList_Hover_Background));--_ui5_table_row_alternating_selection_background: var(--sapTableRow_AlternatingSelectionBackground, var(--sapList_SelectionBackgroundColor));--_ui5_table_row_alternating_selection_hover_background: var(--sapTableRow_AlternatingSelectionHoverBackground, var(--sapList_Hover_SelectionBackground));--ui5-group-header-listitem-background-color: var(--sapList_GroupHeaderBackground);--_ui5_input_width: 13.125rem;--_ui5_input_min_width: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 2.75rem);--_ui5_input_min_width_tokenizer_available: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 3rem);--_ui5_input_height: var(--_ui5-compact-size, var(--sapElement_Compact_Height)) var(--_ui5-cozy-size, var(--sapElement_Height));--_ui5_input_margin_top_bottom: var(--_ui5-compact-size, .1875rem) var(--_ui5-cozy-size, .25rem);--_ui5_input_hover_border: 1px var(--sapField_BorderStyle) var(--sapField_Hover_BorderColor);--_ui5_input_value_state_error_hover_background: var(--sapField_InvalidBackground);--_ui5_input_background_color: var(--sapField_Background);--_ui5_input_border_radius: var(--sapField_BorderCornerRadius);--_ui5_input_focus_border_radius: 0;--_ui5_input_readonly_focus_border_radius: 0;--_ui5-input-border: 1px solid var(--sapField_BorderColor);--_ui5_input_placeholder_style: normal;--_ui5_input_placeholder_color: var(--sapField_PlaceholderTextColor);--_ui5_input_bottom_border_height: 0;--_ui5_input_bottom_border_color: transparent;--_ui5_input_focused_border_color: var(--sapField_Hover_BorderColor);--_ui5_input_state_border_width: .125rem;--_ui5_input_information_border_width: .0625rem;--_ui5_input_error_font_weight: bold;--_ui5_input_warning_font_weight: bold;--_ui5_input_focus_border_width: .125rem;--_ui5_input_error_warning_border_style: dashed;--_ui5_input_error_warning_font_style: italic;--_ui5_input_error_warning_text_indent: .125rem;--_ui5_input_disabled_border_color: var(--sapField_BorderColor);--_ui5-input_disabled_background: var(--sapField_Background);--_ui5_input_readonly_border: var(--sapElement_BorderWidth) var(--sapField_BorderStyle) var(--sapField_BorderColor);--_ui5_input_readonly_border_color: var(--sapField_ReadOnly_BorderColor);--_ui5_input_readonly_background: var(--sapField_ReadOnly_Background);--_ui5_input_custom_icon_padding: var(--_ui5-compact-size, .25rem .5rem) var(--_ui5-cozy-size, .5625rem .625rem);--_ui5_input_error_warning_custom_icon_padding: var(--_ui5-compact-size, .1875rem .5rem) var(--_ui5-cozy-size, .5rem .625rem);--_ui5_input_error_warning_custom_focused_icon_padding: var(--_ui5-compact-size, .1875rem .5rem) var(--_ui5-cozy-size, .5rem .625rem);--_ui5_input_information_custom_icon_padding: var(--_ui5-compact-size, .25rem .5rem) var(--_ui5-cozy-size, .5625rem .625rem);--_ui5_input_information_custom_focused_icon_padding: var(--_ui5-compact-size, .1875rem .5rem) var(--_ui5-cozy-size, .5rem .625rem);--_ui5_input_error_warning_icon_padding: var(--_ui5-compact-size, .1875rem .375rem .1875rem .4375rem) var(--_ui5-cozy-size, .5rem .5rem .5rem .5625rem);--_ui5_input_error_warning_focused_icon_padding: var(--_ui5-compact-size, .1875rem .375rem .1875rem .4375rem) var(--_ui5-cozy-size, .5rem .5rem .5rem .5625rem);--_ui5_input_information_icon_padding: var(--_ui5-compact-size, .25rem .4375rem) var(--_ui5-cozy-size, .5625rem);--_ui5_input_information_focused_icon_padding: var(--_ui5-compact-size, .1875rem .375rem .1875rem .4375rem) var(--_ui5-cozy-size, .5rem .5rem .5rem .5625rem);--_ui5_input_disabled_opacity: var(--sapContent_DisabledOpacity);--_ui5_input_icon_min_width: var(--_ui5-compact-size, var(--_ui5_input_compact_min_width)) var(--_ui5-cozy-size, 2.25rem);--_ui5_input_compact_min_width: 2rem;--_ui5_input_transition: none;--_ui5-input-value-state-icon-display: none;--_ui5_input_focused_value_state_error_background: var(--sapField_InvalidBackground);--_ui5_input_focused_value_state_warning_background: var(--sapField_WarningBackground);--_ui5_input_focused_value_state_success_background: var(--sapField_SuccessBackground);--_ui5_input_focused_value_state_information_background: var(--sapField_InformationBackground);--_ui5_input_value_state_error_border_color: var(--sapField_InvalidColor);--_ui5_input_focused_value_state_error_border_color: var(--sapField_InvalidColor);--_ui5_input_focused_value_state_error_focus_outline_color: var(--sapContent_FocusColor);--_ui5_input_focused_value_state_warning_focus_outline_color: var(--sapContent_FocusColor);--_ui5_input_focused_value_state_success_focus_outline_color: var(--sapContent_FocusColor);--_ui5_input_value_state_warning_border_color: var(--sapField_WarningColor);--_ui5_input_focused_value_state_warning_border_color: var(--sapField_WarningColor);--_ui5_input_value_state_success_border_color: var(--sapField_SuccessColor);--_ui5_input_focused_value_state_success_border_color: var(--sapField_SuccessColor);--_ui5_input_value_state_success_border_width: 1px;--_ui5_input_value_state_information_border_color: var(--sapField_InformationColor);--_ui5_input_focused_value_state_information_border_color: var(--sapField_InformationColor);--_ui5_input_focus_offset: 1px;--_ui5_input_readonly_focus_offset: 1px;--ui5_input_focus_pseudo_element_content: "";--_ui5_input_value_state_error_warning_placeholder_font_weight: bold;--_ui5_input_focus_outline_color: var(--sapContent_FocusColor);--_ui5-input_error_placeholder_color: var(--sapField_TextColor);--_ui5_input_icon_width: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 2.25rem);--_ui5_input_icon_wrapper_height: 100%;--_ui5_input_icon_wrapper_state_height: 100%;--_ui5_input_icon_wrapper_success_state_height: 100%;--_ui5-input-icons-count: 0;--_ui5_input_tokenizer_min_width: 3.5rem;--_ui5_input_icon_padding: var(--_ui5-compact-size, .25rem .4375rem) var(--_ui5-cozy-size, .5625rem);--_ui5_input_icon_color: var(--sapField_TextColor);--_ui5_input_icon_pressed_color: var(--sapButton_Active_TextColor);--_ui5_input_icon_pressed_bg: var(--sapField_Hover_Background);--_ui5_input_icon_hover_bg: var(--sapButton_Lite_Hover_Background);--_ui5_input_icon_border_radius: 0;--_ui5_input_icon_box_shadow: none;--_ui5_input_icon_border: 1px solid transparent;--_ui5_input_error_icon_box_shadow: var(--_ui5_input_icon_box_shadow);--_ui5_input_warning_icon_box_shadow: var(--_ui5_input_icon_box_shadow);--_ui5_input_information_icon_box_shadow: var(--_ui5_input_icon_box_shadow);--_ui5_input_success_icon_box_shadow: var(--_ui5_input_icon_box_shadow);--_ui5_input_icon_error_pressed_color: var(--sapButton_Active_TextColor);--_ui5_input_icon_warning_pressed_color: var(--sapButton_Active_TextColor);--_ui5_input_icon_information_pressed_color: var(--sapButton_Active_TextColor);--_ui5_input_icon_success_pressed_color: var(--sapButton_Active_TextColor);--_ui5_link_text_decoration: underline;--_ui5_link_hover_text_decoration: underline;--_ui5_link_focused_hover_text_decoration: none;--_ui5_link_focused_hover_text_color: var(--sapLinkColor);--_ui5_link_active_text_decoration: none;--_ui5_link_outline: .125rem dotted var(--sapContent_FocusColor);--_ui5_link_focus_border-radius: 0;--_ui5_link_focus_background_color: transparent;--_ui5_link_focus_color: var(--sapLinkColor);--_ui5_link_focus_text_decoration: none;--_ui5_link_subtle_text_decoration: underline;--_ui5_link_subtle_text_decoration_hover: none;--_ui5_link_large_interactive_area_height: unset;--ui5_list_footer_text_color: var(--sapPageFooter_TextColor);--_ui5_list_buttons_left_space: var(--_ui5-compact-size, .125rem) var(--_ui5-cozy-size, .125rem);--ui5-listitem-background-color: var(--sapList_Background);--ui5-listitem-border-bottom: var(--sapList_BorderWidth) solid var(--sapList_BorderColor);--ui5-listitem-selected-border-bottom: 1px solid var(--sapList_SelectionBorderColor);--ui5-listitem-focused-selected-border-bottom: 1px solid var(--sapList_SelectionBorderColor);--_ui5-listitembase_disabled_opacity: .5;--_ui5_product_switch_item_border: none;--_ui5_menu_popover_border_radius: var(--sapElement_BorderCornerRadius);--_ui5_menu_item_padding: var(--_ui5-compact-size, 0 .75rem 0 .5rem) var(--_ui5-cozy-size, 0 1rem 0 .75rem);--_ui5_menu_item_submenu_icon_right: var(--_ui5-compact-size, .75rem) var(--_ui5-cozy-size, 1rem);--_ui5_monthpicker_item_margin: .0625rem;--_ui5_monthpicker_item_border: .0625rem solid var(--sapButton_Lite_BorderColor);--_ui5_monthpicker_item_border_radius: .25rem;--_ui5_monthpicker_item_hover_border: .0625rem solid var(--sapButton_Lite_Hover_BorderColor);--_ui5_monthpicker_item_active_border: .0625rem solid var(--sapButton_Lite_Active_BorderColor);--_ui5_monthpicker_item_selected_border: .0625rem solid var(--sapButton_Selected_BorderColor);--_ui5_monthpicker_item_selected_hover_border: .0625rem solid var(--sapButton_Selected_Hover_BorderColor);--_ui5_message_strip_padding: .4375rem 2.5rem .4375rem 2.5rem;--_ui5_message_strip_padding_block_no_icon: .4375rem .4375rem;--_ui5_message_strip_padding_inline_no_icon: 1rem 2.5rem;--_ui5_message_strip_border_width: var(--sapMessage_BorderWidth);--_ui5_message_strip_icon_top: .375rem;--_ui5_message_strip_close_button_top: .125rem;--_ui5_message_strip_close_button_right: .125rem;--_ui5_message_strip_close_button_color_set_1_background: var(--sapMessage_Button_Hover_Background);--_ui5_message_strip_close_button_color_set_2_background: var(--sapMessage_Button_Hover_Background);--_ui5_message_strip_close_button_color_set_1_color: var(--sapContent_ContrastIconColor);--_ui5_message_strip_scheme_1_set_2_background: var(--sapIndicationColor_1_Background);--_ui5_message_strip_scheme_1_set_2_border_color: var(--sapIndicationColor_1_BorderColor);--_ui5_message_strip_scheme_2_set_2_background: var(--sapIndicationColor_2_Background);--_ui5_message_strip_scheme_2_set_2_border_color: var(--sapIndicationColor_2_BorderColor);--_ui5_message_strip_scheme_3_set_2_background: var(--sapIndicationColor_3_Background);--_ui5_message_strip_scheme_3_set_2_border_color: var(--sapIndicationColor_3_BorderColor);--_ui5_message_strip_scheme_4_set_2_background: var(--sapIndicationColor_4_Background);--_ui5_message_strip_scheme_4_set_2_border_color: var(--sapIndicationColor_4_BorderColor);--_ui5_message_strip_scheme_5_set_2_background: var(--sapIndicationColor_5_Background);--_ui5_message_strip_scheme_5_set_2_border_color: var(--sapIndicationColor_5_BorderColor);--_ui5_message_strip_scheme_6_set_2_background: var(--sapIndicationColor_6_Background);--_ui5_message_strip_scheme_6_set_2_border_color: var(--sapIndicationColor_6_BorderColor);--_ui5_message_strip_scheme_7_set_2_background: var(--sapIndicationColor_7_Background);--_ui5_message_strip_scheme_7_set_2_border_color: var(--sapIndicationColor_7_BorderColor);--_ui5_message_strip_scheme_8_set_2_background: var(--sapIndicationColor_8_Background);--_ui5_message_strip_scheme_8_set_2_border_color: var(--sapIndicationColor_8_BorderColor);--_ui5_message_strip_scheme_9_set_2_background: var(--sapIndicationColor_9_Background);--_ui5_message_strip_scheme_9_set_2_border_color: var(--sapIndicationColor_9_BorderColor);--_ui5_message_strip_scheme_10_set_2_background: var(--sapIndicationColor_10_Background);--_ui5_message_strip_scheme_10_set_2_border_color: var(--sapIndicationColor_10_BorderColor);--_ui5_panel_focus_border: .125rem dotted var(--sapContent_FocusColor);--_ui5_panel_header_height: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 2.75rem);--_ui5_panel_button_root_width: var(--_ui5-compact-size, 2.75rem) var(--_ui5-cozy-size, 2.75rem);--_ui5_panel_button_root_height: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 2.75rem);--_ui5_panel_border_radius: 0px;--_ui5_panel_border_radius_expanded: 0;--_ui5_panel_default_header_border: none;--_ui5_panel_border_bottom: var(--sapGroup_TitleBorderWidth) solid var(--sapGroup_TitleBorderColor);--_ui5_panel_icon_color: var(--sapContent_IconColor);--_ui5_panel_header_padding_right: .5rem;--_ui5_panel_header_button_wrapper_padding: var(--_ui5-compact-size, .1875rem .25rem) var(--_ui5-cozy-size, .25rem);--_ui5_panel_focus_offset: 1px;--_ui5_panel_focus_bottom_offset: var(--_ui5_panel_focus_offset);--_ui5_panel_content_padding: .625rem 1rem 1.375rem 1rem;--_ui5_panel_header_background_color: var(--sapBackgroundColor);--_ui5_popover_background: var(--sapGroup_ContentBackground);--_ui5_popover_box_shadow: var(--sapContent_Shadow2);--_ui5_popover_no_arrow_box_shadow: var(--sapContent_Shadow1);--_ui5_popup_block_layer_background: var(--sapBlockLayer_Background);--_ui5_popup_block_layer_opacity: .3;--_ui5_popup_content_padding_s: 1rem;--_ui5_popup_content_padding_m_l: 2rem;--_ui5_popup_content_padding_xl: 3rem;--_ui5_popup_header_footer_padding_s: 1rem;--_ui5_popup_header_footer_padding_m_l: 2rem;--_ui5_popup_header_footer_padding_xl: 3rem;--_ui5_popup_viewport_margin: 10px;--_ui5_popup_header_prop_header_text_alignment: flex-start;--_ui5_popup_border_radius: var(--sapElement_BorderCornerRadius);--_ui5_popup_header_shadow: none;--_ui5_popup_header_border: none;--_ui5_progress_indicator_background_none: var(--sapField_Background);--_ui5_progress_indicator_background_error: var(--sapField_Background);--_ui5_progress_indicator_background_warning: var(--sapField_Background);--_ui5_progress_indicator_background_success: var(--sapField_Background);--_ui5_progress_indicator_background_information: var(--sapField_Background);--_ui5_progress_indicator_value_state_none: var(--sapHighlightColor);--_ui5_progress_indicator_value_state_error: var(--sapHighlightColor);--_ui5_progress_indicator_value_state_warning: var(--sapHighlightColor);--_ui5_progress_indicator_value_state_success: var(--sapHighlightColor);--_ui5_progress_indicator_value_state_information: var(--sapHighlightColor);--_ui5_progress_indicator_border_color_error: var(--sapField_BorderColor);--_ui5_progress_indicator_border_color_warning: var(--sapField_BorderColor);--_ui5_progress_indicator_border_color_success: var(--sapField_BorderColor);--_ui5_progress_indicator_border_color_information: var(--sapField_BorderColor);--_ui5_progress_indicator_color: var(--sapTextColor);--_ui5_progress_indicator_bar_color: var(--sapContent_ContrastTextColor);--_ui5_progress_indicator_border: .0625rem solid var(--sapField_BorderColor);--_ui5_progress_indicator_bar_border_max: var(--_ui5_progress_indicator_border);--_ui5_progress_indicator_icon_visibility: inline-block;--_ui5_progress_indicator_side_points_visibility: none;--_ui5_progress_indicator_padding_novalue: 0;--_ui5_progress_indicator_host_height: 1rem;--_ui5_progress_indicator_root_border_radius: .5rem;--_ui5_progress_indicator_root_height: 100%;--_ui5_progress_indicator_root_overflow: hidden;--_ui5_progress_indicator_bar_height: 100%;--_ui5_progress_indicator_bar_border_radius: .5rem 0 0 .5rem;--_ui5_progress_indicator_remaining_bar_overflow: hidden;--_ui5_progress_indicator_icon_size: var(--sapFontSmallSize);--_ui5_progress_indicator_value_margin: 0 .375rem;--_ui5_radio_button_min_width: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 2.75rem);--_ui5_radio_button_hover_fill: var(--sapSelectedColor);--_ui5_radio_button_hover_fill_error: var(--sapField_InvalidBackground);--_ui5_radio_button_hover_fill_warning: var(--sapField_Hover_Background);--_ui5_radio_button_hover_fill_success: var(--sapField_Hover_Background);--_ui5_radio_button_hover_fill_information: var(--sapField_Hover_Background);--_ui5_radio_button_border_width: .125rem;--_ui5_radio_button_checked_fill: var(--sapContent_IconColor);--_ui5_radio_button_checked_error_fill: var(--sapContent_IconColor);--_ui5_radio_button_checked_warning_fill: var(--sapContent_IconColor);--_ui5_radio_button_checked_success_fill: var(--sapContent_IconColor);--_ui5_radio_button_checked_information_fill: var(--sapContent_IconColor);--_ui5_radio_button_warning_error_border_dash: 5;--_ui5_radio_button_outer_ring_color: var(--sapField_BorderColor);--_ui5_radio_button_outer_ring_width: var(--sapField_BorderWidth);--_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: .625rem;--_ui5_radio_button_outer_ring_padding_with_label: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, .6875rem);--_ui5_radio_button_border_radius: 0;--_ui5_radio_button_border: none;--_ui5_radio_button_focus_outline: block;--_ui5_radio_button_focus_dist: var(--_ui5-compact-size, .375rem) var(--_ui5-cozy-size, .5rem);--_ui5_radio_button_color: var(--sapField_BorderColor);--_ui5_radio_button_label_offset: 1px;--_ui5_radio_button_label_color: var(--sapContent_LabelColor);--_ui5_radio_button_inner_ring_radius: 22%;--_ui5_radio_button_read_only_border_type: none;--_ui5_radio_button_inner_ring_color: var(--sapContent_IconColor);--_ui5_radio_button_information_border_width: var(--sapField_InformationBorderWidth);--_ui5_radio_button_read_only_border_width: var(--sapField_BorderWidth);--_ui5_radio_button_read_only_inner_ring_color: var(--sapContent_NonInteractiveIconColor);--_ui5_rating_indicator_border_radius: .5rem;--_ui5_rating_indicator_outline_offset: -.125rem;--_ui5_rating_indicator_item_height: var(--_ui5-compact-size, .67em) var(--_ui5-cozy-size, 1em);--_ui5_rating_indicator_item_width: var(--_ui5-compact-size, .67em) var(--_ui5-cozy-size, 1em);--_ui5_rating_indicator_readonly_item_height: var(--_ui5-compact-size, .67em) var(--_ui5-cozy-size, 1em);--_ui5_rating_indicator_readonly_item_width: var(--_ui5-compact-size, .67em) var(--_ui5-cozy-size, 1em);--_ui5_rating_indicator_readonly_item_spacing: 0px;--_ui5_rating_indicator_component_spacing: var(--_ui5-compact-size, .8125rem 0px) var(--_ui5-cozy-size, .5rem 0px);--_ui5_rating_indicator_component_padding: .25rem;--_ui5_rating_indicator_item_size_s: 1.375rem;--_ui5_rating_indicator_item_size_l: 2rem;--_ui5_segmented_btn_item_border_left: 0px;--_ui5_segmented_btn_item_border_right: .0625rem;--_ui5_button_focused_border: .125rem dotted var(--sapContent_FocusColor);--_ui5_button_focused_border_radius: .25rem;--_ui5_button_focused_inner_border_radius: 0;--_ui5_button_base_min_width: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 2.5rem);--_ui5_button_base_height: var(--_ui5-compact-size, var(--sapElement_Compact_Height)) var(--_ui5-cozy-size, var(--sapElement_Height));--_ui5_button_border_radius: var(--sapButton_BorderCornerRadius);--_ui5_button_base_padding: var(--_ui5-compact-size, .4375rem) var(--_ui5-cozy-size, .6875rem);--_ui5_button_base_icon_margin: .563rem;--_ui5_button_text_shadow: none;--_ui5_button_pressed_focused_border_color: var(--sapContent_ContrastFocusColor);--_ui5_button_fontFamily: var(--sapButton_FontFamily);--_ui5_button_emphasized_focused_border_color: var(--sapButton_Emphasized_BorderColor);--_ui5_button_emphasized_focused_border_before: var(--_ui5_button_focused_border);--_ui5_button_emphasized_focused_active_border_color: transparent;--_ui5_select_hover_icon_left_border: .0625rem solid var(--sapField_Hover_BorderColor);--_ui5_select_label_color: var(--sapField_TextColor);--_ui5_select_icon_width: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 2.25rem);--_ui5_select_icon_wrapper_height: 100%;--_ui5_select_bottom_border_gradient: none;--_ui5_select_icon_wrapper_state_height: 100%;--_ui5_split_button_focused_border: .125rem dotted var(--sapContent_FocusColor);--_ui5_split_button_focused_border_radius: .375rem;--_ui5_split_button_middle_separator_left: -.0625rem;--_ui5_split_button_middle_separator_hover_display: block;--_ui5_split_button_text_button_right_border_width: 0;--_ui5_split_button_transparent_hover_background: var(--sapButton_Hover_Background);--_ui5_split_button_host_transparent_hover_background: var(--sapButton_Background);--_ui5_split_button_transparent_hover_color: var(--sapButton_TextColor);--_ui5_split_button_transparent_disabled_background: var(--sapButton_Background);--_ui5_split_button_inner_focused_border_radius_inner: 0;--_ui5_split_button_emphasized_separator_color: var(--sapButton_Emphasized_TextColor);--_ui5_split_button_positive_separator_color: var(--sapButton_Accept_BorderColor);--_ui5_split_button_negative_separator_color: var(--sapButton_Reject_BorderColor);--_ui5_split_button_attention_separator_color: var(--sapButton_Attention_BorderColor);--_ui5_split_button_attention_separator_color_default: var(--sapButton_Attention_BorderColor);--_ui5_split_button_host_default_box_shadow: inset 0 0 0 var(--sapButton_BorderWidth) var(--sapButton_BorderColor);--_ui5_split_button_host_attention_box_shadow: inset 0 0 0 var(--sapButton_BorderWidth) var(--sapButton_Attention_BorderColor);--_ui5_split_button_host_emphasized_box_shadow: inset 0 0 0 .125rem var(--sapButton_Emphasized_BorderColor);--_ui5_split_button_host_positive_box_shadow: inset 0 0 0 var(--sapButton_BorderWidth) var(--sapButton_Accept_BorderColor);--_ui5_split_button_host_negative_box_shadow: inset 0 0 0 var(--sapButton_BorderWidth) var(--sapButton_Reject_BorderColor);--_ui5_split_button_host_transparent_box_shadow: inset 0 0 0 var(--sapButton_BorderWidth) var(--sapButton_Lite_BorderColor);--_ui5_split_button_host_transparent_hover_box_shadow: inset 0 0 0 var(--sapButton_BorderWidth) var(--sapButton_BorderColor);--_ui5_split_text_button_border_color: transparent;--_ui5_split_text_button_background_color: transparent;--_ui5_split_text_button_emphasized_border: .125rem solid var(--sapButton_Emphasized_BorderColor);--_ui5_split_text_button_emphasized_border_width: .125rem;--_ui5_split_text_button_hover_border: var(--sapButton_BorderWidth) solid var(--sapButton_BorderColor);--_ui5_split_text_button_positive_hover_border: var(--sapButton_BorderWidth) solid var(--sapButton_Accept_BorderColor);--_ui5_split_text_button_negative_hover_border: var(--sapButton_BorderWidth) solid var(--sapButton_Reject_BorderColor);--_ui5_split_text_button_attention_hover_border: var(--sapButton_BorderWidth) solid var(--sapButton_Attention_BorderColor);--_ui5_split_text_button_transparent_hover_border: var(--sapButton_BorderWidth) solid var(--sapButton_BorderColor);--_ui5_split_arrow_button_hover_border: var(--sapButton_BorderWidth) solid var(--sapButton_BorderColor);--_ui5_split_arrow_button_emphasized_hover_border: .0625rem solid var(--sapButton_Emphasized_BorderColor);--_ui5_split_arrow_button_positive_hover_border: var(--sapButton_BorderWidth) solid var(--sapButton_Accept_BorderColor);--_ui5_split_arrow_button_negative_hover_border: var(--sapButton_BorderWidth) solid var(--sapButton_Reject_BorderColor);--_ui5_split_arrow_button_attention_hover_border: var(--sapButton_BorderWidth) solid var(--sapButton_Attention_BorderColor);--_ui5_split_arrow_button_transparent_hover_border: var(--sapButton_BorderWidth) solid var(--sapButton_BorderColor);--_ui5_split_text_button_hover_border_right: none;--_ui5_split_text_button_positive_hover_border_right: none;--_ui5_split_text_button_negative_hover_border_right: none;--_ui5_split_text_button_attention_hover_border_right: none;--_ui5_split_text_button_transparent_hover_border_right: none;--_ui5_split_button_middle_separator_hover_display_emphasized: block;--_ui5_split_arrow_button_emphasized_hover_box_shadow: inset 0 -.0625rem 0 var(--sapButton_BorderColor), inset -.0625rem 0 0 var(--sapButton_BorderColor), inset 0 .0625rem 0 var(--sapButton_BorderColor);--_ui5_split_arrow_button_emphasized_hover_box_shadow_rtl: inset 0 -.0625rem 0 var(--sapButton_BorderColor), inset .0625rem 0 0 var(--sapButton_BorderColor), inset 0 .0625rem 0 var(--sapButton_BorderColor);--_ui5_switch_height: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 2.75rem);--_ui5_switch_width: var(--_ui5-compact-size, 2.5rem) var(--_ui5-cozy-size, 3.25rem);--_ui5_switch_min_width: 3.875rem;--_ui5_switch_with_label_width: var(--_ui5-compact-size, 100%) var(--_ui5-cozy-size, 100%);--_ui5_switch_focus_outline: .125rem dotted var(--sapContent_FocusColor);--_ui5_switch_root_outline_top: var(--_ui5-compact-size, 0) var(--_ui5-cozy-size, .25rem);--_ui5_switch_root_outline_bottom: var(--_ui5-compact-size, 0) var(--_ui5-cozy-size, .25rem);--_ui5_switch_root_outline_left: 0;--_ui5_switch_root_outline_right: 0;--_ui5_switch_foucs_border_size: 1px;--_ui5-switch-root-border-radius: 0;--_ui5-switch-root-box-shadow: none;--_ui5_switch_root_after_outline: none;--_ui5_switch_disabled_opacity: .4;--_ui5_switch_transform: var(--_ui5-compact-size, translateX(100%) translateX(-1.5rem)) var(--_ui5-cozy-size, translateX(100%) translateX(-1.875rem));--_ui5_switch_transform_with_label: var(--_ui5-compact-size, translateX(100%) translateX(-1.5rem)) var(--_ui5-cozy-size, translateX(100%) translateX(-1.875rem));--_ui5_switch_rtl_transform: var(--_ui5-compact-size, translateX(1.5rem) translateX(-100%)) var(--_ui5-cozy-size, translateX(-100%) translateX(1.875rem));--_ui5_switch_rtl_transform_with_label: var(--_ui5-compact-size, translateX(1.5rem) translateX(-100%)) var(--_ui5-cozy-size, translateX(-100%) translateX(1.875rem));--_ui5_switch_track_with_label_width: var(--_ui5-compact-size, 100%) var(--_ui5-cozy-size, 100%);--_ui5_switch_track_with_label_height: var(--_ui5-compact-size, 1.375rem) var(--_ui5-cozy-size, 1.375rem);--_ui5_switch_track_width: var(--_ui5-compact-size, 100%) var(--_ui5-cozy-size, 100%);--_ui5_switch_track_height: var(--_ui5-compact-size, 1.375rem) var(--_ui5-cozy-size, 1.375rem);--_ui5_switch_track_border_radius: .75rem;--_ui5-switch-track-border: 1px solid;--_ui5_switch_track_active_background_color: var(--sapButton_Track_Selected_Background);--_ui5_switch_track_inactive_background_color: var(--sapButton_Track_Background);--_ui5_switch_track_hover_active_background_color: var(--sapButton_Track_Selected_Background);--_ui5_switch_track_hover_inactive_background_color: var(--sapButton_Track_Background);--_ui5_switch_track_active_border_color: var(--sapContent_ForegroundBorderColor);--_ui5_switch_track_inactive_border_color: var(--sapContent_ForegroundBorderColor);--_ui5_switch_track_hover_active_border_color: var(--sapButton_Hover_BorderColor);--_ui5_switch_track_hover_inactive_border_color: var(--sapButton_Hover_BorderColor);--_ui5_switch_track_semantic_accept_background_color: var(--sapSuccessBackground);--_ui5_switch_track_semantic_reject_background_color: var(--sapErrorBackground);--_ui5_switch_track_semantic_hover_accept_background_color: var(--sapSuccessBackground);--_ui5_switch_track_semantic_hover_reject_background_color: var(--sapErrorBackground);--_ui5_switch_track_semantic_accept_border_color: var(--sapSuccessBorderColor);--_ui5_switch_track_semantic_reject_border_color: var(--sapErrorBorderColor);--_ui5_switch_track_semantic_hover_accept_border_color: var(--sapSuccessBorderColor);--_ui5_switch_track_semantic_hover_reject_border_color: var(--sapErrorBorderColor);--_ui5_switch_track_transition: none;--_ui5_switch_track_icon_display: none;--_ui5_switch_handle_width: var(--_ui5-compact-size, 1.625rem) var(--_ui5-cozy-size, 2rem);--_ui5_switch_handle_height: var(--_ui5-compact-size, 1.625rem) var(--_ui5-cozy-size, 2rem);--_ui5_switch_handle_with_label_width: var(--_ui5-compact-size, 1.625rem) var(--_ui5-cozy-size, 2rem);--_ui5_switch_handle_with_label_height: var(--_ui5-compact-size, 1.625rem) var(--_ui5-cozy-size, 2rem);--_ui5_switch_handle_border: var(--_ui5_switch_handle_border_width) solid var(--sapButton_Handle_BorderColor);--_ui5_switch_handle_border_width: .125rem;--_ui5_switch_handle_border_radius: 1rem;--_ui5_switch_handle_active_background_color: var(--sapButton_Selected_Background);--_ui5_switch_handle_inactive_background_color: var(--sapButton_TokenBackground);--_ui5_switch_handle_hover_active_background_color: var(--sapButton_Selected_Hover_Background);--_ui5_switch_handle_hover_inactive_background_color: var(--sapButton_Handle_Hover_Background);--_ui5_switch_handle_active_border_color: var(--sapButton_Selected_BorderColor);--_ui5_switch_handle_inactive_border_color: var(--sapContent_ForegroundBorderColor);--_ui5_switch_handle_hover_active_border_color: var(--sapButton_Selected_BorderColor);--_ui5_switch_handle_hover_inactive_border_color: var(--sapButton_Hover_BorderColor);--_ui5_switch_handle_semantic_accept_background_color: var(--sapButton_Background);--_ui5_switch_handle_semantic_reject_background_color: var(--sapButton_Background);--_ui5_switch_handle_semantic_hover_accept_background_color: var(--sapButton_Selected_Hover_Background);--_ui5_switch_handle_semantic_hover_reject_background_color: var(--sapButton_Handle_Hover_Background);--_ui5_switch_handle_semantic_accept_border_color: var(--sapSuccessBorderColor);--_ui5_switch_handle_semantic_reject_border_color: var(--sapErrorBorderColor);--_ui5_switch_handle_semantic_hover_accept_border_color: var(--sapSuccessBorderColor);--_ui5_switch_handle_semantic_hover_reject_border_color: var(--sapErrorBorderColor);--_ui5_switch_handle_on_hover_box_shadow: none;--_ui5_switch_handle_off_hover_box_shadow: none;--_ui5_switch_handle_semantic_on_hover_box_shadow: var(--sapContent_Informative_Shadow);--_ui5_switch_handle_semantic_off_hover_box_shadow: var(--sapContent_Negative_Shadow);--_ui5_switch_handle_left: -.0625rem;--_ui5-switch-slider-texts-display: inline;--_ui5_switch_text_font_family: var(--sapFontFamily);--_ui5_switch_text_font_size: var(--_ui5-compact-size, var(--sapFontSmallSize)) var(--_ui5-cozy-size, var(--sapFontSmallSize));--_ui5_switch_text_with_label_font_family: var(--sapFontFamily);--_ui5_switch_text_with_label_font_size: var(--sapFontSmallSize);--_ui5_switch_text_with_label_width: none;--_ui5_switch_text_width: var(--_ui5-compact-size, none) var(--_ui5-cozy-size, none);--_ui5_switch_text_inactive_left: auto;--_ui5_switch_text_inactive_left_alternate: auto;--_ui5_switch_text_inactive_right: .125rem;--_ui5_switch_text_inactive_right_alternate: .125rem;--_ui5_switch_text_active_left: var(--_ui5-compact-size, calc(-100% + 1.625rem) ) var(--_ui5-cozy-size, calc(-100% + 2rem) );--_ui5_switch_text_active_left_alternate: calc(-100% + 2rem) ;--_ui5_switch_text_active_color: var(--sapButton_Track_Selected_TextColor);--_ui5_switch_text_inactive_color: var(--sapTextColor);--_ui5_switch_text_semantic_accept_color: var(--sapPositiveElementColor);--_ui5_switch_text_semantic_reject_color: var(--sapNegativeElementColor);--_ui5_switch_text_overflow: none;--_ui5_switch_text_z_index: inherit;--_ui5_switch_text_hidden: hidden;--_ui5_switch_text_min_width: 1.625rem;--_ui5_switch_icon_width: .75rem;--_ui5_switch_icon_height: .75rem;--_ui5_switch_readonly_track_border_style: dashed;--_ui5_switch_readonly_handle_border_style: solid;--_ui5_tc_header_height: var(--_ui5-compact-size, var(--_ui5_tc_item_height)) var(--_ui5-cozy-size, var(--_ui5_tc_item_height));--_ui5_tc_header_height_text_only: var(--_ui5_tc_item_text_only_height);--_ui5_tc_header_height_text_with_additional_text: var(--_ui5_tc_item_text_only_with_additional_text_height);--_ui5_tc_header_box_shadow: var(--sapContent_HeaderShadow);--_ui5_tc_header_border_bottom: .125rem solid var(--sapPageHeader_BorderColor);--_ui5_tc_header_background: var(--sapObjectHeader_Background);--_ui5_tc_header_background_translucent: var(--sapObjectHeader_Background);--_ui5_tc_content_background: var(--sapBackgroundColor);--_ui5_tc_content_background_translucent: var(--sapGroup_ContentBackground);--_ui5_tc_headeritem_padding: 1rem;--_ui5_tc_headerItem_color: var(--sapContent_LabelColor);--_ui5_tc_headerItem_additional_text_color: var(--sapContent_LabelColor);--_ui5_tc_headerItem_text_hover_color: var(--_ui5_tc_headerItem_color);--_ui5_tc_headerItem_text_selected_color: var(--sapPageHeader_BorderColor);--_ui5_tc_headerItem_text_selected_hover_color: var(--sapPageHeader_BorderColor);--_ui5_tc_headeritem_text_font_weight: normal;--_ui5_tc_headerItem_additional_text_font_weight: normal;--_ui5_tc_headerItem_neutral_border_color: var(--sapTab_Neutral_ForegroundColor);--_ui5_tc_headerItem_transition: none;--_ui5_tc_headerItemContent_border_radius: .125rem .125rem 0 0;--_ui5_tc_headerItemContent_border_bg: transparent;--_ui5_tc_headerItem_neutral_border_bg: transparent;--_ui5_tc_headerItem_positive_border_bg: transparent;--_ui5_tc_headerItem_negative_border_bg: transparent;--_ui5_tc_headerItem_critical_border_bg: transparent;--_ui5_tc_headerItemContent_border_height: 0;--_ui5_tc_headerItem_focus_border: .125rem dotted var(--sapContent_FocusColor);--_ui5_tc_headerItem_text_focus_border_offset_left: 0px;--_ui5_tc_headerItem_text_focus_border_offset_right: 0px;--_ui5_tc_headerItem_text_focus_border_offset_top: 0px;--_ui5_tc_headerItem_text_focus_border_offset_bottom: 0px;--_ui5_tc_headerItem_mixed_mode_focus_border_offset_left: .75rem;--_ui5_tc_headerItem_mixed_mode_focus_border_offset_right: .625rem;--_ui5_tc_headerItem_mixed_mode_focus_border_offset_top: .75rem;--_ui5_tc_headerItem_mixed_mode_focus_border_offset_bottom: .75rem;--_ui5_tc_headerItemContent_default_focus_border: none;--_ui5_tc_headerItemContent_focus_border_radius: 0;--_ui5_tc_headerItemSemanticIcon_display: inline-block;--_ui5_tc_headerItemSemanticIcon_size: .75rem;--_ui5_tc_headerItem_focus_border_radius: 0px;--_ui5_tc_mixedMode_itemText_color: var(--sapContent_LabelColor);--_ui5_tc_mixedMode_itemText_font_family: var(--sapFontFamily);--_ui5_tc_mixedMode_itemText_font_size: var(--sapFontSmallSize);--_ui5_tc_mixedMode_itemText_font_weight: normal;--_ui5_tc_headerItem_expand_button_margin_inline_start: .625rem;--_ui5_tc_headerItem_single_click_expand_button_margin_inline_start: .875rem;--_ui5_tc_headerItem_expand_button_border_radius: var(--sapButton_BorderCornerRadius);--_ui5_tc_headerItem_expand_button_separator_display: none;--_ui5_tc_overflowItem_positive_color: var(--sapGroup_TitleTextColor);--_ui5_tc_overflowItem_negative_color: var(--sapGroup_TitleTextColor);--_ui5_tc_overflowItem_critical_color: var(--sapGroup_TitleTextColor);--_ui5_tc_overflowItem_focus_offset: .125rem;--_ui5_tc_overflowItem_indent: .5rem;--_ui5_tc_overflowItem_extra_indent: 1rem;--_ui5_tc_headerItemIcon_border: 1px solid var(--sapPageHeader_BorderColor);--_ui5_tc_headerItemIcon_semantic_selected_color: var(--sapContent_IconColor);--_ui5_tc_overflowItem_default_color: var(--sapGroup_TitleTextColor);--_ui5_tc_overflowItem_current_color: var(--_ui5_tc_overflowItem_default_color);--_ui5_tc_content_border_bottom: .125rem solid var(--sapObjectHeader_BorderColor);--_ui5_tc_headerItem_focus_border_offset: -2px;--_ui5_tc_headerItemIcon_focus_border_radius: 0;--_ui5_tc_overflow_text_color: var(--sapButton_TextColor);--_ui5_tc_overflowItem_additional: 1;--_ui5-toolbar-padding-left: .5rem;--_ui5-toolbar-padding-right: .5rem;--_ui5-toolbar-item-margin-left: 0;--_ui5-toolbar-item-margin-right: .5rem;--_ui5_load_more_padding: .25rem;--_ui5_load_more_border: 1px solid var(--sapButton_BorderColor);--_ui5_load_more_border_radius: .375rem;--_ui5_load_more_outline_width: .125rem;--_ui5_text_max_lines: initial;--_ui5_textarea_state_border_width: .125rem;--_ui5_textarea_information_border_width: var(--sapField_InformationBorderWidth);--_ui5_textarea_placeholder_font_style: normal;--_ui5_textarea_value_state_error_warning_placeholder_font_weight: bold;--_ui5_textarea_error_placeholder_font_style: normal;--_ui5_textarea_error_placeholder_color: var(--sapField_TextColor);--_ui5_textarea_error_hover_background_color: var(--sapField_InvalidBackground);--_ui5_textarea_hover_border: var(--sapField_BorderWidth) var(--sapField_BorderStyle) var(--sapField_Hover_BorderColor);--_ui5_textarea_error_warning_border_style: dashed;--_ui5_textarea_disabled_opacity: .4;--_ui5_textarea_line_height: 1.4;--_ui5_textarea_focus_pseudo_element_content: "";--_ui5_textarea_focused_value_state_error_background: var(--sapField_InvalidBackground);--_ui5_textarea_focused_value_state_warning_background: var(--sapField_WarningBackground);--_ui5_textarea_focused_value_state_success_background: var(--sapField_SuccessBackground);--_ui5_textarea_focused_value_state_information_background: var(--sapField_InformationBackground);--_ui5_textarea_focused_value_state_error_focus_outline_color: var(--sapContent_FocusColor);--_ui5_textarea_focused_value_state_warning_focus_outline_color: var(--sapContent_FocusColor);--_ui5_textarea_focused_value_state_success_focus_outline_color: var(--sapContent_FocusColor);--_ui5_textarea_focus_offset: 1px;--_ui5_textarea_readonly_focus_offset: 1px;--_ui5_textarea_value_state_focus_offset: 1px;--_ui5_textarea_focus_outline_color: var(--sapContent_FocusColor);--_ui5_textarea_min_height: var(--_ui5-compact-size, 1.625rem) var(--_ui5-cozy-size, 2.25rem);--_ui5_textarea_wrapper_padding: .0625rem;--_ui5_textarea_success_wrapper_padding: 0;--_ui5_textarea_warning_error_wrapper_padding: 0;--_ui5_textarea_information_wrapper_padding: 0;--_ui5_textarea_inner_width: 100%;--_ui5_textarea_padding_right_and_left: var(--_ui5-compact-size, .375rem) var(--_ui5-cozy-size, .5rem);--_ui5_textarea_padding_right_and_left_error_warning: var(--_ui5-compact-size, .375rem) var(--_ui5-cozy-size, .5rem);--_ui5_textarea_padding_right_and_left_information: var(--_ui5-compact-size, .4375rem) var(--_ui5-cozy-size, .5625rem);--_ui5_textarea_padding_right_and_left_readonly: var(--_ui5-compact-size, .375rem) var(--_ui5-cozy-size, .5rem);--_ui5_textarea_padding_top: var(--_ui5-compact-size, .0625rem) var(--_ui5-cozy-size, .375rem);--_ui5_textarea_padding_bottom: var(--_ui5-compact-size, .0625rem) var(--_ui5-cozy-size, .375rem);--_ui5_textarea_padding_top_readonly: var(--_ui5-compact-size, .0625rem) var(--_ui5-cozy-size, .375rem);--_ui5_textarea_padding_bottom_readonly: var(--_ui5-compact-size, .0625rem) var(--_ui5-cozy-size, .375rem);--_ui5_textarea_padding_top_error_warning: var(--_ui5-compact-size, .0625rem) var(--_ui5-cozy-size, .375rem);--_ui5_textarea_padding_bottom_error_warning: var(--_ui5-compact-size, .0625rem) var(--_ui5-cozy-size, .375rem);--_ui5_textarea_padding_top_information: var(--_ui5-compact-size, .125rem) var(--_ui5-cozy-size, .4375rem);--_ui5_textarea_padding_bottom_information: var(--_ui5-compact-size, .125rem) var(--_ui5-cozy-size, .4375rem);--_ui5_textarea_margin: var(--_ui5-compact-size, .1875rem 0) var(--_ui5-cozy-size, .25rem 0);--_ui5_textarea_readonly_border_style: var(--sapField_BorderStyle);--_ui5_textarea_error_warning_font_weight: bold;--_ui5_textarea_error_warning_font_style: italic;--_ui5-time_picker_border_radius: 0;--_ui5_toast_vertical_offset: 3rem;--_ui5_toast_horizontal_offset: 2rem;--_ui5_toast_background: var(--sapIndicationColor_9_Background);--_ui5_toast_shadow: var(--sapContent_Lite_Shadow);--_ui5_toast_offset_width: -.1875rem;--_ui5_toggle_button_emphasized_text_shadow: none;--_ui5_yearpicker_item_margin: .0625rem;--_ui5_yearpicker_item_border: .0625rem solid var(--sapButton_Lite_BorderColor);--_ui5_yearpicker_item_border_radius: .25rem;--_ui5_yearpicker_item_hover_border: .0625rem solid var(--sapButton_Lite_Hover_BorderColor);--_ui5_yearpicker_item_selected_border: .0625rem solid var(--sapButton_Selected_BorderColor);--_ui5_yearpicker_item_selected_hover_border: .0625rem solid var(--sapButton_Selected_Hover_BorderColor);--_ui5_token_background: var(--sapButton_TokenBackground);--_ui5_token_readonly_background: var(--sapField_ReadOnly_Background);--_ui5_token_readonly_color: var(--sapContent_LabelColor);--_ui5_token_border_radius: .25rem;--_ui5_token_focus_outline_width: .125rem;--_ui5_token_outline_offset: var(--_ui5-compact-size, -.125rem) var(--_ui5-cozy-size, -.125rem);--_ui5_token_text_color: var(--sapButton_TextColor);--_ui5_token_right_margin: var(--_ui5-compact-size, .25rem) var(--_ui5-cozy-size, .3125rem);--_ui5_token_left_padding: var(--_ui5-compact-size, .25rem) var(--_ui5-cozy-size, .3125rem);--_ui5_token_readonly_padding: var(--_ui5-compact-size, .125rem .25rem) var(--_ui5-cozy-size, .25rem .375rem);--_ui5_token_selected_focus_outline: var(--_ui5_token_focus_outline_width) dotted var(--sapContent_ContrastFocusColor);--_ui5_token_focus_outline: var(--_ui5_token_focus_outline_width) dotted var(--sapContent_FocusColor);--_ui5_token_focused_selected_border: 1px solid var(--sapButton_Selected_BorderColor);--ui5_token_focus_pseudo_element_content: none;--_ui5_token_focus_offset: var(--_ui5-compact-size, -.125rem) var(--_ui5-cozy-size, -.25rem);--_ui5_token_selected_text_font_family: var(--sapFontFamily);--_ui5_token_selected_internal_border_bottom: none;--_ui5_token_selected_internal_border_bottom_radius: 0;--_ui5_tokenizer_padding: var(--_ui5-compact-size, .25rem) var(--_ui5-cozy-size, .3125rem);--_ui5_tokenizer_gap: var(--_ui5-compact-size, .375em .25rem) var(--_ui5-cozy-size, .625rem .25rem);--_ui5_tokenizer_n_more_text_color: var(--sapField_TextColor);--_ui5_tokenizer-popover_offset: var(--_ui5-compact-size, .1875rem) var(--_ui5-cozy-size, .3125rem);--_ui5_value_state_message_border: var(--sapField_BorderWidth) solid var(--sapField_BorderColor);--_ui5_value_state_header_border: none;--_ui5_input_value_state_icon_display: none;--_ui5_value_state_message_padding: .5rem;--_ui5_value_state_message_padding_phone: .5rem .5rem .5rem 1rem;--_ui5_value_state_header_padding: .5625rem 1rem;--_ui5_value_state_message_popover_box_shadow: none;--_ui5_value_state_message_icon_width: .75rem;--_ui5_value_state_message_icon_height: .75rem;--_ui5_input_value_state_icon_offset: .5rem;--_ui5_value_state_header_offset: -.1875rem;--_ui5_value_state_message_popover_border_radius: 0;--_ui5_value_state_header_box_shadow_error: inset 0 -.125rem var(--sapField_InvalidColor);--_ui5_value_state_header_box_shadow_information: inset 0 -.125rem var(--sapField_InformationColor);--_ui5_value_state_header_box_shadow_success: inset 0 -.125rem var(--sapField_SuccessColor);--_ui5_value_state_header_box_shadow_warning: inset 0 -.125rem var(--sapField_WarningColor);--_ui5_value_state_message_line_height: 1rem;--_ui5_value_state_message_popover_header_min_height: 2rem;--_ui5_value_state_message_popover_header_min_width: 6rem;--_ui5_value_state_message_popover_header_max_width: 22rem;--_ui5_value_state_message_popover_header_width: auto;--_ui5_value_state_message_icon_offset_phone: 1rem;--_ui5_value_state_header_border_bottom: none;--_ui5_slider_inner_min_width: 4rem;--_ui5_slider_progress_border_width: .0625rem;--_ui5_slider_disabled_opacity: .4;--_ui5_slider_active_progress_left: -.0625rem;--_ui5_slider_handle_height: var(--_ui5-compact-size, 1.5rem) var(--_ui5-cozy-size, 1.875rem);--_ui5_slider_handle_width: var(--_ui5-compact-size, 1.5rem) var(--_ui5-cozy-size, 1.875rem);--_ui5_slider_handle_focus_border: .125rem solid var(--sapButton_Active_BorderColor);--ui5_slider_handle_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);--ui5_slider_handle_outline_offset: 1px;--_ui5_slider_handle_background: transparent;--_ui5_slider_handle_border: .125rem solid var(--sapField_BorderColor);--_ui5_slider_handle_border_radius: 1rem;--_ui5_slider_handle_hover_background: transparent;--_ui5_slider_handle_hover_border: .125rem solid var(--sapSlider_Hover_HandleBorderColor);--_ui5_slider_handle_background_focus: var(--sapSlider_Active_RangeHandleBackground);--_ui5_slider_handle_active_border: .125rem solid var(--sapContent_FocusColor);--_ui5_slider_handle_icon_display: none;--_ui5_slider_handle_icon_size: .875rem;--_ui5_slider_handle_box_sizing: border-box;--_ui5_slider_scale_background: var(--sapField_BorderColor);--_ui5_slider_scale_progress_background: var(--sapSelectedColor);--_ui5_slider_scale_progress_border: 1px solid var(--sapSlider_Selected_BorderColor);--_ui5_slider_scale_dots_distance: var(--_ui5-compact-size, -.75rem) var(--_ui5-cozy-size, -1rem);--_ui5_slider_scale_dots_display: none;--_ui5_slider_scale_tickmark_height: 1rem;--_ui5_slider_scale_root_box_sizing: content-box;--_ui5_slider_scale_progress_top: -1px;--_ui5_slider_scale_progress_height: .375rem;--_ui5_range_slider_progress_focus_display: none;--_ui5_range_slider_progress_focus_top: calc(-1 * ((var(--_ui5_slider_handle_height) / 2) + .1875rem) + var(--_ui5_slider_progress_border_width) + .0625rem - .125rem - .0625rem);--_ui5_range_slider_progress_focus_left: calc(-1 * ((var(--_ui5_slider_handle_width) / 2) + .1875rem + var(--_ui5_slider_progress_border_width)) - .125rem);--_ui5_range_slider_progress_focus_right: calc(-1 * ((var(--_ui5_slider_handle_width) / 2) + .1875rem + var(--_ui5_slider_progress_border_width)) - .125rem - .0625rem);--_ui5_range_slider_progress_focus_height: calc(var(--_ui5_slider_handle_height) + .375rem + .25rem + .0625rem);--_ui5_range_slider_progress_focus_padding: 0 1.375rem 0 1.4375rem;--_ui5_range_slider_progress_focus_border: var(--sapContent_FocusWidth) solid var(--sapContent_FocusColor);--_ui5_range_slider_progress_focus_border_radius: .5rem;--_ui5_range_slider_legacy_progress_focus_display: block;--_ui5_range_slider_focus_outline_width: 100%;--_ui5_slider_progress_outline: .0625rem var(--sapContent_FocusStyle) var(--sapContent_FocusColor);--_ui5_range_slider_focus_outline_radius: 0;--_ui5_slider_progress_outline_offset: var(--_ui5-compact-size, -.625rem) var(--_ui5-cozy-size, -.8125rem);--_ui5_slider_outer_height: var(--_ui5-compact-size, 1.3125rem) var(--_ui5-cozy-size, 1.6875rem);--_ui5_slider_progress_outline_offset_left: 0;--_ui5_slider_scale_progress_border_radius: .375rem;--_ui5_slider_scale_border: 1px solid var(--sapSlider_Selected_BorderColor);--_ui5_step_input_input_error_background_color: var(--sapField_InvalidBackground);--_ui5-step_input_button_state_hover_background_color: var(--sapField_Background);--_ui5_step_input_border_style: 1px solid var(--sapField_BorderColor);--_ui5_step_input_border_style_hover: 1px solid var(--sapField_Hover_BorderColor);--_ui5_step_input_button_background_color: var(--sapField_Background);--_ui5_step_input_input_border: 1px solid transparent;--_ui5_step_input_input_margin_top: -.0625rem;--_ui5_step_input_button_display: inline-block;--_ui5_step_input_button_left: 0;--_ui5_step_input_button_right: 0;--_ui5_step_input_input_border_focused_after: var(--_ui5_input_focus_border_width) dotted var(--sapContent_FocusColor);--_ui5_step_input_input_border_top_bottom_focused_after: .0625rem;--_ui5_step_input_input_border_radius_focused_after: 0;--_ui5_step_input_input_information_border_color_focused_after: var(--sapField_BorderColor);--_ui5_step_input_input_warning_border_color_focused_after: var(--sapField_BorderColor);--_ui5_step_input_input_success_border_color_focused_after: var(--sapField_BorderColor);--_ui5_step_input_input_error_border_color_focused_after: var(--sapField_BorderColor);--_ui5_step_input_disabled_button_background: var(--sapField_ReadOnly_Background);--_ui5_step_input_border_color_hover: var(--sapField_Hover_Background);--_ui5_step_input_border_hover: 1px solid var(--sapField_Hover_BorderColor);--_ui5_input_input_background_color: var(--sapField_InvalidBackground);--_ui5_step_input_min_width: var(--_ui5-compact-size, 6rem) var(--_ui5-cozy-size, 7.25rem);--_ui5_step_input_padding: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 2.5rem);--_ui5_calendar_height: var(--_ui5-compact-size, 18rem) var(--_ui5-cozy-size, 24.5rem);--_ui5_calendar_width: var(--_ui5-compact-size, 17.75rem) var(--_ui5-cozy-size, 20rem);--_ui5_calendar_left_right_padding: var(--_ui5-compact-size, .25rem) var(--_ui5-cozy-size, .5rem);--_ui5_calendar_top_bottom_padding: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, 1rem);--_ui5_calendar_header_height: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 3rem);--_ui5_calendar_header_arrow_button_width: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 2.5rem);--_ui5_calendar_header_padding: var(--_ui5-compact-size, 0) var(--_ui5-cozy-size, .25rem 0);--_ui5_calendar_multiple_layout: row;--_ui5_calendar_multiple_gap: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, 1rem);--_ui5_calendar_multiple_width: var(--_ui5-compact-size, calc((var(--_ui5_calendar_width) * 2) + (var(--_ui5_calendar_left_right_padding) * 2))) var(--_ui5-cozy-size, calc((var(--_ui5_calendar_width) * 2) + (var(--_ui5_calendar_left_right_padding) * 2)));--_ui5_calendar_overlay_top: var(--_ui5-compact-size, 54%) var(--_ui5-cozy-size, 57%);--_ui5_calendar_overlay_width: var(--_ui5-compact-size, 100%) var(--_ui5-cozy-size, 16rem);--_ui5_checkbox_root_side_padding: var(--_ui5-compact-size, var(--_ui5_checkbox_wrapped_focus_padding)) var(--_ui5-cozy-size, .6875rem);--_ui5_checkbox_icon_size: var(--_ui5-compact-size, .75rem) var(--_ui5-cozy-size, 1rem);--_ui5_checkbox_partially_icon_size: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, .75rem);--_ui5_custom_list_item_rb_min_width: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 2.75rem);--_ui5_day_picker_item_width: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 2.25rem);--_ui5_day_picker_item_height: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 2.875rem);--_ui5_day_picker_empty_height: var(--_ui5-compact-size, 2.125rem) var(--_ui5-cozy-size, 3rem);--_ui5_day_picker_item_justify_content: var(--_ui5-compact-size, flex-end) var(--_ui5-cozy-size, space-between);--_ui5_dp_item_withsecondtype_font_size: var(--_ui5-compact-size, var(--sapFontSmallSize)) var(--_ui5-cozy-size, var(--sapFontSize));--_ui5_daypicker_item_now_selected_two_calendar_focus_special_day_top: var(--_ui5-compact-size, 1.125rem) var(--_ui5-cozy-size, 2rem);--_ui5_daypicker_item_now_selected_two_calendar_focus_special_day_right: var(--_ui5-compact-size, 1.125rem) var(--_ui5-cozy-size, 1.4375rem);--_ui5_dp_two_calendar_item_secondary_text_height: var(--_ui5-compact-size, .75rem) var(--_ui5-cozy-size, 1rem);--_ui5_dp_two_calendar_item_text_padding_top: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, .4375rem);--_ui5_dp_two_calendar_item_secondary_text_padding_block: var(--_ui5-compact-size, 0 .625rem) var(--_ui5-cozy-size, 0 .5rem);--_ui5_dp_two_calendar_item_secondary_text_padding: var(--_ui5-compact-size, 0 .375rem) var(--_ui5-cozy-size, 0 .5rem);--_ui5_daypicker_item_now_selected_two_calendar_focus_secondary_text_padding_block: var(--_ui5-compact-size, 0 1rem) var(--_ui5-cozy-size, 0 .5rem);--_ui5_daypicker_two_calendar_item_selected_focus_margin_bottom: var(--_ui5-compact-size, -.25rem) var(--_ui5-cozy-size, 0);--_ui5_daypicker_two_calendar_item_selected_focus_padding_right: var(--_ui5-compact-size, .4375rem) var(--_ui5-cozy-size, .4375rem);--_ui5_calendar_multiple_months_height: var(--_ui5-compact-size, var(--_ui5_calendar_height)) var(--_ui5-cozy-size, var(--_ui5_calendar_height));--_ui5-calendar-legend-item-root-focus-offset: -.125rem;--_ui5-calendar-legend-item-box-inner-margin: .5rem;--_ui5_color_picker_slider_progress_container_height: var(--_ui5-compact-size, 1.125rem) var(--_ui5-cozy-size, 1.625rem);--_ui5_color_picker_slider_container_margin_top: var(--_ui5-compact-size, -.375rem) var(--_ui5-cozy-size, -.5rem);--_ui5_color_picker_slider_handle_height: var(--_ui5-compact-size, 1.5rem) var(--_ui5-cozy-size, 2rem);--_ui5_color_picker_slider_handle_width: var(--_ui5-compact-size, .9375rem) var(--_ui5-cozy-size, 1.0625rem);--_ui5_color_picker_slider_handle_after_height: var(--_ui5-compact-size, 1.25rem) var(--_ui5-cozy-size, 1.75rem);--_ui5_color_picker_slider_handle_focus_height: var(--_ui5-compact-size, 1.625rem) var(--_ui5-cozy-size, 2.125rem);--_ui5_color_picker_colors_wrapper_height: var(--_ui5-compact-size, 1.5rem) var(--_ui5-cozy-size, 2.25rem);--_ui5_color_picker_sliders_height: var(--_ui5-compact-size, 2.25rem) var(--_ui5-cozy-size, 3rem);--_ui5_color_picker_main_color_margin_bottom: var(--_ui5-compact-size, .75rem) var(--_ui5-cozy-size, 1rem);--_ui5_color_picker_slider_spacing: var(--_ui5-compact-size, .8125rem) var(--_ui5-cozy-size, .9375rem);--_ui5_color_channel_toggle_button_width: var(--_ui5-compact-size, 1.375rem) var(--_ui5-cozy-size, 1.625rem);--_ui5_color_channel_toggle_button_margin-top: var(--_ui5-compact-size, -.9375rem) var(--_ui5-cozy-size, -.75rem);--_ui5_color_channel_hex_input_width: var(--_ui5-compact-size, 4.625rem) var(--_ui5-cozy-size, 4.8125rem);--_ui5-color_channel_margin_top: var(--_ui5-compact-size, 0rem) var(--_ui5-cozy-size, .25rem);--_ui5_color-palette-item-height: var(--_ui5-compact-size, 1.25rem) var(--_ui5-cozy-size, 1.75rem);--_ui5_color-palette-item-hover-height: var(--_ui5-compact-size, 1.625rem) var(--_ui5-cozy-size, 2.375rem);--_ui5_color-palette-item-margin: var(--_ui5-compact-size, calc((var(--_ui5_color-palette-item-hover-height) - var(--_ui5_color-palette-item-height)) / 2)) var(--_ui5-cozy-size, calc((var(--_ui5_color-palette-item-hover-height) - var(--_ui5_color-palette-item-height)) / 2));--_ui5_color-palette-row-width: var(--_ui5-compact-size, 8.125rem) var(--_ui5-cozy-size, 12rem);--_ui5_color-palette-swatch-container-padding: var(--_ui5-compact-size, .1875rem .8125rem) var(--_ui5-cozy-size, .3125rem .6875rem);--_ui5_datetime_picker_width: var(--_ui5-compact-size, 35.5rem) var(--_ui5-cozy-size, 40.0625rem);--_ui5_datetime_picker_height: var(--_ui5-compact-size, 20.5rem) var(--_ui5-cozy-size, 25rem);--_ui5_datetime_timeview_width: var(--_ui5-compact-size, 17rem) var(--_ui5-cozy-size, 17rem);--_ui5_datetime_timeview_phonemode_width: var(--_ui5-compact-size, 18.5rem) var(--_ui5-cozy-size, 19.5rem);--_ui5_datetime_timeview_phonemode_clocks_width: var(--_ui5-compact-size, 21.125rem) var(--_ui5-cozy-size, 24.5rem);--_ui5_datetime_dateview_phonemode_margin_bottom: var(--_ui5-compact-size, 3.125rem) var(--_ui5-cozy-size, 0);--_ui5_popup_footer_height: var(--_ui5-compact-size, 2.5rem) var(--_ui5-cozy-size, 2.75rem);--_ui5_dialog_content_min_height: var(--_ui5-compact-size, 2.5rem) var(--_ui5-cozy-size, 2.75rem);--_ui5_input_inner_padding: var(--_ui5-compact-size, 0 .5rem) var(--_ui5-cozy-size, 0 .625rem);--_ui5_input_inner_padding_with_icon: var(--_ui5-compact-size, 0 .25rem 0 .5rem) var(--_ui5-cozy-size, 0 .25rem 0 .625rem);--_ui5_input_inner_space_to_tokenizer: var(--_ui5-compact-size, .125rem) var(--_ui5-cozy-size, .125rem);--_ui5_input_inner_space_to_n_more_text: var(--_ui5-compact-size, .25rem) var(--_ui5-cozy-size, .3125rem);--_ui5_input_inner_with_tokenizer_padding_inline_end: var(--_ui5-compact-size, .25rem) var(--_ui5-cozy-size, .3125rem);--_ui5_list_no_data_height: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 3rem);--_ui5_list_item_cb_margin_right: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, 0);--_ui5_list_item_title_size: var(--_ui5-compact-size, var(--sapFontSize)) var(--_ui5-cozy-size, var(--sapFontLargeSize));--_ui5_list_no_data_font_size: var(--_ui5-compact-size, var(--sapFontSize)) var(--_ui5-cozy-size, var(--sapFontLargeSize));--_ui5_list_item_img_size: 3rem;--_ui5_list_item_img_top_margin: var(--_ui5-compact-size, .55rem) var(--_ui5-cozy-size, .5rem);--_ui5_list_item_img_bottom_margin: .5rem;--_ui5_list_item_img_hn_margin: .75rem;--_ui5_list_item_dropdown_base_height: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 2.5rem);--_ui5_list_item_base_height: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, var(--sapElement_LineHeight));--_ui5_list_item_base_padding: var(--_ui5-compact-size, 0 1rem) var(--_ui5-cozy-size, 0 1rem);--_ui5_list_item_icon_size: var(--_ui5-compact-size, 1rem) var(--_ui5-cozy-size, 1.125rem);--_ui5_list_item_icon_padding-inline-end: .75rem;--_ui5_list_item_selection_btn_margin_top: var(--_ui5-compact-size, calc(-1 * var(--_ui5_checkbox_wrapper_padding))) var(--_ui5-cozy-size, calc(-1 * var(--_ui5_checkbox_wrapper_padding)));--_ui5_list_item_content_vertical_offset: var(--_ui5-compact-size, calc((var(--_ui5_list_item_base_height) - var(--_ui5_list_item_title_size)) / 2)) var(--_ui5-cozy-size, calc((var(--_ui5_list_item_base_height) - var(--_ui5_list_item_title_size)) / 2));--_ui5_group_header_list_item_height: 2.75rem;--_ui5_month_picker_item_height: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 3rem);--_ui5_form_item_min_height: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 2.813rem);--_ui5_form_item_padding: var(--_ui5-compact-size, .25rem) var(--_ui5-cozy-size, .65rem);--_ui5-form-group-heading-height: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 2.75rem);--_ui5_popup_default_header_height: var(--_ui5-compact-size, 2.5rem) var(--_ui5-cozy-size, 2.75rem);--_ui5_year_picker_item_height: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 3rem);--_ui5_token_height: var(--_ui5-compact-size, 1.25rem) var(--_ui5-cozy-size, 1.625rem);--_ui5_token_icon_size: var(--_ui5-compact-size, .75rem) var(--_ui5-cozy-size, .75rem);--_ui5_token_icon_padding: var(--_ui5-compact-size, .375rem .375rem) var(--_ui5-cozy-size, .25rem .5rem);--_ui5_tc_item_text: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 3rem);--_ui5_tc_item_height: var(--_ui5-compact-size, 4rem) var(--_ui5-cozy-size, 4.75rem);--_ui5_tc_item_text_only_height: 2.75rem;--_ui5_tc_item_text_only_with_additional_text_height: 3.75rem;--_ui5_tc_item_text_line_height: var(--_ui5-compact-size, 1.325rem) var(--_ui5-cozy-size, 1.325rem);--_ui5_tc_item_icon_circle_size: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 2.75rem);--_ui5_tc_item_icon_size: var(--_ui5-compact-size, 1rem) var(--_ui5-cozy-size, 1.25rem);--_ui5_tc_item_add_text_margin_top: var(--_ui5-compact-size, .3125rem) var(--_ui5-cozy-size, .375rem);--_ui5_radio_button_label_side_padding: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, .6875rem);--_ui5_radio_button_inner_size: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 2.75rem);--_ui5_radio_button_svg_size: var(--_ui5-compact-size, 1.1429em) var(--_ui5-cozy-size, 1.5714em);--_ui5-responsive_popover_header_height: var(--_ui5-compact-size, 2.5rem) var(--_ui5-cozy-size, 2.75rem);--_ui5-tree-indent-step: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, 1.5rem);--_ui5-tree-toggle-box-width: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 2.75rem);--_ui5-tree-toggle-box-height: var(--_ui5-compact-size, 1.5rem) var(--_ui5-cozy-size, 2.25rem);--_ui5-tree-toggle-icon-size: var(--_ui5-compact-size, .8125rem) var(--_ui5-cozy-size, 1.0625rem);--_ui5_split_button_middle_separator_top: -.0625rem;--_ui5_split_button_middle_separator_height: var(--_ui5-compact-size, 1.625rem) var(--_ui5-cozy-size, 2.25rem);--_ui5-toolbar-separator-height: var(--_ui5-compact-size, 1.5rem) var(--_ui5-cozy-size, 2rem);--_ui5-toolbar-height: var(--_ui5-compact-size, var(--sapElement_Compact_LineHeight)) var(--_ui5-cozy-size, var(--sapElement_LineHeight));--_ui5_toolbar_overflow_padding: var(--_ui5-compact-size, .1875rem .375rem) var(--_ui5-cozy-size, .25rem .5rem);--_ui5_dynamic_page_title_actions_separator_height: var(--_ui5-compact-size, var(--_ui5-toolbar-separator-height)) var(--_ui5-cozy-size, var(--_ui5-toolbar-separator-height));--_ui5-shellbar-separator-height: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 2rem);--___ui5-test-cozy-only: red;--___ui5-test-both: var(--_ui5-compact-size, blue) var(--_ui5-cozy-size, red);--___ui5-test-compact-only: var(--_ui5-compact-size, blue) var(--_ui5-cozy-size, var(--_ui5-f2d95f8));--_ui5_slider_tooltip_height: var(--_ui5-compact-size, 1rem) var(--_ui5-cozy-size, var(--_ui5-f2d95f8));--_ui5_slider_tooltip_padding: var(--_ui5-compact-size, .25rem) var(--_ui5-cozy-size, var(--_ui5-f2d95f8));--_ui5_rotation_90deg: rotate(90deg);--_ui5_rotation_minus_90deg: rotate(-90deg);--_ui5_icon_transform_scale: none;--_ui5_panel_toggle_btn_rotation: var(--_ui5_rotation_90deg);--_ui5_popover_upward_arrow_margin: .1875rem 0 0 .1875rem;--_ui5_popover_right_arrow_margin: .1875rem 0 0 -.375rem;--_ui5_popover_downward_arrow_margin: -.375rem 0 0 .125rem;--_ui5_popover_left_arrow_margin: .125rem 0 0 .25rem;--_ui5_dialog_resize_cursor: se-resize;--_ui5_progress_indicator_remaining_bar_border_radius: 0 .5rem .5rem 0;--_ui5_menu_submenu_margin_offset: -.25rem 0}
|
|
1
|
+
:host{--ui5-avatar-hover-box-shadow-offset: 0px;--ui5-avatar-initials-color: var(--sapTextColor);--ui5-avatar-border-radius: .25rem;--ui5-avatar-border-radius-img-deduction: .0625rem;--ui5-avatar-initials-border: .0625rem solid var(--sapField_BorderColor);--ui5-avatar-optional-border: .0625rem solid var(--sapGroup_ContentBorderColor);--ui5-avatar-accent1: var(--sapBackgroundColor);--ui5-avatar-accent2: var(--sapBackgroundColor);--ui5-avatar-accent3: var(--sapBackgroundColor);--ui5-avatar-accent4: var(--sapBackgroundColor);--ui5-avatar-accent5: var(--sapBackgroundColor);--ui5-avatar-accent6: var(--sapBackgroundColor);--ui5-avatar-accent7: var(--sapBackgroundColor);--ui5-avatar-accent8: var(--sapBackgroundColor);--ui5-avatar-accent9: var(--sapBackgroundColor);--ui5-avatar-accent10: var(--sapBackgroundColor);--ui5-avatar-placeholder: var(--sapBackgroundColor);--ui5-avatar-accent1-color: var(--ui5-avatar-initials-color);--ui5-avatar-accent2-color: var(--ui5-avatar-initials-color);--ui5-avatar-accent3-color: var(--ui5-avatar-initials-color);--ui5-avatar-accent4-color: var(--ui5-avatar-initials-color);--ui5-avatar-accent5-color: var(--ui5-avatar-initials-color);--ui5-avatar-accent6-color: var(--ui5-avatar-initials-color);--ui5-avatar-accent7-color: var(--ui5-avatar-initials-color);--ui5-avatar-accent8-color: var(--ui5-avatar-initials-color);--ui5-avatar-accent9-color: var(--ui5-avatar-initials-color);--ui5-avatar-accent10-color: var(--ui5-avatar-initials-color);--ui5-avatar-placeholder-color: var(--ui5-avatar-initials-color);--ui5-avatar-accent1-border-color: var(--sapField_BorderColor);--ui5-avatar-accent2-border-color: var(--sapField_BorderColor);--ui5-avatar-accent3-border-color: var(--sapField_BorderColor);--ui5-avatar-accent4-border-color: var(--sapField_BorderColor);--ui5-avatar-accent5-border-color: var(--sapField_BorderColor);--ui5-avatar-accent6-border-color: var(--sapField_BorderColor);--ui5-avatar-accent7-border-color: var(--sapField_BorderColor);--ui5-avatar-accent8-border-color: var(--sapField_BorderColor);--ui5-avatar-accent9-border-color: var(--sapField_BorderColor);--ui5-avatar-accent10-border-color: var(--sapField_BorderColor);--_ui5_avatar_outline: .125rem dotted var(--sapContent_FocusColor);--_ui5_avatar_focus_offset: .125rem;--_ui5_avatar_overflow_button_focus_offset: .0625rem;--_ui5_avatar_fontsize_XS: 1rem;--_ui5_avatar_fontsize_S: 1.125rem;--_ui5_avatar_fontsize_M: 1.5rem;--_ui5_avatar_fontsize_L: 2.25rem;--_ui5_avatar_fontsize_XL: 3rem;--_ui5_avatar_icon_XS: 1rem;--_ui5_avatar_icon_S: 1.5rem;--_ui5_avatar_icon_M: 2rem;--_ui5_avatar_icon_L: 2.5rem;--_ui5_avatar_icon_XL: 3rem;--_ui5_avatar_group_button_focus_border: none;--_ui5_avatar_group_padding: .3rem;--_ui5-tag-height: 1rem;--_ui5-tag-padding-inline-icon-only: .1875rem;--_ui5-tag-text-padding: 0 .25rem;--_ui5-tag-text-transform: uppercase;--_ui5-tag-icon-width: .75rem;--_ui5-tag-icon-gap: .125rem;--_ui5-tag-font-weight: bold;--_ui5-tag-letter-spacing: .0125em;--ui5-tag-text-shadow: none;--ui5-tag-contrast-text-shadow: none;--ui5-tag-information-text-shadow: var(--ui5-tag-text-shadow);--ui5-tag-set2-color-scheme-1-color: var(--sapIndicationColor_1_TextColor);--ui5-tag-set2-color-scheme-1-background: var(--sapIndicationColor_1_Background);--ui5-tag-set2-color-scheme-1-border: var(--sapIndicationColor_1_BorderColor);--ui5-tag-set2-color-scheme-1-hover-background: var(--sapIndicationColor_1_Hover_Background);--ui5-tag-set2-color-scheme-1-active-color: var(--sapIndicationColor_1_Active_TextColor);--ui5-tag-set2-color-scheme-1-active-background: var(--sapIndicationColor_1_Active_Background);--ui5-tag-set2-color-scheme-1-active-border: var(--sapIndicationColor_1_Active_BorderColor);--ui5-tag-set2-color-scheme-2-color: var(--sapIndicationColor_2_TextColor);--ui5-tag-set2-color-scheme-2-background: var(--sapIndicationColor_2_Background);--ui5-tag-set2-color-scheme-2-border: var(--sapIndicationColor_2_BorderColor);--ui5-tag-set2-color-scheme-2-hover-background: var(--sapIndicationColor_2_Hover_Background);--ui5-tag-set2-color-scheme-2-active-color: var(--sapIndicationColor_2_Active_TextColor);--ui5-tag-set2-color-scheme-2-active-background: var(--sapIndicationColor_2_Active_Background);--ui5-tag-set2-color-scheme-2-active-border: var(--sapIndicationColor_2_Active_BorderColor);--ui5-tag-set2-color-scheme-3-color: var(--sapIndicationColor_3_TextColor);--ui5-tag-set2-color-scheme-3-background: var(--sapIndicationColor_3_Background);--ui5-tag-set2-color-scheme-3-border: var(--sapIndicationColor_3_BorderColor);--ui5-tag-set2-color-scheme-3-hover-background: var(--sapIndicationColor_3_Hover_Background);--ui5-tag-set2-color-scheme-3-active-color: var(--sapIndicationColor_3_Active_TextColor);--ui5-tag-set2-color-scheme-3-active-background: var(--sapIndicationColor_3_Active_Background);--ui5-tag-set2-color-scheme-3-active-border: var(--sapIndicationColor_3_Active_BorderColor);--ui5-tag-set2-color-scheme-4-color: var(--sapIndicationColor_4_TextColor);--ui5-tag-set2-color-scheme-4-background: var(--sapIndicationColor_4_Background);--ui5-tag-set2-color-scheme-4-border: var(--sapIndicationColor_4_BorderColor);--ui5-tag-set2-color-scheme-4-hover-background: var(--sapIndicationColor_4_Hover_Background);--ui5-tag-set2-color-scheme-4-active-color: var(--sapIndicationColor_4_Active_TextColor);--ui5-tag-set2-color-scheme-4-active-background: var(--sapIndicationColor_4_Active_Background);--ui5-tag-set2-color-scheme-4-active-border: var(--sapIndicationColor_4_Active_BorderColor);--ui5-tag-set2-color-scheme-5-color: var(--sapIndicationColor_5_TextColor);--ui5-tag-set2-color-scheme-5-background: var(--sapIndicationColor_5_Background);--ui5-tag-set2-color-scheme-5-border: var(--sapIndicationColor_5_BorderColor);--ui5-tag-set2-color-scheme-5-hover-background: var(--sapIndicationColor_5_Hover_Background);--ui5-tag-set2-color-scheme-5-active-color: var(--sapIndicationColor_5_Active_TextColor);--ui5-tag-set2-color-scheme-5-active-background: var(--sapIndicationColor_5_Active_Background);--ui5-tag-set2-color-scheme-5-active-border: var(--sapIndicationColor_5_Active_BorderColor);--ui5-tag-set2-color-scheme-6-color: var(--sapIndicationColor_6_TextColor);--ui5-tag-set2-color-scheme-6-background: var(--sapIndicationColor_6_Background);--ui5-tag-set2-color-scheme-6-border: var(--sapIndicationColor_6_BorderColor);--ui5-tag-set2-color-scheme-6-hover-background: var(--sapIndicationColor_6_Hover_Background);--ui5-tag-set2-color-scheme-6-active-color: var(--sapIndicationColor_6_Active_TextColor);--ui5-tag-set2-color-scheme-6-active-background: var(--sapIndicationColor_6_Active_Background);--ui5-tag-set2-color-scheme-6-active-border: var(--sapIndicationColor_6_Active_BorderColor);--ui5-tag-set2-color-scheme-7-color: var(--sapIndicationColor_7_TextColor);--ui5-tag-set2-color-scheme-7-background: var(--sapIndicationColor_7_Background);--ui5-tag-set2-color-scheme-7-border: var(--sapIndicationColor_7_BorderColor);--ui5-tag-set2-color-scheme-7-hover-background: var(--sapIndicationColor_7_Hover_Background);--ui5-tag-set2-color-scheme-7-active-color: var(--sapIndicationColor_7_Active_TextColor);--ui5-tag-set2-color-scheme-7-active-background: var(--sapIndicationColor_7_Active_Background);--ui5-tag-set2-color-scheme-7-active-border: var(--sapIndicationColor_7_Active_BorderColor);--ui5-tag-set2-color-scheme-8-color: var(--sapIndicationColor_8_TextColor);--ui5-tag-set2-color-scheme-8-background: var(--sapIndicationColor_8_Background);--ui5-tag-set2-color-scheme-8-border: var(--sapIndicationColor_8_BorderColor);--ui5-tag-set2-color-scheme-8-hover-background: var(--sapIndicationColor_8_Hover_Background);--ui5-tag-set2-color-scheme-8-active-color: var(--sapIndicationColor_8_Active_TextColor);--ui5-tag-set2-color-scheme-8-active-background: var(--sapIndicationColor_8_Active_Background);--ui5-tag-set2-color-scheme-8-active-border: var(--sapIndicationColor_8_Active_BorderColor);--ui5-tag-set2-color-scheme-9-color: var(--sapIndicationColor_9_TextColor);--ui5-tag-set2-color-scheme-9-background: var(--sapIndicationColor_9_Background);--ui5-tag-set2-color-scheme-9-border: var(--sapIndicationColor_9_BorderColor);--ui5-tag-set2-color-scheme-9-hover-background: var(--sapIndicationColor_9_Hover_Background);--ui5-tag-set2-color-scheme-9-active-color: var(--sapIndicationColor_9_Active_TextColor);--ui5-tag-set2-color-scheme-9-active-background: var(--sapIndicationColor_9_Active_Background);--ui5-tag-set2-color-scheme-9-active-border: var(--sapIndicationColor_9_Active_BorderColor);--ui5-tag-set2-color-scheme-10-color: var(--sapIndicationColor_10_TextColor);--ui5-tag-set2-color-scheme-10-background: var(--sapIndicationColor_10_Background);--ui5-tag-set2-color-scheme-10-border: var(--sapIndicationColor_10_BorderColor);--ui5-tag-set2-color-scheme-10-hover-background: var(--sapIndicationColor_10_Hover_Background);--ui5-tag-set2-color-scheme-10-active-color: var(--sapIndicationColor_10_Active_TextColor);--ui5-tag-set2-color-scheme-10-active-background: var(--sapIndicationColor_10_Active_Background);--ui5-tag-set2-color-scheme-10-active-border: var(--sapIndicationColor_10_Active_BorderColor);--_ui5-tag-height_size_l: 1.5rem;--_ui5-tag-min-width_size_l: 1.75rem;--_ui5-tag-font-size_size_l: 1.25rem;--_ui5-tag-icon_min_width_size_l: 1.25rem;--_ui5-tag-icon_min_height_size_l: 1.25rem;--_ui5-tag-icon_height_size_l: 1.25rem;--_ui5-tag-text_padding_size_l: .125rem .25rem;--_ui5_bar_base_height: var(--_ui5-compact-size, 2.5rem) var(--_ui5-cozy-size, 2.75rem);--_ui5_bar_subheader_height: var(--_ui5-compact-size, 2.25rem) var(--_ui5-cozy-size, 3rem);--_ui5_bar-start-container-padding-start: 1rem;--_ui5_bar-mid-container-padding-start-end: .5rem;--_ui5_bar-end-container-padding-end: 1rem;--_ui5_bar_subheader_margin-top: -.125rem;--_ui5_breadcrumbs_current_location_color: var(--sapContent_LabelColor);--_ui5_breadcrumbs_separator_color: var(--sapContent_LabelColor);--_ui5_busy_indicator_color: var(--sapContent_IconColor);--_ui5_busy_indicator_focus_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);--_ui5-button-badge-diameter: var(--_ui5-compact-size, .625rem) var(--_ui5-cozy-size, .75rem);--_ui5-calendar-legend-root-padding: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, .75rem);--_ui5-calendar-legend-root-width: var(--_ui5-compact-size, 16.75rem) var(--_ui5-cozy-size, 18.5rem);--_ui5-calendar-legend-item-box-margin: .25rem;--_ui5-calendar-legend-item-root-focus-border: var(--sapContent_FocusWidth) dotted var(--sapContent_FocusColor);--_ui5-calendar-legend-item-root-focus-border-radius: 0;--_ui5-calendar-legend-item-root-width: 7.75rem;--_ui5-calendar-legend-item-box-dot-display: none;--_ui5_calendar_header_arrow_button_border: none;--_ui5_calendar_header_arrow_button_border_radius: var(--sapButton_BorderCornerRadius);--_ui5_calendar_header_middle_button_width: 5.75rem;--_ui5_calendar_header_middle_button_flex: auto;--_ui5_calendar_header_middle_button_focus_border_radius: var(--sapButton_BorderCornerRadius);--_ui5_calendar_header_middle_button_focus_border: .125rem dotted var(--sapContent_FocusColor);--_ui5_calendar_header_middle_button_focus_after_display: none;--_ui5_calendar_header_middle_button_focus_after_width: calc(100% - .25rem) ;--_ui5_calendar_header_middle_button_focus_after_height: calc(100% - .25rem) ;--_ui5_calendar_header_middle_button_focus_after_top_offset: 1px;--_ui5_calendar_header_middle_button_focus_after_left_offset: 1px;--_ui5_calendar_header_arrow_button_box_shadow: none;--_ui5_calendar_header_middle_button_focus_background: transparent;--_ui5_calendar_header_middle_button_focus_outline: none;--_ui5_calendar_header_middle_button_focus_active_outline: none;--_ui5_calendar_header_middle_button_focus_active_background: var(--sapButton_Active_Background);--_ui5_calendar_header_middle_button_focus_after_border: 1px dotted var(--sapContent_FocusColor);--_ui5_calendar_header_midcontainer_gap: var(--_ui5-compact-size, 0) var(--_ui5-cozy-size, .5rem);--_ui5_calendar_header_arrow_button_flex_shrink: var(--_ui5-compact-size, 1) var(--_ui5-cozy-size, 0);--ui5_carousel_button_size: 2.25rem;--ui5_carousel_inactive_dot_size: .5rem;--ui5_carousel_inactive_dot_margin: 0 .25rem;--ui5_carousel_inactive_dot_border: 1px solid var(--sapContent_ForegroundBorderColor);--ui5_carousel_inactive_dot_background: none;--ui5_carousel_active_dot_border: var(--ui5_carousel_inactive_dot_border);--ui5_carousel_active_dot_background: var(--sapContent_Selected_ForegroundColor);--_ui5_card_box_shadow: none;--_ui5_card_hover_box_shadow: var(--_ui5_card_box_shadow);--_ui5_card_border: 1px solid var(--sapTile_BorderColor);--_ui5_card_border-radius: var(--sapTile_BorderCornerRadius);--_ui5_card_header_padding: 1rem;--_ui5_card_header_hover_bg: var(--sapList_Hover_Background);--_ui5_card_header_active_bg: var(--_ui5_card_header_hover_bg);--_ui5_card_header_border: 1px solid var(--_ui5_card_header_border_color);--_ui5_card_header_border_color: var(--sapTile_SeparatorColor);--_ui5_card_header_focus_border: .125rem dotted var(--sapContent_FocusColor);--_ui5_card_header_focus_radius: 0px;--_ui5_card_header_focus_bottom_radius: 0px;--_ui5_card_header_focus_offset: 1px;--_ui5_card_header_title_font_family: var(--sapFontFamily);--_ui5_card_header_title_font_size: var(--sapFontHeader5Size);--_ui5_card_header_title_font_weight: normal;--_ui5_card_header_subtitle_margin_top: .25rem;--_ui5_checkbox_wrapper_padding: var(--_ui5-compact-size, var(--_ui5_checkbox_compact_wrapper_padding)) var(--_ui5-cozy-size, .8125rem);--_ui5_checkbox_width_height: var(--_ui5-compact-size, var(--_ui5_checkbox_compact_width_height)) var(--_ui5-cozy-size, 3rem);--_ui5_checkbox_transition: unset;--_ui5_checkbox_disabled_opacity: .5;--_ui5_checkbox_border_radius: 0;--_ui5_checkbox_hover_background: var(--sapSelectedColor);--_ui5_checkbox_active_background: var(--sapField_Hover_Background);--_ui5_checkbox_checkmark_warning_color: var(--sapField_WarningColor);--_ui5_checkbox_inner_warning_color: var(--sapField_WarningColor);--_ui5_checkbox_inner_information_color: currentColor;--_ui5_checkbox_checkmark_color: var(--sapContent_IconColor);--_ui5_checkbox_focus_position: var(--_ui5-compact-size, .3125rem) var(--_ui5-cozy-size, .5625rem);--_ui5_checkbox_focus_outline: .125rem dotted var(--sapContent_FocusColor);--_ui5_checkbox_focus_border_radius: 0;--_ui5_checkbox_outer_hover_background: transparent;--_ui5_checkbox_inner_width_height: var(--_ui5-compact-size, var(--_ui5_checkbox_compact_inner_size)) var(--_ui5-cozy-size, 1.375rem);--_ui5_checkbox_inner_border: solid .125rem var(--sapField_BorderColor);--_ui5_checkbox_inner_hover_border_color: var(--sapField_HoverBorderColor);--_ui5_checkbox_inner_hover_checked_border_color: var(--sapField_HoverBorderColor);--_ui5_checkbox_inner_selected_border_color: var(--sapField_BorderColor);--_ui5_checkbox_inner_disabled_border_color: var(--sapField_BorderColor);--_ui5_checkbox_inner_active_border_color: var(--sapField_BorderColor);--_ui5_checkbox_inner_border_radius: 0;--_ui5_checkbox_inner_error_border: .125rem dashed var(--sapField_InvalidColor);--_ui5_checkbox_inner_warning_border: .125rem dashed var(--sapField_WarningColor);--_ui5_checkbox_inner_information_border: var(--sapField_BorderWidth) dashed var(--sapField_InformationColor);--_ui5_checkbox_inner_warning_background_hover: var(--sapField_WarningBackground);--_ui5_checkbox_inner_error_background_hover: var(--sapField_InvalidBackground);--_ui5_checkbox_inner_success_background_hover: var(--sapField_SuccessBackground);--_ui5_checkbox_inner_information_background_hover: var(--sapField_InformationBackground);--_ui5_checkbox_inner_success_border: var(--sapField_BorderWidth) solid var(--sapField_SuccessColor);--_ui5_checkbox_inner_readonly_border: .125rem solid var(--sapField_ReadOnly_BorderColor);--_ui5_checkbox_inner_background: var(--sapField_Background);--_ui5_checkbox_wrapped_focus_padding: .5rem;--_ui5_checkbox_wrapped_focus_inset_block: var(--_ui5-compact-size, .1875rem) var(--_ui5-cozy-size, .4375rem);--_ui5_checkbox_compact_wrapper_padding: .5rem;--_ui5_checkbox_compact_width_height: 2rem;--_ui5_checkbox_compact_inner_size: 1rem;--_ui5_checkbox_compact_focus_position: .375rem;--_ui5_checkbox_label_color: var(--sapContent_LabelColor);--_ui5_checkbox_label_offset: var(--_ui5-compact-size, var(--_ui5_checkbox_compact_wrapper_padding)) var(--_ui5-cozy-size, var(--_ui5_checkbox_wrapper_padding));--_ui5_checkbox_disabled_label_color: var(--sapContent_LabelColor);--_ui5_checkbox_default_focus_border: none;--_ui5_checkbox_focus_outline_display: block;--_ui5_checkbox_right_focus_distance: 0;--_ui5_color-palette-item-after-focus-border-radius: .125rem;--_ui5_color-palette-item-hover-margin: var(--_ui5-compact-size, 0) var(--_ui5-cozy-size, 0);--_ui5_color-palette-row-height: var(--_ui5-compact-size, 7.5rem) var(--_ui5-cozy-size, 9.5rem);--_ui5_color-palette-button-height: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 3rem);--_ui5_color-palette-item-before-focus-color: .0625rem solid white;--_ui5_color-palette-item-before-focus-inset: .0625rem;--_ui5_color-palette-item-before-focus-hover-inset: .0625rem;--_ui5_color-palette-item-after-focus-color: .0625rem dotted black;--_ui5_color-palette-item-after-focus-inset: .0625rem;--_ui5_color-palette-item-after-focus-hover-inset: .0625rem;--_ui5_color-palette-item-before-focus-border-radius: 0;--_ui5_color-palette-item-outer-border-radius: .25rem;--_ui5_color-palette-item-inner-border-radius: .1875rem;--_ui5_color-palette-item-hover-outer-border-radius: .25rem;--_ui5_color-palette-item-hover-inner-border-radius: .1875rem;--_ui5_color-palette-item-selected-focused-border-before: var(--_ui5_color-palette-item-before-focus-hover-inset);--_ui5_color-palette-item-after-focus-not-selected-border: .0625rem dotted black;--_ui5_color-palette-item-after-not-focus-color: .0625rem solid var(--sapGroup_ContentBackground);--_ui5_color-palette-item-selected-focused-border: .0625rem solid var(--sapGroup_ContentBackground);--_ui5-color-palette-item-mobile-focus-inset: .625rem;--_ui5_color-palette-item-mobile-focus-sides-inset: .25rem .25rem;--_ui5_color-palette-item-after-mobile-focus-border: var(--_ui5_color-palette-item-after-focus-color);--_ui5-color-palette-item-background-color: transparent;--_ui5_color_picker_slider_handle_box_shadow: inset 0 0 0 .125rem var(--sapContent_ForegroundColor);--_ui5_color_picker_slider_handle_border: .125rem solid var(--sapField_BorderColor);--_ui5_color_picker_slider_handle_outline_hover: .125rem solid var(--sapButton_Hover_BorderColor);--_ui5_color_picker_slider_handle_outline_focus: .0625rem dotted var(--sapContent_FocusColor);--_ui5_color_picker_slider_handle_inner_border_color: var(--sapContent_ForegroundColor);--_ui5_color_picker_circle_outer_border: .125rem solid var(--sapContent_ContrastShadowColor);--_ui5_color_picker_circle_inner_border: var(--sapField_Picker_BorderWidth) solid var(--sapContent_ForegroundColor);--_ui5_color_picker_circle_inner_circle_size: .3125rem;--_ui5_color_picker_slider_handle_inline_focus: none;--_ui5_color_picker_slider_handle_container_margin_top: var(--_ui5-compact-size, none) var(--_ui5-cozy-size, -.125rem);--_ui5-datepicker_border_radius: 0;--_ui5-datepicker-hover-background: var(--sapField_Hover_Background);--_ui5_daypicker_item_margin: 2px;--_ui5_daypicker_item_border: none;--_ui5_daypicker_item_selected_border_color: var(--sapList_Background);--_ui5_daypicker_daynames_container_height: 2rem;--_ui5_daypicker_weeknumbers_container_padding_top: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 2rem);--_ui5_daypicker_item_othermonth_background_color: var(--sapList_Background);--_ui5_daypicker_item_othermonth_color: var(--sapContent_LabelColor);--_ui5_daypicker_item_othermonth_hover_color: var(--sapContent_LabelColor);--_ui5_daypicker_item_border_radius: .25rem;--_ui5_daypicker_dayname_color: var(--sapContent_LabelColor);--_ui5_daypicker_weekname_color: var(--sapContent_LabelColor);--_ui5_daypicker_item_now_selected_outline_offset: -.3125rem;--_ui5_daypicker_item_selected_background: var(--sapContent_Selected_Background);--_ui5_daypicker_item_selected_daytext_hover_background: transparent;--_ui5_daypicker_item_border_radius_focus_after: .25rem;--_ui5_daypicker_item_selected_between_border: .25rem;--_ui5_daypicker_item_selected_between_background: var(--sapList_SelectionBackgroundColor);--_ui5_daypicker_item_selected_between_text_font: inherit;--_ui5_daypicker_item_selected_between_hover_background: var(--sapList_Hover_SelectionBackground);--_ui5_daypicker_item_now_box_shadow: inset 0 0 0 .0625rem var(--_ui5_daypicker_item_selected_border_color);--_ui5_daypicker_item_selected_text_outline: none;--_ui5_daypicker_item_now_not_selected_inset: 0;--_ui5_daypicker_item_now_inset: .1875rem;--_ui5_daypicker_item_now_border_color: var(--sapLegend_CurrentDateTime);--_ui5_daypicker_item_weeekend_filter: brightness(100%);--_ui5_daypicker_item_selected_hover: var(--sapContent_Selected_Hover_Background);--_ui5_daypicker_item_border_radius_item: .25rem;--_ui5_daypicker_two_calendar_item_now_inset: .1875rem;--_ui5_daypicker_item_selected__secondary_type_text_outline: none;--_ui5_daypicker_two_calendar_item_now_day_text_content: none;--_ui5_daypicker_two_calendar_item_now_selected_border_width: .125rem;--_ui5_daypicker_two_calendar_item_border_radius: .3125rem;--_ui5_daypicker_two_calendar_item_border_focus_border_radius: 0rem;--_ui5_daypicker_two_calendar_item_no_selected_inset: .09375rem;--_ui5_daypicker_two_calendar_item_selected_now_border_radius_focus: .0625rem;--_ui5_daypicker_two_calendar_item_no_selected_focus_inset: .125rem;--_ui5_daypicker_two_calendar_item_no_select_focus_border_radius: .0625rem;--_ui5_dp_two_calendar_item_secondary_text_border_radios: .25rem;--_ui5_daypicker_two_calendar_item_now_selected_border_inset: .125rem;--_ui5_daypicker_special_day_top: var(--_ui5-compact-size, 1.625rem) var(--_ui5-cozy-size, 2.5rem);--_ui5_daypicker_special_day_border_bottom_radius: .25rem;--_ui5_daypicker_special_day_before_border_color: var(--sapList_Background);--_ui5_daypicker_selected_item_special_day_width: 100%;--_ui5_daypicker_selected_item_now_special_day_top: var(--_ui5-compact-size, 1.5625rem) var(--_ui5-cozy-size, 2.375rem);--_ui5_daypicker_selected_item_now_special_day_width: calc(100% - .375rem) ;--_ui5_daypicker_selected_item_now_special_day_border_bottom_radius: 0;--_ui5-daypicker_item_selected_now_border_radius: .25rem;--_ui5_daypicker_selected_item_now_special_day_border_bottom_radius_alternate: .0625rem;--_ui5_daypicker_two_calendar_item_margin_bottom: var(--_ui5-compact-size, 0) var(--_ui5-cozy-size, 0);--_ui5_daypicker_twocalendar_item_special_day_now_inset: .1875rem;--_ui5_daypicker_twocalendar_item_special_day_now_border_radius: 0;--_ui5_daypicker_item_now_focus_margin: .09375rem;--_ui5_daypicker_special_day_border_top: .0625rem solid var(--_ui5_daypicker_special_day_before_border_color);--_ui5_daypicker_special_day_selected_border_radius_bottom: .0625rem;--_ui5_daypicker_specialday_focused_top: var(--_ui5-compact-size, 1.5rem) var(--_ui5-cozy-size, 2.375rem);--_ui5_daypicker_specialday_focused_width: calc(100% - .375rem) ;--_ui5_daypicker_specialday_focused_border_bottom: .0625rem;--_ui5_daypicker_item_now_specialday_top: var(--_ui5-compact-size, 1.5rem) var(--_ui5-cozy-size, 2.375rem);--_ui5_daypicker_item_now_specialday_width: calc(100% - .375rem) ;--_ui5_daypicker_twocalendar_item_special_day_after_border_width: .125rem;--_ui5_daypicker_twocalendar_item_special_day_dot: .375rem;--_ui5_daypicker_twocalendar_item_special_day_top: var(--_ui5-compact-size, 1.25rem) var(--_ui5-cozy-size, 2rem);--_ui5_daypicker_twocalendar_item_special_day_right: var(--_ui5-compact-size, 1.25rem) var(--_ui5-cozy-size, 1.4375rem);--_ui5_daypicker_item_selected_border: none;--_ui5_daypicker_item_not_selected_focus_border: .125rem dotted var(--sapContent_FocusColor);--_ui5_daypicker_item_selected_focus_color: var(--sapContent_ContentColor);--_ui5_daypicker_item_selected_focus_width: .125rem;--_ui5_daypicker_item_no_selected_inset: .09375rem;--_ui5_daypicker_item_now_border_focus_after: .125rem dotted var(--sapList_SelectionBorderColor);--_ui5_daypicker_item_now_border_radius_focus_after: .0625rem;--_ui5_day_picker_item_selected_now_border: .1875rem solid var(--sapContent_ContrastFocusColor);--_ui5_day_picker_item_selected_now_border_focus: .125rem dotted var(--sapContent_ContrastFocusColor);--_ui5_day_picker_item_selected_now_border_radius_focus: .0625rem;--_ui5_daypicker_item_selected_text_border: none;--_ui5_daypicker_item_select_between_border: 1px solid var(--sapContent_Selected_ForegroundColor);--_ui5_dialog_header_state_line_height: .125rem;--_ui5_dialog_focus_outline_offset: .0625rem;--_ui5_dialog_resizable_bottom_right_radius: 1.75rem;--_ui5_file_uploader_display_input_width: calc(100% - var(--_ui5_input_icon_width));--_ui5_file_uploader_tokenizer_width: calc(100% - 2 * var(--_ui5_input_icon_width) - var(--_ui5_input_inner_space_to_tokenizer));--_ui5_file_uploader_value_state_error_hover_background_color: var(--sapField_InvalidBackground);--_ui5_table_cell_valign: center;--_ui5_table_cell_min_width: 2.75rem;--_ui5_table_navigated_cell_width: .25rem;--_ui5_first_table_cell_horizontal_padding: 1rem;--_ui5_table_cell_horizontal_padding: .5rem;--_ui5_table_cell_vertical_padding: .25rem;--_ui5_table_row_actions_gap: .25rem;--_ui5_table_row_alternating_background: var(--sapTableRow_AlternatingBackground, var(--sapList_AlternatingBackground));--_ui5_table_row_alternating_hover_background: var(--sapTableRow_AlternatingHoverBackground, var(--sapList_Hover_Background));--_ui5_table_row_alternating_selection_background: var(--sapTableRow_AlternatingSelectionBackground, var(--sapList_SelectionBackgroundColor));--_ui5_table_row_alternating_selection_hover_background: var(--sapTableRow_AlternatingSelectionHoverBackground, var(--sapList_Hover_SelectionBackground));--ui5-group-header-listitem-background-color: var(--sapList_GroupHeaderBackground);--_ui5_input_width: 13.125rem;--_ui5_input_min_width: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 2.75rem);--_ui5_input_min_width_tokenizer_available: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 3rem);--_ui5_input_height: var(--_ui5-compact-size, var(--sapElement_Compact_Height)) var(--_ui5-cozy-size, var(--sapElement_Height));--_ui5_input_margin_top_bottom: var(--_ui5-compact-size, .1875rem) var(--_ui5-cozy-size, .25rem);--_ui5_input_hover_border: 1px var(--sapField_BorderStyle) var(--sapField_Hover_BorderColor);--_ui5_input_value_state_error_hover_background: var(--sapField_InvalidBackground);--_ui5_input_background_color: var(--sapField_Background);--_ui5_input_border_radius: var(--sapField_BorderCornerRadius);--_ui5_input_focus_border_radius: 0;--_ui5_input_readonly_focus_border_radius: 0;--_ui5-input-border: 1px solid var(--sapField_BorderColor);--_ui5_input_placeholder_style: normal;--_ui5_input_placeholder_color: var(--sapField_PlaceholderTextColor);--_ui5_input_bottom_border_height: 0;--_ui5_input_bottom_border_color: transparent;--_ui5_input_focused_border_color: var(--sapField_Hover_BorderColor);--_ui5_input_state_border_width: .125rem;--_ui5_input_information_border_width: .0625rem;--_ui5_input_error_font_weight: bold;--_ui5_input_warning_font_weight: bold;--_ui5_input_focus_border_width: .125rem;--_ui5_input_error_warning_border_style: dashed;--_ui5_input_error_warning_font_style: italic;--_ui5_input_error_warning_text_indent: .125rem;--_ui5_input_disabled_border_color: var(--sapField_BorderColor);--_ui5-input_disabled_background: var(--sapField_Background);--_ui5_input_readonly_border: var(--sapElement_BorderWidth) var(--sapField_BorderStyle) var(--sapField_BorderColor);--_ui5_input_readonly_border_color: var(--sapField_ReadOnly_BorderColor);--_ui5_input_readonly_background: var(--sapField_ReadOnly_Background);--_ui5_input_custom_icon_padding: var(--_ui5-compact-size, .25rem .5rem) var(--_ui5-cozy-size, .5625rem .625rem);--_ui5_input_error_warning_custom_icon_padding: var(--_ui5-compact-size, .1875rem .5rem) var(--_ui5-cozy-size, .5rem .625rem);--_ui5_input_error_warning_custom_focused_icon_padding: var(--_ui5-compact-size, .1875rem .5rem) var(--_ui5-cozy-size, .5rem .625rem);--_ui5_input_information_custom_icon_padding: var(--_ui5-compact-size, .25rem .5rem) var(--_ui5-cozy-size, .5625rem .625rem);--_ui5_input_information_custom_focused_icon_padding: var(--_ui5-compact-size, .1875rem .5rem) var(--_ui5-cozy-size, .5rem .625rem);--_ui5_input_error_warning_icon_padding: var(--_ui5-compact-size, .1875rem .375rem .1875rem .4375rem) var(--_ui5-cozy-size, .5rem .5rem .5rem .5625rem);--_ui5_input_error_warning_focused_icon_padding: var(--_ui5-compact-size, .1875rem .375rem .1875rem .4375rem) var(--_ui5-cozy-size, .5rem .5rem .5rem .5625rem);--_ui5_input_information_icon_padding: var(--_ui5-compact-size, .25rem .4375rem) var(--_ui5-cozy-size, .5625rem);--_ui5_input_information_focused_icon_padding: var(--_ui5-compact-size, .1875rem .375rem .1875rem .4375rem) var(--_ui5-cozy-size, .5rem .5rem .5rem .5625rem);--_ui5_input_disabled_opacity: var(--sapContent_DisabledOpacity);--_ui5_input_icon_min_width: var(--_ui5-compact-size, var(--_ui5_input_compact_min_width)) var(--_ui5-cozy-size, 2.25rem);--_ui5_input_compact_min_width: 2rem;--_ui5_input_transition: none;--_ui5-input-value-state-icon-display: none;--_ui5_input_focused_value_state_error_background: var(--sapField_InvalidBackground);--_ui5_input_focused_value_state_warning_background: var(--sapField_WarningBackground);--_ui5_input_focused_value_state_success_background: var(--sapField_SuccessBackground);--_ui5_input_focused_value_state_information_background: var(--sapField_InformationBackground);--_ui5_input_value_state_error_border_color: var(--sapField_InvalidColor);--_ui5_input_focused_value_state_error_border_color: var(--sapField_InvalidColor);--_ui5_input_focused_value_state_error_focus_outline_color: var(--sapContent_FocusColor);--_ui5_input_focused_value_state_warning_focus_outline_color: var(--sapContent_FocusColor);--_ui5_input_focused_value_state_success_focus_outline_color: var(--sapContent_FocusColor);--_ui5_input_value_state_warning_border_color: var(--sapField_WarningColor);--_ui5_input_focused_value_state_warning_border_color: var(--sapField_WarningColor);--_ui5_input_value_state_success_border_color: var(--sapField_SuccessColor);--_ui5_input_focused_value_state_success_border_color: var(--sapField_SuccessColor);--_ui5_input_value_state_success_border_width: 1px;--_ui5_input_value_state_information_border_color: var(--sapField_InformationColor);--_ui5_input_focused_value_state_information_border_color: var(--sapField_InformationColor);--_ui5_input_focus_offset: 1px;--_ui5_input_readonly_focus_offset: 1px;--ui5_input_focus_pseudo_element_content: "";--_ui5_input_value_state_error_warning_placeholder_font_weight: bold;--_ui5_input_focus_outline_color: var(--sapContent_FocusColor);--_ui5-input_error_placeholder_color: var(--sapField_TextColor);--_ui5_input_icon_width: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 2.25rem);--_ui5_input_icon_wrapper_height: 100%;--_ui5_input_icon_wrapper_state_height: 100%;--_ui5_input_icon_wrapper_success_state_height: 100%;--_ui5-input-icons-count: 0;--_ui5_input_tokenizer_min_width: 3.5rem;--_ui5_input_icon_padding: var(--_ui5-compact-size, .25rem .4375rem) var(--_ui5-cozy-size, .5625rem);--_ui5_input_icon_color: var(--sapField_TextColor);--_ui5_input_icon_pressed_color: var(--sapButton_Active_TextColor);--_ui5_input_icon_pressed_bg: var(--sapField_Hover_Background);--_ui5_input_icon_hover_bg: var(--sapButton_Lite_Hover_Background);--_ui5_input_icon_border_radius: 0;--_ui5_input_icon_box_shadow: none;--_ui5_input_icon_border: 1px solid transparent;--_ui5_input_error_icon_box_shadow: var(--_ui5_input_icon_box_shadow);--_ui5_input_warning_icon_box_shadow: var(--_ui5_input_icon_box_shadow);--_ui5_input_information_icon_box_shadow: var(--_ui5_input_icon_box_shadow);--_ui5_input_success_icon_box_shadow: var(--_ui5_input_icon_box_shadow);--_ui5_input_icon_error_pressed_color: var(--sapButton_Active_TextColor);--_ui5_input_icon_warning_pressed_color: var(--sapButton_Active_TextColor);--_ui5_input_icon_information_pressed_color: var(--sapButton_Active_TextColor);--_ui5_input_icon_success_pressed_color: var(--sapButton_Active_TextColor);--_ui5_link_text_decoration: underline;--_ui5_link_hover_text_decoration: underline;--_ui5_link_focused_hover_text_decoration: none;--_ui5_link_focused_hover_text_color: var(--sapLinkColor);--_ui5_link_active_text_decoration: none;--_ui5_link_outline: .125rem dotted var(--sapContent_FocusColor);--_ui5_link_focus_border-radius: 0;--_ui5_link_focus_background_color: transparent;--_ui5_link_focus_color: var(--sapLinkColor);--_ui5_link_focus_text_decoration: none;--_ui5_link_subtle_text_decoration: underline;--_ui5_link_subtle_text_decoration_hover: none;--_ui5_link_large_interactive_area_height: unset;--ui5_list_footer_text_color: var(--sapPageFooter_TextColor);--_ui5_list_buttons_left_space: var(--_ui5-compact-size, .125rem) var(--_ui5-cozy-size, .125rem);--ui5-listitem-background-color: var(--sapList_Background);--ui5-listitem-border-bottom: var(--sapList_BorderWidth) solid var(--sapList_BorderColor);--ui5-listitem-selected-border-bottom: 1px solid var(--sapList_SelectionBorderColor);--ui5-listitem-focused-selected-border-bottom: 1px solid var(--sapList_SelectionBorderColor);--_ui5-listitembase_disabled_opacity: .5;--_ui5_product_switch_item_border: none;--_ui5_menu_popover_border_radius: var(--sapElement_BorderCornerRadius);--_ui5_menu_item_padding: var(--_ui5-compact-size, 0 .75rem 0 .5rem) var(--_ui5-cozy-size, 0 1rem 0 .75rem);--_ui5_menu_item_submenu_icon_right: var(--_ui5-compact-size, .75rem) var(--_ui5-cozy-size, 1rem);--_ui5_monthpicker_item_margin: .0625rem;--_ui5_monthpicker_item_border: .0625rem solid var(--sapButton_Lite_BorderColor);--_ui5_monthpicker_item_border_radius: .25rem;--_ui5_monthpicker_item_hover_border: .0625rem solid var(--sapButton_Lite_Hover_BorderColor);--_ui5_monthpicker_item_active_border: .0625rem solid var(--sapButton_Lite_Active_BorderColor);--_ui5_monthpicker_item_selected_border: .0625rem solid var(--sapButton_Selected_BorderColor);--_ui5_monthpicker_item_selected_hover_border: .0625rem solid var(--sapButton_Selected_Hover_BorderColor);--_ui5_message_strip_padding: .4375rem 2.5rem .4375rem 2.5rem;--_ui5_message_strip_padding_block_no_icon: .4375rem .4375rem;--_ui5_message_strip_padding_inline_no_icon: 1rem 2.5rem;--_ui5_message_strip_border_width: var(--sapMessage_BorderWidth);--_ui5_message_strip_icon_top: .375rem;--_ui5_message_strip_close_button_top: .125rem;--_ui5_message_strip_close_button_right: .125rem;--_ui5_message_strip_close_button_color_set_1_background: var(--sapMessage_Button_Hover_Background);--_ui5_message_strip_close_button_color_set_2_background: var(--sapMessage_Button_Hover_Background);--_ui5_message_strip_close_button_color_set_1_color: var(--sapContent_ContrastIconColor);--_ui5_message_strip_scheme_1_set_2_background: var(--sapIndicationColor_1_Background);--_ui5_message_strip_scheme_1_set_2_border_color: var(--sapIndicationColor_1_BorderColor);--_ui5_message_strip_scheme_2_set_2_background: var(--sapIndicationColor_2_Background);--_ui5_message_strip_scheme_2_set_2_border_color: var(--sapIndicationColor_2_BorderColor);--_ui5_message_strip_scheme_3_set_2_background: var(--sapIndicationColor_3_Background);--_ui5_message_strip_scheme_3_set_2_border_color: var(--sapIndicationColor_3_BorderColor);--_ui5_message_strip_scheme_4_set_2_background: var(--sapIndicationColor_4_Background);--_ui5_message_strip_scheme_4_set_2_border_color: var(--sapIndicationColor_4_BorderColor);--_ui5_message_strip_scheme_5_set_2_background: var(--sapIndicationColor_5_Background);--_ui5_message_strip_scheme_5_set_2_border_color: var(--sapIndicationColor_5_BorderColor);--_ui5_message_strip_scheme_6_set_2_background: var(--sapIndicationColor_6_Background);--_ui5_message_strip_scheme_6_set_2_border_color: var(--sapIndicationColor_6_BorderColor);--_ui5_message_strip_scheme_7_set_2_background: var(--sapIndicationColor_7_Background);--_ui5_message_strip_scheme_7_set_2_border_color: var(--sapIndicationColor_7_BorderColor);--_ui5_message_strip_scheme_8_set_2_background: var(--sapIndicationColor_8_Background);--_ui5_message_strip_scheme_8_set_2_border_color: var(--sapIndicationColor_8_BorderColor);--_ui5_message_strip_scheme_9_set_2_background: var(--sapIndicationColor_9_Background);--_ui5_message_strip_scheme_9_set_2_border_color: var(--sapIndicationColor_9_BorderColor);--_ui5_message_strip_scheme_10_set_2_background: var(--sapIndicationColor_10_Background);--_ui5_message_strip_scheme_10_set_2_border_color: var(--sapIndicationColor_10_BorderColor);--_ui5_panel_focus_border: .125rem dotted var(--sapContent_FocusColor);--_ui5_panel_header_height: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 2.75rem);--_ui5_panel_button_root_width: var(--_ui5-compact-size, 2.75rem) var(--_ui5-cozy-size, 2.75rem);--_ui5_panel_button_root_height: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 2.75rem);--_ui5_panel_border_radius: 0px;--_ui5_panel_border_radius_expanded: 0;--_ui5_panel_default_header_border: none;--_ui5_panel_border_bottom: var(--sapGroup_TitleBorderWidth) solid var(--sapGroup_TitleBorderColor);--_ui5_panel_icon_color: var(--sapContent_IconColor);--_ui5_panel_header_padding_right: .5rem;--_ui5_panel_header_button_wrapper_padding: var(--_ui5-compact-size, .1875rem .25rem) var(--_ui5-cozy-size, .25rem);--_ui5_panel_focus_offset: 1px;--_ui5_panel_focus_bottom_offset: var(--_ui5_panel_focus_offset);--_ui5_panel_content_padding: .625rem 1rem 1.375rem 1rem;--_ui5_panel_header_background_color: var(--sapBackgroundColor);--_ui5_popover_background: var(--sapGroup_ContentBackground);--_ui5_popover_box_shadow: var(--sapContent_Shadow2);--_ui5_popover_no_arrow_box_shadow: var(--sapContent_Shadow1);--_ui5_popup_block_layer_background: var(--sapBlockLayer_Background);--_ui5_popup_block_layer_opacity: .3;--_ui5_popup_content_padding_s: 1rem;--_ui5_popup_content_padding_m_l: 2rem;--_ui5_popup_content_padding_xl: 3rem;--_ui5_popup_header_footer_padding_s: 1rem;--_ui5_popup_header_footer_padding_m_l: 2rem;--_ui5_popup_header_footer_padding_xl: 3rem;--_ui5_popup_viewport_margin: 10px;--_ui5_popup_header_prop_header_text_alignment: flex-start;--_ui5_popup_border_radius: var(--sapElement_BorderCornerRadius);--_ui5_popup_header_shadow: none;--_ui5_popup_header_border: none;--_ui5_progress_indicator_background_none: var(--sapField_Background);--_ui5_progress_indicator_background_error: var(--sapField_Background);--_ui5_progress_indicator_background_warning: var(--sapField_Background);--_ui5_progress_indicator_background_success: var(--sapField_Background);--_ui5_progress_indicator_background_information: var(--sapField_Background);--_ui5_progress_indicator_value_state_none: var(--sapHighlightColor);--_ui5_progress_indicator_value_state_error: var(--sapHighlightColor);--_ui5_progress_indicator_value_state_warning: var(--sapHighlightColor);--_ui5_progress_indicator_value_state_success: var(--sapHighlightColor);--_ui5_progress_indicator_value_state_information: var(--sapHighlightColor);--_ui5_progress_indicator_border_color_error: var(--sapField_BorderColor);--_ui5_progress_indicator_border_color_warning: var(--sapField_BorderColor);--_ui5_progress_indicator_border_color_success: var(--sapField_BorderColor);--_ui5_progress_indicator_border_color_information: var(--sapField_BorderColor);--_ui5_progress_indicator_color: var(--sapTextColor);--_ui5_progress_indicator_bar_color: var(--sapContent_ContrastTextColor);--_ui5_progress_indicator_border: .0625rem solid var(--sapField_BorderColor);--_ui5_progress_indicator_bar_border_max: var(--_ui5_progress_indicator_border);--_ui5_progress_indicator_icon_visibility: inline-block;--_ui5_progress_indicator_side_points_visibility: none;--_ui5_progress_indicator_padding_novalue: 0;--_ui5_progress_indicator_host_height: 1rem;--_ui5_progress_indicator_root_border_radius: .5rem;--_ui5_progress_indicator_root_height: 100%;--_ui5_progress_indicator_root_overflow: hidden;--_ui5_progress_indicator_bar_height: 100%;--_ui5_progress_indicator_bar_border_radius: .5rem 0 0 .5rem;--_ui5_progress_indicator_remaining_bar_overflow: hidden;--_ui5_progress_indicator_icon_size: var(--sapFontSmallSize);--_ui5_progress_indicator_value_margin: 0 .375rem;--_ui5_radio_button_min_width: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 2.75rem);--_ui5_radio_button_hover_fill: var(--sapSelectedColor);--_ui5_radio_button_hover_fill_error: var(--sapField_InvalidBackground);--_ui5_radio_button_hover_fill_warning: var(--sapField_Hover_Background);--_ui5_radio_button_hover_fill_success: var(--sapField_Hover_Background);--_ui5_radio_button_hover_fill_information: var(--sapField_Hover_Background);--_ui5_radio_button_border_width: .125rem;--_ui5_radio_button_checked_fill: var(--sapContent_IconColor);--_ui5_radio_button_checked_error_fill: var(--sapContent_IconColor);--_ui5_radio_button_checked_warning_fill: var(--sapContent_IconColor);--_ui5_radio_button_checked_success_fill: var(--sapContent_IconColor);--_ui5_radio_button_checked_information_fill: var(--sapContent_IconColor);--_ui5_radio_button_warning_error_border_dash: 5;--_ui5_radio_button_outer_ring_color: var(--sapField_BorderColor);--_ui5_radio_button_outer_ring_width: var(--sapField_BorderWidth);--_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: .625rem;--_ui5_radio_button_outer_ring_padding_with_label: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, .6875rem);--_ui5_radio_button_border_radius: 0;--_ui5_radio_button_border: none;--_ui5_radio_button_focus_outline: block;--_ui5_radio_button_focus_dist: var(--_ui5-compact-size, .375rem) var(--_ui5-cozy-size, .5rem);--_ui5_radio_button_color: var(--sapField_BorderColor);--_ui5_radio_button_label_offset: 1px;--_ui5_radio_button_label_color: var(--sapContent_LabelColor);--_ui5_radio_button_inner_ring_radius: 22%;--_ui5_radio_button_read_only_border_type: none;--_ui5_radio_button_inner_ring_color: var(--sapContent_IconColor);--_ui5_radio_button_information_border_width: var(--sapField_InformationBorderWidth);--_ui5_radio_button_read_only_border_width: var(--sapField_BorderWidth);--_ui5_radio_button_read_only_inner_ring_color: var(--sapContent_NonInteractiveIconColor);--_ui5_rating_indicator_border_radius: .5rem;--_ui5_rating_indicator_outline_offset: -.125rem;--_ui5_rating_indicator_item_height: var(--_ui5-compact-size, .67em) var(--_ui5-cozy-size, 1em);--_ui5_rating_indicator_item_width: var(--_ui5-compact-size, .67em) var(--_ui5-cozy-size, 1em);--_ui5_rating_indicator_readonly_item_height: var(--_ui5-compact-size, .67em) var(--_ui5-cozy-size, 1em);--_ui5_rating_indicator_readonly_item_width: var(--_ui5-compact-size, .67em) var(--_ui5-cozy-size, 1em);--_ui5_rating_indicator_readonly_item_spacing: 0px;--_ui5_rating_indicator_component_spacing: var(--_ui5-compact-size, .8125rem 0px) var(--_ui5-cozy-size, .5rem 0px);--_ui5_rating_indicator_component_padding: .25rem;--_ui5_rating_indicator_item_size_s: 1.375rem;--_ui5_rating_indicator_item_size_l: 2rem;--_ui5_segmented_btn_item_border_left: 0px;--_ui5_segmented_btn_item_border_right: .0625rem;--_ui5_button_focused_border: .125rem dotted var(--sapContent_FocusColor);--_ui5_button_focused_border_radius: .25rem;--_ui5_button_focused_inner_border_radius: 0;--_ui5_button_base_min_width: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 2.5rem);--_ui5_button_base_height: var(--_ui5-compact-size, var(--sapElement_Compact_Height)) var(--_ui5-cozy-size, var(--sapElement_Height));--_ui5_button_border_radius: var(--sapButton_BorderCornerRadius);--_ui5_button_base_padding: var(--_ui5-compact-size, .4375rem) var(--_ui5-cozy-size, .6875rem);--_ui5_button_base_icon_margin: .563rem;--_ui5_button_text_shadow: none;--_ui5_button_pressed_focused_border_color: var(--sapContent_ContrastFocusColor);--_ui5_button_fontFamily: var(--sapButton_FontFamily);--_ui5_button_emphasized_focused_border_color: var(--sapButton_Emphasized_BorderColor);--_ui5_button_emphasized_focused_border_before: var(--_ui5_button_focused_border);--_ui5_button_emphasized_focused_active_border_color: transparent;--_ui5_select_hover_icon_left_border: .0625rem solid var(--sapField_Hover_BorderColor);--_ui5_select_label_color: var(--sapField_TextColor);--_ui5_select_icon_width: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 2.25rem);--_ui5_select_icon_wrapper_height: 100%;--_ui5_select_bottom_border_gradient: none;--_ui5_select_icon_wrapper_state_height: 100%;--_ui5_split_button_focused_border: .125rem dotted var(--sapContent_FocusColor);--_ui5_split_button_focused_border_radius: .375rem;--_ui5_split_button_middle_separator_left: -.0625rem;--_ui5_split_button_middle_separator_hover_display: block;--_ui5_split_button_text_button_right_border_width: 0;--_ui5_split_button_transparent_hover_background: var(--sapButton_Hover_Background);--_ui5_split_button_host_transparent_hover_background: var(--sapButton_Background);--_ui5_split_button_transparent_hover_color: var(--sapButton_TextColor);--_ui5_split_button_transparent_disabled_background: var(--sapButton_Background);--_ui5_split_button_inner_focused_border_radius_inner: 0;--_ui5_split_button_emphasized_separator_color: var(--sapButton_Emphasized_TextColor);--_ui5_split_button_positive_separator_color: var(--sapButton_Accept_BorderColor);--_ui5_split_button_negative_separator_color: var(--sapButton_Reject_BorderColor);--_ui5_split_button_attention_separator_color: var(--sapButton_Attention_BorderColor);--_ui5_split_button_attention_separator_color_default: var(--sapButton_Attention_BorderColor);--_ui5_split_button_host_default_box_shadow: inset 0 0 0 var(--sapButton_BorderWidth) var(--sapButton_BorderColor);--_ui5_split_button_host_attention_box_shadow: inset 0 0 0 var(--sapButton_BorderWidth) var(--sapButton_Attention_BorderColor);--_ui5_split_button_host_emphasized_box_shadow: inset 0 0 0 .125rem var(--sapButton_Emphasized_BorderColor);--_ui5_split_button_host_positive_box_shadow: inset 0 0 0 var(--sapButton_BorderWidth) var(--sapButton_Accept_BorderColor);--_ui5_split_button_host_negative_box_shadow: inset 0 0 0 var(--sapButton_BorderWidth) var(--sapButton_Reject_BorderColor);--_ui5_split_button_host_transparent_box_shadow: inset 0 0 0 var(--sapButton_BorderWidth) var(--sapButton_Lite_BorderColor);--_ui5_split_button_host_transparent_hover_box_shadow: inset 0 0 0 var(--sapButton_BorderWidth) var(--sapButton_BorderColor);--_ui5_split_text_button_border_color: transparent;--_ui5_split_text_button_background_color: transparent;--_ui5_split_text_button_emphasized_border: .125rem solid var(--sapButton_Emphasized_BorderColor);--_ui5_split_text_button_emphasized_border_width: .125rem;--_ui5_split_text_button_hover_border: var(--sapButton_BorderWidth) solid var(--sapButton_BorderColor);--_ui5_split_text_button_positive_hover_border: var(--sapButton_BorderWidth) solid var(--sapButton_Accept_BorderColor);--_ui5_split_text_button_negative_hover_border: var(--sapButton_BorderWidth) solid var(--sapButton_Reject_BorderColor);--_ui5_split_text_button_attention_hover_border: var(--sapButton_BorderWidth) solid var(--sapButton_Attention_BorderColor);--_ui5_split_text_button_transparent_hover_border: var(--sapButton_BorderWidth) solid var(--sapButton_BorderColor);--_ui5_split_arrow_button_hover_border: var(--sapButton_BorderWidth) solid var(--sapButton_BorderColor);--_ui5_split_arrow_button_emphasized_hover_border: .0625rem solid var(--sapButton_Emphasized_BorderColor);--_ui5_split_arrow_button_positive_hover_border: var(--sapButton_BorderWidth) solid var(--sapButton_Accept_BorderColor);--_ui5_split_arrow_button_negative_hover_border: var(--sapButton_BorderWidth) solid var(--sapButton_Reject_BorderColor);--_ui5_split_arrow_button_attention_hover_border: var(--sapButton_BorderWidth) solid var(--sapButton_Attention_BorderColor);--_ui5_split_arrow_button_transparent_hover_border: var(--sapButton_BorderWidth) solid var(--sapButton_BorderColor);--_ui5_split_text_button_hover_border_right: none;--_ui5_split_text_button_positive_hover_border_right: none;--_ui5_split_text_button_negative_hover_border_right: none;--_ui5_split_text_button_attention_hover_border_right: none;--_ui5_split_text_button_transparent_hover_border_right: none;--_ui5_split_button_middle_separator_hover_display_emphasized: block;--_ui5_split_arrow_button_emphasized_hover_box_shadow: inset 0 -.0625rem 0 var(--sapButton_BorderColor), inset -.0625rem 0 0 var(--sapButton_BorderColor), inset 0 .0625rem 0 var(--sapButton_BorderColor);--_ui5_split_arrow_button_emphasized_hover_box_shadow_rtl: inset 0 -.0625rem 0 var(--sapButton_BorderColor), inset .0625rem 0 0 var(--sapButton_BorderColor), inset 0 .0625rem 0 var(--sapButton_BorderColor);--_ui5_switch_height: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 2.75rem);--_ui5_switch_width: var(--_ui5-compact-size, 2.5rem) var(--_ui5-cozy-size, 3.25rem);--_ui5_switch_min_width: 3.875rem;--_ui5_switch_with_label_width: var(--_ui5-compact-size, 100%) var(--_ui5-cozy-size, 100%);--_ui5_switch_focus_outline: .125rem dotted var(--sapContent_FocusColor);--_ui5_switch_root_outline_top: var(--_ui5-compact-size, 0) var(--_ui5-cozy-size, .25rem);--_ui5_switch_root_outline_bottom: var(--_ui5-compact-size, 0) var(--_ui5-cozy-size, .25rem);--_ui5_switch_root_outline_left: 0;--_ui5_switch_root_outline_right: 0;--_ui5_switch_foucs_border_size: 1px;--_ui5-switch-root-border-radius: 0;--_ui5-switch-root-box-shadow: none;--_ui5_switch_root_after_outline: none;--_ui5_switch_disabled_opacity: .4;--_ui5_switch_transform: var(--_ui5-compact-size, translateX(100%) translateX(-1.5rem)) var(--_ui5-cozy-size, translateX(100%) translateX(-1.875rem));--_ui5_switch_transform_with_label: var(--_ui5-compact-size, translateX(100%) translateX(-1.5rem)) var(--_ui5-cozy-size, translateX(100%) translateX(-1.875rem));--_ui5_switch_rtl_transform: var(--_ui5-compact-size, translateX(1.5rem) translateX(-100%)) var(--_ui5-cozy-size, translateX(-100%) translateX(1.875rem));--_ui5_switch_rtl_transform_with_label: var(--_ui5-compact-size, translateX(1.5rem) translateX(-100%)) var(--_ui5-cozy-size, translateX(-100%) translateX(1.875rem));--_ui5_switch_track_with_label_width: var(--_ui5-compact-size, 100%) var(--_ui5-cozy-size, 100%);--_ui5_switch_track_with_label_height: var(--_ui5-compact-size, 1.375rem) var(--_ui5-cozy-size, 1.375rem);--_ui5_switch_track_width: var(--_ui5-compact-size, 100%) var(--_ui5-cozy-size, 100%);--_ui5_switch_track_height: var(--_ui5-compact-size, 1.375rem) var(--_ui5-cozy-size, 1.375rem);--_ui5_switch_track_border_radius: .75rem;--_ui5-switch-track-border: 1px solid;--_ui5_switch_track_active_background_color: var(--sapButton_Track_Selected_Background);--_ui5_switch_track_inactive_background_color: var(--sapButton_Track_Background);--_ui5_switch_track_hover_active_background_color: var(--sapButton_Track_Selected_Background);--_ui5_switch_track_hover_inactive_background_color: var(--sapButton_Track_Background);--_ui5_switch_track_active_border_color: var(--sapContent_ForegroundBorderColor);--_ui5_switch_track_inactive_border_color: var(--sapContent_ForegroundBorderColor);--_ui5_switch_track_hover_active_border_color: var(--sapButton_Hover_BorderColor);--_ui5_switch_track_hover_inactive_border_color: var(--sapButton_Hover_BorderColor);--_ui5_switch_track_semantic_accept_background_color: var(--sapSuccessBackground);--_ui5_switch_track_semantic_reject_background_color: var(--sapErrorBackground);--_ui5_switch_track_semantic_hover_accept_background_color: var(--sapSuccessBackground);--_ui5_switch_track_semantic_hover_reject_background_color: var(--sapErrorBackground);--_ui5_switch_track_semantic_accept_border_color: var(--sapSuccessBorderColor);--_ui5_switch_track_semantic_reject_border_color: var(--sapErrorBorderColor);--_ui5_switch_track_semantic_hover_accept_border_color: var(--sapSuccessBorderColor);--_ui5_switch_track_semantic_hover_reject_border_color: var(--sapErrorBorderColor);--_ui5_switch_track_transition: none;--_ui5_switch_track_icon_display: none;--_ui5_switch_handle_width: var(--_ui5-compact-size, 1.625rem) var(--_ui5-cozy-size, 2rem);--_ui5_switch_handle_height: var(--_ui5-compact-size, 1.625rem) var(--_ui5-cozy-size, 2rem);--_ui5_switch_handle_with_label_width: var(--_ui5-compact-size, 1.625rem) var(--_ui5-cozy-size, 2rem);--_ui5_switch_handle_with_label_height: var(--_ui5-compact-size, 1.625rem) var(--_ui5-cozy-size, 2rem);--_ui5_switch_handle_border: var(--_ui5_switch_handle_border_width) solid var(--sapButton_Handle_BorderColor);--_ui5_switch_handle_border_width: .125rem;--_ui5_switch_handle_border_radius: 1rem;--_ui5_switch_handle_active_background_color: var(--sapButton_Selected_Background);--_ui5_switch_handle_inactive_background_color: var(--sapButton_TokenBackground);--_ui5_switch_handle_hover_active_background_color: var(--sapButton_Selected_Hover_Background);--_ui5_switch_handle_hover_inactive_background_color: var(--sapButton_Handle_Hover_Background);--_ui5_switch_handle_active_border_color: var(--sapButton_Selected_BorderColor);--_ui5_switch_handle_inactive_border_color: var(--sapContent_ForegroundBorderColor);--_ui5_switch_handle_hover_active_border_color: var(--sapButton_Selected_BorderColor);--_ui5_switch_handle_hover_inactive_border_color: var(--sapButton_Hover_BorderColor);--_ui5_switch_handle_semantic_accept_background_color: var(--sapButton_Background);--_ui5_switch_handle_semantic_reject_background_color: var(--sapButton_Background);--_ui5_switch_handle_semantic_hover_accept_background_color: var(--sapButton_Selected_Hover_Background);--_ui5_switch_handle_semantic_hover_reject_background_color: var(--sapButton_Handle_Hover_Background);--_ui5_switch_handle_semantic_accept_border_color: var(--sapSuccessBorderColor);--_ui5_switch_handle_semantic_reject_border_color: var(--sapErrorBorderColor);--_ui5_switch_handle_semantic_hover_accept_border_color: var(--sapSuccessBorderColor);--_ui5_switch_handle_semantic_hover_reject_border_color: var(--sapErrorBorderColor);--_ui5_switch_handle_on_hover_box_shadow: none;--_ui5_switch_handle_off_hover_box_shadow: none;--_ui5_switch_handle_semantic_on_hover_box_shadow: var(--sapContent_Informative_Shadow);--_ui5_switch_handle_semantic_off_hover_box_shadow: var(--sapContent_Negative_Shadow);--_ui5_switch_handle_left: -.0625rem;--_ui5-switch-slider-texts-display: inline;--_ui5_switch_text_font_family: var(--sapFontFamily);--_ui5_switch_text_font_size: var(--_ui5-compact-size, var(--sapFontSmallSize)) var(--_ui5-cozy-size, var(--sapFontSmallSize));--_ui5_switch_text_with_label_font_family: var(--sapFontFamily);--_ui5_switch_text_with_label_font_size: var(--sapFontSmallSize);--_ui5_switch_text_with_label_width: none;--_ui5_switch_text_width: var(--_ui5-compact-size, none) var(--_ui5-cozy-size, none);--_ui5_switch_text_inactive_left: auto;--_ui5_switch_text_inactive_left_alternate: auto;--_ui5_switch_text_inactive_right: .125rem;--_ui5_switch_text_inactive_right_alternate: .125rem;--_ui5_switch_text_active_left: var(--_ui5-compact-size, calc(-100% + 1.625rem) ) var(--_ui5-cozy-size, calc(-100% + 2rem) );--_ui5_switch_text_active_left_alternate: calc(-100% + 2rem) ;--_ui5_switch_text_active_color: var(--sapButton_Track_Selected_TextColor);--_ui5_switch_text_inactive_color: var(--sapTextColor);--_ui5_switch_text_semantic_accept_color: var(--sapPositiveElementColor);--_ui5_switch_text_semantic_reject_color: var(--sapNegativeElementColor);--_ui5_switch_text_overflow: none;--_ui5_switch_text_z_index: inherit;--_ui5_switch_text_hidden: hidden;--_ui5_switch_text_min_width: 1.625rem;--_ui5_switch_icon_width: .75rem;--_ui5_switch_icon_height: .75rem;--_ui5_switch_readonly_track_border_style: dashed;--_ui5_switch_readonly_handle_border_style: solid;--_ui5_tc_header_height: var(--_ui5-compact-size, var(--_ui5_tc_item_height)) var(--_ui5-cozy-size, var(--_ui5_tc_item_height));--_ui5_tc_header_height_text_only: var(--_ui5_tc_item_text_only_height);--_ui5_tc_header_height_text_with_additional_text: var(--_ui5_tc_item_text_only_with_additional_text_height);--_ui5_tc_header_box_shadow: var(--sapContent_HeaderShadow);--_ui5_tc_header_border_bottom: .125rem solid var(--sapPageHeader_BorderColor);--_ui5_tc_header_background: var(--sapObjectHeader_Background);--_ui5_tc_header_background_translucent: var(--sapObjectHeader_Background);--_ui5_tc_content_background: var(--sapBackgroundColor);--_ui5_tc_content_background_translucent: var(--sapGroup_ContentBackground);--_ui5_tc_headeritem_padding: 1rem;--_ui5_tc_headerItem_color: var(--sapContent_LabelColor);--_ui5_tc_headerItem_additional_text_color: var(--sapContent_LabelColor);--_ui5_tc_headerItem_text_hover_color: var(--_ui5_tc_headerItem_color);--_ui5_tc_headerItem_text_selected_color: var(--sapPageHeader_BorderColor);--_ui5_tc_headerItem_text_selected_hover_color: var(--sapPageHeader_BorderColor);--_ui5_tc_headeritem_text_font_weight: normal;--_ui5_tc_headerItem_additional_text_font_weight: normal;--_ui5_tc_headerItem_neutral_border_color: var(--sapTab_Neutral_ForegroundColor);--_ui5_tc_headerItem_transition: none;--_ui5_tc_headerItemContent_border_radius: .125rem .125rem 0 0;--_ui5_tc_headerItemContent_border_bg: transparent;--_ui5_tc_headerItem_neutral_border_bg: transparent;--_ui5_tc_headerItem_positive_border_bg: transparent;--_ui5_tc_headerItem_negative_border_bg: transparent;--_ui5_tc_headerItem_critical_border_bg: transparent;--_ui5_tc_headerItemContent_border_height: 0;--_ui5_tc_headerItem_focus_border: .125rem dotted var(--sapContent_FocusColor);--_ui5_tc_headerItem_text_focus_border_offset_left: 0px;--_ui5_tc_headerItem_text_focus_border_offset_right: 0px;--_ui5_tc_headerItem_text_focus_border_offset_top: 0px;--_ui5_tc_headerItem_text_focus_border_offset_bottom: 0px;--_ui5_tc_headerItem_mixed_mode_focus_border_offset_left: .75rem;--_ui5_tc_headerItem_mixed_mode_focus_border_offset_right: .625rem;--_ui5_tc_headerItem_mixed_mode_focus_border_offset_top: .75rem;--_ui5_tc_headerItem_mixed_mode_focus_border_offset_bottom: .75rem;--_ui5_tc_headerItemContent_default_focus_border: none;--_ui5_tc_headerItemContent_focus_border_radius: 0;--_ui5_tc_headerItemSemanticIcon_display: inline-block;--_ui5_tc_headerItemSemanticIcon_size: .75rem;--_ui5_tc_headerItem_focus_border_radius: 0px;--_ui5_tc_mixedMode_itemText_color: var(--sapContent_LabelColor);--_ui5_tc_mixedMode_itemText_font_family: var(--sapFontFamily);--_ui5_tc_mixedMode_itemText_font_size: var(--sapFontSmallSize);--_ui5_tc_mixedMode_itemText_font_weight: normal;--_ui5_tc_headerItem_expand_button_margin_inline_start: .625rem;--_ui5_tc_headerItem_single_click_expand_button_margin_inline_start: .875rem;--_ui5_tc_headerItem_expand_button_border_radius: var(--sapButton_BorderCornerRadius);--_ui5_tc_headerItem_expand_button_separator_display: none;--_ui5_tc_overflowItem_positive_color: var(--sapGroup_TitleTextColor);--_ui5_tc_overflowItem_negative_color: var(--sapGroup_TitleTextColor);--_ui5_tc_overflowItem_critical_color: var(--sapGroup_TitleTextColor);--_ui5_tc_overflowItem_focus_offset: .125rem;--_ui5_tc_overflowItem_indent: .5rem;--_ui5_tc_overflowItem_extra_indent: 1rem;--_ui5_tc_headerItemIcon_border: 1px solid var(--sapPageHeader_BorderColor);--_ui5_tc_headerItemIcon_semantic_selected_color: var(--sapContent_IconColor);--_ui5_tc_overflowItem_default_color: var(--sapGroup_TitleTextColor);--_ui5_tc_overflowItem_current_color: var(--_ui5_tc_overflowItem_default_color);--_ui5_tc_content_border_bottom: .125rem solid var(--sapObjectHeader_BorderColor);--_ui5_tc_headerItem_focus_border_offset: -2px;--_ui5_tc_headerItemIcon_focus_border_radius: 0;--_ui5_tc_overflow_text_color: var(--sapButton_TextColor);--_ui5_tc_overflowItem_additional: 1;--_ui5-toolbar-padding-left: .5rem;--_ui5-toolbar-padding-right: .5rem;--_ui5-toolbar-item-margin-left: 0;--_ui5-toolbar-item-margin-right: .5rem;--_ui5_load_more_padding: .25rem;--_ui5_load_more_border: 1px solid var(--sapButton_BorderColor);--_ui5_load_more_border_radius: .375rem;--_ui5_load_more_outline_width: .125rem;--_ui5_text_max_lines: initial;--_ui5_textarea_state_border_width: .125rem;--_ui5_textarea_information_border_width: var(--sapField_InformationBorderWidth);--_ui5_textarea_placeholder_font_style: normal;--_ui5_textarea_value_state_error_warning_placeholder_font_weight: bold;--_ui5_textarea_error_placeholder_font_style: normal;--_ui5_textarea_error_placeholder_color: var(--sapField_TextColor);--_ui5_textarea_error_hover_background_color: var(--sapField_InvalidBackground);--_ui5_textarea_hover_border: var(--sapField_BorderWidth) var(--sapField_BorderStyle) var(--sapField_Hover_BorderColor);--_ui5_textarea_error_warning_border_style: dashed;--_ui5_textarea_disabled_opacity: .4;--_ui5_textarea_line_height: 1.4;--_ui5_textarea_focus_pseudo_element_content: "";--_ui5_textarea_focused_value_state_error_background: var(--sapField_InvalidBackground);--_ui5_textarea_focused_value_state_warning_background: var(--sapField_WarningBackground);--_ui5_textarea_focused_value_state_success_background: var(--sapField_SuccessBackground);--_ui5_textarea_focused_value_state_information_background: var(--sapField_InformationBackground);--_ui5_textarea_focused_value_state_error_focus_outline_color: var(--sapContent_FocusColor);--_ui5_textarea_focused_value_state_warning_focus_outline_color: var(--sapContent_FocusColor);--_ui5_textarea_focused_value_state_success_focus_outline_color: var(--sapContent_FocusColor);--_ui5_textarea_focus_offset: 1px;--_ui5_textarea_readonly_focus_offset: 1px;--_ui5_textarea_value_state_focus_offset: 1px;--_ui5_textarea_focus_outline_color: var(--sapContent_FocusColor);--_ui5_textarea_min_height: var(--_ui5-compact-size, 1.625rem) var(--_ui5-cozy-size, 2.25rem);--_ui5_textarea_wrapper_padding: .0625rem;--_ui5_textarea_success_wrapper_padding: 0;--_ui5_textarea_warning_error_wrapper_padding: 0;--_ui5_textarea_information_wrapper_padding: 0;--_ui5_textarea_inner_width: 100%;--_ui5_textarea_padding_right_and_left: var(--_ui5-compact-size, .375rem) var(--_ui5-cozy-size, .5rem);--_ui5_textarea_padding_right_and_left_error_warning: var(--_ui5-compact-size, .375rem) var(--_ui5-cozy-size, .5rem);--_ui5_textarea_padding_right_and_left_information: var(--_ui5-compact-size, .4375rem) var(--_ui5-cozy-size, .5625rem);--_ui5_textarea_padding_right_and_left_readonly: var(--_ui5-compact-size, .375rem) var(--_ui5-cozy-size, .5rem);--_ui5_textarea_padding_top: var(--_ui5-compact-size, .0625rem) var(--_ui5-cozy-size, .375rem);--_ui5_textarea_padding_bottom: var(--_ui5-compact-size, .0625rem) var(--_ui5-cozy-size, .375rem);--_ui5_textarea_padding_top_readonly: var(--_ui5-compact-size, .0625rem) var(--_ui5-cozy-size, .375rem);--_ui5_textarea_padding_bottom_readonly: var(--_ui5-compact-size, .0625rem) var(--_ui5-cozy-size, .375rem);--_ui5_textarea_padding_top_error_warning: var(--_ui5-compact-size, .0625rem) var(--_ui5-cozy-size, .375rem);--_ui5_textarea_padding_bottom_error_warning: var(--_ui5-compact-size, .0625rem) var(--_ui5-cozy-size, .375rem);--_ui5_textarea_padding_top_information: var(--_ui5-compact-size, .125rem) var(--_ui5-cozy-size, .4375rem);--_ui5_textarea_padding_bottom_information: var(--_ui5-compact-size, .125rem) var(--_ui5-cozy-size, .4375rem);--_ui5_textarea_margin: var(--_ui5-compact-size, .1875rem 0) var(--_ui5-cozy-size, .25rem 0);--_ui5_textarea_readonly_border_style: var(--sapField_BorderStyle);--_ui5_textarea_error_warning_font_weight: bold;--_ui5_textarea_error_warning_font_style: italic;--_ui5-time_picker_border_radius: 0;--_ui5_toast_vertical_offset: 3rem;--_ui5_toast_horizontal_offset: 2rem;--_ui5_toast_background: var(--sapIndicationColor_9_Background);--_ui5_toast_shadow: var(--sapContent_Lite_Shadow);--_ui5_toast_offset_width: -.1875rem;--_ui5_toggle_button_emphasized_text_shadow: none;--_ui5_yearpicker_item_margin: .0625rem;--_ui5_yearpicker_item_border: .0625rem solid var(--sapButton_Lite_BorderColor);--_ui5_yearpicker_item_border_radius: .25rem;--_ui5_yearpicker_item_hover_border: .0625rem solid var(--sapButton_Lite_Hover_BorderColor);--_ui5_yearpicker_item_selected_border: .0625rem solid var(--sapButton_Selected_BorderColor);--_ui5_yearpicker_item_selected_hover_border: .0625rem solid var(--sapButton_Selected_Hover_BorderColor);--_ui5_token_background: var(--sapButton_TokenBackground);--_ui5_token_readonly_background: var(--sapField_ReadOnly_Background);--_ui5_token_readonly_color: var(--sapContent_LabelColor);--_ui5_token_border_radius: .25rem;--_ui5_token_focus_outline_width: .125rem;--_ui5_token_outline_offset: var(--_ui5-compact-size, -.125rem) var(--_ui5-cozy-size, -.125rem);--_ui5_token_text_color: var(--sapButton_TextColor);--_ui5_token_right_margin: var(--_ui5-compact-size, .25rem) var(--_ui5-cozy-size, .3125rem);--_ui5_token_left_padding: var(--_ui5-compact-size, .25rem) var(--_ui5-cozy-size, .3125rem);--_ui5_token_readonly_padding: var(--_ui5-compact-size, .125rem .25rem) var(--_ui5-cozy-size, .25rem .375rem);--_ui5_token_selected_focus_outline: var(--_ui5_token_focus_outline_width) dotted var(--sapContent_ContrastFocusColor);--_ui5_token_focus_outline: var(--_ui5_token_focus_outline_width) dotted var(--sapContent_FocusColor);--_ui5_token_focused_selected_border: 1px solid var(--sapButton_Selected_BorderColor);--ui5_token_focus_pseudo_element_content: none;--_ui5_token_focus_offset: var(--_ui5-compact-size, -.125rem) var(--_ui5-cozy-size, -.25rem);--_ui5_token_selected_text_font_family: var(--sapFontFamily);--_ui5_token_selected_internal_border_bottom: none;--_ui5_token_selected_internal_border_bottom_radius: 0;--_ui5_tokenizer_padding: var(--_ui5-compact-size, .25rem) var(--_ui5-cozy-size, .3125rem);--_ui5_tokenizer_gap: var(--_ui5-compact-size, .375em .25rem) var(--_ui5-cozy-size, .625rem .25rem);--_ui5_tokenizer_n_more_text_color: var(--sapField_TextColor);--_ui5_tokenizer-popover_offset: var(--_ui5-compact-size, .1875rem) var(--_ui5-cozy-size, .3125rem);--_ui5_value_state_message_border: var(--sapField_BorderWidth) solid var(--sapField_BorderColor);--_ui5_value_state_header_border: none;--_ui5_input_value_state_icon_display: none;--_ui5_value_state_message_padding: .5rem;--_ui5_value_state_message_padding_phone: .5rem .5rem .5rem 1rem;--_ui5_value_state_header_padding: .5625rem 1rem;--_ui5_value_state_message_popover_box_shadow: none;--_ui5_value_state_message_icon_width: .75rem;--_ui5_value_state_message_icon_height: .75rem;--_ui5_input_value_state_icon_offset: .5rem;--_ui5_value_state_header_offset: -.1875rem;--_ui5_value_state_message_popover_border_radius: 0;--_ui5_value_state_header_box_shadow_error: inset 0 -.125rem var(--sapField_InvalidColor);--_ui5_value_state_header_box_shadow_information: inset 0 -.125rem var(--sapField_InformationColor);--_ui5_value_state_header_box_shadow_success: inset 0 -.125rem var(--sapField_SuccessColor);--_ui5_value_state_header_box_shadow_warning: inset 0 -.125rem var(--sapField_WarningColor);--_ui5_value_state_message_line_height: 1rem;--_ui5_value_state_message_popover_header_min_height: 2rem;--_ui5_value_state_message_popover_header_min_width: 6rem;--_ui5_value_state_message_popover_header_max_width: 22rem;--_ui5_value_state_message_popover_header_width: auto;--_ui5_value_state_message_icon_offset_phone: 1rem;--_ui5_value_state_header_border_bottom: none;--_ui5_slider_inner_min_width: 4rem;--_ui5_slider_progress_border_width: .0625rem;--_ui5_slider_disabled_opacity: .4;--_ui5_slider_active_progress_left: -.0625rem;--_ui5_slider_handle_height: var(--_ui5-compact-size, 1.5rem) var(--_ui5-cozy-size, 1.875rem);--_ui5_slider_handle_width: var(--_ui5-compact-size, 1.5rem) var(--_ui5-cozy-size, 1.875rem);--_ui5_slider_handle_focus_border: .125rem solid var(--sapButton_Active_BorderColor);--ui5_slider_handle_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);--ui5_slider_handle_outline_offset: 1px;--_ui5_slider_handle_background: transparent;--_ui5_slider_handle_border: .125rem solid var(--sapField_BorderColor);--_ui5_slider_handle_border_radius: 1rem;--_ui5_slider_handle_hover_background: transparent;--_ui5_slider_handle_hover_border: .125rem solid var(--sapSlider_Hover_HandleBorderColor);--_ui5_slider_handle_background_focus: var(--sapSlider_Active_RangeHandleBackground);--_ui5_slider_handle_active_border: .125rem solid var(--sapContent_FocusColor);--_ui5_slider_handle_icon_display: none;--_ui5_slider_handle_icon_size: .875rem;--_ui5_slider_handle_box_sizing: border-box;--_ui5_slider_scale_background: var(--sapField_BorderColor);--_ui5_slider_scale_progress_background: var(--sapSelectedColor);--_ui5_slider_scale_progress_border: 1px solid var(--sapSlider_Selected_BorderColor);--_ui5_slider_scale_dots_distance: var(--_ui5-compact-size, -.75rem) var(--_ui5-cozy-size, -1rem);--_ui5_slider_scale_dots_display: none;--_ui5_slider_scale_tickmark_height: 1rem;--_ui5_slider_scale_root_box_sizing: content-box;--_ui5_slider_scale_progress_top: -1px;--_ui5_slider_scale_progress_height: .375rem;--_ui5_range_slider_progress_focus_display: none;--_ui5_range_slider_progress_focus_top: calc(-1 * ((var(--_ui5_slider_handle_height) / 2) + .1875rem) + var(--_ui5_slider_progress_border_width) + .0625rem - .125rem - .0625rem);--_ui5_range_slider_progress_focus_left: calc(-1 * ((var(--_ui5_slider_handle_width) / 2) + .1875rem + var(--_ui5_slider_progress_border_width)) - .125rem);--_ui5_range_slider_progress_focus_right: calc(-1 * ((var(--_ui5_slider_handle_width) / 2) + .1875rem + var(--_ui5_slider_progress_border_width)) - .125rem - .0625rem);--_ui5_range_slider_progress_focus_height: calc(var(--_ui5_slider_handle_height) + .375rem + .25rem + .0625rem);--_ui5_range_slider_progress_focus_padding: 0 1.375rem 0 1.4375rem;--_ui5_range_slider_progress_focus_border: var(--sapContent_FocusWidth) solid var(--sapContent_FocusColor);--_ui5_range_slider_progress_focus_border_radius: .5rem;--_ui5_range_slider_legacy_progress_focus_display: block;--_ui5_range_slider_focus_outline_width: 100%;--_ui5_slider_progress_outline: .0625rem var(--sapContent_FocusStyle) var(--sapContent_FocusColor);--_ui5_range_slider_focus_outline_radius: 0;--_ui5_slider_progress_outline_offset: var(--_ui5-compact-size, -.625rem) var(--_ui5-cozy-size, -.8125rem);--_ui5_slider_outer_height: var(--_ui5-compact-size, 1.3125rem) var(--_ui5-cozy-size, 1.6875rem);--_ui5_slider_progress_outline_offset_left: 0;--_ui5_slider_scale_progress_border_radius: .375rem;--_ui5_slider_scale_border: 1px solid var(--sapSlider_Selected_BorderColor);--_ui5_step_input_input_error_background_color: var(--sapField_InvalidBackground);--_ui5-step_input_button_state_hover_background_color: var(--sapField_Background);--_ui5_step_input_border_style: 1px solid var(--sapField_BorderColor);--_ui5_step_input_border_style_hover: 1px solid var(--sapField_Hover_BorderColor);--_ui5_step_input_button_background_color: var(--sapField_Background);--_ui5_step_input_input_border: 1px solid transparent;--_ui5_step_input_input_margin_top: -.0625rem;--_ui5_step_input_button_display: inline-block;--_ui5_step_input_button_left: 0;--_ui5_step_input_button_right: 0;--_ui5_step_input_input_border_focused_after: var(--_ui5_input_focus_border_width) dotted var(--sapContent_FocusColor);--_ui5_step_input_input_border_top_bottom_focused_after: .0625rem;--_ui5_step_input_input_border_radius_focused_after: 0;--_ui5_step_input_input_information_border_color_focused_after: var(--sapField_BorderColor);--_ui5_step_input_input_warning_border_color_focused_after: var(--sapField_BorderColor);--_ui5_step_input_input_success_border_color_focused_after: var(--sapField_BorderColor);--_ui5_step_input_input_error_border_color_focused_after: var(--sapField_BorderColor);--_ui5_step_input_disabled_button_background: var(--sapField_ReadOnly_Background);--_ui5_step_input_border_color_hover: var(--sapField_Hover_Background);--_ui5_step_input_border_hover: 1px solid var(--sapField_Hover_BorderColor);--_ui5_input_input_background_color: var(--sapField_InvalidBackground);--_ui5_step_input_min_width: var(--_ui5-compact-size, 6rem) var(--_ui5-cozy-size, 7.25rem);--_ui5_step_input_padding: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 2.5rem);--_ui5_calendar_height: var(--_ui5-compact-size, 18rem) var(--_ui5-cozy-size, 24.5rem);--_ui5_calendar_width: var(--_ui5-compact-size, 17.75rem) var(--_ui5-cozy-size, 20rem);--_ui5_calendar_left_right_padding: var(--_ui5-compact-size, .25rem) var(--_ui5-cozy-size, .5rem);--_ui5_calendar_top_bottom_padding: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, 1rem);--_ui5_calendar_header_height: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 3rem);--_ui5_calendar_header_arrow_button_width: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 2.5rem);--_ui5_calendar_header_padding: var(--_ui5-compact-size, 0) var(--_ui5-cozy-size, .25rem 0);--_ui5_calendar_multiple_layout: row;--_ui5_calendar_multiple_gap: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, 1rem);--_ui5_calendar_multiple_width: var(--_ui5-compact-size, calc((var(--_ui5_calendar_width) * 2) + (var(--_ui5_calendar_left_right_padding) * 2))) var(--_ui5-cozy-size, calc((var(--_ui5_calendar_width) * 2) + (var(--_ui5_calendar_left_right_padding) * 2)));--_ui5_calendar_overlay_top: var(--_ui5-compact-size, 54%) var(--_ui5-cozy-size, 57%);--_ui5_calendar_overlay_width: var(--_ui5-compact-size, 100%) var(--_ui5-cozy-size, 16rem);--_ui5_checkbox_root_side_padding: var(--_ui5-compact-size, var(--_ui5_checkbox_wrapped_focus_padding)) var(--_ui5-cozy-size, .6875rem);--_ui5_checkbox_icon_size: var(--_ui5-compact-size, .75rem) var(--_ui5-cozy-size, 1rem);--_ui5_checkbox_partially_icon_size: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, .75rem);--_ui5_custom_list_item_rb_min_width: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 2.75rem);--_ui5_day_picker_item_width: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 2.25rem);--_ui5_day_picker_item_height: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 2.875rem);--_ui5_day_picker_empty_height: var(--_ui5-compact-size, 2.125rem) var(--_ui5-cozy-size, 3rem);--_ui5_day_picker_item_justify_content: var(--_ui5-compact-size, flex-end) var(--_ui5-cozy-size, space-between);--_ui5_dp_item_withsecondtype_font_size: var(--_ui5-compact-size, var(--sapFontSmallSize)) var(--_ui5-cozy-size, var(--sapFontSize));--_ui5_daypicker_item_now_selected_two_calendar_focus_special_day_top: var(--_ui5-compact-size, 1.125rem) var(--_ui5-cozy-size, 2rem);--_ui5_daypicker_item_now_selected_two_calendar_focus_special_day_right: var(--_ui5-compact-size, 1.125rem) var(--_ui5-cozy-size, 1.4375rem);--_ui5_dp_two_calendar_item_secondary_text_height: var(--_ui5-compact-size, .75rem) var(--_ui5-cozy-size, 1rem);--_ui5_dp_two_calendar_item_text_padding_top: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, .4375rem);--_ui5_dp_two_calendar_item_secondary_text_padding_block: var(--_ui5-compact-size, 0 .625rem) var(--_ui5-cozy-size, 0 .5rem);--_ui5_dp_two_calendar_item_secondary_text_padding: var(--_ui5-compact-size, 0 .375rem) var(--_ui5-cozy-size, 0 .5rem);--_ui5_daypicker_item_now_selected_two_calendar_focus_secondary_text_padding_block: var(--_ui5-compact-size, 0 1rem) var(--_ui5-cozy-size, 0 .5rem);--_ui5_daypicker_two_calendar_item_selected_focus_margin_bottom: var(--_ui5-compact-size, -.25rem) var(--_ui5-cozy-size, 0);--_ui5_daypicker_two_calendar_item_selected_focus_padding_right: var(--_ui5-compact-size, .4375rem) var(--_ui5-cozy-size, .4375rem);--_ui5_calendar_multiple_months_height: var(--_ui5-compact-size, var(--_ui5_calendar_height)) var(--_ui5-cozy-size, var(--_ui5_calendar_height));--_ui5-calendar-legend-item-root-focus-offset: -.125rem;--_ui5-calendar-legend-item-box-inner-margin: .5rem;--_ui5_color_picker_slider_progress_container_height: var(--_ui5-compact-size, 1.125rem) var(--_ui5-cozy-size, 1.625rem);--_ui5_color_picker_slider_container_margin_top: var(--_ui5-compact-size, -.375rem) var(--_ui5-cozy-size, -.5rem);--_ui5_color_picker_slider_handle_height: var(--_ui5-compact-size, 1.5rem) var(--_ui5-cozy-size, 2rem);--_ui5_color_picker_slider_handle_width: var(--_ui5-compact-size, .9375rem) var(--_ui5-cozy-size, 1.0625rem);--_ui5_color_picker_slider_handle_after_height: var(--_ui5-compact-size, 1.25rem) var(--_ui5-cozy-size, 1.75rem);--_ui5_color_picker_slider_handle_focus_height: var(--_ui5-compact-size, 1.625rem) var(--_ui5-cozy-size, 2.125rem);--_ui5_color_picker_colors_wrapper_height: var(--_ui5-compact-size, 1.5rem) var(--_ui5-cozy-size, 2.25rem);--_ui5_color_picker_sliders_height: var(--_ui5-compact-size, 2.25rem) var(--_ui5-cozy-size, 3rem);--_ui5_color_picker_main_color_margin_bottom: var(--_ui5-compact-size, .75rem) var(--_ui5-cozy-size, 1rem);--_ui5_color_picker_slider_spacing: var(--_ui5-compact-size, .8125rem) var(--_ui5-cozy-size, .9375rem);--_ui5_color_channel_toggle_button_width: var(--_ui5-compact-size, 1.375rem) var(--_ui5-cozy-size, 1.625rem);--_ui5_color_channel_toggle_button_margin-top: var(--_ui5-compact-size, -.9375rem) var(--_ui5-cozy-size, -.75rem);--_ui5_color_channel_hex_input_width: var(--_ui5-compact-size, 4.625rem) var(--_ui5-cozy-size, 4.8125rem);--_ui5-color_channel_margin_top: var(--_ui5-compact-size, 0rem) var(--_ui5-cozy-size, .25rem);--_ui5_color-palette-item-height: var(--_ui5-compact-size, 1.25rem) var(--_ui5-cozy-size, 1.75rem);--_ui5_color-palette-item-hover-height: var(--_ui5-compact-size, 1.625rem) var(--_ui5-cozy-size, 2.375rem);--_ui5_color-palette-item-margin: var(--_ui5-compact-size, calc((var(--_ui5_color-palette-item-hover-height) - var(--_ui5_color-palette-item-height)) / 2)) var(--_ui5-cozy-size, calc((var(--_ui5_color-palette-item-hover-height) - var(--_ui5_color-palette-item-height)) / 2));--_ui5_color-palette-row-width: var(--_ui5-compact-size, 8.125rem) var(--_ui5-cozy-size, 12rem);--_ui5_color-palette-swatch-container-padding: var(--_ui5-compact-size, .1875rem .8125rem) var(--_ui5-cozy-size, .3125rem .6875rem);--_ui5_datetime_picker_width: var(--_ui5-compact-size, 35.5rem) var(--_ui5-cozy-size, 40.0625rem);--_ui5_datetime_picker_height: var(--_ui5-compact-size, 20.5rem) var(--_ui5-cozy-size, 25rem);--_ui5_datetime_timeview_width: var(--_ui5-compact-size, 17rem) var(--_ui5-cozy-size, 17rem);--_ui5_datetime_timeview_phonemode_width: var(--_ui5-compact-size, 18.5rem) var(--_ui5-cozy-size, 19.5rem);--_ui5_datetime_timeview_phonemode_clocks_width: var(--_ui5-compact-size, 21.125rem) var(--_ui5-cozy-size, 24.5rem);--_ui5_datetime_dateview_phonemode_margin_bottom: var(--_ui5-compact-size, 3.125rem) var(--_ui5-cozy-size, 0);--_ui5_popup_footer_height: var(--_ui5-compact-size, 2.5rem) var(--_ui5-cozy-size, 2.75rem);--_ui5_dialog_content_min_height: var(--_ui5-compact-size, 2.5rem) var(--_ui5-cozy-size, 2.75rem);--_ui5_input_inner_padding: var(--_ui5-compact-size, 0 .5rem) var(--_ui5-cozy-size, 0 .625rem);--_ui5_input_inner_padding_with_icon: var(--_ui5-compact-size, 0 .25rem 0 .5rem) var(--_ui5-cozy-size, 0 .25rem 0 .625rem);--_ui5_input_inner_space_to_tokenizer: var(--_ui5-compact-size, .125rem) var(--_ui5-cozy-size, .125rem);--_ui5_input_inner_space_to_n_more_text: var(--_ui5-compact-size, .25rem) var(--_ui5-cozy-size, .3125rem);--_ui5_input_inner_with_tokenizer_padding_inline_end: var(--_ui5-compact-size, .25rem) var(--_ui5-cozy-size, .3125rem);--_ui5_list_no_data_height: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 3rem);--_ui5_list_item_cb_margin_right: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, 0);--_ui5_list_item_title_size: var(--_ui5-compact-size, var(--sapFontSize)) var(--_ui5-cozy-size, var(--sapFontLargeSize));--_ui5_list_no_data_font_size: var(--_ui5-compact-size, var(--sapFontSize)) var(--_ui5-cozy-size, var(--sapFontLargeSize));--_ui5_list_item_img_size: 3rem;--_ui5_list_item_img_top_margin: var(--_ui5-compact-size, .55rem) var(--_ui5-cozy-size, .5rem);--_ui5_list_item_img_bottom_margin: .5rem;--_ui5_list_item_img_hn_margin: .75rem;--_ui5_list_item_dropdown_base_height: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 2.5rem);--_ui5_list_item_base_height: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, var(--sapElement_LineHeight));--_ui5_list_item_base_padding: var(--_ui5-compact-size, 0 1rem) var(--_ui5-cozy-size, 0 1rem);--_ui5_list_item_icon_size: var(--_ui5-compact-size, 1rem) var(--_ui5-cozy-size, 1.125rem);--_ui5_list_item_icon_padding-inline-end: .75rem;--_ui5_list_item_selection_btn_margin_top: var(--_ui5-compact-size, calc(-1 * var(--_ui5_checkbox_wrapper_padding))) var(--_ui5-cozy-size, calc(-1 * var(--_ui5_checkbox_wrapper_padding)));--_ui5_list_item_content_vertical_offset: var(--_ui5-compact-size, calc((var(--_ui5_list_item_base_height) - var(--_ui5_list_item_title_size)) / 2)) var(--_ui5-cozy-size, calc((var(--_ui5_list_item_base_height) - var(--_ui5_list_item_title_size)) / 2));--_ui5_group_header_list_item_height: 2.75rem;--_ui5_month_picker_item_height: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 3rem);--_ui5_form_item_min_height: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 2.813rem);--_ui5_form_item_padding: var(--_ui5-compact-size, .25rem) var(--_ui5-cozy-size, .65rem);--_ui5-form-group-heading-height: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 2.75rem);--_ui5_popup_default_header_height: var(--_ui5-compact-size, 2.5rem) var(--_ui5-cozy-size, 2.75rem);--_ui5_year_picker_item_height: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 3rem);--_ui5_token_height: var(--_ui5-compact-size, 1.25rem) var(--_ui5-cozy-size, 1.625rem);--_ui5_token_icon_size: var(--_ui5-compact-size, .75rem) var(--_ui5-cozy-size, .75rem);--_ui5_token_icon_padding: var(--_ui5-compact-size, .375rem .375rem) var(--_ui5-cozy-size, .25rem .5rem);--_ui5_tc_item_text: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 3rem);--_ui5_tc_item_height: var(--_ui5-compact-size, 4rem) var(--_ui5-cozy-size, 4.75rem);--_ui5_tc_item_text_only_height: 2.75rem;--_ui5_tc_item_text_only_with_additional_text_height: 3.75rem;--_ui5_tc_item_text_line_height: var(--_ui5-compact-size, 1.325rem) var(--_ui5-cozy-size, 1.325rem);--_ui5_tc_item_icon_circle_size: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 2.75rem);--_ui5_tc_item_icon_size: var(--_ui5-compact-size, 1rem) var(--_ui5-cozy-size, 1.25rem);--_ui5_tc_item_add_text_margin_top: var(--_ui5-compact-size, .3125rem) var(--_ui5-cozy-size, .375rem);--_ui5_radio_button_label_side_padding: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, .6875rem);--_ui5_radio_button_inner_size: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 2.75rem);--_ui5_radio_button_svg_size: var(--_ui5-compact-size, 1.1429em) var(--_ui5-cozy-size, 1.5714em);--_ui5-responsive_popover_header_height: var(--_ui5-compact-size, 2.5rem) var(--_ui5-cozy-size, 2.75rem);--_ui5-tree-indent-step: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, 1.5rem);--_ui5-tree-toggle-box-width: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 2.75rem);--_ui5-tree-toggle-box-height: var(--_ui5-compact-size, 1.5rem) var(--_ui5-cozy-size, 2.25rem);--_ui5-tree-toggle-icon-size: var(--_ui5-compact-size, .8125rem) var(--_ui5-cozy-size, 1.0625rem);--_ui5_split_button_middle_separator_top: -.0625rem;--_ui5_split_button_middle_separator_height: var(--_ui5-compact-size, 1.625rem) var(--_ui5-cozy-size, 2.25rem);--_ui5-toolbar-separator-height: var(--_ui5-compact-size, 1.5rem) var(--_ui5-cozy-size, 2rem);--_ui5-toolbar-height: var(--_ui5-compact-size, var(--sapElement_Compact_LineHeight)) var(--_ui5-cozy-size, var(--sapElement_LineHeight));--_ui5_toolbar_overflow_padding: var(--_ui5-compact-size, .1875rem .375rem) var(--_ui5-cozy-size, .25rem .5rem);--_ui5_dynamic_page_title_actions_separator_height: var(--_ui5-compact-size, var(--_ui5-toolbar-separator-height)) var(--_ui5-cozy-size, var(--_ui5-toolbar-separator-height));--_ui5-shellbar-separator-height: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 2rem);--___ui5-test-cozy-only: red;--___ui5-test-both: var(--_ui5-compact-size, blue) var(--_ui5-cozy-size, red);--___ui5-test-compact-only: var(--_ui5-compact-size, blue) var(--_ui5-cozy-size, var(--_ui5-f2d95f8));--_ui5_slider_tooltip_height: var(--_ui5-compact-size, 1rem) var(--_ui5-cozy-size, var(--_ui5-f2d95f8));--_ui5_slider_tooltip_padding: var(--_ui5-compact-size, .25rem) var(--_ui5-cozy-size, var(--_ui5-f2d95f8));--_ui5_rotation_90deg: rotate(90deg);--_ui5_rotation_minus_90deg: rotate(-90deg);--_ui5_icon_transform_scale: none;--_ui5_panel_toggle_btn_rotation: var(--_ui5_rotation_90deg);--_ui5_popover_upward_arrow_margin: .1875rem 0 0 .1875rem;--_ui5_popover_right_arrow_margin: .1875rem 0 0 -.375rem;--_ui5_popover_downward_arrow_margin: -.375rem 0 0 .125rem;--_ui5_popover_left_arrow_margin: .125rem 0 0 .25rem;--_ui5_dialog_resize_cursor: se-resize;--_ui5_progress_indicator_remaining_bar_border_radius: 0 .5rem .5rem 0;--_ui5_menu_submenu_margin_offset: -.25rem 0}
|
|
2
2
|
:dir(rtl){--_ui5_icon_transform_scale: scale(-1, 1);--_ui5_panel_toggle_btn_rotation: var(--_ui5_rotation_minus_90deg);--_ui5_popover_upward_arrow_margin: .1875rem .125rem 0 0;--_ui5_popover_right_arrow_margin: .1875rem .25rem 0 0;--_ui5_popover_downward_arrow_margin: -.4375rem .125rem 0 0;--_ui5_popover_left_arrow_margin: .1875rem -.375rem 0 0;--_ui5_dialog_resize_cursor:sw-resize;--_ui5_progress_indicator_bar_border_radius: 0 .5rem .5rem 0;--_ui5_progress_indicator_remaining_bar_border_radius: .5rem 0 0 .5rem;--_ui5_menu_submenu_margin_offset: 0 -.25rem;--_ui5_segmented_btn_item_border_left: .0625rem;--_ui5_segmented_btn_item_border_right: 0px}
|