.notification-lightbox{--z-index-backdrop:99999;--z-index-content:100000}.notification-lightbox .notification-backdrop{width:100%;height:100%;z-index:var(--z-index-backdrop);background:#00000080;animation:.2s ease-out modalFadeIn;position:fixed;top:0;left:0}.notification-lightbox .notification-close{border-radius:var(--radius-full,50%);color:#333;text-align:center;cursor:pointer;width:28px;height:28px;z-index:var(--z-index-content);box-shadow:var(--shadow-md);background:#fff;font-weight:700;line-height:28px;position:absolute;top:-14px;right:-14px}.notification-lightbox .notification-content{border-radius:var(--radius-lg,8px);box-shadow:var(--shadow-lg);z-index:var(--z-index-content);text-align:center;width:90%;max-width:400px;animation:.3s ease-out modalSlideUp;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.notification-lightbox .notification-title{text-transform:uppercase;font-size:1.1rem;font-weight:700}.notification-lightbox .notification-title h3{margin:0;padding:20px 0}.notification-lightbox .notification-description{color:#fff;background:#333;padding:24px 16px 32px;font-size:1rem;line-height:1.5}.notification-lightbox .notification-icon{margin:0 auto 16px;font-size:48px;display:block}.notification-lightbox.preloader .notification-icon{animation:2s linear infinite notificationSpin}@keyframes notificationSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideUp{0%{opacity:0;transform:translate(-50%,calc(20px - 50%))}to{opacity:1;transform:translate(-50%,-50%)}}