#emptyState {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  width: 100%;
  height: 100%;

  color: var(--text-secondary);
  font-size: var(--font-sm);
  line-height: var(--line-height-base);
}

#emptyState img {
  height: 13rem;
  margin: var(--space-xl) 0 var(--space-xs) 0;
}

#emptyState p {
  text-align: center;
  max-width: 20rem;
}

@media (max-width: 920px) {
  #emptyState img {
    height: 10rem;
    margin: 5rem 0 0 0;
  }
}