:root{--main-color:#eaeaea;--stroke-color:#000}.missing-config>h1{margin:100px auto 0 auto;color:var(--stroke-color);font-size:10rem;line-height:10rem}.missing-config>h1,.missing-config>h2{font-family:Encode Sans Semi Condensed,Verdana,sans-serif;font-weight:200;text-align:center}.missing-config>h2{margin:20px auto 30px auto;font-size:1.5rem}.missing-config>h1,.missing-config>h2{transition:opacity .5s linear,margin-top .5s linear}.missing-config>.loading h1,.missing-config>.loading h2{margin-top:0;opacity:0}.gears{width:auto;height:0}.gear,.gears{position:relative;margin:0 auto}.gear{z-index:0;width:100px;height:100px;border-radius:50%;background:var(--stroke-color)}.gear:before{left:5px;top:5px;right:5px;bottom:5px;z-index:2;border-radius:50%}.gear:after,.gear:before{position:absolute;content:"";background:var(--main-color)}.gear:after{left:25px;top:25px;z-index:3;width:70px;height:70px;border-radius:50%;border:5px solid var(--stroke-color);box-sizing:border-box}.gear.one{left:-130px}.gear.two{top:-75px}.gear.three{top:-235px;left:130px}.gear .bar{position:absolute;left:-15px;top:50%;z-index:0;width:150px;height:30px;margin-top:-15px;border-radius:5px;background:var(--stroke-color)}.gear .bar:before{position:absolute;left:5px;top:5px;right:5px;bottom:5px;z-index:1;content:"";border-radius:2px;background:var(--main-color)}.gear .bar:nth-child(2){transform:rotate(60deg);-webkit-transform:rotate(60deg)}.gear .bar:nth-child(3){transform:rotate(120deg);-webkit-transform:rotate(120deg)}@-webkit-keyframes clockwise{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(1turn)}}@-webkit-keyframes anticlockwise{0%{-webkit-transform:rotate(1turn)}to{-webkit-transform:rotate(0deg)}}@-webkit-keyframes clockwiseError{0%{-webkit-transform:rotate(0deg)}20%{-webkit-transform:rotate(30deg)}40%{-webkit-transform:rotate(25deg)}60%{-webkit-transform:rotate(30deg)}to{-webkit-transform:rotate(0deg)}}@-webkit-keyframes anticlockwiseErrorStop{0%{-webkit-transform:rotate(0deg)}20%{-webkit-transform:rotate(-30deg)}60%{-webkit-transform:rotate(-30deg)}to{-webkit-transform:rotate(0deg)}}@-webkit-keyframes anticlockwiseError{0%{-webkit-transform:rotate(0deg)}20%{-webkit-transform:rotate(-30deg)}40%{-webkit-transform:rotate(-25deg)}60%{-webkit-transform:rotate(-30deg)}to{-webkit-transform:rotate(0deg)}}.gear.one{-webkit-animation:anticlockwiseErrorStop 2s linear infinite}.gear.two{-webkit-animation:anticlockwiseError 2s linear infinite}.gear.three{-webkit-animation:clockwiseError 2s linear infinite}.loading .gear.one,.loading .gear.three{-webkit-animation:clockwise 3s linear infinite}.loading .gear.two{-webkit-animation:anticlockwise 3s linear infinite}