/*
Theme Name: Instacart Aldi US
Author: Instacart
Template: instacart-sfp
*/

/* Global styles. */

/**
 * The legacy styles that are taken from the original https://www.aldi.us/
 * website and scoped under the 'legacy' class name.
 */

/* stylelint-disable */

@charset "UTF-8";

@font-face {
  font-display: swap;
  font-family: ALDI SUED VF;
  font-weight: 300 900;
  src:
    url("fonts/ALDISUEDVF_LatinWeb_02.VhpaPoj1.woff2")
      format("woff2 supports variations"),
    url("fonts/ALDISUEDVF_LatinWeb_02.VhpaPoj1.woff2")
      format("woff2-variations");
}

@keyframes spin {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(1turn);
  }
}

@keyframes scaleAndColorChange {
  0% {
    filter: brightness(1);
    transform: scaleY(1);
  }
  40% {
    filter: brightness(1.5);
    transform: scaleY(1.25);
  }
  60% {
    filter: brightness(1.5);
    transform: scaleY(1.25);
  }
  to {
    filter: brightness(1);
    transform: scaleY(1);
  }
}

@keyframes delay-pointer-events {
  0% {
    pointer-events: none;
  }
  33% {
    pointer-events: none;
  }
  to {
    pointer-events: auto;
  }
}

@keyframes spin {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(1turn);
  }
}

.legacy {
  font-family:
    system-ui,
    Segoe UI,
    Roboto,
    Helvetica,
    Arial,
    sans-serif,
    Apple Color Emoji,
    Segoe UI Emoji;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
  margin: 0;
  font-family:
    ALDI SUED VF,
    -apple-system,
    -apple-system-body,
    BlinkMacSystemFont,
    Segoe UI,
    Roboto,
    Helvetica Neue,
    Arial,
    sans-serif;
  font-weight: 400;
  word-spacing: 1px;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  overflow-y: inherit;
  scrollbar-gutter: stable;
  --alignment-baseline-align-items: baseline;
  --alignment-start-align-items: start;
  --alignment-end-align-items: end;
  --alignment-center-align-items: center;
  --flex-direction-row-flex-direction: row;
  --flex-direction-column-flex-direction: column;
  --spacing-auto: AUTO;
  --color-brand-global-midblue-5: #f3f5fa;
  --color-brand-global-midblue-10: #e6ebf4;
  --color-brand-global-midblue-15: #dbe2ef;
  --color-brand-global-midblue-20: #cfd8e9;
  --color-brand-global-midblue-25: #c5d0e5;
  --color-brand-global-midblue-30: #bcc8e0;
  --color-brand-global-midblue-40: #9eb0d4;
  --color-brand-global-midblue-55: #7a93c4;
  --color-brand-global-midblue-70: #5574b3;
  --color-brand-global-midblue-100: #0d3a93;
  --color-brand-global-midblue-130: #092867;
  --color-brand-global-darkblue-10: #e5e5ef;
  --color-brand-global-darkblue-20: #ccccdf;
  --color-brand-global-darkblue-30: #b2b2cf;
  --color-brand-global-darkblue-40: #9999bf;
  --color-brand-global-darkblue-70: #4c4c8f;
  --color-brand-global-darkblue-100: #00005f;
  --color-brand-global-darkblue-130: #000042;
  --color-brand-global-blue-10: #eef9fd;
  --color-brand-global-blue-40: #bbe7f9;
  --color-brand-global-blue-70: #88d5f4;
  --color-brand-global-blue-100: #55c3f0;
  --color-brand-global-blue-130: #3b88a8;
  --color-brand-global-red-10: #fbe5e5;
  --color-brand-global-red-20: #f7cccc;
  --color-brand-global-red-40: #ef9999;
  --color-brand-global-red-70: #e34c4c;
  --color-brand-global-red-100: #d70000;
  --color-brand-global-red-130: #960000;
  --color-brand-global-orange-10: #fff1e5;
  --color-brand-global-orange-40: #ffc999;
  --color-brand-global-orange-70: #ffa04c;
  --color-brand-global-orange-100: #ff7800;
  --color-brand-global-orange-130: #b25400;
  --color-brand-global-yellow-10: #fff9e5;
  --color-brand-global-yellow-40: #ffe999;
  --color-brand-global-yellow-45: #ffe68c;
  --color-brand-global-yellow-70: #ffd84c;
  --color-brand-global-yellow-100: #ffc800;
  --color-brand-global-yellow-130: #b28c00;
  --color-brand-global-yellow-150: #806400;
  --color-brand-us-light-blue: #c2e9f7;
  --color-brand-us-emerald: #1a6947;
  --color-brand-us-green: #4fad4f;
  --color-brand-us-lime: #cbdb2a;
  --color-brand-us-purple: #662d91;
  --color-brand-us-light-pink: #f3b1cd;
  --color-brand-us-pink: #f48594;
  --color-brand-us-magenta: #da1866;
  --color-system-black-100: #101316;
  --color-system-white-100: #fff;
  --color-system-grey-20: #d6d8da;
  --color-system-grey-30: #c2c5c7;
  --color-system-grey-65: #7b8187;
  --color-system-grey-70: #71777e;
  --color-system-grey-75: #676d74;
  --color-system-grey-100: #343d46;
  --color-system-grey-05: #f5f5f6;
  --color-system-green-notification-20: #d3e7cc;
  --color-system-green-notification-100: #258900;
  --color-system-red-notification-20: #f9ccd0;
  --color-system-red-notification-40: #f399a2;
  --color-system-red-notification-100: #e00016;
  --color-system-red-notification-130: #9d000f;
  --color-system-green-surface-30: #ddeabe;
  --color-system-green-surface-60: #bbd47d;
  --color-system-green-surface-100: #8eb826;
  --opacity-half: 50%;
  --dimension-0: 0px;
  --dimension-5: 1px;
  --dimension-10: 2px;
  --dimension-15: 3px;
  --dimension-20: 4px;
  --dimension-25: 5px;
  --dimension-30: 6px;
  --dimension-40: 8px;
  --dimension-45: 9px;
  --dimension-50: 10px;
  --dimension-60: 12px;
  --dimension-70: 14px;
  --dimension-80: 16px;
  --dimension-85: 18px;
  --dimension-90: 20px;
  --dimension-95: 22px;
  --dimension-100: 24px;
  --dimension-105: 26px;
  --dimension-110: 28px;
  --dimension-115: 30px;
  --dimension-120: 32px;
  --dimension-130: 36px;
  --dimension-140: 40px;
  --dimension-143: 42px;
  --dimension-146: 44px;
  --dimension-150: 48px;
  --dimension-152: 50px;
  --dimension-155: 52px;
  --dimension-160: 56px;
  --dimension-162: 58px;
  --dimension-165: 60px;
  --dimension-170: 64px;
  --dimension-180: 80px;
  --dimension-185: 82px;
  --dimension-large-89: 89px;
  --dimension-large-98: 98px;
  --dimension-large-106: 106px;
  --dimension-large-114: 114px;
  --dimension-large-120: 120px;
  --dimension-large-128: 128px;
  --dimension-large-180: 180px;
  --dimension-large-224: 224px;
  --dimension-large-240: 240px;
  --dimension-large-247: 247px;
  --dimension-large-272: 272px;
  --dimension-large-311: 311px;
  --dimension-large-312: 312px;
  --dimension-large-320: 320px;
  --dimension-large-384: 384px;
  --dimension-large-400: 400px;
  --dimension-large-440: 440px;
  --dimension-large-480: 480px;
  --dimension-large-488: 488px;
  --dimension-large-503: 503px;
  --dimension-large-544: 544px;
  --dimension-large-640: 640px;
  --dimension-large-695: 695px;
  --dimension-large-696: 696px;
  --dimension-large-896: 896px;
  --dimension-large-927: 927px;
  --dimension-large-1112: 1112px;
  --dimension-large-1127: 1127px;
  --dimension-large-1400: 1400px;
  --dimension-large-1415: 1415px;
  --dimension-decimal-20: 0.2px;
  --dimension-decimal-140: 1.4px;
  --dimension-negative-150: -150px;
  --radius-max-rounded: 9999px;
  --radius-5xlarge: 32px;
  --radius-4xlarge: 28px;
  --radius-3xlarge: 24px;
  --radius-2xlarge: 20px;
  --radius-xlarge: 16px;
  --radius-large: 12px;
  --radius-medium: 10px;
  --radius-small: 8px;
  --radius-xsmall: 6px;
  --radius-2xsmall: 4px;
  --radius-none: 0;
  --mod-100: 1;
  --mod-133: 1.33;
  --mod-178: 1.78;
  --mod-075: 0.75;
  --mod-056: 0.56;
  --mod-050: 0.5;
  --mod-043: 0.43;
  --mod-033: 0.33;
  --mod-025: 0.25;
  --sizing-height-relative-viewport-small: 80vh;
  --sizing-height-relative-viewport-medium: 94vh;
  --sizing-height-relative-viewport-large: 100vh;
  --sizing-height-relative-parent-133: 1.33em;
  --sizing-width-relative-container-full: 100%;
  --sizing-width-relative-container-half: 50%;
  --sizing-width-relative-viewport-large: 100vw;
  --sizing-width-relative-parent-133: 1.33em;
  --typography-fontsize-60: 0.625rem;
  --typography-fontsize-70: 0.6875rem;
  --typography-fontsize-80: 0.75rem;
  --typography-fontsize-90: 0.875rem;
  --typography-fontsize-100: 1rem;
  --typography-fontsize-110: 1.125rem;
  --typography-fontsize-120: 1.25rem;
  --typography-fontsize-130: 1.375rem;
  --typography-fontsize-140: 1.5rem;
  --typography-fontsize-150: 1.625rem;
  --typography-fontsize-160: 1.75rem;
  --typography-fontsize-170: 2rem;
  --typography-fontsize-180: 2.125rem;
  --typography-fontsize-190: 2.5rem;
  --typography-fontsize-195: 3rem;
  --typography-fontsize-200: 3.5rem;
  --typography-fontsize-210: 4.5rem;
  --typography-lineheight-40: 11px;
  --typography-lineheight-50: 12px;
  --typography-lineheight-60: 14px;
  --typography-lineheight-70: 16px;
  --typography-lineheight-75: 17px;
  --typography-lineheight-80: 18px;
  --typography-lineheight-85: 20px;
  --typography-lineheight-90: 22px;
  --typography-lineheight-100: 24px;
  --typography-lineheight-110: 26px;
  --typography-lineheight-120: 28px;
  --typography-lineheight-130: 30px;
  --typography-lineheight-140: 32px;
  --typography-lineheight-145: 34px;
  --typography-lineheight-150: 36px;
  --typography-lineheight-155: 40px;
  --typography-lineheight-157: 42px;
  --typography-lineheight-160: 44px;
  --typography-lineheight-170: 48px;
  --typography-lineheight-180: 52px;
  --typography-lineheight-182: 56px;
  --typography-lineheight-183: 58px;
  --typography-lineheight-185: 60px;
  --typography-lineheight-190: 64px;
  --typography-lineheight-192: 68px;
  --typography-lineheight-195: 72px;
  --typography-lineheight-197: 82px;
  --typography-lineheight-200: 88px;
  --typography-lineheight-ratio-equal: 100%;
  --typography-lineheight-ratio-xsmall: 120%;
  --typography-lineheight-ratio-small: 130%;
  --typography-lineheight-ratio-medium: 140%;
  --typography-lineheight-ratio-large: 155%;
  --typography-lineheight-ratio-xlarge: 160%;
  --typography-lineheight-ratio-2xsmall: 115%;
  --typography-fontweight-bold: 700;
  --typography-fontweight-regular: 400;
  --typography-fontweight-regular-inverse: 460;
  --typography-fontweight-medium: 500;
  --typography-letterspacing-small: 0.01em;
  --typography-letterspacing-medium: 0.015em;
  --typography-letterspacing-large: 0.021em;
  --typography-letterspacing-xlarge: 0.022000000000000002em;
  --typography-letterspacing-2xlarge: 0.2em;
  --typography-letterspacing-none: 0em;
  --typography-fontfamily-aldisued-vf: "ALDI SUED VF";
  --typography-textcase-standard: none;
  --typography-textcase-uppercase: uppercase;
  --typography-alignment-left-text-align: start;
  --typography-alignment-right-text-align: end;
  --typography-paragraph-spacing-none: 0px;
  --typography-paragraph-spacing-medium: 16px;
  --typography-paragraph-spacing-large: 24px;
  --spacing-layout-horizontal-padding-badge-container: 6px;
  --spacing-layout-horizontal-padding-breadcrumb-container: 16px;
  --spacing-layout-horizontal-padding-button-base: 24px;
  --spacing-layout-horizontal-padding-button-square: 12px;
  --spacing-layout-horizontal-padding-button-circle: 14px;
  --spacing-layout-horizontal-padding-chips-pill: 16px;
  --spacing-layout-horizontal-padding-chips-chunky: 10px;
  --spacing-layout-horizontal-padding-drawer-xxs: 24px;
  --spacing-layout-horizontal-padding-drawer-s: 32px;
  --spacing-layout-horizontal-padding-drawer-header-right-s: 16px;
  --spacing-layout-horizontal-padding-dropdown-xxs: 12px;
  --spacing-layout-horizontal-padding-header-top-bar-container-xxs: 48px;
  --spacing-layout-horizontal-padding-header-top-bar-container-right-m: 26px;
  --spacing-layout-horizontal-padding-header-top-bar-container-right-l: 42px;
  --spacing-layout-horizontal-padding-header-top-bar-container-right-xxl: 58px;
  --spacing-layout-horizontal-padding-header-top-bar-container-left-m: 32px;
  --spacing-layout-horizontal-padding-header-top-bar-container-left-l: 48px;
  --spacing-layout-horizontal-padding-header-top-bar-container-left-xxl: 64px;
  --spacing-layout-horizontal-padding-header-top-bar-meta-navigation-a11y-skip: 6px;
  --spacing-layout-horizontal-padding-header-top-bar-meta-navigation-links: 6px;
  --spacing-layout-horizontal-padding-header-content-container-right-xxs: 12px;
  --spacing-layout-horizontal-padding-header-content-container-right-s: 20px;
  --spacing-layout-horizontal-padding-header-content-container-right-l: 36px;
  --spacing-layout-horizontal-padding-header-content-container-right-xl: 44px;
  --spacing-layout-horizontal-padding-header-content-container-right-xxl: 52px;
  --spacing-layout-horizontal-padding-header-content-container-left-xxs: 18px;
  --spacing-layout-horizontal-padding-header-content-container-left-s: 26px;
  --spacing-layout-horizontal-padding-header-content-container-left-l: 42px;
  --spacing-layout-horizontal-padding-header-content-container-left-xl: 50px;
  --spacing-layout-horizontal-padding-header-content-container-left-xxl: 58px;
  --spacing-layout-horizontal-padding-header-content-main-navigation-link: 12px;
  --spacing-layout-horizontal-padding-header-search-active-xxs: 24px;
  --spacing-layout-horizontal-padding-header-search-active-m: 20px;
  --spacing-layout-horizontal-padding-header-search-active-s: 32px;
  --spacing-layout-horizontal-padding-header-search-active-l: 48px;
  --spacing-layout-horizontal-padding-header-search-active-xl: 56px;
  --spacing-layout-horizontal-padding-header-search-cancel-xxs: 12px;
  --spacing-layout-horizontal-padding-header-search-cancel-xs: 20px;
  --spacing-layout-horizontal-padding-header-search-cancel-s: 26px;
  --spacing-layout-horizontal-padding-label-small: 8px;
  --spacing-layout-horizontal-padding-label-large: 9px;
  --spacing-layout-horizontal-padding-list-item-menu-compact: 12px;
  --spacing-layout-horizontal-padding-list-item-menu-base: 16px;
  --spacing-layout-horizontal-padding-list-item-content: 16px;
  --spacing-layout-horizontal-padding-overlay-box-teaser-xxs: 24px;
  --spacing-layout-horizontal-padding-overlay-box-teaser-s: 32px;
  --spacing-layout-horizontal-padding-overlay-box-teaser-l: 40px;
  --spacing-layout-horizontal-padding-product-card-container-xxs: 24px;
  --spacing-layout-horizontal-padding-product-card-favorites-default: 2px;
  --spacing-layout-horizontal-padding-product-card-favorites-active: 10px;
  --spacing-layout-horizontal-padding-product-list-item-commerce-xxs: 24px;
  --spacing-layout-horizontal-padding-product-list-item-commerce-footer-xxs: 0px;
  --spacing-layout-horizontal-padding-product-list-item-commerce-footer-xs: 80px;
  --spacing-layout-horizontal-padding-product-list-item-flyout-xxs: 24px;
  --spacing-layout-horizontal-padding-promotion-card-xxs: 16px;
  --spacing-layout-horizontal-padding-promotion-card-s: 32px;
  --spacing-layout-horizontal-padding-promotion-card-m: 40px;
  --spacing-layout-horizontal-padding-promotion-card-l: 32px;
  --spacing-layout-horizontal-padding-promotion-card-xl: 40px;
  --spacing-layout-horizontal-padding-promotion-card-xxl: 48px;
  --spacing-layout-horizontal-padding-segmented-control-base: 4px;
  --spacing-layout-horizontal-padding-segmented-control-segment-base: 10px;
  --spacing-layout-horizontal-padding-table-container: 16px;
  --spacing-layout-horizontal-padding-table-head-xxs: 12px;
  --spacing-layout-horizontal-padding-table-head-l: 16px;
  --spacing-layout-horizontal-padding-table-body-xxs: 12px;
  --spacing-layout-horizontal-padding-table-body-l: 16px;
  --spacing-layout-horizontal-padding-text-elements-xxs: 8px;
  --spacing-layout-horizontal-padding-text-elements-l: 16px;
  --spacing-layout-horizontal-padding-toast-message-right-xxs: 48px;
  --spacing-layout-horizontal-padding-toast-message-right-l: 52px;
  --spacing-layout-horizontal-padding-toast-message-left-xxs: 12px;
  --spacing-layout-horizontal-padding-toast-message-left-l: 16px;
  --spacing-layout-horizontal-padding-toggle-xxs: 4px;
  --spacing-layout-horizontal-padding-tooltip-xxs: 12px;
  --spacing-layout-horizontal-padding-tooltip-arrow: 16px;
  --spacing-layout-vertical-padding-accordion-expanded-xxs: 16px;
  --spacing-layout-vertical-padding-accordion-expanded-l: 20px;
  --spacing-layout-vertical-padding-accordion-expanded-xl: 24px;
  --spacing-layout-vertical-padding-accordion-header-top-xxs: 16px;
  --spacing-layout-vertical-padding-accordion-header-top-l: 24px;
  --spacing-layout-vertical-padding-accordion-header-top-xl: 32px;
  --spacing-layout-vertical-padding-accordion-header-bottom-xxs: 16px;
  --spacing-layout-vertical-padding-accordion-header-bottom-l: 20px;
  --spacing-layout-vertical-padding-accordion-header-bottom-xl: 28px;
  --spacing-layout-vertical-padding-badge-top: 4px;
  --spacing-layout-vertical-padding-badge-bottom: 1px;
  --spacing-layout-vertical-padding-breadcrumb-container: 4px;
  --spacing-layout-vertical-padding-button-base: 12px;
  --spacing-layout-vertical-padding-button-square: 12px;
  --spacing-layout-vertical-padding-button-circle: 14px;
  --spacing-layout-vertical-padding-checkbox-input-xxs: 0px;
  --spacing-layout-vertical-padding-checkbox-input-l: 2px;
  --spacing-layout-vertical-padding-chips-pill: 8px;
  --spacing-layout-vertical-padding-chips-chunky: 12px;
  --spacing-layout-vertical-padding-drawer-xxs: 24px;
  --spacing-layout-vertical-padding-drawer-s: 32px;
  --spacing-layout-vertical-padding-dropdown-xxs: 12px;
  --spacing-layout-vertical-padding-header-top-bar-container-xxs: 8px;
  --spacing-layout-vertical-padding-header-top-bar-meta-navigation-a11y-skip: 2px;
  --spacing-layout-vertical-padding-header-top-bar-meta-navigation-links: 2px;
  --spacing-layout-vertical-padding-header-top-bar-service-selection-xxs: 0px;
  --spacing-layout-vertical-padding-header-content-container-xxs: 2px;
  --spacing-layout-vertical-padding-header-content-container-s: 6px;
  --spacing-layout-vertical-padding-header-content-container-l: 10px;
  --spacing-layout-vertical-padding-header-content-main-navigation-link: 10px;
  --spacing-layout-vertical-padding-header-search-cancel-xxs: 26px;
  --spacing-layout-vertical-padding-input-text-container-top-xxs: 4px;
  --spacing-layout-vertical-padding-input-text-container-top-l: 8px;
  --spacing-layout-vertical-padding-input-text-container-bottom-xxs: 5px;
  --spacing-layout-vertical-padding-input-text-container-bottom-l: 2px;
  --spacing-layout-vertical-padding-input-text-icon-xxs: 1px;
  --spacing-layout-vertical-padding-input-text-icon-l: 2px;
  --spacing-layout-vertical-padding-label-small: 4px;
  --spacing-layout-vertical-padding-label-large: 5px;
  --spacing-layout-vertical-padding-list-item-menu-compact: 8px;
  --spacing-layout-vertical-padding-list-item-menu-wide: 16px;
  --spacing-layout-vertical-padding-list-item-content: 20px;
  --spacing-layout-vertical-padding-overlay-box-teaser-xxs: 32px;
  --spacing-layout-vertical-padding-overlay-box-teaser-s: 32px;
  --spacing-layout-vertical-padding-product-card-favorites: 2px;
  --spacing-layout-vertical-padding-product-card-container-top-xxs: 16px;
  --spacing-layout-vertical-padding-product-card-container-top-xl: 24px;
  --spacing-layout-vertical-padding-product-card-container-bottom-xxs: 24px;
  --spacing-layout-vertical-padding-product-list-item-commerce-xxs: 24px;
  --spacing-layout-vertical-padding-product-list-item-commerce-xs: 22px;
  --spacing-layout-vertical-padding-product-list-item-flyout-xxs: 16px;
  --spacing-layout-vertical-padding-promotion-card-xxs: 24px;
  --spacing-layout-vertical-padding-promotion-card-s: 32px;
  --spacing-layout-vertical-padding-promotion-card-m: 40px;
  --spacing-layout-vertical-padding-promotion-card-l: 32px;
  --spacing-layout-vertical-padding-promotion-card-xl: 40px;
  --spacing-layout-vertical-padding-promotion-card-xxl: 48px;
  --spacing-layout-vertical-padding-quantity-input-circular: 4px;
  --spacing-layout-vertical-padding-quantity-input-rectangular: 4px;
  --spacing-layout-vertical-padding-radio-button-input-xxs: 0px;
  --spacing-layout-vertical-padding-radio-button-input-l: 2px;
  --spacing-layout-vertical-padding-segmented-control-base: 4px;
  --spacing-layout-vertical-padding-segmented-control-segment-base: 4px;
  --spacing-layout-vertical-padding-segmented-control-segment-tall: 6px;
  --spacing-layout-vertical-padding-table-container: 16px;
  --spacing-layout-vertical-padding-table-head-xxs: 16px;
  --spacing-layout-vertical-padding-table-head-l: 16px;
  --spacing-layout-vertical-padding-table-body-xxs: 16px;
  --spacing-layout-vertical-padding-table-body-l: 20px;
  --spacing-layout-vertical-padding-toast-message-xxs: 12px;
  --spacing-layout-vertical-padding-toast-message-l: 16px;
  --spacing-layout-vertical-padding-toggle-xxs: 4px;
  --spacing-layout-vertical-padding-tooltip-xxs: 12px;
  --spacing-layout-gap-column-icon-text-small: 4px;
  --spacing-layout-gap-column-icon-text-medium: 8px;
  --spacing-layout-gap-column-icon-text-large: 12px;
  --spacing-layout-gap-column-icon-text-xlarge: 16px;
  --spacing-layout-gap-column-group-button-xxs: 16px;
  --spacing-layout-gap-column-drawer-headline: 16px;
  --spacing-layout-gap-column-header-top-bar: 8px;
  --spacing-layout-gap-column-header-main-navigation: 8px;
  --spacing-layout-gap-column-header-actions-xxs: 0px;
  --spacing-layout-gap-column-header-actions-m: 8px;
  --spacing-layout-gap-column-header-content-xxs: AUTO;
  --spacing-layout-gap-column-header-content-m: 24px;
  --spacing-layout-gap-column-header-content-l: 32px;
  --spacing-layout-gap-column-header-content-xl: 48px;
  --spacing-layout-gap-column-header-icon-text-search-xs: 20px;
  --spacing-layout-gap-column-header-icon-text-search-s: 26px;
  --spacing-layout-gap-column-label-container: 2px;
  --spacing-layout-gap-column-product-card-labels: 4px;
  --spacing-layout-gap-column-product-list-item-container-commerce: 12px;
  --spacing-layout-gap-column-product-list-item-container-flyout: 16px;
  --spacing-layout-gap-column-product-list-item-details-xs: 16px;
  --spacing-layout-gap-column-text-elements-parent-xxs: 6px;
  --spacing-layout-gap-column-text-elements-parent-l: 8px;
  --spacing-layout-gap-column-text-elements-sub-xxs: 6px;
  --spacing-layout-gap-column-quantity-input-container: AUTO;
  --spacing-layout-gap-row-group-accordion-container: 0px;
  --spacing-layout-gap-row-group-button-xxs: 16px;
  --spacing-layout-gap-row-group-button-s: 32px;
  --spacing-layout-gap-row-chips-container: 8px;
  --spacing-layout-gap-row-header-container: 0px;
  --spacing-layout-gap-row-input-text-container: 8px;
  --spacing-layout-gap-row-product-list-item-container: 12px;
  --spacing-layout-margin-horizontal-drawer-scroll: 4px;
  --spacing-layout-margin-horizontal-drawer-close-icon: 16px;
  --spacing-layout-margin-horizontal-header-link-border-l: 12px;
  --spacing-layout-margin-horizontal-header-logo-xxs: 6px;
  --spacing-layout-margin-horizontal-header-logo-m: 14px;
  --spacing-layout-margin-horizontal-header-search-s: 82px;
  --spacing-layout-margin-horizontal-header-search-l: 98px;
  --spacing-layout-margin-horizontal-header-search-xl: 106px;
  --spacing-layout-margin-horizontal-header-search-xxl: 114px;
  --spacing-layout-margin-horizontal-overlay-box-teaser-xxs: 32px;
  --spacing-layout-margin-horizontal-overlay-box-teaser-s: 40px;
  --spacing-layout-margin-horizontal-overlay-box-teaser-l: 56px;
  --spacing-layout-margin-horizontal-segmented-control-icon-none: 0px;
  --spacing-layout-margin-horizontal-segmented-control-icon-base: 2px;
  --spacing-layout-margin-horizontal-segmented-control-text-selected: 4px;
  --spacing-layout-margin-horizontal-segmented-control-badge-left: 2px;
  --spacing-layout-margin-horizontal-segmented-control-badge-right: 6px;
  --spacing-layout-margin-horizontal-segmented-control-badge-none: 0px;
  --spacing-layout-margin-horizontal-select-dropdown-xxs: 8px;
  --spacing-layout-margin-horizontal-price-integrated-xxs: 4px;
  --spacing-layout-margin-horizontal-price-integrated-weight-xxs: 2px;
  --spacing-layout-margin-horizontal-price-standalone-xxs: 4px;
  --spacing-layout-margin-horizontal-price-standalone-weight-xxs: 2px;
  --spacing-layout-margin-horizontal-promotion-card-container: 0px;
  --spacing-layout-margin-horizontal-tooltip-container: 8px;
  --spacing-layout-margin-vertical-breadcrumb-container: 8px;
  --spacing-layout-margin-vertical-drawer-container: 0px;
  --spacing-layout-margin-vertical-drawer-close-icon: 28px;
  --spacing-layout-margin-vertical-header-link-border-l: 4px;
  --spacing-layout-margin-vertical-header-logo-xxs: 8px;
  --spacing-layout-margin-vertical-list-item-text: 4px;
  --spacing-layout-margin-vertical-overlay-box-teaser-overlap: -150px;
  --spacing-layout-margin-vertical-overlay-box-teaser-headline-xxs: 10px;
  --spacing-layout-margin-vertical-overlay-box-teaser-headline-s: 12px;
  --spacing-layout-margin-vertical-overlay-box-teaser-headline-l: 16px;
  --spacing-layout-margin-vertical-overlay-box-teaser-text-xxs: 16px;
  --spacing-layout-margin-vertical-overlay-box-teaser-text-s: 20px;
  --spacing-layout-margin-vertical-overlay-box-teaser-text-l: 24px;
  --spacing-layout-margin-vertical-select-dropdown-xxs: 52px;
  --spacing-layout-margin-vertical-select-dropdown-l: 60px;
  --spacing-layout-margin-vertical-price-integrated-xxs: 5px;
  --spacing-layout-margin-vertical-product-card-image: 10px;
  --spacing-layout-margin-vertical-product-card-favorites: 8px;
  --spacing-layout-margin-vertical-product-card-labels: 8px;
  --spacing-layout-margin-vertical-product-card-brandname: 4px;
  --spacing-layout-margin-vertical-product-card-product-name: 10px;
  --spacing-layout-margin-vertical-product-card-par-weight-xxs: 10px;
  --spacing-layout-margin-vertical-product-card-par-weight-m: 14px;
  --spacing-layout-margin-vertical-product-card-price-xxs: 14px;
  --spacing-layout-margin-vertical-product-card-price-m: 16px;
  --spacing-layout-margin-vertical-product-card-price-xl: 14px;
  --spacing-layout-margin-vertical-product-list-item-brandname-xxs: 4px;
  --spacing-layout-margin-vertical-product-list-item-brandname-xs: 4px;
  --spacing-layout-margin-vertical-product-list-item-product-name-commerce-xxs: 4px;
  --spacing-layout-margin-vertical-product-list-item-product-name-commerce-xs: 6px;
  --spacing-layout-margin-vertical-product-list-item-product-name-flyout-xxs: 6px;
  --spacing-layout-margin-vertical-product-list-item-image-xxs: 8px;
  --spacing-layout-margin-vertical-product-list-item-image-xs: 0px;
  --spacing-layout-margin-vertical-product-list-item-par-weight-xxs: 6px;
  --spacing-layout-margin-vertical-product-list-item-par-weight-xs: 0px;
  --spacing-layout-margin-vertical-product-list-item-container-xxs: 12px;
  --spacing-layout-margin-vertical-promotion-card-text-xxs: 8px;
  --spacing-layout-margin-vertical-promotion-card-text-button-xxs: 16px;
  --spacing-layout-margin-vertical-promotion-card-text-button-s: 24px;
  --spacing-layout-margin-vertical-promotion-card-text-button-xxl: 40px;
  --spacing-layout-margin-vertical-promotion-card-text-button-m: 32px;
  --spacing-layout-margin-vertical-promotion-card-text-button-l: 24px;
  --spacing-layout-margin-vertical-promotion-card-text-button-xl: 32px;
  --spacing-layout-margin-vertical-text-elements-heading-title: 12px;
  --spacing-layout-margin-vertical-text-elements-heading-module-xxs: 16px;
  --spacing-layout-margin-vertical-text-elements-heading-module-l: 24px;
  --spacing-layout-margin-vertical-text-elements-heading-display-small-xxs: 20px;
  --spacing-layout-margin-vertical-text-elements-heading-display-small-l: 24px;
  --spacing-layout-margin-vertical-text-elements-heading-display-medium-xxs: 20px;
  --spacing-layout-margin-vertical-text-elements-heading-display-medium-l: 28px;
  --spacing-layout-margin-vertical-text-elements-heading-display-large-xxs: 24px;
  --spacing-layout-margin-vertical-text-elements-heading-display-large-l: 32px;
  --spacing-layout-margin-vertical-text-elements-bodycopy-paragraph: 16px;
  --spacing-layout-margin-vertical-text-elements-list-sub: 2px;
  --spacing-layout-margin-vertical-text-elements-list-parent: 8px;
  --spacing-layout-margin-vertical-toast-message-container: 8px;
  --spacing-layout-margin-vertical-tooltip-container: 8px;
  --spacing-layout-outline-offset-focus: 4px;
  --color-attention-background-base: #ffe68c;
  --color-attention-background-bold: #ffc800;
  --color-attention-mix-shade: #806400;
  --color-attention-mix-modifier: color-mix(in srgb, #ffc800 60%, #d70000 40%);
  --color-attention-text-on-bg: color-mix(
    in srgb,
    color-mix(in srgb, #ffc800 60%, #d70000 40%) 65%,
    #000 35%
  );
  --color-attention-icon-on-bg: color-mix(
    in srgb,
    color-mix(in srgb, #ffc800 60%, #d70000 40%) 65%,
    #000 35%
  );
  --color-error-background-base: #f9ccd0;
  --color-error-background-bold: #e00016;
  --color-error-border-base: #e00016;
  --color-error-text-base: #e00016;
  --color-error-text-on-bg: color-mix(in srgb, #d70000 85%, #000 15%);
  --color-error-icon-base: #e00016;
  --color-error-icon-on-bg: color-mix(in srgb, #d70000 85%, #000 15%);
  --color-informational-background-base: #bbe7f9;
  --color-informational-background-bold: #55c3f0;
  --color-informational-background-subtle: #f5f5f6;
  --color-informational-icon-on-bg-default: #0d3a93;
  --color-informational-icon-on-bg: #092867;
  --color-informational-icon-chips-info: #101316;
  --color-informational-text-headline-base: #101316;
  --color-informational-text-headline-emphasis: #00005f;
  --color-informational-text-bodycopy: #101316;
  --color-informational-text-subtle: #71777e;
  --color-informational-text-on-bg-default: #0d3a93;
  --color-informational-text-on-bg: #092867;
  --color-informational-text-chips-info: #101316;
  --color-informational-label-text: #676d74;
  --color-informational-label-icon: #676d74;
  --color-informational-price-price-value: #00005f;
  --color-informational-price-discount: #d70000;
  --color-informational-price-info: #343d46;
  --color-informational-tooltip-background-color: #88d5f4;
  --color-interaction-background-default-base: #00005f;
  --color-interaction-background-default-subtle: #e6ebf4;
  --color-interaction-background-default-static: #fff;
  --color-interaction-background-default-on-bg: #fff;
  --color-interaction-background-default-selected: #cfd8e9;
  --color-interaction-background-hover-base: #88d5f4;
  --color-interaction-background-hover-subtle: #cfd8e9;
  --color-interaction-background-hover-muted: #e6ebf4;
  --color-interaction-background-hover-chips-option: #dbe2ef;
  --color-interaction-background-hover-selected: #c5d0e5;
  --color-interaction-background-hover-chips-action: color-mix(
    in srgb,
    #0d3a93 5%,
    transparent 95%
  );
  --color-interaction-background-hover-on-dark: #ccccdf;
  --color-interaction-background-hover-list-item: #f3f5fa;
  --color-interaction-background-active-base: #88d5f4;
  --color-interaction-background-active-subtle: #9eb0d4;
  --color-interaction-background-active-muted: #cfd8e9;
  --color-interaction-background-active-chips-option: #cfd8e9;
  --color-interaction-background-active-selected: #bcc8e0;
  --color-interaction-background-active-chips-action: color-mix(
    in srgb,
    #0d3a93 10%,
    transparent 90%
  );
  --color-interaction-background-active-on-dark: #b2b2cf;
  --color-interaction-background-active-list-item: #e6ebf4;
  --color-interaction-background-disabled-base: #f5f5f6;
  --color-interaction-background-focus-base: #88d5f4;
  --color-interaction-border-default-base: #00005f;
  --color-interaction-border-default-subtle: #e6ebf4;
  --color-interaction-border-default-on-bg: #fff;
  --color-interaction-border-hover-base: #00005f;
  --color-interaction-border-active-base: #00005f;
  --color-interaction-border-disabled-base: #71777e;
  --color-interaction-text-default-base: #00005f;
  --color-interaction-text-default-on-bg: #fff;
  --color-interaction-text-default-static: #343d46;
  --color-interaction-text-default-on-dark: #00005f;
  --color-interaction-text-hover-base: #5574b3;
  --color-interaction-text-hover-on-bg: #00005f;
  --color-interaction-text-hover-on-dark: #00005f;
  --color-interaction-text-active-base: #092867;
  --color-interaction-text-active-on-bg: #00005f;
  --color-interaction-text-active-on-dark: #00005f;
  --color-interaction-text-disabled-base: #71777e;
  --color-interaction-text-disabled-on-bg: #676d74;
  --color-interaction-text-focus-on-bg: #00005f;
  --color-interaction-icon-default-base: #00005f;
  --color-interaction-icon-default-on-bg: #fff;
  --color-interaction-icon-default-on-dark: #00005f;
  --color-interaction-icon-hover-base: #5574b3;
  --color-interaction-icon-hover-on-bg: #00005f;
  --color-interaction-icon-hover-on-dark: #00005f;
  --color-interaction-icon-active-base: #092867;
  --color-interaction-icon-active-on-bg: #00005f;
  --color-interaction-icon-active-on-dark: #00005f;
  --color-interaction-icon-disabled-base: #71777e;
  --color-interaction-icon-disabled-on-bg: #676d74;
  --color-interaction-icon-focus-on-bg: #00005f;
  --color-interaction-focus-default: #0d3a93;
  --color-interaction-component-button-background-hover: color-mix(
    in srgb,
    #cfd8e9 30%,
    transparent 70%
  );
  --color-interaction-component-button-background-active: color-mix(
    in srgb,
    #cfd8e9 50%,
    transparent 50%
  );
  --color-interaction-component-header-button-background: color-mix(
    in srgb,
    #fff 0%,
    transparent 100%
  );
  --color-interaction-component-header-button-border-color: #d6d8da;
  --color-interaction-component-header-icon-default-color: #d6d8da;
  --color-interaction-component-header-icon-disabled-color: #d6d8da;
  --color-interaction-component-toggle-input-default: #d6d8da;
  --color-interaction-component-toggle-input-hover: #c2c5c7;
  --color-interaction-component-toggle-input-selected: #7a93c4;
  --color-interaction-component-product-card-favorites-hover: #bbe7f9;
  --color-interaction-component-product-card-favorites-active: #88d5f4;
  --color-marketing-background-discount: #d70000;
  --color-marketing-background-feature: #ffc800;
  --color-marketing-background-information: #55c3f0;
  --color-marketing-icon-onbg-default: #fff;
  --color-marketing-icon-onbg-inverted: #00005f;
  --color-marketing-text-onbg-default: #fff;
  --color-marketing-text-onbg-inverted: #00005f;
  --color-marketing-text-discount: #d70000;
  --color-marketing-content-brand-primary01: #00005f;
  --color-marketing-content-brand-primary02: #55c3f0;
  --color-marketing-content-brand-event-option01: #cbdb2a;
  --color-marketing-content-brand-event-option02: #4fad4f;
  --color-marketing-content-brand-event-option03: #1a6947;
  --color-success-background-base: #d3e7cc;
  --color-success-background-bold: #258900;
  --color-success-border-base: #258900;
  --color-success-text-base: #258900;
  --color-success-text-on-bg: color-mix(in srgb, #258900 80%, #000 20%);
  --color-success-icon-base: #258900;
  --color-success-icon-on-bg: color-mix(in srgb, #258900 80%, #000 20%);
  --color-surface-background-subtle: #e6ebf4;
  --color-surface-background-base: #fff;
  --color-surface-background-overlay-base: color-mix(
    in srgb,
    #fff 10%,
    transparent 90%
  );
  --color-surface-background-product-list-item-backdrop: color-mix(
    in srgb,
    #fff 10%,
    transparent 90%
  );
  --color-surface-background-header-base: #00005f;
  --color-surface-background-scrollbar-base: #7b8187;
  --color-surface-border-base: #d6d8da;
  --color-surface-icon-base: #71777e;
  --opacity-image-disabled: 50%;
  --radius-interaction-focus: 4px;
  --radius-surface-badge-container: 9999px;
  --radius-surface-breadcrumb-container: 9999px;
  --radius-surface-button-rectangular: 8px;
  --radius-surface-button-circular: 9999px;
  --radius-surface-checkbox-input: 4px;
  --radius-surface-chips-pill: 9999px;
  --radius-surface-chips-chunky: 12px;
  --radius-surface-drawer-xxs: 24px;
  --radius-surface-drawer-s: 32px;
  --radius-surface-dropdown-container: 18px;
  --radius-surface-header-a11y-skip: 4px;
  --radius-surface-header-search: 24px;
  --radius-surface-header-link-container: 8px;
  --radius-surface-header-link-border: 9999px;
  --radius-surface-image-container: 0;
  --radius-surface-label-main: 9999px;
  --radius-surface-label-marketing: 9999px;
  --radius-surface-label-info: 9999px;
  --radius-surface-list-item-content-image: 8px;
  --radius-surface-list-item-menu-image: 8px;
  --radius-surface-list-item-menu-container: 10px;
  --radius-surface-overlay-box-teaser-overlay-box-xxs: 16px;
  --radius-surface-overlay-box-teaser-overlay-box-l: 20px;
  --radius-surface-overlay-box-teaser-image-xxs: 24px;
  --radius-surface-overlay-box-teaser-image-s: 28px;
  --radius-surface-overlay-box-teaser-image-l: 32px;
  --radius-surface-product-card-container: 0;
  --radius-surface-product-card-favorites: 9999px;
  --radius-surface-promotion-card-none: 0;
  --radius-surface-promotion-card-xxs: 12px;
  --radius-surface-promotion-card-s: 16px;
  --radius-surface-promotion-card-l: 16px;
  --radius-surface-promotion-card-m: 20px;
  --radius-surface-promotion-card-xl: 20px;
  --radius-surface-promotion-card-xxl: 24px;
  --radius-surface-quantity-input-rectangular: 8px;
  --radius-surface-quantity-input-circular: 9999px;
  --radius-surface-radio-button-input: 9999px;
  --radius-surface-scroll-base: 9999px;
  --radius-surface-segmented-control-container: 9999px;
  --radius-surface-table-container: 20px;
  --radius-surface-table-none: 0px;
  --radius-surface-table-head-xxs: 4px;
  --radius-surface-table-head-l: 6px;
  --radius-surface-table-body-xxs: 6px;
  --radius-surface-table-body-l: 8px;
  --radius-surface-toast-message-container: 8px;
  --radius-surface-tooltip-container: 8px;
  --radius-surface-toggle-input: 16px;
  --radius-surface-toggle-handle: 9999px;
  --sizing-surface-width-icon-small: 16px;
  --sizing-surface-width-icon-base: 24px;
  --sizing-surface-width-icon-large: 32px;
  --sizing-surface-width-icon-text-ratio: 1.33em;
  --sizing-surface-width-accordion-icon: 28px;
  --sizing-surface-width-accordion-text: 480px;
  --sizing-surface-width-badge-icon: 6px;
  --sizing-surface-width-badge-container: 20px;
  --sizing-surface-width-breadcrumb-separator: 12px;
  --sizing-surface-width-button-square: 48px;
  --sizing-surface-width-button-circle: 52px;
  --sizing-surface-width-button-min: 120px;
  --sizing-surface-width-checkbox-icon: 20px;
  --sizing-surface-width-checkbox-input: 24px;
  --sizing-surface-width-chips-image: 48px;
  --sizing-surface-width-drawer-container: 480px;
  --sizing-surface-width-header-icon: 40px;
  --sizing-surface-width-header-logo: 50px;
  --sizing-surface-width-label-icon-small: 14px;
  --sizing-surface-width-label-icon-medium: 16px;
  --sizing-surface-width-label-icon-large: 18px;
  --sizing-surface-width-list-item-image: 48px;
  --sizing-surface-width-overlay-box-teaser-min-xxs: 272px;
  --sizing-surface-width-overlay-box-teaser-min-xs: 312px;
  --sizing-surface-width-overlay-box-teaser-min-s: 488px;
  --sizing-surface-width-overlay-box-teaser-min-m: 696px;
  --sizing-surface-width-overlay-box-teaser-min-l: 896px;
  --sizing-surface-width-overlay-box-teaser-min-xl: 1112px;
  --sizing-surface-width-overlay-box-teaser-min-xxl: 1400px;
  --sizing-surface-width-overlay-box-teaser-max-xxs: 311px;
  --sizing-surface-width-overlay-box-teaser-max-xs: 503px;
  --sizing-surface-width-overlay-box-teaser-max-s: 695px;
  --sizing-surface-width-overlay-box-teaser-max-m: 927px;
  --sizing-surface-width-overlay-box-teaser-max-l: 1127px;
  --sizing-surface-width-overlay-box-teaser-max-xl: 1415px;
  --sizing-surface-width-overlay-box-teaser-overlay-box-max-xxs: 440px;
  --sizing-surface-width-overlay-box-teaser-overlay-box-max-s: 384px;
  --sizing-surface-width-overlay-box-teaser-overlay-box-max-l: 544px;
  --sizing-surface-width-product-card-image: 100%;
  --sizing-surface-width-product-list-item-image: 64px;
  --sizing-surface-width-product-list-item-price-xxs: none;
  --sizing-surface-width-product-list-item-price-xs: 64px;
  --sizing-surface-width-promotion-card-full: 100%;
  --sizing-surface-width-quantity-input-input: 22px;
  --sizing-surface-width-quantity-input-min: 128px;
  --sizing-surface-width-radio-button-icon: 12px;
  --sizing-surface-width-radio-button-input: 24px;
  --sizing-surface-width-scroll-base: 8px;
  --sizing-surface-width-segmented-control-icon: 18px;
  --sizing-surface-width-table-min: 320px;
  --sizing-surface-width-text-link-icon: 20px;
  --sizing-surface-width-toggle-handle: 24px;
  --sizing-surface-width-toggle-input: 52px;
  --sizing-surface-width-tooltip-arrow: 16px;
  --sizing-surface-width-tooltip-text-max: 240px;
  --sizing-surface-height-icon-small: 16px;
  --sizing-surface-height-icon-base: 24px;
  --sizing-surface-height-icon-large: 32px;
  --sizing-surface-height-icon-text-ratio: 1.33em;
  --sizing-surface-height-accordion-icon: 28px;
  --sizing-surface-height-badge-icon: 6px;
  --sizing-surface-height-badge-container: 20px;
  --sizing-surface-height-breadcrumb-separator: 12px;
  --sizing-surface-height-button-xs: 48px;
  --sizing-surface-height-button-square: 48px;
  --sizing-surface-height-button-circle: 52px;
  --sizing-surface-height-checkbox-icon: 20px;
  --sizing-surface-height-checkbox-input: 24px;
  --sizing-surface-height-chips-pill: 40px;
  --sizing-surface-height-drawer-max-xxs: 94vh;
  --sizing-surface-height-drawer-max-s: 100vh;
  --sizing-surface-height-dropdown-max: 80vh;
  --sizing-surface-height-header-link: 2px;
  --sizing-surface-height-header-icon: 40px;
  --sizing-surface-height-header-logo: 60px;
  --sizing-surface-height-input-text-input-field-xxs: 56px;
  --sizing-surface-height-input-text-input-field-l: 64px;
  --sizing-surface-height-label-icon-small: 14px;
  --sizing-surface-height-label-icon-medium: 16px;
  --sizing-surface-height-label-icon-large: 18px;
  --sizing-surface-height-list-item-menu-min: 64px;
  --sizing-surface-height-list-item-content-min: 89px;
  --sizing-surface-height-product-card-brandname: 12px;
  --sizing-surface-height-product-card-par-weight: 14px;
  --sizing-surface-height-product-card-label: 20px;
  --sizing-surface-height-product-card-product-name: 50px;
  --sizing-surface-height-quantity-input-rectangular: 48px;
  --sizing-surface-height-quantity-input-circular: 52px;
  --sizing-surface-height-radio-button-icon: 12px;
  --sizing-surface-height-radio-button-input: 24px;
  --sizing-surface-height-scroll-base: 180px;
  --sizing-surface-height-segmented-control-icon: 18px;
  --sizing-surface-height-segmented-control-standalone-xxs: 40px;
  --sizing-surface-height-segmented-control-standalone-s: 42px;
  --sizing-surface-height-segmented-control-integrated-xxs: 36px;
  --sizing-surface-height-segmented-control-integrated-l: 40px;
  --sizing-surface-height-text-link-icon: 20px;
  --sizing-surface-height-text-link-min-xxs: 20px;
  --sizing-surface-height-text-link-min-l: 24px;
  --sizing-surface-height-toast-message-min-xxs: 48px;
  --sizing-surface-height-toast-message-min-l: 64px;
  --sizing-surface-height-toggle-handle: 24px;
  --sizing-surface-height-toggle-input: 32px;
  --sizing-surface-height-tooltip-arrow: 8px;
  --typography-interaction-button-font-family: "ALDI SUED VF";
  --typography-interaction-button-font-weight: 400;
  --typography-interaction-button-font-size: 1.125rem;
  --typography-interaction-button-line-height: 24px;
  --typography-interaction-button-letter-spacing: 0.015em;
  --border-width-interaction-default: 1px;
  --border-width-interaction-hover: 2px;
  --border-width-interaction-active: 2px;
  --border-width-interaction-error: 2px;
  --border-width-interaction-disabled: 1px;
  --border-width-interaction-focus: 3px;
  --border-width-surface-balance-icon-inverse: 0.2px;
  --border-width-surface-button-secondary: 1px;
  --border-width-surface-quantity-input-input-default: 1.4px;
  --border-width-surface-quantity-input-input-disabled: 1.4px;
  --border-width-surface-segmented-control: 1px;
  --elevation-layout-box-shadow-low-x: 0px;
  --elevation-layout-box-shadow-low-y: 3px;
  --elevation-layout-box-shadow-low-blur: 9px;
  --elevation-layout-box-shadow-low-spread: 0px;
  --elevation-layout-box-shadow-low-color: rgba(20, 67, 144, 0.08);
  --elevation-layout-box-shadow-low-type: dropShadow;
  --elevation-layout-box-shadow-raised-x: 0px;
  --elevation-layout-box-shadow-raised-y: 3px;
  --elevation-layout-box-shadow-raised-blur: 16px;
  --elevation-layout-box-shadow-raised-spread: 0px;
  --elevation-layout-box-shadow-raised-color: rgba(13, 58, 147, 0.12);
  --elevation-layout-box-shadow-raised-type: innerShadow;
  --elevation-layout-box-shadow-elevated-1-x: 0px;
  --elevation-layout-box-shadow-elevated-1-y: 2px;
  --elevation-layout-box-shadow-elevated-1-blur: 8px;
  --elevation-layout-box-shadow-elevated-1-spread: 0px;
  --elevation-layout-box-shadow-elevated-1-color: rgba(13, 58, 147, 0.07);
  --elevation-layout-box-shadow-elevated-1-type: dropShadow;
  --elevation-layout-box-shadow-elevated-2-x: 0px;
  --elevation-layout-box-shadow-elevated-2-y: 3px;
  --elevation-layout-box-shadow-elevated-2-blur: 28px;
  --elevation-layout-box-shadow-elevated-2-spread: -1px;
  --elevation-layout-box-shadow-elevated-2-color: rgba(13, 58, 147, 0.12);
  --elevation-layout-box-shadow-elevated-2-type: dropShadow;
  --elevation-layout-box-shadow-floating-1-x: 0px;
  --elevation-layout-box-shadow-floating-1-y: 2px;
  --elevation-layout-box-shadow-floating-1-blur: 6px;
  --elevation-layout-box-shadow-floating-1-spread: 0px;
  --elevation-layout-box-shadow-floating-1-color: rgba(13, 58, 147, 0.16);
  --elevation-layout-box-shadow-floating-1-type: dropShadow;
  --elevation-layout-box-shadow-floating-2-x: 0px;
  --elevation-layout-box-shadow-floating-2-y: 6px;
  --elevation-layout-box-shadow-floating-2-blur: 36px;
  --elevation-layout-box-shadow-floating-2-spread: -2px;
  --elevation-layout-box-shadow-floating-2-color: rgba(13, 58, 147, 0.15);
  --elevation-layout-box-shadow-floating-2-type: innerShadow;
  --position-layout-alignment-baseline-align-items: baseline;
  --position-layout-alignment-start-text-align: start;
  --position-layout-alignment-end-align-items: end;
  --position-layout-alignment-center-align-items: center;
  --position-layout-flex-direction-row-flex-direction: row;
  --position-layout-flex-direction-column-flex-direction: column;
  --aspect-ratio-surface-square: 1;
  --aspect-ratio-surface-landscape-4to3: 0.75;
  --aspect-ratio-surface-landscape-16to9: 0.56;
  --aspect-ratio-surface-landscape-2to1: 0.5;
  --aspect-ratio-surface-landscape-21to9: 0.43;
  --aspect-ratio-surface-landscape-3to1: 0.33;
  --aspect-ratio-surface-landscape-4to1: 0.25;
  --aspect-ratio-surface-portrait-3to4: 1.33;
  --aspect-ratio-surface-portrait-9to16: 1.78;
  --blur-surface-background-blur-standard: 12px;
  --font-weight-surface-balance-inverse: 460;
  --font-font-family-base: "ALDI SUED VF";
  --font-weight-headline: 700;
  --font-weight-bodycopy: 400;
  --font-weight-inverse: 460;
  --font-line-height-headline-loose: 140%;
  --font-line-height-headline-moderate: 130%;
  --font-line-height-headline-compact: 120%;
  --font-line-height-headline-tight: 115%;
  --font-line-height-headline-5xs: 22px;
  --font-line-height-headline-4xs: 26px;
  --font-line-height-headline-3xs: 28px;
  --font-line-height-headline-2xs: 30px;
  --font-line-height-headline-xs: 34px;
  --font-line-height-headline-s: 34px;
  --font-line-height-headline-m: 36px;
  --font-line-height-headline-l: 42px;
  --font-line-height-headline-xl: 44px;
  --font-line-height-headline-2xl: 48px;
  --font-line-height-headline-3xl: 58px;
  --font-line-height-headline-4xl: 68px;
  --font-line-height-headline-5xl: 82px;
  --font-line-height-bodycopy-base: 155%;
  --font-line-height-bodycopy-2xs: 17px;
  --font-line-height-bodycopy-xs: 18px;
  --font-line-height-bodycopy-s: 22px;
  --font-line-height-bodycopy-m: 24px;
  --font-line-height-bodycopy-l: 28px;
  --font-line-height-bodycopy-xl: 32px;
  --font-line-height-bodycopy-2xl: 34px;
  --font-line-height-single-line: 100%;
  --font-line-height-content-table: 20px;
  --font-line-height-input-control-mobile: 24px;
  --font-line-height-input-control-desktop: 28px;
  --font-line-height-input-form-field-mobile: 28px;
  --font-line-height-input-form-field-desktop: 32px;
  --font-line-height-input-form-field-label-populated-mobile: 20px;
  --font-line-height-input-form-field-label-populated-desktop: 22px;
  --font-line-height-navigation-header-meta-navigation: 12px;
  --font-line-height-navigation-header-search: 40px;
  --font-line-height-status-badge: 14px;
  --font-line-height-status-toast-message: 28px;
  --font-line-height-status-support-text-mobile: 18px;
  --font-line-height-status-support-text-desktop: 20px;
  --font-line-height-product-product-card-product-name: 24px;
  --font-line-height-product-product-card-par-weight-mobile: 12px;
  --font-line-height-product-product-card-par-weight-desktop: 14px;
  --font-line-height-product-product-list-item-action: 24px;
  --font-line-height-product-product-list-item-par-weight: 18px;
  --font-line-height-product-product-list-item-product-name: 24px;
  --font-tracking-headline: 0.01em;
  --font-tracking-bodycopy-base: 0.015em;
  --font-tracking-bodycopy-expanded: 0.021em;
  --font-tracking-bodycopy-extended: 0.022000000000000002em;
  --font-tracking-input-form-field-label: 0.01em;
  --font-tracking-navigation-header-service-selection: 0.021em;
  --font-tracking-navigation-header-meta-navigation: 0.022000000000000002em;
  --font-tracking-product-product-list-item-action: 0em;
  --font-tracking-product-product-list-item-brand-name: 0.2em;
  --font-tracking-product-product-list-item-label: 0.022000000000000002em;
  --font-tracking-product-product-list-item-par-weight: 0.022000000000000002em;
  --font-tracking-product-product-list-item-price: 0.022000000000000002em;
  --font-tracking-product-product-card-par-weight: 0.022000000000000002em;
  --font-case-bodycopy: none;
  --font-case-headline-base: none;
  --font-case-headline-emphasis: uppercase;
  --font-case-product-brand-name: uppercase;
  --font-font-size-headline-5xs: 1rem;
  --font-font-size-headline-4xs: 1.125rem;
  --font-font-size-headline-3xs: 1.25rem;
  --font-font-size-headline-2xs: 1.375rem;
  --font-font-size-headline-xs: 1.5rem;
  --font-font-size-headline-s: 1.625rem;
  --font-font-size-headline-m: 1.75rem;
  --font-font-size-headline-l: 2rem;
  --font-font-size-headline-xl: 2.125rem;
  --font-font-size-headline-2xl: 2.5rem;
  --font-font-size-headline-3xl: 3rem;
  --font-font-size-headline-4xl: 3.5rem;
  --font-font-size-headline-5xl: 4.5rem;
  --font-font-size-bodycopy-2xs: 0.6875rem;
  --font-font-size-bodycopy-xs: 0.75rem;
  --font-font-size-bodycopy-s: 0.875rem;
  --font-font-size-bodycopy-m: 1rem;
  --font-font-size-bodycopy-l: 1.125rem;
  --font-font-size-bodycopy-xl: 1.25rem;
  --font-font-size-bodycopy-2xl: 1.375rem;
  --font-font-size-action-button: 1.125rem;
  --font-font-size-input-control-mobile: 1rem;
  --font-font-size-input-control-desktop: 1.125rem;
  --font-font-size-input-form-field-mobile: 1.125rem;
  --font-font-size-input-form-field-desktop: 1.25rem;
  --font-font-size-input-form-field-label-populated-mobile: 0.875rem;
  --font-font-size-input-form-field-label-populated-desktop: 1rem;
  --font-font-size-navigation-header-search: 1.5rem;
  --font-font-size-status-badge: 0.875rem;
  --font-font-size-status-toast-message: 1.125rem;
  --font-font-size-status-support-text-mobile: 0.75rem;
  --font-font-size-status-support-text-desktop: 0.875rem;
  --font-font-size-status-label-marketing-small: 0.75rem;
  --font-font-size-status-label-marketing-large: 0.875rem;
  --font-font-size-status-label-main-small: 0.875rem;
  --font-font-size-status-label-main-large: 1rem;
  --font-font-size-status-label-info-small: 0.875rem;
  --font-font-size-status-label-info-large: 1rem;
  --font-font-size-product-product-card-product-name: 1.25rem;
  --font-font-size-product-product-card-par-weight-mobile: 0.75rem;
  --font-font-size-product-product-card-par-weight-desktop: 0.875rem;
  --font-font-size-product-product-list-item-action: 1rem;
  --font-font-size-product-product-list-item-par-weight: 0.75rem;
  --font-font-size-product-product-list-item-product-name: 1.125rem;
  --font-paragraph-spacing-bodycopy-none: 0px;
  --font-paragraph-spacing-bodycopy-base: 16px;
  --font-paragraph-spacing-bodycopy-bullet: 24px;
  --font-alignment-bodycopy-left-text-align: start;
  --font-alignment-bodycopy-right-text-align: end;
  --font-max-width-small: 480px;
  --font-max-width-large: 640px;
  --font-min-width-small: 224px;
  --font-min-width-large: 400px;
  --tooltip-text-default-typography-text-decoration: none;
  --tooltip-text-default-typography-paragraph-indent: none;
  --toggle-text-default-typography-text-decoration: none;
  --toggle-text-default-typography-paragraph-indent: none;
  --toast-message-text-default-typography-text-decoration: none;
  --toast-message-text-default-typography-paragraph-indent: none;
  --disclaimer-large-text-decoration: none;
  --disclaimer-large-paragraph-indent: none;
  --disclaimer-large-paragraph-spacing: none;
  --paragraph-large-text-decoration: none;
  --paragraph-large-paragraph-indent: none;
  --paragraph-large-paragraph-spacing: none;
  --paragraph-small-text-decoration: none;
  --paragraph-small-paragraph-indent: none;
  --paragraph-small-paragraph-spacing: none;
  --display-large-text-decoration: none;
  --display-large-paragraph-indent: none;
  --display-large-paragraph-spacing: none;
  --display-medium-text-decoration: none;
  --display-medium-paragraph-indent: none;
  --display-medium-paragraph-spacing: none;
  --display-small-text-decoration: none;
  --display-small-paragraph-indent: none;
  --display-small-paragraph-spacing: none;
  --subhead-large-text-decoration: none;
  --subhead-large-paragraph-indent: none;
  --subhead-large-paragraph-spacing: none;
  --module-large-paragraph-spacing: none;
  --module-large-paragraph-indent: none;
  --module-large-text-decoration: none;
  --module-small-paragraph-spacing: none;
  --module-small-paragraph-indent: none;
  --module-small-text-decoration: none;
  --title-large-paragraph-spacing: none;
  --title-large-paragraph-indent: none;
  --title-large-text-decoration: none;
  --title-medium-paragraph-spacing: none;
  --title-medium-paragraph-indent: none;
  --title-medium-text-decoration: none;
  --title-small-paragraph-spacing: none;
  --title-small-paragraph-indent: none;
  --title-small-text-decoration: none;
  --text-link-text-only-default-typography-paragraph-spacing: 0;
  --text-link-text-only-default-typography-paragraph-indent: none;
  --text-link-text-only-default-typography-text-decoration: underline;
  --text-link-text-default-typography-paragraph-spacing: 0;
  --text-link-text-default-typography-text-decoration: none;
  --text-link-text-default-typography-paragraph-indent: none;
  --list-sub-bullet-default-typography-text-decoration: none;
  --list-sub-bullet-default-typography-paragraph-indent: none;
  --list-sub-text-default-typography-text-decoration: none;
  --list-sub-text-default-typography-paragraph-indent: none;
  --list-sub-text-default-typography-paragraph-spacing: none;
  --list-parent-bullet-default-typography-text-decoration: none;
  --list-parent-bullet-default-typography-paragraph-indent: none;
  --list-parent-text-default-typography-text-decoration: none;
  --list-parent-text-default-typography-paragraph-indent: none;
  --list-parent-text-default-typography-paragraph-spacing: none;
  --bodycopy-disclaimer-large-text-default-typography-text-decoration: none;
  --bodycopy-disclaimer-large-text-default-typography-paragraph-indent: none;
  --bodycopy-disclaimer-large-text-default-typography-paragraph-spacing: none;
  --bodycopy-paragraph-small-text-default-typography-text-decoration: none;
  --bodycopy-paragraph-small-text-default-typography-paragraph-indent: none;
  --bodycopy-paragraph-small-text-default-typography-paragraph-spacing: none;
  --bodycopy-paragraph-large-text-default-typography-text-decoration: none;
  --bodycopy-paragraph-large-text-default-typography-paragraph-indent: none;
  --bodycopy-paragraph-large-text-default-typography-paragraph-spacing: none;
  --bodycopy-subhead-large-text-default-typography-text-decoration: none;
  --bodycopy-subhead-large-text-default-typography-paragraph-indent: none;
  --bodycopy-subhead-large-text-default-typography-paragraph-spacing: none;
  --heading-title-small-text-default-typography-paragraph-spacing: none;
  --heading-title-small-text-default-typography-paragraph-indent: none;
  --heading-title-small-text-default-typography-text-decoration: none;
  --heading-title-medium-text-default-typography-paragraph-spacing: none;
  --heading-title-medium-text-default-typography-paragraph-indent: none;
  --heading-title-medium-text-default-typography-text-decoration: none;
  --heading-title-large-text-default-typography-paragraph-spacing: none;
  --heading-title-large-text-default-typography-paragraph-indent: none;
  --heading-title-large-text-default-typography-text-decoration: none;
  --heading-module-small-text-default-typography-paragraph-spacing: none;
  --heading-module-small-text-default-typography-paragraph-indent: none;
  --heading-module-small-text-default-typography-text-decoration: none;
  --heading-module-large-text-default-typography-paragraph-spacing: none;
  --heading-module-large-text-default-typography-paragraph-indent: none;
  --heading-module-large-text-default-typography-text-decoration: none;
  --heading-display-small-text-default-typography-text-decoration: none;
  --heading-display-small-text-default-typography-paragraph-indent: none;
  --heading-display-small-text-default-typography-paragraph-spacing: none;
  --heading-display-medium-text-default-typography-text-decoration: none;
  --heading-display-medium-text-default-typography-paragraph-indent: none;
  --heading-display-medium-text-default-typography-paragraph-spacing: none;
  --heading-display-large-text-default-typography-text-decoration: none;
  --heading-display-large-text-default-typography-paragraph-indent: none;
  --heading-display-large-text-default-typography-paragraph-spacing: none;
  --table-body-default-typography-text-decoration: none;
  --table-body-default-typography-paragraph-indent: none;
  --table-right-default-typography-text-align: end;
  --table-header-default-typography-text-decoration: none;
  --table-header-default-typography-paragraph-indent: none;
  --select-support-text-text-default-typography-text-decoration: none;
  --select-support-text-text-default-typography-paragraph-indent: none;
  --select-support-text-text-default-typography-paragraph-spacing: none;
  --select-input-field-label-floating-default-typography-text-decoration: none;
  --select-input-field-label-floating-default-typography-paragraph-indent: none;
  --select-input-field-label-floating-default-typography-paragraph-spacing: none;
  --select-input-field-container-text-default-typography-text-decoration: none;
  --select-input-field-container-text-default-typography-paragraph-indent: none;
  --select-input-field-container-text-default-typography-paragraph-spacing: none;
  --select-input-field-container-placeholder-default-typography-text-decoration: none;
  --select-input-field-container-placeholder-default-typography-paragraph-indent: none;
  --select-input-field-container-placeholder-default-typography-paragraph-spacing: none;
  --select-input-field-container-label-default-typography-text-decoration: none;
  --select-input-field-container-label-default-typography-paragraph-indent: none;
  --select-input-field-container-label-default-typography-paragraph-spacing: none;
  --segmented-control-on-dark-integrated-text-default-typography-text-decoration: none;
  --segmented-control-on-dark-integrated-text-default-typography-paragraph-indent: none;
  --segmented-control-on-dark-standalone-text-selected-typography-text-decoration: none;
  --segmented-control-on-dark-standalone-text-selected-typography-paragraph-indent: none;
  --segmented-control-integrated-text-default-typography-text-decoration: none;
  --segmented-control-integrated-text-default-typography-paragraph-indent: none;
  --segmented-control-standalone-text-default-typography-text-decoration: none;
  --segmented-control-standalone-text-default-typography-paragraph-indent: none;
  --radio-button-text-default-typography-text-decoration: none;
  --radio-button-text-default-typography-paragraph-indent: none;
  --quantity-input-default-spacing: AUTO;
  --quantity-input-input-text-default-typography-text-decoration: none;
  --quantity-input-input-text-default-typography-paragraph-indent: none;
  --quantity-input-input-text-default-typography-paragraph-spacing: none;
  --promotion-card-horizontal-default-direction-flex-direction: column;
  --promotion-card-content-default-alignment-align-items: center;
  --promotion-card-vertical-default-direction-flex-direction: column;
  --product-list-item-flyout-main-par-weight-default-typography-text-decoration: none;
  --product-list-item-flyout-main-par-weight-default-typography-paragraph-indent: none;
  --product-list-item-flyout-main-product-name-default-typography-text-decoration: none;
  --product-list-item-flyout-main-product-name-default-typography-paragraph-indent: none;
  --product-list-item-flyout-main-product-name-default-typography-paragraph-spacing: none;
  --product-list-item-commerce-status-text-default-typography-text-decoration: none;
  --product-list-item-commerce-status-text-default-typography-paragraph-indent: none;
  --product-list-item-commerce-status-text-default-typography-paragraph-spacing: none;
  --product-list-item-commerce-main-par-weight-default-typography-text-decoration: none;
  --product-list-item-commerce-main-par-weight-default-typography-paragraph-indent: none;
  --product-list-item-commerce-main-product-name-default-typography-text-decoration: none;
  --product-list-item-commerce-main-product-name-default-typography-paragraph-indent: none;
  --product-list-item-commerce-main-product-name-default-typography-paragraph-spacing: none;
  --product-list-item-commerce-main-image-disabled-opacity: 50%;
  --product-list-item-commerce-main-image-default-opacity: 100%;
  --product-list-item-commerce-main-default-direction-flex-direction: row;
  --product-card-par-weight-default-typography-text-decoration: none;
  --product-card-par-weight-default-typography-paragraph-indent: none;
  --product-card-product-name-default-typography-text-decoration: none;
  --product-card-product-name-default-typography-paragraph-indent: none;
  --product-card-product-name-default-typography-paragraph-spacing: none;
  --product-card-favorites-default-background-color: none;
  --price-standalone-default-alignment-align-items: baseline;
  --price-standalone-discount-default-typography-paragraph-indent: none;
  --price-standalone-discount-default-typography-text-decoration: line-through;
  --price-standalone-rrp-default-typography-text-decoration: none;
  --price-standalone-rrp-default-typography-paragraph-indent: none;
  --price-standalone-deposit-default-typography-text-decoration: none;
  --price-standalone-deposit-default-typography-paragraph-indent: none;
  --price-standalone-weight-default-typography-text-decoration: none;
  --price-standalone-weight-default-typography-paragraph-indent: none;
  --price-standalone-price-value-default-alignment-align-items: baseline;
  --price-standalone-price-value-default-typography-text-decoration: none;
  --price-standalone-price-value-default-typography-paragraph-indent: none;
  --price-standalone-price-value-default-typography-paragraph-spacing: none;
  --price-integrated-default-alignment-align-items: baseline;
  --price-integrated-discount-default-typography-paragraph-indent: none;
  --price-integrated-discount-default-typography-font-variant-numeric: lining-nums
    tabular-nums;
  --price-integrated-discount-default-typography-text-decoration: line-through;
  --price-integrated-rrp-default-typography-text-decoration: none;
  --price-integrated-rrp-default-typography-paragraph-indent: none;
  --price-integrated-deposit-default-typography-text-decoration: none;
  --price-integrated-deposit-default-typography-paragraph-indent: none;
  --price-integrated-weight-default-typography-font-variant-numeric: lining-nums
    tabular-nums;
  --price-integrated-price-value-default-alignment-align-items: baseline;
  --price-integrated-price-value-default-typography-text-decoration: none;
  --price-integrated-price-value-default-typography-paragraph-indent: none;
  --overlay-box-teaser-bodycopy-default-typography-text-decoration: none;
  --overlay-box-teaser-bodycopy-default-typography-paragraph-indent: none;
  --overlay-box-teaser-headline-default-typography-text-decoration: none;
  --overlay-box-teaser-headline-default-typography-paragraph-indent: none;
  --option-chip-chunky-default-typography-text-decoration: none;
  --option-chip-chunky-default-typography-paragraph-indent: none;
  --option-chip-pill-default-typography-text-decoration: none;
  --option-chip-pill-default-typography-paragraph-indent: none;
  --list-item-content-text-body-default-typography-text-decoration: none;
  --list-item-content-text-body-default-typography-paragraph-indent: none;
  --list-item-content-text-headline-prominent-typography-text-decoration: none;
  --list-item-content-text-headline-prominent-typography-paragraph-indent: none;
  --list-item-content-text-headline-prominent-typography-paragraph-spacing: none;
  --list-item-content-text-headline-default-typography-text-decoration: none;
  --list-item-content-text-headline-default-typography-paragraph-indent: none;
  --list-item-menu-text-body-default-typography-text-decoration: none;
  --list-item-menu-text-body-default-typography-paragraph-indent: none;
  --list-item-menu-text-headline-prominent-typography-text-decoration: none;
  --list-item-menu-text-headline-prominent-typography-paragraph-indent: none;
  --list-item-menu-text-headline-prominent-typography-paragraph-spacing: none;
  --list-item-menu-text-headline-default-typography-text-decoration: none;
  --list-item-menu-text-headline-default-typography-paragraph-indent: none;
  --label-marketing-large-text-default-typography-text-decoration: none;
  --label-marketing-large-text-default-typography-paragraph-indent: none;
  --label-marketing-large-text-default-typography-paragraph-spacing: none;
  --label-marketing-small-text-default-typography-text-decoration: none;
  --label-marketing-small-text-default-typography-paragraph-indent: none;
  --label-info-large-default-typography-text-decoration: none;
  --label-info-large-default-typography-paragraph-indent: none;
  --label-info-large-default-typography-paragraph-spacing: none;
  --label-info-small-text-default-typography-text-decoration: none;
  --label-info-small-text-default-typography-paragraph-indent: none;
  --label-info-small-text-default-typography-paragraph-spacing: none;
  --label-status-large-text-default-typography-text-decoration: none;
  --label-status-large-text-default-typography-paragraph-indent: none;
  --label-status-small-text-default-typography-text-decoration: none;
  --label-status-small-text-default-typography-paragraph-indent: none;
  --input-text-support-text-default-typography-text-decoration: none;
  --input-text-support-text-default-typography-paragraph-indent: none;
  --input-text-support-text-default-typography-paragraph-spacing: none;
  --input-text-label-floating-default-typography-text-decoration: none;
  --input-text-label-floating-default-typography-paragraph-indent: none;
  --input-text-label-floating-default-typography-paragraph-spacing: none;
  --input-text-field-text-default-typography-text-decoration: none;
  --input-text-field-text-default-typography-paragraph-indent: none;
  --input-text-field-text-default-typography-paragraph-spacing: none;
  --info-chip-default-typography-text-decoration: none;
  --info-chip-default-typography-paragraph-indent: none;
  --header-search-input-text-default-typography-text-decoration: none;
  --header-search-input-text-default-typography-paragraph-indent: none;
  --header-search-input-placeholder-default-typography-text-decoration: none;
  --header-search-input-placeholder-default-typography-paragraph-indent: none;
  --header-topbar-service-selection-text-link-default-typography-paragraph-indent: none;
  --header-topbar-service-selection-text-link-default-typography-paragraph-spacing: none;
  --header-topbar-service-selection-text-link-default-typography-text-decoration: underline;
  --header-topbar-service-selection-text-default-typography-text-decoration: none;
  --header-topbar-service-selection-text-default-typography-paragraph-indent: none;
  --header-topbar-service-selection-text-default-typography-paragraph-spacing: none;
  --header-topbar-service-selection-disabled-opacity: 50%;
  --header-topbar-service-selection-default-opacity: 100%;
  --dropdown-default-shadow-2-type: dropShadow;
  --dropdown-default-shadow-2-color: rgba(13, 58, 147, 0.12);
  --dropdown-default-shadow-1-type: dropShadow;
  --dropdown-default-shadow-1-color: rgba(13, 58, 147, 0.07);
  --drawer-default-shadow-2-type: dropShadow;
  --drawer-default-shadow-2-color: rgba(13, 58, 147, 0.12);
  --drawer-default-shadow-1-type: dropShadow;
  --drawer-default-shadow-1-color: rgba(13, 58, 147, 0.07);
  --drawer-headline-text-default-typorgraphy-text-decoration: none;
  --drawer-headline-text-default-typorgraphy-paragraph-indent: none;
  --drawer-headline-text-default-typorgraphy-paragraph-spacing: none;
  --check-box-text-default-typography-text-decoration: none;
  --check-box-text-default-typography-paragraph-indent: none;
  --button-on-dark-secondary-default-background-color: transparent;
  --button-default-text-default-typography-text-decoration: none;
  --button-default-text-default-typography-paragraph-indent: none;
  --button-default-text-default-typography-paragraph-spacing: none;
  --breadcrumb-first-item-ellipsis-default-typography-paragraph-spacing: 0;
  --breadcrumb-first-item-ellipsis-default-typography-text-decoration: none;
  --breadcrumb-first-item-ellipsis-default-typography-paragraph-indent: none;
  --breadcrumb-text-default-typography-paragraph-spacing: 0;
  --breadcrumb-text-default-typography-text-decoration: none;
  --breadcrumb-text-default-typography-paragraph-indent: none;
  --badge-text-default-typography-text-decoration: none;
  --badge-text-default-typography-paragraph-indent: none;
  --badge-text-default-typography-paragraph-spacing: none;
  --action-chip-default-typography-text-decoration: none;
  --action-chip-default-typography-paragraph-indent: none;
  --accordion-header-text-default-typography-text-decoration: none;
  --accordion-header-text-default-typography-paragraph-indent: none;
  --accordion-header-text-default-typography-paragraph-spacing: none;
  --toggle-input-handle-disabled-background-color: var(
    --color-interaction-icon-disabled-on-bg
  );
  --module-large-text-case: var(--font-case-headline-emphasis);
  --module-small-text-case: var(--font-case-headline-emphasis);
  --list-sub-bullet-default-typography-letter-spacing: var(
    --typography-letterspacing-medium
  );
  --heading-module-small-text-default-typography-text-case: var(
    --font-case-headline-emphasis
  );
  --heading-module-large-text-default-typography-text-case: var(
    --font-case-headline-emphasis
  );
  --product-list-item-commerce-main-price-default-width: var(
    --sizing-surface-width-product-list-item-price-xxs
  );
  --product-list-item-commerce-main-product-name-default-typography-letter-spacing: var(
    --typography-letterspacing-small
  );
  --overlay-box-teaser-image-default-width: var(
    --sizing-width-relative-container-full
  );
  --overlay-box-teaser-default-width: var(
    --sizing-width-relative-container-full
  );
  --option-chip-chunky-default-typography-font-family: var(
    --typography-fontfamily-aldisued-vf
  );
  --info-chip-default-typography-font-size: var(--typography-fontsize-100);
  --dropdown-default-shadow-2-spread: calc(var(--dimension-5) * -1);
  --dropdown-default-shadow-2-blur: var(--dimension-110);
  --dropdown-default-shadow-2-y: var(--dimension-15);
  --dropdown-default-shadow-2-x: var(--dimension-0);
  --dropdown-default-shadow-1-spread: var(--dimension-0);
  --dropdown-default-shadow-1-blur: var(--dimension-40);
  --dropdown-default-shadow-1-y: var(--dimension-10);
  --dropdown-default-shadow-1-x: var(--dimension-0);
  --drawer-default-shadow-2-spread: calc(var(--dimension-5) * -1);
  --drawer-default-shadow-2-blur: var(--dimension-110);
  --drawer-default-shadow-2-y: var(--dimension-15);
  --drawer-default-shadow-2-x: var(--dimension-0);
  --drawer-default-shadow-1-spread: var(--dimension-0);
  --drawer-default-shadow-1-blur: var(--dimension-40);
  --drawer-default-shadow-1-y: var(--dimension-10);
  --drawer-default-shadow-1-x: var(--dimension-0);
  --tooltip-text-default-line-height: var(--font-line-height-bodycopy-s);
  --tooltip-text-default-font-size: var(--font-font-size-bodycopy-s);
  --tooltip-text-default-max-width: var(
    --sizing-surface-width-tooltip-text-max
  );
  --tooltip-text-default-typography-text-case: var(--font-case-bodycopy);
  --tooltip-text-default-typography-paragraph-spacing: var(
    --font-paragraph-spacing-bodycopy-base
  );
  --tooltip-text-default-typography-letter-spacing: var(
    --font-tracking-bodycopy-base
  );
  --tooltip-text-default-typography-font-weight: var(--font-weight-bodycopy);
  --tooltip-text-default-typography-font-family: var(--font-font-family-base);
  --tooltip-text-default-color: var(--color-informational-text-bodycopy);
  --tooltip-icon-default-width: var(--sizing-surface-width-icon-base);
  --tooltip-icon-default-height: var(--sizing-surface-height-icon-base);
  --tooltip-icon-default-color: var(--color-interaction-icon-default-base);
  --tooltip-arrow-default-padding-left: var(
    --spacing-layout-horizontal-padding-tooltip-arrow
  );
  --tooltip-arrow-default-padding-right: var(
    --spacing-layout-horizontal-padding-tooltip-arrow
  );
  --tooltip-arrow-default-width: var(--sizing-surface-width-tooltip-arrow);
  --tooltip-arrow-default-height: var(--sizing-surface-height-tooltip-arrow);
  --tooltip-arrow-default-background-color: var(
    --color-informational-tooltip-background-color
  );
  --tooltip-default-margin: var(
    --spacing-layout-margin-horizontal-tooltip-container
  );
  --tooltip-default-border-radius: var(--radius-surface-tooltip-container);
  --tooltip-default-gap-column: var(
    --spacing-layout-gap-column-icon-text-medium
  );
  --tooltip-default-horizontal-padding: var(
    --spacing-layout-horizontal-padding-tooltip-xxs
  );
  --tooltip-default-vertical-padding: var(
    --spacing-layout-vertical-padding-tooltip-xxs
  );
  --tooltip-default-background-color: var(
    --color-informational-tooltip-background-color
  );
  --toggle-default-item-spacing: var(
    --spacing-layout-gap-column-icon-text-xlarge
  );
  --toggle-text-default-line-height: var(--font-line-height-bodycopy-m);
  --toggle-text-default-font-size: var(--font-font-size-input-control-mobile);
  --toggle-text-default-typography-text-case: var(--font-case-bodycopy);
  --toggle-text-default-typography-paragraph-spacing: var(
    --font-paragraph-spacing-bodycopy-base
  );
  --toggle-text-default-typography-letter-spacing: var(
    --font-tracking-bodycopy-base
  );
  --toggle-text-default-typography-font-weight: var(--font-weight-bodycopy);
  --toggle-text-default-typography-font-family: var(--font-font-family-base);
  --toggle-input-focus-default-horizontal-padding: var(
    --spacing-layout-outline-offset-focus
  );
  --toggle-input-focus-default-vertical-padding: var(
    --spacing-layout-outline-offset-focus
  );
  --toggle-input-focus-default-border-width: var(
    --border-width-interaction-focus
  );
  --toggle-input-focus-default-border-color: var(
    --color-interaction-focus-default
  );
  --toggle-input-handle-active-background-color: var(
    --color-interaction-background-default-base
  );
  --toggle-input-handle-hover-background-color: var(
    --color-interaction-background-default-base
  );
  --toggle-input-handle-default-border-radius: var(
    --radius-surface-toggle-handle
  );
  --toggle-input-handle-default-width: var(
    --sizing-surface-width-toggle-handle
  );
  --toggle-input-handle-default-height: var(
    --sizing-surface-height-toggle-handle
  );
  --toggle-input-handle-default-background-color: var(
    --color-interaction-background-default-base
  );
  --toggle-input-selected-disabled-background-color: var(
    --color-interaction-background-disabled-base
  );
  --toggle-input-selected-active-background-color: var(
    --color-interaction-component-toggle-input-selected
  );
  --toggle-input-selected-hover-background-color: var(
    --color-interaction-component-toggle-input-selected
  );
  --toggle-input-selected-default-background-color: var(
    --color-interaction-background-active-subtle
  );
  --toggle-input-disabled-background-color: var(
    --color-interaction-background-disabled-base
  );
  --toggle-input-active-background-color: var(
    --color-interaction-component-toggle-input-hover
  );
  --toggle-input-hover-background-color: var(
    --color-interaction-component-toggle-input-hover
  );
  --toggle-input-default-background-color: var(
    --color-interaction-component-toggle-input-default
  );
  --toggle-input-default-border-radius: var(--radius-surface-toggle-input);
  --toggle-input-default-vertical-padding: var(
    --spacing-layout-vertical-padding-toggle-xxs
  );
  --toggle-input-default-horizontal-padding: var(
    --spacing-layout-horizontal-padding-toggle-xxs
  );
  --toggle-input-default-width: var(--sizing-surface-width-toggle-input);
  --toggle-input-default-height: var(--sizing-surface-height-toggle-input);
  --toast-message-text-default-typography-text-case: var(--font-case-bodycopy);
  --toast-message-text-default-typography-paragraph-spacing: var(
    --font-paragraph-spacing-bodycopy-none
  );
  --toast-message-text-default-typography-letter-spacing: var(
    --font-tracking-bodycopy-base
  );
  --toast-message-text-default-typography-line-height: var(
    --font-line-height-bodycopy-s
  );
  --toast-message-text-default-typography-font-size: var(
    --font-font-size-bodycopy-s
  );
  --toast-message-text-default-typography-font-weight: var(
    --font-weight-bodycopy
  );
  --toast-message-text-default-typography-font-family: var(
    --font-font-family-base
  );
  --toast-message-text-default-color: var(--color-informational-text-bodycopy);
  --toast-message-error-background-color: var(--color-error-background-base);
  --toast-message-success-background-color: var(
    --color-success-background-base
  );
  --toast-message-informational-background-color: var(
    --color-informational-background-base
  );
  --toast-message-default-min-height: var(
    --sizing-surface-height-toast-message-min-xxs
  );
  --toast-message-default-border-radius: var(
    --radius-surface-toast-message-container
  );
  --toast-message-default-margin-bottom: var(
    --spacing-layout-margin-vertical-toast-message-container
  );
  --toast-message-default-padding-bottom: var(
    --spacing-layout-vertical-padding-toast-message-xxs
  );
  --toast-message-default-padding-top: var(
    --spacing-layout-vertical-padding-toast-message-xxs
  );
  --toast-message-default-padding-right: var(
    --spacing-layout-horizontal-padding-toast-message-right-xxs
  );
  --toast-message-default-padding-left: var(
    --spacing-layout-horizontal-padding-toast-message-left-xxs
  );
  --toast-message-default-gap-column: var(
    --spacing-layout-gap-column-icon-text-large
  );
  --toast-message-icon-error-color: var(--color-error-icon-base);
  --toast-message-icon-success-color: var(--color-success-icon-base);
  --toast-message-icon-informational-color: var(
    --color-informational-icon-on-bg
  );
  --toast-message-icon-default-width: var(--sizing-surface-width-icon-base);
  --toast-message-icon-default-height: var(--sizing-surface-height-icon-base);
  --disclaimer-font-size-large: var(--font-font-size-bodycopy-xs);
  --disclaimer-line-height-large: var(--font-line-height-bodycopy-xs);
  --disclaimer-large-text-case: var(--font-case-bodycopy);
  --disclaimer-large-letter-spacing: var(--font-tracking-bodycopy-expanded);
  --disclaimer-large-font-weight: var(--font-weight-bodycopy);
  --disclaimer-large-font-family: var(--font-font-family-base);
  --paragraph-font-size-large: var(--font-font-size-bodycopy-m);
  --paragraph-font-size-small: var(--font-font-size-bodycopy-s);
  --paragraph-line-height-large: var(--font-line-height-bodycopy-m);
  --paragraph-line-height-small: var(--font-line-height-bodycopy-s);
  --paragraph-large-text-case: var(--font-case-bodycopy);
  --paragraph-large-letter-spacing: var(--font-tracking-bodycopy-base);
  --paragraph-large-font-weight: var(--font-weight-bodycopy);
  --paragraph-large-font-family: var(--font-font-family-base);
  --paragraph-small-text-case: var(--font-case-bodycopy);
  --paragraph-small-letter-spacing: var(--font-tracking-bodycopy-base);
  --paragraph-small-font-weight: var(--font-weight-bodycopy);
  --paragraph-small-font-family: var(--font-font-family-base);
  --display-line-height-large: var(--font-line-height-headline-3xl);
  --display-line-height-medium: var(--font-line-height-headline-2xl);
  --display-line-height-small: var(--font-line-height-headline-xl);
  --display-fontsize-large: var(--font-font-size-headline-3xl);
  --display-fontsize-medium: var(--font-font-size-headline-2xl);
  --display-fontsize-small: var(--font-font-size-headline-xl);
  --display-large-text-case: var(--font-case-headline-base);
  --display-large-letter-spacing: var(--font-tracking-headline);
  --display-large-font-weight: var(--font-weight-headline);
  --display-large-font-family: var(--font-font-family-base);
  --display-medium-text-case: var(--font-case-headline-base);
  --display-medium-letter-spacing: var(--font-tracking-headline);
  --display-medium-font-weight: var(--font-weight-headline);
  --display-medium-font-family: var(--font-font-family-base);
  --display-small-text-case: var(--font-case-headline-base);
  --display-small-letter-spacing: var(--font-tracking-headline);
  --display-small-font-weight: var(--font-weight-headline);
  --display-small-font-family: var(--font-font-family-base);
  --subhead-font-size-large: var(--font-font-size-bodycopy-xl);
  --subhead-line-height-large: var(--font-line-height-bodycopy-xl);
  --subhead-large-text-case: var(--font-case-bodycopy);
  --subhead-large-letter-spacing: var(--font-tracking-bodycopy-base);
  --subhead-large-font-weight: var(--font-weight-bodycopy);
  --subhead-large-font-family: var(--font-font-family-base);
  --module-line-height-large: var(--font-line-height-headline-m);
  --module-line-height-small: var(--font-line-height-headline-xs);
  --module-font-size-large: var(--font-font-size-headline-m);
  --module-font-size-small: var(--font-font-size-headline-xs);
  --module-large-font-family: var(--font-font-family-base);
  --module-large-letter-spacing: var(--font-tracking-headline);
  --module-large-font-weight: var(--font-weight-headline);
  --module-small-font-family: var(--font-font-family-base);
  --module-small-letter-spacing: var(--font-tracking-headline);
  --module-small-font-weight: var(--font-weight-headline);
  --title-line-height-large: var(--font-line-height-headline-3xs);
  --title-line-height-medium: var(--font-line-height-headline-4xs);
  --title-line-height-small: var(--font-line-height-headline-5xs);
  --title-font-size-large: var(--font-font-size-headline-3xs);
  --title-font-size-medium: var(--font-font-size-headline-4xs);
  --title-font-size-small: var(--font-font-size-headline-5xs);
  --title-large-font-family: var(--font-font-family-base);
  --title-large-text-case: var(--font-case-headline-base);
  --title-large-letter-spacing: var(--font-tracking-headline);
  --title-large-font-weight: var(--font-weight-headline);
  --title-medium-font-family: var(--font-font-family-base);
  --title-medium-text-case: var(--font-case-headline-base);
  --title-medium-letter-spacing: var(--font-tracking-headline);
  --title-medium-font-weight: var(--font-weight-headline);
  --title-small-font-family: var(--font-font-family-base);
  --title-small-text-case: var(--font-case-headline-base);
  --title-small-letter-spacing: var(--font-tracking-headline);
  --title-small-font-weight: var(--font-weight-headline);
  --text-link-icon-default-height: var(--sizing-surface-height-icon-text-ratio);
  --text-link-icon-default-width: var(--sizing-surface-width-icon-text-ratio);
  --text-link-focus-default-vertical-padding: var(
    --spacing-layout-outline-offset-focus
  );
  --text-link-focus-default-horizontal-padding: var(
    --spacing-layout-outline-offset-focus
  );
  --text-link-focus-default-border-width: var(--border-width-interaction-focus);
  --text-link-focus-default-border-radius: var(--radius-interaction-focus);
  --text-link-focus-default-border-color: var(
    --color-interaction-focus-default
  );
  --text-link-text-only-default-typography-text-case: var(--font-case-bodycopy);
  --text-link-text-only-default-typography-letter-spacing: var(
    --font-tracking-bodycopy-base
  );
  --text-link-text-only-default-typography-font-size: var(
    --font-font-size-bodycopy-m
  );
  --text-link-text-only-default-typography-line-height: var(
    --font-line-height-single-line
  );
  --text-link-text-only-default-typography-font-weight: var(
    --font-weight-bodycopy
  );
  --text-link-text-only-default-typography-font-family: var(
    --font-font-family-base
  );
  --text-link-text-disabled-color: var(--color-interaction-text-disabled-base);
  --text-link-text-active-color: var(--color-interaction-text-active-base);
  --text-link-text-hover-color: var(--color-interaction-text-hover-base);
  --text-link-text-default-typography-text-case: var(--font-case-bodycopy);
  --text-link-text-default-typography-letter-spacing: var(
    --font-tracking-bodycopy-base
  );
  --text-link-text-default-typography-font-size: var(
    --font-font-size-bodycopy-m
  );
  --text-link-text-default-typography-line-height: var(
    --font-line-height-single-line
  );
  --text-link-text-default-typography-font-weight: var(--font-weight-bodycopy);
  --text-link-text-default-typography-font-family: var(--font-font-family-base);
  --text-link-text-default-color: var(--color-interaction-text-default-base);
  --text-link-icon-trailing-disabled-color: var(
    --color-interaction-icon-disabled-base
  );
  --text-link-icon-trailing-active-color: var(
    --color-interaction-icon-active-base
  );
  --text-link-icon-trailing-hover-color: var(
    --color-interaction-icon-hover-base
  );
  --text-link-icon-trailing-default-color: var(
    --color-interaction-icon-default-base
  );
  --text-link-default-min-height: var(
    --sizing-surface-height-text-link-min-xxs
  );
  --text-link-default-item-spacing: var(
    --spacing-layout-gap-column-icon-text-small
  );
  --text-link-icon-leading-disabled-color: var(
    --color-interaction-icon-disabled-base
  );
  --text-link-icon-leading-active-color: var(
    --color-interaction-icon-active-base
  );
  --text-link-icon-leading-hover-color: var(
    --color-interaction-icon-hover-base
  );
  --text-link-icon-leading-default-color: var(
    --color-interaction-icon-default-base
  );
  --text-elements-min-width: var(--font-min-width-small);
  --text-elements-max-width: var(--font-max-width-small);
  --list-sub-bullet-default-line-height: var(--font-line-height-single-line);
  --list-sub-bullet-default-font-size: var(--font-font-size-bodycopy-s);
  --list-sub-bullet-default-typography-text-case: var(--font-case-bodycopy);
  --list-sub-bullet-default-typography-paragraph-spacing: var(
    --font-paragraph-spacing-bodycopy-none
  );
  --list-sub-bullet-default-typography-font-weight: var(--font-weight-bodycopy);
  --list-sub-bullet-default-typography-font-family: var(
    --font-font-family-base
  );
  --list-sub-bullet-default-color: var(--color-informational-text-bodycopy);
  --list-sub-text-default-line-height: var(--font-line-height-bodycopy-m);
  --list-sub-text-default-font-size: var(--font-font-size-bodycopy-m);
  --list-sub-text-default-typography-text-case: var(--font-case-bodycopy);
  --list-sub-text-default-typography-letter-spacing: var(
    --font-tracking-bodycopy-base
  );
  --list-sub-text-default-typography-font-weight: var(--font-weight-bodycopy);
  --list-sub-text-default-typography-font-family: var(--font-font-family-base);
  --list-sub-text-default-color: var(--color-informational-text-bodycopy);
  --list-sub-default-margin-top: var(
    --spacing-layout-margin-vertical-text-elements-list-sub
  );
  --list-sub-default-gap-column: var(
    --spacing-layout-gap-column-text-elements-sub-xxs
  );
  --list-parent-bullet-default-line-height: var(--font-line-height-single-line);
  --list-parent-bullet-default-font-size: var(--font-font-size-bodycopy-m);
  --list-parent-bullet-default-typography-text-case: var(--font-case-bodycopy);
  --list-parent-bullet-default-typography-paragraph-spacing: var(
    --font-paragraph-spacing-bodycopy-bullet
  );
  --list-parent-bullet-default-typography-letter-spacing: var(
    --font-tracking-bodycopy-base
  );
  --list-parent-bullet-default-typography-font-weight: var(
    --font-weight-bodycopy
  );
  --list-parent-bullet-default-typography-font-family: var(
    --font-font-family-base
  );
  --list-parent-bullet-default-color: var(--color-informational-text-bodycopy);
  --list-parent-text-default-line-height: var(--font-line-height-bodycopy-m);
  --list-parent-text-default-font-size: var(--font-font-size-bodycopy-m);
  --list-parent-text-default-typography-text-case: var(--font-case-bodycopy);
  --list-parent-text-default-typography-letter-spacing: var(
    --font-tracking-bodycopy-base
  );
  --list-parent-text-default-typography-font-weight: var(
    --font-weight-bodycopy
  );
  --list-parent-text-default-typography-font-family: var(
    --font-font-family-base
  );
  --list-parent-text-default-color: var(--color-informational-text-bodycopy);
  --list-parent-default-padding-left: var(
    --spacing-layout-horizontal-padding-text-elements-xxs
  );
  --list-parent-default-margin-top: var(
    --spacing-layout-margin-vertical-text-elements-list-parent
  );
  --list-parent-default-gap-column: var(
    --spacing-layout-gap-column-text-elements-parent-xxs
  );
  --bodycopy-disclaimer-large-text-default-line-height: var(
    --font-line-height-bodycopy-2xs
  );
  --bodycopy-disclaimer-large-text-default-font-size: var(
    --font-font-size-bodycopy-2xs
  );
  --bodycopy-disclaimer-large-text-default-typography-text-case: var(
    --font-case-bodycopy
  );
  --bodycopy-disclaimer-large-text-default-typography-letter-spacing: var(
    --font-tracking-bodycopy-expanded
  );
  --bodycopy-disclaimer-large-text-default-typography-font-weight: var(
    --font-weight-bodycopy
  );
  --bodycopy-disclaimer-large-text-default-typography-font-family: var(
    --font-font-family-base
  );
  --bodycopy-disclaimer-large-text-default-color: var(
    --color-informational-text-bodycopy
  );
  --bodycopy-disclaimer-large-default-margin-bottom: var(
    --spacing-layout-margin-vertical-text-elements-bodycopy-paragraph
  );
  --bodycopy-paragraph-small-text-default-line-height: var(
    --font-line-height-bodycopy-s
  );
  --bodycopy-paragraph-small-text-default-font-size: var(
    --font-font-size-bodycopy-s
  );
  --bodycopy-paragraph-small-text-default-typography-text-case: var(
    --font-case-bodycopy
  );
  --bodycopy-paragraph-small-text-default-typography-letter-spacing: var(
    --font-tracking-bodycopy-base
  );
  --bodycopy-paragraph-small-text-default-typography-font-weight: var(
    --font-weight-bodycopy
  );
  --bodycopy-paragraph-small-text-default-typography-font-family: var(
    --font-font-family-base
  );
  --bodycopy-paragraph-small-text-default-color: var(
    --color-informational-text-bodycopy
  );
  --bodycopy-paragraph-small-default-margin-bottom: var(
    --spacing-layout-margin-vertical-text-elements-bodycopy-paragraph
  );
  --bodycopy-paragraph-large-text-default-line-height: var(
    --font-line-height-bodycopy-m
  );
  --bodycopy-paragraph-large-text-default-font-size: var(
    --font-font-size-bodycopy-m
  );
  --bodycopy-paragraph-large-text-default-typography-text-case: var(
    --font-case-bodycopy
  );
  --bodycopy-paragraph-large-text-default-typography-letter-spacing: var(
    --font-tracking-bodycopy-base
  );
  --bodycopy-paragraph-large-text-default-typography-font-weight: var(
    --font-weight-bodycopy
  );
  --bodycopy-paragraph-large-text-default-typography-font-family: var(
    --font-font-family-base
  );
  --bodycopy-paragraph-large-text-default-color: var(
    --color-informational-text-bodycopy
  );
  --bodycopy-paragraph-large-default-margin-bottom: var(
    --spacing-layout-margin-vertical-text-elements-bodycopy-paragraph
  );
  --bodycopy-subhead-large-text-default-line-height: var(
    --font-line-height-bodycopy-xl
  );
  --bodycopy-subhead-large-text-default-font-size: var(
    --font-font-size-bodycopy-xl
  );
  --bodycopy-subhead-large-text-default-typography-text-case: var(
    --font-case-bodycopy
  );
  --bodycopy-subhead-large-text-default-typography-letter-spacing: var(
    --font-tracking-bodycopy-base
  );
  --bodycopy-subhead-large-text-default-typography-font-weight: var(
    --font-weight-bodycopy
  );
  --bodycopy-subhead-large-text-default-typography-font-family: var(
    --font-font-family-base
  );
  --bodycopy-subhead-large-text-default-color: var(
    --color-informational-text-bodycopy
  );
  --bodycopy-subhead-large-default-margin-bottom: var(
    --spacing-layout-vertical-padding-accordion-expanded-xxs
  );
  --heading-title-small-text-default-line-height: var(
    --font-line-height-headline-5xs
  );
  --heading-title-small-text-default-font-size: var(
    --font-font-size-headline-5xs
  );
  --heading-title-small-text-default-typography-font-family: var(
    --font-font-family-base
  );
  --heading-title-small-text-default-typography-text-case: var(
    --font-case-headline-base
  );
  --heading-title-small-text-default-typography-letter-spacing: var(
    --font-tracking-headline
  );
  --heading-title-small-text-default-typography-font-weight: var(
    --font-weight-headline
  );
  --heading-title-small-text-default-color: var(
    --color-informational-text-headline-base
  );
  --heading-title-small-default-margin-bottom: var(
    --spacing-layout-margin-vertical-text-elements-heading-title
  );
  --heading-title-medium-text-default-line-height: var(
    --font-line-height-headline-4xs
  );
  --heading-title-medium-text-default-font-size: var(
    --font-font-size-headline-4xs
  );
  --heading-title-medium-text-default-typography-font-family: var(
    --font-font-family-base
  );
  --heading-title-medium-text-default-typography-text-case: var(
    --font-case-headline-base
  );
  --heading-title-medium-text-default-typography-letter-spacing: var(
    --font-tracking-headline
  );
  --heading-title-medium-text-default-typography-font-weight: var(
    --font-weight-headline
  );
  --heading-title-medium-text-default-color: var(
    --color-informational-text-headline-base
  );
  --heading-title-medium-default-margin-bottom: var(
    --spacing-layout-margin-vertical-text-elements-heading-title
  );
  --heading-title-large-text-default-line-height: var(
    --font-line-height-headline-2xs
  );
  --heading-title-large-text-default-font-size: var(
    --font-font-size-headline-3xs
  );
  --heading-title-large-text-default-typography-font-family: var(
    --font-font-family-base
  );
  --heading-title-large-text-default-typography-text-case: var(
    --font-case-headline-base
  );
  --heading-title-large-text-default-typography-letter-spacing: var(
    --font-tracking-headline
  );
  --heading-title-large-text-default-typography-font-weight: var(
    --font-weight-headline
  );
  --heading-title-large-text-default-color: var(
    --color-informational-text-headline-base
  );
  --heading-title-large-default-margin-bottom: var(
    --spacing-layout-margin-vertical-text-elements-heading-title
  );
  --heading-module-small-text-default-line-height: var(
    --font-line-height-headline-xs
  );
  --heading-module-small-text-default-font-size: var(
    --font-font-size-headline-xs
  );
  --heading-module-small-text-default-typography-font-family: var(
    --font-font-family-base
  );
  --heading-module-small-text-default-typography-letter-spacing: var(
    --font-tracking-headline
  );
  --heading-module-small-text-default-typography-font-weight: var(
    --font-weight-headline
  );
  --heading-module-small-text-default-color: var(
    --color-informational-text-headline-emphasis
  );
  --heading-module-small-default-margin-bottom: var(
    --spacing-layout-margin-vertical-text-elements-heading-module-xxs
  );
  --heading-module-large-text-default-line-height: var(
    --font-line-height-headline-m
  );
  --heading-module-large-text-default-font-size: var(
    --font-font-size-headline-m
  );
  --heading-module-large-text-default-typography-font-family: var(
    --font-font-family-base
  );
  --heading-module-large-text-default-typography-letter-spacing: var(
    --font-tracking-headline
  );
  --heading-module-large-text-default-typography-font-weight: var(
    --font-weight-headline
  );
  --heading-module-large-text-default-color: var(
    --color-informational-text-headline-emphasis
  );
  --heading-module-large-default-margin-bottom: var(
    --spacing-layout-margin-vertical-text-elements-heading-module-xxs
  );
  --heading-display-small-default-margin-bottom: var(
    --spacing-layout-margin-vertical-text-elements-heading-display-small-xxs
  );
  --heading-display-small-text-default-line-height: var(
    --font-line-height-headline-xl
  );
  --heading-display-small-text-default-font-size: var(
    --font-font-size-headline-xl
  );
  --heading-display-small-text-default-color: var(
    --color-informational-text-headline-base
  );
  --heading-display-small-text-default-typography-text-case: var(
    --font-case-headline-base
  );
  --heading-display-small-text-default-typography-letter-spacing: var(
    --font-tracking-headline
  );
  --heading-display-small-text-default-typography-font-weight: var(
    --font-weight-headline
  );
  --heading-display-small-text-default-typography-font-family: var(
    --font-font-family-base
  );
  --heading-display-medium-default-margin-bottom: var(
    --spacing-layout-margin-vertical-text-elements-heading-display-medium-xxs
  );
  --heading-display-medium-text-default-line-height: var(
    --font-line-height-headline-2xl
  );
  --heading-display-medium-text-default-font-size: var(
    --font-font-size-headline-2xl
  );
  --heading-display-medium-text-default-color: var(
    --color-informational-text-headline-base
  );
  --heading-display-medium-text-default-typography-text-case: var(
    --font-case-headline-base
  );
  --heading-display-medium-text-default-typography-letter-spacing: var(
    --font-tracking-headline
  );
  --heading-display-medium-text-default-typography-font-weight: var(
    --font-weight-headline
  );
  --heading-display-medium-text-default-typography-font-family: var(
    --font-font-family-base
  );
  --heading-display-large-text-default-line-height: var(
    --font-line-height-headline-3xl
  );
  --heading-display-large-text-default-font-size: var(
    --font-font-size-headline-3xl
  );
  --heading-display-large-text-default-typography-text-case: var(
    --font-case-headline-base
  );
  --heading-display-large-text-default-typography-letter-spacing: var(
    --font-tracking-headline
  );
  --heading-display-large-text-default-typography-font-weight: var(
    --font-weight-headline
  );
  --heading-display-large-text-default-typography-font-family: var(
    --font-font-family-base
  );
  --heading-display-large-text-default-color: var(
    --color-informational-text-headline-base
  );
  --heading-display-large-default-margin-bottom: var(
    --spacing-layout-margin-vertical-text-elements-heading-display-large-xxs
  );
  --table-text-default-color: var(--color-informational-text-bodycopy);
  --table-body-even-default-background-color: var(
    --color-surface-background-base
  );
  --table-body-odd-default-background-color: var(
    --color-surface-background-subtle
  );
  --table-body-default-border-radius: var(--radius-surface-table-body-xxs);
  --table-body-default-typography-text-case: var(--font-case-bodycopy);
  --table-body-default-typography-paragraph-spacing: var(
    --font-paragraph-spacing-bodycopy-base
  );
  --table-body-default-typography-letter-spacing: var(
    --font-tracking-bodycopy-base
  );
  --table-body-default-typography-line-height: var(
    --font-line-height-content-table
  );
  --table-body-default-typography-font-size: var(--font-font-size-bodycopy-s);
  --table-body-default-typography-font-weight: var(--font-weight-bodycopy);
  --table-body-default-typography-font-family: var(--font-font-family-base);
  --table-body-default-vertical-padding: var(
    --spacing-layout-vertical-padding-table-body-xxs
  );
  --table-body-default-horizontal-padding: var(
    --spacing-layout-horizontal-padding-table-body-xxs
  );
  --table-header-default-typography-text-case: var(--font-case-bodycopy);
  --table-header-default-typography-paragraph-spacing: var(
    --font-paragraph-spacing-bodycopy-base
  );
  --table-header-default-typography-letter-spacing: var(
    --font-tracking-bodycopy-base
  );
  --table-header-default-typography-line-height: var(
    --font-line-height-content-table
  );
  --table-header-default-typography-font-size: var(--font-font-size-bodycopy-s);
  --table-header-default-typography-font-weight: var(--font-weight-headline);
  --table-header-default-typography-font-family: var(--font-font-family-base);
  --table-head-default-border-radius: var(--radius-surface-table-head-xxs);
  --table-head-default-background-color: var(--color-surface-background-base);
  --table-head-default-vertical-padding: var(
    --spacing-layout-vertical-padding-table-head-xxs
  );
  --table-head-default-horizontal-padding: var(
    --spacing-layout-horizontal-padding-table-head-xxs
  );
  --table-background-default-background-color: var(
    --color-surface-background-base
  );
  --table-background-default-border-radius: var(
    --radius-surface-table-container
  );
  --table-background-default-vertical-padding: var(
    --spacing-layout-vertical-padding-table-container
  );
  --table-background-default-horizontal-padding: var(
    --spacing-layout-horizontal-padding-table-container
  );
  --table-default-min-width: var(--sizing-surface-width-table-min);
  --select-dropdown-default-margin-left: calc(
    var(--spacing-layout-margin-horizontal-select-dropdown-xxs) * -1
  );
  --select-dropdown-default-margin-right: calc(
    var(--spacing-layout-margin-horizontal-select-dropdown-xxs) * -1
  );
  --select-dropdown-default-margin-top: var(
    --spacing-layout-margin-vertical-select-dropdown-xxs
  );
  --select-support-text-text-default-typography-text-case: var(
    --font-case-bodycopy
  );
  --select-support-text-text-default-typography-letter-spacing: var(
    --font-tracking-bodycopy-extended
  );
  --select-support-text-text-default-typography-line-height: var(
    --font-line-height-status-support-text-mobile
  );
  --select-support-text-text-default-typography-font-size: var(
    --font-font-size-status-support-text-mobile
  );
  --select-support-text-text-default-typography-font-weight: var(
    --font-weight-bodycopy
  );
  --select-support-text-text-default-typography-font-family: var(
    --font-font-family-base
  );
  --select-input-field-label-floating-default-typography-text-case: var(
    --font-case-bodycopy
  );
  --select-input-field-label-floating-default-typography-letter-spacing: var(
    --font-tracking-input-form-field-label
  );
  --select-input-field-label-floating-default-typography-line-height: var(
    --font-line-height-input-form-field-label-populated-mobile
  );
  --select-input-field-label-floating-default-typography-font-size: var(
    --font-font-size-input-form-field-label-populated-mobile
  );
  --select-input-field-label-floating-default-typography-font-weight: var(
    --font-weight-bodycopy
  );
  --select-input-field-label-floating-default-typography-font-family: var(
    --font-font-family-base
  );
  --select-input-field-container-text-default-typography-text-case: var(
    --font-case-bodycopy
  );
  --select-input-field-container-text-default-typography-letter-spacing: var(
    --font-tracking-bodycopy-base
  );
  --select-input-field-container-text-default-typography-line-height: var(
    --font-line-height-input-form-field-mobile
  );
  --select-input-field-container-text-default-typography-font-size: var(
    --font-font-size-input-form-field-mobile
  );
  --select-input-field-container-text-default-typography-font-weight: var(
    --font-weight-bodycopy
  );
  --select-input-field-container-text-default-typography-font-family: var(
    --font-font-family-base
  );
  --select-input-field-container-placeholder-default-typography-text-case: var(
    --font-case-bodycopy
  );
  --select-input-field-container-placeholder-default-typography-letter-spacing: var(
    --font-tracking-bodycopy-base
  );
  --select-input-field-container-placeholder-default-typography-line-height: var(
    --font-line-height-input-form-field-mobile
  );
  --select-input-field-container-placeholder-default-typography-font-size: var(
    --font-font-size-input-form-field-mobile
  );
  --select-input-field-container-placeholder-default-typography-font-weight: var(
    --font-weight-bodycopy
  );
  --select-input-field-container-placeholder-default-typography-font-family: var(
    --font-font-family-base
  );
  --select-input-field-container-label-default-typography-text-case: var(
    --font-case-bodycopy
  );
  --select-input-field-container-label-default-typography-letter-spacing: var(
    --font-tracking-bodycopy-base
  );
  --select-input-field-container-label-default-typography-line-height: var(
    --font-line-height-input-form-field-mobile
  );
  --select-input-field-container-label-default-typography-font-size: var(
    --font-font-size-input-form-field-mobile
  );
  --select-input-field-container-label-default-typography-font-weight: var(
    --font-weight-bodycopy
  );
  --select-input-field-container-label-default-typography-font-family: var(
    --font-font-family-base
  );
  --segmented-control-on-dark-text-selected-color: var(
    --color-interaction-text-default-on-dark
  );
  --segmented-control-on-dark-text-active-color: var(
    --color-interaction-text-active-on-dark
  );
  --segmented-control-on-dark-text-hover-color: var(
    --color-interaction-text-hover-on-dark
  );
  --segmented-control-on-dark-text-default-color: var(
    --color-interaction-text-default-on-bg
  );
  --segmented-control-on-dark-icon-selected-border-width: var(
    --border-width-surface-balance-icon-inverse
  );
  --segmented-control-on-dark-icon-selected-border-color: var(
    --color-interaction-icon-default-on-dark
  );
  --segmented-control-on-dark-icon-selected-color: var(
    --color-interaction-icon-default-on-dark
  );
  --segmented-control-on-dark-icon-active-color: var(
    --color-interaction-icon-active-on-dark
  );
  --segmented-control-on-dark-icon-hover-color: var(
    --color-interaction-icon-hover-on-dark
  );
  --segmented-control-on-dark-icon-default-color: var(
    --color-interaction-icon-default-on-bg
  );
  --segmented-control-on-dark-segment-active-background-color: var(
    --color-interaction-background-active-on-dark
  );
  --segmented-control-on-dark-segment-hover-background-color: var(
    --color-interaction-background-hover-on-dark
  );
  --segmented-control-on-dark-segment-selected-active-background-color: var(
    --color-interaction-background-default-on-bg
  );
  --segmented-control-on-dark-segment-selected-hover-background-color: var(
    --color-interaction-background-default-on-bg
  );
  --segmented-control-on-dark-segment-selected-default-background-color: var(
    --color-interaction-background-default-on-bg
  );
  --segmented-control-on-dark-integrated-text-default-typography-text-case: var(
    --font-case-bodycopy
  );
  --segmented-control-on-dark-integrated-text-default-typography-paragraph-spacing: var(
    --font-paragraph-spacing-bodycopy-none
  );
  --segmented-control-on-dark-integrated-text-default-typography-letter-spacing: var(
    --font-tracking-bodycopy-base
  );
  --segmented-control-on-dark-integrated-text-default-typography-line-height: var(
    --font-line-height-bodycopy-2xs
  );
  --segmented-control-on-dark-integrated-text-default-typography-font-size: var(
    --font-font-size-bodycopy-2xs
  );
  --segmented-control-on-dark-integrated-text-default-typography-font-weight: var(
    --font-weight-surface-balance-inverse
  );
  --segmented-control-on-dark-integrated-text-default-typography-font-family: var(
    --font-font-family-base
  );
  --segmented-control-on-dark-standalone-text-selected-typography-text-case: var(
    --font-case-bodycopy
  );
  --segmented-control-on-dark-standalone-text-selected-typography-paragraph-spacing: var(
    --font-paragraph-spacing-bodycopy-none
  );
  --segmented-control-on-dark-standalone-text-selected-typography-letter-spacing: var(
    --font-tracking-bodycopy-base
  );
  --segmented-control-on-dark-standalone-text-selected-typography-line-height: var(
    --font-line-height-bodycopy-2xs
  );
  --segmented-control-on-dark-standalone-text-selected-typography-font-size: var(
    --font-font-size-bodycopy-2xs
  );
  --segmented-control-on-dark-standalone-text-selected-typography-font-weight: var(
    --font-weight-surface-balance-inverse
  );
  --segmented-control-on-dark-standalone-text-selected-typography-font-family: var(
    --font-font-family-base
  );
  --segmented-control-badge-icon-only-dot-default-margin-right: var(
    --spacing-layout-margin-horizontal-segmented-control-badge-right
  );
  --segmented-control-badge-icon-only-dot-default-margin-left: var(
    --spacing-layout-margin-horizontal-segmented-control-badge-none
  );
  --segmented-control-badge-standard-dot-default-margin-right: var(
    --spacing-layout-margin-horizontal-segmented-control-badge-right
  );
  --segmented-control-badge-standard-dot-default-margin-left: var(
    --spacing-layout-margin-horizontal-segmented-control-badge-left
  );
  --segmented-control-text-selected-color: var(
    --color-interaction-text-default-on-bg
  );
  --segmented-control-text-selected-margin-right: var(
    --spacing-layout-margin-horizontal-segmented-control-text-selected
  );
  --segmented-control-text-default-color: var(
    --color-interaction-text-default-base
  );
  --segmented-control-icon-selected-color: var(
    --color-interaction-icon-default-on-bg
  );
  --segmented-control-icon-default-color: var(
    --color-interaction-icon-default-base
  );
  --segmented-control-focus-default-border-width: var(
    --border-width-interaction-focus
  );
  --segmented-control-focus-default-outline-offset: var(
    --spacing-layout-outline-offset-focus
  );
  --segmented-control-focus-default-border-color: var(
    --color-interaction-focus-default
  );
  --segmented-control-focus-default-border-radius: var(
    --radius-surface-segmented-control-container
  );
  --segmented-control-segment-active-background-color: var(
    --color-interaction-background-active-muted
  );
  --segmented-control-segment-hover-background-color: var(
    --color-interaction-background-hover-muted
  );
  --segmented-control-segment-selected-active-background-color: var(
    --color-interaction-background-default-base
  );
  --segmented-control-segment-selected-hover-background-color: var(
    --color-interaction-background-default-base
  );
  --segmented-control-segment-selected-default-background-color: var(
    --color-interaction-background-default-base
  );
  --segmented-control-segment-default-border-radius: var(
    --radius-surface-segmented-control-container
  );
  --segmented-control-integrated-icon-selected-margin-right: var(
    --spacing-layout-margin-horizontal-segmented-control-icon-base
  );
  --segmented-control-integrated-icon-default-margin-right: var(
    --spacing-layout-margin-horizontal-segmented-control-icon-none
  );
  --segmented-control-integrated-icon-default-height: var(
    --sizing-surface-height-icon-small
  );
  --segmented-control-integrated-icon-default-width: var(
    --sizing-surface-width-icon-small
  );
  --segmented-control-integrated-segment-selected-vertical-padding: var(
    --spacing-layout-vertical-padding-segmented-control-segment-base
  );
  --segmented-control-integrated-segment-selected-horizontal-padding: var(
    --spacing-layout-horizontal-padding-segmented-control-segment-base
  );
  --segmented-control-integrated-segment-default-vertical-padding: var(
    --spacing-layout-vertical-padding-segmented-control-segment-base
  );
  --segmented-control-integrated-segment-default-horizontal-padding: var(
    --spacing-layout-horizontal-padding-segmented-control-segment-base
  );
  --segmented-control-integrated-text-default-typography-text-case: var(
    --font-case-bodycopy
  );
  --segmented-control-integrated-text-default-typography-paragraph-spacing: var(
    --font-paragraph-spacing-bodycopy-none
  );
  --segmented-control-integrated-text-default-typography-letter-spacing: var(
    --font-tracking-bodycopy-base
  );
  --segmented-control-integrated-text-default-typography-line-height: var(
    --font-line-height-bodycopy-2xs
  );
  --segmented-control-integrated-text-default-typography-font-size: var(
    --font-font-size-bodycopy-2xs
  );
  --segmented-control-integrated-text-default-typography-font-weight: var(
    --font-weight-bodycopy
  );
  --segmented-control-integrated-text-default-typography-font-family: var(
    --font-font-family-base
  );
  --segmented-control-integrated-default-height: var(
    --sizing-surface-height-segmented-control-integrated-xxs
  );
  --segmented-control-standalone-text-default-typography-text-case: var(
    --font-case-bodycopy
  );
  --segmented-control-standalone-text-default-typography-paragraph-spacing: var(
    --font-paragraph-spacing-bodycopy-none
  );
  --segmented-control-standalone-text-default-typography-letter-spacing: var(
    --font-tracking-bodycopy-base
  );
  --segmented-control-standalone-text-default-typography-line-height: var(
    --font-line-height-bodycopy-2xs
  );
  --segmented-control-standalone-text-default-typography-font-size: var(
    --font-font-size-bodycopy-2xs
  );
  --segmented-control-standalone-text-default-typography-font-weight: var(
    --font-weight-bodycopy
  );
  --segmented-control-standalone-text-default-typography-font-family: var(
    --font-font-family-base
  );
  --segmented-control-standalone-icon-default-margin-right: var(
    --spacing-layout-margin-horizontal-segmented-control-icon-base
  );
  --segmented-control-standalone-icon-default-height: var(
    --sizing-surface-height-icon-small
  );
  --segmented-control-standalone-icon-default-width: var(
    --sizing-surface-width-icon-small
  );
  --segmented-control-standalone-segment-selected-vertical-padding: var(
    --spacing-layout-vertical-padding-segmented-control-segment-tall
  );
  --segmented-control-standalone-segment-selected-horizontal-padding: var(
    --spacing-layout-horizontal-padding-segmented-control-segment-base
  );
  --segmented-control-standalone-segment-default-vertical-padding: var(
    --spacing-layout-vertical-padding-segmented-control-segment-tall
  );
  --segmented-control-standalone-segment-default-horizontal-padding: var(
    --spacing-layout-horizontal-padding-segmented-control-segment-base
  );
  --segmented-control-standalone-default-height: var(
    --sizing-surface-height-segmented-control-standalone-xxs
  );
  --segmented-control-default-vertical-padding: var(
    --spacing-layout-vertical-padding-segmented-control-base
  );
  --segmented-control-default-horizontal-padding: var(
    --spacing-layout-horizontal-padding-segmented-control-base
  );
  --segmented-control-default-border-color: var(--color-surface-border-base);
  --segmented-control-default-border-width: var(
    --border-width-surface-segmented-control
  );
  --segmented-control-default-border-radius: var(
    --radius-surface-segmented-control-container
  );
  --radio-button-text-disabled-color: var(--color-informational-text-subtle);
  --radio-button-text-default-line-height: var(--font-line-height-bodycopy-m);
  --radio-button-text-default-font-size: var(
    --font-font-size-input-control-mobile
  );
  --radio-button-text-default-color: var(--color-informational-text-bodycopy);
  --radio-button-text-default-typography-text-case: var(--font-case-bodycopy);
  --radio-button-text-default-typography-paragraph-spacing: var(
    --font-paragraph-spacing-bodycopy-base
  );
  --radio-button-text-default-typography-letter-spacing: var(
    --font-tracking-bodycopy-base
  );
  --radio-button-text-default-typography-font-weight: var(
    --font-weight-bodycopy
  );
  --radio-button-text-default-typography-font-family: var(
    --font-font-family-base
  );
  --radio-button-input-icon-disabled-color: var(
    --color-interaction-icon-disabled-base
  );
  --radio-button-input-icon-error-color: var(--color-error-icon-base);
  --radio-button-input-icon-default-width: var(
    --sizing-surface-width-radio-button-icon
  );
  --radio-button-input-icon-default-height: var(
    --sizing-surface-height-radio-button-icon
  );
  --radio-button-input-icon-default-color: var(
    --color-interaction-icon-default-base
  );
  --radio-button-input-focus-default-horizontal-padding: var(
    --spacing-layout-outline-offset-focus
  );
  --radio-button-input-focus-default-vertical-padding: var(
    --spacing-layout-outline-offset-focus
  );
  --radio-button-input-focus-default-border-width: var(
    --border-width-interaction-focus
  );
  --radio-button-input-focus-default-border-color: var(
    --color-interaction-focus-default
  );
  --radio-button-input-disabled-border-color: var(
    --color-interaction-border-disabled-base
  );
  --radio-button-input-active-background-color: var(
    --color-interaction-background-active-subtle
  );
  --radio-button-input-active-border-color: var(
    --color-interaction-border-active-base
  );
  --radio-button-input-hover-background-color: var(
    --color-interaction-background-hover-muted
  );
  --radio-button-input-hover-border-color: var(
    --color-interaction-border-hover-base
  );
  --radio-button-input-error-border-color: var(--color-error-border-base);
  --radio-button-input-error-border-width: var(
    --border-width-interaction-error
  );
  --radio-button-input-default-border-color: var(
    --color-interaction-border-default-base
  );
  --radio-button-input-default-border-width: var(
    --border-width-interaction-default
  );
  --radio-button-input-default-width: var(
    --sizing-surface-width-radio-button-input
  );
  --radio-button-input-default-height: var(
    --sizing-surface-height-radio-button-input
  );
  --radio-button-input-default-border-radius: var(
    --radius-surface-radio-button-input
  );
  --radio-button-input-default-vertical-padding: var(
    --spacing-layout-vertical-padding-radio-button-input-xxs
  );
  --radio-button-default-item-spacing: var(
    --spacing-layout-gap-column-icon-text-medium
  );
  --quantity-input-rectangular-default-height: var(
    --sizing-surface-height-quantity-input-rectangular
  );
  --quantity-input-rectangular-default-min-width: var(
    --sizing-surface-width-quantity-input-min
  );
  --quantity-input-rectangular-default-border-radius: var(
    --radius-surface-quantity-input-rectangular
  );
  --quantity-input-default-border-width: var(
    --border-width-interaction-default
  );
  --quantity-input-default-border-color: var(
    --color-interaction-border-default-base
  );
  --quantity-input-input-focus-default-border-color: var(
    --color-interaction-focus-default
  );
  --quantity-input-input-focus-default-vertical-padding: var(
    --spacing-layout-outline-offset-focus
  );
  --quantity-input-input-focus-default-horizontal-padding: var(
    --spacing-layout-outline-offset-focus
  );
  --quantity-input-input-focus-default-border-width: var(
    --border-width-interaction-focus
  );
  --quantity-input-input-focus-default-border-radius: var(
    --radius-interaction-focus
  );
  --quantity-input-input-text-disabled-color: var(
    --color-interaction-text-disabled-base
  );
  --quantity-input-input-text-active-color: var(
    --color-informational-text-bodycopy
  );
  --quantity-input-input-text-hover-color: var(
    --color-informational-text-bodycopy
  );
  --quantity-input-input-text-default-line-height: var(
    --font-line-height-bodycopy-m
  );
  --quantity-input-input-text-default-font-size: var(
    --font-font-size-bodycopy-l
  );
  --quantity-input-input-text-default-typography-text-case: var(
    --font-case-bodycopy
  );
  --quantity-input-input-text-default-typography-letter-spacing: var(
    --font-tracking-bodycopy-base
  );
  --quantity-input-input-text-default-typography-font-weight: var(
    --font-weight-bodycopy
  );
  --quantity-input-input-text-default-typography-font-family: var(
    --font-font-family-base
  );
  --quantity-input-input-text-default-color: var(
    --color-informational-text-bodycopy
  );
  --quantity-input-input-container-disabled-border-width: var(
    --border-width-surface-quantity-input-input-disabled
  );
  --quantity-input-input-container-disabled-border-color: var(
    --color-interaction-border-disabled-base
  );
  --quantity-input-input-container-active-border-color: var(
    --color-interaction-border-default-base
  );
  --quantity-input-input-container-active-border-width: var(
    --border-width-interaction-active
  );
  --quantity-input-input-container-hover-border-color: var(
    --color-interaction-border-default-base
  );
  --quantity-input-input-container-hover-border-width: var(
    --border-width-interaction-hover
  );
  --quantity-input-input-container-default-border-color: var(
    --color-interaction-border-default-base
  );
  --quantity-input-input-container-default-border-width: var(
    --border-width-surface-quantity-input-input-default
  );
  --quantity-input-input-container-default-padding-bottom: var(
    --spacing-layout-vertical-padding-quantity-input-rectangular
  );
  --quantity-input-input-container-default-min-width: var(
    --sizing-surface-width-quantity-input-input
  );
  --quantity-input-circular-default-height: var(
    --sizing-surface-height-quantity-input-circular
  );
  --quantity-input-circular-default-border-radius: var(
    --radius-surface-quantity-input-circular
  );
  --quantity-input-circular-default-min-width: var(
    --sizing-surface-width-quantity-input-min
  );
  --promotion-card-horizontal-content-default-gap-row: var(
    --spacing-layout-margin-vertical-promotion-card-text-button-xxs
  );
  --promotion-card-horizontal-content-default-vertical-padding: var(
    --spacing-layout-vertical-padding-promotion-card-xxs
  );
  --promotion-card-horizontal-content-default-horizontal-padding: var(
    --spacing-layout-horizontal-padding-promotion-card-xxs
  );
  --promotion-card-horizontal-content-text-default-gap-row: var(
    --spacing-layout-margin-vertical-promotion-card-text-xxs
  );
  --promotion-card-horizontal-image-default-ratio: var(
    --aspect-ratio-surface-landscape-16to9
  );
  --promotion-card-horizontal-default-margin-right: var(
    --spacing-layout-margin-horizontal-promotion-card-container
  );
  --promotion-card-horizontal-default-margin-left: var(
    --spacing-layout-margin-horizontal-promotion-card-container
  );
  --promotion-card-horizontal-default-width: var(
    --sizing-surface-width-promotion-card-full
  );
  --promotion-card-image-background-default-border-radius: var(
    --radius-surface-promotion-card-none
  );
  --promotion-card-content-default-background-color: var(
    --color-surface-background-base
  );
  --promotion-card-vertical-image-default-ratio: var(
    --aspect-ratio-surface-landscape-16to9
  );
  --promotion-card-vertical-default-width: var(
    --sizing-surface-width-promotion-card-full
  );
  --promotion-card-vertical-default-margin-right: var(
    --spacing-layout-margin-horizontal-promotion-card-container
  );
  --promotion-card-vertical-default-margin-left: var(
    --spacing-layout-margin-horizontal-promotion-card-container
  );
  --promotion-card-vertical-content-text-default-gap-row: var(
    --spacing-layout-margin-vertical-promotion-card-text-xxs
  );
  --promotion-card-text-bodycopy-default-color: var(
    --color-informational-text-bodycopy
  );
  --promotion-card-text-headline-default-color: var(
    --color-informational-text-headline-base
  );
  --product-list-item-focus-default-border-width: var(
    --border-width-interaction-focus
  );
  --product-list-item-focus-default-border-radius: var(
    --radius-interaction-focus
  );
  --product-list-item-focus-default-border-color: var(
    --color-interaction-focus-default
  );
  --product-list-item-focus-default-outline-offset: var(
    --spacing-layout-outline-offset-focus
  );
  --product-list-item-flyout-main-backdrop-default-blur: var(
    --blur-surface-background-blur-standard
  );
  --product-list-item-flyout-main-backdrop-default-background-color: var(
    --color-surface-background-product-list-item-backdrop
  );
  --product-list-item-flyout-main-par-weight-default-typography-text-case: var(
    --font-case-bodycopy
  );
  --product-list-item-flyout-main-par-weight-default-typography-paragraph-spacing: var(
    --font-paragraph-spacing-bodycopy-none
  );
  --product-list-item-flyout-main-par-weight-default-typography-letter-spacing: var(
    --font-tracking-product-product-list-item-par-weight
  );
  --product-list-item-flyout-main-par-weight-default-typography-font-size: var(
    --font-font-size-product-product-list-item-par-weight
  );
  --product-list-item-flyout-main-par-weight-default-typography-line-height: var(
    --font-line-height-product-product-list-item-par-weight
  );
  --product-list-item-flyout-main-par-weight-default-typography-font-weight: var(
    --font-weight-bodycopy
  );
  --product-list-item-flyout-main-par-weight-default-typography-font-family: var(
    --font-font-family-base
  );
  --product-list-item-flyout-main-par-weight-default-margin-bottom: var(
    --spacing-layout-margin-vertical-product-list-item-par-weight-xxs
  );
  --product-list-item-flyout-main-par-weight-default-color: var(
    --color-informational-text-bodycopy
  );
  --product-list-item-flyout-main-product-name-default-margin-bottom: var(
    --spacing-layout-margin-vertical-product-list-item-product-name-flyout-xxs
  );
  --product-list-item-flyout-main-product-name-default-color: var(
    --color-informational-text-bodycopy
  );
  --product-list-item-flyout-main-product-name-default-typography-text-case: var(
    --font-case-headline-base
  );
  --product-list-item-flyout-main-product-name-default-typography-letter-spacing: var(
    --font-tracking-headline
  );
  --product-list-item-flyout-main-product-name-default-typography-line-height: var(
    --font-line-height-product-product-list-item-product-name
  );
  --product-list-item-flyout-main-product-name-default-typography-font-size: var(
    --font-font-size-product-product-list-item-product-name
  );
  --product-list-item-flyout-main-product-name-default-typography-font-weight: var(
    --font-weight-headline
  );
  --product-list-item-flyout-main-product-name-default-typography-font-family: var(
    --font-font-family-base
  );
  --product-list-item-flyout-main-brandname-default-margin-bottom: var(
    --spacing-layout-margin-vertical-product-list-item-brandname-xxs
  );
  --product-list-item-flyout-main-image-default-width: var(
    --sizing-surface-width-product-list-item-image
  );
  --product-list-item-flyout-main-image-default-ratio: var(
    --aspect-ratio-surface-square
  );
  --product-list-item-flyout-default-background-color: var(
    --color-surface-background-base
  );
  --product-list-item-flyout-default-padding-right: var(
    --spacing-layout-horizontal-padding-product-list-item-flyout-xxs
  );
  --product-list-item-flyout-default-padding-left: var(
    --spacing-layout-horizontal-padding-product-list-item-flyout-xxs
  );
  --product-list-item-flyout-default-padding-bottom: var(
    --spacing-layout-vertical-padding-product-list-item-flyout-xxs
  );
  --product-list-item-flyout-default-padding-top: var(
    --spacing-layout-vertical-padding-product-list-item-flyout-xxs
  );
  --product-list-item-flyout-default-gap-column: var(
    --spacing-layout-gap-column-product-list-item-container-flyout
  );
  --product-list-item-commerce-status-text-default-color: var(
    --color-informational-text-on-bg-default
  );
  --product-list-item-commerce-status-text-default-typography-text-case: var(
    --font-case-bodycopy
  );
  --product-list-item-commerce-status-text-default-typography-letter-spacing: var(
    --font-tracking-product-product-list-item-action
  );
  --product-list-item-commerce-status-text-default-typography-line-height: var(
    --font-line-height-product-product-list-item-action
  );
  --product-list-item-commerce-status-text-default-typography-font-size: var(
    --font-font-size-product-product-list-item-action
  );
  --product-list-item-commerce-status-text-default-typography-font-weight: var(
    --font-weight-bodycopy
  );
  --product-list-item-commerce-status-text-default-typography-font-family: var(
    --font-font-family-base
  );
  --product-list-item-commerce-status-icon-default-color: var(
    --color-informational-icon-on-bg-default
  );
  --product-list-item-commerce-status-icon-default-width: var(
    --sizing-surface-width-icon-base
  );
  --product-list-item-commerce-status-icon-default-height: var(
    --sizing-surface-height-icon-base
  );
  --product-list-item-commerce-footer-default-padding-right: var(
    --spacing-layout-horizontal-padding-product-list-item-commerce-footer-xxs
  );
  --product-list-item-commerce-footer-default-padding-left: var(
    --spacing-layout-horizontal-padding-product-list-item-commerce-footer-xxs
  );
  --product-list-item-commerce-main-par-weight-disabled-color: var(
    --color-informational-text-subtle
  );
  --product-list-item-commerce-main-par-weight-default-margin-bottom: var(
    --spacing-layout-margin-vertical-product-list-item-par-weight-xxs
  );
  --product-list-item-commerce-main-par-weight-default-color: var(
    --color-informational-text-bodycopy
  );
  --product-list-item-commerce-main-par-weight-default-typography-text-case: var(
    --font-case-bodycopy
  );
  --product-list-item-commerce-main-par-weight-default-typography-paragraph-spacing: var(
    --font-paragraph-spacing-bodycopy-none
  );
  --product-list-item-commerce-main-par-weight-default-typography-letter-spacing: var(
    --font-tracking-product-product-list-item-par-weight
  );
  --product-list-item-commerce-main-par-weight-default-typography-font-size: var(
    --font-font-size-product-product-list-item-par-weight
  );
  --product-list-item-commerce-main-par-weight-default-typography-line-height: var(
    --font-line-height-product-product-list-item-par-weight
  );
  --product-list-item-commerce-main-par-weight-default-typography-font-weight: var(
    --font-weight-bodycopy
  );
  --product-list-item-commerce-main-par-weight-default-typography-font-family: var(
    --font-font-family-base
  );
  --product-list-item-commerce-main-product-name-disabled-color: var(
    --color-informational-text-subtle
  );
  --product-list-item-commerce-main-product-name-default-margin-bottom: var(
    --spacing-layout-margin-vertical-product-list-item-product-name-commerce-xxs
  );
  --product-list-item-commerce-main-product-name-default-color: var(
    --color-informational-text-headline-base
  );
  --product-list-item-commerce-main-product-name-default-typography-text-case: var(
    --font-case-bodycopy
  );
  --product-list-item-commerce-main-product-name-default-typography-line-height: var(
    --font-line-height-product-product-list-item-product-name
  );
  --product-list-item-commerce-main-product-name-default-typography-font-size: var(
    --font-font-size-product-product-list-item-product-name
  );
  --product-list-item-commerce-main-product-name-default-typography-font-weight: var(
    --font-weight-headline
  );
  --product-list-item-commerce-main-product-name-default-typography-font-family: var(
    --font-font-family-base
  );
  --product-list-item-commerce-main-brandname-default-margin-bottom: var(
    --spacing-layout-margin-vertical-product-list-item-brandname-xxs
  );
  --product-list-item-commerce-main-image-default-margin-bottom: var(
    --spacing-layout-margin-vertical-product-list-item-image-xxs
  );
  --product-list-item-commerce-main-image-default-width: var(
    --sizing-surface-width-product-list-item-image
  );
  --product-list-item-commerce-main-image-default-ratio: var(
    --aspect-ratio-surface-square
  );
  --product-list-item-commerce-main-default-margin-bottom: var(
    --spacing-layout-margin-vertical-product-list-item-container-xxs
  );
  --product-list-item-commerce-default-background-color: var(
    --color-surface-background-base
  );
  --product-list-item-commerce-default-padding-right: var(
    --spacing-layout-horizontal-padding-product-list-item-commerce-xxs
  );
  --product-list-item-commerce-default-padding-left: var(
    --spacing-layout-horizontal-padding-product-list-item-commerce-xxs
  );
  --product-list-item-commerce-default-padding-bottom: var(
    --spacing-layout-vertical-padding-product-list-item-commerce-xxs
  );
  --product-list-item-commerce-default-padding-top: var(
    --spacing-layout-vertical-padding-product-list-item-commerce-xxs
  );
  --product-card-focus-default-border-width: var(
    --border-width-interaction-focus
  );
  --product-card-focus-default-border-radius: var(--radius-interaction-focus);
  --product-card-focus-default-border-color: var(
    --color-interaction-focus-default
  );
  --product-card-focus-default-outline-offset: var(
    --spacing-layout-outline-offset-focus
  );
  --product-card-price-default-margin-bottom: var(
    --spacing-layout-margin-vertical-product-card-price-xxs
  );
  --product-card-par-weight-default-margin-bottom: var(
    --spacing-layout-margin-vertical-product-card-par-weight-xxs
  );
  --product-card-par-weight-default-typography-text-case: var(
    --font-case-bodycopy
  );
  --product-card-par-weight-default-typography-paragraph-spacing: var(
    --font-paragraph-spacing-bodycopy-none
  );
  --product-card-par-weight-default-typography-letter-spacing: var(
    --font-tracking-product-product-card-par-weight
  );
  --product-card-par-weight-default-typography-font-size: var(
    --font-font-size-product-product-card-par-weight-mobile
  );
  --product-card-par-weight-default-typography-line-height: var(
    --font-line-height-product-product-card-par-weight-mobile
  );
  --product-card-par-weight-default-typography-font-weight: var(
    --font-weight-bodycopy
  );
  --product-card-par-weight-default-typography-font-family: var(
    --font-font-family-base
  );
  --product-card-par-weight-default-color: var(
    --color-informational-text-bodycopy
  );
  --product-card-par-weight-default-height: var(
    --sizing-surface-height-product-card-par-weight
  );
  --product-card-product-name-default-typography-text-case: var(
    --font-case-headline-base
  );
  --product-card-product-name-default-typography-letter-spacing: var(
    --font-tracking-headline
  );
  --product-card-product-name-default-typography-line-height: var(
    --font-line-height-product-product-card-product-name
  );
  --product-card-product-name-default-typography-font-size: var(
    --font-font-size-product-product-card-product-name
  );
  --product-card-product-name-default-typography-font-weight: var(
    --font-weight-headline
  );
  --product-card-product-name-default-typography-font-family: var(
    --font-font-family-base
  );
  --product-card-product-name-default-color: var(
    --color-informational-text-headline-base
  );
  --product-card-product-name-default-margin-bottom: var(
    --spacing-layout-margin-vertical-product-card-product-name
  );
  --product-card-product-name-default-height: var(
    --sizing-surface-height-product-card-product-name
  );
  --product-card-brandname-default-height: var(
    --sizing-surface-height-product-card-brandname
  );
  --product-card-brandname-default-padding-bottom: var(
    --spacing-layout-margin-vertical-product-card-brandname
  );
  --product-card-labels-default-margin-bottom: var(
    --spacing-layout-margin-vertical-product-card-labels
  );
  --product-card-labels-default-gap-column: var(
    --spacing-layout-gap-column-product-card-labels
  );
  --product-card-labels-default-height: var(
    --sizing-surface-height-product-card-label
  );
  --product-card-favorites-icon-default-color: var(
    --color-interaction-icon-default-base
  );
  --product-card-favorites-icon-default-width: var(
    --sizing-surface-width-icon-base
  );
  --product-card-favorites-icon-default-height: var(
    --sizing-surface-height-icon-base
  );
  --product-card-favorites-added-default-background-color: var(
    --color-interaction-component-product-card-favorites-active
  );
  --product-card-favorites-added-default-padding-right: var(
    --spacing-layout-horizontal-padding-product-card-favorites-active
  );
  --product-card-favorites-added-default-padding-left: var(
    --spacing-layout-horizontal-padding-product-card-favorites-active
  );
  --product-card-favorites-active-background-color: var(
    --color-interaction-component-product-card-favorites-active
  );
  --product-card-favorites-hover-background-color: var(
    --color-interaction-component-product-card-favorites-hover
  );
  --product-card-favorites-default-margin-bottom: var(
    --spacing-layout-margin-vertical-product-card-favorites
  );
  --product-card-favorites-default-border-radius: var(
    --radius-surface-product-card-favorites
  );
  --product-card-favorites-default-padding-right: var(
    --spacing-layout-horizontal-padding-product-card-favorites-default
  );
  --product-card-favorites-default-padding-left: var(
    --spacing-layout-horizontal-padding-product-card-favorites-default
  );
  --product-card-favorites-default-padding-bottom: var(
    --spacing-layout-vertical-padding-product-card-favorites
  );
  --product-card-favorites-default-padding-top: var(
    --spacing-layout-vertical-padding-product-card-favorites
  );
  --product-card-image-default-width: var(
    --sizing-surface-width-product-card-image
  );
  --product-card-image-default-margin-bottom: var(
    --spacing-layout-margin-vertical-product-card-image
  );
  --product-card-image-default-ratio: var(
    --aspect-ratio-surface-landscape-4to3
  );
  --product-card-default-border-radius: var(
    --radius-surface-product-card-container
  );
  --product-card-default-background-color: var(--color-surface-background-base);
  --product-card-default-padding-right: var(
    --spacing-layout-horizontal-padding-product-card-container-xxs
  );
  --product-card-default-padding-left: var(
    --spacing-layout-horizontal-padding-product-card-container-xxs
  );
  --product-card-default-padding-bottom: var(
    --spacing-layout-vertical-padding-product-card-container-bottom-xxs
  );
  --product-card-default-padding-top: var(
    --spacing-layout-vertical-padding-product-card-container-top-xxs
  );
  --price-standalone-default-gap-column: var(
    --spacing-layout-margin-horizontal-price-standalone-xxs
  );
  --price-standalone-discount-default-font-size: var(
    --font-font-size-bodycopy-m
  );
  --price-standalone-discount-default-typography-text-case: var(
    --font-case-bodycopy
  );
  --price-standalone-discount-default-typography-paragraph-spacing: var(
    --font-paragraph-spacing-bodycopy-none
  );
  --price-standalone-discount-default-typography-letter-spacing: var(
    --font-tracking-bodycopy-base
  );
  --price-standalone-discount-default-typography-line-height: var(
    --font-line-height-single-line
  );
  --price-standalone-discount-default-typography-font-weight: var(
    --font-weight-bodycopy
  );
  --price-standalone-discount-default-typography-font-family: var(
    --font-font-family-base
  );
  --price-standalone-rrp-default-font-size: var(--font-font-size-bodycopy-m);
  --price-standalone-rrp-default-typography-text-case: var(
    --font-case-bodycopy
  );
  --price-standalone-rrp-default-typography-paragraph-spacing: var(
    --font-paragraph-spacing-bodycopy-none
  );
  --price-standalone-rrp-default-typography-letter-spacing: var(
    --font-tracking-bodycopy-base
  );
  --price-standalone-rrp-default-typography-line-height: var(
    --font-line-height-single-line
  );
  --price-standalone-rrp-default-typography-font-weight: var(
    --font-weight-bodycopy
  );
  --price-standalone-rrp-default-typography-font-family: var(
    --font-font-family-base
  );
  --price-standalone-deposit-default-font-size: var(
    --font-font-size-bodycopy-m
  );
  --price-standalone-deposit-default-typography-text-case: var(
    --font-case-bodycopy
  );
  --price-standalone-deposit-default-typography-paragraph-spacing: var(
    --font-paragraph-spacing-bodycopy-none
  );
  --price-standalone-deposit-default-typography-letter-spacing: var(
    --font-tracking-bodycopy-base
  );
  --price-standalone-deposit-default-typography-line-height: var(
    --font-line-height-single-line
  );
  --price-standalone-deposit-default-typography-font-weight: var(
    --font-weight-bodycopy
  );
  --price-standalone-deposit-default-typography-font-family: var(
    --font-font-family-base
  );
  --price-standalone-weight-default-font-size: var(--font-font-size-bodycopy-m);
  --price-standalone-weight-default-typography-text-case: var(
    --font-case-bodycopy
  );
  --price-standalone-weight-default-typography-paragraph-spacing: var(
    --font-paragraph-spacing-bodycopy-none
  );
  --price-standalone-weight-default-typography-letter-spacing: var(
    --font-tracking-bodycopy-base
  );
  --price-standalone-weight-default-typography-line-height: var(
    --font-line-height-single-line
  );
  --price-standalone-weight-default-typography-font-weight: var(
    --font-weight-bodycopy
  );
  --price-standalone-weight-default-typography-font-family: var(
    --font-font-family-base
  );
  --price-standalone-weight-default-margin-left: var(
    --spacing-layout-margin-horizontal-price-standalone-weight-xxs
  );
  --price-standalone-price-value-default-font-size: var(
    --font-font-size-headline-xs
  );
  --price-standalone-price-value-default-typography-text-case: var(
    --font-case-bodycopy
  );
  --price-standalone-price-value-default-typography-letter-spacing: var(
    --font-tracking-headline
  );
  --price-standalone-price-value-default-typography-line-height: var(
    --font-line-height-single-line
  );
  --price-standalone-price-value-default-typography-font-weight: var(
    --font-weight-headline
  );
  --price-standalone-price-value-default-typography-font-family: var(
    --font-font-family-base
  );
  --price-discount-default-color: var(--color-informational-price-info);
  --price-weight-discounted-color: var(--color-marketing-text-discount);
  --price-weight-default-color: var(--color-informational-price-price-value);
  --price-rrp-default-color: var(--color-informational-price-info);
  --price-deposit-default-color: var(--color-informational-price-info);
  --price-price-value-discounted-color: var(--color-marketing-text-discount);
  --price-price-value-default-color: var(
    --color-informational-price-price-value
  );
  --price-integrated-default-gap-row: var(
    --spacing-layout-margin-vertical-price-integrated-xxs
  );
  --price-integrated-default-gap-column: var(
    --spacing-layout-margin-horizontal-price-integrated-xxs
  );
  --price-integrated-discount-default-font-size: var(
    --font-font-size-bodycopy-xs
  );
  --price-integrated-discount-default-typography-text-case: var(
    --font-case-bodycopy
  );
  --price-integrated-discount-default-typography-paragraph-spacing: var(
    --font-paragraph-spacing-bodycopy-none
  );
  --price-integrated-discount-default-typography-letter-spacing: var(
    --font-tracking-product-product-list-item-price
  );
  --price-integrated-discount-default-typography-line-height: var(
    --font-line-height-single-line
  );
  --price-integrated-discount-default-typography-font-weight: var(
    --font-weight-bodycopy
  );
  --price-integrated-discount-default-typography-font-family: var(
    --font-font-family-base
  );
  --price-integrated-rrp-default-font-size: var(--font-font-size-bodycopy-xs);
  --price-integrated-rrp-default-typography-text-case: var(
    --font-case-bodycopy
  );
  --price-integrated-rrp-default-typography-paragraph-spacing: var(
    --font-paragraph-spacing-bodycopy-none
  );
  --price-integrated-rrp-default-typography-letter-spacing: var(
    --font-tracking-product-product-list-item-price
  );
  --price-integrated-rrp-default-typography-line-height: var(
    --font-line-height-single-line
  );
  --price-integrated-rrp-default-typography-font-weight: var(
    --font-weight-bodycopy
  );
  --price-integrated-rrp-default-typography-font-family: var(
    --font-font-family-base
  );
  --price-integrated-deposit-default-font-size: var(
    --font-font-size-bodycopy-xs
  );
  --price-integrated-deposit-default-typography-text-case: var(
    --font-case-bodycopy
  );
  --price-integrated-deposit-default-typography-paragraph-spacing: var(
    --font-paragraph-spacing-bodycopy-none
  );
  --price-integrated-deposit-default-typography-letter-spacing: var(
    --font-tracking-product-product-list-item-price
  );
  --price-integrated-deposit-default-typography-line-height: var(
    --font-line-height-single-line
  );
  --price-integrated-deposit-default-typography-font-weight: var(
    --font-weight-bodycopy
  );
  --price-integrated-deposit-default-typography-font-family: var(
    --font-font-family-base
  );
  --price-integrated-weight-default-font-size: var(
    --font-font-size-bodycopy-xs
  );
  --price-integrated-weight-default-typography-paragraph-spacing: var(
    --font-paragraph-spacing-bodycopy-none
  );
  --price-integrated-weight-default-typography-letter-spacing: var(
    --font-tracking-product-product-list-item-price
  );
  --price-integrated-weight-default-typography-line-height: var(
    --font-line-height-single-line
  );
  --price-integrated-weight-default-typography-font-weight: var(
    --font-weight-bodycopy
  );
  --price-integrated-weight-default-typography-font-family: var(
    --font-font-family-base
  );
  --price-integrated-weight-default-margin-left: var(
    --spacing-layout-margin-horizontal-price-integrated-weight-xxs
  );
  --price-integrated-price-value-default-font-size: var(
    --font-font-size-bodycopy-xl
  );
  --price-integrated-price-value-default-typography-text-case: var(
    --font-case-bodycopy
  );
  --price-integrated-price-value-default-typography-paragraph-spacing: var(
    --font-paragraph-spacing-bodycopy-none
  );
  --price-integrated-price-value-default-typography-letter-spacing: var(
    --font-tracking-bodycopy-base
  );
  --price-integrated-price-value-default-typography-line-height: var(
    --font-line-height-single-line
  );
  --price-integrated-price-value-default-typography-font-weight: var(
    --font-weight-headline
  );
  --price-integrated-price-value-default-typography-font-family: var(
    --font-font-family-base
  );
  --overlay-box-teaser-bodycopy-default-line-height: var(
    --font-line-height-bodycopy-m
  );
  --overlay-box-teaser-bodycopy-default-font-size: var(
    --font-font-size-bodycopy-m
  );
  --overlay-box-teaser-bodycopy-default-typography-text-case: var(
    --font-case-bodycopy
  );
  --overlay-box-teaser-bodycopy-default-typography-paragraph-spacing: var(
    --font-paragraph-spacing-bodycopy-none
  );
  --overlay-box-teaser-bodycopy-default-typography-letter-spacing: var(
    --font-tracking-bodycopy-base
  );
  --overlay-box-teaser-bodycopy-default-typography-font-weight: var(
    --font-weight-bodycopy
  );
  --overlay-box-teaser-bodycopy-default-typography-font-family: var(
    --font-font-family-base
  );
  --overlay-box-teaser-bodycopy-default-color: var(
    --color-informational-text-bodycopy
  );
  --overlay-box-teaser-headline-default-line-height: var(
    --font-line-height-headline-xs
  );
  --overlay-box-teaser-headline-default-font-size: var(
    --font-font-size-headline-xs
  );
  --overlay-box-teaser-headline-default-typography-text-case: var(
    --font-case-headline-base
  );
  --overlay-box-teaser-headline-default-typography-paragraph-spacing: var(
    --font-paragraph-spacing-bodycopy-none
  );
  --overlay-box-teaser-headline-default-typography-letter-spacing: var(
    --font-tracking-headline
  );
  --overlay-box-teaser-headline-default-typography-font-weight: var(
    --font-weight-headline
  );
  --overlay-box-teaser-headline-default-typography-font-family: var(
    --font-font-family-base
  );
  --overlay-box-teaser-headline-default-color: var(
    --color-informational-text-headline-base
  );
  --overlay-box-teaser-image-default-border-radius: var(
    --radius-surface-overlay-box-teaser-image-xxs
  );
  --overlay-box-teaser-image-default-ratio: var(
    --aspect-ratio-surface-landscape-4to3
  );
  --overlay-box-teaser-image-default-height: calc(
    var(--overlay-box-teaser-image-default-width) *
      var(--overlay-box-teaser-image-default-ratio)
  );
  --overlay-box-teaser-overlay-box-headline-default-margin-bottom: var(
    --spacing-layout-margin-vertical-overlay-box-teaser-headline-xxs
  );
  --overlay-box-teaser-overlay-box-text-default-margin-bottom: var(
    --spacing-layout-margin-vertical-overlay-box-teaser-text-xxs
  );
  --overlay-box-teaser-overlay-box-default-max-width: var(
    --sizing-surface-width-overlay-box-teaser-overlay-box-max-xxs
  );
  --overlay-box-teaser-overlay-box-default-background-color: var(
    --color-marketing-content-brand-event-option01
  );
  --overlay-box-teaser-overlay-box-default-border-radius: var(
    --radius-surface-overlay-box-teaser-overlay-box-xxs
  );
  --overlay-box-teaser-overlay-box-default-vertical-padding: var(
    --spacing-layout-vertical-padding-overlay-box-teaser-xxs
  );
  --overlay-box-teaser-overlay-box-default-horizontal-padding: var(
    --spacing-layout-horizontal-padding-overlay-box-teaser-xxs
  );
  --overlay-box-teaser-overlay-box-default-margin-horizontal: var(
    --spacing-layout-margin-horizontal-overlay-box-teaser-xxs
  );
  --overlay-box-teaser-overlay-box-default-width: calc(
    var(--overlay-box-teaser-default-width) -
      var(--overlay-box-teaser-overlay-box-default-margin-horizontal) * 2
  );
  --overlay-box-teaser-default-max-width: var(
    --sizing-surface-width-overlay-box-teaser-max-xxs
  );
  --overlay-box-teaser-default-margin-vertical: var(
    --spacing-layout-margin-vertical-overlay-box-teaser-overlap
  );
  --overlay-default-background-blur: var(
    --blur-surface-background-blur-standard
  );
  --overlay-default-background-color: var(
    --color-surface-background-overlay-base
  );
  --option-chip-focus-default-outline-offset: var(
    --spacing-layout-outline-offset-focus
  );
  --option-chip-focus-default-border-width: var(
    --border-width-interaction-focus
  );
  --option-chip-focus-default-border-color: var(
    --color-interaction-focus-default
  );
  --option-chip-image-disabled-opacity: var(--opacity-image-disabled);
  --option-chip-text-disabled-color: var(
    --color-interaction-icon-disabled-base
  );
  --option-chip-text-default-color: var(--color-interaction-text-default-base);
  --option-chip-icon-disabled-color: var(
    --color-interaction-icon-disabled-base
  );
  --option-chip-icon-default-color: var(--color-interaction-icon-default-base);
  --option-chip-selected-border-default-color: var(
    --color-interaction-border-default-base
  );
  --option-chip-selected-active-background-color: var(
    --color-interaction-background-active-selected
  );
  --option-chip-selected-hover-background-color: var(
    --color-interaction-background-hover-selected
  );
  --option-chip-selected-default-border-width: var(
    --border-width-interaction-default
  );
  --option-chip-selected-default-background-color: var(
    --color-interaction-background-default-selected
  );
  --option-chip-disabled-background-color: var(
    --color-interaction-background-disabled-base
  );
  --option-chip-active-background-color: var(
    --color-interaction-background-active-chips-option
  );
  --option-chip-hover-background-color: var(
    --color-interaction-background-hover-chips-option
  );
  --option-chip-default-background-color: var(
    --color-interaction-background-default-subtle
  );
  --option-chip-chunky-default-border-radius: var(
    --radius-surface-chips-chunky
  );
  --option-chip-chunky-default-typography-text-case: var(--font-case-bodycopy);
  --option-chip-chunky-default-typography-paragraph-spacing: var(
    --font-paragraph-spacing-bodycopy-none
  );
  --option-chip-chunky-default-typography-letter-spacing: var(
    --font-tracking-bodycopy-base
  );
  --option-chip-chunky-default-typography-line-height: var(
    --font-line-height-bodycopy-m
  );
  --option-chip-chunky-default-typography-font-size: var(
    --font-font-size-bodycopy-m
  );
  --option-chip-chunky-default-typography-font-weight: var(
    --font-weight-bodycopy
  );
  --option-chip-chunky-default-gap-row: var(
    --spacing-layout-gap-row-chips-container
  );
  --option-chip-chunky-default-vertical-padding: var(
    --spacing-layout-vertical-padding-chips-chunky
  );
  --option-chip-chunky-default-horizontal-padding: var(
    --spacing-layout-horizontal-padding-chips-chunky
  );
  --option-chip-chunky-image-default-width: var(
    --sizing-surface-width-chips-image
  );
  --option-chip-pill-focus-default-border-radius: var(
    --radius-surface-chips-pill
  );
  --option-chip-pill-default-typography-text-case: var(--font-case-bodycopy);
  --option-chip-pill-default-typography-paragraph-spacing: var(
    --font-paragraph-spacing-bodycopy-none
  );
  --option-chip-pill-default-typography-letter-spacing: var(
    --font-tracking-bodycopy-base
  );
  --option-chip-pill-default-typography-line-height: var(
    --font-line-height-single-line
  );
  --option-chip-pill-default-typography-font-size: var(
    --font-font-size-bodycopy-m
  );
  --option-chip-pill-default-typography-font-weight: var(
    --font-weight-bodycopy
  );
  --option-chip-pill-default-typography-font-family: var(
    --font-font-family-base
  );
  --option-chip-pill-default-border-radius: var(--radius-surface-chips-pill);
  --option-chip-pill-default-height: var(--sizing-surface-height-chips-pill);
  --option-chip-pill-default-gap-row: var(
    --spacing-layout-gap-row-chips-container
  );
  --option-chip-pill-default-vertical-padding: var(
    --spacing-layout-vertical-padding-chips-pill
  );
  --option-chip-pill-default-horizontal-padding: var(
    --spacing-layout-horizontal-padding-chips-pill
  );
  --option-chip-pill-default-ratio: var(--aspect-ratio-surface-square);
  --option-chip-pill-icon-default-height: var(
    --sizing-surface-height-icon-base
  );
  --option-chip-pill-icon-default-width: var(--sizing-surface-width-icon-base);
  --list-item-image-default-ratio: var(--aspect-ratio-surface-square);
  --list-item-content-focus-default-border-width: var(
    --border-width-interaction-focus
  );
  --list-item-content-focus-default-border-radius: var(
    --radius-interaction-focus
  );
  --list-item-content-focus-default-border-color: var(
    --color-interaction-focus-default
  );
  --list-item-content-focus-default-outline-offset: var(
    --spacing-layout-outline-offset-focus
  );
  --list-item-content-text-body-default-typography-text-case: var(
    --font-case-bodycopy
  );
  --list-item-content-text-body-default-typography-paragraph-spacing: var(
    --font-paragraph-spacing-bodycopy-base
  );
  --list-item-content-text-body-default-typography-letter-spacing: var(
    --font-tracking-bodycopy-base
  );
  --list-item-content-text-body-default-typography-font-size: var(
    --font-font-size-bodycopy-s
  );
  --list-item-content-text-body-default-typography-line-height: var(
    --font-line-height-bodycopy-s
  );
  --list-item-content-text-body-default-typography-font-weight: var(
    --font-weight-bodycopy
  );
  --list-item-content-text-body-default-typography-font-family: var(
    --font-font-family-base
  );
  --list-item-content-text-body-default-color: var(
    --color-informational-text-bodycopy
  );
  --list-item-content-text-headline-prominent-typography-text-case: var(
    --font-case-headline-base
  );
  --list-item-content-text-headline-prominent-typography-letter-spacing: var(
    --font-tracking-headline
  );
  --list-item-content-text-headline-prominent-typography-line-height: var(
    --font-line-height-headline-2xs
  );
  --list-item-content-text-headline-prominent-typography-font-size: var(
    --font-font-size-headline-3xs
  );
  --list-item-content-text-headline-prominent-typography-font-weight: var(
    --font-weight-headline
  );
  --list-item-content-text-headline-prominent-typography-font-family: var(
    --font-font-family-base
  );
  --list-item-content-text-headline-default-typography-text-case: var(
    --font-case-headline-base
  );
  --list-item-content-text-headline-default-typography-paragraph-spacing: var(
    --font-paragraph-spacing-bodycopy-base
  );
  --list-item-content-text-headline-default-typography-letter-spacing: var(
    --font-tracking-bodycopy-base
  );
  --list-item-content-text-headline-default-typography-font-size: var(
    --font-font-size-bodycopy-m
  );
  --list-item-content-text-headline-default-typography-line-height: var(
    --font-line-height-bodycopy-m
  );
  --list-item-content-text-headline-default-typography-font-weight: var(
    --font-weight-bodycopy
  );
  --list-item-content-text-headline-default-typography-font-family: var(
    --font-font-family-base
  );
  --list-item-content-text-headline-default-color: var(
    --color-informational-text-headline-base
  );
  --list-item-content-text-headline-default-margin-bottom: var(
    --spacing-layout-margin-vertical-list-item-text
  );
  --list-item-content-active-border-color: var(
    --color-interaction-background-default-subtle
  );
  --list-item-content-active-border-width-bottom: var(
    --border-width-interaction-active
  );
  --list-item-content-hover-border-color: var(
    --color-interaction-border-hover-base
  );
  --list-item-content-hover-border-width-bottom: var(
    --border-width-interaction-hover
  );
  --list-item-content-icon-default-color: var(
    --color-interaction-icon-default-base
  );
  --list-item-content-icon-default-width: var(--sizing-surface-width-icon-base);
  --list-item-content-icon-default-height: var(
    --sizing-surface-height-icon-base
  );
  --list-item-content-image-default-border-radius: var(
    --radius-surface-list-item-content-image
  );
  --list-item-content-image-default-width: var(
    --sizing-surface-width-list-item-image
  );
  --list-item-content-default-border-color: var(
    --color-interaction-background-default-subtle
  );
  --list-item-content-default-background-color: var(
    --color-interaction-background-default-static
  );
  --list-item-content-default-border-width-bottom: var(
    --border-width-interaction-default
  );
  --list-item-content-default-gap-column: var(
    --spacing-layout-gap-column-icon-text-large
  );
  --list-item-content-default-horizontal-padding: var(
    --spacing-layout-horizontal-padding-list-item-content
  );
  --list-item-content-default-padding-top: var(
    --spacing-layout-vertical-padding-list-item-content
  );
  --list-item-content-default-min-height: var(
    --sizing-surface-height-list-item-content-min
  );
  --list-item-menu-selected-active-border-color: var(
    --color-interaction-border-active-base
  );
  --list-item-menu-selected-active-background-color: var(
    --color-interaction-background-active-chips-option
  );
  --list-item-menu-selected-hover-border-color: var(
    --color-interaction-border-active-base
  );
  --list-item-menu-selected-hover-background-colour: var(
    --color-interaction-background-hover-chips-option
  );
  --list-item-menu-selected-default-border-color: var(
    --color-interaction-border-active-base
  );
  --list-item-menu-selected-default-background-color: var(
    --color-interaction-background-default-subtle
  );
  --list-item-menu-focus-default-border-width: var(
    --border-width-interaction-focus
  );
  --list-item-menu-focus-default-border-color: var(
    --color-interaction-focus-default
  );
  --list-item-menu-focus-default-outline-offset: var(
    --spacing-layout-outline-offset-focus
  );
  --list-item-menu-active-background-color: var(
    --color-interaction-background-active-list-item
  );
  --list-item-menu-active-border-width: var(--border-width-interaction-default);
  --list-item-menu-hover-background-color: var(
    --color-interaction-background-hover-list-item
  );
  --list-item-menu-text-body-default-typography-text-case: var(
    --font-case-bodycopy
  );
  --list-item-menu-text-body-default-typography-paragraph-spacing: var(
    --font-paragraph-spacing-bodycopy-base
  );
  --list-item-menu-text-body-default-typography-letter-spacing: var(
    --font-tracking-bodycopy-base
  );
  --list-item-menu-text-body-default-typography-font-size: var(
    --font-font-size-bodycopy-s
  );
  --list-item-menu-text-body-default-typography-line-height: var(
    --font-line-height-bodycopy-s
  );
  --list-item-menu-text-body-default-typography-font-weight: var(
    --font-weight-bodycopy
  );
  --list-item-menu-text-body-default-typography-font-family: var(
    --font-font-family-base
  );
  --list-item-menu-text-body-default-color: var(
    --color-informational-text-bodycopy
  );
  --list-item-menu-text-headline-prominent-typography-text-case: var(
    --font-case-headline-base
  );
  --list-item-menu-text-headline-prominent-typography-letter-spacing: var(
    --font-tracking-headline
  );
  --list-item-menu-text-headline-prominent-typography-line-height: var(
    --font-line-height-headline-2xs
  );
  --list-item-menu-text-headline-prominent-typography-font-size: var(
    --font-font-size-headline-3xs
  );
  --list-item-menu-text-headline-prominent-typography-font-weight: var(
    --font-weight-headline
  );
  --list-item-menu-text-headline-prominent-typography-font-family: var(
    --font-font-family-base
  );
  --list-item-menu-text-headline-default-typography-text-case: var(
    --font-case-headline-base
  );
  --list-item-menu-text-headline-default-typography-paragraph-spacing: var(
    --font-paragraph-spacing-bodycopy-base
  );
  --list-item-menu-text-headline-default-typography-letter-spacing: var(
    --font-tracking-bodycopy-base
  );
  --list-item-menu-text-headline-default-typography-font-size: var(
    --font-font-size-bodycopy-m
  );
  --list-item-menu-text-headline-default-typography-line-height: var(
    --font-line-height-bodycopy-m
  );
  --list-item-menu-text-headline-default-typography-font-weight: var(
    --font-weight-bodycopy
  );
  --list-item-menu-text-headline-default-typography-font-family: var(
    --font-font-family-base
  );
  --list-item-menu-text-headline-default-color: var(
    --color-informational-text-headline-base
  );
  --list-item-menu-text-headline-default-margin-bottom: var(
    --spacing-layout-margin-vertical-list-item-text
  );
  --list-item-menu-image-default-width: var(
    --sizing-surface-width-list-item-image
  );
  --list-item-menu-image-default-border-radius: var(
    --radius-surface-list-item-menu-image
  );
  --list-item-menu-icon-default-color: var(
    --color-interaction-icon-default-base
  );
  --list-item-menu-icon-default-width: var(--sizing-surface-width-icon-base);
  --list-item-menu-icon-default-height: var(--sizing-surface-height-icon-base);
  --list-item-menu-default-border-radius: var(
    --radius-surface-list-item-menu-container
  );
  --list-item-menu-default-background-color: var(
    --color-interaction-background-default-static
  );
  --list-item-menu-default-gap-column: var(
    --spacing-layout-gap-column-icon-text-large
  );
  --list-item-menu-default-horizontal-padding: var(
    --spacing-layout-horizontal-padding-list-item-menu-compact
  );
  --list-item-menu-default-vertical-padding: var(
    --spacing-layout-vertical-padding-list-item-menu-compact
  );
  --list-item-menu-default-min-height: var(
    --sizing-surface-height-list-item-menu-min
  );
  --label-marketing-fact-icon-default-color: var(
    --color-marketing-icon-onbg-inverted
  );
  --label-marketing-fact-text-default-color: var(
    --color-marketing-text-onbg-inverted
  );
  --label-marketing-fact-default-background-color: var(
    --color-marketing-background-information
  );
  --label-marketing-attribute-icon-default-color: var(
    --color-marketing-icon-onbg-inverted
  );
  --label-marketing-attribute-text-default-color: var(
    --color-marketing-text-onbg-inverted
  );
  --label-marketing-attribute-default-background-color: var(
    --color-marketing-background-feature
  );
  --label-marketing-promo-icon-default-color: var(
    --color-marketing-icon-onbg-default
  );
  --label-marketing-promo-text-default-color: var(
    --color-marketing-text-onbg-default
  );
  --label-marketing-promo-default-background-color: var(
    --color-marketing-background-discount
  );
  --label-marketing-large-text-default-line-height: var(
    --font-line-height-single-line
  );
  --label-marketing-large-text-default-font-size: var(
    --font-font-size-status-label-marketing-large
  );
  --label-marketing-large-text-default-typography-text-case: var(
    --font-case-bodycopy
  );
  --label-marketing-large-text-default-typography-letter-spacing: var(
    --font-tracking-bodycopy-base
  );
  --label-marketing-large-text-default-typography-line-height: var(
    --font-line-height-single-line
  );
  --label-marketing-large-text-default-typography-font-weight: var(
    --font-weight-bodycopy
  );
  --label-marketing-large-text-default-typography-font-family: var(
    --font-font-family-base
  );
  --label-marketing-large-default-vertical-padding: var(
    --spacing-layout-vertical-padding-label-large
  );
  --label-marketing-large-default-padding-right: var(
    --spacing-layout-horizontal-padding-label-large
  );
  --label-marketing-large-default-padding-left: var(
    --spacing-layout-horizontal-padding-label-large
  );
  --label-marketing-small-text-default-line-height: var(
    --font-line-height-single-line
  );
  --label-marketing-small-text-default-font-size: var(
    --font-font-size-status-label-marketing-small
  );
  --label-marketing-small-text-default-typography-text-case: var(
    --font-case-bodycopy
  );
  --label-marketing-small-text-default-typography-paragraph-spacing: var(
    --font-paragraph-spacing-bodycopy-none
  );
  --label-marketing-small-text-default-typography-letter-spacing: var(
    --font-tracking-bodycopy-base
  );
  --label-marketing-small-text-default-typography-font-weight: var(
    --font-weight-bodycopy
  );
  --label-marketing-small-text-default-typography-font-family: var(
    --font-font-family-base
  );
  --label-marketing-small-default-vertical-padding: var(
    --spacing-layout-vertical-padding-label-small
  );
  --label-marketing-small-default-padding-right: var(
    --spacing-layout-horizontal-padding-label-small
  );
  --label-marketing-small-default-padding-left: var(
    --spacing-layout-horizontal-padding-label-small
  );
  --label-marketing-default-border-radius: var(
    --radius-surface-label-marketing
  );
  --label-marketing-default-gap-column: var(
    --spacing-layout-gap-column-label-container
  );
  --label-marketing-icon-large-default-height: var(
    --sizing-surface-height-label-icon-medium
  );
  --label-marketing-icon-large-default-width: var(
    --sizing-surface-width-label-icon-medium
  );
  --label-marketing-icon-small-default-height: var(
    --sizing-surface-width-label-icon-small
  );
  --label-marketing-icon-small-default-width: var(
    --sizing-surface-height-label-icon-small
  );
  --label-info-icon-default-color: var(--color-informational-label-icon);
  --label-info-large-default-line-height: var(--font-line-height-single-line);
  --label-info-large-default-font-size: var(
    --font-font-size-status-label-info-large
  );
  --label-info-large-default-vertical-padding: var(
    --spacing-layout-vertical-padding-label-large
  );
  --label-info-large-default-padding-right: var(
    --spacing-layout-horizontal-padding-label-large
  );
  --label-info-large-default-padding-left: var(
    --spacing-layout-horizontal-padding-label-large
  );
  --label-info-large-default-typography-text-case: var(--font-case-bodycopy);
  --label-info-large-default-typography-letter-spacing: var(
    --font-tracking-bodycopy-base
  );
  --label-info-large-default-typography-font-weight: var(
    --font-weight-bodycopy
  );
  --label-info-large-default-typography-font-family: var(
    --font-font-family-base
  );
  --label-info-large-icon-default-height: var(
    --sizing-surface-height-label-icon-large
  );
  --label-info-large-icon-default-width: var(
    --sizing-surface-width-label-icon-large
  );
  --label-info-small-default-vertical-padding: var(
    --spacing-layout-vertical-padding-label-small
  );
  --label-info-small-default-padding-right: var(
    --spacing-layout-horizontal-padding-label-small
  );
  --label-info-small-default-padding-left: var(
    --spacing-layout-horizontal-padding-label-small
  );
  --label-info-small-text-default-line-height: var(
    --font-line-height-single-line
  );
  --label-info-small-text-default-font-size: var(
    --font-font-size-status-label-info-small
  );
  --label-info-small-text-default-typography-text-case: var(
    --font-case-bodycopy
  );
  --label-info-small-text-default-typography-letter-spacing: var(
    --font-tracking-bodycopy-base
  );
  --label-info-small-text-default-typography-font-weight: var(
    --font-weight-bodycopy
  );
  --label-info-small-text-default-typography-font-family: var(
    --font-font-family-base
  );
  --label-info-small-icon-default-height: var(
    --sizing-surface-height-label-icon-small
  );
  --label-info-small-icon-default-width: var(
    --sizing-surface-width-label-icon-small
  );
  --label-info-text-default-color: var(--color-informational-label-text);
  --label-info-default-gap-column: var(
    --spacing-layout-gap-column-label-container
  );
  --label-info-default-background-color: var(
    --color-informational-background-subtle
  );
  --label-info-default-border-radius: var(--radius-surface-label-info);
  --label-status-large-text-default-line-height: var(
    --font-line-height-single-line
  );
  --label-status-large-text-default-font-size: var(
    --font-font-size-status-label-main-large
  );
  --label-status-large-text-default-typography-text-case: var(
    --font-case-bodycopy
  );
  --label-status-large-text-default-typography-paragraph-spacing: var(
    --font-paragraph-spacing-bodycopy-none
  );
  --label-status-large-text-default-typography-letter-spacing: var(
    --font-tracking-bodycopy-base
  );
  --label-status-large-text-default-typography-font-weight: var(
    --font-weight-bodycopy
  );
  --label-status-large-text-default-typography-font-family: var(
    --font-font-family-base
  );
  --label-status-large-icon-default-height: var(
    --sizing-surface-width-label-icon-large
  );
  --label-status-large-icon-default-width: var(
    --sizing-surface-height-label-icon-large
  );
  --label-status-large-default-vertical-padding: var(
    --spacing-layout-vertical-padding-label-large
  );
  --label-status-large-default-padding-right: var(
    --spacing-layout-horizontal-padding-label-large
  );
  --label-status-large-default-padding-left: var(
    --spacing-layout-horizontal-padding-label-large
  );
  --label-status-small-text-default-line-height: var(
    --font-line-height-single-line
  );
  --label-status-small-text-default-font-size: var(
    --font-font-size-status-label-main-small
  );
  --label-status-small-text-default-typography-text-case: var(
    --font-case-bodycopy
  );
  --label-status-small-text-default-typography-paragraph-spacing: var(
    --font-paragraph-spacing-bodycopy-none
  );
  --label-status-small-text-default-typography-letter-spacing: var(
    --font-tracking-bodycopy-base
  );
  --label-status-small-text-default-typography-font-weight: var(
    --font-weight-bodycopy
  );
  --label-status-small-text-default-typography-font-family: var(
    --font-font-family-base
  );
  --label-status-small-icon-default-height: var(
    --sizing-surface-width-icon-small
  );
  --label-status-small-icon-default-width: var(
    --sizing-surface-height-icon-small
  );
  --label-status-small-default-vertical-padding: var(
    --spacing-layout-vertical-padding-label-small
  );
  --label-status-small-default-padding-right: var(
    --spacing-layout-horizontal-padding-label-small
  );
  --label-status-small-default-padding-left: var(
    --spacing-layout-horizontal-padding-label-small
  );
  --label-status-default-gap-column: var(
    --spacing-layout-gap-column-label-container
  );
  --label-status-default-border-radius: var(--radius-surface-label-main);
  --label-status-error-text-default-color: var(--color-error-text-on-bg);
  --label-status-error-icon-default-color: var(--color-error-icon-on-bg);
  --label-status-error-default-background-color: var(
    --color-error-background-base
  );
  --label-status-attention-default-background-color: var(
    --color-attention-background-base
  );
  --label-status-success-default-background-color: var(
    --color-success-background-base
  );
  --label-status-update-text-default-color: var(
    --color-informational-text-on-bg
  );
  --label-status-update-icon-default-color: var(
    --color-informational-icon-on-bg
  );
  --label-status-update-default-background-color: var(
    --color-informational-background-base
  );
  --input-text-support-text-text-error-color: var(--color-error-text-base);
  --input-text-support-text-text-default-color: var(
    --color-informational-text-subtle
  );
  --input-text-support-text-default-typography-text-case: var(
    --font-case-bodycopy
  );
  --input-text-support-text-default-typography-letter-spacing: var(
    --font-tracking-bodycopy-extended
  );
  --input-text-support-text-default-typography-line-height: var(
    --font-line-height-status-support-text-mobile
  );
  --input-text-support-text-default-typography-font-size: var(
    --font-font-size-status-support-text-mobile
  );
  --input-text-support-text-default-typography-font-weight: var(
    --font-weight-bodycopy
  );
  --input-text-support-text-default-typography-font-family: var(
    --font-font-family-base
  );
  --input-text-support-text-default-gap-column: var(
    --spacing-layout-gap-column-icon-text-small
  );
  --input-text-support-text-icon-error-color: var(--color-error-icon-base);
  --input-text-support-text-icon-disabled-color: var(
    --color-interaction-icon-disabled-base
  );
  --input-text-support-text-icon-default-color: var(
    --color-informational-text-subtle
  );
  --input-text-support-text-icon-default-vertical-padding: var(
    --spacing-layout-vertical-padding-input-text-icon-xxs
  );
  --input-text-support-text-icon-default-width: var(
    --sizing-surface-width-icon-small
  );
  --input-text-support-text-icon-default-height: var(
    --sizing-surface-height-icon-small
  );
  --input-text-label-floating-default-typography-text-case: var(
    --font-case-bodycopy
  );
  --input-text-label-floating-default-typography-letter-spacing: var(
    --font-tracking-input-form-field-label
  );
  --input-text-label-floating-default-typography-line-height: var(
    --font-line-height-input-form-field-label-populated-mobile
  );
  --input-text-label-floating-default-typography-font-size: var(
    --font-font-size-input-form-field-label-populated-mobile
  );
  --input-text-label-floating-default-typography-font-weight: var(
    --font-weight-bodycopy
  );
  --input-text-label-floating-default-typography-font-family: var(
    --font-font-family-base
  );
  --input-text-field-text-default-typography-text-case: var(
    --font-case-bodycopy
  );
  --input-text-field-text-default-typography-letter-spacing: var(
    --font-tracking-bodycopy-base
  );
  --input-text-field-text-default-typography-line-height: var(
    --font-line-height-input-form-field-mobile
  );
  --input-text-field-text-default-typography-font-size: var(
    --font-font-size-input-form-field-mobile
  );
  --input-text-field-text-default-typography-font-weight: var(
    --font-weight-bodycopy
  );
  --input-text-field-text-default-typography-font-family: var(
    --font-font-family-base
  );
  --input-text-input-field-focus-default-border-radius: var(
    --radius-interaction-focus
  );
  --input-text-input-field-focus-default-border-width: var(
    --border-width-interaction-focus
  );
  --input-text-input-field-focus-default-border-color: var(
    --color-interaction-focus-default
  );
  --input-text-input-field-focus-default-outline-offset: var(
    --spacing-layout-outline-offset-focus
  );
  --input-text-input-field-label-floating-error-color: var(
    --color-error-text-base
  );
  --input-text-input-field-label-floating-disabled-color: var(
    --color-interaction-text-disabled-base
  );
  --input-text-input-field-label-floating-default-color: var(
    --color-interaction-text-default-base
  );
  --input-text-input-field-container-text-disabled-color: var(
    --color-interaction-text-disabled-base
  );
  --input-text-input-field-container-text-default-color: var(
    --color-informational-text-bodycopy
  );
  --input-text-input-field-container-placeholder-default-color: var(
    --color-informational-text-subtle
  );
  --input-text-input-field-container-label-disabled-color: var(
    --color-interaction-text-disabled-base
  );
  --input-text-input-field-container-label-default-color: var(
    --color-informational-text-subtle
  );
  --input-text-input-field-container-icon-error-color: var(
    --color-error-icon-base
  );
  --input-text-input-field-container-icon-disabled-color: var(
    --color-interaction-icon-disabled-base
  );
  --input-text-input-field-container-icon-default-color: var(
    --color-interaction-icon-default-base
  );
  --input-text-input-field-container-icon-default-width: var(
    --sizing-surface-width-icon-base
  );
  --input-text-input-field-container-icon-default-height: var(
    --sizing-surface-height-icon-base
  );
  --input-text-input-field-container-error-border-color: var(
    --color-error-border-base
  );
  --input-text-input-field-container-disabled-border-color: var(
    --color-interaction-border-disabled-base
  );
  --input-text-input-field-container-disabled-border-width-bottom: var(
    --border-width-interaction-disabled
  );
  --input-text-input-field-container-active-border-width-bottom: var(
    --border-width-interaction-active
  );
  --input-text-input-field-container-hover-border-width-bottom: var(
    --border-width-interaction-hover
  );
  --input-text-input-field-container-default-gap-column: var(
    --spacing-layout-gap-column-icon-text-small
  );
  --input-text-input-field-container-default-border-color: var(
    --color-interaction-border-default-base
  );
  --input-text-input-field-container-default-border-width-bottom: var(
    --border-width-interaction-default
  );
  --input-text-input-field-container-default-padding-bottom: var(
    --spacing-layout-vertical-padding-input-text-container-bottom-xxs
  );
  --input-text-input-field-container-default-padding-top: var(
    --spacing-layout-vertical-padding-input-text-container-top-xxs
  );
  --input-text-input-field-default-height: var(
    --sizing-surface-height-input-text-input-field-xxs
  );
  --input-text-default-gap-row: var(
    --spacing-layout-gap-row-input-text-container
  );
  --info-chip-focus-default-outline-offset: var(
    --spacing-layout-outline-offset-focus
  );
  --info-chip-focus-default-border-width: var(--border-width-interaction-focus);
  --info-chip-focus-default-border-radius: var(--radius-surface-chips-pill);
  --info-chip-focus-default-border-color: var(
    --color-interaction-focus-default
  );
  --info-chip-text-default-color: var(--color-informational-text-chips-info);
  --info-chip-icon-default-color: var(--color-informational-icon-chips-info);
  --info-chip-icon-default-height: var(--sizing-surface-height-icon-base);
  --info-chip-icon-default-width: var(--sizing-surface-width-icon-base);
  --info-chip-default-typography-text-case: var(--font-case-bodycopy);
  --info-chip-default-typography-paragraph-spacing: var(
    --font-paragraph-spacing-bodycopy-none
  );
  --info-chip-default-typography-letter-spacing: var(
    --font-tracking-bodycopy-base
  );
  --info-chip-default-typography-line-height: var(
    --font-line-height-single-line
  );
  --info-chip-default-typography-font-weight: var(--font-weight-bodycopy);
  --info-chip-default-typography-font-family: var(--font-font-family-base);
  --info-chip-default-background-color: var(
    --color-informational-background-subtle
  );
  --info-chip-default-border-radius: var(--radius-surface-chips-pill);
  --info-chip-default-gap-row: var(--spacing-layout-gap-row-chips-container);
  --info-chip-default-vertical-padding: var(
    --spacing-layout-vertical-padding-chips-pill
  );
  --info-chip-default-horizontal-padding: var(
    --spacing-layout-horizontal-padding-chips-pill
  );
  --info-chip-default-height: var(--sizing-surface-height-chips-pill);
  --image-default-border-radius: var(--radius-surface-image-container);
  --icon-default-ratio: var(--aspect-ratio-surface-square);
  --icon-default-width: var(--sizing-surface-width-icon-base);
  --header-search-input-text-default-line-height: var(
    --font-line-height-bodycopy-m
  );
  --header-search-input-text-default-font-size: var(
    --font-font-size-bodycopy-m
  );
  --header-search-input-text-default-color: var(
    --color-informational-text-bodycopy
  );
  --header-search-input-text-default-typography-text-case: var(
    --font-case-bodycopy
  );
  --header-search-input-text-default-typography-paragraph-spacing: var(
    --font-paragraph-spacing-bodycopy-base
  );
  --header-search-input-text-default-typography-letter-spacing: var(
    --font-tracking-bodycopy-base
  );
  --header-search-input-text-default-typography-font-weight: var(
    --font-weight-bodycopy
  );
  --header-search-input-text-default-typography-font-family: var(
    --font-font-family-base
  );
  --header-search-input-placeholder-default-line-height: var(
    --font-line-height-bodycopy-m
  );
  --header-search-input-placeholder-default-font-size: var(
    --font-font-size-bodycopy-m
  );
  --header-search-input-placeholder-default-color: var(
    --color-informational-text-subtle
  );
  --header-search-input-placeholder-default-typography-text-case: var(
    --font-case-bodycopy
  );
  --header-search-input-placeholder-default-typography-paragraph-spacing: var(
    --font-paragraph-spacing-bodycopy-base
  );
  --header-search-input-placeholder-default-typography-letter-spacing: var(
    --font-tracking-bodycopy-base
  );
  --header-search-input-placeholder-default-typography-font-weight: var(
    --font-weight-bodycopy
  );
  --header-search-input-placeholder-default-typography-font-family: var(
    --font-font-family-base
  );
  --header-search-input-icon-disabled-color: var(
    --color-interaction-component-header-icon-default-color
  );
  --header-search-input-icon-default-color: var(
    --color-interaction-icon-default-base
  );
  --header-search-input-icon-default-width: var(
    --sizing-surface-width-icon-base
  );
  --header-search-input-icon-default-height: var(
    --sizing-surface-height-icon-base
  );
  --header-search-input-default-gap-column: var(
    --spacing-layout-gap-column-icon-text-medium
  );
  --header-search-cancel-icon-default-width: var(
    --sizing-surface-width-icon-base
  );
  --header-search-cancel-icon-default-height: var(
    --sizing-surface-height-icon-base
  );
  --header-search-cancel-icon-default-color: var(
    --color-interaction-icon-default-base
  );
  --header-search-cancel-hover-background-color: var(
    --color-interaction-background-hover-muted
  );
  --header-search-cancel-active-background-color: var(
    --color-interaction-background-active-subtle
  );
  --header-search-cancel-default-background-color: var(
    --color-interaction-component-header-button-background
  );
  --header-search-cancel-default-border-color: var(
    --color-interaction-component-header-button-border-color
  );
  --header-search-cancel-default-border-width-left: var(
    --border-width-interaction-default
  );
  --header-search-cancel-default-horizontal-padding: var(
    --spacing-layout-horizontal-padding-header-search-cancel-xxs
  );
  --header-search-cancel-default-vertical-padding: var(
    --spacing-layout-vertical-padding-header-search-cancel-xxs
  );
  --header-search-active-background-color: var(--color-surface-background-base);
  --header-search-active-padding-left: var(
    --spacing-layout-horizontal-padding-header-search-active-xxs
  );
  --header-search-active-gap-column: var(
    --spacing-layout-gap-column-icon-text-large
  );
  --header-content-actions-default-gap-column: var(
    --spacing-layout-gap-column-header-actions-xxs
  );
  --header-content-logo-default-width: var(--sizing-surface-width-header-logo);
  --header-content-logo-default-height: var(
    --sizing-surface-height-header-logo
  );
  --header-content-logo-default-margin-right: var(
    --spacing-layout-margin-horizontal-header-logo-xxs
  );
  --header-content-logo-default-margin-left: var(
    --spacing-layout-margin-horizontal-header-logo-xxs
  );
  --header-content-logo-default-margin-bottom: var(
    --spacing-layout-margin-vertical-header-logo-xxs
  );
  --header-content-logo-default-margin-top: var(
    --spacing-layout-margin-vertical-header-logo-xxs
  );
  --header-content-default-vertical-padding: var(
    --spacing-layout-vertical-padding-header-content-container-xxs
  );
  --header-content-default-gap-column: var(
    --spacing-layout-gap-column-header-content-xxs
  );
  --header-topbar-service-selection-text-link-default-line-height: var(
    --font-line-height-bodycopy-xs
  );
  --header-topbar-service-selection-text-link-default-font-size: var(
    --font-font-size-bodycopy-xs
  );
  --header-topbar-service-selection-text-link-default-color: var(
    --color-interaction-text-default-on-bg
  );
  --header-topbar-service-selection-text-link-default-typography-text-case: var(
    --font-case-bodycopy
  );
  --header-topbar-service-selection-text-link-default-typography-letter-spacing: var(
    --font-tracking-navigation-header-service-selection
  );
  --header-topbar-service-selection-text-link-default-typography-font-weight: var(
    --font-weight-headline
  );
  --header-topbar-service-selection-text-link-default-typography-font-family: var(
    --font-font-family-base
  );
  --header-topbar-service-selection-text-default-line-height: var(
    --font-line-height-bodycopy-xs
  );
  --header-topbar-service-selection-text-default-font-size: var(
    --font-font-size-bodycopy-xs
  );
  --header-topbar-service-selection-text-default-color: var(
    --color-informational-text-on-bg-default
  );
  --header-topbar-service-selection-text-default-typography-text-case: var(
    --font-case-bodycopy
  );
  --header-topbar-service-selection-text-default-typography-letter-spacing: var(
    --font-tracking-navigation-header-service-selection
  );
  --header-topbar-service-selection-text-default-typography-font-weight: var(
    --font-weight-bodycopy
  );
  --header-topbar-service-selection-text-default-typography-font-family: var(
    --font-font-family-base
  );
  --header-topbar-service-selection-icon-default-color: var(
    --color-interaction-icon-default-on-bg
  );
  --header-topbar-service-selection-icon-default-width: var(
    --sizing-surface-width-icon-small
  );
  --header-topbar-service-selection-icon-default-height: var(
    --sizing-surface-height-icon-small
  );
  --header-topbar-service-selection-default-vertical-padding: var(
    --spacing-layout-vertical-padding-header-top-bar-service-selection-xxs
  );
  --header-topbar-service-selection-default-gap-column: var(
    --spacing-layout-gap-column-icon-text-small
  );
  --header-topbar-default-background-color: var(
    --color-surface-background-header-base
  );
  --header-topbar-default-vertical-padding: var(
    --spacing-layout-vertical-padding-header-top-bar-container-xxs
  );
  --header-topbar-default-gap-column: var(
    --spacing-layout-gap-column-header-top-bar
  );
  --header-default-gap-row: var(--spacing-layout-gap-row-header-container);
  --header-default-backgroundcolor: var(--color-surface-background-base);
  --dropdown-default-max-height: var(--sizing-surface-height-dropdown-max);
  --dropdown-default-border-radius: var(--radius-surface-dropdown-container);
  --dropdown-default-background-color: var(--color-surface-background-base);
  --dropdown-default-horizontal-padding: var(
    --spacing-layout-horizontal-padding-dropdown-xxs
  );
  --dropdown-default-vertical-padding: var(
    --spacing-layout-vertical-padding-dropdown-xxs
  );
  --drawer-buttons-default-gap-row: var(
    --spacing-layout-gap-row-group-button-xxs
  );
  --drawer-buttons-default-vertical-padding: var(
    --spacing-layout-vertical-padding-drawer-xxs
  );
  --drawer-buttons-default-horizontal-padding: var(
    --spacing-layout-horizontal-padding-drawer-xxs
  );
  --drawer-default-padding-bottom: var(
    --spacing-layout-margin-vertical-drawer-container
  );
  --drawer-default-padding-top: var(
    --spacing-layout-margin-vertical-drawer-container
  );
  --drawer-default-background-color: var(--color-surface-background-base);
  --drawer-default-border-radius: var(--radius-surface-drawer-xxs);
  --drawer-default-max-height: var(--sizing-surface-height-drawer-max-xxs);
  --drawer-content-scroll-default-margin-right: var(
    --spacing-layout-margin-horizontal-drawer-scroll
  );
  --drawer-content-scroll-default-border-radius: var(
    --radius-surface-scroll-base
  );
  --drawer-content-scroll-default-height: var(
    --sizing-surface-height-scroll-base
  );
  --drawer-content-scroll-default-width: var(
    --sizing-surface-width-scroll-base
  );
  --drawer-content-scroll-default-color: var(
    --color-surface-background-scrollbar-base
  );
  --drawer-content-default-horizontal-padding: var(
    --spacing-layout-horizontal-padding-drawer-xxs
  );
  --drawer-headline-default-vertical-padding: var(
    --spacing-layout-vertical-padding-drawer-xxs
  );
  --drawer-headline-default-padding-right: var(
    --spacing-layout-horizontal-padding-drawer-xxs
  );
  --drawer-headline-default-padding-left: var(
    --spacing-layout-horizontal-padding-drawer-xxs
  );
  --drawer-headline-text-default-line-height: var(
    --font-line-height-headline-xs
  );
  --drawer-headline-text-default-font-size: var(--font-font-size-headline-xs);
  --drawer-headline-text-default-color: var(
    --color-informational-text-headline-base
  );
  --drawer-headline-text-default-typorgraphy-text-case: var(
    --font-case-headline-base
  );
  --drawer-headline-text-default-typorgraphy-letter-spacing: var(
    --font-tracking-headline
  );
  --drawer-headline-text-default-typorgraphy-font-weight: var(
    --font-weight-headline
  );
  --drawer-headline-text-default-typorgraphy-font-family: var(
    --font-font-family-base
  );
  --check-box-text-disabled-color: var(--color-informational-text-subtle);
  --check-box-text-default-line-height: var(--font-line-height-bodycopy-m);
  --check-box-text-default-font-size: var(
    --font-font-size-input-control-mobile
  );
  --check-box-text-default-color: var(--color-informational-text-bodycopy);
  --check-box-text-default-typography-text-case: var(--font-case-bodycopy);
  --check-box-text-default-typography-paragraph-spacing: var(
    --font-paragraph-spacing-bodycopy-base
  );
  --check-box-text-default-typography-letter-spacing: var(
    --font-tracking-bodycopy-base
  );
  --check-box-text-default-typography-font-weight: var(--font-weight-bodycopy);
  --check-box-text-default-typography-font-family: var(--font-font-family-base);
  --check-box-input-icon-disabled-color: var(
    --color-interaction-icon-disabled-base
  );
  --check-box-input-icon-error-color: var(--color-error-icon-base);
  --check-box-input-icon-default-width: var(
    --sizing-surface-width-checkbox-icon
  );
  --check-box-input-icon-default-height: var(
    --sizing-surface-height-checkbox-icon
  );
  --check-box-input-icon-default-color: var(
    --color-interaction-icon-default-base
  );
  --check-box-input-focus-default-horizontal-padding: var(
    --spacing-layout-outline-offset-focus
  );
  --check-box-input-focus-default-vertical-padding: var(
    --spacing-layout-outline-offset-focus
  );
  --check-box-input-focus-default-border-width: var(
    --border-width-interaction-focus
  );
  --check-box-input-focus-default-border-radius: var(
    --radius-interaction-focus
  );
  --check-box-input-focus-default-border-color: var(
    --color-interaction-focus-default
  );
  --check-box-input-disabled-border-color: var(
    --color-interaction-border-disabled-base
  );
  --check-box-input-active-background-color: var(
    --color-interaction-background-active-subtle
  );
  --check-box-input-active-border-color: var(
    --color-interaction-border-active-base
  );
  --check-box-input-hover-background-color: var(
    --color-interaction-background-hover-muted
  );
  --check-box-input-hover-border-color: var(
    --color-interaction-border-hover-base
  );
  --check-box-input-error-border-color: var(--color-error-border-base);
  --check-box-input-error-border-width: var(--border-width-interaction-error);
  --check-box-input-default-border-color: var(
    --color-interaction-border-default-base
  );
  --check-box-input-default-border-width: var(
    --border-width-interaction-default
  );
  --check-box-input-default-width: var(--sizing-surface-width-checkbox-input);
  --check-box-input-default-height: var(--sizing-surface-height-checkbox-input);
  --check-box-input-default-border-radius: var(--radius-surface-checkbox-input);
  --check-box-input-default-vertical-padding: var(
    --spacing-layout-vertical-padding-checkbox-input-xxs
  );
  --check-box-default-item-spacing: var(
    --spacing-layout-gap-column-icon-text-medium
  );
  --button-group-spacing-horizontal-default-gap-row: var(
    --spacing-layout-gap-row-group-button-xxs
  );
  --button-group-spacing-vertical-default-gap-column: var(
    --spacing-layout-gap-column-group-button-xxs
  );
  --button-on-dark-tertiary-focus-default-border-color: var(
    --color-interaction-focus-default
  );
  --button-on-dark-tertiary-text-disabled-color: var(
    --color-interaction-text-disabled-base
  );
  --button-on-dark-tertiary-text-active-color: var(
    --color-interaction-text-default-on-bg
  );
  --button-on-dark-tertiary-text-hover-color: var(
    --color-interaction-text-default-on-bg
  );
  --button-on-dark-tertiary-text-default-color: var(
    --color-interaction-text-default-on-bg
  );
  --button-on-dark-tertiary-icon-disabled-color: var(
    --color-interaction-icon-disabled-base
  );
  --button-on-dark-tertiary-icon-active-color: var(
    --color-interaction-icon-default-on-bg
  );
  --button-on-dark-tertiary-icon-hover-color: var(
    --color-interaction-icon-default-on-bg
  );
  --button-on-dark-tertiary-icon-default-color: var(
    --color-interaction-icon-default-on-bg
  );
  --button-on-dark-tertiary-active-background-color: var(
    --color-interaction-component-button-background-active
  );
  --button-on-dark-tertiary-hover-background-color: var(
    --color-interaction-component-button-background-hover
  );
  --button-on-dark-secondary-focus-default-border-color: var(
    --color-interaction-focus-default
  );
  --button-on-dark-secondary-text-disabled-color: var(
    --color-interaction-text-disabled-base
  );
  --button-on-dark-secondary-text-active-color: var(
    --color-interaction-text-default-on-bg
  );
  --button-on-dark-secondary-text-hover-color: var(
    --color-interaction-text-default-on-bg
  );
  --button-on-dark-secondary-text-default-color: var(
    --color-interaction-text-default-on-bg
  );
  --button-on-dark-secondary-icon-disabled-color: var(
    --color-interaction-icon-disabled-base
  );
  --button-on-dark-secondary-icon-active-color: var(
    --color-interaction-icon-default-on-bg
  );
  --button-on-dark-secondary-icon-hover-color: var(
    --color-interaction-icon-default-on-bg
  );
  --button-on-dark-secondary-icon-default-color: var(
    --color-interaction-icon-default-on-bg
  );
  --button-on-dark-secondary-disabled-border-color: var(
    --color-interaction-border-disabled-base
  );
  --button-on-dark-secondary-active-border-color: var(
    --color-interaction-border-default-on-bg
  );
  --button-on-dark-secondary-active-background-color: var(
    --color-interaction-component-button-background-active
  );
  --button-on-dark-secondary-hover-border-color: var(
    --color-interaction-border-default-on-bg
  );
  --button-on-dark-secondary-hover-background-color: var(
    --color-interaction-component-button-background-hover
  );
  --button-on-dark-secondary-default-border-color: var(
    --color-interaction-border-default-on-bg
  );
  --button-on-dark-primary-focus-background-color: var(
    --color-interaction-background-default-on-bg
  );
  --button-on-dark-primary-focus-default-border-color: var(
    --color-interaction-focus-default
  );
  --button-on-dark-primary-text-disabled-color: var(
    --color-interaction-text-disabled-base
  );
  --button-on-dark-primary-text-focus-color: var(
    --color-interaction-text-default-base
  );
  --button-on-dark-primary-text-active-color: var(
    --color-interaction-text-default-base
  );
  --button-on-dark-primary-text-hover-color: var(
    --color-interaction-text-default-base
  );
  --button-on-dark-primary-text-default-color: var(
    --color-interaction-text-default-base
  );
  --button-on-dark-primary-icon-disabled-color: var(
    --color-interaction-icon-disabled-base
  );
  --button-on-dark-primary-icon-focus-color: var(
    --color-interaction-icon-default-base
  );
  --button-on-dark-primary-icon-active-color: var(
    --color-interaction-icon-default-base
  );
  --button-on-dark-primary-icon-hover-color: var(
    --color-interaction-icon-default-base
  );
  --button-on-dark-primary-icon-default-color: var(
    --color-interaction-icon-default-base
  );
  --button-on-dark-primary-disabled-background-color: var(
    --color-interaction-background-disabled-base
  );
  --button-on-dark-primary-active-background-color: var(
    --color-interaction-background-active-subtle
  );
  --button-on-dark-primary-hover-background-color: var(
    --color-interaction-background-default-subtle
  );
  --button-on-dark-primary-default-background-color: var(
    --color-interaction-background-default-on-bg
  );
  --button-standalone-default-width: var(--sizing-surface-width-button-circle);
  --button-standalone-default-height: var(
    --sizing-surface-height-button-circle
  );
  --button-standalone-default-border-radius: var(
    --radius-surface-button-circular
  );
  --button-standalone-default-vertical-padding: var(
    --spacing-layout-vertical-padding-button-circle
  );
  --button-standalone-default-horizontal-padding: var(
    --spacing-layout-horizontal-padding-button-circle
  );
  --button-button-group-default-vertical-padding: var(
    --spacing-layout-vertical-padding-button-base
  );
  --button-button-group-default-horizontal-padding: var(
    --spacing-layout-horizontal-padding-button-square
  );
  --button-button-group-default-width: var(
    --sizing-surface-width-button-square
  );
  --button-button-group-default-height: var(
    --sizing-surface-height-button-square
  );
  --button-tertiary-focus-default-border-color: var(
    --color-interaction-focus-default
  );
  --button-tertiary-text-disabled-color: var(
    --color-interaction-text-disabled-base
  );
  --button-tertiary-text-active-color: var(
    --color-interaction-icon-default-base
  );
  --button-tertiary-text-hover-color: var(
    --color-interaction-icon-default-base
  );
  --button-tertiary-text-default-color: var(
    --color-interaction-text-default-base
  );
  --button-tertiary-icon-disabled-color: var(
    --color-interaction-icon-disabled-base
  );
  --button-tertiary-icon-active-color: var(
    --color-interaction-icon-default-base
  );
  --button-tertiary-icon-hover-color: var(
    --color-interaction-icon-default-base
  );
  --button-tertiary-icon-default-color: var(
    --color-interaction-icon-default-base
  );
  --button-tertiary-active-background-color: var(
    --color-interaction-background-active-subtle
  );
  --button-tertiary-hover-background-color: var(
    --color-interaction-background-hover-muted
  );
  --button-secondary-focus-default-border-color: var(
    --color-interaction-focus-default
  );
  --button-secondary-text-disabled-color: var(
    --color-interaction-text-disabled-base
  );
  --button-secondary-text-active-color: var(
    --color-interaction-icon-default-base
  );
  --button-secondary-text-hover-color: var(
    --color-interaction-icon-default-base
  );
  --button-secondary-text-default-color: var(
    --color-interaction-text-default-base
  );
  --button-secondary-icon-disabled-color: var(
    --color-interaction-icon-disabled-base
  );
  --button-secondary-icon-active-color: var(
    --color-interaction-icon-default-base
  );
  --button-secondary-icon-hover-color: var(
    --color-interaction-icon-default-base
  );
  --button-secondary-icon-default-color: var(
    --color-interaction-icon-default-base
  );
  --button-secondary-disabled-border-color: var(
    --color-interaction-border-disabled-base
  );
  --button-secondary-active-border-color: var(
    --color-interaction-border-active-base
  );
  --button-secondary-active-background-color: var(
    --color-interaction-background-active-subtle
  );
  --button-secondary-hover-border-color: var(
    --color-interaction-border-hover-base
  );
  --button-secondary-hover-background-color: var(
    --color-interaction-background-hover-muted
  );
  --button-secondary-default-border-color: var(
    --color-interaction-border-default-base
  );
  --button-secondary-default-border-width: var(
    --border-width-surface-button-secondary
  );
  --button-primary-focus-background-color: var(
    --color-interaction-background-focus-base
  );
  --button-primary-focus-default-border-color: var(
    --color-interaction-focus-default
  );
  --button-primary-text-disabled-color: var(
    --color-interaction-text-disabled-base
  );
  --button-primary-text-focus-color: var(--color-interaction-icon-focus-on-bg);
  --button-primary-text-active-color: var(
    --color-interaction-icon-active-on-bg
  );
  --button-primary-text-hover-color: var(--color-interaction-icon-hover-on-bg);
  --button-primary-text-default-color: var(
    --color-interaction-text-default-on-bg
  );
  --button-primary-icon-disabled-color: var(
    --color-interaction-icon-disabled-base
  );
  --button-primary-icon-focus-color: var(--color-interaction-icon-focus-on-bg);
  --button-primary-icon-active-color: var(
    --color-interaction-icon-active-on-bg
  );
  --button-primary-icon-hover-color: var(--color-interaction-icon-hover-on-bg);
  --button-primary-icon-default-color: var(
    --color-interaction-icon-default-on-bg
  );
  --button-primary-disabled-background-color: var(
    --color-interaction-background-disabled-base
  );
  --button-primary-active-background-color: var(
    --color-interaction-background-active-base
  );
  --button-primary-hover-background-color: var(
    --color-interaction-background-hover-base
  );
  --button-primary-default-background-color: var(
    --color-interaction-background-default-base
  );
  --button-default-focus-default-padding: var(
    --spacing-layout-outline-offset-focus
  );
  --button-default-focus-border-width: var(--border-width-interaction-focus);
  --button-default-text-line-height: var(--font-line-height-single-line);
  --button-default-text-font-size: var(--font-font-size-action-button);
  --button-default-text-default-typography-text-case: var(--font-case-bodycopy);
  --button-default-text-default-typography-letter-spacing: var(
    --font-tracking-bodycopy-base
  );
  --button-default-text-default-typography-font-weight: var(
    --font-weight-bodycopy
  );
  --button-default-text-default-typography-font-family: var(
    --font-font-family-base
  );
  --button-default-icon-default-width: var(--sizing-surface-width-icon-base);
  --button-default-icon-default-height: var(--sizing-surface-height-icon-base);
  --button-default-height: var(--sizing-surface-height-button-xs);
  --button-default-min-width: var(--sizing-surface-width-button-min);
  --button-default-border-radius: var(--radius-surface-button-rectangular);
  --button-default-vertical-padding: var(
    --spacing-layout-vertical-padding-button-base
  );
  --button-default-horizontal-padding: var(
    --spacing-layout-horizontal-padding-button-base
  );
  --button-default-gap-row: var(--spacing-layout-gap-column-icon-text-medium);
  --breadcrumb-focus-default-border-radius: var(--radius-interaction-focus);
  --breadcrumb-focus-default-outline-offset: var(
    --spacing-layout-outline-offset-focus
  );
  --breadcrumb-focus-default-border-width: var(
    --border-width-interaction-focus
  );
  --breadcrumb-focus-default-border-color: var(
    --color-interaction-focus-default
  );
  --breadcrumb-separator-default-height: var(
    --sizing-surface-height-breadcrumb-separator
  );
  --breadcrumb-separator-default-width: var(
    --sizing-surface-width-breadcrumb-separator
  );
  --breadcrumb-separator-default-color: var(--color-surface-icon-base);
  --breadcrumb-first-item-ellipsis-default-typography-text-case: var(
    --font-case-bodycopy
  );
  --breadcrumb-first-item-ellipsis-default-typography-letter-spacing: var(
    --font-tracking-bodycopy-base
  );
  --breadcrumb-first-item-ellipsis-default-typography-font-size: var(
    --font-font-size-bodycopy-s
  );
  --breadcrumb-first-item-ellipsis-default-typography-line-height: var(
    --font-line-height-bodycopy-s
  );
  --breadcrumb-first-item-ellipsis-default-typography-font-weight: var(
    --font-weight-bodycopy
  );
  --breadcrumb-first-item-ellipsis-default-typography-font-family: var(
    --font-font-family-base
  );
  --breadcrumb-first-item-ellipsis-default-color: var(
    --color-interaction-text-default-base
  );
  --breadcrumb-first-item-active-background-color: var(
    --color-interaction-background-active-muted
  );
  --breadcrumb-first-item-hover-background-color: var(
    --color-interaction-background-hover-muted
  );
  --breadcrumb-first-item-default-border-radius: var(
    --radius-surface-breadcrumb-container
  );
  --breadcrumb-first-item-default-margin-bottom: var(
    --spacing-layout-margin-vertical-breadcrumb-container
  );
  --breadcrumb-first-item-default-vertical-padding: var(
    --spacing-layout-vertical-padding-breadcrumb-container
  );
  --breadcrumb-first-item-default-horizontal-padding: var(
    --spacing-layout-horizontal-padding-breadcrumb-container
  );
  --breadcrumb-first-item-default-border-color: var(
    --color-interaction-border-default-base
  );
  --breadcrumb-text-disabled-color: var(--color-interaction-text-disabled-base);
  --breadcrumb-text-active-color: var(--color-interaction-text-active-base);
  --breadcrumb-text-hover-color: var(--color-interaction-text-hover-base);
  --breadcrumb-text-default-typography-text-case: var(--font-case-bodycopy);
  --breadcrumb-text-default-typography-letter-spacing: var(
    --font-tracking-bodycopy-base
  );
  --breadcrumb-text-default-typography-font-size: var(
    --font-font-size-bodycopy-s
  );
  --breadcrumb-text-default-typography-line-height: var(
    --font-line-height-bodycopy-s
  );
  --breadcrumb-text-default-typography-font-weight: var(--font-weight-bodycopy);
  --breadcrumb-text-default-typography-font-family: var(
    --font-font-family-base
  );
  --breadcrumb-text-default-color: var(--color-interaction-text-default-base);
  --breadcrumb-default-gap-column: var(
    --spacing-layout-gap-column-icon-text-medium
  );
  --brandname-focus-default-border-width: var(--border-width-interaction-focus);
  --brandname-focus-default-border-radius: var(--radius-interaction-focus);
  --brandname-focus-default-vertical-padding: var(
    --spacing-layout-outline-offset-focus
  );
  --brandname-focus-default-horizontal-padding: var(
    --spacing-layout-outline-offset-focus
  );
  --brandname-focus-default-border-color: var(
    --color-interaction-focus-default
  );
  --brandname-text-static-color: var(--color-interaction-text-default-static);
  --brandname-text-default-line-height: var(--font-line-height-single-line);
  --brandname-text-default-font-size: var(--font-font-size-bodycopy-xs);
  --brandname-text-default-typography-text-case: var(
    --font-case-product-brand-name
  );
  --brandname-text-default-typography-letter-spacing: var(
    --font-tracking-product-product-list-item-brand-name
  );
  --brandname-text-default-typography-font-weight: var(--font-weight-bodycopy);
  --brandname-text-default-typography-font-family: var(--font-font-family-base);
  --badge-dot-icon-error-color: var(--color-error-icon-base);
  --badge-dot-icon-default-color: var(--color-informational-background-bold);
  --badge-dot-icon-default-width: var(--sizing-surface-width-badge-icon);
  --badge-dot-icon-default-height: var(--sizing-surface-height-badge-icon);
  --badge-text-default-line-height: var(--font-line-height-status-badge);
  --badge-text-default-font-size: var(--font-font-size-status-badge);
  --badge-text-default-color: var(--color-interaction-text-active-base);
  --badge-text-default-typography-text-case: var(--font-case-bodycopy);
  --badge-text-default-typography-letter-spacing: var(
    --font-tracking-bodycopy-base
  );
  --badge-text-default-typography-font-weight: var(--font-weight-bodycopy);
  --badge-text-default-typography-font-family: var(--font-font-family-base);
  --badge-default-background-color: var(--color-informational-background-bold);
  --badge-default-padding-bottom: var(
    --spacing-layout-vertical-padding-badge-bottom
  );
  --badge-default-padding-top: var(--spacing-layout-vertical-padding-badge-top);
  --badge-default-horizontal-padding: var(
    --spacing-layout-horizontal-padding-badge-container
  );
  --badge-default-border-radius: var(--radius-surface-badge-container);
  --badge-default-width: var(--sizing-surface-width-badge-container);
  --badge-default-height: var(--sizing-surface-height-badge-container);
  --action-chip-focus-default-outline-offset: var(
    --spacing-layout-outline-offset-focus
  );
  --action-chip-focus-default-border-color: var(
    --color-interaction-focus-default
  );
  --action-chip-focus-default-border-width: var(
    --border-width-interaction-focus
  );
  --action-chip-focus-default-border-radius: var(--radius-surface-chips-pill);
  --action-chip-text-disabled-color: var(
    --color-interaction-icon-disabled-base
  );
  --action-chip-text-default-color: var(--color-interaction-text-default-base);
  --action-chip-bulk-default-border-width: var(
    --border-width-interaction-default
  );
  --action-chip-bulk-border-disabled-color: var(
    --color-interaction-border-disabled-base
  );
  --action-chip-bulk-border-default-color: var(
    --color-interaction-border-default-base
  );
  --action-chip-bulk-active-background-color: var(
    --color-interaction-background-active-chips-action
  );
  --action-chip-bulk-hover-background-color: var(
    --color-interaction-background-hover-chips-action
  );
  --action-chip-single-disabled-background-color: var(
    --color-interaction-background-disabled-base
  );
  --action-chip-single-active-background-color: var(
    --color-interaction-background-active-chips-option
  );
  --action-chip-single-hover-background-color: var(
    --color-interaction-background-hover-chips-option
  );
  --action-chip-single-default-background-color: var(
    --color-interaction-background-default-subtle
  );
  --action-chip-icon-disabled-color: var(
    --color-interaction-icon-disabled-base
  );
  --action-chip-icon-default-color: var(--color-interaction-icon-default-base);
  --action-chip-icon-default-height: var(--sizing-surface-height-icon-base);
  --action-chip-icon-default-width: var(--sizing-surface-width-icon-base);
  --action-chip-default-typography-text-case: var(--font-case-bodycopy);
  --action-chip-default-typography-paragraph-spacing: var(
    --font-paragraph-spacing-bodycopy-none
  );
  --action-chip-default-typography-letter-spacing: var(
    --font-tracking-bodycopy-base
  );
  --action-chip-default-typography-line-height: var(
    --font-line-height-single-line
  );
  --action-chip-default-typography-font-size: var(--font-font-size-bodycopy-m);
  --action-chip-default-typography-font-weight: var(--font-weight-bodycopy);
  --action-chip-default-typography-font-family: var(--font-font-family-base);
  --action-chip-default-border-radius: var(--radius-surface-chips-pill);
  --action-chip-default-gap-row: var(--spacing-layout-gap-row-chips-container);
  --action-chip-default-vertical-padding: var(
    --spacing-layout-vertical-padding-chips-pill
  );
  --action-chip-default-horizontal-padding: var(
    --spacing-layout-horizontal-padding-chips-pill
  );
  --action-chip-default-height: var(--sizing-surface-height-chips-pill);
  --accordion-group-default-gap-row: var(
    --spacing-layout-gap-row-group-accordion-container
  );
  --accordion-default-border-width-bottom: var(
    --border-width-interaction-default
  );
  --accordion-default-border-color: var(
    --color-interaction-border-default-subtle
  );
  --accordion-expanded-default-padding-bottom: var(
    --spacing-layout-vertical-padding-accordion-expanded-xxs
  );
  --accordion-header-focus-default-border-width: var(
    --border-width-interaction-focus
  );
  --accordion-header-focus-default-border-radius: var(
    --radius-interaction-focus
  );
  --accordion-header-focus-default-vertical-padding: var(
    --spacing-layout-outline-offset-focus
  );
  --accordion-header-focus-default-horizontal-padding: var(
    --spacing-layout-outline-offset-focus
  );
  --accordion-header-focus-default-border-color: var(
    --color-interaction-focus-default
  );
  --accordion-header-text-default-line-height: var(
    --font-line-height-headline-4xs
  );
  --accordion-header-text-default-font-size: var(--font-font-size-headline-4xs);
  --accordion-header-text-default-max-width: var(
    --sizing-surface-width-accordion-text
  );
  --accordion-header-text-default-color: var(
    --color-informational-text-headline-base
  );
  --accordion-header-text-default-typography-text-case: var(
    --font-case-headline-base
  );
  --accordion-header-text-default-typography-letter-spacing: var(
    --font-tracking-headline
  );
  --accordion-header-text-default-typography-font-size: var(
    --font-font-size-headline-4xs
  );
  --accordion-header-text-default-typography-font-weight: var(
    --font-weight-headline
  );
  --accordion-header-text-default-typography-font-family: var(
    --font-font-family-base
  );
  --accordion-header-default-padding-bottom: var(
    --spacing-layout-vertical-padding-accordion-header-bottom-xxs
  );
  --accordion-header-default-gap-column: var(
    --spacing-layout-gap-column-icon-text-medium
  );
  --accordion-header-default-padding-top: var(
    --spacing-layout-vertical-padding-accordion-header-top-xxs
  );
  --accordion-header-trailing-icon-default-color: var(
    --color-interaction-icon-default-base
  );
  --accordion-header-trailing-icon-default-width: var(
    --sizing-surface-width-icon-base
  );
  --accordion-header-trailing-icon-default-height: var(
    --sizing-surface-height-icon-base
  );
  --accordion-header-leading-icon-default-color: var(
    --color-interaction-icon-default-base
  );
  --accordion-header-leading-icon-default-width: var(
    --sizing-surface-width-icon-base
  );
  --accordion-header-leading-icon-default-height: var(
    --sizing-surface-height-icon-base
  );
  --tooltip-text-default-typography-font-size: var(
    --tooltip-text-default-font-size
  );
  --tooltip-text-default-typography-line-height: var(
    --tooltip-text-default-line-height
  );
  --toggle-text-default-typography-font-size: var(
    --toggle-text-default-font-size
  );
  --toggle-text-default-typography-line-height: var(
    --toggle-text-default-line-height
  );
  --toggle-input-focus-default-border-radius: var(
    --toggle-input-handle-default-border-radius
  );
  --disclaimer-large-line-height: var(--disclaimer-line-height-large);
  --disclaimer-large-font-size: var(--disclaimer-font-size-large);
  --paragraph-large-line-height: var(--paragraph-line-height-large);
  --paragraph-large-font-size: var(--paragraph-font-size-large);
  --paragraph-small-line-height: var(--paragraph-line-height-small);
  --paragraph-small-font-size: var(--paragraph-font-size-small);
  --display-large-line-height: var(--display-line-height-large);
  --display-large-font-size: var(--display-fontsize-large);
  --display-medium-line-height: var(--display-line-height-medium);
  --display-medium-font-size: var(--display-fontsize-medium);
  --display-small-line-height: var(--display-line-height-small);
  --display-small-font-size: var(--display-fontsize-small);
  --subhead-large-line-height: var(--subhead-line-height-large);
  --subhead-large-font-size: var(--subhead-font-size-large);
  --module-large-line-height: var(--module-line-height-large);
  --module-large-font-size: var(--module-font-size-large);
  --module-small-line-height: var(--module-line-height-small);
  --module-small-font-size: var(--module-font-size-small);
  --title-large-line-height: var(--title-line-height-large);
  --title-large-font-size: var(--title-font-size-large);
  --title-medium-line-height: var(--title-line-height-medium);
  --title-medium-font-size: var(--title-font-size-medium);
  --title-small-line-height: var(--title-line-height-small);
  --title-small-font-size: var(--title-font-size-small);
  --list-sub-bullet-default-typography-line-height: var(
    --list-sub-bullet-default-line-height
  );
  --list-sub-bullet-default-typography-font-size: var(
    --list-sub-bullet-default-font-size
  );
  --list-sub-text-default-typography-line-height: var(
    --paragraph-line-height-large
  );
  --list-sub-text-default-typography-font-size: var(
    --paragraph-font-size-large
  );
  --list-sub-default-padding-left: calc(
    var(--list-parent-default-padding-left) +
      var(--spacing-layout-vertical-padding-accordion-expanded-xxs)
  );
  --list-parent-bullet-default-typography-line-height: var(
    --list-parent-bullet-default-line-height
  );
  --list-parent-bullet-default-typography-font-size: var(
    --list-parent-bullet-default-font-size
  );
  --list-parent-text-default-typography-line-height: var(
    --paragraph-line-height-large
  );
  --list-parent-text-default-typography-font-size: var(
    --paragraph-font-size-large
  );
  --bodycopy-disclaimer-large-text-default-typography-line-height: var(
    --disclaimer-line-height-large
  );
  --bodycopy-disclaimer-large-text-default-typography-font-size: var(
    --disclaimer-font-size-large
  );
  --bodycopy-paragraph-small-text-default-typography-line-height: var(
    --paragraph-line-height-small
  );
  --bodycopy-paragraph-small-text-default-typography-font-size: var(
    --paragraph-font-size-small
  );
  --bodycopy-paragraph-large-text-default-typography-line-height: var(
    --paragraph-line-height-large
  );
  --bodycopy-paragraph-large-text-default-typography-font-size: var(
    --paragraph-font-size-large
  );
  --bodycopy-subhead-large-text-default-typography-line-height: var(
    --subhead-line-height-large
  );
  --bodycopy-subhead-large-text-default-typography-font-size: var(
    --subhead-font-size-large
  );
  --heading-title-small-text-default-typography-line-height: var(
    --title-line-height-small
  );
  --heading-title-small-text-default-typography-font-size: var(
    --title-font-size-small
  );
  --heading-title-medium-text-default-typography-line-height: var(
    --title-line-height-medium
  );
  --heading-title-medium-text-default-typography-font-size: var(
    --title-font-size-medium
  );
  --heading-title-large-text-default-typography-line-height: var(
    --title-line-height-large
  );
  --heading-title-large-text-default-typography-font-size: var(
    --title-font-size-large
  );
  --heading-module-small-text-default-typography-line-height: var(
    --module-line-height-small
  );
  --heading-module-small-text-default-typography-font-size: var(
    --module-font-size-small
  );
  --heading-module-large-text-default-typography-line-height: var(
    --module-line-height-large
  );
  --heading-module-large-text-default-typography-font-size: var(
    --module-font-size-large
  );
  --heading-display-small-text-default-typography-line-height: var(
    --display-line-height-small
  );
  --heading-display-small-text-default-typography-font-size: var(
    --display-fontsize-small
  );
  --heading-display-medium-text-default-typography-line-height: var(
    --display-line-height-medium
  );
  --heading-display-medium-text-default-typography-font-size: var(
    --display-fontsize-medium
  );
  --heading-display-large-text-default-typography-line-height: var(
    --display-line-height-large
  );
  --heading-display-large-text-default-typography-font-size: var(
    --display-fontsize-large
  );
  --select-support-text-text-error-color: var(
    --input-text-support-text-text-error-color
  );
  --select-support-text-text-default-color: var(
    --input-text-support-text-text-default-color
  );
  --select-support-text-default-gap-column: var(
    --input-text-support-text-default-gap-column
  );
  --select-support-text-icon-error-color: var(
    --input-text-support-text-icon-error-color
  );
  --select-support-text-icon-disabled-color: var(
    --input-text-support-text-icon-disabled-color
  );
  --select-support-text-icon-default-color: var(
    --input-text-support-text-icon-default-color
  );
  --select-support-text-icon-default-vertical-padding: var(
    --input-text-support-text-icon-default-vertical-padding
  );
  --select-support-text-icon-default-width: var(
    --input-text-support-text-icon-default-width
  );
  --select-support-text-icon-default-height: var(
    --input-text-support-text-icon-default-height
  );
  --select-input-field-focus-default-border-radius: var(
    --input-text-input-field-focus-default-border-radius
  );
  --select-input-field-focus-default-border-width: var(
    --input-text-input-field-focus-default-border-width
  );
  --select-input-field-focus-default-border-color: var(
    --input-text-input-field-focus-default-border-color
  );
  --select-input-field-focus-default-outline-offset: var(
    --input-text-input-field-focus-default-outline-offset
  );
  --select-input-field-label-floating-error-color: var(
    --input-text-input-field-label-floating-error-color
  );
  --select-input-field-label-floating-disabled-color: var(
    --input-text-input-field-label-floating-disabled-color
  );
  --select-input-field-label-floating-default-color: var(
    --input-text-input-field-label-floating-default-color
  );
  --select-input-field-container-icon-trailing-error-color: var(
    --input-text-input-field-container-icon-error-color
  );
  --select-input-field-container-icon-trailing-disabled-color: var(
    --input-text-input-field-container-icon-disabled-color
  );
  --select-input-field-container-icon-trailing-default-color: var(
    --input-text-input-field-container-icon-default-color
  );
  --select-input-field-container-icon-trailing-default-width: var(
    --input-text-input-field-container-icon-default-width
  );
  --select-input-field-container-icon-trailing-default-height: var(
    --input-text-input-field-container-icon-default-height
  );
  --select-input-field-container-text-disabled-color: var(
    --input-text-input-field-container-text-disabled-color
  );
  --select-input-field-container-text-default-color: var(
    --input-text-input-field-container-text-default-color
  );
  --select-input-field-container-placeholder-default-color: var(
    --input-text-input-field-container-placeholder-default-color
  );
  --select-input-field-container-label-disabled-color: var(
    --input-text-input-field-container-label-disabled-color
  );
  --select-input-field-container-label-default-color: var(
    --input-text-input-field-container-label-default-color
  );
  --select-input-field-container-icon-leading-error-color: var(
    --input-text-input-field-container-icon-error-color
  );
  --select-input-field-container-icon-leading-disabled-color: var(
    --input-text-input-field-container-icon-disabled-color
  );
  --select-input-field-container-icon-leading-default-color: var(
    --input-text-input-field-container-icon-default-color
  );
  --select-input-field-container-icon-leading-default-width: var(
    --input-text-input-field-container-icon-default-width
  );
  --select-input-field-container-icon-leading-default-height: var(
    --input-text-input-field-container-icon-default-height
  );
  --select-input-field-container-error-border-color: var(
    --input-text-input-field-container-error-border-color
  );
  --select-input-field-container-disabled-border-color: var(
    --input-text-input-field-container-disabled-border-color
  );
  --select-input-field-container-disabled-border-width-bottom: var(
    --input-text-input-field-container-disabled-border-width-bottom
  );
  --select-input-field-container-active-border-width-bottom: var(
    --input-text-input-field-container-active-border-width-bottom
  );
  --select-input-field-container-active-border-color: var(
    --input-text-input-field-container-default-border-color
  );
  --select-input-field-container-hover-border-width-bottom: var(
    --input-text-input-field-container-hover-border-width-bottom
  );
  --select-input-field-container-hover-border-color: var(
    --input-text-input-field-container-default-border-color
  );
  --select-input-field-container-default-gap-column: var(
    --input-text-input-field-container-default-gap-column
  );
  --select-input-field-container-default-border-color: var(
    --input-text-input-field-container-default-border-color
  );
  --select-input-field-container-default-border-width-bottom: var(
    --input-text-input-field-container-default-border-width-bottom
  );
  --select-input-field-container-default-padding-bottom: var(
    --input-text-input-field-container-default-padding-bottom
  );
  --select-input-field-container-default-padding-top: var(
    --input-text-input-field-container-default-padding-top
  );
  --select-input-field-default-height: var(
    --input-text-input-field-default-height
  );
  --select-default-gap-row: var(--input-text-default-gap-row);
  --radio-button-text-default-typography-font-size: var(
    --radio-button-text-default-font-size
  );
  --radio-button-text-default-typography-line-height: var(
    --radio-button-text-default-line-height
  );
  --radio-button-input-focus-default-border-radius: var(
    --radio-button-input-default-border-radius
  );
  --quantity-input-input-text-default-typography-line-height: var(
    --quantity-input-input-text-default-line-height
  );
  --quantity-input-input-text-default-typography-font-size: var(
    --quantity-input-input-text-default-font-size
  );
  --promotion-card-horizontal-image-default-width: var(
    --promotion-card-horizontal-default-width
  );
  --promotion-card-vertical-image-default-width: var(
    --promotion-card-vertical-default-width
  );
  --product-list-item-flyout-main-image-default-height: calc(
    var(--product-list-item-flyout-main-image-default-width) *
      var(--product-list-item-flyout-main-image-default-ratio)
  );
  --product-list-item-commerce-main-image-default-height: calc(
    var(--product-list-item-commerce-main-image-default-width) *
      var(--product-list-item-commerce-main-image-default-ratio)
  );
  --product-card-image-default-height: calc(
    var(--product-card-image-default-width) *
      var(--product-card-image-default-ratio)
  );
  --price-standalone-discount-default-typography-font-size: var(
    --price-standalone-discount-default-font-size
  );
  --price-standalone-rrp-default-typography-font-size: var(
    --price-standalone-rrp-default-font-size
  );
  --price-standalone-deposit-default-typography-font-size: var(
    --price-standalone-deposit-default-font-size
  );
  --price-standalone-weight-default-typography-font-size: var(
    --price-standalone-weight-default-font-size
  );
  --price-standalone-price-value-default-typography-font-size: var(
    --price-standalone-price-value-default-font-size
  );
  --price-integrated-discount-default-typography-font-size: var(
    --price-integrated-discount-default-font-size
  );
  --price-integrated-rrp-default-typography-font-size: var(
    --price-integrated-rrp-default-font-size
  );
  --price-integrated-deposit-default-typography-font-size: var(
    --price-integrated-deposit-default-font-size
  );
  --price-integrated-weight-default-typography-font-size: var(
    --price-integrated-weight-default-font-size
  );
  --price-integrated-price-value-default-typography-font-size: var(
    --price-integrated-price-value-default-font-size
  );
  --overlay-box-teaser-bodycopy-default-typography-line-height: var(
    --overlay-box-teaser-bodycopy-default-line-height
  );
  --overlay-box-teaser-bodycopy-default-typography-font-size: var(
    --overlay-box-teaser-bodycopy-default-font-size
  );
  --overlay-box-teaser-headline-default-typography-line-height: var(
    --overlay-box-teaser-headline-default-line-height
  );
  --overlay-box-teaser-headline-default-typography-font-size: var(
    --overlay-box-teaser-headline-default-font-size
  );
  --option-chip-chunky-focus-default-border-radius: calc(
    var(--option-chip-chunky-default-border-radius) +
      var(--radius-interaction-focus)
  );
  --option-chip-chunky-image-default-height: calc(
    var(--option-chip-chunky-image-default-width) *
      var(--option-chip-pill-default-ratio)
  );
  --list-item-content-image-default-height: calc(
    var(--list-item-content-image-default-width) *
      var(--list-item-image-default-ratio)
  );
  --list-item-content-default-padding-bottom: calc(
    var(--list-item-content-default-padding-top) +
      var(--list-item-menu-active-border-width)
  );
  --list-item-menu-focus-default-border-radius: calc(
    var(--list-item-menu-default-border-radius) +
      var(--radius-interaction-focus)
  );
  --list-item-menu-image-default-height: calc(
    var(--list-item-menu-image-default-width) *
      var(--list-item-image-default-ratio)
  );
  --label-marketing-large-text-default-typography-font-size: var(
    --label-marketing-large-text-default-font-size
  );
  --label-marketing-small-text-default-typography-font-size: var(
    --label-marketing-small-text-default-font-size
  );
  --label-marketing-small-text-default-typography-line-height: var(
    --label-marketing-small-text-default-line-height
  );
  --label-info-large-default-typography-line-height: var(
    --label-info-large-default-line-height
  );
  --label-info-large-default-typography-font-size: var(
    --label-info-large-default-font-size
  );
  --label-info-small-text-default-typography-line-height: var(
    --label-info-small-text-default-line-height
  );
  --label-info-small-text-default-typography-font-size: var(
    --label-info-small-text-default-font-size
  );
  --label-status-large-text-default-typography-font-size: var(
    --label-status-large-text-default-font-size
  );
  --label-status-large-text-default-typography-line-height: var(
    --label-status-large-text-default-line-height
  );
  --label-status-small-text-default-typography-font-size: var(
    --label-status-small-text-default-font-size
  );
  --label-status-small-text-default-typography-line-height: var(
    --label-status-small-text-default-line-height
  );
  --label-status-attention-text-default-color: var(
    --color-attention-text-on-bg
  );
  --label-status-attention-icon-default-color: var(
    --color-attention-icon-on-bg
  );
  --label-status-success-text-default-color: var(--color-success-text-on-bg);
  --label-status-success-icon-default-color: var(--color-success-icon-on-bg);
  --icon-default-height: calc(
    var(--icon-default-width) * var(--icon-default-ratio)
  );
  --header-search-input-text-default-typography-font-size: var(
    --header-search-input-text-default-font-size
  );
  --header-search-input-text-default-typography-line-height: var(
    --header-search-input-text-default-line-height
  );
  --header-search-input-placeholder-default-typography-font-size: var(
    --header-search-input-placeholder-default-font-size
  );
  --header-search-input-placeholder-default-typography-line-height: var(
    --header-search-input-placeholder-default-line-height
  );
  --header-topbar-service-selection-text-link-default-typography-line-height: var(
    --header-topbar-service-selection-text-link-default-line-height
  );
  --header-topbar-service-selection-text-link-default-typography-font-size: var(
    --header-topbar-service-selection-text-link-default-font-size
  );
  --header-topbar-service-selection-text-default-typography-line-height: var(
    --header-topbar-service-selection-text-default-line-height
  );
  --header-topbar-service-selection-text-default-typography-font-size: var(
    --header-topbar-service-selection-text-default-font-size
  );
  --drawer-headline-text-default-typorgraphy-line-height: var(
    --drawer-headline-text-default-line-height
  );
  --drawer-headline-text-default-typorgraphy-font-size: var(
    --drawer-headline-text-default-font-size
  );
  --check-box-text-default-typography-font-size: var(
    --check-box-text-default-font-size
  );
  --check-box-text-default-typography-line-height: var(
    --check-box-text-default-line-height
  );
  --button-standalone-focus-default-border-radius: var(
    --button-standalone-default-border-radius
  );
  --button-default-focus-border-radius: calc(
    var(--button-default-border-radius) + var(--radius-interaction-focus)
  );
  --button-default-text-default-typography-line-height: var(
    --button-default-text-line-height
  );
  --button-default-text-default-typography-font-size: var(
    --button-default-text-font-size
  );
  --brandname-text-active-color: var(--text-link-text-active-color);
  --brandname-text-hover-color: var(--text-link-text-hover-color);
  --brandname-text-default-color: var(--text-link-text-default-color);
  --brandname-text-default-typography-line-height: var(
    --brandname-text-default-line-height
  );
  --brandname-text-default-typography-font-size: var(
    --brandname-text-default-font-size
  );
  --badge-text-default-typography-line-height: var(
    --badge-text-default-line-height
  );
  --badge-text-default-typography-font-size: var(
    --badge-text-default-font-size
  );
  --accordion-header-text-default-typography-line-height: var(
    --accordion-header-text-default-line-height
  );
  --promotion-card-horizontal-image-default-height: calc(
    var(--promotion-card-horizontal-image-default-width) *
      var(--promotion-card-horizontal-image-default-ratio)
  );
  --promotion-card-vertical-image-default-height: calc(
    var(--promotion-card-vertical-image-default-width) *
      var(--promotion-card-vertical-image-default-ratio)
  );
  --segmented-control-integrated-text-default-typography-text-decoration: none;
  --segmented-control-integrated-text-default-typography-paragraph-indent: none;
  --product-list-item-commerce-main-default-direction-flex-direction: row;
  --accordion-header-text-default-typography-text-decoration: none;
  --accordion-header-text-default-typography-paragraph-indent: none;
  --accordion-header-text-default-typography-paragraph-spacing: none;
  --segmented-control-integrated-text-default-typography-text-case: var(
    --font-case-bodycopy
  );
  --segmented-control-integrated-text-default-typography-paragraph-spacing: var(
    --font-paragraph-spacing-bodycopy-none
  );
  --segmented-control-integrated-text-default-typography-letter-spacing: var(
    --font-tracking-bodycopy-extended
  );
  --segmented-control-integrated-text-default-typography-line-height: var(
    --font-line-height-bodycopy-2xs
  );
  --segmented-control-integrated-text-default-typography-font-size: var(
    --font-font-size-bodycopy-xs
  );
  --segmented-control-integrated-text-default-typography-font-weight: var(
    --font-weight-bodycopy
  );
  --segmented-control-integrated-text-default-typography-font-family: var(
    --font-font-family-base
  );
  --product-list-item-commerce-footer-default-padding-right: var(
    --spacing-layout-horizontal-padding-product-list-item-commerce-footer-xs
  );
  --product-list-item-commerce-footer-default-padding-left: var(
    --spacing-layout-horizontal-padding-product-list-item-commerce-footer-xs
  );
  --product-list-item-commerce-main-details-par-weight-margin-bottom: var(
    --spacing-layout-margin-vertical-product-list-item-par-weight-xs
  );
  --product-list-item-commerce-main-details-product-name-default-margin-bottom: var(
    --spacing-layout-margin-vertical-product-list-item-product-name-commerce-xs
  );
  --product-list-item-commerce-main-details-brandname-default-margin-bottom: var(
    --spacing-layout-margin-vertical-product-list-item-brandname-xs
  );
  --product-list-item-commerce-main-price-default-width: var(
    --sizing-surface-width-product-list-item-price-xs
  );
  --product-list-item-commerce-main-image-default-margin-bottom: var(
    --spacing-layout-margin-vertical-product-list-item-image-xs
  );
  --product-list-item-commerce-main-default-gap-column: var(
    --spacing-layout-gap-column-product-list-item-details-xs
  );
  --product-list-item-commerce-default-padding-top: var(
    --spacing-layout-vertical-padding-product-list-item-commerce-xs
  );
  --overlay-box-teaser-default-max-width: var(
    --sizing-surface-width-overlay-box-teaser-max-xs
  );
  --overlay-box-teaser-default-min-width: var(
    --sizing-surface-width-overlay-box-teaser-min-xs
  );
  --header-search-cancel-default-horizontal-padding: var(
    --spacing-layout-horizontal-padding-header-search-cancel-xs
  );
  --header-search-active-gap-column: var(
    --spacing-layout-gap-column-header-icon-text-search-xs
  );
  --accordion-header-text-default-line-height: var(
    --font-line-height-headline-3xs
  );
  --accordion-header-text-default-font-size: var(--font-font-size-headline-3xs);
  --accordion-header-text-default-typography-text-case: var(
    --font-case-headline-base
  );
  --accordion-header-text-default-typography-letter-spacing: var(
    --font-tracking-headline
  );
  --accordion-header-text-default-typography-font-weight: var(
    --font-weight-headline
  );
  --accordion-header-text-default-typography-font-family: var(
    --font-font-family-base
  );
  --accordion-header-text-default-typography-line-height: var(
    --accordion-header-text-default-line-height
  );
  --accordion-header-text-default-typography-font-size: var(
    --accordion-header-text-default-font-size
  );
  --segmented-control-standalone-text-default-typography-text-decoration: none;
  --segmented-control-standalone-text-default-typography-paragraph-indent: none;
  --promotion-card-horizontal-default-direction-flex-direction: row;
  --promotion-card-vertical-default-direction-flex-direction: column;
  --promotion-card-text-bodycopy-default-typography-text-decoration: none;
  --promotion-card-text-bodycopy-default-typography-paragraph-indent: none;
  --promotion-card-text-headline-default-typography-text-decoration: none;
  --promotion-card-text-headline-default-typography-paragraph-indent: none;
  --promotion-card-text-headline-default-typography-paragraph-spacing: none;
  --header-search-input-text-default-typography-text-decoration: none;
  --header-search-input-text-default-typography-paragraph-indent: none;
  --header-search-input-placeholder-default-typography-text-decoration: none;
  --header-search-input-placeholder-default-typography-paragraph-indent: none;
  --drawer-headline-text-default-typorgraphy-text-decoration: none;
  --drawer-headline-text-default-typorgraphy-paragraph-indent: none;
  --drawer-headline-text-default-typorgraphy-paragraph-spacing: none;
  --overlay-box-teaser-image-default-width: var(
    --sizing-width-relative-container-full
  );
  --overlay-box-teaser-default-width: var(
    --sizing-width-relative-container-full
  );
  --segmented-control-integrated-icon-default-margin-right: var(
    --spacing-layout-margin-horizontal-segmented-control-icon-base
  );
  --segmented-control-standalone-text-default-typography-text-case: var(
    --font-case-bodycopy
  );
  --segmented-control-standalone-text-default-typography-paragraph-spacing: var(
    --font-paragraph-spacing-bodycopy-none
  );
  --segmented-control-standalone-text-default-typography-letter-spacing: var(
    --font-tracking-bodycopy-base
  );
  --segmented-control-standalone-text-default-typography-line-height: var(
    --font-line-height-bodycopy-s
  );
  --segmented-control-standalone-text-default-typography-font-size: var(
    --font-font-size-bodycopy-s
  );
  --segmented-control-standalone-text-default-typography-font-weight: var(
    --font-weight-bodycopy
  );
  --segmented-control-standalone-text-default-typography-font-family: var(
    --font-font-family-base
  );
  --segmented-control-standalone-icon-default-height: var(
    --sizing-surface-height-segmented-control-icon
  );
  --segmented-control-standalone-icon-default-width: var(
    --sizing-surface-width-segmented-control-icon
  );
  --segmented-control-standalone-default-height: var(
    --sizing-surface-height-segmented-control-standalone-s
  );
  --promotion-card-horizontal-content-default-gap-row: var(
    --spacing-layout-margin-vertical-promotion-card-text-button-s
  );
  --promotion-card-horizontal-content-default-vertical-padding: var(
    --spacing-layout-vertical-padding-promotion-card-s
  );
  --promotion-card-horizontal-content-default-horizontal-padding: var(
    --spacing-layout-horizontal-padding-promotion-card-s
  );
  --promotion-card-horizontal-image-default-ratio: var(
    --aspect-ratio-surface-landscape-4to3
  );
  --promotion-card-horizontal-default-width: var(
    --sizing-surface-width-promotion-card-full
  );
  --promotion-card-image-no-background-default-border-radius: var(
    --radius-surface-promotion-card-s
  );
  --promotion-card-default-border-radius: var(
    --radius-surface-promotion-card-s
  );
  --promotion-card-vertical-image-default-ratio: var(
    --aspect-ratio-surface-landscape-16to9
  );
  --promotion-card-vertical-content-default-gap-row: var(
    --spacing-layout-margin-vertical-promotion-card-text-button-s
  );
  --promotion-card-vertical-content-default-vertical-padding: var(
    --spacing-layout-vertical-padding-promotion-card-s
  );
  --promotion-card-vertical-content-default-horizontal-padding: var(
    --spacing-layout-horizontal-padding-promotion-card-s
  );
  --promotion-card-text-bodycopy-default-typography-text-case: var(
    --font-case-bodycopy
  );
  --promotion-card-text-bodycopy-default-typography-paragraph-spacing: var(
    --font-paragraph-spacing-bodycopy-base
  );
  --promotion-card-text-bodycopy-default-typography-letter-spacing: var(
    --font-tracking-bodycopy-base
  );
  --promotion-card-text-bodycopy-default-typography-font-size: var(
    --font-font-size-bodycopy-m
  );
  --promotion-card-text-bodycopy-default-typography-line-height: var(
    --font-line-height-bodycopy-m
  );
  --promotion-card-text-bodycopy-default-typography-font-weight: var(
    --font-weight-bodycopy
  );
  --promotion-card-text-bodycopy-default-typography-font-family: var(
    --font-font-family-base
  );
  --promotion-card-text-headline-default-typography-text-case: var(
    --font-case-headline-base
  );
  --promotion-card-text-headline-default-typography-letter-spacing: var(
    --font-tracking-headline
  );
  --promotion-card-text-headline-default-typography-line-height: var(
    --font-line-height-headline-m
  );
  --promotion-card-text-headline-default-typography-font-size: var(
    --font-font-size-headline-m
  );
  --promotion-card-text-headline-default-typography-font-weight: var(
    --font-weight-headline
  );
  --promotion-card-text-headline-default-typography-font-family: var(
    --font-font-family-base
  );
  --overlay-box-teaser-image-default-border-radius: var(
    --radius-surface-overlay-box-teaser-image-s
  );
  --overlay-box-teaser-image-default-ratio: var(
    --aspect-ratio-surface-landscape-21to9
  );
  --overlay-box-teaser-image-default-height: calc(
    var(--overlay-box-teaser-image-default-width) *
      var(--overlay-box-teaser-image-default-ratio)
  );
  --overlay-box-teaser-overlay-box-headline-default-margin-bottom: var(
    --spacing-layout-margin-vertical-overlay-box-teaser-headline-s
  );
  --overlay-box-teaser-overlay-box-text-default-margin-bottom: var(
    --spacing-layout-margin-vertical-overlay-box-teaser-text-s
  );
  --overlay-box-teaser-overlay-box-default-max-width: var(
    --sizing-surface-width-overlay-box-teaser-overlay-box-max-s
  );
  --overlay-box-teaser-overlay-box-default-vertical-padding: var(
    --spacing-layout-vertical-padding-overlay-box-teaser-s
  );
  --overlay-box-teaser-overlay-box-default-horizontal-padding: var(
    --spacing-layout-horizontal-padding-overlay-box-teaser-s
  );
  --overlay-box-teaser-overlay-box-default-margin-horizontal: var(
    --spacing-layout-margin-horizontal-overlay-box-teaser-s
  );
  --overlay-box-teaser-overlay-box-default-width: calc(
    var(--overlay-box-teaser-default-width) -
      var(--overlay-box-teaser-overlay-box-default-margin-horizontal) * 2
  );
  --overlay-box-teaser-default-max-width: var(
    --sizing-surface-width-overlay-box-teaser-max-s
  );
  --overlay-box-teaser-default-min-width: var(
    --sizing-surface-width-overlay-box-teaser-min-s
  );
  --header-search-input-text-default-line-height: var(
    --font-line-height-bodycopy-xl
  );
  --header-search-input-text-default-font-size: var(
    --font-font-size-bodycopy-xl
  );
  --header-search-input-text-default-typography-text-case: var(
    --font-case-bodycopy
  );
  --header-search-input-text-default-typography-paragraph-spacing: var(
    --font-paragraph-spacing-bodycopy-base
  );
  --header-search-input-text-default-typography-letter-spacing: var(
    --font-tracking-bodycopy-base
  );
  --header-search-input-text-default-typography-font-weight: var(
    --font-weight-bodycopy
  );
  --header-search-input-text-default-typography-font-family: var(
    --font-font-family-base
  );
  --header-search-input-placeholder-default-line-height: var(
    --font-line-height-bodycopy-xl
  );
  --header-search-input-placeholder-default-font-size: var(
    --font-font-size-bodycopy-xl
  );
  --header-search-input-placeholder-default-typography-text-case: var(
    --font-case-bodycopy
  );
  --header-search-input-placeholder-default-typography-paragraph-spacing: var(
    --font-paragraph-spacing-bodycopy-base
  );
  --header-search-input-placeholder-default-typography-letter-spacing: var(
    --font-tracking-bodycopy-base
  );
  --header-search-input-placeholder-default-typography-font-weight: var(
    --font-weight-bodycopy
  );
  --header-search-input-placeholder-default-typography-font-family: var(
    --font-font-family-base
  );
  --header-search-input-icon-default-width: var(
    --sizing-surface-width-icon-large
  );
  --header-search-input-icon-default-height: var(
    --sizing-surface-height-icon-large
  );
  --header-search-input-default-gap-column: var(
    --spacing-layout-gap-column-icon-text-large
  );
  --header-search-cancel-default-horizontal-padding: var(
    --spacing-layout-horizontal-padding-header-search-cancel-s
  );
  --header-search-active-margin-left: var(
    --spacing-layout-margin-horizontal-header-search-s
  );
  --header-search-active-padding-left: var(
    --spacing-layout-horizontal-padding-header-search-active-s
  );
  --header-search-active-gap-column: var(
    --spacing-layout-gap-column-header-icon-text-search-s
  );
  --header-content-default-vertical-padding: var(
    --spacing-layout-vertical-padding-header-content-container-s
  );
  --header-content-default-padding-left: var(
    --spacing-layout-horizontal-padding-header-content-container-left-s
  );
  --header-content-default-padding-right: var(
    --spacing-layout-horizontal-padding-header-content-container-right-s
  );
  --drawer-close-icon-default-margin-right: var(
    --spacing-layout-margin-horizontal-drawer-close-icon
  );
  --drawer-close-icon-default-margin-top: var(
    --spacing-layout-margin-vertical-drawer-close-icon
  );
  --drawer-buttons-default-gap-row: var(
    --spacing-layout-gap-row-group-button-s
  );
  --drawer-buttons-default-vertical-padding: var(
    --spacing-layout-vertical-padding-drawer-s
  );
  --drawer-buttons-default-horizontal-padding: var(
    --spacing-layout-horizontal-padding-drawer-s
  );
  --drawer-default-width: var(--sizing-surface-width-drawer-container);
  --drawer-default-border-radius: var(--radius-surface-drawer-s);
  --drawer-default-max-height: var(--sizing-surface-height-drawer-max-s);
  --drawer-content-default-horizontal-padding: var(
    --spacing-layout-horizontal-padding-drawer-s
  );
  --drawer-headline-default-gap-column: var(
    --spacing-layout-gap-column-drawer-headline
  );
  --drawer-headline-default-vertical-padding: var(
    --spacing-layout-vertical-padding-drawer-s
  );
  --drawer-headline-default-padding-right: var(
    --spacing-layout-horizontal-padding-drawer-header-right-s
  );
  --drawer-headline-default-padding-left: var(
    --spacing-layout-horizontal-padding-drawer-s
  );
  --drawer-headline-text-default-line-height: var(
    --font-line-height-headline-s
  );
  --drawer-headline-text-default-font-size: var(--font-font-size-headline-s);
  --drawer-headline-text-default-typorgraphy-text-case: var(
    --font-case-headline-base
  );
  --drawer-headline-text-default-typorgraphy-letter-spacing: var(
    --font-tracking-headline
  );
  --drawer-headline-text-default-typorgraphy-font-weight: var(
    --font-weight-headline
  );
  --drawer-headline-text-default-typorgraphy-font-family: var(
    --font-font-family-base
  );
  --promotion-card-horizontal-image-default-width: calc(
    var(--promotion-card-horizontal-default-width)/2
  );
  --header-search-input-text-default-typography-font-size: var(
    --header-search-input-text-default-font-size
  );
  --header-search-input-text-default-typography-line-height: var(
    --header-search-input-text-default-line-height
  );
  --header-search-input-placeholder-default-typography-font-size: var(
    --header-search-input-placeholder-default-font-size
  );
  --header-search-input-placeholder-default-typography-line-height: var(
    --header-search-input-placeholder-default-line-height
  );
  --drawer-headline-text-default-typorgraphy-line-height: var(
    --drawer-headline-text-default-line-height
  );
  --drawer-headline-text-default-typorgraphy-font-size: var(
    --drawer-headline-text-default-font-size
  );
  --promotion-card-horizontal-image-default-height: calc(
    var(--promotion-card-horizontal-image-default-width) *
      var(--promotion-card-horizontal-image-default-ratio)
  );
  --promotion-card-text-bodycopy-default-typography-text-decoration: none;
  --promotion-card-text-bodycopy-default-typography-paragraph-indent: none;
  --promotion-card-text-headline-default-typography-text-decoration: none;
  --promotion-card-text-headline-default-typography-paragraph-indent: none;
  --promotion-card-text-headline-default-typography-paragraph-spacing: none;
  --product-card-par-weight-default-typography-text-decoration: none;
  --product-card-par-weight-default-typography-paragraph-indent: none;
  --header-content-search-text-default-typography-text-decoration: none;
  --header-content-search-text-default-typography-paragraph-indent: none;
  --header-topbar-meta-navigation-link-text-default-typography-text-decoration: none;
  --header-topbar-meta-navigation-link-text-default-typography-paragraph-indent: none;
  --header-topbar-meta-navigation-a11y-skip-text-default-typography-text-decoration: none;
  --header-topbar-meta-navigation-a11y-skip-text-default-typography-paragraph-indent: none;
  --accordion-header-text-default-typography-text-decoration: none;
  --accordion-header-text-default-typography-paragraph-indent: none;
  --accordion-header-text-default-typography-paragraph-spacing: none;
  --promotion-card-image-no-background-default-border-radius: var(
    --radius-surface-promotion-card-m
  );
  --promotion-card-default-border-radius: var(
    --radius-surface-promotion-card-m
  );
  --promotion-card-vertical-content-default-gap-row: var(
    --spacing-layout-margin-vertical-promotion-card-text-button-m
  );
  --promotion-card-vertical-content-default-vertical-padding: var(
    --spacing-layout-vertical-padding-promotion-card-m
  );
  --promotion-card-vertical-content-default-horizontal-padding: var(
    --spacing-layout-horizontal-padding-promotion-card-m
  );
  --promotion-card-text-bodycopy-default-typography-text-case: var(
    --font-case-bodycopy
  );
  --promotion-card-text-bodycopy-default-typography-paragraph-spacing: var(
    --font-paragraph-spacing-bodycopy-base
  );
  --promotion-card-text-bodycopy-default-typography-letter-spacing: var(
    --font-tracking-bodycopy-base
  );
  --promotion-card-text-bodycopy-default-typography-font-size: var(
    --font-font-size-bodycopy-xl
  );
  --promotion-card-text-bodycopy-default-typography-line-height: var(
    --font-line-height-bodycopy-xl
  );
  --promotion-card-text-bodycopy-default-typography-font-weight: var(
    --font-weight-bodycopy
  );
  --promotion-card-text-bodycopy-default-typography-font-family: var(
    --font-font-family-base
  );
  --promotion-card-text-headline-default-typography-text-case: var(
    --font-case-headline-base
  );
  --promotion-card-text-headline-default-typography-letter-spacing: var(
    --font-tracking-headline
  );
  --promotion-card-text-headline-default-typography-line-height: var(
    --font-line-height-headline-xl
  );
  --promotion-card-text-headline-default-typography-font-size: var(
    --font-font-size-headline-xl
  );
  --promotion-card-text-headline-default-typography-font-weight: var(
    --font-weight-headline
  );
  --promotion-card-text-headline-default-typography-font-family: var(
    --font-font-family-base
  );
  --product-card-price-default-margin-bottom: var(
    --spacing-layout-margin-vertical-product-card-price-m
  );
  --product-card-par-weight-default-margin-bottom: var(
    --spacing-layout-margin-vertical-product-card-par-weight-m
  );
  --product-card-par-weight-default-typography-text-case: var(
    --font-case-bodycopy
  );
  --product-card-par-weight-default-typography-paragraph-spacing: var(
    --font-paragraph-spacing-bodycopy-none
  );
  --product-card-par-weight-default-typography-letter-spacing: var(
    --font-tracking-bodycopy-base
  );
  --product-card-par-weight-default-typography-font-size: var(
    --font-font-size-product-product-card-par-weight-desktop
  );
  --product-card-par-weight-default-typography-line-height: var(
    --font-line-height-product-product-card-par-weight-desktop
  );
  --product-card-par-weight-default-typography-font-weight: var(
    --font-weight-bodycopy
  );
  --product-card-par-weight-default-typography-font-family: var(
    --font-font-family-base
  );
  --overlay-box-teaser-default-max-width: var(
    --sizing-surface-width-overlay-box-teaser-max-m
  );
  --overlay-box-teaser-default-min-width: var(
    --sizing-surface-width-overlay-box-teaser-min-m
  );
  --header-content-main-navigation-link-border-active-height: var(
    --sizing-surface-height-header-link
  );
  --header-content-search-text-default-line-height: var(
    --font-line-height-bodycopy-m
  );
  --header-content-search-text-default-font-size: var(
    --font-font-size-bodycopy-m
  );
  --header-content-search-text-default-color: var(
    --color-informational-text-subtle
  );
  --header-content-search-text-default-typography-text-case: var(
    --font-case-bodycopy
  );
  --header-content-search-text-default-typography-paragraph-spacing: var(
    --font-paragraph-spacing-bodycopy-base
  );
  --header-content-search-text-default-typography-letter-spacing: var(
    --font-tracking-bodycopy-base
  );
  --header-content-search-text-default-typography-font-weight: var(
    --font-weight-bodycopy
  );
  --header-content-search-text-default-typography-font-family: var(
    --font-font-family-base
  );
  --header-content-search-default-border-color: var(
    --color-interaction-border-default-base
  );
  --header-content-search-default-border-width: var(
    --border-width-interaction-default
  );
  --header-content-search-default-border-radius: var(
    --radius-surface-header-search
  );
  --header-content-search-default-padding-left: var(
    --spacing-layout-horizontal-padding-header-search-active-m
  );
  --header-content-search-default-gap-column: var(
    --spacing-layout-gap-column-icon-text-medium
  );
  --header-content-actions-default-gap-column: var(
    --spacing-layout-gap-column-header-actions-m
  );
  --header-content-default-logo-default-margin-right: var(
    --spacing-layout-margin-horizontal-header-logo-m
  );
  --header-content-default-gap-column: var(
    --spacing-layout-gap-column-header-content-m
  );
  --header-topbar-meta-navigation-links-default-horizontal-padding: var(
    --spacing-layout-horizontal-padding-header-top-bar-meta-navigation-links
  );
  --header-topbar-meta-navigation-links-default-vertical-padding: var(
    --spacing-layout-vertical-padding-header-top-bar-meta-navigation-links
  );
  --header-topbar-meta-navigation-links-default-item-spacing: var(
    --spacing-layout-gap-column-icon-text-small
  );
  --header-topbar-meta-navigation-link-icon-default-color: var(
    --color-interaction-icon-default-on-bg
  );
  --header-topbar-meta-navigation-link-icon-default-width: var(
    --sizing-surface-width-icon-small
  );
  --header-topbar-meta-navigation-link-icon-default-height: var(
    --sizing-surface-height-icon-small
  );
  --header-topbar-meta-navigation-link-text-default-line-height: var(
    --font-line-height-bodycopy-xs
  );
  --header-topbar-meta-navigation-link-text-default-font-size: var(
    --font-font-size-bodycopy-xs
  );
  --header-topbar-meta-navigation-link-text-default-color: var(
    --color-interaction-text-default-on-bg
  );
  --header-topbar-meta-navigation-link-text-default-typography-text-case: var(
    --font-case-bodycopy
  );
  --header-topbar-meta-navigation-link-text-default-typography-paragraph-spacing: var(
    --font-paragraph-spacing-bodycopy-none
  );
  --header-topbar-meta-navigation-link-text-default-typography-letter-spacing: var(
    --font-tracking-navigation-header-service-selection
  );
  --header-topbar-meta-navigation-link-text-default-typography-font-weight: var(
    --font-weight-bodycopy
  );
  --header-topbar-meta-navigation-link-text-default-typography-font-family: var(
    --font-font-family-base
  );
  --header-topbar-meta-navigation-a11y-skip-text-default-line-height: var(
    --font-line-height-navigation-header-meta-navigation
  );
  --header-topbar-meta-navigation-a11y-skip-text-default-font-size: var(
    --font-font-size-bodycopy-xs
  );
  --header-topbar-meta-navigation-a11y-skip-text-default-typography-text-case: var(
    --font-case-bodycopy
  );
  --header-topbar-meta-navigation-a11y-skip-text-default-typography-paragraph-spacing: var(
    --font-paragraph-spacing-bodycopy-none
  );
  --header-topbar-meta-navigation-a11y-skip-text-default-typography-letter-spacing: var(
    --font-tracking-navigation-header-meta-navigation
  );
  --header-topbar-meta-navigation-a11y-skip-text-default-typography-font-weight: var(
    --font-weight-bodycopy
  );
  --header-topbar-meta-navigation-a11y-skip-text-default-typography-font-family: var(
    --font-font-family-base
  );
  --header-topbar-meta-navigation-a11y-skip-text-default-color: var(
    --color-interaction-text-default-on-bg
  );
  --header-topbar-meta-navigation-a11y-skip-icon-default-color: var(
    --color-interaction-icon-default-on-bg
  );
  --header-topbar-meta-navigation-a11y-skip-icon-default-width: var(
    --sizing-surface-width-icon-small
  );
  --header-topbar-meta-navigation-a11y-skip-icon-default-height: var(
    --sizing-surface-height-icon-small
  );
  --header-topbar-meta-navigation-a11y-skip-default-border-color: var(
    --color-interaction-border-default-on-bg
  );
  --header-topbar-meta-navigation-a11y-skip-default-border-width: var(
    --border-width-interaction-default
  );
  --header-topbar-meta-navigation-a11y-skip-default-border-radius: var(
    --radius-surface-header-a11y-skip
  );
  --header-topbar-meta-navigation-a11y-skip-default-horizontal-padding: var(
    --spacing-layout-horizontal-padding-header-top-bar-meta-navigation-a11y-skip
  );
  --header-topbar-meta-navigation-a11y-skip-default-vertical-padding: var(
    --spacing-layout-vertical-padding-header-top-bar-meta-navigation-a11y-skip
  );
  --header-topbar-meta-navigation-a11y-skip-default-gap-column: var(
    --spacing-layout-gap-column-icon-text-small
  );
  --header-topbar-meta-navigation-default-gap-column: var(
    --spacing-layout-gap-column-icon-text-large
  );
  --header-topbar-default-padding-left: var(
    --spacing-layout-horizontal-padding-header-top-bar-container-left-m
  );
  --header-topbar-default-padding-right: var(
    --spacing-layout-horizontal-padding-header-top-bar-container-right-m
  );
  --accordion-header-text-default-line-height: var(
    --font-line-height-headline-2xs
  );
  --accordion-header-text-default-font-size: var(--font-font-size-headline-2xs);
  --accordion-header-text-default-typography-text-case: var(
    --font-case-headline-base
  );
  --accordion-header-text-default-typography-letter-spacing: var(
    --font-tracking-headline
  );
  --accordion-header-text-default-typography-font-weight: var(
    --font-weight-headline
  );
  --accordion-header-text-default-typography-font-family: var(
    --font-font-family-base
  );
  --accordion-header-trailing-icon-default-width: var(
    --sizing-surface-width-accordion-icon
  );
  --accordion-header-trailing-icon-default-height: var(
    --sizing-surface-height-accordion-icon
  );
  --accordion-header-leading-icon-default-width: var(
    --sizing-surface-width-accordion-icon
  );
  --accordion-header-leading-icon-default-height: var(
    --sizing-surface-height-accordion-icon
  );
  --header-content-search-text-default-typography-font-size: var(
    --header-content-search-text-default-font-size
  );
  --header-content-search-text-default-typography-line-height: var(
    --header-content-search-text-default-line-height
  );
  --header-topbar-meta-navigation-link-text-default-typography-font-size: var(
    --header-topbar-meta-navigation-link-text-default-font-size
  );
  --header-topbar-meta-navigation-link-text-default-typography-line-height: var(
    --header-topbar-meta-navigation-link-text-default-line-height
  );
  --header-topbar-meta-navigation-a11y-skip-text-default-typography-font-size: var(
    --header-topbar-meta-navigation-a11y-skip-text-default-font-size
  );
  --header-topbar-meta-navigation-a11y-skip-text-default-typography-line-height: var(
    --header-topbar-meta-navigation-a11y-skip-text-default-line-height
  );
  --accordion-header-text-default-typography-line-height: var(
    --accordion-header-text-default-line-height
  );
  --accordion-header-text-default-typography-font-size: var(
    --accordion-header-text-default-font-size
  );
  --toggle-text-default-typography-text-decoration: none;
  --toggle-text-default-typography-paragraph-indent: none;
  --toast-message-text-default-typography-text-decoration: none;
  --toast-message-text-default-typography-paragraph-indent: none;
  --disclaimer-large-text-decoration: none;
  --disclaimer-large-paragraph-indent: none;
  --disclaimer-large-paragraph-spacing: none;
  --paragraph-large-text-decoration: none;
  --paragraph-large-paragraph-indent: none;
  --paragraph-large-paragraph-spacing: none;
  --paragraph-small-text-decoration: none;
  --paragraph-small-paragraph-indent: none;
  --paragraph-small-paragraph-spacing: none;
  --display-large-text-decoration: none;
  --display-large-paragraph-indent: none;
  --display-large-paragraph-spacing: none;
  --display-medium-text-decoration: none;
  --display-medium-paragraph-indent: none;
  --display-medium-paragraph-spacing: none;
  --display-small-text-decoration: none;
  --display-small-paragraph-indent: none;
  --display-small-paragraph-spacing: none;
  --subhead-large-text-decoration: none;
  --subhead-large-paragraph-indent: none;
  --subhead-large-paragraph-spacing: none;
  --module-large-paragraph-spacing: none;
  --module-large-paragraph-indent: none;
  --module-large-text-decoration: none;
  --module-small-paragraph-spacing: none;
  --module-small-paragraph-indent: none;
  --module-small-text-decoration: none;
  --title-large-paragraph-spacing: none;
  --title-large-paragraph-indent: none;
  --title-large-text-decoration: none;
  --title-medium-paragraph-spacing: none;
  --title-medium-paragraph-indent: none;
  --title-medium-text-decoration: none;
  --title-small-paragraph-spacing: none;
  --title-small-paragraph-indent: none;
  --title-small-text-decoration: none;
  --text-link-text-only-default-typography-paragraph-indent: none;
  --text-link-text-only-default-typography-text-decoration: underline;
  --text-link-text-default-typography-text-decoration: none;
  --text-link-text-default-typography-paragraph-indent: none;
  --list-sub-bullet-default-typography-text-decoration: none;
  --list-sub-bullet-default-typography-paragraph-indent: none;
  --list-sub-text-default-typography-text-decoration: none;
  --list-sub-text-default-typography-paragraph-indent: none;
  --list-sub-text-default-typography-paragraph-spacing: none;
  --list-parent-bullet-default-typography-text-decoration: none;
  --list-parent-bullet-default-typography-paragraph-indent: none;
  --list-parent-text-default-typography-text-decoration: none;
  --list-parent-text-default-typography-paragraph-indent: none;
  --list-parent-text-default-typography-paragraph-spacing: none;
  --bodycopy-disclaimer-large-text-default-typography-text-decoration: none;
  --bodycopy-disclaimer-large-text-default-typography-paragraph-indent: none;
  --bodycopy-disclaimer-large-text-default-typography-paragraph-spacing: none;
  --bodycopy-paragraph-small-text-default-typography-text-decoration: none;
  --bodycopy-paragraph-small-text-default-typography-paragraph-indent: none;
  --bodycopy-paragraph-small-text-default-typography-paragraph-spacing: none;
  --bodycopy-paragraph-large-text-default-typography-text-decoration: none;
  --bodycopy-paragraph-large-text-default-typography-paragraph-indent: none;
  --bodycopy-paragraph-large-text-default-typography-paragraph-spacing: none;
  --bodycopy-subhead-large-text-default-typography-text-decoration: none;
  --bodycopy-subhead-large-text-default-typography-paragraph-indent: none;
  --bodycopy-subhead-large-text-default-typography-paragraph-spacing: none;
  --heading-title-small-text-default-typography-paragraph-spacing: none;
  --heading-title-small-text-default-typography-paragraph-indent: none;
  --heading-title-small-text-default-typography-text-decoration: none;
  --heading-title-medium-text-default-typography-paragraph-spacing: none;
  --heading-title-medium-text-default-typography-paragraph-indent: none;
  --heading-title-medium-text-default-typography-text-decoration: none;
  --heading-title-large-text-default-typography-paragraph-spacing: none;
  --heading-title-large-text-default-typography-paragraph-indent: none;
  --heading-title-large-text-default-typography-text-decoration: none;
  --heading-module-small-text-default-typography-paragraph-spacing: none;
  --heading-module-small-text-default-typography-paragraph-indent: none;
  --heading-module-small-text-default-typography-text-decoration: none;
  --heading-module-large-text-default-typography-paragraph-spacing: none;
  --heading-module-large-text-default-typography-paragraph-indent: none;
  --heading-module-large-text-default-typography-text-decoration: none;
  --heading-display-small-text-default-typography-text-decoration: none;
  --heading-display-small-text-default-typography-paragraph-indent: none;
  --heading-display-small-text-default-typography-paragraph-spacing: none;
  --heading-display-medium-text-default-typography-text-decoration: none;
  --heading-display-medium-text-default-typography-paragraph-indent: none;
  --heading-display-medium-text-default-typography-paragraph-spacing: none;
  --heading-display-large-text-default-typography-text-decoration: none;
  --heading-display-large-text-default-typography-paragraph-indent: none;
  --heading-display-large-text-default-typography-paragraph-spacing: none;
  --table-body-default-typography-text-decoration: none;
  --table-body-default-typography-paragraph-indent: none;
  --table-header-default-typography-text-decoration: none;
  --table-header-default-typography-paragraph-indent: none;
  --radio-button-text-default-typography-text-decoration: none;
  --radio-button-text-default-typography-paragraph-indent: none;
  --promotion-card-text-bodycopy-default-typography-text-decoration: none;
  --promotion-card-text-bodycopy-default-typography-paragraph-indent: none;
  --promotion-card-text-headline-default-typography-text-decoration: none;
  --promotion-card-text-headline-default-typography-paragraph-indent: none;
  --promotion-card-text-headline-default-typography-paragraph-spacing: none;
  --price-standalone-discount-default-typography-paragraph-indent: none;
  --price-standalone-discount-default-typography-text-decoration: line-through;
  --price-standalone-rrp-default-typography-text-decoration: none;
  --price-standalone-rrp-default-typography-paragraph-indent: none;
  --price-standalone-deposit-default-typography-text-decoration: none;
  --price-standalone-deposit-default-typography-paragraph-indent: none;
  --price-standalone-weight-default-typography-text-decoration: none;
  --price-standalone-weight-default-typography-paragraph-indent: none;
  --price-standalone-price-value-default-typography-text-decoration: none;
  --price-standalone-price-value-default-typography-paragraph-indent: none;
  --price-standalone-price-value-default-typography-paragraph-spacing: none;
  --overlay-box-teaser-bodycopy-default-typography-text-decoration: none;
  --overlay-box-teaser-bodycopy-default-typography-paragraph-indent: none;
  --overlay-box-teaser-headline-default-typography-text-decoration: none;
  --overlay-box-teaser-headline-default-typography-paragraph-indent: none;
  --input-text-support-text-default-typography-text-decoration: none;
  --input-text-support-text-default-typography-paragraph-indent: none;
  --input-text-support-text-default-typography-paragraph-spacing: none;
  --input-text-label-floating-default-typography-text-decoration: none;
  --input-text-label-floating-default-typography-paragraph-indent: none;
  --input-text-label-floating-default-typography-paragraph-spacing: none;
  --input-text-field-text-default-typography-text-decoration: none;
  --input-text-field-text-default-typography-paragraph-indent: none;
  --input-text-field-text-default-typography-paragraph-spacing: none;
  --header-content-main-navigation-link-text-default-typography-text-decoration: none;
  --header-content-main-navigation-link-text-default-typography-paragraph-indent: none;
  --check-box-text-default-typography-text-decoration: none;
  --check-box-text-default-typography-paragraph-indent: none;
  --accordion-header-text-default-max-width: 640px;
  --module-large-text-case: var(--font-case-headline-emphasis);
  --module-small-text-case: var(--font-case-headline-emphasis);
  --heading-module-small-text-default-typography-text-case: var(
    --font-case-headline-emphasis
  );
  --heading-module-large-text-default-typography-text-case: var(
    --font-case-headline-emphasis
  );
  --radio-button-text-default-typography-font-weight: var(
    --typography-fontweight-regular
  );
  --overlay-box-teaser-image-default-width: var(
    --sizing-width-relative-container-full
  );
  --overlay-box-teaser-default-width: var(
    --sizing-width-relative-container-full
  );
  --toggle-text-default-line-height: var(
    --font-line-height-input-control-desktop
  );
  --toggle-text-default-font-size: var(--font-font-size-input-control-desktop);
  --toggle-text-default-typography-text-case: var(--font-case-bodycopy);
  --toggle-text-default-typography-paragraph-spacing: var(
    --font-paragraph-spacing-bodycopy-base
  );
  --toggle-text-default-typography-letter-spacing: var(
    --font-tracking-bodycopy-base
  );
  --toggle-text-default-typography-font-weight: var(--font-weight-bodycopy);
  --toggle-text-default-typography-font-family: var(--font-font-family-base);
  --toast-message-text-default-typography-text-case: var(--font-case-bodycopy);
  --toast-message-text-default-typography-paragraph-spacing: var(
    --font-paragraph-spacing-bodycopy-none
  );
  --toast-message-text-default-typography-letter-spacing: var(
    --font-tracking-bodycopy-base
  );
  --toast-message-text-default-typography-line-height: var(
    --font-line-height-status-toast-message
  );
  --toast-message-text-default-typography-font-size: var(
    --font-font-size-status-toast-message
  );
  --toast-message-text-default-typography-font-weight: var(
    --font-weight-bodycopy
  );
  --toast-message-text-default-typography-font-family: var(
    --font-font-family-base
  );
  --toast-message-default-min-height: var(
    --sizing-surface-height-toast-message-min-l
  );
  --toast-message-default-padding-bottom: var(
    --spacing-layout-vertical-padding-toast-message-l
  );
  --toast-message-default-padding-top: var(
    --spacing-layout-vertical-padding-toast-message-l
  );
  --toast-message-default-padding-right: var(
    --spacing-layout-horizontal-padding-toast-message-right-l
  );
  --toast-message-default-padding-left: var(
    --spacing-layout-horizontal-padding-toast-message-left-l
  );
  --toast-message-icon-default-width: var(--sizing-surface-width-icon-large);
  --toast-message-icon-default-height: var(--sizing-surface-height-icon-large);
  --disclaimer-font-size-large: var(--font-font-size-bodycopy-xs);
  --disclaimer-line-height-large: var(--font-line-height-bodycopy-xs);
  --disclaimer-large-text-case: var(--font-case-bodycopy);
  --disclaimer-large-letter-spacing: var(--font-tracking-bodycopy-expanded);
  --disclaimer-large-font-weight: var(--font-weight-bodycopy);
  --disclaimer-large-font-family: var(--font-font-family-base);
  --paragraph-font-size-large: var(--font-font-size-bodycopy-l);
  --paragraph-font-size-small: var(--font-font-size-bodycopy-m);
  --paragraph-line-height-large: var(--font-line-height-bodycopy-l);
  --paragraph-line-height-small: var(--font-line-height-bodycopy-m);
  --paragraph-large-text-case: var(--font-case-bodycopy);
  --paragraph-large-letter-spacing: var(--font-tracking-bodycopy-base);
  --paragraph-large-font-weight: var(--font-weight-bodycopy);
  --paragraph-large-font-family: var(--font-font-family-base);
  --paragraph-small-text-case: var(--font-case-bodycopy);
  --paragraph-small-letter-spacing: var(--font-tracking-bodycopy-base);
  --paragraph-small-font-weight: var(--font-weight-bodycopy);
  --paragraph-small-font-family: var(--font-font-family-base);
  --display-line-height-large: var(--font-line-height-headline-4xl);
  --display-line-height-medium: var(--font-line-height-headline-3xl);
  --display-line-height-small: var(--font-line-height-headline-2xl);
  --display-fontsize-large: var(--font-font-size-headline-4xl);
  --display-fontsize-medium: var(--font-font-size-headline-3xl);
  --display-fontsize-small: var(--font-font-size-headline-2xl);
  --display-large-text-case: var(--font-case-headline-base);
  --display-large-letter-spacing: var(--font-tracking-headline);
  --display-large-font-weight: var(--font-weight-headline);
  --display-large-font-family: var(--font-font-family-base);
  --display-medium-text-case: var(--font-case-headline-base);
  --display-medium-letter-spacing: var(--font-tracking-headline);
  --display-medium-font-weight: var(--font-weight-headline);
  --display-medium-font-family: var(--font-font-family-base);
  --display-small-text-case: var(--font-case-headline-base);
  --display-small-letter-spacing: var(--font-tracking-headline);
  --display-small-font-weight: var(--font-weight-headline);
  --display-small-font-family: var(--font-font-family-base);
  --subhead-font-size-large: var(--font-font-size-bodycopy-2xl);
  --subhead-line-height-large: var(--font-line-height-bodycopy-2xl);
  --subhead-large-text-case: var(--font-case-bodycopy);
  --subhead-large-letter-spacing: var(--font-tracking-bodycopy-base);
  --subhead-large-font-weight: var(--font-weight-bodycopy);
  --subhead-large-font-family: var(--font-font-family-base);
  --module-line-height-large: var(--font-line-height-headline-l);
  --module-line-height-small: var(--font-line-height-headline-s);
  --module-font-size-large: var(--font-font-size-headline-l);
  --module-font-size-small: var(--font-font-size-headline-s);
  --module-large-font-family: var(--font-font-family-base);
  --module-large-letter-spacing: var(--font-tracking-headline);
  --module-large-font-weight: var(--font-weight-headline);
  --module-small-font-family: var(--font-font-family-base);
  --module-small-letter-spacing: var(--font-tracking-headline);
  --module-small-font-weight: var(--font-weight-headline);
  --title-line-height-large: var(--font-line-height-headline-2xs);
  --title-line-height-medium: var(--font-line-height-headline-3xs);
  --title-line-height-small: var(--font-line-height-headline-4xs);
  --title-font-size-large: var(--font-font-size-headline-2xs);
  --title-font-size-medium: var(--font-font-size-headline-3xs);
  --title-font-size-small: var(--font-font-size-headline-4xs);
  --title-large-font-family: var(--font-font-family-base);
  --title-large-text-case: var(--font-case-headline-base);
  --title-large-letter-spacing: var(--font-tracking-headline);
  --title-large-font-weight: var(--font-weight-headline);
  --title-medium-font-family: var(--font-font-family-base);
  --title-medium-text-case: var(--font-case-headline-base);
  --title-medium-letter-spacing: var(--font-tracking-headline);
  --title-medium-font-weight: var(--font-weight-headline);
  --title-small-font-family: var(--font-font-family-base);
  --title-small-text-case: var(--font-case-headline-base);
  --title-small-letter-spacing: var(--font-tracking-headline);
  --title-small-font-weight: var(--font-weight-headline);
  --text-link-icon-default-height: var(--sizing-surface-height-icon-text-ratio);
  --text-link-icon-default-width: var(--sizing-surface-width-icon-text-ratio);
  --text-link-text-only-default-typography-paragraph-spacing: var(
    --font-paragraph-spacing-bodycopy-none
  );
  --text-link-text-only-default-typography-text-case: var(--font-case-bodycopy);
  --text-link-text-only-default-typography-letter-spacing: var(
    --font-tracking-bodycopy-base
  );
  --text-link-text-only-default-typography-font-size: var(
    --font-font-size-bodycopy-l
  );
  --text-link-text-only-default-typography-line-height: var(
    --font-line-height-single-line
  );
  --text-link-text-only-default-typography-font-weight: var(
    --font-weight-bodycopy
  );
  --text-link-text-only-default-typography-font-family: var(
    --font-font-family-base
  );
  --text-link-text-default-typography-paragraph-spacing: var(
    --font-paragraph-spacing-bodycopy-none
  );
  --text-link-text-default-typography-text-case: var(--font-case-bodycopy);
  --text-link-text-default-typography-letter-spacing: var(
    --font-tracking-bodycopy-base
  );
  --text-link-text-default-typography-font-size: var(
    --font-font-size-bodycopy-l
  );
  --text-link-text-default-typography-line-height: var(
    --font-line-height-single-line
  );
  --text-link-text-default-typography-font-weight: var(--font-weight-bodycopy);
  --text-link-text-default-typography-font-family: var(--font-font-family-base);
  --text-link-default-min-height: var(--sizing-surface-height-text-link-min-l);
  --text-elements-min-width: var(--font-min-width-large);
  --text-elements-max-width: var(--font-max-width-large);
  --list-sub-bullet-default-line-height: var(--font-line-height-single-line);
  --list-sub-bullet-default-font-size: var(--font-font-size-bodycopy-m);
  --list-sub-bullet-default-typography-text-case: var(--font-case-bodycopy);
  --list-sub-bullet-default-typography-paragraph-spacing: var(
    --font-paragraph-spacing-bodycopy-base
  );
  --list-sub-bullet-default-typography-letter-spacing: var(
    --font-tracking-bodycopy-base
  );
  --list-sub-bullet-default-typography-font-weight: var(--font-weight-bodycopy);
  --list-sub-bullet-default-typography-font-family: var(
    --font-font-family-base
  );
  --list-sub-text-default-line-height: var(--font-line-height-bodycopy-l);
  --list-sub-text-default-font-size: var(--font-font-size-bodycopy-l);
  --list-sub-text-default-typography-text-case: var(--font-case-bodycopy);
  --list-sub-text-default-typography-letter-spacing: var(
    --font-tracking-bodycopy-base
  );
  --list-sub-text-default-typography-font-weight: var(--font-weight-bodycopy);
  --list-sub-text-default-typography-font-family: var(--font-font-family-base);
  --list-parent-bullet-default-line-height: var(--font-line-height-bodycopy-l);
  --list-parent-bullet-default-font-size: var(--font-font-size-bodycopy-l);
  --list-parent-bullet-default-typography-text-case: var(--font-case-bodycopy);
  --list-parent-bullet-default-typography-paragraph-spacing: var(
    --font-paragraph-spacing-bodycopy-bullet
  );
  --list-parent-bullet-default-typography-letter-spacing: var(
    --font-tracking-bodycopy-base
  );
  --list-parent-bullet-default-typography-font-weight: var(
    --font-weight-bodycopy
  );
  --list-parent-bullet-default-typography-font-family: var(
    --font-font-family-base
  );
  --list-parent-text-default-line-height: var(--font-line-height-bodycopy-l);
  --list-parent-text-default-font-size: var(--font-font-size-bodycopy-l);
  --list-parent-text-default-typography-text-case: var(--font-case-bodycopy);
  --list-parent-text-default-typography-letter-spacing: var(
    --font-tracking-bodycopy-base
  );
  --list-parent-text-default-typography-font-weight: var(
    --font-weight-bodycopy
  );
  --list-parent-text-default-typography-font-family: var(
    --font-font-family-base
  );
  --list-parent-default-padding-left: var(
    --spacing-layout-horizontal-padding-text-elements-l
  );
  --list-parent-default-gap-column: var(
    --spacing-layout-gap-column-text-elements-parent-l
  );
  --bodycopy-disclaimer-large-text-default-line-height: var(
    --font-line-height-bodycopy-xs
  );
  --bodycopy-disclaimer-large-text-default-font-size: var(
    --font-font-size-bodycopy-xs
  );
  --bodycopy-disclaimer-large-text-default-typography-text-case: var(
    --font-case-bodycopy
  );
  --bodycopy-disclaimer-large-text-default-typography-letter-spacing: var(
    --font-tracking-bodycopy-expanded
  );
  --bodycopy-disclaimer-large-text-default-typography-font-weight: var(
    --font-weight-bodycopy
  );
  --bodycopy-disclaimer-large-text-default-typography-font-family: var(
    --font-font-family-base
  );
  --bodycopy-paragraph-small-text-default-line-height: var(
    --font-line-height-bodycopy-m
  );
  --bodycopy-paragraph-small-text-default-font-size: var(
    --font-font-size-bodycopy-m
  );
  --bodycopy-paragraph-small-text-default-typography-text-case: var(
    --font-case-bodycopy
  );
  --bodycopy-paragraph-small-text-default-typography-letter-spacing: var(
    --font-tracking-bodycopy-base
  );
  --bodycopy-paragraph-small-text-default-typography-font-weight: var(
    --font-weight-bodycopy
  );
  --bodycopy-paragraph-small-text-default-typography-font-family: var(
    --font-font-family-base
  );
  --bodycopy-paragraph-large-text-default-line-height: var(
    --font-line-height-bodycopy-l
  );
  --bodycopy-paragraph-large-text-default-font-size: var(
    --font-font-size-bodycopy-l
  );
  --bodycopy-paragraph-large-text-default-typography-text-case: var(
    --font-case-bodycopy
  );
  --bodycopy-paragraph-large-text-default-typography-letter-spacing: var(
    --font-tracking-bodycopy-base
  );
  --bodycopy-paragraph-large-text-default-typography-font-weight: var(
    --font-weight-bodycopy
  );
  --bodycopy-paragraph-large-text-default-typography-font-family: var(
    --font-font-family-base
  );
  --bodycopy-subhead-large-text-default-line-heigth: var(
    --font-line-height-bodycopy-2xl
  );
  --bodycopy-subhead-large-text-default-font-size: var(
    --font-font-size-bodycopy-2xl
  );
  --bodycopy-subhead-large-text-default-typography-text-case: var(
    --font-case-bodycopy
  );
  --bodycopy-subhead-large-text-default-typography-letter-spacing: var(
    --font-tracking-bodycopy-base
  );
  --bodycopy-subhead-large-text-default-typography-font-weight: var(
    --font-weight-bodycopy
  );
  --bodycopy-subhead-large-text-default-typography-font-family: var(
    --font-font-family-base
  );
  --heading-title-small-text-default-line-height: var(
    --font-line-height-headline-3xs
  );
  --heading-title-small-text-default-font-size: var(
    --font-font-size-headline-3xs
  );
  --heading-title-small-text-default-typography-font-family: var(
    --font-font-family-base
  );
  --heading-title-small-text-default-typography-text-case: var(
    --font-case-headline-base
  );
  --heading-title-small-text-default-typography-letter-spacing: var(
    --font-tracking-headline
  );
  --heading-title-small-text-default-typography-font-weight: var(
    --font-weight-headline
  );
  --heading-title-medium-text-default-typography-font-family: var(
    --font-font-family-base
  );
  --heading-title-medium-text-default-typography-text-case: var(
    --font-case-headline-base
  );
  --heading-title-medium-text-default-typography-letter-spacing: var(
    --font-tracking-headline
  );
  --heading-title-medium-text-default-typography-font-weight: var(
    --font-weight-headline
  );
  --heading-title-large-text-default-line-height: var(
    --font-line-height-headline-2xs
  );
  --heading-title-large-text-default-font-size: var(
    --font-font-size-headline-2xs
  );
  --heading-title-large-text-default-typography-font-family: var(
    --font-font-family-base
  );
  --heading-title-large-text-default-typography-text-case: var(
    --font-case-headline-base
  );
  --heading-title-large-text-default-typography-letter-spacing: var(
    --font-tracking-headline
  );
  --heading-title-large-text-default-typography-font-weight: var(
    --font-weight-headline
  );
  --heading-module-small-text-default-line-height: var(
    --font-line-height-headline-s
  );
  --heading-module-small-text-default-font-size: var(
    --font-font-size-headline-s
  );
  --heading-module-small-text-default-typography-font-family: var(
    --font-font-family-base
  );
  --heading-module-small-text-default-typography-letter-spacing: var(
    --font-tracking-headline
  );
  --heading-module-small-text-default-typography-font-weight: var(
    --font-weight-headline
  );
  --heading-module-large-text-default-line-height: var(
    --font-line-height-headline-l
  );
  --heading-module-large-text-default-font-size: var(
    --font-font-size-headline-l
  );
  --heading-module-large-text-default-typography-font-family: var(
    --font-font-family-base
  );
  --heading-module-large-text-default-typography-letter-spacing: var(
    --font-tracking-headline
  );
  --heading-module-large-text-default-typography-font-weight: var(
    --font-weight-headline
  );
  --heading-module-large-default-margin-bottom: var(
    --spacing-layout-margin-vertical-text-elements-heading-module-l
  );
  --heading-display-small-default-margin-bottom: var(
    --spacing-layout-margin-vertical-text-elements-heading-display-small-l
  );
  --heading-display-small-text-default-line-height: var(
    --font-line-height-headline-2xl
  );
  --heading-display-small-text-default-font-size: var(
    --font-font-size-headline-2xl
  );
  --heading-display-small-text-default-typography-text-case: var(
    --font-case-headline-base
  );
  --heading-display-small-text-default-typography-letter-spacing: var(
    --font-tracking-headline
  );
  --heading-display-small-text-default-typography-font-weight: var(
    --font-weight-headline
  );
  --heading-display-small-text-default-typography-font-family: var(
    --font-font-family-base
  );
  --heading-display-medium-default-margin-bottom: var(
    --spacing-layout-margin-vertical-text-elements-heading-display-medium-l
  );
  --heading-display-medium-text-default-line-height: var(
    --font-line-height-headline-3xl
  );
  --heading-display-medium-text-default-font-size: var(
    --font-font-size-headline-3xl
  );
  --heading-display-medium-text-default-typography-text-case: var(
    --font-case-headline-base
  );
  --heading-display-medium-text-default-typography-letter-spacing: var(
    --font-tracking-headline
  );
  --heading-display-medium-text-default-typography-font-weight: var(
    --font-weight-headline
  );
  --heading-display-medium-text-default-typography-font-family: var(
    --font-font-family-base
  );
  --heading-display-large-text-default-line-height: var(
    --font-line-height-headline-4xl
  );
  --heading-display-large-text-default-font-size: var(
    --font-font-size-headline-4xl
  );
  --heading-display-large-text-default-typography-text-case: var(
    --font-case-headline-base
  );
  --heading-display-large-text-default-typography-letter-spacing: var(
    --font-tracking-headline
  );
  --heading-display-large-text-default-typography-font-weight: var(
    --font-weight-headline
  );
  --heading-display-large-text-default-typography-font-family: var(
    --font-font-family-base
  );
  --heading-display-large-default-margin-bottom: var(
    --spacing-layout-margin-vertical-text-elements-heading-display-large-l
  );
  --table-body-default-border-radius: var(--radius-surface-table-body-l);
  --table-body-default-typography-text-case: var(--font-case-bodycopy);
  --table-body-default-typography-paragraph-spacing: var(
    --font-paragraph-spacing-bodycopy-base
  );
  --table-body-default-typography-letter-spacing: var(
    --font-tracking-bodycopy-base
  );
  --table-body-default-typography-line-height: var(
    --font-line-height-bodycopy-m
  );
  --table-body-default-typography-font-size: var(--font-font-size-bodycopy-m);
  --table-body-default-typography-font-weight: var(--font-weight-bodycopy);
  --table-body-default-typography-font-family: var(--font-font-family-base);
  --table-body-default-vertical-padding: var(
    --spacing-layout-vertical-padding-table-body-l
  );
  --table-body-default-horizontal-padding: var(
    --spacing-layout-horizontal-padding-table-body-l
  );
  --table-header-default-typography-text-case: var(--font-case-bodycopy);
  --table-header-default-typography-paragraph-spacing: var(
    --font-paragraph-spacing-bodycopy-base
  );
  --table-header-default-typography-letter-spacing: var(
    --font-tracking-bodycopy-base
  );
  --table-header-default-typography-line-height: var(
    --font-line-height-bodycopy-m
  );
  --table-header-default-typography-font-size: var(--font-font-size-bodycopy-m);
  --table-header-default-typography-font-weight: var(--font-weight-headline);
  --table-header-default-typography-font-family: var(--font-font-family-base);
  --table-head-default-border-radius: var(--radius-surface-table-head-l);
  --table-head-default-vertical-padding: var(
    --spacing-layout-vertical-padding-table-head-l
  );
  --table-head-default-horizontal-padding: var(
    --spacing-layout-horizontal-padding-table-head-l
  );
  --select-dropdown-default-margin-top: var(
    --spacing-layout-margin-vertical-select-dropdown-l
  );
  --segmented-control-integrated-segment-selected-vertical-padding: var(
    --spacing-layout-vertical-padding-segmented-control-segment-tall
  );
  --segmented-control-integrated-segment-default-vertical-padding: var(
    --spacing-layout-vertical-padding-segmented-control-segment-tall
  );
  --segmented-control-integrated-default-height: var(
    --sizing-surface-height-segmented-control-integrated-l
  );
  --radio-button-text-default-line-height: var(
    --font-line-height-input-control-desktop
  );
  --radio-button-text-default-font-size: var(
    --font-font-size-input-control-desktop
  );
  --radio-button-text-default-typography-text-case: var(--font-case-bodycopy);
  --radio-button-text-default-typography-paragraph-spacing: var(
    --font-paragraph-spacing-bodycopy-base
  );
  --radio-button-text-default-typography-letter-spacing: var(
    --font-tracking-bodycopy-base
  );
  --radio-button-text-default-typography-font-family: var(
    --font-font-family-base
  );
  --radio-button-input-default-vertical-padding: var(
    --spacing-layout-vertical-padding-radio-button-input-l
  );
  --promotion-card-horizontal-content-default-gap-row: var(
    --spacing-layout-margin-vertical-promotion-card-text-button-l
  );
  --promotion-card-horizontal-content-default-vertical-padding: var(
    --spacing-layout-vertical-padding-promotion-card-l
  );
  --promotion-card-horizontal-content-default-horizontal-padding: var(
    --spacing-layout-horizontal-padding-promotion-card-l
  );
  --promotion-card-image-no-background-default-border-radius: var(
    --radius-surface-promotion-card-l
  );
  --promotion-card-default-border-radius: var(
    --radius-surface-promotion-card-l
  );
  --promotion-card-vertical-content-default-gap-row: var(
    --spacing-layout-margin-vertical-promotion-card-text-button-l
  );
  --promotion-card-vertical-content-default-vertical-padding: var(
    --spacing-layout-vertical-padding-promotion-card-l
  );
  --promotion-card-vertical-content-default-horizontal-padding: var(
    --spacing-layout-horizontal-padding-promotion-card-l
  );
  --promotion-card-text-bodycopy-default-typography-text-case: var(
    --font-case-bodycopy
  );
  --promotion-card-text-bodycopy-default-typography-paragraph-spacing: var(
    --font-paragraph-spacing-bodycopy-base
  );
  --promotion-card-text-bodycopy-default-typography-letter-spacing: var(
    --font-tracking-bodycopy-base
  );
  --promotion-card-text-bodycopy-default-typography-font-size: var(
    --font-font-size-bodycopy-l
  );
  --promotion-card-text-bodycopy-default-typography-line-height: var(
    --font-line-height-bodycopy-l
  );
  --promotion-card-text-bodycopy-default-typography-font-weight: var(
    --font-weight-bodycopy
  );
  --promotion-card-text-bodycopy-default-typography-font-family: var(
    --font-font-family-base
  );
  --promotion-card-text-headline-default-typography-text-case: var(
    --font-case-headline-base
  );
  --promotion-card-text-headline-default-typography-letter-spacing: var(
    --font-tracking-headline
  );
  --promotion-card-text-headline-default-typography-line-height: var(
    --font-line-height-headline-s
  );
  --promotion-card-text-headline-default-typography-font-size: var(
    --font-font-size-headline-s
  );
  --promotion-card-text-headline-default-typography-font-weight: var(
    --font-weight-headline
  );
  --promotion-card-text-headline-default-typography-font-family: var(
    --font-font-family-base
  );
  --price-standalone-discount-default-font-size: var(
    --font-font-size-bodycopy-l
  );
  --price-standalone-discount-default-typography-text-case: var(
    --font-case-bodycopy
  );
  --price-standalone-discount-default-typography-paragraph-spacing: var(
    --font-paragraph-spacing-bodycopy-none
  );
  --price-standalone-discount-default-typography-letter-spacing: var(
    --font-tracking-bodycopy-base
  );
  --price-standalone-discount-default-typography-line-height: var(
    --font-line-height-single-line
  );
  --price-standalone-discount-default-typography-font-weight: var(
    --font-weight-bodycopy
  );
  --price-standalone-discount-default-typography-font-family: var(
    --font-font-family-base
  );
  --price-standalone-rrp-default-font-size: var(--font-font-size-bodycopy-l);
  --price-standalone-rrp-default-typography-text-case: var(
    --font-case-bodycopy
  );
  --price-standalone-rrp-default-typography-paragraph-spacing: var(
    --font-paragraph-spacing-bodycopy-none
  );
  --price-standalone-rrp-default-typography-letter-spacing: var(
    --font-tracking-bodycopy-base
  );
  --price-standalone-rrp-default-typography-line-height: var(
    --font-line-height-single-line
  );
  --price-standalone-rrp-default-typography-font-weight: var(
    --font-weight-bodycopy
  );
  --price-standalone-rrp-default-typography-font-family: var(
    --font-font-family-base
  );
  --price-standalone-deposit-default-font-size: var(
    --font-font-size-bodycopy-l
  );
  --price-standalone-deposit-default-typography-text-case: var(
    --font-case-bodycopy
  );
  --price-standalone-deposit-default-typography-paragraph-spacing: var(
    --font-paragraph-spacing-bodycopy-none
  );
  --price-standalone-deposit-default-typography-letter-spacing: var(
    --font-tracking-bodycopy-base
  );
  --price-standalone-deposit-default-typography-line-height: var(
    --font-line-height-single-line
  );
  --price-standalone-deposit-default-typography-font-weight: var(
    --font-weight-bodycopy
  );
  --price-standalone-deposit-default-typography-font-family: var(
    --font-font-family-base
  );
  --price-standalone-weight-default-font-size: var(--font-font-size-bodycopy-l);
  --price-standalone-weight-default-typography-text-case: var(
    --font-case-bodycopy
  );
  --price-standalone-weight-default-typography-paragraph-spacing: var(
    --font-paragraph-spacing-bodycopy-none
  );
  --price-standalone-weight-default-typography-letter-spacing: var(
    --font-tracking-bodycopy-base
  );
  --price-standalone-weight-default-typography-line-height: var(
    --font-line-height-single-line
  );
  --price-standalone-weight-default-typography-font-weight: var(
    --font-weight-bodycopy
  );
  --price-standalone-weight-default-typography-font-family: var(
    --font-font-family-base
  );
  --price-standalone-price-value-default-font-size: var(
    --font-font-size-headline-3xl
  );
  --price-standalone-price-value-default-typography-text-case: var(
    --font-case-headline-base
  );
  --price-standalone-price-value-default-typography-letter-spacing: var(
    --font-tracking-headline
  );
  --price-standalone-price-value-default-typography-line-height: var(
    --font-line-height-single-line
  );
  --price-standalone-price-value-default-typography-font-weight: var(
    --font-weight-headline
  );
  --price-standalone-price-value-default-typography-font-family: var(
    --font-font-family-base
  );
  --overlay-box-teaser-bodycopy-default-line-height: var(
    --font-line-height-bodycopy-l
  );
  --overlay-box-teaser-bodycopy-default-font-size: var(
    --font-font-size-bodycopy-l
  );
  --overlay-box-teaser-bodycopy-default-typography-text-case: var(
    --font-case-bodycopy
  );
  --overlay-box-teaser-bodycopy-default-typography-paragraph-spacing: var(
    --font-paragraph-spacing-bodycopy-none
  );
  --overlay-box-teaser-bodycopy-default-typography-letter-spacing: var(
    --font-tracking-bodycopy-base
  );
  --overlay-box-teaser-bodycopy-default-typography-font-weight: var(
    --font-weight-bodycopy
  );
  --overlay-box-teaser-bodycopy-default-typography-font-family: var(
    --font-font-family-base
  );
  --overlay-box-teaser-headline-default-line-height: var(
    --font-line-height-headline-l
  );
  --overlay-box-teaser-headline-default-font-size: var(
    --font-font-size-headline-l
  );
  --overlay-box-teaser-headline-default-typography-text-case: var(
    --font-case-headline-base
  );
  --overlay-box-teaser-headline-default-typography-paragraph-spacing: var(
    --font-paragraph-spacing-bodycopy-none
  );
  --overlay-box-teaser-headline-default-typography-letter-spacing: var(
    --font-tracking-headline
  );
  --overlay-box-teaser-headline-default-typography-font-weight: var(
    --font-weight-headline
  );
  --overlay-box-teaser-headline-default-typography-font-family: var(
    --font-font-family-base
  );
  --overlay-box-teaser-image-default-border-radius: var(
    --radius-surface-overlay-box-teaser-image-l
  );
  --overlay-box-teaser-image-default-ratio: var(
    --aspect-ratio-surface-landscape-4to1
  );
  --overlay-box-teaser-image-default-height: calc(
    var(--overlay-box-teaser-image-default-width) *
      var(--overlay-box-teaser-image-default-ratio)
  );
  --overlay-box-teaser-overlay-box-headline-default-margin-bottom: var(
    --spacing-layout-margin-vertical-overlay-box-teaser-headline-l
  );
  --overlay-box-teaser-overlay-box-text-default-margin-bottom: var(
    --spacing-layout-margin-vertical-overlay-box-teaser-text-l
  );
  --overlay-box-teaser-overlay-box-default-max-width: var(
    --sizing-surface-width-overlay-box-teaser-overlay-box-max-l
  );
  --overlay-box-teaser-overlay-box-default-border-radius: var(
    --radius-surface-overlay-box-teaser-overlay-box-l
  );
  --overlay-box-teaser-overlay-box-default-horizontal-padding: var(
    --spacing-layout-horizontal-padding-overlay-box-teaser-l
  );
  --overlay-box-teaser-overlay-box-default-margin-horizontal: var(
    --spacing-layout-margin-horizontal-overlay-box-teaser-l
  );
  --overlay-box-teaser-overlay-box-default-width: calc(
    var(--overlay-box-teaser-default-width) -
      var(--overlay-box-teaser-overlay-box-default-margin-horizontal) * 2
  );
  --overlay-box-teaser-default-max-width: var(
    --sizing-surface-width-overlay-box-teaser-max-l
  );
  --overlay-box-teaser-default-min-width: var(
    --sizing-surface-width-overlay-box-teaser-min-l
  );
  --input-text-support-text-default-typography-text-case: var(
    --font-case-bodycopy
  );
  --input-text-support-text-default-typography-letter-spacing: var(
    --font-tracking-bodycopy-expanded
  );
  --input-text-support-text-default-typography-line-height: var(
    --font-line-height-status-support-text-desktop
  );
  --input-text-support-text-default-typography-font-size: var(
    --font-font-size-status-support-text-desktop
  );
  --input-text-support-text-default-typography-font-weight: var(
    --font-weight-bodycopy
  );
  --input-text-support-text-default-typography-font-family: var(
    --font-font-family-base
  );
  --input-text-support-text-icon-default-vertical-padding: var(
    --spacing-layout-vertical-padding-input-text-icon-l
  );
  --input-text-label-floating-default-typography-text-case: var(
    --font-case-bodycopy
  );
  --input-text-label-floating-default-typography-letter-spacing: var(
    --font-tracking-headline
  );
  --input-text-label-floating-default-typography-line-height: var(
    --font-line-height-input-form-field-label-populated-desktop
  );
  --input-text-label-floating-default-typography-font-size: var(
    --font-font-size-input-form-field-label-populated-desktop
  );
  --input-text-label-floating-default-typography-font-weight: var(
    --font-weight-headline
  );
  --input-text-label-floating-default-typography-font-family: var(
    --font-font-family-base
  );
  --input-text-field-text-default-typography-text-case: var(
    --font-case-bodycopy
  );
  --input-text-field-text-default-typography-letter-spacing: var(
    --font-tracking-bodycopy-base
  );
  --input-text-field-text-default-typography-line-height: var(
    --font-line-height-input-form-field-desktop
  );
  --input-text-field-text-default-typography-font-size: var(
    --font-font-size-input-form-field-desktop
  );
  --input-text-field-text-default-typography-font-weight: var(
    --font-weight-bodycopy
  );
  --input-text-field-text-default-typography-font-family: var(
    --font-font-family-base
  );
  --input-text-input-field-container-default-padding-bottom: var(
    --spacing-layout-vertical-padding-input-text-container-bottom-l
  );
  --input-text-input-field-container-default-padding-top: var(
    --spacing-layout-vertical-padding-input-text-container-top-l
  );
  --input-text-input-field-default-height: var(
    --sizing-surface-height-input-text-input-field-l
  );
  --header-search-active-margin-left: var(
    --spacing-layout-margin-horizontal-header-search-l
  );
  --header-search-active-padding-left: var(
    --spacing-layout-horizontal-padding-header-search-active-l
  );
  --header-content-main-navigation-link-icon-default-width: var(
    --sizing-surface-width-icon-base
  );
  --header-content-main-navigation-link-icon-default-height: var(
    --sizing-surface-height-icon-base
  );
  --header-content-main-navigation-link-icon-default-color: var(
    --color-interaction-icon-default-base
  );
  --header-content-main-navigation-link-text-default-line-height: var(
    --font-line-height-bodycopy-l
  );
  --header-content-main-navigation-link-text-default-font-size: var(
    --font-font-size-bodycopy-xl
  );
  --header-content-main-navigation-link-text-default-color: var(
    --color-interaction-text-default-base
  );
  --header-content-main-navigation-link-text-default-typography-text-case: var(
    --font-case-bodycopy
  );
  --header-content-main-navigation-link-text-default-typography-paragraph-spacing: var(
    --font-paragraph-spacing-bodycopy-base
  );
  --header-content-main-navigation-link-text-default-typography-letter-spacing: var(
    --font-tracking-bodycopy-base
  );
  --header-content-main-navigation-link-text-default-typography-font-weight: var(
    --font-weight-bodycopy
  );
  --header-content-main-navigation-link-text-default-typography-font-family: var(
    --font-font-family-base
  );
  --header-content-main-navigation-link-focus-default-border-color: var(
    --color-interaction-focus-default
  );
  --header-content-main-navigation-link-focus-default-border-width: var(
    --border-width-interaction-focus
  );
  --header-content-main-navigation-link-focus-default-margin-right: var(
    --spacing-layout-outline-offset-focus
  );
  --header-content-main-navigation-link-focus-default-margin-left: var(
    --spacing-layout-outline-offset-focus
  );
  --header-content-main-navigation-link-focus-default-margin-bottom: var(
    --spacing-layout-outline-offset-focus
  );
  --header-content-main-navigation-link-focus-default-margin-top: var(
    --spacing-layout-outline-offset-focus
  );
  --header-content-main-navigation-link-border-active-background-color: var(
    --color-interaction-border-active-base
  );
  --header-content-main-navigation-link-border-active-border-radius: var(
    --radius-surface-header-link-border
  );
  --header-content-main-navigation-link-border-active-magin-right: var(
    --spacing-layout-margin-horizontal-header-link-border-l
  );
  --header-content-main-navigation-link-border-active-magin-left: var(
    --spacing-layout-margin-horizontal-header-link-border-l
  );
  --header-content-main-navigation-link-border-active-magin-bottom: var(
    --spacing-layout-margin-vertical-header-link-border-l
  );
  --header-content-main-navigation-link-border-active-height: var(
    --sizing-surface-height-header-link
  );
  --header-content-main-navigation-link-hover-background-color: var(
    --color-interaction-background-hover-muted
  );
  --header-content-main-navigation-link-active-background-color: var(
    --color-interaction-component-header-button-background
  );
  --header-content-main-navigation-link-default-border-radius: var(
    --radius-surface-header-link-container
  );
  --header-content-main-navigation-link-default-background-color: var(
    --color-interaction-component-header-button-background
  );
  --header-content-main-navigation-link-default-vertical-padding: var(
    --spacing-layout-vertical-padding-header-content-main-navigation-link
  );
  --header-content-main-navigation-link-default-horizontal-padding: var(
    --spacing-layout-horizontal-padding-header-content-main-navigation-link
  );
  --header-content-main-navigation-link-default-gap-column: var(
    --spacing-layout-gap-column-header-main-navigation
  );
  --header-content-main-navigation-default-gap-column: var(
    --spacing-layout-gap-column-header-main-navigation
  );
  --header-content-logo-default-margin-right: var(
    --spacing-layout-margin-horizontal-header-logo-xxs
  );
  --header-content-default-padding-left: var(
    --spacing-layout-horizontal-padding-header-content-container-left-l
  );
  --header-content-default-padding-right: var(
    --spacing-layout-horizontal-padding-header-content-container-right-l
  );
  --header-content-default-gap-column: var(
    --spacing-layout-gap-column-header-content-l
  );
  --header-topbar-default-padding-left: var(
    --spacing-layout-horizontal-padding-header-top-bar-container-left-l
  );
  --header-topbar-default-padding-right: var(
    --spacing-layout-horizontal-padding-header-top-bar-container-right-l
  );
  --check-box-text-default-line-height: var(--font-line-height-bodycopy-l);
  --check-box-text-default-font-size: var(
    --font-font-size-input-control-desktop
  );
  --check-box-text-default-typography-text-case: var(--font-case-bodycopy);
  --check-box-text-default-typography-paragraph-spacing: var(
    --font-paragraph-spacing-bodycopy-base
  );
  --check-box-text-default-typography-letter-spacing: var(
    --font-tracking-bodycopy-base
  );
  --check-box-text-default-typography-font-weight: var(--font-weight-bodycopy);
  --check-box-text-default-typography-font-family: var(--font-font-family-base);
  --check-box-input-default-vertical-padding: var(
    --spacing-layout-vertical-padding-checkbox-input-l
  );
  --accordion-expanded-default-padding-bottom: var(
    --spacing-layout-vertical-padding-accordion-expanded-l
  );
  --accordion-header-default-padding-bottom: var(
    --spacing-layout-vertical-padding-accordion-header-bottom-l
  );
  --accordion-header-default-gap-column: var(
    --spacing-layout-gap-column-icon-text-large
  );
  --accordion-header-default-padding-top: var(
    --spacing-layout-vertical-padding-accordion-header-top-l
  );
  --toggle-text-default-typography-font-size: var(
    --toggle-text-default-font-size
  );
  --toggle-text-default-typography-line-height: var(
    --toggle-text-default-line-height
  );
  --disclaimer-large-line-height: var(--disclaimer-line-height-large);
  --disclaimer-large-font-size: var(--disclaimer-font-size-large);
  --paragraph-large-line-height: var(--paragraph-line-height-large);
  --paragraph-large-font-size: var(--paragraph-font-size-large);
  --paragraph-small-line-height: var(--paragraph-line-height-small);
  --paragraph-small-font-size: var(--paragraph-font-size-small);
  --display-large-line-height: var(--display-line-height-large);
  --display-large-font-size: var(--display-fontsize-large);
  --display-medium-line-height: var(--display-line-height-medium);
  --display-medium-font-size: var(--display-fontsize-medium);
  --display-small-line-height: var(--display-line-height-small);
  --display-small-font-size: var(--display-fontsize-small);
  --subhead-large-line-height: var(--subhead-line-height-large);
  --subhead-large-font-size: var(--subhead-font-size-large);
  --module-large-line-height: var(--module-line-height-large);
  --module-large-font-size: var(--module-font-size-large);
  --module-small-line-height: var(--module-line-height-small);
  --module-small-font-size: var(--module-font-size-small);
  --title-large-line-height: var(--title-line-height-large);
  --title-large-font-size: var(--title-font-size-large);
  --title-medium-line-height: var(--title-line-height-medium);
  --title-medium-font-size: var(--title-font-size-medium);
  --title-small-line-height: var(--title-line-height-small);
  --title-small-font-size: var(--title-font-size-small);
  --list-sub-bullet-default-typography-line-height: var(
    --list-sub-bullet-default-line-height
  );
  --list-sub-bullet-default-typography-font-size: var(
    --list-sub-bullet-default-font-size
  );
  --list-sub-text-default-typography-line-height: var(
    --paragraph-line-height-large
  );
  --list-sub-text-default-typography-font-size: var(
    --paragraph-font-size-large
  );
  --list-sub-default-padding-left: calc(
    var(--list-parent-default-padding-left) +
      var(--spacing-layout-vertical-padding-accordion-expanded-xxs)
  );
  --list-parent-bullet-default-typography-line-height: var(
    --list-parent-bullet-default-line-height
  );
  --list-parent-bullet-default-typography-font-size: var(
    --list-parent-bullet-default-font-size
  );
  --list-parent-text-default-typography-line-height: var(
    --paragraph-line-height-large
  );
  --list-parent-text-default-typography-font-size: var(
    --paragraph-font-size-large
  );
  --bodycopy-disclaimer-large-text-default-typography-line-height: var(
    --disclaimer-line-height-large
  );
  --bodycopy-disclaimer-large-text-default-typography-font-size: var(
    --disclaimer-font-size-large
  );
  --bodycopy-paragraph-small-text-default-typography-line-height: var(
    --paragraph-line-height-small
  );
  --bodycopy-paragraph-small-text-default-typography-font-size: var(
    --paragraph-font-size-small
  );
  --bodycopy-paragraph-large-text-default-typography-line-height: var(
    --paragraph-line-height-large
  );
  --bodycopy-paragraph-large-text-default-typography-font-size: var(
    --paragraph-font-size-large
  );
  --bodycopy-subhead-large-text-default-typography-line-height: var(
    --subhead-line-height-large
  );
  --bodycopy-subhead-large-text-default-typography-font-size: var(
    --subhead-font-size-large
  );
  --heading-title-small-text-default-typography-line-height: var(
    --title-line-height-small
  );
  --heading-title-small-text-default-typography-font-size: var(
    --title-font-size-small
  );
  --heading-title-medium-text-default-typography-line-height: var(
    --title-line-height-medium
  );
  --heading-title-medium-text-default-typography-font-size: var(
    --title-font-size-medium
  );
  --heading-title-large-text-default-typography-line-height: var(
    --title-line-height-large
  );
  --heading-title-large-text-default-typography-font-size: var(
    --title-font-size-large
  );
  --heading-module-small-text-default-typography-line-height: var(
    --module-line-height-small
  );
  --heading-module-small-text-default-typography-font-size: var(
    --module-font-size-small
  );
  --heading-module-large-text-default-typography-line-height: var(
    --module-line-height-large
  );
  --heading-module-large-text-default-typography-font-size: var(
    --module-font-size-large
  );
  --heading-display-small-text-default-typography-line-height: var(
    --display-line-height-small
  );
  --heading-display-small-text-default-typography-font-size: var(
    --display-fontsize-small
  );
  --heading-display-medium-text-default-typography-line-height: var(
    --display-line-height-medium
  );
  --heading-display-medium-text-default-typography-font-size: var(
    --display-fontsize-medium
  );
  --heading-display-large-text-default-typography-line-height: var(
    --display-line-height-large
  );
  --heading-display-large-text-default-typography-font-size: var(
    --display-fontsize-large
  );
  --radio-button-text-default-typography-font-size: var(
    --radio-button-text-default-font-size
  );
  --radio-button-text-default-typography-line-height: var(
    --radio-button-text-default-line-height
  );
  --price-standalone-discount-default-typography-font-size: var(
    --price-standalone-discount-default-font-size
  );
  --price-standalone-rrp-default-typography-font-size: var(
    --price-standalone-rrp-default-font-size
  );
  --price-standalone-deposit-default-typography-font-size: var(
    --price-standalone-deposit-default-font-size
  );
  --price-standalone-weight-default-typography-font-size: var(
    --price-standalone-weight-default-font-size
  );
  --price-standalone-price-value-default-typography-font-size: var(
    --price-standalone-price-value-default-font-size
  );
  --overlay-box-teaser-bodycopy-default-typography-line-height: var(
    --overlay-box-teaser-bodycopy-default-line-height
  );
  --overlay-box-teaser-bodycopy-default-typography-font-size: var(
    --overlay-box-teaser-bodycopy-default-font-size
  );
  --overlay-box-teaser-headline-default-typography-line-height: var(
    --overlay-box-teaser-headline-default-line-height
  );
  --overlay-box-teaser-headline-default-typography-font-size: var(
    --overlay-box-teaser-headline-default-font-size
  );
  --header-content-main-navigation-link-text-default-typography-font-size: var(
    --header-content-main-navigation-link-text-default-font-size
  );
  --header-content-main-navigation-link-text-default-typography-line-height: var(
    --header-content-main-navigation-link-text-default-line-height
  );
  --header-content-main-navigation-link-focus-default-border-radius: calc(
    var(--header-content-main-navigation-link-default-border-radius) +
      var(--radius-interaction-focus)
  );
  --check-box-text-default-typography-font-size: var(
    --check-box-text-default-font-size
  );
  --check-box-text-default-typography-line-height: var(
    --check-box-text-default-line-height
  );
  --promotion-card-text-bodycopy-default-typography-text-decoration: none;
  --promotion-card-text-bodycopy-default-typography-paragraph-indent: none;
  --promotion-card-text-headline-default-typography-text-decoration: none;
  --promotion-card-text-headline-default-typography-paragraph-indent: none;
  --promotion-card-text-headline-default-typography-paragraph-spacing: none;
  --overlay-box-teaser-bodycopy-default-typography-text-decoration: none;
  --overlay-box-teaser-bodycopy-default-typography-paragraph-indent: none;
  --header-search-input-text-default-typography-text-decoration: none;
  --header-search-input-text-default-typography-paragraph-indent: none;
  --header-search-input-text-default-typography-paragraph-spacing: none;
  --header-search-input-placeholder-default-typography-text-decoration: none;
  --header-search-input-placeholder-default-typography-paragraph-indent: none;
  --header-search-input-placeholder-default-typography-paragraph-spacing: none;
  --accordion-header-text-default-typography-text-decoration: none;
  --accordion-header-text-default-typography-paragraph-indent: none;
  --accordion-header-text-default-typography-paragraph-spacing: none;
  --promotion-card-horizontal-content-default-gap-row: var(
    --spacing-layout-margin-vertical-promotion-card-text-button-xl
  );
  --promotion-card-horizontal-content-default-vertical-padding: var(
    --spacing-layout-vertical-padding-promotion-card-xl
  );
  --promotion-card-horizontal-content-default-horizontal-padding: var(
    --spacing-layout-horizontal-padding-promotion-card-xl
  );
  --promotion-card-image-no-background-default-border-radius: var(
    --radius-surface-promotion-card-xl
  );
  --promotion-card-default-border-radius: var(
    --radius-surface-promotion-card-xl
  );
  --promotion-card-vertical-image-default-ratio: var(
    --aspect-ratio-surface-landscape-3to1
  );
  --promotion-card-vertical-content-default-gap-row: var(
    --spacing-layout-margin-vertical-promotion-card-text-button-xl
  );
  --promotion-card-vertical-content-default-vertical-padding: var(
    --spacing-layout-vertical-padding-promotion-card-xl
  );
  --promotion-card-vertical-content-default-horizontal-padding: var(
    --spacing-layout-horizontal-padding-promotion-card-xl
  );
  --promotion-card-text-bodycopy-default-typography-text-case: var(
    --font-case-bodycopy
  );
  --promotion-card-text-bodycopy-default-typography-paragraph-spacing: var(
    --font-paragraph-spacing-bodycopy-base
  );
  --promotion-card-text-bodycopy-default-typography-letter-spacing: var(
    --font-tracking-bodycopy-base
  );
  --promotion-card-text-bodycopy-default-typography-font-size: var(
    --font-font-size-bodycopy-l
  );
  --promotion-card-text-bodycopy-default-typography-line-height: var(
    --font-line-height-bodycopy-l
  );
  --promotion-card-text-bodycopy-default-typography-font-weight: var(
    --font-weight-bodycopy
  );
  --promotion-card-text-bodycopy-default-typography-font-family: var(
    --font-font-family-base
  );
  --promotion-card-text-headline-default-typography-text-case: var(
    --font-case-headline-base
  );
  --promotion-card-text-headline-default-typography-letter-spacing: var(
    --font-tracking-headline
  );
  --promotion-card-text-headline-default-typography-line-height: var(
    --font-line-height-headline-l
  );
  --promotion-card-text-headline-default-typography-font-size: var(
    --font-font-size-headline-l
  );
  --promotion-card-text-headline-default-typography-font-weight: var(
    --font-weight-headline
  );
  --promotion-card-text-headline-default-typography-font-family: var(
    --font-font-family-base
  );
  --product-card-price-default-padding-bottom: var(
    --spacing-layout-margin-vertical-product-card-price-xl
  );
  --product-card-default-padding-top: var(
    --spacing-layout-vertical-padding-product-card-container-top-xl
  );
  --overlay-box-teaser-bodycopy-default-typography-text-case: var(
    --font-case-bodycopy
  );
  --overlay-box-teaser-bodycopy-default-typography-paragraph-spacing: var(
    --font-paragraph-spacing-bodycopy-none
  );
  --overlay-box-teaser-bodycopy-default-typography-letter-spacing: var(
    --font-tracking-bodycopy-base
  );
  --overlay-box-teaser-bodycopy-default-typography-font-weight: var(
    --font-weight-bodycopy
  );
  --overlay-box-teaser-bodycopy-default-typography-font-family: var(
    --font-font-family-base
  );
  --overlay-box-teaser-default-max-width: var(
    --sizing-surface-width-overlay-box-teaser-max-xl
  );
  --overlay-box-teaser-default-min-width: var(
    --sizing-surface-width-overlay-box-teaser-min-xl
  );
  --header-search-icon-default-width: var(--sizing-surface-width-header-icon);
  --header-search-icon-default-height: var(--sizing-surface-height-header-icon);
  --header-search-input-text-default-line-height: var(
    --font-line-height-navigation-header-search
  );
  --header-search-input-text-default-font-size: var(
    --font-font-size-navigation-header-search
  );
  --header-search-input-text-default-typography-text-case: var(
    --font-case-bodycopy
  );
  --header-search-input-text-default-typography-letter-spacing: var(
    --font-tracking-bodycopy-base
  );
  --header-search-input-text-default-typography-font-weight: var(
    --font-weight-bodycopy
  );
  --header-search-input-text-default-typography-font-family: var(
    --font-font-family-base
  );
  --header-search-input-placeholder-default-line-height: var(
    --font-line-height-navigation-header-search
  );
  --header-search-input-placeholder-default-font-size: var(
    --font-font-size-navigation-header-search
  );
  --header-search-input-placeholder-default-typography-text-case: var(
    --font-case-bodycopy
  );
  --header-search-input-placeholder-default-typography-letter-spacing: var(
    --font-tracking-bodycopy-base
  );
  --header-search-input-placeholder-default-typography-font-weight: var(
    --font-weight-bodycopy
  );
  --header-search-input-placeholder-default-typography-font-family: var(
    --font-font-family-base
  );
  --header-search-input-default-gap-column: var(
    --spacing-layout-gap-column-icon-text-xlarge
  );
  --header-search-cancel-icon-default-width: var(
    --sizing-surface-width-header-icon
  );
  --header-search-cancel-icon-default-height: var(
    --sizing-surface-height-header-icon
  );
  --header-search-active-margin-left: var(
    --spacing-layout-margin-horizontal-header-search-xl
  );
  --header-search-active-padding-left: var(
    --spacing-layout-horizontal-padding-header-search-active-xl
  );
  --header-content-default-vertical-padding: var(
    --spacing-layout-vertical-padding-header-content-container-l
  );
  --header-content-default-padding-left: var(
    --spacing-layout-horizontal-padding-header-content-container-left-xl
  );
  --header-content-default-padding-right: var(
    --spacing-layout-horizontal-padding-header-content-container-right-xl
  );
  --header-content-default-gap-column: var(
    --spacing-layout-gap-column-header-content-xl
  );
  --accordion-expanded-default-padding-bottom: var(
    --spacing-layout-vertical-padding-accordion-expanded-xl
  );
  --accordion-header-text-default-line-height: var(
    --font-line-height-headline-s
  );
  --accordion-header-text-default-font-size: var(--font-font-size-headline-s);
  --accordion-header-text-default-typography-text-case: var(
    --font-case-headline-base
  );
  --accordion-header-text-default-typography-letter-spacing: var(
    --font-tracking-headline
  );
  --accordion-header-text-default-typography-font-weight: var(
    --font-weight-headline
  );
  --accordion-header-text-default-typography-font-family: var(
    --font-font-family-base
  );
  --accordion-header-default-padding-bottom: var(
    --spacing-layout-vertical-padding-accordion-header-bottom-xl
  );
  --accordion-header-default-gap-column: var(
    --spacing-layout-gap-column-icon-text-xlarge
  );
  --accordion-header-default-padding-top: var(
    --spacing-layout-vertical-padding-accordion-header-top-xl
  );
  --accordion-header-trailing-icon-default-width: var(
    --sizing-surface-width-icon-large
  );
  --accordion-header-trailing-icon-default-height: var(
    --sizing-surface-height-icon-large
  );
  --accordion-header-leading-icon-default-width: var(
    --sizing-surface-width-icon-large
  );
  --accordion-header-leading-icon-default-height: var(
    --sizing-surface-height-icon-large
  );
  --overlay-box-teaser-bodycopy-default-typography-line-height: var(
    --overlay-box-teaser-bodycopy-default-line-height
  );
  --overlay-box-teaser-bodycopy-default-typography-font-size: var(
    --overlay-box-teaser-bodycopy-default-font-size
  );
  --header-search-input-text-default-typography-font-size: var(
    --header-search-input-text-default-font-size
  );
  --header-search-input-text-default-typography-line-height: var(
    --header-search-input-text-default-line-height
  );
  --header-search-input-placeholder-default-typography-font-size: var(
    --header-search-input-placeholder-default-font-size
  );
  --header-search-input-placeholder-default-typography-line-height: var(
    --header-search-input-placeholder-default-line-height
  );
  --accordion-header-text-default-typography-line-height: var(
    --accordion-header-text-default-line-height
  );
  --accordion-header-text-default-typography-font-size: var(
    --accordion-header-text-default-font-size
  );
  --promotion-card-text-bodycopy-default-typography-text-decoration: none;
  --promotion-card-text-bodycopy-default-typography-paragraph-indent: none;
  --promotion-card-text-headline-default-typography-text-decoration: none;
  --promotion-card-text-headline-default-typography-paragraph-indent: none;
  --promotion-card-text-headline-default-typography-paragraph-spacing: none;
  --promotion-card-image-no-background-default-border-radius: var(
    --radius-surface-promotion-card-xxl
  );
  --promotion-card-default-border-radius: var(
    --radius-surface-promotion-card-xxl
  );
  --promotion-card-vertical-content-default-gap-row: var(
    --spacing-layout-margin-vertical-promotion-card-text-button-xxl
  );
  --promotion-card-vertical-content-default-vertical-padding: var(
    --spacing-layout-vertical-padding-promotion-card-xxl
  );
  --promotion-card-vertical-content-default-horizontal-padding: var(
    --spacing-layout-horizontal-padding-promotion-card-xxl
  );
  --promotion-card-text-bodycopy-default-typography-text-case: var(
    --font-case-bodycopy
  );
  --promotion-card-text-bodycopy-default-typography-paragraph-spacing: var(
    --font-paragraph-spacing-bodycopy-base
  );
  --promotion-card-text-bodycopy-default-typography-letter-spacing: var(
    --font-tracking-bodycopy-base
  );
  --promotion-card-text-bodycopy-default-typography-font-size: var(
    --font-font-size-bodycopy-2xl
  );
  --promotion-card-text-bodycopy-default-typography-line-height: var(
    --font-line-height-bodycopy-2xl
  );
  --promotion-card-text-bodycopy-default-typography-font-weight: var(
    --font-weight-bodycopy
  );
  --promotion-card-text-bodycopy-default-typography-font-family: var(
    --font-font-family-base
  );
  --promotion-card-text-headline-default-typography-text-case: var(
    --font-case-headline-base
  );
  --promotion-card-text-headline-default-typography-letter-spacing: var(
    --font-tracking-headline
  );
  --promotion-card-text-headline-default-typography-line-height: var(
    --font-line-height-headline-2xl
  );
  --promotion-card-text-headline-default-typography-font-size: var(
    --font-font-size-headline-2xl
  );
  --promotion-card-text-headline-default-typography-font-weight: var(
    --font-weight-headline
  );
  --promotion-card-text-headline-default-typography-font-family: var(
    --font-font-family-base
  );
  --overlay-box-teaser-default-min-width: var(
    --sizing-surface-width-overlay-box-teaser-min-xxl
  );
  --header-search-active-margin-left: var(
    --spacing-layout-margin-horizontal-header-search-xxl
  );
  --header-content-default-padding-left: var(
    --spacing-layout-horizontal-padding-header-content-container-left-xxl
  );
  --header-content-default-padding-right: var(
    --spacing-layout-horizontal-padding-header-content-container-right-xxl
  );
  --header-topbar-default-padding-left: var(
    --spacing-layout-horizontal-padding-header-top-bar-container-left-xxl
  );
  --header-topbar-default-padding-right: var(
    --spacing-layout-horizontal-padding-header-top-bar-container-right-xxl
  );
  --base-header-height: 8.5rem;
  --floating-buttons-item-size: 3.25rem;
  --floating-buttons-padding: 1rem;
  --floating-buttons-gap: 1rem;
  --floating-buttons-starting-top: 120vh;
  --floating-buttons-item-size: 3.5rem;
  --floating-buttons-item-size: 5rem;
}

.legacy *,
  .legacy :after,
  .legacy :before {
    box-sizing: border-box;
  }

.legacy hr {
    color: inherit;
    height: 0;
  }

.legacy abbr[title] {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }

.legacy b,
  .legacy strong {
    font-weight: bolder;
  }

.legacy code,
  .legacy kbd,
  .legacy pre,
  .legacy samp {
    font-family:
      ui-monospace,
      SFMono-Regular,
      Consolas,
      Liberation Mono,
      Menlo,
      monospace;
    font-size: 1em;
  }

.legacy small {
    font-size: 80%;
  }

.legacy sub,
  .legacy sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }

.legacy sub {
    bottom: -0.25em;
  }

.legacy sup {
    top: -0.5em;
  }

.legacy table {
    border-color: inherit;
    text-indent: 0;
  }

.legacy button,
  .legacy input,
  .legacy optgroup,
  .legacy select,
  .legacy textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
  }

.legacy button,
  .legacy select {
    text-transform: none;
  }

.legacy [type="button"],
  .legacy [type="reset"],
  .legacy [type="submit"],
  .legacy button {
    -webkit-appearance: button;
  }

.legacy ::-moz-focus-inner {
    border-style: none;
    padding: 0;
  }

.legacy :-moz-focusring {
    outline: 1px dotted ButtonText;
  }

.legacy :-moz-ui-invalid {
    box-shadow: none;
  }

.legacy legend {
    padding: 0;
  }

.legacy progress {
    vertical-align: baseline;
  }

.legacy ::-webkit-inner-spin-button,
  .legacy ::-webkit-outer-spin-button {
    height: auto;
  }

.legacy [type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
  }

.legacy ::-webkit-search-decoration {
    -webkit-appearance: none;
  }

.legacy ::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
  }

.legacy summary {
    display: list-item;
  }

.legacy .color--dark-blue-100 {
    color: #00005f;
  }

.legacy .background-color--dark-blue-100 {
    background-color: #00005f;
  }

.legacy .color--primary-blue-130 {
    color: #092867;
  }

.legacy .background-color--primary-blue-130 {
    background-color: #092867;
  }

.legacy .color--primary-blue-100 {
    color: #0d3a93;
  }

.legacy .background-color--primary-blue-100 {
    background-color: #0d3a93;
  }

.legacy .color--primary-blue-60 {
    color: #6e89be;
  }

.legacy .background-color--primary-blue-60 {
    background-color: #6e89be;
  }

.legacy .color--primary-blue-30 {
    color: #b6c4df;
  }

.legacy .background-color--primary-blue-30 {
    background-color: #b6c4df;
  }

.legacy .color--secondary-blue-100 {
    color: #0d3a93;
  }

.legacy .background-color--secondary-blue-100 {
    background-color: #0d3a93;
  }

.legacy .color--secondary-blue-60 {
    color: #5574b3;
  }

.legacy .background-color--secondary-blue-60 {
    background-color: #5574b3;
  }

.legacy .color--secondary-blue-30 {
    color: #9eb0d4;
  }

.legacy .background-color--secondary-blue-30 {
    background-color: #9eb0d4;
  }

.legacy .color--tertiary-blue-100 {
    color: #55c3f0;
  }

.legacy .background-color--tertiary-blue-100 {
    background-color: #55c3f0;
  }

.legacy .color--tertiary-blue-60 {
    color: #99dbf6;
  }

.legacy .background-color--tertiary-blue-60 {
    background-color: #99dbf6;
  }

.legacy .color--tertiary-blue-30 {
    color: #cceffb;
  }

.legacy .background-color--tertiary-blue-30 {
    background-color: #cceffb;
  }

.legacy .color--yellow-150 {
    color: #806400;
  }

.legacy .background-color--yellow-150 {
    background-color: #806400;
  }

.legacy .color--yellow-100 {
    color: #ffc800;
  }

.legacy .background-color--yellow-100 {
    background-color: #ffc800;
  }

.legacy .color--yellow-60 {
    color: #ffde66;
  }

.legacy .background-color--yellow-60 {
    background-color: #ffde66;
  }

.legacy .color--yellow-45 {
    color: #ffe68c;
  }

.legacy .background-color--yellow-45 {
    background-color: #ffe68c;
  }

.legacy .color--yellow-40 {
    color: #ffe999;
  }

.legacy .background-color--yellow-40 {
    background-color: #ffe999;
  }

.legacy .color--yellow-30 {
    color: #ffefb3;
  }

.legacy .background-color--yellow-30 {
    background-color: #ffefb3;
  }

.legacy .color--orange-100 {
    color: #ff7800;
  }

.legacy .background-color--orange-100 {
    background-color: #ff7800;
  }

.legacy .color--orange-30 {
    color: #ffd7b3;
  }

.legacy .background-color--orange-30 {
    background-color: #ffd7b3;
  }

.legacy .color--gold-100 {
    color: #967100;
  }

.legacy .background-color--gold-100 {
    background-color: #967100;
  }

.legacy .color--gold-30 {
    color: #e0d4b3;
  }

.legacy .background-color--gold-30 {
    background-color: #e0d4b3;
  }

.legacy .color--purple-100 {
    color: #7f5899;
  }

.legacy .background-color--purple-100 {
    background-color: #7f5899;
  }

.legacy .color--purple-30 {
    color: #d9cde0;
  }

.legacy .background-color--purple-30 {
    background-color: #d9cde0;
  }

.legacy .color--red-100 {
    color: #d70000;
  }

.legacy .background-color--red-100 {
    background-color: #d70000;
  }

.legacy .color--red-60 {
    color: #e76666;
  }

.legacy .background-color--red-60 {
    background-color: #e76666;
  }

.legacy .color--red-30 {
    color: #f3b3b3;
  }

.legacy .background-color--red-30 {
    background-color: #f3b3b3;
  }

.legacy .color--green-100 {
    color: #8eb826;
  }

.legacy .background-color--green-100 {
    background-color: #8eb826;
  }

.legacy .color--green-60 {
    color: #bbd47d;
  }

.legacy .background-color--green-60 {
    background-color: #bbd47d;
  }

.legacy .color--green-30 {
    color: #ddeabe;
  }

.legacy .background-color--green-30 {
    background-color: #ddeabe;
  }

.legacy .color--green-20 {
    color: #d3e7cc;
  }

.legacy .background-color--green-20 {
    background-color: #d3e7cc;
  }

.legacy .color--black {
    color: #101316;
  }

.legacy .background-color--black {
    background-color: #101316;
  }

.legacy .color--dark-gray {
    color: #343d46;
  }

.legacy .background-color--dark-gray {
    background-color: #343d46;
  }

.legacy .color--mid-gray {
    color: #71777e;
  }

.legacy .background-color--mid-gray {
    background-color: #71777e;
  }

.legacy .color--light-gray {
    color: #d6d8da;
  }

.legacy .background-color--light-gray {
    background-color: #d6d8da;
  }

.legacy .color--silver-gray {
    color: #f5f5f6;
  }

.legacy .background-color--silver-gray {
    background-color: #f5f5f6;
  }

.legacy .color--cherry {
    color: #f3b1cd;
  }

.legacy .background-color--cherry {
    background-color: #f3b1cd;
  }

.legacy .color--quilt {
    color: #a6cbf0;
  }

.legacy .background-color--quilt {
    background-color: #a6cbf0;
  }

.legacy .color--mint {
    color: #a5d5d5;
  }

.legacy .background-color--mint {
    background-color: #a5d5d5;
  }

.legacy .color--aqua {
    color: #a1e1f7;
  }

.legacy .background-color--aqua {
    background-color: #a1e1f7;
  }

.legacy .color--pearl {
    color: #ffe3c0;
  }

.legacy .background-color--pearl {
    background-color: #ffe3c0;
  }

.legacy .color--alert-red {
    color: #b30012;
  }

.legacy .background-color--alert-red {
    background-color: #b30012;
  }

.legacy .color--alert-green {
    color: #1e6e00;
  }

.legacy .background-color--alert-green {
    background-color: #1e6e00;
  }

.legacy .color--white {
    color: #fff;
  }

.legacy .background-color--white {
    background-color: #fff;
  }

.legacy .color--footer-gray {
    color: #c2c5c8;
  }

.legacy .background-color--footer-gray {
    background-color: #c2c5c8;
  }

.legacy .base-outline {
    outline: 0.1875rem solid #0d3a93;
    outline-offset: 0.125rem;
  }

@supports (scrollbar-gutter: stable) {
  }

.legacy address,
  .legacy blockquote,
  .legacy dd,
  .legacy dl,
  .legacy figure,
  .legacy h1,
  .legacy h2,
  .legacy h3,
  .legacy h4,
  .legacy h5,
  .legacy h6,
  .legacy hr,
  .legacy p,
  .legacy pre {
    margin: 0;
  }

.legacy h1,
  .legacy h2,
  .legacy h3,
  .legacy h4,
  .legacy h5,
  .legacy h6 {
    font-size: inherit;
    font-weight: inherit;
  }

.legacy address {
    font-style: normal;
  }

.legacy ol,
  .legacy ul {
    list-style: none;
    margin: 0;
    padding: 0;
  }

.legacy audio,
  .legacy canvas,
  .legacy embed,
  .legacy iframe,
  .legacy img,
  .legacy object,
  .legacy svg,
  .legacy video {
    display: block;
    vertical-align: middle;
  }

.legacy *,
  .legacy :after,
  .legacy :before {
    border-style: solid;
    border-width: 0;
  }

.legacy button {
    background: none;
    border: 0;
    color: inherit;
    cursor: pointer;
    font: inherit;
    padding: 0;
  }

.legacy button:disabled {
    cursor: not-allowed;
  }

.legacy main {
    flex: 1;
  }

.legacy a {
    color: #0d3a93;
  }

.legacy .sr-only {
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    clip: rect(0, 0, 0, 0);
    border-width: 0;
    clip-path: inset(100%);
    white-space: nowrap;
  }

.legacy img {
    height: auto;
    max-width: 100%;
  }

.legacy .text-single-line {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

.legacy .no-scroll {
    overflow: hidden;
  }

.legacy .color--al-us-navy-blue {
    color: #00005f;
  }

.legacy .background-color--al-us-navy-blue {
    background-color: #00005f;
  }

.legacy .color--al-us-secondary-blue {
    color: #88d5f5;
  }

.legacy .background-color--al-us-secondary-blue {
    background-color: #88d5f5;
  }

.legacy .color--al-us-tertiary-blue {
    color: #bbe7f9;
  }

.legacy .background-color--al-us-tertiary-blue {
    background-color: #bbe7f9;
  }

.legacy .color--inherit {
    color: inherit;
  }

.legacy .background-color--inherit {
    background-color: inherit;
  }

.legacy .country-us .address-form__injection--county-code {
    grid-area: address-form-input-county-code;
  }

.legacy .country-us .address-form__country-grid,
  .legacy .country-us .address-form__with-address-country-grid {
    grid: "address-form-input-city" "address-form-input-state" "address-form-input-zip" "address-form-input-county-code"/1fr;
  }

@media (min-width: 992px) {
    .legacy .country-us .address-form__country-grid,
    .legacy .country-us .address-form__with-address-country-grid {
      grid: "address-form-input-city address-form-input-city" "address-form-input-state address-form-input-state" "address-form-input-zip address-form-input-county-code"/1fr 1fr;
    }
  }

@media (min-width: 1528px) {
    .legacy .country-us .address-form__country-grid,
    .legacy .country-us .address-form__with-address-country-grid {
      grid: "address-form-input-city address-form-input-city" "address-form-input-state address-form-input-state" "address-form-input-zip address-form-input-county-code"/1fr 1fr;
    }
  }

.legacy .country-us .anchor-link__base-link {
    color: #00005f;
  }

.legacy .country-us .base-button--primary-light-background {
    background-color: #00005f;
  }

@media (hover: hover) {
    .legacy .country-us .base-button--primary-light-background.focus,
    .legacy .country-us .base-button--primary-light-background.hover,
    .legacy .country-us .base-button--primary-light-background:focus-visible,
    .legacy .country-us .base-button--primary-light-background:hover {
      background-color: #88d5f5;
      color: #00005f;
    }
  }

.legacy .country-us .base-button--primary-light-background.active,
  .legacy .country-us .base-button--primary-light-background:active {
    background-color: #bbe7f9;
    color: #00005f;
  }

.legacy .country-us .base-button--primary-light-background.disabled,
  .legacy .country-us .base-button--primary-light-background:disabled,
  .legacy .country-us .base-button--primary-light-background[aria-disabled="true"] {
    background-color: #f3f3f3;
    color: #646668;
  }

.legacy .country-us .base-button--primary-dark-background {
    color: #00005f;
  }

.legacy .country-us .base-button--primary-dark-background.disabled,
  .legacy .country-us .base-button--primary-dark-background[aria-disabled="true"] {
    background-color: #f3f3f3;
    color: #646668;
  }

.legacy .country-us .base-button--primary-dark-background.disabled .base-button__icon,
  .legacy .country-us
    .base-button--primary-dark-background[aria-disabled="true"]
    .base-button__icon {
    filter: brightness(0) invert(42%) sepia(6%) saturate(189%)
      hue-rotate(169deg) brightness(89%) contrast(86%);
  }

.legacy .country-us .base-button--secondary-light-background {
    border-color: #00005f;
    color: #00005f;
  }

.legacy .country-us .base-button--tertiary-light-background,
  .legacy .country-us .base-button--text-button,
  .legacy .country-us .base-button--text-button.active,
  .legacy .country-us .base-button--text-button:active {
    color: #00005f;
  }

.legacy .country-us .base-button--text-button.disabled,
  .legacy .country-us .base-button--text-button:disabled,
  .legacy .country-us .base-button--text-button[aria-disabled="true"] {
    color: #646668;
  }

.legacy .country-us .base-button--text-button .base-icon {
    color: #00005f;
  }

.legacy .country-us .base-input__icon--email > * {
    background-color: #00005f;
  }

.legacy .country-us .base-tooltip {
    background: #bbe7f9;
    color: #101316;
  }

.legacy .country-us .base-tooltip:before {
    background: #bbe7f9;
  }

.legacy .country-us .base-autocomplete__option-badge {
    background-color: #bbe7f9;
  }

.legacy .country-us .base-modal__body,
  .legacy .country-us .burger-menu-button,
  .legacy .country-us .buy-again-header__link {
    color: #00005f;
  }

.legacy .country-us .checkout-accordion-item__icon-wrapper:focus-visible {
    border-radius: 50%;
  }

.legacy .country-us .checkout-accordion-item__icon-wrapper .base-icon {
    height: 2rem;
    width: 2rem;
  }

@media (min-width: 992px) {
    .legacy .country-us .checkout-accordion-item__icon-wrapper .base-icon {
      height: 3rem;
      width: 3rem;
    }
  }

.legacy .country-us .checkout-accordion-item__confirmed-data {
    line-height: 1.5rem;
    padding: 0 4rem 1rem;
    white-space: normal;
    word-break: break-word;
  }

@media (min-width: 992px) {
    .legacy .country-us .checkout-accordion-item__confirmed-data {
      padding: 0 5.5rem 1rem;
    }
  }

.legacy .country-us .checkout-timeslot__icon-clock {
    color: #00005f;
  }

.legacy .country-us .media-box__button-list {
    flex-direction: column;
  }

@media (min-width: 760px) {
    .legacy .country-us .media-box__button-list {
      flex-direction: row;
    }
  }

.legacy .country-us .mini-cart-footer__total,
  .legacy .country-us .mini-cart-footer__total--row {
    color: #00005f;
  }

.legacy .country-us .no-payment-methods {
    gap: 10px;
  }

.legacy .country-us .order-history-empty__order-list-icon {
    height: 7.25rem;
    left: 5.3125rem;
    top: 1.625rem;
    width: 11.125rem;
  }

.legacy .country-us .order-successful__icon {
    height: 11.25rem;
    left: 1.875rem;
    top: 1.625rem;
    width: 15.5rem;
  }

.legacy .country-us
    .product-listing-viewer__headline--no-result
    > .search-result-headline
    > *,
  .legacy .country-us .sticky-container__total {
    color: #00005f;
  }

.legacy .country-us .total-price-section__label {
    color: #00005f;
    font-size: 1.5rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    letter-spacing: 0.01em;
    line-height: 2.125rem;
    text-transform: uppercase;
  }

@media (min-width: 992px) {
    .legacy .country-us .total-price-section__label {
      font-size: 1.625rem;
      line-height: 2.25rem;
    }
  }

.legacy .country-us .total-price-section__price {
    color: #00005f;
    font-size: 1.5rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    letter-spacing: 0.01em;
    line-height: 2.125rem;
    text-transform: uppercase;
  }

@media (min-width: 992px) {
    .legacy .country-us .total-price-section__price {
      font-size: 1.625rem;
      line-height: 2.25rem;
    }
  }

.legacy .country-us .my-orders__title_count {
    color: inherit;
  }

@media (min-width: 360px) {
  }

@media (min-width: 552px) {
  }

@media (min-width: 760px) {
  }

@media (min-width: 992px) {
  }

@media (min-width: 1224px) {
  }

@media (min-width: 1528px) {
  }

.legacy .loading-indicator {
    align-items: center;
    display: flex;
    justify-content: center;
    inset: 0;
    padding: 2.5rem 0;
    position: absolute;
    z-index: 200;
  }

.legacy .loading-indicator--overlay {
    background: #ffffffb3;
  }

.legacy .loading-indicator--blur {
    backdrop-filter: blur(6px);
    background: #ffffff1a;
  }

.legacy .loading-indicator--plain {
    padding: 0;
  }

.legacy .loading-indicator--rounded {
    border-radius: 0.5rem;
  }

.legacy .loading-indicator--fullScreen {
    position: fixed;
    top: var(--base-header-height);
  }

.legacy .loading-indicator__image {
    height: 1.5rem;
  }

.legacy .loading-indicator__mobile-mode-image {
    height: 2rem;
  }

.legacy .loading-indicator__mobile-mode-container {
    background-color: #fff;
    min-height: 100vh;
  }

.legacy .logo-visa {
    height: 1.3125rem;
    width: 4rem;
  }

.legacy .logo-mastercard {
    height: 2.0625rem;
    width: 2.625rem;
  }

.legacy .st0[data-v-8e71b0db] {
    fill: #0079be;
  }

.legacy .st1[data-v-8e71b0db] {
    fill: #fff;
  }

.legacy .base-icon {
    display: block;
    height: 1.5rem;
    width: 1.5rem;
  }

.legacy .base-icon > svg {
    height: 100%;
    width: 100%;
  }

.legacy .base-icon--x-small {
    height: 1rem;
    width: 1rem;
  }

.legacy .base-icon--small {
    height: 1.25rem;
    width: 1.25rem;
  }

.legacy .base-icon--medium {
    height: 2rem;
    width: 2rem;
  }

.legacy .base-icon--large {
    height: 3rem;
    width: 3rem;
  }

.legacy .base-icon--x-large {
    height: 5rem;
    width: 5rem;
  }

.legacy .st0[data-v-e4fab22d] {
    fill: #0079be;
  }

.legacy .st1[data-v-e4fab22d] {
    fill: #fff;
  }

.legacy .snap-customer-payment-details {
    display: flex;
    flex-direction: column;
    width: 100%;
  }

.legacy .snap-customer-payment-details__opacity {
    opacity: 0.5;
  }

.legacy .snap-customer-payment-details__container {
    align-items: center;
    display: flex;
    flex: 1;
    justify-content: space-between;
  }

.legacy .snap-customer-payment-details__details {
    align-items: center;
    display: flex;
    gap: 0.5rem;
  }

.legacy .snap-customer-payment-details__mask {
    font-weight: 700;
  }

.legacy .snap-customer-payment-details__icon {
    height: 3rem;
    width: 3rem;
  }

.legacy .snap-customer-payment-details__expiry {
    text-align: start;
  }

.legacy .base-amount-picker {
    width: 100%;
  }

.legacy .base-amount-picker__title {
    color: #343d46;
    font-size: 0.875rem;
    line-height: 1.3125rem;
    margin-bottom: 0.25rem;
  }

.legacy .base-amount-picker__body {
    background-color: unset;
    border: 1px solid #d6d8da;
    border-radius: 0.5rem;
    display: flex;
    height: 2.5rem;
    opacity: 1;
    position: relative;
    transition: opacity 0.3s ease-in-out;
    width: 100%;
  }

.legacy .base-amount-picker__body--disabled {
    opacity: 0.65;
  }

.legacy .base-amount-picker__body--disabled button {
    cursor: not-allowed !important;
  }

.legacy .base-amount-picker__body--focused {
    border-color: #0d3a93;
  }

.legacy .base-amount-picker__input {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
    background-color: transparent;
    border-radius: 0;
    color: inherit;
    flex: 1;
    min-width: 0;
    text-align: center;
    width: 100%;
  }

.legacy .base-amount-picker__input[type="number"]::-webkit-inner-spin-button,
  .legacy .base-amount-picker__input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    appearance: none;
  }

.legacy .base-amount-picker__input:focus {
    outline: none;
  }

.legacy .base-amount-picker__input:disabled {
    color: #71777e;
  }

.legacy .base-amount-picker__button--decrease,
  .legacy .base-amount-picker__button--increase {
    align-items: center;
    background-color: transparent;
    border-radius: 0.5rem 0;
    color: #0d3a93;
    cursor: pointer;
    display: flex;
    flex: 0 0 2.5rem;
    flex-basis: 2rem;
    justify-content: center;
    padding: 0;
  }

@media (min-width: 992px) {
    .legacy .base-amount-picker__button--decrease,
    .legacy .base-amount-picker__button--increase {
      flex: 0 0 3.5rem;
    }
  }

.legacy .base-amount-picker__button--decrease,
  .legacy .base-amount-picker__button--increase {
    border-radius: 0.5rem;
  }

.legacy .base-amount-picker__button--decrease:focus-visible,
  .legacy .base-amount-picker__button--increase:focus-visible {
    outline: 0.1875rem solid #0d3a93;
    outline-offset: 0.125rem;
  }

.legacy .base-amount-picker__button--decrease:disabled,
  .legacy .base-amount-picker__button--increase:disabled {
    opacity: 0.65;
  }

.legacy .base-amount-picker__button-icon--add,
  .legacy .base-amount-picker__button-icon--minus,
  .legacy .base-amount-picker__button-icon--remove {
    align-items: center;
    color: #0d3a93;
    display: flex;
    justify-content: center;
  }

.legacy .base-amount-picker__button-icon--add--disabled,
  .legacy .base-amount-picker__button-icon--minus--disabled,
  .legacy .base-amount-picker__button-icon--remove--disabled {
    color: #71777e;
  }

.legacy .base-link {
    cursor: pointer;
    text-decoration: none;
  }

.legacy .base-link:focus-visible {
    outline: 0.1875rem solid #0d3a93;
    outline-offset: 0.125rem;
  }

.legacy .base-link--external {
    text-decoration: underline;
  }

.legacy .base-link--external:hover {
    color: #5574b3;
  }

.legacy .base-link--external.base-link--new-tab {
    align-items: center;
    display: inline-flex;
    gap: 0.375rem;
    text-decoration: none;
  }

.legacy .aem-link__info-box {
    align-items: center;
    color: #b30012;
    display: flex;
    flex-direction: row;
    margin: 1rem 0;
  }

.legacy .aem-link__icon {
    margin-right: 0.5rem;
  }

.legacy .aem-link--text-link:hover {
    color: #0d3a93;
  }

.legacy .base-button {
    align-items: center;
    border: 1px solid transparent;
    border-radius: 0.5rem;
    cursor: pointer;
    display: flex;
    font-size: 1.125rem;
    gap: 0.375rem;
    justify-content: center;
    line-height: 1.5rem;
    padding: 0.6875rem 1.4375rem;
    position: relative;
  }

.legacy .base-button:focus-visible {
    outline: 0.1875rem solid #0d3a93;
    outline-offset: 0.125rem;
  }

.legacy .base-button .base-icon > svg {
    color: inherit;
  }

.legacy .base-button.disabled,
  .legacy .base-button[aria-disabled="true"] {
    cursor: default;
  }

.legacy .base-button.focus {
    outline: 0.1875rem solid #0d3a93;
    outline-offset: 0.125rem;
  }

.legacy .base-button--nowrap {
    white-space: nowrap;
  }

.legacy .base-button--full-width {
    width: 100%;
  }

.legacy .base-button--full-width:focus-visible {
    outline-offset: -0.3125rem;
  }

.legacy .base-button--primary-light-background {
    background-color: #0d3a93;
    color: #fff;
  }

@media (hover: hover) {
    .legacy .base-button--primary-light-background.hover,
    .legacy .base-button--primary-light-background:hover {
      background-color: #5574b3;
    }
  }

.legacy .base-button--primary-light-background.active,
  .legacy .base-button--primary-light-background:active {
    background-color: #092867;
  }

.legacy .base-button--primary-light-background.disabled,
  .legacy .base-button--primary-light-background[aria-disabled="true"] {
    background-color: #f3f3f3;
    color: #646668;
  }

.legacy .base-button--primary-light-background.disabled .base-button__icon,
  .legacy .base-button--primary-light-background[aria-disabled="true"]
    .base-button__icon {
    filter: brightness(0) invert(42%) sepia(6%) saturate(189%)
      hue-rotate(169deg) brightness(89%) contrast(86%);
  }

.legacy .base-button--primary-light-background.base-button--full-width:focus-visible {
    outline: 0.1875rem solid #fff;
    outline-offset: 0.125rem;
  }

.legacy .base-button--primary-light-background.base-button--full-width:focus-visible {
    outline-offset: -0.3125rem;
  }

.legacy .base-button--primary-light-background .base-button__icon {
    filter: brightness(0) invert(100%) sepia(0) saturate(7500%)
      hue-rotate(353deg) brightness(117%) contrast(119%);
  }

.legacy .base-button--primary-dark-background {
    background-color: #fff;
    color: #0d3a93;
  }

.legacy .base-button--primary-dark-background.hover,
  .legacy .base-button--primary-dark-background:hover {
    background-color: #e6ebf4;
  }

.legacy .base-button--primary-dark-background.active,
  .legacy .base-button--primary-dark-background:active {
    background-color: #9eb0d4;
  }

.legacy .base-button--primary-dark-background .base-button__icon {
    filter: brightness(0) invert(11%) sepia(69%) saturate(4851%)
      hue-rotate(220deg) brightness(97%) contrast(90%);
  }

.legacy .base-button--secondary-light-background {
    background-color: transparent;
    border-color: #0d3a93;
    color: #0d3a93;
  }

.legacy .base-button--secondary-light-background.hover,
  .legacy .base-button--secondary-light-background:hover {
    background-color: #e6ebf4;
  }

.legacy .base-button--secondary-light-background.active,
  .legacy .base-button--secondary-light-background:active {
    background-color: #9eb0d4;
  }

.legacy .base-button--secondary-light-background .base-button__icon {
    filter: brightness(0) invert(11%) sepia(69%) saturate(4851%)
      hue-rotate(220deg) brightness(97%) contrast(90%);
  }

.legacy .base-button--secondary-dark-background {
    border-color: #fff;
    color: #fff;
  }

.legacy .base-button--secondary-dark-background.hover,
  .legacy .base-button--secondary-dark-background:hover {
    background-color: #b6c4df33;
  }

.legacy .base-button--secondary-dark-background.active,
  .legacy .base-button--secondary-dark-background:active {
    background-color: #b6c4df66;
  }

.legacy .base-button--secondary-dark-background .base-button__icon {
    filter: brightness(0) invert(100%) sepia(0) saturate(7500%)
      hue-rotate(353deg) brightness(117%) contrast(119%);
  }

.legacy .base-button--tertiary-light-background {
    background-color: transparent;
    border-color: transparent;
    color: #0d3a93;
  }

.legacy .base-button--tertiary-light-background.hover,
  .legacy .base-button--tertiary-light-background:hover {
    background-color: #e6ebf4;
  }

.legacy .base-button--tertiary-light-background.active,
  .legacy .base-button--tertiary-light-background:active {
    background-color: #9eb0d4;
  }

.legacy .base-button--tertiary-light-background .base-button__icon {
    filter: brightness(0) invert(11%) sepia(69%) saturate(4851%)
      hue-rotate(220deg) brightness(97%) contrast(90%);
  }

.legacy .base-button--tertiary-dark-background {
    color: #fff;
  }

.legacy .base-button--tertiary-dark-background.hover,
  .legacy .base-button--tertiary-dark-background:hover {
    background-color: #b6c4df33;
  }

.legacy .base-button--tertiary-dark-background.active,
  .legacy .base-button--tertiary-dark-background:active {
    background-color: #b6c4df66;
  }

.legacy .base-button--tertiary-dark-background .base-button__icon {
    filter: brightness(0) invert(100%) sepia(0) saturate(7500%)
      hue-rotate(353deg) brightness(117%) contrast(119%);
  }

.legacy .base-button--text-button {
    color: #0d3a93;
    padding: 0;
  }

@media (hover: hover) {
    .legacy .base-button--text-button.hover,
    .legacy .base-button--text-button.hover .base-icon,
    .legacy .base-button--text-button:hover,
    .legacy .base-button--text-button:hover .base-icon {
      color: #5574b3;
    }
  }

.legacy .base-button--text-button.active,
  .legacy .base-button--text-button:active {
    color: #0d3a93;
  }

.legacy .base-button--text-button.disabled,
  .legacy .base-button--text-button[aria-disabled="true"] {
    color: #d6d8da;
  }

.legacy .base-button--text-button.base-button--full-width:focus-visible {
    outline: 0.1875rem solid #fff;
    outline-offset: 0.125rem;
  }

.legacy .base-button--text-button.base-button--full-width:focus-visible {
    outline-offset: -0.3125rem;
  }

.legacy .base-button--primary-dark-background.disabled,
  .legacy .base-button--primary-dark-background[aria-disabled="true"] {
    background-color: #f3f3f3;
    color: #646668;
  }

.legacy .base-button--primary-dark-background.disabled .base-button__icon,
  .legacy .base-button--primary-dark-background[aria-disabled="true"]
    .base-button__icon {
    filter: brightness(0) invert(42%) sepia(6%) saturate(189%)
      hue-rotate(169deg) brightness(89%) contrast(86%);
  }

.legacy .base-button--secondary-light-background.disabled,
  .legacy .base-button--secondary-light-background[aria-disabled="true"] {
    background-color: transparent;
    border-color: #d6d8da;
    color: #d6d8da;
  }

.legacy .base-button--secondary-light-background.disabled .base-button__icon,
  .legacy .base-button--secondary-light-background[aria-disabled="true"]
    .base-button__icon {
    filter: brightness(0) invert(94%) sepia(6%) saturate(76%) hue-rotate(169deg)
      brightness(98%) contrast(80%);
  }

.legacy .base-button--secondary-dark-background.disabled,
  .legacy .base-button--secondary-dark-background[aria-disabled="true"] {
    background-color: transparent;
    border-color: #71777e;
    color: #71777e;
  }

.legacy .base-button--secondary-dark-background.disabled .base-button__icon,
  .legacy .base-button--secondary-dark-background[aria-disabled="true"]
    .base-button__icon {
    filter: brightness(0) invert(50%) sepia(7%) saturate(425%)
      hue-rotate(172deg) brightness(90%) contrast(86%);
  }

.legacy .base-button--tertiary-light-background.disabled,
  .legacy .base-button--tertiary-light-background[aria-disabled="true"] {
    background-color: transparent;
    color: #d6d8da;
  }

.legacy .base-button--tertiary-light-background.disabled .base-button__icon,
  .legacy .base-button--tertiary-light-background[aria-disabled="true"]
    .base-button__icon {
    filter: brightness(0) invert(94%) sepia(6%) saturate(76%) hue-rotate(169deg)
      brightness(98%) contrast(80%);
  }

.legacy .base-button--tertiary-dark-background.disabled,
  .legacy .base-button--tertiary-dark-background[aria-disabled="true"] {
    background-color: transparent;
    color: #d7d9db66;
  }

.legacy .base-button--tertiary-dark-background.disabled .base-button__icon,
  .legacy .base-button--tertiary-dark-background[aria-disabled="true"]
    .base-button__icon {
    filter: brightness(0) invert(50%) sepia(7%) saturate(425%)
      hue-rotate(172deg) brightness(90%) contrast(86%);
  }

.legacy .base-button--icon-only {
    padding: 0.6875rem;
  }

.legacy .base-button--round {
    border-radius: 50%;
    border-width: 0;
    padding: 0.875rem;
  }

.legacy .base-button--round.base-button--icon-only {
    padding: 0.6875rem;
  }

.legacy .base-button--round.base-button--tertiary-light-background:focus-visible {
    outline: 0.1875rem solid #0d3a93;
    outline-offset: -0.1875rem;
  }

.legacy .base-button--small-text {
    font-size: 1rem;
    gap: 0.375rem;
    line-height: 1rem;
  }

.legacy .base-button--focus-inset:focus-visible {
    outline: 0.1875rem solid #0d3a93;
    outline-offset: -0.1875rem;
  }

.legacy .base-button--form {
    padding: 0.9375rem 1.4375rem;
  }

.legacy .base-button--text-with-icon-right {
    flex-direction: row-reverse;
  }

.legacy .customer-payment-details {
    align-items: center;
    -moz-column-gap: 0.75rem;
    column-gap: 0.75rem;
    display: flex;
  }

.legacy .customer-payment-details__opacity {
    opacity: 0.5;
  }

.legacy .customer-payment-details__icon_container {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 3rem;
    justify-content: center;
    width: 3rem;
  }

.legacy .customer-payment-details__details {
    -moz-column-gap: 1rem;
    column-gap: 1rem;
    display: flex;
    justify-content: space-between;
    width: 100%;
  }

@media (min-width: 552px) {
    .legacy .customer-payment-details__details {
      justify-content: flex-start;
    }
  }

.legacy .customer-payment-details__details_on-modal {
    justify-content: space-between;
  }

.legacy .customer-payment-details__details-column1 {
    display: flex;
    flex-direction: column;
    row-gap: 0.25rem;
  }

.legacy .customer-payment-details__details-column2 {
    display: flex;
    flex-direction: column;
    padding-top: 0.25rem;
  }

.legacy .customer-payment-details__mask {
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0.01125rem;
    line-height: 1.625rem;
  }

.legacy .customer-payment-details__icon {
    height: 3rem;
    width: 3rem;
  }

.legacy .customer-payment-details__expiry {
    font-size: 0.875rem;
    text-align: start;
  }

.legacy .customer-payment-details__status-container {
    align-items: baseline;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
  }

.legacy .customer-payment-details__delete-icon {
    align-self: flex-end;
    cursor: pointer;
    margin-top: auto;
  }

.legacy .base-rich-text a[target*="_blank"] {
    align-items: center;
    display: inline-flex;
    gap: 0.25rem;
    text-decoration: none;
  }

.legacy .base-rich-text a[target*="_blank"]:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' aria-hidden='true' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M4 4.75A.75.75 0 0 1 4.75 4h8.75A1.5 1.5 0 0 1 12 5.5H5.5v13h13V12a1.5 1.5 0 0 1 1.5-1.5v8.75a.75.75 0 0 1-.75.75H4.75a.75.75 0 0 1-.75-.75z'/%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M16.25 4a.75.75 0 0 1 0-1.5h4.5a.75.75 0 0 1 .75.75v4.5a.75.75 0 0 1-1.5 0V5.06l-6.943 6.944a.75.75 0 0 1-1.06-1.061L18.938 4z' clip-rule='evenodd'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    filter: brightness(0) invert(11%) sepia(69%) saturate(4851%)
      hue-rotate(220deg) brightness(97%) contrast(90%);
    height: 1.25rem;
    width: 1.25rem;
  }

.legacy .base-rich-text a[target*="_blank"]:hover:after {
    filter: invert(43%) sepia(47%) saturate(489%) hue-rotate(182deg)
      brightness(94%) contrast(96%);
  }

.legacy .base-rich-text a:hover {
    color: #5574b3;
  }

.legacy .base-input {
    display: inline-flex;
    flex-direction: column;
  }

.legacy .base-input input[type="number"]::-webkit-inner-spin-button,
  .legacy .base-input input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }

.legacy .base-input button:focus-visible {
    outline: 0.1875rem solid #0d3a93;
    outline-offset: 0.125rem;
  }

.legacy .base-input__label {
    display: flex;
    font-size: 0.875rem;
    line-height: 1.3125rem;
    margin-bottom: 0.375rem;
    z-index: 1;
  }

.legacy .base-input__label-optional {
    color: #71777e;
    margin-left: 0.3125rem;
  }

.legacy .base-input__label--req-field {
    margin-left: 0.25rem;
  }

.legacy .base-input__label--disabled {
    color: #d6d8da;
  }

.legacy .base-input__label--clickable {
    cursor: pointer;
  }

.legacy .base-input__label--email {
    color: #0d3a93;
    display: block;
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: 0.01rem;
    line-height: 1.375rem;
    margin-top: 0.375rem;
    transition: all 0.3s ease;
  }

.legacy .base-input__label--email span {
    margin-left: 0;
  }

@starting-style {
    .legacy .base-input__label--email {
      opacity: 0;
      transform: translateY(0.5rem);
    }
  }

.legacy .base-input__wrapper {
    position: relative;
  }

.legacy .base-input__wrapper textarea {
    font-size: 1.125rem;
    line-height: 1.75rem;
    margin-bottom: -5px;
    resize: none;
    white-space: pre-wrap;
  }

.legacy .base-input__wrapper.disabled .base-input__element {
    border: 1px solid #d6d8da;
    color: #d6d8da;
  }

.legacy .base-input__wrapper.disabled .base-input__icon > * {
    color: #d6d8da;
  }

.legacy .base-input__wrapper.readonly .base-input__element {
    border: 1px solid #d6d8da;
  }

.legacy .base-input__icon {
    align-items: center;
    bottom: 0;
    display: flex;
    justify-content: center;
    position: absolute;
    top: 0;
    width: 3.5rem;
  }

.legacy .base-input__icon--email {
    border-radius: 1000px !important;
    bottom: 12px;
    top: unset;
    width: 3.25rem;
  }

.legacy .base-input__icon--email:focus-visible {
    outline: 0.1875rem solid #0d3a93;
    outline-offset: 0.125rem;
  }

.legacy .base-input__icon--email:focus {
    outline-offset: 1.6px !important;
  }

.legacy .base-input__icon--email > * {
    background-color: #0d3a93;
    border-radius: 1000px;
    color: #fff;
    height: 3.25rem;
    padding: 0.875rem;
    width: 3.25rem;
  }

.legacy .base-input__icon-start {
    left: 0;
  }

.legacy .base-input__icon-end {
    border-bottom-right-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
    right: 0;
  }

.legacy .base-input__icon-before-end {
    right: 3.5rem;
  }

.legacy .base-input__icon.read-only {
    cursor: default;
  }

.legacy .base-input__icon.read-only .base-icon {
    color: #d6d8da;
  }

.legacy .base-input__ready {
    background-color: #0d3a93;
  }

.legacy .base-input__element {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff;
    border: 1px solid #343d46;
    border-radius: 0.5rem;
    color: #101316;
    font-size: 1rem;
    height: 3rem;
    letter-spacing: normal;
    line-height: 1.375rem;
    overflow: hidden;
    padding: 0 1rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
  }

.legacy .base-input__element.clickable {
    cursor: pointer;
  }

.legacy .base-input__element.read-only {
    color: #d6d8da;
    cursor: default;
  }

.legacy .base-input__element.has-success-message {
    border: 1px solid #1e6e00;
  }

.legacy .base-input__element.has-error-message {
    border: 1px solid #b30012;
  }

.legacy .base-input__element.has-icon-start {
    padding-left: 3.5rem;
  }

.legacy .base-input__element.has-icon-before-end {
    padding-right: 7rem;
  }

.legacy .base-input__element.has-icon-end {
    padding-right: 3.5rem;
  }

.legacy .base-input__element.text-centered {
    text-align: center;
  }

.legacy .base-input__element.hidden-read-only::-moz-selection {
    background: inherit;
  }

.legacy .base-input__element.hidden-read-only::selection {
    background: inherit;
  }

.legacy .base-input__element:focus {
    border: 2px solid #0d3a93;
    outline: none;
  }

.legacy .base-input__element--show-label-on-focus:valid {
    margin-top: unset;
  }

.legacy .base-input__element--show-label-on-focus:focus {
    margin-top: unset;
  }

.legacy .base-input__element--show-label-on-focus:focus::-moz-placeholder {
    opacity: 0;
  }

.legacy .base-input__element--show-label-on-focus:focus::placeholder {
    opacity: 0;
  }

.legacy .base-input__element--email {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: unset;
    border-bottom: 1px solid #0d3a93;
    border-radius: 0;
    font-size: 1.125rem;
    height: unset;
    margin-top: 1.125rem;
    overflow-wrap: break-word;
    padding: 1.125rem 0 0.5rem;
    resize: none;
    scrollbar-width: none;
    width: 100%;
  }

.legacy .base-input__element--email:focus,
  .legacy .base-input__element--email:valid {
    min-height: unset !important;
    padding-top: 1.5px;
  }

.legacy .base-input__element--email.has-icon-end {
    padding-right: 4rem;
  }

.legacy .base-input__element--email.has-error-message {
    border: unset;
    border-bottom: 1px solid #b30012 !important;
  }

.legacy .base-input__element--email::-moz-placeholder {
    color: #71777e;
    font-size: 1.25rem;
    letter-spacing: 0.0175rem;
  }

.legacy .base-input__element--email::placeholder {
    color: #71777e;
    font-size: 1.25rem;
    letter-spacing: 0.0175rem;
  }

@media (min-width: 360px) {
    .legacy .base-input__element--email::-moz-placeholder {
      font-size: 1.5rem;
    }
    .legacy .base-input__element--email::placeholder {
      font-size: 1.5rem;
    }
  }

@media (min-width: 552px) {
    .legacy .base-input__element--email::-moz-placeholder {
      font-size: 1.75rem;
      transform: translateY(-0.75rem);
    }
    .legacy .base-input__element--email::placeholder {
      font-size: 1.75rem;
      transform: translateY(-0.75rem);
    }
  }

@media (min-width: 992px) {
    .legacy .base-input__element--email::-moz-placeholder {
      font-size: 2rem;
    }
    .legacy .base-input__element--email::placeholder {
      font-size: 2rem;
    }
  }

.legacy .base-input__element--email:focus {
    border: unset;
    border-bottom: 1px solid #0d3a93;
  }

.legacy .base-input__notification {
    background: #fff;
    border: 1px solid #71777e;
    border-radius: 0.5rem;
    line-height: 1.5rem;
    margin-top: 0.25rem;
    overflow: hidden;
    padding: 0.8125rem 1rem;
    transition: opacity 0.3s ease;
    width: 100%;
    z-index: 1;
  }

.legacy .base-input__notification-title {
    display: block;
    font-weight: 700;
  }

.legacy .base-message {
    align-items: center;
    display: flex;
    font-size: 0.875rem;
    gap: 0.25rem;
    line-height: 1.25rem;
    margin-top: 0.25rem;
    z-index: 1;
  }

.legacy .base-message:focus-visible {
    outline: 0.1875rem solid #0d3a93;
    outline-offset: 0.125rem;
  }

.legacy .base-message--large {
    font-size: 1rem;
    gap: 0.5rem;
    line-height: 1.5rem;
    margin-top: 0.5rem;
  }

.legacy .base-message--xsmall {
    font-size: 0.75rem;
    line-height: 1.125rem;
  }

.legacy .base-message__success {
    color: #1e6e00;
  }

.legacy .base-message__error {
    color: #b30012;
  }

.legacy .base-message__info {
    color: #71777e;
  }

.legacy .base-message--icon-vertical-start {
    align-items: flex-start;
  }

.legacy .base-message--icon-vertical-center {
    align-items: center;
  }

.legacy .base-message--icon-vertical-end {
    align-items: flex-end;
  }

.legacy .input-field {
    display: flex;
    flex-direction: column;
    position: relative;
  }

.legacy .aem-richtext > :last-child {
    margin-bottom: 0;
  }

.legacy .aem-richtext h2,
  .legacy .aem-richtext h3,
  .legacy .aem-richtext h4,
  .legacy .aem-richtext h5,
  .legacy .aem-richtext h6 {
    margin-bottom: 1rem;
  }

@media (min-width: 760px) {
    .legacy .aem-richtext h2,
    .legacy .aem-richtext h3,
    .legacy .aem-richtext h4,
    .legacy .aem-richtext h5,
    .legacy .aem-richtext h6 {
      margin-bottom: 1.5rem;
    }
  }

.legacy .aem-richtext h2 b,
  .legacy .aem-richtext h3 b,
  .legacy .aem-richtext h4 b,
  .legacy .aem-richtext h5 b,
  .legacy .aem-richtext h6 b {
    font-weight: inherit;
  }

.legacy .aem-richtext h2 i,
  .legacy .aem-richtext h3 i,
  .legacy .aem-richtext h4 i,
  .legacy .aem-richtext h5 i,
  .legacy .aem-richtext h6 i {
    font-style: inherit;
  }

.legacy .aem-richtext h2 {
    color: #00005f;
    font-size: 2.125rem;
    font-weight: 700;
    letter-spacing: 0.01em;
    line-height: 2.75rem;
  }

@media (min-width: 992px) {
    .legacy .aem-richtext h2 {
      font-size: 2.5rem;
      line-height: 3.25rem;
    }
  }

.legacy .aem-richtext h3 {
    color: #00005f;
    font-size: 1.75rem;
    font-weight: 700;
    letter-spacing: 0.01em;
    line-height: 2.5rem;
  }

@media (min-width: 992px) {
    .legacy .aem-richtext h3 {
      font-size: 2rem;
      line-height: 2.75rem;
    }
  }

.legacy .aem-richtext h4 {
    color: #00005f;
    font-size: 1.5rem;
    font-weight: 700;
    letter-spacing: 0.01em;
    line-height: 2.125rem;
  }

@media (min-width: 992px) {
    .legacy .aem-richtext h4 {
      font-size: 1.625rem;
      line-height: 2.25rem;
    }
  }

.legacy .aem-richtext h5 {
    color: #00005f;
    font-size: 1.5rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    letter-spacing: 0.01em;
    line-height: 2.125rem;
    text-transform: uppercase;
  }

@media (min-width: 992px) {
    .legacy .aem-richtext h5 {
      font-size: 1.625rem;
      line-height: 2.25rem;
    }
  }

.legacy .aem-richtext h6 {
    color: #00005f;
    font-size: 1.5rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    letter-spacing: 0.01em;
    line-height: 2.125rem;
    text-transform: uppercase;
  }

@media (min-width: 992px) {
    .legacy .aem-richtext h6 {
      font-size: 1.625rem;
      line-height: 2.25rem;
    }
  }

.legacy .aem-richtext p {
    font-size: 1rem;
    letter-spacing: 0.015em;
    line-height: 1.625rem;
    margin-bottom: 1rem;
  }

@media (min-width: 760px) {
    .legacy .aem-richtext p {
      margin-bottom: 1.5rem;
    }
  }

@media (min-width: 992px) {
    .legacy .aem-richtext p {
      font-size: 1.125rem;
      line-height: 1.75rem;
    }
  }

.legacy .aem-richtext a {
    color: #00005f;
  }

.legacy .aem-richtext a:focus-visible {
    outline: 0.1875rem solid #0d3a93;
    outline-offset: 0;
  }

.legacy .aem-richtext ul {
    margin-bottom: 1rem;
    padding-left: 1rem;
  }

@media (min-width: 760px) {
    .legacy .aem-richtext ul {
      margin-bottom: 1.5rem;
    }
  }

.legacy .aem-richtext ul > :last-child {
    margin-bottom: 0;
  }

.legacy .aem-richtext ul ul {
    margin-bottom: 0;
    padding-left: 2rem;
  }

.legacy .aem-richtext ul li {
    font-size: 1rem;
    line-height: 1.5rem;
    list-style-type: disc;
    margin-bottom: 0.75rem;
    position: relative;
  }

@media (min-width: 760px) {
    .legacy .aem-richtext ul li {
      margin-bottom: 0.875rem;
    }
  }

.legacy .aem-richtext ul li li {
    margin-bottom: 0.25rem;
  }

@media (min-width: 760px) {
    .legacy .aem-richtext ul li li {
      margin-bottom: 0.375rem;
    }
  }

.legacy .aem-richtext ul li li:first-child {
    margin-top: 0.25rem;
  }

@media (min-width: 760px) {
    .legacy .aem-richtext ul li li:first-child {
      margin-top: 0.375rem;
    }
  }

.legacy .aem-richtext ol {
    counter-reset: item;
    list-style: decimal outside;
    margin-bottom: 1rem;
    margin-left: -0.75rem;
  }

@media (min-width: 760px) {
    .legacy .aem-richtext ol {
      margin-bottom: 1.5rem;
    }
  }

.legacy .aem-richtext ol > :last-child {
    margin-bottom: 0;
  }

.legacy .aem-richtext ol ol {
    margin-bottom: 0;
    margin-left: 0.375rem;
  }

.legacy .aem-richtext ol ol ol {
    margin-left: 0.5rem;
  }

.legacy .aem-richtext ol li {
    display: block;
    font-size: 1rem;
    line-height: 1.5rem;
    margin-bottom: 0.75rem;
    margin-left: 0;
    padding-left: 2rem;
    position: relative;
    text-indent: -2rem;
  }

@media (min-width: 760px) {
    .legacy .aem-richtext ol li {
      margin-bottom: 0.875rem;
    }
  }

.legacy .aem-richtext ol li li {
    margin-bottom: 0.25rem;
  }

@media (min-width: 760px) {
    .legacy .aem-richtext ol li li {
      margin-bottom: 0.375rem;
    }
  }

.legacy .aem-richtext ol li li:first-child {
    margin-top: 0.25rem;
  }

@media (min-width: 760px) {
    .legacy .aem-richtext ol li li:first-child {
      margin-top: 0.375rem;
    }
  }

.legacy .aem-richtext ol li:before {
    content: counters(item, ".") ".";
    counter-increment: item;
    display: inline-block;
    margin-right: 0.375rem;
    min-width: 1.5rem;
    text-align: right;
  }

.legacy .aem-richtext li b,
  .legacy .aem-richtext p b {
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: 0.015em;
    line-height: 1.625rem;
  }

@media (min-width: 992px) {
    .legacy .aem-richtext li b,
    .legacy .aem-richtext p b {
      font-size: 1.125rem;
      line-height: 1.75rem;
    }
  }

.legacy .aem-richtext .richtext-table {
    background-color: var(--table-background-default-background-color);
    border-radius: var(--table-background-default-border-radius);
    overflow-x: auto;
    padding: var(--table-background-default-vertical-padding)
      var(--table-background-default-horizontal-padding);
  }

@media (min-width: 992px) {
    .legacy .aem-richtext .richtext-table {
      max-height: 100%;
    }
  }

.legacy .aem-richtext .richtext-table--truncation {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    overflow: hidden;
  }

.legacy .aem-richtext .richtext-table--scrollable {
    margin-right: -16px;
  }

.legacy .aem-richtext .richtext-table table {
    border-collapse: separate;
    border-spacing: 0;
    min-width: var(--table-default-min-width);
    width: 100%;
  }

.legacy .aem-richtext .richtext-table table b,
  .legacy .aem-richtext .richtext-table table h1,
  .legacy .aem-richtext .richtext-table table h2,
  .legacy .aem-richtext .richtext-table table h3,
  .legacy .aem-richtext .richtext-table table h4,
  .legacy .aem-richtext .richtext-table table h5,
  .legacy .aem-richtext .richtext-table table h6,
  .legacy .aem-richtext .richtext-table table p {
    color: inherit;
    font-size: inherit;
    line-height: inherit;
    margin-bottom: unset;
  }

.legacy .aem-richtext .richtext-table table tbody {
    font-family: var(--table-body-default-typography-font-family);
    font-size: var(--table-body-default-typography-font-size);
    font-weight: var(--table-body-default-typography-font-weight);
    letter-spacing: var(--table-body-default-typography-letter-spacing);
    line-height: var(--table-body-default-typography-line-height);
    text-transform: var(--table-body-default-typography-text-case);
  }

.legacy .aem-richtext .richtext-table table tr:nth-of-type(odd) {
    background-color: var(--table-body-even-default-background-color);
  }

.legacy .aem-richtext .richtext-table table tr:nth-of-type(2n) {
    background-color: var(--table-body-odd-default-background-color);
  }

.legacy .aem-richtext .richtext-table th {
    font-family: var(--table-header-default-typography-font-family);
    font-size: var(--table-header-default-typography-font-size);
    font-weight: var(--table-header-default-typography-font-weight);
    letter-spacing: var(--table-header-default-typography-letter-spacing);
    line-height: var(--table-header-default-typography-line-height);
    min-width: 4.5rem;
    padding: var(--table-head-default-vertical-padding)
      var(--table-head-default-horizontal-padding);
    text-align: left;
    text-transform: var(--table-header-default-typography-text-case);
  }

.legacy .aem-richtext .richtext-table th:first-child {
    border-bottom-left-radius: var(--table-head-default-border-radius);
    border-top-left-radius: var(--table-head-default-border-radius);
  }

.legacy .aem-richtext .richtext-table th:last-child {
    border-bottom-right-radius: var(--table-head-default-border-radius);
    border-top-right-radius: var(--table-head-default-border-radius);
  }

.legacy .aem-richtext .richtext-table td {
    font-variant-numeric: tabular-nums;
    min-width: 4.5rem;
    padding: var(--table-body-default-vertical-padding)
      var(--table-body-default-horizontal-padding);
    text-align: left;
  }

.legacy .aem-richtext .richtext-table td:first-child {
    border-bottom-left-radius: var(--table-body-default-border-radius);
    border-top-left-radius: var(--table-body-default-border-radius);
  }

.legacy .aem-richtext .richtext-table td:last-child {
    border-bottom-right-radius: var(--table-body-default-border-radius);
    border-top-right-radius: var(--table-body-default-border-radius);
  }

.legacy .notification-banner {
    border-radius: 1rem;
    display: flex;
    justify-content: center;
    padding: 1rem 1rem 1rem 0.75rem;
    width: 100%;
  }

@media (min-width: 552px) {
    .legacy .notification-banner {
      border-radius: 1.25rem;
      padding: 1rem 2rem 1rem 1.25rem;
    }
  }

@media (min-width: 760px) {
    .legacy .notification-banner {
      border-radius: 1.5rem;
      padding: 1.25rem 2.25rem 1.25rem 1.5rem;
    }
  }

.legacy .notification-banner--small {
    padding: 1rem 1rem 1rem 0.75rem !important;
  }

.legacy .notification-banner--information {
    background-color: #bbe7f9;
  }

.legacy .notification-banner--attention {
    background-color: #ffe68c;
  }

.legacy .notification-banner--note {
    background-color: #f3f3f3;
  }

.legacy .notification-banner__container {
    align-items: center;
    display: flex;
    width: 100%;
  }

@media (min-width: 992px) {
    .legacy .notification-banner__container--limit-width {
      max-width: 716px;
      width: auto;
    }
  }

.legacy .notification-banner__body {
    color: #101316;
    flex: 1 1 0%;
  }

.legacy .notification-banner__headline {
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.375;
    margin-bottom: 0.125rem;
  }

@media (min-width: 552px) {
    .legacy .notification-banner__headline {
      font-size: 1.25rem;
      line-height: 1.5;
    }
  }

@media (min-width: 760px) {
    .legacy .notification-banner__headline {
      font-size: 1.375rem;
      line-height: 1.4545454545;
      margin-bottom: 0.25rem;
    }
  }

.legacy .notification-banner__headline-small {
    font-size: 1rem !important;
    line-height: 1.375rem !important;
  }

.legacy .notification-banner__text {
    font-size: 0.875rem;
    line-height: 1.5714285714;
  }

@media (min-width: 760px) {
    .legacy .notification-banner__text {
      font-size: 1.125rem;
      line-height: 1.5555555556;
    }
  }

.legacy .notification-banner__text p {
    font-size: inherit;
    line-height: inherit;
  }

.legacy .notification-banner__text a:-moz-any-link {
    text-decoration: underline;
  }

.legacy .notification-banner__text a:any-link {
    text-decoration: underline;
  }

.legacy .notification-banner__text-small {
    font-size: 0.875rem;
    line-height: 1.375rem;
  }

.legacy .notification-banner__cta {
    margin-left: 1.5rem;
  }

@media (min-width: 552px) {
    .legacy .notification-banner__cta {
      margin-left: 3rem;
    }
  }

.legacy .base-checkbox {
    align-self: flex-start;
    cursor: pointer;
    display: inline-block;
    min-height: 1.5rem;
    padding-left: 2rem;
    position: relative;
  }

.legacy .base-checkbox--disabled {
    cursor: not-allowed;
  }

.legacy .base-checkbox--full-width {
    align-items: center;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    padding-left: unset;
    width: 100%;
  }

.legacy .base-checkbox--indeterminate:hover .base-checkbox__input {
    background-color: #b6c4df80;
  }

.legacy .base-checkbox__label {
    display: block;
    font-size: 1rem;
    letter-spacing: 0.015em;
    line-height: 1.625rem;
    line-height: 1.5rem;
  }

@media (min-width: 992px) {
    .legacy .base-checkbox__label {
      font-size: 1.125rem;
      line-height: 1.75rem;
    }
  }

.legacy .base-checkbox__label--bold {
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: 0.015em;
    line-height: 1.625rem;
    line-height: 1.5rem;
  }

@media (min-width: 992px) {
    .legacy .base-checkbox__label--bold {
      font-size: 1.125rem;
      line-height: 1.75rem;
    }
  }

.legacy .base-checkbox__label--disabled {
    color: #d6d8da;
  }

.legacy .base-checkbox__label--payment {
    font-size: 1.125rem;
    line-height: 1.125rem;
    margin-left: 8px;
  }

@media (min-width: 992px) {
    .legacy .base-checkbox__label--payment {
      font-size: 1.25rem;
      line-height: 1.25rem;
    }
  }

.legacy .base-checkbox .base-icon {
    left: 0;
    position: absolute;
    top: 0;
  }

.legacy .base-checkbox__input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    background-position: 50%;
    background-repeat: no-repeat;
    border: 1px solid #0d3a93;
    border-radius: 4px;
    box-sizing: border-box;
    cursor: pointer;
    float: left;
    height: 1.5rem;
    margin-left: -2rem;
    width: 1.5rem;
  }

.legacy .base-checkbox__input:focus-visible {
    outline: 0.1875rem solid #0d3a93;
    outline-offset: 0.125rem;
  }

.legacy .base-checkbox__input:checked {
    border-color: #0d3a93;
  }

.legacy .base-checkbox__input:checked + .base-icon {
    color: #0d3a93;
    display: block;
  }

.legacy .base-checkbox__input--disabled {
    cursor: not-allowed;
  }

.legacy .base-checkbox__input--indeterminate-disabled {
    background-color: transparent !important;
    border-color: #d6d8da;
    cursor: not-allowed;
  }

.legacy .base-checkbox__input--indeterminate-disabled .base-icon {
    color: #d6d8da;
    display: block;
  }

.legacy .base-checkbox__input:checked:disabled,
  .legacy .base-checkbox__input:disabled {
    border-color: #d6d8da;
  }

.legacy .base-checkbox__input:checked:disabled + .base-icon,
  .legacy .base-checkbox__input:disabled + .base-icon {
    color: #d6d8da;
    display: block;
  }

.legacy .base-checkbox__input:hover:not(:disabled),
  .legacy .base-checkbox__input:hover:not(:disabled):checked {
    background-color: #b6c4df80;
  }

.legacy .base-checkbox__input:active:not(:disabled),
  .legacy .base-checkbox__input:active:not(:disabled):checked {
    background-color: #b6c4df;
  }

.legacy .base-checkbox__input--error,
  .legacy .base-checkbox__input--error:checked {
    border: 2px solid #b30012;
  }

.legacy .base-checkbox__input--toggle {
    background-color: #d6d8da;
    border: unset;
    border-radius: 50px;
    height: 2rem;
    position: relative;
    width: 3.25rem;
  }

.legacy .base-checkbox__input--toggle:before {
    background-color: #0d3a93;
    border-radius: 50%;
    content: "";
    height: 1.5rem;
    left: 0.25rem;
    position: absolute;
    top: 0.25rem;
    transition: all 0.1s ease;
    width: 1.5rem;
  }

.legacy .base-checkbox__input--toggle:checked {
    background-color: #b6c4df;
  }

.legacy .base-checkbox__input--toggle:checked:before {
    transform: translate(1.25rem);
  }

.legacy .base-checkbox__input--toggle:hover:not(:disabled),
  .legacy .base-checkbox__input--toggle:hover:not(:disabled):checked {
    background-color: #cceffb;
  }

.legacy .base-checkbox__input--toggle:active:not(:disabled),
  .legacy .base-checkbox__input--toggle:active:not(:disabled):checked {
    background-color: #5574b3;
  }

.legacy .base-checkbox__input--toggle-disabled {
    background-color: #f5f5f6;
    cursor: not-allowed;
  }

.legacy .base-checkbox__input--toggle-disabled:before {
    background-color: #d6d8da;
  }

.legacy .base-checkbox__helptext {
    color: #71777e;
    display: block;
    font-size: 0.75rem;
    line-height: 0.875rem;
    margin-top: 0.25rem;
  }

.legacy .base-checkbox__helptext--error,
  .legacy .base-checkbox__helptext--error:checked {
    color: #b30012;
  }

.legacy .base-checkbox__helptext--disabled,
  .legacy .base-checkbox__helptext--disabled:checked {
    color: #d6d8da;
  }

.legacy .button-list {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    width: 100%;
  }

@media (min-width: 760px) {
    .legacy .button-list {
      flex-direction: row;
      width: auto;
    }
    .legacy .button-list > *,
    .legacy .button-list__button {
      max-width: 18.75rem;
      min-width: 7.5rem;
    }
    .legacy .button-list--full-width {
      width: 100%;
    }
    .legacy .button-list--full-width > * {
      flex: 1;
    }
  }

.legacy .button-list--left {
    justify-content: flex-start;
  }

@media (min-width: 760px) {
    .legacy .button-list--center {
      align-items: center;
      justify-content: center;
    }
  }

@media screen and (max-width: 1024px) and (max-height: 768px) and (orientation: landscape) {
    .legacy .button-list--center {
      align-items: center;
      justify-content: center;
    }
  }

.legacy .button-list--right {
    justify-content: flex-end;
  }

@media (min-width: 760px) {
    .legacy .button-list--reverse-order-above-mobile {
      flex-direction: row-reverse;
    }
    .legacy .button-list--reverse-order-above-mobile.button-list--left {
      justify-content: flex-end;
    }
    .legacy .button-list--reverse-order-above-mobile.button-list--right {
      justify-content: flex-start;
    }
  }

@media screen and (max-width: 1024px) and (max-height: 768px) and (orientation: landscape) {
    .legacy .button-list--reverse-order-above-mobile {
      flex-direction: row-reverse;
    }
    .legacy .button-list--reverse-order-above-mobile.button-list--left {
      justify-content: flex-end;
    }
    .legacy .button-list--reverse-order-above-mobile.button-list--right {
      justify-content: flex-start;
    }
  }

.legacy .overlay[data-v-4ccb7b25] {
    align-items: center;
    backdrop-filter: blur(var(--overlay-default-background-blur));
    background: var(--overlay-default-background-color);
    display: flex;
    inset: 0;
    justify-content: center;
    position: fixed;
    z-index: 1101;
  }

.legacy .overlay__content[data-v-4ccb7b25] {
    z-index: 1102;
  }

.legacy .base-modal {
    align-items: center;
    display: flex;
    inset: 0;
    justify-content: center;
    padding: 0 1.5rem;
    position: fixed;
    z-index: 1000;
  }

.legacy .base-modal--action {
    align-items: flex-end;
    padding: 0;
  }

@media (min-width: 760px) {
    .legacy .base-modal--action {
      align-items: center;
    }
    .legacy .base-modal--placement-left {
      justify-content: flex-start;
    }
    .legacy .base-modal--placement-right {
      justify-content: flex-end;
    }
  }

.legacy .base-modal__outer-wrapper {
    background-color: #fff;
    border-radius: 1.5rem;
    box-shadow: 0 0.25rem 2.75rem #0d3a9326;
    display: flex;
    max-height: 80vh;
    transition: transform 0.3s ease;
    width: 100%;
  }

@media (prefers-contrast: more) {
    .legacy .base-modal__outer-wrapper {
      border: 3px solid transparent;
    }
  }

@supports (height: 100dvh) {
    .legacy .base-modal__outer-wrapper {
      max-height: 80dvh;
    }
  }

@media (min-width: 760px) {
    .legacy .base-modal__outer-wrapper {
      border-radius: 1.5rem;
      max-width: 37rem;
    }
  }

.legacy .base-modal__outer-wrapper--action {
    border-radius: 1.5rem 1.5rem 0 0;
    max-height: calc(100% - 2rem);
  }

@supports (height: 100dvh) {
    .legacy .base-modal__outer-wrapper--action {
      max-height: calc(100dvh - 2rem);
    }
  }

@media (min-width: 760px) {
    .legacy .base-modal__outer-wrapper--action {
      border-radius: 1.5rem;
      max-height: 66%;
    }
    @supports (height: 100dvh) {
      .legacy .base-modal__outer-wrapper--action {
        max-height: 66dvh;
      }
    }
  }

.legacy .base-modal__outer-wrapper--action--full-height {
    min-height: calc(100% - 2rem);
  }

@media (min-width: 760px) {
    .legacy .base-modal__outer-wrapper--action--full-height {
      min-height: 66%;
    }
  }

.legacy .base-modal__outer-wrapper--placement-left,
  .legacy .base-modal__outer-wrapper--placement-right {
    height: 100%;
  }

@media (min-width: 760px) {
    .legacy .base-modal__outer-wrapper--placement-left,
    .legacy .base-modal__outer-wrapper--placement-right {
      max-height: unset;
      max-width: 30rem;
    }
    .legacy .base-modal__outer-wrapper--placement-left {
      border-bottom-left-radius: 0;
      border-top-left-radius: 0;
    }
    .legacy .base-modal__outer-wrapper--placement-right {
      border-bottom-right-radius: 0;
      border-top-right-radius: 0;
    }
  }

.legacy .base-modal__wrapper {
    display: flex;
    flex-direction: column;
    max-height: 100%;
    overflow-y: auto;
    padding: 24px 0;
    position: relative;
    width: 100%;
  }

@media (min-width: 760px) {
    .legacy .base-modal__wrapper {
      padding: 32px 0;
    }
  }

@media (min-width: 360px) {
    .legacy .base-modal__wrapper {
      overflow-y: visible;
    }
  }

@media screen and (max-width: 1024px) and (max-height: 768px) and (orientation: landscape) {
    .legacy .base-modal__wrapper {
      overflow-y: auto;
    }
  }

@media (max-width: 759.9px) {
    .legacy .base-modal__wrapper--no-sticky-buttons {
      overflow-y: auto;
    }
  }

.legacy .base-modal__wrapper::-webkit-scrollbar {
    width: 8px;
  }

.legacy .base-modal__wrapper::-webkit-scrollbar-thumb {
    background-color: #7b8187;
    border-radius: 8px;
  }

.legacy .base-modal__header {
    margin-bottom: 12px;
    padding: 0 24px;
    width: 100%;
  }

@media (min-width: 760px) {
    .legacy .base-modal__header {
      margin-bottom: 16px;
      padding: 0 32px;
    }
  }

.legacy .base-modal__header__title {
    align-items: center;
    display: flex;
    justify-content: space-between;
    position: relative;
  }

.legacy .base-modal__header__title--end {
    justify-content: end;
  }

.legacy .base-modal__close-button {
    margin-left: auto;
  }

.legacy .base-modal__footer {
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    gap: 1rem;
    padding: 0 24px;
  }

@media (min-width: 760px) {
    .legacy .base-modal__footer {
      padding: 0 32px;
    }
  }

.legacy .base-modal__headline {
    color: #00005f;
    font-size: 1.5rem;
    font-weight: 700;
    letter-spacing: 0.015rem;
    line-height: 2rem;
  }

@media (min-width: 760px) {
    .legacy .base-modal__headline {
      font-size: 1.625rem;
      letter-spacing: 0.01625rem;
      line-height: 2.25rem;
    }
  }

.legacy .base-modal__body {
    color: #101316;
    flex: 1 1 0%;
    font-size: 1rem;
    letter-spacing: 0.015em;
    line-height: 1.625rem;
    padding: 0 24px;
  }

@media (min-width: 992px) {
    .legacy .base-modal__body {
      font-size: 1.125rem;
      line-height: 1.75rem;
    }
  }

@media (min-width: 360px) {
    .legacy .base-modal__body {
      overflow-y: auto;
    }
  }

@media (min-width: 760px) {
    .legacy .base-modal__body {
      padding: 0 32px;
    }
  }

@media screen and (max-width: 1024px) and (max-height: 768px) and (orientation: landscape) {
    .legacy .base-modal__body {
      overflow-y: visible;
    }
  }

.legacy .base-modal__body--margin-footer {
    margin-bottom: 24px;
  }

@media (max-width: 759.9px) {
    .legacy .base-modal__body--no-sticky-buttons {
      overflow-y: visible;
    }
  }

@media (min-width: 760px) {
    .legacy .base-modal__body--placement-left,
    .legacy .base-modal__body--placement-right {
      scrollbar-gutter: auto;
    }
  }

.legacy .base-modal__simple-overlay-fallback {
    position: fixed;
    z-index: 1102;
  }

.legacy .base-modal__fade-enter-from,
  .legacy .base-modal__fade-leave-to {
    opacity: 0;
  }

.legacy .base-modal__fade-enter-active,
  .legacy .base-modal__fade-leave-active {
    transition: opacity 0.3s ease;
  }

.legacy .base-modal__inner-slide--left-enter-from,
  .legacy .base-modal__inner-slide--left-leave-to {
    transform: translate(-100%);
  }

.legacy .base-modal__inner-slide--right-enter-from,
  .legacy .base-modal__inner-slide--right-leave-to {
    transform: translate(100%);
  }

.legacy .base-modal__slide--left-enter-active,
  .legacy .base-modal__slide--left-leave-active,
  .legacy .base-modal__slide--right-enter-active,
  .legacy .base-modal__slide--right-leave-active {
    transition: opacity 0.3s ease;
  }

.legacy .base-modal__slide--left-enter-from,
  .legacy .base-modal__slide--left-leave-to,
  .legacy .base-modal__slide--right-enter-from,
  .legacy .base-modal__slide--right-leave-to {
    opacity: 0;
  }

.legacy .base-modal__slide-leave-active > .base-modal__inner-slide--left {
    transform: translate(-100%);
  }

.legacy .base-modal__slide-leave-active > .base-modal__inner-slide--right {
    transform: translate(100%);
  }

.legacy .checkout-snap-payment__eligible-amount-hint {
    color: #71777e;
    line-height: 1.5rem;
    margin-top: 1rem;
  }

.legacy .checkout-snap-payment__displayed-card-number {
    display: flex;
    flex-direction: column;
  }

.legacy .checkout-snap-payment__button {
    align-items: center;
    border: 1px solid #101316;
    border-radius: 0.25rem;
    color: inherit;
    display: flex;
    flex: 1;
    flex-wrap: nowrap;
    gap: 0.5rem;
    justify-content: space-between;
    max-width: 36rem;
    padding: 1rem;
  }

.legacy .checkout-snap-payment__button:hover {
    cursor: pointer;
  }

.legacy .checkout-snap-payment__button--active {
    border-color: #0d3a93;
  }

.legacy .checkout-snap-payment__button:disabled {
    border-color: #d6d8da;
    border-width: 1px;
    color: #d6d8da;
    cursor: default;
  }

.legacy .checkout-snap-payment__modal-button {
    align-items: center;
    border-radius: 0.875rem;
    color: inherit;
    display: flex;
    flex: 1;
    flex-wrap: nowrap;
    gap: 0.5rem;
    justify-content: space-between;
    margin-top: 0.5rem;
    padding: 0;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
  }

.legacy .checkout-snap-payment__modal-button:hover {
    cursor: pointer;
  }

.legacy .checkout-snap-payment__modal-button:focus-visible {
    outline: none;
  }

.legacy .checkout-snap-payment__modal-button:focus
    .checkout-snap-payment__existing-card-number,
  .legacy .checkout-snap-payment__modal-button:focus-visible
    .checkout-snap-payment__existing-card-number {
    border: 1px solid #0d3a93;
    outline: 0.1875rem solid #0d3a93;
    outline-offset: 0.125rem;
  }

.legacy .checkout-snap-payment__modal-button--active {
    border-color: #0d3a93;
  }

.legacy .checkout-snap-payment__modal-ctas {
    flex-grow: 1;
  }

.legacy .checkout-snap-payment__modal-ctas-first {
    margin-bottom: 1rem;
  }

.legacy .checkout-snap-payment__no-card-number {
    display: flex;
    grid-gap: 1rem;
    justify-content: space-between;
    width: 100%;
  }

.legacy .checkout-snap-payment__edit-link {
    color: #0d3a93;
    height: 1rem;
    text-align: center;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    width: 2.5rem;
  }

.legacy .checkout-snap-payment__amount-container {
    align-items: flex-end;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    max-width: 36rem;
  }

.legacy .checkout-snap-payment__amount-label {
    margin-bottom: 0.5rem;
  }

.legacy .checkout-snap-payment__balance-check {
    color: #0d3a93;
    cursor: pointer;
    text-decoration: underline;
  }

.legacy .checkout-snap-payment__card-number-store-checkbox {
    margin: 1rem 0 0.5rem;
    padding-bottom: 1.5rem;
  }

.legacy .checkout-snap-payment__content {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 1rem;
    margin-top: 1rem;
    position: relative;
  }

.legacy .checkout-snap-payment__existing-card-number {
    border: 1px solid transparent;
    border-radius: 0.875rem;
    color: inherit;
    display: flex;
    flex: 1;
    flex-wrap: nowrap;
    gap: 0.5rem;
    padding: 1rem;
  }

.legacy .checkout-snap-payment__existing-card-number:hover {
    background: #e6ebf4;
  }

.legacy .checkout-snap-payment__existing-card-number:focus-visible {
    outline: 0.1875rem solid #0d3a93;
    outline-offset: 0.125rem;
  }

.legacy .checkout-snap-payment__existing-card-number--selected {
    background: #e6ebf4;
    border: 1px solid #0d3a93;
  }

.legacy .checkout-snap-payment__existing-card-number--selected:focus-visible {
    outline: 0.1875rem solid #0d3a93;
    outline-offset: 0.125rem;
  }

.legacy .checkout-snap-payment__notification-banner {
    margin-top: 1rem;
  }

.legacy .checkout-snap-payment__card-number-input-field {
    padding-top: 1.5rem;
  }

.legacy .summary-subtotal-hint {
    font-size: 0.875rem;
    line-height: 1.3125rem;
  }

.legacy .summary-subtotal-hint a {
    color: #0d3a93;
  }

.legacy .snap-details {
    display: flex;
    flex-direction: column;
    position: relative;
  }

.legacy .snap-details__opacity {
    opacity: 0.5;
  }

.legacy .snap-details__brand {
    display: flex;
    font-weight: 700;
    justify-content: space-between;
    margin-bottom: 0.5rem;
  }

.legacy .snap-details__buttons {
    display: flex;
    justify-content: space-between;
    margin-top: 1rem;
  }

.legacy .snap-details__button {
    padding-left: 0;
  }

.legacy .snap-details__icon {
    margin-right: 0.375rem;
  }

.legacy .base-tag {
    border-radius: 0.5rem;
    color: #fff;
    font-size: 0.75rem;
    font-weight: 700;
    height: -moz-min-content;
    height: min-content;
    line-height: 0.75rem;
    padding: 0.25rem 0.5rem;
    width: -moz-min-content;
    width: min-content;
  }

.legacy .checkout-add-new-card__button {
    border: 0;
    color: #0d3a93;
    padding: 0;
  }

.legacy .checkout-add-new-card__button-title {
    font-size: 18px;
  }

.legacy .checkout-add-new-card__iframe-container {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%;
  }

.legacy .checkout-add-new-card__iframe {
    align-self: stretch;
    flex: 1;
    min-height: 31.375rem;
    width: 100%;
  }

.legacy .checkout-add-new-card__iframe-error {
    align-self: flex-end;
    margin-top: 25.375rem;
  }

.legacy .checkout-add-new-card .base-modal__outer-wrapper {
    max-height: calc(100dvh - 2rem);
  }

.legacy .checkout-add-new-card .base-modal__body {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }

.legacy .checkout-add-new-card__loading-indicator {
    animation: spin 1.5s linear infinite;
    border: 3px solid #00005f;
    border-radius: 50%;
    border-top-color: transparent;
    box-sizing: content-box;
    display: inline-block;
    height: 3rem;
    position: absolute;
    width: 3rem;
  }

.legacy .payment-method-tile {
    align-items: center;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 0.875rem;
    display: flex;
    gap: 1rem;
    justify-content: flex-start;
    padding: 1rem;
    width: 100%;
  }

.legacy .payment-method-tile:focus-visible {
    cursor: pointer;
    outline: 0.1875rem solid #0d3a93;
    outline-offset: 0.125rem;
  }

.legacy .payment-method-tile:hover {
    background-color: #e6ebf4;
  }

.legacy .payment-method-tile__selected {
    background-color: #e6ebf4;
    border-color: #0d3a93;
  }

.legacy .payment-method-tile__selected:focus-visible {
    outline: 0.1875rem solid #0d3a93;
    outline-offset: 0.125rem;
  }

.legacy .payment-methods-modal__body-wrapper {
    padding: 0.5rem 0;
  }

.legacy .payment-methods-modal__body-wrapper,
  .legacy .payment-methods-modal__delete-modal__body-container {
    display: flex;
    flex-direction: column;
    row-gap: 0.5rem;
  }

.legacy .payment-methods-modal__delete-modal__card-details {
    align-items: center;
    border-radius: 0.5rem;
    -moz-column-gap: 0.5rem;
    column-gap: 0.5rem;
    display: flex;
    padding-top: 1.5rem;
  }

.legacy .payment-methods-modal__delete-modal__icon {
    height: 2rem;
    width: 3rem;
  }

.legacy .payment-methods-modal__delete-modal__mask {
    font-size: 1.125rem;
    font-weight: 700;
  }

.legacy .checkout-credit-card {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding-top: 0.25rem;
    position: relative;
  }

.legacy .checkout-credit-card__choose {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 0.25rem;
  }

.legacy .checkout-credit-card__select-button {
    align-items: center;
    border: 1px solid #101316;
    border-radius: 0.25rem;
    color: inherit;
    display: flex;
    flex: 1;
    flex-wrap: nowrap;
    gap: 0.5rem;
    justify-content: space-between;
    max-width: 36rem;
    padding: 1rem;
  }

.legacy .checkout-credit-card__select-button:focus-visible {
    outline: 0.1875rem solid #0d3a93;
    outline-offset: 0;
  }

.legacy .checkout-credit-card__change {
    align-items: flex-start;
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 1rem;
  }

.legacy .checkout-credit-card__change-button {
    color: #0d3a93;
  }

.legacy .checkout-credit-card__active-payment-container {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 1rem;
    padding: 0.5rem 0;
  }

.legacy .checkout-credit-card__links-container {
    color: #0d3a93;
    display: flex;
    flex-direction: column;
    font-size: 1.125rem;
    gap: 1.5rem;
    padding: 1rem 0;
  }

.legacy .checkout-credit-card__saved-cards-button {
    align-self: flex-start;
    border: 0;
    padding: 0;
  }

.legacy .checkout-credit-card__saved-cards-container {
    align-items: center;
    color: #0d3a93;
    display: flex;
    gap: 0.5rem;
  }

.legacy .checkout-credit-card__save-credit-card {
    align-self: start;
  }

.legacy .checkout-credit-card__fine-print {
    font-size: 0.875rem;
    line-height: 1.3125rem;
    padding-top: 0.25rem;
  }

.legacy .checkout-credit-card__fine-print button {
    color: #0d3a93;
  }

.legacy .checkout-credit-card__fine-print button:hover {
    text-decoration: underline;
  }

.legacy .checkout-credit-card__fine-print-button {
    margin-left: 0.25rem;
    text-decoration: underline;
  }

.legacy .checkout-credit-card__fine-print-button:focus-visible {
    outline: 0.1875rem solid #0d3a93;
    outline-offset: 0;
  }

.legacy .checkout-credit-card__fine-print-button:hover {
    color: #5574b3;
  }

.legacy .checkout-credit-card__edit {
    display: flex;
    flex: 1;
    justify-content: space-between;
  }

.legacy .checkout-credit-card__edit-link {
    color: #0d3a93;
    height: 1rem;
    text-align: center;
    width: 2.5rem;
  }

.legacy .checkout-credit-card__card-edit-link {
    color: #0d3a93;
    height: 0;
    text-align: center;
    width: 2.5rem;
  }

.legacy .credit-card-details-payment {
    display: flex;
    flex-direction: column;
    position: relative;
    width: 100%;
  }

.legacy .credit-card-details-payment__opacity {
    opacity: 0.5;
  }

.legacy .credit-card-details-payment__buttons {
    display: flex;
    justify-content: space-between;
    margin-top: 1rem;
  }

.legacy .credit-card-details-payment__button {
    padding-left: 0;
  }

.legacy .credit-card-details-payment__icon {
    margin-right: 0.375rem;
  }

.legacy .checkout-apple-pay__loading-indicator {
    padding: 1.75rem;
    position: relative;
  }

.legacy .checkout-apple-pay__fine-print {
    font-size: 0.875rem;
    line-height: 1.3125rem;
    padding-top: 1rem;
  }

.legacy .checkout-apple-pay__fine-print button {
    color: #0d3a93;
    margin-left: 0.25rem;
  }

.legacy .checkout-apple-pay__fine-print button:hover {
    text-decoration: underline;
  }

.legacy .checkout-apple-pay__fine-print-button {
    margin-left: 0.25rem;
    text-decoration: underline;
  }

.legacy .checkout-apple-pay__fine-print-button:focus-visible {
    outline: 0.1875rem solid #0d3a93;
    outline-offset: 0;
  }

.legacy .checkout-apple-pay__fine-print-button:hover {
    color: #5574b3;
  }

.legacy .apple-pay-details-preview {
    align-items: center;
    display: flex;
    gap: 0.75rem;
    height: 3rem;
  }

.legacy .apple-pay-details-preview__icon {
    height: 3rem;
    width: 3rem;
  }

.legacy .payment-details-preview__no-details {
    align-items: center;
    display: flex;
    gap: 0.5rem;
    height: 3rem;
  }

.legacy .payment-details-preview__no-details-icon {
    height: 3rem;
    width: 3rem;
  }

.legacy .customer-payment-details-payment-v2 {
    display: flex;
    flex-direction: column;
    width: 100%;
  }

.legacy .customer-payment-details-payment-v2__opacity {
    opacity: 0.5;
  }

.legacy .customer-payment-details-payment-v2__container {
    align-items: center;
    display: flex;
    flex: 1;
    justify-content: space-between;
  }

.legacy .customer-payment-details-payment-v2__details {
    align-items: center;
    display: flex;
    gap: 0.5rem;
  }

.legacy .customer-payment-details-payment-v2__mask {
    font-weight: 700;
  }

.legacy .customer-payment-details-payment-v2__icon {
    height: 3rem;
    width: 3rem;
  }

.legacy .customer-payment-details-payment-v2__expiry {
    text-align: start;
  }

.legacy .credit-card-details {
    display: flex;
    flex-direction: column;
    position: relative;
    width: 100%;
  }

.legacy .credit-card-details__opacity {
    opacity: 0.5;
  }

.legacy .credit-card-details__buttons {
    display: flex;
    justify-content: space-between;
    margin-top: 1rem;
  }

.legacy .credit-card-details__button {
    padding-left: 0;
  }

.legacy .credit-card-details__icon {
    margin-right: 0.375rem;
  }

.legacy .payment-method-tile {
    align-items: center;
    background-color: #fff;
    border-radius: 0.5rem;
    display: flex;
    gap: 1rem;
    justify-content: flex-start;
    padding: 1.0625rem;
    width: 100%;
  }

@media (min-width: 760px) {
    .legacy .payment-method-tile {
      padding: 1.0625rem 2.0625rem;
    }
  }

.legacy .payment-method-tile__opacity {
    opacity: 0.5;
  }

.legacy .payment-method-tile__checkout {
    border: 0.0625rem solid #343d46;
  }

.legacy .payment-method-tile__checkout:hover {
    border: 0.125rem solid #0d3a93;
    cursor: pointer;
    padding: 1rem;
  }

@media (min-width: 760px) {
    .legacy .payment-method-tile__checkout:hover {
      padding: 1rem 2rem;
    }
  }

.legacy .payment-method-tile__payment-page {
    padding: 2rem;
  }

.legacy .payment-method-tile__payment-page--default {
    border: 0.0625rem solid #1e6e00;
  }

.legacy .payment-method-tile__selected {
    border: 0.125rem solid #0d3a93;
    padding: 1rem;
  }

@media (min-width: 760px) {
    .legacy .payment-method-tile__selected {
      padding: 1rem 2rem;
    }
  }

.legacy .payment-method-tile__payment-icon {
    width: 2rem;
  }

.legacy .payment-methods-modal__body-wrapper {
    display: flex;
    flex-direction: column;
    row-gap: 1rem;
  }

.legacy .checkout-credit-card-payment-v2 {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-top: 1rem;
  }

.legacy .checkout-credit-card-payment-v2__choose {
    display: flex;
    flex: 1;
  }

.legacy .checkout-credit-card-payment-v2__choose > * + * {
    margin-top: 1rem;
  }

.legacy .checkout-credit-card-payment-v2__select-button {
    align-items: center;
    border: 1px solid #101316;
    border-radius: 0.25rem;
    color: inherit;
    display: flex;
    flex: 1;
    flex-wrap: nowrap;
    gap: 0.5rem;
    justify-content: space-between;
    max-width: 36rem;
    padding: 1rem;
  }

.legacy .checkout-credit-card-payment-v2__change {
    align-items: flex-start;
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 1rem;
  }

.legacy .checkout-credit-card-payment-v2__change-button {
    color: #0d3a93;
  }

.legacy .checkout-credit-card-payment-v2__active-payment-container {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 1rem;
  }

.legacy .checkout-credit-card-payment-v2__save-payment-container {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 0 1.5rem;
  }

.legacy .checkout-credit-card-payment-v2__save-credit-card {
    align-self: start;
  }

.legacy .checkout-credit-card-payment-v2__fine-print {
    font-size: 0.875rem;
    line-height: 1.3125rem;
  }

.legacy .checkout-credit-card-payment-v2__fine-print button {
    color: #0d3a93;
  }

.legacy .checkout-credit-card-payment-v2__fine-print button:hover {
    text-decoration: underline;
  }

.legacy .checkout-credit-card-payment-v2__fine-print-button {
    margin-left: 0.25rem;
    text-decoration: underline;
  }

.legacy .checkout-credit-card-payment-v2__fine-print-button:focus-visible {
    outline: 0.1875rem solid #0d3a93;
    outline-offset: 0;
  }

.legacy .checkout-credit-card-payment-v2__fine-print-button:hover {
    color: #5574b3;
  }

.legacy .checkout-credit-card-payment-v2__edit {
    display: flex;
    flex: 1;
    justify-content: space-between;
  }

.legacy .checkout-credit-card-payment-v2__edit-link {
    color: #0d3a93;
    height: 1rem;
    text-align: center;
    width: 2.5rem;
  }

.legacy .checkout-credit-card-payment-v2__edit-link:hover {
    color: #5574b3;
  }

.legacy .checkout-credit-card-payment-v2__exclamation-circle-icon {
    height: 2rem;
    margin-right: 0.625rem;
    width: 2rem;
  }

.legacy .checkout-credit-card-payment-v2__card-edit-link {
    color: #0d3a93;
    height: 0;
    text-align: center;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    width: 2.5rem;
  }

.legacy .checkout-credit-card-payment-v2__card-edit-link:hover {
    color: #5574b3;
  }

.legacy .checkout-snap-payment-payment-v2__eligible-amount-hint {
    color: #71777e;
    line-height: 1.5rem;
    margin-bottom: 1rem;
  }

.legacy .checkout-snap-payment-payment-v2__displayed-card-number {
    display: flex;
    flex-direction: column;
  }

.legacy .checkout-snap-payment-payment-v2__button {
    align-items: center;
    border: 1px solid #101316;
    border-radius: 0.25rem;
    color: inherit;
    display: flex;
    flex: 1;
    flex-wrap: nowrap;
    gap: 0.5rem;
    justify-content: space-between;
    max-width: 36rem;
    padding: 1rem;
  }

.legacy .checkout-snap-payment-payment-v2__button:hover {
    cursor: pointer;
  }

.legacy .checkout-snap-payment-payment-v2__button--active {
    border-color: #0d3a93;
  }

.legacy .checkout-snap-payment-payment-v2__button:disabled {
    border-color: #d6d8da;
    border-width: 1px;
    color: #d6d8da;
    cursor: default;
  }

.legacy .checkout-snap-payment-payment-v2__modal-button {
    align-items: center;
    border-radius: 0.875rem;
    color: inherit;
    display: flex;
    flex: 1;
    flex-wrap: nowrap;
    gap: 0.5rem;
    justify-content: space-between;
    margin-top: 0.5rem;
    padding: 0;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
  }

.legacy .checkout-snap-payment-payment-v2__modal-button:hover {
    cursor: pointer;
  }

.legacy .checkout-snap-payment-payment-v2__modal-button:focus-visible {
    outline: none;
  }

.legacy .checkout-snap-payment-payment-v2__modal-button:focus
    .checkout-snap-payment-payment-v2__existing-card-number,
  .legacy .checkout-snap-payment-payment-v2__modal-button:focus-visible
    .checkout-snap-payment-payment-v2__existing-card-number {
    border: 1px solid transparent;
    outline: 2px solid #0d3a93;
  }

.legacy .checkout-snap-payment-payment-v2__modal-button--active {
    border-color: #0d3a93;
  }

.legacy .checkout-snap-payment-payment-v2__modal-ctas {
    flex-grow: 1;
  }

.legacy .checkout-snap-payment-payment-v2__modal-ctas-first {
    margin-bottom: 1rem;
  }

.legacy .checkout-snap-payment-payment-v2__no-card-number {
    display: flex;
    grid-gap: 1rem;
    justify-content: space-between;
    width: 100%;
  }

.legacy .checkout-snap-payment-payment-v2__edit-link {
    color: #0d3a93;
    height: 1rem;
    text-align: center;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    width: 2.5rem;
  }

.legacy .checkout-snap-payment-payment-v2__edit-link:hover {
    color: #5574b3;
  }

.legacy .checkout-snap-payment-payment-v2__amount-container {
    align-items: flex-end;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    max-width: 36rem;
  }

.legacy .checkout-snap-payment-payment-v2__amount-label {
    margin-bottom: 0.5rem;
  }

.legacy .checkout-snap-payment-payment-v2__balance-check {
    color: #0d3a93;
    cursor: pointer;
    text-decoration: underline;
  }

.legacy .checkout-snap-payment-payment-v2__card-number-store-checkbox {
    margin: 1rem 0 0.5rem;
    padding-bottom: 1.5rem;
  }

.legacy .checkout-snap-payment-payment-v2__content {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 1rem;
  }

.legacy .checkout-snap-payment-payment-v2__existing-card-number {
    border: 1px solid transparent;
    border-radius: 0.875rem;
    color: inherit;
    display: flex;
    flex: 1;
    flex-wrap: nowrap;
    gap: 0.5rem;
    padding: 1rem;
  }

.legacy .checkout-snap-payment-payment-v2__existing-card-number:hover {
    background: #e6ebf4;
  }

.legacy .checkout-snap-payment-payment-v2__existing-card-number:focus-visible {
    outline: 0.1875rem solid #0d3a93;
    outline-offset: 0.125rem;
  }

.legacy .checkout-snap-payment-payment-v2__existing-card-number--selected {
    background: #e6ebf4;
    border: 1px solid #0d3a93;
  }

.legacy .checkout-snap-payment-payment-v2__existing-card-number--selected:focus-visible {
    outline: 0.1875rem solid #0d3a93;
    outline-offset: 0.125rem;
  }

.legacy .checkout-snap-payment-payment-v2__notification-banner {
    margin-top: 1rem;
  }

.legacy .checkout-snap-payment-payment-v2__card-number-input-field {
    padding-top: 1.5rem;
  }

.legacy .headline--xxxs {
    font-size: 1rem;
    line-height: 1.375rem;
  }

.legacy .headline--xxs,
  .legacy .headline--xxxs {
    font-weight: 700;
    letter-spacing: 0.01em;
  }

.legacy .headline--xxs {
    color: #00005f;
    font-size: 1.5rem;
    line-height: 2.125rem;
    text-transform: uppercase;
  }

@media (min-width: 992px) {
    .legacy .headline--xxs {
      font-size: 1.625rem;
      line-height: 2.25rem;
    }
  }

.legacy .headline--xs {
    color: #00005f;
    font-size: 1.5rem;
    font-weight: 700;
    letter-spacing: 0.01em;
    line-height: 2.125rem;
    text-transform: uppercase;
  }

@media (min-width: 992px) {
    .legacy .headline--xs {
      font-size: 1.625rem;
      line-height: 2.25rem;
    }
  }

.legacy .headline--s {
    color: #00005f;
    font-size: 1.5rem;
    font-weight: 700;
    letter-spacing: 0.01em;
    line-height: 2.125rem;
  }

@media (min-width: 992px) {
    .legacy .headline--s {
      font-size: 1.625rem;
      line-height: 2.25rem;
    }
  }

.legacy .headline--m {
    color: #00005f;
    font-size: 1.75rem;
    font-weight: 700;
    letter-spacing: 0.01em;
    line-height: 2.5rem;
  }

@media (min-width: 992px) {
    .legacy .headline--m {
      font-size: 2rem;
      line-height: 2.75rem;
    }
  }

.legacy .headline--l {
    color: #00005f;
    font-size: 2.125rem;
    font-weight: 700;
    letter-spacing: 0.01em;
    line-height: 2.75rem;
  }

@media (min-width: 992px) {
    .legacy .headline--l {
      font-size: 2.5rem;
      line-height: 3.25rem;
    }
  }

.legacy .headline--xl {
    color: #00005f;
    font-size: 2.125rem;
    font-weight: 700;
    letter-spacing: 0.01em;
    line-height: 2.75rem;
  }

@media (min-width: 992px) {
    .legacy .headline--xl {
      font-size: 2.5rem;
      line-height: 3.25rem;
    }
  }

.legacy .headline--xxl {
    font-size: 3rem;
    font-weight: 700;
    letter-spacing: 0.01em;
    line-height: 3.5rem;
  }

@media (min-width: 992px) {
    .legacy .headline--xxl {
      font-size: 3.5rem;
      line-height: 4rem;
    }
  }

.legacy .headline--xxxl {
    font-size: 4.5rem;
    font-weight: 700;
    letter-spacing: 0.01em;
    line-height: 5.5rem;
  }

.legacy .base-heading {
    color: #101316;
  }

.legacy .base-heading > * {
    display: inline-block;
  }

.legacy .base-heading--h1 {
    color: #00005f;
    font-size: 2.125rem;
    font-weight: 700;
    letter-spacing: 0.01em;
    line-height: 2.75rem;
  }

@media (min-width: 992px) {
    .legacy .base-heading--h1 {
      font-size: 2.5rem;
      line-height: 3.25rem;
    }
  }

.legacy .base-heading--h2 {
    color: #00005f;
    font-size: 2.125rem;
    font-weight: 700;
    letter-spacing: 0.01em;
    line-height: 2.75rem;
  }

@media (min-width: 992px) {
    .legacy .base-heading--h2 {
      font-size: 2.5rem;
      line-height: 3.25rem;
    }
  }

.legacy .base-heading--h3 {
    color: #00005f;
    font-size: 1.75rem;
    font-weight: 700;
    letter-spacing: 0.01em;
    line-height: 2.5rem;
  }

@media (min-width: 992px) {
    .legacy .base-heading--h3 {
      font-size: 2rem;
      line-height: 2.75rem;
    }
  }

.legacy .base-heading--h4 {
    color: #00005f;
    font-size: 1.5rem;
    font-weight: 700;
    letter-spacing: 0.01em;
    line-height: 2.125rem;
  }

@media (min-width: 992px) {
    .legacy .base-heading--h4 {
      font-size: 1.625rem;
      line-height: 2.25rem;
    }
  }

.legacy .base-heading--h5 {
    color: #00005f;
    font-size: 1.5rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    letter-spacing: 0.01em;
    line-height: 2.125rem;
    text-transform: uppercase;
  }

@media (min-width: 992px) {
    .legacy .base-heading--h5 {
      font-size: 1.625rem;
      line-height: 2.25rem;
    }
  }

.legacy .base-heading__main {
    display: inline;
  }

.legacy .base-heading__pre {
    margin-right: 0.375rem;
  }

.legacy .base-heading__post {
    margin-left: 0.375rem;
  }

.legacy .base-heading--search-results .base-heading__post {
    margin-left: 0;
  }

.legacy .add-to-shopping-list-button {
    background-color: #fff;
    border-radius: 999px;
    padding: 2px 10px;
  }

.legacy .add-to-shopping-list-button--active {
    background-color: #88d5f4;
  }

.legacy .add-to-shopping-list-button__loading {
    align-items: center;
    display: flex;
    height: 1.5rem;
    justify-content: center;
    width: 1.5rem;
  }

@media (min-width: 760px) {
    .legacy .add-to-shopping-list-button__loading {
      height: 2rem;
      width: 2rem;
    }
  }

.legacy .add-to-shopping-list-button__loading--large {
    height: 2.5rem;
    width: 2.5rem;
  }

.legacy .add-to-shopping-list-button__loading--small {
    height: 1.5rem;
    width: 1.5rem;
  }

.legacy .add-to-shopping-list-button__spinner {
    animation: spin 1s linear infinite;
    border-left: 2px solid transparent;
    border-top: 2px solid transparent;
    border-color: #0d3a93 transparent transparent #0d3a93;
    border-radius: 50%;
    border-style: solid;
    border-width: 2px;
    height: 1.25rem;
    width: 1.25rem;
  }

@media (min-width: 760px) {
    .legacy .add-to-shopping-list-button__spinner {
      border-width: 3px;
      height: 1.5rem;
      width: 1.5rem;
    }
  }

.legacy .add-to-shopping-list-button__icon {
    height: 1.5rem;
    width: 1.5rem;
  }

@media (min-width: 760px) {
    .legacy .add-to-shopping-list-button__icon {
      height: 2rem;
      width: 2rem;
    }
  }

.legacy .add-to-shopping-list-button__icon--large {
    height: 2.5rem;
    width: 2.5rem;
  }

.legacy .add-to-shopping-list-button__icon--small {
    height: 1.5rem;
    width: 1.5rem;
  }

.legacy .base-image {
    line-height: 1;
    max-height: 100%;
    max-width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
  }

.legacy .base-image__placeholder {
    height: 100%;
    max-width: 100%;
  }

.legacy .product-tile {
    border-radius: 26px 26px 0 0;
    height: 100%;
    min-height: 13rem;
    overflow: hidden;
    position: relative;
  }

.legacy .product-tile__link {
    border-radius: 26px 26px 0 0;
    display: flex;
    flex-direction: column;
    padding: 1rem 0.875rem 0.875rem;
  }

.legacy .product-tile__link:focus-visible {
    outline: 0.1875rem solid #0d3a93;
    outline-offset: -0.1875rem;
  }

.legacy .product-tile__link:focus-visible {
    border-radius: 26px 26px 0 0;
  }

@media (min-width: 760px) {
    .legacy .product-tile__link {
      padding: 16px 20px;
    }
  }

@media (min-width: 1224px) {
    .legacy .product-tile__link {
      padding: 16px 24px;
    }
  }

.legacy .product-tile__link--pointer {
    cursor: pointer;
  }

.legacy .product-tile__random-weight-icon-container {
    background: #e6ebf4;
    border-radius: 50%;
    left: 1rem;
    padding: 0.5rem;
    position: absolute;
    top: 0.75rem;
    z-index: 1;
  }

.legacy .product-tile__random-weight-icon {
    height: 1.25rem;
    width: 1.25rem;
  }

@media (min-width: 760px) {
    .legacy .product-tile__random-weight-icon {
      height: 1.5rem;
      width: 1.5rem;
    }
  }

.legacy .product-tile__unit-of-measurement {
    height: 0.75rem;
    margin-bottom: 10px;
  }

@media (min-width: 1224px) {
    .legacy .product-tile__unit-of-measurement {
      height: 1rem;
    }
  }

.legacy .product-tile__unit-of-measurement p {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    color: #101316;
    font-size: 0.75rem;
    letter-spacing: 0.0165rem;
    line-height: 0.75rem;
  }

@media (min-width: 1224px) {
    .legacy .product-tile__unit-of-measurement p {
      font-size: 0.875rem;
      letter-spacing: 0.01925rem;
      line-height: 1rem;
    }
  }

.legacy .product-tile__picture {
    align-items: center;
    display: flex;
    height: 5.25rem;
    justify-content: center;
    margin-bottom: 0.625rem;
    position: relative;
  }

@media (min-width: 760px) {
    .legacy .product-tile__picture {
      height: 7.5rem;
    }
  }

@media (min-width: 1224px) {
    .legacy .product-tile__picture {
      height: 8.25rem;
    }
  }

.legacy .product-tile__brandname {
    height: 0.75rem;
    margin-bottom: 0.375rem;
    overflow: hidden;
    width: 100%;
  }

.legacy .product-tile__brandname p {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    color: #0d3a93;
    font-size: 0.75rem;
    letter-spacing: 0.15rem;
    line-height: 0.75rem;
    text-transform: uppercase;
  }

.legacy .product-tile__name {
    height: 2.5rem;
    margin-bottom: 0.5rem;
    overflow: hidden;
    width: 100%;
  }

.legacy .product-tile__name p {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #101316;
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: 0.01rem;
    line-height: 1.25rem;
  }

.legacy .product-tile__price {
    font-size: 1.375rem;
    font-weight: 700;
    letter-spacing: 0.0225rem;
    line-height: 1.875rem;
  }

@media (min-width: 992px) {
    .legacy .product-tile__price {
      font-size: 1.5rem;
      line-height: 1.5rem;
    }
  }

.legacy .product-tile__price-container {
    align-items: baseline;
    display: flex;
    gap: 2px;
    white-space: nowrap;
  }

.legacy .product-tile__price-deposit,
  .legacy .product-tile__price-interval {
    font-size: 0.75rem;
    letter-spacing: 0.0165rem;
  }

.legacy .product-tile__price-deposit {
    color: #343d46;
    line-height: 0.75rem;
    margin-left: 4px;
    overflow: hidden;
    text-overflow: ellipsis;
  }

.legacy .product-tile__add-to-shopping-list-button {
    position: absolute;
    right: 0.5rem;
    top: 0.5rem;
  }

.legacy .injection-not-for-sale-add-to-cart-placeholder {
    align-items: center;
    background-color: #bbe7f9;
    border-radius: 0 0 24px 24px;
    color: #00005f;
    display: flex;
    font-size: 1.125rem;
    gap: 6px;
    justify-content: center;
    padding: 12px 10px;
    width: 100%;
  }

.legacy .search-flyout-loading-indicator {
    align-items: center;
    background: #fff;
    border-radius: 32px;
    display: flex;
    inset: 0;
    justify-content: center;
    padding: 0;
    position: absolute;
    z-index: 200;
  }

.legacy .search-flyout-loading-indicator__image {
    height: 1.5rem;
  }

.legacy .add-to-cart-quantity__input {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
    min-width: 0;
  }

.legacy .add-to-cart-quantity__input:focus,
  .legacy .add-to-cart-quantity__input:focus-visible {
    outline: none;
  }

.legacy .add-to-cart-quantity__input::-webkit-inner-spin-button,
  .legacy .add-to-cart-quantity__input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    appearance: none;
  }

.legacy .add-to-cart-button--product-teaser {
    align-items: center;
    border-radius: 0 0 24px 24px;
    border-top: 1px solid #f5f5f6;
    display: flex;
    flex-direction: row;
    justify-content: center;
    position: relative;
    width: 100%;
  }

.legacy .add-to-cart-button--product-teaser .add-to-cart-button__content {
    color: #0d3a93;
    display: flex;
    gap: 0.375rem;
    line-height: 1.375rem;
  }

.legacy .add-to-cart-button--product-teaser .add-to-cart-button__add-button {
    background-color: #fff;
    border-radius: 0 0 24px 24px;
    color: #00005f;
    width: 100%;
  }

.legacy .add-to-cart-button--product-teaser .add-to-cart-quantity {
    display: flex;
    width: 100%;
  }

.legacy .add-to-cart-button--product-teaser .add-to-cart-quantity__button-decrease,
  .legacy .add-to-cart-button--product-teaser .add-to-cart-quantity__button-increase {
    align-items: center;
    background-color: #0d3a93;
    color: #fff;
    display: flex;
    flex: 0 0 3rem;
    height: 3rem;
    justify-content: center;
    touch-action: manipulation;
    z-index: 1;
  }

.legacy .add-to-cart-button--product-teaser
    .add-to-cart-quantity__button-decrease:focus-visible,
  .legacy .add-to-cart-button--product-teaser
    .add-to-cart-quantity__button-increase:focus-visible {
    outline: 0.1875rem solid #7a93c4;
    outline-offset: 0.125rem;
  }

.legacy .add-to-cart-button--product-teaser
    .add-to-cart-quantity__button-decrease:hover,
  .legacy .add-to-cart-button--product-teaser
    .add-to-cart-quantity__button-increase:hover {
    background-color: #5574b3;
  }

.legacy .add-to-cart-button--product-teaser
    .add-to-cart-quantity__button-decrease:active,
  .legacy .add-to-cart-button--product-teaser
    .add-to-cart-quantity__button-increase:active {
    background-color: #092867;
  }

.legacy .add-to-cart-button--product-teaser
    .add-to-cart-quantity__button-decrease[aria-disabled="true"],
  .legacy .add-to-cart-button--product-teaser
    .add-to-cart-quantity__button-increase[aria-disabled="true"] {
    background-color: #d6d8da;
    color: #676d74;
    cursor: not-allowed !important;
  }

.legacy .add-to-cart-button--product-teaser .add-to-cart-quantity__button-increase {
    border-radius: 0 0 24px;
  }

.legacy .add-to-cart-button--product-teaser .add-to-cart-quantity__button-decrease {
    border-radius: 0 0 0 24px;
  }

.legacy .add-to-cart-button--product-teaser .add-to-cart-quantity__input {
    background-color: #0d3a93;
    border-radius: 0;
    color: #fff;
    flex: 1;
    line-height: 2rem;
    min-width: 0;
    text-align: center;
  }

.legacy .add-to-cart-button--product-teaser
    .add-to-cart-quantity__input:-moz-read-only {
    background-color: #d6d8da;
    color: #676d74;
  }

.legacy .add-to-cart-button--product-teaser .add-to-cart-quantity__input:read-only {
    background-color: #d6d8da;
    color: #676d74;
  }

.legacy .add-to-cart-button--product-teaser
    .add-to-cart-quantity__input:focus-visible {
    text-decoration: underline;
    text-decoration-thickness: 2px;
    text-underline-offset: 4px;
  }

.legacy .product-teaser-item {
    background-color: #fff;
    border-radius: 0.5rem;
    display: flex;
    flex-direction: column;
    height: 100%;
    scroll-behavior: smooth;
    scroll-margin-top: var(--base-header-height);
    width: 100%;
  }

.legacy .country-us .product-teaser-item {
    border-radius: 24px;
  }

.legacy .teaser-list {
    --teaser-list-h-spacing-below-m: 1rem;
    --teaser-list-h-spacing-above-m: 1rem;
    --teaser-list-h-spacing-above-l: 3.5rem;
    --teaser-list-item-gap-below-m: 0.5rem;
    --teaser-list-item-gap-above-m: 1rem;
    --teaser-list-button-h-spacing-below-l: 2.125rem;
    --teaser-list-button-h-spacing-above-l: 3.5rem;
    --teaser-list-h-spacing: var(--teaser-list-h-spacing-below-m);
    --teaser-list-item-gap: var(--teaser-list-item-gap-below-m);
    --teaser-list-button-h-spacing: var(--teaser-list-button-h-spacing-below-l);
    position: relative;
  }

@media (min-width: 760px) {
    .legacy .teaser-list {
      --teaser-list-h-spacing: var(--teaser-list-h-spacing-above-m);
      --teaser-list-item-gap: var(--teaser-list-item-gap-above-m);
    }
  }

@media (min-width: 992px) {
    .legacy .teaser-list {
      --teaser-list-h-spacing: var(--teaser-list-h-spacing-above-l);
      --teaser-list-button-h-spacing: var(
        --teaser-list-button-h-spacing-above-l
      );
    }
  }

.legacy .teaser-list__scroll-area {
    display: flex;
    gap: var(--teaser-list-item-gap);
    margin-bottom: -5px;
    overflow-x: auto;
    padding: 0 var(--teaser-list-h-spacing);
    padding-bottom: 5px;
    scroll-behavior: smooth;
    scroll-padding-left: var(--teaser-list-h-spacing);
    scroll-padding-right: var(--teaser-list-h-spacing);
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
  }

@media (prefers-reduced-motion: reduce) {
    .legacy .teaser-list__scroll-area {
      scroll-behavior: unset;
    }
  }

.legacy .teaser-list__scroll-area::-webkit-scrollbar {
    display: none;
  }

.legacy .teaser-list__item {
    flex: none;
    scroll-snap-align: start;
  }

.legacy .teaser-list__next-page,
  .legacy .teaser-list__prev-page {
    align-items: center;
    bottom: 0;
    display: flex;
    justify-content: center;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: calc(var(--teaser-list-button-h-spacing) * 2);
  }

@media not (pointer: fine) {
    .legacy .teaser-list__next-page,
    .legacy .teaser-list__prev-page {
      display: none;
    }
  }

.legacy .teaser-list__next-page > button,
  .legacy .teaser-list__prev-page > button {
    pointer-events: all;
  }

.legacy .teaser-list__next-page {
    right: 0;
    z-index: 1;
  }

.legacy .teaser-list__prev-page {
    left: 0;
    z-index: 1;
  }

.legacy .teaser-list__page-stepper-fade-enter-from,
  .legacy .teaser-list__page-stepper-fade-leave-to {
    opacity: 0;
  }

.legacy .teaser-list__page-stepper-fade-enter-active,
  .legacy .teaser-list__page-stepper-fade-leave-active {
    transition: opacity 0.2s ease;
  }

.legacy .product-teaser-list {
    --product-teaser-list-header-h-spacing: 1rem;
    --product-teaser-list-header-h-spacing-above-m: 1rem;
    --product-teaser-list-header-h-spacing-above-l: 3.5rem;
    --product-teaser-list-item-width-abovel-l: 13rem;
    min-height: 21.3125rem;
  }

.legacy .product-teaser-list__header {
    align-content: center;
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    margin: 0 var(--product-teaser-list-header-h-spacing) 1rem;
  }

@media (min-width: 760px) {
    .legacy .product-teaser-list__header {
      margin: 0 var(--product-teaser-list-header-h-spacing-above-m) 1rem;
    }
  }

@media (min-width: 992px) {
    .legacy .product-teaser-list__header {
      margin: 0 var(--product-teaser-list-header-h-spacing-above-l) 1rem;
    }
  }

@media (min-width: 1224px) {
    .legacy .product-teaser-list__header {
      margin: 0 var(--product-teaser-list-header-h-spacing-above-l) 1.5rem;
    }
  }

.legacy .product-teaser-list__link-content {
    align-items: center;
    color: #0d3a93;
    display: flex;
    font-size: 1.125rem;
    line-height: 1.125rem;
  }

@media (min-width: 992px) {
    .legacy .product-teaser-list__link-content {
      font-size: 1.25rem;
      line-height: 1.25rem;
    }
  }

.legacy .product-teaser-list__link-content:hover {
    color: #5574b3;
  }

.legacy .product-teaser-list__body {
    min-height: 10rem;
  }

.legacy .product-teaser-list__item {
    height: 100%;
    width: 42vw;
  }

@media (min-width: 552px) {
    .legacy .product-teaser-list__item {
      width: 28vw;
    }
  }

@media (min-width: 760px) {
    .legacy .product-teaser-list__item {
      width: 20vw;
    }
  }

@media (min-width: 992px) {
    .legacy .product-teaser-list__item {
      width: var(--product-teaser-list-item-width-abovel-l);
    }
  }

.legacy .request-error-content {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    text-align: center;
  }

.legacy .request-error-content__headline {
    color: #00005f;
    color: #0d3a93;
    font-size: 1.75rem;
    font-weight: 700;
    letter-spacing: 0.01em;
    line-height: 2.5rem;
    margin-bottom: 1rem;
  }

@media (min-width: 992px) {
    .legacy .request-error-content__headline {
      font-size: 2rem;
      line-height: 2.75rem;
    }
  }

@media (min-width: 760px) {
    .legacy .request-error-content__headline {
      color: #00005f;
      color: #0d3a93;
      font-size: 2.125rem;
      font-weight: 700;
      letter-spacing: 0.01em;
      line-height: 2.75rem;
      margin-bottom: 1rem;
    }
  }

@media (min-width: 760px) and (min-width: 992px) {
    .legacy .request-error-content__headline {
      font-size: 2.5rem;
      line-height: 3.25rem;
    }
  }

@media (min-width: 992px) {
    .legacy .request-error-content__headline {
      color: #00005f;
      color: #0d3a93;
      font-size: 2.125rem;
      font-weight: 700;
      letter-spacing: 0.01em;
      line-height: 2.75rem;
      margin-bottom: 0.5rem;
    }
  }

@media (min-width: 992px) and (min-width: 992px) {
    .legacy .request-error-content__headline {
      font-size: 2.5rem;
      line-height: 3.25rem;
    }
  }

.legacy .request-error-content__message {
    color: #00005f;
    font-size: 1.5rem;
    font-weight: 700;
    letter-spacing: 0.01em;
    line-height: 2.125rem;
    margin-bottom: 1.5rem;
  }

@media (min-width: 992px) {
    .legacy .request-error-content__message {
      font-size: 1.625rem;
      line-height: 2.25rem;
    }
  }

.legacy .request-error-content__image {
    margin-bottom: 1rem;
    max-width: 29.375rem;
    width: 100%;
  }

@media (min-width: 760px) {
    .legacy .request-error-content__image {
      margin-bottom: 2.5rem;
    }
  }

@media (min-width: 992px) {
    .legacy .request-error-content__image {
      max-width: 46.8125rem;
    }
  }

.legacy .error-boundary {
    border: 0.125rem solid #b30012;
    height: 100%;
    margin-bottom: 1rem;
    padding: 1rem;
    text-align: center;
    width: 100%;
  }

.legacy .container-layout {
    display: flex;
    justify-content: center;
    width: 100%;
  }

.legacy .container-layout--inline {
    display: inline-block;
    margin-left: calc(50% - (min(100vw, 1528px) / 2) + 1rem);
    width: auto;
  }

@media (min-width: 760px) {
    .legacy .container-layout--inline {
      margin-left: calc(50% - (min(100vw, 1528px) / 2) + 2rem);
    }
  }

@media (min-width: 992px) {
    .legacy .container-layout--inline {
      margin-left: calc(50% - (min(100vw, 1528px) / 2) + 10.5rem);
    }
  }

.legacy .container-layout--inline + .container-layout--inline {
    margin-left: calc(50% - 50vw + 1rem);
  }

.legacy .container-layout--padded {
    padding-top: 24px;
  }

@media (min-width: 760px) {
    .legacy .container-layout--padded {
      padding-top: 32px;
    }
  }

@media (min-width: 1224px) {
    .legacy .container-layout--padded {
      padding-top: 40px;
    }
  }

.legacy .container-layout--white-background {
    margin-top: 24px;
  }

@media (min-width: 760px) {
    .legacy .container-layout--white-background {
      margin-top: 32px;
    }
  }

@media (min-width: 1224px) {
    .legacy .container-layout--white-background {
      margin-top: 40px;
    }
  }

.legacy .component-layout {
    max-width: calc(min(100vw, 1528px) - 2rem);
    width: 100%;
  }

@media (min-width: 760px) {
    .legacy .component-layout {
      max-width: calc(min(100vw, 1528px) - 4rem);
    }
  }

@media (min-width: 992px) {
    .legacy .component-layout {
      max-width: calc(min(100vw, 1528px) - 21rem);
    }
  }

.legacy .component-layout--wide {
    max-width: calc(min(100vw, 1528px) - 2rem);
  }

@media (min-width: 992px) {
    .legacy .component-layout--wide {
      max-width: calc(min(100vw, 1528px) - 7rem);
    }
  }

.legacy .component-layout--full {
    max-width: 1528px;
  }

.legacy .component-layout--full-bleed {
    max-width: 100%;
  }

@media (min-width: 360px) {
    .legacy .component-layout--wide-xs {
      max-width: calc(min(100vw, 1528px) - 2rem);
    }
  }

@media (min-width: 992px) {
    .legacy .component-layout--wide-xs {
      max-width: calc(min(100vw, 1528px) - 7rem);
    }
  }

@media (min-width: 360px) {
    .legacy .component-layout--full-xs {
      max-width: 1528px;
    }
    .legacy .component-layout--full-bleed-xs {
      max-width: 100%;
    }
  }

@media (min-width: 552px) {
    .legacy .component-layout--wide-s {
      max-width: calc(min(100vw, 1528px) - 2rem);
    }
  }

@media (min-width: 992px) {
    .legacy .component-layout--wide-s {
      max-width: calc(min(100vw, 1528px) - 7rem);
    }
  }

@media (min-width: 552px) {
    .legacy .component-layout--full-s {
      max-width: 1528px;
    }
    .legacy .component-layout--full-bleed-s {
      max-width: 100%;
    }
  }

@media (min-width: 760px) {
    .legacy .component-layout--wide-m {
      max-width: calc(min(100vw, 1528px) - 2rem);
    }
  }

@media (min-width: 992px) {
    .legacy .component-layout--wide-m {
      max-width: calc(min(100vw, 1528px) - 7rem);
    }
  }

@media (min-width: 760px) {
    .legacy .component-layout--full-m {
      max-width: 1528px;
    }
    .legacy .component-layout--full-bleed-m {
      max-width: 100%;
    }
  }

@media (min-width: 992px) {
    .legacy .component-layout--wide-l {
      max-width: calc(min(100vw, 1528px) - 7rem);
    }
    .legacy .component-layout--full-l {
      max-width: 1528px;
    }
    .legacy .component-layout--full-bleed-l {
      max-width: 100%;
    }
  }

@media (min-width: 1224px) {
    .legacy .component-layout--wide-xl {
      max-width: calc(min(100vw, 1528px) - 7rem);
    }
    .legacy .component-layout--full-xl {
      max-width: 1528px;
    }
    .legacy .component-layout--full-bleed-xl {
      max-width: 100%;
    }
  }

.legacy .cms-buy-again-product-teaser-list-container {
    min-height: 21.35rem;
  }

.legacy .cms-buy-again-product-teaser-list-container--blurred {
    filter: blur(2px);
    pointer-events: none;
  }

.legacy .cms-buy-again-product-teaser-list-container--blurred img {
    opacity: 0;
  }

.legacy .leaflet-snippet {
    min-height: 80vh;
    position: relative;
  }

.legacy .base-picture__img--contain,
  .legacy .base-picture__img--cover {
    height: 100%;
    -o-object-position: center;
    object-position: center;
    width: 100%;
  }

.legacy .base-picture__img--contain {
    -o-object-fit: contain;
    object-fit: contain;
  }

.legacy .base-picture__img--cover {
    -o-object-fit: cover;
    object-fit: cover;
  }

.legacy .base-picture__img--border-radius {
    border-radius: 0.5rem 0.5rem 0 0;
  }

.legacy .teaser-full-width-link:nth-child(2) {
    margin-top: 0.5rem;
  }

@media (min-width: 992px) {
    .legacy .teaser-full-width-link:nth-child(2) {
      margin-left: 1rem;
      margin-top: 0;
    }
  }

.legacy .teaser-full-width-link__image {
    width: 100%;
  }

.legacy .teaser-full-width {
    border-radius: 0.5rem;
    display: grid;
    grid: "teaser-full-width-image" "teaser-full-width-content"/1fr;
    margin: 2.5rem 0;
    overflow: hidden;
    width: 100%;
  }

@media (min-width: 760px) {
    .legacy .teaser-full-width {
      grid: "teaser-full-width-image teaser-full-width-content"/1fr 1fr;
      margin: 3rem 0;
    }
    .legacy .teaser-full-width--image-right {
      grid: "teaser-full-width-content teaser-full-width-image"/1fr 1fr;
    }
  }

@media (min-width: 992px) {
    .legacy .teaser-full-width {
      margin: 4rem 0;
    }
  }

.legacy .teaser-full-width__image {
    grid-area: teaser-full-width-image;
  }

.legacy .teaser-full-width__content {
    align-items: center;
    display: flex;
    flex-direction: column;
    grid-area: teaser-full-width-content;
    justify-content: center;
    padding: 2.5rem 1.5rem;
  }

@media (min-width: 760px) {
    .legacy .teaser-full-width__content {
      padding: 2rem;
    }
  }

.legacy .teaser-full-width__icon {
    height: 5rem;
    margin-bottom: 2rem;
    width: 5rem;
  }

@media (min-width: 992px) {
    .legacy .teaser-full-width__icon {
      margin-bottom: 3rem;
    }
  }

.legacy .teaser-full-width__title {
    color: #00005f;
    font-size: 1.75rem;
    font-weight: 700;
    letter-spacing: 0.01em;
    line-height: 2.5rem;
    overflow: hidden;
    padding: 0 1.5rem;
    text-align: center;
  }

@media (min-width: 992px) {
    .legacy .teaser-full-width__title {
      font-size: 2rem;
      line-height: 2.75rem;
    }
  }

.legacy .teaser-full-width__links-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: 2.5rem;
  }

@media (min-width: 992px) {
    .legacy .teaser-full-width__links-container {
      flex-direction: row;
      margin-top: 4rem;
    }
  }

.legacy .product-category-teaser-list--blurred {
    filter: blur(2px);
  }

.legacy .product-category-teaser-list--blurred picture {
    opacity: 0;
  }

.legacy .product-category-teaser-list--blurred .product-category-teaser-list-item {
    pointer-events: none;
  }

.legacy .product-category-teaser-list__header {
    align-content: center;
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    margin: 0 0.5rem 1rem;
  }

@media (min-width: 1224px) {
    .legacy .product-category-teaser-list__header {
      margin: 0 0 1.5rem;
    }
  }

.legacy .product-category-teaser-list__title {
    color: #00005f;
    font-size: 1.5rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    letter-spacing: 0.01em;
    line-height: 2.125rem;
    text-transform: uppercase;
  }

@media (min-width: 992px) {
    .legacy .product-category-teaser-list__title {
      font-size: 1.625rem;
      line-height: 2.25rem;
    }
  }

.legacy .product-category-teaser-list__content {
    overflow-x: auto;
  }

.legacy .product-category-teaser-list__content-inner {
    display: grid;
    gap: 0.5rem;
    grid-template-columns: repeat(3, 1fr);
    margin: 0 0 0 0.5rem;
    padding-right: 0.5rem;
  }

@media (min-width: 760px) {
    .legacy .product-category-teaser-list__content-inner {
      margin: 0 1rem;
      padding-right: 0;
    }
  }

@media (min-width: 992px) {
    .legacy .product-category-teaser-list__content-inner {
      grid-template-columns: repeat(6, 1fr);
      margin: 0;
    }
  }

@media (min-width: 1224px) {
    .legacy .product-category-teaser-list__content-inner {
      gap: 1rem;
    }
  }

@media (max-width: 759.9px) {
    .legacy .product-category-teaser-list__content-inner--2-column {
      grid-template-columns: repeat(2, 1fr);
    }
  }

.legacy .product-category-teaser-list__content-inner--3-column {
    min-width: 40rem;
  }

@media (max-width: 759.9px) {
    .legacy .product-category-teaser-list__content-inner--3-column {
      grid-template-columns: repeat(3, 1fr);
    }
  }

.legacy .overlay-box-teaser-new {
    padding-bottom: 74px;
    position: relative;
    width: 100%;
  }

@media (min-width: 360px) {
    .legacy .overlay-box-teaser-new {
      padding-bottom: 104px;
    }
  }

@media (min-width: 552px) {
    .legacy .overlay-box-teaser-new {
      padding-bottom: 74px;
    }
  }

@media (min-width: 760px) {
    .legacy .overlay-box-teaser-new {
      padding-bottom: 173px;
    }
  }

@media (min-width: 992px) {
    .legacy .overlay-box-teaser-new {
      padding-bottom: 188px;
    }
  }

.legacy .overlay-box-teaser-new__overlay {
    padding-left: 32px;
    padding-right: 32px;
    position: relative;
    z-index: 1;
  }

@media (min-width: 552px) {
    .legacy .overlay-box-teaser-new__overlay {
      display: flex;
      padding-left: 40px;
      padding-right: 40px;
    }
    .legacy .overlay-box-teaser-new__overlay--left {
      justify-content: flex-start;
    }
    .legacy .overlay-box-teaser-new__overlay--right {
      justify-content: flex-end;
    }
  }

@media (min-width: 992px) {
    .legacy .overlay-box-teaser-new__overlay {
      padding-left: 56px;
      padding-right: 56px;
    }
  }

.legacy .overlay-box-teaser-new__overlay-box {
    align-items: center;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 12rem;
    padding: 30px 24px;
    text-align: center;
  }

@media (min-width: 552px) {
    .legacy .overlay-box-teaser-new__overlay-box {
      max-width: 384px;
      padding: 40px 32px;
    }
  }

@media (min-width: 992px) {
    .legacy .overlay-box-teaser-new__overlay-box {
      border-radius: 20px;
      max-width: 544px;
      padding: 32px 40px;
    }
  }

.legacy .overlay-box-teaser-new__title {
    color: #00005f;
    font-size: 1.5rem;
    font-weight: 700;
    letter-spacing: 0.01em;
    line-height: 2rem;
  }

@media (min-width: 992px) {
    .legacy .overlay-box-teaser-new__title {
      color: #00005f;
      font-size: 2rem;
      font-weight: 700;
      letter-spacing: 0.01em;
      line-height: 2.75rem;
    }
  }

.legacy .overlay-box-teaser-new__description {
    color: #101316;
    font-size: 1rem;
    letter-spacing: 0.015em;
    line-height: 1.5rem;
    margin-top: 0.75rem;
  }

@media (min-width: 992px) {
    .legacy .overlay-box-teaser-new__description {
      font-size: 1.125rem;
      letter-spacing: 0.015em;
      line-height: 1.75rem;
      margin-top: 1rem;
    }
  }

.legacy .overlay-box-teaser-new__link {
    margin-top: 16px;
    max-width: 300px;
    width: 100%;
  }

@media (min-width: 552px) {
    .legacy .overlay-box-teaser-new__link {
      margin-top: 20px;
    }
  }

@media (min-width: 992px) {
    .legacy .overlay-box-teaser-new__link {
      margin-top: 24px;
    }
  }

.legacy .overlay-box-teaser-new__link-title {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

.legacy .overlay-box-teaser-new__image {
    border-radius: 24px;
    bottom: 0;
    height: 216px;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
  }

@media (min-width: 360px) {
    .legacy .overlay-box-teaser-new__image {
      height: 246px;
    }
  }

@media (min-width: 552px) {
    .legacy .overlay-box-teaser-new__image {
      border-radius: 28px;
      height: 222px;
    }
  }

@media (min-width: 760px) {
    .legacy .overlay-box-teaser-new__image {
      height: 312px;
    }
  }

@media (min-width: 992px) {
    .legacy .overlay-box-teaser-new__image {
      height: 332px;
    }
  }

.legacy .overlay-box-teaser-old {
    background-color: transparent;
    border-radius: 1rem;
    display: flex;
    flex-direction: column;
    height: 33rem;
    position: relative;
    width: 100%;
  }

@media (min-width: 760px) {
    .legacy .overlay-box-teaser-old {
      height: 32rem;
    }
  }

@media (min-width: 992px) {
    .legacy .overlay-box-teaser-old {
      height: 35rem;
    }
  }

.legacy .overlay-box-teaser-old__overlay {
    left: 0;
    margin-left: auto;
    margin-right: auto;
    max-width: 38rem;
    padding: 0 1.5rem;
    position: absolute;
    right: 0;
  }

@media (min-width: 760px) {
    .legacy .overlay-box-teaser-old__overlay {
      min-width: 34rem;
      padding: 0;
    }
    .legacy .overlay-box-teaser-old__overlay--left {
      left: 3.5rem;
      right: unset;
    }
    .legacy .overlay-box-teaser-old__overlay--right {
      left: unset;
      right: 3.5rem;
    }
  }

.legacy .overlay-box-teaser-old__overlay-box {
    align-items: center;
    border-color: #101316;
    border-radius: 0.5rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 12rem;
    padding: 1.5rem;
    text-align: center;
  }

@media (min-width: 552px) {
    .legacy .overlay-box-teaser-old__overlay-box {
      padding: 3rem 2.5rem;
    }
  }

@media (min-width: 760px) {
    .legacy .overlay-box-teaser-old__overlay-box {
      min-height: 5rem;
      padding: 3rem;
    }
  }

.legacy .overlay-box-teaser-old__pretitle {
    color: #00005f;
    font-size: 1.5rem;
    font-weight: 700;
    letter-spacing: 0.01em;
    line-height: 2.125rem;
  }

@media (min-width: 992px) {
    .legacy .overlay-box-teaser-old__pretitle {
      font-size: 1.625rem;
      line-height: 2.25rem;
    }
  }

.legacy .overlay-box-teaser-old__separator {
    border-bottom: 2px solid;
    margin-bottom: 2rem;
    padding-top: 1rem;
    width: 6rem;
  }

.legacy .overlay-box-teaser-old__title {
    color: #00005f;
    font-size: 2.125rem;
    font-weight: 700;
    letter-spacing: 0.01em;
    line-height: 2.75rem;
  }

@media (min-width: 992px) {
    .legacy .overlay-box-teaser-old__title {
      font-size: 2.5rem;
      line-height: 3.25rem;
    }
  }

.legacy .overlay-box-teaser-old__description {
    color: #00005f;
    font-size: 1.5rem;
    font-weight: 700;
    letter-spacing: 0.01em;
    line-height: 2.125rem;
    margin-top: 1rem;
  }

@media (min-width: 992px) {
    .legacy .overlay-box-teaser-old__description {
      font-size: 1.625rem;
      line-height: 2.25rem;
    }
  }

.legacy .overlay-box-teaser-old__buttons {
    margin-top: 2rem;
  }

@media (min-width: 760px) {
    .legacy .overlay-box-teaser-old__buttons {
      margin-top: 2.5rem;
    }
    .legacy .overlay-box-teaser-old__link:not(.overlay-box-teaser-old__link--single) {
      width: 50%;
    }
  }

.legacy .overlay-box-teaser-old__link-title {
    display: block;
    overflow: hidden;
    white-space: nowrap;
  }

.legacy .overlay-box-teaser-old__image {
    height: calc(100% - 5rem);
    margin-top: 5rem;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    width: 100%;
  }

@media (min-width: 760px) {
    .legacy .overlay-box-teaser-old__image {
      height: calc(100% - 4rem);
      margin-top: 4rem;
      -o-object-position: 50% 100%;
      object-position: 50% 100%;
    }
  }

@media (min-width: 992px) {
    .legacy .overlay-box-teaser-old__image {
      height: calc(100% - 5rem);
      margin-top: 5rem;
    }
  }

.legacy .media-box {
    align-content: center;
    align-items: center;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
  }

.legacy .media-box__image {
    background-color: #d6d8da;
    border-radius: 0.5rem;
    margin: 3rem 0 2.5rem;
    max-width: 69rem;
    overflow: hidden;
    width: 100%;
  }

.legacy .media-box__button-list {
    margin: 0 0 1.5rem;
  }

.legacy .component-grid__headline {
    margin-bottom: 1rem;
  }

@media (min-width: 760px) {
    .legacy .component-grid__headline {
      margin-bottom: 1.5rem;
    }
  }

.legacy .component-grid__content {
    display: grid;
    gap: 1rem;
  }

@media (min-width: 760px) {
    .legacy .component-grid__content--2,
    .legacy .component-grid__content--3,
    .legacy .component-grid__content--4 {
      grid-template-columns: 1fr 1fr;
    }
  }

@media (min-width: 992px) {
    .legacy .component-grid__content--3 {
      grid-template-columns: 1fr 1fr 1fr;
    }
  }

@media (min-width: 1224px) {
    .legacy .component-grid__content--4 {
      grid-template-columns: 1fr 1fr 1fr 1fr;
    }
  }

.legacy .cms-product-category-teaser-list-container {
    min-height: 21.3125rem;
  }

.legacy .cms-product-category-teaser-list-container--blurred {
    filter: blur(2px);
    pointer-events: none;
  }

.legacy .cms-product-category-teaser-list-container--blurred img {
    opacity: 0;
  }

.legacy .cms-product-category-teaser-list-container--blurred
    .product-teaser-item
    .product-tile__price {
    filter: blur(5px);
  }

.legacy .brand-teaser-list-item {
    height: 100%;
    width: 10rem;
  }

@media (min-width: 992px) {
    .legacy .brand-teaser-list-item {
      width: 13rem;
    }
  }

.legacy .brand-teaser-list-item__link {
    color: #101316;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    height: inherit;
    justify-content: space-between;
  }

.legacy .brand-teaser-list-item__link:focus-visible {
    outline: 0.1875rem solid #0d3a93;
    outline-offset: -0.1875rem;
  }

.legacy .brand-teaser-list-item__image-container {
    background-color: #fff;
    border-radius: 0.5rem;
    height: 10rem;
    margin-bottom: 1.5rem;
    overflow: hidden;
  }

@media (min-width: 992px) {
    .legacy .brand-teaser-list-item__image-container {
      height: 13rem;
    }
  }

.legacy .brand-teaser-list-item__brand-name {
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: 0.015em;
    line-height: 1.625rem;
    margin-bottom: 1rem;
  }

@media (min-width: 992px) {
    .legacy .brand-teaser-list-item__brand-name {
      font-size: 1.125rem;
      line-height: 1.75rem;
    }
  }

.legacy .brand-teaser-list-item__teaser-text {
    margin-bottom: 1.5rem;
  }

.legacy .brand-teaser-list-item__icon {
    height: 24px;
    width: 24px;
  }

.legacy .brand-teaser-list {
    overflow: hidden;
    position: relative;
    width: 100%;
  }

.legacy .brand-teaser-list__inner {
    margin: 0 auto;
    max-width: 1528px;
    padding-bottom: 1.5rem;
  }

@media (min-width: 760px) {
    .legacy .brand-teaser-list__inner {
      padding-bottom: 2rem;
    }
  }

.legacy .brand-teaser-list__title {
    color: #00005f;
    font-size: 1.75rem;
    font-weight: 700;
    letter-spacing: 0.01em;
    line-height: 2.5rem;
    margin: 0 1rem 1.5rem;
  }

@media (min-width: 992px) {
    .legacy .brand-teaser-list__title {
      font-size: 2rem;
      line-height: 2.75rem;
      margin: 0 3.5rem 1.5rem;
    }
  }

.legacy .brand-teaser-list__teaser-list {
    position: relative;
    z-index: 1;
  }

.legacy .brand-teaser-list__background {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 10rem;
  }

@media (min-width: 992px) {
    .legacy .brand-teaser-list__background {
      top: 13.5rem;
    }
  }

.legacy .action-text {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
  }

.legacy .action-text__left {
    justify-content: center;
  }

.legacy .action-text__left,
  .legacy .action-text__left > * {
    align-content: flex-start;
    align-items: flex-start;
  }

.legacy .action-text__left > * {
    text-align: left;
  }

.legacy .action-text__center,
  .legacy .action-text__center > * {
    align-content: center;
    align-items: center;
  }

.legacy .action-text__center > * {
    text-align: center;
  }

.legacy .action-text__content {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    margin-bottom: 2rem;
  }

@media (min-width: 760px) {
    .legacy .accordion-list {
      max-width: 62rem;
    }
  }

.legacy .cms-multilayout-teaser {
    border-radius: 0.5rem;
    overflow: hidden;
  }

.legacy .cms-multilayout-teaser,
  .legacy .cms-multilayout-teaser__content {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }

.legacy .cms-multilayout-teaser__content {
    gap: 16px;
    height: 100%;
    padding: 26px 16px;
    width: 100%;
  }

@media (min-width: 760px) {
    .legacy .cms-multilayout-teaser__content {
      gap: 24px;
      padding: 32px;
    }
  }

@media (min-width: 992px) {
    .legacy .cms-multilayout-teaser__content {
      gap: 32px;
      padding: 40px;
    }
  }

.legacy .cms-multilayout-teaser__headline {
    display: flex;
    flex-direction: column;
    gap: 8px;
    overflow-wrap: break-word;
    width: 100%;
  }

.legacy .cms-multilayout-teaser__title {
    color: #00005f;
    font-size: 1.75rem;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: 0.01em;
    letter-spacing: 0.24px;
    line-height: 2.5rem;
    line-height: 32px;
    text-align: center;
  }

@media (min-width: 992px) {
    .legacy .cms-multilayout-teaser__title {
      font-size: 2rem;
      line-height: 2.75rem;
    }
  }

@media (min-width: 760px) {
    .legacy .cms-multilayout-teaser__title {
      font-size: 28px;
      letter-spacing: 0.28px;
      line-height: 36px;
    }
  }

@media (min-width: 992px) {
    .legacy .cms-multilayout-teaser__title {
      font-size: 32px;
      letter-spacing: 0.32px;
      line-height: 44px;
    }
  }

.legacy .cms-multilayout-teaser__description {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.24px;
    line-height: 24px;
    text-align: center;
  }

@media (min-width: 992px) {
    .legacy .cms-multilayout-teaser__description {
      font-size: 18px;
      letter-spacing: 0.27px;
      line-height: 28px;
    }
  }

.legacy .superbanner-teaser-inner-new {
    border-radius: 24px;
    display: grid;
    grid-template-columns: auto calc(30% + 6.75rem);
    grid-template-rows: 1fr auto;
    height: 13.5rem;
    overflow: hidden;
    position: relative;
    width: 100%;
  }

@media (min-width: 360px) {
    .legacy .superbanner-teaser-inner-new {
      grid-template-columns: auto calc(30% + 7.65625rem);
      height: 15.3125rem;
    }
  }

@media (min-width: 552px) {
    .legacy .superbanner-teaser-inner-new {
      grid-template-columns: auto calc(40% + 6.46875rem);
      height: 12.9375rem;
    }
  }

@media (min-width: 760px) {
    .legacy .superbanner-teaser-inner-new {
      grid-template-columns: auto calc(50% + 5.4375rem);
      height: 10.875rem;
    }
  }

@media (min-width: 992px) {
    .legacy .superbanner-teaser-inner-new {
      grid-template-columns: auto min(40rem, 50%) 100px;
      grid-template-rows: 1fr;
      height: 10rem;
    }
  }

@media (min-width: 1224px) {
    .legacy .superbanner-teaser-inner-new {
      grid-template-columns: auto min(40rem, 50%) 100px;
      grid-template-rows: 1fr;
      height: 10rem;
    }
  }

.legacy .superbanner-teaser-inner-new__wave-icon {
    bottom: 0;
    height: 100%;
    position: absolute;
    top: 0;
    width: auto;
  }

.legacy .superbanner-teaser-inner-new__wave-icon-left {
    left: -0.0625rem;
  }

.legacy .superbanner-teaser-inner-new__wave-icon-right {
    display: none;
    right: -0.0625rem;
  }

@media (min-width: 992px) {
    .legacy .superbanner-teaser-inner-new__wave-icon-right {
      display: block;
    }
  }

.legacy .superbanner-teaser-inner-new__text-container {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    grid-column: 1 / span 2;
    grid-row: 1;
    padding-left: 12px;
    padding-top: 12px;
    z-index: 1;
  }

@media (min-width: 360px) {
    .legacy .superbanner-teaser-inner-new__text-container {
      padding-left: 16px;
      padding-top: 16px;
    }
  }

@media (min-width: 992px) {
    .legacy .superbanner-teaser-inner-new__text-container {
      grid-column: 1;
      justify-content: center;
      padding: 16px 0 16px 32px;
    }
  }

.legacy .superbanner-teaser-inner-new__link-container {
    display: flex;
    grid-column: 1;
    grid-row: 2;
    padding-bottom: 12px;
    padding-left: 12px;
  }

@media (min-width: 992px) {
    .legacy .superbanner-teaser-inner-new__link-container {
      align-items: center;
      grid-column: 3;
      grid-row: 1;
      justify-content: center;
      padding-bottom: 0;
      padding-left: 0;
      padding-right: 2.5rem;
    }
  }

@media (min-width: 1224px) {
    .legacy .superbanner-teaser-inner-new__link-container {
      padding-right: 2.5rem;
    }
  }

.legacy .superbanner-teaser-inner-new__image-container {
    grid-column: 2;
    grid-row: 1 / span 2;
    position: relative;
  }

@media (min-width: 992px) {
    .legacy .superbanner-teaser-inner-new__image-container {
      grid-row: 1;
    }
  }

.legacy .superbanner-teaser-inner-new__title {
    color: #00005f;
    display: -webkit-box;
    font-size: 1.25rem;
    font-weight: 700;
    letter-spacing: 0.01em;
    line-height: 1.875rem;
    overflow: hidden;
    -webkit-box-orient: vertical;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    color: inherit !important;
    max-width: calc(70% - 2.7rem);
  }

@media (min-width: 360px) {
    .legacy .superbanner-teaser-inner-new__title {
      color: #00005f;
      font-size: 1.5rem;
      font-weight: 700;
      letter-spacing: 0.01em;
      line-height: 2rem;
      max-width: calc(70% - 3.0625rem);
    }
  }

@media (min-width: 552px) {
    .legacy .superbanner-teaser-inner-new__title {
      max-width: calc(60% - 2.5875rem);
    }
  }

@media (min-width: 760px) {
    .legacy .superbanner-teaser-inner-new__title {
      max-width: calc(50% - 2.175rem);
    }
  }

@media (min-width: 992px) {
    .legacy .superbanner-teaser-inner-new__title {
      color: #00005f;
      font-size: 2rem;
      font-weight: 700;
      letter-spacing: 0.01em;
      line-height: 2.75rem;
      max-width: unset;
      line-clamp: 1;
      -webkit-line-clamp: 1;
    }
  }

.legacy .superbanner-teaser-inner-new__text {
    display: -webkit-box;
    font-size: 0.6875rem;
    letter-spacing: 0.022em;
    line-height: 1rem;
    overflow: hidden;
    padding-right: 20px;
    -webkit-box-orient: vertical;
    line-clamp: 4;
    -webkit-line-clamp: 4;
    color: inherit;
    max-width: calc(70% - 4.725rem);
  }

@media (min-width: 360px) {
    .legacy .superbanner-teaser-inner-new__text {
      font-size: 0.875rem;
      letter-spacing: 0.015em;
      line-height: 1.375rem;
      max-width: calc(70% - 5.35938rem);
    }
  }

@media (min-width: 552px) {
    .legacy .superbanner-teaser-inner-new__text {
      max-width: calc(60% - 4.52813rem);
    }
  }

@media (min-width: 760px) {
    .legacy .superbanner-teaser-inner-new__text {
      max-width: calc(50% - 3.80625rem);
    }
  }

@media (min-width: 992px) {
    .legacy .superbanner-teaser-inner-new__text {
      font-size: 1rem;
      letter-spacing: 0.015em;
      line-height: 1.5rem;
      max-width: unset;
      line-clamp: 2;
      -webkit-line-clamp: 2;
    }
  }

.legacy .superbanner-teaser-inner {
    border-radius: 0.5rem;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr 2fr;
    overflow: hidden;
  }

@media (min-width: 760px) {
    .legacy .superbanner-teaser-inner {
      grid-template-columns: 2fr 3fr;
      grid-template-rows: 1fr;
    }
  }

@media (min-width: 992px) {
    .legacy .superbanner-teaser-inner {
      grid-template-columns: 2fr 3fr 1fr;
    }
  }

.legacy .superbanner-teaser-inner__wave-icon {
    bottom: 0;
    height: 100%;
    position: absolute;
    top: 0;
    width: auto;
  }

.legacy .superbanner-teaser-inner__wave-icon-left {
    display: none;
    left: -0.1875rem;
  }

@media (min-width: 760px) {
    .legacy .superbanner-teaser-inner__wave-icon-left {
      display: block;
    }
  }

.legacy .superbanner-teaser-inner__wave-icon-right {
    display: none;
    right: -0.1875rem;
  }

@media (min-width: 992px) {
    .legacy .superbanner-teaser-inner__wave-icon-right {
      display: block;
    }
  }

.legacy .superbanner-teaser-inner__wave-icon-top {
    display: block;
    height: auto;
    left: 0;
    position: absolute;
    right: 0;
    top: -0.5rem;
    width: 100%;
  }

@media (min-width: 760px) {
    .legacy .superbanner-teaser-inner__wave-icon-top {
      display: none;
    }
  }

.legacy .superbanner-teaser-inner__link-container,
  .legacy .superbanner-teaser-inner__text-container {
    display: flex;
    flex-direction: column;
  }

.legacy .superbanner-teaser-inner__text-container {
    justify-content: flex-start;
    padding: 2rem 1.5rem;
  }

@media (min-width: 992px) {
    .legacy .superbanner-teaser-inner__text-container {
      justify-content: center;
      padding: 2rem;
    }
  }

.legacy .superbanner-teaser-inner__text-container h2,
  .legacy .superbanner-teaser-inner__text-container p {
    color: inherit;
  }

.legacy .superbanner-teaser-inner__link-container {
    grid-column: 1/2;
    grid-row: 2/3;
    justify-content: flex-start;
    padding: 0 1.5rem 2rem;
    position: relative;
  }

@media (min-width: 992px) {
    .legacy .superbanner-teaser-inner__link-container {
      grid-column: 3/4;
      grid-row: 1/2;
      justify-content: center;
      padding: 2rem;
    }
  }

.legacy .superbanner-teaser-inner__image-container {
    grid-column: 1/2;
    grid-row: 2/3;
    position: relative;
  }

@media (min-width: 760px) {
    .legacy .superbanner-teaser-inner__image-container {
      grid-column: 2/3;
      grid-row: 1/3;
    }
  }

@media (min-width: 992px) {
    .legacy .superbanner-teaser-inner__image-container {
      grid-row: 1/2;
    }
  }

.legacy .superbanner-teaser-inner__title {
    color: #00005f;
    font-size: 1.75rem;
    font-weight: 700;
    letter-spacing: 0.01em;
    line-height: 2.5rem;
    padding-bottom: 0.5rem;
  }

@media (min-width: 992px) {
    .legacy .superbanner-teaser-inner__title {
      font-size: 2rem;
      line-height: 2.75rem;
    }
  }

.legacy .superbanner-teaser-inner__link {
    align-items: center;
    display: flex;
    flex-direction: row;
  }

.legacy .superbanner-teaser-inner__link-indicator {
    margin-right: 0.5rem;
  }

.legacy .superbanner-teaser__link {
    border-radius: 0.5rem;
    display: block;
    width: 100%;
  }

.legacy .superbanner-teaser__link:focus-visible {
    outline: 0.1875rem solid #0d3a93;
    outline-offset: 0.125rem;
  }

.legacy .product-category-teaser-list-item {
    align-items: center;
    background: #fff;
    border: 2px solid #fff;
    border-radius: 0.5rem;
    display: flex;
    height: 4rem;
    padding: 0.375rem;
    text-decoration: none;
    transition:
      border,
      color 0.3s ease;
  }

.legacy .product-category-teaser-list-item:focus-visible {
    outline: 0.1875rem solid #0d3a93;
    outline-offset: -0.1875rem;
  }

@media (min-width: 992px) {
    .legacy .product-category-teaser-list-item {
      flex-direction: column;
      height: auto;
      min-height: 8.5rem;
    }
  }

.legacy .product-category-teaser-list-item__image {
    flex-shrink: 0;
    height: 3rem;
    margin: 0 1rem 0 0;
    width: 3rem;
  }

@media (min-width: 992px) {
    .legacy .product-category-teaser-list-item__image {
      height: 4rem;
      margin: 0 0 1rem;
      width: 4rem;
    }
  }

.legacy .product-category-teaser-list-item__category-name {
    display: -webkit-box;
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: 0.015em;
    line-height: 1.625rem;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #101316;
    transition: all 0.3s ease;
  }

@media (min-width: 992px) {
    .legacy .product-category-teaser-list-item__category-name {
      font-size: 1.125rem;
      line-height: 1.75rem;
      text-align: center;
    }
  }

@media (hover: hover) {
    .legacy .product-category-teaser-list-item:hover {
      border: 2px solid #0d3a93;
      transition: all 0.3s ease;
    }
    .legacy .product-category-teaser-list-item:hover
      .product-category-teaser-list-item__category-name {
      color: #0d3a93;
      transition: all 0.3s ease;
    }
    .legacy .product-category-teaser-list-item:active {
      background-color: #fff;
      border: 2px solid #9eb0d4;
      transition: all 0.3s ease;
    }
    .legacy .product-category-teaser-list-item:active
      .product-category-teaser-list-item__category-name {
      color: #101316;
    }
  }

.legacy .hero-item-new__image {
    border-radius: 32px;
    display: block;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    overflow: hidden;
    width: 100%;
  }

.legacy .hero-item-new__content {
    color: #101316;
    display: flex;
    flex-direction: column;
    margin-top: 1.5rem;
  }

@media (min-width: 552px) {
    .legacy .hero-item-new__content {
      margin-left: auto;
      margin-right: auto;
      max-width: 400px;
    }
  }

@media (min-width: 760px) {
    .legacy .hero-item-new__content {
      align-items: center;
      justify-content: center;
      margin-top: 2rem;
      max-width: 838px;
      text-align: center;
    }
  }

.legacy .hero-item-new__title {
    color: #00005f;
    font-size: 1.75rem;
    font-weight: 700;
    letter-spacing: 0.01em;
    line-height: 2.25rem;
  }

@media (min-width: 760px) {
    .legacy .hero-item-new__title {
      color: #00005f;
      font-size: 2.125rem;
      font-weight: 700;
      letter-spacing: 0.01em;
      line-height: 2.75rem;
    }
  }

@media (min-width: 992px) {
    .legacy .hero-item-new__title {
      color: #00005f;
      font-size: 2.5rem;
      font-weight: 700;
      letter-spacing: 0.01em;
      line-height: 3.25rem;
    }
  }

.legacy .hero-item-new__description {
    font-size: 1rem;
    letter-spacing: 0.015em;
    line-height: 1.5rem;
    margin-top: 0.75rem;
  }

@media (min-width: 992px) {
    .legacy .hero-item-new__description {
      font-size: 1.125rem;
      letter-spacing: 0.015em;
      line-height: 1.75rem;
      margin-top: 1rem;
    }
  }

.legacy .hero-item-new__button {
    margin-top: 1.5rem;
  }

@media (min-width: 760px) {
    .legacy .hero-item-new__button {
      max-width: 300px;
      width: 100%;
    }
  }

.legacy .hero-item,
  .legacy .hero-item__image {
    border-radius: 0.5rem;
  }

.legacy .hero-item__image {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    width: 100%;
  }

.legacy .hero-item__content {
    align-items: center;
    color: #101316;
    display: flex;
    flex-direction: column;
    font-style: normal;
    font-weight: 400;
    justify-content: center;
    margin: 33px 1.5rem 40px;
  }

@media (min-width: 992px) {
    .legacy .hero-item__content {
      margin: 3.5rem auto 40px;
      max-width: 838px;
      text-align: center;
    }
  }

.legacy .hero-item__title {
    color: #00005f;
    font-family:
      ALDI SUED VF,
      -apple-system,
      -apple-system-body,
      BlinkMacSystemFont,
      Segoe UI,
      Roboto,
      Helvetica Neue,
      Arial,
      sans-serif;
    font-size: 2.625rem;
    font-weight: 700;
    letter-spacing: 0.01em;
    line-height: 3.25rem;
    margin-bottom: 18px;
  }

@media (min-width: 760px) {
    .legacy .hero-item__title {
      font-size: 3.375rem;
      letter-spacing: 0.005em;
      line-height: 4rem;
    }
  }

@media (min-width: 992px) {
    .legacy .hero-item__title {
      font-size: 4.5rem;
      letter-spacing: 0.005em;
      line-height: 5.5rem;
      margin-bottom: 1.5rem;
    }
  }

.legacy .hero-item__description {
    color: #00005f;
    font-size: 1.25rem;
    font-weight: 700;
    letter-spacing: 0.015em;
    line-height: 2rem;
    margin-bottom: 26px;
  }

@media (min-width: 992px) {
    .legacy .hero-item__description {
      font-size: 1.375rem;
      line-height: 2.25rem;
      margin-bottom: 40px;
    }
  }

.legacy .editorial-image--curved {
    border-radius: 8px;
    overflow: hidden;
  }

.legacy .editorial-image--link {
    overflow: initial;
  }

.legacy .editorial-image--link a {
    display: block;
    overflow: hidden;
    text-decoration: none;
  }

.legacy .editorial-image--link.editorial-image--curved a {
    border-radius: 8px;
  }

.legacy .product-teaser-list-skeleton {
    filter: blur(4px);
  }

.legacy .product-teaser-list-skeleton__header {
    background-color: #0000000d;
    border-radius: 9999px;
    color: #00005f;
    font-size: 1.5rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    letter-spacing: 0.01em;
    line-height: 2.125rem;
    margin: 0 1rem 1.5rem;
    max-width: 50vw;
    text-transform: uppercase;
    width: 25rem;
  }

@media (min-width: 992px) {
    .legacy .product-teaser-list-skeleton__header {
      font-size: 1.625rem;
      line-height: 2.25rem;
      margin: 0 3.5rem 1.5rem;
    }
  }

.legacy .product-teaser-list-skeleton__header:before {
    content: " ";
  }

.legacy .product-teaser-list-skeleton__body {
    display: flex;
    gap: 8px;
    overflow: hidden;
    padding: 0 1rem;
  }

@media (min-width: 760px) {
    .legacy .product-teaser-list-skeleton__body {
      gap: 16px;
    }
  }

@media (min-width: 992px) {
    .legacy .product-teaser-list-skeleton__body {
      padding: 0 3.5rem;
    }
  }

.legacy .product-tile-skeleton {
    align-items: center;
    background-color: #fff;
    border-radius: 0.5rem;
    display: flex;
    flex: none;
    flex-direction: column;
    height: 19.1875rem;
    padding: 1rem;
    width: 42vw;
  }

@media (min-width: 552px) {
    .legacy .product-tile-skeleton {
      width: 28vw;
    }
  }

@media (min-width: 760px) {
    .legacy .product-tile-skeleton {
      width: 20vw;
    }
  }

@media (min-width: 992px) {
    .legacy .product-tile-skeleton {
      height: 22.5rem;
      width: 13rem;
    }
  }

.legacy .product-tile-skeleton__picture {
    background-color: #0000000d;
    border-radius: 0.75rem;
    height: 7.25rem;
    margin-bottom: 0.75rem;
    width: 7.25rem;
  }

@media (min-width: 992px) {
    .legacy .product-tile-skeleton__picture {
      height: 9.5625rem;
      width: 9.5625rem;
    }
  }

.legacy .product-tile-skeleton__title {
    align-self: stretch;
    background-color: #0000000d;
    border-radius: 9999px;
    height: 1rem;
    margin-bottom: 0.5rem;
    margin-top: 0.25rem;
  }

.legacy .product-tile-skeleton__title-2 {
    align-self: flex-start;
    width: 50%;
  }

.legacy .product-tile-skeleton__spacer {
    flex: 1 1 0%;
  }

.legacy .product-tile-skeleton__add-to-cart {
    align-self: center;
    background-color: #0000000d;
    border-radius: 9999px;
    font-size: 1rem;
    line-height: 1.5rem;
    width: 75%;
  }

.legacy .product-tile-skeleton__add-to-cart:before {
    content: " ";
  }

.legacy .country-us .product-tile-skeleton {
    border-radius: 26px;
    height: 17.8125rem;
    padding: 1rem 14px 14px;
  }

@media (min-width: 760px) {
    .legacy .country-us .product-tile-skeleton {
      height: 20.1875rem;
    }
  }

@media (min-width: 992px) {
    .legacy .country-us .product-tile-skeleton {
      height: 21.1875rem;
    }
  }

.legacy .country-us .product-tile-skeleton__picture {
    height: 5.25rem;
    width: 5.25rem;
  }

@media (min-width: 992px) {
    .legacy .country-us .product-tile-skeleton__picture {
      height: 7rem;
      width: 7rem;
    }
  }

.legacy .country-us .product-tile-skeleton__title {
    margin-top: 1.25rem;
  }

.legacy .country-us .product-tile-skeleton__title-2 {
    margin-top: 0;
  }

.legacy .product-rec-teaser-list--blurred {
    filter: blur(2px);
    pointer-events: none;
  }

.legacy .product-rec-teaser-list--blurred img {
    opacity: 0;
  }

.legacy .cms-product-ids-teaser-list-container {
    min-height: 21.3125rem;
  }

.legacy .cms-product-ids-teaser-list-container--blurred {
    filter: blur(2px);
    pointer-events: none;
  }

.legacy .cms-product-ids-teaser-list-container--blurred img {
    opacity: 0;
  }

.legacy .notification-banner-icon {
    height: 2rem;
    margin-right: 0.625rem;
    width: 2rem;
  }

@media (min-width: 552px) {
    .legacy .notification-banner-icon {
      height: 2.5rem;
      margin-right: 0.75rem;
      width: 2.5rem;
    }
  }

@media (min-width: 760px) {
    .legacy .notification-banner-icon {
      height: 3rem;
      margin-right: 1.25rem;
      width: 3rem;
    }
  }

@media (min-width: 992px) {
    .legacy .notification-banner-icon {
      margin-right: 1.5rem;
    }
  }

.legacy .bullet-list-icon-label__item {
    align-items: flex-start;
    display: flex;
  }

.legacy .bullet-list-icon-label__item:not(:first-of-type) {
    margin-top: 1.5rem;
  }

.legacy .bullet-list-icon-label__icon {
    flex-shrink: 0;
    height: 1.5rem;
    width: 1.5rem;
  }

.legacy .bullet-list-icon-label__richtext {
    color: #101316;
    font-size: 1rem;
    letter-spacing: 0.015em;
    line-height: 1.625rem;
    margin-left: 1rem;
  }

@media (min-width: 992px) {
    .legacy .bullet-list-icon-label__richtext {
      font-size: 1.125rem;
      line-height: 1.75rem;
    }
  }

.legacy .bullet-list-icon-label__richtext b {
    color: #101316;
    font-weight: 400;
  }

.legacy .bullet-list-icon-label {
    padding: 0 1rem;
  }

.legacy .bullet-list-icon-label__title {
    font-size: 1rem;
    font-size: 1.125rem;
    font-weight: 700;
    letter-spacing: 0.015em;
    line-height: 1.625rem;
    margin-bottom: 1.5rem;
  }

@media (min-width: 992px) {
    .legacy .bullet-list-icon-label__title {
      font-size: 1.125rem;
      line-height: 1.75rem;
    }
  }

@media (min-width: 760px) {
    .legacy .bullet-list-icon-label__title {
      font-size: 1.5rem;
      font-size: 1.625rem;
    }
  }

.legacy .brand-page-hero-teaser {
    display: flex;
    flex-direction: column;
  }

.legacy .brand-page-hero-teaser__image-container {
    border-radius: 0.5rem;
    overflow: hidden;
  }

.legacy .brand-page-hero-teaser__content-container {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-column-gap: 0.5rem;
  }

@media (min-width: 992px) {
    .legacy .brand-page-hero-teaser__content-container {
      grid-template-columns: repeat(12, 1fr);
      grid-column-gap: 1rem;
    }
  }

.legacy .brand-page-hero-teaser__logo-container {
    display: flex;
    flex-direction: row;
    grid-column: 1/3;
    justify-content: center;
    margin-left: 1rem;
    position: relative;
  }

@media (min-width: 760px) {
    .legacy .brand-page-hero-teaser__logo-container {
      margin-left: 0;
    }
  }

@media (min-width: 992px) {
    .legacy .brand-page-hero-teaser__logo-container {
      grid-column: 1/4;
    }
  }

.legacy .brand-page-hero-teaser__logo {
    border-radius: 0.5rem;
    height: 6rem;
    -o-object-fit: cover;
    object-fit: cover;
    overflow: hidden;
    position: absolute;
    top: -5rem;
    width: 6rem;
  }

@media (min-width: 760px) {
    .legacy .brand-page-hero-teaser__logo {
      height: 10rem;
      width: 10rem;
    }
  }

@media (min-width: 992px) {
    .legacy .brand-page-hero-teaser__logo {
      height: 13rem;
      top: -6.5rem;
      width: 13rem;
    }
  }

.legacy .brand-page-hero-teaser__text-container {
    grid-column: 1/7;
    padding: 2rem 0 1rem;
  }

@media (min-width: 760px) {
    .legacy .brand-page-hero-teaser__text-container {
      grid-column: 3/7;
    }
  }

@media (min-width: 992px) {
    .legacy .brand-page-hero-teaser__text-container {
      grid-column: 4/12;
      padding: 3rem 0 1rem;
    }
  }

.legacy .expand-enter-active,
  .legacy .expand-leave-active {
    overflow: hidden;
    transition: height 0.3s ease-in-out;
  }

.legacy .expand-enter-from,
  .legacy .expand-leave-to {
    height: 0;
  }

.legacy .accordion-item {
    border-bottom: 0.0625rem solid #d6d8da;
  }

.legacy .accordion-item__title {
    align-items: center;
    cursor: pointer;
    display: flex;
    font-size: 1rem;
    justify-content: space-between;
    letter-spacing: 0.015em;
    line-height: 1.625rem;
    padding: 0.75rem 0.25rem;
    width: 100%;
  }

@media (min-width: 992px) {
    .legacy .accordion-item__title {
      font-size: 1.125rem;
      line-height: 1.75rem;
    }
  }

.legacy .accordion-item__title:focus-visible {
    outline: 0.1875rem solid #0d3a93;
    outline-offset: 0;
  }

.legacy .accordion-item__chevron {
    min-width: -moz-fit-content;
    min-width: fit-content;
    transform: rotate(0);
    transition: transform 0.1s ease-out;
  }

.legacy .accordion-item--expanded .accordion-item__chevron {
    transform: rotate(-180deg);
    transition: transform 0.1s ease-out;
  }

.legacy .accordion-item__info {
    height: 1.25rem;
    left: 1rem;
    position: absolute;
    width: 1.25rem;
  }

.legacy .accordion-item__content {
    line-height: 1.5rem;
    padding: 0.25rem 0.25rem 2rem;
    text-transform: none;
  }

.legacy .accordion-item .accordion-item__title {
    font-size: 1rem;
    justify-content: space-between;
    letter-spacing: 0.015em;
    line-height: 1.625rem;
  }

@media (min-width: 992px) {
    .legacy .accordion-item .accordion-item__title {
      font-size: 1.125rem;
      line-height: 1.75rem;
    }
  }

.legacy .accordion-item.accordion-item--expanded .accordion-item__title {
    color: #0d3a93;
  }

.legacy .cms-download-link {
    align-items: center;
    color: #0d3a93;
    display: flex;
    gap: 16px;
    height: 40px;
    padding: 8px 4px;
  }

.legacy .cms-download-link:focus-visible {
    outline: 0.1875rem solid #0d3a93;
    outline-offset: 0.125rem;
  }

.legacy .cms-download-link__icon {
    flex-grow: 0;
    height: 24px;
    width: 24px;
  }

.legacy .cms-download-link__title {
    flex-grow: 1;
    font-size: 1rem;
    letter-spacing: 0.015em;
    line-height: 1.625rem;
  }

@media (min-width: 992px) {
    .legacy .cms-download-link__title {
      font-size: 1.125rem;
      line-height: 1.75rem;
    }
  }

.legacy .cms-download-link__download-icon {
    flex-grow: 0;
    height: 24px;
    width: 24px;
  }

.legacy .cms-container:last-child {
    padding-bottom: 24px;
  }

@media (min-width: 760px) {
    .legacy .cms-container:last-child {
      padding-bottom: 32px;
    }
  }

@media (min-width: 1224px) {
    .legacy .cms-container:last-child {
      padding-bottom: 40px;
    }
  }

.legacy .base-title {
    color: #00005f;
    font-size: 2.125rem;
    font-weight: 700;
    letter-spacing: 0.01em;
    line-height: 2.75rem;
  }

@media (min-width: 992px) {
    .legacy .base-title {
      font-size: 2.5rem;
      line-height: 3.25rem;
    }
  }

.legacy .anchor-link {
    padding: 0.5rem 0;
  }

.legacy .anchor-link__base-link {
    align-items: center;
    color: #0d3a93;
    display: flex;
    flex-direction: row;
    width: -moz-fit-content;
    width: fit-content;
  }

.legacy .anchor-link__base-link:focus-visible {
    outline: 0.1875rem solid #0d3a93;
    outline-offset: 0;
  }

.legacy .anchor-link__icon {
    margin-left: 0.5rem;
  }

.legacy .newsletter-visual-variant {
    background-color: #fff;
    border-radius: 24px;
    display: grid;
    justify-self: center;
    overflow: hidden;
    position: relative;
    width: 100%;
  }

@media (min-width: 760px) {
    .legacy .newsletter-visual-variant {
      display: grid;
      grid-template-columns: 3fr 2fr;
    }
  }

@media (min-width: 1224px) {
    .legacy .newsletter-visual-variant {
      display: grid;
      grid-template-columns: 1fr 1fr;
    }
  }

@media (min-width: 1528px) {
    .legacy .newsletter-visual-variant {
      grid-template-columns: 1fr 1fr 1fr;
    }
  }

.legacy .newsletter-visual-variant__wave-icon {
    bottom: 0;
    color: #fff;
    height: 100%;
    position: absolute;
    top: 0;
    width: auto;
    z-index: 10;
  }

.legacy .newsletter-visual-variant__wave-icon-left {
    left: -1px;
    top: -1px;
  }

.legacy .newsletter-visual-variant__wave-icon-right {
    display: none;
  }

@media (min-width: 1528px) {
    .legacy .newsletter-visual-variant__wave-icon-right {
      display: block;
      right: -1px;
      top: 1px;
    }
  }

.legacy .newsletter-visual-variant__wave-icon-bottom {
    bottom: -1px;
    max-height: calc(100% - 75px);
    position: absolute;
    width: 100%;
  }

@media (min-width: 360px) {
    .legacy .newsletter-visual-variant__wave-icon-bottom {
      max-height: calc(100% - 47px);
    }
  }

@media (min-width: 760px) {
    .legacy .newsletter-visual-variant__wave-icon-bottom {
      display: none;
    }
  }

.legacy .newsletter-visual-variant__text-container {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding-inline: 24px;
    z-index: 1;
  }

@media (min-width: 360px) {
    .legacy .newsletter-visual-variant__text-container {
      gap: 16px;
    }
  }

@media (min-width: 760px) {
    .legacy .newsletter-visual-variant__text-container {
      margin-top: 0;
      padding: 32px 0 0 32px;
    }
  }

@media (min-width: 1528px) {
    .legacy .newsletter-visual-variant__text-container {
      justify-content: center;
      padding: 32px 0 32px 32px;
    }
  }

.legacy .newsletter-visual-variant__signup-container {
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 13px 24px 19px;
  }

@media (min-width: 760px) {
    .legacy .newsletter-visual-variant__signup-container {
      gap: 16px;
      padding: 16px 0 32px 32px;
    }
  }

@media (min-width: 1528px) {
    .legacy .newsletter-visual-variant__signup-container {
      gap: 10px;
      justify-content: center;
      padding: 32px 32px 32px 0;
    }
  }

.legacy .newsletter-visual-variant__image-container {
    position: relative;
  }

@media (min-width: 760px) {
    .legacy .newsletter-visual-variant__image-container {
      grid-column: 2;
      grid-row-end: 3;
      grid-row-start: 1;
    }
  }

.legacy .newsletter-visual-variant__image {
    height: 100%;
    width: 100%;
  }

@media (min-width: 992px) {
    .legacy .newsletter-visual-variant__image {
      position: absolute;
    }
  }

.legacy .newsletter-visual-variant__image .base-image {
    max-height: 213px;
  }

@media (min-width: 760px) {
    .legacy .newsletter-visual-variant__image .base-image {
      max-height: unset;
    }
  }

.legacy .newsletter-visual-variant__title {
    color: #00005f;
    color: #101316;
    font-size: 1.75rem;
    font-weight: 700;
    letter-spacing: 0.01em;
    line-height: 2.25rem;
  }

@media (min-width: 1528px) {
    .legacy .newsletter-visual-variant__title {
      color: #00005f;
      color: #101316;
      font-size: 2rem;
      font-weight: 700;
      letter-spacing: 0.01em;
      line-height: 2.75rem;
    }
  }

.legacy .newsletter-visual-variant__text {
    font-size: 0.875rem;
    letter-spacing: 0.015em;
    line-height: 1.375rem;
  }

@media (min-width: 1528px) {
    .legacy .newsletter-visual-variant__text {
      font-size: 1rem;
      letter-spacing: 0.015em;
      line-height: 1.5rem;
    }
  }

@media (min-width: 760px) {
    .legacy .newsletter-visual-variant__input {
      max-width: 320px;
    }
  }

@media (min-width: 1528px) {
    .legacy .newsletter-visual-variant__input {
      max-width: unset;
    }
  }

.legacy .newsletter-visual-variant__support-content {
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.0165rem;
    line-height: 1.125rem;
    margin-top: 8px;
  }

@media (min-width: 1528px) {
    .legacy .newsletter-visual-variant__support-content {
      font-size: 0.875rem;
      line-height: 1.25rem;
    }
  }

.legacy .newsletter-visual-variant__support-content p {
    font-size: 0.75rem;
    line-height: 1.125rem;
    margin-bottom: 0.25rem;
  }

@media (min-width: 1528px) {
    .legacy .newsletter-visual-variant__support-content p {
      font-size: 0.875rem;
      line-height: 1.25rem;
    }
  }

.legacy .newsletter-visual-variant__submit-button {
    align-self: center;
    background-color: #0d3a93;
    padding: 10px 24px;
  }

.legacy .newsletter-visual-variant__submit-button span {
    display: flex;
    gap: 8px;
  }

.legacy .newsletter-visual-variant__submitted-icon {
    display: none;
  }

@media (min-width: 1528px) {
    .legacy .newsletter-visual-variant__submitted-icon {
      align-self: center;
      color: #0d3a93;
      display: block;
      height: 32px;
      width: 32px;
    }
  }

.legacy .newsletter {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 24px;
  }

.legacy .newsletter,
  .legacy .newsletter__content-layout {
    position: relative;
  }

.legacy .newsletter__inner {
    align-items: center;
    display: flex;
    flex-direction: column;
  }

@media (min-width: 760px) {
    .legacy .newsletter__inner {
      padding: 56px 0 56px 24px;
    }
    .legacy .newsletter__inner--visual {
      display: flex;
      flex-direction: row;
      gap: 8px;
      justify-content: center;
      padding: 56px 0;
    }
  }

.legacy .newsletter__submit-button {
    align-self: center;
    padding: 10px 24px;
  }

.legacy .newsletter__submit-button span {
    display: flex;
    gap: 8px;
  }

.legacy .newsletter__content {
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: 100%;
  }

@media (min-width: 552px) {
    .legacy .newsletter__content {
      max-width: 480px;
    }
  }

@media (min-width: 760px) {
    .legacy .newsletter__content {
      max-width: 600px;
    }
  }

.legacy .newsletter__content--visual {
    padding: 56px 0;
  }

@media (min-width: 760px) {
    .legacy .newsletter__content--submitted {
      display: flex;
      gap: 24px;
    }
  }

.legacy .newsletter__image {
    height: auto;
    margin: 0 auto 16px;
    width: 220px;
  }

@media (min-width: 760px) {
    .legacy .newsletter__image {
      align-self: flex-start;
      margin: 64px 8px 0 0;
      width: 247px;
    }
  }

.legacy .newsletter__title {
    font-size: 1.75rem;
    font-weight: 700;
    line-height: 2.25rem;
  }

@media (min-width: 760px) {
    .legacy .newsletter__title {
      font-size: 1.75rem;
      line-height: 2.25rem;
    }
  }

@media (min-width: 992px) {
    .legacy .newsletter__title {
      font-size: 2rem;
      line-height: 2.75rem;
    }
  }

.legacy .newsletter__title-container {
    align-items: center;
    display: flex;
    gap: 6px;
  }

@media (min-width: 760px) {
    .legacy .newsletter__title-container {
      gap: 0;
    }
  }

.legacy .newsletter__description {
    display: block;
    font-size: 0.875rem;
    line-height: 1.375rem;
    margin-top: 16px;
  }

@media (min-width: 760px) {
    .legacy .newsletter__description {
      font-size: 1rem;
      line-height: 1.5rem;
    }
  }

.legacy .newsletter__support-content {
    margin-top: 8px;
  }

.legacy .newsletter__support-content p {
    font-size: 0.75rem;
    line-height: 1.125rem;
    margin-bottom: 4px;
  }

@media (min-width: 760px) {
    .legacy .newsletter__support-content p {
      font-size: 0.875rem;
      line-height: 1.25rem;
    }
  }

.legacy .newsletter__submitted-icon {
    color: #0d3a93;
    flex: none;
    height: 2.25rem;
    width: 2.25rem;
  }

@media (min-width: 992px) {
    .legacy .newsletter__submitted-icon {
      height: 3rem;
      width: 3rem;
    }
  }

@media (min-width: 760px) {
    .legacy .newsletter__submitted-icon--inner {
      display: none;
    }
  }

@media (max-width: 759.9px) {
    .legacy .newsletter__submitted-icon--outer {
      display: none;
    }
  }

.legacy .newsletter__content-layout {
    position: relative;
  }

.legacy .base-modal-v2 {
    --base-modal-v2-open-transition-length: 0.3s;
    --base-modal-v2-close-transition-length: 0.2s;
    --base-modal-v2-backdrop-blur: var(--overlay-default-background-blur);
    background-color: initial;
    height: auto;
    inset: initial;
    margin: initial;
    max-height: none;
    max-width: none;
    overflow: visible;
    padding: initial;
    position: fixed;
    transition:
      opacity var(--base-modal-v2-close-transition-length) linear,
      transform var(--base-modal-v2-close-transition-length) linear;
    width: auto;
  }

.legacy .base-modal-v2[open]:not(.base-modal-v2--closing) {
    transition:
      opacity var(--base-modal-v2-open-transition-length) linear,
      transform var(--base-modal-v2-open-transition-length) ease-out;
  }

@media (prefers-reduced-motion: reduce) {
    .legacy .base-modal-v2 {
      transform: none !important;
    }
    @starting-style {
      .legacy .base-modal-v2 {
        transform: none !important;
      }
    }
    .legacy .base-modal-v2--closing {
      transform: none !important;
    }
  }

.legacy .base-modal-v2:focus-visible {
    outline: none;
  }

.legacy .base-modal-v2--full-screen {
    inset: 0;
    opacity: 0;
    transform: scale(0.9);
  }

.legacy .base-modal-v2--full-screen[open]:not(.base-modal-v2--closing) {
    opacity: 1;
    transform: none;
  }

@starting-style {
    .legacy .base-modal-v2--full-screen[open]:not(.base-modal-v2--closing) {
      opacity: 0;
      transform: scale(0.9);
    }
  }

.legacy .base-modal-v2--center {
    height: -moz-fit-content;
    height: fit-content;
    inset: 0;
    margin: auto;
    opacity: 0;
    transform: scale(0.9);
    width: -moz-fit-content;
    width: fit-content;
  }

.legacy .base-modal-v2--center[open]:not(.base-modal-v2--closing) {
    opacity: 1;
    transform: none;
  }

@starting-style {
    .legacy .base-modal-v2--center[open]:not(.base-modal-v2--closing) {
      opacity: 0;
      transform: scale(0.9);
    }
  }

.legacy .base-modal-v2--right {
    bottom: 0;
    right: 0;
    top: 0;
    transform: translate(100%);
  }

.legacy .base-modal-v2--right[open]:not(.base-modal-v2--closing) {
    transform: none;
  }

@starting-style {
    .legacy .base-modal-v2--right[open]:not(.base-modal-v2--closing) {
      transform: translate(100%);
    }
  }

.legacy .base-modal-v2--left {
    bottom: 0;
    left: 0;
    top: 0;
    transform: translate(-100%);
  }

.legacy .base-modal-v2--left[open]:not(.base-modal-v2--closing) {
    transform: none;
  }

@starting-style {
    .legacy .base-modal-v2--left[open]:not(.base-modal-v2--closing) {
      transform: translate(-100%);
    }
  }

.legacy .base-modal-v2--bottom {
    bottom: 0;
    left: 0;
    right: 0;
    transform: translateY(100%);
  }

.legacy .base-modal-v2--bottom[open]:not(.base-modal-v2--closing) {
    transform: none;
  }

@starting-style {
    .legacy .base-modal-v2--bottom[open]:not(.base-modal-v2--closing) {
      transform: translateY(100%);
    }
  }

.legacy .base-modal-v2::backdrop {
    opacity: 0;
    transition: opacity var(--base-modal-v2-close-transition-length) linear;
  }

.legacy .base-modal-v2[open]:not(.base-modal-v2--closing)::backdrop {
    opacity: 1;
    transition: opacity calc(var(--base-modal-v2-open-transition-length) / 2)
      linear;
  }

@starting-style {
    .legacy .base-modal-v2[open]:not(.base-modal-v2--closing)::backdrop {
      opacity: 0;
    }
  }

.legacy .base-modal-v2--backdrop-none::backdrop {
    display: none;
  }

.legacy .base-modal-v2--backdrop-blur::backdrop {
    backdrop-filter: blur(var(--base-modal-v2-backdrop-blur));
    background: #ffffff1a;
  }

.legacy .dialog-focus-visible-safari-fix:not(input):focus-visible {
    outline: none !important;
  }

.legacy .base-modal-dialog {
    background-color: #fff;
    border-radius: 1.5rem;
    box-shadow: 0 0.25rem 2.75rem #0d3a9326;
    display: flex;
    max-height: 80vh;
    width: 100vw;
  }

@media (prefers-contrast: more) {
    .legacy .base-modal-dialog {
      border: 3px solid transparent;
    }
  }

@supports (height: 100dvh) {
    .legacy .base-modal-dialog {
      max-height: 80dvh;
    }
  }

@media (min-width: 760px) {
    .legacy .base-modal-dialog {
      border-radius: 1.5rem;
      max-height: 66vh;
      max-width: 37rem;
    }
    @supports (height: 100dvh) {
      .legacy .base-modal-dialog {
        max-height: 66dvh;
      }
    }
  }

.legacy .base-modal-dialog--placement-center {
    margin: 0 1.5rem;
    width: calc(100vw - 3rem);
  }

.legacy .base-modal-dialog--placement-bottom {
    border-radius: 1.5rem 1.5rem 0 0;
    max-height: calc(100vh - 2rem);
  }

@supports (height: 100dvh) {
    .legacy .base-modal-dialog--placement-bottom {
      max-height: calc(100dvh - 2rem);
    }
  }

@media (min-width: 760px) {
    .legacy .base-modal-dialog--placement-bottom {
      border-radius: 1.5rem;
      max-height: 66%;
    }
    @supports (height: 100dvh) {
      .legacy .base-modal-dialog--placement-bottom {
        max-height: 66dvh;
      }
    }
  }

.legacy .base-modal-dialog--placement-bottom--full-height {
    min-height: calc(100% - 2rem);
  }

@media (min-width: 760px) {
    .legacy .base-modal-dialog--placement-bottom--full-height {
      min-height: 66%;
    }
  }

.legacy .base-modal-dialog--placement-left,
  .legacy .base-modal-dialog--placement-right {
    height: 100%;
  }

@media (min-width: 760px) {
    .legacy .base-modal-dialog--placement-left,
    .legacy .base-modal-dialog--placement-right {
      max-height: unset;
      max-width: 30rem;
    }
    .legacy .base-modal-dialog--placement-left {
      border-bottom-left-radius: 0;
      border-top-left-radius: 0;
    }
    .legacy .base-modal-dialog--placement-right {
      border-bottom-right-radius: 0;
      border-top-right-radius: 0;
    }
  }

.legacy .base-modal-dialog__wrapper {
    display: flex;
    flex-direction: column;
    max-height: 100%;
    overflow-y: auto;
    padding: 24px 0;
    position: relative;
    width: 100%;
  }

@media (min-width: 760px) {
    .legacy .base-modal-dialog__wrapper {
      padding: 32px 0;
    }
  }

@media (min-width: 360px) {
    .legacy .base-modal-dialog__wrapper {
      overflow-y: visible;
    }
  }

@media screen and (max-width: 1024px) and (max-height: 768px) and (orientation: landscape) {
    .legacy .base-modal-dialog__wrapper {
      overflow-y: auto;
    }
  }

@media (max-width: 759.9px) {
    .legacy .base-modal-dialog__wrapper--no-sticky-buttons {
      overflow-y: auto;
    }
  }

.legacy .base-modal-dialog__wrapper::-webkit-scrollbar {
    width: 8px;
  }

.legacy .base-modal-dialog__wrapper::-webkit-scrollbar-thumb {
    background-color: #7b8187;
    border-radius: 8px;
  }

.legacy .base-modal-dialog__header {
    margin-bottom: 12px;
    padding: 0 24px;
    width: 100%;
  }

@media (min-width: 760px) {
    .legacy .base-modal-dialog__header {
      margin-bottom: 16px;
      padding: 0 32px;
    }
  }

.legacy .base-modal-dialog__header__title {
    align-items: center;
    display: flex;
    justify-content: space-between;
    position: relative;
  }

.legacy .base-modal-dialog__header__title--end {
    justify-content: end;
  }

.legacy .base-modal-dialog__close-button {
    margin-left: auto;
  }

.legacy .base-modal-dialog__footer {
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    gap: 1rem;
    padding: 0 24px;
  }

@media (min-width: 760px) {
    .legacy .base-modal-dialog__footer {
      padding: 0 32px;
    }
  }

.legacy .base-modal-dialog__headline {
    color: #00005f;
    font-size: 1.5rem;
    font-weight: 700;
    letter-spacing: 0.015rem;
    line-height: 2rem;
  }

@media (min-width: 760px) {
    .legacy .base-modal-dialog__headline {
      font-size: 1.625rem;
      letter-spacing: 0.01625rem;
      line-height: 2.25rem;
    }
  }

.legacy .base-modal-dialog__body {
    color: #00005f;
    flex: 1 1 0%;
    font-size: 1rem;
    letter-spacing: 0.015em;
    line-height: 1.625rem;
    padding: 0 24px;
  }

@media (min-width: 992px) {
    .legacy .base-modal-dialog__body {
      font-size: 1.125rem;
      line-height: 1.75rem;
    }
  }

@media (min-width: 360px) {
    .legacy .base-modal-dialog__body {
      overflow-y: auto;
    }
  }

@media (min-width: 760px) {
    .legacy .base-modal-dialog__body {
      padding: 0 32px;
    }
  }

@media screen and (max-width: 1024px) and (max-height: 768px) and (orientation: landscape) {
    .legacy .base-modal-dialog__body {
      overflow-y: visible;
    }
  }

.legacy .base-modal-dialog__body--margin-footer {
    margin-bottom: 24px;
  }

@media (max-width: 759.9px) {
    .legacy .base-modal-dialog__body--no-sticky-buttons {
      overflow-y: visible;
    }
  }

@media (min-width: 760px) {
    .legacy .base-modal-dialog__body--placement-left,
    .legacy .base-modal-dialog__body--placement-right {
      scrollbar-gutter: auto;
    }
  }

.legacy .youtube-embed-consent-dialog__text,
  .legacy .youtube-embed-consent-dialog__text p {
    font-size: 1rem;
    letter-spacing: 0.015rem;
    line-height: 1.5rem;
  }

@media (min-width: 1528px) {
    .legacy .youtube-embed-consent-dialog__text,
    .legacy .youtube-embed-consent-dialog__text p {
      font-size: 1.125rem;
      letter-spacing: 0.016875rem;
      line-height: 1.75rem;
    }
  }

.legacy .youtube-embed {
    min-height: 200px;
    min-width: 200px;
  }

.legacy .youtube-embed__video-frame {
    aspect-ratio: 16/9;
    position: relative;
    width: 100%;
  }

.legacy .youtube-embed__placeholder:focus-visible,
  .legacy .youtube-embed__video-frame:focus-visible {
    outline: 0.1875rem solid #0d3a93;
    outline-offset: 0.125rem;
  }

.legacy .youtube-embed iframe,
  .legacy .youtube-embed__placeholder {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
  }

.legacy .youtube-embed__placeholder-overlay {
    background-color: #10131659;
    cursor: pointer;
    display: grid;
    inset: 0;
    position: absolute;
  }

.legacy .youtube-embed__placeholder-icon {
    color: #fff;
    height: 3rem;
    place-self: center;
    width: 3rem;
  }

@media (min-width: 760px) {
    .legacy .youtube-embed__placeholder-icon {
      height: 4rem;
      width: 4rem;
    }
  }

@media (min-width: 1528px) {
    .legacy .youtube-embed__placeholder-icon {
      height: 5rem;
      width: 5rem;
    }
  }

.legacy .youtube-embed__transcript-wrapper {
    display: flex;
    justify-content: flex-end;
    margin-top: 8px;
    text-align: right;
  }

.legacy .youtube-embed__transcript-button-icon {
    height: 1.25rem;
    width: 1.25rem;
  }

@media (min-width: 1528px) {
    .legacy .youtube-embed__transcript-button-icon {
      height: 1.5rem;
      width: 1.5rem;
    }
  }

.legacy .youtube-embed__transcript-button-text {
    font-size: 1rem;
  }

@media (min-width: 1528px) {
    .legacy .youtube-embed__transcript-button-text {
      font-size: 1.125rem;
    }
  }

.legacy .error-page {
    background-color: #fff;
    padding: 2rem 0;
  }

.legacy .error-page__loading-indicator {
    min-height: 12.5rem;
    position: relative;
  }

.legacy .default-layout {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    position: relative;
  }

.legacy .toast-notification {
    align-items: center;
    border-radius: 0.5rem;
    display: flex;
    line-height: 1.375rem;
    min-height: 3rem;
    padding: 8px 48px 8px 12px;
  }

@media (min-width: 760px) {
    .legacy .toast-notification {
      color: #101316;
      line-height: 1.75rem;
      max-width: 28.5rem;
      padding: 16px 52px 16px 16px;
      width: 100%;
    }
  }

.legacy .toast-notification__icon {
    margin-right: 12px;
  }

.legacy .toast-notification__text {
    color: #101316;
    flex: 1;
    font-size: 0.875rem;
    overflow: auto;
  }

@media (min-width: 760px) {
    .legacy .toast-notification__text {
      font-size: 1.125rem;
    }
  }

.legacy .toast-notification--success {
    background: #d3e7cc;
  }

.legacy .toast-notification--success .toast-notification--close,
  .legacy .toast-notification--success .toast-notification__icon {
    color: #1e6e00;
  }

.legacy .toast-notification--error {
    background: #f9ccd0;
  }

.legacy .toast-notification--error .toast-notification--close,
  .legacy .toast-notification--error .toast-notification__icon {
    color: #b30012;
  }

.legacy .toast-notification--warn {
    background: #ffe68c;
  }

.legacy .toast-notification--warn .toast-notification--close,
  .legacy .toast-notification--warn .toast-notification__icon {
    color: #9b4e00;
  }

.legacy .toast-notification--info {
    background: #bbe7f9;
  }

.legacy .toast-notification--info .toast-notification--close,
  .legacy .toast-notification--info .toast-notification__icon {
    color: #092867;
  }

.legacy .toast-notification--close {
    color: currentColor;
    margin: 0;
    padding: 12px;
    position: absolute;
    right: 14px;
  }

@media (min-width: 992px) {
    .legacy .toast-notification--close {
      padding: 10px;
      right: 8px;
    }
  }

.legacy .toast-notification--close:focus {
    border-color: #b6c4df;
  }

.legacy .toast-overflow {
    align-items: flex-end;
    display: flex;
    flex-direction: column-reverse;
    margin-bottom: 0.5rem;
    position: fixed;
    right: -8px;
    top: 0;
    z-index: 9999;
  }

@media (min-width: 992px) {
    .legacy .toast-overflow {
      bottom: max(var(--sticky-container-height), 40px);
      flex-direction: column;
      right: 10px;
      top: unset;
    }
  }

.legacy .toast-overflow-enter-from,
  .legacy .toast-overflow-leave-to {
    opacity: 0;
  }

.legacy .toast-overflow-enter-active,
  .legacy .toast-overflow-leave-active {
    transition: all 0.2s ease;
  }

.legacy .toast-overflow__notification {
    margin-left: 8px;
    margin-right: 8px;
    max-width: 80dvw;
    padding: 8px 8px 0;
  }

@media (min-width: 992px) {
    .legacy .toast-overflow__notification {
      margin-left: 0;
      margin-right: 0;
      max-width: 40dvw;
    }
  }

.legacy .spend-progress-indicator {
    position: relative;
  }

.legacy .spend-progress-indicator__content {
    background-color: #343d46;
    border-radius: 0.75rem;
    height: -moz-fit-content;
    height: fit-content;
    left: 50%;
    padding: 0.75rem;
    position: absolute;
    top: 1rem;
    transform: translate(-50%);
    width: 18rem;
    z-index: 99999;
  }

@media (min-width: 360px) {
    .legacy .spend-progress-indicator__content {
      width: 20.5rem;
    }
  }

@media (min-width: 760px) {
    .legacy .spend-progress-indicator__content {
      padding: 1rem;
      width: 22.5rem;
    }
  }

.legacy .hard-threshold__wrapper {
    align-items: center;
    color: #71777e;
    display: flex;
    font-size: 0.75rem;
    padding-top: 0.5rem;
  }

.legacy .hard-threshold__note {
    margin-left: 0.25rem;
  }

.legacy .base-progress-bar__outer {
    align-items: center;
    background-color: #e6ebf4;
    border-radius: 1rem;
    color: #101316;
    display: flex;
    height: 0.25rem;
    justify-content: space-between;
    padding: 0 0.5rem;
    position: relative;
    width: 100%;
  }

.legacy .base-progress-bar__outer:focus-visible {
    outline: 0.1875rem solid #0d3a93;
    outline-offset: 0.125rem;
  }

.legacy .base-progress-bar__outer--large {
    height: 0.5rem;
  }

.legacy .base-progress-bar__progress {
    background-color: #0d3a93;
    border-radius: 1rem;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition:
      width 0.5s ease,
      min-width 0.5s ease,
      background-color 0.3s ease;
  }

.legacy .base-progress-bar__progress--indicator {
    background-color: #55c3f0;
  }

.legacy .base-progress-bar__progress--filled {
    animation: scaleAndColorChange 0.8s cubic-bezier(0.36, 0.07, 0.19, 0.97);
    background-color: #1e6e00;
  }

.legacy .base-progress-bar__progress--filled--indicator {
    background-color: #41d30b;
  }

.legacy .base-progress-bar__value {
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 1.3125rem;
    z-index: 1;
  }

.legacy .base-progress-bar__value-filled,
  .legacy .base-progress-bar__value-in-progress {
    color: #fff;
  }

.legacy .order-threshold {
    display: flex;
    flex-direction: column;
    font-size: 0.875rem;
    gap: 0.5rem;
  }

.legacy .order-threshold--large {
    font-size: 1rem;
  }

.legacy .order-threshold--indicator {
    color: #fff;
  }

.legacy .order-threshold__content-wrapper {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
  }

.legacy .order-threshold__content-wrapper--reverse {
    flex-direction: column-reverse;
  }

.legacy .order-threshold__icon {
    flex-shrink: 0;
  }

.legacy .order-threshold__icon--indicator {
    color: #fff;
  }

.legacy .order-threshold__title-content {
    display: flex;
    flex-direction: column;
  }

.legacy .order-threshold__title-container {
    align-items: flex-start;
    display: flex;
    gap: 0.5rem;
  }

.legacy .order-threshold__title-container--indicator {
    align-items: center;
  }

.legacy .order-threshold__title-container__success-message--bold,
  .legacy .order-threshold__title-container__text--bold {
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 1.3125rem;
  }

.legacy .order-threshold__title-container__success-message--bold--large,
  .legacy .order-threshold__title-container__text--bold--large {
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: 0.015em;
    line-height: 1.625rem;
  }

@media (min-width: 992px) {
    .legacy .order-threshold__title-container__success-message--bold--large,
    .legacy .order-threshold__title-container__text--bold--large {
      font-size: 1.125rem;
      line-height: 1.75rem;
    }
  }

.legacy .order-threshold__title-container__success-message--bold--large--indicator,
  .legacy .order-threshold__title-container__text--bold--large--indicator {
    font-size: 0.875rem;
    font-weight: 400;
  }

@media (min-width: 760px) {
    .legacy .order-threshold__title-container__success-message--bold--large--indicator,
    .legacy .order-threshold__title-container__text--bold--large--indicator {
      font-size: 1rem;
    }
  }

.legacy .order-threshold__title-container__success-message--bold--indicator,
  .legacy .order-threshold__title-container__text--bold--indicator {
    color: #fff;
    font-size: 0.875rem;
    font-weight: 400;
  }

@media (min-width: 760px) {
    .legacy .order-threshold__title-container__success-message--bold--indicator,
    .legacy .order-threshold__title-container__text--bold--indicator {
      font-size: 1rem;
    }
  }

.legacy .order-threshold__title-container__success-message--full-width,
  .legacy .order-threshold__title-container__text--full-width {
    display: flex;
    flex-grow: 1;
    flex-shrink: 0;
    font-size: 0.875rem;
    justify-content: right;
    line-height: 1.3125rem;
  }

.legacy .order-threshold__title-container__success-message--full-width--indicator,
  .legacy .order-threshold__title-container__text--full-width--indicator {
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 1.3125rem;
  }

.legacy .order-threshold__title-container__success-message--full-width--large,
  .legacy .order-threshold__title-container__text--full-width--large {
    font-size: 1rem;
    letter-spacing: 0.015em;
    line-height: 1.625rem;
  }

@media (min-width: 992px) {
    .legacy .order-threshold__title-container__success-message--full-width--large,
    .legacy .order-threshold__title-container__text--full-width--large {
      font-size: 1.125rem;
      line-height: 1.75rem;
    }
  }

.legacy .order-threshold__title-container--filled {
    color: #1e6e00;
  }

.legacy .order-threshold__title-container--filled--indicator {
    align-items: center;
    color: #4fad4f;
  }

.legacy .order-threshold__list {
    color: #343d46;
    font-size: 0.875rem;
    line-height: 1.3125rem;
  }

.legacy .order-threshold__dark-mode {
    color: #fff !important;
  }

.legacy .mini-cart-footer {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 1rem;
  }

@media (min-width: 760px) {
    .legacy .mini-cart-footer {
      flex-direction: column;
    }
  }

.legacy .mini-cart-footer--is-cart-promotion {
    flex-direction: row;
    justify-content: center;
  }

.legacy .mini-cart-footer--no-go-to-cart {
    flex-direction: row;
  }

.legacy .mini-cart-footer__total {
    align-items: flex-start;
    color: #0d3a93;
    display: flex;
    flex-direction: column;
    font-size: 1rem;
    justify-content: center;
    width: 6.75rem;
  }

@media (min-width: 760px) {
    .legacy .mini-cart-footer__total {
      display: none;
    }
  }

.legacy .mini-cart-footer__total--is-cart-promotion,
  .legacy .mini-cart-footer__total--no-go-to-cart {
    display: flex;
  }

.legacy .mini-cart-footer__total--row {
    display: none;
  }

@media (min-width: 760px) {
    .legacy .mini-cart-footer__total--row {
      align-items: center;
      color: #0d3a93;
      display: flex;
      flex-direction: row;
      font-size: 1.125rem;
      justify-content: space-between;
      width: 100%;
    }
  }

.legacy .mini-cart-footer__price {
    font-size: 1.25rem;
    font-weight: 700;
  }

@media (min-width: 760px) {
    .legacy .mini-cart-footer__price {
      font-size: 1.375rem;
      line-height: 2rem;
    }
  }

.legacy .mini-cart-footer__note {
    color: #71777e;
    font-size: 0.75rem;
  }

.legacy .mini-cart-footer__proceed-to-checkout-wrapper {
    display: flex;
    flex-direction: column;
    width: 100%;
  }

.legacy .mini-cart-footer__proceed-to-checkout-wrapper--is-cart-promotion {
    max-width: 18.75rem;
  }

.legacy .cart-promotion-modal .base-modal__body {
    padding: 1rem 1.5rem;
    scroll-padding-bottom: 2rem;
    scroll-padding-top: 2rem;
  }

.legacy .cart-promotion-modal .base-modal__header {
    align-items: center;
    display: flex;
    gap: 1rem;
  }

.legacy .cart-promotion-modal .base-modal__outer-wrapper {
    padding-bottom: 0.5rem;
  }

@media (min-width: 760px) {
    .legacy .cart-promotion-modal .base-modal__outer-wrapper {
      max-width: 68.75rem;
    }
  }

.legacy .cart-promotion-modal .base-modal__body {
    background-color: #f5f5f6;
  }

.legacy .cart-promotion-modal__content-wrapper {
    flex: 1;
  }

.legacy .cart-promotion-modal__subtotal {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 0 1.5rem 1rem;
  }

@media (min-width: 760px) {
    .legacy .cart-promotion-modal__subtotal {
      padding: 0 2rem 2rem;
    }
  }

.legacy .cart-promotion-modal__cms-content {
    --mini-cart-modal-cms-content-gap: 1.25rem;
    background-color: #f5f5f6;
    display: flex;
    flex-direction: column;
    gap: var(--mini-cart-modal-cms-content-gap);
    padding: var(--mini-cart-modal-cms-content-gap) 0;
  }

@media (min-width: 760px) {
    .legacy .cart-promotion-modal__cms-content {
      --mini-cart-modal-cms-content-gap: 1.5rem;
    }
  }

@media (min-width: 992px) {
    .legacy .cart-promotion-modal__cms-content {
      --mini-cart-modal-cms-content-gap: 2.25rem;
    }
  }

.legacy .cart-promotion-modal__cms-content > div:has(.notification-banner) {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

@media (min-width: 760px) {
    .legacy .cart-promotion-modal__cms-content > div:has(.notification-banner) {
      padding-left: 2rem;
      padding-right: 2rem;
    }
  }

.legacy .cart-promotion-modal__cms-content .product-teaser-list {
    --product-teaser-list-header-h-spacing: 0;
    --product-teaser-list-header-h-spacing-above-m: 0;
    --product-teaser-list-header-h-spacing-above-l: 0;
    --product-teaser-list-item-width-abovel-l: 12rem;
  }

.legacy .cart-promotion-modal__cms-content .product-teaser-list .teaser-list {
    --teaser-list-h-spacing: 0;
    --teaser-list-h-spacing-above-m: 0;
    --teaser-list-h-spacing-above-l: 0;
    --teaser-list-item-gap-above-m: 0.5rem;
    --teaser-list-button-h-spacing: 2.125rem;
  }

.legacy .product-grid {
    -moz-column-gap: 0.5rem;
    column-gap: 0.5rem;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    row-gap: 1.5rem;
  }

@media (min-width: 760px) {
    .legacy .product-grid {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }

@media (min-width: 992px) {
    .legacy .product-grid {
      -moz-column-gap: 1rem;
      column-gap: 1rem;
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }

@media (min-width: 1224px) {
    .legacy .product-grid {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
  }

.legacy .product-grid__item.product-teaser-item {
    width: unset;
  }

.legacy .product-grid__item.product-teaser-item .product-tile {
    width: 100%;
  }

@media (min-width: 360px) {
    .legacy .product-grid--cart-promotion {
      -moz-column-gap: 0.625rem !important;
      column-gap: 0.625rem !important;
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
      row-gap: 1rem !important;
    }
  }

@media (min-width: 760px) {
    .legacy .product-grid--cart-promotion {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
  }

@media (min-width: 992px) {
    .legacy .product-grid--cart-promotion {
      grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    }
  }

@media (min-width: 360px) {
    .legacy .product-grid--mobile-layout {
      -moz-column-gap: 6px;
      column-gap: 6px;
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
      row-gap: 8px;
    }
  }

.legacy .country-us .product-grid {
    -moz-column-gap: 4px;
    column-gap: 4px;
    row-gap: 6px;
  }

@media (min-width: 360px) {
    .legacy .country-us .product-grid {
      -moz-column-gap: 6px;
      column-gap: 6px;
      row-gap: 8px;
    }
  }

@media (min-width: 760px) {
    .legacy .country-us .product-grid {
      -moz-column-gap: 10px;
      column-gap: 10px;
      row-gap: 12px;
    }
  }

@media (min-width: 992px) {
    .legacy .country-us .product-grid {
      -moz-column-gap: 10px;
      column-gap: 10px;
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }

@media (min-width: 1224px) {
    .legacy .country-us .product-grid {
      -moz-column-gap: 16px;
      column-gap: 16px;
      grid-template-columns: repeat(5, minmax(0, 1fr));
      row-gap: 24px;
    }
  }

@media (min-width: 360px) {
    .legacy .country-us .product-grid--cart-promotion {
      -moz-column-gap: 6px;
      column-gap: 6px;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      row-gap: 8px;
    }
  }

@media (min-width: 1224px) {
    .legacy .country-us .product-grid--cart-promotion {
      -moz-column-gap: 8px;
      column-gap: 8px;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      row-gap: 16px;
    }
  }

@media (min-width: 992px) {
    .legacy .country-us .product-grid--mobile-layout {
      -moz-column-gap: 10px;
      column-gap: 10px;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      row-gap: 12px;
    }
  }

.legacy .inline-quicklink[data-v-6b8d4118] {
    color: inherit;
    display: flex;
    gap: 4px;
  }

.legacy .inline-quicklink[data-v-6b8d4118]:focus-visible {
    border-radius: 0.25rem;
  }

.legacy .inline-quicklink--default[data-v-6b8d4118] {
    color: #343d46;
  }

.legacy .inline-quicklink--default[data-v-6b8d4118]:focus-visible {
    outline: 0.1875rem solid #0d3a93;
    outline-offset: 0.125rem;
  }

.legacy .inline-quicklink--default[data-v-6b8d4118]:hover {
    color: #0d3a93;
  }

.legacy .inline-quicklink--default:hover .base-image[data-v-6b8d4118] {
    opacity: 0.8;
  }

.legacy .inline-quicklink--header[data-v-6b8d4118] {
    font-size: 0.875rem;
  }

.legacy .inline-quicklink--header[data-v-6b8d4118]:focus-visible {
    outline: 0.1875rem solid #7a93c4;
    outline-offset: 0.125rem;
  }

.legacy .inline-quicklink--header[data-v-6b8d4118]:hover {
    color: #9eb0d4;
  }

.legacy .inline-quicklink--header:hover .base-image[data-v-6b8d4118] {
    opacity: 0.8;
  }

.legacy .inline-quicklink--header .base-image[data-v-6b8d4118] {
    filter: invert(1) saturate(0) brightness(2);
  }

.legacy .base-feature-bar {
    background-color: #00005f;
    min-height: 3rem;
    position: relative;
  }

.legacy .base-feature-bar.above-overlay {
    z-index: 901;
  }

.legacy .base-feature-bar__prenav {
    align-items: center;
    color: #fff;
    display: flex;
    font-size: 0.875rem;
    justify-content: space-between;
    line-height: 1.3125rem;
    min-height: 3rem;
  }

.legacy .base-feature-bar__quick-links-wrapper {
    display: none;
  }

@media (min-width: 760px) {
    .legacy .base-feature-bar__quick-links-wrapper {
      color: #fff;
      display: flex;
      font-size: 0.75rem;
      gap: 16px;
      line-height: 1.125rem;
    }
  }

.legacy .base-feature-bar__skip-link {
    background-color: #0d3a93;
    border-radius: 0.5rem;
    color: #fff;
    left: 10px;
    opacity: 0;
    padding: 0.25rem;
    position: absolute;
    top: 10px;
    transform: translateY(-180%);
    transition:
      transform 0.2s ease,
      opacity 0.2s ease;
  }

.legacy .base-feature-bar__skip-link:focus {
    opacity: 1;
    outline: 1px solid #fff;
    transform: translateY(0);
  }

.legacy .base-feature-bar .shrink-feature-bar-enter-active,
  .legacy .base-feature-bar .shrink-feature-bar-leave-active {
    overflow-y: hidden;
    transition: height 0.3s ease;
  }

.legacy .base-feature-bar .shrink-feature-bar-enter-from,
  .legacy .base-feature-bar .shrink-feature-bar-leave-to {
    height: 0;
  }

.legacy .flyout-teaser {
    border-radius: 16px;
    display: block;
    margin-bottom: 16px;
    text-decoration: none;
  }

.legacy .flyout-teaser:focus-visible {
    outline: 0.1875rem solid #0d3a93;
    outline-offset: 0;
  }

.legacy .flyout-teaser__image {
    border-radius: 16px 16px 0 0;
    height: 104px;
    -o-object-fit: fill;
    object-fit: fill;
    width: 100%;
  }

@media (min-width: 992px) {
    .legacy .flyout-teaser__image {
      height: 182px;
    }
  }

.legacy .flyout-teaser__cta--image {
    align-items: center;
    background-color: #0d3a93;
    border-radius: 0 0 16px 16px;
    color: #fff;
    display: flex;
    gap: 0.5rem;
    height: 48px;
    justify-content: space-between;
    padding: 1.25rem 1rem;
    width: 100%;
  }

.legacy .flyout-teaser__text {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }

.legacy .linklist-item {
    align-items: center;
    color: #343d46;
    display: flex;
    padding-left: 0.25rem;
    padding-right: 1rem;
    text-decoration: none;
  }

.legacy .linklist-item:focus-visible {
    outline: 0.1875rem solid #0d3a93;
    outline-offset: -0.1875rem;
  }

@media (min-width: 760px) {
    .legacy .linklist-item {
      max-width: 20rem;
    }
  }

.legacy .linklist-item__text {
    font-size: 1rem;
    letter-spacing: 0.015em;
    line-height: 1.625rem;
    margin: 1rem 0;
    word-break: break-word;
  }

@media (min-width: 992px) {
    .legacy .linklist-item__text {
      font-size: 1.125rem;
      line-height: 1.75rem;
    }
  }

@media (min-width: 760px) {
    .legacy .linklist-item--mega-menu {
      padding-right: 0;
    }
    .legacy .linklist-item--mega-menu .linklist-item__icon {
      visibility: hidden;
    }
    .legacy .linklist-item--mega-menu .linklist-item__icon .base-icon {
      color: #0d3a93;
    }
    .legacy .linklist-item--mega-menu:focus-visible,
    .legacy .linklist-item--mega-menu:hover {
      color: #0d3a93;
    }
    .legacy .linklist-item--mega-menu:focus-visible .linklist-item__icon,
    .legacy .linklist-item--mega-menu:hover .linklist-item__icon {
      visibility: visible;
    }
  }

.legacy .linklist-item--mega-menu .linklist-item__text {
    line-height: 1.25;
    white-space: normal;
  }

.legacy .linklist-item--mega-menu .linklist-item__icon {
    transform: none;
  }

.legacy .linklist-item--mega-menu .linklist-item__image,
  .legacy .linklist-item--mega-menu .linklist-item__placeholder {
    align-items: center;
    display: flex;
    height: 3rem;
    justify-content: center;
    margin: 0 1rem 0 0.25rem;
    width: 3rem;
  }

.legacy .linklist-item--mega-menu.active .linklist-item__text {
    color: #0d3a93;
  }

.legacy .linklist-item--no-icon .linklist-item__icon {
    display: none;
  }

.legacy .linklist-item--standard .linklist-item__icon {
    transition: all 0.3s ease-out;
  }

.legacy .linklist-item--standard:focus-visible,
  .legacy .linklist-item--standard:hover {
    color: #0d3a93;
  }

.legacy .linklist-item--standard:focus-visible .linklist-item__icon,
  .legacy .linklist-item--standard:hover .linklist-item__icon {
    transform: translate(6px);
  }

.legacy .linklist-item--standard:focus-visible .linklist-item__icon .base-icon,
  .legacy .linklist-item--standard:hover .linklist-item__icon .base-icon {
    color: #0d3a93;
  }

.legacy .linklist-item__wrapper {
    align-items: center;
    display: flex;
    flex-grow: 1;
    justify-content: space-between;
    text-align: left;
  }

.legacy .linklist-item__image {
    flex-shrink: 0;
    margin: 0.75rem 1rem 0.75rem 0.25rem;
    width: 2rem;
  }

.legacy .linklist-item__placeholder {
    background-color: #e6ebf4;
    border-radius: 8px;
    flex-shrink: 0;
    height: 32px;
    margin: 0.75rem 0.5rem 0.75rem 0.25rem;
    width: 32px;
  }

.legacy .base-bordered-list__headline {
    color: #00005f;
    font-size: 1.5rem;
    font-weight: 700;
    letter-spacing: 0.01em;
    line-height: 2.125rem;
    margin-bottom: 1rem;
  }

@media (min-width: 992px) {
    .legacy .base-bordered-list__headline {
      font-size: 1.625rem;
      line-height: 2.25rem;
    }
  }

.legacy .base-bordered-list__content {
    display: flex;
    flex-direction: column;
  }

.legacy .base-bordered-list__content .linklist-item--standard {
    border-bottom: 1px solid #d6d8da;
  }

@media (max-width: 759.9px) {
    .legacy .base-bordered-list__content .linklist-item--standard:last-child {
      border-bottom: 0;
    }
  }

.legacy .base-bordered-list__content .icon-container:not(:last-child) {
    border-bottom: 1px solid #d6d8da;
  }

@media (min-width: 760px) {
    .legacy .base-bordered-list__content .icon-container-wrapper .icon-container {
      border: 0;
    }
  }

.legacy .base-bordered-list__content
    .linklist-item--standard:hover
    .linklist-item__text {
    color: #0d3a93;
  }

.legacy .second-submenu {
    display: flex;
    flex-direction: column;
    gap: 32px;
    position: relative;
  }

.legacy .second-submenu__header {
    color: #00005f;
    display: flex;
    font-size: 1.5rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    letter-spacing: 0.01em;
    line-height: 2.125rem;
    padding-left: 2rem;
    position: relative;
    text-transform: uppercase;
  }

@media (min-width: 992px) {
    .legacy .second-submenu__header {
      font-size: 1.625rem;
      line-height: 2.25rem;
      padding-left: 0;
    }
  }

.legacy .second-submenu__content {
    display: grid;
    gap: 0 63px;
    grid: "submenu-column-1 submenu-column-2 submenu-column-3"/1fr 1fr 1fr;
  }

@media (min-width: 992px) {
    .legacy .second-submenu__content {
      grid: "submenu-column-1 submenu-column-2 submenu-column-3 submenu-column-4"/1fr 1fr 1fr 1fr;
    }
  }

.legacy .second-submenu__column {
    max-width: 18rem;
  }

@media (max-width: 759.9px) {
    .legacy .second-submenu__column:first-child {
      display: none;
    }
  }

.legacy .second-submenu__column:first-child {
    grid-area: submenu-column-1;
  }

.legacy .second-submenu__column:nth-child(2) {
    grid-area: submenu-column-2;
  }

.legacy .second-submenu__column:nth-child(3) {
    grid-area: submenu-column-3;
  }

.legacy .second-submenu__column:nth-child(4) {
    grid-area: submenu-column-4;
  }

.legacy .second-submenu__close-button {
    cursor: pointer;
    position: absolute;
    right: 0.5rem;
    top: 0;
  }

.legacy .second-submenu__item {
    border-bottom: 1px solid #d6d8da;
    cursor: pointer;
  }

.legacy .second-submenu__item:focus-visible {
    outline: 0.1875rem solid #0d3a93;
    outline-offset: 0;
  }

.legacy .second-submenu__item:focus-visible {
    border-radius: 0.25rem;
  }

.legacy .second-submenu__back-button {
    left: 0;
    position: absolute;
    top: 0;
  }

@media (min-width: 992px) {
    .legacy .second-submenu__back-button {
      left: -2.5rem;
      top: 0.25rem;
    }
  }

.legacy .second-submenu__back-button,
  .legacy .second-submenu__close-button {
    border-radius: 0.5rem;
  }

.legacy .second-submenu__back-button:focus-visible,
  .legacy .second-submenu__close-button:focus-visible {
    outline: 0.1875rem solid #0d3a93;
    outline-offset: 0.125rem;
  }

.legacy .base-submenu {
    border-radius: 0 0 32px 32px;
    display: none;
    height: calc(100vh - var(--base-header-height));
    left: 0;
    opacity: 0;
    overflow: auto;
    pointer-events: none;
    position: fixed;
    top: var(--base-header-height);
    transition: opacity 0.2s ease 0.1s;
    width: 100%;
    z-index: -1;
  }

.legacy .base-submenu--visible {
    animation: delay-pointer-events 0.3s ease forwards;
    display: block;
    opacity: 1;
  }

.legacy .base-submenu__backdrop {
    backdrop-filter: blur(var(--overlay-default-background-blur));
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
  }

.legacy .base-submenu__inner {
    background: #fff;
    border-radius: 0 0 32px 32px;
  }

@media (prefers-contrast: more) {
    .legacy .base-submenu__inner {
      border: 3px solid transparent;
    }
  }

.legacy .base-submenu__body {
    padding: 40px 0 60px;
  }

.legacy .base-navigation__customer {
    display: block;
    font-weight: 700;
  }

.legacy .base-navigation__body {
    display: none;
  }

@media (min-width: 760px) {
    .legacy .base-navigation__body {
      display: block;
    }
  }

.legacy .base-navigation__list {
    display: flex;
    gap: 2rem;
  }

.legacy .base-navigation__item {
    cursor: pointer;
    white-space: nowrap;
  }

.legacy .base-navigation__link {
    align-items: center;
    color: #71777e;
    display: inline-flex;
    flex-wrap: nowrap;
    font-size: 1.125rem;
    height: 6rem;
    line-height: 1.5rem;
    position: relative;
    text-decoration: none;
  }

.legacy .base-navigation__link:focus-visible {
    outline: 0.1875rem solid #0d3a93;
    outline-offset: 0.125rem;
  }

@media (min-width: 760px) {
    .legacy .base-navigation__link {
      height: 7rem;
    }
  }

@media (min-width: 992px) {
    .legacy .base-navigation__link {
      height: 5.5rem;
    }
  }

.legacy .base-navigation__link:focus-visible {
    border-radius: 0.5rem;
  }

.legacy .base-navigation__link:after {
    border-radius: 2px;
    bottom: 0;
    content: "";
    height: 4px;
    position: absolute;
    width: 100%;
  }

.legacy .base-navigation__link.active {
    color: #101316;
  }

.legacy .base-navigation__link.active:after {
    background-color: #ffc800;
  }

.legacy .base-navigation__link > div {
    transition: transform 0.2s ease;
  }

.legacy .base-navigation__link.submenu-visible {
    color: #101316;
  }

.legacy .base-navigation__link.submenu-visible:after {
    background-color: #0d3a93;
  }

.legacy .base-navigation__link.submenu-visible > div {
    transform: rotate(-180deg);
  }

.legacy .base-navigation__submenu-indicator {
    margin-left: 0.5rem;
  }

.legacy .base-navigation__submenus {
    overflow: hidden;
  }

.legacy .base-navigation__submenus--pending {
    overflow: unset;
  }

.legacy .buy-again-header {
    position: relative;
  }

.legacy .buy-again-header__icon-content {
    align-items: center;
    display: flex;
    flex-direction: column;
  }

.legacy .buy-again-header__icon-label {
    font-size: 0.875rem;
    line-height: 1.3125rem;
  }

.legacy .buy-again-header__link {
    border-radius: 4px;
    color: #0d3a93;
    display: block;
  }

.legacy .buy-again-header__link:focus-visible {
    outline: 0.1875rem solid #0d3a93;
    outline-offset: 0.125rem;
  }

.legacy .buy-again-header__link:hover {
    color: #5574b3;
  }

.legacy .shopping-list-selection-modal__content {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    padding-top: 1rem;
  }

.legacy .shopping-list-selection-modal__description {
    color: #0d3a93;
    margin: 0;
  }

.legacy .shopping-list-selection-modal__list {
    border-radius: 8px;
    box-shadow:
      0 2px 8px #0d3a9312,
      0 3px 28px -1px #0d3a931f;
    display: flex;
    flex-direction: column;
    overflow: hidden;
  }

.legacy .shopping-list-selection-modal__list :last-child {
    border: 0;
  }

.legacy .shopping-list-selection-modal__list-item {
    align-items: center;
    background-color: #fff;
    border-bottom: 1px solid #cfd8e9;
    display: flex;
    gap: 1.5rem;
    justify-content: space-between;
    padding: 1.5rem;
  }

.legacy .shopping-list-selection-modal__checkbox {
    flex-shrink: 1;
  }

.legacy .shopping-list-selection-modal__list-item-content {
    align-items: center;
    display: flex;
    flex: 1;
  }

.legacy .shopping-list-selection-modal__list-info {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 0.5rem;
  }

.legacy .shopping-list-selection-modal__list-name {
    color: #0d3a93;
    font-weight: 700;
  }

.legacy .shopping-list-selection-modal__list-items-count {
    color: #5574b3;
    font-size: 0.875rem;
    line-height: 1.3125rem;
  }

.legacy .shopping-list-selection-modal__pending-items {
    border-top: 1px solid #cfd8e9;
    padding-top: 1.5rem;
  }

.legacy .shopping-list-selection-modal__pending-title {
    color: #0d3a93;
    font-weight: 700;
    margin: 0 0 1rem;
  }

.legacy .shopping-list-selection-modal__pending-list {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    list-style: none;
    margin: 0;
    padding: 0;
  }

.legacy .shopping-list-selection-modal__pending-item {
    align-items: center;
    background-color: #f3f5fa;
    border-radius: 4px;
    display: flex;
    justify-content: space-between;
    padding: 1rem;
  }

.legacy .shopping-list-selection-modal__pending-name {
    color: #0d3a93;
  }

.legacy .shopping-list-selection-modal__pending-quantity {
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 1.3125rem;
  }

.legacy .shopping-list-header-link {
    position: relative;
  }

.legacy .shopping-list-header-link__icon-content {
    align-items: center;
    color: #0d3a93;
    display: flex;
    flex-direction: column;
  }

.legacy .shopping-list-header-link__icon-label {
    font-size: 0.875rem;
    line-height: 1.3125rem;
  }

.legacy .shopping-list-header-link__tooltip {
    display: none;
  }

@media (min-width: 760px) {
    .legacy .shopping-list-header-link__tooltip {
      display: block;
    }
  }

.legacy .shopping-list-header-link__link {
    border-radius: 4px;
    display: block;
  }

.legacy .shopping-list-header-link__link:focus-visible {
    outline: 0.1875rem solid #0d3a93;
    outline-offset: 0.125rem;
  }

.legacy .country-us .shopping-list-header-link__icon-content {
    color: #00005f;
  }

.legacy .cms-navigation-item__link,
  .legacy .cms-navigation-item__title {
    align-items: center;
    display: flex;
    font-size: 1rem;
    gap: 12px;
    letter-spacing: 0.015em;
    letter-spacing: 0.015rem;
    line-height: 1.625rem;
  }

@media (min-width: 992px) {
    .legacy .cms-navigation-item__link,
    .legacy .cms-navigation-item__title {
      font-size: 1.125rem;
      line-height: 1.75rem;
    }
  }

.legacy .cms-navigation-item__link {
    color: #343d46;
  }

.legacy .cms-navigation-item__link:hover {
    color: #0d3a93;
  }

.legacy .cms-navigation-item__link:hover .cms-navigation-item__icon {
    opacity: 0.8;
  }

.legacy .cms-navigation-item__icon {
    flex-grow: 0;
    flex-shrink: 0;
    height: 24px;
    width: 24px;
  }

.legacy .menu-dialog {
    background-color: #fff;
    border-radius: 24px 0 0 24px;
    box-shadow: 0 0.25rem 2.75rem #0d3a9326;
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow-y: hidden;
    padding: 0;
    width: calc(100vw - 1.875rem);
  }

@media (min-width: 360px) {
    .legacy .menu-dialog {
      width: 20.625rem;
    }
  }

@media (min-width: 760px) {
    .legacy .menu-dialog {
      width: 22.5rem;
    }
  }

.legacy .menu-dialog__wrapper {
    display: flex;
    flex-direction: column;
    height: 100%;
    max-height: 100%;
    overflow-y: auto;
    position: relative;
    width: 100%;
  }

@media (min-width: 360px) {
    .legacy .menu-dialog__wrapper {
      overflow-y: visible;
    }
  }

@media screen and (max-width: 1024px) and (max-height: 768px) and (orientation: landscape) {
    .legacy .menu-dialog__wrapper {
      overflow-y: auto;
    }
  }

.legacy .menu-dialog__wrapper::-webkit-scrollbar {
    width: 8px;
  }

.legacy .menu-dialog__wrapper::-webkit-scrollbar-thumb {
    background-color: #7b8187;
    border-radius: 8px;
  }

.legacy .menu-dialog__header {
    background: #bbe7f9;
    border-radius: 1.5rem 0 0;
    display: flex;
    flex-direction: column;
    padding: 24px 24px 12px;
    position: relative;
    width: 100%;
  }

@media (min-width: 760px) {
    .legacy .menu-dialog__header {
      padding: 32px 32px 16px;
    }
  }

.legacy .menu-dialog--mainNavigation .menu-dialog__header {
    background: #fff;
  }

.legacy .menu-dialog__header-top {
    align-items: flex-start;
    display: flex;
    justify-content: space-between;
  }

.legacy .menu-dialog__header-content {
    margin-top: 12px;
  }

@media (min-width: 760px) {
    .legacy .menu-dialog__header-content {
      margin-top: 16px;
    }
  }

.legacy .menu-dialog__header-content h2 {
    align-self: flex-start;
    color: #00005f;
    font-size: 1.5rem;
    font-weight: 700;
    letter-spacing: 0.015rem;
    line-height: 2rem;
  }

@media (min-width: 760px) {
    .legacy .menu-dialog__header-content h2 {
      font-size: 1.625rem;
      letter-spacing: 0.01625rem;
      line-height: 2.25rem;
    }
  }

.legacy .menu-dialog__logo {
    flex-shrink: 0;
    height: 60px;
    width: 50px;
  }

.legacy .menu-dialog__close-button {
    flex-shrink: 0;
  }

.legacy .menu-dialog__body {
    color: #00005f;
    display: flex;
    flex: 1 1 0%;
    flex-direction: column;
    font-size: 1rem;
    letter-spacing: 0.015em;
    line-height: 1.625rem;
    overflow-y: auto;
    padding: 12px 24px 24px;
  }

@media (min-width: 992px) {
    .legacy .menu-dialog__body {
      font-size: 1.125rem;
      line-height: 1.75rem;
    }
  }

@media (min-width: 360px) {
    .legacy .menu-dialog__body {
      overflow-y: auto;
    }
  }

@media (min-width: 760px) {
    .legacy .menu-dialog__body {
      padding: 16px 32px 32px;
      scrollbar-gutter: auto;
    }
  }

@media screen and (max-width: 1024px) and (max-height: 768px) and (orientation: landscape) {
    .legacy .menu-dialog__body {
      overflow-y: auto;
    }
  }

.legacy .menu-dialog--mainNavigation .menu-dialog__body {
    padding: 3px 24px 24px;
  }

@media (min-width: 760px) {
    .legacy .menu-dialog--mainNavigation .menu-dialog__body {
      padding: 3px 32px 32px;
      scrollbar-gutter: auto;
    }
  }

.legacy .menu-dialog__footer {
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    gap: 1rem;
    padding: 24px;
  }

.legacy .account-logged-in-dialog__content {
    color: #101316;
    display: flex;
    flex-direction: column;
  }

.legacy .account-logged-in-dialog__content .cms-navigation-item {
    border-bottom: 1px solid #c2c5c7;
    padding: 1rem 0;
  }

.legacy .account-logged-in-dialog__content .cms-navigation-item:last-of-type {
    border-bottom: 0;
  }

.legacy .account-logged-out-dialog__content {
    color: #101316;
    display: flex;
    flex-direction: column;
    row-gap: 16px;
  }

.legacy .account-menu-button {
    position: relative;
  }

.legacy .account-menu-button__button {
    border-radius: 4px;
    display: block;
  }

.legacy .account-menu-button__button:focus-visible {
    outline: 0.1875rem solid #0d3a93;
    outline-offset: 0.125rem;
  }

.legacy .account-menu-button__icon-content {
    align-items: center;
    display: flex;
    flex-direction: column;
  }

.legacy .account-menu-button__icon-label {
    font-size: 0.875rem;
    line-height: 1.3125rem;
  }

.legacy .empty-state-mini-cart {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    text-align: center;
  }

.legacy .empty-state-mini-cart__headline {
    color: #0d3a93;
    font-size: 1.5rem;
    line-height: 1.75rem;
    line-height: 1.375rem;
    margin-bottom: 1rem;
  }

@media (min-width: 760px) {
    .legacy .empty-state-mini-cart__headline {
      font-size: 2.5rem;
      line-height: 3rem;
      line-height: 1.75rem;
      margin-bottom: 1.5rem;
    }
  }

.legacy .empty-state-mini-cart__text {
    color: #71777e;
    font-size: 1.125rem;
    line-height: 1.375rem;
    margin-bottom: 1.5rem;
  }

@media (min-width: 760px) {
    .legacy .empty-state-mini-cart__text {
      font-size: 1.5rem;
      line-height: 1.75rem;
      margin-bottom: 2rem;
    }
  }

.legacy .empty-state-mini-cart__content {
    display: flex;
    flex: 1 1 0%;
    flex-direction: column;
    justify-content: center;
  }

.legacy .empty-state-mini-cart__buttons {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    width: 100%;
  }

.legacy .miniCart-modal__content-wrapper {
    flex: 1;
  }

.legacy .miniCart-modal .substitute-all-accordion {
    border-bottom: 4px solid #f5f5f6;
  }

.legacy .miniCart-modal__cart-product-list.cart-product-list {
    border-bottom: 4px solid #f5f5f6;
    padding: 2rem 0;
  }

.legacy .miniCart-modal__cart-product-list.cart-product-list .cart-product__product {
    align-items: stretch;
  }

.legacy .miniCart-modal__cart-product-list.cart-product-list
    .cart-product__total-price {
    justify-content: space-between;
  }

.legacy .miniCart-modal__instructions {
    background-color: #fff;
    border-bottom: 4px solid #f5f5f6;
    padding: 1rem 1.5rem;
  }

@media (min-width: 760px) {
    .legacy .miniCart-modal__instructions {
      padding: 1rem 2rem;
    }
  }

.legacy .miniCart-modal__instructions .cart-note__description {
    margin-top: 1rem;
  }

.legacy .miniCart-modal__subtotal {
    border-bottom: 4px solid #f5f5f6;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding-bottom: 1rem;
  }

.legacy .miniCart-modal__subtotal--extra-info {
    padding: 1rem 0;
  }

@media (min-width: 760px) {
    .legacy .miniCart-modal__subtotal--extra-info {
      padding: 1rem 0;
    }
  }

.legacy .miniCart-modal__cms-content {
    --mini-cart-modal-cms-content-gap: 1.25rem;
    background-color: #f5f5f6;
    display: flex;
    flex-direction: column;
    gap: var(--mini-cart-modal-cms-content-gap);
    margin: 0 -1.5rem;
    padding: var(--mini-cart-modal-cms-content-gap) 0;
  }

@media (min-width: 760px) {
    .legacy .miniCart-modal__cms-content {
      --mini-cart-modal-cms-content-gap: 1.5rem;
    }
  }

@media (min-width: 992px) {
    .legacy .miniCart-modal__cms-content {
      --mini-cart-modal-cms-content-gap: 2.25rem;
    }
  }

.legacy .miniCart-modal__cms-content > div:has(.notification-banner) {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

@media (min-width: 760px) {
    .legacy .miniCart-modal__cms-content > div:has(.notification-banner) {
      padding-left: 2rem;
      padding-right: 2rem;
    }
  }

.legacy .miniCart-modal__cms-content .product-teaser-list {
    --product-teaser-list-header-h-spacing-below-m: 1.5rem;
    --product-teaser-list-header-h-spacing-above-m: 2rem;
    --product-teaser-list-header-h-spacing-above-l: 2rem;
    --product-teaser-list-item-width-abovel-l: 12rem;
  }

.legacy .miniCart-modal__cms-content .product-teaser-list .teaser-list {
    --teaser-list-h-spacing-below-m: 1.5rem;
    --teaser-list-h-spacing-above-m: 2rem;
    --teaser-list-h-spacing-above-l: 2rem;
    --teaser-list-item-gap-above-m: 0.5rem;
    --teaser-list-button-h-spacing-below-l: 2.125rem;
    --teaser-list-button-h-spacing-above-l: 2.125rem;
  }

.legacy .miniCart-modal__empty-cart-content {
    align-items: center;
    display: flex;
    flex: 1;
    justify-content: center;
    padding: 2rem 0;
  }

@media (min-width: 760px) {
    .legacy .miniCart-modal__empty-cart-content {
      padding: 6rem 0 3rem;
    }
  }

.legacy .miniCart-modal__empty-cart-content--container {
    align-items: center;
    display: flex;
    flex: 1;
    justify-content: center;
  }

.legacy .miniCart-modal__checkout-branding {
    padding: 1rem 0;
  }

.legacy .mini-cart-badge {
    position: relative;
  }

.legacy .mini-cart-badge__button {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 0 !important;
    padding: 0 !important;
    position: relative;
  }

.legacy .mini-cart-badge--mini-cart-visible {
    z-index: 901;
  }

.legacy .mini-cart-badge:focus-visible {
    outline-offset: 12px;
  }

.legacy .mini-cart-badge__icon-label {
    font-size: 0.875rem;
    line-height: 1.3125rem;
  }

.legacy .mini-cart-badge__icon-badge-wrapper {
    display: flex;
    justify-content: center;
  }

.legacy .mini-cart-badge__badge {
    left: calc(100% - 4px);
    position: absolute;
    top: 0;
    transform: translate(-50%, -50%);
  }

.legacy .mini-cart-badge__tooltip {
    box-sizing: content-box;
    max-width: 15.5rem !important;
    padding: 0.75rem;
    right: -0.5rem;
  }

@media (min-width: 360px) {
    .legacy .mini-cart-badge__tooltip {
      right: -0.25rem;
    }
  }

@media (min-width: 552px) {
    .legacy .mini-cart-badge__tooltip {
      max-width: min(95vw, 20.75rem) !important;
      right: -0.25rem;
    }
  }

@media (min-width: 760px) {
    .legacy .mini-cart-badge__tooltip {
      right: -1rem;
    }
  }

@media (min-width: 992px) {
    .legacy .mini-cart-badge__tooltip {
      padding: 1rem;
    }
  }

.legacy .mini-cart-badge__tooltip:before {
    top: 0;
  }

.legacy .flyout-submenu__items-container {
    display: flex;
    flex-direction: column;
    padding: 0 0 16px;
  }

.legacy .flyout-submenu__item {
    border-bottom: 1px solid #d6d8da;
    cursor: pointer;
    padding: 0;
  }

.legacy .flyout-submenu__item:focus-visible {
    outline: 0.1875rem solid #0d3a93;
    outline-offset: 0;
  }

.legacy .flyout-submenu__item:focus-visible {
    border-radius: 0.25rem;
  }

.legacy .flyout-submenu__item.active {
    color: #0d3a93;
  }

.legacy .flyout-submenu__item .linklist-item__image {
    margin-right: 0.5rem;
  }

.legacy .base-flyout__sub-navi-headline {
    align-items: center;
    color: #00005f;
    display: flex;
    font-size: 1.5rem;
    font-weight: 700;
    gap: 8px;
    letter-spacing: 0.02em;
    letter-spacing: 0.01em;
    line-height: 2.125rem;
    text-transform: uppercase;
  }

@media (min-width: 992px) {
    .legacy .base-flyout__sub-navi-headline {
      font-size: 1.625rem;
      line-height: 2.25rem;
    }
  }

.legacy .base-flyout__sub-navi-headline .base-icon {
    color: #0d3a93;
  }

.legacy .base-flyout__quick-links-wrapper {
    display: flex;
    flex-direction: column;
    font-size: 1rem;
    gap: 8px;
    line-height: 1.5rem;
    margin-top: 16px;
  }

.legacy .burger-menu-button {
    align-items: center;
    border-radius: 4px;
    color: #0d3a93;
    display: flex;
    flex-direction: column;
    font-size: 0.875rem;
    line-height: 1.3125rem;
  }

.legacy .burger-menu-button:focus-visible {
    outline: 0.1875rem solid #0d3a93;
    outline-offset: 0.125rem;
  }

.legacy .burger-menu-button:hover {
    color: #5574b3;
  }

.legacy .base-page-header {
    background-color: #fff;
    box-shadow: 0 0.25rem 0.25rem #c1c4c740;
  }

@media (max-width: 759.9px) {
    .legacy .base-page-header {
      padding: 12px 0;
    }
  }

.legacy .base-page-header--no-search .base-page-header__head {
    grid-template-areas: "left nav search right";
    grid-template-columns: auto minmax(0, auto) 1fr auto;
    min-height: 0;
  }

@media (min-width: 760px) {
    .legacy .base-page-header--no-search .base-page-header__head {
      min-height: 5.5rem;
    }
  }

.legacy .base-page-header--no-search .base-page-header__head-search {
    padding: 0;
  }

.legacy .base-page-header--flyout-open {
    box-shadow: none !important;
    left: 0;
    padding: 0.75rem 0;
    position: fixed;
    right: 0;
    top: 0;
  }

.legacy .base-page-header--flyout-open .base-feature-bar {
    height: 0;
  }

.legacy .base-page-header--flyout-open .base-page-header__head {
    display: block;
    min-height: 0 !important;
  }

.legacy .base-page-header--flyout-open .base-page-header__head-left,
  .legacy .base-page-header--flyout-open .base-page-header__head-right {
    display: none;
  }

.legacy .base-page-header--flyout-open .base-page-header__head-search {
    padding: 0;
  }

.legacy .base-page-header__logo-aldi {
    align-items: center;
    display: flex;
    flex: none;
    margin-left: -0.375rem;
  }

.legacy .base-page-header__head {
    align-items: start;
    display: grid;
    grid-template-areas: "left nav . right" "search search search search";
    grid-template-columns: auto auto 1fr auto;
    min-height: 5.5rem;
    row-gap: 1rem;
  }

@media (min-width: 760px) {
    .legacy .base-page-header__head {
      align-items: center;
      grid-template-areas: "left nav search right";
      grid-template-columns: auto minmax(0, auto) minmax(360px, 1fr) auto;
    }
  }

.legacy .base-page-header__head-left {
    border-radius: 0.5rem;
    display: flex;
    gap: 1rem;
    grid-area: left;
    justify-content: center;
    outline: none;
  }

.legacy .base-page-header__head-left:focus-visible {
    outline: 0.1875rem solid #0d3a93;
    outline-offset: 0.125rem;
  }

@media (min-width: 760px) {
    .legacy .base-page-header__head-left {
      gap: 1.5rem;
    }
  }

.legacy .base-page-header__head-nav {
    grid-area: nav;
    opacity: 1;
    transition: opacity 0.2s ease-out;
  }

.legacy .base-page-header--ssr .base-page-header__head-nav {
    height: 0;
    opacity: 0;
  }

.legacy .base-page-header__head-nav--hidden {
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }

.legacy .base-page-header__head-search {
    grid-area: search;
  }

@media (min-width: 760px) {
    .legacy .base-page-header__head-search {
      padding-left: 40px;
    }
  }

.legacy .base-page-header__head-right {
    align-items: center;
    display: flex;
    gap: 12px;
    grid-area: right;
    height: 100%;
  }

@media (min-width: 360px) {
    .legacy .base-page-header__head-right {
      gap: 24px;
    }
  }

@media (min-width: 760px) {
    .legacy .base-page-header__head-right {
      margin-left: 40px;
    }
    .legacy .base-page-header__head-right--hidden {
      margin-left: 0;
    }
  }

@media (min-width: 992px) {
    .legacy .base-page-header--ssr .base-page-header__burger-menu-button {
      display: none;
    }
  }

.legacy .base-page-header__main-navigation {
    margin-left: 1.5rem;
  }

.legacy .base-header {
    background-color: #fff;
    position: sticky;
    top: -3rem;
    width: 100%;
    z-index: 600;
  }

.legacy .quick-link {
    display: inline-block;
    text-align: center;
  }

.legacy .quick-link__icon {
    background-color: #fff;
    border-radius: 0.5rem;
    display: inline-block;
    height: 3.5rem;
    margin: 0 auto;
    padding: 1rem;
    width: 3.5rem;
  }

.legacy .quick-link:active,
  .legacy .quick-link:focus,
  .legacy .quick-link:hover {
    outline: 0;
  }

.legacy .quick-link:active .quick-link__icon,
  .legacy .quick-link:focus .quick-link__icon,
  .legacy .quick-link:hover .quick-link__icon {
    background-color: #144390;
  }

.legacy .quick-link:active .quick-link__icon img,
  .legacy .quick-link:focus .quick-link__icon img,
  .legacy .quick-link:hover .quick-link__icon img {
    filter: invert(1) saturate(0) brightness(2);
  }

.legacy .quick-link__text {
    color: #fff;
    font-size: 1rem;
    line-height: 1rem;
    margin-top: 0.5rem;
  }

.legacy .quicklink-list {
    background-color: #0d3a93;
    border-radius: 0.5rem;
    padding: 1.5rem;
  }

@media (min-width: 760px) {
    .legacy .quicklink-list {
      padding: 1.5rem 3.5rem;
    }
  }

@media (min-width: 992px) {
    .legacy .quicklink-list {
      padding: 2rem 4rem;
    }
  }

.legacy .quicklink-list__title {
    color: #00005f;
    color: #fff !important;
    font-size: 1.5rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    letter-spacing: 0.01em;
    line-height: 2.125rem;
    margin-bottom: 1rem;
    text-align: center;
    text-transform: uppercase;
  }

@media (min-width: 992px) {
    .legacy .quicklink-list__title {
      font-size: 1.625rem;
      line-height: 2.25rem;
    }
  }

.legacy .quicklink-list__links {
    -moz-column-gap: 1rem;
    column-gap: 1rem;
    display: grid;
    grid-template-columns: repeat(4, 3.8125rem);
    justify-content: center;
  }

@media (min-width: 760px) {
    .legacy .quicklink-list__links {
      -moz-column-gap: 1.5rem;
      column-gap: 1.5rem;
      grid-template-columns: repeat(4, 5rem);
    }
  }

.legacy .base-quick-links {
    height: 5.3125rem;
    margin: 12rem auto 3.5rem !important;
    position: relative;
  }

@media (min-width: 992px) {
    .legacy .base-quick-links {
      height: 6rem;
    }
  }

.legacy .base-quick-links__list {
    position: absolute;
    top: 0;
    transform: translateY(-50%);
  }

.legacy .icon-tile {
    display: inline-block;
  }

.legacy .icon-tile:focus-visible {
    outline: 0.1875rem solid #0d3a93;
    outline-offset: 0;
  }

.legacy .footer-navigation {
    display: grid;
    gap: 1.5rem;
    grid: "footer-help" "footer-corporate" "footer-payment-and-social"/1fr;
    margin-bottom: 2rem;
    padding: 1.5rem 0 2rem;
  }

@media (min-width: 760px) {
    .legacy .footer-navigation {
      grid: "footer-help footer-corporate" "footer-payment-and-social footer-payment-and-social"/1fr 1fr;
      margin: 0;
      padding-top: 2.5rem;
      row-gap: 3.5rem;
    }
  }

@media (min-width: 992px) {
    .legacy .footer-navigation {
      grid: "footer-help footer-corporate footer-payment-and-social"/1fr 1fr 1fr;
      padding-bottom: 3rem;
    }
  }

.legacy .footer-navigation__corporate,
  .legacy .footer-navigation__help {
    border-bottom: 0.0625rem solid #d6d8da;
  }

@media (min-width: 760px) {
    .legacy .footer-navigation__corporate,
    .legacy .footer-navigation__help {
      border-bottom: 0;
    }
  }

.legacy .footer-navigation__corporate .accordion-item__title,
  .legacy .footer-navigation__help .accordion-item__title {
    align-items: flex-start;
  }

.legacy .footer-navigation__corporate .accordion-item__content,
  .legacy .footer-navigation__help .accordion-item__content {
    margin: 0;
  }

@media (min-width: 552px) {
    .legacy .footer-navigation__corporate
      .accordion-item
      .linklist-item--standard:last-child,
    .legacy .footer-navigation__help
      .accordion-item
      .linklist-item--standard:last-child {
      border-bottom: 0;
    }
  }

.legacy .footer-navigation__help {
    grid-area: footer-help;
  }

.legacy .footer-navigation__corporate {
    grid-area: footer-corporate;
  }

.legacy .footer-navigation__payment-and-social {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    grid-area: footer-payment-and-social;
  }

@media (min-width: 760px) {
    .legacy .footer-navigation__payment-and-social {
      border-top: 0.0625rem solid #d6d8da;
      display: flex;
      flex-direction: row;
      gap: 3rem;
      padding-top: 1.5rem;
    }
  }

@media (min-width: 992px) {
    .legacy .footer-navigation__payment-and-social {
      border: 0;
      flex-direction: column;
      gap: 1.5rem;
      padding-top: 3.75rem;
    }
  }

.legacy .footer-navigation__payment-and-social .base-bordered-list__headline {
    font-size: 1rem;
    letter-spacing: 0.015em;
    line-height: 1.625rem;
    margin: 0;
  }

@media (min-width: 992px) {
    .legacy .footer-navigation__payment-and-social .base-bordered-list__headline {
      font-size: 1.125rem;
      line-height: 1.75rem;
    }
  }

.legacy .footer-navigation__payment-and-social
    .base-bordered-list:last-child
    .footer-navigation__list {
    border-bottom: 0;
  }

.legacy .footer-navigation__item {
    align-items: center;
    display: flex;
    justify-content: center;
  }

.legacy .footer-navigation__icon {
    max-height: 100%;
    max-width: 100%;
  }

@media (min-width: 760px) {
    .legacy .footer-navigation__payment,
    .legacy .footer-navigation__social {
      flex: 1;
    }
  }

@media (min-width: 992px) {
    .legacy .footer-navigation__payment,
    .legacy .footer-navigation__social {
      flex: unset;
    }
  }

.legacy .footer-navigation__payment .footer-navigation__list,
  .legacy .footer-navigation__social .footer-navigation__list {
    border-bottom: 0.0625rem solid #d6d8da;
    display: flex;
    flex-wrap: wrap;
  }

@media (min-width: 760px) {
    .legacy .footer-navigation__payment .footer-navigation__list,
    .legacy .footer-navigation__social .footer-navigation__list {
      border-bottom: 0;
    }
  }

@media (min-width: 992px) {
    .legacy .footer-navigation__payment .footer-navigation__list,
    .legacy .footer-navigation__social .footer-navigation__list {
      border-bottom: 0.0625rem solid #d6d8da;
    }
  }

.legacy .footer-navigation__payment {
    grid-area: footer-payment;
  }

.legacy .footer-navigation__payment .footer-navigation__list {
    gap: 1rem;
    padding-bottom: 1rem;
  }

@media (min-width: 992px) {
    .legacy .footer-navigation__payment .footer-navigation__list {
      padding-bottom: 1.5rem;
    }
  }

.legacy .footer-navigation__payment
    .footer-navigation__list
    .footer-navigation__item {
    height: 2.5rem;
    width: 5rem;
  }

.legacy .footer-navigation__social {
    grid-area: footer-social;
  }

.legacy .footer-navigation__social .footer-navigation__list {
    gap: 1.5rem;
  }

@media (min-width: 760px) {
    .legacy .footer-navigation__social .footer-navigation__list {
      gap: 0.5rem;
    }
  }

@media (min-width: 992px) {
    .legacy .footer-navigation__social .footer-navigation__list {
      gap: 1rem;
    }
  }

.legacy .footer-navigation__social .footer-navigation__list .base-link:hover img {
    filter: contrast(4) saturate(3) brightness(1.2);
  }

.legacy .footer-navigation__social .footer-navigation__list .base-link:focus {
    border-radius: 0.5rem;
  }

.legacy .footer-navigation__social
    .footer-navigation__list
    .base-link:focus:focus-visible {
    outline: 0.1875rem solid #0d3a93;
    outline-offset: 0;
  }

.legacy .footer-navigation__social .footer-navigation__list .footer-navigation__item {
    height: 2rem;
    width: 2rem;
  }

.legacy .base-meta-navigation {
    display: flex;
    flex-wrap: wrap-reverse;
  }

.legacy .base-meta-navigation__list {
    -moz-column-gap: 1rem;
    column-gap: 1rem;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    row-gap: 1rem;
  }

@media (min-width: 760px) {
    .legacy .base-meta-navigation__list {
      -moz-column-gap: 2.5rem;
      column-gap: 2.5rem;
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
    }
  }

.legacy .base-meta-navigation__list__item {
    display: flex;
    gap: 0.25rem;
    max-width: 13rem;
  }

@media (min-width: 552px) {
    .legacy .base-meta-navigation__list__item {
      width: -moz-fit-content;
      width: fit-content;
    }
  }

.legacy .base-meta-navigation__list__item img {
    height: -moz-max-content;
    height: max-content;
  }

.legacy .base-meta-navigation__list__link {
    color: #343d46;
    display: flex;
    font-size: 0.875rem;
    line-height: 1.3125rem;
    text-align: left;
  }

.legacy .base-meta-navigation__list__link:focus-visible {
    outline: 0.1875rem solid #0d3a93;
    outline-offset: 0.125rem;
  }

@media (min-width: 760px) {
    .legacy .base-meta-navigation__list__link {
      margin: 0;
    }
  }

@media (min-width: 992px) {
    .legacy .base-meta-navigation__list__link {
      width: unset;
    }
  }

.legacy .base-meta-navigation__list__link:last-child {
    margin: 0;
  }

.legacy .base-meta-navigation__list__link:hover {
    color: #0d3a93;
  }

.legacy .footer-meta-navigation-container {
    padding: 2rem 0;
  }

.legacy .footer-meta-navigation-container__meta {
    display: flex;
    flex-wrap: wrap;
  }

.legacy .base-page-footer {
    background-color: #f5f5f6;
  }

.legacy .header-logo {
    border-radius: 0.5rem;
    display: block;
    padding: 0 0.375rem;
  }

.legacy .header-logo:focus-visible {
    outline: 0.1875rem solid #0d3a93;
    outline-offset: 0.125rem;
  }

.legacy .header-logo__checkout-logo {
    height: 2.5rem !important;
  }

.legacy .logo-aldi {
    color: #00005f;
    height: 3rem;
    width: auto;
  }

.legacy .may-lose-cart-items-alert__description {
    font-size: 1rem !important;
    font-weight: 400;
    line-height: 1.5rem !important;
  }

.legacy .may-lose-cart-items-alert__description__headline {
    margin-bottom: 1.5rem;
  }

.legacy .may-lose-cart-items-alert__description__alert {
    color: #b30012;
    font-weight: 700;
  }

.legacy .may-lose-cart-items-alert__description ul {
    margin-left: 0.625rem;
    padding-left: 1rem;
  }

.legacy .may-lose-cart-items-alert__description ul > :last-child {
    margin-bottom: 0;
  }

.legacy .may-lose-cart-items-alert__description ul ul {
    margin-bottom: 0;
    padding-left: 2rem;
  }

.legacy .may-lose-cart-items-alert__description ul li {
    font-size: 1rem;
    line-height: 1.5rem;
    list-style-type: disc;
    margin-bottom: 0.75rem;
    position: relative;
  }

@media (min-width: 760px) {
    .legacy .may-lose-cart-items-alert__description ul li {
      margin-bottom: 0.875rem;
    }
  }

.legacy .may-lose-cart-items-alert__description ul li li {
    margin-bottom: 0.25rem;
  }

@media (min-width: 760px) {
    .legacy .may-lose-cart-items-alert__description ul li li {
      margin-bottom: 0.375rem;
    }
  }

.legacy .may-lose-cart-items-alert__description ul li li:first-child {
    margin-top: 0.25rem;
  }

@media (min-width: 760px) {
    .legacy .may-lose-cart-items-alert__description ul li li:first-child {
      margin-top: 0.375rem;
    }
  }

.legacy .may-lose-cart-items-alert__products-container {
    margin-top: 1.5rem;
    max-height: 20rem;
  }

.legacy .may-lose-cart-items-alert__product {
    align-items: stretch;
    display: flex;
    width: 100%;
  }

@media (min-width: 760px) {
    .legacy .may-lose-cart-items-alert__product {
      align-items: center;
    }
  }

.legacy .may-lose-cart-items-alert__product:not(:last-child) {
    margin-bottom: 1.5rem;
  }

.legacy .may-lose-cart-items-alert__product > a {
    border: 2px solid transparent;
  }

.legacy .may-lose-cart-items-alert__product > a:focus-visible {
    outline: 0.1875rem solid #0d3a93;
    outline-offset: -0.1875rem;
  }

.legacy .may-lose-cart-items-alert__product--image {
    align-self: flex-start;
    display: flex;
    flex-shrink: 0;
    height: 3rem;
    justify-content: center;
    margin-right: 1.5rem;
    width: 4rem;
  }

@media (min-width: 760px) {
    .legacy .may-lose-cart-items-alert__product--image {
      align-items: center;
    }
  }

.legacy .may-lose-cart-items-alert__product--info {
    flex: 1;
    hyphens: auto;
    margin-bottom: 0.5rem;
    margin-right: 0;
    word-break: break-word;
  }

@media (min-width: 760px) {
    .legacy .may-lose-cart-items-alert__product--info {
      margin-bottom: 0;
      margin-right: 1.5rem;
    }
  }

.legacy .may-lose-cart-items-alert__product--name {
    color: #101316;
    font-size: 1rem !important;
    font-weight: 400;
    line-height: 1.5rem !important;
  }

.legacy .may-lose-cart-items-alert__product--name:focus-visible {
    outline: 0.1875rem solid #0d3a93;
    outline-offset: 0;
  }

.legacy .may-lose-cart-items-alert__product--name a {
    color: inherit;
    text-decoration: none;
  }

.legacy .may-lose-cart-items-alert__product--quantity {
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 1.3125rem;
  }

.legacy .may-lose-cart-items-alert__product--total-price {
    align-items: flex-end;
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    font-size: 1rem !important;
    font-weight: 400;
    line-height: 1.5rem !important;
    margin-bottom: auto;
    text-align: right;
    width: 4rem;
  }

.legacy .select-merchant-button {
    align-items: center;
    display: flex;
    gap: 0.25rem;
  }

@media (min-width: 760px) {
    .legacy .select-merchant-button {
      gap: 0.375rem;
    }
  }

.legacy .select-merchant-button__service {
    align-items: center;
    border-radius: 3.625rem;
    display: flex;
    flex-grow: 1;
    gap: 0.25rem;
    justify-content: center;
    letter-spacing: 0.01125rem;
  }

.legacy .select-merchant-button__service:focus-visible {
    outline: 0.1875rem solid #7a93c4;
    outline-offset: 0.125rem;
  }

.legacy .select-merchant-button__service .base-icon {
    color: #fff;
    height: 1.25rem;
    width: 1.25rem;
  }

.legacy .select-merchant-button__service--delivery {
    padding-left: 0.5rem;
  }

.legacy .select-merchant-button__service--curbside {
    padding-right: 0.5rem;
  }

.legacy .select-merchant-button__service--selected {
    background-color: #fff;
    color: #00005f;
    padding: 0.25rem 0.75rem;
  }

.legacy .select-merchant-button__service--selected .base-icon {
    color: #00005f;
  }

.legacy .base-tooltip {
    background: #88d5f5;
    border-radius: 8px;
    color: #101316;
    display: flex;
    flex-direction: column;
    max-width: min(95vw, 20.75rem);
    min-width: 16rem;
    padding: 16px;
    position: absolute;
    top: 100%;
    width: -moz-max-content;
    width: max-content;
    z-index: 650;
  }

.legacy .base-tooltip__fade-enter-from,
  .legacy .base-tooltip__fade-leave-to {
    opacity: 0;
  }

.legacy .base-tooltip__fade-enter-active,
  .legacy .base-tooltip__fade-leave-active {
    transition: opacity 0.3s ease;
  }

.legacy .base-tooltip__content {
    align-items: center;
    display: flex;
    width: 100%;
  }

.legacy .base-tooltip__text {
    font-size: 0.875rem;
    letter-spacing: 0.015em;
    line-height: 1.375rem;
  }

.legacy .base-tooltip__shift-none {
    transform: translateY(10px);
  }

.legacy .base-tooltip__shift-left {
    transform: translateY(10px) translate(-40%);
  }

.legacy .base-tooltip__shift-right {
    transform: translateY(10px) translate(40%);
  }

.legacy .base-tooltip__shift-center,
  .legacy .base-tooltip__shift-desktop-none-mobile-center {
    left: 50%;
    transform: translateY(10px) translate(-50%);
  }

@media (min-width: 552px) {
    .legacy .base-tooltip__shift-desktop-none-mobile-center {
      left: 0;
      transform: translateY(10px);
    }
  }

.legacy .base-tooltip__icon-wrapper {
    flex-grow: 1;
    margin-right: 8px;
    order: -1;
  }

.legacy .base-tooltip__title {
    font-weight: 700;
  }

.legacy .base-tooltip:before {
    background: #88d5f5;
    content: "";
    height: 16px;
    position: absolute;
    top: 0;
    transform: rotate(45deg) translate(-50%);
    width: 16px;
  }

.legacy .base-tooltip__arrow-center:before {
    left: 50%;
  }

.legacy .base-tooltip__arrow-left:before {
    left: 16px;
  }

.legacy .base-tooltip__arrow-right:before {
    right: 16px;
  }

.legacy .select-merchant-feature-bar {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    font-size: 0.875rem;
    gap: 0.5rem;
    letter-spacing: 0.01125rem;
    padding: 0.5625rem 0;
  }

@media (min-width: 360px) {
    .legacy .select-merchant-feature-bar {
      flex-wrap: nowrap;
    }
  }

.legacy .select-merchant-feature-bar__service-address {
    line-height: 1.125rem;
    overflow: hidden;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

.legacy .select-merchant-feature-bar__service-address:focus-visible {
    outline: 0.1875rem solid #7a93c4;
    outline-offset: 0.125rem;
  }

.legacy .select-merchant-feature-bar__service-address-wrapper {
    display: flex;
  }

.legacy .select-merchant-feature-bar__merchant-button {
    margin-right: 1rem;
  }

.legacy .select-merchant-feature-bar__non-transactional-text {
    align-items: center;
    display: flex;
    font-weight: 700;
    gap: 0.25rem;
  }

.legacy .select-merchant-feature-bar__non-transactional-text .base-icon {
    height: 20px;
    width: 20px;
  }

.legacy .merchant-info-container {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    font-size: 1.125rem;
    letter-spacing: 0.016875rem;
    line-height: 1.75rem;
  }

.legacy .merchant-info-container__merchant-name {
    color: #0d3a93;
    font-weight: 700;
  }

.legacy .merchant-info-container__service {
    align-items: center;
    color: #0d3a93;
    display: flex;
    gap: 8px;
  }

.legacy .merchant-conflict-alert .base-modal {
    align-items: flex-end;
    padding: 0;
  }

@media (min-width: 992px) {
    .legacy .merchant-conflict-alert .base-modal {
      align-items: center;
    }
  }

.legacy .merchant-conflict-alert .base-modal__outer-wrapper {
    border-radius: 20px 20px 0 0;
    max-height: 95dvh;
  }

@media (min-width: 992px) {
    .legacy .merchant-conflict-alert .base-modal__outer-wrapper {
      border-radius: 20px;
    }
  }

.legacy .merchant-conflict-alert .base-modal__headline {
    font-size: 1.5rem;
    font-weight: 700;
    letter-spacing: 0.015rem;
    line-height: 2rem;
  }

@media (min-width: 992px) {
    .legacy .merchant-conflict-alert .base-modal__headline {
      font-size: 1.625rem;
      line-height: 2.25rem;
    }
  }

.legacy .merchant-conflict-alert__text {
    margin-bottom: 1.5rem;
  }

@media (min-width: 992px) {
    .legacy .merchant-conflict-alert__text {
      font-size: 1.125rem;
      line-height: 1.75rem;
    }
  }

.legacy .merchant-conflict-alert__note-headline {
    color: #b30012;
    font-weight: 700;
  }

.legacy .merchant-conflict-alert__note ul {
    padding-left: 1rem;
  }

.legacy .merchant-conflict-alert__note ul > :last-child {
    margin-bottom: 0;
  }

.legacy .merchant-conflict-alert__note ul ul {
    margin-bottom: 0;
    padding-left: 2rem;
  }

.legacy .merchant-conflict-alert__note ul li {
    font-size: 1rem;
    line-height: 1.5rem;
    list-style-type: disc;
    margin-bottom: 0.75rem;
    position: relative;
  }

@media (min-width: 760px) {
    .legacy .merchant-conflict-alert__note ul li {
      margin-bottom: 0.875rem;
    }
  }

.legacy .merchant-conflict-alert__note ul li li {
    margin-bottom: 0.25rem;
  }

@media (min-width: 760px) {
    .legacy .merchant-conflict-alert__note ul li li {
      margin-bottom: 0.375rem;
    }
  }

.legacy .merchant-conflict-alert__note ul li li:first-child {
    margin-top: 0.25rem;
  }

@media (min-width: 760px) {
    .legacy .merchant-conflict-alert__note ul li li:first-child {
      margin-top: 0.375rem;
    }
  }

.legacy .merchant-conflict-alert__note ul li {
    margin-bottom: 0;
  }

.legacy .merchant-conflict-alert__selection-text {
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: 0.01rem;
    line-height: 1.375rem;
    margin-top: 20px;
  }

.legacy .merchant-conflict-alert__selection-current-merchant,
  .legacy .merchant-conflict-alert__selection-saved-merchant {
    border: 2px solid #d6d8da;
    border-radius: 8px;
    display: block;
    margin-top: 1.25rem;
    padding: 16px 24px;
  }

.legacy .merchant-conflict-alert__selection-current-merchant .base-outline,
  .legacy .merchant-conflict-alert__selection-saved-merchant .base-outline {
    outline: none;
  }

.legacy .merchant-conflict-alert__selection-current-merchant--selected,
  .legacy .merchant-conflict-alert__selection-saved-merchant--selected {
    border-color: #0d3a93;
  }

.legacy .merchant-conflict-alert__selection-current-merchant label,
  .legacy .merchant-conflict-alert__selection-saved-merchant label {
    cursor: pointer;
  }

.legacy .merchant-conflict-alert__selection-current-merchant .base-radio,
  .legacy .merchant-conflict-alert__selection-saved-merchant .base-radio {
    align-items: flex-start;
  }

.legacy .merchant-conflict-alert__radio-button-label {
    display: flex;
    gap: 1rem;
  }

.legacy .merchant-confirm-default-alert__text-service {
    display: inline-block;
    font-weight: 700;
  }

.legacy .merchant-confirm-default-alert__text-service:first-letter {
    text-transform: capitalize;
  }

.legacy .merchant-confirm-default-alert__text-merchant-address {
    font-weight: 700;
  }

.legacy .merchant-confirm-default-alert .base-modal__headline {
    color: #00005f;
    font-size: 1.75rem;
    font-weight: 700;
    letter-spacing: 0.01em;
    line-height: 2.5rem;
  }

@media (min-width: 992px) {
    .legacy .merchant-confirm-default-alert .base-modal__headline {
      font-size: 2rem;
      line-height: 2.75rem;
    }
  }

.legacy .merchant-confirm-default-alert__merchant-data {
    border: 2px solid #0d3a93;
    border-radius: 8px;
    margin-bottom: 1rem;
    margin-top: 1rem;
    padding: 16px 24px;
  }

@media (min-width: 760px) {
    .legacy .merchant-confirm-default-alert__merchant-data {
      margin-bottom: 0;
    }
  }

.legacy .merchant-confirm-default-alert__merchant-data label {
    cursor: pointer;
  }

.legacy .merchant-confirm-default-alert__merchant-data .base-radio {
    align-items: flex-start;
  }

.legacy .merchant-confirm-default-alert__container {
    cursor: pointer;
    display: flex;
  }

.legacy .merchant-confirm-default-alert__radio-button-label {
    display: flex;
    gap: 1rem;
  }

.legacy .radio-button[data-v-bc31daa9] {
    align-items: center;
    display: flex;
    font-family: var(--radio-button-text-default-typography-font-family);
    font-size: var(--radio-button-text-default-typography-font-size);
    font-weight: var(--radio-button-text-default-typography-font-weight);
    gap: var(--radio-button-default-item-spacing);
    letter-spacing: var(--radio-button-text-default-typography-letter-spacing);
    line-height: var(--radio-button-text-default-typography-line-height);
    min-height: var(--radio-button-input-default-sizing);
    padding: var(--radio-button-input-default-vertical-padding);
  }

.legacy .radio-button__input[data-v-bc31daa9] {
    align-items: center;
    align-self: baseline;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: var(--radio-button-input-default-border-width) solid
      var(--radio-button-input-default-border-color);
    border-radius: var(--radio-button-input-default-border-radius);
    cursor: pointer;
    display: flex;
    flex-shrink: 0;
    height: var(--radio-button-input-default-height);
    justify-content: center;
    margin: var(--radio-button-input-default-vertical-padding) 0 0 0;
    width: var(--radio-button-input-default-width);
  }

.legacy .radio-button__input[data-v-bc31daa9]:hover {
    background-color: var(--radio-button-input-hover-background-color);
    border-color: var(--radio-button-input-hover-border-color);
  }

.legacy .radio-button__input[data-v-bc31daa9]:before {
    border-radius: 50%;
    content: "";
    display: block;
    flex-shrink: 0;
    height: var(--radio-button-input-icon-default-height);
    width: var(--radio-button-input-icon-default-width);
  }

.legacy .radio-button__input[data-v-bc31daa9]:checked:before {
    background: var(--radio-button-input-icon-default-color);
  }

.legacy .radio-button__input[data-v-bc31daa9]:active {
    background: var(--radio-button-input-active-background-color);
    border-color: var(--radio-button-input-active-border-color);
  }

.legacy .radio-button__input[data-v-bc31daa9]:focus-visible {
    outline: var(--radio-button-input-focus-default-border-width) solid
      var(--radio-button-input-focus-default-border-color);
    outline-offset: var(--radio-button-input-focus-default-border-width);
  }

.legacy .radio-button__input--error[data-v-bc31daa9] {
    border: var(--radio-button-input-error-border-width) solid
      var(--radio-button-input-error-border-color);
  }

.legacy .radio-button__input--error[data-v-bc31daa9]:checked:before {
    background: var(--radio-button-input-icon-error-color);
  }

.legacy .radio-button__input--error[data-v-bc31daa9]:active,
  .legacy .radio-button__input--error[data-v-bc31daa9]:hover {
    border-color: var(--radio-button-input-error-border-color);
  }

.legacy .radio-button__input--disabled[data-v-bc31daa9] {
    border-color: var(--radio-button-input-disabled-border-color);
    pointer-events: none;
  }

.legacy .radio-button__input--disabled[data-v-bc31daa9]:hover {
    background-color: unset;
    border-color: var(--radio-button-input-disabled-border-color);
  }

.legacy .radio-button__input--disabled[data-v-bc31daa9]:checked:before {
    background: var(--radio-button-input-icon-disabled-color);
  }

.legacy .radio-button__label[data-v-bc31daa9] {
    color: var(--radio-button-text-default-color);
  }

.legacy .radio-button__label--disabled[data-v-bc31daa9] {
    color: var(--radio-button-text-disabled-color);
    pointer-events: none;
  }

.legacy .search-history__delete {
    border-radius: 20px;
    color: #0d3a93;
  }

.legacy .search-history__title {
    align-items: center;
    color: #71777e;
    display: flex;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 700;
    justify-content: space-between;
    letter-spacing: 0.0125rem;
    line-height: 1.875rem;
  }

@media (min-width: 760px) {
    .legacy .search-history__title {
      font-size: 1.375rem;
    }
  }

.legacy .search-history__content {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    list-style: none;
    margin: 0;
    padding: 1rem 0;
  }

.legacy .suggested-completion {
    color: #71777e;
    padding: 0.25rem 0;
    text-align: left;
  }

.legacy .suggested-completion--product {
    color: #71777e;
    font-size: 1.125rem;
    font-weight: 700;
  }

.legacy .suggested-completion__highlight {
    color: #101316;
  }

.legacy .category-chip-list__section-header {
    color: #71777e;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0.0125rem;
    line-height: 1.875rem;
    padding-left: 3px;
  }

@media (min-width: 760px) {
    .legacy .category-chip-list__section-header {
      font-size: 1.375rem;
      padding-left: 5px;
    }
  }

.legacy .category-chip-list__categories-container {
    display: flex;
    flex-wrap: nowrap;
    gap: 0.5rem;
    margin-top: 1rem;
    overflow-x: auto;
    padding-bottom: 1rem;
    padding-left: 5px;
    padding-right: 5px;
  }

.legacy .category-chip-list__categories-container--no-overflow {
    flex-wrap: wrap;
    overflow-x: hidden;
    padding: 5px;
  }

.legacy .category-chip-list__categories-container .base-chip__label {
    width: -moz-max-content;
    width: max-content;
  }

.legacy .category-chip-list__link {
    margin-top: 5px;
  }

.legacy .category-chip-list__link:focus-visible {
    outline: 0.1875rem solid #0d3a93;
    outline-offset: 0;
  }

.legacy .category-chip-list__link:focus {
    border-radius: 1.5rem;
  }

.legacy .category-chip-list__link:last-child {
    margin-right: 5px;
  }

.legacy .injection-suggested-product-on-sale-date-label {
    background-color: #bbe7f9;
    border-radius: 5rem;
    color: #092867;
    font-size: 0.875rem;
    margin-top: 0.75rem;
    padding: 0.5rem;
    width: -moz-fit-content;
    width: fit-content;
  }

.legacy .suggested-product {
    align-items: center;
    -moz-column-gap: 1rem;
    column-gap: 1rem;
    display: grid;
    grid-template-columns: 4rem 1fr;
    padding: 1rem 0;
  }

.legacy .suggested-product__brand-name {
    color: #343d46;
    display: block;
    font-size: 0.875rem;
    letter-spacing: 0.125rem;
    line-height: 1.3125rem;
    text-transform: uppercase;
  }

.legacy .suggested-product__image {
    max-height: 4rem;
    max-width: 4rem;
  }

.legacy .suggested-product__image-container {
    align-items: center;
    display: flex;
    height: 4rem;
    justify-content: center;
    width: 4rem;
  }

.legacy .suggested-product__info-container {
    color: #71777e;
    display: flex;
    flex-direction: column;
  }

.legacy .suggested-product__info-container--blurred {
    filter: blur(6px);
  }

@media (min-width: 760px) {
    .legacy .suggested-product__info-container--blurred {
      filter: none;
    }
  }

.legacy .suggested-product__price {
    margin-top: 6px;
  }

.legacy .suggested-product__highlight {
    color: #101316;
    font-weight: 700;
  }

.legacy .add-to-cart-button--search-flyout {
    height: 48px;
  }

.legacy .add-to-cart-button--search-flyout .add-to-cart-button__add-button {
    border: 1px solid #0d3a93;
    border-radius: 50%;
    color: #0d3a93;
    height: 100%;
    width: 3rem;
  }

.legacy .add-to-cart-button--search-flyout .add-to-cart-quantity {
    border: 1px solid #0d3a93;
    border-radius: 26px;
    color: #00005f;
    display: flex;
    height: 100%;
    position: relative;
    width: 100%;
    width: 9.0625rem;
  }

.legacy .add-to-cart-button--search-flyout .add-to-cart-quantity__button-decrease,
  .legacy .add-to-cart-button--search-flyout .add-to-cart-quantity__button-increase {
    align-items: center;
    display: flex;
    flex: 0 0 3rem;
    justify-content: center;
    touch-action: manipulation;
    z-index: 201;
  }

.legacy .add-to-cart-button--search-flyout
    .add-to-cart-quantity__button-decrease:focus-visible,
  .legacy .add-to-cart-button--search-flyout
    .add-to-cart-quantity__button-increase:focus-visible {
    outline: 0.1875rem solid #7a93c4;
    outline-offset: 0.125rem;
  }

.legacy .add-to-cart-button--search-flyout
    .add-to-cart-quantity__button-decrease[aria-disabled="true"],
  .legacy .add-to-cart-button--search-flyout
    .add-to-cart-quantity__button-increase[aria-disabled="true"] {
    cursor: not-allowed !important;
    opacity: 0.65;
  }

.legacy .add-to-cart-button--search-flyout .add-to-cart-quantity__button-increase {
    border-radius: 0 24px 24px 0;
  }

.legacy .add-to-cart-button--search-flyout .add-to-cart-quantity__button-decrease {
    border-radius: 24px 0 0 24px;
  }

.legacy .add-to-cart-button--search-flyout .add-to-cart-quantity__input {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
    background: transparent;
    color: #101316;
    flex: 1;
    font-size: 1.125rem;
    line-height: 1.5rem;
    padding: 1px 2px;
    text-align: center;
    width: 100%;
  }

.legacy .add-to-cart-button--search-flyout
    .add-to-cart-quantity__input:focus-visible {
    text-decoration: none;
    text-underline-offset: 0.25rem;
  }

.legacy .add-to-cart-button--search-flyout .add-to-cart-quantity:after {
    background: #0d3a93;
    bottom: 8px;
    content: "";
    display: block;
    height: 0.125rem;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    width: 20%;
  }

.legacy .search-content__section-header {
    color: #71777e;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0.0125rem;
    line-height: 1.875rem;
  }

@media (min-width: 760px) {
    .legacy .search-content__section-header {
      font-size: 1.375rem;
    }
  }

.legacy .search-content__history {
    padding-top: 0 !important;
  }

.legacy .search-content .check-mark-icon-container {
    border: 1px solid #0d3a93;
    border-radius: 50%;
    color: #0d3a93;
    cursor: pointer;
    margin-bottom: 32px;
    padding: 0.6875rem;
  }

.legacy .search-content .check-mark-icon-container:focus-visible {
    outline: 0.1875rem solid #0d3a93;
    outline-offset: 0.125rem;
  }

.legacy .search-content__content {
    background-color: #fff;
    padding: 1rem 1rem 4rem;
    width: 100%;
  }

@media (prefers-contrast: more) {
    .legacy .search-content__content {
      border: 3px solid red;
    }
  }

@media (min-width: 760px) {
    .legacy .search-content__content {
      padding: 2.5rem 4rem 2rem;
    }
  }

.legacy .search-content__content--full-width {
    padding: 1rem 0;
  }

.legacy .search-content__content--error {
    color: #71777e;
    font-size: 1rem;
  }

@media (min-width: 760px) {
    .legacy .search-content__content--error {
      font-size: 1.125rem;
    }
  }

.legacy .search-content__placeholder {
    display: flex;
    flex-direction: column;
  }

.legacy .search-content__placeholder:not(:first-child) {
    margin-top: 2rem;
  }

.legacy .search-content__tab-indicator:focus-visible {
    outline: 0.1875rem solid #0d3a93;
    outline-offset: 0.125rem;
  }

.legacy .search-content__suggested-product {
    display: flex;
  }

.legacy .search-content__suggested-products {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    position: relative;
  }

.legacy .search-content__suggested-products:focus-visible {
    outline: 0.1875rem solid #0d3a93;
    outline-offset: 0;
  }

.legacy .search-content__suggested-products:not(:last-of-type) {
    border-bottom: 1px solid #d6d8da;
  }

.legacy .search-content__suggested-products-link {
    flex: 1;
  }

.legacy .search-content__actions-container {
    align-items: flex-start;
    display: flex;
    flex-wrap: nowrap;
    gap: 0.25rem;
  }

.legacy .search-content__add-to-shopping-list {
    border: 1px solid #0d3a93;
    border-radius: 999px;
    padding: 11px;
  }

.legacy .search-content__add-to-cart {
    display: flex;
    flex-direction: column;
    max-width: 145px;
    min-height: 80px;
  }

.legacy .search-content__add-to-cart__info-message {
    font-size: 0.75rem;
    height: 2rem;
    line-height: 1rem;
    margin-top: 0.25rem;
  }

.legacy .search-content__completions {
    display: flex;
    flex-direction: column;
    padding: 0 1rem;
    row-gap: 0.5rem;
  }

.legacy .search-content__completion {
    cursor: pointer;
  }

.legacy .search-content__header-container {
    align-items: center;
    display: flex;
    justify-content: space-between;
  }

.legacy .search-content__categories-container {
    display: flex;
    flex-wrap: nowrap;
    gap: 0.5rem;
    margin-top: 1rem;
    overflow-x: auto;
    padding: 3px 3px 1rem;
  }

@media (min-width: 760px) {
    .legacy .search-content__categories-container {
      flex-wrap: wrap;
      overflow-x: hidden;
      padding: 5px;
    }
  }

.legacy .search-content__categories-container .base-chip__label {
    width: -moz-max-content;
    width: max-content;
  }

.legacy .search-content__fade-leave-to {
    opacity: 0;
  }

.legacy .search-content__fade-leave-active {
    transition: opacity 0.3s ease;
  }

.legacy .search-content__spinner-logo {
    padding: 1rem 0 2.5rem;
    position: relative;
  }

.legacy .search-content__link:focus-visible {
    outline: 0.1875rem solid #0d3a93;
    outline-offset: 0.125rem;
  }

.legacy .search-content__link:focus {
    border-radius: 1.5rem;
    outline-offset: 1px;
  }

.legacy .search-content__sr-status {
    top: 0;
  }

.legacy .search-flyout {
    height: -webkit-fill-available;
    left: 50%;
    overscroll-behavior-y: contain;
    position: fixed;
    transform: translate(-50%);
    width: 100%;
    z-index: 901;
    -webkit-overflow-scrolling: auto;
    background-color: #fff;
    overflow-y: auto;
  }

@media (min-width: 760px) {
    .legacy .search-flyout {
      border-radius: 0 0 1.25rem 1.25rem;
      box-shadow: 0 0.25rem 0.25rem #c1c4c740;
      height: auto;
      max-height: calc(100vh - 9rem);
      max-width: 1200px;
    }
  }

.legacy .search-flyout__wrapper {
    background-color: #ffffffb3;
    inset: 0;
    position: fixed;
    z-index: 600;
  }

@supports (backdrop-filter: none) {
    .legacy .search-flyout__wrapper {
      backdrop-filter: blur(12px);
      background-color: #fff3;
    }
  }

.legacy .header-search-field__input-wrapper {
    align-items: center;
    display: flex;
    gap: 1px;
    position: relative;
    width: 100%;
    z-index: 3;
  }

.legacy .header-search-field__input {
    width: 100%;
  }

@media (min-width: 760px) {
    .legacy .header-search-field__input .base-input__element.has-icon-start {
      padding-left: 1rem;
    }
    .legacy .header-search-field__input .base-input__icon-start {
      width: 0;
    }
  }

.legacy .header-search-field__input .base-input__element.has-icon-before-end {
    padding-right: 3.5rem;
  }

.legacy .header-search-field__input--data-present
    .base-input__element.has-icon-before-end {
    padding-right: 7rem;
  }

.legacy .header-search-field__delete-icon {
    color: #71777e;
    cursor: pointer;
  }

.legacy .header-search-field__delete-icon:focus-visible {
    outline: 0.1875rem solid #0d3a93;
    outline-offset: 0.125rem;
  }

.legacy .header-search-field__delete-icon-container {
    pointer-events: none;
  }

.legacy .header-search-field__delete-icon-container--active {
    pointer-events: all;
  }

.legacy .header-search-field__search-icon,
  .legacy .header-search-field__search-icon--active {
    cursor: pointer;
  }

.legacy .header-search-field__search-icon--active * {
    fill: #fff;
  }

.legacy .header-search-field__search-icon-left {
    color: #0d3a93;
  }

.legacy .header-search-field__fade-enter-from,
  .legacy .header-search-field__fade-leave-to {
    opacity: 0;
  }

.legacy .header-search-field__fade-enter-active,
  .legacy .header-search-field__fade-leave-active {
    transition: opacity 0.3s ease;
  }

.legacy .base-chip {
    align-items: center;
    background-color: #e6ebf4;
    border: 1px solid transparent;
    border-radius: 1.5rem;
    color: #0d3a93;
    display: flex;
    font-size: 1rem;
    gap: 0.25rem;
    letter-spacing: 0.015rem;
    line-height: 1.5rem;
    padding: 0.5rem 1rem;
    pointer-events: auto;
  }

.legacy .base-chip:focus-visible {
    outline: 0.1875rem solid #0d3a93;
    outline-offset: 0.125rem;
  }

@media (hover: hover) and (pointer: fine) {
    .legacy .base-chip:hover {
      background-color: #cceffb;
    }
  }

.legacy .base-chip--active {
    background-color: #cfd8e9;
    border-color: #0d3a93;
  }

.legacy .base-chip--active:hover {
    background-color: #cceffb;
  }

.legacy .base-chip:focus:before {
    border-radius: 1.5rem;
  }

.legacy .base-chip__image {
    border-radius: 50%;
    flex: 0 0 3rem;
    height: 3rem;
    margin: 0 0.25rem;
    overflow: hidden;
  }

.legacy .base-chip__image--fallback {
    background-color: #fff;
    display: grid;
    padding: 0.5rem;
    place-items: center;
  }

.legacy .base-chip__image--fallback img {
    height: 100%;
  }

.legacy .base-chip__label {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
  }

.legacy .base-chip__label-highlight {
    font-weight: 700;
  }

.legacy .base-chip--large {
    border-radius: 0.75rem;
    height: 4.5rem;
    padding: 0.5rem;
    width: 100%;
  }

.legacy .base-chip--large .base-chip__label {
    -webkit-line-clamp: 3;
    line-height: 1.25rem;
  }

.legacy .base-chip__post-label {
    display: inline-block;
  }

.legacy .base-price {
    align-items: baseline;
    display: flex;
    flex-direction: column;
    line-height: 1.3125rem;
  }

.legacy .base-price__weight-or-content {
    color: #343d46;
    display: block;
    font-size: 0.75rem;
    margin-bottom: 0.25rem;
  }

.legacy .base-price--product-details .base-price__weight-or-content {
    font-size: 0.75rem;
  }

.legacy .base-price__regular {
    font-size: 1rem;
    letter-spacing: 0.015em;
    line-height: 1.625rem;
    margin-right: 0.25rem;
  }

@media (min-width: 992px) {
    .legacy .base-price__regular {
      font-size: 1.125rem;
      line-height: 1.75rem;
    }
  }

.legacy .base-price--on-sale .base-price__regular,
  .legacy .base-price__regular .base-price__discounted {
    color: #d70000;
  }

.legacy .base-price--product-details .base-price__regular {
    font-size: 1.75rem;
    line-height: 2.5rem;
  }

@media (min-width: 992px) {
    .legacy .base-price--product-details .base-price__regular {
      font-size: 2.5rem;
      line-height: 3.25rem;
    }
  }

.legacy .base-price--product-tile .base-price__regular {
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: 0.015em;
    line-height: 1.625rem;
    margin-right: 0.25rem;
  }

@media (min-width: 992px) {
    .legacy .base-price--product-tile .base-price__regular {
      font-size: 1.125rem;
      line-height: 1.75rem;
    }
  }

.legacy .base-price--search-suggestions .base-price__regular {
    color: #0d3a93;
    display: inline-block;
    font-size: 1.25rem;
    font-weight: 700;
    margin-right: 0.25rem;
  }

.legacy .base-price__discounted {
    text-decoration: none;
  }

@media (min-width: 760px) {
    .legacy .base-price__discounted {
      font-size: 2rem;
    }
  }

@media (min-width: 992px) {
    .legacy .base-price__discounted {
      font-size: 2.5rem;
    }
  }

.legacy .base-price--product-tile .base-price__discounted {
    font-size: 1rem;
  }

@media (min-width: 992px) {
    .legacy .base-price--product-tile .base-price__discounted {
      font-size: 1.125rem;
    }
  }

.legacy .base-price--search-suggestions .base-price__discounted {
    font-size: 1.25rem;
    line-height: 1.5rem;
  }

.legacy .base-price__interval {
    display: inline-block;
    font-size: 1rem;
    margin-left: 0.25rem;
  }

@media (min-width: 760px) {
    .legacy .base-price__interval {
      font-size: 1.125rem;
    }
  }

@media (min-width: 992px) {
    .legacy .base-price__interval {
      font-size: 1.375rem;
    }
  }

.legacy .base-price--product-tile .base-price__interval,
  .legacy .base-price--product-tile.base-price--on-sale .base-price__interval {
    color: #0d3a93;
    font-size: 0.75rem;
  }

@media (min-width: 992px) {
    .legacy .base-price--product-tile .base-price__interval,
    .legacy .base-price--product-tile.base-price--on-sale .base-price__interval {
      font-size: 0.875rem;
    }
  }

.legacy .base-price--product-tile.base-price--on-sale .base-price__interval {
    color: #d70000;
    font-size: 0.75rem;
    font-weight: 400;
  }

@media (min-width: 992px) {
    .legacy .base-price--product-tile.base-price--on-sale .base-price__interval {
      font-size: 0.875rem;
    }
  }

.legacy .base-price--search-suggestions .base-price__interval {
    color: #0d3a93;
    font-size: 0.75rem;
    font-weight: 400;
  }

.legacy .base-price--search-suggestions .base-price__interval--was-price {
    color: #d70000;
    font-size: 0.875rem;
  }

.legacy .base-price__comparison-price {
    display: block;
  }

.legacy .base-price--product-tile .base-price__comparison-price,
  .legacy .base-price--search-suggestions .base-price__comparison-price {
    color: #71777e;
    font-size: 0.75rem;
    height: 1.3125rem;
  }

@media (min-width: 992px) {
    .legacy .base-price--product-tile .base-price__comparison-price,
    .legacy .base-price--search-suggestions .base-price__comparison-price {
      font-size: 0.875rem;
    }
  }

.legacy .base-price__additional-info,
  .legacy .base-price__deposit,
  .legacy .base-price__vat-label,
  .legacy .base-price__was-price {
    color: #343d46;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5rem;
    margin-right: 0.25rem;
  }

.legacy .base-price--product-tile .base-price__additional-info,
  .legacy .base-price--product-tile .base-price__deposit,
  .legacy .base-price--product-tile .base-price__vat-label,
  .legacy .base-price--product-tile .base-price__was-price,
  .legacy .base-price--search-suggestions .base-price__additional-info,
  .legacy .base-price--search-suggestions .base-price__deposit,
  .legacy .base-price--search-suggestions .base-price__vat-label,
  .legacy .base-price--search-suggestions .base-price__was-price {
    font-size: 0.75rem;
    line-height: 1.3125rem;
  }

@media (min-width: 992px) {
    .legacy .base-price--product-tile .base-price__additional-info,
    .legacy .base-price--product-tile .base-price__deposit,
    .legacy .base-price--product-tile .base-price__vat-label,
    .legacy .base-price--product-tile .base-price__was-price,
    .legacy .base-price--search-suggestions .base-price__additional-info,
    .legacy .base-price--search-suggestions .base-price__deposit,
    .legacy .base-price--search-suggestions .base-price__vat-label,
    .legacy .base-price--search-suggestions .base-price__was-price {
      font-size: 0.875rem;
    }
  }

@media (min-width: 760px) {
    .legacy .base-price__additional-info,
    .legacy .base-price__vat-label,
    .legacy .base-price__was-price {
      font-size: 1.125rem;
      line-height: 1.75rem;
    }
  }

@media (min-width: 992px) {
    .legacy .base-price__additional-info,
    .legacy .base-price__vat-label,
    .legacy .base-price__was-price {
      font-size: 1.375rem;
      line-height: 2.25rem;
    }
  }

.legacy .base-price__deposit {
    display: block;
  }

.legacy .base-price--product-details .base-price__deposit {
    color: #71777e;
  }

.legacy .base-price--search-suggestions .base-price__deposit {
    display: inline-block;
  }

.legacy .base-price__vat-label {
    color: #71777e;
    white-space: nowrap;
  }

.legacy .add-new-shopping-list__form {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
  }

.legacy .add-new-shopping-list__field {
    width: 100%;
  }

.legacy .add-new-shopping-list__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    justify-content: flex-end;
  }

@media (max-width: 759.9px) {
    .legacy .add-new-shopping-list__actions {
      flex-direction: column;
    }
    .legacy .add-new-shopping-list__actions .base-button {
      width: 100%;
    }
  }

@media (min-width: 760px) {
    .legacy .add-new-shopping-list__actions .base-button {
      min-width: 120px;
    }
  }

.legacy .amendment-hint {
    align-items: center;
    background-color: #bbe7f9;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding: 20px 24px;
  }

@media (min-width: 760px) {
    .legacy .amendment-hint {
      gap: 0.75rem;
    }
  }

.legacy .amendment-hint__tooltip {
    background-color: transparent;
    border-radius: 0;
    padding: 0;
  }

.legacy .amendment-hint__content {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    gap: 0.5rem;
    width: 100%;
  }

@media (min-width: 760px) {
    .legacy .amendment-hint__content {
      gap: 0.75rem;
    }
  }

.legacy .amendment-hint__content:last-child {
    align-self: flex-start;
  }

.legacy .amendment-hint__text {
    color: #101316;
    flex: 1;
    font-size: 0.875rem;
    letter-spacing: 0.015em;
    line-height: 1.375rem;
    text-align: left;
    text-wrap: auto;
  }

@media (min-width: 992px) {
    .legacy .amendment-hint__text {
      font-size: 1rem;
      line-height: 1.5rem;
    }
  }

.legacy .amendment-hint__text h2 {
    color: #101316;
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.625rem;
  }

.legacy .amendment-hint__close-button {
    align-self: flex-start;
  }

.legacy .substitute-all-accordion {
    background-color: #fff;
    margin: 0.25rem 0;
    padding: 1rem 0;
  }

.legacy .substitute-all-accordion__button {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    margin-bottom: 0.6rem;
    width: 100%;
  }

.legacy .substitute-all-accordion__button:focus-visible {
    outline: 0.1875rem solid #0d3a93;
    outline-offset: 0.125rem;
  }

.legacy .substitute-all-accordion__title {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }

.legacy .substitute-all-accordion__content {
    display: flex;
    flex-wrap: nowrap;
    gap: 0.5rem;
    margin-top: 1rem;
  }

.legacy .substitute-all-accordion__info-container {
    width: 1.5rem;
  }

.legacy .substitute-all-accordion__paragraph-container {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    max-width: 33rem;
  }

.legacy .substitute-all-accordion__chevron {
    transform: rotate(0);
    transition: transform 0.1s ease-out;
  }

.legacy .base-accordion-item--expanded .substitute-all-accordion__chevron {
    transform: rotate(-180deg);
    transition: transform 0.1s ease-out;
  }

.legacy .injection-cart-subtotal__snap-wrapper {
    align-items: center;
    background: #f5f5f6;
    border-radius: 0.5rem;
    display: flex;
    flex-direction: row;
    gap: 1rem;
    padding: 1rem;
  }

.legacy .injection-cart-subtotal__snap-icon {
    flex: none;
    height: 2.5rem;
    width: 2.5rem;
  }

.legacy .injection-cart-subtotal__snap-text {
    font-size: 1rem;
    letter-spacing: 0.015em;
    line-height: 1.625rem;
  }

@media (min-width: 992px) {
    .legacy .injection-cart-subtotal__snap-text {
      font-size: 1.125rem;
      line-height: 1.75rem;
    }
  }

.legacy .injection-cart-subtotal__snap-text--amount {
    font-weight: 700;
  }

.legacy .injection-cart-subtotal__snap_link {
    display: flex;
  }

.legacy .amendment-advertisement {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-bottom: 1rem;
  }

@media (min-width: 760px) {
    .legacy .amendment-advertisement {
      margin-bottom: 1.5rem;
    }
  }

.legacy .amendment-advertisement__banner-icon {
    margin-right: 0.625rem;
  }

@media (min-width: 760px) {
    .legacy .amendment-advertisement__banner-icon {
      margin-right: 1.25rem;
    }
  }

.legacy .base-accordion-item__title {
    align-items: center;
    display: flex;
    font-size: 1rem;
    justify-content: space-between;
    letter-spacing: 0.015em;
    line-height: 1.625rem;
    padding: 0.75rem 0.25rem;
    width: 100%;
  }

@media (min-width: 992px) {
    .legacy .base-accordion-item__title {
      font-size: 1.125rem;
      line-height: 1.75rem;
    }
  }

.legacy .base-accordion-item__title:focus-visible {
    outline: 0.1875rem solid #0d3a93;
    outline-offset: 0;
  }

.legacy .base-accordion-item__title--no-padding {
    padding: 0;
  }

.legacy .base-accordion-item__text {
    text-align: left;
  }

.legacy .base-accordion-item__chevron {
    min-width: -moz-fit-content;
    min-width: fit-content;
    transform: rotate(0);
    transition: transform 0.1s ease-out;
  }

.legacy .base-accordion-item--expanded .base-accordion-item__chevron {
    transform: rotate(-180deg);
    transition: transform 0.1s ease-out;
  }

.legacy .base-accordion-item__info {
    height: 1.25rem;
    left: 1rem;
    position: absolute;
    width: 1.25rem;
  }

.legacy .base-accordion-item__content {
    align-items: flex-end;
    display: flex;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s linear;
  }

.legacy .base-accordion-item__content-inner {
    line-height: 1.5rem;
    padding: 0.25rem 0.25rem 2rem;
    text-transform: none;
    width: 100%;
  }

.legacy .base-accordion-item__content-inner--no-padding {
    padding: 0;
  }

.legacy .summary-total-entry {
    display: grid !important;
    grid-template-areas: "total-entry-title total-entry-value" "total-entry-description total-entry-description";
    grid-template-columns: 1fr auto;
  }

.legacy .summary-total-entry__title {
    grid-area: total-entry-title;
  }

.legacy .summary-total-entry__title .discount-label {
    background-color: #ddeabe;
    border-radius: 4px;
    color: #343d46;
    font-size: 12px;
    padding: 0.25rem;
    white-space: nowrap;
  }

@media (min-width: 760px) {
    .legacy .summary-total-entry__title .discount-label {
      padding: 0.25rem 0.5rem;
    }
  }

.legacy .summary-total-entry__value {
    grid-area: total-entry-value;
  }

.legacy .summary-total-entry__value .original {
    color: #71777e;
    text-decoration: line-through;
  }

.legacy .summary-total-entry__value .reduced {
    display: inline-flex;
    flex-direction: row-reverse;
    margin-left: 0.25rem;
  }

@media (min-width: 760px) {
    .legacy .summary-total-entry__value .reduced {
      margin-left: 0.5rem;
    }
  }

.legacy .summary-total-entry__extra {
    color: #71777e;
    grid-area: total-entry-description;
  }

.legacy .fees-placeholder {
    border-bottom: 1px solid #d6d8da;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding: 1rem 0;
  }

.legacy .fees-placeholder__body {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
  }

.legacy .summary-fee-hint {
    font-size: 0.875rem;
    line-height: 1.3125rem;
  }

.legacy .summary-fee-hint a {
    color: #0d3a93;
    text-decoration: underline;
  }

.legacy .summary-fee-section {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    padding: 1rem 0;
  }

.legacy .summary-fee-section > div {
    display: flex;
    margin-bottom: 0.25rem;
  }

.legacy .summary-fee-section > div :first-child {
    flex-grow: 1;
  }

.legacy .summary-fee-section > div:last-of-type {
    margin-bottom: 0;
  }

.legacy .summary-fee-section__border-bottom {
    border-bottom: 1px solid #d6d8da;
  }

.legacy .summary-fee-section__expenses-container {
    display: flex;
    flex-direction: column;
  }

.legacy .summary-fee-section__expenses-subtext {
    color: #71777e;
  }

.legacy .simple-quantity-stepper {
    height: 3rem;
    width: 100%;
  }

.legacy .simple-quantity-stepper__body {
    background-color: unset;
    border: 1px solid #d6d8da;
    border-radius: 0.5rem;
    display: flex;
    height: 2.5rem;
    opacity: 1;
    position: relative;
    transition: opacity 0.3s ease-in-out;
    width: 100%;
  }

.legacy .simple-quantity-stepper__body--disabled {
    opacity: 0.65;
  }

.legacy .simple-quantity-stepper__input {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
    background-color: transparent;
    border-radius: 0;
    color: inherit;
    flex: 1;
    min-width: 0;
    text-align: center;
    width: 100%;
  }

.legacy .simple-quantity-stepper__input[type="number"]::-webkit-inner-spin-button,
  .legacy .simple-quantity-stepper__input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    appearance: none;
  }

.legacy .simple-quantity-stepper__input:focus {
    outline: none;
  }

.legacy .simple-quantity-stepper__input:disabled {
    color: #71777e;
  }

.legacy .simple-quantity-stepper__button--decrease,
  .legacy .simple-quantity-stepper__button--increase {
    align-items: center;
    background-color: transparent;
    border-radius: 0.5rem 0;
    color: #0d3a93;
    cursor: pointer;
    display: flex;
    flex: 0 0 2.5rem;
    flex-basis: 2rem;
    justify-content: center;
    padding: 0;
  }

@media (min-width: 992px) {
    .legacy .simple-quantity-stepper__button--decrease,
    .legacy .simple-quantity-stepper__button--increase {
      flex: 0 0 3.5rem;
    }
  }

.legacy .simple-quantity-stepper__button--increase {
    border-radius: 0.5rem;
  }

.legacy .simple-quantity-stepper__button--increase:focus-visible {
    outline: 0.1875rem solid #0d3a93;
    outline-offset: 0.125rem;
  }

.legacy .simple-quantity-stepper__button--increase:disabled {
    opacity: 0.65;
  }

.legacy .simple-quantity-stepper__button--decrease {
    border-radius: 0.5rem;
  }

.legacy .simple-quantity-stepper__button--decrease:focus-visible {
    outline: 0.1875rem solid #0d3a93;
    outline-offset: 0.125rem;
  }

.legacy .simple-quantity-stepper__button--decrease:disabled {
    opacity: 0.65;
  }

.legacy .simple-quantity-stepper__button-icon--add,
  .legacy .simple-quantity-stepper__button-icon--minus,
  .legacy .simple-quantity-stepper__button-icon--remove {
    align-items: center;
    color: #0d3a93;
    display: flex;
    justify-content: center;
  }

.legacy .simple-quantity-stepper__button-icon--disabled {
    color: #71777e;
  }

.legacy .base-tip-section__row {
    flex-grow: 1;
  }

.legacy .base-tip-section__change-tip {
    color: #0d3a93;
    margin-left: 0.5rem;
    text-decoration: underline;
  }

.legacy .base-tip-section__change-tip:focus-visible {
    outline: 0.1875rem solid #0d3a93;
    outline-offset: 0.125rem;
  }

.legacy .base-tip-section__change-tip:hover {
    color: #5574b3;
  }

.legacy .base-tip-section__button-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 2rem 0.5rem 0;
    grid-gap: 0.5rem;
  }

.legacy .base-tip-section__tip-modal > input:focus-visible + label {
    outline: 3px solid #0d3a93;
  }

.legacy .base-tip-section__tip-item {
    align-items: center;
    border: 1px solid #71777e;
    border-radius: 0.25rem;
    cursor: pointer;
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: center;
    min-width: 9.75rem;
    outline-offset: 0.125rem;
    padding: 0.5rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
  }

@media (min-width: 760px) {
    .legacy .base-tip-section__tip-item {
      min-width: unset;
    }
  }

.legacy .base-tip-section__tip-item--active {
    border-color: #0d3a93;
    border-width: 2px;
    color: #0d3a93;
  }

.legacy .base-tip-section__tip-item--active > * {
    color: #0d3a93;
  }

.legacy .base-tip-section__tip-item:focus {
    outline: 0.1875rem solid #0d3a93;
  }

.legacy .base-tip-section__tip-percent {
    color: #00005f;
    color: #71777e;
    font-size: 1.5rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    letter-spacing: 0.01em;
    line-height: 2.125rem;
    text-transform: uppercase;
  }

@media (min-width: 992px) {
    .legacy .base-tip-section__tip-percent {
      font-size: 1.625rem;
      line-height: 2.25rem;
    }
  }

.legacy .base-tip-section__tip-price {
    color: #71777e;
    font-size: 0.875rem;
    line-height: 1.3125rem;
  }

.legacy .base-tip-section__btn-tip {
    flex-grow: 1;
  }

.legacy .base-tip-section__your-tip {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    margin-bottom: 0.5rem;
    margin-top: 2rem;
  }

.legacy .base-tip-section__your-tip > span {
    margin-right: 1rem;
  }

.legacy .base-tip-section__quantity-control {
    height: auto;
    width: auto;
  }

.legacy .grand-total-section__border-bottom {
    border-bottom: 1px solid #d6d8da;
  }

.legacy .grand-total-section__statement {
    display: flex;
    flex-direction: column;
    padding: 1rem 0;
  }

.legacy .grand-total-section__statement > div {
    display: flex;
    margin-bottom: 0.25rem;
  }

.legacy .grand-total-section__statement > div:last-of-type {
    margin-bottom: 0;
  }

.legacy .grand-total-section__credit-card {
    display: flex;
    flex-direction: row;
  }

.legacy .grand-total-section__credit-card-container {
    display: flex;
    flex-grow: 1;
  }

.legacy .grand-total-section__credit-card-button {
    color: #0d3a93;
    text-decoration: underline;
  }

.legacy .grand-total-section__credit-card-button:focus-visible {
    outline: 0.1875rem solid #0d3a93;
    outline-offset: 0.125rem;
  }

.legacy .grand-total-section__credit-card-button:hover {
    color: #5574b3;
    text-decoration: underline;
  }

.legacy .grand-total-section__grand-total {
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: 0.015em;
    line-height: 1.625rem;
  }

@media (min-width: 992px) {
    .legacy .grand-total-section__grand-total {
      font-size: 1.125rem;
      line-height: 1.75rem;
    }
  }

.legacy .grand-total-section__grand-total-label {
    flex-grow: 1;
  }

.legacy .payment-summary-details__amount {
    display: flex;
    justify-content: space-between;
  }

.legacy .payment-summary-details__description {
    color: #71777e;
    margin-top: 0.25rem;
  }

.legacy .total-price-section {
    display: flex;
    flex-direction: column;
    margin-top: 1rem;
    row-gap: 0.25rem;
  }

.legacy .total-price-section__payments {
    display: flex;
    flex-direction: column;
    margin-top: 0.75rem;
    row-gap: 0.25rem;
  }

.legacy .total-price-section__payments--no-margin-top {
    margin-top: 0;
  }

.legacy .total-price-section__wrapper {
    display: flex;
    justify-content: space-between;
  }

.legacy .total-price-section__wrapper-text {
    color: #71777e;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
  }

.legacy .total-price-section__label {
    color: #00005f;
    color: #101316;
    font-size: 1.5rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    letter-spacing: 0.01em;
    line-height: 2.125rem;
    text-transform: uppercase;
  }

@media (min-width: 992px) {
    .legacy .total-price-section__label {
      font-size: 1.625rem;
      line-height: 2.25rem;
    }
  }

@media (min-width: 760px) {
    .legacy .total-price-section__label {
      color: #00005f;
      font-size: 1.5rem;
      font-weight: 700;
      letter-spacing: 0.02em;
      letter-spacing: 0.01em;
      line-height: 2.125rem;
      text-transform: uppercase;
    }
  }

@media (min-width: 760px) and (min-width: 992px) {
    .legacy .total-price-section__label {
      font-size: 1.625rem;
      line-height: 2.25rem;
    }
  }

.legacy .total-price-section__price {
    color: #00005f;
    color: #101316;
    font-size: 1.5rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    letter-spacing: 0.01em;
    line-height: 2.125rem;
    text-transform: uppercase;
  }

@media (min-width: 992px) {
    .legacy .total-price-section__price {
      font-size: 1.625rem;
      line-height: 2.25rem;
    }
  }

@media (min-width: 760px) {
    .legacy .total-price-section__price {
      color: #00005f;
      font-size: 1.5rem;
      font-weight: 700;
      letter-spacing: 0.02em;
      letter-spacing: 0.01em;
      line-height: 2.125rem;
      text-transform: uppercase;
    }
  }

@media (min-width: 760px) and (min-width: 992px) {
    .legacy .total-price-section__price {
      font-size: 1.625rem;
      line-height: 2.25rem;
    }
  }

.legacy .summary-totals-table__border-bottom {
    border-bottom: 1px solid #d6d8da;
  }

.legacy .summary-totals-table__subtotal {
    padding: 1.5rem 0 1rem;
  }

.legacy .summary-totals-table__tip-wrapper {
    border-bottom: 1px solid #d6d8da;
    display: flex;
    padding: 1.5rem 0 1rem;
  }

.legacy .summary-totals-table__cms-content {
    margin-top: 1rem;
  }

.legacy .add-to-cart-quantity--cart-product.add-to-cart-quantity {
    align-items: center;
    border: 1px solid #d6d8da;
    border-radius: 8px;
    color: #00005f;
    display: flex;
    flex-direction: row;
    height: 2.5rem;
    margin-top: 16px;
    max-width: 9.5rem;
    min-height: 2rem;
    position: relative;
  }

@media (min-width: 760px) {
    .legacy .add-to-cart-quantity--cart-product.add-to-cart-quantity {
      margin-top: 0;
    }
  }

.legacy .add-to-cart-quantity--cart-product.add-to-cart-quantity
    .add-to-cart-quantity__button-decrease,
  .legacy .add-to-cart-quantity--cart-product.add-to-cart-quantity
    .add-to-cart-quantity__button-increase {
    align-items: center;
    color: #0d3a93;
    display: flex;
    flex: 0 0 2rem;
    height: 100%;
    justify-content: center;
    touch-action: manipulation;
    z-index: 201;
  }

.legacy .add-to-cart-quantity--cart-product.add-to-cart-quantity
    .add-to-cart-quantity__button-decrease:focus-visible,
  .legacy .add-to-cart-quantity--cart-product.add-to-cart-quantity
    .add-to-cart-quantity__button-increase:focus-visible {
    outline: 0.1875rem solid #0d3a93;
    outline-offset: 0.125rem;
  }

.legacy .add-to-cart-quantity--cart-product.add-to-cart-quantity
    .add-to-cart-quantity__button-decrease:focus-visible,
  .legacy .add-to-cart-quantity--cart-product.add-to-cart-quantity
    .add-to-cart-quantity__button-increase:focus-visible {
    outline-offset: -0.3125rem;
  }

.legacy .add-to-cart-quantity--cart-product.add-to-cart-quantity
    .add-to-cart-quantity__button-decrease[aria-disabled="true"],
  .legacy .add-to-cart-quantity--cart-product.add-to-cart-quantity
    .add-to-cart-quantity__button-increase[aria-disabled="true"] {
    cursor: not-allowed !important;
    opacity: 0.65;
  }

.legacy .add-to-cart-quantity--cart-product.add-to-cart-quantity
    .add-to-cart-quantity__button-increase {
    border-radius: 0 8px 8px 0;
  }

.legacy .add-to-cart-quantity--cart-product.add-to-cart-quantity
    .add-to-cart-quantity__button-decrease {
    border-radius: 8px 0 0 8px;
  }

.legacy .add-to-cart-quantity--cart-product.add-to-cart-quantity
    .add-to-cart-quantity__input {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
    background: transparent;
    color: #101316;
    flex: 1;
    line-height: 1.5rem;
    text-align: center;
    width: 100%;
  }

.legacy .add-to-cart-quantity--cart-product.add-to-cart-quantity
    .add-to-cart-quantity__input:focus-visible {
    text-decoration: underline;
    text-underline-offset: 0.25rem;
  }

.legacy .add-to-cart-quantity--cart-product.add-to-cart-quantity
    .add-to-cart-quantity__input:after {
    background: #0d3a93;
    bottom: 8px;
    content: "";
    display: block;
    height: 0.125rem;
    position: absolute;
    width: 20%;
  }

.legacy .cart-item-note {
    position: relative;
  }

.legacy .cart-item-note__description {
    color: #343d46;
    font-size: 1rem;
    letter-spacing: 0.015em;
    line-height: 1.625rem;
    margin-bottom: 0.5rem;
  }

@media (min-width: 992px) {
    .legacy .cart-item-note__description {
      font-size: 1.125rem;
      line-height: 1.75rem;
    }
  }

.legacy .cart-item-note__textarea {
    border: 0.0625rem solid #0d3a93;
    border-radius: 0.75rem;
    color: #343d46;
    font-size: 1rem;
    height: 4.25rem;
    letter-spacing: 0.015em;
    line-height: 1.625rem;
    padding: 0.4rem 1rem;
    resize: none;
    width: 100%;
  }

@media (min-width: 992px) {
    .legacy .cart-item-note__textarea {
      font-size: 1.125rem;
      line-height: 1.75rem;
      padding: 0.3rem 1rem;
    }
  }

.legacy .cart-item-note__textarea::-moz-placeholder {
    color: #d6d8da;
  }

.legacy .cart-item-note__textarea::placeholder {
    color: #d6d8da;
  }

.legacy .cart-item-note__textarea:focus-visible {
    outline: 2px solid #0d3a93;
    outline-offset: -2px;
  }

.legacy .cart-item-note__counter-container {
    align-items: center;
    display: flex;
    font-size: 0.75rem;
    line-height: 0.875rem;
    margin-top: 0.5rem;
  }

.legacy .cart-item-note__counter-icon {
    height: 16px;
    margin-right: 0.3rem;
    width: 16px;
  }

.legacy .cart-item-note__warning {
    color: #b30012;
  }

.legacy .cart-item-note__button-wrapper {
    align-self: center;
    display: flex;
    flex-direction: row;
    gap: 1rem;
    justify-content: flex-end;
    margin-top: 1rem;
  }

.legacy .cart-item-note__button-cancel {
    color: #0d3a93;
    letter-spacing: 0.015em;
    line-height: 1.5rem;
    padding: 0.75rem 1.5rem;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
  }

.legacy .cart-item-note__button-cancel:focus-visible {
    outline: 0.1875rem solid #0d3a93;
    outline-offset: 0.125rem;
  }

.legacy .injection-cart-product-list__empty-cart-icon {
    margin-right: 1rem;
  }

.legacy .cart-product-removed__loading-wrapper {
    align-items: center;
    display: flex;
    height: 60px;
    position: relative;
    width: 100%;
  }

.legacy .cart-product-removed__restore-product {
    align-items: center;
    background: #f5f5f6;
    border-radius: 0.5rem;
    display: flex;
    justify-content: center;
    min-height: 5rem;
    padding: 0 0.25rem;
    width: 100%;
  }

.legacy .cart-product-removed__removed-item {
    display: flex;
    flex-wrap: wrap;
    font-size: 1rem;
    letter-spacing: 0.015em;
    line-height: 1.625rem;
    line-height: 1.5rem;
  }

@media (min-width: 992px) {
    .legacy .cart-product-removed__removed-item {
      font-size: 1.125rem;
      line-height: 1.75rem;
    }
  }

.legacy .cart-product-removed__removed-item-text {
    margin-right: 0.5rem;
  }

@media (min-width: 760px) {
    .legacy .cart-product-removed__removed-item-text {
      margin-right: 1rem;
    }
  }

.legacy .cart-product-removed__restore-button {
    color: #0d3a93;
    cursor: pointer;
    text-decoration: underline;
  }

.legacy .cart-product-removed__restore-button:hover {
    color: #5574b3;
  }

.legacy .cart-product-removed .loading-indicator {
    height: -moz-min-content;
    height: min-content;
  }

.legacy .cart-product {
    display: flex;
    flex-direction: column;
  }

.legacy .cart-product__product {
    align-items: stretch;
    display: flex;
    width: 100%;
  }

@media (min-width: 760px) {
    .legacy .cart-product__product {
      padding: 0 0.5rem;
    }
  }

.legacy .cart-product__substitute-checkbox {
    background-color: #f3f5f9;
    border-radius: 1rem 1rem 0 0;
    padding: 1rem 1rem 0.75rem;
    width: 100%;
  }

.legacy .cart-product__substitute-checkbox .base-checkbox__input {
    background-color: unset;
  }

.legacy .cart-product__substitute-checkbox .base-checkbox__label {
    color: #101316;
    font-size: 1rem;
  }

@media (min-width: 992px) {
    .legacy .cart-product__substitute-checkbox .base-checkbox__label {
      font-size: 1.125rem;
    }
  }

.legacy .cart-product__substitution-button {
    border: 0;
    color: #0d3a93;
    font-size: 1rem;
    padding: 0 0 0 0.5rem;
    text-decoration: underline;
  }

@media (min-width: 992px) {
    .legacy .cart-product__substitution-button {
      font-size: 1.125rem;
    }
  }

.legacy .cart-product__change-substitution-wrap {
    align-items: center;
    display: flex;
    flex: 1;
    font-size: 1rem;
    justify-content: space-between;
    padding-top: 0.5rem;
  }

@media (min-width: 992px) {
    .legacy .cart-product__change-substitution-wrap {
      font-size: 1.125rem;
    }
  }

.legacy .cart-product__change-substitution-text {
    color: #101316;
    font-weight: 700;
    overflow: hidden;
    padding-left: 2rem;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

.legacy .cart-product__image {
    display: flex;
    height: 3rem;
    justify-content: center;
    margin-right: 1.5rem;
    width: 4rem;
  }

.legacy .cart-product__mid-wrap {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: space-between;
  }

@media (min-width: 992px) {
    .legacy .cart-product__mid-wrap {
      align-items: center;
      flex-direction: row;
      flex-wrap: wrap;
      gap: 1rem;
    }
  }

.legacy .cart-product__teleport-wrap:empty {
    display: none;
  }

.legacy .cart-product__details-wrap {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }

@media (min-width: 760px) {
    .legacy .cart-product__details-wrap {
      gap: 1.5rem;
    }
  }

.legacy .cart-product__info {
    hyphens: auto;
    margin-right: 0;
    word-break: break-word;
  }

@media (min-width: 992px) {
    .legacy .cart-product__info {
      flex: 1;
    }
  }

.legacy .cart-product__total-price-container {
    align-items: flex-end;
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    font-size: 1rem;
    justify-content: space-between;
    letter-spacing: 0.015em;
    line-height: 1.625rem;
    margin-bottom: 0.6rem;
    text-align: right;
    width: 4rem;
  }

@media (min-width: 992px) {
    .legacy .cart-product__total-price-container {
      font-size: 1.125rem;
      line-height: 1.75rem;
    }
  }

@media (min-width: 760px) {
    .legacy .cart-product__total-price-container {
      justify-content: flex-start;
    }
  }

.legacy .cart-product__unit-price-container {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    margin-bottom: 0.25rem;
  }

.legacy .cart-product__actions-wrap {
    display: flex;
    gap: 0.5rem;
    justify-content: space-between;
    width: 100%;
  }

.legacy .cart-product__delete-icon-wrap {
    align-items: flex-start;
    display: flex;
  }

.legacy .cart-product__delete-icon-button:focus-visible {
    outline: 0.1875rem solid #0d3a93;
    outline-offset: 0.125rem;
  }

.legacy .cart-product__delete-container {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
  }

.legacy .cart-product__delete-container--formatted-quantity {
    font-size: 0.875rem;
    font-weight: 700;
  }

.legacy .cart-product__name {
    color: #101316;
    font-size: 1rem;
    letter-spacing: 0.015em;
    line-height: 1.625rem;
    line-height: 1.315rem;
  }

@media (min-width: 992px) {
    .legacy .cart-product__name {
      font-size: 1.125rem;
      line-height: 1.75rem;
    }
  }

.legacy .cart-product__name a {
    color: inherit;
    text-decoration: none;
  }

.legacy .cart-product__unit-of-measure {
    color: #71777e;
    font-size: 0.875rem;
    line-height: 1.3125rem;
  }

.legacy .cart-product__base-price-container {
    display: flex;
    flex-wrap: wrap;
  }

.legacy .cart-product__base-price-container--column {
    flex-direction: column;
  }

.legacy .cart-product__unit-price {
    color: #101316;
    display: flex;
    font-size: 0.875rem;
    line-height: 1.3125rem;
    margin-right: 0.5rem;
    white-space: nowrap;
  }

.legacy .cart-product__unit-deposit-price {
    color: #71777e;
    font-size: 1rem;
    letter-spacing: 0.015em;
    line-height: 1.625rem;
  }

@media (min-width: 992px) {
    .legacy .cart-product__unit-deposit-price {
      font-size: 1.125rem;
      line-height: 1.75rem;
    }
  }

.legacy .cart-product__delete-button {
    color: #0d3a93;
    cursor: pointer;
    display: none;
    font-size: 0.875rem;
    line-height: 1.3125rem;
    line-height: 100%;
    text-decoration: underline;
  }

.legacy .cart-product__delete-button:focus-visible {
    outline: 0.1875rem solid #0d3a93;
    outline-offset: 0.125rem;
  }

@media (min-width: 760px) {
    .legacy .cart-product__delete-button {
      display: block;
    }
  }

.legacy .cart-product__delete-button:hover {
    color: #5574b3;
  }

.legacy .cart-product__quantity {
    flex: 1;
    flex-shrink: 0;
    margin-top: 1rem;
    position: relative;
  }

@media (min-width: 760px) {
    .legacy .cart-product__quantity {
      margin-top: 0;
      width: 9.5rem;
    }
  }

.legacy .cart-product__quantity--inline {
    align-items: flex-end;
    display: flex;
    flex: unset;
    flex-direction: column;
  }

.legacy .cart-product__info-container {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    margin-top: 0.5rem;
  }

@media (min-width: 760px) {
    .legacy .cart-product__info-container--inline {
      max-width: 100%;
    }
  }

.legacy .cart-product__info-item {
    font-size: 0.75rem;
    line-height: 1rem;
    margin: 0;
  }

.legacy .cart-product__amendment-info {
    align-items: center;
    color: #101316;
    display: flex;
    gap: 0.5rem;
  }

.legacy .cart-product__amendment-info .base-icon {
    color: #258900;
  }

.legacy .cart-product__amendment-info .base-message__info {
    color: #101316;
  }

.legacy .cart-product__delete-icon {
    align-items: center;
    color: #0d3a93;
    cursor: pointer;
    display: flex;
    height: 2.375rem;
  }

.legacy .cart-product__close {
    width: 100%;
  }

.legacy .cart-product__edit-button {
    min-width: -moz-fit-content;
    min-width: fit-content;
  }

.legacy .cart-product__item-actions {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 1px;
    justify-content: space-between;
    margin-top: 1rem;
  }

@media (min-width: 760px) {
    .legacy .cart-product__item-actions {
      margin-top: 1.5rem;
    }
  }

.legacy .cart-product__add-note {
    color: #00005f;
    letter-spacing: 0.015em;
    line-height: 1.5rem;
    padding-top: 0.25rem;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
  }

.legacy .cart-product__add-note:focus-visible {
    outline: 0.1875rem solid #0d3a93;
    outline-offset: 0.125rem;
  }

.legacy .cart-product__add-note-container {
    background-color: #f3f5f9;
    border-radius: 0 0 1rem 1rem;
    padding: 0.75rem 1rem 1rem;
    width: 100%;
  }

.legacy .cart-product__item-note {
    color: #101316;
  }

@media (min-width: 992px) {
    .legacy .cart-product__item-note {
      font-size: 1.125rem;
    }
  }

.legacy .cart-product__item-note--label {
    font-weight: 700;
  }

.legacy .cart-product__item-note--message {
    margin-left: 0.25rem;
    white-space: normal;
    word-break: break-word;
  }

@media (min-width: 760px) {
    .legacy .cart-product__hide-above-m {
      display: none;
    }
  }

.legacy .substitution-search-modal__body {
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }

.legacy .substitution-search-modal__header {
    display: flex;
    gap: 0.5rem;
    justify-content: space-between;
  }

.legacy .substitution-search-modal__header > div {
    flex: 1;
  }

.legacy .substitution-search-modal__content {
    position: relative;
  }

.legacy .substitution-selector .base-modal__body {
    margin: 0 !important;
  }

.legacy .substitution-selector .base-modal__footer {
    padding: 1rem 1.5rem 0;
  }

.legacy .substitution-selector__content-container {
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
  }

.legacy .substitution-selector__modal-body {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding-top: 2rem;
    position: relative;
  }

.legacy .substitution-selector__checkbox-container {
    background-color: #f3f5f9;
    border-radius: 1.5rem 1.5rem 0 0;
    color: #101316;
    padding: 1.125rem 1rem 1rem;
  }

@media (min-width: 760px) {
    .legacy .substitution-selector__checkbox-container {
      padding: 1.375rem 1.5rem 1.25rem;
    }
  }

@media (min-width: 992px) {
    .legacy .substitution-selector__checkbox-container {
      border-radius: 2rem 2rem 0 0;
    }
  }

.legacy .substitution-selector__checkbox-container--not-replaceable {
    border-radius: 2rem;
  }

.legacy .substitution-selector__checkbox input {
    background-color: unset;
  }

.legacy .substitution-selector__checkbox label {
    font-size: 1rem;
  }

.legacy .substitution-selector__selection-container {
    background-color: #f3f5f9;
    border-radius: 0 0 2rem 2rem;
    color: #101316;
    display: flex;
    flex-direction: column;
  }

.legacy .substitution-selector__selection-container__buttons {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1rem 1rem 0;
  }

@media (min-width: 760px) {
    .legacy .substitution-selector__selection-container__buttons {
      padding: 1.25rem 1.5rem 0;
    }
  }

.legacy .substitution-selector__selection-container__teaser-list {
    padding: 1rem 0 1.75rem;
  }

@media (min-width: 760px) {
    .legacy .substitution-selector__selection-container__teaser-list {
      padding: 1rem 0 1.25rem;
    }
  }

.legacy .substitution-selector__list-body .teaser-list__scroll-area {
    padding: 0 0.5rem;
  }

@media (min-width: 760px) {
    .legacy .substitution-selector__list-body .teaser-list__scroll-area {
      padding: 0.25rem 0.5rem 1rem 1.5rem;
    }
  }

.legacy .substitution-selector__list-body .teaser-list__item {
    display: flex;
  }

.legacy .substitution-selector__list-item-button {
    padding: 0.125rem 0;
  }

.legacy .substitution-selector__list-item {
    background-color: #fff;
    border-radius: 1.625rem;
    margin: 0.125rem;
    max-width: 9rem;
    text-align: start;
    white-space: wrap;
  }

@media (min-width: 760px) {
    .legacy .substitution-selector__list-item {
      max-width: 11rem;
    }
  }

.legacy .substitution-selector__list-item--selected {
    outline: 0.125rem solid #0d3a93;
  }

.legacy .substitution-selector__list-item--disabled {
    opacity: 0.75;
    pointer-events: none;
  }

.legacy .substitution-selector__search-button {
    align-items: center;
    background-color: #fff;
    border-radius: 1.625rem;
    box-sizing: content-box;
    color: #101316 !important;
    display: flex;
    flex-direction: column;
    font-size: 0.6875rem;
    font-size: 0.875rem;
    gap: 0.25rem;
    justify-content: center;
    letter-spacing: 0.015em;
    line-height: 1rem;
    line-height: 1.375rem;
    margin-left: 0.1875rem;
    min-height: 15.5rem;
    padding: 0.75rem;
    text-align: center;
    text-wrap: wrap;
    width: 8.9375rem;
  }

@media (min-width: 992px) {
    .legacy .substitution-selector__search-button {
      font-size: 0.75rem;
      line-height: 1.125rem;
    }
  }

@media (min-width: 760px) {
    .legacy .substitution-selector__search-button {
      font-size: 1rem;
      line-height: 1.5rem;
      min-height: 17.875rem;
      width: 10.125rem;
    }
  }

.legacy .substitution-selector__search-button--empty-state {
    margin-left: 1rem;
  }

.legacy .substitution-search__header {
    display: flex;
    gap: 0.5rem;
    justify-content: space-between;
  }

.legacy .substitution-search__header > div {
    flex: 1;
  }

.legacy .cart-product-list {
    background: #fff;
    padding: 2rem 1rem;
  }

@media (min-width: 760px) {
    .legacy .cart-product-list {
      padding: 2rem;
    }
  }

.legacy .cart-product-list--empty {
    padding: 0;
  }

.legacy .cart-product-list__product-container {
    padding: 2rem 0;
  }

.legacy .cart-product-list__product-container:not(:last-child) {
    border-bottom: 1px solid #d6d8da;
  }

.legacy .cart-product-list__product-container:first-child {
    padding-top: 0 !important;
  }

.legacy .cart-product-list__product-container:last-child {
    padding-bottom: 0 !important;
  }

.legacy .cart-product-list--small .cart-product-list__product-container {
    padding: 1rem 0;
  }

.legacy .cart-product-list--small .cart-product__product {
    align-items: flex-start;
    padding: 0;
  }

.legacy .cart-product-list--small .cart-product__image {
    margin-right: 1rem;
    margin-top: 0.25rem;
  }

.legacy .cart-product-list--small .cart-product__info {
    font-size: 0.875rem;
    line-height: 1.3125rem;
    margin-right: 0;
  }

.legacy .cart-product-list--small .cart-product__total-price {
    font-size: 1rem;
    letter-spacing: 0.015em;
    line-height: 1.625rem;
    width: auto;
  }

@media (min-width: 992px) {
    .legacy .cart-product-list--small .cart-product__total-price {
      font-size: 1.125rem;
      line-height: 1.75rem;
    }
  }

.legacy .cart-product-list--small .cart-item-removed__removed-item {
    display: block;
    font-size: 0.875rem;
    line-height: 1.3125rem;
    margin-right: 0.5rem;
  }

.legacy .cart-product-list--small .cart-item-removed__restore-button {
    font-size: 0.875rem;
    line-height: 1.3125rem;
    line-height: 100%;
  }

.legacy .cart-product-list--small .cart-product__delete-container {
    width: 100%;
  }

.legacy .cart-base-price {
    color: #101316;
    display: flex;
    font-size: 0.875rem;
    gap: 0.25rem;
    line-height: 1.3125rem;
    margin-right: 0.5rem;
  }

.legacy .filter-tag {
    align-items: center;
    border: 1px solid transparent;
    border-radius: 1.5rem;
    color: #0d3a93;
    display: flex;
    gap: 0.5625rem;
    padding: 0.5rem 1rem;
  }

.legacy .filter-tag:focus-visible {
    outline: 0.1875rem solid #0d3a93;
    outline-offset: 0.125rem;
  }

.legacy .filter-tag__text {
    font-size: 1rem;
    line-height: 1rem;
  }

.legacy .filter-tag--filter {
    background-color: #e6ebf4;
  }

@media (hover: hover) {
    .legacy .filter-tag--filter:hover {
      background-color: #cceffb;
    }
  }

.legacy .filter-tag--filter:active {
    background-color: #cceffb;
  }

.legacy .filter-tag--light {
    background-color: transparent;
    border-color: #0d3a93;
  }

@media (hover: hover) {
    .legacy .filter-tag--light:hover {
      background-color: #cceffb;
    }
  }

.legacy .filter-tag-list {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
  }

.legacy .product-filter-bar__content {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-bottom: 1rem;
  }

@media (min-width: 992px) {
    .legacy .product-filter-bar__content {
      flex-direction: row;
    }
  }

@media (min-width: 1224px) {
    .legacy .product-filter-bar__content {
      margin-bottom: 24px;
    }
  }

.legacy .product-filter-bar--hidden {
    visibility: hidden;
  }

.legacy .product-filter-bar--loading {
    filter: blur(2px);
  }

.legacy .product-filter-bar__floating-button {
    bottom: calc(5.25rem + var(--sticky-container-height, 0px));
    position: fixed;
    right: 1rem;
    z-index: 250;
  }

@media (min-width: 760px) {
    .legacy .product-filter-bar__floating-button {
      display: none;
    }
  }

.legacy .product-filter-bar__floating-button-enter-from,
  .legacy .product-filter-bar__floating-button-leave-to {
    opacity: 0;
  }

.legacy .product-filter-bar__floating-button-enter-active,
  .legacy .product-filter-bar__floating-button-leave-active {
    transition: opacity 0.2s ease;
  }

@media (max-width: 759.9px) {
    .legacy .product-filter-bar__in-page-button {
      display: none;
    }
  }

@media (min-width: 992px) {
    .legacy .product-filter-bar__tag-list {
      margin-top: 0.1875rem;
    }
  }

.legacy .filter-accordion-item {
    padding-bottom: 1.5rem;
    width: 100%;
  }

.legacy .filter-accordion-item:not(:last-child) {
    border-bottom: 1px solid #d6d8da;
    margin-bottom: 1.5rem;
  }

.legacy .filter-accordion-item__inner {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
  }

.legacy .filter-accordion-item__button {
    align-items: center;
    color: #00005f;
    display: inline-flex;
    font-size: 1.5rem;
    font-size: 1.25rem;
    font-weight: 700;
    justify-content: space-between;
    letter-spacing: 0.01em;
    line-height: 2.125rem;
    line-height: 1.875rem;
    width: 100%;
  }

@media (min-width: 992px) {
    .legacy .filter-accordion-item__button {
      font-size: 1.625rem;
      line-height: 2.25rem;
    }
  }

.legacy .filter-accordion-item__button:focus-visible {
    outline: 0.1875rem solid #0d3a93;
    outline-offset: 0;
  }

@media (min-width: 760px) {
    .legacy .filter-accordion-item__button {
      font-size: 1.375rem;
      line-height: 2rem;
    }
  }

.legacy .filter-accordion-item__button-icon {
    transition: transform 0.2s ease;
  }

.legacy .filter-accordion-item__button-icon--expanded {
    transform: rotate(-180deg);
  }

.legacy .filter-accordion-item__chips {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    width: 100%;
  }

.legacy .filter-accordion-item__chips--tree {
    display: grid;
    gap: 0.75rem;
    grid-template-columns: 1fr 1fr;
    pointer-events: none;
  }

.legacy .filter-accordion-item__child-categories {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    grid-column: 1/-1;
  }

.legacy .filter-accordion-item-enter-from,
  .legacy .filter-accordion-item-leave-to {
    opacity: 0;
  }

.legacy .filter-accordion-item-enter-active,
  .legacy .filter-accordion-item-leave-active {
    transition: opacity 0.2s ease;
  }

.legacy .filter-accordion-item__icon {
    transition: transform 0.2s ease;
  }

.legacy .filter-accordion-item__icon__expanded {
    transform: rotate(-180deg);
  }

.legacy .filter-accordion-item__brand-list-search {
    margin-bottom: 1rem;
    width: 100%;
  }

.legacy .filter-accordion-item__brand-list-search-result {
    color: #71777e;
  }

.legacy .filter-modal__sort-area {
    border-bottom: 1px solid #d6d8da;
    margin-bottom: 2rem;
    padding: 0 0 1.5rem;
    position: relative;
  }

@media (min-width: 992px) {
    .legacy .filter-modal__sort-area .selected {
      max-width: inherit;
      min-width: 16rem;
    }
  }

.legacy .filter-modal__sort-area .base-input {
    flex-direction: column;
    gap: 1rem;
    width: 100%;
  }

.legacy .filter-modal__sort-area .base-input .base-input__label {
    color: #00005f;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.875rem;
    margin: 0 1rem 0 0;
    white-space: nowrap;
  }

@media (min-width: 760px) {
    .legacy .filter-modal__sort-area .base-input .base-input__label {
      font-size: 1.375rem;
      line-height: 2rem;
    }
  }

.legacy .filter-modal__sort-area .base-input .base-input__element {
    cursor: pointer;
    width: 100%;
  }

.legacy .filter-modal__sort-area .base-select__dropdown {
    width: 100%;
  }

.legacy .product-listing-viewer {
    scroll-margin-top: 120px;
  }

.legacy .product-listing-viewer:focus-visible {
    outline: none;
  }

.legacy .product-listing-viewer--no-result {
    padding: 2rem 0.5rem;
  }

.legacy .product-listing-viewer__product-filter-bar--mobile {
    flex-direction: column;
    gap: 1rem;
  }

.legacy .product-listing-viewer__headline {
    display: block;
    margin-bottom: 16px;
  }

@media (min-width: 1224px) {
    .legacy .product-listing-viewer__headline {
      margin-bottom: 24px;
    }
  }

.legacy .product-listing-viewer__headline--loading {
    filter: blur(2px);
  }

.legacy .product-listing-viewer__headline--no-result {
    margin: 0 auto;
    padding-bottom: 0.625rem;
  }

.legacy .product-listing-viewer__headline--no-result--desktop {
    font-size: 2.5rem;
    line-height: 3.25rem;
    margin: 0 auto;
    max-width: 69rem;
  }

.legacy .product-listing-viewer__headline--no-result .search-result-headline {
    color: #0d3a93;
    font-size: 1.5rem;
    letter-spacing: 0.025rem;
    line-height: 1.625rem;
    text-align: center;
  }

.legacy .product-listing-viewer__notification-banner {
    margin-bottom: 2rem;
  }

.legacy .product-listing-viewer__headline-spelling-suggestion {
    margin: 0.5rem 0 2rem;
  }

.legacy .product-listing-viewer--hidden {
    visibility: hidden;
  }

.legacy .product-listing-viewer__product-area {
    position: relative;
  }

.legacy .product-listing-viewer__product-area--loading {
    min-height: 850px;
  }

.legacy .product-listing-viewer__product-list--loading {
    filter: blur(2px);
  }

.legacy .product-listing-viewer__special-buy-disclaimer {
    margin-top: 2.25rem;
  }

@media (min-width: 1224px) {
    .legacy .product-listing-viewer__special-buy-disclaimer {
      margin-top: 2.5rem;
    }
  }

.legacy .product-listing-viewer__result-empty {
    color: #646668;
    font-size: 1rem;
    line-height: 1.5rem;
    text-align: center;
  }

.legacy .product-listing-viewer__result-empty--desktop {
    font-size: 1.5rem;
    line-height: 1.75rem;
    margin: 0 auto;
    max-width: 69rem;
  }

.legacy .product-listing-viewer__loading-spinner {
    align-items: flex-start;
    padding-top: 7rem;
    position: absolute;
    z-index: 100;
  }

.legacy .product-listing-viewer__pagination {
    margin-top: 16px;
  }

@media (min-width: 1224px) {
    .legacy .product-listing-viewer__pagination {
      margin-top: 24px;
    }
  }

.legacy .base-pagination {
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 8px 0;
  }

.legacy .base-pagination__count {
    color: #00005f;
    color: #343d46;
    font-size: 1.5rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    letter-spacing: 0.01em;
    letter-spacing: 0.03rem;
    line-height: 2.125rem;
    line-height: 1.75rem;
    margin: 0 0.5rem;
    text-transform: uppercase;
  }

@media (min-width: 992px) {
    .legacy .base-pagination__count {
      font-size: 1.625rem;
      line-height: 2.25rem;
    }
  }

.legacy .base-pagination__count:focus-visible {
    outline: 0.1875rem solid #0d3a93;
    outline-offset: 0.125rem;
  }

@media (min-width: 760px) {
    .legacy .base-pagination__count {
      color: #343d46;
    }
  }

.legacy .base-pagination__count--active {
    color: #0d3a93;
    font-weight: 700;
    padding: 0.5rem;
    position: relative;
    text-decoration: none !important;
  }

.legacy .base-pagination__count--active:after {
    background: #0d3a93;
    border-radius: 1px;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    top: calc(100% - 1px);
    width: 100%;
  }

.legacy .base-pagination__dots {
    color: #00005f;
    font-size: 1.5rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    letter-spacing: 0.01em;
    line-height: 2.125rem;
    margin: 0 0.5rem 0 1rem;
    text-transform: uppercase;
  }

@media (min-width: 992px) {
    .legacy .base-pagination__dots {
      font-size: 1.625rem;
      line-height: 2.25rem;
    }
  }

.legacy .base-pagination__dots-left,
  .legacy .base-pagination__dots-right {
    letter-spacing: 0.03rem;
    line-height: 1.75rem;
    margin: 0 0.5rem;
  }

.legacy .base-pagination__arrow {
    margin: 0 0.5rem;
    padding: 0.5rem;
  }

.legacy .base-pagination__arrow:focus-visible {
    outline: 0.1875rem solid #0d3a93;
    outline-offset: 0.125rem;
  }

@media (min-width: 760px) {
    .legacy .base-pagination__arrow {
      margin: 0 2rem;
    }
  }

.legacy .special-buy-disclaimer[data-v-838dfd42] {
    color: #71777e;
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: 0.015em;
    line-height: 1.625rem;
  }

@media (min-width: 992px) {
    .legacy .special-buy-disclaimer[data-v-838dfd42] {
      font-size: 1.125rem;
      line-height: 1.75rem;
    }
  }

.legacy .base-select {
    position: relative;
    width: 100%;
  }

.legacy .base-select__fade-enter-from,
  .legacy .base-select__fade-leave-to {
    opacity: 0;
  }

.legacy .base-select__fade-enter-active,
  .legacy .base-select__fade-leave-active {
    transition: opacity 0.3s ease;
  }

.legacy .base-select--focussed {
    outline: none;
  }

.legacy .base-select__input {
    width: 100%;
  }

.legacy .base-select__icon {
    transition: transform 0.3s ease-out;
  }

.legacy .base-select__icon--rise-up {
    transform: rotate(-180deg);
  }

.legacy .base-select__dropdown-container {
    background: #fff;
    border-radius: 16px;
    box-shadow:
      0 2px 8px #0d3a9312,
      0 3px 28px -1px #0d3a931f;
    display: block;
    margin-top: 0.5rem;
    overflow: auto;
    padding: 8px;
    position: absolute;
    width: 100%;
    z-index: 2;
  }

.legacy .base-select__dropdown-container--doubled {
    width: 208%;
  }

.legacy .base-select__dropdown-container--offset {
    left: -108%;
  }

.legacy .base-select__dropdown {
    display: block;
    max-height: 331px;
    overflow: auto;
    padding: 4px;
  }

@media (max-width: 551.9px) {
    .legacy .base-select__dropdown {
      height: 100%;
      max-height: 100%;
    }
  }

.legacy .base-select__dropdown::-webkit-scrollbar {
    width: 8px;
  }

.legacy .base-select__dropdown::-webkit-scrollbar-thumb {
    background-color: #7b8187;
    border-radius: 8px;
  }

.legacy .base-select__option {
    align-content: center;
    align-items: center;
    align-self: stretch;
    border-radius: 10px;
    color: #101316;
    cursor: pointer;
    display: flex;
    flex-wrap: nowrap;
    font-size: 1rem;
    justify-content: space-between;
    line-height: 1.5rem;
    max-height: 88px;
    min-height: 56px;
    padding: 16px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
  }

@media (min-width: 992px) {
    .legacy .base-select__option {
      font-size: 1.125rem;
      line-height: 1.75rem;
    }
  }

.legacy .base-select__option__text {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }

@media (hover: hover) {
    .legacy .base-select__option:hover {
      background-color: #e6ebf4;
      border-radius: 10px;
    }
  }

.legacy .base-select__option--active {
    outline: 2px solid #0d3a93;
    outline-offset: 2px;
  }

.legacy .base-select__option--selected {
    background-color: #e6ebf4;
    border: 1px solid #0d3a93;
  }

.legacy .base-select__option--unavailable {
    color: #71777e;
  }

.legacy .cart-note {
    position: relative;
  }

.legacy .cart-note__description {
    color: #343d46;
    font-size: 1rem;
    letter-spacing: 0.015em;
    line-height: 1.625rem;
    margin-bottom: 0.5rem;
  }

@media (min-width: 992px) {
    .legacy .cart-note__description {
      font-size: 1.125rem;
      line-height: 1.75rem;
    }
  }

.legacy .cart-note__textarea {
    border: 0.0625rem solid #0d3a93;
    border-radius: 0.75rem;
    color: #343d46;
    font-size: 1rem;
    height: 8.75rem;
    letter-spacing: 0.015em;
    line-height: 1.625rem;
    padding: 0.5rem 1rem;
    resize: none;
    width: 100%;
  }

@media (min-width: 992px) {
    .legacy .cart-note__textarea {
      font-size: 1.125rem;
      line-height: 1.75rem;
    }
  }

@media (min-width: 760px) {
    .legacy .cart-note__textarea {
      height: 5.75rem;
    }
  }

.legacy .cart-note__textarea::-moz-placeholder {
    color: #d6d8da;
  }

.legacy .cart-note__textarea::placeholder {
    color: #d6d8da;
  }

.legacy .cart-note__textarea:focus-visible {
    outline: 2px solid #0d3a93;
    outline-offset: -2px;
  }

.legacy .cart-note__counter-container {
    align-items: center;
    display: flex;
    font-size: 0.75rem;
    line-height: 0.875rem;
    margin-top: 0.5rem;
  }

.legacy .cart-note__counter-icon {
    height: 16px;
    margin-right: 0.3rem;
    width: 16px;
  }

.legacy .cart-note__warning {
    color: #b30012;
  }

.legacy .cart-note__button-save {
    margin-top: 1.5rem;
    width: 100%;
  }

@media (min-width: 760px) {
    .legacy .cart-note__button-save {
      width: auto;
    }
  }

.legacy .checkout-branding {
    background-color: #fff;
    border-radius: 0.5rem;
    color: #343d46;
    display: flex;
    flex-direction: column;
    font-size: 1rem;
    gap: 0.75rem;
    grid-area: checkout-branding;
    letter-spacing: 0.015em;
    line-height: 1.625rem;
    line-height: 1.5rem;
    padding: 1rem;
  }

@media (min-width: 992px) {
    .legacy .checkout-branding {
      font-size: 1.125rem;
      line-height: 1.75rem;
    }
  }

.legacy .checkout-branding__powered-by {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem;
  }

.legacy .badge[data-v-6739d3e0] {
    align-items: center;
    border-radius: calc(var(--badge-default-height) / 2);
    box-sizing: border-box;
    color: var(--badge-text-default-color);
    display: flex;
    font-family: var(--badge-text-default-typography-font-family);
    font-size: var(--badge-text-default-typography-font-size);
    font-weight: var(--badge-text-default-typography-font-weight);
    height: var(--badge-default-height);
    justify-content: center;
    line-height: var(--badge-text-default-typography-font-size);
    padding: 0 var(--badge-default-horizontal-padding) 0;
  }

.legacy .badge__info[data-v-6739d3e0] {
    background: var(--badge-default-background-color);
    min-width: var(--badge-default-width);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: -moz-fit-content;
    width: fit-content;
  }

.legacy .badge__dot[data-v-6739d3e0] {
    height: var(--badge-dot-icon-default-height);
    padding: 0;
    width: var(--badge-dot-icon-default-width);
  }

.legacy .badge__dot--info[data-v-6739d3e0] {
    background: var(--badge-dot-icon-default-color);
  }

.legacy .badge__dot--error[data-v-6739d3e0] {
    background: var(--badge-dot-icon-error-color);
  }

.legacy .base-navigation-tree {
    list-style: none;
    padding-left: 0;
  }

.legacy .base-navigation-tree--root {
    padding-left: 0;
  }

.legacy .base-navigation-tree__link {
    display: block;
    padding: 0.25rem 0;
    text-decoration: none;
  }

.legacy .base-navigation-tree__item {
    margin: 0;
  }

.legacy .base-navigation-tree__children {
    padding-left: 1rem;
  }

.legacy .base-navigation-tree--root > .base-navigation-tree__item {
    margin-top: 1.25rem;
  }

.legacy .base-back-to-top {
    align-items: center;
    background-color: #10131680;
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    display: flex;
    font-size: 0.75rem;
    height: 3.25rem;
    justify-content: center;
    width: 3.25rem;
  }

.legacy .base-back-to-top:focus-visible {
    outline: 0.1875rem solid #0d3a93;
    outline-offset: 0.125rem;
  }

@media (min-width: 760px) {
    .legacy .base-back-to-top {
      height: 3.5rem;
      width: 3.5rem;
    }
  }

@media (min-width: 992px) {
    .legacy .base-back-to-top {
      height: 5rem;
      width: 5rem;
    }
  }

@media (min-width: 760px) {
  }

@media (min-width: 992px) {
  }

.legacy .floating-buttons {
    display: flex;
    flex-direction: column;
    padding: var(--floating-buttons-gap) var(--floating-buttons-padding)
      var(--floating-buttons-gap) 0;
    position: absolute;
    right: 0;
    top: var(--floating-buttons-starting-top);
    width: calc(
      var(--floating-buttons-item-size) + var(--floating-buttons-padding)
    );
    z-index: 250;
  }

.legacy .floating-buttons__item {
    height: var(--floating-buttons-item-size);
    width: var(--floating-buttons-item-size);
  }

.legacy .mawi-logs {
    border: 2px solid #101316;
    bottom: 0;
    float: bottom;
    position: absolute;
    width: 100%;
    z-index: 249;
  }

.legacy .mawi-logs__chevron {
    cursor: pointer;
    padding: 0.7rem;
  }

.legacy .mawi-logs__chevron-icon {
    color: #101316;
  }

.legacy .mawi-logs--expanded .mawi-logs__chevron {
    transform: rotate(-180deg);
    transition: transform 0.3s ease-out;
  }

.legacy .mawi-logs__header {
    align-items: center;
    background-color: #e0d4b3;
    border-bottom: 2px solid #101316;
    cursor: ns-resize;
    display: flex;
    font-size: 1rem;
    justify-content: space-between;
    letter-spacing: 0.015em;
    line-height: 1.625rem;
    padding-left: 0.7rem;
  }

@media (min-width: 992px) {
    .legacy .mawi-logs__header {
      font-size: 1.125rem;
      line-height: 1.75rem;
    }
  }

.legacy .mawi-logs__text-container {
    background-color: #fff;
    max-height: 31.25rem;
    min-height: 5rem;
    overflow: scroll;
    resize: vertical;
  }

.legacy .mawi-logs__text {
    border-bottom: 1px solid #fff;
    font-size: 0.875rem;
    line-height: 1.3125rem;
    padding: 0.5rem;
  }

.legacy .mawi-logs__text-debug {
    background-color: #9eb0d4;
  }

.legacy .mawi-logs__text-info {
    background-color: #b6c4df;
  }

.legacy .mawi-logs__text-warn {
    background-color: #ffefb3;
  }

.legacy .mawi-logs__text-error {
    background-color: #f3b3b3;
  }

.legacy .base-tab {
    align-items: flex-start;
    background: #f5f5f6;
    border: 0 solid transparent;
    border-radius: 0.5rem 0.5rem 0 0;
    box-shadow: 0 2px 0.5rem #00000026;
    clip-path: inset(-0.5rem -0.5rem 0 -0.5rem);
    color: #343d46;
    cursor: pointer;
    display: inline-flex;
    flex-direction: row;
    font-size: 1.125rem;
    gap: 0.375rem;
    height: 3.5rem;
    justify-content: center;
    line-height: 1.5rem;
    max-width: 10.25rem;
    order: -1;
    padding: 1rem 1.5rem;
    position: relative;
  }

.legacy .base-tab:focus-visible {
    outline: 0.1875rem solid #0d3a93;
    outline-offset: -0.1875rem;
  }

.legacy .base-tab--active {
    background-color: #fff;
    color: #101316;
    z-index: 1;
  }

.legacy .base-tab-panel {
    background-color: #fff;
  }

.legacy .base-tabs {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }

.legacy .blurred-overlay {
    backdrop-filter: blur(10px);
    background: linear-gradient(90deg, #fff 20%, #effcff33);
    inset: 0;
    overflow-y: auto;
    position: fixed;
    z-index: 900;
  }

.legacy .blurred-overlay__fade-enter-from,
  .legacy .blurred-overlay__fade-leave-to {
    opacity: 0;
  }

.legacy .blurred-overlay__fade-enter-active,
  .legacy .blurred-overlay__fade-leave-active {
    transition: opacity 0.3s ease;
  }

.legacy .service-selection {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    margin: 4rem 0;
  }

@media (min-width: 992px) {
    .legacy .service-selection {
      align-items: flex-start;
      flex-direction: row;
      margin: 4rem 2rem;
    }
  }

@media (min-width: 1528px) {
    .legacy .service-selection {
      margin: 8rem;
    }
  }

.legacy .service-selection__introduction {
    order: 0;
  }

@media (min-width: 992px) {
    .legacy .service-selection__introduction {
      width: 20rem;
    }
  }

@media (min-width: 760px) {
    .legacy .service-selection__introduction {
      margin-right: 2rem;
    }
  }

.legacy .service-selection__header {
    align-items: center;
    display: flex;
    flex-direction: row;
    margin-bottom: 1rem;
  }

@media (min-width: 992px) {
    .legacy .service-selection__header {
      align-items: start;
      flex-direction: column;
    }
  }

.legacy .service-selection__header h3 {
    color: #00005f;
    font-size: 1.75rem;
    font-weight: 700;
    letter-spacing: 0.01em;
    line-height: 2.5rem;
    margin-bottom: 0;
  }

@media (min-width: 992px) {
    .legacy .service-selection__header h3 {
      font-size: 2rem;
      line-height: 2.75rem;
    }
  }

.legacy .service-selection__logo {
    display: inline-block;
    height: 2.5rem;
    margin: 0 1rem 0 0;
    width: 2.28625rem;
  }

@media (min-width: 992px) {
    .legacy .service-selection__logo {
      height: 4rem;
      margin: 0 0 2rem;
      width: 3.6575rem;
    }
  }

.legacy .service-selection__back {
    order: 1;
    padding: 1rem;
    transform: translate(-1rem);
  }

.legacy .service-selection__back:focus-visible {
    outline: 0.1875rem solid #0d3a93;
    outline-offset: -0.1875rem;
  }

@media (min-width: 760px) {
    .legacy .service-selection__back {
      transform: none;
    }
  }

.legacy .service-selection__link {
    align-items: center;
    color: #0d3a93;
    display: flex;
    text-decoration: none;
  }

.legacy .service-selection__button {
    width: 100%;
  }

.legacy .service-selection__tabs {
    flex: 1;
    order: 2;
    width: 100%;
  }

.legacy .service-selection__tab.base-outline:not(:focus-visible) {
    outline: unset;
    outline-offset: unset;
  }

.legacy .service-selector-search-dialog {
    box-shadow: 0 2px 0.5rem #00000026;
    display: flex;
    flex-direction: column;
    padding: 1.5rem 1rem 1rem;
  }

.legacy .service-selector-search-dialog .step-navigation {
    align-items: flex-start;
    counter-reset: item;
    display: flex;
    flex-direction: column;
    justify-content: left;
    list-style: none;
    margin-top: 1rem;
  }

@media (min-width: 760px) {
    .legacy .service-selector-search-dialog .step-navigation {
      flex-direction: row;
    }
  }

.legacy .service-selector-search-dialog .step-navigation__step {
    color: #343d46;
    display: flex;
    font-size: 1rem;
    letter-spacing: 0.015em;
    line-height: 1.625rem;
    margin-bottom: 1rem;
    opacity: 0.4;
    padding-left: 2rem;
    position: relative;
  }

@media (min-width: 760px) {
    .legacy .service-selector-search-dialog .step-navigation__step {
      margin-bottom: 1.5rem;
    }
  }

@media (min-width: 992px) {
    .legacy .service-selector-search-dialog .step-navigation__step {
      font-size: 1.125rem;
      line-height: 1.75rem;
    }
  }

@media (min-width: 760px) {
    .legacy .service-selector-search-dialog .step-navigation__step {
      margin-bottom: 0;
    }
    .legacy .service-selector-search-dialog .step-navigation__step:not(:last-child) {
      margin-right: 1.5rem;
    }
  }

.legacy .service-selector-search-dialog .step-navigation__step:not(:last-child) {
    margin-bottom: 0.5rem;
  }

.legacy .service-selector-search-dialog .step-navigation__step--active {
    opacity: 1;
  }

.legacy .service-selector-search-dialog .step-navigation__step:before {
    align-items: center;
    border: 1px solid #343d46;
    border-radius: 50%;
    content: counter(item) " ";
    counter-increment: item;
    display: flex;
    font-size: 0.875rem;
    height: 1.5rem;
    justify-content: center;
    left: 0;
    line-height: 1.3125rem;
    position: absolute;
    width: 1.5rem;
  }

.legacy .service-selector-search-dialog .step-navigation__step--done:before {
    visibility: hidden;
  }

.legacy .service-selector-search-dialog__search-box-wrapper {
    background: #fff;
    padding-bottom: 1rem;
    padding-top: 1rem;
    position: sticky;
    top: 0;
    z-index: 2;
  }

.legacy .service-selector-search-dialog__icon-valid {
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }

.legacy .service-selector-search-dialog__alert-icon {
    margin-right: 0.25rem;
  }

.legacy .service-selector-search-dialog__search-result-wrapper {
    max-height: -moz-fit-content;
    max-height: fit-content;
    min-height: 5rem;
    overflow-y: auto;
    position: relative;
  }

@media (min-width: 760px) {
    .legacy .service-selector-search-dialog__search-result-wrapper {
      max-height: 25rem;
    }
  }

.legacy .service-selector-search-dialog__search-result-item {
    padding: 1.5rem 1rem;
  }

@media (min-width: 992px) {
    .legacy .service-selector-search-dialog__search-result-item {
      padding: 1.5rem 2rem;
    }
  }

.legacy .service-selector-search-dialog__search-result-item:nth-child(odd) {
    background-color: #f5f5f6;
  }

.legacy .service-selector-search-dialog__store-select-btn {
    margin-top: 16px;
    white-space: nowrap;
    width: 100%;
  }

@media (min-width: 760px) {
    .legacy .service-selector-search-dialog__store-select-btn {
      margin-top: 0;
      width: auto;
    }
  }

.legacy .service-selector-search-dialog:has(
    .service-selector-search-dialog__search-result-item:nth-child(4)
  ) {
    padding-bottom: 0;
  }

@media (min-width: 760px) {
    .legacy .base-merchant {
      align-items: flex-end;
      display: flex;
      flex-direction: row;
      justify-content: space-between;
    }
  }

.legacy .base-merchant__details {
    width: 100%;
  }

.legacy .base-merchant__details > :last-child {
    margin-bottom: 0;
  }

.legacy .base-merchant__header {
    align-items: flex-start;
    display: flex;
    gap: 8px;
    justify-content: space-between;
    margin-bottom: 0.5rem;
    width: 100%;
  }

.legacy .base-merchant__headline {
    color: #00005f;
    font-size: 1.5rem;
    font-weight: 700;
    letter-spacing: 0.01em;
    line-height: 2.125rem;
    text-align: left;
  }

@media (min-width: 992px) {
    .legacy .base-merchant__headline {
      font-size: 1.625rem;
      line-height: 2.25rem;
    }
  }

.legacy .base-merchant__badge {
    line-height: 1rem;
    max-width: 50%;
  }

.legacy .base-merchant__address {
    color: #101316;
    font-size: 1rem;
    letter-spacing: 0.015em;
    line-height: 1.625rem;
  }

@media (min-width: 992px) {
    .legacy .base-merchant__address {
      font-size: 1.125rem;
      line-height: 1.75rem;
    }
  }

.legacy .base-merchant__address--distance {
    display: block;
  }

@media (min-width: 760px) {
    .legacy .base-merchant__address--distance {
      border-left: 1px solid #d6d8da;
      display: inline-block;
      margin-left: 0.25rem;
      padding-left: 0.5rem;
    }
  }

.legacy .geolocation[data-v-b67127c7] {
    display: flex;
    justify-content: center;
  }

@media (min-width: 992px) {
    .legacy .geolocation__text[data-v-b67127c7] {
      font-size: 1.125rem;
    }
  }

.legacy .merchant-search-box .base-input__label {
    font-size: 1rem;
  }

.legacy .merchant-search-box .base-input__label--req-field {
    display: none;
  }

.legacy .merchant-search-box__container {
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }

.legacy input[type="search"],
  .legacy input[type="search"]::-webkit-search-cancel-button,
  .legacy input[type="search"]::-webkit-search-decoration,
  .legacy input[type="search"]::-webkit-search-results-button,
  .legacy input[type="search"]::-webkit-search-results-decoration {
    -webkit-appearance: none;
  }

.legacy .base-autocomplete {
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }

.legacy .base-autocomplete__fade-enter-from,
  .legacy .base-autocomplete__fade-leave-to {
    opacity: 0;
  }

.legacy .base-autocomplete__fade-enter-active,
  .legacy .base-autocomplete__fade-leave-active {
    transition: opacity 0.3s ease;
  }

.legacy .base-autocomplete--focussed {
    outline: none;
  }

.legacy .base-autocomplete__icon {
    transition: transform 0.3s ease-out;
  }

.legacy .base-autocomplete__icon--hide {
    display: none;
  }

.legacy .base-autocomplete__dropdown {
    background: #fff;
    border: 1px solid #71777e;
    border-radius: 0.5rem;
    margin-top: 0.25rem;
    max-height: 18rem;
    overflow-y: auto;
    position: relative;
    width: 100%;
    z-index: 1;
  }

.legacy .base-autocomplete__option {
    align-items: center;
    color: #101316;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    font-size: 1rem;
    font-size: 1.125rem;
    justify-content: space-between;
    line-height: 1.5rem;
    padding: 0.8125rem 1rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
  }

@media (min-width: 992px) {
    .legacy .base-autocomplete__option {
      font-size: 1.125rem;
      line-height: 1.75rem;
    }
  }

@media (max-width: 551.9px) {
    .legacy .base-autocomplete__option {
      font-size: 1rem;
    }
  }

.legacy .base-autocomplete__option--loading {
    padding: 1.75rem 1rem;
  }

.legacy .base-autocomplete__option--active,
  .legacy .base-autocomplete__option:hover {
    background: #e6ebf4;
  }

.legacy .base-autocomplete__option-label {
    padding-right: 5px;
  }

.legacy .base-autocomplete__option-badge {
    align-items: center;
    background-color: #cfd8e9;
    border-radius: 16px;
    color: inherit;
    display: flex;
    font-size: 0.75rem;
    font-weight: 400;
    gap: 2px;
    height: -moz-fit-content;
    height: fit-content;
    justify-content: center;
    letter-spacing: 0.02em;
    line-height: 16px;
    min-width: -moz-fit-content;
    min-width: fit-content;
    padding: 4px 4px 4px 8px;
  }

.legacy .base-autocomplete__option-badge-icon {
    height: 0.75rem;
    width: 0.75rem;
  }

.legacy .base-autocomplete .base-input__icon-start {
    cursor: pointer;
  }

.legacy .content-page,
  .legacy .home-page {
    background-color: #f5f5f6;
    scroll-margin-top: var(--base-header-height);
  }

.legacy .content-page__loading-container,
  .legacy .home-page__loading-container {
    height: 100vh;
    position: relative;
  }

.legacy .content-page__loading-container .loading-indicator,
  .legacy .home-page__loading-container .loading-indicator {
    top: -25%;
  }

.legacy .information-banner {
    align-items: flex-start;
    background-color: #ffc800;
    box-shadow: 0 2px 2px #72777e26;
    display: flex;
    justify-content: space-between;
    padding: 1rem;
  }

@media (min-width: 760px) {
    .legacy .information-banner {
      padding: 1rem;
    }
  }

@media (min-width: 992px) {
    .legacy .information-banner {
      padding: 1rem 3.5rem;
    }
  }

.legacy .information-banner--mobile {
    top: 0;
  }

.legacy .information-banner__title {
    color: #00005f;
    font-size: 1.5rem;
    font-weight: 700;
    letter-spacing: 0.01em;
    line-height: 2.125rem;
    padding-bottom: 0.5rem;
  }

@media (min-width: 992px) {
    .legacy .information-banner__title {
      font-size: 1.625rem;
      line-height: 2.25rem;
    }
  }

.legacy .information-banner__close {
    border-radius: 0.5rem;
  }

.legacy .information-banner__close:focus-visible {
    outline: 0.1875rem solid #0d3a93;
    outline-offset: 0;
  }

.legacy .icon[data-v-3253f8b6] {
    --icon-width: var(--icon-default-width);
    --icon-height: var(--icon-default-height);
    display: flex;
    height: var(--icon-height);
    position: relative;
    width: var(--icon-width);
  }

.legacy .icon__badge[data-v-3253f8b6] {
    position: absolute;
    top: 0;
    transform: translate(-50%, -50%);
  }

.legacy .icon__badge--value[data-v-3253f8b6] {
    bottom: 14px;
    left: calc(100% - 4px);
  }

.legacy .icon__badge--dot[data-v-3253f8b6] {
    bottom: 18px;
    height: var(--badge-dot-icon-default-height);
    right: 0;
    transform: translate(50%);
    width: var(--badge-dot-icon-default-width);
  }

.legacy .text-link[data-v-22037738] {
    align-items: center;
    color: var(--text-link-text-default-color);
    cursor: pointer;
    display: inline-flex;
    gap: var(--text-link-default-item-spacing);
    min-height: var(--text-link-default-min-height);
    -webkit-text-decoration: var(
      --text-link-text-only-default-typography-text-decoration
    );
    text-decoration: var(
      --text-link-text-only-default-typography-text-decoration
    );
    width: -moz-fit-content;
    width: fit-content;
  }

.legacy .text-link--with-icon[data-v-22037738] {
    text-decoration: none;
  }

.legacy .text-link--inline-with-leading[data-v-22037738] {
    vertical-align: text-top;
  }

.legacy .text-link[data-v-22037738]:hover {
    color: var(--text-link-text-hover-color);
  }

.legacy .text-link[data-v-22037738]:active {
    color: var(--text-link-text-active-color);
    outline: none;
  }

.legacy .text-link[data-v-22037738]:focus-visible {
    border-radius: var(--text-link-focus-default-border-radius);
    outline: var(--text-link-focus-default-border-width) solid
      var(--text-link-focus-default-border-color);
    outline-offset: var(--text-link-focus-default-horizontal-padding);
  }

.legacy .text-link--disabled[data-v-22037738] {
    color: var(--text-link-text-disabled-color);
    pointer-events: none;
  }

.legacy .dropdown[data-v-e8b617bb] {
    background-color: var(--dropdown-default-background-color);
    border-radius: var(--dropdown-default-border-radius);
    box-shadow:
      var(--dropdown-default-shadow-2-x) var(--dropdown-default-shadow-2-y)
        var(--dropdown-default-shadow-2-blur)
        var(--dropdown-default-shadow-2-spread)
        var(--dropdown-default-shadow-2-color),
      var(--dropdown-default-shadow-1-x) var(--dropdown-default-shadow-1-y)
        var(--dropdown-default-shadow-1-blur)
        var(--dropdown-default-shadow-1-spread)
        var(--dropdown-default-shadow-1-color);
    max-height: var(--dropdown-default-max-height);
    overflow-y: auto;
    padding: var(--dropdown-default-vertical-padding)
      var(--dropdown-default-horizontal-padding);
    position: absolute;
  }

.legacy .breadcrumbs[data-v-332a07ce] {
    max-width: 100%;
    opacity: 1;
  }

.legacy .breadcrumbs--hidden[data-v-332a07ce] {
    opacity: 0;
  }

.legacy .breadcrumbs__shortened-items[data-v-332a07ce] {
    align-items: center;
    display: inline-flex;
    gap: var(--breadcrumb-default-gap-column);
    max-width: 100%;
  }

.legacy .breadcrumbs__shortened-items > .breadcrumbs__item[data-v-332a07ce] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

.legacy .breadcrumbs__items[data-v-332a07ce] {
    align-items: center;
    display: inline-flex;
    gap: var(--breadcrumb-default-gap-column);
  }

.legacy .breadcrumbs__items--hidden[data-v-332a07ce] {
    display: none;
  }

.legacy .breadcrumbs__item[data-v-332a07ce] {
    font-family: var(--breadcrumb-text-default-typography-font-family);
    font-size: var(--breadcrumb-text-default-typography-font-size);
    font-weight: var(--breadcrumb-text-default-typography-font-weight);
    letter-spacing: var(--breadcrumb-text-default-typography-letter-spacing);
    line-height: var(--breadcrumb-text-default-typography-line-height);
    -webkit-text-decoration: var(
      --breadcrumb-text-default-typography-text-decoration
    );
    text-decoration: var(--breadcrumb-text-default-typography-text-decoration);
    text-transform: var(--breadcrumb-text-default-typography-text-case);
    white-space: nowrap;
  }

.legacy .breadcrumbs__item[data-v-332a07ce] :focus-visible {
    border-radius: var(--breadcrumb-focus-default-border-radius);
    outline: var(--breadcrumb-focus-default-border-width) solid
      var(--breadcrumb-focus-default-border-color);
    outline-offset: var(--breadcrumb-focus-default-outline-offset);
  }

.legacy .breadcrumbs__item--static[data-v-332a07ce] {
    color: var(--breadcrumb-text-default-color);
  }

.legacy .breadcrumbs__currentItem[data-v-332a07ce] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
  }

.legacy .breadcrumbs__separator[data-v-332a07ce] {
    color: var(--breadcrumb-separator-default-color);
    flex: none;
  }

.legacy .breadcrumbs__ellipsis-container[data-v-332a07ce] {
    align-items: center;
    display: inline-flex;
    position: relative;
  }

.legacy .breadcrumbs__ellipsis-container[data-v-332a07ce] :focus-visible {
    border-radius: var(--breadcrumb-first-item-default-border-radius);
    outline: var(--breadcrumb-focus-default-border-width) solid
      var(--breadcrumb-focus-default-border-color);
    outline-offset: var(--breadcrumb-focus-default-outline-offset);
  }

.legacy .breadcrumbs__ellipsis[data-v-332a07ce] {
    align-items: center;
    background: none;
    border: 1px solid var(--breadcrumb-first-item-default-border-color);
    border-radius: var(--breadcrumb-first-item-default-border-radius);
    color: var(--breadcrumb-first-item-ellipsis-default-color);
    cursor: pointer;
    display: inline-flex;
    font-family: var(
      --breadcrumb-first-item-ellipsis-default-typography-font-family
    );
    font-size: var(
      --breadcrumb-first-item-ellipsis-default-typography-font-size
    );
    font-weight: var(
      --breadcrumb-first-item-ellipsis-default-typography-font-weight
    );
    height: 20px;
    justify-content: center;
    text-transform: var(
      --breadcrumb-first-item-ellipsis-default-typography-text-case
    );
    width: 30px;
  }

.legacy .breadcrumbs__ellipsis[data-v-332a07ce]:hover {
    background-color: var(--breadcrumb-first-item-hover-background-color);
  }

.legacy .breadcrumbs__ellipsis[data-v-332a07ce]:active {
    background-color: var(--breadcrumb-first-item-active-background-color);
  }

.legacy .breadcrumbs__dropdown[data-v-332a07ce] {
    left: 0;
    margin-top: 0.5rem;
    max-width: 100%;
    min-width: 272px;
    position: absolute;
    top: 100%;
    z-index: 2;
  }

.legacy .breadcrumbs__dropdown[data-v-332a07ce] .text-link {
    border: 1px solid transparent;
    border-radius: var(--list-item-menu-default-border-radius);
    color: var(--list-item-menu-text-body-default-color) !important;
    cursor: pointer;
    display: block;
    font-family: var(--list-item-menu-text-body-default-typography-font-family);
    font-size: var(--list-item-menu-text-body-default-typography-font-size);
    font-weight: var(--list-item-menu-text-body-default-typography-font-weight);
    letter-spacing: var(
      --list-item-menu-text-body-default-typography-letter-spacing
    );
    line-height: var(--list-item-menu-text-body-default-typography-line-height);
    overflow: hidden;
    padding: var(--list-item-menu-default-vertical-padding)
      var(--list-item-menu-default-horizontal-padding);
    text-decoration: none !important;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
  }

.legacy .breadcrumbs__dropdown[data-v-332a07ce] .text-link:hover {
    background-color: var(--list-item-menu-hover-background-color);
    color: var(--list-item-menu-text-body-default-color) !important;
  }

.legacy .breadcrumbs__dropdown[data-v-332a07ce] .text-link:active {
    background-color: var(--list-item-menu-active-background-color);
    color: var(--list-item-menu-text-body-default-color) !important;
  }

.legacy .breadcrumbs__dropdown[data-v-332a07ce] .text-link[aria-selected="true"] {
    background-color: var(--list-item-menu-active-background-color);
    color: var(--list-item-menu-text-body-active-color) !important;
  }

.legacy .base-breadcrumbs {
    padding-top: 16px;
  }

@media (min-width: 1224px) {
    .legacy .base-breadcrumbs {
      padding-top: 24px;
    }
  }

.legacy [class*="--blurred"],
  .legacy .product-category-teaser-list-item,
  .legacy .product-teaser-list-skeleton {
    pointer-events: unset !important;
    filter: unset !important;
  }

.legacy [class*="--blurred"] img {
    opacity: unset !important;
  }

:root {
  --ic-color-brand-primary-regular: #00005f;
  --ic-color-brand-primary-dark: #0295cf;
}

@font-face {
  font-family: ALDISUED;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/ALDISUEDWebRegular.woff2") format("woff2");
}

@font-face {
  font-family: ALDISUED;
  font-weight: 600;
  font-display: swap;
  src: url("fonts/ALDISUEDWeb-Light.woff2") format("woff2");
}

@font-face {
  font-family: ALDISUED;
  font-weight: 700;
  font-display: swap;
  src: url("fonts/ALDISUEDWebBold.woff2") format("woff2");
}

body {
  font-family: ALDISUED, sans-serif;
  background-color: #f5f5f6;
}

/* Specialized styles. */

/* stylelint-disable-next-line comment-empty-line-before */

/* @import url("styles/foobar.css?ver=81b02f4"); */

/*# sourceMappingURL=style.css?ver=81b02f4