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