@keyframes paginationProgressEffect-c2a785f9{0%{width:0}to{width:100%}}.page-indicator[data-v-c2a785f9]{--pagination-duration:0s;--pagination-width:20px;--pagination-height:3px;--pagination-active-width:60px;--pagination-fg-color:#161616;--pagination-bg-color:#16161633}.page-indicator .page-item[data-v-c2a785f9]{width:var(--pagination-width);height:var(--pagination-height);border-radius:var(--pagination-height);opacity:1;transition:width .3s ease-out;display:inline-block;position:relative;background:var(--pagination-bg-color)!important}.page-indicator .page-item[data-v-c2a785f9]:not(:last-child){margin-right:8px}.page-indicator .page-item[data-v-c2a785f9]:before{content:"";width:0;height:var(--pagination-height);border-radius:var(--pagination-height);background:var(--pagination-fg-color);z-index:1;position:absolute;top:0;left:0}.page-indicator .page-item[data-v-c2a785f9]:after{content:"";position:absolute;inset-block:-4px;inset-inline:-4px}.page-indicator .page-item.active[data-v-c2a785f9]{width:var(--pagination-active-width)}.page-indicator .page-item.active[data-v-c2a785f9]:before{animation:paginationProgressEffect-c2a785f9 var(--pagination-duration) linear forwards}