:root {
  /* Utilities */
  --util-max-screen-size: 1272px;
  --util-border-radius: 8px;
  --util-small-border-radius: 4px;
  --util-shadow: rgba(0, 0, 0, 20%) 0px 2px 15px;
  --util-carousel-container-max-width: 1224px;

  /* Optimised image min and max heights */
  --optimised-image-min-height-xsmall: 180px;
  --optimised-image-max-height-xsmall: 212px;
  --optimised-image-max-height-small: 356px;
  --optimised-image-max-height-medium: 246px;
  --optimised-image-max-height-large: 318px;
  --optimised-image-max-height-xlarge: 360px;
  --optimised-image-max-height-2xlarge: 480px;
  --optimised-image-max-height-3xlarge: 640px;

  /* Colors */
  --color-neutrals-black: #000;
  --color-neutrals-grey-1: #333;
  --color-neutrals-grey-2: #4d4d4d;
  --color-neutrals-grey-3: #707070;
  --color-neutrals-grey-4: #ccc;
  --color-neutrals-grey-5: #ddd;
  --color-neutrals-grey-6: #eee;
  --color-neutrals-grey-7: #fafafa;
  --color-neutrals-grey-8: #f9f9f9;
  --color-neutrals-grey-9: #f3f3f3;
  --color-neutrals-white: #fff;
  --color-neutrals-white-2: #fefefe;
  --color-blues-secondary: #021b41;
  --color-blues-tertiary: #004684;
  --color-blues-primary: #0032a0;
  --color-blues-extra: #2671d3;
  --color-blues-extra-alpha-10: #2671d31e;
  --color-blues-utility: #00aeef;
  --color-blues-background: #eaeff5;
  --color-reds-tertiary: #821509;
  --color-reds-primary: #ce210f;
  --color-reds-secondary: #ce4b3e;
  --color-avios-green-1: #012d19;
  --color-avios-green-2: #036a3b;
  --color-avios-green-3: #a8eecb;
  --color-avios-green-4: #c4f4db;
  --color-avios-green-5: #e8faf0;
  --color-avios-green-6: #c7fcec;
  --color-avios-green-7: #e7faf1;
  --color-avios-blue-1: #001e62;
  --color-avios-grey-1: #4b4855;
  --color-avios-grey-2: #f8f8fa;
  --color-avios-grey-3: ##9593a0;
  --color-ba-exec-club-blue: #2e5c99;
  --color-ba-exec-club-bronze: #9e6b47;
  --color-ba-exec-club-silver: #707372;
  --color-ba-exec-club-gold: #987000;
  --color-ba-exec-club-premier: #101820;
  --color-status-success: #008058;
  --color-status-warning: #ff993c;
  --color-status-error: #c06;
  --color-whatsapp-green: #25d366;
  --color-notification-success: #f2f7f8;
  --color-notification-warning: #fff2e5;
  --color-notification-error: #f9eded;

  /* Fonts */
  --font-estore: 'eStore';
  --font-poppins: 'Poppins';
  --font-bw-mitga: 'Bw Mitga', roboto, arial, sans-serif;
  --font-open-sans: 'Open Sans', roboto, arial, sans-serif;
  --headings-line-height: 1.5;

  /* Font Weights */
  --font-weight-light: 300;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semi-bold: 600;
  --font-weight-bold: 700;

  /* Base */
  --base-font-color: var(--color-neutrals-grey-1);
  --base-font-family: var(--font-poppins);
  --base-headings-font-family: var(--font-bw-mitga);
  --base-headings-line-height: var(--headings-line-height);
  --base-link-color: var(--color-blues-primary);
  --base-header-color: var(--color-blues-secondary);
  --base-header-secondary-color: var(--color-neutrals-grey-1);
  --base-header-font-weight: var(--font-weight-medium);
  --base-selection-background: var(--color-blues-extra);
  --base-selection-color: var(--color-neutrals-white);
  --base-button-hover-brightness: brightness(120%);
  --base-selector-hover-brightness: brightness(150%);
  --base-collapse-heading-font-weight: var(--font-weight-regular);

  /* Mixin Variables */
  --base-input-label-color: var(--color-neutrals-black);
  --base-input-label-color-inverted: var(--color-neutrals-white);
  --base-input-font-size: var(--text-base);
  --base-input-disabled-color: var(--color-neutrals-grey-2);
  --base-input-disabled-background: transparent;
  --base-input-disabled-border-color: var(--color-neutrals-grey-4);
  --base-input-error-color: var(--color-status-error);
  --base-input-error-font-size: var(--text-base);
  --base-input-color: var(--color-neutrals-black);
  --base-input-placeholder-color: var(--color-neutrals-grey-3);
  --base-input-placeholder-color-inverted: var(--color-neutrals-grey-4);
  --base-input-focus-outline: solid 2px var(--color-blues-extra);
  --base-input-border: solid 1px var(--color-neutrals-grey-3);
  --base-input-border-inverted: solid 1px var(--color-neutrals-grey-4);
  --base-input-border-focus: solid 2px var(--color-blues-extra);
  --base-input-border-radius: 12px;
  --base-input-background: var(--color-neutrals-grey-7);
  --base-input-icon-size: var(--text-xl);
  --base-input-options-background: var(--color-neutrals-white);
  --base-input-options-background-inverted: var(--color-neutrals-grey-2);
  --base-input-options-color-inverted: var(--color-neutrals-grey-5);
  --base-input-options-color-focus-inverted: var(--color-neutrals-grey-1);
  --base-input-options-color: var(--color-neutrals-grey-3);
  --base-input-options-hover: var(--color-neutrals-grey-6);

  /* Component - Accordion */
  --component-accordion-heading-font: var(--base-font-family);
  --component-accordion-border: 1px solid var(--color-neutrals-grey-6);
  --component-accordion-animation-speed: 0.6s;
  --component-accordion-title-color: var(--color-blues-secondary);

  /* Component - Button */
  --component-button-animation-speed: 0.2s;
  --component-button-xsmall-font-size: var(--text-xs);
  --component-button-xsmall-padding: var(--alto-sem-space-2xs, 8px)
    var(--alto-sem-space-sm, 16px);
  --component-button-icon-xsmall-padding: var(--alto-button-sm-radius, 12px);
  --component-button-xsmall-border-radius: var(--alto-button-sm-radius, 12px);
  --component-button-small-font-size: var(
    --alto-sem-text-label-sm-fontSize,
    14px
  );
  --component-button-small-padding: var(--alto-sem-space-2xs, 8px)
    var(--alto-sem-space-sm, 16px);
  --component-button-icon-small-padding: var(--space-2);
  --component-button-small-border-radius: var(--alto-button-sm-radius, 12px);
  --component-button-medium-font-size: var(
    --alto-sem-text-label-md-fontSize,
    16px
  );
  --component-button-medium-padding: var(--alto-sem-space-xs, 12px)
    var(--alto-sem-space-md, 20px);
  --component-button-icon-medium-padding: var(--space-4);
  --component-button-medium-border-radius: var(--alto-button-md-radius, 12px);
  --component-button-large-font-size: var(
    --alto-sem-text-label-lg-fontSize,
    18px
  );
  --component-button-large-padding: var(--alto-sem-space-sm, 16px)
    var(--alto-sem-space-lg, 24px);
  --component-button-icon-large-padding: var(--space-4);
  --component-button-large-border-radius: var(--alto-button-md-radius, 12px);
  --component-button-xlarge-font-size: var(--text-2xl);
  --component-button-xlarge-padding: var(--alto-sem-space-sm, 16px)
    var(--alto-sem-space-lg, 24px);
  --component-button-icon-xlarge-padding: var(--space-4);
  --component-button-xlarge-border-radius: var(--alto-button-md-radius, 12px);
  --component-button-xxlarge-font-size: var(--text-4xl);
  --component-button-xxxlarge-font-size: var(--text-5xl);
  --component-button-xxlarge-padding: var(--alto-sem-space-sm, 16px)
    var(--alto-sem-space-md, 20px);
  --component-button-icon-xxlarge-padding: var(--space-4);
  --component-button-xxlarge-border-radius: var(--alto-button-md-radius, 12px);
  --component-button-danger-background: var(
    --alto-sem-color-bg-critical-vibrant-default
  );
  --component-button-danger-border-color: transparent;
  --component-button-danger-color: var(--alto-sem-color-fg-critical-on-vibrant);
  --component-button-danger-text-decoration: none;
  --component-button-danger-hover-background: var(
    --alto-sem-color-bg-critical-vibrant-hover
  );
  --component-button-danger-hover-border-color: transparent;
  --component-button-danger-hover-color: var(
    --alto-sem-color-fg-critical-on-vibrant
  );
  --component-button-danger-hover-text-decoration: none;
  --component-button-danger-focus-background: var(
    --alto-sem-color-bg-critical-vibrant-hover
  );
  --component-button-danger-focus-border-color: var(
    --alto-sem-color-border-accent
  );
  --component-button-danger-focus-color: var(--color-neutrals-white);
  --component-button-danger-focus-text-decoration: none;
  --component-button-danger-focus-outline-color: var(
    --alto-sem-color-border-accent
  );
  --component-button-danger-active-background: var(
    --alto-sem-color-bg-critical-vibrant-hover
  );
  --component-button-danger-active-border-color: transparent;
  --component-button-danger-active-color: var(--color-neutrals-white);
  --component-button-danger-active-text-decoration: none;
  --component-button-contained-background: var(
    --alto-sem-color-bg-accent-vibrant-default
  );
  --component-button-contained-border-color: transparent;
  --component-button-contained-color: var(
    --alto-sem-color-fg-accent-on-vibrant
  );
  --component-button-contained-text-decoration: none;
  --component-button-contained-hover-background: var(
    --alto-sem-color-bg-accent-vibrant-hover
  );
  --component-button-contained-hover-border-color: transparent;
  --component-button-contained-hover-color: var(
    --alto-sem-color-fg-accent-on-vibrant
  );
  --component-button-contained-hover-text-decoration: none;
  --component-button-contained-focus-background: var(
    --alto-sem-color-bg-accent-vibrant-hover
  );
  --component-button-contained-focus-border-color: transparent;
  --component-button-contained-focus-color: var(
    --alto-sem-color-fg-accent-on-vibrant
  );
  --component-button-contained-focus-text-decoration: none;
  --component-button-contained-focus-outline-color: var(
    --alto-sem-color-border-accent
  );
  --component-button-contained-active-background: var(
    --alto-sem-color-bg-accent-vibrant-active
  );
  --component-button-contained-active-border-color: transparent;
  --component-button-contained-active-color: var(
    --alto-sem-color-fg-accent-on-vibrant
  );
  --component-button-contained-active-text-decoration: none;
  --component-button-outlined-background: var(--color-neutrals-white);
  --component-button-outlined-border-color: var(--alto-sem-color-border-accent);
  --component-button-outlined-color: var(--alto-sem-color-fg-accent-primary);
  --component-button-outlined-text-decoration: none;
  --component-button-outlined-hover-background: var(
    --alto-sem-color-bg-accent-subtle-hover
  );
  --component-button-outlined-hover-border-color: var(
    --alto-sem-color-border-accent
  );
  --component-button-outlined-hover-color: var(
    --alto-sem-color-fg-accent-primary
  );
  --component-button-outlined-hover-text-decoration: none;
  --component-button-outlined-focus-background: var(
    --alto-sem-color-bg-accent-subtle-hover
  );
  --component-button-outlined-focus-border-color: var(
    --alto-sem-color-border-accent
  );
  --component-button-outlined-focus-color: var(
    --alto-sem-color-fg-accent-primary
  );
  --component-button-outlined-focus-text-decoration: none;
  --component-button-outlined-focus-outline-color: var(
    --alto-sem-color-border-accent
  );
  --component-button-outlined-active-background: var(
    --alto-sem-color-bg-accent-subtle-active
  );
  --component-button-outlined-active-border-color: var(
    --alto-sem-color-border-accent
  );
  --component-button-outlined-active-color: var(
    --alto-sem-color-fg-accent-primary
  );
  --component-button-outlined-active-text-decoration: none;
  --component-button-text-background: transparent;
  --component-button-text-border-color: transparent;
  --component-button-text-color: var(--alto-sem-color-fg-accent-primary);
  --component-button-text-text-decoration: underline;
  --component-button-text-hover-background: transparent;
  --component-button-text-hover-border-color: transparent;
  --component-button-text-hover-color: var(
    --alto-sem-color-fg-accent-secondary
  );
  --component-button-text-hover-text-decoration: none;
  --component-button-text-block-background: transparent;
  --component-button-text-block-border-color: transparent;
  --component-button-text-block-color: var(--color-blues-extra);
  --component-button-text-block-text-decoration: none;
  --component-button-text-block-hover-background: var(
    --color-blues-extra-alpha-10
  );
  --component-button-text-block-hover-border-color: transparent;
  --component-button-text-block-hover-color: var(--color-blues-extra);
  --component-button-text-block-hover-text-decoration: none;
  --component-button-tertiary-background: var(
    --alto-sem-color-bg-accent-subtle-default
  );
  --component-button-tertiary-border-color: transparent;
  --component-button-tertiary-color: var(--alto-sem-color-fg-accent-primary);
  --component-button-tertiary-text-decoration: none;
  --component-button-tertiary-hover-background: var(
    --alto-sem-color-bg-accent-subtle-hover
  );
  --component-button-tertiary-hover-border-color: transparent;
  --component-button-tertiary-hover-color: var(
    --alto-sem-color-fg-accent-primary
  );
  --component-button-tertiary-hover-text-decoration: none;
  --component-button-tertiary-focus-background: var(
    --alto-sem-color-bg-accent-subtle-hover
  );
  --component-button-tertiary-focus-border-color: transparent;
  --component-button-tertiary-focus-color: var(
    --alto-sem-color-fg-accent-primary
  );
  --component-button-tertiary-focus-text-decoration: none;
  --component-button-tertiary-focus-outline-color: var(
    --alto-sem-color-border-accent
  );
  --component-button-tertiary-active-background: var(
    --alto-sem-color-bg-accent-subtle-active
  );
  --component-button-tertiary-active-border-color: transparent;
  --component-button-tertiary-active-color: var(
    --alto-sem-color-fg-accent-primary
  );
  --component-button-tertiary-active-text-decoration: none;
  --component-button-ghost-background: transparent;
  --component-button-ghost-border-color: transparent;
  --component-button-ghost-color: var(--alto-sem-color-fg-accent-primary);
  --component-button-ghost-text-decoration: none;
  --component-button-ghost-hover-background: var(
    --alto-sem-color-bg-accent-subtle-hover
  );
  --component-button-ghost-hover-border-color: transparent;
  --component-button-ghost-hover-color: var(--alto-sem-color-fg-accent-primary);
  --component-button-ghost-hover-text-decoration: none;
  --component-button-ghost-focus-background: var(
    --alto-sem-color-bg-accent-subtle-hover
  );
  --component-button-ghost-focus-border-color: var(
    --alto-sem-color-border-accent
  );
  --component-button-ghost-focus-color: var(--alto-sem-color-fg-accent-primary);
  --component-button-ghost-focus-text-decoration: none;
  --component-button-ghost-focus-outline-color: var(
    --alto-sem-color-border-accent
  );
  --component-button-ghost-active-background: var(
    --alto-sem-color-bg-accent-subtle-active
  );
  --component-button-ghost-active-border-color: transparent;
  --component-button-ghost-active-color: var(
    --alto-sem-color-fg-accent-primary
  );
  --component-button-ghost-active-text-decoration: none;
  --component-button-disabled-opacity: 0.5;
  --component-button-loading-opacity: 0.8;
  --component-button-custom-color-primary: var(--color-blues-primary);
  --component-button-custom-color-white: var(--color-neutrals-white);
  --component-button-custom-color-black: var(--color-neutrals-black);

  /* Component - Flyout */
  --component-flyout-background-transparent: rgba(0, 0, 0, 0%);
  --component-flyout-background-opaque: rgba(0, 0, 0, 75%);
  --component-flyout-close-icon-color: var(--color-neutrals-white);
  --component-flyout-close-background-hover: rgba(255, 255, 255, 10%);
  --component-flyout-close-background-hover-active: rgba(255, 255, 255, 0%);
  --component-flyout-animation-speed: 0.6s;
  --component-flyout-content-background: var(--color-neutrals-white);

  /* Component - Nav */
  --component-nav-background: var(--color-neutrals-white);
  --component-nav-link-color: var(--color-blues-secondary);
  --component-nav-link-text-decoration: none;
  --component-nav-link-hover-color: var(--color-blues-extra);
  --component-nav-link-hover-background: var(--color-neutrals-grey-6);
  --component-nav-link-active-color: inherit;
  --component-nav-link-active-background: var(--color-neutrals-grey-6);
  --component-nav-link-highlighted-color: var(--color-reds-secondary);

  /* Component - Tabs */
  --component-tabs-container-border-radius: var(--util-border-radius);
  --component-tabs-container-shadow: var(--util-shadow);
  --component-tabs-background: linear-gradient(
    to bottom,
    #f5f5f5 0%,
    #e5e5e5 100%
  );
  --component-tabs-border-radius: var(--util-border-radius)
    var(--util-border-radius) 0 0;
  --component-tabs-shadow: var(--util-shadow);
  --component-tabs-color: var(--color-neutrals-grey-1);
  --component-tabs-font-weight: var(--font-weight-bold);
  --component-tabs-active-background: var(--color-neutrals-white);
  --component-tabs-active-color: var(--color-blues-secondary);
  --component-tabs-panel-background: var(--color-neutrals-white);
  --component-tabs-panel-border-radius: 0 0 var(--util-border-radius)
    var(--util-border-radius);

  /* Component - Selector */
  --component-selector-color: var(--color-neutrals-white);
  --component-selector-hover-background-color: var(--color-neutrals-grey-2);
  --component-selector-hover-color: var(--color-neutrals-white);
  --component-selector-border-color: var(--color-neutrals-grey-3);
  --component-selector-list-border-color: var(--color-neutrals-grey-4);
  --component-selector-list-background-color: var(--color-neutrals-white);
  --component-selector-item-color: var(--color-neutrals-grey-3);
  --component-selector-hover-background: var(--color-neutrals-grey-6);
  --component-selector-selected-background: var(--color-neutrals-grey-6);
  --component-selector-list-font-size: var(--text-sm);
  --component-selector-box-shadow: rgba(0, 0, 0, 15%) 0 6px 6px;

  /* Component - Carousel */
  --component-carousel-controls-color: var(--color-neutrals-grey-3);
  --component-carousel-controls-color-hover: var(--color-blues-extra);
  --component-carousel-controls-color-active: var(--color-blues-primary);
  --component-carousel-loading-bar: var(--color-neutrals-grey-4);
  --component-carousel-loading-bar-active: var(--color-blues-extra);
  --component-carousel-old-controls-color: var(--color-blues-primary);
  --component-carousel-old-controls-background-color-arrow: var(
    --color-neutrals-white
  );
  --component-carousel-old-controls-background-color: rgb(249, 249, 249, 50%);

  /* Component - FilterList */
  --component-filter-list-background-color: var(--color-neutrals-grey-7);
  --component-filter-list-color: var(--color-neutrals-grey-1);
  --component-filter-list-hover-background-color: var(--color-neutrals-grey-6);
  --component-filter-list-hover-color: var(--color-neutrals-grey-1);
  --component-filter-list-selected-background-color: var(
    --color-neutrals-grey-3
  );
  --component-filter-list-selected-color: var(--color-neutrals-white);
  --component-filter-list-selected-hover-background-color: var(
    --color-neutrals-grey-1
  );
  --component-filter-list-selected-hover-color: var(--color-neutrals-white);

  /* Component - Versatile Card */
  --component-versatile-card-background-color: var(--color-neutrals-white);
  --component-versatile-card-title-color: var(--color-blues-secondary);

  /* Component - Hero Card */
  --component-hero-card-partner-small-screen-padding: var(--space-3);

  /* Component - Speedy */
  --component-speedy-color: var(--color-blues-extra);

  /* Component - Section Heading */
  --component-section-heading-title-color: var(--color-blues-secondary);

  /* Component - Purchase Status */
  --component-purchase-font-size: var(--text-sm);
  --component-purchase-status-unknown-background-color: transparent;
  --component-purchase-status-unknown-color: var(--color-blues-secondary);
  --component-purchase-status-pending-background-color: var(
    --color-neutrals-grey-4
  );
  --component-purchase-status-pending-color: var(--color-blues-secondary);
  --component-purchase-status-awarded-background-color: var(
    --color-blues-extra
  );
  --component-purchase-status-awarded-color: var(--color-neutrals-white);
  --component-purchase-status-cancelled-background-color: var(
    --color-reds-secondary
  );
  --component-purchase-status-cancelled-color: var(--color-neutrals-white);

  /* Component - File Input */
  --component-file-input-files-bottom-border: 1px solid
    var(--color-neutrals-grey-4);
  --component-file-input-helper-font-size: var(--text-base);
  --component-file-input-helper-color: var(--color-neutrals-black);
  --component-file-input-font-size: var(--text-base);

  /* Component - Date Input */
  --component-date-input-line-height: 1.5;
  --component-date-input-font-size: var(--text-base);
  --component-date-input-weekday-font-size: var(--text-sm);
  --component-date-input-day-hover-background-color: var(
    --color-neutrals-grey-6
  );
  --component-date-input-day-hover-color: var(--color-neutrals-grey-1);
  --component-date-input-day-selected-color: var(--color-neutrals-white);
  --component-date-input-day-selected-background-color: var(
    --base-selection-background
  );
  --component-date-input-background-color: var(--color-neutrals-white);
  --component-date-input-color: var(--base-font-color);
  --component-date-input-weekday-color: var(--color-neutrals-grey-1);
  --component-date-input-outside-day-color: var(--color-neutrals-grey-3);
  --component-date-input-day-disabled-color: var(--color-neutrals-grey-4);

  /* Component - Table */
  --component-table-default-background-color: var(--color-neutrals-white);
  --component-table-default-head-color: var(--color-neutrals-grey-3);
  --component-table-default-head-font-size: var(--text-xs);
  --component-table-default-font-size: var(--text-base);
  --component-table-default-color: var(--color-neutrals-grey-1);
  --component-table-default-border-bottom: 1px solid
    var(--color-neutrals-grey-4);
  --component-table-secondary-background-color: var(--color-neutrals-white);
  --component-table-secondary-color: var(--color-neutrals-grey-1);
  --component-table-secondary-font-size: var(--text-base);
  --component-table-secondary-border-bottom: 1px solid
    var(--color-neutrals-grey-4);
  --component-table-secondary-row-background-color: var(
    --color-neutrals-grey-7
  );
  --component-table-secondary-head-color: var(--color-blues-secondary);
  --component-table-no-data-color: var(--color-neutrals-grey-3);
  --component-table-no-data-font-size: var(--text-base);

  /* Component - User Info Header */
  --component-user-info-header-background-color: var(--color-blues-secondary);
  --component-user-info-header-font-color: var(--color-neutrals-white);

  /* Component - Cookie Banner */
  --module-cookie-banner-background-color: var(--color-blues-extra);
  --module-cookie-banner-text-color: var(--color-neutrals-white);

  /* Component - Promotional Banner */
  --component-promotional-banner-heading-font-weight: var(
    --font-weight-regular
  );
  --component-promotional-banner-background-color: var(--color-blues-extra);
  --component-promotional-banner-font-color: var(--color-neutrals-white);

  /* Component - Title Copy CTA Block */
  --component-title-copy-cta-block-link-color: var(--base-link-color);
  --component-title-copy-cta-block-cta-bgcolor: var(--color-neutrals-white);

  /* Component - Tooltip */
  --component-tooltip-title-color: var(--color-blues-secondary);
  --component-tooltip-background-color: var(--color-neutrals-white);

  /* Component - Checkbox */
  --component-checkbox-background-color: var(--color-ba-exec-club-blue);
  --component-checkbox-border-color: var(--color-neutrals-grey-3);
  --component-checkbox-checked-color: var(--color-neutrals-white);

  /* Component - Radio Select */
  --component-radio-select-background-color: var(--color-ba-exec-club-blue);
  --component-radio-select-border-color: var(--color-neutrals-grey-3);
  --component-radio-select-checked-color: var(--color-neutrals-white);

  /* Module - Header */
  --module-header-background: var(--color-neutrals-white);
  --module-header-border-bottom: 2px solid var(--color-blues-secondary);
  --module-header-primary-border-bottom: 1px solid var(--color-neutrals-grey-4);
  --module-header-login-color: var(--color-neutrals-grey-3);
  --module-header-login-hover-color: var(--color-blues-extra);
  --module-header-loggedin-button-color: var(--color-blues-extra);

  /* Module - Search bar */
  --module-search-bar-mobile-bgcolor: var(--color-neutrals-grey-4);
  --module-search-bar-mobile-button-color: var(--color-neutrals-grey-3);
  --module-search-bar-mobile-border-color: var(--color-neutrals-grey-6);
  --module-search-bar-input-border-color: var(--color-neutrals-grey-4);
  --module-search-bar-input-color: var(--color-neutrals-grey-3);
  --module-search-bar-input-border-radius: 25px;
  --module-search-bar-input-bgcolor: var(--color-neutrals-white);
  --module-search-bar-button-color: var(--color-neutrals-grey-3);
  --module-search-bar-result-bgcolor: var(--color-neutrals-white);
  --module-search-bar-result-mobile-bgcolor: var(--color-neutrals-white);
  --module-search-bar-result-item-hover-bgcolor: var(--color-neutrals-grey-6);
  --module-search-bar-result-item-color: var(--color-neutrals-black);
  --module-search-bar-result-item-bgcolor: var(--color-neutrals-white);

  /* Module - Partner tile */
  --module-partner-tile-default-background: var(--color-neutrals-white);
  --module-partner-tile-default-border-radius: var(--util-border-radius);
  --module-partner-tile-border: 1px solid var(--color-neutrals-grey-4);
  --module-partner-tile-default-vertical-padding: var(--space-6);
  --module-partner-tile-default-horizontal-padding: var(--space-2);
  --module-partner-tile-name-color: var(--color-neutrals-grey-1);
  --module-partner-tile-rate-color: var(--color-blues-secondary);
  --module-partner-tile-was-rate-color: var(--color-neutrals-grey-3);
  --module-partner-tile-inline-seperator-color: var(--color-neutrals-grey-6);
  --module-partner-tile-sub-fields-color: var(--color-blues-secondary);

  /* Module - Partner Info */
  --module-partner-info-background: var(--color-neutrals-white);
  --module-partner-info-card-background-color: var(--color-neutrals-white);
  --module-partner-info-card-border-radius: var(--util-border-radius);
  --module-partner-info-card-shadow: var(--util-shadow);
  --module-partner-info-card-rate-color: var(--color-blues-secondary);
  --module-partner-info-card-rate-font-size: var(--text-xl);
  --module-partner-info-card-rate-font-weight: var(--font-weight-regular);
  --module-partner-info-card-was-rate-color: var(--color-blues-secondary);
  --module-partner-info-card-was-rate-font-size: var(--text-sm);
  --module-partner-info-card-was-rate-font-weight: var(--font-weight-light);
  --module-partner-info-hero-background-color: var(--color-neutrals-grey-6);
  --module-partner-info-hero-height-xsmall: 142px;
  --module-partner-info-hero-height-small: 190px;
  --module-partner-info-hero-height-medium: 246px;
  --module-partner-info-hero-height-large: 318px;
  --module-partner-info-hero-height-xlarge: 360px;
  --module-partner-info-hero-height-2xlarge: 480px;
  --module-partner-info-hero-height-3xlarge: 640px;
  --module-partner-info-purchase-conditions-hightlight-background: var(
    --color-neutrals-grey-7
  );
  --module-partner-info-purchase-conditions-hightlight-color: var(
    --color-neutrals-grey-1
  );
  --module-partner-info-purchase-conditions-hightlight-border-radius: var(
    --util-border-radius
  );
  --module-partner-info-purchase-conditions-hightlight-shadow: none;
  --module-partner-info-purchase-conditions-rates-border-radius: var(
    --util-border-radius
  );
  --module-partner-info-purchase-conditions-rates-shadow: var(--util-shadow);
  --module-partner-info-purchase-conditions-rates-color: var(
    --color-blues-secondary
  );
  --module-partner-info-purchase-conditions-rates-header-background: var(
    --color-blues-secondary
  );
  --module-partner-info-purchase-conditions-rates-header-color: var(
    --color-neutrals-white
  );
  --module-partner-info-purchase-conditions-rates-header-font-size: var(
    --text-xl
  );
  --module-partner-info-purchase-conditions-rates-header-font-weight: var(
    --font-weight-regular
  );
  --module-partner-info-purchase-conditions-rates-row-color: var(
    --color-neutrals-grey-7
  );
  --module-partner-info-purchase-conditions-rates-row-color-alternative: var(
    --color-neutrals-white
  );
  --module-partner-info-terms-color: var(--color-neutrals-grey-1);
  --module-partner-info-terms-font-size: var(--text-sm);
  --module-partner-info-terms-title-color: var(--color-blues-secondary);
  --module-partner-info-error-background: var(--color-reds-primary);
  --module-partner-info-error-text-color: var(--color-neutrals-white);
  --module-partner-info-error-text-size: var(--text-base);
  --module-partner-info-breadcrumb-partner-color: var(--color-neutrals-grey-3);
  --module-partner-info-active-border-color: var(--color-blues-extra);

  /* Module - Footer */
  --module-footer-background: var(--color-blues-secondary);
  --module-footer-bottom-background: transparent;
  --module-footer-color: var(--color-neutrals-white);
  --module-footer-break: var(--color-neutrals-grey-3);
  --module-footer-copyright-color: var(--color-neutrals-grey-4);
  --module-footer-country-selector-border-radius: var(
    --util-small-border-radius
  );
  --module-footer-country-selector-border-color: var(--color-neutrals-grey-3);
  --module-footer-country-selector-color: var(--color-neutrals-white);
  --module-footer-country-selector-background-color: var(
    --color-blues-secondary
  );
  --module-footer-country-selector-list-border-color: var(
    --color-blues-tertiary
  );
  --module-footer-country-selector-list-font-size: var(--text-sm);
  --module-footer-country-selector-list-background: var(
    --color-blues-secondary
  );
  --module-footer-country-selector-hover-color: var(--color-blues-secondary);
  --module-footer-country-selector-filter: var(
    --base-selector-hover-brightness
  );

  /* Module - Partner display page */
  --module-pdp-background: var(--color-neutrals-grey-7);

  /* Module - Collect online page */
  --module-cop-background: var(--color-neutrals-grey-7);
  --module-cop-filters-background-color: var(--color-neutrals-white);
  --module-cop-filters-border-bottom-color: var(--color-neutrals-grey-5);
  --module-cop-sort-border-color: var(--color-neutrals-grey-4);
  --module-cop-sort-btn-font-size: var(--text-base);
  --module-cop-sort-btn-background-color: transparent;
  --module-cop-sort-btn-color: var(--color-neutrals-grey-1);
  --module-cop-filters-box-shadow: var(--util-shadow);

  /* Module - Load more */
  --module-load-more-bar-background-color: var(--color-neutrals-grey-4);
  --module-load-more-bar-fill-background-color: var(--color-blues-extra);
  --module-load-more-viewed-color: var(--color-neutrals-grey-3);

  /* Module - Member details */
  --module-member-details-width: 288px;
  --module-member-details-box-shadow: var(--util-shadow);
  --module-member-details-border-radius: var(--util-border-radius);
  --module-member-details-background: var(--color-neutrals-white);
  --module-member-details-border: 1px solid var(--color-neutrals-grey-5);
  --module-member-details-close-button-color: var(--color-neutrals-grey-3);
  --module-member-details-headings-color: var(--color-blues-tertiary);
  --module-member-details-links-hover-color: var(--color-blues-extra);

  /* Module - Legal Content Page - FAQ/Cookies/Terms etc */
  --module-legal-content-nav-list-bgcolor: var(--color-neutrals-white);
  --module-legal-content-nav-list-border-color: var(--color-neutrals-grey-5);
  --module-legal-content-nav-list-hover-color: var(--color-blues-extra);
  --module-legal-content-nav-list-active-color: var(--color-blues-extra);
  --module-legal-content-wrapper-background: var(--color-neutrals-white);
  --module-legal-content-box-shadow: var(--util-shadow);
  --module-legal-content-border-radius: var(--util-border-radius);
  --module-legal-content-link: var(--base-link-color);
  --module-legal-content-link-hover: var(--base-button-hover-brightness);

  /* Module - Favourite Button */
  --module-favourite-button-dialog-bgcolor: var(--color-blues-background);

  /* Module - Banners Carousel */
  --module-banners-carousel-border: 1px solid var(--color-neutrals-grey-5);
  --module-banners-carousel-background-color: var(--color-neutrals-grey-7);
  --module-banners-carousel-card-background-color: var(--color-neutrals-white);
  --module-banners-carousel-content-separator-color: var(
    --color-neutrals-grey-5
  );

  /* Module - Home Favourites */
  --module-home-favourites-border-color: var(--color-neutrals-grey-6);
  --module-home-favourites-heading-font-weight: var(--font-weight-regular);
  --module-home-favourites-nothing-to-display-paragraph-color: var(
    --color-neutrals-grey-3
  );
  --module-home-favourites-cta-height: 4rem;
  --module-home-favourites-partner-text-font-size: var(--text-base);

  /* Module - MemberGetMember */
  --module-mgm-toggle-btn-background: var(--color-neutrals-grey-6);
  --module-mgm-toggle-btn-color: var(--color-blues-tertiary);
  --module-mgm-cta-color: var(--color-blues-extra);
  --module-mgm-whatsapp-btn-background: var(--color-whatsapp-green);
  --module-mgm-banner-background: linear-gradient(
    to bottom,
    var(--color-blues-extra) 0%,
    var(--color-blues-tertiary) 100%
  );
  --module-mgm-offers-title-background: linear-gradient(
    to bottom,
    var(--color-neutrals-grey-7) 0%,
    var(--color-neutrals-grey-6) 100%
  );

  /* Module - Purchase History */
  --module-purchase-history-heading-font-weight: 500;
  --module-purchase-history-filter-color: var(--color-neutrals-grey-3);
  --module-purchase-history-filter-font-size: var(--text-base);

  /* Module - Missing Avios */
  --module-missing-avios-error-background: var(--color-reds-primary);
  --module-missing-avios-error-color: var(--color-neutrals-white);
  --module-missing-avios-error-font-size: var(--text-base);

  /* Module - Visit History */
  --module-visit-history-heading-font-weight: var(--font-weight-regular);

  /* Module - My Account Card Link */
  --module-my-account-card-link-text-font-size: var(--text-sm);
  --module-my-account-card-link-text-color: var(--color-neutrals-grey-3);
  --module-my-account-card-link-error-color: var(--color-reds-primary);
  --module-my-account-card-link-cancel-button-background: var(
    --color-neutrals-white
  );
  --module-my-account-card-link-cancel-button-border: var(--color-blues-extra);
  --module-my-account-card-link-cancel-button-color: var(--color-blues-extra);
  --module-my-account-card-link-tile-border: 1px solid
    var(--color-neutrals-grey-4);
  --module-my-account-card-link-tile-text-size: var(--text-base);
  --module-my-account-card-link-delete-icon-color: var(--color-reds-secondary);
  --module-my-account-card-link-delete-icon-size: var(--text-xl);
  --module-my-account-card-link-card-copy-text-color: var(
    --color-neutrals-grey-3
  );
  --module-my-account-card-link-card-copy-text-size: var(--text-base);
  --module-my-account-card-link-card-delete-popup-text-color: var(
    --color-neutrals-grey-3
  );
  --module-my-account-card-link-card-delete-popup-text-size: var(--text-base);

  /* Module - My Account Missing Avios Info */
  --module-my-account-missing-avios-info-text-font-size: var(--text-base);
  --module-my-account-missing-avios-info-text-color: var(
    --color-neutrals-grey-3
  );

  /* Module - My Account Favourites */
  --module-my-account-favourites-text-font-size: var(--text-base);
  --module-my-account-favourites-text-color: var(--color-neutrals-grey-3);

  /* Module - Home Last Purchases */
  --module-home-last-purchases-header-color: var(--color-blues-secondary);
  --module-home-last-purchases-header-font-size: var(--text-base);
  --module-home-last-purchases-header-font-weight: var(--font-weight-regular);
  --module-home-last-purchases-color: var(--color-neutrals-grey-1);
  --module-home-last-purchases-font-size: var(--text-base);
  --module-home-last-purchases-sub-text-color: var(--color-neutrals-grey-3);
  --module-home-last-purchases-sub-text-font-size: var(--text-base);

  /* Module - Download App Prompt  */
  --module-download-app-prompt-background: var(--color-blues-extra);
  --module-download-app-prompt-title-size: var(--text-sm);
  --module-download-app-prompt-title-color: var(--color-neutrals-white);
  --module-download-app-prompt-title-font-weight: var(--font-weight-bold);
  --module-download-app-prompt-description-size: var(--text-sm);
  --module-download-app-prompt-description-color: var(--color-neutrals-white);
  --module-download-app-prompt-close-icon-color: var(--color-neutrals-white);
  --module-download-app-prompt-close-icon-size: var(--text-xl);
  --module-download-app-prompt-cta-size: var(--text-sm);
  --module-download-app-prompt-cta-border-radius: 4px;
  --module-download-app-prompt-cta-line-height: 21px;
  --module-download-app-prompt-primary-cta-background: var(
    --color-neutrals-white
  );
  --module-download-app-prompt-primary-cta-color: var(--color-blues-extra);
  --module-download-app-prompt-secondary-cta-background: var(
    --color-blues-extra
  );
  --module-download-app-prompt-secondary-cta-color: var(--color-neutrals-white);

  /* Module - QR Modal */
  --module-qr-modal-membership-id-color: var(--color-blues-tertiary);

  /* Component - Notification Component */
  --component-notification-success: var(--color-notification-success);
  --component-notification-success-border: 1px solid var(--color-status-success);
  --component-notification-warning: var(--color-notification-warning);
  --component-notification-warning-border: 1px solid var(--color-status-warning);
  --component-notification-error: var(--color-notification-error);
  --component-notification-error-border: 1px solid var(--color-status-error);

  /* Component - Locale Modal */
  --component-locale-model-title-color: var(--color-blues-primary);

  /* Component - Card Image Component */
  --component-card-image-primary-color: var(--color-avios-blue-1);
  --component-card-image-primary-color-description: var(
    --alto-sem-color-fg-secondary,
    --color-neutrals-grey-2
  );
  --component-card-image-pill-background-color: var(--color-avios-green-6);
  --component-card-image-pill-color: var(--color-avios-blue-1);
  --component-card-icon-simple-border: 1px solid
    var(--alto-sem-color-border-tertiary);
  --component-card-icon-simple-hover-background-color: var(
    --color-neutrals-grey-8
  );
  --component-card-icon-simple-pressed-background-color: var(
    --color-neutrals-grey-9
  );
  --component-card-icon-simple-focus-visible-outline: 2px solid
    var(--alto-sem-color-border-accent, --color-blues-primary);

  /* Component - Search Section Component */
  --component-search-section-pill-background: #c7fcec;
}