.marquee-text{overflow:hidden;white-space:nowrap;position:relative;width:100%}.marquee-text__container{display:flex;width:100%;overflow:hidden}.marquee-text__content{display:flex;align-items:center;animation:marquee-scroll-left 60s linear infinite;gap:2rem;width:max-content}.marquee-text__content--right{animation:marquee-scroll-right 60s linear infinite}.marquee-text__item{flex-shrink:0;font-weight:600;line-height:1.2;margin:0;padding:0 1rem}.marquee-text__item--body{font-family:var(--font-body-family);font-style:var(--font-body-style);font-weight:var(--font-body-weight)}.marquee-text__item--heading{font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight)}.marquee-text__content[data-scroll-speed=slow],.marquee-text__content[data-scroll-speed=slow].marquee-text__content--right{animation-duration:90s}.marquee-text__content[data-scroll-speed=medium],.marquee-text__content[data-scroll-speed=medium].marquee-text__content--right{animation-duration:60s}.marquee-text__content[data-scroll-speed=fast],.marquee-text__content[data-scroll-speed=fast].marquee-text__content--right{animation-duration:40s}@keyframes marquee-scroll-left{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes marquee-scroll-right{0%{transform:translate(-50%)}to{transform:translate(0)}}@media screen and (max-width: 749px){.marquee-text__item{padding:0 .5rem}.marquee-text__content{gap:1rem}}@media screen and (max-width: 479px){.marquee-text__item{padding:0 .25rem}.marquee-text__content{gap:.5rem}}@media (prefers-reduced-motion: reduce){.marquee-text__content,.marquee-text__content--right{animation:none;transform:none}}@media (prefers-contrast: more){.marquee-text__item{font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.1)}}.marquee-text__item,.marquee-text__solid{color:rgb(var(--color-foreground))}.marquee-text__stencil{color:transparent;-webkit-text-stroke:2px rgb(var(--color-foreground));text-stroke:2px rgb(var(--color-foreground));font-weight:inherit}@media screen and (max-width: 749px){.marquee-text__stencil{-webkit-text-stroke:1.5px rgb(var(--color-foreground));text-stroke:1.5px rgb(var(--color-foreground))}}@media screen and (max-width: 479px){.marquee-text__stencil{-webkit-text-stroke:1px rgb(var(--color-foreground));text-stroke:1px rgb(var(--color-foreground))}}
/*# sourceMappingURL=/cdn/shop/t/118/assets/section-marquee-text.css.map */
