.ReactionButton{--emotions-color-bg:var(--color-gray-200);--emotions-color-bg-hover:var(--color-gray-300);--emotions-color-bg-selected:var(--color-gray-350);--emotions-color-bg-selected-hover:var(--color-gray-300)}.dark-mode .ReactionButton{--emotions-color-bg:var(--border-color);--emotions-color-bg-hover:var(--border-color);--emotions-color-bg-selected:var(--color-gray-10);--emotions-color-bg-selected-hover:var(--border-color)}.ReactionButton{box-shadow:none;color:var(--font-color);cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:4px;margin:0;padding:0;display:flex}@media (hover:hover) and (pointer:fine){.ReactionButton:hover .ReactionButton__wrapper{background:var(--emotions-color-bg-hover)}}.ReactionButton--disabled{cursor:auto;opacity:.5;pointer-events:none}.ReactionButton--selected .ReactionButton__wrapper{background:var(--emotions-color-bg-selected)}@media (hover:hover) and (pointer:fine){.ReactionButton--selected:hover .ReactionButton__wrapper{background:var(--emotions-color-bg-selected-hover)}}.ReactionButton--full{gap:8px}.ReactionButton--full .ReactionButton__wrapper{border-radius:6px;gap:8px;min-width:68px;padding:0 8px}@media screen and (max-width:767px){.ReactionButton--full .ReactionButton__wrapper{min-width:60px}}.ReactionButton--full .ReactionButton__emoji{font-size:30px;line-height:46px}@media screen and (max-width:767px){.ReactionButton--full .ReactionButton__emoji{font-size:24px;line-height:40px}}.ReactionButton--minimal.ReactionButton--selected .ReactionButton__wrapper{background:var(--emotions-color-bg-selected)}@media (hover:hover) and (pointer:fine){.ReactionButton--minimal.ReactionButton--selected:hover .ReactionButton__wrapper{background:var(--emotions-color-bg-selected-hover)}}.ReactionButton--minimal .ReactionButton__wrapper{background:0 0}.ReactionButton--preview{cursor:default;opacity:1;pointer-events:all}.ReactionButton--preview .ReactionButton__wrapper{--emotions-color-bg-hover:transparent;--emotions-color-bg-selected-hover:transparent;background:0 0;min-height:0;padding:0}.ReactionButton__wrapper{background:var(--emotions-color-bg);text-align:center;border-radius:4px;justify-content:center;align-items:center;gap:4px;min-height:24px;padding:0 8px;transition:background-color .2s;display:flex}.ReactionButton__emoji{line-height:18px}.ReactionButton__emoji,.ReactionButton__title{letter-spacing:-.01em;font-size:14px;font-weight:400}.ReactionButton__title{color:var(--color-text);text-align:center;line-height:14px;display:block}.Reactions{--gap:10px;--button-more-width:20px;--button-more-height:24px;--button-height:24px;gap:var(--gap);flex-wrap:wrap;display:inline-flex;position:relative}.Reactions--full{--gap:16px;--button-height:68px;--button-more-height:46px}.Reactions--default,.Reactions--full{height:var(--button-height);padding-right:calc(var(--button-more-width) + var(--gap));overflow:hidden}.Reactions--extended{height:auto;padding-right:0;overflow:visible}.Reactions--preview{--gap:5px}.Reactions__button-more{box-shadow:none;color:var(--icon-color);cursor:pointer;height:var(--button-more-height);width:var(--button-more-width);background:0 0;border:0;flex-shrink:0;padding:0;transition:color .2s;display:block;position:absolute;top:0;right:0}.Reactions__button-more svg{transform:rotate(90deg)}.Reactions__button-more:hover{color:var(--color-text)}