@import url("https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300..700&display=swap");

:root {
    interpolate-size: allow-keywords;

    /* Elindus Theme CSS */
    --lnds-g-font-family: Lato, Tahoma, Helvetica, sans-serif;
    --lnds-g-font-family-secondary: "Space Grotesk", var(--lnds-g-font-family);

    --lnds-g-font-size-xsmall: 0.75rem; /* 12px */
    --lnds-g-font-size-small: 0.875rem; /* 14px */
    --lnds-g-font-size-base: 1rem; /* 16px */
    --lnds-g-font-size-large: 1.125rem; /* 18px */
    --lnds-g-font-size-xlarge: 1.25rem; /* 20px */

    --lnds-g-letter-spacing-base: 0.01em;

    --lnds-g-font-size-heading-1: 1.75rem; /* 28px */
    --lnds-g-font-size-heading-2: 1.5rem; /* 24px */
    --lnds-g-font-size-heading-3: 1.25rem; /* 20px */
    --lnds-g-font-size-heading-4: 1.125rem; /* 18px */
    --lnds-g-font-size-heading-5: 1rem; /* 16px */
    --lnds-g-font-size-heading-6: 0.875rem; /* 14px */

    --lnds-g-line-height: 1.5;
    --lnds-g-line-height-heading-1: 1.35;
    --lnds-g-line-height-heading-2: 1.35;
    --lnds-g-line-height-heading-3: 1.55;
    --lnds-g-line-height-heading-4: 1.45;
    --lnds-g-line-height-heading-5: 1.6;
    --lnds-g-line-height-heading-6: 1.6;

    --lnds-g-font-weight-heading-1: 700;
    --lnds-g-font-weight-heading-2: 400;
    --lnds-g-font-weight-heading-3: 400;
    --lnds-g-font-weight-heading-4: 400;
    --lnds-g-font-weight-heading-5: 600;
    --lnds-g-font-weight-heading-6: 600;

    --lnds-g-letter-spacing-heading-1: 0.02em;
    --lnds-g-letter-spacing-heading-2: 0.02em;
    --lnds-g-letter-spacing-heading-3: 0.02em;
    --lnds-g-letter-spacing-heading-4: 0.02em;
    --lnds-g-letter-spacing-heading-5: 0.02em;
    --lnds-g-letter-spacing-heading-6: 0.02em;
    --lnds-g-color-primary: #ff1a3d;
    --lnds-g-color-rgb-primary: 255, 26, 61;
    --lnds-g-color-primary-hover: #e60023;
    --lnds-g-color-rgb-primary-hover: 230, 0, 35;
    --lnds-g-color-primary-dark: #cd001f;
    --lnds-g-color-rgb-primary-dark: 205, 0, 31;
    --lnds-g-color-primary-text: var(--lnds-g-color-primary);
    --lnds-g-filter-primary: invert(22%) sepia(85%) saturate(3970%) hue-rotate(340deg) brightness(100%) contrast(105%);

    --lnds-g-color-electricity: var(--lnds-g-color-primary);
    --lnds-g-color-rgb-electricity: 255, 26, 61;
    --lnds-g-filter-electricity: var(--lnds-g-filter-primary);

    --lnds-g-color-gas: #4177a6;
    --lnds-g-color-rgb-gas: 65, 119, 166;
    --lnds-g-filter-gas: invert(42%) sepia(44%) saturate(567%) hue-rotate(166deg) brightness(93%) contrast(92%);

    --lnds-g-color-injection: #009975;
    --lnds-g-color-rgb-injection: 0, 153, 117;
    --lnds-g-filter-injection: invert(54%) sepia(84%) saturate(4111%) hue-rotate(138deg) brightness(84%) contrast(103%);

    --lnds-g-color-bg: var(--slds-g-color-neutral-base-80);
    --lnds-g-color-rgb-bg: 237, 237, 238;
    --lnds-g-color-bg-accent: #fff1f3;
    --lnds-g-color-rgb-bg-accent: 255, 241, 243;
    --lnds-g-color-bg-accent-2: #eef3f8;
    --lnds-g-color-rgb-bg-accent-2: 238, 243, 248;
    --lnds-g-color-bg-accent-3: var(--slds-g-color-palette-teal-90);
    --lnds-g-color-rgb-bg-accent-3: 229, 238, 229;
    --lnds-g-color-bg-inverse: #212529;
    --lnds-g-color-rgb-bg-inverse: 33, 37, 41;

    --lnds-g-color-text: #000;
    --lnds-g-color-rgb-text: 0, 0, 0;
    --lnds-g-color-title: var(--lnds-g-color-primary);
    --lnds-g-color-rgb-title: var(--lnds-g-color-rgb-primary);
    --lnds-g-color-text-light: var(--slds-g-color-neutral-base-40);
    --lnds-g-color-text-lighter: var(--slds-g-color-neutral-base-60);
    --lnds-g-color-rgb-text-lighter: 102, 102, 102;

    --lnds-g-color-border: var(--slds-g-color-neutral-base-80);
    --lnds-g-color-rgb-border: 237, 237, 238;

    --lnds-g-color-bg-success: var(--slds-g-color-palette-teal-90);
    --lnds-g-color-rgb-bg-success: 229, 238, 229;
    --lnds-g-color-success: var(--slds-g-color-palette-teal-40);
    --lnds-g-color-rgb-success: 58, 86, 56;
    --lnds-g-color-icon-success: #60935d;
    --lnds-g-color-rgb-icon-success: 96, 147, 93;

    --lnds-g-color-bg-info: var(--slds-g-color-palette-blue-90);
    --lnds-g-color-rgb-bg-info: 216, 230, 254;
    --lnds-g-color-info: var(--slds-g-color-palette-blue-40);
    --lnds-g-color-rgb-info: 11, 92, 171;
    --lnds-g-color-icon-info: var(--slds-g-color-palette-blue-50);
    --lnds-g-color-rgb-icon-info: 1, 118, 211;

    --lnds-g-color-bg-warning: var(--slds-g-color-palette-yellow-90);
    --lnds-g-color-rgb-bg-warning: 249, 227, 182;
    --lnds-g-color-warning: var(--slds-g-color-palette-yellow-40);
    --lnds-g-color-rgb-warning: 140, 75, 2;
    --lnds-g-color-icon-warning: var(--slds-g-color-palette-yellow-60);
    --lnds-g-color-rgb-icon-warning: 202, 133, 1;

    --lnds-g-color-bg-danger: var(--slds-g-color-error-base-90);
    --lnds-g-color-rgb-bg-danger: 253, 221, 227;
    --lnds-g-color-danger: var(--slds-g-color-error-base-40);
    --lnds-g-color-rgb-danger: 182, 5, 84;
    --lnds-g-color-icon-danger: var(--slds-g-color-error-base-50);
    --lnds-g-color-rgb-icon-danger: 227, 6, 106;

    --lnds-g-color-graph-electric-primary: var(--lnds-g-color-electricity);
    --lnds-g-color-rgb-graph-electric-primary: var(--lnds-g-color-rgb-electricity);
    --lnds-g-color-graph-electric-accent-1: #ff7586;
    --lnds-g-color-rgb-graph-electric-accent-1: 255, 117, 134;

    --lnds-g-color-graph-gas-primary: var(--lnds-g-color-gas);
    --lnds-g-color-rgb-graph-gas-primary: var(--lnds-g-color-rgb-gas);
    --lnds-g-color-graph-gas-accent-1: #8aaac6;
    --lnds-g-color-rgb-graph-gas-accent-1: 138, 170, 198;

    --lnds-g-color-graph-injection-primary: var(--lnds-g-color-injection);
    --lnds-g-color-rgb-graph-injection-primary: var(--lnds-g-color-rgb-injection);
    --lnds-g-color-graph-injection-accent-1: #66d7b7;
    --lnds-g-color-rgb-graph-injection-accent-1: 102, 215, 183;

    --lnds-g-color-link: var(--lnds-g-color-primary);
    --lnds-g-color-rgb-link: var(--lnds-g-color-rgb-primary);
    --lnds-g-color-link-hover: var(--lnds-g-color-text);
    --lnds-g-color-rgb-link-hover: var(--lnds-g-color-rgb-text);

    --lnds-g-color-heading-1: var(--lnds-g-color-primary);
    --lnds-g-color-heading-3: var(--lnds-g-color-primary);

    --lnds-g-wrapper-spacing: var(--slds-g-spacing-4);

    --lnds-g-container-max-width: 1440px;

    --lnds-g-border-radius-xx-small: var(--slds-g-spacing-1); /*2px*/
    --lnds-g-border-radius-x-small: var(--slds-g-spacing-2); /*8px*/
    --lnds-g-border-radius: var(--slds-g-spacing-5); /*20px*/
    --lnds-g-border-radius-rounded: 624.9375rem; /*9999px*/

    --scrollbar-foreground-color: var(--lnds-g-color-primary);
    --scrollbar-foreground-color-hover: var(--lnds-g-color-primary-hover);
    --scrollbar-background-color: var(--slds-g-color-neutral-base-80);
    --scrollbar-border-radius: var(--lnds-g-border-radius-x-small);
    --scrollbar-size: var(--slds-g-spacing-2);
}

@media (max-width: 47.938em) {
    :root {
        --lnds-g-wrapper-spacing: var(--slds-g-spacing-2);
    }
}

/*.elindus {*/
:root {
    /* overwrite existing css editor overwrites */
    --lnds-g-link-color: var(--lnds-g-color-primary);
    --lnds-g-link-color-hover: var(--lnds-g-color-text);
    --lnds-g-p-line-height: initial;
    --lnds-g-p-font-size: inherit;
    --lnds-g-p-color: currentColor;
    --lnds-g-p-letter-spacing: var(--lnds-g-letter-spacing-base);
    --lnds-g-p-line-height: 1.5;
    /* end overwrite existing css editor overwrites */

    --slds-c-input-radius-border: var(--lnds-g-border-radius-x-small);
    --slds-g-shadow-outline-focus-1: 0 0 0 2px var(--lnds-g-color-text);

    font-size: var(--lnds-g-font-size-base);
    position: relative;

    :focus-visible {
        outline-offset: 3px;
    }
}

html,
html.slds-no-wcag {
    /* Input fields */
    --slds-c-input-color-border: var(--slds-g-color-neutral-base-40);
    --slds-c-textarea-color-border: var(--slds-g-color-neutral-base-40);
    --slds-c-radio-color-border: var(--slds-g-color-neutral-base-40);
    --slds-c-checkbox-color-border: var(--slds-g-color-neutral-base-40);

    /* default Values of slds v2 */
    --slds-g-spacing-1: 0.25rem; /*2px*/
    --slds-g-spacing-2: 0.5rem; /*8px*/
    --slds-g-spacing-3: 0.75rem; /*12px*/
    --slds-g-spacing-4: 1rem; /*16px*/
    --slds-g-spacing-5: 1.25rem; /*20px*/
    --slds-g-spacing-6: 2rem; /*32px*/
    --slds-g-spacing-7: 2.5rem; /*40px*/
    --slds-g-spacing-8: 3rem; /*48px*/
    --slds-g-spacing-9: 3.5rem; /*56px*/
    --slds-g-spacing-10: 4rem; /*64px*/
    --slds-g-spacing-11: 4.5rem; /* 72px*/
    --slds-g-spacing-12: 5rem; /*80px*/

    --slds-g-shadow-1: 0px 2px 2px 0px #0000001a;
    --slds-g-shadow-2: 0px 2px 3px 0px #00000027;
    --slds-g-shadow-3: 0px 2px 4px 0px #00000027;
    --slds-g-shadow-4: 0px 2px 5px 0px #00000027;

    /* default slds color values  */
    --slds-g-color-neutral-base-100: #ffffff;
    --slds-g-color-neutral-base-95: #f9f9f9;
    --slds-g-color-neutral-base-80: #ededee;
    --slds-g-color-neutral-base-70: #cccccc;
    --slds-g-color-neutral-base-65: #aaaaaa;
    --slds-g-color-neutral-base-60: #999999;
    --slds-g-color-neutral-base-50: #777777;
    --slds-g-color-neutral-base-40: #666666;
    --slds-g-color-neutral-base-30: #444444;
    --slds-g-color-neutral-base-20: #333333;
    --slds-g-color-neutral-base-10: #2c2c2c;

    --slds-g-color-brand-base-15: #000000;

    --slds-g-color-palette-pink-30: #8a033e;
    --slds-g-color-palette-pink-40: #b60554;
    --slds-g-color-palette-pink-50: #e3066a;
    --slds-g-color-palette-pink-90: #fddde3;
    --slds-g-color-palette-pink-80: #fdb6c5;

    /* Other values then Saleceforce*/
    --slds-g-color-palette-teal-30: #009975;
    --slds-g-color-palette-teal-40: #00664e;
    --slds-g-color-palette-teal-90: #dff2ee;

    /* Other values then Saleceforce*/
    --slds-g-color-error-base-90: var(--slds-g-color-palette-pink-90);
    --slds-g-color-error-base-80: var(--slds-g-color-palette-pink-80);
    --slds-g-color-error-base-50: var(--slds-g-color-palette-pink-50);
    --slds-g-color-error-base-40: var(--slds-g-color-palette-pink-40);
    --slds-g-color-error-base-30: var(--slds-g-color-palette-pink-30);

    /* Other values then Saleceforce*/
    --slds-g-color-palette-green-50: #86ae83;
    --slds-g-color-palette-green-40: #396547;

    --slds-g-color-palette-blue-15: #03234d;
    --slds-g-color-palette-blue-20: #032d60;
    --slds-g-color-palette-blue-30: #014486;
    --slds-g-color-palette-blue-40: #0b5cab;
    --slds-g-color-palette-blue-50: #0176d3;
    --slds-g-color-palette-blue-90: #d8e6fe;

    --slds-g-color-palette-yellow-40: #8c4b02;
    --slds-g-color-palette-yellow-60: #ca8501;
    --slds-g-color-palette-yellow-90: #f9e3b6;

    --slds-g-color-border-base-1: var(--lnds-g-color-border);
    --slds-g-color-border-base-2: #e3e3e4;
    --slds-g-color-border-base-3: #9c9ca2;
    --slds-g-color-border-base-4: #747474;
    --slds-g-color-border-brand-1: #ff7586;
    --slds-g-color-border-brand-2: var(--lnds-g-color-electricity);

    body {
        font-size: var(--lnds-g-font-size-base);
        line-height: var(--lnds-g-line-height);
        background-color: var(--slds-g-color-neutral-base-100);
        font-kerning: normal;
        font-feature-settings: "kern";
        letter-spacing: var(--lnds-g-letter-spacing-base);
    }

    h1,
    .h1,
    h2,
    .h2,
    h3,
    .h3,
    h4,
    .h4,
    h5,
    .h5,
    h6,
    .h6 {
        font-family: var(--lnds-g-font-family-secondary);
        margin-block-start: var(--lnds-g-heading-mbs);
        text-wrap: pretty;
        line-height: 1.2;
    }

    h1 {
        font-weight: var(--lnds-g-font-weight-heading-1);
    }

    blockquote {
        font-family: var(--lnds-g-font-family-secondary);
    }

    a {
        color: var(--lnds-g-link-color, var(--lnds-g-color-primary));
        text-decoration: var(--lnds-g-link-text-decoration);

        u {
            text-decoration-color: currentColor;
        }
    }

    a:hover {
        color: var(--lnds-g-link-color-hover);

        u {
            text-decoration-color: currentColor;
        }
    }

    /* Siteforce Theme Layout Starter */
    .themeLayoutStarterWrapper {
        display: flex;
        flex-direction: column;
        min-height: 100dvh;

        [role="main"] {
            flex-grow: 1;
        }
    }

    div:has(.lnds-g-child-v-center) > div {
        margin-block: auto;
    }
}

