.echo-count-badge{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-width:20px;height:20px;padding:0 var(--echo-space-3);border-radius:var(--echo-radius-full);font-family:var(--echo-font-machine,ui-sans-serif,system-ui,sans-serif);font-size:var(--echo-text-2xs);font-weight:var(--echo-weight-bold,700);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;line-height:var(--echo-leading-none,1)}.echo-count-badge[data-variant=accent]{color:var(--echo-primary-cap-ink,var(--echo-text));background:linear-gradient(180deg,var(--echo-primary-cap-top) 0,var(--echo-primary-cap-mid) 45%,var(--echo-primary-cap-base) 100%);box-shadow:inset 0 1px 0 rgb(255 255 255/calc(.35 * var(--echo-gloss, 1))),inset 0 -1px 0 color-mix(in oklab,var(--echo-cast-ink,black) calc(.25 * var(--echo-shade, 1) * 100%),transparent),inset 0 0 0 var(--echo-line-width,0) var(--echo-line,transparent)}.echo-count-badge[data-variant=neutral]{color:var(--echo-text);background:linear-gradient(180deg,var(--echo-cap-highlight) 0,var(--echo-cap) 100%);box-shadow:var(
    --echo-shadow-chip,inset 0 1px 0 rgb(255 255 255/calc(.15 * var(--echo-gloss, 1))),0 1px 2px color-mix(in oklab,var(--echo-cast-ink,black) calc(.4 * var(--echo-shade, 1) * 100%),transparent),0 0 0 var(--echo-line-width,0) var(--echo-line,transparent)
  )}.echo-count-badge{animation:echo-count-pop var(--echo-duration-pop) var(--echo-ease-pop)}.echo-count-badge__num{display:inline-block;animation:echo-count-roll var(--echo-duration-pop) var(--echo-ease-pop)}@keyframes echo-count-pop{0%{transform:scale(0)}}@keyframes echo-count-roll{0%{opacity:0;transform:translateY(70%)}}@media (prefers-reduced-motion:reduce){.echo-count-badge,.echo-count-badge__num{animation:none}}