.direction-system.synaptic-network{
  --syn-hover:0;
  position:relative;
  min-width:0;
  height:680px;
  padding:0;
  overflow:visible;
  isolation:isolate;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  cursor:crosshair;
  contain:layout style;
}
.direction-system.synaptic-network::before,
.direction-system.synaptic-network::after{display:none}
.synaptic-canvas{
  position:absolute;
  inset:0;
  z-index:2;
  width:100%;
  height:100%;
  display:block;
  pointer-events:none;
  transform:translate3d(42px,20px,0) scale(1.18);
  transform-origin:48% 49%;
  -webkit-mask-image:radial-gradient(ellipse 73% 70% at 52% 49%,#000 50%,rgba(0,0,0,.94) 68%,transparent 100%);
  mask-image:radial-gradient(ellipse 73% 70% at 52% 49%,#000 50%,rgba(0,0,0,.94) 68%,transparent 100%);
}
.synaptic-depth-glow{display:none}
@media(max-width:980px){
  .direction-system.synaptic-network{height:min(76vw,590px);min-height:430px;margin-top:20px}
  .synaptic-canvas{transform:translate3d(2%,2%,0) scale(1.08);transform-origin:50% 50%}
}
@media(max-width:620px){
  .direction-system.synaptic-network{height:112vw;min-height:400px;max-height:530px;margin-top:8px;cursor:default}
  .synaptic-canvas{transform:none;-webkit-mask-image:radial-gradient(ellipse 76% 72% at 50% 50%,#000 52%,rgba(0,0,0,.92) 70%,transparent 100%);mask-image:radial-gradient(ellipse 76% 72% at 50% 50%,#000 52%,rgba(0,0,0,.92) 70%,transparent 100%)}
}