.woo-reactions{--wr-icon-size:clamp(36px, 3.2vw + 18px, 48px);--wr-gap:24px;--wr-count-size:18px;--wr-count-color:#111;--wr-ring:0 0 0 3px rgba(0, 102, 255, .15);display:flex;align-items:center;flex-wrap:wrap;gap:var(--wr-gap);margin-top:.75rem;user-select:none;-webkit-tap-highlight-color:#fff0}.woo-reactions .reaction{position:relative;display:inline-flex;align-items:center;gap:10px;cursor:pointer;line-height:1;padding:4px 0;transition:transform .12s ease-out}.woo-reactions .reaction:focus-visible{outline:none;box-shadow:var(--wr-ring);border-radius:999px}.woo-reactions .reaction:active{transform:translateY(1px) scale(.98)}.woo-reactions .reaction .reaction-icon{width:30px;height:30px;display:block;transition:transform .15s ease-out,filter .15s ease-out;border-radius:8px}.woo-reactions .reaction:hover .reaction-icon{transform:translateY(-1px) scale(1.1)}.woo-reactions .reaction .count{font-size:var(--wr-count-size);font-weight:600;letter-spacing:.2px;color:var(--wr-count-color);line-height:1;min-width:1ch}.woo-reactions .reaction.active .reaction-icon{transform:scale(1.1);border-radius:50%;box-shadow:0 0 0 3px rgb(0 102 255 / .3)}.woo-reactions .reaction.active .count{color:#06f;font-weight:700}.woo-reactions.is-busy .reaction,.woo-reactions .reaction.is-busy{pointer-events:none;opacity:.6}@media (prefers-color-scheme:dark){.woo-reactions{--wr-count-color:#f2f5f7}.woo-reactions .reaction.active .reaction-icon{filter:drop-shadow(0 0 8px rgb(100 150 255 / .5));box-shadow:0 0 0 3px rgb(100 150 255 / .4)}}@media (prefers-reduced-motion:reduce){.woo-reactions .reaction,.woo-reactions .reaction .reaction-icon{transition:none}}@media (max-width:768px){.woo-reactions{--wr-icon-size:32px;--wr-gap:16px;--wr-count-size:16px}}