body{background-color:#f3f4f6}.bell-container{bottom:20px;height:60px;position:fixed;right:20px;width:60px;z-index:999}.bell-icon{cursor:pointer;height:100%;width:100%}@keyframes ring{0%{transform:rotate(0)}10%{transform:rotate(-15deg)}20%{transform:rotate(15deg)}30%{transform:rotate(-10deg)}40%{transform:rotate(10deg)}50%{transform:rotate(-5deg)}60%{transform:rotate(5deg)}to{transform:rotate(0)}}.animate-bell{animation:ring .8s ease-in-out infinite}@keyframes shake{0%,to{transform:rotate(0)}10%,30%,50%,70%,90%{transform:rotate(-10deg)}20%,40%,60%,80%{transform:rotate(10deg)}}.animate-shake{animation:shake .8s ease-in-out infinite}