.video-masonry__wrapper{padding-inline:24px}.video-masonry__container{max-width:1024px;margin-inline:auto}.video-masonry__item-inner-container{position:relative;display:flex;flex-direction:column;height:100%}.video-masonry__item-inner-container video{width:100%;aspect-ratio:334 / 477;border-radius:8px;height:100%;object-fit:cover;object-position:center center}.video-masonry__poster{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center center;border-radius:8px;z-index:1;pointer-events:none}.video-masonry__item-inner.is-hovered .video-masonry__poster{opacity:0}.video-masonry__play-button{position:absolute;bottom:0;display:block;line-height:1;left:0;width:100%;height:100%;cursor:pointer;z-index:3}.video-masonry__play-button svg{position:absolute;bottom:50%;left:50%;transform:translate(-50%,50%);opacity:1;transition:all .3s ease}.video-masonry__item-inner{transform:perspective(1000px) rotateX(0) rotateY(0);display:flex;flex-direction:column;height:100%}.video-masonry__reviewer-info{position:absolute;bottom:32px;left:20px;opacity:1;z-index:4}.video-masonry__reviewer-overlay{position:absolute;width:100%;height:100%;background:#000;border-radius:8px;opacity:.3;transition:all .3s ease;z-index:2}.video-masonry__item-inner.is-hovered .video-masonry__play-button,.video-masonry__item-inner.is-hovered .video-masonry__reviewer-info,.video-masonry__item-inner.is-hovered .video-masonry__reviewer-overlay{opacity:0}.video-display__volume-button{position:absolute;top:12px;right:12px;width:30px;height:30px;background:#00000061;border-radius:99px;padding:5px;cursor:pointer;z-index:9;display:none}.video-masonry__item-inner.is-hovered .video-display__volume-button{display:block}.video-display__volume-button .volume-on{display:none}.video-display__volume-button.is-unmuted .volume-on{display:block}.video-display__volume-button.is-unmuted .volume-off{display:none}.m3-video-masonry .video-masonry__contents:not(.slick-initialized){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.video-masonry__contents.slick-initialized{margin-inline:-20px}.video-masonry__contents.slick-initialized .video-masonry__item-outer{margin-inline:10px}.video-masonry__contents.slick-initialized .slick-track{display:flex!important}.video-masonry__contents.slick-initialized .slick-slide{height:inherit!important}.video-masonry__item-info{display:flex;flex-direction:column;background:#0c6d93;border-radius:8px;text-align:center;padding:16px 8px}.video-masonry__item-info *{color:#fff}.video-masonry__item-review{font-size:18px;font-weight:400;font-style:italic;line-height:1.3;text-wrap:balance;margin:0}.video-masonry__item-reviewer{font-size:22px;font-weight:500;margin:0;text-transform:uppercase;color:#fff}.video-masonry__item-position{font-size:13px;margin:0;opacity:.8;color:#fff}.video-masonry__item{display:flex;flex-direction:column;gap:20px;height:100%}.video-masonry__item.review-position__bottom{flex-direction:column-reverse}.video-masonry__group{display:contents}.video-masonry__item-outer.is-odd .video-masonry__item,.video-masonry__contents .slick-slide:nth-child(odd) .video-masonry__item{flex-direction:column}.video-masonry__item-outer.is-even .video-masonry__item,.video-masonry__contents .slick-slide:nth-child(2n) .video-masonry__item{flex-direction:column-reverse}.video-masonry__heading{font-size:38px;line-height:42px;text-align:left;margin:0;font-weight:400;color:#000;text-wrap:balance}.video-masonry__heading-container{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;margin-bottom:20px}@media(max-width:991px){.video-masonry__play-button svg{width:36px;height:36px}.m3-video-masonry .video-masonry__contents:not(.slick-initialized){grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.video-masonry__contents.slick-initialized{margin-inline:-12px}.video-masonry__contents.slick-initialized .video-masonry__item-outer{margin-inline:6px}.video-masonry__item{gap:12px}.video-masonry__heading{font-size:30px;line-height:34px}.video-masonry__reviewer-info{left:0;right:0;text-align:center;padding-inline:12px}.video-masonry__item-reviewer,.video-masonry__item-position{text-align:center}.video-masonry__item-reviewer{font-size:20px}}.video-masonry__buttons>div,.video-masonry__buttons svg{display:block;line-height:1}.video-masonry__buttons{display:flex;justify-content:flex-end;gap:10px}.video-masonry__buttons>div{border:solid 1px #000;width:40px;height:40px;display:flex;justify-content:center;align-items:center;border-radius:50px}.video-masonry__buttons>div.slick-disabled{opacity:.5}@media(max-width:991px){.youtube-slider__buttons>div{width:30px;height:30px}.youtube-slider__buttons>div svg{width:18px;height:18px}.video-masonry__item-outer{min-height:532px}.video-masonry__contents{max-height:532px;overflow:auto}.video-masonry img[alt="Steph Toussat"]{object-position:70% 60%!important}.video-masonry img[alt="Mitch Owen"]{object-position:0% 50%!important}.video-masonry img[alt="Carly Remmos"]{object-position:40% 50%!important}.video-masonry img[alt="Josh Battle"]{object-position:0% 50%!important}}@media(max-width:574px){.video-masonry__contents{position:relative}.video-masonry__contents:after{content:"";background-image:url("data:image/svg+xml,%3Csvg width='44' height='64' viewBox='0 0 44 64' xmlns='http://www.w3.org/2000/svg'%0A%3E%3Crect x='8' y='2' width='28' height='52' rx='14' fill='none' stroke='currentColor' stroke-width='3' /%3E%3Ccircle cx='22' cy='16' r='3' fill='currentColor'%3E%3Canimate attributeName='cy' values='16;30;16' dur='1.5s' repeatCount='indefinite' /%3E%3Canimate attributeName='opacity' values='1;0;1' dur='1.5s' repeatCount='indefinite' /%3E%3C/circle%3E%3C/svg%3E");width:32px;height:48px;position:absolute;left:50%;transform:translate(-50%);bottom:-6px;background-size:contain;background-repeat:no-repeat;background-position:bottom;opacity:.7}.video-masonry__contents.slick-initialized .slick-track{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));transform:unset!important;width:100%!important;row-gap:12px;max-height:532px;overflow:auto}.video-masonry__contents.slick-initialized .slick-track:before,.video-masonry__contents.slick-initialized .slick-track:after{content:unset!important;display:none}.video-masonry__contents.slick-initialized .video-masonry__item-outer{min-height:532px;width:calc(100% - 12px)!important}.video-masonry__buttons{display:none}}@media(min-width:992px){.m3-video-masonry .video-masonry__container{width:100%}.m3-video-masonry .video-masonry__contents:not(.slick-initialized){position:relative;display:flex;flex-direction:column;gap:20px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scroll-snap-type:y mandatory;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.22) transparent;transition:height .4s ease}@media(prefers-reduced-motion:reduce){.m3-video-masonry .video-masonry__contents:not(.slick-initialized){transition:none}}.m3-video-masonry:not(.is-ready) .video-masonry__group:not(.is-first){display:none}.m3-video-masonry .video-masonry__contents:not(.slick-initialized)::-webkit-scrollbar{width:6px}.m3-video-masonry .video-masonry__contents:not(.slick-initialized)::-webkit-scrollbar-thumb{background:#00000038;border-radius:99px}.m3-video-masonry .video-masonry__group{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;width:100%;flex:0 0 auto;scroll-snap-align:start;scroll-snap-stop:always}.m3-video-masonry .video-masonry__group.is-first{grid-template-columns:repeat(4,minmax(0,1fr))}}.product-checkout__floating-checkout{transition:opacity .25s ease,visibility .25s ease}.product-checkout__floating-checkout.is-hidden-by-masonry{opacity:0;visibility:hidden;pointer-events:none}
/*# sourceMappingURL=/cdn/shop/t/171/assets/m3-video-masonry.css.map */