.app-load-page {
        background-image: linear-gradient(to bottom, #222222 0, rgba(34, 34, 34, 0.85) 100%);
        position: absolute;
        left: 0;
        bottom: 0;
        right: 0;
        top: 0;
}
.logo>svg {
        width: 100px;
        height: 100px;
}

.app-loading {
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        height: 100%;
}

.app-loading .spinner {
        height: 200px;
        width: 200px;
        animation: rotate 2s linear infinite;
        transform-origin: center center;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
}

.app-loading .spinner .path {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0;
        animation: dash 1.5s ease-in-out infinite;
        stroke-linecap: round;
        stroke: #0989d8;
}

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

@keyframes dash {
        0% {
                stroke-dasharray: 1, 200;
                stroke-dashoffset: 0;
        }
        50% {
                stroke-dasharray: 89, 200;
                stroke-dashoffset: -35px;
        }
        100% {
                stroke-dasharray: 89, 200;
                stroke-dashoffset: -124px;
        }
}