.pagination-wrapper{display:flex;justify-content:center;width:100%;margin-top:4rem;margin-bottom:7rem}@media (width >= 990px){.pagination-wrapper{margin-top:5rem;margin-bottom:10rem}}.pagination{display:inline-flex;background-color:var(--white);border:1px solid var(--machined-aluminum);box-shadow:4px 4px 0 var(--machined-aluminum);transition:border-color .3s ease,box-shadow .3s ease,transform .3s ease}@media (hover: hover){.pagination:hover{border-color:var(--deep-carbon);box-shadow:4px 4px 0 var(--deep-carbon)}}.pagination:focus-within{border-color:var(--deep-carbon);outline:2px solid var(--accent-color);outline-offset:3px;box-shadow:4px 4px 0 var(--deep-carbon)}.pagination__list{display:flex;flex-wrap:wrap;padding:0;margin:0;list-style:none}.pagination__list>li{display:flex;align-items:stretch;border-right:1px solid var(--machined-aluminum)}:is(.pagination__list>li):last-child{border-right:none}.pagination__item{position:relative;display:flex;align-items:center;justify-content:center;min-width:44px;height:44px;padding:0 16px;font-family:var(--font-mono-family);font-weight:600;font-size:14px;color:var(--deep-carbon);text-decoration:none;cursor:pointer;transition:background-color .2s ease,color .2s ease}.pagination__item:after{content:"";position:absolute;right:0;bottom:0;left:0;height:3px;background-color:transparent;transition:background-color .2s ease}@media (hover: hover){.pagination__item:hover{background-color:var(--brushed-steel)}}.pagination__item--current{background-color:var(--deep-carbon);color:var(--white)}.pagination__item--current:after{background-color:var(--accent-color)}@media (hover: hover){.pagination__item--current:hover{background-color:var(--deep-carbon);color:var(--white)}}.pagination__item-arrow{padding:0 16px}.pagination__item-arrow svg{width:10px;height:6px;fill:currentcolor;transition:transform .2s ease}.pagination__item--prev svg{transform:rotate(90deg)}@media (hover: hover){.pagination__item--prev:hover{background-color:var(--accent-color);color:var(--deep-carbon)}.pagination__item--prev:hover svg{transform:rotate(90deg) scale(1.15)}}.pagination__item--next svg{transform:rotate(-90deg)}@media (hover: hover){.pagination__item--next:hover{background-color:var(--accent-color);color:var(--deep-carbon)}.pagination__item--next:hover svg{transform:rotate(-90deg) scale(1.15)}}span.pagination__item:not(.pagination__item--current){color:#0d101466;cursor:default}@media (hover: hover){span.pagination__item:not(.pagination__item--current):hover{background-color:transparent}}