.tooltip {
  position: absolute;
  width: max-content;
  height: max-content;
  padding: .5rem .75rem;
  border-radius: .125rem;
  pointer-events: none;
  text-align: center;
  line-height: 1.375;
  opacity: 0;
  transform: translateY(-1.5rem);
  transition: opacity 90ms cubic-bezier(0.75, 0, 1, 1), transform 120ms; }
  .tooltip, .tooltip::after {
    background-color: #111013; }
  .tooltip::after {
    content: '';
    position: absolute;
    width: 1rem;
    aspect-ratio: 1;
    transform: translateX(-0.5rem);
    clip-path: polygon(0 50%, 100% 50%, 50% 100%); }
  .tooltip b {
    color: yellow;
    font-weight: normal;
    text-shadow: 0 0 .175rem orange; }
  .tooltip.visible {
    opacity: 1;
    transform: translateY(-0.75rem); }
  .tooltip.no-transition {
    transition: none !important; }