:root {
  /* Theme Colors */
  --idp-secondary: #0b1f66;
  --idp-body-text: #0b1f66;
  --idp-navyblue-active: #081a4b;
  --idp-skyblue: #33798e;
  --idp-secondary-blue: #1a284e;
  --idp-primary: #e51937;
  --idp-accent: #4470c3;
  --idp-warn: #e51937;
  --idp-red-hover: #bf152f;
  --idp-red-active: #991125;
  --idp-blue: #4470c3;
  --idp-medallion-earnings-grey: #6b6b6b;
  --idp-cyan: #0b7bb7;
  --idp-link-blue: #007bff;
  --idp-blue-hover: #096190;
  --idp-darth-vader: #10172e;
  --idp-medium-green: #1c8617;
  --idp-green-dark: #008001;
  --idp-green: #1d994c;
  --idp-green-light: #329f2d;
  --idp-info-icon-focus: #858d9f;
  --idp-navyblue: #0b1f66;
  --idp-navyblue-dark: #1d284e;
  --idp-secondary-light: #0b1f66;
  --idp-secondary-dark: #000724;
  --idp-cyan-light: #0291de;
  --idp-scroll-white: #f7f7f7;
  --idp-transparent: transparent;
  --idp-legacy-blue: #377ad0;
  --idp-legacy-blue-hover: #1f56a1;
  --idp-dark-green: #177f3f;
  --idp-purple: #4f145b;
  --idp-grey: #dadada;
  --idp-background-color: #21273b;
  --primary: var(--idp-primary);
  --secondary: var(--idp-secondary);
  --success: var(--idp-green);
  --info: var(--idp-blue);
  --warning: var(--idp-warn);
  --danger: var(--idp-warn);
  --dark: var(--idp-darth-vader);
  --gold: var(--idp-gold);
  --component-active-bg: var(--secondary);
  --body-bg: var(--white);
  --background-color-card: #f6f6f7;
  --body-light: var(--idp-gray-100);
  --body-color: var(--secondary);
  --paragraph-color: var(--dark);
  --header-bg: var(--idp-darth-vader);
  --header-search-bg: var(--white);
  --idp-progress-border: #8d8d8d;
  --idp-texarea-border: #013366;
  --idp-horizontal-rule: #e01933;
  --idp-error-red: #761502;
  --idp-search-badge-color: #d82727;
  --idp-search-badge-color-blue: #276ed8;
  --idp-alert-warning-text-color: var(--idp-secondary);
  /* to change the color on hover for blue color primary shades */
  --idp-primary-blue-hover: var(--idp-blue-hover);
  /* to display the border to highlight error field */
  --idp-primary-error: var(--idp-primary);
  /* to display the radio button color */
  --idp-radio-button-border-color: var(--idp-secondary);
  /* Visibility */
  --display-delta: initial;
  --display-virgin: none;
  --display-axis: none;
  --display-sky: none;
  --display-omnipro: none;
  --visibility-delta: initial;
  --visibility-virgin: none;
  --visibility-axis: none;
  --visibility-omnipro: none;
  --visibility-hidden: hidden;
  --visibility-visible: visible;

  --info-icon: url('/content/dam/delta-applications/ui-kit/assets/svg/alerts/info-icon.svg');
  --idp-close-icon: url('/content/dam/delta-applications/ui-kit/assets/svg/forms/gray-close-icon.svg')
    no-repeat;
  --idp-white-close-icon: url('/content/dam/delta-applications/ui-kit/assets/svg/forms/white-close-icon.svg')
    no-repeat;
  --idp-search-icon: url('/content/dam/delta-applications/ui-kit/assets/svg/search-icon.svg');
  --idp-thumbs-up: url('/content/dam/delta-applications/ui-kit/assets/svg/comments-complaints/thumbs-up.svg');
  --idp-thumbs-down: url('/content/dam/delta-applications/ui-kit/assets/svg/comments-complaints/thumbs-down.svg');
  --idp-paper-clip: url('/content/dam/delta-applications/ui-kit/assets/svg/comments-complaints/paper-clip.svg');
  --idp-upload-close-button: url('/content/dam/delta-applications/ui-kit/assets/svg/comments-complaints/close-button.svg');
  /* Medallion Colors */
  --idp-gold: #9f6a29;
  --idp-light-gold: #c78a22;
  --idp-dark-gold: #8b5615;
  --idp-basic: #2a3a73;
  --idp-silver: #747578;
  --idp-platinum: #2f293d;
  --idp-diamond: #43657d;
  --idp-matte-gray: #dedfe1;
  --idp-body-color: #f8f8f8;
  --idp-form-icon-color: #8996a9;
  --idp-form-focus-color: #868d9d;
  --idp-focus-bg-color: #242a40;
  --idp-access-bg-color: #fafbfc;
  --idp-panel-dropdown-bg: #f5f7fa;
  --idp-panel-dropdown-bg-hover: #6c718a;
  --idp-dropdown-active-border: #858d9f;
  --idp-icon-color: #8793a6;
  --idp-focus-border-color: #242a48;
  --idp-drdwn-color: var(--idp-secondary);
  --idp-drdwn-active-color: white;
  --idp-panel-dropdown-bg-open: #f5f7fa;
  --idp-checkbox-align: center;

  --idp-drwn-active-bg-color: var(--idp-panel-dropdown-bg-hover);

  /* None values */
  --none: none;

  /* Sides values */
  --sides: both;

  /* BAU */
  --idp-tooltip-border-color: #bbbbbb;
  --idp-tooltip-header-content-color: #333;
  --idp-tooltip-body-content-color: #191919;
  /* Tab Border Color */
  --idp-tab-selected-tab-color: #4d83dc;
  /* Utilities Colors */
  --idp-disabled-border: #979797;
  --idp-fieldset-disabled: #f5f7fa;
  --idp-fieldset-disabled-border: #e6eaf2;
  --idp-disabled-color: #b4b7bd;
  --idp-label-color: #697180;
  --input-border-color: #6c718a;
  --input-focus-border-color: #868d9d;
  --idp-upload-border-color: #dddddd;
  --idp-light-border-color: #dddddd;
  --idp-gray-border-color: #e6e6e6;
  --idp-drdwn-border-bottom-color: var(--idp-secondary);

  /* webkit property */
  --fph--webkit-background-clip-text: text;
  --fph--webkit-text-fill-color-transparent: transparent;
  --flight-plus-hotel-panel-border: 1px solid #d8d7d7;

  /* Flight plus hotel colors*/
  --idp-flight-plus-hotel-red: #e1163c;
  --idp-flight-plus-hotel-black: #222;
  --idp-flight-plus-hotel-name: #61126b;
  --idp-flight-view-all-hotel_btn: #fff;
  --idp-flight-hotel-btn-background: #fff;
  --idp-flight-plus-hotel-border: #d8d7d7;
  --idp-flight-plus-car-background: #fafafa;
  --idp-flight-plus-car-red: #e1163c;
  --idp-flight-plus-car-black: #222;
  /* Grays */
  --white: #ffffff;
  --idp-input-color: #222;
  --idp-lightgray: #e7eaf1;
  --idp-gray: #828282;
  --idp-gray-100: #f5f7fa;
  --idp-gray-101: #d8d8d8;
  --idp-gray-102: #ded7ea;
  --idp-gray-150: #eaebf0;
  --idp-gray-200: #e8ecf2;
  --idp-gray-201: #e6eaf2;
  --idp-gray-202: #dbdbe0;
  --idp-gray-203: #cccccc;
  --idp-gray-204: #c8cbd9;
  --idp-gray-205: #f7f7fb;
  --idp-gray-215: #d7d7d7;
  --idp-gray-300: #979797;
  --idp-gray-301: #818a98;
  --idp-gray-302: #798292;
  --idp-gray-303: #4d535c;
  --idp-gray-500: #696f77;
  --idp-gray-501: #656a7b;
  --idp-gray-600: #7d8388;
  --idp-gray-601: #7c828a;
  --idp-gray-700: #697180;
  --idp-gray-800: #3a4351;
  --idp-gray-900: #3a4351;
  --idp-gray-901: #2e2e2e;
  --idp-gray-950: #251436;
  --idp-gray-comet-light: #616778;
  --light: var(--idp-gray-100);
  --gray-100: var(--idp-gray-100);
  --gray-200: var(--idp-gray-200);
  --gray-300: var(--idp-gray-300);
  --gray-500: var(--idp-gray-500);
  --gray-600: var(--idp-gray-600);
  --gray-700: var(--idp-gray-700);
  --gray-800: var(--idp-gray-800);
  --gray-900: var(--idp-gray-900);
  --black: #000000;
  --idp-light-gray: #777777;
  --idp-medium-gray: #666666;
  --idp-error-tooltip-text-color: var(--idp-secondary);
  --violet: #742f7e;
  /* Font Family */
  --font-family-base: 'Whitney-Book', Trebuchet MS, Arial;
  --font-family-light: 'Whitney-Light';
  --font-family-book: 'Whitney-Book';
  --font-family-book-italic: 'Whitney-BookItalic';
  --font-family-medium: 'Whitney-Medium';
  --font-family-for-banner-heading: 'Whitney-Medium';
  --font-family-bold: 'Whitney-Bold';
  --font-family-condensed-bold: 'WhitneyCondensed-Bold';
  --font-family-semibold: 'Whitney-Semibold';
  --font-family-upsell-terms-and-cond-semibold: 'Whitney-Semibold';
  --font-family-condensed-semibold: 'WhitneyCondensed-Semibold';
  --font-family-open-sans: 'Open Sans';
  --font-family-open-sans-serif: 'Open sans-serif';
  --font-family-sans-base: 'Whitney', Helvetica, Arial, sans-serif;
  --font-family-font-awesome-icon: 'Font Awesome 5 Free';
  --font-family-icon-font: 'icomoon-cko';
  --font-weight-normal: var(--font-family-book);
  --font-weight-bold: var(--font-family-bold);
  --font-weight-medium: var(--font-family-medium);
  --idp-error-tooltip-message-font-family: var(--font-family-medium);
  --idp-drdwn-font-family: var(--font-family-book);
  --idp-alert-warning-link-font-family: var(--font-family-semibold);
  --idp-drdwn-font-family-book: var(--font-family-base);

  --idp-drdwn-label-font-family: var(--font-family-semibold);

  --font-weight-normal: normal;
  --font-weight-bold-text: bold;

  --font-weight-200: 200;
  --font-weight-300: 300;
  --font-weight-350: 350;
  --font-weight-400: 400;
  --font-weight-500: 500;
  --font-weight-600: 600;
  --font-weight-700: 700;
  --idp-alert-warning-link-font-weight: var(--font-weight-normal);

  /* Font Style */

  --font-style-normal: normal;
  --font-style-italic: italic;

  /* Header Font Sizes */
  --h1-font-size: 2.625rem;
  --h2-font-size: 2rem;
  --h3-font-size: 1.75rem;
  --h4-font-size: 0.9375rem;
  --h5-font-size: 0.875rem;
  --h6-font-size: 0.8125rem;
  /* Base font sizes */
  --font-size-base: 1rem;
  --font-size-2px: 0.125rem;
  --font-size-7px: 0.4375rem;
  --font-size-4px: 0.25rem;
  --font-size-6px: 0.375rem;
  --font-size-8px: 0.5rem;
  --font-size-10px: 0.625rem;
  --font-size-11px: 0.6875rem;
  --font-size-12px: 0.75rem;
  --font-size-13px: 0.8125rem;
  --font-size-14px: 0.875rem;
  --font-size-15px: 0.9375rem;
  --font-size-16px: 1rem;
  --font-size-17px: 1.13rem;
  --font-size-18px: 1.125rem;
  --font-size-20px: 1.25rem;
  --font-size-21px: 1.3125rem;
  --font-size-22px: 1.375rem;
  --font-size-23px: 1.4375rem;
  --font-size-24px: 1.5rem;
  --font-size-26px: 1.625rem;
  --font-size-27px: 1.6875rem;
  --font-size-28px: 1.75rem;
  --font-size-30px: 1.875rem;
  --font-size-32px: 2rem;
  --font-size-34px: 2.125rem;
  --font-size-35px: 2.1875rem;
  --font-size-36px: 2.25rem;
  --font-size-37px: 2.3125rem;
  --font-size-38px: 2.375rem;
  --font-size-40px: 2.5rem;
  --font-size-42px: 2.625rem;
  --font-size-45px: 2.8125rem;
  --font-size-46px: 2.875rem;
  --font-size-48px: 3rem;
  --font-size-50px: 3.125rem;
  --font-size-52px: 3.25rem;
  --font-size-54px: 3.375rem;
  --font-size-56px: 3.5rem;
  --font-size-57px: 3.5625rem;
  --font-size-60px: 3.75rem;
  --font-size-64px: 4rem;
  --font-size-65px: 4.0625rem;
  --font-size-66px: 4.125rem;
  --font-size-70px: 4.375rem;
  --font-size-74px: 4.625rem;
  --font-size-80px: 5rem;
  --font-size-156px: 9.75rem;
  --font-size-250px: 15.625rem;
  --font-size-315px: 19.6875rem;
  --font-size-326px: 20.375rem;
  --font-size-356px: 22.25rem;
  --font-size-20px-minus: -1.25rem;
  --font-size-56px-minus: -3.5rem;
  --font-size-4px-minus: -0.25rem;
  /* percentage font sizes */
  --font-size-60-perc: 60%;
  --font-size-65-perc: 65%;
  /* Button font sizes */
  --btn-font-size-xs: var(--font-size-10px);
  --btn-font-size-sm: calc(var(--font-size-base) * 0.875);
  --btn-font-size-lg: calc(var(--font-size-base) * 1);
  --font-size-lg: var(--btn-font-size-lg);
  --btn-icon-font-size: calc(var(--font-size-base) * 1);
  --btn-icon-font-size-xs: calc(var(--font-size-base) * 0.75);
  --btn-icon-font-size-sm: calc(var(--font-size-base) * 0.9375);
  --btn-icon-font-size-lg: calc(var(--font-size-base) * 1.125);
  --close-font-size: calc(var(--font-size-base) * 1.125);
  /* Line heights */
  --line-height-base: 1.7;
  --outline: 0.0625rem auto -webkit-focus-ring-color;
  --hr-border-color: var(--gray-900);
  --mega-menu-divider: #282f43;
  --hr-border-color-dark-gray: #e8e8e8;
  --idp-input-error-border-color: var(--idp-primary-error);
  /* Custom letter spacing */
  --letter-spacing-0: 0;
  --letter-spacing-1px: 0.063rem;
  --letter-spacing-0-4px: 0.025rem;
  --letter-spacing-4px: 0.25rem;
  --letter-spacing-0-15px: 0.009375rem;
  --letter-spacing-1-21px: 0.075625rem;
  --letter-spacing-1-4px: 0.0875rem;
  --letter-spacing-1-41px: 0.088125rem;
  --letter-spacing-1-61px: 0.1rem;
  --letter-spacing-0-62px-minus: -0.03875rem;
  --letter-spacing-0-64px-minus: -0.04rem;
  --letter-spacing-1-12px-minus: -0.07rem;
  --letter-spacing-1-5px-minus: -0.094rem;
  --letter-spacing-1-65px-minus: -0.103rem;
  --letter-spacing-0-6px: 0.0375rem;
  --letter-spacing-tab: 8%;
  --letter-spacing-0-8: 0.05rem;
  --letter-spacing-footer-title: 1.06px;
  --letter-spacing-1-8px: 1.8px;
  /* button adjustments */
  --btn-letter-spacing: 1.54px;
  --btn-outline-line-height: 1rem;
  --btn-disabled-opacity: 0.65;
  --btn-print-line-height: 1.187rem;
  /* Button Width & Heights */
  --btn-width: calc(var(--font-size-base) * 3.125);
  --btn-width-xs: calc(var(--font-size-base) * 1.5);
  --btn-width-sm: calc(var(--font-size-base) * 2.6875);
  --btn-width-lg: 50px;
  --btn-height: var(--btn-width);
  --btn-height-xs: var(--btn-width-xs);
  --btn-height-sm: 30px;
  --btn-height-lg: 66px;
  --btn-height-outline: 50px;
  --input-btn-min-width: 21.875rem;
  --input-btn-min-width-sm: calc(var(--font-size-base) * 8.4375);
  --input-line-height: 1.5;
  --btn-tab-width: 12.1875rem;
  --btn-calender-width: 6.25rem;
  --btn-calender-height: 2.1875rem;
  --btn-width-comments-complaints-327: 20.4375rem;
  --btn-calculate-width-lg: 13.5625rem;
  --input-btn-width-lg: var(--width-32-perc);

  /* Site search variables */
  --idp-site-search-heading-font-family: var(--font-family-book);
  --idp-site-search-heading-color: var(--idp-secondary);
  --idp-site-search-submit-icon-color: var(--idp-blue);
  --idp-site-search-clear-icon-color: var(--idp-form-icon-color);
  --idp-site-search-result-count-color: var(--idp-secondary);
  --idp-site-search-feature-result-badge-background: var(
    --idp-search-badge-color
  );
  --idp-site-search-promotion-badge-background: var(--idp-search-badge-color);
  --idp-site-search-travel-requirement-badge-background: var(
    --idp-search-badge-color-blue
  );
  --idp-site-search-feature-badge-border-right: var(--padding-20);
  --idp-site-search-featured-result-color: var(--white);
  --idp-site-search-featured-result-padding-left: var(--unit-28-px);
  --idp-site-search-result-title-color: var(--idp-accent);
  --idp-site-search-result-description-color: var(--idp-body-text);
  --idp-site-search-input-font-family: var(--font-family-book);
  --idp-site-search-input-color: var(--idp-secondary);
  --idp-site-search-input-border-bottom-color: var(--input-border-color);
  --idp-site-search-result-background-color: var(--idp-body-color);
  --idp-site-search-result-count-line-height: var(--line-height-25);
  --idp-site-search-result-count-text-left: var(--margin-30);
  --idp-site-search-result-badge-font-family: var(--font-family-book);
  --idp-site-search-result-badge-line-height: var(--unit-20-px);
  --idp-site-search-clear-icon-right-border: var(
    --idp-flight-plus-hotel-border
  );
  --idp-site-search-title-font-family: var(--font-family-semibold);
  --idp-site-search-link-font-family: var(--font-family-medium);
  --idp-site-search-result-margin-bottom: var(--unit-8-px);
  --idp-site-search-result-content-padding-bottom: var(--unit-26-px);
  --idp-site-search-result-link-font-size: var(--font-size-15px);
  --idp-site-search-error-message-color: var(
    --idp-tooltip-header-content-color
  );
  --idp-site-search-help-link-color: var(--idp-accent);
  --idp-paginator-font-family: var(--font-family-semibold);
  --idp-paginator-color: var(--idp-blue);

  /* Text spacing */
  --text-spacing-1: 0.2px;
  --menu-letter-spacing: 0.0428571em;
  --menu-line-height: 35px;
  /*
    Content Space
    padding top and padding bottom size of a content
   */
  --space-1: 4.375rem;
  --space-2: 5rem;
  --space-3: 2.75rem;
  --space-4: 2.1875rem;
  --space-5: 9.6875rem;
  --space-demo: 5.6rem;
  --space-response: 0.2rem;
  --fph-no-wrap: nowrap;
  /* image */
  --idp-alert-img: url('/content/dam/delta-applications/ui-kit/assets/svg/alerts/alert-icon.svg');
  --idp-health-check-info-img: url('/content/dam/virgin-applications/ui-kit/assets/svg/alerts/info-icon.svg');
  --idp-alert-blue-img: url('/content/dam/delta-applications/ui-kit/assets/svg/alerts/alert-blue-invert.svg');
  --idp-arrow-blue-down-img: url('/content/dam/delta-applications/ui-kit/assets/svg/forms/arrow-blue-down.svg')
    no-repeat;
  --idp-arrow-red-down-img: url('/content/dam/delta-applications/ui-kit/assets/svg/forms/arrow-red-down.svg')
    no-repeat;
  --idp-error-arrow-icon: url('/content/dam/delta-applications/ui-kit/assets/svg/forms/error-arrow.svg');
  --idp-secure-flight-error-arrow-icon: url('/content/dam/delta-applications/ui-kit/assets/svg/forms/error-arrow.svg');
  --idp-success-img: url('/content/dam/delta-applications/ui-kit/assets/svg/alerts/success-icon.svg');
  --idp-super-graphic-img: url('/content/dam/delta-applications/ui-kit/assets/svg/delta-brand/supergraphic-flyout.svg');

  /* rating star images */
  --idp-rating-star-img-red: url('/content/dam/delta-applications/ui-kit/assets/svg/trip-deals/red-star.svg');
  --idp-rating-star-img-white: url('/content/dam/delta-applications/ui-kit/assets/svg/trip-deals/white-star.svg');
  /* line height */
  --line-height-0: 0;
  --line-height-3: 0.188rem;
  --line-height-13: 0.8125rem;
  --line-height-14: 0.875rem;
  --line-height-15: 0.938rem;
  --line-height-15-half: 0.975rem;
  --line-height-16: 1rem;
  --line-height-17: 1.0625rem;
  --line-height-18: 1.125rem;
  --line-height-19: 1.1875rem;
  --line-height-20: 1.31rem;
  --line-height-21: 1.313rem;
  --line-height-22: 1.375rem;
  --line-height-24: 1.5rem;
  --line-height-26: 1.625rem;
  --line-height-27: 1.6875rem;
  --line-height-27-2: 1.7rem;
  --line-height-28: 1.75rem;
  --line-height-30: 1.875rem;
  --line-height-37: 2.3125rem;
  --line-height-28: 1.75rem;
  --line-height-30: 1.875rem;
  --line-height-34: 2.125rem;
  --line-height-36: 2.25rem;
  --line-height-38: 2.375rem;
  --line-height-40: 2.5rem;
  --line-height-45: 2.8125rem;
  --line-height-46: 2.875rem;
  --line-height-48: 3rem;
  --line-height-50: 3.125rem;
  --line-height-54: 3.375rem;
  --line-height-62: 3.875rem;
  --line-height-96: 6.03rem;

  --line-height-16-px: 16px;
  --line-height-18-px: 18px;
  --line-height-19-px: 19px;
  --line-height-21-6-px: 21.6px;
  --line-height-22-px: 22px;
  --line-height-26-px: 26px;
  --line-height-29-px: 29px;
  --line-height-48-px: 48px;
  --line-height-normal: normal;

  --idp-error-tooltip-message-line-height: var(--line-height-18);
  /* padding */
  --padding-0: 0;
  --padding-1: 0.0625rem;
  --padding-2: 2px;
  --padding-3: 0.1875rem;
  --padding-4: 0.25rem;
  --padding-5: 0.3125rem;
  --padding-6: 0.375rem;
  --padding-7: 0.4375rem;
  --padding-8: 0.5rem;
  --padding-09: 0.09rem;
  --padding-095: 0.095rem;
  --padding-9: 9px;
  --padding-10: 0.625rem;
  --padding-11: 0.688rem;
  --padding-12: 0.75rem;
  --padding-13: 0.8125rem;
  --padding-14: 0.875rem;
  --padding-15: 0.9375rem;
  --padding-16: 1rem;
  --padding-17: 1.0625rem;
  --padding-18: 1.125rem;
  --padding-19: 1.1875rem;
  --padding-20: 1.25rem;
  --padding-21: 1.313rem;
  --padding-22: 1.375rem;
  --padding-23: 1.4375rem;
  --padding-24: 1.5rem;
  --padding-25: 1.5625rem;
  --padding-26: 1.5635rem;
  --padding-26-half: 1.656rem;
  --padding-27: 1.6875rem;
  --padding-28: 1.75rem;
  --padding-29: 1.8125rem;
  --padding-30: 1.875rem;
  --padding-31: 1.9375rem;
  --padding-32: 2rem;
  --padding-33: 2.0625rem;
  --padding-35: 2.1875rem;
  --padding-36: 2.25rem;
  --padding-38: 2.4375rem;
  --padding-40: 2.5rem;
  --padding-42: 2.625rem;
  --padding-45: 2.8125rem;
  --padding-47: 2.9375rem;
  --padding-48: 3rem;
  --padding-50: 3.125rem;
  --padding-51: 3.1875rem;
  --padding-60: 3.75rem;
  --padding-62: 3.875rem;
  --padding-75: 4.6875rem;
  --padding-80: 5rem;
  --padding-90: 5.625rem;
  --padding-97: 6.063rem;
  --padding-100: 6.25rem;
  --padding-107: 6.688rem;
  --padding-142: 8.875rem;
  --padding-160: 10rem;
  --padding-163: 10.188rem;
  /* break away padding sizes */
  --padding-100-percent: 100%;
  --padding-97-percent: 97%;
  --padding-91-percent: 91%;
  --padding-7-percent-minus: -7%;
  --idp-tooltip-margin: var(--padding-7-percent-minus);
  --idp-tooltip-margin-sm: -25%;
  --idp-tooltip-margin-xs: -35%;
  --idp-tooltip-IE-margin: none;
  --padding-half-percent: 0.5%;
  --padding-13-half-percent: 13.5%;
  --padding-5-minus: -0.3125rem;
  --padding-15-minus: -0.9375rem;
  --padding-15-minus: -0.9375rem;
  --padding-20-minus: -1.25rem;
  --padding-90-minus: -5.625rem;
  --padding-left-29px: 29px;
  --padding-left-16-half: 1.031rem;
  --padding-left-0px: 0;
  --padding-top: 0;
  --padding-top-30px: 30px;
  --padding-top-26px: 26px;
  /* Transitions */
  --transition-timing: 0.3s;
  --transition-timing-sm: 0.2s;
  --transition-timing-md: 0.4s;
  --transition-function: ease-in-out;
  --transition-base: all 0.2s ease-in-out;
  --transition-fade: opacity 0.15s linear;
  --transition-collapse: height 0.35s ease;
  --input-btn-transition-timing: var(--transition-timing-sm);
  --input-btn-transition-function: var(--transition-function);
  --input-transition: all var(--input-btn-transition-timing)
    var(--input-btn-transition-function);
  --btn-transition: all var(--input-btn-transition-timing)
    var(--input-btn-transition-function);
  --label-transition: all var(--transition-timing-sm) ease;
  /* Header */
  --headings-line-height: 2.375rem;
  --headings-margin-bottom: var(--padding-30);
  --header-height: 4.6875rem;
  --header-height-responsive: 2rem;
  --header-collapse-lineheight-responsive: 3.0625rem;
  --header-collapse-height: 0.5rem;
  /* Text Colors */
  --header-nav-link-color: var(--white);
  --header-nav-link-active-color: var(--white);
  --header-nav-link-hover-color: var(--white);
  --header-sub-menu-title: var(--dark);
  --header-user-name-color: var(--paragraph-color);
  --header-user-name-hover-color: var(--primary);
  /* Darken percentage for links with `.text-*` class (e.g. `.text-success`) */
  --emphasized-link-hover-darken-percentage: 15%;
  /* Other Colors */
  --header-divider: var(--hr-border-color);
  --header-divider-color-light: rgba(var(--white), 0.15);
  --header-sub-menu-divider: var(--mega-menu-divider);
  --header-sub-menu-divider-light-color: var(--header-divider-color-light);
  --header-navbar-brand-divider: var(--header-divider);
  --header-mega-menu-col-divider: var(--mega-menu-divider);
  --header-divider-color-dark-gray: var(--hr-border-color-dark-gray);
  --header-mega-menu-background: var(--dark);
  --headings-link-color: var(--dark);
  --headings-white-link-color: var(--white);
  --error-anchor-text-color: var(--idp-secondary);
  /*
    Sub Menu
    Font sizes for header Nav
   */
  --header-nav-link-size: var(--font-size-12px);
  --header-nav-link-weight: var(--font-family-semibold);
  --header-nav-weight: 600;
  --header-nav-link-icon-font-size: var(--font-size-20px);
  --header-sub-menu-title-font-size: var(--font-size-base);
  --header-sub-menu-title-font-weight: var(--font-weight-medium);
  --header-sub-menu-nav-link-font-size: calc(var(--font-size-base) * 0.875);
  /* Width & Heights */
  --header-navbar-brand-width: calc(var(--font-size-base) * 6.375);
  --header-navbar-brand-width-sm: calc(var(--font-size-base) * 3.125);
  --header-absolute-height: 90vh;
  --header-sticky-height: 90vh;
  --header-floating-height: 90vh;
  --full-height: 100vh;
  --header-search-width: 23.125rem;
  --calender-tab-container-width: 29.375rem;
  --voucher-card-desktop-width: 46.25rem;
  --confirmation-section-height: 51.6875rem;
  /* Padding Spaces */
  --header-navbar-icon-paddingY: 1.475rem;
  --header-navbar-icon-paddingX: 1.33rem;
  --header-navbar-nav-paddingY: 0;
  --header-navbar-nav-paddingY-responsive: 1.5625rem;
  --header-nav-link-paddingY: 1.475rem;
  --header-nav-link-paddingX: 0.5rem;
  --header-nav-link-responsive: 1.5625rem;
  --header-sub-menu-paddingY: 1rem;
  --header-sub-menu-nav-link-paddingY: 0.625rem;
  --header-sub-menu-nav-link-paddingX: 1.75rem;
  --header-nav-item-btn-paddingY: 1.125rem;
  --header-nav-item-btn-paddingX: 1rem;
  --header-floating-inner-paddingX: 1rem;
  --header-transparent-navbar-nav-padding: 1.5rem;
  --header-search-padding: 2.8125rem;
  /*
    Links
    Style anchor elements.
   */
  --link-color: var(--info);
  --link-decoration: none;
  --link-hover-color: hsl(var(--link-color), 15%);
  --link-cursor: pointer;
  /* Darken percentage for links with `.text-*` class (e.g. `.text-success`) */
  --white-color-70: rgba(var(--white), 0.7);
  --white-color-hover: var(--white);
  --link-hover-decoration: none;
  --idp-alert-anchor-decoration: var(--link-decoration);
  --idp-alert-warning-link-color: var(--idp-blue);

  /* Borders */
  --border-none: none;
  --border-0: 0;
  --border-1px: 0.063rem;
  --border-2px: 0.125rem;
  --border-4px: 0.25rem;
  --border-radius-none: 0;
  --border-radius: 0.25rem;
  --border-radius-sm: 0.0625rem;
  --border-radius-md: 0.5rem;
  --border-radius-pill: 6.1875rem;
  --border-radius-rounded: 50%;
  --border-radius-1: 0.125rem;
  --border-radius-6: 0.375rem;
  --border-radius-12: 0.75rem;
  --border-radius-29: 1.8125rem;
  --border-radius-5: 0.313rem;
  --border-gray-1px: 0.0625rem solid var(--idp-fieldset-disabled-border);
  --border-blue-1px: 0.0625rem solid var(--idp-secondary);
  --border-blue-2px: 0.125rem solid var(--idp-secondary);
  --border-error-4px: 0.25rem solid var(--bgcl-modal-hdr-alert-border-color);
  --border-gray1-1px: 0.0625rem solid var(--border-color-gray);
  --border-container-1px: 0.063rem solid rgba(0, 0, 0, 0.125);
  --border-top-failure: 0.125rem solid var(--idp-primary);
  /* Border Styles */
  --border-style-solid: solid;
  --border-style-dashed: dashed;
  --border-style-dotted: dotted;
  --border-style-double: double;
  --border-style-none: none;

  /* Border Colors */
  --border-color-dark-blue: #0b1453;
  --border-color-gray: #cfcfd0;
  --border-color-light-gray: var(--idp-gray-204);
  --border-color-transparent: transparent;

  /* Box Shadows */
  --box-shadow-sm: 0 0 2.1875rem rgba(var(--gray-600), 0.125);
  --box-shadow-md: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.25);
  --box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.2);
  --box-shadow-lg: 0 0.625rem 2.5rem 0.625rem rgba(var(--gray-600), 0.175);
  --box-shadow-bottom-0: 0 0 0.1875rem 0px rgba(0, 0, 0, 0.2);
  --box-shadow-dark: 0px 0px 0.75rem rgba(0, 0, 0, 0.08);
  --box-shadow-error-alert-warning: 0 0 var(--font-size-4px) rgba(0, 0, 0, 0.3);
  --box-shadow-error-alert-warning-after: -0.1875rem 0.1875rem 0.1875rem 0
    rgba(0, 0, 0, 0.1);
  --box-shadow-scroll: inset 0 0 0.375rem rgba(0, 0, 0, 0.3);
  --box-shadow-site-search-input: 0 0 0 2px var(--input-border-color);
  --box-shadow-site-search: 0 1px 5px 2px rgba(0, 0, 0, 0.2);
  /* Borders */
  --header-border-radius: var(--border-radius);
  --header-sub-menu-top-border-radius: var(--header-border-radius);
  --header-floating-border-radius: var(--header-border-radius);
  --dropdown-border-width: 0;
  --pagination-min-width: 2.25rem;
  --pagination-border-width: 0;
  --card-inner-border-radius: var(--border-radius);
  --btn-border-width: 0.1rem;
  --border-width-0: 0;
  --border-width-1: 0.0625rem;
  --border-width-2: 0.09375rem;
  --border-width-3: 0.1875rem;
  --border-width-4: 0.25rem;
  --border-width-5: 0.3125rem;
  --border-width-2px: 0.125rem;

  /* Box Shadow */
  --header-submenu-box-shadow: 0 0.5rem 1.25rem rgba(var(--gray-700), 0.1);
  --header-absolute-bottom-submenu-box-shadow: 0 -0.5rem 1.25rem rgba(var(--dark), 0.1);
  --header-search-box-shadow: 0 0 1.5625rem rgba(var(--dark), 0.1);
  --alert-banner-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);

  /* Background */
  --no-repeat: no-repeat;

  /* Transitions */
  --header-fix-effect-transition: var(--transition-timing) ease;
  --header-nav-link-icon-transition: var(--transition-timing);

  /* Hamburgers */
  --hamburger-layer-color: var(--white);
  --hamburger-layer-hover-color: var(--white);
  --hamburger-layer-white-color: rgba(var(--white), 0.8);
  --hamburger-layer-white-hover-color: var(--white);
  --hamburger-layer-width: 0.9375rem;
  --hamburger-layer-height: 0.1rem;
  --hamburger-padding: 0.125rem;
  --hamburger-layer-spacing: 0.125rem;
  --hamburger-transition-duration: var(--transition-timing);
  --hamburger-transition-timing-function: ease;
  /* Go To */
  --go-to-color: var(--white);
  --go-to-hover-color: var(--go-to-color);
  --go-to-bg: var(--primary);
  --go-to-width: calc(var(--font-size-base) * 2.5);
  --go-to-height: var(--go-to-width);
  --go-to-font-size: calc(var(--font-size-base) * 0.75);
  --go-to-z-index: 100;
  --go-to-opacity: 0.5;
  --go-to-opacity-on-hover: 1;
  --go-to-border-radius: var(--border-radius);
  --go-to-transition: var(--transition-timing) ease-out;
  /* Default Sidebar Elements */
  --sidebar-bg-color: var(--white);
  --sidebar-close-color: var(--gray-700);
  --sidebar-close-hover-color: var(--dark);
  --sidebar-width: 18.75rem;
  --sidebar-z-index: 102;
  --sidebar-right-box-shadow: -0.5rem 0 1.125rem rgba(var(--dark), 0.07);
  --sidebar-left-box-shadow: 0.5rem 0 1.125rem rgba(var(--dark), 0.07);
  /* Alert */
  --alert-font-size-xs: 0.75rem;
  --alert-close-font-size-xs: 1.0625rem;
  --alert-paddingY-xs: 0.625rem;
  --alert-close-paddingY-xs: 1.125rem;
  --alert-success-bg: var(--idp-body-color);
  --alert-success-border-color: var(--success);
  --alert-success-border-top: 0.25rem solid var(--alert-success-border-color);
  --alert-success-text: var(--secondary);
  --alert-success-icon: var(--idp-success-img) no-repeat transparent;
  --alert-success-font-color: var(--alert-success-text);
  --alert-success-font-size: var(--font-size-14px);
  --alert-success-line-height: var(--font-size-17px);
  --alert-success-font-family: var(--font-family-book);
  --alert-info-bg: var(--idp-body-color);
  --alert-info-border: var(--primary);
  --alert-info-text: var(--secondary);
  --alert-warning-bg: var(--idp-body-color);
  --alert-warning-border: var(--primary);
  --alert-warning-text: var(--secondary);
  --alert-warning-border-color: var(--idp-warn);
  --alert-warning-border-top: 0.25rem solid var(--alert-warning-border-color);
  --alert-warning-icon: var(--idp-alert-img) no-repeat transparent;
  --alert-warning-font-color: var(--alert-warning-text);
  --alert-warning-font-size: var(--font-size-14px);
  --alert-warning-line-height: var(--font-size-18px);
  --alert-warning-font-family: var(--font-family-semibold);
  --alert-danger-bg: var(--idp-body-color);
  --alert-danger-border: var(--primary);
  --alert-danger-text: var(--secondary);
  --alert-border-width: 0;
  --alert-link-color: var(--info);
  --alert-padding-y: 0;
  --alert-padding-x: 3rem;
  --alert-margin-bottom: 0.025rem;
  --alert-border-top: 4px;
  --alert-border-radius: var(--border-radius);
  --alert-link-font-weight: 600;
  --alert-background-color: var(--white);
  --alert-bg-level: -10;
  --alert-border-level: -9;
  --alert-color-level: 6;
  --alert-box-shadow: 0rem 0.2rem 1rem 0rem rgba(var(--black), 0.4);
  --idp-alert-dialog-content-font-family: var(--font-family-sans-base);
  --idp-alert-second-header-font-family: var(--font-family-sans-base);
  --idp-alert-second-header-font-size: var(--font-size-20px);
  --idp-alert-second-header-line-height: var(--font-size-24px);
  --idp-alert-second-header-text-color: var(--white);
  --idp-alert-container-desc-font-size: var(--font-size-base);
  --idp-alert-container-desc-line-height: var(--font-size-18px);
  --idp-alert-container-desc-caption-color: var(--idp-navyblue);
  --idp-alert-container-desc-para-color: var(--idp-navyblue);
  --idp-alert-dialog-content-link-font-size: var(--font-size-14px);
  --idp-alert-dialog-content-link-font-family: var(--font-family-sans-base);
  --idp-alert-dialog-content-link-line-height: var(--font-size-24px);
  --idp-alert-dialog-content-link-color: var(--idp-blue);
  --idp-alert-dialog-content-link-font-weight: var(--font-weight-600);
  --idp-alert-modal-header-title-font-size: var(--font-size-20px);
  --idp-alert-dialog-content-link-decoration: var(--link-decoration);
  --idp-alert-warning-message-text-font-size: var(--font-size-14px);
  /* Label */
  --label-font-size: var(--font-size-base);
  --label-font-size-sm: calc(var(--font-size-base) * 0.75);
  --label-padding: 0.625rem 1.125rem;
  --label-padding-sm: 0.5rem 1rem;
  /* Badge */
  --badge-font-size: var(--font-size-10px);
  --badge-font-weight: var(--font-weight-bold);
  --badge-border-radius: var(--border-radius-none);
  --badge-pill-padding-x: 0.6em;
  --badge-pill-border-radius: 10rem;
  --badge-line-height: 1.9;
  --badge-line-height-icon-sm: 1.5;
  --badge-z-index: 3;
  --badge-width: calc(var(--font-size-base) * 1.125);
  --badge-width-xs: 1.1875rem;
  --badge-width-sm: calc(var(--font-size-base) * 1.625);
  --badge-height: var(--badge-width);
  --badge-height-xs: var(--badge-width-xs);
  --badge-height-sm: var(--badge-width-sm);
  --badge-bigger-paddingX: 0.5rem 0.625rem;
  --badge-bigger-paddingX-sm: 0.3125rem 0.5rem;
  --badge-border-style: solid;
  /* Modal Window */
  --modal-window-bg: var(--white);
  --modal-window-max-height: 88vh;
  --modal-window-margin-offsetX: 1.25rem;
  /* z-index */
  --z-index-0: 0;
  --z-index-1: 1;
  --z-index-2: 2;
  --z-index-10: 10;
  --z-index-99: 99;
  --z-index-100: 100;
  --z-index-200: 200;
  --z-index-900: 900;
  --z-index-995: 995;
  --header-search-z-index: 102;
  --zindex-dropdown: 1000;
  --zindex-sticky: 1020;
  --zindex-fixed: 100;
  --zindex-modal-backdrop: 1040;
  --zindex-modal: 1050;
  --zindex-popover: 1060;
  --zindex-tooltip: 1070;
  --zindex-error-tooltip: 999;
  /* active theme component */
  --component-active-color: var(--white);
  --input-btn-focus-color: var(--white);
  /* Tooltips */
  --tooltip-font-size: var(--font-size-14px);
  --tooltip-max-width: 260px;
  --tooltip-color: var(--idp-secondary);
  --tooltip-bg: var(--white);
  --tooltip-border-radius: var(--border-radius-none);
  --tooltip-opacity: 1;
  --tooltip-padding-y: var(--padding-15);
  --tooltip-padding-x: var(--padding-10);
  --tooltip-margin: 0;
  --tooltip-arrow-width: 0.7rem;
  --tooltip-arrow-height: 1rem;
  --tooltip-arrow-color: var(--tooltip-bg);
  --tooltip-dropshadow: -2px 5px 10px 5px rgba(0, 0, 0, 0.15);
  /* BAU */
  --tooltip-border: var(--border-width-2px) solid
    var(--idp-tooltip-border-color);
  /* Table */
  --table-accent-bg: var(--gray-100);
  --table-border-color: var(--gray-300);
  /* List Group */
  --list-group-bg: var(--white);
  --list-group-border-color: none;
  --list-group-border-width: var(--border-none);
  --list-group-border-radius: var(--border-none);
  --list-group-action-hover-color: var(--white);
  --list-group-action-active-color: var(--list-group-action-hover-color);
  --list-group-item-color: var(--white);
  --list-group-transparent-item-color: var(--primary);
  --list-group-transparent-item-hover-color: var(--white-color-70);
  --list-group-transparent-hover-color: var(--white-color-hover);
  --list-group-flush-active-color: var(--white);
  --list-group-hover-bg: var(--secondary);
  --list-group-active-color: var(--white);
  --list-group-active-bg: var(--secondary);
  --list-group-active-border-color: var(--list-group-active-bg);
  --list-group-action-active-bg: var(--list-group-hover-bg);
  --list-group-transparent-item-bg-color: transparent;
  --list-group-flush-item-bg-color: transparent;
  --list-group-transparent-striped-item-bg-color: rgba(var(--white), 0.1);
  --list-group-striped-item-bg-color: var(--gray-100);
  --list-group-transparent-item-border-color: transparent;
  --list-group-flush-item-border-color: transparent;
  --list-group-item-font-size: var(--font-size-16px);
  --list-group-item-padding-y: 1rem 0rem 0.3em;
  /* Avatar */
  --avatar-width: calc(var(--font-size-base) * 2);
  --avatar-height: var(--avatar-width);
  --avatar-sm-width: calc(var(--font-size-base) * 2.75);
  --avatar-sm-height: var(--avatar-sm-width);
  --avatar-md-width: calc(var(--font-size-base) * 4);
  --avatar-md-height: var(--avatar-md-width);
  --avatar-lg-width: calc(var(--font-size-base) * 6);
  --avatar-lg-height: var(--avatar-lg-width);
  /* Progress */
  --progress-vertical-height: 12.5rem;
  --progress-checkmark-icon: url('/content/dam/delta-applications/ui-kit/assets/svg/forms/check-mark-white.svg')
    no-repeat;
  --progress-align: 0 2rem 0 auto;
  --progress-align-sm: 0 0.5rem;
  /* Unfold */
  --unfold-wrapper-color: var(--gray-600);
  --unfold-wrapper-light-color: var(--gray-600);
  --unfold-wrapper-hover-color: var(--secondary);
  --unfold-bg: var(--white);
  --dropdown-link-hover-bg: transparent;
  --dropdown-link-active-bg: transparent;
  --unfold-wrapper-font-size: calc(var(--font-size-base) * 0.625);
  --dropdown-font-size: calc(var(--font-size-base) * 0.875);
  --unfold-icon-pointer-font-size: calc(var(--font-size-base) * 0.625);
  --unfold-padding: 2.25rem 2.875rem;
  --unfold-item-padding-y: 0.375rem;
  --unfold-item-padding-x: 0.375rem;
  --dropdown-item-padding-y: var(--unfold-item-padding-y);
  --dropdown-item-padding-x: var(--unfold-item-padding-x);
  --unfold-box-shadow: 0 0.125rem 0.9375rem rgba(var(--gray-700), 0.1);
  --dropdown-box-shadow: var(--unfold-box-shadow);
  --card-border-box-shadow: var(--box-shadow);
  --idp-shadow-sm: 0 2px 4px rgba(140, 152, 164, 0.2);
  --card-box-shadow: var(--box-shadow);
  /* Card */
  --expansion-panel-padding: 24px;
  --card-spacer-y: var(--padding-20);
  --card-spacer-x: var(--padding-30);
  --card-border-color: rgba(var(--primary), 0.125);
  --card-border-hover-color: rgba(var(--secondary), 0.7);
  --card-border-width: 1px;
  --card-border-top-width: 0;
  --card-box-shadow-dark: var(--box-shadow-dark);
  --card-header-divider-gray: var(--border-color-light-gray);
  --card-header-divider-border-1px: 0.0625rem solid
    var(--card-header-divider-gray);
  --card-header-underline-border: 0.1875rem solid var(--idp-warn);
  /* Clients */
  --clients-height: 5rem;
  /* Divider */
  --divider-text-color: var(--gray-600);
  --divider-bg-color: var(--gray-200);
  --divider-font-size-xs: 0.75rem;
  --divider-width: 999px;
  --divider-height: 0.0625rem;
  /* Video Player */
  --video-player-icon-color: var(--dark);
  --video-player-bg: #000;
  --video-player-icon-pseuod-bg-color: var(--white);
  --video-player-icon-font-size: calc(var(--font-size-base) * 0.8125);
  --video-player-icon-width: calc(var(--font-size-base) * 6);
  --video-player-icon-height: var(--video-player-icon-width);
  --video-player-icon-responsive-sm-width: calc(var(--font-size-base) * 4);
  --video-player-icon-responsive-sm-height: var(
    --video-player-icon-responsive-sm-width
  );
  --video-player-icon-pseudo-border-radius: var(--border-radius-rounded);
  --video-player-icon-pseudo-transition: var(--transition-timing-md);
  --video-player-preview-transition: opacity var(--transition-timing)
    var(--transition-function);
  --video-player-btn-transition: transform var(--transition-timing)
    var(--transition-function);
  --input-arrows-inner-color: var(--secondary);
  --input-arrows-inner-hover-color: var(--primary);
  --item-hover-color: var(--dark);
  --item-active-color: var(--primary);
  --arrow-color: var(--white);
  --arrow-hover-color: var(--white);
  --item-bg-color: transparent;
  --item-active-bg-color: transparent;
  --arrow-bg-color: var(--secondary);
  --arrow-hover-bg-color: var(--primary);
  --item-active-border-color: transparent;
  --arrow-width: 2.75rem;
  --arrow-height: var(---arrow-width);
  --item-font-size: 0.875rem;
  --arrow-font-size: 1rem;
  --arrow-border-radius: var(--border-radius-rounded);
  --item-padding-x: 0.75rem;
  /* Forms */
  --input-border-rad: calc(0.25rem - 0.063rem);
  --input-padding-y: 0.4375rem;
  --input-padding-x: 0;
  --input-height: calc(1.75rem + 0.875rem);
  --input-color: var(--secondary);
  --input-bg: var(--white);
  --padding-bottom-label: 0.9375rem;
  --input-btn-padding-y: 0.75rem;
  --input-btn-padding-y-xs: 0.4375rem;
  --input-btn-padding-y-sm: 0.625rem;
  --input-btn-padding-y-lg: 1.125rem;
  --input-btn-padding-x: 1rem;
  --input-btn-padding-x-xs: 0.475rem;
  --input-btn-padding-x-sm: 1.125rem;
  --input-btn-padding-x-lg: 1.125rem;
  --input-placeholder-color: var(--secondary);
  --input-focus-color: var(--secondary);
  --custom-select-padding-y: var(--input-btn-padding-y);
  --custom-select-padding-x: var(--input-btn-padding-x);
  --custom-select-disabled-color: var(--idp-disabled-color);
  --custom-select-disabled-bg: var(--idp-disabled-color);
  --form-focus-addon-color: var(--dark);
  --form-focus-border-color: var(--idp-form-focus-color);
  --form-error-focus-box-shadow: 0 0 1.5625rem rgba(var(--danger), 1);
  --form-success-focus-box-shadow: 0 0 1.5625rem rgba(var(--success), 1);
  --input-error-color: var(--danger);
  --input-success-color: var(--success);
  --focus-box-shadow: 0 0 0.125rem rgba(var(--idp-form-focus-color), 1);
  --form-focus-box-shadow: 0 0 0.0625rem rgba(var(--idp-form-focus-color), 1);
  --form-pill-box-shadow: 0 0 1.5625rem rgba(var(--idp-form-focus-color), 1);
  --form-modern-focus-box-shadow: 0 0 0 rgba(var(--idp-form-focus-color), 0);
  --input-border-radius: var(--border-radius-none);
  --form-pill-border-radius: var(--border-radius-pill);
  --input-border-radius-lg: var(--border-radius-none);
  --input-border-radius-sm: var(--border-radius-none);
  --input-border-width: 0.0625rem;
  --input-border-focus-width: 0.09375rem;
  /* Icons */
  --icon-font-size: var(--font-size-base);
  --icon-font-size-xs: calc(var(--font-size-base) * 0.5625);
  --icon-font-size-sm: calc(var(--font-size-base) * 0.8125);
  --icon-font-size-md: calc(var(--font-size-base) * 1.75);
  --icon-font-size-lg: calc(var(--font-size-base) * 2.25);
  --icon-line-height: 0.7;
  --icon-width: calc(var(--font-size-base) * 2.75);
  --icon-width-xs: calc(var(--font-size-base) * 1.375);
  --icon-width-sm: calc(var(--font-size-base) * 2);
  --icon-width-md: calc(var(--font-size-base) * 4);
  --icon-width-lg: 50px;
  --icon-height: var(--icon-width);
  --icon-height-xs: var(--icon-width-xs);
  --icon-height-sm: var(--icon-width-sm);
  --icon-height-md: var(--icon-width-md);
  --icon-height-lg: var(--icon-width-lg);
  --icon-border-radius: var(--border-radius);
  --icon-transition: var(--transition-timing) var(--transition-function);
  --custom-control-indicator-size: 1.25rem;
  --custom-control-indicator-bg-size: 60% 60%;
  --custom-control-radio-indicator-border-radius: 50%;
  --custom-control-indicator-checked-bg: var(--white);
  --custom-control-indicator-active-bg: var(--component-active-bg);
  --custom-control-indicator-checked-color: var(--secondary);
  --custom-control-checkbox-indicator-border-radius: var(--border-radius-none);
  --custom-control-indicator-checked-border-color: var(--secondary);
  --custom-control-indicator-border-color: var(--secondary);
  --custom-control-indicator-disabled-bg: var(--idp-disabled-color);
  --custom-control-label-disabled-color: var(--idp-disabled-color);
  --custom-control-indicator-focus-border-color: var(--idp-disabled-color);
  --custom-control-indicator-checked-disabled-bg: var(--idp-disabled-border);
  /* dropdown width */
  --dropdown-width: 19.6875rem;
  /* overlay x -index */
  --overlay-z-index: 1030;
  --overlay-z-index-1031: 1031;
  --overlay-z-index-1032: 1032;
  /* organism-baggage-calculator-summary-component */
  --bgcl-summary-special-item-font-size: 0.9375rem;
  --bgcl-summary-special-item-sm-font-size: 0.9375rem;
  --bgcl-summary-info-text-font-size: 0.8125rem;
  --bgcl-summary-info-text-line-height: 1rem;
  --bgcl-summary-info-text-color: var(--idp-secondary);
  --bgcl-summary-info-text-font-family: var(--font-family-semibold);
  --bgcl-summary-info-text-a-color: var(--idp-blue);
  --bgcl-summary-special-item-font-family: var(--font-family-book);
  --bgcl-summary-special-item-sm-line-height: 1.125rem;
  --bgcl-summary-special-item-md-line-height: 1.125rem;
  --bgcl-summary-special-item-lg-line-height: 1.125rem;
  --bgcl-summary-special-item-color: var(--idp-secondary);
  --bgcl-summary-special-item-sm-color: var(--idp-secondary);
  --bgcl-summary-info-text-md-font-size: 0.8125rem;
  --bgcl-summary-info-text-lg-font-size: 0.8125rem;
  --bgcl-summary-info-text-md-line-height: 1rem;
  --bgcl-summary-info-text-lg-line-height: 1rem;
  --bgcl-summary-special-item-size-tablet: 0.9375rem;
  --bgcl-summary-special-item-line-height-tablet: 1.125rem;
  --bgcl-summary-estimate-btn-border: 0.125rem solid var(--idp-secondary);
  --bgcl-summary-estimate-btn-txt-color: var(--idp-secondary);
  --bgcl-summary-estimate-btn-border-radius: 0rem;
  --bgcl-summary-estimate-btn-font-weight: 600;
  --bgcl-summary-estimate-btn-sm-font-weight: normal;
  --bgcl-summary-estimate-line-height: 0.875rem;
  --bgcl-summary-estimate-btn-font-size: 0.75rem;
  --bgcl-summary-bag-info-sec-border: 0.0625rem solid var(--idp-gray-201);
  --bgcl-summary-bag-info-cond-txt-line-height: 0.812rem;
  --bgcl-summary-condition-text-color: var(--idp-secondary);
  --bgcl-summary-condition-text-md-line-height: 0.8125rem;
  --bgcl-summary-bag-info-sec-bg-color: var(--idp-gray-100);
  --bgcl-summary-baggage-info-section-border-radius: 0;
  --bagcal-summary-info-text-text-decoration: none;
  --bgcl-summary-cal-estimate-btn-width: 8.875rem;
  --bgcl-summary-cal-estimate-md-btn-width: 11.375rem;
  --bgcl-summary-cal-estimate-lg-btn-width: 11.375rem;
  /* organism-baggage-calculator-modal-component */
  --bgcl-modal-body-title-font-family: var(--font-family-semibold);
  --bgcl-modal-bgc-body-title-font-size: var(--font-size-18px);
  --bgcl-modal-bgc-body-title-color: var(--idp-navyblue);
  --bgcl-modal-bgc-body-title-md-font-size: 1.125rem;
  --bgcl-modal-bgc-body-title-md-line-height: 1.2;
  --bgcl-modal-bgc-body-title-line-height: 1.35rem;
  --bgcl-modal-bgc-body-dsc-font-size: var(--font-size-15px);
  --bgcl-modal-bgc-body-dsc-color: var(--idp-navyblue);
  --bgcl-modal-bgc-body-dsc-font-family: var(--font-family-book);
  --bgcl-modal-terms-title-font-family: var(--font-family-semibold);
  --bgcl-modal-terms-title-color: var(--idp-navyblue);
  --bgcl-modal-terms-body-font-size: var(--font-size-13px);
  --bgcl-modal-terms-body-color: var(--idp-navyblue);
  --bgcl-modal-terms-body-font-family: var(--font-family-book);
  --bgcl-modal-body-title-line-height: var(--font-size-22px);
  --bgcl-modal-terms-body-line-height: var(--font-size-18px);
  --bgcl-modal-terms-title-font-size: var(--font-size-12px);
  --bgcl-modal-terms-title-font-weight: normal;
  --bgcl-modal-terms-title-line-height: var(--font-size-14px);
  --bgcl-modal-terms-title-letter-spacing: 0.053rem;
  --bgcl-modal-content-bg-color: var(--idp-body-color);
  --bgcl-modal-content-nested-bg-color: var(--white);
  /* organism-idp-simple-modal */
  --modal-gray-close-icon: url('/content/dam/delta-applications/ui-kit/assets/svg/forms/gray-close-icon.svg');
  --checkmark-icon: url('/content/dam/delta-applications/ui-kit/assets/svg/forms/check-mark.svg');
  --disabled-checkmark-icon: url('/content/dam/delta-applications/ui-kit/assets/svg/service-animal-form/disabled-check-mark.svg');
  /* idp-modal-footer */
  --modal-footer-title-font-family: var(--font-family-semibold);
  --modal-footer-title-sm-font-size: var(--font-size-18px);
  --modal-footer-title-sm-line-height: var(--font-size-22px);
  --modal-footer-price-sm-line-height: var(--font-size-22px);
  --modal-footer-tiny-text-sm-font-size: var(--font-size-11px);
  --modal-footer-tiny-text-sm-line-height: var(--font-size-16px);
  --modal-footer-idp-dialog-footer-price-font-family: var(--font-family-medium);
  --modal-footer-idp-dialog-footer-price-color: var(--idp-navyblue);
  --modal-footer-title-color: var(--idp-navyblue);
  --modal-footer-idp-dialog-footer-title-md-font-size: 1.125rem;
  --modal-footer-idp-dialog-footer-title-md-line-height: var(--font-size-22px);
  --modal-footer-idp-dialog-footer-price-md-line-height: var(--font-size-34px);
  --modal-footer-idp-dialog-footer-tiny-text-md-line-height: 1rem;
  --modal-footer-idp-dialog-footer-tiny-text-color: var(--idp-secondary);
  --modal-footer-idp-dialog-footer--wrapper-fr-margin: 0;
  /* molecule-modal */
  --modal-body-max-height: 70vh;
  --modal-text-content-sm-font-size: var(--font-size-16px);
  --modal-text-content-color: var(--idp-secondary);
  /* atom-modal-header */
  --bgcl-modal-hdr-alert-bg-color: var(--white);
  --bgcl-modal-hdr-alert-border-color: #d0021b;
  --bgcl-modal-hdr-alert-text-color: var(--idp-navyblue);
  --bgcl-modal-hdr-border-bottom: none;
  --bgcl-modal-hdr-line-height: var(--font-size-24px);
  --bgcl-modal-hdr-title-font-family: var(--font-family-medium);
  --bgcl-modal-hdr-dark-bg-color: var(--idp-darth-vader);
  --bgcl-modal-hdr-light-bg-color: var(--white);
  --bgcl-modal-hdr-divider-margin: var(--padding-5) var(--padding-30) 0;
  --bgcl-modal-hdr-title-font-color: var(--white);
  --bgcl-modal-hdr-light-title-font-color: var(--idp-secondary);
  --bgcl-modal-hdr-title-font-size: var(--font-size-24px);
  /* atom-button */
  --bttn-idp-primary-background: var(--idp-primary);
  --bttn-idp-primary-hover-background: var(--idp-red-hover);
  --bttn-idp-btn-line-height: var(--line-height-base);
  --bttn-idp-btn-font-family: var(--font-family-semibold);
  --bttn-idp-btn-text-transform: uppercase;
  --bttn-idp-secondary-color: var(--idp-secondary);
  --bttn-idp-secondary-border-color: var(--idp-secondary);
  --bttn-idp-secondary-background: var(--white);
  --bttn-idp-secondary-text-color-hover: var(--white);
  --bttn-idp-secondary-background-hover: var(--idp-secondary);
  --bttn-idp-secondary-background-active: var(--idp-navyblue-active);
  --bttn-idp-ternary-background-active: var(--idp-gray-200);
  /* organism modal special item */
  --modal-spcl-item-title-sm-font-size: var(--font-size-28px);
  --modal-spcl-item-title-font-size: var(--font-size-28px);
  --modal-spcl-items-title-font-color: var(--idp-secondary);
  --modal-spcl-items-text-font-color: var(--idp-navyblue);
  --modal-spcl-items-title-line-height: var(--font-size-34px);
  --modal-spcl-items-title-md-line-height: var(--font-size-24px);
  /* atom button */
  --btn-border-radius: 0;
  --btn-font-size: var(--font-size-14px);
  /* molecule modal */
  --modal-dlg-cnt-font-family: var(--font-family-light);
  /* simple modal */
  --modal-simple-max-height: 18rem;
  --modal-simple-top: 20%;
  --modal-simple-border-color: #acb4cc;
  --modal-simple-height: var(--height-percent-95);
  --idp-simple-sm-auto-height-padding: var(--border-width-2);
  /* atom label with icon */
  --lbl-with-icn-text-title-line-height: 1.5rem;
  --lbl-with-icn-text-title-font-weight: 600;
  /* atom button */
  --btn-large-font: var(--font-family-semibold);
  --btn-extra-large-width: var(--font-size-326px);
  --btn-double-extra-large-width: var(--font-size-356px);
  --btn-large-width: var(--font-size-315px);
  --btn-large-md-width: var(--font-size-250px);
  --btn-large-height: var(--font-size-66px);
  --btn-large-right-arrow-icon: none;
  --btn-large-right-arrow-icon2: none;
  --btn-icon-hover-shadow: 0 0 0 0.125rem #acb4cc;
  --btn-icon-box-shadow: 0px 3px 4px rgba(184, 184, 184, 0.5);
  --btn-large-right-arrow-icon-padding-left: 0;

  /* molecule info call to action */
  --info-call-to-actn-bagwrap-est-title-font-size: var(--font-size-32px);
  --info-call-to-actn-bagwrap-est-title-line-height: var(--font-size-36px);
  --info-call-to-actn-bagwrap-est-title-sm-font-size: var(--font-size-38px);
  --info-call-to-actn-bagwrap-est-title-sm-line-height: var(--font-size-54px);
  --info-call-to-actn-bagwrap-est-title-md-font-size: var(--font-size-52px);
  --info-call-to-actn-bagwrap-est-title-md-line-height: var(--font-size-54px);
  --info-call-to-actn-bagwrap-est-title-after-bg: var(--idp-warn);
  --info-call-to-actn-bagwrap-est-desc-font-size: var(--font-size-20px);
  --info-call-to-actn-bagwrap-est-desc-line-height: var(--font-size-24px);
  --info-call-to-actn-bagwrap-est-desc-sm-font-size: var(--font-size-24px);
  --info-call-to-actn-bagwrap-est-desc-sm-line-height: var(--font-size-34px);
  --info-call-to-actn-bagwrap-est-desc-md-font-size: var(--font-size-24px);
  --info-call-to-actn-bagwrap-est-desc-md-line-height: var(--font-size-34px);
  --info-call-to-actn-bagwrap-est-subtitle-font-size: var(--font-size-20px);
  --info-call-to-actn-bagwrap-est-subtitle-line-height: 1.5625rem;
  --info-call-to-actn-bagwrap-est-subtitle-sm-font-size: var(--font-size-28px);
  --info-call-to-actn-bagwrap-est-subtitle-sm-line-height: var(
    --font-size-34px
  );
  --info-call-to-actn-bagwrap-bag-est-title-color: inherit;
  --info-call-to-actn-calc-bag-color: var(
    --info-call-to-actn-bagwrap-bag-est-title-color
  );
  --info-call-to-actn-bagwrap-bag-est-desc-color: var(--idp-navyblue);
  /* organism baggage calculator simple */
  --bgcl-smpl-bagwrap-info-ctnr-flt-info-font-size: var(--font-size-18px);
  --bgcl-smpl-bagwrap-info-ctnr-flt-info-line-height: var(--font-size-24px);
  --bgcl-smpl-bagwrap-info-ctnr-flt-info-sm-font-size: var(--font-size-18px);
  --bgcl-smpl-bagwrap-info-ctnr-flt-info-sm-line-height: var(--font-size-24px);
  --bgcl-smpl-bagwrap-info-ctnr-flt-info-font-family: var(
    --font-family-semibold
  );
  --bgcl-smpl-bagwrap-info-ctnr-rule-font-family: var(--font-family-medium);
  --bgcl-smpl-bagwrap-psngr-info-font-size: var(--font-size-18px);
  --bgcl-smpl-bagwrap-psngr-info-line-height: var(--font-size-24px);
  --bgcl-smpl-bagwrap-psngr-info-sm-font-size: var(--font-size-18px);
  --bgcl-smpl-bagwrap-psngr-info-sm-line-height: var(--font-size-24px);
  --bgcl-smpl-bagwrap-psngr-info-font-family: var(--font-family-semibold);
  --bgcl-smpl-bagwrap-rule-psngr-font-family: var(--font-family-medium);
  --bgcl-smpl-terms-title-color: var(--idp-navyblue);
  --bgcl-smpl-terms-body-font-size: var(--font-size-13px);
  --bgcl-smpl-terms-body-color: var(--idp-navyblue);
  --bgcl-smpl-bagwrap-wthout-trp-hdng-color: var(--idp-navyblue);
  --bgcl-smpl-bagwrap-bag-est-desc-color: var(--idp-navyblue);
  --bgcl-smpl-bagwrap-info-cntnr-rule-color: var(--idp-secondary);
  --bagcal-chck-allawonce-arrow-close-icon: url('/content/dam/delta-applications/ui-kit/assets/svg/sections/arrow.svg')
    center no-repeat transparent;
  --bagcal-chck-allawonce-arrow-open-icon: none;
  /* idp input */
  --input-font-color: var(--idp-secondary-light);
  --input-font-family: var(--font-family-book);
  --input-font-size: var(--font-size-18px);
  --input-line-height: var(--font-size-22px);
  --input-lbl-font-size: var(--font-size-18px);
  --input-lbl-line-height: var(--font-size-22px);
  --input-lbl-actv-line-height: var(--font-size-22px);
  --input-lbl-actv-font-family: var(--font-family-semibold);
  /* atom action label */
  --input-lbl-txt-actn-font-family: var(--font-family-semibold);
  --input-lbl-txt-actn-selected-font-family: var(--font-family-semibold);
  /* idp dropdown */
  --drpdwn-slctd-font-size: var(--font-size-18px);
  --drpdwn-line-height: var(--font-size-22px);
  --drpdwn-payment-bgclr: #e8eaed;
  --drpdwn-payment-shadow: rgba(68, 88, 112, 0.41);
  /* molecule calendar dropdown */
  --cldr-drpdwn-slctd-font-size: var(--font-size-18px);
  --cldr-drpdwn-line-height: var(--font-size-22px);
  --cldr-drpdwn-slctd-font-color: var(--idp-secondary-light);
  /* atom action label*/
  --actn-lbl-text-action-span-color: var(--idp-secondary);
  /* upsell modal */
  /* align */
  --terms-align: left;
  --messaging-align: left;
  --upsell-modal-height: var(--height-30px);
  --upsell-modal-line-height: 2.5rem;
  --upsell-modal-footer-link: var(--idp-accent);
  --upsell-modal-footer-font: var(--font-family-medium);
  --upsell-modal-footer-link-disabled: #667394;
  --upsell-modal-list-item: var(--white);
  --upsell-modal-list-title: var(--white);
  --upsell-modal-list-size: var(--font-size-15px);
  --upsell-modal-price-font: var(--font-family-semibold);
  --upsell-modal-price-item: var(--white);
  --upsell-modal-bgcolor-0: linear-gradient(
    137.45deg,
    #3a4869 0%,
    #5e75b1 98.53%
  );
  --upsell-modal-bgcolor-1: linear-gradient(
    318.31deg,
    #4e67d5 0%,
    #1b3c77 100%
  );
  --upsell-modal-bg-no-repeat: no-repeat;
  --upsell-modal-bg-size: auto;
  --upsell-modal-bg-border: transparent;
  --upsell-modal-message-bold: var(--font-family-semibold);
  --upsell-modal-header-thick: none;
  --upsell-modal-link-color: var(--idp-accent);
  --upsell-modal-responsive-padding: var(--padding-10);
  --upsell-white-space: nowrap;
  --upsell-first-bag-icon: url('/content/dam/delta-applications/ui-kit/assets/svg/upsell-modal/checked-bag-icon.svg#first-bag')
    no-repeat transparent left center;
  --upsell-carry-on-icon: url('/content/dam/delta-applications/ui-kit/assets/svg/upsell-modal/carry-icon.svg#carry-on')
    no-repeat transparent left center;
  --upsell-seats-icon: url('/content/dam/delta-applications/ui-kit/assets/svg/upsell-modal/seats-icon.svg#seats')
    no-repeat transparent left center;
  --upsell-checkbag-icon: url('/content/dam/delta-applications/ui-kit/assets/svg/upsell-modal/checked-bag-icon.svg')
    no-repeat transparent left center;
  --upsell-earlier-access-icon: url('/content/dam/delta-applications/ui-kit/assets/svg/upsell-modal/early-access-icon.svg#earlier-access')
    no-repeat transparent left center;
  --upsell-ticket-changes-icon: url('/content/dam/delta-applications/ui-kit/assets/svg/upsell-modal/ticket-icon.svg#ticket-changes')
    no-repeat transparent left center;
  --upsell-restrictions-icon: url('/content/dam/delta-applications/ui-kit/assets/svg/upsell-modal/restrictions-icon.svg#restrictions')
    no-repeat transparent left center;
  --upsell-point-up-icon: url('/content/dam/delta-applications/ui-kit/assets/svg/upsell-modal/point-up-icon.svg')
    no-repeat transparent;
  --upsell-icons-background-position: left;
  --upsell-icons-background-size: var(--background-size-auto);
  --carousel-caret-right: url('/content/dam/delta-applications/ui-kit/assets/svg/vouchers/blue-caret-right.svg')
    no-repeat transparent;
  --carousel-caret-left: url('/content/dam/delta-applications/ui-kit/assets/svg/vouchers/blue-caret-left.svg')
    no-repeat transparent;
  --carousel-nav-icon-next: url('/content/dam/delta-applications/ui-kit/assets/svg/advisory/next_arrow.svg')
    no-repeat;
  --carousel-nav-icon-prev: url('/content/dam/delta-applications/ui-kit/assets/svg/advisory/previous_arrow.svg')
    no-repeat;
  --exit-arrow-icon: url('/content/dam/delta-applications/ui-kit/assets/svg/shopping/nav-arrow.svg')
    no-repeat;
  /* checkboxes for Vigrin */
  --checkbox-primary: var(--idp-secondary);
  --checkbox-border-radius: 0;
  --checkbox-label: var(--font-family-medium);
  /* viewport resolutions */
  --viewport-sm: 768px;
  --viewport-xs: 320px;
  /* confirmation modal*/
  --confirmation-header: var(--font-family-light);
  /* margin*/
  --margin-top-minus-6: -5.6px;
  --margin-top-minus-12: -12px;
  --margin-top-minus-100: -6.25rem;
  --margin-auto: auto;
  --margin-0: 0;
  --margin-1: 0.063rem;
  --margin-2: 0.125rem;
  --margin-3: 0.188rem;
  --margin-4: 0.25rem;
  --margin-5: 0.3125rem;
  --margin-6: 0.375rem;
  --margin-7: 0.438rem;
  --margin-8: 0.5rem;
  --margin-10: 0.625rem;
  --margin-11: 0.688rem;
  --margin-12: 0.75rem;
  --margin-14: 0.875rem;
  --margin-15: 0.9375rem;
  --margin-16: 1rem;
  --margin-17: 1.063rem;
  --margin-18: 1.125rem;
  --margin-20: 1.25rem;
  --margin-22: 1.375rem;
  --margin-23: 1.4375rem;
  --margin-24: 1.5rem;
  --margin-25: 1.5625rem;
  --margin-26: 1.625rem;
  --margin-27: 1.6875rem;
  --margin-28: 1.75rem;
  --margin-top-115: 7.188rem;
  --margin-29: 1.8125rem;
  --margin-30: 1.875rem;
  --margin-32: 2rem;
  --margin-35: 2.1875rem;
  --margin-36: 2.25rem;
  --margin-39: 2.4375rem;
  --margin-40: 2.5rem;
  --margin-41: 2.563rem;
  --margin-42: 2.625rem;
  --margin-43: 2.6875rem;
  --margin-45: 2.8125rem;
  --margin-48: 3rem;
  --margin-50: 3.125rem;
  --margin-52: 3.25rem;
  --margin-56: 3.5rem;
  --margin-61: 3.8125rem;
  --margin-63: 3.9375rem;
  --margin-68: 4.25rem;
  --margin-75: 4.6875rem;
  --margin-100: 6.25rem;
  --margin-120: 7.5rem;
  --margin-142: 8.875rem;
  --margin-140: 8.75rem;
  --margin-175: 10.9375rem;
  --margin-210: 13.125rem;
  --margin-110: 6.875rem;
  --margin-150: 9.375rem;
  --margin-332: 20.75rem;
  --margin-364: 22.75rem;
  --margin-top-0: 0;
  --margin-top-1: 1rem;
  --margin-top-2: 0.125rem;
  --margin-top-3px-0px: 0.188rem 0rem;
  --margin-top-5: 0.31rem;
  --margin-top-8: 0.5rem;
  --margin-top-10: 0.625rem;
  --margin-top-12: 0.75rem;
  --margin-top-13: 0.8125rem;
  --margin-top-14: 0.875rem;
  --margin-top-15: 0.9375rem;
  --margin-top-18: 1.125rem;
  --margin-top-20: 1.25rem;
  --margin-top-22: 1.375rem;
  --margin-top-23: 1.438rem;
  --margin-top-25: 1.5625rem;
  --margin-top-28: 1.75rem;
  --margin-top-30: 1.875rem;
  --margin-top-32: 2rem;
  --margin-top-34: 2.125rem;
  --margin-top-40: 2.5rem;
  --margin-top-36: 2.25rem;
  --margin-top-40: 2.5rem;
  --margin-top-44: 2.75rem;
  --margin-top-92: 5.75rem;
  --margin-top-160: 10rem;
  --margin-bottom-0: 0;
  --margin-bottom-6: 0.375rem;
  --margin-bottom-10: 0.625rem;
  --margin-bottom-13: 0.8125;
  --margin-bottom-15: 0.9375rem;
  --margin-bottom-16: 1rem;
  --margin-bottom-19: 1.2rem;
  --margin-bottom-22: 1.375rem;
  --margin-bottom-24: 1.5rem;
  --margin-botton-26: 1.625rem;
  --margin-bottom-28: 1.75rem;
  --margin-bottom-30: 1.875rem;
  --margin-bottom-31: 1.9375rem;
  --margin-bottom-35: 2.1875rem;
  --margin-bottom-36: 2.25rem;
  --margin-bottom-41: 2.563rem;
  --margin-bottom-56: 3.5rem;
  --margin-bottom-75: 4.7rem;
  --margin-bottom-170: 10.625rem;
  --margin-bottom-minus-2: -0.125rem;
  --margin-minus-2-4: -0.15rem;
  --margin-minus-3: -0.1875rem;
  --margin-minus-3-2: -0.2rem;
  --margin-minus-5: -0.3125rem;
  --margin-minus-6: -0.375rem;
  --margin-minus-6-4: -0.4rem;
  --margin-minus-9: -0.563rem;
  --margin-minus-10: -0.625rem;
  --margin-minus-15: -0.9375rem;
  --margin-minus-20: -1.25rem;
  --margin-minus-24: -1.5rem;
  --margin-minus-30: -1.875rem;
  --margin-minus-40: -2.5rem;
  --margin-minus-50: -3.125rem;
  --margin-minus-55: -3.4375rem;
  --margin-minus-60: -3.75rem;
  --margin-bottom-minus-75: -4.7rem;
  --margin-bottom-70: 4.375rem;
  --margin-bottom-160: 10rem;
  --margin-left-0: 0;
  --margin-left-8: 0.5rem;
  --margin-left-10: 0.625rem;
  --margin-left-115: 7.18rem;
  --margin-left-128: 8rem;
  --margin-left-minus-2: -0.125rem;
  --margin-left-minus-5: -0.313rem;
  --margin-left-minus-3: -0.1875rem;
  --margin-right-0: 0;
  --margin-right-6: 0.6rem;
  --margin-right-30: 1.875rem;
  --margin-top-minus: -1.7rem;
  --margin-0-percent: 0%;
  --margin-2-percent: 2%;
  --margin-4-percent: 4%;
  --margin-5-percent: 5%;
  --margin-10-percent: 10%;
  --margin-18-percent: 18%;
  --margin-50-percent: 50%;
  --margin-70-percent: 70%;
  --margin-80-percent: 80%;
  --margin-minus-5-percent: 5%;
  /* container heights */
  --width-145: 9.063rem;
  --width-200: 12.5rem;
  --width-250: 15.625rem;
  --width-273: 17.0625rem;
  --width-277: 17.313rem;
  --width-300: 18.75rem;
  --width-330: 20.625rem;
  --width-345: 21.563rem;
  --width-362: 22.625rem;
  --width-386: 24.125rem;
  --width-388: 24.25rem;
  --width-708: 44.25rem;
  --width-1180: 73.75rem;
  --width-126: 7.875rem;
  --width-45: 2.8125rem;
  --width-5: 9.6875rem;
  /* widths */
  --width-0-perc: 0%;
  --width-10-perc: 10%;
  --width-15-perc: 15%;
  --width-20-perc: 20%;
  --width-27-perc: 27%;
  --width-29-perc: 29.4%;
  --width-25-perc: 25%;
  --width-30-perc: 30%;
  --width-30-point-9-perc: 30.9%;
  --width-32-perc: 32%;
  --width-45-perc: 45%;
  --width-50-perc: 50%;
  --width-59-perc: 59%;
  --width-60-perc: 60%;
  --width-67-perc: 66.6667%;
  --width-68-perc: 68%;
  --width-70-perc: 70%;
  --width-73-perc: 73%;
  --width-33-perc: 33.3333%;
  --width-75-perc: 75%;
  --width-80-perc: 80%;
  --width-85-perc: 85%;
  --width-100-perc: 100%;
  --width-143-perc: 143%;
  --width-25-perc: 25%;
  --width-90-perc: 90%;
  --width-94: 94%;
  --width-99-perc: 99%;
  --width-1159: 72.438rem;
  --width-740: 46.25rem;
  --width-755: 47.188rem;
  --width-729: 45.5625rem;
  --width-70: 70%;
  --width-63: 63%;
  --width-337: 21.0625rem;
  --width-334: 20.875rem;
  --width-315: 19.6875rem;
  --width-299: 18.6875rem;
  --width-301: 18.813rem;
  --width-26: 26.19rem;
  --width-24: 1.5rem;
  --width-23: 1.438rem;
  --width-19: 19.563rem;
  --width-20: 1.25rem;
  --width-8: 0.5rem;
  --width-193: 12.0625rem;
  --width-191: 11.9375rem;
  --width-186: 11.625rem;
  --width-175: 10.9375rem;
  --width-162: 10.125rem;
  --width-158: 9.875rem;
  --width-135: 8.4375rem;
  --width-134: 8.375rem;
  --width-12: 0.75rem;
  --width-92: 5.75rem;
  --width-101: 6.312rem;
  --width-104: 6.5rem;
  --width-100: 100%;
  --width-97-percent: 97%;
  --width-15: 0.9375rem;
  --width-17: 17px;
  --width-18: 1.125rem;
  --width-25: 25px;
  --width-28: 28px;
  --width-30: 30px;
  --width-35: 35px;
  --width-40: 40px;
  --width-55: 55px;
  --width-56: 56px;
  --width-70: 4.375rem;
  --width-84: 5.25rem;
  --width-210: 13.125rem;
  --width-215: 13.438rem;
  --width-216: 13.5rem;
  --width-229: 14.3125rem;
  --width-267: 16.688rem;
  --width-281: 17.5625rem;
  --width-320: 20rem;
  --width-345: 21.563rem;
  --width-350: 21.875rem;
  --width-356: 22.25rem;
  --width-380: 23.75rem;
  --width-1099: 68.688rem;
  --width-62: 3.875rem;
  --width-70-percent: 70%;
  --width-82-percent: 82%;
  --width: 1110px;
  --width-82: 5.125rem;
  --width-auto: auto;
  --width-max-content: max-content;
  --width-min-content: min-content;
  --column-count-2: 2;
  --banner-image-max-width-5-percent: 5%;
  /* heights */
  --height-0: 0;
  --height-6: 0.375rem;
  --height-8: 0.5rem;
  --height-9-point-33: 0.583rem;
  --height-12: 0.75rem;
  --height-13: 0.8125rem;
  --height-15: 0.9375rem;
  --height-16: 1rem;
  --height-17: 17px;
  --height-18: 1.125rem;
  --height-20: 1.25rem;
  --height-24: 1.5rem;
  --height-25: 25px;
  --height-28: 28px;
  --height-30: 30px;
  --height-35: 35px;
  --height-38: 2.375rem;
  --height-39: 2.438rem;
  --height-40: 40px;
  --height-45: 2.8125rem;
  --height-50: 3.125rem;
  --height-56: 3.5rem;
  --height-60: 3.75rem;
  --height-64: 4rem;
  --height-65: 4.063rem;
  --height-66: 4.125rem;
  --height-70: 4.375rem;
  --height-81: 5.063rem;
  --height-84: 5.25rem;
  --height-85: 5.3125rem;
  --height-96: 6rem;
  --height-100: 6.25rem;
  --height-103: 6.4375rem;
  --height-112: 7rem;
  --height-118: 7.375rem;
  --height-121: 7.5625rem;
  --height-122: 7.625rem;
  --height-126: 7.875rem;
  --height-140: 8.75rem;
  --height-180: 11.25rem;
  --height-189: 11.8125rem;
  --height-211: 13.1875rem;
  --height-220: 13.75rem;
  --height-260: 16.25rem;
  --height-305: 19.063rem;
  --height-485: 30.313rem;
  --height-1892: 118.25rem;
  --height-2850: 178.125rem;
  --height-auto: auto;
  /* heights % values*/
  --height-percent-90: 90%;
  --height-percent-95: 95%;
  --height-percent-99: 95%;
  --height-percent-100: 100%;
  --banner-image-max-height-118: 118px;
  --banner-image-max-height-160: 160px;
  --banner-image-max-height-164: 164px;
  --banner-image-max-height-168: 168px;
  --banner-image-min-height-70: 70px;
  --banner-image-min-height-118: 118px;
  --banner-image-min-height-160: 160px;
  --banner-image-min-height-168: 168px;

  /* Flight plus hotel max-heights*/
  --max-height-120px: 7.5rem;
  --max-height-187-2px: 11.7rem;
  --max-height-40px: 2.5rem;
  --max-height-42px: 2.625rem;

  /* Flight plus hotel min-heights*/
  --min-height-40px: 2.5rem;
  --min-height-42px: 2.625rem;

  /* Flight plus hotel bottom values*/
  --fph-bottom-0px: 0px;
  --fph-bottom-35px: 35px;

  /* Flight plus hotel top values*/
  --fph-minus-top-12px: -12px;
  --fph-minus-top-16px: -16px;
  --flight-plus-hotel-loader-top: 20%;

  /* Flight plus hotel left values*/
  --fph-left-6px: 6px;

  /* Flight plus hotel right values*/
  --fph-right-15px: 15px;

  /* Flight plus hotel heights*/
  --fph-height-auto: auto;
  --fph-height-percentage-96: 96%;
  --fph-height-percentage-100: 100%;
  --fph-height-50px: 50px;
  --fph-height-60px: 60px;
  --fph-height-95px: 95px;
  --fph-height-432px: 432px;
  --fph-height-unset: unset;

  /* Flight plus hotel padding top values*/
  --fph-padding-top-8px: 8px;
  --fph-padding-top-16px: 16px;
  --fph-padding-top-40px: 40px;

  /* Flight plus hotel padding left values*/
  --fph-padding-left-0px: 0px;
  --fph-padding-left-17px: 17px;
  --fph-padding-left-20px: 20px;
  --fph-padding-left-35px: 35px;
  --fph-padding-left-43px: 43px;

  /* Flight plus hotel padding right values*/
  --fph-padding-right-0px: 0px;
  --fph-padding-right-4px: 4px;

  /* Flight plus hotel padding bottom values*/
  --fph-padding-bottom-0px: 0px;

  /* Flight plus hotel padding values*/
  --fph-padding-10px: 10px;
  --fph-padding-15px: 15px;

  /* flight plus car values */
  --flight-plus-car-button-width-198: 12.375rem;
  --flight-plus-car-border-bottom: 1px solid var(--idp-lightgray);
  --flight-plus-car-scheduledetails-font-size-15-04: 0.94rem;
  --flight-plus-car-scheduledetails-line-height-18-08: 1.13rem;
  --idp-flight-plus-car-white-arrow-icon: url('/content/dam/virgin-applications/images/idpBooking/white-arrow.svg');

  /* Common Units */
  /* px */
  --unit-0-px: 0px;
  --unit-1-px: 1px;
  --unit-2-px: 2px;
  --unit-3-px: 3px;
  --unit-4-px: 4px;
  --unit-5-px: 5px;
  --unit-6-px: 6px;
  --unit-7-px: 7px;
  --unit-8-px: 8px;
  --unit-9-px: 9px;
  --unit-10-px: 10px;
  --unit-12-px: 12px;
  --unit-13-px: 13px;
  --unit-14-px: 14px;
  --unit-15-px: 15px;
  --unit-15-6-px: 15.6px;
  --unit-16-px: 16px;
  --unit-18-px: 18px;
  --unit-20-px: 20px;
  --unit-21-px: 21px;
  --unit-22-px: 22px;
  --unit-28-px: 28px;
  --unit-23-px: 23px;
  --unit-26-px: 26px;
  --unit-34-px: 34px;
  --unit-30-px: 30px;
  --unit-35-px: 35px;
  --unit-36-px: 36px;
  --unit-46-px: 46px;
  --unit-64-px: 64px;
  --unit-65-px: 65px;
  --unit-68-px: 4.25rem;
  --unit-85-px: 85px;
  --unit-129-px: 129px;
  --unit-100-px: 100px;
  --unit-107-px: 107px;
  --unit-110-px: 110px;
  --unit-125-px: 125px;
  --unit-150-px: 150px;
  --unit-200-px: 200px;
  /* rem */
  --unit-4-rem: 0.25rem;
  --unit-6-rem: 0.375rem;
  --unit-8-rem: 0.5rem;
  --unit-10-rem: 0.625rem;
  --unit-11-rem: 0.688rem;
  --unit-15-rem: 0.938rem;
  --unit-18-rem: 1.125rem;
  --unit-10-px: 0.625rem;
  --unit-39-px: 2.4375rem;
  --unit-1000-px: 62.5rem;
  /* percent */
  --unit-min-50-percent: -50%;
  --unit-4-percent: 4%;
  --unit-8-percent: 8%;
  --unit-7-percent: 7%;
  --unit-14-percent: 14%;
  --unit-18-percent: 18%;
  --unit-20-percent: 20%;
  --unit-25-percent: 25%;
  --unit-30-percent: 30%;
  --unit-35-percent: 35%;
  --unit-40-percent: 40%;
  --unit-45-percent: 45%;
  --unit-50-percent: 50%;
  --unit-92-percent: 92%;
  --unit-95-percent: 95%;
  --unit-100-percent: 100%;
  --unit-150-percent: 150%;
  --unit-200-percent: 200%;
  /* vh */
  --unit-100-vh: 100vh;
  --unit-80-vh: 80vh;
  --unit-77-vh: 77vh;
  --unit-41-vh: 41vh;
  /* widths */
  --width-30-pixel: 30px;
  --max-width-1059: 66.18rem;
  --max-width-186: 11.62rem;
  /* flex */
  --flex-0: 0;
  --flex-1: 1;
  --flex-2: 2;
  --flex-3: 3;
  --flex-10: 10;
  --flex-18: 18;
  --flex-1-1-auto: 1 1 auto;
  --flex-1-0-50perc: 1 0 50%;
  --flex-0-1-100perc: 0 1 100%;
  --flex-secure-flight-form-redress: 0.7;
  --flex-secure-flight-form-canadianTravelNumber: 0.9;
  --flex-secure-flight-form-column-section: 1;
  /* top */
  --top-5px-minus: -0.3125rem;
  --top-8px-minus: -0.5rem;
  --top-10px-minus: -0.625rem;
  --top-12px-minus: -0.75rem;
  --top-14px-minus: -0.875rem;
  --top-20px-minus: -1.25rem;
  --top-22px-minus: -1.375rem;
  --top-30px-minus: -1.875rem;
  --idp-alert-tooltip-after-top: var(--padding-97-percent);
  /*-5px */
  --top-0: 0rem;
  --top-5: 0.313rem;
  --top-7: 0.438rem;
  --top-9: 0.563rem;
  --top-10: 0.625rem;
  --top-13: 0.8125rem;
  --top-21: 1.313rem;
  --top-56: 3.5rem;
  --top-100: 6.25rem;
  --top-387: 24.188;
  --top-407: 25.437rem;
  --top-861: 53.813rem;

  /* top %*/
  --top-100-perc-minus: -100%;
  --top-0-perc: 0%;

  /* left */
  --left-0: 0;
  --left-5: 0.313rem;
  --left-30: 1.875rem;
  --left-4: 0.25rem;

  /* left % */
  --left-5-perc: 5%;

  /* bottom */
  --bottom-35: 2.1875rem;

  /* background */
  --background-position-95-percent: 95%;
  --background-position-90-percent: 90%;
  --background-position-0: 0;
  --background-position-center: center;
  --background-size-75px: 4.688rem;
  --background-size-auto: auto;
  --background-size-contain: contain;
  --idp-error-tooltip-bg-color: var(--alert-background-color);
  --idp-input-focus-bg-color: var(--idp-access-bg-color);
  --idp-alert-second-header-bg-color: var(--idp-skyblue);
  /* opacity */
  --opacity-half: 0.5;
  --opacity-zero: 0;
  /* BAU */
  --font-family-base-bau: 'Open Sans', 'Trebuchet MS', 'Verdana', 'Tahoma',
    'Sans-Serif';
  /* IDP FLIGHT LOOKUP FORM */
  --idp-flight-lookup-form-margin-top: var(--margin-50);
  --idp-flight-lookup-form-sm-margin-top: var(--margin-50);

  /* IDP-CONTACT-FORM-TRACING-ERROR-SCENARIOS */
  --ctc-form-global-error-bg: var(--idp-body-color);
  --ctc-form-global-error-text-line-height: var(--line-height-16);
  --ctc-form-global-error-text-color: var(--idp-secondary);
  --ctc-form-global-error-text-link-font: var(--font-family-semibold);
  --ctc-form-global-error-text-link-color: var(--idp-accent);
  --ctc-form-global-error-text-link-decoration: var(--link-decoration);
  --ctc-form-global-bff-error-padding: var(--padding-8) var(--padding-30);
  --ctc-form-global-error-padding: var(--padding-8) var(--padding-30);
  /* IDP-CONTACT-FORM-TRACING-BFF-ERROR-SCENARIOS */
  --ctc-form-bff-error-border-top-color: var(--border-error-4px);
  --ctc-form-bff-error-border-left-color: var(--border-blue-1px);
  --ctc-form-bff-error-border-right-color: var(--border-blue-1px);
  --ctc-form-bff-error-border-bottom-color: none;
  --ctc-form-bff-error-bg-color: var(--ctc-form-global-error-bg);
  --ctc-form-container-error-border-color: var(--border-blue-1px);
  /* idp-notification */
  --font-fill-solid: solid;
  --notification-separator: 1px var(--badge-border-style) #d5d5d5;
  --idp-custom-scroll: #dee2e6;
  --idp-custom-scroll-width: 0.3125rem;
  /* right */
  --right-0: 0;
  --right--29px: 1.8125rem;
  --right-5px-minus: -0.313rem;
  /* Added for idp-shopping */
  /* idp-alert advisory message */
  --border-box: border-box;
  --min-height-60px: 3.75rem;
  --alert-padding-y-shopping-advisory: 1.25rem;
  --alert-padding-x-shopping-advisory: 1.25rem;
  --info-shopping-advisory: var(--idp-navyblue);
  --idp-shadow-shopping-advisory: 0px 2px 4px rgba(0, 0, 0, 0.2);

  --info-icon-bg-shopping-advisory: url('/content/dam/delta-applications/ui-kit/assets/svg/alerts/alert-icon-shopping-advisory.svg')
    no-repeat transparent;
  /* outline */
  --outline-zero: 0;
  --outline-1: 0.063rem;
  /* outline offset */
  --outline-offset-6: 0.375rem;
  /* Idp Banner Variables */
  --banner-border-color: #dce0e8;
  --banner-background-color: #dce0e8;
  --banner-line-height-default: 1.625rem;
  --banner-line-height-17: 1.0625rem;
  --banner-line-height-15: 0.9375rem;
  /* IDP Attestation */
  --idp-attestaion-alert-section-bg-color: var(--ctc-form-global-error-bg);
  --idp-attestation-bg-color: var(--idp-transparent);
  --idp-attestation-header-h1-font-family: var(
    --ctc-header-text-lg-font-family
  );
  --idp-attestation-header-h1-font-size: var(--ctc-header-text-lg-font-size);
  --idp-attestation-header-h1-line-height: var(
    --ctc-header-text-lg-line-height
  );
  --idp-attestation-introdesc-font-family: var(--font-family-light);
  --idp-attestation-introdesc-font-size: var(--font-size-18px);
  --idp-attestation-introdesc-anchor-decoration: none;
  --idp-attestation-form-header-title-line-height: var(--line-height-18);
  --idp-attestation-form-required-msg-line-height: var(--line-height-16);
  --idp-attestation-form-required-msg-sm-line-height: var(--line-height-16);
  --idp-attestation-introdesc-margin-top: var(--margin-39);
  --idp-attestation-body-header-h1-sm-font-size: var(--font-size-32px);
  --idp-attestation-body-header-h1-sm-line-height: var(--line-height-38);
  --idp-attestation-body-introdescription-sm-font-size: var(--font-size-16px);
  --idp-attestation-body-introdescription-sm-line-height: none;
  --idp-attestation-body-introdescription-icon: var(--idp-success-img);
  --idp-attestation-body-introdescription-icon-margin: var(--margin-8);
  --idp-attestation-body-introdescription-icon-padding: var(--padding-8);
  --idp-attestation-form-header-sm-font-size: none;
  --idp-attestation-form-header-sm-line-height: none;
  --idp-attestation-info-header-innerbody-sm-line-height: none;
  /* IDP Contact Info Tracing */
  --ctc-body-bg-color: var(--idp-transparent);
  --ctc-body-padding-top: 0;
  --ctc-header-text-lg-font-size: var(--font-size-52px);
  --ctc-header-text-lg-font-family: var(--font-family-book);
  --ctc-header-text-lg-font-weight: var(--font-weight-normal);
  --ctc-header-text-lg-line-height: var(--line-height-62);
  --ctc-header-text-font-color: var(--idp-secondary);
  --ctc-header-text-underline: var(--display-block);
  --ctc-body-text-title-font-family: var(--font-family-bold);
  --ctc-body-text-title-font-size: var(--font-size-15px);
  --ctc-body-text-title-font-weight: var(--font-weight-500);
  --ctc-innerbody-text-font-size: var(--font-size-15px);
  --ctc-innerbody-text-font-color: var(--idp-secondary);
  --ctc-innerbody-text-line-height: var(--line-height-22);
  --ctc-innerbody-required-text-font-family: var(--font-family-medium);
  --ctc-innerbody-required-text-color: var(--idp-secondary);
  --ctc-footer-header-lg-font-size: var(--font-size-28px);
  --ctc-footer-header-sm-font-size: var(--font-size-20px);
  --ctc-footer-header-sm-line-height: var(--line-height-24);
  --ctc-footer-header-sm-font-weight: var(--font-weight-300);
  --ctc-footer-sub-header-lg-font-family: var(--font-family-bold);
  --ctc-footer-sub-header-text-transform: var(--text-transform-uppercase);
  --ctc-footer-sub-header-sm-font-weight: var(--font-weight-500);
  --ctc-body-text-font-color: var(--idp-secondary);
  --ctc-footer-header-text-font-color: var(--idp-secondary);
  --ctc-footer-header-text-sm-font-weight: var(--font-weight-400);
  --ctc-footer-header-text-sm-line-height: var(--line-height-19);
  --ctc-input-placeholder-color: var(--idp-secondary);
  --ctc-input-text-color: var(--idp-secondary);
  --ctc-body-text-width: var(--width);
  --ctc-line-height: var(--line-height-24);
  --ctc-autocomplete-active-bg: var(--idp-panel-dropdown-bg-hover);
  --ctc-autocomplete-active-text-color: var(--white);
  --ctc-autocomplete-active-text-size: var(--font-size-18px);
  --ctc-autocomplete-active-text-family: var(--font-family-book);
  --ctc-autocomplete-text-color: var(--idp-secondary);
  --ctc-autocomplete-text-size: var(--font-size-18px);
  --ctc-autocomplete-text-family: var(--font-family-book);
  --ctc-footer-line-height: var(--line-height-18);
  --ctc-footer-border-top: var(--ci-footer-border-top);
  --ctc-margin-top: var(--margin-top-0);
  /* IDP Contact Info Tracing Confirmation page */
  --ctc-body-text-font-family: var(--font-family-book);
  --ctc-info-text-font-family: var(--font-family-bold);
  --ctc-body-text: var(--idp-body-text);
  --ctc--body-text-transform: var(--text-transform-uppercase);
  --ctc-passenger-font-size: var(--font-size-40px);
  --ctc-passenger-line-height: var(--font-size-48px);
  --ctc-passenger-color-primary: var(--idp-secondary);
  --ctc-address-body-text-light: var(--font-family-base);
  --ctc-section-title-step2-sm-line-height: var(--font-size-18px);
  --ctc-section-title-step2-sm-font-size: var(--font-size-15px);
  --ctc-section-passenger-name-sm-font-size: var(--font-size-32px);
  --ctc-info-span-step2-sm-font-size: var(--font-size-20px);
  --ctc-info-span-step2-sm-line-height: var(--font-size-28px);
  /* IDP CDC Contact Information page */
  --ctc-idp-form-alert-color: var(--idp-secondary);
  --ctc-flight-data-label-color: var(--idp-label-color);
  --ctc-flight-data-value-color: var(--idp-flight-data-color);
  --ctc-idp-contact-info-not-provide-color: var(--idp-label-color);
  --idp-checkbox-font-size: var(--font-size-13px);
  --idp-input-border-width-4: none;
  --idp-input-focus-border-color: none;
  --idp-ctc-section-border-color: none;
  --idp-ctc-box-shadow: var(--box-shadow);
  --idp-ctc-no--wrap: none;
  --idp-dropdown-list-line-height: 1.375rem;
  --idp-dropdown-list-font-size: var(--font-size-18px);

  /* Health pass */
  --idp-healthcheck-passport-body-right-section-transform: none;
  --idp-healthcheck-header-visibility: var(--visibility-visible);
  --idp-healthcheck-body-background-color: var(--white);
  --idp-healthcheck-body-color: var(--idp-secondary-dark);
  --idp-healthcheck-body-border: none;
  --idp-healthcheck-body-margin-bottom: var(--margin-bottom-0);
  --idp-healthcheck-subheader-font-family: var(--font-family-open-sans);
  --idp-healthcheck-subheader-font-size: var(--font-size-base);
  --idp-healthcheck-subheader-font-weight: var(--font-weight-700);
  --idp-healthcheck-subheader-line-height: var(--line-height-22);
  --idp-healthcheck-subheader-letter-spacing: var(--letter-spacing-0);
  --idp-healthcheck-content-font-family: var(--font-family-open-sans);
  --idp-healthcheck-content-font-size: var(--font-size-14px);
  --idp-healthcheck-content-font-weight: var(--font-weight-400);
  --idp-healthcheck-content-line-height: var(--line-height-18);
  --idp-healthcheck-content-letter-spacing: var(--letter-spacing-0);
  --idp-healthcheck-btn-background-color: var(--idp-legacy-blue);
  --idp-healthcheck-btn-max-width: var(--max-width-186);
  --idp-healthcheck-body-right-section-margin-top: var(--margin-top-40);
  --idp-healthcheck-btn-font-family: var(--font-family-open-sans);
  --idp-healthcheck-btn-font-size: var(--font-size-12px);
  --idp-healthcheck-btn-font-weight: var(--font-weight-700);
  --idp-healthcheck-btn-line-height: var(--line-height-26);
  --idp-healthcheck-btn-letter-spacing: var(--letter-spacing-0);
  --idp-healthcheck-btn-padding: var(--padding-0) var(--padding-10);
  --idp-healthcheck-btn-text-transform: var(--text-transform-uppercase);
  --idp-healthcheck-btn-body-height: var(--height-auto);
  --idp-healthcheck-mb-body-min-height: var(--height-112);
  --idp-healthcheck-mb-body-max-width: var(--width-75-perc);
  --idp-healthcheck-text-divider: var(--idp-tab-border-bottom);
  --idp-healthcheck-success-border: var(--border-none);
  --idp-healthcheck-success-padding-left: var(--padding-40);
  --idp-healthcheck-success-margin-top: var(--border-none);
  --idp-healthcheck-container-padding-bottom: var(--padding-30);
  --idp-healthcheck-container-sm-padding-bottom: var(--padding-20);
  --idp-healthcheck-mb-body-float: var(--align-right);
  --idp-healthcheck-mb-body-right-section-text-align: var(--text-align-unset);
  --idp-healthcheck-container-padding-left: var(--padding-50);
  --idp-card-container-sm-margin-padding-right: var(--padding-15);
  --idp-card-container-sm-margin-bottom: var(--margin-bottom-35);
  --idp-tile-card-image-height: var(--height-220);
  --idp-tile-card-link-padding-top: var(--padding-18);
  --idp-tile-card-horizontal-sm-padding-bottom: var(--padding-0);
  --idp-tile-card-horizontal-header-height: var(--height-50);
  --idp-tile-card-horizontal-padding-bottom: var(--padding-30);

  /* BAU */
  --bau-content-background: url('/etc/designs/delta/images/texture-light.png')
    repeat scroll 50% 50% transparent;
  --bau-tooltiparrow_down: url('/content/dam/delta-applications/common/chrome/icons/nav/tooltiparrow_down.png');
  /* Wifi refund modal */
  --modal-width-485px: 30.3125rem;
  --modal-width-746px: 46.25rem;
  /* Ticket Help Modal Styles */
  --refund-help-modal-width: 48.125rem;
  --ticket-help-modal-width: 29.625rem;
  --ticket-help-modal-full-width: var(--width-100-perc);
  --ticket-help-icon-padding: var(--font-size-4px) var(--font-size-7px);
  --ticket-help-icon-padding-top: var(--font-size-4px);

  --ticket-help-icon-padding-left: var(--font-size-7px);
  --ticket-help-left-minus-20px: var(--font-size-20px-minus);
  --ticket-help-icon-focus: 0 0 0 var(--ticket-help-box-shadow-2px)
    var(--idp-info-icon-focus);
  --ticket-help-border-radius-rounded: var(--border-radius-rounded);
  --ticket-help-icon-top-ipad: -3.75rem;
  --ticket-help-icon-right-ipad: var(--font-size-48px);
  --ticket-help-icon-margin-left-ipad: -0.875rem;
  --ticket-help-icon-left-ipad-portrait: 95%;
  --ticket-help-icon-top-ipad-portrait: 36.5rem;
  --ticket-help-icon-top-mobile: 36.5rem;
  --ticket-help-icon-left-mobile: 94%;
  --ticket-help-wrapper-padding: var(--font-size-20px) var(--font-size-30px);
  --ticket-help-margin-50: var(--font-size-50px);
  --ticket-help-margin-80: var(--font-size-80px);
  --ticket-help-close-wrapper-padding: var(--font-size-10px)
    var(--font-size-20px);
  --ticket-help-close-wrapper-bg: var(--white);
  --ticket-help-close-wrapper-width: 29.4375rem;
  --ticket-help-right-15: var(--font-size-15px);
  --ticket-help-top-8: var(--font-size-8px);
  --label-help-icon-top: var(--font-size-2px);
  --label-help-icon-left-margin: var(--font-size-2px);
  --help-modal-content-margin-bottom: 5.6875rem;
  --help-icon-right-zero: 0;
  --help-icon-top-zero: 0;
  --help-icon-left-zero: 0;
  --ci-button-wrapper-border: 0.0625rem solid var(--idp-gray-201);
  --ci-footer-border-top: 0.0625rem solid var(--idp-lightgray);
  --ctc-idp-contact-info-border-color: 0.0625rem solid var(--idp-lightgray);
  /* Overflow */
  --overflow-hidden: hidden;
  --overflow-visible: visible;
  --text-overflow-ellipsis: ellipsis;
  /* Custom word spacing */
  --word-spacing-0: 0;
  --word-spacing-3-35px: 0.209rem;
  --word-spacing-0-5px: 0.031rem;
  --word-spacing-8px: 0.5rem;
  /* Text alignment */
  --align-left: left;
  --align-right: right;
  --align-center: center;
  /* Flex direction */
  --flex-direction-row: row;
  --flex-direction-column: column;
  --flex-direction-reverse: row-reverse;
  --flex-direction-column-reverse: column-reverse;

  /* Float alignment */
  --float-left: left;
  --float-right: right;
  --float-none: none;

  /* Flex alignment */
  --flex-space-between: space-between;
  --flex-start: flex-start;
  --flex-center: center;
  --flex-end: flex-end;

  /* Flex order */
  --order-1: 1;
  --order-2: 2;
  --order-3: 3;
  --order-4: 4;
  --order-5: 5;
  --order-6: 6;
  --order-7: 7;
  --order-8: 8;
  --order-9: 9;
  --order-10: 10;
  --order-11: 11;
  --order-12: 12;

  /* Flex wrap text */
  --flex-text-nowrap: nowrap;
  --flex-text-wrap: wrap;
  --text-wrap-break-all: break-all;
  --word-wrap-break-word: break-word;
  /* Display */
  --display-none: none;
  --display-inline-flex: inline-flex;
  --display-block: block;
  --display-flex: flex;
  --display-inline: inline;
  --display-inline-block: inline-block;
  --display-table: table;
  /*text align*/
  --text-align-right: right;
  --text-align-left: left;
  --text-align-center: center;
  --text-align-end: end;
  --text-align-unset: unset;
  /* Vertical alignment*/
  --vertical-align-middle: middle;
  --vertical-align-super: super;
  /* Position */
  --position-fixed: fixed;
  --position-relative: relative;
  --position-absolute: absolute;
  --position-inherit: inherit;
  --position-static: static;
  /* Text Transforms */
  --text-transform-uppercase: uppercase;
  --text-transform-lowercase: lowercase;
  --text-transform-capitalize: capitalize;
  --text-transform-none: none;
  /* Flex grow */
  --flex-grow-0: 0;
  /* Flex shrink */
  --flex-shrink-0: 0;
  /* Flex basis */
  --flex-basis-auto: auto;
  --flex-basis-0: 0;
  --flex-basis-8-percent: 8.333333%;
  --flex-basis-16-percent: 16.6666666667%;
  --flex-basis-25-percent: 25%;
  --flex-basis-33-percent: 33.3333333333%;
  --flex-basis-41-percent: 41.6666666667%;
  --flex-basis-50-percent: 50%;
  --flex-basis-58-percent: 58.3333333333%;
  --flex-basis-66-percent: 66.666667%;
  --flex-basis-91-percent: 91.666667%;
  --flex-basis-100-percent: 100%;
  --flex-basis-banner-percent: 58.3333333333%;
  /* Breakpoints */
  --bp-320: 320px;
  --bp-360: 360px;
  --bp-375: 375px;
  --bp-376: 376px;
  --bp-575: 575px;
  --bp-576: 576px;
  --bp-767: 767px;
  --bp-768: 768px;
  --bp-991: 991px;
  --bp-992: 992px;
  --bp-1023: 1023px;
  --bp-1024: 1024px;
  --bp-1200: 1200px;
  --bp-1199: 1199px;
  --bp-1400: 1400px;
  /* Error banner with red border styles */
  --error-banner-padding: var(--font-size-16px);
  --error-banner-red-border: var(--font-size-4px) solid
    var(--idp-horizontal-rule);
  --error-banner-box-shadow: rgba(0, 0, 0, 0.2) 0 0 0.25rem;
  --idp-checkbox-component-box-shadow: 0 0 0 var(--border-width-3)
      var(--idp-access-bg-color),
    0 0 0 var(--border-width-4) var(--idp-form-focus-color);
  --error-banner-focus-border: var(--font-size-2px) solid
    var(--modal-simple-border-color);
  /* Fare breakdown modal styles */
  --modal-type-full-height: calc(var(--unit-100-vh) - var(--unit-65-px));
  /* Fix to bottom of screen */
  --bottom-0: 0;
  /* calendar component */
  --idp-calendar-title-font-color: var(--idp-secondary);
  --idp-calendar-title-font-size: var(--font-size-16px);
  --idp-calendar-title-font-family: var(--font-family-semibold);
  --idp-calendar-table-item-font-color: var(--idp-secondary);
  --idp-calendar-table-item-font-family: var(--font-family-semibold);
  --idp-calendar-table-item-font-size: var(--font-size-12px);
  --idp-calendar-table-item-background-color: var(--white);
  --idp-calendar-table-item-anchor-border: var(--border-width-2px) solid
    var(--border-color-dark-blue);
  --idp-calendar-table-item-inactive: var(--idp-gray-203);
  --idp-calendar-table-item-inactive-background-color: var(--white);
  --idp-calendar-focused-table-item-font-color: var(--white);
  --idp-calendar-focused-table-item-background-color: var(--idp-primary);
  --idp-calendar-days-font-color: var(--idp-label-color);
  --idp-calendar-days-font-size: var(--font-size-13px);
  --idp-calendar-days-font-family: var(--font-family-medium);
  /* Flex Filter component */
  --idp-filter-border-radius: var(--border-radius-29);
  --idp-filter-padding: var(--padding-13);
  --idp-filter-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.2);
  --idp-filter-width: var(--width-45);
  --idp-filter-height: var(--height-45);
  --idp-filter-border: var(--unit-1-px) solid transparent;
  --idp-filter-desktop-border-radius: var(--border-radius-29);
  --idp-filter-desktop-padding: var(--padding-7) var(--padding-20);
  --idp-filter-desktop-width: var(--width-5);
  --idp-filter-desktop-color: var(--idp-body-text);
  --idp-filter-desktop-font-size: var(--font-size-14px);
  --idp-filter-desktop-line-height: var(--line-height-21);
  --idp-filter-desktop-letter-spacing: var(--letter-spacing-0-6px);
  --idp-filter-desktop-margin: 0.46875rem 0;
  --idp-filter-responsive-min-breakpoint: var(--bp-1200);
  --idp-filter-responsive-max-breakpoint: var(--bp-1199);
  --idp-filter-desktop-background: var(--white);
  --idp-filter-desktop-background-position-x: inherit;
  --idp-filter-desktop-background-position-y: inherit;
  --idp-filter-desktop-background-repeat: no-repeat;
  --idp-filter-mobile-svg-fill-color: var(--idp-blue);
  --idp-filter-desktop-arrow-color: var(--idp-secondary);
  --idp-filter-desktop-z-index: var(--z-index-995);
  --idp-filter-desktop-header-height: var(--height-64);
  --idp-filter-open-pointer: 4.063rem;
  /* Transaction management tabs */
  --idp-active-tab-border-bottom: 0.25rem solid var(--idp-cyan-light);
  --idp-tab-border-bottom: 0.0625rem solid var(--idp-matte-gray);
  --idp-tab-list-mobile-background-color: var(--idp-gray-205);
  --idp-tab-list-mobile-font-color: var(--idp-gray-901);
  --idp-tab-active-icon-background: url('/content/dam/delta-applications/ui-kit/assets/svg/transaction-management/account-circle.svg')
    no-repeat;
  --idp-tab-inactive-icon-background: url('/content/dam/delta-applications/ui-kit/assets/svg/transaction-management/user-circle_black.svg')
    no-repeat;
  --idp-flight-hotel-spinner: url('/content/dam/virgin-applications/images/idpBooking/spinnerimage.png');
  --idp-flight-hotel-spinner-mobile: url('/content/dam/virgin-applications/images/idpBooking/spinnermobile.png');
  --idp-flight-hotel-error-icon-desktop: url('/content/dam/virgin-applications/images/idpBooking/error_icon_desktop.svg');
  --idp-flight-hotel-error-icon-mobile: url('/content/dam/virgin-applications/images/idpBooking/error_icon_mobile.svg');
  --idp-filter-arrow-down-color: 0.375rem solid
    var(--idp-tab-selected-tab-color);
  --idp-filter-modal-header-height: var(--unit-64-px);
  /* Healthcheck Passport Banner */
  --idp-healthcheck-passport-large-btn: 15.625rem;
  /* IDP secure fligh info-form */
  --idp-flight-info-label-font-size: var(--font-size-18px);
  --idp-flight-info-container-margin-bottom: var(--margin-20);
  --idp-flight-input-active-color: var(--ctc-input-text-color);
  --idp-input-bottom-label-font-family: var(--font-family-book);
  --idp-input-bottom-label-color: var(--idp-secondary);
  --idp-input-bottom-label-margin-top: var(--margin-5);
  --idp-input-bottom-label-font-size: var(--font-size-13px);
  --idp-flight-input-label-background-position: var(
    --background-position-center
  );
  --idp-help-icon-background-color: var(--idp-access-bg-color);
  --idp-flight-input-label-background-position-padding-left: var(--padding-5);
  --idp-input-wrapper-error-padding-left: var(--padding-24);
  --idp-simple-modal-dialog-margin-top: var(--padding-15);
  --idp-simple-modal-wrapper-color: var(--idp-secondary-blue);
  --idp-simple-modal-wrapper-link-color: var(--idp-link-blue);
  --idp-simple-modal-dialog-z-index: var(--overlay-z-index);
  --idp-simple-modal-wrapper-text-transform: var(--text-transform-uppercase);
  --idp-simple-modal-wrapper-content-font-size: var(--font-size-16px);
  --idp-simple-modal-wrapper-content-color: var(--idp-secondary);
  --idp-simple-modal-wrapper-font-weight: var(--font-weight-700);
  --idp-simple-modal-wrapper-font-size: var(--font-size-15px);

  /* Pop over */
  --pop-over-left-caret-background: url('/content/dam/delta-applications/ui-kit/assets/svg/popover/popover-left-caret.svg')
    no-repeat;
  --pop-over-font-size: var(--font-size-13px);
  --pop-over-font-family: var(--font-family-medium);
  --pop-over-font-color: var(--secondary);
  --pop-over-z-index: var(--z-index-2);

  /*Flight summary*/
  --cabin-color-main: linear-gradient(
    316.63deg,
    #4e67d5 10.94%,
    #1b3c77 86.06%
  );

  --cabin-color-basic-economy: linear-gradient(
    139.44deg,
    #3a4869 16.78%,
    #5e75b1 86.8%
  );

  --cabin-color-comfort-plus: linear-gradient(
    116.34deg,
    #154783 14.78%,
    #0879cf 85.6%
  );

  --cabin-color-premium: linear-gradient(
    314.53deg,
    #d9105b 15.9%,
    #821d4a 84.65%
  );

  --cabin-color-delta-one: linear-gradient(
    141.75deg,
    #3c0f6a 17.01%,
    #ac17bf 82.37%
  );

  --cabin-color-disabled: linear-gradient(0, #b4b7bd 100%, #b4b7bd 0%);

  /* Flight plus hotel font-family */
  --idp-flight-plus-hotel-car-font-family: var(--font-family-light);
  --idp-flight-plus-hotel-car-subtitle-font-family: var(--font-family-book);

  /* session timeout modal*/
  --idp-timeout-modal-header-border-bottom: 0.0625rem solid var(--idp-gray-204);
  --idp-timeout-modal-content-color: var(--idp-gray-901);

  /* origination destination atom */
  --idp-origin-destination-line-height: 22px;
  --idp-origin-destination-376px-line-height: 18px;
  --idp-origin-destination-caret-margin: 5px 5px 0 8px;
  --idp-origin-destination-376px-caret-margin: 5px 5px 0 7px;
  --idp-origin-destination-caret-border: 4px solid transparent;

  /* refund options accordion */
  --idp-refund-options-unit-10-px: 10px;
  --idp-rotate-180deg: rotate(180deg);
  --idp-scale-1-3: scale(1.3);
  --idp-refund-line-item-border-line: 1px solid var(--idp-gray-201);
  --idp-refund-skymiles-line-item-border-line: 1px solid var(--idp-gray-201);

  /* idp step section */
  --idp-step-section-margin-1px-0: 1px 0;
  /* IDP CDC Attestation page */
  --idp-attestation-flight-data-label-font-size: var(--font-size-13px);
  --idp-attestation-flight-data-label-line-height: var(--line-height-16);
  --idp-attestation-flight-data-value-font-size: var(--font-size-18px);
  --idp-attestation-flight-data-value-line-height: var(--line-height-22);
  --ctc-attestation-flight-data-label-color: var(--idp-label-color);
  --idp-attestation-header-title-font-size: var(--font-size-18px);
  --idp-attestation-header-title-line-height: var(--line-height-22);
  --idp-attestation-header-font-family: var(--font-family-semibold);
  --idp-attestation-header-innerbody-font-size: var(--font-size-18px);
  --idp-attestation-header-innerbody-line-height: var(--ctc-line-height);
  --idp-attestation-innerbody-text-font-color: var(--idp-secondary);
  --idp-attestation-radio-btn-font-size: var(--font-size-15px);
  --idp-attestation-radio-btn-line-height: var(--line-height-25);
  --idp-attestation-flight-data-label-color: var(--idp-secondary);
  --idp-attestation-round-btn-border: 0.0625rem solid var(--idp-secondary);
  --idp-attestation-checkbox-line-height: var(--line-height-30);
  --idp-attestation-flight-details_title-font-weight: var(--font-weight-600);
  --idp-attestation-multi-pax-count-font-size: var(--font-size-14px);
  --idp-attestation-multi-pax-count-line-height: var(--line-height-14);
  --idp-attestation-multi-pax-count-font-weight: var(--font-weight-400);
  --idp-attestation-multi-pax-count-font-family: var(--font-family-medium);
  --idp-attestation-multi-pax-count-font-style: var(--font-style-italic);
  --idp-attestation-multi-pax-count-color: var(--idp-secondary);
  --idp-attestation-multi-pax-title-font-size: var(--font-size-18px);
  --idp-attestation-multi-pax-title-line-height: var(--line-height-22);
  --idp-attestation-multi-pax-title-font-weight: var(--font-weight-500);
  --idp-attestation-skipPax_checkbox-font-size: var(--font-size-14px);
  --idp-attestation-skipPax_checkbox-line-height: var(--line-height-24);
  --idp-attestation-skipPax_checkbox-font-weight: var(--font-weight-600);
  --idp-attestation-skipPax_checkbox-font-color: var(--idp-blue);
  --idp-attestation-multipax_checkbox_round_color: var(--idp-secondary);
  --idp-attestation-flight-data-value-color: var(--idp-flight-data-color);
  --idp-attestation-flight-data-label-font-family: var(--font-family-medium);
  --idp-attestation-flight-data-innerbody-line-height: var(--line-height-24);
  --idp-attestation-header-innerbody-font-size-sm: var(--font-size-13px);
  --idp-attestation-header-innerbody-line-height-sm: var(--line-height-16);
  --idp-attestation-footer-font-size: var(--font-size-18px);
  --idp-attestation-footer-line-height: var(--line-height-24);
  --idp-attestation-footer-font-family: var(--font-family-light);
  --idp-attestation-footer-font-weight: var(--font-weight-300);
  --idp-attestation-footer-anchor-font-family: var(--font-family-semibold);
  --idp-attestation-footer-font-color: var(--idp-secondary);
  --idp-attestation-footer-anchor-color: var(--idp-blue);
  --idp-attestation-footer-anchor-decoration: none;
  --idp-attestation-section-border-color: none;
  --idp-attestation-disclosure-divide-border: 0.0625rem solid
    var(--idp-gray-201);
  --idp-attestation-disclosure-divide-padding-bottom: var(--padding-25);
  --idp-attestation-disclosure-divide-margin-bottom: var(--margin-20);
  --idp-attestation-checkbox-label-line-height: var(--line-height-15);
  --idp-attestation-checkbox-label-line-height-sm: var(--line-height-18);
  --idp-attestation-checkbox-label-font-family: var(--font-family-light);
  /* Attestation Submitting page  */
  --idp-attestation-flight-detail-title-font-family: var(--font-family-medium);
  --idp-attestation-pax-label-font-family: var(--font-family-semibold);
  --idp-attestation-flight-detail-title-font-weight: var(--font-weight-600);
  --idp-attestation-flight-detail-title-font-size: var(--font-size-13px);
  --idp-attestation-flight-detail-pax-value-font-size: var(--font-size-13px);
  --idp-attestation-flight-detail-add-pax-font-size: var(--font-size-14px);
  --idp-attestation-flight-data-value-font-size: var(--font-size-18px);
  --idp-attestation-flight-detail-value-line-height: var(--line-height-22);
  --idp-attestation-flight-detail-pax-value-text-transform: var(
    --text-transform-uppercase
  );
  --idp-attestation-flight-detail-title-line-height: var(--line-height-16);
  --idp-attestation-flight-detail-pax-value-line-height: var(--line-height-22);
  --idp-attestation-flight-detail-pax-name-font-weight: var(--font-weight-500);
  --idp-attestation-flight-detail-pax-name-line-height: var(--line-height-15);
  --idp-attestation-flight-detail-add-pax-line-height: var(--line-height-20);
  --idp-attestation-flight-detail-pax-label-line-height: var(--line-height-20);
  --idp-attestation-flight-detail-pax-label-margin-top: var(--padding-3);
  --idp-attestation-flight-detail-pax-label-letter-space: var(
    --letter-spacing-1-4px
  );
  --idp-attestation-flight-detail-tilte-color: var(--idp-label-color);
  --idp-attestation-flight-detail-value-font-color: var(--idp-secondary);
  --idp-attestation-flight-detail-pax-label-margin-top: var(--padding-3);
  --idp-attestation-flight-detail-pax-status-font-color: var(
    --idp-medium-green
  );
  --idp-attestation-flight-detail-pax-not-submit-font-color: var(
    --idp-secondary-light
  );
  --idp-attestation-flight-detail-add-pax-font-color: var(--idp-blue);
  /* IDP Healthcheck test assistant page */
  --idp-healthcheck-success-msg-font-size: var(--font-size-13px);
  --idp-healthcheck-success-msg-line-height: var(--line-height-18);
  --idp-healthcheck-success-msg-font-family: var(--font-family-semibold);
  --idp-healthcheck-success-msg-color: var(--idp-secondary);

  --idp-healthcheck-info-section-title-font-size: var(--font-size-13px);
  --idp-healthcheck-info-section-title-line-height: var(--font-size-16px);
  --idp-healthcheck-info-section-title-color: var(--idp-gray-700);
  --idp-healthcheck-info-section-title-font-weight: var(--font-weight-600);

  --idp-healthcheck-info-section-title-span-font-size: var(--font-size-18px);
  --idp-healthcheck-info-section-title-span-line-height: var(--line-height-22);
  --idp-healthcheck-info-section-title-span-font-family: var(
    --ctc-address-body-text-light
  );
  --idp-healthcheck-info-section-title-span-color: var(
    --list-group-border-color
  );
  --idp-healthcheck-info-section-title-span-font-weight: var(--font-weight-400);

  --idp-healthcheck-passenger-name-line-height: var(--line-height-22);
  --idp-healthcheck-passenger-name-font-family: var(--font-family-book);
  --idp-healthcheck-passenger-name-color: var(--idp-secondary);

  --idp-healthcheck-sub-header-font-size: var(--font-size-18px);
  --idp-healthcheck-sub-header-color: var(--idp-secondary);

  --idp-healthcheck-powered-by-label-font-size: var(--font-size-15px);
  --idp-healthcheck-powered-by-label-line-height: var(--line-height-18);
  --idp-healthcheck-powered-by-label-font-family: var(--font-family-book);
  --idp-healthcheck-powered-by-label-color: var(--idp-secondary);
  --idp-healthcheck-powered-by-label-font-weight: var(--font-weight-500);

  --idp-healthcheck-failure-msg-font-size: var(--font-size-13px);
  --idp-healthcheck-failure-msg-line-height: var(--line-height-18);
  --idp-healthcheck-failure-msg-color: var(--idp-secondary);

  --idp-healthcheck-failure-msg-border-top: var(--border-top-failure);
  --idp-healthcheck-failure-msg-border-bottom: var(--border-none);
  --idp-healthcheck-failure-msg-border-left: var(--border-none);
  --idp-healthcheck-failure-msg-border-right: var(--border-none);
  --idp-healthcheck-failure-msg-border-radius: var(--border-0);

  --idp-healthcheck-failure-info-icon: var(--alert-warning-icon);

  --idp-healthcheck-dialog-modal-heading-font-family: var(--font-family-medium);
  --idp-healthcheck-dialog-modal-heading-font-size: var(--font-size-20px);
  --idp-healthcheck-dialog-modal-heading-line-height: var(--line-height-24);
  --idp-healthcheck-dialog-modal-heading-color: var(--idp-secondary);

  --idp-healthcheck-dialog-modal-content-font-size: var(--font-size-15px);
  --idp-healthcheck-dialog-modal-content-line-height: var(--line-height-18);
  --idp-healthcheck-dialog-modal-content-color: var(--idp-secondary);

  /* IDP tile card section*/
  --tile-card-bg-color: var(--white);
  --tile-card-link-bg-color: var(--background-color-card);

  --tile-card-header-font-family: var(--font-family-book);
  --tile-card-header-font-size: var(--font-size-15px);
  --tile-card-header-line-height: var(--line-height-20);
  --tile-card-header-color: var(--idp-secondary);
  --tile-card-header-text-transform: var(--text-transform-uppercase);

  --tile-card-text-font-size: var(--font-size-16px);
  --tile-card-text-line-height: var(--line-height-24);
  --tile-card-text-color: var(--idp-secondary);
  --tile-card-text-decoration: none;

  --tile-card-text-font-weight: var(--font-weight-600);
  --tile-card-header-underline: var(--display-block);

  --tile-card-header-position: var(--position-inherit);
  --tile-card-header-margin-left: var(--margin-left-0);
  --tile-card-header-margin-top: var(--margin-top-0);
  --tile-card-header-background-icon: none;

  /** card component */
  --idp-card-background-carot: url('/content/dam/delta-applications/fresh-air-core/21.3.0/images/carot-redpromo-quilt.svg')
    no-repeat;

  /** confirmation subheader */
  --idp-confirmation-subheader-line-separator: 1px solid var(--idp-matte-gray);
  --idp-confirmation-subheader-margin: 0 7.68px;
  --idp-confirmation-subheader-width-315px: 315px;
  /** Simple Modal */
  --modal-light-header-color: var(--idp-secondary);
  --modal-light-header-font-family: var(--bgcl-modal-hdr-title-font-family);
  --modal-light-header-font-size: var(--idp-alert-modal-header-title-font-size);
  --modal-light-header-line-height: var(--bgcl-modal-hdr-line-height);
  --modal-light-header-mobile-font-size: var(
    --idp-alert-modal-header-title-font-size
  );
  /** Linear Gradient */
  --linear-gradient-blue-variant-1: linear-gradient(
    318.31deg,
    #4e67d5 0%,
    #1b3c77 100%
  );
  /** Text Decoration */
  --text-decoration-none: none;
  --text-decoration-underline: underline;
  /** Align flexible Container */
  --justify-content-space-between: space-between;

  --refundable-modal-footer-link-disabled: #667394;
  --color-378513: #378513;
  /** IDP Medallion Accelerator **/

  --medallion-earnings-info-border-radius: 0;
  --medallion-earnings-strip-border-radius: 0;
  --medallion-earnings-type-text-transform: var(--text-transform-capitalize);
  --medallion-earnings-info-container-color: var(--idp-secondary);
  --medallion-earnings-container-height: var(--height-auto);
  --medallion-earnings-container-width: var(--width-auto);
  --medallion-earnings-font-family: var(--font-family-semibold);
  --medallion-earnings-title-font-family: var(--medallion-earnings-font-family);
  --medallion-earnings-title-font-size: var(--font-size-18px);
  --medallion-earnings-title-line-height: var(--height-28);
  --medallion-earnings-subtitle-font-family: var(--font-family-medium);
  --medallion-earnings-subtitle-font-size: var(--font-size-13px);
  --medallion-earnings-subtitle-line-height: var(--line-height-20);
  --medallion-earnings-summary-font-size: var(--font-size-17px);
  --medallion-earnings-summary-line-height: var(--line-height-14);
  --medallion-earnings-summary-border: 1px solid var(--idp-secondary);
  --medallion-earnings-summary-content-after: '\00a0';
  --medallion-earnings-summary-padding: 0 0.63rem;
  --medallion-earnings-value-font-size: 1.125rem;
  --medallion-earnings-type-line-height: var(
    --medallion-earnings-summary-line-height
  );
  --medallion-earnings-value-line-height: var(
    --medallion-earnings-summary-line-height
  );
  --medallion-earnings-value-font-family: var(--font-family-semibold);
  --medallion-earnings-type-font-family: var(--font-family-semibold);
  --medallion-earnings-value-mobile-font-size: 1rem;
  --medallion-earnings-value-mb-font-size: 1rem;
  --medallion-earnings-value-mb-line-height: none;
  --medallion-earnings-type-font-size: 0.813rem;
  --medallion-earnings-type-mobile-font-size: 0.81rem;
  --medallion-earnings-background: var(--white);
  --medallion-earnings-strip-width: var(--unit-14-px);
  --medallion-earnings-sm-width: calc(var(--font-size-base) * 25);
  --medallion-earnings-md-width: calc(var(--font-size-base) * 29.125);
  --medallion-earnings-lg-width: calc(var(--font-size-base) * 30.187);
  --medallion-earnings-subtitle-info-icon-display: var(--display-inline-block);
  --medallion-earnings-info-icon-left-margin: var(--font-size-4px);
  --medallion-earnings-subtitle-top-margin: var(--font-size-4px-minus);
  --medallion-earnings-subtitle-position: var(--position-relative);
  --medallion-earnings-subtitle-top: 0;
  --medallion-earnings-subtitle-left: 0;
  --medallion-earnings-container-padding: var(--font-size-15px) 0
    var(--font-size-15px) var(--font-size-45px);
  --medallion-earnings-container-sm-padding: var(--font-size-34px);
  --medallion-earnings-container-sm-width: var(--width-auto);
  --medallion-earnings-container-sm-height: var(--height-auto);
  --medallion-earnings-subtitle-top-display: var(--display-inline-block);
  --medallion-earnings-subtitle-bottom-display: var(--display-none);
  --medallion-earnings-container-border-radius: 0;
  --idp-medallion-earnings-margin-top: 0;
  --idp-medallion-earnings-margin-bottom: 0;
  --idp-medallion-earnings-padding-left: 0;
  --idp-medallion-earnings-strip-height: 100%;
  --idp-medallion-earnings-strip-top-minus: 0;
  /* IDP Simplified Travel Requirements Section*/
  --idp-simplified-travel-requirements-modal-color: var(--idp-secondary);
  --idp-simplified-travel-requirements-text-font-weight: var(
    --font-weight-bold-text
  );
  --idp-simplified-travel-requirements-modal-container-padding: var(
    --padding-48
  );
  --idp-simplified-travel-requirements-anchor-color: var(--idp-accent);
  --idp-simplified-travel-requirements-font-size: var(--font-size-24px);
}