@layer components{.pager{--pager-hug:calc(var(--space-3xs) * 2 + var(--line-height-xs));height:var(--pager-hug);background:var(--surface-inset);border-radius:var(--radius-full);align-items:center;display:inline-flex}.pager__step{width:var(--pager-hug);height:var(--pager-hug);border-radius:var(--radius-full);color:var(--text-primary);cursor:pointer;backface-visibility:hidden;transition:color var(--duration-press) ease, background-color var(--duration-press) ease;background:0 0;border:0;place-items:center;margin:0;padding:0;display:grid}.pager__step:disabled{cursor:default;opacity:.5}@media (hover:hover) and (pointer:fine){.pager__step:hover:not(:disabled){background-image:linear-gradient(var(--surface-hover), var(--surface-hover))}}.pager__step:focus{outline:none}.pager__step:focus-visible{box-shadow:0 0 0 var(--size-focus-gap) var(--border-focus-gap), 0 0 0 calc(var(--size-focus-gap) + var(--size-focus-ring)) var(--border-focus)}.pager__step svg{width:var(--size-icon-xs);height:var(--size-icon-xs);display:block}.pager-row{--pager-hug:calc(var(--space-3xs) * 2 + var(--line-height-xs));align-items:center;column-gap:var(--space-xs);width:100%;height:var(--pager-hug);grid-template-columns:auto minmax(0,1fr) 4ch;display:grid}.pager-row__slot{align-items:center;min-width:0;max-width:100%;height:100%;display:flex}.pager-row__slot .chip{min-width:0;max-width:100%}.pager-row__slot .chip__label{text-overflow:ellipsis;min-width:0;overflow:hidden}@media (prefers-reduced-motion:reduce){.pager__step{transition:color var(--duration-press) ease, background-color var(--duration-press) ease}}.pager__count{color:var(--text-tertiary);font-family:var(--font-sans);font-feature-settings:var(--font-sans--font-feature-settings);font-size:var(--font-size-xs);font-weight:var(--font-weight-regular);line-height:var(--line-height-xs);font-variant-numeric:var(--font-numeric-tabular);text-align:end;white-space:nowrap}}
