:root {
  /* Theme Colors */
  --idp-secondary: #0b1f66;
  --idp-body-text: #0b1f66;
  --idp-navyblue-active: #081a4b;
  --idp-primary: #e51937;
  --idp-accent: #4470c3;
  --idp-warn: #e51937;
  --idp-red-hover: #bf152f;
  --idp-red-active: #991125;
  --idp-blue: #4470c3;
  --idp-darth-vader: #10172e;
  --idp-green: #1d994c;
  --idp-info-icon-focus: #858d9f;
  --idp-navyblue: #0b1f66;
  --idp-secondary-light: #0b1f66;
  --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-progress-border: #8d8d8d;
  --idp-texarea-border: #013366;
  --idp-horizontal-rule: #e01933;

  /* Visibility */
  --display-delta: initial;
  --display-virgin: none;
  --display-axis: none;
  --display-omnipro: none;
  --visibility-delta: initial;
  --visibility-virgin: none;
  --visibility-axis: none;
  --visibility-omnipro: none;

  --info-icon: url('/content/dam/delta-applications/ui-kit/assets/svg/alerts/info-icon.svg');
  --idp-close-icon: url('/content/dam/delta-applications/ui-kit/assets/svg/forms/gray-close-icon.svg')
    no-repeat;
  --idp-white-close-icon: url('/content/dam/delta-applications/ui-kit/assets/svg/forms/white-close-icon.svg')
    no-repeat;
  --idp-thumbs-up: url('/content/dam/delta-applications/ui-kit/assets/svg/comments-complaints/thumbs-up.svg');
  --idp-thumbs-down: url('/content/dam/delta-applications/ui-kit/assets/svg/comments-complaints/thumbs-down.svg');
  --idp-paper-clip: url('/content/dam/delta-applications/ui-kit/assets/svg/comments-complaints/paper-clip.svg');
  --idp-upload-close-button: url('/content/dam/delta-applications/ui-kit/assets/svg/comments-complaints/close-button.svg');

  /* Medallion Colors */
  --idp-gold: #9f6a29;
  --idp-light-gold: #c78a22;
  --idp-dark-gold: #8b5615;
  --idp-basic: #2a3a73;
  --idp-silver: #747578;
  --idp-platinum: #2f293d;
  --idp-diamond: #43657d;
  --idp-matte-gray: #dedfe1;
  --idp-body-color: #f8f8f8;
  --idp-form-icon-color: #8996a9;
  --idp-form-focus-color: #868d9d;
  --idp-focus-bg-color: #242a40;
  --idp-access-bg-color: #fafbfc;
  --idp-panel-dropdown-bg: #f5f7fa;
  --idp-panel-dropdown-bg-hover: #6c718a;
  --idp-dropdown-active-border: #858d9f;
  --idp-icon-color: #8793a6;
  --idp-focus-border-color: #242a48;

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

  /* Grays */
  --white: #ffffff;
  --idp-gray-100: #f5f7fa;
  --idp-gray-101: #d8d8d8;
  --idp-gray-102: #ded7ea;
  --idp-gray-200: #e8ecf2;
  --idp-gray-201: #e6eaf2;
  --idp-gray-202: #dbdbe0;
  --idp-gray-203: #cccccc;
  --idp-gray-300: #979797;
  --idp-gray-301: #818a98;
  --idp-gray-302: #798292;
  --idp-gray-303: #4d535c;
  --idp-gray-500: #696f77;
  --idp-gray-600: #7d8388;
  --idp-gray-601: #7c828a;
  --idp-gray-700: #697180;
  --idp-gray-800: #3a4351;
  --idp-gray-900: #3a4351;
  --idp-gray-950: #251436;
  --light: var(--idp-gray-100);
  --gray-100: var(--idp-gray-100);
  --gray-200: var(--idp-gray-200);
  --gray-300: var(--idp-gray-300);
  --gray-500: var(--idp-gray-500);
  --gray-600: var(--idp-gray-600);
  --gray-700: var(--idp-gray-700);
  --gray-800: var(--idp-gray-800);
  --gray-900: var(--idp-gray-900);
  --black: #000000;

  /* 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-bold: 'Whitney-Bold';
  --font-family-condensed-bold: 'WhitneyCondensed-Bold';
  --font-family-semibold: 'Whitney-Semibold';
  --font-family-condensed-semibold: 'WhitneyCondensed-Semibold';
  --font-family-sans-base: 'Whitney', Helvetica, Arial, sans-serif;
  --font-family-font-awesome-icon: 'Font Awesome 5 Free';
  --font-weight-normal: var(--font-family-book);
  --font-weight-bold: var(--font-family-bold);
  --font-weight-medium: var(--font-family-medium);
  --font-weight-300: 300;
  --font-weight-500: 500;
  --font-weight-600: 600;

  /* Header Font Sizes */
  --h1-font-size: 2.625rem;
  --h2-font-size: 2rem;
  --h3-font-size: 1.75rem;
  --h4-font-size: 0.9375rem;
  --h5-font-size: 0.875rem;
  --h6-font-size: 0.8125rem;

  /* Base font sizes */
  --font-size-base: 1rem;
  --font-size-2px: 0.125rem;
  --font-size-7px: 0.4375rem;
  --font-size-4px: 0.25rem;
  --font-size-6px: 0.375rem;
  --font-size-8px: 0.5rem;
  --font-size-10px: 0.625rem;
  --font-size-11px: 0.6875rem;
  --font-size-12px: 0.75rem;
  --font-size-13px: 0.8125rem;
  --font-size-14px: 0.875rem;
  --font-size-15px: 0.9375rem;
  --font-size-16px: 1rem;
  --font-size-18px: 1.125rem;
  --font-size-20px: 1.25rem;
  --font-size-21px: 1.3125rem;
  --font-size-22px: 1.375rem;
  --font-size-23px: 1.4375rem;
  --font-size-24px: 1.5rem;
  --font-size-26px: 1.625rem;
  --font-size-27px: 1.6875rem;
  --font-size-28px: 1.75rem;
  --font-size-30px: 1.875rem;
  --font-size-32px: 2rem;
  --font-size-34px: 2.125rem;
  --font-size-35px: 2.1875rem;
  --font-size-36px: 2.25rem;
  --font-size-37px: 2.3125rem;
  --font-size-38px: 2.375rem;
  --font-size-40px: 2.5rem;
  --font-size-42px: 2.625rem;
  --font-size-45px: 2.8125rem;
  --font-size-46px: 2.875rem;
  --font-size-48px: 3rem;
  --font-size-50px: 3.125rem;
  --font-size-52px: 3.25rem;
  --font-size-54px: 3.375rem;
  --font-size-56px: 3.5rem;
  --font-size-57px: 3.5625rem;
  --font-size-60px: 3.75rem;
  --font-size-64px: 4rem;
  --font-size-65px: 4.0625rem;
  --font-size-66px: 4.125rem;
  --font-size-70px: 4.375rem;
  --font-size-74px: 4.625rem;
  --font-size-80px: 5rem;
  --font-size-250px: 15.625rem;
  --font-size-315px: 19.6875rem;
  --font-size-20px-minus: -1.25rem;
  --font-size-56px-minus: -3.5rem;
  --font-size-4px-minus: -0.25rem;

  /* percentage font sizes */
  --font-size-60-perc: 60%;
  --font-size-65-perc: 65%;

  /* Button font sizes */
  --btn-font-size-xs: var(--font-size-10px);
  --btn-font-size-sm: calc(var(--font-size-base) * 0.875);
  --btn-font-size-lg: calc(var(--font-size-base) * 1);
  --font-size-lg: var(--btn-font-size-lg);
  --btn-icon-font-size: calc(var(--font-size-base) * 1);
  --btn-icon-font-size-xs: calc(var(--font-size-base) * 0.75);
  --btn-icon-font-size-sm: calc(var(--font-size-base) * 0.9375);
  --btn-icon-font-size-lg: calc(var(--font-size-base) * 1.125);
  --close-font-size: calc(var(--font-size-base) * 1.125);

  /* Line heights */
  --line-height-base: 1.7;
  --line-height-16: 16px;

  --outline: 0.0625rem auto -webkit-focus-ring-color;
  --hr-border-color: var(--gray-900);
  --mega-menu-divider: #282f43;
  --hr-border-color-dark-gray: #e8e8e8;

  /* Custom letter spacing */
  --letter-spacing-tab: 8%;
  --letter-spacing-footer-title: 1.06px;

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

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

  /* 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-error-arrow-icon: url('/content/dam/delta-applications/ui-kit/assets/svg/forms/error-arrow.svg');

  /* line height */
  --line-height-16: 1rem;
  --line-height-18: 1.125rem;
  --line-height-19: 1.1875rem;
  --line-height-24: 1.5rem;

  /* padding */
  --padding-0: 0;
  --padding-3: 0.1875rem;
  --padding-5: 0.3125rem;
  --padding-6: 0.375rem;
  --padding-7: 0.4375rem;
  --padding-8: 0.5rem;
  --padding-10: 0.625rem;
  --padding-12: 0.75rem;
  --padding-13: 0.8125rem;
  --padding-14: 0.875rem;
  --padding-15: 0.9375rem;
  --padding-16: 1rem;
  --padding-18: 1.125rem;
  --padding-20: 1.25rem;
  --padding-24: 1.5rem;
  --padding-25: 1.5625rem;
  --padding-26: 1.5635rem;
  --padding-29: 1.8125rem;
  --padding-30: 1.875rem;
  --padding-32: 2rem;
  --padding-35: 2.1875rem;
  --padding-36: 2.25rem;
  --padding-40: 2.5rem;
  --padding-45: 2.8125rem;
  --padding-47: 2.9375rem;
  --padding-50: 3.125rem;
  --padding-60: 3.75rem;
  --padding-75: 4.6875rem;
  --padding-100: 6.25rem;
  --padding-160: 10rem;

  /* break away padding sizes */
  --padding-100-percent: 100%;
  --padding-97-percent: 97%;
  --padding-91-percent: 91%;
  --padding-7-percent-minus: -7%;
  --padding-5-minus: -0.3125rem;
  --padding-15-minus: -0.9375rem;
  --padding-15-minus: -0.9375rem;
  --padding-90-minus: -5.625rem;

  --padding-left-29px: 29px;

  --padding-top: 0;

  /* Transitions */
  --transition-timing: 0.3s;
  --transition-timing-sm: 0.2s;
  --transition-timing-md: 0.4s;
  --transition-function: ease-in-out;
  --transition-base: all 0.2s ease-in-out;
  --transition-fade: opacity 0.15s linear;
  --transition-collapse: height 0.35s ease;

  --input-btn-transition-timing: var(--transition-timing-sm);
  --input-btn-transition-function: var(--transition-function);
  --input-transition: all var(--input-btn-transition-timing)
    var(--input-btn-transition-function);
  --btn-transition: all var(--input-btn-transition-timing)
    var(--input-btn-transition-function);

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

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

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

  /* Borders */
  --border-none: none;
  --border-radius-none: 0;
  --border-radius: 0.25rem;
  --border-radius-sm: 0.0625rem;
  --border-radius-md: 0.5rem;
  --border-radius-pill: 6.1875rem;
  --border-radius-rounded: 50%;
  --border-radius-6: 0.375rem;
  --border-radius-12: 0.75rem;

  /* Box Shadows */
  --box-shadow-sm: 0 0 2.1875rem rgba(var(--gray-600), 0.125);
  --box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.2);
  --box-shadow-lg: 0 0.625rem 2.5rem 0.625rem rgba(var(--gray-600), 0.175);

  /* 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-1: 0.0625rem;
  --border-width-2: 0.09375rem;
  --border-width-3: 0.1875rem;
  --border-width-4: 0.25rem;
  --border-width-5: 0.3125rem;

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

  /* 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: var(--success);
  --alert-success-text: var(--secondary);
  --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-danger-bg: var(--idp-body-color);
  --alert-danger-border: var(--primary);
  --alert-danger-text: var(--secondary);
  --alert-border-width: 0;
  --alert-link-color: var(--info);
  --alert-padding-y: 0;
  --alert-padding-x: 3rem;
  --alert-margin-bottom: 0.025rem;
  --alert-border-top: 4px;
  --alert-border-radius: var(--border-radius);
  --alert-link-font-weight: 600;
  --alert-background-color: var(--white);
  --alert-bg-level: -10;
  --alert-border-level: -9;
  --alert-color-level: 6;
  --alert-box-shadow: 0rem 0.2rem 1rem 0rem rgba(var(--black), 0.4);

  /* Label */
  --label-font-size: var(--font-size-base);
  --label-font-size-sm: calc(var(--font-size-base) * 0.75);
  --label-padding: 0.625rem 1.125rem;
  --label-padding-sm: 0.5rem 1rem;

  /* Badge */
  --badge-font-size: var(--font-size-10px);
  --badge-font-weight: var(--font-weight-bold);
  --badge-border-radius: var(--border-radius-none);
  --badge-pill-padding-x: 0.6em;
  --badge-pill-border-radius: 10rem;
  --badge-line-height: 1.9;
  --badge-line-height-icon-sm: 1.5;
  --badge-z-index: 3;
  --badge-width: calc(var(--font-size-base) * 1.125);
  --badge-width-xs: 1.1875rem;
  --badge-width-sm: calc(var(--font-size-base) * 1.625);
  --badge-height: var(--badge-width);
  --badge-height-xs: var(--badge-width-xs);
  --badge-height-sm: var(--badge-width-sm);
  --badge-bigger-paddingX: 0.5rem 0.625rem;
  --badge-bigger-paddingX-sm: 0.3125rem 0.5rem;
  --badge-border-style: solid;

  /* Modal Window */
  --modal-window-bg: var(--white);
  --modal-window-max-height: 88vh;
  --modal-window-margin-offsetX: 1.25rem;

  /* z-index */
  --z-index-0: 0;
  --z-index-1: 1;
  --z-index-2: 2;
  --z-index-10: 10;
  --z-index-99: 99;
  --z-index-100: 100;
  --z-index-200: 200;
  --z-index-900: 900;
  --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);

  /* Table */
  --table-accent-bg: var(--gray-100);
  --table-border-color: var(--gray-300);

  /* List Group */
  --list-group-bg: var(--white);
  --list-group-border-color: none;
  --list-group-border-width: var(--border-none);
  --list-group-border-radius: var(--border-none);
  --list-group-action-hover-color: var(--white);
  --list-group-action-active-color: var(--list-group-action-hover-color);
  --list-group-item-color: var(--white);
  --list-group-transparent-item-color: var(--primary);
  --list-group-transparent-item-hover-color: var(--white-color-70);
  --list-group-transparent-hover-color: var(--white-color-hover);
  --list-group-flush-active-color: var(--white);
  --list-group-hover-bg: var(--secondary);
  --list-group-active-color: var(--white);
  --list-group-active-bg: var(--secondary);
  --list-group-active-border-color: var(--list-group-active-bg);
  --list-group-action-active-bg: var(--list-group-hover-bg);
  --list-group-transparent-item-bg-color: transparent;
  --list-group-flush-item-bg-color: transparent;
  --list-group-transparent-striped-item-bg-color: rgba(var(--white), 0.1);
  --list-group-striped-item-bg-color: var(--gray-100);
  --list-group-transparent-item-border-color: transparent;
  --list-group-flush-item-border-color: transparent;
  --list-group-item-font-size: var(--font-size-16px);
  --list-group-item-padding-y: 1rem 0rem 0.3em;

  /* Avatar */
  --avatar-width: calc(var(--font-size-base) * 2);
  --avatar-height: var(--avatar-width);
  --avatar-sm-width: calc(var(--font-size-base) * 2.75);
  --avatar-sm-height: var(--avatar-sm-width);
  --avatar-md-width: calc(var(--font-size-base) * 4);
  --avatar-md-height: var(--avatar-md-width);
  --avatar-lg-width: calc(var(--font-size-base) * 6);
  --avatar-lg-height: var(--avatar-lg-width);

  /* Progress */
  --progress-vertical-height: 12.5rem;
  --progress-checkmark-icon: url('/content/dam/delta-applications/ui-kit/assets/svg/forms/check-mark-white.svg')
    no-repeat;
  --progress-align: 0 2rem 0 auto;
  --progress-align-sm: 0 0.5rem;

  /* Unfold */
  --unfold-wrapper-color: var(--gray-600);
  --unfold-wrapper-light-color: var(--gray-600);
  --unfold-wrapper-hover-color: var(--secondary);
  --unfold-bg: var(--white);
  --dropdown-link-hover-bg: transparent;
  --dropdown-link-active-bg: transparent;
  --unfold-wrapper-font-size: calc(var(--font-size-base) * 0.625);
  --dropdown-font-size: calc(var(--font-size-base) * 0.875);
  --unfold-icon-pointer-font-size: calc(var(--font-size-base) * 0.625);
  --unfold-padding: 2.25rem 2.875rem;
  --unfold-item-padding-y: 0.375rem;
  --unfold-item-padding-x: 0.375rem;
  --dropdown-item-padding-y: var(--unfold-item-padding-y);
  --dropdown-item-padding-x: var(--unfold-item-padding-x);
  --unfold-box-shadow: 0 0.125rem 0.9375rem rgba(var(--gray-700), 0.1);
  --dropdown-box-shadow: var(--unfold-box-shadow);
  --card-border-box-shadow: var(--box-shadow);
  --idp-shadow-sm: 0 2px 4px rgba(140, 152, 164, 0.2);
  --card-box-shadow: var(--box-shadow);

  /* Card */
  --expansion-panel-padding: 24px;
  --card-spacer-y: var(--padding-20);
  --card-spacer-x: var(--padding-30);
  --card-border-color: rgba(var(--primary), 0.125);
  --card-border-hover-color: rgba(var(--secondary), 0.7);
  --card-border-width: 1px;
  --card-border-top-width: 0;

  /* Clients */
  --clients-height: 5rem;

  /* Divider */
  --divider-text-color: var(--gray-600);
  --divider-bg-color: var(--gray-200);
  --divider-font-size-xs: 0.75rem;
  --divider-width: 999px;
  --divider-height: 0.0625rem;

  /* Video Player */
  --video-player-icon-color: var(--dark);
  --video-player-bg: #000;
  --video-player-icon-pseuod-bg-color: var(--white);
  --video-player-icon-font-size: calc(var(--font-size-base) * 0.8125);
  --video-player-icon-width: calc(var(--font-size-base) * 6);
  --video-player-icon-height: var(--video-player-icon-width);
  --video-player-icon-responsive-sm-width: calc(var(--font-size-base) * 4);
  --video-player-icon-responsive-sm-height: var(
    --video-player-icon-responsive-sm-width
  );
  --video-player-icon-pseudo-border-radius: var(--border-radius-rounded);
  --video-player-icon-pseudo-transition: var(--transition-timing-md);
  --video-player-preview-transition: opacity var(--transition-timing)
    var(--transition-function);
  --video-player-btn-transition: transform var(--transition-timing)
    var(--transition-function);
  --input-arrows-inner-color: var(--secondary);
  --input-arrows-inner-hover-color: var(--primary);
  --item-hover-color: var(--dark);
  --item-active-color: var(--primary);
  --arrow-color: var(--white);
  --arrow-hover-color: var(--white);
  --item-bg-color: transparent;
  --item-active-bg-color: transparent;
  --arrow-bg-color: var(--secondary);
  --arrow-hover-bg-color: var(--primary);
  --item-active-border-color: transparent;
  --arrow-width: 2.75rem;
  --arrow-height: var(---arrow-width);
  --item-font-size: 0.875rem;
  --arrow-font-size: 1rem;
  --arrow-border-radius: var(--border-radius-rounded);
  --item-padding-x: 0.75rem;

  /* Forms */
  --input-padding-y: 0.4375rem;
  --input-padding-x: 0;
  --input-height: calc(1.75rem + 0.875rem);
  --input-color: var(--secondary);
  --input-bg: var(--white);
  --padding-bottom-label: 0.9375rem;
  --input-btn-padding-y: 0.75rem;
  --input-btn-padding-y-xs: 0.4375rem;
  --input-btn-padding-y-sm: 0.625rem;
  --input-btn-padding-y-lg: 1.125rem;
  --input-btn-padding-x: 1rem;
  --input-btn-padding-x-xs: 0.475rem;
  --input-btn-padding-x-sm: 1.125rem;
  --input-btn-padding-x-lg: 1.125rem;
  --input-placeholder-color: var(--secondary);
  --input-focus-color: var(--secondary);
  --custom-select-padding-y: var(--input-btn-padding-y);
  --custom-select-padding-x: var(--input-btn-padding-x);
  --custom-select-disabled-color: var(--idp-disabled-color);
  --custom-select-disabled-bg: var(--idp-disabled-color);
  --form-focus-addon-color: var(--dark);
  --form-focus-border-color: var(--idp-form-focus-color);
  --form-error-focus-box-shadow: 0 0 1.5625rem rgba(var(--danger), 1);
  --form-success-focus-box-shadow: 0 0 1.5625rem rgba(var(--success), 1);
  --input-error-color: var(--danger);
  --input-success-color: var(--success);
  --focus-box-shadow: 0 0 0.125rem rgba(var(--idp-form-focus-color), 1);
  --form-focus-box-shadow: 0 0 0.0625rem rgba(var(--idp-form-focus-color), 1);
  --form-pill-box-shadow: 0 0 1.5625rem rgba(var(--idp-form-focus-color), 1);
  --form-modern-focus-box-shadow: 0 0 0 rgba(var(--idp-form-focus-color), 0);
  --input-border-radius: var(--border-radius-none);
  --form-pill-border-radius: var(--border-radius-pill);
  --input-border-radius-lg: var(--border-radius-none);
  --input-border-radius-sm: var(--border-radius-none);
  --input-border-width: 0.0625rem;
  --input-border-focus-width: 0.09375rem;

  /* Icons */
  --icon-font-size: var(--font-size-base);
  --icon-font-size-xs: calc(var(--font-size-base) * 0.5625);
  --icon-font-size-sm: calc(var(--font-size-base) * 0.8125);
  --icon-font-size-md: calc(var(--font-size-base) * 1.75);
  --icon-font-size-lg: calc(var(--font-size-base) * 2.25);
  --icon-line-height: 0.7;
  --icon-width: calc(var(--font-size-base) * 2.75);
  --icon-width-xs: calc(var(--font-size-base) * 1.375);
  --icon-width-sm: calc(var(--font-size-base) * 2);
  --icon-width-md: calc(var(--font-size-base) * 4);
  --icon-width-lg: 50px;
  --icon-height: var(--icon-width);
  --icon-height-xs: var(--icon-width-xs);
  --icon-height-sm: var(--icon-width-sm);
  --icon-height-md: var(--icon-width-md);
  --icon-height-lg: var(--icon-width-lg);
  --icon-border-radius: var(--border-radius);
  --icon-transition: var(--transition-timing) var(--transition-function);
  --custom-control-indicator-size: 1.25rem;
  --custom-control-indicator-bg-size: 60% 60%;
  --custom-control-radio-indicator-border-radius: 50%;
  --custom-control-indicator-checked-bg: var(--white);
  --custom-control-indicator-active-bg: var(--component-active-bg);
  --custom-control-indicator-checked-color: var(--secondary);
  --custom-control-checkbox-indicator-border-radius: var(--border-radius-none);
  --custom-control-indicator-checked-border-color: var(--secondary);
  --custom-control-indicator-border-color: var(--secondary);
  --custom-control-indicator-disabled-bg: var(--idp-disabled-color);
  --custom-control-label-disabled-color: var(--idp-disabled-color);
  --custom-control-indicator-focus-border-color: var(--idp-disabled-color);
  --custom-control-indicator-checked-disabled-bg: var(--idp-disabled-border);

  /* dropdown width */
  --dropdown-width: 19.6875rem;

  /* overlay x -index */
  --overlay-z-index: 1030;
  --overlay-z-index-1031: 1031;
  --overlay-z-index-1032: 1032;

  /* organism-baggage-calculator-summary-component */
  --bgcl-summary-special-item-font-size: 0.9375rem;
  --bgcl-summary-special-item-sm-font-size: 0.9375rem;
  --bgcl-summary-info-text-font-size: 0.8125rem;
  --bgcl-summary-info-text-line-height: 1rem;
  --bgcl-summary-info-text-color: var(--idp-secondary);
  --bgcl-summary-info-text-font-family: var(--font-family-semibold);
  --bgcl-summary-info-text-a-color: var(--idp-blue);
  --bgcl-summary-special-item-font-family: var(--font-family-book);
  --bgcl-summary-special-item-sm-line-height: 1.125rem;
  --bgcl-summary-special-item-md-line-height: 1.125rem;
  --bgcl-summary-special-item-lg-line-height: 1.125rem;
  --bgcl-summary-special-item-color: var(--idp-secondary);
  --bgcl-summary-special-item-sm-color: var(--idp-secondary);
  --bgcl-summary-info-text-md-font-size: 0.8125rem;
  --bgcl-summary-info-text-lg-font-size: 0.8125rem;
  --bgcl-summary-info-text-md-line-height: 1rem;
  --bgcl-summary-info-text-lg-line-height: 1rem;
  --bgcl-summary-special-item-size-tablet: 0.9375rem;
  --bgcl-summary-special-item-line-height-tablet: 1.125rem;
  --bgcl-summary-estimate-btn-border: 0.125rem solid var(--idp-secondary);
  --bgcl-summary-estimate-btn-txt-color: var(--idp-secondary);
  --bgcl-summary-estimate-btn-border-radius: 0rem;
  --bgcl-summary-estimate-btn-font-weight: 600;
  --bgcl-summary-estimate-btn-sm-font-weight: normal;
  --bgcl-summary-estimate-line-height: 0.875rem;
  --bgcl-summary-estimate-btn-font-size: 0.75rem;
  --bgcl-summary-bag-info-sec-border: 0.0625rem solid var(--idp-gray-201);
  --bgcl-summary-bag-info-cond-txt-line-height: 0.812rem;
  --bgcl-summary-condition-text-color: var(--idp-secondary);
  --bgcl-summary-condition-text-md-line-height: 0.8125rem;
  --bgcl-summary-bag-info-sec-bg-color: var(--idp-gray-100);
  --bgcl-summary-baggage-info-section-border-radius: 0;
  --bagcal-summary-info-text-text-decoration: none;
  --bgcl-summary-cal-estimate-btn-width: 8.875rem;
  --bgcl-summary-cal-estimate-md-btn-width: 11.375rem;
  --bgcl-summary-cal-estimate-lg-btn-width: 11.375rem;

  /* organism-baggage-calculator-modal-component */
  --bgcl-modal-body-title-font-family: var(--font-family-semibold);
  --bgcl-modal-bgc-body-title-font-size: var(--font-size-18px);
  --bgcl-modal-bgc-body-title-color: var(--idp-navyblue);
  --bgcl-modal-bgc-body-title-md-font-size: 1.125rem;
  --bgcl-modal-bgc-body-title-md-line-height: 1.2;
  --bgcl-modal-bgc-body-title-line-height: 1.35rem;
  --bgcl-modal-bgc-body-dsc-font-size: var(--font-size-15px);
  --bgcl-modal-bgc-body-dsc-color: var(--idp-navyblue);
  --bgcl-modal-bgc-body-dsc-font-family: var(--font-family-book);
  --bgcl-modal-terms-title-font-family: var(--font-family-semibold);
  --bgcl-modal-terms-title-color: var(--idp-navyblue);
  --bgcl-modal-terms-body-font-size: var(--font-size-13px);
  --bgcl-modal-terms-body-color: var(--idp-navyblue);
  --bgcl-modal-terms-body-font-family: var(--font-family-book);
  --bgcl-modal-body-title-line-height: var(--font-size-22px);
  --bgcl-modal-terms-body-line-height: var(--font-size-18px);
  --bgcl-modal-terms-title-font-size: var(--font-size-12px);
  --bgcl-modal-terms-title-font-weight: normal;
  --bgcl-modal-terms-title-line-height: var(--font-size-14px);
  --bgcl-modal-terms-title-letter-spacing: 0.053rem;
  --bgcl-modal-content-bg-color: var(--idp-body-color);
  --bgcl-modal-content-nested-bg-color: var(--white);

  /* organism-idp-simple-modal */
  --modal-gray-close-icon: url('/content/dam/delta-applications/ui-kit/assets/svg/forms/gray-close-icon.svg');
  --checkmark-icon: url('/content/dam/delta-applications/ui-kit/assets/svg/forms/check-mark.svg');

  /* idp-modal-footer */
  --modal-footer-title-font-family: var(--font-family-semibold);
  --modal-footer-title-sm-font-size: var(--font-size-18px);
  --modal-footer-title-sm-line-height: var(--font-size-22px);
  --modal-footer-price-sm-line-height: var(--font-size-22px);
  --modal-footer-tiny-text-sm-font-size: var(--font-size-11px);
  --modal-footer-tiny-text-sm-line-height: var(--font-size-16px);
  --modal-footer-idp-dialog-footer-price-font-family: var(--font-family-medium);
  --modal-footer-idp-dialog-footer-price-color: var(--idp-navyblue);
  --modal-footer-title-color: var(--idp-navyblue);
  --modal-footer-idp-dialog-footer-title-md-font-size: 1.125rem;
  --modal-footer-idp-dialog-footer-title-md-line-height: var(--font-size-22px);
  --modal-footer-idp-dialog-footer-price-md-line-height: var(--font-size-34px);
  --modal-footer-idp-dialog-footer-tiny-text-md-line-height: 1rem;
  --modal-footer-idp-dialog-footer-tiny-text-color: var(--idp-secondary);
  --modal-footer-idp-dialog-footer--wrapper-fr-margin: 0;

  /* molecule-modal */
  --modal-body-max-height: 70vh;
  --modal-text-content-sm-font-size: var(--font-size-16px);
  --modal-text-content-color: var(--idp-secondary);

  /* atom-modal-header */
  --bgcl-modal-hdr-alert-bg-color: var(--white);
  --bgcl-modal-hdr-alert-border-color: #d0021b;
  --bgcl-modal-hdr-alert-text-color: var(--idp-navyblue);
  --bgcl-modal-hdr-border-bottom: none;
  --bgcl-modal-hdr-line-height: var(--font-size-24px);
  --bgcl-modal-hdr-title-font-family: var(--font-family-medium);
  --bgcl-modal-hdr-dark-bg-color: var(--idp-darth-vader);
  --bgcl-modal-hdr-light-bg-color: var(--white);
  --bgcl-modal-hdr-divider-margin: var(--padding-5) var(--padding-30) 0;
  --bgcl-modal-hdr-title-font-color: var(--white);
  --bgcl-modal-hdr-light-title-font-color: var(--idp-secondary);
  --bgcl-modal-hdr-title-font-size: var(--font-size-24px);

  /* atom-button */
  --bttn-idp-primary-background: var(--idp-primary);
  --bttn-idp-primary-hover-background: var(--idp-red-hover);
  --bttn-idp-btn-line-height: var(--line-height-base);
  --bttn-idp-btn-font-family: var(--font-family-semibold);
  --bttn-idp-btn-text-transform: uppercase;
  --bttn-idp-secondary-color: var(--idp-secondary);
  --bttn-idp-secondary-background: var(--white);
  --bttn-idp-secondary-background-hover: var(--idp-secondary);
  --bttn-idp-secondary-background-active: var(--idp-navyblue-active);
  --bttn-idp-ternary-background-active: var(--idp-gray-200);
  /* organism modal special item */
  --modal-spcl-item-title-sm-font-size: var(--font-size-28px);
  --modal-spcl-item-title-font-size: var(--font-size-28px);
  --modal-spcl-items-title-font-color: var(--idp-secondary);
  --modal-spcl-items-text-font-color: var(--idp-navyblue);
  --modal-spcl-items-title-line-height: var(--font-size-34px);
  --modal-spcl-items-title-md-line-height: var(--font-size-24px);

  /* atom button */
  --btn-border-radius: 0;
  --btn-font-size: var(--font-size-14px);

  /* molecule modal */
  --modal-dlg-cnt-font-family: var(--font-family-light);

  /* simple modal */
  --modal-simple-max-height: 18rem;
  --modal-simple-top: 20%;
  --modal-simple-border-color: #acb4cc;

  /* 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-large-width: var(--font-size-315px);
  --btn-large-md-width: var(--font-size-250px);
  --btn-large-height: var(--font-size-66px);
  --btn-large-right-arrow-icon: none;
  --btn-large-right-arrow-icon2: none;
  --btn-icon-hover-shadow: 0 0 0 0.125rem #acb4cc;
  --btn-icon-box-shadow: 0px 3px 4px rgba(184, 184, 184, 0.5);

  --btn-large-right-arrow-icon-padding-left: 0;

  /* molecule info call to action */
  --info-call-to-actn-bagwrap-est-title-font-size: var(--font-size-32px);
  --info-call-to-actn-bagwrap-est-title-line-height: var(--font-size-36px);
  --info-call-to-actn-bagwrap-est-title-sm-font-size: var(--font-size-38px);
  --info-call-to-actn-bagwrap-est-title-sm-line-height: var(--font-size-54px);
  --info-call-to-actn-bagwrap-est-title-md-font-size: var(--font-size-52px);
  --info-call-to-actn-bagwrap-est-title-md-line-height: var(--font-size-54px);
  --info-call-to-actn-bagwrap-est-title-after-bg: var(--idp-warn);
  --info-call-to-actn-bagwrap-est-desc-font-size: var(--font-size-20px);
  --info-call-to-actn-bagwrap-est-desc-line-height: var(--font-size-24px);
  --info-call-to-actn-bagwrap-est-desc-sm-font-size: var(--font-size-24px);
  --info-call-to-actn-bagwrap-est-desc-sm-line-height: var(--font-size-34px);
  --info-call-to-actn-bagwrap-est-desc-md-font-size: var(--font-size-24px);
  --info-call-to-actn-bagwrap-est-desc-md-line-height: var(--font-size-34px);
  --info-call-to-actn-bagwrap-est-subtitle-font-size: var(--font-size-20px);
  --info-call-to-actn-bagwrap-est-subtitle-line-height: 1.5625rem;
  --info-call-to-actn-bagwrap-est-subtitle-sm-font-size: var(--font-size-28px);
  --info-call-to-actn-bagwrap-est-subtitle-sm-line-height: var(
    --font-size-34px
  );
  --info-call-to-actn-bagwrap-bag-est-title-color: inherit;
  --info-call-to-actn-calc-bag-color: var(
    --info-call-to-actn-bagwrap-bag-est-title-color
  );
  --info-call-to-actn-bagwrap-bag-est-desc-color: var(--idp-navyblue);

  /* organism baggage calculator simple */
  --bgcl-smpl-bagwrap-info-ctnr-flt-info-font-size: var(--font-size-18px);
  --bgcl-smpl-bagwrap-info-ctnr-flt-info-line-height: var(--font-size-24px);
  --bgcl-smpl-bagwrap-info-ctnr-flt-info-sm-font-size: var(--font-size-18px);
  --bgcl-smpl-bagwrap-info-ctnr-flt-info-sm-line-height: var(--font-size-24px);
  --bgcl-smpl-bagwrap-info-ctnr-flt-info-font-family: var(
    --font-family-semibold
  );
  --bgcl-smpl-bagwrap-info-ctnr-rule-font-family: var(--font-family-medium);
  --bgcl-smpl-bagwrap-psngr-info-font-size: var(--font-size-18px);
  --bgcl-smpl-bagwrap-psngr-info-line-height: var(--font-size-24px);
  --bgcl-smpl-bagwrap-psngr-info-sm-font-size: var(--font-size-18px);
  --bgcl-smpl-bagwrap-psngr-info-sm-line-height: var(--font-size-24px);
  --bgcl-smpl-bagwrap-psngr-info-font-family: var(--font-family-semibold);
  --bgcl-smpl-bagwrap-rule-psngr-font-family: var(--font-family-medium);
  --bgcl-smpl-terms-title-color: var(--idp-navyblue);
  --bgcl-smpl-terms-body-font-size: var(--font-size-13px);
  --bgcl-smpl-terms-body-color: var(--idp-navyblue);
  --bgcl-smpl-bagwrap-wthout-trp-hdng-color: var(--idp-navyblue);
  --bgcl-smpl-bagwrap-bag-est-desc-color: var(--idp-navyblue);
  --bgcl-smpl-bagwrap-info-cntnr-rule-color: var(--idp-secondary);
  --bagcal-chck-allawonce-arrow-close-icon: url('/content/dam/delta-applications/ui-kit/assets/svg/sections/arrow.svg')
    center no-repeat transparent;
  --bagcal-chck-allawonce-arrow-open-icon: none;

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

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

  /* atom action label*/
  --actn-lbl-text-action-span-color: var(--idp-secondary);

  /* upsell modal */

  /* align */
  --terms-align: left;
  --messaging-align: left;
  --upsell-modal-height: var(--height-30px);

  --upsell-modal-line-height: 2.5rem;
  --upsell-modal-footer-link: var(--idp-accent);
  --upsell-modal-footer-font: var(--font-family-medium);
  --upsell-modal-footer-link-disabled: #667394;
  --upsell-modal-list-item: var(--white);
  --upsell-modal-list-title: var(--white);
  --upsell-modal-list-size: var(--font-size-15px);
  --upsell-modal-price-font: var(--font-family-semibold);
  --upsell-modal-price-item: var(--white);
  --upsell-modal-bgcolor-0: linear-gradient(
    137.45deg,
    #3a4869 0%,
    #5e75b1 98.53%
  );

  --upsell-modal-bgcolor-1: linear-gradient(
    318.31deg,
    #4e67d5 0%,
    #1b3c77 100%
  );
  --upsell-modal-bg-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 */
  --checkbox-primary: var(--idp-secondary);
  --checkbox-border-radius: 0;
  --checkbox-label: var(--font-family-medium);

  /* viewport resolutions */
  --viewport-sm: 768px;

  /* confirmation modal*/
  --confirmation-header: var(--font-family-light);

  /* margin*/
  --margin-0: 0;
  --margin-2: 0.125rem;
  --margin-4: 0.25rem;
  --margin-5: 0.3125rem;
  --margin-6: 0.375rem;
  --margin-8: 0.5rem;
  --margin-10: 0.625rem;
  --margin-12: 0.75rem;
  --margin-14: 0.875rem;
  --margin-15: 0.9375rem;
  --margin-16: 1rem;
  --margin-20: 1.25rem;
  --margin-23: 1.4375rem;
  --margin-25: 1.5625rem;
  --margin-26: 1.625rem;
  --margin-27: 1.6875rem;
  --margin-30: 1.875rem;
  --margin-42: 2.625rem;
  --margin-35: 2.1875rem;
  --margin-43: 2.6875rem;
  --margin-48: 3rem;
  --margin-50: 3.125rem;
  --margin-56: 3.5rem;
  --margin-63: 3.9375rem;
  --margin-175: 10.9375rem;
  --margin-top-1: 1rem;
  --margin-bottom-6: 0.375rem;
  --margin-bottom-10: 0.625rem;
  --margin-bottom-15: 0.9375rem;
  --margin-bottom-16: 1rem;
  --margin-botton-26: 1.625rem;
  --margin-bottom-28: 1.75rem;
  --margin-bottom-30: 1.875rem;
  --margin-bottom-31: 1.9375rem;
  --margin-bottom-35: 2.1875rem;
  --margin-bottom-36: 2.25rem;
  --margin-bottom-170: 10.625rem;
  --margin-minus-6: -0.375rem;
  --margin-minus-9: -0.563rem;
  --margin-minus-15: -0.9375rem;
  --margin-minus-20: -1.25rem;
  --margin-minus-30: -1.875rem;
  --margin-minus-50: -3.125rem;
  --margin-bottom-70: 4.375rem;
  --margin-bottom-160: 10rem;
  --margin-left-0: 0;
  --margin-right-0: 0;
  --margin-top-minus: -1.7rem;
  --margin-50-percent: 50%;
  --margin-70-percent: 70%;

  /* container heights */
  --width-145: 9.063rem;

  /* widths */
  --width-67-perc: 66.6667%;
  --width-33-perc: 33.3333%;
  --width-94: 94%;
  --width-755: 47.188rem;
  --width-729: 45.5625rem;
  --width-70: 70%;
  --width-63: 63%;
  --width-337: 21.0625rem;
  --width-334: 20.875rem;
  --width-315: 19.6875rem;
  --width-299: 18.6875rem;
  --width-26: 26.19rem;
  --width-24: 1.5rem;
  --width-23: 1.438rem;
  --width-19: 19.563rem;
  --width-193: 12.0625rem;
  --width-191: 11.9375rem;
  --width-186: 11.625rem;
  --width-162: 10.125rem;
  --width-158: 9.875rem;
  --width-135: 8.4375rem;
  --width-134: 8.375rem;
  --width-12: 0.75rem;
  --width-104: 6.5rem;
  --width-100: 100%;
  --width-97-percent: 97%;
  --column-count-2: 2;

  /* heights */
  --height-100: 100%;
  --height-12: 0.75rem;
  --height-24: 1.5rem;
  --height-50: 3.125rem;
  --height-90: 90%;
  --height-99: 99%;
  --height-30: 30px;
  --height-13: 0.8125rem;
  --height-85: 5.3125rem;
  --height-103: 6.4375rem;
  --height-118: 7.375rem;
  --height-121: 7.5625rem;
  --height-122: 7.625rem;
  --height-189: 11.8125rem;
  --height-211: 13.1875rem;

  /* widths */
  --width-30: 30%;

  /* flex */
  --flex-1: 1;

  /* top */
  --top-5px-minus: -0.3125rem; /*-5px */
  --top-5: 0.313rem;
  --top-9: 0.563rem;

  /* left */
  --left-0: 0;
  --left-5: 0.313rem;

  /* background */
  --background-position-95-percent: 95%;
  --background-position-90-percent: 90%;
  --background-position-0: 0;
  --background-size-75px: 4.688rem;
  --background-size-auto: auto;
  --background-size-contain: contain;

  /* opacity */
  --opacity-half: 0.5;

  /* BAU */
  --font-family-base-bau: 'Open Sans', 'Trebuchet MS', 'Verdana', 'Tahoma',
    'Sans-Serif';

  /* idp-notification */
  --font-fill-solid: solid;
  --notification-separator: 1px var(--badge-border-style) #d5d5d5;

  /* right */
  --right--29px: 1.8125rem;
}