.product-video-container{position:relative;width:100%;padding-top:64.25%;overflow:hidden;border-radius:24px;margin-top:-3px}.product-video-title{font-size:103px;line-height:113px;font-family:var(--heading-font);margin:0;letter-spacing:0px}.product-video-player{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;object-fit:cover;z-index:1;opacity:0;transition:opacity .6s ease;cursor:pointer}.product-video-player.playing{opacity:1}.product-video-poster{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;object-fit:contain;z-index:2;transition:all .8s cubic-bezier(.4,0,.2,1)}.product-video-poster.hidden{opacity:0;filter:blur(20px);transform:scale(1.02)}.product-video-title{position:absolute;top:14%;left:50%;transform:translate(-50%);z-index:4;width:100%;text-align:center;transition:all .6s cubic-bezier(.4,0,.2,1)}.product-video-title.hidden{opacity:0;filter:blur(10px);transform:translate(-50%) translateY(-30px) scale(.9)}.product-video-title h2{font-family:Lovechild,serif;font-weight:400;font-size:103.54px;line-height:113.5px;letter-spacing:0%;text-align:center;color:#000;margin:0;text-shadow:0 4px 12px rgba(255,255,255,.8)}.product-video-play-button{position:absolute;top:50.7%;left:50%;transform:translate(-50%,-50%);z-index:5;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1)}.product-video-play-button.hidden{opacity:0;filter:blur(15px);transform:translate(-50%,-50%) scale(.3)}.product-video-play-button:hover{transform:translate(-50%,-50%) scale(1.1)}.product-video-play-button svg{filter:drop-shadow(0 8px 24px rgba(0,0,0,.4))}.product-video-container:hover .product-video-poster{transform:scale(1.02)}@media only screen and (max-width: 1200px){.product-video-title h2{font-size:60px;line-height:88px}.product-video-play-button svg{width:120px;height:120px}.product-video-title{font-size:54px;line-height:54px}}@media only screen and (max-width: 768px){.product-video-title h2{font-size:24px;line-height:32px}.product-video-play-button svg{width:85px;height:85px}.product-video-title{font-size:24px;line-height:32px}}@media only screen and (max-width: 480px){.product-video-container{padding-top:64%;border-radius:12px}.product-video-title{top:14%}.product-video-play-button svg{width:42px;height:42px}}.product-video-play-button:focus{outline:none;box-shadow:0 0 0 4px #42a5f580;border-radius:50%}.product-video-player:focus{outline:none;box-shadow:inset 0 0 0 4px #42a5f580}
/*# sourceMappingURL=/cdn/shop/t/11/assets/product-video.css.map */
