/*!**/
/* * Copyright 2025 salesforce.com, inc.*/
/* * All Rights Reserved*/
/* * Company Confidential*/
/* *!*/

:root {
    --ief-brandPrimary: var(--dxp-g-brand);
    /* Tints (Lighter): Progressively decrease chroma */
    --slds-g-color-brand-base-95: oklch(from var(--ief-brandPrimary) calc(l + (1 - l) * 0.88) calc(c * 0.4) h);
    --slds-g-color-brand-base-90: oklch(from var(--ief-brandPrimary) calc(l + (1 - l) * 0.75) calc(c * 0.6) h);
    --slds-g-color-brand-base-80: oklch(from var(--ief-brandPrimary) calc(l + (1 - l) * 0.55) calc(c * 0.8) h);
    --slds-g-color-brand-base-70: oklch(from var(--ief-brandPrimary) calc(l + (1 - l) * 0.35) calc(c * 0.95) h);
    --slds-g-color-brand-base-65: oklch(from var(--ief-brandPrimary) calc(l + (1 - l) * 0.25) c h);
    --slds-g-color-brand-base-60: oklch(from var(--ief-brandPrimary) calc(l + (1 - l) * 0.15) c h);
    /* Base Color */
    --slds-g-color-brand-base-50: var(--ief-brandPrimary);
    /* Shades (Darker): Maintain and then boost chroma */
    --slds-g-color-brand-base-40: oklch(from var(--ief-brandPrimary) calc(l * 0.88) c h);
    --slds-g-color-brand-base-30: oklch(from var(--ief-brandPrimary) calc(l * 0.75) c h);
    --slds-g-color-brand-base-20: oklch(from var(--ief-brandPrimary) calc(l * 0.60) calc(c * 1.05) h);
    --slds-g-color-brand-base-15: oklch(from var(--ief-brandPrimary) calc(l * 0.50) calc(c * 1.1) h);
    --slds-g-color-brand-base-10: oklch(from var(--ief-brandPrimary) calc(l * 0.40) calc(c * 1.1) h);
    --slds-g-color-brand-base-100: #FFFFFF;
    /* Background Color */
    /*--slds-g-color-brand-base-bg: oklch(from var(--ief-brandPrimary) calc(l + (1 - l) * 0.95) calc(c * 0.2) h);*/
    /*--ief-g-color-brand-base-bg: var(--dxp-g-root);*/

    --ief-g-color-link: var(--dxp-s-link-text-color);
    --ief-g-color-link-base-10: color-mix(in srgb, var(--ief-g-color-link) 20%, #200E02 80%);
    --ief-g-color-link-base-15: color-mix(in srgb, var(--ief-g-color-link) 30%, #200E02 70%);
    --ief-g-color-link-base-20: color-mix(in srgb, var(--ief-g-color-link) 40%, #200E02 60%);
    --ief-g-color-link-base-30: color-mix(in srgb, var(--ief-g-color-link) 60%, #200E02 40%);
    --ief-g-color-link-base-40: color-mix(in srgb, var(--ief-g-color-link) 80%, #200E02 20%);
    --ief-g-color-link-base-50: var(--ief-g-color-link);
    --ief-g-color-link-base-60: color-mix(in srgb, var(--ief-g-color-link) 80%, #FFFFFF 20%);
    --ief-g-color-link-base-65: color-mix(in srgb, var(--ief-g-color-link) 70%, #FFFFFF 30%);
    --ief-g-color-link-base-70: color-mix(in srgb, var(--ief-g-color-link) 60%, #FFFFFF 40%);
    --ief-g-color-link-base-80: color-mix(in srgb, var(--ief-g-color-link) 40%, #FFFFFF 60%);
    --ief-g-color-link-base-90: color-mix(in srgb, var(--ief-g-color-link) 20%, #FFFFFF 80%);
    --ief-g-color-link-base-95: color-mix(in srgb, var(--ief-g-color-link) 10%, #FFFFFF 90%);
    --ief-g-color-link-hover: var(--dxp-s-link-text-color-hover);
    --ief-g-color-link-active: var(--ief-g-color-link-base-30);

    /* Cool Grey Pallate */
    --ief-g-color-palette-cool-grey-10: #16171D;
    --ief-g-color-palette-cool-grey-15: #22232A;
    --ief-g-color-palette-cool-grey-20: #2C2E37;
    --ief-g-color-palette-cool-grey-30: #414450;
    --ief-g-color-palette-cool-grey-40: #575B6D;
    --ief-g-color-palette-cool-grey-50: #6E748A;
    --ief-g-color-palette-cool-grey-60: #8E93A8;
    --ief-g-color-palette-cool-grey-65: #9BA0B3;
    --ief-g-color-palette-cool-grey-70: #AAADBE;
    --ief-g-color-palette-cool-grey-80: #C7C9D2;
    --ief-g-color-palette-cool-grey-90: #E4E5E9;
    --ief-g-color-palette-cool-grey-95: #F3F3F3;

    /* Warm Grey Pallate */
    --ief-g-color-palette-warm-grey-10: #181818;
    --ief-g-color-palette-warm-grey-15: #262321;
    --ief-g-color-palette-warm-grey-20: #312D2A;
    --ief-g-color-palette-warm-grey-30: #49433F;
    --ief-g-color-palette-warm-grey-40: #635A53;
    --ief-g-color-palette-warm-grey-50: #7D736A;
    --ief-g-color-palette-warm-grey-60: #9F9185;
    --ief-g-color-palette-warm-grey-65: #AD9E92;
    --ief-g-color-palette-warm-grey-70: #BBAB9D;
    --ief-g-color-palette-warm-grey-80: #D0C8C1;
    --ief-g-color-palette-warm-grey-90: #E7E5E3;
    --ief-g-color-palette-warm-grey-95: #F3F3F3;

    /* Stateful colors */
    --ief-g-color-error-base-40: var(--slds-g-color-palette-red-40, #BA0517);
    --ief-g-color-error-base-50: var(--slds-g-color-palette-red-50, #EA001E);
    --ief-g-color-error-base-60: var(--slds-g-color-palette-red-60, #FE5C4C);
    --ief-g-color-error-base-65: var(--slds-g-color-palette-red-65, #FE7765);
    --ief-g-color-error-base-70: var(--slds-g-color-palette-red-70, #FE8F7D);
    --ief-g-color-error-base-80: var(--slds-g-color-palette-red-80, #FEB8AB);
    --ief-g-color-error-base-90: var(--slds-g-color-palette-red-90, #FEDED8);
    --ief-g-color-error-base-95: var(--slds-g-color-palette-red-95, #FEF1EE);
    --ief-g-color-warning-base-40: var(--slds-g-color-palette-orange-40, #825101);
    --ief-g-color-warning-base-50: var(--slds-g-color-palette-orange-50, #A96404);
    --ief-g-color-warning-base-60: var(--slds-g-color-palette-orange-60, #DD7A01);
    --ief-g-color-warning-base-65: var(--slds-g-color-palette-orange-65, #F38303);
    --ief-g-color-warning-base-70: var(--slds-g-color-palette-orange-70, #FE9339);
    --ief-g-color-warning-base-80: var(--slds-g-color-palette-orange-80, #FFBA90);
    --ief-g-color-warning-base-90: var(--slds-g-color-palette-orange-90, #FEDFD0);
    --ief-g-color-warning-base-95: var(--slds-g-color-palette-orange-95, #FFF1EA);
    --ief-g-color-success-base-40: var(--slds-g-color-palette-green-40, #396547);
    --ief-g-color-success-base-50: var(--slds-g-color-palette-green-50, #2E844A);
    --ief-g-color-success-base-60: var(--slds-g-color-palette-green-60, #3BA755);
    --ief-g-color-success-base-65: var(--slds-g-color-palette-green-65, #41B658);
    --ief-g-color-success-base-70: var(--slds-g-color-palette-green-70, #45C65A);
    --ief-g-color-success-base-80: var(--slds-g-color-palette-green-80, #91DB8B);
    --ief-g-color-success-base-90: var(--slds-g-color-palette-green-90, #CDEFC4);
    --ief-g-color-success-base-95: var(--slds-g-color-palette-green-95, #EBF7E6);
    --ief-g-color-info-base-40: var(--slds-g-color-palette-cloud-blue-40, #05628A);
    --ief-g-color-info-base-50: var(--slds-g-color-palette-cloud-blue-50, #107CAD);
    --ief-g-color-info-base-60: var(--slds-g-color-palette-cloud-blue-60, #0D9DDA);
    --ief-g-color-info-base-65: var(--slds-g-color-palette-cloud-blue-65, #08ABED);
    --ief-g-color-info-base-70: var(--slds-g-color-palette-cloud-blue-70, #1AB9FF);
    --ief-g-color-info-base-80: var(--slds-g-color-palette-cloud-blue-80, #90D0FE);
    --ief-g-color-info-base-90: var(--slds-g-color-palette-cloud-blue-90, #CFE9FE);
    --ief-g-color-info-base-95: var(--slds-g-color-palette-cloud-blue-95, #EAF5FE);

    --ief-g-color-divider: var(--slds-g-color-neutral-base-80, #C9C9C9);

    --ief-g-icon-size-1: 1rem;
    --ief-g-icon-size-2: 1.25rem;
    --ief-g-icon-size-3: 1.5rem;
    --ief-g-icon-size-4: 2rem;
    --ief-g-icon-size-5: 2.5rem;
    --ief-g-spacing-1: 0.25rem;
    --ief-g-spacing-2: 0.5rem;
    --ief-g-spacing-3: 0.75rem;
    --ief-g-spacing-4: 1rem;
    --ief-g-spacing-5: 1.5rem;
    --ief-g-spacing-6: 2rem;
    --ief-g-spacing-7: 2.5rem;
    --ief-g-spacing-8: 3rem;
    --ief-g-spacing-9: 3.5rem;
    --ief-g-spacing-10: 4rem;
    --ief-g-spacing-11: 4.5rem;
    --ief-g-spacing-12: 5rem;

    --ief-g-border-radius-none: 0;
    --ief-g-border-radius-1: 4px;
    --ief-g-border-radius-2: 8px;
    --ief-g-border-radius-3: 12px;
    --ief-g-border-radius-4: 16px;
    --ief-g-border-radius-5: 24px;
    --ief-g-border-radius-6: 32px;
    --ief-g-border-radius-circle: 50%;

    --ief-shadowRGB: var(--slds-g-color-brand-base-40);
    --ief-shadowLevel0: 0 0 0 1px var(--slds-g-color-brand-base-80);
    --ief-shadowLevel1: 0 2px 16px 0 rgb(from var(--ief-shadowRGB) r g b / 0.2);
    --ief-shadowLevel2: 0 4px 32px 0 rgb(from var(--ief-shadowRGB) r g b / 0.2);
    --ief-shadowLevel3: 0 8px 64px 0 rgb(from var(--ief-shadowRGB) r g b / 0.2);
    --ief-shadowLevel4: 0 12px 96px 0 rgb(from var(--ief-shadowRGB) r g b / 0.2);
    --ief-g-shadow-focus-1: 0 0 0 2px #FFFFFF, 0 0 0 4px var(--slds-g-color-brand-base-40);
    --ief-g-shadow-focus-2: 0 0 0 4px var(--slds-g-color-brand-base-90);
    --ief-g-shadow-focus-3: 0 0 0 2px var(--slds-g-color-brand-base-40);
    --ief-g-shadow-focus-4: 0 0 0 2px inset var(--slds-g-color-brand-base-40);
    --ief-g-shadow-focus-inverse-1: 0 0 0 2px var(--slds-g-color-brand-base-10), 0 0 0 4px #FFFFFF;
    --ief-g-shadow-focus-inverse-2: 0 0 0 2px var(--slds-g-color-brand-base-30), 0 0 0 4px #FFFFFF;

    --ief-g-font-size-page-heading: var(--dxp-s-text-heading-large-font-size);
    --ief-g-line-height-page-heading: var(--dxp-s-text-heading-large-line-height);
    --ief-g-font-weight-page-heading: var(--dxp-s-text-heading-large-font-weight);
    --ief-g-font-size-section-heading: var(--dxp-s-text-heading-medium-font-size);
    --ief-g-font-weight-section-heading: var(--dxp-s-text-heading-medium-font-weight);
    --ief-g-font-size-subsection-heading: var(--dxp-s-text-heading-small-font-size);
    --ief-g-font-size-body-medium: var(--dxp-s-body-font-size);
    --ief-g-font-size-body-small: var(--dxp-s-body-small-font-size);

    --ief-s-pill-line-height: 1.125rem;
    --ief-s-pill-border-radius: var(--ief-g-border-radius-5);

    --ief-s-input-line-height: var(--dxp-s-form-element-text-line-height);
    /*--ief-s-input-spacing-inline: var(--ief-g-spacing-4);*/
    --ief-s-mark-shadow-hover: var(--ief-g-shadow-focus-2);
    --ief-s-input-border-radius: var(--dxp-s-form-element-radius-border);

    --ief-s-button-border-radius: var(--dxp-s-button-radius-border);
    --ief-s-button-spacing-inline: var(--dxp-s-button-padding);
    /*--ief-s-button-icon-size: 3rem;*/
    --ief-s-button-icon-size: calc(calc(var(--dxp-s-button-line-height) * var(--dxp-s-button-font-size)) + var(--dxp-s-button-padding-block-start) + var(--dxp-s-button-padding-block-end) + calc(2 * var(--slds-c-button-sizing-border, 1px)));

    --ief-s-surface-spacing-around: var(--ief-g-spacing-6);
    --ief-s-surface-border-radius-1: var(--ief-g-border-radius-1);
    --ief-s-surface-border-radius-2: var(--ief-g-border-radius-3);
    --ief-s-surface-border-radius-3: var(--ief-g-border-radius-5);

    --ief-s-grid-cell-height: 4rem;

    --ief-c-notification-color-border: var(--slds-g-color-neutral-base-80, #C9C9C9);
    --ief-c-notification-color-border-left: var(--slds-g-color-neutral-base-40, #5C5C5C);
    --ief-c-notification-color-background: var(--slds-g-color-neutral-base-95, #F3F3F3);
    --ief-c-notification-icon-container-color-background: var(--slds-g-color-neutral-base-90, #E5E5E5);
    --ief-c-notification-icon-color-fill: var(--slds-g-color-neutral-base-40, #5C5C5C);
    --ief-c-notification-icon-size: var(--ief-g-icon-size-3);

    --ief-s-menu-spacing-block: var(--ief-g-spacing-2);
    --ief-s-menu-box-shadow: var(--ief-shadowLevel1);
    --ief-s-menu-border-radius: var(--ief-s-surface-border-radius-2);
    --ief-s-menu-border: none;
    --ief-s-menu-item-spacing-block: var(--ief-g-spacing-4);
    --ief-s-menu-item-spacing-inline: var(--ief-g-spacing-4);
    --ief-s-menu-item-line-height: 1.5rem;
    --ief-s-menu-item-icon-size: var(--ief-g-icon-size-1);

    --ief-s-button-background-color-selected: color-mix(in srgb, var(--dxp-s-secondary-button-text-color) 40%, #FFFFFF 60%);
    --ief-s-button-border-color-selected: var(--dxp-s-secondary-button-border-color);

    --slds-s-link-color: var(--ief-g-color-link);
    --slds-s-link-color-hover: var(--ief-g-color-link-hover);
    --slds-s-link-color-active: var(--ief-g-color-link-active);

    /*--slds-s-input-spacing: var(--ief-g-spacing-4);*/
    --slds-s-input-radius-border: var(--ief-s-input-border-radius);
    --slds-s-input-color-border: var(--dxp-s-form-element-color-border, var(--slds-g-color-brand-base-70));
    --slds-s-input-color-background-disabled: var(--slds-g-color-neutral-base-95, #F3F3F3);
    --slds-s-input-color-border-disabled: var(--slds-g-color-neutral-base-65, #A0A0A0);
    --slds-s-input-color-border-focus: var(--dxp-s-form-element-color-border-focus, var(--slds-g-color-brand-base-40));
    --slds-s-input-shadow-focus: var(--ief-g-shadow-focus-2);

    --slds-s-button-radius-border: var(--ief-s-button-border-radius);
    --slds-s-button-color: var(--dxp-s-button-color);
    --slds-s-button-color-hover: var(--dxp-s-button-color-hover);

    --slds-s-alert-font-weight: 400;

    /*--slds-s-mark-color-background-checked: var(--slds-g-color-brand-base-50);*/

    --slds-s-menu-item-color-active: var(--slds-g-color-brand-base-50);

    --slds-c-button-radius-border: var(--ief-s-button-border-radius);
    --slds-c-button-shadow-focus: var(--ief-g-shadow-focus-1);
    --slds-c-button-line-height: var(--dxp-s-button-line-height);
    --slds-c-button-spacing-block-start: var(--dxp-s-button-padding-block-start);
    --slds-c-button-spacing-block-end: var(--dxp-s-button-padding-block-end);

    /* Brand button start */
    --slds-c-button-brand-color-background: var(--dxp-s-button-color);
    --slds-c-button-brand-color-background-hover: var(--dxp-s-button-color-hover);
    --slds-c-button-brand-color-background-active: var(--dxp-s-button-color-active);
    --slds-c-button-brand-color-border: var(--dxp-s-button-border-color);
    --slds-c-button-brand-color-border-hover: var(--dxp-s-button-border-color-hover);
    --sds-c-button-brand-color-border-active: var(--dxp-s-button-border-color-active);
    --slds-c-button-brand-text-color: var(--dxp-s-button-color-contrast);
    --slds-c-button-brand-text-color-active: var(--dxp-s-button-color-active-contrast);
    --slds-c-button-brand-text-color-hover: var(--dxp-s-button-color-hover-contrast);
    --slds-c-button-brand-spacing-inline-end: var(--ief-s-button-spacing-inline);
    --slds-c-button-brand-spacing-inline-start: var(--ief-s-button-spacing-inline);
    /* Brand button end */
    /* Brand outline button start */
    --slds-c-button-outline-brand-color-background: var(--dxp-s-secondary-button-color);
    --slds-c-button-outline-brand-color-background-hover: var(--dxp-s-secondary-button-color-hover);
    --slds-c-button-outline-brand-color-background-active: var(--dxp-s-secondary-button-color-active);
    --slds-c-button-outline-brand-color-border: var(--dxp-s-secondary-button-border-color);
    --slds-c-button-outline-brand-color-border-hover: var(--dxp-s-secondary-button-border-color-hover);
    --slds-c-button-outline-brand-spacing-inline-end: var(--ief-s-button-spacing-inline);
    --slds-c-button-outline-brand-spacing-inline-start: var(--ief-s-button-spacing-inline);
    /* Brand outline button end */
    /* Brand neutral button start */
    --slds-c-button-neutral-color-background: var(--dxp-s-secondary-button-color);
    --slds-c-button-neutral-color-background-active: var(--dxp-s-secondary-button-color-active);
    --slds-c-button-neutral-color-background-hover: var(--dxp-s-secondary-button-color-hover);
    --slds-c-button-neutral-color-border: var(--dxp-s-secondary-button-border-color);
    --slds-c-button-neutral-color-border-active: var(--dxp-s-secondary-button-color-focus);
    --slds-c-button-neutral-color-border-hover: var(--dxp-s-secondary-button-border-color-hover);
    --slds-c-button-neutral-spacing-inline-end: var(--ief-s-button-spacing-inline);
    --slds-c-button-neutral-spacing-inline-start: var(--ief-s-button-spacing-inline);
    /* Brand neutral button end */
    /* Inverse button start */
    --slds-c-button-inverse-shadow-focus: var(--ief-g-shadow-focus-inverse-1);
    --sds-c-button-inverse-shadow-focus: var(--ief-g-shadow-focus-inverse-1);
    --slds-c-button-inverse-color-background: transparent;
    --slds-c-button-inverse-color-background-active: rgba(255, 255, 255, 0.50);
    --slds-c-button-inverse-color-background-hover: rgba(255, 255, 255, 0.15);
    --slds-c-button-inverse-color-border: var(--slds-g-color-brand-base-100);
    --slds-c-button-inverse-color-border-active: var(--slds-g-color-brand-base-100);
    --slds-c-button-inverse-color-border-hover: var(--slds-g-color-brand-base-100);
    --slds-c-button-inverse-text-color: var(--slds-g-color-brand-base-100);
    --slds-c-button-inverse-text-color-active: var(--slds-g-color-brand-base-100);
    --slds-c-button-inverse-text-color-hover: var(--slds-g-color-brand-base-100);
    --slds-c-button-inverse-spacing-inline-end: var(--ief-s-button-spacing-inline);
    --slds-c-button-inverse-spacing-inline-start: var(--ief-s-button-spacing-inline);
    /* Inverse button end */
    /* Base button start */
    --slds-c-button-color-background: var(--dxp-s-tertiary-button-color);
    --slds-c-button-color-background-active: var(--dxp-s-tertiary-button-color-active);
    --slds-c-button-color-background-hover: var(--dxp-s-tertiary-button-color-hover);
    --slds-c-button-color-border: var(--dxp-s-tertiary-button-border-color);
    --slds-c-button-color-border-active: var(--dxp-s-tertiary-button-border-color-active);
    --slds-c-button-color-border-hover: var(--dxp-s-tertiary-button-border-color-hover);
    --slds-c-button-text-color: var(--dxp-s-tertiary-button-text-color);
    --slds-c-button-text-color-active: var(--dxp-s-tertiary-button-text-color-active);
    --slds-c-button-text-color-hover: var(--dxp-s-tertiary-button-text-color-hover);
    --slds-c-button-spacing-inline-start: var(--ief-s-button-spacing-inline);
    --slds-c-button-spacing-inline-end: var(--ief-s-button-spacing-inline);
    /* Base button end */
    /* Destructive and Success buttons start */
    --slds-c-button-success-spacing-inline-end: var(--ief-s-button-spacing-inline);
    --slds-c-button-success-spacing-inline-start: var(--ief-s-button-spacing-inline);
    --slds-c-button-destructive-spacing-inline-end: var(--ief-s-button-spacing-inline);
    --slds-c-button-destructive-spacing-inline-start: var(--ief-s-button-spacing-inline);
    --slds-c-button-text-destructive-spacing-inline-end: var(--ief-s-button-spacing-inline);
    --slds-c-button-text-destructive-spacing-inline-start: var(--ief-s-button-spacing-inline);
    /* Destructive and Success buttons end */

    /* SLDS+ styling hooks */
    --slds-s-button-spacing-inline: var(--ief-s-button-spacing-inline);
    --slds-c-button-font-lineheight: var(--dxp-s-button-line-height);
    --slds-s-button-shadow-focus: var(--ief-g-shadow-focus-1);
    --slds-c-button-shadow-active: none;
    --slds-s-button-shadow-active: none;
    --slds-c-button-brand-color-border-active: var(--dxp-s-button-border-color-active);
    --slds-c-button-spacing-inlineend: var(--ief-s-button-spacing-inline);
    --slds-c-button-spacing-inlinestart: var(--ief-s-button-spacing-inline);
    --slds-c-button-spacing-blockstart: var(--dxp-s-button-padding-block-start);
    --slds-c-button-spacing-blockend: var(--dxp-s-button-padding-block-end);
    --slds-s-button-shadow-focus-inverse: var(--ief-g-shadow-focus-inverse-1);

    --slds-c-input-color-border: var(--dxp-s-form-element-color-border);
    --slds-c-input-radius-border: var(--ief-s-input-border-radius);
    --slds-c-input-color-border-focus: var(--dxp-s-form-element-color-border-focus);
    --slds-c-input-shadow-focus: var(--ief-g-shadow-focus-2);
    --slds-c-input-spacing-horizontal-start: var(--dxp-s-form-element-spacing-horizontal-start);
    --slds-c-input-spacing-horizontal-end: var(--dxp-s-form-element-spacing-horizontal-end);
    --slds-c-input-spacing-inlinestart: var(--dxp-s-form-element-spacing-horizontal-start);
    --slds-c-input-spacing-inlineend: var(--dxp-s-form-element-spacing-horizontal-end);
    --slds-s-input-color-background-disabled: var(--slds-g-color-neutral-base-95, #F3F3F3);
    --slds-s-input-color-border-disabled: var(--slds-g-color-neutral-base-65, #A0A0A0);

    --slds-c-card-shadow: var(--ief-shadowLevel0);
    --slds-c-card-radius-border: var(--ief-s-surface-border-radius-3);
    --slds-c-card-heading-font-weight: var(--ief-g-font-weight-section-heading);
    --slds-c-card-header-spacing-block-start: var(--ief-s-surface-spacing-around);
    --slds-c-card-header-spacing-block-end: var(--ief-g-spacing-3);
    --slds-c-card-header-spacing-inline-start: var(--ief-s-surface-spacing-around);
    --slds-c-card-header-spacing-inline-end: var(--ief-s-surface-spacing-around);
    --slds-c-card-body-spacing-inline-start: var(--ief-s-surface-spacing-around);
    --slds-c-card-body-spacing-inline-end: var(--ief-s-surface-spacing-around);
    --slds-c-card-footer-spacing-block-start: var(--ief-s-surface-spacing-around);
    --slds-c-card-footer-spacing-block-end: var(--ief-s-surface-spacing-around);
    --slds-c-card-footer-spacing-inline-start: var(--ief-s-surface-spacing-around);
    --slds-c-card-footer-spacing-inline-end: var(--ief-s-surface-spacing-around);
    --slds-c-card-footer-color-border: var(--ief-g-color-divider);
    --slds-c-card-sizing-border: 0;
    --slds-c-card-header-spacing-blockstart: var(--ief-s-surface-spacing-around);
    --slds-c-card-header-spacing-blockend: var(--ief-g-spacing-3);
    --slds-c-card-header-spacing-inlinestart: var(--ief-s-surface-spacing-around);
    --slds-c-card-header-spacing-inlineend: var(--ief-s-surface-spacing-around);
    --slds-c-card-header-spacing-inline: var(--ief-s-surface-spacing-around);
    --slds-c-card-body-spacing-inlinestart: var(--ief-s-surface-spacing-around);
    --slds-c-card-body-spacing-inlineend: var(--ief-s-surface-spacing-around);
    --slds-c-card-body-spacing-inline: var(--ief-s-surface-spacing-around);
    --slds-c-card-footer-spacing-blockstart: var(--ief-s-surface-spacing-around);
    --slds-c-card-footer-spacing-blockend: var(--ief-s-surface-spacing-around);
    --slds-c-card-footer-spacing-block: var(--ief-s-surface-spacing-around);
    --slds-c-card-footer-spacing-inlinestart: var(--ief-s-surface-spacing-around);
    --slds-c-card-footer-spacing-inlineend: var(--ief-s-surface-spacing-around);
    --slds-c-card-footer-spacing-inline: var(--ief-s-surface-spacing-around);

    --slds-c-checkbox-radius-border: var(--dxp-s-form-checkbox-radius-border);
    --slds-c-checkbox-color-border: var(--dxp-s-form-checkbox-color-border);
    --slds-c-checkbox-color-border-focus: var(--dxp-s-form-checkbox-color-border-checked);
    --slds-c-checkbox-color-border-checked: var(--dxp-s-form-checkbox-color-border-checked);
    --slds-c-checkbox-mark-color-foreground: var(--slds-g-color-brand-base-100);
    --slds-c-checkbox-color-background: var(--dxp-s-form-checkbox-color-background);
    --slds-c-checkbox-color-background-checked: var(--dxp-s-form-checkbox-color-background-checked);
    --slds-c-checkbox-shadow-focus: var(--ief-g-shadow-focus-1);

    --slds-s-mark-color-border: var(--dxp-s-form-checkbox-color-border);
    --slds-s-mark-color-background-checked: var(--dxp-s-form-checkbox-color-background-checked);
    --slds-s-mark-color-foreground-checked: var(--slds-g-color-brand-base-100);
    --slds-s-mark-shadow-focus: var(--ief-g-shadow-focus-1);

    --slds-c-accordion-heading-font-size: var(--ief-g-font-size-subsection-heading);
    --slds-c-accordion-section-spacing-block-end: var(--ief-g-spacing-5);
    --slds-c-accordion-section-spacing-block-start: var(--ief-g-spacing-5);
    --slds-c-accordion-section-spacing-inline-end: var(--ief-g-spacing-5);
    --slds-c-accordion-section-spacing-inline-start: var(--ief-g-spacing-5);
    --slds-c-accordion-heading-line-height: 1.75rem;
    --sds-c-accordion-heading-text-color-hover: var(--slds-g-color-brand-base-40);
    --slds-c-accordion-section-spacing-blockend: var(--ief-g-spacing-5);
    --slds-c-accordion-section-spacing-blockstart: var(--ief-g-spacing-5);
    --slds-c-accordion-section-spacing-inlineend: var(--ief-g-spacing-5);
    --slds-c-accordion-section-spacing-inlinestart: var(--ief-g-spacing-5);
    --slds-c-accordion-heading-color-hover: var(--slds-g-color-brand-base-40);

    --slds-c-radio-shadow-focus: var(--ief-g-shadow-focus-1);
    --slds-c-radio-color-border: var(--dxp-s-form-checkbox-color-border);
    --slds-c-radio-color-border-checked: var(--dxp-s-form-checkbox-color-border-checked);
    --slds-c-radio-color-border-focus: var(--dxp-s-form-checkbox-color-background-checked);
    --slds-c-radio-mark-color-foreground: var(--dxp-s-form-checkbox-color-background-checked);

    --slds-c-tooltip-color-background: var(--slds-g-color-brand-base-30);
    --slds-c-tooltip-font-size: var(--ief-g-font-size-body-small);

    --slds-c-tabs-list-color-border: var(--ief-g-color-divider);
    --slds-c-tabs-item-text-color: var(--slds-g-color-brand-base-50);
    --slds-c-tabs-item-text-color-active: var(--slds-g-color-brand-base-50);
    --slds-c-tabs-item-color-border-active: var(--slds-g-color-brand-base-50);
    --slds-c-tabs-item-line-height: 1.5rem;
    --slds-c-tabs-item-spacing-block-start: var(--ief-g-spacing-3);
    --slds-c-tabs-item-spacing-block-end: var(--ief-g-spacing-3);
    --slds-c-tabs-item-spacing-inline-start: var(--ief-g-spacing-4);
    --slds-c-tabs-item-spacing-inline-end: var(--ief-g-spacing-4);
    --slds-c-tabs-item-sizing-height: auto;
    --slds-c-tabs-item-spacing-blockstart: var(--ief-g-spacing-3);
    --slds-c-tabs-item-spacing-blockend: var(--ief-g-spacing-3);
    --slds-c-tabs-item-spacing-inlinestart: var(--ief-g-spacing-4);
    --slds-c-tabs-item-spacing-inlineend: var(--ief-g-spacing-4);
    --slds-c-tabs-item-font-lineheight: 1.5rem;

    --slds-s-navigation-color: var(--slds-g-color-brand-base-50);
    --slds-s-navigation-color-hover: var(--slds-g-color-brand-base-50);
    --slds-s-navigation-color-active: var(--slds-g-color-brand-base-50);
    --slds-s-navigation-color-background-hover: var(--slds-g-color-brand-base-90);
    --slds-s-navigation-color-border-active: var(--slds-g-color-brand-base-50);
    --slds-s-navigation-sizing-border-active: var(--slds-g-sizing-border-4);
    --slds-s-navigation-sizing-border-hover: var(--slds-g-sizing-border-4);
    --slds-s-navigation-color-border-hover: var(--slds-g-color-brand-base-50);
    --slds-s-navigation-font-weight: var(--slds-g-font-weight-4);
    --slds-s-navigation-font-weight-active: var(--slds-g-font-weight-7);

    --slds-c-modal-radius-border: var(--ief-s-surface-border-radius-3);
    --slds-c-modal-color-border: var(--ief-g-color-divider);
    --slds-c-modal-header-spacing-block-start: var(--ief-s-surface-spacing-around);
    --slds-c-modal-header-spacing-block-end: var(--ief-g-spacing-5);
    --slds-c-modal-header-spacing-inline-start: var(--ief-s-surface-spacing-around);
    --slds-c-modal-header-spacing-inline-end: var(--ief-s-surface-spacing-around);
    --slds-c-modal-footer-spacing-block-start: var(--ief-s-surface-spacing-around);
    --slds-c-modal-footer-spacing-block-end: var(--ief-s-surface-spacing-around);
    --slds-c-modal-footer-spacing-inline-start: var(--ief-s-surface-spacing-around);
    --slds-c-modal-footer-spacing-inline-end: var(--ief-s-surface-spacing-around);
    --slds-c-modal-footer-color-background: var(--slds-g-color-neutral-base-100,
    #FFFFFF);
    --slds-c-modal-heading-font-weight: var(--ief-g-font-weight-section-heading);
    --slds-c-modal-sizing-border: 1px;
    --slds-c-modal-header-spacing-blockstart: var(--ief-s-surface-spacing-around);
    --slds-c-modal-header-spacing-blockend: var(--ief-g-spacing-5);
    --slds-c-modal-header-spacing-inlinestart: var(--ief-s-surface-spacing-around);
    --slds-c-modal-header-spacing-inlineend: var(--ief-s-surface-spacing-around);
    --slds-c-modal-footer-spacing-blockstart: var(--ief-s-surface-spacing-around);
    --slds-c-modal-footer-spacing-blockend: var(--ief-s-surface-spacing-around);
    --slds-c-modal-footer-spacing-inlinestart: var(--ief-s-surface-spacing-around);
    --slds-c-modal-footer-spacing-inlineend: var(--ief-s-surface-spacing-around);

    --slds-c-textarea-radius-border: var(--ief-s-input-border-radius);
    --slds-c-textarea-color-border: var(--dxp-s-form-element-color-border);
    --slds-c-textarea-color-border-focus: var(--dxp-s-form-element-color-border-focus);
    --slds-c-textarea-shadow-focus: var(--ief-g-shadow-focus-2);
    --slds-c-textarea-spacing-block-start: var(--dxp-s-form-element-spacing-block-start);
    --slds-c-textarea-spacing-block-end: var(--dxp-s-form-element-spacing-block-end);
    --slds-c-textarea-spacing-inline-start: var(--dxp-s-form-element-spacing-horizontal-start);
    --slds-c-textarea-spacing-inline-end: var(--dxp-s-form-element-spacing-horizontal-end);
    --slds-c-textarea-spacing-blockstart: var(--dxp-s-form-element-spacing-block-start);
    --slds-c-textarea-spacing-blockend: var(--dxp-s-form-element-spacing-block-end);
    --slds-c-textarea-spacing-inlinestart: var(--dxp-s-form-element-spacing-horizontal-start);
    --slds-c-textarea-spacing-inlineend: var(--dxp-s-form-element-spacing-horizontal-end);

    --slds-c-badge-radius-border: var(--ief-s-pill-border-radius);
    --slds-c-badge-line-height: var(--ief-s-pill-line-height);
    --slds-c-badge-color-background: var(--slds-g-color-brand-base-95);
    --slds-c-badge-text-color: var(--slds-g-color-brand-base-40);
    --slds-c-badge-icon-color-foreground: var(--slds-g-color-brand-base-40);
    --slds-c-badge-color-border: transparent;
    --slds-c-badge-lightest-color-background: var(--slds-g-color-brand-base-95);
    --slds-c-badge-lightest-color-border: var(--slds-g-color-brand-base-40);
    --slds-c-badge-inverse-color-background: var(--slds-g-color-brand-base-40);
    --slds-c-badge-inverse-text-color: #FFFFFF;
    --slds-c-badge-icon-inverse-color-foreground: #FFFFFF;
    --sds-c-badge-icon-inverse-color-foreground: #FFFFFF;

    --slds-c-breadcrumbs-spacing-inline-end: var(--ief-g-spacing-3);
    --slds-c-breadcrumbs-spacing-inline-start: var(--ief-g-spacing-3);
    --slds-c-breadcrumbs-spacing-inlineend: var(--ief-g-spacing-3);
    --slds-c-breadcrumbs-spacing-inlinestart: var(--ief-g-spacing-3);

    --slds-c-pill-radius-border: var(--ief-s-pill-border-radius);
    --slds-c-pill-spacing-inline-end: var(--ief-g-spacing-3);
    --slds-c-pill-spacing-inline-start: var(--ief-g-spacing-3);
    --slds-c-pill-spacing-block-end: var(--ief-g-spacing-1);
    --slds-c-pill-spacing-block-start: var(--ief-g-spacing-1);
    --slds-c-pill-line-height: var(--ief-s-pill-line-height);
    --slds-c-pill-color-background: var(--slds-g-color-neutral-base-100, #FFFFFF);
    --slds-c-pill-color-border: var(--slds-g-color-neutral-base-80, #C9C9C9);
    --slds-c-pill-action-shadow: var(--ief-g-shadow-focus-1);
    --sds-c-pill-color-background-hover: var(--slds-g-color-brand-base-95);
    --sds-c-pill-shadow-focus: var(--ief-g-shadow-focus-1);
    --slds-c-pill-spacing-inlineend: var(--ief-g-spacing-3);
    --slds-c-pill-spacing-inlinestart: var(--ief-g-spacing-3);
    --slds-c-pill-spacing-blockend: var(--ief-g-spacing-1);
    --slds-c-pill-spacing-blockstart: var(--ief-g-spacing-1);
    --slds-s-pill-color-background-hover: var(--slds-g-color-brand-base-95);

    --slds-c-checkbox-toggle-shadow: none;
    --slds-c-checkbox-toggle-color-background: var(--slds-g-color-neutral-base-50, #747474);
    --slds-c-checkbox-toggle-color-border: var(--slds-g-color-neutral-base-50, #747474);
    --slds-c-checkbox-toggle-color-background-checked-focus: var(--slds-g-color-brand-base-30);
    --slds-c-checkbox-toggle-color-background-hover: var(--slds-g-color-neutral-base-40,
    #5c5c5c);
    --slds-c-checkbox-toggle-color-border-hover: var(--slds-g-color-neutral-base-40,
    #5c5c5c);

    --slds-s-table-header-color-background: var(--slds-g-color-brand-base-90);
    --slds-s-table-header-color-background-hover: var(--slds-g-color-brand-base-95);
    --slds-s-table-resize-color-active: var(--slds-g-color-brand-base-50);
    --slds-s-table-cell-shadow-selected: var(--slds-g-color-brand-base-40) 0 0 0 1px inset;
    --slds-s-table-row-color-background-selected: var(--slds-g-color-brand-base-95);
    --slds-s-table-header-font-weight: var(--slds-g-font-weight-7);
    --slds-s-table-cell-shadow-selected: var(--ief-g-shadow-focus-4);

    --slds-c-select-shadow-focus: var(--ief-g-shadow-focus-3);
    --slds-c-select-color-border: var(--dxp-s-dropdown-color-border);
    --slds-c-select-color-border-focus: var(--dxp-s-form-element-color-border-focus);
    --slds-c-select-radius-border: var(--ief-s-input-border-radius);
    --slds-c-select-color-background: var(--dxp-s-dropdown-color-background);
    --slds-c-select-text-color: var(--dxp-s-dropdown-text-color);
}

/* Link styling start */
a,
.slds-text-link {
    color: var(--ief-g-color-link);
}

a:hover,
.slds-text-link:hover {
    text-decoration: var(--dxp-s-link-text-decoration-hover);
    color: var(--ief-g-color-link-hover);
}

a:focus,
.slds-text-link:focus {
    text-decoration: var(--dxp-s-link-text-decoration-hover);
    color: var(--ief-g-color-link-hover);
    box-shadow: none;
    outline: 2px solid var(--slds-g-color-brand-base-40);
}

a:active,
.slds-text-link:active {
    text-decoration: var(--dxp-s-link-text-decoration-hover);
    color: var(--ief-g-color-link-active);
    outline: none;
}

.slds-text-link {
    padding: 0;
    line-height: var(--dxp-s-body-line-height);
}
/* Link styling end */

/* Divider styling starts */
.slds-has-divider--top-space,
.slds-has-divider_top-space {
    border-color: var(--ief-g-color-divider);
}
/* Divider styling ends */

/* Menu styling starts */
.slds-dropdown-trigger [class*=slds-button_icon] {
    height: var(--ief-s-button-icon-size);
    width: var(--ief-s-button-icon-size);
    --slds-c-button-radius-border: var(--ief-s-button-border-radius);
}

.slds-dropdown-trigger .slds-button_icon-more {
    padding-inline: var(--ief-g-spacing-4);
    width: auto;
}

.slds-dropdown-trigger .slds-dropdown {
    border-radius: var(--ief-s-menu-border-radius);
    padding: var(--ief-s-menu-spacing-block) 0;
    box-shadow: var(--ief-s-menu-box-shadow);
    margin-top: var(--ief-s-menu-spacing-block);
    border: var(--ief-s-menu-border);
}

.slds-dropdown-trigger .slds-dropdown__item>a {
    padding: var(--ief-s-menu-item-spacing-block) var(--ief-s-menu-item-spacing-inline);
    line-height: var(--ief-s-menu-item-line-height);
    --slds-c-icon-color-foreground-default: var(--slds-g-color-brand-base-50);
}

.slds-dropdown-trigger .slds-dropdown__item>a:hover,
.slds-dropdown-trigger .slds-dropdown__item>a:active,
.slds-dropdown-trigger .slds-dropdown__item>a:focus {
    background-color: var(--dxp-s-dropdown-color-background-hover);
    color: var(--dxp-s-dropdown-text-color-hover, #181818);
    box-shadow: var(--ief-g-shadow-focus-4);
}

.slds-dropdown-trigger .slds-dropdown__item>a .slds-icon {
    margin-right: var(--ief-s-menu-item-spacing-inline);
    height: var(--ief-s-menu-item-icon-size);
    width: var(--ief-s-menu-item-icon-size);
}

.slds-dropdown-trigger .slds-dropdown__item>a:disabled,
.slds-dropdown-trigger .slds-dropdown__item>a[aria-disabled=true] {
    color: var(--slds-g-color-neutral-base-60, #939393);
    cursor: not-allowed;
}

.slds-dropdown-trigger .slds-dropdown__item>a:disabled:hover,
.slds-dropdown-trigger .slds-dropdown__item>a:disabled:active,
.slds-dropdown-trigger .slds-dropdown__item>a:disabled:focus,
.slds-dropdown-trigger .slds-dropdown__item>a[aria-disabled=true]:hover,
.slds-dropdown-trigger .slds-dropdown__item>a[aria-disabled=true]:active,
.slds-dropdown-trigger .slds-dropdown__item>a[aria-disabled=true]:focus {
    background-color: transparent;
    box-shadow: none;
}
/* Menu styling ends */

/* lightning-accordion styling starts */
.slds-accordion__summary {
    --slds-c-button-radius-border: var(--ief-g-border-radius-1);
}

.slds-accordion__summary .slds-accordion__summary-heading .slds-button {
    margin-right: var(--ief-g-spacing-2);
}

.slds-accordion__summary .slds-accordion__summary-heading .slds-button:focus {
    text-decoration: none;
    box-shadow: var(--ief-g-shadow-focus-4);
}

.slds-accordion__summary .slds-accordion__summary-heading .slds-button:active {
    background-color: transparent;
}

.slds-accordion__summary [slot=actions] [class*=slds-button_icon] {
    height: var(--ief-g-icon-size-4);
    width: var(--ief-g-icon-size-4);
    color: var(--ief-g-icon-color-default);
    padding: 0;
}
/* lightning-accordion styling ends */

/* lightning-badge styling starts */
.slds-badge {
    padding-inline: var(--ief-g-spacing-4);
}

.slds-badge.slds-theme_info {
    --slds-c-badge-text-color: var(--ief-g-color-info-base-40);
    --slds-c-badge-color-background: var(--ief-g-color-info-base-95);
    --slds-c-badge-icon-color-foreground: var(--ief-g-color-info-base-40);
    color: var(--slds-c-badge-text-color);
    background-color: var(--slds-c-badge-color-background);
}

.slds-badge.slds-theme_success {
    --slds-c-badge-text-color: var(--ief-g-color-success-base-40);
    --slds-c-badge-color-background: var(--ief-g-color-success-base-95);
    --slds-c-badge-icon-color-foreground: var(--ief-g-color-success-base-40);
    color: var(--slds-c-badge-text-color);
    background-color: var(--slds-c-badge-color-background);
}

.slds-badge.slds-theme_warning {
    --slds-c-badge-text-color: var(--ief-g-color-warning-base-40);
    --slds-c-badge-color-background: var(--ief-g-color-warning-base-95);
    --slds-c-badge-icon-color-foreground: var(--ief-g-color-warning-base-40);
    color: var(--slds-c-badge-text-color);
    background-color: var(--slds-c-badge-color-background);
}

.slds-badge.slds-theme_error {
    --slds-c-badge-text-color: var(--ief-g-color-error-base-40);
    --slds-c-badge-color-background: var(--ief-g-color-error-base-95);
    --slds-c-badge-icon-color-foreground: var(--ief-g-color-error-base-40);
    color: var(--slds-c-badge-text-color);
    background-color: var(--slds-c-badge-color-background);
}

.slds-badge .slds-icon {
    height: var(--ief-g-icon-size-1);
    width: var(--ief-g-icon-size-1);
}

.slds-badge_lightest.slds-theme_info {
    --slds-c-badge-lightest-color-border: var(--ief-g-color-info-base-40);
}

.slds-badge_lightest.slds-theme_success {
    --slds-c-badge-lightest-color-border: var(--ief-g-color-success-base-40);
}

.slds-badge_lightest.slds-theme_warning {
    --slds-c-badge-lightest-color-border: var(--ief-g-color-warning-base-40);
}

.slds-badge_lightest.slds-theme_error {
    --slds-c-badge-lightest-color-border: var(--ief-g-color-error-base-40);
}

.slds-badge_inverse {
    --slds-c-badge-icon-color-foreground: var(--slds-g-color-neutral-base-100, #FFFFFF);
}

.slds-badge_inverse.slds-theme_info {
    --slds-c-badge-inverse-text-color: var(--slds-g-color-neutral-base-100, #FFFFFF);
    --slds-c-badge-inverse-color-background: var(--ief-g-color-info-base-40);
    --slds-c-badge-text-color: var(--slds-c-badge-inverse-text-color);
    --slds-c-badge-color-background: var(--slds-c-badge-inverse-color-background);
    --slds-c-badge-icon-color-foreground: var(--slds-g-color-neutral-base-100, #FFFFFF);
}

.slds-badge_inverse.slds-theme_success {
    --slds-c-badge-inverse-text-color: var(--slds-g-color-neutral-base-100, #FFFFFF);
    --slds-c-badge-inverse-color-background: var(--ief-g-color-success-base-40);
    --slds-c-badge-text-color: var(--slds-c-badge-inverse-text-color);
    --slds-c-badge-color-background: var(--slds-c-badge-inverse-color-background);
    --slds-c-badge-icon-color-foreground: var(--slds-g-color-neutral-base-100, #FFFFFF);
}

.slds-badge_inverse.slds-theme_warning {
    --slds-c-badge-inverse-text-color: var(--slds-g-color-neutral-base-100, #FFFFFF);
    --slds-c-badge-inverse-color-background: var(--ief-g-color-warning-base-40);
    --slds-c-badge-text-color: var(--slds-c-badge-inverse-text-color);
    --slds-c-badge-color-background: var(--slds-c-badge-inverse-color-background);
    --slds-c-badge-icon-color-foreground: var(--slds-g-color-neutral-base-100, #FFFFFF);
}

.slds-badge_inverse.slds-theme_warning .slds-icon {
    fill: var(--slds-c-badge-icon-color-foreground);
}

.slds-badge_inverse.slds-theme_error {
    --slds-c-badge-inverse-text-color: var(--slds-g-color-neutral-base-100, #FFFFFF);
    --slds-c-badge-inverse-color-background: var(--ief-g-color-error-base-40);
    --slds-c-badge-text-color: var(--slds-c-badge-inverse-text-color);
    --slds-c-badge-color-background: var(--slds-c-badge-inverse-color-background);
    --slds-c-badge-icon-color-foreground: var(--slds-g-color-neutral-base-100, #FFFFFF);
}
/* lightning-badge styling ends */

/* lightning-breadcrumbs styling starts */
.slds-breadcrumb .slds-breadcrumb__item>a,
.slds-breadcrumb .slds-list__item>a {
    color: var(--ief-g-color-link);
    padding-left: 0;
    padding-right: 0;
    margin-left: var(--slds-c-breadcrumbs-spacing-inline-start, var(--slds-c-breadcrumbs-spacing-inlinestart, 0.5rem));
    margin-right: var(--slds-c-breadcrumbs-spacing-inline-end, var(--slds-c-breadcrumbs-spacing-inlineend, 0.5rem));
}

.slds-breadcrumb .slds-breadcrumb__item>a:hover,
.slds-breadcrumb .slds-list__item>a:hover {
    color: var(--ief-g-color-link-hover);
    text-decoration: none;
}

.slds-breadcrumb .slds-breadcrumb__item>a:focus,
.slds-breadcrumb .slds-list__item>a:focus {
    color: var(--ief-g-color-link-hover);
    box-shadow: var(--ief-g-shadow-focus-1);
    border-radius: var(--ief-g-border-radius-1);
    text-decoration: none;
    outline: none;
}

.slds-breadcrumb .slds-breadcrumb__item>a:active,
.slds-breadcrumb .slds-list__item>a:active {
    color: var(--ief-g-color-link-active);
    text-decoration: none;
}

.slds-breadcrumb .slds-breadcrumb__item>a[aria-current],
.slds-breadcrumb .slds-list__item>a[aria-current] {
    color: var(--dxp-s-body-text-color);
}
/* lightning-breadcrumbs styling ends */

/* lightning-button styling starts */
.slds-button:focus {
    background-color: var(--dxp-s-tertiary-button-color-focus);
    border-color: var(--dxp-s-tertiary-button-border-color-focus);
    color: var(--dxp-s-tertiary-button-text-color-focus);
}

.slds-button[disabled],
.slds-button:disabled {
    color: var(--slds-g-color-neutral-base-65, #A0A0A0);
}

.slds-button.slds-button_brand:focus {
    background-color: var(--dxp-s-button-color-focus);
    border-color: var(--dxp-s-button-border-color-focus);
    color: var(--dxp-s-button-color-focus-contrast);
}

.slds-button.slds-button_brand[disabled],
.slds-button.slds-button_brand:disabled {
    background-color: var(--slds-g-color-neutral-base-95, #F3F3F3);
    border-color: var(--slds-g-color-neutral-base-95, #F3F3F3);
}

.slds-button.slds-button_outline-brand:focus,
.slds-button.slds-button_neutral:focus {
    background-color: var(--dxp-s-secondary-button-color-focus);
    border-color: var(--dxp-s-secondary-button-border-color-focus);
    color: var(--dxp-s-secondary-button-text-color-focus);
}

.slds-button.slds-button_outline-brand[disabled],
.slds-button.slds-button_outline-brand:disabled,
.slds-button.slds-button_neutral[disabled],
.slds-button.slds-button_neutral:disabled {
    background-color: var(--slds-g-color-neutral-base-100, #FFFFFF);
    border-color: var(--slds-g-color-neutral-base-65, #A0A0A0);
}

.slds-button.slds-button_inverse:focus {
    box-shadow: var(--slds-c-button-inverse-shadow-focus);
    -webkit-box-shadow: var(--slds-c-button-inverse-shadow-focus);
}

.slds-button.slds-button_inverse[disabled],
.slds-button.slds-button_inverse:disabled {
    color: var(--slds-g-color-neutral-base-70, #AEAEAE);
    border-color: var(--slds-g-color-neutral-base-70, #AEAEAE);
}
/* lightning-button styling ends */

/* lightning-button-icon styling starts */
.slds-button_icon {
    padding: 0;
}

.slds-button_icon[disabled],
.slds-button_icon:disabled {
    color: var(--slds-g-color-neutral-base-65, #A0A0A0);
}

.slds-button_icon.slds-is-selected {
    background-color: var(--ief-s-button-background-color-selected);
    border-color: var(--ief-s-button-border-color-selected);
    color: var(--dxp-s-secondary-button-text-color);
}

.slds-button_icon.slds-is-selected .slds-button__icon {
    fill: var(--dxp-s-secondary-button-text-color);
}

.slds-button_icon-brand {
    padding: 0;
    height: var(--ief-s-button-icon-size);
    width: var(--ief-s-button-icon-size);
    background-color: var(--dxp-s-button-color);
    border-color: var(--dxp-s-button-border-color);
    color: var(--dxp-s-button-color-contrast);
}

.slds-button_icon-brand:hover {
    background-color: var(--dxp-s-button-color-hover);
    border-color: var(--dxp-s-button-border-color-hover);
    color: var(--dxp-s-button-color-hover-contrast);
}

.slds-button_icon-brand:active {
    background-color: var(--dxp-s-button-color-active);
    border-color: var(--dxp-s-button-border-color-active);
}

.slds-button_icon-brand:focus {
    background-color: var(--dxp-s-button-color-focus);
    border-color: var(--dxp-s-button-border-color-focus);
    color: var(--dxp-s-button-color-focus-contrast);
    box-shadow: var(--ief-g-shadow-focus-1);
}

.slds-button_icon-brand[disabled],
.slds-button_icon-brand:disabled {
    background-color: var(--slds-g-color-neutral-base-95, #F3F3F3);
    border-color: var(--slds-g-color-neutral-base-95, #F3F3F3);
}

.slds-button_icon-border-filled,
.slds-button_icon-border {
    padding: 0;
    height: var(--ief-s-button-icon-size);
    width: var(--ief-s-button-icon-size);
    background-color: var(--dxp-s-secondary-button-color);
    border-color: var(--dxp-s-secondary-button-border-color);
    color: var(--dxp-s-secondary-button-text-color);
}

.slds-button_icon-border-filled:hover,
.slds-button_icon-border:hover {
    background-color: var(--dxp-s-secondary-button-color-hover);
    border-color: var(--dxp-s-secondary-button-border-color-hover);
    color: var(--dxp-s-secondary-button-text-color-hover);
}

.slds-button_icon-border-filled:active,
.slds-button_icon-border:active {
    background-color: var(--dxp-s-secondary-button-color-active);
    border-color: var(--dxp-s-secondary-button-border-color-active);
    color: var(--dxp-s-secondary-button-text-color-active);
}

.slds-button_icon-border-filled:focus,
.slds-button_icon-border:focus {
    background-color: var(--dxp-s-secondary-button-color-focus);
    border-color: var(--dxp-s-secondary-button-border-color-focus);
    color: var(--dxp-s-secondary-button-text-color-focus);
    box-shadow: var(--ief-g-shadow-focus-1);
}

.slds-button_icon-border-filled[disabled],
.slds-button_icon-border-filled:disabled,
.slds-button_icon-border[disabled],
.slds-button_icon-border:disabled {
    background-color: var(--slds-g-color-neutral-base-95, #F3F3F3);
    border-color: var(--slds-g-color-neutral-base-65, #A0A0A0);
}

.slds-button_icon-container,
.slds-button_icon-bare {
    padding: 0;
    color: var(--dxp-s-tertiary-button-text-color);
    background-color: var(--dxp-s-tertiary-button-color);
    border-color: var(--dxp-s-tertiary-button-border-color);
}

.slds-button_icon-container:hover,
.slds-button_icon-bare:hover {
    color: var(--dxp-s-tertiary-button-text-color-hover);
    background-color: var(--dxp-s-tertiary-button-color-hover);
    border-color: var(--dxp-s-tertiary-button-border-color-hover);
}

.slds-button_icon-container:active,
.slds-button_icon-bare:active {
    color: var(--dxp-s-tertiary-button-text-color-active);
    background-color: var(--dxp-s-tertiary-button-color-active);
}

.slds-button_icon-container:focus,
.slds-button_icon-bare:focus {
    color: var(--dxp-s-tertiary-button-text-color-focus);
    background-color: var(--dxp-s-tertiary-button-color-focus);
    border-color: var(--dxp-s-tertiary-button-border-color-focus);
    box-shadow: var(--ief-g-shadow-focus-1);
}

.slds-button_icon-container[disabled],
.slds-button_icon-container:disabled,
.slds-button_icon-bare[disabled],
.slds-button_icon-bare:disabled {
    color: var(--slds-g-color-neutral-base-65, #A0A0A0);
}

.slds-button_icon-container {
    height: var(--ief-s-button-icon-size);
    width: var(--ief-s-button-icon-size);
}

.slds-button_icon-bare {
    --ief-s-button-icon-size: auto;
}

.slds-button_icon-inverse,
.slds-button_icon-border-inverse {
    color: var(--slds-g-color-neutral-base-100, #FFFFFF);
}

.slds-button_icon-inverse:hover,
.slds-button_icon-border-inverse:hover {
    color: var(--slds-g-color-neutral-base-100, #FFFFFF);
    background-color: rgb(from var(--slds-g-color-neutral-base-100, #FFFFFF) r g b/0.15);
}

.slds-button_icon-inverse:focus,
.slds-button_icon-border-inverse:focus {
    color: var(--slds-g-color-neutral-base-100, #FFFFFF);
    box-shadow: var(--sds-c-button-inverse-shadow-focus);
    background-color: transparent;
}

.slds-button_icon-inverse:active,
.slds-button_icon-border-inverse:active {
    background-color: rgb(from var(--slds-g-color-neutral-base-100, #FFFFFF) r g b/0.5);
}

.slds-button_icon-border-inverse {
    height: var(--ief-s-button-icon-size);
    width: var(--ief-s-button-icon-size);
}

.slds-button_icon-inverse:focus {
    border-color: transparent;
}
/* lightning-button-icon styling ends */

/* lightning-button-group styling starts */
.slds-button-group .slds-button {
    width: auto;
}

.slds-button-group .slds-button.slds-button_first {
    border-radius: var(--ief-s-button-border-radius) var(--ief-g-border-radius-none) var(--ief-g-border-radius-none) var(--ief-s-button-border-radius);
}

.slds-button-group .slds-button.slds-button_middle {
    border-radius: 0;
}

.slds-button-group .slds-button.slds-button_last {
    border-radius: var(--ief-g-border-radius-none) var(--ief-s-button-border-radius) var(--ief-s-button-border-radius) var(--ief-g-border-radius-none);
}

.slds-button-group .slds-button[disabled],
.slds-button-group .slds-button:disabled {
    background-color: var(--slds-g-color-neutral-base-95, #F3F3F3);
}

.slds-button-group lightning-button {
    vertical-align: bottom;
}

.slds-button-group .slds-button_icon {
    padding-inline: var(--ief-g-spacing-4);
}

.slds-button-group .slds-button_icon.slds-button_first {
    padding-left: var(--ief-g-spacing-5);
}

.slds-button-group .slds-button_icon.slds-button_last {
    padding-right: var(--ief-g-spacing-5);
}

.slds-button-group lightning-button-menu>.slds-button {
    height: var(--ief-s-button-icon-size);
    padding-left: var(--ief-g-spacing-4);
    padding-right: var(--ief-g-spacing-5);
    width: auto;
}

.slds-button-group .slds-dropdown {
    min-width: min-content;
}

.slds-button-group .slds-dropdown .slds-dropdown__item>a {
    padding-block: var(--ief-g-spacing-3);
    color: var(--dxp-s-tertiary-button-color);
    justify-content: center;
}

.slds-button-group .slds-dropdown .slds-dropdown__item>a:hover {
    color: var(--dxp-s-tertiary-button-color-hover);
}

.slds-button-group .slds-dropdown .slds-dropdown__item>a:focus {
    color: var(--dxp-s-tertiary-button-color-focus);
}

.slds-button-group .slds-dropdown .slds-dropdown__item > a[aria-disabled=true] {
    color: var(--slds-g-color-neutral-base-60, #939393);
}
/* lightning-button-group styling ends */

/* lightning-card styling starts */
.slds-card .slds-card__header {
    --slds-c-button-spacing-blockstart: var(--dxp-s-button-small-padding-block-start);
    --slds-c-button-spacing-block-start: var(--dxp-s-button-small-padding-block-start);
    --slds-c-button-spacing-blockend: var(--dxp-s-button-small-padding-block-end);
    --slds-c-button-spacing-block-end: var(--dxp-s-button-small-padding-block-end);
    --slds-c-button-spacing-inlinestart: var(--dxp-s-button-small-padding-inline-start);
    --slds-c-button-spacing-inline-start: var(--dxp-s-button-small-padding-inline-start);
    --slds-c-button-spacing-inlineend: var(--dxp-s-button-small-padding-inline-end);
    --slds-c-button-spacing-inline-end: var(--dxp-s-button-small-padding-inline-end);
    --slds-c-button-brand-spacing-inline-start: var(--dxp-s-button-small-padding-inline-start);
    --slds-c-button-brand-spacing-inline-end: var(--dxp-s-button-small-padding-inline-end);
    --slds-c-button-outline-brand-spacing-inline-start: var(--dxp-s-button-small-padding-inline-start);
    --slds-c-button-outline-brand-spacing-inline-end: var(--dxp-s-button-small-padding-inline-end);
    --slds-c-button-neutral-spacing-inline-start: var(--dxp-s-button-small-padding-inline-start);
    --slds-c-button-neutral-spacing-inline-end: var(--dxp-s-button-small-padding-inline-end);
}

.slds-card .slds-card__header [class*=slds-button_icon] {
    /*height: var(--ief-g-icon-size-4);
    width: var(--ief-g-icon-size-4);*/
    /*--slds-c-icon-color-foreground: var(--slds-g-color-neutral-base-50, #747474);*/
}
/* lightning-card styling ends */

/* Modal styling starts */
.slds-modal__content {
    padding-inline: var(--ief-s-surface-spacing-around);
}

.slds-modal__footer lightning-button+lightning-button {
    margin-left: var(--ief-g-spacing-4);
}

.slds-modal__footer .slds-button+.slds-button {
    margin-left: var(--ief-g-spacing-4);
}
/* Modal styling ends */

/* lightning-checkbox styling starts */
.slds-checkbox [type=checkbox]+.slds-checkbox__label:hover {
    --slds-c-checkbox-shadow: var(--ief-s-mark-shadow-hover);
}

.slds-checkbox [type=checkbox][disabled]+.slds-checkbox__label .slds-checkbox_faux {
    border-color: var(--slds-g-color-neutral-base-65, #A0A0A0);
    background-color: var(--slds-g-color-neutral-base-100, #FFFFFF);
    --slds-c-checkbox-shadow: none;
}

.slds-checkbox [type=checkbox][disabled]+.slds-checkbox__label .slds-checkbox_faux:after {
    border-color: var(--slds-g-color-neutral-base-100, #FFFFFF);
}

.slds-checkbox [type=checkbox]:checked[disabled]+.slds-checkbox__label .slds-checkbox_faux {
    background-color: var(--slds-g-color-neutral-base-65, #A0A0A0);
    border-color: var(--slds-g-color-neutral-base-65, #A0A0A0);
    --slds-c-checkbox-shadow: none;
}
/* lightning-checkbox styling ends */

/* lightning-checkbox-group styling starts */
lightning-checkbox-group .slds-form-element__legend {
    margin-bottom: var(--ief-g-spacing-4);
}

.slds-checkbox+.slds-checkbox {
    margin-top: var(--ief-g-spacing-4);
}
/* lightning-checkbox-group styling ends */

/* lightning-radio-group styling starts */
.slds-radio {
    --slds-s-mark-color-foreground-checked: var(--slds-g-color-brand-base-50);
}

.slds-radio [type=radio]+.slds-radio__label:hover {
    --slds-c-radio-shadow: var(--ief-s-mark-shadow-hover);
}

.slds-radio [type=radio][disabled]+.slds-radio__label .slds-radio_faux {
    --slds-c-radio-shadow: none;
}

lightning-radio-group .slds-form-element__legend {
    margin-bottom: var(--ief-g-spacing-4);
}

.slds-radio+.slds-radio {
    margin-top: var(--ief-g-spacing-4);
}
/* lightning-radio-group styling ends */

/* lightning-input styling starts */
.slds-input {
    line-height: var(--ief-s-input-line-height);
}

.slds-input:hover {
    --slds-c-input-color-border: var(--dxp-s-form-element-color-border-focus, var(--slds-g-color-brand-base-40));
}

.slds-input[type=search] {
    --slds-c-input-radius-border: 2rem;
}

.slds-input[disabled],
.slds-input.slds-is-disabled {
    --slds-c-input-color-background: var(--slds-g-color-neutral-base-95, #F3F3F3);
    --slds-c-input-color-border: var(--slds-g-color-neutral-base-65, #A0A0A0);
}

.slds-input[disabled]+.slds-input__icon .slds-button_icon,
.slds-input[disabled]+.slds-input__icon-group,
.slds-input.slds-is-disabled+.slds-input__icon .slds-button_icon,
.slds-input.slds-is-disabled+.slds-input__icon-group {
    --slds-c-icon-color-foreground: var(--slds-g-color-neutral-base-65, #A0A0A0);
}

.slds-input[disabled]+.slds-input__icon .slds-button_icon .slds-icon,
.slds-input[disabled]+.slds-input__icon-group .slds-icon,
.slds-input.slds-is-disabled+.slds-input__icon .slds-button_icon .slds-icon,
.slds-input.slds-is-disabled+.slds-input__icon-group .slds-icon {
    --slds-c-icon-color-foreground: var(--slds-g-color-neutral-base-65, #A0A0A0);
}

.slds-input+.slds-input__icon .slds-button_icon {
    height: auto;
    width: auto;
}

.slds-input-has-icon_left-right .slds-input,
.slds-input-has-icon_left-right .slds-input_faux,
.slds-input-has-icon_right .slds-input,
.slds-input-has-icon_right .slds-input_faux {
    --slds-c-input-spacing-horizontal-end: calc(1.5rem + var(--dxp-s-form-element-spacing-horizontal-end));
    --slds-c-input-spacing-inlineend: calc(1.5rem + var(--dxp-s-form-element-spacing-horizontal-end));
}

.slds-input-has-icon_left-right .slds-input__icon_right,
.slds-input-has-icon_right .slds-input__icon_right {
    right: var(--dxp-s-form-element-spacing-horizontal-end);
}

.slds-input-has-icon_left-right .slds-input,
.slds-input-has-icon_left-right .slds-input_faux,
.slds-input-has-icon_left .slds-input,
.slds-input-has-icon_left .slds-input_faux {
    --slds-c-input-spacing-horizontal-start: calc(1.5rem + var(--dxp-s-form-element-spacing-horizontal-start));
    --slds-c-input-spacing-inlinestart: calc(1.5rem + var(--dxp-s-form-element-spacing-horizontal-start));
}

.slds-input-has-icon_left-right .slds-input__icon_left,
.slds-input-has-icon_left .slds-input__icon_left {
    left: var(--dxp-s-form-element-spacing-horizontal-start);
}
/* lightning-input styling ends */

/* lightning-textarea styling starts */
.slds-textarea:hover {
    --slds-c-textarea-color-border: var(--dxp-s-form-element-color-border-focus, var(--slds-g-color-brand-base-40));
}

.slds-textarea.slds-is-disabled,
.slds-textarea[disabled] {
    --slds-c-textarea-color-border: var(--slds-g-color-neutral-base-65, #A0A0A0);
    --slds-c-textarea-color-background: var(--slds-g-color-neutral-base-95, #F3F3F3);
}
/* lightning-textarea styling ends */

/* lightning-select styling starts */
.slds-select_container .slds-select {
    height: calc(calc(var(--ief-s-input-line-height) * var(--dxp-c-select-text-font-size, var(--dxp-s-form-element-text-font-size, var(--dxp-s-body-font-size)))) + var(--dxp-s-form-element-spacing-block-start) + var(--dxp-s-form-element-spacing-block-end) + calc(2 * var(--dxp-c-select-width-border, var(--dxp-s-form-element-width-border, 1px))));
    padding-left: var(--dxp-s-form-element-spacing-horizontal-start);
    padding-right: calc(var(--dxp-s-form-element-spacing-horizontal-end) * 2);
}

.slds-select_container .slds-select[disabled],
.slds-select_container .slds-select.slds-is-disabled {
    border-color: var(--slds-g-color-neutral-base-65, #A0A0A0);
    background-color: var(--slds-g-color-neutral-base-95, #F3F3F3);
}

.slds-select_container .slds-select[multiple],
.slds-select_container .slds-select[size] {
    min-height: calc(calc(var(--ief-s-input-line-height) * var(--dxp-c-select-text-font-size, var(--dxp-s-form-element-text-font-size, var(--dxp-s-body-font-size)))) + var(--dxp-s-form-element-spacing-block-start) + var(--dxp-s-form-element-spacing-block-end) + calc(2 * var(--dxp-c-select-width-border, var(--dxp-s-form-element-width-border, 1px))));
    height: inherit;
    padding-inline: 0;
    padding-block: var(--ief-s-menu-spacing-block);
}

.slds-select_container .slds-select[multiple] option,
.slds-select_container .slds-select[size] option {
    padding-inline: var(--ief-s-menu-item-spacing-inline);
    padding-block: var(--ief-s-menu-item-spacing-block);
}

.slds-select_container .slds-select:hover {
    border-color: var(--dxp-s-form-element-color-border-focus, var(--slds-g-color-brand-base-40));
}

.slds-select_container .slds-select:hover[disabled],
.slds-select_container .slds-select:hover.slds-is-disabled {
    border-color: var(--slds-g-color-neutral-base-65, #A0A0A0);
}

.slds-select_container:before {
    right: var(--dxp-s-form-element-spacing-horizontal-end);
    top: var(--ief-g-spacing-4);
    border-bottom-color: var(--slds-g-color-brand-base-50);
}

.slds-select_container:after {
    right: var(--dxp-s-form-element-spacing-horizontal-end);
    bottom: var(--ief-g-spacing-4);
    border-top-color: var(--slds-g-color-brand-base-50);
}

.slds-select_container:has([multiple]):before,
.slds-select_container:has([multiple]):after,
.slds-select_container:has([size]):before,
.slds-select_container:has([size]):after {
    display: none;
}

.slds-select_container:has([disabled]):before,
.slds-select_container:has(.slds-is-disabled):before {
    border-bottom-color: var(--slds-g-color-neutral-base-65, #A0A0A0);
}

.slds-select_container:has([disabled]):after,
.slds-select_container:has(.slds-is-disabled):after {
    border-top-color: var(--slds-g-color-neutral-base-65, #A0A0A0);
}
/* lightning-select styling ends */

/* Form element error state styling starts */
.slds-has-error .slds-input {
    --slds-c-input-shadow: none;
    box-shadow: none;
    --slds-c-input-color-border: var(--ief-g-color-error-base-40);
    border-color: var(--ief-g-color-error-base-40);
}

.slds-has-error .slds-input:focus {
    --slds-c-input-shadow-focus: var(--ief-g-shadow-focus-2);
    box-shadow: var(--slds-c-input-shadow-focus);
}

.slds-has-error .slds-textarea {
    --slds-c-textarea-shadow: none;
    box-shadow: none;
    --slds-c-textarea-color-border: var(--ief-g-color-error-base-40);
    border-color: var(--ief-g-color-error-base-40);
}

.slds-has-error .slds-textarea:focus {
    --slds-c-textarea-shadow-focus: var(--ief-g-shadow-focus-2);
    box-shadow: var(--slds-c-textarea-shadow-focus);
}

.slds-has-error .slds-select {
    --slds-c-select-shadow-focus: none;
    box-shadow: none;
    --slds-c-select-color-border: var(--ief-g-color-error-base-40);
    border-color: var(--ief-g-color-error-base-40);
}

.slds-has-error .slds-select:focus {
    --slds-c-select-shadow-focus: var(--ief-g-shadow-focus-3);
    box-shadow: var(--slds-c-select-shadow-focus);
}

.slds-has-error .slds-form-element__help {
    color: var(--ief-g-color-error-base-40);
}
/* Form element error state styling ends */

/* Popover styling starts */
.slds-popover {
    box-shadow: var(--ief-shadowLevel2);
    border-radius: var(--ief-s-surface-border-radius-1);
    border: none;
}

.slds-popover::before,
.slds-popover::after {
    border-color: transparent;
    box-shadow: none;
}

.slds-popover .slds-popover__header .slds-popover__close {
    height: var(--ief-g-icon-size-2);
    width: var(--ief-g-icon-size-2);
    margin-top: 0;
}

.slds-popover .slds-popover__header .slds-popover__close:hover,
.slds-popover .slds-popover__header .slds-popover__close:focus,
.slds-popover .slds-popover__header .slds-popover__close:active {
    background-color: transparent;
}

.slds-popover .slds-popover__header .slds-popover__close .slds-icon {
    height: var(--ief-g-icon-size-2);
    width: var(--ief-g-icon-size-2);
}

.slds-popover .slds-popover__footer {
    background-color: transparent;
    border: none;
}

.slds-popover .slds-popover__footer .slds-button+.slds-button {
    margin-left: var(--ief-g-spacing-4);
}

.slds-popover .slds-popover__footer lightning-button+lightning-button {
    margin-left: var(--ief-g-spacing-4);
}

.slds-popover .slds-popover__body,
.slds-popover .slds-popover__header,
.slds-popover .slds-popover__footer {
    padding: var(--ief-g-spacing-5);
}

.slds-popover .slds-popover__header {
    padding-bottom: var(--ief-g-spacing-3);
}

.slds-popover .slds-popover__header+.slds-popover__body {
    padding-top: 0;
    padding-bottom: var(--ief-g-spacing-4);
}

.slds-popover .slds-popover__body+.slds-popover__footer {
    padding-top: 0;
}

.slds-popover_walkthrough-alt,
.slds-popover_feature {
    background-color: var(--slds-g-color-brand-base-30);
    padding-bottom: 0;
}

.slds-popover_walkthrough-alt .slds-popover__footer .slds-button,
.slds-popover_feature .slds-popover__footer .slds-button {
    --slds-c-button-text-color: #FFFFFF;
}
/* Popover styling ends */

/* Tooltip styling starts */
.slds-popover_tooltip {
    border-radius: var(--ief-s-surface-border-radius-1);
}

.slds-popover_tooltip .slds-popover__body {
    padding: var(--ief-g-spacing-2) var(--ief-g-spacing-4);
}
/* Tooltip styling ends */

/* Notification styling starts */
.slds-notification,
.slds-scoped-notification {
    --ief-shadowRGB: 0, 0, 0;
    box-shadow: var(--ief-shadowLevel1);
    border: 1px solid var(--ief-c-notification-color-border);
    border-left: 4px solid var(--ief-c-notification-color-border-left);
    border-radius: var(--ief-s-surface-border-radius-1);
    background-color: var(--ief-c-notification-color-background);
}

.slds-notification .slds-media__figure,
.slds-scoped-notification .slds-media__figure {
    background-color: var(--ief-c-notification-icon-container-color-background);
    padding: var(--ief-g-spacing-2);
    border-radius: var(--ief-g-border-radius-circle);
}

.slds-notification .slds-media__figure .slds-icon,
.slds-scoped-notification .slds-media__figure .slds-icon {
    --slds-c-icon-color-foreground: var(--ief-c-notification-icon-color-fill);
    height: var(--ief-c-notification-icon-size);
    width: var(--ief-c-notification-icon-size);
}

.slds-notification .slds-notification__close,
.slds-scoped-notification .slds-notification__close {
    height: var(--ief-g-icon-size-2);
    width: var(--ief-g-icon-size-2);
}

.slds-notification .slds-notification__close .slds-icon,
.slds-scoped-notification .slds-notification__close .slds-icon {
    height: var(--ief-g-icon-size-2);
    width: var(--ief-g-icon-size-2);
}

.slds-notification__target {
    padding: var(--ief-g-spacing-4);
    padding-left: var(--ief-g-spacing-3);
}

.slds-notification__target+.slds-notification__close {
    top: var(--ief-g-spacing-4);
    right: var(--ief-g-spacing-4);
}

.slds-scoped-notification {
    padding-right: var(--ief-g-spacing-4);
    padding-left: var(--ief-g-spacing-3);
    padding-block: var(--ief-g-spacing-2);
    color: var(--dxp-g-root-contrast, #181818);
}

.slds-scoped-notification:not(.slds-scoped-notification_light) a:not(.slds-button--neutral):link {
    color: var(--dxp-g-root-contrast, #181818);
}

.slds-scoped-notification.slds-theme_info {
    --ief-shadowRGB: var(--ief-g-color-info-base-40);
    --ief-c-notification-color-border: var(--ief-g-color-info-base-80);
    --ief-c-notification-color-border-left: var(--ief-g-color-info-base-40);
    --ief-c-notification-color-background: var(--ief-g-color-info-base-95);
    --ief-c-notification-icon-container-color-background: var(--ief-g-color-info-base-90);
    --ief-c-notification-icon-color-fill: var(--ief-g-color-info-base-40);
}

.slds-scoped-notification.slds-theme_success {
    --ief-shadowRGB: var(--ief-g-color-success-base-40);
    --ief-c-notification-color-border: var(--ief-g-color-success-base-80);
    --ief-c-notification-color-border-left: var(--ief-g-color-success-base-40);
    --ief-c-notification-color-background: var(--ief-g-color-success-base-95);
    --ief-c-notification-icon-container-color-background: var(--ief-g-color-success-base-90);
    --ief-c-notification-icon-color-fill: var(--ief-g-color-success-base-40);
}

.slds-scoped-notification.slds-theme_warning {
    --ief-shadowRGB: var(--ief-g-color-warning-base-40);
    --ief-c-notification-color-border: var(--ief-g-color-warning-base-80);
    --ief-c-notification-color-border-left: var(--ief-g-color-warning-base-40);
    --ief-c-notification-color-background: var(--ief-g-color-warning-base-95);
    --ief-c-notification-icon-container-color-background: var(--ief-g-color-warning-base-90);
    --ief-c-notification-icon-color-fill: var(--ief-g-color-warning-base-40);
}

.slds-scoped-notification.slds-theme_error {
    --ief-shadowRGB: var(--ief-g-color-error-base-40);
    --ief-c-notification-color-border: var(--ief-g-color-error-base-80);
    --ief-c-notification-color-border-left: var(--ief-g-color-error-base-40);
    --ief-c-notification-color-background: var(--ief-g-color-error-base-95);
    --ief-c-notification-icon-container-color-background: var(--ief-g-color-error-base-90);
    --ief-c-notification-icon-color-fill: var(--ief-g-color-error-base-40);
}

.slds-scoped-notification_dark {
    --ief-shadowRGB: var(--slds-g-color-neutral-base-40, #5C5C5C);
    --ief-c-notification-color-border: var(--slds-g-color-neutral-base-40, #5C5C5C);
    --ief-c-notification-color-border-left: var(--slds-g-color-neutral-base-40, #5C5C5C);
    --ief-c-notification-color-background: var(--slds-g-color-neutral-base-40, #5C5C5C);
    --ief-c-notification-icon-container-color-background: var(--slds-g-color-neutral-base-60, #939393);
    --ief-c-notification-icon-color-fill: var(--slds-g-color-neutral-base-100, #FFFFFF);
    color: var(--slds-g-color-neutral-base-100, #FFFFFF);
}

.slds-scoped-notification_dark:not(.slds-scoped-notification_light) a:not(.slds-button--neutral):link {
    color: var(--slds-g-color-neutral-base-100, #FFFFFF);
}
/* Notification styling ends */

/* lightning-tabset styling starts */
.slds-tabs_default__item+.slds-tabs_default__item {
    margin-left: var(--ief-g-spacing-5);
}

.slds-tabs_default__item:hover {
    --slds-c-tabs-item-text-color: var(--slds-g-color-brand-base-40);
    background-color: var(--slds-g-color-brand-base-95);
}

.slds-tabs_default__item.slds-has-focus {
    --slds-c-tabs-item-text-color: var(--slds-g-color-brand-base-40);
    box-shadow: var(--ief-g-shadow-focus-4);
}

.slds-tabs_default__item.slds-has-focus .slds-tabs_default__link {
    text-decoration: none;
}

.slds-tabs_default__item.slds-tabs_default__overflow-button .slds-button .slds-icon,
.slds-tabs_default__item .slds-tabs_default__link .slds-icon {
    width: var(--ief-g-icon-size-2);
    height: var(--ief-g-icon-size-2);
}

.slds-tabs_default__item.slds-tabs_default__overflow-button {
    --slds-c-button-sizing-border: 0;
    --slds-c-button-radius-border: 0;
    padding: 0;
}

.slds-tabs_default__item.slds-tabs_default__overflow-button .slds-dropdown-trigger .slds-button {
    --slds-c-button-color-background-hover: transparent;
    padding-inline: var(--slds-c-tabs-item-spacing-inline-start) var(--slds-c-tabs-item-spacing-inline-end);
    padding-block: var(--slds-c-tabs-item-spacing-block-start) var(--slds-c-tabs-item-spacing-block-end);
}

.slds-tabs_default__item.slds-tabs_default__overflow-button .slds-dropdown-trigger .slds-button:focus {
    --slds-c-tabs-item-text-color: var(--slds-g-color-brand-base-40);
    text-decoration: none;
    box-shadow: var(--ief-g-shadow-focus-3);
}

.slds-tabs_default__item.slds-tabs_default__overflow-button .slds-dropdown-trigger .slds-dropdown .slds-dropdown__item>a {
    padding-inline: var(--slds-c-tabs-item-spacing-inline-start) var(--slds-c-tabs-item-spacing-inline-end);
    padding-block: var(--slds-c-tabs-item-spacing-block-start) var(--slds-c-tabs-item-spacing-block-end);
    color: var(--slds-g-color-brand-base-50);
}

.slds-tabs_default__item.slds-tabs_default__overflow-button .slds-dropdown-trigger .slds-dropdown .slds-dropdown__item>a:hover,
.slds-tabs_default__item.slds-tabs_default__overflow-button .slds-dropdown-trigger .slds-dropdown .slds-dropdown__item>a:focus {
    color: var(--slds-g-color-brand-base-40);
}

.slds-tabs_default__item:hover:after,
.slds-tabs_default__item.slds-has-focus:after {
    height: 0;
}
/* lightning-tabset styling ends */

/* lightning-pill styling starts */
.slds-pill__icon_container {
    margin-right: var(--ief-g-spacing-2);
    height: var(--ief-g-icon-size-1);
    width: var(--ief-g-icon-size-1);
}

.slds-pill__icon_container .slds-avatar,
.slds-pill__icon_container .slds-icon {
    height: var(--ief-g-icon-size-1);
    width: var(--ief-g-icon-size-1);
}

.slds-pill .slds-pill__label {
    color: var(--slds-g-color-brand-base-40);
}

.slds-pill:hover {
    --slds-c-pill-color-border: var(--slds-g-color-brand-base-40);
}

.slds-pill.slds-pill_link .slds-pill__action {
    color: var(--slds-g-color-brand-base-40);
    text-decoration: none;
    padding-right: calc(1.5rem + var(--slds-c-pill-spacing-inline-end));
}

.slds-pill.slds-pill_link .slds-pill__action:hover {
    --slds-c-pill-color-border: var(--slds-g-color-brand-base-40);
    color: var(--slds-g-color-brand-base-40);
}

.slds-pill.slds-pill_link .slds-pill__action:focus {
    --slds-c-pill-color-background: var(--slds-g-color-brand-base-95);
    background-color: var(--slds-c-pill-color-background);
    color: var(--slds-g-color-brand-base-40);
}

.slds-pill.slds-pill_link .slds-pill__action:active {
    --slds-c-pill-color-background: var(--slds-g-color-brand-base-90);
    --slds-c-pill-color-border: var(--slds-g-color-brand-base-40);
    background-color: var(--slds-c-pill-color-background);
    color: var(--slds-g-color-brand-base-40);
}

.slds-pill .slds-pill__remove {
    right: var(--slds-c-pill-spacing-inline-end);
    margin-left: var(--ief-g-spacing-2);
}

.slds-pill .slds-pill__remove .slds-button_icon {
    height: var(--ief-g-icon-size-1);
    width: var(--ief-g-icon-size-1);
    color: var(--slds-g-color-brand-base-40);
}

.slds-pill .slds-pill__remove .slds-button_icon .slds-button__icon {
    height: var(--ief-g-icon-size-1);
    width: var(--ief-g-icon-size-1);
}
/* lightning-pill styling ends */

/* Toggle styling starts */
.slds-checkbox_toggle [type=checkbox]+.slds-checkbox_faux_container {
    display: flex;
    align-items: center;
    gap: var(--ief-g-spacing-2);
}

.slds-checkbox_toggle [type=checkbox]+.slds-checkbox_faux_container .slds-checkbox_faux {
    height: var(--ief-g-spacing-3);
    width: 2.75rem;
}

.slds-checkbox_toggle [type=checkbox]+.slds-checkbox_faux_container .slds-checkbox_faux:after {
    top: -7px;
    left: -1px;
    width: var(--ief-g-spacing-5);
    height: var(--ief-g-spacing-5);
    border: 1px solid var(--slds-g-color-neutral-base-50, #747474);
}

.slds-checkbox_toggle [type=checkbox]+.slds-checkbox_faux_container .slds-checkbox_off,
.slds-checkbox_toggle [type=checkbox]+.slds-checkbox_faux_container .slds-checkbox_on {
    padding: var(--ief-g-spacing-1);
}

.slds-checkbox_toggle [type=checkbox]:checked+.slds-checkbox_faux_container .slds-checkbox_faux {
    --slds-c-checkbox-toggle-color-background: var(--slds-g-color-brand-base-50);
    --slds-c-checkbox-toggle-color-border: var(--slds-g-color-brand-base-50);
}

.slds-checkbox_toggle [type=checkbox]:checked+.slds-checkbox_faux_container .slds-checkbox_faux:before {
    top: -4px;
    right: -2px;
    width: var(--ief-g-spacing-5);
    height: var(--ief-g-spacing-5);
}

.slds-checkbox_toggle [type=checkbox]:checked+.slds-checkbox_faux_container .slds-checkbox_faux::after {
    display: none;
}

.slds-checkbox_toggle [type=checkbox]:checked+.slds-checkbox_faux_container .slds-checkbox_faux::before {
    border: 1px solid var(--slds-g-color-brand-base-50);
    top: -7px;
}

.slds-checkbox_toggle [type=checkbox]:checked+.slds-checkbox_faux_container .slds-checkbox_faux:hover {
    --slds-c-checkbox-toggle-color-background: var(--slds-g-color-brand-base-40,
    #3a49da);
    --slds-c-checkbox-toggle-color-border: var(--slds-g-color-brand-base-40,
    #3a49da);
}

.slds-checkbox_toggle [type=checkbox][disabled]+.slds-checkbox_faux_container .slds-checkbox_faux {
    background-color: var(--slds-g-color-neutral-base-80, #c9c9c9);
    border-color: var(--slds-g-color-neutral-base-80, #c9c9c9);
}

.slds-checkbox_toggle [type=checkbox][disabled]+.slds-checkbox_faux_container .slds-checkbox_faux:after {
    background-color: var(--ief-g-color-palette-cool-grey-95, #f3f3f3);
    border-color: var(--slds-g-color-neutral-base-80, #c9c9c9);
}

.slds-checkbox_toggle [type=checkbox][disabled]:checked+.slds-checkbox_faux_container .slds-checkbox_faux:before {
    border: 1px solid var(--slds-g-color-neutral-base-80, #c9c9c9);
    background-color: var(--ief-g-color-palette-cool-grey-95, #f3f3f3);
}

.slds-checkbox_toggle [type=checkbox]:focus+.slds-checkbox_faux_container .slds-checkbox_faux {
    --slds-c-checkbox-toggle-shadow: none;
    --slds-c-checkbox-toggle-color-border: var(--slds-g-color-neutral-base-30,
    #444444);
    --slds-c-checkbox-toggle-color-background: var(--slds-g-color-neutral-base-30,
    #444444);
}

.slds-checkbox_toggle [type=checkbox]:focus:checked+.slds-checkbox_faux_container .slds-checkbox_faux {
    --slds-c-checkbox-toggle-color-border: var(--slds-g-color-brand-base-30);
    --slds-c-checkbox-toggle-color-background: var(--slds-g-color-brand-base-30);
}

.slds-checkbox_toggle .slds-form-element__label {
    padding-top: 0px;
}
/* Toggle styling ends */

/* lightning-tree-grid and lightning-datatable styling starts */
.dt-outer-container .slds-popover_edit {
    box-shadow: none;
    height: var(--ief-s-grid-cell-height);
}

.dt-outer-container .slds-popover_edit:has(.slds-popover__footer:not(:empty)) {
    height: auto;
    box-shadow: var(--ief-shadowLevel1);
}

.dt-outer-container .slds-popover_edit .slds-popover__body {
    padding: 0;
    width: inherit;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.dt-outer-container .slds-popover_edit .slds-popover__body:has(+ .slds-popover__footer:not(:empty)) {
    padding: var(--ief-g-spacing-5);
    position: static;
    transform: none;
}
.dt-outer-container .slds-popover_edit .slds-popover__footer .slds-button {
    --slds-c-button-line-height: 1.875rem;
    --slds-c-button-spacing-inline-start: var(--ief-g-spacing-4);
    --slds-c-button-spacing-inline-end: var(--ief-g-spacing-4);
}

.slds-table_header-fixed_container {
    border-radius: var(--ief-s-surface-border-radius-3);
    padding-top: var(--ief-s-grid-cell-height);
}

.slds-table_header-fixed_container::before {
    border: none;
}

.slds-table_header-fixed_container .slds-table {
    border-bottom-left-radius: var(--ief-s-surface-border-radius-3);
    border-bottom-right-radius: var(--ief-s-surface-border-radius-3);
}

.slds-table_header-fixed_container .slds-table thead th:first-child .slds-has-focus .slds-th__action {
    border-top-left-radius: var(--ief-s-surface-border-radius-3);
}

.slds-table_header-fixed_container .slds-table thead th:last-child .slds-has-focus .slds-th__action {
    border-top-right-radius: var(--ief-s-surface-border-radius-3);
}

.slds-table_header-fixed_container .slds-table thead .slds-is-sortable .slds-th__action .slds-is-sortable__icon {
    fill: var(--slds-g-color-neutral-base-50, #747474);
    height: var(--ief-g-icon-size-1);
    width: var(--ief-g-icon-size-1);
}

.slds-table_header-fixed_container .slds-table thead .slds-th__action {
    height: var(--ief-s-grid-cell-height);
    padding: var(--ief-g-spacing-2);
    background-color: var(--slds-g-color-brand-base-90);
}

.slds-table_header-fixed_container .slds-table thead .slds-th__action:hover {
    background-color: var(--slds-g-color-brand-base-95);
}

.slds-table_header-fixed_container .slds-table thead .slds-th__action-button {
    --slds-c-icon-color-foreground: var(--slds-g-color-neutral-base-50, #747474);
}

.slds-table_header-fixed_container .slds-table thead .slds-th__action-button .slds-dropdown .slds-dropdown__item.slds-is-selected {
    background-color: transparent;
}

.slds-table_header-fixed_container .slds-table tbody tr th,
.slds-table_header-fixed_container .slds-table tbody tr td {
    height: var(--ief-s-grid-cell-height);
    padding: var(--ief-g-spacing-2);
}

.slds-table_header-fixed_container .slds-table tbody tr td .slds-truncate:has(~ *) {
    max-width: calc(100% - 2rem);
}

.slds-table_header-fixed_container .slds-table tbody tr th .slds-button_icon,
.slds-table_header-fixed_container .slds-table tbody tr th .slds-button_icon-border,
.slds-table_header-fixed_container .slds-table tbody tr td .slds-button_icon,
.slds-table_header-fixed_container .slds-table tbody tr td .slds-button_icon-border {
    --ief-s-button-icon-size: var(--ief-g-icon-size-4);
}

.slds-table_header-fixed_container .slds-table tbody tr td .slds-button-group .slds-button_icon {
    padding-left: var(--ief-g-spacing-2);
    padding-right: var(--ief-g-spacing-2);
}

.slds-table_header-fixed_container .slds-table tbody tr td .slds-cell-edit__button {
    height: auto;
    width: auto;
}

.slds-table_header-fixed_container .slds-table tbody tr:last-child td:first-child {
    border-bottom-left-radius: var(--ief-s-surface-border-radius-3);
}

.slds-table_header-fixed_container .slds-table tbody tr:last-child td:last-child {
    border-bottom-right-radius: var(--ief-s-surface-border-radius-3);
}

.slds-table_header-fixed_container .slds-table th:focus,
.slds-table_header-fixed_container .slds-table th.slds-has-focus {
    box-shadow: var(--ief-g-shadow-focus-4);
    -webkit-box-shadow: var(--ief-g-shadow-focus-4);
}

.slds-table_header-fixed_container .slds-table .slds-th__action:focus,
.slds-table_header-fixed_container .slds-table .slds-has-focus .slds-th__action,
.slds-table_header-fixed_container .slds-table [role=gridcell].slds-has-focus {
    box-shadow: var(--ief-g-shadow-focus-4);
    -webkit-box-shadow: var(--ief-g-shadow-focus-4);
}

.slds-table_header-fixed_container .slds-table.slds-table_edit tbody tr:hover>.slds-cell-edit.slds-is-edited {
    background-color: var(--ief-g-color-info-base-95);
}

.slds-table_header-fixed_container .slds-table.slds-table_edit:not(.slds-no-cell-focus) tbody tr:hover>.slds-cell-edit.slds-has-focus {
    box-shadow: var(--ief-g-shadow-focus-4);
    -webkit-box-shadow: var(--ief-g-shadow-focus-4);
}

.slds-table_header-fixed_container .slds-table .slds-cell-edit.slds-is-edited {
    font-weight: 600;
    background-color: var(--ief-g-color-info-base-95);
    border: 1px solid var(--ief-g-color-info-base-50);
}

.slds-table_header-fixed_container .slds-table .slds-cell-edit.slds-is-edited.slds-has-focus {
    border: none;
}

.slds-table_header-fixed_container .slds-table .slds-cell-edit.slds-is-edited:hover {
    background-color: var(--ief-g-color-info-base-95);
}

.slds-table_header-fixed_container .slds-table .slds-cell-edit:hover .slds-button__icon_edit {
    opacity: 1;
}

.slds-table_header-fixed_container .slds-table_tree {
    --ief-c-tree-grid-cell-spacing-inline-start: var(--ief-g-spacing-2);
}

.slds-table_header-fixed_container .slds-table_tree .slds-tree__item {
    align-items: center;
    padding-left: var(--ief-c-tree-grid-cell-spacing-inline-start);
}

.slds-table_header-fixed_container .slds-table_tree .slds-tree__item .slds-button_icon {
    height: var(--ief-g-icon-size-1);
    width: var(--ief-g-icon-size-1);
}

.slds-table_header-fixed_container .slds-table_tree .slds-tree__item .slds-button_icon .slds-button__icon {
    height: var(--ief-g-icon-size-1);
    width: var(--ief-g-icon-size-1);
}

.slds-table_header-fixed_container .slds-table_tree .slds-th__action-button .slds-dropdown .slds-is-selected {
    box-shadow: none;
}

.slds-table_header-fixed_container lightning-primitive-treegrid-cell-toggle .slds-button_icon:focus {
    box-shadow: none;
}

.slds-table_header-fixed_container [aria-level="2"]>.slds-tree__item {
    padding-left: calc(var(--ief-c-tree-grid-cell-spacing-inline-start) + 1.5rem);
}

.slds-table_header-fixed_container [aria-level="3"]>.slds-tree__item {
    padding-left: calc(var(--ief-c-tree-grid-cell-spacing-inline-start) + 3rem);
}

.slds-table_header-fixed_container [aria-level="4"]>.slds-tree__item {
    padding-left: calc(var(--ief-c-tree-grid-cell-spacing-inline-start) + 4.5rem);
}

.slds-table_header-fixed_container [aria-level="5"]>.slds-tree__item {
    padding-left: calc(var(--ief-c-tree-grid-cell-spacing-inline-start) + 6rem);
}

.slds-table_header-fixed_container .slds-table tbody tr.slds-is-selected>td,
.slds-table_header-fixed_container .slds-table tbody tr.slds-is-selected>th,
.slds-table_header-fixed_container .slds-table:not(.slds-no-row-hover) tbody tr:hover>td,
.slds-table_header-fixed_container .slds-table:not(.slds-no-row-hover) tbody tr:hover>th {
    background-color: var(--slds-g-color-brand-base-95);
}
/* lightning-tree-grid and lightning-datatable styling ends */

/* lightning-progress-bar styling starts */
.slds-progress-bar {
    background-color: var(--slds-g-color-neutral-base-90, #E5E5E5);
}

.slds-progress-bar .slds-progress-bar__value {
    background: var(--slds-g-color-brand-base-50);
}

.slds-progress-bar_x-small {
    height: 0.25rem;
}
/* lightning-progress-bar styling ends */

/* lightning-progress-indicator styling starts */
.slds-progress__item .slds-button_icon {
    height: auto;
    width: auto;
}

.slds-progress__item.slds-is-completed .slds-progress__marker_icon {
    color: var(--slds-g-color-brand-base-50);
}

.slds-progress__item.slds-is-completed .slds-progress__marker_icon :hover {
    color: var(--slds-g-color-brand-base-50);
}

.slds-progress__item.slds-is-active .slds-progress__marker {
    border-color: var(--slds-g-color-brand-base-50);
}

.slds-progress__item.slds-is-active .slds-progress__marker:hover {
    border-color: var(--slds-g-color-brand-base-40);
}

.slds-progress__item.slds-has-error .slds-progress__marker {
    color: var(--ief-g-color-error-base-40);
}

.slds-progress__item.slds-has-error .slds-progress__marker:hover,
.slds-progress__item.slds-has-error .slds-progress__marker:focus {
    color: var(--ief-g-color-error-base-40);
}

.slds-progress__item .slds-progress__marker .slds-button__icon {
    height: var(--ief-g-icon-size-1);
    width: var(--ief-g-icon-size-1);
}

.slds-progress_shade .slds-progress__item.slds-is-completed .slds-progress__marker_icon {
    border-color: var(--slds-g-color-neutral-base-100, #FFFFFF);
}

.slds-progress_shade .slds-progress__item.slds-is-completed .slds-progress__marker {
    background-color: var(--slds-g-color-neutral-base-100, #FFFFFF);
}

.slds-progress_shade .slds-progress__item.slds-has-error .slds-progress__marker {
    background-color: var(--slds-g-color-neutral-base-100, #FFFFFF);
}

.slds-progress_shade .slds-progress__item .slds-progress__marker {
    border-color: var(--slds-g-color-neutral-base-100, #FFFFFF);
}

lightning-progress-indicator .slds-progress-bar {
    height: 1px;
    background-color: var(--slds-g-color-neutral-base-80, #C9C9C9);
}
/* lightning-progress-indicator styling ends */

/* lightning-combobox styling starts */
.slds-combobox .slds-input_faux {
    line-height: var(--ief-s-input-line-height);
}

.slds-combobox .slds-input_faux:hover {
    border-color: var(--dxp-s-form-element-color-border-focus, var(--slds-g-color-brand-base-40));
}

.slds-combobox .slds-input_faux:focus {
    box-shadow: var(--ief-g-shadow-focus-3);
    border-color: var(--dxp-s-form-element-color-border-focus, var(--slds-g-color-brand-base-40));
    outline: none;
}

.slds-combobox .slds-input_faux.slds-is-disabled,
.slds-combobox .slds-input_faux[disabled],
.slds-combobox .slds-input_faux:disabled {
    border-color: var(--slds-g-color-neutral-base-65, #A0A0A0);
    background-color: var(--slds-g-color-neutral-base-95, #F3F3F3);
}

.slds-combobox .slds-listbox_vertical .slds-listbox__option {
    padding: var(--ief-s-menu-item-spacing-block) var(--ief-s-menu-item-spacing-inline);
}

.slds-combobox .slds-listbox_vertical .slds-listbox__option:hover,
.slds-combobox .slds-listbox_vertical .slds-listbox__option:focus,
.slds-combobox .slds-listbox_vertical .slds-listbox__option.slds-has-focus {
    background-color: var(--dxp-s-dropdown-color-background-hover, #f1f3fb);
    box-shadow: var(--ief-g-shadow-focus-4);
}

.slds-combobox .slds-listbox_vertical .slds-listbox__option .slds-media__figure {
    width: auto;
    margin-right: var(--ief-s-menu-item-spacing-inline);
}

.slds-combobox .slds-listbox_vertical .slds-listbox__option .slds-media__figure .slds-icon {
    height: var(--ief-s-menu-item-icon-size);
    width: var(--ief-s-menu-item-icon-size);
}

.slds-combobox .slds-listbox_vertical .slds-listbox__option .slds-media__figure:empty {
    width: var(--ief-s-menu-item-icon-size);
    height: 1px;
    visibility: hidden;
}

.slds-combobox .slds-icon-text-default {
    --slds-c-icon-color-foreground: var(--slds-g-color-brand-base-50);
}

.slds-input_faux.slds-is-disabled+.slds-input__icon-group .slds-icon {
    --slds-c-icon-color-foreground: var(--slds-g-color-neutral-base-65,
    #a0a0a0);
}
/* lightning-combobox styling ends */

/* Datepicker styling starts */
lightning-datepicker .slds-dropdown-trigger .slds-input:focus {
    box-shadow: var(--ief-g-shadow-focus-3);
}

lightning-datepicker .slds-dropdown-trigger.slds-is-open .slds-input:focus {
    box-shadow: var(--ief-g-shadow-focus-2);
}

.slds-datepicker.slds-dropdown {
    padding-bottom: var(--ief-g-spacing-4);
    padding-top: 0;
}

.slds-datepicker.slds-dropdown .slds-datepicker__filter {
    background-color: var(--slds-g-color-brand-base-95);
    padding: var(--ief-g-spacing-4);
    align-items: center;
    border-radius: var(--ief-s-surface-border-radius-2) var(--ief-s-surface-border-radius-2) 0 0;
}

.slds-datepicker.slds-dropdown .slds-datepicker__filter .slds-datepicker__filter_month {
    padding-right: var(--ief-g-spacing-4);
}

.slds-datepicker.slds-dropdown .slds-datepicker__filter .slds-datepicker__filter_month .slds-button_icon {
    height: var(--ief-g-icon-size-1);
    width: var(--ief-g-icon-size-1);
}

.slds-datepicker.slds-dropdown .slds-datepicker__filter .slds-datepicker__filter_month .slds-button_icon .slds-button__icon {
    height: var(--ief-g-icon-size-1);
    width: var(--ief-g-icon-size-1);
}

.slds-datepicker.slds-dropdown .slds-datepicker__filter .slds-select {
    border-color: var(--dxp-s-form-element-color-border, var(--slds-g-color-brand-base-70));
}

.slds-datepicker.slds-dropdown .slds-datepicker__filter .slds-select:hover {
    border-color: var(--dxp-s-form-element-color-border-focus, var(--slds-g-color-brand-base-40));
}

.slds-datepicker.slds-dropdown .slds-datepicker__filter .slds-select:focus {
    border-color: var(--dxp-s-form-element-color-border-focus, var(--slds-g-color-brand-base-40));
    box-shadow: var(--ief-g-shadow-focus-3);
    -webkit-box-shadow: var(--ief-g-shadow-focus-3);
}

.slds-datepicker.slds-dropdown .slds-text-link {
    margin-top: var(--ief-g-spacing-2);
    color: var(--slds-g-color-brand-base-50);
    font-weight: 590;
}

.slds-datepicker thead>tr>th {
    font-weight: 590;
}

.slds-datepicker tbody>tr>td.slds-is-selected>.slds-day {
    background: var(--slds-g-color-brand-base-50);
}

.slds-datepicker tbody>tr>td.slds-is-today>.slds-day {
    background-color: var(--slds-g-color-neutral-base-80, #C9C9C9);
}

.slds-datepicker tbody>tr>td:focus>.slds-day {
    box-shadow: var(--ief-g-shadow-focus-3);
    -webkit-box-shadow: var(--ief-g-shadow-focus-3);
}
/* Datepicker styling ends */

/* Timepicker styling starts */
lightning-timepicker .slds-dropdown-trigger .slds-input:focus {
    box-shadow: var(--ief-g-shadow-focus-3);
}

lightning-timepicker .slds-dropdown-trigger.slds-is-open .slds-input:focus {
    box-shadow: var(--ief-g-shadow-focus-2);
}
/* Timepicker styling ends */

/* SLDS helper classes styling starts */
.slds-button_brand:focus {
    box-shadow: var(--slds-c-button-shadow-focus);
}

.slds-box {
    padding: var(--ief-s-surface-spacing-around);
    border-radius: var(--ief-s-surface-border-radius-3);
    border: none;
    box-shadow: var(--ief-shadowLevel0);
    background-color: var(--slds-g-color-neutral-base-100, #FFFFFF);
}

.slds-button_icon-inverse.slds-button_icon-bare,
.slds-button_icon-inverse.slds-button_icon-border {
    color: var(--slds-g-color-neutral-base-100, #FFFFFF);
}

.slds-button_icon-inverse.slds-button_icon-bare:hover,
.slds-button_icon-inverse.slds-button_icon-border:hover {
    color: var(--slds-g-color-neutral-base-100, #FFFFFF);
    background-color: rgb(from var(--slds-g-color-neutral-base-100, #FFFFFF) r g b / 0.15);
}

.slds-button_icon-inverse.slds-button_icon-bare:focus,
.slds-button_icon-inverse.slds-button_icon-border:focus {
    color: var(--slds-g-color-neutral-base-100, #FFFFFF);
    box-shadow: var(--sds-c-button-inverse-shadow-focus);
    background-color: transparent;
}

.slds-button_icon-inverse.slds-button_icon-bare:focus {
    border-color: transparent;
}

.slds-notify__close .slds-button_icon-bare {
    width: var(--ief-g-icon-size-3);
    height: var(--ief-g-icon-size-3);
}

.slds-combobox__input.slds-input:focus {
    box-shadow: var(--slds-c-input-shadow-focus);
}

.slds-datepicker.slds-dropdown .slds-datepicker__filter lightning-select {
    display: block;
}

.slds-theme--error,
.slds-theme_error {
    --ief-g-shadow-focus-inverse-1: 0 0 0 2px var(--slds-g-color-error-base-40), 0 0 0 4px #FFFFFF;
    --sds-c-button-inverse-shadow-focus: 0 0 0 2px var(--slds-g-color-error-base-40), 0 0 0 4px #FFFFFF;
    --slds-s-button-shadow-focus-inverse: 0 0 0 2px var(--slds-g-color-error-base-40), 0 0 0 4px #FFFFFF;
}

.slds-has-error .slds-input:focus {
    box-shadow: var(--slds-c-input-shadow-focus);
    border-color: var(--ief-g-color-error-base-40);
}

.slds-has-error .slds-textarea:focus {
    box-shadow: var(--slds-c-textarea-shadow-focus);
    border-color: var(--ief-g-color-error-base-40);
}

.slds-has-error .slds-combobox__input.slds-input_faux {
    box-shadow: none;
}

.slds-has-error .slds-combobox__input.slds-input_faux:focus {
    box-shadow: var(--ief-g-shadow-focus-3);
}

.slds-combobox_container.slds-has-selection .slds-combobox__input-value {
    box-shadow: none;
}

.slds-combobox_container.slds-has-selection .slds-combobox__input-value:focus {
    box-shadow: var(--ief-g-shadow-focus-3);
}

.slds-input-has-icon_left-right .slds-combobox__input.slds-combobox__input-value {
    padding-left: var(--slds-c-input-spacing-horizontal-start);
    padding-right: var(--slds-c-input-spacing-horizontal-end);
}

.slds-combobox__input-entity-icon {
    left: var(--ief-s-input-spacing-inline);
}

.slds-combobox.slds-dropdown-trigger [class*=slds-button_icon] {
    --ief-s-button-icon-size: auto;
}

.slds-rich-text-editor {
    border-radius: var(--ief-s-input-border-radius);
    border-color: var(--dxp-s-form-element-color-border);
}

.slds-rich-text-editor:hover {
    border-color: var(--dxp-s-form-element-color-border-focus, var(--slds-g-color-brand-base-40));
}

.slds-rich-text-editor.slds-has-focus {
    box-shadow: var(--slds-c-textarea-shadow-focus);
    border-color: var(--dxp-s-form-element-color-border-focus, var(--slds-g-color-brand-base-40));
}

.slds-rich-text-editor > :first-child {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: var(--ief-s-input-border-radius);
    border-top-right-radius: var(--ief-s-input-border-radius);
}

.slds-rich-text-editor > :last-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: var(--ief-s-input-border-radius);
    border-bottom-right-radius: var(--ief-s-input-border-radius);
}

.slds-rich-text-editor .slds-rich-text-editor__textarea .slds-rich-text-area__content {
    border-radius: inherit;
}

.slds-rich-text-editor .slds-rich-text-editor__toolbar {
    background-color: var(--slds-g-color-brand-base-95);
}

.slds-rich-text-editor .slds-rich-text-editor__toolbar .slds-input_faux {
    padding-block: 0;
}

.slds-combobox-addon_start .slds-combobox__input {
    border-top-left-radius: var(--ief-s-input-border-radius);
    border-bottom-left-radius: var(--ief-s-input-border-radius);
}

.slds-combobox-addon_end .slds-combobox__input {
    border-top-right-radius: var(--ief-s-input-border-radius);
    border-bottom-right-radius: var(--ief-s-input-border-radius);
}

.slds-color-picker__summary-button {
    padding-inline: var(--ief-g-spacing-4);
    height: var(--ief-s-button-icon-size);
}

.slds-color-picker__selector.slds-popover {
    width: auto;
}

.slds-color-picker__selector .slds-color-picker__custom canvas {
    width: 100%;
}

.slds-color-picker__selector .slds-color-picker__custom .slds-color-picker__custom-inputs .slds-color-picker__input-custom-hex {
    flex-basis: 50%;
}

.slds-nav-vertical {
    padding-block: var(--ief-g-spacing-2);
}

.slds-nav-vertical__item:hover:before,
.slds-nav-vertical__item.slds-is-active:before {
    background-color: var(--slds-g-color-brand-base-95);
}

.slds-nav-vertical .slds-nav-vertical__item .slds-nav-vertical__action {
    padding: var(--ief-g-spacing-4) var(--ief-g-spacing-4) var(--ief-g-spacing-4) var(--ief-g-spacing-5);
}

.slds-nav-vertical__item.slds-is-active .slds-nav-vertical__action {
    box-shadow: 4px 0 0 0 inset var(--ief-g-color-link);
}

.slds-nav-vertical__item.slds-is-active .slds-nav-vertical__action:focus {
    box-shadow: 4px 0 0 0 inset var(--ief-g-color-link);
    outline-color: var(--slds-g-color-brand-base-40);
    outline-offset: 0;
}

.slds-nav-vertical__action:hover {
    box-shadow: none;
}

.slds-button-group-row .slds-button-group-item+.slds-button-group-item {
    margin-left: var(--ief-g-spacing-4);
}

.slds-dropdown-trigger .slds-dropdown:has(> ul:empty) {
    padding: 0;
}

.slds-dropdown-trigger .slds-dropdown:has(> ul:empty):has(> .slds-listbox__option) {
    padding: var(--ief-s-menu-spacing-block) 0;
}

.slds-dropdown-trigger .slds-dropdown__item a {
    color: var(--dxp-s-dropdown-text-color, #181818);
}

.slds-rich-text-editor__toolbar {
    --ief-s-button-icon-size: var(--ief-g-icon-size-4);
}

.slds-button-group .slds-button_icon-more + .slds-dropdown .slds-dropdown__item > a {
    justify-content: flex-start;
}

.slds-modal_prompt .slds-modal__footer,
.slds-modal--prompt .slds-modal__footer {
    border-top-width: var(--slds-c-modal-sizing-border, 1px);
    border-top-style: solid;
    border-top-color: var(--slds-c-modal-color-border, #C9C9C9);
}

.slds-modal__container:not(:has(.slds-modal__footer)) .slds-modal__content {
    border-bottom-left-radius: var(--slds-c-modal-radius-border);
    border-bottom-right-radius: var(--slds-c-modal-radius-border);
}

.slds-modal__header.slds-theme_warning,
.slds-modal__header.slds-theme--warning {
    color: var(--slds-g-color-neutral-base-100, #FFFFFF);
    background-color: var(--ief-g-color-warning-base-70);
}

.slds-modal__header.slds-theme_info,
.slds-modal__header.slds-theme--info {
    color: var(--slds-g-color-neutral-base-100, #FFFFFF);
    background-color: var(--ief-g-color-info-base-70);
}

.slds-has-dividers_bottom>.slds-list__item,
.slds-has-dividers_bottom>.slds-item,
.slds-has-dividers--bottom>.slds-list__item,
.slds-has-dividers--bottom>.slds-item {
    border-bottom-color: var(--ief-g-color-divider);
}

.slds-table_bordered tbody td,
.slds-table_bordered tbody th,
.slds-table--bordered tbody td,
.slds-table--bordered tbody th {
    border-color: var(--ief-g-color-divider);
}

.slds-feed__item-comments {
    border-color: var(--ief-g-color-divider);
    margin-inline: calc(-1 * calc(var(--ief-s-surface-spacing-around) - var(--ief-g-spacing-3)));
}

.slds-border_top, .slds-border--top,
.slds-border_bottom, .slds-border--bottom,
.slds-border_left, .slds-border--left,
.slds-border_right, .slds-border--right {
    border-color: var(--ief-g-color-divider);
}

.slds-button.slds-section__title-action[aria-expanded] {
    border-radius: var(--ief-g-border-radius-1);
}

.slds-input-has-icon_left-right .slds-input,
.slds-input-has-icon_left-right .slds-input_faux,
.slds-input-has-icon_right .slds-input,
.slds-input-has-icon_right .slds-input_faux {
    --slds-c-input-spacing-inline-end: var(--ief-g-spacing-7);
}

.slds-input-has-icon_left-right .slds-input,
.slds-input-has-icon_left-right .slds-input_faux,
.slds-input-has-icon_left .slds-input,
.slds-input-has-icon_left .slds-input_faux {
    --slds-c-input-spacing-inline-start: var(--ief-g-spacing-7);
}

.slds-input-has-icon--left .slds-input__icon {
    left: var(--ief-s-input-spacing-inline);
}

.slds-progress__marker.slds-button {
    padding: 0;
}

.slds-button_icon-bare {
    justify-content: center;
}

.slds-theme_alert-texture,
.slds-theme--alert-texture {
    background-size: 32px 32px;
}

.slds-theme_success.slds-theme_alert-texture,
.slds-theme_success.slds-theme--alert-texture,
.slds-theme--success.slds-theme_alert-texture,
.slds-theme--success.slds-theme--alert-texture {
    background-image: linear-gradient(45deg, var(--ief-g-color-success-base-65) 25%, transparent 25%, transparent 50%, var(--ief-g-color-success-base-65) 50%, var(--ief-g-color-success-base-65) 75%, transparent 75%, transparent);
    --slds-c-icon-color-foreground-default: var(--slds-g-color-neutral-base-100, #FFFFFF);
    background-color: var(--ief-g-color-success-base-70);
}

.slds-theme_info.slds-theme_alert-texture,
.slds-theme_info.slds-theme--alert-texture,
.slds-theme--info.slds-theme_alert-texture,
.slds-theme--info.slds-theme--alert-texture {
    background-image: linear-gradient(45deg, var(--ief-g-color-info-base-65) 25%, transparent 25%, transparent 50%, var(--ief-g-color-info-base-65) 50%, var(--ief-g-color-info-base-65) 75%, transparent 75%, transparent);
    --slds-c-icon-color-foreground-default: var(--slds-g-color-neutral-base-100, #FFFFFF);
    background-color: var(--ief-g-color-info-base-70);
}

.slds-theme_warning.slds-theme_alert-texture,
.slds-theme_warning.slds-theme--alert-texture,
.slds-theme--warning.slds-theme_alert-texture,
.slds-theme--warning.slds-theme--alert-texture {
    background-image: linear-gradient(45deg, var(--ief-g-color-warning-base-65) 25%, transparent 25%, transparent 50%, var(--ief-g-color-warning-base-65) 50%, var(--ief-g-color-warning-base-65) 75%, transparent 75%, transparent);
    background-color: var(--ief-g-color-warning-base-70);
}

.slds-theme_error.slds-theme_alert-texture,
.slds-theme_error.slds-theme--alert-texture,
.slds-theme--error.slds-theme_alert-texture,
.slds-theme--error.slds-theme--alert-texture {
    background-image: linear-gradient(45deg, var(--ief-g-color-error-base-50) 25%, transparent 25%, transparent 50%, var(--ief-g-color-error-base-50) 50%, var(--ief-g-color-error-base-50) 75%, transparent 75%, transparent);
    --slds-c-icon-color-foreground-default: var(--slds-g-color-neutral-base-100, #FFFFFF);
    background-color: var(--ief-g-color-error-base-60);
}

.slds-scoped-notification.slds-scoped-notification_error,
.slds-scoped-notification.slds-scoped-notification--error {
    --ief-shadowRGB: var(--ief-g-color-error-base-40);
    --ief-c-notification-color-border: var(--ief-g-color-error-base-80);
    --ief-c-notification-color-border-left: var(--ief-g-color-error-base-40);
    --ief-c-notification-color-background: var(--ief-g-color-error-base-95);
    --ief-c-notification-icon-container-color-background: var(--ief-g-color-error-base-90);
    --ief-c-notification-icon-color-fill: var(--ief-g-color-error-base-40);
}

.slds-dropdown-trigger_click .slds-dropdown {
    border-radius: var(--ief-s-menu-border-radius);
    padding: var(--ief-s-menu-spacing-block) 0;
    box-shadow: var(--ief-s-menu-box-shadow);
    margin-top: var(--ief-s-menu-spacing-block);
    border: var(--ief-s-menu-border);
}

.slds-progress_vertical .slds-progress__item.slds-is-completed .slds-progress__marker_icon-success svg {
    fill: currentColor;
}

.slds-radio_button-group {
    border-color: var(--dxp-s-secondary-button-border-color);
    border-radius: var(--dxp-s-button-radius-border);
}

.slds-radio_button-group .slds-radio_button {
    padding: 0;
    border-radius: 0;
}

.slds-radio_button-group .slds-radio_button + .slds-radio_button {
    border-color: var(--dxp-s-button-border-color);
}

.slds-radio_button-group .slds-radio_button:hover {
    border-color: var(--dxp-s-button-border-color);
}

.slds-radio_button-group .slds-radio_button .slds-radio_button__label {
    padding-top: var(--dxp-s-button-padding-block-start);
    padding-bottom: var(--dxp-s-button-padding-block-end);
    padding-inline: var(--dxp-s-button-padding);
    border-radius: 0;
}

.slds-radio_button-group .slds-radio_button:first-child,
.slds-radio_button-group .slds-radio_button:first-child .slds-radio_button__label {
    border-top-left-radius: var(--dxp-s-button-radius-border);
    border-bottom-left-radius: var(--dxp-s-button-radius-border);
}

.slds-radio_button-group .slds-radio_button:last-child,
.slds-radio_button-group .slds-radio_button:last-child .slds-radio_button__label {
    border-top-right-radius: var(--dxp-s-button-radius-border);
    border-bottom-right-radius: var(--dxp-s-button-radius-border);
}

.slds-radio_button-group .slds-radio_button [type=radio]:checked + .slds-radio_button__label {
    background-color: var(--slds-g-color-brand-base-90);
    color: var(--slds-g-color-brand-base-40);
}

.slds-radio_button-group .slds-radio_button .slds-radio_button__label .slds-radio_faux {
    padding: 0;
}

.slds-button.slds-button_icon-border-filled,
.slds-button.slds-button_icon-border,
.slds-button_icon.slds-button_icon-border-filled,
.slds-button_icon.slds-button_icon-border {
    color: var(--dxp-s-secondary-button-text-color);
}

.slds-spinner--brand .slds-spinner__dot-a:after,
.slds-spinner--brand .slds-spinner__dot-a:before,
.slds-spinner--brand .slds-spinner__dot-b:after,
.slds-spinner--brand .slds-spinner__dot-b:before,
.slds-spinner--brand.slds-spinner:after,
.slds-spinner--brand.slds-spinner:before,
.slds-spinner_brand .slds-spinner__dot-a:after,
.slds-spinner_brand .slds-spinner__dot-a:before,
.slds-spinner_brand .slds-spinner__dot-b:after,
.slds-spinner_brand .slds-spinner__dot-b:before,
.slds-spinner_brand.slds-spinner:after,
.slds-spinner_brand.slds-spinner:before {
    background-color: var(--slds-g-color-brand-base-50);
}

.slds-card:not(:has( .slds-card__footer)) > .slds-card__body {
    margin-bottom: 0;
    padding-bottom: var(--ief-s-surface-spacing-around);
}

.slds-tabs_default .slds-tabs_default__item {
    font-size: var(--ief-g-font-size-body-medium);
}

.slds-tabs_default__item.slds-has-focus {
    outline: none;
}

.slds-form-element {
    margin-bottom: var(--ief-g-spacing-6);
}

.slds-form-element__help:empty,
.slds-form-element__helper:empty {
    margin: 0;
}

.slds-modal__close .slds-button.slds-button_icon {
    color: var(--slds-g-color-neutral-base-100, #FFFFFF);
    background-color: transparent;
}

.slds-modal__close .slds-button.slds-button_icon:hover {
    color: var(--dxp-g-neutral-3);
    background-color: var(--slds-g-color-neutral-base-100, #FFFFFF);
}

.slds-modal__close .slds-button.slds-button_icon:focus {
    color: var(--slds-g-color-neutral-base-100, #FFFFFF);
    background-color: transparent;
    box-shadow: 0 0 0 2px var(--slds-g-color-neutral-base-100, #FFFFFF);
}

.slds-button.slds-button_icon.slds-is-selected {
    background-color: var(--ief-s-button-background-color-selected);
    border-color: var(--ief-s-button-border-color-selected);
    color: var(--dxp-s-secondary-button-text-color);
}

.slds-button.slds-button_icon.slds-is-selected .slds-button__icon {
    fill: var(--dxp-s-secondary-button-text-color);
}

.slds-input[readonly][role='combobox'] {
    --slds-c-input-spacing-inline-start: var(--dxp-s-form-element-spacing-horizontal-start);
    --slds-c-input-spacing-inlinestart: var(--dxp-s-form-element-spacing-horizontal-start);
}

/* SLDS helper classes styling ends */

:root {
    --slds-c-buttonicon-sizing-height: var(--ief-s-button-icon-size);
    --slds-g-link-color-hover: var(--ief-g-color-link-hover);
    --slds-g-link-color-focus: var(--ief-g-color-link-focus);
    --slds-g-link-color-active: var(--ief-g-color-link-active);
}

/* Font size changes start */
:root {
    --slds-c-card-heading-font-size: var(--ief-g-font-size-section-heading);
    --slds-c-modal-heading-font-size: var(--ief-g-font-size-section-heading);
    --slds-c-dropdown-font-size: var(--dxp-s-form-element-text-font-size);
    --slds-c-card-color-background: var(--slds-g-color-neutral-base-100, #FFFFFF);
    --slds-c-card-footer-font-size: var(--ief-g-font-size-body-medium);
}
/* Font size changes end */

/* Search Bar styling starts */

dxp_search-search-input .suggestions-combobox-container .input-container {
    height: auto;
}

dxp_search-search-input .suggestions-combobox-container .input-container .input-wrapper:hover,
dxp_search-search-input .suggestions-combobox-container .input-container .input-wrapper.active {
    border-color: var(--dxp-s-form-element-color-border-focus);
}

dxp_search-search-input .suggestions-combobox-container .input-container .input-wrapper.active {
    box-shadow: var(--ief-g-shadow-focus-2);
}

dxp_search-search-input .suggestions-combobox-container .input-container .input-wrapper .search-input-with-button,
dxp_search-search-input .suggestions-combobox-container .input-container .input-wrapper .search-input-without-button {
    line-height: var(--ief-s-input-line-height);
    padding-top: var(--dxp-s-form-element-spacing-block-start);
    padding-bottom: var(--dxp-s-form-element-spacing-block-end);
    padding-left: var(--dxp-s-form-element-spacing-horizontal-start);
    padding-right: var(--dxp-s-form-element-spacing-horizontal-end);
}

dxp_search-search-input .suggestions-combobox-container .input-container .input-wrapper .search-input-without-button {
    padding-left: calc(var(--dxp-s-form-element-spacing-horizontal-start) + var(--ief-g-spacing-5));
}

dxp_search-search-input .suggestions-combobox-container .input-container .search-input-without-button + .input-icon-container {
    padding-inline: var(--slds-c-input-spacing-horizontal-end);
}

dxp_search-search-input .suggestions-combobox-container .input-container .input-search-button {
    height: var(--ief-s-button-icon-size);
    padding-left: var(--ief-g-spacing-4);
    padding-right: var(--ief-g-spacing-5);
}

/* Search Bar styling ends */

/* Search Results page styling starts */

.dxp_search-dynamic-crm-results .search-results-container {
    --dxp-crm-search-border-radius: var(--ief-s-surface-border-radius-3);
    --dxp-crm-search-border-line: 1px solid var(--slds-g-color-brand-base-80);
    --dxp-crm-search-box-shadow: none;
    --dxp-c-header-meta-color-background: transparent;
}

.dxp_search-dynamic-crm-results .object-navigation-container .slds-nav-vertical__title {
    padding-block: var(--ief-g-spacing-4);
}

.dxp_search-dynamic-crm-results .object-navigation-container .navigation__filters-form > footer {
    margin-bottom: calc(var(--ief-s-surface-spacing-around) - var(--search-c-navigation-filters-spacing-inline));
}

.dxp_search-dynamic-crm-results .search-results-container .scoped-results-container {
    padding-left: var(--ief-s-surface-spacing-around);
}

.dxp_search-dynamic-crm-results .scoped-results-container .scoped-results__card {
    box-shadow: none;
    border: 1px solid var(--slds-g-color-brand-base-80);
}

.dxp_search-dynamic-crm-results .scoped-results-container .scoped-results__card.slds-card dxp_crm_search-header-meta {
    border-radius: var(--ief-s-surface-border-radius-3) var(--ief-s-surface-border-radius-3) 0 0;
    box-shadow: none;
    border: none;
    border-bottom: 1px solid var(--ief-g-color-divider);
}

.dxp_search-dynamic-crm-results .scoped-results-container .scoped-bucket__card__header {
    padding: var(--ief-s-surface-spacing-around);
}

.dxp_search-dynamic-crm-results .scoped-results-container .scoped-bucket__card__header .slds-card__header-title {
    margin-bottom: var(--ief-g-spacing-2);
}

.dxp_search-dynamic-crm-results .scoped-results-container .scoped-results__card > .slds-card__body {
    padding-top: var(--ief-s-surface-spacing-around);
}

.dxp_search-dynamic-crm-results .scoped-results-container .scoped-results__card .card-display-type {
    margin-top: 0;
}

.dxp_search-dynamic-crm-results .scoped-results-container .scoped-results__card .card-display-type lst-template-list > .slds-card__body {
    padding-inline: 0;
}

.dxp_search-dynamic-crm-results .scoped-results-container .scoped-results__card .card-display-type .result-card-container .bottom-spacing {
    padding-top: var(--ief-g-spacing-5);
}

.dxp_search-dynamic-crm-results .scoped-results-container .scoped-results__card .card-display-type search_results-no-results {
    border: none;
    box-shadow: none;
    padding: 0;
}

.dxp_search-dynamic-crm-results .scoped-results-container .scoped-results__card .listViewContainer .slds-table_header-fixed_container {
    border: 1px solid var(--slds-g-color-brand-base-80);
}

/* Search Results page styling ends */

/* Record Details panel component styling starts */

dxp_records-detail-panel.slds-card:not(:has( .slds-card__footer)) > .slds-card__body {
    padding-bottom: 0;
}

dxp_records-detail-panel dxp_records-section .slds-section.has-header {
    padding-bottom: var(--ief-g-spacing-6);
}

dxp_records-detail-panel dxp_records-section .slds-section.has-header.slds-is-open {
    padding-bottom: 0;
}

dxp_records-detail-panel dxp_records-section .slds-section .slds-section__content {
    padding-inline: 0;
}

dxp_records-detail-panel dxp_records-section .slds-section__title {
    margin-inline: calc(-1 * var(--ief-g-spacing-5));
}

dxp_records-detail-panel .slds-section__title .slds-section__title-action {
    padding-top: var(--slds-c-button-spacing-block-start);
    padding-bottom: var(--slds-c-button-spacing-block-end);
    font-size: var(--ief-g-font-size-subsection-heading);
    --slds-c-icon-color-foreground: var(--slds-c-button-text-color);
}

dxp_records-detail-panel .slds-section__title .slds-section__title-action:hover {
    background-color: var(--slds-g-color-brand-base-95);
    color: var(--slds-c-button-text-color-hover);
    --slds-c-icon-color-foreground: var(--slds-c-button-text-color-hover);
}

dxp_records-detail-panel .slds-form-element {
    margin-bottom: var(--ief-g-spacing-6);
}

/* Record Details panel component styling ends */

/* Embedded Messaging button styling starts */

.embeddedMessagingConversationButtonWrapper .embeddedMessagingConversationButton {
    background-color: var(--dxp-s-button-color);
}

.embeddedMessagingConversationButtonWrapper button.embeddedMessagingConversationButton:not(.no-hover):hover {
    background-color: var(--dxp-s-button-color-hover);
}

.embeddedMessagingConversationButtonWrapper .embeddedMessagingConversationButton:focus {
    background-color: var(--dxp-s-button-color-focus);
    box-shadow: var(--ief-g-shadow-focus-1);
}

.embeddedMessagingFrame.eswExperienceSite {
    box-shadow: var(--ief-shadowLevel2);
    border-radius: var(--ief-s-surface-border-radius-3) var(--ief-s-surface-border-radius-3) 0 0;
}

/* Embedded Messaging button styling ends */

/* Notifications panel styling starts */

runtime_platform_notifications-notifications-panel .notificationPanel .titleContainer {
    padding: var(--ief-g-spacing-4);
    height: auto;
}

runtime_platform_notifications-notifications-panel .notificationPanel .titleName {
    font-size: var(--slds-c-card-heading-font-size);
    font-weight: var(--slds-c-card-heading-font-weight);
}

runtime_platform_notifications-notifications-panel .notificationPanel .titleOptions {
    align-items: center;
}

runtime_platform_notifications-notifications-panel .notificationPanel .trayMarkAllRead a {
    font-size: var(--ief-g-font-size-body-small);
}

runtime_platform_notifications-notifications-panel .notificationPanel .titleOptions .slds-button_icon {
    height: var(--ief-g-icon-size-4);
    width: var(--ief-g-icon-size-4);
}

runtime_platform_notifications-notifications-panel .notificationPanel .titleOptions .slds-button_icon .slds-button__icon {
    height: var(--ief-g-icon-size-3);
    width: var(--ief-g-icon-size-3);
}

runtime_platform_notifications-notifications-panel .notificationPanel .notification-link {
    padding: var(--ief-g-spacing-4);
}

runtime_platform_notifications-notifications-panel .notificationPanel .notification-icon {
    height: var(--ief-g-icon-size-3);
    width: var(--ief-g-icon-size-3);
    border-radius: 50%;
}

runtime_platform_notifications-notifications-panel .notificationPanel .notification-text-title {
    font-size: var(--ief-g-font-size-body-medium);
    font-weight: 600;
}

runtime_platform_notifications-notifications-panel .notificationPanel .notification-text {
    font-size: var(--ief-g-font-size-body-small);
}

runtime_platform_notifications-notifications-panel .notificationPanel .assistive-unread-mark {
    color: var(--slds-g-color-brand-base-50);
}

/* Notifications panel styling ends */