@keyframes explosionAnime{0%{opacity:0;transform:scale(.01);stroke-width:0}5%{opacity:1;stroke-width:220}30%{stroke-width:180;stroke:#fbbf24}60%{transform:scale(1.05);stroke:#f59e0b;stroke-width:2;opacity:.8}to{transform:scale(1.15);stroke-width:0;opacity:0}}@keyframes jittersAnime{0%,25%{opacity:0}30%{opacity:1}70%{opacity:1}to{opacity:0}}@keyframes particleAnimate1{0%,25%{transform:translate(0);opacity:0}30%{opacity:1;transform:translate(0)}70%{opacity:1;transform:translate(-22px,-80px)}to{opacity:0;transform:translate(-26px,-90px)}}@keyframes particleAnimate2{0%,25%{transform:translate(0);opacity:0}30%{opacity:1;transform:translate(0)}70%{opacity:1;transform:translate(58px,60px)}to{opacity:0;transform:translate(65px,68px)}}@keyframes particleAnimate3{0%,25%{transform:translate(0);opacity:0}30%{opacity:1;transform:translate(0)}70%{opacity:1;transform:translate(72px,-68px)}to{opacity:0;transform:translate(80px,-76px)}}@keyframes particleAnimate4{0%,25%{transform:translate(0);opacity:0}30%{opacity:1;transform:translate(0)}70%{opacity:1;transform:translate(-56px,50px)}to{opacity:0;transform:translate(-62px,58px)}}@keyframes particleAnimate5{0%,25%{transform:translate(0);opacity:0}30%{opacity:1;transform:translate(0)}70%{opacity:1;transform:translate(-75px,8px)}to{opacity:0;transform:translate(-84px,10px)}}@keyframes particleAnimate6{0%,25%{transform:translate(0);opacity:0}30%{opacity:1;transform:translate(0)}70%{opacity:1;transform:translate(70px,8px)}to{opacity:0;transform:translate(78px,10px)}}@keyframes particleAnimate7{0%,25%{transform:translate(0);opacity:0}30%{opacity:1;transform:translate(0)}70%{opacity:1;transform:translate(-95px,-50px)}to{opacity:0;transform:translate(-106px,-56px)}}@keyframes particleAnimate8{0%,25%{transform:translate(0);opacity:0}30%{opacity:1;transform:translate(0)}70%{opacity:1;transform:translate(-16px,-76px)}to{opacity:0;transform:translate(-18px,-85px)}}@keyframes particleAnimate9{0%,25%{transform:translate(0);opacity:0}30%{opacity:1;transform:translate(0)}70%{opacity:1;transform:translate(-62px,-30px)}to{opacity:0;transform:translate(-70px,-34px)}}@keyframes particleAnimate10{0%,25%{transform:translate(0);opacity:0}30%{opacity:1;transform:translate(0)}70%{opacity:1;transform:translate(-14px,66px)}to{opacity:0;transform:translate(-16px,74px)}}@keyframes particleAnimate11{0%,25%{transform:translate(0);opacity:0}30%{opacity:1;transform:translate(0)}70%{opacity:1;transform:translate(96px,-12px)}to{opacity:0;transform:translate(108px,-14px)}}@keyframes particleAnimate12{0%,25%{transform:translate(0);opacity:0}30%{opacity:1;transform:translate(0)}70%{opacity:1;transform:translate(58px,-64px)}to{opacity:0;transform:translate(65px,-72px)}}@keyframes particleAnimate13{0%,25%{transform:translate(0);opacity:0}30%{opacity:1;transform:translate(0)}70%{opacity:1;transform:translate(42px,34px)}to{opacity:0;transform:translate(48px,38px)}}@keyframes particleAnimate14{0%,25%{transform:translate(0);opacity:0}30%{opacity:1;transform:translate(0)}70%{opacity:1;transform:translate(-14px,72px)}to{opacity:0;transform:translate(-16px,80px)}}@keyframes heartAnime{0%{transform:scale(0);fill:#e2264d}35%{transform:scale(0)}55%{transform:scale(1.3);fill:#e2264d}70%{transform:scale(.92,1.08) translateY(-4%)}80%{transform:scale(1.06,.95) translateY(3%)}90%{transform:scale(.97,1.03) translateY(-1%)}to{transform:scale(1) translate(0);fill:#e2264d}}:root{--dim-x:62px;--dim-y:62px;--curve-height:20px;--heart-color:239 68 68}.dark{--muted-heart:255 255 255}.heart-box{display:flex;align-items:center;justify-content:center;flex-direction:column;scale:.66}.heart-wrap{cursor:pointer;perspective:200px}.heart{position:relative;height:var(--dim-y);width:var(--dim-x);overflow:hidden;clip-path:path("M31 56 C12 47,3 37,3 25 C3 12,12 6,22 6 C26 6,30 9,31 11 C32 9,36 6,40 6 C50 6,59 12,59 25 C59 37,50 47,31 56 Z")}.tank{position:absolute;bottom:0;height:0;width:var(--dim-x);background-color:rgb(var(--heart-color));z-index:5}.heart-full .tank{background:linear-gradient(151deg,oklch(.7 .25 25),oklch(.58 .27 20),oklch(.48 .28 15))}.curve{position:absolute;bottom:calc(-1*var(--curve-height));width:var(--dim-x);height:var(--curve-height)}.plus-one{animation:fadeUp 1s ease-out}@keyframes move{0%{transform:translate(-90px)}to{transform:translate(85px)}}@keyframes fadeUp{0%{opacity:.6;transform:translateY(0)}3%{opacity:1;transform:translateY(-10px)}to{opacity:0;transform:translateY(-20px)}}@keyframes drop{0%{width:1px;height:1px}10%{width:0;height:0}90%{width:5px;height:5px}to{width:0;height:0}}