@charset "UTF-8";.notification{position:fixed;top:80px;right:10px;width:300px;height:auto;z-index:1000;background:transparent}.notification .popup{display:flex;padding:10px;justify-content:space-around;border-radius:4px;box-shadow:0 0 5px #00000054;margin-bottom:10px}.notification .popup .icon{margin-right:10px}.notification .popup .icon svg{width:32px;height:32px}.notification .popup .icon svg.success{color:green}.notification .popup .icon svg.error{color:#cf051d}.notification .popup .icon svg.info{color:#6e69b1}.notification .popup .icon svg.warning{color:#d76f11}.notification .popup .icon .closer button{background:transparent}.notification .popup .icon .closer svg{width:10px;height:10px}.notification .popup.bg-success{background-color:#dfffd1eb}.notification .popup.bg-success .notification-title b,.notification .popup.bg-success .notification-title strong{color:green;font-weight:600}.notification .popup.bg-error{background-color:#fdd6d6e8}.notification .popup.bg-error .notification-title b,.notification .popup.bg-error .notification-title strong{color:#cf051d;font-weight:600}.notification .popup.bg-info{background-color:#ffffffeb}.notification .popup.bg-info .notification-title b,.notification .popup.bg-info .notification-title strong{color:#6e69b1;font-weight:600}.notification .popup.bg-warning{background-color:#ffe8c6eb}.notification .popup.bg-warning .notification-title b,.notification .popup.bg-warning .notification-title strong{color:#d76f11;font-weight:600}.notification .popup.opacity-0{opacity:0}.notification .popup.opacity-100{opacity:1}@media (max-width: 1180px){.notification{top:60px}}