.rg-page-dots{justify-content:center;align-items:center;gap:calc(var(--rg-u) * 6);display:flex}.rg-page-dot{inline-size:calc(var(--rg-u) * 8);block-size:calc(var(--rg-u) * 8);border-radius:var(--rg-radius-pill);background:var(--rg-color-ink-ghost);transition:inline-size var(--rg-motion-quick) ease, background var(--rg-motion-quick) ease;border:0;padding:0;display:inline-grid}.rg-page-dot--active{inline-size:calc(var(--rg-u) * 20);background:var(--rg-color-gold)}.rg-page-dot--button{min-inline-size:var(--rg-touch-min);min-block-size:var(--rg-touch-min);cursor:pointer;background-clip:content-box;position:relative}.rg-page-dot--button:focus-visible{outline:var(--rg-focus-width) solid var(--rg-color-focus);outline-offset:var(--rg-focus-offset)}[data-rg-skin=enamel] .rg-page-dot{box-shadow:0 0 0 calc(var(--rg-u) * 1.5) rgb(var(--rg-rgb-outline) / 55%)}[data-rg-skin=gloss] .rg-page-dot{background:rgb(var(--rg-rgb-black) / 22%);box-shadow:inset 0 var(--rg-u) calc(var(--rg-u) * 2) rgb(var(--rg-rgb-black) / 40%)}[data-rg-skin=gloss] .rg-page-dot--active{background:var(--rg-material-cap), var(--rg-face-gold);box-shadow:0 var(--rg-u) 0 var(--rg-edge-gold)}