.pagination{width:100%;min-width:0;margin-top:20px;container-type:inline-size}.pagination-layout{justify-items:center;gap:12px;min-width:0;display:grid}.pagination-summary{color:var(--muted);font-size:var(--text-meta);font-variant-numeric:tabular-nums;text-align:center;margin:0;font-weight:500;line-height:1.5}.pagination-summary strong,.pagination-status strong,.pagination-jump-preview strong{color:var(--foreground);font-weight:700}.pagination-track{border:1px solid var(--border);border-radius:var(--radius-control);background:var(--surface-soft);align-items:center;gap:4px;width:100%;min-width:0;padding:4px;display:flex}.pagination-pages{align-items:center;gap:4px;margin:0;padding:0;list-style:none;display:none;position:relative}.pagination-pages>li:not(.pagination-thumb){z-index:1;position:relative}.pagination-status{min-width:0;min-height:var(--control-compact-height);border-radius:var(--radius-segment);color:var(--muted);font:inherit;font-size:var(--text-support);font-variant-numeric:tabular-nums;white-space:nowrap;background:0 0;border:0;flex:auto;justify-content:center;align-items:center;gap:8px;margin:0;padding:0 12px;font-weight:650;line-height:1.2;display:inline-flex}.pagination-status>svg{color:var(--teal);flex:none}.pagination-step,.pagination-page,.pagination-gap{min-width:var(--control-compact-height);height:var(--control-compact-height);border-radius:var(--radius-segment);color:var(--muted);font-size:var(--text-support);font-variant-numeric:tabular-nums;flex:none;justify-content:center;align-items:center;padding:0 8px;font-weight:650;line-height:1;display:inline-flex}.pagination-step,.pagination-page,button.pagination-gap,button.pagination-status{cursor:pointer;transition:background-color .16s var(--ease), color .16s var(--ease), box-shadow .16s var(--ease), opacity .16s var(--ease);background:0 0;border:0;margin:0;font-family:inherit;text-decoration:none}.pagination-step{color:var(--foreground)}.pagination-step>svg{transition:translate .2s var(--ease);flex:none}.pagination-page[aria-current=page],.pagination-thumb{background:var(--surface);box-shadow:0 1px 2px color-mix(in srgb, var(--foreground) 8%, transparent), 0 4px 12px -8px color-mix(in srgb, var(--foreground) 35%, transparent)}.pagination-page[aria-current=page]{color:var(--foreground);cursor:default;font-weight:700}.pagination-thumb{width:var(--control-compact-height);height:var(--control-compact-height);border-radius:var(--radius-segment);opacity:0;pointer-events:none;transition:translate .36s var(--ease), width .36s var(--ease), opacity .16s var(--ease);position:absolute;top:0;left:0}.pagination-thumb[data-ready]{opacity:1}.pagination-pages:has(>.pagination-thumb[data-ready]) .pagination-page[aria-current=page]{box-shadow:none;background:0 0}.pagination-step[aria-disabled=true]{opacity:.4;cursor:default}.pagination[aria-busy=true] :is(.pagination-step,.pagination-page){cursor:progress}.pagination-gap{-webkit-user-select:none;user-select:none}.pagination[data-direction] .pagination-roll{animation:pagination-roll-forward .36s var(--ease) both;display:inline-block}.pagination[data-direction=back] .pagination-roll{animation-name:pagination-roll-back}@keyframes pagination-roll-forward{0%{opacity:0;transform:translateY(.7em)}}@keyframes pagination-roll-back{0%{opacity:0;transform:translateY(-.7em)}}.pagination-step:focus-visible,.pagination-page:focus-visible,button.pagination-gap:focus-visible,button.pagination-status:focus-visible{box-shadow:inset 0 0 0 2px var(--focus);outline:none}:is(.pagination-step,.pagination-page,button.pagination-gap,button.pagination-status):active:not([aria-disabled=true],[aria-current=page]){background:color-mix(in srgb, var(--teal) 8%, transparent)}.pagination-previous:active:not([aria-disabled=true])>svg{translate:-3px}.pagination-next:active:not([aria-disabled=true])>svg{translate:3px}button.pagination-status[aria-expanded=true],button.pagination-gap[aria-expanded=true]{background:var(--surface);color:var(--foreground)}@media (hover:hover) and (pointer:fine){.pagination-step:not([aria-disabled=true]):hover,.pagination-page:not([aria-current=page]):hover,button.pagination-gap:hover,button.pagination-status:hover{color:var(--foreground);background:color-mix(in srgb, var(--surface) 60%, transparent)}.pagination-previous:not([aria-disabled=true]):hover>svg{translate:-2px}.pagination-next:not([aria-disabled=true]):hover>svg{translate:2px}}@container (min-width:460px){.pagination-track{width:auto}.pagination-pages{display:flex}.pagination-status{display:none}}@container (min-width:640px){.pagination-layout{grid-template-columns:minmax(0,1fr) auto;place-items:center start;gap:16px}.pagination-summary{text-align:left}.pagination-track{grid-column:2}}.pagination-jump{--caret:clamp(28px, var(--caret-x,50%), calc(100% - 28px));z-index:180;width:var(--radix-popover-trigger-width);border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface);min-width:min(280px,100vw - 24px);max-width:calc(100vw - 24px);color:var(--foreground);box-shadow:0 20px 50px -22px color-mix(in srgb, var(--foreground) 28%, transparent), 0 3px 12px -5px color-mix(in srgb, var(--foreground) 12%, transparent);transform-origin:var(--caret) calc(100% + 8px);animation:pagination-jump-in .24s var(--ease-surface);padding:16px;position:relative}.pagination-jump[data-side=bottom]{transform-origin:var(--caret) -8px}.pagination-jump[data-state=closed]{animation:pagination-jump-out .14s var(--ease) forwards}.pagination-jump-caret{bottom:-7px;left:var(--caret);border:solid var(--border);background:var(--surface);pointer-events:none;border-width:0 1px 1px 0;border-bottom-right-radius:3px;width:12px;height:12px;position:absolute;translate:-50%;rotate:45deg}.pagination-jump[data-side=bottom] .pagination-jump-caret{border-width:1px 0 0 1px;border-radius:3px 0 0;top:-7px;bottom:auto}.pagination-jump-form{gap:12px;display:grid}.pagination-jump-title{font-size:var(--text-support);margin-bottom:-4px;font-weight:650;line-height:1.4}.pagination-jump-stepper{border:1px solid var(--strong-border);border-radius:var(--radius-control);background:var(--surface);min-width:0;transition:border-color .16s var(--ease), box-shadow .16s var(--ease);align-items:center;gap:4px;padding:4px;display:flex}.pagination-jump-stepper:has(.pagination-jump-input:focus){border-color:var(--focus);box-shadow:inset 0 0 0 1px var(--focus)}.pagination-jump-stepper:has(.pagination-jump-input[aria-invalid=true]){border-color:var(--danger);box-shadow:inset 0 0 0 1px var(--danger)}.pagination-jump-step{width:var(--control-compact-height);height:var(--control-compact-height);border-radius:var(--radius-segment);background:var(--surface-soft);color:var(--foreground);cursor:pointer;transition:background-color .16s var(--ease), opacity .16s var(--ease);border:0;flex:none;justify-content:center;align-items:center;margin:0;padding:0;display:inline-flex}.pagination-jump-step[aria-disabled=true]{opacity:.4;cursor:default}.pagination-jump-step:focus-visible{box-shadow:inset 0 0 0 2px var(--focus);outline:none}.pagination-jump-step:active:not([aria-disabled=true]){background:color-mix(in srgb, var(--teal) 14%, var(--surface-soft))}.pagination-jump-value{min-width:0;color:var(--muted);font-size:var(--text-support);font-variant-numeric:tabular-nums;white-space:nowrap;cursor:text;flex:auto;justify-content:center;align-items:baseline;gap:6px;font-weight:600;display:flex}.pagination-jump-input{width:calc(var(--digits,2) * 1ch + 6px);height:var(--control-compact-height);color:var(--foreground);font:inherit;font-variant-numeric:tabular-nums;text-align:center;caret-color:var(--teal);box-shadow:none;appearance:none;background:0 0;border:0;border-radius:0;outline:none;margin:0;padding:0;font-size:1.25rem;font-weight:700}.pagination-jump-input::selection{background:color-mix(in srgb, var(--focus) 22%, transparent)}.pagination-jump-slider{min-width:0;display:grid;position:relative}.pagination-jump-here{top:calc(var(--control-compact-height) / 2);left:calc(12px + (100% - 24px) * var(--here,0));border:2px solid var(--surface);background:var(--muted);pointer-events:none;border-radius:50%;width:8px;height:8px;position:absolute;translate:-50% -50%}.pagination-jump-scale{color:var(--muted);font-variant-numeric:tabular-nums;justify-content:space-between;margin-top:-6px;padding-inline:8px;font-size:.75rem;font-weight:600;line-height:1.4;display:flex}.pagination-jump input[type=range]{width:100%;min-width:0;height:var(--control-compact-height);cursor:pointer;appearance:none;background:0 0;margin:0}.pagination-jump input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--teal) var(--fill,0%), var(--border) var(--fill,0%));border-radius:999px;height:6px}.pagination-jump input[type=range]::-moz-range-track{background:var(--border);border-radius:999px;height:6px}.pagination-jump input[type=range]::-moz-range-progress{background:var(--teal);border-radius:999px;height:6px}.pagination-jump input[type=range]::-webkit-slider-thumb{border:2px solid var(--teal);background:var(--surface);width:24px;height:24px;box-shadow:0 2px 8px -2px color-mix(in srgb, var(--foreground) 35%, transparent);appearance:none;transition:scale .16s var(--ease);border-radius:50%;margin-top:-9px}.pagination-jump input[type=range]::-moz-range-thumb{border:2px solid var(--teal);background:var(--surface);width:20px;height:20px;transition:scale .16s var(--ease);border-radius:50%}.pagination-jump input[type=range]:active::-webkit-slider-thumb{scale:1.2}.pagination-jump input[type=range]:active::-moz-range-thumb{scale:1.2}.pagination-jump input[type=range]:focus-visible{outline:none}.pagination-jump input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px var(--focus)}.pagination-jump input[type=range]:focus-visible::-moz-range-thumb{box-shadow:0 0 0 3px var(--focus)}.pagination-jump-preview{min-height:1.5em;color:var(--muted);font-size:var(--text-meta);font-variant-numeric:tabular-nums;margin:0;line-height:1.5}.pagination-jump .button{width:100%;min-height:var(--control-height);padding-block:11px}.pagination-jump .button:disabled{opacity:.45;cursor:not-allowed}.pagination-jump .button:disabled:before{display:none}@media (hover:hover) and (pointer:fine){.pagination-jump-step:not([aria-disabled=true]):hover{background:var(--sage)}.pagination-jump-stepper:not(:has(.pagination-jump-input:focus)):hover{border-color:var(--teal)}}@keyframes pagination-jump-in{0%{opacity:0;transform:translateY(6px)scale(.94)}}@keyframes pagination-jump-out{to{opacity:0;transform:translateY(4px)scale(.98)}}@media (prefers-reduced-motion:reduce){.pagination-step,.pagination-step>svg,.pagination-page,.pagination-thumb,button.pagination-gap,button.pagination-status,.pagination-jump-stepper,.pagination-jump-step{transition:none}.pagination-jump input[type=range]::-webkit-slider-thumb{transition:none}.pagination[data-direction] .pagination-roll,.pagination-jump,.pagination-jump[data-state=closed]{animation:none}}@media (forced-colors:active){.pagination-page[aria-current=page],.pagination-step:focus-visible,.pagination-page:focus-visible,button.pagination-gap:focus-visible,button.pagination-status:focus-visible,.pagination-jump-step:focus-visible{outline-offset:-2px;outline:2px solid highlight}.pagination-jump-stepper:has(.pagination-jump-input:focus){outline-offset:-2px;outline:2px solid highlight}.pagination-thumb{display:none}}
