.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100vh;background:rgba(0,0,0,.6);display:flex;justify-content:center;align-items:center;z-index:1010;opacity:0;pointer-events:none;transition:opacity .3s ease}.modal-content-wrapper{background:#fff;border-radius:8px;padding:2rem;position:relative;opacity:0;transform:translateY(-20px);transition:opacity .3s ease,transform .3s ease;max-width:400px;width:90%}.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{width:48px;height:48px;display:flex;justify-content:center;align-items:center;border-radius:12px}