.pipeline-tattui{z-index:1;justify-content:center;align-items:center;max-width:700px;margin-bottom:52px;display:flex;position:relative}.pipeline-tattui .beam-svg{pointer-events:none;z-index:2;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.pipeline-tattui .beam-glow{opacity:.6}.pipeline-tattui .pipeline-line{background:linear-gradient(90deg,#f2eee526,#f2eee512);width:160px;height:1px}.pipeline-tattui .pipeline-line.right{background:linear-gradient(90deg,#f2eee512,#f2eee526)}.pipeline-tattui .pipeline-centro{position:relative}.pipeline-tattui .splash{opacity:0;z-index:2;pointer-events:none;background:radial-gradient(circle,#7cc4a099 0%,#0000 70%);border-radius:50%;width:100px;height:100px;margin:-50px 0 0 -50px;position:absolute;top:50%;left:50%;transform:scale(.4)}.pipeline-tattui .splash.animate{animation:.8s ease-out forwards pipeline-splash}@keyframes pipeline-splash{0%{opacity:.8;transform:scale(.4)}40%{opacity:.6}to{opacity:0;transform:scale(1.4)}}.pipeline-tattui .icon-node{cursor:pointer;z-index:3;background:#18201d;border:0;border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;padding:0;transition:transform .2s,box-shadow .2s;display:flex;position:relative;box-shadow:6px 6px 12px #0006,-4px -4px 10px #f2eee508,inset 1px 1px 1px #f2eee50d,inset 4px 4px 8px #0006}.pipeline-tattui .icon-node:after{content:"";pointer-events:none;border:1px dotted #2a3530;border-radius:50%;position:absolute;inset:-7px}.pipeline-tattui .icon-node:hover{transform:translateY(-1px);box-shadow:8px 8px 16px #00000080,-5px -5px 12px #f2eee50d,inset 1px 1px 1px #f2eee512,inset 4px 4px 8px #0006}.pipeline-tattui .icon-node:active{box-shadow:inset 2px 2px 4px #0009,inset -1px -1px 2px #f2eee50a}.pipeline-tattui .icon-node svg{stroke:#f2eee5b3;stroke-width:1.5px;fill:none;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.pipeline-tattui .icon-node-center{z-index:3;background:#1c2622;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;display:flex;position:relative;box-shadow:8px 8px 16px #00000080,-6px -6px 14px #f2eee50a,inset 1px 1px 2px #f2eee50f,inset 6px 6px 12px #00000080}.pipeline-tattui .icon-node-center .simbolo-tattui{width:32px;height:32px;color:var(--text)}.pipeline-tattui .node-light-right:before,.pipeline-tattui .node-light-left:before{content:"";opacity:0;z-index:4;pointer-events:none;border-radius:50%;transition:opacity .3s;position:absolute;inset:-10px}.pipeline-tattui .node-light-right:before{background:radial-gradient(circle at 100%,#cbbfa673 0%,#0000 70%)}.pipeline-tattui .node-light-left:before{background:radial-gradient(circle at 0,#7cc4a080 0%,#0000 70%)}.pipeline-tattui .node-light-right.active:before,.pipeline-tattui .node-light-left.active:before{opacity:1}.pipeline-tattui .icon-node svg *{stroke:inherit}.pipeline-legenda{z-index:1;letter-spacing:.08em;text-transform:uppercase;color:#7cc4a0;min-height:1.4em;margin:-28px 0 36px;font-size:.8rem;transition:opacity .35s;position:relative}.pipeline-legenda.trocando{opacity:0}.pipeline-tattui .icon-node svg,.pipeline-tattui .icon-node .icone-fluxo{transition:opacity .35s}.pipeline-tattui.trocando .icon-node svg{opacity:0}@media (max-width:860px){.pipeline-tattui{gap:0;margin-bottom:40px}.pipeline-tattui .pipeline-line{width:80px}}@media (max-width:768px){.pipeline-tattui .icon-node{width:38px;height:38px}.pipeline-tattui .icon-node-center{width:52px;height:52px}.pipeline-legenda{margin-top:-20px}}@media (prefers-reduced-motion:reduce){.pipeline-tattui .splash.animate{animation:none}}