.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{display:flex;align-items:center;justify-content:space-evenly;width:auto;min-height:44px;position:absolute;font-size:20px;bottom:100%;background:#fff;border-radius:6px;box-shadow:0 0 3px #0f172a1a,0 0 8px #0f172a0f;padding:5px 8px;visibility:hidden;transform:translateY(40px);opacity:0;z-index:-1;transition:all .4s}.reactable .react-button__popover .reaction{transition:all .1s;font-size:16px;min-width:22px}.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;transform:translateY(0);z-index:1;opacity:1}.reactable .reactions__count{border:1px solid #ECEFF1;border-radius:6px;background:#f9fafb;align-items:center;padding:4px 6px;position:relative}.reactable .reactions__count:hover .reactions__count__popover{visibility:visible;transform:translateY(0);z-index:1;opacity:1}.reactable .reactions__count .reactions__count__popover{position:absolute;bottom:105%;padding:5px;border-radius:6px;box-shadow:0 0 3px #0f172a1a,0 0 8px #0f172a0f;visibility:hidden;transform:translateY(40px);opacity:0;z-index:-1;transition:all .4s;width:100%;text-align:center;left:0;background:#fff}