.loading-state{width:100%;min-height:124px;padding:24px 0;animation:.18s ease-out hub-fade-in}.loading-state.compact{min-height:82px;padding:12px 0}.loading-announcement{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skeleton-copy{gap:12px;width:min(100%,680px);display:grid}.skeleton-line,.skeleton-value{background:color-mix(in srgb, var(--muted) 10%, transparent);border-radius:5px;height:10px;display:block;position:relative;overflow:hidden}.skeleton-line.heading{width:42%;height:16px;margin-bottom:6px}.skeleton-line.short{width:66%}.skeleton-value{width:44%;height:28px;margin-block:18px}.skeleton-line:after,.skeleton-value:after{content:"";background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--accent-text) 16%, transparent) 43%, color-mix(in srgb, var(--chart-green) 10%, transparent) 65%, transparent);animation:1.65s ease-in-out infinite skeleton-sweep;position:absolute;inset:0;transform:translate(-100%)}.skeleton-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-bottom:28px;display:grid}.skeleton-card{border:1px solid var(--border);background:var(--card-fill);border-radius:12px;padding:24px}@keyframes skeleton-sweep{to{transform:translate(100%)}}@media (width<=1000px){.skeleton-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=480px){.skeleton-metrics{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.skeleton-line:after,.skeleton-value:after{opacity:.4;animation:none;transform:none}}:root[data-page-hidden=true] :is(.skeleton-line,.skeleton-value):after{animation-play-state:paused}