.loading-body{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background:#262626;z-index:9999;overflow:hidden}.ring{width:170px;height:170px;background:transparent;border:3px solid #3c3c3c;border-radius:50%;text-align:center;line-height:170px;font-family:sans-serif;font-size:20px;color:#fff;letter-spacing:4px;text-transform:uppercase;text-shadow:0 0 10px #cf0061;box-shadow:0 0 20px hsla(0,100%,72%,.5);position:relative}.ring:before{content:"";position:absolute;top:-3px;left:-3px;width:103%;height:103%;border-right:3px solid transparent;border-top:3px solid transparent;border-color:#fff #9c9c9c transparent transparent;border-style:solid;border-width:3px;border-radius:50%;animation:animateC 2s linear infinite}.loader{display:block;position:absolute;top:calc(50% - 2px);left:50%;width:50%;height:4px;background:transparent;transform-origin:left;animation:animate 2s linear infinite}.loader:before{content:"";position:absolute;width:16px;height:16px;border-radius:50%;background:#fff000;top:-6px;right:-8px;box-shadow:0 0 20px #fff000}@keyframes animateC{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes animate{0%{transform:rotate(45deg)}to{transform:rotate(405deg)}}