.vp-video-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;background:#000}.vp-video{display:block;width:100%;height:100%;object-fit:cover}.vp-video-controls{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;gap:12px;padding:12px;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);opacity:0;transition:opacity .3s ease;pointer-events:none}.vp-video-wrapper.playing .vp-video-controls{opacity:1;pointer-events:auto}.vp-video-btn{background:none;border:none;color:#fff;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;transition:background .2s ease;border-radius:4px}.vp-video-btn:hover{background:#fff3}.vp-video-btn svg{width:16px;height:16px;fill:currentColor}.vp-play-pause{flex-shrink:0}.vp-progress-bar{flex:1;height:4px;background:#ffffff4d;cursor:pointer}.vp-progress-fill{height:100%;background:#fff;width:0%;transition:width .1s linear}.vp-mute{flex-shrink:0}.vp-video-wrapper:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:6.5rem;height:6.5rem;background:#0003;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50%;z-index:2;cursor:pointer;transition:opacity .3s ease}.vp-video-wrapper:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:2rem;height:2rem;background:#fff;clip-path:polygon(25% 0%,100% 50%,25% 100%);z-index:3;cursor:pointer;transition:opacity .3s ease}.vp-video-wrapper.playing:before,.vp-video-wrapper.playing:after{display:none}.vp-video-wrapper.popover-hidden:before,.vp-video-wrapper.popover-hidden:after{opacity:0;pointer-events:none}@media(max-width:768px){.vp-video-controls{padding:8px 6px;gap:8px}.vp-video-btn{padding:3px}.vp-video-btn svg{width:14px;height:14px}.vp-video-wrapper:before{width:5rem;height:5rem}.vp-video-wrapper:after{width:1.75rem;height:1.75rem}}
/*# sourceMappingURL=/cdn/shop/t/139/assets/video-player.css.map */