@sapudex/web-components 2.1.0 → 2.2.0

package/src/themes/Button.css

@@ -22,9 +22,11 @@
 
   /* Default */
   --udex-button-color-primary-standard-default-background: var(--sapButton_Emphasized_Background, var(--udexColorBlue8));
+  --udex-button-color-primary-standard-default-border-color: var(--sapButton_Emphasized_BorderColor, var(--udexColorBlue8));
   --udex-button-color-primary-standard-default-text-and-icon: var(--sapButton_Emphasized_TextColor, var(--udexCoreTextLight));
   /* Hover */
   --udex-button-color-primary-standard-hover-background: var(--sapButton_Emphasized_Hover_Background, var(--udexColorBlue9));
+  --udex-button-color-primary-standard-hover-border-color: var(--sapButton_Emphasized_Hover_BorderColor, var(--udexColorBlue9));
   --udex-button-color-primary-standard-hover-text-and-icon: var(--sapButton_Emphasized_Hover_TextColor, var(--udexCoreTextLight));
   /* Active */
   --udex-button-color-primary-standard-active-background: var(--sapButton_Emphasized_Active_Background, var(--udexColorNeutralWhite));
@@ -90,8 +92,8 @@
   --udex-button-color-tertiary-standard-hover-border: var(--sapButton_Lite_Hover_BorderColor, var(--udexColorGrey7));
   --udex-button-color-tertiary-standard-hover-text-and-icon: var(--sapButton_Lite_Hover_TextColor, var(--udexColorBlue9));
   /* Active */
-  --udex-button-color-tertiary-standard-active-background: var(--sapButton_Lite_Active_Background, var(--udexColorBlue9));
-  --udex-button-color-tertiary-standard-active-border: var(--sapButton_Lite_Active_BorderColor, var(--udexColorNeutralWhite));
+  --udex-button-color-tertiary-standard-active-background: var(--sapButton_Lite_Active_Background, var(--udexColorNeutralWhite));
+  --udex-button-color-tertiary-standard-active-border: var(--sapButton_Lite_Active_BorderColor, var(--udexColorBlue9));
   --udex-button-color-tertiary-standard-active-text-and-icon: var(--sapButton_Lite_TextColor, var(--udexColorBlue9));
   /* Disabled */
   --udex-button-color-tertiary-standard-disabled-background: var(--udex-button-color-transparent, hsla(0, 0%, 0%, 0));
@@ -236,7 +238,7 @@
 }
 
 :host([size="Small"]) {
-  font-size: var(--udexTypographyNavigationMediumMFontSize);
+  font-size: var(--udexTypographyNavigationMediumMFontSize, 14px);
   height: var(--udex-button-small-size);
 }
 :host([size="Small"])::part(button) {
@@ -263,7 +265,7 @@
 
 :host,
 :host([size="Medium"]) {
-  font-size: 1rem;
+  font-size: var(--udexTypographyNavigationMediumXLFontSize, 1rem);
   height: var(--udex-button-medium-size);
 }
 
@@ -273,7 +275,7 @@
 }
 
 :host([size="Large"]) {
-  font-size: 1rem;
+  font-size: var(--udexTypographyNavigationMediumXLFontSize, 1rem);
   height: var(--udex-button-large-size);
 }
 :host([size="Large"])::part(button) {
@@ -352,10 +354,12 @@
   margin-inline-start: var(--udex-button-icon-text-spacing-small-size);
 }
 
+:host([has-icon]:not([icon-only])[end-icon]) .ui5-button-text,
 :host([has-icon]:not([icon-only])[size="Medium"][end-icon]) .ui5-button-text {
   margin-inline-end: var(--udex-button-icon-text-spacing-medium-size);
 }
 
+:host([has-icon]:not([icon-only]):not([end-icon])) .ui5-button-text,
 :host([has-icon]:not([icon-only])[size="Medium"]:not([end-icon])) .ui5-button-text {
   margin-inline-start: var(--udex-button-icon-text-spacing-medium-size);
 }
