@sapudex/web-components 0.176.0 → 0.192.2

package/dist/TextArea.js

@@ -13,22 +13,16 @@ import getEffectiveScrollbarStyle from "@ui5/webcomponents-base/dist/util/getEff
 import Integer from "@ui5/webcomponents-base/dist/types/Integer.js";
 import { getI18nBundle } from "@ui5/webcomponents-base/dist/i18nBundle.js";
 import { isDesktop } from "@ui5/webcomponents-base/dist/Device.js";
-import { READ_ONLY, TEXTAREA_CHARACTERS_LEFT, VALUE_STATE_TYPE_ERROR, VALUE_STATE_TYPE_STANDARD, VALUE_STATE_TYPE_SUCCESS, VALUE_STATE_TYPE_WARNING, } from "./generated/i18n/i18n-defaults.js";
+import { READ_ONLY, TEXTAREA_CHARACTERS_LEFT, TEXT_FIELD, VALUE_STATE_TYPE_ERROR, VALUE_STATE_TYPE_STANDARD, VALUE_STATE_TYPE_SUCCESS, VALUE_STATE_TYPE_WARNING, } from "./generated/i18n/i18n-defaults.js";
 import "@ui5/webcomponents/dist/Icon.js";
 import "@ui5/webcomponents-icons/dist/accept.js";
 import "@ui5/webcomponents-icons/dist/error.js";
 import "@ui5/webcomponents-icons/dist/alert.js";
+import UDExStatusMessage from "./StatusMessage.js";
+import ValueState from "./types/common.js";
 import TextAreaTemplate from "./generated/templates/TextAreaTemplate.lit.js";
 // Styles
 import TextAreaCss from "./generated/themes/TextArea.css.js";
