body{margin:0;padding:0}#root{width:100%}.loader{width:32px;height:90px;display:block;margin:20px auto;position:relative;border-radius:50% 50% 0 0;border-bottom:10px solid #FF3D00;background-color:#fff;background-image:radial-gradient(ellipse at center,#fff 34%,#ff3d00 35%,#ff3d00 54%,#fff 55%),linear-gradient(#FF3D00 10px,transparent 0);background-size:28px 28px;background-position:center 20px,center 2px;background-repeat:no-repeat;box-sizing:border-box;animation:animloaderBack 1s linear infinite alternate}.loader:before{content:"";box-sizing:border-box;position:absolute;left:50%;transform:translate(-50%);width:64px;height:44px;border-radius:50%;box-shadow:0 15px #ff3d00 inset;top:67px}.loader:after{content:"";position:absolute;left:50%;transform:translate(-50%) rotate(45deg);width:34px;height:34px;top:112%;background:radial-gradient(ellipse at center,#ffdf00 8%,#f93e0099 24%,#0000);border-radius:50% 50% 0;background-repeat:no-repeat;background-position:-44px -44px;background-size:100px 100px;box-shadow:4px 4px 12px #ff3d0080;box-sizing:border-box;animation:animloader 1s linear infinite alternate}@keyframes animloaderBack{0%,30%,70%{transform:translateY(0)}20%,40%,to{transform:translateY(-5px)}}@keyframes animloader{0%{box-shadow:4px 4px 12px 2px #ff3d00bf;width:34px;height:34px;background-position:-44px -44px;background-size:100px 100px}to{box-shadow:2px 2px 8px #ff3d0080;width:30px;height:28px;background-position:-36px -36px;background-size:80px 80px}}