.image-video-gallery{position:relative}.image-video-gallery-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;margin:1rem auto 3rem}.image-video-gallery-link{display:flex;align-items:center;gap:6px;font-size:25px;font-weight:400}.image-video-gallery-header .content{margin:0}.image-video-gallery-header .title{margin-bottom:2rem}.image-video-gallery .image-video-gallery-item>img,.image-video-gallery .image-video-gallery-item>.placeholder-svg{height:100%;width:100%;border-radius:10px}.image-video-gallery-item{position:relative;overflow:hidden;height:400px}.image-video-gallery-item>iframe{height:100%;width:100%;border:none;background:#f1f1f1;border-radius:10px}.image-video-gallery-content{position:absolute;width:90%;transform:translate(-50%);left:50%;bottom:20px;display:grid;align-items:center;grid-template-columns:.5fr 2fr auto;gap:1rem;background-color:#fff;padding:.5rem;border-radius:5px;transition:all .5s}.product-image{width:62px;height:62px}.product-image>img,.product-image>.placeholder-svg{width:100%;height:100%;border-radius:5px}.image-video-gallery-content div h3,.image-video-gallery-Price .price__regular .price-item--regular,.image-video-gallery-Price .price-item{margin:0;font-size:14px;color:#000;font-weight:400}.image-video-gallery-content .outline:hover>span{transition:all var(--duration-long) ease;transform:scale(1.3)}.image-video-gallery-content .outline:hover:hover .outline_button svg>path{fill:#fff;transition:all var(--duration-long) ease}@media screen and (max-width: 530px){.image-video-gallery-item{height:280px}}.image-video-gallery-content>a.outline{width:40px;height:40px;background:#fff;border-radius:100%;display:flex;align-items:center;justify-content:center;border:1px solid;transition:all var(--duration-long) ease}.image-video-gallery-content>a.outline span{height:18px}.image-video-gallery-content .outline:hover{background:#000}.image-video-gallery-item{border-radius:8px}.image-video-gallery-item>iframe{height:130%;width:110%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
/*# sourceMappingURL=/cdn/shop/t/11/assets/shoppable-video.css.map */
