.pagination{background:rgb(var(--background));border-radius:var(--rounded-button);border-width:1px;justify-self:center;display:flex}.pagination__item{place-content:center;padding-inline-start:var(--spacing-4);padding-inline-end:var(--spacing-4);display:grid}.pagination__item--disabled{opacity:.5}.pagination__current{padding:var(--spacing-2) var(--spacing-1)}@media screen and (min-width: 700px){.pagination__item{padding-inline-start:var(--spacing-5);padding-inline-end:var(--spacing-5)}.pagination__current{padding:var(--spacing-3) var(--spacing-2)}}.collection-pagination--wrapper{display:flex;justify-content:center}.collection-pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin:1rem 0 1.5rem;width:fit-content}.collection-pagination .page{border:1px solid rgb(var(--border-color));border-radius:4px;text-decoration:none;font-size:14px;color:rgb(var(--text-color));transition:all .3s ease;text-align:center;display:flex;align-content:center;justify-content:center;align-items:center}.collection-pagination .page a{display:block;width:38px;height:38px;line-height:38px}.collection-pagination .page.current{width:38px;height:38px;background-color:var(--info-info);color:#fff;border-color:var(--info-info);font-weight:700;cursor:default}.collection-pagination .page:hover{background-color:var(--info-info);color:#fff;border-color:var(--info-info);cursor:pointer}.collection-pagination .page:hover a{color:#fff}.collection-pagination .deco{padding:0;font-size:14px;color:rgb(var(--border-color));align-self:end}.collection-pagination .prev a{display:inline-block;padding:8px 16px;border:1px solid rgb(var(--border-color));border-radius:4px;font-size:14px;color:#058470;text-decoration:none;transition:all .3s ease}.collection-pagination .prev a:hover{background-color:var(--info-info);color:#fff;border-color:var(--info-info)}.collection-pagination .next a{display:inline-block;padding:8px 16px;border:1px solid rgb(var(--border-color));border-radius:4px;font-size:14px;color:var(--info-info);text-decoration:none;transition:all .3s ease}.collection-pagination .next a:hover{background-color:var(--info-info);color:#fff;border-color:var(--info-info)}@media screen and (max-width: 500px){.collection-pagination{gap:4px}.collection-pagination .prev a,.collection-pagination .next a{padding:6px}.collection-pagination .page a,.collection-pagination .page.current{width:34px;height:34px;line-height:34px}}
/*# sourceMappingURL=/cdn/shop/t/42/assets/css-pagination.bundle.css.map */