.mat[data-v-98a432d5]{--col-gap:12px}.mat__bar[data-v-98a432d5]{--hw:4px;--gap:6px;--th:6px;--x:clamp(0px,(100% - (var(--n) - 1) * var(--col-gap)) * var(--v) + var(--col-gap) * (var(--v) * var(--n) - .5) - var(--hw)/2,100% - var(--hw));height:28px;margin:0 0 18px;position:relative}.mat__fill[data-v-98a432d5],.mat__rest[data-v-98a432d5]{border-radius:var(--th);height:var(--th);position:absolute;top:50%;translate:0 -50%}.mat__fill[data-v-98a432d5]{background:var(--s2-brand);left:0;width:max(0px,var(--x) - var(--gap))}.mat__rest[data-v-98a432d5]{background:var(--s2-surface-highest);left:calc(var(--x) + var(--hw) + var(--gap));right:0}.mat__bar[data-v-98a432d5]:after{background:var(--s2-primary);border-radius:50%;content:"";height:4px;position:absolute;right:1px;top:50%;transition:opacity .2s linear;translate:0 -50%;width:4px}.mat__bar.is-full[data-v-98a432d5]:after{opacity:0}.mat__tick[data-v-98a432d5]{background:var(--s2-outline);border-radius:50%;height:4px;left:calc((100% - (var(--n) - 1)*var(--col-gap))*var(--t) + var(--col-gap)*(var(--t)*var(--n) - .5));position:absolute;top:50%;transition:background-color .3s var(--s2-emph);translate:-50% -50%;width:4px}.mat__tick.is-on[data-v-98a432d5]{background:var(--s2-on-brand)}.mat__handle[data-v-98a432d5]{background:var(--s2-ink);border-radius:var(--hw);bottom:0;left:var(--x);position:absolute;top:0;width:var(--hw)}.mat__list[data-v-98a432d5]{display:grid;gap:var(--col-gap);grid-template-columns:repeat(3,1fr);list-style:none;margin:0;padding:0}.mat__step[data-v-98a432d5]{--mat-shape:var(--s2-brand-fixed);--mat-digit:var(--s2-on-brand-fixed);background:var(--s2-surface-low);border-radius:var(--s2-r-xl);padding:24px 24px 28px;transition:background-color .4s var(--s2-emph)}.mat__step.is-lit[data-v-98a432d5]{--mat-shape:var(--s2-brand);--mat-digit:var(--s2-on-brand);background:var(--s2-surface-high)}.mat__num[data-v-98a432d5]{transition:transform var(--s2-spring-dur) var(--s2-spring-bouncy);width:64px}.mat__step.is-lit .mat__num[data-v-98a432d5]{transform:scale(1.06)}.mat__num[data-v-98a432d5] path{transition:fill .4s var(--s2-emph)}.mat__digit[data-v-98a432d5]{color:var(--mat-digit);font-size:1.45rem;font-weight:700;transition:color .4s var(--s2-emph)}.mat__when[data-v-98a432d5]{color:var(--s2-primary);font-size:.9rem;margin:22px 0 0}.mat__when strong[data-v-98a432d5]{font-weight:700}.mat__title[data-v-98a432d5]{font-size:1.4rem;font-weight:650;letter-spacing:-.02em;margin:6px 0 0}.mat__text[data-v-98a432d5]{color:var(--s2-ink-2);line-height:1.55;margin:8px 0 0}@media (max-width:820px){.mat__list[data-v-98a432d5]{grid-template-columns:1fr}.mat__bar[data-v-98a432d5]{display:none}}.mat--v .mat__list[data-v-98a432d5]{grid-template-columns:1fr}.mat--v .mat__step[data-v-98a432d5]{align-items:start;-moz-column-gap:22px;column-gap:22px;display:grid;grid-template-columns:auto 1fr;padding:22px 26px 24px 22px}.mat--v .mat__num[data-v-98a432d5]{grid-row:span 3}.mat--v .mat__title[data-v-98a432d5]{margin-top:8px}