@keyframes moveClockwise{0%{top:0;left:0;width:0;height:3px}24%{top:0;left:0;width:100%;height:3px}25%{top:0;left:calc(100% - 3px);width:3px;height:0}49%{top:0;left:calc(100% - 3px);width:3px;height:100%}50%{top:calc(100% - 3px);left:calc(100% - 3px);width:3px;height:3px}51%{top:calc(100% - 3px);left:0;width:100%;height:3px}74%{top:calc(100% - 3px);left:0;width:0;height:3px}75%{top:100%;left:0;width:3px;height:0}99%{top:0;left:0;width:3px;height:100%}to{top:0;left:0;width:0;height:3px}}@keyframes moveCounterClockwise{0%{top:calc(100% - 3px);left:100%;width:0;height:3px}24%{top:calc(100% - 3px);left:0;width:100%;height:3px}25%{top:100%;left:0;width:3px;height:0}49%{top:0;left:0;width:3px;height:100%}50%{top:0;left:0;width:0;height:3px}74%{top:0;left:0;width:100%;height:3px}75%{top:0;left:calc(100% - 3px);width:3px;height:0}99%{top:0;left:calc(100% - 3px);width:3px;height:100%}to{top:calc(100% - 3px);left:100%;width:0;height:3px}}.line-dot-clockwise{animation:moveClockwise 10s linear infinite}.dot-line-counterclockwise,.line-dot-clockwise{position:absolute;background:#7b5aff;box-shadow:0 0 10px #7b5aff;z-index:10}.dot-line-counterclockwise{animation:moveCounterClockwise 10s linear infinite}.dot-right{right:-8px}.dot-left,.dot-right{position:absolute;width:16px;height:16px;border-radius:50%;background:#7b5aff;box-shadow:0 0 10px #7b5aff;top:-6px}.dot-left{left:-8px}@keyframes linedotLtr{0%{left:0}to{left:100%}}@keyframes linedotRtl{0%{right:0}to{right:100%}}.animate-linedot-ltr{animation:linedotLtr linear infinite}.animate-linedot-rtl{animation:linedotRtl linear infinite}