.component-pagination{position:relative;display:flex;justify-content:center;width:100%}.component-pagination__pagination{display:flex;gap:1.5rem;align-items:center}.component-pagination__ellipsis{min-width:3rem;min-height:3rem;padding:.25rem;border-right:none;border-radius:2.4rem;color:var(--color-neutrals-100);text-align:center;background-color:var(--color-teal-300)}.component-pagination__page{cursor:pointer;display:flex;align-items:center;justify-content:center;min-width:3rem;min-height:3rem;margin:0;padding:.25rem;border:none;border-radius:2.4rem;font-size:1.4rem;font-weight:400;line-height:1.2;color:var(--color-neutrals-100);letter-spacing:.084rem;background-color:var(--color-teal-300);transition:background-color var(--default-transition)}.component-pagination__page:hover{background-color:var(--color-teal-400)}@media (min-width:1010px){.component-pagination__page{font-size:1.4rem;line-height:1.4}}.component-pagination__page.-last{border-right:.1rem solid var(--color-teal-300)}.component-pagination__page.-prev,.component-pagination__page.-next{display:flex;align-items:center;justify-content:center;border-radius:2.4rem;color:var(--color-neutrals-100);background-color:var(--color-teal-300)}.component-pagination__page.-prev:hover,.component-pagination__page.-next:hover{background-color:var(--color-teal-400)}.component-pagination__page.-prev{transform:rotate(180deg)}.component-pagination__page.-is-active{cursor:default;color:var(--color-teal-300);background-color:var(--color-teal-50)}.component-pagination__page.-is-disabled{display:none}