.loader{--size-loader:50px;--size-orbe:10px;width:var(--size-loader);height:var(--size-loader);position:relative;transform:rotate(45deg)}.orbe{--delay:calc(var(--index)*.1s);width:100%;height:100%;animation:orbit7456 ease-in-out 1.5s var(--delay)infinite;opacity:calc(1 - calc(.2*var(--index)));position:absolute}.orbe:after{content:"";width:var(--size-orbe);height:var(--size-orbe);background-color:#d0000c;border-radius:50%;position:absolute;top:0;left:0}@keyframes orbit7456{0%{}80%{transform:rotate(360deg)}to{transform:rotate(360deg)}}