<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* ==========================================================================
   Primitives and non-theme dependant variables
   ========================================================================== */
[data-rel-theme] {
  --color-alpha-crimson-10: #e00f0f1a;
  --color-alpha-eucalyptus-10: #257f561a;
  --color-alpha-grey-10: #d7d7d71a;
  --color-alpha-grey-30: #d7d7d74d;
  --color-alpha-imperial-red-30: #e954544d;
  --color-alpha-mantis-30: #74c3654d;
  --color-alpha-mariner-10: #2175d91a;
  --color-alpha-mariner-30: #2175d94d;
  --color-alpha-mariner-5: #2175d90d;
  --color-alpha-mariner-70: #2175d9b2;
  --color-alpha-white-10: #ffffff1a;
  --color-alpha-white-20: #ffffff33;
  --color-alpha-white-30: #ffffff4d;
  --color-alpha-white-50: #ffffff80;
  --color-alpha-white-70: #ffffffb2;
  --color-alpha-zodiac-blue-10: #0f19411a;
  --color-alpha-zodiac-blue-30: #0f19414d;
  --color-alpha-zodiac-blue-5: #0f19410d;
  --color-alpha-zodiac-blue-70: #0f1941b2;
  --color-aqua-400: #99ffff;
  --color-aqua-600: #00cccc;
  --color-aqua-default: #00ffff;
  --color-black-default: #000000;
  --color-california-50: #fff8e7;
  --color-california-700: #8c6409;
  --color-california-default: #ffb511;
  --color-carribean-green-default: #00c686;
  --color-chartreuse-400: #f0ff66;
  --color-chartreuse-600: #b8cc00;
  --color-chartreuse-default: #e6ff00;
  --color-cinnabar-default: #e74536;
  --color-crimson-25: #fdf3f3;
  --color-crimson-default: #e00f0f;
  --color-eucalyptus-25: #f4f9f7;
  --color-eucalyptus-default: #257f56;
  --color-grey-100: #f7f7f7;
  --color-grey-200: #efefef;
  --color-grey-600: #979797;
  --color-grey-default: #d7d7d7;
  --color-hippie-blue-200: #e1edf0;
  --color-hippie-blue-300: #c3dbe1;
  --color-hippie-blue-400: #a4c8d1;
  --color-hippie-blue-600: #466c85;
  --color-hippie-blue-700: #344f6e;
  --color-hippie-blue-800: #233357;
  --color-hippie-blue-default: #68a4b3;
  --color-imperial-red-default: #e95454;
  --color-mantis-50: #f1f9f0;
  --color-mantis-default: #74c365;
  --color-mariner-100: #d3e2f7;
  --color-mariner-200: #a6c8f0;
  --color-mariner-300: #7aace8;
  --color-mariner-400: #4e91e1;
  --color-mariner-50: #e8f1fb;
  --color-mariner-600: #175197;
  --color-mariner-700: #124077;
  --color-mariner-800: #0d2f57;
  --color-mariner-accessible: #1e6bc7;
  --color-mariner-default: #2175d9;
  --color-purple-default: #8800b9;
  --color-science-blue-400: #336de6;
  --color-science-blue-600: #003ab3;
  --color-science-blue-default: #0049e0;
  --color-spring-wood-200: #fcfbf9;
  --color-spring-wood-600: #dedcd8;
  --color-spring-wood-default: #f7f5f0;
  --color-sun-default: #ffb511;
  --color-white-default: #ffffff;
  --color-zodiac-blue-100: #cfd1d9;
  --color-zodiac-blue-200: #9fa3b3;
  --color-zodiac-blue-300: #656c85;
  --color-zodiac-blue-400: #3e4767;
  --color-zodiac-blue-50: #e7e8ec;
  --color-zodiac-blue-600: #0a1029;
  --color-zodiac-blue-700: #080e24;
  --color-zodiac-blue-800: #060a1a;
  --color-zodiac-blue-900: #040610;
  --color-zodiac-blue-default: #0f1941;

  /* string */
  --text-font-default: Graphik, Tahoma, sans-serif;
  --text-font-weight-default: 400;

  /* spacing */
  --spacing-01: 4px;
  --spacing-02: 8px;
  --spacing-03: 12px;
  --spacing-04: 16px;
  --spacing-06: 24px;
  --spacing-08: 32px;
  --spacing-10: 40px;
  --spacing-12: 48px;
  --spacing-16: 64px;
  --spacing-20: 80px;
  --spacing-24: 96px;
  --spacing-32: 128px;
  --spacing-desktop-viewport-margin: 180px;

  /* radius */
  --radius-01: 4px;
  --radius-02: 8px;
  --radius-03: 12px;
  --radius-full: 999px;

  /* typography */
  --text-heading-2xl-letter-spacing: -4px;
  --text-heading-2xl-line-height: 80px;
  --text-heading-2xl-size: 80px;
  --text-heading-2xs-letter-spacing: 0px;
  --text-heading-2xs-size: 18px;
  --text-heading-2xs-line-height: 24px;
  --text-heading-lg-letter-spacing: -2px;
  --text-heading-lg-size: 40px;
  --text-heading-lg-line-height: 48px;
  --text-heading-md-letter-spacing: -1px;
  --text-heading-md-size: 32px;
  --text-heading-md-line-height: 36px;
  --text-heading-sm-letter-spacing: -1px;
  --text-heading-sm-size: 24px;
  --text-heading-sm-line-height: 32px;
  --text-heading-xl-letter-spacing: -3px;
  --text-heading-xl-size: 60px;
  --text-heading-xl-line-height: 64px;
  --text-heading-xs-letter-spacing: 0px;
  --text-heading-xs-size: 20px;
  --text-heading-xs-line-height: 24px;
  --text-paragraph-default-letter-spacing: 0px;
  --text-paragraph-default-size: 18px;
  --text-paragraph-default-line-height: 32px;
  --text-paragraph-lg-letter-spacing: 0px;
  --text-paragraph-lg-size: 20px;
  --text-paragraph-lg-line-height: 24px;
  --text-paragraph-md-letter-spacing: 0px;
  --text-paragraph-md-size: 16px;
  --text-paragraph-md-line-height: 24px;
  --text-paragraph-sm-letter-spacing: 0px;
  --text-paragraph-sm-size: 14px;
  --text-paragraph-sm-line-height: 24px;
  --text-paragraph-xs-letter-spacing: 0px;
  --text-paragraph-xs-size: 12px;
  --text-paragraph-xs-line-height: 16px;
  --text-heading-2xl-font: var(--text-font-default);
  --text-heading-2xl-font-weight: var(--text-font-weight-default);
  --text-heading-2xs-font: var(--text-font-default);
  --text-heading-2xs-font-weight: var(--text-font-weight-default);
  --text-heading-lg-font: var(--text-font-default);
  --text-heading-lg-font-weight: var(--text-font-weight-default);
  --text-heading-md-font: var(--text-font-default);
  --text-heading-md-font-weight: var(--text-font-weight-default);
  --text-heading-sm-font: var(--text-font-default);
  --text-heading-sm-font-weight: var(--text-font-weight-default);
  --text-heading-xl-font: var(--text-font-default);
  --text-heading-xl-font-weight: var(--text-font-weight-default);
  --text-heading-xs-font: var(--text-font-default);
  --text-heading-xs-font-weight: var(--text-font-weight-default);
  --text-paragraph-default-font: var(--text-font-default);
  --text-paragraph-default-font-weight: var(--text-font-weight-default);
  --text-paragraph-lg-font: var(--text-font-default);
  --text-paragraph-lg-font-weight: var(--text-font-weight-default);
  --text-paragraph-md-font: var(--text-font-default);
  --text-paragraph-md-font-weight: var(--text-font-weight-default);
  --text-paragraph-sm-font: var(--text-font-default);
  --text-paragraph-sm-font-weight: var(--text-font-weight-default);
  --text-paragraph-xs-font: var(--text-font-default);
  --text-paragraph-xs-font-weight: var(--text-font-weight-default);

  /* components - REL */

  /* mega menu */
  --c_megamenu-logo-height: 20px;
  --c_megamenu-logo-height-lg: 27px;
  --c_megamenu-logo-width: 127px;
  --c_megamenu-logo-width-lg: 180px;
  --c_megamenu-l2-max-width-lg: 180px;
  --c_megamenu-myenv-btn-max-width: 200px;

  /* components - Orbit */

  --components-button-height-loader-container: 32px;
  --components-button-padding-lg-bottom: var(--spacing-03);
  --components-button-padding-lg-top: var(--spacing-03);
  --components-button-padding-lg-left: var(--spacing-06);
  --components-button-padding-lg-right: var(--spacing-06);
  --components-button-padding-md-bottom: var(--spacing-01);
  --components-button-padding-md-top: var(--spacing-01);
  --components-button-padding-md-left: var(--spacing-03);
  --components-button-padding-md-right: var(--spacing-03);
  --components-button-rounded-default: var(--radius-01);
  --components-button-rounded-focus: 7px;
  --components-button-shadow-y-hover: 0px;
  --components-button-shadow-y-idle: 0px;
  --components-button-shadow-y-pressed: 0px;
  --components-button-typography-letter-spacing: 0px;
  --components-button-typography-size: 18px;
  --components-button-typography-line-height: 32px;
  --components-forms-height-input-min: 56px;
  --components-forms-padding-input-top-bottom: var(--spacing-02);
  --components-forms-padding-input-left-right: var(--spacing-04);
  --effect-shadow-spread: 4px;
  /* string */
  --components-button-typography-font: var(--text-font-default);
  --components-button-typography-font-weight: var(--text-font-weight-default);
  --components-forms-size-checkbon-icon: 20;
  --system-brand: Randstad;
}

