.search__input.field__input {
  height: 3.25rem;
  padding-right: 9.8rem;
  line-height: var(--genstore-lineHeight-600);
  background-color: var(--genstore-neutral-background-default);
}
.search-modal__form .field .field__label {
  left: var(--genstore-spacing-horizontal-600);
  font-size: var(--genstore-fontSize-350);
  color: var(--genstore-neutral-texticon-400);
}
.header_search_content .search-modal__form .field {
  box-shadow: none;
  background-color: var(--genstore-neutral-background-default);
  border: 1px solid var(--genstore-neutral-border-100, rgba(0, 0, 0, 0.9));
}
.header_search_content .search-modal__form .field:focus-within {
    border: 1px solid var(--genstore-neutral-border-900, rgba(0, 0, 0, 0.9));
  }

.header_search_content .field__input:focus ~ .field__label,
.header_search_content .field__input:not(:placeholder-shown) ~ .field__label,
.header_search_content .field__input:-webkit-autofill ~ .field__label {
  top: calc(1rem + var(--inputs-border-width));
  box-shadow: none;
}

.header_search_content .field__input:focus,
.header_search_content
  .localization-form__select:focus.localization-form__select:after {
  box-shadow: none;
}

.search__button {
  right: var(--inputs-border-width);
  top: var(--inputs-border-width);
  height: 3.25rem;
}

.reset__button {
  right: var(--genstore-spacing-horizontal-600);
  box-shadow: none;
  height: 100%;
  width: 1.5rem;
}

.search__button:focus-visible,
.reset__button:focus-visible {
  background-color: rgb(var(--color-background));
  z-index: 4;
}

.search__button:focus,
.reset__button:focus {
  background-color: rgb(var(--color-background));
  z-index: 4;
}

.search__button:not(:focus-visible):not(.focused),
.reset__button:not(:focus-visible):not(.focused) {
  background-color: inherit;
}

.search__button:hover .icon,
.reset__button:hover .icon {
  transform: scale(1.07);
}

.search__button .icon {
  height: 0.875rem;
  width: 0.875rem;
}

.reset__button .icon.icon-close {
  height: 0.625rem;
  width: 0.625rem;
  stroke-width: 2px;
}
.header_search_content .field__button > .svg-wrapper {
  height: 0.875rem;
  width: 0.875rem;
}

/* Remove extra spacing for search inputs in Safari */
input::-webkit-search-decoration {
  -webkit-appearance: none;
}

.template-search__results {
  position: relative;
}
.header_search_content .reset__button .svg-wrapper {
  font-size: var(--genstore-fontSize-300);
}
.header_search_content .reset__button .svg-wrapper::after {
  content: none;
}
.header_search_content .field__label .icon-search {
  width: 1rem;
  height: 1rem;
}

.header_search_content .field__input:focus,
.header_search_content .field__input:not(:placeholder-shown),
.header_search_content .field__input:-webkit-autofill {
  padding: 0;
  margin: 0 0 0 2.125rem;
}

.header-icon-search {
  color: var(--genstore-neutral-texticon-900);
}
.header_search_content .header-genstore-input .genstore-input {
  border-radius: 0;
}
.header-genstore-input input[type='search'] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
/* 针对 Webkit 内核的浏览器（如 Chrome 和 Safari） */
.header-genstore-input input[type='search']::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
/* 针对 Firefox */
.header-genstore-input input[type='search'] {
  -moz-appearance: none;
}
/* 针对 IE 和 Edge */
.header-genstore-input input[type='search']::-ms-clear {
  display: none;
}

.header__search .genstore-input.xl {
    padding: var(--genstore-spacing-vertical-400)
      var(--genstore-spacing-horizontal-600);
    font-size: var(--genstore-fontSize-350);
    height: 3.25rem;
  }

.header__search .genstore-input.xl input {
      margin-top: 0;
      height: 2rem;
      padding-left: 1.375rem;
    }

.header__search .genstore-input.xl label {
      height: 1rem;
      top: 50%;
      transform: translateY(-50%);
      line-height: var(--genstore-lineHeight-500);
    }

.header__search .genstore-input.xl input:focus,
    .header__search .genstore-input.xl input:not(:placeholder-shown),
    .header__search .genstore-input.xl input:-webkit-autofill {
      height: 1.25rem;
      align-self: center;
    }

.header__search .genstore-input.xl input:focus ~ label,
    .header__search .genstore-input.xl input:not(:placeholder-shown) ~ label,
    .header__search .genstore-input.xl input:-webkit-autofill ~ label {
      top: 50%;
      transform: translateY(-50%);
      line-height: var(--genstore-lineHeight-500);
      font-size: var(--genstore-fontSize-350);
    }

.header__search .genstore-input .header-icon-search{
    width: 1rem;
    height: 1rem;
    color: var(--genstore-neutral-texticon-900);
  }