 rgb(131, 89, 178);
  stroke-width: 2px;
  pointer-events: none;
}
#attentional-ex2 .arrow {
  stroke: black;
  stroke-opacity: 0.6;
}
#attentional-ex2 .cell:last-child .arrow:first-of-type {
  display: none;
}
</style>

<script>
(function() {

var labelsA = [
  "the",
  "agreement",
  "on",
  "the",
  "European",
  "Economic",
  "Area",
  "was",
  "signed",
  "in",
  "August",
  "1992",
  ".",
  "<end>"
];

var labelsB = [
  "l’",
  "accord",
  "sur",
  "la",
  "zone",
  "économique",
  "européenne",
 