:root {
    /*
    *	The site`s color palette:
    *
    */

    --brand-primary-darkgreen	: #004542;
    --brand-primary-creme		: #fff3e5;
    --brand-primary-darkgrey    : #4d4d4d;
    --brand-secondary-green		: #175d3b;
    --brand-secondary-gold		: #a27a01;
    --brand-secondary-highlight	: #ec644a;
    --brand-secondary-salmon    : #ff7376;

    /*
    *	Opaque Color Palette:
    */
    --black					: #000;
    --gray87				: #212121;
    --gray75                : #464646;
    --gray70				: #545454;
    --gray54				: #757575;
    --gray40                : #939595;
    --gray12				: #e0e0e0;
    --gray6					: #f0f0f0;
    --gray4                 : #999;
    --ghost					: #ced4da;
    --white					: #fff;

    /*
    * Other colors
    */
    --apricot				: #e48a6e;
    --sherpa-blue           : #005855;
    --serenade              : #fff5e8;
    --mine-shaft            : #313131;
    --nero                  : #292929;
    --nobel                 : #b3b3b3;
    --zircon                : #edf0f0;
    --very-light-grey       : #ccc;
    --eagle-green           : #015151;
    --evening-sea           : #034949;
    --cultured              : #f7f8f7;

    /*
    *	Main transparency levels
    */
    --darken87				: rgba(0, 0, 0, 0.87);
    --darken38				: rgba(0, 0, 0, 0.38);
    --darken12				: rgba(0, 0, 0, 0.12);
    --darken2				: rgba(0, 0, 0, 0.2);
    --darken6				: rgba(0, 0, 0, 0.6);
    --brighten38			: rgba(255, 255, 255, 0.38);
    --brighten12			: rgba(255, 255, 255, 0.12);
    --brighten6				: rgba(255, 255, 255, 0.6);
    --transparent			: transparent;

    /*
    * Transparency
    */
    --brighten70            : rgba(255, 115, 118, 0.7);
    --brighten50            : rgba(255, 115, 118, 0.5);
    --brighten10            : rgba(255, 115, 118, 0.1);

    /*
    *	State colors
    */
    --state-info		    : #17a2b8;
    --state-success		    : #28a745;
    --state-warning		    : #ffc107;
    --state-error		    : #dc3545;
    --state-primary		    : #007bff;
    --state-secondary	    : #9e9e9e;

    /*
    *  Notifications
    */
    --notification-warning-color	: #664d03;
    --notification-warning-bg	    : #fff3cd;
    --notification-success-color	: #004714;
    --notification-success-bg	    : #cce7d4;

    /*
    *	CTA (Call To Action) colors:
    */
    --cta-primary-default	: var(--brand-secondary-salmon);
    --cta-primary-hover		: var(--brighten70);
    --cta-secondary-default	: var(--brand-primary-darkgreen);
    --cta-secondary-hover	: rgba(0, 69, 66, 0.7);
    --cta-box-shadow		: 0 2px 2px rgba(0, 0, 0, 0.1);
    --cta-box-shadow-focus	: 0 0 7px rgba(255, 115, 118, 0.7);

    /*
    * Other variables
    */
    --common-box-shadow     : 0 1px 2px 0 rgba(0, 0, 0, 0.25);

    /*
    *	Additional component colors
    */
    --product-tile-badge	: #e56a54;
    --background-assortment : var(--evening-sea);
    --background            : var(--cultured);
    --dark-text             : var(--eagle-green);

    /*
    * LWC global hooks overrides
    *
    */

	/*
    * Colors
    */

	/* Background Color */
	--dxp-g-root: var(--white);
	--dxp-g-root-1: var(--gray6);
	--dxp-g-root-2: ;
	--dxp-g-root-3: ;

	/* Text Color */
	--dxp-g-root-contrast: var(--gray87);
	--dxp-g-root-contrast-1: var(--black);
	--dxp-g-root-contrast-2: ;
	--dxp-g-root-contrast-3: ;

	/* Brand Color */
	--dxp-g-brand: var(--brand-secondary-salmon);
	--dxp-g-brand-1: var(--brighten70);
	--dxp-g-brand-2: ;
	--dxp-g-brand-3: ;

	/* Brand Foreground Color */
	--dxp-g-brand-contrast: var(--white);
	--dxp-g-brand-contrast-1: var(--white);
	--dxp-g-brand-contrast-2: ;
	--dxp-g-brand-contrast-3: ;

	/* Text */
    --dxp-c-text-block-text-color: var(--gray87);
    --dxp-c-text-block-background-color: var(--white);
	/* Heading 1 */
	--dxp-s-text-heading-extra-large-color: var(--gray87);
	/* Heading 2 */
	--dxp-s-text-heading-large-color: var(--gray87);
	/* Heading 3 */
	--dxp-s-text-heading-medium-color: var(--gray87);
	/* Heading 4 */
	--dxp-s-text-heading-small-color: var(--gray87);
	/* Heading 5 */
	--dxp-s-text-heading-extra-small-color: var(--gray87);
	/* Paragraph 1 */
	--dxp-s-body-text-color: var(--gray87);
	/* Paragraph 2 */
	--dxp-s-body-small-text-color: var(--gray87);

	/* Links */
	/* Link Color */
	--dxp-s-link-text-color: var(--brand-secondary-salmon);
	/* Link Hover Color */
	--dxp-s-link-text-color-hover: var(--brand-secondary-salmon);
    --dxp-c-link-text-color: var(--brand-secondary-salmon);
    --dxp-c-link-text-color-hover: var(--brand-secondary-salmon);
    --dxp-c-link-text-color-focus: var(--brand-secondary-salmon);
    --dxp-c-link-text-color-active: var(--brand-secondary-salmon);
    --dxp-c-link-color-background: var(--transparent);
    --dxp-c-link-color-background-hover: var(--transparent);
    --dxp-c-link-color-background-focus: var(--transparent);
    --dxp-c-link-color-background-active: var(--transparent);
    --dxp-c-link-color-outline-focus: var(--transparent);

	/* Buttons */
	/* Button Color */
    --dxp-s-button-color: var(--cta-primary-default);
    --dxp-s-button-color-contrast: var(--white);
    /* Button Hover */
    --dxp-s-button-color-hover: var(--cta-primary-hover);
    --dxp-s-button-color-hover-contrast: var(--white);
    /* Button Focus */
    --dxp-s-button-color-focus: var(--cta-primary-default);
    --dxp-s-button-color-focus-contrast: var(--white);
    /* Button Active */
    --dxp-s-button-color-active: var(--cta-primary-hover);
    --dxp-s-button-color-active-contrast: var(--white);

    /* Forms */
    /* Input Text */
    --dxp-s-form-element-text-color: var(--gray87);
    /* Field Label */
    --dxp-s-form-element-label-color: var(--gray54);
    /* Field Background Fill */
    --dxp-s-form-element-color-background: var(--white);
    --dxp-s-form-element-color-background-active: var(--white);
    /* Field Border Color */
    --dxp-s-form-element-color-border: var(--nobel);
    --dxp-s-form-element-color-border-checked: var(--brand-secondary-salmon);
    --dxp-s-form-element-color-border-focus: var(--brand-secondary-salmon);

    --dxp-s-form-element-color-foreground: var(--brand-secondary-salmon);

    --dxp-c-input-color-background-disabled: var(--zircon);
    --dxp-c-input-color-border-disabled: var(--nobel);

    /* Dropdowns */
    /* Dropdown Text Color */
    --dxp-s-dropdown-text-color: var(--gray87);
	/* Dropdown Background Color */
	--dxp-s-dropdown-color-background: var(--white);
	/* Dropdown Text Hover Color */
	--dxp-s-dropdown-text-color-hover: var(--gray87);
	/* Dropdown Background Hover Color */
	--dxp-s-dropdown-color-background-hover: var(--white);
	/* Dropdown Border Color */
	--dxp-s-dropdown-color-border: var(--gray12);

	/* Spinner */
	--dxp-c-spinner-color-background: rgba(0, 0, 0, 0.5);
	--dxp-c-spinner-color-foreground: var(--white);

	/* Success */
	--dxp-g-success: var(--state-success);
	--dxp-g-success-contrast: var(--darken87);
	--dxp-g-success-1: var(--state-success);
	--dxp-g-success-contrast-1: var(--darken87);

	/* Destructive */
	--dxp-g-destructive: var(--state-error);
	--dxp-g-destructive-contrast: var(--white);
	--dxp-g-destructive-1: var(--state-error);
	--dxp-g-destructive-contrast-1: var(--white);

	/* Warning */
	--dxp-g-warning: var(--state-warning);
	--dxp-g-warning-contrast: var(--darken87);

	/* Info */
	--dxp-g-info: var(--state-info);
	--dxp-g-info-contrast: var(--darken87);
	--dxp-g-info-1: var(--state-info);
	--dxp-g-info-contrast-1: var(--darken87);

	/* Neutral */
	--dxp-g-neutral: var(--gray12);
	--dxp-g-neutral-contrast: ;
	--dxp-g-neutral-1: rgba(0, 0, 0, 0.125);
	--dxp-g-neutral-contrast-1: ;
	--dxp-g-neutral-2: ;
	--dxp-g-neutral-contrast-2: ;
	--dxp-g-neutral-3: var(--nobel);
	--dxp-g-neutral-contrast-3: ;

    /*
    * Text
    */

    --dxp-g-font-size-1: 0.625rem; /* 10px */
    --dxp-g-font-size-2: 0.75rem; /* 12px */
    --dxp-g-font-size-3: 0.8125rem; /* 13px */
    --dxp-g-font-size-4: 0.875rem; /* 14px */
    --dxp-g-font-size-5: 1rem; /* 16px */
    --dxp-g-font-size-6: 1.125rem; /* 18px */
    --dxp-g-font-size-7: 1.25rem; /* 20px */
    --dxp-g-font-size-8: 1.5rem; /* 24px */
    --dxp-g-font-size-9: 1.75rem; /* 28px */
    --dxp-g-font-size-10: 2rem; /* 32px */
    --dxp-g-font-size-11: 2.625rem; /* 42px */
    --dxp-g-spacing-none: 0 !important;

    /* Base Font Size */
    /* Desktop Base Font Size */
    --dxp-s-html-font-size: 16px;
    /* Mobile Base Font Size */
    --dxp-s-html-font-size-mobile: 16px;

    --dxp-c-html-line-height: 1.35;
    --dxp-c-title-line-height: 1.2;
    --dxp-c-hr-margin-block-start: ;
    --dxp-c-hr-margin-block-end: ;

    /* Headings and Body */
    /* Font Size */
    --dxp-s-text-heading-extra-large-font-size: 30px;
    /* Font Style */
    --dxp-s-text-heading-extra-large-font-style: ;
    /* Font Weight */
    --dxp-s-text-heading-extra-large-font-weight: ;
    /* Text Decoration */
    --dxp-s-text-heading-extra-large-text-decoration: ;
    /* Text Case */
    --dxp-s-text-heading-extra-large-text-transform: ;
    /* Line Height */
    --dxp-s-text-heading-extra-large-line-height: 1.2;
    /* Character Spacing */
    --dxp-s-text-heading-extra-large-letter-spacing: ;

    /* Font Size */
    --dxp-s-text-heading-large-font-size: 28px;
    /* Font Style */
    --dxp-s-text-heading-large-font-style: ;
    /* Font Weight */
    --dxp-s-text-heading-large-font-weight: ;
    /* Text Decoration */
    --dxp-s-text-heading-large-text-decoration: ;
    /* Text Case */
    --dxp-s-text-heading-large-text-transform: ;
    /* Line Height */
    --dxp-s-text-heading-large-line-height: 1.2;
    /* Character Spacing */
    --dxp-s-text-heading-large-letter-spacing: ;

    /* Font Size */
    --dxp-s-text-heading-medium-font-size: 24px;
    /* Font Style */
    --dxp-s-text-heading-medium-font-style: ;
    /* Font Weight */
    --dxp-s-text-heading-medium-font-weight: ;
    /* Text Decoration */
    --dxp-s-text-heading-medium-text-decoration: ;
    /* Text Case */
    --dxp-s-text-heading-medium-text-transform: ;
    /* Line Height */
    --dxp-s-text-heading-medium-line-height: 1.2;
    /* Character Spacing */
    --dxp-s-text-heading-medium-letter-spacing: ;

    /* Font Size */
    --dxp-s-text-heading-small-font-size: 21px;
    /* Font Style */
    --dxp-s-text-heading-small-font-style: ;
    /* Font Weight */
    --dxp-s-text-heading-small-font-weight: ;
    /* Text Decoration */
    --dxp-s-text-heading-small-text-decoration: ;
    /* Text Case */
    --dxp-s-text-heading-small-text-transform: ;
    /* Line Height */
    --dxp-s-text-heading-small-line-height: 1.2;
    /* Character Spacing */
    --dxp-s-text-heading-small-letter-spacing: ;

    /* Font Size */
    --dxp-s-text-heading-extra-small-font-size: 16px;
    /* Font Style */
    --dxp-s-text-heading-extra-small-font-style: ;
    /* Font Weight */
    --dxp-s-text-heading-extra-small-font-weight: ;
    /* Text Decoration */
    --dxp-s-text-heading-extra-small-text-decoration: ;
    /* Text Case */
    --dxp-s-text-heading-extra-small-text-transform: ;
    /* Line Height */
    --dxp-s-text-heading-extra-small-line-height: 1.2;
    /* Character Spacing */
    --dxp-s-text-heading-extra-small-letter-spacing: ;

    --dxp-c-text-block-text-decoration: none;
    --dxp-c-text-block-font-weight: 400;

    /* Font Size */
    --dxp-s-body-font-size: 16px;
    /* Font Style */
    --dxp-s-body-font-style: ;
    /* Font Weight */
    --dxp-s-body-font-weight: ;
    /* Text Decoration */
    --dxp-s-body-text-decoration: ;
    /* Text Case */
    --dxp-s-body-text-transform: ;
    /* Line Height */
    --dxp-s-body-line-height: 1.35;
    /* Character Spacing */
    --dxp-s-body-letter-spacing: ;

    /* Font Size */
    --dxp-s-body-small-font-size: 14px;
    /* Font Style */
    --dxp-s-body-small-font-style: ;
    /* Font Weight */
    --dxp-s-body-small-font-weight: ;
    /* Text Decoration */
    --dxp-s-body-small-text-decoration: ;
    /* Text Case */
    --dxp-s-body-small-text-transform: ;
    /* Line Height */
    --dxp-s-body-small-line-height: 1.2;
    /* Character Spacing */
    --dxp-s-body-small-letter-spacing: ;

    /* Link Text */
    /* Text Decoration */
    --dxp-s-link-text-decoration: none;
    /* Focus Text Decoration */
    --dxp-s-link-text-decoration-focus: underline;
    /* Hover Text Decoration */
    --dxp-c-link-text-decoration: none;
    --dxp-s-link-text-decoration-hover: underline;
    --dxp-c-link-text-shadow: none;
    --dxp-c-link-text-shadow-hover: none;
    --dxp-c-link-text-shadow-focus: none;
    --dxp-c-link-text-shadow-active: none;
    --dxp-c-link-transition: ;

    /*
    * Site Spacing
    */

    --dxp-g-spacing-xxxsmall: 0.125rem; /* 2px */
    --dxp-g-spacing-xxsmall: 0.25rem; /* 4px */
    --dxp-g-spacing-xsmall: 0.5rem; /* 8px */
    --dxp-g-spacing-small: 0.75rem; /* 12px */
    --dxp-g-spacing-medium: 1rem; /* 16px */
    --dxp-g-spacing-large: 1.5rem; /* 24px */
    --dxp-g-spacing-xlarge: 2rem; /* 32px */
    --dxp-g-spacing-xxlarge: 3rem; /* 48px */

    --dxp-c-content-container-padding: 1rem;

    /* Desktop Site Spacing */
    /* Max Content Width */
    --dxp-s-section-columns-max-width: 1084px;
    --dxp-s-header-content-max-width: 1084px;
    --dxp-s-footer-content-max-width: 1084px;
    /* Section Padding: Top & Bottom */
    --dxp-s-section-content-spacing-block-start: 0;
    --dxp-s-section-content-spacing-block-end: 0;
    /* Section Padding: Left & Right */
    --dxp-s-section-content-spacing-inline-start: 0;
    --dxp-s-section-content-spacing-inline-end: 0;
    
    /* Mobile Site Spacing */
    /* Max Content Width */
    --dxp-s-section-columns-max-width-mobile: 738px;
    --dxp-s-header-content-max-width-mobile: 738px;
    --dxp-s-footer-content-max-width-mobile: 738px;
    /* Section Padding: Top & Bottom */
    --dxp-s-section-content-spacing-block-start-mobile: 0;
    --dxp-s-section-content-spacing-block-end-mobile: 0;
    /* Section Padding: Left & Right */
    --dxp-s-section-content-spacing-inline-start-mobile: 0;
    --dxp-s-section-content-spacing-inline-end-mobile: 0;

    --dxp-c-column-content-spacing-block-start: 0;
    --dxp-c-column-content-spacing-inline-end: 0;
    --dxp-c-column-content-spacing-block-end: 0;
    --dxp-c-column-content-spacing-inline-start: 0;
    --dxp-c-column-content-spacing-block-start-mobile: 0;
    --dxp-c-column-content-spacing-inline-end-mobile: 0;
    --dxp-c-column-content-spacing-block-end-mobile: 0;
    --dxp-c-column-content-spacing-inline-start-mobile: 0;
    --dxp-c-column-container-spacing-block-start: 0;
    --dxp-c-column-container-spacing-inline-end: 0;
    --dxp-c-column-container-spacing-block-end: 0;
    --dxp-c-column-container-spacing-inline-start: 0;
    --dxp-c-column-container-spacing-block-start-mobile: 0;
    --dxp-c-column-container-spacing-inline-end-mobile: 0;
    --dxp-c-column-container-spacing-block-end-mobile: 0;
    --dxp-c-column-container-spacing-inline-start-mobile: 0;
    --dxp-c-header-container-spacing-block-start: 1rem;
    --dxp-c-header-container-spacing-inline-end: 1rem;
    --dxp-c-header-container-spacing-block-end: 1rem;
    --dxp-c-header-container-spacing-inline-start: 1rem;
    --dxp-c-header-container-spacing-block-start-mobile: 0.75rem;
    --dxp-c-header-container-spacing-inline-end-mobile: 0.75rem;
    --dxp-c-header-container-spacing-block-end-mobile: 0.75rem;
    --dxp-c-header-container-spacing-inline-start-mobile: 0.75rem;
    --dxp-c-footer-container-spacing-block-start: 1rem;
    --dxp-c-footer-container-spacing-inline-end: 1rem;
    --dxp-c-footer-container-spacing-block-end: 1rem;
    --dxp-c-footer-container-spacing-inline-start: 1rem;
    --dxp-c-footer-container-spacing-block-start-mobile: 0.75rem;
    --dxp-c-footer-container-spacing-inline-end-mobile: 0.75rem;
    --dxp-c-footer-container-spacing-block-end-mobile: 0.75rem;
    --dxp-c-footer-container-spacing-inline-start-mobile: 0.75rem;

    /*
    * Buttons
    */

    /* Text Values for All Buttons */
    /* Font Style */
    --dxp-s-button-font-style: ;
    /* Font Weight */
    --dxp-s-button-font-weight: ;
    /* Text Case */
    --dxp-s-button-text-transform: uppercase;
    --dxp-s-button-text-decoration-hover: none;
    --dxp-s-button-text-decoration-active: none;
    /* Line Height */
    --dxp-s-button-line-height: 1.5;
    /* Character Spacing */
    --dxp-s-button-letter-spacing: ;

    /* Standard Button Values */
    /* Horizontal Padding */
    --dxp-s-button-padding: 12px;
    /* Vertical Padding */
    --dxp-s-button-padding-block-start: 6px;
    --dxp-s-button-padding-block-end: 6px;
    /* Font Size */
    --dxp-s-button-font-size: 16px;
    /* Border Radius */
    --dxp-s-button-radius-border: 5px;

    /* Small Button Values */
    /* Horizontal Padding */
    --dxp-s-button-small-padding: ;
    /* Font Size */
    --dxp-s-button-small-font-size: 16px;
    /* Border Radius */
    --dxp-s-button-small-radius-border: 5px;

    /* Large Button Values */
    /* Horizontal Padding */
    --dxp-s-button-large-padding: ;
    /* Font Size */
    --dxp-s-button-large-font-size: 16px;
    /* Border Radius */
    --dxp-s-button-large-radius-border: 5px;

    /* Transition */
    --dxp-c-button-brand-transition: all 0.15s ease-in-out;

    /*
    * Forms
    */

    /* Border Radius */
    --dxp-s-form-element-radius-border: 1px;
    /* Border Weight */
    --dxp-s-form-element-width-border: 1px;

    --dxp-s-form-element-text-font-size: 16px;

    --dxp-s-form-element-label-font-size: 16px;

    --dxp-c-input-text-font-size: 18px;

    --dxp-c-input-width-border: 1px;

    --dxp-c-select-text-font-size: 18px;

    --dxp-c-select-width-border: 1px;

    --dxp-c-textarea-text-font-size: 18px;

    --dxp-c-checkbox-width-border: 2px;

    --dxp-c-radio-width-border: 1px;

    --dxp-c-placeholder-font-size: 16px;

    /*
    * Tabs
    */

    --dxp-c-tab-padding: 8px 16px;
    --dxp-c-tab-background-color: var(--transparent);
    --dxp-c-tab-border-color: var(--very-light-grey);
    --dxp-c-tab-border-weight: 1px;
    --dxp-c-tab-border-radius: 0px;
    --dxp-c-active-tab-background-color: var(--transparent);
    --dxp-c-active-tab-border-color: var(--brand-secondary-salmon);
    --dxp-c-active-tab-border-weight: 3px;
    --dxp-c-hover-tab-background-color: var(--transparent);
    --dxp-c-hover-tab-border-color: var(--very-light-grey);
    --dxp-c-hover-tab-border-weight: 1px;
    --dxp-c-hover-tab-border-radius: 0px;
    --dxp-c-tab-overflow-icon-color: ;
    --dxp-c-tab-text-color: var(--brand-secondary-salmon);
    --dxp-c-active-tab-text-color: var(--brand-secondary-salmon);
    --dxp-c-hover-tab-text-color: var(--brand-secondary-salmon);
    --dxp-c-hover-tab-text-align: center;
    --dxp-c-hover-tab-text-weight: 400;
    --dxp-c-hover-tab-text-style: ;
    --dxp-c-hover-tab-text-decoration: none;
    --dxp-c-active-tab-text-weight: 400;
    --dxp-c-active-tab-text-style: ;
    --dxp-c-active-tab-text-decoration: none;
    --dxp-c-tab-text-weight: 400;
    --dxp-c-tab-text-style: ;
    --dxp-c-tab-text-decoration: none;
    --dxp-c-tab-height: initial;
    --dxp-c-tab-width: initial;
    --dxp-c-tab-overflow: hidden;
    --dxp-c-tab-container-height: 46.4px;


    /*
    * LWC components hooks overrides
    *
    */

    /*
    * Borders
    */
    --slds-g-color-border-base-1: rgba(0, 0, 0, 0.125);

    /*
    * Buttons
    */

    /* Box Shadow */
    --sds-c-button-inverse-shadow-focus: ;
    --sds-c-button-shadow: ;
    --sds-c-button-shadow-focus: var(--cta-box-shadow-focus);

    /* Color */
    --sds-c-button-brand-color-background: var(--cta-primary-default);
    --sds-c-button-brand-color-background-active: var(--cta-primary-hover);
    --sds-c-button-brand-color-background-hover: var(--cta-primary-hover);
    --sds-c-button-brand-color-border: var(--cta-primary-default);
    --sds-c-button-brand-color-border-hover: var(--cta-primary-hover);
    --sds-c-button-brand-text-color: var(--white);
    --sds-c-button-brand-text-color-active: var(--white);
    --sds-c-button-brand-text-color-hover: var(--white);
    --sds-c-button-color-background: var(--transparent);
    --sds-c-button-color-background-active: var(--transparent);
    --slds-c-button-color-background-active: var(--transparent);
    --sds-c-button-color-background-hover: var(--transparent);
    --slds-c-button-color-background-hover: var(--transparent);
    --sds-c-button-color-border: var(--transparent);
    --sds-c-button-color-border-active: var(--transparent);
    --slds-c-button-color-border-active: var(--transparent);
    --sds-c-button-color-border-hover: var(--transparent);
    --slds-c-button-color-border-hover: var(--transparent);
    --sds-c-button-destructive-color-background: var(--nobel);
    --sds-c-button-destructive-color-background-active: var(--nobel);
    --sds-c-button-destructive-color-background-hover: var(--nobel);
    --sds-c-button-destructive-color-border: var(--nobel);
    --sds-c-button-destructive-color-border-active: var(--nobel);
    --sds-c-button-destructive-text-color: var(--white);
    --sds-c-button-destructive-text-color-active: var(--white);
    --sds-c-button-inverse-color-background: var(--nobel);
    --sds-c-button-inverse-color-background-active: var(--zircon);
    --sds-c-button-inverse-color-background-hover: var(--zircon);
    --sds-c-button-inverse-color-border: var(--nobel);
    --sds-c-button-inverse-color-border-active: var(--nobel);
    --sds-c-button-inverse-color-border-hover: var(--nobel);
    --sds-c-button-inverse-text-color: var(--white);
    --sds-c-button-inverse-text-color-active: var(--cta-primary-hover);
    --sds-c-button-inverse-text-color-hover: var(--cta-primary-hover);
    --sds-c-button-neutral-color-background: var(--white);
    --sds-c-button-neutral-color-background-active: var(--gray12);
    --sds-c-button-neutral-color-background-hover: var(--gray6);
    --sds-c-button-neutral-color-border: var(--white);
    --sds-c-button-neutral-color-border-active: var(--gray12);
    --sds-c-button-neutral-color-border-hover: var(--gray6);
    --sds-c-button-outline-brand-color-background: var(--white);
    --sds-c-button-outline-brand-color-background-active: var(--white);
    --sds-c-button-outline-brand-color-background-hover: var(--white);
    --sds-c-button-outline-brand-color-border: var(--cta-primary-default);
    --sds-c-button-outline-brand-color-border-hover: var(--cta-primary-hover);
    --sds-c-button-stateful-color-background-selected: ;
    --sds-c-button-stateful-color-background-selected-active: ;
    --sds-c-button-stateful-color-background-selected-hover: ;
    --sds-c-button-stateful-color-border-selected: ;
    --sds-c-button-stateful-color-border-selected-hover: ;
    --sds-c-button-success-color-background: ;
    --sds-c-button-success-color-background-active: ;
    --sds-c-button-success-color-background-hover: ;
    --sds-c-button-success-color-border: ;
    --sds-c-button-success-color-border-active: ;
    --sds-c-button-success-color-border-hover: ;
    --sds-c-button-success-text-color: ;
    --sds-c-button-success-text-color-active: ;
    --sds-c-button-success-text-color-hover: ;
    --sds-c-button-text-color: var(--cta-primary-default);
    --sds-c-button-text-color-active: var(--cta-primary-default);
    --sds-c-button-text-color-hover: var(--cta-primary-default);
    --slds-c-button-text-color-hover: var(--cta-primary-default);
    --sds-c-button-text-destructive-color-background: ;
    --sds-c-button-text-destructive-color-background-active: ;
    --sds-c-button-text-destructive-color-background-hover: ;
    --sds-c-button-text-destructive-color-border: ;
    --sds-c-button-text-destructive-color-border-hover: ;
    --sds-c-button-text-destructive-text-color: ;
    --sds-c-button-text-destructive-text-color-active: ;
    --sds-c-button-text-destructive-text-color-hover: ;

    /* Radius */
    --sds-c-button-radius-border: 5px;

    /* Sizing */
    --sds-c-button-sizing-border: 1px;

    /* Spacing */
    --sds-c-button-brand-spacing-inline-end: 12px;
    --sds-c-button-brand-spacing-inline-start: 12px;
    --sds-c-button-destructive-spacing-inline-end: ;
    --sds-c-button-destructive-spacing-inline-start: ;
    --sds-c-button-inverse-spacing-inline-end: 12px;
    --sds-c-button-inverse-spacing-inline-start: 12px;
    --sds-c-button-neutral-spacing-inline-end: 12px;
    --sds-c-button-neutral-spacing-inline-start: 12px;
    --sds-c-button-outline-brand-spacing-inline-end: 12px;
    --sds-c-button-outline-brand-spacing-inline-start: 12px;
    --sds-c-button-spacing-block-end: 6px;
    --sds-c-button-spacing-block-start: 6px;
    --sds-c-button-spacing-inline-end: 0;
    --sds-c-button-spacing-inline-start: 0;
    --sds-c-button-success-spacing-inline-end: ;
    --sds-c-button-success-spacing-inline-start: ;
    --sds-c-button-text-destructive-spacing-inline-end: ;
    --sds-c-button-text-destructive-spacing-inline-start: ;

    /* Text */
    --sds-c-button-line-height: 1.5;

    /*
    * Input
    */

    /* Box Shadow */
    --sds-c-input-shadow: unset;
    --slds-c-input-shadow: unset;
    --sds-c-input-shadow-focus: unset;
    --slds-c-input-shadow-focus: unset;

    /* Color */
    --sds-c-input-color-background: var(--white);
    --sds-c-input-color-background-focus: var(--white);
    --sds-c-input-color-border: var(--nobel);
    --sds-c-input-color-border-focus: var(--brand-secondary-salmon);
    --sds-c-input-text-color: var(--gray87);
    --sds-c-input-text-color-focus: var(--gray87);

    /* Radius */
    --sds-c-input-radius-border: 1px;

    /* Spacing */
    --sds-c-input-spacing-horizontal-end: 12px;
    --sds-c-input-spacing-horizontal-start: 12px;
    --slds-c-input-spacing-horizontal-end: 12px;
    --slds-c-input-spacing-horizontal-start: 12px;

    /*
    * Checkbox
    */

    /* Box Shadow */
    --sds-c-checkbox-shadow: unset;
    --sds-c-checkbox-shadow-focus: unset;
    --slds-c-checkbox-shadow: unset;
    --slds-c-checkbox-shadow-focus: unset;

    /* Color */
    --sds-c-checkbox-color-background: var(--white);
    --dxp-s-form-checkbox-color-background: var(--white);
    --sds-c-checkbox-color-background-checked: var(--brand-secondary-salmon);
    --sds-c-checkbox-color-border: var(--nobel);
    --dxp-s-form-checkbox-color-border: var(--nobel);
    --sds-c-checkbox-color-border-checked: var(--brand-secondary-salmon);
    --sds-c-checkbox-color-border-focus: var(--brand-secondary-salmon);
    --sds-c-checkbox-mark-color-foreground: var(--white);

    /* Radius */
    --sds-c-checkbox-radius-border: 1px;

    /*
    * Radio
    */

    /* Box Shadow */
    --sds-c-radio-shadow: unset;
    --sds-c-radio-shadow-focus: unset;
    --slds-c-radio-shadow-focus: unset;

    /* Color */
    --sds-c-radio-color-background: var(--white);
    --sds-c-radio-color-background-checked: var(--white);
    --sds-c-radio-color-border: var(--nobel);
    --sds-c-radio-color-border-checked: var(--brand-secondary-salmon);
    --sds-c-radio-color-border-focus: var(--brand-secondary-salmon);
    --sds-c-radio-mark-color-foreground: var(--brand-secondary-salmon);

    /*
    * Select
    */

    /* Box Shadow */
    --sds-c-select-shadow: unset;
    --sds-c-select-shadow-focus: unset;
    --slds-c-select-shadow-focus: unset;

    /* Color */
    --sds-c-select-color-background: var(--white);
    --sds-c-select-color-background-focus: var(--white);
    --sds-c-select-color-border: var(--nobel);
    --sds-c-select-color-border-focus: var(--brand-secondary-salmon);
    --sds-c-select-text-color: var(--gray87);
    --sds-c-select-text-color-focus: var(--gray87);

    /* Radius */
    --sds-c-select-radius-border: 1px;

    /*
    * Textarea
    */

    /* Box Shadow */
    --sds-c-textarea-shadow: unset;
    --slds-c-textarea-shadow: unset;
    --sds-c-textarea-shadow-focus: unset;
    --slds-c-textarea-shadow-focus: unset;

    /* Color */
    --sds-c-textarea-color-background: var(--white);
    --sds-c-textarea-color-background-error-focus: var(--white);
    --sds-c-textarea-color-background-focus: var(--white);
    --sds-c-textarea-color-border: var(--nobel);
    --sds-c-textarea-color-border-focus: var(--brand-secondary-salmon);
    --sds-c-textarea-text-color: var(--gray87);
    --sds-c-textarea-text-color-error-focus: var(--gray87);
    --sds-c-textarea-text-color-focus: var(--gray87);

    /* Radius */
    --sds-c-textarea-radius-border: 1px;

    /* Sizing */
    --sds-c-textarea-sizing-min-height: ;
    --sds-c-textarea-sizing-max-height: ;

    /* Spacing */
    --sds-c-textarea-spacing-block-end: 6px;
    --sds-c-textarea-spacing-block-start: 6px;
    --sds-c-textarea-spacing-inline-end: 12px;
    --sds-c-textarea-spacing-inline-start: 12px;

    /*
    * Icons
    */

    /* Color */
    --sds-c-icon-color-background: var(--transparent);
    --sds-c-icon-color-foreground: var(--white);
    --sds-c-icon-color-foreground-default: var(--gray87);
    --slds-c-icon-color-background: var(--transparent);
    --slds-c-icon-color-foreground: var(--white);
    --slds-c-icon-color-foreground-default: var(--gray87);

    /* Radius */
    --sds-c-icon-radius-border: ;

    /*
    * Modal
    */

    /* Box Shadow */
    --sds-c-modal-shadow: none;

    /* Color */
    --sds-c-backdrop-color-background: rgba(0, 0, 0, 0.5);
    --sds-c-modal-color-border: var(--zircon);
    --sds-c-modal-content-color-background: var(--white);
    --sds-c-modal-content-text-color: var(--gray87);
    --sds-c-modal-footer-color-background: var(--white);
    --sds-c-modal-footer-text-color: var(--gray87);
    --sds-c-modal-header-color-background: var(--white);
    --sds-c-modal-header-text-color: var(--gray87);
    --slds-c-modal-footer-color-background: var(--white);
    --slds-c-modal-color-border: var(--zircon);

    /* Font */
    --sds-c-modal-heading-font-size: 21px;

    /* Radius */
    --sds-c-modal-radius-border: 3px;

    /* Sizing */
    --sds-c-modal-sizing-border: 1px;

    /* Spacing */
    --sds-c-modal-footer-spacing-block-end: 16px;
    --sds-c-modal-footer-spacing-block-start: 16px;
    --sds-c-modal-footer-spacing-inline-end: 16px;
    --sds-c-modal-footer-spacing-inline-start: 16px;
    --sds-c-modal-header-spacing-block-end: 16px;
    --sds-c-modal-header-spacing-block-start: 16px;
    --sds-c-modal-header-spacing-inline-end: 16px;
    --sds-c-modal-header-spacing-inline-start: 16px;

    /* Text */
    --sds-c-modal-heading-font-weight: 500;
    --sds-c-modal-heading-line-height: 1.5;

    /*
    * Badge
    */

    /* Color */
    --sds-c-badge-color-background: var(--product-tile-badge);
    --sds-c-badge-color-border: ;
    --sds-c-badge-icon-color-foreground: var(--white);
    --sds-c-badge-icon-inverse-color-foreground: ;
    --sds-c-badge-inverse-color-background: ;
    --sds-c-badge-inverse-text-color: ;
    --sds-c-badge-lightest-color-background: ;
    --sds-c-badge-lightest-color-border: ;
    --sds-c-badge-text-color: var(--white);

    /* Font */
    --sds-c-badge-font-size: 16px;

    /* Radius */
    --sds-c-badge-radius-border: 50%;

    /* Sizing */
    --sds-c-badge-sizing-border: ;

    /* Text */
    --sds-c-badge-line-height: 1;

    /*
    * Tabs
    */

    /* Color */
    --sds-c-tabs-item-color-border-active: var(--brand-secondary-salmon);
    --slds-c-tabs-item-color-border-active: var(--brand-secondary-salmon);
    --sds-c-tabs-item-color-border-hover: var(--brand-secondary-salmon);
    --slds-c-tabs-item-color-border-hover: var(--brand-secondary-salmon);
    --sds-c-tabs-item-text-color: var(--brand-secondary-salmon);
    --sds-c-tabs-item-text-color-active: var(--brand-secondary-salmon);
    --sds-c-tabs-list-color-border: var(--very-light-grey);


    /* Sizing */
    --sds-c-tabs-item-sizing-height: 26.4px;
    --sds-c-tabs-list-sizing-border: 1px;
    --slds-c-tabs-list-sizing-border: 1px;

    /* Spacing */
    --sds-c-tabs-item-spacing-block-end: 8px;
    --sds-c-tabs-item-spacing-block-start: 8px;
    --sds-c-tabs-item-spacing-inline-end: 16px;
    --sds-c-tabs-item-spacing-inline-start: 16px;
    --sds-c-tabs-panel-spacing-block-end: 0px;
    --sds-c-tabs-panel-spacing-block-start: 0px;
    --sds-c-tabs-panel-spacing-inline-end: 0px;
    --sds-c-tabs-panel-spacing-inline-start: 0px;

    /* Text */
    --sds-c-tabs-item-line-height: 26.4px;

    /*
    * Card
    */

    /* Box Shadow */
    --slds-c-card-shadow: none;

    /* Color */
    --slds-c-card-color-background: var(--white);
    --slds-c-card-color-border: var(--slds-g-color-border-base-1);
    --slds-c-card-footer-color-border: var(--slds-g-color-border-base-1);
    --slds-c-card-text-color: var(--gray87);

    /* Font */
    --slds-c-card-footer-font-size: 16px;
    --slds-c-card-heading-font-size: 16px;

    /* Radius */
    --slds-c-card-radius-border: 3px;

    /* Sizing */
    --slds-c-card-footer-sizing-border: 1px;
    --slds-c-card-sizing-border: 1px;

    /* Spacing */
    --slds-c-card-body-spacing-block-end: 20px;
    --slds-c-card-body-spacing-block-start: 20px;
    --slds-c-card-body-spacing-inline-end: 20px;
    --slds-c-card-body-spacing-inline-start: 20px;
    --slds-c-card-footer-spacing-block-end: 20px;
    --slds-c-card-footer-spacing-block-start: 12px;
    --slds-c-card-footer-spacing-inline-end: 20px;
    --slds-c-card-footer-spacing-inline-start: 20px;
    --slds-c-card-header-spacing-block-end: 12px;
    --slds-c-card-header-spacing-block-start: 12px;
    --slds-c-card-header-spacing-inline-end: 20px;
    --slds-c-card-header-spacing-inline-start: 20px;
    --slds-c-card-spacing-block-end: ;
    --slds-c-card-spacing-block-start: ;
    --slds-c-card-spacing-inline-end: ;
    --slds-c-card-spacing-inline-start: ;

    /* Text */
    --slds-c-card-footer-text-align: left;
    --slds-c-card-heading-font-weight: 400;

    /*
    * Slider
    */

    /* Box Shadow */
    --slds-c-slider-thumb-shadow: none;
    --slds-c-slider-thumb-shadow-focus: none;

    /* Color */
    --slds-c-slider-thumb-color-foreground: var(--brand-secondary-salmon);
    --slds-c-slider-thumb-color-foreground-active: var(--black);
    --slds-c-slider-thumb-color-foreground-focus: var(--brand-secondary-salmon);
    --slds-c-slider-thumb-color-foreground-hover: var(--brand-secondary-salmon);
    --slds-c-slider-track-color-background: var(--white);

    /* Radius */
    --slds-c-slider-thumb-radius-border: 0px;
    --slds-c-slider-track-radius-border: 0px;

    /*
    * Breadcrumb
    */

    --com-c-breadcrumb-text-size: 14px;
    --com-c-breadcrumb-text-color: var(--gray54);
    --com-c-breadcrumb-divider-color: var(--gray54);
    --com-c-breadcrumb-link-color: var(--brand-secondary-salmon);
    --com-c-breadcrumb-link-color-hover: var(--brand-secondary-salmon);

    /* Spacing */
    --slds-c-breadcrumbs-spacing-inline-end: 8px;
    --slds-c-breadcrumbs-spacing-inline-start: 8px;

    /*
    * Accordion
    */

    /* Color */
    --sds-c-accordion-color-border: ;
    --sds-c-accordion-heading-text-color: ;
    --sds-c-accordion-summary-color-background: var(--transparent);

    /* Font */
    --sds-c-accordion-heading-font-size: 20px;

    /* Sizing */
    --sds-c-accordion-sizing-border: 1px;

    /* Spacing */
    --sds-c-accordion-section-spacing-block-end: ;
    --sds-c-accordion-section-spacing-block-start: ;
    --sds-c-accordion-section-spacing-inline-end: ;
    --sds-c-accordion-section-spacing-inline-start: ;

    /* Text */
    --sds-c-accordion-heading-line-height: 21px;

    /*
    * Alert
    */

    /* Box Shadow */
    --sds-c-alert-shadow: unset;

    /* Color */
    --sds-c-alert-color-background: ;
    --sds-c-alert-color-border: ;
    --sds-c-alert-text-color: var(--darken87);
    --sds-c-alert-text-color-active: var(--darken87);

    /* Image */
    --sds-c-alert-image-background: ;
    --sds-c-alert-size-background: ;

    /* Sizing */
    --sds-c-alert-sizing-border: ;

    /* Spacing */
    --sds-c-alert-spacing-block-end: ;
    --sds-c-alert-spacing-block-start: ;
    --sds-c-alert-spacing-inline-end: ;
    --sds-c-alert-spacing-inline-start: ;

    /* Text */
    --sds-c-alert-font-weight: ;
    --sds-c-alert-font-size: 18px;

    /*
    * Pricing
    */

    --com-c-product-pricing-price-label-font-weight: 400;
    --com-c-product-pricing-negotiated-price-label-color: var(--gray87);
    --com-c-product-pricing-negotiated-price-label-size: var(--dxp-s-text-heading-medium-font-size);
    --com-c-product-pricing-original-price-label-color: var(--gray54);
    --com-c-product-pricing-original-price-label-size: var(--dxp-s-text-heading-medium-font-size);
    --com-c-product-details-negotiated-price-label-color: var(--gray87);
    --com-c-product-details-negotiated-price-label-size: var(--dxp-s-text-heading-medium-font-size);
    --com-c-product-details-original-price-label-color: var(--gray54);
    --com-c-product-details-original-price-label-size: var(--dxp-s-text-heading-medium-font-size);
    --com-c-product-pricing-details-lowest-unit-price-label-color: initial;
    --com-c-product-pricing-details-lowest-unit-price-label-size: var(--dxp-s-text-heading-medium-font-size);
    --com-c-product-pricing-details-tax-info-label-color: initial;
    --com-c-product-pricing-details-tax-info-label-size: var(--dxp-s-text-heading-extra-small-font-size);
    --com-c-product-pricing-details-slot-3-price-label-color: initial;
    --com-c-product-pricing-details-slot-3-price-label-size: var(--dxp-s-text-heading-small-font-size);
    --com-c-product-pricing-details-slot-2-price-label-color: var(--gray54);
    --com-c-product-pricing-details-slot-2-price-label-size: var(--dxp-s-text-heading-medium-font-size);
    --com-c-product-pricing-details-slot-2-price-font-weight: 400;
    --com-c-product-pricing-details-slot-1-price-label-color: var(--gray87);
    --com-c-product-pricing-details-slot-1-price-label-size: var(--dxp-s-text-heading-medium-font-size);
    --com-c-product-pricing-details-slot-1-price-font-weight: 400;
    --com-c-product-pricing-details-promotional-message-color: initial;
    --com-c-product-pricing-details-promotional-message-label-size: var(--dxp-s-text-heading-small-font-size);
}

