.video-player-container{cursor:pointer;border-radius:12px;width:100%;max-width:100%;transition:transform .3s,box-shadow .3s;position:relative;overflow:hidden;box-shadow:0 4px 20px #00000026}.video-player-container:hover{transform:translateY(-4px);box-shadow:0 8px 30px #0003}.video-thumbnail-wrapper{background:#000;width:100%;padding-bottom:56.25%;position:relative}.video-thumbnail{object-fit:cover;width:100%;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.video-player-container:hover .video-thumbnail{opacity:.85}.video-play-overlay{background:#0000001a;justify-content:center;align-items:center;width:100%;height:100%;transition:background .3s;display:flex;position:absolute;top:0;left:0}.video-player-container:hover .video-play-overlay{background:#0000004d}.video-play-button{transition:transform .3s}.video-player-container:hover .video-play-button{transform:scale(1.1)}.video-play-bg{transition:fill .3s}.video-player-container:hover .video-play-bg{fill:#ff004e}.video-open-hint{color:#fff;opacity:0;background:linear-gradient(#0000,#000c);justify-content:center;align-items:center;gap:8px;padding:12px 16px;font-size:.8rem;transition:opacity .3s;display:flex;position:absolute;bottom:0;left:0;right:0}.video-player-container:hover .video-open-hint{opacity:1}@media (max-width:768px){.video-player-container{border-radius:8px}.video-open-hint{padding:10px 12px;font-size:.75rem}.video-play-button svg{width:54px;height:38px}}