.loader{--size:5px;--speed:1s;--distance:calc(var(--size) * 2);width:var(--size);height:var(--size);animation:loader-38 var(--speed) infinite;position:relative}@keyframes loader-38{0%{box-shadow:calc(-1 * var(--distance)) calc(-1 * var(--distance)) 0 var(--size) #8b5cf6, calc(-1 * var(--distance)) calc(-1 * var(--distance)) 0 var(--size) #10b981, calc(-1 * var(--distance)) calc(-1 * var(--distance)) 0 var(--size) #f59e0b, calc(-1 * var(--distance)) calc(-1 * var(--distance)) 0 var(--size) #8b5cf6}8.33%{box-shadow:calc(-1 * var(--distance)) calc(-1 * var(--distance)) 0 var(--size) #8b5cf6, var(--distance) calc(-1 * var(--distance)) 0 var(--size) #10b981, var(--distance) calc(-1 * var(--distance)) 0 var(--size) #f59e0b, var(--distance) calc(-1 * var(--distance)) 0 var(--size) #8b5cf6}16.66%{box-shadow:calc(-1 * var(--distance)) calc(-1 * var(--distance)) 0 var(--size) #8b5cf6, var(--distance) calc(-1 * var(--distance)) 0 var(--size) #10b981, var(--distance) var(--distance) 0 var(--size) #f59e0b, var(--distance) var(--distance) 0 var(--size) #8b5cf6}24.99%{box-shadow:calc(-1 * var(--distance)) calc(-1 * var(--distance)) 0 var(--size) #8b5cf6, var(--distance) calc(-1 * var(--distance)) 0 var(--size) #10b981, var(--distance) var(--distance) 0 var(--size) #f59e0b, calc(-1 * var(--distance)) var(--distance) 0 var(--size) #8b5cf6}33.32%{box-shadow:calc(-1 * var(--distance)) calc(-1 * var(--distance)) 0 var(--size) #8b5cf6, var(--distance) calc(-1 * var(--distance)) 0 var(--size) #10b981, var(--distance) var(--distance) 0 var(--size) #f59e0b, calc(-1 * var(--distance)) calc(-1 * var(--distance)) 0 var(--size) #8b5cf6}41.65%{box-shadow:var(--distance) calc(-1 * var(--distance)) 0 var(--size) #8b5cf6, var(--distance) calc(-1 * var(--distance)) 0 var(--size) #10b981, var(--distance) var(--distance) 0 var(--size) #f59e0b, var(--distance) calc(-1 * var(--distance)) 0 var(--size) #8b5cf6}49.98%{box-shadow:var(--distance) var(--distance) 0 var(--size) #8b5cf6, var(--distance) var(--distance) 0 var(--size) #10b981, var(--distance) var(--distance) 0 var(--size) #f59e0b, var(--distance) var(--distance) 0 var(--size) #8b5cf6}58.31%{box-shadow:calc(-1 * var(--distance)) var(--distance) 0 var(--size) #8b5cf6, calc(-1 * var(--distance)) var(--distance) 0 var(--size) #10b981, var(--distance) var(--distance) 0 var(--size) #f59e0b, calc(-1 * var(--distance)) var(--distance) 0 var(--size) #8b5cf6}66.64%{box-shadow:calc(-1 * var(--distance)) calc(-1 * var(--distance)) 0 var(--size) #8b5cf6, calc(-1 * var(--distance)) calc(-1 * var(--distance)) 0 var(--size) #10b981, var(--distance) var(--distance) 0 var(--size) #f59e0b, calc(-1 * var(--distance)) var(--distance) 0 var(--size) #8b5cf6}74.97%{box-shadow:calc(-1 * var(--distance)) calc(-1 * var(--distance)) 0 var(--size) #8b5cf6, var(--distance) calc(-1 * var(--distance)) 0 var(--size) #10b981, var(--distance) var(--distance) 0 var(--size) #f59e0b, calc(-1 * var(--distance)) var(--distance) 0 var(--size) #8b5cf6}83.3%{box-shadow:calc(-1 * var(--distance)) calc(-1 * var(--distance)) 0 var(--size) #8b5cf6, var(--distance) var(--distance) 0 var(--size) #10b981, var(--distance) var(--distance) 0 var(--size) #f59e0b, calc(-1 * var(--distance)) var(--distance) 0 var(--size) #8b5cf6}91.63%{box-shadow:calc(-1 * var(--distance)) calc(-1 * var(--distance)) 0 var(--size) #8b5cf6, calc(-1 * var(--distance)) var(--distance) 0 var(--size) #10b981, calc(-1 * var(--distance)) var(--distance) 0 var(--size) #f59e0b, calc(-1 * var(--distance)) var(--distance) 0 var(--size) #8b5cf6}to{box-shadow:calc(-1 * var(--distance)) calc(-1 * var(--distance)) 0 var(--size) #8b5cf6, calc(-1 * var(--distance)) calc(-1 * var(--distance)) 0 var(--size) #10b981, calc(-1 * var(--distance)) calc(-1 * var(--distance)) 0 var(--size) #f59e0b, calc(-1 * var(--distance)) calc(-1 * var(--distance)) 0 var(--size) #8b5cf6}}