.st-carousel[data-v-406b9af7]{position:relative}.pagination-list[data-v-406b9af7]{gap:var(--spacing-100);margin:var(--v4e53deb6) 0 0;justify-content:center;padding:0;list-style:none;display:flex;position:absolute;left:0;right:0}.pagination-item[data-v-406b9af7]{--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-406b9af7]{background-color:var(--button-ghost-default)}.pagination-item.active[data-v-406b9af7]{max-width:var(--dot-width-active);display:flex;position:relative}.pagination-item.active .start-point[data-v-406b9af7]{border-radius:var(--border-radius-full);width:8px;height:8px}.pagination-item.active .fill[data-v-406b9af7]{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-406b9af7 var(--v7d0b1206) ease forwards;animation-play-state:running}.pagination-item.active.static[data-v-406b9af7]{max-width:var(--dot-width)}.pagination-item.active.static .fill[data-v-406b9af7]{display:none}.pagination-item.active.static.active .start-point[data-v-406b9af7]{background-color:var(--text-brand)}@keyframes fill-dot-406b9af7{0%{transform:scaleX(.1)}to{transform:scaleX(1)}}