.modal-overlay{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:1rem}@media (min-width:640px){.modal-overlay{padding:2rem}}.modal-overlay.modal-open{animation:fadeInOverlay .3s ease-out forwards}.modal-overlay.modal-close{animation:fadeOutOverlay .3s ease-out forwards}.modal-content{position:relative;width:100%;max-width:900px;max-height:90vh;background-color:white;overflow:hidden}.modal-open .modal-content{animation:fadeInScale .3s ease-out forwards}.modal-close .modal-content{animation:fadeOutScale .3s ease-out forwards}@keyframes fadeInOverlay{0%{background-color:rgba(0,0,0,0)}to{background-color:rgba(0,0,0,.6)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95) translateY(1rem)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes fadeOutOverlay{0%{background-color:rgba(0,0,0,.6)}to{background-color:rgba(0,0,0,0)}}@keyframes fadeOutScale{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.95) translateY(1rem)}}