.center,body,html{height:100%;width:100%}body,html{background-color:#262726}.center{align-items:center;display:flex;justify-content:center}.loading{width:40px;height:40px;position:relative;left:0;right:0;top:0;bottom:0;animation:2.5s linear infinite both loading}.loading-dot{width:100%;height:100%;position:absolute;left:0;top:0;animation:2s ease-in-out infinite both loading-dot}.loading-dot:before{content:'';display:block;width:25%;height:25%;background-color:#fff;border-radius:100%;animation:2s ease-in-out infinite both loading-dot-before}.loading-dot:first-child,.loading-dot:first-child:before{animation-delay:-1.1s}.loading-dot:nth-child(2),.loading-dot:nth-child(2):before{animation-delay:-1s}.loading-dot:nth-child(3),.loading-dot:nth-child(3):before{animation-delay:-.9s}.loading-dot:nth-child(4),.loading-dot:nth-child(4):before{animation-delay:-.8s}.loading-dot:nth-child(5),.loading-dot:nth-child(5):before{animation-delay:-.7s}.loading-dot:nth-child(6),.loading-dot:nth-child(6):before{animation-delay:-.6s}@keyframes loading{100%{transform:rotate(360deg)}}@keyframes loading-dot{100%,80%{transform:rotate(360deg)}}@keyframes loading-dot-before{50%{transform:scale(.4)}0%,100%{transform:scale(1)}}