.scroll-hint{--height:100px;display:block;opacity:0;padding-top:var(--height);transition:opacity 1s}.scroll-hint:before{animation:elasticus 1.8s cubic-bezier(1,0,0,1) infinite;background:#fff;content:"";height:var(--height);left:50%;margin-left:-1px;position:absolute;top:0;width:3px}@keyframes elasticus{0%{transform:scaleY(0);transform-origin:0 0}50%{transform:scale(1);transform-origin:0 0}50.1%{transform:scale(1);transform-origin:0 100%}to{transform:scaleY(0);transform-origin:0 100%}}