.pii-highlight {
  border-radius: 3px;
  cursor: pointer;
  position: relative;
}
.pii-highlight:hover::after {
  content: attr(data-pii-type);
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(0, 0, 0, 0.8);
  color: white;
  padding: 2px 6px;
  border-radius: 3px;
  font-size: 11px;
  white-space: nowrap;
  z-index: 2147483647;
}
.pii-highlight-ssn {
  background-color: #ff6b6b;
}
.pii-highlight-creditCard {
  background-color: #ff8787;
}
.pii-highlight-phone {
  background-color: #ffa94d;
}
.pii-highlight-email {
  background-color: #ffd43b;
}
.pii-highlight-ip {
  background-color: #69db7c;
}
.pii-highlight-person {
  background-color: #da77f2;
}
.pii-highlight-org {
  background-color: #74c0fc;
}
.pii-highlight-location {
  background-color: #63e6be;
}