:root {
  --font-body: "AkzidenzGrotesk W1G", Arial, sans-serif;
  --font-headline: "Optima Display Roman", "Source Sans 3 Light", "Times New Roman", serif;
  --font-re-nutriv: "Bauer Bodoni W01 Roman";
  --font-aerin: "Futura Now Regular", sans-serif;
  --font-roboto: "Roboto Condensed";
  --font-optima-light: OptimaDisplayLight;
  --font-essonnes: EssonnesDisplayRegular;
  --font-size-pdp-title: 2.25rem;
  --font-product-price: var(--font-akzidenz-grotesk);
  --font-size-product-price: var(--text-sm-3);
  --line-height-product-price: 1rem;
  --font-size-product-price-mobile: var(--text-sm-3);
  --line-height-product-price-mobile: 1rem;
  --font-product-name: var(--font-headline);
  --font-size-product-name-mobile: 2rem;
  --line-height-product-name-mobile: 2.1875rem;
  --font-size-product-name: 1.5rem;
  --line-height-product-name: 1.625rem;
  --font-product-subheader: var(--font-roboto);
  --font-size-product-subheader-mobile: 0.875rem;
  --line-height-product-subheader-mobile: 1.1;
  --font-product-short-description: var(--font-akzidenz-grotesk);
  --font-size-product-short-description-mobile: 1.5rem;
  --line-height-product-short-description-mobile: normal;
  --font-size-product-short-description: 1rem;
  --line-height-product-short-description: 1.3125rem;
  --font-size-product-subheader: 1.5rem;
  --letter-spacing-product-subheader-mobile: 0.15em;
  --letter-spacing-product-subheader: 0;
  --line-height-product-subheader: 1.1;
  --font-elc-reviews-number: var(--font-roboto);
  --font-size-elc-reviews-number-mobile: 0.875rem;
  --line-height-elc-reviews-number-mobile: 0;
  --font-size-elc-reviews-number: 0.9375rem;
  --line-height-elc-reviews-number: 0;
  --line-height-pdp-title: 2.5rem;
  --color-black: #000000;
  --color-white: #ffffff;
  --color-bg: #ffffff;
  --color-body: #333333;
  --color-error: #da1e28;
  --color-success: #007F5F;
  --color-red-150: #ff0000;
  --color-button-sku: #a6a6a6;
  --color-dark-navy: #01051e;
  --color-dark-blue: #040a2b;
  --color-periwinkle-blue--aerin: #4c4e59;
  --color-el-all-dark-grey: #4f4f4f;
  --color-el-all-light-grey: #ebeaef;
  --color-el-all-medium-grey: #a4a4ab;
  --color-el-blue-line-navy: #040a2b;
  --color-el-blue-line-white: #ffffff;
  --color-primary: #040a2b;
  --color-primary-200: #eeeeee;
  --color-primary-220: #fafafa;
  --color-primary-300: #040a2b;
  --color-primary-500: #9eafff;
  --color-secondary-50: #c8def4;
  --color-secondary-100: #b3b3b9;
  --color-secondary-200: var(--color-el-all-medium-grey);
  --color-secondary-300: #50536b;
  --color-secondary-700: rgba(4,10,43,.92);
  --color-secondary-900: rgba(158,175,255,.1);
  --star-size: 1rem;
  --star-color: #ffffff;
  --star-background: var(--color-primary);
  --color-footer-bg: var(--color-primary);
  --color-mobile-footer-bg: var(--color-primary);
  --color-footer-text: #ffffff;
  --color-a11y-icon: var(--color-primary);
  --color-a11y-icon-bg: var(--color-primary-500);
  --placeholder-color: #9ca3af;
  --brand-logo-loyalty: url("/tenant-web/brands/estee_lauder/estee_lauder_loyalty_logo.svg");
  --width-logo-header: 16rem;
  --width-logo-header-lg: 16rem;
  --color-body-minimal-bg: var(--color-bg);
  --color-foreground: var(--color-primary);
  --color-copyright: inherit;
  --color-a11y-icon-bg: #ffffff;
  --font-size-footer: 15px;
  --letter-spacing-primary: 0.3px;
  --minimal-header-height: 95px;
  --mobile-minimal-header-height: 65px;
  --font-weight-secure-text: 400;

  --product-card-width: 366px;
  --text-sm-2: 14px;
  --text-sm-3: 15px;
  --text-sm-4: 12px;

  /** FONTS **/
  --text-sm-0: 0.9375rem;
  --text-sm-1: 0.6875rem;
  --text-sm-1_25: 0.688rem;
  --text-sm-6: 0.625rem;
  --text-lg-2_25: 1.313rem;
  --text-lg-2_5:   1.375rem;
  --text-lg-3:   1.5rem;
  --text-lg-3_5:   1.875rem;
  --text-lg-3_75:  2.125rem;
  --text-lg-4:     2.5rem;
  --text-lg-5: 3.125rem;

  /* Grays */
  --color-gray-10: #F9F9FA;
  --color-gray-65: #e5e5e5;
  --color-gray-70: #EBEAEF;
  --color-gray-80: #cccccc;
  --color-gray-100: #c7c7c7;
  --color-gray-150: #949494;
  --color-gray-450: #727272;
  --color-gray-500: #767676;
  --color-gray-550: #68696d;
  --color-gray-600: #616161;
  --color-gray-650: #4F4F4F;
  --color-gray-750: #333333;
  --color-gray-850: #212121;

  /* input fields */
  --input-disabled-background: var(--color-primary-220);

  /** SETTINGS **/
  --max-width-screen-laptop: 1366px;
  --hero-banner-image-min-height: 200px;

  /** Carousel **/
  --width-carousel-thumbnail: 98px;
  --height-carousel-thumbnail: 130px;
  --width-carousel-image: 600px;
  --height-carousel-image: 784px;

  --pincer-swiper-mobile-image-height: auto;
  --pincer-swiper-mobile-image-width: 100%;
  --pincer-swiper-padding-bottom: 0px;
  --pincer-swiper-margin-bottom: 0;
  --pincer-swiper-slide-margin-bottom: 0;

  --pincer-swiper-navigation-width: 32px;
  --pincer-swiper-navigation-height: 72px;
  --pincer-swiper-navigation-top-offset: 50%;
  --pincer-swiper-navigation-sides-offset: 0px;
  --pincer-swiper-navigation-background-color: rgba(255,255,255,0.75);
  --pincer-swiper-navigation-opacity: 1;
  --pincer-swiper-navigation-font-size: 1.5rem;
  --pincer-swiper-navigation-font-color: #040A2b;
  --pincer-swiper-navigation-prev-side-offset: 0rem;
  --pincer-swiper-navigation-next-side-offset: 0rem;
  --pincer-swiper-thumbnails-navigation-prev-top: 20px;
  --pincer-swiper-thumbnails-navigation-prev-bottom: unset;
  --pincer-swiper-thumbnails-navigation-prev-left: 2rem;
  --pincer-swiper-thumbnails-navigation-next-top: unset;
  --pincer-swiper-thumbnails-navigation-next-right: unset;
  --pincer-swiper-thumbnails-navigation-next-bottom: 0;
  --pincer-swiper-thumbnails-navigation-next-left: 2rem;

  --swiper-pagination-color: #000;
  --swiper-pagination-left: auto;
  --swiper-pagination-right: 8px;
  --swiper-pagination-bottom: 0;
  --swiper-pagination-top: auto;
  --swiper-pagination-fraction-color: inherit;
  --swiper-pagination-bullet-size: 5px;
  --swiper-pagination-bullet-width: 5px;
  --swiper-pagination-bullet-height: 5px;
  --swiper-pagination-bullet-inactive-color: #ccc;
  --swiper-pagination-bullet-inactive-opacity: 1;
  --swiper-pagination-bullet-opacity: 1;
  --swiper-pagination-bullet-horizontal-gap: 5px;
  --swiper-pagination-bullet-vertical-gap: 6px;
  --checkbox-label-padding-inline-end: 30px;

  --size-chip-sold-out-strikethrough-width: 30px;
  --size-chip-sold-out-strikethrough-color: #212121;
  --live-person-proactive-z-index: 19;
}