.brand-cards-flex-section{padding-left:0;padding-right:0;height:100vh;position:relative;overflow:hidden}.brand-cards-flex-grid{width:100%;height:100%;display:flex;gap:20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);overflow-y:hidden;padding:0;margin:0;min-height:100%;max-height:calc(100vh - 5rem)}.brand-cards-flex-column{display:flex;flex-direction:column;gap:20px;width:calc(25% - 15px);position:relative;overflow:hidden}.marquee-wrapper{position:relative;height:100%;overflow:hidden}.marquee-content{display:flex;flex-direction:column;gap:20px;animation-timing-function:linear;animation-iteration-count:infinite;animation-name:marquee-vertical;will-change:transform}.marquee-content.marquee-reverse{animation-name:marquee-vertical-reverse}.marquee-content.pause-animation{animation-play-state:paused}.marquee-content.play-animation{animation-play-state:running}@keyframes marquee-vertical{0%{transform:translateY(0)}to{transform:translateY(-50%)}}@keyframes marquee-vertical-reverse{0%{transform:translateY(-50%)}to{transform:translateY(0)}}.brand-card-flex{position:relative;overflow:hidden;border-radius:0;background-color:transparent;width:100%;flex-shrink:0}.brand-card-flex__link{display:block;height:100%;color:inherit;text-decoration:none}.brand-card-flex__media-container{position:relative;overflow:hidden;width:100%;height:100%}.brand-card-flex__media{position:absolute;top:0;left:0;width:100%;height:100%;transition:transform .6s ease,opacity .6s ease}.brand-card-flex__media--primary{opacity:1}.brand-card-flex__media--hover{opacity:0}.brand-card-flex:hover .brand-card-flex__media--primary{transform:scale(1.05);opacity:0}.brand-card-flex:hover .brand-card-flex__media--hover{transform:scale(1.05);opacity:1}.brand-card-flex__image{min-height:100%;display:grid}.brand-card-flex__image img{width:100%;height:100%;object-fit:cover;object-position:center center;display:block}.brand-card-flex__video{width:100%;height:100%}.brand-card-flex__content{position:absolute;top:50%;left:50%;width:100%;padding:40px;background:transparent;color:#fff;z-index:1;transform:translate(-50%,-50%);transition:transform .3s ease}.brand-card-flex__title{margin:0;font-family:var(--font-body-family);font-size:20px;font-weight:550;line-height:24.6875px;letter-spacing:-.2px;text-align:center;color:#fff}.brand-card-flex__subtitle{margin-top:4px;font-family:var(--font-body-family);font-size:16px;font-weight:400;line-height:19.75px;letter-spacing:-.16px;opacity:.9;color:#fff;text-align:center}
/*# sourceMappingURL=/cdn/shop/t/17/assets/section-hero-brand-cards-flex.css.map */