/* --lwc-mqLarge: only screen and (min-width: 64.0625em);
    --lwc-mqSingleColumnRecordLayout: (max-width: 599px);
    --lwc-mqMediumLandscape: only screen and (min-width: 48em) and (min-aspect-ratio: 4/3);
    --lwc-mqMedium: only screen and (min-width: 48em);
    --lwc-mqHighRes: only screen and (-webkit-min-device-pixel-ratio: 2), screen and (min-device-pixel-ratio: 2),
        screen and (min-resolution: 192dpi), screen and (min-resolution: 2dppx);
    --lwc-mqSmall: only screen and (max-width: 47.9375em); 
    --lwc-paletteIndigo10: rgb(32, 6, 71);
    --lwc-popoverWalkthroughHeaderImage: ;
    --lwc-zIndexDialog: 6000;
    --lwc-colorPickerSelectorWidth: 14rem;
    --lwc-nubbinSizeDefault: 1rem;
    --lwc-navigationItemVerticalPadding: var(--lwc-spacingXSmall);
    --lwc-paletteCloudBlue40: rgb(5, 98, 138);
    --lwc-brandNavigationColorText: var(--lwc-colorTextInverse);
    --lwc-colorBackgroundContextBarInverseItemHover: rgba(255, 255, 255, 0.2);
    --lwc-dropZoneSlotHeight: 0.25rem;
    --lwc-colorTextTabLabelSelected: rgb(238, 64, 35);
    --lwc-colorStrokeBrandActive: rgb(3, 45, 96);
    --lwc-paletteIndigo15: rgb(31, 9, 116);
    --lwc-cardBodyPadding: 0 1rem;
    --lwc-varSpacingHorizontalSmall: 0.75rem;
    --lwc-tableColorBackgroundHeaderResizableHandle: rgb(174, 174, 174);
    --lwc-colorBackgroundPathActiveHover: rgb(3, 45, 96);
    --lwc-brandPrimaryTransparent: rgba(21, 137, 238, 0.1);
    --lwc-brandPrimaryTransparent40: rgba(21, 137, 238, 0.4);
    --lwc-colorBorderButtonDefault: rgb(233, 231, 231);
    --lwc-paletteIndigo20: rgb(50, 29, 113);
    --lwc-popoverColorText: rgb(201, 201, 201);
    --lwc-paletteCloudBlue30: rgb(8, 73, 104);
    --lwc-colorTextButtonDefaultActive: rgb(1, 118, 211);
    --lwc-colorPickerSliderHeight: 1.5rem;
    --lwc-colorTextIconInverse: rgb(255, 255, 255);
    --lwc-heightFooter: 3.75rem;
    --lwc-splitViewColorBorder: rgb(201, 201, 201);
    --lwc-colorBorderRowSelectedHover: rgb(27, 150, 255);
    --lwc-fontSizeTextXxSmall: 0.625rem;
    --lwc-lineHeightHeading: 1.25;
    --lwc-cardHeaderMargin: 0 0 0.75rem;
    --lwc-paletteIndigo30: rgb(47, 44, 183);
    --lwc-brandNavigationItemBackgroundColorHover: rgba(0, 0, 0, 0.4);
    --lwc-brandBandImageHeightMedium: 12.5rem;
    --lwc-illustrationColorSecondary: rgb(207, 233, 254);
    --lwc-zIndexDefault: 1;
    --lwc-colorBorderSelectionActive: rgb(243, 243, 243);
    --lwc-paletteCloudBlue20: rgb(2, 50, 72);
    --lwc-utilityBarColorBackgroundNotificationFocus: rgb(201, 201, 201);
    --lwc-colorTextIconDefaultDisabled: rgb(201, 201, 201);
    --lwc-colorTextBrand: rgb(238, 64, 35);
    --lwc-durationToastMedium: 9.6s;
    --lwc-colorBackgroundButtonIconActive: rgb(243, 243, 243);
    --lwc-brandHeaderContrastWeak: rgb(145, 145, 145);
    --lwc-colorBackgroundNotificationNew: rgb(243, 243, 243);
    --lwc-brandHeaderContrastInverseActive: rgb(238, 238, 238);
    --lwc-colorBackgroundInputCheckboxSelected: rgb(27, 150, 255);
    --lwc-progressColorBorder: rgb(255, 255, 255);
    --lwc-spacingXxxSmall: 0.125rem;
    --lwc-paletteIndigo40: rgb(58, 73, 218);
    --lwc-colorBackgroundProgressRingContent: rgb(255, 255, 255);
    --lwc-lineHeightButtonSmall: 1.75rem;
    --lwc-salesforceSansBoldItalicWoff: url(/_slds/fonts/v2.3.0/SalesforceSans-BoldItalic.woff);
    --lwc-brandBackgroundDarkTransparent: rgba(221, 219, 218, 0);
    --lwc-colorPickerThumbWidth: 0.375rem;
    --lwc-paletteCloudBlue10: rgb(0, 26, 40);
    --lwc-brandHeaderIconActive: rgb(129, 129, 129);
    --lwc-widthStageLeftCollapsed: 4rem;
    --lwc-paletteCloudBlue15: rgb(10, 38, 54);
    --lwc-colorBorderOffline: rgb(68, 68, 68);
    --lwc-colorBackgroundUtilityBarHover: rgb(243, 243, 243);
    --lwc-sliderHandleColorBackgroundHover: rgb(1, 118, 211);
    --lwc-colorTextIconInverseHint: rgba(255, 255, 255, 0.5);
    --lwc-sizeMedium: 20rem;
    --lwc-brandPrimaryTransparent10: rgba(21, 137, 238, 0.1);
    --lwc-colorBorderIconInverseHintHover: rgba(255, 255, 255, 0.75);
    --lwc-colorTextDefault: rgb(51, 51, 51);
    --lwc-paletteIndigo50: rgb(88, 103, 232);
    --lwc-progressBarHeight: 0.125rem;
    --lwc-colorBackgroundWarning: rgb(254, 147, 57);
    --lwc-colorBackgroundBrandPrimaryActive: #ce2b10;
    --lwc-paletteBlue90: rgb(216, 230, 254);
    --lwc-brandHeaderContrastCool: rgb(1, 68, 134);
    --lwc-paletteCloudBlue80: rgb(144, 208, 254);
    --lwc-paletteBlue95: rgb(238, 244, 255);
    --lwc-colorBorderSelectionHover: rgb(27, 150, 255);
    --lwc-zIndexPopup: 5000;
    --lwc-borderRadiusLarge: 0.5rem;
    --lwc-colorTextIconInverseHintHover: rgba(255, 255, 255, 0.75);
    --lwc-popoverBrandBorderWidth: 0.25rem;
    --lwc-fontSizeHeadingXLarge: 1.75rem;
    --lwc-typingIconDotColorBackgroundGrayDark: rgb(201, 201, 201);
    --lwc-paletteIndigo65: rgb(142, 155, 239);
    --lwc-varSpacingLarge: 1.5rem;
    --lwc-pageHeaderSpacingMargin: 0;
    --lwc-fontSizeTextXLarge: 1.25rem;
    --lwc-paletteIndigo60: rgb(127, 140, 237);
    --lwc-paletteCloudBlue70: rgb(26, 185, 255);
    --lwc-welcomeMatColorActionShadow: rgba(0, 0, 0, 0.05);
    --lwc-colorTextBrowser: rgb(255, 255, 255);
    --lwc-welcomeMatSpacingInfo: 7.75rem;
    --lwc-paletteIndigo70: rgb(158, 169, 241);
    --lwc-squareTappableSmall: 2rem;
    --lwc-colorTextActionLabel: rgb(105, 105, 105);
    --lwc-paletteCloudBlue60: rgb(13, 157, 218);
    --lwc-paletteBlue70: rgb(120, 176, 253);
    --lwc-colorBorderTabActive: rgb(255, 255, 255);
    --lwc-paletteCloudBlue65: rgb(8, 171, 237);
    --lwc-globalnavigationItemHeightAccentFocus: 4px;
    --lwc-colorBorderDestructiveHover: rgb(186, 5, 23);
    --lwc-buttonLineHeightTouch: 2.65rem;
    --lwc-colorTextCustomer: rgb(254, 147, 57);
    --lwc-squareIconUtilitySmall: 1rem;
    --lwc-navigationNestedItemFontWeight: var(--lwc-fontWeightLight);
    --lwc-colorBackgroundModalButtonActive: rgba(0, 0, 0, 0.16);
    --lwc-colorTextBrandPrimary: rgb(255, 255, 255);
    --lwc-squareIconXSmallBoundary: 1.25rem;
    --lwc-widthToggle: 3rem;
    --lwc-paletteIndigo80: rgb(190, 199, 246);
    --lwc-welcomeMatMinHeight: 25rem;
    --lwc-zIndexDocked: 4;
    --lwc-squareIconMediumBoundaryAlt: 2.25rem;
    --lwc-colorBorderSelection: rgb(238, 64, 35);
    --lwc-paletteBlue80: rgb(170, 203, 255);
    --lwc-paletteCloudBlue50: rgb(16, 124, 173);
    --lwc-brandHeaderContrastActive: rgb(80, 80, 80);
    --lwc-formLabelFontSize: 0.75rem;
    --lwc-colorTextActionLabelActive: rgb(238, 64, 35);
    --lwc-colorBackgroundBackdropTint: rgb(243, 243, 243);
    --lwc-durationSlowly: 0.4s;
    --lwc-colorBackgroundRowHover: rgba(238, 64, 35, 0.05);
    --lwc-popoverWalkthroughAltNubbinColorBackground: rgb(1, 118, 211);
    --lwc-spinnerSizeSmall: 1.25rem;
    --lwc-sliderTrackColorBackgroundFill: rgb(27, 150, 255);
    --lwc-welcomeMatWidth: 52.0625rem;
    --lwc-paletteIndigo95: rgb(241, 243, 251);
    --lwc-paletteIndigo90: rgb(224, 229, 248);
    --lwc-filesZIndexHover: 5;
    --lwc-colorTextPill: rgb(1, 118, 211);
    --lwc-varSpacingSmall: 0.75rem;
    --lwc-heightDockedBar: 2.5rem;
    --lwc-paletteBlue50: rgb(1, 118, 211);
    --lwc-colorTextTabLabelHover: rgb(1, 68, 134);
    --lwc-fontSizeHeadingXSmall: 0.75rem;
    --lwc-colorStrokeDisabled: rgb(243, 243, 243);
    --lwc-widthPathBorderCurrent: 0.125rem;
    --lwc-colorBackgroundButtonDefaultHover: rgba(238, 64, 35, 0.05);
    --lwc-varSpacingVerticalXxSmall: 0.25rem;
    --lwc-colorTextButtonDefaultHover: rgb(1, 118, 211);
    --lwc-durationPromptly: 0.2s;
    --lwc-colorBorderPathCurrent: rgb(1, 68, 134);
    --lwc-colorBackgroundButtonDefaultActive: rgb(243, 243, 243);
    --lwc-colorTextStageLeft: rgb(243, 243, 243);
    --lwc-colorBorderHint: rgb(105, 105, 105);
    --lwc-colorTextPrimary: rgb(51, 51, 51);
    --lwc-brandBandColorBackgroundSecondaryTransparent: rgba(0, 0, 0, 0);
    --lwc-paletteBlue60: rgb(27, 150, 255);
    --lwc-cardColorBackground: rgb(255, 255, 255);
    --lwc-brandHeaderIcon: rgb(145, 145, 145);
    --lwc-paletteBlue65: rgb(87, 163, 253);
    --lwc-spacingLarge: 1.5rem;
    --lwc-navigationMinHeight: 33px;
    --lwc-pageHeaderColorBorder: rgba(0, 0, 0, 0);
    --lwc-cardFooterMargin: 0.75rem;
    --lwc-fontSizeTextSmall: 0.8125rem;
    --lwc-colorTextLinkInverseActive: rgba(255, 255, 255, 0.5);
    --lwc-durationToastShort: 4.8s;
    --lwc-lineHeightButton: 1.875rem;
    --lwc-panelDockedLeftShadow: 1px 0 3px rgba(0, 0, 0, 0.25);
    --lwc-panelDockedRightShadow: -1px 0 3px 0 rgba(0, 0, 0, 0.25);
    --lwc-colorTextLinkPrimaryHover: rgb(1, 118, 211);
    --lwc-shadowButton: 0 1px 1px 0 rgba(0, 0, 0, 0.05);
    --lwc-welcomeMatMaxHeight: 37.5rem;
    --lwc-colorBorderToggleChecked: rgb(255, 255, 255);
    --lwc-shadowHeader: 0 2px 4px rgba(0, 0, 0, 0.07);
    --lwc-sizeXxLarge: 60rem;
    --lwc-colorBackgroundDockedPanelHeader: rgb(255, 255, 255);
    --lwc-paletteBlue30: rgb(1, 68, 134);
    --lwc-lineHeightSalespath: 1.5rem;
    --lwc-shadowDrag: 0 2px 4px 0 rgba(0, 0, 0, 0.4);
    --lwc-colorBackgroundPathExpanded: rgb(255, 255, 255);
    --lwc-colorBackground: #ffffff;
    --lwc-colorBackgroundInput: rgb(255, 255, 255);
    --lwc-sizeSmall: 15rem;
    --lwc-userDefaultAvatar: url(/_slds/images/profile_avatar_200.png?cache=7bdcafae);
    --lwc-colorTextButtonInverse: rgb(243, 243, 243);
    --lwc-colorBackgroundInputCheckboxDisabled: rgb(201, 201, 201);
    --lwc-tableColorTextHeader: rgb(105, 105, 105);
    --lwc-paletteBlue40: rgb(11, 92, 171);
    --lwc-cardColorBorder: rgb(233, 231, 231);
    --lwc-squareIconUtilityMedium: 1.25rem;
    --lwc-colorBackgroundButtonSuccessHover: rgb(46, 132, 74);
    --lwc-colorBorderButtonBrandDisabled: rgba(0, 0, 0, 0);
    --lwc-fontSizeHeadingXxSmall: 0.625rem;
    --lwc-colorBackgroundButtonInverseActive: rgba(0, 0, 0, 0.24);
    --lwc-illustrationEmptyStateEvents: url(/_slds/images/illustrations/empty-state-events.svg?cache=985b247a);
    --lwc-colorBackgroundToggle: rgb(174, 174, 174);
    --lwc-colorBackgroundStencil: rgb(243, 243, 243);
    --lwc-welcomeMatCheckSize: 0.625rem;
    --lwc-colorTextButtonBrandHover: rgb(255, 255, 255);
    --lwc-buttonColorBackgroundSecondary: rgba(255, 255, 255, 0.8);
    --lwc-paletteBlue10: rgb(0, 22, 57);
    --lwc-varSpacingVerticalLarge: 1.5rem;
    --lwc-colorBorderReminder: rgb(243, 243, 243);
    --lwc-colorBrandDark: rgb(1, 118, 211);
    --lwc-paletteBlue15: rgb(3, 35, 77);
    --lwc-colorBorderBrandPrimaryFocus: rgb(1, 118, 211);
    --lwc-colorBorderBrandPrimaryActive: rgb(3, 45, 96);
    --lwc-datepickerColorTextDayAdjacentMonth: rgb(116, 116, 116);
    --lwc-colorBorderErrorAlt: rgb(254, 143, 125);
    --lwc-shadowReminder: 0 2px 3px 0 rgba(0, 0, 0, 0.2);
    --lwc-brandTextLinkActive: #c33c22;
    --lwc-pageHeaderColorBackground: rgb(243, 243, 243);
    --lwc-fontSizeHeadingLarge: 1.5rem;
    --lwc-colorBackgroundStencilAlt: rgb(243, 243, 243);
    --lwc-paletteBlue20: rgb(3, 45, 96);
    --lwc-elevationInverseShadow3Below: 0 -3px 3px 0 rgba(0, 0, 0, 0.16) inset;
    --lwc-varSpacingHorizontalXxSmall: 0.25rem;
    --lwc-colorBorderSeparatorAlt: rgb(233, 231, 231);
    --lwc-colorPickerRangeHeight: 5rem;
    --lwc-colorBackgroundButtonIcon: rgba(0, 0, 0, 0);
    --lwc-paletteTeal15: rgb(7, 40, 37);
    --lwc-buttonIconColorBorderPrimary: rgb(255, 255, 255);
    --lwc-brandAccessibleActive: #ce2b10;
    --lwc-paletteYellow80: rgb(252, 192, 3);
    --lwc-zIndexSpinner: 9050;
    --lwc-colorBackgroundContextTabBarItem: rgb(255, 255, 255);
    --lwc-fontWeightBold: 700;
    --lwc-paletteTeal10: rgb(7, 27, 18);
    --lwc-colorBackgroundContextBarItemActive: rgb(255, 255, 255);
    --lwc-shadowFocusInset: 0 0 2px 2px #1b96ff inset;
    --lwc-colorBackgroundAltInverse: rgb(3, 45, 96);
    --lwc-colorBackgroundPathIncompleteHover: rgb(201, 201, 201);
    --lwc-squareIconMediumContent: 1rem;
    --lwc-colorBackgroundContextBar: rgb(255, 255, 255);
    --lwc-colorTextInverseHover: rgb(174, 174, 174);
    --lwc-colorBackgroundInputActive: rgb(255, 255, 255);
    --lwc-brandContrast: rgb(26, 27, 30);
    --lwc-colorTextSecondary: rgb(116, 116, 116);
    --lwc-fillHeaderButtonHover: rgb(238, 64, 35);
    --lwc-fontFamilyText: Lato;
    --lwc-welcomeMatCompleteIconSize: 1.25rem;
    --lwc-varSpacingXxLarge: 3rem;
    --lwc-paletteYellow95: rgb(251, 243, 224);
    --lwc-paletteYellow90: rgb(249, 227, 182);
    --lwc-brandBackgroundPrimary: rgb(250, 250, 249);
    --lwc-paletteTeal20: rgb(2, 52, 52);
    --lwc-progressRingWidth: 0.1875rem;
    --lwc-paletteYellow65: rgb(215, 147, 4);
    --lwc-paletteYellow60: rgb(202, 133, 1);
    --lwc-colorBorderInputCheckboxSelectedCheckmark: rgb(255, 255, 255);
    --lwc-colorBorderCanvasElementSelectionHover: rgb(1, 68, 134);
    --lwc-borderRadiusSmall: 0.125rem;
    --lwc-progressBarColorBackground: rgb(201, 201, 201);
    --lwc-durationInstantly: 0s;
    --lwc-colorBackgroundToastSuccess: rgb(46, 132, 74);
    --lwc-tabsFontWeight: 400;
    --lwc-colorBackgroundPost: rgb(243, 243, 243);
    --lwc-colorTextPlaceholderInverse: rgb(243, 243, 243);
    --lwc-colorTextInputIcon: rgb(174, 174, 174);
    --lwc-sliderHandleShadow: rgba(0, 0, 0, 0.16) 0 2px 3px;
    --lwc-paletteYellow70: rgb(228, 162, 1);
    --lwc-fontWeightLight: 300;
    --lwc-colorTextError: rgb(234, 0, 30);
    --lwc-varSpacingXxSmall: 0.25rem;
    --lwc-colorBorderInput: rgb(233, 231, 231);
    --lwc-brandAccessible: rgb(238, 64, 35);
    --lwc-pageColorBackgroundPrimary: rgb(255, 255, 255);
    --lwc-cardShadow: none;
    --lwc-lineClamp: 3;
    --lwc-welcomeMatWidthProgressBar: 12.5rem;
    --lwc-progressColorBackgroundShade: rgb(243, 243, 243);
    --lwc-globalActionFillHover: rgb(1, 68, 134);
    --lwc-illustrationEmptyStateAssistant: url(/_slds/images/illustrations/empty-state-assistant.svg?cache=127a789e);
    --lwc-varSpacingHorizontalXSmall: 0.5rem;
    --lwc-colorPickerInputCustomHexFontSize: 0.75rem;
    --lwc-varSpacingMedium: 1rem;
    --lwc-colorBackgroundShadeDark: rgb(201, 201, 201);
    --lwc-colorPickerSwatchesWidth: 13.3rem;
    --lwc-squareIconLargeBoundaryAlt: 5rem;
    --lwc-colorBorderInputDisabled: rgb(201, 201, 201);
    --lwc-paletteYellow40: rgb(140, 75, 2);
    --lwc-cardWrapperSpacing: 1rem;
    --lwc-colorBackgroundNotificationBadgeActive: rgb(3, 45, 96);
    --lwc-colorBackgroundHighlight: rgb(250, 255, 189);
    --lwc-colorBackgroundRowActive: rgb(243, 243, 243);
    --lwc-componentSpacingMargin: 0;
    --lwc-colorBorderButtonFocusInverse: rgb(243, 243, 243);
    --lwc-shadowButtonFocus: 0 0 3px #0176d3;
    --lwc-varSpacingVerticalXLarge: 2rem;
    --lwc-tableColorBackgroundHeaderHover: rgb(243, 243, 243);
    --lwc-colorBackgroundDockedPanel: rgb(255, 255, 255);
    --lwc-colorTextTertiary: rgb(116, 116, 116);
    --lwc-varSpacingVerticalXxLarge: 3rem;
    --lwc-paletteYellow50: rgb(168, 100, 3);
    --lwc-brandContrastActive: rgb(13, 14, 18);
    --lwc-squareIconLargeContent: 2rem;
    --lwc-colorPickerSliderThumbColorBackground: rgb(243, 243, 243);
    --lwc-inputStaticFontSize: 0.8125rem;
    --lwc-borderWidthThin: 1px;
    --lwc-fontWeightRegular: 400;
    --lwc-colorBackgroundButtonSuccess: rgb(69, 198, 90);
    --lwc-splitViewColorBackgroundRowHover: rgb(255, 255, 255);
    --lwc-paletteYellow20: rgb(79, 33, 0);
    --lwc-elevation8: 8;
    --lwc-brandDark: rgb(1, 118, 211);
    --lwc-colorBackgroundPathCurrentHover: rgb(255, 255, 255);
    --lwc-elevation0: 0;
    --lwc-elevation2: 2;
    --lwc-pageHeaderJoinedColorBorder: rgb(233, 231, 231);
    --lwc-elevation4: 4;
    --lwc-durationPaused: 3.2s;
    --lwc-colorBrand: rgb(238, 64, 35);
    --lwc-colorBackgroundPathComplete: rgb(59, 167, 85);
    --lwc-progressColorBorderHover: rgb(1, 118, 211);
    --lwc-spacingXxSmall: 0.25rem;
    --lwc-tableCellSpacing: 0.5rem;
    --lwc-colorBorderContextBarThemeDefault: rgb(13, 157, 218);
    --lwc-colorBackgroundAnchor: rgb(243, 243, 243);
    --lwc-paletteYellow30: rgb(111, 52, 0);
    --lwc-shadowButtonFocusInverse: 0 0 3px #f3f3f3;
    --lwc-welcomeMatFontSizeInfoTitle: 2.625rem;
    --lwc-colorBorderLinkFocusInverse: rgb(243, 243, 243);
    --lwc-borderRadiusCircle: 50%;
    --lwc-buttonColorBorderSecondary: rgba(255, 255, 255, 0.8);
    --lwc-colorTextSuccessInverse: rgb(69, 198, 90);
    --lwc-varSpacingXLarge: 2rem;
    --lwc-sizeXLarge: 40rem;
    --lwc-varSpacingHorizontalXxxSmall: 0.125rem;
    --lwc-elevation3Inset: -3;
    --lwc-lineHeightTab: 2.5rem;
    --lwc-colorBackgroundDestructiveActive: rgb(142, 3, 15);
    --lwc-colorTextLinkPrimaryActive: rgb(3, 45, 96);
    --lwc-colorBackgroundPageHeader: rgb(255, 255, 255);
    --lwc-colorBackgroundPill: rgb(255, 255, 255);
    --lwc-fillBrandHover: rgb(1, 68, 134);
    --lwc-colorBorderContextBarItem: rgba(0, 0, 0, 0.2);
    --lwc-borderStrokeWidthThin: 1px;
    --lwc-progressColorBorderShade: rgb(243, 243, 243);
    --lwc-heightHeader: 3.125rem;
    --lwc-shadowInlineEdit: 0 2px 4px 4px rgba(0, 0, 0, 0.16);
    --lwc-colorBackgroundNotificationBadgeHover: rgb(1, 68, 134);
    --lwc-borderRadiusPill: 15rem;
    --lwc-colorTextButtonInverseDisabled: rgba(255, 255, 255, 0.5);
    --lwc-sizeXxxSmall: 3rem;
    --lwc-colorBackgroundSuccessDarker: rgb(25, 78, 49);
    --lwc-colorBackgroundToggleHover: rgb(147, 147, 147);
    --lwc-paletteYellow15: rgb(46, 34, 4);
    --lwc-paletteYellow10: rgb(40, 18, 2);
    --lwc-cardSpacingSmall: 0.75rem;
    --lwc-illustrationEmptyStateTasks: url(/_slds/images/illustrations/empty-state-tasks.svg?cache=dc5e5e5b);
    --lwc-brandBandScrimHeight: 3.125rem;
    --lwc-popoverWalkthroughColorBackground: rgb(0, 22, 57);
    --lwc-colorBorderErrorDark: rgb(254, 143, 125);
    --lwc-heightTappableSmall: 2rem;
    --lwc-colorBackgroundButtonBrandDisabled: rgb(243, 243, 243);
    --lwc-colorBorderPrimary: rgb(201, 201, 201);
    --lwc-colorGray1: rgb(255, 255, 255);
    --lwc-fontSizeXLarge: 1.25rem;
    --lwc-varSquareIconMediumBoundary: 2rem;
    --lwc-colorGray5: rgb(221, 219, 218);
    --lwc-colorGray4: rgb(236, 235, 234);
    --lwc-colorGray3: rgb(243, 242, 242);
    --lwc-colorGray2: rgb(250, 250, 249);
    --lwc-opacity8: 0.8;
    --lwc-salesforceSansBoldItalicWoff2: url(/_slds/fonts/v2.3.0/SalesforceSans-BoldItalic.woff2);
    --lwc-opacity5: 0.5;
    --lwc-squareIconGlobalIdentityIcon: 1.25rem;
    --lwc-colorBackgroundBrowser: rgb(116, 116, 116);
    --lwc-colorTextIconInverseActive: rgb(255, 255, 255);
    --lwc-shadowDocked: 0 -2px 2px 0 rgba(0, 0, 0, 0.16);
    --lwc-colorBackgroundInputError: rgb(253, 221, 227);
    --lwc-colorGray9: rgb(112, 110, 107);
    --lwc-colorGray8: rgb(150, 148, 146);
    --lwc-colorGray7: rgb(176, 173, 171);
    --lwc-colorGray6: rgb(201, 199, 197);
    --lwc-navigationLineHeight: normal;
    --lwc-colorTextLinkInverse: rgb(255, 255, 255);
    --lwc-squareIconSmallBoundary: 1.5rem;
    --lwc-varSpacingHorizontalXLarge: 2rem;
    --lwc-colorBackgroundDark: rgb(243, 243, 243);
    --lwc-colorTextWarningAlt: rgb(140, 75, 2);
    --lwc-elevationInverseShadow2: 0 -2px 2px 0 rgba(0, 0, 0, 0.16);
    --lwc-elevationInverseShadow0: none;
    --lwc-colorStrokeBrand: rgb(1, 118, 211);
    --lwc-colorBackgroundToggleActive: rgb(1, 68, 134);
    --lwc-colorBorderContextBarDivider: rgba(255, 255, 255, 0.2);
    --lwc-zIndexToast: 10000;
    --lwc-colorBackgroundContextBarActionHighlight: rgba(255, 255, 255, 0.2);
    --lwc-colorBackgroundBrandPrimaryFocus: rgb(1, 68, 134);
    --lwc-buttonColorBackgroundBrandPrimary: rgb(1, 118, 211);
    --lwc-brandHeaderContrastWarm: rgb(186, 5, 23);
    --lwc-buttonColorTextPrimary: rgb(255, 255, 255);
    --lwc-colorBrandDarker: #ce2b10;
    --lwc-navigationItemHorizontalPadding: var(--lwc-spacingSmall);
    --lwc-colorBorderPathCurrentHover: rgb(3, 45, 96);
    --lwc-colorTextButtonDefaultDisabled: rgb(201, 201, 201);
    --lwc-colorBackgroundPathLost: rgb(234, 0, 30);
    --lwc-einsteinHeaderBackground: url(/_slds/images/einstein-headers/einstein-header-background.svg?cache=ff7fa2ff);
    --lwc-brandTextLink: rgb(219, 78, 51);
    --lwc-sliderTrackColorBackground: rgb(243, 243, 243);
    --lwc-colorContrastPrimary: rgb(243, 243, 243);
    --lwc-groupDefaultAvatar: url(/_slds/images/group_avatar_200.png?cache=a0044dae);
    --lwc-templateProfileGutters: 0;
    --lwc-sizeXxSmall: 6rem;
    --lwc-colorBackgroundPayload: rgb(243, 243, 243);
    --lwc-navigationItemDividerWidth: var(--lwc-borderWidthThin);
    --lwc-paletteCloudBlue90: rgb(207, 233, 254);
    --lwc-colorBackgroundPathActive: rgb(1, 68, 134);
    --lwc-colorTextDestructive: rgb(234, 0, 30);
    --lwc-squareIconLargeBoundary: 3rem;
    --lwc-colorBorderWarning: rgb(254, 147, 57);
    --lwc-shadowSoftPrimaryHover: none;
    --lwc-paletteCloudBlue95: rgb(234, 245, 254);
    --lwc-spacingSmall: 0.75rem;
    --lwc-colorBackgroundErrorDark: rgb(186, 5, 23);
    --lwc-brandHeaderContrastWeakDisabled: rgba(166, 166, 166, 0.25);
    --lwc-squareIconMediumContentAlt: 0.875rem;
    --lwc-colorBackgroundButtonInverse: rgba(0, 0, 0, 0);
    --lwc-brandHeader: rgb(238, 64, 35);
    --lwc-lineHeightText: 1.5;
    --lwc-widthStageLeftExpanded: 15rem;
    --lwc-colorBackgroundError: #c23934;
    --lwc-colorTextButtonBrandActive: rgb(255, 255, 255);
    --lwc-navigationBarNestedItemVerticalPadding: var(--lwc-navigationItemVerticalPadding);
    --lwc-fontFamily: Lato;
    --lwc-brandDarkActive: rgb(37, 48, 69);
    --lwc-colorBackgroundPathStepActionActive: rgb(0, 22, 57);
    --lwc-neutrafaceDisplayWoff2: url(/_slds/fonts/NeutrafaceDisplay.woff2?cache=2.9.0);
    --lwc-spacingMedium: 1rem;
    --lwc-colorTextModal: rgb(255, 255, 255);
    --lwc-spinnerSizeLarge: 2.75rem;
    --lwc-navigationFontWeight: var(--lwc-fontWeightRegular);
    --lwc-carouselIndicatorColorBackgroundHover: rgb(243, 243, 243);
    --lwc-shadowActionOverflowFooter: 0 -2px 4px #f3f3f3;
    --lwc-popoverWalkthroughHeaderColorBackground: rgb(3, 45, 96);
    --lwc-colorBackgroundPathWon: rgb(46, 132, 74);
    --lwc-lineHeightToggle: 1.3rem;
    --lwc-neutrafaceDisplayWoff: url(/_slds/fonts/NeutrafaceDisplay.woff?cache=2.9.0);
    --lwc-cardFooterPadding: 0 1rem 0.75rem;
    --lwc-sliderHandleColorBackground: rgb(27, 150, 255);
    --lwc-colorBackgroundErrorAlt: rgb(254, 143, 125);
    --lwc-colorBackgroundIndicatorDot: rgb(3, 45, 96);
    --lwc-chatMessageColorBackgroundInbound: rgb(243, 243, 243);
    --lwc-elevationShadow0: none;
    --lwc-heightPill: 1.625rem;
    --lwc-elevationShadow4: 0 4px 4px 0 rgba(0, 0, 0, 0.16);
    --lwc-elevationShadow2: 0 2px 2px 0 rgba(0, 0, 0, 0.16);
    --lwc-elevationShadow8: 0 8px 8px 0 rgba(0, 0, 0, 0.16);
    --lwc-varFontSize8: 1.5rem;
    --lwc-colorBackgroundButtonDefaultDisabled: rgb(255, 255, 255);
    --lwc-varFontSize7: 1.25rem;
    --lwc-elevationInverseShadow8: 0 -8px 8px 0 rgba(0, 0, 0, 0.16);
    --lwc-varFontSize9: 1.75rem;
    --lwc-brandBandColorBackgroundPrimary: rgba(0, 0, 0, 0);
    --lwc-colorTextButtonBrand: rgb(255, 255, 255);
    --lwc-elevationInverseShadow4: 0 -4px 4px 0 rgba(0, 0, 0, 0.16);
    --lwc-colorBackgroundToggleActiveHover: rgb(1, 68, 134);
    --lwc-welcomeMatBackgroundImageInfo: url(/_slds/images/welcome-mat/bg-info@2x.png?cache=ddb4e82f);
    --lwc-varFontSize2: 0.75rem;
    --lwc-varFontSize1: 0.625rem;
    --lwc-varFontSize4: 0.875rem;
    --lwc-pageHeaderSpacingRow: 0.75rem 1rem;
    --lwc-varFontSize3: 0.8125rem;
    --lwc-varFontSize6: 1.125rem;
    --lwc-varFontSize5: 1rem;
    --lwc-varSpacingVerticalMedium: 1rem;
    --lwc-pageHeaderSpacingPadding: 1rem;
    --lwc-colorTextModalButton: rgb(116, 116, 116);
    --lwc-colorBackgroundPrimary: rgb(255, 255, 255);
    --lwc-colorTextInputFocusInverse: rgb(3, 45, 96);
    --lwc-colorBackgroundScrollbarTrack: rgb(201, 201, 201);
    --lwc-paletteNeutral70: rgb(174, 174, 174);
    --lwc-brandPrimaryActive: rgb(1, 118, 211);
    --lwc-nubbinTriangleOffset: -0.1875rem;
    --lwc-colorBorderSuccessDark: rgb(46, 132, 74);
    --lwc-brandBandColorBackgroundPrimaryTransparent: rgba(0, 0, 0, 0);
    --lwc-colorBackgroundContextBarInverseItemActive: rgba(255, 255, 255, 0.4);
    --lwc-colorTextButtonDefaultHint: rgb(174, 174, 174);
    --lwc-paletteGreen60: rgb(59, 167, 85);
    --lwc-heightContextBar: 2.5rem;
    --lwc-colorBackgroundOrgSwitcherArrow: rgb(0, 22, 57);
    --lwc-paletteGreen65: rgb(65, 182, 88);
    --lwc-brandHeaderContrastInverse: rgb(255, 255, 255);
    --lwc-notificationColorBackgroundInverse: rgb(116, 116, 116);
    --lwc-colorBackgroundButtonIconDisabled: rgb(255, 255, 255);
    --lwc-paletteNeutral60: rgb(147, 147, 147);
    --lwc-colorBorderContextBarThemeDefaultAlt: rgb(243, 243, 243);
    --lwc-fillBrand: rgb(1, 118, 211);
    --lwc-colorBackgroundInputCheckbox: rgb(255, 255, 255);
    --lwc-colorBorder: rgb(233, 231, 231);
    --lwc-squareIconSmall: 1rem;
    --lwc-varSpacingHorizontalMedium: 1rem;
    --lwc-illustrationColorPrimary: rgb(144, 208, 254);
    --lwc-navigationBarItemBackgroundColorHover: var(--lwc-brandNavigationItemBackgroundColorHover);
    --lwc-varSpacingVerticalXSmall: 0.5rem;
    --lwc-colorTextPlaceholder: rgb(105, 105, 105);
    --lwc-einsteinHeaderBackgroundColor: rgb(144, 208, 254);
    --lwc-paletteGreen70: rgb(69, 198, 90);
    --lwc-brandHeaderContrast: rgb(94, 94, 94);
    --lwc-inputStaticColor: rgb(51, 51, 51);
    --lwc-paletteNeutral90: rgb(229, 229, 229);
    --lwc-paletteGreen90: rgb(205, 239, 196);
    --lwc-spacingXxLarge: 3rem;
    --lwc-shadowDropDown: 0 2px 3px 0 rgba(0, 0, 0, 0.16);
    --lwc-paletteNeutral95: rgb(243, 243, 243);
    --lwc-colorBackgroundModal: rgb(255, 255, 255);
    --lwc-elevationShadow3Below: 0 3px 3px 0 rgba(0, 0, 0, 0.16) inset;
    --lwc-paletteRed80: rgb(254, 184, 171);
    --lwc-sliderTrackWidth: 100%;
    --lwc-elevation32: 32;
    --lwc-globalHeaderColorBackground: rgb(255, 255, 255);
    --lwc-spacingXLarge: 2rem;
    --lwc-paletteGreen80: rgb(145, 219, 139);
    --lwc-colorBorderInputActive: rgb(27, 150, 255);
    --lwc-varSpacingXSmall: 0.5rem;
    --lwc-paletteNeutral80: rgb(201, 201, 201);
    --lwc-colorBackgroundModalButton: rgba(0, 0, 0, 0.07);
    --lwc-colorBorderPathDivider: rgb(255, 255, 255);
    --lwc-colorTextIconDefault: rgb(116, 116, 116);
    --lwc-zIndexDeepdive: -99999;
    --lwc-elevation16: 16;
    --lwc-paletteRed90: rgb(254, 222, 216);
    --lwc-globalnavigationItemHeightAccentActive: 3px;
    --lwc-templateGutters: 0;
    --lwc-paletteRed95: rgb(254, 241, 238);
    --lwc-buttonColorBorderBrandPrimary: rgb(238, 64, 35);
    --lwc-buttonIconBoundaryTouch: 2.75rem;
    --lwc-brandBackgroundPrimaryTransparent: rgba(176, 196, 223, 0);
    --lwc-fillHeaderButtonFocus: rgb(1, 118, 211);
    --lwc-colorBorderError: rgb(234, 0, 30);
    --lwc-colorTextLinkHover: #c33c22;
    --lwc-paletteGreen95: rgb(235, 247, 230);
    --lwc-einsteinHeaderFigure: url(/_slds/images/einstein-headers/einstein-figure.svg?cache=ec975fb1);
    --lwc-colorBorderRowSelected: rgb(1, 118, 211);
    --lwc-colorStrokeBrandHover: rgb(1, 118, 211);
    --lwc-paletteNeutral30: rgb(68, 68, 68);
    --lwc-varSpacingVerticalXxxSmall: 0.125rem;
    --lwc-paletteHotOrange10: rgb(40, 18, 2);
    --lwc-colorTextButtonBrandDisabled: rgb(255, 255, 255);
    --lwc-squareIconXSmallContent: 0.5rem;
    --lwc-varFontSize10: 2rem;
    --lwc-paletteRed60: rgb(254, 92, 76);
    --lwc-varFontSize11: 2.625rem;
    --lwc-paletteRed65: rgb(254, 119, 101);
    --lwc-buttonBorderRadius: 0.25rem;
    --lwc-squareTappableXSmall: 1.5rem;
    --lwc-colorBackgroundGuidance: rgb(255, 255, 255);
    --lwc-colorTextContextBarInverse: rgb(255, 255, 255);
    --lwc-paletteNeutral20: rgb(46, 46, 46);
    --lwc-fontFamilyHeading: Lato;
    --lwc-paletteRed70: rgb(254, 143, 125);
    --lwc-brandHeaderContrastCoolActive: rgb(1, 68, 134);
    --lwc-borderWidthThick: 2px;
    --lwc-pageHeaderShadow: none;
    --lwc-spinnerSizeXxSmall: 0.5rem;
    --lwc-tableColorBackgroundHeader: rgb(255, 255, 255);
    --lwc-pageHeaderColorBackgroundAlt: rgb(255, 255, 255);
    --lwc-colorBorderBrandPrimaryHover: rgb(1, 118, 211);
    --lwc-colorTextTabLabelActive: rgb(3, 45, 96);
    --lwc-navigationBarNestedItemHorizontalPadding: var(--lwc-spacingLarge);
    --lwc-paletteNeutral50: rgb(116, 116, 116);
    --lwc-colorBackgroundTempModalTint: rgba(8, 7, 7, 0.6);
    --lwc-fontSizeMedium: 0.8125rem;
    --lwc-colorBorderButtonBrand: rgb(238, 64, 35);
    --lwc-paletteHotOrange30: rgb(126, 38, 0);
    --lwc-paletteRed40: rgb(186, 5, 23);
    --lwc-brandBandImageHeightSmall: 6rem;
    --lwc-colorTextInverseWeak: rgb(174, 174, 174);
    --lwc-colorTextInverse: rgb(255, 255, 255);
    --lwc-shadowLinkFocusInverse: 0 0 3px #f3f3f3;
    --lwc-squareIconXxSmallBoundary: 1rem;
    --lwc-lineHeightReset: 1;
    --lwc-verticalNavigationColorBackgroundShadeRowActive: rgb(243, 243, 243);
    --lwc-colorBackgroundTempModal: rgba(126, 140, 153, 0.8);
    --lwc-colorBackgroundToggleDisabled: rgb(174, 174, 174);
    --lwc-colorGray13: rgb(51, 51, 51);
    --lwc-colorGray10: rgb(81, 79, 77);
    --lwc-paletteNeutral40: rgb(92, 92, 92);
    --lwc-colorBorderInverse: rgb(0, 22, 57);
    --lwc-carouselIndicatorColorBackgroundActive: rgb(1, 118, 211);
    --lwc-colorBackgroundBackdrop: rgba(255, 255, 255, 0.75);
    --lwc-colorGray12: rgb(43, 40, 38);
    --lwc-colorGray11: rgb(62, 62, 60);
    --lwc-colorTextContextBarActionTrigger: rgba(255, 255, 255, 0.4);
    --lwc-paletteHotOrange20: rgb(74, 36, 19);
    --lwc-colorBackgroundNotification: rgb(255, 255, 255);
    --lwc-feedMaxWidth: 100%;
    --lwc-colorBackgroundPathStepActionCurrent: rgb(1, 68, 134);
    --lwc-brandNavigationBarBackgroundColor: var(--lwc-brandNavigationBackgroundColor);
    --lwc-badgeColorBackgroundInverse: rgb(116, 116, 116);
    --lwc-colorBorderSeparatorInverse: rgb(3, 45, 96);
    --lwc-paletteRed50: rgb(234, 0, 30);
    --lwc-colorBackgroundSpinnerDot: rgb(174, 174, 174);
    --lwc-colorBackgroundButtonBrandActive: #ce2b10;
    --lwc-paletteHotOrange15: rgb(66, 22, 4);
    --lwc-sliderHandleColorBackgroundFocus: rgb(1, 118, 211);
    --lwc-spinnerSizeMedium: 2rem;
    --lwc-brandPrimary: rgb(238, 64, 35);
    --lwc-paletteHotOrange50: rgb(216, 58, 0);
    --lwc-colorTextLinkPrimaryFocus: rgb(1, 118, 211);
    --lwc-colorTextInputDisabled: rgb(116, 116, 116);
    --lwc-brandLogoImage: url(/file-asset/elindus_logo_rgb?v=1);
    --lwc-brandLight: rgb(244, 246, 254);
    --lwc-paletteRed20: rgb(100, 1, 3);
    --lwc-fillHeaderButton: rgb(255, 255, 255);
    --lwc-varLineHeightText:  1.5;
    --lwc-colorBackgroundPathCurrent: rgb(255, 255, 255);
    --lwc-colorBackgroundOffline: rgb(68, 68, 68);
    --lwc-colorBorderTabSelected: rgb(1, 118, 211);
    --lwc-colorTextWarning: rgb(254, 147, 57);
    --lwc-paletteHotOrange40: rgb(170, 48, 1);
    --lwc-cardSpacingLarge: 1.5rem;
    --lwc-paletteRed30: rgb(142, 3, 15);
    --lwc-fontSizeMediumA: 0.875rem;
    --lwc-borderRadiusMedium: 0.25rem;
    --lwc-colorPickerSliderThumbBorderColor: rgb(68, 68, 68);
    --lwc-shadowSoftPrimary: none;
    --lwc-zIndexDropdown: 7000;
    --lwc-paletteHotOrange70: rgb(255, 144, 110);
    --lwc-verticalNavigationColorBackgroundShadeRowHover: rgb(243, 243, 243);
    --lwc-squareIconMediumBoundary: 2rem;
    --lwc-colorBackgroundButtonDefaultFocus: rgb(243, 243, 243);
    --lwc-heightTappable: 2.75rem;
    --lwc-colorBackgroundToastError: rgb(234, 0, 30);
    --lwc-durationQuickly: 0.1s;
    --lwc-colorBackgroundSelection: rgb(216, 230, 254);
    --lwc-paletteHotOrange60: rgb(255, 93, 45);
    --lwc-colorBackgroundActionbarIconUtility: rgb(116, 116, 116);
    --lwc-colorBackgroundNotificationBadgeFocus: rgb(1, 68, 134);
    --lwc-paletteHotOrange65: rgb(255, 120, 79);
    --lwc-cardFooterTextAlign: right;
    --lwc-colorBorderBrandDark: rgb(1, 68, 134);
    --lwc-brandBackgroundDark: rgb(232, 232, 232);
    --lwc-avatarGroupColorBackgroundLightest: rgb(255, 255, 255);
    --lwc-colorTextContextBar: rgb(68, 68, 68);
    --lwc-inputStaticFontWeight: 400;
    --lwc-paletteRed10: rgb(48, 12, 1);
    --lwc-colorTextLinkDisabled: rgb(3, 45, 96);
    --lwc-colorTextPathCurrent: rgb(1, 68, 134);
    --lwc-paletteRed15: rgb(74, 12, 4);
    --lwc-zIndexOverlay: 8000;
    --lwc-buttonColorBorderPrimary: rgb(233, 231, 231);
    --lwc-paletteHotOrange90: rgb(255, 222, 213);
    --lwc-shadowImage: 0 1px 1px rgba(0, 0, 0, 0.16);
    --lwc-paletteHotOrange95: rgb(254, 241, 237);
    --lwc-cardHeaderPadding: 0.75rem 1rem 0;
    --lwc-colorBorderSeparatorAlt2: rgb(201, 201, 201);
    --lwc-fillBrandActive: rgb(3, 45, 96);
    --lwc-fontSizeTextMedium: 1rem;
    --lwc-spacingXSmall: 0.5rem;
    --lwc-chatMessageColorBackgroundOutboundAgent: rgb(116, 116, 116);
    --lwc-colorBackgroundButtonIconHover: rgb(243, 243, 243);
    --lwc-sliderHandleColorBackgroundActive: rgb(1, 118, 211);
    --lwc-colorBorderSuccess: rgb(145, 219, 139);
    --lwc-colorTextIconInverseHover: rgb(255, 255, 255);
    --lwc-componentSpacingPadding: 1rem;
    --lwc-colorBorderDestructiveActive: rgb(142, 3, 15);
    --lwc-colorBackgroundButtonInverseDisabled: rgba(0, 0, 0, 0);
    --lwc-colorTextTabLabelFocus: rgb(1, 68, 134);
    --lwc-paletteHotOrange80: rgb(254, 185, 165);
    --lwc-colorBackgroundNotificationBadge: rgb(234, 0, 30);
    --lwc-zIndexReminder: 8500;
    --lwc-colorBackgroundImageOverlay: rgba(0, 0, 0, 0.4);
    --lwc-colorBackgroundReminderHover: rgb(255, 255, 255);
    --lwc-colorTextPathCurrentHover: rgb(3, 45, 96);
    --lwc-colorBackgroundCustomer: rgb(254, 147, 57);
    --lwc-colorBackgroundButtonDefault: rgb(255, 255, 255);
    --lwc-colorBackgroundInverseLight: rgb(3, 45, 96);
    --lwc-progressColorBorderActive: rgb(27, 150, 255);
    --lwc-fontSizeLarge: 1rem;
    --lwc-brandHeaderContrastWeakActive: rgb(129, 129, 129);
    --lwc-brandHeaderContrastWarmActive: rgb(186, 5, 23);
    --lwc-squareToggleSlider: 1.25rem;
    --lwc-progressBarColorBackgroundFillSuccess: rgb(46, 132, 74);
    --lwc-colorBackgroundButtonBrand: rgb(238, 64, 35);
    --lwc-colorBackgroundWarningDark: rgb(254, 147, 57);
    --lwc-colorTextIconUtility: rgb(174, 174, 174);
    --lwc-colorBackgroundScrollbar: rgb(243, 243, 243);
    --lwc-chatMessageColorBackgroundStatus: rgb(255, 255, 255);
    --lwc-colorBackgroundTempModalTintAlt: rgba(255, 255, 255, 0.75);
    --lwc-pageHeaderBorderRadius: 0;
    --lwc-palettePink95: rgb(254, 240, 243);
    --lwc-welcomeMatColorIconComplete: rgb(201, 201, 201);
    --lwc-palettePink90: rgb(253, 221, 227);
    --lwc-paletteViolet50: rgb(186, 1, 255);
    --lwc-paletteTeal30: rgb(2, 77, 76);
    --lwc-colorTextIconInverseDisabled: rgba(255, 255, 255, 0.15);
    --lwc-colorBorderBrand: rgb(238, 64, 35);
    --lwc-colorBackgroundInfo: rgb(116, 116, 116);
    --lwc-heightToggle: 1.5rem;
    --lwc-badgeColorBackgroundLightest: rgb(255, 255, 255);
    --lwc-brandBandColorBackgroundSecondary: rgba(0, 0, 0, 0);
    --lwc-shadowSoftPrimaryActive: none;
    --lwc-colorTextIconDefaultHint: rgb(174, 174, 174);
    --lwc-colorBackgroundChromeMobile: rgb(1, 118, 211);
    --lwc-colorPickerSwatchSize: 1.25rem;
    --lwc-colorBackgroundPathIncomplete: rgb(243, 243, 243);
    --lwc-paletteTeal40: rgb(5, 103, 100);
    --lwc-colorTextToggleDisabled: rgb(201, 201, 201);
    --lwc-paletteViolet40: rgb(150, 2, 199);
    --lwc-colorTextLinkInverseHover: rgba(255, 255, 255, 0.75);
    --lwc-palettePink80: rgb(253, 182, 197);
    --lwc-zIndexModal: 9000;
    --lwc-pageHeaderIconSize: 2.25rem;
    --lwc-colorTextDestructiveHover: rgb(186, 5, 23);
    --lwc-colorBorderCanvasElementSelection: rgb(26, 185, 255);
    --lwc-colorBackgroundSuccess: rgb(69, 198, 90);
    --lwc-carouselIndicatorColorBackground: rgb(255, 255, 255);
    --lwc-sliderTrackHeight: 4px;
    --lwc-squareIconSmallContent: 0.75rem;
    --lwc-colorBackgroundInputDisabled: rgb(243, 243, 243);
    --lwc-paletteTeal50: rgb(11, 130, 124);
    --lwc-palettePink70: rgb(254, 138, 167);
    --lwc-paletteViolet30: rgb(115, 3, 148);
    --lwc-brandBandImageHeightLarge: 18.75rem;
    --lwc-carouselIndicatorWidth: 1rem;
    --lwc-colorTextLinkActive: #c33c22;
    --lwc-squareIconXxSmallContent: 0.875rem;
    --lwc-fontSizeXSmall: 0.625rem;
    --lwc-palettePink65: rgb(254, 114, 152);
    --lwc-sliderColorBackgroundDisabled: rgb(243, 243, 243);
    --lwc-colorContrastSecondary: rgb(255, 255, 255);
    --lwc-welcomeMatColorBackgroundProgressBar: rgb(255, 255, 255);
    --lwc-globalActionIconSize: 1.5rem;
    --lwc-paletteViolet20: rgb(72, 26, 84);
    --lwc-fontSizeHeadingSmall: 0.875rem;
    --lwc-colorPickerRangeIndicatorSize: 0.75rem;
    --lwc-paletteOrange15: rgb(55, 30, 3);
    --lwc-sliderHandleSize: 1rem;
    --lwc-tableBorderRadius: 0;
    --lwc-paletteTeal60: rgb(6, 165, 154);
    --lwc-userDefaultAvatarSmall: url(/_slds/images/profile_avatar_96.png?cache=3c01f25f);
    --lwc-buttonColorBackgroundPrimary: rgb(255, 255, 255);
    --lwc-colorPickerInputCustomHexWidth: 4.2rem;
    --lwc-brandNavigationBackgroundColor: DarkGray;
    --lwc-paletteOrange10: rgb(32, 22, 0);
    --lwc-palettePink60: rgb(255, 83, 138);
    --lwc-paletteTeal65: rgb(3, 180, 167);
    --lwc-colorBackgroundRowSelected: rgba(238, 64, 35, 0.05);
    --lwc-colorBackgroundContextBarBrandAccent: rgb(13, 157, 218);
    --lwc-fontFamilyMonospace: Consolas, Menlo, Monaco, Courier, monospace;
    --lwc-cardFooterColorBorder: rgba(0, 0, 0, 0);
    --lwc-palettePurple80: rgb(215, 191, 242);
    --lwc-varSpacingHorizontalLarge: 1.5rem;
    --lwc-colorTextRequired: rgb(234, 0, 30);
    --lwc-elevationShadow16: 0 16px 16px 0 rgba(0, 0, 0, 0.16);
    --lwc-paletteViolet10: rgb(46, 0, 57);
    --lwc-shadowHardPrimary: none;
    --lwc-paletteOrange20: rgb(62, 43, 2);
    --lwc-paletteViolet15: rgb(61, 1, 87);
    --lwc-radioButtonGroupLineHeightTouch: 2.69rem;
    --lwc-navigationMaxWidth: 1140px;
    --lwc-colorBackgroundBrandPrimary: rgb(238, 64, 35);
    --lwc-paletteTeal70: rgb(1, 195, 179);
    --lwc-colorBackgroundUtilityBarActive: rgb(27, 150, 255);
    --lwc-zIndexSticky: 100;
    --lwc-colorBackgroundContextBarShadow: linear-gradient(to bottom, rgba(0, 0, 0, 0.25) 0, rgba(0, 0, 0, 0) 100%);
    --lwc-paletteTeal80: rgb(4, 225, 203);
    --lwc-palettePurple90: rgb(236, 225, 249);
    --lwc-squareIconUtilityLarge: 1.5rem;
    --lwc-fontSize10: 2rem;
    --lwc-groupDefaultAvatarMedium: url(/_slds/images/group_avatar_160.png?cache=b8fe8e83);
    --lwc-elevationShadow32: 0 32px 32px 0 rgba(0, 0, 0, 0.16);
    --lwc-paletteOrange30: rgb(95, 62, 2);
    --lwc-colorBorderButtonInverseDisabled: rgba(255, 255, 255, 0.15);
    --lwc-fontSize11: 2.625rem;
    --lwc-einsteinHeaderTextShadow: #cfe9fe;
    --lwc-palettePurple95: rgb(246, 242, 251);
    --lwc-squareTappableXxSmall: 1.25rem;
    --lwc-colorBackgroundDestructiveHover: rgb(142, 3, 15);
    --lwc-fontSize9: 1.75rem;
    --lwc-colorBackgroundLight: rgb(255, 255, 255);
    --lwc-fontSize8: 1.5rem;
    --lwc-paletteTeal90: rgb(172, 243, 228);
    --lwc-shadowActive: 0 0 2px #0176d3;
    --lwc-fontSize1: 0.625rem;
    --lwc-paletteNeutral100: rgb(255, 255, 255);
    --lwc-colorTextLink: rgb(219, 78, 51);
    --lwc-pageHeaderTitleFontSize: 1.125rem;
    --lwc-fontSize3: 0.8125rem;
    --lwc-fontSize2: 0.75rem;
    --lwc-colorTextLinkInverseDisabled: rgba(255, 255, 255, 0.15);
    --lwc-fontSize5: 1rem;
    --lwc-fontSize4: 0.875rem;
    --lwc-fontSize7: 1.25rem;
    --lwc-fontSize6: 1.125rem;
    --lwc-spacingNone: 0;
    --lwc-paletteOrange40: rgb(130, 81, 1);
    --lwc-inputReadonlyFontWeight: 400;
    --lwc-palettePurple60: rgb(173, 123, 238);
    --lwc-paletteTeal95: rgb(222, 249, 243);
    --lwc-colorStrokeHeaderButton: rgb(174, 174, 174);
    --lwc-typingIconDotColorBackgroundGray: rgb(201, 201, 201);
    --lwc-palettePurple65: rgb(183, 141, 239);
    --lwc-pageHeaderTitleFontWeight: 400;
    --lwc-colorBackgroundButtonIconFocus: rgb(243, 243, 243);
    --lwc-groupDefaultAvatarSmall: url(/_slds/images/group_avatar_96.png?cache=d0659d12);
    --lwc-colorBackgroundModalBrand: rgb(1, 68, 134);
    --lwc-colorTextInverseActive: rgb(26, 185, 255);
    --lwc-colorBackgroundHighlightSearch: rgb(255, 240, 63);
    --lwc-paletteOrange50: rgb(169, 100, 4);
    --lwc-colorBackgroundSuccessDark: rgb(46, 132, 74);
    --lwc-shadowOverlay: 0 -2px 4px rgba(0, 0, 0, 0.07);
    --lwc-sizeXSmall: 12rem;
    --lwc-colorBackgroundDestructive: rgb(186, 5, 23);
    --lwc-typingIconDotSize: 0.5rem;
    --lwc-palettePurple70: rgb(194, 158, 241);
    --lwc-colorBorderInfo: rgb(116, 116, 116);
    --lwc-colorTextTabLabel: rgb(3, 45, 96);
    --lwc-palettePink15: rgb(75, 6, 32);
    --lwc-popoverWalkthroughColorBackgroundAlt: rgb(1, 118, 211);
    --lwc-durationImmediately: 0.05s;
    --lwc-palettePink10: rgb(55, 1, 20);
    --lwc-elevationInverseShadow16: 0 -16px 16px 0 rgba(0, 0, 0, 0.16);
    --lwc-splitViewWidth: 25rem;
    --lwc-colorBorderIconInverseHint: rgba(255, 255, 255, 0.5);
    --lwc-brandDisabled: rgb(201, 199, 197);
    --lwc-paletteOrange60: rgb(221, 122, 1);
    --lwc-palettePurple40: rgb(117, 38, 227);
    --lwc-paletteOrange65: rgb(243, 131, 3);
    --lwc-progressColorBackground: rgb(255, 255, 255);
    --lwc-colorBorderContextBarThemeDefaultActive: rgb(243, 243, 243);
    --lwc-avatarGroupColorBackgroundInverse: rgb(116, 116, 116);
    --lwc-colorBackgroundAlt2: rgb(243, 243, 243);
    --lwc-cardFontWeight: 400;
    --lwc-colorPickerSwatchShadow: inset 0 0 1px rgba(0, 0, 0, 0.4);
    --lwc-paletteOrange70: rgb(254, 147, 57);
    --lwc-colorTextIconBrand: rgb(1, 118, 211);
    --lwc-colorTextButtonDefault: rgb(1, 118, 211);
    --lwc-palettePurple50: rgb(144, 80, 233);
    --lwc-pathButtonWidthFixed: 13rem;
    --lwc-sizeLarge: 25rem;
    --lwc-userDefaultAvatarMedium: url(/_slds/images/profile_avatar_160.png?cache=bfba2c9a);
    --lwc-colorBorderDestructive: rgb(234, 0, 30);
    --lwc-colorTextWeak: rgb(105, 105, 105);
    --lwc-fontSizeHeadingMedium: 1.125rem;
    --lwc-colorBackgroundInputSearch: rgba(0, 0, 0, 0.16);
    --lwc-welcomeMatBackgroundColorInfo: rgb(207, 233, 254);
    --lwc-colorBorderBrandPrimary: rgb(27, 150, 255);
    --lwc-colorBackgroundInverse: rgb(0, 22, 57);
    --lwc-maxWidthActionOverflowMenu: 512px;
    --lwc-paletteNeutral10: rgb(24, 24, 24);
    --lwc-carouselColorBackground: rgb(255, 255, 255);
    --lwc-colorTextLabel: rgb(105, 105, 105);
    --lwc-colorBackgroundButtonSuccessActive: rgb(46, 132, 74);
    --lwc-squareIconLarge: 3.125rem;
    --lwc-spinnerSizeXSmall: 1rem;
    --lwc-paletteOrange80: rgb(255, 186, 144);
    --lwc-cardSpacingMargin: 1rem;
    --lwc-colorTextBrowserActive: rgba(0, 0, 0, 0.4);
    --lwc-colorBackgroundButtonBrandHover: #ce2b10;
    --lwc-chatMessageColorBackgroundOutbound: rgb(1, 68, 134);
    --lwc-colorTextIconDefaultActive: #c33c22;
    --lwc-palettePurple20: rgb(64, 16, 117);
    --lwc-colorTextIconDefaultHover: #c33c22;
    --lwc-colorTextLinkPrimary: rgb(1, 118, 211);
    --lwc-fontSizeTextXSmall: 0.75rem;
    --lwc-colorBackgroundToast: rgb(116, 116, 116);
    --lwc-brandNavigationItemDividerColor: rgba(119, 119, 119, 0.2);
    --lwc-fontSizeXxLarge: 1.75rem;
    --lwc-heightSalesPath: 2rem;
    --lwc-colorTextIconDefaultHintBorderless: rgb(243, 243, 243);
    --lwc-paletteOrange95: rgb(255, 241, 234);
    --lwc-colorForegroundPrimary: rgb(255, 255, 255);
    --lwc-paletteOrange90: rgb(254, 223, 208);
    --lwc-colorBackgroundRowNew: rgb(205, 239, 196);
    --lwc-fontSizeTextLarge: 1.125rem;
    --lwc-paletteGreen15: rgb(12, 41, 18);
    --lwc-colorBackgroundShade: rgba(238, 64, 35, 0.05);
    --lwc-paletteGreen10: rgb(7, 27, 18);
    --lwc-navigationFontSize: var(--lwc-fontSizeHeadingSmall);
    --lwc-palettePurple30: rgb(90, 27, 169);
    --lwc-varSpacingXxxSmall: 0.125rem;
    --lwc-brandLightActive: rgb(227, 229, 237);
    --lwc-welcomeMatTextColorInfo: rgb(3, 45, 96);
    --lwc-colorBackgroundIconWaffle: rgb(255, 255, 255);
    --lwc-colorBackgroundContextBarItemHover: rgb(255, 255, 255);
    --lwc-fontSizeXLargeA: 1.57rem;
    --lwc-colorBackgroundPathCompleteHover: rgb(46, 132, 74);
    --lwc-palettePink50: rgb(227, 6, 106);
    --lwc-paletteViolet90: rgb(242, 222, 254);
    --lwc-paletteGreen20: rgb(28, 51, 38);
    --lwc-paletteViolet95: rgb(249, 240, 255);
    --lwc-colorBorderContextBarThemeDefaultHover: rgb(50, 29, 113);
    --lwc-squareIconMedium: 2rem;
    --lwc-textTransform: none;
    --lwc-colorBackgroundBrandPrimaryHover: #ce2b10;
    --lwc-colorTextSuccess: rgb(46, 132, 74);
    --lwc-carouselIndicatorColorBackgroundFocus: rgb(1, 68, 134);
    --lwc-colorBackgroundChromeDesktop: rgb(255, 255, 255);
    --lwc-borderStrokeWidthThick: 2px;
    --lwc-colorBackgroundReminder: rgb(243, 243, 243);
    --lwc-palettePurple15: rgb(48, 11, 96);
    --lwc-colorTextToast: rgb(243, 243, 243);
    --lwc-paletteViolet80: rgb(229, 185, 254);
    --lwc-colorBackgroundAlt: rgb(255, 255, 255);
    --lwc-palettePink40: rgb(182, 5, 84);
    --lwc-paletteGreen30: rgb(25, 78, 49);
    --lwc-palettePurple10: rgb(36, 6, 67);
    --lwc-elevationInverseShadow32: 0 -32px 32px 0 rgba(0, 0, 0, 0.16);
    --lwc-colorBorderCustomer: rgb(254, 147, 57);
    --lwc-tableColorBackgroundStripes: rgb(243, 243, 243);
    --lwc-varSpacingVerticalSmall: 0.75rem;
    --lwc-palettePink30: rgb(138, 3, 62);
    --lwc-paletteViolet70: rgb(216, 146, 254);
    --lwc-colorBorderContextBarInverseItem: rgba(255, 255, 255, 0.2);
    --lwc-utilityBarColorBackgroundNotificationBadge: rgb(254, 92, 76);
    --lwc-colorTextTabLabelDisabled: rgb(243, 243, 243);
    --lwc-heightInput: 1.875rem;
    --lwc-squareTappable: 2.75rem;
    --lwc-fontSizeSmall: 0.75rem;
    --lwc-paletteGreen40: rgb(57, 101, 71);
    --lwc-tableColorBackgroundHeaderFocus: rgb(255, 255, 255);
    --lwc-varSpacingHorizontalXxLarge: 3rem;
    --lwc-paletteViolet65: rgb(209, 125, 254);
    --lwc-progressBarColorBackgroundFill: rgb(26, 185, 255);
    --lwc-navigationFontFamily: var(--lwc-fontFamily);
    --lwc-colorBorderSeparator: rgb(243, 243, 243);
    --lwc-paletteGreen50: rgb(46, 132, 74);
    --lwc-brandHeaderIconDisabled: rgba(145, 145, 145, 0.25);
    --lwc-palettePink20: rgb(97, 2, 42);
    --lwc-splitViewColorBackground: rgb(243, 243, 243);
    --lwc-colorBackgroundSecondary: rgb(243, 243, 243);
    --lwc-colorTextLinkFocus: rgb(1, 68, 134);
    --lwc-paletteViolet60: rgb(203, 101, 255);
    --lwc-dxpGBrandContrast1: rgb(255, 255, 255);
    --lwc-dxpGRoot3: rgb(133, 133, 133);
    --lwc-dxpGRoot1: rgb(235, 235, 235);
    --lwc-dxpGBrandContrast2: rgb(255, 255, 255);
    --lwc-dxpGRoot2: rgb(194, 194, 194);
    --lwc-dxpGBrandContrast3: rgb(255, 255, 255);
    --lwc-ErrorTextColor: #ff9e9e;
    --lwc-LoginBackgroundColor: #f4f4f4;
    --lwc-dxpGRootContrast: rgb(51, 51, 51);
    --lwc-colorBackgroundFeaturedBrandHover: #ce2b10;
    --lwc-__cacheBuster: 1;
    --lwc-CardBackgroundColor: rgb(239, 239, 239);
    --lwc-colorTextHint: rgb(105, 105, 105);
    --lwc-fontFamilyBody: var(--lnds-g-font-family);
    --lwc-fontFamilyStrong:  var(--lnds-g-font-family);
    --lwc-dxpGRootContrast2: rgb(0, 0, 0);
    --lwc-dxpGRootContrast1: rgb(31, 31, 31);
    --lwc-dxpGRootContrast3: rgb(0, 0, 0);
    --lwc-dxpGNeutral: #ecebea;
    --lwc-dxpGNeutralContrast1: #000;
    --lwc-dxpGNeutralContrast2: #000;
    --lwc-dxpGNeutralContrast3: #fff;
    --lwc-dxpGNeutral1: rgb(217, 215, 213);
    --lwc-dxpGNeutral2: rgb(178, 174, 170);
    --lwc-dxpGNeutral3: rgb(118, 113, 107);
    --lwc-colorPageBackground: rgb(255, 255, 255);
    --lwc-gridTextColor: rgb(51, 51, 51);
    --lwc-LoginBackgroundImage: url(/file-asset/MicrosoftTeamsimage_21kleiner1?v=1);
    --lwc-dxpGBrand: rgb(238, 64, 35);
    --lwc-colorTextBrandHover: #ce2b10;
    --lwc-dxpGBrandContrast: rgb(255, 255, 255);
    --lwc-dxpGBrand2: rgb(140, 29, 11);
    --lwc-dxpGBrand3: rgb(26, 5, 2);
    --lwc-colorBackgroundDropDownBrandHover: rgba(238, 64, 35, 0.05);
    --lwc-dxpGRoot: rgb(255, 255, 255);
    --lwc-dxpGBrand1: rgb(215, 45, 17);
    --lwc-colorBackgroundHover: rgba(238, 64, 35, 0.05);
    --lwc-fontFamilyHeader: var(--lnds-g-font-family);
    --lwc-colorBorderBrandHover: #ce2b10;
    --lwc-dxpGNeutralContrast: #000;
    --lwc-colorTextInverseShadow: #000;
*/
/*
    --slds-g-color-neutral-base-100: #ffffff;
    --slds-g-color-neutral-base-95: #f3f3f3;
    --slds-g-color-neutral-base-90: #e5e5e5;
    --slds-g-color-neutral-base-80: #c9c9c9;
    --slds-g-color-neutral-base-70: #aeaeae;
    --slds-g-color-neutral-base-65: #a0a0a0;
    --slds-g-color-neutral-base-60: #939393;
    --slds-g-color-neutral-base-50: #747474;
    --slds-g-color-neutral-base-40: #5c5c5c;
    --slds-g-color-neutral-base-30: #444444;
    --slds-g-color-neutral-base-20: #2e2e2e;
    --slds-g-color-neutral-base-15: #242424;
    --slds-g-color-neutral-base-10: #181818;
    --slds-g-color-brand-base-100: #ffffff;
    --slds-g-color-brand-base-95: #eef4ff;
    --slds-g-color-brand-base-90: #d8e6fe;
    --slds-g-color-brand-base-80: #aacbff;
    --slds-g-color-brand-base-70: #78b0fd;
    --slds-g-color-brand-base-65: #57a3fd;
    --slds-g-color-brand-base-60: #1b96ff;
    --slds-g-color-brand-base-50: #0176d3;
    --slds-g-color-brand-base-40: #0b5cab;
    --slds-g-color-brand-base-30: #014486;
    --slds-g-color-brand-base-20: #032d60;
    --slds-g-color-brand-base-15: #03234d;
    --slds-g-color-brand-base-10: #001639;
    --slds-g-color-error-base-100: #ffffff;
    --slds-g-color-error-base-90: #feded8;
    --slds-g-color-error-base-80: #feb8ab;
    --slds-g-color-error-base-70: #fe8f7d;
    --slds-g-color-error-base-60: #fe5c4c;
    --slds-g-color-error-base-50: #ea001e;
    --slds-g-color-error-base-40: #ba0517;
    --slds-g-color-error-base-30: #8e030f;
    --slds-g-color-error-base-20: #640103;
    --slds-g-color-error-base-10: #300c01;
    --slds-g-color-warning-base-100: #ffffff;
    --slds-g-color-warning-base-90: #fedfd0;
    --slds-g-color-warning-base-80: #ffba90;
    --slds-g-color-warning-base-70: #fe9339;
    --slds-g-color-warning-base-60: #dd7a01;
    --slds-g-color-warning-base-50: #a96404;
    --slds-g-color-warning-base-40: #825101;
    --slds-g-color-warning-base-30: #5f3e02;
    --slds-g-color-warning-base-20: #3e2b02;
    --slds-g-color-warning-base-10: #201600;
    --slds-g-color-success-base-100: #ffffff;
    --slds-g-color-success-base-90: #cdefc4;
    --slds-g-color-success-base-80: #91db8b;
    --slds-g-color-success-base-70: #45c65a;
    --slds-g-color-success-base-60: #3ba755;
    --slds-g-color-success-base-50: #2e844a;
    --slds-g-color-success-base-40: #396547;
    --slds-g-color-success-base-30: #194e31;
    --slds-g-color-success-base-20: #1c3326;
    --slds-g-color-success-base-10: #071b12;
    --slds-g-color-border-base-1: #c9c9c9;
    --slds-g-color-border-base-2: #aeaeae;
    --slds-g-color-border-base-3: #939393;
    --slds-g-color-border-base-4: #747474;
    --slds-g-color-border-brand-1: #78b0fd;
    --slds-g-color-border-brand-2: #1b96ff;
    --slds-g-link-color: #0b5cab;
    --slds-g-link-color-hover: #014486;
    --slds-g-link-color-focus: #014486;
    --slds-g-link-color-active: #032d60;
    --slds-g-color-palette-blue-10: #001639;
    --slds-g-color-palette-blue-15: #03234d;
    --slds-g-color-palette-blue-20: #032d60;
    --slds-g-color-palette-blue-30: #014486;
    --slds-g-color-palette-blue-40: #0b5cab;
    --slds-g-color-palette-blue-50: #0176d3;
    --slds-g-color-palette-blue-60: #1b96ff;
    --slds-g-color-palette-blue-65: #57a3fd;
    --slds-g-color-palette-blue-70: #78b0fd;
    --slds-g-color-palette-blue-80: #aacbff;
    --slds-g-color-palette-blue-90: #d8e6fe;
    --slds-g-color-palette-blue-95: #eef4ff;
    --slds-g-color-palette-cloud-blue-10: #001a28;
    --slds-g-color-palette-cloud-blue-15: #0a2636;
    --slds-g-color-palette-cloud-blue-20: #023248;
    --slds-g-color-palette-cloud-blue-30: #084968;
    --slds-g-color-palette-cloud-blue-40: #05628a;
    --slds-g-color-palette-cloud-blue-50: #107cad;
    --slds-g-color-palette-cloud-blue-60: #0d9dda;
    --slds-g-color-palette-cloud-blue-65: #08abed;
    --slds-g-color-palette-cloud-blue-70: #1ab9ff;
    --slds-g-color-palette-cloud-blue-80: #90d0fe;
    --slds-g-color-palette-cloud-blue-90: #cfe9fe;
    --slds-g-color-palette-cloud-blue-95: #eaf5fe;
    --slds-g-color-palette-green-10: #071b12;
    --slds-g-color-palette-green-15: #0c2912;
    --slds-g-color-palette-green-20: #1c3326;
    --slds-g-color-palette-green-30: #194e31;
    --slds-g-color-palette-green-40: #396547;
    --slds-g-color-palette-green-50: #2e844a;
    --slds-g-color-palette-green-60: #3ba755;
    --slds-g-color-palette-green-65: #41b658;
    --slds-g-color-palette-green-70: #45c65a;
    --slds-g-color-palette-green-80: #91db8b;
    --slds-g-color-palette-green-90: #cdefc4;
    --slds-g-color-palette-green-95: #ebf7e6;
    --slds-g-color-palette-hot-orange-10: #281202;
    --slds-g-color-palette-hot-orange-15: #421604;
    --slds-g-color-palette-hot-orange-20: #4a2413;
    --slds-g-color-palette-hot-orange-30: #7e2600;
    --slds-g-color-palette-hot-orange-40: #aa3001;
    --slds-g-color-palette-hot-orange-50: #d83a00;
    --slds-g-color-palette-hot-orange-60: #ff5d2d;
    --slds-g-color-palette-hot-orange-65: #ff784f;
    --slds-g-color-palette-hot-orange-70: #ff906e;
    --slds-g-color-palette-hot-orange-80: #feb9a5;
    --slds-g-color-palette-hot-orange-90: #ffded5;
    --slds-g-color-palette-hot-orange-95: #fef1ed;
    --slds-g-color-palette-indigo-10: #200647;
    --slds-g-color-palette-indigo-15: #1f0974;
    --slds-g-color-palette-indigo-20: #321d71;
    --slds-g-color-palette-indigo-30: #2f2cb7;
    --slds-g-color-palette-indigo-40: #3a49da;
    --slds-g-color-palette-indigo-50: #5867e8;
    --slds-g-color-palette-indigo-60: #7f8ced;
    --slds-g-color-palette-indigo-65: #8e9bef;
    --slds-g-color-palette-indigo-70: #9ea9f1;
    --slds-g-color-palette-indigo-80: #bec7f6;
    --slds-g-color-palette-indigo-90: #e0e5f8;
    --slds-g-color-palette-indigo-95: #f1f3fb;
    --slds-g-color-palette-orange-10: #201600;
    --slds-g-color-palette-orange-15: #371e03;
    --slds-g-color-palette-orange-20: #3e2b02;
    --slds-g-color-palette-orange-30: #5f3e02;
    --slds-g-color-palette-orange-40: #825101;
    --slds-g-color-palette-orange-50: #a96404;
    --slds-g-color-palette-orange-60: #dd7a01;
    --slds-g-color-palette-orange-65: #f38303;
    --slds-g-color-palette-orange-70: #fe9339;
    --slds-g-color-palette-orange-80: #ffba90;
    --slds-g-color-palette-orange-90: #fedfd0;
    --slds-g-color-palette-orange-95: #fff1ea;
    --slds-g-color-palette-pink-10: #370114;
    --slds-g-color-palette-pink-15: #4b0620;
    --slds-g-color-palette-pink-20: #61022a;
    --slds-g-color-palette-pink-30: #8a033e;
    --slds-g-color-palette-pink-40: #b60554;
    --slds-g-color-palette-pink-50: #e3066a;
    --slds-g-color-palette-pink-60: #ff538a;
    --slds-g-color-palette-pink-65: #fe7298;
    --slds-g-color-palette-pink-70: #fe8aa7;
    --slds-g-color-palette-pink-80: #fdb6c5;
    --slds-g-color-palette-pink-90: #fddde3;
    --slds-g-color-palette-pink-95: #fef0f3;
    --slds-g-color-palette-purple-10: #240643;
    --slds-g-color-palette-purple-15: #300b60;
    --slds-g-color-palette-purple-20: #401075;
    --slds-g-color-palette-purple-30: #5a1ba9;
    --slds-g-color-palette-purple-40: #7526e3;
    --slds-g-color-palette-purple-50: #9050e9;
    --slds-g-color-palette-purple-60: #ad7bee;
    --slds-g-color-palette-purple-65: #b78def;
    --slds-g-color-palette-purple-70: #c29ef1;
    --slds-g-color-palette-purple-80: #d7bff2;
    --slds-g-color-palette-purple-90: #ece1f9;
    --slds-g-color-palette-purple-95: #f6f2fb;
    --slds-g-color-palette-red-10: #300c01;
    --slds-g-color-palette-red-15: #4a0c04;
    --slds-g-color-palette-red-20: #640103;
    --slds-g-color-palette-red-30: #8e030f;
    --slds-g-color-palette-red-40: #ba0517;
    --slds-g-color-palette-red-50: #ea001e;
    --slds-g-color-palette-red-60: #fe5c4c;
    --slds-g-color-palette-red-65: #fe7765;
    --slds-g-color-palette-red-70: #fe8f7d;
    --slds-g-color-palette-red-80: #feb8ab;
    --slds-g-color-palette-red-90: #feded8;
    --slds-g-color-palette-red-95: #fef1ee;
    --slds-g-color-palette-teal-10: #071b12;
    --slds-g-color-palette-teal-15: #072825;
    --slds-g-color-palette-teal-20: #023434;
    --slds-g-color-palette-teal-30: #024d4c;
    --slds-g-color-palette-teal-40: #056764;
    --slds-g-color-palette-teal-50: #0b827c;
    --slds-g-color-palette-teal-60: #06a59a;
    --slds-g-color-palette-teal-65: #03b4a7;
    --slds-g-color-palette-teal-70: #01c3b3;
    --slds-g-color-palette-teal-80: #04e1cb;
    --slds-g-color-palette-teal-90: #acf3e4;
    --slds-g-color-palette-teal-95: #def9f3;
    --slds-g-color-palette-violet-10: #2e0039;
    --slds-g-color-palette-violet-15: #3d0157;
    --slds-g-color-palette-violet-20: #481a54;
    --slds-g-color-palette-violet-30: #730394;
    --slds-g-color-palette-violet-40: #9602c7;
    --slds-g-color-palette-violet-50: #ba01ff;
    --slds-g-color-palette-violet-60: #cb65ff;
    --slds-g-color-palette-violet-65: #d17dfe;
    --slds-g-color-palette-violet-70: #d892fe;
    --slds-g-color-palette-violet-80: #e5b9fe;
    --slds-g-color-palette-violet-90: #f2defe;
    --slds-g-color-palette-violet-95: #f9f0ff;
    --slds-g-color-palette-yellow-10: #281202;
    --slds-g-color-palette-yellow-15: #2e2204;
    --slds-g-color-palette-yellow-20: #4f2100;
    --slds-g-color-palette-yellow-30: #6f3400;
    --slds-g-color-palette-yellow-40: #8c4b02;
    --slds-g-color-palette-yellow-50: #a86403;
    --slds-g-color-palette-yellow-60: #ca8501;
    --slds-g-color-palette-yellow-65: #d79304;
    --slds-g-color-palette-yellow-70: #e4a201;
    --slds-g-color-palette-yellow-80: #fcc003;
    --slds-g-color-palette-yellow-90: #f9e3b6;
    --slds-g-color-palette-yellow-95: #fbf3e0;
    --slds-g-color-palette-neutral-10: #181818;
    --slds-g-color-palette-neutral-15: #242424;
    --slds-g-color-palette-neutral-20: #2e2e2e;
    --slds-g-color-palette-neutral-30: #444444;
    --slds-g-color-palette-neutral-40: #5c5c5c;
    --slds-g-color-palette-neutral-50: #747474;
    --slds-g-color-palette-neutral-60: #939393;
    --slds-g-color-palette-neutral-65: #a0a0a0;
    --slds-g-color-palette-neutral-70: #aeaeae;
    --slds-g-color-palette-neutral-80: #c9c9c9;
    --slds-g-color-palette-neutral-90: #e5e5e5;
    --slds-g-color-palette-neutral-95: #f3f3f3;
    --slds-g-color-palette-neutral-100: #ffffff;
    --slds-g-color-neutral-10-opacity-10: rgba(24, 24, 24, 0.1);
    --slds-g-color-neutral-10-opacity-25: rgba(24, 24, 24, 0.25);
    --slds-g-color-neutral-10-opacity-50: rgba(24, 24, 24, 0.5);
    --slds-g-color-neutral-10-opacity-75: rgba(24, 24, 24, 0.75);
    --slds-g-color-neutral-100-opacity-10: rgba(255, 255, 255, 0.1);
    --slds-g-color-neutral-100-opacity-25: rgba(255, 255, 255, 0.25);
    --slds-g-color-neutral-100-opacity-50: rgba(255, 255, 255, 0.5);
    --slds-g-color-neutral-100-opacity-75: rgba(255, 255, 255, 0.75);
    --slds-g-shadow-outset-focus-1: 0 0 0 2px #ffffff,0 0 0 4px #0b5cab;
    --slds-g-shadow-inset-focus-1: 0 0 0 2px #ffffff inset,0 0 0 4px #0b5cab inset;
    --slds-g-shadow-inset-inverse-focus-1: 0 0 0 2px #0b5cab inset,0 0 0 4px #ffffff inset;
    --slds-g-shadow-outline-focus-1: 0 0 0 2px #0b5cab;

    
        --slds-g-spacing-1: 0.25rem;
        --slds-g-spacing-2: 0.5rem;
        --slds-g-spacing-3: 0.75rem;
        --slds-g-spacing-4: 1rem;
        --slds-g-spacing-5: 1.5rem;
        --slds-g-spacing-6: 2rem;
        --slds-g-spacing-7: 2.5rem;
        --slds-g-spacing-8: 3rem;
        --slds-g-spacing-9: 3.5rem;
        --slds-g-spacing-10: 4rem;
        --slds-g-spacing-11: 4.5rem;
        --slds-g-spacing-12: 5rem;
        --slds-g-sizing-border-1: 1px;
        --slds-g-sizing-border-2: 2px;
        --slds-g-sizing-border-3: 3px;
        --slds-g-sizing-border-4: 4px;
        --slds-g-sizing-1: 0.125rem;
        --slds-g-sizing-2: 0.25rem;
        --slds-g-sizing-3: 0.5rem;
        --slds-g-sizing-4: 0.75rem;
        --slds-g-sizing-5: 1rem;
        --slds-g-sizing-6: 1.25rem;
        --slds-g-sizing-7: 1.5rem;
        --slds-g-sizing-8: 1.75rem;
        --slds-g-sizing-9: 2rem;
        --slds-g-sizing-10: 3rem;
        --slds-g-sizing-11: 4rem;
        --slds-g-sizing-12: 5rem;
        --slds-g-sizing-13: 10rem;
        --slds-g-sizing-14: 15rem;
        --slds-g-sizing-15: 20rem;
        --slds-g-sizing-16: 30rem;
        --slds-g-sizing-content-1: 20ch;
        --slds-g-sizing-content-2: 45ch;
        --slds-g-sizing-content-3: 60ch;
        --slds-g-sizing-heading-1: 20ch;
        --slds-g-sizing-heading-2: 25ch;
        --slds-g-sizing-heading-3: 35ch;
        --slds-g-shadow-1: 0px 2px 2px 0px #0000001A;
        --slds-g-shadow-2: 0px 2px 3px 0px #00000027;
        --slds-g-shadow-3: 0px 2px 4px 0px #00000027;
        --slds-g-shadow-4: 0px 2px 5px 0px #00000027;
        --slds-g-shadow-inverse-1: 0 0 3px #f3f3f3;
        --slds-g-radius-border-1: 0.125rem;
        --slds-g-radius-border-2: 0.25rem;
        --slds-g-radius-border-3: 0.5rem;
        --slds-g-radius-border-4: 1rem;
        --slds-g-radius-border-pill: 15rem;
        --slds-g-radius-border-circle: 100%;
        --slds-g-font-family-base: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; 
        --slds-g-font-family-monospace: Consolas, Menlo, Monaco, Courier, monospace;
        --slds-g-font-lineheight-base: 1.5;
        --slds-g-font-lineheight-1: 1;
        --slds-g-font-lineheight-2: 1.25;
        --slds-g-font-lineheight-3: 1.375;
        --slds-g-font-lineheight-4: 1.5;
        --slds-g-font-lineheight-5: 1.75;
        --slds-g-font-lineheight-6: 2;
        --slds-g-font-scale-ratio: 1.15;
        --slds-g-font-size-base: 0.8125rem;
        --slds-g-font-scale-neg-4: var(--slds-g-font-scale-neg-3);
        --slds-g-font-scale-neg-3: var(--slds-g-font-scale-neg-2);
        --slds-g-font-scale-neg-2: 0.625rem;
        --slds-g-font-scale-neg-1: 0.75rem;
        --slds-g-font-scale-1: 0.875rem;
        --slds-g-font-scale-2: 1rem;
        --slds-g-font-scale-3: 1.125rem;
        --slds-g-font-scale-4: 1.25rem;
        --slds-g-font-scale-5: 1.5rem;
        --slds-g-font-scale-6: 1.75rem;
        --slds-g-font-scale-7: 2rem;
        --slds-g-font-scale-8: 2.625rem;
        --slds-g-font-scale-9: var(--slds-g-font-scale-8);
        --slds-g-font-scale-10: var(--slds-g-font-scale-8);
        --slds-g-color-border-1: var(--slds-g-color-neutral-base-80);
        --slds-g-color-border-2: var(--slds-g-color-neutral-base-50);
        --slds-g-color-border-accent-1: #0176d3;
        --slds-g-color-border-accent-2: #0b5cab;
        --slds-g-color-border-accent-3: #014486;
        --slds-g-color-surface-1: #ffffff;
        --slds-g-color-surface-2: #f3f3f3;
        --slds-g-color-surface-3: #e5e5e5;
        --slds-g-color-surface-container-1: #ffffff;
        --slds-g-color-surface-container-2: #f3f3f3;
        --slds-g-color-surface-container-3: #e5e5e5;
        --slds-g-color-on-surface-1: #747474;
        --slds-g-color-on-surface-2: #2e2e2e;
        --slds-g-color-on-surface-3: #181818;
        --slds-g-color-accent-1: var(--lwc-brandPrimary, var(--slds-g-color-brand-base-60));
        --slds-g-color-accent-2: var(--lwc-brandPrimaryActive, var(--slds-g-color-brand-base-50));
        --slds-g-color-accent-3: #0b5cab;
        --slds-g-color-accent-container-1: var(--lwc-brandAccessible, var(--slds-g-color-brand-base-50));
        --slds-g-color-accent-container-2: var(--lwc-brandAccessibleActive, var(--slds-g-color-brand-base-40));
        --slds-g-color-accent-container-3: #014486;
        --slds-g-color-on-accent-1: var(--slds-g-color-brand-base-100);
        --slds-g-color-on-accent-2: var(--slds-g-color-brand-base-100);
        --slds-g-color-on-accent-3: var(--slds-g-color-brand-base-100);
        --slds-g-color-error-1: #ba0517;
        --slds-g-color-error-container-1: #ba0517;
        --slds-g-color-on-error-1: #ffffff;
        --slds-g-color-border-error-1: #ba0517;
        --slds-g-color-warning-1: #fe9339;
        --slds-g-color-warning-container-1: #dd7a01;
        --slds-g-color-on-warning-1: #181818;
        --slds-g-color-border-warning-1: #dd7a01;
        --slds-g-color-success-1: #2e844a;
        --slds-g-color-success-container-1: #2e844a;
        --slds-g-color-on-success-1: #ffffff;
        --slds-g-color-border-success-1: #2e844a;
        --slds-g-color-info-1: #444444;
        --slds-g-color-info-container-1: #5c5c5c;
        --slds-g-color-on-info-1: #ffffff;
        --slds-g-color-disabled-1: #c9c9c9;
        --slds-g-color-disabled-container-1: #ffffff;
        --slds-g-color-on-disabled-1: #c9c9c9;
        --slds-g-color-border-disabled-1: #c9c9c9;
        --slds-g-shadow-blockstart-1: 0px -2px 2px 0px #0000001A;
        --slds-g-shadow-inlineend-1: 2px 0px 2px 0px #0000001A;
        --slds-g-shadow-blockend-1: var(--slds-g-shadow-1);
        --slds-g-shadow-inlinestart-1: -2px 0px 2px 0px #0000001A;
        --slds-g-shadow-blockstart-2: 0px -2px 3px 0px #00000027;
        --slds-g-shadow-inlineend-2: 2px 0px 3px 0px #00000027;
        --slds-g-shadow-blockend-2: var(--slds-g-shadow-2);
        --slds-g-shadow-inlinestart-2: -2px 0px 3px 0px #00000027;
        --slds-g-shadow-blockstart-3: 0px -2px 4px 0px #00000027;
        --slds-g-shadow-inlineend-3: 2px 0px 4px 0px #00000027;
        --slds-g-shadow-blockend-3: var(--slds-g-shadow-3);
        --slds-g-shadow-inlinestart-3: -2px 0px 4px 0px #00000027;
        --slds-g-shadow-blockstart-4: 0px -2px 4px 0px #00000027;
        --slds-g-shadow-inlineend-4: 2px 0px 4px 0px #00000027;
        --slds-g-shadow-blockend-4: var(--slds-g-shadow-4);
        --slds-g-shadow-inlinestart-4: -2px 0px 4px 0px #00000027;
        --slds-g-shadow-outline-focus-1: 0px 0px 0px 2px var(--slds-g-color-brand-base-40);
        --slds-g-shadow-outset-focus-1: 0px 0px 0px 2px var(--slds-g-color-neutral-base-100), 0px 0px 0px 4px var(--slds-g-color-brand-base-40);
        --slds-g-shadow-inset-focus-1: 0px 0px 0px 2px var(--slds-g-color-brand-base-40) inset;
        --slds-g-shadow-insetinverse-focus-1: 0px 0px 0px 2px var(--slds-g-color-brand-base-40) inset, 0px 0px 0px 4px var(--slds-g-color-neutral-base-100) inset;
        --slds-g-font-scale-var-neg-4: var(--slds-g-font-scale-var-neg-3);
        --slds-g-font-scale-var-neg-3: var(--slds-g-font-scale-var-neg-2);
        --slds-g-font-scale-var-neg-2: var(--slds-g-font-scale-neg-2);
        --slds-g-font-scale-var-neg-1: var(--slds-g-font-scale-neg-1);
        --slds-g-font-scale-var-1: var(--slds-g-font-scale-1);
        --slds-g-font-scale-var-2: var(--slds-g-font-scale-2);
        --slds-g-font-scale-var-3: var(--slds-g-font-scale-3);
        --slds-g-font-scale-var-4: var(--slds-g-font-scale-4);
        --slds-g-font-scale-var-5: var(--slds-g-font-scale-5);
        --slds-g-font-scale-var-6: var(--slds-g-font-scale-6);
        --slds-g-font-scale-var-7: var(--slds-g-font-scale-7);
        --slds-g-font-scale-var-8: var(--slds-g-font-scale-8);
        --slds-g-font-scale-var-9: var(--slds-g-font-scale-var-8);
        --slds-g-font-scale-var-10: var(--slds-g-font-scale-var-8);
        --slds-g-color-error-container-2: #8e030f;
        --slds-g-color-border-error-2: #8e030f;
        --slds-g-color-success-container-2: #194e31;
        --slds-g-color-on-success-2: #181818;
        --slds-g-color-disabled-2: #aeaeae;
        --slds-g-color-disabled-container-2: #c9c9c9;
        --slds-g-color-on-disabled-2: #939393;
        --slds-g-color-border-disabled-2: #aeaeae;
        --slds-g-color-surface-inverse-1: #032d60;
        --slds-g-color-surface-inverse-2: #001639;
        --slds-g-color-surface-container-inverse-1: #032d60;
        --slds-g-color-surface-container-inverse-2: #001639;
        --slds-g-color-on-surface-inverse-1: #ffffff;
        --slds-g-color-on-surface-inverse-2: #aeaeae;
        --slds-g-color-border-inverse-1: #f3f3f3;
        --slds-g-color-border-inverse-2: #032d60;
        --slds-g-color-accent-light-1: var(--lwc-brandLight, var(--slds-g-color-brand-base-95));
        --slds-g-color-accent-light-2: var(--lwc-brandLightActive, var(--slds-g-color-brand-base-90));
        --slds-g-color-accent-dark-1: var(--lwc-brandDark, var(--slds-g-color-brand-base-20));
        --slds-g-color-accent-dark-2: var(--lwc-brandDarkActive, var(--slds-g-color-brand-base-10));
    

        --slds-s-table-color: var(--slds-g-color-on-surface-3);
        --slds-s-table-header-color-background: var(--slds-g-color-surface-container-2);
        --slds-s-table-header-color-background-hover: var(--slds-g-color-surface-container-1);
        --slds-s-table-header-color-background-selected: var(--slds-g-color-surface-container-1);
        --slds-s-table-header-color: var(--slds-g-color-on-surface-2);
        --slds-s-table-header-font-weight: var(--slds-g-font-weight-7);
        --slds-s-table-resize-color: var(--slds-g-color-neutral-base-70);
        --slds-s-table-resize-color-active: var(--slds-g-color-accent-2);
        --slds-s-table-row-color-background-selected: var(--slds-g-color-surface-container-2);
        --slds-s-table-row-color-border-selected-hover: var(--slds-g-color-border-1);
        --slds-s-table-cell-shadow-selected: var(--slds-g-color-accent-2) 0 0 0 1px inset;
        --slds-s-pill-color-background-hover: var(--slds-g-color-surface-container-2);
        --slds-s-pageheader-color-background: var(--slds-g-color-surface-container-2);
        --slds-s-pageheader-row-color-background: var(--slds-g-color-surface-container-1);
        --slds-s-pageheader-radius-border: var(--slds-g-radius-border-2);
        --slds-s-pageheader-title-font-size: 1.125rem;
        --slds-s-pageheader-title-font-weight: var(--slds-g-font-weight-7);
        --slds-s-pageheader-sizing-border: 1px;
        --slds-s-pageheader-shadow: var(--slds-g-shadow-1);
        --slds-s-navigation-color-background: var(--slds-g-color-surface-container-2);
        --slds-s-navigation-color-background-active: var(--slds-g-color-surface-container-1);
        --slds-s-navigation-color-background-hover: var(--slds-g-color-surface-container-3);
        --slds-s-navigation-radius-border: var(--slds-g-radius-border-2);
        --slds-s-navigation-color: var(--slds-g-color-on-surface-2);
        --slds-s-navigation-color-active: var(--slds-g-color-on-surface-2);
        --slds-s-navigation-color-hover: var(--slds-g-color-on-surface-2);
        --slds-s-navigation-color-border: var(--slds-g-color-border-2);
        --slds-s-navigation-color-border-hover: var(--slds-g-color-accent-2);
        --slds-s-navigation-sizing-border-hover: 2px;
        --slds-s-navigation-sizing-border-active: 3px;
        --slds-s-navigation-font-weight: normal;
        --slds-s-navigation-font-weight-active: 700;
        --slds-s-menu-item-color-background-active: var(--slds-g-color-surface-container-2);
        --slds-s-menu-item-color-active: var(--slds-g-color-accent-2);
        --slds-s-link-color: var(--lwc-brandTextLink, var(--slds-g-color-accent-2));
        --slds-s-link-color-hover: var(--lwc-brandTextLinkActive, var(--slds-g-color-accent-3));
        --slds-s-link-color-focus: var(--lwc-brandTextLinkActive, var(--slds-g-color-accent-3));
        --slds-s-link-color-active: var(--lwc-brandTextLinkActive, var(--slds-g-color-accent-3));
        --slds-s-link-outline-color: var(--slds-g-color-brand-base-40);
        --slds-s-label-spacing: var(--slds-g-spacing-1);
        --slds-s-label-font-size: var(--slds-g-font-scale-neg-1);
        --slds-s-label-color: var(--slds-g-color-on-surface-2);
        --slds-s-label-sizing-gap: var(--slds-g-spacing-1);
        --slds-s-input-radius-border: var(--slds-g-radius-border-2);
        --slds-s-input-color-background: var(--slds-g-color-surface-container-1);
        --slds-s-input-color-background-disabled: var(--slds-g-color-surface-container-3);
        --slds-s-input-color-background-invalid: var(--slds-g-color-surface-container-1);
        --slds-s-input-color-border: var(--slds-g-color-border-2);
        --slds-s-input-spacing: var(--slds-g-spacing-2);
        --slds-s-input-color: var(--slds-g-color-on-surface-2);
        --slds-s-input-color-invalid: var(--slds-g-color-on-surface-2);
        --slds-s-input-shadow-focus: 0 0 3px var(--sds-g-color-accent-2);
        --slds-s-input-shadow-invalid: inset 0 0 0 1px var(--sds-g-color-error-1);
        --slds-s-input-color-border-focus: var(--slds-g-color-border-accent-2);
        --slds-s-input-color-border-hover: var(--slds-g-color-border-2);
        --slds-s-icon-color-foreground: var(--slds-g-color-on-surface-1);
        --slds-s-icon-radius-border: var(--slds-g-radius-border-2);
        --slds-s-helptext-font-size: var(--slds-g-font-scale-neg-1);
        --slds-s-helptext-spacing: var(--slds-g-spacing-1);
        --slds-s-container-color: var(--slds-g-color-on-surface-3);
        --slds-s-container-shadow: var(--slds-g-shadow-2);
        --slds-s-container-color-border: var(--slds-g-color-border-1);
        --slds-s-container-radius-border: var(--slds-g-radius-border-2);
        --slds-s-container-heading-font-size: var(--slds-g-font-scale-2);
        --slds-s-container-heading-font-weight: var(--slds-g-font-weight-4);
        --slds-s-container-footer-color-background: var(--slds-g-color-surface-container-2);
        --slds-s-container-heading-var-font-size: var(--slds-g-font-scale-var-2);
        --slds-s-button-color-background: var(--slds-g-color-surface-container-1);
        --slds-s-button-color-background-hover: var(--slds-g-transparent);
        --slds-s-button-color-background-focus: var(--slds-g-color-surface-container-2);
        --slds-s-button-color-background-active: var(--slds-g-color-surface-container-2);
        --slds-s-button-color-border: var(--slds-g-color-border-2);
        --slds-s-button-shadow-focus: 0 0 3px var(--sds-g-color-accent-2);
        --slds-s-button-shadow-active: 0 0 3px var(--sds-g-color-accent-2);
        --slds-s-button-radius-border: var(--slds-g-radius-border-2);
        --slds-s-button-color-hover: var(--slds-g-color-accent-3);
        --slds-s-button-spacing-inline: var(--slds-g-spacing-4);
        --slds-s-backdrop-color-background: rgba(24, 24, 24, 0.5);
        --slds-s-avatar-radius-border: var(--slds-g-radius-border-2);
        --slds-s-alert-font-weight: var(--slds-g-font-weight-4);
*/