div#epu {
    position: fixed;
    z-index: 10000;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: none;
    align-items: center;
    justify-content: center;
    padding:8px;
}

#epu_close{
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    top:0;
    z-index:9999;
}

#epu_wrapper{
    background:white;
    max-width:640px;
    width:100%;
    padding:32px ;
    position:relative;
    z-index:10000;
}

#epu_wrapper_mc_button a, #epu_wrapper_mc_button button {
    display: inline-block;
    width: 100%;
    text-align: center;
    font-family:inherit;
    font-weight:600;
    border:none;
    background-color: #ed297b;
    color: white;
    padding: 12px 16px;
    border-radius: 4px;
}
#epu_wrapper_mc_button a:hover, #epu_wrapper_mc_button button:hover{
    opacity:0.8;
}
div#epu_wrapper_sc .pp_content{
    margin-bottom:0;
}

.pp_content{
    width:100%;
    display:inline-block;
    position:relative;
    max-height:400px;
    overflow: auto;
    margin-bottom:16px;
}
.pp_content img{
    width:100%;
    height:auto;
}
.pp_inactive{display:none;}
.pp_active{display:block;}
#epu.pp_active{display:flex;}
#epu.pp_inactive{display:none!important;}
@media screen and (max-width:720px) {
    .pp_content {
        max-height: calc(100vh - 60px);
    }

    #epu.pp_active {
        display: inline-block;
    }
}