.video-container{position:relative;max-width:700px;margin:0 auto;border-radius:8px;overflow:hidden;box-shadow:0 4px 15px #0000001a;width:100%;aspect-ratio:16/9;contain-intrinsic-size:0 394px;background-color:#fcebdc}.video-container video{width:100%;height:100%;display:block;object-fit:cover;background-color:#fcebdc;background-size:cover}.video-container .video-controls{position:absolute;top:15px;right:15px;display:flex;gap:10px;z-index:10;display:none}.video-container .control-btn{background-color:#ef1973;border:none;border-radius:50%;width:40px;height:40px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:background-color .3s}.video-container .control-btn:hover{background-color:#be0955}.video-container .play-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#0000004d;cursor:pointer;z-index:5;transition:background-color .3s}.video-container .play-overlay:hover{background-color:#00000080}.video-container .play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#0000;border:none;border-radius:0;width:100%;height:100%;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:6;transition:background-color .3s,transform .2s}.video-container .playinnver{width:40px;height:40px;background-color:#ef1973;border-radius:50%;display:flex;align-items:center;justify-content:center;position:absolute;top:15px;right:15px}.video-container .play-button:hover{background-color:#0006}.video-container .loading-indicator{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:15;display:none}.video-container .spinner{border:5px solid rgba(255,255,255,.3);border-radius:50%;border-top:5px solid #ffffff;width:50px;height:50px;animation:spin 1s linear infinite}.video-container .full-video{display:none}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media screen and (min-width: 768px){.video-container{min-height:330px}}@media (max-width: 768px){.video-container{aspect-ratio:16/9;contain-intrinsic-size:0 auto}.video-container .control-btn{width:36px;height:36px}.video-container .play-button{top:0;left:0;right:0;transform:translate(0);bottom:0;width:100%;height:100%}.video-container .playinnver{top:15px;right:15px}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/msw-video.css.map */