@layer components{.pager{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:40px;display:flex}@media(min-width:48rem){.pager{gap:12px}}.pager-list{align-items:center;gap:4px;margin:0;padding:0;list-style:none;display:flex}.pager-num,.pager-step{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;font-family:var(--font-sans);color:var(--color-slate-600);border-radius:var(--radius-button);background:0 0;border:1px solid #0000;font-size:14px;line-height:20px;transition:background-color .2s,color .2s,border-color .2s}:is(.pager-step,.pager-num):hover{background-color:var(--color-sky-100);color:var(--color-navy-900)}:is(.pager-step,.pager-num):focus-visible{outline:2px solid var(--color-teal-600);outline-offset:2px}.pager-step{border-color:var(--color-sky-100);align-items:center;gap:6px;min-height:40px;padding-inline:14px;text-decoration:none;display:inline-flex}.pager-step.is-disabled,.pager-step:disabled{opacity:.4;cursor:not-allowed;color:var(--color-slate-600);background:0 0}.pager-num{justify-content:center;align-items:center;min-width:40px;min-height:40px;padding-inline:6px;text-decoration:none;display:inline-flex}.pager-num[aria-current=page]{background-color:var(--color-navy-900);color:var(--color-white);font-weight:var(--font-weight-medium)}.pager-num[aria-current=page]:hover{background-color:var(--color-navy-700);color:var(--color-white)}.pager-gap{min-width:24px;min-height:40px;color:var(--color-slate-400);justify-content:center;align-items:center;display:inline-flex}}