.preloader-page {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 9999;
    background: rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(8px);
    display: flex;
    align-items: center;
}

.preloader-page__close {
    animation-name: closeAnim;
    animation-duration: 0.5s;
}

.preloader-page__close .emotion--loading-indicator {
    display: none;
}

.preloader-page__closed {
    display: none !important;
}

.preloader-page__show {
    animation-name: showAnim;
    animation-duration: 0.5s;
}

.preloader-page .emotion--loading-indicator {
    z-index: 10000;
    width: 2rem;
    height: 2rem;
}

@keyframes closeAnim {
    0% {
        background: rgba(255, 255, 255, 0.5);
        backdrop-filter: blur(8px);
    }

    100% {
        background: rgba(255, 255, 255, 0);
        backdrop-filter: blur(0);
    }
}

@keyframes showAnim {
    0% {
        background: rgba(255, 255, 255, 0);
        backdrop-filter: blur(0);
    }

    100% {
        background: rgba(255, 255, 255, 0.5);
        backdrop-filter: blur(8px);
    }
}