.pagination-list[data-v-82a09dd2]{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-82a09dd2]{--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-82a09dd2]{background-color:var(--button-ghost-default)}.pagination-item.active[data-v-82a09dd2]{display:flex;max-width:var(--dot-width-active);position:relative}.pagination-item.active .start-point[data-v-82a09dd2]{border-radius:var(--border-radius-full);height:8px;width:8px}.pagination-item.active .fill[data-v-82a09dd2]{animation:fill-dot-82a09dd2 var(--v07ff2cfe) 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-82a09dd2]{max-width:var(--dot-width)}.pagination-item.active.static .fill[data-v-82a09dd2]{display:none}.pagination-item.active.static.active .start-point[data-v-82a09dd2]{background-color:var(--text-brand)}@keyframes fill-dot-82a09dd2{0%{transform:scaleX(.1)}to{transform:scaleX(1)}}