.marquee-tape{--marquee-speed: 25s;--marquee-gap: 2.4rem;position:relative;overflow:hidden;padding:1.6rem 0;background-color:rgb(var(--color-background));-webkit-user-select:none;user-select:none}.marquee-tape--accent{background-color:rgb(var(--color-accent))}.marquee-tape--accent .marquee-tape__text{color:rgb(var(--color-background));-webkit-text-stroke-color:rgb(var(--color-background))}.marquee-tape--bordered{border-top:1px solid rgba(var(--color-foreground),.08);border-bottom:1px solid rgba(var(--color-foreground),.08)}.marquee-tape__track{display:flex;align-items:center;width:max-content;gap:var(--marquee-gap);animation:marqueeScroll var(--marquee-speed) linear infinite}.marquee-tape:hover .marquee-tape__track{animation-play-state:paused}.marquee-tape--reverse .marquee-tape__track{animation-direction:reverse}@keyframes marqueeScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.marquee-tape__text{flex-shrink:0;font-family:var(--font-heading-family);font-weight:800;font-size:clamp(2.4rem,5vw,4.8rem);text-transform:uppercase;letter-spacing:.04em;line-height:1;color:rgb(var(--color-foreground));white-space:nowrap}.marquee-tape__text--outline{color:transparent;-webkit-text-stroke:1.5px rgb(var(--color-foreground))}.marquee-tape__text--accent{color:rgb(var(--color-accent))}.marquee-tape__text--accent-outline{color:transparent;-webkit-text-stroke:1.5px rgb(var(--color-accent))}.marquee-tape__dot{flex-shrink:0;width:.6rem;height:.6rem;border-radius:50%;background-color:rgb(var(--color-accent))}.marquee-tape--accent .marquee-tape__dot{background-color:rgb(var(--color-background))}@media (prefers-reduced-motion: reduce){.marquee-tape__track{animation-play-state:paused}}@media screen and (max-width: 749px){.marquee-tape{padding:1.2rem 0;--marquee-gap: 1.6rem}.marquee-tape__track{animation:none;transform:translate(0)}.marquee-tape--animate-mobile .marquee-tape__track{animation:marqueeScroll var(--marquee-mobile-speed, var(--marquee-speed)) linear infinite;transform:none}.marquee-tape__text--outline,.marquee-tape__text--accent-outline{-webkit-text-stroke-width:1px}.marquee-tape__dot{width:.5rem;height:.5rem}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/section-marquee-tape.css.map */