: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;
}
.typeAhead-search-box {
  grid-column: 1/-1;
  -ms-grid-row: 1;
  grid-row: 1;
  height: 48px;
  width: 100%;
}
@media (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .typeAhead-search-box__inner-container {
    height: 29px;
    position: relative;
  }
}
.typeAhead-search-box .typeAhead-search-box__input-group .input__inner-wrapper {
  background-color: #fff;
  display: flex;
  flex: 1 0 100%;
  height: 48px;
  transition: flex-shrink 0.2s cubic-bezier(0.15, 0, 0.45, 1);
}
.typeAhead-search-box
  .typeAhead-search-box__input-group
  .input__inner-wrapper:has(.typeAhead-search-box__input-text:focus) {
  box-shadow: inset 0 0 0 2px #000;
}
.typeAhead-search-box .typeAhead-search-box__input-group .input__element--left {
  align-items: center;
  background: transparent;
  display: flex;
  height: 48px;
  justify-content: center;
  min-height: 48px;
  width: 48px;
}
.typeAhead-search-box .typeAhead-search-box__input-group .input__element--left .typeAhead-custom-close-icon {
  margin-top: 6px;
}
.typeAhead-search-box .typeAhead-search-box__input-group .input__element--right {
  align-items: center;
  background: transparent;
  display: flex;
  height: 48px;
  justify-content: center;
  min-height: 48px;
  right: 0;
  width: 48px;
}
@media screen and (min-width: 1024px) {
  .typeAhead-search-box .typeAhead-search-box__input-group .input__element--right {
    transition: all 0.3s;
  }
}
.typeAhead-search-box .typeAhead-search-box__input-group .input__element--right.typeAhead-custom-reset-button {
  border-radius: 0;
  right: 48px;
}
.typeAhead-search-box
  .typeAhead-search-box__input-group
  .input__element--right.typeAhead-custom-reset-button
  .typeAhead-custom-reset-icon {
  height: 12px;
  width: 12px;
}
.typeAhead-search-box .typeAhead-search-box__input-group .typeAhead-search-box__input-text {
  border: 1px solid #e6e6e6;
  border-left: none;
  border-radius: 0;
  border-right: none;
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 14px;
  font-weight: 400;
  height: 48px;
  letter-spacing: 0;
  line-height: 110%;
  margin: 0;
  padding: 12px 48px 12px 12px;
  transition:
    all 0.3s,
    border 1ms;
}
.typeAhead-search-box .typeAhead-search-box__input-group .typeAhead-search-box__input-text::-webkit-input-placeholder {
  color: #595959;
  opacity: 1;
  -webkit-transition: opacity 0.25s;
  transition: opacity 0.25s;
}
.typeAhead-search-box .typeAhead-search-box__input-group .typeAhead-search-box__input-text::-moz-placeholder {
  color: #595959;
  opacity: 1;
  -moz-transition: opacity 0.25s;
  transition: opacity 0.25s;
}
.typeAhead-search-box .typeAhead-search-box__input-group .typeAhead-search-box__input-text:-ms-input-placeholder {
  color: #595959;
  opacity: 1;
  -ms-transition: opacity 0.25s;
  transition: opacity 0.25s;
}
.typeAhead-search-box .typeAhead-search-box__input-group .typeAhead-search-box__input-text::placeholder {
  color: #595959;
  opacity: 1;
  transition: opacity 0.25s;
}
@media screen and (max-width: 767px) {
  .typeAhead-search-box
    .typeAhead-search-box__input-group
    .typeAhead-search-box__input-text::-webkit-input-placeholder {
    opacity: 0.5;
  }
  .typeAhead-search-box .typeAhead-search-box__input-group .typeAhead-search-box__input-text::-moz-placeholder {
    opacity: 0.5;
  }
  .typeAhead-search-box .typeAhead-search-box__input-group .typeAhead-search-box__input-text:-ms-input-placeholder {
    opacity: 0.5;
  }
  .typeAhead-search-box .typeAhead-search-box__input-group .typeAhead-search-box__input-text::placeholder {
    opacity: 0.5;
  }
}
.typeAhead-search-box
  .typeAhead-search-box__input-group
  .typeAhead-search-box__input-text:focus::-webkit-input-placeholder {
  color: #595959;
}
.typeAhead-search-box .typeAhead-search-box__input-group .typeAhead-search-box__input-text:focus::-moz-placeholder {
  color: #595959;
}
.typeAhead-search-box .typeAhead-search-box__input-group .typeAhead-search-box__input-text:focus:-ms-input-placeholder {
  color: #595959;
}
.typeAhead-search-box .typeAhead-search-box__input-group .typeAhead-search-box__input-text:focus::placeholder {
  color: #595959;
}
.typeAhead-search-box
  .typeAhead-search-box__input-group
  .typeAhead-search-box__input-text:focus
  + .button--disabled
  .search-icon {
  color: #bfbfbf;
  opacity: 1;
}
.typeAhead-search-box .typeAhead-search-box__loader {
  stroke: #212121;
  display: inline-block;
  margin-left: 5px;
  width: 20px;
}
.typeAhead-search-box--suggestions .overlay__container--full-width {
  background-color: #fff;
  z-index: 9999;
}
@media screen and (min-width: 1024px) and (max-width: 1279px) {
  .typeAhead-search-box--suggestions .overlay__container--full-width {
    width: calc(100vw - 70px);
  }
}
@media screen and (min-width: 1024px) {
  .typeAhead-search-box--suggestions .overlay__container--full-width {
    margin-top: 5px;
  }
}
@media screen and (min-width: 1280px) {
  .typeAhead-search-box--suggestions .overlay__container--full-width {
    max-width: 1330px;
    width: calc(100vw - 70px);
  }
}
.typeAhead-search-box--focused {
  display: block;
}
.typeAhead-search-box--focused .typeAhead-search-box__input-group .input__inner-wrapper {
  flex-shrink: 1;
  transition: flex-shrink 0.3s cubic-bezier(0.15, 0, 0.45, 1);
}
.typeAhead-search-box--focused .typeAhead-search-box__input-group .typeAhead-search-box__input-text {
  border: none;
  border-bottom: 1px solid #000;
  padding: 12px 48px;
}
.typeAhead-search-box--focused .typeAhead-search-box__input-group .typeAhead-search-box__input-text:focus {
  padding: 12px 48px;
}
.typeAhead-search-box--focused .typeAhead-search-box__input-group .typeAhead-search-box__input-text--has-value,
.typeAhead-search-box--focused .typeAhead-search-box__input-group .typeAhead-search-box__input-text--has-value:focus {
  padding: 12px 96px 12px 48px;
}
.typeAhead-search-box--focused .typeAhead-search-box__input-group .input__element--left.typeAhead-custom-close-button {
  display: block;
  opacity: 1;
}
.typeAhead-search-box--focused
  .typeAhead-search-box__input-group
  .input__element--left.typeAhead-custom-close-button
  .arrow-left-small-icon {
  vertical-align: middle;
}
.typeAhead-search-box--focused .typeAhead-search-box__input-group .input__element--right.typeAhead-custom-reset-button {
  border-right: none;
  height: 48px;
  padding-right: 0;
  width: 48px;
}
.typeAhead-search-box--focused .typeAhead-search-box__input-group .input__element--right.typeAhead-search-button {
  border-radius: 0;
  height: 48px;
  right: 0;
  width: 48px;
}
.typeAhead-search-box--desktop .typeAhead-search-box__input-group .typeAhead-search-box__input-text {
  border: none;
  padding: 12px 32px 12px 48px;
}
.typeAhead-search-box--desktop .typeAhead-search-box__input-group .typeAhead-search-box__input-text:active {
  border-bottom: 1px solid #000;
}
.typeAhead-search-box--desktop
  .typeAhead-search-box__input-group
  .typeAhead-search-box__input-text
  .input__container
  .input__input:focus,
