:root {
    /* BREAKPOINTS */

    /* Viewport */
    --ced-breakpoint-base: 0;
    --ced-breakpoint-small: 37.5em;
    --ced-breakpoint-medium: 64em;
    --ced-breakpoint-large: 90em;

    /* Content Width */
    --ced-content-width-small: 26em;
    --ced-content-width-medium: 37.5em;
    --ced-content-width-large: 100em;

    /* BORDER */

    /*Border Weight*/
    --ced-border-width: 1px;
    --ced-border-width-large: 2px;
    --ced-border-width-xlarge: 4px;

    /*Border Radius */
    --ced-border-radius-none: 0;
    --ced-border-radius-small: .25rem;
    --ced-border-radius-base: .375rem;
    --ced-border-radius-base-inner: .25rem;
    --ced-border-radius-large: .75rem;
    --ced-border-radius-large-inner: .5rem;
    --ced-border-radius-full: 50%;

    /* COLORS */

    /* Brand - CED */
    --ced-color-global-brand-1: #222E72;
    --ced-color-global-brand-2: #5067BE;
    --ced-color-global-brand-3: #7D8ECF;
    --ced-color-global-brand-4: #EDEFF7;

    /* Neutral */
    --ced-color-global-neutral-1: #212121;
    --ced-color-global-neutral-2: #6D6E6C;
    --ced-color-global-neutral-3: #8E908D;
    --ced-color-global-neutral-4: #CECFCD;
    --ced-color-global-neutral-5: #F0F0F0;
    --ced-color-global-neutral-6: #FAFAFA;
    --ced-color-global-white: #FFF;

    /* Alpha */
    --ced-color-global-alpha-neutral-1: rgba(33, 33, 33, 0.66);
    --ced-color-global-alpha-neutral-2: rgba(33, 33, 33, 0.49);
    --ced-color-global-alpha-neutral-3: rgba(33, 33, 33, 0.24);
    --ced-color-global-alpha-neutral-4: rgba(33, 33, 33, 0.07);
    --ced-color-global-alpha-white-1: rgba(255, 255, 255, 0.75);
    --ced-color-global-alpha-white-2: rgba(255, 255, 255, 0.50);
    --ced-color-global-alpha-white-3: rgba(255, 255, 255, 0.25);
    --ced-color-global-alpha-white-4: rgba(255, 255, 255, 0.10);
    --ced-color-global-alpha-white-5: rgba(255, 255, 255, 0.05);
    --ced-color-global-alpha-transparent: rgba(255, 255, 255, 0);

    /* Danger */
    --ced-color-global-danger-1: #A91700;
    --ced-color-global-danger-2: #D34A35;
    --ced-color-global-danger-3: #FBDBD5;
    --ced-color-global-danger-4: #F8EEEC;

    /* Warning */
    --ced-color-global-warning-1: #8F5300;
    --ced-color-global-warning-2: #BD8A00;
    --ced-color-global-warning-3: #FFF7E5;

    /* Success */
    --ced-color-global-success-1: #296804;
    --ced-color-global-success-2: #479915;
    --ced-color-global-success-3: #EDF2E8;

    /* Background */
    --ced-color-background-brand: var(--ced-color-global-brand-2);
    --ced-color-background-brand-hover: var(--ced-color-global-brand-1);
    --ced-color-background-brand-focus: var(--ced-color-global-brand-1);
    --ced-color-background-brand-light: var(--ced-color-global-brand-4);
    --ced-color-background-brand-light-focus: var(--ced-color-global-brand-3);
    --ced-color-background-neutral: var(--ced-color-global-neutral-6);
    --ced-color-background-neutral-hover: var(--ced-color-global-neutral-5);
    --ced-color-background-neutral-focus: var(--ced-color-global-neutral-5);
    --ced-color-background-neutral-dark: var(--ced-color-global-neutral-5);
    --ced-color-background-neutral-dark-hover: var(--ced-color-global-neutral-4);
    --ced-color-background-neutral-dark-focus: var(--ced-color-global-neutral-4);
    --ced-color-background-transparent: var(--ced-color-global-alpha-transparent);
    --ced-color-background-transparent-hover: var(--ced-color-global-alpha-neutral-4);
    --ced-color-background-transparent-focus: var(--ced-color-global-alpha-neutral-4);
    --ced-color-background-transparent-active: var(--ced-color-global-alpha-neutral-4);
    --ced-color-background-backdrop: var(--ced-color-global-alpha-neutral-1);
    --ced-color-background-danger: var(--ced-color-global-danger-2);
    --ced-color-background-danger-light: var(--ced-color-global-danger-4);
    --ced-color-background-warning: var(--ced-color-global-warning-2);
    --ced-color-background-warning-light: var(--ced-color-global-warning-3);
    --ced-color-background-success: var(--ced-color-global-success-2);
    --ced-color-background-success-light: var(--ced-color-global-success-3);

    /* Border */
    --ced-color-border-neutral-dark: var(--ced-color-global-neutral-3);
    --ced-color-border-neutral: var(--ced-color-global-neutral-4);
    --ced-color-border-neutral-light: var(--ced-color-global-neutral-5);
    --ced-color-border-brand: var(--ced-color-global-brand-2);
    --ced-color-border-warning: var(--ced-color-global-warning-2);
    --ced-color-border-danger: var(--ced-color-global-danger-2);
    --ced-color-border-success: var(--ced-color-global-success-2);
    --ced-color-border-transparent: var(--ced-color-global-alpha-transparent);

    /* Text */
    --ced-color-text: var(--ced-color-global-neutral-1);
    --ced-color-text-light: var(--ced-color-global-neutral-2);
    --ced-color-text-brand: var(--ced-color-global-brand-2);
    --ced-color-text-brand-dark: var(--ced-color-global-brand-1);
    --ced-color-text-danger: var(--ced-color-global-danger-1);
    --ced-color-text-warning: var(--ced-color-global-warning-1);
    --ced-color-text-success: var(--ced-color-global-success-1);
    --ced-color-text-inverse: var(--ced-color-global-white);

    /* Focus Indicator */
    --ced-focus-indicator-width: .125rem;
    --ced-focus-indicator-offset-outer:.125rem;
    --ced-focus-indicator-offset-inner: -.125rem;
    --ced-color-focus-indicator: var(--ced-color-global-brand-3);
    --ced-color-focus-indicator-offset: var(--ced-color-global-white);

    /* Icons */
    --ced-color-icon-neutral: var(--ced-color-global-neutral-1);
    --ced-color-icon-neutral-light: var(--ced-color-global-neutral-2);
    --ced-color-icon-brand: var(--ced-color-global-brand-2);
    --ced-color-icon-danger: var(--ced-color-global-danger-1);
    --ced-color-icon-danger-light: var(--ced-color-global-danger-2);
    --ced-color-icon-warning: var(--ced-color-global-warning-1);
    --ced-color-icon-warning-light: var(--ced-color-global-warning-2);
    --ced-color-icon-success: var(--ced-color-global-success-1);
    --ced-color-icon-success-light: var(--ced-color-global-success-2);
    --ced-color-icon-inverse: var(--ced-color-global-white);
    --ced-color-icon-duo-neutral: var(--ced-color-global-neutral-1);
    --ced-color-icon-duo-brand: var(--ced-color-global-brand-3);

    /* TYPOGRAPHY */

    /* Font Family */
    font-family: 'Inter', sans-serif;
    font-variation-settings: normal;

    /* Font Size */
    --ced-font-size-xxlarge: 28px;
    --ced-font-size-xlarge: 24px;
    --ced-font-size-medium: 20px;
    --ced-font-size-small: .875rem;
    --ced-font-size-xsmall: .8125rem;
    --ced-font-size-xxsmall: 12px;

    /* Font Weight */
    --ced-font-weight-normal: 400;
    --ced-font-weight-semi-bold: 600;
    --ced-font-weight-bold: 700;

    /* Font Style */
    --ced-font-style-normal: font-variation-settings: normal;
    --ced-font-style-italic: font-variation-settings: "slnt" -10;

    /* Line Height */

    /* Headings */
    --ced-line-height-heading-xxlarge: 1.2857142857;
    --ced-line-height-heading-xlarge: 1.3333333333;
    --ced-line-height-heading-medium: 1.4;
    --ced-line-height-heading-small: 1.5;
    --ced-line-height-heading-xsmall: 1.7142857143;

    /* Body */
    --ced-line-height-body: 1.5;
    --ced-line-height-body-small: 1.7142857143;

    /* Components */
    --ced-line-height-component-base: 1;
    --ced-line-height-component-small: 1.3333333333;
    --ced-line-height-component-xsmall: 1;

    /* LINKS */
    --ced-text-focus-indicator-size: .25ex;
    --ced-text-link-underline-size: .2ex;

    /* SHADOWS */

    /* Drop Shadows */
    --ced-shadow-dropdown: 0px 6px 16px var(--ced-color-global-alpha-neutral-4), 0px 0px 6px var(--ced-color-global-alpha-neutral-4);
    --ced-shadow-modal: 0px 4px 32px var(--ced-color-global-alpha-neutral-3), 0px 2px 8px -1px var(--ced-color-global-alpha-neutral-3), 0px 0px 4px -1px var(--ced-color-global-alpha-neutral-4);

    /* Insert Shadows */
    --ced-shadow-inset-button: 0px -2px 0px var(--ced-color-global-alpha-white-5, rgba(255, 255, 255, 0.25)) inset, 0px -1px 0px var(--ced-color-global-brand-1) inset;
    --ced-shadow-inset-input: 0px 2px 1px var(--ced-color-global-alpha-neutral-4) inset, 0px -2px 0px var(--ced-color-global-white) inset;
    --ced-shadow-inset-well: 0px 2px 0px var(--ced-color-global-alpha-neutral-4) inset;

    /* Component */
    --ced-shadow-button-primary: 0px -1px 0px var(--ced-color-global-alpha-white-3) inset, 0px 3px 6px -2px var(--ced-color-global-alpha-neutral-4), 0px 1px 2px var(--ced-color-global-alpha-neutral-4);                                
    --ced-shadow-button-neutral: 0px -2px 0px var(--ced-color-global-white) inset, 0px 3px 6px -2px var(--ced-color-global-alpha-neutral-4), 0px 1px 2px var(--ced-color-global-alpha-neutral-4);
    --ced-shadow-input: 0px 2px 1px var(--ced-color-global-alpha-neutral-4) inset, 0px -2px 0px var(--ced-color-global-white) inset, 0px 3px 6px -2px var(--ced-color-global-alpha-neutral-4), 0px 1px 2px var(--ced-color-global-alpha-neutral-4);
    --ced-shadow-select: 0px -2px 0px var(--ced-color-global-white) inset, 0px 3px 6px -2px var(--ced-color-global-alpha-neutral-4), 0px 1px 2px var(--ced-color-global-alpha-neutral-4);
    --ced-shadow-card: 0px -2px 0px var(--ced-color-global-white) inset, 0px 3px 6px -2px var(--ced-color-global-alpha-neutral-4), 0px 1px 2px var(--ced-color-global-alpha-neutral-4);
    --ced-shadow-notification: 0px -2px 0px var(--ced-color-global-white) inset, 0px 3px 6px -2px var(--ced-color-global-alpha-neutral-4), 0px 1px 2px var(--ced-color-global-alpha-neutral-4);
    --ced-shadow-accordion-scoped: 0px -2px 0px var(--ced-color-global-white) inset, 0px 3px 6px -2px var(--ced-color-global-alpha-neutral-4), 0px 1px 2px var(--ced-color-global-alpha-neutral-4);
    --ced-shadow-dropdown: 0px 6px 16px var(--ced-color-global-alpha-neutral-4), 0px 0px 6px var(--ced-color-global-alpha-neutral-4);
    --ced-shadow-tooltip: 0px 6px 16px var(--ced-color-global-alpha-neutral-4), 0px 0px 6px var(--ced-color-global-alpha-neutral-4);
    --ced-shadow-modal: 0px 4px 32px var(--ced-color-global-alpha-neutral-3), 0px 2px 8px -1px var(--ced-color-global-alpha-neutral-3), 0px 0px 4px -1px var(--ced-color-global-alpha-neutral-4);
    --ced-shadow-well: 0px 2px 0px var(--ced-color-global-alpha-neutral-4) inset;

    /* Overscroll */
    --ced-shadow-overscroll-top: 0 -1px 1px -1px var(--ced-color-global-alpha-neutral-4), 0 -5px 6px -4px var(--ced-color-global-alpha-neutral-4);
    --ced-shadow-overscroll-bottom: 0 1px 1px -1px var(--ced-color-global-alpha-neutral-4), 0 5px 6px -4px var(--ced-color-global-alpha-neutral-4);

    /* Utility */
    --ced-shadow-base-none: none;
    --ced-shadow-base-small: 0px 3px 6px -2px var(--ced-color-global-alpha-neutral-4), 0px 1px 2px var(--ced-color-global-alpha-neutral-4);
    --ced-shadow-base-medium: 0px 6px 16px var(--ced-color-global-alpha-neutral-4), 0px 0px 6px var(--ced-color-global-alpha-neutral-4);
    --ced-shadow-base-large: 0px 4px 32px var(--ced-color-global-alpha-neutral-3), 0px 2px 8px -1px var(--ced-color-global-alpha-neutral-3), 0px 0px 4px -1px var(--ced-color-global-alpha-neutral-4);

    /* SPACING */
    --ced-spacing-none: 0rem;
    --ced-spacing-xxsmall: .25rem;
    --ced-spacing-xsmall: .5rem;
    --ced-spacing-small: .75rem;
    --ced-spacing-medium: 1rem;
    --ced-spacing-large: 1.5rem;
    --ced-spacing-xlarge: 2rem;
    --ced-spacing-xxlarge: 2.5rem;

    /* MOTION */

    /* Transition */
    --ced-transition-hover: 0.25s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
    --ced-transition-overlay: 0.35s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
    --ced-transition-slide: 0.45s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;

}

