infinite-scroll {
  display: block;
}

.infinite-scroll-sentinel {
  min-height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 150ms ease;
}

infinite-scroll.state--loading .infinite-scroll-sentinel {
  opacity: 1;
}

.infinite-scroll-sentinel.state--error {
  display: none;
}

.infinite-scroll-fallback {
  display: block;
  padding-block: var(--s0);
  text-align: center;
}

.infinite-scroll-fallback[hidden] {
  display: none;
}