.favorite-button[data-compact=true]{box-sizing:border-box;flex-shrink:0;width:44px;min-width:44px;height:44px;min-height:44px;padding:0}.favorite-button>.favorite-heart{color:#ce4464;transform-origin:50%;flex:0 0 24px;justify-content:center;align-items:center;width:24px;height:24px;line-height:1;transition:transform .24s cubic-bezier(.2,.8,.2,1);display:inline-flex;transform:scale(1)}.favorite-button>.favorite-heart svg{width:24px;height:24px;display:block}@media (hover:hover) and (pointer:fine){.favorite-button:hover>.favorite-heart{transform:translateY(-3px)scale(1.45)rotate(-8deg)}}.favorite-button:focus-visible>.favorite-heart{transform:translateY(-3px)scale(1.45)rotate(-8deg)}.favorite-button:active>.favorite-heart{transform:scale(.8)}.favorite-button>.favorite-heart--pop{animation:.72s cubic-bezier(.22,.75,.25,1) favorite-heart-pop}@keyframes favorite-heart-pop{0%{transform:translateY(0)scale(.8)rotate(0)}32%{transform:translateY(-14px)scale(2)rotate(-12deg)}55%{transform:translateY(2px)scale(1.08)rotate(10deg)}72%{transform:translateY(-5px)scale(1.5)rotate(-5deg)}88%{transform:translateY(1px)scale(.95)rotate(3deg)}to{transform:translateY(0)scale(1)rotate(0)}}@media (prefers-reduced-motion:reduce){.favorite-button>.favorite-heart,.favorite-button:hover>.favorite-heart,.favorite-button:focus-visible>.favorite-heart,.favorite-button:active>.favorite-heart{transition:none;animation:none;transform:none}}