.overlay{position:fixed;width:100%;height:100%;opacity:.8;z-index:100;background:#000}.modal-container{position:absolute;z-index:101;left:50%;top:20%}.modal{position:relative;left:-50%;width:579px;height:auto;z-index:101;background:#fff;border-radius:7px;padding:2%}.modal-no-title{padding-top:4%}.title{font-weight:800;font-size:1.875rem;margin-bottom:.75rem}.close-icon{position:absolute;right:4%;top:20px}.close-icon:hover{cursor:pointer}.close-icon-no-title{top:10px}@media all and (min-device-width:375px) and (max-device-width:812px) and (-webkit-min-device-pixel-ratio:3),all and (min-device-width:375px) and (max-device-width:667px) and (-webkit-min-device-pixel-ratio:2),all and (min-device-width:414px) and (max-device-width:736px) and (-webkit-min-device-pixel-ratio:3){.modal-container{top:3%}.modal{width:300px}}@media all and (min-device-width:414px) and (max-device-width:736px) and (-webkit-min-device-pixel-ratio:3){.modal{width:350px}}