﻿.MuiLinearProgress-root {
    height: 4px;
    overflow: hidden;
    position: relative;
}

.MuiLinearProgress-colorPrimary {
    background-color: rgb(158, 209, 255);
}

.MuiLinearProgress-colorSecondary {
    background-color: rgb(202, 205, 209);
}

.MuiLinearProgress-buffer {
    background-color: transparent;
}

.MuiLinearProgress-query {
    transform: rotate(180deg);
}

.MuiLinearProgress-dashed {
    width: 100%;
    height: 100%;
    position: absolute;
    animation: MuiLinearProgress-keyframes-buffer 3s infinite linear;
    margin-top: 0;
}

.MuiLinearProgress-dashedColorPrimary {
    background-size: 10px 10px;
    background-image: radial-gradient(rgb(158, 209, 255) 0%, rgb(158, 209, 255) 16%, transparent 42%);
    background-position: 0px -23px;
}

.MuiLinearProgress-dashedColorSecondary {
    background-size: 10px 10px;
    background-image: radial-gradient(rgb(202, 205, 209) 0%, rgb(202, 205, 209) 16%, transparent 42%);
    background-position: 0px -23px;
}

.MuiLinearProgress-bar {
    top: 0;
    left: 0;
    width: 100%;
    bottom: 0;
    position: absolute;
    transition: transform 0.2s linear;
    transform-origin: left;
}

.MuiLinearProgress-barColorPrimary {
    background-color: #ab0500;
}

.MuiLinearProgress-barColorSecondary {
    background-color: #747C87;
}

.MuiLinearProgress-bar1Indeterminate {
    width: auto;
    animation: MuiLinearProgress-keyframes-indeterminate1 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
}

.MuiLinearProgress-bar1Determinate {
    transition: transform .4s linear;
}

.MuiLinearProgress-bar1Buffer {
    z-index: 1;
    transition: transform .4s linear;
}

.MuiLinearProgress-bar2Indeterminate {
    width: auto;
    animation: MuiLinearProgress-keyframes-indeterminate2 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.15s infinite;
}

.MuiLinearProgress-bar2Buffer {
    transition: transform .4s linear;
}

@-webkit-keyframes MuiLinearProgress-keyframes-indeterminate1 {
    0% {
        left: -35%;
        right: 100%;
    }

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

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

@-webkit-keyframes MuiLinearProgress-keyframes-indeterminate2 {
    0% {
        left: -200%;
        right: 100%;
    }

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

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

@-webkit-keyframes MuiLinearProgress-keyframes-buffer {
    0% {
        opacity: 1;
        background-position: 0px -23px;
    }

    50% {
        opacity: 0;
        background-position: 0px -23px;
    }

    100% {
        opacity: 1;
        background-position: -200px -23px;
    }
}
