.pf-pg{--ink:#1B1B22;--ink-2:#5A5A64;--ink-3:#8C8C96;--ink-4:#B7B7BE;--bg:#FBFBFC;--surface:#fff;--line-2:#DDDDE3;--r-md:12px}.pf-pg .pagination{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px;margin-top:34px}.pf-pg .pagination a,.pf-pg .pagination .pg-off{display:inline-flex;align-items:center;justify-content:center;gap:6px;text-decoration:none;min-width:40px;height:40px;padding:0 12px;border:1px solid var(--line-2);background:var(--surface);border-radius:var(--r-md);font-size:14px;font-weight:500;color:var(--ink-2);cursor:pointer;transition:all .14s}.pf-pg .pagination a:hover:not(.on){border-color:var(--ink-3);color:var(--ink)}.pf-pg .pagination a.on{background:var(--ink);color:var(--bg);border-color:var(--ink)}.pf-pg .pagination .pg-off{opacity:.4;cursor:not-allowed}.pf-pg .pagination .dots{color:var(--ink-4);padding:0 4px}