html.admin .notification{align-items:center;background-color:#9ceafa;border-radius:5px;bottom:20px;box-shadow:0 0 10px #0003;color:#000;display:flex;opacity:0;overflow:hidden;padding:15px 20px;position:fixed;right:20px;visibility:hidden;width:300px;z-index:99999}html.admin .notification.success{background-color:#89d2a6;color:#000}html.admin .notification.success .notification-bar{background:#358d58}html.admin .notification.danger{background-color:#f1c6c6;color:#190606}html.admin .notification.danger .notification-bar{background:#d44a4a}html.admin .notification-text{margin-left:20px}html.admin .notification h4{font-size:18px;line-height:24px;margin-bottom:0}html.admin .notification p{font-size:13px;line-height:18px;margin-bottom:0}html.admin .notification-bar{background:#0dcaf0;bottom:0;height:3px;left:0;opacity:0;position:absolute;visibility:hidden;width:100%}html.admin .notification.visible{opacity:1;visibility:visible}html.admin .notification.visible .notification-bar{animation:bar 5s linear;opacity:1;visibility:visible}html.admin .notification.in{animation:slideIn .5s ease-in-out}html.admin .notification.out{animation:fadeOut .5s ease-in-out forwards}@keyframes bar{0%{width:100%}to{width:0}}@keyframes slideIn{0%{opacity:0;transform:translateY(100%);visibility:hidden}to{opacity:1;transform:translateY(0);visibility:visible}}@keyframes fadeOut{0%{opacity:1;transform:translateY(0);visibility:visible}to{opacity:0;transform:translateY(100%);visibility:hidden}}