.reaction-control{flex-wrap:wrap;gap:6px;max-width:100%;display:inline-flex;position:relative}.reaction-control__icon{font-size:15px;line-height:1;display:inline-flex}.reaction-picker{z-index:20;border:1px solid var(--theme-border,#dfe4ec);background:var(--theme-surface,#fff);border-radius:18px;flex-wrap:wrap;gap:4px;width:max-content;max-width:min(240px,100vw - 64px);padding:6px 8px;display:flex;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 10px 24px #1f293724}.reaction-choice{cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:32px;height:32px;font-size:18px;transition:transform .12s,background .12s;display:grid}.reaction-choice:hover{background:var(--theme-surface-muted,#f3f4f6);transform:translateY(-2px)}.reaction-choice--active{background:var(--theme-surface-muted,#eef5ff)}