.video-loading{position:relative;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.video-loading:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;border:3px solid rgba(255,255,255,.3);border-top-color:#0009;border-radius:50%;animation:spin .8s linear infinite;z-index:2}@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}.video-loaded:before{display:none}video[data-lazy-video],iframe[data-lazy-video]{width:100%;height:100%;object-fit:cover;display:block}.product__media-video-wrapper video[data-lazy-video],.product__media-video-wrapper iframe[data-lazy-video]{position:absolute;top:0;left:0}video[data-lazy-video]{object-fit:cover}.product__media-video-wrapper{position:relative}.video-error{background-color:#f8d7da;position:relative}.video-error:after{content:"Video failed to load";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#721c24;font-size:14px;text-align:center;z-index:2}.video-poster{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1;transition:opacity .3s ease-out}.video-loaded .video-poster{opacity:0;pointer-events:none}.page-loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#ffffffe6;display:flex;align-items:center;justify-content:center;z-index:9999;opacity:1;transition:opacity .3s ease-out}.page-loading-overlay.hidden{opacity:0;pointer-events:none}.page-loading-spinner{width:50px;height:50px;border:4px solid rgba(0,0,0,.1);border-top-color:#000;border-radius:50%;animation:spin .8s linear infinite}video[data-lazy-video],iframe[data-lazy-video]{opacity:0;transition:opacity .3s ease-in}video[data-lazy-video][data-loaded=true],iframe[data-lazy-video][data-loaded=true]{opacity:1}.card__media{position:relative;overflow:hidden;background-color:#f5f5f5}@media (prefers-reduced-motion: reduce){.video-loading,.video-loading:before,video[data-lazy-video],iframe[data-lazy-video],.video-poster{animation:none;transition:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-video-loader.css.map */