:root {
    --loading-spinner-color: #065ac3;
}

body {
    background-color: #f5f6f8;
}


/* Dark mode */
@media (prefers-color-scheme: dark) {
    :root {
        --loading-spinner-color: #3a85f5;
    }

    body {
        background-color: #3c3c3c;
    }
}

/* Loading indicator position */
#loading {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -100px;
    margin-top: -125px;
}

.logo {
    position: absolute;
    left: 60px;
    top: 66px;
}

/* Loading indicator animation */
@keyframes ldio-ny801rlqaq {
    0% {
        transform: rotate(0deg)
    }

    50% {
        transform: rotate(180deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

.ldio-ny801rlqaq div {
    position: absolute;
    animation: ldio-ny801rlqaq 1s linear infinite;
    width: 160px;
    height: 160px;
    top: 20px;
    left: 20px;
    border-radius: 50%;
    box-shadow: 0 4px 0 0 var(--loading-spinner-color);
    transform-origin: 80px 82px;
}

.loadingio-spinner-eclipse-3ia2dg77klg {
    width: 200px;
    height: 200px;
    display: inline-block;
    overflow: hidden;
}

.ldio-ny801rlqaq {
    width: 100%;
    height: 100%;
    position: relative;
    transform: translateZ(0) scale(1);
    backface-visibility: hidden;
    transform-origin: 0 0;
    /* see note above */
}

.ldio-ny801rlqaq div {
    box-sizing: content-box;
}

/* generated by https://loading.io/ */
