.automation-visual{width:min(100%,500px);margin:auto}.automation-flow{position:relative;min-height:420px;border:1px solid #e4e7ec;border-radius:28px;background:radial-gradient(circle at center,rgba(237,28,36,.08),transparent 42%),#fff;box-shadow:0 28px 70px rgba(16,24,40,.08)}.auto-node{position:absolute;z-index:2;min-width:108px;padding:13px 16px;text-align:center;border:1px solid #e4e7ec;border-radius:14px;background:#fff;color:#344054;font-weight:750;box-shadow:0 10px 26px rgba(16,24,40,.07)}.auto-node.center{left:50%;top:50%;transform:translate(-50%,-50%);min-width:138px;padding:20px;background:#101828;color:#fff;border-color:#101828}.auto-node.top{left:50%;top:9%;transform:translateX(-50%)}.auto-node.bottom{left:50%;bottom:9%;transform:translateX(-50%)}.auto-node.left{left:5%;top:50%;transform:translateY(-50%)}.auto-node.right{right:5%;top:50%;transform:translateY(-50%)}.auto-line{position:absolute;z-index:1;left:50%;width:2px;background:#ed1c24;transform:translateX(-50%)}.auto-line.line-a{top:20%;height:25%}.auto-line.line-b{bottom:20%;height:25%}.automation-flow:before,.automation-flow:after{content:"";position:absolute;top:50%;height:2px;width:26%;background:#ed1c24}.automation-flow:before{left:22%}.automation-flow:after{right:22%}@media(max-width:680px){.automation-flow{min-height:340px}.auto-node{min-width:86px;padding:10px 11px;font-size:12px}.auto-node.center{min-width:112px;padding:16px 12px}.auto-node.left{left:3%}.auto-node.right{right:3%}}