npm - @sapudex/web-components - Versions diffs - 0.226.0 → 0.226.1 - Mend

@sapudex/web-components 0.226.0 → 0.226.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (53) hide show

package/dist/PhoneNumberField.d.ts +1 -0
package/dist/PhoneNumberField.js +15 -1
package/dist/PhoneNumberField.js.map +1 -1
package/dist/assets/{bundle-7a4a3e16.css → bundle-4420b745.css} +1 -1
package/dist/assets/{bundle.esm-740278cc.js → bundle.esm-a49b6527.js} +83 -83
package/dist/css/themes/Button.css +1 -1
package/dist/css/themes/Checkbox.css +1 -1
package/dist/css/themes/RadioButton.css +1 -1
package/dist/css/themes/RatingIndicator.css +1 -1
package/dist/css/themes/Search.css +1 -1
package/dist/css/themes/Slider.css +1 -1
package/dist/css/themes/Tooltip.css +1 -1
package/dist/css/themes/WizardTab.css +1 -1
package/dist/custom-elements-internal.json +64 -64
package/dist/custom-elements.json +64 -64
package/dist/generated/templates/FilterMenuTemplate.lit.js +1 -1
package/dist/generated/templates/FilterMenuTemplate.lit.js.map +1 -1
package/dist/generated/themes/Button.css.js +1 -1
package/dist/generated/themes/Button.css.js.map +1 -1
package/dist/generated/themes/Checkbox.css.js +1 -1
package/dist/generated/themes/Checkbox.css.js.map +1 -1
package/dist/generated/themes/RadioButton.css.js +1 -1
package/dist/generated/themes/RadioButton.css.js.map +1 -1
package/dist/generated/themes/RatingIndicator.css.js +1 -1
package/dist/generated/themes/RatingIndicator.css.js.map +1 -1
package/dist/generated/themes/Search.css.js +1 -1
package/dist/generated/themes/Search.css.js.map +1 -1
package/dist/generated/themes/Slider.css.js +1 -1
package/dist/generated/themes/Slider.css.js.map +1 -1
package/dist/generated/themes/Tooltip.css.js +1 -1
package/dist/generated/themes/Tooltip.css.js.map +1 -1
package/dist/generated/themes/WizardTab.css.js +1 -1
package/dist/generated/themes/WizardTab.css.js.map +1 -1
package/dist/web-types.json +1 -1
package/package.json +1 -1
package/src/FilterMenu.hbs +1 -0
package/src/PhoneNumberField.ts +21 -2
package/src/generated/templates/FilterMenuTemplate.lit.ts +1 -1
package/src/generated/themes/Button.css.ts +1 -1
package/src/generated/themes/Checkbox.css.ts +1 -1
package/src/generated/themes/RadioButton.css.ts +1 -1
package/src/generated/themes/RatingIndicator.css.ts +1 -1
package/src/generated/themes/Search.css.ts +1 -1
package/src/generated/themes/Slider.css.ts +1 -1
package/src/generated/themes/Tooltip.css.ts +1 -1
package/src/generated/themes/WizardTab.css.ts +1 -1
package/src/themes/Button.css +9 -5
package/src/themes/Checkbox.css +2 -0
package/src/themes/RadioButton.css +5 -0
package/src/themes/Search.css +1 -0
package/src/themes/Tooltip.css +1 -1
package/src/themes/WizardTab.css +5 -0
package/cypress/screenshots/AccordionItem.cy.tsx/AccordionItem -- can be clicked via keyboard using Space (failed).png +0 -0

package/dist/PhoneNumberField.d.ts CHANGED Viewed

@@ -206,6 +206,7 @@ declare class UDExPhoneNumberField extends UI5Element {
     handleSelect(e: CustomEvent): void;
     handleDropdownOpen(): void;
     handleDropdownClose(): void;
+    calculateMaxLength(prefix: string, mask: string): number;
     autoSelectCountry(value: string): void;
     applyPhoneMask(): void;
     applyPlaceholder(): void;

package/dist/PhoneNumberField.js CHANGED Viewed

@@ -39,6 +39,10 @@ export var FieldState;
     FieldState["Error"] = "Error";
 })(FieldState || (FieldState = {}));
 const initialPlaceholder = "+X XXX-XXX-XXXX";
