.tl-progress{transform-origin:0}.tl-dot{opacity:0;left:100%;box-shadow:0 0 0 4px #c19a6240}.tl-num{position:relative}.tl-num:after{content:"";border:2px solid var(--color-gold-400);opacity:0;pointer-events:none;border-radius:9999px;position:absolute;inset:-2px}.tl-rail{transform-origin:top}.tl.tl-js .tl-progress{transform:scaleX(0)}.tl.tl-js .tl-dot{opacity:0;transition:opacity .2s linear}.tl.tl-js .tl-item{opacity:0;transition:opacity .45s var(--ease-out-soft), transform .45s var(--ease-out-soft);transform:translateY(16px)}.tl.tl-js .tl-num{transition:border-color .35s var(--ease-out-soft), transform .35s var(--ease-out-soft);border-color:#11213a1f}.tl.tl-js .tl-rail{transition:transform .5s var(--ease-out-soft);transform:scaleY(0)}.tl.tl-js .tl-item.on{opacity:1;transform:none}.tl.tl-js .tl-item.on .tl-num{border-color:var(--color-gold-500);animation:tl-node-pop .5s var(--ease-out-soft)}.tl.tl-js .tl-item.on .tl-num:after{animation:.7s ease-out tl-ring}.tl.tl-js .tl-item.on .tl-rail{transform:scaleY(1)}.tl.tl-js.tl-done .tl-progress:after{content:"";background:linear-gradient(90deg,#0000,#ffffffd9,#0000);width:90px;animation:5s linear 1.2s infinite tl-shimmer;position:absolute;top:-2px;bottom:-2px}@keyframes tl-node-pop{0%{transform:scale(1)}45%{background:var(--color-gold-500);transform:scale(1.16)}to{background:#fff;transform:scale(1)}}@keyframes tl-ring{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(2)}}@keyframes tl-shimmer{0%{opacity:0;left:-90px}8%{opacity:1}30%{opacity:0;left:100%}to{opacity:0;left:100%}}