.modal-overlay{position:fixed;inset:0;display:flex;height:100%;align-items:center;justify-content:center;background-color:rgba(0,0,0,.5);color:#000;opacity:0;transition:opacity .3s cubic-bezier(.4,0,.2,1)}.modal-overlay.visible{opacity:1}.modal-content{transform:translateY(24px) scale(.9);opacity:0;transition:all .25s cubic-bezier(.4,0,.2,1)}.modal-content h2{font-size:25px;font-weight:700}.modal-content.visible{transform:translateY(0) scale(1);opacity:1}.modal-loading{display:flex;height:400px;width:400px;gap:16px;align-items:center;justify-content:center;flex-direction:column}.modal-spinner{height:2.5rem;width:2.5rem;border-radius:9999px;border:4px solid #10b981;border-top-color:transparent;animation:modalSpin 1s linear infinite}.modal-loading-text{font-size:1rem;color:#10b981;font-weight:400}@keyframes modalSpin{to{transform:rotate(1turn)}}.modal-content.slide-up{transform:translateY(100px) scale(.95)}.modal-content.slide-up.visible{transform:translateY(0) scale(1)}.modal-content.fade-in{transform:scale(.95)}.modal-content.fade-in.visible{transform:scale(1)}.modal-content.bounce{animation:modalBounce .6s cubic-bezier(.68,-.55,.265,1.55)}@keyframes modalBounce{0%{opacity:0;transform:scale(.3) translateY(24px)}50%{opacity:1;transform:scale(1.05) translateY(0)}70%{transform:scale(.9) translateY(0)}to{opacity:1;transform:scale(1) translateY(0)}}