.heart-last-click{.explosion{transform:scale(.02);stroke:#dd4688;fill:none;opacity:0;stroke-width:1;transform-origin:250px 250px}.jitters{opacity:0;circle{opacity:0;transform-origin:250px 250px}}.heart{fill:#0606063d;transform:scale(.8);transform-origin:250px 250px}&.clicked{.explosion{animation:explosionAnime .8s;animation-fill-mode:forwards}.heart{animation:heartAnime .8s;animation-fill-mode:forwards}.jitters{animation:jittersAnime .8s;animation-fill-mode:forwards;circle:nth-child(1){animation:particleAnimate1 .8s;animation-fill-mode:forwards}circle:nth-child(2){animation:particleAnimate2 .8s;animation-fill-mode:forwards}circle:nth-child(3){animation:particleAnimate3 .8s;animation-fill-mode:forwards}circle:nth-child(4){animation:particleAnimate4 .8s;animation-fill-mode:forwards}circle:nth-child(5){animation:particleAnimate5 .8s;animation-fill-mode:forwards}circle:nth-child(6){animation:particleAnimate6 .8s;animation-fill-mode:forwards}circle:nth-child(7){animation:particleAnimate7 .8s;animation-fill-mode:forwards}circle:nth-child(8){animation:particleAnimate8 .8s;animation-fill-mode:forwards}circle:nth-child(9){animation:particleAnimate9 .8s;animation-fill-mode:forwards}circle:nth-child(10){animation:particleAnimate10 .8s;animation-fill-mode:forwards}circle:nth-child(11){animation:particleAnimate11 .8s;animation-fill-mode:forwards}circle:nth-child(12){animation:particleAnimate12 .8s;animation-fill-mode:forwards}circle:nth-child(13){animation:particleAnimate13 .8s;animation-fill-mode:forwards}circle:nth-child(14){animation:particleAnimate14 .8s;animation-fill-mode:forwards}}}}@keyframes explosionAnime{0%{opacity:0;transform:scale(.01)}1%{opacity:1;transform:scale(.01)}5%{stroke-width:200}20%{stroke-width:300}50%{stroke:#cc8ef5;transform:scale(1.1);stroke-width:1}50.1%{stroke-width:0}to{stroke:#cc8ef5;transform:scale(1.1);stroke-width:0}}@keyframes jittersAnime{0%{transform:translate(0);opacity:0}30%{opacity:0}31%{opacity:1}60%{transform:translate(0)}70%{opacity:1}to{opacity:0;transform:translateY(-20px)}}@keyframes particleAnimate1{0%{transform:translate(0)}30%{opacity:1;transform:translate(0)}80%{transform:translate(-16px,-59px)}90%{transform:translate(-16px,-59px)}to{opacity:1;transform:translate(-16px,-59px)}}@keyframes particleAnimate2{0%{transform:translate(0)}30%{opacity:1;transform:translate(0)}80%{transform:translate(41px,43px)}90%{transform:translate(41px,43px)}to{opacity:1;transform:translate(41px,43px)}}@keyframes particleAnimate3{0%{transform:translate(0)}30%{opacity:1;transform:translate(0)}80%{transform:translate(50px,-48px)}90%{transform:translate(50px,-48px)}to{opacity:1;transform:translate(50px,-48px)}}@keyframes particleAnimate4{0%{transform:translate(0)}30%{opacity:1;transform:translate(0)}80%{transform:translate(-39px,36px)}90%{transform:translate(-39px,36px)}to{opacity:1;transform:translate(-39px,36px)}}@keyframes particleAnimate5{0%{transform:translate(0)}30%{opacity:1;transform:translate(0)}80%{transform:translate(-39px,32px)}90%{transform:translate(-39px,32px)}to{opacity:1;transform:translate(-39px,32px)}}@keyframes particleAnimate6{0%{transform:translate(0)}30%{opacity:1;transform:translate(0)}80%{transform:translate(48px,6px)}90%{transform:translate(48px,6px)}to{opacity:1;transform:translate(48px,6px)}}@keyframes particleAnimate7{0%{transform:translate(0)}30%{opacity:1;transform:translate(0)}80%{transform:translate(-69px,-36px)}90%{transform:translate(-69px,-36px)}to{opacity:1;transform:translate(-69px,-36px)}}@keyframes particleAnimate8{0%{transform:translate(0)}30%{opacity:1;transform:translate(0)}80%{transform:translate(-12px,-52px)}90%{transform:translate(-12px,-52px)}to{opacity:1;transform:translate(-12px,-52px)}}@keyframes particleAnimate9{0%{transform:translate(0)}30%{opacity:1;transform:translate(0)}80%{transform:translate(-43px,-21px)}90%{transform:translate(-43px,-21px)}to{opacity:1;transform:translate(-43px,-21px)}}@keyframes particleAnimate10{0%{transform:translate(0)}30%{opacity:1;transform:translate(0)}80%{transform:translate(-10px,47px)}90%{transform:translate(-10px,47px)}to{opacity:1;transform:translate(-10px,47px)}}@keyframes particleAnimate11{0%{transform:translate(0)}30%{opacity:1;transform:translate(0)}80%{transform:translate(66px,-9px)}90%{transform:translate(66px,-9px)}to{opacity:1;transform:translate(66px,-9px)}}@keyframes particleAnimate12{0%{transform:translate(0)}30%{opacity:1;transform:translate(0)}80%{transform:translate(40px,-45px)}90%{transform:translate(40px,-45px)}to{opacity:1;transform:translate(40px,-45px)}}@keyframes particleAnimate13{0%{transform:translate(0)}30%{opacity:1;transform:translate(0)}80%{transform:translate(29px,24px)}90%{transform:translate(29px,24px)}to{opacity:1;transform:translate(29px,24px)}}@keyframes particleAnimate14{0%{transform:translate(0)}30%{opacity:1;transform:translate(0)}80%{transform:translate(-10px,50px)}90%{transform:translate(-10px,50px)}to{opacity:1;transform:translate(-10px,50px)}}@keyframes heartAnime{0%{transform:scale(0);fill:#e2264d}39%{transform:scale(0)}60%{transform:scale(1.2)}70%{transform:scale(1) translateY(-10%)}75%{transform:scale(1.1,.9) translateY(5%)}80%{transform:scale(.95,1.05) translateY(-3%)}to{transform:scale(1) translate(0);fill:#e2264d}}:root{--dim-x: 66px;--dim-y: 56px;--curve-height: 20px;--heart-color: 228 17 17}.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{path{transform:translate(.125px,.033px)}}.heart{position:relative;height:var(--dim-y);width:var(--dim-x);overflow:hidden;clip-path:path("M 17.494884 0.03366485 C 30.892356 0.03366485 33.035036 13.885212 33.035036 13.885212 C 33.035036 13.885212 35.179584 -0.7931616 49.649028 0.03366485 C 58.533212 0.54139536 64.347888 8.344633 64.654128 16.101492 C 65.725968 43.250592 38.973496 54.78 33.035036 54.78 C 28.098576 54.78 -0.72577956 42.696588 1.4178912 16.101492 C 2.0431224 8.344633 8.315063 0.03366485 17.494884 0.03366485 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(.68 .27 353.86 / .56),oklch(.57 .24 5.39),oklch(.53 .23 1.38))}.curve{position:absolute;bottom:calc(-1 * var(--curve-height));width:var(--dim-x);height:var(--curve-height);use{animation:move 2s cubic-bezier(.55,.5,.45,.5) infinite}use:nth-child(1){animation-duration:3s}use:nth-child(2){animation-duration:4s}use:nth-child(3){animation-duration:2s}}.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:0px;height:0px}90%{width:5px;height:5px}to{width:0px;height:0px}}