/*
* LWC styles overrides
*
*/

.slds-container_x-large {
    max-width: 1114px;
}

.slds-container_large {
    max-width: 1024px;
}

.slds-container_medium {
    max-width: 768px;
}

.slds-container_small {
    max-width: 480px;
}

.container {
    max-width: 100%;
}

@media only screen and (min-width: 768px) {
    .container {
        max-width: 768px;
    }
}

@media only screen and (min-width: 1024px) {
    .container {
        max-width: 1024px;
    }
}

@media only screen and (min-width: 1280px) {
    .container {
        max-width: 1114px;
    }
}

label {
    font-weight: 400 !important;
    font-size: 16px !important;
}

input, select {
    padding: calc(var(--sds-c-input-spacing-horizontal-end) / 2) var(--sds-c-input-spacing-horizontal-end) !important;
}

input::placeholder {
    color: var(--gray54);
    font-family: 'SuisseBPIntlWebRegular', Helvetica, Arial, sans-serif;
    font-size: 16px;
}

h1 {
    font-family: var(--dxp-s-text-heading-extra-large-font-family);
    font-size: var(--dxp-s-text-heading-extra-large-font-size);
    line-height: var(--dxp-s-text-heading-extra-large-line-height);
    color: var(--dxp-s-text-heading-extra-large-color);
}

