.post-reaction{position:relative;display:inline-block}.post-reaction__buttons{position:absolute;top:-48px;left:0;background:#fff;border-radius:24px;padding:10px 10px 6px;box-shadow:0 4px 12px rgba(0,0,0,.15);opacity:0;pointer-events:none;transform:translateY(10px);transition:all .25s ease;z-index:10;display:flex;align-items:center;justify-content:center}.post-reaction__buttons button{transition:transform .15s ease}.post-reaction__buttons button:hover{transform:scale(1.2)}.post-reaction:hover .post-reaction__buttons{opacity:1;transform:translateY(0);pointer-events:auto}.post-reaction__reactionItem{padding:0}.post-reaction__reactionIcon{position:relative;display:inline-flex;flex-direction:column;align-items:center;justify-content:center}.post-reaction__reactionLabel{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%) translateY(4px);padding:4px 10px;font-size:12px;line-height:1;background:#1f1f1f;color:#fff;border-radius:999px;white-space:nowrap;opacity:0;transition:all .15s ease;pointer-events:none;z-index:20}.post-reaction__reactionItem:hover .post-reaction__reactionLabel{opacity:1;transform:translateX(-50%) translateY(0)}.post-reaction__comment{font-size:12px!important;text-decoration:underline!important;font-weight:500!important}@media(max-width:768px){.post-reaction__reaction span{height:24px}}.post-reaction__iconImg{display:inline-block;width:24px;height:24px;margin-top:5px;object-fit:contain;opacity:1!important;filter:none!important}.comment__reply{width:calc(100% - 45px);margin-left:45px}