.g47-sl{--g47-sl-gap:36px;--g47-sl-line:var(--g47-faint)}.g47-sl .g47-sl-flow{position:relative;padding-bottom:36px}.g47-sl .g47-sl-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 var(--g47-sl-gap);margin:0;padding:0;list-style:none}.g47-sl .g47-sl-item{position:relative;display:flex;margin:0}.g47-sl .g47-card{display:flex;flex:1;flex-direction:column;gap:4px;padding:12px 14px;border:1px solid var(--g47-card-border);border-radius:14px;background:var(--g47-surface);color:var(--g47-fg)}.g47-sl .g47-card-strong{border-color:var(--g47-accent);background:var(--g47-group)}.g47-sl .g47-sl-connector{position:absolute;top:50%;left:100%;display:flex;align-items:center;width:var(--g47-sl-gap);padding:0 4px;transform:translateY(-50%)}.g47-sl .g47-sl-line{flex:1;height:1px;background:var(--g47-sl-line)}.g47-sl .g47-arrowhead{fill:var(--g47-sl-line)}.g47-sl .g47-sl-loop{position:absolute;bottom:0;left:calc((100% - 3 * var(--g47-sl-gap)) / 8);right:calc((100% - 3 * var(--g47-sl-gap)) / 8);height:26px;border:1px dashed var(--g47-accent);border-top:0}.g47-sl .g47-loop-head{position:absolute;top:-8px;left:-5.5px;fill:var(--g47-accent)}.g47-sl .g47-loop-label{margin:8px 0 0;color:var(--g47-faint);font-size:var(--g47-text-small);text-align:center}@media (max-width:639px){.g47-sl{--g47-sl-gap:28px}.g47-sl .g47-sl-flow{padding:0 40px 0 0}.g47-sl .g47-sl-steps{grid-template-columns:minmax(0,1fr);gap:var(--g47-sl-gap) 0}.g47-sl .g47-sl-connector{top:100%;left:50%;flex-direction:column;width:auto;height:var(--g47-sl-gap);padding:4px 0;transform:translateX(-50%)}.g47-sl .g47-sl-line{width:1px;height:auto}.g47-sl .g47-sl-loop{top:28px;bottom:28px;left:auto;right:12px;width:28px;height:auto;border:1px dashed var(--g47-accent);border-left:0}.g47-sl .g47-loop-head{top:-5.5px;left:-8px}.g47-sl .g47-loop-label{margin-top:12px;text-align:left}}