.marquee-video-grid--section{overflow:hidden;position:relative}.marquee-video-grid{width:100%;max-width:1200px;margin:0 auto}.marquee-video-grid__container{display:grid;grid-template-columns:1fr;gap:2rem;align-items:center;min-height:500px}@media screen and (min-width: 768px){.marquee-video-grid__container{min-height:600px}.marquee-video-grid__container--video-left,.marquee-video-grid__container--video-right{grid-template-columns:1fr 1fr}.marquee-video-grid__container--video-right .marquee-video-grid__media-section{order:2}.marquee-video-grid__container--video-right .marquee-video-grid__content-section{order:1}}@media screen and (max-width: 767px){.marquee-video-grid__container--reverse-mobile{display:flex;flex-direction:column-reverse}}.marquee-video-grid__media-section{position:relative;height:400px;overflow:hidden}@media screen and (min-width: 768px){.marquee-video-grid__media-section{height:500px;margin:0 -2rem}}@media screen and (min-width: 1200px){.marquee-video-grid__media-section{height:600px;margin:0 -4rem}}.marquee-video-grid__video-grid{display:flex;gap:var(--grid-gap, 16px);height:100%;position:relative}.marquee-video-grid__column{flex:1;height:100%;position:relative;overflow:hidden}.marquee-video-grid__animation-wrapper{display:flex;flex-direction:column;gap:var(--grid-gap, 16px);height:200%;animation-duration:var(--animation-duration, 120s);animation-timing-function:linear;animation-iteration-count:infinite;will-change:transform}.marquee-video-grid__column--1 .marquee-video-grid__animation-wrapper,.marquee-video-grid__column--3 .marquee-video-grid__animation-wrapper{animation-name:marqueeUp}.marquee-video-grid__column--2 .marquee-video-grid__animation-wrapper{animation-name:marqueeDown}.marquee-video-grid__column[style*="--animation-direction: up"] .marquee-video-grid__animation-wrapper{animation-name:marqueeUp}.marquee-video-grid__column[style*="--animation-direction: down"] .marquee-video-grid__animation-wrapper{animation-name:marqueeDown}.marquee-video-grid__card{width:100%;aspect-ratio:1;overflow:hidden;border-radius:var(--border-radius, 16px);background-color:#1a1a1a;position:relative}.marquee-video-grid__video,.marquee-video-grid__gif{width:100%;height:100%;object-fit:cover;display:block}.marquee-video-grid__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#2a2a2a;color:#666;border:2px dashed #444}.marquee-video-grid__placeholder .placeholder-content{text-align:center;display:flex;flex-direction:column;align-items:center;gap:4px}.marquee-video-grid__placeholder svg{width:40%;height:40%;opacity:.3;max-width:60px;max-height:60px}.marquee-video-grid__placeholder p{margin:0;font-size:14px;font-weight:600}.marquee-video-grid__placeholder small{font-size:10px;opacity:.7}.marquee-video-grid__error-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#1a1a1a;color:#666;font-size:12px}.marquee-video-grid__error-placeholder svg{width:24px;height:24px;margin-bottom:8px;opacity:.5}.marquee-video-grid__poster{width:100%;height:100%;object-fit:cover;display:block}.marquee-video-grid__gradient{position:absolute;left:0;right:0;z-index:2;pointer-events:none}.marquee-video-grid__gradient--top{top:0;height:var(--gradient-height, 130px);background:linear-gradient(180deg,rgba(var(--gradient-color, 0, 0, 0),var(--gradient-opacity, .8)) 50%,transparent 100%)}.marquee-video-grid__gradient--bottom{bottom:0;height:var(--gradient-height, 130px);background:linear-gradient(0deg,rgba(var(--gradient-color, 0, 0, 0),var(--gradient-opacity, .8)) 50%,transparent 100%)}.marquee-video-grid__content-section{display:flex;align-items:var(--content-alignment, center);justify-content:center;padding:calc(2rem + var(--content-section-padding-top, 0px)) calc(0px + var(--content-section-padding-right, 0px)) calc(2rem + var(--content-section-padding-bottom, 0px)) calc(0px + var(--content-section-padding-left, 0px));margin:var(--content-section-margin-top, 0px) var(--content-section-margin-right, 0px) var(--content-section-margin-bottom, 0px) var(--content-section-margin-left, 0px)}@media screen and (min-width: 768px){.marquee-video-grid__content-section{padding:calc(3rem + var(--content-section-padding-top, 0px)) calc(0px + var(--content-section-padding-right, 0px)) calc(3rem + var(--content-section-padding-bottom, 0px)) calc(0px + var(--content-section-padding-left, 0px))}}.marquee-video-grid__content{max-width:var(--content-max-width, 400px);text-align:center}@media screen and (min-width: 768px){.marquee-video-grid__content{text-align:left}}.marquee-video-grid__heading{color:var(--heading-color, #ffffff);margin:0 0 var(--heading-margin, 16px) 0;line-height:1.2;font-weight:600}.marquee-video-grid__subtitle{color:var(--subtitle-color, #ffffff);font-size:var(--subtitle-size, 16px);margin:0 0 var(--subtitle-margin, 24px) 0;line-height:1.5;opacity:.9}.marquee-video-grid__subtitle p{margin:0}.marquee-video-grid__button-wrapper{margin-top:0}.marquee-video-grid__button{display:inline-block;font-size:var(--btn-font-size, 14px);font-weight:500;padding:var(--btn-padding-v, 14px) var(--btn-padding-h, 32px);background:var(--btn-bg, #ffffff);color:var(--btn-color, #000000);border:var(--btn-border, 2px solid #ffffff);border-radius:var(--btn-border-radius, 0);text-decoration:none;text-align:center;transition:all .3s ease;cursor:pointer;letter-spacing:.5px;text-transform:uppercase;font-family:inherit}.marquee-video-grid__button:hover{background:var(--btn-hover-bg, #000000);color:var(--btn-hover-color, #ffffff);transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.marquee-video-grid__button:focus{outline:2px solid rgba(255,255,255,.8);outline-offset:2px}@keyframes marqueeUp{0%{transform:translateY(0)}to{transform:translateY(calc(-50% + var(--grid-gap, 16px) / 2))}}@keyframes marqueeDown{0%{transform:translateY(calc(-50% + var(--grid-gap, 16px) / 2))}to{transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.marquee-video-grid__animation-wrapper{animation:none}.marquee-video-grid__button:hover{transform:none}}@media screen and (max-width: 767px){.marquee-video-grid__media-section{height:300px;margin:0 -1rem}.marquee-video-grid__content{text-align:center;max-width:none;padding:0 1rem}.marquee-video-grid__video-grid{gap:calc(var(--grid-gap, 16px) / 2)}.marquee-video-grid__card{border-radius:calc(var(--border-radius, 16px) / 2)}.marquee-video-grid__gradient--top,.marquee-video-grid__gradient--bottom{height:calc(var(--gradient-height, 130px) * .8)}}@media screen and (min-width: 1400px){.marquee-video-grid__media-section{height:700px;margin:0 -6rem}.marquee-video-grid__content{max-width:500px}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/marquee-video-grid.css.map */