.bubble-count{background-color:var(--bubble-count-background);color:var(--bubble-count-color,var(--color-white));letter-spacing:normal;border-radius:50%;justify-content:center;align-items:center;width:1.66667em;height:1.66667em;font-size:.75rem;font-weight:600;line-height:1;display:inline-flex}.bubble-count.accent{--bubble-count-background:var(--bubble-count-accent-background)}.bubble-count-dot{width:1em;height: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{right:calc(-.75rem + var(--icon-notification-offset-right,2px));top:calc(-.75rem + var(--icon-notification-offset-top,2px));position:absolute}.icon-notification .bubble-count.animate{animation:.3s cubic-bezier(.455,.03,.515,.955) bump}.icon-notification.size-s .bubble-count-dot{top:0;right:-.125rem}