@use "src/styles/framework" as *;

.city-autocomplete__item {
  white-space: nowrap;
  height: $button-height;
  border-bottom: 1.5px solid $border-input !important;
  display: flex;
  align-items: center;
  padding-left: 0.429em;

  &:last-child {
    border-bottom: none;
  }

  &--airport {
    padding-left: $space-xl;
  }

  .city {
    white-space: nowrap;
    font-weight: $font-bold;
  }

  .country {
    white-space: nowrap;
    color: $gray;
  }

  .airport {
    white-space: nowrap;
    color: $gray;
  }
}
