.product-video-metafield{margin-top:1.5rem;width:100%;max-width:360px}.product-video-metafield__box{position:relative;width:100%;aspect-ratio:16 / 9;border-radius:20px;overflow:hidden;background:#000}.product-video-metafield__poster-layer,.product-video-metafield__video-layer{position:absolute;top:0;right:0;bottom:0;left:0;transition:opacity .3s ease}.product-video-metafield__poster-layer[hidden],.product-video-metafield__video-layer[hidden]{opacity:0;pointer-events:none;visibility:hidden}.product-video-metafield__poster-img,.product-video-metafield__poster-placeholder{width:100%;height:100%;object-fit:cover;display:block}.product-video-metafield__poster-placeholder .placeholder-svg{width:100%;height:100%;object-fit:cover}.product-video-metafield__play-btn{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:64px;height:64px;padding:0;border:none;background:transparent;cursor:pointer;color:#fff;transition:transform .25s ease,color .25s ease,opacity .25s ease}.product-video-metafield__play-btn:hover{transform:translate(-50%,-50%) scale(1.12);color:#fffffff2;opacity:1}.product-video-metafield__play-btn:active{transform:translate(-50%,-50%) scale(1.02);transition-duration:.1s}.product-video-metafield__play-btn:focus-visible{outline:2px solid currentColor;outline-offset:4px;border-radius:50%}.product-video-metafield__play-btn-icon{display:block;width:100%;height:100%;filter:drop-shadow(0 2px 8px rgba(0,0,0,.35))}.product-video-metafield__play-btn-icon svg{display:block;width:100%;height:100%}.product-video-metafield__video-layer{display:flex;align-items:center;justify-content:center;background:#000}.product-video-metafield__video-el{width:100%;height:100%;object-fit:contain;display:block}.product-video-metafield__expand-btn{position:absolute;top:12px;right:12px;z-index:2;width:40px;height:40px;padding:0;border:none;border-radius:8px;background:#00000080;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease,transform .2s ease}.product-video-metafield__expand-btn:hover{background:#000000b3;transform:scale(1.05)}.product-video-metafield__expand-btn:focus-visible{outline:2px solid #fff;outline-offset:2px}.product-video-metafield__expand-btn svg{width:20px;height:20px}@media screen and (min-width:750px){.product-video-metafield{max-width:100%}}
/*# sourceMappingURL=/cdn/shop/t/48/assets/component-product-video-metafield.css.map */