.pagination{width:100%;display:flex;align-items:center;justify-content:center;gap:1.5rem}.pagination{padding-top:1.5rem;text-align:center}.pagination li{flex-shrink:0;margin:0}.pagination li span:has(svg){font-size:0}.pagination a{display:flex;align-items:center;justify-content:center;line-height:1;color:var(--color-text-main);border:solid 1px transparent;border-radius:3rem;width:2.5rem;height:2.5rem;transition:ease .25s background-color,ease .25s border-color,ease .25s color}@media screen and (min-width:768px){.pagination a{width:3rem;height:3rem}}.no-touchevents .pagination a:hover,.pagination .no-touchevents a:hover{border-color:var(--color-text-main)}.pagination li.active{display:flex;align-items:center;justify-content:center;line-height:1;background-color:var(--color-text-main);color:var(--color-foreground-main);border:solid 1px var(--color-text-main);border-radius:3rem;width:2.5rem;height:2.5rem;cursor:default}@media screen and (min-width:768px){.pagination li.active{width:3rem;height:3rem}}.pagination li.prev,.pagination li.next{display:flex;align-items:center;justify-content:center;line-height:1;background-color:#fff;color:var(--color-text-main);border:solid 1px #ffffff;border-radius:3rem;width:2.5rem;height:2.5rem}@media screen and (min-width:768px){.pagination li.prev,.pagination li.next{width:3rem;height:3rem}}.pagination li.prev a,.pagination li.next a{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.no-touchevents .pagination li.prev a:hover,.no-touchevents .pagination li.next a:hover{background-color:var(--color-text-main);border-color:var(--color-text-main)}.no-touchevents .pagination li.prev a:hover svg path,.no-touchevents .pagination li.next a:hover svg path{fill:var(--color-foreground-main)}.pagination li.prev{margin-inline-end:auto}.pagination li.next{margin-inline-start:auto}@media screen and (min-width:768px){.pagination li.prev{margin-inline-end:0}.pagination li.next{margin-inline-start:0}}.pagination li.prev svg{transform:rotate(90deg)}.pagination li.next svg{transform:rotate(-90deg)}.template-account .pagination{display:flex;gap:16px;justify-content:end;padding:16px;border:1px solid #DEDEDE;border-top:none;border-radius:0 0 6px 6px}.template-account .order-pagination-wrapper .pagination{padding:0;border:none}.template-account .order-pagination-wrapper{display:flex;justify-content:space-between;align-items:center;padding:16px;border:1px solid #DEDEDE;border-radius:0 0 6px 6px}.template-account .order-pagination-wrapper button.active{color:green;text-decoration:underline;font-weight:600;pointer-events:none}.template-account .order-pagination-wrapper p{margin:0}.order-pagination-flex{display:flex;gap:5px}.template-account .pagination button,.template-account nav .pagination li{display:flex;width:40px;height:40px;align-items:center;justify-content:center;background:#54a887;border-radius:50%}.template-account .pagination .next{transform:rotate(180deg)}.template-account .pagination a{border:none;display:flex;justify-content:center;align-items:center}.template-account .pagination svg{pointer-events:none}.template-account .pagination svg path{stroke:#fff}.template-account .pagination .disabled svg path,.template-account .pagination button[disabled] svg path,.template-account .pagination .inactive svg path{stroke:#54a887}.template-account .pagination .prev{transform:rotate(0)}.template-account .pagination li{margin:0}.template-account .pagination .disabled,.template-account .pagination button[disabled],.template-account .pagination .inactive{border:1px solid #54A887;border-radius:50%;padding:0;background-color:initial}@media screen and (max-width:767px){.pagination li.mobile{display:inline-block}}@media screen and (max-width:1023px){.template-account .pagination,.template-account .order-pagination-wrapper{border:none;padding:0}}
/*# sourceMappingURL=/cdn/shop/t/121/assets/component-pagination.css.map */