#scroll-indicator{position:fixed;bottom:50px;left:50%;transform:translateX(-50%);width:50px;height:50px;background-color:var(--color-1);border-radius:50%;border:2px solid #fff;display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:0 4px 6px rgba(0,0,0,.1);cursor:pointer;animation:bounce-cycle 12s ease-in-out infinite;transition:opacity .3s ease;opacity:1;z-index:1000}#scroll-indicator .material-symbols-outlined{font-size:24px;color:#fff}#scroll-indicator>#scroll-text{position:absolute;font-size:.9rem;color:var(--color-5);white-space:nowrap;top:55px;background-color:var(--color-1);padding:5px 10px;border-radius:20px;border:2px solid #fff}@keyframes bounce-cycle{0%,8.33%{transform:translateX(-50%) translateY(0)}16.67%{transform:translateX(-50%) translateY(-10px)}25%{transform:translateX(-50%) translateY(0)}100%{transform:translateX(-50%) translateY(0)}}