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