/* ===========================
   Tooltip Styling
   =========================== */

#hoverTooltip {
    position: absolute;
    background: white;
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 13px;
    box-shadow: 0 0 6px rgba(0,0,0,0.3);
    pointer-events: none;

    opacity: 0;
    transition: opacity 0.25s ease-out;
}

#hoverTooltip.visible {
    opacity: 1;
}

/* ===========================
   Map Container
   =========================== */

#map_canvas {
    width: 100%;
    height: 100%;
}