.loader{background:transparent;border:3px solid rgba(0,102,255,.1);border-radius:50%;box-shadow:0 0 20px #00000026;color:#06f;font-family:sans-serif;font-size:20px;height:60px;left:50%;letter-spacing:2px;line-height:150px;position:absolute;text-align:center;text-shadow:0 0 10px #06f;text-transform:uppercase;top:50%;transform:translate(-50%,-50%);width:60px}.loader:before{animation:animateC 2s linear infinite;border-right:3px solid transparent;border-top:3px solid transparent;border-color:#06f #06f transparent transparent;border-radius:50%;border-style:solid;border-width:3px;content:"";height:100%;left:-1px;position:absolute;top:-1px;width:100%}.loader span{animation:animate 2s linear infinite;background:transparent;display:block;height:4px;left:50%;position:absolute;top:calc(50% - 2px);transform-origin:left;width:50%}.loader span:before{background:#00aeff;border-radius:50%;box-shadow:0 0 20px 5px #06f;content:"";height:16px;position:absolute;right:-8px;top:-6px;width:16px}@keyframes animateC{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes animate{0%{transform:rotate(45deg)}to{transform:rotate(405deg)}}