.page-favorites-inner {
  padding-block: var(--page-top) var(--space-8);
  display: flex;
  flex-direction: column;
  gap: var(--space-5);
}

.favorites-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-5);
  margin: 0;
  padding-block: var(--space-6);
  text-align: center;
  color: var(--color-text-muted);
}

.favorites-empty p {
  margin: 0;
}

.favorites-empty[hidden] {
  display: none;
}

.favorites-empty::before {
  content: '';
  display: block;
  width: 56px;
  aspect-ratio: 220 / 371;
  background: var(--color-sketch);
  -webkit-mask: url('/assets/images/sketch-leaf.webp') center / contain no-repeat;
  mask: url('/assets/images/sketch-leaf.webp') center / contain no-repeat;
  transform: rotate(-18deg);
}