/* ==========================================================
   map-005.css
   VSS Nationwide Coverage Map
========================================================== */

.uk-map {
    width: 100%;
    max-width: 560px;
    margin: 0 auto;
}

.uk-map svg {
    display: block;
    width: 100%;
    height: auto;
}

.location {
    fill: #4b8df8;
    opacity: 0;

    transform-box: fill-box;
    transform-origin: center;

    filter:
        drop-shadow(0 0 4px rgba(75, 141, 248, 0.45))
        drop-shadow(0 0 9px rgba(75, 141, 248, 0.25));

    animation: vssPulse 3s ease-out forwards;
}

@keyframes vssPulse {

    0% {
        opacity: 0;
        transform: scale(0.15);
    }

    12% {
        opacity: 1;
        transform: scale(0.55);
    }

    30% {
        opacity: 0.95;
        transform: scale(0.85);
    }

    55% {
        opacity: 0.55;
        transform: scale(1.25);
    }

    100% {
        opacity: 0;
        transform: scale(3.5);
    }

}