.pager {
 display: flex;
 flex-wrap: wrap;
 align-items: center;
 gap: var(--space-3);
}

.pager-pages {
 display: flex;
 flex-wrap: wrap;
 align-items: center;
 gap: var(--space-2);
}

.pager-ellipsis {
 color: var(--muted-foreground);
 padding: 0 var(--space-1);
 user-select: none;
}

.pager-extras {
 display: flex;
 flex-wrap: wrap;
 align-items: center;
 gap: var(--space-3);
 margin-left: auto;
}

.pager-goto {
 display: flex;
 flex-wrap: wrap;
 align-items: center;
 gap: var(--space-2);
}

.pager-goto-label {
 display: flex;
 align-items: center;
 gap: var(--space-2);
 font-size: 12px;
 color: var(--muted-foreground);
}

.pager-goto-input {
 width: 4.5rem;
 min-width: 0;
 padding: var(--space-1) var(--space-2);
}

.pager-summary {
 font-size: 12px;
}