.brand-cards-horizontal-section{padding-left:0;padding-right:0;height:70vh;position:relative;overflow:hidden}.brand-cards-horizontal-grid{width:100%;height:100%;display:flex;flex-direction:column;gap:20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);overflow-x:hidden;padding:0;margin:0;min-height:100%;max-height:calc(100vh - 5rem)}.brand-cards-horizontal-grid.brand-cards-horizontal-grid--mobile{gap:10px;max-height:calc(80vh - 2rem)}.brand-cards-horizontal-row{display:flex;flex-direction:row;gap:20px;height:calc(33.333% - 14px);position:relative;overflow:hidden;flex:1;min-height:0}.brand-cards-horizontal-grid--1-rows .brand-cards-horizontal-row{height:100%}.brand-cards-horizontal-grid--2-rows .brand-cards-horizontal-row{height:calc(50% - 10px)}.brand-cards-horizontal-grid.brand-cards-horizontal-grid--mobile .brand-cards-horizontal-row{gap:10px}.brand-cards-horizontal-row .marquee-wrapper{position:relative;width:100%;height:100%;overflow:hidden}.brand-cards-horizontal-row .marquee-content{display:flex;flex-direction:row;flex-wrap:nowrap;gap:0;height:100%;width:max-content;animation-timing-function:linear;animation-iteration-count:infinite;animation-name:marquee-horizontal;will-change:transform}.brand-cards-horizontal-row .marquee-group{display:flex;flex-direction:row;flex-wrap:nowrap;flex-shrink:0;height:100%;width:max-content}.brand-cards-horizontal-row .marquee-content.marquee-reverse{animation-name:marquee-horizontal-reverse}.brand-cards-horizontal-row .marquee-content.pause-animation{animation-play-state:paused}.brand-cards-horizontal-row .marquee-content.play-animation{animation-play-state:running}.brand-cards-horizontal-grid--pause-on-hover .brand-cards-horizontal-row:hover .marquee-content.play-animation,.brand-cards-horizontal-grid--pause-on-hover .brand-cards-horizontal-row:focus-within .marquee-content.play-animation{animation-play-state:paused}@keyframes marquee-horizontal{0%{transform:translateZ(0)}to{transform:translate3d(-50%,0,0)}}@keyframes marquee-horizontal-reverse{0%{transform:translate3d(-50%,0,0)}to{transform:translateZ(0)}}.brand-card-tile{position:relative;overflow:hidden;border-radius:0;background-color:transparent;height:100%;flex-shrink:0}.brand-card-tile__link{display:block;height:100%;width:100%;color:inherit;text-decoration:none}.brand-card-tile__media-container{position:relative;overflow:hidden;width:100%;height:100%}.brand-card-tile__media{position:absolute;top:0;left:0;width:100%;height:100%;transition:transform .6s ease,opacity .6s ease}.brand-card-tile__media--primary{opacity:1}.brand-card-tile__media--hover{opacity:0}.brand-card-tile:hover .brand-card-tile__media--primary{transform:scale(1.05);opacity:0}.brand-card-tile:hover .brand-card-tile__media--hover{transform:scale(1.05);opacity:1}.brand-card-tile__image{min-height:100%;height:100%;display:grid}.brand-card-tile__image img{width:100%;height:100%;object-fit:cover;object-position:center center;display:block}.brand-card-tile__video{width:100%;height:100%}.brand-card-tile__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;display:flex;flex-direction:column;align-items:center;text-align:center}.brand-card-tile__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-tile__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}.brand-card-tile__cta{display:inline-flex;align-items:center;justify-content:center;margin-top:16px;padding:10px 20px;border:1px solid #fff;font-family:var(--font-body-family);font-size:14px;font-weight:500;line-height:1.2;letter-spacing:-.14px;color:#fff;opacity:0;transform:translateY(8px);transition:opacity .3s ease,transform .3s ease;pointer-events:none}.brand-card-tile:hover .brand-card-tile__cta,.brand-card-tile:focus-within .brand-card-tile__cta{opacity:1;transform:translateY(0)}@media screen and (max-width:480px){.brand-card-tile{width:240px!important}}@media screen and (min-width:481px)and (max-width:768px){.brand-card-tile{width:260px!important}}@media screen and (min-width:769px)and (max-width:989px){.brand-card-tile{width:280px!important}}@media screen and (max-width:1023px){.brand-card-tile:hover .brand-card-tile__media--primary{transform:scale(1.05);opacity:1}.brand-card-tile:hover .brand-card-tile__media--hover{opacity:0}.brand-cards-horizontal-section{height:60vh}.brand-card-tile__content{padding:20px}.brand-card-tile__title{font-size:16px;line-height:20px}.brand-card-tile__subtitle{font-size:14px;line-height:18px}.brand-card-tile__cta{margin-top:12px;padding:8px 16px;font-size:12px;opacity:1;transform:none}}
/*# sourceMappingURL=/cdn/shop/t/42/assets/section-hero-brand-cards-horizontal.css.map */