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