.pagination{color:rgb(var(--color-foreground))}.pagination ul{display:flex;justify-content:center;align-items:center}.pagination li{width:2.4rem}.pagination li:has(span.pagination__current){border-block-end:1px solid rgba(var(--color-foreground),1)}.pagination li:has(a:not(.pagination__prev-next)){border-block-end:1px solid rgba(var(--color-foreground),.2)}.pagination li+li{margin-inline-start:2.4rem}.pagination a,.pagination span{display:flex;align-items:center;justify-content:center;min-width:2.4rem;min-height:2.4rem;padding:.3rem;border-radius:50%;border:.1rem solid var(--color-button-outline);background-color:var(--color-button-background);transition:color var(--duration-default),background-color var(--duration-default),border-color var(--duration-default)}.pagination .pagination__prev-next{padding:.2rem}[dir=rtl] .pagination .pagination__prev-next{transform:rotate(180deg)}.pagination span{color:var(--color-button-hover-text);background-color:var(--color-button-hover-background);border-color:var(--color-button-hover-text)}.collection .pagination li{border-block-end:none}.collection .pagination li:has(span.pagination__current),.collection .pagination li:has(a:not(.pagination__prev-next)){border-block-end:none}.collection .pagination a:not(.pagination__prev-next),.collection .pagination span{border:none;border-radius:0;background-color:transparent;min-width:auto;min-height:auto;padding:.4rem;color:rgb(var(--color-font-primary));font-size:var(--font-size-body-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-body-sm);letter-spacing:var(--letter-spacing-body-sm);border-block-end:1px solid rgba(var(--color-font-primary),.3)}.collection .pagination span.pagination__current{color:rgb(var(--color-font-primary));background-color:transparent;border-color:transparent;border-block-end-color:rgb(var(--color-font-primary))}.collection .pagination a:not(.pagination__prev-next):hover{border-block-end-color:rgb(var(--color-font-primary))}.collection .pagination .pagination__prev-next{border:none;border-block-end:none;padding:.4rem;color:rgb(var(--color-font-primary))}.collection .pagination .pagination__arrow-svg{display:block}.collection .pagination .pagination__prev-next--prev .pagination__arrow-svg{transform:rotate(180deg)}[dir=rtl] .collection .pagination .pagination__prev-next,[dir=rtl] .collection .pagination .pagination__prev-next--prev .pagination__arrow-svg{transform:none}[dir=rtl] .collection .pagination .pagination__prev-next--next .pagination__arrow-svg{transform:rotate(180deg)}
/*# sourceMappingURL=/cdn/shop/t/122/assets/component-pagination.css.map */