.loading-state{width:100%;min-width:0;min-height:220px;color:var(--text-secondary);align-content:center;padding-block:16px;display:grid}.loading-state.is-page{min-height:clamp(320px,55svh,560px)}.loading-state.is-inline{min-height:44px;padding-block:8px}.loading-state-spinner{justify-self:center;width:24px;height:24px;animation:1s linear infinite loading-state-spin}.skeleton{background:var(--muted);border-radius:8px;animation:1.5s ease-in-out infinite alternate skeleton-pulse;display:block}.loading-state-list,.loading-state-card{gap:20px;width:100%;display:grid}.loading-state-row{align-items:center;gap:16px;min-width:0;padding-block:12px;display:flex}.loading-state-text{flex:1;gap:10px;min-width:0;display:grid}.loading-state-symbol{flex:none;width:36px;height:36px}.loading-state-heading{width:min(70%,240px);height:16px}.loading-state-line{width:min(90%,400px);height:12px}.loading-state-value{flex:none;width:15%;height:16px}.loading-state-block{width:100%;height:100px}.loading-state-chart{align-items:flex-end;gap:12px;height:200px;padding-top:16px;display:flex}.loading-state-chart>span{flex:1}@keyframes skeleton-pulse{to{opacity:.4}}@keyframes loading-state-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.skeleton,.loading-state-spinner{animation:none}}
