.brand-logo-list{background:var(--brand-logo-background);color:var(--brand-logo-text)}.brand-logo-list__header{margin:0 auto 1.6rem;max-width:40rem;text-align:center}.brand-logo-list__heading{color:inherit;font-size:clamp(1.55rem,6vw,2.7rem);margin:0}.brand-logo-list__text{margin-top:.55rem}.brand-logo-list__text p{margin:0}.brand-logo-list__viewport{--brand-logo-gap: .8rem;--brand-logo-half-gap: .4rem;overflow:hidden}.brand-logo-list__items{align-items:stretch;display:flex;gap:var(--brand-logo-gap);width:max-content}.brand-logo-list__viewport--animated .brand-logo-list__items{animation:brand-logo-marquee var(--brand-logo-marquee-duration) linear infinite}.brand-logo-list__viewport--animated:hover .brand-logo-list__items,.brand-logo-list__viewport--animated:focus-within .brand-logo-list__items{animation-play-state:paused}.brand-logo-list__item{flex:0 0 clamp(8.5rem,38vw,12rem);min-width:0}.brand-logo-list__link{align-items:center;border:1px solid var(--brand-logo-border);color:inherit;display:flex;justify-content:center;min-height:6.5rem;padding:1.1rem;text-align:center;text-decoration:none;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.brand-logo-list__link:hover,.brand-logo-list__link:focus-visible{border-color:var(--brand-logo-text);box-shadow:0 .45rem 1rem #2f1d191a;transform:translateY(-.15rem)}.brand-logo-list__image{display:block;height:auto;max-height:4rem;max-width:100%;object-fit:contain;width:auto}.brand-logo-list__wordmark{font-size:clamp(1.25rem,5.4vw,2rem);font-weight:750;letter-spacing:-.04em;line-height:1}.brand-logo-list__placeholder{fill:var(--brand-logo-text);height:3.5rem;opacity:.25;width:5rem}@keyframes brand-logo-marquee{to{transform:translate(calc(-50% - var(--brand-logo-half-gap)))}}html[dir=rtl] .brand-logo-list__viewport--animated .brand-logo-list__items{animation-direction:reverse}@media screen and (min-width:750px){.brand-logo-list__viewport{--brand-logo-gap: 1rem;--brand-logo-half-gap: .5rem}.brand-logo-list__item{flex-basis:clamp(10rem,18vw,13rem)}.brand-logo-list__link{min-height:8rem;padding:1.5rem}.brand-logo-list__image{max-height:5rem}}@media(prefers-reduced-motion:reduce){.brand-logo-list__viewport{overflow-x:auto}.brand-logo-list__viewport--animated .brand-logo-list__items{animation:none}.brand-logo-list__item--duplicate{display:none}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/section-brand-logo-list.css.map */