body {
    margin: 0;
}

html {
    overflow-x: hidden;
    overflow-y: scroll;
}

#loading-bg {
    position: absolute;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    /*noinspection CssUnresolvedCustomProperty*/
    background: var(--loader-bg, #F7F7F7);
    block-size: 100%;
    gap: 1rem 0;
    inline-size: 100%;
}

#loading-svg path,
#loading-svg g {
    /*noinspection CssUnresolvedCustomProperty*/
    fill: var(--loader-color, #A020F0);
}

.draw-animation {
    animation: draw 0s ease forwards, blink 3s linear infinite 0s;
}

@keyframes blink {
    0%, 50%, 100% {
        fill-opacity: 1;
    }
    25%, 75% {
        fill-opacity: 0;
    }
}