/* Uiverse.io references supplied by the owner: rolling count by Priyanshu02020;
   layered heart fill and celebration by catraco. Adapted to Red Classics. */
.rc-like-wrap{position:relative;display:flex;flex-direction:column;align-items:center;margin:12px 0 18px;clear:both}
.rc-like-button{position:relative;display:flex;align-items:center;width:148px;max-width:100%;height:44px;padding:0;border:1px solid #d9c7bc;border-radius:14px;background:#fbf6f0;color:#783e46;box-shadow:inset 0 1px 0 #fff,0 3px 9px #783e4609;cursor:pointer;overflow:visible;font:inherit;transition:background .2s,border-color .2s,box-shadow .2s;touch-action:manipulation}
.rc-like-main{display:flex;align-items:center;justify-content:center;gap:5px;flex:1;min-width:0;padding:0 6px}
.rc-like-heart{position:relative;width:21px;height:21px;flex:none;pointer-events:none}
.rc-like-icon{position:absolute;inset:0;width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.6}
.rc-like-filled{fill:currentColor;stroke:none;opacity:0;transform-origin:center;transition:opacity .15s}
.rc-like-celebrate{position:absolute;left:50%;top:50%;width:44px;height:44px;overflow:visible;fill:#d8a994;stroke:#d8a994;stroke-width:1.5;stroke-linecap:round;opacity:0;transform:translate(-50%,-50%) scale(.45);pointer-events:none}
.rc-like-label{font-size:14px;white-space:nowrap;line-height:1.2;letter-spacing:0;font-family:inherit}
.rc-like-counter{align-self:stretch;display:grid;align-items:center;justify-items:center;min-width:41px;padding:0 7px;border-left:1px solid #dccbc0;font-size:14px;font-variant-numeric:tabular-nums;overflow:hidden}
.rc-like-button:not(.rc-like-with-count) .rc-like-counter{display:none}
.rc-like-count{grid-area:1/1;line-height:44px}
.rc-like-old{display:none;grid-area:1/1;line-height:44px}
.rc-like-button[aria-pressed=true]{background:#783e46;border-color:#783e46;color:#fffaf4;box-shadow:0 3px 10px #783e461c}
.rc-like-button[aria-pressed=true] .rc-like-filled{opacity:1}
.rc-like-button[aria-pressed=true] .rc-like-counter{border-color:#ffffff35}
.rc-like-button:focus-visible{outline:2px solid #783e46;outline-offset:4px}
.rc-like-button:disabled{cursor:wait;opacity:.6}
.rc-like-button.rc-like-pop .rc-like-filled{animation:rc-heart-fill .7s cubic-bezier(.2,.8,.3,1) both}
.rc-like-button.rc-like-pop .rc-like-celebrate{animation:rc-heart-celebrate .55s ease-out both}
.rc-like-button.rc-like-roll .rc-like-count{animation:rc-count-in .3s ease-out}
.rc-like-button.rc-like-roll .rc-like-old{display:block;animation:rc-count-out .3s ease-out forwards}
.rc-like-error{font-size:12px;line-height:1.5;color:#783e46;max-width:200px;text-align:center;margin-top:6px}
.rc-like-detail{align-items:flex-start;margin:14px 0 20px}
@media(hover:hover){.rc-like-button:not(:disabled):hover{border-color:#783e46;box-shadow:0 4px 12px #783e4618}}
@keyframes rc-heart-fill{0%{transform:scale(0);opacity:0}25%{transform:scale(1.28);opacity:1}48%{transform:scale(.94)}72%{transform:scale(1.07)}100%{transform:scale(1);opacity:1}}
@keyframes rc-heart-celebrate{0%{transform:translate(-50%,-50%) scale(.35);opacity:0}25%{opacity:1}65%{opacity:.8}100%{transform:translate(-50%,-50%) scale(1.35);opacity:0}}
@keyframes rc-count-in{from{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}
@keyframes rc-count-out{to{transform:translateY(-100%);opacity:0}}
@media(prefers-reduced-motion:reduce){.rc-like-button,.rc-like-filled{transition:none}.rc-like-button.rc-like-pop .rc-like-filled,.rc-like-button.rc-like-roll .rc-like-count{animation:none}.rc-like-button .rc-like-celebrate,.rc-like-button.rc-like-roll .rc-like-old{display:none}}