
.animBarDeterminate {
  will-change: width;
  transition: width 0.5S cubic-bezier(0.65, 0.815, 0.735, 0.395);
}

.animBarIndeterminate::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  bottom: 0;
  background-color: inherit;
  will-change: left, right;
  animation: bar-indeterminate 2s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
}

.animBarIndeterminate::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  bottom: 0;
  background-color: inherit;
  will-change: left, right;
  animation: bar-indeterminate-short 2s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
  animation-delay: 1.15S;
}

@keyframes bar-indeterminate {  0% {
    left: -35%;
    right: 100%;
  }

  60% {
    left: 100%;
    right: -90%;
  }

  100% {
    left: 100%;
    right: -90%;
  }
}

@keyframes bar-indeterminate-short {  0% {
    left: -200%;
    right: 100%;
  }

  60% {
    left: 107%;
    right: -8%;
  }

  100% {
    left: 107%;
    right: -8%;
  }
}