/** Shopify CDN: Minification failed

Line 41:31 Expected identifier but found whitespace
Line 41:38 Unexpected "}"
Line 41:40 Unexpected "{"

**/
.m-wr-marquee {
  position: relative;
  background-color: var(--_marquee-bg, #000);
}

.m-wr-marquee__wrap {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 400px;
}

.m-wr-marquee__track {
  display: flex;
  align-items: flex-end;
  width: max-content;
  height: 100%;
  animation: marquee-scroll var(--_marquee-speed-mobile, 60s) linear infinite reverse;
  animation-play-state: paused;
  will-change: transform;
  opacity: 0;
  transition: opacity 0.3s linear;
}

.m-wr-marquee.is-ready .m-wr-marquee__track {
  animation-play-state: running;
  opacity: 1;
}

.m-wr-marquee__track.is-paused {
  animation-play-state: paused;
}

@media {prefers-reduced-motion: reduce} {
  .m-wr-marquee__track {
    animation-play-state: paused;
  }
}

@media screen and (min-width: 768px) {
  .m-wr-marquee__track {
    animation-duration: var(--_marquee-speed, 60s);
  }
}

@keyframes marquee-scroll {
  0% {
    transform: translateX(-50%);
  }
  50% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

.m-wr-marquee__item {
  position: relative;
  flex-shrink: 0;
  width: 341px;
  aspect-ratio: 682 / 403;
  overflow: hidden;
  margin-left: var(--_marquee-gap, -32px);
  transition: width 0.1s linear;
}

.m-wr-marquee__item:first-child {
  margin-left: 0;
}

.m-wr-marquee__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.m-wr-marquee__image.placeholder-svg {
  background-color: #333;
}