body .videowrap{position:relative;width:fit-content;width:100%}body .videowrap video{display:none}body .videowrap video.show{display:block}body .videowrap .controls{position:absolute;top:5px;left:5px;z-index:2}body .videowrap .controls a{width:30px;height:30px;border-radius:50%;background-color:rgba(0,0,0,0.8);display:flex;justify-content:center;align-items:center;color:#fff;text-decoration:unset}body .videowrap .controls a:hover{cursor:pointer;opacity:1;color:#fff}body .videowrap .controls .quality{position:absolute;top:3px;left:0}body .videowrap .thumbnail{position:absolute;top:0;right:0;left:0;bottom:0;height:100%;width:100%;z-index:1;color:#fff}body .videowrap .thumbnail a{color:#fff;text-decoration:unset}body .videowrap .thumbnail img{height:100%;width:100%;object-fit:cover}body .videowrap .thumbnail .play{height:100%;width:100%;position:absolute;display:flex;justify-content:center;align-items:center;z-index:1;background-color:rgba(0,0,0,0.2)}body .videowrap .thumbnail .play a{font-size:2rem;padding:20px;border-radius:50%;background-color:rgba(0,0,0,0.8);transition:all 200ms ease;opacity:0.9;text-decoration:unset}body .videowrap .thumbnail .play a:hover{cursor:pointer;opacity:1;transform:scale(1.1, 1.1);color:#fff}