.bui-loading-bar {
  height: 4px;
  opacity: 1;
  width: 100%;
  position: relative;
  background-color: #b2ebf2;
  overflow: hidden;
  transition: height 0.3s ease-out, opacity 0.125s 0.175s ease;
}
.bui-loading-bar .bui-bar {
  position: absolute;
  height: 100%;
  left: 0;
  top: 0;
  background-color: #00bcd4;
  animation: bui-loading-bar-animation 1.95s infinite ease-in-out;
}
.bui-loading-bar.bui-loading-bar-fade-out {
  height: 0;
  opacity: 0;
}

@keyframes bui-loading-bar-animation {
  0% {
    transform: translate(-100%);
    width: 75%;
  }
  70% {
    transform: translate(135%);
    width: 75%;
  }
  70.1% {
    transform: translate(-100%);
    width: 25%;
  }
  100% {
    transform: translate(425%);
    width: 25%;
  }
}