#wifi-loader{--background:#62abff;--front-color:#ef4d86;--front-color-in:#fbb216;--back-color:#c3c8de;--text-color:#414856;width:64px;height:64px;border-radius:50px;position:relative}#wifi-loader,#wifi-loader .text{display:flex;justify-content:center;align-items:center}#wifi-loader .text{position:absolute;bottom:-40px;text-transform:lowercase;font-weight:700;font-size:20px;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-in);animation:text-animation76 3.6s ease infinite;position:absolute;left:0}.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)}}@keyframes text-animation76{0%{clip-path:inset(0 100% 0 0)}50%{clip-path:inset(0)}to{clip-path:inset(0 0 0 100%)}}