.pagination{display:flex;flex-direction:column;align-items:center;gap:.5rem;width:100%}@media(min-width:650px){.pagination{flex-direction:row;justify-content:space-between}}.pagination--with-selector{display:grid;grid-template-columns:1fr auto;grid-template-areas:"buttons  buttons" "summary  per-page";align-items:center}@media(min-width:650px){.pagination--with-selector{display:flex;flex-direction:row;justify-content:flex-start}}.pagination__buttons{display:flex;align-items:center;gap:.25rem}.pagination--with-selector .pagination__buttons{grid-area:buttons;justify-content:center;width:100%}@media(min-width:650px){.pagination--with-selector .pagination__buttons{justify-content:flex-start;width:auto}}.pagination__summary{color:var(--Color-Gray-600);font-size:var(--Font-Size-Small);white-space:nowrap}.pagination--with-selector .pagination__summary{grid-area:summary;text-align:left}@media(min-width:650px){.pagination--with-selector .pagination__summary{margin-left:auto}}.pagination--with-selector .pagination__per-page{grid-area:per-page}.pagination__nav{display:flex;justify-content:center;align-items:center;cursor:pointer;border-radius:var(--Radius-xs);background:transparent;width:1.5rem;height:1.5rem;color:var(--Text-Link)}.pagination__nav>*{max-width:100%;max-height:100%}.pagination__nav:hover:not(:disabled){background-color:var(--Color-Blue-100)}.pagination__nav:disabled{cursor:not-allowed;color:var(--Text-Disabled)}.pagination__button{display:flex;justify-content:center;align-items:center;cursor:pointer;border-radius:var(--Radius-xs);background:transparent;padding:.25rem .75rem;color:var(--Text-Link);font-size:var(--Font-Size-Base)}.pagination__button:hover{background-color:var(--Color-Blue-100)}.pagination__button--active{background-color:var(--Color-Blue-200)}.pagination__ellipsis{display:flex;justify-content:center;align-items:center;padding:.25rem .75rem;color:var(--Text-Link);font-size:var(--Font-Size-Base)}