.modal-backdrop{position:fixed;inset:0;background:#0006;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:1000}.fade-in{animation:fadeIn .2s ease forwards}.fade-out{animation:fadeOut .2s ease forwards}.pop-in{animation:popIn .2s ease forwards}.pop-out{animation:popOut .2s ease forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes popIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes popOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}@media(max-width:600px){.main-modal{min-width:100%;min-height:70%;margin-top:auto;margin-bottom:0;border-radius:10px 10px 0 0}}