.pagination{display:flex;align-items:center;justify-content:center;gap:12px;flex-direction:column}.pagination-type--pages{flex-direction:row}.pagination-parts{display:flex;padding:0 .3rem;background-color:var(--color-background-alt);border-radius:var(--button-border-radius)}.pagination-item{width:4.4rem;height:4.4rem;display:grid;place-content:center;line-height:1;border-radius:var(--button-border-radius);transition:all .2s ease-in-out}.arrow-link{background-color:var(--color-background-alt);border-radius:var(--button-border-radius)}.pagination .current-page{background-color:var(--color-background);box-shadow:0 0 0 2px var(--color-button-background)}.arrow-link.disabled{pointer-events:none;opacity:.35}.dot-notation{width:auto;padding:0 .3rem}.pagination-item:not(.dot-notation,.current-page):hover{color:var(--color-button-foreground);background-color:var(--color-button-background);box-shadow:0 0 0 .3rem var(--color-button-background),0 .2rem .8rem .3rem #00000026}@media only screen and (max-width:767px){.wide-parts{display:grid;grid-template-areas:"a a" "b c"}.wide-parts .pagination-parts{grid-area:a}.wide-parts .arrow-link--prev{grid-area:b;width:100%}.wide-parts .arrow-link--next{grid-area:c;width:100%}}.pagination-progress-bar-container{width:15rem;background-color:var(--color-borders);border-radius:10px;overflow:hidden;height:.2rem;margin-bottom:.8rem}.pagination-progress-bar{height:100%;background-color:var(--color-foreground);border-radius:10px 0 0 10px;transition:width .4s ease}.section--main-collection-product-grid #pagination-ajax{padding-top:2.4rem;padding-bottom:4rem}.pagination-type--button .btn--secondary{height:4.4rem!important;padding:0 4rem!important;font-size:1.6rem!important;font-weight:400!important;color:var(--color-foreground)!important;background:var(--color-background)!important;border-color:var(--color-borders)!important;border-radius:0!important;letter-spacing:0!important;text-transform:none!important}@media only screen and (max-width:767px){.pagination-type--button .btn--secondary{width:100%!important}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/component-pagination.css.map */