.reactable{position:relative}.reactable,.reactable .react-button,.reactable .reactions__count{display:inline-block}.reactable .react-button--reacted.like a,.reactable .react-button--reacted.wow a,.reactable .react-button--reacted.haha a,.reactable .react-button--reacted.sad a{color:#e29a04}.reactable .react-button--reacted.love a{color:#d84646}.reactable .react-button--reacted.angry a{color:#d96836}.reactable .react-button__popover{visibility:hidden;opacity:0;z-index:-1;background:#fff;border-radius:6px;justify-content:space-evenly;align-items:center;width:auto;min-height:44px;padding:5px 8px;font-size:20px;transition:all .4s;display:flex;position:absolute;bottom:100%;transform:translateY(40px);box-shadow:0 0 3px #0f172a1a,0 0 8px #0f172a0f}.reactable .react-button__popover .reaction{min-width:22px;font-size:16px;transition:all .1s}.reactable .react-button__popover .reaction:not(:last-child){margin-right:6px}.reactable .react-button__popover .reaction:hover .reaction__emoji{zoom:1.2}.reactable .react-button:hover .react-button__popover{visibility:visible;z-index:1;opacity:1;transform:translateY(0)}.reactable .reactions__count{background:#f9fafb;border:1px solid #eceff1;border-radius:6px;align-items:center;padding:4px 6px;position:relative}.reactable .reactions__count:hover .reactions__count__popover{visibility:visible;z-index:1;opacity:1;transform:translateY(0)}.reactable .reactions__count .reactions__count__popover{visibility:hidden;opacity:0;z-index:-1;text-align:center;background:#fff;border-radius:6px;width:100%;padding:5px;transition:all .4s;position:absolute;bottom:105%;left:0;transform:translateY(40px);box-shadow:0 0 3px #0f172a1a,0 0 8px #0f172a0f}