.heatmap-page{display:flex;flex-direction:column;height:100vh;background:#f5f6f8}.map-wrap{flex:1;position:relative;margin:8px 10px 0;border-radius:12px;overflow:hidden;background:linear-gradient(165deg,#e9eff4,#dde6ee)}.map-wrap svg.geo{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;display:block;touch-action:manipulation}.map-wrap.zoomed,.map-wrap.zoomed svg.geo{touch-action:none}.scalebar{right:12px;color:#8795a5;background:hsla(0,0%,100%,.7215686274509804);letter-spacing:.08em}.refresh,.scalebar{position:absolute;top:12px;font-size:9px;padding:3px 8px;border-radius:8px;z-index:3}.refresh{left:12px;color:#8795a6;background:hsla(0,0%,100%,.6901960784313725);max-width:60%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.district{cursor:pointer;transition:fill-opacity .18s}.district.sel{stroke:#1f2937!important;stroke-width:1.8!important}.d-label{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;paint-order:stroke;stroke:hsla(0,0%,100%,.6901960784313725);stroke-width:2.5px}.co-btn{cursor:pointer}.legend{flex:none;margin:10px 10px 12px;background:hsla(0,0%,100%,.9019607843137255);border-radius:10px;padding:9px 12px;display:flex;align-items:center;gap:10px}.legend .lg-t{font-size:10px;color:#8795a5;letter-spacing:.1em;flex:none}.lg-scale{flex:1;display:flex;gap:5px;align-items:center}.lg-step{flex:1;height:8px;border-radius:4px;position:relative}.lg-step i{position:absolute;left:0;right:0;top:12px;text-align:center;font-style:normal;font-size:9px;color:#8795a5;white-space:nowrap}.legend .lg-total{flex:none;font-size:10px;color:#55606e;text-align:right;padding-top:8px}.legend .lg-total b{font-size:15px;color:#111;display:block;line-height:1.1}