.modal-overlay{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal{background:#fff;border-radius:20px;max-height:95vh;max-width:90%;overflow-y:auto;position:relative;text-align:center;width:750px}.close-btn{background:none;border:none;cursor:pointer;font-size:20px;position:absolute;right:15px;top:10px;z-index:20}.title{font-size:20px;font-weight:700;text-align:left}.modal-content{align-items:stretch;display:flex;flex-direction:column;justify-content:flex-start;padding:30px}@media(max-width:700px){.modal{background:#fff;border-radius:20px 20px 0 0;bottom:0;height:100%;max-width:100%;overflow-y:auto;position:relative;text-align:center;width:100vw}.modal-overlay{align-items:flex-end;justify-content:center}.modal-content{flex-direction:column;position:relative}}