.al{align-content:center;display:grid;gap:18px;justify-items:center;min-height:220px;padding:8px 0}.al-pill{align-items:center;background:var(--ds-surface);border:1px solid color-mix(in srgb,var(--ds-blue) 28%,var(--ds-border));border-radius:999px;box-shadow:0 10px 28px color-mix(in srgb,var(--ds-blue) 12%,transparent);display:inline-flex;gap:10px;padding:9px 18px 9px 12px}.al-ring{animation:al-spin .9s linear infinite;border-radius:50%;border:3px solid color-mix(in srgb,var(--ds-blue) 18%,transparent);border-top-color:var(--ds-blue);height:20px;width:20px}.al-label{align-items:baseline;color:var(--ds-fg1);font-family:var(--font-mono);font-size:.7rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.al-dots,.al-label{display:inline-flex;gap:3px}.al-dots i{animation:al-bounce 1.1s ease-in-out infinite;background:var(--ds-blue);border-radius:50%;height:4px;width:4px}.al-dots i:nth-child(2){animation-delay:.15s}.al-dots i:nth-child(3){animation-delay:.3s}.al-rows{display:grid;gap:10px;width:100%}.al-bar{animation:al-shimmer 1.4s ease-in-out infinite;background:linear-gradient(100deg,color-mix(in srgb,var(--ds-fg2) 12%,var(--ds-surface)) 40%,color-mix(in srgb,var(--ds-fg2) 5%,var(--ds-surface)) 50%,color-mix(in srgb,var(--ds-fg2) 12%,var(--ds-surface)) 60%);background-size:220% 100%;border-radius:6px;height:10px}.al-bar--row{height:12px;width:100%}.al-rows .al-bar:nth-child(2){width:86%}.al-rows .al-bar:nth-child(3){width:93%}@keyframes al-spin{to{transform:rotate(1turn)}}@keyframes al-shimmer{0%{background-position:120% 0}to{background-position:-120% 0}}@keyframes al-bounce{0%,to{opacity:.35;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}@media (prefers-reduced-motion:reduce){.al-bar,.al-dots i,.al-ring{animation:none}}