+/**
+ * Maximum number of possible digits based on international standard https://en.wikipedia.org/wiki/E.164
+ */
+const digitsLimit = 15;
 /**
  * @class
  *
@@ -184,6 +188,12 @@ let UDExPhoneNumberField = UDExPhoneNumberField_1 = class UDExPhoneNumberField e
         this.buttonIcon = OpenButtonIcon.iconDown;
         this._dropdownExpanded = false;
     }
+    calculateMaxLength(prefix, mask) {
+        const prefixNonDigitCount = prefix.replace(/[\d]/g, "").length;
+        const maskNonDigitCount = mask.replace(/X/g, "").length;
+        const maxLength = digitsLimit + prefixNonDigitCount + maskNonDigitCount;
+        return maxLength;
+    }
     autoSelectCountry(value) {
         const countryToSelect = this.updatedCountriesList.find(country => {
             const valuePhonePrefix = value.substring(0, country.phonePrefix.length);
@@ -193,7 +203,7 @@ let UDExPhoneNumberField = UDExPhoneNumberField_1 = class UDExPhoneNumberField e
             this.autoSelectedIso = countryToSelect.iso;
         }
         if (this.selectedPhonePrefix && this.selectedPlaceholder) {
-            this.maxlength = this.selectedPhonePrefix.length + this.selectedPlaceholder.length;
+            this.maxlength = this.calculateMaxLength(this.selectedPhonePrefix, this.selectedPlaceholder);
         }
     }
     applyPhoneMask() {
@@ -205,6 +215,7 @@ let UDExPhoneNumberField = UDExPhoneNumberField_1 = class UDExPhoneNumberField e
         if (isNewPrefixEntered) {
             return;
         }
+        const maskLength = this.selectedPhonePrefix.length + this.selectedPlaceholder.length;
         const mask = this.selectedPhonePrefix + this.selectedPlaceholder;
         const maskSymbols = [" ", "-", "(", ")"];
         const valueWithMask = this.value.split("").map((char, index) => {
@@ -219,6 +230,9 @@ let UDExPhoneNumberField = UDExPhoneNumberField_1 = class UDExPhoneNumberField e
             }
             return char;
         }).join("");
+        if (this.value.length >= maskLength) {
+            return;
+        }
         this.value = valueWithMask;
         if (this.value.length > this.maxlength) {
             this.value = this.value.substring(0, this.maxlength);

package/dist/PhoneNumberField.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PhoneNumberField.js","sourceRoot":"","sources":["../src/PhoneNumberField.ts"],"names":[],"mappings":"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","sourcesContent":["import UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport Integer from \"@ui5/webcomponents-base/dist/types/Integer.js\";\nimport event from \"@ui5/webcomponents-base/dist/decorators/event.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport { getI18nBundle } from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport ResizeHandler, { ResizeObserverCallback } from \"@ui5/webcomponents-base/dist/delegate/ResizeHandler.js\";\nimport { isDesktop } from \"@ui5/webcomponents-base/dist/Device.js\";\nimport {\n COUNTRY_SELECT, READ_ONLY, VALUE_STATE_ERROR, VALUE_STATE_INFORMATION, VALUE_STATE_SUCCESS, VALUE_STATE_WARNING,\n} from \"./generated/i18n/i18n-defaults.js\";\nimport { Country, CountryListDB } from \"./data/CountryListISO3166.js\";\nimport UDExDropdown from \"./Dropdown.js\";\nimport UDExList from \"./List.js\";\nimport UDExListItem from \"./ListItem.js\";\nimport UDExButton from \"./Button.js\";\nimport UDExStatusMessage from \"./StatusMessage.js\";\n\nimport \"@ui5/webcomponents/dist/Icon.js\";\nimport \"@ui5/webcomponents-icons/dist/slim-arrow-up.js\";\nimport \"@ui5/webcomponents-icons/dist/slim-arrow-down.js\";\n\nimport PhoneNumberFieldTemplate from \"./generated/templates/PhoneNumberFieldTemplate.lit.js\";\n\n// Styles\nimport PhoneNumberFieldCss from \"./generated/themes/PhoneNumberField.css.js\";\n\nexport interface ExtendedCountriesListPhoneNumberData extends Country {\n selected?: boolean;\n}\n\nexport enum OpenButtonIcon {\n iconUp = \"slim-arrow-up\",\n iconDown = \"slim-arrow-down\",\n}\n\nexport enum FieldState {\n Standard = \"Standard\",\n Success = \"Success\",\n Error = \"Error\",\n}\n\nconst initialPlaceholder: string = \"+X XXX-XXX-XXXX\";\n\n/*\n @class\n \n @constructor\n * @extends UI5Element\n * @tagname udex-phone-number-field\n * @public\n /\n@customElement({\n tag: \"udex-phone-number-field\",\n renderer: litRender,\n styles: PhoneNumberFieldCss,\n template: PhoneNumberFieldTemplate,\n dependencies: [\n UDExDropdown,\n UDExList,\n UDExListItem,\n UDExButton,\n UDExStatusMessage,\n ],\n})\n/\n Fired when the value of the component changes at each keystroke.\n \n @public\n /\n@event(\"input\")\n/\n Fired when the input operation has finished by pressing Enter or on focusout.\n \n @public\n /\n@event(\"change\")\nclass UDExPhoneNumberField extends UI5Element {\n /\n Defines label text for the textarea field.\n \n @default \"\"\n * @public\n /\n @property({ type: String, defaultValue: \"\" })\n label!: string;\n\n /\n Defines the value state of the component.\n \n @default \"Standard\"\n * @public\n /\n @property({ type: FieldState, defaultValue: FieldState.Standard })\n fieldState!: `${FieldState}`;\n\n /\n Defines supporting text under the input field.\n \n @default \"\"\n * @public\n /\n @property({ type: String, defaultValue: \"\" })\n supportingText!: string;\n\n /\n Defines whether the component is required.\n \n @default false\n * @public\n /\n @property({ type: Boolean })\n required!: boolean;\n\n /\n Defines whether the component is in disabled state.\n * <br><br>\n * <b>Note:</b> A disabled component is completely noninteractive.\n \n @default false\n * @public\n /\n @property({ type: Boolean })\n disabled!: boolean;\n\n /\n Defines whether the component is read-only.\n * <br><br>\n * <b>Note:</b> A read-only component is not editable,\n * but still provides visual feedback upon user interaction.\n \n @default false\n * @public\n /\n @property({ type: Boolean })\n readonly!: boolean;\n\n /\n Defines whether the component is display-only.\n * <br><br>\n * <b>Note:</b> A display-only component is not editable,\n * but still provides visual feedback upon user interaction, input border is not visible.\n \n @default false\n * @public\n /\n @property({ type: Boolean })\n displayonly!: boolean;\n\n /\n Defines the country iso code selected by the user\n * <br><br>\n * Note: should be used two-letter country codes, e.g.: \"DE\" \| \"PL\" \| \"UA\" \| \"US\"\n \n @default \"\"\n * @public\n /\n @property({ type: String, defaultValue: \"\" })\n selectedIso!: string;\n\n /\n Defines the autoselected country iso code\n \n @default \"\"\n * @private\n /\n @property({ type: String, noAttribute: true, defaultValue: \"\" })\n autoSelectedIso!: string;\n\n /\n Allows to define the list of blocked country.\n \n @default \"\"\n * @public\n /\n @property({ type: String })\n blockedCountryCodes?: string;\n\n /\n Allows control over the height.\n \n @public\n /\n @property({ type: String })\n height?: string;\n\n /\n Defines the value of the component.\n \n @default \"\"\n /\n @property({ type: String, defaultValue: \"\" })\n value!: string;\n\n /\n Defines the open button icon\n \n @private\n /\n @property({ type: String, noAttribute: true, defaultValue: OpenButtonIcon.iconDown })\n buttonIcon!: string;\n\n /\n Defines the open button icon\n \n @private\n /\n @property({ type: Boolean, noAttribute: true })\n _dropdownExpanded!: boolean;\n\n /\n Defines the phone format of the input\n \n @private\n /\n @property({ type: String, defaultValue: initialPlaceholder, noAttribute: true })\n phoneFormat!: string;\n\n /\n Defines the maxlength of the input\n \n @private\n /\n @property({ validator: Integer })\n maxlength!: number;\n\n /\n Defines the accessible ARIA name of the component.\n \n @default \"\"\n * @public\n /\n @property()\n accessibleName!: string;\n\n /\n Receives id (or many ids) of the elements that label the component.\n * @default \"\"\n * @public\n /\n @property({ defaultValue: \"\" })\n accessibleNameRef!: string;\n\n /\n Defines the allowed keys for the input\n \n @private\n /\n @property({ type: String, multiple: true, noAttribute: true })\n allowedKeys: string[] = [\n \"Backspace\",\n \"Delete\",\n \"ArrowLeft\",\n \"ArrowRight\",\n \"Tab\",\n \"Enter\",\n \"Home\",\n \"End\",\n \"Escape\",\n ];\n\n /\n Keeps the value of previously pressed key\n \n @private\n /\n @property({ type: String, multiple: false, noAttribute: true })\n previousKey!: string;\n\n /\n Defines the active (focus)\n * @default false\n * @private\n /\n @property({ type: Boolean })\n active!: boolean;\n\n /\n Defines is it the touch of the input field (only for mobile devices).\n * @default false\n * @private\n */\n @property({ type: Boolean })\n _isTouched!: boolean;\n\n static i18nBundle: I18nBundle;\n _dropdown!: UDExDropdown;\n _dropdownList!: UDExList;\n _handleResizeBound: ResizeObserverCallback;\n\n static async onDefine() {\n UDExPhoneNumberField.i18nBundle = await getI18nBundle(\"@sapudex/web-components\");\n }\n\n get countrySelectorAriaLabel() {\n return this.accessibleName \|\| `${UDExPhoneNumberField.i18nBundle.getText(COUNTRY_SELECT)} ${this.label}`.trim();\n }\n\n get countryIso() {\n return this.selectedIso \|\| this.autoSelectedIso;\n }\n\n countriesList: ExtendedCountriesListPhoneNumberData[] = CountryListDB;\n\n constructor() {\n super();\n this._handleResizeBound = this._handleResize.bind(this);\n }\n\n onEnterDOM(): void {\n ResizeHandler.register(this, this._handleResizeBound);\n }\n\n onExitDOM(): void {\n ResizeHandler.deregister(this, this._handleResizeBound);\n }\n\n onAfterRendering() {\n this._dropdown = this.getDropdown();\n this._dropdownList = this.getDropdownList();\n if (this.countryIso) {\n this._dropdownList.focusSelectedItem();\n }\n }\n\n onClick(): void {\n if (this.isButtonDisabled) {\n return;\n }\n const button = this.getButton();\n const dropdown = this.getDropdown();\n\n if (dropdown.open) {\n dropdown.onClose();\n } else {\n dropdown.onOpen(button);\n }\n }\n\n _handleResize() {\n this._dropdown.style.setProperty(\"--udex-dropdown-pane-width\", `${this.offsetWidth}px`);\n }\n\n handleInput(e: InputEvent) {\n this.value = (e.target as HTMLInputElement)?.value.trim();\n this.applyPhoneMask();\n\n if (!this.value.startsWith(this.selectedPhonePrefix)) {\n this.selectedIso = \"\";\n }\n\n if (this.value.length === 0 \|\| this.value === \"+\") {\n this.autoSelectedIso = \"\";\n this.selectedIso = \"\";\n }\n\n this.fireEvent(\"input\");\n }\n\n handleChange() {\n this.fireEvent(\"change\");\n }\n\n handleKeyDown = (e: KeyboardEvent) => {\n const isKeyAllowed = e.key.match(/\\d/)\n \|\| this.allowedKeys.includes(e.key)\n \|\| e.metaKey\n \|\| e.ctrlKey;\n\n if (!isKeyAllowed) {\n e.preventDefault();\n }\n\n e.stopPropagation();\n this.previousKey = e.key;\n };\n\n handleKeyUp() {\n if (this.isInputReadonly) {\n return;\n }\n\n this.value = this.value.replace(/[^\\d+ ()-]/g, \"\").trim();\n this.applyPhoneMask();\n }\n\n handleFocus() {\n this.active = !this.displayonly;\n if (this.countryIso.length === 0) {\n this.phoneFormat = initialPlaceholder;\n }\n\n if ((this.value.length === 0 \|\| this.value === \"+\") && !this.isInputReadonly) {\n this.value = this.selectedPhonePrefix;\n }\n }\n\n handleClick(): void {\n if (!isDesktop()) {\n this._isTouched = true;\n }\n }\n\n handleBlur() {\n this.active = false;\n this._isTouched = false;\n this.applyPlaceholder();\n\n const prefixLength = this.selectedPhonePrefix.length;\n const enteredPrefix = this.value.substring(0, prefixLength);\n const isIncorrectPrefixEntered = enteredPrefix !== this.selectedPhonePrefix;\n\n const isIncorrectNumberEntered = !this.countryIso \|\| this.value.length <= prefixLength \|\| isIncorrectPrefixEntered;\n if (isIncorrectNumberEntered) {\n this.value = \"\";\n }\n\n if (!this.isInputReadonly) {\n this.fireEvent(\"change\");\n }\n }\n\n handleSelect(e: CustomEvent) {\n const dropdown = this.getDropdown();\n\n dropdown.onClose();\n this.selectedIso = e.detail.item.id;\n this.applyPhoneMask();\n this.getInputField().focus();\n }\n\n handleDropdownOpen() {\n this.buttonIcon = OpenButtonIcon.iconUp;\n this._dropdownExpanded = true;\n }\n\n handleDropdownClose() {\n this.buttonIcon = OpenButtonIcon.iconDown;\n this._dropdownExpanded = false;\n }\n\n autoSelectCountry(value: string) {\n const countryToSelect = this.updatedCountriesList.find(country => {\n const valuePhonePrefix = value.substring(0, country.phonePrefix.length);\n\n return country.phonePrefix === valuePhonePrefix;\n });\n\n if (countryToSelect) {\n this.autoSelectedIso = countryToSelect.iso;\n }\n\n if (this.selectedPhonePrefix && this.selectedPlaceholder) {\n this.maxlength = this.selectedPhonePrefix.length + this.selectedPlaceholder.length;\n }\n }\n\n applyPhoneMask() {\n const isNewPrefixEntered = this.value.substring(0, this.selectedPhonePrefix.length) !== this.selectedPhonePrefix;\n if (this.value.split(\"\")[0] !== \"+\") {\n this.value = `+${this.value}`;\n }\n\n this.autoSelectCountry(this.value);\n\n if (isNewPrefixEntered) {\n return;\n }\n\n const mask = this.selectedPhonePrefix + this.selectedPlaceholder;\n const maskSymbols = [\" \", \"-\", \"(\", \")\"];\n\n const valueWithMask = this.value.split(\"\").map((char, index) => {\n if (maskSymbols.includes(char) && char === mask[index]) {\n return char;\n }\n if (maskSymbols.includes(char) && char !== mask[index]) {\n return \"\";\n }\n if (maskSymbols.includes(mask[index]) && char !== mask[index]) {\n return `${mask[index]}${char}`;\n }\n return char;\n }).join(\"\");\n\n this.value = valueWithMask;\n\n if (this.value.length > this.maxlength) {\n this.value = this.value.substring(0, this.maxlength);\n }\n }\n\n applyPlaceholder() {\n this.phoneFormat = this.countryIso.length > 0\n ? this.selectedPhonePrefix + this.selectedPlaceholder : initialPlaceholder;\n }\n\n getDropdownList(): UDExList {\n return this.shadowRoot!.querySelector<UDExList>(\n \"[udex-list]\",\n )!;\n }\n\n getDropdown(): UDExDropdown {\n return this.shadowRoot!.querySelector<UDExDropdown>(\n \"[udex-dropdown]\",\n )!;\n }\n\n getButton(): UDExButton {\n return this.shadowRoot!.querySelector<UDExButton>(\n \"[udex-button]\",\n )!;\n }\n\n getInputField() {\n return this.shadowRoot!.querySelector<HTMLFormElement>(\n \"input\",\n )!;\n }\n\n get inputTabIndex(): number \| undefined {\n return this.displayonly \|\| this.disabled ? -1 : undefined;\n }\n\n get selectedPhonePrefix(): string {\n if (!this.countryIso) {\n return \"\";\n }\n\n return this.updatedCountriesList.filter(country => country.iso === this.countryIso)[0]?.phonePrefix\n \|\| this.updatedCountriesList[0]?.phonePrefix;\n }\n\n get selectedPlaceholder(): string {\n if (!this.countryIso) {\n return \"\";\n }\n\n return this.updatedCountriesList.filter(country => country.iso === this.countryIso)[0]?.phoneFmt\n \|\| this.updatedCountriesList[0]?.phoneFmt;\n }\n\n get selectedCountryName(): string {\n if (!this.countryIso) {\n return \"None\";\n }\n\n return this.updatedCountriesList.filter(country => country.iso === this.countryIso)[0]?.countryName\n \|\| this.updatedCountriesList[0]?.countryName;\n }\n\n get selectedFlagBackgroundPosition() {\n if (!this.countryIso) {\n return {};\n }\n\n const selectedCountry = this.updatedCountriesList.filter(country => country.iso === this.countryIso)[0];\n\n if (!selectedCountry) {\n return {};\n }\n\n return { \"backgroundPosition\": `${selectedCountry.flagX} ${selectedCountry.flagY}` };\n }\n\n get ariaInvalid() {\n return this.fieldState === FieldState.Error ? \"true\" : null;\n }\n\n get isInputReadonly() {\n return this.readonly \|\| this.displayonly;\n }\n\n get isButtonDisabled() {\n return this.disabled \|\| this.isInputReadonly;\n }\n\n get updatedCountriesList(): ExtendedCountriesListPhoneNumberData[] {\n return this.countriesList.map(country => {\n if (country.selected) {\n delete country.selected;\n }\n\n if (country.iso === this.countryIso) {\n country.selected = true;\n }\n\n return country;\n });\n }\n\n get valueStateTypeMappings() {\n return {\n \"Success\": UDExPhoneNumberField.i18nBundle.getText(VALUE_STATE_SUCCESS),\n \"Standard\": UDExPhoneNumberField.i18nBundle.getText(VALUE_STATE_INFORMATION),\n \"Error\": UDExPhoneNumberField.i18nBundle.getText(VALUE_STATE_ERROR),\n \"Warning\": UDExPhoneNumberField.i18nBundle.getText(VALUE_STATE_WARNING),\n };\n }\n\n get hasValueState() {\n return this.fieldState !== FieldState.Standard;\n }\n\n get valueStateText() {\n return this.fieldState !== FieldState.Standard ? this.valueStateTypeMappings[this.fieldState] : undefined;\n }\n\n get readOnlyStateText() {\n return UDExPhoneNumberField.i18nBundle.getText(READ_ONLY);\n }\n\n get ariaDescribedById(): string {\n return `${this.supportingTextId} ${this.valueStateTextId} ${this.readOnlyStateTextId}`.trim();\n }\n\n get supportingTextId():string {\n return this.supportingText ? `${this._id}-supportingTextDesc` : \"\";\n }\n\n get valueStateTextId():string {\n return this.hasValueState ? `${this._id}-valueStateDesc` : \"\";\n }\n\n get readOnlyStateTextId():string {\n return this.readonly ? `${this._id}-stateReadOnlyDesc` : \"\";\n }\n\n onBeforeRendering() {\n this.applyPlaceholder();\n\n if (this.blockedCountryCodes?.length) {\n const blockedCountryCodesArray = this.blockedCountryCodes.split(\",\").map(code => code.trim().toUpperCase());\n this.countriesList = this.countriesList\n .filter(country => !blockedCountryCodesArray?.includes(country.iso.toUpperCase()));\n }\n }\n}\n\nUDExPhoneNumberField.define();\n\nexport default UDExPhoneNumberField;\n"]}
1	+ {"version":3,"file":"PhoneNumberField.js","sourceRoot":"","sources":["../src/PhoneNumberField.ts"],"names":[],"mappings":"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","sourcesContent":["import UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport Integer from \"@ui5/webcomponents-base/dist/types/Integer.js\";\nimport event from \"@ui5/webcomponents-base/dist/decorators/event.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport { getI18nBundle } from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport ResizeHandler, { ResizeObserverCallback } from \"@ui5/webcomponents-base/dist/delegate/ResizeHandler.js\";\nimport { isDesktop } from \"@ui5/webcomponents-base/dist/Device.js\";\nimport {\n COUNTRY_SELECT, READ_ONLY, VALUE_STATE_ERROR, VALUE_STATE_INFORMATION, VALUE_STATE_SUCCESS, VALUE_STATE_WARNING,\n} from \"./generated/i18n/i18n-defaults.js\";\nimport { Country, CountryListDB } from \"./data/CountryListISO3166.js\";\nimport UDExDropdown from \"./Dropdown.js\";\nimport UDExList from \"./List.js\";\nimport UDExListItem from \"./ListItem.js\";\nimport UDExButton from \"./Button.js\";\nimport UDExStatusMessage from \"./StatusMessage.js\";\n\nimport \"@ui5/webcomponents/dist/Icon.js\";\nimport \"@ui5/webcomponents-icons/dist/slim-arrow-up.js\";\nimport \"@ui5/webcomponents-icons/dist/slim-arrow-down.js\";\n\nimport PhoneNumberFieldTemplate from \"./generated/templates/PhoneNumberFieldTemplate.lit.js\";\n\n// Styles\nimport PhoneNumberFieldCss from \"./generated/themes/PhoneNumberField.css.js\";\n\nexport interface ExtendedCountriesListPhoneNumberData extends Country {\n selected?: boolean;\n}\n\nexport enum OpenButtonIcon {\n iconUp = \"slim-arrow-up\",\n iconDown = \"slim-arrow-down\",\n}\n\nexport enum FieldState {\n Standard = \"Standard\",\n Success = \"Success\",\n Error = \"Error\",\n}\n\nconst initialPlaceholder: string = \"+X XXX-XXX-XXXX\";\n/*\n Maximum number of possible digits based on international standard https://en.wikipedia.org/wiki/E.164\n /\nconst digitsLimit: number = 15;\n\n/\n @class\n \n @constructor\n * @extends UI5Element\n * @tagname udex-phone-number-field\n * @public\n /\n@customElement({\n tag: \"udex-phone-number-field\",\n renderer: litRender,\n styles: PhoneNumberFieldCss,\n template: PhoneNumberFieldTemplate,\n dependencies: [\n UDExDropdown,\n UDExList,\n UDExListItem,\n UDExButton,\n UDExStatusMessage,\n ],\n})\n/\n Fired when the value of the component changes at each keystroke.\n \n @public\n /\n@event(\"input\")\n/\n Fired when the input operation has finished by pressing Enter or on focusout.\n \n @public\n /\n@event(\"change\")\nclass UDExPhoneNumberField extends UI5Element {\n /\n Defines label text for the textarea field.\n \n @default \"\"\n * @public\n /\n @property({ type: String, defaultValue: \"\" })\n label!: string;\n\n /\n Defines the value state of the component.\n \n @default \"Standard\"\n * @public\n /\n @property({ type: FieldState, defaultValue: FieldState.Standard })\n fieldState!: `${FieldState}`;\n\n /\n Defines supporting text under the input field.\n \n @default \"\"\n * @public\n /\n @property({ type: String, defaultValue: \"\" })\n supportingText!: string;\n\n /\n Defines whether the component is required.\n \n @default false\n * @public\n /\n @property({ type: Boolean })\n required!: boolean;\n\n /\n Defines whether the component is in disabled state.\n * <br><br>\n * <b>Note:</b> A disabled component is completely noninteractive.\n \n @default false\n * @public\n /\n @property({ type: Boolean })\n disabled!: boolean;\n\n /\n Defines whether the component is read-only.\n * <br><br>\n * <b>Note:</b> A read-only component is not editable,\n * but still provides visual feedback upon user interaction.\n \n @default false\n * @public\n /\n @property({ type: Boolean })\n readonly!: boolean;\n\n /\n Defines whether the component is display-only.\n * <br><br>\n * <b>Note:</b> A display-only component is not editable,\n * but still provides visual feedback upon user interaction, input border is not visible.\n \n @default false\n * @public\n /\n @property({ type: Boolean })\n displayonly!: boolean;\n\n /\n Defines the country iso code selected by the user\n * <br><br>\n * Note: should be used two-letter country codes, e.g.: \"DE\" \| \"PL\" \| \"UA\" \| \"US\"\n \n @default \"\"\n * @public\n /\n @property({ type: String, defaultValue: \"\" })\n selectedIso!: string;\n\n /\n Defines the autoselected country iso code\n \n @default \"\"\n * @private\n /\n @property({ type: String, noAttribute: true, defaultValue: \"\" })\n autoSelectedIso!: string;\n\n /\n Allows to define the list of blocked country.\n \n @default \"\"\n * @public\n /\n @property({ type: String })\n blockedCountryCodes?: string;\n\n /\n Allows control over the height.\n \n @public\n /\n @property({ type: String })\n height?: string;\n\n /\n Defines the value of the component.\n \n @default \"\"\n /\n @property({ type: String, defaultValue: \"\" })\n value!: string;\n\n /\n Defines the open button icon\n \n @private\n /\n @property({ type: String, noAttribute: true, defaultValue: OpenButtonIcon.iconDown })\n buttonIcon!: string;\n\n /\n Defines the open button icon\n \n @private\n /\n @property({ type: Boolean, noAttribute: true })\n _dropdownExpanded!: boolean;\n\n /\n Defines the phone format of the input\n \n @private\n /\n @property({ type: String, defaultValue: initialPlaceholder, noAttribute: true })\n phoneFormat!: string;\n\n /\n Defines the maxlength of the input\n \n @private\n /\n @property({ validator: Integer })\n maxlength!: number;\n\n /\n Defines the accessible ARIA name of the component.\n \n @default \"\"\n * @public\n /\n @property()\n accessibleName!: string;\n\n /\n Receives id (or many ids) of the elements that label the component.\n * @default \"\"\n * @public\n /\n @property({ defaultValue: \"\" })\n accessibleNameRef!: string;\n\n /\n Defines the allowed keys for the input\n \n @private\n /\n @property({ type: String, multiple: true, noAttribute: true })\n allowedKeys: string[] = [\n \"Backspace\",\n \"Delete\",\n \"ArrowLeft\",\n \"ArrowRight\",\n \"Tab\",\n \"Enter\",\n \"Home\",\n \"End\",\n \"Escape\",\n ];\n\n /\n Keeps the value of previously pressed key\n \n @private\n /\n @property({ type: String, multiple: false, noAttribute: true })\n previousKey!: string;\n\n /\n Defines the active (focus)\n * @default false\n * @private\n /\n @property({ type: Boolean })\n active!: boolean;\n\n /\n Defines is it the touch of the input field (only for mobile devices).\n * @default false\n * @private\n */\n @property({ type: Boolean })\n _isTouched!: boolean;\n\n static i18nBundle: I18nBundle;\n _dropdown!: UDExDropdown;\n _dropdownList!: UDExList;\n _handleResizeBound: ResizeObserverCallback;\n\n static async onDefine() {\n UDExPhoneNumberField.i18nBundle = await getI18nBundle(\"@sapudex/web-components\");\n }\n\n get countrySelectorAriaLabel() {\n return this.accessibleName \|\| `${UDExPhoneNumberField.i18nBundle.getText(COUNTRY_SELECT)} ${this.label}`.trim();\n }\n\n get countryIso() {\n return this.selectedIso \|\| this.autoSelectedIso;\n }\n\n countriesList: ExtendedCountriesListPhoneNumberData[] = CountryListDB;\n\n constructor() {\n super();\n this._handleResizeBound = this._handleResize.bind(this);\n }\n\n onEnterDOM(): void {\n ResizeHandler.register(this, this._handleResizeBound);\n }\n\n onExitDOM(): void {\n ResizeHandler.deregister(this, this._handleResizeBound);\n }\n\n onAfterRendering() {\n this._dropdown = this.getDropdown();\n this._dropdownList = this.getDropdownList();\n if (this.countryIso) {\n this._dropdownList.focusSelectedItem();\n }\n }\n\n onClick(): void {\n if (this.isButtonDisabled) {\n return;\n }\n const button = this.getButton();\n const dropdown = this.getDropdown();\n\n if (dropdown.open) {\n dropdown.onClose();\n } else {\n dropdown.onOpen(button);\n }\n }\n\n _handleResize() {\n this._dropdown.style.setProperty(\"--udex-dropdown-pane-width\", `${this.offsetWidth}px`);\n }\n\n handleInput(e: InputEvent) {\n this.value = (e.target as HTMLInputElement)?.value.trim();\n this.applyPhoneMask();\n\n if (!this.value.startsWith(this.selectedPhonePrefix)) {\n this.selectedIso = \"\";\n }\n\n if (this.value.length === 0 \|\| this.value === \"+\") {\n this.autoSelectedIso = \"\";\n this.selectedIso = \"\";\n }\n\n this.fireEvent(\"input\");\n }\n\n handleChange() {\n this.fireEvent(\"change\");\n }\n\n handleKeyDown = (e: KeyboardEvent) => {\n const isKeyAllowed = e.key.match(/\\d/)\n \|\| this.allowedKeys.includes(e.key)\n \|\| e.metaKey\n \|\| e.ctrlKey;\n\n if (!isKeyAllowed) {\n e.preventDefault();\n }\n\n e.stopPropagation();\n this.previousKey = e.key;\n };\n\n handleKeyUp() {\n if (this.isInputReadonly) {\n return;\n }\n\n this.value = this.value.replace(/[^\\d+ ()-]/g, \"\").trim();\n this.applyPhoneMask();\n }\n\n handleFocus() {\n this.active = !this.displayonly;\n if (this.countryIso.length === 0) {\n this.phoneFormat = initialPlaceholder;\n }\n\n if ((this.value.length === 0 \|\| this.value === \"+\") && !this.isInputReadonly) {\n this.value = this.selectedPhonePrefix;\n }\n }\n\n handleClick(): void {\n if (!isDesktop()) {\n this._isTouched = true;\n }\n }\n\n handleBlur() {\n this.active = false;\n this._isTouched = false;\n this.applyPlaceholder();\n\n const prefixLength = this.selectedPhonePrefix.length;\n const enteredPrefix = this.value.substring(0, prefixLength);\n const isIncorrectPrefixEntered = enteredPrefix !== this.selectedPhonePrefix;\n\n const isIncorrectNumberEntered = !this.countryIso \|\| this.value.length <= prefixLength \|\| isIncorrectPrefixEntered;\n if (isIncorrectNumberEntered) {\n this.value = \"\";\n }\n\n if (!this.isInputReadonly) {\n this.fireEvent(\"change\");\n }\n }\n\n handleSelect(e: CustomEvent) {\n const dropdown = this.getDropdown();\n\n dropdown.onClose();\n this.selectedIso = e.detail.item.id;\n this.applyPhoneMask();\n this.getInputField().focus();\n }\n\n handleDropdownOpen() {\n this.buttonIcon = OpenButtonIcon.iconUp;\n this._dropdownExpanded = true;\n }\n\n handleDropdownClose() {\n this.buttonIcon = OpenButtonIcon.iconDown;\n this._dropdownExpanded = false;\n }\n\n calculateMaxLength(prefix: string, mask: string): number {\n const prefixNonDigitCount = prefix.replace(/[\\d]/g, \"\").length;\n const maskNonDigitCount = mask.replace(/X/g, \"\").length;\n\n const maxLength = digitsLimit + prefixNonDigitCount + maskNonDigitCount;\n\n return maxLength;\n }\n\n autoSelectCountry(value: string) {\n const countryToSelect = this.updatedCountriesList.find(country => {\n const valuePhonePrefix = value.substring(0, country.phonePrefix.length);\n\n return country.phonePrefix === valuePhonePrefix;\n });\n\n if (countryToSelect) {\n this.autoSelectedIso = countryToSelect.iso;\n }\n\n if (this.selectedPhonePrefix && this.selectedPlaceholder) {\n this.maxlength = this.calculateMaxLength(this.selectedPhonePrefix, this.selectedPlaceholder);\n }\n }\n\n applyPhoneMask() {\n const isNewPrefixEntered = this.value.substring(0, this.selectedPhonePrefix.length) !== this.selectedPhonePrefix;\n if (this.value.split(\"\")[0] !== \"+\") {\n this.value = `+${this.value}`;\n }\n\n this.autoSelectCountry(this.value);\n\n if (isNewPrefixEntered) {\n return;\n }\n\n const maskLength = this.selectedPhonePrefix.length + this.selectedPlaceholder.length;\n\n const mask = this.selectedPhonePrefix + this.selectedPlaceholder;\n const maskSymbols = [\" \", \"-\", \"(\", \")\"];\n\n const valueWithMask = this.value.split(\"\").map((char, index) => {\n if (maskSymbols.includes(char) && char === mask[index]) {\n return char;\n }\n if (maskSymbols.includes(char) && char !== mask[index]) {\n return \"\";\n }\n if (maskSymbols.includes(mask[index]) && char !== mask[index]) {\n return `${mask[index]}${char}`;\n }\n return char;\n }).join(\"\");\n\n if (this.value.length >= maskLength) {\n return;\n }\n\n this.value = valueWithMask;\n\n if (this.value.length > this.maxlength) {\n this.value = this.value.substring(0, this.maxlength);\n }\n }\n\n applyPlaceholder() {\n this.phoneFormat = this.countryIso.length > 0\n ? this.selectedPhonePrefix + this.selectedPlaceholder : initialPlaceholder;\n }\n\n getDropdownList(): UDExList {\n return this.shadowRoot!.querySelector<UDExList>(\n \"[udex-list]\",\n )!;\n }\n\n getDropdown(): UDExDropdown {\n return this.shadowRoot!.querySelector<UDExDropdown>(\n \"[udex-dropdown]\",\n )!;\n }\n\n getButton(): UDExButton {\n return this.shadowRoot!.querySelector<UDExButton>(\n \"[udex-button]\",\n )!;\n }\n\n getInputField() {\n return this.shadowRoot!.querySelector<HTMLFormElement>(\n \"input\",\n )!;\n }\n\n get inputTabIndex(): number \| undefined {\n return this.displayonly \|\| this.disabled ? -1 : undefined;\n }\n\n get selectedPhonePrefix(): string {\n if (!this.countryIso) {\n return \"\";\n }\n\n return this.updatedCountriesList.filter(country => country.iso === this.countryIso)[0]?.phonePrefix\n \|\| this.updatedCountriesList[0]?.phonePrefix;\n }\n\n get selectedPlaceholder(): string {\n if (!this.countryIso) {\n return \"\";\n }\n\n return this.updatedCountriesList.filter(country => country.iso === this.countryIso)[0]?.phoneFmt\n \|\| this.updatedCountriesList[0]?.phoneFmt;\n }\n\n get selectedCountryName(): string {\n if (!this.countryIso) {\n return \"None\";\n }\n\n return this.updatedCountriesList.filter(country => country.iso === this.countryIso)[0]?.countryName\n \|\| this.updatedCountriesList[0]?.countryName;\n }\n\n get selectedFlagBackgroundPosition() {\n if (!this.countryIso) {\n return {};\n }\n\n const selectedCountry = this.updatedCountriesList.filter(country => country.iso === this.countryIso)[0];\n\n if (!selectedCountry) {\n return {};\n }\n\n return { \"backgroundPosition\": `${selectedCountry.flagX} ${selectedCountry.flagY}` };\n }\n\n get ariaInvalid() {\n return this.fieldState === FieldState.Error ? \"true\" : null;\n }\n\n get isInputReadonly() {\n return this.readonly \|\| this.displayonly;\n }\n\n get isButtonDisabled() {\n return this.disabled \|\| this.isInputReadonly;\n }\n\n get updatedCountriesList(): ExtendedCountriesListPhoneNumberData[] {\n return this.countriesList.map(country => {\n if (country.selected) {\n delete country.selected;\n }\n\n if (country.iso === this.countryIso) {\n country.selected = true;\n }\n\n return country;\n });\n }\n\n get valueStateTypeMappings() {\n return {\n \"Success\": UDExPhoneNumberField.i18nBundle.getText(VALUE_STATE_SUCCESS),\n \"Standard\": UDExPhoneNumberField.i18nBundle.getText(VALUE_STATE_INFORMATION),\n \"Error\": UDExPhoneNumberField.i18nBundle.getText(VALUE_STATE_ERROR),\n \"Warning\": UDExPhoneNumberField.i18nBundle.getText(VALUE_STATE_WARNING),\n };\n }\n\n get hasValueState() {\n return this.fieldState !== FieldState.Standard;\n }\n\n get valueStateText() {\n return this.fieldState !== FieldState.Standard ? this.valueStateTypeMappings[this.fieldState] : undefined;\n }\n\n get readOnlyStateText() {\n return UDExPhoneNumberField.i18nBundle.getText(READ_ONLY);\n }\n\n get ariaDescribedById(): string {\n return `${this.supportingTextId} ${this.valueStateTextId} ${this.readOnlyStateTextId}`.trim();\n }\n\n get supportingTextId():string {\n return this.supportingText ? `${this._id}-supportingTextDesc` : \"\";\n }\n\n get valueStateTextId():string {\n return this.hasValueState ? `${this._id}-valueStateDesc` : \"\";\n }\n\n get readOnlyStateTextId():string {\n return this.readonly ? `${this._id}-stateReadOnlyDesc` : \"\";\n }\n\n onBeforeRendering() {\n this.applyPlaceholder();\n\n if (this.blockedCountryCodes?.length) {\n const blockedCountryCodesArray = this.blockedCountryCodes.split(\",\").map(code => code.trim().toUpperCase());\n this.countriesList = this.countriesList\n .filter(country => !blockedCountryCodesArray?.includes(country.iso.toUpperCase()));\n }\n }\n}\n\nUDExPhoneNumberField.define();\n\nexport default UDExPhoneNumberField;\n"]}

package/dist/assets/{bundle-7a4a3e16.css → bundle-4420b745.css} RENAMED Viewed

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