.marquee{position:relative;overflow:hidden;background:var(--color-bg);color:var(--color-ink)}.marquee.section--alt{background:var(--color-surface-alt)}.marquee.section--brand{background:var(--color-brand);color:var(--color-brand-contrast)}.marquee__viewport{display:flex;width:max-content;min-width:100%;animation:marquee-scroll var(--marquee-duration, 30s) linear infinite;will-change:transform}.marquee__viewport:hover,.marquee__viewport:focus-within,.marquee--paused .marquee__viewport{animation-play-state:paused}.marquee__pause{position:absolute;top:50%;right:var(--space-2);z-index:1;transform:translateY(-50%);border:1px solid var(--color-border-strong);background:var(--color-surface);color:var(--color-ink);box-shadow:var(--shadow-sm);cursor:pointer}.marquee.section--brand .marquee__pause{border-color:var(--color-brand-contrast);background:var(--color-brand);color:var(--color-brand-contrast)}.marquee__pause .icon{width:1.8rem;height:1.8rem}.marquee__pause-icon{display:inline-flex}.marquee__pause-icon--play,.marquee__pause[aria-pressed=true] .marquee__pause-icon--pause{display:none}.marquee__pause[aria-pressed=true] .marquee__pause-icon--play{display:inline-flex}.no-js .marquee__pause{display:none}.marquee__track{display:flex;flex:none;align-items:center;gap:var(--space-7);list-style:none;margin:0;padding:0 calc(var(--space-7) / 2)}.marquee__item{display:inline-flex;flex:none;align-items:center;gap:var(--space-2);font-family:var(--font-heading-family);font-weight:var(--font-heading-weight-medium);font-size:1.4rem;letter-spacing:.02em;white-space:nowrap}.marquee__icon{width:1.8rem;height:1.8rem;color:var(--color-brand)}.marquee.section--brand .marquee__icon{color:var(--color-accent)}.marquee__item .icon--star{color:var(--color-star)}@keyframes marquee-scroll{0%{transform:translateZ(0)}to{transform:translate3d(-50%,0,0)}}@media(min-width:990px){.marquee__item{font-size:1.5rem}}@media(prefers-reduced-motion:reduce){.marquee__viewport{animation:none;width:auto;min-width:0;max-width:var(--container);margin-inline:auto;padding-inline:var(--gutter)}.marquee__track{flex:1 1 auto;flex-wrap:wrap;justify-content:center;gap:var(--space-2) var(--space-5);padding:0}.marquee__item{white-space:normal}.marquee__track--clone,.marquee__pause{display:none}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/section-marquee.css.map */
