@font-face{font-family:ago;src:url(../fonts/Agoka-FreePersonalUse.cc281fca.otf) format("opentype");font-weight:400;font-style:normal}@font-face{font-family:ago2;src:url(../fonts/Daizen.98e991ac.otf) format("opentype");font-weight:400;font-style:normal}@font-face{font-family:ago3;src:url(../fonts/Century.28806fbb.ttf) format("opentype");font-weight:400;font-style:normal}@font-face{font-family:ago4;src:url(../fonts/mt.7ac043ce.otf) format("opentype");font-weight:400;font-style:normal}.box{width:100%;flex-direction:column;height:100vh}#wifi-loader,.box{display:flex;justify-content:center;align-items:center}#wifi-loader{--background:#62abff;--front-color:#4f29f0;--back-color:#c3c8de;--text-color:#414856;width:10rem;height:10rem;border-radius:50px;position:relative}#wifi-loader svg{position:absolute;display:flex;justify-content:center;align-items:center}#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:100%;width:100%}#wifi-loader svg.circle-outer circle{stroke-dasharray:62.75 188.25}#wifi-loader svg.circle-outer circle.back{-webkit-animation:circle-outer135 1.8s ease .3s infinite;animation:circle-outer135 1.8s ease .3s infinite}#wifi-loader svg.circle-outer circle.front{-webkit-animation:circle-outer135 1.8s ease .15s infinite;animation:circle-outer135 1.8s ease .15s infinite}#wifi-loader svg.circle-middle{height:60%;width:60%}#wifi-loader svg.circle-middle circle{stroke-dasharray:42.5 127.5}#wifi-loader svg.circle-middle circle.back{-webkit-animation:circle-middle6123 1.8s ease .25s infinite;animation:circle-middle6123 1.8s ease .25s infinite}#wifi-loader svg.circle-middle circle.front{-webkit-animation:circle-middle6123 1.8s ease .1s infinite;animation:circle-middle6123 1.8s ease .1s infinite}#wifi-loader svg.circle-inner{height:34%;width:34%}#wifi-loader svg.circle-inner circle{stroke-dasharray:22 66}#wifi-loader svg.circle-inner circle.back{-webkit-animation:circle-inner162 1.8s ease .2s infinite;animation:circle-inner162 1.8s ease .2s infinite}#wifi-loader svg.circle-inner circle.front{-webkit-animation:circle-inner162 1.8s ease .05s infinite;animation:circle-inner162 1.8s ease .05s infinite}#wifi-loader .text{position:absolute;bottom:-50%;display:flex;justify-content:center;align-items:center;text-transform:lowercase;font-weight:700;font-size:1rem;letter-spacing:.2px;width:100vw}#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);-webkit-animation:text-animation76 3.6s ease infinite;animation:text-animation76 3.6s ease infinite;display:flex;align-items:center;justify-content:center;position:absolute;left:0;width:100vw}@-webkit-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-outer135{0%{stroke-dashoffset:25}25%{stroke-dashoffset:0}65%{stroke-dashoffset:301}80%{stroke-dashoffset:276}to{stroke-dashoffset:276}}@-webkit-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-middle6123{0%{stroke-dashoffset:17}25%{stroke-dashoffset:0}65%{stroke-dashoffset:204}80%{stroke-dashoffset:187}to{stroke-dashoffset:187}}@-webkit-keyframes circle-inner162{0%{stroke-dashoffset:9}25%{stroke-dashoffset:0}65%{stroke-dashoffset:106}80%{stroke-dashoffset:97}to{stroke-dashoffset:97}}@keyframes circle-inner162{0%{stroke-dashoffset:9}25%{stroke-dashoffset:0}65%{stroke-dashoffset:106}80%{stroke-dashoffset:97}to{stroke-dashoffset:97}}@-webkit-keyframes text-animation76{0%{-webkit-clip-path:inset(0 100% 0 0);clip-path:inset(0 100% 0 0)}50%{-webkit-clip-path:inset(0);clip-path:inset(0)}to{-webkit-clip-path:inset(0 0 0 100%);clip-path:inset(0 0 0 100%)}}@keyframes text-animation76{0%{-webkit-clip-path:inset(0 100% 0 0);clip-path:inset(0 100% 0 0)}50%{-webkit-clip-path:inset(0);clip-path:inset(0)}to{-webkit-clip-path:inset(0 0 0 100%);clip-path:inset(0 0 0 100%)}}