.reactions-items{grid-gap:0 6px;display:grid;font-size:0;grid-template-columns:repeat(auto-fit,minmax(60px,1fr));justify-content:center;list-style:none;margin:0;padding: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;font-size:1rem;vertical-align:top}.reactions-items .reaction-item .post-reaction{background-color:transparent;border:0;cursor:pointer;margin:0 0 12px}.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{background-color:var(--reactions-primary-color,#3e64ff);border-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{border-radius:50%;color:var(--reactions-secondary-color,#1a1a1a);display:block;font-size:12px;height:50px;line-height:1;margin:0 auto 12px;position:relative;text-align:center;text-transform:uppercase;width:50px}.reactions-items .reaction-item .reaction-icon img{width:100%}.reactions-items .reaction-item .reaction-text{background-color:#e6e6e6;border:2px solid #e6e6e6;color:var(--reactions-secondary-color,#1a1a1a);display:block;font-size:14px;line-height:1;margin-top:6px;padding:6px 8px;text-transform:uppercase;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{background:#f2f2f2;height:100px;overflow:hidden;position:relative}.reactions-items .reaction-item .reaction-highlights span{color:var(--reactions-secondary-color,#1a1a1a);line-height:100px;position:relative;z-index:3}.reactions-items .reaction-item .reaction-percentage{background-color:var(--reactions-primary-color,#3e64ff);bottom:0;left:0;opacity:.2;position:absolute;right:0;top:auto;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}