/* Shared list pagination: circular arrows, capsule pages and pill jump controls. */
.xl-ui .xl-pagination-wrap{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:16px;margin:32px 0;color:var(--text-secondary);font-size:16px;line-height:24px}
.xl-ui .xl-pagination{display:flex;align-items:center;justify-content:center;flex-wrap:nowrap;gap:12px;margin:0;min-width:0}
.xl-ui .xl-pagination-pages{display:flex;align-items:center;gap:0;padding:4px;margin:0;list-style:none;border-radius:999px;background:var(--bg-surface)}
.xl-ui .xl-pagination-pages>li{display:flex;margin:0;padding:0;list-style:none}
.xl-ui .xl-pagination-pages a,.xl-ui .xl-pagination-pages span,.xl-ui .xl-pagination-pages>li:empty{display:flex;align-items:center;justify-content:center;flex:none;min-width:36px;height:36px;padding:0 6px;border:0;border-radius:999px;background:transparent;color:var(--text-secondary);font-size:16px;line-height:1;text-decoration:none}
.xl-ui .xl-pagination-pages>li:not(:has(a)){min-width:36px;justify-content:center;align-items:center}
.xl-ui .xl-pagination-pages a[aria-current="page"],.xl-ui .xl-pagination-pages a.is-active{color:#fff;background:linear-gradient(90deg,#5c7bff,#ff538d)}
.xl-ui .xl-pagination .xl-page-arrow{display:flex;align-items:center;justify-content:center;flex:none;width:44px;min-width:44px;height:44px;padding:0;border-radius:50%;background:var(--bg-surface);color:var(--text-secondary)}
.xl-ui .xl-page-arrow:before{content:"";display:block;width:9px;height:9px;border-top:2px solid currentColor;border-right:2px solid currentColor;transform:rotate(45deg);margin-right:4px}
.xl-ui .xl-page-prev:before{transform:rotate(-135deg);margin-right:0;margin-left:4px}
.xl-ui .xl-page-arrow[aria-disabled="true"]{opacity:.4}
.xl-ui .xl-pagination a:hover:not([aria-current="page"]){background:var(--bg-emphasis)}
.xl-ui .xl-pagination-total{white-space:nowrap;margin-left:8px}
.xl-ui .xl-pagination-wrap .xl-page-jump{display:flex;align-items:center;justify-content:center;gap:12px;margin:0;white-space:nowrap}
.xl-ui .xl-pagination-wrap .xl-page-jump label{display:flex;align-items:center;gap:12px;font-weight:400;margin:0}
.xl-ui .xl-pagination-wrap .xl-page-jump input{box-sizing:border-box;width:64px;height:44px;padding:0 8px;border:0;border-radius:999px;background:var(--bg-surface);color:var(--text-primary);text-align:center;font:inherit;appearance:textfield;-moz-appearance:textfield}
.xl-ui .xl-page-jump input::-webkit-inner-spin-button,.xl-ui .xl-page-jump input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.xl-ui .xl-pagination-wrap .xl-page-jump button{height:44px;min-width:80px;padding:0 24px;border:0;border-radius:999px;background:linear-gradient(90deg,#5c7bff,#ff538d);color:#fff;font:inherit;font-weight:600;cursor:pointer}
.xl-ui .xl-pagination-wrap a:focus-visible,.xl-ui .xl-page-jump input:focus-visible,.xl-ui .xl-page-jump button:focus-visible{outline:2px solid var(--brand-blue-default,#5c7bff);outline-offset:3px}
@media(max-width:640px){
  .xl-ui .xl-pagination-wrap{gap:12px;font-size:14px;line-height:20px}
  .xl-ui .xl-pagination{width:100%;gap:calc(4 * var(--xl-h5-unit))}
  .xl-ui .xl-pagination-pages{padding:calc(3 * var(--xl-h5-unit));min-width:0}
  .xl-ui .xl-pagination-pages a,.xl-ui .xl-pagination-pages span,.xl-ui .xl-pagination-pages>li:not(:has(a)){box-sizing:border-box;flex:none;width:calc(30 * var(--xl-h5-unit));min-width:calc(30 * var(--xl-h5-unit));height:calc(30 * var(--xl-h5-unit));padding:0;border-radius:50%;font-size:calc(12 * var(--xl-h5-unit))}
  .xl-ui .xl-pagination .xl-page-arrow{box-sizing:border-box;width:calc(32 * var(--xl-h5-unit));min-width:calc(32 * var(--xl-h5-unit));height:calc(32 * var(--xl-h5-unit))}
  .xl-ui .xl-pagination-total{margin-left:0}
  .xl-ui .xl-pagination-wrap .xl-page-jump,.xl-ui .xl-pagination-wrap .xl-page-jump label{gap:8px}
  .xl-ui .xl-pagination-wrap .xl-page-jump input{width:56px;height:40px}
  .xl-ui .xl-pagination-wrap .xl-page-jump button{min-width:72px;height:40px;padding:0 16px}
}