.sx-dg__steps{list-style:none;margin:0;padding:0;display:grid;grid-gap:var(--sx-s-3);gap:var(--sx-s-3)}.sx-dg__step{position:relative;display:grid;align-content:start;grid-gap:var(--sx-s-1);gap:var(--sx-s-1);padding-left:var(--sx-s-5);min-width:0}.sx-dg__node{position:absolute;left:0;top:0;display:grid;place-items:center;width:var(--sx-s-3);height:var(--sx-s-3);border:2px solid var(--sx-border-strong);border-radius:50%;background:var(--sx-surface);color:var(--sx-ink);font-size:12px;font-weight:700;line-height:1}.sx-dg__step:not(:last-child):after{content:"";position:absolute;left:calc(var(--sx-s-3) / 2 - 1px);top:calc(var(--sx-s-3) + 4px);bottom:calc(4px - var(--sx-s-3));width:2px;background:var(--sx-border)}.sx-dg__when{font-size:14px;font-weight:600;line-height:var(--sx-s-3);color:var(--sx-ink)}.sx-dg__text{color:var(--sx-ink);line-height:1.5}.sx-dg__converge{display:none}.sx-dg--cause .sx-dg__step:first-child .sx-dg__node,.sx-dg--reconcile .sx-dg__step:nth-child(2) .sx-dg__node,.sx-dg--timeline .sx-dg__step:last-child .sx-dg__node{border-color:var(--sx-signal);background:var(--sx-signal)}.sx-dg--reconcile .sx-dg__step:nth-child(3) .sx-dg__node{border-style:dashed}.sx-dg__bars{display:grid;grid-gap:4px;gap:4px;margin:2px 0}.sx-dg__bars i{display:block;height:6px;width:72%;border-radius:var(--sx-radius-bar);background:var(--sx-border-strong)}.sx-dg__bars i+i{width:48%;background:var(--sx-ink-3)}@media (min-width:900px){.sx-dg--wide .sx-dg__step:after,.sx-dg--wide .sx-dg__step:before{content:none}.sx-dg--wide.sx-dg--flow .sx-dg__steps{grid-template-columns:repeat(var(--sx-dg-n,4),minmax(0,1fr));gap:var(--sx-s-4)}.sx-dg--wide.sx-dg--flow .sx-dg__step{padding:calc(var(--sx-s-3) + var(--sx-s-2)) 0 0}.sx-dg--wide.sx-dg--flow .sx-dg__step:not(:last-child):before{content:"";position:absolute;top:calc(var(--sx-s-3) / 2 - 1px);left:calc(var(--sx-s-3) + var(--sx-s-1));right:calc(var(--sx-s-1) - var(--sx-s-4));height:2px;background:var(--sx-border-strong)}.sx-dg--wide.sx-dg--flow .sx-dg__step:not(:last-child):after{content:"";position:absolute;top:calc(var(--sx-s-3) / 2 - 5px);right:calc(var(--sx-s-1) - var(--sx-s-4));width:8px;height:8px;border-top:2px solid var(--sx-border-strong);border-right:2px solid var(--sx-border-strong);transform:rotate(45deg)}.sx-dg--wide.sx-dg--timeline .sx-dg__steps{position:relative;grid-template-columns:repeat(var(--sx-dg-n,4),minmax(0,1fr));gap:var(--sx-s-3)}.sx-dg--wide.sx-dg--timeline .sx-dg__steps:before{content:"";position:absolute;left:0;right:0;top:calc(var(--sx-s-3) + var(--sx-s-1) + var(--sx-s-3) / 2 - 1px);height:2px;background:var(--sx-border-strong)}.sx-dg--wide.sx-dg--timeline .sx-dg__step{padding:0;grid-template-rows:var(--sx-s-3) var(--sx-s-3) auto}.sx-dg--wide.sx-dg--timeline .sx-dg__when{grid-row:1}.sx-dg--wide.sx-dg--timeline .sx-dg__node{position:relative;grid-row:2}.sx-dg--wide.sx-dg--timeline .sx-dg__text{grid-row:3}.sx-dg--wide.sx-dg--cause .sx-dg__steps{grid-template-columns:minmax(0,1fr) var(--sx-s-6) minmax(0,1fr);gap:var(--sx-s-4) 0}.sx-dg--wide.sx-dg--cause .sx-dg__step:nth-child(odd){grid-row:1}.sx-dg--wide.sx-dg--cause .sx-dg__step:nth-child(2n){grid-row:2}.sx-dg--wide.sx-dg--cause .sx-dg__step:nth-child(-n+2){grid-column:1}.sx-dg--wide.sx-dg--cause .sx-dg__step:nth-child(n+3){grid-column:3}.sx-dg--wide.sx-dg--cause .sx-dg__step:nth-child(odd):after{content:"";position:absolute;left:calc(var(--sx-s-3) / 2 - 1px);top:calc(var(--sx-s-3) + 4px);bottom:calc(4px - var(--sx-s-4));width:2px;background:var(--sx-border)}.sx-dg--wide.sx-dg--cause .sx-dg__steps:after{content:"";grid-column:2;grid-row:1/3;align-self:center;justify-self:center;width:var(--sx-s-5);height:var(--sx-s-2);background:var(--sx-border-strong);-webkit-clip-path:polygon(0 40%,70% 40%,70% 0,100% 50%,70% 100%,70% 60%,0 60%);clip-path:polygon(0 40%,70% 40%,70% 0,100% 50%,70% 100%,70% 60%,0 60%)}.sx-dg--wide.sx-dg--reconcile .sx-dg__steps{grid-template-columns:minmax(0,1fr) var(--sx-s-5) minmax(0,1fr);gap:var(--sx-s-3) 0}.sx-dg--wide.sx-dg--reconcile .sx-dg__step{padding:var(--sx-s-2);border:1px solid var(--sx-border);border-radius:var(--sx-radius-control);background:var(--sx-surface)}.sx-dg--wide.sx-dg--reconcile .sx-dg__node{display:none}.sx-dg--wide.sx-dg--reconcile .sx-dg__step:first-child{grid-column:1;grid-row:1}.sx-dg--wide.sx-dg--reconcile .sx-dg__step:nth-child(2){grid-column:3;grid-row:1;border:2px solid var(--sx-signal)}.sx-dg--wide .sx-dg__converge{display:block;position:absolute;left:100%;top:0;width:var(--sx-s-5);height:100%;overflow:visible;fill:none;stroke:var(--sx-border-strong);stroke-width:2px}}