.typeAhead-search-box--desktop .typeAhead-search-box__input-group .typeAhead-search-box__input-text:focus {
  border-bottom: 1px solid #000;
  border-top: none;
  padding: 12px 48px;
}
.typeAhead-search-box--desktop .typeAhead-search-box__input-group .typeAhead-search-box__input-text--has-value {
  border-bottom: 1px solid #000;
  padding: 12px 96px 12px 48px;
}
.typeAhead-search-box--desktop .typeAhead-search-box__input-group .typeAhead-search-box__input-text--has-value:focus {
  padding: 12px 96px 12px 48px;
}
.typeAhead-search-box--desktop
  .input__container--noLabel.input__container--grey
  .input__element--left.typeAhead-custom-close-button {
  align-items: center;
  display: flex;
  justify-content: center;
}
.typeAhead-search-box--desktop .input__element--right.typeAhead-search-button:before,
.typeAhead-search-box--focused .input__element--right.typeAhead-search-button:before {
  background-color: #595959;
  content: '';
  height: 24px;
  left: 0;
  position: absolute;
  top: 0;
  top: 11px;
  visibility: visible;
  width: 1px;
}
.typeAhead-search-box--desktop .input__element--right.typeAhead-search-button.button--disabled:before,
.typeAhead-search-box--focused .input__element--right.typeAhead-search-button.button--disabled:before {
  visibility: hidden;
}
@media screen and (max-width: 1023px) {
  .typeAhead-search-box__inner-container {
    display: flex;
    flex-direction: column;
    height: 100%;
  }
}
.typeAhead-custom-close-button {
  display: none;
}
.platform-app .typeAhead-search-box__input-group .input__inner-wrapper {
  background-color: #fff;
}
.platform-app .typeAhead-search-box__input-group .input__inner-wrapper .typeAhead-search-box__input-text {
  padding: 12px 48px;
}
.platform-app .typeAhead-search-box__input-group .input__inner-wrapper .typeAhead-search-box__input-text--has-value,
.platform-app
  .typeAhead-search-box__input-group
  .input__inner-wrapper
  .typeAhead-search-box__input-text--has-value:focus {
  padding: 12px 96px 12px 48px;
}
.platform-app
  .typeAhead-search-box__input-group
  .input__inner-wrapper
  .typeAhead-search-box__input-text
  .typeAhead-search-box__app-input,
.platform-app
  .typeAhead-search-box__input-group
  .input__inner-wrapper:not(:has(.input__element--right))
  .typeAhead-search-box__app-input {
  padding: 12px 32px 12px 48px;
}
.platform-app .typeAhead-search-box__input-group .input__element--right.typeAhead-code-scanner {
  right: 0;
}
.platform-app .typeAhead-code-scanner-enter {
  opacity: 0;
}
.platform-app .typeAhead-code-scanner-enter-active {
  opacity: 1;
  transition: all 0.5s;
}
.platform-app .typeAhead-code-scanner-exit {
  opacity: 1;
}
.platform-app .typeAhead-code-scanner-exit-active {
  opacity: 0;
  transition: all 0.15s;
}
.platform-app .typeAhead-search-enter {
  opacity: 0;
}
.platform-app .typeAhead-search-appear-active,
.platform-app .typeAhead-search-enter-active {
  opacity: 1;
  transition: opacity 0.15s 0.15s;
}
.app--suggestion-search
  .input__container--noLabel.input__container--grey
  .input__element--left.typeAhead-custom-close-button {
  display: block;
}
.search-box {
  width: 100%;
}