.animated-pagination{--pagination-size:44px;justify-content:center;align-items:center;gap:10px;margin:52px auto 0;display:flex}.animated-page-track{isolation:isolate;background:#08101d9c;border:1px solid #6ac5e71f;border-radius:999px;padding:3px;position:relative}.animated-page-numbers{align-items:center;gap:4px;margin:0;padding:0;list-style:none;display:flex}.animated-page-step,.animated-page-number,.animated-page-gap{width:var(--pagination-size);height:var(--pagination-size);color:#adc9db;font:inherit;font-variant-numeric:tabular-nums;background:0 0;border:0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:15px;text-decoration:none;display:flex}.animated-pagination :is(a,button){cursor:pointer}.animated-page-step{isolation:isolate;color:#c4e8f5;position:relative}.animated-page-step:before{content:"";z-index:-1;background:#08101d9c;border:1px solid #6ac5e72e;border-radius:50%;transition:border-color .18s;position:absolute;inset:3px}.animated-page-step:is(a,button):hover:before{border-color:#6ac5e780}.animated-page-number{z-index:1;transition:color .18s;position:relative}.animated-page-numbers [aria-current=page]{color:#e2f5fc}.animated-page-numbers [aria-current=page]:before{content:"";z-index:-1;position:absolute;inset:4px}.animated-page-track:has(.animated-page-indicator[data-ready=true]) [aria-current=page]:before{opacity:0}.animated-page-indicator,.animated-page-numbers [aria-current=page]:before{background:linear-gradient(145deg,#31566a80,#203c5040);border:1px solid #a6e3f780;border-radius:50%}.animated-page-indicator{pointer-events:none;opacity:0;position:absolute;top:50%;left:0}.animated-page-indicator[data-ready=true]{transition:transform .5s cubic-bezier(.4,0,.2,1)}.animated-pagination :is(a,button):hover{color:var(--foreground)}.animated-pagination :is(a,button):focus-visible{outline:2px solid var(--brand-cream);outline-offset:4px}.animated-pagination [aria-disabled=true]{opacity:.32}.animated-page-gap{color:#8ba7bc}.animated-pagination-status{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media not (min-width:700px){.animated-pagination{grid-template-columns:var(--pagination-size) minmax(0, max-content) var(--pagination-size);margin-top:36px;display:grid}.animated-page-track{scrollbar-width:none;min-width:0;max-width:100%;overflow-x:auto}.animated-page-number,.animated-page-gap{font-size:14px}}@media (prefers-reduced-motion:reduce){.animated-page-indicator[data-ready=true],.animated-page-step:before,.animated-page-number{transition:none}}