.modal{display:none;position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#00000080}.modal-content{position:relative;margin:auto;padding:30px 20px;width:75%;background-color:transparent;display:flex;flex-direction:column;gap:20px;flex-wrap:nowrap}.modal-window{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#fff;border-radius:50px;padding:20px;box-shadow:0 2px 4px #0000001a}.modal-window-data{text-align:left;padding:0 10% 3%}.modal-window-span{display:flex;justify-content:end;align-items:center;background-color:transparent;padding-right:20px}.author-url{text-decoration:none}.close{background-color:#fff;padding:10px;border-radius:50%;color:#000;cursor:pointer;font-size:20px;border:none;outline:none;width:20px;height:20px;display:inline-flex;justify-content:center;align-items:center}.close:hover,.close:focus{background-color:#ddd;color:#fff}#videoThumbnail{width:500px;height:300px;border-radius:30px;margin:50px 0 20px;object-fit:cover;overflow:hidden}.download-button{border-radius:50px;margin:10px 100px;border:none}.spinner-container{margin-top:20px;display:flex;flex-direction:row;justify-content:center;align-items:center;background-color:#fff;border-radius:50px;padding:4px;gap:20px;flex-wrap:wrap;width:100%;box-sizing:border-box}.spinner{width:24px;height:24px;border:4px solid #ccc;border-top:4px solid #333;border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 768px){.modal-content{width:95%;padding:100px 10px;gap:10px;box-sizing:border-box}.modal-window{padding:10px;border-radius:20px}.modal-window-span{padding-right:10px}#videoThumbnail{width:80%;height:250px;margin:20px 0 10px}.spinner-container{flex-wrap:wrap;padding:5px;gap:10px}.download-button{width:100%;margin:10px 0;font-size:14px}.close{width:30px;height:30px;padding:5px;font-size:16px}}