.pagination-wrapper{margin-top:4rem;display:flex;justify-content:center}@media screen and (min-width:990px){.pagination-wrapper{margin-top:5rem}}.pagination__list{display:inline-flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.4rem;padding:.6rem;border-radius:9999px;background:rgba(var(--color-foreground),.04);border:.1rem solid rgba(var(--color-foreground),.08);margin:0 auto;width:max-content;max-width:100%}.pagination__list>li{display:inline-flex;flex:0 0 auto;max-width:none;margin:0}.pagination__list>li:not(:last-child){margin-right:0}.pagination__item{color:rgba(var(--color-foreground),.7);display:inline-flex;justify-content:center;align-items:center;position:relative;min-width:3.6rem;height:3.6rem;padding:0 1rem;border-radius:9999px;font-size:1.4rem;font-weight:500;text-decoration:none;transition:background-color .16s ease,color .16s ease,transform .16s ease;cursor:pointer;-webkit-user-select:none;user-select:none}a.pagination__item:hover{color:rgb(var(--color-foreground));background-color:rgba(var(--color-foreground),.08)}a.pagination__item:active{transform:scale(.96)}a.pagination__item:focus-visible{outline:.2rem solid rgba(var(--color-foreground),.4);outline-offset:.2rem}.pagination__item--current,a.pagination__item--current{color:rgb(var(--color-background));background:rgb(var(--color-foreground));font-weight:600;cursor:default}.pagination__item--current:after,.pagination__item:hover:after{display:none}.pagination__item .icon-caret{height:.9rem;width:.9rem;transition:transform .16s ease}.pagination__item--next .icon-caret{margin-left:0;transform:rotate(90deg)}.pagination__item--next:hover .icon-caret{transform:rotate(90deg) translateY(.15rem)}.pagination__item--prev .icon-caret{margin-right:0;transform:rotate(-90deg)}.pagination__item--prev:hover .icon-caret{transform:rotate(-90deg) translateY(.15rem)}.pagination__item-arrow:hover:after{display:none}.pagination__item:not(a):not(.pagination__item--current){color:rgba(var(--color-foreground),.4);background:transparent;cursor:default;pointer-events:none;min-width:2rem;padding:0 .4rem}@media screen and (max-width:489px){.pagination__list{gap:.2rem;padding:.4rem}.pagination__item{min-width:3.2rem;height:3.2rem;padding:0 .8rem;font-size:1.3rem}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/component-pagination.css.map */