.index-header__scrolled-search {
  display: flex;
  width: 0;
  height: 20px;
  align-items: center;
  justify-content: center;
  margin-right: 0;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
  transition:
    width 150ms ease,
    margin-right 150ms ease,
    opacity 150ms ease;
  visibility: hidden;
}

.index-header__scrolled-search img {
  display: block;
  width: 20px;
}

.index-header.is-scrolled .index-header__scrolled-search {
  width: 20px;
  margin-right: var(--spacing-md);
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
}

@media (max-width: 767px) {
  .index-header__scrolled-search {
    display: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .index-header__scrolled-search {
    transition: none;
  }
}