.pagination-wrapper{margin-top:4rem}@media screen and (min-width: 990px){.pagination-wrapper{margin-top:5rem}}.pagination__list{display:flex;flex-wrap:wrap;justify-content:center}.pagination__list>li{flex:1 0 4.4rem;max-width:4.4rem}.pagination__list>li:not(:last-child){margin-right:1rem}.pagination__item{color:rgb(var(--color-foreground));display:inline-flex;justify-content:center;align-items:center;position:relative;height:4.4rem;width:100%;padding:0;text-decoration:none}a.pagination__item:hover:after{height:.1rem}.pagination__item .icon-caret{height:.6rem}.pagination__item--current:after{height:.1rem}.pagination__item--current:after,.pagination__item:hover:after{content:"";display:block;width:2rem;position:absolute;bottom:8px;left:50%;transform:translate(-50%);background-color:currentColor}.pagination__item--next .icon{margin-left:-.2rem;transform:rotate(90deg)}.pagination__item--next:hover .icon{transform:rotate(90deg) scale(1.07)}.pagination__item--prev .icon{margin-right:-.2rem;transform:rotate(-90deg)}.pagination__item--prev:hover .icon{transform:rotate(-90deg) scale(1.07)}.pagination__item-arrow:hover:after{display:none}.pagination .pagination__item{font-size:1.4rem;border:2px solid rgb(var(--color-foreground));border-radius:50%;font-weight:500;width:32px;height:32px;text-decoration:none}.pagination .pagination__item:after{content:none}.pagination .pagination__list li{flex:1 0 3.2rem;max-width:3.2rem}.pagination .pagination__item.pagination__item--current,.pagination .pagination__item:hover{background:rgb(var(--color-foreground));color:var(--clr_white);opacity:1}.pagination .pagination__list{justify-content:flex-start}.pagination .pagination__item--next{max-width:max-content;padding:0 20px}.pagination .pagination__item--next .icon.icon-arrow{transform:rotate(0)}.pagination .icon.icon-arrow{width:18px;height:14px}.pagination .pagination__item--prev,.pagination .pagination__item--next{width:fit-content;min-width:80px;border-radius:20px;padding:0 10px;gap:10px;font-size:1.2rem}.pagination .pagination__item--prev:hover img,.pagination .pagination__item--next:hover img{filter:brightness(0) saturate(100%) invert(99%) sepia(0%) saturate(0%) hue-rotate(248deg) brightness(109%) contrast(102%)}.pagination li:has(.pagination__item--prev),.pagination li:has(.pagination__item--next){flex:1 0 auto;max-width:fit-content}.pagination .pagination__item--next{flex-direction:row-reverse}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-pagination.css.map */