.skeleton {
  animation: skeleton-loading 1s linear infinite alternate;
}

@keyframes skeleton-loading {
  100% {
    background-color: #fff
  }

  0% {
    background-color: #c7c7c7
  }
}


@keyframes pulse {
  0% {
    opacity: .06;
  }

  50% {
    opacity: .3;
  }

  100% {
    opacity: .06;
  }
}

.data-skeleton {
  animation: pulse 1s cubic-bezier(0.4, 0, 0.6, 1) infinite;
  animation-fill-mode: none;
  height: 200px;
  margin: 50px 0;
  color: transparent;
  background: rgba(229, 231, 235, 1);
  border: none;
  background-image: none;
  filter: brightness(0);
}

.pac-container {
  border-radius: 4px;
  background: #fff;
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.24);
  margin-top: 4px;
}

.pac-container .pac-item {
  padding: 16px 24px;
  color: #000;
  font-family: Helvetica;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  border-top: 1px solid #eee;
}

.pac-container .pac-item:first-child {
  border-top: 0 none;
}

.pac-container .pac-icon.pac-icon-marker {
  display: none;
}

.pac-container .pac-item .pac-matched {
  font-weight: 700;
}

.pac-container .pac-item .pac-item-query {
  font-size: 16px;
}
