@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.badge{display:inline-flex;flex-shrink:0;position:relative;vertical-align:middle}.badge__count{font-size:.625rem;color:#fff;line-height:.875rem;font-weight:700;transition-duration:.25s;transition-property:opacity,transform;transition-timing-function:cubic-bezier(0,0,.2,1);align-items:center;background-color:#e90083;border-radius:4px;box-shadow:0 0 8px rgba(233,0,131,.4);display:flex;height:18px;justify-content:center;min-width:22px;padding:0 4px;position:relative}.badge__count--anchor{position:absolute;transform:translate(-50%,-50%) scale(1)}.badge__count--bottom{top:100%;left:50%}.badge__count--bottom-left{top:100%;left:0}.badge__count--bottom-right{top:100%;left:100%}.badge__count--left{top:50%;left:0}.badge__count--right{top:50%;left:100%}.badge__count--top-left{top:0;left:0}.badge__count--top-right{top:0;left:100%}.badge__count--invisible{opacity:0;transform:translate(-50%,-50%) scale(0)}