.video-lazyload{position:relative;width:100%;height:100%;overflow:hidden}.video-poster{position:relative;width:100%;height:100%;cursor:pointer;transition:opacity .3s ease}.video-poster img{width:100%;height:100%;object-fit:cover;display:block}.play-button-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;cursor:pointer;transition:opacity .3s ease,transform .2s ease}.play-button-overlay:hover{opacity:.8;transform:translate(-50%,-50%) scale(1.1)}.video-container{position:absolute;top:0;left:0;width:100%;height:100%}.video-container video{width:100%;height:100%;object-fit:cover}.video-lazyload.loading .video-poster:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;border:4px solid rgba(255,255,255,.3);border-top:4px solid rgba(255,255,255,.8);border-radius:50%;animation:video-lazyload-spin 1s linear infinite;z-index:20}.video-lazyload.loading .play-button-overlay{opacity:0}.video-lazyload.error .video-poster:after{content:"\26a0";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:24px;color:#fffc;z-index:20}.video-lazyload.error .play-button-overlay{opacity:0}.video-lazyload[data-autoplay=true]:not(.loaded) .play-button-overlay{display:none}@keyframes video-lazyload-spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@media (max-width: 768px){.play-button-overlay svg{width:48px;height:48px}}@media (max-width: 480px){.play-button-overlay svg{width:40px;height:40px}}
/*# sourceMappingURL=/cdn/shop/t/94/assets/video-lazyload.css.map */