@keyframes loading {
    0% {transform: rotate(0deg);}
    12.5% {transform: rotate(45deg);}
    25% {transform: rotate(90deg);}
    37.5% {transform: rotate(135deg);}
    50% {transform: rotate(180deg);}
    62.5% {transform: rotate(225deg);}
    75% {transform: rotate(270deg);}
    87.5% {transform: rotate(315deg);}
    100% {transform: rotate(360deg);}
}

.wp-block .loading {
    display: none;
}

.loading {
    height: 90.21px;
    margin: 64px auto;
    position: relative;
    width: 90.21px;

    animation: loading steps(1);
    animation-duration: 2s;
    animation-iteration-count: infinite;
}
.loading span {
    background-color: var(--wp--preset--color--ch-dark-blue);
    border-radius: 50%;
    display: block;
    height: 11.02px;
    position: absolute;
    width: 11.02px;
}
.loading span:nth-child(1){
    top: 0;
    left: 39.36px;
}
.loading span:nth-child(2){
    top: 11.43px;
    left: 67.43px;
}
.loading span:nth-child(3){
    top: 39.36px;
    left: 79.19px;
}
.loading span:nth-child(4){
    background-color: var(--wp--preset--color--ch-vivid-orange);
    top: 67.43px;
    left: 67.76px;
}
.loading span:nth-child(5){
    top: 79.19px;
    left: 39.83px;
}
.loading span:nth-child(6){
    top: 67.76px;
    left: 11.77px;
}
.loading span:nth-child(7){
    top: 39.83px;
    left: 0;
}
.loading span:nth-child(8){
    top: 11.77px;
    left: 11.43px;
}