/* Migration Fix to review: MIG-0395 heatmap tooltip must live on document.body above Admin nav (z-index 9999). */
.rfms-calendar-heatmap__tooltip {
  position: fixed;
  z-index: 10050;
  display: none;
  transform: translate(-50%, calc(-100% - 14px));
  box-sizing: border-box;
  max-width: min(32rem, calc(100vw - 1.5rem));
  padding: 0.75rem 1.1rem;
  border: 1px solid #139dd8;
  border-radius: 6px;
  background: #024f6e;
  font-family: "Open Sans", Helvetica, sans-serif;
  font-size: 1rem;
  line-height: 1.35;
  letter-spacing: 0.01em;
  white-space: nowrap;
  pointer-events: none;
  box-shadow: 0 12px 28px rgba(2, 40, 60, 0.35);
}

.rfms-calendar-heatmap__tooltip.is-visible {
  display: block;
}

.rfms-calendar-heatmap__tooltip::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -7px;
  border-width: 7px;
  border-style: solid;
  border-color: #024f6e transparent transparent transparent;
}

.rfms-calendar-heatmap__tooltip-price {
  color: #ffe08a;
  font-size: 1.15rem;
  font-weight: 700;
}

.rfms-calendar-heatmap__tooltip-date {
  color: #b8e6f7;
  font-size: 1rem;
  font-weight: 600;
}

.rfms-calendar-heatmap__tooltip-sep {
  color: rgba(239, 239, 239, 0.55);
  font-weight: 500;
  margin: 0 0.45rem;
}