/* ==========================================================================
   Theme 'light default'
   ========================================================================== */
[data-rel-theme='light-default'] {
  /* Orbit Styleguide
   ========================================================================== */
  --background-default: var(--color-white-default);
  --background-container-01: var(--color-mariner-default);
  --background-container-02: var(--color-zodiac-blue-default);
  --background-container-03: var(--color-spring-wood-default);
  --background-container-04: var(--color-mariner-100);
  --background-feedback-error: var(--color-crimson-default);
  --background-feedback-error-inverse: var(--color-crimson-25);
  --background-feedback-info: var(--color-mariner-default);
  --background-feedback-info-inverse: var(--color-mariner-50);
  --background-feedback-success: var(--color-eucalyptus-default);
  --background-feedback-success-inverse: var(--color-eucalyptus-25);
  --background-feedback-warning: var(--color-california-default);
  --background-feedback-warning-inverse: var(--color-california-50);
  --border-accent: var(--color-zodiac-blue-default);
  --border-bg-error-inverse: var(--color-crimson-default);
  --border-bg-info-inverse: var(--color-mariner-default);
  --border-bg-success-inverse: var(--color-eucalyptus-default);
  --border-bg-warning-inverse: var(--color-california-default);
  --border-default: var(--color-grey-default);
  --border-link-focus-ring: var(--color-mariner-default);
  --icon-on-bg-container-01: var(--color-white-default);
  --icon-on-bg-container-01-accent: var(--color-zodiac-blue-default);
  --icon-on-bg-container-02: var(--color-white-default);
  --icon-on-bg-container-02-accent: var(--color-aqua-default);
  --icon-on-bg-container-03: var(--color-zodiac-blue-default);
  --icon-on-bg-container-03-accent: var(--color-zodiac-blue-default);
  --icon-on-bg-container-04: var(--color-zodiac-blue-default);
  --icon-on-bg-container-04-accent: var(--color-mariner-default);
  --icon-on-bg-default-accent: var(--color-mariner-default);
  --icon-on-bg-default-default: var(--color-zodiac-blue-default);
  --icon-on-bg-default-subtle: var(--color-zodiac-blue-300);
  --icon-on-bg-feedback-error: var(--color-white-default);
  --icon-on-bg-feedback-error-inverse: var(--color-crimson-default);
  --icon-on-bg-feedback-info: var(--color-white-default);
  --icon-on-bg-feedback-info-inverse: var(--color-mariner-default);
  --icon-on-bg-feedback-success: var(--color-white-default);
  --icon-on-bg-feedback-success-inverse: var(--color-eucalyptus-default);
  --icon-on-bg-feedback-warning: var(--color-zodiac-blue-default);
  --icon-on-bg-feedback-warning-inverse: var(--color-california-default);
  --text-on-bg-container-01: var(--color-white-default);
  --text-on-bg-container-01-accent: var(--color-black-default);
  --text-on-bg-container-02: var(--color-white-default);
  --text-on-bg-container-02-accent: var(--color-aqua-default);
  --text-on-bg-container-03: var(--color-zodiac-blue-default);
  --text-on-bg-container-03-accent: var(--color-zodiac-blue-default);
  --text-on-bg-container-03-subtle: var(--color-zodiac-blue-300);
  --text-on-bg-container-04: var(--color-zodiac-blue-default);
  --text-on-bg-container-04-accent: var(--color-zodiac-blue-default);
  --text-on-bg-default-accent: var(--color-mariner-default);
  --text-on-bg-default-default: var(--color-zodiac-blue-default);
  --text-on-bg-default-large-text: var(--color-mariner-default);
  --text-on-bg-default-link-hover: var(--color-mariner-600);
  --text-on-bg-default-link-idle: var(--color-mariner-default);
  --text-on-bg-default-link-pressed: var(--color-mariner-default);
  --text-on-bg-default-subtle: var(--color-zodiac-blue-300);
  --text-on-bg-feedback-error: var(--color-white-default);
  --text-on-bg-feedback-error-inverse: var(--color-zodiac-blue-default);
  --text-on-bg-feedback-error-inverse-accent: var(--color-crimson-default);
  --text-on-bg-feedback-info: var(--color-white-default);
  --text-on-bg-feedback-info-inverse: var(--color-zodiac-blue-default);
  --text-on-bg-feedback-info-inverse-accent: var(--color-mariner-default);
  --text-on-bg-feedback-success: var(--color-white-default);
  --text-on-bg-feedback-success-inverse: var(--color-zodiac-blue-default);
  --text-on-bg-feedback-success-inverse-accent: var(--color-eucalyptus-default);
  --text-on-bg-feedback-warning: var(--color-zodiac-blue-default);
  --text-on-bg-feedback-warning-inverse: var(--color-zodiac-blue-default);
  --text-on-bg-feedback-warning-inverse-accent: var(--color-california-700);

  /* Orbit Design Kit
   ========================================================================== */
  --bg-backdrop: var(--color-alpha-zodiac-blue-70);
  --bg-be-filled-active-idle: var(--color-mariner-default);
  --bg-be-filled-active-idle-variant: var(--color-zodiac-blue-default);
  --bg-be-filled-unactive-idle: var(--color-grey-default);
  --bg-primary-disabled: var(--color-grey-default);
  --bg-primary-focus: var(--color-mariner-default);
  --bg-primary-hover: var(--color-mariner-600);
  --bg-primary-idle: var(--color-mariner-default);
  --bg-primary-pressed: var(--color-mariner-700);
  --bg-secondary-disabled: var(--color-grey-default);
  --bg-secondary-focus: #1e6bc700;
  --bg-secondary-hover: var(--color-mariner-default);
  --bg-secondary-idle: #1e6bc700;
  --bg-secondary-pressed: var(--color-mariner-600);
  --bg-tertiary-disabled: #d7d7d700;
  --bg-tertiary-focus: #1e6bc700;
  --bg-tertiary-hover: var(--color-alpha-mariner-5);
  --bg-tertiary-idle: #1e6bc700;
  --bg-tertiary-pressed: var(--color-alpha-mariner-10);
  --bg-trigger-active: var(--color-alpha-zodiac-blue-10);
  --bg-trigger-disabled: var(--color-alpha-zodiac-blue-5);
  --bg-trigger-focus: #0f194100;
  --bg-trigger-hover: var(--color-alpha-zodiac-blue-5);
  --bg-trigger-idle: #0f194100;
  --bg-trigger-pressed: var(--color-alpha-zodiac-blue-10);
  --border-be-filled-active-hover: var(--color-mariner-default);
  --border-be-filled-unactive-hover: var(--color-mariner-default);
  --border-be-filled-unactive-idle: var(--color-grey-default);
  --border-primary-focus-ring: var(--color-mariner-default);
  --border-secondary-disabled: var(--color-grey-default);
  --border-secondary-focus: var(--color-mariner-default);
  --border-secondary-focus-ring: var(--color-mariner-default);
  --border-secondary-hover: var(--color-mariner-default);
  --border-secondary-idle: var(--color-mariner-default);
  --border-secondary-pressed: var(--color-mariner-600);
  --border-tertiary-focus-ring: var(--color-mariner-default);
  --border-trigger-active: var(--color-zodiac-blue-default);
  --border-trigger-disabled: var(--color-grey-default);
  --border-trigger-focus: var(--color-zodiac-blue-default);
  --border-trigger-focus-ring: var(--color-mariner-default);
  --border-trigger-hover: var(--color-zodiac-blue-default);
  --border-trigger-idle: var(--color-zodiac-blue-400);
  --border-trigger-pressed: var(--color-zodiac-blue-default);
  --components-button-shadow-shadow-primary: #ffffff00;
  --components-button-shadow-shadow-secondary: #ffffff00;
  --components-button-shadow-shadow-tertiary: #ffffff00;
  --components-favourite-active: var(--color-imperial-red-default);
  --components-forms-bg-error-message: var(--color-crimson-25);
  --components-forms-bg-input-default: var(--color-white-default);
  --components-forms-bg-input-disabled: var(--color-grey-200);
  --components-forms-bg-input-input-filled: var(--color-mariner-accessible);
  --components-forms-bg-input-input-filled-error: var(--color-crimson-default);
  --components-forms-bg-input-list-hover: var(--color-alpha-zodiac-blue-10);
  --components-forms-bg-picker-active: var(--color-mariner-default);
  --components-forms-bg-picker-default: var(--color-grey-200);
  --components-forms-border-input-default: var(--color-grey-default);
  --components-forms-border-input-disabled: var(--color-grey-200);
  --components-forms-border-input-divider: var(--color-grey-default);
  --components-forms-border-input-error: var(--color-crimson-default);
  --components-forms-border-input-focus-ring: var(--color-mariner-default);
  --components-forms-border-input-success: var(--color-eucalyptus-default);
  --components-forms-border-picker-default: var(--color-grey-default);
  --components-forms-border-picker-text-hover: var(--color-mariner-default);
  --components-forms-icon-on-bg-input-accent: var(--color-mariner-default);
  --components-forms-icon-on-bg-input-disabled: var(--color-grey-600);
  --components-forms-icon-on-bg-input-filled: var(--color-white-default);
  --components-forms-icon-on-bg-input-filled-error: var(--color-white-default);
  --components-forms-icon-on-bg-input-icon-button: var(--color-mariner-default);
  --components-forms-icon-on-bg-input-user-search: var(--color-mariner-default);
  --components-forms-icon-on-bg-picker-accent: var(--color-mariner-default);
  --components-forms-icon-on-bg-picker-icon-button: var(
    --color-mariner-default
  );
  --components-forms-text-on-bg-default-error: var(--color-crimson-default);
  --components-forms-text-on-bg-error-message-text: var(
    --color-crimson-default
  );
  --components-forms-text-on-bg-input-accent: var(--color-mariner-default);
  --components-forms-text-on-bg-input-disabled: var(--color-grey-600);
  --components-forms-text-on-bg-input-error: var(--color-crimson-default);
  --components-forms-text-on-bg-input-placeholder: var(--color-zodiac-blue-300);
  --components-forms-text-on-bg-input-success: var(--color-eucalyptus-default);
  --components-forms-text-on-bg-input-user-input: var(
    --color-zodiac-blue-default
  );
  --components-forms-text-on-bg-input-user-search: var(--color-mariner-default);
  --components-forms-text-on-bg-picker-active: var(--color-white-default);
  --components-forms-text-on-bg-picker-current: var(--color-mariner-default);
  --components-forms-text-on-bg-picker-default: var(
    --color-zodiac-blue-default
  );
  --components-forms-text-on-bg-picker-disabled: var(--color-grey-600);
  --components-forms-text-on-bg-picker-icon-button: var(
    --color-mariner-default
  );
  --components-forms-text-on-bg-picker-link-idle: var(--color-mariner-default);
  --components-forms-text-on-bg-picker-subtle: var(--color-zodiac-blue-300);
  --components-logo-default: var(--color-mariner-default);
  --components-megamenu-desktop-vertical-divider: var(--color-grey-200);
  --components-megamenu-mobile-action-icon: var(--color-zodiac-blue-300);
  --components-modal-backdrop: var(--color-alpha-zodiac-blue-30);
  --components-slider-bg-range-dot: var(--color-mariner-default);
  --components-slider-bg-range-line: var(--color-mariner-default);
  --components-slider-bg-tooltip: var(--color-mariner-50);
  --components-slider-border-focus-ring: var(--color-mariner-default);
  --components-slider-text-on-bg-tooltip: var(--color-zodiac-blue-default);
  --effect-shadow-focus-default: var(--color-alpha-zodiac-blue-10);
  --effect-shadow-focus-error: var(--color-alpha-crimson-10);
  --effect-shadow-focus-success: var(--color-alpha-eucalyptus-10);
  --effect-shadow-hover-default: var(--color-alpha-zodiac-blue-10);
  --effect-shadow-hover-error: var(--color-alpha-crimson-10);
  --effect-shadow-hover-success: var(--color-alpha-eucalyptus-10);
  --icon-on-bg-primary-disabled: var(--color-grey-600);
  --icon-on-bg-primary-focus: var(--color-white-default);
  --icon-on-bg-primary-hover: var(--color-white-default);
  --icon-on-bg-primary-idle: var(--color-white-default);
  --icon-on-bg-primary-pressed: var(--color-white-default);
  --icon-on-bg-secondary-disabled: var(--color-grey-600);
  --icon-on-bg-secondary-focus: var(--color-mariner-accessible);
  --icon-on-bg-secondary-hover: var(--color-white-default);
  --icon-on-bg-secondary-idle: var(--color-mariner-accessible);
  --icon-on-bg-secondary-pressed: var(--color-white-default);
  --icon-on-bg-tertiary-disabled: var(--color-grey-default);
  --icon-on-bg-tertiary-focus: var(--color-mariner-accessible);
  --icon-on-bg-tertiary-hover: var(--color-mariner-accessible);
  --icon-on-bg-tertiary-idle: var(--color-mariner-accessible);
  --icon-on-bg-tertiary-pressed: var(--color-mariner-accessible);
  --icon-on-bg-trigger-active: var(--color-mariner-default);
  --icon-on-bg-trigger-active-variant: var(--color-zodiac-blue-default);
  --icon-on-bg-trigger-disabled: var(--color-grey-600);
  --icon-on-bg-trigger-focus: var(--color-zodiac-blue-default);
  --icon-on-bg-trigger-hover: var(--color-zodiac-blue-default);
  --icon-on-bg-trigger-idle: var(--color-zodiac-blue-300);
  --icon-on-bg-trigger-idle-variant: var(--color-zodiac-blue-default);
  --icon-on-bg-trigger-pressed: var(--color-zodiac-blue-default);
  --on-bg-primary-disabled: var(--color-grey-600);
  --on-bg-primary-focus: var(--color-white-default);
  --on-bg-primary-hover: var(--color-white-default);
  --on-bg-primary-idle: var(--color-white-default);
  --on-bg-primary-pressed: var(--color-white-default);
  --on-bg-secondary-disabled: var(--color-grey-600);
  --on-bg-secondary-focus: var(--color-mariner-accessible);
  --on-bg-secondary-hover: var(--color-white-default);
  --on-bg-secondary-idle: var(--color-mariner-accessible);
  --on-bg-secondary-pressed: var(--color-white-default);
  --on-bg-tertiary-disabled: var(--color-grey-default);
  --on-bg-tertiary-focus: var(--color-mariner-accessible);
  --on-bg-tertiary-hover: var(--color-mariner-accessible);
  --on-bg-tertiary-idle: var(--color-mariner-accessible);
  --on-bg-tertiary-pressed: var(--color-mariner-accessible);
  --on-bg-trigger-active: var(--color-mariner-default);
  --on-bg-trigger-active-variant: var(--color-zodiac-blue-default);
  --on-bg-trigger-disabled: var(--color-grey-600);
  --on-bg-trigger-focus: var(--color-zodiac-blue-default);
  --on-bg-trigger-hover: var(--color-zodiac-blue-default);
  --on-bg-trigger-idle: var(--color-zodiac-blue-300);
  --on-bg-trigger-idle-variant: var(--color-zodiac-blue-default);
  --on-bg-trigger-pressed: var(--color-zodiac-blue-default);
}
/* ==========================================================================
   Theme 'dark default'
   ========================================================================== */
