.favorite-heart{position:relative;display:inline-block;width:22px;height:22px;flex:none;vertical-align:middle}.favorite-heart svg{position:absolute;inset:0;width:100%!important;height:100%!important;stroke:none!important;fill:currentColor!important}.favorite-heart .favorite-heart-base{color:#b6bdc8}.favorite-heart .favorite-heart-color{color:var(--color-primary-red,#e31b4b);clip-path:circle(0 at 50% 50%);transition:clip-path .32s ease-in-out}.favorite-heart.is-active .favorite-heart-color{clip-path:circle(75% at 50% 50%)}.favorite-heart-particles{position:absolute;inset:0;pointer-events:none}.favorite-heart-particles:after{content:"";position:absolute;width:3px;height:3px;left:calc(50% - 1.5px);top:calc(50% - 1.5px);border-radius:50%;color:#e31b4b;opacity:0;box-shadow:0 -14px,12px -7px,12px 7px,0 14px,-12px 7px,-12px -7px}.favorite-heart.is-active .favorite-heart-particles:after{animation:favorite-spark .48s ease-out both}@keyframes favorite-spark{0%{opacity:0;transform:scale(.4)}35%{opacity:.55}to{opacity:0;transform:scale(1.45)}}@media(prefers-reduced-motion:reduce){.favorite-heart .favorite-heart-color{transition:none}.favorite-heart.is-active .favorite-heart-particles:after{animation:none}}