@font-face {
    font-family: 'Salesforce Sans';
    src:
        url(/resource/myRecommendationsFonts/SalesforceSans-Regular.woff2) format('woff2'),
        url(/resource/myRecommendationsFonts/SalesforceSans-Regular.woff) format('woff');
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'Salesforce Sans';
    src:
        url(/resource/myRecommendationsFonts/SalesforceSans-Bold.woff2) format('woff2'),
        url(/resource/myRecommendationsFonts/SalesforceSans-Bold.woff) format('woff');
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: 'ITC Avant Garde';
    src:
        url(/resource/myRecommendationsFonts/AvantGardeDemi.woff2) format('woff2'),
        url(/resource/myRecommendationsFonts/AvantGardeDemi.woff) format('woff');
    font-weight: 600;
    font-display: swap;
    font-style: normal;
    font-stretch: normal;
}

:host,
:root {
    /* Neutral 20 */
    --sds-g-color-palette-neutral-20: #2e2e2e;
    --wes-g-color-palette-neutral-20: var(--sds-g-color-palette-neutral-20);
    /* Orange 30 */
    --sds-g-color-palette-orange-30: #5f3e02;
    --wes-g-color-palette-orange-30: var(--sds-g-color-palette-orange-30);
    /* Green 60 */
    --sds-g-color-palette-green-60: #3ba755;
    --wes-g-color-palette-green-60: var(--sds-g-color-palette-green-60);
    /* Hot Orange 30 */
    --sds-g-color-palette-hot-orange-30: #7e2600;
    --wes-g-color-palette-hot-orange-30: var(--sds-g-color-palette-hot-orange-30);
    /* Neutral 10 */
    --sds-g-color-palette-neutral-10: #181818;
    --wes-g-color-palette-neutral-10: var(--sds-g-color-palette-neutral-10);
    /* Yellow 15 */
    --sds-g-color-palette-yellow-15: #2e2204;
    --wes-g-color-palette-yellow-15: var(--sds-g-color-palette-yellow-15);
    /* Orange 20 */
    --sds-g-color-palette-orange-20: #3e2b02;
    --wes-g-color-palette-orange-20: var(--sds-g-color-palette-orange-20);
    /* Neutral 65 */
    --sds-g-color-palette-neutral-65: #a0a0a0;
    --wes-g-color-palette-neutral-65: var(--sds-g-color-palette-neutral-65);
    /* Green 50 */
    --sds-g-color-palette-green-50: #2e844a;
    --wes-g-color-palette-green-50: var(--sds-g-color-palette-green-50);
    /* Hot Orange 20 */
    --sds-g-color-palette-hot-orange-20: #541d01;
    --wes-g-color-palette-hot-orange-20: var(--sds-g-color-palette-hot-orange-20);
    /* Orange 10 */
    --sds-g-color-palette-orange-10: #201600;
    --wes-g-color-palette-orange-10: var(--sds-g-color-palette-orange-10);
    /* Green 40 */
    --sds-g-color-palette-green-40: #22683e;
    --wes-g-color-palette-green-40: var(--sds-g-color-palette-green-40);
    /* Hot Orange 10 */
    --sds-g-color-palette-hot-orange-10: #281202;
    --wes-g-color-palette-hot-orange-10: var(--sds-g-color-palette-hot-orange-10);
    /* Orange 65 */
    --sds-g-color-palette-orange-65: #f38303;
    --wes-g-color-palette-orange-65: var(--sds-g-color-palette-orange-65);
    /* Green 95 */
    --sds-g-color-palette-green-95: #ebf7e6;
    --wes-g-color-palette-green-95: var(--sds-g-color-palette-green-95);
    /* Hot Orange 65 */
    --sds-g-color-palette-hot-orange-65: #ff784f;
    --wes-g-color-palette-hot-orange-65: var(--sds-g-color-palette-hot-orange-65);
    /* Green 30 */
    --sds-g-color-palette-green-30: #194e31;
    --wes-g-color-palette-green-30: var(--sds-g-color-palette-green-30);
    /* Cloud Blue 15 */
    --sds-g-color-palette-cloud-blue-15: #0a2636;
    --wes-g-color-palette-cloud-blue-15: var(--sds-g-color-palette-cloud-blue-15);
    /* Indigo 15 */
    --sds-g-color-palette-indigo-15: #1f0974;
    --wes-g-color-palette-indigo-15: var(--sds-g-color-palette-indigo-15);
    /* Default color on active for hyperlinks. */
    --sds-g-link-color-active: #032d60;
    --wes-g-link-color-active: var(--sds-g-link-color-active);
    /* Neutral Inverse 1 - if used as a background, please use Neutral Inverse Contrast 1-4 to meet accessibility guidelines. */
    --sds-g-color-neutral-inverse-1: #181818;
    --wes-g-color-neutral-inverse-1: var(--sds-g-color-neutral-inverse-1);
    /* Green 20 */
    --sds-g-color-palette-green-20: #0e3522;
    --wes-g-color-palette-green-20: var(--sds-g-color-palette-green-20);
    /* Error Base 1 - if used as a background, please use Error Base Contrast 1-4 to meet accessibility guidelines. */
    --sds-g-color-error-base-1: #ffffff;
    --wes-g-color-error-base-1: var(--sds-g-color-error-base-1);
    /* Brand Inverse 1 - if used as a background, please use Brand Inverse Contrast 1-4 to meet accessibility guidelines. */
    --sds-g-color-brand-inverse-1: #001639;
    --wes-g-color-brand-inverse-1: var(--sds-g-color-brand-inverse-1);
    /* Neutral Inverse 2 - if used as a background, please use Neutral Inverse Contrast 2-4 to meet accessibility guidelines. */
    --sds-g-color-neutral-inverse-2: #2e2e30;
    --wes-g-color-neutral-inverse-2: var(--sds-g-color-neutral-inverse-2);
    /* Green 10 */
    --sds-g-color-palette-green-10: #071b12;
    --wes-g-color-palette-green-10: var(--sds-g-color-palette-green-10);
    /* Error Base 2 - if used as a background, please use Error Base Contrast 2-4 to meet accessibility guidelines. */
    --sds-g-color-error-base-2: #fef1ee;
    --wes-g-color-error-base-2: var(--sds-g-color-error-base-2);
    /* Green 65 */
    --sds-g-color-palette-green-65: #41b658;
    --wes-g-color-palette-green-65: var(--sds-g-color-palette-green-65);
    /* Neutral Base 1 - if used as a background, please use Neutral Base Contrast 1-4 to meet accessibility guidelines. */
    --sds-g-color-neutral-base-1: #ffffff;
    --wes-g-color-neutral-base-1: var(--sds-g-color-neutral-base-1);
    /* Brand Base 1 - if used as a background, please use Brand Base Contrast 1-4 to meet accessibility guidelines. */
    --sds-g-color-brand-base-1: #ffffff;
    --wes-g-color-brand-base-1: var(--sds-g-color-brand-base-1);
    /* Brand Inverse 2 - if used as a background, please use Brand Inverse Contrast 2-4 to meet accessibility guidelines. */
    --sds-g-color-brand-inverse-2: #032d60;
    --wes-g-color-brand-inverse-2: var(--sds-g-color-brand-inverse-2);
    /* Neutral Inverse 3 - if used as a background, please use Neutral Inverse Contrast 3-4 to meet accessibility guidelines. */
    --sds-g-color-neutral-inverse-3: #444447;
    --wes-g-color-neutral-inverse-3: var(--sds-g-color-neutral-inverse-3);
    /* Neutral 15 */
    --sds-g-color-palette-neutral-15: #242424;
    --wes-g-color-palette-neutral-15: var(--sds-g-color-palette-neutral-15);
    /* Error Base 3 - if used as a background, please use Error Base Contrast 3-4 to meet accessibility guidelines. */
    --sds-g-color-error-base-3: #feded8;
    --wes-g-color-error-base-3: var(--sds-g-color-error-base-3);
    /* Neutral Base 2 - if used as a background, please use Neutral Base Contrast 2-4 to meet accessibility guidelines. */
    --sds-g-color-neutral-base-2: #f3f3f3;
    --wes-g-color-neutral-base-2: var(--sds-g-color-neutral-base-2);
    /* Brand Base 2 - if used as a background, please use Brand Base Contrast 2-4 to meet accessibility guidelines. */
    --sds-g-color-brand-base-2: #eef4ff;
    --wes-g-color-brand-base-2: var(--sds-g-color-brand-base-2);
    /* Brand Inverse 3 - if used as a background, please use Brand Inverse Contrast 3-4 to meet accessibility guidelines. */
    --sds-g-color-brand-inverse-3: #014486;
    --wes-g-color-brand-inverse-3: var(--sds-g-color-brand-inverse-3);
    /* Warning Base Contrast 1 - if used as a background, please use Warning Base Base 1-4 to meet accessibility guidelines. */
    --sds-g-color-warning-base-contrast-1: #a86403;
    --wes-g-color-warning-base-contrast-1: var(--sds-g-color-warning-base-contrast-1);
    /* Neutral Inverse 4 - if used as a background, please use Neutral Inverse Contrast 4 to meet accessibility guidelines. */
    --sds-g-color-neutral-inverse-4: #5a5c61;
    --wes-g-color-neutral-inverse-4: var(--sds-g-color-neutral-inverse-4);
    /* Orange 15 */
    --sds-g-color-palette-orange-15: #371e03;
    --wes-g-color-palette-orange-15: var(--sds-g-color-palette-orange-15);
    /* Error Base 4 - if used as a background, please use Error Base Contrast 4 to meet accessibility guidelines. */
    --sds-g-color-error-base-4: #feb8ab;
    --wes-g-color-error-base-4: var(--sds-g-color-error-base-4);
    /* Hot Orange 15 */
    --sds-g-color-palette-hot-orange-15: #421604;
    --wes-g-color-palette-hot-orange-15: var(--sds-g-color-palette-hot-orange-15);
    /* Neutral Base 3 - if used as a background, please use Neutral Base Contrast 3-4 to meet accessibility guidelines. */
    --sds-g-color-neutral-base-3: #e5e5e5;
    --wes-g-color-neutral-base-3: var(--sds-g-color-neutral-base-3);
    /* Brand Base 3 - if used as a background, please use Brand Base Contrast 3-4 to meet accessibility guidelines. */
    --sds-g-color-brand-base-3: #d8e6fe;
    --wes-g-color-brand-base-3: var(--sds-g-color-brand-base-3);
    /* Brand Inverse 4 - if used as a background, please use Brand Inverse Contrast 4 to meet accessibility guidelines. */
    --sds-g-color-brand-inverse-4: #0b5cab;
    --wes-g-color-brand-inverse-4: var(--sds-g-color-brand-inverse-4);
    /* Warning Base Contrast 2 - if used as a background, please use Warning Base Base 2-4 to meet accessibility guidelines. */
    --sds-g-color-warning-base-contrast-2: #8c4b02;
    --wes-g-color-warning-base-contrast-2: var(--sds-g-color-warning-base-contrast-2);
    /* Neutral Base 4 - if used as a background, please use Neutral Base Contrast 4 to meet accessibility guidelines. */
    --sds-g-color-neutral-base-4: #c9c9cb;
    --wes-g-color-neutral-base-4: var(--sds-g-color-neutral-base-4);
    /* Brand Base 4 - if used as a background, please use Brand Base Contrast 4 to meet accessibility guidelines. */
    --sds-g-color-brand-base-4: #aacbff;
    --wes-g-color-brand-base-4: var(--sds-g-color-brand-base-4);
    /* Default line-height for your application. */
    --sds-g-font-leading: 1.5;
    --wes-g-font-leading: var(--sds-g-font-leading);
    /* Warning Base Contrast 3 - if used as a background, please use Warning Base Base 3-4 to meet accessibility guidelines. */
    --sds-g-color-warning-base-contrast-3: #6f3400;
    --wes-g-color-warning-base-contrast-3: var(--sds-g-color-warning-base-contrast-3);
    /* Success Base 1 - if used as a background, please use Success Base Contrast 1-4 to meet accessibility guidelines. */
    --sds-g-color-success-base-1: #ffffff;
    --wes-g-color-success-base-1: var(--sds-g-color-success-base-1);
    /* Violet 90 */
    --sds-g-color-palette-violet-90: #f2defe;
    --wes-g-color-palette-violet-90: var(--sds-g-color-palette-violet-90);
    /* Warning Base Contrast 4 - if used as a background, please use Warning Base Base 4 to meet accessibility guidelines. */
    --sds-g-color-warning-base-contrast-4: #4f2100;
    --wes-g-color-warning-base-contrast-4: var(--sds-g-color-warning-base-contrast-4);
    /* Success Base 2 - if used as a background, please use Success Base Contrast 2-4 to meet accessibility guidelines. */
    --sds-g-color-success-base-2: #ebf7e6;
    --wes-g-color-success-base-2: var(--sds-g-color-success-base-2);
    /* Green 15 */
    --sds-g-color-palette-green-15: #0c2912;
    --wes-g-color-palette-green-15: var(--sds-g-color-palette-green-15);
    /* Violet 80 */
    --sds-g-color-palette-violet-80: #e5b9fe;
    --wes-g-color-palette-violet-80: var(--sds-g-color-palette-violet-80);
    /* Success Base 3 - if used as a background, please use Success Base Contrast 3-4 to meet accessibility guidelines. */
    --sds-g-color-success-base-3: #cdefc4;
    --wes-g-color-success-base-3: var(--sds-g-color-success-base-3);
    /* Violet 70 */
    --sds-g-color-palette-violet-70: #d892fe;
    --wes-g-color-palette-violet-70: var(--sds-g-color-palette-violet-70);
    /* Default border color for UI elements. */
    --sds-g-color-border-base-1: #aeaeae;
    --wes-g-color-border-base-1: var(--sds-g-color-border-base-1);
    /* Teal 90 */
    --sds-g-color-palette-teal-90: #acf3e4;
    --wes-g-color-palette-teal-90: var(--sds-g-color-palette-teal-90);
    /* Success Base 4 - if used as a background, please use Success Base Contrast 4 to meet accessibility guidelines. */
    --sds-g-color-success-base-4: #91db8b;
    --wes-g-color-success-base-4: var(--sds-g-color-success-base-4);
    /* Purple 90 */
    --sds-g-color-palette-purple-90: #ece1f9;
    --wes-g-color-palette-purple-90: var(--sds-g-color-palette-purple-90);
    /* Violet 60 */
    --sds-g-color-palette-violet-60: #cb65ff;
    --wes-g-color-palette-violet-60: var(--sds-g-color-palette-violet-60);
    /* Alternate border color for UI elements. */
    --sds-g-color-border-base-2: #939393;
    --wes-g-color-border-base-2: var(--sds-g-color-border-base-2);
    /* Teal 80 */
    --sds-g-color-palette-teal-80: #04e1cb;
    --wes-g-color-palette-teal-80: var(--sds-g-color-palette-teal-80);
    /* Purple 80 */
    --sds-g-color-palette-purple-80: #d78ff5;
    --wes-g-color-palette-purple-80: var(--sds-g-color-palette-purple-80);
    /* Violet 50 */
    --sds-g-color-palette-violet-50: #ba01ff;
    --wes-g-color-palette-violet-50: var(--sds-g-color-palette-violet-50);
    /* Teal 70 */
    --sds-g-color-palette-teal-70: #01c3b3;
    --wes-g-color-palette-teal-70: var(--sds-g-color-palette-teal-70);
    /* Blue 90 */
    --sds-g-color-palette-blue-90: #d8e6fe;
    --wes-g-color-palette-blue-90: var(--sds-g-color-palette-blue-90);
    /* Purple 70 */
    --sds-g-color-palette-purple-70: #c29ef1;
    --wes-g-color-palette-purple-70: var(--sds-g-color-palette-purple-70);
    /* Violet 40 */
    --sds-g-color-palette-violet-40: #9602c7;
    --wes-g-color-palette-violet-40: var(--sds-g-color-palette-violet-40);
    /* Violet 95 */
    --sds-g-color-palette-violet-95: #f9f0ff;
    --wes-g-color-palette-violet-95: var(--sds-g-color-palette-violet-95);
    /* Success Base Contrast 1 - if used as a background, please use Success Base Base 1-4 to meet accessibility guidelines. */
    --sds-g-color-success-base-contrast-1: #2e844a;
    --wes-g-color-success-base-contrast-1: var(--sds-g-color-success-base-contrast-1);
    /* Teal 60 */
    --sds-g-color-palette-teal-60: #06a59a;
    --wes-g-color-palette-teal-60: var(--sds-g-color-palette-teal-60);
    /* Red 90 */
    --sds-g-color-palette-red-90: #feded8;
    --wes-g-color-palette-red-90: var(--sds-g-color-palette-red-90);
    /* Blue 80 */
    --sds-g-color-palette-blue-80: #aacbff;
    --wes-g-color-palette-blue-80: var(--sds-g-color-palette-blue-80);
    /* Purple 60 */
    --sds-g-color-palette-purple-60: #ad7bee;
    --wes-g-color-palette-purple-60: var(--sds-g-color-palette-purple-60);
    /* Violet 30 */
    --sds-g-color-palette-violet-30: #730394;
    --wes-g-color-palette-violet-30: var(--sds-g-color-palette-violet-30);
    /* Success Base Contrast 2 - if used as a background, please use Success Base Base 2-4 to meet accessibility guidelines. */
    --sds-g-color-success-base-contrast-2: #22683e;
    --wes-g-color-success-base-contrast-2: var(--sds-g-color-success-base-contrast-2);
    /* Red 80 */
    --sds-g-color-palette-red-80: #feb8ab;
    --wes-g-color-palette-red-80: var(--sds-g-color-palette-red-80);
    /* Blue 70 */
    --sds-g-color-palette-blue-70: #78b0fd;
    --wes-g-color-palette-blue-70: var(--sds-g-color-palette-blue-70);
    /* Purple 50 */
    --sds-g-color-palette-purple-50: #9050e9;
    --wes-g-color-palette-purple-50: var(--sds-g-color-palette-purple-50);
    /* Violet 20 */
    --sds-g-color-palette-violet-20: #520066;
    --wes-g-color-palette-violet-20: var(--sds-g-color-palette-violet-20);
    /* Success Base Contrast 3 - if used as a background, please use Success Base Base 3-4 to meet accessibility guidelines. */
    --sds-g-color-success-base-contrast-3: #194e31;
    --wes-g-color-success-base-contrast-3: var(--sds-g-color-success-base-contrast-3);
    /* Warning Base 1 - if used as a background, please use Warning Base Contrast 1-4 to meet accessibility guidelines. */
    --sds-g-color-warning-base-1: #ffffff;
    --wes-g-color-warning-base-1: var(--sds-g-color-warning-base-1);
    /* Default color for hyperlinks. */
    --sds-g-link-color: #0b5cab;
    --wes-g-link-color: var(--sds-g-link-color);
    /* Teal 50 */
    --sds-g-color-palette-teal-50: #0b827c;
    --wes-g-color-palette-teal-50: var(--sds-g-color-palette-teal-50);
    /* Teal 95 */
    --sds-g-color-palette-teal-95: #def9f3;
    --wes-g-color-palette-teal-95: var(--sds-g-color-palette-teal-95);
    /* Red 70 */
    --sds-g-color-palette-red-70: #fe8f7d;
    --wes-g-color-palette-red-70: var(--sds-g-color-palette-red-70);
    /* Blue 60 */
    --sds-g-color-palette-blue-60: #1b96ff;
    --wes-g-color-palette-blue-60: var(--sds-g-color-palette-blue-60);
    /* Purple 40 */
    --sds-g-color-palette-purple-40: #7526e3;
    --wes-g-color-palette-purple-40: var(--sds-g-color-palette-purple-40);
    /* Violet 10 */
    --sds-g-color-palette-violet-10: #2e0039;
    --wes-g-color-palette-violet-10: var(--sds-g-color-palette-violet-10);
    /* Purple 95 */
    --sds-g-color-palette-purple-95: #f6f2fb;
    --wes-g-color-palette-purple-95: var(--sds-g-color-palette-purple-95);
    /* Violet 65 */
    --sds-g-color-palette-violet-65: #d17dfe;
    --wes-g-color-palette-violet-65: var(--sds-g-color-palette-violet-65);
    /* Success Base Contrast 4 - if used as a background, please use Success Base Base 4 to meet accessibility guidelines. */
    --sds-g-color-success-base-contrast-4: #0e3522;
    --wes-g-color-success-base-contrast-4: var(--sds-g-color-success-base-contrast-4);
    /* Warning Base 2 - if used as a background, please use Warning Base Contrast 2-4 to meet accessibility guidelines. */
    --sds-g-color-warning-base-2: #fbf3e0;
    --wes-g-color-warning-base-2: var(--sds-g-color-warning-base-2);
    /* Teal 40 */
    --sds-g-color-palette-teal-40: #056764;
    --wes-g-color-palette-teal-40: var(--sds-g-color-palette-teal-40);
    /* Neutral Base Contrast 1 - if used as a background, please use Neutral Base 1-4 to meet accessibility guidelines. */
    --sds-g-color-neutral-base-contrast-1: #929398;
    --wes-g-color-neutral-base-contrast-1: var(--sds-g-color-neutral-base-contrast-1);
    /* Red 60 */
    --sds-g-color-palette-red-60: #fe5c4c;
    --wes-g-color-palette-red-60: var(--sds-g-color-palette-red-60);
    /* Blue 50 */
    --sds-g-color-palette-blue-50: #0176d3;
    --wes-g-color-palette-blue-50: var(--sds-g-color-palette-blue-50);
    /* Purple 30 */
    --sds-g-color-palette-purple-30: #5a1ba9;
    --wes-g-color-palette-purple-30: var(--sds-g-color-palette-purple-30);
    /* Pink 90 */
    --sds-g-color-palette-pink-90: #fddde3;
    --wes-g-color-palette-pink-90: var(--sds-g-color-palette-pink-90);
    /* Warning Base 3 - if used as a background, please use Warning Base Contrast 3-4 to meet accessibility guidelines. */
    --sds-g-color-warning-base-3: #f9e3b6;
    --wes-g-color-warning-base-3: var(--sds-g-color-warning-base-3);
    /* Brand Base Contrast 1 - if used as a background, please use Brand Base 1-4 to meet accessibility guidelines. */
    --sds-g-color-brand-base-contrast-1: #1b96ff;
    --wes-g-color-brand-base-contrast-1: var(--sds-g-color-brand-base-contrast-1);
    /* Teal 30 */
    --sds-g-color-palette-teal-30: #024d4c;
    --wes-g-color-palette-teal-30: var(--sds-g-color-palette-teal-30);
    /* Neutral Base Contrast 2 - if used as a background, please use Neutral Base 2-4 to meet accessibility guidelines. */
    --sds-g-color-neutral-base-contrast-2: #737479;
    --wes-g-color-neutral-base-contrast-2: var(--sds-g-color-neutral-base-contrast-2);
    /* Red 50 */
    --sds-g-color-palette-red-50: #ea001e;
    --wes-g-color-palette-red-50: var(--sds-g-color-palette-red-50);
    /* Blue 40 */
    --sds-g-color-palette-blue-40: #0b5cab;
    --wes-g-color-palette-blue-40: var(--sds-g-color-palette-blue-40);
    /* Purple 20 */
    --sds-g-color-palette-purple-20: #401075;
    --wes-g-color-palette-purple-20: var(--sds-g-color-palette-purple-20);
    /* Neutral Inverse Contrast 1 - if used as a background, please use Neutral Inverse Base 1-4 to meet accessibility guidelines. */
    --sds-g-color-neutral-inverse-contrast-1: #737479;
    --wes-g-color-neutral-inverse-contrast-1: var(--sds-g-color-neutral-inverse-contrast-1);
    /* Blue 95 */
    --sds-g-color-palette-blue-95: #eef4ff;
    --wes-g-color-palette-blue-95: var(--sds-g-color-palette-blue-95);
    /* Brand Inverse Contrast 1 - if used as a background, please use Brand Inverse Base 1-4 to meet accessibility guidelines. */
    --sds-g-color-brand-inverse-contrast-1: #0176d3;
    --wes-g-color-brand-inverse-contrast-1: var(--sds-g-color-brand-inverse-contrast-1);
    /* Pink 80 */
    --sds-g-color-palette-pink-80: #fdb6c5;
    --wes-g-color-palette-pink-80: var(--sds-g-color-palette-pink-80);
    /* Warning Base 4 - if used as a background, please use Warning Base Contrast 4 to meet accessibility guidelines. */
    --sds-g-color-warning-base-4: #fcc003;
    --wes-g-color-warning-base-4: var(--sds-g-color-warning-base-4);
    /* Brand Base Contrast 2 - if used as a background, please use Brand Base 2-4 to meet accessibility guidelines. */
    --sds-g-color-brand-base-contrast-2: #0176d3;
    --wes-g-color-brand-base-contrast-2: var(--sds-g-color-brand-base-contrast-2);
    /* Teal 20 */
    --sds-g-color-palette-teal-20: #023434;
    --wes-g-color-palette-teal-20: var(--sds-g-color-palette-teal-20);
    /* Error Base Contrast 1 - if used as a background, please use Error Base Base 1-4 to meet accessibility guidelines. */
    --sds-g-color-error-base-contrast-1: #ea001e;
    --wes-g-color-error-base-contrast-1: var(--sds-g-color-error-base-contrast-1);
    /* Teal 65 */
    --sds-g-color-palette-teal-65: #03b4a7;
    --wes-g-color-palette-teal-65: var(--sds-g-color-palette-teal-65);
    /* Neutral Base Contrast 3 - if used as a background, please use Neutral Base 3-4 to meet accessibility guidelines. */
    --sds-g-color-neutral-base-contrast-3: #5a5c61;
    --wes-g-color-neutral-base-contrast-3: var(--sds-g-color-neutral-base-contrast-3);
    /* Red 40 */
    --sds-g-color-palette-red-40: #ba0517;
    --wes-g-color-palette-red-40: var(--sds-g-color-palette-red-40);
    /* Blue 30 */
    --sds-g-color-palette-blue-30: #014486;
    --wes-g-color-palette-blue-30: var(--sds-g-color-palette-blue-30);
    /* Purple 10 */
    --sds-g-color-palette-purple-10: #240643;
    --wes-g-color-palette-purple-10: var(--sds-g-color-palette-purple-10);
    /* Red 95 */
    --sds-g-color-palette-red-95: #fef1ee;
    --wes-g-color-palette-red-95: var(--sds-g-color-palette-red-95);
    /* Neutral Inverse Contrast 2 - if used as a background, please use Neutral Inverse Base 2-4 to meet accessibility guidelines. */
    --sds-g-color-neutral-inverse-contrast-2: #929398;
    --wes-g-color-neutral-inverse-contrast-2: var(--sds-g-color-neutral-inverse-contrast-2);
    /* Purple 65 */
    --sds-g-color-palette-purple-65: #b78def;
    --wes-g-color-palette-purple-65: var(--sds-g-color-palette-purple-65);
    /* Brand Inverse Contrast 2 - if used as a background, please use Brand Inverse Base 2-4 to meet accessibility guidelines. */
    --sds-g-color-brand-inverse-contrast-2: #1b96ff;
    --wes-g-color-brand-inverse-contrast-2: var(--sds-g-color-brand-inverse-contrast-2);
    /* Yellow 90 */
    --sds-g-color-palette-yellow-90: #f9e3b6;
    --wes-g-color-palette-yellow-90: var(--sds-g-color-palette-yellow-90);
    /* Pink 70 */
    --sds-g-color-palette-pink-70: #fe8aa7;
    --wes-g-color-palette-pink-70: var(--sds-g-color-palette-pink-70);
    /* Teal 10 */
    --sds-g-color-palette-teal-10: #071b12;
    --wes-g-color-palette-teal-10: var(--sds-g-color-palette-teal-10);
    /* Brand Base Contrast 3 - if used as a background, please use Brand Base 3-4 to meet accessibility guidelines. */
    --sds-g-color-brand-base-contrast-3: #0b5cab;
    --wes-g-color-brand-base-contrast-3: var(--sds-g-color-brand-base-contrast-3);
    /* Error Base Contrast 2 - if used as a background, please use Error Base Base 2-4 to meet accessibility guidelines. */
    --sds-g-color-error-base-contrast-2: #ba0517;
    --wes-g-color-error-base-contrast-2: var(--sds-g-color-error-base-contrast-2);
    /* Neutral Base Contrast 4 - if used as a background, please use Neutral Base 4 to meet accessibility guidelines. */
    --sds-g-color-neutral-base-contrast-4: #181818;
    --wes-g-color-neutral-base-contrast-4: var(--sds-g-color-neutral-base-contrast-4);
    /* Red 30 */
    --sds-g-color-palette-red-30: #8e030f;
    --wes-g-color-palette-red-30: var(--sds-g-color-palette-red-30);
    /* Blue 20 */
    --sds-g-color-palette-blue-20: #032d60;
    --wes-g-color-palette-blue-20: var(--sds-g-color-palette-blue-20);
    /* Neutral Inverse Contrast 3 - if used as a background, please use Neutral Inverse Base 3-4 to meet accessibility guidelines. */
    --sds-g-color-neutral-inverse-contrast-3: #adaeb1;
    --wes-g-color-neutral-inverse-contrast-3: var(--sds-g-color-neutral-inverse-contrast-3);
    /* Brand Inverse Contrast 3 - if used as a background, please use Brand Inverse Base 3-4 to meet accessibility guidelines. */
    --sds-g-color-brand-inverse-contrast-3: #78b0fd;
    --wes-g-color-brand-inverse-contrast-3: var(--sds-g-color-brand-inverse-contrast-3);
    /* Yellow 80 */
    --sds-g-color-palette-yellow-80: #fcc003;
    --wes-g-color-palette-yellow-80: var(--sds-g-color-palette-yellow-80);
    /* Pink 60 */
    --sds-g-color-palette-pink-60: #ff538a;
    --wes-g-color-palette-pink-60: var(--sds-g-color-palette-pink-60);
    /* Brand Base Contrast 4 - if used as a background, please use Brand Base 4 to meet accessibility guidelines. */
    --sds-g-color-brand-base-contrast-4: #001639;
    --wes-g-color-brand-base-contrast-4: var(--sds-g-color-brand-base-contrast-4);
    /* Error Base Contrast 3 - if used as a background, please use Error Base Base 3-4 to meet accessibility guidelines. */
    --sds-g-color-error-base-contrast-3: #8e030f;
    --wes-g-color-error-base-contrast-3: var(--sds-g-color-error-base-contrast-3);
    /* Red 20 */
    --sds-g-color-palette-red-20: #640103;
    --wes-g-color-palette-red-20: var(--sds-g-color-palette-red-20);
    /* Blue 10 */
    --sds-g-color-palette-blue-10: #001639;
    --wes-g-color-palette-blue-10: var(--sds-g-color-palette-blue-10);
    /* Blue 65 */
    --sds-g-color-palette-blue-65: #57a3fd;
    --wes-g-color-palette-blue-65: var(--sds-g-color-palette-blue-65);
    /* Neutral Inverse Contrast 4 - if used as a background, please use Neutral Inverse Base 4 to meet accessibility guidelines. */
    --sds-g-color-neutral-inverse-contrast-4: #ffffff;
    --wes-g-color-neutral-inverse-contrast-4: var(--sds-g-color-neutral-inverse-contrast-4);
    /* Violet 15 */
    --sds-g-color-palette-violet-15: #3d0157;
    --wes-g-color-palette-violet-15: var(--sds-g-color-palette-violet-15);
    /* Brand Inverse Contrast 4 - if used as a background, please use Brand Inverse Base 4 to meet accessibility guidelines. */
    --sds-g-color-brand-inverse-contrast-4: #ffffff;
    --wes-g-color-brand-inverse-contrast-4: var(--sds-g-color-brand-inverse-contrast-4);
    /* Yellow 70 */
    --sds-g-color-palette-yellow-70: #e4a201;
    --wes-g-color-palette-yellow-70: var(--sds-g-color-palette-yellow-70);
    /* Pink 50 */
    --sds-g-color-palette-pink-50: #e3066a;
    --wes-g-color-palette-pink-50: var(--sds-g-color-palette-pink-50);
    /* Cloud Blue 90 */
    --sds-g-color-palette-cloud-blue-90: #cfe9fe;
    --wes-g-color-palette-cloud-blue-90: var(--sds-g-color-palette-cloud-blue-90);
    /* Indigo 90 */
    --sds-g-color-palette-indigo-90: #e0e5f8;
    --wes-g-color-palette-indigo-90: var(--sds-g-color-palette-indigo-90);
    /* Error Base Contrast 4 - if used as a background, please use Error Base Base 4 to meet accessibility guidelines. */
    --sds-g-color-error-base-contrast-4: #640103;
    --wes-g-color-error-base-contrast-4: var(--sds-g-color-error-base-contrast-4);
    /* Red 10 */
    --sds-g-color-palette-red-10: #300c01;
    --wes-g-color-palette-red-10: var(--sds-g-color-palette-red-10);
    /* Red 65 */
    --sds-g-color-palette-red-65: #fe7765;
    --wes-g-color-palette-red-65: var(--sds-g-color-palette-red-65);
    /* Yellow 60 */
    --sds-g-color-palette-yellow-60: #ca8501;
    --wes-g-color-palette-yellow-60: var(--sds-g-color-palette-yellow-60);
    /* Pink 40 */
    --sds-g-color-palette-pink-40: #b60554;
    --wes-g-color-palette-pink-40: var(--sds-g-color-palette-pink-40);
    /* Cloud Blue 80 */
    --sds-g-color-palette-cloud-blue-80: #90d0fe;
    --wes-g-color-palette-cloud-blue-80: var(--sds-g-color-palette-cloud-blue-80);
    /* Pink 95 */
    --sds-g-color-palette-pink-95: #fef0f3;
    --wes-g-color-palette-pink-95: var(--sds-g-color-palette-pink-95);
    /* Indigo 80 */
    --sds-g-color-palette-indigo-80: #bec7f6;
    --wes-g-color-palette-indigo-80: var(--sds-g-color-palette-indigo-80);
    /* Yellow 50 */
    --sds-g-color-palette-yellow-50: #a86403;
    --wes-g-color-palette-yellow-50: var(--sds-g-color-palette-yellow-50);
    /* Pink 30 */
    --sds-g-color-palette-pink-30: #8a033e;
    --wes-g-color-palette-pink-30: var(--sds-g-color-palette-pink-30);
    /* Cloud Blue 70 */
    --sds-g-color-palette-cloud-blue-70: #1ab9ff;
    --wes-g-color-palette-cloud-blue-70: var(--sds-g-color-palette-cloud-blue-70);
    /* Indigo 70 */
    --sds-g-color-palette-indigo-70: #9ea9f1;
    --wes-g-color-palette-indigo-70: var(--sds-g-color-palette-indigo-70);
    /* Purple 15 */
    --sds-g-color-palette-purple-15: #300b60;
    --wes-g-color-palette-purple-15: var(--sds-g-color-palette-purple-15);
    /* Yellow 40 */
    --sds-g-color-palette-yellow-40: #8c4b02;
    --wes-g-color-palette-yellow-40: var(--sds-g-color-palette-yellow-40);
    /* Neutral 90 */
    --sds-g-color-palette-neutral-90: #e5e5e5;
    --wes-g-color-palette-neutral-90: var(--sds-g-color-palette-neutral-90);
    /* Pink 20 */
    --sds-g-color-palette-pink-20: #61022a;
    --wes-g-color-palette-pink-20: var(--sds-g-color-palette-pink-20);
    /* Yellow 95 */
    --sds-g-color-palette-yellow-95: #fbf3e0;
    --wes-g-color-palette-yellow-95: var(--sds-g-color-palette-yellow-95);
    /* Cloud Blue 60 */
    --sds-g-color-palette-cloud-blue-60: #0d9dda;
    --wes-g-color-palette-cloud-blue-60: var(--sds-g-color-palette-cloud-blue-60);
    /* Indigo 60 */
    --sds-g-color-palette-indigo-60: #7f8ced;
    --wes-g-color-palette-indigo-60: var(--sds-g-color-palette-indigo-60);
    /* Teal 15 */
    --sds-g-color-palette-teal-15: #072825;
    --wes-g-color-palette-teal-15: var(--sds-g-color-palette-teal-15);
    /* Yellow 30 */
    --sds-g-color-palette-yellow-30: #6f3400;
    --wes-g-color-palette-yellow-30: var(--sds-g-color-palette-yellow-30);
    /* Neutral 80 */
    --sds-g-color-palette-neutral-80: #c9c9c9;
    --wes-g-color-palette-neutral-80: var(--sds-g-color-palette-neutral-80);
    /* Pink 10 */
    --sds-g-color-palette-pink-10: #370114;
    --wes-g-color-palette-pink-10: var(--sds-g-color-palette-pink-10);
    /* Orange 90 */
    --sds-g-color-palette-orange-90: #fedfd0;
    --wes-g-color-palette-orange-90: var(--sds-g-color-palette-orange-90);
    /* Cloud Blue 50 */
    --sds-g-color-palette-cloud-blue-50: #107cad;
    --wes-g-color-palette-cloud-blue-50: var(--sds-g-color-palette-cloud-blue-50);
    /* Pink 65 */
    --sds-g-color-palette-pink-65: #fe7298;
    --wes-g-color-palette-pink-65: var(--sds-g-color-palette-pink-65);
    /* Indigo 50 */
    --sds-g-color-palette-indigo-50: #5867e8;
    --wes-g-color-palette-indigo-50: var(--sds-g-color-palette-indigo-50);
    /* Hot Orange 90 */
    --sds-g-color-palette-hot-orange-90: #ffded5;
    --wes-g-color-palette-hot-orange-90: var(--sds-g-color-palette-hot-orange-90);
    /* Default color on focus for hyperlinks. */
    --sds-g-link-color-focus: #014486;
    --wes-g-link-color-focus: var(--sds-g-link-color-focus);
    /* Blue 15 */
    --sds-g-color-palette-blue-15: #03234d;
    --wes-g-color-palette-blue-15: var(--sds-g-color-palette-blue-15);
    /* Yellow 20 */
    --sds-g-color-palette-yellow-20: #4f2100;
    --wes-g-color-palette-yellow-20: var(--sds-g-color-palette-yellow-20);
    /* Neutral 70 */
    --sds-g-color-palette-neutral-70: #aeaeae;
    --wes-g-color-palette-neutral-70: var(--sds-g-color-palette-neutral-70);
    /* Orange 80 */
    --sds-g-color-palette-orange-80: #ffba90;
    --wes-g-color-palette-orange-80: var(--sds-g-color-palette-orange-80);
    /* Cloud Blue 40 */
    --sds-g-color-palette-cloud-blue-40: #05628a;
    --wes-g-color-palette-cloud-blue-40: var(--sds-g-color-palette-cloud-blue-40);
    /* Indigo 40 */
    --sds-g-color-palette-indigo-40: #3a49da;
    --wes-g-color-palette-indigo-40: var(--sds-g-color-palette-indigo-40);
    /* Hot Orange 80 */
    --sds-g-color-palette-hot-orange-80: #feb9a5;
    --wes-g-color-palette-hot-orange-80: var(--sds-g-color-palette-hot-orange-80);
    /* Cloud Blue 95 */
    --sds-g-color-palette-cloud-blue-95: #eaf5fe;
    --wes-g-color-palette-cloud-blue-95: var(--sds-g-color-palette-cloud-blue-95);
    /* Indigo 95 */
    --sds-g-color-palette-indigo-95: #f1f3fb;
    --wes-g-color-palette-indigo-95: var(--sds-g-color-palette-indigo-95);
    /* Red 15 */
    --sds-g-color-palette-red-15: #4a0c04;
    --wes-g-color-palette-red-15: var(--sds-g-color-palette-red-15);
    /* Yellow 10 */
    --sds-g-color-palette-yellow-10: #281202;
    --wes-g-color-palette-yellow-10: var(--sds-g-color-palette-yellow-10);
    /* Neutral 60 */
    --sds-g-color-palette-neutral-60: #939393;
    --wes-g-color-palette-neutral-60: var(--sds-g-color-palette-neutral-60);
    /* Yellow 65 */
    --sds-g-color-palette-yellow-65: #d79304;
    --wes-g-color-palette-yellow-65: var(--sds-g-color-palette-yellow-65);
    /* Orange 70 */
    --sds-g-color-palette-orange-70: #fe9339;
    --wes-g-color-palette-orange-70: var(--sds-g-color-palette-orange-70);
    /* Cloud Blue 30 */
    --sds-g-color-palette-cloud-blue-30: #084968;
    --wes-g-color-palette-cloud-blue-30: var(--sds-g-color-palette-cloud-blue-30);
    /* Indigo 30 */
    --sds-g-color-palette-indigo-30: #2f2cb7;
    --wes-g-color-palette-indigo-30: var(--sds-g-color-palette-indigo-30);
    /* Hot Orange 70 */
    --sds-g-color-palette-hot-orange-70: #ff906e;
    --wes-g-color-palette-hot-orange-70: var(--sds-g-color-palette-hot-orange-70);
    /* Inversed border color for UI elements. */
    --sds-g-color-border-inverse-1: #181818;
    --wes-g-color-border-inverse-1: var(--sds-g-color-border-inverse-1);
    /* Neutral 50 */
    --sds-g-color-palette-neutral-50: #747474;
    --wes-g-color-palette-neutral-50: var(--sds-g-color-palette-neutral-50);
    /* Orange 60 */
    --sds-g-color-palette-orange-60: #dd7a01;
    --wes-g-color-palette-orange-60: var(--sds-g-color-palette-orange-60);
    /* Cloud Blue 20 */
    --sds-g-color-palette-cloud-blue-20: #023248;
    --wes-g-color-palette-cloud-blue-20: var(--sds-g-color-palette-cloud-blue-20);
    /* Green 90 */
    --sds-g-color-palette-green-90: #cdefc4;
    --wes-g-color-palette-green-90: var(--sds-g-color-palette-green-90);
    /* Indigo 20 */
    --sds-g-color-palette-indigo-20: #260f8f;
    --wes-g-color-palette-indigo-20: var(--sds-g-color-palette-indigo-20);
    /* Hot Orange 60 */
    --sds-g-color-palette-hot-orange-60: #ff5d2d;
    --wes-g-color-palette-hot-orange-60: var(--sds-g-color-palette-hot-orange-60);
    /* Neutral 40 */
    --sds-g-color-palette-neutral-40: #5c5c5c;
    --wes-g-color-palette-neutral-40: var(--sds-g-color-palette-neutral-40);
    /* Alternate inversed border color for UI elements. */
    --sds-g-color-border-inverse-2: #2e2e2e;
    --wes-g-color-border-inverse-2: var(--sds-g-color-border-inverse-2);
    /* Orange 50 */
    --sds-g-color-palette-orange-50: #a96404;
    --wes-g-color-palette-orange-50: var(--sds-g-color-palette-orange-50);
    /* Cloud Blue 10 */
    --sds-g-color-palette-cloud-blue-10: #001a28;
    --wes-g-color-palette-cloud-blue-10: var(--sds-g-color-palette-cloud-blue-10);
    /* Neutral 95 */
    --sds-g-color-palette-neutral-95: #f3f3f3;
    --wes-g-color-palette-neutral-95: var(--sds-g-color-palette-neutral-95);
    /* Green 80 */
    --sds-g-color-palette-green-80: #91db8b;
    --wes-g-color-palette-green-80: var(--sds-g-color-palette-green-80);
    /* Indigo 10 */
    --sds-g-color-palette-indigo-10: #200647;
    --wes-g-color-palette-indigo-10: var(--sds-g-color-palette-indigo-10);
    /* Hot Orange 50 */
    --sds-g-color-palette-hot-orange-50: #d83a00;
    --wes-g-color-palette-hot-orange-50: var(--sds-g-color-palette-hot-orange-50);
    /* Cloud Blue 65 */
    --sds-g-color-palette-cloud-blue-65: #08abed;
    --wes-g-color-palette-cloud-blue-65: var(--sds-g-color-palette-cloud-blue-65);
    /* Indigo 65 */
    --sds-g-color-palette-indigo-65: #8e9bef;
    --wes-g-color-palette-indigo-65: var(--sds-g-color-palette-indigo-65);
    /* Default color on hover for hyperlinks. */
    --sds-g-link-color-hover: #014486;
    --wes-g-link-color-hover: var(--sds-g-link-color-hover);
    /* Neutral 30 */
    --sds-g-color-palette-neutral-30: #444444;
    --wes-g-color-palette-neutral-30: var(--sds-g-color-palette-neutral-30);
    /* Orange 40 */
    --sds-g-color-palette-orange-40: #825101;
    --wes-g-color-palette-orange-40: var(--sds-g-color-palette-orange-40);
    /* Pink 15 */
    --sds-g-color-palette-pink-15: #4b0620;
    --wes-g-color-palette-pink-15: var(--sds-g-color-palette-pink-15);
    /* Green 70 */
    --sds-g-color-palette-green-70: #45c65a;
    --wes-g-color-palette-green-70: var(--sds-g-color-palette-green-70);
    /* Hot Orange 40 */
    --sds-g-color-palette-hot-orange-40: #aa3001;
    --wes-g-color-palette-hot-orange-40: var(--sds-g-color-palette-hot-orange-40);
    /* Orange 95 */
    --sds-g-color-palette-orange-95: #fff1ea;
    --wes-g-color-palette-orange-95: var(--sds-g-color-palette-orange-95);
    /* Hot Orange 95 */
    --sds-g-color-palette-hot-orange-95: #fef1ed;
    --wes-g-color-palette-hot-orange-95: var(--sds-g-color-palette-hot-orange-95);

    /* Border size 1. */
    --sds-g-sizing-border-1: 1px;
    --wes-g-sizing-border-1: var(--sds-g-sizing-border-1);
    /* Border size 2. */
    --sds-g-sizing-border-2: 2px;
    --wes-g-sizing-border-2: var(--sds-g-sizing-border-2);

    /* Bold font-weight, use to increase emphasis. */
    --sds-g-font-weight-bold: bold;
    --wes-g-font-weight-bold: var(--sds-g-font-weight-bold);

    /* Fonts */
    --sds-g-font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, 'Helvetica Neue', Arial,
        sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
    --wes-g-font-family: var(--sds-g-font-family);
    --wes-g-font-family-display: 'ITC Avant Garde', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
        'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
        'Noto Color Emoji';
    --wes-g-font-family-monospace: Consolas, Menlo, Monaco, Courier, monospace;
    --wes-g-font-family-sans: 'Salesforce Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
        'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
        'Noto Color Emoji';

    /* Default font-size for your application. */
    --sds-g-font-size-base: 1rem;
    /* Scaled font-size that is 1 stop bigger than the base. */
    --sds-g-font-scale-1: 1.125rem;
    /* Scaled font-size that is 2 stops bigger than the base. */
    --sds-g-font-scale-2: 1.266rem;
    /* Scaled font-size that is 3 stops bigger than the base. */
    --sds-g-font-scale-3: 1.424rem;
    /* Scaled font-size that is 4 stops bigger than the base. */
    --sds-g-font-scale-4: 1.602rem;
    /* Scaled font-size that is 5 stops bigger than the base. */
    --sds-g-font-scale-5: 1.802rem;
    /* Scaled font-size that is 6 stops bigger than the base. */
    --sds-g-font-scale-6: 2.027rem;
    /* Scaled font-size that is 7 stops bigger than the base. */
    --sds-g-font-scale-7: 2.281rem;
    /* Scaled font-size that is 8 stops bigger than the base. */
    --sds-g-font-scale-8: 2.566rem;
    /* Scaled font-size that is 9 stops bigger than the base. */
    --sds-g-font-scale-9: 2.887rem;
    /* Scaled font-size that is 10 stops bigger than the base. */
    --sds-g-font-scale-10: 3.247rem;

    /* Scaled font-size that is 1 stop smaller than the base. */
    --sds-g-font-scale-neg-1: 0.875rem;
    /* Scaled font-size that is 2 stops smaller than the base. */
    --sds-g-font-scale-neg-2: 0.8125rem;
    /* Scaled font-size that is 3 stops smaller than the base. */
    --sds-g-font-scale-neg-3: 0.75rem;
    /* Scaled font-size that is 4 stops smaller than the base. */
    --sds-g-font-scale-neg-4: 0.625rem;

    /* Scaled font-size that is 1 stop bigger than the base. */
    --wes-g-font-size-1: 0.75rem;
    /* Scaled font-size that is 2 stops bigger than the base. */
    --wes-g-font-size-2: 0.875rem;
    /* Scaled font-size that is 3 stops bigger than the base. */
    --wes-g-font-size-3: 1rem;
    /* Scaled font-size that is 4 stops bigger than the base. */
    --wes-g-font-size-4: 1.25rem;
    /* Scaled font-size that is 5 stops bigger than the base. */
    --wes-g-font-size-5: 1.5rem;
    /* Scaled font-size that is 6 stops bigger than the base. */
    --wes-g-font-size-6: 2rem;
    /* Scaled font-size that is 7 stops bigger than the base. */
    --wes-g-font-size-7: 2.5rem;
    /* Scaled font-size that is 8 stops bigger than the base. */
    --wes-g-font-size-8: 3rem;
    /* Scaled font-size that is 9 stops bigger than the base. */
    --wes-g-font-size-9: 3.5rem;
    /* Scaled font-size that is 10 stops bigger than the base. */
    --wes-g-font-size-10: 5rem;

    /* Default line-height for your application. */
    --sds-g-line-height: 1.5;
    --wes-g-line-height: var(--sds-g-line-height);

    /* Small border radius for UI elements. */
    --sds-g-radius-border-1: 0.125rem;
    --wes-g-radius-border-1: var(--sds-g-radius-border-1);
    /* Medium border radius for UI elements. */
    --sds-g-radius-border-2: 0.25rem;
    --wes-g-radius-border-2: var(--sds-g-radius-border-2);
    /* Large border radius for UI elements. */
    --sds-g-radius-border-3: 0.5rem;
    --wes-g-radius-border-3: var(--sds-g-radius-border-3);
    /* Extra Large border radius for UI elements. */
    --sds-g-radius-border-4: 1rem;
    --wes-g-radius-border-4: var(--sds-g-radius-border-4);
    /* Circular border radius for UI elements. */
    --sds-g-radius-border-circle: 100%;
    --wes-g-radius-border-circle: var(--sds-g-radius-border-circle);

    /* Spacing size 1. */
    --sds-g-spacing-1: 0.25rem;
    --wes-g-spacing-1: var(--sds-g-spacing-1);
    /* Spacing size 2. */
    --sds-g-spacing-2: 0.5rem;
    --wes-g-spacing-2: var(--sds-g-spacing-2);
    /* Spacing size 3. */
    --sds-g-spacing-3: 0.75rem;
    --wes-g-spacing-3: var(--sds-g-spacing-3);
    /* Spacing size 4. */
    --sds-g-spacing-4: 1rem;
    --wes-g-spacing-4: var(--sds-g-spacing-4);
    /* Spacing size 5. */
    --sds-g-spacing-5: 1.5rem;
    --wes-g-spacing-5: var(--sds-g-spacing-5);
    /* Spacing size 6. */
    --sds-g-spacing-6: 2rem;
    --wes-g-spacing-6: var(--sds-g-spacing-6);
    /* Spacing size 7. */
    --sds-g-spacing-7: 2.5rem;
    --wes-g-spacing-7: var(--sds-g-spacing-7);
    /* Spacing size 8. */
    --sds-g-spacing-8: 3rem;
    --wes-g-spacing-8: var(--sds-g-spacing-8);
    /* Spacing size 9. */
    --sds-g-spacing-9: 3.5rem;
    --wes-g-spacing-9: var(--sds-g-spacing-9);
    /* Spacing size 10. */
    --sds-g-spacing-10: 4rem;
    --wes-g-spacing-10: var(--sds-g-spacing-10);
    /* Spacing size 11. */
    --sds-g-spacing-11: 4.5rem;
    --wes-g-spacing-11: var(--sds-g-spacing-11);
    /* Spacing size 12. */
    --sds-g-spacing-12: 5rem;
    --wes-g-spacing-12: var(--sds-g-spacing-12);

    /* Shadow depth 1 */
    --sds-g-shadow-1: 0 0 2px 0 #18181808, 0 2px 4px 1px #18181816;
    --wes-g-shadow-1: var(--sds-g-shadow-1);
    /* Shadow depth 2 */
    --sds-g-shadow-2: 0 2px 8px -2px #18181808, 0 8px 12px -2px #18181816;
    --wes-g-shadow-2: var(--sds-g-shadow-2);
    /* Shadow depth 3 */
    --sds-g-shadow-3: 0 12px 24px -4px #18181808, 0 16px 32px -4px #18181816;
    --wes-g-shadow-3: var(--sds-g-shadow-3);
    /* Shadow depth 4 */
    --sds-g-shadow-4: 0 24px 48px -2px #18181820;
    --wes-g-shadow-4: var(--sds-g-shadow-4);

    /* HT Default Border Color */
    --ht-g-color-border-base-1: #e5e5e5;

    --wes-g-kx-duration-long: 400ms;
    --wes-g-kx-duration-normal: 250ms;
    --wes-g-kx-duration-short: 150ms;
    --wes-g-kx-duration-x-long: 600ms;
    --wes-g-kx-duration-x-short: 75ms;
    --wes-g-kx-ease-in: cubic-bezier(0.3, 0, 1, 0.3);
    --wes-g-kx-ease-in-out: cubic-bezier(0.3, 0, 0.15, 1);
    --wes-g-kx-ease-none: cubic-bezier(0, 0, 1, 1);
    --wes-g-kx-ease-out: cubic-bezier(0, 0.3, 0.15, 1);
    --wes-g-kx-ease-over: cubic-bezier(0.3, 1.75, 0.3, 1);
    --wes-g-kx-ease-under: cubic-bezier(0.7, 0, 0.7, -0.75);
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

[type-style='display-1'] {
    font-family: var(--wes-g-font-family-display);
    font-size: var(--wes-g-font-size-10);
    line-height: 5.5rem;
    letter-spacing: -1.8px;
    color: var(--wes-g-color-palette-blue-20);
}

[type-style='display-2'] {
    font-family: var(--wes-g-font-family-display);
    font-size: var(--wes-g-font-size-9);
    line-height: 4rem;
    letter-spacing: -1.2px;
    color: var(--wes-g-color-palette-blue-20);
}

[type-style='display-3'] {
    font-family: var(--wes-g-font-family-display);
    font-size: var(--wes-g-font-size-8);
    line-height: 3.5rem;
    letter-spacing: -1px;
    color: var(--wes-g-color-palette-blue-20);
}

[type-style='display-4'] {
    font-family: var(--wes-g-font-family-display);
    font-size: var(--wes-g-font-size-7);
    line-height: 3rem;
    letter-spacing: -0.32px;
    color: var(--wes-g-color-palette-blue-20);
}

[type-style='display-5'] {
    font-family: var(--wes-g-font-family-display);
    font-size: var(--wes-g-font-size-6);
    line-height: 2.5rem;
    letter-spacing: -0.128px;
    color: var(--wes-g-color-palette-blue-20);
}

[type-style='display-6'] {
    font-family: var(--wes-g-font-family-display);
    font-size: var(--wes-g-font-size-5);
    line-height: 2rem;
    letter-spacing: -0.096px;
    color: var(--wes-g-color-palette-blue-20);
}

[type-style='display-7'] {
    font-family: var(--wes-g-font-family-display);
    font-size: var(--wes-g-font-size-4);
    line-height: 1.75rem;
    letter-spacing: -0.08px;
    color: var(--wes-g-color-palette-blue-20);
}

[type-style='display-8'] {
    font-family: var(--wes-g-font-family-display);
    font-size: var(--wes-g-font-size-3);
    line-height: 1.5rem;
    letter-spacing: 0.08px;
    color: var(--wes-g-color-palette-blue-20);
}

a[type-style='display-1'],
a[type-style='display-2'],
a[type-style='display-3'],
a[type-style='display-4'],
a[type-style='display-5'],
a[type-style='display-6'],
a[type-style='display-7'],
a[type-style='display-8'] {
    text-decoration: none;
}

a[type-style='display-1']:hover,
a[type-style='display-1']:active,
a[type-style='display-2']:hover,
a[type-style='display-2']:active,
a[type-style='display-3']:hover,
a[type-style='display-3']:active,
a[type-style='display-4']:hover,
a[type-style='display-4']:active,
a[type-style='display-5']:hover,
a[type-style='display-5']:active,
a[type-style='display-6']:hover,
a[type-style='display-6']:active,
a[type-style='display-7']:hover,
a[type-style='display-7']:active,
a[type-style='display-8']:hover,
a[type-style='display-8']:active {
    color: var(--wes-g-color-palette-blue-50);
}

a[type-style='display-1']:visited,
a[type-style='display-2']:visited,
a[type-style='display-3']:visited,
a[type-style='display-4']:visited,
a[type-style='display-5']:visited,
a[type-style='display-6']:visited,
a[type-style='display-7']:visited,
a[type-style='display-8']:visited {
    color: var(--wes-g-color-palette-blue-10);
}

[type-style='body-1'] {
    font-family: var(--wes-g-font-family-sans);
    font-weight: 400;
    font-size: var(--wes-g-font-size-4);
    line-height: 1.875rem;
    letter-spacing: 0.024px;
    color: var(--wes-g-color-palette-neutral-10);
}

[type-style='body-2'] {
    font-family: var(--wes-g-font-family-sans);
    font-weight: 400;
    font-size: var(--wes-g-font-size-3);
    line-height: 1.5rem;
    letter-spacing: 0.019px;
    color: var(--wes-g-color-palette-neutral-10);
}

[type-style='body-3'] {
    font-family: var(--wes-g-font-family-sans);
    font-weight: 400;
    font-size: var(--wes-g-font-size-2);
    line-height: 1.25rem;
    letter-spacing: 0;
    color: var(--wes-g-color-palette-neutral-10);
}

[type-style='eyebrow'] {
    font-family: var(--wes-g-font-family-sans);
    font-weight: 700;
    font-size: var(--wes-g-font-size-1);
    line-height: 1.5rem;
    letter-spacing: 0;
    color: var(--wes-g-color-palette-blue-20);
}

[type-style='caption'] {
    font-family: var(--wes-g-font-family-sans);
    font-weight: 400;
    font-size: var(--wes-g-font-size-1);
    line-height: 1.125rem;
    letter-spacing: 0.024px;
    color: var(--wes-g-color-palette-neutral-10);
}

[type-style='body-1'] [type-style='code'],
[type-style='body-1'] code,
[type-style='body-1'] a {
    font-size: var(--wes-g-font-size-4);
    line-height: 2rem;
    letter-spacing: 0;
    color: var(--wes-g-color-palette-neutral-10);
}

[type-style='body-2'] [type-style='code'],
[type-style='body-2'] code,
[type-style='body-2'] a {
    font-size: var(--wes-g-font-size-3);
    line-height: 1.5rem;
    letter-spacing: 0;
    color: var(--wes-g-color-palette-neutral-10);
}

[type-style='body-3'] [type-style='code'],
[type-style='body-3'] code,
[type-style='body-3'] a {
    font-size: var(--wes-g-font-size-2);
    line-height: 1.25rem;
    letter-spacing: 0;
    color: var(--wes-g-color-palette-neutral-10);
}

[type-style='caption'] [type-style='code'],
[type-style='caption'] code,
[type-style='caption'] a {
    font-size: var(--wes-g-font-size-1);
    line-height: 1.125rem;
    letter-spacing: 0;
    color: var(--wes-g-color-palette-neutral-10);
}

[type-style='body-1'] code,
[type-style='body-1'] [type-style='code'],
[type-style='body-2'] code,
[type-style='body-2'] [type-style='code'],
[type-style='body-3'] code,
[type-style='body-3'] [type-style='code'],
[type-style='caption'] code,
[type-style='caption'] [type-style='code'] {
    font-family: var(--wes-g-font-family-monospace);
    font-weight: 400;
    color: var(--wes-g-color-palette-neutral-10);
    letter-spacing: 0;
}

[type-style='body-1'] a,
[type-style='body-2'] a,
[type-style='body-3'] a,
[type-style='caption'] a {
    font-family: var(--wes-g-font-family-sans);
    font-weight: 400;
    color: var(--wes-g-color-palette-blue-50);
    letter-spacing: 0;
}

[type-style='body-1'] a:hover,
[type-style='body-2'] a:hover,
[type-style='body-3'] a:hover,
[type-style='caption'] a:hover {
    color: var(--wes-g-color-palette-blue-20);
}

[util-style='ellipsis'] {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

[util-style='multi-line-ellipsis'] {
    display: -webkit-box;
    -webkit-line-clamp: var(--wes-g-text-ellipsis-lines, 3);
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.font-color-blue-20 {
    color: var(--wes-g-color-palette-blue-20);
}

.margin-top-16 {
    margin-top: 16px;
}

.margin-top-4 {
    margin-top: 4px;
}

.margin-bottom-32 {
    margin-bottom: 32px;
}

.font-weight-600 {
    font-weight: 600;
}

.coming-soon-box {
    border: var(--wes-g-sizing-border-1) solid var(--ht-g-color-border-base-1);
    border-radius: var(--wes-g-radius-border-4);
    box-shadow: var(--wes-g-shadow-1);
    height: 392px;
    display: flex;
    flex-direction: column;
    text-align: center;
    justify-content: center;
    align-content: center;
    background: var(--wes-g-color-palette-cloud-blue-95);
}

.break-words {
    word-break: break-word;
}

.text-spacing-for-coming-soon {
    margin-left: 62px;
    margin-right: 62px;
}

@media (min-width: 1023px) {
    .text-spacing-for-coming-soon {
        margin-left: 106px;
        margin-right: 106px;
    }
}

.greySubheaders {
    color: var(--wes-g-color-palette-neutral-30);
}

.actions-modal__content-combobox .slds-has-focus {
    background-color: var(--wes-g-color-palette-cloud-blue-95, #eaf5fe) !important;
    box-shadow: none !important;
}

.actions-modal__content-comboboxlightning-combobox lightning-icon {
    --slds-c-icon-color-foreground-default: var(--wes-g-color-palette-neutral-50, #747474);
}

.actions-modal__content-combobox div.slds-is-open lightning-icon {
    --slds-c-icon-color-foreground-default: var(--wes-g-color-palette-blue-50, #0176d3);
}

.actions-modal__content-combobox label {
    font-family: var(--wes-g-font-family-sans);
    font-weight: 400;
    line-height: 1.5rem;
    color: var(--wes-g-color-palette-neutral-30);
    font-size: var(--wes-g-font-size-1);
}

.actions-modal__content-combobox .tool-tip svg {
    width: var(--wes-g-spacing-4, 1rem) !important;
}

.actions-modal__content-combobox button.slds-combobox__input {
    box-shadow: none !important;
    display: flex;
    height: 2.75rem;
    align-items: center;
}

.actions-modal__content-combobox button.slds-combobox__input {
    border: 1px solid var(--wes-g-color-palette-neutral-50, #747474);
}

.actions-modal__content-combobox div.slds-is-open button.slds-combobox__input {
    border: 2px solid var(--wes-g-link-color-active, #032d60);
}

.actions-modal__content-combobox div.slds-dropdown-trigger {
    height: 2.75rem !important;
}

.actions-modal__content-combobox .slds-truncate {
    color: var(--wes-g-color-palette-neutral-50, #747474);
    font-family: var(--wes-g-font-family-sans, 'Salesforce Sans', sans-serif);
    font-size: var(--wes-g-font-size-3, 1rem);
    line-height: var(--wes-g-line-height, 1.5rem);
    letter-spacing: 0.019px;
}

.actions-modal__content-combobox .slds-media__body .slds-truncate {
    color: var(--wes-g-color-palette-neutral-10, #181818);
}

.actions-modal__content-combobox
    button.slds-combobox__input.slds-input_faux.fix-slds-input_faux.slds-is-disabled.slds-combobox__input-value[data-value]:not(
        [data-value='']
    ) {
    color: var(--wes-g-color-border-base-2, #939393);
}

.actions-modal__content-combobox
    button.slds-combobox__input.slds-input_faux.fix-slds-input_faux.slds-combobox__input-value[data-value]:not(
        [data-value='']
    ) {
    color: var(--wes-g-color-palette-neutral-10, #181818);
}

.actions-modal__content-combobox button.slds-combobox__input.slds-is-disabled {
    border: 1px solid var(--wes-g-color-palette-neutral-80, #c9c9c9);
}

.actions-modal__content-combobox button.slds-combobox__input:focus {
    outline: 2px solid var(--wes-g-color-brand-base-contrast-1);
    outline-offset: 2px;
}