/* Separate from .pager, which is owned by the legacy ZUI plugin. */
.site-pager {
    display: flex; align-items: center; justify-content: center; gap: 12px; flex-wrap: wrap;
    margin: clamp(26px, 4vw, 42px) 0 clamp(30px, 4vw, 48px);
    position: relative; z-index: 1; max-width: 100%;
}
.site-pager__jump, .site-pager__form, .site-pager__steps { display: flex; align-items: center; gap: 10px; margin: 0; min-width: 0; }
.site-pager__jump { flex-wrap: wrap; justify-content: center; max-width: 100%; }
.site-pager__count { color: #a9a9b6; font-size: 15px; font-variant-numeric: tabular-nums; margin-right: 2px; overflow-wrap: anywhere; }
.site-pager .site-pager__input, .site-pager .site-pager__go, .site-pager .site-pager__step {
    box-sizing: border-box; height: 44px; border-radius: 10px; border: 1px solid rgba(255,255,255,.14);
    background: transparent; color: #f4f4f6; font-size: 15px;
    transition: border-color .18s, background .18s, color .18s;
}
.site-pager .site-pager__input { width: 68px; padding: 0 12px; font-weight: 600; font-variant-numeric: tabular-nums; -moz-appearance: textfield; }
.site-pager__input::-webkit-outer-spin-button, .site-pager__input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.site-pager .site-pager__go, .site-pager .site-pager__step { display: inline-flex; align-items: center; justify-content: center; padding: 0 20px; cursor: pointer; white-space: nowrap; text-decoration: none; }
.site-pager .site-pager__go:not(:disabled):hover, .site-pager .site-pager__step:hover { border-color: #ff2f6d; color: #fff; background: rgba(255,47,109,.12); }
.site-pager :focus-visible { outline: 2px solid #ff6b95; outline-offset: 3px; }
.site-pager :disabled { opacity: .45; cursor: default; }
.site-pager [hidden] { display: none; }
.site-pager__label { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
@media (max-width: 559px) {
    .site-pager__steps { width: 100%; justify-content: center; }
    .site-pager__step { flex: 1; }
}
@media (prefers-reduced-motion: reduce) {
    .site-pager .site-pager__input, .site-pager .site-pager__go, .site-pager .site-pager__step { transition: none; }
}