.load-more-btn{position:relative;display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box}@media(max-width:768px){.load-more-btn{font-size:var(--body-size-md)}}.load-more-btn svg{display:none;max-width:0;height:0;visibility:hidden;opacity:0;-webkit-transition:opacity 1s,max-width 1s;transition:opacity 1s,max-width 1s}.load-more-btn.loading{background:transparent;min-width:0;min-height:0;padding:0;border:none;-webkit-transition:all .3s;transition:all .3s;pointer-events:none}.load-more-btn.loading svg{display:inline-block;visibility:visible;opacity:1;max-width:50px;height:auto;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);-webkit-transition:opacity 1s,max-width 1s;transition:opacity 1s,max-width 1s;-webkit-animation:paginationAnim 1.5s linear infinite;animation:paginationAnim 1.5s linear infinite}.load-more-btn.loading svg path:nth-child(1){fill:#f5f5f5!important}.load-more-btn.loading svg path:nth-child(2){fill:#e0d4ca!important}.load-more-btn.loading .load-more-label{display:none}.pagination-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.pagination-list li{margin-right:10px}@media(max-width:768px){.pagination-list li{margin-right:6px}}.pagination-list li:last-child{margin-right:0}.pagination-list li .pagination-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:44px;height:44px;border-radius:50%;color:#111112;font-size:16px;font-style:normal;font-weight:800;letter-spacing:.8px;text-transform:uppercase;-webkit-transition:all .3s;transition:all .3s}@media(max-width:768px){.pagination-list li .pagination-item{width:40px;height:40px;font-size:14px}}.pagination-list li .pagination-item svg path{-webkit-transition:all;transition:all;stroke:#afb3b6}.pagination-list li a:hover{background-color:#fff;color:#000}.pagination-list li a:hover svg path{stroke:#000}.pagination-list li .pagination-item-current{background:linear-gradient(87deg,#000,#666);color:#fff}@-webkit-keyframes paginationAnim{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes paginationAnim{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
/*# sourceMappingURL=/cdn/shop/t/59/assets/component-pagination.css.map */