.heatmap.scroll-map{min-height:420px;padding:24px}.heatmap.scroll-map p{position:static}.scroll-summary{color:var(--muted);margin-bottom:20px}.scroll-summary b{color:#fff}.scroll-depths{display:grid;gap:12px}.scroll-depths>div{display:grid;grid-template-columns:110px minmax(80px,var(--reach)) 1fr;align-items:center;gap:12px;min-width:0}.scroll-depths>div:after{content:"";height:22px;grid-column:2;background:linear-gradient(90deg,var(--lime),#5ebd8d);border-radius:5px}.scroll-depths b{grid-column:2;grid-row:1;color:#fff}.scroll-depths small{grid-column:3;grid-row:1}.scroll-depths span{grid-row:1}.scroll-depths>div:nth-child(1){opacity:.95}.scroll-depths>div:nth-child(2){opacity:.82}.scroll-depths>div:nth-child(3){opacity:.68}.scroll-depths>div:nth-child(4){opacity:.55}@media(max-width:760px){.scroll-depths>div{grid-template-columns:82px minmax(54px,var(--reach)) 1fr;font-size:12px}.heatmap.scroll-map{padding:14px}}
.heatmap-canvas{position:absolute;inset:0 0 3.4rem;overflow:hidden;background:#fff}.heatmap-overlay{position:absolute;inset:0;z-index:3;pointer-events:none}.heatmap-overlay i{position:absolute}.heatmap #heatmap-background{position:absolute;inset:0;z-index:1;opacity:.72;pointer-events:none;overflow:hidden}.heatmap #heatmap-background .replayer-wrapper{transform-origin:top left}.heatmap-no-background{display:grid;place-items:center;block-size:100%;color:#526057;background:#eef1ed}.heatmap:not(.scroll-map)>p{z-index:4}