/**
 * Helper function for downsize mixin.
 */
/**
 * Downsize a CSS property using the viewport to affect calc().
 *
 * @param {string} $property: The property to be affected.
 * @param {string|list} $min: The min value / values.
 * @param {string|list} $max: The max value / values.
 * @param {string} $viewport: The biggest viewport, which the property must be calculated. NOTE: we use media-breakpoint-down here!
 * @param {boolean} $default: True if the default property must be set, regardless of the viewport size.
 * @param {list} $min-limit: A list containing the min viewport and the min value.
 */
#google-map {
  height: 580px;
}
@media (max-width: 575.98px) {
  #google-map {
    height: 400px;
  }
}

.module-google-maps-search .input-item {
  position: relative;
}
.module-google-maps-search .input-item .form-control {
  padding-left: 40px;
}
@media (max-width: 767.98px) {
  .module-google-maps-search .input-item .form-control {
    margin-bottom: 15px;
  }
}
.module-google-maps-search .input-item .icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 15px;
}
.module-google-maps-search .input-item input {
  text-overflow: ellipsis;
  white-space: nowrap;
}
.module-google-maps-search .input-item .my-location-button {
  display: none;
  cursor: pointer;
  position: absolute;
  width: 16px;
  height: 16px;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
}
.module-google-maps-search .input-item .my-location-button .icon {
  transform: none;
  left: initial;
  top: initial;
}
.module-google-maps-search .input-item.google-maps-loaded .form-control {
  padding-right: 40px;
}
.module-google-maps-search .input-item.google-maps-loaded .my-location-button {
  display: inline;
}
.module-google-maps-search .btn {
  width: 100%;
}
.module-google-maps-search .feedback-error {
  background: #000;
  color: #fff;
  border-radius: 4px;
  max-height: 0px;
  opacity: 0;
  padding-left: 20px;
  padding-right: 20px;
  transition: all 250ms ease-in-out;
  overflow: hidden;
}
.module-google-maps-search .feedback-error.show {
  padding-top: 10px;
  padding-bottom: 10px;
  margin-bottom: 20px;
  max-height: 100px;
  opacity: 1;
}

.module-google-maps-results {
  position: relative;
}
.module-google-maps-results::after {
  content: "";
  position: relative;
  margin-top: 10px;
  margin-bottom: 10px;
  width: 100%;
  height: 30px;
  display: flex;
  background-image: url(../../images/preloader.svg);
  background-repeat: no-repeat;
  background-position: center center;
  opacity: 0;
  transition: all 150ms linear;
}
.module-google-maps-results.loading::after {
  opacity: 1;
}