.heart-container{z-index:10;cursor:pointer;justify-content:center;align-items:center;width:20px;height:20px;display:flex;position:relative;overflow:visible}.heart{z-index:1;width:100%;height:100%;position:relative;overflow:visible}.heart svg{fill:none;stroke:currentColor;stroke-width:2px;will-change:transform;width:100%;height:100%;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.heart.is_saved svg{fill:#dc2626;stroke:#dc2626}.heart-container:hover .heart:not(.is_saved) svg{stroke:#dc2626;transform:scale(1.1)}.heart.is_animating svg{animation:.5s cubic-bezier(.175,.885,.32,1.275) heart-pop;fill:#dc2626!important;stroke:#dc2626!important}.heart.is_animating:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(circle,#dc26264d 0%,#dc262600 70%);border-radius:50%;width:50px;height:50px;animation:.6s cubic-bezier(.175,.885,.32,1) forwards circle-burst;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0)}.heart.is_animating:after{content:"";opacity:0;pointer-events:none;border:2px solid #dc2626;border-radius:50%;width:40px;height:40px;animation:.5s cubic-bezier(.25,.46,.45,.94) forwards ring-expand;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.8)}.mini-heart{pointer-events:none;transform-origin:50%;z-index:2;animation:.7s cubic-bezier(.25,.46,.45,.94) forwards mini-heart-burst;position:absolute;top:50%;left:50%}.mini-heart:before{content:"";background:#dc2626;border-radius:50%;width:8px;height:8px;display:block;box-shadow:0 2px 4px #dc26264d}.mini-heart:nth-child(3){animation-delay:4s}.mini-heart:nth-child(3):before{background:#f87171;width:6px;height:6px}.mini-heart:nth-child(4){animation-delay:20ms}.mini-heart:nth-child(4):before{background:#ef4444;width:7px;height:7px}.mini-heart:nth-child(5){animation-delay:40ms}.mini-heart:nth-child(5):before{background:#dc2626;width:5px;height:5px}.mini-heart:nth-child(6){animation-delay:0s}.mini-heart:nth-child(6):before{background:#f87171;width:6px;height:6px}.mini-heart:nth-child(7){animation-delay:20ms}.mini-heart:nth-child(7):before{background:#dc2626;width:7px;height:7px}.mini-heart:nth-child(8){animation-delay:40ms}.mini-heart:nth-child(8):before{background:#ef4444;width:5px;height:5px}.mini-heart:nth-child(9){animation-delay:10ms}.mini-heart:nth-child(9):before{background:#f87171;width:6px;height:6px}.mini-heart:nth-child(10){animation-delay:30ms}.mini-heart:nth-child(10):before{background:#dc2626;width:7px;height:7px}@keyframes heart-pop{0%{transform:scale(1)}15%{transform:scale(1.25)}30%{transform:scale(.95)}45%{transform:scale(1.1)}60%{transform:scale(1)}to{transform:scale(1)}}@keyframes circle-burst{0%{opacity:1;transform:translate(-50%,-50%)scale(0)}50%{opacity:.8}to{opacity:0;transform:translate(-50%,-50%)scale(2)}}@keyframes ring-expand{0%{opacity:1;transform:translate(-50%,-50%)scale(.8)}to{opacity:0;transform:translate(-50%,-50%)scale(1.5)}}@keyframes mini-heart-burst{0%{transform:translate(-50%,-50%)rotate(var(--angle))translateX(0)scale(0);opacity:0}20%{opacity:1;transform:translate(-50%,-50%)rotate(var(--angle))translateX(12px)scale(1.2)}to{transform:translate(-50%,-50%)rotate(var(--angle))translateX(35px)scale(.3);opacity:0}}@media (prefers-reduced-motion:reduce){.heart svg,.heart.is_animating svg,.heart.is_animating:before,.heart.is_animating:after,.mini-heart{transition:none;animation:none}.heart.is_saved svg{fill:#dc2626;stroke:#dc2626}}