Highlight.css

.Highlight {
  position: absolute;
}

.Highlight__emoji {
  position: absolute;
  color: black;
  opacity: 1;
  font-size: 28px;
}

.Highlight__parts {
  opacity: 1;
}

.Highlight__part {
  cursor: pointer;
  position: absolute;
  background: rgba(255, 226, 143, 1);
  transition: background 0.3s;
}

.Highlight__popup {
  background-color: #191c24;
  border: 1px solid rgba(255, 255, 255, 0.25);
  color: white;
  padding: 0.5rem 1rem;
  border-radius: 3px;
  max-width: 300px;
  max-height: 100px;
  /* overflow-y: scroll; */
}

.Highlight--scrolledTo .Highlight__part {
  background: #ff4141;
}
.OTHER {
  background: rgb(93, 115, 240);
  opacity:0
}
.AXIOM {
  background: rgb(93, 115, 240);
  opacity:0
}

.LEGALTEST {
  background: rgb(5, 223, 16);
}

.ISSUE {
  background: rgb(247, 115, 115);
}

.CONCLUSION {
  background: rgb(26, 119, 114);
}