[data-rel-theme='dark-default'] {
  /* Orbit Styleguide
   ========================================================================== */
  --background-default: var(--color-mariner-default);
  --background-container-01: var(--color-white-default);
  --background-container-02: var(--color-spring-wood-default);
  --background-container-03: var(--color-zodiac-blue-default);
  --background-container-04: var(--color-mariner-600);
  --background-feedback-error: var(--color-imperial-red-default);
  --background-feedback-error-inverse: var(--color-crimson-25);
  --background-feedback-info: var(--color-mariner-600);
  --background-feedback-info-inverse: var(--color-mariner-50);
  --background-feedback-success: var(--color-mantis-default);
  --background-feedback-success-inverse: var(--color-mantis-50);
  --background-feedback-warning: var(--color-california-default);
  --background-feedback-warning-inverse: var(--color-california-50);
  --border-accent: var(--color-white-default);
  --border-bg-error-inverse: var(--color-imperial-red-default);
  --border-bg-info-inverse: var(--color-mariner-600);
  --border-bg-success-inverse: var(--color-mantis-default);
  --border-bg-warning-inverse: var(--color-california-default);
  --border-default: var(--color-alpha-white-30);
  --border-link-focus-ring: var(--color-white-default);
  --icon-on-bg-container-01: var(--color-zodiac-blue-default);
  --icon-on-bg-container-01-accent: var(--color-mariner-default);
  --icon-on-bg-container-02: var(--color-zodiac-blue-default);
  --icon-on-bg-container-02-accent: var(--color-zodiac-blue-default);
  --icon-on-bg-container-03: var(--color-white-default);
  --icon-on-bg-container-03-accent: var(--color-aqua-default);
  --icon-on-bg-container-04: var(--color-white-default);
  --icon-on-bg-container-04-accent: var(--color-white-default);
  --icon-on-bg-default-accent: var(--color-aqua-default);
  --icon-on-bg-default-default: var(--color-white-default);
  --icon-on-bg-default-subtle: var(--color-alpha-white-70);
  --icon-on-bg-feedback-error: var(--color-zodiac-blue-default);
  --icon-on-bg-feedback-error-inverse: var(--color-crimson-default);
  --icon-on-bg-feedback-info: var(--color-white-default);
  --icon-on-bg-feedback-info-inverse: var(--color-mariner-default);
  --icon-on-bg-feedback-success: var(--color-zodiac-blue-default);
  --icon-on-bg-feedback-success-inverse: var(--color-eucalyptus-default);
  --icon-on-bg-feedback-warning: var(--color-zodiac-blue-default);
  --icon-on-bg-feedback-warning-inverse: var(--color-california-default);
  --text-on-bg-container-01: var(--color-zodiac-blue-default);
  --text-on-bg-container-01-accent: var(--color-mariner-default);
  --text-on-bg-container-02: var(--color-zodiac-blue-default);
  --text-on-bg-container-02-accent: var(--color-zodiac-blue-default);
  --text-on-bg-container-03: var(--color-white-default);
  --text-on-bg-container-03-accent: var(--color-aqua-default);
  --text-on-bg-container-03-subtle: var(--color-alpha-white-70);
  --text-on-bg-container-04: var(--color-white-default);
  --text-on-bg-container-04-accent: var(--color-white-default);
  --text-on-bg-default-accent: var(--color-black-default);
  --text-on-bg-default-default: var(--color-white-default);
  --text-on-bg-default-large-text: var(--color-aqua-default);
  --text-on-bg-default-link-hover: var(--color-white-default);
  --text-on-bg-default-link-idle: var(--color-white-default);
  --text-on-bg-default-link-pressed: var(--color-white-default);
  --text-on-bg-default-subtle: var(--color-white-default);
  --text-on-bg-feedback-error: var(--color-zodiac-blue-default);
  --text-on-bg-feedback-error-inverse: var(--color-zodiac-blue-default);
  --text-on-bg-feedback-error-inverse-accent: var(--color-crimson-default);
  --text-on-bg-feedback-info: var(--color-white-default);
  --text-on-bg-feedback-info-inverse: var(--color-zodiac-blue-default);
  --text-on-bg-feedback-info-inverse-accent: var(--color-mariner-default);
  --text-on-bg-feedback-success: var(--color-zodiac-blue-default);
  --text-on-bg-feedback-success-inverse: var(--color-zodiac-blue-default);
  --text-on-bg-feedback-success-inverse-accent: var(--color-eucalyptus-default);
  --text-on-bg-feedback-warning: var(--color-zodiac-blue-default);
  --text-on-bg-feedback-warning-inverse: var(--color-zodiac-blue-default);
  --text-on-bg-feedback-warning-inverse-accent: var(--color-california-700);

  /* Orbit Design Kit
   ========================================================================== */
  --bg-backdrop: var(--color-alpha-zodiac-blue-70);
  --bg-be-filled-active-idle: var(--color-white-default);
  --bg-be-filled-active-idle-variant: var(--color-white-default);
  --bg-be-filled-unactive-idle: var(--color-alpha-white-30);
  --bg-primary-disabled: var(--color-alpha-zodiac-blue-5);
  --bg-primary-focus: var(--color-zodiac-blue-default);
  --bg-primary-hover: var(--color-alpha-zodiac-blue-70);
  --bg-primary-idle: var(--color-zodiac-blue-default);
  --bg-primary-pressed: var(--color-zodiac-blue-600);
  --bg-secondary-disabled: var(--color-alpha-zodiac-blue-5);
  --bg-secondary-focus: #ffffff00;
  --bg-secondary-hover: var(--color-zodiac-blue-default);
  --bg-secondary-idle: #ffffff00;
  --bg-secondary-pressed: var(--color-zodiac-blue-600);
  --bg-tertiary-disabled: #0f194100;
  --bg-tertiary-focus: #ffffff00;
  --bg-tertiary-hover: var(--color-alpha-zodiac-blue-30);
  --bg-tertiary-idle: #ffffff00;
  --bg-tertiary-pressed: var(--color-alpha-zodiac-blue-70);
  --bg-trigger-active: var(--color-alpha-white-20);
  --bg-trigger-disabled: var(--color-alpha-zodiac-blue-5);
  --bg-trigger-focus: #ffffff00;
  --bg-trigger-hover: var(--color-alpha-white-30);
  --bg-trigger-idle: #ffffff00;
  --bg-trigger-pressed: var(--color-alpha-white-20);
  --border-be-filled-active-hover: var(--color-white-default);
  --border-be-filled-unactive-hover: var(--color-white-default);
  --border-be-filled-unactive-idle: var(--color-alpha-white-30);
  --border-primary-focus-ring: var(--color-zodiac-blue-default);
  --border-secondary-disabled: var(--color-alpha-white-20);
  --border-secondary-focus: var(--color-white-default);
  --border-secondary-focus-ring: var(--color-white-default);
  --border-secondary-hover: var(--color-zodiac-blue-default);
  --border-secondary-idle: var(--color-white-default);
  --border-secondary-pressed: var(--color-zodiac-blue-600);
  --border-tertiary-focus-ring: var(--color-white-default);
  --border-trigger-active: var(--color-white-default);
  --border-trigger-disabled: var(--color-alpha-white-20);
  --border-trigger-focus: var(--color-white-default);
  --border-trigger-focus-ring: var(--color-white-default);
  --border-trigger-hover: var(--color-white-default);
  --border-trigger-idle: var(--color-white-default);
  --border-trigger-pressed: var(--color-white-default);
  --components-button-shadow-shadow-primary: #ffffff00;
  --components-button-shadow-shadow-secondary: #ffffff00;
  --components-button-shadow-shadow-tertiary: #ffffff00;
  --components-favourite-active: var(--color-imperial-red-default);
  --components-forms-bg-error-message: var(--color-crimson-25);
  --components-forms-bg-input-default: var(--color-white-default);
  --components-forms-bg-input-disabled: var(--color-grey-200);
  --components-forms-bg-input-input-filled: var(--color-white-default);
  --components-forms-bg-input-input-filled-error: var(
    --color-imperial-red-default
  );
  --components-forms-bg-input-list-hover: var(--color-alpha-zodiac-blue-10);
  --components-forms-bg-picker-active: var(--color-mariner-default);
  --components-forms-bg-picker-default: var(--color-grey-200);
  --components-forms-border-input-default: var(--color-white-default);
  --components-forms-border-input-disabled: var(--color-grey-200);
  --components-forms-border-input-divider: var(--color-grey-default);
  --components-forms-border-input-error: var(--color-imperial-red-default);
  --components-forms-border-input-focus-ring: var(--color-white-default);
  --components-forms-border-input-success: var(--color-mantis-default);
  --components-forms-border-picker-default: var(--color-grey-default);
  --components-forms-border-picker-text-hover: var(--color-mariner-default);
  --components-forms-icon-on-bg-input-accent: var(--color-mariner-default);
  --components-forms-icon-on-bg-input-disabled: var(--color-grey-600);
  --components-forms-icon-on-bg-input-filled: var(--color-mariner-default);
  --components-forms-icon-on-bg-input-filled-error: var(--color-white-default);
  --components-forms-icon-on-bg-input-icon-button: var(--color-mariner-default);
  --components-forms-icon-on-bg-input-user-search: var(--color-mariner-default);
  --components-forms-icon-on-bg-picker-accent: var(--color-mariner-default);
  --components-forms-icon-on-bg-picker-icon-button: var(
    --color-mariner-default
  );
  --components-forms-text-on-bg-default-error: var(--color-white-default);
  --components-forms-text-on-bg-error-message-text: var(
    --color-crimson-default
  );
  --components-forms-text-on-bg-input-accent: var(--color-mariner-default);
  --components-forms-text-on-bg-input-disabled: var(--color-grey-600);
  --components-forms-text-on-bg-input-error: var(--color-crimson-default);
  --components-forms-text-on-bg-input-placeholder: var(--color-zodiac-blue-300);
  --components-forms-text-on-bg-input-success: var(--color-eucalyptus-default);
  --components-forms-text-on-bg-input-user-input: var(
    --color-zodiac-blue-default
  );
  --components-forms-text-on-bg-input-user-search: var(--color-mariner-default);
  --components-forms-text-on-bg-picker-active: var(--color-white-default);
  --components-forms-text-on-bg-picker-current: var(--color-mariner-default);
  --components-forms-text-on-bg-picker-default: var(
    --color-zodiac-blue-default
  );
  --components-forms-text-on-bg-picker-disabled: var(--color-grey-600);
  --components-forms-text-on-bg-picker-icon-button: var(
    --color-mariner-default
  );
  --components-forms-text-on-bg-picker-link-idle: var(--color-mariner-default);
  --components-forms-text-on-bg-picker-subtle: var(--color-zodiac-blue-300);
  --components-logo-default: var(--color-white-default);
  --components-megamenu-desktop-vertical-divider: var(--color-alpha-white-20);
  --components-megamenu-mobile-action-icon: var(--color-white-default);
  --components-modal-backdrop: var(--color-alpha-zodiac-blue-30);
  --components-slider-bg-range-dot: var(--color-white-default);
  --components-slider-bg-range-line: var(--color-white-default);
  --components-slider-bg-tooltip: var(--color-white-default);
  --components-slider-border-focus-ring: var(--color-white-default);
  --components-slider-text-on-bg-tooltip: var(--color-zodiac-blue-default);
  --effect-shadow-focus-default: var(--color-alpha-white-30);
  --effect-shadow-focus-error: var(--color-alpha-imperial-red-30);
  --effect-shadow-focus-success: var(--color-alpha-mantis-30);
  --effect-shadow-hover-default: var(--color-alpha-white-30);
  --effect-shadow-hover-error: var(--color-alpha-imperial-red-30);
  --effect-shadow-hover-success: var(--color-alpha-mantis-30);
  --icon-on-bg-primary-disabled: var(--color-alpha-white-50);
  --icon-on-bg-primary-focus: var(--color-white-default);
  --icon-on-bg-primary-hover: var(--color-white-default);
  --icon-on-bg-primary-idle: var(--color-white-default);
  --icon-on-bg-primary-pressed: var(--color-white-default);
  --icon-on-bg-secondary-disabled: var(--color-alpha-white-50);
  --icon-on-bg-secondary-focus: var(--color-white-default);
  --icon-on-bg-secondary-hover: var(--color-white-default);
  --icon-on-bg-secondary-idle: var(--color-white-default);
  --icon-on-bg-secondary-pressed: var(--color-white-default);
  --icon-on-bg-tertiary-disabled: var(--color-alpha-white-50);
  --icon-on-bg-tertiary-focus: var(--color-white-default);
  --icon-on-bg-tertiary-hover: var(--color-white-default);
  --icon-on-bg-tertiary-idle: var(--color-white-default);
  --icon-on-bg-tertiary-pressed: var(--color-white-default);
  --icon-on-bg-trigger-active: var(--color-zodiac-blue-800);
  --icon-on-bg-trigger-active-variant: var(--color-white-default);
  --icon-on-bg-trigger-disabled: var(--color-alpha-white-50);
  --icon-on-bg-trigger-focus: var(--color-white-default);
  --icon-on-bg-trigger-hover: var(--color-white-default);
  --icon-on-bg-trigger-idle: var(--color-white-default);
  --icon-on-bg-trigger-idle-variant: var(--color-white-default);
  --icon-on-bg-trigger-pressed: var(--color-white-default);
  --on-bg-primary-disabled: var(--color-alpha-white-50);
  --on-bg-primary-focus: var(--color-white-default);
  --on-bg-primary-hover: var(--color-white-default);
  --on-bg-primary-idle: var(--color-white-default);
  --on-bg-primary-pressed: var(--color-white-default);
  --on-bg-secondary-disabled: var(--color-alpha-white-50);
  --on-bg-secondary-focus: var(--color-white-default);
  --on-bg-secondary-hover: var(--color-white-default);
  --on-bg-secondary-idle: var(--color-white-default);
  --on-bg-secondary-pressed: var(--color-white-default);
  --on-bg-tertiary-disabled: var(--color-alpha-white-50);
  --on-bg-tertiary-focus: var(--color-white-default);
  --on-bg-tertiary-hover: var(--color-white-default);
  --on-bg-tertiary-idle: var(--color-white-default);
  --on-bg-tertiary-pressed: var(--color-white-default);
  --on-bg-trigger-active: var(--color-zodiac-blue-800);
  --on-bg-trigger-active-variant: var(--color-white-default);
  --on-bg-trigger-disabled: var(--color-alpha-white-50);
  --on-bg-trigger-focus: var(--color-white-default);
  --on-bg-trigger-hover: var(--color-white-default);
  --on-bg-trigger-idle: var(--color-white-default);
  --on-bg-trigger-idle-variant: var(--color-white-default);
  --on-bg-trigger-pressed: var(--color-white-default);
}
/* ==========================================================================
   Theme 'light variant'
   ========================================================================== */
