@keyframes fav-pop{0%{transform:scale(1)}35%{transform:scale(1.4)}65%{transform:scale(.9)}to{transform:scale(1)}}@keyframes fav-ring{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(2)}}@keyframes fav-float{0%{transform:translateX(var(--hx))translateY(0)scale(var(--hs));opacity:1}20%{opacity:1}80%{opacity:.6}to{transform:translateX(calc(var(--hx)*1.4))translateY(-72px)scale(calc(var(--hs)*.5));opacity:0}}.fav-wrap{flex-shrink:0;justify-content:center;align-items:center;min-width:40px;min-height:40px;display:inline-flex;position:relative}.fav-btn{z-index:1;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;isolation:isolate;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:transform .18s,box-shadow .2s,background .2s;display:flex;position:relative}.fav-btn:active:not(:disabled){transform:scale(.88)}.fav-btn:disabled{opacity:.45;cursor:not-allowed}.fav-btn.off{background:#fffffff2;border:1.5px solid #ffffff8c;box-shadow:0 2px 10px #0000002e}.fav-btn.off:hover:not(:disabled){background:#fff;transform:scale(1.07);box-shadow:0 4px 18px #0000003d}.fav-btn.on{background:#f71128;border:1.5px solid #ffffff59;box-shadow:0 3px 14px #e11d4873,0 1px 4px #00000026}.fav-btn.on:hover:not(:disabled){background:#de1445;transform:scale(1.07);box-shadow:0 5px 20px #e11d488c}.fav-icon{backface-visibility:hidden;flex-shrink:0;transition:transform .25s;display:block;transform:translateZ(0)}.fav-btn.on .fav-icon{animation:.4s cubic-bezier(.34,1.56,.64,1) both fav-pop}.fav-ring{pointer-events:none;opacity:0;border:2px solid #f71128;border-radius:50%;position:absolute;inset:0}.fav-btn.on .fav-ring{animation:.55s ease-out 40ms forwards fav-ring}.fav-heart-pool{pointer-events:none;z-index:10;width:0;height:0;position:absolute;bottom:50%;left:50%}.fav-floating-heart{transform-origin:bottom;animation:fav-float var(--hd)var(--hdl)cubic-bezier(.2,.8,.4,1)forwards;color:#f71128;position:absolute}