#wifi-loader{--background:#62abff;--front-color:#0080C4;--back-color:#c3c8de;--text-color:#414856;width:64px;height:64px;border-radius:50px;position:relative}#wifi-loader,#wifi-loader svg{display:flex;justify-content:center;align-items:center}#wifi-loader svg{position:absolute}#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:86px;width:86px}#wifi-loader svg.circle-outer circle{stroke-dasharray:62.75 188.25}#wifi-loader svg.circle-outer circle.back{animation:circle-outer135 1.8s ease .3s infinite}#wifi-loader svg.circle-outer circle.front{animation:circle-outer135 1.8s ease .15s infinite}#wifi-loader svg.circle-middle{height:60px;width:60px}#wifi-loader svg.circle-middle circle{stroke-dasharray:42.5 127.5}#wifi-loader svg.circle-middle circle.back{animation:circle-middle6123 1.8s ease .25s infinite}#wifi-loader svg.circle-middle circle.front{animation:circle-middle6123 1.8s ease .1s infinite}#wifi-loader svg.circle-inner{height:34px;width:34px}#wifi-loader svg.circle-inner circle{stroke-dasharray:22 66}#wifi-loader svg.circle-inner circle.back{animation:circle-inner162 1.8s ease .2s infinite}#wifi-loader svg.circle-inner circle.front{animation:circle-inner162 1.8s ease .05s infinite}#wifi-loader .text{position:absolute;bottom:-40px;display:flex;justify-content:center;align-items:center;text-transform:lowercase;font-weight:500;font-size:14px;letter-spacing:.2px}#wifi-loader .text:after,#wifi-loader .text:before{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:301}80%{stroke-dashoffset:276}to{stroke-dashoffset:276}}@keyframes circle-middle6123{0%{stroke-dashoffset:17}25%{stroke-dashoffset:0}65%{stroke-dashoffset:204}80%{stroke-dashoffset:187}to{stroke-dashoffset:187}}@keyframes circle-inner162{0%{stroke-dashoffset:9}25%{stroke-dashoffset:0}65%{stroke-dashoffset:106}80%{stroke-dashoffset:97}to{stroke-dashoffset:97}}@keyframes text-animation76{0%{clip-path:inset(0 100% 0 0)}50%{clip-path:inset(0)}to{clip-path:inset(0 0 0 100%)}}.loading{--speed-of-animation:0.9s;--gap:6px;--first-color:#4c86f9;--second-color:#49a84c;--third-color:#f6bb02;--fourth-color:#f6bb02;--fifth-color:#2196f3;display:flex;justify-content:center;align-items:center;width:100px;gap:6px;height:100px}.loading span{width:4px;height:50px;background:var(--first-color);animation:scale var(--speed-of-animation) ease-in-out infinite}.loading span:nth-child(2){background:var(--second-color);animation-delay:-.8s}.loading span:nth-child(3){background:var(--third-color);animation-delay:-.7s}.loading span:nth-child(4){background:var(--fourth-color);animation-delay:-.6s}.loading span:nth-child(5){background:var(--fifth-color);animation-delay:-.5s}@keyframes scale{0%,40%,to{transform:scaleY(.05)}20%{transform:scaleY(1)}}