.design-drop.site .sx-flow{padding-bottom:var(--band-base)}.design-drop.site .sx-flowfig{align-items:center;gap:var(--sp-5);padding:var(--band-snug) var(--sp-4);background:var(--panel-2);border:1px solid var(--hairline-soft);flex-direction:column;display:flex}.design-drop.site .sx-flow-diagram{--drop:var(--sp-5);flex-direction:column;align-items:center;width:100%;max-width:1040px;display:flex}.design-drop.site .sx-flow-router{align-items:center;gap:var(--sp-1);height:var(--btn-h-m,36px);padding-inline:var(--pad-tight);background:var(--paper);border:1px solid var(--hairline-soft);border-radius:var(--radius-sm);font-size:var(--type-text-14);line-height:var(--type-text-14-leading);color:var(--ink-2);display:inline-flex;position:relative}.design-drop.site .sx-flow-mark{flex:none;width:16px;height:16px}.design-drop.site .sx-flow-router:after{content:"";height:var(--drop);border-left:1px dashed var(--ink-3);position:absolute;top:100%;left:50%}.design-drop.site .sx-flow-steps{width:100%;margin:var(--drop) 0 0;gap:var(--sp-2);grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;padding:0;list-style:none;display:grid;position:relative}.design-drop.site .sx-flow-steps:before{content:"";border-top:1px solid var(--hairline-soft);position:absolute;top:50%;left:0;right:0}.design-drop.site .sx-flow-steps li{text-align:center;padding:var(--sp-2) var(--pad-tight);background:var(--paper);border:1px solid var(--hairline-soft);border-radius:var(--radius-sm);flex-direction:column;align-items:center;gap:2px;display:flex;position:relative}.design-drop.site .sx-flow-name{font-size:var(--type-text-16);line-height:var(--type-text-16-leading);color:var(--ink)}.design-drop.site .sx-flow-sub{font-size:var(--type-text-12);line-height:var(--type-text-12-leading);color:var(--ink-3)}.design-drop.site .sx-flow-steps li.mine{padding-block:var(--sp-3);border-color:var(--ink)}.design-drop.site .sx-flow-steps li.mine:before{content:"";background:var(--accent);border-radius:var(--radius-sm) var(--radius-sm) 0 0;height:3px;position:absolute;top:-1px;left:-1px;right:-1px}.design-drop.site .sx-flow-steps li.mine .sx-flow-name{font-family:var(--font-display);font-weight:400;font-size:var(--type-display-24);line-height:var(--type-display-24-leading);letter-spacing:var(--type-display-24-tracking)}.design-drop.site .sx-flow-tag{margin-top:var(--sp-1);font-size:var(--type-text-12);line-height:var(--type-text-12-leading);color:var(--ink)}.design-drop.site .sx-flow-cap{text-align:center;max-width:56ch;font-size:var(--type-text-14);line-height:var(--type-text-14-leading);color:var(--ink-2)}@media (max-width:1000px){.design-drop.site .sx-flow-steps{justify-content:center;gap:var(--sp-3);grid-template-columns:minmax(0,360px)}.design-drop.site .sx-flow-steps:before{border-top:0;border-left:1px solid var(--hairline-soft);inset:0 auto 0 50%}}@media (max-width:680px){.design-drop.site .sx-flowfig{padding:var(--sp-4) var(--sp-2)}}