.chain{--rail-x: .5rem;--port-top: .6rem;position:relative}.chain-step{position:relative}.chain-step:before{content:"";position:absolute;left:var(--rail-x);top:0;bottom:0;width:1px;transform:translate(-50%);background:rgba(239,68,68,.35)}.chain-step:first-of-type:before{top:var(--port-top)}.chain-step:last-of-type:before{bottom:calc(100% - var(--port-top))}.chain-port{position:absolute;left:var(--rail-x);top:var(--port-top);width:11px;height:11px;transform:translate(-50%,-50%);border:2px solid rgba(239,68,68,.55);border-radius:50%;background:var(--chakra-colors-gray-900)}