/* @group @variables */

[class*="m-chapter-footer-load-more"] {
--chapter-footer-gap: 0;
--spacing-gap: 3rem;
--chapter-footer-max-size: 100%;
}

/* @end @variables */

/* @group @m-chapter-footer-load-more */

[class*="m-chapter-footer-load-more"] {
display: grid;
align-content: var(--content-block-align-content);
grid-template-columns: repeat(1, 1fr);
grid-row-gap: var(--spacing-gap);
}

/* @end @m-chapter-footer-load-more */

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

/* @group @variables */

[class*="a-loader-spin"] {
--loader-spin-size: 7.5rem;
--loader-spin-line: 2px solid hsla(205, 100%, 40%, 1);
}

html {
--loader-display: none;
}

[class*="is-load-infinite-scroll"] {
--loader-display: flex;
}

/* @end @variables */

/* @group @a-loader-spin */

[class*="a-loader-spin"] {
box-sizing: border-box;
display: var(--loader-display);
width: var(--loader-spin-size);
height: var(--loader-spin-size);
margin-right: auto;
margin-left: auto;
border-top: var(--loader-spin-line);
border-radius: 50%;
animation: spin 1s linear infinite;
}

@keyframes spin {
0% {transform: rotate(0deg);}
100% {transform: rotate(360deg);}
}

/* @end @a-loader-spin */

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

/* @group @variables */

/* @end @variables */

/* @group @infinite-scroll */

[class="is-page-load-status"] {
display: none;
}

/* @end @infinite-scroll */

/* @group @infinite-scroll-error */

[class*="a-infinite-scroll-error"] {
display: none;
width: 100%;
max-width: 40rem;
margin-right: auto;
margin-left: auto;
padding: .75rem;
background: hsla(4, 90%, 58%, 1);
color: hsla(0, 0%, 100%, 1);
text-align: center;
}

/* @end @a-infinite-scroll-error */

/* @group @a-infinite-scroll-last */

[class*="a-infinite-scroll-last"] {
display: none;
width: 100%;
max-width: 40rem;
margin-right: auto;
margin-left: auto;
text-align: center;
word-break: keep-all;
}

/* @end @a-infinite-scroll-last */

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

/* @group @variables */

[class*="m-pager"] {
--pager-grid-template-columns: 1fr 1px 1fr;
--pager-before-grid-column: 2;
--pager-link-prev-grid-column: 1;
--a-pager-link-next-grid-column: 3;
--pager-border-width: 1px 0;
--pager-border-color: var(--color-gainsboro);
}

[class*="is-load-infinite-scroll"] [class*="m-pager"] {
--pager-before-grid-column: 1;
--pager-link-prev-grid-column: 1;
--a-pager-link-next-grid-column: 2;
--pager-grid-template-columns: 1fr auto 1fr;
--pager-border-width: 0;
--pager-border-color: transparent;
}

/* @end @variables */

/* @group @m-pager */

[class*="m-pager"] {
box-sizing: border-box;
display: grid;
grid-template-columns: var(--pager-grid-template-columns);
min-height: calc(.375rem * 10);
border: solid var(--pager-border-color);
border-width: 1px 0;
}

[class*="m-pager"]:before {
grid-column: var(--pager-before-grid-column);
grid-row: 1;
}

[class*="a-pager-link-prev"] {
grid-column: var(--pager-link-prev-grid-column);
grid-row: 1;
}

[class*="a-pager-link-next"] {
grid-column: var(--pager-link-next-grid-column);
grid-row: 1;
}

[class*="m-pager"]:before {
content: '';
background-color: var(--pager-border-color);
}

/* @end @m-pager */

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

/* @group @variables */

