[data-name=address_autocomplete] {
  display: none;
}

.autocomplete-results {
  border: solid 1px var(--defaultDarkGrey);
  background-color: var(--defaultWhite);
  width: 100%;
  padding: 10px;
  display: none;
}
.autocomplete-results.is-active {
  display: inline-block;
}
.autocomplete-results .result {
  height: 30px;
  line-height: 30px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  cursor: pointer;
}
.autocomplete-results .result:hover {
  color: var(--defaultBlue);
  cursor: pointer;
}

.alternative_zipcode-message,
.zipcode-message {
  display: none;
}
.alternative_zipcode-message.show-message,
.zipcode-message.show-message {
  display: block;
  animation: shake 0.8s ease-in-out;
}

.postcode-check-success {
  display: none;
  position: absolute;
  color: #c95456;
  color: #51a455;
  top: 30px;
  right: 17px;
}

.postcode-check-error {
  display: none;
  position: absolute;
  color: #c95456;
  top: 30px;
  right: 17px;
}

@keyframes shake {
  0% {
    transform: translateX(0);
  }
  10% {
    transform: translateX(-20px);
  }
  20% {
    transform: translateX(20px);
  }
  30% {
    transform: translateX(-20px);
  }
  40% {
    transform: translateX(20px);
  }
  50% {
    transform: translateX(-20px);
  }
  60% {
    transform: translateX(20px);
  }
  70% {
    transform: translateX(-20px);
  }
  80% {
    transform: translateX(20px);
  }
  90% {
    transform: translateX(-20px);
  }
  100% {
    transform: translateX(0);
  }
}

/*# sourceMappingURL=postcode.css.map */