.loading-widget{
    display: flex;
    justify-content: center;
}

.ball-pulse-sync{
    margin-top: 25px;
  }
  
  .ball-pulse-sync > div {
    width: 10px;
    height: 10px;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  .ball-pulse-sync > div, .ball-pulse > div, .ball-scale-random > div, .ball-scale > div {
    background-color: var(--accent-color);
    border-radius: 100%;
    margin: 2px;
    display: inline-block;
    margin-right: 8px;
  }
.dark-mode .ball-pulse-sync > div, .ball-pulse > div, .ball-scale-random > div, .ball-scale > div {
  background-color: var(--accent-color--dm);
}
  .ball-pulse-sync > div:nth-child(1) {
    -webkit-animation: ball-pulse-sync 1.2s -.14s infinite ease-in-out;
    animation: ball-pulse-sync 1.2s -.14s infinite ease-in-out;
  }
  .ball-pulse-sync > div:nth-child(2) {
    -webkit-animation: ball-pulse-sync 1.2s -70ms infinite ease-in-out;
    animation: ball-pulse-sync 1.2s -70ms infinite ease-in-out;
  }
  .ball-pulse-sync > div:nth-child(3) {
    -webkit-animation: ball-pulse-sync 1.2s 0s infinite ease-in-out;
    animation: ball-pulse-sync 1.2s 0s infinite ease-in-out;
  }
  @keyframes ball-pulse-sync {
    33% {
      -webkit-transform: translateY(10px);
      transform: translateY(10px);
    }
    66% {
      -webkit-transform: translateY(-10px);
      transform: translateY(-10px);
    }
    100% {
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }
  }