.modal-overlay{z-index:1010;opacity:0;pointer-events:none;background:#0009;justify-content:center;align-items:center;width:100%;height:100vh;transition:opacity .3s;display:flex;position:fixed;top:0;left:0}.modal-content-wrapper{opacity:0;background:#fff;border-radius:8px;width:90%;max-width:400px;padding:2rem;transition:opacity .3s,transform .3s;position:relative;transform:translateY(-20px)}.fade-in{opacity:1;pointer-events:auto}.fade-in .modal-content-wrapper{opacity:1;transform:translateY(0)}.fade-out{opacity:0;pointer-events:none}.fade-out .modal-content-wrapper{opacity:0;transform:translateY(-20px)}.modal-header-icon-box{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}