.dz-badge-anchor{display:inline-flex;position:relative}.dz-badge{border-radius:var(--dz-radius-full);background:var(--t-solid);min-width:20px;height:20px;color:var(--t-ink);font:700 var(--dz-text-2xs)/1 var(--dz-font-ui);font-variant-numeric:tabular-nums;place-items:center;padding:0 6px;display:inline-grid;position:relative}.dz-badge.is-dot{width:9px;min-width:9px;height:9px;padding:0}.dz-badge.is-anchored{box-shadow:0 0 0 2px var(--dz-bg);position:absolute;top:0;right:0;transform:translate(40%,-40%)}.dz-badge.is-dot.is-anchored{transform:translate(20%,-20%)}.dz-badge.is-pulse:after{content:"";border-radius:inherit;background:var(--t);animation:dz-pulse 1.8s var(--dz-ease) infinite;z-index:-1;position:absolute;inset:0}@keyframes dz-pulse{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(2.4)}}.dz-badge-enter-active{transition:transform var(--dz-dur) var(--dz-spring),opacity var(--dz-dur-fast)}.dz-badge-leave-active{transition:transform var(--dz-dur-fast) var(--dz-ease),opacity var(--dz-dur-fast)}.dz-badge-enter-from,.dz-badge-leave-to{opacity:0;transform:translate(40%,-40%)scale(.3)}@media (prefers-reduced-motion:reduce){.dz-badge.is-pulse:after{animation:none}}