.gpath{padding:32px var(--px) 28px;flex-direction:column;display:flex}.gpath li{align-items:flex-start;gap:16px;padding-bottom:30px;display:flex;position:relative}.gpath li:last-child{padding-bottom:4px}.gpath li:not(:last-child):before,.gpath li:not(:last-child):after{content:"";width:2px;height:100%;position:absolute;top:12px;left:11px}.gpath li:not(:last-child):before{background:var(--rail)}.gpath li:not(:last-child):after{background:var(--lapis-2);transform-origin:top;transition:scale .55s var(--ease)}.gpath li:nth-child(2):after{background:var(--lapis)}.gpath.anim li:not(.fill):after{scale:1 0}.gnode{z-index:1;background:var(--lapis-2);width:24px;height:24px;color:var(--ink);transition:background-color .35s, color .35s, transform .5s var(--ease), border-color .5s;border-radius:50%;flex:none;place-items:center;font-size:12px;font-style:normal;font-weight:500;line-height:16px;display:grid;position:relative}.gnode.done{background:var(--lapis);color:#fff}.gnode.live{border:1.5px solid var(--lapis);background:var(--panel)}.gnode.live:after{content:"";background:var(--lapis);border-radius:50%;width:8px;height:8px;transition:background-color .5s}.gnode.live:before{content:"";border:1.5px solid var(--lapis);opacity:0;border-radius:50%;position:absolute;inset:-1.5px}.gpath li.rang .gnode.live:before{animation:ring 1.8s var(--ease)}.gtx,.gchip{transition:opacity .45s, translate .6s var(--ease)}.gpath.anim li:not(.on) .gnode{background:var(--rail);color:#0000;transform:scale(.78)}.gpath.anim li:not(.on) .gnode.live{background:var(--panel);border-color:#cfc8bc;transform:scale(.86)}.gpath.anim li:not(.on) .gnode.live:after{background:#b9b1a4}.gpath.anim li:not(.on) .gtx{opacity:.38;translate:0 4px}.gpath.anim li:not(.on) .gchip{opacity:0;translate:0 6px}.gtx{flex-direction:column;gap:3px;padding-top:1px;display:flex}.gtx h3{font-size:19px;font-weight:400;line-height:24px}.gtx p{color:var(--muted);font-size:15px;line-height:22px}.gchip{background:var(--lapis);color:var(--paper);align-self:flex-start;margin-top:8px;padding:4px 12px;font-size:13px;font-weight:500;line-height:18px}@media (min-width:1180px){.gpath{flex-direction:row;padding:0}.gpath li{--pl:48px;min-width:0;padding:44px 40px 56px var(--pl);flex-direction:column;flex:1 1 0;gap:22px}.gpath li:first-child{--pl:var(--px)}.gpath li:last-child{padding:44px var(--px) 56px var(--pl)}.gpath li+li{border-left:1px solid var(--rule)}.gpath li:not(:last-child):before,.gpath li:not(:last-child):after{left:calc(var(--pl) + 12px);width:calc(100% - var(--pl) + 48px);height:2px;top:55px}.gpath li:not(:last-child):after{transform-origin:0}.gpath.anim li:not(.fill):after{scale:0 1}.gtx{gap:6px}.gtx h3{letter-spacing:-.015em;font-size:24px;line-height:30px}.gtx p{font-size:16px;line-height:24px}.gchip{margin-top:10px}}