.modal-overlay{color:#000;opacity:0;background-color:#00000080;justify-content:center;align-items:center;height:100%;transition:opacity .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;inset:0}.modal-overlay.visible{opacity:1}.modal-content{opacity:0;transition:all .25s cubic-bezier(.4,0,.2,1);transform:translateY(24px)scale(.9)}.modal-content h2{font-size:25px;font-weight:700}.modal-content.visible{opacity:1;transform:translateY(0)scale(1)}.modal-loading{flex-direction:column;justify-content:center;align-items:center;gap:16px;width:400px;height:400px;display:flex}.modal-spinner{border:4px solid #10b981;border-top-color:#0000;border-radius:9999px;width:2.5rem;height:2.5rem;animation:1s linear infinite modalSpin}.modal-loading-text{color:#10b981;font-size:1rem;font-weight:400}@keyframes modalSpin{to{transform:rotate(360deg)}}.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:.6s cubic-bezier(.68,-.55,.265,1.55) modalBounce}@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)}}