.video-container{display:flex;align-items:center;justify-content:flex-start;gap:20px}.thumbnail{cursor:pointer;transition:transform 0.3s ease}.thumbnail img{width:150px;height:auto;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.1)}.thumbnail:hover{transform:scale(1.1)}.popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:80%;max-width:800px;height:0;overflow:hidden;background-color:rgba(0,0,0,.9);display:flex;justify-content:center;align-items:center;flex-direction:column;transition:height 0.3s ease;border-radius:10px;z-index:1000;opacity:0;visibility:hidden}.popup iframe{width:100%;height:450px;border:none;border-radius:8px}.popup.active{height:70vh;opacity:1;visibility:visible}.close-btn{position:absolute;top:10px;right:10px;background-color:red;color:white;border:none;border-radius:50%;width:30px;height:30px;cursor:pointer;font-size:16px;font-weight:bold;display:flex;align-items:center;justify-content:center}.close-btn:hover{background-color:darkred}