body {
    background: #000;
}

#preloader {
    position: fixed;
    height: 100%;
    width: 100%;
    z-index: 9999;
    background: #FFFFFF;
    opacity: 1;
    transition: opacity 0.5s ease-in-out;
}

/* Обычные стили для preloader SVG */
#preloadersvg {
    position: fixed;
    max-width: 100%;
    max-height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* Стили для мобильных устройств */
@media (max-width: 768px) {
    #preloadersvg {
        max-width: 140%; /* Измените значение на необходимое */
        max-height: 140%; /* Измените значение на необходимое */
    }
}

body.loaded #preloader {
    opacity: 0;
}

#preloader.fade-out {
    opacity: 0;
    pointer-events: none;
}