.component-pagination{position:relative;display:flex;justify-content:center;width:100%}.component-pagination__pagination{display:flex;align-items:center}.component-pagination__ellipsis{min-width:3.1rem;min-height:3.1rem;padding:.25rem;border:.1rem solid var(--color-purple-500);border-right:none;text-align:center}.component-pagination__page{cursor:pointer;display:flex;align-items:center;justify-content:center;min-width:3.1rem;min-height:3.1rem;margin:0;padding:.25rem;border:.1rem solid var(--color-purple-500);border-right:none;font-size:1.2rem;font-weight:400;line-height:1.2;letter-spacing:.084rem;background-color:var(--color-teal-50);transition:background-color var(--default-transition)}.component-pagination__page:hover{background-color:var(--color-teal-500)}@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-purple-500)}.component-pagination__page.-prev,.component-pagination__page.-next{display:flex;align-items:center;justify-content:center;border:.1rem solid var(--color-purple-500);background-color:var(--color-teal-500)}.component-pagination__page.-next{margin-left:1.5rem}.component-pagination__page.-prev{transform:rotate(180deg);margin-right:1.5rem}.component-pagination__page.-is-active{cursor:default;background-color:var(--color-teal-2000)}.component-pagination__page.-is-disabled{display:none}