/* @group @variables */

[class*="m-pagination"] {
--padding: calc(.375rem - 1px);
--background-color: var(--color-white);
--border-color: var(--color-gainsboro);
--current-background-color: var(--color-primary);
--current-color: var(--color-white);
--list-display: contents;
--icon-width: .75rem;
--icon-height: .75rem;
--link-background-color: var(--color-white);
--link-color: var(--color-text);
--link-action-background-color: var(--color-senary);
--link-action-color: var(--color-text-action);
--link-active-background-color: var(--color-premier-action-secondary);
--link-active-color: var(--color-text-active);
}

/* @end @variables */

/* @group @m-pagination */

[class*="m-pagination"] {
box-sizing: border-box;
display: grid;
grid-template-columns: 6rem 1px 1fr 1px 6rem;
grid-template-rows: 1px 1fr 1px;
box-shadow: inset 0 1px 0 var(--border-color), inset 0 -1px 0 var(--border-color);
}

[class*="a-pagination-prev"],
[class*="a-pagination-next"],
[class*="a-pagination-list"] {
background-color: var(--background-color);
}

[class*="a-pagination-prev"] {
grid-column: 1;
grid-row: 2;
}

[class*="a-pagination-next"] {
grid-column: 5;
grid-row: 2;
}

[class*="a-pagination-list"] {
grid-column: 3;
grid-row: 2;
}

/* @end @m-pagination */

/* -------------------------------------------------------- */

/* @group @variables */

[class*="m-pagination"] {
}

@media all and (min-width: 48em) {

[class*="a-pagination-list"] {
--list-columns: repeat(auto-fit, 3rem);
}

}

@media all and (max-width:47.9375em) {

[class*="a-pagination-list"]>li {
--list-position: absolute;
--list-left: -999em;
--list-display: flex;
}

[class*="a-pagination-list"]>[class*="a-pagination-detail-current"],
html [class*="a-pagination-detail-current"] + li,
html *:has(+ [class*="a-pagination-detail-current"]) {
--list-position: static;
--list-left: 0;
}

}

@media all and (min-width:30em) {

html [class*="a-pagination-detail-current"] + li + li,
html :has(+ * + [class*="a-pagination-detail-current"]) {
--list-position: static;
--list-left: 0;
}

}

/* @end @variables */

/* @group @a-pagination-list */

[class*="a-pagination-list"] {
display: grid;
justify-content: center;
gap: .375rem;
grid-auto-flow: column;
grid-template-columns: var(--list-columns);
box-shadow: 1px 0 0 var(--border-color), -1px 0 0 var(--border-color);
}

[class*="a-pagination-list"]>li {
position: var(--list-position);
left: var(--list-left);
display: var(--list-display);
}

/* @end @a-pagination-list */

/* -------------------------------------------------------- */

/* @group @a-pagination-current */

[class*="a-pagination-current"] {
box-sizing: border-box;
display: grid;
place-items: center center;
padding: var(--padding);
width: 2.625rem;
background-color: var(--current-background-color);
color: var(--current-color);
font-weight: 500;
font-variation-settings: "wght" 500;
}

/* @end @a-pagination-current */

/* -------------------------------------------------------- */

/* @group @a-pagination-link */

[class*="a-pagination-link"] {
box-sizing: border-box;
display: grid;
place-items: center center;
grid-template-columns: 1fr;
gap: .75rem;
width: 2.625rem;
padding: var(--padding);
text-align: center;
}

/* @end @a-pagination-link */

/* -------------------------------------------------------- */

/* @group @a-pager-link */

[class*="a-pager-link"] {
display: grid;
justify-content: center;
align-items: center;
gap: .75rem;
grid-template-columns: auto 1fr;
padding: calc(.75rem - 1px);
text-align: var(--link-text-align);
}

[class*="a-pager-link-next"] {
direction: rtl;
}

/* @end @a-pager-link */

/* @group @a-pager-icon */

[class*="a-pager-icon"] {
width: var(--icon-width);
height: var(--icon-height);
}

/* @end @a-pager-icon */