.pagination{flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.pagination-type--pages{flex-direction:row}.pagination-parts{background-color:var(--color-background-alt);border-radius:var(--button-border-radius);padding:0 .3rem;display:flex}.pagination-item{border-radius:var(--button-border-radius);place-content:center;width:4.4rem;height:4.4rem;line-height:1;transition:all .2s ease-in-out;display:grid}.arrow-link{background-color:var(--color-background-alt);border-radius:var(--button-border-radius)}.pagination .current-page{background-color:var(--color-background);box-shadow:0 0 0 2px var(--color-button-background)}.arrow-link.disabled{pointer-events:none;opacity:.35}.dot-notation{width:auto;padding:0 .3rem}.pagination-item:not(:is(.dot-notation,.current-page)):hover{color:var(--color-button-foreground);background-color:var(--color-button-background);box-shadow:0 0 0 .3rem var(--color-button-background), 0 .2rem .8rem .3rem rgba(0,0,0,.15)}@media only screen and (width<=767px){.wide-parts{grid-template-areas:"a a""b c";display:grid}.wide-parts .pagination-parts{grid-area:a}.wide-parts .arrow-link--prev{grid-area:b;width:100%}.wide-parts .arrow-link--next{grid-area:c;width:100%}}.pagination-progress-bar-container{background-color:var(--color-card-background);border-radius:10px;width:150px;height:.3rem;margin-bottom:10px;overflow:hidden}.pagination-progress-bar{background-color:var(--color-card-foreground);border-radius:10px 0 0 10px;height:100%;transition:width .4s}