.obss-heatmap { width:100%;max-width:967.5px;margin:0 auto 20px;color:#183348; }
.obss-heatmap-stage { position:relative;margin:12px 0; }
.obss-heatmap-stage > svg { display:block;width:100%;height:auto;overflow:visible; }
.obss-heatmap svg text { pointer-events:none;fill:#183348;stroke:#fff;stroke-width:2.5px;paint-order:stroke fill;stroke-linejoin:round; }
.obss-heatmap-district { cursor:pointer; }
.obss-heatmap-district.is-selected path { stroke:#183348;stroke-width:2.5px; }
.obss-heatmap-district:focus { outline:none; }
.obss-heatmap-district:focus path,.obss-heatmap-district:hover path { stroke:#182e3f;stroke-width:2px; }
.obss-heatmap-popup { position:absolute;box-sizing:border-box;width:245px;max-width:100%;padding:10px 12px;background:#fff;border:1px solid #8395a3;border-radius:8px;box-shadow:0 4px 20px #18334833;z-index:5; }
.obss-heatmap-popup strong {display:block;padding-right:25px;}
.obss-heatmap-popup button {position:absolute;right:4px;top:2px;min-width:36px;min-height:36px;border:0;background:transparent;font-size:25px;color:#183348;}
.obss-heatmap-popup a {display:inline-block;padding:4px 0 0;text-decoration:underline;}
.obss-heatmap-hover {position:absolute;pointer-events:auto;max-width:100%;background:#183348;color:white;padding:4px 8px;border-radius:4px;z-index:4;}
.obss-heatmap [hidden] {display:none !important;}
 .obss-heatmap-popup-count {font-weight:400;white-space:nowrap;}
.obss-heatmap-zero {display:flex;align-items:center;gap:6px;margin:0 0 6px;font-size:.9em;}
.obss-heatmap-zero > span {display:inline-block;width:18px;height:14px;background:#fff;border:1px solid #8395a3;}
.obss-heatmap-legend {display:flex;height:20px;border:1px solid #8395a3;}
.obss-heatmap-legend span {flex:1;}
.obss-heatmap-scale {display:flex;justify-content:space-between;}
.obss-heatmap-note {font-size:.9em;}
.obss-heatmap-counts {columns:3;}
@media(max-width:600px){.obss-heatmap-counts{columns:2}.obss-heatmap-popup{font-size:14px;padding:8px 10px;}}