@@ -376,7 +380,7 @@
   font-family: var(--sapFontFamily);
   color: var(--udex-button-color-primary-standard-default-text-and-icon);
   background-color: var(--udex-button-color-primary-standard-default-background);
-  border: 1px solid var(--udex-button-color-primary-standard-default-background);
+  border: 1px solid var(--udex-button-color-primary-standard-default-border-color);
 }
 
 :host(:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]):hover),
@@ -388,7 +392,7 @@
 :host([design="Primary"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]).ui5_hovered) {
   color: var(--udex-button-color-primary-standard-hover-text-and-icon);
   background-color: var(--udex-button-color-primary-standard-hover-background);
-  border: 1px solid var(--udex-button-color-primary-standard-hover-background);
+  border: 1px solid var(--udex-button-color-primary-standard-hover-border-color);
 }
 
 :host([active]:not([disabled])) ,

package/src/themes/Checkbox.css

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

package/src/themes/ListItem.css

@@ -163,6 +163,10 @@
   display: inherit;
 }
 
+::slotted([udex-button]:hover:not([active])) {
+  background-color: var(--udex-button-color-tertiary-standard-default-background);
+}
+
 .udex-list__item:focus-visible {
   outline: none;
 }

package/src/themes/MastheadShell.css

@@ -211,7 +211,7 @@
 :host([_is-mobile-menu-open]) .udex-masthead-shell__country-selector,
 :host([_is-mobile-menu-open]) .udex-masthead-shell__cart,
 :host([_is-mobile-menu-open]) .udex-masthead-shell__profile,
-:host([_is-mobile-menu-open]) .udex-masthead-shell__close-btn {
+:host([_is-mobile-mode][_is-mobile-menu-open]) .udex-masthead-shell__close-btn {
   display: flex;
 }
 
@@ -283,6 +283,7 @@
     display: none;
   }
 
+  :host([_is-mobile-menu-open]) .udex-masthead-shell__close-btn,
   .udex-masthead-shell__menu-btn {
     display: flex;
   }

package/src/themes/Modal.css

