.pagination-wrapper{margin-top:5rem;margin-bottom:5rem;display:flex;justify-content:center;width:100%}.pagination{display:flex;justify-content:center;align-items:center}.pagination__list{display:flex;align-items:center;gap:.5rem;list-style:none;margin:0;padding:0}.pagination__list li{display:flex}.pagination__item{display:flex;align-items:center;justify-content:center;min-width:4rem;height:4rem;padding:0 1rem;border:.1rem solid rgba(var(--color-foreground),.2);background-color:rgb(var(--color-background));color:rgb(var(--color-foreground));font-size:1.4rem;text-decoration:none;transition:all .2s ease;cursor:pointer;border-radius:.4rem}.pagination__item:hover:not(:disabled):not(.pagination__item--current){background-color:rgba(var(--color-foreground),.04);border-color:rgba(var(--color-foreground),.4)}.pagination__item:disabled{opacity:.3;cursor:not-allowed}.pagination__item--current{background-color:rgb(var(--color-button));color:rgb(var(--color-button-text));border-color:rgb(var(--color-button));font-weight:600;cursor:default}.pagination__item--prev,.pagination__item--next{min-width:4rem;padding:0}.pagination__item--prev svg,.pagination__item--next svg{width:1.2rem;height:1.2rem}.pagination__item--prev svg{transform:rotate(90deg)}.pagination__item--next svg{transform:rotate(-90deg)}.pagination__pages{display:flex;gap:.5rem;align-items:center}@media screen and (max-width: 749px){.pagination-wrapper{margin-top:3rem;margin-bottom:3rem}.pagination__item{min-width:3.6rem;height:3.6rem;font-size:1.3rem;padding:0 .8rem}.pagination__list,.pagination__pages{gap:.4rem}.pagination__pages .pagination__item:not(.pagination__item--current):nth-child(n+6){display:none}}.pagination__item:focus-visible{outline:.2rem solid rgba(var(--color-foreground),.5);outline-offset:.2rem}variant-pagination.loading .pagination__item:not(:disabled){pointer-events:none;opacity:.6}.grid__item{transition:opacity .2s ease}.grid__item.hidden{opacity:0;pointer-events:none}.pagination__item:not([data-page]){border:none;background:transparent;cursor:default;min-width:2rem;font-weight:700;color:rgba(var(--color-foreground),.5)}.pagination__item:not([data-page]):hover{background:transparent;border:none}
/*# sourceMappingURL=/cdn/shop/t/3/assets/variant-pagination.css.map */