.sources-demo{width:100%;height:100%;position:relative}.sources-hub{z-index:2;width:48px;height:48px;color:var(--color-gray-900);background:#fff;border-radius:50%;justify-content:center;align-items:center;animation:1.5s ease-in-out 2.5s infinite sources-hub-glow;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 8px #00000014,0 0 0 1px #0000000a}.sources-hub-svg{width:32px;height:32px}.sources-hub-wave{animation:2s linear infinite sources-wave-scroll}@keyframes sources-wave-scroll{0%{transform:translate(0)}to{transform:translate(-20px)}}@keyframes sources-hub-glow{0%,to{box-shadow:0 2px 8px #00000014,0 0 0 1px #0000000a}50%{box-shadow:0 2px 8px #00000014,0 0 0 1px #0000000a,0 0 0 8px #6366f11a}}.sources-lines{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;inset:0}.sources-node{z-index:1;opacity:0;background:#fff;border:1px solid #0000000f;border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;animation:.4s ease-out forwards sources-node-in;display:flex;position:absolute;box-shadow:0 2px 8px #0000000f,0 8px 24px #0000000a}.sources-node-0{animation-delay:.2s;top:24%;left:18%;transform:translate(-50%,-50%)}.sources-node-1{animation-delay:.35s;top:12%;left:52%;transform:translate(-50%,-50%)}.sources-node-2{animation-delay:.5s;top:28%;left:82%;transform:translate(-50%,-50%)}.sources-node-3{animation-delay:.65s;top:72%;left:80%;transform:translate(-50%,-50%)}.sources-node-4{animation-delay:.8s;top:86%;left:46%;transform:translate(-50%,-50%)}.sources-node-5{animation-delay:.95s;top:68%;left:16%;transform:translate(-50%,-50%)}@keyframes sources-node-in{0%{opacity:0;transform:translate(-50%,-50%)scale(.8)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.sources-node-icon{object-fit:contain;width:28px;height:28px}.sources-dot{background:var(--color-indigo-400);opacity:0;pointer-events:none;z-index:3;border-radius:50%;width:8px;height:8px;margin-top:-4px;margin-left:-4px;position:absolute;box-shadow:0 0 6px 2px #6366f14d}.sources-dot-0{animation:9s linear 1.5s infinite sources-dot-0}.sources-dot-1{animation:9s linear 3s infinite sources-dot-1}.sources-dot-2{animation:9s linear 4.5s infinite sources-dot-2}.sources-dot-3{animation:9s linear 6s infinite sources-dot-3}.sources-dot-4{animation:9s linear 7.5s infinite sources-dot-4}.sources-dot-5{animation:9s linear 9s infinite sources-dot-5}@keyframes sources-dot-0{0%{opacity:0;top:24%;left:18%}2%{opacity:1;top:24%;left:18%}12%{opacity:1;top:41%;left:39%}15%{opacity:0;top:50%;left:50%}16%{opacity:0;top:24%;left:18%}to{opacity:0;top:24%;left:18%}}@keyframes sources-dot-1{0%{opacity:0;top:12%;left:52%}2%{opacity:1;top:12%;left:52%}12%{opacity:1;top:37%;left:51%}15%{opacity:0;top:50%;left:50%}16%{opacity:0;top:12%;left:52%}to{opacity:0;top:12%;left:52%}}@keyframes sources-dot-2{0%{opacity:0;top:28%;left:82%}2%{opacity:1;top:28%;left:82%}12%{opacity:1;top:43%;left:61%}15%{opacity:0;top:50%;left:50%}16%{opacity:0;top:28%;left:82%}to{opacity:0;top:28%;left:82%}}@keyframes sources-dot-3{0%{opacity:0;top:72%;left:80%}2%{opacity:1;top:72%;left:80%}12%{opacity:1;top:57%;left:60%}15%{opacity:0;top:50%;left:50%}16%{opacity:0;top:72%;left:80%}to{opacity:0;top:72%;left:80%}}@keyframes sources-dot-4{0%{opacity:0;top:86%;left:46%}2%{opacity:1;top:86%;left:46%}12%{opacity:1;top:62%;left:47%}15%{opacity:0;top:50%;left:50%}16%{opacity:0;top:86%;left:46%}to{opacity:0;top:86%;left:46%}}@keyframes sources-dot-5{0%{opacity:0;top:68%;left:16%}2%{opacity:1;top:68%;left:16%}12%{opacity:1;top:56%;left:39%}15%{opacity:0;top:50%;left:50%}16%{opacity:0;top:68%;left:16%}to{opacity:0;top:68%;left:16%}}@media (width<=768px){.sources-hub{width:40px;height:40px}.sources-hub-svg{width:28px;height:28px}.sources-node{width:44px;height:44px}.sources-node-icon{width:24px;height:24px}}