theme-pagination-dots { display: flex; align-items: center; justify-content: center; gap: var(--pagination-dot-gap, 10px); min-height: var(--pagination-dot-active-size, 10px); }
theme-pagination-dots[hidden] { display: none; }
.theme-pagination-dots__button { display: block; appearance: none; inline-size: var(--pagination-dot-size, 8px); block-size: var(--pagination-dot-size, 8px); padding: 0; border: 0; border-radius: 50%; background: var(--pagination-dot-color, #e1e1e1); cursor: pointer; transition: background-color 0.2s ease, transform 0.2s ease; }
.theme-pagination-dots__button.is-active { background: var(--pagination-dot-active-color, #000000); transform: scale(var(--pagination-dot-active-scale, 1.25)); }