.loader{box-sizing:border-box;border:5px solid #e5e5e5;border-color:#e5e5e5 #e5e5e5 #0000 #0000;border-radius:50%;width:80px;height:80px;animation:2s ease-out infinite rotation;display:inline-block;position:relative}.loader:after,.loader:before{content:"";box-sizing:border-box;transform-origin:50%;border:5px solid #0000;border-color:#0000 #0000 #5a189a #5a189a;border-radius:50%;width:64px;height:64px;margin:auto;animation:1s ease-out infinite rotationBack;position:absolute;inset:0}.loader:before{border-color:#9ca3af #9ca3af #0000 #0000;width:48px;height:48px;animation:3s ease-out infinite rotation}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rotationBack{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}