.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:999}.modal-content{background-color:#fff;padding:20px;border-radius:8px;max-width:500px;width:100%;box-shadow:0 4px 6px rgba(0,0,0,.1);transform:translateY(-50px);transition:opacity .3s ease,transform .3s ease}.modal-enter{opacity:0;transform:translateY(-50px)}.modal-enter-active{transition:opacity .3s ease,transform .3s ease}.modal-enter-active,.modal-exit{opacity:1;transform:translateY(0)}.modal-exit-active{opacity:0;transform:translateY(-50px);transition:opacity .3s ease,transform .3s ease}