@keyframes move{to{transform:translateZ(1px) rotate(360deg)}}.background{position:fixed;width:100vw;height:100vh;top:0;left:0;background:#fff;overflow:hidden}.background span{width:50vmin;height:50vmin;border-radius:50vmin;backface-visibility:hidden;position:absolute;animation:move;animation-duration:18;animation-timing-function:linear;animation-iteration-count:infinite}.background span:nth-child(0){color:#7afffd;top:32%;left:18%;animation-duration:202s;animation-delay:-161s;transform-origin:9vw -16vh;box-shadow:100vmin 0 12.622433614794382vmin currentColor}.background span:nth-child(1){color:#a5d4f8;top:37%;left:15%;animation-duration:72s;animation-delay:-284s;transform-origin:-23vw -5vh;box-shadow:100vmin 0 13.244999029704497vmin currentColor}.background span:nth-child(2){color:#a5d4f8;top:32%;left:95%;animation-duration:66s;animation-delay:-145s;transform-origin:0vw -4vh;box-shadow:100vmin 0 12.902886086462448vmin currentColor}.background span:nth-child(3){color:#7afffd;top:74%;left:1%;animation-duration:248s;animation-delay:-235s;transform-origin:-24vw 10vh;box-shadow:100vmin 0 13.060528890399738vmin currentColor}.background span:nth-child(4){color:#a5d4f8;top:43%;left:73%;animation-duration:60s;animation-delay:-17s;transform-origin:-23vw 24vh;box-shadow:100vmin 0 13.355907101025368vmin currentColor}.background span:nth-child(5){color:#7afffd;top:90%;left:54%;animation-duration:97s;animation-delay:-189s;transform-origin:-21vw -24vh;box-shadow:-100vmin 0 12.960187125634725vmin currentColor}.background span:nth-child(6){color:#a5d4f8;top:9%;left:47%;animation-duration:138s;animation-delay:-263s;transform-origin:22vw 17vh;box-shadow:100vmin 0 12.604240910239932vmin currentColor}.background span:nth-child(7){color:#7afffd;top:27%;left:20%;animation-duration:306s;animation-delay:-174s;transform-origin:17vw -24vh;box-shadow:-100vmin 0 12.795595362441253vmin currentColor}.background span:nth-child(8){color:#7afffd;top:97%;left:24%;animation-duration:276s;animation-delay:-173s;transform-origin:-2vw -24vh;box-shadow:100vmin 0 13.004350179857203vmin currentColor}.background span:nth-child(9){color:#7afffd;top:42%;left:41%;animation-duration:245s;animation-delay:-139s;transform-origin:21vw -5vh;box-shadow:-100vmin 0 13.135192055823637vmin currentColor}.container{height:100dvh;display:flex;align-items:center;justify-content:center}#wifi-loader{--background: #62abff;--front-color: #05A0F1;--back-color: #c3c8de;--text-color: #414856;width:164px;height:164px;border-radius:50%;position:relative;display:flex;justify-content:center;align-items:center}#wifi-loader svg{position:absolute;display:flex;justify-content:center;align-items:center}#wifi-loader svg circle{position:absolute;fill:none;stroke-width:6px;stroke-linecap:round;stroke-linejoin:round;transform:rotate(-100deg);transform-origin:center}#wifi-loader svg circle.back{stroke:var(--back-color)}#wifi-loader svg circle.front{stroke:var(--front-color)}#wifi-loader svg.circle-outer{height:164px;width:164px}#wifi-loader svg.circle-outer circle{stroke-dasharray:122.52 367.56}#wifi-loader svg.circle-outer circle.back{animation:circle-outer135 1.8s ease infinite .3s}#wifi-loader svg.circle-outer circle.front{animation:circle-outer135 1.8s ease infinite .15s}#wifi-loader svg.circle-middle{height:130px;width:130px}#wifi-loader svg.circle-middle circle{stroke-dasharray:92.88 278.64}#wifi-loader svg.circle-middle circle.back{animation:circle-middle6123 1.8s ease infinite .25s}#wifi-loader svg.circle-middle circle.front{animation:circle-middle6123 1.8s ease infinite .1s}#wifi-loader svg.circle-inner{height:98px;width:98px}#wifi-loader svg.circle-inner circle{stroke-dasharray:64.36 193.08}#wifi-loader svg.circle-inner circle.back{animation:circle-inner162 1.8s ease infinite .2s}#wifi-loader svg.circle-inner circle.front{animation:circle-inner162 1.8s ease infinite .05s}#wifi-loader .centered-image{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:auto;z-index:10}#wifi-loader .text:before,#wifi-loader .text:after{content:attr(data-text)}#wifi-loader .text:before{color:var(--text-color)}#wifi-loader .text:after{color:var(--front-color);animation:text-animation76 3.6s ease infinite;position:absolute;left:0}@keyframes circle-outer135{0%{stroke-dashoffset:25}25%{stroke-dashoffset:0}65%{stroke-dashoffset:490.08}80%{stroke-dashoffset:490.08}to{stroke-dashoffset:490.08}}@keyframes circle-middle6123{0%{stroke-dashoffset:17}25%{stroke-dashoffset:0}65%{stroke-dashoffset:371.52}80%{stroke-dashoffset:371.52}to{stroke-dashoffset:371.52}}@keyframes circle-inner162{0%{stroke-dashoffset:9}25%{stroke-dashoffset:0}65%{stroke-dashoffset:257.44}80%{stroke-dashoffset:257.44}to{stroke-dashoffset:257.44}}@keyframes text-animation76{0%{clip-path:inset(0 100% 0 0)}50%{clip-path:inset(0)}to{clip-path:inset(0 0 0 100%)}}