.preloader_container {
    position: fixed;
    z-index: 2;
    width: 100%;
    height: 100%;
    background-color: #fff;
}

.preloader {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 40px;
    height: 40px;
    background-image: url(data:image/png;base64,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);
    background-size: cover;
    animation: spin 1s linear infinite;
}

.preloader_off {
    display: none;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(-360deg);
    }
}