.h5p-tooltip {
  display: none;
  position: absolute;

  z-index: 110;

  font-size: 0.8rem;
  line-height: 1.2;
  text-align: left;

  padding: 0.25rem 0.5rem;
  white-space: normal;
  width: max-content;
  max-width: min(300px, 90%);

  background: #000;
  color: #FFF;

  cursor: default;
}
.h5p-tooltip-narrow {
  max-width: min(300px, 70%);
}
.h5p-tooltip-visible {
  display: block;
}