h2 {
    font-family: var(--dxp-s-text-heading-large-font-family);
    font-size: var(--dxp-s-text-heading-large-font-size);
    line-height: var(--dxp-s-text-heading-large-line-height);
    color: var(--dxp-s-text-heading-large-color);
}

h3 {
    font-family: var(--dxp-s-text-heading-medium-font-family);
    font-size: var(--dxp-s-text-heading-medium-font-size);
    line-height: var(--dxp-s-text-heading-medium-line-height);
    color: var(--dxp-s-text-heading-medium-color);
}

h4 {
    font-family: var(--dxp-s-text-heading-small-font-family);
    font-size: var(--dxp-s-text-heading-small-font-size);
    line-height: var(--dxp-s-text-heading-small-line-height);
    color: var(--dxp-s-text-heading-small-color);
}

h5 {
    font-family: var(--dxp-s-text-heading-extra-small-font-family);
    font-size: var(--dxp-s-text-heading-extra-small-font-size);
    line-height: var(--dxp-s-text-heading-extra-small-line-height);
    color: var(--dxp-s-text-heading-extra-small-color);
}

strong {
    font-family: var(--dxp-s-text-heading-extra-small-font-family);
    font-weight: 500;
}

/*
* Button
*/

.slds-button.slds-button_icon {
    color: var(--white);
}

