.scrolling-banner{overflow:hidden}.scrolling-banner__viewport--full-width{width:100%}.scrolling-banner__header{margin-bottom:2.4rem}.scrolling-banner__header--centered{text-align:center}.scrolling-banner__heading{margin-bottom:.8rem}.scrolling-banner__text{margin-top:0}.scrolling-banner__viewport{overflow:hidden;position:relative;width:100%}.scrolling-banner__viewport--fade:before,.scrolling-banner__viewport--fade:after{content:"";position:absolute;top:0;bottom:0;width:25%;z-index:2;pointer-events:none}.scrolling-banner__viewport--fade:before{left:0;background:linear-gradient(to right,var(--fade-color, var(--color-background)),transparent)}.scrolling-banner__viewport--fade:after{right:0;background:linear-gradient(to left,var(--fade-color, var(--color-background)),transparent)}@keyframes scrolling-banner-scroll{0%{transform:translate(0)}to{transform:translate(var(--scroll-translate, -50%))}}.scrolling-banner__track{display:flex;align-items:center;gap:var(--item-gap, 1.6rem);width:max-content;animation:scrolling-banner-scroll var(--scroll-duration, 20s) linear infinite;will-change:transform}.scrolling-banner__set{display:flex;align-items:center;gap:var(--item-gap, 1.6rem);flex-shrink:0}.scrolling-banner__viewport:hover .scrolling-banner__track,.scrolling-banner__viewport:focus-within .scrolling-banner__track{animation-play-state:paused}@media(prefers-reduced-motion:reduce){.scrolling-banner__track{animation:none;overflow-x:auto;width:100%;-webkit-overflow-scrolling:touch}.scrolling-banner__track [data-scrolling-banner-clone]{display:none}}.scrolling-banner__item{display:block;flex-shrink:0;line-height:0;text-decoration:none}.scrolling-banner__item img{height:var(--image-height, 6rem);width:auto;display:block;object-fit:contain;border-radius:var(--media-radius, 0)}.scrolling-banner__item--no-link{cursor:default;pointer-events:none}.scrolling-banner__buttons{display:flex;flex-wrap:wrap;gap:1rem;margin-top:2.4rem}.scrolling-banner__buttons--centered{justify-content:center}@media screen and (max-width:749px){.scrolling-banner__buttons[data-button-count="2"]>.button,.scrolling-banner__buttons[data-button-count="4"]>.button{flex-basis:calc(50% - .5rem)}}
/*# sourceMappingURL=/cdn/shop/t/254/assets/section-scrolling-banner.css.map */
