.loader__wrapper {
    width: 100%;
    height: 100%;

    background-color: #FFFFFF;

    display: flex;
    align-items: center;
    justify-content: center;

    position: absolute;

    top: 0;
    left: 0;

    z-index: 5;
}

.loader {
    height: 4px;
    width: 130px;

    border-radius: 4px;

    background: no-repeat linear-gradient(var(--color-01) 0 0), no-repeat linear-gradient(var(--color-01) 0 0), var(--color-02);
    background-size: 60% 100%;

    animation: load 1s infinite;
}

@keyframes load {
    0% {
        background-position: -150% 0, -150% 0;
    }

    66% {
        background-position: 250% 0, -150% 0;
    }

    100% {
        background-position: 250% 0, 250% 0;
    }
}