#mpl-overlay {
    display:none;
    position:fixed;
    top:0; left:0;
    width:100%; height:100%;
    background:rgba(0,0,0,0.8);
    z-index:9998;
}
#mpl-modal {
    display:none;
    position:fixed;
    top:50%; left:50%;
    transform:translate(-50%,-50%);
    background:#fff;
    padding:2em;
    max-width:800px;
    width:90%;
    z-index:9999;
    border-radius:10px;
    box-shadow:0 10px 25px rgba(0,0,0,0.2);
}
#mpl-modal.active, #mpl-overlay.active { display:block; }
.mpl-close {
    position:absolute;
    top:-15px; right:10px;
    font-size:54px;
    cursor:pointer;
}
.mpl-content {
    overflow-y: auto;
    max-height: 80vh;
}