body,
html {
    height: 100%;
}

.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: #ddd;
}

@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;
    }
}

body,
html {
    margin: 0;
    font-family: Roboto, sans-serif;
    height: 100%
}

.app-loading .logo {
    width: 113px;
    height: 120px;
    background: url(data:image/png;base64,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)
}