.mlp-parallax { contain: strict; }
.mlp-parallax .mlp-strip { position: absolute; left: 0; white-space: nowrap; will-change: transform;
  opacity: calc(var(--mlp-strip-k, 1) * var(--o)); }
.mlp-parallax .mlp-strip-push, .mlp-parallax .mlp-strip-track { width: max-content; will-change: transform; }
.mlp-parallax .mlp-strip-track { display: flex; align-items: center; gap: 1.1em;
  animation: mlp-par-loop var(--drift, 180s) linear infinite; }
.mlp-parallax .mlp-strip.is-right .mlp-strip-track { animation-direction: reverse; }
.mlp-parallax :is(.mlp-word-filled, .mlp-word-outline) {
  font: italic 900 var(--fs)/0.82 Poppins, system-ui, sans-serif; letter-spacing: -.07em; }
/* The word is generated content, not a text node: 48 "MELAYA"s were the first
   words of every page's text for crawlers and readers that ignore aria-hidden. */
.mlp-parallax :is(.mlp-word-filled, .mlp-word-outline)::before { content: "MELAYA"; }
.mlp-parallax .mlp-strip-dot { font-size: var(--fs); }
@keyframes mlp-par-loop { from { transform: translate3d(0, 0, 0); } to { transform: translate3d(-50%, 0, 0); } }
@keyframes mlp-par-y { from { transform: translate3d(0, 0, 0); } to { transform: translate3d(0, var(--y), 0); } }
@keyframes mlp-par-fade { 0%, 10% { opacity: 1; } 44% { opacity: .25; } 100% { opacity: .1; } }
@supports (animation-timeline: scroll()) {
  .mlp-parallax {
    animation: mlp-par-fade linear both;
    animation-timeline: scroll(root block);
    animation-range: 0px 16000px;
  }
  .mlp-parallax .mlp-strip {
    animation: mlp-par-y linear both;
    animation-timeline: scroll(root block);
    animation-range: 0px 16000px;
  }
  .mlp-parallax .mlp-strip-push {
    animation: mlp-par-loop linear both;
    animation-timeline: scroll(root block);
    animation-iteration-count: 60;
    animation-range: 0px calc(var(--wrap, 4000px) * 60);
  }
  .mlp-parallax .mlp-strip.is-push-right .mlp-strip-push { animation-direction: reverse; }
}
/* The opaque product sheets cover the viewport while the rail is out. */
html[data-products-mode="1"] .mlp-parallax { visibility: hidden; }
@media (prefers-reduced-motion: reduce) {
  .mlp-parallax, .mlp-parallax .mlp-strip, .mlp-parallax .mlp-strip-push, .mlp-parallax .mlp-strip-track { animation: none !important; }
}