/**
 * @file
 * View empty styles.
 */
.view-empty {
  p {
    margin-top: var(--spacing-md);
  }

  img {
    max-width: 100%;
    height: auto;
    margin-top: var(--spacing-md);
  }
}

/*
 * The "feature here" call to action: image on the left, text on the right.
 * Stacks vertically on small screens.
 */
.view-empty__feature {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
  margin-top: var(--spacing-md);
}