@@ -28,7 +28,7 @@
 
 :host .ui5-popup-root .ui5-popup-content  {
 	padding: var(--udex-modal-and-overlay-modal-content-padding-vertical) var(--udex-modal-and-overlay-modal-content-padding-horizontal);
-  scrollbar-gutter: stable both-edges;
+  scrollbar-gutter: auto;
 }
 
 :host([type="basic"]) {
@@ -38,6 +38,7 @@
 
 :host([type="basic"]) .ui5-popup-root .ui5-popup-content {
 	padding: 0 var(--udex-modal-and-overlay-modal-content-padding-horizontal);
+  scrollbar-gutter: auto;
 }
 
 :host ::slotted([slot="footer"]) {

package/src/themes/RadioButton.css

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

package/src/themes/Search.css

@@ -173,6 +173,7 @@
   width: 100%;
   color: var(--udex-input-color-typed-text);
   font-size: 16px;
+  font-family: var(--sapFontFamily);
   line-height: 24px;
   padding: var(--udex-input-padding-vertical) var(--udex-input-padding-horizontal);
   box-sizing: border-box;
@@ -446,5 +447,12 @@ input[type="search"]::-webkit-search-results-decoration {
 }
 
 .hidden {
-  display: none;
+  position: absolute;
+  width: 0px;
+  height: 0px;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0 0 0 0);
+  border: 0;
+  padding: 0;
 }

package/src/themes/SideNavigationItem.css

@@ -23,7 +23,15 @@
 .ui5-sn-item, :host(:not([in-popover])) .ui5-sn-item {
   height: var(--udex-side-navigation-item-height);
   padding-inline-end: var(--udexSpacer16);
-  margin-bottom: var(--udexSpacer8, 8px);
+  margin-block-end: 0;
+}
+
+:host(:not([expanded])) .ui5-sn-item {
+  margin-block-end: var(--udexSpacer8, 8px);
+}
+
+:host([expanded]) .ui5-sn-list-li {
+  margin-block-end: var(--udexSpacer8, 8px);
 }
 
 .ui5-sn-item .ui5-sn-item-text {

package/src/themes/SideNavigationSubItem.css

@@ -17,6 +17,7 @@
   font-family: var(--sapFontFamily);
 }
 
+:host(:not([in-popover])) .ui5-sn-item,
 .ui5-sn-item {
   margin-block-end: var(--udex-side-navigation-item-bottom-margin);
   height: var(--udex-side-navigation-item-height);
@@ -47,6 +48,12 @@
   display: var(--udex-side-navigation-selection-indicator-display);
 }
 
+:host([with-icon]) .ui5-sn-item-level2,
+.ui5-sn-item-level2 {
+  margin-block-end: 0;
+}
+
+.ui5-sn-item-level2:not(.ui5-sn-item-has-icon),
 .ui5-sn-item-level2 {
   --udex-side-navigation-group-icon-width: 1.75rem;
   padding-inline-start: var(--udex-side-navigation-group-icon-width);

package/src/themes/Tooltip.css

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

package/src/themes/WizardTab.css

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

package/src/types/ButtonAccessibleRole.ts

@@ -0,0 +1,9 @@
+/**
+ * @public
+ */
+enum UDExButtonAccessibleRole {
+  Link = "Link",
+  Button = "Button",
+}
+
+export default UDExButtonAccessibleRole;

package/src/types/{Button.ts → ButtonDesign.ts}

@@ -12,20 +12,4 @@ export enum UDExButtonDesign {
   Attention = "Attention",
 }
 
-export enum UDExButtonSize {
-  Small = "Small",
-  Medium = "Medium",
-  Large = "Large",
-}
-
-export enum UDExButtonAccessibleRole {
-  Link = "Link",
-  Button = "Button",
-}
-
-export enum UDExControlButtonDesign {
-  Default = "Default",
-  Success = "Success",
-  Error = "Error",
-  Warning = "Warning",
-}
+export default UDExButtonDesign;

package/src/types/ButtonSize.ts

@@ -0,0 +1,7 @@
+export enum UDExButtonSize {
+  Small = "Small",
+  Medium = "Medium",
+  Large = "Large",
+}
+
+export default UDExButtonSize;

package/src/types/ControlButtonDesign.ts

@@ -0,0 +1,11 @@
+/**
+ * @public
+ */
+enum UDExControlButtonDesign {
+  Default = "Default",
+  Success = "Success",
+  Error = "Error",
+  Warning = "Warning",
+}
+
+export default UDExControlButtonDesign;

package/src/types/ProgressBar.ts

@@ -1,4 +1,4 @@
-export enum UDExProgressBarValueState {
+enum UDExProgressBarValueState {
   Warning = "Warning",
   Error = "Error",
   Success = "Success",

package/src/types/common.ts

@@ -1,4 +1,4 @@
-import { UDExControlButtonDesign } from "./Button.js";
+import UDExControlButtonDesign from "./ControlButtonDesign.js";
 
 export enum UDExTarget {
   _blank = "_blank",

package/dist/assets/InputSuggestions-DoWo0hwS.js

@@ -1,2 +0,0 @@
-import{f as V,j as r,a as c,p as S,d as w,b as P,s as g,m as x,L as v,c as y,e as R,g as O,D as L,h as D,i as F,F as A,B as I,I as b,k as f,R as G,l as H,n as E,o as $,q as N,r as B}from"./bundle.esm-D10tX-qa.js";const M=n=>n.replace(/[.*+?^${}()|[\]\\]/g,"\\$&");function _(n,e,t,s){return n.replaceAll(new RegExp(M(e),`${s?"i":""}g`),t)}function z(n,e){if(!n||!e)return n;const t=l=>{const[a,d]=l.split("");for(;n.indexOf(l)>=0||e.indexOf(l)>=0;)l=`${a}${l}${d}`;return l},s=t("12"),i=t("34");let o=V(_(n,e,l=>`${s}${l}${i}`,!0));return[[s,"<b>"],[i,"</b>"]].forEach(([l,a])=>{o=_(o,l,a,!1)}),o}function q(n,e){const t=(n==null?void 0:n.listItemContent)||U;return r("li",{part:"native-li","data-sap-focus-ref":!0,tabindex:this._effectiveTabIndex,class:this.classes.main,draggable:this.movable,role:e==null?void 0:e.role,title:e==null?void 0:e.title,onFocusIn:this._onfocusin,onKeyUp:this._onkeyup,onKeyDown:this._onkeydown,onClick:this._onclick,children:t.call(this)})}function U(){return r("div",{part:"content",id:`${this._id}-content`,class:"ui5-li-content",children:r("div",{class:"ui5-li-text-wrapper",children:r("span",{part:"title",class:"ui5-li-title",children:r("slot",{})})})})}function K(){return[q.call(this,{listItemContent:W},{role:"option"})]}function W(){return r("div",{part:"content",id:"content",class:"ui5-li-content",children:c("div",{class:"ui5-li-text-wrapper",children:[r("span",{part:"title",className:"ui5-li-title",dangerouslySetInnerHTML:{__html:this.markupText}}),this.additionalText&&r("span",{part:"additional-text",class:"ui5-li-additional-text",children:this.additionalText})]})})}S("@ui5/webcomponents-theming","sap_horizon",async()=>w);S("@ui5/webcomponents","sap_horizon",async()=>P);const X=`:host([ui5-suggestion-item]){height:auto;min-height:var(--_ui5-v2-10-0_list_item_base_height)}:host([ui5-suggestion-item]) .ui5-li-root{min-height:var(--_ui5-v2-10-0_list_item_base_height)}:host([ui5-suggestion-item]) .ui5-li-content{padding-bottom:.875rem;padding-top:.875rem;box-sizing:border-box}
-`;var p=function(n,e,t,s){var i=arguments.length,o=i<3?e:s===null?s=Object.getOwnPropertyDescriptor(e,t):s,l;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")o=Reflect.decorate(n,e,t,s);else for(var a=n.length-1;a>=0;a--)(l=n[a])&&(o=(i<3?l(o):i>3?l(e,t,o):l(e,t))||o);return i>3&&o&&Object.defineProperty(e,t,o),o};let h=class extends v{constructor(){super(...arguments),this.markupText=""}onEnterDOM(){y()&&this.setAttribute("desktop","")}get _effectiveTabIndex(){return-1}};p([g()],h.prototype,"text",void 0);p([g()],h.prototype,"additionalText",void 0);p([g()],h.prototype,"markupText",void 0);h=p([x({tag:"ui5-suggestion-item",template:K,styles:[v.styles,X]})],h);h.define();function j(n){const e=(n==null?void 0:n.items)||J;return c("ul",{role:"group",class:"ui5-group-li-root",onDragEnter:this._ondragenter,onDragOver:this._ondragover,onDrop:this._ondrop,onDragLeave:this._ondragleave,children:[this.hasHeader&&r(O,{focused:this.focused,part:"header",accessibleRole:R.Group,children:this.hasFormattedHeader?r("slot",{name:"header"}):this.headerText}),e.call(this),r(L,{orientation:"Horizontal",ownerReference:this})]})}function J(){return r("slot",{})}var T=function(n,e,t,s){var i=arguments.length,o=i<3?e:s===null?s=Object.getOwnPropertyDescriptor(e,t):s,l;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")o=Reflect.decorate(n,e,t,s);else for(var a=n.length-1;a>=0;a--)(l=n[a])&&(o=(i<3?l(o):i>3?l(e,t,o):l(e,t))||o);return i>3&&o&&Object.defineProperty(e,t,o),o};let m=class extends F{};T([D({default:!0,invalidateOnChildChange:!0,type:HTMLElement})],m.prototype,"items",void 0);m=T([x({tag:"ui5-suggestion-item-group",template:j})],m);m.define();function Q(n){const e=(n==null?void 0:n.suggestionsList)||Y,t=n==null?void 0:n.valueStateMessage,s=n==null?void 0:n.valueStateMessageInputIcon;return c(G,{class:this.classes.popover,hideArrow:!0,preventFocusRestore:!0,preventInitialFocus:!0,placement:"Bottom",horizontalAlign:"Start",tabindex:-1,style:this.styles.suggestionsPopover,onOpen:this._afterOpenPicker,onClose:this._afterClosePicker,onScroll:this._scroll,open:this.open,opener:this,accessibleName:this._popupLabel,children:[this._isPhone&&c(A,{children:[c("div",{slot:"header",class:"ui5-responsive-popover-header",children:[c("div",{class:"row",children:[r("span",{children:this._headerTitleText}),r(I,{class:"ui5-responsive-popover-close-btn",icon:$,design:"Transparent",onClick:this._closePicker})]}),r("div",{class:"row",children:r("div",{class:"input-root-phone native-input-wrapper",children:r(b,{class:"ui5-input-inner-phone",type:this.inputType,value:this.value,showClearIcon:this.showClearIcon,placeholder:this.placeholder,onInput:this._handleInput,onChange:this._handleChange})})})]}),this.hasValueStateMessage&&c("div",{class:this.classes.popoverValueState,style:this.styles.suggestionPopoverHeader,children:[r(f,{class:"ui5-input-value-state-message-icon",name:s==null?void 0:s.call(this)}),this.open&&(t==null?void 0:t.call(this))]})]}),!this._isPhone&&this.hasValueStateMessage&&c("div",{slot:"header",class:{"ui5-responsive-popover-header":!0,"ui5-responsive-popover-header--focused":this._isValueStateFocused,...this.classes.popoverValueState},style:this.styles.suggestionPopoverHeader,children:[r(f,{class:"ui5-input-value-state-message-icon",name:s==null?void 0:s.call(this)}),this.open&&(t==null?void 0:t.call(this))]}),e.call(this),this._isPhone&&r("div",{slot:"footer",class:"ui5-responsive-popover-footer",children:r(I,{design:"Transparent",onClick:this._closePicker,children:"OK"})})]})}function Y(){return r(E,{accessibleRole:H.ListBox,separators:this.suggestionSeparators,selectionMode:"Single",onMouseDown:this.onItemMouseDown,onItemClick:this._handleSuggestionItemPress,onSelectionChange:this._handleSelectionChange,children:r("slot",{})})}class u{get template(){return Q}constructor(e,t,s,i){this.component=e,this.slotName=t,this.handleFocus=i,this.highlight=s,this.selectedItemIndex=-1}onUp(e,t){e.preventDefault();const s=!this.isOpened&&this._hasValueState&&t===-1?0:t;return this._handleItemNavigation(!1,s),!0}onDown(e,t){e.preventDefault();const s=!this.isOpened&&this._hasValueState&&t===-1?0:t;return this._handleItemNavigation(!0,s),!0}onSpace(e){return this._isItemOnTarget()?(e.preventDefault(),this.onItemSelected(this._selectedItem,!0),!0):!1}onEnter(e){return this._isGroupItem?(e.preventDefault(),!1):this._isItemOnTarget()?(this.onItemSelected(this._selectedItem,!0),!0):!1}onPageUp(e){e.preventDefault();const t=this.selectedItemIndex-10>-1;return this._hasValueState&&!t?(this._focusValueState(),!0):(this._moveItemSelection(this.selectedItemIndex,t?this.selectedItemIndex-=10:this.selectedItemIndex=0),!0)}onPageDown(e){e.preventDefault();const t=this._getItems(),s=t.length-1,i=this.selectedItemIndex+10<=s;return this._hasValueState&&!t?(this._focusValueState(),!0):(this._moveItemSelection(this.selectedItemIndex,i?this.selectedItemIndex+=10:this.selectedItemIndex=s),!0)}onHome(e){return e.preventDefault(),this._hasValueState?(this._focusValueState(),!0):(this._moveItemSelection(this.selectedItemIndex,this.selectedItemIndex=0),!0)}onEnd(e){e.preventDefault();const t=this._getItems().length-1;return this._hasValueState&&!t?(this._focusValueState(),!0):(this._moveItemSelection(this.selectedItemIndex,this.selectedItemIndex=t),!0)}onTab(){return this._isItemOnTarget()?(this.onItemSelected(this._selectedItem,!0),!0):!1}toggle(e,t){(e!==void 0?e:!this.isOpened())?this._getComponent().open=!0:this.close(t.preventFocusRestore)}get _selectedItem(){return this._getNonGroupItems().find(e=>e.selected)}_isScrollable(){const e=this._getScrollContainer();return e.offsetHeight<e.scrollHeight}close(e=!1){const t=this._getItems()&&this._getItems()[this.selectedItemIndex];this._getComponent().open=!1;const s=this._getPicker();s.preventFocusRestore=e,s.open=!1,t&&t.focused&&(t.focused=!1)}updateSelectedItemPosition(e){this.selectedItemIndex=e}onItemSelected(e,t){const s=e,i=this._getNonGroupItems();s&&(this.accInfo={isGroup:s.hasAttribute("ui5-suggestion-item-group"),currentPos:i.indexOf(s)+1,listSize:i.length,itemText:s.text||"",additionalText:s.additionalText},this._getComponent().onItemSelected(s,t),this._getComponent().open=!1)}onItemSelect(e){this._getComponent().onItemSelect(e)}onItemPress(e){let t;const s=e.type==="ui5-item-click";s&&!e.detail.item.selected||this._handledPress&&!s||(s&&e.detail.item.selected?(t=e.detail.item,this._handledPress=!0):t=e.detail.selectedItems[0],this.onItemSelected(t,!1))}_onClose(){this._handledPress=!1}_isItemOnTarget(){return this.isOpened()&&this.selectedItemIndex!==null&&this.selectedItemIndex!==-1&&!this._isGroupItem}get _isGroupItem(){const e=this._getItems();return!e||!e[this.selectedItemIndex]?!1:e[this.selectedItemIndex].hasAttribute("ui5-suggestion-item-group")}isOpened(){var e;return!!((e=this._getPicker())!=null&&e.open)}_handleItemNavigation(e,t){this.selectedItemIndex=t,this._getItems().length&&(e?this._selectNextItem():this._selectPreviousItem())}_selectNextItem(){const e=this._getItems().length,t=this.selectedItemIndex;if(this._hasValueState&&t===-1&&!this.component._isValueStateFocused){this._focusValueState();return}(t===-1&&!this._hasValueState||this.component._isValueStateFocused)&&(this._clearValueStateFocus(),this.selectedItemIndex=-1),!(t!==-1&&t+1>e-1)&&this._moveItemSelection(t,++this.selectedItemIndex)}_selectPreviousItem(){const e=this._getItems(),t=this.selectedItemIndex;if(this._hasValueState&&t===0&&!this.component._isValueStateFocused){this.component.hasSuggestionItemSelected=!1,this.component._isValueStateFocused=!0,this.selectedItemIndex=0,e[0].focused=!1,e[0].hasAttribute("ui5-suggestion-item")&&(e[0].selected=!1);return}if(this.component._isValueStateFocused){this.component.focused=!0,this.component._isValueStateFocused=!1,this.selectedItemIndex=0;return}if(!(t===-1||t===null)){if(t-1<0){(e[t].hasAttribute("ui5-suggestion-item")||e[t].hasAttribute("ui5-suggestion-item-custom"))&&(e[t].selected=!1),e[t].focused=!1,this.component.focused=!0,this.component.hasSuggestionItemSelected=!1,this.selectedItemIndex-=1;return}this._moveItemSelection(t,--this.selectedItemIndex)}}_moveItemSelection(e,t){const s=this._getItems(),i=s[t],o=s[e],l=this._getNonGroupItems(),a=i.hasAttribute("ui5-suggestion-item-group");if(!i)return;this.component.focused=!1,this._clearValueStateFocus();const d=this._getItems()[this.selectedItemIndex];if(this.accInfo={isGroup:a,currentPos:s.indexOf(i)+1,itemText:(a?d.headerText:d.text)||""},(i.hasAttribute("ui5-suggestion-item")||i.hasAttribute("ui5-suggestion-item-custom"))&&(this.accInfo.additionalText=i.additionalText||"",this.accInfo.currentPos=l.indexOf(i)+1,this.accInfo.listSize=l.length),o&&(o.focused=!1),(o!=null&&o.hasAttribute("ui5-suggestion-item")||o!=null&&o.hasAttribute("ui5-suggestion-item-custom"))&&(o.selected=!1),i&&(i.focused=!0,a||(i.selected=!0),this.handleFocus&&i.focus()),this.component.hasSuggestionItemSelected=!0,this.onItemSelect(i),!this._isItemIntoView(i)){const C=this._isGroupItem?i.shadowRoot.querySelector("[ui5-li-group-header]"):i;this._scrollItemIntoView(C)}}_deselectItems(){this._getItems().forEach(t=>{t.hasAttribute("ui5-suggestion-item")&&(t.selected=!1),t.focused=!1})}_clearItemFocus(){const e=this._getItems().find(t=>t.focused);e&&(e.focused=!1)}_isItemIntoView(e){const t=e.getDomRef().getBoundingClientRect(),s=this._getComponent().getDomRef().getBoundingClientRect(),i=window.innerHeight||document.documentElement.clientHeight;let o=0;return this._hasValueState&&(o=this._getPicker().querySelector("[slot=header]").getBoundingClientRect().height),t.top+u.SCROLL_STEP<=i&&t.top>=s.top+o}_scrollItemIntoView(e){e.scrollIntoView({behavior:"auto",block:"nearest",inline:"nearest"})}_getScrollContainer(){return this._scrollContainer||(this._scrollContainer=this._getPicker().shadowRoot.querySelector(".ui5-popup-content")),this._scrollContainer}_getItems(){return this._getComponent().getSlottedNodes("suggestionItems").flatMap(t=>t.hasAttribute("ui5-suggestion-item-group")?[t,...t.items]:[t])}_getNonGroupItems(){return this._getItems().filter(e=>!e.hasAttribute("ui5-suggestion-item-group"))}_getComponent(){return this.component}_getList(){return this._getPicker().querySelector("[ui5-list]")}_getListWidth(){var e;return(e=this._getList())==null?void 0:e.offsetWidth}_getPicker(){return this._getComponent().shadowRoot.querySelector("[ui5-responsive-popover]")}get itemSelectionAnnounce(){if(!this.accInfo)return"";if(this.accInfo.isGroup)return`${u.i18nBundle.getText(N)} ${this.accInfo.itemText}`;const e=u.i18nBundle.getText(B,this.accInfo.currentPos||0,this.accInfo.listSize||0);return`${this.accInfo.additionalText} ${e}`}hightlightInput(e,t){return z(e,t)}get _hasValueState(){return this.component.hasValueStateMessage}_focusValueState(){this.component._isValueStateFocused=!0,this.component.focused=!1,this.component.hasSuggestionItemSelected=!1,this.selectedItemIndex=0,this.component.value=this.component.typedInValue,this._deselectItems()}_clearValueStateFocus(){this.component._isValueStateFocused=!1}_clearSelectedSuggestionAndaccInfo(){this.accInfo=void 0,this.selectedItemIndex=0}}u.SCROLL_STEP=60;b.SuggestionsClass=u;export{u as default};

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

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