[data-rel-theme='light-variant'] {
  /* Orbit Styleguide
   ========================================================================== */
  --background-default: var(--color-spring-wood-default);
  --background-container-01: var(--color-mariner-default);
  --background-container-02: var(--color-zodiac-blue-default);
  --background-container-03: var(--color-white-default);
  --background-container-04: var(--color-mariner-100);
  --background-feedback-error: var(--color-crimson-default);
  --background-feedback-error-inverse: var(--color-crimson-25);
  --background-feedback-info: var(--color-mariner-default);
  --background-feedback-info-inverse: var(--color-mariner-50);
  --background-feedback-success: var(--color-eucalyptus-default);
  --background-feedback-success-inverse: var(--color-eucalyptus-25);
  --background-feedback-warning: var(--color-california-default);
  --background-feedback-warning-inverse: var(--color-california-50);
  --border-accent: var(--color-zodiac-blue-default);
  --border-bg-error-inverse: var(--color-crimson-default);
  --border-bg-info-inverse: var(--color-mariner-default);
  --border-bg-success-inverse: var(--color-eucalyptus-default);
  --border-bg-warning-inverse: var(--color-california-default);
  --border-default: var(--color-grey-default);
  --border-link-focus-ring: var(--color-mariner-accessible);
  --icon-on-bg-container-01: var(--color-white-default);
  --icon-on-bg-container-01-accent: var(--color-zodiac-blue-default);
  --icon-on-bg-container-02: var(--color-white-default);
  --icon-on-bg-container-02-accent: var(--color-aqua-default);
  --icon-on-bg-container-03: var(--color-zodiac-blue-default);
  --icon-on-bg-container-03-accent: var(--color-mariner-accessible);
  --icon-on-bg-container-04: var(--color-zodiac-blue-default);
  --icon-on-bg-container-04-accent: var(--color-mariner-default);
  --icon-on-bg-default-accent: var(--color-mariner-default);
  --icon-on-bg-default-default: var(--color-zodiac-blue-default);
  --icon-on-bg-default-subtle: var(--color-zodiac-blue-300);
  --icon-on-bg-feedback-error: var(--color-white-default);
  --icon-on-bg-feedback-error-inverse: var(--color-crimson-default);
  --icon-on-bg-feedback-info: var(--color-white-default);
  --icon-on-bg-feedback-info-inverse: var(--color-mariner-default);
  --icon-on-bg-feedback-success: var(--color-white-default);
  --icon-on-bg-feedback-success-inverse: var(--color-eucalyptus-default);
  --icon-on-bg-feedback-warning: var(--color-zodiac-blue-default);
  --icon-on-bg-feedback-warning-inverse: var(--color-california-default);
  --text-on-bg-container-01: var(--color-white-default);
  --text-on-bg-container-01-accent: var(--color-black-default);
  --text-on-bg-container-02: var(--color-white-default);
  --text-on-bg-container-02-accent: var(--color-aqua-default);
  --text-on-bg-container-03: var(--color-zodiac-blue-default);
  --text-on-bg-container-03-accent: var(--color-mariner-accessible);
  --text-on-bg-container-03-subtle: var(--color-zodiac-blue-300);
  --text-on-bg-container-04: var(--color-zodiac-blue-default);
  --text-on-bg-container-04-accent: var(--color-zodiac-blue-default);
  --text-on-bg-default-accent: var(--color-zodiac-blue-default);
  --text-on-bg-default-default: var(--color-zodiac-blue-default);
  --text-on-bg-default-large-text: var(--color-mariner-default);
  --text-on-bg-default-link-hover: var(--color-mariner-700);
  --text-on-bg-default-link-idle: var(--color-mariner-accessible);
  --text-on-bg-default-link-pressed: var(--color-mariner-accessible);
  --text-on-bg-default-subtle: var(--color-zodiac-blue-300);
  --text-on-bg-feedback-error: var(--color-white-default);
  --text-on-bg-feedback-error-inverse: var(--color-zodiac-blue-default);
  --text-on-bg-feedback-error-inverse-accent: var(--color-crimson-default);
  --text-on-bg-feedback-info: var(--color-white-default);
  --text-on-bg-feedback-info-inverse: var(--color-zodiac-blue-default);
  --text-on-bg-feedback-info-inverse-accent: var(--color-mariner-default);
  --text-on-bg-feedback-success: var(--color-white-default);
  --text-on-bg-feedback-success-inverse: var(--color-zodiac-blue-default);
  --text-on-bg-feedback-success-inverse-accent: var(--color-eucalyptus-default);
  --text-on-bg-feedback-warning: var(--color-zodiac-blue-default);
  --text-on-bg-feedback-warning-inverse: var(--color-zodiac-blue-default);
  --text-on-bg-feedback-warning-inverse-accent: var(--color-california-700);

  /* Orbit Design Kit
   ========================================================================== */
  --bg-backdrop: var(--color-alpha-zodiac-blue-70);
  --bg-be-filled-active-idle: var(--color-mariner-accessible);
  --bg-be-filled-active-idle-variant: var(--color-zodiac-blue-default);
  --bg-be-filled-unactive-idle: var(--color-grey-default);
  --bg-primary-disabled: var(--color-grey-default);
  --bg-primary-focus: var(--color-mariner-default);
  --bg-primary-hover: var(--color-mariner-600);
  --bg-primary-idle: var(--color-mariner-default);
  --bg-primary-pressed: var(--color-mariner-700);
  --bg-secondary-disabled: var(--color-grey-default);
  --bg-secondary-focus: #1e6bc700;
  --bg-secondary-hover: var(--color-mariner-default);
  --bg-secondary-idle: #1e6bc700;
  --bg-secondary-pressed: var(--color-mariner-600);
  --bg-tertiary-disabled: #d7d7d700;
  --bg-tertiary-focus: #1e6bc700;
  --bg-tertiary-hover: var(--color-alpha-mariner-5);
  --bg-tertiary-idle: #1e6bc700;
  --bg-tertiary-pressed: var(--color-alpha-mariner-10);
  --bg-trigger-active: var(--color-alpha-zodiac-blue-10);
  --bg-trigger-disabled: var(--color-grey-default);
  --bg-trigger-focus: #0f194100;
  --bg-trigger-hover: var(--color-alpha-zodiac-blue-5);
  --bg-trigger-idle: #0f194100;
  --bg-trigger-pressed: var(--color-alpha-zodiac-blue-10);
  --border-be-filled-active-hover: var(--color-mariner-accessible);
  --border-be-filled-unactive-hover: var(--color-mariner-accessible);
  --border-be-filled-unactive-idle: var(--color-grey-default);
  --border-primary-focus-ring: var(--color-mariner-default);
  --border-secondary-disabled: var(--color-grey-default);
  --border-secondary-focus: var(--color-mariner-default);
  --border-secondary-focus-ring: var(--color-mariner-default);
  --border-secondary-hover: var(--color-mariner-default);
  --border-secondary-idle: var(--color-mariner-default);
  --border-secondary-pressed: var(--color-mariner-600);
  --border-tertiary-focus-ring: var(--color-mariner-default);
  --border-trigger-active: var(--color-zodiac-blue-default);
  --border-trigger-disabled: var(--color-grey-default);
  --border-trigger-focus: var(--color-zodiac-blue-default);
  --border-trigger-focus-ring: var(--color-mariner-default);
  --border-trigger-hover: var(--color-zodiac-blue-default);
  --border-trigger-idle: var(--color-zodiac-blue-400);
  --border-trigger-pressed: var(--color-zodiac-blue-default);
  --components-button-shadow-shadow-primary: #ffffff00;
  --components-button-shadow-shadow-secondary: #ffffff00;
  --components-button-shadow-shadow-tertiary: #ffffff00;
  --components-favourite-active: var(--color-imperial-red-default);
  --components-forms-bg-error-message: var(--color-crimson-25);
  --components-forms-bg-input-default: var(--color-white-default);
  --components-forms-bg-input-disabled: var(--color-grey-200);
  --components-forms-bg-input-input-filled: var(--color-mariner-accessible);
  --components-forms-bg-input-input-filled-error: var(--color-crimson-default);
  --components-forms-bg-input-list-hover: var(--color-alpha-zodiac-blue-10);
  --components-forms-bg-picker-active: var(--color-mariner-default);
  --components-forms-bg-picker-default: var(--color-grey-200);
  --components-forms-border-input-default: var(--color-grey-default);
  --components-forms-border-input-disabled: var(--color-grey-200);
  --components-forms-border-input-divider: var(--color-grey-default);
  --components-forms-border-input-error: var(--color-crimson-default);
  --components-forms-border-input-focus-ring: var(--color-mariner-default);
  --components-forms-border-input-success: var(--color-eucalyptus-default);
  --components-forms-border-picker-default: var(--color-grey-default);
  --components-forms-border-picker-text-hover: var(--color-mariner-default);
  --components-forms-icon-on-bg-input-accent: var(--color-mariner-default);
  --components-forms-icon-on-bg-input-disabled: var(--color-grey-600);
  --components-forms-icon-on-bg-input-filled: var(--color-white-default);
  --components-forms-icon-on-bg-input-filled-error: var(--color-white-default);
  --components-forms-icon-on-bg-input-icon-button: var(--color-mariner-default);
  --components-forms-icon-on-bg-input-user-search: var(--color-mariner-default);
  --components-forms-icon-on-bg-picker-accent: var(--color-mariner-default);
  --components-forms-icon-on-bg-picker-icon-button: var(
    --color-mariner-default
  );
  --components-forms-text-on-bg-default-error: var(--color-crimson-default);
  --components-forms-text-on-bg-error-message-text: var(
    --color-crimson-default
  );
  --components-forms-text-on-bg-input-accent: var(--color-mariner-default);
  --components-forms-text-on-bg-input-disabled: var(--color-grey-600);
  --components-forms-text-on-bg-input-error: var(--color-crimson-default);
  --components-forms-text-on-bg-input-placeholder: var(--color-zodiac-blue-300);
  --components-forms-text-on-bg-input-success: var(--color-eucalyptus-default);
  --components-forms-text-on-bg-input-user-input: var(
    --color-zodiac-blue-default
  );
  --components-forms-text-on-bg-input-user-search: var(--color-mariner-default);
  --components-forms-text-on-bg-picker-active: var(--color-white-default);
  --components-forms-text-on-bg-picker-current: var(--color-mariner-default);
  --components-forms-text-on-bg-picker-default: var(
    --color-zodiac-blue-default
  );
  --components-forms-text-on-bg-picker-disabled: var(--color-grey-600);
  --components-forms-text-on-bg-picker-icon-button: var(
    --color-mariner-default
  );
  --components-forms-text-on-bg-picker-link-idle: var(--color-mariner-default);
  --components-forms-text-on-bg-picker-subtle: var(--color-zodiac-blue-300);
  --components-logo-default: var(--color-zodiac-blue-default);
  --components-megamenu-desktop-vertical-divider: var(--color-grey-200);
  --components-megamenu-mobile-action-icon: var(--color-zodiac-blue-300);
  --components-modal-backdrop: var(--color-alpha-zodiac-blue-30);
  --components-slider-bg-range-dot: var(--color-mariner-accessible);
  --components-slider-bg-range-line: var(--color-mariner-accessible);
  --components-slider-bg-tooltip: var(--color-white-default);
  --components-slider-border-focus-ring: var(--color-mariner-default);
  --components-slider-text-on-bg-tooltip: var(--color-zodiac-blue-default);
  --effect-shadow-focus-default: var(--color-alpha-zodiac-blue-10);
  --effect-shadow-focus-error: var(--color-alpha-crimson-10);
  --effect-shadow-focus-success: var(--color-alpha-eucalyptus-10);
  --effect-shadow-hover-default: var(--color-alpha-zodiac-blue-10);
  --effect-shadow-hover-error: var(--color-alpha-crimson-10);
  --effect-shadow-hover-success: var(--color-alpha-eucalyptus-10);
  --icon-on-bg-primary-disabled: var(--color-grey-600);
  --icon-on-bg-primary-focus: var(--color-white-default);
  --icon-on-bg-primary-hover: var(--color-white-default);
  --icon-on-bg-primary-idle: var(--color-white-default);
  --icon-on-bg-primary-pressed: var(--color-white-default);
  --icon-on-bg-secondary-disabled: var(--color-grey-600);
  --icon-on-bg-secondary-focus: var(--color-mariner-accessible);
  --icon-on-bg-secondary-hover: var(--color-white-default);
  --icon-on-bg-secondary-idle: var(--color-mariner-accessible);
  --icon-on-bg-secondary-pressed: var(--color-white-default);
  --icon-on-bg-tertiary-disabled: var(--color-grey-600);
  --icon-on-bg-tertiary-focus: var(--color-mariner-accessible);
  --icon-on-bg-tertiary-hover: var(--color-mariner-accessible);
  --icon-on-bg-tertiary-idle: var(--color-mariner-accessible);
  --icon-on-bg-tertiary-pressed: var(--color-mariner-accessible);
  --icon-on-bg-trigger-active: var(--color-mariner-accessible);
  --icon-on-bg-trigger-active-variant: var(--color-zodiac-blue-default);
  --icon-on-bg-trigger-disabled: var(--color-grey-600);
  --icon-on-bg-trigger-focus: var(--color-zodiac-blue-default);
  --icon-on-bg-trigger-hover: var(--color-zodiac-blue-default);
  --icon-on-bg-trigger-idle: var(--color-zodiac-blue-300);
  --icon-on-bg-trigger-idle-variant: var(--color-zodiac-blue-default);
  --icon-on-bg-trigger-pressed: var(--color-zodiac-blue-default);
  --on-bg-primary-disabled: var(--color-grey-600);
  --on-bg-primary-focus: var(--color-white-default);
  --on-bg-primary-hover: var(--color-white-default);
  --on-bg-primary-idle: var(--color-white-default);
  --on-bg-primary-pressed: var(--color-white-default);
  --on-bg-secondary-disabled: var(--color-grey-600);
  --on-bg-secondary-focus: var(--color-mariner-accessible);
  --on-bg-secondary-hover: var(--color-white-default);
  --on-bg-secondary-idle: var(--color-mariner-accessible);
  --on-bg-secondary-pressed: var(--color-white-default);
  --on-bg-tertiary-disabled: var(--color-grey-600);
  --on-bg-tertiary-focus: var(--color-mariner-accessible);
  --on-bg-tertiary-hover: var(--color-mariner-accessible);
  --on-bg-tertiary-idle: var(--color-mariner-accessible);
  --on-bg-tertiary-pressed: var(--color-mariner-accessible);
  --on-bg-trigger-active: var(--color-mariner-accessible);
  --on-bg-trigger-active-variant: var(--color-zodiac-blue-default);
  --on-bg-trigger-disabled: var(--color-grey-600);
  --on-bg-trigger-focus: var(--color-zodiac-blue-default);
  --on-bg-trigger-hover: var(--color-zodiac-blue-default);
  --on-bg-trigger-idle: var(--color-zodiac-blue-300);
  --on-bg-trigger-idle-variant: var(--color-zodiac-blue-default);
  --on-bg-trigger-pressed: var(--color-zodiac-blue-default);
}

