.offline-banner{z-index:9999;text-align:center;width:100%;font-family:var(--md-sys-typescale-body-medium-font,sans-serif);background-color:var(--md-sys-color-error,#b3261e);color:var(--md-sys-color-on-error,#fff);box-sizing:border-box;padding:.75rem 1rem;font-size:.875rem;position:sticky;top:0}body{-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;position:relative}body:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(60vmax 60vmax at 85% -10%,#8b6cf029,#0000 60%),radial-gradient(50vmax 50vmax at -10% 100%,#8b6cf01a,#0000 60%);position:fixed;inset:0}@keyframes riseIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.stagger-in{animation:.4s both riseIn;animation-delay:calc(var(--stagger-i,0) * 40ms)}