.loading{position:fixed;z-index:1000;transform:translate(-50%,-50%);left:50%;top:50%;width:170px;height:170px;border:2px dashed #ebedf1;border-radius:100%;}.loading::before{content:"";position:absolute;width:174px;height:174px;border:2px solid #91EAE4;border-radius:100%;box-sizing:border-box;clip-path:inset(0px 135px 135px 0px);-webkit-clip-path:inset(0px 135px 135px 0px);top:-2px;left:-2px;animation:rotateSmall 2s linear infinite;z-index:2;}.loading::after{content:"";position:absolute;width:174px;height:174px;border:2px solid #7F7FD5;border-radius:100%;box-sizing:border-box;top:-2px;left:-2px;clip-path:inset(0px 30px 30px 0px);-webkit-clip-path:inset(0px 30px 30px 0px);animation:rotateLarge 1s linear infinite;}.hexagons{position:relative;border-radius:100%;padding:5%;top:25px;left:30px;}.hexagon{position:absolute;width:40px;height:23px;background-color:#86A8E7;transform:scale(1.02);transform-origin:center;}.hexagon::before{content:"";position:absolute;top:-11.5px;left:0;width:0;height:0;border-left:20px solid transparent;border-right:20px solid transparent;border-bottom:11.5px solid #86A8E7;}.hexagon::after{content:"";position:absolute;top:23px;left:0;width:0;height:0;border-left:20px solid transparent;border-right:20px solid transparent;border-top:11.5px solid #86A8E7;}.hexagon:nth-child(1){animation:animateHex 3s infinite;}.hexagon:nth-child(2){left:53px;animation:animateHex 3s 0.2s infinite;}.hexagon:nth-child(3){left:-13px;top:46px;animation:animateHex 3s 1s infinite;}.hexagon:nth-child(4){left:31px;top:46px;line-height:23px;text-align:center;font-size:10px;color:#fff;animation:animateHex 3s 1.2s infinite;}.hexagon:nth-child(5){left:75px;top:46px;animation:animateHex 3s 0.4s infinite;}.hexagon:nth-child(6){top:84px;animation:animateHex 3s 0.8s infinite;}.hexagon:nth-child(7){left:53px;top:84px;animation:animateHex 3s 0.6s infinite;}@keyframes rotateSmall{100%{transform:rotate(1turn);}}@keyframes rotateLarge{0%{clip-path:inset(0px 30px 30px 0px);-webkit-clip-path:inset(0px 30px 30px 0px);}50%{clip-path:inset(0px 150px 150px 0px);-webkit-clip-path:inset(0px 150px 150px 0px);}100%{transform:rotate(1turn);clip-path:inset(0px 30px 30px 0px);-webkit-clip-path:inset(0px 30px 30px 0px);}}@keyframes animateHex{0%{transform:scale(1.02);}20%,50%{transform:scale(0.6);opacity:0;}65%{transform:scale(1.02);opacity:1;}}