.mg-arch{align-items:center;display:flex}.mg-node{border:1px solid #222a3d;border-radius:14px;flex:none;align-items:center;gap:10px;padding:10px 12px;transition:border-color .3s,background .3s,box-shadow .3s;display:flex;position:relative}.mg-icon{letter-spacing:.04em;border-radius:10px;flex:none;place-items:center;width:38px;height:38px;font-size:11px;font-weight:500;transition:background .3s,color .3s;display:grid}.mg-conn{border-radius:2px;flex:1;min-width:16px;height:2px;transition:background .3s;position:relative;container-type:inline-size}.mg-pkt{background:var(--acc);width:8px;height:8px;box-shadow:0 0 10px var(--acc);border-radius:50%;animation:.9s linear infinite pktx;position:absolute;top:-3px;left:0}.mg-fork{border-left:2px solid #222a3d;flex-direction:column;flex:1.4;gap:12px;transition:border-color .3s;display:flex}.mg-frow{align-items:center;display:flex}.mg-frow .mg-conn{min-width:44px}@media (max-width:1099px){.mg-arch{flex-direction:column;align-items:stretch}.mg-conn{flex:none;align-self:flex-start;min-width:0;height:22px;margin-left:31px;container-type:size;width:2px!important}.mg-pkt{animation-name:pkty;top:0;left:-3px}.mg-fork{margin:0 0 0 31px;padding:12px 0}.mg-frow .mg-conn{align-self:center;height:2px;margin:0;width:18px!important}.mg-frow .mg-pkt{animation-name:pktx;top:-3px;left:0}.mg-frow .mg-node{flex:1}}