:root {
    --dog-loading-size: 110px;
}

/* 遮罩 */

.dog-loading-mask {
    position: fixed;
    inset: 0;
    display: none;
    background: rgba(255,255,255,0.85);
    z-index: 9999;
    display: none;
    align-items: center;
    justify-content: center;
}

    .dog-loading-mask.show {
        display: flex !important;
    }

/* svg尺寸 */

.dog-loading-svg {
    width: var(--dog-loading-size);
    height: var(--dog-loading-size);
}

/* 外圈填充动画 */

.dog-progress {
    transform: rotate(-90deg);
    transform-origin: 101px 101px;
    stroke-dasharray: 572;
    stroke-dashoffset: 572;
    animation: dog-progress 2s linear infinite;
}

@keyframes dog-progress {

    0% {
        stroke-dashoffset: 572;
    }

    100% {
        stroke-dashoffset: 0;
    }
}