-import UDExStatusMessage from "./StatusMessage.js";
-export var FieldState;
-(function (FieldState) {
-    FieldState["Standard"] = "Standard";
-    FieldState["Warning"] = "Warning";
-    FieldState["Error"] = "Error";
-    FieldState["Success"] = "Success";
-})(FieldState || (FieldState = {}));
 /**
  * @class
  *
@@ -88,11 +82,26 @@ let UDExTextArea = UDExTextArea_1 = class UDExTextArea extends UI5Element {
     static async onDefine() {
         UDExTextArea_1.i18nBundle = await getI18nBundle("@udex/web-components");
     }
+    onBeforeRendering() {
+        if (this.value && this.labelActiveClass === "") {
+            this.labelActiveClass = this._labelActiveClassName;
+        }
+        this.isInputReadonly = this.readonly || this.displayonly;
+        this.labelClasses = `udex-textarea__label ${this.labelActiveClass}`;
+    }
+    onAfterRendering() {
+        this.handleGrowing();
+    }
+    handleClick() {
+        if (!isDesktop()) {
+            this._isTouched = true;
+        }
+    }
     getInputDomRef() {
         return this.getDomRef().querySelector("textarea");
     }
     get hasValueState() {
-        return this.fieldState === FieldState.Error || this.fieldState === FieldState.Warning || this.fieldState === FieldState.Success;
+        return this.fieldState === ValueState.Error || this.fieldState === ValueState.Warning || this.fieldState === ValueState.Success;
     }
     get fieldStateTypeMappings() {
         return {
@@ -106,7 +115,7 @@ let UDExTextArea = UDExTextArea_1 = class UDExTextArea extends UI5Element {
         if (!this.hasValueState) {
             return;
         }
-        if (this.fieldState === FieldState.Standard) {
+        if (this.fieldState === ValueState.Standard) {
             return;
         }
         return `${this.fieldStateTypeMappings[this.fieldState]}`;
@@ -135,30 +144,18 @@ let UDExTextArea = UDExTextArea_1 = class UDExTextArea extends UI5Element {
             }
         }
     }
-    handleClick() {
-        if (!isDesktop()) {
-            this._isTouched = true;
-        }
-    }
     get ariaInvalid() {
-        return this.fieldState === FieldState.Error ? "true" : null;
+        return this.fieldState === ValueState.Error ? "true" : null;
     }
-    onBeforeRendering() {
-        if (this.value && this.labelActiveClass === "") {
-            this.labelActiveClass = this._labelActiveClassName;
-        }
-        this.isInputReadonly = this.readonly || this.displayonly;
-        this.labelClasses = `udex-textarea__label ${this.labelActiveClass}`;
-    }
-    onAfterRendering() {
-        this.handleGrowing();
+    get textHiddenLabel() {
+        return UDExTextArea_1.i18nBundle.getText(TEXT_FIELD);
     }
 };
 __decorate([
-    property({ type: String, defaultValue: "" })
+    property({ type: String })
 ], UDExTextArea.prototype, "label", void 0);
 __decorate([
-    property({ type: String, defaultValue: "" })
+    property({ type: String })
 ], UDExTextArea.prototype, "value", void 0);
 __decorate([
     property({ validator: Integer })
@@ -170,13 +167,13 @@ __decorate([
     property({ validator: Integer, defaultValue: 0 })
 ], UDExTextArea.prototype, "growingMaxLines", void 0);
 __decorate([
-    property({ type: String, defaultValue: "" })
+    property({ type: String })
 ], UDExTextArea.prototype, "supportingText", void 0);
 __decorate([
     property({ validator: Integer })
 ], UDExTextArea.prototype, "maxlength", void 0);
 __decorate([
-    property({ type: FieldState, defaultValue: FieldState.Standard })
+    property({ type: ValueState, defaultValue: ValueState.Standard })
 ], UDExTextArea.prototype, "fieldState", void 0);
 __decorate([
     property({ type: Boolean })
@@ -194,16 +191,16 @@ __decorate([
     property({ type: Boolean, noAttribute: true })
 ], UDExTextArea.prototype, "isInputReadonly", void 0);
 __decorate([
-    property({ type: String, noAttribute: true, defaultValue: "" })
+    property({ type: String, noAttribute: true })
 ], UDExTextArea.prototype, "labelClasses", void 0);
 __decorate([
-    property({ type: String, noAttribute: true, defaultValue: "" })
+    property({ type: String, noAttribute: true })
 ], UDExTextArea.prototype, "labelActiveClass", void 0);
 __decorate([
     property()
 ], UDExTextArea.prototype, "accessibleName", void 0);
 __decorate([
-    property({ defaultValue: "" })
+    property({ type: String })
 ], UDExTextArea.prototype, "accessibleNameRef", void 0);
 __decorate([
     property({ type: Boolean })

package/dist/TextArea.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextArea.js","sourceRoot":"","sources":["../src/TextArea.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 getEffectiveScrollbarStyle from \"@ui5/webcomponents-base/dist/util/getEffectiveScrollbarStyle.js\";\nimport Integer from \"@ui5/webcomponents-base/dist/types/Integer.js\";\nimport { getI18nBundle } from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport { isDesktop } from \"@ui5/webcomponents-base/dist/Device.js\";\nimport {\n  READ_ONLY, TEXTAREA_CHARACTERS_LEFT, VALUE_STATE_TYPE_ERROR, VALUE_STATE_TYPE_STANDARD, VALUE_STATE_TYPE_SUCCESS, VALUE_STATE_TYPE_WARNING,\n} from \"./generated/i18n/i18n-defaults.js\";\n\nimport \"@ui5/webcomponents/dist/Icon.js\";\nimport \"@ui5/webcomponents-icons/dist/accept.js\";\nimport \"@ui5/webcomponents-icons/dist/error.js\";\nimport \"@ui5/webcomponents-icons/dist/alert.js\";\n\nimport TextAreaTemplate from \"./generated/templates/TextAreaTemplate.lit.js\";\n\n// Styles\nimport TextAreaCss from \"./generated/themes/TextArea.css.js\";\nimport UDExStatusMessage from \"./StatusMessage.js\";\n\nexport enum FieldState {\n  Standard = \"Standard\",\n  Warning = \"Warning\",\n  Error = \"Error\",\n  Success = \"Success\",\n}\n\n/**\n * @class\n *\n * @constructor\n * @extends UI5Element\n * @tagname udex-text-area\n * @public\n */\n@customElement({\n  tag: \"udex-textarea\",\n  renderer: litRender,\n  styles: [TextAreaCss, getEffectiveScrollbarStyle()],\n  template: TextAreaTemplate,\n  dependencies: [UDExStatusMessage],\n})\n\nclass UDExTextArea extends UI5Element {\n  _labelActiveClassName = \"udex-textarea__label--active\";\n\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 of the component.\n   * <br><br>\n   * <b>Note:</b> The property is updated upon typing.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String, defaultValue: \"\" })\n    value!: string;\n\n  /**\n   * Defines the number of visible text lines for the component.\n   * <br><br>\n   * <b>Notes:</b>\n   * <ul>\n   * <li>If the <code>growing</code> property is enabled, this property defines the minimum rows to be displayed\n   * in the textarea.</li>\n   * <li>The CSS <code>height</code> property wins over the <code>rows</code> property, if both are set.</li>\n   * </ul>\n   *\n   * @public\n   */\n  @property({ validator: Integer })\n    rows!: number;\n\n  /**\n   * Enables the component to automatically grow and shrink dynamically with its content.\n   * <br><br>\n   *\n   * @default false\n   * @public\n   */\n  @property({ type: Boolean })\n    growing!: boolean;\n\n  /**\n   * Defines the maximum number of lines that the component can grow.\n   *\n   * @default 0\n   * @public\n   */\n  @property({ validator: Integer, defaultValue: 0 })\n    growingMaxLines!: number;\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   * Sets the maximum number of characters available in the textarea.\n   *\n   * @public\n   */\n  @property({ validator: Integer })\n    maxlength?: number;\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 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 inner stored value of the readonly attribute of the input.\n   *\n   * @default false\n   * @private\n   */\n  @property({ type: Boolean, noAttribute: true })\n    isInputReadonly!: boolean;\n\n  /**\n   * Defines the inner stored value of the classes of the label.\n   *\n   * @default \"\"\n   * @private\n   */\n  @property({ type: String, noAttribute: true, defaultValue: \"\" })\n    labelClasses!: string;\n\n  /**\n   * Defines the inner stored class of the label.\n   *\n   * @default \"\"\n   * @private\n   */\n  @property({ type: String, noAttribute: true, defaultValue: \"\" })\n    labelActiveClass!: string;\n\n  /**\n   * Defines the accessible ARIA name of the component.\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 active (focus)\n   * @default false\n   * @private\n   */\n  @property({ type: Boolean })\n    active!: boolean;\n  /**\n   * Defines is it the touch of the textarea (only for mobile devices).\n   * @default false\n   * @private\n   */\n  @property({ type: Boolean })\n    _isTouched!: boolean;\n\n  static i18nBundle: I18nBundle;\n\n  static async onDefine() {\n    UDExTextArea.i18nBundle = await getI18nBundle(\"@udex/web-components\");\n  }\n\n  getInputDomRef() {\n    return this.getDomRef()!.querySelector<HTMLTextAreaElement>(\"textarea\")!;\n  }\n\n  get hasValueState() {\n    return this.fieldState === FieldState.Error || this.fieldState === FieldState.Warning || this.fieldState === FieldState.Success;\n  }\n\n  get fieldStateTypeMappings() {\n    return {\n      \"Success\": UDExTextArea.i18nBundle.getText(VALUE_STATE_TYPE_SUCCESS),\n      \"Standard\": UDExTextArea.i18nBundle.getText(VALUE_STATE_TYPE_STANDARD),\n      \"Error\": UDExTextArea.i18nBundle.getText(VALUE_STATE_TYPE_ERROR),\n      \"Warning\": UDExTextArea.i18nBundle.getText(VALUE_STATE_TYPE_WARNING),\n    };\n  }\n\n  get ariaValueStateHiddenText() {\n    if (!this.hasValueState) {\n      return;\n    }\n\n    if (this.fieldState === FieldState.Standard) {\n      return;\n    }\n\n    return `${this.fieldStateTypeMappings[this.fieldState]}`;\n  }\n\n  get readOnlyText() {\n    return UDExTextArea.i18nBundle.getText(READ_ONLY);\n  }\n\n  get ariaDescribedBy() {\n    const valueStateTextDescId = this.hasValueState ? `${this._id}-valueStateDesc` : \"\";\n    const readonlyTextDescId = this.readonly ? `${this._id}-readonlyDesc` : \"\";\n    const supportingTextDescId = this._supportingText ? `${this._id}-supportingTextDesc` : \"\";\n    if (!valueStateTextDescId && !supportingTextDescId && !readonlyTextDescId) {\n      return;\n    }\n    return `${valueStateTextDescId} ${supportingTextDescId} ${readonlyTextDescId}`;\n  }\n\n  get _supportingText() {\n    if (this.supportingText.length) {\n      return this.supportingText;\n    }\n\n    const maxLength = this.maxlength;\n\n    if (maxLength !== null && maxLength !== undefined) {\n      const leftCharactersCount = maxLength - this.value.length;\n\n      if (leftCharactersCount >= 0) {\n        return UDExTextArea.i18nBundle.getText(TEXTAREA_CHARACTERS_LEFT, leftCharactersCount);\n      }\n    }\n  }\n\n  handleInput = (event: InputEvent) => {\n    this.value = (event.target as HTMLInputElement)?.value;\n  };\n\n  handleChange = () => {\n    this.fireEvent(\"change\");\n  };\n\n  handleGrowing = () => {\n    if (this.growing) {\n      const nativeTextArea = this.getInputDomRef();\n\n      if (!this.rows) {\n        this.rows = 1;\n      }\n      nativeTextArea.style.height = \"auto\";\n      // 2px - to avoid an unnecessary scrollbar, the border needs to be taken into account\n      nativeTextArea.style.height = `${nativeTextArea.scrollHeight + 2}px`;\n\n      if (this.growingMaxLines) {\n        const style = getComputedStyle(nativeTextArea);\n\n        const lineHeight = parseInt(style.lineHeight);\n        const paddingTop = parseInt(style.paddingTop);\n        const paddingBottom = parseInt(style.paddingBottom);\n\n        const heightRatio = this.growingMaxLines > this.rows ? this.growingMaxLines : this.rows;\n\n        const growingMaxHeight = lineHeight * heightRatio + paddingTop + paddingBottom;\n\n        // 2px - to avoid an unnecessary scrollbar, the border needs to be taken into account\n        nativeTextArea.style.maxHeight = `${growingMaxHeight + 2}px`;\n      }\n    }\n  };\n\n  handleFocus = () => {\n    if (!this.disabled && !this.readonly && !this.displayonly) {\n      this.active = true;\n      this.labelActiveClass = this._labelActiveClassName;\n    }\n  };\n\n  handleClick(): void {\n    if (!isDesktop()) {\n      this._isTouched = true;\n    }\n  }\n\n  handleBlur = () => {\n    this._isTouched = false;\n    if (this.value) {\n      this.labelActiveClass = this._labelActiveClassName;\n    } else {\n      this.labelActiveClass = \"\";\n    }\n    this.active = false;\n  };\n\n  get ariaInvalid() {\n    return this.fieldState === FieldState.Error ? \"true\" : null;\n  }\n\n  onBeforeRendering() {\n    if (this.value && this.labelActiveClass === \"\") {\n      this.labelActiveClass = this._labelActiveClassName;\n    }\n\n    this.isInputReadonly = this.readonly || this.displayonly;\n\n    this.labelClasses = `udex-textarea__label ${this.labelActiveClass}`;\n  }\n\n  onAfterRendering() {\n    this.handleGrowing();\n  }\n}\n\nUDExTextArea.define();\n\nexport default UDExTextArea;\n"]}
+{"version":3,"file":"TextArea.js","sourceRoot":"","sources":["../src/TextArea.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 getEffectiveScrollbarStyle from \"@ui5/webcomponents-base/dist/util/getEffectiveScrollbarStyle.js\";\nimport Integer from \"@ui5/webcomponents-base/dist/types/Integer.js\";\nimport { getI18nBundle } from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport { isDesktop } from \"@ui5/webcomponents-base/dist/Device.js\";\nimport {\n  READ_ONLY,\n  TEXTAREA_CHARACTERS_LEFT,\n  TEXT_FIELD,\n  VALUE_STATE_TYPE_ERROR,\n  VALUE_STATE_TYPE_STANDARD,\n  VALUE_STATE_TYPE_SUCCESS,\n  VALUE_STATE_TYPE_WARNING,\n} from \"./generated/i18n/i18n-defaults.js\";\n\nimport \"@ui5/webcomponents/dist/Icon.js\";\nimport \"@ui5/webcomponents-icons/dist/accept.js\";\nimport \"@ui5/webcomponents-icons/dist/error.js\";\nimport \"@ui5/webcomponents-icons/dist/alert.js\";\n\nimport UDExStatusMessage from \"./StatusMessage.js\";\nimport ValueState from \"./types/common.js\";\nimport TextAreaTemplate from \"./generated/templates/TextAreaTemplate.lit.js\";\n\n// Styles\nimport TextAreaCss from \"./generated/themes/TextArea.css.js\";\n\n/**\n * @class\n *\n * @constructor\n * @extends UI5Element\n * @tagname udex-text-area\n * @public\n */\n@customElement({\n  tag: \"udex-textarea\",\n  renderer: litRender,\n  styles: [TextAreaCss, getEffectiveScrollbarStyle()],\n  template: TextAreaTemplate,\n  dependencies: [UDExStatusMessage],\n})\n\nclass UDExTextArea extends UI5Element {\n  _labelActiveClassName = \"udex-textarea__label--active\";\n\n  /**\n   * Defines label text for the textarea field.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String })\n    label!: string;\n\n  /**\n   * Defines the value of the component.\n   * <br><br>\n   * <b>Note:</b> The property is updated upon typing.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String })\n    value!: string;\n\n  /**\n   * Defines the number of visible text lines for the component.\n   * <br><br>\n   * <b>Notes:</b>\n   * <ul>\n   * <li>If the <code>growing</code> property is enabled, this property defines the minimum rows to be displayed\n   * in the textarea.</li>\n   * <li>The CSS <code>height</code> property wins over the <code>rows</code> property, if both are set.</li>\n   * </ul>\n   *\n   * @public\n   */\n  @property({ validator: Integer })\n    rows!: number;\n\n  /**\n   * Enables the component to automatically grow and shrink dynamically with its content.\n   * <br><br>\n   *\n   * @default false\n   * @public\n   */\n  @property({ type: Boolean })\n    growing!: boolean;\n\n  /**\n   * Defines the maximum number of lines that the component can grow.\n   *\n   * @default 0\n   * @public\n   */\n  @property({ validator: Integer, defaultValue: 0 })\n    growingMaxLines!: number;\n\n  /**\n   * Defines supporting text under the input field.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String })\n    supportingText!: string;\n\n  /**\n   * Sets the maximum number of characters available in the textarea.\n   *\n   * @public\n   */\n  @property({ validator: Integer })\n    maxlength?: number;\n\n  /**\n   * Defines the value state of the component.\n   *\n   * @default \"Standard\"\n   * @public\n   */\n  @property({ type: ValueState, defaultValue: ValueState.Standard })\n    fieldState!: `${ValueState}`;\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 inner stored value of the readonly attribute of the input.\n   *\n   * @default false\n   * @private\n   */\n  @property({ type: Boolean, noAttribute: true })\n    isInputReadonly!: boolean;\n\n  /**\n   * Defines the inner stored value of the classes of the label.\n   *\n   * @default \"\"\n   * @private\n   */\n  @property({ type: String, noAttribute: true })\n    labelClasses!: string;\n\n  /**\n   * Defines the inner stored class of the label.\n   *\n   * @default \"\"\n   * @private\n   */\n  @property({ type: String, noAttribute: true })\n    labelActiveClass!: string;\n\n  /**\n   * Defines the accessible ARIA name of the component.\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({ type: String })\n    accessibleNameRef!: string;\n\n  /**\n   * Defines the active (focus)\n   * @default false\n   * @private\n   */\n  @property({ type: Boolean })\n    active!: boolean;\n  /**\n   * Defines is it the touch of the textarea (only for mobile devices).\n   * @default false\n   * @private\n   */\n  @property({ type: Boolean })\n    _isTouched!: boolean;\n\n  static i18nBundle: I18nBundle;\n\n  static async onDefine() {\n    UDExTextArea.i18nBundle = await getI18nBundle(\"@udex/web-components\");\n  }\n\n  onBeforeRendering() {\n    if (this.value && this.labelActiveClass === \"\") {\n      this.labelActiveClass = this._labelActiveClassName;\n    }\n\n    this.isInputReadonly = this.readonly || this.displayonly;\n\n    this.labelClasses = `udex-textarea__label ${this.labelActiveClass}`;\n  }\n\n  onAfterRendering() {\n    this.handleGrowing();\n  }\n\n  handleInput = (event: InputEvent) => {\n    this.value = (event.target as HTMLInputElement)?.value;\n  };\n\n  handleChange = () => {\n    this.fireEvent(\"change\");\n  };\n\n  handleGrowing = () => {\n    if (this.growing) {\n      const nativeTextArea = this.getInputDomRef();\n\n      if (!this.rows) {\n        this.rows = 1;\n      }\n      nativeTextArea.style.height = \"auto\";\n      // 2px - to avoid an unnecessary scrollbar, the border needs to be taken into account\n      nativeTextArea.style.height = `${nativeTextArea.scrollHeight + 2}px`;\n\n      if (this.growingMaxLines) {\n        const style = getComputedStyle(nativeTextArea);\n\n        const lineHeight = parseInt(style.lineHeight);\n        const paddingTop = parseInt(style.paddingTop);\n        const paddingBottom = parseInt(style.paddingBottom);\n\n        const heightRatio = this.growingMaxLines > this.rows ? this.growingMaxLines : this.rows;\n\n        const growingMaxHeight = lineHeight * heightRatio + paddingTop + paddingBottom;\n\n        // 2px - to avoid an unnecessary scrollbar, the border needs to be taken into account\n        nativeTextArea.style.maxHeight = `${growingMaxHeight + 2}px`;\n      }\n    }\n  };\n\n  handleFocus = () => {\n    if (!this.disabled && !this.readonly && !this.displayonly) {\n      this.active = true;\n      this.labelActiveClass = this._labelActiveClassName;\n    }\n  };\n\n  handleClick(): void {\n    if (!isDesktop()) {\n      this._isTouched = true;\n    }\n  }\n\n  handleBlur = () => {\n    this._isTouched = false;\n    if (this.value) {\n      this.labelActiveClass = this._labelActiveClassName;\n    } else {\n      this.labelActiveClass = \"\";\n    }\n    this.active = false;\n  };\n\n  getInputDomRef() {\n    return this.getDomRef()!.querySelector<HTMLTextAreaElement>(\"textarea\")!;\n  }\n\n  get hasValueState(): boolean {\n    return this.fieldState === ValueState.Error || this.fieldState === ValueState.Warning || this.fieldState === ValueState.Success;\n  }\n\n  get fieldStateTypeMappings(): Record<string, string> {\n    return {\n      \"Success\": UDExTextArea.i18nBundle.getText(VALUE_STATE_TYPE_SUCCESS),\n      \"Standard\": UDExTextArea.i18nBundle.getText(VALUE_STATE_TYPE_STANDARD),\n      \"Error\": UDExTextArea.i18nBundle.getText(VALUE_STATE_TYPE_ERROR),\n      \"Warning\": UDExTextArea.i18nBundle.getText(VALUE_STATE_TYPE_WARNING),\n    };\n  }\n\n  get ariaValueStateHiddenText(): string | undefined {\n    if (!this.hasValueState) {\n      return;\n    }\n\n    if (this.fieldState === ValueState.Standard) {\n      return;\n    }\n\n    return `${this.fieldStateTypeMappings[this.fieldState]}`;\n  }\n\n  get readOnlyText(): string {\n    return UDExTextArea.i18nBundle.getText(READ_ONLY);\n  }\n\n  get ariaDescribedBy(): string | undefined {\n    const valueStateTextDescId = this.hasValueState ? `${this._id}-valueStateDesc` : \"\";\n    const readonlyTextDescId = this.readonly ? `${this._id}-readonlyDesc` : \"\";\n    const supportingTextDescId = this._supportingText ? `${this._id}-supportingTextDesc` : \"\";\n    if (!valueStateTextDescId && !supportingTextDescId && !readonlyTextDescId) {\n      return;\n    }\n    return `${valueStateTextDescId} ${supportingTextDescId} ${readonlyTextDescId}`;\n  }\n\n  get _supportingText(): string | undefined {\n    if (this.supportingText.length) {\n      return this.supportingText;\n    }\n\n    const maxLength = this.maxlength;\n\n    if (maxLength !== null && maxLength !== undefined) {\n      const leftCharactersCount = maxLength - this.value.length;\n\n      if (leftCharactersCount >= 0) {\n        return UDExTextArea.i18nBundle.getText(TEXTAREA_CHARACTERS_LEFT, leftCharactersCount);\n      }\n    }\n  }\n\n  get ariaInvalid(): string | null {\n    return this.fieldState === ValueState.Error ? \"true\" : null;\n  }\n\n  get textHiddenLabel(): string {\n    return UDExTextArea.i18nBundle.getText(TEXT_FIELD);\n  }\n}\n\nUDExTextArea.define();\n\nexport default UDExTextArea;\n"]}

