.pagination-card-preview>small{color:#7b87a0;font-size:9px;font-weight:800}.pagination-card-preview>p{color:#69758d;margin:0;font-size:9px;line-height:1.35}.pagination-card-preview{justify-items:stretch;gap:7px}.pagination-card-head{justify-content:space-between;align-items:center;gap:6px;display:flex}.pagination-card-head span{color:var(--ink);font-size:9px;font-weight:800}.pagination-card-head strong{border:1px solid var(--ink);background:var(--ink);color:var(--color-white);border-radius:99px;padding:2px 7px;font-size:8px;font-weight:800}.pagination-card-rows{gap:3px;margin:0;padding:0;list-style:none;display:grid}.pagination-card-rows li{border:1px solid var(--line);background:var(--color-white);color:#54545e;border-radius:6px;grid-template-columns:auto 1fr auto auto;align-items:center;gap:5px;padding:4px 7px;font-size:9px;line-height:1.2;display:grid}.pagination-card-rows li b{color:var(--ink);font-size:9px;font-weight:800}.pagination-card-rows li span{color:#65656e;text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.pagination-card-rows li em{color:var(--ink);font-size:9px;font-style:normal;font-weight:800}.pagination-card-rows li i{border-radius:99px;align-items:center;gap:3px;padding:1px 5px;font-size:7.5px;font-style:normal;font-weight:800;display:inline-flex}.pagination-card-rows li i:before{content:"";background:currentColor;border-radius:50%;width:5px;height:5px;display:block}.pagination-card-rows li i.is-shipped,.pagination-card-rows li i.is-completed{color:#2f6a45;background:#eef7f1}.pagination-card-rows li i.is-processing{color:#4d4e56;background:#eef0f3}.pagination-card-rows li i.is-pending{color:#8a5a1c;background:#fbf3e6}.pagination-card-rows li i.is-cancelled{color:#8a8a92;background:#f1f1f3}.pagination-card-range{text-align:center;color:var(--ink);margin:0;font-size:10px;font-weight:800}.pagination-card-pager{flex-wrap:wrap;justify-content:center;align-items:center;gap:3px;display:flex}.pagination-card-pager :is(i,b){border:1px solid var(--line);color:#65656e;background:var(--color-white);border-radius:5px;place-items:center;min-width:20px;height:20px;padding:0 4px;font-size:9px;font-style:normal;font-weight:800;display:grid}.pagination-card-pager .pagination-card-arrow{color:var(--ink)}.pagination-card-pager b[aria-current=page]{border-color:var(--ink);background:var(--ink);color:var(--color-white)}.pagination-card-caption{color:#65656e;margin:0;font-size:8.5px;line-height:1.5}.pagination-card-caption b{color:var(--ink);font-weight:800}@media (max-width:780px){.pagination-card-pager :is(i,b){min-width:18px;height:18px;padding-inline:3px}}.term-interactive-demo.pagination-lab-demo{border-color:var(--line);background:var(--color-white);gap:14px}.term-interactive-demo.pagination-lab-demo button{border:1px solid var(--line);background:var(--color-white);min-height:34px;color:var(--ink);font:inherit;border-radius:8px;padding:7px 11px;font-size:13px;font-weight:650}.term-interactive-demo.pagination-lab-demo button:hover:not(:disabled){border-color:color-mix(in srgb, var(--ink) 28%, var(--line));color:var(--ink)}.term-interactive-demo.pagination-lab-demo button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.term-interactive-demo.pagination-lab-demo button:disabled{opacity:.5;cursor:not-allowed}.pagination-lab-brief{color:var(--muted);margin:0;font-size:12.5px;line-height:1.6}.pagination-lab-brief b{color:var(--ink);font-weight:750}.pagination-lab-stage{border:1px solid var(--line);background:var(--soft);border-radius:10px;gap:10px;padding:14px;display:grid}.pagination-lab-stage-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.pagination-lab-stage-head small{color:var(--muted);font-size:11.5px}.pagination-lab-stage-head b{color:var(--ink);font-size:15px;font-weight:800;line-height:1.3;display:block}.pagination-lab-counter{border:1px solid var(--ink);background:var(--color-white);color:var(--ink);border-radius:99px;flex:none;padding:5px 11px;font-size:12px;font-weight:800}.pagination-lab-rows{gap:6px;margin:0;padding:0;list-style:none;display:grid}.pagination-lab-rows li{border:1px solid var(--line);background:var(--color-white);border-radius:8px;grid-template-columns:auto 1fr auto auto auto;align-items:center;gap:8px;padding:9px 11px;display:grid}.pagination-lab-order-id{color:var(--ink);font-size:13px;font-weight:800;font-family:var(--font-geist-mono), ui-monospace, SFMono-Regular, Menlo, monospace}.pagination-lab-order-customer{color:#4d4e56;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;overflow:hidden}.pagination-lab-order-amount{color:var(--ink);font-size:13px;font-style:normal;font-weight:800}.pagination-lab-order-time{color:var(--muted);font-size:12px}.pagination-lab-order-status{border-radius:99px;align-items:center;gap:5px;padding:2px 9px;font-size:11.5px;font-weight:700;display:inline-flex}.pagination-lab-order-status i{background:currentColor;border-radius:50%;width:6px;height:6px;display:block}.pagination-lab-order-status.is-shipped,.pagination-lab-order-status.is-completed{color:#2f6a45;background:#eef7f1}.pagination-lab-order-status.is-processing{color:#4d4e56;background:#eef0f3}.pagination-lab-order-status.is-pending{color:#8a5a1c;background:#fbf3e6}.pagination-lab-order-status.is-cancelled{color:#8a8a92;background:#f1f1f3;text-decoration:line-through}.pagination-lab-pager{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.pagination-lab-prev,.pagination-lab-next{flex:none}.pagination-lab-pages{flex-wrap:wrap;align-items:center;gap:5px;margin:0;padding:0;list-style:none;display:flex}.pagination-lab-pages li{place-items:center;display:grid}.pagination-lab-ellipsis{min-width:22px;height:34px;color:var(--muted);place-items:center;font-size:14px;font-weight:800;display:grid}.term-interactive-demo.pagination-lab-demo .pagination-lab-page{place-items:center;min-width:34px;min-height:34px;padding:0 8px;display:grid}.term-interactive-demo.pagination-lab-demo .pagination-lab-page.is-current,.term-interactive-demo.pagination-lab-demo .pagination-lab-page[aria-current=page]{border-color:var(--ink);background:var(--ink);color:var(--color-white)}.term-interactive-demo.pagination-lab-demo .pagination-lab-page.is-current:hover:not(:disabled){border-color:var(--ink);color:var(--color-white);filter:brightness(.92)}.pagination-lab-controls{flex-wrap:wrap;align-items:center;gap:10px 18px;display:flex}.pagination-lab-size,.pagination-lab-jump{color:var(--ink);align-items:center;gap:7px;font-size:13px;font-weight:650;display:inline-flex}.term-interactive-demo.pagination-lab-demo select{border:1px solid var(--line);background:var(--color-white);min-height:34px;color:var(--ink);font:inherit;accent-color:var(--ink);border-radius:8px;padding:6px 10px;font-size:13px}.term-interactive-demo.pagination-lab-demo select:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.term-interactive-demo.pagination-lab-demo .pagination-lab-jump input{border:1px solid var(--line);background:var(--color-white);width:64px;min-height:34px;color:var(--ink);font:inherit;accent-color:var(--ink);border-radius:8px;padding:6px 8px;font-size:13px}.term-interactive-demo.pagination-lab-demo .pagination-lab-jump input:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.term-interactive-demo.pagination-lab-demo .pagination-lab-jump-button{min-height:34px;padding:6px 12px}.pagination-lab-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.term-interactive-demo.pagination-lab-demo .pagination-lab-reset{background:var(--surface-card);color:var(--ink);flex:none}.term-interactive-demo.pagination-lab-demo .pagination-export-cta{background:var(--color-rausch-600);min-width:168px;color:var(--color-white);border:0;font-weight:750}.term-interactive-demo.pagination-lab-demo .pagination-export-cta:hover:not(:disabled){background:var(--color-rausch-600);color:var(--color-white);filter:brightness(.92)}.term-interactive-demo.pagination-lab-demo .pagination-export-cta:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.term-card .pagination-card-preview{--ink:#1f4269;--muted:#58718a;--line:#9eb9d0;--soft:#e6f0f7;--color-white:#fbfdff;color:#1f4269;background:#e7f0f7}.term-interactive-demo.pagination-lab-demo{--ink:#1f4269;--muted:#58718a;--line:#9eb9d0;--soft:#e6f0f7;--color-white:#fbfdff;--surface-card:#f6fbff;--color-rausch-600:#28638d;color:#1f4269;background:#e8f2f8;border-color:#6f98b8}.term-interactive-demo.pagination-lab-demo button:focus-visible,.term-interactive-demo.pagination-lab-demo select:focus-visible,.term-interactive-demo.pagination-lab-demo .pagination-lab-jump input:focus-visible{outline-color:#d99637}.pagination-lab-export-log{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.pagination-lab-export-log li{border:1px solid var(--line);border-left:3px solid var(--ink);background:var(--color-white);color:#54545e;border-radius:6px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;display:inline-flex}.pagination-lab-export-log li b{color:var(--ink);font-weight:800}.pagination-lab-export-log li small{color:var(--muted);font-size:11px}.pagination-lab-status{border-left:3px solid var(--ink);color:#3d3d45;background:#f5f5f5;border-radius:0 6px 6px 0;margin:0;padding:11px 13px;font-size:12.5px;line-height:1.6}.pagination-example-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.pagination-example{border:1px solid var(--line);background:var(--surface-card);border-radius:8px;padding:12px 14px}.pagination-example.is-good{border-left:4px solid var(--ink)}.pagination-example.is-bad{border-left:4px solid #a83a44}.pagination-example b{color:var(--ink);font-size:13px;font-weight:750}.pagination-example.is-bad b{color:#a83a44}.pagination-example p{color:#54545e;margin:6px 0 0;font-size:13px;line-height:1.6}.pagination-example span{color:var(--muted);margin-top:6px;font-size:12px;display:block}@media (max-width:560px){.pagination-lab-pager{gap:6px}.pagination-lab-rows li{grid-template-columns:auto 1fr auto;gap:6px}.pagination-lab-order-time{display:none}.pagination-lab-stage-head{flex-direction:column;align-items:flex-start}.pagination-lab-actions{flex-direction:column;align-items:stretch}.pagination-lab-actions button{width:100%}.pagination-example-grid{grid-template-columns:1fr}}