.pagination{box-sizing:border-box;border:1px solid var(--line);background:var(--surface);width:-webkit-fit-content;width:fit-content;max-width:100%;box-shadow:var(--shadow-sm);border-radius:12px;flex-wrap:wrap;gap:4px;margin:0;padding:4px;list-style-type:none;display:flex}.pagination li{text-align:center;border-radius:8px;min-width:18px;padding:8px;display:block}.pagination li a{border-radius:8px;margin:-8px;padding:8px;display:block}.pagination li,.pagination li a{color:#566f84;font-size:14px;font-weight:600;line-height:18px;text-decoration:none}.pagination li:hover{cursor:pointer;background-color:#e8f0f6}.pagination li.disabled,.pagination li.disabled a{color:#a8b6c2;cursor:default;background-color:#0000}.pagination li.active,.pagination li.active a{background-color:var(--brand);color:#fff}