.app-http-loader{z-index:100000;position:fixed;left:0;top:0;width:100vw;height:100vh;opacity:5}.app-http-loader .ring{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:150px;height:150px;border:3px solid #3c3c3c;border-radius:50%;text-align:center;line-height:150px;font-family:sans-serif;font-size:20px;color:#083c5f;letter-spacing:4px;text-transform:uppercase;z-index:10000;background:#ffff}.app-http-loader .ring:before{content:"";position:absolute;top:-3px;left:-3px;width:100%;height:100%;border:3px solid transparent;border-top:3px solid #fff000;border-right:3px solid #fff000;border-radius:50%;animation:animateC 2s linear infinite}.app-http-loader span{display:block;position:absolute;top:calc(50% - 2px);left:50%;width:50%;height:4px;background:transparent;transform-origin:left;animation:animate 2s linear infinite}.app-http-loader span: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(0)}to{transform:rotate(360deg)}}@keyframes animate{0%{transform:rotate(45deg)}to{transform:rotate(405deg)}}