.logo-scroller-section{background-color:var(--section-bg);padding-top:var(--section-padding-top);padding-bottom:var(--section-padding-bottom);margin-top:var(--section-margin-top);margin-bottom:var(--section-margin-bottom)}.logo-scroller-section--shadow{box-shadow:0 2px 20px rgba(0,0,0,var(--shadow-opacity))}.logo-scroller-container{width:100%}.logo-scroller-heading{color:var(--heading-color);padding:0 1.5rem;margin-bottom:2rem}.logo-scroller-heading--left{text-align:left}.logo-scroller-heading--center{text-align:center}.logo-scroller-heading--right{text-align:right}.logo-scroller-wrapper{padding:var(--slider-padding);overflow:hidden;position:relative;border-radius:.8rem}.logo-scroller-track{display:flex;align-items:center;width:fit-content;animation:scroll-left var(--scroll-speed) linear infinite;will-change:transform}.logo-scroller-track[data-scroll-direction=right]{animation-name:scroll-right}.logo-scroller-track[data-pause-on-hover=true]:hover{animation-play-state:paused}.logo-scroller-item{flex-shrink:0;margin-right:var(--logo-spacing);display:flex;align-items:center;justify-content:center}.logo-scroller-item:last-child{margin-right:var(--logo-spacing)}.logo-scroller-link{display:block;transition:opacity .3s ease;cursor:pointer}.logo-scroller-image{height:var(--logo-height);width:auto;opacity:var(--logo-opacity);transition:opacity .3s ease;object-fit:contain;transition:filter .3s ease,opacity .3s ease}.logo-scroller-link:hover .logo-scroller-image,.logo-scroller-item:hover .logo-scroller-image{opacity:var(--logo-hover-opacity);filter:grayscale(0)}@keyframes scroll-left{0%{transform:translate(0)}to{transform:translate(-33.333%)}}@keyframes scroll-right{0%{transform:translate(-33.333%)}to{transform:translate(0)}}@media screen and (max-width: 749px){.logo-scroller-heading{margin-bottom:1.5rem}.logo-scroller-wrapper{border-radius:.6rem}.logo-scroller-item{margin-right:calc(var(--logo-spacing) * .7)}}@media screen and (prefers-reduced-motion: reduce){.logo-scroller-track{animation-duration:calc(var(--scroll-speed) * 3)}}.logo-scroller-track:focus-within{animation-play-state:paused}.logo-scroller-link:focus{outline:2px solid currentColor;outline-offset:2px;border-radius:.4rem}@media screen and (forced-colors: active){.logo-scroller-image{filter:none;opacity:1}.logo-scroller-section--shadow{box-shadow:none;border:1px solid}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-logo-scroller.css.map */
