/* =================================== */

.rlpu {
    display: none; 
    position: fixed; 
    z-index: 999999999; 
    left: 50%; 
    top: 50%; 
    transform: translate(-50%, -50%); 
    background-color: #fff; 
    /* padding: 20px;  */
    box-shadow: 0 5px 15px rgba(0,0,0,0.3); 
    /* border-radius: 8px; */
    width: 70%;
    max-width: 800px;
    max-height: 600px; 
    max-height: 80vh; 
    text-align: center; 
}

.rlpu-overlay {
    display: none; 
    position: fixed; 
    z-index: 99999999; 
    left: 0; 
    top: 0; 
    width: 100%; 
    height: 100%; 
    background-color: rgba(0,0,0,0.5); 
}

/* =================================== */

@media (max-width: 600px) {
    .rlpu {
        width: 90%; 
        height: auto; 
        max-height: 90vh; 
    }
}

/* =================================== */