@media screen and (min-width: 1024px) {
    /* Class for Heading */
    .lwr-text-heading-large {
        color: var(--ced-color-global-neutral-1);
        line-height: var(--ced-line-height-heading-xxlarge);
        font-size: var(--ced-font-size-xxlarge);
        font-weight: var(--ced-font-weight-semi-bold);
        margin-bottom: var(--ced-spacing-medium);
    }
    /* used for h1 on media query of 1024px and up */
}

@media screen and (max-width: 1024px) {
    /* Class for Heading */
    .lwr-text-heading-large {
        color:var(--ced-color-global-neutral-1);
        line-height: var(--ced-line-height-heading-xlarge);
        font-size: var(--ced-font-size-xlarge);
        font-weight: var(--ced-font-weight-semi-bold);
        margin-bottom: var(--ced-spacing-medium);
    } /* used for h1 below 1024px */
}

.lwr-text-heading-medium {
    color:var(--ced-color-global-neutral-1);
    line-height: var(--ced-line-height-heading-medium);
    font-size: var(--ced-font-size-medium);
    font-weight: var(--ced-font-weight-semi-bold);
    margin-bottom: var(--ced-spacing-small);
    margin-top: var(--ced-spacing-medium);
} /* used for standard h2 */

.lwr-text-heading-small {
    color:var(--ced-color-global-neutral-1);
    line-height: var(--ced-line-height-heading-small);
    font-size: var(--ced-font-size-small);
    font-weight: var(--ced-font-weight-semi-bold);
    margin-bottom: var(--ced-spacing-small);
    margin-top: var(--ced-spacing-small);
} /* used for standard h3 */

