.modal-overlay{opacity:0;visibility:hidden;background-color:#00000080;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity 1.3s ease-in-out;display:flex;position:fixed;top:0;left:0}.modal-content{width:60%;box-shadow:5px red;opacity:0;background-color:#757575ad;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:20px;transition:opacity 4s ease-in-out,transform 4s ease-in-out;display:flex;overflow:auto;transform:translateY(-50px)}.modal-album-content{width:40%;box-shadow:5px red;opacity:0;background:linear-gradient(#8206b3d5,#000);border-radius:10px;justify-content:center;align-items:center;gap:5px;padding:20px;transition:opacity 4s ease-in-out,transform 4s ease-in-out}.modal-overlay.modal-open{opacity:1;visibility:visible}.modal-content.modal-open,.modal-album-content.modal-open{opacity:1;transform:translateY(0)}.hover-relative{position:relative}.hover-relative:hover .playPause{display:block}@media screen and (max-width:852px){.modal-content,.modal-album-content{width:60%}}@media screen and (max-width:549px){.modal-album-content{width:80%}}@media screen and (max-width:471px){.modal-content{width:80%}}