.page-pagination{--pagination-gap:.5rem;--pagination-btn-size:2.5rem}@media (min-width:62rem){.page-pagination{display:inline-block}}@media (max-width:47rem){.page-pagination{--pagination-btn-size:2rem}}.page-pagination__row{align-items:center;display:flex;gap:var(--pagination-gap)}@media (max-width:61rem){.page-pagination__row{justify-content:center}}.page-pagination__inner-row{align-items:center;display:flex;gap:var(--pagination-gap);justify-content:center}@media (min-width:62rem){.page-pagination__inner-row{flex:1 1 auto}}.page-pagination__list{display:flex;gap:var(--pagination-gap)}.page-pagination__list>li>button{align-items:center;background-color:transparent;border:.0625rem solid transparent;border-radius:var(--pagination-btn-size);color:var(--color-black-900);display:flex;font-size:var(--body-font-size);font-weight:var(--body-font-weight);height:var(--pagination-btn-size);justify-content:center;line-height:var(--body-line-height);padding:.125rem;position:relative;transition:background-color var(--transition-duration-primary),color var(--transition-duration-primary),border var(--transition-duration-primary);width:var(--pagination-btn-size)}@media (max-width:47rem){.page-pagination__list>li>button{font-size:var(--body-font-size-xs)}}.page-pagination__list>li>button:not(:disabled){cursor:pointer}@media (any-hover:hover){.page-pagination__list>li>button:not(:disabled):hover{border-color:var(--color-black-300)}}.page-pagination__list>li>button:not(:disabled):active,.page-pagination__list>li>button:not(:disabled):focus{border-color:var(--color-black-300)}.page-pagination__list>li>button:not(:disabled)._active{border-color:var(--color-primary);border-width:.125rem}.page-pagination__btn{align-items:center;background-color:transparent;border:none;border-radius:var(--pagination-btn-size);color:var(--color-black-300);display:flex;flex:0 0 var(--pagination-btn-size);font-size:1.25rem;font-weight:var(--body-font-weight);height:var(--pagination-btn-size);justify-content:center;line-height:var(--body-line-height);padding:.25rem;position:relative;transition:background-color var(--transition-duration-primary),color var(--transition-duration-primary),border-color var(--transition-duration-primary);width:var(--pagination-btn-size)}.page-pagination__btn:not(:disabled){cursor:pointer}@media (any-hover:hover){.page-pagination__btn:not(:disabled):hover{color:var(--color-black-500)}}