.lwr-text-heading-x-small {
    color:var(--ced-color-global-neutral-1);
    line-height: var(--ced-line-height-heading-xsmall);
    font-size: var(--ced-font-size-xsmall);
    font-weight: var(--ced-font-weight-bold);
    margin-bottom: var(--ced-spacing-small);
    margin-top: var(--ced-spacing-small);
} /* used for standard h4, h5, h6 */


/* BODY COPY */
.lwr-text-body-base {
    color:var(--ced-color-global-neutral-1);
    line-height: var(--ced-line-height-body);
    font-size: var(--ced-font-size-small);
    font-weight: var(--ced-font-weight-normal);
    margin-bottom: var(--ced-spacing-medium);
}

.lwr-text-body-small {
    color:var(--ced-color-global-neutral-1);
    line-height: var(--ced-line-height-body-small);
    font-size: var(--ced-font-size-xsmall);
    font-weight: var(--ced-font-weight-normal);
    margin-bottom: var(--ced-spacing-medium);
}


/* COMPONENTS */
.lwr-text-component-base {
    color:var(--ced-color-global-neutral-1);
    line-height: var(--ced-line-height-component-base);
    font-size: var(--ced-font-size-small);
    font-weight: var(--ced-font-weight-normal);
}

.lwr-text-component-small {
    color:var(--ced-color-global-neutral-1);
    line-height: var(--ced-line-height-component-small);
    font-size: var(--ced-font-size-xsmall);
    font-weight: var(--ced-font-weight-normal);
}

.lwr-text-component-xsmall {
    color:var(--ced-color-global-neutral-1);
    line-height: var(--ced-line-height-component-xsmall);
    font-size: var(--ced-font-size-xxsmall);
    font-weight: var(--ced-font-weight-normal);
}

.show-print-block, .show-print-inline, .show-print-inline-block, .show-print-flex{
    display: none;
}

@media print{
    .hide-print {
        display: none !important;
    }

    .show-print-block{
        display: block;
    }

    .show-print-inline{
        display: inline;
    }

    .show-print-inline-block{
        display: inline-block;
    }

    .show-print-flex{
        display: flex;
    }

    :root {
        --ced-font-size-xxlarge: 12pt;
        --ced-font-size-xlarge: 11pt;
        --ced-font-size-medium: 11pt;
        --ced-font-size-small: 10.5pt;
        --ced-font-size-xsmall: 10.5pt;
        --ced-font-size-xxsmall: 10pt;
    }
}