.scroll-indicator{position:fixed;bottom:80px;left:50%;transform:translateX(-50%);width:40px;height:60px;z-index:100;opacity:0;transition:opacity .5s;pointer-events:none}
.scroll-indicator.visible{opacity:1}
.scroll-indicator.fade-out{opacity:0}
.scroll-arrow{position:absolute;top:0;left:50%;width:24px;height:24px;margin-left:-12px;border-left:3px solid #fff;border-bottom:3px solid #fff;transform:rotate(-45deg);animation:2.5s infinite scroll-indicator-animation;box-sizing:border-box;filter:drop-shadow(0 0 3px var(--color-secondary))}
.scroll-arrow:nth-of-type(2){top:16px;animation-delay:.2s}
.scroll-arrow:nth-of-type(3){top:32px;animation-delay:.4s}
@keyframes scroll-indicator-animation{
0%,100%{opacity:0}
50%{opacity:1}
}
@media (min-width:769px){
.scroll-indicator{display:none}
}