.slds-button_brand[disabled], .slds-button_brand:disabled,
.slds-button--brand[disabled], .slds-button--brand:disabled,
lightning-button[variant="brand"]::part(button):disabled {
    background-color: var(--dxp-g-neutral-1);
    border-color: var(--dxp-g-neutral-1);
    color: var(--dxp-g-brand-contrast);
}

.slds-button:not([disabled]):not(.slds-button_icon, .slds-button_neutral, .slds-button_brand, .slds-button_outline-brand, .slds-button_inverse):hover {
    text-decoration: underline;
}

.slds-button:hover:after {
    display: none;
}

.slds-button:hover:before {
    display: none;
}

.slds-button:not([disabled]):not(.slds-button_icon, .slds-button_neutral, .slds-button_brand, .slds-button_outline-brand, .slds-button_inverse):focus {
    box-shadow: none;
    text-decoration: underline;
}

.slds-button:not([disabled]):not(.slds-button_icon.slds-button_icon-brand, .slds-button_inverse):focus {
    color: var(--cta-primary-default);
    background-color: var(--transparent);
    border-color: var(--transparent);
    outline: none !important;
}

.slds-button.slds-button_icon.slds-button_icon-brand:focus {
    color: var(--white);
}

.slds-button_brand:not([disabled]):focus {
    color: var(--white);
    border-color: var(--cta-primary-hover);
    background-color: var(--cta-primary-default);
    box-shadow: var(--cta-box-shadow-focus);
}

