/* KC METEO — WEATHER TRANSITION v1 */

#weatherMap {
  background:
    rgb(13, 31, 42);
}


#weatherMap::after {
  content: "";

  position: absolute;
  inset: 0;

  z-index: 349;

  pointer-events: none;

  background:
    rgba(16, 40, 51, .10);

  opacity: 0;
}


#weatherMap.kc-weather-changing::after {
  animation:
    kc-weather-veil
    650ms
    ease-in-out;
}


@keyframes kc-weather-veil {

  0% {
    opacity: 0;
  }

  42% {
    opacity: .22;
  }

  100% {
    opacity: 0;
  }
}