.loader{--dim:2.2rem;position:relative;animation:spin988 1.5s linear infinite}.loader,.loader .circle{width:var(--dim);height:var(--dim)}.loader .circle{--color:#333;--dim:0.8rem;background-color:var(--color);border-radius:50%;position:absolute}.loader .circle:first-child{top:0;left:0}.loader .circle:nth-child(2){top:0;right:0}.loader .circle:nth-child(3){bottom:0;left:0}.loader .circle:nth-child(4){bottom:0;right:0}@keyframes spin988{0%{transform:scale(1) rotate(0)}20%,25%{transform:scale(1.3) rotate(90deg)}45%,50%{transform:scale(1) rotate(180deg)}70%,75%{transform:scale(1.3) rotate(270deg)}95%,to{transform:scale(1) rotate(1turn)}}#wifi-loader{--background:#62abff;--front-color:#1a50da;--back-color:#c3c8de;--text-color:#414856;width:86px;height:86px;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;min-width:-moz-fit-content;min-width:fit-content;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%)}}