.error-field{align-items:center;background-color:#33c4f2;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw}.error-field *{color:#fff}.error-field #safe-area{align-items:center;display:flex;flex-direction:column;height:auto;row-gap:0;width:1280px}.error-field #safe-area h1{font-weight:700;margin:0}.error-field #safe-area h2{font-weight:600}.error-field #safe-area p{font-size:1rem}@media (max-width:1280px){.error-field #safe-area{width:90%}}@media (max-width:768px){.error-field #safe-area{width:95%}.error-field #safe-area h1,.error-field #safe-area h2,.error-field #safe-area p{text-align:center}.error-field #safe-area div{width:90%}}@media (max-width:360px){.error-field #safe-area h1{font-size:2rem}}.error-field #safe-area>div{margin-top:10px;width:50%}.error-field #safe-area>div #loading-bar{animation:end 8s ease-out forwards;background-color:#33c4f2;border-radius:5px;display:flex;flex-direction:column;height:30px;overflow:hidden;position:relative;row-gap:10px;width:0}.error-field #safe-area>div #loading-bar:before{animation-duration:35s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:loop;animation-timing-function:linear;background-image:linear-gradient(90deg,#fff,transparent,#fff,transparent,#fff,transparent,#fff,transparent,#fff);background-size:500%;content:"";height:100%;top:0;right:0;bottom:0;left:0;position:absolute}@keyframes loop{0%{background-position:500% 0}to{background-position:0 0}}@keyframes end{to{width:100%}}
