.pn-popup-overlay{
 position:fixed;inset:0;background:rgba(0,0,0,.55);
 display:flex;align-items:center;justify-content:center;
 z-index:99999;opacity:0;pointer-events:none;transition:.3s
}
.pn-popup-overlay.show{opacity:1;pointer-events:auto}
.pn-popup{
 background:#fff;width:420px;max-width:92%;
 border-radius:16px;padding:28px;text-align:center;
 animation:scaleIn .35s cubic-bezier(.4,0,.2,1)
}
.pn-popup.success{border-top:6px solid #2ecc71}
.pn-popup.error{border-top:6px solid #e74c3c}
.pn-popup.warning{border-top:6px solid #f1c40f}
.pn-popup-icon svg{width:56px;height:56px}
.pn-popup-title{font-size:16px;margin:12px 0 6px}
.pn-popup-message{font-size:13px;color:#444}
.pn-popup-close{position:absolute;top:14px;right:16px;cursor:pointer;font-size:18px;color:#999}
.pn-popup-progress{height:4px;background:#eee;border-radius:4px;overflow:hidden;margin-top:18px}
.pn-popup-progress span{display:block;height:100%;width:100%;background:#007cba;animation:progress linear forwards}
@keyframes scaleIn{from{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}
@keyframes progress{from{width:100%}to{width:0}}