body {
    background-color: #EDEDED;
    padding: 0;
    margin: 0;
}

/* Прелоадер */
.loader {
    position: fixed;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    min-width: 320px;
    z-index: 9999999;
}
body[flt-embedding="full-page"] .loader {
    display: none !important;
}
.loader-progress {
    position: absolute;
    left: 50%;
    width: 90%;
    max-width: 500px;
    height: 40px;
    background-color: #EDEDED;
    border-radius: 10px;
    transform: translateX(-50%);
}

.loader-progress:after {
    border-radius: 8px;
    content: "";
    position: absolute;
    background-color: #DD0219;
    left: 8px;
    top: 8px;
    bottom: 8px;
    right: 248px;
    animation-name: slide;
    animation-duration: 2s;
    animation-iteration-count: infinite;
}

.loader-inner img {
    width: 40vw;
    max-width: 392px;
    margin-bottom: 24px;
}

iframe {
    background: #fff;
}

@keyframes slide {
    0% {
        right: 248px;
        left: 8px;
    }

    5% {
        left: 8px;
    }

    50% {
        right: 8px;
        left: 248px;
    }

    55% {
        right: 8px;
    }

    100% {
        right: 248px;
        left: 8px;
    }
}


@keyframes load {
    0% {
        right: 360px;
        left: 2px;
    }

    5% {
        left: 2px;
    }

    50% {
        right: 2px;
        left: 360px;
    }

    55% {
        right: 2px;
    }

    100% {
        right: 360px;
        left: 2px;
    }
}

@media (min-width: 768px) {
    .loader {

        &-progress {
            height: 53px;
        }
    }
}

/* Ночная тема */
@media (prefers-color-scheme: dark) {
    body {
        background-color: #333333;
    }

    .loader {
        background-color: #1A1A1A;
    }

    .loader-progress {
        background-color: #333;
    }
}