/* Animated mouse scroll indicator for tablet and desktop. */
@media (min-width:601px) {

  .pv-home .experience.pv-carousel .pv-scroll-hint {
    display:block;
    position:absolute;
    top:184px;
    transform:none;
    right:var(--edge);
    width:20px;
    height:32px;
    margin:0;
    border:1.5px solid rgba(235,245,250,.78);
    border-radius:12px;
    box-sizing:content-box;
    z-index:6;
  }
  .pv-home .experience.pv-carousel .pv-scroll-hint > span {display:none;}
  .pv-home .experience.pv-carousel .pv-scroll-hint::after {
    content:"";
    position:absolute;
    width:3px;
    height:7px;
    left:8.5px;
    top:6px;
    border-radius:3px;
    background:rgba(240,248,255,.95);
    animation:pv-mouse-scroll 1.8s ease-in-out infinite;
  }
}
@keyframes pv-mouse-scroll {
  0% {transform:translateY(0);opacity:0;}
  20% {transform:translateY(0);opacity:1;}
  75%,100% {transform:translateY(10px);opacity:0;}
}
@media (prefers-reduced-motion:reduce) {
  .pv-home .experience.pv-carousel .pv-scroll-hint::after {animation:none;}
}
/* Match the site's desktop layout; touch tablets retain the upper cue. */
.pv-home .experience.pv-carousel .pv-scroll-desktop {display:none;}
@media (min-width:1101px) and (pointer:fine) {
  .pv-home .experience.pv-carousel .pv-scroll-tablet {display:none;}
  .pv-home .experience.pv-carousel .chapters {position:relative;}
  .pv-home .experience.pv-carousel .pv-scroll-desktop {
    display:block;
    top:50%;
    right:0;
    transform:translateY(-50%);
  }
}

/* Slightly soften the scroll indicator. */
.pv-home .experience.pv-carousel .pv-scroll-hint {opacity:.8;}