.brand-logo-carousel{--blc-logo-height: 48px;--blc-gap: 48px;--blc-duration: 30s;--blc-padding-top: 48px;--blc-padding-bottom: 48px;padding-top:var(--blc-padding-top);padding-bottom:var(--blc-padding-bottom);background:var(--blc-bg, transparent);overflow:hidden}.brand-logo-carousel__heading{margin:0 0 32px;text-align:var(--blc-heading-align, center);color:var(--blc-heading-color, inherit);font-size:var(--blc-heading-size, 1.5rem);letter-spacing:var(--blc-heading-letter-spacing, normal);text-transform:var(--blc-heading-transform, none)}.brand-logo-carousel__viewport{overflow:hidden;-webkit-mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent);mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent)}.brand-logo-carousel__track{display:flex;align-items:center;width:max-content;gap:var(--blc-gap);animation:blc-scroll var(--blc-duration) linear infinite;will-change:transform}.brand-logo-carousel[data-pause-on-hover=true] .brand-logo-carousel__track:hover,.brand-logo-carousel[data-pause-on-hover=true] .brand-logo-carousel__track:focus-within{animation-play-state:paused}@keyframes blc-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.brand-logo-carousel__item{display:flex;flex:0 0 auto;align-items:center;justify-content:center}.brand-logo-carousel__link{display:flex;align-items:center}.brand-logo-carousel__logo{display:block;height:var(--blc-logo-height);width:auto;max-width:none;object-fit:contain}.brand-logo-carousel__logo--placeholder{height:var(--blc-logo-height);width:calc(var(--blc-logo-height) * 2);color:#c9c9c9}.brand-logo-carousel__logo--placeholder svg{height:100%;width:100%}.brand-logo-carousel[data-grayscale=true] .brand-logo-carousel__logo{filter:grayscale(100%);opacity:.6;transition:filter .2s ease,opacity .2s ease}.brand-logo-carousel[data-grayscale=true] .brand-logo-carousel__item:hover .brand-logo-carousel__logo,.brand-logo-carousel[data-grayscale=true] .brand-logo-carousel__item:focus-within .brand-logo-carousel__logo{filter:grayscale(0%);opacity:1}.brand-logo-carousel--empty{margin:0;padding:24px;text-align:center;color:#6b7280}@media(prefers-reduced-motion:reduce){.brand-logo-carousel__track{animation:none;overflow-x:auto}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/section-brand-logo-carousel.css.map */