.OfflineBanner_banner__P3gNq{position:fixed;top:16px;left:50%;transform:translateX(-50%);z-index:150;padding:12px 20px;border-radius:8px;box-shadow:0 2px 4px var(--gray-a5);max-width:600px;width:calc(100% - 32px);animation:OfflineBanner_slideDown__PzU9n .2s ease-out}@keyframes OfflineBanner_slideDown__PzU9n{0%{opacity:0;transform:translateX(-50%) translateY(-100%)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.OfflineBanner_bannerOffline___YdV9{background:var(--amber-3);border:1px solid var(--amber-6);color:var(--amber-11)}.OfflineBanner_bannerServersDown__h0c54{background:var(--red-3);border:1px solid var(--red-6);color:var(--red-11)}.OfflineBanner_bannerReconnected__PV8ZO{background:var(--green-3);border:1px solid var(--green-6);color:var(--green-11)}.OfflineBanner_dismissButton__0llYX{background:none;border:none;cursor:pointer;padding:4px;border-radius:4px;color:inherit;opacity:.6;transition:opacity .15s}.OfflineBanner_dismissButton__0llYX:hover{opacity:1;background:var(--gray-a2)}