.slds-button_brand:not([disabled]):hover {
    box-shadow: var(--cta-box-shadow);
}

.slds-button_inverse:not([disabled]):hover,
.slds-button_inverse:not([disabled]):active {
    background-color: var(--zircon);
}

[kx-scope=button][kx-type=underline] {
    will-change: auto;
    transition: none;
}

[kx-scope=button][kx-type=underline]:active {
    transform: none;
}

[kx-scope=button][kx-type=underline]:after {
    content: none;
}

/*
*Vertical navigation
*/

.slds-nav-vertical__item.slds-is-active:before,
.slds-nav-vertical__item:hover:before {
    background: var(--brighten10);
}

.slds-nav-vertical__action:hover {
    box-shadow: inset 2px 0 0 var(--brand-secondary-highlight);
}

.slds-nav-vertical__item.slds-is-active .slds-nav-vertical__action {
    box-shadow: inset 4px 0 0 var(--brand-secondary-highlight);
}

.slds-nav-vertical__item .slds-nav-vertical__action:focus,
.slds-nav-vertical__item.slds-is-active .slds-nav-vertical__action:focus {
    outline: none;
    box-shadow: none;
}

.slds-nav-vertical__item.slds-is-active .slds-nav-vertical__action:focus-visible,
.slds-nav-vertical__item .slds-nav-vertical__action:focus-visible {
    box-shadow: inset 2px 0 0 var(--brand-secondary-highlight);
    outline: 2px solid var(--brand-secondary-highlight);
    outline-offset: 1px;
}

