.brand-logos{--brand-logos-logo-height: 3.2rem;--brand-logos-duration: 120s}.brand-logos--full-width,.brand-logos__inner{width:100%}.brand-logos__viewport{position:relative;overflow:hidden;display:flex;align-items:center;min-height:3.4rem;border-top:.1rem solid rgba(17,24,39,.08);border-bottom:.1rem solid rgba(17,24,39,.08);background:linear-gradient(180deg,#ffffffe0,#ffffffb8);-webkit-mask-image:linear-gradient(to right,transparent 0,black 6%,black 94%,transparent 100%);mask-image:linear-gradient(to right,transparent 0,black 6%,black 94%,transparent 100%)}.brand-logos__track{display:flex;align-items:center;width:max-content;flex-wrap:nowrap}.brand-logos__track--animated{animation:brand-logos-marquee var(--brand-logos-duration) linear infinite}.brand-logos__list{display:flex;align-items:center;flex:0 0 auto;min-width:max-content;margin:0;padding:0;list-style:none}.brand-logos__list--static{width:100%;justify-content:center}.brand-logos__item{flex:0 0 auto;display:flex;align-items:center;justify-content:center;min-width:clamp(9rem,12vw,15rem);padding:1.2rem 2rem}.brand-logos__link,.brand-logos__logo{display:inline-flex;align-items:center;justify-content:center;min-height:var(--brand-logos-logo-height);text-decoration:none}.brand-logos__link:focus-visible,.brand-logos__logo:focus-visible{outline:.2rem solid rgba(var(--color-foreground),.4);outline-offset:.4rem}.brand-logos__image{display:block;width:auto;height:auto;max-width:clamp(7rem,10vw,14rem);max-height:var(--brand-logos-logo-height);object-fit:contain;filter:grayscale(1);opacity:.68;transition:filter .22s ease,opacity .22s ease,transform .22s ease}.brand-logos__link:hover .brand-logos__image,.brand-logos__link:focus-visible .brand-logos__image,.brand-logos__logo:hover .brand-logos__image{filter:grayscale(0);opacity:1;transform:scale(1.03)}.brand-logos__empty{width:100%;padding:1.8rem 1.5rem;text-align:center;color:rgba(var(--color-foreground),.7);font-size:1.3rem}.brand-logos__list[aria-hidden=true] .brand-logos__link{pointer-events:none}@keyframes brand-logos-marquee{0%{transform:translateZ(0)}to{transform:translate3d(-50%,0,0)}}@media screen and (min-width:750px){.brand-logos{--brand-logos-logo-height: 3.8rem}.brand-logos__viewport{min-height:7.2rem}.brand-logos__item{padding:1.4rem 2.4rem}}@media screen and (prefers-reduced-motion:reduce){.brand-logos__track--animated{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/28/assets/section-brand-logos-marquee.css.map */