.wifi-loader{--loader-front:var(--color-sky);--loader-back:var(--color-bg-soft-200);--loader-text:var(--color-ink-2);border-radius:50px;justify-content:center;align-items:center;width:64px;height:64px;display:flex;position:relative}.wifi-loader--sm{transform:scale(.7)}.wifi-loader--lg{transform:scale(1.4)}.wifi-loader svg{justify-content:center;align-items:center;display:flex;position:absolute}.wifi-loader svg circle{fill:none;stroke-width:6px;stroke-linecap:round;stroke-linejoin:round;transform-origin:50%;position:absolute;transform:rotate(-100deg)}.wifi-loader svg circle.back{stroke:var(--loader-back)}.wifi-loader svg circle.front{stroke:var(--loader-front)}.wifi-loader svg.circle-outer{width:86px;height:86px}.wifi-loader svg.circle-outer circle{stroke-dasharray:62.75 188.25}.wifi-loader svg.circle-outer circle.back{animation:1.8s .3s infinite wifi-circle-outer}.wifi-loader svg.circle-outer circle.front{animation:1.8s .15s infinite wifi-circle-outer}.wifi-loader svg.circle-middle{width:60px;height:60px}.wifi-loader svg.circle-middle circle{stroke-dasharray:42.5 127.5}.wifi-loader svg.circle-middle circle.back{animation:1.8s .25s infinite wifi-circle-middle}.wifi-loader svg.circle-middle circle.front{animation:1.8s .1s infinite wifi-circle-middle}.wifi-loader svg.circle-inner{width:34px;height:34px}.wifi-loader svg.circle-inner circle{stroke-dasharray:22 66}.wifi-loader svg.circle-inner circle.back{animation:1.8s .2s infinite wifi-circle-inner}.wifi-loader svg.circle-inner circle.front{animation:1.8s 50ms infinite wifi-circle-inner}.wifi-loader .wifi-loader-text{text-transform:lowercase;font-size:14px;font-weight:500;font-family:var(--font-mono);letter-spacing:.2px;white-space:nowrap;justify-content:center;align-items:center;display:flex;position:absolute;bottom:-40px}.wifi-loader .wifi-loader-text:before,.wifi-loader .wifi-loader-text:after{content:attr(data-text)}.wifi-loader .wifi-loader-text:before{color:var(--loader-text)}.wifi-loader .wifi-loader-text:after{color:var(--loader-front);animation:3.6s infinite wifi-text-sweep;position:absolute;left:0}@keyframes wifi-circle-outer{0%{stroke-dashoffset:25px}25%{stroke-dashoffset:0}65%{stroke-dashoffset:301px}80%{stroke-dashoffset:276px}to{stroke-dashoffset:276px}}@keyframes wifi-circle-middle{0%{stroke-dashoffset:17px}25%{stroke-dashoffset:0}65%{stroke-dashoffset:204px}80%{stroke-dashoffset:187px}to{stroke-dashoffset:187px}}@keyframes wifi-circle-inner{0%{stroke-dashoffset:9px}25%{stroke-dashoffset:0}65%{stroke-dashoffset:106px}80%{stroke-dashoffset:97px}to{stroke-dashoffset:97px}}@keyframes wifi-text-sweep{0%{clip-path:inset(0 100% 0 0)}50%{clip-path:inset(0)}to{clip-path:inset(0 0 0 100%)}}