.LineWithDirection_LineWithDirection__rsO_e{align-items:center;gap:var(--bds-space-100);flex-wrap:wrap}.ConnectionLegLine_PearlString__3_k7n{--_defaultLineColor:var(--bds-color-foreground-subtle);--_lineWidth:var(--bds-space-200);--_dotSize:0.25rem;--_dotScale:1;--_dottedLineWidth:var(--bds-space-100);--_offsetTop:calc(var(--bds-space-100) + var(--_depStopMarginTop));--_offsetBottom:0.4rem;align-self:stretch;width:var(--_lineWidth);position:relative;margin-bottom:var(--_offsetBottom)}.ConnectionLegLine_string__cIN72{--_bg1:var(--_lineColor,var(--_defaultLineColor));--_bg2:var(--_lineColor2,var(--_bg1));margin-top:calc(var(--_offsetTop));background-color:var(--_bg1);width:var(--_lineWidth);border-radius:100vw;height:calc(100% - var(--_offsetTop));background-image:linear-gradient(to right,var(--_bg1) 50%,var(--_bg2) 50%)}.ConnectionLegLine_PearlString__3_k7n[data-walk=true] .ConnectionLegLine_string__cIN72{border-radius:0;background:none;border-right:var(--_dottedLineWidth) dotted var(--bds-color-border-subtle);width:calc(var(--_lineWidth) - var(--_dottedLineWidth)/2);margin-bottom:.1rem}.ConnectionLegLine_PearlString__3_k7n[data-walk=true]:not([data-isstart=true]) .ConnectionLegLine_string__cIN72{margin-top:.2rem;height:100%}.ConnectionLegLine_PearlString__3_k7n[data-walk=false] .ConnectionLegLine_string__cIN72:first-of-type:before,.ConnectionLegLine_PearlString__3_k7n[data-walk=false] .ConnectionLegLine_string__cIN72:last-of-type:after{content:"";width:var(--_dotSize);height:var(--_dotSize);background-color:var(--_lineDotColor,var(--bds-color-palette-white));border-radius:1rem;position:absolute;left:50%;z-index:1;transform:translate(-50%,-50%) scale(var(--_dotScale))}.ConnectionLegLine_PearlString__3_k7n[data-walk=false] .ConnectionLegLine_string__cIN72:first-of-type:before{top:calc(.5em + var(--_depStopMarginTop))}.ConnectionLegLine_PearlString__3_k7n[data-walk=false] .ConnectionLegLine_string__cIN72:last-of-type:after{bottom:0}.ConnectionLegLine_PearlString__3_k7n[data-isstart=true] .ConnectionLegLine_string__cIN72:first-of-type:before{top:calc(.5em + var(--_depStopMarginTop))}.ConnectionLegLine_PearlString__3_k7n[data-isend=true] .ConnectionLegLine_string__cIN72:last-of-type:after,.ConnectionLegLine_PearlString__3_k7n[data-isstart=true] .ConnectionLegLine_string__cIN72:first-of-type:before{content:"";width:var(--_dotSize);height:var(--_dotSize);background-color:var(--_lineDotColor,var(--bds-color-palette-white));border-radius:1rem;position:absolute;left:50%;z-index:1;transform:translate(-50%,-50%) scale(var(--_dotScale))}.ConnectionLegLine_PearlString__3_k7n[data-isend=true] .ConnectionLegLine_string__cIN72:last-of-type:after{bottom:0}.ConnectionLegLine_endMarker__PAZIU,.ConnectionLegLine_startMarker__T4r2_{position:absolute;overflow:visible;width:var(--bds-space-400);left:-.25rem;max-width:unset;z-index:0}.ConnectionLegLine_endMarker__PAZIU>circle,.ConnectionLegLine_endMarker__PAZIU>path,.ConnectionLegLine_startMarker__T4r2_>circle,.ConnectionLegLine_startMarker__T4r2_>path{stroke:var(--bds-color-foreground-subtle);fill:var(--bds-color-background-primary);stroke-width:var(--bds-border-width-100)}.ConnectionLegLine_startMarker__T4r2_{top:var(--_depStopMarginTop)}.ConnectionLegLine_endMarker__PAZIU{bottom:calc(-1*var(--_offsetBottom) - (.5rem - var(--_offsetBottom)))}.ConnectionLegLine_PearlString__3_k7n[data-isend=true] .ConnectionLegLine_string__cIN72:last-of-type:after,.ConnectionLegLine_PearlString__3_k7n[data-isstart=true] .ConnectionLegLine_string__cIN72:first-of-type:before{--_dotScale:1.5;background-color:var(--bds-color-background-emphasis)}.ConnectionLegLine_PearlString__3_k7n[data-extendstartline=true][data-walk=false] .ConnectionLegLine_string__cIN72{border-top-right-radius:0;border-top-left-radius:0;-webkit-margin-before:0;margin-block-start:0;height:100%}