.al .tl:before{z-index:0;background:#1e293b;width:2px;left:7px}.al .tl:after{content:"";transform-origin:top;z-index:0;background:linear-gradient(#a78bfa,#5eead4);border-radius:2px;width:2px;position:absolute;top:6px;bottom:6px;left:7px}.al .tl-item:before{box-sizing:border-box;z-index:1;background:radial-gradient(circle,#0ab3b8 0 3px,#0f172a 3.5px);border:2px solid #9e6df2;width:16px;height:16px;top:5px;left:-28px;box-shadow:0 0 0 4px #0f172a}.al .tl-item:first-child:after{content:"";box-sizing:border-box;z-index:1;pointer-events:none;border:2px solid #5eead4;border-radius:50%;width:16px;height:16px;animation:2.4s ease-out infinite ring;position:absolute;top:5px;left:-28px}@keyframes tlDot{0%{border-color:#334155;transform:scale(.4);box-shadow:0 0 0 4px #0f172a}60%{transform:scale(1.25)}to{border-color:#9e6df2;transform:scale(1);box-shadow:0 0 0 4px #0f172a,0 0 16px 2px #9e6df28c}}@keyframes tlCard{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:none}}@keyframes tlPill{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}@supports (animation-timeline:view()){@media (min-width:1024px){.al .tl{view-timeline-name:--tl}.al .tl:after{animation:linear both growY;animation-timeline:--tl;animation-range:cover 10% cover 70%}.al .tl-item{view-timeline-name:--tli}.al .tl-item:before{animation:linear both tlDot;animation-timeline:--tli;animation-range:entry 60% cover 35%}.al .tl-item>.card{animation:linear both tlCard;animation-timeline:--tli;animation-range:entry 20% cover 30%}.al .tl-item .pill{animation:linear both tlPill;animation-timeline:--tli;animation-range:entry 70% cover 35%}}}
/*# sourceMappingURL=3i7d9i5j_xd0k.css.map*/