.pagination-wrapper{margin-top:4rem}.template-blog .pagination-wrapper{margin-top:clamp(4.4rem,7vw,6.4rem);padding-top:var(--spacing-xl);border-top:.1rem solid rgba(var(--color-foreground),.08)}@media screen and (min-width:61.875rem){.pagination-wrapper{margin-top:5rem}}.pagination__list{display:flex;flex-wrap:wrap;justify-content:center}.template-blog .pagination__list{gap:.8rem}.pagination__list>li{max-width:4.4rem;flex:1 0 4.4rem}.template-blog .pagination__list>li{max-width:none;flex:0 0 auto}.pagination__list>li:not(:last-child){margin-inline-end:1rem}.template-blog .pagination__list>li:not(:last-child){margin-inline-end:0}.pagination__item{display:inline-flex;position:relative;width:100%;height:4.4rem;padding:0;align-items:center;justify-content:center;color:rgb(var(--color-foreground));text-decoration:none}.template-blog .pagination__item{min-width:4.6rem;height:4.6rem;padding:0 1.4rem;background:rgba(var(--color-background),.94);border:.1rem solid rgba(var(--color-foreground),.1);border-radius:999px;box-shadow:0 1.2rem 2.4rem -2rem rgba(var(--color-shadow),.2)}a.pagination__item:hover:after{height:.1rem}.template-blog a.pagination__item:hover{background:rgba(var(--color-foreground),.05)}.pagination__item .icon-caret{height:.6rem}.template-blog .pagination__item--current{color:rgb(var(--color-background));background:rgb(var(--color-foreground));border-color:rgba(var(--color-foreground),1)}.pagination__item--current:after{height:.1rem}.pagination__item--current:after,.pagination__item:hover:after{display:block;position:absolute;bottom:.8rem;left:50%;width:2rem;background-color:currentcolor;transform:translate(-50%);content:""}.template-blog .pagination__item--current:after,.template-blog .pagination__item:hover:after{display:none}a.pagination__item:focus-visible{box-shadow:var(--focused-base-box-shadow);outline:var(--focused-base-outline);outline-offset:var(--focused-base-outline-offset)}a.pagination__item:focus:not(:focus-visible){box-shadow:none;outline:none}.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}
/*# sourceMappingURL=/cdn/shop/t/6/assets/component-pagination.css.map */
