@layer components{:root{--twentyone--pagination--margin: var(--twentyone--spacing--16) 0;--twentyone--pagination--gap: var(--twentyone--spacing--4);--twentyone--pagination--list-item--font-size: var(--twentyone--element--font-size);--twentyone--pagination--list-item--icon--font-size: var(--twentyone--pagination--list-item--font-size);--twentyone--pagination--list-item--padding: calc(var(--twentyone--element--padding) / 2);--twentyone--pagination--list-item--color: var(--twentyone--color--black);--twentyone--pagination--list-item--icon--color: var(--twentyone--color--grey);--twentyone--pagination--list-item--color--hover: var(--twentyone--color--black);--twentyone--pagination--list-item--icon--color--hover: var(--twentyone--color--black);--twentyone--pagination--list-item--color--active: var(--twentyone--color--white);--twentyone--pagination--list-item--icon--color--active: var(--twentyone--pagination--list-item--color--active);--twentyone--pagination--list-item--background: transparent;--twentyone--pagination--list-item--background--hover: var(--twentyone--color--lightgrey);--twentyone--pagination--list-item--background--active: var(--twentyone--color--primary);--twentyone--pagination--list-item--border-width: 0;--twentyone--pagination--list-item--border-color: transparent;--twentyone--pagination--list-item--border-color--hover: var(--twentyone--pagination--list-item--background--hover);--twentyone--pagination--list-item--border-color--active: var(--twentyone--pagination--list-item--background--active);--twentyone--pagination--list-item--border-radius: var(--twentyone--button--border-radius);--twentyone--pagination--list-item--color--inverted: var(--twentyone--color--white);--twentyone--pagination--list-item--icon--color--inverted: rgba(var(--twentyone--color--white-rgb), .75);--twentyone--pagination--list-item--color--inverted--hover: var(--twentyone--color--white);--twentyone--pagination--list-item--icon--color--inverted--hover: var(--twentyone--color--white);--twentyone--pagination--list-item--color--inverted--active: var(--twentyone--color--black);--twentyone--pagination--list-item--icon--color--inverted--active: var(--twentyone--pagination--list-item--color--inverted--active);--twentyone--pagination--list-item--background--inverted: transparent;--twentyone--pagination--list-item--background--inverted--hover: rgba(var(--twentyone--color--white-rgb), .25);--twentyone--pagination--list-item--background--inverted--active: var(--twentyone--color--white);--twentyone--pagination--list-item--border-color--inverted: transparent;--twentyone--pagination--list-item--border-color--inverted--hover: var(--twentyone--pagination--list-item--background--inverted--hover);--twentyone--pagination--list-item--border-color--inverted--active: var(--twentyone--pagination--list-item--background--inverted--active)}.twentyone-pagination{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--twentyone--pagination--gap);margin:var(--twentyone--pagination--margin)}@media(min-width: 64.01em){.twentyone-pagination{flex-direction:row}}.twentyone-pagination:first-child{margin-top:0}.twentyone-pagination:last-child{margin-bottom:0}.twentyone-pagination .twentyone-form-item{margin:0}@media(min-width: 64.01em){.twentyone-pagination .twentyone-form-item{width:var(--twentyone--spacing--192)}}.twentyone-pagination .twentyone-button{margin:0}.twentyone-pagination.is--ajax{justify-content:flex-end}.twentyone-pagination .twentyone-pagination-list{list-style:none;display:flex;justify-content:end;gap:var(--twentyone--pagination--gap)}.twentyone-pagination .twentyone-pagination-list .twentyone-pagination-list-item .twentyone-pagination-list-item-link{display:flex;justify-content:center;align-items:center;line-height:1;padding:var(--twentyone--pagination--list-item--padding);text-decoration:none;color:var(--twentyone--pagination--list-item--color);fill:var(--twentyone--pagination--list-item--icon--color);background:var(--twentyone--pagination--list-item--background);border-width:var(--twentyone--pagination--list-item--border-width);border-style:solid;border-color:var(--twentyone--pagination--list-item--border-color);border-radius:var(--twentyone--pagination--list-item--border-radius);-webkit-user-select:none;user-select:none}.twentyone-pagination .twentyone-pagination-list .twentyone-pagination-list-item .twentyone-pagination-list-item-link span{font-size:var(--twentyone--pagination--list-item--font-size)}.twentyone-pagination .twentyone-pagination-list .twentyone-pagination-list-item .twentyone-pagination-list-item-link>span:not(.screen-reader-text){display:flex;align-items:center;justify-content:center;height:1em;line-height:1;width:1em}.twentyone-pagination .twentyone-pagination-list .twentyone-pagination-list-item .twentyone-pagination-list-item-link .twentyone-icon svg,.twentyone-pagination .twentyone-pagination-list .twentyone-pagination-list-item .twentyone-pagination-list-item-link .twentyone-icon img{font-size:var(--twentyone--pagination--list-item--icon--font-size)}.twentyone-pagination .twentyone-pagination-list .twentyone-pagination-list-item a.twentyone-pagination-list-item-link:hover{color:var(--twentyone--pagination--list-item--color--hover);fill:var(--twentyone--pagination--list-item--icon--color--hover);background:var(--twentyone--pagination--list-item--background--hover);border-color:var(--twentyone--pagination--list-item--border-color--hover)}.twentyone-pagination .twentyone-pagination-list .twentyone-pagination-list-item.is--active .twentyone-pagination-list-item-link{color:var(--twentyone--pagination--list-item--color--active);fill:var(--twentyone--pagination--list-item--icon--color--active);background:var(--twentyone--pagination--list-item--background--active);border-color:var(--twentyone--pagination--list-item--border-color--active)}.twentyone-pagination .twentyone-pagination-form{width:100%;flex:1;display:flex;gap:var(--twentyone--pagination--gap)}@media(min-width: 64.01em){.twentyone-pagination .twentyone-pagination-form{margin:0}}.twentyone-pagination.is--inverted .twentyone-pagination-list .twentyone-pagination-list-item .twentyone-pagination-list-item-link{color:var(--twentyone--pagination--list-item--color--inverted);fill:var(--twentyone--pagination--list-item--icon--color--inverted);background:var(--twentyone--pagination--list-item--background--inverted);border-color:var(--twentyone--pagination--list-item--border-color--inverted)}.twentyone-pagination.is--inverted .twentyone-pagination-list .twentyone-pagination-list-item a.twentyone-pagination-list-item-link:hover{color:var(--twentyone--pagination--list-item--color--inverted--hover);fill:var(--twentyone--pagination--list-item--icon--color--inverted--hover);background:var(--twentyone--pagination--list-item--background--inverted--hover);border-color:var(--twentyone--pagination--list-item--border-color--inverted--hover)}.twentyone-pagination.is--inverted .twentyone-pagination-list .twentyone-pagination-list-item a.twentyone-pagination-list-item-link:focus-visible{outline-color:var(--twentyone--element--outline-color--inverted--focus)}.twentyone-pagination.is--inverted .twentyone-pagination-list .twentyone-pagination-list-item.is--active .twentyone-pagination-list-item-link{color:var(--twentyone--pagination--list-item--color--inverted--active);fill:var(--twentyone--pagination--list-item--icon--color--inverted--active);background:var(--twentyone--pagination--list-item--background--inverted--active);border-color:var(--twentyone--pagination--list-item--border-color--inverted--active)}}