.scroll-dots{justify-content:center;align-items:center;gap:8px;padding-top:18px;display:flex}.scroll-dot{cursor:pointer;background:#1a56532e;border:none;border-radius:50%;outline:none;flex-shrink:0;width:8px;height:8px;padding:0;transition:background-color .28s,width .28s,border-radius .28s}.scroll-dot:focus-visible{outline:2px solid var(--color-primary,#1a5653);outline-offset:3px;border-radius:4px}.scroll-dot.active{background:var(--color-primary,#1a5653);border-radius:4px;width:20px}.scroll-dot:hover:not(.active){background:#1a565361}