.anicon-heart,.anicon-heart label{height:100%;position:relative;width:100%}.anicon-heart label{cursor:pointer}span.content label *{pointer-events:none}span.content .anicon-heart__heart{padding:10px;stroke:#4338ca;stroke-width:2px;transition:all .2s ease-in-out}.anicon-heart__heart-bg{fill:#efefef;stroke:#efefef;stroke-width:6px;transform:translate(17px,17px)!important;z-index:40}.dark .anicon-heart__heart-bg{fill:#dfe1ed;stroke:#dfe1ed}span.content:hover .anicon-heart__heart{stroke:red;stroke-width:2px}span.content .filled .anicon-heart__heart{fill:red;stroke:red}span.content .anicon-heart__checkbox:checked .anicon-heart__heart{stroke:red}:root{--color-neutral-100:#aab8c2;--color-neutral-200:#a3b1ba;--color-red-100:#e2264d;--color-red-200:#f48ea7;--color-purple-100:#cc8ef5;--color-purple-200:#d46abf;--color-purple-300:#dd4688;--color-blue-100:#9fc7fa;--color-green-100:#9cd8c3;--motion-speed-exit:.15s;--motion-speed-hover:.2s}.content{align-items:center;display:flex;height:100%;justify-content:center;text-align:center;width:100%}.anicon-heart .anicon-heart__svg{cursor:pointer;overflow:visible;transform:translate(-15px,-15px);width:40px}.anicon-heart .anicon-heart__heart{animation:animateHeartExit var(--motion-speed-exit) linear forwards;transform:translate(17px,17px)!important;transform-origin:center;z-index:50}.anicon-heart .anicon-heart__checkbox{display:none}.anicon-heart__checkbox:checked+label .anicon-heart__svg .anicon-heart__heart{animation:animateHeartEnter .3s ease-in .25s forwards;transform:scale(.2)}.anicon-heart__checkbox:checked+label .anicon-heart__svg .anicon-heart__group1{opacity:1;transition:all .1s .3s}.anicon-heart__checkbox:checked+label .anicon-heart__svg .anicon-heart__group1 .ani-heart__dot1{transform:scale(0) translateY(-30px);transform-origin:0 0 0;transition:transform .5s .3s}.anicon-heart__checkbox:checked+label .anicon-heart__svg .anicon-heart__group1 .ani-heart__dot2{transform:scale(0) translate(10px,-50px);transform-origin:0 0 0;transition:transform 1.5s .3s}.anicon-heart__checkbox:checked+label .anicon-heart__svg .anicon-heart__group2{transition:all .1s .3s}.anicon-heart__checkbox:checked+label .anicon-heart__svg .anicon-heart__group2 .ani-heart__dot1{transform:scale(0) translate(60px,-15px);transform-origin:0 0 0;transition:transform 1.5s .3s}.anicon-heart__checkbox:checked+label .anicon-heart__svg .anicon-heart__group2 .ani-heart__dot2{transform:scale(0) translate(30px,-15px);transform-origin:0 0 0;transition:transform .5s .3s}.anicon-heart__checkbox:checked+label .anicon-heart__svg .anicon-heart__group3{transition:all .1s .3s}.anicon-heart__checkbox:checked+label .anicon-heart__svg .anicon-heart__group3 .ani-heart__dot1{transform:scale(0) translate(60px,10px);transform-origin:0 0 0;transition:transform 1.5s .3s}.anicon-heart__checkbox:checked+label .anicon-heart__svg .anicon-heart__group3 .ani-heart__dot2{transform:scale(0) translate(30px);transform-origin:0 0;transition:transform .5s .3s}.anicon-heart__checkbox:checked+label .anicon-heart__svg .anicon-heart__group4{transition:all .1s .3s}.anicon-heart__checkbox:checked+label .anicon-heart__svg .anicon-heart__group4 .ani-heart__dot1{transform:scale(0) translate(30px,15px);transform-origin:0 0;transition:transform .5s .3s}.anicon-heart__checkbox:checked+label .anicon-heart__svg .anicon-heart__group4 .ani-heart__dot2{transform:scale(0) translate(40px,50px);transform-origin:0 0 0;transition:transform 1.5s .3s}.anicon-heart__checkbox:checked+label .anicon-heart__svg .anicon-heart__group5{transition:all .1s .3s}.anicon-heart__checkbox:checked+label .anicon-heart__svg .anicon-heart__group5 .ani-heart__dot1{transform:scale(0) translate(-10px,20px);transform-origin:0 0 0;transition:transform .5s .3s}.anicon-heart__checkbox:checked+label .anicon-heart__svg .anicon-heart__group5 .ani-heart__dot2{transform:scale(0) translate(-60px,30px);transform-origin:0 0 0;transition:transform 1.5s .3s}.anicon-heart__checkbox:checked+label .anicon-heart__svg .anicon-heart__group6{transition:all .1s .3s}.anicon-heart__checkbox:checked+label .anicon-heart__svg .anicon-heart__group6 .ani-heart__dot1{transform:scale(0) translate(-30px);transform-origin:0 0 0;transition:transform .5s .3s}.anicon-heart__checkbox:checked+label .anicon-heart__svg .anicon-heart__group6 .ani-heart__dot2{transform:scale(0) translate(-60px,-5px);transform-origin:0 0 0;transition:transform 1.5s .3s}.anicon-heart__checkbox:checked+label .anicon-heart__svg .anicon-heart__group7{transition:all .1s .3s}.anicon-heart__checkbox:checked+label .anicon-heart__svg .anicon-heart__group7 .ani-heart__dot1{transform:scale(0) translate(-55px,-30px);transform-origin:0 0 0;transition:transform 1.5s .3s}.anicon-heart__checkbox:checked+label .anicon-heart__svg .anicon-heart__group7 .ani-heart__dot2{transform:scale(0) translate(-30px,-15px);transform-origin:0 0 0;transition:transform .5s .3s}.anicon-heart__checkbox:checked+label .anicon-heart__svg .anicon-heart__group2,.anicon-heart__checkbox:checked+label .anicon-heart__svg .anicon-heart__group3,.anicon-heart__checkbox:checked+label .anicon-heart__svg .anicon-heart__group4,.anicon-heart__checkbox:checked+label .anicon-heart__svg .anicon-heart__group5,.anicon-heart__checkbox:checked+label .anicon-heart__svg .anicon-heart__group6,.anicon-heart__checkbox:checked+label .anicon-heart__svg .anicon-heart__group7{opacity:1;transition:opacity .1s .3s}@keyframes animateCircle{40%{fill:var(--color-purple-300);opacity:1;transform:scale(10)}55%{fill:var(--color-purple-200);opacity:1;transform:scale(11)}65%{fill:var(--color-purple-300);opacity:1;transform:scale(12)}75%{fill:transparent;opacity:1;stroke-width:.5;transform:scale(13)}85%{fill:transparent;opacity:1;stroke-width:.2;transform:scale(17)}95%{fill:transparent;opacity:1;stroke-width:.1;transform:scale(18)}to{fill:transparent;opacity:1;stroke-width:0;transform:scale(19)}}@keyframes animateHeartEnter{0%{transform:scale(.2)}40%{transform:scale(1.4)}to{transform:scale(1)}}@keyframes animateHeartExit{50%{transform:scale(1.2)}to{transform:scale(1)}}.str1[data-v-c67aa193]{stroke:#666b75;stroke-width:50}.str0[data-v-c67aa193]{stroke:#666b75;stroke-linecap:round;stroke-width:80}.dark .str0[data-v-c67aa193],.dark .str1[data-v-c67aa193]{stroke:#a4abed}.fil0[data-v-c67aa193],.fil1[data-v-c67aa193]{fill:none}.str0[data-v-983d709d],.str1[data-v-983d709d]{stroke:#666b75;stroke-width:80}.str0[data-v-983d709d]{stroke-linecap:round}.fil0[data-v-983d709d],.fil1[data-v-983d709d]{fill:none}