﻿/* Полоса загрузки до загрузки скриптов, повторяет InitialLoader: положение и размеры ProgressBar, цвета InitialLoaderStyle, анимацию LinearProgress */
.initial-loader {
    position: fixed;
    top: 8px;
    right: 8px;
    left: 8px;
    height: 8px;
    border-radius: 4px;
    overflow: hidden;
    background-color: #a2bcc4;
}

.initial-loader span {
    position: absolute;
    top: 0;
    bottom: 0;
    background-color: #0c5066;
}

.initial-loader span:first-child {
    animation: initial-loader-first 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
}

.initial-loader span:last-child {
    animation: initial-loader-second 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.15s infinite;
}

@keyframes initial-loader-first {
    0% {
        left: -35%;
        right: 100%;
    }

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

@keyframes initial-loader-second {
    0% {
        left: -200%;
        right: 100%;
    }

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