.pagination-wrapper{margin-top:4rem;padding-top:4rem;border-top:1px solid #ddd;margin-bottom:5rem;text-align:center}.pagination-wrapper__progress-bar--txt{font-size:15px;font-weight:400;color:#878787}.pagination-wrapper__progress-bar--progress{box-shadow:0 0 2px #ddd;display:block;margin:15px auto 20px;width:250px;height:4px;background-color:#ddd;border-radius:5px;position:relative;overflow:hidden}.pagination-wrapper__progress-bar--current{position:absolute;top:0;right:0;bottom:0;left:0;will-change:width;transition:width .3s cubic-bezier(.19,1,.22,1);background:linear-gradient(to right,#fff,#48ad92)}.pagination-wrapper [data-load-more]{height:50px;font-size:14px;text-transform:capitalize;font-weight:500;letter-spacing:0;padding:0 45px;min-width:165px;max-width:165px}.pagination-wrapper [data-load-more] .icon-wrap,.pagination-wrapper [data-load-more].loading .button__text{display:none}.pagination-wrapper [data-load-more].loading .icon-wrap{display:block;color:#fff;animation:1.4s linear infinite spinner;width:18px;height:18px;margin:0 auto}@keyframes spinner{0%{transform:rotate(0)}to{transform:rotate(270deg)}}.pagination__list{display:flex;flex-wrap:wrap;justify-content:center}.pagination__list>li{flex:1 0 4.4rem;max-width:4.4rem}.pagination__list>li:not(:last-child){margin-right:1rem}.pagination__item{color:rgb(var(--color-foreground));display:inline-flex;justify-content:center;align-items:center;position:relative;height:4.4rem;width:100%;padding:0;text-decoration:none}a.pagination__item:hover:after{height:.1rem}.pagination__item .icon-caret{height:.6rem}.pagination__item--current:after{height:.1rem}.pagination__item--current:after,.pagination__item:hover:after{content:"";display:block;width:2rem;position:absolute;bottom:8px;left:50%;transform:translate(-50%);background-color:currentColor}.pagination__item--next .icon{margin-left:-.2rem;transform:rotate(90deg)}.pagination__item--next:hover .icon{transform:rotate(90deg) scale(1.07)}.pagination__item--prev .icon{margin-right:-.2rem;transform:rotate(-90deg)}.pagination__item--prev:hover .icon{transform:rotate(-90deg) scale(1.07)}.pagination__item-arrow:hover:after{display:none}
/*# sourceMappingURL=/cdn/shop/t/26/assets/component-pagination.css.map */