.notification-bell{--bell-alert-color:#e53935;width:var(--bell-size,24px);height:var(--bell-size,24px);transform-origin:50% 8%;display:block;overflow:visible}.notification-bell.is-idle{color:var(--app-font-color)}.notification-bell.is-idle .notification-bell-body{fill:none;stroke:currentColor;stroke-width:1.9px;stroke-linejoin:round}.notification-bell.is-idle .notification-bell-clapper{stroke:currentColor}.notification-bell.is-ringing .notification-bell-body{fill:var(--bell-alert-color)}.notification-bell-clapper{fill:none;stroke:var(--bell-alert-color);stroke-width:1.9px;stroke-linecap:round;transform-box:view-box;transform-origin:12px 20px}.notification-bell-count{fill:#fff;font-family:var(--app-font-family);letter-spacing:-.3px;text-anchor:middle;font-variant-numeric:tabular-nums;transform-box:view-box;transform-origin:12px 10.5px;-webkit-user-select:none;user-select:none;font-size:9.5px;font-weight:700}.notification-bell-count.is-wide{letter-spacing:-.6px;font-size:8px}.notification-bell-count.is-xwide{letter-spacing:-.5px;font-size:6.6px}.notification-bell.is-ringing{animation:3.6s ease-in-out infinite notification-bell-ring}.notification-bell.is-ringing .notification-bell-clapper{animation:3.6s ease-in-out infinite notification-bell-clapper}.notification-bell.is-ringing .notification-bell-count{animation:3.6s ease-in-out infinite notification-bell-count}@keyframes notification-bell-ring{0%,62%,to{transform:rotate(0)}64%{transform:rotate(13deg)}67%{transform:rotate(-11deg)}70%{transform:rotate(8deg)}73%{transform:rotate(-6deg)}76%{transform:rotate(3.5deg)}79%{transform:rotate(-1.5deg)}82%{transform:rotate(0)}}@keyframes notification-bell-clapper{0%,62%,to{transform:rotate(0)}65%{transform:rotate(-15deg)}69%{transform:rotate(12deg)}73%{transform:rotate(-8deg)}77%{transform:rotate(4deg)}82%{transform:rotate(0)}}@keyframes notification-bell-count{0%,62%,to{transform:rotate(0)}64%{transform:rotate(-13deg)}67%{transform:rotate(11deg)}70%{transform:rotate(-8deg)}73%{transform:rotate(6deg)}76%{transform:rotate(-3.5deg)}79%{transform:rotate(1.5deg)}82%{transform:rotate(0)}}@media (prefers-reduced-motion:reduce){.notification-bell,.notification-bell .notification-bell-clapper,.notification-bell .notification-bell-count{animation:none}}
