.bg-loader-line {
-webkit-animation-duration: 2s;
-webkit-animation-fill-mode: forwards;
-webkit-animation-iteration-count: infinite;
-webkit-animation-name: loaderLineShimmer;
-webkit-animation-timing-function: linear;
background-image: linear-gradient(
to right,
rgba(0, 122, 255, 0) 0%,
rgba(0, 122, 255, 0) 60%,
rgba(0, 122, 255, 1) 80%,
rgba(0, 122, 255, 0) 100%
);
background-repeat: repeat-y;
background-size: 440px 3px;
position: absolute;
height: 3px;
bottom: -2px;
}
@keyframes loaderLineShimmer {
0% {
background-position: -440px 0;
}
100% {
background-position: 440px 0;
}
}
.bg-loader-inactive {
background-color: #525252;
}
.bg-loader-5s {
-webkit-animation-duration: 7s;
-webkit-animation-fill-mode: forwards;
-webkit-animation-name: introButtonLoading;
-webkit-animation-timing-function: linear;
background-image: linear-gradient(
to right,
rgba(255, 255, 255, 1) 50%,
rgba(255, 255, 255, 0) 50%
);
background-repeat: repeat-y;
background-size: 60px 5px;
position: relative;
}