.pagination-wrapper{margin-top:1.6rem}.blog-articles__list_grid .pagination-wrapper{margin-top:4rem}@media screen and (min-width:990px){.pagination-wrapper{margin-top:2rem}.pagination-wrapper .pagination{padding:8px 14px}.blog-articles__list_grid .pagination-wrapper{margin-top:2.4rem}}.pagination__list{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.6rem}.pagination__list>li{flex:0 0 2.8rem;max-width:2.8rem}.pagination__list>.pagination__item--next-previous{flex:0 0 auto;max-width:max-content}.pagination__list .pagination__item--next-previous:first-child{padding-right:6px}.pagination__list .pagination__item--next-previous:last-child{padding-left:6px}.pagination__item--next-previous-disable .pagination__item-arrow{color:#88898a;cursor:not-allowed;pointer-events:none}.pagination__item{position:relative;display:flex;justify-content:center;align-items:center;width:2.8rem;height:2.8rem;padding:0;font-size:1.4rem;line-height:2rem;color:rgb(var(--color-foreground));text-decoration:none;border-radius:.8rem;transition:all var(--duration-default)}.pagination__item:not(.pagination__item--current){border:1px solid #D0D0D0}.pagination__item:not(.pagination__item--current):hover,.pagination__item:focus{background-color:rgb(var(--color-button-tertiary));color:rgb(var(--color-button-tertiary-text));border:1px solid transparent}.pagination__item--current{background-color:rgb(var(--color-button-tertiary));color:rgb(var(--color-button-tertiary-text))}.pagination__item.pagination__item_dots{border:1px solid transparent}.pagination__item--prev{justify-content:flex-end}.pagination__item-arrow{display:flex;align-items:center;height:2.4rem;color:rgb(var(--color-foreground));text-decoration:none}.pagination__item-arrow span{display:flex;align-items:center;gap:4px;font-family:var(--font-heading-family);font-size:14px;line-height:20px;font-weight:var(--font-heading-weight)}.pagination__item-arrow .icon{flex:0 0 1.6rem;width:1.6rem;height:1.6rem;transition:transform var(--duration-default)}.pagination__item-arrow:hover .icon{transform:translate(.5rem)}.pagination__item--prev .icon{transform:rotate(180deg)}.pagination__item--prev:hover .icon{transform:rotate(180deg) translate(.5rem)}
/*# sourceMappingURL=/cdn/shop/t/16/assets/component-pagination.css.map */