[data-component-id="viz_widgets:knowledge-graph"]{
  position:relative;
  height:0px;
  width:100%;
  overflow:hidden;
}
[data-component-id="viz_widgets:knowledge-graph"] .vue-app-container{
  position:absolute;
  left:0px;
  top:0px;
  height:100%;
  width:100%;
}
[data-component-id="viz_widgets:knowledge-graph"].fluid{
  height:100%;
}
[data-component-id="viz_widgets:knowledge-graph"].fluid .vue-app-container{
  position:relative;
  height:100%;
}
[data-component-id="viz_widgets:knowledge-graph"] .loader{
  width:48px;
  height:48px;
  display:inline-block;
  position:relative;
}
[data-component-id="viz_widgets:knowledge-graph"] .loader.loader-white::before, [data-component-id="viz_widgets:knowledge-graph"] .loader.loader-white::after{
  border-color:#fff;
}
[data-component-id="viz_widgets:knowledge-graph"] .loader::after,
[data-component-id="viz_widgets:knowledge-graph"] .loader::before{
  content:"";
  box-sizing:border-box;
  width:48px;
  height:48px;
  border-radius:50%;
  border:2px solid #000;
  opacity:0;
  position:absolute;
  left:0;
  top:0;
  animation:animloader 2s linear infinite;
}
[data-component-id="viz_widgets:knowledge-graph"] .loader::after{
  animation-delay:1s;
}
@keyframes animloader{
  0%{
    transform:scale(0);
    opacity:1;
  }
  100%{
    transform:scale(1);
    opacity:0;
  }
}