.pi-brand-banner{padding-top:var(--pi-space-lg);padding-bottom:var(--pi-space-lg);overflow:hidden}.pi-brand-banner--bg-warm-white{background-color:var(--pi-warm-white)}.pi-brand-banner--bg-white{background-color:var(--pi-white)}.pi-brand-banner--bg-cream{background-color:var(--pi-cream)}.pi-brand-banner--bg-deep-blue{background-color:var(--pi-deep-blue)}.pi-brand-banner--bg-midnight{background-color:var(--pi-midnight)}.pi-brand-banner__heading{text-align:center;margin-bottom:var(--pi-space-lg)}.pi-brand-marquee{display:flex;width:100%;overflow:hidden;mask-image:linear-gradient(to right,transparent 0%,black 8%,black 92%,transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0%,black 8%,black 92%,transparent 100%)}.pi-brand-marquee__track{display:flex;align-items:center;gap:var(--pi-space-xl);flex-shrink:0;padding-right:var(--pi-space-xl);animation:pi-marquee-scroll var(--pi-marquee-speed, 30s) linear infinite;animation-direction:var(--pi-marquee-direction, normal)}@keyframes pi-marquee-scroll{0%{transform:translate(0)}to{transform:translate(-100%)}}.pi-brand-marquee--pause-hover:hover .pi-brand-marquee__track{animation-play-state:paused}.pi-brand-marquee__item{flex-shrink:0;display:flex;align-items:center;justify-content:center}.pi-brand-marquee__link{display:flex;align-items:center;justify-content:center;text-decoration:none}.pi-brand-marquee__logo{display:block;height:var(--pi-logo-height, 50px);width:auto;max-width:160px;object-fit:contain;transition:filter var(--pi-duration) var(--pi-ease),opacity var(--pi-duration) var(--pi-ease)}.pi-brand-marquee--grayscale .pi-brand-marquee__logo{filter:grayscale(100%);opacity:.5}.pi-brand-marquee--grayscale .pi-brand-marquee__item:hover .pi-brand-marquee__logo{filter:grayscale(0%);opacity:1}@media(max-width:749px){.pi-brand-banner{padding-top:var(--pi-space-md);padding-bottom:var(--pi-space-md)}.pi-brand-banner__heading{margin-bottom:var(--pi-space-md)}.pi-brand-marquee__track{gap:var(--pi-space-lg);padding-right:var(--pi-space-lg)}.pi-brand-marquee__logo{height:calc(var(--pi-logo-height, 50px) * .75);max-width:120px}}@media(prefers-reduced-motion:reduce){.pi-brand-marquee__track{animation:none}.pi-brand-marquee{flex-wrap:wrap;justify-content:center;gap:var(--pi-space-md) var(--pi-space-lg);mask-image:none;-webkit-mask-image:none}.pi-brand-marquee__track:nth-child(2){display:none}.pi-brand-marquee__track{flex-wrap:wrap;justify-content:center}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-pi-brand-banner.css.map */