.pagination{margin-block-start:var(--margin-3xl, 4rem);margin-block-end:var(--margin-2xl, 3rem);display:flex;justify-content:center;width:100%}.pagination__list{display:inline-flex;align-items:center;gap:var(--gap-xs, .75rem);list-style:none;padding:0;margin:0}.pagination__item-wrapper{display:block}.pagination__item{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 var(--padding-xs, .75rem);font-size:var(--font-size--body-sm, .875rem);font-weight:500;text-decoration:none;color:var(--color-foreground);background-color:transparent;border:1px solid rgb(from var(--color-foreground) r g b / .12);border-radius:50%;transition:background-color var(--duration-default, .3s) ease,color var(--duration-default, .3s) ease,border-color var(--duration-default, .3s) ease,transform var(--duration-default, .2s) ease;-webkit-user-select:none;user-select:none}.pagination__link{cursor:pointer}.pagination__link:hover{background-color:var(--color-foreground);color:var(--color-background);border-color:var(--color-foreground);transform:translateY(-2px)}.pagination__link:active{transform:translateY(0)}.pagination__item--current{background-color:var(--color-foreground);color:var(--color-background);border-color:var(--color-foreground);font-weight:600}.pagination__item--disabled{color:rgb(from var(--color-foreground) r g b / var(--opacity-subdued-text, .3));border-color:rgb(from var(--color-foreground) r g b / .05);cursor:not-allowed}.pagination__item--ellipsis{border:1px solid transparent;cursor:default}.pagination__item .svg-wrapper{display:flex;align-items:center;justify-content:center;width:14px;height:14px;transition:transform var(--duration-default, .3s) ease}.pagination__item--prev .svg-wrapper{transform:scaleX(-1)}.pagination__item--next .svg-wrapper,[dir=rtl] .pagination__item--prev .svg-wrapper{transform:scaleX(1)}[dir=rtl] .pagination__item--next .svg-wrapper{transform:scaleX(-1)}.pagination__link--prev:hover .svg-wrapper{transform:scaleX(-1) translate(2px)}.pagination__link--next:hover .svg-wrapper,[dir=rtl] .pagination__link--prev:hover .svg-wrapper{transform:scaleX(1) translate(2px)}[dir=rtl] .pagination__link--next:hover .svg-wrapper{transform:scaleX(-1) translate(2px)}
/*# sourceMappingURL=/cdn/shop/t/14/assets/component-pagination.css.map */