.tb-comment__footer { flex-wrap: wrap; }
.tb-comment-reactions { display: flex; align-items: center; gap: 8px; position: relative; flex-wrap: wrap; max-width: 100%; }
.tb-comment-reactions__buttons { display: flex; gap: 8px; flex-wrap: wrap; }
.tb-comment-reactions__button, .tb-comment-reactions__picker > summary { display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-width: 36px; min-height: 36px; padding: 6px; border: 1px solid transparent; border-radius: 4px; background: transparent; color: inherit; cursor: pointer; }
.tb-comment-reactions__button img { display: block; }
.tb-comment-reactions__button:hover, .tb-comment-reactions__picker > summary:hover { background: #f2f2f2; }
.tb-comment-reactions__button[aria-pressed="true"] { background: #edf6fc; border-color: #1e7dc7; }
.tb-comment-reactions__button:focus-visible, .tb-comment-reactions__picker > summary:focus-visible { outline: 2px solid #1e7dc7; outline-offset: 2px; }
.tb-comment-reactions__button:disabled { cursor: default; opacity: .6; }
.tb-comment-reactions__picker > summary { list-style: none; font-size: 24px; }
.tb-comment-reactions__picker > summary::-webkit-details-marker { display: none; }
.tb-comment-reactions__options { display: grid; grid-template-columns: repeat(3, 44px); gap: 4px; position: absolute; left: 0; bottom: calc(100% + 8px); padding: 10px; background: #fff; box-shadow: 0 2px 16px #0002; z-index: 20; border-radius: 4px; }
.tb-comment-reactions__options .tb-comment-reactions__button { min-height: 44px; }
.tb-comment-reactions__error { flex-basis: 100%; color: #a51c1c; }
@media (max-width: 600px) { .tb-comment-reactions__button, .tb-comment-reactions__picker > summary { min-width: 44px; min-height: 44px; } }

.tb-comment-reactions button, .tb-comment-reactions summary { touch-action: manipulation; }