.connection-focus .fd-node.is-muted,.connection-focus .arch-node.is-muted{opacity:.35}.connection-focus .fd-wire.is-muted,.connection-focus .wire.is-muted{opacity:.13}.connection-focus .fd-wire.is-incoming,.connection-focus .wire.is-incoming{stroke:#2469a2;stroke-width:4}.connection-focus .fd-wire.is-outgoing,.connection-focus .wire.is-outgoing{stroke:#26764f;stroke-width:4}.connection-focus .fd-wire.is-incoming.is-outgoing,.connection-focus .wire.is-incoming.is-outgoing{stroke:#79569b}.connection-focus .fd-node.is-upstream rect,.connection-focus .arch-node.is-upstream rect{fill:#e0edf7;stroke:#2469a2;stroke-width:2.5}.connection-focus .fd-node.is-downstream rect,.connection-focus .arch-node.is-downstream rect{fill:#e3efe1;stroke:#26764f;stroke-width:2.5}.connection-focus .fd-node.is-both rect,.connection-focus .arch-node.is-both rect{fill:#eee5f4;stroke:#79569b}.connection-focus .fd-node.selected rect,.connection-focus .arch-node.selected rect{fill:#dfea9d;stroke:#456239;stroke-width:3}.mobile-node.is-muted{opacity:.4}.mobile-node.is-upstream{background:#e0edf7;border-color:#2469a2}.mobile-node.is-downstream{background:#e3efe1;border-color:#26764f}.mobile-node.is-both{background:#eee5f4;border-color:#79569b}.mobile-node.selected{opacity:1;background:var(--lime);border-color:#456239}.connection-key{display:flex;align-items:center;flex-wrap:wrap;gap:12px;font-size:9px;color:var(--muted)}.connection-key span{display:flex;align-items:center;gap:6px}.connection-key i{width:8px;height:8px;border-radius:2px;background:#dfea9d;border:1px solid #718151}.connection-key .incoming{background:#dbeaf6;border-color:#2469a2}.connection-key .outgoing{background:#e3efe1;border-color:#26764f}.connection-key .both{background:#eee5f4;border-color:#79569b}.reset-connections{border:1px solid #c2cfb8;border-radius:3px;background:#fbfaf6;color:var(--ink);padding:8px 11px;font-size:10px;cursor:pointer;white-space:nowrap}.reset-connections:disabled{cursor:default;opacity:.45}.connection-controls{display:flex;gap:15px;justify-content:space-between;align-items:center;padding:14px 28px 0}.selected-connections{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:22px;border-top:1px solid #53745e;padding-top:22px}.connection-group>span{font-size:9px;text-transform:uppercase;letter-spacing:1px;color:#cbdcbb;display:flex;align-items:center;gap:10px;margin-bottom:13px}.connection-group>span b{font-weight:400;font-size:9px;border:1px solid #617e68;border-radius:10px;padding:2px 6px}.connection-group>div{display:flex;gap:9px;flex-wrap:wrap}.connection-group button{border:1px solid #688269;background:#204b39;border-radius:4px;padding:10px 12px;color:#f1f3e6;cursor:pointer;text-align:left;max-width:100%}.connection-group.incoming button{border-left:3px solid #79b4e4}.connection-group.outgoing button{border-left:3px solid #87c995}.connection-group button:hover{background:#2c5b45}.connection-group strong{display:block;font-weight:500;font-size:11px;line-height:1.4}.connection-group small{display:block;font-size:9px;color:#c2d2be;line-height:1.6;margin-top:5px}.connection-group p{font-size:10px!important;color:#bfceba!important;margin:0!important}.deep-component-detail .selected-connections{margin-top:3px}.component-detail .selected-connections{margin-top:3px}
@media(max-width:760px){.connection-controls{padding:14px 20px 0;align-items:start;gap:12px}.connection-key{font-size:8px;gap:10px}.reset-connections{font-size:9px;padding:8px}.selected-connections{grid-template-columns:1fr;gap:20px;margin-top:23px!important}.connection-group button{width:100%}.connection-group strong{font-size:12px}}

@media(max-width:760px){.deep-component-detail>div:nth-child(2){margin-top:23px}}