/* Shared by catalogue and server-rendered consumers. No legacy .pages/btn classes. */
[data-zevs-ui].ui-pagination,
[data-zevs-ui] .ui-pagination {
    display: flex;
    align-items: center;
    gap: var(--zds-pagination-gap);
    flex-wrap: wrap;
    margin-block-start: 14px;
    max-inline-size: 100%;
}
[data-zevs-ui].ui-pagination .ui-page-button,
[data-zevs-ui] .ui-pagination .ui-page-button {
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    flex: 0 0 auto;
    inline-size: auto;
    min-inline-size: var(--zds-pagination-number-width);
    block-size: var(--zds-pagination-height);
    min-block-size: var(--zds-pagination-height);
    margin: 0;
    padding-block: 0;
    padding-inline: 2px;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: var(--zds-navigation-ink);
    font-family: inherit;
    font-size: calc(var(--zds-font-size) * var(--font-scale, 1));
    font-weight: 400;
    line-height: 1;
    font-variant-numeric: tabular-nums;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
    outline: none;
    box-shadow: none;
}
[data-zevs-ui].ui-pagination .ui-page-button[data-ui-page-kind="arrow"],
[data-zevs-ui] .ui-pagination .ui-page-button[data-ui-page-kind="arrow"] {
    inline-size: var(--zds-pagination-arrow-width);
    min-inline-size: var(--zds-pagination-arrow-width);
    padding-inline: 0;
}
[data-zevs-ui].ui-pagination .ui-page-button svg,
[data-zevs-ui] .ui-pagination .ui-page-button svg {
    inline-size: var(--zds-glyph-size);
    block-size: var(--zds-glyph-size);
    flex: none;
    stroke: currentColor;
}
[data-zevs-ui].ui-pagination .ui-page-button:is(:hover, :active, :focus-visible, [aria-current="page"]),
[data-zevs-ui] .ui-pagination .ui-page-button:is(:hover, :active, :focus-visible, [aria-current="page"]) {
    color: var(--zds-navigation-current);
    background: transparent;
    border: 0;
    outline: none;
    box-shadow: none;
    text-decoration: none;
}
[data-zevs-ui].ui-pagination .ui-page-button[aria-current="page"]::after,
[data-zevs-ui] .ui-pagination .ui-page-button[aria-current="page"]::after {
    content: "";
    position: absolute;
    inline-size: var(--zds-pagination-indicator-width);
    block-size: 1px;
    background: currentColor;
    inset-block-end: 3px;
    inset-inline-start: calc(50% - var(--zds-pagination-indicator-width) / 2);
    pointer-events: none;
}
[data-zevs-ui].ui-pagination .ui-page-button:is(:disabled, [aria-disabled="true"]),
[data-zevs-ui] .ui-pagination .ui-page-button:is(:disabled, [aria-disabled="true"]) {
    color: var(--zds-navigation-ink);
    opacity: .4;
    cursor: default;
}
[data-zevs-ui].ui-pagination .ui-page-ellipsis,
[data-zevs-ui] .ui-pagination .ui-page-ellipsis {
    padding-inline: 2px;
    color: var(--zds-navigation-ink);
    font-size: calc(var(--zds-font-size) * var(--font-scale, 1));
}