.scroller-controls{justify-content:center;align-items:center;gap:16px;padding-top:6px;display:flex}.scroller-arrow{border:1px solid var(--border-subtle);width:40px;height:40px;color:var(--text-accent);cursor:pointer;background:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;padding:0;transition:background .2s,border-color .2s;display:inline-flex}@media (hover:hover) and (pointer:fine){.scroller-arrow:hover{background:var(--color-primary-alpha);border-color:var(--color-primary-alpha);color:#fff}}.scroller-arrow:focus-visible{outline:2px solid var(--text-accent);outline-offset:-2px}.scroller-dot:focus-visible{outline:2px solid var(--text-accent);outline-offset:2px}.scroller-dots{align-items:center;gap:8px;display:flex}.scroller-counter{min-width:56px;font-size:var(--fs-body);font-variant-numeric:tabular-nums;text-align:center;color:var(--text-muted)}.scroller-dot{cursor:pointer;background:0 0;border:none;flex:none;justify-content:center;align-items:center;width:24px;height:24px;padding:0;display:inline-flex;position:relative}.scroller-dot:before{content:"";position:absolute;inset:-10px -4px}.scroller-dot:after{content:"";background:#00000040;border-radius:50%;width:8px;height:8px;transition:background .2s,transform .2s}.scroller-dot.is-active:after{background:var(--text-accent);transform:scale(1.25)}@media (prefers-reduced-motion:reduce){.scroller-arrow,.scroller-dot:after{transition:none}}@media (forced-colors:active){.scroller-dot:after{border:1px solid canvastext}.scroller-dot.is-active:after{border-color:highlight}}