.loading{display:grid;place-content:center;height:100vh;width:100%;background-color:hsla(0,0%,100%,.9);position:fixed;top:0;z-index:10000}.loading svg{position:fixed;width:80px;height:80px;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg) scale(1)}.loading .stroke-still{stroke:#ff8f3e}.loading .stroke-animation{animation:stroke-spacing 1.2s ease-in,stroke-color 4.8s linear;animation-iteration-count:infinite;animation-direction:normal;animation-fill-mode:forwards;animation-play-state:running;transform-origin:center center}@keyframes stroke-spacing{0%{stroke-dasharray:0 200}45%{stroke-dashoffset:0;stroke-dasharray:200 200}90%{stroke-dashoffset:-200;stroke-dasharray:200 200}to{stroke-dashoffset:-200;stroke-dasharray:200 200}}@keyframes stroke-color{0%{stroke:#fff}24%{stroke:#f4f6ff}25%{stroke:#e8ebff}49%{stroke:#ff8f3e}50%{stroke:#fff}74%{stroke:#6b7c8a}75%{stroke:#696d8c}99%{stroke:#ff8f3e}}