.sp-v22-timeline{position:relative}.sp-v22-timeline::before{content:'';position:absolute;left:50%;top:0;bottom:0;width:1px;background:linear-gradient(to bottom,transparent,var(--color-primary-300,#a5b4fc) 10%,var(--color-primary-300,#a5b4fc) 90%,transparent);transform:translateX(-50%)}@media(max-width:768px){.sp-v22-timeline::before{left:1.5rem}}.sp-v22-item{opacity:0;transform:translateY(16px);transition:opacity .6s ease,transform .6s ease}.sp-v22-item.visible{opacity:1;transform:translateY(0)}.sp-v22-dot{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:12px;height:12px;border-radius:50%;background:var(--color-primary-500,#6366f1);border:3px solid white;box-shadow:0 0 0 1px var(--color-primary-300,#a5b4fc);z-index:1}.dark .sp-v22-dot{border-color:#0f172a}@media(max-width:768px){.sp-v22-dot{left:1.5rem}}