:root {
  /* Theme Colors */
  --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);
  --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-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);

  --idp-no-activity-title: var(--white);
  /** Brand start **/
  --delta-logo: url('/content/dam/delta-applications/ui-kit/assets/svg/delta-brand/supergraphic-flyout.svg');
  /** Brand end **/

  /** Alert Icons Start **/
  --success-check-mark-square-icon: url('/content/dam/delta-applications/ui-kit/assets/svg/alerts/success-checkmark-square.svg');
  /** Alert Icons End **/

  --password-eye-open: url('/content/dam/delta-applications/ui-kit/assets/svg/forms/eye-on.svg');
  --password-eye-close: url('/content/dam/delta-applications/ui-kit/assets/svg/forms/eye-off.svg');

  --idp-no-activity-background-image-small: url('/content/dam/delta-applications/ui-kit/assets/svg/skymiles/account-activity/bg-activity-mobile.png');
  --idp-no-activity-background-image-large: url('/content/dam/delta-applications/ui-kit/assets/svg/skymiles/account-activity/bg-activity-laptop.png');
  --idp-no-activity-background-image-medium: url('/content/dam/delta-applications/ui-kit/assets/svg/skymiles/account-activity/bg-activity-tablet.png');
  --idp-no-activity-flight-icon: url('/content/dam/delta-applications/ui-kit/assets/svg/skymiles/account-activity/flight-icon.png');
  /* 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');
  --info-icon-white: url('/content/dam/delta-applications/ui-kit/assets/svg/vouchers/info-icon.svg');
  --calendar-icon: url('/content/dam/delta-applications/ui-kit/assets/svg/skymiles/logo/calendar-logo.svg')
    no-repeat;
  --idp-close-icon: url('/content/dam/delta-applications/ui-kit/assets/svg/forms/gray-close-icon.svg')
    no-repeat;
  --idp-close: url('/content/dam/delta-applications/ui-kit/assets/svg/forms/white-close-icon.svg');
  --idp-close-blue-icon: url('/content/dam/delta-applications/ui-kit/assets/svg/vouchers/blue-close-icon.svg')
    var(--no-repeat);
  --delta-light-logo: url('/content/dam/delta-applications/ui-kit/assets/svg/vouchers/delta-logo-white.svg')
    no-repeat;
  --delta-dark-logo: url('/content/dam/delta-applications/ui-kit/assets/svg/vouchers/delta-logo-blue.svg')
    no-repeat;
  --idp-login-error-close-icon: url('/content/dam/delta-applications/ui-kit/assets/svg/forms/gray-close-icon.svg');
  --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');

  /* skymiles promotions stair step section*/
  --check-background-green: url('/content/dam/delta-applications/ui-kit/assets/svg/skymiles/promotions/current/icons/check-background-green.svg');
  --checkbox-border-gray: url('/content/dam/delta-applications/ui-kit/assets/svg/skymiles/promotions/current/icons/checkbox-border-gray.svg');
  --check: url('/content/dam/delta-applications/ui-kit/assets/svg/skymiles/promotions/current/icons/check.svg');

  /* Medallion Colors */
  --idp-gold-dark: var(--idp-dark-gold);
  --idp-drdwn-color: var(--idp-secondary);
  --idp-checkbox-align: center;
  --idp-login-error-background-color: #fffddf;

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

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

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

  /* Utilities Colors */
  --idp-drdwn-border-bottom-color: var(--idp-secondary);

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

  /*Seatmap */
  --idp-seat-number-selected: linear-gradient(#1b3c77 1%, #4e67d5 100%);
  --idp-caret-background-position-y: 0.1875rem;
  --idp-seat-background-image: url('/content/dam/delta-applications/seat-map/static/images/NoSeatMap-Desktop.svg')
    center 25% no-repeat;
  --idp-super-graphic-delta-mark-1200: url('/content/dam/delta-applications/flight-search/assets/images/supergraphic-delta-mark_1200.svg');
  --idp-seat-right-arrow-red-icon: url('/content/dam/delta-applications/seat-map/static/images/seat-map-icon-sprite.svg#right-arrow-red-icon');
  --idp-seat-arrowhead-down-red-icon: url('/content/dam/delta-applications/seat-map/static/images/seat-map-icon-sprite.svg#arrowhead-down-red-icon');
  --idp-seat-close-button-dark-icon: url('/content/dam/delta-applications/seat-map/static/images/seat-map-icon-sprite.svg#close-button-dark-icon');
  --idp-seat-border-bottom-color: inherit;
  --idp-rotate-1turn: rotate(1turn);
  --idp-main-seat-width: 1.625rem;
  --idp-dcp-seat-height: 1.91875rem;
  --min-width-196px: 12.25rem;
  --min-width-170px: 10.625rem;
  --margin-left-0-5: -0.53125rem;
  --padding-left-1-2: 1.21875rem;
  --min-height: 99vh;
  --background-position-15: -15rem;
  --background-position-y-3: 3rem;
  --background-position-y-6-6: 6.6rem;
  --background-position-y-11: 11rem;
  --background-position-y-15: -15rem;
  --visibility-collapse: collapse;
  --shimmer-background: linear-gradient(
    -90deg,
    #b4b7bd 0%,
    #dadada 50%,
    #b4b7bd 100%
  );
  --shimmer-background-flightlist: linear-gradient(
    -90deg,
    #282e43 0%,
    #43464d 50%,
    #282e43 100%
  );
  --shimmer-animation: shimmer 2s linear infinite;
  --idp-seatmap-focus-border: 0 0 0 0.125rem #6c718a;
  --idp-seatmap-offer-discount-bg: #a6ae9f;
  --idp-seatmap-offer-discount-terms: #4470c3;
  --idp-seatmap-offer-discount-hrline: #dedfe1;
  --hytk-gold-color: #866f34;

  /* Grays */

  --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);
  --idp-error-tooltip-text-color: var(--idp-secondary);

  /* 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-whitney: 'whitney';
  --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-bolder-text: bolder;
  --font-weight-100: 100;
  --font-weight-200: 200;
  --font-weight-300: 300;
  --font-weight-325: 325;
  --font-weight-350: 350;
  --font-weight-358: 358;
  --font-weight-375: 375;
  --font-weight-378: 378;
  --font-weight-400: 400;
  --font-weight-500: 500;
  --font-weight-600: 600;
  --font-weight-700: 700;
  --font-weight-800: 800;
  --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-9-8px: 0.6125rem;
  --font-size-10px: 0.625rem;
  --font-size-10-6px: 0.668rem;
  --font-size-10-96px: 0.685rem;
  --font-size-11px: 0.6875rem;
  --font-size-11-04px: 0.69rem;
  --font-size-11-5px: 0.724rem;
  --font-size-12px: 0.75rem;
  --font-size-12-8px: 0.8rem;
  --font-size-13px: 0.8125rem;
  --font-size-13-50px: 13.5px;
  --font-size-13-12px: 13.12px;
  --font-size-14px: 0.875rem;
  --font-size-15px: 0.9375rem;
  --font-size-15-04-px: 0.94rem;
  --font-size-16px: 1rem;
  --font-size-17px: 1.13rem;
  --font-size-18px: 1.125rem;
  --font-size-19px: 1.225rem;
  --font-size-18-08px: 18.08px;
  --font-size-20px: 1.25rem;
  --font-size-21px: 1.3125rem;
  --font-size-22px: 1.375rem;
  --font-size-22-5px: 1.406rem;
  --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-170px: 10.625rem;
  --font-size-243px: 15.18rem;
  --font-size-250px: 15.625rem;
  --font-size-315px: 19.6875rem;
  --font-size-326px: 20.375rem;
  --font-size-356px: 22.25rem;
  --font-size-18px-minus: -1.125rem;
  --font-size-20px-minus: -1.25rem;
  --font-size-25px-minus: -1.5625rem;
  --font-size-29px-minus: -1.813rem;
  --font-size-45px-minus: -2.8125rem;
  --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;
  --line-height-sm: 1.15;
  --line-height-1: 1;
  --line-height-78: 4.875rem;
  --line-height-22-5: 1.406rem;
  --outline: 0.0625rem auto -webkit-focus-ring-color;
  --hr-border-color: var(--gray-900);

  --idp-input-error-border-color: var(--idp-primary-error);
  /* Custom letter spacing */
  --letter-spacing-0: 0;
  --letter-spacing-0-63px: 0.039rem;
  --letter-spacing-1-5px: 0.094rem;
  --letter-spacing-0-083: 0.083rem;
  --letter-spacing-0-517px: 0.0323077rem;
  --letter-spacing-0-7px: 0.7px;
  --letter-spacing-0-747px: 0.046667rem;
  --letter-spacing-1px: 0.063rem;
  --letter-spacing-0-5px: 0.035rem;
  --letter-spacing-0-4px: 0.025rem;
  --letter-spacing-4px: 0.25rem;
  --letter-spacing-0-15px: 0.009375rem;
  --letter-spacing-0-16px: 0.01rem;
  --letter-spacing-0-32px: 0.02rem;
  --letter-spacing-1-06px: 0.066rem;
  --letter-spacing-1-2px: 0.075rem;
  --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-1-8: 0.113rem;
  --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-alert-blue-img: url('/content/dam/delta-applications/ui-kit/assets/svg/alerts/alert-blue-invert.svg');
  --idp-alert-red-img: url('/content/dam/delta-applications/ui-kit/assets/svg/alerts/alert-red-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');
  --idp-common-images-delta-mark-img: url('/content/dam/delta-applications/complete-purchase/common/images/delta-mark.png');
  /* line height */
  --line-height-0: 0;
  --line-height-3: 0.188rem;
  --line-height-12: 0.75rem;
  --line-height-13: 0.8125rem;
  --line-height-14: 0.875rem;
  --line-height-14-95: 0.934rem;
  --line-height-15: 0.938rem;
  --line-height-15-half: 0.975rem;
  --line-height-16: 1rem;
  --line-height-16-point-8: 1.05rem;
  --line-height-17: 1.0625rem;
  --line-height-17-00-8: 1.063rem;
  --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-25: 1.5625rem;
  --line-height-26: 1.625rem;
  --line-height-27: 1.6875rem;
  --line-height-27-2: 1.7rem;
  --line-height-28: 1.75rem;
  --line-height-29: 1.8125rem;
  --line-height-30: 1.875rem;
  --line-height-31: 2.0625rem;
  --line-height-32: 2rem;
  --line-height-34: 2.125rem;
  --line-height-36: 2.25rem;
  --line-height-37: 2.3125rem;
  --line-height-38: 2.375rem;
  --line-height-40: 2.5rem;
  --line-height-42: 2.625rem;
  --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-66: 4.125rem;
  --line-height-96: 6.03rem;

  --line-height-16-px: 16px;
  --line-height-16-8-px: 16.8px;
  --line-height-18-px: 18px;
  --line-height-18-72: 1.17rem;
  --line-height-19-px: 19px;
  --line-height-20-px: 1.25rem;
  --line-height-21-6-px: 21.6px;
  --line-height-21-12px: 21.12px;
  --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-01: 0.1rem;
  --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-9-5: 0.594rem;
  --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-20-half: 1.28rem;
  --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-30-point-8: 30.08px;
  --padding-31: 1.9375rem;
  --padding-32: 2rem;
  --padding-33: 2.0625rem;
  --padding-34: 2.125rem;
  --padding-35: 2.1875rem;
  --padding-36: 2.25rem;
  --padding-37: 2.3125rem;
  --padding-38: 2.4375rem;
  --padding-39: 2.4375rem;
  --padding-40: 2.5rem;
  --padding-42: 2.625rem;
  --padding-43: 2.6875rem;
  --padding-45: 2.8125rem;
  --padding-47: 2.9375rem;
  --padding-48: 3rem;
  --padding-50: 3.125rem;
  --padding-51: 3.1875rem;
  --padding-53: 3.313rem;
  --padding-56: 3.5rem;
  --padding-57: 3.563rem;
  --padding-60: 3.75rem;
  --padding-60-8: 3.8rem;
  --padding-62: 3.875rem;
  --padding-64: 4rem;
  --padding-67: 4.188rem;
  --padding-68: 4.25rem;
  --padding-70: 4.375rem;
  --padding-75: 4.6875rem;
  --padding-79: 4.938rem;
  --padding-80: 5rem;
  --padding-90: 5.625rem;
  --padding-97: 6.063rem;
  --padding-100: 6.25rem;
  --padding-107: 6.688rem;
  --padding-110: 6.875rem;
  --padding-128: 8rem;
  --padding-142: 8.875rem;
  --padding-160: 10rem;
  --padding-163: 10.188rem;
  --padding-168: 10.5rem;
  --padding-224: 14rem;
  --padding-272: 17rem;
  /* 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-4-half-percent: 4.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-left-15: 0.94rem;
  --padding-left-17: 1.063rem;
  --padding-left-26: 1.6rem;
  --padding-left-30: 1.88rem;
  --padding-left-40: 2.5rem;
  --padding-left-48: 3rem;
  --padding-left-20: 1.25rem;
  --padding-right-20: 1.25rem;
  --padding-right-26: 1.6rem;
  --padding-right-30: 1.875rem;
  --padding-right-80: 5rem;
  --padding-left-10-perc: 10%;
  --padding-left-80-perc: 80%;
  --padding-left-84-perc: 84%;
  --padding-left-85-perc: 85%;
  --padding-top: 0;
  --padding-top-4perc: 4%;
  --padding-top-30px: 30px;
  --padding-top-26px: 26px;
  --padding-top-19px: 19px;
  --padding-top-20px: 20px;
  --padding-top-25px: 25px;
  --padding-top-30px: 30px;
  --padding-top-40px: 40px;
  --padding-top-50px: 50px;
  --padding-top-70px: 70px;
  --padding-top-84px: 84px;
  --padding-top-2perc: 2%;
  --padding-top-8px: 0.5rem;
  --paddeing-top-5perc: 5%;
  --padding-top-120px: 120px;
  --padding-bottom-0perc: 0%;
  --padding-bottom-1perc: 1%;
  --padding-bottom-14px: 0.875rem;
  --padding-bottom-26: 1.625rem;
  --padding-bottom-34px: 2.125rem;
  --padding-bottom-40px: 2.5rem;
  --padding-bottom-60px: 3.75rem;
  --padding-bottom-71px: 4.438rem;
  --padding-bottom-96px: 6rem;
  --padding-bottom-5-perc: 5%;
  /* Transitions */
  --transition-timing: 0.3s;
  --transition-timing-sm: 0.2s;
  --transition-timing-md: 0.4s;
  --transition-timing-2s: 2s;
  --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;
  --transition-value: all ease-in-out 0.5s;
  --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;
  --transition-position-subtle: position 0.3s ease;
  --transition-receipts-card-button: 0.3s 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-background-color: hsl(226, 43%, 12%);
  --link-cursor: pointer;
  --pointer-events-auto: auto;
  --pointer-event-none: none;
  --pointer-event-all: all;
  /* 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-05: 0.03rem;
  --border-0: 0;
  --border-1px: 0.063rem;
  --border-2px: 0.125rem;
  --border-4px: 0.25rem;
  --border-5px: 0.313rem;
  --border-radius-none: 0;
  --border-radius-0-5: 0.03125rem;
  --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-3: 0.188rem;
  --border-radius-4: 0.25rem;
  --border-radius-6: 0.375rem;
  --border-radius-10: 0.625rem;
  --border-radius-12: 0.75rem;
  --border-radius-18: 1.125rem;
  --border-radius-19: 1.1875rem;
  --border-radius-20: 1.25rem;
  --border-radius-29: 1.8125rem;
  --border-radius-35: 2.1875rem;
  --border-radius-5: 0.313rem;
  --border-transparent-1px: 0.0625rem solid var(--idp-transparent);
  --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-light-gray-1px: 0.0625rem solid var(--border-color-light-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-bottom-none: none;
  --border-bottom: 1.5px solid var(--border-color-light-gray);
  /* Border Colors */
  --border-color-light-gray: var(--idp-gray-204);

  /* Box Shadows */
  --box-shadow-none: var(--none);
  --box-shadow-calendar: 0 0 37px rgba(0, 0, 0, 0.116508);
  --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-gray: 4px 0 4px rgba(145, 157, 176, 0.5);
  --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-scroll-thumb: inset 0 0 0.375rem rgba(0, 0, 0, 0.5);
  --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);
  --box-shadow-red: inset var(--border-0) var(--border-4px) var(--border-0)
    var(--idp-red);
  --box-shadow-subtle: 0 2px 4px rgba(0, 0, 0, 0.06);
  --box-shadow-basic-info-error-red: inset var(--border-0) var(--border-4px)
    var(--border-0) var(--idp-red);

  /* 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);
  --link-focus-border: 0 0 0 2px #858d9f;

  /* 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-warning-text-family: var(--font-family-book);
  --alert-warning-highlight-family: var(--font-family-book);
  --alert-warning-text-color: var(--idp-secondary);
  --alert-warning-highlight-color: var(--idp-accent);
  --spcl-bag-calc-font-family-title: var(--font-family-medium);
  --spcl-bag-calc-divider-color: var(--idp-blue);
  --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-minus-1: -1;
  --z-index-0: 0;
  --z-index-1: 1;
  --z-index-2: 2;
  --z-index-6: 6;
  --z-index-10: 10;
  --z-index-99: 99;
  --z-index-100: 100;
  --z-index-101: 101;
  --z-index-200: 200;
  --z-index-300: 300;
  --z-index-900: 900;
  --z-index-995: 995;
  --z-index-999: 999;
  --z-index-1030: 1030;
  --z-index-1040: 1040;
  --z-index-2000: 2000;
  --z-index-2001: 2001;
  --z-index-2002: 2002;
  --z-index-10000: 10000;
  --z-index-1000001: 1000001;
  --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);
  --bag-status-box-shadow: 0 0 0 0.125rem #858d9f;
  /* 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-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;
  --checkbox-width: var(--dropdown-width);
  /* 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-semibold-family: var(--font-family-semibold);
  --bgcl-summary-special-item-subtitle-family: var(--font-family-semibold);
  --bgcl-summary-special-item-amount-weight: 600;
  --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;
  --bgcl-summary-cal-estimate-width: var(--btn-calculate-width-lg);
  --bgcl-summary-cal-estimate-color: var(--idp-navyblue);
  --bgcl-summary-cal-estimate-font-family: 'Whitney-Semibold';
  --bgcl-summary-cal-estimate-font-size: 0.875rem;
  --bgcl-summary-cal-estimate-line-height: 1.7;
  --bgcl-summary-cal-estimate-hover: var(--bttn-idp-secondary-background-hover);
  --bgcl-summary-cal-estimate-active: var(
    --bttn-idp-secondary-background-active
  );
  --bgcl-summary-cal-estimate-hover-color: var(
    --bttn-idp-secondary-text-color-hover
  );
  --bgcl-summary-cal-estimate-chkd-allowance-subtitle-color: var(
    --idp-secondary
  );
  --bgcl-summary-cal-estimate-chkd-allowance-subtitle-font-family: var(
    --font-family-semibold
  );
  --bgcl-summary-cal-estimate-chkd-allowance-subtitle-font-size: var(
    --font-size-13px
  );
  --bgcl-estimate-chkd-allowance-info-title-color: var(--input-border-color);
  --bgcl-estimate-chkd-allowance-info-title-font-family: var(
    --font-family-semibold
  );
  --bgcl-estimate-chkd-allowance-info-title-font-size: var(--font-size-11px);
  --bgcl-estimate-chkd-allowance-info-subtitle-color: var(--idp-secondary);
  --bgcl-estimate-chkd-allowance-info-subtitle-font-family: var(
    --font-family-medium
  );
  --bgcl-estimate-chkd-allowance-info-heading-color: var(--idp-secondary);
  /* 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);
  --bgcl-smpl-terms-title-font-size: var(--font-size-12px);
  --bgcl-smpl-terms-title-font-family: var(--font-family-semibold);
  --bgcl-smpl-terms-title-line-height: 0.875rem;
  --bgcl-smpl-terms-body-line-height: var(--font-size-18px);
  --bgcl-idp-smpl-terms-title-color: var(--idp-navyblue);
  --bgcl-idp-smpl-terms-body-color: var(--idp-navyblue);
  --bgcl-idp-smpl-terms-body-font-size: var(--font-size-13px);
  --bgcl-smpl-origin-box-autocomplet-list-item-active-color: var(
    --ctc-autocomplete-active-text-color
  );
  --bgcl-smpl-origin-box-autocomplet-list-item-active-brackground: var(
    --ctc-autocomplete-active-bg
  );
  --bgcl-smpl-origin-box-autocomplet-list-item-color: var(
    --ctc-autocomplete-text-color
  );
  --bgcl-smpl-origin-box-autocomplet-open-brackground: var(
    --idp-panel-dropdown-bg
  );
  --bgcl-smpl-alert-warning-message-text-color: var(
    --idp-alert-warning-text-color
  );
  --bgcl-smpl-alert-warning-message-text-line-height: var(--line-height-sm);
  --bgcl-smpl-alert-warning-message-text-link-color: var(
    --idp-alert-warning-link-color
  );
  --bgcl-smpl-origin-box-autocomplete-error-background: var(
      --idp-error-arrow-icon
    )
    no-repeat transparent;
  --bgcl-smpl-origin-box-autocomplete-error-background-position: var(
      --padding-5
    )
    center;
  --bgcl-smpl-origin-box-autocomplete-error-background-size: auto;
  --bgcl-smpl-error-tooltip-wrapper-after-border-color: transparent transparent
    var(--idp-error-tooltip-bg-color) var(--idp-error-tooltip-bg-color);
  --bgcl-smpl-error-tooltip-color: var(--idp-error-tooltip-text-color);
  --bgcl-smpl-error-tooltip-brackground: var(--idp-error-tooltip-bg-color);
  --bgcl-smpl-error-tooltip-wrapper-border: 1px solid var(--idp-ctc-error-text);
  --bgcl-smpl-idp-input-error-border-bottom: var(--font-size-2px) solid
    var(--idp-input-error-border-color);
  --bgcl-smpl-alert-warning-icon-background: var(--idp-alert-img) no-repeat
    transparent;
  --bgcl-smpl-origin-box-input--hide-bottom-border: var(--font-size-2px) solid
    var(--idp-input-error-border-color);
  --bgcl-smpl-error-tooltip-wrapper-after-box-shadow: var(
    --box-shadow-error-alert-warning-after
  );
  --bgcl-smpl-error-tooltip-icon-error-visibility: visible;
  --bgcl-smpl-alert-background-color: var(--white);
  --bgcl-smpl-bag-terms-cond-margin-top: var(--font-size-40px);
  --bgcl-modal-add-baggage-color: var(--info);
  --bgcl-modal-add-baggage-font-family: var(--font-family-bold);
  /* 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-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);
  --button-idp-primary-background: var(--idp-primary);
  --button-idp-primary-hover-background: var(--idp-red-hover);
  --button-idp-primary-active-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);

  --modal-spcl-text-color: var(--idp-secondary);
  --modal-spcl-desc-header-color: var(--idp-secondary);
  --modal-spcl-left-border: var(--idp-accent);
  --modal-spcl-link-color: var(--idp-blue);
  /* 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-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);
  --info-call-to-actn-bagwrap-est-title-md-font-weight: var(--font-weight-500);
  /* 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-psngr-info-font-color: var(--idp-secondary);
  --bgcl-smpl-bagwrap-rule-psngr-font-family: var(--font-family-medium);
  --bgcl-smpl-bagwrap-rule-psngr-font-size: var(--font-size-12px);
  --bgcl-smpl-bagwrap-psngr-info-action-label-font-size: var(--font-size-13px);
  --bgcl-smpl-bagwrap-psngr-info-action-label-line-height: var(
    --line-height-22
  );
  --bgcl-smpl-bagwrap-psngr-info-action-label-color: var(--idp-label-color);
  --bgcl-smpl-bagwrap-psngr-info-selected-dropdown: var(--idp-secondary-light);
  --bgcl-smpl-bagwrap-psngr-info-dropdown-background: var(
    --idp-drwn-active-bg-color
  );
  --bgcl-smpl-bagwrap-psngr-info-dropdown-list-color: var(
    --idp-drdwn-active-color
  );
  --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;
  --pax-bottom-label: block;
  --modal-spcl-sub-title: #6c718a;
  --modal-spcl-primary-btn: var(--idp-primary);
  --modal-spcl-primary-btn-hover: var(--idp-red-hover);
  --modal-spcl-primary-link-hover: #2d4f8d;
  --modal-spcl-primary-btn-active: var(--idp-red-hover);
  --modal-header-background: var(--bgcl-modal-hdr-dark-bg-color);
  --bag-calc-land-page-calc-bag-font-family: var(--font-family-light);
  --bag-calc-land-page-calc-bag-color: var(--info-call-to-actn-calc-bag-color);
  --bag-calc-land-page-calc-bag-font-weight: var(--font-weight-500);
  --bag-calc-land-page-est-desc-font-family: var(--font-family-light);
  --bag-calc-land-page-est-desc-color: var(
    --info-call-to-actn-bagwrap-bag-est-desc-color
  );
  --bag-calc-land-page-est-desc-font-size: var(
    --info-call-to-actn-bagwrap-est-desc-md-font-size
  );
  --bag-calc-land-page-est-desc-line-height: var(
    --info-call-to-actn-bagwrap-est-desc-md-line-height
  );
  --bag-cacl-land-without-trip-heading-font-family: var(--font-family-light);
  --bag-cacl-land-without-trip-heading-color: var(
    --bgcl-smpl-bagwrap-wthout-trp-hdng-color
  );
  --bag-cacl-land-without-trip-heading-font-size: var(
    --info-call-to-actn-bagwrap-est-subtitle-sm-font-size
  );
  --bag-cacl-land-without-trip-heading-line-height: var(
    --info-call-to-actn-bagwrap-est-subtitle-sm-line-height
  );
  --bag-cacl-land-without-trip-heading-font-weight: var(--font-weight-500);
  --bag-cacl-land-without-trip-desc-font-family: var(--font-family-light);
  --bag-cacl-land-without-trip-desc-color: var(
    --bgcl-smpl-bagwrap-bag-est-desc-color
  );
  --bag-cacl-land-without-trip-desc-font-size: var(
    --info-call-to-actn-bagwrap-est-desc-md-font-size
  );
  --bag-cacl-land-without-trip-desc-line-height: var(
    --info-call-to-actn-bagwrap-est-desc-md-line-height
  );
  --bag-cacl-land-flight-info-font-family: var(
    --bgcl-smpl-bagwrap-info-ctnr-flt-info-font-family
  );
  --bag-cacl-land-flight-info-font-size: var(
    --bgcl-smpl-bagwrap-info-ctnr-flt-info-sm-font-size
  );
  --bag-cacl-land-flight-info-line-height: var(
    --bgcl-smpl-bagwrap-info-ctnr-flt-info-sm-line-height
  );
  --bag-cacl-land-flight-info-font-weight: var(--font-weight-500);
  --bag-cacl-land-flight-info-color: var(--idp-secondary);
  --bag-cacl-land-rule-font-family: var(
    --bgcl-smpl-bagwrap-info-ctnr-rule-font-family
  );
  --bag-cacl-land-rule-font-size: var(--font-size-13px);
  --bag-cacl-land-rule-line-height: var(--font-size-16px);
  --bag-cacl-land-rule-color: var(--bgcl-smpl-bagwrap-info-cntnr-rule-color);
  --bag-cacl-land-flight-input-font-family: var(--input-font-family);
  --bag-cacl-land-flight-input-font-size: var(--input-font-size);
  --bag-cacl-land-flight-input-font-weight: var(--font-weight-400);
  --bag-cacl-land-flight-input-line-height: var(--line-height-22);
  --bag-cacl-land-flight-input-color: var(--ctc-input-text-color);
  --bag-cacl-land-flight-onbexp-label-font-family: var(
    --input-lbl-txt-actn-font-family
  );
  --bag-cacl-land-flight-onbexp-label-font-size: var(--font-size-13px);
  --bag-cacl-land-flight-onbexp-label-line-height: var(--line-height-16-px);
  --bag-cacl-land-flight-onbexp-label-color: var(--idp-label-color);
  --bag-cacl-land-flight-onbexp-select-font-family: var(
    --idp-drdwn-font-family-book
  );
  --bag-cacl-land-flight-onbexp-select-font-size: var(--drpdwn-slctd-font-size);
  --bag-cacl-land-flight-onbexp-select-line-height: var(--drpdwn-line-height);
  --bag-cacl-land-flight-onbexp-select-color: var(--idp-secondary-light);
  --bag-cacl-land-flight-cldr-drdwn-label-font-family: var(
    --input-lbl-txt-actn-font-family
  );
  --bag-cacl-land-flight-cldr-drdwn-label-font-size: var(--font-size-13px);
  --bag-cacl-land-flight-cldr-drdwn-label-line-height: var(--line-height-16-px);
  --bag-cacl-land-flight-cldr-drdwn-label-color: var(--idp-label-color);
  --bag-cacl-land-flight-cldr-slctd-font-family: var(--font-family-base);
  --bag-cacl-land-flight-cldr-slctd-font-size: var(
    --cldr-drpdwn-slctd-font-size
  );
  --bag-cacl-land-flight-cldr-slctd-line-height: var(--cldr-drpdwn-line-height);
  --bag-cacl-land-flight-cldr-slctd-color: var(--cldr-drpdwn-slctd-font-color);
  --bag-cacl-land-flight-act-military-visibility: var(--visibility-visible);
  --bag-cacl-land-flight-hdr-title-font-family: var(
    --bgcl-modal-hdr-title-font-family
  );
  --bag-cacl-land-flight-hdr-title-font-size: var(
    --idp-alert-modal-header-title-font-size
  );
  --bag-cacl-land-flight-hdr-title-font-weight: var(--font-weight-500);
  --bag-cacl-land-flight-hdr-title-line-height: var(
    --bgcl-modal-hdr-line-height
  );
  --bag-cacl-land-flight-hdr-title-color: var(
    --bgcl-modal-hdr-title-font-color
  );
  --bag-cacl-land-flight-dlog-txtcnt-font-family: var(
    --modal-dlg-cnt-font-family
  );
  --bag-cacl-land-flight-dlog-txtcnt-font-size: var(--font-size-16px);
  --bag-cacl-land-flight-dlog-txtcnt-line-height: 1.5rem;
  --bag-cacl-land-flight-dlog-txtcnt-color: var(--modal-text-content-color);
  --bag-cacl-land-flight-primary-btn-font-family: var(--btn-large-font);
  --bag-cacl-land-flight-primary-btn-font-size: var(--btn-font-size);
  --bag-cacl-land-flight-primary-btn-font-weight: var(--font-weight-400);
  --bag-cacl-land-flight-primary-btn-line-height: var(
    --bttn-idp-btn-line-height
  );
  --bag-cacl-land-flight-primary-btn-color: var(--white);
  --bag-cacl-land-flight-cldr-date-title-font-family: var(
    --idp-calendar-title-font-family
  );
  --bag-cacl-land-flight-cldr-date-title-font-size: var(
    --idp-calendar-title-font-size
  );
  --bag-cacl-land-flight-cldr-date-title-line-height: var(
    --cldr-drpdwn-line-height
  );
  --bag-cacl-land-flight-cldr-date-title-color: var(
    --idp-calendar-title-font-color
  );
  --bag-cacl-land-flight-cldr-tbl-itm-font-family: var(
    --idp-calendar-table-item-font-family
  );
  --bag-cacl-land-flight-cldr-tbl-itm-font-size: var(
    --idp-calendar-table-item-font-size
  );
  --bag-cacl-land-flight-cldr-tbl-itm-line-height: var(--line-height-40);
  --bag-cacl-land-flight-cldr-tbl-itm-color: var(
    --idp-calendar-table-item-font-color
  );
  --bag-cacl-land-flight-cldr-tbl-inactve-itm-color: var(
    --idp-calendar-table-item-inactive
  );
  --bag-cacl-land-flight-cldr-day-font-family: var(
    --idp-calendar-days-font-family
  );
  --bag-cacl-land-flight-cldr-day-font-size: var(--idp-calendar-days-font-size);
  --bag-cacl-land-flight-cldr-day-line-height: var(--cldr-drpdwn-line-height);
  --bag-cacl-land-flight-cldr-day-color: var(--idp-calendar-days-font-color);
  --bag-cacl-land-flight-cldr-tbl-fcus-border: var(
    --idp-calendar-table-item-anchor-border
  );
  --bag-cacl-land-flight-cldr-tbl-evnt-color: var(
    --idp-calendar-focused-table-item-font-color
  );
  --bag-cacl-land-flight-cldr-tbl-evnt-border: var(--border-width-1) solid
    transparent;
  --bag-cacl-land-flight-cldr-clear-btn-font-family: var(--font-family-bold);
  --bag-cacl-land-flight-cldr-clear-btn-font-size: var(--font-size-12px);
  --bag-cacl-land-flight-cldr-clear-btn-font-weight: var(--font-weight-400);
  --bag-cacl-land-flight-cldr-clear-btn-line-height: inherit;
  --bag-cacl-land-flight-cldr-clear-btn-color: var(--idp-accent);
  --bag-cacl-land-flight-cldr-done-btn-font-family: var(--font-family-bold);
  --bag-cacl-land-flight-cldr-done-btn-font-size: var(--font-size-10px);
  --bag-cacl-land-flight-cldr-done-btn-font-weight: var(--font-weight-400);
  --bag-cacl-land-flight-cldr-done-btn-line-height: var(--line-height-base);
  --bag-cacl-land-flight-cldr-done-btn-color: var(--white);
  --bag-cacl-land-flight-onbexp-slct-des-font-family: var(
    --idp-drdwn-font-family
  );
  --bag-cacl-land-flight-onbexp-slct-des-font-size: var(
    --idp-dropdown-list-font-size
  );
  --bag-cacl-land-flight-onbexp-slct-des-line-height: var(
    --idp-dropdown-list-line-height
  );
  --bag-cacl-land-flight-onbexp-slct-des-color: var(--idp-drdwn-color);
  --bag-cacl-land-flight-onbexp-slct-hover-background-color: var(
    --idp-drwn-active-bg-color
  );
  --bag-cacl-land-flight-onbexp-slct-hover-color: var(--idp-drdwn-active-color);
  --bag-cacl-land-flight-cldr-tbl-fcus-color: var(
    --idp-calendar-table-item-font-color
  );
  --bag-cacl-land-flight-cldr-drdwn-label-dark-color: var(--idp-secondary);
  --bag-cacl-sigl-cldr-arow-left-background: url('/content/dam/delta-applications/ui-kit/assets/svg/calendar/arrow-left.svg')
    no-repeat transparent;
  --bag-cacl-sigl-cldr-arow-right-background: url('/content/dam/delta-applications/ui-kit/assets/svg/calendar/arrow-right.svg')
    no-repeat transparent;
  --bag-cacl-drpdwn-cldr-svg-icon-fill: rgb(11, 31, 102);
  --bag-cacl-sigl-cldr-arow-right-background-position: var(
    --background-position-center
  );
  --bgcl-psngr-txt-title-font-family: var(--font-family-semibold);
  --bgcl-psngr-txt-title-font-size: var(--font-size-18px);
  --bgcl-psngr-txt-title-color: var(--modal-spcl-items-text-font-color);
  --bgcl-psngr-sec-border-bottom: var(--card-border-width) solid
    var(--idp-gray-201);
  --bgcl-psngr-row-border-bottom: 1px solid var(--idp-fieldset-disabled-border);
  --bgcl-mdl-hdr-color: var(--bgcl-modal-hdr-light-title-font-color);
  --bgcl-mdl-hdr-background-color: var(--bgcl-modal-hdr-light-bg-color);
  --bgcl-mdl-clse-icon-background: var(--idp-close-icon);
  --bgcl-rmv-mdl-crd-color: var(--idp-navyblue);
  --bgcl-rmv-mdl-crd-font-family: var(--font-family-semibold);
  --bgcl-rmv-mdl-crd-trip-type-font-family: var(--font-family-medium);
  --bgcl-rmv-mdl-crd-weight-size-color: var(--input-border-color);
  --bgcl-dalog-ftr-secntry-btn-font-family: var(--btn-large-font);
  --bgcl-dalog-ftr-secntry-btn-font-size: var(--btn-font-size);
  --bgcl-dalog-ftr-secntry-btn-font-weight: var(--font-weight-400);
  --bgcl-dalog-ftr-secntry-btn-line-height: var(--bttn-idp-btn-line-height);
  --bgcl-dalog-ftr-secntry-btn-color: var(--bttn-idp-secondary-color);
  --bgcl-dalog-ftr-secntry-btn-border: 0.125rem
    var(--bttn-idp-secondary-border-color) solid;
  --bgcl-dalog-ftr-secntry-btn-hover-color: var(
    --bttn-idp-secondary-text-color-hover
  );
  --bag-cacl-sigl-cldr-arow-left-background-position: var(
    --background-position-center
  );
  --bgcl-bag-wrpr-area-margin-top: var(--font-size-40px);
  --bgcl-drpdwn-lble-tooltip-icon: var(--margin-0);
  --bag-cacl-land-flight-cldr-done-btn-border-radius: var(--border-0);
  --bgcl-bag-dtals-span-hover-color: #2d4f8d;
  --bgcl-bag-dtals-span-color: #4470c3;
  --bgcl-bag-dtals-span-font-family: sans-serif;
  --bgcl-bag-dtals-span-font-size: var(--font-size-13px);
  --bgcl-bag-dtals-span-text-decoration: var(--text-decoration-none);
  --bag-cacl-land-flight-primary-btn-active-color: var(--idp-red-hover);
  --bag-cacl-land-flight-primary-btn-hover-color: var(--idp-red-hover);
  --baggage-modal-btn-large-visibility: var(--visibility-visible);
  --bgcl-count-bag-icon-font-family: sans-serif;
  --bgcl-rmve-mdl-icon-txt-font-family: var(--font-family-semibold);
  --bgcl-rmve-mdl-icon-txt-supr-font-family: var(--font-family-medium);
  --bgcl-err-tooltip-icon-visibility: var(--visibility-visible);
  --bgcl-err-tooltip-clse-icon-visibility: var(--visibility-visible);
  --bgcl-err-tooltip-msg-font-size: var(--font-size-13px);
  --bgcl-err-tooltip-msg-font-weight: var(--font-weight-500);
  --bgcl-err-tooltip-msg-color: var(--idp-error-tooltip-text-color);
  --bgcl-err-tooltip-background-color: var(--idp-error-tooltip-bg-color);
  --bgcl-err-tooltip-border-color: var(--idp-error-tooltip-bg-color)
    var(--idp-error-tooltip-bg-color);
  --bgcl-err-tooltip-box-shadow: var(--box-shadow-error-alert-warning-after);
  --bgcl-err-tooltip-wrpr-border: 1px solid var(--idp-ctc-error-text);
  --bag-cacl-land-flight-primary-btn-background: var(--idp-primary);
  --bag-cacl-land-flight-cldr-tbl-fcus-color: var(
    --idp-calendar-table-item-font-color
  );
  --bag-cacl-land-flight-cldr-drdwn-label-dark-color: var(--idp-secondary);
  --bag-cacl-sigl-cldr-arow-right-background: url('/content/dam/delta-applications/ui-kit/assets/svg/calendar/arrow-right.svg')
    no-repeat transparent;
  --bag-cacl-drpdwn-cldr-svg-icon-fill: rgb(11, 31, 102);
  --bag-cacl-sigl-cldr-arow-right-background-position: var(
    --background-position-center
  );
  --bgcl-psngr-txt-title-font-family: var(--font-family-semibold);
  --bgcl-psngr-txt-title-font-size: var(--font-size-18px);
  --bgcl-psngr-txt-title-color: var(--modal-spcl-items-text-font-color);
  --bgcl-psngr-sec-border-bottom: var(--card-border-width) solid
    var(--idp-gray-201);
  --bgcl-psngr-row-border-bottom: 1px solid var(--idp-fieldset-disabled-border);
  --bgcl-mdl-hdr-color: var(--bgcl-modal-hdr-light-title-font-color);
  --bgcl-mdl-hdr-background-color: var(--bgcl-modal-hdr-light-bg-color);
  --bgcl-mdl-clse-icon-background: var(--idp-close-icon);
  --bgcl-rmv-mdl-crd-color: var(--idp-navyblue);
  --bgcl-rmv-mdl-crd-font-family: var(--font-family-semibold);
  --bgcl-rmv-mdl-crd-trip-type-font-family: var(--font-family-medium);
  --bgcl-rmv-mdl-crd-weight-size-color: var(--input-border-color);
  --bgcl-dalog-ftr-secntry-btn-font-family: var(--btn-large-font);
  --bgcl-dalog-ftr-secntry-btn-font-size: var(--btn-font-size);
  --bgcl-dalog-ftr-secntry-btn-font-weight: var(--font-weight-400);
  --bgcl-dalog-ftr-secntry-btn-line-height: var(--bttn-idp-btn-line-height);
  --bgcl-dalog-ftr-secntry-btn-color: var(--bttn-idp-secondary-color);
  --bgcl-dalog-ftr-secntry-btn-border: 0.125rem
    var(--bttn-idp-secondary-border-color) solid;
  --bgcl-dalog-ftr-secntry-btn-hover-color: var(
    --bttn-idp-secondary-text-color-hover
  );

  /* 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);

  /* 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;
  --white-space-break-spaces: break-spaces;
  --upsell-modal-cursor: pointer;
  --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-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;
  /* checkboxes for Vigrin */
  --idp-login-checkbox-primary: var(--idp-secondary);
  --checkbox-primary: var(--idp-secondary);
  --checkbox-border-radius: 0;
  --checkbox-accent-color: none;
  --checkbox-label: var(--font-family-medium);
  /* viewport resolutions */
  --viewport-sm: 768px;
  --viewport-xs: 320px;
  /*overflow-wrap text*/
  --overflow-wrap-anywhere: anywhere;
  /* confirmation modal*/
  --confirmation-header: var(--font-family-light);
  /* margin*/
  --margin-minus-42: -2.625rem;
  --margin-minus-36: -2.25rem;
  --margin-minus-50: -3.125rem;
  --margin-top-minus-1: -0.0625rem;
  --margin-top-minus-6: -5.6px;
  --margin-top-minus-12: -12px;
  --margin-top-minus-16: -1rem;
  --margin-top-minus-20: -1.25rem;
  --margin-top-minus-25: -1.5625rem;
  --margin-top-minus-26: -1.625;
  --margin-top-minus-27: -1.6875rem;
  --margin-top-minus-45: -2.813rem;
  --margin-top-minus-50: -3.125rem;
  --margin-top-minus-81-6: -5.1rem;
  --margin-top-minus-96: -6rem;
  --margin-top-minus-100: -6.25rem;
  --margin-top-minus-150: -150px;

  --margin-auto: auto;
  --margin-unset: unset;
  --margin-inherit: inherit;
  --margin-0: 0;
  --margin-1-perc: 1%;
  --margin-01: 0.1rem;
  --margin-02: 0.2rem;
  --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-7-point-4-per: 7.4%;
  --margin-8: 0.5rem;
  --margin-9-point-6: 9.6px;
  --margin-10: 0.625rem;
  --margin-11: 0.688rem;
  --margin-12: 0.75rem;
  --margin-13: 0.813rem;
  --margin-14: 0.875rem;
  --margin-15: 0.9375rem;
  --margin-16: 1rem;
  --margin-17: 1.063rem;
  --margin-18: 1.125rem;
  --margin-20: 1.25rem;
  --margin-21: 1.3125rem;
  --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-34: 2.125rem;
  --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-46: 3rem;
  --margin-48: 3rem;
  --margin-50: 3.125rem;
  --margin-52: 3.25rem;
  --margin-53: 3.3125rem;
  --margin-55: 3.4375rem;
  --margin-56: 3.5rem;
  --margin-57: 3.5625rem;
  --margin-60: 3.75rem;
  --margin-61: 3.8125rem;
  --margin-63: 3.9375rem;
  --margin-66: 4.125rem;
  --margin-67: 4.1875rem;
  --margin-68: 4.25rem;
  --margin-69: 4.3125rem;
  --margin-71: 4.4375rem;
  --margin-72: 4.5rem;
  --margin-73: 4.5625rem;
  --margin-75: 4.6875rem;
  --margin-77: 4.8125rem;
  --margin-79: 4.9375rem;
  --margin-86: 5.375rem;
  --margin-87: 5.4375rem;
  --margin-90: 5.625rem;
  --margin-100: 6.25rem;
  --margin-112: 7rem;
  --margin-120: 7.5rem;
  --margin-142: 8.875rem;
  --margin-140: 8.75rem;
  --margin-144: 9rem;
  --margin-146: 9.125rem;
  --margin-175: 10.9375rem;
  --margin-210: 13.125rem;
  --margin-110: 6.875rem;
  --margin-150: 9.375rem;
  --margin-160: 10rem;
  --margin-248: 15.5rem;
  --margin-256: 16rem;
  --margin-288: 18rem;
  --margin-314: 19.625rem;
  --margin-328: 20.5rem;
  --margin-332: 20.75rem;
  --margin-336: 21rem;
  --margin-364: 22.75rem;
  --margin-384: 24rem;
  --margin-448: 28rem;
  --margin-720: 45rem;
  --margin-752: 47rem;
  --margin-800: 50rem;
  --margin-832: 52rem;
  --margin-880: 55rem;
  --margin-1216: 76rem;
  --margin-top-0: 0;
  --margin-top-1: 1rem;
  --margin-top-2: 0.125rem;
  --margin-top-3px-0px: 0.188rem 0rem;
  --margin-top-4: 0.25rem;
  --margin-top-3: 0.188;
  --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-16: 1rem;
  --margin-top-18: 1.125rem;
  --margin-top-20: 1.25rem;
  --margin-top-22: 1.375rem;
  --margin-top-23: 1.438rem;
  --margin-top-24: 1.5rem;
  --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-35-2: 2.2rem;
  --margin-top-40: 2.5rem;
  --margin-top-36: 2.25rem;
  --margin-top-40: 2.5rem;
  --margin-top-42: 2.625rem;
  --margin-top-43: 2.69rem;
  --margin-top-44: 2.75rem;
  --margin-top-47: 2.938rem;
  --margin-top-48: 3rem;
  --margin-top-51: 3.1875rem;
  --margin-top-64: 4rem;
  --margin-top-77: 4.8rem;
  --margin-top-78-px: 4.875rem;
  --margin-top-80: 5rem;
  --margin-top-81: 5.063rem;
  --margin-top-92: 5.75rem;
  --margin-top-160: 10rem;
  --margin-top-240: 15rem;
  --margin-top-0-perc: 0%;
  --margin-top-2-perc: 2%;
  --margin-top-3-perc: 3%;
  --margin-top-5-perc: 5%;
  --margin-top-10-perc: 10%;
  --margin-top-car: none;
  --margin-top-insurance: none;
  --margin-bottom-0: 0;
  --margin-bottom-1: 0.063rem;
  --margin-bottom-5: 0.31rem;
  --margin-bottom-6: 0.375rem;
  --margin-bottom-8: 0.5rem;
  --margin-bottom-9-6: 0.6rem;
  --margin-bottom-10: 0.625rem;
  --margin-bottom-12-8: 0.8rem;
  --margin-bottom-13: 0.8125;
  --margin-bottom-15: 0.9375rem;
  --margin-bottom-16: 1rem;
  --margin-bottom-19: 1.2rem;
  --margin-bottom-20: 1.25rem;
  --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-34: 2.125rem;
  --margin-bottom-35: 2.1875rem;
  --margin-bottom-36: 2.25rem;
  --margin-bottom-40: 2.5rem;
  --margin-bottom-41: 2.563rem;
  --margin-bottom-42: 2.625rem;
  --margin-bottom-56: 3.5rem;
  --margin-bottom-58: 3.625rem;
  --margin-bottom-75: 4.7rem;
  --margin-bottom-80: 5rem;
  --margin-bottom-170: 10.625rem;
  --margin-bottom-minus-2: -0.125rem;
  --margin-bottom-11-perc: 11%;
  --margin-minus-2-4: -0.15rem;
  --margin-minus-3: -0.1875rem;
  --margin-minus-3-2: -0.2rem;
  --margin-minus-5: -0.3125rem;
  --margin-minus-5-point-2-per: -5.2%;
  --margin-minus-6: -0.375rem;
  --margin-minus-6-4: -0.4rem;
  --margin-minus-8: -0.5rem;
  --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-47: -2.9375rem;
  --margin-minus-50: -3.125rem;
  --margin-minus-55: -3.4375rem;
  --margin-minus-60: -3.75rem;
  --margin-minus-70: -4.375rem;
  --margin-minus-80: -5rem;
  --margin-minus-84: -5.25rem;
  --margin-minus-134: -8.375rem;
  --margin-minus-144: -9rem;
  --margin-minus-160: -10rem;
  --margin-minus-320: -20rem;
  --margin-minus-400: -25rem;
  --margin-bottom-minus-75: -4.7rem;
  --margin-bottom-70: 4.375rem;
  --margin-bottom-160: 10rem;
  --margin-left-auto: auto;
  --margin-left-0: 0;
  --margin-left-2: 0.125rem;
  --margin-left-3: 0.188rem;
  --margin-left-4: 0.25rem;
  --margin-left-5px: 5px;
  --margin-left-6: 0.375rem;
  --margin-left-8: 0.5rem;
  --margin-left-10: 0.625rem;
  --margin-left-11: 0.6875rem;
  --margin-left-12: 0.75rem;
  --margin-left-15: 0.94rem;
  --margin-left-16: 1rem;
  --margin-left-20: 1.25rem;
  --margin-left-25: 1.563rem;
  --margin-left-27: 1.688rem;
  --margin-left-30: 1.88rem;
  --margin-left-40: 2.5rem;
  --margin-left-45: 2.813rem;
  --margin-left-50: 3.125rem;
  --margin-left-60: 3.75rem;
  --margin-left-70: 4.375rem;
  --margin-left-72: 4.5rem;
  --margin-left-75: 4.688rem;
  --margin-left-80: 5rem;
  --margin-left-85: 5.313rem;
  --margin-left-94: 5.875rem;
  --margin-left-112: 7rem;
  --margin-left-115: 7.18rem;
  --margin-left-128: 8rem;
  --margin-left-150: 9rem;
  --margin-left-192: 12rem;
  --margin-left-220: 13.75rem;
  --margin-left-0-7-perc: 0.7%;
  --margin-left-4-perc: 4%;
  --margin-left-5-perc: 5%;
  --margin-left-10-perc: 10%;
  --margin-left-11-perc: 11%;
  --margin-left-12-perc: 12%;
  --margin-left-13-perc: 13%;
  --margin-left-15-perc: 15%;
  --margin-left-25-perc: 25%;
  --margin-left-85-perc: 85%;
  --margin-left-95-perc: 95%;
  --margin-left-2-minus-perc: -2%;
  --margin-left-3-minus-perc: -3%;
  --margin-left-3-5-minus-perc: -3.5%;
  --margin-left-4-minus-perc: -4%;
  --margin-left-4-4-minus-perc: -4.4%;
  --margin-left-5-minus-perc: -5%;
  --margin-left-6-minus-perc: -6%;
  --margin-left-8-minus-perc: -8%;
  --margin-left-9-minus-perc: -9%;
  --margin-left-12-minus-perc: -12%;
  --margin-left-55-minus-perc: -5.5%;
  --margin-left-65-minus-perc: -6.5%;
  --margin-left-minus-2: -0.125rem;
  --margin-left-minus-zero-12: -0.12rem;
  --margin-left-minus-5: -0.313rem;
  --margin-left-minus-3: -0.1875rem;
  --margin-left-minus-4: -4px;
  --margin-left-minus-7: -0.75rem;
  --margin-left-minus-8: -0.5rem;
  --margin-left-minus-14: -0.875rem;
  --margin-left-minus-30: -1.875rem;
  --margin-left-minus-21: -1.25rem;
  --margin-left-minus-22: -1.5rem;
  --margin-left-minus-32: -2rem;
  --margin-left-minus-39: -2.438rem;
  --margin-left-minus-192: -12rem;
  --margin-left-81: 0.81rem;
  --margin-right-auto: auto;
  --margin-right-0: 0;
  --margin-right-6: 0.6rem;
  --margin-right-10: 1rem;
  --margin-right-20: 1.25rem;
  --margin-right-30: 1.875rem;
  --margin-right-40: 2.5rem;
  --margin-right-60: 3.75rem;
  --margin-right-80: 5rem;
  --margin-right-11-perc: 11%;
  --margin-right-20-perc: 20%;
  --margin-right-27-perc: 27%;
  --margin-right-40-perc: 40%;
  --margin-top-minus: -1.7rem;
  --margin-top-11-minus-perc: -11%;
  --margin-top-17-minus-perc: -17%;
  --margin-top-19-minus-perc: -19%;
  --margin-top-20-minus-perc: -20%;
  --margin-top-22-minus-perc: -22%;
  --margin-top-24-minus-perc: -24%;
  --margin-top-25-minus-perc: -25%;
  --margin-top-30-minus-perc: -30%;
  --margin-top-35-minus-perc: -35%;
  --margin-0-percent: 0%;
  --margin-2-percent: 2%;
  --margin-4-percent: 4%;
  --margin-5-percent: 5%;
  --margin-5-5-percent: 5.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-405: 25.3125rem;
  --width-33-28: 2.08rem;
  --width-48: 3rem;
  --width-95: 5.938;
  --width-106: 6.625rem;
  --width-105: 6.563rem;
  --width-112: 7rem;
  --width-140: 8.75rem;
  --width-145: 9.063rem;
  --width-149: 9.313rem;
  --width-152: 9.5rem;
  --width-153: 9.5625rem;
  --width-179: 11.188rem;
  --width-182-4: 11.4rem;
  --width-190: 11.875rem;
  --width-200: 12.5rem;
  --width-217: 13.563rem;
  --width-249: 15.563rem;
  --width-250: 15.625rem;
  --width-251: 15.6875rem;
  --width-260: 16.25rem;
  /* --width-263:  */
  --width-273: 17.0625rem;
  --width-274: 17.125rem;
  --width-277: 17.313rem;
  --width-288: 18rem;
  --width-294: 18.375rem;
  --width-300: 18.75rem;
  --width-308: 19.25rem;
  --width-329: 20.563rem;
  --width-330: 20.625rem;
  --width-310: 19.375rem;
  --width-336: 21rem;
  --width-343: 21.4375rem;
  --width-345: 21.563rem;
  --width-354: 22.125rem;
  --width-362: 22.625rem;
  --width-375: 23.438rem;
  --width-394: 24.625rem;
  --width-407: 407.008rem;
  --width-381: 23.8125rem;
  --width-386: 24.125rem;
  --width-388: 24.25rem;
  --width-397: 24.8125rem;
  --width-420: 26.25rem;
  --width-458: 28.625rem;
  --width-464: 29rem;
  --width-474: 29.625rem;
  --width-480: 30rem;
  --width-505: 31.5625rem;
  --width-508: 31.75rem;
  --width-512: 32rem;
  --width-569: 35.563rem;
  --width-592: 37rem;
  --width-619: 38.688rem;
  --width-675: 42.188rem;
  --width-683: 42.688rem;
  --width-706: 44.125rem;
  --width-708: 44.25rem;
  --width-720: 45rem;
  --width-800: 50rem;
  --width-928: 58rem;
  --width-930: 58.125rem;
  --width-1180: 73.75rem;
  --width-1200: 75rem;
  --width-1042: 65.125rem;
  --width-125: 7.813rem;
  --width-126: 7.875rem;
  --width-128: 8rem;
  --width-45: 2.8125rem;
  --width-5: 9.6875rem;
  --width-83: 5.188rem;
  --width-319: 19.938rem;
  /* widths */
  --width-0-perc: 0%;
  --width-2-perc: 2%;
  --width-4-perc: 4%;
  --width-10-perc: 10%;
  --width-15-perc: 15%;
  --width-20-perc: 20%;
  --width-22-perc: 22%;
  --width-27-perc: 27%;
  --width-29-perc: 29.4%;
  --width-25-perc: 25%;
  --width-30-perc: 30%;
  --width-30-point-2-perc: 30.2%;
  --width-30-point-9-perc: 30.9%;
  --width-32-perc: 32%;
  --width-38-perc: 37.5%;
  --width-40-perc: 40%;
  --width-41-perc: 41%;
  --width-42-perc: 42%;
  --width-43-perc: 43%;
  --width-45-perc: 45%;
  --width-47-perc: 47%;
  --width-49-25-perc: 49.25%;
  --width-50-perc: 50%;
  --width-51-perc: 51%;
  --width-55-perc: 55%;
  --width-56-4-perc: 56.4%;
  --width-56-5-perc: 56.5%;
  --width-58-5-perc: 58.5%;
  --width-58-75-perc: 58.75%;
  --width-59-perc: 59%;
  --width-60-perc: 60%;
  --width-60-75-perc: 60.75%;
  --width-63-perc: 62.5%;
  --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-77-perc: 77%;
  --width-77-5-perc: 77.5%;
  --width-80-perc: 80%;
  --width-82-perc: 82%;
  --width-85-perc: 85%;
  --width-89-perc: 89%;
  --width-100-perc: 100%;
  --width-102-perc: 102%;
  --width-108-perc: 108%;
  --width-143-perc: 143%;
  --width-200-perc: 200%;
  --width-25-perc: 25%;
  --width-90-perc: 90%;
  --width-90-5-perc: 90.5%;
  --width-94: 94%;
  --width-96-perc: 96%;
  --width-98-perc: 98%;
  --width-99-perc: 99%;
  --width-1159: 72.438rem;
  --width-740: 46.25rem;
  --width-755: 47.188rem;
  --width-729: 45.5625rem;
  --width-884: 55.25rem;
  --width-60: 3.75rem;
  --width-75: 4.688rem;
  --width-70: 70%;
  --width-63: 63%;
  --width-337: 21.0625rem;
  --width-334: 20.875rem;
  --width-311: 19.438rem;
  --width-315: 19.6875rem;
  --width-299: 18.6875rem;
  --width-301: 18.813rem;
  --width-28: 1.875rem;
  --width-29: 1.8125rem;
  --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-10: 0.625rem;
  --width-180: 11.25rem;
  --width-233: 14.56rem;
  --width-193: 12.0625rem;
  --width-191: 11.9375rem;
  --width-186: 11.625rem;
  --width-175: 10.9375rem;
  --width-162: 10.125rem;
  --width-168-5: 10.531rem;
  --width-158: 9.875rem;
  --width-138: 8.625rem;
  --width-135: 8.4375rem;
  --width-138: 8.625rem;
  --width-134: 8.375rem;
  --width-12: 0.75rem;
  --width-80: 5rem;
  --width-85: 5.31rem;
  --width-88: 5.5rem;
  --width-90: 5.625rem;
  --width-92: 5.75rem;
  --width-97: 6.0625rem;
  --width-101: 6.312rem;
  --width-104: 6.5rem;
  --width-108: 6.75rem;
  --width-100: 100%;
  --width-97-percent: 97%;
  --width-15: 0.9375rem;
  --width-16: 1rem;
  --width-17: 17px;
  --width-18: 1.125rem;
  --width-21: 21px;
  --width-25: 25px;
  --width-27: 1.688rem;
  --width-28: 28px;
  --width-30: 30px;
  --width-32: 2rem;
  --width-34: 2.125rem;
  --width-35: 35px;
  --width-40: 40px;
  --width-44: 2.75rem;
  --width-50: 3.125rem;
  --width-54: 3.375rem;
  --width-55: 55px;
  --width-56: 56px;
  --width-60: 60px;
  --width-64-304: 4.019rem;
  --width-66: 4.125rem;
  --width-1: 1px;
  --width-70: 4.375rem;
  --width-72: 4.5rem;
  --width-84: 5.25rem;
  --width-120: 7.5rem;
  --width-128-point-66: 8.0413rem;
  --width-210: 13.125rem;
  --width-215: 13.438rem;
  --width-216: 13.5rem;
  --width-217: 13.563rem;
  --width-225: 14.063rem;
  --width-229: 14.3125rem;
  --width-235: 14.688rem;
  --width-250: 15.625rem;
  --width-256: 16rem;
  --width-261: 16.313rem;
  --width-263: 16.438rem;
  --width-267: 16.688rem;
  --width-269-point-33: 16.833rem;
  --width-270: 16.875rem;
  --width-281: 17.5625rem;
  --width-283: 17.6875rem;
  --width-285-point-33: 17.833rem;
  --width-309: 19.313rem;
  --width-318: 19.875rem;
  --width-320: 20rem;
  --width-344: 21.5rem;
  --width-344-point-67: 21.5419rem;
  --width-345: 21.563rem;
  --width-350: 21.875rem;
  --width-352: 22rem;
  --width-354: 22.125rem;
  --width-356: 22.25rem;
  --width-360: 360px;
  --width-364: 22.75rem;
  --width-367: 22.938rem;
  --width-370: 23.125rem;
  --width-380: 23.75rem;
  --width-410: 25.625rem;
  --width-536: 33.5rem;
  --width-624: 39rem;
  --width-656: 41rem;
  --width-696: 43.5rem;
  --width-767: 47.938rem;
  --width-768: 48rem;
  --width-625: 625px;
  --width-1099: 68.688rem;
  --width-1152: 72rem;
  --width-1156: 72.25rem;
  --width-1180: 73.75rem;
  --width-1280: 80rem;
  --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;
  --width-inherit: inherit;
  --width-fit-content: fit-content;
  --column-count-2: 2;
  --column-count-1: 1;
  --banner-image-max-width-5-percent: 5%;
  --width-243: 15.188rem;
  --width-unset: unset;

  /* heights */
  --height-0: 0;
  --height-0-785: 0.049rem;
  --height-1: 0.063rem;
  --height-1-point-852: 0.1158rem;
  --height-2: 0.125rem;
  --height-3: 0.188rem;
  --height-4: 0.25rem;
  --height-6: 0.375rem;
  --height-8: 0.5rem;
  --height-9-point-33: 0.583rem;
  --height-10: 0.625rem;
  --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-21: 1.31rem;
  --height-24: 1.5rem;
  --height-25: 25px;
  --height-26: 1.875rem;
  --height-27: 1.688rem;
  --height-28: 1.75rem;
  --height-30: 1.875rem;
  --height-30-7: 1.919rem;
  --height-32: 2rem;
  --height-33: 2.063rem;
  --height-34: 2.125rem;
  --height-35: 35px;
  --height-38: 2.375rem;
  --height-39: 2.438rem;
  --height-40: 40px;
  --height-40-48: 2.53rem;
  --height-44: 2.75rem;
  --height-45: 2.8125rem;
  --height-48: 3rem;
  --height-50: 3.125rem;
  --height-51: 3.188rem;
  --height-52: 3.25rem;
  --height-53: 3.313rem;
  --height-54: 3.375rem;
  --height-55: 3.438rem;
  --height-56: 3.5rem;
  --height-60: 3.75rem;
  --height-63: 3.9375rem;
  --height-64: 4rem;
  --height-65: 4.063rem;
  --height-66: 4.125rem;
  --height-68: 4.25rem;
  --height-70: 4.375rem;
  --height-72: 4.5rem;
  --height-78: 4.875rem;
  --height-80: 5rem;
  --height-81: 5.063rem;
  --height-82: 5.125rem;
  --height-84: 5.25rem;
  --height-85: 5.3125rem;
  --height-88: 5.5rem;
  --height-90: 5.625rem;
  --height-96: 6rem;
  --height-100: 6.25rem;
  --height-103: 6.4375rem;
  --height-107: 6.688rem;
  --height-110: 6.875rem;
  --height-112: 7rem;
  --height-118: 7.375rem;
  --height-120: 7.5rem;
  --height-121: 7.5625rem;
  --height-122: 7.625rem;
  --height-123: 7.688rem;
  --height-126: 7.875rem;
  --height-135: 135px;
  --height-140: 8.75rem;
  --height-160: 10rem;
  --height-175: 10.938rem;
  --height-180: 11.25rem;
  --height-189: 11.8125rem;
  --height-190: 11.875 rem;
  --height-197: 12.3125rem;
  --height-211: 13.1875rem;
  --height-213: 13.3125rem;
  --height-216: 13.5rem;
  --height-227: 14.1875rem;
  --height-220: 13.75rem;
  --height-225: 14.063rem;
  --height-242: 15.125rem;
  --height-250: 250px;
  --height-227: 14.1875rem;
  --height-243: 15.188rem;
  --height-246: 15.375rem;
  --height-260: 16.25rem;
  --height-292: 18.25rem;
  --height-305: 19.063rem;
  --height-314: 19.625rem;
  --height-324: 20.25rem;
  --height-360: 22.5rem;
  --height-400: 25rem;
  --height-440: 27.5rem;
  --height-464: 29rem;
  --height-450: 28.125rem;
  --height-485: 30.313rem;
  --height-500: 31.25rem;
  --height-544: 34rem;
  --height-571: 35.688rem;
  --height-573: 35.813rem;
  --height-574: 35.875rem;
  --height-579: 36.188rem;
  --height-583: 36.438rem;
  --height-640: 40rem;
  --height-669: 41.85rem;
  --height-856: 53.5rem;
  --height-888: 55rem;
  --height-1892: 118.25rem;
  --height-2850: 178.125rem;
  --height-auto: auto;
  --height-unset: unset;
  --height-inherit: inherit;
  --height-fit-content: fit-content;
  --height-400: 400px;
  --height-2vh: 2vh;
  --height-10vh: 10vh;
  --height-20vh: 20vh;
  --height-30vh: 30vh;
  --height-25vh: 25vh;
  --height-45vh: 45vh;
  --height-60vh: 60vh;
  --height-75vh: 75vh;
  --height-95vh: 95vh;
  --height-100vh: 100vh;
  --height-130vh: 130vh;
  --height-200vh: 200vh;
  /* heights % values*/
  --height-percent-30: 30%;
  --height-percent-50: 50%;
  --height-percent-60: 60%;
  --height-percent-70: 70%;
  --height-percent-80: 80%;
  --height-percent-90: 90%;
  --height-percent-94: 94%;
  --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;

  /* SeatMap CSS */
  --seat-map-date-height: var(--height-48);
  --seat-map-date-border: var(--border-1px);
  --seat-map-airport-font-size: var(--font-size-18px);
  --seat-map-date-equipment-padding: var(--padding-6);
  --seat-key-close-icon-height: var(--height-60);
  --seat-key-legend-title-font-weight: var(--font-weight-600);

  /* 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;

  /* Login Modal min-heights*/
  --min-height-304: 19rem;
  --background-sprite-image: url('/content/dam/delta-www/responsive/apps/login/spriteImage.svg');
  --scroll: scroll;
  --max-height-70vh: 70vh;

  /* 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;

  /*  skymiles earnometer values */
  --border-10px-transparent: 10px solid transparent;
  --border-0px-transparent: 0px solid transparent;
  --earnometer-animation: 2.5s ease-out 0s forwards;
  --earnometer-pending-animation: 2.5s ease-out 0s forwards;
  --earnometer-base-color: #d9dde8;
  --earnometer-0-deg: 0deg;
  --earnometer-1-deg: 1deg;
  --earnometer-100-deg: 100deg;
  --earnometer-150-deg: 150deg;
  --earnometer-210-deg: 210deg;
  --earnometer-270-deg: 270deg;
  --earnometer-330-deg: 330deg;
  --earnometer-value-210: 210;
  --earnometer-value-150: 150;
  --earnometer-value-50: 50;
  --earnometer-value-100: 100;
  --earnometer-value-105: 105;
  --earnometer-value-300: 300;
  --earnometer-value-1-point-5: 1.5;
  --earnometer-value-2: 2;
  --earnometer-value-282: 282;
  --earnometer-value-263: 263;
  --earnometer-value-265: 265;
  --earnometer-value-271: 271;
  --earnometer-cirlce-at-50-0: circle at 50% 0;

  /* object fit */
  --object-fit-cover: cover;

  /* Common Units */
  /* px */
  --unit-0: 0;
  --unit-0-1: 0.1px;
  --unit-0-px: 0px;
  --unit-1-px: 1px;
  --unit-1-4-px: 1.4px;
  --unit-2-px: 2px;
  --unit-3-px: 3px;
  --unit-4-px: 4px;
  --unit-4-8-px: 4.8px;
  --unit-5-px: 5px;
  --unit-6-px: 6px;
  --unit-6-4-px: 6.4px;
  --unit-7-px: 7px;
  --unit-8-px: 8px;
  --unit-9-px: 9px;
  --unit-9-5-px: 9.5px;
  --unit-9-minus-px: -9px;
  --unit-10-px: 10px;
  --unit-11-px: 11px;
  --unit-12-px: 12px;
  --unit-13-px: 13px;
  --unit-14-px: 14px;
  --unit-15-px: 15px;
  --unit-15-408-px: 15.408px;
  --unit-15-6-px: 15.6px;
  --unit-16-px: 16px;
  --unit-17-px: 17px;
  --unit-18-px: 18px;
  --unit-20-px: 20px;
  --unit-21-px: 21px;
  --unit-22-px: 22px;
  --unit-24-px: 24px;
  --unit-25-px: 25px;
  --unit-26-px: 26px;
  --unit-minus-26-px: 26px;
  --unit-27-px: 27px;
  --unit-28-px: 28px;
  --unit-23-px: 23px;
  --unit-23-6-px: 23.63px;
  --unit-24-px: 24px;
  --unit-26-px: 26px;
  --unit-32-px: 32px;
  --unit-32-3-px: 32.3px;
  --unit-34-px: 34px;
  --unit-34-minus-px: -34px;
  --unit-30-px: 30px;
  --unit-31-px: 31px;
  --unit-32-px: 32px;
  --unit-34-5-px: 34.5px;
  --unit-35-px: 35px;
  --unit-36-px: 36px;
  --unit-37-px: 37px;
  --unit-40-px: 40px;
  --unit-42-px: 42px;
  --unit-45-px: 45px;
  --unit-46-px: 46px;
  --unit-47-px: 47px;
  --unit-48-px: 48px;
  --unit-40-minus-px: -40px;
  --unit-50-px: 50px;
  --unit-51-px: 51px;
  --unit-60-px: 60px;
  --unit-61-px: 61px;
  --unit-52-px: 52px;
  --unit-53-px: -53px;
  --unit-55-px: 55px;
  --unit-20-minus-px: -1.25rem;
  --unit-78-minus-px: -4.875rem;
  --unit-62-5-minus-px: -3.906rem;
  --unit-63-minus-px: -3.938rem;
  --unit-62-px: 62px;
  --unit-63-px: 63px;
  --unit-64-px: 64px;
  --unit-minus-64-px: -64px;
  --unit-65-px: 65px;
  --unit-67-px: 67px;
  --unit-68-px: 4.25rem;
  --unit-70-px: 70px;
  --unit-71-px: 71px;
  --unit-72-px: 72px;
  --unit-76-px: 76px;
  --unit-75-px: 75px;
  --unit-77-px: 77px;
  --unit-78-px: 78px;
  --unit-80-px: 80px;
  --unit-82-px: 82px;
  --unit-70-px: 4.375rem;
  --unit-85-px: 85px;
  --unit-90-px: 90px;
  --unit-91-px: 91px;
  --unit-95-px: 95px;
  --unit-98-px: 98px;

  --unit-100-px: 100px;
  --unit-102-px: 102px;
  --unit-103-px: 103px;
  --unit-107-px: 107px;
  --unit-110-px: 110px;
  --unit-114-minus-px: -7.125rem;
  --unit-115-px: 115px;
  --unit-118-px: 118px;
  --unit-122-px: 122px;
  --unit-125-px: 125px;
  --unit-129-px: 129px;
  --unit-130-px: 8.125rem;
  --unit-131-px: 131px;
  --unit-132-px: 132px;
  --unit-134-px: 134px;
  --unit-140-px: 140px;
  --unit-141-px: 141px;
  --unit-145-px: 145px;
  --unit-146-px: 146px;
  --unit-149-px: 9.313rem;
  --unit-150-px: 150px;
  --unit-153-px: 153px;
  --unit-163-px: 163px;
  --unit-165-px: 165px;
  --unit-166-px: 166px;
  --unit-175-px: 175px;
  --unit-176-px: 176px;
  --unit-180-px: 180px;
  --unit-182-px: 182px;
  --unit-185-px: 185px;
  --unit-197-px: 192px;
  --unit-200-px: 200px;
  --unit-205-px: 205px;
  --unit-210-px: 210px;
  --unit-214-px: 214px;
  --unit-206-px: 206px;
  --unit-207-px: 207px;
  --unit-220-px: 220px;
  --unit-225-px: 225px;
  --unit-227-px: 227px;
  --unit-230-px: 230px;
  --unit-234-px: 234px;
  --unit-235-px: 235px;
  --unit-239-px: 239px;
  --unit-247-px: 247px;
  --unit-260-px: 260px;
  --unit-270-px: 270px;
  --unit-275-px: 275px;
  --unit-279-px: 279px;
  --unit-280-px: 280px;
  --unit-285-px: 285px;
  --unit-291-px: 291px;
  --unit-295-px: 295px;
  --unit-286-px: 286px;
  --unit-300-px: 300px;
  --unit-307-px: 307px;
  --unit-310-px: 310px;
  --unit-314-px: 314px;
  --unit-320-px: 320px;
  --unit-324-px: 324px;
  --unit-325-px: 325px;
  --unit-340-px: 340px;
  --unit-344-px: 344px;
  --unit-346-px: 346px;
  --unit-350-px: 350px;
  --unit-365-px: 365px;
  --unit-375-px: 375px;
  --unit-390-px: 390px;
  --unit-400-px: 400px;
  --unit-406-px: 406px;
  --unit-425-px: 425px;
  --unit-430-px: 430px;
  --unit-451-px: 451px;
  --unit-456-px: 456px;
  --unit-474-px: 474px;
  --unit-490-px: 490px;
  --unit-500-px: 500px;
  --unit-625-px: 625px;
  --unit-800-px: 800px;
  --unit-265-px-minus: -265px;
  --unit-3-px-minus: -3px;
  --unit-6-px-minus: -6px;
  --unit-14-px-minus: -14px;
  --unit-21-px-minus: -21px;
  --unit-395-px-minus: -395px;
  --unit-277-px-minus: -277px;
  --unit-67-px-minus: -67px;
  --unit-68-px-minus: -68px;
  --unit-69-px-minus: -69px;

  /* rem */
  --unit-2-rem: 0.125rem;
  --unit-2-4-rem: 0.15rem;
  --unit-3-rem: 0.1875rem;
  --unit-0-point-24-rem: 0.24rem;
  --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-8-px: 0.5rem;
  --unit-10-px: 0.625rem;
  --unit-16-px: 1rem;
  --unit-24-px: 1.5rem;
  --unit-39-px: 2.4375rem;
  --unit-59-2-px: 3.7rem;
  --unit-144-px: 9rem;
  --unit-176-px: 11rem;
  --unit-368-px: 23rem;
  --unit-432-px: 27rem;
  --unit-524-px: 33rem;
  --unit-732-px: 732px;
  --unit-1000-px: 62.5rem;
  /* percent */
  --unit-min-50-percent: -50%;
  --unit-min-40-percent: -40%;
  --unit-min-10-percent: -10%;
  --unit-0-percent: 0%;
  --unit-4-percent: 4%;
  --unit-6-percent: 6%;
  --unit-6-65percent: 6.65%;
  --unit-8-percent: 8%;
  --unit-7-percent: 7%;
  --unit-10-percent: 10%;
  --unit-12-percent: 12%;
  --unit-12-5-percent: 12.5%;
  --unit-14-percent: 14%;
  --unit-16-percent: 16%;
  --unit-18-percent: 18%;
  --unit-20-percent: 20%;
  --unit-21-percent: 21%;
  --unit-23-percent: 23%;
  --unit-24-8-percent: 24.8%;
  --unit-25-percent: 25%;
  --unit-26-percent: 26%;
  --unit-27-percent: 27%;
  --unit-28-percent: 28%;
  --unit-29-percent: 29%;
  --unit-30-percent: 30%;
  --unit-31-percent: 31%;
  --unit-32-percent: 32%;
  --unit-33-percent: 33%;
  --unit-35-percent: 35%;
  --unit-36-percent: 36%;
  --unit-37-percent: 37%;
  --unit-40-percent: 40%;
  --unit-42-percent: 42%;
  --unit-44-percent: 44%;
  --unit-45-percent: 45%;
  --unit-46-percent: 46%;
  --unit-48-percent: 48%;
  --unit-45-5-percent: 45.5%;
  --unit-49-percent: 49%;
  --unit-50-percent: 50%;
  --unit-53-percent: 53%;
  --unit-54-percent: 54%;
  --unit-55-percent: 55%;
  --unit-56-percent: 56%;
  --unit-60-percent: 60%;
  --unit-64-percent: 64%;
  --unit-65-percent: 65%;
  --unit-70-percent: 70%;
  --unit-89-percent: 89%;
  --unit-92-3-percent: 92.3%;
  --unit-68-percent: 68%;
  --unit-72-percent: 72%;
  --unit-74-percent: 74%;
  --unit-77-5-percent: 77.5%;
  --unit-78-percent: 78%;
  --unit-80-percent: 80%;
  --unit-81-percent: 81%;
  --unit-90-5-percent: 90%;
  --unit-92-percent: 92%;
  --unit-93-5-percent: 93.5%;
  --unit-96-percent: 96%;
  --unit-minus-96-percent: -96%;
  --unit-97-percent: 97%;
  --unit-95-percent: 95%;
  --unit-100-percent: 100%;
  --unit-101-percent: 101%;
  --unit-103-percent: 103%;
  --unit-106-percent: 106%;
  --unit-107-percent: 107%;
  --unit-109-percent: 109%;
  --unit-110-percent: 110%;
  --unit-115-percent: 115%;
  --unit-120-percent: 120%;
  --unit-123-percent: 123%;
  --unit-125-percent: 125%;
  --unit-128-percent: 128%;
  --unit-129-percent: 129%;
  --unit-130-percent: 130%;
  --unit-131-percent: 131%;
  --unit-135-percent: 135%;
  --unit-136-percent: 136%;
  --unit-137-percent: 137%;
  --unit-139-percent: 139%;
  --unit-146-percent: 146%;
  --unit-150-percent: 150%;
  --unit-200-percent: 200%;

  /* vh */
  --unit-100-vh: 100vh;
  --unit-80-vh: 80vh;
  --unit-77-vh: 77vh;
  --unit-65-vh: 65vh;
  --unit-54-vh: 54vh;
  --unit-41-vh: 41vh;
  --unit-35-vh: 35vh;
  --unit-0-vh: 0vh;

  /* vw */
  --unit-30-vw: 30vw;
  --unit-45-vw: 45vw;
  --unit-64-vw: 64vw;
  --unit-80-vw: 80vw;

  /* widths */
  --width-30-pixel: 30px;
  --width-100-px: 100px;
  --width-100-vw: 100vw;
  --max-width-1059: 66.18rem;
  --max-width-186: 11.62rem;
  --max-width-217: 13.563rem;
  --max-width-275: 17.1875rem;
  --max-width-335: 20.938rem;
  --max-width-345: 21.563rem;
  --max-width-446: 27.875rem;
  --max-width-576: 36rem;
  --max-width-704: 44rem;
  --max-width-770: 48.125rem;
  --max-width-771: 48.188rem;
  --max-width-375px: 23.438rem;
  --max-width-730px: 45.625rem;
  --max-width-932px: 58.25rem;
  --max-width-963px: 60.188rem;
  --max-width-976px: 61rem;
  --max-width-992px: 62rem;
  --max-width-1008px: 63rem;
  --max-width-1140px: 71.25rem;
  --max-width-1156px: 72.25rem;
  --max-width-1180px: 73.75rem;
  --max-width-1439px: 89.9375;
  --max-width-38-perc: 37.5%;
  --max-width-63-perc: 62.5%;
  --max-width-65-perc: 65%;
  --max-width-100-perc: 100%;
  /* 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;

  /* gap */
  --column-gap-2px: 2px;
  --column-gap-5px: 5px;
  --column-gap-7px: 7px;
  --column-gap-10px: 10px;
  --column-gap-15px: 15px;
  --row-gap-0: 0px;
  --row-gap-10px: 10px;
  --row-gap-15px: 15px;
  --row-gap-12px: 12px;
  --gap-29px: 29px;
  --gap-30px: 30px;
  --gap-59px: 59px;
  --row-gap-100: 100px;
  --gap-124px: 7.75rem;
  --gap-5px: 5px;

  /* top */
  --top-2-minus: -2rem;
  --top-2px-minus: -0.125rem;
  --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-25px-minus: -1.563rem;
  --top-27px-minus: -1.688rem;
  --top-30px-minus: -1.875rem;
  --top-35px-minus: -2.1875rem;
  --top-50px-minus: -3.125rem;
  --idp-alert-tooltip-after-top: var(--padding-97-percent);
  /*-5px */

  --top-0: 0rem;
  --top-3: 0.188rem;
  --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-25: 1.563rem;
  --top-29: 1.813rem;
  --top-30: 1.875rem;
  --top-35: 2.188rem;
  --top-47: 2.938rem;
  --top-48: 3rem;
  --top-51: 3.19rem;
  --top-56: 3.5rem;
  --top-59: 3.688rem;
  --top-76: 4.75rem;
  --top-77: 4.813rem;
  --top-80: 5rem;
  --top-100: 6.25rem;
  --top-122: 7.625rem;
  --top-387: 24.188;
  --top-219: 13.688rem;
  --top-220: 13.75rem;
  --top-235: 14.688rem;
  --top-236: 14.75rem;
  --top-240: 15rem;
  --top-242: 15.125rem;
  --top-239: 14.938rem;
  --top-400: 25rem;
  --top-410: 25.625rem;
  --top-407: 25.437rem;
  --top-861: 53.813rem;
  --top-minus-22: -1.375rem;
  --top-minus-45: -2.813rem;
  --top-minus-58: -3.625rem;
  --top-auto: auto;
  --top-unset: unset;

  /* top %*/
  --top-100-perc-minus: -100%;
  --top-100-perc: 100%;
  --top-0-perc: 0%;
  --top-2-perc: 2%;
  --top-10-perc: 10%;
  --top-32-6-perc: 32.6%;
  --top-33-perc: 33%;
  --top-55-perc: 55%;
  --top-197-perc: 197%;
  --top-255-perc: 255%;
  --top-92-perc-minus: -92%;
  --top-50-perc: 50%;

  /* right */
  --right-0: 0;
  --right-28: 1.75rem;
  --right-30: 1.875rem;
  --right-102: 6.375rem;
  --right-108: 6.75rem;
  --right-109: 6.813rem;
  --right-112: 7rem;
  --right-unset: unset;
  --right-10-minus: -10px;
  --right-35-minus: -35px;

  /* left */
  --left-0: 0;
  --left-5: 0.313rem;
  --left-18: 1.13rem;
  --left-20: 1.38rem;
  --left-23: 1.44rem;
  --left-30: 1.875rem;
  --left-4: 0.25rem;
  --left-minus-23: -1.4375rem;
  --left-minus-66: -4.125rem;
  --left-minus-72: -4.5rem;
  --left-minus-104: -6.5rem;
  --left-minus-117: -7.313rem;
  --left-minus-194: -12.125rem;
  --left-44: 2.75rem;
  --left-10px: 10px;
  --left-20px: 20px;
  --left-93-82-perc: 93.82%;
  --left-unset: unset;
  --left-minus-15: -0.9375rem;
  --left-minus-25: -1.563rem;
  --left-450: 28.125rem;

  /* left % */
  --left-2-perc: 2%;
  --left-3-perc: 3%;
  --left-5-perc: 5%;
  --left-10-perc: 10%;
  --left-11-5-perc: 11.5%;
  --left-28-perc: 28%;
  --left-33-perc: 33%;
  --left-14-perc: 14%;
  --left-40-perc: 40%;
  --left-11-perc: 11%;
  --left-85-perc: 85%;
  --left-50-perc: 50%;
  --left-51-7-perc: 51.7%;
  --left-52-7-perc: 52.7%;
  --left-53-5-perc: 53.5%;
  --left-53-7-perc: 53.7%;
  --left-55-7-perc: 55.7%;
  --left-54-7-perc: 54.7%;
  --left-55-7-perc: 55.7%;
  --left-56-perc: 56%;
  --left-56-9-perc: 56.9%;
  --left-57-perc: 57%;
  --left-60-5-perc: 60.5%;
  --left-63-perc: 63%;
  --left-100-perc: 100%;
  --left-117-perc: 117%;
  --left-129-perc: 129%;
  --left-minus-25-perc: -25%;
  --left-minus-87-perc: -87%;
  --left-minus-106-perc: -106%;
  --left-minus-194-perc: -194%;

  /* Right % */
  --right-0-perc: 0%;
  --right-9-perc: 9%;

  /* bottom */
  --bottom-10: 0.625rem;
  --bottom-15: 0.9375rem;
  --bottom-30: 1.875rem;
  --bottom-35: 2.1875rem;
  --bottom-36: 2.25rem;
  --bottom-38: 2.375rem;
  --bottom-68: 4.25rem;
  --bottom-2-perc: 2%;
  --botton-15-perc: 15%;
  --bottom-100-perc: 100%;
  --bottom-1px: 0.06rem;
  --bottom-2px: 0.13rem;
  --bottom-52: 3.25rem;
  --bottom-80: 5rem;
  --bottom-51-58-perc: 51.58%;
  --bottom-52-8-perc: 52.8%;
  --bottom-auto: auto;

  /* background */
  --background-position-95-percent: 95%;
  --background-position-90-percent: 90%;
  --background-size-400-percent: 400%;
  --background-position-0: 0;
  --background-position-minus-135: -135%;
  --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-input-disabled-background: #eceeef;
  --idp-alert-second-header-bg-color: var(--idp-skyblue);
  --background-size-cover: cover;
  --background-color-unset: unset;
  --background-position-bottom: bottom;
  --background-position-top: top;
  --background-no-repeat: no-repeat;
  --background-transparent: transparent;
  /* opacity */
  --opacity-point-two: 0.2;
  --opacity-point-four: 0.4;
  --opacity-0-4: 0.4;
  --opacity-half: 0.5;
  --opacity-point-8: 0.8;
  --opacity-zero: 0;
  --opacity-one: 1;
  /* 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-width: 0.3125rem;
  /* right */
  --right-0: 0;
  --right-26: 1.625rem;
  --right--29px: 1.8125rem;
  --right-30px: 1.875rem;
  --right-47: 2.938rem;
  --right-60px: 3.75rem;
  --right-72px: 4.5rem;
  --right-80: 5rem;
  --right-480px: 30rem;
  --right-520px: 32.5rem;
  --right-5px-minus: -0.313rem;
  --right-18px-minus: -1.125rem;
  --right-500px: 31.25rem;
  --right-515px: 32.188rem;
  --right-533px: 33.313rem;
  --right-540px: 33.75rem;
  --right-550px: 34.375rem;
  --right-580px: 36.25rem;
  --right-615px: 38.438rem;
  --right-650px: 40.625rem;
  /* 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;
  --outline-none: none;
  /* Idp Banner Variables */

  --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);

  /* 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;
  --overflow-auto: auto;
  --overflow-scroll: scroll;
  --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-4px: 0.25rem;
  --word-spacing-5px: 0.313rem;
  --word-spacing-8px: 0.5rem;
  --word-spacing-100vw: 100vw;
  /* Text alignment */
  --align-left: left;
  --align-right: right;
  --align-center: center;
  --align-stretch: stretch;
  --align-self-baseline: baseline;
  --align-self-start: flex-start;
  --align-self-end: flex-end;
  --align-self-center: center;
  --justify-self-start: flex-start;
  --justify-self-center: center;
  --justify-self-end: flex-end;
  /* Flex direction */
  --flex-direction-row: row;
  --flex-direction-column: column;
  --flex-direction-reverse: row-reverse;
  --flex-direction-column-reverse: column-reverse;
  --flex-direction-unset: unset;

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

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

  /* Flex order */
  --order-0: 0;
  --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;
  --white-space-nowrap: nowrap;
  --text-wrap-break-all: break-all;
  --word-wrap-break-word: break-word;
  /* Display */
  --display-none: none;
  --display-inline-grid: inline-grid;
  --display-inline-flex: inline-flex;
  --display-block: block;
  --display-flex: flex;
  --display-contents: contents;
  --display-grid: grid;
  --grid-template-columns-4fr: 1fr 1fr 1fr 1fr;
  --grid-template-halffr: 0.5fr;
  --grid-template-columns-1fr: 1fr;
  --grid-template-columns-halffr-1fr: 0.5fr 1fr;
  --grid-template-columns-156-1fr: 156px 1fr;
  --grid-template-columns-217-217-217: 217px 217px 217px;
  --grid-template-columns-434-434: 434px 434px;
  --grid-template-columns-5perc-40perc-55perc: 5% 40% 55%;
  --grid-template-columns-10perc-40perc-50perc: 10% 40% 50%;
  --grid-template-columns-20perc-35perc-45perc: 20% 35% 45%;
  --grid-template-columns-auto: auto auto;
  --grid-template-columns-repeat: repeat(3, 33.3%);
  --grid-template-column-repeat-90px: repeat(3, 90px);
  --grid-template-columns-35perc-65perc: 35% 65%;
  --grid-template-columns-1fr-46perc: 46% 1fr;
  --grid-template-columns-1fr-50perc: 50% 1fr;
  --grid-template-columns-repeat-1fr-3: repeat(3, 1fr);
  --grid-template-columns-repeat-1fr-2: repeat(2, 1fr);
  --grid-template-columns-16perc-16perc: 16% 16%;
  --grid-template-columns-3fr-1fr: 3fr 1fr;
  --grid-row-two-by-three: 2/3;
  --grid-row-one-by-two: 1/2;
  --grid-column-minus-one-by-one: -1/1;
  --grid-column-one-by-minus-one: 1/-1;
  --grid-column-one-by-three: 1/3;
  --grid-column-one-by-minus-three: 1/-3;
  --grid-column-two-by-three: 2/3;
  --grid-column-one-by-four: 1/4;
  --grid-template-columns-unset: unset;
  --grid-template-columns-none: none;
  --grid-template-rows-unset: unset;
  --grid-template-row-auto: auto;
  --grid-column-gap-15: 0.94rem;
  --grid-row-gap-10: 0.625rem;
  --grid-row-2: 2;
  --display-inline: inline;
  --display-inline-block: inline-block;
  --display-table: table;
  --display-inline-table: inline-table;
  --justify-items-auto: auto;
  /* Grid fraction values */
  --fraction-0: 0fr;
  --fraction-1: 1fr;
  --fraction-2: 2fr;
  --fraction-3: 3fr;
  --fraction-4: 4fr;
  --fraction-5: 5fr;
  --fraction-6: 6fr;
  --fraction-8: 8fr;
  /* Grid gap values */
  --grid-gap-10: 10px;
  --grid-gap-12: 0.75rem;
  --grid-gap-16: 1rem;
  /* Justify */
  --justify-slef-center: center;
  --justify-content-center: center;
  --justify-slef-end: end;
  --justify-slef-start: start;
  --justify-slef-flex-start: flex-start;
  --justify-items-center: center;
  --justify-items-baseline: baseline;
  --justify-items-unset: unset;
  /* align items */
  --align-items-center: center;
  --align-items-unset: unset;
  --align-self-center: center;
  --align-self-start: flex-start;
  --align-self-end: flex-end;
  /* box sizing */
  --box-sizing-broder-box: border-box;
  --box-sizing-content-box: content-box;
  /*text align*/
  --text-align-right: right;
  --text-align-left: left;
  --text-align-center: center;
  --text-align-end: end;
  --text-align-unset: unset;
  --text-align-justify: justify;
  /* Vertical alignment*/
  --vertical-align-middle: middle;
  --vertical-align-super: super;
  --vertical-align-top: top;
  --vertical-align-sub: sub;
  /* Position */
  --position-unset: unset;
  --position-fixed: fixed;
  --position-sticky: sticky;
  --position-relative: relative;
  --position-absolute: absolute;
  --position-inherit: inherit;
  --position-static: static;
  --position-left: left;
  --position-right: right;
  /* 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-grow-1: 1;
  /* 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-26-2-percent: 26.2%;
  --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-374: 374px;
  --bp-375: 375px;
  --bp-376: 376px;
  --bp-480: 480px;
  --bp-575: 575px;
  --bp-576: 576px;
  --bp-760: 760px;
  --bp-767: 767px;
  --bp-768: 768px;
  --bp-769: 769px;
  --bp-820: 820px;
  --bp-961: 961px;
  --bp-991: 991px;
  --bp-992: 992px;
  --bp-993: 993px;
  --bp-1023: 1023px;
  --bp-1024: 1024px;
  --bp-1200: 1200px;
  --bp-1160: 1160px;
  --bp-1199: 1199px;
  --bp-1400: 1400px;
  --bp-1440: 1440px;
  --bp-1920: 1920px;
  --vs-size-211px: 211px;
  --vs-size-460px: 460px;
  /* 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);
  --find-mytrips-error-alert-border-color: var(--error-banner-red-border);
  --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;
  --background-position-y-zero: 0;
  /* 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-active-icon: url('/content/dam/delta-applications/ui-kit/assets/svg/transaction-management/account-circle.svg');
  --idp-tab-restart-icon: url('/content/dam/delta-applications/ui-kit/assets/svg/partner-awards/restart.svg');
  --idp-tab-inactive-icon-background: url('/content/dam/delta-applications/ui-kit/assets/svg/transaction-management/user-circle_black.svg')
    no-repeat;
  --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);

  /*Next Gen Promotion*/
  --skymiles-gradient: linear-gradient(63deg, #2a3a73 0%, #5970c2 100%);
  --gold-gradient: linear-gradient(66deg, #6c4f26 22.1%, #ac8545 78.13%);
  --silver-gradient: linear-gradient(64deg, #454f58 22.11%, #5e6b77 78.02%);
  --platinum-gradient: linear-gradient(65deg, #483e5d 22.15%, #726394 78.01%);
  --diamond-gradient: linear-gradient(63deg, #385468 22.15%, #648eac 78.02%);
  --360-gradient: linear-gradient(63deg, #101011 22.13%, #47494c 78.05%);

  --skymiles-pending-badge-color: #6477bd;
  --gold-pending-badge-color: #a27844;
  --silver-pending-badge-color: #848589;
  --platinum-pending-badge-color: #575166;
  --diamond-pending-badge-color: #6f93ac;
  --360-pending-badge-color: #4e4e4e;

  /*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-0deg: rotate(0deg);
  --idp-rotate-45deg: rotate(45deg);
  --idp-rotate-90deg: rotate(90deg);
  --idp-rotate-137deg: rotate(137deg);
  --idp-rotate-150deg: rotate(150deg);
  --idp-rotate-180deg: rotate(180deg);
  --idp-rotate-263deg: rotate(263deg);
  --idp-rotate-300deg: rotate(300deg);
  --idp-rotate-51deg: rotate(51deg);
  --idp-rotate-minus-45deg: rotate(-45deg);
  --idp-rotate-minus-46deg: rotate(-46deg);
  --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);

  /* -- Skymiles Promotions -- */
  --business-profile-success: #1c9a4d;

  /* -- Skymiles Tracker -- */
  --gauge-skymiles-dark: #01114d;
  --gauge-skymiles-light: #4b7ddd;
  --gauge-silver-dark: #272727;
  --gauge-silver-light: #acacac;
  --gauge-gold-dark: #3f290d;
  --gauge-gold-light: #b27830;
  --gauge-platinum-dark: #0c0a12;
  --gauge-platinum-light: #8871bd;
  --gauge-diamond-dark: #131d24;
  --gauge-diamond-light: #6f99b7;
  --gauge-360-dark: #000000;
  --gauge-360-light: #585858;
  --gauge-complete-dark: #1c8617;
  --gauge-complete-light: #1c8617;
  --earnometer-text: #01114d;

  --flight-icon-text: 'flight icon';
  --spend-icon-text: 'spend icon';
  --translate-minus-106-20: translate(-106px, 20px);
  --translate-perc-50: translate(50%, 50%);

  --flight-earnometer-platinum: url('/content/dam/delta-applications/ui-kit/assets/svg/skymiles/tracker/platinum/flight-earnometer-platinum.svg');
  --flight-earnometer-diamond: url('/content/dam/delta-applications/ui-kit/assets/svg/skymiles/tracker/diamond/flight-earnometer-diamond.svg');
  --flight-earnometer-gold: url('/content/dam/delta-applications/ui-kit/assets/svg/skymiles/tracker/gold/flight-earnometer-gold.svg');
  --flight-earnometer-silver: url('/content/dam/delta-applications/ui-kit/assets/svg/skymiles/tracker/silver/flight-earnometer-silver.svg');
  --flight-earnometer-360: url('/content/dam/delta-applications/ui-kit/assets/svg/skymiles/tracker/delta-360/flight-earnometer-360.svg');
  --flight-earnometer-skymiles: url('/content/dam/delta-applications/ui-kit/assets/svg/skymiles/tracker/skymiles-member/flight-earnometer-skymiles.svg');
  --flight-earnometer-complete: url('/content/dam/delta-applications/ui-kit/assets/svg/skymiles/tracker/qualifier-complete/flight-earnometer-green.svg');

  --spend-earnometer-platinum: url('/content/dam/delta-applications/ui-kit/assets/svg/skymiles/tracker/platinum/spend-earnometer-platinum.svg');
  --spend-earnometer-diamond: url('/content/dam/delta-applications/ui-kit/assets/svg/skymiles/tracker/diamond/spend-earnometer-diamond.svg');
  --spend-earnometer-gold: url('/content/dam/delta-applications/ui-kit/assets/svg/skymiles/tracker/gold/spend-earnometer-gold.svg');
  --spend-earnometer-silver: url('/content/dam/delta-applications/ui-kit/assets/svg/skymiles/tracker/silver/spend-earnometer-silver.svg');
  --spend-earnometer-360: url('/content/dam/delta-applications/ui-kit/assets/svg/skymiles/tracker/delta-360/spend-earnometer-360.svg');
  --spend-earnometer-skymiles: url('/content/dam/delta-applications/ui-kit/assets/svg/skymiles/tracker/skymiles-member/spend-earnometer-skymiles.svg');
  --spend-earnometer-complete: url('/content/dam/delta-applications/ui-kit/assets/svg/skymiles/tracker/qualifier-complete/spend-earnmoeter-green.svg');

  --guage-pending: url('/content/dam/delta-applications/ui-kit/assets/svg/skymiles/tracker/gauge/pending-gauge.svg');
  --guage-complete: url('/content/dam/delta-applications/ui-kit/assets/svg/skymiles/tracker/gauge/pending-gauge-complete.svg');

  /* 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;

  /** 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;
  --idp-confirmation-subheader-width: 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%
  );
  --linear-gradient-secondary-variant: linear-gradient(
    63deg,
    #2a3a73 22.21%,
    #5970c2 78.01%
  );

  /** Text Decoration */
  --text-decoration-none: none;
  --text-decoration-underline: underline;
  /** Align flexible Container */
  --justify-content-space-around: space-around;
  --justify-content-space-evenly: space-evenly;
  --justify-content-space-between: space-between;
  --justify-content: center;
  --justify-content-start: start;
  --justify-content-end: end;

  --bg-color-refundable-variant-1: linear-gradient(
    318.31deg,
    #4e67d5 0%,
    #1b3c77 100%
  );
  --bg-color-refundable-topsegment: linear-gradient(
    316.63deg,
    #4e67d5 10.94%,
    #1b3c77 86.06%
  );
  --bg-color-refundable-btn: var(--white);
  --color-refundable-btn: var(--bttn-idp-secondary-color);
  --bg-color-hover-refundable-btn: var(--button-idp-primary-hover-background);
  --bg-color-refundable-btn-secondary: var(--bttn-idp-secondary-background);
  --color-refundable-btn-secondary: var(--bttn-idp-secondary-color);
  --color-refundable-btn-secondary-hover: var(
    --bttn-idp-secondary-background-hover
  );
  --refundable-modal-header-font-size: var(--font-size-20px);
  --refundable-modal-font-family: var(--font-family-semibold);
  --refundable-btn-secondary-color-hover: var(--white);
  /** 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);
  /* SkyMiles Landing Page */
  /*--Side-Menu--*/
  --menu-uneven-list: url('/content/dam/delta-applications/ui-kit/assets/svg/unevenlist.svg');
  /*Medallion banner logo variations*/
  --medallion-banner-0: url('/content/dam/delta-applications/ui-kit/assets/svg/medallion-banners/delta-branding.svg');
  --medallion-banner-1: url('/content/dam/delta-applications/ui-kit/assets/svg/medallion-banners/delta-million-miller-1.svg');
  --medallion-banner-2: url('/content/dam/delta-applications/ui-kit/assets/svg/medallion-banners/delta-million-miller-2.svg');
  --medallion-banner-3: url('/content/dam/delta-applications/ui-kit/assets/svg/medallion-banners/delta-million-miller-3.svg');
  --medallion-banner-4: url('/content/dam/delta-applications/ui-kit/assets/svg/medallion-banners/delta-million-miller-4.svg');
  --medallion-banner-5: url('/content/dam/delta-applications/ui-kit/assets/svg/medallion-banners/delta-million-miller-5.svg');
  --medallion-banner-6: url('/content/dam/delta-applications/ui-kit/assets/svg/medallion-banners/delta-million-miller-6.svg');
  --medallion-banner-7: url('/content/dam/delta-applications/ui-kit/assets/svg/medallion-banners/delta-million-miller-7.svg');
  --medallion-banner-8: url('/content/dam/delta-applications/ui-kit/assets/svg/medallion-banners/delta-million-miller-8.svg');
  --medallion-banner-9: url('/content/dam/delta-applications/ui-kit/assets/svg/medallion-banners/delta-million-miller-9.svg');
  --medallion-banner-10: url('/content/dam/delta-applications/ui-kit/assets/svg/medallion-banners/delta-million-miller-10.svg');
  --medallion-banner-11: url('/content/dam/delta-applications/ui-kit/assets/svg/medallion-banners/delta-million-miller-11.svg');
  --medallion-banner-12: url('/content/dam/delta-applications/ui-kit/assets/svg/medallion-banners/delta-million-miller-12.svg');
  --medallion-banner-13: url('/content/dam/delta-applications/ui-kit/assets/svg/medallion-banners/delta-million-miller-13.svg');
  --medallion-banner-14: url('/content/dam/delta-applications/ui-kit/assets/svg/medallion-banners/delta-million-miller-14.svg');
  --medallion-banner-15: url('/content/dam/delta-applications/ui-kit/assets/svg/medallion-banners/delta-million-miller-15.svg');
  --medallion-banner-16: url('/content/dam/delta-applications/ui-kit/assets/svg/medallion-banners/delta-million-miller-16.svg');
  --medallion-banner-17: url('/content/dam/delta-applications/ui-kit/assets/svg/medallion-banners/delta-million-miller-17.svg');
  --medallion-banner-18: url('/content/dam/delta-applications/ui-kit/assets/svg/medallion-banners/delta-million-miller-18.svg');
  --medallion-banner-19: url('/content/dam/delta-applications/ui-kit/assets/svg/medallion-banners/delta-million-miller-19.svg');
  --medallion-banner-20: url('/content/dam/delta-applications/ui-kit/assets/svg/medallion-banners/delta-million-miller-20.svg');
  --medallion-banner-360-0: url('/content/dam/delta-applications/ui-kit/assets/svg/medallion-banners/360-logo.svg');
  --medallion-banner-360-1: url('/content/dam/delta-applications/ui-kit/assets/svg/medallion-banners/360-1million.svg');
  --medallion-banner-360-2: url('/content/dam/delta-applications/ui-kit/assets/svg/medallion-banners/360-2million.svg');
  --medallion-banner-360-3: url('/content/dam/delta-applications/ui-kit/assets/svg/medallion-banners/360-3million.svg');
  --medallion-banner-360-4: url('/content/dam/delta-applications/ui-kit/assets/svg/medallion-banners/360-4million.svg');
  --medallion-banner-360-5: url('/content/dam/delta-applications/ui-kit/assets/svg/medallion-banners/360-5million.svg');
  --medallion-banner-360-6: url('/content/dam/delta-applications/ui-kit/assets/svg/medallion-banners/360-6million.svg');
  --medallion-banner-360-7: url('/content/dam/delta-applications/ui-kit/assets/svg/medallion-banners/360-7million.svg');
  --medallion-banner-360-8: url('/content/dam/delta-applications/ui-kit/assets/svg/medallion-banners/360-8million.svg');
  --medallion-banner-360-9: url('/content/dam/delta-applications/ui-kit/assets/svg/medallion-banners/360-9million.svg');
  --medallion-banner-360-10: url('/content/dam/delta-applications/ui-kit/assets/svg/medallion-banners/360-10million.svg');
  --medallion-banner-360-11: url('/content/dam/delta-applications/ui-kit/assets/svg/medallion-banners/360-11million.svg');
  --medallion-banner-360-12: url('/content/dam/delta-applications/ui-kit/assets/svg/medallion-banners/360-12million.svg');
  --medallion-banner-360-13: url('/content/dam/delta-applications/ui-kit/assets/svg/medallion-banners/360-13million.svg');
  --medallion-banner-360-14: url('/content/dam/delta-applications/ui-kit/assets/svg/medallion-banners/360-14million.svg');
  --medallion-banner-360-15: url('/content/dam/delta-applications/ui-kit/assets/svg/medallion-banners/360-15million.svg');
  --medallion-banner-360-16: url('/content/dam/delta-applications/ui-kit/assets/svg/medallion-banners/360-16million.svg');
  --medallion-banner-360-17: url('/content/dam/delta-applications/ui-kit/assets/svg/medallion-banners/360-17million.svg');
  --medallion-banner-360-18: url('/content/dam/delta-applications/ui-kit/assets/svg/medallion-banners/360-18million.svg');
  --medallion-banner-360-19: url('/content/dam/delta-applications/ui-kit/assets/svg/medallion-banners/360-19million.svg');
  --medallion-banner-360-20: url('/content/dam/delta-applications/ui-kit/assets/svg/medallion-banners/360-20million.svg');
  /*--arrows-- */
  --blue-up-arrow: url('/content/dam/delta-applications/ui-kit/assets/svg/skymiles/arrows/blue-up-arrow.svg')
    no-repeat transparent;
  --blue-down-arrow: url('/content/dam/delta-applications/ui-kit/assets/svg/skymiles/arrows/blue-down-arrow.svg')
    no-repeat transparent;
  --red-right-arrow: url('/content/dam/delta-applications/ui-kit/assets/svg/skymiles/arrows/red-right-arrow.svg')
    no-repeat transparent;
  --link-arrow-caret: url('/content/dam/delta-applications/ui-kit/assets/svg/medallion-banners/medallion-arrow.svg')
    no-repeat transparent;
  --arrow-dark-blue: url('/content/dam/delta-applications/ui-kit/assets/svg/skymiles/arrows/filled-arrow-dark-blue.svg');

  /*--miles rollover--*/
  --bg-rollover-skymiles: url('/content/dam/delta-applications/ui-kit/assets/svg/skymiles/rollover/skymiles-bg.png');
  --bg-rollover-silver: url('/content/dam/delta-applications/ui-kit/assets/svg/skymiles/rollover/silver-bg.png');
  --bg-rollover-gold: url('/content/dam/delta-applications/ui-kit/assets/svg/skymiles/rollover/gold-bg.png');
  --bg-rollover-diamond: url('/content/dam/delta-applications/ui-kit/assets/svg/skymiles/rollover/diamond-bg.png');
  --bg-rollover-platinum: url('/content/dam/delta-applications/ui-kit/assets/svg/skymiles/rollover/platinum-bg.png');
  --bg-rollover-black: url('/content/dam/delta-applications/ui-kit/assets/svg/skymiles/rollover/360-bg.png');

  --rollover-checkmark: url('/content/dam/delta-applications/ui-kit/assets/svg/skymiles/rollover/convert-checkmark.svg');

  /*--skymiles tracker--*/
  --check-mark-white: url('/content/dam/delta-applications/ui-kit/assets/svg/skymiles/tracker/qualifier-complete/check-mark-white.svg');
  --skymiles-flight-qualifier: url('/content/dam/delta-applications/ui-kit/assets/svg/skymiles/tracker/skymiles-member/skymiles-flight-qualifier.svg');
  --silver-flight-qualifier: url('/content/dam/delta-applications/ui-kit/assets/svg/skymiles/tracker/silver/silver-flight-qualifier.svg');
  --gold-flight-qualifier: url('/content/dam/delta-applications/ui-kit/assets/svg/skymiles/tracker/gold/gold-flight-qualifier.svg');
  --platinum-flight-qualifier: url('/content/dam/delta-applications/ui-kit/assets/svg/skymiles/tracker/platinum/platinum-flight-qualifier.svg');
  --diamond-flight-qualifier: url('/content/dam/delta-applications/ui-kit/assets/svg/skymiles/tracker/diamond/diamond-flight-qualifier.svg');
  --delta-360-flight-qualifier: url('/content/dam/delta-applications/ui-kit/assets/svg/skymiles/tracker/delta-360/delta-360-flight-qualifier.svg');
  --skymiles-spend-qualifier: url('/content/dam/delta-applications/ui-kit/assets/svg/skymiles/tracker/skymiles-member/skymiles-spend-qualifier.svg');
  --silver-spend-qualifier: url('/content/dam/delta-applications/ui-kit/assets/svg/skymiles/tracker/silver/silver-spend-qualifier.svg');
  --gold-spend-qualifier: url('/content/dam/delta-applications/ui-kit/assets/svg/skymiles/tracker/gold/gold-spend-qualifier.svg');
  --platinum-spend-qualifier: url('/content/dam/delta-applications/ui-kit/assets/svg/skymiles/tracker/platinum/platinum-spend-qualifier.svg');
  --diamond-spend-qualifier: url('/content/dam/delta-applications/ui-kit/assets/svg/skymiles/tracker/diamond/diamond-spend-qualifier.svg');
  --delta-360-spend-qualifier: url('/content/dam/delta-applications/ui-kit/assets/svg/skymiles/tracker/delta-360/delta-360-spend-qualifier.svg');
  --complete: url('/content/dam/delta-applications/ui-kit/assets/svg/skymiles/tracker/legends/complete.svg');
  --pending-earnings: url('/content/dam/delta-applications/ui-kit/assets/svg/skymiles/tracker/legends/pending-earnings.svg');
  --earned-skymiles: url('/content/dam/delta-applications/ui-kit/assets/svg/skymiles/tracker/legends/earned-skymiles.svg');
  --earned-silver: url('/content/dam/delta-applications/ui-kit/assets/svg/skymiles/tracker/legends/earned-silver.svg');
  --earned-gold: url('/content/dam/delta-applications/ui-kit/assets/svg/skymiles/tracker/legends/earned-gold.svg');
  --earned-platinum: url('/content/dam/delta-applications/ui-kit/assets/svg/skymiles/tracker/legends/earned-platinum.svg');
  --earned-diamond: url('/content/dam/delta-applications/ui-kit/assets/svg/skymiles/tracker/legends/earned-diamond.svg');
  --and-divider-skymiles: url('/content/dam/delta-applications/ui-kit/assets/svg/skymiles/tracker/skymiles-member/and-divider-skymiles.svg');
  --and-divider-silver: url('/content/dam/delta-applications/ui-kit/assets/svg/skymiles/tracker/silver/and-divider-silver.svg');
  --and-divider-gold: url('/content/dam/delta-applications/ui-kit/assets/svg/skymiles/tracker/gold/and-divider-gold.svg');
  --and-divider-platinum: url('/content/dam/delta-applications/ui-kit/assets/svg/skymiles/tracker/platinum/and-divider-platinum.svg');
  --and-divider-diamond: url('/content/dam/delta-applications/ui-kit/assets/svg/skymiles/tracker/diamond/and-divider-diamond.svg');
  --and-divider-delta-360: url('/content/dam/delta-applications/ui-kit/assets/svg/skymiles/tracker/delta-360/and-divider-delta-360.svg');
  --or-divider-grey-complete: url('/content/dam/delta-applications/ui-kit/assets/svg/skymiles/tracker/divider/or-divider-grey-complete.svg');
  --or-divider-complete: url('/content/dam/delta-applications/ui-kit/assets/svg/skymiles/tracker/divider/or-divider-complete.svg');
  --or-divider: url('/content/dam/delta-applications/ui-kit/assets/svg/skymiles/tracker/divider/or-divider.svg');
  --info-icon: url('/content/dam/delta-applications/ui-kit/assets/svg/skymiles/tracker/skymiles-member/info.svg');
  --tracker-platinum-amex-card: url('/content/dam/delta-applications/ui-kit/assets/svg/skymiles/tracker/platinum/tracker-platinum-amex-card.svg');

  /*--skymiles skyclub tracker--*/
  --sky-club-tracker-unlimited: url('/content/dam/delta-applications/ui-kit/assets/svg/skymiles/skyclub/skyclub-unlimited-fireworks.png');
  --sky-club-tracker-unlimited-alternate: url('/content/dam/delta-applications/ui-kit/assets/svg/skymiles/skyclub/skyclub-unlimited-fireworks-mobile.svg');

  /*Tracker million miler logo variations*/
  --tracker-million-miler-globe: url('/content/dam/delta-applications/ui-kit/assets/svg/skymiles/moments/globe.svg');
  --tracker-million-miler-0: url('/content/dam/delta-applications/ui-kit/assets/svg/skymiles/tracker/million-miler/tracker-million-miler-0.svg');
  --tracker-million-miler-1: url('/content/dam/delta-applications/ui-kit/assets/svg/skymiles/tracker/million-miler/tracker-million-miler-1.svg');
  --tracker-million-miler-2: url('/content/dam/delta-applications/ui-kit/assets/svg/skymiles/tracker/million-miler/tracker-million-miler-2.svg');
  --tracker-million-miler-3: url('/content/dam/delta-applications/ui-kit/assets/svg/skymiles/tracker/million-miler/tracker-million-miler-3.svg');
  --tracker-million-miler-4: url('/content/dam/delta-applications/ui-kit/assets/svg/skymiles/tracker/million-miler/tracker-million-miler-4.svg');
  --tracker-million-miler-5: url('/content/dam/delta-applications/ui-kit/assets/svg/skymiles/tracker/million-miler/tracker-million-miler-5.svg');
  --tracker-million-miler-6: url('/content/dam/delta-applications/ui-kit/assets/svg/skymiles/tracker/million-miler/tracker-million-miler-6.svg');
  --tracker-million-miler-7: url('/content/dam/delta-applications/ui-kit/assets/svg/skymiles/tracker/million-miler/tracker-million-miler-7.svg');
  --tracker-million-miler-8: url('/content/dam/delta-applications/ui-kit/assets/svg/skymiles/tracker/million-miler/tracker-million-miler-8.svg');
  --tracker-million-miler-9: url('/content/dam/delta-applications/ui-kit/assets/svg/skymiles/tracker/million-miler/tracker-million-miler-9.svg');
  --tracker-million-miler-10: url('/content/dam/delta-applications/ui-kit/assets/svg/skymiles/tracker/million-miler/tracker-million-miler-10.svg');
  --tracker-million-miler-11: url('/content/dam/delta-applications/ui-kit/assets/svg/skymiles/tracker/million-miler/tracker-million-miler-11.svg');
  --tracker-million-miler-12: url('/content/dam/delta-applications/ui-kit/assets/svg/skymiles/tracker/million-miler/tracker-million-miler-12.svg');
  --tracker-million-miler-13: url('/content/dam/delta-applications/ui-kit/assets/svg/skymiles/tracker/million-miler/tracker-million-miler-13.svg');
  --tracker-million-miler-14: url('/content/dam/delta-applications/ui-kit/assets/svg/skymiles/tracker/million-miler/tracker-million-miler-14.svg');
  --tracker-million-miler-15: url('/content/dam/delta-applications/ui-kit/assets/svg/skymiles/tracker/million-miler/tracker-million-miler-15.svg');
  --tracker-million-miler-16: url('/content/dam/delta-applications/ui-kit/assets/svg/skymiles/tracker/million-miler/tracker-million-miler-16.svg');
  --tracker-million-miler-17: url('/content/dam/delta-applications/ui-kit/assets/svg/skymiles/tracker/million-miler/tracker-million-miler-17.svg');
  --tracker-million-miler-18: url('/content/dam/delta-applications/ui-kit/assets/svg/skymiles/tracker/million-miler/tracker-million-miler-18.svg');
  --tracker-million-miler-19: url('/content/dam/delta-applications/ui-kit/assets/svg/skymiles/tracker/million-miler/tracker-million-miler-19.svg');
  --tracker-million-miler-20: url('/content/dam/delta-applications/ui-kit/assets/svg/skymiles/tracker/million-miler/tracker-million-miler-20.svg');

  --menu-linear-gradient: linear-gradient(
    72.6deg,
    #3c4e8c -4.89%,
    #212d5b 99.71%
  );

  /* Skeleton variables */
  --skeleton-loader-webkit-mask: linear-gradient(
      -60deg,
      #000 30%,
      #0005,
      #000 70%
    )
    right/300% 100%;

  /* SkyMiles Landing Page */
  /* -- Skymiles Overview -- */
  --bg-skymiles-overview: url('/content/dam/delta-applications/ui-kit/assets/svg/skymiles/overview/bg-skymiles-overview.svg');
  --bg-skymiles-overview-laptop: url('/content/dam/delta-applications/ui-kit/assets/svg/skymiles/overview/bg-skymiles-overview-laptop.svg');
  --bg-skymiles-overview-tablet: url('/content/dam/delta-applications/ui-kit/assets/svg/skymiles/overview/bg-skymiles-overview-tablet.svg');
  --bg-skymiles-overview-mobile: url('/content/dam/delta-applications/ui-kit/assets/svg/skymiles/overview/bg-skymiles-overview-mobile.svg');
  --red-down-arrow: url('/content/dam/delta-applications/ui-kit/assets/svg/skymiles/arrows/red-down-arrow.svg');
  --red-up-arrow: url('/content/dam/delta-applications/ui-kit/assets/svg/skymiles/arrows/red-up-arrow.svg');
  --blue-left-arrow: url('/content/dam/delta-applications/ui-kit/assets/svg/skymiles/arrows/blue-left-arrow.svg');
  --blue-right-arrow: url('/content/dam/delta-applications/ui-kit/assets/svg/skymiles/arrows/blue-right-arrow.svg');
  /* -- Skymiles Benefits -- */
  --bg-skymiles-benefits: url('/content/dam/delta-applications/ui-kit/assets/svg/skymiles/goodies/bg-skymiles-benefits.svg');
  --bg-silver-benefits: url('/content/dam/delta-applications/ui-kit/assets/svg/skymiles/goodies/bg-silver-benefits.svg');
  --bg-gold-benefits: url('/content/dam/delta-applications/ui-kit/assets/svg/skymiles/goodies/bg-gold-benefits.svg');
  --bg-platinum-benefits: url('/content/dam/delta-applications/ui-kit/assets/svg/skymiles/goodies/bg-platinum-benefits.svg');
  --bg-diamond-benefits: url('/content/dam/delta-applications/ui-kit/assets/svg/skymiles/goodies/bg-diamond-benefits.svg');
  --bg-360-benefits: url('/content/dam/delta-applications/ui-kit/assets/svg/skymiles/goodies/bg-360-benefits.svg');
  --bg-skymiles-benefits-mobile: url('/content/dam/delta-applications/ui-kit/assets/svg/skymiles/goodies/bg-skymiles-benefits-mobile.svg');
  --bg-silver-benefits-mobile: url('/content/dam/delta-applications/ui-kit/assets/svg/skymiles/goodies/bg-silver-benefits-mobile.svg');
  --bg-gold-benefits-mobile: url('/content/dam/delta-applications/ui-kit/assets/svg/skymiles/goodies/bg-gold-benefits-mobile.svg');
  --bg-platinum-benefits-mobile: url('/content/dam/delta-applications/ui-kit/assets/svg/skymiles/goodies/bg-platinum-benefits-mobile.svg');
  --bg-diamond-benefits-mobile: url('/content/dam/delta-applications/ui-kit/assets/svg/skymiles/goodies/bg-diamond-benefits-mobile.svg');
  --bg-360-benefits-mobile: url('/content/dam/delta-applications/ui-kit/assets/svg/skymiles/goodies/bg-360-benefits-mobile.svg');
  --white-left-arrow: url('/content/dam/delta-applications/ui-kit/assets/svg/skymiles/arrows/white-left-arrow.svg');
  --white-right-arrow: url('/content/dam/delta-applications/ui-kit/assets/svg/skymiles/arrows/white-right-arrow.svg');
  --white-down-arrow: url('/content/dam/delta-applications/ui-kit/assets/svg/skymiles/arrows/white-down-arrow.svg');
  --white-up-arrow: url('/content/dam/delta-applications/ui-kit/assets/svg/skymiles/arrows/white-up-arrow.svg');
  /* --Skymiles upgrades--*/
  --bg-eleveate-drinks: url('/content/dam/delta-applications/ui-kit/assets/svg/skymiles/upgrades/bg-eleveate-drinks.png');
  --bg-elevate-certificates: url('/content/dam/delta-applications/ui-kit/assets/svg/skymiles/upgrades/bg-elevate-certificates.png');
  --bg-elevate-delta-premium: url('/content/dam/delta-applications/ui-kit/assets/svg/skymiles/upgrades/bg-elevate-delta-premium.png');
  --bg-elevate-bags: url('/content/dam/delta-applications/ui-kit/assets/svg/skymiles/upgrades/bg-elevate-bags.png');
  --bg-elevate-preferred-seats: url('/content/dam/delta-applications/ui-kit/assets/svg/skymiles/upgrades/bg-elevate-preferred-seats.png');
  --bg-choice-benefits-certificate: url('/content/dam/delta-applications/ui-kit/assets/svg/skymiles/upgrades/bg-choice-benefits-certificate.png');
  --bg-executive-sky-club: url('/content/dam/delta-applications/ui-kit/assets/svg/skymiles/upgrades/bg-executive-sky-club.png');
  --bg-individual-sky-club: url('/content/dam/delta-applications/ui-kit/assets/svg/skymiles/upgrades/bg-individual-sky-club.png');
  --bg-guest-sky-club: url('/content/dam/delta-applications/ui-kit/assets/svg/skymiles/upgrades/bg-guest-sky-club.png');
  --bg-travel-voucher: url('/content/dam/delta-applications/ui-kit/assets/svg/skymiles/upgrades/bg-travel-voucher.png');
  --bg-bonus-miles: url('/content/dam/delta-applications/ui-kit/assets/svg/skymiles/upgrades/bg-bonus-miles.png');
  --bg-choice-benefits-silver: url('/content/dam/delta-applications/ui-kit/assets/svg/skymiles/upgrades/bg-choice-benefits-silver.png');
  --bg-choice-benefits-gold: url('/content/dam/delta-applications/ui-kit/assets/svg/skymiles/upgrades/bg-choice-benefits-gold.png');
  --bg-skymiles-upgrades-label-color: rgba(255, 255, 255, 0.1);
  /* -- Login Modal -- */
  --login-modal-border-top-success: var(--unit-5-px) solid
    var(--business-traveler-badge-bg-color);
  --login-modal-left-padding: var(--padding-left-30);
  --login-modal-right-padding: var(--padding-right-30);
  --login-modal-overlay-width: var(--width-375);
  --login-modal-logo-visibility: var(--visibility-visible);
  --login-modal-footer-link-font-family: var(--font-family-semibold);
  --login-modal-footer-link-line-height: var(--line-height-14);
  --login-modal-footer-link-font-weight: var(--font-weight-600);
  --login-modal-footer-link-letter-space: var(--letter-spacing-0-747px);
  --login-modal-footer-link-color: var(--idp-accent);
  --login-modal-divider-color: var(--idp-secondary);
  --login-modal-join-button-color: var(--bttn-idp-secondary-color);
  --login-modal-join-button-hover-color: var(
    --bttn-idp-secondary-text-color-hover
  );
  --login-modal-header-text-color: var(--idp-secondary);
  --login-modal-fieldsreq-color: var(--idp-secondary);
  --login-modal-header-password-color: #0b1453;
  --login-modal-margin-top: var(--margin-top-22);
  --login-modal-checkbox-border: 0;
  --login-modal-btn-padding: 0rem;
  --login-modal-input-text-color: var(--idp-secondary);
  --login-modal-input-label-color: var(--idp-label-color);
  --login-modal-headertext-line-height: var(--font-size-24px);
  --login-modal-headertext-font-size: var(--font-size-24px);
  --login-modal-headertext-font-weight: var(--font-weight-400);
  --login-modal-fieldsreq-font-size: var(--font-size-12px);
  --login-modal-header-password-font-size: var(--font-size-16px);
  --login-modal-fieldsreq-line-height: var(--line-height-14);
  --login-modal-header-password-line-height: var(--line-height-24);
  --login-modal-fieldsreq-font-weight: var(--font-weight-400);
  --login-modal-header-password-font-weight: var(--font-weight-325);
  --login-modal-input-line-height: var(--line-height-19);
  --login-modal-input-font-size: var(--font-size-16px);
  --login-modal-checkbox-line-height: var(--line-height-30);
  --login-modal-checkbox-color: var(--idp-secondary);
  --login-modal-content-error-color: var(--idp-warn);
  --login-modal-content-error-background-color: none;
  --login-modal-error-padding: 0;
  --login-modal-content-error-line-height: var(--line-height-14);
  --login-modal-content-error-font-weight: normal;
  --login-modal-error-margin-top: var(--margin-top-minus-27);
  --login-modal-content-error-font-family: var(--font-family-book);
  --idp-login-modal-security-question-error-font-family: '-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif';
  --login-modal-forgot-login-error-color: var(--idp-warn);
  --login-modal-forgot-password-error-color: var(--idp-primary);
  --login-modal-forgot-login-error-background-color: #fff;
  --login-modal-forgot-login-error-padding: 0;
  --login-modal-forgot-login-error-line-height: var(--line-height-18);
  --login-modal-button-color: var(--idp-warn);
  --login-modal-overlay-height: var(--height-571);
  --login-modal-margin-right-lg: var(--margin-right-0);
  --login-modal-overlay-left-padding: var(--margin-left-minus-30);
  --login-modal-help-icon: url('/content/dam/delta-applications/ui-kit/assets/svg/booking-widget/info-icon.svg');
  --login-modal-close-x-icon: url('/content/dam/delta-applications/fresh-air/images/close-x.svg');
  --idp-login-modal-help-icon-bottom: var(--bottom-52);
  --idp-login-modal-help-text-font: var(--font-size-13px);
  --idp-login-modal-margin-right-sm: auto;
  --idp-login-modal-margin-right-lg: auto;
  --idp-login-modl-checkemail-font-color: var(--idp-secondary);
  --idp-login-modal-form-alert-font-size: var(--font-size-13px);
  --idp-login-modal-form-alert-font-weight: var(--font-weight-600);
  --idp-login-modal-form-alert-line-height: var(--line-height-18);
  --idp-login-modal-form-alert-text-color: var(--ctc-idp-form-alert-color);
  --idp-login-form-alert-link-error-color: var(--idp-accent);
  --idp-login-form-alert-link-hover-error-color: var(--idp-navyblue-light);
  --idp-login-recovery-options-text-color: var(--idp-secondary);
  --idp-login-modal-sqa-headerlabel: var(--font-family-book);
  --idp-login-modal-sqa-font-size: var(--font-size-12px);
  --idp-login-modal-sqa-line-height: var(--line-height-14);
  --idp-login-modal-sq-font-size: var(--font-size-16px);
  --idp-login-modal-sq-line-height: var(--line-height-19);
  --idp-login-modal-sqa-color: var(--idp-body-text);
  --idp-login-modal-right: var(--right-28);
  --idp-login-modal-right-sm: var(--right-28);
  --idp-login-modal-set-password-color: var(--ctc-input-placeholder-color);
  --idp-login-modal-must-contain-text-color: var(--idp-secondary);
  --idp-login-form-alert-color: var(--idp-secondary);
  --login-modal-content-body-header-color: var(--login-modal-fieldsreq-color);
  --login-modal-add-sqa-input-color: var(--ctc-input-text-color);
  --login-modal-add-sqa-label-text-color: var(--idp-label-color);
  --login-modal-add-sqa-label-text-font-size: var(--font-size-13px);
  --login-modal-add-sqa-label-text-lie-height: var(--line-height-16);
  --login-modal-add-sqa-dropdown-selected-color: var(--idp-secondary-light);
  --login-modal-add-sqa-dropdown-list-item-color: var(--idp-drdwn-color);
  --login-modal-add-sqa-dropdown-list-font-size: var(
    --idp-dropdown-list-font-size
  );
  --login-modal-add-sqa-dropdown-list-item-line-height: var(
    --idp-dropdown-list-line-height
  );
  --login-modal-add-sqa-dropdown-list-border: var(--none);
  --login-modal-add-sqa-dropdown-list-first-child-margin: var(--unit-20-px);
  --login-modal-add-sqa-dropdown-list-item-hover-color: var(--white);
  --skymiles-card-icon: url(/content/dam/delta-com/icons/delta-brand/skymiles-card-desktop.png)
    no-repeat;

  /* -- Multi Factor Authorization --*/
  --account-recovery-option-background: #f8f8f8;
  --account-recovery-option-additional-background: #dedfe1;
  --account-recovery-option-border: 1px solid #dedfe1;
  --multi-factor-authentication-background-color: var(--white);
  --multi-factor-authentication-background-position: right var(--unit-24-px)
    var(--background-position-top);
  --multi-factor-authentication-overlay-background-color: rgba(
    255,
    255,
    255,
    0.7
  );

  /* -- Profile Selector -- */
  --business-profile-main-blue-color: #0b1f66;
  --business-profile-background-color: #f5f7fa;
  --business-profile-header-color: #0b1453;
  --business-profile-hover-color: #6c718a;
  --business-profile-description: #697180;
  --profile-selector-footer-subText-link-color: #4470c3;
  --business-profile-check-mark: var(--checkmark-icon) no-repeat
    var(--business-profile-hover-color);
  --business-profile-divider: 1px solid #e8ecf2;
  --business-profile-footer-border-top: 1px solid #e6eaf2;
  --idp-login-modal-sqa-error-color: var(--idp-primary);
  --idp-login-modal-label-color: var(--idp-navyblue);
  --idp-login-modal-must-contain-font-family: var(--font-family-semibold);
  --idp-login-modal-alert-msg-font-size: var(--font-size-13px);
  /* find my trips look up screen*/
  --find-mytrips-lookup-title-font-color: var(--idp-secondary);
  --find-mytrips-lookup-title-font-size: var(--font-size-52px);
  --find-mytrips-lookup-title-line-height: var(--line-height-62);
  --find-mytrips-lookup-header-title-line-height: var(--line-height-18);
  --find-mytrips-lookup-header-title-font-size: var(--font-size-15px);
  --find-mytrips-lookup-header-title-font-color: var(--idp-secondary);
  --find-mytrips-lookup-header-title-font-weight: var(--font-weight-bold-text);
  --find-mytrips-lookup-feedback-line-height: var(--line-height-18);
  --find-mytrips-lookup-feedback-font-size: var(--font-size-15px);
  --find-mytrips-lookup-feedback-font-color: var(--idp-secondary);
  --find-mytrips-lookup-feedback-font-weight: var(--font-weight-normal);
  --find-mytrips-lookup-copy-font-weight: var(--font-weight-600);
  --find-mytrips-lookup-copy-font-size: var(--font-size-13px);
  --find-mytrips-lookup-copy-font-color: var(--idp-secondary);
  --find-mytrips-lookup-logo-visibility: var(--visibility-visible);
  --find-mytrips-lookup-footer-display: var(--display-block);
  --find-mytrips-container-background-color: var(--idp-body-color);
  --find-mytrips-container-padding: var(--padding-25) var(--padding-30);
  --find-mytrips-container-border-radius: none;
  --find-mytrips-container-border: none;
  --find-mytrips-lookup-box-shadow: var(--idp-shadow-shopping-advisory);
  --find-mytrips-lookup-label-color: var(--idp-secondary);
  --find-mytrips-lookup-label-line-height: var(--line-height-16);
  --find-mytrips-lookup-label-font-size: var(--font-size-13px);
  --find-mytrips-lookup-label-color-selected: var(--mt-input-label-color);
  --find-mytrips-lookup-footer-background-image: url('/content/dam/my-trips/images/aircraft.png');
  --find-mytrips-lookup--error-alert-background-color: #f5f6f8;
  --find-mytrips-tooltip-font-size: var(--font-size-13px);
  --find-mytrips-tooltip-font-color: var(--idp-error-tooltip-text-color);
  --find-mytrips-tooltip-background-color: var(--idp-error-tooltip-bg-color);
  --find-mytrips-tooltip-border-color: transparent transparent
    var(--idp-error-tooltip-bg-color) var(--idp-error-tooltip-bg-color);
  --find-mytrips-tooltip-box-shadow: var(
    --box-shadow-error-alert-warning-after
  );
  --find-mytrips-tooltip-border-radius: none;
  --find-mytrips-error-alert-text-decoration: var(
    --idp-alert-anchor-decoration
  );
  --find-mytrips-lookup-label-border-bottom: 0.125rem solid
    var(--idp-input-error-border-color);
  --find-mytrips-lookup-label-box-shadow: 0 0 0 var(--border-width-1)
    var(--form-focus-border-color);
  --find-mytrips-lookup--error-alert-color: var(--idp-alert-warning-text-color);
  --find-mytrips-lookup--error-alert-link-color: var(
    --idp-alert-warning-link-color
  );
  --find-mytrips-lookup--error-alert-font-size: var(--font-size-14px);
  --find-mytrips-lookup-error-alert-icon: var(--idp-alert-img) no-repeat
    transparent;
  --find-mytrips-lookup-error-arrow-icon: url('/content/dam/delta-applications/ui-kit/assets/svg/forms/error-arrow.svg')
    no-repeat transparent;
  --find-mytrips-lookup-alert-content-font-size: var(--font-size-13px);
  --find-mytrips-lookup-alert-content-line-height: var(--line-height-18);
  --find-mytrips-lookup-alert-content-font-family: var(--font-family-semibold);
  --find-mytrips-lookup-alert-content-font-color: var(
    --alert-warning-font-color
  );
  --find-mytrips-lookup-label-error-border: none;
  --find-mytrips-lookup-label-error-border-bottom: 1px solid
    var(--idp-matte-gray);
  --find-mytrips-lookup-header-title-font-family-bold: var(--font-family-bold);
  --find-mytrips-tooltip-icon-display: block;
  --find-mytrips-input-text-error-border: var(--border-width-1) solid
    var(--input-border-color);
  --find-mytrips-input-text-error-box-shadow: 0 0 0 var(--border-width-1)
    var(--form-focus-border-color);
  --find-mytrips-input-text-error-border-radius: var(--border-width-3);
  --find-mytrips-lookup-form-label-color: var(--idp-label-color);
  --find-mytrips-lookup-label--field-line-height: var(--line-height-22);
  --find-mytrips-lookup-label-field-font-size: var(--font-size-18px);
  --find-mytrips-lookup-label--field-color: var(--ctc-input-text-color);
  --find-mytrips-lookup-field-label-color: var(--ctc-input-text-color);
  --find-mytrips-lookup-error-background-position: 0.3125rem 0.8125rem;
  --find-mytrips-lookup-error-background-size: auto;
  --find-mytrips-lookup-info-icon: var(--info-icon) no-repeat transparent;
  --find-mytrips-lookup-icon-background-size: contain;
  --find-mytrips-lookup-icon-padding: 0 var(--padding-7);
  --find-mytrips-lookup-background-position: center;
  --find-mytrips-lookup-book-title-font-family: var(--font-family-book);
  --find-mytrips-lookup-copy-font-family: var(--font-family-medium);
  --find-mytrips-lookup-findby-line-height: var(--line-height-16);
  --find-mytrips-lookup-book-title-font-size: var(--font-size-52px);
  --find-mytrips-lookup-book-error-feedback-line-height: var(--line-height-16);
  --find-mytrips-header-dropdown-font-family: var(--font-family-semibold);
  --find-mytrips-header-dropdown-list-data-font-size: var(--font-size-15px);
  --find-mytrips-header-dropdown-list-data-line-height: var(--line-height-18);
  --find-mytrips-header-dropdown-list-data-color: #4470c3;
  --find-mytrips-header-dropdown-icon-color: var(--idp-blue);
  --find-mytrips-header-dropdown-icon-receipt-visibility: visible;
  --find-mytrips-header-add-calender-color: var(--idp-navyblue);
  --find-mytrips-header-add-calender-icon-right-color: var(--idp-primary);
  --find-mytrips-header-dropdown-data-color: var(--idp-navyblue);
  --find-mytrips-header-dropdown-data-line-height: var(--line-height-16);
  --find-mytrips-header-add-calender-border-bottom: var(--border-1px)
    var(--border-style-solid) var(--idp-matte-gray);
  --find-mytrips-header-receipt-link-text-decoration: var(
    --text-decoration-none
  );
  --find-mytrips-header-dropdown-list-data-text-decoration: var(
    --text-decoration-none
  );
  --find-mytrips-header-add-calender-text-decoration: var(
    --text-decoration-none
  );
  --find-mytrips-header-add-calender-font-family: var(--font-family-book);
  --find-mytrips-header-add-calender-font-size: var(--font-size-20px);
  --find-mytrips-header-add-calender-line-height: var(--line-height-24);
  --find-mytrips-header-receipt-link-hover-color: #2d4f8d;
  --mytrips-receipts-profile-card-container-color: #f0f0f0;
  --mytrips-receipts-profile-card-skymiles-text-font-size: smaller;
  --mytrips-receipts-profile-card-skymiles-text-font-size-x-smaller: x-small;
  --mytrips-receipts-profile-card-skymiles-button: #e51937;
  --mytrips-receipts-profile-card-skymiles-hover: #ae1229;
  --mytrips-receipts-profile-card-color: #333333;
  --mytrips-receipts-profile-card-font-family: 'Whitney-Book', 'Trebuchet MS',
    sans-serif;
  --find-mytrips-header-receipt-link-hover--text-decoration: var(
    --text-decoration-underline
  );
  --find-mytrips-header-dropdown-list-data-hover-color: #2d4f8d;
  --find-mytrips-header-dropdown-list-data-hover-text-decoration: var(
    --text-decoration-underline
  );
  --find-mytrips-header-add-calender-font-weight: var(--font-weight-400);
  --find-mytrips-add-calender-model-font-family: var(--font-family-book);
  --find-mytrips-add-calender-model-font-size: var(--font-size-15px);
  --find-mytrips-add-calender-model-height: var(--input-line-height);
  --find-mytrips-add-calender-model-color: var(--idp-secondary);
  --find-mytrips-add-calender-model-font-weight: var(--font-weight-400);
  --find-mytrips-add-calender-footer-font-weight: var(--font-weight-400);
  --find-mytrips-add-calendar-primary-font-family: var(--font-family-semibold);
  --find-mytrips-add-calendar-primary-font-size: var(--font-size-14px);
  --find-mytrips-add-calendar-primary-font-weight: var(--font-weight-400);
  --find-mytrips-add-calendar-primary-line-height: var(
    --bttn-idp-btn-line-height
  );
  --find-mytrips-add-calendar-primary-color: var(--white);
  --find-mytrips-add-cldr-prmry-bg: var(--idp-primary);
  --find-mytrips-add-cldr-prmry-hvr-bg: var(--idp-red-hover);
  --find-mytrips-add-cldr-prmry-actv-bg: var(--idp-red-hover);
  --find-mytrips-add-cldr-prmry-box-shadow: 0 0 0 5px var(--white),
    0 0 0 6px var(--idp-form-focus-color);
  --find-mytrips-add-cldr-hdr-padding: var(--padding-30);
  --find-mytrips-add-cldr-side-top-padding: var(--padding-30) var(--padding-30)
    var(--padding-0);
  --find-mytrips-add-cldr-modal-padding: var(--padding-30);
  --find-mytrips-add-cldr-optn-padding: var(--padding-30) var(--padding-0);
  --find-mytrips-add-cldr-icon-size: var(--font-size-24px);
  --find-mytrips-add-cldr-btn-letter-space: var(--btn-letter-spacing);
  --find-mytrips-lylty-slctd-nav-color: var(--idp-body-text);
  --find-mytrips-lylty-link-font-size: var(--font-size-10px);
  --find-mytrips-lylty-link-line-height: var(--height-12);
  --find-mytrips-lylty-btn-hvr-color: var(
    --bttn-idp-secondary-text-color-hover
  );
  --find-mytrips-lylty-btn-actv-color: var(
    --bttn-idp-secondary-text-color-hover
  );
  --find-mytrips-psngr-accrdn-btn-color: var(--idp-accent);
  --find-mytrips-psngr-inpt-lbl-font-family: var(--font-family-book);
  --find-mytrips-psngr-inpt-lbl-font-size: var(--input-lbl-font-size);
  --find-mytrips-psngr-inpt-lbl-font-weight: var(--font-weight-325);
  --find-mytrips-psngr-inpt-lbl-line-height: var(--input-lbl-line-height);
  --find-mytrips-psngr-inpt-lbl-color: var(--ctc-input-placeholder-color);
  --find-mytrips-psngr-footr-btn-font-family: var(--btn-large-font);
  --find-mytrips-psngr-footr-btn-font-size: var(--btn-font-size);
  --find-mytrips-psngr-footr-btn-font-weight: var(--font-weight-400);
  --find-mytrips-psngr-footr-btn-line-height: var(--bttn-idp-btn-line-height);
  --find-mytrips-psngr-footr-prmry-btn-color: var(--white);
  --find-mytrips-psngr-footr-scndry-btn-color: var(--bttn-idp-secondary-color);
  --find-mytrips-psngr-footr-scndry-btn-border: 0.125rem
    var(--bttn-idp-secondary-border-color) solid;
  --find-mytrips-psngr-scndry-btn-hvr-bg: var(
    --bttn-idp-secondary-background-hover
  );
  --find-mytrips-psngr-scndry-btn-actv-bg: var(
    --bttn-idp-secondary-background-active
  );
  --find-mytrips-psngr-scndry-btn-hvr-color: var(
    --bttn-idp-secondary-text-color-hover
  );
  --find-mytrips-psngr-scndry-btn-actv-color: var(
    --bttn-idp-secondary-text-color-hover
  );
  --find-mytrips-passenger-sub-a-text-decoration: var(--text-decoration-none);
  --find-mytrips-chkbx-lbl-mdum-font-size: var(--idp-checkbox-font-size);
  --find-mytrips-chkbx-lbl-mdum-font-weight: var(--font-weight-400);
  --find-mytrips-chkbx-lbl-mdum-line-height: var(--line-height-15);
  --find-mytrips-chkbx-lbl-mdum-color: var(--modal-spcl-items-text-font-color);
  --find-mytrips-srvc-req-crd-titl-line-height: var(--input-line-height);
  --find-mytrips-srvc-req-brdfrm-font-weight: var(--font-weight-400);
  --find-mytrips-srvc-req-brdfrm-line-height: var(--line-height-30);
  --find-mytrips-srvc-blind-req-font-family: var(--font-family-book);
  --find-mytrips-srvc-blind-req-font-size: var(--font-size-16px);
  --find-mytrips-srvc-blind-req-font-weight: var(--font-weight-400);
  --find-mytrips-srvc-blind-req-line-height: var(--line-height-24);
  --find-mytrips-srvc-blind-req-color: var(--idp-body-text);
  --find-mytrips-ssr-prmry-btn-font-size: var(--btn-font-size);
  --find-mytrips-ssr-prmry-btn-font-weight: var(--font-weight-400);
  --find-mytrips-ssr-prmry-btn-line-height: var(--bttn-idp-btn-line-height);
  --find-mytrips-ssr-prmry-btn-color: var(--white);
  --find-mytrips-ssr-prmry-btn-bg: var(--idp-primary);
  --find-mytrips-ssr-prmry-btn-hvr-bg: var(--idp-red-hover);
  --find-mytrips-ssr-prmry-btn-actv-bg: var(--idp-red-hover);
  --find-mytrips-ssr-prmry-btn-fcus-box-shadow: 0 0 0 5px var(--white),
    0 0 0 6px var(--idp-form-focus-color);
  --find-mytrips-ssr-scndry-btn-bg: var(--bttn-idp-secondary-background);
  --find-mytrips-ssr-peanut-warn-line-height: var(--input-line-height);
  --find-mytrips-ssr-vewmdl-pending-hdr-font-family: var(--font-family-book);
  --find-mytrips-ssr-vewmdl-pending-hdr-font-size: var(--font-size-28px);
  --find-mytrips-ssr-vewmdl-pending-hdr-font-weight: var(--font-weight-500);
  --find-mytrips-ssr-vewmdl-pending-hdr-line-height: var(--line-height-36);
  --find-mytrips-ssr-vewmdl-pending-hdr-color: var(--modal-light-header-color);
  --find-mytrips-ssr-vewmdl-pndng-titl-font-family: var(--font-family-light);
  --find-mytrips-ssr-vewmdl-pndng-titl-font-size: var(--font-size-28px);
  --find-mytrips-ssr-vewmdl-pndng-titl-font-weight: var(--font-weight-500);
  --find-mytrips-ssr-vewmdl-pndng-titl-line-height: var(--line-height-36);
  --find-mytrips-ssr-vewmdl-pndng-dec-font-family: var(--font-family-light);
  --find-mytrips-ssr-vewmdl-pndng-dec-font-weight: var(--font-weight-400);
  --find-mytrips-ssr-vewmdl-pndng-dec-line-height: var(--line-height-24);
  --find-mytrips-lylty-stats-lnk-hvr-color: #2d4f8d;
  --find-mytrips-lylty-skymle-lnk-text-decoration: var(
    --text-decoration-underline
  );
  --find-mytrips-lylty-btn-lnk-text-decoration: var(
    --text-decoration-underline
  );
  --find-mytrips-psngr-sbsrptn-font-family: var(--font-family-semibold);
  --find-mytrips-psngr-sbsrptn-font-size: var(--font-size-13px);
  --find-mytrips-psngr-sbsrptn-font-weight: var(--font-weight-400);
  --find-mytrips-psngr-sbsrptn-line-height: var(--line-height-19);
  --find-mytrips-psngr-skymle-font-family: var(--font-family-medium);
  --find-mytrips-psngr-skymle-font-size: var(--font-size-14px);
  --find-mytrips-psngr-skymle-font-weight: var(--font-weight-350);
  --find-mytrips-psngr-skymle-line-height: var(--line-height-17);
  --find-mytrips-psngr-skymle-lnk-font-family: var(--font-family-semibold);
  --find-mytrips-psngr-skymle-lnk-font-size: var(--font-size-13px);
  --find-mytrips-psngr-skymle-lnk-font-weight: var(--alert-link-font-weight);
  --find-mytrips-psngr-skymle-lnk-line-height: var(--font-size-16px);
  --find-mytrips-psngr-skymle-lnk-color: var(--link-color);
  --find-mytrips-psngr-skymle-lnk-text-decoration: var(--text-decoration-none);
  --find-mytrips-psngr-skymle-lnk-hvr-text-decoration: var(
    --text-decoration-underline
  );
  --find-mytrips-psngr-inpt-font-weight: var(--font-weight-400);
  --find-mytrips-psngr-inpt-line-height: var(--line-height-22);
  --find-mytrips-psngr-inpt-color: var(--idp-secondary);
  --find-mytrips-psngr-onflelbl-color: var(--idp-secondary);
  --find-mytrips-lylty-dalog-hdr-bg: var(--bgcl-modal-hdr-dark-bg-color);
  --find-mytrips-email-mdl-cntnt-info-color: var(--idp-secondary);
  --find-mytrips-email-mdl-cntnt-info-a-color: #4470c3;
  --find-mytrips-email-mdl-a-txt-decoration: var(--text-decoration-none);
  --find-mytrips-email-mdl-inpt-color: var(--ctc-input-text-color);
  --find-mytrips-inlgblty-mdl-cnt-color: var(--idp-secondary);
  --find-mytrips-cancel-grayout-opacity: var(--opacity-point-seven);
  /* login modal phase 3*/
  --login-modal-bg-image: url(/content/dam/delta-www/responsive/apps/login/backgroundImage.jpg);
  --login-modal-bg-margin-top: 0rem;
  --login-modal-bg-color: #fff;
  --login-modal-bg-font-weight: 325;
  --login-modal-bg-font-size: 0.75rem;
  --login-modal-bg-line-height: 1.1875rem;
  --login-modal-bg-padding-left: 0rem;
  --login-modal-content-width: var(--width-375);
  --login-modal-content-width-xs: var(--width-auto);
  --login-modal-content-width-sm: var(--width-auto);
  --login-modal-eye-icon-visibility: var(--visibility-visible);
  --login-modal-loader-overlay: var(--black);
  --login-modal-scrollbar-display: none;
  --login-modal-scrollbar-width: none;
  --login-modal-scrollbar-style: none;
  --login-modal-bg-background-size: var(--background-size-cover);
  --login-modal-content-header-logo-margin-top: var(--unit-0-px);
  --find-mytrips-lookup-tripsfindby-field-label-color: var(
    --ctc-input-text-color
  );
  --find-mytrips-lookup-name-field-label-color: var(--ctc-input-text-color);
  --find-mytrips-lookup-footer-background-image-sx: url('/content/dam/my-trips/images/aircraft-cloud-sky-1125.jpg');
  --find-mytrips-lookup-footer-background-height: var(--mt-height-96-vw);
  --find-mytrips-lookup-footer-background-height-sx: var(--mt-height-vw);
  --find-mytrips-lookup-footer-background-image-md: url('/content/dam/my-trips/images/aircraft.png');
  --find-mytrips-lookup-footer-background-image-height: var(--mt-height-68-vw);
  --find-mytrips-lookup-footer-background-image-height-md: var(
    --mt-height-68-vw
  );
  --find-mytrips-lookup-footer-background-size: var(
    --mt-background-size-120-percent
  );
  --find-mytrips-lookup-footer-background-position-y: var(
    --mt-background-position-y-minus-4vw
  );
  --find-mytrips-lookup-footer-background-position: var(
    --mt-background-position-minus-19vw
  );
  --find-mytrips-lookup-btn-width: 22.125rem;
  --find-mytrips-lookup-feedback-margin-top: var(--unit-15-px);
  --find-mytrips-lookup-feedback-margin-top-lg: var(--unit-15-px);
  --find-mytrips-lookup-copytext-margin-lg: var(--margin-10) var(--margin-0)
    var(--margin-30);
  --find-mytrips-lookup-copytext-margin: var(--margin-10) var(--margin-0)
    var(--margin-30);
  --find-mytrips-lookup-footer-image-margin-top: var(--margin-75);
  --find-mytrips-lookup-input-field-padding: var(--padding-24);
  --find-mytrips-lookup-tripsfindby-margin: var(--unit-0-px);
  --find-mytrips-lookup-tripsfindby-margin-lg: var(--unit-0-px);
  --find-mytrips-lookup-margin-top: var(--unit-0-px);
  --find-mytrips-lookup-form-input-field-padding: var(--unit-0-px);
  --find-mytrips-footer-full-width-margin-top: var(--unit-0-px);
  --find-mytrips-lookup-tripsfindby-padding-bottom: var(--unit-0-px);
  --find-mytrips-header-add-calender-title-model-color: var(
    --bgcl-modal-hdr-title-font-color
  );
  --find-mytrips-header-add-calender-title-model-background-color: var(
    --bgcl-modal-hdr-dark-bg-color
  );
  --find-mytrips-td-flight-route-destination-font-family: var(
    --font-family-light
  );
  --find-mytrips-td-flight-route-destination-font-style: var(
    --font-style-normal
  );
  --find-mytrips-td-flight-route-destination-font-weight: var(
    --font-weight-300
  );
  --find-mytrips-td-flight-route-destination-font-size: var(--font-size-60px);
  --find-mytrips-td-flight-route-destination-line-height: var(--line-height-66);
  --find-mytrips-td-flight-route-destination-color: var(--idp-secondary);
  --find-mytrips-td-cnfrm-label-font-family: var(--font-family-semibold);
  --find-mytrips-td-cnfrm-label-font-size: var(--unit-14-px);
  --find-mytrips-td-cnfrm-label-color: var(--idp-secondary);
  --find-mytrips-td-cnfrm-no-font-family: var(--font-family-light);
  --find-mytrips-td-cnfrm-no-font-size: var(--font-size-32px);
  --find-mytrips-td-cnfrm-no-line-height: var(--line-height-38);
  --find-mytrips-td-cnfrm-no-color: var(--idp-secondary);
  --find-mytrips-td-date-and-type-font-family: var(--font-family-book);
  --find-mytrips-td-date-and-type-font-size: var(--font-size-16px);
  --find-mytrips-td-date-and-type-font-weight: var(--font-weight-400);
  --find-mytrips-td-date-and-type-line-height: var(--line-height-19);
  --find-mytrips-td-date-and-type-font-size-sm: var(--font-size-14px);
  --find-mytrips-td-date-and-type-line-height-sm: var(--line-height-20);
  --find-mytrips-td-date-and-type-color: var(--idp-secondary);
  --find-mytrips-td-trip-dates-font-family-medium: var(--font-family-medium);
  --find-mytrips-td-privacy-policy-visibility: var(--visibility-visible);
  --find-mytrips-td-non-refundable-visibility: var(--visibility-visible);
  --find-mytrips-td-flight-route-privacy-policy: var(--idp-blue);
  --find-mytrips-td-trip-header-business-travel-visibility: var(
    --visibility-visible
  );
  --find-mytrips-message-center-td-advisory-msg-title: var(--idp-secondary);
  --find-mytrips-td-advisory-msg-background: var(--idp-body-color);
  --find-mytrips-status-line-low-border-color: var(--idp-secondary);
  --find-mytrips-td-flyready-alert-lozenge-border-radius: var(
    --mt-border-radius-30px
  );
  --my-trips-seat-padding: var(--padding-10);
  --find-mytrips-td-flyready-alert-subhead: var(--idp-secondary);
  --find-mytrips-td-flyready-alert-lozenge-gap: var(--unit-5-px);
  --find-mytrips-td-flyready-alert-lozenge-amber-color: var(--idp-orange-pill);
  --find-mytrips-td-flyready-alert-lozenge-amber-background: var(--none);
  --find-mytrips-td-flyready-alert-lozenge-red-color: var(--idp-red-hover);
  --find-mytrips-td-flyready-alert-lozenge-red-background: var(--none);
  --find-mytrips-td-advisory-msg-desc-color: var(--idp-secondary);
  --find-mytrips-message-center-td-advisory-msg-icon-notification-before: var(
    --idp-secondary
  );
  --find-mytrips-message-center-td-advisory-msg-font-family: var(
    --font-family-semibold
  );
  --find-mytrips-message-center-padding: var(--padding-30);
  --find-mytrips-message-center-border-radius: var(--border-radius-none);
  --find-mytrips-message-center-btn-letter-space: var(--btn-letter-spacing);
  --find-mytrips-flight-route-margin-top-sx: var(--unit-0-px);
  --find-mytrips-flight-route-margin-top: var(--unit-0-px);
  --find-mytrips-td-trip-header-margin-bottom: var(--unit-0-px);
  --find-mytrips-td-flight-route-destination-font-size-lg: var(
    --font-size-45px
  );
  --find-mytrips-td-flight-route-destination-line-height-lg: var(
    --line-height-54
  );
  --find-mytrips-td-cnfrm-no-line-height-lg: var(--line-height-29-px);
  --find-mytrips-td-date-and-type-font-size-lg: var(--font-size-14px);
  --find-mytrips-td-date-and-type-line-height-lg: var(--line-height-17);
  --find-mytrips-td-cnfrm-right-margin-top-lg: var(--unit-0-px);
  --find-mytrips-td-quick-links-desc-font-family: var(--font-family-semibold);
  --find-mytrips-td-quick-links-desc-font-weight: var(--font-weight-400);
  --find-mytrips-td-quick-links-desc-line-height: var(--line-height-13);
  --find-mytrips-td-quick-links-desc-color: var(--idp-blue);
  --find-mytrips-td-quick-links-desc-active: var(--idp-blue);
  --find-mytrips-td-quick-links-desc-hover: var(--idp-blue);
  --find-mytrips-td-quick-links-showMore-font-family: var(
    --font-family-semibold
  );
  --find-mytrips-td-quick-links-showMore-font-size: var(--font-size-13px);
  --find-mytrips-td-quick-links-showMore-line-height: var(--line-height-16);
  --find-mytrips-td-quick-links-showMore-font-weight: var(--font-weight-400);
  --find-mytrips-td-quick-links-showMore-color: var(--idp-blue);
  --find-mytrips-td-quick-links-showMore-text-decoration: var(
    --text-decoration-underline
  );
  --find-mytrips-header-share-itineray-header-font-family: var(
    --font-family-semibold
  );
  --find-mytrips-flight-route-trip-dates-font-size: var(--font-size-14px);
  --find-mytrips-td-quick-links-font-family: var(--font-family-semibold);
  --find-mytrips-td-quick-links-font-size: var(--font-size-12px);
  --find-mytrips-td-quick-links-card-color: var(--idp-secondary);
  --find-mytrips-td-trip-header-visibility: var(--visibility-visible);
  --find-mytrips-td-landing-content-margin-top: var(--unit-0-px);
  --find-mytrips-td-quick-links-list-padding-bottom: var(--padding-30);
  --find-mytrips-header-add-calender-section-font-family: var(
    --font-family-medium
  );
  --find-mytrips-td-divider-line-border: var(--border-width-1) solid
    var(--idp-matte-gray);
  --find-mytrips-td-divider-line-margin-top: var(--margin-top-20);
  --find-mytrips-td-trip-header-badge-hidden: var(--unit-0-px);
  --find-mytrips-td-trip-header-image-visibility: var(--visibility-visible);
  --find-mytrips-flight-card-passenger-view-color: var(--link-color);
  --find-mytrips-flight-card-passenger-view-font-family: var(
    --font-family-semibold
  );
  --find-mytrips-flight-card-passenger-view-font-size: var(--font-size-13px);
  --find-mytrips-flight-card-passenger-view-line-height: var(--font-size-16px);
  --find-mytrips-flight-card-passenger-view-text-decoration: var(
    --text-decoration-none
  );
  --find-mytrips-passenger-cabin-info-background-color: var(--idp-gray-100);
  --find-mytrips-flight-card-passenger-medallion-not-line-height: var(
    --line-height-16
  );
  --find-mytrips-passenger-medallion-font-family: var(--font-family-semibold);
  --find-mytrips-passenger-medallion-action-color: #4470c3;
  --find-mytrips-passenger-medallion-action-line-height: var(
    --line-height-14-95
  );
  --find-mytrips-passenger-medallion-not-font-size: var(--font-size-13px);
  --find-mytrips-passenger-medallion-action-hover-color: #2d4f8d;
  --find-mytrips-flight-card-passenger-medallion-not-color: var(
    --idp-secondary
  );
  --find-mytrips-flight-card-passenger-info-multi-pax-font-family: var(
    --font-family-semibold
  );
  --find-mytrips-flight-card-passenger-multi-pax-background: var(
    --idp-gray-100
  );
  --find-mytrips-flight-card-passenger-multi-pax-border: var(
      --mt-border-width-0-5
    )
    var(--border-style-solid) var(--idp-matte-gray);
  --find-mytrips-flight-card-passenger-info-title-font-size: var(
    --font-size-15px
  );
  --find-mytrips-flight-card-passenger-info-title-color: var(--idp-secondary);
  --find-mytrips-passenger-ax-font-family: var(--font-family-semibold);
  --find-mytrips-passenger-ax-heading-color: var(--idp-secondary);
  --find-mytrips-passenger-accessibility-service-add-color: #4470c3;
  --find-mytrips-passenger-accessibility-service-add-color-hover: #2d4f8d;
  --find-mytrips-passenger-accessibility-service-add-text-decoration: var(
    --text-decoration-none
  );
  --find-mytrips-td-passenger-seat-info-margin-bottom: var(--margin-15);
  --find-mytrips-passenger-info-title-font-family: var(--font-family-bold);
  --find-mytrips-flight-card-passenger-info-title-color: var(--idp-secondary);
  --find-mytrips-passenger-basic-info-visibility: var(--visibility-visible);
  --find-mytrips-td-passenger-edit-text-decoration: var(--text-decoration-none);
  --find-mytrips-td-passenger-edit-hover-color: #2d4f8d;
  --find-mytrip-td-passenger-edit-color: var(--idp-accent);
  --find-mytrips-td-passenger-edit-font-family: var(--font-family-semibold);
  --find-mytrips-td-passenger-edit-line-height: var(--line-height-16);
  --find-mytrips-td-passenger-edit-font-size: var(--font-size-13px);
  --find-mytrips-passenger-eticket-text-font-family: var(--font-family-base);
  --find-mytrips-passenger-eticket-text-line-height: var(--line-height-13);
  --find-mytrips-passenger-eticket-text-color: var(--idp-secondary);
  --find-mytrips-passenger-eticket-text-font-size: var(--font-size-11px);

  --find-mytrips-passenger-details-view-td-passenger-divider-visibility: var(
    --visibility-visible
  );
  --find-mytrips-medallion-status-td-passenger-divider-visibility: var(
    --visibility-hidden
  );
  --find-mytrips-cabin-view-td-passenger-divider-visibility: var(
    --visibility-visible
  );
  --find-mytrips-medallion-status-td-passenger-divider-margin-top: var(
    --margin-top-0
  );

  --find-mytrips-medallion-status-single-td-passenger-divider-margin-bottom: var(
    --margin-bottom-0
  );
  --find-mytrips-td-passenger-title-name-font-size: var(--font-size-18px);
  --find-mytrips-td-passenger-title-name-line-height: var(--line-height-22);
  --find-mytrips-passenger-medallion-action-font-size: var(--font-size-13px);
  --find-mytrips-td-cabin-name-font-family: var(--font-family-semibold);
  --find-mytrips-td-cabin-name-font-size: var(--font-size-13px);
  --find-mytrips-td-cabin-name-line-height: var(--line-height-sm);
  --find-mytrips-td-cabin-name-color: var(--idp-navyblue);
  --find-mytrips-td-seat-link-font-family: var(--font-family-semibold);
  --find-mytrips-td-seat-link-font-size: var(--font-size-13px);
  --find-mytrips-td-seat-link-line-height: var(--line-height-sm);
  --find-mytrips-td-seat-link-color: var(--idp-blue);
  --find-mytrips-td-seat-link-text-decoration: var(--text-decoration-none);
  --find-mytrips-passenger-ax-heading-font-family: var(--font-family-semibold);
  --find-mytrips-passenger-ax-heading-font-size: var(--font-size-13px);
  --find-mytrips-passenger-ax-heading-line-height: var(--line-height-15);
  --find-mytrips-passenger-accessibility-service-add-font-size: var(
    --font-size-13px
  );
  --find-mytrips-passenger-accessibility-service-add-line-height: var(
    --line-height-15
  );
  --find-mytrips-medallion-status-td-passenger-divider-margin-bottom: var(
    --margin-bottom-5
  );
  --find-mytrips-passenger-details-view-td-passenger-single-divider-visibility: var(
    --visibility-visible
  );
  --find-mytrips-medallion-status-single-td-passenger-divider-margin-top: var(
    --margin-top-0
  );

  --find-mytrips-passenger-medallion-action-text-decoration: var(
    --text-decoration-none
  );
  --find-mytrips-td-passenger-color: var(--business-profile-main-blue-color);
  --find-mytrips-td-passenger-edit-color: var(--idp-blue);
  --find-mytrips-td-passenger-font-family: var(--font-family-semibold);
  --find-mytrips-passenger-infant-link-visibility: var(--visiblity-visible);
  --find-mytrips-passenger-ax-headertooltip-visibility: var(
    --visibility-visible
  );
  --find-mytrips-flight-card-passenger-multi-pax-sm-background: var(
    --idp-gray-100
  );
  --find-mytrips-td-trip-header-margin-top: var(--margin-top-78-px);
  --find-mytrips-td-passenger-edit-margin-top: var(--margin-top-0);
  --find-mytrips-passenger-medallion-not-margin-top: var(--margin-top-0);
  --find-mytrips-passenger-single-medallion-margin-bottom: var(--margin-top-0);
  --find-mytrips-td-passenger-vertical-divider-display-sm: var(--display-none);
  --find-mytrips-header-dropdown-list-divider-visibility: var(
    --visibility-visible
  );
  --find-mytrips-upsell-banner-upgrade-button-text-color: var(
    --mt-button-text-color
  );
  --find-mytrips-upsell-banner-upgrade-button-border-radius: var(--border-none);
  --find-mytrips-upsell-banner-upgrade-button-padding: var(--padding-18)
    var(--padding-5) var(--padding-18) var(--padding-5);
  --find-mytrips-upsell-banner-amenities-font-size: var(--font-size-12px);
  --find-mytrips-upsell-banner-amenitiesfont-weight: var(--font-weight-350);
  --find-mytrips-upsell-banner-amenities-desc-line-height: var(
    --mt-line-height-12
  );
  --find-mytrips-upsell-banner-miles-column-flight-text-line-height: var(
    --line-height-13
  );
  --find-mytrips-upsell-banner-miles-column-flight-text-font-size: var(
    --font-size-10px
  );
  --find-mytrips-upsell-banner-miles-column-miles-data-line-height: var(
    --line-height-22
  );
  --find-mytrips-upsell-banner-miles-column-miles-data-font-size: var(
    --font-size-18px
  );
  --find-mytrips-upsell-banner-miles-column-flight-text-font-style: var(
    --font-style-italic
  );
  --find-mytrips-upsell-banner-cabin-gap: var(--unit-10-px);
  --find-mytrips-upsell-banner-cabin-info-font-size: var(--font-size-16px);
  --find-mytrips-upsell-banner-cabin-info-line-height: var(--line-height-19);
  --find-mytrips-upsell-banner-cabin-info-display: var(--display-flex);
  --find-mytrips-upsell-banner-cabin-info-flex-direction: var(
    --flex-direction-column
  );
  --find-mytrips-upsell-banner-cabin-info-padding: var(--padding-0);
  --find-mytrips-upsell-banner-cabin-info-width: var(--width-179);
  --find-mytrips-upsell-banner-cabin-info-height: var(--height-45);
  --find-mytrips-upsell-banner-cabin-info-margin: var(--margin-35)
    var(--margin-30) var(--margin-bottom-0);

  /* Flight card */

  --find-mytrips-td-train-point-city-font-family: var(--font-family-semibold);
  --find-mytrips-td-train-point-city-font-size: var(--font-size-15px);
  --find-mytrips-td-train-point-city-font-weight: var(--font-weight-bold-text);
  --find-mytrips-td-train-point-city-color: var(--idp-secondary);
  --find-mytrips-td-flight-point-text-font-size: var(--font-size-15px);
  --find-mytrips-td-flight-point-text-font-family: var(--font-family-semibold);
  --find-mytrips-td-flight-point-text-color: var(--idp-navyblue);
  --find-mytrips-td-flight-point-text-line-height: var(--line-height-18);
  --find-mytrips-flight-pagination-font-size: var(--font-size-14px);
  --find-mytrips-flight-pagination-font-family: var(--font-family-medium);
  --find-mytrips-flight-pagination-text-color: var(--idp-navyblue);
  --find-mytrips-flight-pagination-line-height: var(--line-height-17);
  --find-mytrips-flight-pagination-font-weight: var(--font-weight-325);
  --find-mytrips-flight-point-time-line-height: var(--line-height-29-px);
  --find-mytrips-flight-point-time-color: var(--idp-navyblue);
  --find-mytrips-td-flight-point-terminal-font-size: var(--font-size-15px);
  --find-mytrips-td-flight-point-terminal-color: var(--idp-navyblue);
  --find-mytrips-td-flight-point-terminal-font-weight: var(
    --font-weight-normal
  );
  --find-mytrips-td-flight-point-terminal-line-height: var(--line-height-18);
  --find-mytrips-airlines-name-color: var(--idp-navyblue);
  --find-mytrips-airlines-name-font-family: var(--font-family-medium);
  --find-mytrips-td-flight-line-status-font-family: var(--font-family-semibold);
  --find-mytrips-td-flight-line-segment-color: var(--idp-secondary);
  --find-mytrips-td-flight-status-visibility: var(--visibility-visible);
  --find-mytrips-td-flight-mark-background-color: var(--idp-secondary);
  --find-mytrips-td-flight-mark-border: none;
  --find-mytrips-td-flight-mark-border-radius: 0;
  --find-mytrips-flight-card-color: var(--input-border-color);
  --find-mytrips-flight-card-font-family: var(--font-family-semibold);
  --find-mytrips-flight-summary-color: var(--idp-blue);
  --find-mytrips-flight-summary-font-family: var(--font-family-medium);
  --find-mytrips-flight-summary-duration-font-family: var(
    --font-family-semibold
  );
  --find-mytrips-flight-summary-duration-font-weight: var(--mt-font-weight-375);
  --find-mytrips-flight-summary-duration-color: var(--idp-navyblue);
  --find-mytrips-flight-name-color: #2d4f8d;
  --find-mytrips-flight-name-margin-left: var(--margin-5);
  --find-mytrips-flightpoint-text-font-size: var(--font-size-15px);
  --find-mytrips-flightpoint-text-font-family: var(--font-family-semibold);
  --find-mytrips-flightpoint-text-line-height: var(--line-height-17);
  --find-mytrips-flightpoint-text-font-weight: var(--font-weight-350);
  --find-mytrips-flightpoint-text-color: var(--idp-secondary);
  --find-mytrips-flightpoint-time-font-size: var(--font-size-36px);
  --find-mytrips-flightpoint-time-line-height: var(--line-height-sm);
  --find-mytrips-flightpoint-time-padding-bottom: var(--padding-19);
  --find-mytrips-flightpoint-date-font-family: var(--font-family-medium);
  --find-mytrips-flightpoint-date-line-height: var(--line-height-16);
  --find-mytrips-flightpoint-date-font-size: var(--font-size-13px);
  --find-mytrips-flightpoint-terminal-color: var(--idp-navyblue);
  --find-mytrips-flightpoint-terminal-font-size: var(--font-size-15px);
  --find-mytrips-flightpoint-terminal-line-height: var(--line-height-sm);
  --find-mytrips-flight-links-visibility: var(--visibility-visible);
  --find-mytrips-other-airlines-visibility: var(--visibility-visible);
  --find-mytrips-toggle-details-font-family: var(--font-family-medium);
  --find-mytrips-toggle-details-line-height: var(--line-height-14);
  --find-mytrips-toggle-details-font-size: var(--font-size-12px);
  --find-mytrips-toggle-details-text-transform: var(--text-transform-uppercase);
  --find-mytrips-toggle-details-color: var(--idp-navyblue);
  --find-mytrips-td-non-stop-font-family: var(--font-family-medium);
  --find-mytrips-td-non-stop-font-size: var(--font-size-13px);
  --find-mytrips-td-non-stop-color: var(--idp-secondary);
  --find-mytrips-td-seat-link-font-family: var(--font-family-medium);
  --find-mytrips-td-seat-link-line-height: var(--line-height-sm);
  --find-mytrips-td-seat-link-font-weight: var(--font-weight-325);
  --find-mytrips-td-seat-link-color: var(--idp-blue);
  --find-mytrips-td-seat-main-font-size: var(--font-size-13px);
  --find-mytrips-td-seat-main-font-weight: var(--font-weight-325);
  --find-mytrips-td-seat-main-line-height: var(--line-height-sm);
  --find-mytrips-td-seat-main-font-family: var(--font-family-semibold);
  --find-mytrips-td-airport-code-font-family: var(--font-family-semibold);
  --find-mytrips-td-airport-code-color: var(--idp-blue);
  --find-mytrips-td-airport-code-line-height: var(--line-height-20);
  --find-mytrips-td-airport-code-font-size: var(--font-size-13px);
  --find-mytrips-td-flight-point-city-font-size: var(--font-size-15px);
  --find-mytrips-td-flight-point-city-font-family: var(--font-family-semibold);
  --find-mytrips-td-flight-point-city-color: var(--idp-accent);
  --find-mytrips-td-flight-point-city-line-height: var(--line-height-18);
  --find-mytrips-td-normal-line-color: var(--idp-secondary);
  --find-mytrips-td-flight-line-status-font-family: var(--font-family-semibold);
  --find-mytrips-td-layover-font-family: var(--font-family-medium);
  --find-mytrips-td-direct-flight-font-family: var(--font-family-medium);
  --find-mytrips-td-cabin-info-font-size: var(--font-size-16px);
  --find-mytrips-td-flight-header-seats-margin-top: var(--margin-20);
  --find-mytrips-toggleFlightDetailsButton-margin-top: 0;
  --find-mytrips-td-flight-point-city-font-weight: var(--font-weight-bold-text);
  --find-mytrips-flightpoint-date-padding-bottom: var(--padding-10);
  --find-mytrips-td-cabin-name-color: var(--idp-navyblue);
  --find-mytrips-td-toggle-details-border-radius: 0;
  --find-mytrips-td-toggle-details-border: var(--border-blue-2px);
  --find-mytrips-td-cabin-heading-font-family: var(--font-family-semibold);
  --find-mytrips-td-cabin-heading-font-size: var(--font-size-18px);
  --find-mytrips-td-cabin-heading-line-height: var(--line-height-18);
  --find-mytrips-td-cabin-heading-color: var(--idp-gray-100);
  --find-mytrips-td-desc-font-family: var(--font-family-book);
  --find-mytrips-td-desc-font-size: var(--font-size-13px);
  --find-mytrips-td-desc-line-height: var(--line-height-16);
  --find-mytrips-td-cabin-service-type-font-family: var(--font-family-semibold);
  --find-mytrips-td-cabin-service-type-font-size: var(--font-size-13px);
  --find-mytrips-td-cabin-service-type-line-height: var(--line-height-16);
  --find-mytrips-td-cabin-service-content-font-family: var(
    --font-family-medium
  );
  --find-mytrips-td-cabin-service-content-font-size: var(--font-size-13px);
  --find-mytrips-td-cabin-service-content-line-height: var(--line-height-13);
  --find-mytrips-td-cabin-service-button-font-size: var(--btn-font-size);
  --find-mytrips-td-cabin-service-button-line-height: var(
    --bttn-idp-btn-line-height
  );
  --find-mytrips-td-cabin-service-button-text-decoration: var(
    --text-decoration-underline
  );
  --find-mytrips-td-flight-status-text-color: var(--idp-medium-green);
  --find-mytrips-td-flight-segment-padding-left: var(--padding-30);
  --find-mytrips-flight-td-layout-city-text-align: var(--text-align-center);
  --find-mytrips-flight-td-layout-city-margin: var(--mt-margin-top-33)
    var(--margin-0) var(--margin-bottom-28) var(--margin-0);
  --find-mytrips-flight-td-layout-display: var(--display-flex);
  --find-mytrips-flight-td-layout-font-size: var(--font-size-13px);
  --find-mytrips-flight-td-layout-line-height: var(--line-height-16);
  --find-mytrips-td-flight-segment-time-width: var(--mt-unit-50-px);
  --find-mytrips-td-other-trip-dates-font-family: var(--font-family-book);
  --find-mytrips-td-other-trip-dates-font-weight: var(--font-weight-400);
  --find-mytrips-flight-card-border-radius: var(--unit-0-px);
  --find-mytrips-td-toggle-details-padding: var(--padding-20);
  --find-mytrips-icon-flight-point-color: var(--idp-navyblue);
  --find-mytrips-td-fl-flight-icon-position: var(--position-static);
  --find-mytrips-td-fl-cancel-icon-position: var(--position-static);
  --find-mytrips-td-fl-cancel-icon-height: var(--unit-23-px);

  /* shared itinerary model */

  --find-mytrips-itinerary-passenger-info-font-family: var(
    --font-family-medium
  );
  --find-mytrips-itinerary-passenger-info-font-weight: var(--font-weight-500);
  --find-mytrips-itinerary-passenger-info-line-height: var(--line-height-24);
  --find-mytrips-itineray-header-font-size: var(--font-size-12px);
  --find-mytrips-itineray-header-font-weight: var(--font-weight-400);
  --find-mytrips-itineray-header-line-height: var(--line-height-18);
  --find-mytrips-itineray-header-color: var(--idp-secondary);
  --find-mytrips-itineray-required-font-family: var(--font-family-medium);
  --find-mytrips-itineray-required-font-size: var(--font-size-10px);
  --find-mytrips-itineray-required-font-weight: var(--font-weight-400);
  --find-mytrips-itineray-required-line-height: var(--line-height-15);
  --find-mytrips-itineray-required-color: var(--idp-secondary);
  --find-mytrips-itineray-form-label-font-family: var(--font-family-medium);
  --find-mytrips-itineray-form-label-font-size: var(--font-size-12px);
  --find-mytrips-itineray-form-label-font-weight: var(--font-weight-400);
  --find-mytrips-itineray-form-label-line-height: var(--line-height-22);
  --find-mytrips-itineray-form-label-color: var(--idp-secondary);
  --find-mytrips-itineray-checkbox-label-font-family: var(--font-family-medium);
  --find-mytrips-itineray-checkbox-label-font-size: var(--font-size-12px);
  --find-mytrips-itineray-checkbox-label-font-weight: var(--font-weight-400);
  --find-mytrips-itineray-checkbox-label-color: var(--idp-navyblue);
  --find-mytrips-itineray-checkbox-label-line-height: var(--line-height-15);
  --find-mytrips-share-itineray-form-add-font-family: var(--font-family-medium);
  --find-mytrips-share-itineray-form-add-font-size: var(--font-size-12px);
  --find-mytrips-share-itineray-form-add-font-weight: var(--font-weight-400);
  --find-mytrips-share-itineray-form-add-line-height: var(--line-height-18);
  --find-mytrips-share-itineray-form-add-color: var(--idp-accent);
  --find-mytrips-share-itineray-form-add-text-decoration: var(
    --text-decoration-none
  );
  --find-mytrips-itineray-checkbox-label-border-width: var(--border-width-1);
  --find-mytrips-itineray-checkbox-label-border-color: var(--checkbox-primary);
  --find-mytrips-share-itineray-font-family: var(--font-family-semibold);
  --find-mytrips-share-itineray-font-size: var(--font-size-14px);
  --find-mytrips-share-itineray-font-weight: var(--font-weight-400);
  --find-mytrips-share-itineray-height: var(--bttn-idp-btn-line-height);
  --find-mytrips-share-itineray-color: var(--bttn-idp-secondary-color);
  --find-mytrips-share-itineray-savebtn-color: var(--white);
  --find-mytrips-share-itineray-cancel-color: var(--white);
  --find-mytrips-share-itineray-background-color: var(--idp-secondary);
  --find-mytrips-share-itineray-border-width: var(--border-width-1);
  --find-mytrips-share-itineray-border-color: var(--idp-secondary);

  /* loyalty and benefits */
  --find-mytrips-loyalty-nav-font-family: var(--font-family-semibold);
  --find-mytrips-loyalty-nav-font-size: var(--font-size-15px);
  --find-mytrips-loyalty-nav-line-height: var(--line-height-16);
  --find-mytrips-loyalty-nav-font-weight: var(--font-weight-400);
  --find-mytrips-loyalty-selected-nav-font-weight: var(--font-weight-400);
  --find-mytrips-loyalty-upgrade-footer-width: var(--btn-large-md-width);
  --find-mytrips-loyalty-td-loyalty-font-family: var(--font-family-bold);
  --find-mytrips-loyalty-td-loyalty-font-size: var(--font-size-15px);
  --find-mytrips-loyalty-td-loyalty-font-weight: var(--font-weight-400);
  --find-mytrips-loyalty-td-loyalty-line-height: var(--line-height-18);
  --find-mytrips-loyalty-td-loyalty-color: var(--idp-secondary);
  --find-mytrips-loyalty-btn-link-font-family: var(--font-family-semibold);
  --find-mytrips-loyalty-btn-link-font-size: var(--font-size-13px);
  --find-mytrips-loyalty-btn-link-font-weight: var(--alert-link-font-weight);
  --find-mytrips-loyalty-btn-link-line-height: var(--line-height-16);
  --find-mytrips-loyalty-btn-link-color: var(--link-color);
  --find-mytrips-loyalty-btn-link-text-decoration: var(--text-decoration-none);
  --find-mytrips-loyalty-td-loyalty-data-font-family: var(--font-family-medium);
  --find-mytrips-loyalty-td-loyalty-data-font-size: var(--font-size-15px);
  --find-mytrips-loyalty-td-loyalty-data-font-weight: var(--font-weight-400);
  --find-mytrips-loyalty-td-loyalty-data-line-height: var(--line-height-18);
  --find-mytrips-loyalty-td-loyalty-data-color: var(--idp-secondary);
  --find-mytrips-loyalty-btn-font-family: var(--bttn-idp-btn-font-family);
  --find-mytrips-loyalty-btn-font-size: var(--btn-font-size);
  --find-mytrips-loyalty-btn-font-weight: var(--font-weight-400);
  --find-mytrips-loyalty-btn-line-height: var(--bttn-idp-btn-line-height);
  --find-mytrips-loyalty-btn-color: var(--bttn-idp-secondary-color);
  --find-mytrips-loyalty-btn-border-color: var(
    --bttn-idp-secondary-border-color
  );
  --find-mytrips-loyalty-td-loyalty-link-font-family: var(--font-family-medium);
  --find-mytrips-loyalty-td-loyalty-link-color: var(--idp-secondary);
  --find-mytrips-loyalty-skymiles-title-font-family: var(--font-family-medium);
  --find-mytrips-loyalty-skymiles-title-font-size: var(--font-size-18px);
  --find-mytrips-loyalty-skymiles-title-font-weight: var(--mt-font-weight-375);
  --find-mytrips-loyalty-skymiles-title-line-height: var(--line-height-22);
  --find-mytrips-loyalty-skymiles-title-color: var(--idp-secondary);
  --find-mytrips-loyalty-skymiles-desc-font-family: var(--font-family-book);
  --find-mytrips-loyalty-skymiles-desc-font-size: var(--font-size-15px);
  --find-mytrips-loyalty-skymiles-desc-font-weight: var(--font-weight-400);
  --find-mytrips-loyalty-skymiles-desc-line-height: var(--line-height-base);
  --find-mytrips-loyalty-skymiles-desc-color: var(--idp-secondary);
  --find-mytrips-loyalty-skymiles-link-font-family: var(--font-family-medium);
  --find-mytrips-loyalty-skymiles-link-font-size: var(--font-size-16px);
  --find-mytrips-loyalty-skymiles-link-font-weight: var(--mt-font-weight-375);
  --find-mytrips-loyalty-skymiles-link-height: var(--line-height-20);
  --find-mytrips-loyalty-skymiles-link-color: var(--idp-blue);
  --find-mytrips-loyalty-skymiles-link-text-decoration: var(
    --text-decoration-none
  );
  --find-mytrips-loyalty-footer-font-family: var(--font-family-semibold);
  --find-mytrips-loyalty-footer-font-size: var(--font-size-14px);
  --find-mytrips-loyalty-footer-font-weight: var(--font-weight-400);
  --find-mytrips-loyalty-footer-line-height: var(--line-height-base);
  --find-mytrips-loyalty-footer-width: var(--btn-large-md-width);
  --find-mytrips-loyalty-footer-background-color: var(--idp-primary);
  --find-mytrips-loyalty-footer-color: var(--white);
  --find-mytrips-loyalty-footer-submit-background-color: var(
    --bttn-idp-secondary-background
  );
  --find-mytrips-loyalty-footer-submit-hover-color: var(
    --bttn-idp-secondary-text-color-hover
  );
  --find-mytrips-loyalty-footer-submit-background-hover-color: var(
    --bttn-idp-secondary-background-hover
  );
  --find-mytrips-loyalty-footer-submit-color: var(--bttn-idp-secondary-color);
  --find-mytrips-loyalty-footer-width-media-768: var(--btn-large-md-width);
  --find-mytrips-loyalty-footer-width-media-375: var(--padding-100-percent);
  --find-mytrips-loyalty-td-skymiles-font-family: var(--font-family-bold);
  --find-mytrips-loyalty-td-skymiles-font-size: var(--font-size-15px);
  --find-mytrips-loyalty-td-skymiles-font-weight: var(--font-weight-400);
  --find-mytrips-loyalty-td-skymiles-line-height: var(--line-height-18);
  --find-mytrips-loyalty-td-skymiles-color: var(--idp-secondary);
  --find-mytrips-loyalty-status-title-font-family: var(--font-family-semibold);
  --find-mytrips-loyalty-status-title-font-size: var(--font-size-13px);
  --find-mytrips-loyalty-status-title-font-weight: var(--font-weight-400);
  --find-mytrips-loyalty-status-title-line-height: var(--line-height-16);
  --find-mytrips-loyalty-status-link-font-family: var(--font-family-semibold);
  --find-mytrips-loyalty-status-link-font-size: var(--font-size-14px);
  --find-mytrips-loyalty-status-link-font-weight: var(--font-weight-400);
  --find-mytrips-loyalty-status-link-line-height: var(--line-height-17);
  --find-mytrips-loyalty-status-link-color: var(--idp-accent);
  --find-mytrips-loyalty-status-link-text-decoration: var(
    --text-decoration-none
  );
  --find-mytrips-loyalty-status-link-margin-top: var(--margin-top-35-2);
  --find-mytrips-loyalty-data-title-font-family: var(--font-family-semibold);
  --find-mytrips-loyalty-data-title-font-size: var(--font-size-13px);
  --find-mytrips-loyalty-data-title-font-weight: var(--font-weight-400);
  --find-mytrips-loyalty-data-title-line-height: var(--line-height-16);
  --find-mytrips-loyalty-data-title-color: var(--idp-secondary);
  --find-mytrips-loyalty-data-number-font-family: var(--font-family-book);
  --find-mytrips-loyalty-data-number-font-size: var(--font-size-13px);
  --find-mytrips-loyalty-data-number-font-weight: var(--font-weight-400);
  --find-mytrips-loyalty-data-number-line-height: var(--line-height-16);
  --find-mytrips-loyalty-data-number-color: var(--idp-secondary);
  --find-mytrips-loyalty-passenger-name-font-family: var(--font-family-bold);
  --find-mytrips-loyalty-passenger-name-font-size: var(--font-size-15px);
  --find-mytrips-loyalty-passenger-name-font-weight: var(--font-weight-400);
  --find-mytrips-loyalty-passenger-name-line-height: var(--line-height-sm);
  --find-mytrips-loyalty-passenger-name-color: var(--idp-secondary);
  --find-mytrips-loyalty-passenger-descrp-font-family: var(
    --font-family-medium
  );
  --find-mytrips-loyalty-passenger-descrp-font-size: var(--font-size-15px);
  --find-mytrips-loyalty-passenger-descrp-font-weight: var(--font-weight-400);
  --find-mytrips-loyalty-passenger-descrp-line-height: var(--line-height-sm);
  --find-mytrips-loyalty-passenger-descrp-color: var(--idp-secondary);
  --find-mytrips-loyalty-passenger-program-font-family: var(
    --font-family-semibold
  );
  --find-mytrips-loyalty-passenger-program-font-size: var(--font-size-14px);
  --find-mytrips-loyalty-passenger-program-font-weight: var(--font-weight-400);
  --find-mytrips-loyalty-passenger-program-line-height: var(--line-height-17);
  --find-mytrips-loyalty-passenger-program-color: var(--idp-secondary);
  --find-mytrips-loyalty-dropdown-font-family: var(--font-family-book);
  --find-mytrips-loyalty-dropdown-font-size: var(--drpdwn-slctd-font-size);
  --find-mytrips-loyalty-dropdown-font-weight: var(--font-weight-400);
  --find-mytrips-loyalty-dropdown-line-height: var(--line-height-22);
  --find-mytrips-loyalty-dropdown-color: var(--idp-secondary-light);
  --find-mytrips-loyalty-label-font-family: var(--font-family-book);
  --find-mytrips-loyalty-label-font-size: var(--font-size-18px);
  --find-mytrips-loyalty-label-color: var(--ctc-input-placeholder-color);
  --find-mytrips-loyalty-label-line-height: var(--input-lbl-line-height);
  --find-mytrips-loyalty-label-font-weight: var(--font-weight-400);
  --find-mytrips-loyalty-upgrade-heading-font-family: var(--font-family-book);
  --find-mytrips-loyalty-upgrade-heading-font-size: var(--font-size-15px);
  --find-mytrips-loyalty-upgrade-heading-font-weight: var(--font-weight-700);
  --find-mytrips-loyalty-upgrade-heading-line-height: var(--line-height-sm);
  --find-mytrips-loyalty-upgrade-heading-color: var(--idp-secondary);
  --find-mytrips-loyalty-disclaimer-font-family: var(--font-family-book);
  --find-mytrips-loyalty-disclaimer-font-size: var(--font-size-15px);
  --find-mytrips-loyalty-disclaimer-font-weight: var(--font-weight-400);
  --find-mytrips-loyalty-disclaimer-line-height: var(--line-height-sm);
  --find-mytrips-loyalty-disclaimer-color: var(--idp-secondary);
  --find-mytrips-loyalty-upgrade-name-font-family: var(--font-family-semibold);
  --find-mytrips-loyalty-upgrade-name-font-size: var(--font-size-18px);
  --find-mytrips-loyalty-upgrade-name-font-weight: var(--font-weight-400);
  --find-mytrips-loyalty-upgrade-name-line-height: var(--line-height-27);
  --find-mytrips-loyalty-upgrade-name-color: var(--idp-secondary);
  --find-mytrips-loyalty-upgrades-header-font-family: var(--font-family-medium);
  --find-mytrips-loyalty-upgrades-header-font-size: var(--font-size-18px);
  --find-mytrips-loyalty-upgrades-header-font-weight: var(--font-weight-700);
  --find-mytrips-loyalty-upgrades-header-line-height: var(--line-height-27);
  --find-mytrips-loyalty-upgrades-header-color: var(--idp-secondary);
  --find-mytrips-loyalty-checkbox-font-family: var(--checkbox-label);
  --find-mytrips-loyalty-checkbox-font-size: var(--font-size-lg);
  --find-mytrips-loyalty-checkbox-font-weight: var(--font-weight-400);
  --find-mytrips-loyalty-checkbox-line-height: var(--line-height-30);
  --find-mytrips-loyalty-checkbox-color: var(
    --modal-spcl-items-text-font-color
  );
  --find-mytrips-loyalty-dialog-color: var(--bgcl-modal-hdr-title-font-color);
  --find-mytrips-loyalty-dialog-font-family: var(
    --bgcl-modal-hdr-title-font-family
  );
  --find-mytrips-loyalty-dialog-font-size: var(
    --idp-alert-modal-header-title-font-size
  );
  --find-mytrips-loyalty-dialog-font-weight: var(--font-weight-500);
  --find-mytrips-loyalty-dialog-line-height: var(--bgcl-modal-hdr-line-height);
  --find-mytrips-loyalty-otherAirlineColor-border-left: var(--font-size-6px)
    var(--border-style-solid) var(--white);
  --find-mytrips-loyalty-skymiles-data-font-family: var(--font-family-semibold);
  --find-mytrips-loyalty-skymiles-data-font-size: var(--font-size-13px);
  --find-mytrips-loyalty-skymiles-data-font-weight: var(--font-weight-600);
  --find-mytrips-loyalty-skymiles-data-line-height: var(--line-height-22);
  --find-mytrips-loyalty-skymiles-data-color: var(--link-color);
  --find-mytrips-loyalty-skymiles-data-text-decoration: var(
    --text-decoration-none
  );
  --find-mytrips-loyalty-footer-btn-font-family: var(--font-family-semibold);
  --find-mytrips-loyalty-footer-btn-font-size: var(--font-size-14px);
  --find-mytrips-loyalty-footer-btn-font-weight: var(--font-weight-400);
  --find-mytrips-loyalty-footer-btn-line-height: var(--line-height-base);
  --find-mytrips-loyalty-footer-save-color: var(--white);
  --find-mytrips-loyalty-footer-cancel-color: var(--idp-body-text);
  --find-mytrips-loyalty-footer-btn-width: var(--border-width-1);
  --find-mytrips-loyalty-footer-btn-border-color: var(--idp-body-text);
  --find-mytrips-loyalty-footer-cancel-hover-color: var(--white);
  --find-mytrips-loyalty-footer-hover-color: var(--white);
  --find-mytrips-loyalty-footer-hover-background-color: var(--idp-secondary);
  /* passenger section */
  --find-mytrips-passenger-name-color: var(--idp-secondary);
  --find-mytrips-passenger-name-font-size: var(--font-size-18px);
  --find-mytrips-passenger-name-font-family: var(--font-family-semibold);
  --find-mytrips-passenger-name-font-weight: var(--mt-font-weight-325);
  --find-mytrips-passenger-info-modal-font-family: var(--font-family-semibold);
  --find-mytrips-passenger-info-modal-line-height: var(--line-height-19);
  --find-mytrips-passenger-info-modal-color: var(--idp-navyblue);
  --find-mytrips-passenger-optional-info-visibility: var(--visibility-visible);
  --find-mytrips-passenger-info-status-label-font-family: var(
    --font-family-semibold
  );
  --find-mytrips-passenger-info-status-label-font-weight: var(
    --mt-font-weight-375
  );
  --find-mytrips-passenger-info-status-label-color: var(--idp-medium-green);
  --find-mytrips-passenger-info-status-label-font-size: var(--font-size-13px);
  --find-mytrips-passenger-info-status-label-line-height: var(--line-height-16);
  --find-mytrips-passenger-info-desc-font-size: var(--font-size-15px);
  --find-mytrips-passenger-info-desc-font-weight: var(--font-weight-300);
  --find-mytrips-passenger-info-desc-line-height: var(--line-height-24);
  --find-mytrips-passenger-info-desc-color: var(--idp-navyblue);
  --find-mytrips-passenger-info-desc-font-family: var(--font-family-light);
  --find-mytrips-passenger-info-a-desc-font-size: var(--font-size-15px);
  --find-mytrips-passenger-info-a-desc-font-weight: var(--mt-font-weight-375);
  --find-mytrips-passenger-info-a-desc-line-height: var(--line-height-18);
  --find-mytrips-passenger-info-a-desc-color: var(--idp-blue);
  --find-mytrips-passenger-info-a-desc-font-family: var(--font-family-bold);
  --find-mytrips-passenger-info-a-desc-text-underline: var(
    --text-decoration-none
  );
  --find-mytrips-passenger-info-user-value-font-size: var(--font-size-15px);
  --find-mytrips-passenger-info-user-value-font-weight: var(
    --mt-font-weight-325
  );
  --find-mytrips-passenger-info-user-value-font-family: var(--font-family-book);
  --find-mytrips-passenger-info-user-value-color: var(--idp-secondary);
  --find-mytrips-passenger-info-user-value-line-height: var(--line-height-18);
  --find-mytrips-passenger-info-user-label-font-size: var(--font-size-13px);
  --find-mytrips-passenger-info-user-label-font-weight: var(
    --mt-font-weight-375
  );
  --find-mytrips-passenger-info-user-label-font-family: var(
    --font-family-semibold
  );
  --find-mytrips-passenger-info-user-label-color: var(--idp-secondary);
  --find-mytrips-passenger-info-user-label-line-height: var(--line-height-16);
  --find-mytrips-passenger-sub-text-line-height: var(--line-height-18);
  --find-mytrips-passenger-sub-text-color: var(--idp-secondary);
  --find-mytrips-passenger-sub-text-font-family: var(--font-family-book);
  --find-mytrips-passenger-sub-text-font-size: var(--font-size-13px);
  --find-mytrips-passenger-sub-text-font-weight: var(--mt-font-weight-325);
  --find-mytrips-passenger-sub-a-text-color: var(--idp-blue);
  --find-mytrips-passenger-section-font-family: var(--font-family-bold);
  --find-mytrips-passenger-section-font-size: var(--font-size-15px);
  --find-mytrips-passenger-section-line-height: var(--line-height-19);
  --find-mytrips-passenger-section-font-weight: var(--mt-font-weight-325);
  --find-mytrips-passenger-section-color: var(--idp-navyblue);
  --find-mytrips-passenger-hint-text-visibility: var(--visibility-visible);
  --find-mytrips-passenger-dropdown-color: var(--idp-secondary-light);
  --find-mytrips-passenger-dropdown-font-family: var(
    --idp-drdwn-font-family-book
  );
  --find-mytrips-passenger-dropdown-font-size: var(--drpdwn-slctd-font-size);
  --find-mytrips-passenger-dropdown-line-height: var(--drpdwn-line-height);
  --find-mytrips-passenger-text-action-color: var(--idp-label-color);
  --find-mytrips-passenger-text-action-font-family: var(
    --input-lbl-txt-actn-font-family
  );
  --find-mytrips-passenger-text-action-font-size: var(--font-size-13px);
  --find-mytrips-passenger-text-action-line-height: var(--line-height-16);
  --find-mytrips-passenger-footer-text-font-size: var(--font-size-13px);
  --find-mytrips-passenger-footer-text-line-height: var(--line-height-16);
  --find-mytrips-passenger-footer-text-color: var(--idp-navyblue);
  --find-mytrips-passenger-text-input-focus-color: var(--idp-secondary);
  --find-mytrips-passenger-info-warning-message-color: var(
    --idp-alert-warning-text-color
  );
  --find-mytrips-passenger-info-warning-message-link-color: var(
    --idp-alert-warning-link-color
  );
  --find-mytrips-passenger-info-error-tooltip-color: var(
    --idp-error-tooltip-text-color
  );
  --find-mytrips-passenger-info-error-tooltip-background-color: var(
    --idp-error-tooltip-bg-color
  );
  --find-mytrips-passenger-info-desc-pax-a-hover-color: var(#2d4f8d);
  --find-mytrips-passenger-info-desc-pax-a-hover-text-decoration: var(
    --text-decoration-underline
  );
  --find-mytrips-passenger-info-desc-pax-a-color: var(#4470c3);
  --find-mytrips-passenger-info-desc-pax-a-text-decoration: var(
    --text-decoration-none
  );
  /* ssr */
  --find-mytrips-service-request-title-color: var(--idp-secondary);
  --find-mytrips-service-request-title-font-size: var(--font-size-52px);
  --find-mytrips-service-request-title-font-family: var(--font-family-book);
  --find-mytrips-service-request-title-line-height: var(--line-height-78);
  --find-mytrips-service-request-body-line-height: var(--line-height-28);
  --find-mytrips-service-request-body-font-size: var(--font-size-20px);
  --find-mytrips-service-request-body-font-family: var(--font-family-book);
  --find-mytrips-service-request-body-color: var(--idp-secondary);
  --find-mytrips-service-request-modelsubdesc-color: var(--idp-secondary);
  --find-mytrips-service-request-modelsubdesc-font-size: var(--font-size-14px);
  --find-mytrips-service-request-modelsubdesc-font-family: var(
    --font-family-book
  );
  --find-mytrips-service-request-modelsubdesc-line-height: var(
    --line-height-20
  );
  --find-mytrips-service-request-card-desc-font-size: var(--font-size-15px);
  --find-mytrips-service-request-card-desc-font-family: var(--font-family-book);
  --find-mytrips-service-request-card-desc-line-height: var(--line-height-22-5);
  --find-mytrips-service-request-card-desc-color: var(--idp-secondary);
  --find-mytrips-service-request-card-title-color: var(--secondary-cta);
  --find-mytrips-service-request-card-title-font-size: var(--font-size-18px);
  --find-mytrips-service-request-card-title-font-family: var(
    --font-family-medium
  );
  --find-mytrips-service-request-card-title-line-height: var(--line-height-27);
  --find-mytrips-service-request-wheelchair-checkbox-line-height: var(
    --line-height-30
  );
  --find-mytrips-service-request-wheelchair-checkbox-font-size: var(
    --font-size-16px
  );
  --find-mytrips-service-request-wheelchair-checkbox-font-family: var(
    --font-family-semibold
  );
  --find-mytrips-service-request-wheelchair-checkbox-color: var(
    --idp-secondary
  );
  --find-mytrips-service-request-wheelchair-form-desc-color: var(
    --idp-body-text
  );
  --find-mytrips-service-request-wheelchair-form-desc-font-size: var(
    --font-size-16px
  );
  --find-mytrips-service-request-wheelchair-form-desc-font-family: var(
    --font-family-book
  );
  --find-mytrips-service-request-wheelchair-form-desc-line-height: var(
    --line-height-24
  );
  --find-mytrips-service-request-wheelchair-assistance-type-label-line-height: var(
    --line-height-24
  );
  --find-mytrips-service-request-wheelchair-assistance-type-label-font-size: var(
    --font-size-16px
  );
  --find-mytrips-service-request-wheelchair-assistance-type-label-font-family: var(
    --font-family-semibold
  );
  --find-mytrips-service-request-wheelchair-assistance-type-label-color: var(
    --idp-secondary
  );
  --find-mytrips-service-request-wheelchair-assistance-button-text-font-family: var(
    --font-family-book
  );
  --find-mytrips-service-request-wheelchair-assistance-button-text-font-size: var(
    --font-size-16px
  );
  --find-mytrips-service-request-wheelchair-assistance-button-text-line-height: var(
    --line-height-24
  );
  --find-mytrips-service-request-wheelchair-form-qstn-line-height: var(
    --line-height-24
  );
  --find-mytrips-service-request-wheelchair-form-qstn-font-size: var(
    --font-size-16px
  );
  --find-mytrips-service-request-wheelchair-form-qstn-font-family: var(
    --font-family-semibold
  );
  --find-mytrips-service-request-wheelchair-form-qstn-color: var(
    --idp-secondary
  );
  --find-mytrips-service-request-segment-label-normal-color: var(
    --modal-spcl-items-text-font-color
  );
  --find-mytrips-service-request-segment-label-normal-font-size: var(
    --idp-checkbox-font-size
  );
  --find-mytrips-service-request-segment-label-normal-font-family: var(
    --font-family-base
  );
  --find-mytrips-service-request-segment-label-normal-line-height: var(
    --line-height-24
  );
  --find-mytrips-service-request-options-bd-assistance-type-line-height: var(
    --line-height-24
  );
  --find-mytrips-service-request-options-bd-assistance-type-font-size: var(
    --font-size-16px
  );
  --find-mytrips-service-request-options-bd-assistance-type-font-family: var(
    --font-family-semibold
  );
  --find-mytrips-service-request-options-bd-assistance-type-color: var(
    --idp-secondary
  );
  --find-mytrips-service-request-segment-font-family: var(--font-family-base);
  --find-mytrips-service-request-segment-font-size: var(--font-size-16px);
  --find-mytrips-service-request-segment-line-height: var(--line-height-24);
  --find-mytrips-service-request-segment-oa-color: var(--idp-secondary);
  --find-mytrips-service-request-ineligible-option-text-color: var(
    --idp-secondary
  );
  --find-mytrips-service-request-bd-boardingForm-color: var(--idp-secondary);
  --find-mytrips-service-request-bd-boardingForm-font-family: var(
    --font-family-semibold
  );
  --find-mytrips-service-request-bd-boardingForm-font-size: var(
    --font-size-16px
  );
  --find-mytrips-service-request-bd-boardingForm-line-height: var(
    --line-height-30
  );
  --find-mytrips-service-request-options-df-assistance-type-color: var(
    --idp-secondary
  );
  --find-mytrips-service-request-options-df-assistance-type-font-family: var(
    --font-family-semibold
  );
  --find-mytrips-service-request-options-df-assistance-type-font-size: var(
    --font-size-16px
  );
  --find-mytrips-service-request-options-df-assistance-type-line-height: var(
    --line-height-24
  );
  --find-mytrips-service-request-allergy-form--boardingForm-line-height: var(
    --line-height-30
  );
  --find-mytrips-service-request-allergy-form--boardingForm-font-size: var(
    --font-size-16px
  );
  --find-mytrips-service-request-allergy-form--boardingForm-font-family: var(
    --font-family-semibold
  );
  --find-mytrips-service-request-allergy-form--boardingForm-color: var(
    --idp-secondary
  );
  --find-mytrips-service-request-peanut-warning-color: var(--idp-secondary);
  --find-mytrips-service-request-peanut-warning-font-size: var(
    --font-size-15px
  );
  --find-mytrips-service-request-peanut-warning-font-family: var(
    --font-family-book
  );
  --find-mytrips-service-request-icon-color: var(--idp-secondary);
  --find-mytrips-service-request-body-a-color: #4470c3;
  --find-mytrips-service-request-body-a-text-decoration: var(
    --text-decoration-none
  );
  --find-mytrips-service-request-body-a-hover-color: #2d4f8d;
  --find-mytrips-service-request-body-a-hover-text-decoration: var(
    --text-decoration-underline
  );

  /* Resend confirmation */
  --find-mytrips-resend-confirmation-desc-font-family: var(
    --font-family-medium
  );
  --find-mytrips-resend-confirmation-desc-font-size: var(--font-size-10px);
  --find-mytrips-resend-confirmation-desc-font-weight: var(--font-weight-400);
  --find-mytrips-resend-confirmation-desc-line-height: var(--line-height-15);
  --find-mytrips-resend-confirmation-desc-color: var(--idp-secondary);
  --find-mytrips-resend-confirmation-legal-font-family: var(
    --font-family-semibold
  );
  --find-mytrips-resend-confirmation-legal-font-size: var(--font-size-12px);
  --find-mytrips-resend-confirmation-legal-font-weight: var(--font-weight-400);
  --find-mytrips-resend-confirmation-legal-line-height: var(--line-height-18);
  --find-mytrips-resend-confirmation-legal-color: var(--idp-secondary);
  --find-mytrips-resend-confirmation-input-error-border: var(--font-size-2px);
  --find-mytrips-resend-confirmation-input-error-color: var(
    --idp-input-error-border-color
  );
  --find-mytrips-resend-confirmation-input-color: var(--ctc-input-text-color);
  --find-mytrips-resend-confr-alert-text-color: var(--idp-secondary);
  --find-mytrips-resend-confr-alert-text-line-height: 1.5;
  --find-mytrips-resend-confr-alert-text-font-weight: var(--font-weight-400);
  --find-mytrips-resend-confr-alert-text-font-family: var(--font-family-medium);
  --find-mytrips-resend-confr-alert-text-font-size: var(--font-size-14px);
  --find-mytrips-resend-confr-alert-link-color: var(--idp-blue);
  --find-mytrips-resend-confr-alert-link-line-height: 1.5;
  --find-mytrips-resend-confr-alert-link-font-weight: var(--font-weight-400);
  --find-mytrips-resend-confr-alert-link-font-family: var(
    --font-family-semibold
  );
  --find-mytrips-resend-confr-alert-link-font-size: var(--font-size-14px);
  --find-mytrips-resend-confr-alert-border-top: var(--error-banner-red-border);
  --find-mytrips-resend-confr-alert-text-align: var(--text-align-center);
  --find-mytrips-resend-confr-icon-color: var(--mt-grey-add);
  --find-mytrips-resend-confr-alert-link-display: var(--display-block);
  --find-mytrips-resend-confr-icon-remove-visibility: var(--visibility-visible);
  --find-mytrips-resend-confr-btn-letter-space: var(--btn-letter-spacing);
  --find-mytrips-resend-confr-legal-desc-margin: var(--margin-10)
    var(--margin-0);
  --find-mytrips-resend-confr-legal-hdr-margin: var(--margin-10) var(--margin-0);
  --find-mytrips-resend-confr-hdr-padding: var(--padding-30);
  --find-mytrips-resend-confr-side-top-padding: var(--padding-30)
    var(--padding-30) var(--padding-0);
  --find-mytrips-resend-confr-legal-desc-padding: var(--padding-0);
  --find-mytrips-resend-confr-section-margin: var(--margin-15) var(--margin-0)
    var(--margin-30);
  --trip-details-component-padding: var(--padding-0);
  --find-mytrips-flight-change-flight-font-family: var(--font-family-semibold);
  --find-mytrips-flight-change-flight-color: #4470c3;
  --find-mytrips-flight-change-flight-hover-color: #2d4f8d;
  --find-mytrips-td-flight-point-city-hover-color: #2d4f8d;
  --find-mytrips-flight-outbound-path-font-family: var(--font-family-semibold);
  --find-mytrips-flight-card-outbound-background: var(--idp-body-color);
  --find-mytrips-td-train-origin-color: var(--idp-secondary);
  --find-mytrips-td-airport-code-line-font-family: var(--font-family-semibold);
  --find-mytrips-td-flight-point-city-xl-color: var(--idp-navyblue);
  --find-mytrips-td-flight-point-city-xl-font-family: var(
    --font-family-semibold
  );
  --find-mytrips-flight-summary-pointer-events: var(--pointer-event-all);
  --find-mytrips-flight-td-other-airlines-color: var(--idp-navyblue);
  --find-mytrips-flight-td-layout-icon-location-color: var(--idp-secondary);
  --find-mytrips-flight-td-layout-desc-color: var(--idp-navyblue);
  --find-mytrips-flight-td-layout-font-family: var(--font-family-semibold);
  --find-mytrips-flight-td-layout-city-color: var(--idp-body-text);
  --find-mytrips-flight-td-layout-fc-city-text-decoration: var(
    --text-decoration-none
  );
  --find-mytrips-flight-error-modal-error-header-font-size: var(--font-size-52);
  --find-mytrips-flight-error-modal-error-header-line-height: var(
    --font-size-62
  );
  --find-mytrips-td-flight-point-city-xl-font-weight: var(
    --font-weight-bold-text
  );
  --find-mytrips-pending-changes-content-title-color: var(--idp-secondary);
  --find-mytrips-pending-changes-content-title-font-size: var(
    --mt-font-size-23
  );
  --find-mytrips-pending-changes-content-title-line-height: var(
    --line-height-28
  );
  --find-mytrips-pending-changes-content-description-font-size: var(
    --font-size-15px
  );
  --find-mytrips-pending-changes-content-description-color: var(
    --idp-secondary
  );
  --find-mytrips-mt-modal-container-background-color: var(--white);
  --find-mytrips-td-flight-cards-background: var(--idp-body-color);
  --find-mytrips-sgmt-tooltip-wrpr-background-color: var(
    --idp-error-tooltip-bg-color
  );
  --find-mytrips-sgmt-tooltip-wrpr-msg-color: var(
    --idp-error-tooltip-text-color
  );
  --find-mytrips-sgmt-tooltip-wrpr-a-color: var(--idp-blue);
  --find-mytrips-sgmt-tooltip-wrpr-a-visibility: var(--visibility-visible);
  --find-mytrips-sgmt-tooltip-wrpr-border: 1px solid var(--idp-ctc-error-text);
  --find-mytrips-sgmt-tooltip-wrpr-box-shadow: var(
    --box-shadow-error-alert-warning-after
  );
  --find-mytrips-sgmt-tooltip-wrpr-border-color: var(
      --idp-error-tooltip-bg-color
    )
    var(--idp-error-tooltip-bg-color);
  --find-mytrips-td-airport-code-text-decoration: var(--text-decoration-none);
  --find-mytrips-sgmt-tooltip-wrpr-msg-font-family: var(
    --idp-error-tooltip-message-font-family
  );
  --find-mytrips-sgmt-tooltip-wrpr-msg-font-size: var(--font-size-13px);
  --find-mytrips-sgmt-tooltip-wrpr-msg-font-weight: var(--font-weight-500);
  --find-mytrips-sgmt-tooltip-wrpr-msg-line-height: var(
    --idp-error-tooltip-message-line-height
  );
  --find-mytrips-flight-tooltip-wrpr-height: var(--height-percent-100);
  --find-mytrips-flight-tooltip-wrpr-min-width: var(--width-300);
  --find-mytrips-flight-tooltip-wrpr-width: var(--width-300);
  --find-mytrips-sgmt-tooltip-wrpr-padding: var(--padding-15);
  --find-mytrips-sgmt-tooltip-wrpr-a-text-decoration: var(
    --text-decoration-none
  );
  --find-mytrips-sgmt-tooltip-wrpr-hover-text-decoration: var(
    --text-decoration-underline
  );
  --find-mytrips-flight-tooltip-msg-width: var(--width-138);
  /* reimbursement */
  --idp-progress-bar: linear-gradient(#4470c3 0%, #081f49 100%);
  --transition-all: 0.5s all;
  --refund-type-card-border: 1px solid #dedfe1;
  /* baggage calculator css */

  --baggage-modal-section-title-color: var(--idp-accent);
  --baggage-modal-section-title-font-family: var(--font-family-semibold);
  --baggage-modal-section-title-font-size: var(--font-size-13px);
  --baggage-modal-section-title-line-height: var(--line-height-24);
  --baggage-modal-section-title-text-decoration: var(--link-decoration);
  --baggage-modal-footer-btn-background: var(--idp-primary);
  --baggage-modal-footer-btn-background-hover: var(--idp-red-hover);
  --baggage-modal-footer-btn-background-active: var(--idp-red-hover);
  --baggage-modal-footer-title-md-font-size: var(
    --modal-footer-idp-dialog-footer-title-md-font-size
  );
  --baggage-modal-footer-title-md-line-height: var(
    --modal-footer-idp-dialog-footer-title-md-line-height
  );
  --baggage-modal-footer-title-md-color: var(--modal-footer-title-color);
  --baggage-modal-footer-title-md-font-weight: var(--font-weight-500);
  --baggage-modal-footer-title-md-font-family: var(
    --modal-footer-title-font-family
  );
  --baggage-modal-action-label-text: var(--idp-label-color);
  --baggage-modal-footer-tiny-text-color: var(
    --modal-footer-idp-dialog-footer-tiny-text-color
  );
  --baggage-modal-footer-tiny-text-font-family: var(--font-family-book);
  --baggage-modal-footer-tiny-text-font-size: var(--font-size-11px);
  --baggage-modal-footer-tiny-text-font-weight: var(--font-weight-bold);

  --baggage-modal-footer-price-font-weight: var(--font-weight-500);
  --baggage-modal-footer-price-color: var(
    --modal-footer-idp-dialog-footer-price-color
  );
  --baggage-modal-footer-price-line-height: normal;
  --baggage-modal-footer-price-font-family: var(
    --modal-footer-idp-dialog-footer-price-font-family
  );
  --baggage-modal-footer-price-font-size: var(--font-size-28px);
  --baggage-modal-header-background-color: var(--idp-darth-vader);
  --baggage-modal-header-tag-color: var(
    --bgcl-modal-hdr-light-title-font-color
  );
  --baggage-modal-title-font-family: var(--font-family-semibold);
  --baggage-modal-title-font-size: var(--font-size-18px);
  --baggage-modal-title-line-height: var(--font-size-22px);
  --baggage-modal-title-color: var(--idp-navyblue);
  --baggage-modal-dsc-font-family: var(--font-family-book);
  --baggage-modal-dsc-font-size: var(--font-size-15px);
  --baggage-modal-dsc-color: var(--idp-navyblue);
  --baggage-modal-dsc-line-height: var(--font-size-20px);
  --baggage-terms-title-font-weight: var(--bgcl-modal-terms-title-font-weight);
  --baggage-terms-title-line-height: var(--bgcl-modal-terms-title-line-height);
  --baggage-terms-title-font-color: var(--bgcl-modal-terms-title-color);
  --baggage-terms-title-font-size: var(--bgcl-modal-terms-title-font-size);
  --baggage-terms-title-font-family: var(--bgcl-modal-terms-title-font-family);
  --baggage-terms-title-text-transform: var(--text-transform-uppercase);
  --baggage-terms-body-line-height: var(--bgcl-modal-terms-body-line-height);
  --baggage-terms-body-color: var(--bgcl-modal-terms-body-color);
  --baggage-terms-body-font-size: var(--bgcl-modal-terms-body-font-size);
  --baggage-terms-body-font-family: var(--bgcl-modal-terms-body-font-family);
  --baggage-modal-reset-btn-line-height: var(--font-size-16px);
  --baggage-modal-reset-btn-color: var(--link-color);
  --baggage-modal-reset-btn-font-family: var(--font-family-semibold);
  --baggage-modal-reset-btn-font-size: var(--font-size-13px);
  --baggage-modal-reset-btn-text-decoration: var(--text-decoration-none);
  --baggage-modal-dropdown-selected-color: var(--idp-secondary-light);
  --baggage-modal-dropdown-list-item-color: var(--idp-drdwn-color);
  --baggage-modal-reset-btn-text-font-weight: var(--font-weight-600);
  --baggage-modal-header-light-background-color: var(--white);
  --bgcl-bag-icon-fill: var(--idp-secondary);
  --bag-cacl-dlog-cnt-nstd-svg-icon-fill: var(--idp-secondary);
  --bgcl-count-bag-icon-color: var(--white);
  --bgcl-psngr-icon-btn-stroke: var(--idp-secondary);
  --bgcl-psngr-icon-btn-fill: var(--idp-secondary);
  --bgcl-psngr-icon-bagimg-fill: var(--idp-secondary);
  --bgcl-psngr-icon-bagimg-rect-fill: var(--idp-secondary);
  --bgcl-count-bag-icon-last-child-fill: var(--idp-secondary);
  --bgcl-bag-dtals-chck-box-background: url('/content/dam/delta-applications/ui-kit/assets/svg/forms/check-mark.svg')
    no-repeat transparent;
  --bgcl-bag-dtals-chck-box-background-position: var(
    --background-position-center
  );
  --signup-tooltip-border: 1px solid var(--idp-ctc-error-text);
  --signup-tooltip-color: var(--idp-error-tooltip-text-color);
  --signup-tooltip-background: var(--idp-error-tooltip-bg-color);
  --signup-tooltip-close-icon-background: var(--idp-close-icon);
  --signup-tooltip-after-border-color: var(--idp-error-tooltip-bg-color)
    var(--idp-error-tooltip-bg-color) transparent transparent;
  /* Earn Calculator Colors */
  --idp-earnings-blue-grey: #567b94;
  --idp-earnings-dark-blue-grey: #192e3f;
  --idp-earnings-light-gold: #ca8c40;
  --idp-earnings-dark-gold: #8c5716;
  --idp-earnings-light-silver: #a097b8;
  --idp-earnings-medallion-black: #191620;
  --idp-earnings-medallion-grey: #606163;
  --idp-earnings-medallion-blue-grey: #54649e;
  --idp-earnings-basic-base: #233060;
  --unit-90-deg: 90deg;
  --bgcl-rmve-mdl-icon-txt-supr-color: var(--idp-secondary);
  --bgcl-rmve-mdl-icon-txt-color: var(--idp-secondary);
  --bgcl-drpdwn-lble-tooltip-icon-focus-margin: var(--margin-0);
  --bgcl-drpdwn-lble-tooltip-icon-focus-margin-bottom: var(
    --font-size-4px-minus
  );
  --bgcl-rmv-mdl-crd-icon-float: none;
  --bgcl-smpl-alert-focus-margin-bottom: var(--alert-margin-bottom);
  --find-mytrips-flight-td-layout-desc-font-family: var(
    --find-mytrips-flight-td-layout-font-family
  );
  --find-mytrips-status-line-medium-border-color: var(--idp-orange-pill);
  --find-mytrips-td-flyready-text-amber-alert-color: var(--idp-orange-pill);
  --find-mytrips-td-flyready-alert-subhead-font-family: var(--font-family-book);
  --find-mytrips-td-flyready-alert-subhead-line-height: var(--line-height-20);
  --find-mytrips-td-flyready-alert-button-color: var(
    --bttn-idp-secondary-color
  );
  --find-mytrips-td-flyready-alert-button-border: 0.125rem
    var(--bttn-idp-secondary-border-color) solid;
  --find-mytrips-message-center-td-advisory-msg-line-height: var(
    --line-height-14
  );
  --find-mytrips-mes-cent-schedule-change-alert-subhead-color: var(
    --idp-secondary
  );
  --find-mytrips-mes-cent-schedule-change-alert-link-a-color: #4470c3;
  --find-mytrips-advisory-msg-accordion-font-family: var(
    --font-family-semibold
  );
  --find-mytrips-advisory-msg-accordion-font-size: var(--font-size-14px);
  --find-mytrips-advisory-msg-accordion-line-height: var(--line-height-20);
  --find-mytrips-advisory-msg-showMore-a-color: #4470c3;
  --find-mytrips-td-advisory-msg-desc-li-color: #0b1f66;
  --find-mytrips-upsell-banner-cabin-info-font-family: var(--font-family-base);
  --find-mytrips-advisory-msg-accordion-a-color: #4470c3;
  --find-mytrips-td-advisory-msg-desc-line-height: var(--line-height-20);
  --find-mytrips-td-advisory-msg-desc-font-size: var(--font-size-14px);
  --find-mytrips-flight-outbound-flight-color: var(--idp-secondary);
  --find-mytrips-flight-outbound-code-color: var(--idp-secondary);
  --find-mytrips-flight-outbound-code-line-height: var(--mt-line-height-43);
  --find-mytrips-flight-outbound-code-font-size: var(--font-size-36px);
  --find-mytrips-flight-outbound-code-font-family: var(--font-family-medium);
  --find-mytrips-flight-outbound-path-color: var(--idp-secondary);
  --find-mytrips-flight-outbound-path-line-heigth: var(--line-height-18);
  --find-mytrips-flight-outbound-path-font-size: var(--font-size-15px);
  --find-mytrips-advisory-msg-accordion-a-hover-color: #2d4f8d;
  --find-mytrips-td-advisory-msg-desc-a-hover-color: #2d4f8d;
  --find-mytrips-td-flyready-alert-text-font-size: var(--font-size-15px);
  --find-mytrips-td-flyready-alert-text-line-height: var(--line-height-18);
  --find-mytrips-td-flyready-alert-button-font-size: var(--btn-font-size);
  --find-mytrips-td-flyready-alert-button-line-height: var(
    --bttn-idp-btn-line-height
  );
  --find-mytrips-td-flyready-alert-button-hover-background: var(
    --idp-red-hover
  );
  --find-mytrips-flyready-lozenge-icon-amber-alert-color: var(
    --idp-orange-pill
  );
  --find-mytrips-upsell-banner-cabin-info-title-font-family: var(
    --font-family-base
  );
  --find-mytrips-srvc-req-ttl-font-size: var(--font-size-42px);
  --find-mytrips-srvc-req-bardng-letter-spacing: var(--letter-spacing-0);
  --find-mytrips-srvc-req-allrgs-margin-bottom: var(--margin-bottom-0);
  --find-mytrips-srvc-req-acrdn-scndry-icon-bg: var(--idp-arrow-red-down-img)
    var(--idp-filter-desktop-background-repeat);
  --find-mytrips-srvc-req-acrdn-scndry-icon-scale: var(--none);
  --find-mytrips-srvc-req-acrdn-scndry-icon-transform: var(--idp-rotate-0deg);
  --find-mytrips-srvc-req-acrdn-caret-expnd-icon-transform: var(
    --idp-rotate-180deg
  );
  --find-mytrips-ssr-prmry-btn-aftr-visibility: var(--visibility-visible);
  --find-mytrips-ssr-prmry-dsable-aftr-visibility: var(--visibility-visible);
  --find-mytrips-ssr-scndry-btn-aftr-visibility: var(--visibility-visible);
  --find-mytrips-share-itineray-scndry-btn-border: 0.125rem
    var(--bttn-idp-secondary-border-color) solid;
  --find-mytrips-email-mdl-a-hvr-txt-decoration: var(
    --text-decoration-underline
  );
  --find-mytrips-lylty-dalog-hdr-lte-bg: var(--white);
  --find-mytrips-srvc-req-acrdn-scndry-icon-margin-top: var(--margin-top-0);
  --find-mytrips-srvc-req-acrdn-caret-expnd-icon-margin-top: var(
    --margin-top-0
  );
  --find-mytrips-srvc-req-acrdn-caret-expnd-icon-margin-bottom: var(
    --margin-bottom-0
  );
  --find-mytrips-ssr-model-checkbox-after-border-radius: var(
    --checkbox-border-radius
  );
  --find-mytrips-ssr-model-checkbox-after-border: var(--border-width-1) solid
    var(--checkbox-primary);
  --find-mytrips-ssr-model-checkbox-after-background: url('/content/dam/delta-applications/ui-kit/assets/svg/forms/check-mark.svg')
    no-repeat transparent;
  --find-mytrips-ssr-model-checkbox-before-border: var(--border-width-1) solid
    var(--idp-secondary);
  --find-mytrips-ssr-model-checkbox-after-background-position: center;
  --find-mytrips-ssr-model-checkbox-after-background-size: auto;
  --find-mytrips-trip-extra-compnt-gap: var(--column-gap-24px);
  --find-mytrips-trip-extra-compnt-dsply: var(--display-flex);
  --find-mytrips-trip-extra-compnt-media-dsply: var(--display-flex);
  --find-mytrips-err-tooltip-wrpr-aftr-right: var(--margin-10-percent);
  --find-mytrips-psngr-info-mdl-err-tooltip-bx-shdow: var(
    --box-shadow-error-alert-warning-after
  );
  --find-mytrips-psngr-info-mdl-err-tooltip-bdr-color: transparent transparent
    var(--idp-error-tooltip-bg-color) var(--idp-error-tooltip-bg-color);
  --find-mytrips-psngr-info-mdl-err-tooltip-color: var(--idp-secondary);
  --find-mytrips-psngr-info-mdl-err-tooltip-bg: var(
    --idp-error-tooltip-bg-color
  );
  --find-mytrips-psngr-err-tooltip-close-icon-visibility: var(
    --visibility-visible
  );
  --find-mytrips-msg-cntr-alrt-lnk-font-family: var(--font-family-semibold);
  --find-mytrips-msg-cntr-alrt-lnk-txt-decoration: var(--text-decoration-none);
  --find-mytrips-msg-cntr-alrt-lnk-hvr-txt-decoration: var(
    --text-decoration-underline
  );
  --find-mytrips-flight-card-psngr-mdlin-not-margin-top: var(--margin-top-0);
  --find-mytrips-flyready-alrt-scndry-btn-color: var(--idp-secondary-light);
  --find-mytrips-flyready-alrt-scndry-btn-border: 0.125rem
    var(--bttn-idp-secondary-border-color) solid;
  --find-mytrips-flyready-alrt-scndry-btn-hvr-color: var(--white);
  --find-mytrips-flyready-alrt-scndry-btn-hvr-bg: var(--idp-red-hover);
  --find-mytrips-flyready-alrt-scndry-btn-actv-color: var(--white);
  --find-mytrips-flyready-alrt-scndry-btn-actv-bg: var(
    --bttn-idp-secondary-background-active
  );
  --find-mytrips-flyready-alrt-scndry-btn-fcus-box-shadow: 0 0 0 5px
      var(--white),
    0 0 0 6px var(--idp-form-focus-color);
  --find-mytrips-flight-outbound-margin: var(--margin-0) var(--margin-15);
  --find-mytrips-flight-change-flight-idp-display: var(--display-none);
  --find-mytrips-flight-change-flight-display: var(--display-block);
  --find-mytrips-flight-outbound-path-margin: var(--margin-20);
  --find-mytrips-flight-arrival-date-margin-bottom: var(--margin-1);
  --find-mytrips-carrier-flight-tooltip-icon-info-background: var(--info-icon)
    var(--background-no-repeat) var(--background-transparent);
  --find-mytrips-carrier-flight-tooltip-icon-info-background-size: var(
    --background-size-contain
  );
  --find-mytrips-carrier-flight-error-tooltip-border: 1px solid
    var(--idp-ctc-error-text);
  --find-mytrips-carrier-flight-error-tooltip-color: var(
    --idp-error-tooltip-text-color
  );
  --find-mytrips-carrier-flight-error-tooltip-background: var(
    --idp-error-tooltip-bg-color
  );
  --find-mytrips-carrier-flight-error-tooltip-after-border-color: transparent
    transparent var(--idp-error-tooltip-bg-color)
    var(--idp-error-tooltip-bg-color);
  --find-mytrips-carrier-flight-error-tooltip-after-box-shadow: var(
    --box-shadow-error-alert-warning-after
  );
  --find-mytrips-carrier-error-tooltip-close-icon-visibility: var(
    --visibility-visible
  );
  --find-mytrips-carrier-error-tooltip-close-background-color: var(--white);
  --find-mytrips-td-flight-status-delayed-text-color: var(--td-alert-midlevel);
  --find-mytrips-td-flight-status-canceled-text-color: var(--idp-red-hover);
  --find-mytrips-td-passenger-fr-icon-completed: var(--idp-medium-green);
  --find-mytrips-td-passenger-fr-icon-icon-red: var(
    --mt-passenger-info-alert-color
  );
  --find-mytrips-td-passenger-fr-icon-icon-amber: var(--td-alert-midlevel);
  --find-mytrips-td-passenger-fr-link-color: var(--idp-blue);
  --find-mytrips-td-passenger-fr-link-text-decoration: var(
    --text-decoration-none
  );
  --find-mytrips-td-loyalty-medallion-gold-color: var(--idp-gold);
  --find-mytrips-td-loyalty-medallion-silver-color: var(--idp-silver);
  --find-mytrips-td-passenger-fr-link-font-family: var(--font-family-semibold);
  --find-mytrips-td-passenger-fr-link-font-line-height: var(--font-size-16px);
  --find-mytrips-psngr-accrdn-caret-icon-background: var(
      --idp-arrow-red-down-img
    )
    var(--idp-filter-desktop-background-repeat);
  --find-mytrips-boarding-message-font-family: var(--font-family-semibold);
  --find-mytrips-boarding-message-color: var(--idp-secondary);
  --find-mytrips-boarding-message-line-height: var(--line-height-20);
  --find-mytrips-message-prmry-btn-line-height: var(--line-height-24);
  --find-mytrips-message-prmry-btn-color: var(--white);
  --find-mytrips-message-prmry-btn-bg: var(--idp-primary);
  --find-mytrips-message-prmry-btn-hvr-bg: var(--idp-red-hover);
  --find-mytrips-message-prmry-btn-actv-bg: var(--idp-red-hover);
  --find-mytrips-message-btn-fcus-box-shadow: 0 0 0 5px var(--white),
    0 0 0 6px var(--idp-form-focus-color);
  --find-mytrips-td-cabin-service-button-visibility: var(--visibility-visible);
  --find-mytrips-error-logo-cont-visibility: var(--visibility-visible);
  --find-mytrips-ssr-logo-cont-visibility: var(--visibility-visible);
  --find-mytrips-psngr-accrdn-caret-icon-transform: var(--idp-rotate-0deg);
  --find-mytrips-psngr-accrdn-caret-icon-expand-transform: var(
    --idp-rotate-180deg
  );
  --find-mytrips-psngr-accrdn-caret-icon-background-postion-y: var(
    --background-position-95-percent
  );
  --find-mytrips-psngr-accrdn-caret-icon-background-postion-x: var(
    --background-position-0
  );
  --find-mytrips-add-calendar-medium-width: var(--width-149);
  --find-mytrips-psng-error-input-border-bottom: 0.125rem solid
    var(--idp-input-error-border-color);
  --find-mytrips-psng-error-input-focus-border-bottom: 0.125rem solid
    var(--idp-input-error-border-color);
  --find-mytrips-psng-error-input-focus-border: var(--border-width-1) solid
    var(--idp-input-focus-border-color);
  --find-mytrips-psng-error-input-focus-box-shadow: 0 0 0 var(--border-width-1)
    var(--form-focus-border-color);
  --find-mytrips-psng-error-input-focus-border-radius: var(
    --idp-input-border-width-4
  );
  --find-mytrips-passenger-error-wrapper-tooltip-border: 1px solid
    var(--idp-ctc-error-text);
  --find-mytrips-psng-error-wrapper-after-tooltip-border-color: transparent
    transparent var(--idp-error-tooltip-bg-color)
    var(--idp-error-tooltip-bg-color);
  --find-mytrips-psng-error-wrapper-after-tooltip-box-shadow: var(
    --box-shadow-error-alert-warning-after
  );
  --find-mytrips-psng-error-wrapper-after-tooltip-right: var(--font-size-20px);
  --find-mytrips-passenger-error-tooltip-color: var(
    --idp-error-tooltip-text-color
  );
  --find-mytrips-passenger-error-tooltip-bg-color: var(
    --idp-error-tooltip-bg-color
  );
  --find-mytrips-psng-error-tooltip-border-radius: var(--unit-0-px);
  --find-mytrips-psng-error-wrapper-icon-visibility: var(--visibility-visible);
  --find-mytrips-psng-error-wrapper-state-after-tooltip-right: var(
    --font-size-20px
  );
  --find-mytrips-psng-error-wrapper-city-after-tooltip-right: var(
    --font-size-20px
  );
  --find-mytrips-psng-section-content-color: var(--idp-secondary);
  --find-mytrips-psng-section-content-label-font-family: var(
    --font-family-semibold
  );
  --find-mytrips-psng-section-content-label-font-size: var(--font-size-13px);
  --find-mytrips-psng-section-content-label-line-height: var(--line-height-16);
  --find-mytrips-psng-section-content-label-color: var(--idp-secondary);
  --find-mytrips-psng-section-content-value-font-size: var(--font-size-15px);
  --find-mytrips-psng-section-content-value-line-height: var(--line-height-18);
  --find-mytrips-psng-section-content-value-color: var(--idp-secondary);
  --find-mytrips-psng-section-footer-font-family: var(--font-family-sans-base);
  --find-mytrips-psng-section-footer-color: var(--idp-secondary);
  --find-mytrips-psng-td-infant-help-line-color: var(--idp-blue);
  --find-mytrips-td-passenger-infant-color: var(--idp-secondary);
  --find-mytrip-flght-crd-sgmnt-orgn-icon-height: var(--unit-24-px);
  --find-mytrips-add-calender-border-radius: var(--unit-0-px);
  --find-mytrips-add-calender-border-bottom: var(
    --bgcl-modal-hdr-border-bottom
  );
  --find-mytrips-add-calender-close-icon-background: var(--idp-white-close-icon)
    no-repeat transparent;
  --find-mytrips-add-calender-footer-font-family: var(
    --find-mytrips-add-calender-model-font-family
  );
  --find-mytrips-add-calender-close-icon-padding: var(--padding-2)
    var(--padding-7) var(--padding-7) var(--padding-7);
  --find-mytrips-psng-dropdown-active-color: var(--idp-drdwn-active-color);
  --find-mytrips-psng-dropdown-active-background: var(
    --idp-drwn-active-bg-color
  );
  --find-mytrips-psng-dropdown-btn-color: var(--idp-drdwn-color);
  --find-mytrips-psng-bun-normal-width: var(--btn-large-md-width);
  --find-mytrips-shrd-itnry-dialg-max-width: var(--mt-width-100-vw);
  --find-mytrips-shrd-itnry-dialg-padding: var(--padding-20) var(--padding-15)
    var(--padding-0);
  --find-mytrips-resend-medium-button-width: var(--unit-149-px);
  --find-mytrips-resend-error-alert-icon: var(--idp-alert-img) no-repeat
    transparent;
  --find-mytrips-sgmnt-toltp-wrpr-a-fcs-bg: var(--idp-access-bg-color);
  --find-mytrips-td-flight-line-status-font-size: var(--font-size-13px);
  --find-mytrips-resend-medium-button-height: var(--unit-50-px);
  --find-mytrips-flight-td-layout-link-font-family: var(--font-family-semibold);
  --find-mytrips-flight-td-layout-link-color: var(--idp-blue);
  --find-mytrips-td-loyalty-success-color: var(--idp-secondary);
  --find-mytrips-loyalty-input-label-color: var(--idp-label-color);
  --find-mytrips-loyalty-input-label-focus-color: var(--idp-secondary);
  --find-mytrips-loyalty-dropdown-btn-font-size: var(
    --idp-dropdown-list-font-size
  );
  --find-mytrips-flght-crd-outbnd-display: var(--display-flex);
  --find-mytrips-flght-outbnd-arvl-col-dsply: var(--display-flex);
  --find-mytrips-flght-outbnd-arvl-date-ml: var(--margin-15);
  --find-mytrips-passenger-alert-background: var(--idp-alert-img)
    var(--background-no-repeat) var(--idp-transparent);
  --find-mytrips-passenger-info-user-label-sm-font-size: var(
    --find-mytrips-passenger-info-user-label-font-size
  );
  --find-mytrips-passenger-alert-margin-bottom: var(--unit-0-px);
  --find-mytrips-passenger-alerts-color: var(--idp-secondary);
  --find-mytrips-psngr-accrdn-caret-icon-margin-bottom: var(--unit-0-px);
  --find-mytrips-seat-lnk-toltp-bdr-left: 0.0625rem solid
    var(--divider-bg-color);
  --find-mytrips-seat-lnk-toltp-close-icon-bg: var(--idp-close-icon);
  --find-mytrips-seat-lnk-toltp-info-icon-bg: var(--info-icon)
    var(--background-no-repeat) var(--background-transparent);
  --find-mytrips-seat-lnk-spn-font-family: var(--font-family-medium);
  --find-mytrips-seat-lnk-spn-font-size: var(--mt-font-size-13);
  --find-mytrips-seat-lnk-spn-font-weight: var(--font-weight-350);
  --find-mytrips-seat-lnk-spn-line-height: var(--line-height-sm);
  --find-mytrips-seat-lnk-spn-color: var(--idp-navyblue);
  --find-mytrips-arprt-cde-toltp-visibility: var(--visiblity-visible);
  --find-mytrips-arprt-cde-toltp-color: var(--idp-blue);
  --find-mytrips-arprt-cde-toltp-text-decoration: var(--text-decoration-none);
  --find-mytrips-arprt-cde-toltp-hvr-text-decoration: var(
    --text-decoration-underline
  );
  --find-mytrips-err-toltp-icon-visibility: var(--visibility-visible);
  --find-mytrips-psngr-info-mdl-sec-ttl-font-size: var(--font-size-14px);
  --find-mytrips-psngr-info-accdn-btn-font-size: var(--font-size-13px);
  --find-mytrips-psngrskymle-lnk-ml: var(--margin-left-0);
  --find-mytrips-psng-input-margin-bottom: var(--unit-0-px);
  --find-mytrips-prmry-btn-after-visible: var(--visibility-visible);
  --find-mytrips-psngr-info-mdl-err-tooltip-border-left: var(--none);
  --find-mytrips-seat-lnk-info-icon-bg-size: var(--background-size-contain);
  --find-mytrips-psngr-mdl-chkbx-lbl-mdum-letter-spacing: var(
    --letter-spacing-0
  );
  --find-mytrips-ssr-prmry-btn-disabled-color: var(--idp-label-color);
  --find-mytrips-ssr-prmry-btn-disabled-background-color: var(
    --idp-disabled-color
  );
  --find-mytrips-ssr-pax-name-color: var(--secondary-cta);
  --find-mytrips-ssr-pax-name-font-size: var(--unit-18-px);
  --find-mytrips-ssr-pax-name-font-weight: var(--font-weight-400);
  --find-mytrips-ssr-pax-name-line-height: var(--line-height-sm);
  --find-mytrips-ssr-pax-quantity-line-height: var(--line-height-sm);
  --find-mytrips-ssr-pax-quantity-font-size: var(--unit-13-px);
  --find-mytrips-ssr-pax-quantity-font-family: var(--font-family-medium);
  --find-mytrips-ssr-pax-quantity-font-weight: var(--font-weight-200);
  --find-mytrips-ssr-pax-quantity-color: var(--secondary-cta);
  --find-mytrips-ssr-btn-width: var(--btn-large-md-width);
  --find-mytrips-psngr-info-mdl-toltp-top: var(--idp-alert-tooltip-after-top);
  --find-mytrips-psngr-skymle-lnk-width: var(--width-auto);
  --find-mytrips-psngr-skymle-lnk-letter-spacing: var(--letter-spacing-0);
  --find-mytrips-flight-td-layout-city-a-color: var(--anchor-link-color);
  --find-mytrips-td-quick-links-upgrade-seat-margin-left: var(--margin-10);
  --find-mytrips-flight-td-layout-city-a-font-size: var(
    --find-mytrips-flight-td-layout-font-size
  );
  --find-mytrips-ssr-mb-background-color: var(--white);
  --find-mytrips-psngr-mdl-chkbx-font-size: var(--idp-checkbox-font-size);
  --find-mytrips-psng-sc-font-size: var(--input-lbl-font-size);
  --find-mytrips-psng-sm-dialog-body-width: var(--width-auto);
  --find-mytrips-psng-sm-dialog-footer-width: var(--width-100-perc);
  --fnd-mytrps-psngr-info-mdl-inpt-wrpr-font-size: var(--input-font-size);
  --find-mytrips-psngr-mdl-chkbx-line-height: var(--line-height-15);
  --find-mytrips-popup-red-border-top: var(--error-banner-red-border);
  --find-mytrips-seat-lnk-txt-decoration: var(--text-decoration-underline);
  --find-mytrips-td-layover-color: var(--idp-secondary);
  --find-mytrips-td-layover-bottom: var(--unit-70-px);
  --find-mytrips-ft-td-other-air-margin-top: var(--margin-15);
  --find-mytrips-ft-td-other-air-sm-margin-top: var(--margin-15);
  --find-mytrips-td-layover-duration-color: var(--idp-secondary);
  --find-mytrips-td-seat-border-radius: var(--border-0);
  --find-mytrips-arprt-cde-toltp-dsply: var(--display-block);
  --fnd-mytrps-flght-crd-point-txt-lttr-spcng: var(--letter-spacing-0);
  --find-mytrips-flight-td-layout-sm-font-size: var(
    --find-mytrips-flight-td-layout-font-size
  );
  --find-mytrips-flight-td-layout-sm-padding-bottom: var(--unit-0-px);
  --mytrips-td-oa-superscript-font-size: var(--font-size-8px);
  --mytrips-td-ls-divider-color: var(--idp-secondary);
  --find-mytrips-flight-td-layout-lg-padding-bottom: var(--unit-0-px);
  --fnd-mytrps-flght-crd-point-cty-lttr-spcng: var(--letter-spacing-0);
  --fnd-mytrps-err-toltp-icon-bg: url('/content/dam/delta-applications/ui-kit/assets/svg/alerts/alert-icon.svg')
    no-repeat transparent;
  --fnd-mytrps-err-toltp-wrpr-icon-bg: url('/content/dam/delta-applications/ui-kit/assets/svg/alerts/alert-icon.svg')
    no-repeat transparent;
  --fnd-mytrps-psngr-err-toltp-icon-mt: var(--margin-top-0);
  --fnd-mytrps-psngr-err-wrpr-cty-toltp-aftr-top: var(
    --idp-alert-tooltip-after-top
  );
  --mytrips-td-leg-points-color: var(--idp-navyblue);
  --mytrips-td-leg-points-font-size: var(--font-size-13px);
  --find-mytrips-seat-oa-color: var(--idp-navyblue);
  --fnd-mytrps-flght-crd-psngr-nme-letr-spcng: var(--letter-spacing-0);
  --fnd-mytrps-flght-crd-psngr-edt-txt-decoration: var(--text-decoration-none);
  --fnd-mytrps-flght-crd-psngr-edt-hvr-txt-decoration: var(
    --text-decoration-underline
  );
  --fnd-mytrps-flght-crd-psngr-edt-hvr-color: #2d4f8d;
  --mytrips-ft-summary-lg-name-font-size: var(--font-size-13px);
  --fnd-mytrps-ssr-blnd-req-anml-desc-font-family: var(--font-family-semibold);
  --fnd-mytrps-ssr-blnd-req-anml-desc-font-size: var(--font-size-16px);
  --fnd-mytrps-ssr-blnd-req-anml-desc-line-height: var(--line-height-24);
  --fnd-mytrps-ssr-blnd-req-anml-desc-color: var(--idp-navyblue);
  --fnd-mytrps-ssr-blnd-req-anml-desc-a-color: #4470c3;
  --fnd-mytrps-ssr-blnd-req-anml-desc-a-hvr-color: #2d4f8d;
  --fnd-mytrps-err-toltp-ul-li-color: var(--idp-secondary);
  --fnd-mytrps-ssr-anml-desc-a-txt-decoration: var(--text-decoration-none);
  --fnd-mytrps-ssr-anml-desc-a-hvr-txt-decoration: var(
    --text-decoration-underline
  );
  --fnd-mytrps-ssr-brdfrm-name-ltr-spcng: var(--letter-spacing-0);
  --fnd-mytrps-ssr-brdfrm-name-font-size: var(--font-size-16px);
  --fnd-mytrps-flght-crd-psngr-nme-font-size: var(--font-size-13px);
  --fnd-mytrps-lylty-mdl-skymle-bdr-radius: var(--border-0);
  --fnd-mytrps-mutpax-seat-OA-color: var(--white);
  --fnd-mytrps-flyrdy-alrt-bld-font-family: var(--font-family-semibold);
  --fnd-mytrps-flyrdy-alrt-font-family-book: var(--font-family-bold);
  --fnd-mytrip-cabin-amenity-margin-top: var(--margin-0);
  --fnd-mytrps-lozeng-nrml-alrt-bg: var(--white);
  --fnd-mytrps-lozeng-brdr: var(--card-header-divider-border-1px);
  --fnd-mytrps-alrt-txt-font-size: var(--font-size-15px);
  --fnd-mytrps-alrt-txt-line-height: var(--line-height-18);
  --fnd-mytrps-alrt-sunhead-line-height: var(--line-height-20);
  --fnd-mytrps-alrt-txt-nrml-alrt-color: var(--idp-medium-green);
  --fnd-mytrps-alrt-icon-color: var(--idp-medium-green);
  --fnd-mytrps-flyrdy-alrt-subhead-li-color: var(--idp-secondary);
  --fnd-mytrps-flyrdy-subhead-sccondntaply-color: #4470c3;
  --fnd-mytrps-flyrdy-subhead-a-color: #4470c3;
  --fnd-mytrps-flyrdy-subhead-hvr-color: #2d4f8d;
  --fnd-mytrps-flyrdy-subhead-txt-decrtn: var(--text-decoration-none);
  --fnd-mytrps-flyrdy-subhead-hvr-txt-decrtn: var(--text-decoration-underline);
  --fnd-mytrps-flght-point-date-text-transform: var(--text-transform-uppercase);
  --fnd-mytrps-toggle-content-letter-spacng: var(--mt-bt-letter-spacing);
  --fnd-mytrps-toggle-content-margin: var(--margin-5);
  --fnd-mytrps-flght-point-date-nxtday-color: var(--idp-green-dark);
  --fnd-mytrps-psngr-infant-dsply: var(--display-block);
  --fnd-mytrps-flght-card-padding: var(--padding-60);
  --fnd-mytrps-psngr-edit-letter-spacng: var(--letter-spacing-1-2px);
  --fnd-mytrps-psngr-cabin-info-padding: var(--padding-7) var(--padding-0)
    var(--padding-7) var(--padding-15);
  --fnd-mytrps-header-dropdown-holder-border-radius: var(--unit-0);
  --fnd-mytrps-landing-flight-card-padding: var(--padding-60);
  --fnd-mytrps-psngr-divider-display: var(--display-block);
  --fnd-mytrps-psngr-infant-display: var(--display-block);
  --fnd-mytrps-psngr-details-col-padding: var(--unit-15-px) var(--padding-30)
    var(--padding-20) var(--unit-30-px);
  --fnd-mytrps-psngr-divider-line-display: var(--display-none);
  --fnd-mytrps-msg-alrt-txt-font-size: var(--font-size-15px);

  /* -- Business Traveler -- */
  --business-traveler-main-blue-color: #0b1f66;
  --business-traveler-text-color: #161b38;
  --business-traveler-button-color: #e51937;
  --business-traveler-link-color: #0066cc;
  --business-traveler-badge-bg-color: #1c8617;
  --business-traveler-sub-header-color: #1a284e;
  --business-traveler-success-alert-icon-color: #167b3d;

  /*Seats*/
  --seats-advisory-error-color: var(--business-profile-main-blue-color);
  --seats-advisory-error-header-size: var(--font-size-22px);
  --seats-advisory-error-footer-size: var(--font-size-14px);
  --seats-advisory-error-body-size: var(--font-size-22px);
  --seats-algn-justify: var(--justify-content);
  --seats-link-color: var(--idp-seatkey-link);
  --seats-link-size: var(--font-size-16px);
  --seats-link-margin: var(--margin-0);
  --seats-margin-left: var(--margin-left-16);
  --seats-lopa-img-width: auto;
  --seats-lopa-up-seat-height: var(--unit-28-px);
  --seats-lopa-up-seat-width: var(--unit-27-px);
  --seats-lopa-seat-width: var(--width-29);
  --seats-image-size: var(--unit-27-px);
  --seats-seat-selected-family: var(--font-family-semibold);
  --seats-no-seat-select-background-color: var(--idp-gray-100);
  --seats-pax-add-text-color: #4470c3;
  --seats-pax-add-text-hover-color: var(--idp-navyblue-light);
  --seats-pax-add-text-decoration: var(--text-decoration-none);
  --seats-pax-type-txt-size: var(--font-size-24px);
  --seats-pax-count-text-color: var(--idp-secondary);
  --seats-btn-width-180: var(--width-180);
  --seats-pax-hover-color: var(--drpdwn-payment-bgclr);
  --seats-btn-width-145: var(--width-145);
  --seats-btn-height: var(--height-66);
  --seats-btn-line-height: var(--line-height-14);
  --seats-btn-font: var(--font-family-semibold);
  --seats-btn-size: var(--font-size-12px);
  --seats-btn-border-radius: none;
  --seats-second-btn-color: var(--idp-secondary);
  --seats-second-btn-border: var(--border-style-solid) var(--border-2px)
    var(--idp-secondary);
  --seats-btn-border-color: var(--idp-primary);
  --seats-pax-edit-size: var(--font-size-28px);
  --seats-pax-edit-family: var(--font-family-book);
  --seats-pax-edit-line-height: var(--line-height-31);
  --seats-pax-edit-desc-family: var(--font-family-medium);
  --seats-pax-edit-desc-size: var(--font-size-13px);
  --seats-pax-edit-desc-line-height: var(--line-height-16);
  --seats-pax-edit-desc-color: var(--idp-secondary);
  --seats-pax-edit-btn-width: var(--width-250);
  --seats-pax-edit-btn-height: var(--height-66);
  --seats-pax-edit-btn-border-radius: var(--unit-0);
  --seats-pax-edit-btn-margin-right: 1var (--unit-0);
  --seats-pax-edit-btn-txt-transform: var(--text-transform-uppercase);
  --seats-pax-edit-btn-family: var(--font-family-semibold);
  --seats-pax-edit-btn-size: var(--font-size-16px);
  --seats-exit-img-width: var(--unit-11-px);
  --seats-exit-img-height: var(--unit-14-px);
  --seats-map-background-color: var(--background-color-card);
  --seats-txt-align: var(--text-align-center);
  --seats-map-row-margin-right: none;
  --seats-map-row-margin-left: var(--unit-5-px);
  --seats-cabin-font-family: var(--font-family-semibold);
  --seats-cabin-color: var(--idp-seatmap-label-text-color);
  --seats-pax-mobile-float: var(--float-right);
  --seats-pax-mobile-link-color: var(--idp-save_cancel_mobile);
  --seats-pax-mobile-link-family: var(--font-family-semibold);
  --seats-pax-ipad-footer-padding: var(--padding-80);
  --seats-pax-arrow-img-top: var(--margin-minus-6);
  --seats-pax-arrow-img-width: var(--width-20);
  --seats-row-family: var(--font-family-semibold);
  --seats-row-size: var(--font-size-10-6px);
  --seats-row-color: var(--idp-seatmap-label-text-color);
  --seats-modal-header-size: var(--font-size-28px);
  --seats-modal-header-color: var(--modal-light-header-color);
  --seats-modal-secondary-btn-size: var(--font-size-14px);
  --seats-column-family: var(--font-family-bold);
  --seats-column-size: var(--font-size-10-6px);
  --seats-column-color: var(--idp-seatmap-label-text-color);
  --seats-selected-text-padding: var(--padding-0);
  --seats-btn-hover-box-border: var(--none);
  --seats-btn-hover-type-size: var(--font-size-16px);
  --seats-btn-hover-cabin-size: var(--font-size-12px);
  --seats-btn-hover-attr-color: var(--idp-body-text);
  --seats-btn-hover-attr-family: var(--font-family-semibold);
  --seats-btn-hover-attr-weight: var(--font-weight-600);
  --seats-desc-txt-popup: var(--idp-secondary);
  --seats-disclaimer-txt-family: var(--font-family-book-italic);
  --seats-disclaimer-txt-size: var(--font-size-12px);
  --seats-disclaimer-text-padding: var(--padding-14);
  --seats-disclaimer-txt-line-height: var(--line-height-14);
  --seats-btn-popup-width: var(--max-width-375px);
  --seats-pax-footer-amount-size: var(--font-size-24px);
  --seats-pax-footer-amount-color: var(--idp-secondary);
  --seats-trip-info-style: var(--font-style-italic);
  --seats-trip-info-size: var(--font-size-13px);
  --seats-btn-popup-size: var(--font-size-12-8px);
  --seats-popup-header-border: var(--none);
  --seats-popup-box-shadow: var(--border-2px) var(--border-radius-sm)
    var(--unit-0-px) var(--idp-gray-203);
  --seats-popup-border: var(--none);
  --seats-upsell-desc-family: var(--font-family-book);
  --seats-upsell-desc-color: var(--idp-secondary);
  --seats-benefit-family: var(--font-family-book);
  --seats-benefit-size: var(--font-size-13px);
  --seats-benefit-color: var(--idp-navyblue);
  --seats-benefit-width: var(--flex-basis-100-percent);
  --seats-side-card-slogan: var(--font-size-24px);
  --seats-side-card-select-size: var(--font-size-20px);
  --seats-side-card-image-height: var(--width-186);
  --seats-side-card-image-width: var(--width-249);
  --seats-side-card-scroll: var(--padding-8) var(--padding-20) var(--padding-20)
    var(--padding-20);
  --seats-side-card-scroll-padding: 0px;
  --seats-side-card-benefit-top-padding: 0px;
  --seats-upsell-amount-size: var(--font-size-20px);
  --seats-header-background-color: var(--dark);
  --seat-header-segment-font-family: var(--font-family-base);
  --seat-header-segment-font-color: var(--white);
  --seats-header-details-font-family: var(--font-family-base);
  --seats-header-details-font-family-select: var(--font-family-semibold);
  --seat-header-details-font-color: var(--white);
  --seat-header-mobile-segment-family: var(--font-family-base);
  --seat-details-font-size: var(--font-size-15px);
  --seat-segment-font-size: var(--font-size-13px);
  --seat-header-border-gray: var(--gray-800);
  --seat-close-icon: var(--idp-seat-close-button-dark-icon);
  --seat-key-color: var(--idp-secondary);
  --seat-key-h2-family: var(--font-family-semibold);
  --seat-key-header-background: var(--dark);
  --seat-key-close-height: var(--height-60);
  --seat-key-close-margin: var(--margin-0);
  --seat-read-only-border: var(--border-none);
  --seat-back-arrow-width: var(--unit-8-rem);
  --seat-back-arrow-height: var(--unit-14-px);
  --seat-key-background-color: var(--idp-transparent);
  --seat-key-max-height: calc(var(--modal-body-max-height) - var(--unit-30-px));
  --seat-readonly-position: var(--position-static);
  --seat-readonly-width: var(--width-884);
  --seat-lsm-readonly-width: var(--width-85-perc);
  --seat-readonly-text-left: var(--padding-142);
  --seat-readonly-text-right: var(--padding-8);
  --seat-key-link-justify-content: var(--flex-end);
  --seat-key-item-padding: var(--padding-13);
  --seat-key-image-height: var(--height-48);
  --seat-header-details-focus-background: var(--drpdwn-payment-bgclr);
  --seat-header-details-focus-background-color: var(--drpdwn-payment-bgclr);
  --seat-header-close: var(--seat-close-icon) var(--no-repeat) var(--unit-0-px)
    var(--unit-0-px) scroll var(--idp-transparent);
  --seats-header-details-background: var(--white);
  --seats-header-details-background-color: var(--white);
  --seat-key-i-icon-bottom: var(--right-unset);
  --seat-key-i-icon-right: var(--right-unset);
  --seat-login-msg-color: var(--idp-secondary);
  --seat-header-border: var(--border-none);
  --seat-login-btn-radius: var(--border-0);
  --seat-login-btn-font: var(--font-family-bold);
  --seat-login-btn-margin: var(--margin-48);
  --seat-sidecar-top: var(--right-unset);
  --seat-login-bar-left: var(--left-0);
  --seat-login-bar-position: var(--position-static);
  --seat-login-bar-tab-position: var(--position-fixed);
  --seat-login-bar-mob-position: var(--position-static);
  --seat-login-bar-ipad-width: var(--word-spacing-100vw);
  --seat-login-bar-tab-width: var(--width-unset);
  --seat-login-row-margin: var(--margin-left-auto);
  --seat-popover-disclaimer-font: var(--font-family-book-italic);
  --seat-popover-disclaimer-size: var(--font-size-12px);
  --seat-popover-btn: var(--idp-secondary);
  --seat-popover-btn-border: var(--border-blue-2px);
  --seat-popover-btn-font-size: var(--font-size-12-8px);
  --seat-popover-position-left: var(--margin-56);
  --seat-popover-position-top: var(--unit-14-px);

  /*passport scanning css*/
  --pspt-scan-sec-btn-txt-bdr-clr: var(--idp-secondary);
  --pspt-scan-sec-btn-bck-hover-clr: var(--idp-secondary);
  --pspt-scan-sec-btn-txt-hover-clr: var(--white);
  --pspt-scan-lable: var(--idp-gray-700);
  --pspt-scan-lable-family: var(--font-family-semibold);
  --pspt-scan-lable-weight: var(--font-weight-bolder-text);
  --pspt-scan-sub-header: var(--idp-secondary);
  --pspt-scan-sub-header-family: var(--font-family-semibold);
  --pspt-scan-hdr-bg-clr: var(--bgcl-modal-hdr-dark-bg-color);
  --pspt-hdr-title-color: var(--white);
  --pspt-hdr-subtext-clr: var(--white);
  --pspt-scan-text-clr: var(--idp-secondary);
  --pspt-scan-hdr-close-icon: var(--modal-gray-close-icon);
  --pspt-padding-left-20: var(--padding-20);
  --pspt-scan-icons: url('/content/dam/delta-applications/passport-scanning/assets/spritesheet.png');
  --pspt-scan-inline-link-font: var(--font-family-semibold);
  --pspt-scan-inline-link-clr: var(--idp-blue);
  --pspt-scan-heading-clr: var(--idp-navyblue);
  --psprt-scng-trubl-scan-mdl-txt-color: var(--idp-secondary);
  --psprt-scng-trubl-scan-mdl-dsc-color: var(--idp-secondary);
  --psprt-scng-trubl-scan-mdl-li-color: var(--idp-secondary);
  --psprt-scng-trubl-scan-mdl-rtry-font-family: var(--font-family-semibold);
  --psprt-scng-trubl-scan-mdl-rtry-color: #4470c3;
  --psprt-scng-trubl-rtry-txt-decoration: var(--text-decoration-none);
  --psprt-scng-trubl-rtry-hvr-txt-decoration: var(--text-decoration-underline);
  --psprt-scng-trubl-scan-mdl-prmry-bg: var(--idp-primary);
  --psprt-scng-trubl-scan-mdl-prmry-hvr-bg: var(--idp-red-hover);
  --psprt-scng-trubl-scan-mdl-prmry-actv-bg: var(--idp-red-hover);
  --psprt-scn-hdr-ttl-lttr-spcng: var(--letter-spacing-0);
  --psprt-scn-hdr-subtxt-lttr-spcng: var(--letter-spacing-0);
  --passport-scn-anchor-text-dec: none;

  /* change-flight */
  --chng-flgt-trip-totl-prim-clr: var(--idp-body-text);
  --chng-flgt-link-clr: var(--idp-accent);
  --chng-flgt-font-family-semibold: var(--font-family-semibold);
  --chng-flgt-terms-condn-link-clr: var(--idp-blue);
  --chng-flgt-terms-condn-cnt-clr: var(--idp-navyblue);
  --chng-flgt-font-family-medium: var(--font-family-medium);
  --chng-flgt-font-family-bold: var(--font-family-bold);
  --chng-flgt-terms-condn-font-family-light: var(--font-family-light);
  --chng-flgt-text-decoratn: var(--text-decoration-none);
  --chng-flgt-content-clr: var(--idp-navyblue);
  --chng-flgt-red-close-icon: var(--modal-gray-close-icon);
  --chng-rp-trip-sum-tl-color: var(--idp-body-text);
  --chng-rp-trip-sum-tl-font-family: var(--font-family-base);
  --chng-rp-com-link-font-family: var(--font-family-semibold);
  --chng-rp-com-link-color: var(--idp-blue);
  --chng-rp-sum-text-color: var(--idp-body-text);
  --chng-rp-sum-text-chg-link-color: var(--idp-blue);
  --chng-rp-flgt-date-font-size: var(--unit-18-rem);
  --chng-rp-flgt-time-font-family: var(--font-family-semibold);
  --chng-rp-flgt-time-color: var(--idp-navyblue);
  --chng-rp-flgt-path-background-color: var(--idp-navyblue);
  --chng-rp-air-code-box-color: var(--idp-navyblue);
  --chng-rp-flgt-no-color: var(--idp-blue);
  --chng-rp-flgt-no-font-family: var(--font-family-bold);
  --chng-rp-aircraft-ty-color: var(--idp-navyblue);
  --chng-rp-flgt-emts-lk-color: var(--idp-blue);
  --chng-rp-opByText-color: var(--idp-secondary);
  --chng-rp-opByText-font-family: var(--font-family-book-italic);
  --chng-rp-meal-link-font-family: var(--font-family-bold);
  --chng-rp-meal-link-color: var(--idp-blue);
  --chng-rp-meal-detls-color: var(--idp-navyblue);
  --chng-rp-meal-detls-font-family: var(--font-family-base);
  --chng-rp-sum-text-chg-lk-font-family: var(--font-family-bold);
  --chng-rp-air-code-cont-font-family: var(--font-family-base);
  --chng-rp-aircraft-type-font-family: var(--font-family-base);
  --chng-rp-cab-name-pl-box-margin-right: var(--margin-20);
  --chng-rp-cab-name-pl-text-padding: var(--padding-4) var(--padding-10);
  --chng-rp-psng-head-title-color: var(--idp-navyblue);
  --chng-rp-psng-head-tt-font-family: var(--font-family-whitney);
  --chng-rp-sec-head-tt-font-family: var(--font-family-whitney);
  --chng-rp-sec-head-tt-color: var(--idp-navyblue);
  --chng-rp-accordion-btn-color: var(--idp-accent);
  --chng-rp-comp-flgt-font-wt: var(--font-weight-600);
  --chng-rp-pax-detls-body-font-family: var(--font-family-base);
  --chng-rp-psbg-detls-info-font-family: var(--font-family-semibold);
  --chng-rp-cont-info-modle-font-family: var(--font-family-base);
  --chng-rp-notify-text-color: var(--idp-blue);
  --chng-rp-notify-text-padding-top: var(--unit-0-px);
  --chng-rp-notif-margin-top: 0.5rem;
  --chng-rp-accordion-btn-font-family: var(--font-family-base);
  --chng-rp-cont-info-edit-color: #4470c3;
  --baggage-modal-section-cal-est-btn: #0b1f66;
  --adv-msg-padding: 0rem;
  --adv-msg-padding-right: 0.625rem;
  --adv-msg-padding-none: var(--padding-11);
  --bag-free-font-family: var(--font-family-base);
  --bag-free-font-size: 1.5rem;
  --bag-free-line-height: 1.8125rem;
  --bag-free-color: #0b1f66;
  --bag-free-display: inline-flex;
  --bag-free-weight-font-size: 0.8125rem;
  --bag-free-weight-line-height: 1rem;
  --bag-per-weight-font-family: var(--font-family-semibold);
  --bag-per-weight-font-size: 0.8125rem;
  --bag-per-weight-line-height: 1rem;
  --bag-per-weight-color: var(--bag-free-color);
  /* --bag-allowance-title-position: absolute; */
  --bag-allowance-title-top: 0rem;
  --bag-allowance-title-font-family: var(--font-family-bold);
  --bag-allowance-title-font-size: 0.9375rem;
  --bag-allowance-title-line-height: 1.125rem;
  --bag-allowance-title-color: var(--bag-free-color);
  --bag-allowance-title-letter-spacing: 0rem;
  --bag-allowance-title-margin-left: 2rem;
  --curr-calc-modal-font-family: var(--font-family-base);
  --curr-calc-title-font-family: var(--font-family-semibold);
  --curr-calc-title-text: none;
  --conf-title-font-family: var(--font-family-base);
  --conf-int-trvl-font-family: var(--font-family-base);
  --conf-int-trvl-para-clr: var(--idp-secondary);
  --conf-amt-hdr-font-family: var(--font-family-bold);
  --conf-amt-hdr-color: var(--idp-navyblue);
  --conf-amt-font-family: var(--font-family-book);
  --conf-amt-color: var(--idp-navyblue);
  --conf-nxt-step-link-clr: var(--idp-link-blue);
  --conf-amt-pax-font-family: var(--font-family-stack-medium);
  --conf-amt-trip-font-clr: var(--idp-body-text);
  --conf-changes-link-clr: var(--idp-blue);
  --conf-changes-font-family: var(--font-family-semibold);
  --conf-steps-txt-underline: var(--none);
  --conf-int-disclaimer-font-family: var(--font-family-book-italic);
  --conf-int-disclaimer-font-clr: var(--idp-navyblue);
  --conf-view-receipt-btn-bg-clr: var(--white);
  --conf-view-receipt-btn-clr: var(--idp-navyblue);
  --conf-view-receipt-border-clr: var(--idp-navyblue);
  --conf-view-receipt-font-family: var(--font-family-semibold);
  --conf-view-receipt-border-display: var(--display-inline-block);
  --conf-nxt-step-link-span-color: var(--idp-blue);
  --conf-nxt-step-btn-color: var(--idp-blue);
  --conf-nxt-step-btn-hvr-color: #0056b3;
  --conf-nxt-step-link-a-color: var(--idp-blue);
  --conf-nxt-step-link-a-hvr-color: #0056b3;
  --conf-nxt-step-ul-li-color: var(--idp-accent);
  --conf-nxt-step-head-txt-transform: var(--text-transform-uppercase);
  --chng-rp-selmodhead-background: var(--idp-darth-vader);
  --chng-rp-flmod-nav-link-font-weight: var(--font-weight-400);
  --chng-rp-headPl-color: var(--white);
  --chng-rp-flmod-nav-link-color: var(--idp-secondary-light);
  --chng-rp-flmod-nav-link-font-family: var(--font-family-sans-base);
  --chng-rp-primname-font-family: var(--font-family-medium);
  --chng-rp-detinfo-font-family: var(--font-family-light);
  --chng-rp-detinfo-color: var(--idp-secondary-light);
  --chng-rp-ft-text-color: var(--idp-secondary);
  --chng-rp-md-hd-text-font-family: var(--font-family-medium);
  --chng-rp-md-desc-font-family: var(--font-family-light);
  --chng-rp-ml-text-font-family: var(--font-family-medium);
  --chng-rp-ml-desc-font-family: var(--font-family-light);
  --chng-rp-termsheader-color: var(--idp-navyblue);
  --chng-rp-childata-background-color: var(--idp-darth-vader);
  --chng-rp-childata-cont-color: var(--white);
  --chng-rp-ft-text-sm-font-size: var(--font-size-10px);
  --chng-rp-com-cta-cot-font-family: var(--font-family-semibold);
  --curr-calc-modal-drop-max-height: var(--unit-490-px);
  --curr-calc-modal-drop-box-shadow: var(--card-box-shadow);
  --curr-calc-modal-drop-padding: var(--padding-0) var(--padding-30);
  --curr-calc-modal-drop-border-bottom: var(--none);
  --curr-calc-modal-drop-li-font-size: var(--font-size-15-04-px);
  --currency-cal-switch-icon-background: var(--none);
  --chng-trip-psngr-info-contact-module-padding-left: var(
    --idp-confirmation-subheader-width-315px
  );
  --chng-trip-psngr-info-contact-module-margin-top: var(--margin-top-0);
  --chng-trip-flight-summary-green-pill-font-size: var(--font-size-14px);
  --chng-trip-contact-info-select-drpdwn-color: #0b1f66;
  --chng-trip-flight-summary-stop-count-font-size: var(--font-size-12px);
  --chng-rp-trip-summary-operation-margin-right: var(--margin-minus-15);
  --chng-rp-flight-date-text-padding-mob: var(--padding-4) var(--padding-10);

  /** Business traveler start **/
  --business-traveler-background-image: url('/content/dam/delta-applications/ui-kit/assets/svg/skymiles/business-traveler/background.jpg');
  --business-traveler-delta-logo-transparent: url('/content/dam/delta-applications/ui-kit/assets/svg/delta-brand/logo-full-white-transparent.png');
  /** Business traveler end **/

  /** Schedule changes **/
  --sc-ack-md-sub-tt-color: var(--idp-secondary);
  --sc-ack-md-sub-tt-font-size: var(--font-size-28px);
  --sc-ack-md-sub-tt-font-family: var(--font-family-book);
  --sc-ack-md-sub-tt-line-height: var(--line-height-36);
  --sc-ack-md-desc-color: var(--idp-secondary);
  --sc-ack-md-trips-ty-color: var(--idp-secondary);
  --sc-ack-md-trips-ty-font-size: var(--font-size-20px);
  --sc-ack-md-trips-ty-font-family: var(--font-family-bold);
  --sc-ack-md-line-height: var(--line-height-1);
  --sc-ack-md-ft-num-color: var(--idp-secondary);
  --sc-ack-md-ft-num-font-family: var(--font-family-medium);
  --sc-ack-md-ft-num-line-height: var(--line-height-1);
  --sc-ack-md-ft-leg-color: var(--idp-secondary);
  --sc-ack-md-ft-leg-font-size: var(--font-size-18px);
  --sc-ack-md-ft-leg-font-family: var(--font-family-medium);
  --sc-al-sch-tm-tx-color: var(--idp-red-hover);
  --sc-al-sch-tm-tx-font-size: var(--font-size-13px);
  --sc-al-sch-tm-tx-font-family: var(--font-family-semibold);
  --sc-al-sch-tm-tx-line-height: var(--line-height-1);
  --sc-ack-ly-cabin-font-size: var(--font-size-15px);
  --sc-ack-schchange-font-size: var(--font-size-10px);
  --sc-ack-schchange-font-family: var(--font-family-book);
  --sc-ack-schchange-bg-color: var(--idp-red-hover);
  --sc-ack-br-top: var(--error-banner-red-border);
  --sc-ack-md-caldesc-line-height: var(--line-height-sm);
  --sc-ack-md-cal-lk-color: var(--anchor-link-color);
  --sc-ack-md-ct-fl-label-color: var(--idp-secondary);
  --sc-ack-md-ct-fl-label-font-family: var(--font-family-bold);
  --sc-ack-md-cal-lk-tx-dec: var(--text-decoration-none);
  --sc-ack-og-time-font-size: var(--font-size-18px);
  --sc-fl-dl-title-font-family: var(--font-family-semibold);
  --sc-fl-dl-title-color: var(--idp-red-hover);
  --sc-ack-fl-dl-dest-color: var(--anchor-link-color);
  --sc-ack-icon-red-al-bg-color: var(--idp-red-hover);
  --sc-ack-fl-delay-background: var(--mt-passenger-user-info-backgroud);
  --sc-ack-ic-out-arrow-color: var(--idp-secondary);
  --sc-chng-red-icon-alt-bg-clr: var(--idp-red-hover);
  --sc-chng-red-bdge-bg-clr: var(--none);
  --sc-chng-red-bdge-border: var(--card-header-divider-border-1px);
  --sc-chng-red-bdge-bdr-clr: var(--idp-red-hover);
  --sc-chng-err-banner-bdr-top-clr: var(--error-banner-red-border);
  --sc-msg-center-missed-con-red-color: var(--idp-red-hover);
  --sc-msg-center-missed-con-title-border: var(
    --card-header-divider-border-1px
  );
  --sc-msg-center-missed-con-bg-color: var(--white);
  --sc-msg-center-scroll-bar-display: var(--white);
  --flgt-pt-actual-time: var(--td-alert-midlevel);
  --flgt-status-sc-txt-color: var(
    --find-mytrips-td-flight-status-delayed-text-color
  );
  --flgt-status-missed-flgt-txt-color: var(--idp-red-hover);
  --flgt-status-ontime-txt-color: var(
    --find-mytrips-td-flight-status-text-color
  );
  --flgt-pt-miss-arvl-txt-font-family: var(--font-family-semibold);
  --flgt-pt-miss-arvl-txt-clr: var(--idp-red-hover);
  --flgt-dept-arvl-time-line-hgt: var(
    --find-mytrips-flightpoint-time-line-height
  );
  --flgt-dept-arval-time-padding-btm: var(
    --find-mytrips-flightpoint-time-padding-bottom
  );
  --sc-msg-center-title-text-width: var(--width-145);
  --flgt-pt-miss-arvl-txt-font-size: var(--font-size-15px);
  --flgt-sc-chng-top-alrt-align: var(--align-center);
  --sc-chng-flgt-card-banner-hght: var(--max-height-120px);
  --sc-chng-red-icon-alt-outline-clr: var(--white);
  --flgt-pt-missed-flgt: var(--idp-label-color);
  --flgt-line-status-icon-hght: var(--mt-height-23);
  --flgt-line-last-icon-bdr: var(--find-mytrips-td-flight-mark-border);
  --flgt-line-last-icon-bdr-radius: var(
    --find-mytrips-td-flight-mark-border-radius
  );
  --sc-ack-schchange-text-tr: var(--text-transform-capitalize);
  --sc-ack-badge-pad: var(--padding-5) var(--padding-10);
  --sc-ack-mn-cont-mb: var(--margin-20);
  --sc-ack-pad-bot: var(--padding-10);
  --sc-ack-sch-main-mb: var(--margin-20);
  --sc-ack-dt-info-text-tf: var(--text-transform-uppercase);
  --sc-ack-ic-out-position: var(--position-relative);
  --sc-ack-ic-out-top: var(--padding-0);
  --sc-ack-md-padding-bot: var(--padding-30);
  --sc-ack-br-rad: var(--padding-0);
  --sc-ack-md-caldesc-just-cont: var(--mt-center);
  --mt-sc-ack-time-section-width-fb: var(--mt-sc-ack-time-section-width);
  --sc-ack-flight-legs-mrg-top: var(--mt-margin-19);
  --sc-ack-lay-mar-top: var(--margin-8);
  --mt-sc-ack-fli-num-mar-top: var(--padding-0);
  --mt-sc-ack-lay-dut-sm: var(--idp-secondary);
  --find-mytrips-td-city-code-cancel: var(--input-border-color);
  --mt-extras-hdr-margin-btm: var(--margin-48);
  --sc-ack-ly-cabin-font-size-sm: var(--sc-ack-ly-cabin-font-size);
  --mt-sc-ack-lay-dut-sm-font-size: var(--font-size-15px);
  --find-mytrips-td-privacy-policy-display: var(--display-block);
  --find-mytrips-td-expiration-display: var(--display-block);
  --find-mytrips-td-div-line-border: var(--mt-border-width-0-5)
    var(--border-style-solid) var(--idp-gray-101);
  --find-mytrips-header-dropdown-border: var(--none);
  --find-mytrips-header-dropdown-filter: drop-shadow(
    0px 2px 4px rgba(0, 0, 0, 0.3)
  );
  --find-mytrips-td-trip-header-image-display: var(--display-block);
  --find-mytrips-td-trip-header-print-image-display: var(--display-flex);
  --find-mytrips-td-trip-header-padding: var(--unit-0);
  --mt-session-modal-txt-color: var(--idp-secondary);
  --find-mytrips-quick-links-list-padding-top: var(--unit-10-px);
  --find-mytrips-quick-links-list-padding-bottom: var(--unit-30-px);
  --find-mytrips-quick-links-list-grid-gap: var(--none);
  --find-mytrips-td-date-and-type-display-sm: var(--display-block);
  --mt-sc-ack-sm-trips-type-font-size-sm: var(--font-size-16px);
  --mt-sch-time-text-size-sm: var(--sc-al-sch-tm-tx-font-size);
  --mt-sch-time-sm-font-size: var(--font-size-15px);
  --find-mytrips-td-trip-header-margin-bottom-sm: var(--margin-5);
  --fnd-mytrps-flght-point-date-act-font-size: var(--font-size-12px);
  --fnd-mytrps-flght-point-date-act-margin: var(--unit-0-px) var(--unit-5-px);
  --fnd-mytrps-flght-point-date-act-pad-bottom: var(--unit-0);
  --fnd-mytrps-flght-point-arr-font-size: var(--font-size-16px);
  --fnd-mytrps-flght-point-arr-line-height: var(--line-height-24);
  --fnd-mytrps-sc-ack-md-contn-apply-color: var(--idp-accent);
  --sc-ack-flight-badge-green: var(--aura-green);
  --sc-ack-flight-badge-grey: var(--aura-gray);
  --sc-ack-flight-border-display: var(--display-block);
  --sc-ack-flight-time-font-fam: var(--font-family-medium);
  --sc-ack-bar-margin-bottom: var(--margin-minus-10);
  --sc-ack-margin-bar-background: var(--margin-bar-color);
  --sc-ack-green-margin-bar-background: var(--margin-bar-color);

  /*Flyready alert */
  --find-mytrips-td-flyready-alert-lozenge-padding: var(--padding-10);
  --find-mytrips-td-flyready-mobile-padding: var(--padding-20) var(--padding-15);

  /*flightcard (expanded) */
  --find-mytrips-td-missconnect-font-family: var(--font-family-semibold);
  --mt-pax-fr-link-wt: var(--font-weight-600);
  --conf-fare-modal-tab-bg-clr: var(--idp-drdwn-active-color);
  --conf-fare-modal-tab-font-family: var(--font-family-semibold);
  --conf-refund-poly-txt-color: var(--idp-body-text);
  /** Sky Club start **/
  --sky-club-background-image: url('/content/dam/delta-applications/ui-kit/assets/svg/sky-club/background.jpg');
  --sky-club-header-red-icon: url('/content/dam/delta-applications/ui-kit/assets/svg/sky-club/header-icon.png');
  --sky-club-header-martini-icon: url('/content/dam/delta-applications/ui-kit/assets/svg/sky-club/martini-icon.svg');
  --sky-club-arrow-icon: url('/content/dam/delta-applications/ui-kit/assets/svg/sky-club/arrow-icon.svg');
  /** Sky Club end **/

  --chng-rp-psng-num-font-size: var(--font-size-18-08px);
  --chng-rp-psng-num-line-height: var(--line-height-24);
  --chng-rp-psng-num-color: var(--chng-rp-sec-head-tt-color);
  --chng-rp-psng-num-bg-color: #fff;
  --chng-rp-psng-num-padding-top: var(--unit-0);
  --chng-rp-trip-total-border: var(--none);
  --chng-rp-arriveto-padding-bottom: var(--padding-16);
  --seats-hdr-icon-focus-color: var(--idp-focus-border-color);
  --seats-segment-flex-basis: var(--flex-basis-16-percent);
  --seat-exit-map-line-height: var(--line-height-40);
  --seats-airport-details-flex-basis: var(--flex-basis-25-percent);
  --seat-equiment-padding-left: var(--padding-21);
  --seats-seg-small-font-size: var(--font-size-15px);
  --seats-airport-desc-flex-basis: var(--flex-basis-33-percent);
  --chng-rp-aircraft-line-hght: var(--none);
  --chng-rp-aircraft-padding-left: var(--none);
  --chng-rp-flmod-layover-txt-color: var(--idp-navyblue);
  /*reshop cko changes*/
  --chng-rp-cbn-name-pill-position: var(--position-relative);
  --chng-rp-cbn-link-font-family: var(--font-family-base);
  --chng-rp-step-margin-left: var(--unit-100-px);
  --chng-rp-step-padding-left: var(--padding-40);
  --chng-rp-step-style-width: var(--unit-205-px);
  --chng-rp-step-box-width: var(--width-84);
  --chng-rp-stop-duration-margin-left: var(--margin-minus-15);
  --chng-rp-stop-duration-margin-top: var(--margin-8);
  --chng-rp-amenity-tt-font-family: var(--font-family-whitney);
  --chng-rp-sum-text-font-size: var(--font-size-12px);
  --chng-rp-sum-text-chg-lk-font-size: var(--unit-15-rem);
  --chng-rp-detinfo-font-size: var(--font-size-18px);
  --chng-rp-hide-show-icon-top: var(--margin-2);
  --chng-rp-step-margin-left-sm: var(--unit-65-px);
  --chng-rp-step-style-width-sm: var(--height-180);
  --chng-rp-step-box-lm-left: var(--margin-43);
  --chng-rp-trip-summary-operation-margin-left-sm: var(--unit-0);
  --fnd-mytrps-ssr-sec-det-font-size: var(--font-size-16px);
  --fnd-mytrps-ssr-wl-label-fc-color: var(
    --find-mytrips-service-request-wheelchair-assistance-type-label-color
  );
  --fnd-mytrps-ssr-wl-sec-tl-font-weight: var(--font-weight-bolder-text);
  --find-mytrips-chng-flight-modal-content-color: var(--idp-secondary);
  --find-mytrips-chng-flight-modal-content-font-weight: var(--font-weight-400);
  --find-mytrips-inlgblty-mdl-cnt-font-weight: var(--font-weight-500);
  /* my profile */
  --profile-personal-details-circle-check-color: var(--idp-red-hover);
  --find-mytrips-msg-center-tooltip-top-margin: var(--margin-6);
  --find-mytrips-msg-center-title-width: var(--mt-width-65-percent);
  --fnd-mytrp-flght-point-date-info-font-size: var(--font-size-16px);
  --fnd-mytrp-flght-point-date-info-white-space: var(--unit-0-px);
  --fnd-mytrp-flght-point-date-info-line-height: 1.15;
  --fnd-mytrps-ack-condtn-toltp-border: 0.0625rem solid var(--divider-bg-color);
  --fnd-mytrps-skl-header-img-display: var(--display-flex);

  /*buy-miles*/
  --rotate-90-deg: rotate(90deg);
  --rotate-0-deg: rotate(0deg);
  --buy-miles-prestige-rewards-banner: url('/content/dam/delta-applications/buygftxfer/common/prestige_rewards_banner.png');
  /*ssr cancel close icon */
  --idp-ssr-cancel-close-icon-background: url('/content/dam/delta-applications/ui-kit/assets/svg/forms/gray-close-icon.svg')
    no-repeat transparent;
  /* IDP static baggage section*/
  --idp-baggage-cal-estimate-btn-font-family: var(--font-family-semibold);
  --idp-baggage-cal-estimate-btn-font-size: var(
    --bgcl-summary-estimate-btn-font-size
  );
  --idp-baggage-cal-estimate-line-height: var(
    --bgcl-summary-estimate-line-height
  );
  --idp-baggage-cal-estimate-btn-color: var(
    --bgcl-summary-estimate-btn-txt-color
  );
  --idp-baggage-cal-estimate-btn-border: var(
    --bgcl-summary-estimate-btn-border
  );
  --idp-baggage-cal-estimate-btn-foc-box-shadow: 0 0 0 0.0625rem
      var(--idp-focus-border-color),
    0 0 0 0.1875rem var(--idp-gray-202);
  --idp-baggage-details-row-font-family: 'Whitney-Book', 'Trebuchet MS',
    'Verdana,Tahoma', 'Sans-Serif';
  --idp-baggage-error-card-txt-font-family: var(--font-family-book);
  --idp-baggage-error-card-txt-color: var(--idp-secondary);
  /* flight-card */
  --find-mytrips-flight-card-dstn-justify-content: var(--justify-content-end);

  /* sitewide header & footer*/
  --footer-column-margin-right: 3.688rem;
  --footer-column-margin-left: 3.688rem;
  --footer-column-caption-heading-color: #7d8388;
  --footer-column-item-hover-color: #ffffff;
  --footer-column-list-style-none: none;
  --footer-column-content-column-width: 13.15625rem;
  --footer-column-item-line-height: 1.59375rem;
  --footer-item-link-animation: var(--transition-timing) ease-in forwards;
  /* Flyout Account Summary Header */
  --account-summary-header-gold-background: var(--idp-gold) var(--delta-logo)
    no-repeat right 0 top -0.1rem;
  --account-summary-header-platinum-background: var(--idp-platinum)
    var(--delta-logo) no-repeat right 0 top -0.1rem;
  --account-summary-header-diamond-background: var(--idp-diamond)
    var(--delta-logo) no-repeat right 0 top -0.1rem;
  --account-summary-header-silver-background: var(--idp-silver)
    var(--delta-logo) no-repeat right 0 top -0.1rem;
  --account-summary-header-standard-background: var(--idp-basic)
    var(--delta-logo) no-repeat right 0 top -0.1rem;
  --account-summary-header-vs-gold-background: #9b690f var(--delta-logo)
    no-repeat right 0 top -0.1rem;
  --account-summary-header-360-background: var(--black) var(--background)
    no-repeat var(--width-94) -0.1rem;
  --account-summary-header-million-miler-background: var(--background) no-repeat
    var(--width-96-perc) -7px;
  /* Flyout Today Tab */
  --flyout-today-red-arrow: url('/content/dam/delta-applications/ui-kit/assets/svg/arrow-right.svg');
  --flyout-today-green-status: url('/content/dam/delta-applications/ui-kit/assets/svg/trip-status/aero-green.svg');
  --flyout-today-red-status: url('/content/dam/delta-applications/ui-kit/assets/svg/trip-status/aero-red.svg');
  --flyout-today-orange-status: url('/content/dam/delta-applications/ui-kit/assets/svg/trip-status/aero-orange.svg');
  --flyout-today-irop-orange-icon: url('/content/dam/delta-applications/ui-kit/assets/svg/alerts/irop-orange.svg');
  --flyout-today-irop-red-icon: url('/content/dam/delta-applications/ui-kit/assets/svg/alerts/irop-red.svg');
  --flyout-today-irop-green-icon: url('/content/dam/delta-applications/ui-kit/assets/svg/alerts/irop-green.svg');
  --flyout-today-red-status-color: #dc002a;
  --flyout-today-skymiles-member-flex: 0 0 62.66667%;
  /* Flyout Footer */
  --flyout-footer-background-color: #f6f8fc;
  --flyout-footer-link-flex-width-16-perc: 16.66667%;
  --flyout-footer-link-flex-width-33-perc: 33.33333%;

  /*Login and SignUp Header*/
  --text-color: #fff;
  --text-color-gm: #d29224;
  --text-color-dm: #6fa4ca;
  --text-color-pm: #8e86a4;
  --text-color-sm: #a1a1a1;
  --text-color-ff: #fff;
  --signup-button-padding: 0.15625rem 0.4375rem;
  --signup-button-on-focus: #242a48;
  --flight-details-button-on-focus: #242a48;
  --transform-tooltip: translateX(-50%);
  --tooltip-border-color: #ffffff #ffffff transparent transparent;
  --signup-box-shadow: 0 0 0 2px #616778;
  --login-box-shadow: 0 0 0 2px #616778;
  --login-box-shadow-focus: 0 0 0 3px #242a48, 0 0 0 5px #616778;

  /*Switching Profile Header*/
  --triangle-up: url('/content/dam/delta-applications/ui-kit/assets/svg/triangle-up.svg')
    no-repeat;
  --triangle-down: url('/content/dam/delta-applications/ui-kit/assets/svg/triangle.svg')
    no-repeat;
  --border-right-switching-profile: 1px solid #2d3641;

  /*Notification Feed*/
  --notification-feed-background: #fff var(--delta-logo) no-repeat right 0 top -0.1rem;
  --notification-close-padding: 0.875rem 1.71875rem 0.875rem 0;
  --notification-width-nav-item: 71%;
  --notification-feed-border-bottom: 0.125rem solid #e01933;
  --notification-tab-content-height: 25.69rem;
  --notification-empty-result-image: url('/content/dam/delta-applications/ui-kit/assets/svg/empty-result.svg');
  --notification-loader-border: 10px solid #ddd;
  --notification-border-top-color: rgb(131, 129, 129);
  --notification-animation-loading: 1s linear infinite;
  --notification-empty-message-color: #5b6372;
  --notification-feed-container-min-height: 35.38rem;
  --notification-feed-close-container: 0.875rem 1.71875rem 0.875rem 0;
  --notification-bell-icon: url('/content/dam/delta-applications/ui-kit/assets/svg/bell-icon.svg');
  --notification-bell-icon-focus: 0 0 0 8px #242a48, 0 0 0 10px #616778;
  /*Marketplace-miles*/
  --miles-background-image: url('/content/dam/delta-applications/buygftxfer/common/travel-extras-hero-2.jpg');

  /* Flyout search */
  --flyout-search-container-height: 37.0625rem;
  --flyout-submit-search: transparent
    url('/content/dam/delta-applications/ui-kit/assets/svg/search-icon-gray.svg')
    no-repeat 100%;
  --flyout-clear-search: transparent
    url('/content/dam/delta-applications/ui-kit/assets/svg/search-icon-close.svg')
    no-repeat 100%;

  --flyout-empty-search: transparent
    url('/content/dam/delta-applications/ui-kit/assets/svg/search-results-empty.svg')
    no-repeat 100%;

  --flyout-logo-header: transparent
    url('/content/dam/delta-www/responsive/apps/login/supergraphic-delta.png')
    no-repeat 100%;

  --flyout-search-icon: transparent
    url('/content/dam/delta-applications/ui-kit/assets/svg/search-icon.svg')
    no-repeat 100%;

  --flyout-submit-search-background-size: 24px;
  --flyout-submit-search-box-shadow: 0 0 0 8px #fafbfc, 0 0 0 10px #858d9f !important;
  --flyout-clear-search-background-size: 20px;
  --flyout-clear-search-transition: background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  --flyout-clear-search-box-shadow: 0 0 0 0.2rem rgba(68, 112, 195, 0.25);
  --flyout-popular-search-color: #0b1f66;
  --flyout-popular-search-list-color: #4470c3;
  --flyout-container-search-results-margin-top: -2.877rem;
  --flyout-container-search-results-margin-top-mobile: 2.877rem;
  --flyout-empty-results-message-color: #5b6372;
  --flyout-submit-search-transform-scale: scale(0.6);
  --flyout-submit-search-border-unset: unset;
  --flyout-search-text-color: #fff;
  --flyout-cancel-search-background: #11172b;
  --flyout-transform-y: translateY(-30%);
  --flyout-input-placeholder-color: #7c828a;
  --flyout-header-search-icon-box-shadow: 0 0 0 8px #242a48, 0 0 0 10px #616778;
  --flyout-footer-search: transparent
    url('/content/dam/delta-applications/ui-kit/assets/svg/gray-close-icon.svg')
    no-repeat 100%;

  /* Baggage Claim */
  --label-color: #001e3c;
  --input-text-color: #3e414f;
  --expense-info-box-shadow: 0 0.44px 1.33px 0 rgba(0, 45, 89, 0.06),
    0 2.21px 2.21px 0 rgba(0, 45, 89, 0.04),
    0 5.3px 3.09px 0 rgba(0, 45, 89, 0.02);
  --baggage-close-icon: url('/content/dam/delta-applications/bag/icons/dark-close-icon.svg');
  --banner-box-shadow: var(--unit-0-px) var(--unit-2-px) var(--unit-4-px)
    rgba(0, 0, 0, 0.1);
  --left-minus-2px: -2px;
  --top-minus-2px: -2px;

  /* Skyclub Tracker */
  --info-tooltip-icon: url('/content/dam/delta-applications/ui-kit/assets/svg/skymiles/skyclub/info-tooltip.svg');

  /*Donate-miles*/
  --donate-miles-background-image: url('/content/dam/delta-applications/buygftxfer/common/Donate-miles-hero.jpg');

  /*Seats*/
  --idp-seats-shimmer-background: var(--shimmer-background-flightlist);
  --idp-seats-flightlist-background-color: var(--idp-darth-vader);
  --idp-seats-sidecar-hover-border: inset var(--unit-0-px) var(--unit-0-px)
    var(--unit-0-px) var(--unit-1-px) var(--idp-seatmap-focus-border-color);
  --idp-seats-ism-footer-amount-color: var(--seats-pax-footer-amount-color);
  --idp-seat-psng-dtl-hr-bg-color: var(--white);
  --idp-seat-passenger-info-col-padding-top: var(--padding-26);
  --seats-save-exit-btn-height: var(--height-66);
  --seats-popover-left: var(--left-minus-15);
  --seats-popover-top: var(--unit-15-px);
  --idp-seat-pax-accord-border: 4px solid transparent;
  --idp-seat-edit-pax-padding: var(--padding-35) var(--padding-20);
  --idp-seat-edit-pax-margin-top: var(--margin-top-5-perc);
  --idp-seat-edit-pax-width: 48.125rem;
  --idp-seat-edit-pax-body-padding: var(--padding-28) var(--padding-0);
  --idp-seat-edit-pax-info-margin: 44px;
  --idp-seat-pax-info-multi-pax-font-size: 13px;
  --idp-seat-pax-info-font-size: 18px;

  /*sidecar CSS changes */
  --seats-side-card-maxheight: var(--width-299);
  --seats-side-card-trip-info-font-size: var(--font-size-11px);
  --seats-side-card-trip-info-font-style: var(--font-style-italic);
  --seats-side-card-trip-select-line-height: var(--line-height-19);

  /* exit CSS changes */
  --idp-exit-row-header-passenger-info-font-color: var(--idp-body-text);
  --idp-exit-row-header-passenger-criteria-font-color: var(--idp-secondary);
  --idp-exit-row-header-passenger-criteria-font-size: var(--font-size-14px);
  --idp-exit-row-header-passenger-criteria-font-family: var(
    --font-family-book-italic
  );
  --idp-exit-row-header-passenger-criteriainfo-font-size: var(--font-size-16px);
  --idp-exit-row-header-passenger-criteriainfo-li-marker-color: var(
    --idp-secondary
  );
  --idp-exit-row-header-passenger-criteriainfo-margin-left: var(
    --top-22px-minus
  );
  --idp-exit-row-header-passenger-button-border-color: 0.125rem
    var(--idp-secondary) solid;
  --idp-exit-row-header-passenger-button-font-color: var(--idp-secondary);
  --idp-exit-row-header-passenger-button-font-size: var(--font-size-12);
  --idp-seats-key-leg-sm-left: var(--left-minus-104);

  /*changes for View Itinerary button IROP */
  --idp-button-view-itinerary-irop-backgrond-color: var(--idp-primary);

  /* Seatmap Body & Footer in Postpurchase */
  --idp-split-margin-left: var(--margin-8);
  --idp-currency-label-margin-top: var(--margin-top-5);
  --idp-currency-label-margin-bottom: var(--unit-0-px);
  --idp-passenger-info-width: var(--width-45-perc);
  --idp-passenger-info-margin-right: var(--unit-0-px);
  --idp-passenger-info-caret-margin-bottom: var(--margin-auto);
  --idp-passenger-accordian-width: var(--unit-48-percent);
  --idp-passenger-accordian-left: var(--unit-0-percent);
  --idp-split-margin-right: var(--margin-2);
  --idp-passenger-info-seat-margin-left: var(--padding-20);
  --idp-card-header-details-btn-padding: var(--padding-16);
  --idp-card-header-details-btn-align-items: var(--display-delta);
  --idp-pending-purchase-margin-left: var(--display-delta);
  --idp-card-header-select-margin-right: var(--unit-0-px);
  --idp-loginbar-width: var(--ticket-help-modal-width);

  /* Vacation Receipts */
  --idp-vacation-receipts-index-number-color: #333;
  --idp-vacation-car-component-grid-column: auto 1fr;
  --idp-vacation-car-component-gap: 8px 32px;
  --idp-vacation-flight-grid-template-column: 400px 150px 150px;
  --idp-vacation-hotel-grid-template-column: 250px 150px 150px;
  --idp-vacation-hotel-component-gap: 8px 32px;
  --idp-vacation-hotel-component-grid-column: auto 1fr;
  --idp-vacation-summary-component-link-color: #0066cc;
  --idp-vacation-white-space-pre-line: pre-line;
  --idp-vacation-line-height: 0.6;
  --idp-vacation-line-1-height: 1;
  --idp-vacation-trip-protection-action-link-color: #0066cc;
  --idp-vacation-border-bottom: 1px solid #eee;
  --idp-vacation-receipt-footer-component-link-color: #0066cc;
  --color-exact: exact;
  --avoid: avoid;
  --scrollbar-thin: thin;
}
/* Delta Theme */

: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-light-grey: #c4c4c4;
  --idp-grey: #e1e2e4;
  --idp-red: #d10026;
  --idp-pale-warning: #fce3e5;
  --idp-red-hover: #bf152f;
  --idp-red-active: #991125;
  --idp-blue: #4470c3;
  --idp-pale-blue: #f2f3f5;
  --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-navyblue-light: #2d4f8d;
  --idp-blue-dark: #161b38;
  --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-dark-red: #da0530;
  --idp-dark-red-hover: #a8232d;
  --idp-dark-red-active: #762527;
  --idp-light-black: #030c16;
  --idp-background-color: #21273b;
  --background-color-card: #f6f6f7;
  --idp-progress-border: #8d8d8d;
  --idp-texarea-border: #013366;
  --idp-horizontal-rule: #e01933;
  --idp-error-red: #761502;
  --idp-indigo: #1b335d;
  --idp-disabled-body-text: #8996a9;
  --idp-carbon-grey: #ededed;

  /* 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-951: #3e414f;
  --idp-gray-comet-light: #616778;
  --idp-dark-vanish-grey: #7e808a;
  --black: #000000;
  --dark-black: #151515;
  --idp-light-gray: #777777;
  --idp-medium-gray: #666666;
  --violet: #742f7e;
  --light-green: #f4f8f9;

  /* Medallion Colors */
  --idp-gold: #9f6a29;
  --idp-light-gold: #c78a22;
  --idp-dark-gold: #8b5615;
  --idp-basic: #2a3a73;
  --idp-general: #2a3a73;
  --idp-silver: #747578;
  --idp-platinum: #2f293d;
  --idp-diamond: #43657d;
  --idp-basic--dark: #2a3a73;
  --idp-basic-base: #233060;
  --idp-silver-dark: #65676c;
  --idp-platinum-dark: #1f1b29;
  --idp-diamond-dark: #38586e;
  --idp-matte-gray: #dedfe1;

  /* 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;

  /* 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;

  /*Seatmap */
  --idp-seatkey-link: #4470c2;
  --idp-sidecar-header: #2a3759;
  --idp-delta-plus-cabin: #364367;
  --idp-main-cabin: #52618f;
  --idp-seatmap-label-text-color: #5e7381;
  --idp-seatmap-focus-border-color: #6c718a;
  --idp-arrow-box-color: #821d4a;
  --idp-arrow-box-border-color: rgba(130, 29, 74, 0);
  --idp-save_cancel_mobile: #4672c0;
  --idp-seat-background-color: #f4f4f4;
  --idp-badge-background: rgba(16, 23, 46, 0.4);

  /* Border Colors */
  --border-color-dark-blue: #0b1453;
  --border-color-gray: #cfcfd0;
  --border-color-transparent: transparent;
  --border-color-red: #ac1329;
  --border-color-light-gray: #aaadbd;
  --border-color-error: #c01933;
  --border-color-lightgray: #dfe0e6;

  /* Scroll Bar */
  --scroll-bar-gray: #aaa;

  /* Video Player */
  --video-player-bg: #000;

  /* atom-modal-header */
  --bgcl-modal-hdr-alert-border-color: #d0021b;

  /* simple modal */
  --modal-simple-border-color: #acb4cc;

  /* general dailog */
  --idp-dark-blue: #001e3c;

  /* idp dropdown */
  --drpdwn-payment-bgclr: #e8eaed;
  --drpdwn-payment-shadow: rgba(68, 88, 112, 0.41);

  /** Background-Color */
  --background-color-transparent: transparent;
  --background-color-red-hover: #b7142c;
  --background-color-white-gray: #fffdff;
  --background-color-error-banner: #fffddf;

  /* Idp Banner Variables */
  --banner-border-color: #dce0e8;
  --banner-background-color: #dce0e8;
  --banner-trip-border-color: #85144b;

  /* Other Colors */
  --business-profile-success: #1c9a4d;
  --idp-search-badge-color: #d82727;
  --idp-search-badge-color-blue: #276ed8;
  --idp-button-focus-color: #b4b9bf;
  --idp-orange-pill: #bd591e;
  --idp-dark-orange: #e14b00;
  --idp-body-color: #f8f8f8;
  --idp-form-icon-color: #8996a9;
  --idp-form-focus-color: #070809;
  --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-active-color: white;
  --idp-panel-dropdown-bg-open: #f5f7fa;
  --idp-login-error-background-color: #fffddf;
  --mega-menu-divider: #282f43;
  --hr-border-color-dark-gray: #e8e8e8;
  --upsell-modal-footer-link-disabled: #667394;
  --idp-custom-scroll: #dee2e6;
  --refundable-modal-footer-link-disabled: #667394;
  --color-378513: #378513;
  --bg-color-refundable: #378513;
  --primary-bg: #eaebee;
  --footer-bg: #11172b;
  --footer-delimiter: #858f9d;
  --idp-fill-notice: #e57000;
  --idp-amex-banner-background-color: #f7ebd3;
  --idp-amex-banner-border-color: #99763f;
  --mach-panel-dropdown-bg-hover: #d4e7fa;
}