.animated-heart-module-scss-module__jRdPxa__wrapper{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;display:flex;position:relative}.animated-heart-module-scss-module__jRdPxa__heart{width:100%;height:100%;position:relative}.animated-heart-module-scss-module__jRdPxa__heart svg{width:100%;height:100%;overflow:visible}.animated-heart-module-scss-module__jRdPxa__heart svg path{fill:#0000;stroke:currentColor;stroke-width:var(--stroke-width,2);stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;transition:stroke .3s,fill .3s}.animated-heart-module-scss-module__jRdPxa__heart[data-checked=true] svg path{stroke:red;fill:red}.animated-heart-module-scss-module__jRdPxa__heart[data-checked=true][data-animate=true] svg path{animation:1.2s cubic-bezier(.16,1,.3,1) forwards animated-heart-module-scss-module__jRdPxa__drawHeart,.4s .6s forwards animated-heart-module-scss-module__jRdPxa__fillHeart}@keyframes animated-heart-module-scss-module__jRdPxa__drawHeart{0%{stroke-dasharray:100;stroke-dashoffset:100px;fill:#0000}to{stroke-dasharray:100;stroke-dashoffset:0;fill:#0000}}@keyframes animated-heart-module-scss-module__jRdPxa__fillHeart{0%{fill:#0000;transform-origin:50%;transform:scale(1)}50%{fill:red;transform-origin:50%;transform:scale(1.15)}to{fill:red;transform-origin:50%;transform:scale(1)}}