.owner-heatmap-legend {
  --owner-heatmap-gap: 18px;
  --owner-heatmap-bottom: max(86px, calc(env(safe-area-inset-bottom) + 72px));
  --owner-heatmap-height-limit: 60vh;
  position: fixed;
  z-index: 24;
  box-sizing: border-box;
  right: max(var(--owner-heatmap-gap), env(safe-area-inset-right));
  bottom: var(--owner-heatmap-bottom);
  width: 310px;
  max-width: calc(100vw - max(var(--owner-heatmap-gap), env(safe-area-inset-left)) - max(var(--owner-heatmap-gap), env(safe-area-inset-right)));
  padding: 18px 20px;
  border: 1px solid rgba(216, 199, 173, .68);
  border-radius: 18px;
  color: #30382d;
  background: rgba(255, 250, 242, .97);
  box-shadow: 0 12px 38px rgba(18, 28, 25, .18);
  font-family: "Inter", ui-sans-serif, system-ui, sans-serif;
  font-size: 13px;
  line-height: 1.5;
  overflow-wrap: anywhere;
  max-height: min(var(--owner-heatmap-height-limit), 420px, calc(100vh - var(--owner-heatmap-bottom) - max(var(--owner-heatmap-gap), env(safe-area-inset-top))));
  overflow-y: auto;
  overscroll-behavior: contain;
  pointer-events: auto;
}
.owner-heatmap-legend[hidden], .owner-heatmap-legend [hidden] { display: none !important; }
.owner-heatmap-legend:focus-visible { outline: 3px solid #34452f; outline-offset: 3px; }
.owner-heatmap-legend p { margin: 0; }
.owner-heatmap-legend .owner-heatmap-eyebrow {
  color: #59644f;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .09em;
  text-transform: uppercase;
}
.owner-heatmap-title { margin: 5px 0 4px; font-family: "Newsreader", Georgia, serif; font-size: 23px; line-height: 1.15; font-weight: 500; }
.owner-heatmap-scope { color: #59644f; }
.owner-heatmap-scale { margin: 14px 0 10px; }
.owner-heatmap-gradient {
  height: 10px;
  border: 1px solid rgba(52, 69, 47, .3);
  border-radius: 5px;
  background: linear-gradient(to right, #f7f2ea 0% 20%, #d8c7ad 20% 40%, #a9b18d 40% 60%, #71815b 60% 80%, #34452f 80% 100%);
}
.owner-heatmap-scale-labels { display: flex; justify-content: space-between; gap: 12px; margin-top: 5px; font-variant-numeric: tabular-nums; }
.owner-heatmap-legend .owner-heatmap-status { margin-top: 12px; }
.owner-heatmap-legend .owner-heatmap-reason { margin-top: 8px; color: #59644f; }
.owner-heatmap-legend .owner-heatmap-privacy { margin-top: 12px; padding-top: 10px; border-top: 1px solid #d8c7ad; color: #59644f; font-size: 12px; }
@media (max-width: 600px) {
  .owner-heatmap-legend {
    --owner-heatmap-gap: 12px;
    --owner-heatmap-bottom: max(78px, calc(env(safe-area-inset-bottom) + 66px));
    --owner-heatmap-height-limit: 40vh;
    width: 280px;
    padding: 14px 16px;
  }
  .owner-heatmap-title { font-size: 21px; }
}
@supports (height: 100dvh) {
  .owner-heatmap-legend { max-height: min(var(--owner-heatmap-height-limit), 420px, calc(100dvh - var(--owner-heatmap-bottom) - max(var(--owner-heatmap-gap), env(safe-area-inset-top)))); }
}
@media (forced-colors: active) {
  .owner-heatmap-legend { color: CanvasText; background: Canvas; border-color: CanvasText; }
  .owner-heatmap-gradient { forced-color-adjust: none; }
}