.PtbKk9ogBoi2GdnLM7lW {
  display: inline-block;
  flex-shrink: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.rxx2XQylTzprhCd3iIxy {
  color: currentColor;
}
.Q2V8KxgHDakQ2L3catrp {
  color: #000;
}
.xgxnP8LsMzV1RCs30026 {
  color: #fff;
}
.v9pnWAtar_u_R5unTMub {
  color: #5fc33c;
}
.wTdB69Ui3f19X8cDI23h {
  color: #e6373c;
}
.O2Q8yBc0p8gbqNDJxH0N {
  color: #ff9b14;
}
.KDdH8uacRTvEhxxCBzp5 {
  color: #bfbfbf;
}
.alert {
  color: #000;
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 150%;
  margin-bottom: 15px;
}
.alert__content {
  display: flex;
}
.alert__content-wrapper {
  border-radius: 4px;
  padding: 16px;
}
.alert--success {
  background-color: #e8f5e9;
}
.alert--error,
.alert--warning {
  background-color: #ffc1b7;
}
.alert--info {
  background-color: #f2f2f2;
}
.alert__overlay-status {
  padding: 16px;
}
@media screen and (min-width: 768px) {
  .alert__overlay-status {
    padding: 30px 0 0;
  }
}
.alert--no-margin-bottom {
  margin-bottom: 0;
}
.alert__headline {
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 150%;
  margin-top: 4px;
}
.alert--message {
  flex-grow: 1;
  margin-top: 4px;
}
.alert--message-headline {
  margin-top: 8px;
}
.alert__icon {
  margin-right: 8px;
}
.row--bordered {
  position: relative;
}
.row--bordered:after {
  content: '';
  display: block;
  left: 15px;
  position: absolute;
  right: 15px;
}
.row--border-top:after {
  border-bottom: 1px solid #000;
  top: 0;
}
.row--border-bottom:after {
  border-bottom: 1px solid #e6e6e6;
  bottom: 0;
}
.row--no-gutters.row {
  margin-left: 0;
  margin-right: 0;
}
.row--no-gutters > [class*='col-'] {
  padding-left: 0;
  padding-right: 0;
}
.link--category {
  background-color: #f2f2f2;
  border-radius: 15px;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 150%;
  padding: 10px 15px;
  text-align: center;
  text-transform: uppercase;
}
.link--category:hover {
  background-color: var(--color-brand-light);
}
.link--category:active,
.link--category:focus {
  background-color: var(--color-brand-medium);
}
.link--text {
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 150%;
}
.link {
  color: #000;
  text-decoration: none;
}
.link[href]:hover {
  cursor: pointer;
}
.link--text {
  text-decoration: underline;
}
.link--text:active,
.link--text:focus,
.link--text:hover {
  color: #595959;
}
.link--category {
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-weight: 500;
}
@media screen and (min-width: 1024px) {
  .link--category {
    background-color: transparent;
    border-radius: 0;
    padding: 0;
  }
  .link--category:active,
  .link--category:focus,
  .link--category:hover {
    background-color: transparent;
    border-bottom: 3px solid #595959;
  }
}
.link--nav-heading {
  letter-spacing: 0.5px;
  line-height: 120%;
  text-transform: uppercase;
}
.link--nav,
.link--nav-heading {
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 400;
}
.link--nav {
  letter-spacing: 0;
  line-height: 150%;
}
.link--nav:active,
.link--nav:focus,
.link--nav:hover {
  border-bottom: 3px solid #595959;
}
.link--sitemap:focus,
.link--sitemap:hover {
  text-decoration: underline;
}
.link--tile {
  align-items: center;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.12);
  display: flex;
  flex-direction: column;
  gap: 20px;
  justify-content: center;
  padding: 40px 20px;
}
@media screen and (min-width: 768px) {
  .link--tile {
    padding: 60px 30px;
  }
}
.link--with-underline,
.link--with-underline-offset {
  border-bottom: 1px solid #000;
  display: inline-block;
  margin-bottom: 2px;
  padding-bottom: 1px;
}
.link--with-underline-offset:active,
.link--with-underline-offset:focus,
.link--with-underline-offset:hover,
.link--with-underline:active,
.link--with-underline:focus,
.link--with-underline:hover {
  border-bottom: 2px solid #595959;
  margin-bottom: 1px;
  padding-bottom: 1px;
}
.link--with-underline-offset,
.link--with-underline-offset:active,
.link--with-underline-offset:focus,
.link--with-underline-offset:hover {
  padding-bottom: 5px;
}
.loader {
  stroke: #000;
  align-items: center;
  animation: rotate 2s linear infinite;
  display: flex;
  height: auto;
  justify-content: center;
  margin: 0 auto;
  max-width: 80%;
  opacity: 1;
  position: relative;
  transition: opacity 0.1s ease-in-out;
  width: 20px;
  will-change: transform;
}
@media (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .loader {
    animation: rotate 2s linear infinite;
    will-change: transform;
  }
}
@media screen and (min-width: 1024px) {
  .loader {
    width: 50px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .loader {
    width: 30px;
  }
}
@media (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .loader {
    display: block;
  }
}
.loader .path {
  stroke-linecap: round;
  animation: dash 1.5s ease-in-out infinite;
}
@media (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .loader .path {
    stroke-dasharray: 100;
  }
}
.loader--inline {
  display: none;
}
.loader--navigation {
  display: flex;
  min-height: 350px;
  padding: 10px;
}
.loader.loader--button {
  padding: 10px;
  width: 50px;
}
.loader.loader--button .path {
  stroke: #fff;
}
.loader--paused {
  opacity: 0;
}
.loader--paused,
.loader--paused .path {
  animation-play-state: paused;
}
.loader__placeholder-container {
  background-color: #fff;
  display: flex;
  height: 100%;
  opacity: 0.7;
  position: absolute;
  transform: translateZ(0);
  transition: opacity 0.2s ease-in-out;
  width: 100%;
  z-index: 1000;
}
.page-loader-wrapper {
  align-items: center;
  display: flex;
  height: 75vh;
  left: 50%;
  margin-left: -50vw;
  position: relative;
  width: 100vw;
}
@keyframes rotate {
  to {
    transform: rotate(1turn);
  }
}
@keyframes dash {
  0% {
    stroke-dasharray: 1, 150;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -35px;
  }
  to {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -124px;
  }
}
.add-review-template--chanel .button__primary,
.chanel-button,
.list-review-template--chanel .button__primary,
.product-detail-page--chanel .button__primary {
  animation: none;
  background-color: #000;
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 1.5px;
  line-height: 100%;
  text-transform: uppercase;
}
.add-review-template--chanel .button__primary:active,
.add-review-template--chanel .button__primary:focus,
.add-review-template--chanel .button__primary:hover,
.chanel-button:active,
.chanel-button:focus,
.chanel-button:hover,
.list-review-template--chanel .button__primary:active,
.list-review-template--chanel .button__primary:focus,
.list-review-template--chanel .button__primary:hover,
.product-detail-page--chanel .button__primary:active,
.product-detail-page--chanel .button__primary:focus,
.product-detail-page--chanel .button__primary:hover {
  animation: none;
  background: #000;
}
.button {
  border-radius: 0;
  color: #fff;
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 1.5px;
  line-height: 100%;
  margin-bottom: 10px;
  outline: none;
  padding: 12px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  width: 100%;
}
.button__start-icon {
  display: inline-flex;
  margin-right: 8px;
}
.button__end-icon {
  display: inline-flex;
  margin-left: 8px;
}
.button--no-margin-bottom {
  margin-bottom: 0;
}
.button__primary {
  animation: get-light 0.25s;
  background-color: #000;
}
.button__primary:hover:not(.follow-button--followed) {
  animation: slide-in 0.83s;
  background: linear-gradient(270deg, #000 50%, #000 0);
  background-size: 200% 100%;
}
.button__primary:active {
  background-color: #fff;
}
.button__primary:focus {
  background: #000;
  outline: 3px solid #bfbfbf;
}
.button__tertiary {
  background: #e6e6e6;
  border: 1px solid #e6e6e6;
  color: #000;
}
@media (hover: hover) {
  .button__tertiary:hover:not(.follow-button, .button--loading, :focus) {
    animation:
      slide-in 0.83s,
      get-text-white 1s cubic-bezier(0.69, 1.03, 1, 0.88);
    animation-fill-mode: forwards;
    background: linear-gradient(270deg, #fff 50%, #000 0);
    background-size: 200% 100%;
  }
}
@media (active: active) {
  .button__tertiary:active:not(.follow-button, .button--loading) {
    background: #000;
    color: #fff;
  }
}
.button__tertiary:focus:not(.follow-button, .button--loading) {
  background: #fff;
  color: #fff;
  outline: 3px solid #bfbfbf;
}
.button__tertiary.button--disabled {
  background: #f2f2f2;
  border: 1px solid #f2f2f2;
  color: #bfbfbf;
}
.button__tertiary.button--loading {
  background: #fff;
  color: transparent;
}
.button__tertiary.button--loading .loader.loader--button .path {
  stroke: #000;
}
.button__secondary,
.button__secondary--ghost {
  background-color: #fff;
  border: 1px solid #000;
  color: #000;
}
@media (hover: hover) {
  .button__secondary--ghost:hover:not(.follow-button, .button--loading, :focus),
  .button__secondary:hover:not(.follow-button, .button--loading, :focus) {
    animation:
      slide-in 0.83s,
      get-text-white 1s cubic-bezier(0.69, 1.03, 1, 0.88);
    animation-fill-mode: forwards;
    background: linear-gradient(270deg, #fff 50%, #000 0);
    background-size: 200% 100%;
  }
}
@media (active: active) {
  .button__secondary--ghost:active:not(.follow-button, .button--loading),
  .button__secondary:active:not(.follow-button, .button--loading) {
    background: #000;
    color: #000;
  }
}
.button__secondary--ghost:focus:not(.follow-button, .button--loading),
.button__secondary:focus:not(.follow-button, .button--loading) {
  background: #fff;
  color: #000;
  outline: 3px solid #bfbfbf;
}
.button__secondary--ghost.button--disabled,
.button__secondary.button--disabled {
  background: #f2f2f2;
  border: 1px solid #e6e6e6;
}
.button__secondary--ghost.button--loading,
.button__secondary.button--loading {
  background: #fff;
  color: transparent;
}
.button__secondary--ghost.button--loading .loader.loader--button .path,
.button__secondary.button--loading .loader.loader--button .path {
  stroke: #000;
}
.product-detail-page--chanel .button__secondary,
.product-detail-page--chanel .button__secondary--ghost {
  border: 2px solid #000;
  border-radius: 0;
  color: #000;
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 150%;
  text-transform: uppercase;
}
.product-detail-page--chanel .button__secondary--ghost:hover,
.product-detail-page--chanel .button__secondary:hover {
  animation:
    slide-in 0.83s,
    text-black-to-white 1s cubic-bezier(0.69, 1.03, 1, 0.88);
  animation-fill-mode: forwards;
  background: linear-gradient(270deg, #fff 50%, #000 0);
  background-size: 200% 100%;
}
.product-detail-page--chanel .button__secondary--ghost:active,
.product-detail-page--chanel .button__secondary:active {
  background: #000;
  color: #fff;
}
.button__link,
.button__link-offset {
  color: #000;
  height: auto;
  text-decoration: underline;
  text-transform: unset;
  width: auto;
}
.button__link-offset:hover,
.button__link:hover {
  color: #595959;
}
.button__link-offset {
  align-items: center;
  display: flex;
  justify-content: center;
  text-decoration: underline;
  text-underline-offset: 5px;
}
.button__with-icon {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.button__with-icon--input {
  color: #000;
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 500;
  font-weight: 400;
  letter-spacing: 1.5px;
  letter-spacing: 0;
  line-height: 100%;
  line-height: 150%;
  margin: 0;
  max-height: 28px;
  padding: 0;
  text-transform: uppercase;
  width: auto;
}
.button__with-icon--outline {
  border: 1px solid #000;
  justify-content: space-between;
  padding: 0 18px 0 12px;
}
.button__with-icon--outline,
.button__with-icon--transparent {
  align-items: center;
  color: #000;
  display: flex;
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 1.5px;
  line-height: 100%;
  text-transform: uppercase;
}
.button__with-icon--transparent {
  background-color: transparent;
  border: none;
  height: auto;
  letter-spacing: 0.5px;
  line-height: 18px;
  min-width: auto;
  padding: 0;
  text-align: start;
  text-decoration: underline;
  width: auto;
}
.button__with-icon--fab {
  align-items: center;
  background-color: #fff;
  border-radius: 50%;
  box-shadow: 1px 1px 6px -1px rgba(0, 0, 0, 0.5);
  letter-spacing: 1.5px;
  letter-spacing: 0.5px;
  line-height: 100%;
  padding: 0;
  text-transform: uppercase;
}
.button__with-icon--accordion,
.button__with-icon--fab {
  color: #000;
  display: flex;
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 500;
}
.button__with-icon--accordion {
  align-items: flex-start;
  justify-content: space-between;
  letter-spacing: 0;
  line-height: 150%;
  margin-bottom: 0;
  min-height: 57px;
  padding: 18px 19px;
}
.button__with-icon--accordion:disabled .accordion-panels__header {
  opacity: 0.3;
}
.button--toggle-content {
  flex-direction: row-reverse;
}
.button--toggle-content .icon {
  flex: 0 0 auto;
  margin-left: 0;
  margin-right: 10px;
}
.button--disabled {
  background: #f2f2f2;
  color: #bfbfbf;
  cursor: default;
  pointer-events: none;
}
.button__large {
  height: 64px;
}
.button__normal {
  height: 48px;
}
.button__small {
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 500;
  height: 40px;
  letter-spacing: 1.5px;
  line-height: 100%;
  min-width: 116px;
  padding: 8px;
  text-transform: uppercase;
  width: auto;
}
.button__small .loader.loader--button {
  padding: 8px;
  width: 20px;
}
.button__xsmall {
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 500;
  height: auto;
  letter-spacing: 1.5px;
  line-height: 100%;
  min-width: 116px;
  padding: 8px;
  text-transform: uppercase;
  width: auto;
}
.button__xsmall .loader.loader--button {
  padding: 8px;
  width: 20px;
}
.button__auto {
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 500;
  height: auto;
  letter-spacing: 1.5px;
  line-height: 100%;
  min-width: auto;
  padding: 0;
  text-transform: uppercase;
  width: auto;
}
.button__auto .loader.loader--button {
  padding: 8px;
  width: 20px;
}
.button--gwp-small {
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 500;
  height: 31px;
  letter-spacing: 1.5px;
  line-height: 100%;
  margin: 0 auto;
  max-width: 100%;
  padding: 0 12px;
  text-transform: uppercase;
  width: auto;
}
.button--centered {
  align-items: center;
  display: flex;
  justify-content: center;
}
.button--loading {
  color: transparent;
  pointer-events: none;
  position: relative;
}
.button--loading .icon,
.button--loading span {
  visibility: hidden;
}
.button__loader {
  display: inline-block;
  height: 100%;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}
.button__spinner {
  visibility: visible;
}
.button--toggle-field-button {
  cursor: pointer;
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 150%;
  margin-bottom: 0;
}
.button--content-width {
  width: auto;
}
.button--edge-start {
  margin-left: -12px;
}
.button--edge-end {
  margin-right: -12px;
}
.button .google-translate-fallback {
  display: none;
}
@keyframes slide-in {
  0% {
    background-position: 100% 100%;
  }
  to {
    background-position: 0 100%;
  }
}
@keyframes get-light {
  0% {
    background-color: #000;
  }
  to {
    background-color: #000;
  }
}
@keyframes get-dark {
  0% {
    background-color: #000;
  }
  to {
    background-color: #000;
  }
}
@keyframes get-text-white {
  0% {
    color: #000;
  }
  to {
    color: #fff;
  }
}
@keyframes text-black-to-white {
  0% {
    color: #000;
  }
  to {
    color: #fff;
  }
}
.fatal-error {
  margin-bottom: 40px;
  margin-top: 40px;
  text-align: center;
}
.fatal-error__button {
  padding: 0 20px;
  width: auto;
}
.smartEditComponent > [class*='col'] {
  max-width: none;
}
.header {
  background-color: #fff;
  width: 100%;
  z-index: 101;
}
.grid {
  flex: 1 0 auto;
  padding-bottom: 30px;
  padding-top: 15px;
}
@media screen and (min-width: 768px) {
  .grid {
    padding-top: 30px;
  }
  .grid.product-detail-page,
  .grid.product-overview-page {
    padding-top: 15px;
  }
}
@media screen and (max-width: 767px) {
  .grid.product-detail-page,
  .grid.product-overview-page {
    padding-top: 0;
  }
}
.grid.brand-overview-page,
.grid.cart-page,
.grid.gwp-offer-page,
.grid.homepage,
.grid.sitemap-page {
  min-height: 82vh;
}
@media screen and (max-width: 767px) {
  .grid.brand-overview-page,
  .grid.cart-page,
  .grid.gwp-offer-page,
  .grid.homepage,
  .grid.sitemap-page {
    padding-top: 4px;
  }
}
.grid.search-page {
  padding-top: 16px;
}
@media screen and (min-width: 768px) {
  .grid.search-page {
    padding-top: 40px;
  }
}
.grid.homepage--ios {
  overflow: hidden;
}
.nc-toast-portal {
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 150%;
  position: fixed;
  width: 100%;
  z-index: 10000;
}
.nc-toast-portal--web {
  bottom: 50px;
}
.nc-toast-portal--native {
  bottom: 0;
}
.nc-toast-portal .toast {
  align-items: center;
  display: flex;
  flex-direction: column;
  padding: 0 15px;
}
.nc-toast-portal .toast__element {
  align-items: center;
  animation:
    slide-in-bottom 0.3s cubic-bezier(0.42, 0, 0, 1) forwards,
    slide-out-bottom 0.15s cubic-bezier(0.42, 0, 0, 1) 4.8s;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  background: rgba(0, 0, 0, 0.75);
  border-radius: 4px;
  color: #fff;
  display: flex;
  margin-bottom: 15px;
  min-height: 44px;
  min-width: 100%;
  padding: 12px 15px 13px;
}
@media screen and (min-width: 768px) {
  .nc-toast-portal .toast__element {
    max-width: 100%;
    min-width: 324px;
  }
}
@media screen and (max-width: 767px) and (orientation: landscape) {
  .nc-toast-portal .toast__element {
    max-width: 324px;
    min-width: 324px;
  }
}
.nc-toast-portal .toast__icon {
  margin-right: 13px;
}
.nc-toast-portal .toast__message {
  flex: 1 1;
}
.platform-shop .nc-toast-portal--web {
  bottom: 0;
}
@keyframes slide-in-bottom {
  0% {
    transform: translateY(100%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes slide-out-bottom {
  0% {
    transform: translateY(0);
  }
  to {
    transform: translateY(150%);
  }
}
#app[aria-hidden='true'] {
  pointer-events: none;
}
:root {
  --rsbs-max-h: 90%;
  --rsbs-backdrop-bg: rgba(0, 0, 0, 0.2);
  --rsbs-overlay-h: 90%;
}
[data-rsbs-overlay] {
  animation:
    cubic-bezier 0.45s ease-in 0.15,
    0,
    0.45,
    1;
  background: var(--rsbs-bg, #fff);
  display: flex;
  -webkit-filter: drop-shadow(0 -2px 4px rgba(0, 0, 0, 0.04));
  filter: drop-shadow(0 -2px 4px rgba(0, 0, 0, 0.04));
  flex-direction: column;
  height: var(--rsbs-overlay-h);
  max-height: var(--rsbs-max-h);
  opacity: 1;
  transform: translate3d(0, var(--rsbs-overlay-translate-y, 0), 0);
  transition: opacity 0.45s;
  will-change: height;
}
[data-rsbs-overlay]:focus {
  outline: none;
}
[data-rsbs-is-blocking='false'] [data-rsbs-overlay] {
  box-shadow:
    0 -5px 60px 0 rgba(38, 89, 115, 0.11),
    0 -1px 0 rgba(38, 89, 115, 0.05);
}
[data-rsbs-overlay],
[data-rsbs-root]:after {
  margin-left: var(--rsbs-ml, env(safe-area-inset-left));
  margin-right: var(--rsbs-mr, env(safe-area-inset-right));
  max-width: var(--rsbs-max-w, auto);
}
[data-rsbs-backdrop],
[data-rsbs-overlay],
[data-rsbs-root]:after {
  -ms-scroll-chaining: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-touch-callout: none;
  bottom: 0;
  left: 0;
  overscroll-behavior: none;
  position: fixed;
  right: 0;
  touch-action: none;
  transition: 2s ease-out cubic-bezier(0.42, 0, 0, 1);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  z-index: 1000;
}
[data-rsbs-backdrop] {
  background-color: var(--rsbs-backdrop-bg, rgba(33, 33, 33, 0.2));
  bottom: -60px;
  cursor: pointer;
  opacity: 1;
  top: -60px;
  will-change: opacity;
}
[data-rsbs-is-dismissable='false'] [data-rsbs-backdrop] {
  cursor: ns-resize;
}
[data-rsbs-root]:after {
  background: var(--rsbs-bg, #fff);
  content: '';
  height: 2px;
  pointer-events: none;
  transform: scaleY(var(--rsbs-antigap-scale-y, 0));
  transform-origin: bottom;
  will-change: transform;
}
[data-rsbs-footer] {
  cursor: ns-resize;
  flex-shrink: 0;
  min-height: 30px;
  padding: 12px 16px;
}
.bottom-sheet--padding-none [data-rsbs-footer] {
  padding: 0;
}
[data-rsbs-header] {
  cursor: ns-resize;
  flex-shrink: 0;
  padding: 0 16px;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  z-index: 1;
}
[data-rsbs-header]:before {
  background-color: #fff;
  content: '';
  display: block;
  height: 1.33px;
  left: 50%;
  position: absolute;
  top: -9px;
  transform: translateX(-50%);
  width: 32px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  [data-rsbs-header]:before {
    transform: translateX(-50%) scaleY(0.75);
  }
}
[data-rsbs-has-header='false'] [data-rsbs-header] {
  box-shadow: none;
  padding-top: 12px;
}
[data-rsbs-scroll] {
  -webkit-tap-highlight-color: revert;
  -webkit-touch-callout: revert;
  -ms-scroll-chaining: none;
  -webkit-overflow-scrolling: touch;
  flex-grow: 1;
  flex-shrink: 1;
  overflow: auto;
  overscroll-behavior: contain;
  -webkit-user-select: auto;
  -moz-user-select: auto;
  -ms-user-select: auto;
  user-select: auto;
}
[data-rsbs-scroll]:focus {
  outline: none;
}
[data-rsbs-content] {
  overflow: hidden;
  padding: 0 16px 16px;
}
[data-rsbs-content] .cart-calculations__tooltip-list li {
  list-style: none;
}
[data-rsbs-footer] {
  box-shadow:
    0 -1px 0 rgba(46, 59, 66, calc(var(--rsbs-content-opacity, 1) * 0.125)),
    0 2px 0 var(--rsbs-bg, #fff);
  overflow: hidden;
  padding-bottom: calc(16px + env(safe-area-inset-bottom));
  z-index: 1;
}
[data-rsbs-is-dismissable='false'][data-rsbs-state='closing'] [data-rsbs-footer] > *,
[data-rsbs-is-dismissable='false'][data-rsbs-state='closing'] [data-rsbs-header] > *,
[data-rsbs-is-dismissable='false'][data-rsbs-state='closing'] [data-rsbs-scroll] > *,
[data-rsbs-is-dismissable='false'][data-rsbs-state='opening'] [data-rsbs-footer] > *,
[data-rsbs-is-dismissable='false'][data-rsbs-state='opening'] [data-rsbs-header] > *,
[data-rsbs-is-dismissable='false'][data-rsbs-state='opening'] [data-rsbs-scroll] > *,
[data-rsbs-is-dismissable='true'] [data-rsbs-footer] > *,
[data-rsbs-is-dismissable='true'] [data-rsbs-header] > *,
[data-rsbs-is-dismissable='true'] [data-rsbs-scroll] > * {
  opacity: 1;
}
[data-rsbs-is-dismissable='false'][data-rsbs-state='closing'] [data-rsbs-backdrop],
[data-rsbs-is-dismissable='false'][data-rsbs-state='opening'] [data-rsbs-backdrop],
[data-rsbs-is-dismissable='true'] [data-rsbs-backdrop] {
  opacity: var(--rsbs-backdrop-opacity, 1);
}
[data-rsbs-state='closed'],
[data-rsbs-state='closing'] {
  opacity: 1;
  pointer-events: none;
}
.app-dropdown__bottom-sheet [data-rsbs-content] {
  height: 50vh;
  overflow: scroll;
  padding: 16px;
}
.app-dropdown__bottom-sheet [data-rsbs-overlay] {
  animation:
    cubic-bezier 0.35s ease-in 0.15,
    0,
    0.45,
    1;
  transition: opacity 0.35s;
}
.partner-delivery-modal [data-rsbs-content] .partner-delivery-info {
  padding: 16px;
}
.account-completion-overlay [data-rsbs-content] .add-physical-card {
  padding: 0;
}
.reserve-product-modal [data-rsbs-content] .product-detail-other-info__html,
.reserve-product-modal [data-rsbs-content] .product-details-wrapper,
.reserve-product-modal [data-rsbs-content] .store-availability {
  padding: 16px;
}
.account-completion-overlay [data-rsbs-content],
.default-modal-style [data-rsbs-content],
.delivery-modal [data-rsbs-content],
.gift-card-modal [data-rsbs-content],
.modal-overlay--greeting-cards [data-rsbs-content],
.product-conflict-modal [data-rsbs-content],
.promo-bar-legal-information [data-rsbs-content],
.sign-up-overlay-modal [data-rsbs-content],
.sign-up-overlay-modal__rewards [data-rsbs-content],
.uc-banner-modal [data-rsbs-content],
.wish-list-cart-modal [data-rsbs-content] {
  min-height: auto;
  padding: 16px;
}
.delivery-modal [data-rsbs-content] .headline-bold.delivery-modal__subtitle,
.gift-card-modal [data-rsbs-content] .gift-card-modal .gift-card-modal__info-text {
  margin-top: 0;
}
.gwp-modal.modal-overlay--gwp [data-rsbs-content] .gwp-modal__content {
  padding: 16px;
}
@media (max-width: 768px) {
  .gwp-modal.modal-overlay--gwp [data-rsbs-content] .modal-header--free-samples {
    visibility: hidden;
  }
  .gwp-modal.modal-overlay--gwp [data-rsbs-content] .modal-header--free-samples button {
    display: none;
  }
}
.free-samples-modal [data-rsbs-content] .row.sample-list {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.free-samples-modal [data-rsbs-content] .sample-list__add-button {
  bottom: 16px;
  position: fixed;
  width: 90%;
}
.beautyprofile-questionnaire__info-modal [data-rsbs-content] {
  overflow-y: auto;
}
.contact-info-modal [data-rsbs-content] {
  min-height: auto;
}
.product-tile__remove-confirmation [data-rsbs-overlay] {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
.product-tile__remove-confirmation [data-rsbs-content] {
  min-height: auto;
}
.dsa-info-modal [data-rsbs-overlay],
.report-violation [data-rsbs-overlay] {
  height: auto;
}
.dsa-info-modal [data-rsbs-backdrop],
.dsa-info-modal [data-rsbs-content],
.dsa-info-modal [data-rsbs-overlay],
.report-violation [data-rsbs-backdrop],
.report-violation [data-rsbs-content],
.report-violation [data-rsbs-overlay] {
  z-index: 9999;
}
.select-sponsors-report-livebuy [data-rsbs-content] {
  margin-bottom: 21px;
}
.select-sponsors-report-livebuy [data-rsbs-content],
.select-sponsors-report-livebuy [data-rsbs-overlay] {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  min-height: inherit;
  z-index: 9999;
}
.select-sponsors-report-livebuy [data-rsbs-backdrop] {
  z-index: 9999;
}
.input__tooltip-modal [data-rsbs-overlay],
.preference-modal [data-rsbs-overlay] {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
.input__tooltip-modal [data-rsbs-content],
.preference-modal [data-rsbs-content] {
  min-height: auto;
}
.switch-overlay-exit {
  opacity: 1;
  transition: opacity 0.33s ease-in-out;
}
.switch-overlay-exit-active {
  opacity: 0;
}
.switch-overlay-enter {
  opacity: 0;
  transition: opacity 0.33s ease-in-out;
}
.switch-overlay-enter-active,
.switch-overlay-enter-done {
  opacity: 1;
}
@keyframes modal-content-fade-in {
  0% {
    opacity: 0;
    transform: translateX(100%);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes slide-in-mobile {
  0% {
    transform: translateY(100%);
  }
  to {
    transform: translateY(0);
  }
}
.modal-overlay--chanel * {
  font-family: Arial, Helvetica, sans-serif !important;
}
.modal-overlay__root {
  background-color: #fff;
  border: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  height: 100%;
  max-height: 100%;
  outline: none;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0 16px 16px;
  transition: transform 0.83s cubic-bezier(0.66, 0, 0.17, 1);
  width: 100%;
  will-change: transform;
  z-index: 9999;
}
@media screen and (min-width: 768px) {
  .modal-overlay__root {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    transition: visibility 0.35s cubic-bezier(0.42, 0, 0, 1);
  }
}
@media screen and (min-width: 1024px) {
  .modal-overlay__root {
    max-height: 100vh;
  }
}
.modal-overlay__general {
  position: fixed;
}
@media screen and (min-width: 768px) {
  .modal-overlay__general {
    border-radius: 0;
    bottom: auto;
    right: 0;
    top: 0;
    width: 400px;
  }
}
.modal-overlay--padding-vertical {
  padding: 16px 0;
}
.modal-overlay--padding-none {
  padding: 0 !important;
}
.modal-overlay__backdrop {
  background-color: #212121;
  bottom: 0;
  left: 0;
  opacity: 0.2;
  position: fixed;
  right: 0;
  top: 0;
  will-change: opacity;
  z-index: 9999;
}
.modal-overlay__backdrop-appear {
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
}
@media screen and (min-width: 768px) {
  .modal-overlay__backdrop-appear {
    transition: opacity 0.35s cubic-bezier(0.42, 0, 0, 1);
  }
}
.modal-overlay__backdrop-appear-active {
  opacity: 0.2;
}
.modal-overlay__backdrop-exit {
  opacity: 0.2;
  transition: opacity 0.33s 0.5s;
}
@media screen and (min-width: 768px) {
  .modal-overlay__backdrop-exit {
    transition: opacity 0.35s cubic-bezier(0.42, 0, 0, 1);
  }
}
.modal-overlay__backdrop-exit-active {
  opacity: 0;
}
.modal-overlay__display {
  display: flex;
  flex-direction: column;
  opacity: 0;
  transition: visibility 0.2s ease-in-out;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .modal-overlay__display {
    min-width: calc(400px - 0 16px 16px 16px * 2);
  }
}
.modal-overlay__transition-appear {
  animation: slide-in-mobile 0.83s cubic-bezier(0.66, 0, 0.17, 1);
  animation-fill-mode: forwards;
}
@media screen and (min-width: 768px) {
  .modal-overlay__transition-appear {
    animation: modal-content-fade-in 0.35s cubic-bezier(0.42, 0, 0, 1);
  }
  .modal-overlay__transition-appear-active {
    -webkit-transition-delay: 6.5s, 6.5s;
    transition-delay: 6.5s, 6.5s;
    -webkit-transition-duration: 6.5s, 6.5s;
    transition-duration: 6.5s, 6.5s;
    -webkit-transition-property: width;
    transition-property: width;
  }
}
.modal-overlay__transition-appear-active .modal-overlay__display {
  animation: modal-content-fade-in 0.2s ease-in;
  animation-delay: 0.7s;
  animation-fill-mode: forwards;
}
@media screen and (min-width: 768px) {
  .modal-overlay__transition-appear-active .modal-overlay__display {
    animation-delay: 0ms;
  }
}
.modal-overlay__transition-appear-done .modal-overlay__display,
.modal-overlay__transition-enter-done .modal-overlay__display {
  opacity: 1;
}
.modal-overlay__transition-exit {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .modal-overlay__transition-exit {
    opacity: 0;
    padding: 0 16px 16px;
    width: 400px;
  }
}
.modal-overlay__transition-exit .modal-overlay__display {
  animation: modal-content-fade-in 0.2s ease-in;
  animation-direction: reverse;
}
.modal-overlay__transition-exit-active {
  animation: slide-in-mobile 0.83s cubic-bezier(0.66, 0, 0.17, 1) reverse;
}
@media screen and (min-width: 768px) {
  .modal-overlay__transition-exit-active {
    animation: modal-content-fade-in 0.35s cubic-bezier(0.42, 0, 0, 1) reverse;
    transform: translateY(-50%);
  }
}
.modal-overlay--no-transitions .modal-overlay__display {
  opacity: 1;
}
@media screen and (max-width: 767px) {
  .modal-overlay .product-recommendation-carousel {
    margin-left: 0;
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .modal-overlay .modal-overlay__booksy {
    left: calc(50% - 845px / 2 + 0.5px);
    max-height: 91vh;
    overflow: hidden;
    width: 845px;
  }
}
.modal-overlay .modal-overlay__booksy [data-rsbs-scroll] {
  overflow: hidden;
}
.modal-overlay .modal-overlay__booksy .iframe {
  height: 82vh;
  margin-top: 0;
}
@media screen and (min-width: 768px) {
  .modal-overlay .modal-overlay__booksy .iframe {
    height: calc(100% - 30px);
    margin-top: 10px;
  }
  .modal-overlay .modal-overlay__booksy .modal-header__close {
    float: right;
    margin-bottom: 5px;
    position: relative;
  }
}
.modal-header {
  align-items: center;
  background-color: #fff;
  display: flex;
  min-height: 48px;
  padding: 12px 0;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 10;
}
@media screen and (max-width: 767px) {
  .modal-header {
    align-items: center;
    color: #000;
    display: flex;
    font-family:
      Avenir Next,
      Helvetica Neue,
      Helvetica,
      Arial,
      sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 110%;
  }
}
.modal-header__close {
  margin-bottom: 0;
  padding: 18px;
  position: absolute;
  right: -16px;
}
.modal-header__title {
  align-items: center;
  display: flex;
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 400;
  height: 24px;
  letter-spacing: 0.5px;
  line-height: 120%;
  margin-right: 32px;
  text-align: left;
  text-transform: uppercase;
}
.modal-header__title-container {
  align-items: flex-start;
  display: flex;
  flex-flow: column;
  justify-content: center;
}
.modal-header__title-container--with-back-button {
  margin-left: 32px;
}
.modal-header__title-container--column {
  display: flex;
  flex-direction: column;
  height: auto;
}
.modal-header__back-button {
  left: -16px;
  margin-bottom: 0;
  padding: 24px 12px;
  position: absolute;
}
.modal-header__subtitle {
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 150%;
  margin: 16px;
  text-align: left;
}
@media screen and (min-width: 768px) {
  .modal-header__subtitle {
    margin: 16px 0;
  }
}
.modal-header--free-samples {
  flex-shrink: 0;
  margin-bottom: 30px;
}
.modal-header--free-samples .modal-header__title {
  overflow: hidden;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .modal-header--free-samples .modal-header__title {
    text-align: left;
  }
}
.modal-header--greeting-cards .modal-header__subtitle {
  text-align: left;
}
.toggle-switch {
  line-height: 30px;
  padding-top: 10px;
  position: relative;
}
.toggle-switch__checkbox {
  display: none;
}
.toggle-switch__label {
  vertical-align: middle;
}
.toggle-switch__slider {
  background-color: #e6e6e6;
  border-radius: 30px;
  cursor: pointer;
  display: inline-block;
  height: 30px;
  margin-right: 10px;
  position: relative;
  transition:
    transform,
    background-color 0.4s;
  vertical-align: bottom;
  width: 50px;
}
.toggle-switch__slider:before {
  background-color: #fff;
  border-radius: 50%;
  bottom: 3px;
  content: '';
  height: 24px;
  left: 4px;
  position: absolute;
  transition:
    transform,
    background-color 0.4s;
  width: 24px;
}
.toggle-switch__slider--right {
  background-color: #595959;
}
.toggle-switch__slider--right:before {
  transform: translateX(18px);
}
.toggle-switch__slider--middle {
  background-color: #595959;
}
.toggle-switch__slider--middle:before {
  transform: translateX(9px);
}
.toggle-switch--disabled .toggle-switch__slider {
  cursor: not-allowed;
}
.toggle-switch--disabled .toggle-switch__slider--left,
.toggle-switch--disabled .toggle-switch__slider--right {
  background-color: #f2f2f2;
}
.eOLCKdVPrsGj2UXqbjSw {
  display: none;
}
.mdWRss7RpnVXuUbU_3P3 {
  overflow: hidden;
  transition: height 0.2s ease-in-out;
}
.radio-item {
  padding: 4px 0;
}
.radio-item__label {
  align-items: center;
  display: flex;
  width: 100%;
}
.radio-item__input-container {
  align-items: center;
  border-radius: 50%;
  display: flex;
  height: 32px;
  justify-content: center;
  margin: 0 auto;
  max-width: 32px;
  min-width: 32px;
  text-align: center;
}
.radio-item__input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  height: 32px;
  margin: 0;
  opacity: 0;
  width: 32px;
  z-index: 10;
}
.radio-item__input:focus {
  outline: none;
}
.radio-item__input:focus-visible ~ .radio-item__circle {
  background-color: #fff;
  border: 1px solid #212121;
  outline: 2px solid #212121;
}
.radio-item--checked .radio-item__input:focus-visible ~ .radio-item__circle {
  background-color: #212121;
  border: 1px solid #212121;
}
.radio-item__circle {
  align-items: center;
  background-color: #fff;
  border: 1px solid #e6e6e6;
  border-radius: 50%;
  display: flex;
  height: 24px;
  margin: 0 auto;
  position: absolute;
  text-align: center;
  width: 24px;
}
.radio-item__dot {
  background-color: #fff;
  border-radius: 50%;
  height: 8px;
  margin: 0 auto;
  width: 8px;
}
.radio-item__content {
  padding-left: 8px;
  padding-top: 2px;
  width: 100%;
}
.radio-item__description {
  margin-top: 5px;
}
.radio-item--default .radio-item__content {
  color: #000;
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 150%;
}
.radio-item--checked .radio-item__circle {
  background-color: #212121;
  border: 1px solid #212121;
}
.radio-item:not(.radio-item--disabled) .radio-item__label:hover {
  cursor: pointer;
}
.radio-item:not(.radio-item--disabled):not(.radio-item--checked) .radio-item__label:hover .radio-item__circle {
  background-color: #f2f2f2;
  border: 1px solid #595959;
}
.radio-item--checked:not(.radio-item--disabled) .radio-item__label:hover .radio-item__circle {
  background-color: #212121;
  border: 1px solid #595959;
}
.radio-item:not(.radio-item--disabled) .radio-item__label:active .radio-item__circle {
  background-color: #e6e6e6;
  border: 1px solid #212121;
}
.radio-item--checked:not(.radio-item--disabled) .radio-item__label:active .radio-item__circle {
  background-color: #212121;
  border: 1px solid #212121;
}
.radio-item--error:not(.radio-item--disabled)
  .radio-item__label:not(:hover)
  .radio-item__input:not(:focus-visible)
  ~ .radio-item__circle {
  background-color: #fff;
  border: 1px solid #ce1e2d;
}
.radio-item--checked.radio-item--error:not(.radio-item--disabled)
  .radio-item__label:not(:hover)
  .radio-item__input:not(:focus-visible)
  ~ .radio-item__circle {
  background-color: #ce1e2d;
  border: 1px solid #ce1e2d;
}
.radio-item--disabled .radio-item__input {
  cursor: default;
}
.radio-item--disabled .radio-item__circle {
  cursor: not-allowed;
}
.radio-item--checked.radio-item--disabled .radio-item__circle,
.radio-item--disabled .radio-item__circle {
  background-color: #f2f2f2;
  border: 1px solid #bfbfbf;
}
.radio-item--disabled .radio-item__dot {
  background-color: #bfbfbf;
}
.radio-item--disabled.radio-item--default .radio-item__content {
  color: #bfbfbf;
}
.radio-item--error.radio-item--default:not(.radio-item--disabled) .radio-item__content {
  color: #ce1e2d;
}
.accordion {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  width: 100%;
}
.accordion .accordion__radio-item {
  margin-right: 8px;
  padding: 0;
  z-index: 10;
}
.accordion .rc-collapse-header {
  align-items: center;
  border-top: 1px solid #e6e6e6;
  color: #000;
  cursor: pointer;
  display: flex;
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 14px;
  font-weight: 500;
  justify-content: center;
  letter-spacing: 0;
  line-height: 110%;
}
.accordion .rc-collapse-header .rc-collapse-expand-icon .expand-icon {
  transition: transform 0.2s ease-in-out;
}
.accordion .rc-collapse-header .rc-collapse-header-text {
  overflow: hidden;
  width: 100%;
}
.accordion .rc-collapse-header:focus {
  outline: none;
}
.accordion .rc-collapse-item-active > .rc-collapse-header .rc-collapse-expand-icon .expand-icon {
  transition: transform 0.2s ease-in-out;
}
.accordion .rc-collapse-item-disabled > .rc-collapse-header {
  flex-direction: row;
}
.accordion .rc-collapse-item:last-of-type {
  border-bottom: 1px solid #e6e6e6;
}
.accordion .rc-collapse-extra {
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 150%;
}
.accordion:not(.accordion__radio, .accordion__checkout) > .rc-collapse-item > .rc-collapse-header {
  pointer-events: auto;
}
.accordion__checkout > .rc-collapse-item > .rc-collapse-header {
  border-top: 0;
  pointer-events: none;
}
.accordion__checkout > .rc-collapse-item:last-of-type {
  border-bottom: 0;
}
.accordion__checkout > .cdp-panel--disabled .rc-collapse-header {
  color: #bfbfbf;
}
.accordion__checkout > .cdp-panel--disabled .rc-collapse-header .checkout-cdp__form-headline {
  margin-bottom: 0;
}
.accordion__radio {
  margin-bottom: 30px;
  margin-top: 10px;
}
.accordion__radio.checkout-cdp__accordion {
  margin-top: 0;
}
.accordion__radio .rc-collapse-item.no-content.no-content--disabled .rc-collapse-expand-icon .expand-icon {
  border: none;
  box-shadow: inset 0 0 0 9px #e6e6e6;
}
.accordion__radio .rc-collapse-header {
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 400;
  justify-content: flex-start;
  letter-spacing: 0;
  line-height: 150%;
  padding: 16px 0;
}
.accordion__radio .rc-collapse-header .rc-collapse-expand-icon .expand-icon {
  fill: transparent;
  border: 1px solid #212121;
  border-radius: 15px;
  height: 30px;
  margin-right: 15px;
  min-height: 30px;
  min-width: 30px;
  padding: 5px;
  transition: box-shadow 0.33s linear;
  width: 30px;
}
.accordion__radio .rc-collapse-header .rc-collapse-expand-icon .expand-icon:hover {
  border-color: var(--color-brand-bright);
  box-shadow: inset 0 0 0 15px var(--color-brand-bright);
}
.accordion__radio .rc-collapse-header .rc-collapse-expand-icon .expand-icon:active {
  box-shadow: inset 0 0 0 9px var(--color-brand-bright);
}
.accordion__radio .rc-collapse-item-active > .rc-collapse-header {
  pointer-events: none;
}
.accordion__radio .rc-collapse-item-active > .rc-collapse-header .rc-collapse-expand-icon > .expand-icon {
  border-color: #212121;
  box-shadow: inset 0 0 0 9px var(--color-brand-bright);
  transition: box-shadow 0.33s linear;
}
.accordion__radio .rc-collapse-item:last-of-type {
  border-bottom: none;
}
.accordion__radio .rc-collapse-item.no-content .rc-collapse-content {
  display: none;
}
.accordion__faq .rc-collapse-header,
.accordion__standard .rc-collapse-header,
.accordion__store-finder .rc-collapse-header,
.accordion__usercentrics .rc-collapse-header {
  flex-direction: row-reverse;
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 400;
  justify-content: space-between;
  letter-spacing: 0;
  line-height: 150%;
  padding: 22px 13px;
}
.accordion__faq .rc-collapse-header .rc-collapse-expand-icon .expand-icon,
.accordion__standard .rc-collapse-header .rc-collapse-expand-icon .expand-icon,
.accordion__store-finder .rc-collapse-header .rc-collapse-expand-icon .expand-icon,
.accordion__usercentrics .rc-collapse-header .rc-collapse-expand-icon .expand-icon {
  transform: rotate(0deg);
}
.accordion__faq .rc-collapse-item-active > .rc-collapse-header .rc-collapse-expand-icon .expand-icon,
.accordion__standard .rc-collapse-item-active > .rc-collapse-header .rc-collapse-expand-icon .expand-icon,
.accordion__store-finder .rc-collapse-item-active > .rc-collapse-header .rc-collapse-expand-icon .expand-icon,
.accordion__usercentrics .rc-collapse-item-active > .rc-collapse-header .rc-collapse-expand-icon .expand-icon {
  transform: rotate(180deg);
}
.accordion__faq .rc-collapse-content-box,
.accordion__standard .rc-collapse-content-box,
.accordion__store-finder .rc-collapse-content-box,
.accordion__usercentrics .rc-collapse-content-box {
  margin-bottom: 30px;
  margin-top: 30px;
}
.accordion__faq--chanel .category-facets-accordion__header,
.accordion__standard--chanel .category-facets-accordion__header,
.accordion__store-finder--chanel .category-facets-accordion__header,
.accordion__usercentrics--chanel .category-facets-accordion__header {
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 110%;
  text-transform: none;
}
.accordion__faq--chanel .rc-collapse-item:last-of-type,
.accordion__standard--chanel .rc-collapse-item:last-of-type,
.accordion__store-finder--chanel .rc-collapse-item:last-of-type,
.accordion__usercentrics--chanel .rc-collapse-item:last-of-type {
  border-bottom: 0;
}
.accordion__faq--chanel .rc-collapse-content-box,
.accordion__standard--chanel .rc-collapse-content-box,
.accordion__store-finder--chanel .rc-collapse-content-box,
.accordion__usercentrics--chanel .rc-collapse-content-box {
  margin-bottom: 0;
  margin-top: 0;
}
.accordion__faq--chanel .rc-collapse-header .rc-collapse-expand-icon .expand-icon,
.accordion__standard--chanel .rc-collapse-header .rc-collapse-expand-icon .expand-icon,
.accordion__store-finder--chanel .rc-collapse-header .rc-collapse-expand-icon .expand-icon,
.accordion__usercentrics--chanel .rc-collapse-header .rc-collapse-expand-icon .expand-icon {
  transform: rotate(-90deg);
}
.accordion__faq--chanel .category-facets-accordion__title,
.accordion__standard--chanel .category-facets-accordion__title,
.accordion__store-finder--chanel .category-facets-accordion__title,
.accordion__usercentrics--chanel .category-facets-accordion__title {
  text-transform: uppercase;
}
.accordion__cart .rc-collapse-header {
  flex-direction: row-reverse;
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 14px;
  font-weight: 500;
  justify-content: space-between;
  letter-spacing: 0;
  line-height: 110%;
  padding: 16px 0;
}
.accordion__cart .rc-collapse-header .rc-collapse-expand-icon .expand-icon {
  transform: rotate(0deg);
}
.accordion__cart .rc-collapse-content-box {
  margin-bottom: 16px;
  margin-top: 0;
}
@media screen and (min-width: 768px) {
  .accordion__cart .rc-collapse-content-box {
    margin-top: 16px;
  }
}
.accordion__cart .rc-collapse-item:last-of-type {
  border-color: #000;
}
.accordion__cart .rc-collapse-item:last-of-type .rc-collapse-header {
  border-top: 1px solid #000;
}
.accordion__cart .rc-collapse-item-active .rc-collapse-expand-icon .expand-icon {
  transform: rotate(180deg);
}
.accordion__store-finder .rc-collapse-header {
  padding: 22px 13px 22px 0;
}
.accordion__store-finder .rc-collapse-content-box {
  margin: 0;
}
.accordion__brand-teaser .rc-collapse-header {
  border: none;
}
.accordion__brand-teaser .rc-collapse-content-active {
  opacity: 1;
  transition: opacity 0.33s;
}
.accordion__brand-teaser .rc-collapse-anim-active {
  opacity: 0;
  transition: height 0.83s;
}
.accordion__category .rc-collapse-content-box {
  margin: 0;
}
.accordion__category--dior-backstage .category-facet__accordion-button,
.accordion__category--hermes .category-facet__accordion-button {
  font-weight: 500;
}
.accordion__category--dior-backstage .category-facets-accordion__title,
.accordion__category--hermes .category-facets-accordion__title {
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 110%;
}
.accordion__category--dior-backstage .category-facets-accordion__header,
.accordion__category--hermes .category-facets-accordion__header {
  text-transform: uppercase;
}
.accordion__special-brand {
  margin: 30px 0;
  text-transform: none;
}
.accordion__special-brand .accordion__category--level-0 .rc-collapse-header {
  align-items: center;
  border: 1px solid #8a8a8a;
  border-top: none;
  display: flex;
  height: 55px;
  padding: 6px;
}
.accordion__special-brand .category-facet__accordion-button {
  align-items: center;
  background-color: #fff;
  border: 1px solid #8a8a8a;
  color: #000;
  display: flex;
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-weight: 400;
  height: 55px;
  justify-content: space-between;
  margin: 0 auto;
  padding: 6px;
  position: relative;
  text-align: center;
  text-transform: none;
  width: 100%;
}
.accordion__special-brand .link--text:focus {
  color: inherit;
}
.accordion__special-brand .accordion__category--level-1 .category-facets-accordion__title {
  padding-left: 0;
  text-indent: 10px;
}
.accordion__category--level-1.accordion__category--dior-backstage .category-facets-accordion__title,
.accordion__category--level-1.accordion__category--hermes .category-facets-accordion__title {
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 150%;
}
.accordion__category--level-1.accordion__category--dior-backstage .category-facets-accordion__title--final,
.accordion__category--level-1.accordion__category--hermes .category-facets-accordion__title--final {
  color: #000;
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 150%;
}
.accordion__link .rc-collapse-header,
.accordion__simple .rc-collapse-header {
  border: none;
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 150%;
  padding: 3px 0;
}
.accordion__link .rc-collapse-item:last-of-type,
.accordion__simple .rc-collapse-item:last-of-type {
  border: none;
}
.accordion__link .rc-collapse-item-active > .rc-collapse-header .rc-collapse-expand-icon .expand-icon,
.accordion__simple .rc-collapse-item-active > .rc-collapse-header .rc-collapse-expand-icon .expand-icon {
  transform: rotate(180deg);
}
.accordion__simple .rc-collapse-header {
  flex-direction: row-reverse;
  justify-content: space-between;
}
.accordion__simple .rc-collapse-expand-icon .expand-icon {
  height: 19px;
  transform: rotate(0deg);
  width: 19px;
}
.accordion__link .rc-collapse-header {
  flex-direction: row;
  justify-content: flex-start;
  padding: 0;
  text-decoration: underline;
  text-transform: none;
}
.accordion__link .rc-collapse-header:hover {
  color: var(--color-brand-original);
  cursor: pointer;
}
.accordion__expand-icon {
  vertical-align: middle;
}
.accordion--thin-header .rc-collapse-header {
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 150%;
}
.accordion--bottom-border > .rc-collapse-item:last-of-type {
  border-bottom: 1px solid #e6e6e6;
}
.headline-bold,
.headline-semibold {
  margin: 0 0 1em;
  padding: 0;
}
.headline-semibold--small {
  font-size: 12px;
}
.headline-bold,
.headline-semibold--small {
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-weight: 400;
  letter-spacing: 0.5px;
  line-height: 120%;
  text-transform: uppercase;
}
.headline-bold {
  font-size: 24px;
}
.headline-bold--large {
  font-size: 32px;
}
.headline-bold--large,
.headline-bold--small {
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-weight: 400;
  letter-spacing: 0.5px;
  line-height: 120%;
  text-transform: uppercase;
}
.headline-bold--small {
  font-size: 12px;
}
.headline__gwp-offer-section {
  font-size: 18px;
  letter-spacing: 0.5px;
  line-height: 120%;
  margin-bottom: 15px;
  text-transform: uppercase;
}
.headline__gwp-offer-section,
.uc-history-entry {
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-weight: 400;
}
.uc-history-entry {
  font-size: 12px;
  letter-spacing: 0;
  line-height: 150%;
}
.uc-history-entry__header {
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 30px;
  font-weight: 500;
  letter-spacing: 2px;
  letter-spacing: 0.5px;
  line-height: 30px;
}
.uc-history-service {
  margin-bottom: 20px;
  margin-top: 20px;
}
.uc-history-service__title {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 110%;
  margin-bottom: 10px;
}
.uc-history-service__name,
.uc-history-service__title {
  display: block;
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
}
.uc-history-service__name {
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 1.5px;
  line-height: 100%;
  margin-top: 20px;
  text-transform: uppercase;
}
.uc-history-service .data-collected__entry {
  display: inline-block;
  padding: 10px 10px 0;
  position: relative;
  vertical-align: top;
  width: 50%;
}
.uc-history-service .data-collected__entry:before {
  content: '-';
  left: 0;
  position: absolute;
}
.uc-history-service .legal-basis-entry {
  padding-left: 10px;
}
.uc-history-service .legal-basis-entry:before {
  content: '-';
  left: 0;
  position: absolute;
}
.uc-history-service .opt-out__link,
.uc-history-service .privacy-policy__link {
  color: #000;
  line-height: 28px;
  text-decoration: none;
}
.uc-history-service .opt-out__link:hover,
.uc-history-service .privacy-policy__link:hover {
  text-decoration: underline;
}
.uc-history-service .opt-out__title,
.uc-history-service .privacy-policy__title {
  display: block;
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 150%;
  padding-top: 10px;
}
.uc-history-service .status-history-list__item {
  border-bottom: 1px solid #e6e6e6;
  display: flex;
  justify-content: space-between;
  padding: 10px 0;
}
.uc-history-service .status-history-list__item--yes .status-history-list__indicator {
  background-color: #5fc33c;
}
.uc-history-service .status-history-list__indicator {
  background-color: #e6373c;
  border-radius: 50%;
  display: inline-block;
  height: 15px;
  margin-bottom: 0;
  margin-right: 10px;
  width: 15px;
}
.uc-history-service .used-technologies__item:before {
  content: '- ';
}
.category-link {
  color: #000;
  display: block;
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 110%;
  margin-bottom: 10px;
  padding-right: 10px;
  padding-top: 10px;
}
.category-link:hover {
  cursor: pointer;
}
.category-link:first-child {
  padding-top: 40px;
}
.service-link {
  line-height: 25px;
}
.service-link:hover {
  cursor: pointer;
}
.uc-banner-modal__history-layer .uc-history {
  display: block;
}
@media screen and (min-width: 320px) {
  .uc-banner-modal__history-layer .uc-history {
    display: flex;
  }
}
.uc-banner-modal__history-layer .uc-history__sidebar {
  background-color: var(--color-brand-light);
  box-sizing: border-box;
  flex-basis: 230px;
  min-width: 230px;
  padding: 0 0 0 30px;
}
.uc-banner-modal__history-layer .uc-history__content-wrapper {
  max-width: 670px;
  padding: 40px 0 10px 20px;
}
@media screen and (max-width: 767px) {
  .uc-banner-modal__history-layer .uc-history__content-wrapper {
    padding-top: 0;
  }
}
.uc-banner-modal__history-layer .uc-history__content {
  box-sizing: border-box;
}
@media screen and (max-width: 767px) {
  .uc-banner-modal__history-layer .uc-history__content {
    max-width: 95vw;
  }
}
.uc-banner-modal__history-layer .uc-history__content .uc-history-entry {
  padding-right: 30px;
}
.uc-banner-modal__history-layer .uc-history__close-button {
  display: block;
  position: absolute;
  right: 20px;
  top: 15px;
}
.uc-banner-modal__history-layer .uc-history__footer {
  background-color: var(--color-brand-medium);
  bottom: 0;
  display: flex;
  justify-content: center;
  padding: 5px;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .uc-banner-modal__history-layer .uc-history__footer {
    position: absolute;
  }
}
.uc-banner-modal__history-layer .uc-history__footer .imprint-link,
.uc-banner-modal__history-layer .uc-history__footer .privacy-policy-link {
  color: #000;
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 150%;
  text-decoration: none;
}
.uc-banner-modal__history-layer .uc-history__footer .imprint-link:hover,
.uc-banner-modal__history-layer .uc-history__footer .privacy-policy-link:hover {
  text-decoration: underline;
}
.uc-banner-modal__history-layer .sidebar-link-list {
  border-bottom: 1px solid #000;
  margin-bottom: 15px;
  margin-right: 30px;
  padding-bottom: 15px;
}
.uc-banner-modal__history-layer .sidebar-link-list:last-of-type {
  border-bottom: 0;
}
.uc-accordion__header {
  align-items: center;
  display: flex;
}
.uc-accordion__info-button {
  margin-left: auto;
  margin-right: 15px;
}
.uc-accordion__info-icon {
  display: block;
}
.uc-accordion__category-title {
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 150%;
  margin-right: 45px;
  text-transform: uppercase;
}
@media screen and (max-width: 767px) {
  .uc-accordion__category-title {
    align-items: center;
    display: inline-flex;
    min-height: 32px;
    text-transform: none;
  }
}
@media screen and (min-width: 768px) {
  .uc-accordion__category-title {
    font-family:
      Avenir Next,
      Helvetica Neue,
      Helvetica,
      Arial,
      sans-serif;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 150%;
    margin-right: 0;
  }
}
.uc-accordion__service-toggle {
  display: flex;
  justify-content: left;
  padding-top: 15px;
}
@media screen and (max-width: 767px) {
  .uc-accordion__service-toggle {
    margin-right: 16px;
  }
}
.uc-accordion__service-toggle .rc-collapse-content-box {
  margin-left: 0;
}
.uc-accordion__service-toggle .rc-collapse-content-active {
  margin-left: -60px;
}
.service-toggle-data__content {
  padding: 15px 30px 0 0;
}
@media screen and (min-width: 768px) {
  .service-toggle-data__content {
    padding: 15px 0 0;
  }
}
.service-toggle-data__copy,
.service-toggle-data__entry,
.service-toggle-data__id {
  overflow: hidden;
  padding-right: 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  width: 30%;
}
.service-toggle-data__copy {
  color: var(--color-brand-bright);
  cursor: pointer;
}
.service-toggle-data__copy:hover {
  text-decoration: underline;
}
.service-toggle-data__row {
  display: flex;
  justify-content: space-between;
  padding-bottom: 10px;
}
.service-toggle-data .rc-collapse-header {
  line-height: 20px;
  padding: 15px 0 0;
  text-decoration: none;
}
@media screen and (max-width: 767px) {
  .service-toggle-data .rc-collapse-header {
    align-items: center;
    display: flex;
    min-height: 40px;
    padding-top: 8px;
  }
}
.service-toggle-data .rc-collapse-header:hover {
  color: #000;
}
.accordion__usercentrics > .rc-collapse-item > .rc-collapse-header {
  padding-left: 60px;
  padding-right: 25px;
}
@media screen and (min-width: 768px) {
  .accordion__usercentrics > .rc-collapse-item > .rc-collapse-header {
    padding-right: 15px;
  }
}
@media screen and (max-width: 767px) {
  .accordion__usercentrics > .rc-collapse-item > .rc-collapse-header {
    align-items: center;
    display: flex;
    padding-bottom: 18px;
    padding-top: 18px;
  }
}
.accordion__usercentrics .rc-collapse-preheader {
  display: flex;
  padding-top: 5px;
  position: absolute;
}
@media screen and (max-width: 767px) {
  .accordion__usercentrics .rc-collapse-preheader {
    padding-top: 10px;
  }
}
.accordion__usercentrics .rc-collapse-content-box {
  margin-left: 30px;
  margin-top: 0;
}
.uc-list__accordion {
  overflow-y: auto;
  position: relative;
}
.uc-list__buttons {
  display: block;
  flex-direction: row-reverse;
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 14px;
  font-weight: 500;
  justify-content: space-between;
  letter-spacing: 0;
  line-height: 110%;
  margin-top: 5px;
}
@media screen and (min-width: 768px) {
  .uc-list__buttons {
    margin-top: 25px;
  }
}
.uc-list__buttons .button {
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 400;
  height: auto;
  letter-spacing: 0;
  line-height: 150%;
  min-height: 55px;
  padding: 5px 10px;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .uc-list__buttons .button {
    min-width: 100px;
    width: 100%;
  }
}
.uc-list__buttons .button__secondary {
  margin-right: 12px;
}
.uc-list__button-back {
  display: flex;
  justify-content: space-evenly;
  margin-right: auto;
  margin-top: 10px;
}
.uc-list__button-back .button__link {
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 150%;
  padding-left: 0;
}
.uc-list__button-back .button__link .icon {
  margin-right: 10px;
}
.uc-list__button-back .button__link span {
  line-height: 18px;
}
.uc-list__scroll-vertical {
  border-radius: 3px;
  bottom: 2px;
  right: 0;
  top: 2px;
}
.uc-overlay__description {
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 150%;
  max-height: 50vh;
  overflow-y: scroll;
  padding-bottom: 12px;
}
@media screen and (min-width: 768px) {
  .uc-overlay__description {
    font-family:
      Avenir Next,
      Helvetica Neue,
      Helvetica,
      Arial,
      sans-serif;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 150%;
    max-height: none;
    overflow-y: auto;
    padding: 0 0 30px;
  }
}
.uc-overlay__description a {
  color: #000;
}
.uc-overlay__first-layer .uc-banner-title {
  justify-content: space-between;
}
.uc-overlay__first-layer,
.uc-overlay__second-layer {
  padding: 0 10px 10px;
}
@media screen and (min-width: 768px) {
  .uc-overlay__first-layer,
  .uc-overlay__second-layer {
    padding: 0 0 15px;
  }
}
.uc-overlay__footer {
  background-color: var(--color-brand-medium);
  bottom: 0;
  display: flex;
  justify-content: center;
  left: 0;
  padding: 5px;
  right: 0;
}
@media screen and (min-width: 768px) {
  .uc-overlay__footer {
    margin: 0 -30px -29px;
    position: relative;
  }
}
.uc-overlay__footer .imprint-link,
.uc-overlay__footer .privacy-policy-link {
  color: #000;
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 150%;
  text-decoration: none;
}
.uc-overlay__footer .imprint-link:hover,
.uc-overlay__footer .privacy-policy-link:hover {
  text-decoration: underline;
}
.uc-overlay__decline-all-link {
  cursor: pointer;
  display: flex;
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 400;
  justify-content: flex-end;
  letter-spacing: 0;
  line-height: 150%;
  margin-bottom: 10px;
  padding-bottom: 8px;
}
.uc-overlay__decline-all-link span {
  border-bottom: 1px solid #000;
}
.uc-overlay__back-arrow {
  cursor: pointer;
}
.uc-overlay__back-arrow-icon {
  margin-right: 21px;
}
.privacy-policy-link:after {
  background-color: #212121;
  border-radius: 100%;
  content: ' ';
  display: inline-block;
  height: 4px;
  margin: 0 10px;
  vertical-align: middle;
  width: 4px;
}
.uc-banner-title {
  align-items: center;
  display: flex;
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 24px;
  font-weight: 400;
  justify-content: flex-start;
  letter-spacing: 0.5px;
  line-height: 120%;
  margin-bottom: 15px;
  text-transform: uppercase;
}
@media screen and (max-width: 767px) {
  .uc-banner-title {
    display: none;
  }
}
.uc-banner-title .icon {
  cursor: pointer;
  left: 0;
  margin-right: 21px;
  position: relative;
}
.uc-banner-title__decline-all-link {
  cursor: pointer;
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 150%;
}
.uc-banner-title__decline-all-link span {
  border-bottom: 1px solid #000;
}
@media screen and (max-width: 767px) {
  .modal-overlay__root.uc-banner-modal {
    padding: 5px 0 0;
  }
}
.modal-overlay__root.uc-banner-modal__history-layer {
  height: 80vh;
  margin: 0 auto;
  max-width: 900px;
  padding: 0;
}
@media screen and (min-width: 1024px) {
  .modal-overlay__root.uc-banner-modal__history-layer {
    left: calc(50% - 450px);
    width: 90%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .modal-overlay__root.uc-banner-modal__history-layer {
    left: calc(50% - 393px);
    width: 768px;
  }
}
.uc-fallback-modal .cookie-bar {
  background-color: transparent;
  height: auto;
  position: relative;
}
.uc-fallback-modal .cookie-bar__message,
.uc-fallback-modal .cookie-bar__message-link {
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 150%;
}
.uc-fallback-modal .cookie-bar__close {
  display: none;
}
.button.scroll-to-top-button {
  background-color: #e6e6e6;
  border-radius: 50%;
  bottom: 115px;
  height: 55px;
  margin-bottom: 0;
  position: fixed;
  right: 22px;
  width: 55px;
  z-index: 1000;
}
@media screen and (min-width: 768px) {
  .button.scroll-to-top-button {
    bottom: 55px;
  }
}
.button.scroll-to-top-button--visible {
  opacity: 0.75;
  transition: opacity 0.2s ease-in-out;
  visibility: visible;
}
.button.scroll-to-top-button--hidden {
  opacity: 0;
  transition:
    visibility 0.2s ease-in-out,
    opacity 0.2s ease-in-out;
  visibility: hidden;
}
.slideout-menu {
  background-color: var(--color-nav-mobile-background);
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
  left: 0;
  overflow-y: scroll;
  position: fixed;
  top: 0;
  transition-property: transform;
  will-change: transform;
  z-index: 999;
}
.slideout-menu * {
  touch-action: pan-y;
}
.Qp0nglp9HwQoAABaqMzG {
  align-items: flex-start;
  display: flex;
  font-weight: 400;
  margin: 12px 0;
}
.Qp0nglp9HwQoAABaqMzG,
.Qp0nglp9HwQoAABaqMzG strong {
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 150%;
}
.Qp0nglp9HwQoAABaqMzG strong {
  font-weight: 500;
}
.upQrSgPgSP94xfhPy6Ks {
  margin-left: 0.5rem;
}
.YugEmtLn3sdBt5zvV4Fi {
  border-radius: 50%;
  flex: none;
  height: 0.5rem;
  margin-top: 5px;
  width: 0.5rem;
}
.SNHNF9YYzZvbKeRcjp74 {
  background-color: #5fc33c;
}
.k2zUAJG8aEPCtaN19gc_ {
  background-color: #e6373c;
}
.V__IFOcaO9zYAA_1NfZA {
  background-color: #ff9b14;
}
.lx5Vi4f5UQdvHzuteiXk {
  align-items: center;
  cursor: pointer;
  display: flex;
  gap: 12px;
}
.k2UomcVYyoSWGwswzsjy > div {
  margin: 0;
}
.frLcwcHsQsgQ_otn0NA9 {
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 150%;
}
.OTXp1kOXiWoaMEEgB0Du {
  align-self: baseline;
}
.fbyr5Oy0VLl4MiB0EwNK {
  -ms-grid-row-align: center;
  align-self: center;
}
.language-switch {
  align-items: center;
  display: flex;
  justify-content: flex-end;
  width: 100%;
}
.language-switch__language-button-wrapper {
  align-items: center;
  display: flex;
  justify-content: center;
  position: relative;
}
.language-switch__language-button-wrapper:not(:last-of-type):after {
  border-right: 1px solid #000;
  content: ' ';
  height: 8px;
  margin: 0 5px;
}
.language-switch__language-button {
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 150%;
  text-transform: uppercase;
  width: 14px;
}
.language-switch__language-button:hover {
  text-decoration: underline;
}
.language-switch__language-button--active {
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 150%;
  text-decoration: underline;
  width: 16px;
}
.language-switch--mobile {
  display: block;
}
.language-switch--mobile .language-switch__item {
  display: block;
  height: 45px;
  position: relative;
  text-decoration: none;
  width: 100%;
}
.language-switch--mobile .language-switch__language-button {
  align-items: center;
  display: flex;
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 400;
  justify-content: space-between;
  letter-spacing: 0;
  line-height: 150%;
  padding-left: 13px;
  padding-right: 13px;
  text-transform: none;
  width: 100%;
}
.language-switch--mobile .language-switch__language-button:active,
.language-switch--mobile .language-switch__language-button:focus,
.language-switch--mobile .language-switch__language-button:hover {
  background-color: var(--color-brand-light);
  color: #000;
  text-decoration: none;
}
.language-switch--mobile .language-switch__language-button .icon {
  fill: #000;
  display: inline-block;
  margin-left: 10px;
}
@keyframes content-move-from-right-to-left {
  0% {
    transform: translate(0);
  }
  50% {
    transform: translate(100%);
  }
  51% {
    transform: translate(-100%);
  }
  to {
    transform: translate(0);
  }
}
@keyframes content-move-to-left {
  0% {
    opacity: 1;
    transform: translate(0);
  }
  to {
    opacity: 0;
    transform: translate(-100%);
  }
}
@keyframes content-move-from-right {
  0% {
    opacity: 0;
    transform: translate(100%);
  }
  to {
    opacity: 1;
    transform: translate(0);
  }
}
.nav-mobile {
  display: block;
  min-width: 314px;
  padding: 0 16px;
  position: relative;
  width: 314px;
}
.nav-mobile__header {
  align-items: center;
  background-color: var(--color-nav-mobile-background);
  border-bottom: 1px solid #e6e6e6;
  display: flex;
  height: 56px;
  padding: 16px 0;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  width: 282px;
  z-index: 100;
}
.nav-mobile__header-title {
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0.5px;
  line-height: 120%;
  margin-left: 16px;
  margin-right: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  vertical-align: -3px;
  white-space: nowrap;
  width: 100%;
}
.nav-mobile__header-button.button {
  font-weight: 500;
  text-transform: none;
}
.nav-mobile__header-button {
  height: auto;
  margin-bottom: 0;
  padding: 0;
}
.nav-mobile__header-button--store-finder {
  display: flex;
  letter-spacing: 0;
  margin-right: auto;
  text-align: left;
}
.nav-mobile__header-button--close,
.nav-mobile__header-button--home {
  flex: 0 0 24px;
}
.nav-mobile__backdrop {
  background-color: #212121;
  display: none;
  height: 100vh;
  left: 0;
  opacity: 0.3;
  position: fixed;
  top: 0;
  width: 100vw;
  z-index: 999;
}
.mobile-menu-is-open .nav-mobile__backdrop {
  display: block;
}
.nav-mobile__store-finder-link {
  margin-left: 10px;
  overflow: hidden;
  text-align: left;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  width: 25ch;
}
.nav-mobile__store-finder-link.link--text {
  line-height: 40px;
  text-decoration: none;
}
.nav-mobile__store-finder-link.link--text:active,
.nav-mobile__store-finder-link.link--text:focus,
.nav-mobile__store-finder-link.link--text:hover {
  color: #000;
}
.nav-mobile-list__item {
  height: 56px;
}
.nav-mobile-dynamic__item.link.link--text {
  display: block;
  display: inline-block;
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 400;
  height: 56px;
  letter-spacing: 0.5px;
  line-height: 120%;
  line-height: 56px;
  overflow: hidden;
  position: relative;
  text-decoration: none;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
  width: 100%;
}
.nav-mobile-dynamic__item--highlighted {
  max-width: 38ch;
}
.nav-mobile-dynamic__link {
  max-width: 38ch;
}
.nav-mobile-dynamic__item-title,
.nav-mobile-dynamic__link {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.nav-mobile-dynamic__item-title {
  display: inline-block;
  max-width: 33ch;
}
.nav-mobile-dynamic__item-arrow-icon {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.nav-mobile-dynamic--highlight .nav-mobile-dynamic__item-title {
  padding: 0 7px 0 0;
  position: relative;
  z-index: 1;
}
.nav-mobile-dynamic--highlight .nav-mobile-dynamic__item-title:before {
  background-color: var(--color-nav-mobile-constant-background);
  bottom: 10px;
  content: '';
  height: 24px;
  left: -5px;
  position: absolute;
  transition: height 0.16s;
  width: 100%;
  z-index: -1;
}
.nav-mobile-dynamic__sub-menu {
  height: 0;
  overflow: hidden;
}
.nav-mobile-dynamic__sub-menu-item,
.nav-mobile-dynamic__sub-menu-item.link.link--text {
  display: block;
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 150%;
  padding-left: 30px;
  position: relative;
  text-decoration: none;
}
.nav-mobile-dynamic__sub-menu-item .icon,
.nav-mobile-dynamic__sub-menu-item.link.link--text .icon {
  position: absolute;
  right: 14px;
  top: calc(50% - 9px);
  transition: transform 0.25s;
}
.nav-mobile-dynamic__sub-menu-item.link.link--text:first-letter,
.nav-mobile-dynamic__sub-menu-item:first-letter {
  text-transform: capitalize;
}
.nav-mobile-dynamic__sub-menu .loader-mobile {
  display: flex;
  height: 45px;
}
.nav-mobile-dynamic__root-level .nav-mobile-dynamic__item.link.link--text {
  font-weight: 400;
}
.nav-mobile__slide-in--rtl .nav-mobile-dynamic {
  animation: content-move-from-right-to-left 0.15s cubic-bezier(0.42, 0, 0, 1);
  animation-fill-mode: forwards;
}
.nav-mobile__slide-in--l .nav-mobile-dynamic {
  animation: content-move-to-left 0.3s cubic-bezier(0.42, 0, 0, 1);
  animation-fill-mode: forwards;
}
.nav-mobile__slide-in--r .nav-mobile-dynamic {
  animation: content-move-from-right 0.3s cubic-bezier(0.42, 0, 0, 1);
  animation-fill-mode: forwards;
}
.nav-mobile__constant-item-symbol {
  max-height: 45px;
  max-width: 37px;
  position: relative;
}
.nav-mobile__constant-item-symbol .number-badge {
  transform: scale(1) translate(13px, 7px);
}
.nav-mobile__constant-item-user-action {
  flex: 1 1;
}
.nav-mobile__constant-item-text {
  border-bottom: 1px solid #000;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
.nav-mobile__constant-item-text:active,
.nav-mobile__constant-item-text:hover {
  border-bottom: none;
}
.nav-mobile__constant-item.link.link--text {
  display: block;
  display: flex;
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 150%;
  position: relative;
  text-decoration: none;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
.nav-mobile__constant-item.link.link--text:visited {
  color: #595959;
}
.nav-mobile__constant-item.link.link--text:disabled {
  color: #bfbfbf;
}
.nav-mobile__constant-item {
  align-items: center;
  border: 1px solid transparent;
  display: flex;
  height: 40px;
  line-height: 16px;
  padding: 12px;
  position: relative;
}
.nav-mobile__constant-item:focus {
  border-color: #000;
}
.nav-mobile__constant-item-list {
  background-color: var(--color-nav-mobile-constant-background);
  padding: 8px 8px 16px 4px;
}
.nav-mobile__constant-item--logout {
  float: right;
  font-size: 12px;
  margin-right: 15px;
  text-decoration: underline;
}
.nav-mobile__constant-item-count {
  background: #000;
  border-radius: 50%;
  color: #fff;
  font-weight: 600;
  height: 19px;
  left: 20px;
  letter-spacing: normal;
  line-height: 19px;
  position: absolute;
  text-align: center;
  top: 8px;
  width: 19px;
}
.nav-mobile__constant-item-user-icon-silhouette {
  display: block;
}
.nav-mobile__constant-language-select {
  background-color: #f2f2f2;
  padding-bottom: 45px;
  padding-top: 45px;
}
.nav-mobile__constant--france .nav-mobile__constant-item.link.link--text {
  color: #fff;
}
.nav-mobile__constant--france .nav-mobile__constant-item-text,
.nav-mobile__constant--france .nav-mobile__constant-item:focus {
  border-color: #fff;
}
.dsa-confirmation__content {
  margin-top: 55px;
}
.dsa-confirmation__content--title {
  font-size: 14px;
  line-height: 110%;
}
.dsa-confirmation__content--description,
.dsa-confirmation__content--title {
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-weight: 400;
  letter-spacing: 0;
}
.dsa-confirmation__content--description {
  font-size: 12px;
  line-height: 150%;
}
.Xb47GlA0NLE5smum5WJM {
  align-items: center;
  border-radius: 4px;
  display: inline-flex;
  height: 32px;
  justify-content: center;
  width: 32px;
}
.Xb47GlA0NLE5smum5WJM:active,
.Xb47GlA0NLE5smum5WJM:hover {
  background-color: #f2f2f2;
}
.Xb47GlA0NLE5smum5WJM:has(.L0cGE_g_MG_wpv4Hq1Rn:focus) {
  border: 2px solid #000;
}
.W6j8CzRiDYgzzmWaN3mI:active,
.W6j8CzRiDYgzzmWaN3mI:hover,
.bYL4lTWbxUfOL1Y4Bx4Q:active,
.bYL4lTWbxUfOL1Y4Bx4Q:hover {
  background-color: transparent;
}
.W6j8CzRiDYgzzmWaN3mI:has(.L0cGE_g_MG_wpv4Hq1Rn:focus),
.bYL4lTWbxUfOL1Y4Bx4Q:has(.L0cGE_g_MG_wpv4Hq1Rn:focus) {
  border: none;
}
.vf70ECWPryhwUiUJTK0s {
  align-items: center;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
  border: 1px solid #595959;
  border-radius: 4px;
  cursor: pointer;
  display: flex;
  height: 24px;
  justify-content: center;
  transition:
    background-color 0.2s ease-in-out,
    border-color 0.2s ease-in-out;
  width: 24px;
}
.vf70ECWPryhwUiUJTK0s:hover {
  border-color: #000;
}
.vf70ECWPryhwUiUJTK0s:focus {
  outline: none;
}
.Cw5O7jSKEFNNR8TAnWOa {
  background-color: #212121;
  border: 1px solid #000;
  border-radius: 4px;
}
.i2VhXEExyzPyBcsQD58h {
  background-color: #f2f2f2;
  border: 1px solid #bfbfbf;
}
.i2VhXEExyzPyBcsQD58h:active,
.i2VhXEExyzPyBcsQD58h:focus,
.i2VhXEExyzPyBcsQD58h:hover {
  border-color: #bfbfbf;
}
.G7h_KOC9hltEtOF2sTX4 {
  border-color: #e6373c;
}
.G7h_KOC9hltEtOF2sTX4.Cw5O7jSKEFNNR8TAnWOa {
  background-color: #e6373c;
  border-color: #e6373c;
}
.L0cGE_g_MG_wpv4Hq1Rn {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  height: 32px;
  margin: 0;
  opacity: 0;
  position: absolute;
  width: 32px;
  z-index: 10;
}
.r6FyvHgQX9bfPHDVpkvr {
  cursor: not-allowed;
}
.input-checkbox {
  align-items: center;
  display: flex;
  line-height: 22px;
  margin-bottom: 15px;
}
.input-checkbox--top {
  align-items: flex-start;
}
.input-checkbox--disabled {
  pointer-events: none;
}
.input-checkbox--no-margin-bottom {
  margin-bottom: 0;
}
.input-checkbox__inner-wrapper {
  line-height: 0;
  position: relative;
}
.input-checkbox__error {
  color: #e6373c;
  display: flex;
  flex-basis: 100%;
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 150%;
  margin: 5px 0 0 6px;
}
.input-checkbox__validation-icon {
  fill: #e6373c;
  margin-right: 20px;
}
.input-checkbox__error-message {
  flex-basis: 100%;
}
.input-checkbox__label {
  cursor: pointer;
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 150%;
  margin: 0 8px;
  max-width: calc(100% - 45px);
}
.input-checkbox__label--hidden {
  position: absolute;
  visibility: hidden;
}
.input-checkbox__inner-wrapper--error .input-checkbox__input {
  border-color: #e6373c;
}
.info-button {
  cursor: pointer;
}
.input {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.input__container {
  display: inline-block;
  margin-bottom: 15px;
  position: relative;
  width: 100%;
}
.input__container--with-tooltip .input__inner-wrapper,
.input__container--with-tooltip .input__inner-wrapper--error {
  display: inline-block;
  width: calc(100% - 33px);
}
.input__container--noMargin {
  margin-bottom: 0;
}
.input__container .input__ticker {
  animation-duration: 0.8s;
  animation-iteration-count: 2;
  animation-name: blink;
  background-color: #212121;
  color: inherit;
  display: none;
  height: 17px;
  left: 7px;
  opacity: 1;
  position: absolute;
  text-shadow: inherit;
  top: 6px;
  width: 1px;
}
.input__container .input__ticker--hidden {
  color: transparent;
  text-shadow: 0 0 0 #000;
}
@media screen and (max-width: 1023px) {
  .input__container .input__ticker--hidden {
    color: inherit;
    text-shadow: inherit;
  }
}
.input__container .input__input {
  -webkit-appearance: none;
  appearance: none;
  -moz-appearance: textfield;
  background-color: transparent;
  border: 1px solid #8a8a8a;
  border-radius: 4px;
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 400;
  height: 100%;
  letter-spacing: 0;
  line-height: 150%;
  line-height: 0;
  outline: none;
  padding: 17px 50px 17px 15px;
  -webkit-transform: translateZ(0);
  width: 100%;
}
.input__container .input__input[type='password'] ~ .button__with-icon--input {
  opacity: 0.7;
}
.input__container .input__input::-webkit-inner-spin-button,
.input__container .input__input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  appearance: none;
  margin: 0;
}
.input__container .input__input::-webkit-input-placeholder {
  color: #8a8a8a;
}
.input__container .input__input::-moz-placeholder {
  color: #8a8a8a;
}
.input__container .input__input:-ms-input-placeholder {
  color: #8a8a8a;
}
.input__container .input__input::placeholder {
  color: #8a8a8a;
}
.input__container .input__input:focus {
  padding: 23px 50px 11px 15px;
}
.input__container .input__input:focus + .input__ticker {
  display: block;
}
@media screen and (max-width: 1023px) {
  .input__container .input__input:focus + .input__ticker {
    display: none;
  }
}
.input__container .input__input:focus[type='password'] ~ .button__with-icon--input {
  opacity: 1;
}
.input__container .input__input:hover {
  border-color: #212121;
}
.input__container .input__input:hover[type='password'] ~ .button__with-icon--input {
  opacity: 1;
}
.input__container .input__input::-ms-clear,
.input__container .input__input::-ms-reveal {
  display: none;
}
.input__container .input__input--dirty {
  padding: 23px 50px 11px 15px;
}
.input__container .input__input--error {
  border: 1px solid #e6373c;
}
.input__container .input__input--info {
  border: 1px solid #ff9b14;
}
.input__container .input__validation-icon {
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
}
.input__container .input__inner-wrapper {
  background-color: #fff;
  line-height: 0;
  position: relative;
}
.input__container .input__inner-wrapper--show-confirmation .input__input {
  border: 1px solid #5fc33c;
}
.input__container .input__inner-wrapper--show-confirmation + span {
  color: #5fc33c;
}
.input__container .input__inner-wrapper--not-valid .input__input {
  border: 1px solid #e6373c;
}
.input__container .input__inner-wrapper--not-valid + span {
  color: #e6373c;
}
.input__container .input__inner-wrapper .input__container {
  margin-bottom: 0;
}
.input__container .input__label {
  color: #8a8a8a;
  display: none;
  left: 15px;
  position: absolute;
  top: 6px;
}
.input__container .input__error,
.input__container .input__label {
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 150%;
}
.input__container .input__error {
  color: #e6373c;
  margin-top: 2px;
  padding: 5px 0 0 15px;
  text-align: left;
}
.input__container .input__error--old {
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 150%;
  padding-left: 30px;
}
.input__container .input__element {
  border: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.input__container .input__element--right {
  right: 18px;
}
.input__container .input__hint {
  color: #8a8a8a;
  display: inline-block;
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 150%;
  margin-top: 5px;
  padding: 5px 0 0 15px;
  width: 100%;
}
.input__container .input__hint--placeholder {
  min-height: 20px;
}
.input__container .input--bordered {
  border: 1px solid #212121;
}
.input__container--textarea textarea {
  resize: vertical;
}
.input__container--textarea textarea:not(:empty) + .input__label {
  background-color: #fff;
  display: block;
  left: 1px;
  padding-left: 14px;
  padding-top: 6px;
  right: 1px;
  top: 1px;
}
.input__container--textarea textarea.input__input {
  line-height: 22px;
}
.input__container--textarea .input__validation-icon {
  top: 25px;
}
.input__container--underlined {
  height: 29px;
}
.input__container--underlined .input__input {
  border: none;
  border-bottom: 1px solid #000;
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 150%;
  padding: 5px 25px 6px 3px;
}
.input__container--underlined .input__element--right {
  right: 4px;
}
.input__container--noLabel:not(.input__container--grey) .input__input:focus {
  border: 1px solid var(--color-brand-input-text-focus);
}
.input__container:not(.input__container--noLabel):not(.input__container--underlined):not(.input__container--grey):not(
    .input__container--password
  )
  .input__input:not(textarea):not([value=''])
  + .input__label {
  display: block;
}
.input__container:not(.input__container--noLabel):not(.input__container--underlined):not(.input__container--grey):not(
    .input__container--password
  )
  .input__input:focus {
  border: 1px solid var(--color-brand-input-text-focus);
}
.input__container:not(.input__container--noLabel):not(.input__container--underlined):not(.input__container--grey):not(
    .input__container--password
  )
  .input__input:focus::-webkit-input-placeholder {
  color: transparent;
}
.input__container:not(.input__container--noLabel):not(.input__container--underlined):not(.input__container--grey):not(
    .input__container--password
  )
  .input__input:focus::-moz-placeholder {
  color: transparent;
}
.input__container:not(.input__container--noLabel):not(.input__container--underlined):not(.input__container--grey):not(
    .input__container--password
  )
  .input__input:focus::-ms-input-placeholder {
  color: transparent;
}
.input__container:not(.input__container--noLabel):not(.input__container--underlined):not(.input__container--grey):not(
    .input__container--password
  )
  .input__input:focus
  + .input__label {
  display: block;
}
.input__container--disabled .input__inner-wrapper {
  background-color: #f2f2f2;
  border-radius: 4px;
}
.input__container--disabled .input__input {
  -webkit-text-fill-color: #8a8a8a;
  border: none;
  color: #8a8a8a;
}
.input__tooltip {
  align-items: center;
  display: inline-flex;
  height: 33px;
  justify-content: center;
  margin-top: 11px;
  vertical-align: top;
  width: 33px;
}
.input__tooltip-modal [data-rsbs-content] {
  margin: 16px;
}
@keyframes blink {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.dsa-submission__subtitle {
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 24px;
  font-weight: 400;
  letter-spacing: 0.5px;
  line-height: 120%;
  text-transform: uppercase;
}
.dsa-submission__anonymous {
  margin: 30px 0;
}
.dsa-submission__anonymous--description,
.dsa-submission__anonymous--label {
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 150%;
}
.dsa-submission__anonymous--description {
  color: #8a8a8a;
  margin-left: 45px;
}
.dsa-submission__checkboxes {
  margin: 30px 0;
}
.dsa-submission__form-container {
  max-height: 200px;
  opacity: 1;
  overflow: hidden;
  transition:
    opacity 0.5s ease-out,
    max-height 0.5s ease-out;
}
.dsa-submission__form-container.hidden {
  max-height: 0;
  opacity: 0;
}
.dsa-submission__accordion .rc-collapse-item .rc-collapse-header .rc-collapse-header-text {
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 150%;
}
.dsa-submission__accordion-content {
  padding: 0 13px;
}
.dsa-navigation {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-top: 45px;
}
@media screen and (max-width: 767px) {
  .dsa-navigation {
    flex-direction: column;
  }
}
.dsa-navigation__back.button {
  color: #8a8a8a;
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 150%;
  min-width: auto;
  padding: 0;
}
@media screen and (max-width: 767px) {
  .dsa-navigation__back.button {
    display: none;
  }
}
.dsa-navigation__back--hide {
  display: none;
}
.dsa-navigation__submit {
  word-wrap: break-word;
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 150%;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .dsa-navigation__submit {
    margin-left: auto;
    max-width: 255px;
  }
}
.dsa-navigation__submit--hide {
  display: none;
}
@media screen and (max-width: 767px) {
  .dsa-navigation__submit .button--disabled:hover:not(.follow-button--followed) {
    background-color: #f2f2f2;
    background: #f2f2f2;
    color: #bfbfbf;
  }
}
.progress-bar {
  background-color: #fff;
  height: 5px;
  max-height: 5px;
  width: 100%;
}
.progress-bar__inner {
  background-color: var(--color-brand-bright);
  height: 100%;
}
.linear-progress {
  background-color: #f2f2f2;
  border-radius: 8px;
  height: 4px;
  max-height: 4px;
  overflow: hidden;
  width: 100%;
}
.linear-progress__inner {
  background-color: var(--color-brand-bright);
  border-radius: 8px;
  height: 100%;
  transition: transform 0.2s ease-in-out;
  width: 100%;
}
.B2b7WnZ1hqoKpYvZbyza {
  align-items: center;
  display: flex;
  height: 24px;
  margin-bottom: 50px;
}
@media screen and (max-width: 767px) {
  .B2b7WnZ1hqoKpYvZbyza {
    margin-right: 24px;
  }
  .B2b7WnZ1hqoKpYvZbyza .Kpzgfuh2LikzmWe_xnoc {
    margin: 0 20px;
  }
}
.B2b7WnZ1hqoKpYvZbyza .lh0fuJPs04sSAf3Vi8a3 {
  flex-shrink: 0;
  width: 24px;
}
.B2b7WnZ1hqoKpYvZbyza .lh0fuJPs04sSAf3Vi8a3 .vz2IVdEztnn06syoLxqu {
  margin-bottom: 0;
  padding-left: 0;
}
.i0o_C4sb5cZOA3RBbvrG {
  margin-top: 32px;
}
.i0o_C4sb5cZOA3RBbvrG .JV2G5hVniD16IsLsqJmv {
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 110%;
}
.i0o_C4sb5cZOA3RBbvrG ul {
  margin: 16px 0;
}
.i0o_C4sb5cZOA3RBbvrG ul li {
  border-top: 1px solid #e6e6e6;
  cursor: pointer;
  padding: 16px;
  text-decoration: underline;
}
.i0o_C4sb5cZOA3RBbvrG ul li:last-of-type {
  border-bottom: 1px solid #e6e6e6;
}
.iafGu7loVmdmjoQOO62_ {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 110%;
}
.iafGu7loVmdmjoQOO62_,
.lv2tuhQ2ZxbDo2JN1oVa {
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
}
.lv2tuhQ2ZxbDo2JN1oVa {
  font-weight: 500;
}
.aoSeCaM6Ibn4RnzF3pWF {
  padding: 10px 0;
}
.PB8oygQvUwnO7gYMIzuP {
  color: #8a8a8a;
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 150%;
  padding-left: 15px;
}
.VbNn6l3YYOur40pF2qgF .TG1VXZ3zR6pm4Eyv6Vzn {
  margin: 16px 0;
}
.VbNn6l3YYOur40pF2qgF .HOwulSk7bzpEMGZUtZ9Y {
  padding: 10px 0 8px;
}
.VbNn6l3YYOur40pF2qgF .Vsft7fWu_iK_C25fOeSB {
  margin-bottom: 5px;
}
.VbNn6l3YYOur40pF2qgF .ODrD0zpzS6NqsFCaFbt2 {
  color: #000;
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 150%;
  margin-bottom: 10px;
}
.s2w03hRDEkegzIC5Mcpy {
  font-weight: 500;
  margin: 24px 0 0;
}
.s2w03hRDEkegzIC5Mcpy,
.xvvPEwAY0XqAVuz8Qawy {
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
}
.xvvPEwAY0XqAVuz8Qawy {
  font-size: 32px;
  font-weight: 400;
  letter-spacing: 0.5px;
  line-height: 120%;
  margin-bottom: 32px;
  text-transform: uppercase;
}
@media screen and (max-width: 767px) {
  .report-violation__content {
    padding: 13px 16px;
  }
}
.report-violation__content--header {
  margin-bottom: 30px;
}
.report-violation__content--header .modal-header__title {
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 110%;
}
.report-violation__content--message {
  margin-bottom: 15px;
}
.report-violation__content--button-container {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.report-violation__content--button-container--button .link-primary {
  color: #fff;
}
.report-violation__content-container {
  margin-bottom: 30px;
}
.paragraph {
  margin: 10px 0;
  max-width: 100%;
  overflow: hidden;
}
.paragraph a {
  color: #000;
}
.paragraph ul {
  list-style: disc inside;
}
.G05sw09lSIGFZ0mEf01K {
  -ms-grid-columns: auto auto;
  align-items: center;
  -webkit-column-gap: 10px;
  -moz-column-gap: 10px;
  column-gap: 10px;
  display: -ms-grid;
  display: grid;
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 500;
  grid-template-columns: auto auto;
  justify-content: start;
  letter-spacing: 0;
  line-height: 150%;
  margin-bottom: 8px;
  text-transform: capitalize;
}
.dsa-reporting {
  align-items: center;
  display: flex;
  gap: 8px;
  text-underline-offset: 5px;
}
.dsa-reporting--onlyIcon {
  margin: 0;
  min-width: inherit;
  padding: 0;
}
.dsa-reporting--text {
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 150%;
}
@media screen and (max-width: 767px) {
  .wJ8l7bzsdB2OMv7WZvfH {
    padding: 13px 16px;
  }
  .wJ8l7bzsdB2OMv7WZvfH .eADb_kuAPtzhHnTocKJb {
    display: none;
  }
}
.wJ8l7bzsdB2OMv7WZvfH .fLMSUaUDPvU9q1GltJg3 {
  padding-left: 0;
}
.wJ8l7bzsdB2OMv7WZvfH .l7NFqR0ilVTdjqNRj1Kd {
  margin: 6px 0 16px;
  padding-left: 0;
}
@media screen and (min-width: 768px) {
  .wJ8l7bzsdB2OMv7WZvfH .l7NFqR0ilVTdjqNRj1Kd {
    margin: 20px 0 30px;
  }
}
.wJ8l7bzsdB2OMv7WZvfH .PNiQUen3NoZpECitE10q {
  flex-direction: row-reverse;
}
.wJ8l7bzsdB2OMv7WZvfH .jVk85cCmaIvLOzsinAQL {
  height: 20vh;
}
.report-modal-content__header {
  margin: 16px 0;
}
.report-modal-content__button {
  align-items: center;
  border-bottom: 1px solid #e6e6e6;
  border-radius: inherit;
  color: #000;
  display: flex;
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 500;
  gap: 13px;
  height: 52px;
  letter-spacing: 0;
  line-height: 150%;
  padding-left: 15px;
  text-transform: inherit;
  width: -webkit-fill-available;
}
@media screen and (min-width: 768px) {
  .report-modal-content__button {
    border-top: 1px solid #e6e6e6;
    padding-left: 0;
  }
}
.report-modal-content__icon {
  min-width: 19px;
}
.select-sponsors-report-livebuy--app .report-modal-content__button {
  border-top: none;
}
.Pv3ENlooLQTLaOiqMSFD {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  border: none;
  height: auto;
  margin: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.Pv3ENlooLQTLaOiqMSFD:focus {
  outline: none !important;
}
.tooltip-content {
  background-color: #fff;
  border-radius: 4px;
  margin: 0 16px;
  padding: 12px;
  position: fixed;
  text-align: center;
  width: -moz-available;
  width: -webkit-fill-available;
  width: fill-available;
  z-index: 100;
}
.tooltip-content .tooltip-heading {
  font-size: 24px;
  letter-spacing: 0.5px;
  line-height: 120%;
  text-transform: uppercase;
}
.tooltip-content .tooltip-content-text,
.tooltip-content .tooltip-heading {
  color: #000;
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-weight: 400;
}
.tooltip-content .tooltip-content-text {
  font-size: 12px;
  letter-spacing: 0;
  line-height: 150%;
}
.tooltip-content .tooltip-badge {
  background: #000;
  border-radius: 15px;
  color: #fff;
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-weight: 500;
  padding: 2px 6px;
  position: relative;
  top: 8px;
}
.tooltip-arrow:after {
  border: 5px solid transparent;
  border-bottom-color: #000;
  bottom: 100%;
  content: '';
  left: 50%;
  margin-left: -5px;
  position: fixed;
}
.tooltip-arrow {
  background-color: #fff;
  -webkit-clip-path: polygon(50% 0, 0 100%, 100% 100%);
  clip-path: polygon(50% 0, 0 100%, 100% 100%);
  display: flex;
  height: 21px;
  position: fixed;
  width: 30px;
  z-index: 1000;
}
.tooltip-closing-button {
  height: 11px;
  position: absolute;
  right: 12px;
  top: 8px;
  width: 11px;
}
.tooltip-page-container__highlighted {
  animation: tooltip-fade-in 0.5s;
  background: rgba(0, 0, 0, 0.2);
  height: 100%;
  left: 0;
  margin: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 100;
}
.tooltip-page-container__hidden {
  display: none;
}
@keyframes tooltip-fade-in {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.brands-list-item__container {
  min-width: 0;
}
.brands-list-item {
  align-items: center;
  display: flex;
  flex-direction: row;
  padding: 16px 1px;
  position: relative;
  text-decoration: none;
  width: 100%;
}
.brands-list-item__link {
  align-items: center;
  display: flex;
  max-width: calc(100% - 19px);
}
.brands-list-item__headline {
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 110%;
  margin: 0 16px 0 0;
  max-width: calc(100% - 70px);
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media screen and (min-width: 768px) {
  .brands-list-item__headline {
    font-family:
      Avenir Next,
      Helvetica Neue,
      Helvetica,
      Arial,
      sans-serif;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 150%;
  }
}
.brands-list-item__headline.shop {
  margin: 0;
}
.brands-list-item__separator {
  border-bottom: 1px solid #e6e6e6;
}
.platform-app .brands-list-item {
  padding: 12px 24px 12px 16px;
}
.template-content {
  margin-top: 0;
}
.not-found-component__alert {
  margin-bottom: 64px;
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .not-found-component__alert {
    margin-bottom: 96px;
  }
}
@media screen and (max-width: 767px) {
  .not-found-component__cms-slot {
    margin-left: -13px;
    margin-right: -13px;
    width: 100vw;
  }
}
.not-found-component__row {
  align-items: center;
  flex-direction: column;
  margin: 0;
}
.not-found-component__row.flex-row {
  margin: 0;
}
.not-found-component__button {
  margin-top: 30px;
}
@media screen and (min-width: 768px) {
  .not-found-component__button {
    width: 171px;
  }
}
.not-found-component__contact-text {
  margin-bottom: 60px;
  margin-top: 25px;
}
@media screen and (min-width: 768px) {
  .not-found-component__contact-text {
    margin-top: 30px;
  }
}
.not-found-component .search-box {
  margin: 60px auto 0;
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .not-found-component .search-box {
    width: 791px;
  }
}
.not-found-component .search-box__input-group .input__inner-wrapper .search-box__input-text,
.not-found-component .search-box__input-group .input__inner-wrapper .search-box__input-text:focus {
  height: 55px;
  padding-left: 12px;
  padding-right: 18px;
}
.not-found-component .search-box__input-group .input__inner-wrapper .input__element--right {
  right: 18px;
}
.platform-app .not-found-page {
  padding-top: 16px;
}
@media screen and (min-width: 768px) {
  .platform-app .not-found-page {
    padding-top: 64px;
  }
}
@media screen and (min-width: 1024px) {
  .platform-app .not-found-page {
    padding-top: 96px;
  }
}
.not-found-page {
  padding-top: 16px;
}
@media screen and (min-width: 768px) {
  .not-found-page {
    padding-top: 64px;
  }
}
@media screen and (min-width: 1024px) {
  .not-found-page {
    padding-top: 96px;
  }
}
.base-headline-bold,
.base-headline-semibold {
  margin: 0 0 1em;
  padding: 0;
}
.base-headline-semibold--small {
  font-size: 12px;
  font-weight: 500;
  line-height: 150%;
}
.base-headline-bold,
.base-headline-semibold--small {
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  letter-spacing: 0;
}
.base-headline-bold {
  font-size: 14px;
  font-weight: 400;
  line-height: 110%;
}
.image {
  flex-shrink: 0;
  max-height: 100%;
  max-width: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  transition: opacity 0.2s ease-in-out;
}
.image-static {
  width: 100%;
}
.image-placeholder {
  display: flex;
  height: 100%;
  opacity: 1;
  position: absolute;
  transform: translate(0);
  transition: opacity 0.2s ease-in-out;
  width: 100%;
}
.image-placeholder--background {
  background-color: #f2f2f2;
}
.image-container {
  align-items: center;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  position: relative;
}
.image-container .image {
  opacity: 0;
}
.image-container--calculated-height {
  align-items: unset;
  justify-content: unset;
}
.image-container--calculated-height .image {
  bottom: 0;
  left: 0;
  position: absolute;
  width: 100%;
}
.image-container--calculated-height.image-container--center-image .image {
  top: 50%;
  transform: translateY(-50%);
}
.image-container--loaded .image {
  opacity: 1;
}
.image-container--loaded .image-placeholder {
  opacity: 0;
}
.not-returnable-entries__headline {
  color: #595959;
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-weight: 500;
  margin-top: 40px;
}
.not-returnable-entries__details {
  border-top: 1px solid #e6e6e6;
  color: #8a8a8a;
  display: flex;
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 400;
  gap: 8px;
  letter-spacing: 0;
  line-height: 150%;
  padding: 16px 0;
}
.not-returnable-entries__image-wrapper {
  display: flex;
  justify-content: center;
  width: 80px;
}
.not-returnable-entries__image {
  height: 42px;
  width: 42px;
}
.return-brand-info__title {
  -webkit-margin-before: 0;
  display: inline-block;
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 150%;
  margin-block-start: 0;
  padding-bottom: 5px;
  text-transform: uppercase;
}
.return-brand-info__product-family {
  color: #000;
}
.return-brand-info__brand-line,
.return-brand-info__product-family,
.return-brand-info__product-name {
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 150%;
}
.dropdown {
  border: 1px solid #8a8a8a;
  border-radius: 4px;
  box-sizing: border-box;
  position: relative;
}
.dropdown--appearance-dense {
  border: 1px solid #e6e6e6;
  border-radius: 0;
}
.dropdown--inactive {
  background-color: #f2f2f2;
}
.dropdown--inactive:hover {
  border-color: #8a8a8a;
}
.dropdown--appearance-dense.dropdown--disabled:hover,
.dropdown--appearance-dense.dropdown--inactive:hover {
  border-color: #e6e6e6;
}
.dropdown--disabled:hover {
  border-color: #8a8a8a;
}
.dropdown:hover {
  border-color: #212121;
}
.dropdown.has-error {
  border-color: #e6373c;
}
.dropdown--opened.dropdown {
  border-color: #212121;
  border-radius: 4px 4px 0 0;
}
.dropdown--opened.dropdown.dropdown--appearance-dense {
  border-radius: 0;
}
.dropdown__container {
  position: relative;
}
.dropdown__label {
  color: #8a8a8a;
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 400;
  left: 6px;
  letter-spacing: 0;
  letter-spacing: 0.5px;
  line-height: 150%;
  position: absolute;
  top: 1px;
  z-index: 1;
}
.dropdown__options {
  list-style: none;
  max-height: 0;
  opacity: 0;
  overflow: auto;
  transition:
    opacity 0.2s ease-in-out,
    max-height 0.2s ease-in-out;
}
.dropdown--opened .dropdown__options {
  max-height: 500px;
  opacity: 1;
}
.dropdown__select {
  border-bottom: 1px solid var(--color-brand-original);
  border-radius: 0;
  box-sizing: border-box;
  display: none;
}
.dropdown--opened .dropdown__select {
  background: #fff;
  border: 1px solid #000;
  border-radius: 4px 4px 0 0;
  border-top: none;
  display: block;
}
.dropdown__value {
  border-radius: 4px;
  height: 100%;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.dropdown__value .dropdown__option {
  padding-right: 40px;
}
.dropdown__arrow-icon {
  pointer-events: none;
  position: absolute;
  right: 16px;
  top: calc(50% - 12px);
  transition: transform 0.2s linear;
  z-index: 1;
}
.dropdown__arrow-icon--open {
  transform: rotate(180deg);
}
.dropdown__arrow-icon--appearance-dense {
  right: 8px;
}
.dropdown__input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
  border-radius: 4px;
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 400;
  height: 100%;
  letter-spacing: 0;
  letter-spacing: 0.5px;
  line-height: 150%;
}
.dropdown__input::-webkit-search-cancel-button,
.dropdown__input::-webkit-search-decoration,
.dropdown__input::-webkit-search-results-button,
.dropdown__input::-webkit-search-results-decoration {
  -webkit-appearance: none;
  appearance: none;
}
.dropdown__value > .dropdown__input {
  border: 1px solid transparent;
  border-radius: 0;
  height: 53px;
  line-height: 36px;
  outline: none;
  overflow: hidden;
  padding: 10px 40px 10px 15px;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.dropdown--appearance-dense .dropdown__input,
.dropdown__value > .dropdown__input {
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-weight: 400;
}
.dropdown--appearance-dense .dropdown__input {
  color: #000;
  font-size: 12px;
  height: 40px;
  letter-spacing: 0;
  line-height: 150%;
  padding: 0 40px 0 8px;
}
.dropdown--appearance-dense .dropdown__input::-webkit-input-placeholder {
  color: #000;
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 150%;
}
.dropdown--appearance-dense .dropdown__input::-moz-placeholder {
  color: #000;
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 150%;
}
.dropdown--appearance-dense .dropdown__input:-ms-input-placeholder {
  color: #000;
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 150%;
}
.dropdown--appearance-dense .dropdown__input::placeholder {
  color: #000;
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 150%;
}
.dropdown__option {
  border: none;
  cursor: pointer;
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 400;
  height: 52px;
  letter-spacing: 0;
  line-height: 150%;
  outline: none;
  padding: 0 16px;
  text-align: left;
  width: 100%;
}
.dropdown__option.is-selected {
  background: inherit;
}
.dropdown__option.is-highlighted,
.dropdown__option:not(.is-selected):hover {
  background: #f2f2f2;
}
.dropdown__option.is-highlighted.is-selected,
.dropdown__option.is-selected:hover {
  background: #e6e6e6;
}
.dropdown__value:not(.is-selected):hover .dropdown__option {
  background-color: transparent;
}
.dropdown__group-header {
  background: #ececec;
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 150%;
  padding: 8px 16px;
  text-transform: uppercase;
}
.dropdown--multiple {
  border-radius: 3px;
  overflow: hidden;
}
.dropdown--multiple:not(.dropdown--search) .dropdown--multiple__input {
  cursor: default;
}
.dropdown--multiple .dropdown__input {
  border-radius: 4px;
  cursor: auto;
}
.dropdown--multiple .dropdown__select {
  border-radius: 0;
  border-top: 1px solid #ececec;
  max-height: 260px;
  position: relative;
}
.dropdown--no-borders {
  border: none;
}
.dropdown--no-borders ::-webkit-scrollbar {
  display: none;
}
.dropdown--no-borders .dropdown__select {
  border: none;
}
.dropdown--with-label .dropdown__input {
  border-radius: 4px;
  padding: 23px 11px 9px;
}
.dropdown__input:not([readonly]):focus {
  cursor: auto;
}
.dropdown.is-disabled .dropdown__input {
  cursor: not-allowed;
  pointer-events: none;
}
.dropdown:not(.is-disabled) .dropdown__input {
  border-radius: 4px;
  cursor: pointer;
}
.dropdown:not(.dropdown--multiple) .dropdown__select {
  border-radius: 0 0 4px 4px;
  left: -1px;
  max-height: 500px;
  overflow: hidden;
  position: absolute;
  right: -1px;
  z-index: 3;
}
.dropdown:not(.dropdown--multiple) .dropdown__select:before {
  border-top: 1px solid #e6e6e6;
  content: '';
  display: block;
  left: 15px;
  position: absolute;
  right: 15px;
  top: 0;
}
.dropdown--appearance-dense:not(.dropdown--multiple) .dropdown__select:before {
  border-top: 1px solid #bfbfbf;
  left: 0;
  right: 0;
}
.return-selection-form__entry-headline {
  color: #595959;
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 150%;
}
.return-selection-form__entry-content {
  border-top: 1px solid #e6e6e6;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 16px;
  padding: 24px 0;
}
@media screen and (min-width: 1024px) {
  .return-selection-form__entry-content {
    justify-content: space-between;
  }
}
.return-selection-form__entry-details {
  align-items: center;
  display: flex;
  flex-direction: row;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
.return-selection-form__entry-details-content {
  display: flex;
  flex-direction: row;
  gap: 8px;
}
.return-selection-form__product-image {
  height: 76px;
  width: 76px;
}
.return-selection-form__product-details {
  width: 250px;
}
.return-selection-form__return-data {
  display: flex;
  flex-direction: column;
  margin-left: auto;
  max-width: 236px;
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .return-selection-form__return-data {
    max-width: 270px;
  }
}
.return-selection-form__select {
  background-color: #fff;
  border-color: #8a8a8a;
  border-radius: 4px;
  padding: 8px 12px;
}
.return-selection-form__select:invalid {
  color: #8a8a8a;
}
.pcjd3gpYt05jbd5Xx5Q0 {
  color: #595959;
  margin-bottom: 8px;
}
.radio-group {
  margin: 0;
  width: 100%;
}
.jZlKfSAdQtTA5xN3ejA6 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.zLEknGVr4_KhkpU9cM3W {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.pRrdQdm8PFC3k4mC_uko {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.XWdQMx90J_zZiYIcDyc5 {
  display: flex;
  flex-wrap: wrap;
}
.zElu0oAQimZoAxuvVlhH {
  height: 24px;
  width: 24px;
}
.Jin5dvncfnXGlqtDpotU {
  font-weight: 400;
}
.Jin5dvncfnXGlqtDpotU,
.i5H3cxWjhM53CzFPZocW {
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 150%;
}
.i5H3cxWjhM53CzFPZocW {
  font-weight: 500;
}
.dxVJSY4NEJcudKBfGfe3 {
  display: block;
}
.NVTf8QVjG_EJu7qC8Mxw {
  display: flex;
  flex: 1 1;
}
.fXnn6f_kfaXLKSjLuOrA {
  display: flex;
  flex: 1 1;
  justify-content: center;
  position: relative;
}
.fXnn6f_kfaXLKSjLuOrA:after {
  background-color: rgba(0, 0, 0, 0.031);
  content: '';
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}
.mA9V2sKems_HVZGhkRuv {
  height: 92px;
  width: 92px;
}
.hxH9ocfem3MqEF2kYIXm {
  position: relative;
}
.Fe9jtqcQtGDHNz_ZUGow {
  background: #8a8a8a;
  border-radius: 15px;
  font-size: 12px;
  height: 16px;
  letter-spacing: 0;
  line-height: 150%;
  padding: 0 6px;
  right: 8px;
  top: 8px;
  width: 26px;
  z-index: 6;
}
.FAGoPQhIAHlcWLmFAM_g,
.Fe9jtqcQtGDHNz_ZUGow {
  align-items: center;
  color: #fff;
  display: flex;
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-weight: 400;
  justify-content: center;
  position: absolute;
}
.FAGoPQhIAHlcWLmFAM_g {
  background: rgba(0, 0, 0, 0.5);
  font-size: 32px;
  height: 100%;
  left: 0;
  letter-spacing: 0.5px;
  line-height: 120%;
  text-transform: uppercase;
  top: 0;
  width: 100%;
  z-index: 5;
}
.bumL472ZKLGNrOVv_hVy {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.HoBhLphJ1iOigLltQait {
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 16px;
}
.pht4PbiUaljMc50Ibc8s {
  font-weight: 500;
}
.IJflH31p3wtvNwAVqVVR,
.pht4PbiUaljMc50Ibc8s {
  display: flex;
  flex-wrap: wrap;
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
}
.IJflH31p3wtvNwAVqVVR {
  font-size: 14px;
  font-weight: 400;
  gap: 4px;
  justify-content: space-between;
  letter-spacing: 0;
  line-height: 110%;
  margin: 0;
}
.vyIj31JLk5d892f3VHuS {
  background: #fff;
  display: flex;
  gap: 4px;
}
.qFgsrbokKMnAB3Z629jA,
.qHQhqJC61o1N35TLg1FI {
  display: block;
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 110%;
}
.tmbziVEPgSBSEZl6XNls {
  background: #fff;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 16px;
}
.FbEuXgpKi6PKjaXGLFDb {
  align-self: flex-end;
  bottom: 0;
}
.online-return-portal__headline {
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 24px;
  font-weight: 400;
  letter-spacing: 0.5px;
  line-height: 120%;
  margin-bottom: 0;
  text-transform: uppercase;
}
.online-return-portal__link {
  color: #000;
  cursor: pointer;
}
.online-return-portal__description,
.online-return-portal__link {
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 150%;
}
.online-return-portal__description {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  justify-content: space-between;
  margin-bottom: 32px;
}
.sHovZALWEZF8Iw8HsbBz {
  min-height: auto;
}
.icon {
  max-width: 100%;
  overflow: hidden;
}
.icon:focus {
  outline: none;
}
.icon--SVG_19 {
  height: 19px;
  width: 19px;
}
@media screen and (max-width: 767px) {
  .icon--SVG_19 {
    min-width: 19px;
  }
}
.icon--SVG_45 {
  height: 45px;
  width: 45px;
}
@media screen and (max-width: 767px) {
  .icon--SVG_45 {
    min-width: 45px;
  }
}
.icon--SVG_90 {
  animation: animate-icon 0.33s forwards;
  height: 90px;
  width: 90px;
}
@media screen and (max-width: 767px) {
  .icon--SVG_90 {
    min-width: 90px;
  }
}
.icon--color-success circle,
.icon--color-success path {
  fill: #5fc33c;
}
@media (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .icon--color-success circle,
  .icon--color-success path {
    fill: #5fc33c;
  }
}
.icon--color-error circle,
.icon--color-error path {
  fill: #e6373c;
}
.icon--color-warning circle,
.icon--color-warning path {
  fill: #ff9b14;
}
.icon--color-white circle,
.icon--color-white path {
  fill: #fff;
}
.icon--color-black circle,
.icon--color-black path {
  fill: #000;
}
.icon--color-grey circle,
.icon--color-grey path {
  fill: #bfbfbf;
}
@keyframes animate-icon {
  0% {
    transform: scale(0);
  }
  to {
    transform: scale(1);
  }
}
@media screen and (max-width: 767px) {
  .forgot-password {
    padding: 15px 13px 0;
  }
}
.forgot-password__email {
  margin: 10px 0 30px;
}
.forgot-password__confirmation-email {
  font-weight: 500;
  margin: 20px 0;
}
.forgot-password__messages {
  margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
  .forgot-password__buttons {
    flex-direction: column-reverse;
  }
}
.forgot-password__button {
  margin-bottom: 15px;
}
@media screen and (min-width: 768px) {
  .forgot-password__button {
    margin-bottom: 0;
  }
}
.forgot-password .modal-header__subtitle {
  text-align: left;
}
@media screen and (min-width: 768px) {
  .forgot-password .modal-header__subtitle {
    margin: 16px 0;
  }
}
.login__link .link--text,
.login__text {
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 150%;
}
.login__link {
  cursor: pointer;
  display: inline-block;
  margin-top: 2px;
}
.login__text {
  margin-bottom: 10px;
}
.login .login__password {
  margin-bottom: 0;
}
.login__check-box {
  display: flex;
  justify-content: flex-start;
  margin: 25px 0 30px;
}
.login__check-box label {
  line-height: 30px;
  margin-left: 15px;
}
.login__check-box input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 1px solid #000;
  height: 30px;
  margin: 0;
  width: 30px;
}
.login__check-box input:checked {
  background-color: var(--color-brand-medium);
}
.login__button.button {
  margin: 15px 0;
}
.login .login__link {
  margin: 5px 0 15px;
}
.account-link-overlay__header .modal-header__subtitle {
  margin-bottom: 20px;
  text-align: left;
}
.account-link-form__conflicting-providers-wrapper {
  display: block;
  margin: 36px 0;
  text-align: center;
}
.account-link-form__form {
  border-bottom: 1px solid #e6e6e6;
  padding-bottom: 30px;
}
.account-link-form__social-provider {
  align-items: center;
  display: flex;
  justify-content: center;
  margin: 0 auto;
}
.account-link-form__icon-wrapper {
  margin: 40px;
}
.account-link-form__social-provider-text {
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 1.5px;
  line-height: 100%;
  text-transform: uppercase;
}
.account-link-form__social-provider-text--facebook {
  color: #2457d7;
}
.account-link-form__social-provider-text--google {
  color: #cf5542;
}
.account-link-form__social-provider-text--apple {
  color: #000;
}
.account-link-form__social-provider-icon {
  margin-right: 12px;
  position: relative;
  transform: translateY(-2px);
}
.account-link-form__social-provider-plus {
  stroke: #000;
  position: relative;
  transform: translateY(7px);
}
.account-link-form__existing-accounts {
  margin-top: 30px;
  padding-bottom: 30px;
}
.account-link-form__existing-accounts .social-login__button {
  margin-top: 30px;
  max-width: 100%;
}
.account-link-form__existing-standard-accounts {
  display: block;
  padding-bottom: 30px;
}
.birthday-tooltip__header {
  display: flex;
  flex-direction: column;
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 24px;
  font-weight: 400;
  letter-spacing: 0.5px;
  line-height: 120%;
  margin-bottom: 30px;
  text-transform: uppercase;
}
@media screen and (min-width: 768px) {
  .birthday-tooltip__header {
    flex-direction: row;
  }
}
.gender {
  display: block;
}
@media screen and (min-width: 768px) {
  .gender {
    display: flex;
  }
}
.gender .gender-heading {
  display: block;
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 110%;
  margin: 0 0 10px;
}
@media screen and (min-width: 768px) {
  .gender .gender-heading {
    margin: auto 32px auto 0;
  }
}
.gender .gender-selection {
  display: flex;
}
@media screen and (min-width: 768px) {
  .gender .gender-selection {
    flex-basis: 75%;
  }
}
.gender .gender-selection__radio {
  margin-right: 32px;
}
@media screen and (min-width: 768px) {
  .gender--is-checkout {
    margin: 20px 0 0;
  }
  .gender--is-checkout .gender-selection {
    flex-basis: 60%;
  }
}
.modal-overlay__display .gender {
  display: block;
}
.registration__link .link--text,
.registration__text {
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 150%;
}
.registration__link {
  margin-top: 2px;
}
.registration__text {
  margin-bottom: 10px;
}
.registration__terms {
  padding: 15px 0 30px;
}
.registration__terms a {
  color: #000;
  text-decoration: underline;
}
.registration__button,
.registration__password {
  margin-bottom: 0;
}
.registration__dropdown .dropdown-field__single-value {
  padding-bottom: 10px;
  padding-top: 23px;
}
.registration__form-column-newsletter {
  margin-top: 35px;
}
.registration__form-column-newsletter .input-checkbox__inner-wrapper {
  align-self: flex-start;
}
.registration .password-hint-modal-button {
  border-bottom: 1px solid #f2f2f2;
  text-align: left;
  width: 100%;
}
.account-completion-form__top-content-wrapper {
  border-top: 1px solid #212121;
  margin-top: 30px;
  padding-top: 30px;
}
.account-completion-form__birthdate-text {
  display: block;
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 150%;
  margin-bottom: 5px;
}
.account-completion-form__birthdate-mask {
  display: block;
  margin-top: 5px;
}
.account-completion-form__terms {
  margin-bottom: 30px;
  min-height: 22px;
}
.account-completion-form__submit.button {
  margin-bottom: 0;
}
.account-completion-form__socialize-icon {
  margin: 20px 0;
  max-width: 20px;
}
.account-completion-form__success-button {
  margin-top: 70px;
}
.account-completion-form__header {
  min-height: auto;
}
.account-completion-overlay__benefits {
  margin-bottom: 30px;
  margin-top: 15px;
}
.account-completion-overlay__benefit {
  align-items: center;
  display: flex;
  margin-top: 15px;
}
.account-completion-overlay__benefit strong {
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-weight: 500;
}
.account-completion-overlay__benefit-icon {
  margin-right: 12px;
}
.account-completion-overlay__missing-fields {
  display: block;
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 150%;
  margin-bottom: 10px;
}
.account-completion-overlay .login__text,
.account-completion-overlay .registration__text {
  display: none;
}
.account-completion-overlay .registration__button {
  margin-bottom: 20px;
}
.account-completion-overlay .button__secondary {
  margin-bottom: 40px;
}
.account-completion-accordion {
  border-top: 1px solid #e6e6e6;
  margin-top: 30px;
  padding-top: 20px;
}
.account-completion-accordion__title {
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 110%;
  max-width: 256px;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .account-completion-accordion__title {
    max-width: 500px;
  }
}
.account-completion-accordion__info {
  display: block;
  margin: 30px 0;
}
.account-completion-accordion__button.button {
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-weight: 500;
  margin-bottom: 0;
}
.social-login {
  border-top: 1px solid #e6e6e6;
  margin: 30px 0 0;
  padding: 30px 0 0;
}
@media screen and (min-width: 768px) {
  .social-login {
    margin-top: 60px;
    padding-top: 60px;
  }
}
.social-login__headline {
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 110%;
}
.social-login__consent {
  display: flex;
  padding-top: 30px;
}
.social-login__buttons {
  display: flex;
  flex-direction: column;
  font-weight: 500;
  margin-top: 15px;
}
@media screen and (min-width: 768px) {
  .social-login__buttons {
    flex-direction: row;
    justify-content: space-between;
    margin-top: 30px;
  }
}
.social-login__button {
  align-items: center;
  display: flex;
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-weight: 500;
  justify-content: center;
  padding: 0 25px;
}
@media screen and (min-width: 768px) {
  .social-login__button {
    max-width: 30%;
  }
}
.social-login__button--apple,
.social-login__button--facebook,
.social-login__button--google {
  background-color: #fff;
  border: 2px solid #2457d7;
  color: #2457d7;
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-weight: 500;
}
.social-login__button--apple:active,
.social-login__button--facebook:active,
.social-login__button--google:active {
  background-color: #1440bc;
  color: #fff;
}
.social-login__button--apple:focus,
.social-login__button--facebook:focus,
.social-login__button--google:focus {
  background-color: rgba(32, 82, 223, 0.3);
  border: 2px solid #2052df;
  color: #2457d7;
}
.social-login__button--apple:hover,
.social-login__button--apple:hover:focus,
.social-login__button--facebook:hover,
.social-login__button--facebook:hover:focus,
.social-login__button--google:hover,
.social-login__button--google:hover:focus {
  background-color: #2052df;
  color: #fff;
}
.social-login__button--apple.button--disabled,
.social-login__button--facebook.button--disabled,
.social-login__button--google.button--disabled {
  border: 2px solid hsla(0, 0%, 75%, 0.3);
}
.social-login__button--apple.button--loading,
.social-login__button--facebook.button--loading,
.social-login__button--google.button--loading {
  background-color: #fff;
  color: transparent;
}
.social-login__button--apple.button--loading .loader.loader--button .path,
.social-login__button--facebook.button--loading .loader.loader--button .path,
.social-login__button--google.button--loading .loader.loader--button .path {
  stroke: rgba(36, 87, 215, 0.8);
}
.social-login__button--google {
  border-color: #cf5542;
  color: #cf5542;
}
.social-login__button--google:active {
  background-color: #c54430;
  color: #fff;
}
.social-login__button--google:focus {
  background-color: hsla(8, 55%, 57%, 0.3);
  border-color: #ce6656;
  color: #cf5542;
}
.social-login__button--google:hover,
.social-login__button--google:hover:focus {
  background-color: #ce6656;
  color: #fff;
}
.social-login__button--google.button--disabled {
  border-color: hsla(0, 0%, 75%, 0.3);
}
.social-login__button--google.button--loading {
  background-color: #fff;
  color: transparent;
}
.social-login__button--google.button--loading .loader.loader--button .path {
  stroke: rgba(207, 85, 66, 0.8);
}
.social-login__button--apple {
  border-color: #000;
  color: #000;
}
.social-login__button--apple:active {
  background-color: #000;
  color: #fff;
}
.social-login__button--apple:focus {
  background-color: rgba(51, 51, 51, 0.3);
  border-color: #333;
  color: #000;
}
.social-login__button--apple:hover,
.social-login__button--apple:hover:focus {
  background-color: #333;
  color: #fff;
}
.social-login__button--apple.button--disabled {
  border-color: hsla(0, 0%, 75%, 0.3);
}
.social-login__button--apple.button--loading {
  background-color: #fff;
  color: transparent;
}
.social-login__button--apple.button--loading .loader.loader--button .path {
  stroke: rgba(0, 0, 0, 0.8);
}
.social-login__button--text {
  margin: 0 auto;
}
.social-login__button--icon {
  display: block;
}
.social-login__button--icon-white {
  display: none;
}
.social-login__button:hover {
  color: #fff;
  cursor: pointer;
}
.social-login__button:active .social-login__button--icon,
.social-login__button:hover .social-login__button--icon {
  display: none;
}
.social-login__button:active .social-login__button--icon-white,
.social-login__button:hover .social-login__button--icon-white {
  display: block;
}
.social-login .social__terms a {
  color: #000;
  text-decoration: underline;
}
.registration-confirmation {
  margin-top: 30px;
}
.registration-confirmation__welcome-text {
  border-top: 1px solid #e6e6e6;
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 110%;
  margin-top: 30px;
  padding-top: 30px;
}
.registration-confirmation__action-text {
  display: block;
  margin-bottom: 30px;
  margin-top: 5px;
}
.MfPTIxRTzs3Ii5M8QfPE,
.W5tDyhPT8DcZB1x9IcJ6,
.uPM090YHuaPZHUBxN6hi {
  flex-basis: 100%;
  margin: 30px 0;
}
.uPM090YHuaPZHUBxN6hi {
  margin-bottom: 0;
}
.W5tDyhPT8DcZB1x9IcJ6 {
  margin-top: 0;
}
.add-physical-card {
  height: 65%;
  padding: 16px;
}
@media screen and (min-width: 768px) {
  .add-physical-card {
    height: 100%;
  }
}
.add-physical-card .add-physical-card__text-underline-length--7 > .input__inner-wrapper {
  background: linear-gradient(
      90deg,
      transparent,
      transparent 1ch,
      #000 0,
      #000 5ch,
      transparent 0,
      transparent 5.5ch,
      #000 0,
      #000 9.5ch,
      transparent 0,
      transparent 10ch,
      #000 0,
      #000 13.5ch,
      transparent 0
    )
    63px 75%/100% 1px no-repeat;
  background-color: #fff;
}
.add-physical-card .add-physical-card__text-underline-length--8 > .input__inner-wrapper {
  background: linear-gradient(
      90deg,
      transparent,
      transparent 2ch,
      #000 0,
      #000 5ch,
      transparent 0,
      transparent 5.5ch,
      #000 0,
      #000 9.5ch,
      transparent 0,
      transparent 10ch,
      #000 0,
      #000 13.5ch,
      transparent 0
    )
    63px 75%/100% 1px no-repeat;
  background-color: #fff;
}
.add-physical-card .add-physical-card__text-underline-length--9 > .input__inner-wrapper {
  background: linear-gradient(
      90deg,
      transparent,
      transparent 3ch,
      #000 0,
      #000 5ch,
      transparent 0,
      transparent 5.5ch,
      #000 0,
      #000 9.5ch,
      transparent 0,
      transparent 10ch,
      #000 0,
      #000 13.5ch,
      transparent 0
    )
    63px 75%/100% 1px no-repeat;
  background-color: #fff;
}
.add-physical-card .add-physical-card__text-underline-length--10 > .input__inner-wrapper {
  background: linear-gradient(
      90deg,
      transparent,
      transparent 4ch,
      #000 0,
      #000 5ch,
      transparent 0,
      transparent 5.5ch,
      #000 0,
      #000 9.5ch,
      transparent 0,
      transparent 10ch,
      #000 0,
      #000 13.5ch,
      transparent 0
    )
    63px 75%/100% 1px no-repeat;
  background-color: #fff;
}
.add-physical-card .add-physical-card__text-underline-length--11 > .input__inner-wrapper {
  background: linear-gradient(
      90deg,
      transparent,
      transparent 5ch,
      #000 0,
      #000 5ch,
      transparent 0,
      transparent 5.5ch,
      #000 0,
      #000 9.5ch,
      transparent 0,
      transparent 10ch,
      #000 0,
      #000 13.5ch,
      transparent 0
    )
    63px 75%/100% 1px no-repeat;
  background-color: #fff;
}
.add-physical-card .add-physical-card__text-underline-length--12 > .input__inner-wrapper {
  background: linear-gradient(
      90deg,
      transparent,
      transparent 6ch,
      #000 0,
      #000 5ch,
      transparent 0,
      transparent 5.5ch,
      #000 0,
      #000 9.5ch,
      transparent 0,
      transparent 10ch,
      #000 0,
      #000 13.5ch,
      transparent 0
    )
    63px 75%/100% 1px no-repeat;
  background-color: #fff;
}
.add-physical-card .add-physical-card__text-underline-length--13 > .input__inner-wrapper {
  background: linear-gradient(
      90deg,
      transparent,
      transparent 7ch,
      #000 0,
      #000 5ch,
      transparent 0,
      transparent 5.5ch,
      #000 0,
      #000 9.5ch,
      transparent 0,
      transparent 10ch,
      #000 0,
      #000 13.5ch,
      transparent 0
    )
    63px 75%/100% 1px no-repeat;
  background-color: #fff;
}
.add-physical-card .add-physical-card__text-underline-length--14 > .input__inner-wrapper {
  background: linear-gradient(
      90deg,
      transparent,
      transparent 8ch,
      #000 0,
      #000 5ch,
      transparent 0,
      transparent 5.5ch,
      #000 0,
      #000 9.5ch,
      transparent 0,
      transparent 10ch,
      #000 0,
      #000 13.5ch,
      transparent 0
    )
    63px 75%/100% 1px no-repeat;
  background-color: #fff;
}
.add-physical-card .add-physical-card__text-underline-length--15 > .input__inner-wrapper {
  background: linear-gradient(
      90deg,
      transparent,
      transparent 9ch,
      #000 0,
      #000 5ch,
      transparent 0,
      transparent 5.5ch,
      #000 0,
      #000 9.5ch,
      transparent 0,
      transparent 10ch,
      #000 0,
      #000 13.5ch,
      transparent 0
    )
    63px 75%/100% 1px no-repeat;
  background-color: #fff;
}
.add-physical-card .add-physical-card__text-underline-length--16 > .input__inner-wrapper {
  background: linear-gradient(
      90deg,
      transparent,
      transparent 10ch,
      #000 0,
      #000 5ch,
      transparent 0,
      transparent 5.5ch,
      #000 0,
      #000 9.5ch,
      transparent 0,
      transparent 10ch,
      #000 0,
      #000 13.5ch,
      transparent 0
    )
    63px 75%/100% 1px no-repeat;
  background-color: #fff;
}
.add-physical-card .add-physical-card__text-underline-length--17 > .input__inner-wrapper {
  background: linear-gradient(
      90deg,
      transparent,
      transparent 11ch,
      #000 0,
      #000 5ch,
      transparent 0,
      transparent 5.5ch,
      #000 0,
      #000 9.5ch,
      transparent 0,
      transparent 10ch,
      #000 0,
      #000 13.5ch,
      transparent 0
    )
    63px 75%/100% 1px no-repeat;
  background-color: #fff;
}
.add-physical-card .add-physical-card__text-underline-length--18 > .input__inner-wrapper {
  background: linear-gradient(
      90deg,
      transparent,
      transparent 12ch,
      #000 0,
      #000 5ch,
      transparent 0,
      transparent 5.5ch,
      #000 0,
      #000 9.5ch,
      transparent 0,
      transparent 10ch,
      #000 0,
      #000 13.5ch,
      transparent 0
    )
    63px 75%/100% 1px no-repeat;
  background-color: #fff;
}
.add-physical-card .add-physical-card__text-underline-length--19 > .input__inner-wrapper {
  background: linear-gradient(
      90deg,
      transparent,
      transparent 13ch,
      #000 0,
      #000 5ch,
      transparent 0,
      transparent 5.5ch,
      #000 0,
      #000 9.5ch,
      transparent 0,
      transparent 10ch,
      #000 0,
      #000 13.5ch,
      transparent 0
    )
    63px 75%/100% 1px no-repeat;
  background-color: #fff;
}
.add-physical-card .add-physical-card__text-underline-length--20 .input__inner-wrapper--valid {
  background: #fff;
}
.add-physical-card .input__inner-wrapper--valid {
  background: linear-gradient(
      90deg,
      transparent,
      transparent 0.1ch,
      #000 1ch,
      #000 5ch,
      transparent 0,
      transparent 5.5ch,
      #000 0,
      #000 9.5ch,
      transparent 0,
      transparent 10ch,
      #000 0,
      #000 13.5ch,
      transparent 0
    )
    63px 75%/100% 1px no-repeat;
  background-color: #fff;
  background: #fff;
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-weight: 400;
}
.add-physical-card__birthdate {
  display: flex;
}
@media screen and (min-width: 768px) {
  .add-physical-card__modal {
    height: 162px;
  }
}
.add-physical-card__modal-button {
  margin: 15px 0;
}
.add-physical-card__birthday-info {
  padding: 5px;
}
.add-physical-card__form {
  margin-top: 30px;
}
@media screen and (max-width: 767px) {
  .add-physical-card__form {
    margin-top: 15px;
  }
}
.add-physical-card__form .input__container {
  display: inline-block;
  max-width: 595px;
}
.add-physical-card__form .input__container.add-physical-card__birthdate-field {
  max-width: 565px;
}
.add-physical-card__form .button.button__secondary.add-physical-card__button {
  margin-top: 30px;
}
.add-physical-card__account.modal-overlay__root,
.add-physical-card__login-section.modal-overlay__root {
  height: 100%;
  overflow-y: hidden;
  padding: 0;
}
@media screen and (min-width: 768px) {
  .add-physical-card__account.modal-overlay__root,
  .add-physical-card__login-section.modal-overlay__root {
    background: transparent;
    overflow: hidden;
    padding: 0;
  }
}
.add-physical-card__account [data-rsbs-overlay],
.add-physical-card__login-section [data-rsbs-overlay] {
  height: auto;
}
.add-physical-card__account-button.button__primary,
.add-physical-card__login-section-button.button__primary {
  margin-bottom: 0;
  margin-top: 8px;
  width: 100%;
}
.add-physical-card__account .add-physical-card,
.add-physical-card__login-section .add-physical-card {
  background: #fff;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  margin-bottom: 0;
  padding: 0;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .add-physical-card__account .add-physical-card,
  .add-physical-card__login-section .add-physical-card {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    padding: 16px 16px 20px;
    position: static;
  }
}
.add-physical-card__account .add-physical-card__content,
.add-physical-card__login-section .add-physical-card__content {
  display: flex;
  height: 100%;
  overflow-y: auto;
  padding: 16px 16px 6px;
}
@media screen and (min-width: 768px) {
  .add-physical-card__account .add-physical-card__content,
  .add-physical-card__login-section .add-physical-card__content {
    padding: 0;
  }
}
.add-physical-card__account .add-physical-card__content-wrapper,
.add-physical-card__login-section .add-physical-card__content-wrapper {
  display: block;
  overflow-x: scroll;
  overflow-y: auto;
  scrollbar-width: none;
  width: 100%;
}
.add-physical-card__account .add-physical-card__content-wrapper::-webkit-scrollbar,
.add-physical-card__login-section .add-physical-card__content-wrapper::-webkit-scrollbar {
  display: none;
}
.add-physical-card__account .birthday-tooltip__form-backdrop--cards-section,
.add-physical-card__login-section .birthday-tooltip__form-backdrop--cards-section {
  height: 100%;
}
.add-physical-card__account .modal-overlay__display .add-physical-card__form,
.add-physical-card__login-section .modal-overlay__display .add-physical-card__form {
  padding-bottom: 64px;
}
@media screen and (min-width: 768px) {
  .add-physical-card__account .modal-overlay__display .add-physical-card__form,
  .add-physical-card__login-section .modal-overlay__display .add-physical-card__form {
    padding-bottom: 0;
  }
}
@media screen and (max-width: 767px) {
  .add-physical-card__account .modal-overlay__display .add-physical-card__form .input__container,
  .add-physical-card__login-section .modal-overlay__display .add-physical-card__form .input__container {
    max-width: 100%;
  }
}
.add-physical-card__info {
  display: block;
  margin-bottom: 30px;
}
@media screen and (min-width: 768px) {
  .add-physical-card__info {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 1024px) {
  .add-physical-card__info {
    max-width: 595px;
  }
}
.add-physical-card__button {
  display: block;
}
@media screen and (min-width: 320px) {
  .add-physical-card__button {
    max-width: 320px;
  }
}
@media screen and (min-width: 1024px) {
  .add-physical-card__button {
    max-width: 250px;
  }
}
.add-physical-card__button.button__secondary {
  margin-bottom: 0;
}
.add-physical-card__success {
  margin-top: 15px;
}
.add-physical-card__card-img {
  margin: 0 auto 13px;
}
.add-physical-card__errors {
  margin: 10px 0;
}
@media screen and (min-width: 768px) {
  .add-physical-card__errors {
    margin-bottom: -15px;
  }
}
.add-physical-card__add-card-symbol {
  margin-right: 10px;
}
@media screen and (max-width: 767px) {
  .add-physical-card__account.modal-overlay__root {
    max-height: 460px;
  }
}
.add-physical-card__modal-header .modal-header__title-container {
  height: unset;
}
.add-physical-card__modal-header .modal-header__title {
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 18px;
  font-weight: 400;
  letter-spacing: 0.5px;
  line-height: 120%;
  margin-bottom: 8px;
  padding: 0;
  text-align: left;
  text-transform: uppercase;
}
@media screen and (max-width: 767px) {
  .add-physical-card__modal-header .modal-header__title {
    font-family:
      Avenir Next,
      Helvetica Neue,
      Helvetica,
      Arial,
      sans-serif;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0.5px;
    line-height: 120%;
    text-transform: uppercase;
  }
}
.platform-app .add-physical-card__add-card-button {
  color: var(--color-brand-original);
  margin-bottom: 20px;
  text-decoration: none;
}
.platform-app .add-physical-card__add-card-button .add-physical-card__add-card-symbol {
  color: var(--color-brand-original);
}
.modal-overlay__root.add-physical-card__account,
.modal-overlay__root.add-physical-card__login-section {
  z-index: 9999;
}
.password-hint {
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 150%;
  padding-top: 10px;
}
.password-hint__wrapper {
  display: inline-flex;
}
.password-hint__icon {
  height: 12px;
  margin-right: 8px;
  width: 12px;
}
.password-hint__icon--error {
  color: #e6373c;
}
.password-hint__icon--success {
  color: #5fc33c;
}
.password-hint--error {
  color: #e6373c;
}
.password-hint--success {
  color: #5fc33c;
}
.password-hint-list {
  margin: 0 0 15px;
}
.password-hint-list__title {
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-weight: 500;
  margin-top: 10px;
}
@media screen and (min-width: 1024px) {
  .password-hint-list__hints {
    -ms-grid-columns: 1fr 1fr;
    display: -ms-grid;
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
  .password-hint-list__hints li:nth-child(2) {
    order: 2;
  }
  .password-hint-list__hints li:nth-child(3) {
    order: 4;
  }
  .password-hint-list__hints li:nth-child(4) {
    order: 1;
  }
  .password-hint-list__hints li:nth-child(5) {
    order: 3;
  }
}
.password-input {
  position: relative;
}
.password-input__inner-wrapper {
  margin-bottom: 25px;
}
.password-input--error .password-input__inner-wrapper {
  margin-bottom: 0;
}
.password-input--error .input__input:focus {
  border-color: #e6373c;
}
.password-input--error .input__validation-icon {
  position: absolute;
  right: 18px;
  top: 18px;
}
.password-input--error .input__element--right {
  right: 48px;
}
.password-input .input__input:focus {
  border-color: var(--color-brand-input-text-focus);
}
.password-input .input__hint {
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 150%;
  padding: 5px 0;
  position: absolute;
  right: 0;
  transform: translateY(-25px);
}
.password-input .input__error {
  padding: 5px 0 0;
}
@media screen and (max-width: 1023px) {
  .password-input .input__error {
    max-width: 70%;
  }
}
:export {
  transitionInteractionLong: 0.83s;
  transitionInteractionShort: 0.33s;
  transitionDurationModal: 0.35s;
}
.sign-up-overlay-modal.modal-overlay__general {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  padding: 16px;
}
.sign-up-overlay-modal .modal-overlay__display {
  height: 100%;
}
.sign-up-overlay-modal .social-login {
  border-top: none;
  margin: 30px 0 0;
  padding: 0;
}
.sign-up-overlay__header {
  margin-bottom: 32px;
}
.sign-up-overlay__header .modal-header__subtitle {
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 110%;
  margin: 0;
  text-align: left;
}
@media screen and (min-width: 768px) {
  .sign-up-overlay__header .modal-header__subtitle {
    padding-top: 16px;
  }
}
.sign-up-overlay__title {
  border-top: 1px solid #e6e6e6;
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 110%;
  margin: 30px 0 0;
  padding: 30px 0;
}
.sign-up-overlay__registration {
  animation: fadeIn 0.33s;
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.ui-grid {
  -ms-grid-columns: ([col-start] 1fr) [12];
  display: -ms-grid;
  display: grid;
  gap: 2px;
  grid-template-columns: repeat(12, [col-start] 1fr);
  width: auto;
}
.ui-col-1 {
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
}
.ui-col-2 {
  -ms-grid-column-span: 2;
  grid-column-end: span 2;
}
.ui-col-3 {
  -ms-grid-column-span: 3;
  grid-column-end: span 3;
}
.ui-col-4 {
  -ms-grid-column-span: 4;
  grid-column-end: span 4;
}
.ui-col-5 {
  -ms-grid-column-span: 5;
  grid-column-end: span 5;
}
.ui-col-6 {
  -ms-grid-column-span: 6;
  grid-column-end: span 6;
}
.ui-col-7 {
  -ms-grid-column-span: 7;
  grid-column-end: span 7;
}
.ui-col-8 {
  -ms-grid-column-span: 8;
  grid-column-end: span 8;
}
.ui-col-9 {
  -ms-grid-column-span: 9;
  grid-column-end: span 9;
}
.ui-col-10 {
  -ms-grid-column-span: 10;
  grid-column-end: span 10;
}
.ui-col-11 {
  -ms-grid-column-span: 11;
  grid-column-end: span 11;
}
.ui-col-12 {
  -ms-grid-column-span: 12;
  grid-column-end: span 12;
}
@media screen and (min-width: 768px) and (max-width: 1757px) {
  .ui-col-lg-1 {
    -ms-grid-column-span: 1;
    grid-column-end: span 1;
  }
  .ui-col-lg-2 {
    -ms-grid-column-span: 2;
    grid-column-end: span 2;
  }
  .ui-col-lg-3 {
    -ms-grid-column-span: 3;
    grid-column-end: span 3;
  }
  .ui-col-lg-4 {
    -ms-grid-column-span: 4;
    grid-column-end: span 4;
  }
  .ui-col-lg-5 {
    -ms-grid-column-span: 5;
    grid-column-end: span 5;
  }
  .ui-col-lg-6 {
    -ms-grid-column-span: 6;
    grid-column-end: span 6;
  }
  .ui-col-lg-7 {
    -ms-grid-column-span: 7;
    grid-column-end: span 7;
  }
  .ui-col-lg-8 {
    -ms-grid-column-span: 8;
    grid-column-end: span 8;
  }
  .ui-col-lg-9 {
    -ms-grid-column-span: 9;
    grid-column-end: span 9;
  }
  .ui-col-lg-10 {
    -ms-grid-column-span: 10;
    grid-column-end: span 10;
  }
  .ui-col-lg-11 {
    -ms-grid-column-span: 11;
    grid-column-end: span 11;
  }
  .ui-col-lg-12 {
    -ms-grid-column-span: 12;
    grid-column-end: span 12;
  }
}
@media screen and (min-width: 1758px) {
  .ui-col-xl-1 {
    -ms-grid-column-span: 1;
    grid-column-end: span 1;
  }
  .ui-col-xl-2 {
    -ms-grid-column-span: 2;
    grid-column-end: span 2;
  }
  .ui-col-xl-3 {
    -ms-grid-column-span: 3;
    grid-column-end: span 3;
  }
  .ui-col-xl-4 {
    -ms-grid-column-span: 4;
    grid-column-end: span 4;
  }
  .ui-col-xl-5 {
    -ms-grid-column-span: 5;
    grid-column-end: span 5;
  }
  .ui-col-xl-6 {
    -ms-grid-column-span: 6;
    grid-column-end: span 6;
  }
  .ui-col-xl-7 {
    -ms-grid-column-span: 7;
    grid-column-end: span 7;
  }
  .ui-col-xl-8 {
    -ms-grid-column-span: 8;
    grid-column-end: span 8;
  }
  .ui-col-xl-9 {
    -ms-grid-column-span: 9;
    grid-column-end: span 9;
  }
  .ui-col-xl-10 {
    -ms-grid-column-span: 10;
    grid-column-end: span 10;
  }
  .ui-col-xl-11 {
    -ms-grid-column-span: 11;
    grid-column-end: span 11;
  }
  .ui-col-xl-12 {
    -ms-grid-column-span: 12;
    grid-column-end: span 12;
  }
}
.ui-container {
  margin: auto;
  max-width: 1726px;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .ui-margin-sm {
    margin-left: 16px;
    margin-right: 16px;
    width: calc(100% - 32px);
  }
}
@media screen and (min-width: 768px) and (max-width: 1757px) {
  .ui-margin-lg {
    width: 100%;
  }
}
@media screen and (min-width: 1758px) {
  .ui-margin-xl {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
}
.data-client-devtools {
  position: fixed;
  right: 0;
  z-index: 1;
}
.data-client-devtools__left {
  right: 0;
  top: 0;
  width: 0;
}
.data-client-devtools__bottom {
  bottom: 0;
  width: 100%;
}
.data-client-devtools__show-btn {
  cursor: pointer;
  opacity: 0.4;
  position: absolute;
  transition: all 0.25s;
  width: 18px;
}
.data-client-devtools__show-btn--left {
  right: -100%;
  top: 50%;
  transform: scale(1) translateY(-50%);
}
.data-client-devtools__show-btn--bottom {
  background-color: #fff;
  border: 1px solid #000;
  border-radius: 10px;
  bottom: 15px;
  height: 30px;
  padding: 5px;
  right: 25px;
  transform: scale(1.5) rotate(90deg);
  width: 20px;
  z-index: 99999999;
}
.data-client-devtools__show-btn--left:hover {
  opacity: 1;
  transform: scale(2) translate(-5px, -30%);
}
.data-client-devtools__show-btn--bottom:hover {
  opacity: 1;
  transform: scale(2) rotate(90deg);
}
.data-client-devtools__overlay--left-enter {
  opacity: 0;
  transform: translateX(100%);
}
.data-client-devtools__overlay--bottom-enter {
  opacity: 0;
  transform: translateY(100%);
}
.data-client-devtools__overlay--left-enter-active,
.data-client-devtools__overlay--left-enter-done {
  opacity: 1;
  transform: translateX(-100%);
  transition:
    transform 0.5s ease-out,
    opacity 0.3s ease-out 0.1s;
}
.data-client-devtools__overlay--bottom-enter-active,
.data-client-devtools__overlay--bottom-enter-done {
  opacity: 1;
  transform: translateY(0);
  transition:
    transform 0.5s ease-out,
    opacity 0.3s ease-out 0.1s;
}
.data-client-devtools__overlay--left-exit {
  opacity: 1;
  transform: translateX(100%);
}
.data-client-devtools__overlay--left-exit-active {
  opacity: 0;
  transform: translateX(100%);
  transition:
    transform 0.3s ease-in,
    opacity 0.25s ease-in 50ms;
}
.data-client-devtools__overlay--bottom-exit {
  opacity: 1;
  transform: translateY(0);
}
.data-client-devtools__overlay--bottom-exit-active {
  opacity: 0;
  transform: translateY(100%);
  transition:
    transform 0.3s ease-in,
    opacity 0.25s ease-in 50ms;
}
.data-client-dt {
  background-color: #282c34;
  color: #61dafb;
  font-size: 12px;
  position: absolute;
}
.data-client-dt__left {
  height: 100%;
  width: 600px;
}
.data-client-dt__bottom,
.data-client-dt__left {
  -ms-grid-columns: 40% 60%;
  display: -ms-grid;
  display: grid;
  grid-template-columns: 40% 60%;
}
.data-client-dt__bottom {
  bottom: 0;
  height: 600px;
  width: 100%;
}
.data-client-dt__hide-btn {
  height: 15px;
  position: absolute;
  right: 20px;
  top: 10px;
  width: 15px;
}
.data-client-dt__hide-btn svg {
  fill: #fff;
}
.data-client-dt__hide-btn svg:hover {
  stroke: #fff;
}
.data-client-dt__column {
  border-left: 1px solid gray;
  max-height: 100%;
  overflow-y: hidden;
  padding: 10px;
}
.data-client-dt__column--left {
  overflow-y: auto;
}
.data-client-dt__column--right {
  display: -ms-grid;
  display: grid;
  padding: 40px 0 0;
}
.data-client-dt__row {
  border-bottom: 1px solid gray;
  overflow-y: auto;
  padding: 0 10px 10px;
}
.data-client-dt h4 {
  color: #efefef;
  font-size: 14px;
  margin-top: 0;
  text-align: center;
}
.data-client-dt h6 {
  font-size: 0.83em;
}
.fields__placeholder {
  height: 100%;
}
.fields__placeholder-title {
  color: #c5c5c5;
  font-size: 13px;
  font-style: italic;
  font-weight: 300;
  margin-top: 50px;
  text-align: center;
}
.fields__values-wrapper {
  align-items: center;
  display: flex;
}
.fields__values-wrapper:nth-of-type(2n) {
  background-color: #2e323c;
}
.fields__list .fields__list {
  padding-left: 15px;
}
.fields__list .fields__values-wrapper {
  padding-left: 20px;
}
.fields__list-title {
  color: #4493a9;
  font-size: 13px;
  font-weight: 600;
  line-height: 24px;
}
.fields__name {
  flex-shrink: 0;
  margin-right: 5px;
}
.fields__value {
  flex: 1 1;
  font-size: 13px;
  font-weight: 600;
  min-width: 0;
}
.fields__value:not(.fields__value--wrapLine) {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.fields__value--wrapLine {
  overflow-wrap: break-word;
}
.fields__value--done,
.fields__value--valid {
  color: #00b900;
}
.fields__value--prefetched {
  color: #8a8a8a;
}
.fields__value--fetching {
  color: #9b9bff;
}
.fields__value--stale {
  color: #ffb815;
}
.fields__value--expired {
  color: #bb1010;
}
.fields__value--unknown {
  color: #8a8a8a;
}
.fields__details {
  flex-shrink: 0;
  height: 15px;
  margin-left: 5px;
  width: 15px;
}
.field-details {
  min-height: 150px;
}
.field-details__title {
  margin: 0;
  text-align: center;
}
.field-details__name {
  display: block;
  font-size: 13px;
  font-weight: 300;
  overflow-wrap: break-word;
  text-align: center;
  text-decoration: underline;
}
.field-details__button-wrapper {
  flex: 1 1;
  margin-bottom: 10px;
}
.field-details__button {
  background-color: gray;
  border-radius: 3px;
  padding: 5px 10px;
}
.field-details__button:hover {
  background-color: #d3d3d3;
  border-radius: 3px;
  padding: 5px 10px;
}
.field-details__red {
  background-color: red;
}
.field-details__red:hover {
  background-color: darkred;
}
.field-details__blue {
  background-color: #00bfff;
}
.field-details__blue:hover {
  background-color: #1e90ff;
}
.field-details__orange {
  background-color: orange;
}
.field-details__orange:hover {
  background-color: #ff8c00;
}
.field-details__button:not(:first-of-type) {
  margin-left: 10px;
}
.field-details__content {
  display: -ms-grid;
  display: grid;
  margin-top: 1.33em;
}
.field-details__info {
  -ms-grid-columns: auto 60%;
  -webkit-column-gap: 10px;
  -moz-column-gap: 10px;
  column-gap: 10px;
  display: -ms-grid;
  display: grid;
  grid-template-columns: auto 60%;
  justify-content: start;
  text-align: right;
}
.field-details__info span {
  text-align: left;
}
.statistics__title {
  margin: 0;
  text-align: center;
}
.statistics__content {
  align-content: center;
  align-items: center;
  display: flex;
  flex-direction: row;
  margin-top: 1.33em;
}
.statistics__button-wrapper {
  display: flex;
  flex: 1 1;
  justify-content: flex-end;
}
.statistics__button {
  background-color: gray;
  border-radius: 3px;
  padding: 5px 10px;
}
.statistics__info {
  padding-right: 10px;
}
.statistics__info span {
  text-align: left;
}
.container {
  margin-left: auto;
  margin-right: auto;
  min-height: 1px;
  padding-left: 13px;
  padding-right: 13px;
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .container {
    padding-left: 35px;
    padding-right: 35px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .container {
    padding-left: 27px;
    padding-right: 27px;
  }
}
@media (min-width: 320px) {
  .container {
    max-width: 767px;
  }
}
@media (min-width: 768px) {
  .container {
    max-width: 1023px;
  }
}
@media (min-width: 1024px) {
  .container {
    max-width: 1279px;
  }
}
@media (min-width: 1280px) {
  .container {
    max-width: 1400px;
  }
}
.container--collapsible {
  min-height: 0;
}
.container-fluid {
  margin-left: auto;
  margin-right: auto;
  min-height: 1px;
  padding-left: 13px;
  padding-right: 13px;
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .container-fluid {
    padding-left: 35px;
    padding-right: 35px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .container-fluid {
    padding-left: 27px;
    padding-right: 27px;
  }
}
.row {
  display: flex;
  flex-wrap: wrap;
  margin-left: -13px;
  margin-right: -13px;
}
@media screen and (min-width: 768px) {
  .row {
    margin-left: -15px;
    margin-right: -15px;
  }
}
.no-gutters {
  margin-left: 0;
  margin-right: 0;
}
.no-gutters > .col,
.no-gutters > [class*='col-'] {
  padding-left: 0;
  padding-right: 0;
}
.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto {
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
  width: 100%;
}
.col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
.col-auto {
  flex: 0 0 auto;
  max-width: none;
  width: auto;
}
.col-1 {
  flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%;
}
.col-2 {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}
.col-3 {
  flex: 0 0 25%;
  max-width: 25%;
}
.col-4 {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}
.col-5 {
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
}
.col-6 {
  flex: 0 0 50%;
  max-width: 50%;
}
.col-7 {
  flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%;
}
.col-8 {
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}
.col-9 {
  flex: 0 0 75%;
  max-width: 75%;
}
.col-10 {
  flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
}
.col-11 {
  flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%;
}
.col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}
.order-first {
  order: -1;
}
.order-last {
  order: 13;
}
.order-0 {
  order: 0;
}
.order-1 {
  order: 1;
}
.order-2 {
  order: 2;
}
.order-3 {
  order: 3;
}
.order-4 {
  order: 4;
}
.order-5 {
  order: 5;
}
.order-6 {
  order: 6;
}
.order-7 {
  order: 7;
}
.order-8 {
  order: 8;
}
.order-9 {
  order: 9;
}
.order-10 {
  order: 10;
}
.order-11 {
  order: 11;
}
.order-12 {
  order: 12;
}
.offset-1 {
  margin-left: 8.3333333333%;
}
.offset-2 {
  margin-left: 16.6666666667%;
}
.offset-3 {
  margin-left: 25%;
}
.offset-4 {
  margin-left: 33.3333333333%;
}
.offset-5 {
  margin-left: 41.6666666667%;
}
.offset-6 {
  margin-left: 50%;
}
.offset-7 {
  margin-left: 58.3333333333%;
}
.offset-8 {
  margin-left: 66.6666666667%;
}
.offset-9 {
  margin-left: 75%;
}
.offset-10 {
  margin-left: 83.3333333333%;
}
.offset-11 {
  margin-left: 91.6666666667%;
}
@media (min-width: 320px) {
  .col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-sm-auto {
    flex: 0 0 auto;
    max-width: none;
    width: auto;
  }
  .col-sm-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-sm-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-sm-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-sm-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-sm-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-sm-first {
    order: -1;
  }
  .order-sm-last {
    order: 13;
  }
  .order-sm-0 {
    order: 0;
  }
  .order-sm-1 {
    order: 1;
  }
  .order-sm-2 {
    order: 2;
  }
  .order-sm-3 {
    order: 3;
  }
  .order-sm-4 {
    order: 4;
  }
  .order-sm-5 {
    order: 5;
  }
  .order-sm-6 {
    order: 6;
  }
  .order-sm-7 {
    order: 7;
  }
  .order-sm-8 {
    order: 8;
  }
  .order-sm-9 {
    order: 9;
  }
  .order-sm-10 {
    order: 10;
  }
  .order-sm-11 {
    order: 11;
  }
  .order-sm-12 {
    order: 12;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.3333333333%;
  }
  .offset-sm-2 {
    margin-left: 16.6666666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.3333333333%;
  }
  .offset-sm-5 {
    margin-left: 41.6666666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.3333333333%;
  }
  .offset-sm-8 {
    margin-left: 66.6666666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.3333333333%;
  }
  .offset-sm-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 768px) {
  .col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    max-width: none;
    width: auto;
  }
  .col-md-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-md-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-md-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-md-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-md-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-md-first {
    order: -1;
  }
  .order-md-last {
    order: 13;
  }
  .order-md-0 {
    order: 0;
  }
  .order-md-1 {
    order: 1;
  }
  .order-md-2 {
    order: 2;
  }
  .order-md-3 {
    order: 3;
  }
  .order-md-4 {
    order: 4;
  }
  .order-md-5 {
    order: 5;
  }
  .order-md-6 {
    order: 6;
  }
  .order-md-7 {
    order: 7;
  }
  .order-md-8 {
    order: 8;
  }
  .order-md-9 {
    order: 9;
  }
  .order-md-10 {
    order: 10;
  }
  .order-md-11 {
    order: 11;
  }
  .order-md-12 {
    order: 12;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.3333333333%;
  }
  .offset-md-2 {
    margin-left: 16.6666666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.3333333333%;
  }
  .offset-md-5 {
    margin-left: 41.6666666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.3333333333%;
  }
  .offset-md-8 {
    margin-left: 66.6666666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.3333333333%;
  }
  .offset-md-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 1024px) {
  .col-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    max-width: none;
    width: auto;
  }
  .col-lg-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-lg-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-lg-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-lg-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-lg-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-lg-first {
    order: -1;
  }
  .order-lg-last {
    order: 13;
  }
  .order-lg-0 {
    order: 0;
  }
  .order-lg-1 {
    order: 1;
  }
  .order-lg-2 {
    order: 2;
  }
  .order-lg-3 {
    order: 3;
  }
  .order-lg-4 {
    order: 4;
  }
  .order-lg-5 {
    order: 5;
  }
  .order-lg-6 {
    order: 6;
  }
  .order-lg-7 {
    order: 7;
  }
  .order-lg-8 {
    order: 8;
  }
  .order-lg-9 {
    order: 9;
  }
  .order-lg-10 {
    order: 10;
  }
  .order-lg-11 {
    order: 11;
  }
  .order-lg-12 {
    order: 12;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.3333333333%;
  }
  .offset-lg-2 {
    margin-left: 16.6666666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.3333333333%;
  }
  .offset-lg-5 {
    margin-left: 41.6666666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.3333333333%;
  }
  .offset-lg-8 {
    margin-left: 66.6666666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.3333333333%;
  }
  .offset-lg-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 1280px) {
  .col-xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    max-width: none;
    width: auto;
  }
  .col-xl-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-xl-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-xl-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-xl-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-xl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-xl-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-xl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-xl-first {
    order: -1;
  }
  .order-xl-last {
    order: 13;
  }
  .order-xl-0 {
    order: 0;
  }
  .order-xl-1 {
    order: 1;
  }
  .order-xl-2 {
    order: 2;
  }
  .order-xl-3 {
    order: 3;
  }
  .order-xl-4 {
    order: 4;
  }
  .order-xl-5 {
    order: 5;
  }
  .order-xl-6 {
    order: 6;
  }
  .order-xl-7 {
    order: 7;
  }
  .order-xl-8 {
    order: 8;
  }
  .order-xl-9 {
    order: 9;
  }
  .order-xl-10 {
    order: 10;
  }
  .order-xl-11 {
    order: 11;
  }
  .order-xl-12 {
    order: 12;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.3333333333%;
  }
  .offset-xl-2 {
    margin-left: 16.6666666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.3333333333%;
  }
  .offset-xl-5 {
    margin-left: 41.6666666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.3333333333%;
  }
  .offset-xl-8 {
    margin-left: 66.6666666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.3333333333%;
  }
  .offset-xl-11 {
    margin-left: 91.6666666667%;
  }
}
body,
html {
  border: 0;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
}
html {
  background-color: #fff;
  box-sizing: border-box;
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 110%;
  overflow: visible;
}
body {
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  text-size-adjust: 100%;
  background-color: transparent;
  cursor: auto;
}
*,
:after,
:before {
  box-sizing: inherit;
}
button {
  background: transparent;
  border: none;
  cursor: pointer;
  margin: 0;
  padding: 0;
}
button:focus {
  outline: none;
}
p {
  margin: 0;
}
p + p {
  margin-top: 1em;
}
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#app {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
.u-icon-source,
.u-icon-sprite {
  clip: rect(0 0 0 0);
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.visible {
  display: block;
}
@media screen and (max-width: 1023px) {
  body {
    overflow-x: hidden;
  }
  .no-mobile-scroll,
  body.mobile-menu-is-open {
    overflow: hidden;
  }
}
@font-face {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-display: swap;
  font-family: Avenir Next;
  font-style: normal;
  font-weight: 300;
  src:
    local('AvenirNext-Thin'),
    url(../public/AvenirNextThin_normal_normal.a482bb6ae6b8fef3..woff2) format('woff2'),
    url(../public/AvenirNextThin_normal_normal.ed77d7a68b4c3b02..woff) format('woff');
}
@font-face {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-display: swap;
  font-family: Avenir Next;
  font-style: normal;
  font-weight: 400;
  src:
    local('AvenirNext-Regular'),
    url(../public/483d8937-5e17-4378-9c51-aa91a3d9e1eb.c07e0c252544d2f1..eot),
    url(../public/483d8937-5e17-4378-9c51-aa91a3d9e1eb.c07e0c252544d2f1..eot?#iefix) format('eot'),
    url(../public/ed4b9060-b5ab-4379-8840-0b50a15258b7.7e5c79e266414efe..woff2) format('woff2'),
    url(../public/9b47db0b-77fb-4bb0-b5c2-3c131a36fc4d.b5c681f4c1f4e2b0..woff) format('woff'),
    url(../public/9c8b7e5f-b3ca-435d-a197-b3dfeae277a1.4514500ab35f54c6..ttf) format('truetype'),
    url(../public/0f72ee75-31c8-42ba-b262-3e13b83a8fdf.f7a8aeb7a1374ce6..svg#0f72ee75-31c8-42ba-b262-3e13b83a8fdf)
      format('svg');
}
@font-face {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-display: swap;
  font-family: Avenir Next;
  font-style: normal;
  font-weight: 500;
  src:
    local('AvenirNext-Medium'),
    url(../public/AvenirNextMedium_normal_normal.82731da49d085822..woff2),
    url(../public/AvenirNextMedium_normal_normal.82731da49d085822..woff2) format('woff2'),
    url(../public/AvenirNextMedium_normal_normal.c74a44d406388036..woff) format('woff');
}
@font-face {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-display: swap;
  font-family: Avenir Next;
  font-style: normal;
  font-weight: 600;
  src:
    local('AvenirNext-DemiBold'),
    url(../public/47d79f32-82c5-4a74-9646-5150297aabc1.5db94c8fde2bc8f7..eot),
    url(../public/47d79f32-82c5-4a74-9646-5150297aabc1.5db94c8fde2bc8f7..eot?#iefix) format('eot'),
    url(../public/249228f0-61ac-40cc-a5a5-5609c9816e3f.ea4a1b4987a92e9f..woff2) format('woff2'),
    url(../public/efba18ed-80cc-49c4-997a-fbb140739d19.dcb16896348d9f00..woff) format('woff'),
    url(../public/750a20ec-9242-42a8-b3bd-c4dcec552196.062e294631257a55..ttf) format('truetype'),
    url(../public/9505c912-495c-462c-899a-e61574ee9559.be08660d1f03c645..svg#9505c912-495c-462c-899a-e61574ee9559)
      format('svg');
}
@font-face {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-display: swap;
  font-family: Avenir Next;
  font-style: normal;
  font-weight: 700;
  src:
    local('AvenirNext-Bold'),
    url(../public/6ff8ab07-ccb4-4a91-8f0f-2bd4367902e8.1852e355a1a6080d..eot),
    url(../public/6ff8ab07-ccb4-4a91-8f0f-2bd4367902e8.1852e355a1a6080d..eot?#iefix) format('eot'),
    url(../public/91799b0e-0ef8-446e-b274-5509412e1242.0e8e10f182a436c2..woff2) format('woff2'),
    url(../public/97fb5311-bdbd-46bc-bf69-3bcf8c744cda.d107483b56510ed9..woff) format('woff'),
    url(../public/88093bd3-b377-4278-8abe-8460dd24d0e8.95030fc594810728..ttf) format('truetype'),
    url(../public/0fde1539-69df-4e3d-83ef-ae23d10dd2a5.b170616d041e0af9..svg#0fde1539-69df-4e3d-83ef-ae23d10dd2a5)
      format('svg');
}
@font-face {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-display: swap;
  font-family: Zahrah;
  font-style: normal;
  font-weight: 600;
  src:
    local('Zahrah'),
    url(../public/ZahrahforDouglasW04-SmBd.e2de1547a3f2bd1d..eot),
    url(../public/ZahrahforDouglasW04-SmBd.e2de1547a3f2bd1d..eot?#iefix) format('eot'),
    url(../public/ZahrahforDouglasW04-SmBd.c5c44c35c8894656..woff2) format('woff2'),
    url(../public/ZahrahforDouglasW04-SmBd.2b6b49a86b201fa5..woff) format('woff'),
    url(../public/ZahrahforDouglasW04-SmBd.2ded78f7a1938abf..ttf) format('truetype');
}
body {
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 150%;
}
b,
strong {
  font-weight: 500;
}
h1 {
  font-size: 32px;
}
h1,
h2 {
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-weight: 400;
  letter-spacing: 0.5px;
  line-height: 120%;
  text-transform: uppercase;
}
h2 {
  font-size: 24px;
}
h3 {
  font-size: 18px;
}
h3,
h4 {
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-weight: 400;
  letter-spacing: 0.5px;
  line-height: 120%;
  text-transform: uppercase;
}
h4 {
  font-size: 12px;
}
h5 {
  font-size: 10px;
  font-weight: 400;
  letter-spacing: 0.5px;
  line-height: 120%;
}
h5,
h6 {
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  text-transform: uppercase;
}
h6 {
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 1.5px;
  line-height: 100%;
}
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.text-justify {
  text-align: justify;
}
.text-start {
  text-align: start;
}
.text-end {
  text-align: end;
}
.visually-hidden {
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}
.visually-hidden:focus {
  clip: auto;
  height: auto;
  overflow: auto;
  position: absolute;
  width: auto;
}
:export {
  mobileMax: 767px;
  tabletMax: 1023px;
  desktopMax: 1279px;
  largeMax: 1400px;
}
.cms-component.cms-component__margin.cms-component.cms-component__margin--zero {
  margin-bottom: 0;
}
.cms-component.cms-component__margin.cms-component.cms-component__margin--small {
  margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
  .cms-component.cms-component__margin.cms-component.cms-component__margin--small {
    margin-bottom: 15px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .cms-component.cms-component__margin.cms-component.cms-component__margin--small {
    margin-bottom: 20px;
  }
}
.cms-component.cms-component__margin.cms-component.cms-component__margin--medium {
  margin-bottom: 60px;
}
@media screen and (max-width: 767px) {
  .cms-component.cms-component__margin.cms-component.cms-component__margin--medium {
    margin-bottom: 30px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .cms-component.cms-component__margin.cms-component.cms-component__margin--medium {
    margin-bottom: 45px;
  }
}
.cms-component.cms-component__margin.cms-component.cms-component__margin--big {
  margin-bottom: 90px;
}
@media screen and (max-width: 767px) {
  .cms-component.cms-component__margin.cms-component.cms-component__margin--big {
    margin-bottom: 60px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .cms-component.cms-component__margin.cms-component.cms-component__margin--big {
    margin-bottom: 75px;
  }
}
: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;
}
.cms-component__placeholder {
  align-items: center;
  background-color: #bfbfbf;
  color: #fff;
  display: flex;
  height: 100px;
  justify-content: center;
  margin-bottom: 50px;
  margin-top: 20px;
}
:root {
  --color-brand-original: #3cbeaf;
  --color-brand-bright: #9bdcd2;
  --color-brand-medium: #c3eae4;
  --color-brand-light: #e6f6f4;
  --color-button-primary: #212121;
  --color-button-primary-hover: #000;
  --color-button-primary-active: #212121;
  --color-button-primary-focus: #212121;
  --color-button-primary-focus-outline: rgba(#212121 0.2);
  --color-brand-input-text-focus: #3cbeaf;
  --color-sale-red: #ac145a;
  --info-bar-background: var(--color-brand-medium);
  --color-nav-mobile-background: var(--color-brand-light);
  --color-nav-mobile-constant-background: var(--color-brand-medium);
  --color-rating-star: #212121;
}

.product--box {
  position: relative;
  padding: 0rem 0rem 1.25rem 0rem;
  border: none;
  border-radius: 0;
}

.product--box a:hover {
  text-decoration: none;
}

.product--box .box--content {
  padding: 0.625rem 0.625rem 0.625rem 0.625rem;
  text-decoration: none;
}

.product--box .product--link {
  display: block;
  height: 100%;
}

.product--box .product--wish {
  top: 1rem;
  right: 0.875rem;
  position: absolute;
  z-index: 750;
}

.product--box .product--wish .product--text {
  display: none;
}

.product--box .product--wish .wish--link {
  color: #3cbeaf;
}

.product--box .product--wish .wish--element {
  font-size: 1.875rem;
  padding: 0.625rem 0.625rem 0.625rem 0.625rem;
}

.product--box .product--badges {
  top: 0.5rem;
  left: 0.5rem;
  position: absolute;
  z-index: 750;
}

.product--box .product--badges .product--badge {
  padding: 0.1875rem 0.625rem 0.1875rem 0.625rem;
  margin: 0rem 0.3125rem 0.3125rem 0rem;
  font-size: 0.625rem;
  line-height: 2.3125rem;
  height: 2.25rem;
  width: 2.25rem;
  padding: 0;
  border-radius: 50%;
  display: inline-block;
  float: none;
  position: relative;
  text-align: center;
  font-weight: 700;
  clear: both;
}

.product--box .product--badges .badge--discount {
  color: #fff;
  background: #ac145a;
}

.product--box .product--badges .badge--discount.badge--discount--no-text {
  font-size: 1rem;
}

.product--box .product--badges .badge--recommend {
  color: #000;
  background: #c3eae4;
}

.product--box .product--badges .badge--newcomer {
  color: #fff;
  background: #000;
}

.product--box .product--badges .badge--esd {
  background: #4aa3df;
  color: #fff;
}

.product--box .product--info {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  align-content: flex-start;
  text-align: left;
  width: 100%;
  height: 100%;
  font-size: 0.625rem;
}

.product--box .product--info > * {
  flex-shrink: 0;
  flex-grow: 0;
  align-self: auto;
  text-align: inherit;
}

.product--box .product--image {
  order: 0;
  height: auto;
  margin: 0;
  position: relative;
  text-align: center;
  width: 100%;
  font-size: 0;
  line-height: 0;
}

body.is--ctl-search .product--box .product--image,
body.is--ctl-listing.is--no-sidebar .product--box .product--image {
  height: auto;
}

.product--box .product--image .image--element {
  position: relative;
  padding-top: 100%;
  height: 0;
}

.product--box .product--image .image--element img {
  transition: opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.product--box .product--image .image--element img:first-of-type {
  position: inherit;
}

.product--box .product--image .image--element img:not(:first-of-type) {
  position: absolute;
  opacity: 0;
}

.product--box .product--image .image--element .image--media.hover img:first-of-type {
  opacity: 0;
}

.product--box .product--image .image--element .image--media.hover img:not(:first-of-type) {
  opacity: 1;
}

.product--box .product--image .image--element .image--media {
  position: absolute;
  display: flex;
  height: 84%;
  width: 84%;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  align-items: center;
  justify-content: center;
}

.product--box .product--image .image--element .image--media picture,
.product--box .product--image .image--element .image--media img {
  display: block;
  width: 100%;
  height: auto;
}

.product--box .product--variants {
  order: 2;
  -webkit-align-self: auto;
  -ms-align-self: auto;
  align-self: auto;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-start;
  margin-top: 1.25rem;
  height: 1.0625rem;
  min-height: 1.0625rem;
  font-size: 0.625rem;
  width: 100%;
  margin-bottom: 0.5em;
}

.product--box .product--variants .variant--item {
  font-size: inherit;
  margin: 0 0.4em 0 0;
  flex-shrink: 0;
  flex-grow: 0;
}

.product--box .product--variants .variant--item .variant--imageLink .variant--image,
.product--box .product--variants .variant--item .variant--image {
  border: none;
  width: 1em;
  height: 1em;
  font-size: inherit;
  border-radius: 100%;
}

.product--box .product--variants .variants--more {
  position: relative;
  top: 0.1em;
  padding: 0;
  margin: 0;
  font-size: inherit;
  line-height: 1;
}

.product--box .product--variants .variants--more .rd__icon--plus {
  font-weight: 700;
}

.product--box .rd__product-tile__flags {
  position: absolute;
  order: 3;
  z-index: 1;
  top: -2em;
  left: 1rem;
  right: 1rem;
  margin: auto;
  padding-top: 100%;
  font-size: 0.625rem;
  line-height: 0;
  text-align: left;
  pointer-events: none;
}

.product--box .rd__product-tile__flags > * {
  pointer-events: auto;
}

.product--box .rd__flag {
  display: inline-flex;
  align-items: center;
  overflow: hidden;
  font-size: 1em;
  padding: 0.4em 0.9em 0.3em 1em;
  height: auto;
  max-width: 100%;
  line-height: 1.2em;
  letter-spacing: 0.1em;
  font-weight: 400;
  font-style: normal;
  white-space: nowrap;
  text-transform: uppercase;
  color: #000 !important;
  border-color: #f2f2f2 !important;
  background: #f2f2f2 !important;
}

.product--box .rd__flag > * {
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
}

.product--box .rd__flag a {
  color: inherit !important;
}

.product--box .product--flex-child--manufacturer {
  order: 4;
  min-width: 0;
  width: 100%;
}

.product--box .product--manufacturer {
  font-family: 'Avenir Next', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
  letter-spacing: 0.9px;
  text-transform: uppercase;
  font-size: 0.75rem;
  font-weight: 600;
  display: block;
  text-decoration: none;
  color: #000;
  overflow: visible;
  white-space: normal;
  line-height: 1.6em;
  min-height: 1.6em;
  height: 1.6em;
  float: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: inherit;
  max-width: 100%;
}

.product--box .product--dg-brandline {
  order: 5;
  margin: 0;
  font-family: 'Avenir Next', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
  font-size: 0.6875rem;
  font-weight: 400;
  display: block;
  text-decoration: none;
  color: #000;
  overflow: visible;
  white-space: normal;
  line-height: 1.6em;
  min-height: 1.6em;
  height: 1.6em;
  float: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: inherit;
  max-width: 100%;
}

.product--box .product--dg-brandline strong,
.product--box .product--dg-brandline b {
  font-weight: 600;
}

@media screen and (min-width: 48rem) {
  .product--box .product--dg-brandline {
    font-size: 0.75rem;
  }
}

@media screen and (min-width: 75rem) {
  .product--box .product--dg-brandline {
    font-size: 0.8125rem;
  }
}

.product--box .product--title {
  order: 6;
  margin: 0;
  font-family: 'Avenir Next', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
  font-size: 0.6875rem;
  font-weight: 400;
  display: block;
  text-decoration: none;
  color: #000;
  overflow: visible;
  white-space: normal;
  line-height: 1.6em;
  min-height: 1.6em;
  height: 1.6em;
  float: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: inherit;
  max-width: 100%;
}

.product--box .product--title strong,
.product--box .product--title b {
  font-weight: 600;
}

@media screen and (min-width: 48rem) {
  .product--box .product--title {
    font-size: 0.75rem;
  }
}

@media screen and (min-width: 75rem) {
  .product--box .product--title {
    font-size: 0.8125rem;
  }
}

.product--box .product--flex-child--title {
  order: 6;
  min-width: 0rem;
  width: 100%;
}

.product--box .product--dg-classification {
  order: 7;
  font-family: 'Avenir Next', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
  font-size: 0.6875rem;
  font-weight: 400;
  display: block;
  text-decoration: none;
  color: #000;
  overflow: visible;
  white-space: normal;
  line-height: 1.6em;
  min-height: 1.6em;
  height: 1.6em;
  float: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: inherit;
  max-width: 100%;
  color: #868686;
}

.product--box .product--dg-classification strong,
.product--box .product--dg-classification b {
  font-weight: 600;
}

@media screen and (min-width: 48rem) {
  .product--box .product--dg-classification {
    font-size: 0.75rem;
  }
}

@media screen and (min-width: 75rem) {
  .product--box .product--dg-classification {
    font-size: 0.8125rem;
  }
}

.product--box .product--price-info {
  order: 8;
  height: auto;
  margin-top: 1.5em;
  max-width: 100%;
}

.product--box .product--price-outer {
  height: auto;
  position: initial;
}

.product--box .product--price {
  position: relative;
  height: auto;
  display: flex;
  flex-wrap: wrap;
}

.product--box .product--price .price--discount,
.product--box .product--price .price--default {
  font-family: 'Avenir Next', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
  font-size: 0.5625rem;
  display: block;
  text-decoration: none;
  overflow: visible;
  white-space: normal;
  line-height: 1.6em;
  min-height: 1.6em;
  height: 1.6em;
  font-weight: 600;
  color: #000;
  letter-spacing: 0;
  float: none;
}

.product--box .product--price .price--discount strong,
.product--box .product--price .price--default strong,
.product--box .product--price .price--discount b,
.product--box .product--price .price--default b {
  font-weight: 600;
}

@media screen and (min-width: 37.5rem) {
  .product--box .product--price .price--discount,
  .product--box .product--price .price--default {
    font-size: 0.6875rem;
  }
}

.product--box .product--price .price--discount {
  margin-right: 0.5em;
  order: 2;
}

.product--box .product--price .price--default.is--discount {
  color: #ac145a;
}

.product--box .product--price-info .price--unit {
  font-family: 'Avenir Next', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
  font-size: 0.5625rem;
  display: block;
  text-decoration: none;
  color: #000;
  overflow: visible;
  white-space: normal;
  line-height: 1.6em;
  min-height: 1.6em;
  height: 1.6em;
  float: none;
  line-height: 1.2em;
  height: auto;
  min-width: 100%;
  color: #868686;
}

.product--box .product--price-info .price--unit strong,
.product--box .product--price-info .price--unit b {
  font-weight: 600;
}

@media screen and (min-width: 37.5rem) {
  .product--box .product--price-info .price--unit {
    font-size: 0.6875rem;
  }
}

@media screen and (max-width: 59.94rem) {
  .product--box .product--price-info .price--unit {
    font-weight: 600;
  }
}

.product--box .product--price-info .product--price--additional.-savings {
  font-family: 'Avenir Next', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
  font-size: 0.5625rem;
  display: block;
  text-decoration: none;
  color: #000;
  overflow: visible;
  white-space: normal;
  line-height: 1.6em;
  min-height: 1.6em;
  height: 1.6em;
  float: none;
  color: #868686;
  min-width: 100%;
}

.product--box .product--price-info .product--price--additional.-savings strong,
.product--box .product--price-info .product--price--additional.-savings b {
  font-weight: 600;
}

@media screen and (min-width: 37.5rem) {
  .product--box .product--price-info .product--price--additional.-savings {
    font-size: 0.6875rem;
  }
}

.product--box .product--price-info .product--price--additional.-history-price {
  font-family: 'Avenir Next', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
  font-size: 0.5625rem;
  display: block;
  text-decoration: none;
  color: #000;
  overflow: visible;
  white-space: normal;
  line-height: 1.6em;
  min-height: 1.6em;
  height: 1.6em;
  float: none;
  line-height: 1.2em;
  height: auto;
  min-width: 100%;
  color: #868686;
}

.product--box .product--price-info .product--price--additional.-history-price strong,
.product--box .product--price-info .product--price--additional.-history-price b {
  font-weight: 600;
}

@media screen and (min-width: 37.5rem) {
  .product--box .product--price-info .product--price--additional.-history-price {
    font-size: 0.6875rem;
  }
}

.product--box .product--price-info .rd__flag--offer-flag {
  line-height: 1;
  background: #000 !important;
  color: #f2f2f2 !important;
  border: none;
  font-weight: 600;
  margin-top: 0.5em;
}

.product--box .product--rating-container {
  order: 9;
  margin: 0.85em 0 0 0;
  height: auto;
  min-height: 0;
  display: flex;
  align-items: center;
}

.product--box .product--rating-container .rd__rating {
  font-size: 1.2em;
}

.product--box .product--rating-container .icon--star-empty:first-child {
  display: none;
}

.product--box .product--rating-container .icon--star-empty:first-child ~ .icon--star-empty {
  display: none;
}

.listing .product--box {
  padding: 0.375rem 0.375rem 0.375rem 0.375rem;
}

@media screen and (max-width: 37.44rem) {
  .listing .product--box {
    width: 50%;
  }
}

@media screen and (min-width: 37.5rem) and (max-width: 84.44rem) {
  .listing .product--box {
    width: 33.333%;
  }
}

@media screen and (min-width: 60rem) {
  .listing .product--box {
    margin-bottom: 2.8125rem;
  }
}

@media screen and (min-width: 84.5rem) {
  .listing .product--box {
    width: 25%;
  }
}

.listing .product--box .box--content {
  padding-bottom: 2.8125rem;
  border: 1px solid transparent;
  border-bottom-color: #cacaca;
}

@media screen and (min-width: 60rem) {
  .listing .product--box .box--content:hover {
    border-color: #cacaca;
  }
}

.product--box .product--badges .product--badge.badge--flag-image {
  vertical-align: top;
  border-radius: 0;
}

.product--box .product--badges .product--badge.badge--flag-image img {
  display: block;
  width: 100%;
  height: 100%;
}

.product--image-container .dg--badge {
  display: flex;
  align-items: center;
}

.product--image-container .dg--badge .rd__eye-catcher.-flag-bubble {
  border-radius: 0;
}

.product--image-container .dg--badge .rd__eye-catcher.-flag-bubble img {
  display: block;
  width: 100%;
  height: 100%;
}

.product--image-container .rd__product-details__image__sale-badge:not(:first-of-type) {
  display: block;
  margin-left: 0.25em;
}

.product--variants {
  text-align: center;
  min-height: 1.5rem;
}

.product--variants .variants--more {
  font-size: 0.625rem;
  padding-top: 0.1875rem;
  display: inline-block;
}

.product--variants .variant--item {
  margin: 0.3125rem;
  display: inline-block;
}

.product--variants .variant--item .variant--imageLink .variant--image {
  width: 0.84375rem;
  height: 0.84375rem;
  border: 1px solid #e1f5f2;
  border-radius: 100%;
}

.product--variants .variant--item .variant--imageLink .variant--image.variant--image-color {
  display: block;
}

.content--variant {
  display: flex;
}

.hidden {
  display: none;
}

.PtbKk9ogBoi2GdnLM7lW {
  display: inline-block;
  flex-shrink: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.rxx2XQylTzprhCd3iIxy {
  color: currentColor;
}

.Q2V8KxgHDakQ2L3catrp {
  color: #000;
}

.xgxnP8LsMzV1RCs30026 {
  color: #fff;
}

.v9pnWAtar_u_R5unTMub {
  color: #5fc33c;
}

.wTdB69Ui3f19X8cDI23h {
  color: #e6373c;
}

.O2Q8yBc0p8gbqNDJxH0N {
  color: #ff9b14;
}

.KDdH8uacRTvEhxxCBzp5 {
  color: #bfbfbf;
}

.alert {
  color: #000;
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 150%;
  margin-bottom: 15px;
}

.alert__content {
  display: flex;
}

.alert__content-wrapper {
  border-radius: 4px;
  padding: 16px;
}

.alert--success {
  background-color: #e8f5e9;
}

.alert--error,
.alert--warning {
  background-color: #ffc1b7;
}

.alert--info {
  background-color: #f2f2f2;
}

.alert__overlay-status {
  padding: 16px;
}

@media screen and (min-width: 768px) {
  .alert__overlay-status {
    padding: 30px 0 0;
  }
}

.alert--no-margin-bottom {
  margin-bottom: 0;
}

.alert__headline {
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 150%;
  margin-top: 4px;
}

.alert--message {
  flex-grow: 1;
  margin-top: 4px;
}

.alert--message-headline {
  margin-top: 8px;
}

.alert__icon {
  margin-right: 8px;
}

.row--bordered {
  position: relative;
}

.row--bordered:after {
  content: '';
  display: block;
  left: 15px;
  position: absolute;
  right: 15px;
}

.row--border-top:after {
  border-bottom: 1px solid #000;
  top: 0;
}

.row--border-bottom:after {
  border-bottom: 1px solid #e6e6e6;
  bottom: 0;
}

.row--no-gutters.row {
  margin-left: 0;
  margin-right: 0;
}

.row--no-gutters > [class*='col-'] {
  padding-left: 0;
  padding-right: 0;
}

.link--category {
  background-color: #f2f2f2;
  border-radius: 15px;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 150%;
  padding: 10px 15px;
  text-align: center;
  text-transform: uppercase;
}

.link--category:hover {
  background-color: var(--color-brand-light);
}

.link--category:active,
.link--category:focus {
  background-color: var(--color-brand-medium);
}

.link--text {
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 150%;
}

.link {
  color: #000;
  text-decoration: none;
}

.link[href]:hover {
  cursor: pointer;
}

.link--text {
  text-decoration: underline;
}

.link--text:active,
.link--text:focus,
.link--text:hover {
  color: #595959;
}

.link--category {
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-weight: 500;
}

@media screen and (min-width: 1024px) {
  .link--category {
    background-color: transparent;
    border-radius: 0;
    padding: 0;
  }

  .link--category:active,
  .link--category:focus,
  .link--category:hover {
    background-color: transparent;
    border-bottom: 3px solid #595959;
  }
}

.link--nav-heading {
  letter-spacing: 0.5px;
  line-height: 120%;
  text-transform: uppercase;
}

.link--nav,
.link--nav-heading {
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 400;
}

.link--nav {
  letter-spacing: 0;
  line-height: 150%;
}

.link--nav:active,
.link--nav:focus,
.link--nav:hover {
  border-bottom: 3px solid #595959;
}

.link--sitemap:focus,
.link--sitemap:hover {
  text-decoration: underline;
}

.link--tile {
  align-items: center;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.12);
  display: flex;
  flex-direction: column;
  gap: 20px;
  justify-content: center;
  padding: 40px 20px;
}

@media screen and (min-width: 768px) {
  .link--tile {
    padding: 60px 30px;
  }
}

.link--with-underline,
.link--with-underline-offset {
  border-bottom: 1px solid #000;
  display: inline-block;
  margin-bottom: 2px;
  padding-bottom: 1px;
}

.link--with-underline-offset:active,
.link--with-underline-offset:focus,
.link--with-underline-offset:hover,
.link--with-underline:active,
.link--with-underline:focus,
.link--with-underline:hover {
  border-bottom: 2px solid #595959;
  margin-bottom: 1px;
  padding-bottom: 1px;
}

.link--with-underline-offset,
.link--with-underline-offset:active,
.link--with-underline-offset:focus,
.link--with-underline-offset:hover {
  padding-bottom: 5px;
}

.loader {
  stroke: #000;
  align-items: center;
  animation: rotate 2s linear infinite;
  display: flex;
  height: auto;
  justify-content: center;
  margin: 0 auto;
  max-width: 80%;
  opacity: 1;
  position: relative;
  transition: opacity 0.1s ease-in-out;
  width: 20px;
  will-change: transform;
}

@media (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .loader {
    animation: rotate 2s linear infinite;
    will-change: transform;
  }
}

@media screen and (min-width: 1024px) {
  .loader {
    width: 50px;
  }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .loader {
    width: 30px;
  }
}

@media (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .loader {
    display: block;
  }
}

.loader .path {
  stroke-linecap: round;
  animation: dash 1.5s ease-in-out infinite;
}

@media (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .loader .path {
    stroke-dasharray: 100;
  }
}

.loader--inline {
  display: none;
}

.loader--navigation {
  display: flex;
  min-height: 350px;
  padding: 10px;
}

.loader.loader--button {
  padding: 10px;
  width: 50px;
}

.loader.loader--button .path {
  stroke: #fff;
}

.loader--paused {
  opacity: 0;
}

.loader--paused,
.loader--paused .path {
  animation-play-state: paused;
}

.loader__placeholder-container {
  background-color: #fff;
  display: flex;
  height: 100%;
  opacity: 0.7;
  position: absolute;
  transform: translateZ(0);
  transition: opacity 0.2s ease-in-out;
  width: 100%;
  z-index: 1000;
}

.page-loader-wrapper {
  align-items: center;
  display: flex;
  height: 75vh;
  left: 50%;
  margin-left: -50vw;
  position: relative;
  width: 100vw;
}

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

@keyframes dash {
  0% {
    stroke-dasharray: 1, 150;
    stroke-dashoffset: 0;
  }

  50% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -35px;
  }

  to {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -124px;
  }
}

.add-review-template--chanel .button__primary,
.chanel-button,
.list-review-template--chanel .button__primary,
.product-detail-page--chanel .button__primary {
  animation: none;
  background-color: #000;
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 1.5px;
  line-height: 100%;
  text-transform: uppercase;
}

.add-review-template--chanel .button__primary:active,
.add-review-template--chanel .button__primary:focus,
.add-review-template--chanel .button__primary:hover,
.chanel-button:active,
.chanel-button:focus,
.chanel-button:hover,
.list-review-template--chanel .button__primary:active,
.list-review-template--chanel .button__primary:focus,
.list-review-template--chanel .button__primary:hover,
.product-detail-page--chanel .button__primary:active,
.product-detail-page--chanel .button__primary:focus,
.product-detail-page--chanel .button__primary:hover {
  animation: none;
  background: #000;
}

.button {
  border-radius: 0;
  color: #fff;
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 1.5px;
  line-height: 100%;
  margin-bottom: 10px;
  outline: none;
  padding: 12px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  width: 100%;
}

.button__start-icon {
  display: inline-flex;
  margin-right: 8px;
}

.button__end-icon {
  display: inline-flex;
  margin-left: 8px;
}

.button--no-margin-bottom {
  margin-bottom: 0;
}

.button__primary {
  animation: get-light 0.25s;
  background-color: #000;
}

.button__primary:hover:not(.follow-button--followed) {
  animation: slide-in 0.83s;
  background: linear-gradient(270deg, #000 50%, #000 0);
  background-size: 200% 100%;
}

.button__primary:active {
  background-color: #fff;
}

.button__primary:focus {
  background: #000;
  outline: 3px solid #bfbfbf;
}

.button__tertiary {
  background: #e6e6e6;
  border: 1px solid #e6e6e6;
  color: #000;
}

@media (hover: hover) {
  .button__tertiary:hover:not(.follow-button, .button--loading, :focus) {
    animation:
      slide-in 0.83s,
      get-text-white 1s cubic-bezier(0.69, 1.03, 1, 0.88);
    animation-fill-mode: forwards;
    background: linear-gradient(270deg, #fff 50%, #000 0);
    background-size: 200% 100%;
  }
}

@media (active: active) {
  .button__tertiary:active:not(.follow-button, .button--loading) {
    background: #000;
    color: #fff;
  }
}

.button__tertiary:focus:not(.follow-button, .button--loading) {
  background: #fff;
  color: #fff;
  outline: 3px solid #bfbfbf;
}

.button__tertiary.button--disabled {
  background: #f2f2f2;
  border: 1px solid #f2f2f2;
  color: #bfbfbf;
}

.button__tertiary.button--loading {
  background: #fff;
  color: transparent;
}

.button__tertiary.button--loading .loader.loader--button .path {
  stroke: #000;
}

.button__secondary,
.button__secondary--ghost {
  background-color: #fff;
  border: 1px solid #000;
  color: #000;
}

@media (hover: hover) {
  .button__secondary--ghost:hover:not(.follow-button, .button--loading, :focus),
  .button__secondary:hover:not(.follow-button, .button--loading, :focus) {
    animation:
      slide-in 0.83s,
      get-text-white 1s cubic-bezier(0.69, 1.03, 1, 0.88);
    animation-fill-mode: forwards;
    background: linear-gradient(270deg, #fff 50%, #000 0);
    background-size: 200% 100%;
  }
}

@media (active: active) {
  .button__secondary--ghost:active:not(.follow-button, .button--loading),
  .button__secondary:active:not(.follow-button, .button--loading) {
    background: #000;
    color: #000;
  }
}

.button__secondary--ghost:focus:not(.follow-button, .button--loading),
.button__secondary:focus:not(.follow-button, .button--loading) {
  background: #fff;
  color: #000;
  outline: 3px solid #bfbfbf;
}

.button__secondary--ghost.button--disabled,
.button__secondary.button--disabled {
  background: #f2f2f2;
  border: 1px solid #e6e6e6;
}

.button__secondary--ghost.button--loading,
.button__secondary.button--loading {
  background: #fff;
  color: transparent;
}

.button__secondary--ghost.button--loading .loader.loader--button .path,
.button__secondary.button--loading .loader.loader--button .path {
  stroke: #000;
}

.product-detail-page--chanel .button__secondary,
.product-detail-page--chanel .button__secondary--ghost {
  border: 2px solid #000;
  border-radius: 0;
  color: #000;
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 150%;
  text-transform: uppercase;
}

.product-detail-page--chanel .button__secondary--ghost:hover,
.product-detail-page--chanel .button__secondary:hover {
  animation:
    slide-in 0.83s,
    text-black-to-white 1s cubic-bezier(0.69, 1.03, 1, 0.88);
  animation-fill-mode: forwards;
  background: linear-gradient(270deg, #fff 50%, #000 0);
  background-size: 200% 100%;
}

.product-detail-page--chanel .button__secondary--ghost:active,
.product-detail-page--chanel .button__secondary:active {
  background: #000;
  color: #fff;
}

.button__link,
.button__link-offset {
  color: #000;
  height: auto;
  text-decoration: underline;
  text-transform: unset;
  width: auto;
}

.button__link-offset:hover,
.button__link:hover {
  color: #595959;
}

.button__link-offset {
  align-items: center;
  display: flex;
  justify-content: center;
  text-decoration: underline;
  text-underline-offset: 5px;
}

.button__with-icon {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.button__with-icon--input {
  color: #000;
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 500;
  font-weight: 400;
  letter-spacing: 1.5px;
  letter-spacing: 0;
  line-height: 100%;
  line-height: 150%;
  margin: 0;
  max-height: 28px;
  padding: 0;
  text-transform: uppercase;
  width: auto;
}

.button__with-icon--outline {
  border: 1px solid #000;
  justify-content: space-between;
  padding: 0 18px 0 12px;
}

.button__with-icon--outline,
.button__with-icon--transparent {
  align-items: center;
  color: #000;
  display: flex;
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 1.5px;
  line-height: 100%;
  text-transform: uppercase;
}

.button__with-icon--transparent {
  background-color: transparent;
  border: none;
  height: auto;
  letter-spacing: 0.5px;
  line-height: 18px;
  min-width: auto;
  padding: 0;
  text-align: start;
  text-decoration: underline;
  width: auto;
}

.button__with-icon--fab {
  align-items: center;
  background-color: #fff;
  border-radius: 50%;
  box-shadow: 1px 1px 6px -1px rgba(0, 0, 0, 0.5);
  letter-spacing: 1.5px;
  letter-spacing: 0.5px;
  line-height: 100%;
  padding: 0;
  text-transform: uppercase;
}

.button__with-icon--accordion,
.button__with-icon--fab {
  color: #000;
  display: flex;
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 500;
}

.button__with-icon--accordion {
  align-items: flex-start;
  justify-content: space-between;
  letter-spacing: 0;
  line-height: 150%;
  margin-bottom: 0;
  min-height: 57px;
  padding: 18px 19px;
}

.button__with-icon--accordion:disabled .accordion-panels__header {
  opacity: 0.3;
}

.button--toggle-content {
  flex-direction: row-reverse;
}

.button--toggle-content .icon {
  flex: 0 0 auto;
  margin-left: 0;
  margin-right: 10px;
}

.button--disabled {
  background: #f2f2f2;
  color: #bfbfbf;
  cursor: default;
  pointer-events: none;
}

.button__large {
  height: 64px;
}

.button__normal {
  height: 48px;
}

.button__small {
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 500;
  height: 40px;
  letter-spacing: 1.5px;
  line-height: 100%;
  min-width: 116px;
  padding: 8px;
  text-transform: uppercase;
  width: auto;
}

.button__small .loader.loader--button {
  padding: 8px;
  width: 20px;
}

.button__xsmall {
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 500;
  height: auto;
  letter-spacing: 1.5px;
  line-height: 100%;
  min-width: 116px;
  padding: 8px;
  text-transform: uppercase;
  width: auto;
}

.button__xsmall .loader.loader--button {
  padding: 8px;
  width: 20px;
}

.button__auto {
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 500;
  height: auto;
  letter-spacing: 1.5px;
  line-height: 100%;
  min-width: auto;
  padding: 0;
  text-transform: uppercase;
  width: auto;
}

.button__auto .loader.loader--button {
  padding: 8px;
  width: 20px;
}

.button--gwp-small {
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 500;
  height: 31px;
  letter-spacing: 1.5px;
  line-height: 100%;
  margin: 0 auto;
  max-width: 100%;
  padding: 0 12px;
  text-transform: uppercase;
  width: auto;
}

.button--centered {
  align-items: center;
  display: flex;
  justify-content: center;
}

.button--loading {
  color: transparent;
  pointer-events: none;
  position: relative;
}

.button--loading .icon,
.button--loading span {
  visibility: hidden;
}

.button__loader {
  display: inline-block;
  height: 100%;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}

.button__spinner {
  visibility: visible;
}

.button--toggle-field-button {
  cursor: pointer;
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 150%;
  margin-bottom: 0;
}

.button--content-width {
  width: auto;
}

.button--edge-start {
  margin-left: -12px;
}

.button--edge-end {
  margin-right: -12px;
}

.button .google-translate-fallback {
  display: none;
}

@keyframes slide-in {
  0% {
    background-position: 100% 100%;
  }

  to {
    background-position: 0 100%;
  }
}

@keyframes get-light {
  0% {
    background-color: #000;
  }

  to {
    background-color: #000;
  }
}

@keyframes get-dark {
  0% {
    background-color: #000;
  }

  to {
    background-color: #000;
  }
}

@keyframes get-text-white {
  0% {
    color: #000;
  }

  to {
    color: #fff;
  }
}

@keyframes text-black-to-white {
  0% {
    color: #000;
  }

  to {
    color: #fff;
  }
}

.fatal-error {
  margin-bottom: 40px;
  margin-top: 40px;
  text-align: center;
}

.fatal-error__button {
  padding: 0 20px;
  width: auto;
}

.smartEditComponent > [class*='col'] {
  max-width: none;
}

.header {
  background-color: #fff;
  width: 100%;
  z-index: 101;
}

.grid {
  flex: 1 0 auto;
  padding-bottom: 30px;
  padding-top: 15px;
}

@media screen and (min-width: 768px) {
  .grid {
    padding-top: 30px;
  }

  .grid.product-detail-page,
  .grid.product-overview-page {
    padding-top: 15px;
  }
}

@media screen and (max-width: 767px) {
  .grid.product-detail-page,
  .grid.product-overview-page {
    padding-top: 0;
  }
}

.grid.brand-overview-page,
.grid.cart-page,
.grid.gwp-offer-page,
.grid.homepage,
.grid.sitemap-page {
  min-height: 82vh;
}

@media screen and (max-width: 767px) {
  .grid.brand-overview-page,
  .grid.cart-page,
  .grid.gwp-offer-page,
  .grid.homepage,
  .grid.sitemap-page {
    padding-top: 4px;
  }
}

.grid.search-page {
  padding-top: 16px;
}

@media screen and (min-width: 768px) {
  .grid.search-page {
    padding-top: 40px;
  }
}

.grid.homepage--ios {
  overflow: hidden;
}

.nc-toast-portal {
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 150%;
  position: fixed;
  width: 100%;
  z-index: 10000;
}

.nc-toast-portal--web {
  bottom: 50px;
}

.nc-toast-portal--native {
  bottom: 0;
}

.nc-toast-portal .toast {
  align-items: center;
  display: flex;
  flex-direction: column;
  padding: 0 15px;
}

.nc-toast-portal .toast__element {
  align-items: center;
  animation:
    slide-in-bottom 0.3s cubic-bezier(0.42, 0, 0, 1) forwards,
    slide-out-bottom 0.15s cubic-bezier(0.42, 0, 0, 1) 4.8s;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  background: rgba(0, 0, 0, 0.75);
  border-radius: 4px;
  color: #fff;
  display: flex;
  margin-bottom: 15px;
  min-height: 44px;
  min-width: 100%;
  padding: 12px 15px 13px;
}

@media screen and (min-width: 768px) {
  .nc-toast-portal .toast__element {
    max-width: 100%;
    min-width: 324px;
  }
}

@media screen and (max-width: 767px) and (orientation: landscape) {
  .nc-toast-portal .toast__element {
    max-width: 324px;
    min-width: 324px;
  }
}

.nc-toast-portal .toast__icon {
  margin-right: 13px;
}

.nc-toast-portal .toast__message {
  flex: 1 1;
}

.platform-shop .nc-toast-portal--web {
  bottom: 0;
}

@keyframes slide-in-bottom {
  0% {
    transform: translateY(100%);
  }

  to {
    transform: translateY(0);
  }
}

@keyframes slide-out-bottom {
  0% {
    transform: translateY(0);
  }

  to {
    transform: translateY(150%);
  }
}

#app[aria-hidden='true'] {
  pointer-events: none;
}

:root {
  --rsbs-max-h: 90%;
  --rsbs-backdrop-bg: rgba(0, 0, 0, 0.2);
  --rsbs-overlay-h: 90%;
}

[data-rsbs-overlay] {
  animation:
    cubic-bezier 0.45s ease-in 0.15,
    0,
    0.45,
    1;
  background: var(--rsbs-bg, #fff);
  display: flex;
  -webkit-filter: drop-shadow(0 -2px 4px rgba(0, 0, 0, 0.04));
  filter: drop-shadow(0 -2px 4px rgba(0, 0, 0, 0.04));
  flex-direction: column;
  height: var(--rsbs-overlay-h);
  max-height: var(--rsbs-max-h);
  opacity: 1;
  transform: translate3d(0, var(--rsbs-overlay-translate-y, 0), 0);
  transition: opacity 0.45s;
  will-change: height;
}

[data-rsbs-overlay]:focus {
  outline: none;
}

[data-rsbs-is-blocking='false'] [data-rsbs-overlay] {
  box-shadow:
    0 -5px 60px 0 rgba(38, 89, 115, 0.11),
    0 -1px 0 rgba(38, 89, 115, 0.05);
}

[data-rsbs-overlay],
[data-rsbs-root]:after {
  margin-left: var(--rsbs-ml, env(safe-area-inset-left));
  margin-right: var(--rsbs-mr, env(safe-area-inset-right));
  max-width: var(--rsbs-max-w, auto);
}

[data-rsbs-backdrop],
[data-rsbs-overlay],
[data-rsbs-root]:after {
  -ms-scroll-chaining: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-touch-callout: none;
  bottom: 0;
  left: 0;
  overscroll-behavior: none;
  position: fixed;
  right: 0;
  touch-action: none;
  transition: 2s ease-out cubic-bezier(0.42, 0, 0, 1);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  z-index: 1000;
}

[data-rsbs-backdrop] {
  background-color: var(--rsbs-backdrop-bg, rgba(33, 33, 33, 0.2));
  bottom: -60px;
  cursor: pointer;
  opacity: 1;
  top: -60px;
  will-change: opacity;
}

[data-rsbs-is-dismissable='false'] [data-rsbs-backdrop] {
  cursor: ns-resize;
}

[data-rsbs-root]:after {
  background: var(--rsbs-bg, #fff);
  content: '';
  height: 2px;
  pointer-events: none;
  transform: scaleY(var(--rsbs-antigap-scale-y, 0));
  transform-origin: bottom;
  will-change: transform;
}

[data-rsbs-footer] {
  cursor: ns-resize;
  flex-shrink: 0;
  min-height: 30px;
  padding: 12px 16px;
}

.bottom-sheet--padding-none [data-rsbs-footer] {
  padding: 0;
}

[data-rsbs-header] {
  cursor: ns-resize;
  flex-shrink: 0;
  padding: 0 16px;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  z-index: 1;
}

[data-rsbs-header]:before {
  background-color: #fff;
  content: '';
  display: block;
  height: 1.33px;
  left: 50%;
  position: absolute;
  top: -9px;
  transform: translateX(-50%);
  width: 32px;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  [data-rsbs-header]:before {
    transform: translateX(-50%) scaleY(0.75);
  }
}

[data-rsbs-has-header='false'] [data-rsbs-header] {
  box-shadow: none;
  padding-top: 12px;
}

[data-rsbs-scroll] {
  -webkit-tap-highlight-color: revert;
  -webkit-touch-callout: revert;
  -ms-scroll-chaining: none;
  -webkit-overflow-scrolling: touch;
  flex-grow: 1;
  flex-shrink: 1;
  overflow: auto;
  overscroll-behavior: contain;
  -webkit-user-select: auto;
  -moz-user-select: auto;
  -ms-user-select: auto;
  user-select: auto;
}

[data-rsbs-scroll]:focus {
  outline: none;
}

[data-rsbs-content] {
  overflow: hidden;
  padding: 0 16px 16px;
}

[data-rsbs-content] .cart-calculations__tooltip-list li {
  list-style: none;
}

[data-rsbs-footer] {
  box-shadow:
    0 -1px 0 rgba(46, 59, 66, calc(var(--rsbs-content-opacity, 1) * 0.125)),
    0 2px 0 var(--rsbs-bg, #fff);
  overflow: hidden;
  padding-bottom: calc(16px + env(safe-area-inset-bottom));
  z-index: 1;
}

[data-rsbs-is-dismissable='false'][data-rsbs-state='closing'] [data-rsbs-footer] > *,
[data-rsbs-is-dismissable='false'][data-rsbs-state='closing'] [data-rsbs-header] > *,
[data-rsbs-is-dismissable='false'][data-rsbs-state='closing'] [data-rsbs-scroll] > *,
[data-rsbs-is-dismissable='false'][data-rsbs-state='opening'] [data-rsbs-footer] > *,
[data-rsbs-is-dismissable='false'][data-rsbs-state='opening'] [data-rsbs-header] > *,
[data-rsbs-is-dismissable='false'][data-rsbs-state='opening'] [data-rsbs-scroll] > *,
[data-rsbs-is-dismissable='true'] [data-rsbs-footer] > *,
[data-rsbs-is-dismissable='true'] [data-rsbs-header] > *,
[data-rsbs-is-dismissable='true'] [data-rsbs-scroll] > * {
  opacity: 1;
}

[data-rsbs-is-dismissable='false'][data-rsbs-state='closing'] [data-rsbs-backdrop],
[data-rsbs-is-dismissable='false'][data-rsbs-state='opening'] [data-rsbs-backdrop],
[data-rsbs-is-dismissable='true'] [data-rsbs-backdrop] {
  opacity: var(--rsbs-backdrop-opacity, 1);
}

[data-rsbs-state='closed'],
[data-rsbs-state='closing'] {
  opacity: 1;
  pointer-events: none;
}

.app-dropdown__bottom-sheet [data-rsbs-content] {
  height: 50vh;
  overflow: scroll;
  padding: 16px;
}

.app-dropdown__bottom-sheet [data-rsbs-overlay] {
  animation:
    cubic-bezier 0.35s ease-in 0.15,
    0,
    0.45,
    1;
  transition: opacity 0.35s;
}

.partner-delivery-modal [data-rsbs-content] .partner-delivery-info {
  padding: 16px;
}

.account-completion-overlay [data-rsbs-content] .add-physical-card {
  padding: 0;
}

.reserve-product-modal [data-rsbs-content] .product-detail-other-info__html,
.reserve-product-modal [data-rsbs-content] .product-details-wrapper,
.reserve-product-modal [data-rsbs-content] .store-availability {
  padding: 16px;
}

.account-completion-overlay [data-rsbs-content],
.default-modal-style [data-rsbs-content],
.delivery-modal [data-rsbs-content],
.gift-card-modal [data-rsbs-content],
.modal-overlay--greeting-cards [data-rsbs-content],
.product-conflict-modal [data-rsbs-content],
.promo-bar-legal-information [data-rsbs-content],
.sign-up-overlay-modal [data-rsbs-content],
.sign-up-overlay-modal__rewards [data-rsbs-content],
.uc-banner-modal [data-rsbs-content],
.wish-list-cart-modal [data-rsbs-content] {
  min-height: auto;
  padding: 16px;
}

.delivery-modal [data-rsbs-content] .headline-bold.delivery-modal__subtitle,
.gift-card-modal [data-rsbs-content] .gift-card-modal .gift-card-modal__info-text {
  margin-top: 0;
}

.gwp-modal.modal-overlay--gwp [data-rsbs-content] .gwp-modal__content {
  padding: 16px;
}

@media (max-width: 768px) {
  .gwp-modal.modal-overlay--gwp [data-rsbs-content] .modal-header--free-samples {
    visibility: hidden;
  }

  .gwp-modal.modal-overlay--gwp [data-rsbs-content] .modal-header--free-samples button {
    display: none;
  }
}

.free-samples-modal [data-rsbs-content] .row.sample-list {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.free-samples-modal [data-rsbs-content] .sample-list__add-button {
  bottom: 16px;
  position: fixed;
  width: 90%;
}

.beautyprofile-questionnaire__info-modal [data-rsbs-content] {
  overflow-y: auto;
}

.contact-info-modal [data-rsbs-content] {
  min-height: auto;
}

.product-tile__remove-confirmation [data-rsbs-overlay] {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

.product-tile__remove-confirmation [data-rsbs-content] {
  min-height: auto;
}

.dsa-info-modal [data-rsbs-overlay],
.report-violation [data-rsbs-overlay] {
  height: auto;
}

.dsa-info-modal [data-rsbs-backdrop],
.dsa-info-modal [data-rsbs-content],
.dsa-info-modal [data-rsbs-overlay],
.report-violation [data-rsbs-backdrop],
.report-violation [data-rsbs-content],
.report-violation [data-rsbs-overlay] {
  z-index: 9999;
}

.select-sponsors-report-livebuy [data-rsbs-content] {
  margin-bottom: 21px;
}

.select-sponsors-report-livebuy [data-rsbs-content],
.select-sponsors-report-livebuy [data-rsbs-overlay] {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  min-height: inherit;
  z-index: 9999;
}

.select-sponsors-report-livebuy [data-rsbs-backdrop] {
  z-index: 9999;
}

.input__tooltip-modal [data-rsbs-overlay],
.preference-modal [data-rsbs-overlay] {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

.input__tooltip-modal [data-rsbs-content],
.preference-modal [data-rsbs-content] {
  min-height: auto;
}

.switch-overlay-exit {
  opacity: 1;
  transition: opacity 0.33s ease-in-out;
}

.switch-overlay-exit-active {
  opacity: 0;
}

.switch-overlay-enter {
  opacity: 0;
  transition: opacity 0.33s ease-in-out;
}

.switch-overlay-enter-active,
.switch-overlay-enter-done {
  opacity: 1;
}

@keyframes modal-content-fade-in {
  0% {
    opacity: 0;
    transform: translateX(100%);
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes slide-in-mobile {
  0% {
    transform: translateY(100%);
  }

  to {
    transform: translateY(0);
  }
}

.modal-overlay--chanel * {
  font-family: Arial, Helvetica, sans-serif !important;
}

.modal-overlay__root {
  background-color: #fff;
  border: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  height: 100%;
  max-height: 100%;
  outline: none;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0 16px 16px;
  transition: transform 0.83s cubic-bezier(0.66, 0, 0.17, 1);
  width: 100%;
  will-change: transform;
  z-index: 9999;
}

@media screen and (min-width: 768px) {
  .modal-overlay__root {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    transition: visibility 0.35s cubic-bezier(0.42, 0, 0, 1);
  }
}

@media screen and (min-width: 1024px) {
  .modal-overlay__root {
    max-height: 100vh;
  }
}

.modal-overlay__general {
  position: fixed;
}

@media screen and (min-width: 768px) {
  .modal-overlay__general {
    border-radius: 0;
    bottom: auto;
    right: 0;
    top: 0;
    width: 400px;
  }
}

.modal-overlay--padding-vertical {
  padding: 16px 0;
}

.modal-overlay--padding-none {
  padding: 0 !important;
}

.modal-overlay__backdrop {
  background-color: #212121;
  bottom: 0;
  left: 0;
  opacity: 0.2;
  position: fixed;
  right: 0;
  top: 0;
  will-change: opacity;
  z-index: 9999;
}

.modal-overlay__backdrop-appear {
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
}

@media screen and (min-width: 768px) {
  .modal-overlay__backdrop-appear {
    transition: opacity 0.35s cubic-bezier(0.42, 0, 0, 1);
  }
}

.modal-overlay__backdrop-appear-active {
  opacity: 0.2;
}

.modal-overlay__backdrop-exit {
  opacity: 0.2;
  transition: opacity 0.33s 0.5s;
}

@media screen and (min-width: 768px) {
  .modal-overlay__backdrop-exit {
    transition: opacity 0.35s cubic-bezier(0.42, 0, 0, 1);
  }
}

.modal-overlay__backdrop-exit-active {
  opacity: 0;
}

.modal-overlay__display {
  display: flex;
  flex-direction: column;
  opacity: 0;
  transition: visibility 0.2s ease-in-out;
  width: 100%;
}

@media screen and (min-width: 768px) {
  .modal-overlay__display {
    min-width: calc(400px - 0 16px 16px 16px * 2);
  }
}

.modal-overlay__transition-appear {
  animation: slide-in-mobile 0.83s cubic-bezier(0.66, 0, 0.17, 1);
  animation-fill-mode: forwards;
}

@media screen and (min-width: 768px) {
  .modal-overlay__transition-appear {
    animation: modal-content-fade-in 0.35s cubic-bezier(0.42, 0, 0, 1);
  }

  .modal-overlay__transition-appear-active {
    -webkit-transition-delay: 6.5s, 6.5s;
    transition-delay: 6.5s, 6.5s;
    -webkit-transition-duration: 6.5s, 6.5s;
    transition-duration: 6.5s, 6.5s;
    -webkit-transition-property: width;
    transition-property: width;
  }
}

.modal-overlay__transition-appear-active .modal-overlay__display {
  animation: modal-content-fade-in 0.2s ease-in;
  animation-delay: 0.7s;
  animation-fill-mode: forwards;
}

@media screen and (min-width: 768px) {
  .modal-overlay__transition-appear-active .modal-overlay__display {
    animation-delay: 0ms;
  }
}

.modal-overlay__transition-appear-done .modal-overlay__display,
.modal-overlay__transition-enter-done .modal-overlay__display {
  opacity: 1;
}

.modal-overlay__transition-exit {
  width: 100%;
}

@media screen and (min-width: 768px) {
  .modal-overlay__transition-exit {
    opacity: 0;
    padding: 0 16px 16px;
    width: 400px;
  }
}

.modal-overlay__transition-exit .modal-overlay__display {
  animation: modal-content-fade-in 0.2s ease-in;
  animation-direction: reverse;
}

.modal-overlay__transition-exit-active {
  animation: slide-in-mobile 0.83s cubic-bezier(0.66, 0, 0.17, 1) reverse;
}

@media screen and (min-width: 768px) {
  .modal-overlay__transition-exit-active {
    animation: modal-content-fade-in 0.35s cubic-bezier(0.42, 0, 0, 1) reverse;
    transform: translateY(-50%);
  }
}

.modal-overlay--no-transitions .modal-overlay__display {
  opacity: 1;
}

@media screen and (max-width: 767px) {
  .modal-overlay .product-recommendation-carousel {
    margin-left: 0;
    width: 100%;
  }
}

@media screen and (min-width: 768px) {
  .modal-overlay .modal-overlay__booksy {
    left: calc(50% - 845px / 2 + 0.5px);
    max-height: 91vh;
    overflow: hidden;
    width: 845px;
  }
}

.modal-overlay .modal-overlay__booksy [data-rsbs-scroll] {
  overflow: hidden;
}

.modal-overlay .modal-overlay__booksy .iframe {
  height: 82vh;
  margin-top: 0;
}

@media screen and (min-width: 768px) {
  .modal-overlay .modal-overlay__booksy .iframe {
    height: calc(100% - 30px);
    margin-top: 10px;
  }

  .modal-overlay .modal-overlay__booksy .modal-header__close {
    float: right;
    margin-bottom: 5px;
    position: relative;
  }
}

.modal-header {
  align-items: center;
  background-color: #fff;
  display: flex;
  min-height: 48px;
  padding: 12px 0;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 10;
}

@media screen and (max-width: 767px) {
  .modal-header {
    align-items: center;
    color: #000;
    display: flex;
    font-family:
      Avenir Next,
      Helvetica Neue,
      Helvetica,
      Arial,
      sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 110%;
  }
}

.modal-header__close {
  margin-bottom: 0;
  padding: 18px;
  position: absolute;
  right: -16px;
}

.modal-header__title {
  align-items: center;
  display: flex;
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 400;
  height: 24px;
  letter-spacing: 0.5px;
  line-height: 120%;
  margin-right: 32px;
  text-align: left;
  text-transform: uppercase;
}

.modal-header__title-container {
  align-items: flex-start;
  display: flex;
  flex-flow: column;
  justify-content: center;
}

.modal-header__title-container--with-back-button {
  margin-left: 32px;
}

.modal-header__title-container--column {
  display: flex;
  flex-direction: column;
  height: auto;
}

.modal-header__back-button {
  left: -16px;
  margin-bottom: 0;
  padding: 24px 12px;
  position: absolute;
}

.modal-header__subtitle {
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 150%;
  margin: 16px;
  text-align: left;
}

@media screen and (min-width: 768px) {
  .modal-header__subtitle {
    margin: 16px 0;
  }
}

.modal-header--free-samples {
  flex-shrink: 0;
  margin-bottom: 30px;
}

.modal-header--free-samples .modal-header__title {
  overflow: hidden;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}

@media screen and (min-width: 768px) {
  .modal-header--free-samples .modal-header__title {
    text-align: left;
  }
}

.modal-header--greeting-cards .modal-header__subtitle {
  text-align: left;
}

.toggle-switch {
  line-height: 30px;
  padding-top: 10px;
  position: relative;
}

.toggle-switch__checkbox {
  display: none;
}

.toggle-switch__label {
  vertical-align: middle;
}

.toggle-switch__slider {
  background-color: #e6e6e6;
  border-radius: 30px;
  cursor: pointer;
  display: inline-block;
  height: 30px;
  margin-right: 10px;
  position: relative;
  transition:
    transform,
    background-color 0.4s;
  vertical-align: bottom;
  width: 50px;
}

.toggle-switch__slider:before {
  background-color: #fff;
  border-radius: 50%;
  bottom: 3px;
  content: '';
  height: 24px;
  left: 4px;
  position: absolute;
  transition:
    transform,
    background-color 0.4s;
  width: 24px;
}

.toggle-switch__slider--right {
  background-color: #595959;
}

.toggle-switch__slider--right:before {
  transform: translateX(18px);
}

.toggle-switch__slider--middle {
  background-color: #595959;
}

.toggle-switch__slider--middle:before {
  transform: translateX(9px);
}

.toggle-switch--disabled .toggle-switch__slider {
  cursor: not-allowed;
}

.toggle-switch--disabled .toggle-switch__slider--left,
.toggle-switch--disabled .toggle-switch__slider--right {
  background-color: #f2f2f2;
}

.eOLCKdVPrsGj2UXqbjSw {
  display: none;
}

.mdWRss7RpnVXuUbU_3P3 {
  overflow: hidden;
  transition: height 0.2s ease-in-out;
}

.radio-item {
  padding: 4px 0;
}

.radio-item__label {
  align-items: center;
  display: flex;
  width: 100%;
}

.radio-item__input-container {
  align-items: center;
  border-radius: 50%;
  display: flex;
  height: 32px;
  justify-content: center;
  margin: 0 auto;
  max-width: 32px;
  min-width: 32px;
  text-align: center;
}

.radio-item__input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  height: 32px;
  margin: 0;
  opacity: 0;
  width: 32px;
  z-index: 10;
}

.radio-item__input:focus {
  outline: none;
}

.radio-item__input:focus-visible ~ .radio-item__circle {
  background-color: #fff;
  border: 1px solid #212121;
  outline: 2px solid #212121;
}

.radio-item--checked .radio-item__input:focus-visible ~ .radio-item__circle {
  background-color: #212121;
  border: 1px solid #212121;
}

.radio-item__circle {
  align-items: center;
  background-color: #fff;
  border: 1px solid #e6e6e6;
  border-radius: 50%;
  display: flex;
  height: 24px;
  margin: 0 auto;
  position: absolute;
  text-align: center;
  width: 24px;
}

.radio-item__dot {
  background-color: #fff;
  border-radius: 50%;
  height: 8px;
  margin: 0 auto;
  width: 8px;
}

.radio-item__content {
  padding-left: 8px;
  padding-top: 2px;
  width: 100%;
}

.radio-item__description {
  margin-top: 5px;
}

.radio-item--default .radio-item__content {
  color: #000;
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 150%;
}

.radio-item--checked .radio-item__circle {
  background-color: #212121;
  border: 1px solid #212121;
}

.radio-item:not(.radio-item--disabled) .radio-item__label:hover {
  cursor: pointer;
}

.radio-item:not(.radio-item--disabled):not(.radio-item--checked) .radio-item__label:hover .radio-item__circle {
  background-color: #f2f2f2;
  border: 1px solid #595959;
}

.radio-item--checked:not(.radio-item--disabled) .radio-item__label:hover .radio-item__circle {
  background-color: #212121;
  border: 1px solid #595959;
}

.radio-item:not(.radio-item--disabled) .radio-item__label:active .radio-item__circle {
  background-color: #e6e6e6;
  border: 1px solid #212121;
}

.radio-item--checked:not(.radio-item--disabled) .radio-item__label:active .radio-item__circle {
  background-color: #212121;
  border: 1px solid #212121;
}

.radio-item--error:not(.radio-item--disabled)
  .radio-item__label:not(:hover)
  .radio-item__input:not(:focus-visible)
  ~ .radio-item__circle {
  background-color: #fff;
  border: 1px solid #ce1e2d;
}

.radio-item--checked.radio-item--error:not(.radio-item--disabled)
  .radio-item__label:not(:hover)
  .radio-item__input:not(:focus-visible)
  ~ .radio-item__circle {
  background-color: #ce1e2d;
  border: 1px solid #ce1e2d;
}

.radio-item--disabled .radio-item__input {
  cursor: default;
}

.radio-item--disabled .radio-item__circle {
  cursor: not-allowed;
}

.radio-item--checked.radio-item--disabled .radio-item__circle,
.radio-item--disabled .radio-item__circle {
  background-color: #f2f2f2;
  border: 1px solid #bfbfbf;
}

.radio-item--disabled .radio-item__dot {
  background-color: #bfbfbf;
}

.radio-item--disabled.radio-item--default .radio-item__content {
  color: #bfbfbf;
}

.radio-item--error.radio-item--default:not(.radio-item--disabled) .radio-item__content {
  color: #ce1e2d;
}

.accordion {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  width: 100%;
}

.accordion .accordion__radio-item {
  margin-right: 8px;
  padding: 0;
  z-index: 10;
}

.accordion .rc-collapse-header {
  align-items: center;
  border-top: 1px solid #e6e6e6;
  color: #000;
  cursor: pointer;
  display: flex;
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 14px;
  font-weight: 500;
  justify-content: center;
  letter-spacing: 0;
  line-height: 110%;
}

.accordion .rc-collapse-header .rc-collapse-expand-icon .expand-icon {
  transition: transform 0.2s ease-in-out;
}

.accordion .rc-collapse-header .rc-collapse-header-text {
  overflow: hidden;
  width: 100%;
}

.accordion .rc-collapse-header:focus {
  outline: none;
}

.accordion .rc-collapse-item-active > .rc-collapse-header .rc-collapse-expand-icon .expand-icon {
  transition: transform 0.2s ease-in-out;
}

.accordion .rc-collapse-item-disabled > .rc-collapse-header {
  flex-direction: row;
}

.accordion .rc-collapse-item:last-of-type {
  border-bottom: 1px solid #e6e6e6;
}

.accordion .rc-collapse-extra {
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 150%;
}

.accordion:not(.accordion__radio, .accordion__checkout) > .rc-collapse-item > .rc-collapse-header {
  pointer-events: auto;
}

.accordion__checkout > .rc-collapse-item > .rc-collapse-header {
  border-top: 0;
  pointer-events: none;
}

.accordion__checkout > .rc-collapse-item:last-of-type {
  border-bottom: 0;
}

.accordion__checkout > .cdp-panel--disabled .rc-collapse-header {
  color: #bfbfbf;
}

.accordion__checkout > .cdp-panel--disabled .rc-collapse-header .checkout-cdp__form-headline {
  margin-bottom: 0;
}

.accordion__radio {
  margin-bottom: 30px;
  margin-top: 10px;
}

.accordion__radio.checkout-cdp__accordion {
  margin-top: 0;
}

.accordion__radio .rc-collapse-item.no-content.no-content--disabled .rc-collapse-expand-icon .expand-icon {
  border: none;
  box-shadow: inset 0 0 0 9px #e6e6e6;
}

.accordion__radio .rc-collapse-header {
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 400;
  justify-content: flex-start;
  letter-spacing: 0;
  line-height: 150%;
  padding: 16px 0;
}

.accordion__radio .rc-collapse-header .rc-collapse-expand-icon .expand-icon {
  fill: transparent;
  border: 1px solid #212121;
  border-radius: 15px;
  height: 30px;
  margin-right: 15px;
  min-height: 30px;
  min-width: 30px;
  padding: 5px;
  transition: box-shadow 0.33s linear;
  width: 30px;
}

.accordion__radio .rc-collapse-header .rc-collapse-expand-icon .expand-icon:hover {
  border-color: var(--color-brand-bright);
  box-shadow: inset 0 0 0 15px var(--color-brand-bright);
}

.accordion__radio .rc-collapse-header .rc-collapse-expand-icon .expand-icon:active {
  box-shadow: inset 0 0 0 9px var(--color-brand-bright);
}

.accordion__radio .rc-collapse-item-active > .rc-collapse-header {
  pointer-events: none;
}

.accordion__radio .rc-collapse-item-active > .rc-collapse-header .rc-collapse-expand-icon > .expand-icon {
  border-color: #212121;
  box-shadow: inset 0 0 0 9px var(--color-brand-bright);
  transition: box-shadow 0.33s linear;
}

.accordion__radio .rc-collapse-item:last-of-type {
  border-bottom: none;
}

.accordion__radio .rc-collapse-item.no-content .rc-collapse-content {
  display: none;
}

.accordion__faq .rc-collapse-header,
.accordion__standard .rc-collapse-header,
.accordion__store-finder .rc-collapse-header,
.accordion__usercentrics .rc-collapse-header {
  flex-direction: row-reverse;
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 400;
  justify-content: space-between;
  letter-spacing: 0;
  line-height: 150%;
  padding: 22px 13px;
}

.accordion__faq .rc-collapse-header .rc-collapse-expand-icon .expand-icon,
.accordion__standard .rc-collapse-header .rc-collapse-expand-icon .expand-icon,
.accordion__store-finder .rc-collapse-header .rc-collapse-expand-icon .expand-icon,
.accordion__usercentrics .rc-collapse-header .rc-collapse-expand-icon .expand-icon {
  transform: rotate(0deg);
}

.accordion__faq .rc-collapse-item-active > .rc-collapse-header .rc-collapse-expand-icon .expand-icon,
.accordion__standard .rc-collapse-item-active > .rc-collapse-header .rc-collapse-expand-icon .expand-icon,
.accordion__store-finder .rc-collapse-item-active > .rc-collapse-header .rc-collapse-expand-icon .expand-icon,
.accordion__usercentrics .rc-collapse-item-active > .rc-collapse-header .rc-collapse-expand-icon .expand-icon {
  transform: rotate(180deg);
}

.accordion__faq .rc-collapse-content-box,
.accordion__standard .rc-collapse-content-box,
.accordion__store-finder .rc-collapse-content-box,
.accordion__usercentrics .rc-collapse-content-box {
  margin-bottom: 30px;
  margin-top: 30px;
}

.accordion__faq--chanel .category-facets-accordion__header,
.accordion__standard--chanel .category-facets-accordion__header,
.accordion__store-finder--chanel .category-facets-accordion__header,
.accordion__usercentrics--chanel .category-facets-accordion__header {
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 110%;
  text-transform: none;
}

.accordion__faq--chanel .rc-collapse-item:last-of-type,
.accordion__standard--chanel .rc-collapse-item:last-of-type,
.accordion__store-finder--chanel .rc-collapse-item:last-of-type,
.accordion__usercentrics--chanel .rc-collapse-item:last-of-type {
  border-bottom: 0;
}

.accordion__faq--chanel .rc-collapse-content-box,
.accordion__standard--chanel .rc-collapse-content-box,
.accordion__store-finder--chanel .rc-collapse-content-box,
.accordion__usercentrics--chanel .rc-collapse-content-box {
  margin-bottom: 0;
  margin-top: 0;
}

.accordion__faq--chanel .rc-collapse-header .rc-collapse-expand-icon .expand-icon,
.accordion__standard--chanel .rc-collapse-header .rc-collapse-expand-icon .expand-icon,
.accordion__store-finder--chanel .rc-collapse-header .rc-collapse-expand-icon .expand-icon,
.accordion__usercentrics--chanel .rc-collapse-header .rc-collapse-expand-icon .expand-icon {
  transform: rotate(-90deg);
}

.accordion__faq--chanel .category-facets-accordion__title,
.accordion__standard--chanel .category-facets-accordion__title,
.accordion__store-finder--chanel .category-facets-accordion__title,
.accordion__usercentrics--chanel .category-facets-accordion__title {
  text-transform: uppercase;
}

.accordion__cart .rc-collapse-header {
  flex-direction: row-reverse;
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 14px;
  font-weight: 500;
  justify-content: space-between;
  letter-spacing: 0;
  line-height: 110%;
  padding: 16px 0;
}

.accordion__cart .rc-collapse-header .rc-collapse-expand-icon .expand-icon {
  transform: rotate(0deg);
}

.accordion__cart .rc-collapse-content-box {
  margin-bottom: 16px;
  margin-top: 0;
}

@media screen and (min-width: 768px) {
  .accordion__cart .rc-collapse-content-box {
    margin-top: 16px;
  }
}

.accordion__cart .rc-collapse-item:last-of-type {
  border-color: #000;
}

.accordion__cart .rc-collapse-item:last-of-type .rc-collapse-header {
  border-top: 1px solid #000;
}

.accordion__cart .rc-collapse-item-active .rc-collapse-expand-icon .expand-icon {
  transform: rotate(180deg);
}

.accordion__store-finder .rc-collapse-header {
  padding: 22px 13px 22px 0;
}

.accordion__store-finder .rc-collapse-content-box {
  margin: 0;
}

.accordion__brand-teaser .rc-collapse-header {
  border: none;
}

.accordion__brand-teaser .rc-collapse-content-active {
  opacity: 1;
  transition: opacity 0.33s;
}

.accordion__brand-teaser .rc-collapse-anim-active {
  opacity: 0;
  transition: height 0.83s;
}

.accordion__category .rc-collapse-content-box {
  margin: 0;
}

.accordion__category--dior-backstage .category-facet__accordion-button,
.accordion__category--hermes .category-facet__accordion-button {
  font-weight: 500;
}

.accordion__category--dior-backstage .category-facets-accordion__title,
.accordion__category--hermes .category-facets-accordion__title {
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 110%;
}

.accordion__category--dior-backstage .category-facets-accordion__header,
.accordion__category--hermes .category-facets-accordion__header {
  text-transform: uppercase;
}

.accordion__special-brand {
  margin: 30px 0;
  text-transform: none;
}

.accordion__special-brand .accordion__category--level-0 .rc-collapse-header {
  align-items: center;
  border: 1px solid #8a8a8a;
  border-top: none;
  display: flex;
  height: 55px;
  padding: 6px;
}

.accordion__special-brand .category-facet__accordion-button {
  align-items: center;
  background-color: #fff;
  border: 1px solid #8a8a8a;
  color: #000;
  display: flex;
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-weight: 400;
  height: 55px;
  justify-content: space-between;
  margin: 0 auto;
  padding: 6px;
  position: relative;
  text-align: center;
  text-transform: none;
  width: 100%;
}

.accordion__special-brand .link--text:focus {
  color: inherit;
}

.accordion__special-brand .accordion__category--level-1 .category-facets-accordion__title {
  padding-left: 0;
  text-indent: 10px;
}

.accordion__category--level-1.accordion__category--dior-backstage .category-facets-accordion__title,
.accordion__category--level-1.accordion__category--hermes .category-facets-accordion__title {
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 150%;
}

.accordion__category--level-1.accordion__category--dior-backstage .category-facets-accordion__title--final,
.accordion__category--level-1.accordion__category--hermes .category-facets-accordion__title--final {
  color: #000;
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 150%;
}

.accordion__link .rc-collapse-header,
.accordion__simple .rc-collapse-header {
  border: none;
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 150%;
  padding: 3px 0;
}

.accordion__link .rc-collapse-item:last-of-type,
.accordion__simple .rc-collapse-item:last-of-type {
  border: none;
}

.accordion__link .rc-collapse-item-active > .rc-collapse-header .rc-collapse-expand-icon .expand-icon,
.accordion__simple .rc-collapse-item-active > .rc-collapse-header .rc-collapse-expand-icon .expand-icon {
  transform: rotate(180deg);
}

.accordion__simple .rc-collapse-header {
  flex-direction: row-reverse;
  justify-content: space-between;
}

.accordion__simple .rc-collapse-expand-icon .expand-icon {
  height: 19px;
  transform: rotate(0deg);
  width: 19px;
}

.accordion__link .rc-collapse-header {
  flex-direction: row;
  justify-content: flex-start;
  padding: 0;
  text-decoration: underline;
  text-transform: none;
}

.accordion__link .rc-collapse-header:hover {
  color: var(--color-brand-original);
  cursor: pointer;
}

.accordion__expand-icon {
  vertical-align: middle;
}

.accordion--thin-header .rc-collapse-header {
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 150%;
}

.accordion--bottom-border > .rc-collapse-item:last-of-type {
  border-bottom: 1px solid #e6e6e6;
}

.headline-bold,
.headline-semibold {
  margin: 0 0 1em;
  padding: 0;
}

.headline-semibold--small {
  font-size: 12px;
}

.headline-bold,
.headline-semibold--small {
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-weight: 400;
  letter-spacing: 0.5px;
  line-height: 120%;
  text-transform: uppercase;
}

.headline-bold {
  font-size: 24px;
}

.headline-bold--large {
  font-size: 32px;
}

.headline-bold--large,
.headline-bold--small {
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-weight: 400;
  letter-spacing: 0.5px;
  line-height: 120%;
  text-transform: uppercase;
}

.headline-bold--small {
  font-size: 12px;
}

.headline__gwp-offer-section {
  font-size: 18px;
  letter-spacing: 0.5px;
  line-height: 120%;
  margin-bottom: 15px;
  text-transform: uppercase;
}

.headline__gwp-offer-section,
.uc-history-entry {
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-weight: 400;
}

.uc-history-entry {
  font-size: 12px;
  letter-spacing: 0;
  line-height: 150%;
}

.uc-history-entry__header {
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 30px;
  font-weight: 500;
  letter-spacing: 2px;
  letter-spacing: 0.5px;
  line-height: 30px;
}

.uc-history-service {
  margin-bottom: 20px;
  margin-top: 20px;
}

.uc-history-service__title {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 110%;
  margin-bottom: 10px;
}

.uc-history-service__name,
.uc-history-service__title {
  display: block;
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
}

.uc-history-service__name {
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 1.5px;
  line-height: 100%;
  margin-top: 20px;
  text-transform: uppercase;
}

.uc-history-service .data-collected__entry {
  display: inline-block;
  padding: 10px 10px 0;
  position: relative;
  vertical-align: top;
  width: 50%;
}

.uc-history-service .data-collected__entry:before {
  content: '-';
  left: 0;
  position: absolute;
}

.uc-history-service .legal-basis-entry {
  padding-left: 10px;
}

.uc-history-service .legal-basis-entry:before {
  content: '-';
  left: 0;
  position: absolute;
}

.uc-history-service .opt-out__link,
.uc-history-service .privacy-policy__link {
  color: #000;
  line-height: 28px;
  text-decoration: none;
}

.uc-history-service .opt-out__link:hover,
.uc-history-service .privacy-policy__link:hover {
  text-decoration: underline;
}

.uc-history-service .opt-out__title,
.uc-history-service .privacy-policy__title {
  display: block;
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 150%;
  padding-top: 10px;
}

.uc-history-service .status-history-list__item {
  border-bottom: 1px solid #e6e6e6;
  display: flex;
  justify-content: space-between;
  padding: 10px 0;
}

.uc-history-service .status-history-list__item--yes .status-history-list__indicator {
  background-color: #5fc33c;
}

.uc-history-service .status-history-list__indicator {
  background-color: #e6373c;
  border-radius: 50%;
  display: inline-block;
  height: 15px;
  margin-bottom: 0;
  margin-right: 10px;
  width: 15px;
}

.uc-history-service .used-technologies__item:before {
  content: '- ';
}

.category-link {
  color: #000;
  display: block;
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 110%;
  margin-bottom: 10px;
  padding-right: 10px;
  padding-top: 10px;
}

.category-link:hover {
  cursor: pointer;
}

.category-link:first-child {
  padding-top: 40px;
}

.service-link {
  line-height: 25px;
}

.service-link:hover {
  cursor: pointer;
}

.uc-banner-modal__history-layer .uc-history {
  display: block;
}

@media screen and (min-width: 320px) {
  .uc-banner-modal__history-layer .uc-history {
    display: flex;
  }
}

.uc-banner-modal__history-layer .uc-history__sidebar {
  background-color: var(--color-brand-light);
  box-sizing: border-box;
  flex-basis: 230px;
  min-width: 230px;
  padding: 0 0 0 30px;
}

.uc-banner-modal__history-layer .uc-history__content-wrapper {
  max-width: 670px;
  padding: 40px 0 10px 20px;
}

@media screen and (max-width: 767px) {
  .uc-banner-modal__history-layer .uc-history__content-wrapper {
    padding-top: 0;
  }
}

.uc-banner-modal__history-layer .uc-history__content {
  box-sizing: border-box;
}

@media screen and (max-width: 767px) {
  .uc-banner-modal__history-layer .uc-history__content {
    max-width: 95vw;
  }
}

.uc-banner-modal__history-layer .uc-history__content .uc-history-entry {
  padding-right: 30px;
}

.uc-banner-modal__history-layer .uc-history__close-button {
  display: block;
  position: absolute;
  right: 20px;
  top: 15px;
}

.uc-banner-modal__history-layer .uc-history__footer {
  background-color: var(--color-brand-medium);
  bottom: 0;
  display: flex;
  justify-content: center;
  padding: 5px;
  width: 100%;
}

@media screen and (min-width: 768px) {
  .uc-banner-modal__history-layer .uc-history__footer {
    position: absolute;
  }
}

.uc-banner-modal__history-layer .uc-history__footer .imprint-link,
.uc-banner-modal__history-layer .uc-history__footer .privacy-policy-link {
  color: #000;
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 150%;
  text-decoration: none;
}

.uc-banner-modal__history-layer .uc-history__footer .imprint-link:hover,
.uc-banner-modal__history-layer .uc-history__footer .privacy-policy-link:hover {
  text-decoration: underline;
}

.uc-banner-modal__history-layer .sidebar-link-list {
  border-bottom: 1px solid #000;
  margin-bottom: 15px;
  margin-right: 30px;
  padding-bottom: 15px;
}

.uc-banner-modal__history-layer .sidebar-link-list:last-of-type {
  border-bottom: 0;
}

.uc-accordion__header {
  align-items: center;
  display: flex;
}

.uc-accordion__info-button {
  margin-left: auto;
  margin-right: 15px;
}

.uc-accordion__info-icon {
  display: block;
}

.uc-accordion__category-title {
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 150%;
  margin-right: 45px;
  text-transform: uppercase;
}

@media screen and (max-width: 767px) {
  .uc-accordion__category-title {
    align-items: center;
    display: inline-flex;
    min-height: 32px;
    text-transform: none;
  }
}

@media screen and (min-width: 768px) {
  .uc-accordion__category-title {
    font-family:
      Avenir Next,
      Helvetica Neue,
      Helvetica,
      Arial,
      sans-serif;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 150%;
    margin-right: 0;
  }
}

.uc-accordion__service-toggle {
  display: flex;
  justify-content: left;
  padding-top: 15px;
}

@media screen and (max-width: 767px) {
  .uc-accordion__service-toggle {
    margin-right: 16px;
  }
}

.uc-accordion__service-toggle .rc-collapse-content-box {
  margin-left: 0;
}

.uc-accordion__service-toggle .rc-collapse-content-active {
  margin-left: -60px;
}

.service-toggle-data__content {
  padding: 15px 30px 0 0;
}

@media screen and (min-width: 768px) {
  .service-toggle-data__content {
    padding: 15px 0 0;
  }
}

.service-toggle-data__copy,
.service-toggle-data__entry,
.service-toggle-data__id {
  overflow: hidden;
  padding-right: 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  width: 30%;
}

.service-toggle-data__copy {
  color: var(--color-brand-bright);
  cursor: pointer;
}

.service-toggle-data__copy:hover {
  text-decoration: underline;
}

.service-toggle-data__row {
  display: flex;
  justify-content: space-between;
  padding-bottom: 10px;
}

.service-toggle-data .rc-collapse-header {
  line-height: 20px;
  padding: 15px 0 0;
  text-decoration: none;
}

@media screen and (max-width: 767px) {
  .service-toggle-data .rc-collapse-header {
    align-items: center;
    display: flex;
    min-height: 40px;
    padding-top: 8px;
  }
}

.service-toggle-data .rc-collapse-header:hover {
  color: #000;
}

.accordion__usercentrics > .rc-collapse-item > .rc-collapse-header {
  padding-left: 60px;
  padding-right: 25px;
}

@media screen and (min-width: 768px) {
  .accordion__usercentrics > .rc-collapse-item > .rc-collapse-header {
    padding-right: 15px;
  }
}

@media screen and (max-width: 767px) {
  .accordion__usercentrics > .rc-collapse-item > .rc-collapse-header {
    align-items: center;
    display: flex;
    padding-bottom: 18px;
    padding-top: 18px;
  }
}

.accordion__usercentrics .rc-collapse-preheader {
  display: flex;
  padding-top: 5px;
  position: absolute;
}

@media screen and (max-width: 767px) {
  .accordion__usercentrics .rc-collapse-preheader {
    padding-top: 10px;
  }
}

.accordion__usercentrics .rc-collapse-content-box {
  margin-left: 30px;
  margin-top: 0;
}

.uc-list__accordion {
  overflow-y: auto;
  position: relative;
}

.uc-list__buttons {
  display: block;
  flex-direction: row-reverse;
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 14px;
  font-weight: 500;
  justify-content: space-between;
  letter-spacing: 0;
  line-height: 110%;
  margin-top: 5px;
}

@media screen and (min-width: 768px) {
  .uc-list__buttons {
    margin-top: 25px;
  }
}

.uc-list__buttons .button {
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 400;
  height: auto;
  letter-spacing: 0;
  line-height: 150%;
  min-height: 55px;
  padding: 5px 10px;
  width: 100%;
}

@media screen and (min-width: 768px) {
  .uc-list__buttons .button {
    min-width: 100px;
    width: 100%;
  }
}

.uc-list__buttons .button__secondary {
  margin-right: 12px;
}

.uc-list__button-back {
  display: flex;
  justify-content: space-evenly;
  margin-right: auto;
  margin-top: 10px;
}

.uc-list__button-back .button__link {
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 150%;
  padding-left: 0;
}

.uc-list__button-back .button__link .icon {
  margin-right: 10px;
}

.uc-list__button-back .button__link span {
  line-height: 18px;
}

.uc-list__scroll-vertical {
  border-radius: 3px;
  bottom: 2px;
  right: 0;
  top: 2px;
}

.uc-overlay__description {
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 150%;
  max-height: 50vh;
  overflow-y: scroll;
  padding-bottom: 12px;
}

@media screen and (min-width: 768px) {
  .uc-overlay__description {
    font-family:
      Avenir Next,
      Helvetica Neue,
      Helvetica,
      Arial,
      sans-serif;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 150%;
    max-height: none;
    overflow-y: auto;
    padding: 0 0 30px;
  }
}

.uc-overlay__description a {
  color: #000;
}

.uc-overlay__first-layer .uc-banner-title {
  justify-content: space-between;
}

.uc-overlay__first-layer,
.uc-overlay__second-layer {
  padding: 0 10px 10px;
}

@media screen and (min-width: 768px) {
  .uc-overlay__first-layer,
  .uc-overlay__second-layer {
    padding: 0 0 15px;
  }
}

.uc-overlay__footer {
  background-color: var(--color-brand-medium);
  bottom: 0;
  display: flex;
  justify-content: center;
  left: 0;
  padding: 5px;
  right: 0;
}

@media screen and (min-width: 768px) {
  .uc-overlay__footer {
    margin: 0 -30px -29px;
    position: relative;
  }
}

.uc-overlay__footer .imprint-link,
.uc-overlay__footer .privacy-policy-link {
  color: #000;
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 150%;
  text-decoration: none;
}

.uc-overlay__footer .imprint-link:hover,
.uc-overlay__footer .privacy-policy-link:hover {
  text-decoration: underline;
}

.uc-overlay__decline-all-link {
  cursor: pointer;
  display: flex;
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 400;
  justify-content: flex-end;
  letter-spacing: 0;
  line-height: 150%;
  margin-bottom: 10px;
  padding-bottom: 8px;
}

.uc-overlay__decline-all-link span {
  border-bottom: 1px solid #000;
}

.uc-overlay__back-arrow {
  cursor: pointer;
}

.uc-overlay__back-arrow-icon {
  margin-right: 21px;
}

.privacy-policy-link:after {
  background-color: #212121;
  border-radius: 100%;
  content: ' ';
  display: inline-block;
  height: 4px;
  margin: 0 10px;
  vertical-align: middle;
  width: 4px;
}

.uc-banner-title {
  align-items: center;
  display: flex;
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 24px;
  font-weight: 400;
  justify-content: flex-start;
  letter-spacing: 0.5px;
  line-height: 120%;
  margin-bottom: 15px;
  text-transform: uppercase;
}

@media screen and (max-width: 767px) {
  .uc-banner-title {
    display: none;
  }
}

.uc-banner-title .icon {
  cursor: pointer;
  left: 0;
  margin-right: 21px;
  position: relative;
}

.uc-banner-title__decline-all-link {
  cursor: pointer;
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 150%;
}

.uc-banner-title__decline-all-link span {
  border-bottom: 1px solid #000;
}

@media screen and (max-width: 767px) {
  .modal-overlay__root.uc-banner-modal {
    padding: 5px 0 0;
  }
}

.modal-overlay__root.uc-banner-modal__history-layer {
  height: 80vh;
  margin: 0 auto;
  max-width: 900px;
  padding: 0;
}

@media screen and (min-width: 1024px) {
  .modal-overlay__root.uc-banner-modal__history-layer {
    left: calc(50% - 450px);
    width: 90%;
  }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .modal-overlay__root.uc-banner-modal__history-layer {
    left: calc(50% - 393px);
    width: 768px;
  }
}

.uc-fallback-modal .cookie-bar {
  background-color: transparent;
  height: auto;
  position: relative;
}

.uc-fallback-modal .cookie-bar__message,
.uc-fallback-modal .cookie-bar__message-link {
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 150%;
}

.uc-fallback-modal .cookie-bar__close {
  display: none;
}

.button.scroll-to-top-button {
  background-color: #e6e6e6;
  border-radius: 50%;
  bottom: 115px;
  height: 55px;
  margin-bottom: 0;
  position: fixed;
  right: 22px;
  width: 55px;
  z-index: 1000;
}

@media screen and (min-width: 768px) {
  .button.scroll-to-top-button {
    bottom: 55px;
  }
}

.button.scroll-to-top-button--visible {
  opacity: 0.75;
  transition: opacity 0.2s ease-in-out;
  visibility: visible;
}

.button.scroll-to-top-button--hidden {
  opacity: 0;
  transition:
    visibility 0.2s ease-in-out,
    opacity 0.2s ease-in-out;
  visibility: hidden;
}

.slideout-menu {
  background-color: var(--color-nav-mobile-background);
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
  left: 0;
  overflow-y: scroll;
  position: fixed;
  top: 0;
  transition-property: transform;
  will-change: transform;
  z-index: 999;
}

.slideout-menu * {
  touch-action: pan-y;
}

.Qp0nglp9HwQoAABaqMzG {
  align-items: flex-start;
  display: flex;
  font-weight: 400;
  margin: 12px 0;
}

.Qp0nglp9HwQoAABaqMzG,
.Qp0nglp9HwQoAABaqMzG strong {
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 150%;
}

.Qp0nglp9HwQoAABaqMzG strong {
  font-weight: 500;
}

.upQrSgPgSP94xfhPy6Ks {
  margin-left: 0.5rem;
}

.YugEmtLn3sdBt5zvV4Fi {
  border-radius: 50%;
  flex: none;
  height: 0.5rem;
  margin-top: 5px;
  width: 0.5rem;
}

.SNHNF9YYzZvbKeRcjp74 {
  background-color: #5fc33c;
}

.k2zUAJG8aEPCtaN19gc_ {
  background-color: #e6373c;
}

.V__IFOcaO9zYAA_1NfZA {
  background-color: #ff9b14;
}

.lx5Vi4f5UQdvHzuteiXk {
  align-items: center;
  cursor: pointer;
  display: flex;
  gap: 12px;
}

.k2UomcVYyoSWGwswzsjy > div {
  margin: 0;
}

.frLcwcHsQsgQ_otn0NA9 {
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 150%;
}

.OTXp1kOXiWoaMEEgB0Du {
  align-self: baseline;
}

.fbyr5Oy0VLl4MiB0EwNK {
  -ms-grid-row-align: center;
  align-self: center;
}

.language-switch {
  align-items: center;
  display: flex;
  justify-content: flex-end;
  width: 100%;
}

.language-switch__language-button-wrapper {
  align-items: center;
  display: flex;
  justify-content: center;
  position: relative;
}

.language-switch__language-button-wrapper:not(:last-of-type):after {
  border-right: 1px solid #000;
  content: ' ';
  height: 8px;
  margin: 0 5px;
}

.language-switch__language-button {
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 150%;
  text-transform: uppercase;
  width: 14px;
}

.language-switch__language-button:hover {
  text-decoration: underline;
}

.language-switch__language-button--active {
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 150%;
  text-decoration: underline;
  width: 16px;
}

.language-switch--mobile {
  display: block;
}

.language-switch--mobile .language-switch__item {
  display: block;
  height: 45px;
  position: relative;
  text-decoration: none;
  width: 100%;
}

.language-switch--mobile .language-switch__language-button {
  align-items: center;
  display: flex;
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 400;
  justify-content: space-between;
  letter-spacing: 0;
  line-height: 150%;
  padding-left: 13px;
  padding-right: 13px;
  text-transform: none;
  width: 100%;
}

.language-switch--mobile .language-switch__language-button:active,
.language-switch--mobile .language-switch__language-button:focus,
.language-switch--mobile .language-switch__language-button:hover {
  background-color: var(--color-brand-light);
  color: #000;
  text-decoration: none;
}

.language-switch--mobile .language-switch__language-button .icon {
  fill: #000;
  display: inline-block;
  margin-left: 10px;
}

@keyframes content-move-from-right-to-left {
  0% {
    transform: translate(0);
  }

  50% {
    transform: translate(100%);
  }

  51% {
    transform: translate(-100%);
  }

  to {
    transform: translate(0);
  }
}

@keyframes content-move-to-left {
  0% {
    opacity: 1;
    transform: translate(0);
  }

  to {
    opacity: 0;
    transform: translate(-100%);
  }
}

@keyframes content-move-from-right {
  0% {
    opacity: 0;
    transform: translate(100%);
  }

  to {
    opacity: 1;
    transform: translate(0);
  }
}

.nav-mobile {
  display: block;
  min-width: 314px;
  padding: 0 16px;
  position: relative;
  width: 314px;
}

.nav-mobile__header {
  align-items: center;
  background-color: var(--color-nav-mobile-background);
  border-bottom: 1px solid #e6e6e6;
  display: flex;
  height: 56px;
  padding: 16px 0;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  width: 282px;
  z-index: 100;
}

.nav-mobile__header-title {
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0.5px;
  line-height: 120%;
  margin-left: 16px;
  margin-right: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  vertical-align: -3px;
  white-space: nowrap;
  width: 100%;
}

.nav-mobile__header-button.button {
  font-weight: 500;
  text-transform: none;
}

.nav-mobile__header-button {
  height: auto;
  margin-bottom: 0;
  padding: 0;
}

.nav-mobile__header-button--store-finder {
  display: flex;
  letter-spacing: 0;
  margin-right: auto;
  text-align: left;
}

.nav-mobile__header-button--close,
.nav-mobile__header-button--home {
  flex: 0 0 24px;
}

.nav-mobile__backdrop {
  background-color: #212121;
  display: none;
  height: 100vh;
  left: 0;
  opacity: 0.3;
  position: fixed;
  top: 0;
  width: 100vw;
  z-index: 999;
}

.mobile-menu-is-open .nav-mobile__backdrop {
  display: block;
}

.nav-mobile__store-finder-link {
  margin-left: 10px;
  overflow: hidden;
  text-align: left;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  width: 25ch;
}

.nav-mobile__store-finder-link.link--text {
  line-height: 40px;
  text-decoration: none;
}

.nav-mobile__store-finder-link.link--text:active,
.nav-mobile__store-finder-link.link--text:focus,
.nav-mobile__store-finder-link.link--text:hover {
  color: #000;
}

.nav-mobile-list__item {
  height: 56px;
}

.nav-mobile-dynamic__item.link.link--text {
  display: block;
  display: inline-block;
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 400;
  height: 56px;
  letter-spacing: 0.5px;
  line-height: 120%;
  line-height: 56px;
  overflow: hidden;
  position: relative;
  text-decoration: none;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
  width: 100%;
}

.nav-mobile-dynamic__item--highlighted {
  max-width: 38ch;
}

.nav-mobile-dynamic__link {
  max-width: 38ch;
}

.nav-mobile-dynamic__item-title,
.nav-mobile-dynamic__link {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}

.nav-mobile-dynamic__item-title {
  display: inline-block;
  max-width: 33ch;
}

.nav-mobile-dynamic__item-arrow-icon {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.nav-mobile-dynamic--highlight .nav-mobile-dynamic__item-title {
  padding: 0 7px 0 0;
  position: relative;
  z-index: 1;
}

.nav-mobile-dynamic--highlight .nav-mobile-dynamic__item-title:before {
  background-color: var(--color-nav-mobile-constant-background);
  bottom: 10px;
  content: '';
  height: 24px;
  left: -5px;
  position: absolute;
  transition: height 0.16s;
  width: 100%;
  z-index: -1;
}

.nav-mobile-dynamic__sub-menu {
  height: 0;
  overflow: hidden;
}

.nav-mobile-dynamic__sub-menu-item,
.nav-mobile-dynamic__sub-menu-item.link.link--text {
  display: block;
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 150%;
  padding-left: 30px;
  position: relative;
  text-decoration: none;
}

.nav-mobile-dynamic__sub-menu-item .icon,
.nav-mobile-dynamic__sub-menu-item.link.link--text .icon {
  position: absolute;
  right: 14px;
  top: calc(50% - 9px);
  transition: transform 0.25s;
}

.nav-mobile-dynamic__sub-menu-item.link.link--text:first-letter,
.nav-mobile-dynamic__sub-menu-item:first-letter {
  text-transform: capitalize;
}

.nav-mobile-dynamic__sub-menu .loader-mobile {
  display: flex;
  height: 45px;
}

.nav-mobile-dynamic__root-level .nav-mobile-dynamic__item.link.link--text {
  font-weight: 400;
}

.nav-mobile__slide-in--rtl .nav-mobile-dynamic {
  animation: content-move-from-right-to-left 0.15s cubic-bezier(0.42, 0, 0, 1);
  animation-fill-mode: forwards;
}

.nav-mobile__slide-in--l .nav-mobile-dynamic {
  animation: content-move-to-left 0.3s cubic-bezier(0.42, 0, 0, 1);
  animation-fill-mode: forwards;
}

.nav-mobile__slide-in--r .nav-mobile-dynamic {
  animation: content-move-from-right 0.3s cubic-bezier(0.42, 0, 0, 1);
  animation-fill-mode: forwards;
}

.nav-mobile__constant-item-symbol {
  max-height: 45px;
  max-width: 37px;
  position: relative;
}

.nav-mobile__constant-item-symbol .number-badge {
  transform: scale(1) translate(13px, 7px);
}

.nav-mobile__constant-item-user-action {
  flex: 1 1;
}

.nav-mobile__constant-item-text {
  border-bottom: 1px solid #000;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}

.nav-mobile__constant-item-text:active,
.nav-mobile__constant-item-text:hover {
  border-bottom: none;
}

.nav-mobile__constant-item.link.link--text {
  display: block;
  display: flex;
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 150%;
  position: relative;
  text-decoration: none;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}

.nav-mobile__constant-item.link.link--text:visited {
  color: #595959;
}

.nav-mobile__constant-item.link.link--text:disabled {
  color: #bfbfbf;
}

.nav-mobile__constant-item {
  align-items: center;
  border: 1px solid transparent;
  display: flex;
  height: 40px;
  line-height: 16px;
  padding: 12px;
  position: relative;
}

.nav-mobile__constant-item:focus {
  border-color: #000;
}

.nav-mobile__constant-item-list {
  background-color: var(--color-nav-mobile-constant-background);
  padding: 8px 8px 16px 4px;
}

.nav-mobile__constant-item--logout {
  float: right;
  font-size: 12px;
  margin-right: 15px;
  text-decoration: underline;
}

.nav-mobile__constant-item-count {
  background: #000;
  border-radius: 50%;
  color: #fff;
  font-weight: 600;
  height: 19px;
  left: 20px;
  letter-spacing: normal;
  line-height: 19px;
  position: absolute;
  text-align: center;
  top: 8px;
  width: 19px;
}

.nav-mobile__constant-item-user-icon-silhouette {
  display: block;
}

.nav-mobile__constant-language-select {
  background-color: #f2f2f2;
  padding-bottom: 45px;
  padding-top: 45px;
}

.nav-mobile__constant--france .nav-mobile__constant-item.link.link--text {
  color: #fff;
}

.nav-mobile__constant--france .nav-mobile__constant-item-text,
.nav-mobile__constant--france .nav-mobile__constant-item:focus {
  border-color: #fff;
}

.dsa-confirmation__content {
  margin-top: 55px;
}

.dsa-confirmation__content--title {
  font-size: 14px;
  line-height: 110%;
}

.dsa-confirmation__content--description,
.dsa-confirmation__content--title {
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-weight: 400;
  letter-spacing: 0;
}

.dsa-confirmation__content--description {
  font-size: 12px;
  line-height: 150%;
}

.Xb47GlA0NLE5smum5WJM {
  align-items: center;
  border-radius: 4px;
  display: inline-flex;
  height: 32px;
  justify-content: center;
  width: 32px;
}

.Xb47GlA0NLE5smum5WJM:active,
.Xb47GlA0NLE5smum5WJM:hover {
  background-color: #f2f2f2;
}

.Xb47GlA0NLE5smum5WJM:has(.L0cGE_g_MG_wpv4Hq1Rn:focus) {
  border: 2px solid #000;
}

.W6j8CzRiDYgzzmWaN3mI:active,
.W6j8CzRiDYgzzmWaN3mI:hover,
.bYL4lTWbxUfOL1Y4Bx4Q:active,
.bYL4lTWbxUfOL1Y4Bx4Q:hover {
  background-color: transparent;
}

.W6j8CzRiDYgzzmWaN3mI:has(.L0cGE_g_MG_wpv4Hq1Rn:focus),
.bYL4lTWbxUfOL1Y4Bx4Q:has(.L0cGE_g_MG_wpv4Hq1Rn:focus) {
  border: none;
}

.vf70ECWPryhwUiUJTK0s {
  align-items: center;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
  border: 1px solid #595959;
  border-radius: 4px;
  cursor: pointer;
  display: flex;
  height: 24px;
  justify-content: center;
  transition:
    background-color 0.2s ease-in-out,
    border-color 0.2s ease-in-out;
  width: 24px;
}

.vf70ECWPryhwUiUJTK0s:hover {
  border-color: #000;
}

.vf70ECWPryhwUiUJTK0s:focus {
  outline: none;
}

.Cw5O7jSKEFNNR8TAnWOa {
  background-color: #212121;
  border: 1px solid #000;
  border-radius: 4px;
}

.i2VhXEExyzPyBcsQD58h {
  background-color: #f2f2f2;
  border: 1px solid #bfbfbf;
}

.i2VhXEExyzPyBcsQD58h:active,
.i2VhXEExyzPyBcsQD58h:focus,
.i2VhXEExyzPyBcsQD58h:hover {
  border-color: #bfbfbf;
}

.G7h_KOC9hltEtOF2sTX4 {
  border-color: #e6373c;
}

.G7h_KOC9hltEtOF2sTX4.Cw5O7jSKEFNNR8TAnWOa {
  background-color: #e6373c;
  border-color: #e6373c;
}

.L0cGE_g_MG_wpv4Hq1Rn {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  height: 32px;
  margin: 0;
  opacity: 0;
  position: absolute;
  width: 32px;
  z-index: 10;
}

.r6FyvHgQX9bfPHDVpkvr {
  cursor: not-allowed;
}

.input-checkbox {
  align-items: center;
  display: flex;
  line-height: 22px;
  margin-bottom: 15px;
}

.input-checkbox--top {
  align-items: flex-start;
}

.input-checkbox--disabled {
  pointer-events: none;
}

.input-checkbox--no-margin-bottom {
  margin-bottom: 0;
}

.input-checkbox__inner-wrapper {
  line-height: 0;
  position: relative;
}

.input-checkbox__error {
  color: #e6373c;
  display: flex;
  flex-basis: 100%;
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 150%;
  margin: 5px 0 0 6px;
}

.input-checkbox__validation-icon {
  fill: #e6373c;
  margin-right: 20px;
}

.input-checkbox__error-message {
  flex-basis: 100%;
}

.input-checkbox__label {
  cursor: pointer;
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 150%;
  margin: 0 8px;
  max-width: calc(100% - 45px);
}

.input-checkbox__label--hidden {
  position: absolute;
  visibility: hidden;
}

.input-checkbox__inner-wrapper--error .input-checkbox__input {
  border-color: #e6373c;
}

.info-button {
  cursor: pointer;
}

.input {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.input__container {
  display: inline-block;
  margin-bottom: 15px;
  position: relative;
  width: 100%;
}

.input__container--with-tooltip .input__inner-wrapper,
.input__container--with-tooltip .input__inner-wrapper--error {
  display: inline-block;
  width: calc(100% - 33px);
}

.input__container--noMargin {
  margin-bottom: 0;
}

.input__container .input__ticker {
  animation-duration: 0.8s;
  animation-iteration-count: 2;
  animation-name: blink;
  background-color: #212121;
  color: inherit;
  display: none;
  height: 17px;
  left: 7px;
  opacity: 1;
  position: absolute;
  text-shadow: inherit;
  top: 6px;
  width: 1px;
}

.input__container .input__ticker--hidden {
  color: transparent;
  text-shadow: 0 0 0 #000;
}

@media screen and (max-width: 1023px) {
  .input__container .input__ticker--hidden {
    color: inherit;
    text-shadow: inherit;
  }
}

.input__container .input__input {
  -webkit-appearance: none;
  appearance: none;
  -moz-appearance: textfield;
  background-color: transparent;
  border: 1px solid #8a8a8a;
  border-radius: 4px;
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 400;
  height: 100%;
  letter-spacing: 0;
  line-height: 150%;
  line-height: 0;
  outline: none;
  padding: 17px 50px 17px 15px;
  -webkit-transform: translateZ(0);
  width: 100%;
}

.input__container .input__input[type='password'] ~ .button__with-icon--input {
  opacity: 0.7;
}

.input__container .input__input::-webkit-inner-spin-button,
.input__container .input__input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  appearance: none;
  margin: 0;
}

.input__container .input__input::-webkit-input-placeholder {
  color: #8a8a8a;
}

.input__container .input__input::-moz-placeholder {
  color: #8a8a8a;
}

.input__container .input__input:-ms-input-placeholder {
  color: #8a8a8a;
}

.input__container .input__input::placeholder {
  color: #8a8a8a;
}

.input__container .input__input:focus {
  padding: 23px 50px 11px 15px;
}

.input__container .input__input:focus + .input__ticker {
  display: block;
}

@media screen and (max-width: 1023px) {
  .input__container .input__input:focus + .input__ticker {
    display: none;
  }
}

.input__container .input__input:focus[type='password'] ~ .button__with-icon--input {
  opacity: 1;
}

.input__container .input__input:hover {
  border-color: #212121;
}

.input__container .input__input:hover[type='password'] ~ .button__with-icon--input {
  opacity: 1;
}

.input__container .input__input::-ms-clear,
.input__container .input__input::-ms-reveal {
  display: none;
}

.input__container .input__input--dirty {
  padding: 23px 50px 11px 15px;
}

.input__container .input__input--error {
  border: 1px solid #e6373c;
}

.input__container .input__input--info {
  border: 1px solid #ff9b14;
}

.input__container .input__validation-icon {
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
}

.input__container .input__inner-wrapper {
  background-color: #fff;
  line-height: 0;
  position: relative;
}

.input__container .input__inner-wrapper--show-confirmation .input__input {
  border: 1px solid #5fc33c;
}

.input__container .input__inner-wrapper--show-confirmation + span {
  color: #5fc33c;
}

.input__container .input__inner-wrapper--not-valid .input__input {
  border: 1px solid #e6373c;
}

.input__container .input__inner-wrapper--not-valid + span {
  color: #e6373c;
}

.input__container .input__inner-wrapper .input__container {
  margin-bottom: 0;
}

.input__container .input__label {
  color: #8a8a8a;
  display: none;
  left: 15px;
  position: absolute;
  top: 6px;
}

.input__container .input__error,
.input__container .input__label {
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 150%;
}

.input__container .input__error {
  color: #e6373c;
  margin-top: 2px;
  padding: 5px 0 0 15px;
  text-align: left;
}

.input__container .input__error--old {
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 150%;
  padding-left: 30px;
}

.input__container .input__element {
  border: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.input__container .input__element--right {
  right: 18px;
}

.input__container .input__hint {
  color: #8a8a8a;
  display: inline-block;
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 150%;
  margin-top: 5px;
  padding: 5px 0 0 15px;
  width: 100%;
}

.input__container .input__hint--placeholder {
  min-height: 20px;
}

.input__container .input--bordered {
  border: 1px solid #212121;
}

.input__container--textarea textarea {
  resize: vertical;
}

.input__container--textarea textarea:not(:empty) + .input__label {
  background-color: #fff;
  display: block;
  left: 1px;
  padding-left: 14px;
  padding-top: 6px;
  right: 1px;
  top: 1px;
}

.input__container--textarea textarea.input__input {
  line-height: 22px;
}

.input__container--textarea .input__validation-icon {
  top: 25px;
}

.input__container--underlined {
  height: 29px;
}

.input__container--underlined .input__input {
  border: none;
  border-bottom: 1px solid #000;
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 150%;
  padding: 5px 25px 6px 3px;
}

.input__container--underlined .input__element--right {
  right: 4px;
}

.input__container--noLabel:not(.input__container--grey) .input__input:focus {
  border: 1px solid var(--color-brand-input-text-focus);
}

.input__container:not(.input__container--noLabel):not(.input__container--underlined):not(.input__container--grey):not(
    .input__container--password
  )
  .input__input:not(textarea):not([value=''])
  + .input__label {
  display: block;
}

.input__container:not(.input__container--noLabel):not(.input__container--underlined):not(.input__container--grey):not(
    .input__container--password
  )
  .input__input:focus {
  border: 1px solid var(--color-brand-input-text-focus);
}

.input__container:not(.input__container--noLabel):not(.input__container--underlined):not(.input__container--grey):not(
    .input__container--password
  )
  .input__input:focus::-webkit-input-placeholder {
  color: transparent;
}

.input__container:not(.input__container--noLabel):not(.input__container--underlined):not(.input__container--grey):not(
    .input__container--password
  )
  .input__input:focus::-moz-placeholder {
  color: transparent;
}

.input__container:not(.input__container--noLabel):not(.input__container--underlined):not(.input__container--grey):not(
    .input__container--password
  )
  .input__input:focus::-ms-input-placeholder {
  color: transparent;
}

.input__container:not(.input__container--noLabel):not(.input__container--underlined):not(.input__container--grey):not(
    .input__container--password
  )
  .input__input:focus
  + .input__label {
  display: block;
}

.input__container--disabled .input__inner-wrapper {
  background-color: #f2f2f2;
  border-radius: 4px;
}

.input__container--disabled .input__input {
  -webkit-text-fill-color: #8a8a8a;
  border: none;
  color: #8a8a8a;
}

.input__tooltip {
  align-items: center;
  display: inline-flex;
  height: 33px;
  justify-content: center;
  margin-top: 11px;
  vertical-align: top;
  width: 33px;
}

.input__tooltip-modal [data-rsbs-content] {
  margin: 16px;
}

@keyframes blink {
  0% {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.dsa-submission__subtitle {
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 24px;
  font-weight: 400;
  letter-spacing: 0.5px;
  line-height: 120%;
  text-transform: uppercase;
}

.dsa-submission__anonymous {
  margin: 30px 0;
}

.dsa-submission__anonymous--description,
.dsa-submission__anonymous--label {
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 150%;
}

.dsa-submission__anonymous--description {
  color: #8a8a8a;
  margin-left: 45px;
}

.dsa-submission__checkboxes {
  margin: 30px 0;
}

.dsa-submission__form-container {
  max-height: 200px;
  opacity: 1;
  overflow: hidden;
  transition:
    opacity 0.5s ease-out,
    max-height 0.5s ease-out;
}

.dsa-submission__form-container.hidden {
  max-height: 0;
  opacity: 0;
}

.dsa-submission__accordion .rc-collapse-item .rc-collapse-header .rc-collapse-header-text {
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 150%;
}

.dsa-submission__accordion-content {
  padding: 0 13px;
}

.dsa-navigation {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-top: 45px;
}

@media screen and (max-width: 767px) {
  .dsa-navigation {
    flex-direction: column;
  }
}

.dsa-navigation__back.button {
  color: #8a8a8a;
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 150%;
  min-width: auto;
  padding: 0;
}

@media screen and (max-width: 767px) {
  .dsa-navigation__back.button {
    display: none;
  }
}

.dsa-navigation__back--hide {
  display: none;
}

.dsa-navigation__submit {
  word-wrap: break-word;
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 150%;
  width: 100%;
}

@media screen and (min-width: 768px) {
  .dsa-navigation__submit {
    margin-left: auto;
    max-width: 255px;
  }
}

.dsa-navigation__submit--hide {
  display: none;
}

@media screen and (max-width: 767px) {
  .dsa-navigation__submit .button--disabled:hover:not(.follow-button--followed) {
    background-color: #f2f2f2;
    background: #f2f2f2;
    color: #bfbfbf;
  }
}

.progress-bar {
  background-color: #fff;
  height: 5px;
  max-height: 5px;
  width: 100%;
}

.progress-bar__inner {
  background-color: var(--color-brand-bright);
  height: 100%;
}

.linear-progress {
  background-color: #f2f2f2;
  border-radius: 8px;
  height: 4px;
  max-height: 4px;
  overflow: hidden;
  width: 100%;
}

.linear-progress__inner {
  background-color: var(--color-brand-bright);
  border-radius: 8px;
  height: 100%;
  transition: transform 0.2s ease-in-out;
  width: 100%;
}

.B2b7WnZ1hqoKpYvZbyza {
  align-items: center;
  display: flex;
  height: 24px;
  margin-bottom: 50px;
}

@media screen and (max-width: 767px) {
  .B2b7WnZ1hqoKpYvZbyza {
    margin-right: 24px;
  }

  .B2b7WnZ1hqoKpYvZbyza .Kpzgfuh2LikzmWe_xnoc {
    margin: 0 20px;
  }
}

.B2b7WnZ1hqoKpYvZbyza .lh0fuJPs04sSAf3Vi8a3 {
  flex-shrink: 0;
  width: 24px;
}

.B2b7WnZ1hqoKpYvZbyza .lh0fuJPs04sSAf3Vi8a3 .vz2IVdEztnn06syoLxqu {
  margin-bottom: 0;
  padding-left: 0;
}

.i0o_C4sb5cZOA3RBbvrG {
  margin-top: 32px;
}

.i0o_C4sb5cZOA3RBbvrG .JV2G5hVniD16IsLsqJmv {
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 110%;
}

.i0o_C4sb5cZOA3RBbvrG ul {
  margin: 16px 0;
}

.i0o_C4sb5cZOA3RBbvrG ul li {
  border-top: 1px solid #e6e6e6;
  cursor: pointer;
  padding: 16px;
  text-decoration: underline;
}

.i0o_C4sb5cZOA3RBbvrG ul li:last-of-type {
  border-bottom: 1px solid #e6e6e6;
}

.iafGu7loVmdmjoQOO62_ {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 110%;
}

.iafGu7loVmdmjoQOO62_,
.lv2tuhQ2ZxbDo2JN1oVa {
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
}

.lv2tuhQ2ZxbDo2JN1oVa {
  font-weight: 500;
}

.aoSeCaM6Ibn4RnzF3pWF {
  padding: 10px 0;
}

.PB8oygQvUwnO7gYMIzuP {
  color: #8a8a8a;
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 150%;
  padding-left: 15px;
}

.VbNn6l3YYOur40pF2qgF .TG1VXZ3zR6pm4Eyv6Vzn {
  margin: 16px 0;
}

.VbNn6l3YYOur40pF2qgF .HOwulSk7bzpEMGZUtZ9Y {
  padding: 10px 0 8px;
}

.VbNn6l3YYOur40pF2qgF .Vsft7fWu_iK_C25fOeSB {
  margin-bottom: 5px;
}

.VbNn6l3YYOur40pF2qgF .ODrD0zpzS6NqsFCaFbt2 {
  color: #000;
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 150%;
  margin-bottom: 10px;
}

.s2w03hRDEkegzIC5Mcpy {
  font-weight: 500;
  margin: 24px 0 0;
}

.s2w03hRDEkegzIC5Mcpy,
.xvvPEwAY0XqAVuz8Qawy {
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
}

.xvvPEwAY0XqAVuz8Qawy {
  font-size: 32px;
  font-weight: 400;
  letter-spacing: 0.5px;
  line-height: 120%;
  margin-bottom: 32px;
  text-transform: uppercase;
}

@media screen and (max-width: 767px) {
  .report-violation__content {
    padding: 13px 16px;
  }
}

.report-violation__content--header {
  margin-bottom: 30px;
}

.report-violation__content--header .modal-header__title {
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 110%;
}

.report-violation__content--message {
  margin-bottom: 15px;
}

.report-violation__content--button-container {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.report-violation__content--button-container--button .link-primary {
  color: #fff;
}

.report-violation__content-container {
  margin-bottom: 30px;
}

.paragraph {
  margin: 10px 0;
  max-width: 100%;
  overflow: hidden;
}

.paragraph a {
  color: #000;
}

.paragraph ul {
  list-style: disc inside;
}

.G05sw09lSIGFZ0mEf01K {
  -ms-grid-columns: auto auto;
  align-items: center;
  -webkit-column-gap: 10px;
  -moz-column-gap: 10px;
  column-gap: 10px;
  display: -ms-grid;
  display: grid;
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 500;
  grid-template-columns: auto auto;
  justify-content: start;
  letter-spacing: 0;
  line-height: 150%;
  margin-bottom: 8px;
  text-transform: capitalize;
}

.dsa-reporting {
  align-items: center;
  display: flex;
  gap: 8px;
  text-underline-offset: 5px;
}

.dsa-reporting--onlyIcon {
  margin: 0;
  min-width: inherit;
  padding: 0;
}

.dsa-reporting--text {
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 150%;
}

@media screen and (max-width: 767px) {
  .wJ8l7bzsdB2OMv7WZvfH {
    padding: 13px 16px;
  }

  .wJ8l7bzsdB2OMv7WZvfH .eADb_kuAPtzhHnTocKJb {
    display: none;
  }
}

.wJ8l7bzsdB2OMv7WZvfH .fLMSUaUDPvU9q1GltJg3 {
  padding-left: 0;
}

.wJ8l7bzsdB2OMv7WZvfH .l7NFqR0ilVTdjqNRj1Kd {
  margin: 6px 0 16px;
  padding-left: 0;
}

@media screen and (min-width: 768px) {
  .wJ8l7bzsdB2OMv7WZvfH .l7NFqR0ilVTdjqNRj1Kd {
    margin: 20px 0 30px;
  }
}

.wJ8l7bzsdB2OMv7WZvfH .PNiQUen3NoZpECitE10q {
  flex-direction: row-reverse;
}

.wJ8l7bzsdB2OMv7WZvfH .jVk85cCmaIvLOzsinAQL {
  height: 20vh;
}

.report-modal-content__header {
  margin: 16px 0;
}

.report-modal-content__button {
  align-items: center;
  border-bottom: 1px solid #e6e6e6;
  border-radius: inherit;
  color: #000;
  display: flex;
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 500;
  gap: 13px;
  height: 52px;
  letter-spacing: 0;
  line-height: 150%;
  padding-left: 15px;
  text-transform: inherit;
  width: -webkit-fill-available;
}

@media screen and (min-width: 768px) {
  .report-modal-content__button {
    border-top: 1px solid #e6e6e6;
    padding-left: 0;
  }
}

.report-modal-content__icon {
  min-width: 19px;
}

.select-sponsors-report-livebuy--app .report-modal-content__button {
  border-top: none;
}

.Pv3ENlooLQTLaOiqMSFD {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  border: none;
  height: auto;
  margin: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.Pv3ENlooLQTLaOiqMSFD:focus {
  outline: none !important;
}

.tooltip-content {
  background-color: #fff;
  border-radius: 4px;
  margin: 0 16px;
  padding: 12px;
  position: fixed;
  text-align: center;
  width: -moz-available;
  width: -webkit-fill-available;
  width: fill-available;
  z-index: 100;
}

.tooltip-content .tooltip-heading {
  font-size: 24px;
  letter-spacing: 0.5px;
  line-height: 120%;
  text-transform: uppercase;
}

.tooltip-content .tooltip-content-text,
.tooltip-content .tooltip-heading {
  color: #000;
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-weight: 400;
}

.tooltip-content .tooltip-content-text {
  font-size: 12px;
  letter-spacing: 0;
  line-height: 150%;
}

.tooltip-content .tooltip-badge {
  background: #000;
  border-radius: 15px;
  color: #fff;
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-weight: 500;
  padding: 2px 6px;
  position: relative;
  top: 8px;
}

.tooltip-arrow:after {
  border: 5px solid transparent;
  border-bottom-color: #000;
  bottom: 100%;
  content: '';
  left: 50%;
  margin-left: -5px;
  position: fixed;
}

.tooltip-arrow {
  background-color: #fff;
  -webkit-clip-path: polygon(50% 0, 0 100%, 100% 100%);
  clip-path: polygon(50% 0, 0 100%, 100% 100%);
  display: flex;
  height: 21px;
  position: fixed;
  width: 30px;
  z-index: 1000;
}

.tooltip-closing-button {
  height: 11px;
  position: absolute;
  right: 12px;
  top: 8px;
  width: 11px;
}

.tooltip-page-container__highlighted {
  animation: tooltip-fade-in 0.5s;
  background: rgba(0, 0, 0, 0.2);
  height: 100%;
  left: 0;
  margin: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 100;
}

.tooltip-page-container__hidden {
  display: none;
}

@keyframes tooltip-fade-in {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.brands-list-item__container {
  min-width: 0;
}

.brands-list-item {
  align-items: center;
  display: flex;
  flex-direction: row;
  padding: 16px 1px;
  position: relative;
  text-decoration: none;
  width: 100%;
}

.brands-list-item__link {
  align-items: center;
  display: flex;
  max-width: calc(100% - 19px);
}

.brands-list-item__headline {
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 110%;
  margin: 0 16px 0 0;
  max-width: calc(100% - 70px);
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media screen and (min-width: 768px) {
  .brands-list-item__headline {
    font-family:
      Avenir Next,
      Helvetica Neue,
      Helvetica,
      Arial,
      sans-serif;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 150%;
  }
}

.brands-list-item__headline.shop {
  margin: 0;
}

.brands-list-item__separator {
  border-bottom: 1px solid #e6e6e6;
}

.platform-app .brands-list-item {
  padding: 12px 24px 12px 16px;
}

.template-content {
  margin-top: 0;
}

.not-found-component__alert {
  margin-bottom: 64px;
  width: 100%;
}

@media screen and (min-width: 1024px) {
  .not-found-component__alert {
    margin-bottom: 96px;
  }
}

@media screen and (max-width: 767px) {
  .not-found-component__cms-slot {
    margin-left: -13px;
    margin-right: -13px;
    width: 100vw;
  }
}

.not-found-component__row {
  align-items: center;
  flex-direction: column;
  margin: 0;
}

.not-found-component__row.flex-row {
  margin: 0;
}

.not-found-component__button {
  margin-top: 30px;
}

@media screen and (min-width: 768px) {
  .not-found-component__button {
    width: 171px;
  }
}

.not-found-component__contact-text {
  margin-bottom: 60px;
  margin-top: 25px;
}

@media screen and (min-width: 768px) {
  .not-found-component__contact-text {
    margin-top: 30px;
  }
}

.not-found-component .search-box {
  margin: 60px auto 0;
  width: 100%;
}

@media screen and (min-width: 1024px) {
  .not-found-component .search-box {
    width: 791px;
  }
}

.not-found-component .search-box__input-group .input__inner-wrapper .search-box__input-text,
.not-found-component .search-box__input-group .input__inner-wrapper .search-box__input-text:focus {
  height: 55px;
  padding-left: 12px;
  padding-right: 18px;
}

.not-found-component .search-box__input-group .input__inner-wrapper .input__element--right {
  right: 18px;
}

.platform-app .not-found-page {
  padding-top: 16px;
}

@media screen and (min-width: 768px) {
  .platform-app .not-found-page {
    padding-top: 64px;
  }
}

@media screen and (min-width: 1024px) {
  .platform-app .not-found-page {
    padding-top: 96px;
  }
}

.not-found-page {
  padding-top: 16px;
}

@media screen and (min-width: 768px) {
  .not-found-page {
    padding-top: 64px;
  }
}

@media screen and (min-width: 1024px) {
  .not-found-page {
    padding-top: 96px;
  }
}

.base-headline-bold,
.base-headline-semibold {
  margin: 0 0 1em;
  padding: 0;
}

.base-headline-semibold--small {
  font-size: 12px;
  font-weight: 500;
  line-height: 150%;
}

.base-headline-bold,
.base-headline-semibold--small {
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  letter-spacing: 0;
}

.base-headline-bold {
  font-size: 14px;
  font-weight: 400;
  line-height: 110%;
}

.image {
  flex-shrink: 0;
  max-height: 100%;
  max-width: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  transition: opacity 0.2s ease-in-out;
}

.image-static {
  width: 100%;
}

.image-placeholder {
  display: flex;
  height: 100%;
  opacity: 1;
  position: absolute;
  transform: translate(0);
  transition: opacity 0.2s ease-in-out;
  width: 100%;
}

.image-placeholder--background {
  background-color: #f2f2f2;
}

.image-container {
  align-items: center;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  position: relative;
}

.image-container .image {
  opacity: 0;
}

.image-container--calculated-height {
  align-items: unset;
  justify-content: unset;
}

.image-container--calculated-height .image {
  bottom: 0;
  left: 0;
  position: absolute;
  width: 100%;
}

.image-container--calculated-height.image-container--center-image .image {
  top: 50%;
  transform: translateY(-50%);
}

.image-container--loaded .image {
  opacity: 1;
}

.image-container--loaded .image-placeholder {
  opacity: 0;
}

.not-returnable-entries__headline {
  color: #595959;
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-weight: 500;
  margin-top: 40px;
}

.not-returnable-entries__details {
  border-top: 1px solid #e6e6e6;
  color: #8a8a8a;
  display: flex;
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 400;
  gap: 8px;
  letter-spacing: 0;
  line-height: 150%;
  padding: 16px 0;
}

.not-returnable-entries__image-wrapper {
  display: flex;
  justify-content: center;
  width: 80px;
}

.not-returnable-entries__image {
  height: 42px;
  width: 42px;
}

.return-brand-info__title {
  -webkit-margin-before: 0;
  display: inline-block;
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 150%;
  margin-block-start: 0;
  padding-bottom: 5px;
  text-transform: uppercase;
}

.return-brand-info__product-family {
  color: #000;
}

.return-brand-info__brand-line,
.return-brand-info__product-family,
.return-brand-info__product-name {
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 150%;
}

.dropdown {
  border: 1px solid #8a8a8a;
  border-radius: 4px;
  box-sizing: border-box;
  position: relative;
}

.dropdown--appearance-dense {
  border: 1px solid #e6e6e6;
  border-radius: 0;
}

.dropdown--inactive {
  background-color: #f2f2f2;
}

.dropdown--inactive:hover {
  border-color: #8a8a8a;
}

.dropdown--appearance-dense.dropdown--disabled:hover,
.dropdown--appearance-dense.dropdown--inactive:hover {
  border-color: #e6e6e6;
}

.dropdown--disabled:hover {
  border-color: #8a8a8a;
}

.dropdown:hover {
  border-color: #212121;
}

.dropdown.has-error {
  border-color: #e6373c;
}

.dropdown--opened.dropdown {
  border-color: #212121;
  border-radius: 4px 4px 0 0;
}

.dropdown--opened.dropdown.dropdown--appearance-dense {
  border-radius: 0;
}

.dropdown__container {
  position: relative;
}

.dropdown__label {
  color: #8a8a8a;
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 400;
  left: 6px;
  letter-spacing: 0;
  letter-spacing: 0.5px;
  line-height: 150%;
  position: absolute;
  top: 1px;
  z-index: 1;
}

.dropdown__options {
  list-style: none;
  max-height: 0;
  opacity: 0;
  overflow: auto;
  transition:
    opacity 0.2s ease-in-out,
    max-height 0.2s ease-in-out;
}

.dropdown--opened .dropdown__options {
  max-height: 500px;
  opacity: 1;
}

.dropdown__select {
  border-bottom: 1px solid var(--color-brand-original);
  border-radius: 0;
  box-sizing: border-box;
  display: none;
}

.dropdown--opened .dropdown__select {
  background: #fff;
  border: 1px solid #000;
  border-radius: 4px 4px 0 0;
  border-top: none;
  display: block;
}

.dropdown__value {
  border-radius: 4px;
  height: 100%;
  overflow: hidden;
  position: relative;
  z-index: 1;
}

.dropdown__value .dropdown__option {
  padding-right: 40px;
}

.dropdown__arrow-icon {
  pointer-events: none;
  position: absolute;
  right: 16px;
  top: calc(50% - 12px);
  transition: transform 0.2s linear;
  z-index: 1;
}

.dropdown__arrow-icon--open {
  transform: rotate(180deg);
}

.dropdown__arrow-icon--appearance-dense {
  right: 8px;
}

.dropdown__input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
  border-radius: 4px;
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 400;
  height: 100%;
  letter-spacing: 0;
  letter-spacing: 0.5px;
  line-height: 150%;
}

.dropdown__input::-webkit-search-cancel-button,
.dropdown__input::-webkit-search-decoration,
.dropdown__input::-webkit-search-results-button,
.dropdown__input::-webkit-search-results-decoration {
  -webkit-appearance: none;
  appearance: none;
}

.dropdown__value > .dropdown__input {
  border: 1px solid transparent;
  border-radius: 0;
  height: 53px;
  line-height: 36px;
  outline: none;
  overflow: hidden;
  padding: 10px 40px 10px 15px;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}

.dropdown--appearance-dense .dropdown__input,
.dropdown__value > .dropdown__input {
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-weight: 400;
}

.dropdown--appearance-dense .dropdown__input {
  color: #000;
  font-size: 12px;
  height: 40px;
  letter-spacing: 0;
  line-height: 150%;
  padding: 0 40px 0 8px;
}

.dropdown--appearance-dense .dropdown__input::-webkit-input-placeholder {
  color: #000;
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 150%;
}

.dropdown--appearance-dense .dropdown__input::-moz-placeholder {
  color: #000;
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 150%;
}

.dropdown--appearance-dense .dropdown__input:-ms-input-placeholder {
  color: #000;
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 150%;
}

.dropdown--appearance-dense .dropdown__input::placeholder {
  color: #000;
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 150%;
}

.dropdown__option {
  border: none;
  cursor: pointer;
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 400;
  height: 52px;
  letter-spacing: 0;
  line-height: 150%;
  outline: none;
  padding: 0 16px;
  text-align: left;
  width: 100%;
}

.dropdown__option.is-selected {
  background: inherit;
}

.dropdown__option.is-highlighted,
.dropdown__option:not(.is-selected):hover {
  background: #f2f2f2;
}

.dropdown__option.is-highlighted.is-selected,
.dropdown__option.is-selected:hover {
  background: #e6e6e6;
}

.dropdown__value:not(.is-selected):hover .dropdown__option {
  background-color: transparent;
}

.dropdown__group-header {
  background: #ececec;
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 150%;
  padding: 8px 16px;
  text-transform: uppercase;
}

.dropdown--multiple {
  border-radius: 3px;
  overflow: hidden;
}

.dropdown--multiple:not(.dropdown--search) .dropdown--multiple__input {
  cursor: default;
}

.dropdown--multiple .dropdown__input {
  border-radius: 4px;
  cursor: auto;
}

.dropdown--multiple .dropdown__select {
  border-radius: 0;
  border-top: 1px solid #ececec;
  max-height: 260px;
  position: relative;
}

.dropdown--no-borders {
  border: none;
}

.dropdown--no-borders ::-webkit-scrollbar {
  display: none;
}

.dropdown--no-borders .dropdown__select {
  border: none;
}

.dropdown--with-label .dropdown__input {
  border-radius: 4px;
  padding: 23px 11px 9px;
}

.dropdown__input:not([readonly]):focus {
  cursor: auto;
}

.dropdown.is-disabled .dropdown__input {
  cursor: not-allowed;
  pointer-events: none;
}

.dropdown:not(.is-disabled) .dropdown__input {
  border-radius: 4px;
  cursor: pointer;
}

.dropdown:not(.dropdown--multiple) .dropdown__select {
  border-radius: 0 0 4px 4px;
  left: -1px;
  max-height: 500px;
  overflow: hidden;
  position: absolute;
  right: -1px;
  z-index: 3;
}

.dropdown:not(.dropdown--multiple) .dropdown__select:before {
  border-top: 1px solid #e6e6e6;
  content: '';
  display: block;
  left: 15px;
  position: absolute;
  right: 15px;
  top: 0;
}

.dropdown--appearance-dense:not(.dropdown--multiple) .dropdown__select:before {
  border-top: 1px solid #bfbfbf;
  left: 0;
  right: 0;
}

.return-selection-form__entry-headline {
  color: #595959;
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 150%;
}

.return-selection-form__entry-content {
  border-top: 1px solid #e6e6e6;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 16px;
  padding: 24px 0;
}

@media screen and (min-width: 1024px) {
  .return-selection-form__entry-content {
    justify-content: space-between;
  }
}

.return-selection-form__entry-details {
  align-items: center;
  display: flex;
  flex-direction: row;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

.return-selection-form__entry-details-content {
  display: flex;
  flex-direction: row;
  gap: 8px;
}

.return-selection-form__product-image {
  height: 76px;
  width: 76px;
}

.return-selection-form__product-details {
  width: 250px;
}

.return-selection-form__return-data {
  display: flex;
  flex-direction: column;
  margin-left: auto;
  max-width: 236px;
  width: 100%;
}

@media screen and (min-width: 1024px) {
  .return-selection-form__return-data {
    max-width: 270px;
  }
}

.return-selection-form__select {
  background-color: #fff;
  border-color: #8a8a8a;
  border-radius: 4px;
  padding: 8px 12px;
}

.return-selection-form__select:invalid {
  color: #8a8a8a;
}

.pcjd3gpYt05jbd5Xx5Q0 {
  color: #595959;
  margin-bottom: 8px;
}

.radio-group {
  margin: 0;
  width: 100%;
}

.jZlKfSAdQtTA5xN3ejA6 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.zLEknGVr4_KhkpU9cM3W {
  align-items: center;
  display: flex;
  justify-content: space-between;
}

.pRrdQdm8PFC3k4mC_uko {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.XWdQMx90J_zZiYIcDyc5 {
  display: flex;
  flex-wrap: wrap;
}

.zElu0oAQimZoAxuvVlhH {
  height: 24px;
  width: 24px;
}

.Jin5dvncfnXGlqtDpotU {
  font-weight: 400;
}

.Jin5dvncfnXGlqtDpotU,
.i5H3cxWjhM53CzFPZocW {
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 150%;
}

.i5H3cxWjhM53CzFPZocW {
  font-weight: 500;
}

.dxVJSY4NEJcudKBfGfe3 {
  display: block;
}

.NVTf8QVjG_EJu7qC8Mxw {
  display: flex;
  flex: 1 1;
}

.fXnn6f_kfaXLKSjLuOrA {
  display: flex;
  flex: 1 1;
  justify-content: center;
  position: relative;
}

.fXnn6f_kfaXLKSjLuOrA:after {
  background-color: rgba(0, 0, 0, 0.031);
  content: '';
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}

.mA9V2sKems_HVZGhkRuv {
  height: 92px;
  width: 92px;
}

.hxH9ocfem3MqEF2kYIXm {
  position: relative;
}

.Fe9jtqcQtGDHNz_ZUGow {
  background: #8a8a8a;
  border-radius: 15px;
  font-size: 12px;
  height: 16px;
  letter-spacing: 0;
  line-height: 150%;
  padding: 0 6px;
  right: 8px;
  top: 8px;
  width: 26px;
  z-index: 6;
}

.FAGoPQhIAHlcWLmFAM_g,
.Fe9jtqcQtGDHNz_ZUGow {
  align-items: center;
  color: #fff;
  display: flex;
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-weight: 400;
  justify-content: center;
  position: absolute;
}

.FAGoPQhIAHlcWLmFAM_g {
  background: rgba(0, 0, 0, 0.5);
  font-size: 32px;
  height: 100%;
  left: 0;
  letter-spacing: 0.5px;
  line-height: 120%;
  text-transform: uppercase;
  top: 0;
  width: 100%;
  z-index: 5;
}

.bumL472ZKLGNrOVv_hVy {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.HoBhLphJ1iOigLltQait {
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 16px;
}

.pht4PbiUaljMc50Ibc8s {
  font-weight: 500;
}

.IJflH31p3wtvNwAVqVVR,
.pht4PbiUaljMc50Ibc8s {
  display: flex;
  flex-wrap: wrap;
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
}

.IJflH31p3wtvNwAVqVVR {
  font-size: 14px;
  font-weight: 400;
  gap: 4px;
  justify-content: space-between;
  letter-spacing: 0;
  line-height: 110%;
  margin: 0;
}

.vyIj31JLk5d892f3VHuS {
  background: #fff;
  display: flex;
  gap: 4px;
}

.qFgsrbokKMnAB3Z629jA,
.qHQhqJC61o1N35TLg1FI {
  display: block;
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 110%;
}

.tmbziVEPgSBSEZl6XNls {
  background: #fff;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 16px;
}

.FbEuXgpKi6PKjaXGLFDb {
  align-self: flex-end;
  bottom: 0;
}

.online-return-portal__headline {
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 24px;
  font-weight: 400;
  letter-spacing: 0.5px;
  line-height: 120%;
  margin-bottom: 0;
  text-transform: uppercase;
}

.online-return-portal__link {
  color: #000;
  cursor: pointer;
}

.online-return-portal__description,
.online-return-portal__link {
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 150%;
}

.online-return-portal__description {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  justify-content: space-between;
  margin-bottom: 32px;
}

.sHovZALWEZF8Iw8HsbBz {
  min-height: auto;
}

.icon {
  max-width: 100%;
  overflow: hidden;
}

.icon:focus {
  outline: none;
}

.icon--SVG_19 {
  height: 19px;
  width: 19px;
}

@media screen and (max-width: 767px) {
  .icon--SVG_19 {
    min-width: 19px;
  }
}

.icon--SVG_45 {
  height: 45px;
  width: 45px;
}

@media screen and (max-width: 767px) {
  .icon--SVG_45 {
    min-width: 45px;
  }
}

.icon--SVG_90 {
  animation: animate-icon 0.33s forwards;
  height: 90px;
  width: 90px;
}

@media screen and (max-width: 767px) {
  .icon--SVG_90 {
    min-width: 90px;
  }
}

.icon--color-success circle,
.icon--color-success path {
  fill: #5fc33c;
}

@media (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .icon--color-success circle,
  .icon--color-success path {
    fill: #5fc33c;
  }
}

.icon--color-error circle,
.icon--color-error path {
  fill: #e6373c;
}

.icon--color-warning circle,
.icon--color-warning path {
  fill: #ff9b14;
}

.icon--color-white circle,
.icon--color-white path {
  fill: #fff;
}

.icon--color-black circle,
.icon--color-black path {
  fill: #000;
}

.icon--color-grey circle,
.icon--color-grey path {
  fill: #bfbfbf;
}

@keyframes animate-icon {
  0% {
    transform: scale(0);
  }

  to {
    transform: scale(1);
  }
}

@media screen and (max-width: 767px) {
  .forgot-password {
    padding: 15px 13px 0;
  }
}

.forgot-password__email {
  margin: 10px 0 30px;
}

.forgot-password__confirmation-email {
  font-weight: 500;
  margin: 20px 0;
}

.forgot-password__messages {
  margin-bottom: 30px;
}

@media screen and (max-width: 767px) {
  .forgot-password__buttons {
    flex-direction: column-reverse;
  }
}

.forgot-password__button {
  margin-bottom: 15px;
}

@media screen and (min-width: 768px) {
  .forgot-password__button {
    margin-bottom: 0;
  }
}

.forgot-password .modal-header__subtitle {
  text-align: left;
}

@media screen and (min-width: 768px) {
  .forgot-password .modal-header__subtitle {
    margin: 16px 0;
  }
}

.login__link .link--text,
.login__text {
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 150%;
}

.login__link {
  cursor: pointer;
  display: inline-block;
  margin-top: 2px;
}

.login__text {
  margin-bottom: 10px;
}

.login .login__password {
  margin-bottom: 0;
}

.login__check-box {
  display: flex;
  justify-content: flex-start;
  margin: 25px 0 30px;
}

.login__check-box label {
  line-height: 30px;
  margin-left: 15px;
}

.login__check-box input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 1px solid #000;
  height: 30px;
  margin: 0;
  width: 30px;
}

.login__check-box input:checked {
  background-color: var(--color-brand-medium);
}

.login__button.button {
  margin: 15px 0;
}

.login .login__link {
  margin: 5px 0 15px;
}

.account-link-overlay__header .modal-header__subtitle {
  margin-bottom: 20px;
  text-align: left;
}

.account-link-form__conflicting-providers-wrapper {
  display: block;
  margin: 36px 0;
  text-align: center;
}

.account-link-form__form {
  border-bottom: 1px solid #e6e6e6;
  padding-bottom: 30px;
}

.account-link-form__social-provider {
  align-items: center;
  display: flex;
  justify-content: center;
  margin: 0 auto;
}

.account-link-form__icon-wrapper {
  margin: 40px;
}

.account-link-form__social-provider-text {
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 1.5px;
  line-height: 100%;
  text-transform: uppercase;
}

.account-link-form__social-provider-text--facebook {
  color: #2457d7;
}

.account-link-form__social-provider-text--google {
  color: #cf5542;
}

.account-link-form__social-provider-text--apple {
  color: #000;
}

.account-link-form__social-provider-icon {
  margin-right: 12px;
  position: relative;
  transform: translateY(-2px);
}

.account-link-form__social-provider-plus {
  stroke: #000;
  position: relative;
  transform: translateY(7px);
}

.account-link-form__existing-accounts {
  margin-top: 30px;
  padding-bottom: 30px;
}

.account-link-form__existing-accounts .social-login__button {
  margin-top: 30px;
  max-width: 100%;
}

.account-link-form__existing-standard-accounts {
  display: block;
  padding-bottom: 30px;
}

.birthday-tooltip__header {
  display: flex;
  flex-direction: column;
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 24px;
  font-weight: 400;
  letter-spacing: 0.5px;
  line-height: 120%;
  margin-bottom: 30px;
  text-transform: uppercase;
}

@media screen and (min-width: 768px) {
  .birthday-tooltip__header {
    flex-direction: row;
  }
}

.gender {
  display: block;
}

@media screen and (min-width: 768px) {
  .gender {
    display: flex;
  }
}

.gender .gender-heading {
  display: block;
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 110%;
  margin: 0 0 10px;
}

@media screen and (min-width: 768px) {
  .gender .gender-heading {
    margin: auto 32px auto 0;
  }
}

.gender .gender-selection {
  display: flex;
}

@media screen and (min-width: 768px) {
  .gender .gender-selection {
    flex-basis: 75%;
  }
}

.gender .gender-selection__radio {
  margin-right: 32px;
}

@media screen and (min-width: 768px) {
  .gender--is-checkout {
    margin: 20px 0 0;
  }

  .gender--is-checkout .gender-selection {
    flex-basis: 60%;
  }
}

.modal-overlay__display .gender {
  display: block;
}

.registration__link .link--text,
.registration__text {
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 150%;
}

.registration__link {
  margin-top: 2px;
}

.registration__text {
  margin-bottom: 10px;
}

.registration__terms {
  padding: 15px 0 30px;
}

.registration__terms a {
  color: #000;
  text-decoration: underline;
}

.registration__button,
.registration__password {
  margin-bottom: 0;
}

.registration__dropdown .dropdown-field__single-value {
  padding-bottom: 10px;
  padding-top: 23px;
}

.registration__form-column-newsletter {
  margin-top: 35px;
}

.registration__form-column-newsletter .input-checkbox__inner-wrapper {
  align-self: flex-start;
}

.registration .password-hint-modal-button {
  border-bottom: 1px solid #f2f2f2;
  text-align: left;
  width: 100%;
}

.account-completion-form__top-content-wrapper {
  border-top: 1px solid #212121;
  margin-top: 30px;
  padding-top: 30px;
}

.account-completion-form__birthdate-text {
  display: block;
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 150%;
  margin-bottom: 5px;
}

.account-completion-form__birthdate-mask {
  display: block;
  margin-top: 5px;
}

.account-completion-form__terms {
  margin-bottom: 30px;
  min-height: 22px;
}

.account-completion-form__submit.button {
  margin-bottom: 0;
}

.account-completion-form__socialize-icon {
  margin: 20px 0;
  max-width: 20px;
}

.account-completion-form__success-button {
  margin-top: 70px;
}

.account-completion-form__header {
  min-height: auto;
}

.account-completion-overlay__benefits {
  margin-bottom: 30px;
  margin-top: 15px;
}

.account-completion-overlay__benefit {
  align-items: center;
  display: flex;
  margin-top: 15px;
}

.account-completion-overlay__benefit strong {
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-weight: 500;
}

.account-completion-overlay__benefit-icon {
  margin-right: 12px;
}

.account-completion-overlay__missing-fields {
  display: block;
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 150%;
  margin-bottom: 10px;
}

.account-completion-overlay .login__text,
.account-completion-overlay .registration__text {
  display: none;
}

.account-completion-overlay .registration__button {
  margin-bottom: 20px;
}

.account-completion-overlay .button__secondary {
  margin-bottom: 40px;
}

.account-completion-accordion {
  border-top: 1px solid #e6e6e6;
  margin-top: 30px;
  padding-top: 20px;
}

.account-completion-accordion__title {
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 110%;
  max-width: 256px;
  width: 100%;
}

@media screen and (min-width: 768px) {
  .account-completion-accordion__title {
    max-width: 500px;
  }
}

.account-completion-accordion__info {
  display: block;
  margin: 30px 0;
}

.account-completion-accordion__button.button {
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-weight: 500;
  margin-bottom: 0;
}

.social-login {
  border-top: 1px solid #e6e6e6;
  margin: 30px 0 0;
  padding: 30px 0 0;
}

@media screen and (min-width: 768px) {
  .social-login {
    margin-top: 60px;
    padding-top: 60px;
  }
}

.social-login__headline {
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 110%;
}

.social-login__consent {
  display: flex;
  padding-top: 30px;
}

.social-login__buttons {
  display: flex;
  flex-direction: column;
  font-weight: 500;
  margin-top: 15px;
}

@media screen and (min-width: 768px) {
  .social-login__buttons {
    flex-direction: row;
    justify-content: space-between;
    margin-top: 30px;
  }
}

.social-login__button {
  align-items: center;
  display: flex;
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-weight: 500;
  justify-content: center;
  padding: 0 25px;
}

@media screen and (min-width: 768px) {
  .social-login__button {
    max-width: 30%;
  }
}

.social-login__button--apple,
.social-login__button--facebook,
.social-login__button--google {
  background-color: #fff;
  border: 2px solid #2457d7;
  color: #2457d7;
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-weight: 500;
}

.social-login__button--apple:active,
.social-login__button--facebook:active,
.social-login__button--google:active {
  background-color: #1440bc;
  color: #fff;
}

.social-login__button--apple:focus,
.social-login__button--facebook:focus,
.social-login__button--google:focus {
  background-color: rgba(32, 82, 223, 0.3);
  border: 2px solid #2052df;
  color: #2457d7;
}

.social-login__button--apple:hover,
.social-login__button--apple:hover:focus,
.social-login__button--facebook:hover,
.social-login__button--facebook:hover:focus,
.social-login__button--google:hover,
.social-login__button--google:hover:focus {
  background-color: #2052df;
  color: #fff;
}

.social-login__button--apple.button--disabled,
.social-login__button--facebook.button--disabled,
.social-login__button--google.button--disabled {
  border: 2px solid hsla(0, 0%, 75%, 0.3);
}

.social-login__button--apple.button--loading,
.social-login__button--facebook.button--loading,
.social-login__button--google.button--loading {
  background-color: #fff;
  color: transparent;
}

.social-login__button--apple.button--loading .loader.loader--button .path,
.social-login__button--facebook.button--loading .loader.loader--button .path,
.social-login__button--google.button--loading .loader.loader--button .path {
  stroke: rgba(36, 87, 215, 0.8);
}

.social-login__button--google {
  border-color: #cf5542;
  color: #cf5542;
}

.social-login__button--google:active {
  background-color: #c54430;
  color: #fff;
}

.social-login__button--google:focus {
  background-color: hsla(8, 55%, 57%, 0.3);
  border-color: #ce6656;
  color: #cf5542;
}

.social-login__button--google:hover,
.social-login__button--google:hover:focus {
  background-color: #ce6656;
  color: #fff;
}

.social-login__button--google.button--disabled {
  border-color: hsla(0, 0%, 75%, 0.3);
}

.social-login__button--google.button--loading {
  background-color: #fff;
  color: transparent;
}

.social-login__button--google.button--loading .loader.loader--button .path {
  stroke: rgba(207, 85, 66, 0.8);
}

.social-login__button--apple {
  border-color: #000;
  color: #000;
}

.social-login__button--apple:active {
  background-color: #000;
  color: #fff;
}

.social-login__button--apple:focus {
  background-color: rgba(51, 51, 51, 0.3);
  border-color: #333;
  color: #000;
}

.social-login__button--apple:hover,
.social-login__button--apple:hover:focus {
  background-color: #333;
  color: #fff;
}

.social-login__button--apple.button--disabled {
  border-color: hsla(0, 0%, 75%, 0.3);
}

.social-login__button--apple.button--loading {
  background-color: #fff;
  color: transparent;
}

.social-login__button--apple.button--loading .loader.loader--button .path {
  stroke: rgba(0, 0, 0, 0.8);
}

.social-login__button--text {
  margin: 0 auto;
}

.social-login__button--icon {
  display: block;
}

.social-login__button--icon-white {
  display: none;
}

.social-login__button:hover {
  color: #fff;
  cursor: pointer;
}

.social-login__button:active .social-login__button--icon,
.social-login__button:hover .social-login__button--icon {
  display: none;
}

.social-login__button:active .social-login__button--icon-white,
.social-login__button:hover .social-login__button--icon-white {
  display: block;
}

.social-login .social__terms a {
  color: #000;
  text-decoration: underline;
}

.registration-confirmation {
  margin-top: 30px;
}

.registration-confirmation__welcome-text {
  border-top: 1px solid #e6e6e6;
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 110%;
  margin-top: 30px;
  padding-top: 30px;
}

.registration-confirmation__action-text {
  display: block;
  margin-bottom: 30px;
  margin-top: 5px;
}

.MfPTIxRTzs3Ii5M8QfPE,
.W5tDyhPT8DcZB1x9IcJ6,
.uPM090YHuaPZHUBxN6hi {
  flex-basis: 100%;
  margin: 30px 0;
}

.uPM090YHuaPZHUBxN6hi {
  margin-bottom: 0;
}

.W5tDyhPT8DcZB1x9IcJ6 {
  margin-top: 0;
}

.add-physical-card {
  height: 65%;
  padding: 16px;
}

@media screen and (min-width: 768px) {
  .add-physical-card {
    height: 100%;
  }
}

.add-physical-card .add-physical-card__text-underline-length--7 > .input__inner-wrapper {
  background: linear-gradient(
      90deg,
      transparent,
      transparent 1ch,
      #000 0,
      #000 5ch,
      transparent 0,
      transparent 5.5ch,
      #000 0,
      #000 9.5ch,
      transparent 0,
      transparent 10ch,
      #000 0,
      #000 13.5ch,
      transparent 0
    )
    63px 75%/100% 1px no-repeat;
  background-color: #fff;
}

.add-physical-card .add-physical-card__text-underline-length--8 > .input__inner-wrapper {
  background: linear-gradient(
      90deg,
      transparent,
      transparent 2ch,
      #000 0,
      #000 5ch,
      transparent 0,
      transparent 5.5ch,
      #000 0,
      #000 9.5ch,
      transparent 0,
      transparent 10ch,
      #000 0,
      #000 13.5ch,
      transparent 0
    )
    63px 75%/100% 1px no-repeat;
  background-color: #fff;
}

.add-physical-card .add-physical-card__text-underline-length--9 > .input__inner-wrapper {
  background: linear-gradient(
      90deg,
      transparent,
      transparent 3ch,
      #000 0,
      #000 5ch,
      transparent 0,
      transparent 5.5ch,
      #000 0,
      #000 9.5ch,
      transparent 0,
      transparent 10ch,
      #000 0,
      #000 13.5ch,
      transparent 0
    )
    63px 75%/100% 1px no-repeat;
  background-color: #fff;
}

.add-physical-card .add-physical-card__text-underline-length--10 > .input__inner-wrapper {
  background: linear-gradient(
      90deg,
      transparent,
      transparent 4ch,
      #000 0,
      #000 5ch,
      transparent 0,
      transparent 5.5ch,
      #000 0,
      #000 9.5ch,
      transparent 0,
      transparent 10ch,
      #000 0,
      #000 13.5ch,
      transparent 0
    )
    63px 75%/100% 1px no-repeat;
  background-color: #fff;
}

.add-physical-card .add-physical-card__text-underline-length--11 > .input__inner-wrapper {
  background: linear-gradient(
      90deg,
      transparent,
      transparent 5ch,
      #000 0,
      #000 5ch,
      transparent 0,
      transparent 5.5ch,
      #000 0,
      #000 9.5ch,
      transparent 0,
      transparent 10ch,
      #000 0,
      #000 13.5ch,
      transparent 0
    )
    63px 75%/100% 1px no-repeat;
  background-color: #fff;
}

.add-physical-card .add-physical-card__text-underline-length--12 > .input__inner-wrapper {
  background: linear-gradient(
      90deg,
      transparent,
      transparent 6ch,
      #000 0,
      #000 5ch,
      transparent 0,
      transparent 5.5ch,
      #000 0,
      #000 9.5ch,
      transparent 0,
      transparent 10ch,
      #000 0,
      #000 13.5ch,
      transparent 0
    )
    63px 75%/100% 1px no-repeat;
  background-color: #fff;
}

.add-physical-card .add-physical-card__text-underline-length--13 > .input__inner-wrapper {
  background: linear-gradient(
      90deg,
      transparent,
      transparent 7ch,
      #000 0,
      #000 5ch,
      transparent 0,
      transparent 5.5ch,
      #000 0,
      #000 9.5ch,
      transparent 0,
      transparent 10ch,
      #000 0,
      #000 13.5ch,
      transparent 0
    )
    63px 75%/100% 1px no-repeat;
  background-color: #fff;
}

.add-physical-card .add-physical-card__text-underline-length--14 > .input__inner-wrapper {
  background: linear-gradient(
      90deg,
      transparent,
      transparent 8ch,
      #000 0,
      #000 5ch,
      transparent 0,
      transparent 5.5ch,
      #000 0,
      #000 9.5ch,
      transparent 0,
      transparent 10ch,
      #000 0,
      #000 13.5ch,
      transparent 0
    )
    63px 75%/100% 1px no-repeat;
  background-color: #fff;
}

.add-physical-card .add-physical-card__text-underline-length--15 > .input__inner-wrapper {
  background: linear-gradient(
      90deg,
      transparent,
      transparent 9ch,
      #000 0,
      #000 5ch,
      transparent 0,
      transparent 5.5ch,
      #000 0,
      #000 9.5ch,
      transparent 0,
      transparent 10ch,
      #000 0,
      #000 13.5ch,
      transparent 0
    )
    63px 75%/100% 1px no-repeat;
  background-color: #fff;
}

.add-physical-card .add-physical-card__text-underline-length--16 > .input__inner-wrapper {
  background: linear-gradient(
      90deg,
      transparent,
      transparent 10ch,
      #000 0,
      #000 5ch,
      transparent 0,
      transparent 5.5ch,
      #000 0,
      #000 9.5ch,
      transparent 0,
      transparent 10ch,
      #000 0,
      #000 13.5ch,
      transparent 0
    )
    63px 75%/100% 1px no-repeat;
  background-color: #fff;
}

.add-physical-card .add-physical-card__text-underline-length--17 > .input__inner-wrapper {
  background: linear-gradient(
      90deg,
      transparent,
      transparent 11ch,
      #000 0,
      #000 5ch,
      transparent 0,
      transparent 5.5ch,
      #000 0,
      #000 9.5ch,
      transparent 0,
      transparent 10ch,
      #000 0,
      #000 13.5ch,
      transparent 0
    )
    63px 75%/100% 1px no-repeat;
  background-color: #fff;
}

.add-physical-card .add-physical-card__text-underline-length--18 > .input__inner-wrapper {
  background: linear-gradient(
      90deg,
      transparent,
      transparent 12ch,
      #000 0,
      #000 5ch,
      transparent 0,
      transparent 5.5ch,
      #000 0,
      #000 9.5ch,
      transparent 0,
      transparent 10ch,
      #000 0,
      #000 13.5ch,
      transparent 0
    )
    63px 75%/100% 1px no-repeat;
  background-color: #fff;
}

.add-physical-card .add-physical-card__text-underline-length--19 > .input__inner-wrapper {
  background: linear-gradient(
      90deg,
      transparent,
      transparent 13ch,
      #000 0,
      #000 5ch,
      transparent 0,
      transparent 5.5ch,
      #000 0,
      #000 9.5ch,
      transparent 0,
      transparent 10ch,
      #000 0,
      #000 13.5ch,
      transparent 0
    )
    63px 75%/100% 1px no-repeat;
  background-color: #fff;
}

.add-physical-card .add-physical-card__text-underline-length--20 .input__inner-wrapper--valid {
  background: #fff;
}

.add-physical-card .input__inner-wrapper--valid {
  background: linear-gradient(
      90deg,
      transparent,
      transparent 0.1ch,
      #000 1ch,
      #000 5ch,
      transparent 0,
      transparent 5.5ch,
      #000 0,
      #000 9.5ch,
      transparent 0,
      transparent 10ch,
      #000 0,
      #000 13.5ch,
      transparent 0
    )
    63px 75%/100% 1px no-repeat;
  background-color: #fff;
  background: #fff;
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-weight: 400;
}

.add-physical-card__birthdate {
  display: flex;
}

@media screen and (min-width: 768px) {
  .add-physical-card__modal {
    height: 162px;
  }
}

.add-physical-card__modal-button {
  margin: 15px 0;
}

.add-physical-card__birthday-info {
  padding: 5px;
}

.add-physical-card__form {
  margin-top: 30px;
}

@media screen and (max-width: 767px) {
  .add-physical-card__form {
    margin-top: 15px;
  }
}

.add-physical-card__form .input__container {
  display: inline-block;
  max-width: 595px;
}

.add-physical-card__form .input__container.add-physical-card__birthdate-field {
  max-width: 565px;
}

.add-physical-card__form .button.button__secondary.add-physical-card__button {
  margin-top: 30px;
}

.add-physical-card__account.modal-overlay__root,
.add-physical-card__login-section.modal-overlay__root {
  height: 100%;
  overflow-y: hidden;
  padding: 0;
}

@media screen and (min-width: 768px) {
  .add-physical-card__account.modal-overlay__root,
  .add-physical-card__login-section.modal-overlay__root {
    background: transparent;
    overflow: hidden;
    padding: 0;
  }
}

.add-physical-card__account [data-rsbs-overlay],
.add-physical-card__login-section [data-rsbs-overlay] {
  height: auto;
}

.add-physical-card__account-button.button__primary,
.add-physical-card__login-section-button.button__primary {
  margin-bottom: 0;
  margin-top: 8px;
  width: 100%;
}

.add-physical-card__account .add-physical-card,
.add-physical-card__login-section .add-physical-card {
  background: #fff;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  margin-bottom: 0;
  padding: 0;
  width: 100%;
}

@media screen and (min-width: 768px) {
  .add-physical-card__account .add-physical-card,
  .add-physical-card__login-section .add-physical-card {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    padding: 16px 16px 20px;
    position: static;
  }
}

.add-physical-card__account .add-physical-card__content,
.add-physical-card__login-section .add-physical-card__content {
  display: flex;
  height: 100%;
  overflow-y: auto;
  padding: 16px 16px 6px;
}

@media screen and (min-width: 768px) {
  .add-physical-card__account .add-physical-card__content,
  .add-physical-card__login-section .add-physical-card__content {
    padding: 0;
  }
}

.add-physical-card__account .add-physical-card__content-wrapper,
.add-physical-card__login-section .add-physical-card__content-wrapper {
  display: block;
  overflow-x: scroll;
  overflow-y: auto;
  scrollbar-width: none;
  width: 100%;
}

.add-physical-card__account .add-physical-card__content-wrapper::-webkit-scrollbar,
.add-physical-card__login-section .add-physical-card__content-wrapper::-webkit-scrollbar {
  display: none;
}

.add-physical-card__account .birthday-tooltip__form-backdrop--cards-section,
.add-physical-card__login-section .birthday-tooltip__form-backdrop--cards-section {
  height: 100%;
}

.add-physical-card__account .modal-overlay__display .add-physical-card__form,
.add-physical-card__login-section .modal-overlay__display .add-physical-card__form {
  padding-bottom: 64px;
}

@media screen and (min-width: 768px) {
  .add-physical-card__account .modal-overlay__display .add-physical-card__form,
  .add-physical-card__login-section .modal-overlay__display .add-physical-card__form {
    padding-bottom: 0;
  }
}

@media screen and (max-width: 767px) {
  .add-physical-card__account .modal-overlay__display .add-physical-card__form .input__container,
  .add-physical-card__login-section .modal-overlay__display .add-physical-card__form .input__container {
    max-width: 100%;
  }
}

.add-physical-card__info {
  display: block;
  margin-bottom: 30px;
}

@media screen and (min-width: 768px) {
  .add-physical-card__info {
    margin-bottom: 0;
  }
}

@media screen and (min-width: 1024px) {
  .add-physical-card__info {
    max-width: 595px;
  }
}

.add-physical-card__button {
  display: block;
}

@media screen and (min-width: 320px) {
  .add-physical-card__button {
    max-width: 320px;
  }
}

@media screen and (min-width: 1024px) {
  .add-physical-card__button {
    max-width: 250px;
  }
}

.add-physical-card__button.button__secondary {
  margin-bottom: 0;
}

.add-physical-card__success {
  margin-top: 15px;
}

.add-physical-card__card-img {
  margin: 0 auto 13px;
}

.add-physical-card__errors {
  margin: 10px 0;
}

@media screen and (min-width: 768px) {
  .add-physical-card__errors {
    margin-bottom: -15px;
  }
}

.add-physical-card__add-card-symbol {
  margin-right: 10px;
}

@media screen and (max-width: 767px) {
  .add-physical-card__account.modal-overlay__root {
    max-height: 460px;
  }
}

.add-physical-card__modal-header .modal-header__title-container {
  height: unset;
}

.add-physical-card__modal-header .modal-header__title {
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 18px;
  font-weight: 400;
  letter-spacing: 0.5px;
  line-height: 120%;
  margin-bottom: 8px;
  padding: 0;
  text-align: left;
  text-transform: uppercase;
}

@media screen and (max-width: 767px) {
  .add-physical-card__modal-header .modal-header__title {
    font-family:
      Avenir Next,
      Helvetica Neue,
      Helvetica,
      Arial,
      sans-serif;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0.5px;
    line-height: 120%;
    text-transform: uppercase;
  }
}

.platform-app .add-physical-card__add-card-button {
  color: var(--color-brand-original);
  margin-bottom: 20px;
  text-decoration: none;
}

.platform-app .add-physical-card__add-card-button .add-physical-card__add-card-symbol {
  color: var(--color-brand-original);
}

.modal-overlay__root.add-physical-card__account,
.modal-overlay__root.add-physical-card__login-section {
  z-index: 9999;
}

.password-hint {
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 150%;
  padding-top: 10px;
}

.password-hint__wrapper {
  display: inline-flex;
}

.password-hint__icon {
  height: 12px;
  margin-right: 8px;
  width: 12px;
}

.password-hint__icon--error {
  color: #e6373c;
}

.password-hint__icon--success {
  color: #5fc33c;
}

.password-hint--error {
  color: #e6373c;
}

.password-hint--success {
  color: #5fc33c;
}

.password-hint-list {
  margin: 0 0 15px;
}

.password-hint-list__title {
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-weight: 500;
  margin-top: 10px;
}

@media screen and (min-width: 1024px) {
  .password-hint-list__hints {
    -ms-grid-columns: 1fr 1fr;
    display: -ms-grid;
    display: grid;
    grid-template-columns: 1fr 1fr;
  }

  .password-hint-list__hints li:nth-child(2) {
    order: 2;
  }

  .password-hint-list__hints li:nth-child(3) {
    order: 4;
  }

  .password-hint-list__hints li:nth-child(4) {
    order: 1;
  }

  .password-hint-list__hints li:nth-child(5) {
    order: 3;
  }
}

.password-input {
  position: relative;
}

.password-input__inner-wrapper {
  margin-bottom: 25px;
}

.password-input--error .password-input__inner-wrapper {
  margin-bottom: 0;
}

.password-input--error .input__input:focus {
  border-color: #e6373c;
}

.password-input--error .input__validation-icon {
  position: absolute;
  right: 18px;
  top: 18px;
}

.password-input--error .input__element--right {
  right: 48px;
}

.password-input .input__input:focus {
  border-color: var(--color-brand-input-text-focus);
}

.password-input .input__hint {
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 150%;
  padding: 5px 0;
  position: absolute;
  right: 0;
  transform: translateY(-25px);
}

.password-input .input__error {
  padding: 5px 0 0;
}

@media screen and (max-width: 1023px) {
  .password-input .input__error {
    max-width: 70%;
  }
}

:export {
  transitionInteractionLong: 0.83s;
  transitionInteractionShort: 0.33s;
  transitionDurationModal: 0.35s;
}

.sign-up-overlay-modal.modal-overlay__general {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  padding: 16px;
}

.sign-up-overlay-modal .modal-overlay__display {
  height: 100%;
}

.sign-up-overlay-modal .social-login {
  border-top: none;
  margin: 30px 0 0;
  padding: 0;
}

.sign-up-overlay__header {
  margin-bottom: 32px;
}

.sign-up-overlay__header .modal-header__subtitle {
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 110%;
  margin: 0;
  text-align: left;
}

@media screen and (min-width: 768px) {
  .sign-up-overlay__header .modal-header__subtitle {
    padding-top: 16px;
  }
}

.sign-up-overlay__title {
  border-top: 1px solid #e6e6e6;
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 110%;
  margin: 30px 0 0;
  padding: 30px 0;
}

.sign-up-overlay__registration {
  animation: fadeIn 0.33s;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.ui-grid {
  -ms-grid-columns: ([col-start] 1fr) [12];
  display: -ms-grid;
  display: grid;
  gap: 2px;
  grid-template-columns: repeat(12, [col-start] 1fr);
  width: auto;
}

.ui-col-1 {
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
}

.ui-col-2 {
  -ms-grid-column-span: 2;
  grid-column-end: span 2;
}

.ui-col-3 {
  -ms-grid-column-span: 3;
  grid-column-end: span 3;
}

.ui-col-4 {
  -ms-grid-column-span: 4;
  grid-column-end: span 4;
}

.ui-col-5 {
  -ms-grid-column-span: 5;
  grid-column-end: span 5;
}

.ui-col-6 {
  -ms-grid-column-span: 6;
  grid-column-end: span 6;
}

.ui-col-7 {
  -ms-grid-column-span: 7;
  grid-column-end: span 7;
}

.ui-col-8 {
  -ms-grid-column-span: 8;
  grid-column-end: span 8;
}

.ui-col-9 {
  -ms-grid-column-span: 9;
  grid-column-end: span 9;
}

.ui-col-10 {
  -ms-grid-column-span: 10;
  grid-column-end: span 10;
}

.ui-col-11 {
  -ms-grid-column-span: 11;
  grid-column-end: span 11;
}

.ui-col-12 {
  -ms-grid-column-span: 12;
  grid-column-end: span 12;
}

@media screen and (min-width: 768px) and (max-width: 1757px) {
  .ui-col-lg-1 {
    -ms-grid-column-span: 1;
    grid-column-end: span 1;
  }

  .ui-col-lg-2 {
    -ms-grid-column-span: 2;
    grid-column-end: span 2;
  }

  .ui-col-lg-3 {
    -ms-grid-column-span: 3;
    grid-column-end: span 3;
  }

  .ui-col-lg-4 {
    -ms-grid-column-span: 4;
    grid-column-end: span 4;
  }

  .ui-col-lg-5 {
    -ms-grid-column-span: 5;
    grid-column-end: span 5;
  }

  .ui-col-lg-6 {
    -ms-grid-column-span: 6;
    grid-column-end: span 6;
  }

  .ui-col-lg-7 {
    -ms-grid-column-span: 7;
    grid-column-end: span 7;
  }

  .ui-col-lg-8 {
    -ms-grid-column-span: 8;
    grid-column-end: span 8;
  }

  .ui-col-lg-9 {
    -ms-grid-column-span: 9;
    grid-column-end: span 9;
  }

  .ui-col-lg-10 {
    -ms-grid-column-span: 10;
    grid-column-end: span 10;
  }

  .ui-col-lg-11 {
    -ms-grid-column-span: 11;
    grid-column-end: span 11;
  }

  .ui-col-lg-12 {
    -ms-grid-column-span: 12;
    grid-column-end: span 12;
  }
}

@media screen and (min-width: 1758px) {
  .ui-col-xl-1 {
    -ms-grid-column-span: 1;
    grid-column-end: span 1;
  }

  .ui-col-xl-2 {
    -ms-grid-column-span: 2;
    grid-column-end: span 2;
  }

  .ui-col-xl-3 {
    -ms-grid-column-span: 3;
    grid-column-end: span 3;
  }

  .ui-col-xl-4 {
    -ms-grid-column-span: 4;
    grid-column-end: span 4;
  }

  .ui-col-xl-5 {
    -ms-grid-column-span: 5;
    grid-column-end: span 5;
  }

  .ui-col-xl-6 {
    -ms-grid-column-span: 6;
    grid-column-end: span 6;
  }

  .ui-col-xl-7 {
    -ms-grid-column-span: 7;
    grid-column-end: span 7;
  }

  .ui-col-xl-8 {
    -ms-grid-column-span: 8;
    grid-column-end: span 8;
  }

  .ui-col-xl-9 {
    -ms-grid-column-span: 9;
    grid-column-end: span 9;
  }

  .ui-col-xl-10 {
    -ms-grid-column-span: 10;
    grid-column-end: span 10;
  }

  .ui-col-xl-11 {
    -ms-grid-column-span: 11;
    grid-column-end: span 11;
  }

  .ui-col-xl-12 {
    -ms-grid-column-span: 12;
    grid-column-end: span 12;
  }
}

.ui-container {
  margin: auto;
  max-width: 1726px;
  width: 100%;
}

@media screen and (max-width: 767px) {
  .ui-margin-sm {
    margin-left: 16px;
    margin-right: 16px;
    width: calc(100% - 32px);
  }
}

@media screen and (min-width: 768px) and (max-width: 1757px) {
  .ui-margin-lg {
    width: 100%;
  }
}

@media screen and (min-width: 1758px) {
  .ui-margin-xl {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
}

.data-client-devtools {
  position: fixed;
  right: 0;
  z-index: 1;
}

.data-client-devtools__left {
  right: 0;
  top: 0;
  width: 0;
}

.data-client-devtools__bottom {
  bottom: 0;
  width: 100%;
}

.data-client-devtools__show-btn {
  cursor: pointer;
  opacity: 0.4;
  position: absolute;
  transition: all 0.25s;
  width: 18px;
}

.data-client-devtools__show-btn--left {
  right: -100%;
  top: 50%;
  transform: scale(1) translateY(-50%);
}

.data-client-devtools__show-btn--bottom {
  background-color: #fff;
  border: 1px solid #000;
  border-radius: 10px;
  bottom: 15px;
  height: 30px;
  padding: 5px;
  right: 25px;
  transform: scale(1.5) rotate(90deg);
  width: 20px;
  z-index: 99999999;
}

.data-client-devtools__show-btn--left:hover {
  opacity: 1;
  transform: scale(2) translate(-5px, -30%);
}

.data-client-devtools__show-btn--bottom:hover {
  opacity: 1;
  transform: scale(2) rotate(90deg);
}

.data-client-devtools__overlay--left-enter {
  opacity: 0;
  transform: translateX(100%);
}

.data-client-devtools__overlay--bottom-enter {
  opacity: 0;
  transform: translateY(100%);
}

.data-client-devtools__overlay--left-enter-active,
.data-client-devtools__overlay--left-enter-done {
  opacity: 1;
  transform: translateX(-100%);
  transition:
    transform 0.5s ease-out,
    opacity 0.3s ease-out 0.1s;
}

.data-client-devtools__overlay--bottom-enter-active,
.data-client-devtools__overlay--bottom-enter-done {
  opacity: 1;
  transform: translateY(0);
  transition:
    transform 0.5s ease-out,
    opacity 0.3s ease-out 0.1s;
}

.data-client-devtools__overlay--left-exit {
  opacity: 1;
  transform: translateX(100%);
}

.data-client-devtools__overlay--left-exit-active {
  opacity: 0;
  transform: translateX(100%);
  transition:
    transform 0.3s ease-in,
    opacity 0.25s ease-in 50ms;
}

.data-client-devtools__overlay--bottom-exit {
  opacity: 1;
  transform: translateY(0);
}

.data-client-devtools__overlay--bottom-exit-active {
  opacity: 0;
  transform: translateY(100%);
  transition:
    transform 0.3s ease-in,
    opacity 0.25s ease-in 50ms;
}

.data-client-dt {
  background-color: #282c34;
  color: #61dafb;
  font-size: 12px;
  position: absolute;
}

.data-client-dt__left {
  height: 100%;
  width: 600px;
}

.data-client-dt__bottom,
.data-client-dt__left {
  -ms-grid-columns: 40% 60%;
  display: -ms-grid;
  display: grid;
  grid-template-columns: 40% 60%;
}

.data-client-dt__bottom {
  bottom: 0;
  height: 600px;
  width: 100%;
}

.data-client-dt__hide-btn {
  height: 15px;
  position: absolute;
  right: 20px;
  top: 10px;
  width: 15px;
}

.data-client-dt__hide-btn svg {
  fill: #fff;
}

.data-client-dt__hide-btn svg:hover {
  stroke: #fff;
}

.data-client-dt__column {
  border-left: 1px solid gray;
  max-height: 100%;
  overflow-y: hidden;
  padding: 10px;
}

.data-client-dt__column--left {
  overflow-y: auto;
}

.data-client-dt__column--right {
  display: -ms-grid;
  display: grid;
  padding: 40px 0 0;
}

.data-client-dt__row {
  border-bottom: 1px solid gray;
  overflow-y: auto;
  padding: 0 10px 10px;
}

.data-client-dt h4 {
  color: #efefef;
  font-size: 14px;
  margin-top: 0;
  text-align: center;
}

.data-client-dt h6 {
  font-size: 0.83em;
}

.fields__placeholder {
  height: 100%;
}

.fields__placeholder-title {
  color: #c5c5c5;
  font-size: 13px;
  font-style: italic;
  font-weight: 300;
  margin-top: 50px;
  text-align: center;
}

.fields__values-wrapper {
  align-items: center;
  display: flex;
}

.fields__values-wrapper:nth-of-type(2n) {
  background-color: #2e323c;
}

.fields__list .fields__list {
  padding-left: 15px;
}

.fields__list .fields__values-wrapper {
  padding-left: 20px;
}

.fields__list-title {
  color: #4493a9;
  font-size: 13px;
  font-weight: 600;
  line-height: 24px;
}

.fields__name {
  flex-shrink: 0;
  margin-right: 5px;
}

.fields__value {
  flex: 1 1;
  font-size: 13px;
  font-weight: 600;
  min-width: 0;
}

.fields__value:not(.fields__value--wrapLine) {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.fields__value--wrapLine {
  overflow-wrap: break-word;
}

.fields__value--done,
.fields__value--valid {
  color: #00b900;
}

.fields__value--prefetched {
  color: #8a8a8a;
}

.fields__value--fetching {
  color: #9b9bff;
}

.fields__value--stale {
  color: #ffb815;
}

.fields__value--expired {
  color: #bb1010;
}

.fields__value--unknown {
  color: #8a8a8a;
}

.fields__details {
  flex-shrink: 0;
  height: 15px;
  margin-left: 5px;
  width: 15px;
}

.field-details {
  min-height: 150px;
}

.field-details__title {
  margin: 0;
  text-align: center;
}

.field-details__name {
  display: block;
  font-size: 13px;
  font-weight: 300;
  overflow-wrap: break-word;
  text-align: center;
  text-decoration: underline;
}

.field-details__button-wrapper {
  flex: 1 1;
  margin-bottom: 10px;
}

.field-details__button {
  background-color: gray;
  border-radius: 3px;
  padding: 5px 10px;
}

.field-details__button:hover {
  background-color: #d3d3d3;
  border-radius: 3px;
  padding: 5px 10px;
}

.field-details__red {
  background-color: red;
}

.field-details__red:hover {
  background-color: darkred;
}

.field-details__blue {
  background-color: #00bfff;
}

.field-details__blue:hover {
  background-color: #1e90ff;
}

.field-details__orange {
  background-color: orange;
}

.field-details__orange:hover {
  background-color: #ff8c00;
}

.field-details__button:not(:first-of-type) {
  margin-left: 10px;
}

.field-details__content {
  display: -ms-grid;
  display: grid;
  margin-top: 1.33em;
}

.field-details__info {
  -ms-grid-columns: auto 60%;
  -webkit-column-gap: 10px;
  -moz-column-gap: 10px;
  column-gap: 10px;
  display: -ms-grid;
  display: grid;
  grid-template-columns: auto 60%;
  justify-content: start;
  text-align: right;
}

.field-details__info span {
  text-align: left;
}

.statistics__title {
  margin: 0;
  text-align: center;
}

.statistics__content {
  align-content: center;
  align-items: center;
  display: flex;
  flex-direction: row;
  margin-top: 1.33em;
}

.statistics__button-wrapper {
  display: flex;
  flex: 1 1;
  justify-content: flex-end;
}

.statistics__button {
  background-color: gray;
  border-radius: 3px;
  padding: 5px 10px;
}

.statistics__info {
  padding-right: 10px;
}

.statistics__info span {
  text-align: left;
}

.container {
  margin-left: auto;
  margin-right: auto;
  min-height: 1px;
  padding-left: 13px;
  padding-right: 13px;
  width: 100%;
}

@media screen and (min-width: 1024px) {
  .container {
    padding-left: 35px;
    padding-right: 35px;
  }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .container {
    padding-left: 27px;
    padding-right: 27px;
  }
}

@media (min-width: 320px) {
  .container {
    max-width: 767px;
  }
}

@media (min-width: 768px) {
  .container {
    max-width: 1023px;
  }
}

@media (min-width: 1024px) {
  .container {
    max-width: 1279px;
  }
}

@media (min-width: 1280px) {
  .container {
    max-width: 1400px;
  }
}

.container--collapsible {
  min-height: 0;
}

.container-fluid {
  margin-left: auto;
  margin-right: auto;
  min-height: 1px;
  padding-left: 13px;
  padding-right: 13px;
  width: 100%;
}

@media screen and (min-width: 1024px) {
  .container-fluid {
    padding-left: 35px;
    padding-right: 35px;
  }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .container-fluid {
    padding-left: 27px;
    padding-right: 27px;
  }
}

.row {
  display: flex;
  flex-wrap: wrap;
  margin-left: -13px;
  margin-right: -13px;
}

@media screen and (min-width: 768px) {
  .row {
    margin-left: -15px;
    margin-right: -15px;
  }
}

.no-gutters {
  margin-left: 0;
  margin-right: 0;
}

.no-gutters > .col,
.no-gutters > [class*='col-'] {
  padding-left: 0;
  padding-right: 0;
}

.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto {
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
  width: 100%;
}

.col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}

.col-auto {
  flex: 0 0 auto;
  max-width: none;
  width: auto;
}

.col-1 {
  flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%;
}

.col-2 {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}

.col-3 {
  flex: 0 0 25%;
  max-width: 25%;
}

.col-4 {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}

.col-5 {
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
}

.col-6 {
  flex: 0 0 50%;
  max-width: 50%;
}

.col-7 {
  flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%;
}

.col-8 {
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}

.col-9 {
  flex: 0 0 75%;
  max-width: 75%;
}

.col-10 {
  flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
}

.col-11 {
  flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%;
}

.col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}

.order-first {
  order: -1;
}

.order-last {
  order: 13;
}

.order-0 {
  order: 0;
}

.order-1 {
  order: 1;
}

.order-2 {
  order: 2;
}

.order-3 {
  order: 3;
}

.order-4 {
  order: 4;
}

.order-5 {
  order: 5;
}

.order-6 {
  order: 6;
}

.order-7 {
  order: 7;
}

.order-8 {
  order: 8;
}

.order-9 {
  order: 9;
}

.order-10 {
  order: 10;
}

.order-11 {
  order: 11;
}

.order-12 {
  order: 12;
}

.offset-1 {
  margin-left: 8.3333333333%;
}

.offset-2 {
  margin-left: 16.6666666667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.3333333333%;
}

.offset-5 {
  margin-left: 41.6666666667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.3333333333%;
}

.offset-8 {
  margin-left: 66.6666666667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.3333333333%;
}

.offset-11 {
  margin-left: 91.6666666667%;
}

@media (min-width: 320px) {
  .col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }

  .col-sm-auto {
    flex: 0 0 auto;
    max-width: none;
    width: auto;
  }

  .col-sm-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }

  .col-sm-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-sm-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .col-sm-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }

  .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-sm-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }

  .col-sm-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }

  .col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-sm-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }

  .col-sm-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }

  .col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .order-sm-first {
    order: -1;
  }

  .order-sm-last {
    order: 13;
  }

  .order-sm-0 {
    order: 0;
  }

  .order-sm-1 {
    order: 1;
  }

  .order-sm-2 {
    order: 2;
  }

  .order-sm-3 {
    order: 3;
  }

  .order-sm-4 {
    order: 4;
  }

  .order-sm-5 {
    order: 5;
  }

  .order-sm-6 {
    order: 6;
  }

  .order-sm-7 {
    order: 7;
  }

  .order-sm-8 {
    order: 8;
  }

  .order-sm-9 {
    order: 9;
  }

  .order-sm-10 {
    order: 10;
  }

  .order-sm-11 {
    order: 11;
  }

  .order-sm-12 {
    order: 12;
  }

  .offset-sm-0 {
    margin-left: 0;
  }

  .offset-sm-1 {
    margin-left: 8.3333333333%;
  }

  .offset-sm-2 {
    margin-left: 16.6666666667%;
  }

  .offset-sm-3 {
    margin-left: 25%;
  }

  .offset-sm-4 {
    margin-left: 33.3333333333%;
  }

  .offset-sm-5 {
    margin-left: 41.6666666667%;
  }

  .offset-sm-6 {
    margin-left: 50%;
  }

  .offset-sm-7 {
    margin-left: 58.3333333333%;
  }

  .offset-sm-8 {
    margin-left: 66.6666666667%;
  }

  .offset-sm-9 {
    margin-left: 75%;
  }

  .offset-sm-10 {
    margin-left: 83.3333333333%;
  }

  .offset-sm-11 {
    margin-left: 91.6666666667%;
  }
}

@media (min-width: 768px) {
  .col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }

  .col-md-auto {
    flex: 0 0 auto;
    max-width: none;
    width: auto;
  }

  .col-md-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }

  .col-md-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-md-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .col-md-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }

  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-md-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }

  .col-md-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }

  .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-md-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }

  .col-md-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }

  .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .order-md-first {
    order: -1;
  }

  .order-md-last {
    order: 13;
  }

  .order-md-0 {
    order: 0;
  }

  .order-md-1 {
    order: 1;
  }

  .order-md-2 {
    order: 2;
  }

  .order-md-3 {
    order: 3;
  }

  .order-md-4 {
    order: 4;
  }

  .order-md-5 {
    order: 5;
  }

  .order-md-6 {
    order: 6;
  }

  .order-md-7 {
    order: 7;
  }

  .order-md-8 {
    order: 8;
  }

  .order-md-9 {
    order: 9;
  }

  .order-md-10 {
    order: 10;
  }

  .order-md-11 {
    order: 11;
  }

  .order-md-12 {
    order: 12;
  }

  .offset-md-0 {
    margin-left: 0;
  }

  .offset-md-1 {
    margin-left: 8.3333333333%;
  }

  .offset-md-2 {
    margin-left: 16.6666666667%;
  }

  .offset-md-3 {
    margin-left: 25%;
  }

  .offset-md-4 {
    margin-left: 33.3333333333%;
  }

  .offset-md-5 {
    margin-left: 41.6666666667%;
  }

  .offset-md-6 {
    margin-left: 50%;
  }

  .offset-md-7 {
    margin-left: 58.3333333333%;
  }

  .offset-md-8 {
    margin-left: 66.6666666667%;
  }

  .offset-md-9 {
    margin-left: 75%;
  }

  .offset-md-10 {
    margin-left: 83.3333333333%;
  }

  .offset-md-11 {
    margin-left: 91.6666666667%;
  }
}

@media (min-width: 1024px) {
  .col-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }

  .col-lg-auto {
    flex: 0 0 auto;
    max-width: none;
    width: auto;
  }

  .col-lg-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }

  .col-lg-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-lg-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .col-lg-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }

  .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-lg-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }

  .col-lg-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }

  .col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-lg-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }

  .col-lg-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }

  .col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .order-lg-first {
    order: -1;
  }

  .order-lg-last {
    order: 13;
  }

  .order-lg-0 {
    order: 0;
  }

  .order-lg-1 {
    order: 1;
  }

  .order-lg-2 {
    order: 2;
  }

  .order-lg-3 {
    order: 3;
  }

  .order-lg-4 {
    order: 4;
  }

  .order-lg-5 {
    order: 5;
  }

  .order-lg-6 {
    order: 6;
  }

  .order-lg-7 {
    order: 7;
  }

  .order-lg-8 {
    order: 8;
  }

  .order-lg-9 {
    order: 9;
  }

  .order-lg-10 {
    order: 10;
  }

  .order-lg-11 {
    order: 11;
  }

  .order-lg-12 {
    order: 12;
  }

  .offset-lg-0 {
    margin-left: 0;
  }

  .offset-lg-1 {
    margin-left: 8.3333333333%;
  }

  .offset-lg-2 {
    margin-left: 16.6666666667%;
  }

  .offset-lg-3 {
    margin-left: 25%;
  }

  .offset-lg-4 {
    margin-left: 33.3333333333%;
  }

  .offset-lg-5 {
    margin-left: 41.6666666667%;
  }

  .offset-lg-6 {
    margin-left: 50%;
  }

  .offset-lg-7 {
    margin-left: 58.3333333333%;
  }

  .offset-lg-8 {
    margin-left: 66.6666666667%;
  }

  .offset-lg-9 {
    margin-left: 75%;
  }

  .offset-lg-10 {
    margin-left: 83.3333333333%;
  }

  .offset-lg-11 {
    margin-left: 91.6666666667%;
  }
}

@media (min-width: 1280px) {
  .col-xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }

  .col-xl-auto {
    flex: 0 0 auto;
    max-width: none;
    width: auto;
  }

  .col-xl-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }

  .col-xl-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-xl-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .col-xl-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }

  .col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-xl-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }

  .col-xl-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }

  .col-xl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-xl-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }

  .col-xl-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }

  .col-xl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .order-xl-first {
    order: -1;
  }

  .order-xl-last {
    order: 13;
  }

  .order-xl-0 {
    order: 0;
  }

  .order-xl-1 {
    order: 1;
  }

  .order-xl-2 {
    order: 2;
  }

  .order-xl-3 {
    order: 3;
  }

  .order-xl-4 {
    order: 4;
  }

  .order-xl-5 {
    order: 5;
  }

  .order-xl-6 {
    order: 6;
  }

  .order-xl-7 {
    order: 7;
  }

  .order-xl-8 {
    order: 8;
  }

  .order-xl-9 {
    order: 9;
  }

  .order-xl-10 {
    order: 10;
  }

  .order-xl-11 {
    order: 11;
  }

  .order-xl-12 {
    order: 12;
  }

  .offset-xl-0 {
    margin-left: 0;
  }

  .offset-xl-1 {
    margin-left: 8.3333333333%;
  }

  .offset-xl-2 {
    margin-left: 16.6666666667%;
  }

  .offset-xl-3 {
    margin-left: 25%;
  }

  .offset-xl-4 {
    margin-left: 33.3333333333%;
  }

  .offset-xl-5 {
    margin-left: 41.6666666667%;
  }

  .offset-xl-6 {
    margin-left: 50%;
  }

  .offset-xl-7 {
    margin-left: 58.3333333333%;
  }

  .offset-xl-8 {
    margin-left: 66.6666666667%;
  }

  .offset-xl-9 {
    margin-left: 75%;
  }

  .offset-xl-10 {
    margin-left: 83.3333333333%;
  }

  .offset-xl-11 {
    margin-left: 91.6666666667%;
  }
}

body,
html {
  border: 0;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
}

html {
  background-color: #fff;
  box-sizing: border-box;
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 110%;
  overflow: visible;
}

body {
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  text-size-adjust: 100%;
  background-color: transparent;
  cursor: auto;
}

*,
:after,
:before {
  box-sizing: inherit;
}

button {
  background: transparent;
  border: none;
  cursor: pointer;
  margin: 0;
  padding: 0;
}

button:focus {
  outline: none;
}

p {
  margin: 0;
}

p + p {
  margin-top: 1em;
}

ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

#app {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

.u-icon-source,
.u-icon-sprite {
  clip: rect(0 0 0 0);
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.visible {
  display: block;
}

@media screen and (max-width: 1023px) {
  body {
    overflow-x: hidden;
  }

  .no-mobile-scroll,
  body.mobile-menu-is-open {
    overflow: hidden;
  }
}

@font-face {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-display: swap;
  font-family: Avenir Next;
  font-style: normal;
  font-weight: 300;
  src:
    local('AvenirNext-Thin'),
    url(../public/AvenirNextThin_normal_normal.a482bb6ae6b8fef3..woff2) format('woff2'),
    url(../public/AvenirNextThin_normal_normal.ed77d7a68b4c3b02..woff) format('woff');
}

@font-face {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-display: swap;
  font-family: Avenir Next;
  font-style: normal;
  font-weight: 400;
  src:
    local('AvenirNext-Regular'),
    url(../public/483d8937-5e17-4378-9c51-aa91a3d9e1eb.c07e0c252544d2f1..eot),
    url(../public/483d8937-5e17-4378-9c51-aa91a3d9e1eb.c07e0c252544d2f1..eot?#iefix) format('eot'),
    url(../public/ed4b9060-b5ab-4379-8840-0b50a15258b7.7e5c79e266414efe..woff2) format('woff2'),
    url(../public/9b47db0b-77fb-4bb0-b5c2-3c131a36fc4d.b5c681f4c1f4e2b0..woff) format('woff'),
    url(../public/9c8b7e5f-b3ca-435d-a197-b3dfeae277a1.4514500ab35f54c6..ttf) format('truetype'),
    url(../public/0f72ee75-31c8-42ba-b262-3e13b83a8fdf.f7a8aeb7a1374ce6..svg#0f72ee75-31c8-42ba-b262-3e13b83a8fdf)
      format('svg');
}

@font-face {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-display: swap;
  font-family: Avenir Next;
  font-style: normal;
  font-weight: 500;
  src:
    local('AvenirNext-Medium'),
    url(../public/AvenirNextMedium_normal_normal.82731da49d085822..woff2),
    url(../public/AvenirNextMedium_normal_normal.82731da49d085822..woff2) format('woff2'),
    url(../public/AvenirNextMedium_normal_normal.c74a44d406388036..woff) format('woff');
}

@font-face {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-display: swap;
  font-family: Avenir Next;
  font-style: normal;
  font-weight: 600;
  src:
    local('AvenirNext-DemiBold'),
    url(../public/47d79f32-82c5-4a74-9646-5150297aabc1.5db94c8fde2bc8f7..eot),
    url(../public/47d79f32-82c5-4a74-9646-5150297aabc1.5db94c8fde2bc8f7..eot?#iefix) format('eot'),
    url(../public/249228f0-61ac-40cc-a5a5-5609c9816e3f.ea4a1b4987a92e9f..woff2) format('woff2'),
    url(../public/efba18ed-80cc-49c4-997a-fbb140739d19.dcb16896348d9f00..woff) format('woff'),
    url(../public/750a20ec-9242-42a8-b3bd-c4dcec552196.062e294631257a55..ttf) format('truetype'),
    url(../public/9505c912-495c-462c-899a-e61574ee9559.be08660d1f03c645..svg#9505c912-495c-462c-899a-e61574ee9559)
      format('svg');
}

@font-face {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-display: swap;
  font-family: Avenir Next;
  font-style: normal;
  font-weight: 700;
  src:
    local('AvenirNext-Bold'),
    url(../public/6ff8ab07-ccb4-4a91-8f0f-2bd4367902e8.1852e355a1a6080d..eot),
    url(../public/6ff8ab07-ccb4-4a91-8f0f-2bd4367902e8.1852e355a1a6080d..eot?#iefix) format('eot'),
    url(../public/91799b0e-0ef8-446e-b274-5509412e1242.0e8e10f182a436c2..woff2) format('woff2'),
    url(../public/97fb5311-bdbd-46bc-bf69-3bcf8c744cda.d107483b56510ed9..woff) format('woff'),
    url(../public/88093bd3-b377-4278-8abe-8460dd24d0e8.95030fc594810728..ttf) format('truetype'),
    url(../public/0fde1539-69df-4e3d-83ef-ae23d10dd2a5.b170616d041e0af9..svg#0fde1539-69df-4e3d-83ef-ae23d10dd2a5)
      format('svg');
}

@font-face {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-display: swap;
  font-family: Zahrah;
  font-style: normal;
  font-weight: 600;
  src:
    local('Zahrah'),
    url(../public/ZahrahforDouglasW04-SmBd.e2de1547a3f2bd1d..eot),
    url(../public/ZahrahforDouglasW04-SmBd.e2de1547a3f2bd1d..eot?#iefix) format('eot'),
    url(../public/ZahrahforDouglasW04-SmBd.c5c44c35c8894656..woff2) format('woff2'),
    url(../public/ZahrahforDouglasW04-SmBd.2b6b49a86b201fa5..woff) format('woff'),
    url(../public/ZahrahforDouglasW04-SmBd.2ded78f7a1938abf..ttf) format('truetype');
}

body {
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 150%;
}

b,
strong {
  font-weight: 500;
}

h1 {
  font-size: 32px;
}

h1,
h2 {
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-weight: 400;
  letter-spacing: 0.5px;
  line-height: 120%;
  text-transform: uppercase;
}

h2 {
  font-size: 24px;
}

h3 {
  font-size: 18px;
}

h3,
h4 {
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-weight: 400;
  letter-spacing: 0.5px;
  line-height: 120%;
  text-transform: uppercase;
}

h4 {
  font-size: 12px;
}

h5 {
  font-size: 10px;
  font-weight: 400;
  letter-spacing: 0.5px;
  line-height: 120%;
}

h5,
h6 {
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  text-transform: uppercase;
}

h6 {
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 1.5px;
  line-height: 100%;
}

.text-left {
  text-align: left;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

.text-justify {
  text-align: justify;
}

.text-start {
  text-align: start;
}

.text-end {
  text-align: end;
}

.visually-hidden {
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

.visually-hidden:focus {
  clip: auto;
  height: auto;
  overflow: auto;
  position: absolute;
  width: auto;
}

:export {
  mobileMax: 767px;
  tabletMax: 1023px;
  desktopMax: 1279px;
  largeMax: 1400px;
}

.cms-component.cms-component__margin.cms-component.cms-component__margin--zero {
  margin-bottom: 0;
}

.cms-component.cms-component__margin.cms-component.cms-component__margin--small {
  margin-bottom: 30px;
}

@media screen and (max-width: 767px) {
  .cms-component.cms-component__margin.cms-component.cms-component__margin--small {
    margin-bottom: 15px;
  }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .cms-component.cms-component__margin.cms-component.cms-component__margin--small {
    margin-bottom: 20px;
  }
}

.cms-component.cms-component__margin.cms-component.cms-component__margin--medium {
  margin-bottom: 60px;
}

@media screen and (max-width: 767px) {
  .cms-component.cms-component__margin.cms-component.cms-component__margin--medium {
    margin-bottom: 30px;
  }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .cms-component.cms-component__margin.cms-component.cms-component__margin--medium {
    margin-bottom: 45px;
  }
}

.cms-component.cms-component__margin.cms-component.cms-component__margin--big {
  margin-bottom: 90px;
}

@media screen and (max-width: 767px) {
  .cms-component.cms-component__margin.cms-component.cms-component__margin--big {
    margin-bottom: 60px;
  }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .cms-component.cms-component__margin.cms-component.cms-component__margin--big {
    margin-bottom: 75px;
  }
}

: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;
}

.cms-component__placeholder {
  align-items: center;
  background-color: #bfbfbf;
  color: #fff;
  display: flex;
  height: 100px;
  justify-content: center;
  margin-bottom: 50px;
  margin-top: 20px;
}

:root {
  --color-brand-original: #3cbeaf;
  --color-brand-bright: #9bdcd2;
  --color-brand-medium: #c3eae4;
  --color-brand-light: #e6f6f4;
  --color-button-primary: #212121;
  --color-button-primary-hover: #000;
  --color-button-primary-active: #212121;
  --color-button-primary-focus: #212121;
  --color-button-primary-focus-outline: rgba(#212121 0.2);
  --color-brand-input-text-focus: #3cbeaf;
  --color-sale-red: #ac145a;
  --info-bar-background: var(--color-brand-medium);
  --color-nav-mobile-background: var(--color-brand-light);
  --color-nav-mobile-constant-background: var(--color-brand-medium);
  --color-rating-star: #212121;
}