.spr-scroll-indicator {
  position: fixed;
  z-index: 1000;
  inset-inline-end: 0.625rem;
  inset-block-end: 50vh;
  display: none;
  inline-size: 1rem;
  block-size: 2rem;
  pointer-events: none;
}

.spr-scroll-indicator--is-visible {
  display: block;

  @media screen and (min-width: 48em) {
    display: none;
  }
}

.spr-scroll-indicator__arrow {
  position: relative;
  inline-size: 1rem;
  block-size: 2rem;
  margin-block-end: 1.0625rem;
  animation: hand-animation 3s infinite ease-in-out;
  background: transparent url("../../images/icons/icon-swipe.svg") no-repeat center;
  background-size: contain;
}

@keyframes hand-animation {
  0% {
    inset-block-start: -1.25rem;
    opacity: 0;
  }

  50% {
    opacity: 1;
    inset-block-start: 1.25rem;
  }

  100% {
    opacity: 0;
    inset-block-start: -1.25rem;
  }
}