#wifi-loader{--front-color:#2563eb;--text-color:#414856;--back-color:#2564eb33;width:130px;height:130px;position:relative;display:grid;place-items:center}.dark #wifi-loader{--back-color:#2563eb20;--text-color:#e2e8f0}#wifi-loader svg{grid-area:1/1;justify-self:center;align-self:center}#wifi-loader svg circle{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{width:130px;height:130px}#wifi-loader svg.circle-middle{width:90px;height:90px}#wifi-loader svg.circle-inner{width:50px;height:50px}#wifi-loader svg.circle-outer circle{stroke-dasharray:62.75 188.25}#wifi-loader svg.circle-middle circle{stroke-dasharray:42.5 127.5}#wifi-loader svg.circle-inner circle{stroke-dasharray:22 66}#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 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 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}@keyframes circle-outer135{0%{stroke-dashoffset:25}25%{stroke-dashoffset:0}65%{stroke-dashoffset:301}80%,to{stroke-dashoffset:276}}@keyframes circle-middle6123{0%{stroke-dashoffset:17}25%{stroke-dashoffset:0}65%{stroke-dashoffset:204}80%,to{stroke-dashoffset:187}}@keyframes circle-inner162{0%{stroke-dashoffset:9}25%{stroke-dashoffset:0}65%{stroke-dashoffset:106}80%,to{stroke-dashoffset:97}}