.video-masonry__wrapper{padding-inline:24px}.video-masonry__container{max-width:1240px;margin-inline:auto}.video-masonry__item-inner-container{position:relative;display:flex;flex-direction:column;height:100%}.video-masonry__item-inner-container video[poster]{object-fit:cover;object-position:center}.video-masonry__item-inner-container video{width:100%;aspect-ratio:334 / 477;border-radius:8px;height:100%}.video-masonry__play-button{position:absolute;bottom:0;display:block;line-height:1;left:0;width:100%;height:100%;cursor:pointer}.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}.video-masonry__reviewer-overlay{position:absolute;width:100%;height:100%;background:#000;border-radius:8px;opacity:.3;transition:all .3s ease}.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}.video-masonry__contents:not(.slick-initialized){display:grid;grid-template-columns:repeat(4,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:20px;font-weight:500;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__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}.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__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}}@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}}
/*# sourceMappingURL=/cdn/shop/t/405/assets/m3-video-masonry.css.map */