#household-map-wrapper, #market-map-wrapper{ 
    text-align: center; 
    position: relative;
    width: 100%;
    max-width: 700px;
    margin: .5rem auto 1rem auto;
    }
#household-map img, #market-map img{
    position: absolute;
    top: 0;
    left: 0;
    }
#household-map img.main, #market-map img.main{ position: relative; }    
#hotspot-wrapper, #checkmark-wrapper{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    }
.hotspot{
    fill: transparent;
    cursor: pointer;
    stroke-width: .2rem;
    stroke: #000;
    stroke-dasharray: 10 4;
    animation: idle-pulse 3s infinite, idle-offset 1.5s infinite;
    animation-timing-function: ease-in-out, linear;
    animation-direction: alternate, normal;
    transform-box: fill-box;
    transform-origin: center;
    }
@keyframes idle-pulse {
    0% {stroke-opacity: 0; }
    50% {stroke-opacity: 0; }
    100% { stroke-opacity: 1; } 
    } 
@keyframes idle-offset {
    0% { stroke-dashoffset: 0px; }
    100% { stroke-dashoffset: 14px; } 
    }


#checkmark-wrapper{ pointer-events: none;}  
.checkmark{ display: none; }
.checkmark.active{
    display: block;
    animation: pulse-scale 1s infinite;
    animation-timing-function: ease-in-out;
    animation-direction: alternate;
    transform-box: fill-box;
    transform-origin: center;
    }
@keyframes pulse-scale {
    0% { transform: scale(.8); }
    100% { transform: scale(1.25); } 
    }   


    

@media print {
    #household-map-wrapper, #market-map-wrapper { max-width: 400px; }
}