.pagination{gap:20px;margin-top:24px}.pagination,.pagination__arrow{align-items:center;display:flex;justify-content:center}.pagination__arrow{background-color:var(--colors-black-100);border-radius:0;color:var(--colors-white-100);flex-shrink:0;gap:8px;height:52px;padding:8px;transition:background .3s,border .3s,color .3s;width:52px}.pagination__arrow.disabled,.pagination__arrow[disabled]{background-color:var(--colors-grey-50);color:var(--colors-grey-100);cursor:default;pointer-events:none}.pagination__arrow.is-active{background-color:var(--colors-black-70);color:var(--colors-white-100)}.pagination__list{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.pagination__dotts,.pagination__link{background-color:var(--colors-white-100);border:1px solid var(--colors-grey-60);border-radius:0;color:var(--colors-grey-100);display:grid;font-size:16px;line-height:100%;min-height:52px;min-width:52px;padding:8px;place-content:center;text-align:center}.pagination__link{transition:border .3s,color .3s,background .3s}.pagination__link.is-active{background-color:var(--colors-black-100);border-color:var(--colors-black-100);color:var(--colors-white-100)}@media (width <= 30em){.pagination__item:not(:first-child,:nth-child(2),:nth-child(3)){display:none}}@media (width <= 23.125em){.pagination{gap:8px}.pagination__arrow{height:48px;width:48px}.pagination__list{gap:6px}.pagination__dotts,.pagination__link{min-height:48px;min-width:48px}}@media (any-hover:hover){.pagination__arrow:not(.is-active,.active,[disabled],.disabled):hover{background-color:var(--colors-black-70);color:var(--colors-white-100)}.pagination__link:not(.is-active,[disabled],.disabled):hover{background-color:var(--colors-black-100);border-color:var(--colors-black-100);color:var(--colors-white-100)}}