:host { display: block; height: 20px; width: 100%; --cursor: pointer; pointer-events: auto; z-index: 2; position: relative; }
.pager { align-items: center; display: flex; gap: 2px; height: 100%; justify-content: center; }
.pager__page { align-items: center; cursor: pointer; display: flex; height: 20px; justify-content: center; width: 20px; }
.pager__page-dot { background-color: var(--gaming-pager-dot, var(--fds-on-surface-low)); border-radius: 100px; height: 4px; opacity: 0.4; width: 12px; }
.pager__page-dot--active { background-color: var(--gaming-pager-dot_active, var(--fds-on-surface-color)); opacity: 1; }