[class*="m-pager"] {
--pager-link-display: grid;
--pager-link-padding: calc(.75rem - 1px);
--pager-icon-size: .75rem;
--pager-link-text-color: : var(--color-text);
--pager-link-text-action-color: var(--color-brand-action);
--pager-link-text-active-color: var(--color-brand-active);
--pager-link-direction: rtl;
--icon-next: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="hsl(0, 0%, 100%)" d="M6 25a1 1 0 0 1-.647-1.763l12.099-10.236L5.354 2.765a1.001 1.001 0 0 1 1.292-1.528l13 11a1 1 0 0 1 0 1.528l-13 11A1.002 1.002 0 0 1 6 25z"/></svg>');
--icon-prev: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="hsl(0, 0%, 100%)" d="M19 25c-.228 0-.458-.078-.646-.236l-13-11a1.001 1.001 0 0 1 0-1.528l13-11a1 1 0 0 1 1.292 1.527L7.548 13l12.098 10.236A1 1 0 0 1 19 25z"/></svg>');
}

[class*="is-load-infinite-scroll"] [class*="m-pager"] {
--pager-label-content: 'Load More';
--pager-label-position: absolute;
--pager-label-left: -999rem;
--pager-link-prev-position: absolute;
--pager-link-prev-left: -999em;
--pager-icon-size: 1.125rem;
--pager-link-max-width: 20rem;
--pager-link-min-height: 3rem;
--pager-link-padding: .75rem 3rem;
--pager-link-border-radius: 99rem;
--pager-link-background-color: var(--color-brand);
--pager-link-background-action-color: var(--color-brand-action);
--pager-link-background-active-color: var(--color-brand-active);
--pager-link-text-color: var(--color-white);
--pager-link-text-action-color: var(--color-white);
--pager-link-text-active-color: var(--color-white);
--pager-link-font-size: 1.125rem;
--pager-link-direction: ltr;
--icon-next: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="hsl(0, 0%, 100%)" fill-rule="nonzero" d="M22.278 10.809a1 1 0 1 1 1.445 1.383l-11 11.5a.998.998 0 0 1-1.446 0l-11-11.5a.999.999 0 0 1 .032-1.413 1 1 0 0 1 1.414.03L12 21.555zm0-10.5a1 1 0 1 1 1.445 1.383l-11 11.5a.998.998 0 0 1-1.446 0l-11-11.5A.999.999 0 0 1 .309.278 1.001 1.001 0 0 1 1.723.31L12 11.054z"/></svg>');
}

/* @end @variables */

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

[class*="a-pager-link"] {
box-sizing: border-box;
display: var(--pager-link-display);
place-items: center center;
grid-template-columns: var(--pager-icon-size) 1fr;
gap: .75rem;
width: 100%;
max-width: var(--pager-link-min-width);
min-height: var(--pager-link-min-height);
padding: var(--pager-link-padding);
background-color: var(--pager-link-background-color);
border-radius: var(--pager-link-border-radius);
font-size: var(--pager-link-font-size);
color: var(--pager-link-text-color);
text-align: center;
text-transform: uppercase;
transition: var(--link-transition);
}

[class*="a-pager-link-prev"] {
position: var(--pager-link-prev-position);
left: var(--pager-link-prev-left);
}

[class*="a-pager-link"]:hover,
[class*="a-pager-link"]:focus {
background-color: var(--pager-link-background-action-color);
color: var(--pager-link-text-action-color);
}

[class*="a-pager-link"]:active {
background-color: var(--pager-link-background-active-color);
color: var(--pager-link-text-active-color);
}

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

[class*="a-pager-label"]:before {
content: var(--pager-label-content);
}

[class*="a-pager-label"]>span {
position: var(--pager-label-position);
left: var(--pager-label-left);
}

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

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

[class*="a-pager-icon"] {
display: flex;
place-items: center center;
width: var(--pager-icon-size);
height: var(--pager-icon-size);
background-color: currentColor;
-webkit-mask-size: var(--pager-icon-size);
mask-size: var(--pager-icon-size);
}

[class*="a-pager-icon-prev"] {
-webkit-mask-image: var(--icon-prev);
mask-image: var(--icon-prev);
}

[class*="a-pager-icon-next"] {
-webkit-mask-image: var(--icon-next);
mask-image: var(--icon-next);
}

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