@keyframes shake-bell{10%{transform:rotate(15deg)}20%{transform:rotate(-10deg)}30%{transform:rotate(5deg)}40%{transform:rotate(-5deg)}50%,to{transform:rotate(0)}}@keyframes dot{0%{transform:scale(0)}50%{transform:scale(0)}90%{transform:scale(1.2)}to{transform:scale(1)}}.fixed-message{height:66px;position:relative;width:66px}.fixed-message .bell{background:url(./bell.BFZ0Hsww.png) no-repeat 50%;background-size:90px;height:100%;width:100%}.fixed-message .dot{background-color:var(--sub-color-danger);border-radius:8px;color:#fff;display:inline-block;font-size:12px;line-height:16px;padding:0 4px;position:absolute;right:3px;top:3px}.fixed-message.anim .bell{animation:shake-bell 1s linear infinite}.fixed-message.anim .dot{animation:dot .5s linear forwards}