.marquee-belt{position:relative;box-sizing:border-box;display:flex;justify-content:center;width:100%;max-width:100%;overflow-x:clip}.marquee-belt[data-align=start]{justify-content:flex-start}@media screen and (max-width:749px){.marquee-belt[data-align-mobile=start]{justify-content:flex-start}.marquee-belt[data-align-mobile=center]{justify-content:center}}.marquee-belt .marquee-belt__track{display:flex;flex:none;align-items:center;gap:var(--marquee-gap)}.marquee-belt .marquee-belt__group{display:flex;flex:none;align-items:center;white-space:nowrap}.marquee-belt.is-running{justify-content:flex-start}.marquee-belt.is-running .marquee-belt__track{transform:translate(var(--marquee-offset, 0px));animation:marquee-belt var(--marquee-duration, 20s) linear infinite;will-change:transform}.marquee-belt.is-paused .marquee-belt__track,.marquee-belt.is-running .marquee-belt__track:hover,.marquee-belt.is-running .marquee-belt__track:focus-within,:focus>.marquee-belt.is-running .marquee-belt__track{animation-play-state:paused}.marquee-belt-toggle{position:absolute;top:50%;inset-inline-end:0;display:none;align-items:center;justify-content:center;box-sizing:border-box;min-width:2.4rem;min-height:2.4rem;margin:0;padding:0;border:0;background:rgb(var(--color-background));color:rgb(var(--color-foreground));cursor:pointer;translate:0 -50%}.marquee-belt.is-running .marquee-belt-toggle{display:flex}.marquee-belt-toggle:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:-2px}.marquee-belt-toggle-icon{display:flex;width:1.2rem;height:1.2rem}.marquee-belt-toggle-icon svg{width:100%;height:100%}.marquee-belt-toggle-play,.marquee-belt.is-paused .marquee-belt-toggle-pause{display:none}.marquee-belt.is-paused .marquee-belt-toggle-play{display:flex}@media(prefers-reduced-motion:reduce){.marquee-belt.is-running .marquee-belt__track{animation:none}.marquee-belt.is-running .marquee-belt-toggle{display:none}}@keyframes marquee-belt{0%{transform:translate(var(--marquee-offset, 0px))}to{transform:translate(calc(var(--marquee-offset, 0px) - var(--marquee-distance, 0px)))}}
/*# sourceMappingURL=/cdn/shop/t/125/assets/component-marquee-belt.css.map */