.loading,.loading .circle2{top:0;right:0}.loading,.loading .circle4{left:0;bottom:0}.loading{position:absolute;z-index:9999;background:#fff}.loading .spinner{margin:40vh auto;width:35px;height:35px;position:relative}.loading .container1>div,.loading .container2>div,.loading .container3>div{width:8px;height:8px;background-color:#333;border-radius:100%;position:absolute;-webkit-animation:bouncedelay 1.2s infinite ease-in-out;animation:bouncedelay 1.2s infinite ease-in-out;-webkit-animation-fill-mode:both;animation-fill-mode:both}.loading .spinner .spinner-container{position:absolute;width:100%;height:100%}.loading .container2{transform:rotateZ(45deg)}.loading .container3{transform:rotateZ(90deg)}.loading .circle1{top:0;left:0}.loading .circle3{right:0;bottom:0}.loading .container2 .circle1{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.loading .container3 .circle1{-webkit-animation-delay:-1s;animation-delay:-1s}.loading .container1 .circle2{-webkit-animation-delay:-.9s;animation-delay:-.9s}.loading .container2 .circle2{-webkit-animation-delay:-.8s;animation-delay:-.8s}.loading .container3 .circle2{-webkit-animation-delay:-.7s;animation-delay:-.7s}.loading .container1 .circle3{-webkit-animation-delay:-.6s;animation-delay:-.6s}.loading .container2 .circle3{-webkit-animation-delay:-.5s;animation-delay:-.5s}.loading .container3 .circle3{-webkit-animation-delay:-.4s;animation-delay:-.4s}.loading .container1 .circle4{-webkit-animation-delay:-.3s;animation-delay:-.3s}.loading .container2 .circle4{-webkit-animation-delay:-.2s;animation-delay:-.2s}.loading .container3 .circle4{-webkit-animation-delay:-.1s;animation-delay:-.1s}@-webkit-keyframes bouncedelay{0%,100%,80%{-webkit-transform:scale(0)}40%{-webkit-transform:scale(1)}}@keyframes bouncedelay{0%,100%,80%{transform:scale(0);-webkit-transform:scale(0)}40%{transform:scale(1);-webkit-transform:scale(1)}}