.heatmap-viewer-static-page { min-height: 100vh; background: #fffaf0; color: #222; font-family: Arial, sans-serif; display: grid; grid-template-columns: minmax(280px, 360px) 1fr; position: relative; } .heatmap-viewer-static-sidebar { background: rgba(255, 250, 240, 0.96); border-right: 1px solid #eadfce; padding: 24px; box-sizing: border-box; display: flex; flex-direction: column; gap: 20px; filter: grayscale(100%); } .heatmap-viewer-static-logo-row { display: flex; align-items: center; gap: 12px; } .heatmap-viewer-static-title-lines, .heatmap-viewer-static-tabs, .heatmap-viewer-static-criterion-list, .heatmap-viewer-static-notes { display: grid; gap: 10px; } .heatmap-viewer-static-skeleton-line { height: 12px; border-radius: 999px; background: #dedbd4; } .heatmap-viewer-static-skeleton-line.strong { height: 18px; background: #c7c3ba; } .heatmap-viewer-static-tab-row { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; } .heatmap-viewer-static-tab { height: 34px; border: 1px solid #dedbd4; border-radius: 8px; background: rgba(255, 255, 255, 0.64); } .heatmap-viewer-static-criterion { border-left: 3px solid #b8b2a8; padding: 10px 0 10px 14px; display: grid; gap: 8px; } .heatmap-viewer-static-map { position: relative; min-height: 100vh; overflow: hidden; filter: grayscale(100%); background: linear-gradient(90deg, rgba(120, 139, 158, 0.18) 1px, transparent 1px), linear-gradient(rgba(120, 139, 158, 0.18) 1px, transparent 1px), #e9efe4; background-size: 72px 72px; } .heatmap-viewer-static-map svg { position: absolute; inset: 0; width: 100%; height: 100%; } .heatmap-viewer-static-message { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 1; width: min(560px, calc(100% - 40px)); background: rgba(255, 250, 240, 0.94); border: 1px solid #eadfce; border-radius: 18px; box-shadow: 0 24px 80px rgba(68, 48, 22, 0.18); padding: 32px; box-sizing: border-box; text-align: center; } .heatmap-viewer-static-message-logo { width: 72px; height: 72px; margin-bottom: 18px; } .heatmap-viewer-static-message h1 { color: #111; font-size: clamp(1.6rem, 4vw, 2.6rem); line-height: 1; margin: 0 0 18px; } .heatmap-viewer-static-message p { color: #555; font-size: 1.15rem; line-height: 1.65; margin: 0 0 24px; } .heatmap-viewer-static-links { display: flex; gap: 16px; justify-content: center; flex-wrap: wrap; } .heatmap-viewer-static-links a { color: #c2410c; font-weight: 700; } @media (max-width: 760px) { .heatmap-viewer-static-page { grid-template-columns: 1fr; } .heatmap-viewer-static-sidebar { display: none; } .heatmap-viewer-static-map { min-height: 100vh; } }

You need Javascript to view this Theretowhere heatmap

Theretowhere helps people find apartments, hotels, Airbnbs, neighborhoods, and other locations that are close to the people and places that matter to them.

Homepage Blog