footer-marquee{display:block}.footer-marquee__stage{position:relative;margin-inline:auto}.footer-marquee__track{display:flex;flex-wrap:wrap}.footer-marquee__copy{display:flex;flex:1 1 100%;flex-wrap:wrap;justify-content:center;gap:var(--marquee-gap)}.footer-marquee__copy>.image-block{flex:0 0 auto;width:var(--marquee-card-w);height:var(--marquee-card-h)}.footer-marquee__copy>.image-block>*,.footer-marquee__copy>.image-block>*>*{height:100%}.footer-marquee__copy>.image-block,.footer-marquee__copy>.image-block .rounded{border-radius:var(--marquee-card-radius);clip-path:inset(0 0 0 0 round var(--marquee-card-radius))}.footer-marquee__copy [style*=--aspect-ratio]:before{content:none}.footer-marquee__copy picture{display:block;height:100%}.footer-marquee__copy img,.footer-marquee__copy .img-placeholder{width:100%;height:100%;object-fit:cover}.footer-marquee__overlay{position:relative;z-index:1;width:var(--marquee-overlay-w-mb);margin-inline:auto;border-radius:var(--marquee-overlay-radius);overflow:hidden}.footer-marquee__overlay>*{display:block;width:100%;aspect-ratio:var(--marquee-overlay-ratio);object-fit:cover}@media screen and (min-width:1025px){.footer-marquee__overlay{width:var(--marquee-overlay-w-dk)}}footer-marquee[data-ready]:not([data-mode=static]) .footer-marquee__viewport{overflow:hidden;overflow:clip}footer-marquee[data-ready]:not([data-mode=static]):not(.footer-marquee--no-overlay) .footer-marquee__viewport{position:absolute;inset-inline:0;top:var(--marquee-track-top)}footer-marquee[data-ready]:not([data-mode=static]) .footer-marquee__track{flex-wrap:nowrap;width:max-content;animation:footer-marquee-left var(--marquee-speed) linear infinite}footer-marquee[data-ready]:not([data-mode=static]) .footer-marquee__track--right{animation-name:footer-marquee-right}footer-marquee[data-ready]:not([data-mode=static]) .footer-marquee__copy{flex:0 0 auto;flex-wrap:nowrap;padding-inline-end:var(--marquee-gap)}.footer-marquee--pause-hover:hover .footer-marquee__track,footer-marquee:focus-within .footer-marquee__track,footer-marquee[data-ready]:not([data-visible]) .footer-marquee__track{animation-play-state:paused}@keyframes footer-marquee-left{0%{transform:translate(0)}to{transform:translate(var(--marquee-shift, -50%))}}@keyframes footer-marquee-right{0%{transform:translate(var(--marquee-shift, -50%))}to{transform:translate(0)}}
/*# sourceMappingURL=/cdn/shop/t/31/assets/component-footer-marquee.css.map */
