.aora-offline-banner{position:sticky;top:0;z-index:9999;display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;padding:10px 16px;border-bottom:1px solid rgba(0,0,0,.14);font-family:var(--font);font-size:13px;line-height:1.35;text-align:center;background:#fff;color:#111}.aora-offline-banner.offline{background:#111;color:#fff}.aora-offline-banner.syncing{background:#f3f3f3;color:#111}.aora-offline-banner strong{font-weight:800}.aora-offline-banner span{opacity:.78}@media(max-width:560px){.aora-offline-banner{align-items:flex-start;flex-direction:column;text-align:left;padding:10px 14px;gap:2px}}@media(prefers-reduced-motion:no-preference){.aora-offline-banner.syncing strong::after{content:"";display:inline-block;width:8px;height:8px;margin-left:8px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:aora-offline-spin .8s linear infinite}@keyframes aora-offline-spin{to{transform:rotate(360deg)}}}

.aora-offline-banner.failed{background:#fff1f0;color:#7d1711;border-color:#c9473d}.aora-offline-actions{display:flex;gap:7px;opacity:1!important}.aora-offline-actions button{min-height:34px;border:1px solid currentColor;border-radius:999px;background:transparent;color:inherit;padding:0 12px;font-weight:800}.aora-offline-actions button:first-child{background:#7d1711;color:#fff}