.timeline{grid-template-columns:repeat(var(--steps,3), minmax(0, 1fr));gap:2rem;margin:0;padding:0;list-style:none;display:grid;position:relative}.timeline:before{content:"";background:linear-gradient(90deg, #2e3a5e40, var(--peri-500));height:1px;position:absolute;top:.375rem;left:.375rem;right:.375rem}.timeline .timeline-step{flex-direction:column;gap:.625rem;display:flex;position:relative}.timeline .timeline-dot{box-sizing:border-box;background:var(--paper);border:1px solid #2e3a5e73;border-radius:50%;width:.8125rem;height:.8125rem}.timeline .timeline-step[data-active=true] .timeline-dot{background:linear-gradient(135deg, var(--peri-100), var(--peri-600));border:0;box-shadow:0 0 0 .25rem #7c8ce02e}.timeline .timeline-when{color:var(--ink-62);margin-top:.625rem;font-size:.75rem}.timeline .timeline-step[data-active=true] .timeline-when{color:var(--peri-600)}@media (width<=1023px){.timeline{grid-template-columns:1fr;gap:1.25rem;padding-left:1.5rem}.timeline:before{background:linear-gradient(180deg, #2e3a5e40, var(--peri-500));width:1px;height:auto;inset:.375rem auto .375rem .375rem}.timeline .timeline-dot{position:absolute;top:0;left:-1.5rem}.timeline .timeline-when{margin-top:0}}