.dial{margin:0}.dial.activeClass{transform:rotateX(0deg) rotateY(0deg) scale(1)!important}.dial .c{width:240px;height:240px;border:20px solid #98bdcd;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,-50px)}.dial .c:after{content:"";left:-10px;top:-10px;border-radius:50%;border-color:transparent #98bdcd;border-style:solid;border-width:10px;animation:dialRotateClockwise 10s linear infinite}.dial .c2,.dial .c:after{position:absolute;width:100%;height:100%}.dial .c2{border:10px solid #7a929c;border-radius:50%;top:0;left:0;padding:1px;animation:dialRotateCounterClockwise 80s linear infinite;box-sizing:border-box}.dial .c2 i{height:15px;width:1px;background:#98bdcd;margin-left:-10px;transform-origin:1000% 1005%}.dial .c2 i,.dial .c3{position:absolute;left:50%}.dial .c3{width:33%;height:33%;border:20px solid #a05d55;border-radius:50%;transform:translate3d(-50%,-50%,5px);top:50%}.dial .c3:after{content:"";position:absolute;left:-5px;top:-5px;width:100%;height:100%;border-radius:50%;border-color:transparent #a05d55;border-style:solid;border-width:5px;animation:dialRotateCounterClockwise 5s linear infinite}.dial .c4{width:75px;height:75px;transform:translate3d(-50%,-50%,0);position:absolute;left:50%;top:50%}.dial .c4:after{content:"";width:100%;height:100%;position:absolute;left:-3px;top:-3px;border-radius:50%;border:10px solid #98bdcd;border-left-color:transparent;animation:dialRotateClockwise 5s linear infinite}.dial .c5{width:77px;height:77px;transform:translate3d(-50%,-50%,65px);position:absolute;left:50%;top:50%;border-radius:50%}.dial .c5:after{content:"";width:100%;height:100%;left:-1px;top:-1px;border-color:#7a929c transparent transparent #7a929c;border-style:solid;border-width:10px;animation:dialRotateCounterClockwise 5s linear infinite}.dial .c5:after,.dial .c6{position:absolute;border-radius:50%}.dial .c6{width:55px;height:55px;transform:translate3d(-50%,-50%,61px);left:50%;top:50%}.dial .c6:after{content:"";width:100%;height:100%;position:absolute;left:-1px;top:-1px;border-color:transparent transparent #7a929c #7a929c;border-style:solid;border-width:10px;border-radius:50%;animation:dialRotateClockwise 10s linear infinite}@keyframes dialRotateClockwise{0%{transform:rotate(20deg)}to{transform:rotate(380deg)}}@keyframes dialRotateCounterClockwise{0%{transform:rotate(0deg)}to{transform:rotate(-1turn)}}