.pagination{font-family:var(--font-sans,system-ui, sans-serif);justify-content:center;align-items:center;gap:.25rem;margin:0;padding-left:0;font-weight:500;line-height:1;list-style:none;display:flex}.pagination .page-link{letter-spacing:.01em;min-width:2.25rem;height:2.25rem;color:var(--color-base-content);cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#0000;border:1px solid #0000;border-radius:.5rem;place-items:center;padding:0 .5rem;font-size:.8125rem;font-weight:500;text-decoration:none;transition:color .15s,background-color .15s,border-color .15s,box-shadow .15s;display:grid;position:relative}@media (prefers-reduced-motion:reduce){.pagination .page-link{transition:none}}.pagination .page-link:hover{z-index:2;color:var(--color-base-content);background-color:var(--color-base-300);border-color:color-mix(in oklch, var(--color-base-content) 12%, transparent)}.pagination .page-link:focus-visible{z-index:3;outline:2px solid var(--color-primary);outline-offset:2px}.pagination .active>.page-link{z-index:3;color:var(--color-primary-content);background-color:var(--color-primary);border-color:var(--color-primary);box-shadow:0 1px 3px color-mix(in oklch, var(--color-primary) 35%, transparent);font-weight:600}.pagination .active>.page-link:hover{background-color:color-mix(in oklch, var(--color-primary) 88%, black);border-color:color-mix(in oklch, var(--color-primary) 88%, black)}.pagination .disabled>.page-link{color:color-mix(in oklch, var(--color-base-content) 30%, transparent);pointer-events:none;opacity:.6;background-color:#0000;border-color:#0000}
