#notificar{position:fixed;z-index:9999;top:20px;right:20px;line-height:1.2;display:flex;flex-direction:column;align-items:flex-end;height:0}#notificar>li{padding:20px;background:#689f38;margin:5px 0;color:#fff;position:relative;box-shadow:2px 2px 5px rgba(0,0,0,.2);border-radius:6px;cursor:pointer}#notificar>li.error{background:#d32f2f}#notificar>li.pre{background:#636363}#notificar ul li{padding:5px 0 0 20px}@keyframes notify{5%,95%{transform:translateX(0) scale(1)}}#notificar>li:not(.pre){transform:translateX(200%) scale(0);animation:notify 5s ease-in-out both 0s}#notificar>li:hover{animation-play-state:paused}