.overflowHidden {
  overflow: hidden;
}
.pdp-marquee {
  background-color: #121216;
}
.pdp-marquee {
  background-color: #121216;
  padding: 16px 0;
  color: #fff;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  overflow: hidden;
  white-space: nowrap;
}
@media screen and (min-width: 750px) {
  .pdp-marquee {
    font-size: 20px;
    line-height: 28px;
    padding: 24px 0;
  }
}
.pdp-marquee__ellipse {
  display: inline-block;
  margin: 5px 24px;
}
.pdp-marquee .marq-1 {
  display: inline-block;
  -webkit-animation: marquee 20s linear infinite;
  animation: marquee 20s linear infinite;
}
.pdp-marquee .marq-2 {
  display: inline-block;
  -webkit-animation: marquee2 20s linear infinite;
  animation: marquee2 20s linear infinite;
  -webkit-animation-delay: 10s;
  animation-delay: 10s;
}
.scroll {
  width: 100%;
  display: flex;
  background: #fff;
}
.scroll div {
  color:var(--primary) ;
  background: #fff;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  white-space: nowrap;
  -webkit-animation: scroll1 30s linear infinite;
  animation: scroll1 30s linear infinite;
  -webkit-animation-delay: -40s;
  animation-delay: -40s;
  padding: 24px 0;
}
.scroll div:nth-child(2) {
  -webkit-animation: scroll2 30s linear infinite;
  animation: scroll2 30s linear infinite;
  -webkit-animation-delay: -25s;
  animation-delay: -25s;
}
.scroll div span {
  font-weight: 100;
}
.scroll:nth-child(even) div {
  animation-direction: normal;
}
.scroll:nth-child(even) div:nth-child(2) {
  animation-direction: normal;
}
.scroll.text-1 {
  box-shadow: 0 1px 2px #0003;
}
@-webkit-keyframes scroll1 {
  0% {
    transform: translate(100%);
  }
  to {
    transform: translate(-100%);
  }
}
@keyframes scroll1 {
  0% {
    transform: translate(100%);
  }
  to {
    transform: translate(-100%);
  }
}
@-webkit-keyframes scroll2 {
  0% {
    transform: translate(0);
  }
  to {
    transform: translate(-200%);
  }
}
@keyframes scroll2 {
  0% {
    transform: translate(0);
  }
  to {
    transform: translate(-200%);
  }
}
/*# sourceMappingURL=/s/files/1/0219/0638/t/32/assets/scroller.css.map?v=108848624896943342411637041536 */