.page-is-loading-show-animation {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: grid;
    justify-content: center;
    justify-items: center;
    align-content: center;
    align-items: center;
    background: rgba(255, 255, 255, 0.75);
}

.page-is-loading-show-animation svg {
    width: 128px;
    height: 128px;
}

@keyframes petal_change {
    from {
        fill: var(--theme-dark-color, #00584E);
    }
    to {
        fill: var(--theme-light-color, #5CBCB7);
    }
}

.page-is-loading-show-animation svg .cls-1 {
    animation: petal_change 0.5s ease alternate infinite;
}

.page-is-loading-show-animation svg .cls-1:nth-child(10),
.page-is-loading-show-animation svg .cls-1:nth-child(8),
.page-is-loading-show-animation svg .cls-1:nth-child(2) {
    animation-delay: -0.75s;
}

.page-is-loading-show-animation svg .cls-1:nth-child(6),
.page-is-loading-show-animation svg .cls-1:nth-child(3) {
    animation-delay: 0s;
}

.page-is-loading-show-animation svg .cls-1:nth-child(7),
.page-is-loading-show-animation svg .cls-1:nth-child(4),
.page-is-loading-show-animation svg .cls-1:nth-child(1) {
    animation-delay: -0.5s;
}

.page-is-loading-show-animation svg .cls-1:nth-child(5),
.page-is-loading-show-animation svg .cls-1:nth-child(9),
.page-is-loading-show-animation svg .cls-1:nth-child(11) {
    animation-delay: -0.25s;
}