/* Converted from src/components/site/blog/EmptyState.module.css (CSS Module): local classes are prefixed "blog-empty-state__". */
/* Same block as the 404 page: h3-sized title, short text, inline search form. */
.blog-empty-state__empty {
  padding-bottom: 200px;
}

@media (min-width: 769px) {
  .blog-empty-state__empty {
    max-width: 500px;
  }
}

@media (max-width: 768px) {
  .blog-empty-state__empty {
    padding-bottom: 13.5rem;
  }
}

.blog-empty-state__title {
  margin: 0;
  font-size: var(--h3-size);
  line-height: var(--h3-leading);
  letter-spacing: -0.035em;
}

.blog-empty-state__text {
  margin: 1em 0;
}