.floading{display:flex;flex-direction:column;gap:16px;padding:8px;font-family:var(--font-sans)}.floading__head{display:flex;align-items:center;justify-content:space-between}.floading__status{display:flex;align-items:center;gap:9px;font-size:13px;color:var(--text-muted)}.floading__pct{font-family:var(--font-mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:13px;font-weight:600;color:var(--primary)}.floading__spin{width:14px;height:14px;border-radius:var(--radius-full);border:2px solid var(--border-strong);border-top-color:var(--primary);animation:farol-spin .7s linear infinite}.floading__bar{height:4px;background:var(--surface-2);overflow:hidden}.floading__bar,.floading__fill{border-radius:var(--radius-full)}.floading__fill{height:100%;background:var(--primary);transition:width .3s var(--ease-out)}.floading__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px}.floading__cell{display:flex;flex-direction:column;gap:10px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px}@keyframes farol-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.floading__spin{animation:none}}