video-player{display:block;aspect-ratio:16 / 9}.video-player-container{position:relative;width:100%;height:100%;background:#000;overflow:hidden;cursor:pointer}.video-player-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.video-thumbnail{width:100%;height:100%;object-fit:cover;display:block}.video-play-button{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:10%;min-width:3.5rem;aspect-ratio:1;background:none;border:none;cursor:pointer;padding:0;z-index:2;opacity:0.9}.video-play-button svg{width:100%;height:100%}.video-play-button .play-circle{fill:rgba(0,0,0,0.6);stroke:none}.video-play-button .play-triangle{fill:#fff}.video-player-container:hover .video-play-button{opacity:1.0}.video-player-container:hover .video-play-button .play-circle{fill:rgba(0,132,255,0.9)}.video-player-container.loading::after{content:'';position:absolute;top:50%;left:50%;width:40px;height:40px;margin:-20px 0 0 -20px;border:3px solid rgba(255,255,255,0.3);border-top-color:#fff;border-radius:50%;animation:spinner 0.8s linear infinite}@keyframes spinner{to{transform:rotate(360deg)}}