.pagination-list[data-v-83fa008a]{gap:var(--spacing-100);margin:var(--v67eaef18) 0 0;justify-content:center;padding:0;list-style:none;display:flex}.pagination-item[data-v-83fa008a]{--dot-width-active:40px;--dot-width:8px;will-change:max-width;cursor:pointer;width:100%;max-width:var(--dot-width);border-radius:var(--border-radius-full);background:var(--button-ghost-default);height:8px;transition:max-width .2s ease-in-out,background-color .2s ease-in-out;overflow:hidden}.pagination-item.filled[data-v-83fa008a]{background-color:var(--button-ghost-default)}.pagination-item.active[data-v-83fa008a]{max-width:var(--dot-width-active);display:flex;position:relative}.pagination-item.active .start-point[data-v-83fa008a]{border-radius:var(--border-radius-full);width:8px;height:8px}.pagination-item.active .fill[data-v-83fa008a]{will-change:transform;transform-origin:0;width:var(--dot-width-active);height:100%;margin-left:calc(var(--spacing-100)*-1);border-radius:var(--border-radius-full);background-color:var(--text-brand);animation:fill-dot-83fa008a var(--v4a751a4a) ease forwards;animation-play-state:running}.pagination-item.active.static[data-v-83fa008a]{max-width:var(--dot-width)}.pagination-item.active.static .fill[data-v-83fa008a]{display:none}.pagination-item.active.static.active .start-point[data-v-83fa008a]{background-color:var(--text-brand)}@keyframes fill-dot-83fa008a{0%{transform:scaleX(.1)}to{transform:scaleX(1)}}