.ending-progress-bar,.progress-bar{z-index:50;width:100%;height:5px;position:fixed;top:0;border:none;display:none}.progress-bar .progress{background:var(--main);float:left;color:transparent;width:100%;height:5px;line-height:50px;animation-name:slideInFromLeftProgress;animation-duration:30s;animation-timing-function:cubic-bezier(0,.9,.9,.999);text-align:center}.progress-bar .percent::before{content:counter(count);animation-name:counter;animation-duration:30s;animation-timing-function:cubic-bezier(0,.9,.9,.999);counter-reset:count 0}.ending-progress-bar .progress{background:var(--main);float:left;color:transparent;width:100%;height:5px;line-height:50px;animation-name:slideInFromLeftEnding;animation-duration:1s;animation-timing-function:cubic-bezier(0,.9,.9,.999);text-align:center}.ending-progress-bar .percent::before{content:counter(count);animation-name:counter;animation-duration:1s;animation-timing-function:cubic-bezier(.25,.1,.75,1);counter-reset:count 0}.loadingBars{margin-top:20px;width:45px;aspect-ratio:1;--c:no-repeat linear-gradient(var(--main) 0 0);background:var(--c) 0 100%,var(--c) 50% 100%,var(--c) 100% 100%;animation:l2 1s infinite linear}@keyframes l2{0%{background-size:20% 100%,20% 100%,20% 100%}20%{background-size:20% 60%,20% 100%,20% 100%}40%{background-size:20% 80%,20% 60%,20% 100%}60%{background-size:20% 100%,20% 80%,20% 60%}80%{background-size:20% 100%,20% 100%,20% 80%}100%{background-size:20% 100%,20% 100%,20% 100%}}@keyframes slideInFromLeftEnding{0%{width:10%}100%{width:100%;display:none}}@keyframes slideInFromLeftProgress{0%{width:0%}99%{width:99%}}@keyframes counter{0%{counter-increment:count 0}10%{counter-increment:count 70}20%{counter-increment:count 80}30%{counter-increment:count 85}40%{counter-increment:count 90}50%{counter-increment:count 90}60%{counter-increment:count 95}70%{counter-increment:count 98}80%{counter-increment:count 99}90%{counter-increment:count 90}100%{counter-increment:count 100}}
/*# sourceMappingURL=loadingProgressBar.css.map */