.qs-async{display:flex;flex-direction:column;gap:var(--qs-space-3,12px)}.qs-async__strip{display:flex;align-items:center;gap:var(--qs-space-2,8px);margin:0;padding:var(--qs-space-2,8px) var(--qs-space-3,12px);border:1px solid var(--qs-color-warning-border,#f0d48a);border-radius:var(--qs-radius-md,8px);background:var(--qs-color-warning-surface,#fdf6e3);color:var(--qs-color-warning-text,#6b5312);font-size:var(--qs-font-size-sm,13px);line-height:1.45}.qs-async__strip strong{font-weight:600}.qs-async__dot{flex:0 0 auto;width:8px;height:8px;border-radius:50%;background:currentColor;animation:qs-net-pulse 1.4s ease-in-out infinite}.qs-async__panel{margin:0}.qs-async__spinner{display:flex;justify-content:center;padding:var(--qs-space-6,24px)}.qs-async__spinner-ring{width:24px;height:24px;border-radius:50%;border:2px solid var(--qs-color-border,#d9d9d9);border-top-color:var(--qs-color-primary,#1f7a4d);animation:qs-net-spin .8s linear infinite}.qs-net-banner{position:sticky;top:0;z-index:60;display:flex;align-items:center;justify-content:center;gap:var(--qs-space-2,8px);padding:6px var(--qs-space-3,12px);font-size:var(--qs-font-size-sm,13px);font-weight:500;text-align:center;color:#fff;background:var(--qs-color-danger,#b3261e)}.qs-net-banner[data-state=slow]{color:var(--qs-color-warning-text,#6b5312);background:var(--qs-color-warning-surface,#fdf6e3);border-bottom:1px solid var(--qs-color-warning-border,#f0d48a)}.qs-net-banner[data-state=recovered]{background:var(--qs-color-success,#1f7a4d)}.qs-net-banner__dot{width:8px;height:8px;border-radius:50%;background:currentColor;animation:qs-net-pulse 1.4s ease-in-out infinite}.qs-net-banner[data-state=recovered] .qs-net-banner__dot{animation:none}@keyframes qs-net-pulse{0%,to{opacity:1}50%{opacity:.35}}@keyframes qs-net-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.qs-async__dot,.qs-async__spinner-ring,.qs-net-banner__dot{animation:none}}