@keyframes articleHeartPop{0%{transform:scale(1)}30%{transform:scale(.82)}60%{transform:scale(1.25)}to{transform:scale(1)}}@keyframes articleHeartRing{0%{opacity:.55;transform:scale(.6)}to{opacity:0;transform:scale(1.9)}}@keyframes articleHeartSpark{0%{opacity:0;transform:translate(0)scale(.3)}25%{opacity:1}to{opacity:0;transform:translate(var(--spark-x), var(--spark-y)) scale(1)}}.article-heart--celebrate{animation:.45s cubic-bezier(.34,1.56,.64,1) both articleHeartPop}.article-heart-ring{border:2px solid color-mix(in srgb, var(--ds-color-primary) 45%, transparent);pointer-events:none;border-radius:9999px;animation:.55s ease-out both articleHeartRing;position:absolute;inset:0}.article-heart-spark{background-color:var(--ds-color-primary);pointer-events:none;border-radius:9999px;block-size:.3rem;inline-size:.3rem;animation:.55s ease-out both articleHeartSpark;position:absolute;inset-block-start:50%;inset-inline-start:50%}.article-heart-spark:nth-child(2){--spark-x:.85rem;--spark-y:-.85rem;animation-delay:0s}.article-heart-spark:nth-child(3){--spark-x:-.85rem;--spark-y:-.85rem;animation-delay:20ms}.article-heart-spark:nth-child(4){--spark-x:1.15rem;--spark-y:.35rem;animation-delay:40ms}.article-heart-spark:nth-child(5){--spark-x:-1.15rem;--spark-y:.35rem;animation-delay:60ms}.article-heart-spark:nth-child(6){--spark-x:0rem;--spark-y:-1.2rem;animation-delay:80ms}.article-heart-spark:nth-child(7){--spark-x:0rem;--spark-y:1rem;animation-delay:.1s}@media (prefers-reduced-motion:reduce){.article-heart--celebrate,.article-heart-ring,.article-heart-spark{animation:none}.article-heart-ring,.article-heart-spark{display:none}}