.ReactionButton{--emotions-color-bg:var(--color-gray-240);--emotions-color-bg-hover:var(--color-gray-270);--emotions-color-bg-selected:var(--color-gray-900);--emotions-color-bg-selected-hover:var(--color-gray-270)}.dark-mode .ReactionButton{--emotions-color-bg:var(--border-color);--emotions-color-bg-hover:var(--border-color);--emotions-color-bg-selected:var(--color-black-80);--emotions-color-bg-selected-hover:var(--border-color)}.ReactionButton{align-items:center;background:transparent;border:0;box-shadow:none;color:var(--font-color);cursor:pointer;display:flex;flex-direction:column;gap:4px;justify-content:center;margin:0;padding:0}@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(--color-bg-selected)}@media (hover:hover) and (pointer:fine){.ReactionButton--minimal.ReactionButton--selected:hover .ReactionButton__wrapper{background:var(--color-bg-selected-hover)}}.ReactionButton--minimal .ReactionButton__wrapper{background:transparent}.ReactionButton--preview{cursor:default;opacity:1;pointer-events:all}.ReactionButton--preview .ReactionButton__wrapper{background:transparent;min-height:0;padding:0;--emotions-color-bg-hover:transparent;--emotions-color-bg-selected-hover:transparent}.ReactionButton__wrapper{align-items:center;background:var(--emotions-color-bg);border-radius:4px;display:flex;gap:4px;justify-content:center;min-height:24px;padding:0 8px;text-align:center;transition:background-color .2s ease}.ReactionButton__emoji{line-height:18px}.ReactionButton__emoji,.ReactionButton__title{font-size:14px;font-weight:400;letter-spacing:-.01em}.ReactionButton__title{color:var(--color-text);display:block;line-height:14px;text-align:center}.Reactions{display:flex;flex-wrap:wrap;gap:10px}.Reactions--full{gap:16px}.Reactions--full .Reactions__button-more{height:46px}.Reactions--preview{gap:5px}.Reactions__button-more{background:transparent;border:0;box-shadow:none;color:var(--icon-color);cursor:pointer;display:block;height:28px;padding:0;transition:color .2s ease;width:28px}.Reactions__button-more svg{transform:rotate(90deg)}.Reactions__button-more:hover{color:var(--color-text)}