.header .search__input.field__input {
/*   padding-left: 8rem; */
/*   background: #fae4e5; */
/*   width: 29rem; */
  padding: 0 5rem 0 1.5rem;

}
.search__input.field__input {
   background: transparent;
/*   width: 29rem; */
   padding: 10px 50px 10px 20px; height:5rem;
}
/* .search__input.field__input:focus{ padding: 0 5rem 0 2.5rem;} */
.search__button {
/*   left: var(--inputs-border-width); */
  top: var(--inputs-border-width);
}

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

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

.search__button:not(:focus-visible):not(.focused){
  box-shadow: inherit;
/*   background-color: inherit; */
  background:none;
}

.search__button .icon {
  height: 1.8rem;
  width: 1.8rem;
  /* color: var(--color-icon); */
  background: none;
}


/* .search__input.field__input {
    padding-left: 8rem;
    background: var(--gradient-base-background-2);
} */
/* .field__input, .customer .field input {
    flex-grow: 1;
    text-align: left;
    margin: var(--inputs-border-width);
    transition: all 0.3s linear; 
}

.field__input{  
    flex-grow: 1;
    text-align: left;
    margin: var(--inputs-border-width);
    transition: all 0.3s linear; 
} */
/* .field__input:focus{padding: 0 1rem 0 5rem;} */
.field__label{    top: calc(0.9rem + var(--inputs-border-width));  }
/* Remove extra spacing for search inputs in Safari */
input::-webkit-search-decoration {
  -webkit-appearance: none;
}
header .field__label {
    display: none;
}