.pagination-wrapper{margin-top:5rem;margin-bottom:3rem;padding:2rem 0;border-top:1px solid rgba(var(--color-foreground),.08)}@media screen and (min-width: 990px){.pagination-wrapper{margin-top:6rem;margin-bottom:4rem}}.pagination{width:100%}.pagination__list{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.8rem;list-style:none;padding:0;margin:0}.pagination__list>li{flex:0 0 auto}.pagination__item{color:rgb(var(--color-foreground));display:inline-flex;justify-content:center;align-items:center;min-width:4.4rem;height:4.4rem;padding:0 1.6rem;text-decoration:none;font-weight:500;font-size:1.4rem;border-radius:.8rem;border:1px solid rgba(var(--color-foreground),.12);background:rgb(var(--color-background));transition:all .2s ease;cursor:pointer}.pagination__item:hover{background:rgba(var(--color-foreground),.06);border-color:rgba(var(--color-foreground),.2);transform:translateY(-1px)}.pagination__item:active{transform:translateY(0)}.pagination__item--current{background:rgb(var(--color-foreground));color:rgb(var(--color-background));border-color:rgb(var(--color-foreground));cursor:default;font-weight:600}.pagination__item--current:hover{background:rgb(var(--color-foreground));color:rgb(var(--color-background));border-color:rgb(var(--color-foreground));transform:none}.pagination__item--current:after{display:none}.pagination__item-arrow{font-weight:600;min-width:auto;padding:0 1.6rem;gap:.6rem}.pagination__label{display:inline-block;font-size:1.4rem;line-height:1}.pagination__item--next .svg-wrapper,.pagination__item--prev .svg-wrapper{display:flex;align-items:center;justify-content:center}.pagination__item--next .icon{margin-left:.2rem;transform:rotate(90deg);transition:transform .2s ease}.pagination__item--next:hover .icon{transform:rotate(90deg) translate(-2px)}.pagination__item--prev .icon{margin-right:.2rem;transform:rotate(-90deg);transition:transform .2s ease}.pagination__item--prev:hover .icon{transform:rotate(-90deg) translate(2px)}.pagination__item-arrow:hover:after{display:none}@media screen and (max-width: 749px){.pagination__list{gap:.6rem}.pagination__item{min-width:3.8rem;height:3.8rem;padding:0 1.2rem;font-size:1.3rem}.pagination__item-arrow{padding:0 1.2rem}.pagination__label{font-size:1.3rem}}@media screen and (max-width: 480px){.pagination__label{display:none}.pagination__item-arrow{min-width:3.8rem;padding:0}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/component-pagination.css.map */
