@charset "UTF-8";
/*!
 * Southern California EIX Design System v1.5
 */

@import url('https://Fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');


/* Common variables */
:root {
    --Color-Primary-Edison-Green: #00664F;
    --Color-Primary-Edison-Yellow: #FED141;
    --Color-Primary-Edison-Gray: #707372;
    --Color-Accent-Goldenrod: #F0B323;
    --Color-Accent-Kiwi: #78BE20;
    --Color-Accent-Leaf: #658D1B;
    --Color-Accent-Margarita: #D3DF44;
    --Color-Accent-Pacific: #00A9E0;
    --Color-Accent-Peacock: #006269;
    --Color-Accent-Plum: #722257;
    --Color-Accent-Sage: #A5B7BA;
    --Color-Accent-Seaglass: #6DC9C9;
    --Color-Accent-Sherbet: #FBB04C;
    --Color-Neutral-Edison-Black: #101820;
    --Color-Neutral-Edison-Pewter: #53565A;
    --Color-Neutral-Edison-Cool-Gray: #B1B3B3;
    --Color-Neutral-Edison-Light-Gray: #D5D5D5;
    --Color-Neutral-Edison-Heather: #F5F5F5;

    /* --Background-Theme-Primary: #FFFFFF;
    --Background-Theme-Secondary: #FAFAFA;
    --Background-Theme-Tertiary: #F2F2F2; */

    /* --Text-Primary: #101820; */

    --Text-Disabled: rgba(83, 86, 90, 0.6);
    --Text-Link: #1A76C5;
    --Text-White: #FFFFFF;

    --Semantic-label-Error: #BB0000;
    --Semantic-label-Success: #107E3E;
    --Semantic-label-Inform: #0057D2;
    --Semantic-label-Warn: #DF6E0C;

    --Semantic-Primary-Edison-Yellow: var(--Color-Primary-Edison-Yellow);
    --Semantic-Primary-Edison-Black: var(--Color-Neutral-Edison-Black);
    --Semantic-Primary-Edison-Gray: var(--Color-Primary-Edison-Gray);
    --Semantic-Primary-Edison-Light-Gray: #D5D5D5;
    --Semantic-Primary-Edison-Green: #00664F;
    --Semantic-Accent-Kiwi: var(--Color-Accent-Kiwi);
    --Semantic-Accent-Sherbet: var(--Color-Accent-Sherbet);
    --Semantic-Accent-Leaf: var(--Color-Accent-Leaf);
    --Semantic-Accent-Margarita: var(--Color-Accent-Margarita);
    --Semantic-Accent-Peacock: var(--Color-Accent-Peacock);
    --Semantic-Accent-Seaglass: var(--Color-Accent-Seaglass);
    --Semantic-Accent-Pacific: var(--Color-Accent-Pacific);
    --Semantic-Accent-Plum: var(--Color-Accent-Plum);
    --Semantic-Accent-Goldenrod: var(--Color-Accent-Goldenrod);
    --Semantic-Accent-Sage: var(--Color-Accent-Sage);

    --Semantic-Scale-Edison-Yellow-50: #FFFAEC;
    --Semantic-Scale-Edison-Yellow-100: #FFF1C4;
    --Semantic-Scale-Edison-Yellow-200: #FFEAA8;
    --Semantic-Scale-Edison-Yellow-300: #FEE080;
    --Semantic-Scale-Edison-Yellow-400: #FEDA67;
    --Semantic-Scale-Edison-Yellow-500: #FED141;
    --Semantic-Scale-Edison-Yellow-600: #E7BE3B;
    --Semantic-Scale-Edison-Yellow-700: #B4942E;
    --Semantic-Scale-Edison-Yellow-800: #8C7324;
    --Semantic-Scale-Edison-Yellow-900: #6B581B;
    --Semantic-Scale-Edison-Green-50: #E6F0ED;
    --Semantic-Scale-Edison-Green-100: #B0D0C8;
    --Semantic-Scale-Edison-Green-200: #8AB9AE;
    --Semantic-Scale-Edison-Green-300: #549889;
    --Semantic-Scale-Edison-Green-400: #338572;
    --Semantic-Scale-Edison-Green-500: #00664F;
    --Semantic-Scale-Edison-Green-600: #005D48;
    --Semantic-Scale-Edison-Green-700: #004838;
    --Semantic-Scale-Edison-Green-800: #00382B;
    --Semantic-Scale-Edison-Green-900: #002B21;
    --Semantic-Scale-Edison-Gray-50: #F1F1F1;
    --Semantic-Scale-Edison-Gray-100: #D3D4D3;
    --Semantic-Scale-Edison-Gray-200: #BDBFBE;
    --Semantic-Scale-Edison-Gray-300: #9FA1A1;
    --Semantic-Scale-Edison-Gray-400: #8D8F8E;
    --Semantic-Scale-Edison-Gray-500: #707372;
    --Semantic-Scale-Edison-Gray-600: #666968;
    --Semantic-Scale-Edison-Gray-700: #505251;
    --Semantic-Scale-Edison-Gray-800: #3E3F3F;
    --Semantic-Scale-Edison-Gray-900: #2F3030;
    --Semantic-Scale-Goldenrod-50: #FEF7E9;
    --Semantic-Scale-Goldenrod-100: #FAE7BB;
    --Semantic-Scale-Goldenrod-200: #F8DC9A;
    --Semantic-Scale-Goldenrod-300: #F5CC6C;
    --Semantic-Scale-Goldenrod-400: #F3C24F;
    --Semantic-Scale-Goldenrod-500: #F0B323;
    --Semantic-Scale-Goldenrod-600: #DAA320;
    --Semantic-Scale-Goldenrod-700: #AA7F19;
    --Semantic-Scale-Goldenrod-800: #846213;
    --Semantic-Scale-Goldenrod-900: #654B0F;
    --Semantic-Scale-Kiwi-50: #F2F9E9;
    --Semantic-Scale-Kiwi-100: #D5EBBA;
    --Semantic-Scale-Kiwi-200: #C1E198;
    --Semantic-Scale-Kiwi-300: #A5D36A;
    --Semantic-Scale-Kiwi-400: #93CB4D;
    --Semantic-Scale-Kiwi-500: #78BE20;
    --Semantic-Scale-Kiwi-600: #6DAD1D;
    --Semantic-Scale-Kiwi-700: #558717;
    --Semantic-Scale-Kiwi-800: #426912;
    --Semantic-Scale-Kiwi-900: #32500D;
    --Semantic-Scale-Leaf-50: #F0F4E8;
    --Semantic-Scale-Leaf-100: #CFDCB8;
    --Semantic-Scale-Leaf-200: #B8CB96;
    --Semantic-Scale-Leaf-300: #98B366;
    --Semantic-Scale-Leaf-400: #84A449;
    --Semantic-Scale-Leaf-500: #658D1B;
    --Semantic-Scale-Leaf-600: #5C8019;
    --Semantic-Scale-Leaf-700: #486413;
    --Semantic-Scale-Leaf-800: #384E0F;
    --Semantic-Scale-Leaf-900: #2A3B0B;
    --Semantic-Scale-Margarita-50: #FBFCEC;
    --Semantic-Scale-Margarita-100: #F1F5C5;
    --Semantic-Scale-Margarita-200: #EBF0A9;
    --Semantic-Scale-Margarita-300: #E2EA82;
    --Semantic-Scale-Margarita-400: #DCE569;
    --Semantic-Scale-Margarita-500: #D3DF44;
    --Semantic-Scale-Margarita-600: #C0CB3E;
    --Semantic-Scale-Margarita-700: #969E30;
    --Semantic-Scale-Margarita-800: #747B25;
    --Semantic-Scale-Margarita-900: #595E1D;
    --Semantic-Scale-Pacific-50: #E6F6FC;
    --Semantic-Scale-Pacific-100: #B0E4F5;
    --Semantic-Scale-Pacific-200: #8AD7F1;
    --Semantic-Scale-Pacific-300: #54C5EA;
    --Semantic-Scale-Pacific-400: #33BAE6;
    --Semantic-Scale-Pacific-500: #00A9E0;
    --Semantic-Scale-Pacific-600: #009ACC;
    --Semantic-Scale-Pacific-700: #00789F;
    --Semantic-Scale-Pacific-800: #005D7B;
    --Semantic-Scale-Pacific-900: #00475E;
    --Semantic-Scale-Peacock-50: #E6EFF0;
    --Semantic-Scale-Peacock-100: #B0CED1;
    --Semantic-Scale-Peacock-200: #8AB7BA;
    --Semantic-Scale-Peacock-300: #54969B;
    --Semantic-Scale-Peacock-400: #338187;
    --Semantic-Scale-Peacock-500: #006269;
    --Semantic-Scale-Peacock-600: #005960;
    --Semantic-Scale-Peacock-700: #00464B;
    --Semantic-Scale-Peacock-800: #00363A;
    --Semantic-Scale-Peacock-900: #00292C;
    --Semantic-Scale-Plum-50: #F1E9EE;
    --Semantic-Scale-Plum-100: #D3BACB;
    --Semantic-Scale-Plum-200: #BE99B2;
    --Semantic-Scale-Plum-300: #A16B8E;
    --Semantic-Scale-Plum-400: #8E4E79;
    --Semantic-Scale-Plum-500: #722257;
    --Semantic-Scale-Plum-600: #681F4F;
    --Semantic-Scale-Plum-700: #51183E;
    --Semantic-Scale-Plum-800: #3F1330;
    --Semantic-Scale-Plum-900: #300E25;
    --Semantic-Scale-Sage-50: #F6F8F8;
    --Semantic-Scale-Sage-100: #E3E9EA;
    --Semantic-Scale-Sage-200: #D6DEDF;
    --Semantic-Scale-Sage-300: #C3CFD1;
    --Semantic-Scale-Sage-400: #B7C5C8;
    --Semantic-Scale-Sage-500: #A5B7BA;
    --Semantic-Scale-Sage-600: #96A7A9;
    --Semantic-Scale-Sage-700: #758284;
    --Semantic-Scale-Sage-800: #5B6566;
    --Semantic-Scale-Sage-900: #454D4E;
    --Semantic-Scale-Seaglass-50: #F0FAFA;
    --Semantic-Scale-Seaglass-100: #D2EEEE;
    --Semantic-Scale-Seaglass-200: #BCE6E6;
    --Semantic-Scale-Seaglass-300: #9DDBDB;
    --Semantic-Scale-Seaglass-400: #8AD4D4;
    --Semantic-Scale-Seaglass-500: #6DC9C9;
    --Semantic-Scale-Seaglass-600: #63B7B7;
    --Semantic-Scale-Seaglass-700: #4D8F8F;
    --Semantic-Scale-Seaglass-800: #3C6F6F;
    --Semantic-Scale-Seaglass-900: #2E5454;
    --Semantic-Scale-Sherbet-50: #FFF7ED;
    --Semantic-Scale-Sherbet-100: #FEE7C8;
    --Semantic-Scale-Sherbet-200: #FDDBAD;
    --Semantic-Scale-Sherbet-300: #FCCA87;
    --Semantic-Scale-Sherbet-400: #FCC070;
    --Semantic-Scale-Sherbet-500: #FBB04C;
    --Semantic-Scale-Sherbet-600: #E4A045;
    --Semantic-Scale-Sherbet-700: #B27D36;
    --Semantic-Scale-Sherbet-800: #8A612A;
    --Semantic-Scale-Sherbet-900: #694A20;
    --Semantic-Scale-Edison-Black-50: #E7E8E9;
    --Semantic-Scale-Edison-Black-100: #B5B7BA;
    --Semantic-Scale-Edison-Black-200: #919598;
    --Semantic-Scale-Edison-Black-300: #5F646A;
    --Semantic-Scale-Edison-Black-400: #40464D;
    --Semantic-Scale-Edison-Black-500: #101820;
    --Semantic-Scale-Edison-Black-600: #0F161D;
    --Semantic-Scale-Edison-Black-700: #0B1117;
    --Semantic-Scale-Edison-Black-800: #090D12;
    --Semantic-Scale-Edison-Black-900: #070A0D;
    --Semantic-Scale-Edison-Pewter-50: #EEEEEF;
    --Semantic-Scale-Edison-Pewter-100: #CACBCC;
    --Semantic-Scale-Edison-Pewter-200: #B0B1B3;
    --Semantic-Scale-Edison-Pewter-300: #8C8E90;
    --Semantic-Scale-Edison-Pewter-400: #75787B;
    --Semantic-Scale-Edison-Pewter-500: #53565A;
    --Semantic-Scale-Edison-Pewter-600: #4C4E52;
    --Semantic-Scale-Edison-Pewter-700: #3B3D40;
    --Semantic-Scale-Edison-Pewter-800: #2E2F32;
    --Semantic-Scale-Edison-Pewter-900: #232426;
    --Semantic-Scale-Edison-Cool-Gray-50: #F7F7F7;
    --Semantic-Scale-Edison-Cool-Gray-100: #E7E7E7;
    --Semantic-Scale-Edison-Cool-Gray-200: #DBDCDC;
    --Semantic-Scale-Edison-Cool-Gray-300: #CBCCCC;
    --Semantic-Scale-Edison-Cool-Gray-400: #C1C2C2;
    --Semantic-Scale-Edison-Cool-Gray-500: #B1B3B3;
    --Semantic-Scale-Edison-Cool-Gray-600: #A1A3A3;
    --Semantic-Scale-Edison-Cool-Gray-700: #7E7F7F;
    --Semantic-Scale-Edison-Cool-Gray-800: #616262;
    --Semantic-Scale-Edison-Cool-Gray-900: #4A4B4B;
    --Semantic-Scale-Edison-Light-Gray-50: #FBFBFB;
    --Semantic-Scale-Edison-Light-Gray-100: #F2F2F2;
    --Semantic-Scale-Edison-Light-Gray-200: #ECECEC;
    --Semantic-Scale-Edison-Light-Gray-300: #E3E3E3;
    --Semantic-Scale-Edison-Light-Gray-400: #DDDDDD;
    --Semantic-Scale-Edison-Light-Gray-500: #D5D5D5;
    --Semantic-Scale-Edison-Light-Gray-600: #C2C2C2;
    --Semantic-Scale-Edison-Light-Gray-700: #979797;
    --Semantic-Scale-Edison-Light-Gray-800: #757575;
    --Semantic-Scale-Edison-Light-Gray-900: #595959;
    --Semantic-Scale-Edison-Heather-50: #FEFEFE;
    --Semantic-Scale-Edison-Heather-100: #FCFCFC;
    --Semantic-Scale-Edison-Heather-200: #FAFAFA;
    --Semantic-Scale-Edison-Heather-300: #F8F8F8;
    --Semantic-Scale-Edison-Heather-400: #F7F7F7;
    --Semantic-Scale-Edison-Heather-500: #F5F5F5;
    --Semantic-Scale-Edison-Heather-600: #DFDFDF;
    --Semantic-Scale-Edison-Heather-700: #AEAEAE;
    --Semantic-Scale-Edison-Heather-800: #878787;
    --Semantic-Scale-Edison-Heather-900: #676767;
    --Color-Scale-Success-success-50: #E7F2EC;
    --Semantic-Scale-Success-100: #B5D7C3;
    --Semantic-Scale-Success-200: #91C4A6;
    --Semantic-Scale-Success-300: #5FA97E;
    --Semantic-Scale-Success-400: #409865;
    --Semantic-Scale-Success-500: #107E3E;
    --Semantic-Scale-Success-600: #0F7338;
    --Semantic-Scale-Success-700: #0B592C;
    --Semantic-Scale-Success-800: #094522;
    --Semantic-Scale-Success-900: #07351A;
    --Color-Scale-Error-error-50: #F8E6E6;
    --Semantic-Scale-Error-100: #EAB0B0;
    --Semantic-Scale-Error-200: #E08A8A;
    --Semantic-Scale-Error-300: #D15454;
    --Semantic-Scale-Error-400: #C93333;
    --Semantic-Scale-Error-500: #BB0000;
    --Semantic-Scale-Error-600: #AA0000;
    --Semantic-Scale-Error-700: #850000;
    --Semantic-Scale-Error-800: #670000;
    --Semantic-Scale-Error-900: #4F0000;
    --Color-Scale-Inform-inform-50: #E6EEFB;
    --Semantic-Scale-Inform-100: #B0CBF1;
    --Semantic-Scale-Inform-200: #8AB2EA;
    --Semantic-Scale-Inform-300: #548EE1;
    --Semantic-Scale-Inform-400: #3379DB;
    --Semantic-Scale-Inform-500: #0057D2;
    --Semantic-Scale-Inform-600: #004FBF;
    --Semantic-Scale-Inform-700: #003E95;
    --Semantic-Scale-Inform-800: #003074;
    --Semantic-Scale-Inform-900: #002558;
    --Color-Scale-Warn-warn-50: #FCF1E7;
    --Semantic-Scale-Warn-100: #F5D2B4;
    --Semantic-Scale-Warn-200: #F0BC8F;
    --Semantic-Scale-Warn-300: #EA9E5C;
    --Semantic-Scale-Warn-400: #E58B3D;
    --Semantic-Scale-Warn-500: #DF6E0C;
    --Semantic-Scale-Warn-600: #CB640B;
    --Semantic-Scale-Warn-700: #9E4E09;
    --Semantic-Scale-Warn-800: #7B3D07;
    --Semantic-Scale-Warn-900: #5E2E05;
    --Color-Scale-Warn-warn-50: #FCF1E7;
    --Color-Scale-Success-success-50: #E7F2EC;
    --Color-Scale-Inform-inform-50: #E6EEFB;
    --Color-Scale-Error-error-50: #F8E6E6;

    /* Shadow */
    --Shadow-Card-Shadow: rgba(0, 0, 0, 0.15);
    --Shadow-Section-Shadow: rgba(0, 0, 0, 0.15);

    --button-background-animating: #F0B323;
    --button-default-primary: #FED141;
    --Component-Button-Gradient: linear-gradient(270deg, var(--button-background-animating) 0%, var(--button-default-primary) 49.46%, var(--button-default-primary) 99.92%);
    /* Spacing */
    --Spacing-Spacing-X1: 4px;
    --Spacing-Spacing-X2: 8px;
    --Spacing-Spacing-X4: 16px;
    --Spacing-Spacing-X6: 24px;
    --Spacing-Spacing-X8: 32px;
    --Spacing-Spacing-X10: 40px;
    --Spacing-Spacing-X12: 48px;
    --Spacing-Spacing-X14: 56px;
    --Spacing-Spacing-X16: 64px;
    --Spacing-Spacing-X18: 72px;
    --Spacing-Spacing-X20: 80px;
    --Spacing-Spacing-X25: 100px;

    /* Spacing variables manually added (which were not available in design system 1.7) */
    --spacing-2: 8px;
    --spacing-4: 16px;
    --spacing-6: 24px;
    --spacing-spacing-xs: 8px;
    --spacing-spacing-sm: 12px;
    --spacing-spacing-xxs: 4px;
    --spacing-spacing-md: 16px;
    --spacing-8: 32px;
    --spacing-md: 16px;
    /* Global */
    --spacing-spacing-xs: 8px;
    --spacing-spacing-sm: 12px;
    --spacing-spacing-xlg: 24px;
    --font-line-height-med: 28px;

    /* Border radius */
    --Border-Radius-Radius-XS: 4px;
    --Border-Radius-Radius-SM: 8px;
    --Border-Radius-Radius-MD: 16px;
    --Border-Radius-Radius-LG: 24px;
    --Border-Radius-Radius-XL: 32px;
    --Border-Radius-Radius-2XL: 40px;
    --Border-Radius-Radius-3XL: 48px;
    --Border-Radius-Radius-4XL: 56px;

    --Border-Width-SM: 1px;
    --Border-Width-MD: 1.5px;
    --Border-Width-LG: 2px;

    --radius-medium: 4px;

    --Semantic-Misc-Placeholder: rgba(255, 0, 153, 0.4);
    --Semantic-Edison-Black-Overlay: rgba(0, 0, 0, 0.5);
    --Dropdpwn-Item-HighLight: rgba(0, 0, 0, 0.06);

    /* Typography */
    --Font-Weight-Light: 300;
    --Font-Weight-Regular: 400;
    --Font-Weight-SemiBold: 600;
    --Font-Weight-Bold: 700;
    --Font-Weight-EXtraBold: 800;
    --Font-Size-3XS: 11px;
    --Font-Size-2XS: 12px;
    --Font-Size-XS: 14px;
    --Font-Size-SM: 16px;
    --Font-Size-MED: 18px;
    --Font-Size-LG: 20px;
    --Font-Size-LG-Plus: 22px;
    --Font-Size-XL: 24px;
    --Font-Size-XL-Plus: 26px;
    --Font-Size-2XL: 32px;
    --Font-Line-Height-3XS: 12px;
    --Font-Size-2XL-Plus: 36px;
    --Font-Size-3XL: 40px;
    --Font-Line-Height-2XS: 14px;
    --Font-Size-4XL: 48px;
    --Font-Size-5XL: 56px;
    --Font-Line-Height-XS: 16px;
    --Font-Letter-Spacing-SM: 0px;
    --Font-Letter-Spacing-SM-Plus: 3px;
    --Font-Letter-Spacing-MD: 8px;
    --Font-Line-Height-XS-Plus: 18px;
    --Font-Line-Height-SM: 20px;
    --Font-Line-Height-SM-Plus: 22px;
    --Font-Line-Height-MED: 24px;
    --Font-Line-Height-MED-Plus: 26px;
    --Font-Line-Height-MED-Plus-Plus: 28px;
    --Font-Line-Height-LG: 30px;
    --Font-Line-Height-XL: 32px;
    --Font-Line-Height-XL-Plus: 34px;
    --Font-Line-Height-2XL: 40px;
    --Font-Line-Height-3XL: 48px;
    --Font-Line-Height-4XL: 56px;
    --Font-Family: "Open Sans", sans-serif;

    /* Button */
    --Component-Button-Default: #FED141;
    --Component-Button-Animating: #F0B323;
    --Component-Button-Disabled: #F5F5F5;
    --Component-Button-Hover: #FBB04C;
    --Component-Button-Pressed: #FBB04C;
    --Component-Button-Secondary: #FFFFFF;
    --Component-Button-Animating-Stroke: rgba(240, 179, 35, 0.2);

    /* Updated variables for font, spacing, border from design syste, 1.7 - 14th July 2025 = Start */
    --Font-Weight-Light: Light;
    --Font-Weight-Regular: Regular;
    --Font-Weight-SemiBold: SemiBold;
    --Font-Weight-Bold: Bold;
    --Font-Weight-ExtraBold: ExtraBold;
    --Font-Size-3XS: 11px;
    --Font-Size-2XS: 12px;
    --Font-Size-XS: 14px;
    --Font-Size-SM: 16px;
    --Font-Size-MED: 18px;
    --Font-Size-LG: 20px;
    --Font-Size-LG-Plus: 22px;
    --Font-Size-XL: 24px;
    --Font-Size-XL-Plus: 26px;
    --Font-Size-2XL: 32px;
    --Font-Line-Height-3XS: 12px;
    --Font-Size-2XL-Plus: 36px;
    --Font-Line-Height-2XS: 14px;
    --Font-Size-3XL: 40px;
    --Font-Size-4XL: 48px;
    --Font-Size-5XL: 56px;
    --Font-Line-Height-XS: 16px;
    --Font-Letter-Spacing-Sm: 0px;
    --Font-Letter-Spacing-Md: 8px;
    --Font-Line-Height-XS-Plus: 18px;
    --Font-Line-Height-SM: 20px;
    --Font-Line-Height-SM-Plus: 22px;
    --Font-Line-Height-MED: 24px;
    --Font-Line-Height-MED-Plus: 26px;
    --Font-Line-Height-MED-Plus-Plus: 28px;
    --Font-Line-Height-LG: 30px;
    --Font-Line-Height-XL: 32px;
    --Font-Line-Height-XL-Plus: 34px;
    --Font-Line-Height-2XL: 40px;
    --Font-Line-Height-3XL: 48px;
    --Font-Line-Height-4XL: 56px;
    --Spacing-Spacing-x1: 4px;
    --Spacing-Spacing-x2: 8px;
    --Spacing-Spacing-x4: 16px;
    --Spacing-Spacing-x6: 24px;
    --Spacing-Spacing-x8: 32px;
    --Spacing-Spacing-x10: 40px;
    --Spacing-Spacing-x12: 48px;
    --Spacing-Spacing-x14: 56px;
    --Spacing-Spacing-x16: 64px;
    --Spacing-Spacing-x18: 72px;
    --Spacing-Spacing-x20: 80px;
    --Spacing-Spacing-x25: 100px;
    --Border-Radius-Radius-Xs: 4px;
    --Border-Radius-Radius-Sm: 8px;
    --Border-Radius-Radius-Md: 16px;
    --Border-Radius-Radius-Lg: 24px;
    --Border-Radius-Radius-Xl: 32px;
    --Border-Radius-Radius-2Xl: 40px;
    --Border-Radius-Radius-3Xl: 48px;
    --Border-Radius-Radius-4Xl: 56px;
    --Border-Width-Sm: 1px;
    --Border-Width-Md: 1.5px;
    --Border-Width-Lg: 2px;
    /* Updated variables for font, spacing, border from design syste, 1.7 - 14th July 2025 = End */

    /* Header Background Color for mobile */
    --Gradient-Background-Images: linear-gradient(180deg,
            var(--Surface-Gradients-Gradient-Blue1, rgba(13, 48, 91, 0.90)) 0%,
            var(--Surface-Gradients-Gradient-Blue2, rgba(19, 53, 91, 0.60)) 40%,
            var(--Surface-Gradients-Gradient-Blue3, rgba(14, 43, 78, 0.30)) 70%,
            var(--Surface-Gradients-Gradient-Blue4, rgba(15, 43, 81, 0.00)) 100%);

    /* Button background radient, Attributes - 21th July 2025 - Start */
    --Component-Button-Gradient: linear-gradient(270deg,
            var(--button-background-animating, #F0B323) 0%,
            var(--button-default-primary, #FED141) 49.46%,
            var(--button-default-primary, #FED141) 99.92%);

    --Attributes-Position-X-Sm: 2px;
    --Attributes-Position-Y-Sm: 3px;
    --Attributes-Blur-Sm: 10px;
    --Attributes-Spread-Sm: 2px;
    --surface-background-dropshadow: rgba(0, 0, 0, 0.30);
    /* Button background radient, Attributes - 21th July 2025 - End */
    --Gradients-Sticky-Block: linear-gradient(0deg, var(--colors-accent-9, #00A9E0) 0%, var(--colors-accent-11, #1A76C5) 100%);
    --Fonts-Size-Text-Tiny:12px;
    --Fonts-Line-Height-xxx-sm:14px;

    /* Variables added for Page headers - start */
    --surface-gradients-gradient-blue1: rgba(13, 48, 91, 0.90);
    --surface-gradients-gradient-blue2: rgba(19, 53, 91, 0.60);
    --surface-gradients-gradient-blue3: rgba(14, 43, 78, 0.30);
    --surface-gradients-gradient-blue4: rgba(15, 43, 81, 0.00);
    --colors-gradients-Blue-1: rgba(13, 48, 91, 0.90);
    --font-size-xl: 26px;
    --font-line-height-xl: 34px;
    /* Variables added for Page headers - end */
}


:root,
[data-eix-theme=light] {
    --Background-Theme-Primary: #FFFFFF;
    --Background-Theme-Secondary: #FAFAFA;
    --Background-Theme-Tertiary: #F2F2F2;
    --Text-Primary: #101820;
    --Text-Black: #070A0D;
    --Semantic-Background-Filled: #FFFFFF;
    --Semantic-Background-Focus: #0A82FF;
    --Semantic-Misc-Disabled-Element: #A9B4BE;
    --Component-Separator-Primary: #8C8C8C;
}

:root,
[data-eix-theme=dark] {
    --Background-Theme-Primary: #111111;
    --Background-Theme-Secondary: #222222;
    --Background-Theme-Tertiary: #333333;
    --Text-Primary: #FFFFFF;
    --Text-Black: #101820;
    --Semantic-Background-Filled: #F1F1F1;
    --Semantic-Background-Focus: #0A82FF;
    --Semantic-Misc-Disabled-Element: #5E5E5E;
    --Component-Separator-Primary: #858585;
}