@keyframes appLoaderContainerLineInnerAnimation {
  from {
    width: 0;
  }

  to {
    width: 20%;
  }
}

.appLoaderWrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background: #fff;
  z-index: 999999;
}
.appLoaderContainer {
  height: 56px;
}
.appLoaderContainerLine {
  background-color: #f0f0f0;
  height: 2px;
  width: 236px;
  margin-top: 31px;
  border-radius: 2px;
}
.appLoaderContainerLineInner {
  height: 2px;
  border-radius: 2px;
  transition: width 0.5s;
  background-color: #e6eaf0; /* theme.other.colors.brand[5] */
  animation-name: appLoaderContainerLineInnerAnimation;
  animation-duration: 20s;
  max-width: 20%;
}