/* HTML: <div class="loader"></div> */
.loader {
    display: inline-grid;
    width: 80px;
    aspect-ratio: 1;
    background:
            conic-gradient(from 146deg at 50% 1%,#0000, #91492A 2deg 65deg,#0000 68deg)
            -5% 100%/20% 27% repeat-x;
    animation: l5-0 .5s linear infinite;
}
.loader:before {
    content:"";
    grid-area: 1/1;
    margin: 12.5%;
    animation: inherit;
    animation-name: l5-1;
    clip-path: polygon(100% 50%,78.19% 60.26%,88.3% 82.14%,65% 75.98%,58.68% 99.24%,44.79% 79.54%,25% 93.3%,27.02% 69.28%,3.02% 67.1%,20% 50%,3.02% 32.9%,27.02% 30.72%,25% 6.7%,44.79% 20.46%,58.68% 0.76%,65% 24.02%,88.3% 17.86%,78.19% 39.74%);
    background: #CF6F46;
}
@keyframes l5-0 {to{background-position: 20% 100%}}
@keyframes l5-1 {to{rotate: -40deg}}