/* HTML: <div class="loader"></div> */
.main-site-loader {
    aspect-ratio: 1.154;
    background: repeating-conic-gradient(from -30deg,#027B7F 0 60deg,#FFA588 0 120deg,#BF1E62 0 180deg);
    animation: l13 1.5s infinite alternate;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 190px;
    height: 180px;
}

@keyframes l13 {
    0%, 10% {
        clip-path: polygon(50% 50%,25% 100%,25% 100%,25% 100%,25% 100%,75% 100%,75% 100%,75% 100%)
    }

    33%, 43% {
        clip-path: polygon(50% 50%,0 50%,0 50%,0 50%,25% 100%,75% 100%,100% 50%,100% 50%)
    }

    66%, 76% {
        clip-path: polygon(50% 50%,25% 0,25% 0,0 50%,25% 100%,75% 100%,100% 50%,75% 0 )
    }

    95%, 100% {
        clip-path: polygon(50% 50%,75% 0,25% 0,0 50%,25% 100%,75% 100%,100% 50%,75% 0 )
    }
}