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