.loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200px;height:200px;background:transparent;border:3px solid rgba(0,102,255,.1);border-radius:50%;text-align:center;line-height:200px;font-family:sans-serif;font-size:30px;color:#cb5510;letter-spacing:2px;text-transform:uppercase;text-shadow:0 0 10px #fbe779;box-shadow:0 0 20px #00001126}.loader:before{content:"";position:absolute;top:-3px;left:-3px;width:100%;height:100%;border:px solid transparent;border-top:3px solid #3dc717;border-right:3px solid #36b014;border-radius:50%;animation:animateC 1s linear infinite}@keyframes animateC{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes animate{0%{transform:rotate(45deg)}to{transform:rotate(405deg)}}.custom-loader{width:50px;height:50px;display:grid;border-radius:50%;-webkit-mask:radial-gradient(farthest-side,#0000 40%,#000 41%);background:linear-gradient(0deg,#766df480 50%,#766df4 0) center/4px 100%,linear-gradient(90deg,#766df440 50%,#766df4bf 0) center/100% 4px;background-repeat:no-repeat;animation:s3 1s infinite steps(12)}.custom-loader:before,.custom-loader:after{content:"";grid-area:1/1;border-radius:50%;background:inherit;opacity:.915;transform:rotate(30deg)}.custom-loader:after{opacity:.83;transform:rotate(60deg)}@keyframes s3{to{transform:rotate(1turn)}}