.scroll-indicator{--scroll-indicator-color:#fff;display:flex;opacity:1;padding:20px;transition:opacity .5s ease}.scroll-indicator.is-hidden{opacity:0;pointer-events:none}.scroll-indicator--left{justify-content:flex-start}.scroll-indicator--center{justify-content:center}.scroll-indicator--right{justify-content:flex-end}.scroll-indicator__content{align-items:center;color:var(--scroll-indicator-color);cursor:pointer;display:flex;flex-direction:column;gap:8px}.scroll-indicator__text{font-family:var(--font-secondary,"Figtree",sans-serif);font-size:14px;font-weight:500;letter-spacing:1px;opacity:.8;text-transform:uppercase}.scroll-indicator__arrow{align-items:center;animation:scrollBounce 2s ease-in-out infinite;display:flex;justify-content:center}.scroll-indicator__arrow svg{color:var(--scroll-indicator-color);display:block}.scroll-indicator--small .scroll-indicator__arrow svg{height:24px;width:24px}.scroll-indicator--small .scroll-indicator__text{font-size:12px}.scroll-indicator--medium .scroll-indicator__arrow svg{height:32px;width:32px}.scroll-indicator--medium .scroll-indicator__text{font-size:14px}.scroll-indicator--large .scroll-indicator__arrow svg{height:48px;width:48px}.scroll-indicator--large .scroll-indicator__text{font-size:16px}@keyframes scrollBounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(10px)}60%{transform:translateY(5px)}}.scroll-indicator__content:hover .scroll-indicator__arrow{animation-play-state:paused;transform:translateY(5px)}@media (prefers-reduced-motion:reduce){.scroll-indicator__arrow{animation:none}.scroll-indicator{transition:none}}