.scroll-indicator{display:flex;justify-content:center;align-items:center;gap:var(--scroll-indicator-gap,8px);margin-top:var(--scroll-indicator-margin,15px)}.scroll-indicator[hidden]{display:none}.scroll-indicator__dot{width:var(--scroll-indicator-size,8px);height:var(--scroll-indicator-size,8px);padding:0;border:0;border-radius:999px;background-color:var(--scroll-indicator-color,rgba(0,0,0,.3));cursor:pointer;transition:width .25s ease,background-color .25s ease}.scroll-indicator__dot.is-active{width:var(--scroll-indicator-active-width,22px);background-color:var(--scroll-indicator-active-color,#fff)}