.loader{display:inline-block;border-top:4px solid #fff;border-right:4px solid transparent;-webkit-animation:rotation 1s linear infinite;animation:rotation 1s linear infinite;position:center}.loader,.loader:after{width:48px;height:48px;border-radius:50%;box-sizing:border-box}.loader:after{content:"";position:absolute;left:0;top:0;border-bottom:4px solid #ff3d00;border-left:4px solid transparent}@-webkit-keyframes rotation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.panloader{width:100px;height:100px;display:block;margin:auto;position:relative;background:#222;border-radius:50%;box-sizing:border-box;-webkit-transform-origin:170px 50px;transform-origin:170px 50px;border:4px solid #333;box-shadow:inset 3px 4px rgba(0,0,0,.2),inset 0 0 6px rgba(0,0,0,.13333333333333333);-webkit-animation:panmov .4s ease-in-out infinite alternate;animation:panmov .4s ease-in-out infinite alternate}.panloader:before{content:"";position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%) skew(-15deg,15deg) rotate(-15deg);transform:translate(-50%,-50%) skew(-15deg,15deg) rotate(-15deg);width:55px;height:53px;background:#fff;background-image:radial-gradient(circle 3px,hsla(0,0%,100%,.4) 90%,transparent 0),radial-gradient(circle 12px,#ffc400 90%,transparent 0),radial-gradient(circle 12px,#ffae00 100%,transparent 0);background-repeat:no-repeat;background-position:-4px -6px,-2px -2px,-1px -1px;box-shadow:inset -2px -3px rgba(0,0,0,.13333333333333333),inset 0 0 4px rgba(0,0,0,.2);border-radius:47% 36% 50% 50%/49% 45% 42% 44%;-webkit-animation:ylmov .6s ease-in-out infinite alternate;animation:ylmov .6s ease-in-out infinite alternate}.panloader:after{content:"";position:absolute;left:100%;top:48px;height:15px;width:70px;background:#222;border-radius:0 8px 8px 0;box-shadow:inset 3px 0 3px hsla(0,0%,93.3%,.13333333333333333);-webkit-transform:rotate(5deg) translateX(3px);transform:rotate(5deg) translateX(3px)}@-webkit-keyframes panmov{0%,10%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}90%,to{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}}@keyframes panmov{0%,10%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}90%,to{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}}@-webkit-keyframes ylmov{to{border-radius:50% 36% 50% 50%/49% 50% 45% 45%;background-position:-2px -4px,2px 2px,1px 1px}}@keyframes ylmov{to{border-radius:50% 36% 50% 50%/49% 50% 45% 45%;background-position:-2px -4px,2px 2px,1px 1px}}
/*# sourceMappingURL=main.0cda1e7d.chunk.css.map */