.reactions-items{display:grid;grid-template-columns:repeat(auto-fit,minmax(60px,1fr));grid-gap:0 6px;justify-content:center;margin:0;padding:0;list-style:none;font-size:0}.reactions-items.layout-1 .reaction-text .reaction-count,.reactions-items.layout-2 .reaction-highlights,.reactions-items.layout-3 .reaction-item .reaction-text,.reactions-items.layout-4 .reaction-text .reaction-count{display:none}.reactions-items.layout-4 .reaction-item .post-reaction img{filter:gray;filter:grayscale(100%)}.reactions-items.layout-4 .reaction-item .post-reaction.reacted img,.reactions-items.layout-4 .reaction-item .post-reaction:hover img{filter:none;filter:grayscale(0)}.reactions-items .reaction-item{display:inline-block;vertical-align:top;font-size:1rem}.reactions-items .reaction-item .post-reaction{border:0;background-color:transparent;margin:0 0 12px;cursor:pointer}.reactions-items .reaction-item .post-reaction.reacted .reaction-percentage,.reactions-items .reaction-item .post-reaction.reacted .reaction-text,.reactions-items .reaction-item .post-reaction:hover .reaction-percentage,.reactions-items .reaction-item .post-reaction:hover .reaction-text{border-color:var(--reactions-primary-color,#3e64ff);background-color:var(--reactions-primary-color,#3e64ff);color:#fff}.reactions-items .reaction-item .post-reaction.reacted .reaction-percentage,.reactions-items .reaction-item .post-reaction:hover .reaction-percentage{opacity:1}.reactions-items .reaction-item .reaction-icon{display:block;width:50px;height:50px;margin:0 auto 12px;position:relative;text-align:center;font-size:12px;line-height:1;text-transform:uppercase;color:var(--reactions-secondary-color,#1a1a1a);border-radius:50%}.reactions-items .reaction-item .reaction-icon img{width:100%}.reactions-items .reaction-item .reaction-text{display:block;padding:6px 8px;margin-top:6px;font-size:14px;line-height:1;text-transform:uppercase;border:2px solid #e6e6e6;background-color:#e6e6e6;color:var(--reactions-secondary-color,#1a1a1a);transition:border-color 375ms ease-in-out,background-color 375ms ease-in-out,color 375ms ease-in-out,opacity 375ms ease-in-out}.reactions-items .reaction-item .reaction-highlights{height:100px;overflow:hidden;position:relative;background:#f2f2f2}.reactions-items .reaction-item .reaction-highlights span{position:relative;z-index:3;line-height:100px;color:var(--reactions-secondary-color,#1a1a1a)}.reactions-items .reaction-item .reaction-percentage{position:absolute;top:auto;bottom:0;left:0;right:0;background-color:var(--reactions-primary-color,#3e64ff);opacity:.2;transition:border-color 375ms ease-in-out,background-color 375ms ease-in-out,color 375ms ease-in-out,opacity 375ms ease-in-out,height 375ms ease-in-out}