.address-autocomplete {
  position: relative;
}

.address-suggestions {
  position: absolute;
  inset: calc(100% + 6px) 0 auto;
  z-index: 30;
  display: grid;
  overflow: hidden;
  border: 1px solid #b8c8cc;
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 16px 32px rgb(17 38 43 / 18%);
}

.address-suggestion {
  width: 100%;
  min-height: 44px;
  border: 0;
  border-bottom: 1px solid #e2ecef;
  padding: 10px 12px;
  color: inherit;
  font: inherit;
  font-weight: 700;
  text-align: left;
  background: #ffffff;
  cursor: pointer;
}

.address-suggestion:last-child {
  border-bottom: 0;
}

.address-suggestion:hover,
.address-suggestion:focus {
  outline: 0;
  background: #edf7f8;
}

.address-validation-error {
  margin: -4px 0 10px;
  color: #b42318;
  font-size: 0.9rem;
  font-weight: 750;
}

[data-address-autocomplete][aria-invalid="true"] {
  border-color: #b42318;
  box-shadow: 0 0 0 3px rgb(180 35 24 / 14%);
}