:export {
  colorGreyLight5: #f2f2f2;
  colorGreyDark50: #8a8a8a;
  colorGreyMedium: #e6e6e6;
  colorMintBright: var(--color-brand-bright);
  colorMintMedium: var(--color-brand-medium);
  colorBlack: #000;
  colorWhite: #fffffd;
  colorBrandLight: var(--color-brand-light);
  bgColorLightMint: #e6f6f4;
  bgColorLightRose: #ffebf0;
  bgColorRed: #ffebee;
  bgColorPink: #fce4ec;
  bgColorViolet: #f3e5f5;
  bgColorPurple: #ede7f6;
  bgColorIndigo: #e8eaf6;
  bgColorBlue: #e3f2fd;
  bgColorBabyBlue: #e1f5fe;
  bgColorCyan: #e0f7fa;
  bgColorTeal: #e0f2f1;
  bgColorGreen: #e8f5e9;
  bgColorFreshGreen: #f1f8e9;
  bgColorLime: #f9fbe7;
  bgColorYellow: #fffde7;
  bgColorAmber: #fff8e1;
  bgColorOrange: #fff3e0;
  bgColorRedOrange: #fbe9e7;
  bgColorMakeUp: #f7f1ed;
  bgColorBrown: #efebe9;
  bgColorGrey: #f2f2f2;
  bgColorBlueGrey: #eceff1;
  criteoColorGray: #b3b3b3;
  criteoColorBlack: #322b29;
  criteoColorDarkBrown: #5e534e;
}
:export {
  mobileMax: 767px;
  tabletMax: 1023px;
  desktopMax: 1279px;
  largeMax: 1400px;
}
.info-bar {
  background-color: #f2f2f2;
  display: none;
  height: 32px;
  min-height: 10px;
}
@media screen and (min-width: 768px) {
  .info-bar {
    align-items: center;
    display: flex;
  }
  .info-bar.no-content {
    height: 10px;
  }
}
.info-bar__wrapper {
  align-items: center;
  display: flex;
}
.info-bar__wrapper .link {
  white-space: nowrap;
}
.info-bar__wrapper .info-bar__links {
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0.5px;
  line-height: 120%;
  margin: auto 0 auto 16px;
  text-decoration: none;
  text-transform: uppercase;
}
.info-bar__wrapper .info-bar__links:hover {
  color: #000;
  text-decoration: underline;
}
.info-bar__wrapper .info-bar__links:visited {
  color: #000;
}
.info-bar__wrapper .info-bar__links-column {
  padding-right: 16px;
}
.info-bar__languages-column {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-left: 16px;
}
.info-bar__entries-column {
  align-items: center;
  display: flex;
  flex: auto;
  height: 14px;
  overflow: hidden;
  padding-left: 16px;
}
.info-bar__entry {
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 160%;
  padding-right: 16px;
  white-space: nowrap;
}