@keyframes shake{0%{transform:rotate(0deg)}88%{transform:rotate(0deg)}90%{transform:rotate(-20deg)}92%{transform:rotate(18deg)}94%{transform:rotate(-16deg)}96%{transform:rotate(14deg)}98%{transform:rotate(-12deg)}100%{transform:rotate(0deg)}}.bell{position:relative;display:flex}.bell::before{content:'';-webkit-mask-image:url("/img/bell.svg");mask-image:url("/img/bell.svg");background:var(--color-icon);width:20px;height:20px;margin:auto 14px}.bell--alert-direct::after,.bell--alert-weak::after{content:'';position:absolute;top:10px;left:14px;background:var(--color-like);border-radius:50%;border:2px solid var(--bg-light-shade);width:8px;height:8px}.bell--alert-weak::after{background:var(--color-bookmark)}.bell--alert-direct::before,.bell--alert-weak::before{animation:shake 8s;animation-iteration-count:infinite}