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