.loader-container {
    position: fixed;
    z-index: 9999;
    overflow: hidden;
    transform: scaleX(1);
    transform-origin: bottom right;

    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;

    background: #0F0F0F;
}

.loader-container.loader-container_slide-right {
    animation: loader-container .8s ease-out .5s forwards;
}

.loader {
    position: relative;
    transform: scaleX(0);
    transform-origin: bottom left;

    display: inline-block;
    width: 45%;
    height: 2px;

    background-color: #FFF;

    animation: loader 1s ease-in-out .2s infinite;
}

@keyframes loader-container {
    from {
        transform: scaleX(1);
    }

    to {
        transform: scaleX(0);
    }
}

@keyframes loader {
    0% {
        transform: scaleX(0);
    }

    40% {
        transform-origin: bottom left;
    }

    50% {
        transform: scaleX(1);
    }

    55% {
        transform-origin: bottom right;
    }

    100% {
        transform: scaleX(0);
        transform-origin: bottom right;
    }
}