.echo-pagination{max-width:100%}.echo-pagination,.echo-pagination__list{display:flex;align-items:center;flex-wrap:wrap;justify-content:center;gap:var(--echo-space-3)}.echo-pagination__list{margin:0;padding:0;list-style:none}.echo-pagination__page,.echo-pagination__step{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-width:var(--echo-control-compact);height:var(--echo-control-compact);padding:0 var(--echo-space-4);border:0;border-radius:var(--echo-radius-md);cursor:pointer;font-family:var(--echo-font-machine,ui-sans-serif,system-ui,sans-serif);font-size:var(--echo-text-xs);font-weight:var(--echo-weight-semibold,600);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;line-height:var(--echo-leading-none,1);color:var(--echo-text);background:linear-gradient(180deg,var(--echo-cap-highlight) 0,var(--echo-cap) 40%,var(--echo-cap) 62%,var(--echo-cap-shadow) 100%);box-shadow:inset 0 1.5px 0 rgb(255 255 255/calc(.42 * var(--echo-gloss, 1))),inset 0 -2px 3px color-mix(in oklab,var(--echo-cast-ink,black) calc(.5 * var(--echo-shade, 1) * 100%),transparent),0 calc(2px + 1px * var(--lift, 0) - 2px * var(--press, 0)) 0 var(--echo-seam),0 calc(5px + 3px * var(--lift, 0) - 3px * var(--press, 0)) calc(9px + 5px * var(--lift, 0) - 5px * var(--press, 0)) color-mix(in oklab,var(--echo-cast-ink,black) calc(.5 * var(--echo-shade, 1) * 100%),transparent),inset 0 0 0 var(--echo-line-width,0) var(--echo-line,transparent);position:relative;overflow:hidden;will-change:transform}.echo-pagination__step{min-width:var(--echo-control-compact);padding:0;color:var(--echo-text-dim)}.echo-pagination__step svg{width:var(--echo-icon-md,16px);height:var(--echo-icon-md,16px)}.echo-pagination__step:dir(rtl) svg{transform:scaleX(-1)}.echo-pagination__page:focus-visible,.echo-pagination__step:focus-visible{outline:2px solid transparent;outline-offset:2px;box-shadow:var(
    --echo-shadow-ring,0 0 0 2px var(--echo-surface),0 0 0 4px var(--echo-accent-ink,var(--echo-accent-glow))
  )}.echo-pagination__page[data-current]{color:var(--echo-primary-cap-ink,var(--echo-text));background:linear-gradient(180deg,var(--echo-primary-cap-top) 0,var(--echo-primary-cap-mid) 45%,var(--echo-primary-cap-base) 100%);box-shadow:inset 0 1px 0 rgb(255 255 255/calc(.45 * var(--echo-gloss, 1))),inset 0 -2px 3px color-mix(in oklab,var(--echo-cast-ink,black) calc(.3 * var(--echo-shade, 1) * 100%),transparent),0 1px 0 var(--echo-accent-6),inset 0 0 0 var(--echo-line-width,0) var(--echo-line,transparent)}.echo-pagination__page[data-current]:focus-visible{box-shadow:inset 0 1px 0 rgb(255 255 255/calc(.45 * var(--echo-gloss, 1))),inset 0 -2px 3px color-mix(in oklab,var(--echo-cast-ink,black) calc(.3 * var(--echo-shade, 1) * 100%),transparent),0 0 0 2px var(--echo-surface),0 0 0 4px var(--echo-accent-ink,var(--echo-accent-glow))}.echo-pagination__page[data-current]:after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle,rgb(255 255 255/calc(.45 * var(--echo-gloss, 1))) 0,transparent 70%);opacity:0;animation:echo-page-light var(--echo-duration-pop) var(--echo-ease-swap);pointer-events:none}@keyframes echo-page-light{0%{opacity:1;transform:scale(.2)}to{opacity:0;transform:scale(1)}}.echo-pagination__step[disabled]{opacity:.4;cursor:default}.echo-pagination__step[disabled]:active{transform:none}.echo-pagination__gap{display:inline-flex;align-items:flex-end;justify-content:center;min-width:20px;height:30px;padding-bottom:var(--echo-space-3);color:var(--echo-text-dim);font-family:var(--echo-font-machine,ui-sans-serif,system-ui,sans-serif);font-size:var(--echo-text-xs);line-height:var(--echo-leading-none,1)}@media (prefers-reduced-motion:reduce){.echo-pagination__page,.echo-pagination__step{transition:none}.echo-pagination__page[data-current]:after{animation:none}}@media (pointer:coarse){.echo-pagination__page,.echo-pagination__step{min-width:44px;height:44px}}