.search-overlay {
  --overlay-max-width: 100%;
  --overlay-animation: slide-slightly-from-bottom;
}

.search-overlay__inner {
  align-items: stretch;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  gap: 3rem;
  inline-size: 100%;
  margin-inline: auto;
  max-inline-size: 88rem;

  @include mq($from: l) {
    justify-content: center;
    padding-block-end: 5rem;
  }
}

.search-overlay__headline {
  text-align: center;
}

.search-overlay__text {
  margin-inline: auto;
  max-inline-size: 60rem;
  text-align: center;

  > * + * {
    margin-block-start: 0.5em;
  }
}