.preload-screen {
    display: block;
    position: fixed;
    height: 100vh;
    height: 100dvh;
    width: 100vw;
    width: 100dvw;
    background-color: var(--background-color);
    z-index: 99999;
    top: 100vh;
    top: 100dvh;
}

.preload-logo {
    height: 100vh;
    height: 100dvh;
    width: 100vw;
    width: 100dvw;
    display: flex;
    /* display: none; */
    justify-content: center;
    text-align: center;
    align-items: center;
    flex-direction: column;
    position: fixed;
    background-color: var(--background-color);
    z-index: 99999;
    will-change: opacity;
    transform: translateZ(0);
}

.preload-logo .preload-logo-animate {
    display: block;
    position: relative;
    width: 320px;
    height: 58px;
}

.preload-logo .preload-logo-svg,
.preload-logo .preload-logo-svg-2,
.preload-logo .preload-logo-svg-3,
.preload-logo .preload-logo-svg-4 {
    position: absolute;
}

/* .preload-logo .preload-logo-svg-2 {
    position: fixed;
} */