.hy-map-aearch-place {
  width: 100%;
  height: 40px;
  position: relative;
  .hy-map-aearch-place-container {
    width: 100%;
    min-width: 340px;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    border: 1px solid rgba(var(--hy-border));
    border-radius: 4px;
    box-sizing: border-box;
    padding: 2px 4px;
    overflow: hidden;
    background: rgba(var(--hy-background-2));
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    &:hover,
    &.focus {
      border: 1px solid rgba(var(--hy-theme));
    }

    .hy-map-aearch-place-input {

      .hy-el-input__inner::placeholder {
        font-size: 12px;
      }
      .hy-el-input__wrapper {
        padding-left: 8px;
        padding-right: 4px;
        background-color: transparent !important;
        box-shadow: none;
        border: none;
      }
      .hy-el-input-group__append {
        color: rgb(var(--hy-main));
        background-color: rgba(var(--hy-background-2));
        box-shadow: none;
        padding: 4px;
        min-height: 100%;
      }
    }
  }
  &.is-focus .hy-map-aearch-place-container{
    border: 1px solid rgba(var(--hy-theme));
  }
}

/* 地图打点闪烁 */
.hy-map-aearch-place-twinkle-marker {
  animation: hy-map-aearch-place-twinkle 1s ease-out;
  animation-iteration-count: 3; /*次数 infinite(无限次)*/
  animation-delay: 1s;
}

@keyframes hy-map-aearch-place-twinkle {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.2;
    filter: none;
  }
  100% {
    opacity: 1;
  }
}