*{padding:0;margin:0}.logo-loading{position:fixed;width:90px;height:90px;margin:-45px 0 0 -45px;top:50%;left:50%;z-index:3;border-radius:8px;background:rgba(0,0,0,.3)}.logo-loading .logo-icon{width:30px;height:30px;position:absolute;left:50%;top:50%;-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%)}.logo-icon p{position:absolute;width:3px;background:#fff;z-index:2}.logo-icon p:first-child{height:10px;left:4px;top:7px}.logo-icon p:nth-child(2){height:3px;width:9px;left:4px;top:15px}.logo-icon p:nth-child(3){height:9px;left:12px;top:15px}.logo-icon p:nth-child(4){height:3px;width:10px;left:4px;top:21px}.logo-icon p:nth-child(5){height:3px;left:17px;top:11px;-webkit-transform:rotate(45deg)}.logo-icon p:nth-child(6){height:3px;width:16px;left:15px;top:16px;-webkit-transform:rotate(-45deg)}.logo-icon p:nth-child(7){height:7px;left:25px;top:17px;-webkit-transform:rotate(-45deg)}.loading-circle{border-radius:999px;width:70px;height:70px;position:absolute;left:50%;top:50%;margin:-35px 0 0 -35px;text-align:center;color:transparent;clip:rect(0,70px,70px,35px)}.circle-clip-auto{clip:rect(0,70px,70px,0)}.rotation-self{animation:a 1.6s infinite linear;-webkit-animation:a 1.6s infinite linear}.rotation-self-360{animation:b 1s infinite linear;-webkit-animation:b 1s infinite linear}.loading-half-circle{position:absolute;box-sizing:border-box;-webkit-box-sizing:border-box;left:50%;top:50%;margin:-30px 0 0 -30px;width:60px;height:60px;border:3px solid #fff;border-radius:999px;clip:rect(0,30px,60px,0);-ms-transform:rotate(10deg);transform:rotate(10deg);-webkit-transform:rotate(10deg)}.rotation-clip{animation:c 1.6s infinite linear;-webkit-animation:c 1.6s infinite linear}@keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(1turn);transform:rotate(1turn)}70%{-webkit-transform:rotate(480deg);transform:rotate(480deg)}to{-webkit-transform:rotate(540deg);transform:rotate(540deg)}}@-webkit-keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(1turn);transform:rotate(1turn)}70%{-webkit-transform:rotate(480deg);transform:rotate(480deg)}to{-webkit-transform:rotate(540deg);transform:rotate(540deg)}}@keyframes b{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes b{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes c{0%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}70%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes c{0%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}70%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.loading-canvas,.loading-svg{position:absolute;left:50%;top:50%;margin:-40px 0 0 -40px;z-index:1}