.loaderComponent{width:10px;aspect-ratio:1;border-radius:50%;animation:l5 1s infinite linear alternate}@keyframes l5{0%{box-shadow:20px 0 #753ed7,-20px 0 #c2ace9,40px 0 #c2ace9,-40px 0 #c2ace9;background:#753ED7}20%{box-shadow:20px 0 #753ed7,-20px 0 #c2ace9,40px 0 #c2ace9,-40px 0 #c2ace9;background:#c2ace9}40%{box-shadow:20px 0 #c2ace9,-20px 0 #c2ace9,40px 0 #c2ace9,-40px 0 #c2ace9;background:#c2ace9}60%{box-shadow:20px 0 #c2ace9,-20px 0 #c2ace9,40px 0 #753ed7,-40px 0 #c2ace9;background:#c2ace9}80%{box-shadow:20px 0 #c2ace9,-20px 0 #c2ace9,40px 0 #c2ace9,-40px 0 #753ed7;background:#c2ace9}to{box-shadow:20px 0 #c2ace9,-20px 0 #c2ace9,40px 0 #c2ace9,-40px 0 #753ed7;background:#753ED7}}.wrapperComponent{width:100px;height:10px;position:relative;z-index:1}.loadingComponent{--speed-of-animation: .9s;--gap: 6px;--first-color: #4c86f9;--second-color: #49a84c;--third-color: #f6bb02;--fourth-color: #f6bb02;--fifth-color: #2196f3;display:flex;justify-content:center;align-items:center;width:100px;gap:6px;height:100px}.loadingComponent span{width:4px;height:50px;background:var(--first-color);animation:scale var(--speed-of-animation) ease-in-out infinite}.loadingComponent span:nth-child(2){background:var(--second-color);animation-delay:-.8s}.loadingComponent span:nth-child(3){background:var(--third-color);animation-delay:-.7s}.loadingComponent span:nth-child(4){background:var(--fourth-color);animation-delay:-.6s}.loadingComponent span:nth-child(5){background:var(--fifth-color);animation-delay:-.5s}@keyframes scale{0%,40%,to{transform:scaleY(.05)}20%{transform:scaleY(1)}}