.cogbody{height:100vh;overflow:hidden}body .loader{height:100%;position:relative;margin:auto;width:100%;background-color:#232323}body .loader_overlay{width:150px;height:150px;background:transparent;box-shadow:0px 0px 0px 1000px rgba(23,23,23,0.8),0px 0px 19px 0px rgba(0,0,0,0.16) inset;border-radius:100%;z-index:9999;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto}body .loader_cogs{z-index:9998;width:100px;height:100px;top:-120px !important;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto}body .loader_cogs__top{position:relative;width:100px;height:100px;transform-origin:50px 50px;animation:rotate 10s infinite linear}body .loader_cogs__top div:nth-of-type(1){transform:rotate(30deg)}body .loader_cogs__top div:nth-of-type(2){transform:rotate(60deg)}body .loader_cogs__top div:nth-of-type(3){transform:rotate(90deg)}body .loader_cogs__top div.top_part{width:100px;border-radius:10px;position:absolute;height:100px;background:#882326}body .loader_cogs__top div.top_hole{width:50px;height:50px;border-radius:100%;background:#232323;position:absolute;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto}body .loader_cogs__left{position:relative;width:80px;transform:rotate(16deg);top:28px;transform-origin:40px 40px;animation:rotate_left 10s .1s infinite reverse linear;left:-24px;height:80px}body .loader_cogs__left div:nth-of-type(1){transform:rotate(30deg)}body .loader_cogs__left div:nth-of-type(2){transform:rotate(60deg)}body .loader_cogs__left div:nth-of-type(3){transform:rotate(90deg)}body .loader_cogs__left div.left_part{width:80px;border-radius:6px;position:absolute;height:80px;background:#882326}body .loader_cogs__left div.left_hole{width:40px;height:40px;border-radius:100%;background:#232323;position:absolute;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto}body .loader_cogs__bottom{position:relative;width:60px;top:-65px;transform-origin:30px 30px;animation:rotate_left 10.2s .4s infinite linear;transform:rotate(4deg);left:79px;height:60px}body .loader_cogs__bottom div:nth-of-type(1){transform:rotate(30deg)}body .loader_cogs__bottom div:nth-of-type(2){transform:rotate(60deg)}body .loader_cogs__bottom div:nth-of-type(3){transform:rotate(90deg)}body .loader_cogs__bottom div.bottom_part{width:60px;border-radius:5px;position:absolute;height:60px;background:#882326}body .loader_cogs__bottom div.bottom_hole{width:30px;height:30px;border-radius:100%;background:#232323;position:absolute;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto}@keyframes rotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes rotate_left{from{transform:rotate(16deg)}to{transform:rotate(376deg)}}@keyframes rotate_right{from{transform:rotate(4deg)}to{transform:rotate(364deg)}}