.h5p-tooltip{--translateX:-50%;--translateY:0;display:none;position:absolute;bottom:100%;left:50%;transform:translateX(var(--translateX)) translateY(var(--translateY));z-index:4;font-size:0.9rem;line-height:1.5rem;padding:0 0.5rem;white-space:nowrap;background:#000;color:#FFF;cursor:default;-webkit-animation:800ms ease 0s normal forwards 1 fadein;animation:800ms ease 0s normal forwards 1 fadein;}
@keyframes fadein{
0%{opacity:0;}
80%{opacity:0;}
100%{opacity:1;}
}
@-webkit-keyframes fadein{
0%{opacity:0;}
80%{opacity:0;}
100%{opacity:1;}
}
.h5p-tooltip-bottom{top:100%;bottom:auto;}
.h5p-tooltip-left{--translateY:-50%;--translateX:0;top:50%;bottom:auto;left:auto;right:100%;}
.h5p-tooltip-right{--translateY:-50%;--translateX:0;top:50%;bottom:auto;left:100%;right:auto;}
.h5p-tooltip-visible {
display: block;
}