/* HeroUI v3 ButtonGroup/Button secondary styles expanded and scoped (Apache-2.0).
 * Local modification: page counter replaces the separator, jump form added.
 */
.resource-pager { position: relative; display: inline-flex; font-family: BronzCategoryInter,ui-sans-serif,system-ui,sans-serif; font-size:14px; line-height:20px; color:oklch(.9911 0 0); }
.resource-pager__group { display:inline-flex; align-items:center; justify-content:center; gap:0; }
.resource-pager .resource-pager__button {
  position:relative; display:inline-flex; align-items:center; justify-content:center; gap:8px;
  height:36px; width:fit-content; padding:0 16px; border:0; border-radius:0;
  background:oklch(27.4% .006 286.033); color:oklch(.9911 0 0);
  font:inherit; font-weight:500; white-space:nowrap; text-decoration:none; cursor:pointer;
  transition:background-color 100ms ease,box-shadow 100ms ease;
}
.resource-pager__group .resource-pager__button:first-child { border-radius:24px 0 0 24px; }
.resource-pager__group .resource-pager__button:last-child { border-radius:0 24px 24px 0; }
.resource-pager .resource-pager__button:hover { background:color-mix(in oklab,oklch(27.4% .006 286.033) 96%,oklch(.9911 0 0) 4%); }
.resource-pager .resource-pager__button[aria-disabled="true"] { opacity:.5; pointer-events:none; cursor:default; }
.resource-pager__button:focus-visible { outline:2px solid oklch(.6204 .195 253.83); outline-offset:2px; z-index:1; }
.resource-pager .resource-pager__counter { padding:0 8px; font-variant-numeric:tabular-nums; }
.resource-pager__jump { position:absolute; top:calc(100% + 8px); right:0; z-index:100; width:220px; padding:12px; border-radius:16px; background:oklch(.2103 .0059 285.89); box-shadow:0 0 1px rgba(255,255,255,.3) inset; }
.resource-pager__jump label { display:flex; flex-direction:column; gap:4px; font:inherit; }
.resource-pager__jump input, .dark .resource-pager__jump input { width:100%; padding:8px 12px; border:0!important; border-radius:12px; background:oklch(27.4% .006 286.033)!important; color:oklch(.9911 0 0)!important; font:inherit; box-sizing:border-box; }
.resource-pager__jump .resource-pager__button { margin-top:8px; border-radius:24px; }
.resource-pager [hidden] { display:none!important; }
@media(max-width:767px) { .resource-pager .resource-pager__button { height:40px; } }
@media(prefers-reduced-motion:reduce) { .resource-pager .resource-pager__button { transition:none; } }