#overlay{background-color:rgba(0,0,0,.7);height:100%;left:0;top:0;width:100%}#overlay,#popup{display:none;position:fixed;z-index:99999}#popup{background-color:#fff;box-shadow:0 0 10px rgba(0,0,0,.5);box-sizing:border-box;left:50%;max-height:50%;max-width:900px;overflow-y:auto;padding:20px;top:50%;transform:translate(-50%,-50%);width:90%}#popup .alert .title{font-size:1.2rem}#popup .alert .subtitle{font-size:1.1rem}#popup .alert .subtitle,#popup .alert .title{font-weight:700;margin:0 0 15px}#popup .alert h4{margin:10px 0 15px}#popup .closePopup{align-items:center;background-color:#ff495c;border:none;border-radius:6px;border-radius:4px;color:#fff;display:flex;font-weight:600;margin-left:auto;padding:14px 15px 12px;padding:5px 10px;position:sticky;text-decoration:none;top:0;transform:translateX(5px) translateY(-5px);transition:.2s;z-index:10}#popup .closePopup p{margin:0}#popup .closePopup:hover{background-color:#a04650;cursor:pointer}#popup .alert:first-of-type{border-bottom:1px solid #ccc;margin-bottom:10px;padding-bottom:10px}#popup .alert:nth-of-type(2){padding-top:10px}@media (min-width:600px){#popup{padding:20px 30px}#popup .closePopup{transform:translateX(15px) translateY(-5px)}#popup .alert:first-of-type{margin-bottom:20px;padding-bottom:20px}#popup .alert:nth-of-type(2){padding-top:20px}}