.lfx-timeline{position:relative;isolation:isolate}
.lfx-timeline:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:radial-gradient(var(--lfx-accent) 2px,transparent 2px);background-size:20px 20px;opacity:.07}
.lfx-timeline .lfx-container{width:calc(100% - 30px)}
.lfx-timeline .lfx-timeline-list{list-style:none;padding:0;max-width:960px;margin:0 auto;--point-size:40px}
.lfx-timeline .lfx-stage{position:relative;min-height:155px;margin:0;padding:0 0 15px calc(var(--point-size) + 10px);border:0;color:var(--lfx-text);transition:none}
.lfx-timeline .lfx-stage:last-child{padding-bottom:0}
.lfx-timeline .lfx-stage-marker{box-sizing:border-box;position:absolute;left:0;top:6px;width:var(--point-size);height:var(--point-size);display:grid;place-items:center;background:#fafafa;color:#d0d0d0;border:2px solid #d0d0d0;box-shadow:none;border-radius:50%;transition:background .5s,border-color .5s,color .5s,scale .5s}
.lfx-timeline .lfx-stage-line{position:absolute;left:calc(var(--point-size)/2 - 1.5px);top:calc(var(--point-size) + 10px);bottom:-2px;width:3px;background:#d0d0d0;overflow:hidden}
.lfx-timeline .lfx-stage:last-child .lfx-stage-line{bottom:0}
.lfx-timeline .lfx-stage-line:after{content:"";position:absolute;inset:0;background:var(--lfx-accent);transform:scaleY(var(--stage-line,0));transform-origin:top;transition:transform .22s cubic-bezier(.22,.61,.36,1)}
.lfx-timeline .lfx-stage[data-lfx-stage] .lfx-stage-marker{background:color-mix(in srgb,var(--lfx-accent) var(--stage-color,0%),#fafafa);border-color:color-mix(in srgb,var(--lfx-accent) var(--stage-color,0%),#d0d0d0);color:color-mix(in srgb,#fff var(--stage-color,0%),#d0d0d0);box-shadow:none;transition:background-color .35s ease-out,border-color .35s ease-out,color .35s ease-out}
.lfx-timeline .lfx-stage-copy{opacity:calc(.7 + var(--stage-point,0)*.3);transition:opacity .35s ease-out;color:var(--lfx-text)}
.lfx-timeline .lfx-stage small{display:block;font-size:12px;line-height:1.5;color:#777}
.lfx-timeline .lfx-stage h3{font-size:20px;font-weight:600;line-height:1.25;margin:0 0 12px}
.lfx-timeline .lfx-stage-checklist{font-size:12px;line-height:1.85;color:#777}
@media(min-width:750px){.lfx-timeline .lfx-timeline-list{--point-size:48px}.lfx-timeline .lfx-stage{padding-left:calc(50% + 38px);min-height:175px}.lfx-timeline .lfx-stage-marker{left:calc(50% - 24px)}.lfx-timeline .lfx-stage-line{left:calc(50% - 1.5px)}.lfx-timeline .lfx-stage:nth-child(even){padding-left:0;padding-right:calc(50% + 38px);text-align:right}.lfx-timeline .lfx-stage h3{font-size:24px}.lfx-timeline .lfx-stage small,.lfx-timeline .lfx-stage-checklist{font-size:14px}}
@media(prefers-reduced-motion:reduce){.lfx-timeline .lfx-stage-marker,.lfx-timeline .lfx-stage-copy,.lfx-timeline .lfx-stage-line:after{transition:none}}