package/dist/assets/{css_variables-a92ef9ad.css → bundle-c5e3cbf2.css}

@@ -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: #0070F2;--sapAvatar_10_TextColor: #0070F2;--sapAvatar_10_BorderColor: #D5DADD;--sapAvatar_10_Background: #FFFFFF;--sapAvatar_9_TextColor: #475E75;--sapAvatar_9_BorderColor: #EAECEE;--sapAvatar_9_Background: #EAECEE;--sapAvatar_8_TextColor: #188918;--sapAvatar_8_BorderColor: #EBF5CB;--sapAvatar_8_Background: #EBF5CB;--sapAvatar_7_TextColor: #07838F;--sapAvatar_7_BorderColor: #C2FCEE;--sapAvatar_7_Background: #C2FCEE;--sapAvatar_6_TextColor: #0070F2;--sapAvatar_6_BorderColor: #D1EFFF;--sapAvatar_6_Background: #D1EFFF;--sapAvatar_5_TextColor: #5D36FF;--sapAvatar_5_BorderColor: #E2D8FF;--sapAvatar_5_Background: #E2D8FF;--sapAvatar_4_TextColor: #CC00DC;--sapAvatar_4_BorderColor: #FFDCF3;--sapAvatar_4_Background: #FFDCF3;--sapAvatar_3_TextColor: #DF1278;--sapAvatar_3_BorderColor: #FFDCE8;--sapAvatar_3_Background: #FFDCE8;--sapAvatar_2_TextColor: #D20A0A;--sapAvatar_2_BorderColor: #FFD5EA;--sapAvatar_2_Background: #FFD5EA;--sapAvatar_1_TextColor: #C35500;--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}
+.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: #475E75;--sapAvatar_9_BorderColor: #EAECEE;--sapAvatar_9_Background: #EAECEE;--sapAvatar_8_TextColor: #188918;--sapAvatar_8_BorderColor: #EBF5CB;--sapAvatar_8_Background: #EBF5CB;--sapAvatar_7_TextColor: #07838F;--sapAvatar_7_BorderColor: #C2FCEE;--sapAvatar_7_Background: #C2FCEE;--sapAvatar_6_TextColor: #0070F2;--sapAvatar_6_BorderColor: #D1EFFF;--sapAvatar_6_Background: #D1EFFF;--sapAvatar_5_TextColor: #5D36FF;--sapAvatar_5_BorderColor: #E2D8FF;--sapAvatar_5_Background: #E2D8FF;--sapAvatar_4_TextColor: #CC00DC;--sapAvatar_4_BorderColor: #FFDCF3;--sapAvatar_4_Background: #FFDCF3;--sapAvatar_3_TextColor: #DF1278;--sapAvatar_3_BorderColor: #FFDCE8;--sapAvatar_3_Background: #FFDCE8;--sapAvatar_2_TextColor: #D20A0A;--sapAvatar_2_BorderColor: #FFD5EA;--sapAvatar_2_Background: #FFD5EA;--sapAvatar_1_TextColor: #C35500;--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}