#ovs-block-loader {
    --size: 80px;
    --stroke-width: calc(var(--size) / 8);
    --accent-opacity: 0.25;
    --color: var(--wp--preset--color--primary);
    --animation-timing-function: linear;
    --animation-duration: 1s;
    position: relative;
    width: var(--size);
    height: var(--size);
}

#ovs-block-loader::before,
#ovs-block-loader::after {
    content: "";
    position: absolute;
    inset: 0;
    border-width: var(--stroke-width);
    border-style: solid;
    border-radius: 50%;
    transform: rotate(0deg);
    animation: var(--animation-timing-function) var(--animation-duration)
        infinite circle-spin-2-animation;
}

#ovs-block-loader::before {
    border-color: var(--color) var(--color) var(--color) transparent;
    opacity: var(--accent-opacity);
}

#ovs-block-loader::after {
    border-color: transparent transparent transparent var(--color);
}

@keyframes circle-spin-2-animation {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}