/*
* Forms
*/

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance: textfield;
}

.slds-form-element__label {
    font-size: 16px !important;
}

.slds-input {
    font-size: var(--dxp-c-input-text-font-size);
    line-height: var(--dxp-s-body-line-height) !important;
    min-height: calc(var(--dxp-c-input-text-font-size) * var(--dxp-s-body-line-height) + var(--sds-c-input-spacing-horizontal-end) + var(--dxp-c-input-width-border) * 2); /* 38px */
    padding: calc(var(--sds-c-input-spacing-horizontal-end) / 2) var(--sds-c-input-spacing-horizontal-end) !important;
}

.slds-input[readonly] {
    font-size: var(--dxp-s-form-element-text-font-size);
    padding: 0 !important;
}

.slds-input:focus,
.slds-input:active {
    box-shadow: var(--sds-c-input-shadow-focus);
}

.slds-has-error .slds-input,
.slds-has-error .slds-textarea,
.slds-has-error .slds-input:focus {
    box-shadow: var(--sds-c-input-shadow) !important;
}

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

.slds-select {
    height: auto;
}

.slds-select:active,
.slds-select:focus {
    box-shadow: var(--sds-c-select-shadow-focus);
}

.fix-slds-input_faux {
    line-height: var(--dxp-s-body-line-height) !important;
    min-height: calc(var(--dxp-c-input-text-font-size) * var(--dxp-s-body-line-height) + var(--sds-c-input-spacing-horizontal-end) + var(--dxp-c-input-width-border) * 2);
}

