.brand-logos__header{display:flex;align-items:baseline;justify-content:space-between;gap:2rem;margin-bottom:2.4rem}.brand-logos__title{margin:0}.brand-logos__viewport{overflow:hidden}.brand-logos__viewport--marquee{-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.brand-logos__track{display:flex;width:max-content}.brand-logos__viewport:not(.brand-logos__viewport--marquee) .brand-logos__track{width:auto;max-width:var(--page-width);margin:0 auto;padding:0 1.5rem}.brand-logos__viewport--marquee .brand-logos__track{animation:brand-logos-scroll calc(var(--brand-count) * 4s) linear infinite}.brand-logos__viewport--marquee:hover .brand-logos__track,.brand-logos__viewport--marquee:focus-within .brand-logos__track{animation-play-state:paused}.brand-logos__list{display:flex;flex-wrap:nowrap;gap:1.6rem;margin:0;padding-right:1.6rem}.brand-logos__viewport:not(.brand-logos__viewport--marquee) .brand-logos__list{flex-wrap:wrap;justify-content:center}.brand-logos__link{display:flex;align-items:center;justify-content:center;width:18rem;height:9rem;padding:.4rem 1.2rem;overflow:hidden;border-radius:var(--text-boxes-radius, 1.2rem);border:.1rem solid rgba(var(--color-foreground),.08);background:rgb(var(--color-background));color:rgb(var(--color-foreground));text-decoration:none;transition:border-color .3s ease,box-shadow .3s ease,transform .3s ease}.brand-logos__link img{width:100%;height:100%;object-fit:cover;filter:grayscale(1);opacity:.85;transition:filter .3s ease,opacity .3s ease}.brand-logos__link:hover,.brand-logos__link:focus-visible{border-color:#f29f5d99;box-shadow:0 .8rem 2.4rem #f29f5d2e;transform:translateY(-.2rem)}.brand-logos__link:hover img,.brand-logos__link:focus-visible img{filter:none;opacity:1}.brand-logos__name{font-weight:700;font-size:1.6rem}@keyframes brand-logos-scroll{to{transform:translate(-50%)}}@media screen and (max-width:749px){.brand-logos__link{width:14rem;height:7.2rem;padding:.4rem .8rem}}@media(prefers-reduced-motion:reduce){.brand-logos__viewport--marquee{overflow-x:auto;-webkit-mask-image:none;mask-image:none}.brand-logos__viewport--marquee .brand-logos__track{animation:none}.brand-logos__viewport--marquee .brand-logos__list[aria-hidden=true]{display:none}}
/*# sourceMappingURL=/cdn/shop/t/34/assets/section-brand-logos.css.map */