.pagination{--button-size: 40px;--arrow-size: 16px;--ellipsis-size: calc(var(--button-size) * .66);margin-top:40px;margin-bottom:10px;padding:20px;display:flex;justify-content:center;align-items:center;border:none}@media only screen and (min-width: 768px){.pagination{--button-size: 48px;--ellipsis-size: var(--button-size);--arrow-size: 20px}}.pagination [data-icon]{height:var(--arrow-size, 10px);min-width:var(--arrow-size, 10px);pointer-events:none}.pagination [data-icon][data-icon=arrow-right]{margin-right:0}.pagination [data-icon] path,.pagination [data-icon] g{transition:fill .22s ease-out,stroke .22s ease-out}.pagination [data-icon] path[fill],.pagination [data-icon] g[fill]{fill:var(--arrow-color, #002b38)}.pagination [data-icon] path[stroke],.pagination [data-icon] g[stroke]{stroke:var(--arrow-color, #002b38)}.pagination .wrapper{display:flex;justify-content:center;align-items:center;width:auto}.pagination .page{line-size:1;display:flex;justify-content:center;align-items:center;height:var(--button-size);width:var(--button-size);cursor:pointer;background-color:var(--bg-color, transparent);color:var(--text-color, #002b38);transition:background .22s ease-out,color .22s ease-out;border:none;text-decoration:none}.pagination .page:focus-visible,.pagination .page:hover{--bg-color: #005069;--text-color: #00fff5;--arrow-color: var(--text-color)}.pagination .page--current{--bg-color: #005069;--text-color: #00fff5}.pagination .page--current:focus-visible,.pagination .page--current:hover{--bg-color: #005069;--text-color: #00fff5}.pagination .page--ellipsis{--bg-color: transparent;--text-color: #002b38;width:var(--ellipsis-size);pointer-events:none}.pagination .page--ellipsis:focus-visible,.pagination .page--ellipsis:hover{--text-color: #002b38}