.pagination{--button-size: 40px;--arrow-size: 16px;--ellipsis-size: calc(var(--button-size) * .66);margin-top:40px;margin-bottom:0;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: 24px}}.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(--icon-color, #E08BFC)}.pagination [data-icon] path[stroke],.pagination [data-icon] g[stroke]{stroke:var(--icon-color, #E08BFC)}.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, #E08BFC);border:none;text-decoration:none;scale:var(--scale, 1);transition:background .22s ease-out,scale .22s ease-out,color .22s ease-out}.pagination .page:focus-visible,.pagination .page:hover{--text-color: #E08BFC;--icon-color: var(--text-color);--scale: 1.1}.pagination .page--arrow{--bg-color: #E08BFC;--icon-color: #0F3533;border:1px solid #E08BFC;border-radius:100%}.pagination .page--arrow:focus-visible,.pagination .page--arrow:hover{--icon-color: #0F3533}.pagination .page--current{--bg-color: #ffffff;--text-color: #E08BFC}.pagination .page--current:focus-visible,.pagination .page--current:hover{--bg-color: #ffffff;--text-color: #E08BFC}.pagination .page--disabled{--bg-color: #ffffff;--icon-color: #E08BFC;cursor:not-allowed}.pagination .page--disabled:focus-visible,.pagination .page--disabled:hover{--icon-color: #E08BFC;--scale: 1}.pagination .page--ellipsis{--bg-color: transparent;--text-color: #000000;width:var(--ellipsis-size);pointer-events:none}.pagination .page--ellipsis:focus-visible,.pagination .page--ellipsis:hover{--text-color: #000000}
