:root{--favorite-color:#34d399;--favorite-easing:cubic-bezier(.7,0,.3,1);--favorite-duration:.5s}.favorite-button{-webkit-appearance:none;appearance:none;cursor:pointer;transition:transform var(--favorite-duration)var(--favorite-easing),background-color .15s ease;background:0 0;border:none;border-radius:.5rem;outline:none;justify-content:center;align-items:center;margin:0;padding:0;display:flex}.favorite-button:hover{background-color:#34d39926}.favorite-button:active{transform:scale(.9)}.favorite-wrapper{justify-content:center;align-items:center;display:grid;position:relative}.favorite-wrapper>*{grid-area:1/1;margin:auto}.favorite-heart{z-index:2;display:block;position:relative}.favorite-heart path{stroke:#6ee7b7;stroke-width:2px;fill:#0000;transition:fill var(--favorite-duration)var(--favorite-easing),stroke var(--favorite-duration)var(--favorite-easing)}.favorite-button.is-favorite .favorite-heart path{fill:var(--favorite-color);stroke:var(--favorite-color)}.favorite-button.is-animating .favorite-heart{animation:heart-bounce var(--favorite-duration)var(--favorite-easing)}@keyframes heart-bounce{0%,to{transform:scale(1)}25%{transform:scale(.7)}50%{transform:scale(1.2)}75%{transform:scale(.95)}}.favorite-particles{z-index:1;width:1px;height:1px;position:relative}.favorite-particle{background-color:var(--color);--percentage:calc(var(--i)/var(--total-particles));--angle:calc(var(--percentage)*360deg);width:4px;height:4px;transform:translate(-50%,-50%)rotate(var(--angle))translateY(0)scaleY(0);opacity:0;transition:all var(--favorite-duration)var(--favorite-easing);border-radius:2px;position:absolute;top:50%;left:50%}.favorite-button.is-animating .favorite-particle{animation:particles-out calc(var(--favorite-duration)*1.2)var(--favorite-easing)forwards}@keyframes particles-out{0%{opacity:1;transform:translate(-50%,-50%)rotate(var(--angle))translateY(0)scale(0)}30%{opacity:1;height:8px}50%,60%{opacity:1;height:8px;transform:translate(-50%,-50%)rotate(var(--angle))translateY(16px)scale(1)}60%{height:6px}to{opacity:0;transform:translate(-50%,-50%)rotate(var(--angle))translateY(24px)scale(0)}}.favorite-ripple{z-index:0;pointer-events:none;border-radius:50%;width:100%;height:100%;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.favorite-ripple:before{content:"";border:3px solid var(--favorite-color);opacity:0;border-radius:50%;width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0)}.favorite-button.is-animating .favorite-ripple:before{animation:ripple-out var(--favorite-duration)var(--favorite-easing)}@keyframes ripple-out{0%{opacity:.8;transform:translate(-50%,-50%)scale(0)}to{opacity:0;transform:translate(-50%,-50%)scale(2.5)}}.favorite-button.is-animating{pointer-events:none}
/*# sourceMappingURL=50d91ae5c6636dcd.css.map*/