/*!
 * name: @jswork/loading-screen
 * description: Pure loading-screen for spa.
 * homepage: https://github.com/afeiship/loading-screen
 * version: 1.0.7
 * date: 2024-01-11 16:59:42
 * license: MIT
 */

.loading-screen{--ls-opts-top: 37.5%;--ls-opts-bar-color: #1890ff;--ls-opts-bar-width: 4px;--ls-opts-text-color: #999;--ls-opts-error-text-color: red;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:absolute;left:50%;top:var(--ls-opts-top);transform:translate(-50%, -50%);color:var(--ls-opts-text-color);font-size:12px;transition:.3s}.loading-screen.load-error{color:var(--ls-opts-error-text-color);cursor:pointer}.loading-screen.load-error:active{color:var(--ls-opts-text-color);opacity:.5}.loading-screen>.spinner{width:60px;height:40px;text-align:center;font-size:10px;margin:0 auto 6px}.loading-screen>.spinner>div{background-color:var(--ls-opts-bar-color);height:100%;width:var(--ls-opts-bar-width);display:inline-block;animation:sk-stretchdelay 1.2s infinite ease-in-out;margin-left:3px}.loading-screen>.spinner>.rect2{animation-delay:-1.1s}.loading-screen>.spinner>.rect3{animation-delay:-1s}.loading-screen>.spinner>.rect4{animation-delay:-0.9s}.loading-screen>.spinner>.rect5{animation-delay:-0.8s}@keyframes sk-stretchdelay{0%,40%,to{transform:scaleY(0.4);-webkit-transform:scaleY(0.4)}20%{transform:scaleY(1);-webkit-transform:scaleY(1)}}