.modal-overlay{display:none;position:fixed;z-index:9999;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.6);align-items:center;justify-content:center;opacity:0;transition:opacity .3s}.modal-overlay.show{display:flex;opacity:1}.modal-content{background-color:#fff;padding:4rem 20px 20px;position:relative;max-width:90%;max-height:90vh;box-shadow:0 4px 8px rgba(0,0,0,.2);border-radius:4px;overflow:auto;text-align:center}.close-modal{position:absolute;top:10px;right:15px;color:#aaa;font-size:28px;font-weight:700;cursor:pointer;line-height:1;transition:color .2s;z-index:10}.close-modal:focus,.close-modal:hover{color:#000;text-decoration:none;cursor:pointer}.modal-img{max-width:500px;height:auto;display:block;margin:0 auto}@media(max-width:764px){.modal-img{max-width:500px;height:auto;display:block;margin:0 auto}}@media(max-width:560px){.modal-img{max-width:300px;height:auto;display:block;margin:0 auto}}