.bubble-count{align-items:center;background-color:var(--bubble-count-background);border-radius:50%;color:var(--bubble-count-color,var(--color-white));display:inline-flex;font-size:.75rem;font-weight:600;height:1.6666666667em;justify-content:center;letter-spacing:normal;line-height:1;width:1.6666666667em}.bubble-count.accent{--bubble-count-background:var(--bubble-count-accent-background)}.bubble-count-dot{height:1em;width:1em}@keyframes bump{0%{transform:translateY(3px)}30%{transform:translateY(-3px)}50%{transform:translateY(0)}}.icon-notification{display:block;position:relative}.icon-notification svg{display:block}.icon-notification .bubble-count{position:absolute;right:calc(-.75rem + var(--icon-notification-offset-right, 2px));top:calc(-.75rem + var(--icon-notification-offset-top, 2px))}.icon-notification .bubble-count.animate{animation:bump .3s cubic-bezier(.455,.03,.515,.955)}.icon-notification.size-s .bubble-count-dot{right:-.125rem;top:0}