.slds-checkbox [type=checkbox]:focus+.slds-checkbox__label .slds-checkbox_faux {
    outline: none;
    box-shadow: var(--sds-c-checkbox-shadow-focus);
}

.slds-radio [type="radio"]:focus + .slds-radio__label .slds-radio_faux {
    box-shadow: var(--sds-c-radio-shadow-focus);
}

.slds-textarea:active,
.slds-textarea:focus {
    box-shadow: var(--sds-c-textarea-shadow-focus);
}

input[readonly][role=combobox] {
    font-size: var(--dxp-c-input-text-font-size) !important;
    padding: calc(var(--sds-c-input-spacing-horizontal-end) / 2) var(--sds-c-input-spacing-horizontal-end) !important;
}

input[readonly][role=combobox]:focus {
    box-shadow: var(--sds-c-input-shadow-focus);
}

.slds-has-error .slds-combobox__input {
    border-color: var(--dxp-g-destructive) !important;
}

.slds-form-element__help {
    margin-top: var(--dxp-g-spacing-xxsmall);
}

.slds-has-error + .slds-form-element__help {
    color: var(--dxp-g-destructive);
}

/*
* Modal
*/

.slds-modal {
	transition: none;
}

.slds-modal__container {
    transition: transform 0.3s ease-out;
    transform: translate(0, -25%);
    height: auto;
}

