:root{--hpe-base-color-black-opacity100: #000000;--hpe-base-color-black-opacity12: rgba(0, 0, 0, .12);--hpe-base-color-black-opacity24: rgba(0, 0, 0, .24);--hpe-base-color-black-opacity36: rgba(0, 0, 0, .36);--hpe-base-color-black-opacity4: rgba(0, 0, 0, .04);--hpe-base-color-black-opacity48: rgba(0, 0, 0, .48);--hpe-base-color-black-opacity50: rgba(0, 0, 0, .5);--hpe-base-color-black-opacity72: rgba(0, 0, 0, .72);--hpe-base-color-black-opacity8: rgba(0, 0, 0, .08);--hpe-base-color-blue-50: #e3f1ff;--hpe-base-color-blue-200: #65aef9;--hpe-base-color-blue-300: #3994f7;--hpe-base-color-blue-500: #0070f8;--hpe-base-color-blue-700: #0055da;--hpe-base-color-blue-900: #003cae;--hpe-base-color-blue-1100: #2b3547;--hpe-base-color-coral-100: #fc988b;--hpe-base-color-coral-200: #e5786a;--hpe-base-color-coral-300: #d25f4b;--hpe-base-color-coral-400: #c64f3a;--hpe-base-color-coral-500: #b4422a;--hpe-base-color-cyan-100: #99f0f9;--hpe-base-color-cyan-200: #62e5f6;--hpe-base-color-cyan-300: #00dbe4;--hpe-base-color-cyan-400: #00a4b3;--hpe-base-color-cyan-500: #04909d;--hpe-base-color-fuschia-100: #fc9ddc;--hpe-base-color-fuschia-200: #db72b8;--hpe-base-color-fuschia-300: #cc54a4;--hpe-base-color-fuschia-700: #ad4089;--hpe-base-color-fuschia-900: #7f245c;--hpe-base-color-gold-100: #f9cc61;--hpe-base-color-gold-200: #ecbe4f;--hpe-base-color-gold-300: #deb146;--hpe-base-color-gold-400: #c89e3a;--hpe-base-color-gold-500: #b38a29;--hpe-base-color-gold-550: #b0840d;--hpe-base-color-green-100: #d1ffee;--hpe-base-color-green-125: #aafade;--hpe-base-color-green-400: #00e0af;--hpe-base-color-green-450: #66ebcf;--hpe-base-color-green-500: #00e0af;--hpe-base-color-green-550: #05cc93;--hpe-base-color-green-600: #01a982;--hpe-base-color-green-650: #009a71;--hpe-base-color-green-700: #068667;--hpe-base-color-green-800: #006750;--hpe-base-color-green-900: #074738;--hpe-base-color-green-1000: #093d32;--hpe-base-color-grey-50: #f7f7f7;--hpe-base-color-grey-200: #e6e8e9;--hpe-base-color-grey-400: #d4d8db;--hpe-base-color-grey-500: #b1b9be;--hpe-base-color-grey-600: #7d8a92;--hpe-base-color-grey-650: #606a70;--hpe-base-color-grey-700: #535c66;--hpe-base-color-grey-800: #3e4550;--hpe-base-color-grey-1000: #292d3a;--hpe-base-color-grey-1200: #22252e;--hpe-base-color-grey-1300: #1d1f27;--hpe-base-color-orange-50: #fff3dd;--hpe-base-color-orange-500: #ec8c25;--hpe-base-color-orange-600: #d36d00;--hpe-base-color-orange-1000: #3c361e;--hpe-base-color-plum-100: #c98ad4;--hpe-base-color-plum-200: #a455b3;--hpe-base-color-plum-600: #873492;--hpe-base-color-plum-700: #6c2b7c;--hpe-base-color-plum-900: #5e1f68;--hpe-base-color-purple-100: #b7a2fc;--hpe-base-color-purple-200: #9b84fc;--hpe-base-color-purple-400: #7764fc;--hpe-base-color-purple-700: #5d45d6;--hpe-base-color-purple-900: #3c3aa1;--hpe-base-color-red-50: #ffecec;--hpe-base-color-red-400: #ff7b7b;--hpe-base-color-red-500: #fc6161;--hpe-base-color-red-600: #ec3331;--hpe-base-color-red-800: #cc1f1a;--hpe-base-color-red-1000: #552120;--hpe-base-color-white-100: #ffffff;--hpe-base-color-white-opacity10: rgba(255, 255, 255, .1);--hpe-base-color-white-opacity12: rgba(255, 255, 255, .12);--hpe-base-color-white-opacity20: rgba(255, 255, 255, .2);--hpe-base-color-white-opacity24: rgba(255, 255, 255, .24);--hpe-base-color-white-opacity36: rgba(255, 255, 255, .36);--hpe-base-color-white-opacity50: rgba(255, 255, 255, .5);--hpe-base-color-white-opacity6: rgba(255, 255, 255, .06);--hpe-base-color-white-opacity7: rgba(255, 255, 255, .07);--hpe-base-color-white-opacity72: rgba(255, 255, 255, .72);--hpe-base-dimension-0: 0px;--hpe-base-dimension-25: 1px;--hpe-base-dimension-50: 2px;--hpe-base-dimension-75: 3px;--hpe-base-dimension-100: 4px;--hpe-base-dimension-150: 6px;--hpe-base-dimension-200: 8px;--hpe-base-dimension-225: 9px;--hpe-base-dimension-250: 10px;--hpe-base-dimension-300: 12px;--hpe-base-dimension-350: 14px;--hpe-base-dimension-400: 16px;--hpe-base-dimension-450: 18px;--hpe-base-dimension-475: 19px;--hpe-base-dimension-500: 20px;--hpe-base-dimension-550: 22px;--hpe-base-dimension-600: 24px;--hpe-base-dimension-700: 28px;--hpe-base-dimension-800: 32px;--hpe-base-dimension-900: 36px;--hpe-base-dimension-1200: 48px;--hpe-base-dimension-1600: 64px;--hpe-base-dimension-1800: 72px;--hpe-base-dimension-2400: 96px;--hpe-base-dimension-3200: 128px;--hpe-base-dimension-4800: 192px;--hpe-base-dimension-6400: 256px;--hpe-base-dimension-9600: 384px;--hpe-base-dimension-12800: 512px;--hpe-base-dimension-19200: 768px;--hpe-base-dimension-25600: 1024px;--hpe-base-dimension-38400: 1536px;--hpe-base-fontFamily-code: Fira Mono;--hpe-base-fontFamily-primary: HPE Graphik;--hpe-base-fontSize-80: .75rem;--hpe-base-fontSize-90: .875rem;--hpe-base-fontSize-100: 1rem;--hpe-base-fontSize-200: 1.125rem;--hpe-base-fontSize-300: 1.25rem;--hpe-base-fontSize-400: 1.375rem;--hpe-base-fontSize-500: 1.5rem;--hpe-base-fontSize-600: 2.25rem;--hpe-base-fontSize-700: 2.625rem;--hpe-base-fontSize-800: 3rem;--hpe-base-fontSize-900: 4.5rem;--hpe-base-lineHeight-80: .75rem;--hpe-base-lineHeight-90: 1rem;--hpe-base-lineHeight-100: 1.25rem;--hpe-base-lineHeight-200: 1.5rem;--hpe-base-lineHeight-300: 1.75rem;--hpe-base-lineHeight-400: 1.875rem;--hpe-base-lineHeight-500: 2.25rem;--hpe-base-lineHeight-600: 2.5rem;--hpe-base-lineHeight-700: 2.875rem;--hpe-base-lineHeight-800: 3rem;--hpe-base-lineHeight-900: 4.5rem;--hpe-static-radius-full: 9999px;--hpe-static-borderWidth-default: var(--hpe-base-dimension-25);--hpe-static-borderWidth-large: var(--hpe-base-dimension-150);--hpe-static-borderWidth-medium: var(--hpe-base-dimension-100);--hpe-static-borderWidth-none: var(--hpe-base-dimension-0);--hpe-static-borderWidth-small: var(--hpe-base-dimension-50);--hpe-static-borderWidth-xsmall: var(--hpe-base-dimension-25);--hpe-static-container-3xlarge: var(--hpe-base-dimension-38400);--hpe-static-container-3xsmall: var(--hpe-base-dimension-2400);--hpe-static-container-4xsmall: var(--hpe-base-dimension-1600);--hpe-static-container-5xsmall: var(--hpe-base-dimension-1200);--hpe-static-container-large: var(--hpe-base-dimension-12800);--hpe-static-container-medium: var(--hpe-base-dimension-9600);--hpe-static-container-small: var(--hpe-base-dimension-6400);--hpe-static-container-xlarge: var(--hpe-base-dimension-19200);--hpe-static-container-xsmall: var(--hpe-base-dimension-4800);--hpe-static-container-xxlarge: var(--hpe-base-dimension-25600);--hpe-static-container-xxsmall: var(--hpe-base-dimension-3200);--hpe-static-radius-hair: var(--hpe-base-dimension-25);--hpe-static-radius-large: var(--hpe-base-dimension-400);--hpe-static-radius-medium: var(--hpe-base-dimension-300);--hpe-static-radius-none: var(--hpe-base-dimension-0);--hpe-static-radius-small: var(--hpe-base-dimension-200);--hpe-static-radius-xlarge: var(--hpe-base-dimension-600);--hpe-static-radius-xsmall: var(--hpe-base-dimension-150);--hpe-static-radius-xxlarge: var(--hpe-base-dimension-800);--hpe-static-radius-xxsmall: var(--hpe-base-dimension-100);--hpe-static-spacing-3xlarge: var(--hpe-base-dimension-2400);--hpe-static-spacing-3xsmall: var(--hpe-base-dimension-150);--hpe-static-spacing-4xlarge: var(--hpe-base-dimension-3200);--hpe-static-spacing-4xsmall: var(--hpe-base-dimension-100);--hpe-static-spacing-5xsmall: var(--hpe-base-dimension-75);--hpe-static-spacing-6xsmall: var(--hpe-base-dimension-50);--hpe-static-spacing-hair: var(--hpe-base-dimension-25);--hpe-static-spacing-large: var(--hpe-base-dimension-800);--hpe-static-spacing-medium: var(--hpe-base-dimension-600);--hpe-static-spacing-none: var(--hpe-base-dimension-0);--hpe-static-spacing-small: var(--hpe-base-dimension-400);--hpe-static-spacing-xlarge: var(--hpe-base-dimension-1200);--hpe-static-spacing-xsmall: var(--hpe-base-dimension-300);--hpe-static-spacing-xxlarge: var(--hpe-base-dimension-1600);--hpe-static-spacing-xxsmall: var(--hpe-base-dimension-200)}:root,[data-mode=auto],[data-mode=light]{--hpe-base-color-black-opacity100: #000000;--hpe-base-color-black-opacity12: rgba(0, 0, 0, .12);--hpe-base-color-black-opacity24: rgba(0, 0, 0, .24);--hpe-base-color-black-opacity36: rgba(0, 0, 0, .36);--hpe-base-color-black-opacity4: rgba(0, 0, 0, .04);--hpe-base-color-black-opacity48: rgba(0, 0, 0, .48);--hpe-base-color-black-opacity50: rgba(0, 0, 0, .5);--hpe-base-color-black-opacity72: rgba(0, 0, 0, .72);--hpe-base-color-black-opacity8: rgba(0, 0, 0, .08);--hpe-base-color-blue-50: #e3f1ff;--hpe-base-color-blue-200: #65aef9;--hpe-base-color-blue-300: #3994f7;--hpe-base-color-blue-500: #0070f8;--hpe-base-color-blue-700: #0055da;--hpe-base-color-blue-900: #003cae;--hpe-base-color-blue-1100: #2b3547;--hpe-base-color-coral-100: #fc988b;--hpe-base-color-coral-200: #e5786a;--hpe-base-color-coral-300: #d25f4b;--hpe-base-color-coral-400: #c64f3a;--hpe-base-color-coral-500: #b4422a;--hpe-base-color-cyan-100: #99f0f9;--hpe-base-color-cyan-200: #62e5f6;--hpe-base-color-cyan-300: #00dbe4;--hpe-base-color-cyan-400: #00a4b3;--hpe-base-color-cyan-500: #04909d;--hpe-base-color-fuschia-100: #fc9ddc;--hpe-base-color-fuschia-200: #db72b8;--hpe-base-color-fuschia-300: #cc54a4;--hpe-base-color-fuschia-700: #ad4089;--hpe-base-color-fuschia-900: #7f245c;--hpe-base-color-gold-100: #f9cc61;--hpe-base-color-gold-200: #ecbe4f;--hpe-base-color-gold-300: #deb146;--hpe-base-color-gold-400: #c89e3a;--hpe-base-color-gold-500: #b38a29;--hpe-base-color-gold-550: #b0840d;--hpe-base-color-green-100: #d1ffee;--hpe-base-color-green-125: #aafade;--hpe-base-color-green-400: #00e0af;--hpe-base-color-green-450: #66ebcf;--hpe-base-color-green-500: #00e0af;--hpe-base-color-green-550: #05cc93;--hpe-base-color-green-600: #01a982;--hpe-base-color-green-650: #009a71;--hpe-base-color-green-700: #068667;--hpe-base-color-green-800: #006750;--hpe-base-color-green-900: #074738;--hpe-base-color-green-1000: #093d32;--hpe-base-color-grey-50: #f7f7f7;--hpe-base-color-grey-200: #e6e8e9;--hpe-base-color-grey-400: #d4d8db;--hpe-base-color-grey-500: #b1b9be;--hpe-base-color-grey-600: #7d8a92;--hpe-base-color-grey-650: #606a70;--hpe-base-color-grey-700: #535c66;--hpe-base-color-grey-800: #3e4550;--hpe-base-color-grey-1000: #292d3a;--hpe-base-color-grey-1200: #22252e;--hpe-base-color-grey-1300: #1d1f27;--hpe-base-color-orange-50: #fff3dd;--hpe-base-color-orange-500: #ec8c25;--hpe-base-color-orange-600: #d36d00;--hpe-base-color-orange-1000: #3c361e;--hpe-base-color-plum-100: #c98ad4;--hpe-base-color-plum-200: #a455b3;--hpe-base-color-plum-600: #873492;--hpe-base-color-plum-700: #6c2b7c;--hpe-base-color-plum-900: #5e1f68;--hpe-base-color-purple-100: #b7a2fc;--hpe-base-color-purple-200: #9b84fc;--hpe-base-color-purple-400: #7764fc;--hpe-base-color-purple-700: #5d45d6;--hpe-base-color-purple-900: #3c3aa1;--hpe-base-color-red-50: #ffecec;--hpe-base-color-red-400: #ff7b7b;--hpe-base-color-red-500: #fc6161;--hpe-base-color-red-600: #ec3331;--hpe-base-color-red-800: #cc1f1a;--hpe-base-color-red-1000: #552120;--hpe-base-color-white-100: #ffffff;--hpe-base-color-white-opacity10: rgba(255, 255, 255, .1);--hpe-base-color-white-opacity12: rgba(255, 255, 255, .12);--hpe-base-color-white-opacity20: rgba(255, 255, 255, .2);--hpe-base-color-white-opacity24: rgba(255, 255, 255, .24);--hpe-base-color-white-opacity36: rgba(255, 255, 255, .36);--hpe-base-color-white-opacity50: rgba(255, 255, 255, .5);--hpe-base-color-white-opacity6: rgba(255, 255, 255, .06);--hpe-base-color-white-opacity7: rgba(255, 255, 255, .07);--hpe-base-color-white-opacity72: rgba(255, 255, 255, .72);--hpe-deprecated-base-color-blue-400: #00c8ff;--hpe-deprecated-base-color-blue-700: #00739d;--hpe-deprecated-base-color-blue-900: #00567a;--hpe-deprecated-base-color-blue-400-Opacity12: rgba(0, 200, 255, .12);--hpe-deprecated-base-color-dataVis-blue1: #2053d9;--hpe-deprecated-base-color-dataVis-blue2: #1f95e4;--hpe-deprecated-base-color-dataVis-darkblue1: #00384d;--hpe-deprecated-base-color-dataVis-darkblue2: #38819c;--hpe-deprecated-base-color-dataVis-gold1: #b0840d;--hpe-deprecated-base-color-dataVis-gold2: #bd9d48;--hpe-deprecated-base-color-dataVis-grape1: #470d69;--hpe-deprecated-base-color-dataVis-green1: #01a982;--hpe-deprecated-base-color-dataVis-lightblue1: #5c91e5;--hpe-deprecated-base-color-dataVis-lightblue2: #78bff0;--hpe-deprecated-base-color-dataVis-pink1: #a95589;--hpe-deprecated-base-color-dataVis-pink2: #c0649a;--hpe-deprecated-base-color-dataVis-purple1: #7022ec;--hpe-deprecated-base-color-dataVis-purple2: #3c3aa1;--hpe-deprecated-base-color-dataVis-purple3: #855aaa;--hpe-deprecated-base-color-green-100: #d1ffee;--hpe-deprecated-base-color-green-125: #aafade;--hpe-deprecated-base-color-green-400: #17eba0;--hpe-deprecated-base-color-green-450: #00ebb5;--hpe-deprecated-base-color-green-500: #1ed8ae;--hpe-deprecated-base-color-green-600: #01a982;--hpe-deprecated-base-color-green-650: #009a71;--hpe-deprecated-base-color-green-700: #008567;--hpe-deprecated-base-color-green-800: #006750;--hpe-deprecated-base-color-green-900: #074b3b;--hpe-deprecated-base-color-green-1000: #093a2f;--hpe-deprecated-base-color-green-400-Opacity12: rgba(23, 235, 160, .12);--hpe-deprecated-base-color-green-400-Opacity24: rgba(23, 235, 160, .24);--hpe-deprecated-base-color-green-500-Opacity30: rgba(23, 208, 166, .3);--hpe-deprecated-base-color-grey-50: #f7f7f7;--hpe-deprecated-base-color-grey-400: #cccccc;--hpe-deprecated-base-color-grey-500: #bbbbbb;--hpe-deprecated-base-color-grey-600: #8c8c8c;--hpe-deprecated-base-color-grey-700: #757575;--hpe-deprecated-base-color-grey-800: #555555;--hpe-deprecated-base-color-grey-1000: #2e2e2e;--hpe-deprecated-base-color-grey-1100: #292929;--hpe-deprecated-base-color-grey-1200: #222222;--hpe-deprecated-base-color-grey-1300: #1c1c1c;--hpe-deprecated-base-color-orange-400: #ffbc44;--hpe-deprecated-base-color-orange-500: #ec8c25;--hpe-deprecated-base-color-orange-600: #d36d00;--hpe-deprecated-base-color-orange-700: #9b6310;--hpe-deprecated-base-color-orange-400-Opacity12: rgba(255, 188, 68, .12);--hpe-deprecated-base-color-orange-400-Opacity24: rgba(255, 188, 68, .24);--hpe-deprecated-base-color-purple-500: #f740ff;--hpe-deprecated-base-color-purple-900: #6633bc;--hpe-deprecated-base-color-red-500: #fc6161;--hpe-deprecated-base-color-red-550: #fc5a5a;--hpe-deprecated-base-color-red-600: #ec3331;--hpe-deprecated-base-color-red-750: #c54e4b;--hpe-deprecated-base-color-red-800: #cc1f1a;--hpe-deprecated-base-color-red-850: #a2423d;--hpe-deprecated-base-color-red-500-Opacity12: rgba(252, 97, 97, .12);--hpe-deprecated-base-color-red-500-Opacity24: rgba(252, 97, 97, .24);--hpe-deprecated-base-color-red-800-Opacity30: rgba(204, 31, 26, .3);--hpe-deprecated-base-color-teal-200: #82fff2;--hpe-deprecated-base-color-teal-400: #00e8cf;--hpe-deprecated-base-color-teal-700: #117b82;--hpe-deprecated-base-color-yellow-200: #ffeb59;--hpe-deprecated-base-color-yellow-400: #fec901;--hpe-deprecated-base-color-yellow-700: #8d741c;--hpe-deprecated-base-color-yellow-400-Opacity12: rgba(254, 201, 1, .12);--hpe-color-transparent: rgba(0, 0, 0, 0);--hpe-deprecated-base-color-brand: var(--hpe-deprecated-base-color-green-600);--hpe-color-background-back: var(--hpe-base-color-grey-50);--hpe-color-background-contrast: var(--hpe-base-color-black-opacity4);--hpe-color-background-contrast-hover: var(--hpe-base-color-black-opacity8);--hpe-color-background-critical: var(--hpe-base-color-red-50);--hpe-color-background-default: var(--hpe-base-color-white-100);--hpe-color-background-disabled: var(--hpe-base-color-black-opacity4);--hpe-color-background-floating: var(--hpe-base-color-white-100);--hpe-color-background-front: var(--hpe-base-color-white-100);--hpe-color-background-info: var(--hpe-base-color-blue-50);--hpe-color-background-neutral-xstrong: var(--hpe-base-color-grey-1000);--hpe-color-background-neutral-xstrong-hover: var(--hpe-base-color-grey-800);--hpe-color-background-ok: var(--hpe-base-color-green-100);--hpe-color-background-primary-strong: var(--hpe-base-color-green-700);--hpe-color-background-primary-strong-hover: var(--hpe-base-color-green-800);--hpe-color-background-primary-xstrong: var(--hpe-base-color-green-1000);--hpe-color-background-screenOverlay: var(--hpe-base-color-black-opacity12);--hpe-color-background-selected-primary: var(--hpe-base-color-green-100);--hpe-color-background-selected-primary-hover: var(--hpe-base-color-green-125);--hpe-color-background-unknown: var(--hpe-base-color-black-opacity4);--hpe-color-background-warning: var(--hpe-base-color-orange-50);--hpe-color-border-critical: var(--hpe-base-color-red-800);--hpe-color-border-default: var(--hpe-base-color-grey-500);--hpe-color-border-disabled: var(--hpe-base-color-black-opacity12);--hpe-color-border-strong: var(--hpe-base-color-grey-800);--hpe-color-border-weak: var(--hpe-base-color-grey-400);--hpe-color-dataVis-categorical-10: var(--hpe-base-color-blue-500);--hpe-color-dataVis-categorical-20: var(--hpe-base-color-green-650);--hpe-color-dataVis-categorical-30: var(--hpe-base-color-purple-400);--hpe-color-dataVis-categorical-40: var(--hpe-base-color-blue-900);--hpe-color-dataVis-categorical-50: var(--hpe-base-color-fuschia-300);--hpe-color-dataVis-categorical-60: var(--hpe-base-color-cyan-500);--hpe-color-dataVis-categorical-70: var(--hpe-base-color-plum-700);--hpe-color-dataVis-categorical-80: var(--hpe-base-color-coral-300);--hpe-color-decorative-blue: var(--hpe-base-color-blue-500);--hpe-color-decorative-brand: var(--hpe-base-color-green-600);--hpe-color-decorative-cyan: var(--hpe-base-color-cyan-200);--hpe-color-decorative-green: var(--hpe-base-color-green-550);--hpe-color-decorative-neutral: var(--hpe-base-color-grey-600);--hpe-color-decorative-neutral-hover: var(--hpe-base-color-grey-650);--hpe-color-decorative-purple: var(--hpe-base-color-purple-400);--hpe-color-focus: var(--hpe-base-color-grey-1000);--hpe-color-focus-support: var(--hpe-base-color-white-100);--hpe-color-foreground-critical: var(--hpe-base-color-red-600);--hpe-color-foreground-ok: var(--hpe-base-color-green-650);--hpe-color-foreground-primary: var(--hpe-base-color-green-800);--hpe-color-foreground-unknown: var(--hpe-base-color-grey-600);--hpe-color-foreground-warning: var(--hpe-base-color-orange-600);--hpe-color-icon-critical: var(--hpe-base-color-red-800);--hpe-color-icon-info: var(--hpe-base-color-blue-700);--hpe-color-icon-ok: var(--hpe-base-color-green-650);--hpe-color-icon-onPrimaryStrong: var(--hpe-base-color-white-100);--hpe-color-icon-onSelectedPrimaryStrong: var(--hpe-base-color-white-100);--hpe-color-icon-onStrong: var(--hpe-base-color-white-100);--hpe-color-icon-primary: var(--hpe-base-color-green-800);--hpe-color-icon-primary-hover: var(--hpe-base-color-green-900);--hpe-color-icon-unknown: var(--hpe-base-color-grey-650);--hpe-color-icon-warning: var(--hpe-base-color-orange-600);--hpe-color-text-critical: var(--hpe-base-color-red-800);--hpe-color-text-default: var(--hpe-base-color-grey-800);--hpe-color-text-disabled: var(--hpe-base-color-black-opacity24);--hpe-color-text-onPrimaryStrong: var(--hpe-base-color-white-100);--hpe-color-text-onSelectedPrimaryStrong: var(--hpe-base-color-white-100);--hpe-color-text-onStrong: var(--hpe-base-color-white-100);--hpe-color-text-primary: var(--hpe-base-color-green-800);--hpe-color-text-primary-hover: var(--hpe-base-color-green-900);--hpe-color-text-strong: var(--hpe-base-color-grey-1000);--hpe-color-text-weak: var(--hpe-base-color-grey-650);--hpe-shadow-small: 0 var(--hpe-base-dimension-50) var(--hpe-base-dimension-100) var(--hpe-base-color-black-opacity12) ;--hpe-button-default-disabled-rest-background: var(--hpe-color-transparent);--hpe-button-default-disabled-rest-borderColor: var(--hpe-color-transparent);--hpe-button-default-rest-background: var(--hpe-color-transparent);--hpe-button-default-rest-borderColor: var(--hpe-color-transparent);--hpe-button-default-selected-rest-background: var(--hpe-color-transparent);--hpe-button-primary-disabled-rest-borderColor: var(--hpe-color-transparent);--hpe-button-primary-hover-borderColor: var(--hpe-color-transparent);--hpe-button-primary-rest-borderColor: var(--hpe-color-transparent);--hpe-button-primary-selected-rest-background: var(--hpe-color-transparent);--hpe-button-secondary-disabled-rest-borderColor: var(--hpe-color-transparent);--hpe-button-secondary-rest-borderColor: var(--hpe-color-transparent);--hpe-button-secondary-selected-rest-background: var(--hpe-color-transparent);--hpe-button-toolbar-disabled-rest-background: var(--hpe-color-transparent);--hpe-button-toolbar-disabled-rest-borderColor: var(--hpe-color-transparent);--hpe-button-toolbar-rest-background: var(--hpe-color-transparent);--hpe-button-toolbar-rest-borderColor: var(--hpe-color-transparent);--hpe-checkbox-default-control-disabled-rest-background: var(--hpe-color-transparent);--hpe-checkbox-default-control-indeterminate-hover-borderColor: var(--hpe-color-transparent);--hpe-checkbox-default-control-indeterminate-rest-borderColor: var(--hpe-color-transparent);--hpe-checkbox-default-control-rest-background: var(--hpe-color-transparent);--hpe-checkbox-default-control-selected-hover-borderColor: var(--hpe-color-transparent);--hpe-checkbox-default-control-selected-rest-borderColor: var(--hpe-color-transparent);--hpe-dataCell-default-hover-background: var(--hpe-color-transparent);--hpe-dataCell-default-pinned-hover-background: var(--hpe-color-transparent);--hpe-dataCell-default-pinned-rest-background: var(--hpe-color-transparent);--hpe-dataCell-default-rest-background: var(--hpe-color-transparent);--hpe-dataCell-primary-pinned-hover-background: var(--hpe-color-transparent);--hpe-dataCell-primary-pinned-rest-background: var(--hpe-color-transparent);--hpe-footerCell-default-hover-background: var(--hpe-color-transparent);--hpe-footerCell-default-pinned-hover-background: var(--hpe-color-transparent);--hpe-footerCell-default-pinned-rest-background: var(--hpe-color-transparent);--hpe-footerCell-default-rest-background: var(--hpe-color-transparent);--hpe-formField-default-input-container-disabled-rest-background: var(--hpe-color-transparent);--hpe-formField-default-input-container-hover-background: var(--hpe-color-transparent);--hpe-formField-default-input-container-rest-background: var(--hpe-color-transparent);--hpe-formField-default-input-group-container-disabled-rest-background: var(--hpe-color-transparent);--hpe-formField-default-input-group-container-disabled-rest-borderColor: var(--hpe-color-transparent);--hpe-formField-default-input-group-container-rest-borderColor: var(--hpe-color-transparent);--hpe-formField-default-input-group-item-disabled-rest-background: var(--hpe-color-transparent);--hpe-formField-default-input-group-item-disabled-rest-borderColor: var(--hpe-color-transparent);--hpe-formField-default-input-group-item-hover-borderColor: var(--hpe-color-transparent);--hpe-formField-default-input-group-item-readOnly-rest-background: var(--hpe-color-transparent);--hpe-formField-default-input-group-item-readOnly-rest-borderColor: var(--hpe-color-transparent);--hpe-formField-default-input-group-item-rest-background: var(--hpe-color-transparent);--hpe-formField-default-input-group-item-rest-borderColor: var(--hpe-color-transparent);--hpe-headerCell-default-pinned-rest-background: var(--hpe-color-transparent);--hpe-headerCell-default-rest-background: var(--hpe-color-transparent);--hpe-menu-default-drop-borderColor: var(--hpe-color-transparent);--hpe-menu-default-item-disabled-rest-background: var(--hpe-color-transparent);--hpe-menu-default-item-disabled-rest-borderColor: var(--hpe-color-transparent);--hpe-menu-default-item-hover-borderColor: var(--hpe-color-transparent);--hpe-menu-default-item-rest-background: var(--hpe-color-transparent);--hpe-menu-default-item-rest-borderColor: var(--hpe-color-transparent);--hpe-radioButton-default-control-hover-background: var(--hpe-color-transparent);--hpe-radioButton-default-control-rest-background: var(--hpe-color-transparent);--hpe-radioButton-default-control-selected-hover-borderColor: var(--hpe-color-transparent);--hpe-radioButton-default-control-selected-rest-borderColor: var(--hpe-color-transparent);--hpe-select-default-drop-borderColor: var(--hpe-color-transparent);--hpe-select-default-option-disabled-rest-borderColor: var(--hpe-color-transparent);--hpe-select-default-option-hover-borderColor: var(--hpe-color-transparent);--hpe-select-default-option-rest-background: var(--hpe-color-transparent);--hpe-select-default-option-rest-borderColor: var(--hpe-color-transparent);--hpe-select-default-option-selected-hover-borderColor: var(--hpe-color-transparent);--hpe-select-default-option-selected-rest-borderColor: var(--hpe-color-transparent);--hpe-switch-default-control-handle-disabled-rest-borderColor: var(--hpe-color-transparent);--hpe-switch-default-control-handle-hover-borderColor: var(--hpe-color-transparent);--hpe-switch-default-control-handle-rest-borderColor: var(--hpe-color-transparent);--hpe-switch-default-control-handle-selected-hover-borderColor: var(--hpe-color-transparent);--hpe-switch-default-control-handle-selected-rest-borderColor: var(--hpe-color-transparent);--hpe-switch-default-control-track-disabled-rest-borderColor: var(--hpe-color-transparent);--hpe-switch-default-control-track-hover-borderColor: var(--hpe-color-transparent);--hpe-switch-default-control-track-rest-borderColor: var(--hpe-color-transparent);--hpe-switch-default-control-track-selected-hover-borderColor: var(--hpe-color-transparent);--hpe-switch-default-control-track-selected-rest-borderColor: var(--hpe-color-transparent);--hpe-color-background-hover: var(--hpe-color-background-contrast);--hpe-color-background-selected-primary-strong: var(--hpe-color-background-primary-strong);--hpe-color-background-selected-primary-strong-hover: var(--hpe-color-background-primary-strong-hover);--hpe-color-border-info: var(--hpe-color-border-default);--hpe-color-border-ok: var(--hpe-color-border-default);--hpe-color-border-selected: var(--hpe-color-foreground-primary);--hpe-color-border-unknown: var(--hpe-color-border-default);--hpe-color-border-warning: var(--hpe-color-border-default);--hpe-color-icon-default: var(--hpe-color-text-default);--hpe-color-icon-disabled: var(--hpe-color-text-disabled);--hpe-color-icon-strong: var(--hpe-color-text-strong);--hpe-color-icon-weak: var(--hpe-color-text-weak);--hpe-color-text-anchor: var(--hpe-color-text-primary);--hpe-color-text-anchor-hover: var(--hpe-color-text-primary-hover);--hpe-color-text-heading: var(--hpe-color-text-strong);--hpe-color-text-info: var(--hpe-color-text-default);--hpe-color-text-ok: var(--hpe-color-text-default);--hpe-color-text-onCritical: var(--hpe-color-text-default);--hpe-color-text-onCritical-strong: var(--hpe-color-text-strong);--hpe-color-text-onInfo: var(--hpe-color-text-default);--hpe-color-text-onInfo-strong: var(--hpe-color-text-strong);--hpe-color-text-onOk: var(--hpe-color-text-default);--hpe-color-text-onOk-strong: var(--hpe-color-text-strong);--hpe-color-text-onSelectedPrimary: var(--hpe-color-text-strong);--hpe-color-text-onUnknown: var(--hpe-color-text-default);--hpe-color-text-onUnknown-strong: var(--hpe-color-text-strong);--hpe-color-text-onWarning: var(--hpe-color-text-default);--hpe-color-text-onWarning-strong: var(--hpe-color-text-strong);--hpe-color-text-placeholder: var(--hpe-color-text-weak);--hpe-color-text-unknown: var(--hpe-color-text-default);--hpe-color-text-warning: var(--hpe-color-text-default);--hpe-shadow-large: var(--hpe-static-spacing-none) var(--hpe-static-spacing-xsmall) var(--hpe-static-spacing-medium) var(--hpe-static-spacing-none) var(--hpe-base-color-black-opacity24) ;--hpe-shadow-medium: var(--hpe-static-spacing-none) var(--hpe-static-spacing-3xsmall) var(--hpe-static-spacing-xsmall) var(--hpe-static-spacing-none) var(--hpe-base-color-black-opacity12) ;--hpe-anchor-default-disabled-rest-textColor: var(--hpe-color-text-disabled);--hpe-button-default-disabled-rest-textColor: var(--hpe-color-text-disabled);--hpe-button-default-hover-borderColor: var(--hpe-button-default-rest-borderColor);--hpe-button-default-rest-textColor: var(--hpe-color-text-strong);--hpe-button-default-selected-hover-textColor: var(--hpe-color-text-strong);--hpe-button-default-selected-rest-textColor: var(--hpe-color-text-strong);--hpe-button-primary-disabled-rest-background: var(--hpe-color-background-disabled);--hpe-button-primary-disabled-rest-textColor: var(--hpe-color-text-disabled);--hpe-button-primary-hover-background: var(--hpe-color-background-neutral-xstrong-hover);--hpe-button-primary-hover-iconColor: var(--hpe-color-icon-onStrong);--hpe-button-primary-hover-textColor: var(--hpe-color-text-onStrong);--hpe-button-primary-rest-background: var(--hpe-color-background-neutral-xstrong);--hpe-button-primary-rest-iconColor: var(--hpe-color-icon-onStrong);--hpe-button-primary-rest-textColor: var(--hpe-color-text-onStrong);--hpe-button-primary-selected-hover-textColor: var(--hpe-color-text-strong);--hpe-button-primary-selected-rest-textColor: var(--hpe-color-text-strong);--hpe-button-secondary-disabled-rest-background: var(--hpe-color-background-disabled);--hpe-button-secondary-disabled-rest-textColor: var(--hpe-color-text-disabled);--hpe-button-secondary-hover-background: var(--hpe-color-background-contrast-hover);--hpe-button-secondary-hover-borderColor: var(--hpe-button-secondary-rest-borderColor);--hpe-button-secondary-rest-background: var(--hpe-color-background-contrast);--hpe-button-secondary-rest-textColor: var(--hpe-color-text-strong);--hpe-button-secondary-selected-hover-textColor: var(--hpe-color-text-strong);--hpe-button-secondary-selected-rest-textColor: var(--hpe-color-text-strong);--hpe-button-toolbar-disabled-rest-textColor: var(--hpe-color-text-disabled);--hpe-button-toolbar-hover-borderColor: var(--hpe-button-toolbar-rest-borderColor);--hpe-button-toolbar-rest-textColor: var(--hpe-color-text-default);--hpe-button-toolbar-selected-hover-background: var(--hpe-color-background-selected-primary-hover);--hpe-button-toolbar-selected-hover-iconColor: var(--hpe-color-icon-primary);--hpe-button-toolbar-selected-hover-textColor: var(--hpe-color-text-primary);--hpe-button-toolbar-selected-rest-background: var(--hpe-color-background-selected-primary);--hpe-button-toolbar-selected-rest-iconColor: var(--hpe-color-icon-primary);--hpe-button-toolbar-selected-rest-textColor: var(--hpe-color-text-primary);--hpe-checkbox-default-control-disabled-rest-borderColor: var(--hpe-color-border-disabled);--hpe-checkbox-default-control-hover-borderColor: var(--hpe-color-border-strong);--hpe-checkbox-default-control-indeterminate-hover-iconColor: var(--hpe-color-icon-onSelectedPrimaryStrong);--hpe-checkbox-default-control-indeterminate-rest-iconColor: var(--hpe-color-icon-onSelectedPrimaryStrong);--hpe-checkbox-default-control-rest-borderColor: var(--hpe-color-border-default);--hpe-checkbox-default-control-selected-hover-iconColor: var(--hpe-color-icon-onSelectedPrimaryStrong);--hpe-checkbox-default-control-selected-rest-iconColor: var(--hpe-color-icon-onSelectedPrimaryStrong);--hpe-checkbox-default-label-disabled-rest-textColor: var(--hpe-color-text-disabled);--hpe-checkbox-default-label-hover-textColor: var(--hpe-color-text-default);--hpe-checkbox-default-label-rest-textColor: var(--hpe-color-text-default);--hpe-dataCell-default-disabled-rest-background: var(--hpe-dataCell-default-rest-background);--hpe-dataCell-default-disabled-rest-textColor: var(--hpe-color-text-disabled);--hpe-dataCell-default-rest-borderColor: var(--hpe-color-border-weak);--hpe-dataCell-default-rest-textColor: var(--hpe-color-text-default);--hpe-dataCell-default-selected-hover-background: var(--hpe-color-background-contrast-hover);--hpe-dataCell-primary-hover-background: var(--hpe-dataCell-default-hover-background);--hpe-dataCell-primary-rest-background: var(--hpe-dataCell-default-rest-background);--hpe-dataCell-primary-rest-iconColor: var(--hpe-color-text-strong);--hpe-dataCell-primary-rest-textColor: var(--hpe-color-text-strong);--hpe-dataCell-primary-selected-hover-background: var(--hpe-color-background-contrast-hover);--hpe-drop-default-background: var(--hpe-color-background-floating);--hpe-footerCell-default-rest-borderColor: var(--hpe-color-border-default);--hpe-formField-default-error-hover-iconColor: var(--hpe-color-icon-critical);--hpe-formField-default-error-hover-textColor: var(--hpe-color-text-critical);--hpe-formField-default-error-rest-iconColor: var(--hpe-color-icon-critical);--hpe-formField-default-error-rest-textColor: var(--hpe-color-text-critical);--hpe-formField-default-help-disabled-rest-textColor: var(--hpe-color-text-disabled);--hpe-formField-default-help-error-rest-textColor: var(--hpe-color-text-default);--hpe-formField-default-help-hover-textColor: var(--hpe-color-text-default);--hpe-formField-default-help-readOnly-rest-textColor: var(--hpe-color-text-default);--hpe-formField-default-help-rest-textColor: var(--hpe-color-text-default);--hpe-formField-default-info-disabled-rest-textColor: var(--hpe-color-text-disabled);--hpe-formField-default-info-error-rest-textColor: var(--hpe-color-text-default);--hpe-formField-default-info-hover-textColor: var(--hpe-color-text-default);--hpe-formField-default-info-readOnly-rest-textColor: var(--hpe-color-text-default);--hpe-formField-default-info-rest-textColor: var(--hpe-color-text-default);--hpe-formField-default-input-container-disabled-rest-borderColor: var(--hpe-color-border-disabled);--hpe-formField-default-input-container-error-rest-background: var(--hpe-color-background-critical);--hpe-formField-default-input-container-error-rest-borderColor: var(--hpe-color-border-critical);--hpe-formField-default-input-container-hover-borderColor: var(--hpe-color-border-default);--hpe-formField-default-input-container-readOnly-rest-background: var(--hpe-color-background-contrast);--hpe-formField-default-input-container-readOnly-rest-borderColor: var(--hpe-color-border-weak);--hpe-formField-default-input-container-rest-borderColor: var(--hpe-color-border-default);--hpe-formField-default-input-group-container-error-rest-background: var(--hpe-color-background-critical);--hpe-formField-default-input-group-container-error-rest-borderColor: var(--hpe-color-border-critical);--hpe-formField-default-input-group-container-hover-borderColor: var(--hpe-formField-default-input-group-container-rest-borderColor);--hpe-formField-default-input-group-container-rest-background: var(--hpe-formField-default-input-container-rest-background);--hpe-formField-default-label-disabled-rest-textColor: var(--hpe-color-text-disabled);--hpe-formField-default-label-error-rest-textColor: var(--hpe-color-text-strong);--hpe-formField-default-label-hover-textColor: var(--hpe-color-text-strong);--hpe-formField-default-label-readOnly-rest-textColor: var(--hpe-color-text-strong);--hpe-formField-default-label-rest-textColor: var(--hpe-color-text-strong);--hpe-formField-default-placeholder-disabled-rest-textColor: var(--hpe-color-text-disabled);--hpe-formField-default-placeholder-error-rest-textColor: var(--hpe-color-text-weak);--hpe-formField-default-placeholder-hover-textColor: var(--hpe-color-text-weak);--hpe-formField-default-placeholder-readOnly-rest-textColor: var(--hpe-color-text-weak);--hpe-formField-default-placeholder-rest-textColor: var(--hpe-color-text-weak);--hpe-formField-default-value-disabled-rest-textColor: var(--hpe-color-text-disabled);--hpe-formField-default-value-error-rest-textColor: var(--hpe-color-text-strong);--hpe-formField-default-value-hover-textColor: var(--hpe-color-text-strong);--hpe-formField-default-value-readOnly-rest-textColor: var(--hpe-color-text-strong);--hpe-formField-default-value-rest-textColor: var(--hpe-color-text-strong);--hpe-headerCell-default-rest-borderColor: var(--hpe-color-border-default);--hpe-headerCell-default-rest-textColor: var(--hpe-color-text-strong);--hpe-headerCell-default-units-hover-textColor: var(--hpe-color-text-weak);--hpe-headerCell-default-units-rest-textColor: var(--hpe-color-text-weak);--hpe-menu-default-group-separator-background: var(--hpe-color-border-default);--hpe-radioButton-default-control-disabled-rest-background: var(--hpe-color-background-disabled);--hpe-radioButton-default-control-disabled-rest-borderColor: var(--hpe-color-border-disabled);--hpe-radioButton-default-control-hover-borderColor: var(--hpe-color-border-strong);--hpe-radioButton-default-control-rest-borderColor: var(--hpe-color-border-default);--hpe-radioButton-default-control-selected-hover-iconColor: var(--hpe-color-icon-onSelectedPrimaryStrong);--hpe-radioButton-default-control-selected-rest-iconColor: var(--hpe-color-icon-onSelectedPrimaryStrong);--hpe-radioButton-default-label-disabled-rest-textColor: var(--hpe-color-text-disabled);--hpe-radioButton-default-label-hover-textColor: var(--hpe-color-text-default);--hpe-radioButton-default-label-rest-textColor: var(--hpe-color-text-default);--hpe-radioButton-default-label-selected-hover-textColor: var(--hpe-color-text-default);--hpe-radioButton-default-label-selected-rest-textColor: var(--hpe-color-text-default);--hpe-select-default-option-disabled-rest-background: var(--hpe-color-background-disabled);--hpe-select-default-option-disabled-rest-textColor: var(--hpe-color-text-disabled);--hpe-select-default-option-hover-textColor: var(--hpe-color-text-default);--hpe-select-default-option-marker-disabled-rest-background: var(--hpe-color-border-disabled);--hpe-select-default-option-rest-textColor: var(--hpe-color-text-default);--hpe-select-default-option-selected-hover-background: var(--hpe-color-background-selected-primary-hover);--hpe-select-default-option-selected-rest-background: var(--hpe-color-background-selected-primary);--hpe-switch-default-control-handle-disabled-rest-background: var(--hpe-color-background-disabled);--hpe-switch-default-control-handle-hover-background: var(--hpe-color-background-default);--hpe-switch-default-control-handle-rest-background: var(--hpe-color-background-front);--hpe-switch-default-control-handle-selected-hover-background: var(--hpe-color-background-default);--hpe-switch-default-control-handle-selected-rest-background: var(--hpe-color-background-default);--hpe-switch-default-control-track-disabled-rest-background: var(--hpe-color-background-disabled);--hpe-switch-default-control-track-hover-background: var(--hpe-color-decorative-neutral-hover);--hpe-switch-default-control-track-rest-background: var(--hpe-color-decorative-neutral);--hpe-switch-default-label-disabled-rest-textColor: var(--hpe-color-text-disabled);--hpe-switch-default-label-hover-textColor: var(--hpe-color-text-default);--hpe-switch-default-label-rest-textColor: var(--hpe-color-text-default);--hpe-color-background-active: var(--hpe-color-background-hover);--hpe-color-icon-onSelectedPrimary: var(--hpe-color-icon-strong);--hpe-anchor-default-hover-textColor: var(--hpe-color-text-anchor-hover);--hpe-anchor-default-rest-textColor: var(--hpe-color-text-anchor);--hpe-button-default-disabled-rest-iconColor: var(--hpe-color-icon-disabled);--hpe-button-default-hover-background: var(--hpe-color-background-hover);--hpe-button-default-hover-textColor: var(--hpe-button-default-rest-textColor);--hpe-button-default-rest-iconColor: var(--hpe-color-icon-strong);--hpe-button-default-selected-hover-background: var(--hpe-color-background-hover);--hpe-button-default-selected-hover-borderColor: var(--hpe-color-border-selected);--hpe-button-default-selected-hover-iconColor: var(--hpe-color-icon-strong);--hpe-button-default-selected-rest-borderColor: var(--hpe-color-border-selected);--hpe-button-default-selected-rest-iconColor: var(--hpe-color-icon-strong);--hpe-button-primary-disabled-rest-iconColor: var(--hpe-color-icon-disabled);--hpe-button-primary-selected-hover-background: var(--hpe-color-background-hover);--hpe-button-primary-selected-hover-borderColor: var(--hpe-color-border-selected);--hpe-button-primary-selected-hover-iconColor: var(--hpe-color-icon-strong);--hpe-button-primary-selected-rest-borderColor: var(--hpe-color-border-selected);--hpe-button-primary-selected-rest-iconColor: var(--hpe-color-icon-strong);--hpe-button-secondary-disabled-rest-iconColor: var(--hpe-color-icon-disabled);--hpe-button-secondary-hover-textColor: var(--hpe-button-secondary-rest-textColor);--hpe-button-secondary-rest-iconColor: var(--hpe-color-icon-strong);--hpe-button-secondary-selected-hover-background: var(--hpe-color-background-hover);--hpe-button-secondary-selected-hover-borderColor: var(--hpe-color-border-selected);--hpe-button-secondary-selected-hover-iconColor: var(--hpe-color-icon-strong);--hpe-button-secondary-selected-rest-borderColor: var(--hpe-color-border-selected);--hpe-button-secondary-selected-rest-iconColor: var(--hpe-color-icon-strong);--hpe-button-toolbar-disabled-rest-iconColor: var(--hpe-color-icon-disabled);--hpe-button-toolbar-hover-background: var(--hpe-color-background-hover);--hpe-button-toolbar-hover-textColor: var(--hpe-button-toolbar-rest-textColor);--hpe-button-toolbar-rest-iconColor: var(--hpe-color-icon-default);--hpe-button-toolbar-selected-hover-borderColor: var(--hpe-color-border-selected);--hpe-button-toolbar-selected-rest-borderColor: var(--hpe-color-border-selected);--hpe-checkbox-default-control-disabled-rest-iconColor: var(--hpe-color-icon-disabled);--hpe-checkbox-default-control-hover-background: var(--hpe-color-background-hover);--hpe-checkbox-default-control-indeterminate-hover-background: var(--hpe-color-background-selected-primary-strong-hover);--hpe-checkbox-default-control-indeterminate-rest-background: var(--hpe-color-background-selected-primary-strong);--hpe-checkbox-default-control-selected-hover-background: var(--hpe-color-background-selected-primary-strong-hover);--hpe-checkbox-default-control-selected-rest-background: var(--hpe-color-background-selected-primary-strong);--hpe-checkbox-default-label-selected-hover-textColor: var(--hpe-checkbox-default-label-rest-textColor);--hpe-checkbox-default-label-selected-rest-textColor: var(--hpe-checkbox-default-label-rest-textColor);--hpe-dataCell-default-disabled-rest-borderColor: var(--hpe-dataCell-default-rest-borderColor);--hpe-dataCell-default-disabled-rest-iconColor: var(--hpe-color-icon-disabled);--hpe-dataCell-default-hover-borderColor: var(--hpe-dataCell-default-rest-borderColor);--hpe-dataCell-default-hover-textColor: var(--hpe-dataCell-default-rest-textColor);--hpe-dataCell-default-pinned-hover-borderColor: var(--hpe-dataCell-default-rest-borderColor);--hpe-dataCell-default-pinned-hover-textColor: var(--hpe-dataCell-default-rest-textColor);--hpe-dataCell-default-pinned-rest-borderColor: var(--hpe-dataCell-default-rest-borderColor);--hpe-dataCell-default-pinned-rest-textColor: var(--hpe-dataCell-default-rest-textColor);--hpe-dataCell-default-rest-iconColor: var(--hpe-color-icon-default);--hpe-dataCell-default-selected-hover-borderColor: var(--hpe-dataCell-default-rest-borderColor);--hpe-dataCell-default-selected-hover-textColor: var(--hpe-color-text-onSelectedPrimary);--hpe-dataCell-default-selected-rest-borderColor: var(--hpe-dataCell-default-rest-borderColor);--hpe-dataCell-default-selected-rest-textColor: var(--hpe-color-text-onSelectedPrimary);--hpe-dataCell-primary-disabled-rest-background: var(--hpe-dataCell-default-disabled-rest-background);--hpe-dataCell-primary-disabled-rest-textColor: var(--hpe-dataCell-default-disabled-rest-textColor);--hpe-dataCell-primary-hover-iconColor: var(--hpe-dataCell-primary-rest-iconColor);--hpe-dataCell-primary-hover-textColor: var(--hpe-dataCell-primary-rest-textColor);--hpe-dataCell-primary-pinned-hover-borderColor: var(--hpe-dataCell-default-rest-borderColor);--hpe-dataCell-primary-pinned-hover-textColor: var(--hpe-dataCell-default-rest-textColor);--hpe-dataCell-primary-pinned-rest-borderColor: var(--hpe-dataCell-default-rest-borderColor);--hpe-dataCell-primary-pinned-rest-textColor: var(--hpe-dataCell-default-rest-textColor);--hpe-dataCell-primary-rest-borderColor: var(--hpe-dataCell-default-rest-borderColor);--hpe-dataCell-primary-selected-hover-borderColor: var(--hpe-dataCell-default-rest-borderColor);--hpe-dataCell-primary-selected-hover-textColor: var(--hpe-color-text-onSelectedPrimary);--hpe-dataCell-primary-selected-rest-borderColor: var(--hpe-dataCell-default-rest-borderColor);--hpe-dataCell-primary-selected-rest-textColor: var(--hpe-color-text-onSelectedPrimary);--hpe-footerCell-default-hover-borderColor: var(--hpe-footerCell-default-rest-borderColor);--hpe-footerCell-default-pinned-hover-textColor: var(--hpe-dataCell-default-rest-textColor);--hpe-footerCell-default-pinned-rest-textColor: var(--hpe-dataCell-default-rest-textColor);--hpe-footerCell-default-rest-textColor: var(--hpe-dataCell-default-rest-textColor);--hpe-formField-default-input-group-container-hover-background: var(--hpe-formField-default-input-group-container-rest-background);--hpe-formField-default-input-group-container-readOnly-rest-background: var(--hpe-formField-default-input-container-readOnly-rest-background);--hpe-formField-default-input-group-container-readOnly-rest-borderColor: var(--hpe-formField-default-input-container-readOnly-rest-borderColor);--hpe-formField-default-input-group-item-hover-background: var(--hpe-color-background-hover);--hpe-formField-default-label-disabled-rest-iconColor: var(--hpe-color-icon-disabled);--hpe-formField-default-label-error-rest-iconColor: var(--hpe-color-icon-strong);--hpe-formField-default-label-hover-iconColor: var(--hpe-color-icon-strong);--hpe-formField-default-label-readOnly-rest-iconColor: var(--hpe-color-icon-strong);--hpe-formField-default-label-rest-iconColor: var(--hpe-color-icon-strong);--hpe-headerCell-default-hover-background: var(--hpe-color-background-hover);--hpe-headerCell-default-hover-borderColor: var(--hpe-headerCell-default-rest-borderColor);--hpe-headerCell-default-hover-textColor: var(--hpe-headerCell-default-rest-textColor);--hpe-headerCell-default-pinned-rest-textColor: var(--hpe-dataCell-default-rest-textColor);--hpe-headerCell-default-rest-iconColor: var(--hpe-color-icon-strong);--hpe-headerCell-default-units-pinned-hover-textColor: var(--hpe-headerCell-default-units-rest-textColor);--hpe-headerCell-default-units-pinned-rest-textColor: var(--hpe-headerCell-default-units-rest-textColor);--hpe-menu-default-drop-background: var(--hpe-drop-default-background);--hpe-menu-default-item-disabled-rest-textColor: var(--hpe-button-default-disabled-rest-textColor);--hpe-menu-default-item-hover-background: var(--hpe-color-background-hover);--hpe-menu-default-item-rest-textColor: var(--hpe-button-default-rest-textColor);--hpe-radioButton-default-control-selected-hover-background: var(--hpe-color-background-selected-primary-strong-hover);--hpe-radioButton-default-control-selected-rest-background: var(--hpe-color-background-selected-primary-strong);--hpe-select-default-drop-background: var(--hpe-drop-default-background);--hpe-select-default-option-disabled-rest-iconColor: var(--hpe-color-icon-disabled);--hpe-select-default-option-hover-background: var(--hpe-color-background-hover);--hpe-select-default-option-hover-iconColor: var(--hpe-color-icon-default);--hpe-select-default-option-marker-hover-background: var(--hpe-color-border-selected);--hpe-select-default-option-marker-rest-background: var(--hpe-color-border-selected);--hpe-select-default-option-rest-iconColor: var(--hpe-color-icon-default);--hpe-select-default-option-selected-hover-textColor: var(--hpe-color-text-onSelectedPrimary);--hpe-select-default-option-selected-rest-textColor: var(--hpe-color-text-onSelectedPrimary);--hpe-switch-default-control-track-selected-hover-background: var(--hpe-color-background-selected-primary-strong-hover);--hpe-switch-default-control-track-selected-rest-background: var(--hpe-color-background-selected-primary-strong);--hpe-switch-default-label-selected-hover-textColor: var(--hpe-switch-default-label-rest-textColor);--hpe-switch-default-label-selected-rest-textColor: var(--hpe-switch-default-label-rest-textColor);--hpe-button-default-hover-iconColor: var(--hpe-button-default-rest-iconColor);--hpe-button-secondary-hover-iconColor: var(--hpe-button-secondary-rest-iconColor);--hpe-button-toolbar-hover-iconColor: var(--hpe-button-toolbar-rest-iconColor);--hpe-dataCell-default-hover-iconColor: var(--hpe-dataCell-default-rest-iconColor);--hpe-dataCell-default-pinned-hover-iconColor: var(--hpe-dataCell-default-rest-iconColor);--hpe-dataCell-default-pinned-rest-iconColor: var(--hpe-dataCell-default-rest-iconColor);--hpe-dataCell-default-selected-hover-iconColor: var(--hpe-color-icon-onSelectedPrimary);--hpe-dataCell-default-selected-rest-background: var(--hpe-color-background-active);--hpe-dataCell-default-selected-rest-iconColor: var(--hpe-color-icon-onSelectedPrimary);--hpe-dataCell-primary-disabled-rest-borderColor: var(--hpe-dataCell-default-disabled-rest-borderColor);--hpe-dataCell-primary-disabled-rest-iconColor: var(--hpe-dataCell-default-disabled-rest-iconColor);--hpe-dataCell-primary-hover-borderColor: var(--hpe-dataCell-default-hover-borderColor);--hpe-dataCell-primary-pinned-hover-iconColor: var(--hpe-dataCell-default-rest-iconColor);--hpe-dataCell-primary-pinned-rest-iconColor: var(--hpe-dataCell-default-rest-iconColor);--hpe-dataCell-primary-selected-hover-iconColor: var(--hpe-color-icon-onSelectedPrimary);--hpe-dataCell-primary-selected-rest-background: var(--hpe-color-background-active);--hpe-dataCell-primary-selected-rest-iconColor: var(--hpe-color-icon-onSelectedPrimary);--hpe-footerCell-default-hover-textColor: var(--hpe-footerCell-default-rest-textColor);--hpe-footerCell-default-pinned-hover-borderColor: var(--hpe-dataCell-default-hover-borderColor);--hpe-footerCell-default-pinned-hover-iconColor: var(--hpe-dataCell-default-rest-iconColor);--hpe-footerCell-default-pinned-rest-borderColor: var(--hpe-dataCell-default-hover-borderColor);--hpe-footerCell-default-pinned-rest-iconColor: var(--hpe-dataCell-default-rest-iconColor);--hpe-footerCell-default-rest-iconColor: var(--hpe-dataCell-default-rest-iconColor);--hpe-headerCell-default-hover-iconColor: var(--hpe-headerCell-default-rest-iconColor);--hpe-headerCell-default-pinned-rest-borderColor: var(--hpe-dataCell-default-hover-borderColor);--hpe-headerCell-default-pinned-rest-iconColor: var(--hpe-dataCell-default-rest-iconColor);--hpe-menu-default-item-disabled-rest-iconColor: var(--hpe-button-default-disabled-rest-iconColor);--hpe-menu-default-item-hover-textColor: var(--hpe-button-default-hover-textColor);--hpe-menu-default-item-rest-iconColor: var(--hpe-button-default-rest-iconColor);--hpe-select-default-option-selected-hover-iconColor: var(--hpe-color-icon-onSelectedPrimary);--hpe-select-default-option-selected-rest-iconColor: var(--hpe-color-icon-onSelectedPrimary);--hpe-footerCell-default-hover-iconColor: var(--hpe-footerCell-default-rest-iconColor);--hpe-menu-default-item-hover-iconColor: var(--hpe-button-default-hover-iconColor)}[data-mode=dark]{--hpe-base-color-black-opacity100: #000000;--hpe-base-color-black-opacity12: rgba(0, 0, 0, .12);--hpe-base-color-black-opacity24: rgba(0, 0, 0, .24);--hpe-base-color-black-opacity36: rgba(0, 0, 0, .36);--hpe-base-color-black-opacity4: rgba(0, 0, 0, .04);--hpe-base-color-black-opacity48: rgba(0, 0, 0, .48);--hpe-base-color-black-opacity50: rgba(0, 0, 0, .5);--hpe-base-color-black-opacity72: rgba(0, 0, 0, .72);--hpe-base-color-black-opacity8: rgba(0, 0, 0, .08);--hpe-base-color-blue-50: #e3f1ff;--hpe-base-color-blue-200: #65aef9;--hpe-base-color-blue-300: #3994f7;--hpe-base-color-blue-500: #0070f8;--hpe-base-color-blue-700: #0055da;--hpe-base-color-blue-900: #003cae;--hpe-base-color-blue-1100: #2b3547;--hpe-base-color-coral-100: #fc988b;--hpe-base-color-coral-200: #e5786a;--hpe-base-color-coral-300: #d25f4b;--hpe-base-color-coral-400: #c64f3a;--hpe-base-color-coral-500: #b4422a;--hpe-base-color-cyan-100: #99f0f9;--hpe-base-color-cyan-200: #62e5f6;--hpe-base-color-cyan-300: #00dbe4;--hpe-base-color-cyan-400: #00a4b3;--hpe-base-color-cyan-500: #04909d;--hpe-base-color-fuschia-100: #fc9ddc;--hpe-base-color-fuschia-200: #db72b8;--hpe-base-color-fuschia-300: #cc54a4;--hpe-base-color-fuschia-700: #ad4089;--hpe-base-color-fuschia-900: #7f245c;--hpe-base-color-gold-100: #f9cc61;--hpe-base-color-gold-200: #ecbe4f;--hpe-base-color-gold-300: #deb146;--hpe-base-color-gold-400: #c89e3a;--hpe-base-color-gold-500: #b38a29;--hpe-base-color-gold-550: #b0840d;--hpe-base-color-green-100: #d1ffee;--hpe-base-color-green-125: #aafade;--hpe-base-color-green-400: #00e0af;--hpe-base-color-green-450: #66ebcf;--hpe-base-color-green-500: #00e0af;--hpe-base-color-green-550: #05cc93;--hpe-base-color-green-600: #01a982;--hpe-base-color-green-650: #009a71;--hpe-base-color-green-700: #068667;--hpe-base-color-green-800: #006750;--hpe-base-color-green-900: #074738;--hpe-base-color-green-1000: #093d32;--hpe-base-color-grey-50: #f7f7f7;--hpe-base-color-grey-200: #e6e8e9;--hpe-base-color-grey-400: #d4d8db;--hpe-base-color-grey-500: #b1b9be;--hpe-base-color-grey-600: #7d8a92;--hpe-base-color-grey-650: #606a70;--hpe-base-color-grey-700: #535c66;--hpe-base-color-grey-800: #3e4550;--hpe-base-color-grey-1000: #292d3a;--hpe-base-color-grey-1200: #22252e;--hpe-base-color-grey-1300: #1d1f27;--hpe-base-color-orange-50: #fff3dd;--hpe-base-color-orange-500: #ec8c25;--hpe-base-color-orange-600: #d36d00;--hpe-base-color-orange-1000: #3c361e;--hpe-base-color-plum-100: #c98ad4;--hpe-base-color-plum-200: #a455b3;--hpe-base-color-plum-600: #873492;--hpe-base-color-plum-700: #6c2b7c;--hpe-base-color-plum-900: #5e1f68;--hpe-base-color-purple-100: #b7a2fc;--hpe-base-color-purple-200: #9b84fc;--hpe-base-color-purple-400: #7764fc;--hpe-base-color-purple-700: #5d45d6;--hpe-base-color-purple-900: #3c3aa1;--hpe-base-color-red-50: #ffecec;--hpe-base-color-red-400: #ff7b7b;--hpe-base-color-red-500: #fc6161;--hpe-base-color-red-600: #ec3331;--hpe-base-color-red-800: #cc1f1a;--hpe-base-color-red-1000: #552120;--hpe-base-color-white-100: #ffffff;--hpe-base-color-white-opacity10: rgba(255, 255, 255, .1);--hpe-base-color-white-opacity12: rgba(255, 255, 255, .12);--hpe-base-color-white-opacity20: rgba(255, 255, 255, .2);--hpe-base-color-white-opacity24: rgba(255, 255, 255, .24);--hpe-base-color-white-opacity36: rgba(255, 255, 255, .36);--hpe-base-color-white-opacity50: rgba(255, 255, 255, .5);--hpe-base-color-white-opacity6: rgba(255, 255, 255, .06);--hpe-base-color-white-opacity7: rgba(255, 255, 255, .07);--hpe-base-color-white-opacity72: rgba(255, 255, 255, .72);--hpe-deprecated-base-color-blue-400: #00c8ff;--hpe-deprecated-base-color-blue-700: #00739d;--hpe-deprecated-base-color-blue-900: #00567a;--hpe-deprecated-base-color-blue-400-Opacity12: rgba(0, 200, 255, .12);--hpe-deprecated-base-color-dataVis-blue1: #2053d9;--hpe-deprecated-base-color-dataVis-blue2: #1f95e4;--hpe-deprecated-base-color-dataVis-darkblue1: #00384d;--hpe-deprecated-base-color-dataVis-darkblue2: #38819c;--hpe-deprecated-base-color-dataVis-gold1: #b0840d;--hpe-deprecated-base-color-dataVis-gold2: #bd9d48;--hpe-deprecated-base-color-dataVis-grape1: #470d69;--hpe-deprecated-base-color-dataVis-green1: #01a982;--hpe-deprecated-base-color-dataVis-lightblue1: #5c91e5;--hpe-deprecated-base-color-dataVis-lightblue2: #78bff0;--hpe-deprecated-base-color-dataVis-pink1: #a95589;--hpe-deprecated-base-color-dataVis-pink2: #c0649a;--hpe-deprecated-base-color-dataVis-purple1: #7022ec;--hpe-deprecated-base-color-dataVis-purple2: #3c3aa1;--hpe-deprecated-base-color-dataVis-purple3: #855aaa;--hpe-deprecated-base-color-green-100: #d1ffee;--hpe-deprecated-base-color-green-125: #aafade;--hpe-deprecated-base-color-green-400: #17eba0;--hpe-deprecated-base-color-green-450: #00ebb5;--hpe-deprecated-base-color-green-500: #1ed8ae;--hpe-deprecated-base-color-green-600: #01a982;--hpe-deprecated-base-color-green-650: #009a71;--hpe-deprecated-base-color-green-700: #008567;--hpe-deprecated-base-color-green-800: #006750;--hpe-deprecated-base-color-green-900: #074b3b;--hpe-deprecated-base-color-green-1000: #093a2f;--hpe-deprecated-base-color-green-400-Opacity12: rgba(23, 235, 160, .12);--hpe-deprecated-base-color-green-400-Opacity24: rgba(23, 235, 160, .24);--hpe-deprecated-base-color-green-500-Opacity30: rgba(23, 208, 166, .3);--hpe-deprecated-base-color-grey-50: #f7f7f7;--hpe-deprecated-base-color-grey-400: #cccccc;--hpe-deprecated-base-color-grey-500: #bbbbbb;--hpe-deprecated-base-color-grey-600: #8c8c8c;--hpe-deprecated-base-color-grey-700: #757575;--hpe-deprecated-base-color-grey-800: #555555;--hpe-deprecated-base-color-grey-1000: #2e2e2e;--hpe-deprecated-base-color-grey-1100: #292929;--hpe-deprecated-base-color-grey-1200: #222222;--hpe-deprecated-base-color-grey-1300: #1c1c1c;--hpe-deprecated-base-color-orange-400: #ffbc44;--hpe-deprecated-base-color-orange-500: #ec8c25;--hpe-deprecated-base-color-orange-600: #d36d00;--hpe-deprecated-base-color-orange-700: #9b6310;--hpe-deprecated-base-color-orange-400-Opacity12: rgba(255, 188, 68, .12);--hpe-deprecated-base-color-orange-400-Opacity24: rgba(255, 188, 68, .24);--hpe-deprecated-base-color-purple-500: #f740ff;--hpe-deprecated-base-color-purple-900: #6633bc;--hpe-deprecated-base-color-red-500: #fc6161;--hpe-deprecated-base-color-red-550: #fc5a5a;--hpe-deprecated-base-color-red-600: #ec3331;--hpe-deprecated-base-color-red-750: #c54e4b;--hpe-deprecated-base-color-red-800: #cc1f1a;--hpe-deprecated-base-color-red-850: #a2423d;--hpe-deprecated-base-color-red-500-Opacity12: rgba(252, 97, 97, .12);--hpe-deprecated-base-color-red-500-Opacity24: rgba(252, 97, 97, .24);--hpe-deprecated-base-color-red-800-Opacity30: rgba(204, 31, 26, .3);--hpe-deprecated-base-color-teal-200: #82fff2;--hpe-deprecated-base-color-teal-400: #00e8cf;--hpe-deprecated-base-color-teal-700: #117b82;--hpe-deprecated-base-color-yellow-200: #ffeb59;--hpe-deprecated-base-color-yellow-400: #fec901;--hpe-deprecated-base-color-yellow-700: #8d741c;--hpe-deprecated-base-color-yellow-400-Opacity12: rgba(254, 201, 1, .12);--hpe-color-transparent: rgba(0, 0, 0, 0);--hpe-deprecated-base-color-brand: var(--hpe-deprecated-base-color-green-600);--hpe-color-background-active: var(--hpe-base-color-white-opacity6);--hpe-color-background-hover: var(--hpe-base-color-white-opacity6);--hpe-color-background-back: var(--hpe-base-color-grey-1300);--hpe-color-background-contrast: var(--hpe-base-color-white-opacity6);--hpe-color-background-contrast-hover: var(--hpe-base-color-white-opacity10);--hpe-color-background-critical: var(--hpe-base-color-red-1000);--hpe-color-background-default: var(--hpe-base-color-grey-1300);--hpe-color-background-disabled: var(--hpe-base-color-white-opacity7);--hpe-color-background-floating: var(--hpe-base-color-grey-1200);--hpe-color-background-front: var(--hpe-base-color-grey-1000);--hpe-color-background-info: var(--hpe-base-color-blue-1100);--hpe-color-background-neutral-xstrong: var(--hpe-base-color-grey-50);--hpe-color-background-neutral-xstrong-hover: var(--hpe-base-color-grey-200);--hpe-color-background-ok: var(--hpe-base-color-green-1000);--hpe-color-background-primary-strong: var(--hpe-base-color-green-550);--hpe-color-background-primary-strong-hover: var(--hpe-base-color-green-500);--hpe-color-background-primary-xstrong: var(--hpe-base-color-green-450);--hpe-color-background-screenOverlay: var(--hpe-base-color-black-opacity12);--hpe-color-background-selected-primary: var(--hpe-base-color-green-1000);--hpe-color-background-selected-primary-hover: var(--hpe-base-color-green-900);--hpe-color-background-unknown: var(--hpe-base-color-white-opacity6);--hpe-color-background-warning: var(--hpe-base-color-orange-1000);--hpe-color-border-default: var(--hpe-base-color-white-opacity36);--hpe-color-border-disabled: var(--hpe-base-color-white-opacity12);--hpe-color-border-strong: var(--hpe-base-color-white-opacity72);--hpe-color-border-weak: var(--hpe-base-color-white-opacity12);--hpe-color-dataVis-categorical-10: var(--hpe-base-color-blue-200);--hpe-color-dataVis-categorical-20: var(--hpe-base-color-green-400);--hpe-color-dataVis-categorical-30: var(--hpe-base-color-purple-200);--hpe-color-dataVis-categorical-40: var(--hpe-base-color-blue-500);--hpe-color-dataVis-categorical-50: var(--hpe-base-color-fuschia-300);--hpe-color-dataVis-categorical-60: var(--hpe-base-color-cyan-300);--hpe-color-dataVis-categorical-70: var(--hpe-base-color-plum-100);--hpe-color-dataVis-categorical-80: var(--hpe-base-color-coral-200);--hpe-color-decorative-blue: var(--hpe-base-color-blue-500);--hpe-color-decorative-brand: var(--hpe-base-color-green-600);--hpe-color-decorative-cyan: var(--hpe-base-color-cyan-400);--hpe-color-decorative-green: var(--hpe-base-color-green-700);--hpe-color-decorative-neutral: var(--hpe-base-color-grey-500);--hpe-color-decorative-neutral-hover: var(--hpe-base-color-grey-400);--hpe-color-decorative-purple: var(--hpe-base-color-purple-400);--hpe-color-focus: var(--hpe-base-color-white-100);--hpe-color-focus-support: var(--hpe-base-color-grey-1000);--hpe-color-foreground-critical: var(--hpe-base-color-red-500);--hpe-color-foreground-ok: var(--hpe-base-color-green-550);--hpe-color-foreground-primary: var(--hpe-base-color-green-550);--hpe-color-foreground-unknown: var(--hpe-base-color-grey-600);--hpe-color-foreground-warning: var(--hpe-base-color-orange-500);--hpe-color-icon-info: var(--hpe-base-color-blue-200);--hpe-color-icon-ok: var(--hpe-base-color-green-550);--hpe-color-icon-onPrimaryStrong: var(--hpe-base-color-grey-1000);--hpe-color-icon-onStrong: var(--hpe-base-color-grey-1000);--hpe-color-icon-primary: var(--hpe-base-color-green-550);--hpe-color-icon-primary-hover: var(--hpe-base-color-green-450);--hpe-color-icon-unknown: var(--hpe-base-color-grey-600);--hpe-color-icon-warning: var(--hpe-base-color-orange-500);--hpe-color-text-critical: var(--hpe-base-color-red-400);--hpe-color-text-default: var(--hpe-base-color-grey-200);--hpe-color-text-disabled: var(--hpe-base-color-white-opacity24);--hpe-color-text-onPrimaryStrong: var(--hpe-base-color-grey-1000);--hpe-color-text-onStrong: var(--hpe-base-color-grey-1000);--hpe-color-text-primary: var(--hpe-base-color-green-550);--hpe-color-text-primary-hover: var(--hpe-base-color-green-500);--hpe-color-text-strong: var(--hpe-base-color-white-100);--hpe-color-text-weak: var(--hpe-base-color-grey-500);--hpe-shadow-small: 0 var(--hpe-base-dimension-50) var(--hpe-base-dimension-100) var(--hpe-base-color-black-opacity24) ;--hpe-button-default-disabled-rest-background: var(--hpe-color-transparent);--hpe-button-default-disabled-rest-borderColor: var(--hpe-color-transparent);--hpe-button-default-rest-background: var(--hpe-color-transparent);--hpe-button-default-rest-borderColor: var(--hpe-color-transparent);--hpe-button-default-selected-rest-background: var(--hpe-color-transparent);--hpe-button-primary-disabled-rest-borderColor: var(--hpe-color-transparent);--hpe-button-primary-hover-borderColor: var(--hpe-color-transparent);--hpe-button-primary-rest-borderColor: var(--hpe-color-transparent);--hpe-button-primary-selected-rest-background: var(--hpe-color-transparent);--hpe-button-secondary-disabled-rest-borderColor: var(--hpe-color-transparent);--hpe-button-secondary-rest-borderColor: var(--hpe-color-transparent);--hpe-button-secondary-selected-rest-background: var(--hpe-color-transparent);--hpe-button-toolbar-disabled-rest-background: var(--hpe-color-transparent);--hpe-button-toolbar-disabled-rest-borderColor: var(--hpe-color-transparent);--hpe-button-toolbar-rest-background: var(--hpe-color-transparent);--hpe-button-toolbar-rest-borderColor: var(--hpe-color-transparent);--hpe-checkbox-default-control-disabled-rest-background: var(--hpe-color-transparent);--hpe-checkbox-default-control-indeterminate-hover-borderColor: var(--hpe-color-transparent);--hpe-checkbox-default-control-indeterminate-rest-borderColor: var(--hpe-color-transparent);--hpe-checkbox-default-control-rest-background: var(--hpe-color-transparent);--hpe-checkbox-default-control-selected-hover-borderColor: var(--hpe-color-transparent);--hpe-checkbox-default-control-selected-rest-borderColor: var(--hpe-color-transparent);--hpe-dataCell-default-hover-background: var(--hpe-color-transparent);--hpe-dataCell-default-pinned-hover-background: var(--hpe-color-transparent);--hpe-dataCell-default-pinned-rest-background: var(--hpe-color-transparent);--hpe-dataCell-default-rest-background: var(--hpe-color-transparent);--hpe-dataCell-primary-pinned-hover-background: var(--hpe-color-transparent);--hpe-dataCell-primary-pinned-rest-background: var(--hpe-color-transparent);--hpe-footerCell-default-hover-background: var(--hpe-color-transparent);--hpe-footerCell-default-pinned-hover-background: var(--hpe-color-transparent);--hpe-footerCell-default-pinned-rest-background: var(--hpe-color-transparent);--hpe-footerCell-default-rest-background: var(--hpe-color-transparent);--hpe-formField-default-input-container-disabled-rest-background: var(--hpe-color-transparent);--hpe-formField-default-input-container-hover-background: var(--hpe-color-transparent);--hpe-formField-default-input-container-rest-background: var(--hpe-color-transparent);--hpe-formField-default-input-group-container-disabled-rest-background: var(--hpe-color-transparent);--hpe-formField-default-input-group-container-disabled-rest-borderColor: var(--hpe-color-transparent);--hpe-formField-default-input-group-container-rest-borderColor: var(--hpe-color-transparent);--hpe-formField-default-input-group-item-disabled-rest-background: var(--hpe-color-transparent);--hpe-formField-default-input-group-item-disabled-rest-borderColor: var(--hpe-color-transparent);--hpe-formField-default-input-group-item-hover-borderColor: var(--hpe-color-transparent);--hpe-formField-default-input-group-item-readOnly-rest-background: var(--hpe-color-transparent);--hpe-formField-default-input-group-item-readOnly-rest-borderColor: var(--hpe-color-transparent);--hpe-formField-default-input-group-item-rest-background: var(--hpe-color-transparent);--hpe-formField-default-input-group-item-rest-borderColor: var(--hpe-color-transparent);--hpe-headerCell-default-pinned-rest-background: var(--hpe-color-transparent);--hpe-headerCell-default-rest-background: var(--hpe-color-transparent);--hpe-menu-default-drop-borderColor: var(--hpe-color-transparent);--hpe-menu-default-item-disabled-rest-background: var(--hpe-color-transparent);--hpe-menu-default-item-disabled-rest-borderColor: var(--hpe-color-transparent);--hpe-menu-default-item-hover-borderColor: var(--hpe-color-transparent);--hpe-menu-default-item-rest-background: var(--hpe-color-transparent);--hpe-menu-default-item-rest-borderColor: var(--hpe-color-transparent);--hpe-radioButton-default-control-hover-background: var(--hpe-color-transparent);--hpe-radioButton-default-control-rest-background: var(--hpe-color-transparent);--hpe-radioButton-default-control-selected-hover-borderColor: var(--hpe-color-transparent);--hpe-radioButton-default-control-selected-rest-borderColor: var(--hpe-color-transparent);--hpe-select-default-drop-borderColor: var(--hpe-color-transparent);--hpe-select-default-option-disabled-rest-borderColor: var(--hpe-color-transparent);--hpe-select-default-option-hover-borderColor: var(--hpe-color-transparent);--hpe-select-default-option-rest-background: var(--hpe-color-transparent);--hpe-select-default-option-rest-borderColor: var(--hpe-color-transparent);--hpe-select-default-option-selected-hover-borderColor: var(--hpe-color-transparent);--hpe-select-default-option-selected-rest-borderColor: var(--hpe-color-transparent);--hpe-switch-default-control-handle-disabled-rest-borderColor: var(--hpe-color-transparent);--hpe-switch-default-control-handle-hover-borderColor: var(--hpe-color-transparent);--hpe-switch-default-control-handle-rest-borderColor: var(--hpe-color-transparent);--hpe-switch-default-control-handle-selected-hover-borderColor: var(--hpe-color-transparent);--hpe-switch-default-control-handle-selected-rest-borderColor: var(--hpe-color-transparent);--hpe-switch-default-control-track-disabled-rest-borderColor: var(--hpe-color-transparent);--hpe-switch-default-control-track-hover-borderColor: var(--hpe-color-transparent);--hpe-switch-default-control-track-rest-borderColor: var(--hpe-color-transparent);--hpe-switch-default-control-track-selected-hover-borderColor: var(--hpe-color-transparent);--hpe-switch-default-control-track-selected-rest-borderColor: var(--hpe-color-transparent);--hpe-color-background-selected-primary-strong: var(--hpe-color-background-primary-strong);--hpe-color-background-selected-primary-strong-hover: var(--hpe-color-background-primary-strong-hover);--hpe-color-border-critical: var(--hpe-color-foreground-critical);--hpe-color-border-info: var(--hpe-color-border-default);--hpe-color-border-ok: var(--hpe-color-border-default);--hpe-color-border-selected: var(--hpe-color-foreground-primary);--hpe-color-border-unknown: var(--hpe-color-border-default);--hpe-color-border-warning: var(--hpe-color-border-default);--hpe-color-icon-critical: var(--hpe-color-foreground-critical);--hpe-color-icon-default: var(--hpe-color-text-default);--hpe-color-icon-disabled: var(--hpe-color-text-disabled);--hpe-color-icon-onSelectedPrimaryStrong: var(--hpe-color-icon-onStrong);--hpe-color-icon-strong: var(--hpe-color-text-strong);--hpe-color-icon-weak: var(--hpe-color-text-weak);--hpe-color-text-anchor: var(--hpe-color-text-primary);--hpe-color-text-anchor-hover: var(--hpe-color-text-primary-hover);--hpe-color-text-heading: var(--hpe-color-text-strong);--hpe-color-text-info: var(--hpe-color-text-default);--hpe-color-text-ok: var(--hpe-color-text-default);--hpe-color-text-onCritical: var(--hpe-color-text-default);--hpe-color-text-onCritical-strong: var(--hpe-color-text-strong);--hpe-color-text-onInfo: var(--hpe-color-text-default);--hpe-color-text-onInfo-strong: var(--hpe-color-text-strong);--hpe-color-text-onOk: var(--hpe-color-text-default);--hpe-color-text-onOk-strong: var(--hpe-color-text-strong);--hpe-color-text-onSelectedPrimary: var(--hpe-color-text-strong);--hpe-color-text-onSelectedPrimaryStrong: var(--hpe-color-text-onStrong);--hpe-color-text-onUnknown: var(--hpe-color-text-default);--hpe-color-text-onUnknown-strong: var(--hpe-color-text-strong);--hpe-color-text-onWarning: var(--hpe-color-text-default);--hpe-color-text-onWarning-strong: var(--hpe-color-text-strong);--hpe-color-text-placeholder: var(--hpe-color-text-weak);--hpe-color-text-unknown: var(--hpe-color-text-default);--hpe-color-text-warning: var(--hpe-color-text-default);--hpe-shadow-large: var(--hpe-static-spacing-none) var(--hpe-static-spacing-xsmall) var(--hpe-static-spacing-medium) var(--hpe-static-spacing-none) var(--hpe-base-color-black-opacity48) ;--hpe-shadow-medium: var(--hpe-static-spacing-none) var(--hpe-static-spacing-3xsmall) var(--hpe-static-spacing-xsmall) var(--hpe-static-spacing-none) var(--hpe-base-color-black-opacity36) ;--hpe-anchor-default-disabled-rest-textColor: var(--hpe-color-text-disabled);--hpe-button-default-disabled-rest-textColor: var(--hpe-color-text-disabled);--hpe-button-default-hover-background: var(--hpe-color-background-hover);--hpe-button-default-hover-borderColor: var(--hpe-button-default-rest-borderColor);--hpe-button-default-rest-textColor: var(--hpe-color-text-strong);--hpe-button-default-selected-hover-background: var(--hpe-color-background-hover);--hpe-button-default-selected-hover-textColor: var(--hpe-color-text-strong);--hpe-button-default-selected-rest-textColor: var(--hpe-color-text-strong);--hpe-button-primary-disabled-rest-background: var(--hpe-color-background-disabled);--hpe-button-primary-disabled-rest-textColor: var(--hpe-color-text-disabled);--hpe-button-primary-hover-background: var(--hpe-color-background-neutral-xstrong-hover);--hpe-button-primary-hover-iconColor: var(--hpe-color-icon-onStrong);--hpe-button-primary-hover-textColor: var(--hpe-color-text-onStrong);--hpe-button-primary-rest-background: var(--hpe-color-background-neutral-xstrong);--hpe-button-primary-rest-iconColor: var(--hpe-color-icon-onStrong);--hpe-button-primary-rest-textColor: var(--hpe-color-text-onStrong);--hpe-button-primary-selected-hover-background: var(--hpe-color-background-hover);--hpe-button-primary-selected-hover-textColor: var(--hpe-color-text-strong);--hpe-button-primary-selected-rest-textColor: var(--hpe-color-text-strong);--hpe-button-secondary-disabled-rest-background: var(--hpe-color-background-disabled);--hpe-button-secondary-disabled-rest-textColor: var(--hpe-color-text-disabled);--hpe-button-secondary-hover-background: var(--hpe-color-background-contrast-hover);--hpe-button-secondary-hover-borderColor: var(--hpe-button-secondary-rest-borderColor);--hpe-button-secondary-rest-background: var(--hpe-color-background-contrast);--hpe-button-secondary-rest-textColor: var(--hpe-color-text-strong);--hpe-button-secondary-selected-hover-background: var(--hpe-color-background-hover);--hpe-button-secondary-selected-hover-textColor: var(--hpe-color-text-strong);--hpe-button-secondary-selected-rest-textColor: var(--hpe-color-text-strong);--hpe-button-toolbar-disabled-rest-textColor: var(--hpe-color-text-disabled);--hpe-button-toolbar-hover-background: var(--hpe-color-background-hover);--hpe-button-toolbar-hover-borderColor: var(--hpe-button-toolbar-rest-borderColor);--hpe-button-toolbar-rest-textColor: var(--hpe-color-text-default);--hpe-button-toolbar-selected-hover-background: var(--hpe-color-background-selected-primary-hover);--hpe-button-toolbar-selected-hover-iconColor: var(--hpe-color-icon-primary);--hpe-button-toolbar-selected-hover-textColor: var(--hpe-color-text-primary);--hpe-button-toolbar-selected-rest-background: var(--hpe-color-background-selected-primary);--hpe-button-toolbar-selected-rest-iconColor: var(--hpe-color-icon-primary);--hpe-button-toolbar-selected-rest-textColor: var(--hpe-color-text-primary);--hpe-checkbox-default-control-disabled-rest-borderColor: var(--hpe-color-border-disabled);--hpe-checkbox-default-control-hover-background: var(--hpe-color-background-hover);--hpe-checkbox-default-control-hover-borderColor: var(--hpe-color-border-strong);--hpe-checkbox-default-control-rest-borderColor: var(--hpe-color-border-default);--hpe-checkbox-default-label-disabled-rest-textColor: var(--hpe-color-text-disabled);--hpe-checkbox-default-label-hover-textColor: var(--hpe-color-text-default);--hpe-checkbox-default-label-rest-textColor: var(--hpe-color-text-default);--hpe-dataCell-default-disabled-rest-background: var(--hpe-dataCell-default-rest-background);--hpe-dataCell-default-disabled-rest-textColor: var(--hpe-color-text-disabled);--hpe-dataCell-default-rest-borderColor: var(--hpe-color-border-weak);--hpe-dataCell-default-rest-textColor: var(--hpe-color-text-default);--hpe-dataCell-default-selected-hover-background: var(--hpe-color-background-contrast-hover);--hpe-dataCell-default-selected-rest-background: var(--hpe-color-background-active);--hpe-dataCell-primary-hover-background: var(--hpe-dataCell-default-hover-background);--hpe-dataCell-primary-rest-background: var(--hpe-dataCell-default-rest-background);--hpe-dataCell-primary-rest-iconColor: var(--hpe-color-text-strong);--hpe-dataCell-primary-rest-textColor: var(--hpe-color-text-strong);--hpe-dataCell-primary-selected-hover-background: var(--hpe-color-background-contrast-hover);--hpe-dataCell-primary-selected-rest-background: var(--hpe-color-background-active);--hpe-drop-default-background: var(--hpe-color-background-floating);--hpe-footerCell-default-rest-borderColor: var(--hpe-color-border-default);--hpe-formField-default-error-hover-textColor: var(--hpe-color-text-critical);--hpe-formField-default-error-rest-textColor: var(--hpe-color-text-critical);--hpe-formField-default-help-disabled-rest-textColor: var(--hpe-color-text-disabled);--hpe-formField-default-help-error-rest-textColor: var(--hpe-color-text-default);--hpe-formField-default-help-hover-textColor: var(--hpe-color-text-default);--hpe-formField-default-help-readOnly-rest-textColor: var(--hpe-color-text-default);--hpe-formField-default-help-rest-textColor: var(--hpe-color-text-default);--hpe-formField-default-info-disabled-rest-textColor: var(--hpe-color-text-disabled);--hpe-formField-default-info-error-rest-textColor: var(--hpe-color-text-default);--hpe-formField-default-info-hover-textColor: var(--hpe-color-text-default);--hpe-formField-default-info-readOnly-rest-textColor: var(--hpe-color-text-default);--hpe-formField-default-info-rest-textColor: var(--hpe-color-text-default);--hpe-formField-default-input-container-disabled-rest-borderColor: var(--hpe-color-border-disabled);--hpe-formField-default-input-container-error-rest-background: var(--hpe-color-background-critical);--hpe-formField-default-input-container-hover-borderColor: var(--hpe-color-border-default);--hpe-formField-default-input-container-readOnly-rest-background: var(--hpe-color-background-contrast);--hpe-formField-default-input-container-readOnly-rest-borderColor: var(--hpe-color-border-weak);--hpe-formField-default-input-container-rest-borderColor: var(--hpe-color-border-default);--hpe-formField-default-input-group-container-error-rest-background: var(--hpe-color-background-critical);--hpe-formField-default-input-group-container-hover-borderColor: var(--hpe-formField-default-input-group-container-rest-borderColor);--hpe-formField-default-input-group-container-rest-background: var(--hpe-formField-default-input-container-rest-background);--hpe-formField-default-input-group-item-hover-background: var(--hpe-color-background-hover);--hpe-formField-default-label-disabled-rest-textColor: var(--hpe-color-text-disabled);--hpe-formField-default-label-error-rest-textColor: var(--hpe-color-text-strong);--hpe-formField-default-label-hover-textColor: var(--hpe-color-text-strong);--hpe-formField-default-label-readOnly-rest-textColor: var(--hpe-color-text-strong);--hpe-formField-default-label-rest-textColor: var(--hpe-color-text-strong);--hpe-formField-default-placeholder-disabled-rest-textColor: var(--hpe-color-text-disabled);--hpe-formField-default-placeholder-error-rest-textColor: var(--hpe-color-text-weak);--hpe-formField-default-placeholder-hover-textColor: var(--hpe-color-text-weak);--hpe-formField-default-placeholder-readOnly-rest-textColor: var(--hpe-color-text-weak);--hpe-formField-default-placeholder-rest-textColor: var(--hpe-color-text-weak);--hpe-formField-default-value-disabled-rest-textColor: var(--hpe-color-text-disabled);--hpe-formField-default-value-error-rest-textColor: var(--hpe-color-text-strong);--hpe-formField-default-value-hover-textColor: var(--hpe-color-text-strong);--hpe-formField-default-value-readOnly-rest-textColor: var(--hpe-color-text-strong);--hpe-formField-default-value-rest-textColor: var(--hpe-color-text-strong);--hpe-headerCell-default-hover-background: var(--hpe-color-background-hover);--hpe-headerCell-default-rest-borderColor: var(--hpe-color-border-default);--hpe-headerCell-default-rest-textColor: var(--hpe-color-text-strong);--hpe-headerCell-default-units-hover-textColor: var(--hpe-color-text-weak);--hpe-headerCell-default-units-rest-textColor: var(--hpe-color-text-weak);--hpe-menu-default-group-separator-background: var(--hpe-color-border-default);--hpe-menu-default-item-hover-background: var(--hpe-color-background-hover);--hpe-radioButton-default-control-disabled-rest-background: var(--hpe-color-background-disabled);--hpe-radioButton-default-control-disabled-rest-borderColor: var(--hpe-color-border-disabled);--hpe-radioButton-default-control-hover-borderColor: var(--hpe-color-border-strong);--hpe-radioButton-default-control-rest-borderColor: var(--hpe-color-border-default);--hpe-radioButton-default-label-disabled-rest-textColor: var(--hpe-color-text-disabled);--hpe-radioButton-default-label-hover-textColor: var(--hpe-color-text-default);--hpe-radioButton-default-label-rest-textColor: var(--hpe-color-text-default);--hpe-radioButton-default-label-selected-hover-textColor: var(--hpe-color-text-default);--hpe-radioButton-default-label-selected-rest-textColor: var(--hpe-color-text-default);--hpe-select-default-option-disabled-rest-background: var(--hpe-color-background-disabled);--hpe-select-default-option-disabled-rest-textColor: var(--hpe-color-text-disabled);--hpe-select-default-option-hover-background: var(--hpe-color-background-hover);--hpe-select-default-option-hover-textColor: var(--hpe-color-text-default);--hpe-select-default-option-marker-disabled-rest-background: var(--hpe-color-border-disabled);--hpe-select-default-option-rest-textColor: var(--hpe-color-text-default);--hpe-select-default-option-selected-hover-background: var(--hpe-color-background-selected-primary-hover);--hpe-select-default-option-selected-rest-background: var(--hpe-color-background-selected-primary);--hpe-switch-default-control-handle-disabled-rest-background: var(--hpe-color-background-disabled);--hpe-switch-default-control-handle-hover-background: var(--hpe-color-background-default);--hpe-switch-default-control-handle-rest-background: var(--hpe-color-background-front);--hpe-switch-default-control-handle-selected-hover-background: var(--hpe-color-background-default);--hpe-switch-default-control-handle-selected-rest-background: var(--hpe-color-background-default);--hpe-switch-default-control-track-disabled-rest-background: var(--hpe-color-background-disabled);--hpe-switch-default-control-track-hover-background: var(--hpe-color-decorative-neutral-hover);--hpe-switch-default-control-track-rest-background: var(--hpe-color-decorative-neutral);--hpe-switch-default-label-disabled-rest-textColor: var(--hpe-color-text-disabled);--hpe-switch-default-label-hover-textColor: var(--hpe-color-text-default);--hpe-switch-default-label-rest-textColor: var(--hpe-color-text-default);--hpe-color-icon-onSelectedPrimary: var(--hpe-color-icon-strong);--hpe-anchor-default-hover-textColor: var(--hpe-color-text-anchor-hover);--hpe-anchor-default-rest-textColor: var(--hpe-color-text-anchor);--hpe-button-default-disabled-rest-iconColor: var(--hpe-color-icon-disabled);--hpe-button-default-hover-textColor: var(--hpe-button-default-rest-textColor);--hpe-button-default-rest-iconColor: var(--hpe-color-icon-strong);--hpe-button-default-selected-hover-borderColor: var(--hpe-color-border-selected);--hpe-button-default-selected-hover-iconColor: var(--hpe-color-icon-strong);--hpe-button-default-selected-rest-borderColor: var(--hpe-color-border-selected);--hpe-button-default-selected-rest-iconColor: var(--hpe-color-icon-strong);--hpe-button-primary-disabled-rest-iconColor: var(--hpe-color-icon-disabled);--hpe-button-primary-selected-hover-borderColor: var(--hpe-color-border-selected);--hpe-button-primary-selected-hover-iconColor: var(--hpe-color-icon-strong);--hpe-button-primary-selected-rest-borderColor: var(--hpe-color-border-selected);--hpe-button-primary-selected-rest-iconColor: var(--hpe-color-icon-strong);--hpe-button-secondary-disabled-rest-iconColor: var(--hpe-color-icon-disabled);--hpe-button-secondary-hover-textColor: var(--hpe-button-secondary-rest-textColor);--hpe-button-secondary-rest-iconColor: var(--hpe-color-icon-strong);--hpe-button-secondary-selected-hover-borderColor: var(--hpe-color-border-selected);--hpe-button-secondary-selected-hover-iconColor: var(--hpe-color-icon-strong);--hpe-button-secondary-selected-rest-borderColor: var(--hpe-color-border-selected);--hpe-button-secondary-selected-rest-iconColor: var(--hpe-color-icon-strong);--hpe-button-toolbar-disabled-rest-iconColor: var(--hpe-color-icon-disabled);--hpe-button-toolbar-hover-textColor: var(--hpe-button-toolbar-rest-textColor);--hpe-button-toolbar-rest-iconColor: var(--hpe-color-icon-default);--hpe-button-toolbar-selected-hover-borderColor: var(--hpe-color-border-selected);--hpe-button-toolbar-selected-rest-borderColor: var(--hpe-color-border-selected);--hpe-checkbox-default-control-disabled-rest-iconColor: var(--hpe-color-icon-disabled);--hpe-checkbox-default-control-indeterminate-hover-background: var(--hpe-color-background-selected-primary-strong-hover);--hpe-checkbox-default-control-indeterminate-hover-iconColor: var(--hpe-color-icon-onSelectedPrimaryStrong);--hpe-checkbox-default-control-indeterminate-rest-background: var(--hpe-color-background-selected-primary-strong);--hpe-checkbox-default-control-indeterminate-rest-iconColor: var(--hpe-color-icon-onSelectedPrimaryStrong);--hpe-checkbox-default-control-selected-hover-background: var(--hpe-color-background-selected-primary-strong-hover);--hpe-checkbox-default-control-selected-hover-iconColor: var(--hpe-color-icon-onSelectedPrimaryStrong);--hpe-checkbox-default-control-selected-rest-background: var(--hpe-color-background-selected-primary-strong);--hpe-checkbox-default-control-selected-rest-iconColor: var(--hpe-color-icon-onSelectedPrimaryStrong);--hpe-checkbox-default-label-selected-hover-textColor: var(--hpe-checkbox-default-label-rest-textColor);--hpe-checkbox-default-label-selected-rest-textColor: var(--hpe-checkbox-default-label-rest-textColor);--hpe-dataCell-default-disabled-rest-borderColor: var(--hpe-dataCell-default-rest-borderColor);--hpe-dataCell-default-disabled-rest-iconColor: var(--hpe-color-icon-disabled);--hpe-dataCell-default-hover-borderColor: var(--hpe-dataCell-default-rest-borderColor);--hpe-dataCell-default-hover-textColor: var(--hpe-dataCell-default-rest-textColor);--hpe-dataCell-default-pinned-hover-borderColor: var(--hpe-dataCell-default-rest-borderColor);--hpe-dataCell-default-pinned-hover-textColor: var(--hpe-dataCell-default-rest-textColor);--hpe-dataCell-default-pinned-rest-borderColor: var(--hpe-dataCell-default-rest-borderColor);--hpe-dataCell-default-pinned-rest-textColor: var(--hpe-dataCell-default-rest-textColor);--hpe-dataCell-default-rest-iconColor: var(--hpe-color-icon-default);--hpe-dataCell-default-selected-hover-borderColor: var(--hpe-dataCell-default-rest-borderColor);--hpe-dataCell-default-selected-hover-textColor: var(--hpe-color-text-onSelectedPrimary);--hpe-dataCell-default-selected-rest-borderColor: var(--hpe-dataCell-default-rest-borderColor);--hpe-dataCell-default-selected-rest-textColor: var(--hpe-color-text-onSelectedPrimary);--hpe-dataCell-primary-disabled-rest-background: var(--hpe-dataCell-default-disabled-rest-background);--hpe-dataCell-primary-disabled-rest-textColor: var(--hpe-dataCell-default-disabled-rest-textColor);--hpe-dataCell-primary-hover-iconColor: var(--hpe-dataCell-primary-rest-iconColor);--hpe-dataCell-primary-hover-textColor: var(--hpe-dataCell-primary-rest-textColor);--hpe-dataCell-primary-pinned-hover-borderColor: var(--hpe-dataCell-default-rest-borderColor);--hpe-dataCell-primary-pinned-hover-textColor: var(--hpe-dataCell-default-rest-textColor);--hpe-dataCell-primary-pinned-rest-borderColor: var(--hpe-dataCell-default-rest-borderColor);--hpe-dataCell-primary-pinned-rest-textColor: var(--hpe-dataCell-default-rest-textColor);--hpe-dataCell-primary-rest-borderColor: var(--hpe-dataCell-default-rest-borderColor);--hpe-dataCell-primary-selected-hover-borderColor: var(--hpe-dataCell-default-rest-borderColor);--hpe-dataCell-primary-selected-hover-textColor: var(--hpe-color-text-onSelectedPrimary);--hpe-dataCell-primary-selected-rest-borderColor: var(--hpe-dataCell-default-rest-borderColor);--hpe-dataCell-primary-selected-rest-textColor: var(--hpe-color-text-onSelectedPrimary);--hpe-footerCell-default-hover-borderColor: var(--hpe-footerCell-default-rest-borderColor);--hpe-footerCell-default-pinned-hover-textColor: var(--hpe-dataCell-default-rest-textColor);--hpe-footerCell-default-pinned-rest-textColor: var(--hpe-dataCell-default-rest-textColor);--hpe-footerCell-default-rest-textColor: var(--hpe-dataCell-default-rest-textColor);--hpe-formField-default-error-hover-iconColor: var(--hpe-color-icon-critical);--hpe-formField-default-error-rest-iconColor: var(--hpe-color-icon-critical);--hpe-formField-default-input-container-error-rest-borderColor: var(--hpe-color-border-critical);--hpe-formField-default-input-group-container-error-rest-borderColor: var(--hpe-color-border-critical);--hpe-formField-default-input-group-container-hover-background: var(--hpe-formField-default-input-group-container-rest-background);--hpe-formField-default-input-group-container-readOnly-rest-background: var(--hpe-formField-default-input-container-readOnly-rest-background);--hpe-formField-default-input-group-container-readOnly-rest-borderColor: var(--hpe-formField-default-input-container-readOnly-rest-borderColor);--hpe-formField-default-label-disabled-rest-iconColor: var(--hpe-color-icon-disabled);--hpe-formField-default-label-error-rest-iconColor: var(--hpe-color-icon-strong);--hpe-formField-default-label-hover-iconColor: var(--hpe-color-icon-strong);--hpe-formField-default-label-readOnly-rest-iconColor: var(--hpe-color-icon-strong);--hpe-formField-default-label-rest-iconColor: var(--hpe-color-icon-strong);--hpe-headerCell-default-hover-borderColor: var(--hpe-headerCell-default-rest-borderColor);--hpe-headerCell-default-hover-textColor: var(--hpe-headerCell-default-rest-textColor);--hpe-headerCell-default-pinned-rest-textColor: var(--hpe-dataCell-default-rest-textColor);--hpe-headerCell-default-rest-iconColor: var(--hpe-color-icon-strong);--hpe-headerCell-default-units-pinned-hover-textColor: var(--hpe-headerCell-default-units-rest-textColor);--hpe-headerCell-default-units-pinned-rest-textColor: var(--hpe-headerCell-default-units-rest-textColor);--hpe-menu-default-drop-background: var(--hpe-drop-default-background);--hpe-menu-default-item-disabled-rest-textColor: var(--hpe-button-default-disabled-rest-textColor);--hpe-menu-default-item-rest-textColor: var(--hpe-button-default-rest-textColor);--hpe-radioButton-default-control-selected-hover-background: var(--hpe-color-background-selected-primary-strong-hover);--hpe-radioButton-default-control-selected-hover-iconColor: var(--hpe-color-icon-onSelectedPrimaryStrong);--hpe-radioButton-default-control-selected-rest-background: var(--hpe-color-background-selected-primary-strong);--hpe-radioButton-default-control-selected-rest-iconColor: var(--hpe-color-icon-onSelectedPrimaryStrong);--hpe-select-default-drop-background: var(--hpe-drop-default-background);--hpe-select-default-option-disabled-rest-iconColor: var(--hpe-color-icon-disabled);--hpe-select-default-option-hover-iconColor: var(--hpe-color-icon-default);--hpe-select-default-option-marker-hover-background: var(--hpe-color-border-selected);--hpe-select-default-option-marker-rest-background: var(--hpe-color-border-selected);--hpe-select-default-option-rest-iconColor: var(--hpe-color-icon-default);--hpe-select-default-option-selected-hover-textColor: var(--hpe-color-text-onSelectedPrimary);--hpe-select-default-option-selected-rest-textColor: var(--hpe-color-text-onSelectedPrimary);--hpe-switch-default-control-track-selected-hover-background: var(--hpe-color-background-selected-primary-strong-hover);--hpe-switch-default-control-track-selected-rest-background: var(--hpe-color-background-selected-primary-strong);--hpe-switch-default-label-selected-hover-textColor: var(--hpe-switch-default-label-rest-textColor);--hpe-switch-default-label-selected-rest-textColor: var(--hpe-switch-default-label-rest-textColor);--hpe-button-default-hover-iconColor: var(--hpe-button-default-rest-iconColor);--hpe-button-secondary-hover-iconColor: var(--hpe-button-secondary-rest-iconColor);--hpe-button-toolbar-hover-iconColor: var(--hpe-button-toolbar-rest-iconColor);--hpe-dataCell-default-hover-iconColor: var(--hpe-dataCell-default-rest-iconColor);--hpe-dataCell-default-pinned-hover-iconColor: var(--hpe-dataCell-default-rest-iconColor);--hpe-dataCell-default-pinned-rest-iconColor: var(--hpe-dataCell-default-rest-iconColor);--hpe-dataCell-default-selected-hover-iconColor: var(--hpe-color-icon-onSelectedPrimary);--hpe-dataCell-default-selected-rest-iconColor: var(--hpe-color-icon-onSelectedPrimary);--hpe-dataCell-primary-disabled-rest-borderColor: var(--hpe-dataCell-default-disabled-rest-borderColor);--hpe-dataCell-primary-disabled-rest-iconColor: var(--hpe-dataCell-default-disabled-rest-iconColor);--hpe-dataCell-primary-hover-borderColor: var(--hpe-dataCell-default-hover-borderColor);--hpe-dataCell-primary-pinned-hover-iconColor: var(--hpe-dataCell-default-rest-iconColor);--hpe-dataCell-primary-pinned-rest-iconColor: var(--hpe-dataCell-default-rest-iconColor);--hpe-dataCell-primary-selected-hover-iconColor: var(--hpe-color-icon-onSelectedPrimary);--hpe-dataCell-primary-selected-rest-iconColor: var(--hpe-color-icon-onSelectedPrimary);--hpe-footerCell-default-hover-textColor: var(--hpe-footerCell-default-rest-textColor);--hpe-footerCell-default-pinned-hover-borderColor: var(--hpe-dataCell-default-hover-borderColor);--hpe-footerCell-default-pinned-hover-iconColor: var(--hpe-dataCell-default-rest-iconColor);--hpe-footerCell-default-pinned-rest-borderColor: var(--hpe-dataCell-default-hover-borderColor);--hpe-footerCell-default-pinned-rest-iconColor: var(--hpe-dataCell-default-rest-iconColor);--hpe-footerCell-default-rest-iconColor: var(--hpe-dataCell-default-rest-iconColor);--hpe-headerCell-default-hover-iconColor: var(--hpe-headerCell-default-rest-iconColor);--hpe-headerCell-default-pinned-rest-borderColor: var(--hpe-dataCell-default-hover-borderColor);--hpe-headerCell-default-pinned-rest-iconColor: var(--hpe-dataCell-default-rest-iconColor);--hpe-menu-default-item-disabled-rest-iconColor: var(--hpe-button-default-disabled-rest-iconColor);--hpe-menu-default-item-hover-textColor: var(--hpe-button-default-hover-textColor);--hpe-menu-default-item-rest-iconColor: var(--hpe-button-default-rest-iconColor);--hpe-select-default-option-selected-hover-iconColor: var(--hpe-color-icon-onSelectedPrimary);--hpe-select-default-option-selected-rest-iconColor: var(--hpe-color-icon-onSelectedPrimary);--hpe-footerCell-default-hover-iconColor: var(--hpe-footerCell-default-rest-iconColor);--hpe-menu-default-item-hover-iconColor: var(--hpe-button-default-hover-iconColor)}@media (prefers-color-scheme: dark){[data-mode=auto],[data-mode=dark]{--hpe-base-color-black-opacity100: #000000;--hpe-base-color-black-opacity12: rgba(0, 0, 0, .12);--hpe-base-color-black-opacity24: rgba(0, 0, 0, .24);--hpe-base-color-black-opacity36: rgba(0, 0, 0, .36);--hpe-base-color-black-opacity4: rgba(0, 0, 0, .04);--hpe-base-color-black-opacity48: rgba(0, 0, 0, .48);--hpe-base-color-black-opacity50: rgba(0, 0, 0, .5);--hpe-base-color-black-opacity72: rgba(0, 0, 0, .72);--hpe-base-color-black-opacity8: rgba(0, 0, 0, .08);--hpe-base-color-blue-50: #e3f1ff;--hpe-base-color-blue-200: #65aef9;--hpe-base-color-blue-300: #3994f7;--hpe-base-color-blue-500: #0070f8;--hpe-base-color-blue-700: #0055da;--hpe-base-color-blue-900: #003cae;--hpe-base-color-blue-1100: #2b3547;--hpe-base-color-coral-100: #fc988b;--hpe-base-color-coral-200: #e5786a;--hpe-base-color-coral-300: #d25f4b;--hpe-base-color-coral-400: #c64f3a;--hpe-base-color-coral-500: #b4422a;--hpe-base-color-cyan-100: #99f0f9;--hpe-base-color-cyan-200: #62e5f6;--hpe-base-color-cyan-300: #00dbe4;--hpe-base-color-cyan-400: #00a4b3;--hpe-base-color-cyan-500: #04909d;--hpe-base-color-fuschia-100: #fc9ddc;--hpe-base-color-fuschia-200: #db72b8;--hpe-base-color-fuschia-300: #cc54a4;--hpe-base-color-fuschia-700: #ad4089;--hpe-base-color-fuschia-900: #7f245c;--hpe-base-color-gold-100: #f9cc61;--hpe-base-color-gold-200: #ecbe4f;--hpe-base-color-gold-300: #deb146;--hpe-base-color-gold-400: #c89e3a;--hpe-base-color-gold-500: #b38a29;--hpe-base-color-gold-550: #b0840d;--hpe-base-color-green-100: #d1ffee;--hpe-base-color-green-125: #aafade;--hpe-base-color-green-400: #00e0af;--hpe-base-color-green-450: #66ebcf;--hpe-base-color-green-500: #00e0af;--hpe-base-color-green-550: #05cc93;--hpe-base-color-green-600: #01a982;--hpe-base-color-green-650: #009a71;--hpe-base-color-green-700: #068667;--hpe-base-color-green-800: #006750;--hpe-base-color-green-900: #074738;--hpe-base-color-green-1000: #093d32;--hpe-base-color-grey-50: #f7f7f7;--hpe-base-color-grey-200: #e6e8e9;--hpe-base-color-grey-400: #d4d8db;--hpe-base-color-grey-500: #b1b9be;--hpe-base-color-grey-600: #7d8a92;--hpe-base-color-grey-650: #606a70;--hpe-base-color-grey-700: #535c66;--hpe-base-color-grey-800: #3e4550;--hpe-base-color-grey-1000: #292d3a;--hpe-base-color-grey-1200: #22252e;--hpe-base-color-grey-1300: #1d1f27;--hpe-base-color-orange-50: #fff3dd;--hpe-base-color-orange-500: #ec8c25;--hpe-base-color-orange-600: #d36d00;--hpe-base-color-orange-1000: #3c361e;--hpe-base-color-plum-100: #c98ad4;--hpe-base-color-plum-200: #a455b3;--hpe-base-color-plum-600: #873492;--hpe-base-color-plum-700: #6c2b7c;--hpe-base-color-plum-900: #5e1f68;--hpe-base-color-purple-100: #b7a2fc;--hpe-base-color-purple-200: #9b84fc;--hpe-base-color-purple-400: #7764fc;--hpe-base-color-purple-700: #5d45d6;--hpe-base-color-purple-900: #3c3aa1;--hpe-base-color-red-50: #ffecec;--hpe-base-color-red-400: #ff7b7b;--hpe-base-color-red-500: #fc6161;--hpe-base-color-red-600: #ec3331;--hpe-base-color-red-800: #cc1f1a;--hpe-base-color-red-1000: #552120;--hpe-base-color-white-100: #ffffff;--hpe-base-color-white-opacity10: rgba(255, 255, 255, .1);--hpe-base-color-white-opacity12: rgba(255, 255, 255, .12);--hpe-base-color-white-opacity20: rgba(255, 255, 255, .2);--hpe-base-color-white-opacity24: rgba(255, 255, 255, .24);--hpe-base-color-white-opacity36: rgba(255, 255, 255, .36);--hpe-base-color-white-opacity50: rgba(255, 255, 255, .5);--hpe-base-color-white-opacity6: rgba(255, 255, 255, .06);--hpe-base-color-white-opacity7: rgba(255, 255, 255, .07);--hpe-base-color-white-opacity72: rgba(255, 255, 255, .72);--hpe-deprecated-base-color-blue-400: #00c8ff;--hpe-deprecated-base-color-blue-700: #00739d;--hpe-deprecated-base-color-blue-900: #00567a;--hpe-deprecated-base-color-blue-400-Opacity12: rgba(0, 200, 255, .12);--hpe-deprecated-base-color-dataVis-blue1: #2053d9;--hpe-deprecated-base-color-dataVis-blue2: #1f95e4;--hpe-deprecated-base-color-dataVis-darkblue1: #00384d;--hpe-deprecated-base-color-dataVis-darkblue2: #38819c;--hpe-deprecated-base-color-dataVis-gold1: #b0840d;--hpe-deprecated-base-color-dataVis-gold2: #bd9d48;--hpe-deprecated-base-color-dataVis-grape1: #470d69;--hpe-deprecated-base-color-dataVis-green1: #01a982;--hpe-deprecated-base-color-dataVis-lightblue1: #5c91e5;--hpe-deprecated-base-color-dataVis-lightblue2: #78bff0;--hpe-deprecated-base-color-dataVis-pink1: #a95589;--hpe-deprecated-base-color-dataVis-pink2: #c0649a;--hpe-deprecated-base-color-dataVis-purple1: #7022ec;--hpe-deprecated-base-color-dataVis-purple2: #3c3aa1;--hpe-deprecated-base-color-dataVis-purple3: #855aaa;--hpe-deprecated-base-color-green-100: #d1ffee;--hpe-deprecated-base-color-green-125: #aafade;--hpe-deprecated-base-color-green-400: #17eba0;--hpe-deprecated-base-color-green-450: #00ebb5;--hpe-deprecated-base-color-green-500: #1ed8ae;--hpe-deprecated-base-color-green-600: #01a982;--hpe-deprecated-base-color-green-650: #009a71;--hpe-deprecated-base-color-green-700: #008567;--hpe-deprecated-base-color-green-800: #006750;--hpe-deprecated-base-color-green-900: #074b3b;--hpe-deprecated-base-color-green-1000: #093a2f;--hpe-deprecated-base-color-green-400-Opacity12: rgba(23, 235, 160, .12);--hpe-deprecated-base-color-green-400-Opacity24: rgba(23, 235, 160, .24);--hpe-deprecated-base-color-green-500-Opacity30: rgba(23, 208, 166, .3);--hpe-deprecated-base-color-grey-50: #f7f7f7;--hpe-deprecated-base-color-grey-400: #cccccc;--hpe-deprecated-base-color-grey-500: #bbbbbb;--hpe-deprecated-base-color-grey-600: #8c8c8c;--hpe-deprecated-base-color-grey-700: #757575;--hpe-deprecated-base-color-grey-800: #555555;--hpe-deprecated-base-color-grey-1000: #2e2e2e;--hpe-deprecated-base-color-grey-1100: #292929;--hpe-deprecated-base-color-grey-1200: #222222;--hpe-deprecated-base-color-grey-1300: #1c1c1c;--hpe-deprecated-base-color-orange-400: #ffbc44;--hpe-deprecated-base-color-orange-500: #ec8c25;--hpe-deprecated-base-color-orange-600: #d36d00;--hpe-deprecated-base-color-orange-700: #9b6310;--hpe-deprecated-base-color-orange-400-Opacity12: rgba(255, 188, 68, .12);--hpe-deprecated-base-color-orange-400-Opacity24: rgba(255, 188, 68, .24);--hpe-deprecated-base-color-purple-500: #f740ff;--hpe-deprecated-base-color-purple-900: #6633bc;--hpe-deprecated-base-color-red-500: #fc6161;--hpe-deprecated-base-color-red-550: #fc5a5a;--hpe-deprecated-base-color-red-600: #ec3331;--hpe-deprecated-base-color-red-750: #c54e4b;--hpe-deprecated-base-color-red-800: #cc1f1a;--hpe-deprecated-base-color-red-850: #a2423d;--hpe-deprecated-base-color-red-500-Opacity12: rgba(252, 97, 97, .12);--hpe-deprecated-base-color-red-500-Opacity24: rgba(252, 97, 97, .24);--hpe-deprecated-base-color-red-800-Opacity30: rgba(204, 31, 26, .3);--hpe-deprecated-base-color-teal-200: #82fff2;--hpe-deprecated-base-color-teal-400: #00e8cf;--hpe-deprecated-base-color-teal-700: #117b82;--hpe-deprecated-base-color-yellow-200: #ffeb59;--hpe-deprecated-base-color-yellow-400: #fec901;--hpe-deprecated-base-color-yellow-700: #8d741c;--hpe-deprecated-base-color-yellow-400-Opacity12: rgba(254, 201, 1, .12);--hpe-color-transparent: rgba(0, 0, 0, 0);--hpe-deprecated-base-color-brand: var(--hpe-deprecated-base-color-green-600);--hpe-color-background-active: var(--hpe-base-color-white-opacity6);--hpe-color-background-hover: var(--hpe-base-color-white-opacity6);--hpe-color-background-back: var(--hpe-base-color-grey-1300);--hpe-color-background-contrast: var(--hpe-base-color-white-opacity6);--hpe-color-background-contrast-hover: var(--hpe-base-color-white-opacity10);--hpe-color-background-critical: var(--hpe-base-color-red-1000);--hpe-color-background-default: var(--hpe-base-color-grey-1300);--hpe-color-background-disabled: var(--hpe-base-color-white-opacity7);--hpe-color-background-floating: var(--hpe-base-color-grey-1200);--hpe-color-background-front: var(--hpe-base-color-grey-1000);--hpe-color-background-info: var(--hpe-base-color-blue-1100);--hpe-color-background-neutral-xstrong: var(--hpe-base-color-grey-50);--hpe-color-background-neutral-xstrong-hover: var(--hpe-base-color-grey-200);--hpe-color-background-ok: var(--hpe-base-color-green-1000);--hpe-color-background-primary-strong: var(--hpe-base-color-green-550);--hpe-color-background-primary-strong-hover: var(--hpe-base-color-green-500);--hpe-color-background-primary-xstrong: var(--hpe-base-color-green-450);--hpe-color-background-screenOverlay: var(--hpe-base-color-black-opacity12);--hpe-color-background-selected-primary: var(--hpe-base-color-green-1000);--hpe-color-background-selected-primary-hover: var(--hpe-base-color-green-900);--hpe-color-background-unknown: var(--hpe-base-color-white-opacity6);--hpe-color-background-warning: var(--hpe-base-color-orange-1000);--hpe-color-border-default: var(--hpe-base-color-white-opacity36);--hpe-color-border-disabled: var(--hpe-base-color-white-opacity12);--hpe-color-border-strong: var(--hpe-base-color-white-opacity72);--hpe-color-border-weak: var(--hpe-base-color-white-opacity12);--hpe-color-dataVis-categorical-10: var(--hpe-base-color-blue-200);--hpe-color-dataVis-categorical-20: var(--hpe-base-color-green-400);--hpe-color-dataVis-categorical-30: var(--hpe-base-color-purple-200);--hpe-color-dataVis-categorical-40: var(--hpe-base-color-blue-500);--hpe-color-dataVis-categorical-50: var(--hpe-base-color-fuschia-300);--hpe-color-dataVis-categorical-60: var(--hpe-base-color-cyan-300);--hpe-color-dataVis-categorical-70: var(--hpe-base-color-plum-100);--hpe-color-dataVis-categorical-80: var(--hpe-base-color-coral-200);--hpe-color-decorative-blue: var(--hpe-base-color-blue-500);--hpe-color-decorative-brand: var(--hpe-base-color-green-600);--hpe-color-decorative-cyan: var(--hpe-base-color-cyan-400);--hpe-color-decorative-green: var(--hpe-base-color-green-700);--hpe-color-decorative-neutral: var(--hpe-base-color-grey-500);--hpe-color-decorative-neutral-hover: var(--hpe-base-color-grey-400);--hpe-color-decorative-purple: var(--hpe-base-color-purple-400);--hpe-color-focus: var(--hpe-base-color-white-100);--hpe-color-focus-support: var(--hpe-base-color-grey-1000);--hpe-color-foreground-critical: var(--hpe-base-color-red-500);--hpe-color-foreground-ok: var(--hpe-base-color-green-550);--hpe-color-foreground-primary: var(--hpe-base-color-green-550);--hpe-color-foreground-unknown: var(--hpe-base-color-grey-600);--hpe-color-foreground-warning: var(--hpe-base-color-orange-500);--hpe-color-icon-info: var(--hpe-base-color-blue-200);--hpe-color-icon-ok: var(--hpe-base-color-green-550);--hpe-color-icon-onPrimaryStrong: var(--hpe-base-color-grey-1000);--hpe-color-icon-onStrong: var(--hpe-base-color-grey-1000);--hpe-color-icon-primary: var(--hpe-base-color-green-550);--hpe-color-icon-primary-hover: var(--hpe-base-color-green-450);--hpe-color-icon-unknown: var(--hpe-base-color-grey-600);--hpe-color-icon-warning: var(--hpe-base-color-orange-500);--hpe-color-text-critical: var(--hpe-base-color-red-400);--hpe-color-text-default: var(--hpe-base-color-grey-200);--hpe-color-text-disabled: var(--hpe-base-color-white-opacity24);--hpe-color-text-onPrimaryStrong: var(--hpe-base-color-grey-1000);--hpe-color-text-onStrong: var(--hpe-base-color-grey-1000);--hpe-color-text-primary: var(--hpe-base-color-green-550);--hpe-color-text-primary-hover: var(--hpe-base-color-green-500);--hpe-color-text-strong: var(--hpe-base-color-white-100);--hpe-color-text-weak: var(--hpe-base-color-grey-500);--hpe-shadow-small: 0 var(--hpe-base-dimension-50) var(--hpe-base-dimension-100) var(--hpe-base-color-black-opacity24) ;--hpe-button-default-disabled-rest-background: var(--hpe-color-transparent);--hpe-button-default-disabled-rest-borderColor: var(--hpe-color-transparent);--hpe-button-default-rest-background: var(--hpe-color-transparent);--hpe-button-default-rest-borderColor: var(--hpe-color-transparent);--hpe-button-default-selected-rest-background: var(--hpe-color-transparent);--hpe-button-primary-disabled-rest-borderColor: var(--hpe-color-transparent);--hpe-button-primary-hover-borderColor: var(--hpe-color-transparent);--hpe-button-primary-rest-borderColor: var(--hpe-color-transparent);--hpe-button-primary-selected-rest-background: var(--hpe-color-transparent);--hpe-button-secondary-disabled-rest-borderColor: var(--hpe-color-transparent);--hpe-button-secondary-rest-borderColor: var(--hpe-color-transparent);--hpe-button-secondary-selected-rest-background: var(--hpe-color-transparent);--hpe-button-toolbar-disabled-rest-background: var(--hpe-color-transparent);--hpe-button-toolbar-disabled-rest-borderColor: var(--hpe-color-transparent);--hpe-button-toolbar-rest-background: var(--hpe-color-transparent);--hpe-button-toolbar-rest-borderColor: var(--hpe-color-transparent);--hpe-checkbox-default-control-disabled-rest-background: var(--hpe-color-transparent);--hpe-checkbox-default-control-indeterminate-hover-borderColor: var(--hpe-color-transparent);--hpe-checkbox-default-control-indeterminate-rest-borderColor: var(--hpe-color-transparent);--hpe-checkbox-default-control-rest-background: var(--hpe-color-transparent);--hpe-checkbox-default-control-selected-hover-borderColor: var(--hpe-color-transparent);--hpe-checkbox-default-control-selected-rest-borderColor: var(--hpe-color-transparent);--hpe-dataCell-default-hover-background: var(--hpe-color-transparent);--hpe-dataCell-default-pinned-hover-background: var(--hpe-color-transparent);--hpe-dataCell-default-pinned-rest-background: var(--hpe-color-transparent);--hpe-dataCell-default-rest-background: var(--hpe-color-transparent);--hpe-dataCell-primary-pinned-hover-background: var(--hpe-color-transparent);--hpe-dataCell-primary-pinned-rest-background: var(--hpe-color-transparent);--hpe-footerCell-default-hover-background: var(--hpe-color-transparent);--hpe-footerCell-default-pinned-hover-background: var(--hpe-color-transparent);--hpe-footerCell-default-pinned-rest-background: var(--hpe-color-transparent);--hpe-footerCell-default-rest-background: var(--hpe-color-transparent);--hpe-formField-default-input-container-disabled-rest-background: var(--hpe-color-transparent);--hpe-formField-default-input-container-hover-background: var(--hpe-color-transparent);--hpe-formField-default-input-container-rest-background: var(--hpe-color-transparent);--hpe-formField-default-input-group-container-disabled-rest-background: var(--hpe-color-transparent);--hpe-formField-default-input-group-container-disabled-rest-borderColor: var(--hpe-color-transparent);--hpe-formField-default-input-group-container-rest-borderColor: var(--hpe-color-transparent);--hpe-formField-default-input-group-item-disabled-rest-background: var(--hpe-color-transparent);--hpe-formField-default-input-group-item-disabled-rest-borderColor: var(--hpe-color-transparent);--hpe-formField-default-input-group-item-hover-borderColor: var(--hpe-color-transparent);--hpe-formField-default-input-group-item-readOnly-rest-background: var(--hpe-color-transparent);--hpe-formField-default-input-group-item-readOnly-rest-borderColor: var(--hpe-color-transparent);--hpe-formField-default-input-group-item-rest-background: var(--hpe-color-transparent);--hpe-formField-default-input-group-item-rest-borderColor: var(--hpe-color-transparent);--hpe-headerCell-default-pinned-rest-background: var(--hpe-color-transparent);--hpe-headerCell-default-rest-background: var(--hpe-color-transparent);--hpe-menu-default-drop-borderColor: var(--hpe-color-transparent);--hpe-menu-default-item-disabled-rest-background: var(--hpe-color-transparent);--hpe-menu-default-item-disabled-rest-borderColor: var(--hpe-color-transparent);--hpe-menu-default-item-hover-borderColor: var(--hpe-color-transparent);--hpe-menu-default-item-rest-background: var(--hpe-color-transparent);--hpe-menu-default-item-rest-borderColor: var(--hpe-color-transparent);--hpe-radioButton-default-control-hover-background: var(--hpe-color-transparent);--hpe-radioButton-default-control-rest-background: var(--hpe-color-transparent);--hpe-radioButton-default-control-selected-hover-borderColor: var(--hpe-color-transparent);--hpe-radioButton-default-control-selected-rest-borderColor: var(--hpe-color-transparent);--hpe-select-default-drop-borderColor: var(--hpe-color-transparent);--hpe-select-default-option-disabled-rest-borderColor: var(--hpe-color-transparent);--hpe-select-default-option-hover-borderColor: var(--hpe-color-transparent);--hpe-select-default-option-rest-background: var(--hpe-color-transparent);--hpe-select-default-option-rest-borderColor: var(--hpe-color-transparent);--hpe-select-default-option-selected-hover-borderColor: var(--hpe-color-transparent);--hpe-select-default-option-selected-rest-borderColor: var(--hpe-color-transparent);--hpe-switch-default-control-handle-disabled-rest-borderColor: var(--hpe-color-transparent);--hpe-switch-default-control-handle-hover-borderColor: var(--hpe-color-transparent);--hpe-switch-default-control-handle-rest-borderColor: var(--hpe-color-transparent);--hpe-switch-default-control-handle-selected-hover-borderColor: var(--hpe-color-transparent);--hpe-switch-default-control-handle-selected-rest-borderColor: var(--hpe-color-transparent);--hpe-switch-default-control-track-disabled-rest-borderColor: var(--hpe-color-transparent);--hpe-switch-default-control-track-hover-borderColor: var(--hpe-color-transparent);--hpe-switch-default-control-track-rest-borderColor: var(--hpe-color-transparent);--hpe-switch-default-control-track-selected-hover-borderColor: var(--hpe-color-transparent);--hpe-switch-default-control-track-selected-rest-borderColor: var(--hpe-color-transparent);--hpe-color-background-selected-primary-strong: var(--hpe-color-background-primary-strong);--hpe-color-background-selected-primary-strong-hover: var(--hpe-color-background-primary-strong-hover);--hpe-color-border-critical: var(--hpe-color-foreground-critical);--hpe-color-border-info: var(--hpe-color-border-default);--hpe-color-border-ok: var(--hpe-color-border-default);--hpe-color-border-selected: var(--hpe-color-foreground-primary);--hpe-color-border-unknown: var(--hpe-color-border-default);--hpe-color-border-warning: var(--hpe-color-border-default);--hpe-color-icon-critical: var(--hpe-color-foreground-critical);--hpe-color-icon-default: var(--hpe-color-text-default);--hpe-color-icon-disabled: var(--hpe-color-text-disabled);--hpe-color-icon-onSelectedPrimaryStrong: var(--hpe-color-icon-onStrong);--hpe-color-icon-strong: var(--hpe-color-text-strong);--hpe-color-icon-weak: var(--hpe-color-text-weak);--hpe-color-text-anchor: var(--hpe-color-text-primary);--hpe-color-text-anchor-hover: var(--hpe-color-text-primary-hover);--hpe-color-text-heading: var(--hpe-color-text-strong);--hpe-color-text-info: var(--hpe-color-text-default);--hpe-color-text-ok: var(--hpe-color-text-default);--hpe-color-text-onCritical: var(--hpe-color-text-default);--hpe-color-text-onCritical-strong: var(--hpe-color-text-strong);--hpe-color-text-onInfo: var(--hpe-color-text-default);--hpe-color-text-onInfo-strong: var(--hpe-color-text-strong);--hpe-color-text-onOk: var(--hpe-color-text-default);--hpe-color-text-onOk-strong: var(--hpe-color-text-strong);--hpe-color-text-onSelectedPrimary: var(--hpe-color-text-strong);--hpe-color-text-onSelectedPrimaryStrong: var(--hpe-color-text-onStrong);--hpe-color-text-onUnknown: var(--hpe-color-text-default);--hpe-color-text-onUnknown-strong: var(--hpe-color-text-strong);--hpe-color-text-onWarning: var(--hpe-color-text-default);--hpe-color-text-onWarning-strong: var(--hpe-color-text-strong);--hpe-color-text-placeholder: var(--hpe-color-text-weak);--hpe-color-text-unknown: var(--hpe-color-text-default);--hpe-color-text-warning: var(--hpe-color-text-default);--hpe-shadow-large: var(--hpe-static-spacing-none) var(--hpe-static-spacing-xsmall) var(--hpe-static-spacing-medium) var(--hpe-static-spacing-none) var(--hpe-base-color-black-opacity48) ;--hpe-shadow-medium: var(--hpe-static-spacing-none) var(--hpe-static-spacing-3xsmall) var(--hpe-static-spacing-xsmall) var(--hpe-static-spacing-none) var(--hpe-base-color-black-opacity36) ;--hpe-anchor-default-disabled-rest-textColor: var(--hpe-color-text-disabled);--hpe-button-default-disabled-rest-textColor: var(--hpe-color-text-disabled);--hpe-button-default-hover-background: var(--hpe-color-background-hover);--hpe-button-default-hover-borderColor: var(--hpe-button-default-rest-borderColor);--hpe-button-default-rest-textColor: var(--hpe-color-text-strong);--hpe-button-default-selected-hover-background: var(--hpe-color-background-hover);--hpe-button-default-selected-hover-textColor: var(--hpe-color-text-strong);--hpe-button-default-selected-rest-textColor: var(--hpe-color-text-strong);--hpe-button-primary-disabled-rest-background: var(--hpe-color-background-disabled);--hpe-button-primary-disabled-rest-textColor: var(--hpe-color-text-disabled);--hpe-button-primary-hover-background: var(--hpe-color-background-neutral-xstrong-hover);--hpe-button-primary-hover-iconColor: var(--hpe-color-icon-onStrong);--hpe-button-primary-hover-textColor: var(--hpe-color-text-onStrong);--hpe-button-primary-rest-background: var(--hpe-color-background-neutral-xstrong);--hpe-button-primary-rest-iconColor: var(--hpe-color-icon-onStrong);--hpe-button-primary-rest-textColor: var(--hpe-color-text-onStrong);--hpe-button-primary-selected-hover-background: var(--hpe-color-background-hover);--hpe-button-primary-selected-hover-textColor: var(--hpe-color-text-strong);--hpe-button-primary-selected-rest-textColor: var(--hpe-color-text-strong);--hpe-button-secondary-disabled-rest-background: var(--hpe-color-background-disabled);--hpe-button-secondary-disabled-rest-textColor: var(--hpe-color-text-disabled);--hpe-button-secondary-hover-background: var(--hpe-color-background-contrast-hover);--hpe-button-secondary-hover-borderColor: var(--hpe-button-secondary-rest-borderColor);--hpe-button-secondary-rest-background: var(--hpe-color-background-contrast);--hpe-button-secondary-rest-textColor: var(--hpe-color-text-strong);--hpe-button-secondary-selected-hover-background: var(--hpe-color-background-hover);--hpe-button-secondary-selected-hover-textColor: var(--hpe-color-text-strong);--hpe-button-secondary-selected-rest-textColor: var(--hpe-color-text-strong);--hpe-button-toolbar-disabled-rest-textColor: var(--hpe-color-text-disabled);--hpe-button-toolbar-hover-background: var(--hpe-color-background-hover);--hpe-button-toolbar-hover-borderColor: var(--hpe-button-toolbar-rest-borderColor);--hpe-button-toolbar-rest-textColor: var(--hpe-color-text-default);--hpe-button-toolbar-selected-hover-background: var(--hpe-color-background-selected-primary-hover);--hpe-button-toolbar-selected-hover-iconColor: var(--hpe-color-icon-primary);--hpe-button-toolbar-selected-hover-textColor: var(--hpe-color-text-primary);--hpe-button-toolbar-selected-rest-background: var(--hpe-color-background-selected-primary);--hpe-button-toolbar-selected-rest-iconColor: var(--hpe-color-icon-primary);--hpe-button-toolbar-selected-rest-textColor: var(--hpe-color-text-primary);--hpe-checkbox-default-control-disabled-rest-borderColor: var(--hpe-color-border-disabled);--hpe-checkbox-default-control-hover-background: var(--hpe-color-background-hover);--hpe-checkbox-default-control-hover-borderColor: var(--hpe-color-border-strong);--hpe-checkbox-default-control-rest-borderColor: var(--hpe-color-border-default);--hpe-checkbox-default-label-disabled-rest-textColor: var(--hpe-color-text-disabled);--hpe-checkbox-default-label-hover-textColor: var(--hpe-color-text-default);--hpe-checkbox-default-label-rest-textColor: var(--hpe-color-text-default);--hpe-dataCell-default-disabled-rest-background: var(--hpe-dataCell-default-rest-background);--hpe-dataCell-default-disabled-rest-textColor: var(--hpe-color-text-disabled);--hpe-dataCell-default-rest-borderColor: var(--hpe-color-border-weak);--hpe-dataCell-default-rest-textColor: var(--hpe-color-text-default);--hpe-dataCell-default-selected-hover-background: var(--hpe-color-background-contrast-hover);--hpe-dataCell-default-selected-rest-background: var(--hpe-color-background-active);--hpe-dataCell-primary-hover-background: var(--hpe-dataCell-default-hover-background);--hpe-dataCell-primary-rest-background: var(--hpe-dataCell-default-rest-background);--hpe-dataCell-primary-rest-iconColor: var(--hpe-color-text-strong);--hpe-dataCell-primary-rest-textColor: var(--hpe-color-text-strong);--hpe-dataCell-primary-selected-hover-background: var(--hpe-color-background-contrast-hover);--hpe-dataCell-primary-selected-rest-background: var(--hpe-color-background-active);--hpe-drop-default-background: var(--hpe-color-background-floating);--hpe-footerCell-default-rest-borderColor: var(--hpe-color-border-default);--hpe-formField-default-error-hover-textColor: var(--hpe-color-text-critical);--hpe-formField-default-error-rest-textColor: var(--hpe-color-text-critical);--hpe-formField-default-help-disabled-rest-textColor: var(--hpe-color-text-disabled);--hpe-formField-default-help-error-rest-textColor: var(--hpe-color-text-default);--hpe-formField-default-help-hover-textColor: var(--hpe-color-text-default);--hpe-formField-default-help-readOnly-rest-textColor: var(--hpe-color-text-default);--hpe-formField-default-help-rest-textColor: var(--hpe-color-text-default);--hpe-formField-default-info-disabled-rest-textColor: var(--hpe-color-text-disabled);--hpe-formField-default-info-error-rest-textColor: var(--hpe-color-text-default);--hpe-formField-default-info-hover-textColor: var(--hpe-color-text-default);--hpe-formField-default-info-readOnly-rest-textColor: var(--hpe-color-text-default);--hpe-formField-default-info-rest-textColor: var(--hpe-color-text-default);--hpe-formField-default-input-container-disabled-rest-borderColor: var(--hpe-color-border-disabled);--hpe-formField-default-input-container-error-rest-background: var(--hpe-color-background-critical);--hpe-formField-default-input-container-hover-borderColor: var(--hpe-color-border-default);--hpe-formField-default-input-container-readOnly-rest-background: var(--hpe-color-background-contrast);--hpe-formField-default-input-container-readOnly-rest-borderColor: var(--hpe-color-border-weak);--hpe-formField-default-input-container-rest-borderColor: var(--hpe-color-border-default);--hpe-formField-default-input-group-container-error-rest-background: var(--hpe-color-background-critical);--hpe-formField-default-input-group-container-hover-borderColor: var(--hpe-formField-default-input-group-container-rest-borderColor);--hpe-formField-default-input-group-container-rest-background: var(--hpe-formField-default-input-container-rest-background);--hpe-formField-default-input-group-item-hover-background: var(--hpe-color-background-hover);--hpe-formField-default-label-disabled-rest-textColor: var(--hpe-color-text-disabled);--hpe-formField-default-label-error-rest-textColor: var(--hpe-color-text-strong);--hpe-formField-default-label-hover-textColor: var(--hpe-color-text-strong);--hpe-formField-default-label-readOnly-rest-textColor: var(--hpe-color-text-strong);--hpe-formField-default-label-rest-textColor: var(--hpe-color-text-strong);--hpe-formField-default-placeholder-disabled-rest-textColor: var(--hpe-color-text-disabled);--hpe-formField-default-placeholder-error-rest-textColor: var(--hpe-color-text-weak);--hpe-formField-default-placeholder-hover-textColor: var(--hpe-color-text-weak);--hpe-formField-default-placeholder-readOnly-rest-textColor: var(--hpe-color-text-weak);--hpe-formField-default-placeholder-rest-textColor: var(--hpe-color-text-weak);--hpe-formField-default-value-disabled-rest-textColor: var(--hpe-color-text-disabled);--hpe-formField-default-value-error-rest-textColor: var(--hpe-color-text-strong);--hpe-formField-default-value-hover-textColor: var(--hpe-color-text-strong);--hpe-formField-default-value-readOnly-rest-textColor: var(--hpe-color-text-strong);--hpe-formField-default-value-rest-textColor: var(--hpe-color-text-strong);--hpe-headerCell-default-hover-background: var(--hpe-color-background-hover);--hpe-headerCell-default-rest-borderColor: var(--hpe-color-border-default);--hpe-headerCell-default-rest-textColor: var(--hpe-color-text-strong);--hpe-headerCell-default-units-hover-textColor: var(--hpe-color-text-weak);--hpe-headerCell-default-units-rest-textColor: var(--hpe-color-text-weak);--hpe-menu-default-group-separator-background: var(--hpe-color-border-default);--hpe-menu-default-item-hover-background: var(--hpe-color-background-hover);--hpe-radioButton-default-control-disabled-rest-background: var(--hpe-color-background-disabled);--hpe-radioButton-default-control-disabled-rest-borderColor: var(--hpe-color-border-disabled);--hpe-radioButton-default-control-hover-borderColor: var(--hpe-color-border-strong);--hpe-radioButton-default-control-rest-borderColor: var(--hpe-color-border-default);--hpe-radioButton-default-label-disabled-rest-textColor: var(--hpe-color-text-disabled);--hpe-radioButton-default-label-hover-textColor: var(--hpe-color-text-default);--hpe-radioButton-default-label-rest-textColor: var(--hpe-color-text-default);--hpe-radioButton-default-label-selected-hover-textColor: var(--hpe-color-text-default);--hpe-radioButton-default-label-selected-rest-textColor: var(--hpe-color-text-default);--hpe-select-default-option-disabled-rest-background: var(--hpe-color-background-disabled);--hpe-select-default-option-disabled-rest-textColor: var(--hpe-color-text-disabled);--hpe-select-default-option-hover-background: var(--hpe-color-background-hover);--hpe-select-default-option-hover-textColor: var(--hpe-color-text-default);--hpe-select-default-option-marker-disabled-rest-background: var(--hpe-color-border-disabled);--hpe-select-default-option-rest-textColor: var(--hpe-color-text-default);--hpe-select-default-option-selected-hover-background: var(--hpe-color-background-selected-primary-hover);--hpe-select-default-option-selected-rest-background: var(--hpe-color-background-selected-primary);--hpe-switch-default-control-handle-disabled-rest-background: var(--hpe-color-background-disabled);--hpe-switch-default-control-handle-hover-background: var(--hpe-color-background-default);--hpe-switch-default-control-handle-rest-background: var(--hpe-color-background-front);--hpe-switch-default-control-handle-selected-hover-background: var(--hpe-color-background-default);--hpe-switch-default-control-handle-selected-rest-background: var(--hpe-color-background-default);--hpe-switch-default-control-track-disabled-rest-background: var(--hpe-color-background-disabled);--hpe-switch-default-control-track-hover-background: var(--hpe-color-decorative-neutral-hover);--hpe-switch-default-control-track-rest-background: var(--hpe-color-decorative-neutral);--hpe-switch-default-label-disabled-rest-textColor: var(--hpe-color-text-disabled);--hpe-switch-default-label-hover-textColor: var(--hpe-color-text-default);--hpe-switch-default-label-rest-textColor: var(--hpe-color-text-default);--hpe-color-icon-onSelectedPrimary: var(--hpe-color-icon-strong);--hpe-anchor-default-hover-textColor: var(--hpe-color-text-anchor-hover);--hpe-anchor-default-rest-textColor: var(--hpe-color-text-anchor);--hpe-button-default-disabled-rest-iconColor: var(--hpe-color-icon-disabled);--hpe-button-default-hover-textColor: var(--hpe-button-default-rest-textColor);--hpe-button-default-rest-iconColor: var(--hpe-color-icon-strong);--hpe-button-default-selected-hover-borderColor: var(--hpe-color-border-selected);--hpe-button-default-selected-hover-iconColor: var(--hpe-color-icon-strong);--hpe-button-default-selected-rest-borderColor: var(--hpe-color-border-selected);--hpe-button-default-selected-rest-iconColor: var(--hpe-color-icon-strong);--hpe-button-primary-disabled-rest-iconColor: var(--hpe-color-icon-disabled);--hpe-button-primary-selected-hover-borderColor: var(--hpe-color-border-selected);--hpe-button-primary-selected-hover-iconColor: var(--hpe-color-icon-strong);--hpe-button-primary-selected-rest-borderColor: var(--hpe-color-border-selected);--hpe-button-primary-selected-rest-iconColor: var(--hpe-color-icon-strong);--hpe-button-secondary-disabled-rest-iconColor: var(--hpe-color-icon-disabled);--hpe-button-secondary-hover-textColor: var(--hpe-button-secondary-rest-textColor);--hpe-button-secondary-rest-iconColor: var(--hpe-color-icon-strong);--hpe-button-secondary-selected-hover-borderColor: var(--hpe-color-border-selected);--hpe-button-secondary-selected-hover-iconColor: var(--hpe-color-icon-strong);--hpe-button-secondary-selected-rest-borderColor: var(--hpe-color-border-selected);--hpe-button-secondary-selected-rest-iconColor: var(--hpe-color-icon-strong);--hpe-button-toolbar-disabled-rest-iconColor: var(--hpe-color-icon-disabled);--hpe-button-toolbar-hover-textColor: var(--hpe-button-toolbar-rest-textColor);--hpe-button-toolbar-rest-iconColor: var(--hpe-color-icon-default);--hpe-button-toolbar-selected-hover-borderColor: var(--hpe-color-border-selected);--hpe-button-toolbar-selected-rest-borderColor: var(--hpe-color-border-selected);--hpe-checkbox-default-control-disabled-rest-iconColor: var(--hpe-color-icon-disabled);--hpe-checkbox-default-control-indeterminate-hover-background: var(--hpe-color-background-selected-primary-strong-hover);--hpe-checkbox-default-control-indeterminate-hover-iconColor: var(--hpe-color-icon-onSelectedPrimaryStrong);--hpe-checkbox-default-control-indeterminate-rest-background: var(--hpe-color-background-selected-primary-strong);--hpe-checkbox-default-control-indeterminate-rest-iconColor: var(--hpe-color-icon-onSelectedPrimaryStrong);--hpe-checkbox-default-control-selected-hover-background: var(--hpe-color-background-selected-primary-strong-hover);--hpe-checkbox-default-control-selected-hover-iconColor: var(--hpe-color-icon-onSelectedPrimaryStrong);--hpe-checkbox-default-control-selected-rest-background: var(--hpe-color-background-selected-primary-strong);--hpe-checkbox-default-control-selected-rest-iconColor: var(--hpe-color-icon-onSelectedPrimaryStrong);--hpe-checkbox-default-label-selected-hover-textColor: var(--hpe-checkbox-default-label-rest-textColor);--hpe-checkbox-default-label-selected-rest-textColor: var(--hpe-checkbox-default-label-rest-textColor);--hpe-dataCell-default-disabled-rest-borderColor: var(--hpe-dataCell-default-rest-borderColor);--hpe-dataCell-default-disabled-rest-iconColor: var(--hpe-color-icon-disabled);--hpe-dataCell-default-hover-borderColor: var(--hpe-dataCell-default-rest-borderColor);--hpe-dataCell-default-hover-textColor: var(--hpe-dataCell-default-rest-textColor);--hpe-dataCell-default-pinned-hover-borderColor: var(--hpe-dataCell-default-rest-borderColor);--hpe-dataCell-default-pinned-hover-textColor: var(--hpe-dataCell-default-rest-textColor);--hpe-dataCell-default-pinned-rest-borderColor: var(--hpe-dataCell-default-rest-borderColor);--hpe-dataCell-default-pinned-rest-textColor: var(--hpe-dataCell-default-rest-textColor);--hpe-dataCell-default-rest-iconColor: var(--hpe-color-icon-default);--hpe-dataCell-default-selected-hover-borderColor: var(--hpe-dataCell-default-rest-borderColor);--hpe-dataCell-default-selected-hover-textColor: var(--hpe-color-text-onSelectedPrimary);--hpe-dataCell-default-selected-rest-borderColor: var(--hpe-dataCell-default-rest-borderColor);--hpe-dataCell-default-selected-rest-textColor: var(--hpe-color-text-onSelectedPrimary);--hpe-dataCell-primary-disabled-rest-background: var(--hpe-dataCell-default-disabled-rest-background);--hpe-dataCell-primary-disabled-rest-textColor: var(--hpe-dataCell-default-disabled-rest-textColor);--hpe-dataCell-primary-hover-iconColor: var(--hpe-dataCell-primary-rest-iconColor);--hpe-dataCell-primary-hover-textColor: var(--hpe-dataCell-primary-rest-textColor);--hpe-dataCell-primary-pinned-hover-borderColor: var(--hpe-dataCell-default-rest-borderColor);--hpe-dataCell-primary-pinned-hover-textColor: var(--hpe-dataCell-default-rest-textColor);--hpe-dataCell-primary-pinned-rest-borderColor: var(--hpe-dataCell-default-rest-borderColor);--hpe-dataCell-primary-pinned-rest-textColor: var(--hpe-dataCell-default-rest-textColor);--hpe-dataCell-primary-rest-borderColor: var(--hpe-dataCell-default-rest-borderColor);--hpe-dataCell-primary-selected-hover-borderColor: var(--hpe-dataCell-default-rest-borderColor);--hpe-dataCell-primary-selected-hover-textColor: var(--hpe-color-text-onSelectedPrimary);--hpe-dataCell-primary-selected-rest-borderColor: var(--hpe-dataCell-default-rest-borderColor);--hpe-dataCell-primary-selected-rest-textColor: var(--hpe-color-text-onSelectedPrimary);--hpe-footerCell-default-hover-borderColor: var(--hpe-footerCell-default-rest-borderColor);--hpe-footerCell-default-pinned-hover-textColor: var(--hpe-dataCell-default-rest-textColor);--hpe-footerCell-default-pinned-rest-textColor: var(--hpe-dataCell-default-rest-textColor);--hpe-footerCell-default-rest-textColor: var(--hpe-dataCell-default-rest-textColor);--hpe-formField-default-error-hover-iconColor: var(--hpe-color-icon-critical);--hpe-formField-default-error-rest-iconColor: var(--hpe-color-icon-critical);--hpe-formField-default-input-container-error-rest-borderColor: var(--hpe-color-border-critical);--hpe-formField-default-input-group-container-error-rest-borderColor: var(--hpe-color-border-critical);--hpe-formField-default-input-group-container-hover-background: var(--hpe-formField-default-input-group-container-rest-background);--hpe-formField-default-input-group-container-readOnly-rest-background: var(--hpe-formField-default-input-container-readOnly-rest-background);--hpe-formField-default-input-group-container-readOnly-rest-borderColor: var(--hpe-formField-default-input-container-readOnly-rest-borderColor);--hpe-formField-default-label-disabled-rest-iconColor: var(--hpe-color-icon-disabled);--hpe-formField-default-label-error-rest-iconColor: var(--hpe-color-icon-strong);--hpe-formField-default-label-hover-iconColor: var(--hpe-color-icon-strong);--hpe-formField-default-label-readOnly-rest-iconColor: var(--hpe-color-icon-strong);--hpe-formField-default-label-rest-iconColor: var(--hpe-color-icon-strong);--hpe-headerCell-default-hover-borderColor: var(--hpe-headerCell-default-rest-borderColor);--hpe-headerCell-default-hover-textColor: var(--hpe-headerCell-default-rest-textColor);--hpe-headerCell-default-pinned-rest-textColor: var(--hpe-dataCell-default-rest-textColor);--hpe-headerCell-default-rest-iconColor: var(--hpe-color-icon-strong);--hpe-headerCell-default-units-pinned-hover-textColor: var(--hpe-headerCell-default-units-rest-textColor);--hpe-headerCell-default-units-pinned-rest-textColor: var(--hpe-headerCell-default-units-rest-textColor);--hpe-menu-default-drop-background: var(--hpe-drop-default-background);--hpe-menu-default-item-disabled-rest-textColor: var(--hpe-button-default-disabled-rest-textColor);--hpe-menu-default-item-rest-textColor: var(--hpe-button-default-rest-textColor);--hpe-radioButton-default-control-selected-hover-background: var(--hpe-color-background-selected-primary-strong-hover);--hpe-radioButton-default-control-selected-hover-iconColor: var(--hpe-color-icon-onSelectedPrimaryStrong);--hpe-radioButton-default-control-selected-rest-background: var(--hpe-color-background-selected-primary-strong);--hpe-radioButton-default-control-selected-rest-iconColor: var(--hpe-color-icon-onSelectedPrimaryStrong);--hpe-select-default-drop-background: var(--hpe-drop-default-background);--hpe-select-default-option-disabled-rest-iconColor: var(--hpe-color-icon-disabled);--hpe-select-default-option-hover-iconColor: var(--hpe-color-icon-default);--hpe-select-default-option-marker-hover-background: var(--hpe-color-border-selected);--hpe-select-default-option-marker-rest-background: var(--hpe-color-border-selected);--hpe-select-default-option-rest-iconColor: var(--hpe-color-icon-default);--hpe-select-default-option-selected-hover-textColor: var(--hpe-color-text-onSelectedPrimary);--hpe-select-default-option-selected-rest-textColor: var(--hpe-color-text-onSelectedPrimary);--hpe-switch-default-control-track-selected-hover-background: var(--hpe-color-background-selected-primary-strong-hover);--hpe-switch-default-control-track-selected-rest-background: var(--hpe-color-background-selected-primary-strong);--hpe-switch-default-label-selected-hover-textColor: var(--hpe-switch-default-label-rest-textColor);--hpe-switch-default-label-selected-rest-textColor: var(--hpe-switch-default-label-rest-textColor);--hpe-button-default-hover-iconColor: var(--hpe-button-default-rest-iconColor);--hpe-button-secondary-hover-iconColor: var(--hpe-button-secondary-rest-iconColor);--hpe-button-toolbar-hover-iconColor: var(--hpe-button-toolbar-rest-iconColor);--hpe-dataCell-default-hover-iconColor: var(--hpe-dataCell-default-rest-iconColor);--hpe-dataCell-default-pinned-hover-iconColor: var(--hpe-dataCell-default-rest-iconColor);--hpe-dataCell-default-pinned-rest-iconColor: var(--hpe-dataCell-default-rest-iconColor);--hpe-dataCell-default-selected-hover-iconColor: var(--hpe-color-icon-onSelectedPrimary);--hpe-dataCell-default-selected-rest-iconColor: var(--hpe-color-icon-onSelectedPrimary);--hpe-dataCell-primary-disabled-rest-borderColor: var(--hpe-dataCell-default-disabled-rest-borderColor);--hpe-dataCell-primary-disabled-rest-iconColor: var(--hpe-dataCell-default-disabled-rest-iconColor);--hpe-dataCell-primary-hover-borderColor: var(--hpe-dataCell-default-hover-borderColor);--hpe-dataCell-primary-pinned-hover-iconColor: var(--hpe-dataCell-default-rest-iconColor);--hpe-dataCell-primary-pinned-rest-iconColor: var(--hpe-dataCell-default-rest-iconColor);--hpe-dataCell-primary-selected-hover-iconColor: var(--hpe-color-icon-onSelectedPrimary);--hpe-dataCell-primary-selected-rest-iconColor: var(--hpe-color-icon-onSelectedPrimary);--hpe-footerCell-default-hover-textColor: var(--hpe-footerCell-default-rest-textColor);--hpe-footerCell-default-pinned-hover-borderColor: var(--hpe-dataCell-default-hover-borderColor);--hpe-footerCell-default-pinned-hover-iconColor: var(--hpe-dataCell-default-rest-iconColor);--hpe-footerCell-default-pinned-rest-borderColor: var(--hpe-dataCell-default-hover-borderColor);--hpe-footerCell-default-pinned-rest-iconColor: var(--hpe-dataCell-default-rest-iconColor);--hpe-footerCell-default-rest-iconColor: var(--hpe-dataCell-default-rest-iconColor);--hpe-headerCell-default-hover-iconColor: var(--hpe-headerCell-default-rest-iconColor);--hpe-headerCell-default-pinned-rest-borderColor: var(--hpe-dataCell-default-hover-borderColor);--hpe-headerCell-default-pinned-rest-iconColor: var(--hpe-dataCell-default-rest-iconColor);--hpe-menu-default-item-disabled-rest-iconColor: var(--hpe-button-default-disabled-rest-iconColor);--hpe-menu-default-item-hover-textColor: var(--hpe-button-default-hover-textColor);--hpe-menu-default-item-rest-iconColor: var(--hpe-button-default-rest-iconColor);--hpe-select-default-option-selected-hover-iconColor: var(--hpe-color-icon-onSelectedPrimary);--hpe-select-default-option-selected-rest-iconColor: var(--hpe-color-icon-onSelectedPrimary);--hpe-footerCell-default-hover-iconColor: var(--hpe-footerCell-default-rest-iconColor);--hpe-menu-default-item-hover-iconColor: var(--hpe-button-default-hover-iconColor)}}:root{--hpe-breakpoint-large: 1440px;--hpe-breakpoint-medium: 1080px;--hpe-breakpoint-small: 768px;--hpe-breakpoint-xsmall: 576px;--hpe-focusIndicator-outlineOffset: 2px;--hpe-fontStack-primary: "HPE Graphik", Arial, sans-serif;--hpe-fontWeight-black: 900;--hpe-fontWeight-bold: 700;--hpe-fontWeight-light: 300;--hpe-fontWeight-medium: 500;--hpe-fontWeight-regular: 400;--hpe-fontWeight-semibold: 600;--hpe-fontWeight-thin: 100;--hpe-focusIndicator-boxShadow: 0 0 0 var(--hpe-focusIndicator-outlineOffset) var(--hpe-color-focus-support) ;--hpe-focusIndicator-outline: var(--hpe-base-dimension-50) solid var(--hpe-color-focus)}:root{--hpe-element-large-paddingY: 9px;--hpe-element-medium-paddingX-default: 10px;--hpe-element-medium-paddingX-narrow: 5px;--hpe-element-medium-paddingY: 5px;--hpe-element-small-paddingY: 3px;--hpe-element-xlarge-paddingX-wide: 32px;--hpe-element-xlarge-paddingY: 20px;--hpe-element-xsmall-paddingY: 3px;--hpe-anchor-default-disabled-rest-textDecoration: underline;--hpe-anchor-default-hover-textDecoration: underline;--hpe-anchor-default-rest-textDecoration: underline;--hpe-button-default-large-iconOnly-paddingY: 12px;--hpe-button-default-medium-iconOnly-paddingY: 9px;--hpe-button-default-small-iconOnly-paddingY: 5px;--hpe-button-default-xlarge-iconOnly-paddingY: 23px;--hpe-button-default-xsmall-iconOnly-paddingY: 4px;--hpe-button-default-xsmall-paddingX: 12px;--hpe-button-default-xsmall-paddingY: 3px;--hpe-button-secondary-large-iconOnly-paddingY: 12px;--hpe-button-secondary-large-paddingY: 9px;--hpe-button-secondary-medium-iconOnly-paddingY: 8px;--hpe-button-secondary-small-iconOnly-paddingY: 5px;--hpe-button-secondary-xlarge-iconOnly-paddingY: 23px;--hpe-button-secondary-xlarge-paddingY: 20px;--hpe-button-secondary-xsmall-iconOnly-paddingY: 4px;--hpe-button-toolbar-large-iconOnly-paddingX: 14px;--hpe-button-toolbar-large-paddingY: 9px;--hpe-button-toolbar-small-iconOnly-paddingX: 5px;--hpe-button-toolbar-small-iconOnly-paddingY: 5px;--hpe-button-toolbar-xsmall-iconOnly-paddingY: 4px;--hpe-button-toolbar-xsmall-paddingY: 3px;--hpe-dataCell-default-medium-paddingBottom: 11px;--hpe-drop-default-zIndex: 110;--hpe-formField-default-medium-input-container-paddingY: 5px;--hpe-select-default-medium-option-marker-bottom: -1px;--hpe-select-default-medium-option-marker-left: -1px;--hpe-select-default-medium-option-marker-top: -1px;--hpe-select-default-medium-option-paddingY: 5px;--hpe-element-large-height: var(--hpe-base-dimension-1200);--hpe-element-large-minHeight: var(--hpe-base-dimension-1200);--hpe-element-large-paddingX-default: var(--hpe-base-dimension-450);--hpe-element-large-paddingX-narrow: var(--hpe-base-dimension-225);--hpe-element-large-paddingX-wide: var(--hpe-base-dimension-600);--hpe-element-large-width: var(--hpe-base-dimension-1200);--hpe-element-medium-height: var(--hpe-base-dimension-900);--hpe-element-medium-minHeight: var(--hpe-base-dimension-900);--hpe-element-medium-paddingX-wide: var(--hpe-base-dimension-450);--hpe-element-medium-width: var(--hpe-base-dimension-900);--hpe-element-small-height: var(--hpe-base-dimension-700);--hpe-element-small-minHeight: var(--hpe-base-dimension-700);--hpe-element-small-width: var(--hpe-base-dimension-700);--hpe-element-xlarge-height: var(--hpe-base-dimension-1800);--hpe-element-xlarge-minHeight: var(--hpe-base-dimension-1800);--hpe-element-xlarge-paddingX-default: var(--hpe-base-dimension-600);--hpe-element-xlarge-paddingX-narrow: var(--hpe-base-dimension-500);--hpe-element-xlarge-width: var(--hpe-base-dimension-1800);--hpe-element-xsmall-height: var(--hpe-base-dimension-600);--hpe-element-xsmall-minHeight: var(--hpe-base-dimension-600);--hpe-element-xsmall-paddingX-wide: var(--hpe-base-dimension-225);--hpe-element-xsmall-width: var(--hpe-base-dimension-600);--hpe-anchor-default-5xlarge-fontSize: var(--hpe-text-5xlarge-fontSize);--hpe-anchor-default-disabled-rest-fontWeight: var(--hpe-fontWeight-medium);--hpe-anchor-default-hover-fontWeight: var(--hpe-fontWeight-medium);--hpe-anchor-default-rest-fontWeight: var(--hpe-fontWeight-medium);--hpe-anchor-default-xxlarge-fontSize: var(--hpe-text-xxlarge-fontSize);--hpe-button-default-large-borderRadius: var(--hpe-static-radius-full);--hpe-button-default-large-iconOnly-paddingX: var(--hpe-button-default-large-iconOnly-paddingY);--hpe-button-default-large-paddingY: var(--hpe-element-large-paddingY);--hpe-button-default-medium-borderRadius: var(--hpe-static-radius-full);--hpe-button-default-medium-iconOnly-paddingX: var(--hpe-button-default-medium-iconOnly-paddingY);--hpe-button-default-medium-paddingY: var(--hpe-element-medium-paddingY);--hpe-button-default-rest-fontWeight: var(--hpe-fontWeight-medium);--hpe-button-default-selected-hover-fontWeight: var(--hpe-fontWeight-medium);--hpe-button-default-selected-rest-fontWeight: var(--hpe-fontWeight-medium);--hpe-button-default-small-borderRadius: var(--hpe-static-radius-full);--hpe-button-default-small-iconOnly-paddingX: var(--hpe-button-default-small-iconOnly-paddingY);--hpe-button-default-small-paddingY: var(--hpe-element-small-paddingY);--hpe-button-default-xlarge-borderRadius: var(--hpe-static-radius-full);--hpe-button-default-xlarge-iconOnly-paddingX: var(--hpe-button-default-xlarge-iconOnly-paddingY);--hpe-button-default-xlarge-paddingX: var(--hpe-element-xlarge-paddingX-wide);--hpe-button-default-xlarge-paddingY: var(--hpe-element-xlarge-paddingY);--hpe-button-default-xsmall-borderRadius: var(--hpe-static-radius-full);--hpe-button-default-xsmall-iconOnly-paddingX: var(--hpe-button-default-xsmall-iconOnly-paddingY);--hpe-button-primary-large-iconOnly-paddingY: var(--hpe-button-default-large-iconOnly-paddingY);--hpe-button-primary-medium-iconOnly-paddingY: var(--hpe-button-default-medium-iconOnly-paddingY);--hpe-button-primary-rest-fontWeight: var(--hpe-fontWeight-medium);--hpe-button-primary-small-iconOnly-paddingY: var(--hpe-button-default-small-iconOnly-paddingY);--hpe-button-primary-xlarge-iconOnly-paddingY: var(--hpe-button-default-xlarge-iconOnly-paddingY);--hpe-button-primary-xsmall-iconOnly-paddingY: var(--hpe-button-default-xsmall-iconOnly-paddingY);--hpe-button-primary-xsmall-paddingX: var(--hpe-button-default-xsmall-paddingX);--hpe-button-primary-xsmall-paddingY: var(--hpe-button-default-xsmall-paddingY);--hpe-button-secondary-large-iconOnly-paddingX: var(--hpe-button-secondary-large-iconOnly-paddingY);--hpe-button-secondary-medium-iconOnly-paddingX: var(--hpe-button-secondary-medium-iconOnly-paddingY);--hpe-button-secondary-medium-paddingY: var(--hpe-element-medium-paddingY);--hpe-button-secondary-rest-fontWeight: var(--hpe-fontWeight-medium);--hpe-button-secondary-selected-hover-fontWeight: var(--hpe-fontWeight-medium);--hpe-button-secondary-selected-rest-fontWeight: var(--hpe-fontWeight-medium);--hpe-button-secondary-small-iconOnly-paddingX: var(--hpe-button-secondary-small-iconOnly-paddingY);--hpe-button-secondary-xlarge-iconOnly-paddingX: var(--hpe-button-secondary-xlarge-iconOnly-paddingY);--hpe-button-secondary-xsmall-iconOnly-paddingX: var(--hpe-button-secondary-xsmall-iconOnly-paddingY);--hpe-button-secondary-xsmall-paddingX: var(--hpe-button-default-xsmall-paddingX);--hpe-button-secondary-xsmall-paddingY: var(--hpe-button-default-xsmall-paddingY);--hpe-button-toolbar-large-iconOnly-paddingY: var(--hpe-button-default-large-iconOnly-paddingY);--hpe-button-toolbar-large-paddingX: var(--hpe-base-dimension-250);--hpe-button-toolbar-medium-iconOnly-paddingY: var(--hpe-button-default-medium-iconOnly-paddingY);--hpe-button-toolbar-medium-paddingX: var(--hpe-element-medium-paddingX-default);--hpe-button-toolbar-rest-fontWeight: var(--hpe-fontWeight-medium);--hpe-button-toolbar-xlarge-iconOnly-paddingY: var(--hpe-button-default-xlarge-iconOnly-paddingY);--hpe-button-toolbar-xsmall-iconOnly-paddingX: var(--hpe-button-toolbar-xsmall-iconOnly-paddingY);--hpe-checkbox-default-label-rest-fontWeight: var(--hpe-fontWeight-regular);--hpe-checkbox-default-medium-control-height: var(--hpe-base-dimension-600);--hpe-checkbox-default-medium-control-width: var(--hpe-base-dimension-600);--hpe-dataCell-default-medium-fontWeight: var(--hpe-fontWeight-regular);--hpe-dataCell-default-medium-minHeight: var(--hpe-base-dimension-1200);--hpe-dataCell-primary-medium-fontWeight: var(--hpe-fontWeight-medium);--hpe-dataCell-primary-medium-paddingBottom: var(--hpe-dataCell-default-medium-paddingBottom);--hpe-footerCell-default-medium-fontWeight: var(--hpe-fontWeight-medium);--hpe-footerCell-default-medium-paddingTop: var(--hpe-dataCell-default-medium-paddingBottom);--hpe-formField-default-medium-error-fontWeight: var(--hpe-fontWeight-regular);--hpe-formField-default-medium-help-fontWeight: var(--hpe-fontWeight-regular);--hpe-formField-default-medium-info-fontWeight: var(--hpe-fontWeight-regular);--hpe-formField-default-medium-input-group-item-paddingY: var(--hpe-element-medium-paddingY);--hpe-formField-default-medium-label-fontWeight: var(--hpe-fontWeight-medium);--hpe-formField-default-medium-placeholder-fontWeight: var(--hpe-fontWeight-regular);--hpe-formField-default-medium-value-fontWeight: var(--hpe-fontWeight-regular);--hpe-headerCell-default-medium-fontWeight: var(--hpe-fontWeight-medium);--hpe-headerCell-default-medium-paddingBottom: var(--hpe-dataCell-default-medium-paddingBottom);--hpe-radioButton-default-label-rest-fontWeight: var(--hpe-fontWeight-regular);--hpe-radioButton-default-medium-control-borderRadius: var(--hpe-static-radius-full);--hpe-radioButton-default-medium-control-height: var(--hpe-base-dimension-600);--hpe-radioButton-default-medium-control-width: var(--hpe-base-dimension-600);--hpe-select-default-medium-option-marker-borderBottomLeftRadius: var(--hpe-static-radius-full);--hpe-select-default-medium-option-marker-borderTopLeftRadius: var(--hpe-static-radius-full);--hpe-select-default-option-rest-fontWeight: var(--hpe-fontWeight-medium);--hpe-select-default-option-selected-hover-fontWeight: var(--hpe-fontWeight-medium);--hpe-select-default-option-selected-rest-fontWeight: var(--hpe-fontWeight-medium);--hpe-switch-default-label-rest-fontWeight: var(--hpe-fontWeight-regular);--hpe-switch-default-medium-control-handle-borderRadius: var(--hpe-static-radius-full);--hpe-switch-default-medium-control-handle-height: var(--hpe-base-dimension-500);--hpe-switch-default-medium-control-handle-width: var(--hpe-base-dimension-500);--hpe-switch-default-medium-control-track-borderRadius: var(--hpe-static-radius-full);--hpe-switch-default-medium-control-track-height: var(--hpe-base-dimension-600);--hpe-switch-default-medium-control-track-width: var(--hpe-base-dimension-1200);--hpe-element-large-fontSize: var(--hpe-text-large-fontSize);--hpe-element-large-icon-size: var(--hpe-icon-large-size);--hpe-element-large-lineHeight: var(--hpe-text-large-lineHeight);--hpe-element-large-textToElementX: var(--hpe-static-spacing-xsmall);--hpe-element-large-textToIconX: var(--hpe-static-spacing-3xsmall);--hpe-element-medium-fontSize: var(--hpe-text-medium-fontSize);--hpe-element-medium-icon-size: var(--hpe-icon-medium-size);--hpe-element-medium-lineHeight: var(--hpe-text-medium-lineHeight);--hpe-element-medium-textToElementX: var(--hpe-static-spacing-xsmall);--hpe-element-medium-textToIconX: var(--hpe-static-spacing-3xsmall);--hpe-element-small-borderWidth: var(--hpe-static-borderWidth-default);--hpe-element-small-fontSize: var(--hpe-text-small-fontSize);--hpe-element-small-icon-size: var(--hpe-icon-small-size);--hpe-element-small-lineHeight: var(--hpe-text-small-lineHeight);--hpe-element-small-paddingX-default: var(--hpe-static-spacing-3xsmall);--hpe-element-small-paddingX-narrow: var(--hpe-static-spacing-5xsmall);--hpe-element-small-paddingX-wide: var(--hpe-static-spacing-xsmall);--hpe-element-small-textToElementX: var(--hpe-static-spacing-xsmall);--hpe-element-small-textToIconX: var(--hpe-static-spacing-3xsmall);--hpe-element-xlarge-fontSize: var(--hpe-text-xlarge-fontSize);--hpe-element-xlarge-icon-size: var(--hpe-icon-xlarge-size);--hpe-element-xlarge-lineHeight: var(--hpe-text-xlarge-lineHeight);--hpe-element-xlarge-textToElementX: var(--hpe-static-spacing-xsmall);--hpe-element-xlarge-textToIconX: var(--hpe-static-spacing-3xsmall);--hpe-element-xsmall-fontSize: var(--hpe-text-xsmall-fontSize);--hpe-element-xsmall-icon-size: var(--hpe-icon-xsmall-size);--hpe-element-xsmall-lineHeight: var(--hpe-text-xsmall-lineHeight);--hpe-element-xsmall-paddingX-default: var(--hpe-static-spacing-3xsmall);--hpe-element-xsmall-paddingX-narrow: var(--hpe-static-spacing-5xsmall);--hpe-element-xsmall-textToElementX: var(--hpe-static-spacing-5xsmall);--hpe-element-xsmall-textToIconX: var(--hpe-static-spacing-5xsmall);--hpe-anchor-default-3xlarge-fontSize: var(--hpe-text-3xlarge-fontSize);--hpe-anchor-default-3xlarge-lineHeight: var(--hpe-text-3xlarge-lineHeight);--hpe-anchor-default-4xlarge-fontSize: var(--hpe-text-4xlarge-fontSize);--hpe-anchor-default-4xlarge-lineHeight: var(--hpe-text-4xlarge-lineHeight);--hpe-anchor-default-5xlarge-lineHeight: var(--hpe-text-5xlarge-lineHeight);--hpe-anchor-default-large-fontSize: var(--hpe-text-large-fontSize);--hpe-anchor-default-large-lineHeight: var(--hpe-text-large-lineHeight);--hpe-anchor-default-medium-fontSize: var(--hpe-text-medium-fontSize);--hpe-anchor-default-medium-lineHeight: var(--hpe-text-medium-lineHeight);--hpe-anchor-default-small-fontSize: var(--hpe-text-small-fontSize);--hpe-anchor-default-small-lineHeight: var(--hpe-text-small-lineHeight);--hpe-anchor-default-xlarge-fontSize: var(--hpe-text-xlarge-fontSize);--hpe-anchor-default-xlarge-lineHeight: var(--hpe-text-xlarge-lineHeight);--hpe-anchor-default-xsmall-fontSize: var(--hpe-text-xsmall-fontSize);--hpe-anchor-default-xsmall-lineHeight: var(--hpe-text-xsmall-lineHeight);--hpe-anchor-default-xxlarge-lineHeight: var(--hpe-text-xxlarge-lineHeight);--hpe-button-default-disabled-rest-fontWeight: var(--hpe-button-default-rest-fontWeight);--hpe-button-default-hover-fontWeight: var(--hpe-button-default-rest-fontWeight);--hpe-button-default-large-borderWidth: var(--hpe-static-borderWidth-default);--hpe-button-default-large-iconOnly-borderRadius: var(--hpe-button-default-large-borderRadius);--hpe-button-default-large-minHeight: var(--hpe-element-large-minHeight);--hpe-button-default-large-paddingX: var(--hpe-element-large-paddingX-wide);--hpe-button-default-medium-borderWidth: var(--hpe-static-borderWidth-default);--hpe-button-default-medium-iconOnly-borderRadius: var(--hpe-button-default-medium-borderRadius);--hpe-button-default-medium-minHeight: var(--hpe-element-medium-minHeight);--hpe-button-default-medium-paddingX: var(--hpe-element-medium-paddingX-wide);--hpe-button-default-small-borderWidth: var(--hpe-static-borderWidth-default);--hpe-button-default-small-iconOnly-borderRadius: var(--hpe-button-default-small-borderRadius);--hpe-button-default-small-minHeight: var(--hpe-element-small-minHeight);--hpe-button-default-xlarge-borderWidth: var(--hpe-static-borderWidth-default);--hpe-button-default-xlarge-iconOnly-borderRadius: var(--hpe-button-default-xlarge-borderRadius);--hpe-button-default-xlarge-minHeight: var(--hpe-element-xlarge-minHeight);--hpe-button-default-xsmall-iconOnly-borderRadius: var(--hpe-button-default-xsmall-borderRadius);--hpe-button-default-xsmall-minHeight: var(--hpe-element-xsmall-minHeight);--hpe-button-primary-disabled-rest-fontWeight: var(--hpe-button-primary-rest-fontWeight);--hpe-button-primary-hover-fontWeight: var(--hpe-button-primary-rest-fontWeight);--hpe-button-primary-large-borderRadius: var(--hpe-button-default-large-borderRadius);--hpe-button-primary-large-iconOnly-paddingX: var(--hpe-button-default-large-iconOnly-paddingX);--hpe-button-primary-large-paddingY: var(--hpe-button-default-large-paddingY);--hpe-button-primary-medium-borderRadius: var(--hpe-button-default-medium-borderRadius);--hpe-button-primary-medium-iconOnly-paddingX: var(--hpe-button-default-medium-iconOnly-paddingX);--hpe-button-primary-medium-paddingY: var(--hpe-button-default-medium-paddingY);--hpe-button-primary-selected-hover-fontWeight: var(--hpe-button-primary-rest-fontWeight);--hpe-button-primary-selected-rest-fontWeight: var(--hpe-button-primary-rest-fontWeight);--hpe-button-primary-small-borderRadius: var(--hpe-button-default-small-borderRadius);--hpe-button-primary-small-iconOnly-paddingX: var(--hpe-button-default-small-iconOnly-paddingX);--hpe-button-primary-small-paddingY: var(--hpe-button-default-small-paddingY);--hpe-button-primary-xlarge-borderRadius: var(--hpe-button-default-xlarge-borderRadius);--hpe-button-primary-xlarge-iconOnly-paddingX: var(--hpe-button-default-xlarge-iconOnly-paddingX);--hpe-button-primary-xlarge-paddingX: var(--hpe-button-default-xlarge-paddingX);--hpe-button-primary-xlarge-paddingY: var(--hpe-button-default-xlarge-paddingY);--hpe-button-primary-xsmall-borderRadius: var(--hpe-button-default-xsmall-borderRadius);--hpe-button-primary-xsmall-iconOnly-paddingX: var(--hpe-button-default-xsmall-iconOnly-paddingX);--hpe-button-secondary-disabled-rest-fontWeight: var(--hpe-button-secondary-rest-fontWeight);--hpe-button-secondary-hover-fontWeight: var(--hpe-button-secondary-rest-fontWeight);--hpe-button-secondary-large-borderRadius: var(--hpe-button-default-large-borderRadius);--hpe-button-secondary-medium-borderRadius: var(--hpe-button-default-medium-borderRadius);--hpe-button-secondary-medium-paddingX: var(--hpe-element-medium-paddingX-wide);--hpe-button-secondary-small-borderRadius: var(--hpe-button-default-small-borderRadius);--hpe-button-secondary-small-paddingY: var(--hpe-button-default-small-paddingY);--hpe-button-secondary-xlarge-borderRadius: var(--hpe-button-default-xlarge-borderRadius);--hpe-button-secondary-xlarge-paddingX: var(--hpe-button-default-xlarge-paddingX);--hpe-button-secondary-xsmall-borderRadius: var(--hpe-button-default-xsmall-borderRadius);--hpe-button-toolbar-disabled-rest-fontWeight: var(--hpe-button-toolbar-rest-fontWeight);--hpe-button-toolbar-hover-fontWeight: var(--hpe-button-toolbar-rest-fontWeight);--hpe-button-toolbar-large-borderRadius: var(--hpe-static-radius-xsmall);--hpe-button-toolbar-medium-borderRadius: var(--hpe-static-spacing-3xsmall);--hpe-button-toolbar-medium-iconOnly-paddingX: var(--hpe-button-default-medium-iconOnly-paddingX);--hpe-button-toolbar-medium-paddingY: var(--hpe-button-default-medium-paddingY);--hpe-button-toolbar-selected-hover-fontWeight: var(--hpe-button-toolbar-rest-fontWeight);--hpe-button-toolbar-selected-rest-fontWeight: var(--hpe-button-toolbar-rest-fontWeight);--hpe-button-toolbar-small-borderRadius: var(--hpe-static-radius-xsmall);--hpe-button-toolbar-small-borderWidth: var(--hpe-static-borderWidth-default);--hpe-button-toolbar-small-minHeight: var(--hpe-element-small-minHeight);--hpe-button-toolbar-small-paddingY: var(--hpe-button-default-small-paddingY);--hpe-button-toolbar-xlarge-borderRadius: var(--hpe-static-radius-medium);--hpe-button-toolbar-xlarge-iconOnly-paddingX: var(--hpe-button-default-xlarge-iconOnly-paddingX);--hpe-button-toolbar-xlarge-paddingX: var(--hpe-button-default-xlarge-paddingX);--hpe-button-toolbar-xlarge-paddingY: var(--hpe-button-default-xlarge-paddingY);--hpe-button-toolbar-xsmall-borderRadius: var(--hpe-static-radius-xsmall);--hpe-button-toolbar-xsmall-borderWidth: var(--hpe-static-borderWidth-default);--hpe-button-toolbar-xsmall-minHeight: var(--hpe-element-xsmall-minHeight);--hpe-checkbox-default-label-disabled-rest-fontWeight: var(--hpe-checkbox-default-label-rest-fontWeight);--hpe-checkbox-default-label-hover-fontWeight: var(--hpe-checkbox-default-label-rest-fontWeight);--hpe-checkbox-default-label-selected-hover-fontWeight: var(--hpe-checkbox-default-label-rest-fontWeight);--hpe-checkbox-default-label-selected-rest-fontWeight: var(--hpe-checkbox-default-label-rest-fontWeight);--hpe-checkbox-default-medium-control-borderRadius: var(--hpe-static-radius-xsmall);--hpe-checkbox-default-medium-gapX: var(--hpe-static-spacing-xsmall);--hpe-dataCell-default-medium-borderBottomWidth: var(--hpe-static-borderWidth-xsmall);--hpe-dataCell-default-medium-paddingTop: var(--hpe-static-spacing-xsmall);--hpe-dataCell-default-medium-paddingX: var(--hpe-static-spacing-xsmall);--hpe-drop-default-margin: var(--hpe-static-spacing-3xsmall);--hpe-footerCell-default-medium-minHeight: var(--hpe-dataCell-default-medium-minHeight);--hpe-formField-default-medium-error-fontSize: var(--hpe-text-xsmall-fontSize);--hpe-formField-default-medium-error-lineHeight: var(--hpe-text-xsmall-lineHeight);--hpe-formField-default-medium-help-fontSize: var(--hpe-text-xsmall-fontSize);--hpe-formField-default-medium-help-lineHeight: var(--hpe-text-xsmall-lineHeight);--hpe-formField-default-medium-info-fontSize: var(--hpe-text-xsmall-fontSize);--hpe-formField-default-medium-info-lineHeight: var(--hpe-text-xsmall-lineHeight);--hpe-formField-default-medium-input-container-borderRadius: var(--hpe-static-radius-small);--hpe-formField-default-medium-input-container-borderWidth: var(--hpe-static-borderWidth-default);--hpe-formField-default-medium-input-container-minHeight: var(--hpe-element-medium-minHeight);--hpe-formField-default-medium-input-container-paddingX: var(--hpe-static-spacing-xsmall);--hpe-formField-default-medium-input-group-container-paddingY: var(--hpe-static-spacing-none);--hpe-formField-default-medium-input-group-item-minHeight: var(--hpe-element-medium-minHeight);--hpe-formField-default-medium-input-group-item-paddingX: var(--hpe-static-spacing-xsmall);--hpe-formField-default-medium-label-fontSize: var(--hpe-text-xsmall-fontSize);--hpe-formField-default-medium-label-lineHeight: var(--hpe-text-xsmall-lineHeight);--hpe-headerCell-default-medium-minHeight: var(--hpe-dataCell-default-medium-minHeight);--hpe-menu-default-item-rest-fontWeight: var(--hpe-button-default-rest-fontWeight);--hpe-menu-default-medium-group-container-gapY: var(--hpe-static-spacing-none);--hpe-menu-default-medium-group-container-paddingX: var(--hpe-static-spacing-3xsmall);--hpe-menu-default-medium-group-container-paddingY: var(--hpe-static-spacing-3xsmall);--hpe-menu-default-medium-group-separator-height: var(--hpe-static-borderWidth-xsmall);--hpe-menu-default-medium-item-borderRadius: var(--hpe-static-radius-xsmall);--hpe-menu-default-medium-item-borderWidth: var(--hpe-static-borderWidth-default);--hpe-menu-default-medium-item-paddingY: var(--hpe-button-default-medium-paddingY);--hpe-radioButton-default-label-disabled-rest-fontWeight: var(--hpe-radioButton-default-label-rest-fontWeight);--hpe-radioButton-default-label-hover-fontWeight: var(--hpe-radioButton-default-label-rest-fontWeight);--hpe-radioButton-default-label-selected-hover-fontWeight: var(--hpe-radioButton-default-label-rest-fontWeight);--hpe-radioButton-default-label-selected-rest-fontWeight: var(--hpe-radioButton-default-label-rest-fontWeight);--hpe-radioButton-default-medium-gapX: var(--hpe-static-spacing-xsmall);--hpe-select-default-medium-drop-borderWidth: var(--hpe-static-borderWidth-none);--hpe-select-default-medium-drop-gapY: var(--hpe-static-spacing-3xsmall);--hpe-select-default-medium-drop-paddingX: var(--hpe-static-spacing-3xsmall);--hpe-select-default-medium-drop-paddingY: var(--hpe-static-spacing-3xsmall);--hpe-select-default-medium-option-borderRadius: var(--hpe-static-radius-xsmall);--hpe-select-default-medium-option-borderWidth: var(--hpe-static-borderWidth-default);--hpe-select-default-medium-option-marker-borderBottomRightRadius: var(--hpe-static-radius-none);--hpe-select-default-medium-option-marker-borderTopRightRadius: var(--hpe-static-radius-none);--hpe-select-default-medium-option-marker-width: var(--hpe-static-spacing-3xsmall);--hpe-select-default-medium-option-minHeight: var(--hpe-element-medium-minHeight);--hpe-select-default-option-disabled-rest-fontWeight: var(--hpe-select-default-option-rest-fontWeight);--hpe-select-default-option-hover-fontWeight: var(--hpe-select-default-option-rest-fontWeight);--hpe-switch-default-control-handle-disabled-rest-boxShadow: var(--hpe-shadow-small);--hpe-switch-default-control-handle-hover-boxShadow: var(--hpe-shadow-small);--hpe-switch-default-control-handle-rest-boxShadow: var(--hpe-shadow-small);--hpe-switch-default-control-handle-selected-hover-boxShadow: var(--hpe-shadow-small);--hpe-switch-default-control-handle-selected-rest-boxShadow: var(--hpe-shadow-small);--hpe-switch-default-label-disabled-rest-fontWeight: var(--hpe-switch-default-label-rest-fontWeight);--hpe-switch-default-label-hover-fontWeight: var(--hpe-switch-default-label-rest-fontWeight);--hpe-switch-default-label-selected-hover-fontWeight: var(--hpe-switch-default-label-rest-fontWeight);--hpe-switch-default-label-selected-rest-fontWeight: var(--hpe-switch-default-label-rest-fontWeight);--hpe-switch-default-medium-control-track-borderWidth: var(--hpe-static-borderWidth-default);--hpe-switch-default-medium-gapX: var(--hpe-static-spacing-xsmall);--hpe-element-large-borderWidth: var(--hpe-borderWidth-default);--hpe-element-medium-borderWidth: var(--hpe-borderWidth-default);--hpe-element-xlarge-borderWidth: var(--hpe-borderWidth-default);--hpe-element-xsmall-borderWidth: var(--hpe-borderWidth-default);--hpe-anchor-default-3xlarge-gapX: var(--hpe-element-xlarge-textToIconX);--hpe-anchor-default-4xlarge-gapX: var(--hpe-element-xlarge-textToIconX);--hpe-anchor-default-5xlarge-gapX: var(--hpe-element-xlarge-textToIconX);--hpe-anchor-default-large-gapX: var(--hpe-element-large-textToIconX);--hpe-anchor-default-medium-gapX: var(--hpe-element-medium-textToIconX);--hpe-anchor-default-small-gapX: var(--hpe-element-small-textToIconX);--hpe-anchor-default-xlarge-gapX: var(--hpe-element-xlarge-textToIconX);--hpe-anchor-default-xsmall-gapX: var(--hpe-element-xsmall-textToIconX);--hpe-anchor-default-xxlarge-gapX: var(--hpe-element-xlarge-textToIconX);--hpe-button-default-large-fontSize: var(--hpe-element-large-fontSize);--hpe-button-default-large-gapX: var(--hpe-element-large-textToIconX);--hpe-button-default-large-iconOnly-borderWidth: var(--hpe-button-default-large-borderWidth);--hpe-button-default-large-iconOnly-minHeight: var(--hpe-button-default-large-minHeight);--hpe-button-default-large-lineHeight: var(--hpe-element-large-lineHeight);--hpe-button-default-medium-fontSize: var(--hpe-element-medium-fontSize);--hpe-button-default-medium-gapX: var(--hpe-element-medium-textToIconX);--hpe-button-default-medium-iconOnly-borderWidth: var(--hpe-button-default-medium-borderWidth);--hpe-button-default-medium-iconOnly-minHeight: var(--hpe-button-default-medium-minHeight);--hpe-button-default-medium-lineHeight: var(--hpe-element-medium-lineHeight);--hpe-button-default-small-fontSize: var(--hpe-element-small-fontSize);--hpe-button-default-small-gapX: var(--hpe-element-small-textToIconX);--hpe-button-default-small-iconOnly-borderWidth: var(--hpe-button-default-small-borderWidth);--hpe-button-default-small-iconOnly-minHeight: var(--hpe-button-default-small-minHeight);--hpe-button-default-small-lineHeight: var(--hpe-element-small-lineHeight);--hpe-button-default-small-paddingX: var(--hpe-element-small-paddingX-wide);--hpe-button-default-xlarge-fontSize: var(--hpe-element-xlarge-fontSize);--hpe-button-default-xlarge-gapX: var(--hpe-element-xlarge-textToIconX);--hpe-button-default-xlarge-iconOnly-borderWidth: var(--hpe-button-default-xlarge-borderWidth);--hpe-button-default-xlarge-iconOnly-minHeight: var(--hpe-button-default-xlarge-minHeight);--hpe-button-default-xlarge-lineHeight: var(--hpe-element-xlarge-lineHeight);--hpe-button-default-xsmall-fontSize: var(--hpe-element-xsmall-fontSize);--hpe-button-default-xsmall-gapX: var(--hpe-element-xsmall-textToIconX);--hpe-button-default-xsmall-iconOnly-minHeight: var(--hpe-button-default-xsmall-minHeight);--hpe-button-default-xsmall-iconOnly-minWidth: var(--hpe-button-default-xsmall-minHeight);--hpe-button-default-xsmall-lineHeight: var(--hpe-element-xsmall-lineHeight);--hpe-button-primary-large-borderWidth: var(--hpe-button-default-large-borderWidth);--hpe-button-primary-large-iconOnly-borderRadius: var(--hpe-button-primary-large-borderRadius);--hpe-button-primary-large-minHeight: var(--hpe-button-default-large-minHeight);--hpe-button-primary-large-paddingX: var(--hpe-button-default-large-paddingX);--hpe-button-primary-medium-borderWidth: var(--hpe-button-default-medium-borderWidth);--hpe-button-primary-medium-iconOnly-borderRadius: var(--hpe-button-primary-medium-borderRadius);--hpe-button-primary-medium-minHeight: var(--hpe-button-default-medium-minHeight);--hpe-button-primary-medium-paddingX: var(--hpe-button-default-medium-paddingX);--hpe-button-primary-small-borderWidth: var(--hpe-button-default-small-borderWidth);--hpe-button-primary-small-iconOnly-borderRadius: var(--hpe-button-primary-small-borderRadius);--hpe-button-primary-small-minHeight: var(--hpe-button-default-small-minHeight);--hpe-button-primary-xlarge-borderWidth: var(--hpe-button-default-xlarge-borderWidth);--hpe-button-primary-xlarge-iconOnly-borderRadius: var(--hpe-button-primary-xlarge-borderRadius);--hpe-button-primary-xlarge-minHeight: var(--hpe-button-default-xlarge-minHeight);--hpe-button-primary-xsmall-iconOnly-borderRadius: var(--hpe-button-primary-xsmall-borderRadius);--hpe-button-primary-xsmall-minHeight: var(--hpe-button-default-xsmall-minHeight);--hpe-button-secondary-large-borderWidth: var(--hpe-button-default-large-borderWidth);--hpe-button-secondary-large-iconOnly-borderRadius: var(--hpe-button-secondary-large-borderRadius);--hpe-button-secondary-large-minHeight: var(--hpe-button-default-large-minHeight);--hpe-button-secondary-large-paddingX: var(--hpe-button-default-large-paddingX);--hpe-button-secondary-medium-borderWidth: var(--hpe-button-default-medium-borderWidth);--hpe-button-secondary-medium-iconOnly-borderRadius: var(--hpe-button-secondary-medium-borderRadius);--hpe-button-secondary-medium-minHeight: var(--hpe-button-default-medium-minHeight);--hpe-button-secondary-small-borderWidth: var(--hpe-button-default-small-borderWidth);--hpe-button-secondary-small-iconOnly-borderRadius: var(--hpe-button-secondary-small-borderRadius);--hpe-button-secondary-small-minHeight: var(--hpe-button-default-small-minHeight);--hpe-button-secondary-xlarge-borderWidth: var(--hpe-button-default-xlarge-borderWidth);--hpe-button-secondary-xlarge-iconOnly-borderRadius: var(--hpe-button-secondary-xlarge-borderRadius);--hpe-button-secondary-xlarge-minHeight: var(--hpe-button-default-xlarge-minHeight);--hpe-button-secondary-xsmall-iconOnly-borderRadius: var(--hpe-button-secondary-xsmall-borderRadius);--hpe-button-secondary-xsmall-minHeight: var(--hpe-button-default-xsmall-minHeight);--hpe-button-toolbar-large-borderWidth: var(--hpe-borderWidth-default);--hpe-button-toolbar-large-iconOnly-borderRadius: var(--hpe-button-toolbar-large-borderRadius);--hpe-button-toolbar-large-minHeight: var(--hpe-button-default-large-minHeight);--hpe-button-toolbar-medium-borderWidth: var(--hpe-borderWidth-default);--hpe-button-toolbar-medium-iconOnly-borderRadius: var(--hpe-button-toolbar-medium-borderRadius);--hpe-button-toolbar-medium-minHeight: var(--hpe-button-default-medium-minHeight);--hpe-button-toolbar-small-fontSize: var(--hpe-element-small-fontSize);--hpe-button-toolbar-small-gapX: var(--hpe-element-xsmall-textToIconX);--hpe-button-toolbar-small-iconOnly-borderRadius: var(--hpe-button-toolbar-small-borderRadius);--hpe-button-toolbar-small-iconOnly-borderWidth: var(--hpe-button-toolbar-small-borderWidth);--hpe-button-toolbar-small-iconOnly-minHeight: var(--hpe-button-toolbar-small-minHeight);--hpe-button-toolbar-small-lineHeight: var(--hpe-element-small-lineHeight);--hpe-button-toolbar-small-paddingX: var(--hpe-element-small-paddingX-default);--hpe-button-toolbar-xlarge-borderWidth: var(--hpe-button-default-xlarge-borderWidth);--hpe-button-toolbar-xlarge-iconOnly-borderRadius: var(--hpe-button-toolbar-xlarge-borderRadius);--hpe-button-toolbar-xlarge-minHeight: var(--hpe-button-default-xlarge-minHeight);--hpe-button-toolbar-xsmall-fontSize: var(--hpe-element-xsmall-fontSize);--hpe-button-toolbar-xsmall-gapX: var(--hpe-element-xsmall-textToIconX);--hpe-button-toolbar-xsmall-iconOnly-borderRadius: var(--hpe-button-toolbar-xsmall-borderRadius);--hpe-button-toolbar-xsmall-iconOnly-borderWidth: var(--hpe-button-toolbar-xsmall-borderWidth);--hpe-button-toolbar-xsmall-iconOnly-minHeight: var(--hpe-button-toolbar-xsmall-minHeight);--hpe-button-toolbar-xsmall-lineHeight: var(--hpe-element-xsmall-lineHeight);--hpe-button-toolbar-xsmall-paddingX: var(--hpe-element-xsmall-paddingX-default);--hpe-checkbox-default-medium-control-borderWidth: var(--hpe-borderWidth-default);--hpe-checkbox-default-medium-label-fontSize: var(--hpe-element-medium-fontSize);--hpe-checkbox-default-medium-label-lineHeight: var(--hpe-element-medium-lineHeight);--hpe-dataCell-default-medium-fontSize: var(--hpe-element-medium-fontSize);--hpe-dataCell-default-medium-lineHeight: var(--hpe-element-medium-lineHeight);--hpe-dataCell-primary-medium-borderBottomWidth: var(--hpe-dataCell-default-medium-borderBottomWidth);--hpe-dataCell-primary-medium-paddingTop: var(--hpe-dataCell-default-medium-paddingTop);--hpe-dataCell-primary-medium-paddingX: var(--hpe-dataCell-default-medium-paddingX);--hpe-drop-default-borderRadius: var(--hpe-radius-xsmall);--hpe-drop-default-boxShadow: var(--hpe-shadow-medium);--hpe-footerCell-default-medium-borderTopWidth: var(--hpe-dataCell-default-medium-borderBottomWidth);--hpe-footerCell-default-medium-gapX: var(--hpe-element-medium-textToIconX);--hpe-footerCell-default-medium-paddingBottom: var(--hpe-dataCell-default-medium-paddingTop);--hpe-footerCell-default-medium-paddingX: var(--hpe-dataCell-default-medium-paddingX);--hpe-formField-default-medium-input-container-textToElementX: var(--hpe-element-medium-textToElementX);--hpe-formField-default-medium-input-container-textToIconX: var(--hpe-element-medium-textToIconX);--hpe-formField-default-medium-input-group-container-borderRadius: var(--hpe-formField-default-medium-input-container-borderRadius);--hpe-formField-default-medium-input-group-container-borderWidth: var(--hpe-borderWidth-default);--hpe-formField-default-medium-input-group-container-paddingX: var(--hpe-spacing-none);--hpe-formField-default-medium-input-group-item-borderRadius: var(--hpe-radius-xsmall);--hpe-formField-default-medium-input-group-item-borderWidth: var(--hpe-borderWidth-default);--hpe-formField-default-medium-input-group-item-textToElementX: var(--hpe-element-medium-textToElementX);--hpe-formField-default-medium-input-group-item-textToIconX: var(--hpe-element-medium-textToIconX);--hpe-formField-default-medium-placeholder-fontSize: var(--hpe-element-medium-fontSize);--hpe-formField-default-medium-placeholder-lineHeight: var(--hpe-element-medium-lineHeight);--hpe-formField-default-medium-value-fontSize: var(--hpe-element-medium-fontSize);--hpe-formField-default-medium-value-lineHeight: var(--hpe-element-medium-lineHeight);--hpe-headerCell-default-medium-borderBottomWidth: var(--hpe-dataCell-default-medium-borderBottomWidth);--hpe-headerCell-default-medium-gapX: var(--hpe-element-medium-textToIconX);--hpe-headerCell-default-medium-paddingTop: var(--hpe-dataCell-default-medium-paddingTop);--hpe-headerCell-default-medium-paddingX: var(--hpe-dataCell-default-medium-paddingX);--hpe-menu-default-item-disabled-rest-fontWeight: var(--hpe-button-default-disabled-rest-fontWeight);--hpe-menu-default-item-hover-fontWeight: var(--hpe-button-default-hover-fontWeight);--hpe-menu-default-medium-drop-borderWidth: var(--hpe-spacing-none);--hpe-menu-default-medium-drop-gapY: var(--hpe-spacing-none);--hpe-menu-default-medium-drop-paddingX: var(--hpe-spacing-none);--hpe-menu-default-medium-drop-paddingY: var(--hpe-spacing-none);--hpe-menu-default-medium-item-gapX: var(--hpe-element-medium-textToIconX);--hpe-menu-default-medium-item-minHeight: var(--hpe-button-default-medium-minHeight);--hpe-menu-default-medium-item-paddingX: var(--hpe-button-default-medium-paddingX);--hpe-radioButton-default-medium-control-borderWidth: var(--hpe-borderWidth-default);--hpe-radioButton-default-medium-label-fontSize: var(--hpe-element-medium-fontSize);--hpe-radioButton-default-medium-label-lineHeight: var(--hpe-element-medium-lineHeight);--hpe-select-default-medium-option-paddingX: var(--hpe-formField-default-medium-input-container-paddingX);--hpe-switch-default-medium-control-handle-borderWidth: var(--hpe-borderWidth-default);--hpe-switch-default-medium-label-fontSize: var(--hpe-element-medium-fontSize);--hpe-switch-default-medium-label-lineHeight: var(--hpe-element-medium-lineHeight);--hpe-button-default-large-iconOnly-fontSize: var(--hpe-button-default-large-fontSize);--hpe-button-default-large-iconOnly-gapX: var(--hpe-button-default-large-gapX);--hpe-button-default-large-iconOnly-lineHeight: var(--hpe-button-default-large-lineHeight);--hpe-button-default-large-iconOnly-minWidth: var(--hpe-button-default-large-iconOnly-minHeight);--hpe-button-default-medium-iconOnly-fontSize: var(--hpe-button-default-medium-fontSize);--hpe-button-default-medium-iconOnly-gapX: var(--hpe-button-default-medium-gapX);--hpe-button-default-medium-iconOnly-lineHeight: var(--hpe-button-default-medium-lineHeight);--hpe-button-default-medium-iconOnly-minWidth: var(--hpe-button-default-medium-iconOnly-minHeight);--hpe-button-default-small-iconOnly-fontSize: var(--hpe-button-default-small-fontSize);--hpe-button-default-small-iconOnly-gapX: var(--hpe-button-default-small-gapX);--hpe-button-default-small-iconOnly-lineHeight: var(--hpe-button-default-small-lineHeight);--hpe-button-default-small-iconOnly-minWidth: var(--hpe-button-default-small-iconOnly-minHeight);--hpe-button-default-xlarge-iconOnly-fontSize: var(--hpe-button-default-xlarge-fontSize);--hpe-button-default-xlarge-iconOnly-gapX: var(--hpe-button-default-xlarge-gapX);--hpe-button-default-xlarge-iconOnly-lineHeight: var(--hpe-button-default-xlarge-lineHeight);--hpe-button-default-xlarge-iconOnly-minWidth: var(--hpe-button-default-xlarge-iconOnly-minHeight);--hpe-button-default-xsmall-borderWidth: var(--hpe-element-xsmall-borderWidth);--hpe-button-default-xsmall-iconOnly-fontSize: var(--hpe-button-default-xsmall-fontSize);--hpe-button-default-xsmall-iconOnly-gapX: var(--hpe-button-default-xsmall-gapX);--hpe-button-default-xsmall-iconOnly-lineHeight: var(--hpe-button-default-xsmall-lineHeight);--hpe-button-primary-large-fontSize: var(--hpe-button-default-large-fontSize);--hpe-button-primary-large-gapX: var(--hpe-button-default-large-gapX);--hpe-button-primary-large-iconOnly-borderWidth: var(--hpe-button-primary-large-borderWidth);--hpe-button-primary-large-iconOnly-minHeight: var(--hpe-button-primary-large-minHeight);--hpe-button-primary-large-lineHeight: var(--hpe-button-default-large-lineHeight);--hpe-button-primary-medium-fontSize: var(--hpe-button-default-medium-fontSize);--hpe-button-primary-medium-gapX: var(--hpe-button-default-medium-gapX);--hpe-button-primary-medium-iconOnly-borderWidth: var(--hpe-button-primary-medium-borderWidth);--hpe-button-primary-medium-iconOnly-minHeight: var(--hpe-button-primary-medium-minHeight);--hpe-button-primary-medium-lineHeight: var(--hpe-button-default-medium-lineHeight);--hpe-button-primary-small-fontSize: var(--hpe-button-default-small-fontSize);--hpe-button-primary-small-gapX: var(--hpe-button-default-small-gapX);--hpe-button-primary-small-iconOnly-borderWidth: var(--hpe-button-primary-small-borderWidth);--hpe-button-primary-small-iconOnly-minHeight: var(--hpe-button-primary-small-minHeight);--hpe-button-primary-small-lineHeight: var(--hpe-button-default-small-lineHeight);--hpe-button-primary-small-paddingX: var(--hpe-button-default-small-paddingX);--hpe-button-primary-xlarge-fontSize: var(--hpe-button-default-xlarge-fontSize);--hpe-button-primary-xlarge-gapX: var(--hpe-button-default-xlarge-gapX);--hpe-button-primary-xlarge-iconOnly-borderWidth: var(--hpe-button-primary-xlarge-borderWidth);--hpe-button-primary-xlarge-iconOnly-minHeight: var(--hpe-button-primary-xlarge-minHeight);--hpe-button-primary-xlarge-lineHeight: var(--hpe-button-default-xlarge-lineHeight);--hpe-button-primary-xsmall-fontSize: var(--hpe-button-default-xsmall-fontSize);--hpe-button-primary-xsmall-gapX: var(--hpe-button-default-xsmall-gapX);--hpe-button-primary-xsmall-iconOnly-minHeight: var(--hpe-button-primary-xsmall-minHeight);--hpe-button-primary-xsmall-iconOnly-minWidth: var(--hpe-button-default-xsmall-iconOnly-minWidth);--hpe-button-primary-xsmall-lineHeight: var(--hpe-button-default-xsmall-lineHeight);--hpe-button-secondary-large-fontSize: var(--hpe-button-default-large-fontSize);--hpe-button-secondary-large-gapX: var(--hpe-button-default-large-gapX);--hpe-button-secondary-large-iconOnly-borderWidth: var(--hpe-button-secondary-large-borderWidth);--hpe-button-secondary-large-iconOnly-minHeight: var(--hpe-button-secondary-large-minHeight);--hpe-button-secondary-large-lineHeight: var(--hpe-button-default-large-lineHeight);--hpe-button-secondary-medium-fontSize: var(--hpe-button-default-medium-fontSize);--hpe-button-secondary-medium-gapX: var(--hpe-button-default-medium-gapX);--hpe-button-secondary-medium-iconOnly-borderWidth: var(--hpe-button-secondary-medium-borderWidth);--hpe-button-secondary-medium-iconOnly-minHeight: var(--hpe-button-secondary-medium-minHeight);--hpe-button-secondary-medium-lineHeight: var(--hpe-button-default-medium-lineHeight);--hpe-button-secondary-small-fontSize: var(--hpe-button-default-small-fontSize);--hpe-button-secondary-small-gapX: var(--hpe-button-default-small-gapX);--hpe-button-secondary-small-iconOnly-borderWidth: var(--hpe-button-secondary-small-borderWidth);--hpe-button-secondary-small-iconOnly-minHeight: var(--hpe-button-secondary-small-minHeight);--hpe-button-secondary-small-lineHeight: var(--hpe-button-default-small-lineHeight);--hpe-button-secondary-small-paddingX: var(--hpe-button-default-small-paddingX);--hpe-button-secondary-xlarge-fontSize: var(--hpe-button-default-xlarge-fontSize);--hpe-button-secondary-xlarge-gapX: var(--hpe-button-default-xlarge-gapX);--hpe-button-secondary-xlarge-iconOnly-borderWidth: var(--hpe-button-secondary-xlarge-borderWidth);--hpe-button-secondary-xlarge-iconOnly-minHeight: var(--hpe-button-secondary-xlarge-minHeight);--hpe-button-secondary-xlarge-lineHeight: var(--hpe-button-default-xlarge-lineHeight);--hpe-button-secondary-xsmall-fontSize: var(--hpe-button-default-xsmall-fontSize);--hpe-button-secondary-xsmall-gapX: var(--hpe-button-default-xsmall-gapX);--hpe-button-secondary-xsmall-iconOnly-minHeight: var(--hpe-button-secondary-xsmall-minHeight);--hpe-button-secondary-xsmall-iconOnly-minWidth: var(--hpe-button-default-xsmall-iconOnly-minWidth);--hpe-button-secondary-xsmall-lineHeight: var(--hpe-button-default-xsmall-lineHeight);--hpe-button-toolbar-large-fontSize: var(--hpe-button-default-large-fontSize);--hpe-button-toolbar-large-gapX: var(--hpe-button-default-large-gapX);--hpe-button-toolbar-large-iconOnly-borderWidth: var(--hpe-button-toolbar-large-borderWidth);--hpe-button-toolbar-large-iconOnly-minHeight: var(--hpe-button-toolbar-large-minHeight);--hpe-button-toolbar-large-lineHeight: var(--hpe-button-default-large-lineHeight);--hpe-button-toolbar-medium-fontSize: var(--hpe-button-default-medium-fontSize);--hpe-button-toolbar-medium-gapX: var(--hpe-button-default-medium-gapX);--hpe-button-toolbar-medium-iconOnly-borderWidth: var(--hpe-button-toolbar-medium-borderWidth);--hpe-button-toolbar-medium-iconOnly-minHeight: var(--hpe-button-toolbar-medium-minHeight);--hpe-button-toolbar-medium-lineHeight: var(--hpe-button-default-medium-lineHeight);--hpe-button-toolbar-small-iconOnly-fontSize: var(--hpe-button-toolbar-small-fontSize);--hpe-button-toolbar-small-iconOnly-gapX: var(--hpe-button-toolbar-small-gapX);--hpe-button-toolbar-small-iconOnly-lineHeight: var(--hpe-button-toolbar-small-lineHeight);--hpe-button-toolbar-small-iconOnly-minWidth: var(--hpe-button-default-small-iconOnly-minHeight);--hpe-button-toolbar-xlarge-fontSize: var(--hpe-button-default-xlarge-fontSize);--hpe-button-toolbar-xlarge-gapX: var(--hpe-button-default-xlarge-gapX);--hpe-button-toolbar-xlarge-iconOnly-borderWidth: var(--hpe-button-toolbar-xlarge-borderWidth);--hpe-button-toolbar-xlarge-iconOnly-minHeight: var(--hpe-button-toolbar-xlarge-minHeight);--hpe-button-toolbar-xlarge-lineHeight: var(--hpe-button-default-xlarge-lineHeight);--hpe-button-toolbar-xsmall-iconOnly-fontSize: var(--hpe-button-toolbar-xsmall-fontSize);--hpe-button-toolbar-xsmall-iconOnly-gapX: var(--hpe-button-toolbar-xsmall-gapX);--hpe-button-toolbar-xsmall-iconOnly-lineHeight: var(--hpe-button-toolbar-xsmall-lineHeight);--hpe-button-toolbar-xsmall-iconOnly-minWidth: var(--hpe-button-default-xsmall-iconOnly-minWidth);--hpe-dataCell-primary-medium-fontSize: var(--hpe-dataCell-default-medium-fontSize);--hpe-dataCell-primary-medium-lineHeight: var(--hpe-dataCell-default-medium-lineHeight);--hpe-footerCell-default-medium-fontSize: var(--hpe-dataCell-default-medium-fontSize);--hpe-footerCell-default-medium-lineHeight: var(--hpe-dataCell-default-medium-lineHeight);--hpe-headerCell-default-medium-fontSize: var(--hpe-dataCell-default-medium-fontSize);--hpe-headerCell-default-medium-lineHeight: var(--hpe-dataCell-default-medium-lineHeight);--hpe-menu-default-medium-drop-borderRadius: var(--hpe-drop-default-borderRadius);--hpe-menu-default-medium-item-fontSize: var(--hpe-button-default-medium-fontSize);--hpe-menu-default-medium-item-lineHeight: var(--hpe-button-default-medium-lineHeight);--hpe-select-default-medium-drop-borderRadius: var(--hpe-drop-default-borderRadius);--hpe-select-default-medium-option-fontSize: var(--hpe-button-default-medium-fontSize);--hpe-select-default-medium-option-lineHeight: var(--hpe-button-default-medium-lineHeight);--hpe-button-default-xsmall-iconOnly-borderWidth: var(--hpe-button-default-xsmall-borderWidth);--hpe-button-primary-large-iconOnly-fontSize: var(--hpe-button-primary-large-fontSize);--hpe-button-primary-large-iconOnly-gapX: var(--hpe-button-primary-large-gapX);--hpe-button-primary-large-iconOnly-lineHeight: var(--hpe-button-primary-large-lineHeight);--hpe-button-primary-large-iconOnly-minWidth: var(--hpe-button-default-large-iconOnly-minWidth);--hpe-button-primary-medium-iconOnly-fontSize: var(--hpe-button-primary-medium-fontSize);--hpe-button-primary-medium-iconOnly-gapX: var(--hpe-button-primary-medium-gapX);--hpe-button-primary-medium-iconOnly-lineHeight: var(--hpe-button-primary-medium-lineHeight);--hpe-button-primary-medium-iconOnly-minWidth: var(--hpe-button-default-medium-iconOnly-minWidth);--hpe-button-primary-small-iconOnly-fontSize: var(--hpe-button-primary-small-fontSize);--hpe-button-primary-small-iconOnly-gapX: var(--hpe-button-primary-small-gapX);--hpe-button-primary-small-iconOnly-lineHeight: var(--hpe-button-primary-small-lineHeight);--hpe-button-primary-small-iconOnly-minWidth: var(--hpe-button-default-small-iconOnly-minWidth);--hpe-button-primary-xlarge-iconOnly-fontSize: var(--hpe-button-primary-xlarge-fontSize);--hpe-button-primary-xlarge-iconOnly-gapX: var(--hpe-button-primary-xlarge-gapX);--hpe-button-primary-xlarge-iconOnly-lineHeight: var(--hpe-button-primary-xlarge-lineHeight);--hpe-button-primary-xlarge-iconOnly-minWidth: var(--hpe-button-default-xlarge-iconOnly-minWidth);--hpe-button-primary-xsmall-borderWidth: var(--hpe-button-default-xsmall-borderWidth);--hpe-button-primary-xsmall-iconOnly-fontSize: var(--hpe-button-primary-xsmall-fontSize);--hpe-button-primary-xsmall-iconOnly-gapX: var(--hpe-button-primary-xsmall-gapX);--hpe-button-primary-xsmall-iconOnly-lineHeight: var(--hpe-button-primary-xsmall-lineHeight);--hpe-button-secondary-large-iconOnly-fontSize: var(--hpe-button-secondary-large-fontSize);--hpe-button-secondary-large-iconOnly-gapX: var(--hpe-button-secondary-large-gapX);--hpe-button-secondary-large-iconOnly-lineHeight: var(--hpe-button-secondary-large-lineHeight);--hpe-button-secondary-large-iconOnly-minWidth: var(--hpe-button-secondary-large-iconOnly-minHeight);--hpe-button-secondary-medium-iconOnly-fontSize: var(--hpe-button-secondary-medium-fontSize);--hpe-button-secondary-medium-iconOnly-gapX: var(--hpe-button-secondary-medium-gapX);--hpe-button-secondary-medium-iconOnly-lineHeight: var(--hpe-button-secondary-medium-lineHeight);--hpe-button-secondary-medium-iconOnly-minWidth: var(--hpe-button-secondary-medium-iconOnly-minHeight);--hpe-button-secondary-small-iconOnly-fontSize: var(--hpe-button-secondary-small-fontSize);--hpe-button-secondary-small-iconOnly-gapX: var(--hpe-button-secondary-small-gapX);--hpe-button-secondary-small-iconOnly-lineHeight: var(--hpe-button-secondary-small-lineHeight);--hpe-button-secondary-small-iconOnly-minWidth: var(--hpe-button-secondary-small-iconOnly-minHeight);--hpe-button-secondary-xlarge-iconOnly-fontSize: var(--hpe-button-secondary-xlarge-fontSize);--hpe-button-secondary-xlarge-iconOnly-gapX: var(--hpe-button-secondary-xlarge-gapX);--hpe-button-secondary-xlarge-iconOnly-lineHeight: var(--hpe-button-secondary-xlarge-lineHeight);--hpe-button-secondary-xlarge-iconOnly-minWidth: var(--hpe-button-secondary-xlarge-iconOnly-minHeight);--hpe-button-secondary-xsmall-borderWidth: var(--hpe-button-default-xsmall-borderWidth);--hpe-button-secondary-xsmall-iconOnly-fontSize: var(--hpe-button-secondary-xsmall-fontSize);--hpe-button-secondary-xsmall-iconOnly-gapX: var(--hpe-button-secondary-xsmall-gapX);--hpe-button-secondary-xsmall-iconOnly-lineHeight: var(--hpe-button-secondary-xsmall-lineHeight);--hpe-button-toolbar-large-iconOnly-fontSize: var(--hpe-button-toolbar-large-fontSize);--hpe-button-toolbar-large-iconOnly-gapX: var(--hpe-button-toolbar-large-gapX);--hpe-button-toolbar-large-iconOnly-lineHeight: var(--hpe-button-toolbar-large-lineHeight);--hpe-button-toolbar-large-iconOnly-minWidth: var(--hpe-button-default-large-iconOnly-minWidth);--hpe-button-toolbar-medium-iconOnly-fontSize: var(--hpe-button-toolbar-medium-fontSize);--hpe-button-toolbar-medium-iconOnly-gapX: var(--hpe-button-toolbar-medium-gapX);--hpe-button-toolbar-medium-iconOnly-lineHeight: var(--hpe-button-toolbar-medium-lineHeight);--hpe-button-toolbar-medium-iconOnly-minWidth: var(--hpe-button-default-medium-iconOnly-minWidth);--hpe-button-toolbar-xlarge-iconOnly-fontSize: var(--hpe-button-toolbar-xlarge-fontSize);--hpe-button-toolbar-xlarge-iconOnly-gapX: var(--hpe-button-toolbar-xlarge-gapX);--hpe-button-toolbar-xlarge-iconOnly-lineHeight: var(--hpe-button-toolbar-xlarge-lineHeight);--hpe-button-toolbar-xlarge-iconOnly-minWidth: var(--hpe-button-default-xlarge-iconOnly-minWidth);--hpe-button-primary-xsmall-iconOnly-borderWidth: var(--hpe-button-primary-xsmall-borderWidth);--hpe-button-secondary-xsmall-iconOnly-borderWidth: var(--hpe-button-secondary-xsmall-borderWidth)}:root{--hpe-heading-large-lineHeight: 2rem;--hpe-heading-medium-lineHeight: 1.75rem;--hpe-heading-small-lineHeight: 1.5rem;--hpe-heading-xlarge-fontSize: 2rem;--hpe-heading-xlarge-lineHeight: 2.5rem;--hpe-heading-xsmall-lineHeight: 1.25rem;--hpe-heading-xxsmall-lineHeight: 1.125rem;--hpe-text-3xlarge-maxWidth: 38em;--hpe-text-4xlarge-maxWidth: 38em;--hpe-text-5xlarge-fontSize: 4rem;--hpe-text-5xlarge-maxWidth: 38em;--hpe-text-large-maxWidth: 38em;--hpe-text-medium-maxWidth: 38em;--hpe-text-small-maxWidth: 38em;--hpe-text-xlarge-maxWidth: 38em;--hpe-text-xsmall-maxWidth: 38em;--hpe-text-xxlarge-fontSize: 2rem;--hpe-text-xxlarge-maxWidth: 38em;--hpe-heading-large-fontSize: var(--hpe-base-fontSize-500);--hpe-heading-large-fontWeight: var(--hpe-fontWeight-medium);--hpe-heading-medium-fontSize: var(--hpe-base-fontSize-400);--hpe-heading-medium-fontWeight: var(--hpe-fontWeight-medium);--hpe-heading-small-fontSize: var(--hpe-base-fontSize-200);--hpe-heading-small-fontWeight: var(--hpe-fontWeight-medium);--hpe-heading-xlarge-fontWeight: var(--hpe-fontWeight-medium);--hpe-heading-xsmall-fontSize: var(--hpe-base-fontSize-100);--hpe-heading-xsmall-fontWeight: var(--hpe-fontWeight-medium);--hpe-heading-xxsmall-fontSize: var(--hpe-base-fontSize-90);--hpe-heading-xxsmall-fontWeight: var(--hpe-fontWeight-medium);--hpe-icon-large-size: var(--hpe-base-dimension-450);--hpe-icon-medium-size: var(--hpe-base-dimension-400);--hpe-icon-small-size: var(--hpe-base-dimension-350);--hpe-icon-xlarge-size: var(--hpe-base-dimension-500);--hpe-icon-xsmall-size: var(--hpe-base-dimension-300);--hpe-icon-xxlarge-size: var(--hpe-base-dimension-800);--hpe-radius-full: var(--hpe-static-radius-full);--hpe-text-3xlarge-fontSize: var(--hpe-base-fontSize-600);--hpe-text-3xlarge-fontWeight: var(--hpe-fontWeight-regular);--hpe-text-3xlarge-lineHeight: var(--hpe-base-lineHeight-700);--hpe-text-4xlarge-fontSize: var(--hpe-base-fontSize-700);--hpe-text-4xlarge-fontWeight: var(--hpe-fontWeight-regular);--hpe-text-4xlarge-lineHeight: var(--hpe-base-lineHeight-800);--hpe-text-5xlarge-fontWeight: var(--hpe-fontWeight-regular);--hpe-text-5xlarge-lineHeight: var(--hpe-base-lineHeight-900);--hpe-text-large-fontSize: var(--hpe-base-fontSize-200);--hpe-text-large-fontWeight: var(--hpe-fontWeight-regular);--hpe-text-large-lineHeight: var(--hpe-base-lineHeight-300);--hpe-text-medium-fontSize: var(--hpe-base-fontSize-100);--hpe-text-medium-fontWeight: var(--hpe-fontWeight-regular);--hpe-text-medium-lineHeight: var(--hpe-base-lineHeight-200);--hpe-text-small-fontSize: var(--hpe-base-fontSize-90);--hpe-text-small-fontWeight: var(--hpe-fontWeight-regular);--hpe-text-small-lineHeight: var(--hpe-base-lineHeight-100);--hpe-text-xlarge-fontSize: var(--hpe-base-fontSize-300);--hpe-text-xlarge-fontWeight: var(--hpe-fontWeight-regular);--hpe-text-xlarge-lineHeight: var(--hpe-base-lineHeight-400);--hpe-text-xsmall-fontSize: var(--hpe-base-fontSize-80);--hpe-text-xsmall-fontWeight: var(--hpe-fontWeight-regular);--hpe-text-xsmall-lineHeight: var(--hpe-base-lineHeight-90);--hpe-text-xxlarge-fontWeight: var(--hpe-fontWeight-regular);--hpe-text-xxlarge-lineHeight: var(--hpe-base-lineHeight-600);--hpe-borderWidth-default: var(--hpe-static-borderWidth-xsmall);--hpe-borderWidth-large: var(--hpe-static-borderWidth-large);--hpe-borderWidth-medium: var(--hpe-static-borderWidth-medium);--hpe-borderWidth-none: var(--hpe-static-borderWidth-none);--hpe-borderWidth-small: var(--hpe-static-borderWidth-small);--hpe-borderWidth-xsmall: var(--hpe-static-borderWidth-xsmall);--hpe-container-3xlarge: var(--hpe-static-container-3xlarge);--hpe-container-3xsmall: var(--hpe-static-container-3xsmall);--hpe-container-4xsmall: var(--hpe-static-container-4xsmall);--hpe-container-5xsmall: var(--hpe-static-container-5xsmall);--hpe-container-large: var(--hpe-static-container-large);--hpe-container-medium: var(--hpe-static-container-medium);--hpe-container-small: var(--hpe-static-container-small);--hpe-container-xlarge: var(--hpe-static-container-xlarge);--hpe-container-xsmall: var(--hpe-static-container-xsmall);--hpe-container-xxlarge: var(--hpe-static-container-xxlarge);--hpe-container-xxsmall: var(--hpe-static-container-xxsmall);--hpe-radius-hair: var(--hpe-static-radius-hair);--hpe-radius-large: var(--hpe-static-radius-large);--hpe-radius-medium: var(--hpe-static-radius-medium);--hpe-radius-none: var(--hpe-static-radius-none);--hpe-radius-small: var(--hpe-static-radius-small);--hpe-radius-xlarge: var(--hpe-static-radius-xlarge);--hpe-radius-xsmall: var(--hpe-static-radius-xsmall);--hpe-radius-xxlarge: var(--hpe-static-radius-xxlarge);--hpe-radius-xxsmall: var(--hpe-static-radius-xxsmall);--hpe-spacing-3xlarge: var(--hpe-static-spacing-3xlarge);--hpe-spacing-3xsmall: var(--hpe-static-spacing-3xsmall);--hpe-spacing-4xsmall: var(--hpe-static-spacing-4xsmall);--hpe-spacing-5xsmall: var(--hpe-static-spacing-5xsmall);--hpe-spacing-6xsmall: var(--hpe-static-spacing-6xsmall);--hpe-spacing-hair: var(--hpe-static-spacing-hair);--hpe-spacing-large: var(--hpe-static-spacing-large);--hpe-spacing-medium: var(--hpe-static-spacing-medium);--hpe-spacing-none: var(--hpe-static-spacing-none);--hpe-spacing-small: var(--hpe-static-spacing-small);--hpe-spacing-xlarge: var(--hpe-static-spacing-xlarge);--hpe-spacing-xsmall: var(--hpe-static-spacing-xsmall);--hpe-spacing-xxlarge: var(--hpe-static-spacing-xxlarge);--hpe-spacing-xxsmall: var(--hpe-static-spacing-xxsmall)}@media (max-width: 768px){:root{--hpe-heading-large-fontSize: 1.375rem;--hpe-heading-large-lineHeight: 1.75rem;--hpe-heading-medium-fontSize: 1.125rem;--hpe-heading-medium-lineHeight: 1.5rem;--hpe-heading-small-fontSize: 1rem;--hpe-heading-small-lineHeight: 1.25rem;--hpe-heading-xlarge-fontSize: 1.5rem;--hpe-heading-xlarge-lineHeight: 2rem;--hpe-heading-xsmall-fontSize: .875rem;--hpe-heading-xsmall-lineHeight: 1.125rem;--hpe-heading-xxsmall-lineHeight: 1.125rem;--hpe-text-3xlarge-maxWidth: 30em;--hpe-text-4xlarge-maxWidth: 30em;--hpe-text-5xlarge-fontSize: 4rem;--hpe-text-5xlarge-maxWidth: 30em;--hpe-text-large-maxWidth: 30em;--hpe-text-medium-maxWidth: 30em;--hpe-text-small-maxWidth: 30em;--hpe-text-xlarge-maxWidth: 30em;--hpe-text-xsmall-maxWidth: 30em;--hpe-text-xxlarge-fontSize: 2rem;--hpe-text-xxlarge-maxWidth: 30em;--hpe-heading-large-fontWeight: var(--hpe-fontWeight-medium);--hpe-heading-medium-fontWeight: var(--hpe-fontWeight-medium);--hpe-heading-small-fontWeight: var(--hpe-fontWeight-medium);--hpe-heading-xlarge-fontWeight: var(--hpe-fontWeight-medium);--hpe-heading-xsmall-fontWeight: var(--hpe-fontWeight-medium);--hpe-heading-xxsmall-fontSize: var(--hpe-base-fontSize-90);--hpe-heading-xxsmall-fontWeight: var(--hpe-fontWeight-medium);--hpe-icon-large-size: var(--hpe-base-dimension-450);--hpe-icon-medium-size: var(--hpe-base-dimension-400);--hpe-icon-small-size: var(--hpe-base-dimension-350);--hpe-icon-xlarge-size: var(--hpe-base-dimension-500);--hpe-icon-xsmall-size: var(--hpe-base-dimension-300);--hpe-icon-xxlarge-size: var(--hpe-base-dimension-800);--hpe-radius-full: var(--hpe-static-radius-full);--hpe-text-3xlarge-fontSize: var(--hpe-base-fontSize-600);--hpe-text-3xlarge-fontWeight: var(--hpe-fontWeight-regular);--hpe-text-3xlarge-lineHeight: var(--hpe-base-lineHeight-700);--hpe-text-4xlarge-fontSize: var(--hpe-base-fontSize-700);--hpe-text-4xlarge-fontWeight: var(--hpe-fontWeight-regular);--hpe-text-4xlarge-lineHeight: var(--hpe-base-lineHeight-800);--hpe-text-5xlarge-fontWeight: var(--hpe-fontWeight-regular);--hpe-text-5xlarge-lineHeight: var(--hpe-base-lineHeight-900);--hpe-text-large-fontSize: var(--hpe-base-fontSize-200);--hpe-text-large-fontWeight: var(--hpe-fontWeight-regular);--hpe-text-large-lineHeight: var(--hpe-base-lineHeight-300);--hpe-text-medium-fontSize: var(--hpe-base-fontSize-100);--hpe-text-medium-fontWeight: var(--hpe-fontWeight-regular);--hpe-text-medium-lineHeight: var(--hpe-base-lineHeight-200);--hpe-text-small-fontSize: var(--hpe-base-fontSize-90);--hpe-text-small-fontWeight: var(--hpe-fontWeight-regular);--hpe-text-small-lineHeight: var(--hpe-base-lineHeight-100);--hpe-text-xlarge-fontSize: var(--hpe-base-fontSize-300);--hpe-text-xlarge-fontWeight: var(--hpe-fontWeight-regular);--hpe-text-xlarge-lineHeight: var(--hpe-base-lineHeight-400);--hpe-text-xsmall-fontSize: var(--hpe-base-fontSize-80);--hpe-text-xsmall-fontWeight: var(--hpe-fontWeight-regular);--hpe-text-xsmall-lineHeight: var(--hpe-base-lineHeight-90);--hpe-text-xxlarge-fontWeight: var(--hpe-fontWeight-regular);--hpe-text-xxlarge-lineHeight: var(--hpe-base-lineHeight-600);--hpe-borderWidth-default: var(--hpe-static-borderWidth-xsmall);--hpe-borderWidth-large: var(--hpe-static-borderWidth-medium);--hpe-borderWidth-medium: var(--hpe-static-borderWidth-small);--hpe-borderWidth-none: var(--hpe-static-borderWidth-none);--hpe-borderWidth-small: var(--hpe-static-borderWidth-xsmall);--hpe-borderWidth-xsmall: var(--hpe-static-borderWidth-xsmall);--hpe-container-3xlarge: var(--hpe-static-container-3xlarge);--hpe-container-3xsmall: var(--hpe-static-container-3xsmall);--hpe-container-4xsmall: var(--hpe-static-container-4xsmall);--hpe-container-5xsmall: var(--hpe-static-container-5xsmall);--hpe-container-large: var(--hpe-static-container-large);--hpe-container-medium: var(--hpe-static-container-medium);--hpe-container-small: var(--hpe-static-container-small);--hpe-container-xlarge: var(--hpe-static-container-xlarge);--hpe-container-xsmall: var(--hpe-static-container-xsmall);--hpe-container-xxlarge: var(--hpe-static-container-xxlarge);--hpe-container-xxsmall: var(--hpe-static-container-xxsmall);--hpe-radius-hair: var(--hpe-static-radius-hair);--hpe-radius-large: var(--hpe-static-radius-medium);--hpe-radius-medium: var(--hpe-static-radius-small);--hpe-radius-none: var(--hpe-static-radius-none);--hpe-radius-small: var(--hpe-static-radius-xsmall);--hpe-radius-xlarge: var(--hpe-static-radius-large);--hpe-radius-xsmall: var(--hpe-static-radius-xxsmall);--hpe-radius-xxlarge: var(--hpe-static-radius-xlarge);--hpe-radius-xxsmall: var(--hpe-static-radius-hair);--hpe-spacing-3xlarge: var(--hpe-static-spacing-xlarge);--hpe-spacing-3xsmall: var(--hpe-static-spacing-5xsmall);--hpe-spacing-4xsmall: var(--hpe-static-spacing-6xsmall);--hpe-spacing-5xsmall: var(--hpe-static-spacing-6xsmall);--hpe-spacing-6xsmall: var(--hpe-static-spacing-6xsmall);--hpe-spacing-hair: var(--hpe-static-spacing-hair);--hpe-spacing-large: var(--hpe-static-spacing-small);--hpe-spacing-medium: var(--hpe-static-spacing-xsmall);--hpe-spacing-none: var(--hpe-static-spacing-none);--hpe-spacing-small: var(--hpe-static-spacing-xxsmall);--hpe-spacing-xlarge: var(--hpe-static-spacing-medium);--hpe-spacing-xsmall: var(--hpe-static-spacing-3xsmall);--hpe-spacing-xxlarge: var(--hpe-static-spacing-large);--hpe-spacing-xxsmall: var(--hpe-static-spacing-4xsmall)}}
