.pagination{margin:4rem 0;display:flex;align-items:center;justify-content:center;gap:12px;--color-foreground: var(--primary-foreground);--color-background: var(--primary-background);--color-background-alt: #f0f0f0;--button-border-radius: var(--button-radius);--color-button-background: var(--button-primary-background);--color-button-foreground: var(--button-primary-foreground)}.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{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}.dot-notation{width:auto;padding:0 .3rem}.pagination-item:not(.dot-notation,.current-page):hover{color:var(--color-background);background-color:var(--color-foreground);box-shadow:0 0 0 .3rem var(--color-foreground),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%}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/component-pagination.css.map */