.pagination-bar-dot{display:flex;flex-direction:row;gap:var(--layout-gap-xs);justify-content:center;margin-top:var(--layout-gap-l)}.pagination-bar-dot .page-selection-button-list{display:flex;gap:var(--layout-gap-xs);justify-content:center;order:2}.pagination-bar-dot .previous-page{order:1}.pagination-bar-dot .next-page{order:3}.pagination-bar-dot .page-selection-button,.pagination-bar-dot .pagination-bar-more-indicator{align-items:center;background-color:var(--surface);border:2px solid var(--surfaceBorder);border-radius:50%;color:var(--onSurface);display:flex;font-family:Suisse Intl,sans-serif;height:2rem;justify-content:center;padding-top:.125rem;transition:background-color .3s,color .3s;width:2rem}.pagination-bar-dot .arrow-button{padding-top:0}.pagination-bar-dot .page-selection-button{cursor:pointer}.pagination-bar-dot .page-selection-button:disabled{cursor:default;opacity:.5}.pagination-bar-dot .page-selection-button:not(:disabled):not(.active):hover{background-color:var(--buttonPrimaryHover);color:var(--onButtonPrimaryHover)}.pagination-bar-dot .page-selection-button.active{background-color:var(--buttonSecondaryHover);color:var(--onButtonSecondaryHover);cursor:default}