@media screen and (min-width: 750px) {
  .header fostr-predictive-search { 
    position: relative;
  }
}

fostr-predictive-search[open] .predictive-search, 
fostr-predictive-search[loading] .predictive-search {
  display: block;
}

fostr-predictive-search .spinner {
  width: 1.5rem;
  height: 1.5rem;
  line-height: 0;
}

fostr-predictive-search:not([loading]) .predictive-search__heading .spinner,
fostr-predictive-search:not([loading]) .predictive-search__loading-state,
fostr-predictive-search:not([loading]) .predictive-search-status__loading {
  display: none;
}

fostr-predictive-search[loading] .predictive-search__loading-state {
  display: flex;
  justify-content: center;
  padding: 1rem;
}

fostr-predictive-search[loading] .predictive-search__heading ~ .predictive-search__loading-state,
fostr-predictive-search[loading] .predictive-search__results-list:first-child {
  display: none;
}