.modal-overlay{position:fixed;top:0;left:0;height:100%;align-items:center;background-color:rgba(0,0,0,.5);padding:16px;z-index:999;animation:fadeIn .3s ease forwards}.modal-overlay,.modal-wrapper{width:100%;display:flex;justify-content:center}.modal,.modal-wrapper{height:auto}.modal{background:#fff;width:100%;max-width:500px;border-radius:12px;overflow:hidden;transform:translateY(100%);animation:slideUp .4s ease-out forwards}.modal-header{display:flex;justify-content:flex-end;font-size:25px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}