.video-thumbnail{justify-content:center;place-items:center;width:100%;height:100%;display:flex;position:relative}.video-thumbnail img{height:100%!important}.video-thumbnail .play-button{color:#fff;visibility:hidden;background:#0808088a;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0}.video-thumbnail .play-button svg{transition:scale 50ms}.video-thumbnail:hover .play-button{visibility:visible;cursor:pointer}.video-thumbnail:hover .play-button svg{scale:1.8}.vid-player-container{z-index:999;background-color:#020202d4;justify-content:center;place-items:center;width:100%;height:100vh;display:flex;position:fixed;top:0;left:0}.vid-player-container .vid-player{z-index:999;background-color:#171717f0;border-radius:6px;width:50%;height:auto;margin:10px;position:absolute;overflow:hidden;box-shadow:0 7px 29px #64646f33}.vid-player-container .vid-player button{color:#fff}.vid-player-short-container .vid-player{z-index:999;background-color:#e5e5e5;border-radius:6px;width:30%;height:auto;margin:10px;position:fixed;bottom:0;right:0;overflow:hidden;box-shadow:0 7px 29px #64646f33}body:has(.vid-player-container){transition:overflow 1s;overflow:hidden}