.image-with-video-grid{display:flex;flex-direction:row;gap:var(--gap, 16px);width:100%;align-items:flex-start;justify-content:center}.image-with-video-grid .image-block{flex:0 0 calc(var(--image-width-mobile, 40%) - var(--gap, 16px) / 2);max-width:calc(var(--image-width-mobile, 40%) - var(--gap, 16px) / 2);position:relative}.image-with-video-grid .video-block{flex:0 0 calc(var(--video-width-mobile, 60%) - var(--gap, 16px) / 2);max-width:calc(var(--video-width-mobile, 60%) - var(--gap, 16px) / 2);position:relative}.image-with-video-grid .image-block .media-link{display:block;width:100%}.image-with-video-grid .image-block.vertical-align-top,.image-with-video-grid .video-block.vertical-align-top{align-self:flex-start}.image-with-video-grid .image-block.vertical-align-center,.image-with-video-grid .video-block.vertical-align-center{align-self:center}.image-with-video-grid .image-block.vertical-align-bottom,.image-with-video-grid .video-block.vertical-align-bottom{align-self:flex-end}@media only screen and (min-width: 768px){.image-with-video-grid{flex-direction:row;align-items:flex-start;justify-content:center;width:100%;gap:var(--gap-desktop, 16px)}.image-with-video-grid .image-block{flex:0 0 calc(var(--image-width-desktop, 40%) - var(--gap-desktop, 16px) / 2);height:auto;max-width:calc(var(--image-width-desktop, 40%) - var(--gap-desktop, 16px) / 2)}.image-with-video-grid .video-block{flex:0 0 calc(var(--video-width-desktop, 60%) - var(--gap-desktop, 16px) / 2);max-width:calc(var(--video-width-desktop, 60%) - var(--gap-desktop, 16px) / 2)}.image-with-video-grid .image-block.vertical-align-top,.image-with-video-grid .video-block.vertical-align-top{align-self:flex-start}.image-with-video-grid .image-block.vertical-align-center,.image-with-video-grid .video-block.vertical-align-center{align-self:center}.image-with-video-grid .image-block.vertical-align-bottom,.image-with-video-grid .video-block.vertical-align-bottom{align-self:flex-end}.image-with-video-grid .video-block superpowered-video,.image-with-video-grid .video-block .video-container{width:100%}.image-with-video-grid:has(.image-block:only-child) .image-block{flex:0 0 100%;max-width:100%}.image-with-video-grid:has(.video-block:only-child) .video-block{flex:0 0 100%;max-width:100%}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/section-image-with-video.css.map */