.modal-background{display:flex;align-items:center;justify-content:center;position:absolute;top:0;left:0;z-index:2000;height:100%;width:100%;background-color:rgba(128,128,128,.25)}.modal{position:relative;padding:1.5rem;margin-inline:.5rem;border-radius:10px;background-color:white;box-shadow:1px 2px 5px 1px rgba(48,48,48,.3)}.modal-open{animation-name:modal-fade-in;animation-duration:.5s}.modal-close{animation-name:modal-fade-out;animation-duration:.5s}@keyframes modal-fade-in{0%{transform:translateY(-50%);opacity:0}to{transform:translateY(0);opacity:100%}}@keyframes modal-fade-out{0%{transform:translateY(0);opacity:100%}to{transform:translateY(-50%);opacity:0}}