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