.slds-modal__inner {
    border-radius: var(--sds-c-modal-radius-border);
    border: var(--sds-c-modal-sizing-border) solid rgba(0, 0, 0, 0.2);
}

.slds-modal__header {
    text-align: left;
}

.slds-modal__header .slds-modal__title {
    font-family: var(--dxp-s-text-heading-small-font-family);
}

.slds-modal__footer {
    background-color: var(--white);
}

.slds-fade-in-open {
	transition: opacity 0.15s linear;
}

.slds-fade-in-open .slds-modal__container {
	transform: translate(0, 0);
}

@media only screen and (min-width: 481px) {
    .slds-modal__container {
        max-height: 90vh;
    }
}

@media only screen and (min-width: 768px) {
	.slds-modal__container {
	    margin: 1.75rem auto;
	}

	.slds-modal_small .slds-modal__container {
	    width: 50%;
	    max-width: 500px;
	    min-width: 500px;
        padding-top: 0;
        margin-top: 0;
	}
}

lightning-dialog [data-close-button],
.slds-modal__close {
    width: auto;
    height: auto;
    right: 16px;
    top: 40px;
    z-index: 1;
}

lightning-dialog [data-close-button] button,
.slds-modal .slds-modal__close .slds-button {
    color: var(--black) !important;
    opacity: .5;
    text-shadow: 0 1px 0 var(--white);
    border: 0;
    padding: 0 var(--dxp-g-spacing-xxsmall);
}

lightning-dialog [data-close-button] button:not(:disabled):not(.disabled),
.slds-modal .slds-modal__close .slds-button:not(:disabled):not(.disabled) {
    cursor: pointer;
}

lightning-dialog [data-close-button] button:hover,
.slds-modal .slds-modal__close .slds-button:hover {
    opacity: .75;
    box-shadow: none;
}

lightning-dialog [data-close-button] button:focus,
.slds-modal .slds-modal__close .slds-button:focus {
    opacity: .75;
    outline: 5px auto var(--black);
    box-shadow: none;
}

lightning-dialog [data-close-button] button lightning-primitive-icon svg,
.slds-modal .slds-modal__close .slds-button svg {
    width: var(--dxp-s-button-font-size);
    height: var(--dxp-s-button-font-size);
    fill: var(--black);
}

lightning-dialog header {
    text-align: left !important;
}

/*
* Badge
*/

.custom-badge {
    font-family: var(--dxp-g-heading-font-family);
    border: none;
    opacity: 0.8;
    transform: rotate(15deg);
    width: 70px;
    height: 70px;
    display: inline-flex !important;
    background-color: var(--sds-c-badge-color-background) !important;
    border-radius: var(--sds-c-badge-radius-border) !important;
    font-size: var(--sds-c-badge-font-size);
    line-height: var(--sds-c-badge-line-height);
    white-space: normal;
    text-align: center;
}

/*
* Tabs
*/

.slds-tabs--default__item,
.slds-tabs_default__item {
    margin-bottom: 0;
}

.slds-tabs--default__item:hover:after,
.slds-tabs_default__item:hover:after,
.slds-tabs--default__item.slds-has-focus:after,
.slds-tabs--default__item:focus:after,
.slds-tabs_default__item.slds-has-focus:after,
.slds-tabs_default__item:focus:after {
    height: calc(var(--slds-c-tabs-list-sizing-border,var(--sds-c-tabs-list-sizing-border,1px)) + 2px);
}

.slds-tabs--default__link:focus,
.slds-tabs--default__link:hover,
.slds-tabs_default__link:focus,
.slds-tabs_default__link:hover,
.slds-tabs--default__item.slds-active .slds-tabs--default__link:hover,
.slds-tabs--default__item.slds-active .slds-tabs_default__link:hover,
.slds-tabs--default__item.slds-is-active .slds-tabs--default__link:hover,
.slds-tabs--default__item.slds-is-active .slds-tabs_default__link:hover,
.slds-tabs_default__item.slds-active .slds-tabs--default__link:hover,
.slds-tabs_default__item.slds-active .slds-tabs_default__link:hover,
.slds-tabs_default__item.slds-is-active .slds-tabs--default__link:hover,
.slds-tabs_default__item.slds-is-active .slds-tabs_default__link:hover {
    text-decoration: none !important;
}

.slds-tabs_default .slds-tabs_default__item {
    font-size: 17.6px;
}

.slds-tabs_default__item.slds-is-active .slds-tabs_default__link {
    font-weight: 400;
}

/*
* Dropdown
*/

.slds-dropdown {
    box-shadow: 0 5px 5px 2px rgba(0, 0, 0, 0.17);
    font-family: var(--dxp-s-button-font-family);
    border-radius: 0px;
    font-size: var(--dxp-s-body-font-size);
}

.slds-dropdown__item > a,
.slds-listbox_vertical .slds-listbox__option_plain {
    padding: var(--dxp-g-spacing-medium);
    border: 1px solid var(--transparent);
    border-bottom-color: var(--gray12);
}

lightning-menu-item:last-of-type .slds-dropdown__item > a,
.slds-dropdown__item:last-of-type > a {
    border-bottom: none;
}

.slds-dropdown__item>a:focus,
.slds-dropdown__item>a:active {
    box-shadow: none;
    background-color: var(--transparent);
}

/*
* Card
*/

.slds-card__header {
    border-bottom: solid 1px var(--slds-c-card-color-border);
}

.slds-card__body {
    padding-right: 20px;
    padding-left: 20px;
}

.slds-card__footer {
    border-top: solid 1px var(--slds-c-card-color-border);
}

/*
* Box
*/

.slds-box {
    border-radius: 0;
    border-color: var(--zircon);
}

/*
* Columns
*/

.columns-overflow-hidden .column-content {
    overflow: hidden;
}

/*
* Table
*/

table, .table {
    margin-bottom: 1.5rem;
}

.table-striped tr:nth-of-type(odd) {
    background-color: var(--gray6);
}

.bg-white {
    background-color: var(--white);
}

table th, .table th {
    border-bottom: 2px solid var(--very-light-grey);
}

table th, table td, .table th, .table td {
    vertical-align: top;
    border-top: 1px solid var(--very-light-grey);
    padding: .4rem;
}

.table-wrapper {
    overflow: auto;
    width: 100%;
}

/*
* List
*/

.list-circle {
    list-style-type: initial;
    list-style-position: inside;
}

/*
* Loader
*/

.product-loader {
    position: fixed;
}

.full-loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Breadcrumbs */
.commerce-breadcrumb {
    --dxp-s-text-heading-small-font-family: var(--dxp-g-root-font-family);
}

/*
* Notification
*/
.slds-notify {
    padding: var(--dxp-g-spacing-small) var(--dxp-g-spacing-large);
    border-radius: 0;
    box-shadow: 1px 1px 5px var(--gray54);
    width: 100%;
}

.slds-notify .slds-list--inline {
    display: flex;
    max-width: 100%;
    flex-direction: row-reverse;
    gap: var(--dxp-g-spacing-medium);
    justify-content: space-between;
    width: 100%;
}

.slds-notify .slds-icon_container {
    align-self: center;
    margin: 0;
}

.slds-theme_success {
    background-color: var(--notification-success-bg);
    color: var(--notification-success-color);
    border-left: 5px solid var(--state-success);
}

.slds-theme_warning {
    background-color: var(--notification-warning-bg);
    color: var(--notification-warning-color);
    border-left: 5px solid var(--state-warning);
}

.slds-notify__close {
    display: none;
}

.slds-theme_warning.slds-notify .slds-icon {
    fill: var(--state-warning);
}

.slds-theme_success.slds-notify .slds-icon {
    fill: var(--state-success);
}

.slds-notify__content slot[name='message'] {
    display: none;
}