.video-container{position:relative;display:inline-block}.video-icon{position:absolute;bottom:287px;left:171px;background:rgba(0,0,0,.7);color:#fff;padding:5px;border-radius:50%;cursor:pointer}.popup{display:flex;justify-content:center;align-items:center;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);z-index:1000}.popup.hidden{display:none}.popup-content{display:flex;background:#fff;padding:20px;border-radius:10px;max-width:80%;min-width:500px}.popup-video{flex:2}.popup-video-thumbnails{flex:1;display:flex;flex-direction:column;gap:10px}.popup-video-thumbnails img{width:80px;cursor:pointer;border:2px solid transparent;transition:border-color .3s}.popup-video-thumbnails img:hover{border-color:red}.close-popup{position:absolute;top:10px;right:20px;font-size:30px;cursor:pointer}.is-hidden{display:none!important}