/* ==========================================================================
   Theme 'dark variant'
   ========================================================================== */
[data-rel-theme='dark-variant'] {
  /* Orbit Styleguide
   ========================================================================== */
  --background-default: var(--color-zodiac-blue-default);
  --background-container-01: var(--color-white-default);
  --background-container-02: var(--color-spring-wood-default);
  --background-container-03: var(--color-mariner-default);
  --background-container-04: var(--color-mariner-800);
  --background-feedback-error: var(--color-imperial-red-default);
  --background-feedback-error-inverse: var(--color-crimson-25);
  --background-feedback-info: var(--color-mariner-default);
  --background-feedback-info-inverse: var(--color-mariner-50);
  --background-feedback-success: var(--color-mantis-default);
  --background-feedback-success-inverse: var(--color-mantis-50);
  --background-feedback-warning: var(--color-california-default);
  --background-feedback-warning-inverse: var(--color-california-50);
  --border-accent: var(--color-white-default);
  --border-bg-error-inverse: var(--color-imperial-red-default);
  --border-bg-info-inverse: var(--color-mariner-default);
  --border-bg-success-inverse: var(--color-mantis-default);
  --border-bg-warning-inverse: var(--color-california-default);
  --border-default: var(--color-alpha-white-30);
  --border-link-focus-ring: var(--color-white-default);
  --icon-on-bg-container-01: var(--color-zodiac-blue-default);
  --icon-on-bg-container-01-accent: var(--color-mariner-default);
  --icon-on-bg-container-02: var(--color-zodiac-blue-default);
  --icon-on-bg-container-02-accent: var(--color-zodiac-blue-default);
  --icon-on-bg-container-03: var(--color-white-default);
  --icon-on-bg-container-03-accent: var(--color-zodiac-blue-800);
  --icon-on-bg-container-04: var(--color-white-default);
  --icon-on-bg-container-04-accent: var(--color-white-default);
  --icon-on-bg-default-accent: var(--color-aqua-default);
  --icon-on-bg-default-default: var(--color-white-default);
  --icon-on-bg-default-subtle: var(--color-alpha-white-70);
  --icon-on-bg-feedback-error: var(--color-zodiac-blue-default);
  --icon-on-bg-feedback-error-inverse: var(--color-crimson-default);
  --icon-on-bg-feedback-info: var(--color-white-default);
  --icon-on-bg-feedback-info-inverse: var(--color-mariner-default);
  --icon-on-bg-feedback-success: var(--color-zodiac-blue-default);
  --icon-on-bg-feedback-success-inverse: var(--color-eucalyptus-default);
  --icon-on-bg-feedback-warning: var(--color-zodiac-blue-default);
  --icon-on-bg-feedback-warning-inverse: var(--color-california-default);
  --text-on-bg-container-01: var(--color-zodiac-blue-default);
  --text-on-bg-container-01-accent: var(--color-mariner-default);
  --text-on-bg-container-02: var(--color-zodiac-blue-default);
  --text-on-bg-container-02-accent: var(--color-zodiac-blue-default);
  --text-on-bg-container-03: var(--color-white-default);
  --text-on-bg-container-03-accent: var(--color-black-default);
  --text-on-bg-container-03-subtle: var(--color-white-default);
  --text-on-bg-container-04: var(--color-white-default);
  --text-on-bg-container-04-accent: var(--color-white-default);
  --text-on-bg-default-accent: var(--color-aqua-default);
  --text-on-bg-default-default: var(--color-white-default);
  --text-on-bg-default-large-text: var(--color-mariner-default);
  --text-on-bg-default-link-hover: var(--color-white-default);
  --text-on-bg-default-link-idle: var(--color-white-default);
  --text-on-bg-default-link-pressed: var(--color-white-default);
  --text-on-bg-default-subtle: var(--color-alpha-white-70);
  --text-on-bg-feedback-error: var(--color-zodiac-blue-default);
  --text-on-bg-feedback-error-inverse: var(--color-zodiac-blue-default);
  --text-on-bg-feedback-error-inverse-accent: var(--color-crimson-default);
  --text-on-bg-feedback-info: var(--color-white-default);
  --text-on-bg-feedback-info-inverse: var(--color-zodiac-blue-default);
  --text-on-bg-feedback-info-inverse-accent: var(--color-mariner-default);
  --text-on-bg-feedback-success: var(--color-zodiac-blue-default);
  --text-on-bg-feedback-success-inverse: var(--color-zodiac-blue-default);
  --text-on-bg-feedback-success-inverse-accent: var(--color-eucalyptus-default);
  --text-on-bg-feedback-warning: var(--color-zodiac-blue-default);
  --text-on-bg-feedback-warning-inverse: var(--color-zodiac-blue-default);
  --text-on-bg-feedback-warning-inverse-accent: var(--color-california-700);

  /* Orbit Design Kit
   ========================================================================== */
  --bg-backdrop: var(--color-alpha-mariner-70);
  --bg-be-filled-active-idle: var(--color-white-default);
  --bg-be-filled-active-idle-variant: var(--color-white-default);
  --bg-be-filled-unactive-idle: var(--color-alpha-white-30);
  --bg-primary-disabled: var(--color-alpha-mariner-5);
  --bg-primary-focus: var(--color-mariner-default);
  --bg-primary-hover: var(--color-mariner-600);
  --bg-primary-idle: var(--color-mariner-default);
  --bg-primary-pressed: var(--color-mariner-700);
  --bg-secondary-disabled: var(--color-alpha-mariner-5);
  --bg-secondary-focus: #ffffff00;
  --bg-secondary-hover: var(--color-mariner-default);
  --bg-secondary-idle: #ffffff00;
  --bg-secondary-pressed: var(--color-mariner-600);
  --bg-tertiary-disabled: #ffffff00;
  --bg-tertiary-focus: #ffffff00;
  --bg-tertiary-hover: var(--color-alpha-white-20);
  --bg-tertiary-idle: #ffffff00;
  --bg-tertiary-pressed: var(--color-alpha-white-30);
  --bg-trigger-active: var(--color-alpha-white-20);
  --bg-trigger-disabled: var(--color-alpha-mariner-5);
  --bg-trigger-focus: #ffffff00;
  --bg-trigger-hover: var(--color-alpha-white-30);
  --bg-trigger-idle: #ffffff00;
  --bg-trigger-pressed: var(--color-alpha-white-20);
  --border-be-filled-active-hover: var(--color-white-default);
  --border-be-filled-unactive-hover: var(--color-white-default);
  --border-be-filled-unactive-idle: var(--color-alpha-white-30);
  --border-primary-focus-ring: var(--color-mariner-default);
  --border-secondary-disabled: var(--color-alpha-white-20);
  --border-secondary-focus: var(--color-white-default);
  --border-secondary-focus-ring: var(--color-white-default);
  --border-secondary-hover: var(--color-mariner-default);
  --border-secondary-idle: var(--color-white-default);
  --border-secondary-pressed: var(--color-mariner-600);
  --border-tertiary-focus-ring: var(--color-white-default);
  --border-trigger-active: var(--color-white-default);
  --border-trigger-disabled: var(--color-alpha-white-20);
  --border-trigger-focus: var(--color-white-default);
  --border-trigger-focus-ring: var(--color-white-default);
  --border-trigger-hover: var(--color-white-default);
  --border-trigger-idle: var(--color-white-default);
  --border-trigger-pressed: var(--color-white-default);
  --components-button-shadow-shadow-primary: #ffffff00;
  --components-button-shadow-shadow-secondary: #ffffff00;
  --components-button-shadow-shadow-tertiary: #ffffff00;
  --components-favourite-active: var(--color-imperial-red-default);
  --components-forms-bg-error-message: var(--color-crimson-25);
  --components-forms-bg-input-default: var(--color-white-default);
  --components-forms-bg-input-disabled: var(--color-grey-200);
  --components-forms-bg-input-input-filled: var(--color-mariner-accessible);
  --components-forms-bg-input-input-filled-error: var(
    --color-imperial-red-default
  );
  --components-forms-bg-input-list-hover: var(--color-alpha-zodiac-blue-10);
  --components-forms-bg-picker-active: var(--color-mariner-default);
  --components-forms-bg-picker-default: var(--color-grey-200);
  --components-forms-border-input-default: var(--color-white-default);
  --components-forms-border-input-disabled: var(--color-grey-200);
  --components-forms-border-input-divider: var(--color-grey-default);
  --components-forms-border-input-error: var(--color-imperial-red-default);
  --components-forms-border-input-focus-ring: var(--color-white-default);
  --components-forms-border-input-success: var(--color-mantis-default);
  --components-forms-border-picker-default: var(--color-grey-default);
  --components-forms-border-picker-text-hover: var(--color-mariner-default);
  --components-forms-icon-on-bg-input-accent: var(--color-mariner-default);
  --components-forms-icon-on-bg-input-disabled: var(--color-grey-600);
  --components-forms-icon-on-bg-input-filled: var(--color-white-default);
  --components-forms-icon-on-bg-input-filled-error: var(--color-white-default);
  --components-forms-icon-on-bg-input-icon-button: var(--color-mariner-default);
  --components-forms-icon-on-bg-input-user-search: var(--color-mariner-default);
  --components-forms-icon-on-bg-picker-accent: var(--color-mariner-default);
  --components-forms-icon-on-bg-picker-icon-button: var(
    --color-mariner-default
  );
  --components-forms-text-on-bg-default-error: var(
    --color-imperial-red-default
  );
  --components-forms-text-on-bg-error-message-text: var(
    --color-crimson-default
  );
  --components-forms-text-on-bg-input-accent: var(--color-mariner-default);
  --components-forms-text-on-bg-input-disabled: var(--color-grey-600);
  --components-forms-text-on-bg-input-error: var(--color-crimson-default);
  --components-forms-text-on-bg-input-placeholder: var(--color-zodiac-blue-300);
  --components-forms-text-on-bg-input-success: var(--color-eucalyptus-default);
  --components-forms-text-on-bg-input-user-input: var(
    --color-zodiac-blue-default
  );
  --components-forms-text-on-bg-input-user-search: var(--color-mariner-default);
  --components-forms-text-on-bg-picker-active: var(--color-white-default);
  --components-forms-text-on-bg-picker-current: var(--color-mariner-default);
  --components-forms-text-on-bg-picker-default: var(
    --color-zodiac-blue-default
  );
  --components-forms-text-on-bg-picker-disabled: var(--color-grey-600);
  --components-forms-text-on-bg-picker-icon-button: var(
    --color-mariner-default
  );
  --components-forms-text-on-bg-picker-link-idle: var(--color-mariner-default);
  --components-forms-text-on-bg-picker-subtle: var(--color-zodiac-blue-300);
  --components-logo-default: var(--color-white-default);
  --components-megamenu-desktop-vertical-divider: var(--color-alpha-white-20);
  --components-megamenu-mobile-action-icon: var(--color-alpha-white-70);
  --components-modal-backdrop: var(--color-alpha-white-10);
  --components-slider-bg-range-dot: var(--color-white-default);
  --components-slider-bg-range-line: var(--color-white-default);
  --components-slider-bg-tooltip: var(--color-white-default);
  --components-slider-border-focus-ring: var(--color-white-default);
  --components-slider-text-on-bg-tooltip: var(--color-zodiac-blue-default);
  --effect-shadow-focus-default: var(--color-alpha-white-30);
  --effect-shadow-focus-error: var(--color-alpha-imperial-red-30);
  --effect-shadow-focus-success: var(--color-alpha-mantis-30);
  --effect-shadow-hover-default: var(--color-alpha-white-30);
  --effect-shadow-hover-error: var(--color-alpha-imperial-red-30);
  --effect-shadow-hover-success: var(--color-alpha-mantis-30);
  --icon-on-bg-primary-disabled: var(--color-alpha-white-30);
  --icon-on-bg-primary-focus: var(--color-white-default);
  --icon-on-bg-primary-hover: var(--color-white-default);
  --icon-on-bg-primary-idle: var(--color-white-default);
  --icon-on-bg-primary-pressed: var(--color-white-default);
  --icon-on-bg-secondary-disabled: var(--color-alpha-white-30);
  --icon-on-bg-secondary-focus: var(--color-white-default);
  --icon-on-bg-secondary-hover: var(--color-white-default);
  --icon-on-bg-secondary-idle: var(--color-white-default);
  --icon-on-bg-secondary-pressed: var(--color-white-default);
  --icon-on-bg-tertiary-disabled: var(--color-alpha-white-30);
  --icon-on-bg-tertiary-focus: var(--color-white-default);
  --icon-on-bg-tertiary-hover: var(--color-white-default);
  --icon-on-bg-tertiary-idle: var(--color-white-default);
  --icon-on-bg-tertiary-pressed: var(--color-white-default);
  --icon-on-bg-trigger-active: var(--color-aqua-default);
  --icon-on-bg-trigger-active-variant: var(--color-alpha-white-70);
  --icon-on-bg-trigger-disabled: var(--color-alpha-white-30);
  --icon-on-bg-trigger-focus: var(--color-white-default);
  --icon-on-bg-trigger-hover: var(--color-white-default);
  --icon-on-bg-trigger-idle: var(--color-alpha-white-70);
  --icon-on-bg-trigger-idle-variant: var(--color-alpha-white-70);
  --icon-on-bg-trigger-pressed: var(--color-white-default);
  --on-bg-primary-disabled: var(--color-alpha-white-30);
  --on-bg-primary-focus: var(--color-white-default);
  --on-bg-primary-hover: var(--color-white-default);
  --on-bg-primary-idle: var(--color-white-default);
  --on-bg-primary-pressed: var(--color-white-default);
  --on-bg-secondary-disabled: var(--color-alpha-white-30);
  --on-bg-secondary-focus: var(--color-white-default);
  --on-bg-secondary-hover: var(--color-white-default);
  --on-bg-secondary-idle: var(--color-white-default);
  --on-bg-secondary-pressed: var(--color-white-default);
  --on-bg-tertiary-disabled: var(--color-alpha-white-30);
  --on-bg-tertiary-focus: var(--color-white-default);
  --on-bg-tertiary-hover: var(--color-white-default);
  --on-bg-tertiary-idle: var(--color-white-default);
  --on-bg-tertiary-pressed: var(--color-white-default);
  --on-bg-trigger-active: var(--color-aqua-default);
  --on-bg-trigger-active-variant: var(--color-alpha-white-70);
  --on-bg-trigger-disabled: var(--color-alpha-white-30);
  --on-bg-trigger-focus: var(--color-white-default);
  --on-bg-trigger-hover: var(--color-white-default);
  --on-bg-trigger-idle: var(--color-alpha-white-70);
  --on-bg-trigger-idle-variant: var(--color-alpha-white-70);
  --on-bg-trigger-pressed: var(--color-white-default);
}
</pre></body></html>