.timeline{display:flex;flex-direction:column;list-style:none;margin:0;padding:0}.timeline{--tl-node: 56px}@media(min-width:375px){.timeline{--tl-node: 65.625px }}.timeline{--tl-pad: 12px}@media(min-width:375px){.timeline{--tl-pad: 14.0625px }}.timeline{--tl-gap: 8px}@media(min-width:375px){.timeline{--tl-gap: 9.375px }}.timeline{--tl-line: 56px}@media(min-width:375px){.timeline{--tl-line: 65.625px }}.timeline{gap:var(--tl-gap)}@media(min-width:848px){.timeline{--tl-node: 64px}}.timeline-step{position:relative;display:flex;align-items:flex-start;text-align:left;padding:var(--tl-pad) 0}.timeline-step{gap:16px}@media(min-width:375px){.timeline-step{gap:18.75px}}.timeline-step--top,.timeline-step--mid{min-height:calc(var(--tl-node) + var(--tl-line) - var(--tl-gap))}.timeline-step--top:before,.timeline-step--mid:before{content:"";position:absolute;top:calc(var(--tl-pad) + var(--tl-node));bottom:calc(-1 * (var(--tl-gap) + var(--tl-pad)));left:calc(var(--tl-node) / 2);transform:translate(-50%);width:2px;background:linear-gradient(180deg,rgba(252,252,252,.5),transparent)}.timeline-step__node{position:relative;flex:0 0 auto;display:grid;place-items:center;width:var(--tl-node);height:var(--tl-node);border-radius:50%;background:linear-gradient(135deg,#0d0d0d4d,#0d0d0d1a)}.timeline-step__node img{width:24px}@media(min-width:375px){.timeline-step__node img{width:28.125px}}.timeline-step__node img{height:24px}@media(min-width:375px){.timeline-step__node img{height:28.125px}}.timeline-step__body{flex:1;min-width:0}.timeline-step__body{padding-top:6px}@media(min-width:375px){.timeline-step__body{padding-top:7.03125px}}