.info-tooltip-bubble {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 99999;
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.16s ease, transform 0.16s ease;
  transform: translateY(-2px);
}

.info-tooltip-bubble.is-visible {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.info-tooltip-bubble__content {
  max-width: min(18rem, calc(100vw - 2rem));
  width: max-content;
  padding: 0.65rem 0.8rem;
  border-radius: 0.8rem;
  background: linear-gradient(135deg, #ffffff 0%, #f5f7fb 100%);
  color: #334155;
  font-family: 'Poppins', sans-serif;
  font-size: 0.78rem;
  font-weight: 500;
  line-height: 1.45;
  letter-spacing: 0.01em;
  border: 1px solid rgba(148, 163, 184, 0.28);
  box-shadow: -4px -4px 10px #ffffff, 4px 4px 10px #a3b1c6;
  white-space: normal;
  text-align: center;
}