:host,
.maui-theme-lx {
    color-scheme: light;
    /* Theme */
    --maui-theme: maui-lx;
    /* Typography */

    --maui-font-family-headline: 'SwissHead', Arial, Helvetica, sans-serif;
    --maui-font-family-copy: 'SwissText', Arial, Helvetica, sans-serif;
    --maui-font-size-0: 10px;
    --maui-font-size-1: 12px;
    --maui-font-size-2: 16px;
    --maui-font-size-3: 18px;
    --maui-font-size-4: 20px;
    --maui-font-size-5: 22px;
    --maui-font-size-6: 24px;
    --maui-font-size-7: 26px;
    --maui-font-size-8: 30px;
    --maui-font-size-9: 34px;
    --maui-font-size-10: 38px;
    --maui-font-size-11: 42px;
    --maui-line-height-0: 14px;
    --maui-line-height-1: 16px;
    --maui-line-height-2: 22px;
    --maui-line-height-3-condensed: 24px;
    --maui-line-height-3: 26px;
    --maui-line-height-4: 30px;
    --maui-line-height-5: 33px;
    --maui-line-height-6: 37px;
    --maui-line-height-7: 42px;
    --maui-line-height-8: 46px;
    --maui-line-height-9: 52px;
    --maui-letter-spacing-1: 0.15px;
    --maui-letter-spacing-2: 0.2px;
    --maui-letter-spacing-3: 0.25px;
    --maui-letter-spacing-4: 0.3px;
    --maui-letter-spacing-5: 0.35px;
    --maui-letter-spacing-6: 0.4px;
    --maui-letter-spacing-7: 0.43px;
    --maui-letter-spacing-8: 0.45px;
    --maui-letter-spacing-9: 0.6px;
    --maui-letter-spacing-10: 0.65px;
    --maui-letter-spacing-11: 0.7px;
    --maui-font-weight-light: 300;
    --maui-font-weight-regular: 400;
    --maui-font-weight-bold: 700;
    /* Radii */

    --maui-radii-default-radius: 0;
    --maui-radii-pill-radius: 99999px;
    /* Spacing */

    --maui-spacing-base: 10px;
    --maui-spacing-1: 2px;
    --maui-spacing-2: 5px;
    --maui-spacing-3: 10px;
    --maui-spacing-4: 20px;
    --maui-spacing-5: 30px;
    --maui-spacing-6: 40px;
    --maui-spacing-7: 50px;
    --maui-spacing-8: 60px;
    --maui-spacing-9: 80px;
    --maui-spacing-10: 100px;
    --maui-form-column-width: 335px;
    /*
   * Palette Colors
   *
   * Color values are only allowed to appear once!
   */

    --maui-color-brand-white: #ffffff;
    --maui-color-brand-white-transparent-1: #ffffff16;
    /* 10% opacity */
    --maui-color-brand-white-transparent-2: #ffffff4d;
    /* 30% opacity */
    --maui-color-brand-lxgrey1: #f2f2f2;
    --maui-color-brand-lxgrey1-transparent: #f2f2f24d;
    /* 30% opacity */
    --maui-color-brand-lxgrey2: #cccccc;
    --maui-color-brand-lxgrey2-transparent: #cccccc4d;
    /* 30% opacity */
    --maui-color-brand-lxgrey3: #929292;
    --maui-color-brand-lxgrey4: #666666;
    --maui-color-brand-lxgrey5: #333333;
    --maui-color-brand-lxgrey6: #333333;
    --maui-color-brand-lxgrey7: #333333;
    --maui-color-brand-lxgrey8: #101010;
    --maui-color-brand-lxgrey8-tranparent: #10101099;
    /* 60% opacity */
    --maui-color-brand-black: #000000;
    --maui-color-brand-black-transparent: #0000004d;
    /* 30% opacity */

    --maui-color-brand-lx-red: #cc0000;
    --maui-color-brand-berry-red: #990000;
    --maui-color-brand-warm-grey: #6f6660;
    --maui-color-brand-pine-grey: #554e49;
    --maui-color-brand-jet-blue: #576c82;
    --maui-color-brand-fjord-blue: #435465;
    /* Message specific colors */
    --maui-color-brand-astral-blue: #2c6187;
    --maui-color-brand-aqua-blue: #c5d8e2;
    --maui-color-brand-spring-green: #4a8200;
    --maui-color-brand-frost-green: #d6dbba;
    --maui-color-brand-light-tan: #feeea4;
    --maui-color-brand-carmine-red: #ab3b35;
    --maui-color-brand-peach: #f8ded6;
    /* Status specific colors */
    --maui-color-brand-blue: #05164d;
    --maui-color-brand-light-blue: #505C82;
    --maui-color-brand-light-silver: #9E9E9E;
    --maui-color-brand-silver: #757575;
    --maui-color-brand-light-gold: #B09C6F;
    --maui-color-brand-gold: #8f7231;
    --maui-color-brand-light-black-2: #686868;
    --maui-color-brand-black-2: #191919;
    /* cabinclass specific colors */
    --maui-color-brand-bordeaux-red: #9c4043;
    --maui-color-brand-navy-blue: #224358;
    --maui-color-brand-peacock-green: #205850;
    --maui-color-brand-willow-green: #677861;
    /*
   * Functional colors
   *
   * These should match between the tenants, only reassigning of existing variables.
   */
    /* Brand */
    --maui-color-brand-primary: var(--maui-color-brand-lx-red);
    --maui-color-brand-secondary: var(--maui-color-brand-warm-grey);
    --maui-color-brand-light: var(--maui-color-brand-white);
    --maui-color-brand-dark: var(--maui-color-brand-lxgrey8);
    /* Grey */
    --maui-color-grey-01: var(--maui-color-brand-lxgrey1);
    --maui-color-grey-02: var(--maui-color-brand-lxgrey2);
    --maui-color-grey-03: var(--maui-color-brand-lxgrey3);
    --maui-color-grey-04: var(--maui-color-brand-lxgrey4);
    --maui-color-grey-05: var(--maui-color-brand-lxgrey5);
    --maui-color-grey-06: var(--maui-color-brand-lxgrey6);
    --maui-color-grey-07: var(--maui-color-brand-lxgrey7);
    --maui-color-grey-08: var(--maui-color-brand-lxgrey8);
    /* Status */
    --maui-color-status-member: var(--maui-color-brand-blue);
    --maui-color-status-member-light: var(--maui-color-brand-light-blue);
    --maui-color-status-frequenttraveller: var(--maui-color-brand-silver);
    --maui-color-status-frequenttraveller-light: var(--maui-color-brand-light-silver);
    --maui-color-status-senator: var(--maui-color-brand-gold);
    --maui-color-status-senator-light: var(--maui-color-brand-light-gold);
    --maui-color-status-hon: var(--maui-color-brand-black-2);
    --maui-color-status-hon-light: var(--maui-color-brand-light-black-2);
    /* Class */
    --maui-color-cabinclass-first: var(--maui-color-brand-bordeaux-red);
    --maui-color-cabinclass-business: var(--maui-color-brand-navy-blue);
    --maui-color-cabinclass-premiumeconomy: var(--maui-color-brand-peacock-green);
    --maui-color-cabinclass-economy: var(--maui-color-brand-willow-green);
    /* Disabled */
    --maui-color-disabled-background: var(--maui-color-grey-01);
    --maui-color-disabled-foreground: var(--maui-color-grey-02);
    --maui-color-disabled-background-inverted: var(--maui-color-brand-lxgrey1-transparent);
    --maui-color-disabled-foreground-inverted: var(--maui-color-brand-lxgrey2-transparent);
    /* Text */
    --maui-color-text-headline: var(--maui-color-grey-08);
    --maui-color-text-copy: var(--maui-color-grey-08);
    --maui-color-text-label: var(--maui-color-grey-04);
    --maui-color-text-caption: var(--maui-color-grey-05);
    --maui-color-text-headline-inverted: var(--maui-color-brand-white);
    --maui-color-text-copy-inverted: var(--maui-color-brand-white);
    --maui-color-text-label-inverted: var(--maui-color-brand-white);
    --maui-color-text-caption-inverted: var(--maui-color-brand-white);
    /* Interaction */
    --maui-color-interaction-interaction: var(--maui-color-brand-warm-grey);
    --maui-color-interaction-interactionhover: var(--maui-color-brand-pine-grey);
    --maui-color-interaction-buttonprimary: var(--maui-color-brand-lx-red);
    --maui-color-interaction-buttonprimaryhover: var(--maui-color-brand-berry-red);
    --maui-color-interaction-buttonsecondary: var(--maui-color-brand-warm-grey);
    --maui-color-interaction-buttonsecondaryhover: var(--maui-color-brand-pine-grey);
    --maui-color-interaction-selection: var(--maui-color-brand-lx-red);
    --maui-color-interaction-focus: var(--maui-color-brand-lxgrey3);
    --maui-color-interaction-interaction-inverted: var(--maui-color-grey-02);
    --maui-color-interaction-interaction-invertedhover: var(--maui-color-brand-white);
    --maui-color-interaction-selection-inverted: var(--maui-color-brand-light);
    --maui-color-interaction-focus-inverted: var(--maui-color-brand-light);
    /* Notification */
    --maui-color-message-info: var(--maui-color-brand-astral-blue);
    --maui-color-message-bg-info: var(--maui-color-brand-aqua-blue);
    --maui-color-message-success: var(--maui-color-brand-spring-green);
    --maui-color-message-bg-success: var(--maui-color-brand-frost-green);
    --maui-color-message-warning: var(--maui-color-grey-08);
    --maui-color-message-bg-warning: var(--maui-color-brand-light-tan);
    --maui-color-message-error: var(--maui-color-brand-carmine-red);
    --maui-color-message-bg-error: var(--maui-color-brand-peach);
    /* Display */
    --maui-color-display-ontime: var(--maui-color-brand-spring-green);
    --maui-color-display-delayed: var(--maui-color-brand-carmine-red);
    /* Modal */
    --maui-color-modal-dim: var(--maui-color-brand-lxgrey8-tranparent);
    /* Focus */
    --maui-focus-outline-offset: 5px;
    --maui-focus-radius: 2px;
    --maui-focus-outline-box-shadow: var(--maui-effect-shadow-focus-offset-x, 0) var(--maui-effect-shadow-focus-offset-y, 0) var(--maui-effect-shadow-focus-radius, 0) var(--maui-effect-shadow-focus-spread, 1px) var(--maui-color-interaction-focus);
}

/*****************************************************************************
 * Utilities
 *****************************************************************************/

.maui-scroll-lock {
    padding-right: var(--maui-scroll-lock-size) !important;
    overflow: hidden !important;
}

/*****************************************************************************
 * Font face definitions
 *****************************************************************************/

@font-face {
    font-family: 'SwissHead';
    font-style: normal;
    font-weight: 300;
    src: url('../assets/fonts/swiss/chsans-light-webfont.woff') format('woff');
}

@font-face {
    font-family: 'SwissHead';
    font-style: normal;
    font-weight: 400;
    src: url('../assets/fonts/swiss/chsans-regular-webfont.woff') format('woff');
}

@font-face {
    font-family: 'SwissHead';
    font-style: normal;
    font-weight: 700;
    src: url('../assets/fonts/swiss/chsans-bold-webfont.woff') format('woff');
}

@font-face {
    font-family: 'SwissText';
    src: url('../assets/fonts/swiss/chsans-regular-webfont.woff') format('woff');
    font-style: normal;
    font-weight: 400;
}

@font-face {
    font-family: 'SwissText';
    src: url('../assets/fonts/swiss/chsans-bold-webfont.woff') format('woff');
    font-style: normal;
    font-weight: 700;
}