.BlogReactionBar_container__NFAas{position:fixed;top:50%;right:32px;z-index:10;display:flex;align-items:center;flex-direction:column;gap:4px;padding:8px;border:1px solid #eee;border-radius:16px;box-shadow:0 2px 12px 0 rgba(0,0,0,.08);background-color:#fff;transform:translateY(-50%)}@media only screen and (max-width:1147px){.BlogReactionBar_container__NFAas{position:static;justify-content:space-evenly;flex-direction:row;gap:0;margin:40px auto 64px;padding:8px 0;border:1px solid #eee;border-radius:100px;box-shadow:none;background-color:#fff;transform:none}}.BlogReactionBar_reactionButton__Y7o72{display:flex;align-items:center;flex-direction:column;gap:2px;padding:10px;border:none;border-radius:12px;background-color:transparent;cursor:pointer;transition:background-color .15s ease-out}@media only screen and (max-width:1147px){.BlogReactionBar_reactionButton__Y7o72{flex-direction:row;gap:6px}}.BlogReactionBar_reactionButton__Y7o72:hover{background-color:#f4f6fa}.BlogReactionBar_heartIcon__RLIvt{display:inline-flex;color:#8c8c8c;transition:color .15s ease-out}.BlogReactionBar_reactionButton__Y7o72:hover .BlogReactionBar_heartIcon__RLIvt{color:#f06292}.BlogReactionBar_animate__12ftE{color:#f06292;animation:BlogReactionBar_heartBounce___TWyj .4s ease-out}@keyframes BlogReactionBar_heartBounce___TWyj{0%{transform:scale(1)}30%{transform:scale(1.3)}60%{transform:scale(.9)}to{transform:scale(1)}}.BlogReactionBar_shareIcon__QOvps{display:inline-flex;color:#8c8c8c;transition:color .15s ease-out}.BlogReactionBar_reactionButton__Y7o72:hover .BlogReactionBar_shareIcon__QOvps{color:#3bbcd5}.BlogReactionBar_count__2Pn32{line-height:18px;color:#5f5f5f;font-size:13px;font-weight:400}.BlogReactionBar_divider__fbKWN{width:24px;height:1px;background-color:#eee}@media only screen and (max-width:1147px){.BlogReactionBar_divider__fbKWN{width:1px;height:24px}}.BlogReactionBar_toast__LDdz0{position:fixed;bottom:40px;left:50%;z-index:100;padding:12px 24px;border-radius:12px;background-color:#424242;transform:translateX(-50%);animation:BlogReactionBar_toastFadeIn__9rxmn .3s ease-out;line-height:22px;color:#fff;font-size:14px;font-weight:600}@media only screen and (max-width:1147px){.BlogReactionBar_toast__LDdz0{bottom:24px}}@keyframes BlogReactionBar_toastFadeIn__9rxmn{0%{opacity:0;transform:translateX(-50%) translateY(8px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}