.workflow-network.broad-network{background:#142632;border:1px solid #496477;border-radius:13px;width:100%;min-width:0;max-width:620px;padding:14px 15px 12px;overflow:hidden;container-type:inline-size}.broad-network .bn-heading{color:#d2e1eb;justify-content:space-between;align-items:center;gap:12px;min-height:34px;margin-bottom:9px;font-size:14px;font-weight:600;display:flex}.broad-network .bn-motion{color:#c0d4e1;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:3px;min-height:34px;padding:5px 0;font-size:12px}.broad-network .bn-motion:hover{color:#fff}.broad-network :focus-visible{outline-offset:3px;outline:3px solid #d3fa77}.broad-network .bn-paths{gap:6px;margin-bottom:13px;display:flex}.broad-network .bn-paths button{color:#c5d8e4;cursor:pointer;background:#1c3240;border:1px solid #466477;border-radius:6px;flex:1;min-height:34px;padding:6px 9px;font-size:12px;font-weight:600}.broad-network .bn-paths button[aria-selected=true]{color:#192b12;background:#d3fa77;border-color:#d3fa77}.broad-network .bn-stage{grid-template-rows:76px 40px 76px 76px;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px 11px;width:100%;margin-bottom:12px;display:grid;position:relative}.broad-network .bn-beam-set{pointer-events:none;opacity:.28;position:absolute;inset:0}.broad-network .bn-beam-set.selected{opacity:.95}.broad-network .network-beam{z-index:0}.broad-network .beam-track{stroke:#769eaf;stroke-width:1.2px}.broad-network .beam-travel{stroke:#9cd7ee;stroke-width:1.8px}.broad-network .network-beam.accent .beam-travel{stroke:#d3fa77;stroke-width:2px}.broad-network .bn-node{z-index:2;background:#1b303e;border:1px solid #466477;border-radius:7px;flex-direction:column;justify-content:center;gap:5px;min-width:0;padding:9px 10px;display:flex;position:relative}.broad-network .bn-node>div{align-items:center;gap:6px;min-width:0;display:flex}.broad-network .bn-node svg{color:#a6c8d9;flex:none}.broad-network .bn-node strong{color:#eaf3f8;letter-spacing:-.1px;font-size:12.5px;font-weight:650;line-height:1.25}.broad-network .bn-node>span{color:#bed3e1;overflow-wrap:anywhere;font-size:11.5px;line-height:1.4}.broad-network .bn-node.selected{background:#25424a;border-color:#82b5bd}.broad-network .bn-node.selected>span{color:#d4e6e9}.broad-network .bn-node.selected svg{color:#d3fa77}.broad-network .bn-ads,.broad-network .bn-website,.broad-network .bn-social{grid-row:1}.broad-network .bn-phones,.broad-network .bn-inbox,.broad-network .bn-jobs{grid-row:3}.broad-network .bn-field,.broad-network .bn-billing,.broad-network .bn-other{grid-row:4}.broad-network .bn-hub{z-index:2;color:#eff8ec;background:#263e31;border:1px solid #90b965;border-radius:7px;grid-area:2/1/auto/-1;justify-content:center;justify-self:center;align-items:center;gap:8px;width:244px;max-width:100%;padding:6px 12px;display:flex;position:relative;box-shadow:0 0 0 4px #d3fa7708}.broad-network .bn-hub>svg{color:#d3fa77;flex:none}.broad-network .bn-hub strong{letter-spacing:-.2px;font-size:13px}.broad-network .bn-hub>span{color:#c5d8bd;font-size:11px;line-height:1.4}.broad-network .bn-handoff{border-top:1px solid #4a6574;min-height:64px;padding-top:10px}.broad-network .bn-handoff-label{color:#d3fa77;letter-spacing:.7px;text-transform:uppercase;font-size:10px;font-weight:600}.broad-network .bn-handoff p{color:#d3e0e9;max-width:none;margin-top:4px;font-size:12.5px;line-height:1.65}.broad-network .bn-caption{color:#b8cbd8;max-width:none;margin-top:10px;font-size:11.5px;line-height:1.6}@container (width<=380px){.broad-network .bn-stage{grid-template-rows:84px 84px 40px 84px 84px 60px;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 11px}.broad-network .bn-ads{grid-area:1/1}.broad-network .bn-website{grid-area:1/2}.broad-network .bn-social{grid-area:2/1}.broad-network .bn-phones{grid-area:2/2}.broad-network .bn-hub{grid-area:3/1/auto/-1;width:100%}.broad-network .bn-inbox{grid-area:4/1}.broad-network .bn-jobs{grid-area:4/2}.broad-network .bn-field{grid-area:5/1}.broad-network .bn-billing{grid-area:5/2}.broad-network .bn-other{grid-area:6/1/auto/-1}.broad-network .bn-node{gap:6px;padding:10px}.broad-network .bn-node strong{font-size:13px}.broad-network .bn-node>span{font-size:12px;line-height:1.45}.broad-network .bn-handoff p{font-size:13px}.broad-network .bn-caption{font-size:12px}.broad-network .bn-node>div{gap:5px}.broad-network .bn-website svg,.broad-network .bn-jobs svg{display:none}}@media (prefers-reduced-motion:reduce){.broad-network .beam-travel{animation:none!important}}
